:root {
  --webshop-version:"404-topup-history-stable";
  --v400-primary:var(--orange,#3187ee);
  --v400-secondary:var(--orange2,#5aa7ff);
  --v400-primary-rgb:49,135,238;
  --v400-secondary-rgb:90,167,255;
  --v400-page:#f4f7fb;
  --v400-surface:rgba(255,255,255,.84);
  --v400-surface-strong:#fff;
  --v400-surface-soft:rgba(255,255,255,.64);
  --v400-ink:#101828;
  --v400-muted:#667085;
  --v400-line:rgba(148,163,184,.20);
  --v400-shadow-sm:0 10px 30px rgba(15,23,42,.07);
  --v400-shadow-md:0 22px 56px rgba(15,23,42,.11);
  --v400-shadow-color:0 24px 70px rgba(var(--v400-primary-rgb),.18);
  --v400-radius:22px;
  --v400-radius-sm:15px;
  --v400-ease:cubic-bezier(.22,1,.36,1);
}

html.aurora-motion-v400 {
  background:var(--v400-page)
}

body.webshop-v400 {
  position:relative;
  min-height:100vh;
  background-color:var(--bg,var(--v400-page))!important;
  color:var(--v400-ink)!important;
  overflow-x:hidden;
  isolation:isolate;
}

body.webshop-v400::selection {
  background:rgba(var(--v400-primary-rgb),.22);
  color:var(--v400-ink)
}

body.webshop-v400 * {
  scrollbar-color:rgba(var(--v400-primary-rgb),.36) transparent;
  scrollbar-width:thin
}

body.webshop-v400 *::-webkit-scrollbar {
  width:7px;
  height:7px
}

body.webshop-v400 *::-webkit-scrollbar-thumb {
  background:rgba(var(--v400-primary-rgb),.28);
  border-radius:99px
}

body.webshop-v400 *::-webkit-scrollbar-track {
  background:transparent
}

.aurora-background-v400 {
  position:fixed;
  inset:0;
  z-index:-3;
  overflow:hidden;
  pointer-events:none;
  background: radial-gradient(circle at 8% 12%,rgba(var(--v400-primary-rgb),.12),transparent 31%), radial-gradient(circle at 90% 18%,rgba(var(--v400-secondary-rgb),.13),transparent 29%), linear-gradient(180deg,rgba(255,255,255,.84),rgba(248,250,252,.94));
}

.aurora-background-v400::after {
  content:"";
  position:absolute;
  inset:0;
  opacity:.22;
  background-image:linear-gradient(rgba(148,163,184,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.13) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,black,transparent 80%)
}

.aurora-orb-v400 {
  position:absolute;
  border-radius:50%;
  filter:blur(8px);
  opacity:.58;
  will-change:transform
}

.aurora-orb-v400:nth-child(1) {
  width:340px;
  height:340px;
  left:-140px;
  top:8%;
  background:radial-gradient(circle,rgba(var(--v400-primary-rgb),.34),transparent 68%);
  animation:v400FloatA 15s ease-in-out infinite alternate
}

.aurora-orb-v400:nth-child(2) {
  width:420px;
  height:420px;
  right:-190px;
  top:24%;
  background:radial-gradient(circle,rgba(var(--v400-secondary-rgb),.28),transparent 68%);
  animation:v400FloatB 18s ease-in-out infinite alternate
}

.aurora-orb-v400:nth-child(3) {
  width:360px;
  height:360px;
  left:35%;
  bottom:-210px;
  background:radial-gradient(circle,rgba(var(--v400-primary-rgb),.20),transparent 69%);
  animation:v400FloatC 20s ease-in-out infinite alternate
}

@keyframes v400FloatA {
  to {
    transform:translate3d(95px,55px,0) scale(1.12)
  }
}

@keyframes v400FloatB {
  to {
    transform:translate3d(-95px,75px,0) scale(.9)
  }
}

@keyframes v400FloatC {
  to {
    transform:translate3d(80px,-90px,0) scale(1.08)
  }
}

.aurora-scroll-progress-v400 {
  position:fixed;
  top:0;
  left:0;
  height:3px;
  width:0;
  z-index:2147482500;
  background:linear-gradient(90deg,var(--v400-primary),var(--v400-secondary),#fff);
  box-shadow:0 0 18px rgba(var(--v400-primary-rgb),.55);
  pointer-events:none;
  transition:width .08s linear
}

body.webshop-v400 .page.active {
  animation:v400PageIn .52s var(--v400-ease) both
}

@keyframes v400PageIn {
  from {
    opacity:0;
    transform:translateY(12px) scale(.995)
  }

  to {
    opacity:1;
    transform:none
  }
}

body.webshop-v400 [data-motion-v400] {
  opacity:0;
  transform:translateY(22px) scale(.985);
  transition:opacity .62s var(--v400-ease),transform .62s var(--v400-ease),box-shadow .28s ease,border-color .28s ease
}

body.webshop-v400 [data-motion-v400].motion-visible-v400 {
  opacity:1;
  transform:none
}

body.webshop-v400.motion-off-v400 [data-motion-v400] {
  opacity:1!important;
  transform:none!important;
  transition:none!important;
  animation:none!important
}

body.webshop-v400 .header {
  background:rgba(255,255,255,.78)!important;
  border-bottom:1px solid rgba(255,255,255,.68)!important;
  box-shadow:0 7px 30px rgba(15,23,42,.055)!important;
  backdrop-filter:blur(20px) saturate(1.35)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.35)!important;
  transition:box-shadow .25s ease,background .25s ease!important;
}

body.webshop-v400.header-scrolled-v400 .header {
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 14px 40px rgba(15,23,42,.10)!important
}

body.webshop-v400 .topbar {
  background:linear-gradient(110deg,var(--v400-primary),var(--v400-secondary))!important;
  position:relative;
  overflow:hidden
}

body.webshop-v400 .topbar::after {
  content:"";
  position:absolute;
  inset:-80% -20%;
  background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.18) 48%,transparent 61%);
  animation:v400Shine 7s linear infinite;
  pointer-events:none
}

@keyframes v400Shine {
  from {
    transform:translateX(-55%)
  }

  to {
    transform:translateX(55%)
  }
}

body.webshop-v400 .mainbar-v301 {
  padding-top:14px!important;
  padding-bottom:14px!important
}

body.webshop-v400 .logo-v301 #headerSiteName {
  color:var(--v400-primary)!important;
  font-style:normal!important;
  letter-spacing:-.8px!important;
  text-shadow:none!important;
  position:relative
}

body.webshop-v400 .logo-v301 #headerSiteName::after {
  content:"";
  display:block;
  width:30px;
  height:4px;
  margin-top:5px;
  border-radius:99px;
  background:linear-gradient(90deg,var(--v400-primary),var(--v400-secondary));
  animation:v400LogoPulse 3s ease-in-out infinite
}

@keyframes v400LogoPulse {
  50% {
    width:58px;
    opacity:.65
  }
}

body.webshop-v400 .search-v301 {
  height:50px!important;
  border:1px solid rgba(var(--v400-primary-rgb),.13)!important;
  border-radius:18px!important;
  background:rgba(248,250,252,.86)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 9px 25px rgba(15,23,42,.045)!important;
  transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease!important
}

body.webshop-v400 .search-v301:focus-within {
  border-color:rgba(var(--v400-primary-rgb),.45)!important;
  box-shadow:0 0 0 5px rgba(var(--v400-primary-rgb),.09),0 14px 28px rgba(15,23,42,.07)!important;
  transform:translateY(-1px)
}

body.webshop-v400 .search-v301 button {
  background:linear-gradient(135deg,var(--v400-primary),var(--v400-secondary))!important;
  border-radius:14px!important;
  box-shadow:0 9px 18px rgba(var(--v400-primary-rgb),.20)!important
}

body.webshop-v400 .wallet-card-v301 {
  border-radius:18px!important;
  background:linear-gradient(135deg,var(--v400-primary),var(--v400-secondary))!important;
  box-shadow:0 15px 28px rgba(var(--v400-primary-rgb),.20)!important;
  transition:transform .25s var(--v400-ease)!important
}

body.webshop-v400 .wallet-card-v301:hover {
  transform:translateY(-3px) rotate(-.6deg)
}

body.webshop-v400 .desktop-nav {
  position:sticky;
  top:0;
  z-index:19;
  background:rgba(255,255,255,.72)!important;
  border-color:rgba(148,163,184,.14)!important;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px)
}

body.webshop-v400 .desktop-nav-inner {
  gap:5px!important;
  padding-top:9px!important;
  padding-bottom:9px!important
}

body.webshop-v400 .desktop-nav button {
  position:relative;
  border-radius:13px!important;
  padding:10px 15px!important;
  overflow:hidden;
  transition:color .22s ease,transform .22s ease,background .22s ease!important
}

body.webshop-v400 .desktop-nav button::after {
  content:"";
  position:absolute;
  left:17px;
  right:17px;
  bottom:4px;
  height:3px;
  border-radius:99px;
  background:linear-gradient(90deg,var(--v400-primary),var(--v400-secondary));
  transform:scaleX(0);
  transition:transform .24s var(--v400-ease)
}

body.webshop-v400 .desktop-nav button.active,body.webshop-v400 .desktop-nav button:hover {
  background:rgba(var(--v400-primary-rgb),.08)!important;
  color:var(--v400-primary)!important;
  transform:translateY(-1px)
}

body.webshop-v400 .desktop-nav button.active::after,body.webshop-v400 .desktop-nav button:hover::after {
  transform:scaleX(1)
}

body.webshop-v400 .container {
  max-width:1380px!important;
  padding:18px!important;
  gap:18px!important;
  position:relative
}

body.webshop-v400 .side-card,body.webshop-v400 .card,body.webshop-v400 .settings-card {
  background:var(--v400-surface)!important;
  border:1px solid rgba(255,255,255,.75)!important;
  border-radius:var(--v400-radius)!important;
  box-shadow:var(--v400-shadow-sm)!important;
  backdrop-filter:blur(18px) saturate(1.12);
  -webkit-backdrop-filter:blur(18px) saturate(1.12)
}

body.webshop-v400 .sidebar {
  position:sticky;
  top:122px;
  align-self:start
}

body.webshop-v400 .side-card {
  padding:15px!important;
  overflow:hidden;
  position:relative
}

body.webshop-v400 .side-card::before {
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:linear-gradient(90deg,var(--v400-primary),var(--v400-secondary));
  opacity:.8
}

body.webshop-v400 .side-menu button {
  border-radius:13px!important;
  padding:11px 12px!important;
  transition:transform .22s var(--v400-ease),background .22s ease,color .22s ease!important
}

body.webshop-v400 .side-menu button:hover {
  transform:translateX(5px);
  background:rgba(var(--v400-primary-rgb),.09)!important;
  color:var(--v400-primary)!important
}

.experience-strip-v400 {
  display:grid;
  grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(120px,.55fr));
  gap:10px;
  margin:0 0 13px
}

.experience-welcome-v400,.experience-chip-v400 {
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.8);
  background:rgba(255,255,255,.72);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border-radius:18px;
  box-shadow:0 10px 30px rgba(15,23,42,.055)
}

.experience-welcome-v400 {
  padding:14px 16px
}

.experience-welcome-v400 small {
  display:block;
  color:var(--v400-muted);
  font-weight:700
}

.experience-welcome-v400 b {
  display:block;
  margin-top:2px;
  font-size:17px;
  line-height:1.35;
  color:var(--v400-ink)
}

.experience-welcome-v400::after {
  content:"";
  position:absolute;
  width:95px;
  height:95px;
  border-radius:50%;
  right:-35px;
  top:-44px;
  background:radial-gradient(circle,rgba(var(--v400-primary-rgb),.22),transparent 70%)
}

.experience-chip-v400 {
  display:flex;
  align-items:center;
  gap:9px;
  padding:11px 12px;
  color:#344054;
  font-weight:800;
  font-size:11px
}

.experience-chip-v400 span {
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:rgba(var(--v400-primary-rgb),.10);
  color:var(--v400-primary);
  font-size:16px;
  flex:0 0 auto
}

body.webshop-v400 .shop-balance-v301 {
  min-height:126px;
  border-radius:26px!important;
  padding:22px!important;
  background: radial-gradient(circle at 88% 20%,rgba(255,255,255,.28),transparent 22%), linear-gradient(125deg,var(--v400-primary),var(--v400-secondary))!important;
  box-shadow:var(--v400-shadow-color)!important;
  isolation:isolate
}

body.webshop-v400 .shop-balance-v301::before {
  content:"";
  position:absolute;
  left:-40px;
  bottom:-88px;
  width:240px;
  height:170px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:50%;
  transform:rotate(18deg);
  pointer-events:none
}

body.webshop-v400 .shop-balance-v301::after {
  width:235px!important;
  height:235px!important;
  right:-70px!important;
  top:-115px!important;
  background:rgba(255,255,255,.13)!important;
  box-shadow:-70px 120px 0 -45px rgba(255,255,255,.11)
}

body.webshop-v400 .shop-balance-icon-v301 {
  width:54px!important;
  height:54px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35);
  animation:v400WalletFloat 3.4s ease-in-out infinite
}

@keyframes v400WalletFloat {
  50% {
    transform:translateY(-5px) rotate(-3deg)
  }
}

body.webshop-v400 .shop-balance-v301 b {
  font-size:30px!important;
  letter-spacing:-1px
}

body.webshop-v400 .shop-balance-v301 .shop-cart-summary-v62 {
  background:rgba(255,255,255,.15)!important;
  border:1px solid rgba(255,255,255,.26)!important;
  backdrop-filter:blur(12px)!important;
  transition:background .2s ease,transform .2s ease!important
}

body.webshop-v400 .shop-balance-v301 .shop-cart-summary-v62:hover {
  background:rgba(255,255,255,.24)!important;
  transform:translateY(-2px)
}

body.webshop-v400 .shop-balance-v301 .btn.ghost {
  border-radius:15px!important;
  box-shadow:0 10px 22px rgba(15,23,42,.12)!important
}

body.webshop-v400 .banner-row {
  gap:14px!important;
  margin-bottom:18px!important
}

body.webshop-v400 .banner-main,body.webshop-v400 .mini-banner,body.webshop-v400 .public-banner-main,body.webshop-v400 .public-mini-banner {
  border-radius:24px!important;
  border:1px solid rgba(255,255,255,.82)!important;
  box-shadow:var(--v400-shadow-md)!important;
  background:#fff!important;
  isolation:isolate
}

body.webshop-v400 .banner-main::after,body.webshop-v400 .public-banner-main::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.18) 45%,transparent 65%);
  transform:translateX(-120%);
  animation:v400BannerSweep 8s ease-in-out infinite;
  pointer-events:none;
  z-index:2
}

@keyframes v400BannerSweep {
  0%,65% {
    transform:translateX(-120%)
  }

  85%,100% {
    transform:translateX(120%)
  }
}

body.webshop-v400 .banner-main img,body.webshop-v400 .mini-banner img,body.webshop-v400 .public-banner-main img,body.webshop-v400 .public-mini-banner img {
  transition:transform .7s var(--v400-ease)!important
}

body.webshop-v400 .banner-main:hover img,body.webshop-v400 .mini-banner:hover img,body.webshop-v400 .public-banner-main:hover img,body.webshop-v400 .public-mini-banner:hover img {
  transform:scale(1.035)
}

body.webshop-v400 .banner-dots-v152 span {
  height:7px!important;
  background:rgba(255,255,255,.72)!important;
  transition:width .2s ease,background .2s ease
}

body.webshop-v400 .notice,body.webshop-v400 .feature-status-note {
  position:relative;
  overflow:hidden;
  border-radius:17px!important;
  border:1px solid rgba(var(--v400-primary-rgb),.16)!important;
  background:linear-gradient(135deg,rgba(var(--v400-primary-rgb),.07),rgba(255,255,255,.80))!important;
  color:#7a2e20;
  box-shadow:0 9px 25px rgba(15,23,42,.04)
}

body.webshop-v400 .notice::before {
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  background:linear-gradient(var(--v400-primary),var(--v400-secondary))
}

body.webshop-v400 .section-head {
  margin:4px 0 12px!important
}

body.webshop-v400 .section-head h2 {
  position:relative;
  font-size:20px!important;
  letter-spacing:-.45px!important;
  color:var(--v400-ink)!important;
  padding-left:15px
}

body.webshop-v400 .section-head h2::before {
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:6px;
  height:25px;
  border-radius:99px;
  background:linear-gradient(var(--v400-primary),var(--v400-secondary));
  transform:translateY(-50%);
  box-shadow:0 5px 12px rgba(var(--v400-primary-rgb),.25)
}

body.webshop-v400 .product-summary-v152 {
  color:var(--v400-muted)!important
}

body.webshop-v400 .btn {
  position:relative;
  overflow:hidden;
  border-radius:13px!important;
  background:linear-gradient(135deg,var(--v400-primary),var(--v400-secondary))!important;
  box-shadow:0 10px 22px rgba(var(--v400-primary-rgb),.18)!important;
  transition:transform .2s var(--v400-ease),box-shadow .2s ease,filter .2s ease!important;
  isolation:isolate
}

body.webshop-v400 .btn:hover:not(:disabled) {
  transform:translateY(-2px);
  box-shadow:0 15px 28px rgba(var(--v400-primary-rgb),.25)!important;
  filter:saturate(1.06)
}

body.webshop-v400 .btn:active:not(:disabled) {
  transform:translateY(0) scale(.975)
}

body.webshop-v400 .btn.ghost {
  background:rgba(255,255,255,.88)!important;
  color:var(--v400-primary)!important;
  border:1px solid rgba(var(--v400-primary-rgb),.22)!important;
  box-shadow:0 8px 18px rgba(15,23,42,.055)!important
}

body.webshop-v400 .btn.dark {
  background:linear-gradient(135deg,#111827,#334155)!important
}

body.webshop-v400 .btn.green {
  background:linear-gradient(135deg,#059669,#22c55e)!important
}

body.webshop-v400 .btn.red {
  background:linear-gradient(135deg,#dc2626,#fb7185)!important
}

.v400-ripple {
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  background:rgba(255,255,255,.42);
  transform:translate(-50%,-50%) scale(0);
  animation:v400Ripple .6s ease-out forwards;
  z-index:0
}

@keyframes v400Ripple {
  to {
    transform:translate(-50%,-50%) scale(1);
    opacity:0
  }
}

body.webshop-v400 .products {
  gap:15px!important
}

body.webshop-v400 #productGrid>.product,body.webshop-v400 #memberRewardGridV74>.product {
  border:1px solid rgba(255,255,255,.88)!important;
  border-radius:23px!important;
  background:rgba(255,255,255,.90)!important;
  box-shadow:var(--v400-shadow-sm)!important;
  overflow:hidden!important;
  transition:transform .32s var(--v400-ease),box-shadow .32s ease,border-color .32s ease!important;
  animation:v400ProductIn .52s var(--v400-ease) both!important;
  animation-delay:calc(min(var(--v400-index,0),12) * 42ms)!important
}

@keyframes v400ProductIn {
  from {
    opacity:0;
    transform:translateY(18px) scale(.97)
  }

  to {
    opacity:1;
    transform:none
  }
}

body.webshop-v400 #productGrid>.product:hover,body.webshop-v400 #memberRewardGridV74>.product:hover {
  transform:translateY(-8px)!important;
  box-shadow:0 24px 52px rgba(15,23,42,.14)!important;
  border-color:rgba(var(--v400-primary-rgb),.24)!important
}

body.webshop-v400 .product .cover {
  position:relative;
  background:linear-gradient(145deg,#fff,#f8fafc)!important;
  border-bottom:1px solid rgba(148,163,184,.12)!important;
  overflow:hidden
}

body.webshop-v400 .product .cover::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.58) 50%,transparent 70%);
  transform:translateX(-120%);
  transition:transform .65s ease;
  pointer-events:none
}

body.webshop-v400 .product:hover .cover::after {
  transform:translateX(120%)
}

body.webshop-v400 .product .cover img,body.webshop-v400 #productGrid .product-image-v316 {
  transition:transform .52s var(--v400-ease)!important;
  animation:none!important
}

body.webshop-v400 .product:hover .cover img {
  transform:scale(1.055)!important
}

body.webshop-v400 .product .body {
  padding:13px!important;
  background:transparent!important
}

body.webshop-v400 .product .name {
  font-size:13px!important;
  line-height:1.5!important;
  font-weight:900!important;
  color:var(--v400-ink)!important
}

body.webshop-v400 .product .condition {
  color:var(--v400-muted)!important
}

body.webshop-v400 .product .sale {
  font-size:19px!important;
  color:var(--v400-primary)!important;
  letter-spacing:-.4px
}

body.webshop-v400 .product .tag {
  top:9px!important;
  left:9px!important;
  border-radius:999px!important;
  background:rgba(17,24,39,.80)!important;
  backdrop-filter:blur(8px);
  box-shadow:0 6px 16px rgba(15,23,42,.12)
}

body.webshop-v400 .discount-badge-v49 {
  background:linear-gradient(135deg,#f43f5e,#fb7185)!important;
  box-shadow:0 7px 16px rgba(244,63,94,.24)
}

body.webshop-v400 .qty-ctl {
  background:rgba(var(--v400-primary-rgb),.075)!important;
  border:1px solid rgba(var(--v400-primary-rgb),.10);
  padding:2px
}

body.webshop-v400 .qty-ctl button {
  border-radius:50%!important;
  color:var(--v400-primary)!important;
  background:#fff!important;
  box-shadow:0 4px 12px rgba(15,23,42,.07)
}

body.webshop-v400 .qty-number-v62.bump-v62 {
  animation:v400QtyBump .25s var(--v400-ease)
}

@keyframes v400QtyBump {
  50% {
    transform:scale(1.45);
    color:var(--v400-primary)
  }
}

body.webshop-v400 .product-condition-trigger-v313 {
  border-radius:11px!important;
  background:rgba(var(--v400-primary-rgb),.07)!important;
  color:var(--v400-primary)!important;
  border-color:rgba(var(--v400-primary-rgb),.13)!important
}

body.webshop-v400 .public-home {
  min-height:100vh;
  background:transparent!important
}

body.webshop-v400 .public-top {
  background:rgba(255,255,255,.78)!important;
  border-bottom:1px solid rgba(255,255,255,.75)!important;
  backdrop-filter:blur(20px) saturate(1.25);
  -webkit-backdrop-filter:blur(20px) saturate(1.25);
  box-shadow:0 10px 34px rgba(15,23,42,.06)
}

body.webshop-v400 .public-top-inner {
  max-width:1380px!important;
  padding:13px 18px!important
}

body.webshop-v400 .public-brand-logo {
  border-radius:17px!important;
  background:linear-gradient(135deg,var(--v400-primary),var(--v400-secondary))!important;
  color:#fff;
  box-shadow:0 12px 25px rgba(var(--v400-primary-rgb),.22);
  animation:v400BrandBob 3s ease-in-out infinite
}

@keyframes v400BrandBob {
  50% {
    transform:translateY(-3px) rotate(3deg)
  }
}

body.webshop-v400 .public-brand b {
  color:var(--v400-ink)!important
}

body.webshop-v400 .public-hero {
  max-width:1380px!important;
  gap:18px!important;
  padding:34px 18px 18px!important
}

body.webshop-v400 .public-hero-card {
  border-radius:30px!important;
  padding:38px!important;
  background: radial-gradient(circle at 85% 10%,rgba(255,255,255,.22),transparent 26%), linear-gradient(130deg,var(--v400-primary),var(--v400-secondary))!important;
  box-shadow:var(--v400-shadow-color)!important;
  overflow:hidden
}

body.webshop-v400 .public-hero-card::before {
  content:"";
  position:absolute;
  width:320px;
  height:320px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.18);
  right:-150px;
  bottom:-190px;
  box-shadow:-80px -60px 0 -30px rgba(255,255,255,.09)
}

body.webshop-v400 .public-hero-card::after {
  width:240px!important;
  height:240px!important;
  animation:v400HeroOrb 8s ease-in-out infinite alternate
}

@keyframes v400HeroOrb {
  to {
    transform:translate3d(-70px,55px,0) scale(1.15)
  }
}

body.webshop-v400 .public-pill {
  background:rgba(255,255,255,.17)!important;
  border:1px solid rgba(255,255,255,.25)!important;
  color:#fff!important;
  backdrop-filter:blur(10px);
  animation:v400PillPulse 2.8s ease-in-out infinite
}

@keyframes v400PillPulse {
  50% {
    box-shadow:0 0 0 7px rgba(255,255,255,.06)
  }
}

body.webshop-v400 .public-hero h1 {
  font-size:clamp(31px,4.2vw,58px)!important;
  line-height:1.08!important;
  letter-spacing:-1.9px!important;
  color:#fff!important
}

body.webshop-v400 .public-hero p {
  color:rgba(255,255,255,.86)!important;
  font-size:15px!important
}

body.webshop-v400 .public-trust-item {
  background:rgba(255,255,255,.13)!important;
  border:1px solid rgba(255,255,255,.19)!important;
  border-radius:17px!important;
  backdrop-filter:blur(8px)
}

body.webshop-v400 .public-banner-panel {
  gap:14px!important
}

body.webshop-v400 .public-container {
  max-width:1380px!important;
  padding:20px 18px 45px!important
}

body.webshop-v400 .public-products {
  gap:16px!important
}

body.webshop-v400 .public-product {
  border:1px solid rgba(255,255,255,.85)!important;
  border-radius:23px!important;
  background:rgba(255,255,255,.88)!important;
  box-shadow:var(--v400-shadow-sm)!important;
  transition:transform .3s var(--v400-ease),box-shadow .3s ease!important;
  overflow:hidden
}

body.webshop-v400 .public-product:hover {
  transform:translateY(-8px)!important;
  box-shadow:0 24px 52px rgba(15,23,42,.14)!important
}

body.webshop-v400 .public-product-cover img {
  transition:transform .55s var(--v400-ease)!important
}

body.webshop-v400 .public-product:hover .public-product-cover img {
  transform:scale(1.055)
}

body.webshop-v400 .public-product-price {
  color:var(--v400-primary)!important;
  font-size:21px!important
}

body.webshop-v400 .public-login-lock {
  border-radius:12px!important;
  background:rgba(var(--v400-primary-rgb),.07)!important;
  color:var(--v400-primary)!important
}

body.webshop-v400 .public-bottom-cta {
  border-radius:27px!important;
  background:linear-gradient(125deg,#111827,#334155)!important;
  box-shadow:0 22px 55px rgba(15,23,42,.17)!important
}

body.webshop-v400 .auth {
  background: radial-gradient(circle at 12% 15%,rgba(255,255,255,.22),transparent 23%), linear-gradient(135deg,var(--v400-primary),var(--v400-secondary))!important;
  position:relative;
  overflow:hidden
}

body.webshop-v400 .auth::before,body.webshop-v400 .auth::after {
  content:"";
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.17);
  pointer-events:none
}

body.webshop-v400 .auth::before {
  width:420px;
  height:420px;
  left:-190px;
  bottom:-210px;
  animation:v400AuthOrbit 13s linear infinite
}

body.webshop-v400 .auth::after {
  width:300px;
  height:300px;
  right:-110px;
  top:-120px;
  animation:v400AuthOrbit 10s linear infinite reverse
}

@keyframes v400AuthOrbit {
  to {
    transform:rotate(360deg) translateX(20px)
  }
}

body.webshop-v400 .auth-card {
  position:relative;
  z-index:1;
  max-width:440px!important;
  border-radius:28px!important;
  padding:28px!important;
  background:rgba(255,255,255,.90)!important;
  border:1px solid rgba(255,255,255,.78);
  box-shadow:0 35px 90px rgba(15,23,42,.25)!important;
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
  animation:v400AuthIn .65s var(--v400-ease)
}

@keyframes v400AuthIn {
  from {
    opacity:0;
    transform:translateY(28px) scale(.96)
  }

  to {
    opacity:1;
    transform:none
  }
}

body.webshop-v400 .tabs {
  border-radius:15px!important;
  background:#f1f5f9!important;
  padding:5px!important
}

body.webshop-v400 .tabs button {
  border-radius:12px!important;
  transition:all .22s ease!important
}

body.webshop-v400 .tabs button.active {
  color:var(--v400-primary)!important;
  box-shadow:0 8px 20px rgba(15,23,42,.08)!important
}

body.webshop-v400 .field input,body.webshop-v400 .field textarea,body.webshop-v400 .field select,body.webshop-v400 .history-filter input {
  border-radius:14px!important;
  border:1px solid rgba(148,163,184,.28)!important;
  background:rgba(255,255,255,.88)!important;
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease!important
}

body.webshop-v400 .field input:focus,body.webshop-v400 .field textarea:focus,body.webshop-v400 .field select:focus,body.webshop-v400 .history-filter input:focus {
  border-color:rgba(var(--v400-primary-rgb),.48)!important;
  box-shadow:0 0 0 5px rgba(var(--v400-primary-rgb),.09)!important;
  transform:translateY(-1px)
}

body.webshop-v400 .coupon,body.webshop-v400 .coupon-clean-card,body.webshop-v400 .coupon-clean-card-v131,body.webshop-v400 .history-card,body.webshop-v400 .fast-list>* {
  border-radius:20px!important;
  border:1px solid rgba(255,255,255,.82)!important;
  background:rgba(255,255,255,.86)!important;
  box-shadow:var(--v400-shadow-sm)!important;
  transition:transform .26s var(--v400-ease),box-shadow .26s ease!important
}

body.webshop-v400 .coupon:hover,body.webshop-v400 .coupon-clean-card:hover,body.webshop-v400 .coupon-clean-card-v131:hover,body.webshop-v400 .history-card:hover {
  transform:translateY(-4px);
  box-shadow:0 18px 38px rgba(15,23,42,.11)!important
}

body.webshop-v400 .my-coupon-tools-v131,body.webshop-v400 .history-filter,body.webshop-v400 .history-tabs {
  border-radius:20px!important;
  background:rgba(255,255,255,.73)!important;
  border:1px solid rgba(255,255,255,.78)!important;
  box-shadow:var(--v400-shadow-sm)!important;
  backdrop-filter:blur(16px)
}

body.webshop-v400 .history-tab {
  border-radius:12px!important;
  transition:all .2s ease!important
}

body.webshop-v400 .history-tab.active {
  background:linear-gradient(135deg,var(--v400-primary),var(--v400-secondary))!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(var(--v400-primary-rgb),.20)!important
}

body.webshop-v400 .profile-stat {
  border-radius:16px!important;
  background:linear-gradient(145deg,rgba(248,250,252,.95),rgba(255,255,255,.95))!important;
  border:1px solid rgba(148,163,184,.14)!important;
  transition:transform .2s ease,border-color .2s ease!important
}

body.webshop-v400 .profile-stat:hover {
  transform:translateY(-3px);
  border-color:rgba(var(--v400-primary-rgb),.23)!important
}

body.webshop-v400 .setting-row {
  border-radius:15px!important;
  transition:background .2s ease,transform .2s ease!important
}

body.webshop-v400 .setting-row:hover {
  background:rgba(var(--v400-primary-rgb),.055)!important;
  transform:translateX(3px)
}

body.webshop-v400 .member-hero-v74 {
  border-radius:27px!important;
  background: radial-gradient(circle at 87% 15%,rgba(255,255,255,.24),transparent 25%), linear-gradient(125deg,var(--v400-primary),var(--v400-secondary))!important;
  box-shadow:var(--v400-shadow-color)!important;
  overflow:hidden
}

body.webshop-v400 .member-stats-v74>div {
  border-radius:16px!important;
  background:rgba(255,255,255,.14)!important;
  border:1px solid rgba(255,255,255,.19)!important;
  backdrop-filter:blur(10px)
}

body.webshop-v400 .member-claim-card-v75 {
  border-radius:23px!important;
  overflow:hidden;
  position:relative
}

body.webshop-v400 .member-claim-card-v75::before {
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  background:linear-gradient(var(--v400-primary),var(--v400-secondary))
}

body.webshop-v400 .overlay {
  background:rgba(15,23,42,.48)!important;
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px)
}

body.webshop-v400 .cart-drawer {
  width:440px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:-25px 0 70px rgba(15,23,42,.22)!important;
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
  transition:transform .36s var(--v400-ease)!important
}

body.webshop-v400 .drawer-head {
  background:linear-gradient(135deg,var(--v400-primary),var(--v400-secondary));
  color:#fff;
  border:0!important;
  padding:18px!important
}

body.webshop-v400 .drawer-head .close {
  background:rgba(255,255,255,.18)!important;
  color:#fff!important
}

body.webshop-v400 .cart-item {
  border-radius:17px!important;
  border-color:rgba(148,163,184,.18)!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(15,23,42,.055)!important;
  transition:transform .2s ease!important
}

body.webshop-v400 .cart-item:hover {
  transform:translateX(-3px)
}

body.webshop-v400 .summary {
  border-radius:17px!important;
  background:linear-gradient(145deg,#f8fafc,#fff)!important;
  border:1px solid rgba(148,163,184,.14)
}

body.webshop-v400 #checkoutButtonV319 {
  min-height:50px!important;
  border-radius:16px!important;
  animation:v400CheckoutGlow 2.8s ease-in-out infinite
}

@keyframes v400CheckoutGlow {
  50% {
    box-shadow:0 14px 33px rgba(var(--v400-primary-rgb),.34)!important
  }
}

body.webshop-v400 .modal {
  border-radius:26px!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(255,255,255,.86)!important;
  box-shadow:0 35px 95px rgba(15,23,42,.25)!important;
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
  transition:opacity .25s ease,transform .35s var(--v400-ease)!important
}

body.webshop-v400 .modal-head {
  padding:16px 18px!important;
  background:linear-gradient(180deg,rgba(var(--v400-primary-rgb),.07),transparent);
  border-color:rgba(148,163,184,.14)!important
}

body.webshop-v400 .modal.show {
  animation:v400ModalPop .4s var(--v400-ease)
}

@keyframes v400ModalPop {
  from {
    transform:translate(-50%,-46%) scale(.92);
    opacity:0
  }

  to {
    transform:translate(-50%,-50%) scale(1);
    opacity:1
  }
}

body.webshop-v400 .code-switch {
  border-radius:15px!important;
  background:#f1f5f9!important;
  padding:5px!important
}

body.webshop-v400 .code-switch button {
  border-radius:11px!important
}

body.webshop-v400 .code-switch button.active {
  background:linear-gradient(135deg,var(--v400-primary),var(--v400-secondary))!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(var(--v400-primary-rgb),.19)!important
}

body.webshop-v400 .code-box {
  border-radius:18px!important;
  border-color:rgba(var(--v400-primary-rgb),.16)!important;
  background:#fff!important;
  box-shadow:0 10px 25px rgba(15,23,42,.055)
}

body.webshop-v400 .coupon-modal-img {
  border-radius:18px!important;
  box-shadow:0 12px 26px rgba(15,23,42,.10)
}

body.webshop-v400 .start-screen,body.webshop-v400 .loading {
  background:rgba(248,250,252,.76)!important;
  backdrop-filter:blur(18px) saturate(1.15)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.15)!important
}

body.webshop-v400 .start-card,body.webshop-v400 .loading-card-v32,body.webshop-v400 .maintenance-card {
  border-radius:28px!important;
  background:rgba(255,255,255,.90)!important;
  border:1px solid rgba(255,255,255,.82)!important;
  box-shadow:0 30px 80px rgba(15,23,42,.18)!important;
  backdrop-filter:blur(20px)
}

body.webshop-v400 .spin {
  border-color:rgba(var(--v400-primary-rgb),.16)!important;
  border-top-color:var(--v400-primary)!important;
  box-shadow:0 0 0 7px rgba(var(--v400-primary-rgb),.06)
}

body.webshop-v400 .loading-progress-v32 span {
  background:linear-gradient(90deg,var(--v400-primary),var(--v400-secondary))!important
}

body.webshop-v400 .toast-container {
  top:18px!important;
  right:18px!important;
  gap:10px!important
}

body.webshop-v400 .toast-item {
  border-radius:17px!important;
  background:rgba(17,24,39,.92)!important;
  border-left:0!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 18px 45px rgba(15,23,42,.26)!important;
  backdrop-filter:blur(15px);
  -webkit-backdrop-filter:blur(15px);
  transform:translateX(30px) scale(.96)!important
}

body.webshop-v400 .toast-item.show {
  transform:none!important
}

body.webshop-v400 .toast-item::before {
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  border-radius:17px 0 0 17px;
  background:var(--v400-primary)
}

body.webshop-v400 .toast-item.success::before {
  background:#22c55e
}

body.webshop-v400 .toast-item.error::before {
  background:#ef4444
}

body.webshop-v400 #floatingCart.floating-cart {
  background:linear-gradient(135deg,var(--v400-primary),var(--v400-secondary))!important;
  box-shadow:0 16px 35px rgba(var(--v400-primary-rgb),.28)!important;
  border:1px solid rgba(255,255,255,.35)!important;
  animation:v400FloatingCart 3s ease-in-out infinite
}

@keyframes v400FloatingCart {
  50% {
    transform:translateY(-6px)
  }
}

@media(max-width:980px) {
  body.webshop-v400 {
    padding-bottom:calc(88px + env(safe-area-inset-bottom))!important
  }

  body.webshop-v400 .header {
    backdrop-filter:blur(16px) saturate(1.25)!important;
    -webkit-backdrop-filter:blur(16px) saturate(1.25)!important
  }

  body.webshop-v400 .mainbar-v301 {
    padding:9px 10px 11px!important
  }

  body.webshop-v400 .mobile-menu-button-v301,body.webshop-v400 .mobile-cart-button-v301 {
    border-radius:15px!important;
    background:rgba(var(--v400-primary-rgb),.08)!important;
    color:var(--v400-primary)!important;
    border:1px solid rgba(var(--v400-primary-rgb),.10)!important;
    box-shadow:0 7px 18px rgba(15,23,42,.055)!important
  }

  body.webshop-v400 .logo-v301 #headerSiteName {
    font-size:21px!important;
    text-align:center
  }

  body.webshop-v400 .logo-v301 #headerSiteName::after {
    margin-left:auto;
    margin-right:auto;
    height:3px
  }

  body.webshop-v400 .search-v301 {
    height:45px!important;
    border-radius:16px!important
  }

  body.webshop-v400 .container {
    padding:10px!important
  }

  .experience-strip-v400 {
    grid-template-columns:1fr 1fr;
    margin-bottom:10px;
    gap:7px
  }

  .experience-welcome-v400 {
    grid-column:1/-1;
    padding:11px 13px;
    border-radius:16px
  }

  .experience-welcome-v400 b {
    font-size:14px
  }

  .experience-chip-v400 {
    padding:8px 9px;
    border-radius:14px;
    font-size:9.5px
  }

  .experience-chip-v400:last-child {
    display:none
  }

  .experience-chip-v400 span {
    width:29px;
    height:29px;
    border-radius:10px;
    font-size:14px
  }

  body.webshop-v400 .shop-balance-v301 {
    min-height:auto;
    border-radius:20px!important;
    padding:13px!important;
    box-shadow:0 15px 32px rgba(var(--v400-primary-rgb),.20)!important
  }

  body.webshop-v400 .shop-balance-v301 b {
    font-size:22px!important
  }

  body.webshop-v400 .shop-balance-icon-v301 {
    width:43px!important;
    height:43px!important;
    border-radius:14px!important
  }

  body.webshop-v400 .banner-main {
    border-radius:18px!important;
    box-shadow:0 14px 32px rgba(15,23,42,.09)!important
  }

  body.webshop-v400 .section-head h2 {
    font-size:16px!important;
    padding-left:12px
  }

  body.webshop-v400 .section-head h2::before {
    width:5px;
    height:20px
  }

  body.webshop-v400 .products {
    gap:9px!important
  }

  body.webshop-v400 #productGrid>.product,body.webshop-v400 #memberRewardGridV74>.product {
    border-radius:18px!important;
    box-shadow:0 7px 20px rgba(15,23,42,.065)!important;
    animation-delay:calc(min(var(--v400-index,0),8) * 30ms)!important
  }

  body.webshop-v400 #productGrid>.product:hover,body.webshop-v400 #memberRewardGridV74>.product:hover {
    transform:none!important;
    box-shadow:0 7px 20px rgba(15,23,42,.065)!important
  }

  body.webshop-v400 .product .body {
    padding:9px!important
  }

  body.webshop-v400 .product .name {
    font-size:11px!important
  }

  body.webshop-v400 .product .sale {
    font-size:16px!important
  }

  body.webshop-v400 .product .cover::after {
    display:none
  }

  body.webshop-v400 .bottom-nav {
    left:8px!important;
    right:8px!important;
    bottom:8px!important;
    width:auto!important;
    border-radius:22px!important;
    min-height:68px!important;
    padding:5px 7px calc(5px + env(safe-area-inset-bottom))!important;
    background:rgba(255,255,255,.91)!important;
    border:1px solid rgba(255,255,255,.82)!important;
    box-shadow:0 16px 45px rgba(15,23,42,.16)!important;
    backdrop-filter:blur(20px) saturate(1.35)!important;
    -webkit-backdrop-filter:blur(20px) saturate(1.35)!important;
    overflow:hidden
  }

  body.webshop-v400 .bottom-nav::before {
    content:"";
    position:absolute;
    left:10%;
    right:10%;
    top:0;
    height:1px;
    background:linear-gradient(90deg,transparent,var(--v400-primary),transparent);
    opacity:.5
  }

  body.webshop-v400 .bottom-nav button {
    height:56px!important;
    min-height:56px!important;
    border-radius:17px!important;
    transition:transform .2s ease,background .2s ease,color .2s ease!important
  }

  body.webshop-v400 .bottom-nav button.active {
    background:linear-gradient(145deg,rgba(var(--v400-primary-rgb),.13),rgba(var(--v400-primary-rgb),.055))!important;
    color:var(--v400-primary)!important;
    transform:translateY(-2px)
  }

  body.webshop-v400 .bottom-nav button.active .nav-icon-v301 {
    animation:v400NavBounce .38s var(--v400-ease)
  }

  @keyframes v400NavBounce {
    50% {
      transform:translateY(-3px) scale(1.14)
    }
  }

  body.webshop-v400 #floatingCart.floating-cart {
    bottom:calc(91px + env(safe-area-inset-bottom))!important;
    right:13px!important
  }

  body.webshop-v400 #syncChip {
    bottom:calc(151px + env(safe-area-inset-bottom))!important
  }

  body.webshop-v400 .mobile-menu-backdrop-v301 {
    background:rgba(15,23,42,.50)!important;
    backdrop-filter:blur(8px)!important
  }

  body.webshop-v400 .mobile-menu-drawer-v301 {
    background:rgba(255,255,255,.96)!important;
    box-shadow:30px 0 80px rgba(15,23,42,.23)!important;
    transition:transform .35s var(--v400-ease)!important;
    backdrop-filter:blur(20px)
  }

  body.webshop-v400 .mobile-menu-user-v301 {
    border-radius:21px!important;
    background:linear-gradient(135deg,var(--v400-primary),var(--v400-secondary))!important;
    box-shadow:0 16px 34px rgba(var(--v400-primary-rgb),.23)!important
  }

  body.webshop-v400 .mobile-menu-list-v301 button {
    border-radius:16px!important;
    background:rgba(255,255,255,.82)!important
  }

  body.webshop-v400 .mobile-menu-list-v301 button.active {
    background:rgba(var(--v400-primary-rgb),.08)!important;
    border-color:rgba(var(--v400-primary-rgb),.22)!important;
    color:var(--v400-primary)!important
  }

  body.webshop-v400 .cart-drawer {
    width:100%!important;
    border-radius:25px 25px 0 0!important;
    top:4vh!important;
    height:96vh!important;
    transform:translateY(110%)!important;
    transition:transform .38s var(--v400-ease)!important
  }

  body.webshop-v400 .cart-drawer.show {
    transform:translateY(0)!important
  }

  body.webshop-v400 .drawer-head {
    border-radius:25px 25px 0 0!important
  }

  body.webshop-v400 .modal {
    border-radius:24px!important;
    width:calc(100vw - 18px)!important;
    max-height:90vh!important
  }

  body.webshop-v400 .public-top-inner {
    padding:10px!important
  }

  body.webshop-v400 .public-actions {
    gap:5px!important
  }

  body.webshop-v400 .public-actions .btn {
    padding:7px 9px!important;
    font-size:9.5px!important
  }

  body.webshop-v400 .public-hero {
    padding:14px 10px 8px!important
  }

  body.webshop-v400 .public-hero-card {
    padding:24px 20px!important;
    border-radius:24px!important
  }

  body.webshop-v400 .public-hero h1 {
    font-size:32px!important;
    letter-spacing:-1.2px!important
  }

  body.webshop-v400 .public-hero p {
    font-size:12px!important
  }

  body.webshop-v400 .public-container {
    padding:12px 10px 32px!important
  }

  body.webshop-v400 .public-products {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important
  }

  body.webshop-v400 .public-product {
    border-radius:18px!important
  }
}

@media(max-width:430px) {
  body.webshop-v400 .public-brand small {
    max-width:135px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
  }

  body.webshop-v400 .public-actions .btn.green {
    display:none
  }

  body.webshop-v400 .public-trust {
    grid-template-columns:1fr!important
  }

  body.webshop-v400 .public-trust-item:nth-child(n+2) {
    display:none
  }

  body.webshop-v400 .public-hero h1 {
    font-size:29px!important
  }

  body.webshop-v400 .shop-balance-actions-v62 {
    gap:5px!important
  }

  body.webshop-v400 .shop-balance-v301 .shop-cart-summary-v62 {
    padding:0 10px!important;
    font-size:9px!important
  }

  body.webshop-v400 .shop-balance-v301 .btn.ghost {
    padding:0 11px!important
  }
}

body.webshop-v400[data-card-style-v400="solid"] .card, body.webshop-v400[data-card-style-v400="solid"] .side-card, body.webshop-v400[data-card-style-v400="solid"] .settings-card, body.webshop-v400[data-card-style-v400="solid"] .product {
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  background:#fff!important
}

body.webshop-v400[data-card-style-v400="minimal"] .card, body.webshop-v400[data-card-style-v400="minimal"] .side-card, body.webshop-v400[data-card-style-v400="minimal"] .settings-card, body.webshop-v400[data-card-style-v400="minimal"] .product {
  box-shadow:none!important;
  background:rgba(255,255,255,.74)!important
}

@media(prefers-reduced-motion:reduce) {
  .aurora-orb-v400,.aurora-background-v400::after,body.webshop-v400 .topbar::after,body.webshop-v400 .banner-main::after,body.webshop-v400 .public-banner-main::after {
    animation:none!important
  }

  body.webshop-v400 [data-motion-v400] {
    opacity:1!important;
    transform:none!important
  }
}

:root {
  --webshop-version:"404-topup-history-stable"
}

body.performance-smooth-v401 .aurora-scroll-progress-v400 {
  width:100%!important;
  transform:scaleX(0);
  transform-origin:left center;
  transition:none!important;
  will-change:transform;
}

body.performance-smooth-v401 .aurora-background-v400 {
  background: radial-gradient(circle at 8% 12%,rgba(var(--v400-primary-rgb),.10),transparent 30%), radial-gradient(circle at 90% 18%,rgba(var(--v400-secondary-rgb),.10),transparent 28%), linear-gradient(180deg,rgba(255,255,255,.90),rgba(248,250,252,.97));
}

body.performance-smooth-v401 .aurora-background-v400::after {
  opacity:.11;
  animation:none!important
}

body.performance-smooth-v401 .aurora-orb-v400 {
  animation:none!important;
  filter:none!important;
  will-change:auto!important;
  opacity:.16!important;
}

body.performance-smooth-v401 .aurora-orb-v400:nth-child(1) {
  transform:translate3d(36px,18px,0)
}

body.performance-smooth-v401 .aurora-orb-v400:nth-child(2) {
  transform:translate3d(-36px,28px,0)
}

body.performance-smooth-v401 .aurora-orb-v400:nth-child(n+3) {
  display:none!important
}

body.performance-smooth-v401 .topbar::after, body.performance-smooth-v401 .logo-v301 #headerSiteName::after, body.performance-smooth-v401 .banner-main::after, body.performance-smooth-v401 .public-banner-main::after, body.performance-smooth-v401 .shop-balance-icon-v301, body.performance-smooth-v401 .public-brand-logo, body.performance-smooth-v401 .public-hero-card::after, body.performance-smooth-v401 .public-pill, body.performance-smooth-v401 .auth::before, body.performance-smooth-v401 .auth::after, body.performance-smooth-v401 #checkoutButtonV319, body.performance-smooth-v401 #floatingCart.floating-cart {
  animation:none!important;
}

body.performance-smooth-v401 .page.active {
  animation:v401PageIn .18s ease-out both!important
}

@keyframes v401PageIn {
  from {
    opacity:.72
  }

  to {
    opacity:1
  }
}

body.performance-smooth-v401 [data-motion-v400] {
  transition:opacity .22s ease-out,transform .22s ease-out!important;
  transition-delay:0s!important;
  transform:translateY(6px)!important;
}

body.performance-smooth-v401 [data-motion-v400].motion-visible-v400 {
  transform:none!important
}

body.performance-smooth-v401 #productGrid>.product, body.performance-smooth-v401 #memberRewardGridV74>.product, body.performance-smooth-v401 .public-products>.public-product {
  animation:none!important;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important;
  contain:layout paint style;
}

body.performance-smooth-v401 .product .cover img, body.performance-smooth-v401 #productGrid .product-image-v316 {
  transition:transform .20s ease!important
}

body.performance-smooth-v401 .wallet-card-v301, body.performance-smooth-v401 .search-v301, body.performance-smooth-v401 .desktop-nav button, body.performance-smooth-v401 .side-menu button, body.performance-smooth-v401 .btn {
  transition-duration:.16s!important;
}

body.performance-smooth-v401 .side-card, body.performance-smooth-v401 .card, body.performance-smooth-v401 .settings-card, body.performance-smooth-v401 .experience-welcome-v400, body.performance-smooth-v401 .experience-chip-v400, body.performance-smooth-v401 .my-coupon-tools-v131, body.performance-smooth-v401 .history-filter, body.performance-smooth-v401 .history-tabs, body.performance-smooth-v401 .auth-card, body.performance-smooth-v401 .modal, body.performance-smooth-v401 .cart-drawer, body.performance-smooth-v401 .start-card, body.performance-smooth-v401 .loading-card-v32, body.performance-smooth-v401 .maintenance-card, body.performance-smooth-v401 .toast-item {
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

body.performance-smooth-v401 .side-card, body.performance-smooth-v401 .card, body.performance-smooth-v401 .settings-card, body.performance-smooth-v401 .experience-welcome-v400, body.performance-smooth-v401 .experience-chip-v400, body.performance-smooth-v401 .my-coupon-tools-v131, body.performance-smooth-v401 .history-filter, body.performance-smooth-v401 .history-tabs {
  background:rgba(255,255,255,.94)!important;
}

body.performance-smooth-v401 .overlay, body.performance-smooth-v401 .start-screen, body.performance-smooth-v401 .loading, body.performance-smooth-v401 .mobile-menu-backdrop-v301 {
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

body.performance-smooth-v401 .modal {
  background:#fff!important
}

body.performance-smooth-v401 .cart-drawer {
  background:#fff!important;
  transition:transform .22s ease-out!important
}

body.performance-smooth-v401 .toast-item {
  background:rgba(17,24,39,.97)!important
}

body.performance-smooth-v401 .product .tag, body.performance-smooth-v401 .public-pill, body.performance-smooth-v401 .public-trust-item, body.performance-smooth-v401 .member-stats-v74>div, body.performance-smooth-v401 .shop-balance-v301 .shop-cart-summary-v62 {
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

body.performance-lite-v401 .aurora-background-v400::after, body.performance-lite-v401 .aurora-orb-v400 {
  display:none!important
}

body.performance-lite-v401 .aurora-scroll-progress-v400 {
  height:2px;
  box-shadow:none!important
}

body.performance-lite-v401 [data-motion-v400] {
  opacity:1!important;
  transform:none!important;
  transition:none!important
}

body.performance-lite-v401 .page.active {
  animation:none!important
}

body.performance-lite-v401 .product:hover, body.performance-lite-v401 .wallet-card-v301:hover, body.performance-lite-v401 .desktop-nav button:hover, body.performance-lite-v401 .side-menu button:hover {
  transform:none!important
}

body.performance-lite-v401 .product .cover img, body.performance-lite-v401 #productGrid .product-image-v316 {
  transition:none!important
}

@media(max-width:980px) {
  body.performance-smooth-v401 .header, body.performance-smooth-v401 .desktop-nav, body.performance-smooth-v401 .public-top, body.performance-smooth-v401 .bottom-nav, body.performance-smooth-v401 .mobile-menu-drawer-v301 {
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  body.performance-smooth-v401 .header {
    background:rgba(255,255,255,.98)!important
  }

  body.performance-smooth-v401 .bottom-nav {
    background:rgba(255,255,255,.98)!important
  }

  body.performance-smooth-v401 .mobile-menu-drawer-v301 {
    background:#fff!important
  }

  body.performance-smooth-v401 .experience-strip-v400 {
    content-visibility:auto;
    contain-intrinsic-size:130px
  }

  body.performance-smooth-v401 #productGrid>.product, body.performance-smooth-v401 .public-products>.public-product, body.performance-smooth-v401 .coupon-clean-card-v131, body.performance-smooth-v401 .history-card {
    content-visibility:auto;
    contain-intrinsic-size:280px;
  }
}

@media(prefers-reduced-motion:reduce) {
  body.performance-smooth-v401 *,body.performance-smooth-v401 *::before,body.performance-smooth-v401 *::after {
    scroll-behavior:auto!important;
  }
}

body.performance-smooth-v401 {
  background-attachment:scroll!important
}

.my-coupon-share-btn, .my-coupon-share-btn *, .my-coupon-share-btn::before, .my-coupon-share-btn::after {
  animation:none!important;
  transition:none!important;
}

.my-coupon-share-btn .share-icon, .my-coupon-share-btn .share-text, .my-coupon-share-btn .share-subtext, .my-coupon-share-btn .share-check, .my-coupon-share-btn .v400-ripple {
  display:none!important;
}

.my-coupon-share-btn .share-main, .my-coupon-share-btn .share-sub, .my-coupon-share-btn.shared .share-main, .my-coupon-share-btn.shared .share-sub {
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}

.my-coupon-share-btn.shared {
  background:#fff!important;
  border-color:rgba(255,90,54,.28)!important;
  color:var(--orange)!important;
  box-shadow:none!important;
}

html.instant-theme-ready-v403, html.instant-theme-ready-v403 body {
  background-color:var(--bg,var(--v400-page,#f4f7fb));
}

#authPage[style*="display:none"], #authPage[style*="display: none"] {
  visibility:hidden;
  opacity:0;
  pointer-events:none;
}

#authPage[style*="display:grid"], #authPage[style*="display: grid"] {
  visibility:visible;
  opacity:1;
  pointer-events:auto;
}

html:not(.webshop-route-ready-v403) body, html:not(.webshop-route-ready-v403) .header, html:not(.webshop-route-ready-v403) .topbar, html:not(.webshop-route-ready-v403) .desktop-nav, html:not(.webshop-route-ready-v403) .wallet-card-v301, html:not(.webshop-route-ready-v403) .btn {
  transition:none!important;
  animation:none!important;
}

html.theme-cache-miss-v403:not(.admin-theme-applied-v403):not(.theme-boot-timeout-v403) #publicHomePage, html.theme-cache-miss-v403:not(.admin-theme-applied-v403):not(.theme-boot-timeout-v403) #authPage, html.theme-cache-miss-v403:not(.admin-theme-applied-v403):not(.theme-boot-timeout-v403) #app {
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

.topup-history-card-v404 {
  position:relative;
  overflow:hidden;
  border-left:4px solid #22c55e;
}

.topup-history-card-v404.is-pending-v404 {
  border-left-color:#f59e0b
}

.topup-history-card-v404.is-rejected-v404 {
  border-left-color:#ef4444
}

.topup-history-status-v404 {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-top:8px;
  padding-top:8px;
  border-top:1px dashed rgba(148,163,184,.28);
  font-size:11px;
}

.topup-history-status-v404 span {
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:3px 8px;
  border-radius:999px;
  background:#dcfce7;
  color:#166534;
  font-weight:900;
}

.is-pending-v404 .topup-history-status-v404 span {
  background:#fffbeb;
  color:#b45309
}

.is-rejected-v404 .topup-history-status-v404 span {
  background:#fef2f2;
  color:#b91c1c
}

.topup-history-status-v404 b {
  max-width:62%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#64748b;
  font-size:10px;
}

.topup-history-balance-v404 {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin-top:7px;
}

.topup-history-balance-v404 span {
  padding:6px 8px;
  border-radius:9px;
  background:rgba(248,250,252,.92);
  color:#475569;
  font-size:10px;
  font-weight:800;
  text-align:center;
}

@media(max-width:980px) {
  .topup-history-status-v404 {
    font-size:10px
  }

  .topup-history-status-v404 b {
    max-width:55%;
    font-size:9px
  }

  .topup-history-balance-v404 span {
    font-size:9px
  }
}

.home-discount-section-v405 {
  margin:0 0 14px;
  background:#fff;
  border:1px solid #ffe0d4;
  border-radius:14px;
  padding:14px;
  box-shadow:0 4px 18px rgba(var(--v400-primary-rgb,49,135,238),.07)
}

.home-discount-section-v405.hidden {
  display:none!important
}

.home-discount-head-v405 {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px
}

.home-discount-head-v405 h2 {
  margin:2px 0 0;
  font-size:18px
}

.home-discount-eyebrow-v405 {
  display:block;
  color:var(--orange);
  font-size:11px;
  font-weight:900
}

.home-discount-refresh-v405 {
  border:1px solid #ffd2c2;
  background:#fff;
  color:var(--orange);
  border-radius:999px;
  padding:7px 12px;
  font-weight:800;
  font-size:11px
}

.home-discount-list-v405 {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px
}

.home-discount-card-v405 {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 104px;
  min-height:142px;
  border:1px solid #ffd7c7;
  border-radius:12px;
  background:linear-gradient(135deg,#f8fafc,#fff);
  overflow:hidden
}

.home-discount-card-v405::before,.home-discount-card-v405::after {
  content:"";
  position:absolute;
  right:94px;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#fff;
  border:1px solid #ffd7c7;
  z-index:2
}

.home-discount-card-v405::before {
  top:-10px
}

.home-discount-card-v405::after {
  bottom:-10px
}

.home-discount-main-v405 {
  padding:13px 14px;
  min-width:0
}

.home-discount-name-v405 {
  font-size:18px;
  line-height:1.25;
  font-weight:900;
  color:var(--orange);
  overflow-wrap:anywhere
}

.home-discount-value-v405 {
  margin-top:3px;
  font-size:14px;
  font-weight:900;
  color:#222
}

.home-discount-condition-v405 {
  margin-top:7px;
  color:#5f6368;
  font-size:11px;
  line-height:1.55;
  overflow-wrap:anywhere
}

.home-discount-products-v405 {
  display:flex;
  gap:5px;
  flex-wrap:wrap;
  margin-top:8px
}

.home-discount-product-v405 {
  display:inline-flex;
  align-items:center;
  gap:4px;
  max-width:100%;
  padding:4px 7px;
  border-radius:999px;
  background:#f4f7fb;
  color:#4b5563;
  font-size:10px;
  font-weight:700
}

.home-discount-product-v405.available::before {
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:#16a34a;
  flex:none
}

.home-discount-product-v405.unavailable {
  background:#f3f4f6;
  color:#9ca3af;
  text-decoration:line-through
}

.home-discount-stock-v405 {
  margin-top:8px;
  font-size:10px;
  font-weight:800;
  color:#16803d
}

.home-discount-stock-v405.soldout {
  color:#8b8f97
}

.home-discount-side-v405 {
  border-left:1px dashed #ffb99f;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:10px;
  text-align:center;
  background:#fffaf7
}

.home-discount-side-v405 small {
  color:#8a5c4a;
  font-size:9px;
  line-height:1.45;
  margin-bottom:7px
}

.home-discount-claim-v405 {
  width:100%;
  border:1px solid var(--orange);
  background:#fff;
  color:var(--orange);
  border-radius:8px;
  padding:9px 5px;
  font-size:11px;
  font-weight:900
}

.home-discount-claim-v405:hover {
  background:var(--orange);
  color:#fff
}

.home-discount-claim-v405:disabled {
  cursor:not-allowed;
  background:#eceff3;
  border-color:#d6d9de;
  color:#8b8f97
}

.home-discount-card-v405.soldout {
  filter:grayscale(.88);
  background:#f6f6f6;
  border-color:#ddd
}

.home-discount-card-v405.soldout .home-discount-side-v405 {
  background:#f0f0f0;
  border-color:#ccc
}

.home-discount-empty-v405 {
  grid-column:1/-1;
  padding:16px;
  text-align:center;
  color:#777;
  background:#fafafa;
  border-radius:10px
}

@media(max-width:820px) {
  .home-discount-list-v405 {
    grid-template-columns:1fr
  }
}

@media(max-width:480px) {
  .home-discount-section-v405 {
    padding:10px;
    border-radius:12px
  }

  .home-discount-card-v405 {
    grid-template-columns:minmax(0,1fr) 86px;
    min-height:136px
  }

  .home-discount-card-v405::before,.home-discount-card-v405::after {
    right:77px
  }

  .home-discount-main-v405 {
    padding:11px
  }

  .home-discount-name-v405 {
    font-size:16px
  }

  .home-discount-side-v405 {
    padding:7px
  }
}

.home-discount-section-v405 {
  padding:11px 12px!important;
  margin-bottom:12px!important;
}

.home-discount-head-v405 {
  margin-bottom:8px!important
}

.home-discount-head-v405 h2 {
  font-size:16px!important
}

.home-discount-eyebrow-v405 {
  font-size:9px!important
}

.home-discount-refresh-v405 {
  padding:6px 10px!important;
  font-size:10px!important
}

.home-discount-list-v405 {
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:9px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  max-width:100%!important;
  padding:1px 2px 6px!important;
  scroll-snap-type:x proximity;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
}

.home-discount-list-v405::-webkit-scrollbar {
  height:5px
}

.home-discount-list-v405::-webkit-scrollbar-thumb {
  background:#ffd0bf;
  border-radius:999px
}

.home-discount-list-v405::-webkit-scrollbar-track {
  background:transparent
}

.home-discount-card-v405 {
  flex:0 0 390px!important;
  width:390px!important;
  max-width:calc(100vw - 62px)!important;
  grid-template-columns:minmax(0,1fr) 82px!important;
  min-height:108px!important;
  border-radius:11px!important;
  scroll-snap-align:start;
}

.home-discount-card-v405::before,.home-discount-card-v405::after {
  right:73px!important;
  width:15px!important;
  height:15px!important;
}

.home-discount-main-v405 {
  padding:9px 11px!important
}

.home-discount-name-v405 {
  font-size:15px!important;
  line-height:1.2!important
}

.home-discount-value-v405 {
  font-size:12px!important;
  margin-top:2px!important
}

.home-discount-condition-v405 {
  font-size:9.5px!important;
  line-height:1.42!important;
  margin-top:4px!important
}

.home-discount-products-v405 {
  display:none!important
}

.home-discount-scope-v407 {
  display:flex;
  align-items:flex-start;
  gap:5px;
  margin-top:5px;
  padding:4px 6px;
  border:1px solid #dbeafe;
  border-radius:7px;
  background:#f8fbff;
  color:#475569;
  font-size:8.5px;
  line-height:1.35;
  overflow-wrap:anywhere;
}

.home-discount-scope-v407 b {
  flex:none;
  color:#1d4ed8;
  font-size:8.5px
}

.home-discount-scope-v407 span {
  min-width:0
}

.home-discount-scope-v407.exclude {
  border-color:#fed7aa;
  background:#fffaf5
}

.home-discount-scope-v407.exclude b {
  color:#c2410c
}

.home-discount-stock-v405 {
  margin-top:5px!important;
  font-size:8.5px!important
}

.home-discount-side-v405 {
  padding:6px!important
}

.home-discount-side-v405 small {
  font-size:7.5px!important;
  line-height:1.3!important;
  margin-bottom:5px!important
}

.home-discount-claim-v405 {
  padding:7px 3px!important;
  font-size:10px!important;
  border-radius:7px!important
}

@media(max-width:600px) {
  .home-discount-section-v405 {
    padding:9px!important
  }

  .home-discount-card-v405 {
    flex-basis:310px!important;
    width:310px!important;
    max-width:calc(100vw - 48px)!important;
    grid-template-columns:minmax(0,1fr) 74px!important;
  }

  .home-discount-card-v405::before,.home-discount-card-v405::after {
    right:65px!important
  }

  .home-discount-main-v405 {
    padding:8px 9px!important
  }

  .home-discount-name-v405 {
    font-size:14px!important
  }
}

#member .member-reward-page-v408 {
  display:grid;
  gap:16px
}

#member .member-reward-hero-v408 {
  position:relative;
  overflow:hidden;
  padding:22px!important;
  border:0!important;
  background:linear-gradient(135deg,#172554 0%,#1d4ed8 54%,var(--orange) 130%)!important;
  box-shadow:0 22px 52px rgba(30,64,175,.20)!important;
  color:#fff!important;
}

#member .member-reward-hero-v408::after {
  content:"";
  position:absolute;
  right:-90px;
  top:-130px;
  width:330px;
  height:330px;
  border-radius:50%;
  background:rgba(255,255,255,.10)
}

#member .member-reward-hero-copy-v408,#member .member-reward-stats-v408 {
  position:relative;
  z-index:1
}

#member .member-reward-hero-v408 small {
  display:inline-flex;
  padding:6px 10px;
  border:1px solid rgba(255,255,255,.75);
  border-radius:999px;
  background:#ffffff!important;
  color:#1d4ed8!important;
  font-weight:900!important;
  letter-spacing:.05em;
}

#member .member-reward-hero-v408 h3 {
  margin:8px 0 5px!important;
  font-size:28px!important;
  line-height:1.2;
  color:#fff!important
}

#member .member-reward-hero-v408 p {
  margin:0!important;
  color:rgba(255,255,255,.80)!important;
  max-width:620px
}

#member .member-reward-stats-v408 div {
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(255,255,255,.42)!important;
  box-shadow:0 12px 30px rgba(15,23,42,.12)
}

#member .member-reward-stats-v408 span {
  color:#64748b!important
}

#member .member-reward-stats-v408 b {
  color:#0f172a!important
}

.member-reward-tabs-shell-v408 {
  padding:8px;
  border-radius:22px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(255,255,255,.86);
  box-shadow:0 14px 34px rgba(15,23,42,.08);
  backdrop-filter:blur(12px)
}

.member-reward-tabs-v408 {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px
}

.member-reward-tab-v408 {
  position:relative;
  min-width:0;
  min-height:76px;
  padding:11px 12px;
  border:1px solid #e6ebf2;
  border-radius:17px;
  background:#fff;
  color:#334155;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  gap:9px;
  align-items:center;
  text-align:left;
  box-shadow:none;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease
}

.member-reward-tab-v408:hover {
  transform:translateY(-1px);
  border-color:#fdba74;
  box-shadow:0 10px 24px rgba(15,23,42,.08)
}

.member-reward-tab-icon-v408 {
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:#f8fafc;
  font-size:20px
}

.member-reward-tab-copy-v408 {
  min-width:0
}

.member-reward-tab-copy-v408 b {
  display:block;
  font-size:13px;
  line-height:1.35;
  color:inherit
}

.member-reward-tab-copy-v408 small {
  display:block;
  margin-top:2px;
  color:#94a3b8;
  font-size:10px;
  line-height:1.35;
  white-space:normal
}

.member-reward-tab-v408 em,.member-reward-tab-new-v408 {
  justify-self:end;
  min-width:24px;
  height:24px;
  padding:0 7px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:#f1f5f9;
  color:#64748b;
  font-style:normal;
  font-size:10px;
  font-weight:900
}

.member-reward-tab-new-v408 {
  font-size:8px;
  letter-spacing:.04em
}

.member-reward-tab-v408.active {
  border-color:transparent;
  background:linear-gradient(135deg,var(--orange),var(--orange2));
  color:#fff;
  box-shadow:0 16px 30px rgba(var(--v400-primary-rgb,49,135,238),.24)
}

.member-reward-tab-v408.active .member-reward-tab-icon-v408,.member-reward-tab-v408.active em,.member-reward-tab-v408.active .member-reward-tab-new-v408 {
  background:rgba(255,255,255,.18);
  color:#fff
}

.member-reward-tab-v408.active small {
  color:rgba(255,255,255,.82)
}

.member-reward-panel-v408 {
  display:block;
  padding:18px;
  border:1px solid rgba(226,232,240,.95);
  border-radius:22px;
  background:rgba(255,255,255,.88);
  box-shadow:0 16px 38px rgba(15,23,42,.07);
  animation:memberRewardPanelInV408 .18s ease
}

.member-reward-panel-v408[hidden] {
  display:none!important
}

@keyframes memberRewardPanelInV408 {
  from {
    opacity:.25;
    transform:translateY(5px)
  }

  to {
    opacity:1;
    transform:none
  }
}

.member-reward-panel-head-v408 {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  flex-wrap:wrap;
  margin:0 0 15px!important;
  padding-bottom:13px;
  border-bottom:1px solid #eef2f7
}

.member-reward-panel-title-v408 {
  display:flex;
  align-items:center;
  gap:11px;
  min-width:0
}

.member-reward-panel-title-v408>span {
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#f8fafc,#ffedd5);
  font-size:20px;
  flex:0 0 auto
}

.member-reward-panel-title-v408 h2 {
  margin:0!important;
  font-size:19px!important;
  color:#0f172a!important
}

.member-reward-panel-title-v408 p {
  margin:3px 0 0!important;
  color:#64748b!important;
  font-size:11px!important;
  line-height:1.5!important
}

.member-reward-panel-head-v408>.btn {
  min-height:40px;
  border-radius:13px
}

#memberRewardRedeemPanelV408 #memberRewardGridV74 {
  margin:0
}

#memberRewardCouponsPanelV408 .member-reward-coupon-list-v408 {
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px
}

#memberRewardHistoryPanelV408 .member-point-row-v74 {
  margin:0;
  border:1px solid #e8edf4;
  border-radius:15px;
  background:#fff;
  padding:13px 14px;
  box-shadow:0 7px 18px rgba(15,23,42,.04)
}

.member-reward-history-list-v408 {
  display:grid;
  gap:9px
}

#memberRewardCodePanelV408 .member-claim-card-v75 {
  margin:0!important;
  box-shadow:none!important
}

#memberRewardCodePanelV408 .member-claim-card-v75 h4 {
  margin:0!important;
  font-size:18px!important;
  color:#111827!important
}

#memberRewardCodePanelV408 #memberPointCodeMessageV77 {
  grid-column:1/-1!important
}

@media(max-width:980px) {
  #member .member-reward-page-v408 {
    gap:10px
  }

  #member .member-reward-hero-v408 {
    padding:14px!important;
    border-radius:18px!important
  }

  #member .member-reward-hero-v408 h3 {
    font-size:21px!important
  }

  #member .member-reward-hero-v408 p {
    font-size:10.5px!important
  }

  .member-reward-tabs-shell-v408 {
    padding:6px;
    border-radius:18px
  }

  .member-reward-tabs-v408 {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px
  }

  .member-reward-tab-v408 {
    min-height:62px;
    padding:8px;
    grid-template-columns:34px minmax(0,1fr) auto;
    gap:7px;
    border-radius:14px
  }

  .member-reward-tab-icon-v408 {
    width:34px;
    height:34px;
    border-radius:11px;
    font-size:17px
  }

  .member-reward-tab-copy-v408 b {
    font-size:11px
  }

  .member-reward-tab-copy-v408 small {
    font-size:8.5px
  }

  .member-reward-tab-v408 em,.member-reward-tab-new-v408 {
    min-width:20px;
    height:20px;
    padding:0 5px;
    font-size:8px
  }

  .member-reward-panel-v408 {
    padding:11px;
    border-radius:18px
  }

  .member-reward-panel-head-v408 {
    margin-bottom:10px!important;
    padding-bottom:9px;
    gap:8px
  }

  .member-reward-panel-title-v408 {
    gap:8px
  }

  .member-reward-panel-title-v408>span {
    width:36px;
    height:36px;
    border-radius:12px;
    font-size:17px
  }

  .member-reward-panel-title-v408 h2 {
    font-size:15px!important
  }

  .member-reward-panel-title-v408 p {
    font-size:9px!important
  }

  #memberRewardCouponsPanelV408 .member-reward-coupon-list-v408 {
    grid-template-columns:1fr;
    gap:8px
  }
}

@media(max-width:380px) {
  .member-reward-tab-copy-v408 small {
    display:none
  }

  .member-reward-tab-v408 {
    grid-template-columns:32px minmax(0,1fr) auto;
    min-height:54px
  }
}


/* V881: make the "เก็บคูปองเข้าบัญชี" rail as compact as the featured/promotion cards. */
.home-discount-section-v405{
  padding:8px 9px!important;
  margin:8px 0 12px!important;
  border-radius:13px!important;
}
.home-discount-head-v405{
  margin-bottom:6px!important;
  gap:8px!important;
}
.home-discount-head-v405 h2{
  margin-top:1px!important;
  font-size:14px!important;
  line-height:1.2!important;
}
.home-discount-eyebrow-v405{
  font-size:8px!important;
  line-height:1.15!important;
}
.home-discount-list-v405{
  gap:8px!important;
  padding:1px 2px 4px!important;
  scrollbar-width:none!important;
}
.home-discount-list-v405::-webkit-scrollbar{
  display:none!important;
}
.home-discount-card-v405{
  flex:0 0 250px!important;
  width:250px!important;
  max-width:250px!important;
  grid-template-columns:minmax(0,1fr) 62px!important;
  min-height:74px!important;
  border-radius:14px!important;
}
.home-discount-card-v405::before,
.home-discount-card-v405::after{
  right:54px!important;
  width:12px!important;
  height:12px!important;
}
.home-discount-card-v405::before{top:-7px!important}
.home-discount-card-v405::after{bottom:-7px!important}
.home-discount-main-v405{
  padding:7px 8px!important;
}
.home-discount-name-v405{
  font-size:11px!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.home-discount-value-v405{
  margin-top:2px!important;
  font-size:10px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.home-discount-condition-v405{
  margin-top:3px!important;
  font-size:7.8px!important;
  line-height:1.3!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.home-discount-scope-v407{
  display:none!important;
}
.home-discount-stock-v405{
  margin-top:3px!important;
  font-size:7px!important;
  line-height:1.15!important;
}
.home-discount-side-v405{
  padding:5px!important;
}
.home-discount-side-v405 small{
  margin-bottom:4px!important;
  font-size:6.5px!important;
  line-height:1.15!important;
}
.home-discount-claim-v405{
  min-height:30px!important;
  padding:4px 2px!important;
  border-radius:8px!important;
  font-size:9px!important;
  line-height:1.1!important;
}

@media(max-width:760px){
  .home-discount-section-v405{
    padding:7px 8px!important;
  }
  .home-discount-head-v405 h2{
    font-size:13px!important;
  }
  .home-discount-card-v405{
    flex-basis:210px!important;
    width:210px!important;
    max-width:210px!important;
    grid-template-columns:minmax(0,1fr) 56px!important;
    min-height:66px!important;
  }
  .home-discount-card-v405::before,
  .home-discount-card-v405::after{
    right:49px!important;
  }
  .home-discount-main-v405{
    padding:6px 7px!important;
  }
  .home-discount-name-v405{
    font-size:10px!important;
  }
  .home-discount-value-v405{
    font-size:9px!important;
  }
  .home-discount-condition-v405{
    font-size:7.2px!important;
  }
  .home-discount-side-v405{
    padding:4px!important;
  }
  .home-discount-side-v405 small{
    font-size:6px!important;
  }
  .home-discount-claim-v405{
    min-height:28px!important;
    font-size:8px!important;
  }
}