@media (max-width:980px){

  body.webshop-v400 .cart-drawer .drawer-head{
    position:sticky!important;
    top:0!important;
    z-index:50!important;

    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;

    width:100%!important;
    min-height:58px!important;
    padding:11px 14px!important;
    flex:0 0 auto!important;

    background:linear-gradient(
      135deg,
      var(--v400-primary),
      var(--v400-secondary)
    )!important;

    color:#ffffff!important;
    border-radius:24px 24px 0 0!important;
    box-shadow:0 6px 18px rgba(15,23,42,.14)!important;
  }

  body.webshop-v400 .cart-drawer .drawer-head h3{
    display:block!important;
    margin:0!important;
    color:#ffffff!important;
    font-size:16px!important;
    font-weight:900!important;
    line-height:1.3!important;
    opacity:1!important;
    visibility:visible!important;
  }

  body.webshop-v400 .cart-drawer .drawer-head .close{
    position:relative!important;
    inset:auto!important;

    display:grid!important;
    place-items:center!important;

    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    padding:0!important;

    border:1px solid rgba(255,255,255,.35)!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.20)!important;
    color:#ffffff!important;

    font-size:25px!important;
    font-weight:900!important;
    line-height:1!important;

    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    z-index:60!important;
  }
}


@media(max-width:980px){
  html,body{
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  body.cart-open-v66{
    overflow:hidden!important;
    touch-action:auto!important;
  }

  body.cart-open-v66 .header,
  body.cart-open-v66 .bottom-nav{
    pointer-events:none!important;
  }

  body.webshop-v400 .overlay,
  body .overlay{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  body.webshop-v400 .cart-drawer,
  body .cart-drawer{
    position:fixed!important;
    inset:0!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    border-radius:0!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    background:#fff!important;
    transform:translate3d(100%,0,0)!important;
    transition:transform .2s cubic-bezier(.22,.8,.28,1)!important;
    touch-action:auto!important;
    overscroll-behavior:contain!important;
    contain:none!important;
    will-change:transform;
  }

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

  body.webshop-v400 .cart-drawer .drawer-head,
  body .cart-drawer .drawer-head{
    position:relative!important;
    top:auto!important;
    flex:0 0 auto!important;
    width:100%!important;
    min-height:58px!important;
    z-index:20!important;
  }

  body.webshop-v400 .cart-drawer .drawer-body,
  body .cart-drawer .drawer-body{
    display:block!important;
    flex:1 1 0!important;
    min-height:0!important;
    height:0!important;
    width:100%!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;
    touch-action:pan-y!important;
    scroll-behavior:auto!important;
    padding:10px 10px 24px!important;
  }

  body.webshop-v400 .cart-drawer .drawer-foot,
  body .cart-drawer .drawer-foot{
    position:relative!important;
    inset:auto!important;
    flex:0 0 auto!important;
    width:100%!important;
    max-height:46dvh!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
    z-index:21!important;
    margin:0!important;
    padding:9px 10px calc(10px + env(safe-area-inset-bottom))!important;
    background:#fff!important;
    border-top:1px solid rgba(148,163,184,.22)!important;
    box-shadow:0 -8px 22px rgba(15,23,42,.09)!important;
  }

  body .cart-drawer #cartList{
    display:block!important;
    min-height:0!important;
  }

  body .cart-drawer .cart-item{
    width:100%!important;
    min-width:0!important;
  }

  body .page.active,
  body.webshop-v400 .page.active{
    animation:none!important;
  }

  body.webshop-v400 .cart-drawer,
  body.webshop-v400 .modal,
  body.webshop-v400 .header,
  body.webshop-v400 .bottom-nav{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
}

@media(max-width:420px){
  body .cart-drawer .drawer-foot{
    max-height:50dvh!important;
  }
}
.coupon-link-panel-v412{display:none;text-align:center;padding:16px 12px 8px}
.coupon-link-mode-v412 #couponCodeSwitchV412,.coupon-link-mode-v412 #couponCodeGridV412,.coupon-link-mode-v412 #couponNormalActionsV412{display:none!important}
.coupon-link-mode-v412 #couponLinkPanelV412{display:block}
.coupon-link-icon-v412{width:62px;height:62px;margin:2px auto 10px;border-radius:20px;display:grid;place-items:center;font-size:30px;background:#ecfdf5;border:1px solid #a7f3d0}
.coupon-link-title-v412{font-size:18px;font-weight:900;color:#0f172a}
.coupon-link-url-v412{margin:9px auto;padding:10px 12px;max-width:100%;border:1px solid #dbe4ef;border-radius:13px;background:#f8fafc;color:#475569;font-size:12px;line-height:1.55;word-break:break-all;max-height:72px;overflow:auto}
.coupon-link-countdown-v412{margin:10px 0;padding:11px;border-radius:13px;background:#f8fafc;color:#9a3412;font-weight:800;line-height:1.55}
.coupon-link-countdown-v412 b{font-size:22px;font-variant-numeric:tabular-nums}
.coupon-link-actions-v412{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.coupon-link-actions-v412 .btn{min-height:44px}
.coupon-link-panel-v412>small{display:block;margin-top:10px;color:#64748b;line-height:1.55}
@media(max-width:420px){.coupon-link-actions-v412{grid-template-columns:1fr}.coupon-link-url-v412{font-size:11px}}

.cart-form-multi-v413{display:grid;gap:12px}
.cart-form-unit-v413{
  display:grid;
  gap:10px;
  padding:12px;
  border:1px solid #dbeafe;
  border-radius:14px;
  background:#f8fbff;
}
.cart-form-unit-head-v413{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding-bottom:8px;
  border-bottom:1px dashed #bfdbfe;
}
.cart-form-unit-head-v413 b{font-size:13px;color:#1d4ed8}
.cart-form-unit-head-v413 span{font-size:10px;font-weight:800;color:#64748b}
@media(max-width:420px){
  .cart-form-unit-head-v413{align-items:flex-start;flex-direction:column;gap:2px}
}


#member .member-reward-dashboard-v426{
  position:relative;
  gap:14px;
}
#member .member-reward-dashboard-v426::before,
#member .member-reward-dashboard-v426::after{
  content:"";
  position:absolute;
  inset:auto;
  pointer-events:none;
  z-index:0;
  filter:blur(8px);
  opacity:.75;
}
#member .member-reward-dashboard-v426::before{
  width:180px;height:180px;right:-20px;top:52px;
  background:radial-gradient(circle,#f97316 0%,rgba(249,115,22,0) 68%);
  animation:memberFloatGlowV426 8s ease-in-out infinite;
}
#member .member-reward-dashboard-v426::after{
  width:160px;height:160px;left:-25px;top:280px;
  background:radial-gradient(circle,#60a5fa 0%,rgba(96,165,250,0) 65%);
  animation:memberFloatGlowV426 10s ease-in-out infinite reverse;
}
@keyframes memberFloatGlowV426{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(0,-10px,0) scale(1.06)}
}
#member .member-reward-dashboard-v426 > *{position:relative;z-index:1}
#member .member-reward-hero-v426{
  border-radius:28px!important;
  overflow:hidden;
}
#member .member-reward-hero-v426::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,rgba(255,255,255,.14),transparent 45%,rgba(255,255,255,.08) 90%);
}
#member .member-reward-quicknav-v426{
  position:sticky;
  top:64px;
  z-index:9;
  border-radius:24px;
  box-shadow:0 14px 30px rgba(15,23,42,.10);
}
#member .member-reward-tabs-v426{
  grid-template-columns:repeat(5,minmax(0,1fr));
}
#member .member-reward-tabs-v426 .member-reward-tab-v408{
  min-height:84px;
}
#member .member-reward-tab-v408.active{
  transform:translateY(-2px) scale(1.01);
}
#member .member-reward-panel-v408{
  border-radius:26px;
  overflow:hidden;
}
#member .member-reward-code-grid-v426{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
#member .member-claim-card-v426{
  min-height:100%;
  background:linear-gradient(180deg,#fff,#f8fbff)!important;
  border:1px solid #e5edf8!important;
  position:relative;
  overflow:hidden;
}
#member .member-claim-card-v426::after{
  content:"";
  position:absolute;
  right:-32px;
  top:-32px;
  width:110px;
  height:110px;
  border-radius:50%;
  background:linear-gradient(135deg,rgba(255,163,77,.18),rgba(37,99,235,.10));
}
#member .member-claim-card-v426 .member-claim-left-v75,
#member .member-claim-card-v426 .member-claim-box-v75,
#member .member-claim-card-v426 .member-claim-note-v75,
#member .member-claim-card-v426 #memberPointCodeMessageV77,
#member .member-claim-card-v426 #memberCouponCodeMessageV426{position:relative;z-index:1}
#member #memberRewardCouponCodePanelV426 .member-claim-btn-v75{
  background:linear-gradient(135deg,#0f172a,#334155)!important;
  color:#fff!important;
}
#member .member-history-summary-v426{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:0 0 14px;
}
#member .member-history-summary-v426 > div{
  padding:14px 12px;
  border-radius:18px;
  background:linear-gradient(180deg,#fff,#f8fafc);
  border:1px solid #e5ecf5;
  box-shadow:0 10px 22px rgba(15,23,42,.05);
}
#member .member-history-summary-v426 span{
  display:block;
  font-size:11px;
  color:#64748b;
  margin-bottom:6px;
}
#member .member-history-summary-v426 b{
  font-size:20px;
  color:#0f172a;
}
#member .member-point-row-v74{
  position:relative;
  overflow:hidden;
}
#member .member-point-row-v74::after{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg,#fb923c,#2563eb);
}
#member .member-point-row-v74 b{
  font-size:14px;
}
#member .member-point-reason-v78{
  display:block;
  margin-top:6px;
  color:#64748b;
  line-height:1.55;
}
#member .member-reward-coupon-list-v408 .coupon-clean-card,
#member .member-reward-card-v79,
#member #memberRewardGridV74 .product{
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 16px 34px rgba(15,23,42,.08);
}
#member #memberRewardGridV74 .product{
  position:relative;
  border:1px solid #ebeff5;
  background:#fff;
  transition:transform .22s ease, box-shadow .22s ease;
}
#member #memberRewardGridV74 .product:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 40px rgba(15,23,42,.10);
}
#member #memberRewardGridV74 .product .cover{
  position:relative;
  overflow:hidden;
}
#member #memberRewardGridV74 .product .cover::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:48%;
  background:linear-gradient(180deg,rgba(15,23,42,0),rgba(15,23,42,.08));
  pointer-events:none;
}
#member #memberRewardGridV74 .product .tag{
  border-radius:999px;
  right:10px;
  top:10px;
  background:rgba(15,23,42,.82);
  color:#fff;
}
#member #memberRewardGridV74 .product .body{
  display:grid;
  gap:8px;
  padding:13px;
}
#member #memberRewardGridV74 .product .name{
  font-size:15px;
  line-height:1.4;
  min-height:40px;
}
#member #memberRewardGridV74 .product .condition{
  font-size:12px;
  line-height:1.55;
  color:#64748b;
  min-height:36px;
}
#member #memberRewardGridV74 .product .price .sale{
  font-size:18px;
}
#member #memberRewardGridV74 .product .btn.gray,
#member #memberRewardGridV74 .product button[disabled]{
  background:#e5e7eb!important;
  color:#94a3b8!important;
  border-color:#e5e7eb!important;
  box-shadow:none!important;
}
#member #memberRewardGridV74 .product.member-reward-soldout-v79{
  opacity:.78;
  filter:saturate(.85);
}
#member .member-reward-panel-title-v408 h2{
  letter-spacing:-.01em;
}
@media(max-width:980px){
  #member .member-reward-quicknav-v426{top:58px}
  #member .member-reward-tabs-v426{
    display:flex;
    gap:8px;
    overflow:auto;
    scroll-snap-type:x proximity;
    padding-bottom:2px;
  }
  #member .member-reward-tabs-v426::-webkit-scrollbar{display:none}
  #member .member-reward-tabs-v426 .member-reward-tab-v408{
    min-width:220px;
    flex:0 0 220px;
    scroll-snap-align:start;
  }
  #member .member-reward-code-grid-v426{grid-template-columns:1fr}
}
@media(max-width:680px){
  #member .member-reward-dashboard-v426{gap:10px}
  #member .member-reward-hero-v426{border-radius:22px!important;padding:16px!important}
  #member .member-reward-hero-v426 h3{font-size:24px!important}
  #member .member-reward-hero-v426 p{font-size:11px!important;line-height:1.6!important}
  #member .member-reward-stats-v408{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  #member .member-reward-stats-v408 div{padding:12px 10px!important;border-radius:16px!important}
  #member .member-reward-stats-v408 b{font-size:16px!important}
  #member .member-reward-tabs-shell-v408{padding:7px;border-radius:18px}
  #member .member-reward-tabs-v426 .member-reward-tab-v408{min-width:190px;flex-basis:190px;min-height:70px;padding:9px}
  #member .member-reward-panel-v408{padding:12px;border-radius:20px}
  #member .member-reward-panel-head-v408{padding-bottom:10px;margin-bottom:10px!important}
  #member .member-reward-panel-title-v408>span{width:38px;height:38px;font-size:18px}
  #member .member-reward-panel-title-v408 h2{font-size:16px!important}
  #member .member-reward-panel-title-v408 p{font-size:10px!important}
  #member .member-history-summary-v426{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  #member .member-history-summary-v426 > div{padding:12px 10px;border-radius:14px}
  #member .member-history-summary-v426 b{font-size:16px}
  #member .member-claim-card-v426{padding:14px!important;border-radius:18px!important}
  #member .member-claim-card-v426 h4{font-size:17px!important}
  #member .member-claim-card-v426 p{font-size:11px!important;line-height:1.6!important}
  #member #memberRewardGridV74{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  #member #memberRewardGridV74 .product{border-radius:18px}
  #member #memberRewardGridV74 .product .body{padding:10px;gap:7px}
  #member #memberRewardGridV74 .product .name{font-size:13px;min-height:36px}
  #member #memberRewardGridV74 .product .condition{font-size:10px;min-height:30px}
  #member #memberRewardGridV74 .product .price .sale{font-size:15px}
  #member #memberRewardGridV74 .product .btn{min-height:38px;font-size:12px}
  #member .member-reward-coupon-list-v408{grid-template-columns:1fr!important;gap:8px}
}
@media(max-width:390px){
  #member .member-reward-tabs-v426 .member-reward-tab-v408{min-width:172px;flex-basis:172px}
  #member #memberRewardGridV74{grid-template-columns:1fr 1fr}
  #member .member-history-summary-v426{grid-template-columns:1fr}
}


@media(max-width:680px){
  #member,
  #member .member-reward-dashboard-v426,
  #member .member-reward-dashboard-v426 > *,
  #member .member-reward-panel-v408,
  #member .member-reward-code-grid-v426,
  #member .member-claim-card-v75,
  #member .member-claim-box-v75,
  #member .member-claim-input-wrap-v75{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  #member{
    overflow-x:hidden!important;
  }

  #member .member-reward-dashboard-v426{
    gap:8px!important;
    overflow:hidden!important;
  }

  #member .member-reward-dashboard-v426::before,
  #member .member-reward-dashboard-v426::after{
    display:none!important;
  }

  #member .member-reward-hero-v426{
    padding:12px!important;
    border-radius:16px!important;
    box-shadow:0 10px 24px rgba(30,64,175,.16)!important;
  }

  #member .member-reward-hero-v426 small{
    padding:4px 7px!important;
    font-size:8px!important;
  }

  #member .member-reward-hero-v426 h3{
    margin:6px 0 0!important;
    font-size:18px!important;
    line-height:1.25!important;
  }

  #member .member-reward-hero-v426 p{
    display:none!important;
  }

  #member .member-reward-stats-v408,
  #member .member-stats-v74{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
    margin-top:10px!important;
  }

  #member .member-reward-stats-v408 > div,
  #member .member-stats-v74 > div{
    min-width:0!important;
    padding:8px 5px!important;
    border-radius:10px!important;
    text-align:center!important;
  }

  #member .member-reward-stats-v408 span,
  #member .member-stats-v74 span{
    font-size:8px!important;
    line-height:1.2!important;
  }

  #member .member-reward-stats-v408 b,
  #member .member-stats-v74 b{
    margin-top:3px!important;
    font-size:14px!important;
    line-height:1.2!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  #member .member-reward-quicknav-v426{
    position:relative!important;
    top:auto!important;
    padding:5px!important;
    border-radius:14px!important;
  }

  #member .member-reward-tabs-v426{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
    overflow:visible!important;
    padding:0!important;
  }

  #member .member-reward-tabs-v426 .member-reward-tab-v408{
    position:relative!important;
    display:grid!important;
    grid-template-columns:25px minmax(0,1fr)!important;
    gap:5px!important;
    align-items:center!important;
    min-width:0!important;
    width:100%!important;
    min-height:48px!important;
    padding:6px!important;
    border-radius:11px!important;
    scroll-snap-align:none!important;
  }

  #member .member-reward-tab-icon-v408{
    width:25px!important;
    height:25px!important;
    border-radius:8px!important;
    font-size:13px!important;
  }

  #member .member-reward-tab-copy-v408 b{
    font-size:9px!important;
    line-height:1.25!important;
    white-space:normal!important;
  }

  #member .member-reward-tab-copy-v408 small{
    display:none!important;
  }

  #member .member-reward-tab-v408 em,
  #member .member-reward-tab-new-v408{
    position:absolute!important;
    top:3px!important;
    right:3px!important;
    min-width:16px!important;
    height:16px!important;
    padding:0 4px!important;
    font-size:6.5px!important;
  }

  #member .member-reward-tab-v408.active{
    transform:none!important;
    box-shadow:0 7px 16px rgba(var(--v400-primary-rgb,49,135,238),.18)!important;
  }

  #member .member-reward-panel-v408{
    padding:9px!important;
    border-radius:14px!important;
    box-shadow:0 8px 20px rgba(15,23,42,.05)!important;
  }

  #member .member-reward-panel-head-v408{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    margin-bottom:8px!important;
    padding-bottom:8px!important;
  }

  #member .member-reward-panel-title-v408{
    gap:7px!important;
  }

  #member .member-reward-panel-title-v408 > span{
    width:32px!important;
    height:32px!important;
    border-radius:9px!important;
    font-size:15px!important;
  }

  #member .member-reward-panel-title-v408 h2{
    font-size:14px!important;
    line-height:1.3!important;
  }

  #member .member-reward-panel-title-v408 p{
    margin-top:1px!important;
    font-size:8px!important;
    line-height:1.35!important;
  }

  #member .member-reward-tools-v243{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:6px!important;
    width:100%!important;
    align-items:end!important;
  }

  #member .member-reward-sort-v243{
    width:100%!important;
    min-width:0!important;
  }

  #member .member-reward-sort-v243 select{
    width:100%!important;
    min-width:0!important;
    height:35px!important;
    padding:0 8px!important;
    font-size:10px!important;
    border-radius:9px!important;
  }

  #member .member-reward-tools-v243 .btn,
  #member .member-reward-panel-head-v408 > .btn{
    min-height:35px!important;
    height:35px!important;
    padding:0 10px!important;
    font-size:10px!important;
    border-radius:9px!important;
  }

  #member .member-reward-code-grid-v426{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }

  #member .member-claim-card-v75,
  #member .member-claim-card-v426{
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:10px!important;
    border-radius:13px!important;
    margin:0!important;
  }

  #member .member-claim-left-v75{
    gap:8px!important;
  }

  #member .member-claim-icon-v75{
    width:38px!important;
    height:38px!important;
    border-radius:11px!important;
    font-size:18px!important;
  }

  #member .member-claim-kicker-v75{
    font-size:8px!important;
  }

  #member .member-claim-card-v75 h4,
  #member .member-claim-card-v75 h3{
    font-size:14px!important;
    line-height:1.25!important;
  }

  #member .member-claim-card-v75 p{
    margin-top:2px!important;
    font-size:9px!important;
    line-height:1.35!important;
  }

  #member .member-claim-box-v75{
    grid-template-columns:1fr!important;
    gap:6px!important;
  }

  #member .member-claim-input-wrap-v75{
    min-height:40px!important;
    padding:4px 7px!important;
    border-radius:10px!important;
    gap:6px!important;
  }

  #member .member-claim-input-wrap-v75 span{
    padding:4px 6px!important;
    font-size:7px!important;
  }

  #member .member-claim-input-wrap-v75 input{
    min-width:0!important;
    width:100%!important;
    font-size:13px!important;
  }

  #member .member-claim-btn-v75{
    width:100%!important;
    min-height:38px!important;
    height:38px!important;
    font-size:11px!important;
    border-radius:10px!important;
  }

  #member .member-claim-note-v75,
  #member #memberPointCodeMessageV77,
  #member #memberCouponCodeMessageV426{
    font-size:8px!important;
    line-height:1.4!important;
  }

  #member #memberRewardGridV74{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    width:100%!important;
  }

  #member #memberRewardGridV74 .product{
    min-width:0!important;
    border-radius:12px!important;
    box-shadow:0 7px 17px rgba(15,23,42,.06)!important;
  }

  #member #memberRewardGridV74 .product .cover{
    aspect-ratio:1.16/1!important;
  }

  #member #memberRewardGridV74 .product .tag{
    top:5px!important;
    right:5px!important;
    left:auto!important;
    padding:2px 5px!important;
    font-size:7px!important;
  }

  #member .member-reward-expiry-v74,
  #member .member-reward-expiry-v79{
    margin:3px 6px 0!important;
    padding:3px 5px!important;
    border-radius:6px!important;
    font-size:7px!important;
    text-align:left!important;
  }

  #member #memberRewardGridV74 .product .body{
    padding:7px!important;
    gap:4px!important;
  }

  #member #memberRewardGridV74 .product .name{
    min-height:30px!important;
    height:auto!important;
    font-size:10.5px!important;
    line-height:1.35!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }

  #member #memberRewardGridV74 .product .condition{
    min-height:22px!important;
    height:auto!important;
    margin-top:0!important;
    font-size:7.5px!important;
    line-height:1.35!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }

  #member #memberRewardGridV74 .product .price{
    margin:3px 0!important;
  }

  #member #memberRewardGridV74 .product .price .sale{
    font-size:12px!important;
  }

  #member #memberRewardGridV74 .product .btn,
  #member .member-reward-soldout-text-v79{
    width:100%!important;
    min-height:32px!important;
    padding:6px 4px!important;
    border-radius:8px!important;
    font-size:9px!important;
  }

  #member .member-reward-coupon-list-v408{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }

  #member .member-reward-coupon-list-v408 .coupon-clean-card{
    display:grid!important;
    grid-template-columns:92px minmax(0,1fr)!important;
    border-radius:12px!important;
    min-width:0!important;
  }

  #member .member-reward-coupon-list-v408 .coupon-clean-cover{
    aspect-ratio:auto!important;
    height:100%!important;
    min-height:92px!important;
    border-bottom:0!important;
    border-right:1px solid #eef2f7!important;
  }

  #member .member-reward-coupon-list-v408 .coupon-clean-body{
    padding:8px!important;
    gap:5px!important;
  }

  #member .member-reward-coupon-list-v408 .coupon-clean-title{
    font-size:11px!important;
  }

  #member .member-reward-coupon-list-v408 .coupon-clean-expiry{
    font-size:8px!important;
  }

  #member .member-reward-coupon-list-v408 .btn{
    min-height:32px!important;
    padding:5px 8px!important;
    font-size:9px!important;
  }

  #member .member-history-summary-v426{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
    margin-bottom:8px!important;
  }

  #member .member-history-summary-v426 > div{
    min-width:0!important;
    padding:8px 5px!important;
    border-radius:10px!important;
    text-align:center!important;
  }

  #member .member-history-summary-v426 span{
    margin-bottom:3px!important;
    font-size:7.5px!important;
  }

  #member .member-history-summary-v426 b{
    font-size:13px!important;
  }

  #member .member-reward-history-list-v408{
    gap:6px!important;
  }

  #member .member-point-row-v74{
    margin:0!important;
    padding:8px 9px!important;
    border-radius:10px!important;
    gap:7px!important;
  }

  #member .member-point-row-v74 b{
    font-size:10px!important;
  }

  #member .member-point-row-v74 small,
  #member .member-point-reason-v78{
    font-size:7.5px!important;
    line-height:1.35!important;
  }
}

@media(max-width:360px){
  #member .member-reward-tabs-v426{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  #member #memberRewardGridV74{
    gap:6px!important;
  }

  #member .member-reward-stats-v408 span,
  #member .member-stats-v74 span{
    font-size:7px!important;
  }

  #member .member-reward-stats-v408 b,
  #member .member-stats-v74 b{
    font-size:12px!important;
  }
}


html{
  scrollbar-gutter:stable;
}
@media(max-width:980px){
  html,body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    overscroll-behavior-x:none!important;
    -webkit-text-size-adjust:100%!important;
  }

  body.webshop-v301{
    min-width:0!important;
    background:#f4f7fb!important;
  }

  body.webshop-v301 .header{
    position:sticky!important;
    top:0!important;
    z-index:120!important;
    contain:layout style!important;
    transform:translateZ(0)!important;
    backface-visibility:hidden!important;
  }

  body.webshop-v301 .topbar,
  body.webshop-v301 .desktop-nav,
  body.webshop-v301 .sidebar,
  body.webshop-v301 .wallet-card-v301{
    display:none!important;
  }

  body.webshop-v301 .mainbar-v301{
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:7px!important;
    padding:7px 10px 9px!important;
  }

  body.webshop-v301 .mobile-head-v301{
    width:100%!important;
    min-height:48px!important;
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) 44px!important;
    align-items:center!important;
    gap:8px!important;
  }

  body.webshop-v301 .mobile-menu-button-v301,
  body.webshop-v301 .mobile-cart-button-v301{
    display:grid!important;
    place-items:center!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    padding:0!important;
    border:1px solid #dce7f6!important;
    border-radius:14px!important;
    background:linear-gradient(145deg,#ffffff,#edf5ff)!important;
    color:#1266f1!important;
    box-shadow:0 7px 18px rgba(28,73,140,.10)!important;
    -webkit-tap-highlight-color:transparent!important;
  }

  body.webshop-v301 .mobile-menu-button-v301:active,
  body.webshop-v301 .mobile-cart-button-v301:active{
    transform:scale(.96)!important;
  }

  .mobile-menu-bars-v428{
    width:21px;
    display:grid;
    gap:4px;
  }
  .mobile-menu-bars-v428 i{
    display:block;
    height:2.5px;
    border-radius:99px;
    background:currentColor;
    transition:transform .18s ease,width .18s ease;
  }
  .mobile-menu-bars-v428 i:nth-child(2){width:15px}
  .mobile-menu-bars-v428 i:nth-child(3){width:18px}

  body.webshop-v301 .mobile-head-v301 .logo-v301{
    min-width:0!important;
    justify-content:center!important;
    text-align:center!important;
  }

  body.webshop-v301 .mobile-head-v301 .logo-v301 #headerSiteName{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:20px!important;
    line-height:1.1!important;
  }

  body.webshop-v301 .search-v301{
    width:100%!important;
    min-width:0!important;
    height:42px!important;
    margin:0!important;
    border-radius:14px!important;
    padding-left:39px!important;
  }

  body.webshop-v301 .search-v301 button{
    width:62px!important;
    height:34px!important;
    border-radius:11px!important;
    font-size:11px!important;
  }

  body.webshop-v301 .container{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:9px 9px calc(88px + env(safe-area-inset-bottom))!important;
    margin:0!important;
  }

  body.webshop-v301 .container>section,
  body.webshop-v301 .page,
  body.webshop-v301 .products,
  body.webshop-v301 .product,
  body.webshop-v301 .card{
    min-width:0!important;
    max-width:100%!important;
  }

  body.webshop-v301 .product,
  body.webshop-v301 .coupon-clean-card,
  body.webshop-v301 .history-card{
    contain:layout paint style!important;
  }

  body.webshop-v301 .product .cover,
  body.webshop-v301 .coupon-clean-cover{
    background:#fff!important;
    overflow:hidden!important;
  }

  body.webshop-v301 .product .cover img,
  body.webshop-v301 .coupon-clean-cover img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
  }

  body.webshop-v301 .bottom-nav-v301{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    z-index:115!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    min-height:calc(62px + env(safe-area-inset-bottom))!important;
    padding:6px 6px env(safe-area-inset-bottom)!important;
    border-top:1px solid #e3eaf4!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 -10px 26px rgba(24,55,100,.09)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
    transform:translateZ(0)!important;
  }

  body.webshop-v301 .bottom-nav-v301 button{
    min-width:0!important;
    min-height:52px!important;
    padding:4px 2px!important;
    border-radius:14px!important;
    -webkit-tap-highlight-color:transparent!important;
  }

  body.webshop-v301 .bottom-nav-v301 button em{
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:9px!important;
  }

  .mobile-menu-backdrop-v301{
    z-index:2147482000!important;
    background:rgba(8,20,40,.48)!important;
    backdrop-filter:blur(4px)!important;
    -webkit-backdrop-filter:blur(4px)!important;
  }

  .mobile-menu-drawer-v301{
    z-index:2147482100!important;
    width:min(86vw,330px)!important;
    max-width:330px!important;
    padding:calc(12px + env(safe-area-inset-top)) 12px calc(16px + env(safe-area-inset-bottom))!important;
    border-radius:0 26px 26px 0!important;
    background:linear-gradient(180deg,#ffffff 0%,#f7faff 100%)!important;
    box-shadow:26px 0 70px rgba(3,19,48,.28)!important;
    overscroll-behavior:contain!important;
  }

  .mobile-menu-head-v301{
    min-height:44px!important;
    padding:1px 1px 10px!important;
  }

  .mobile-menu-brand-v301{
    font-size:22px!important;
  }

  .mobile-menu-head-v301 button{
    width:36px!important;
    height:36px!important;
    border-radius:12px!important;
  }

  .mobile-menu-user-v301{
    grid-template-columns:42px minmax(0,1fr)!important;
    gap:9px!important;
    margin:10px 0 12px!important;
    padding:10px!important;
    border-radius:17px!important;
  }

  .mobile-menu-avatar-v301{
    width:42px!important;
    height:42px!important;
    border-radius:13px!important;
    font-size:18px!important;
  }

  .mobile-menu-user-v301 b{
    font-size:17px!important;
  }

  .mobile-menu-list-v428{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  .mobile-menu-section-label-v428{
    grid-column:1/-1;
    padding:5px 2px 0;
    color:#7a879b;
    font-size:10px;
    font-weight:900;
    letter-spacing:.04em;
  }

  .mobile-menu-list-v428 button{
    min-width:0!important;
    min-height:76px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:36px auto!important;
    place-items:center!important;
    gap:5px!important;
    padding:8px 6px!important;
    border-radius:16px!important;
    text-align:center!important;
    background:#fff!important;
    box-shadow:0 7px 18px rgba(25,61,110,.05)!important;
  }

  .mobile-menu-list-v428 button>span{
    width:36px!important;
    height:36px!important;
    border-radius:12px!important;
    font-size:17px!important;
  }

  .mobile-menu-list-v428 button>b{
    width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:11px!important;
  }

  .mobile-menu-list-v428 button>i{
    display:none!important;
  }

  .mobile-menu-list-v428 button.active{
    border-color:#9ec5ff!important;
    background:linear-gradient(145deg,#edf5ff,#ffffff)!important;
    box-shadow:0 9px 22px rgba(18,102,241,.12)!important;
  }

  .mobile-menu-list-v428 .mobile-menu-wide-v428{
    grid-column:1/-1!important;
    min-height:52px!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    grid-template-rows:1fr!important;
    justify-items:start!important;
    text-align:left!important;
    padding:7px 10px!important;
  }

  .mobile-menu-list-v428 .mobile-menu-wide-v428>b{
    text-align:left!important;
    font-size:12px!important;
  }

  #member{
    scroll-margin-top:0!important;
  }

  #member .member-reward-quicknav-v426{
    top:106px!important;
  }
}

@media(max-width:380px){
  .mobile-menu-drawer-v301{
    width:min(89vw,316px)!important;
  }
  body.webshop-v301 .mainbar-v301{
    padding-left:8px!important;
    padding-right:8px!important;
  }
  body.webshop-v301 .mobile-head-v301{
    grid-template-columns:42px minmax(0,1fr) 42px!important;
    gap:6px!important;
  }
  body.webshop-v301 .mobile-menu-button-v301,
  body.webshop-v301 .mobile-cart-button-v301{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body.webshop-v301 *,
  body.webshop-v301 *::before,
  body.webshop-v301 *::after{
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}


@media(max-width:980px){
  body.webshop-v301 .bottom-nav-v301{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }

  #member .member-reward-dashboard-v426{
    width:100%!important;
    max-width:100%!important;
    gap:10px!important;
    overflow:visible!important;
  }
  #member .member-reward-hero-v426{
    padding:14px!important;
    border-radius:18px!important;
    background:linear-gradient(135deg,#0f3d7a 0%,#1266f1 60%,#4f9cff 100%)!important;
    box-shadow:0 12px 26px rgba(18,102,241,.18)!important;
  }
  #member .member-reward-hero-v426::after{
    width:180px!important;
    height:180px!important;
    right:-65px!important;
    top:-70px!important;
  }
  #member .member-reward-hero-v426 small{
    padding:4px 8px!important;
    font-size:8px!important;
  }
  #member .member-reward-hero-v426 h3{
    margin:7px 0 3px!important;
    font-size:21px!important;
  }
  #member .member-reward-hero-v426 p{
    max-width:100%!important;
    font-size:10px!important;
    line-height:1.55!important;
  }
  #member .member-reward-stats-v408{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    margin-top:12px!important;
  }
  #member .member-reward-stats-v408>div{
    min-width:0!important;
    padding:9px 7px!important;
    border-radius:13px!important;
    box-shadow:none!important;
  }
  #member .member-reward-stats-v408 span{
    font-size:8px!important;
  }
  #member .member-reward-stats-v408 b{
    display:block!important;
    margin-top:2px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:15px!important;
  }
  #member .member-reward-store-menu-v429{
    position:sticky!important;
    top:105px!important;
    z-index:14!important;
    padding:7px!important;
    border:1px solid #dfe8f5!important;
    border-radius:17px!important;
    background:rgba(255,255,255,.97)!important;
    box-shadow:0 9px 22px rgba(25,61,110,.09)!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
  }
  #member .member-reward-tabs-v426{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    overflow:visible!important;
    padding:0!important;
  }
  #member .member-reward-tabs-v426 .member-reward-tab-v408{
    min-width:0!important;
    min-height:58px!important;
    padding:7px 4px!important;
    border-radius:12px!important;
    grid-template-columns:1fr!important;
    grid-template-rows:24px auto!important;
    justify-items:center!important;
    gap:3px!important;
    text-align:center!important;
  }
  #member .member-reward-tab-icon-v408{
    width:24px!important;
    height:24px!important;
    border-radius:8px!important;
    font-size:13px!important;
  }
  #member .member-reward-tab-copy-v408 b{
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:9px!important;
  }
  #member .member-reward-tab-copy-v408 small,
  #member .member-reward-tab-v408 em,
  #member .member-reward-tab-new-v408{
    display:none!important;
  }
  #member .member-reward-panel-v408{
    padding:10px!important;
    border-radius:17px!important;
    border:1px solid #e5ebf4!important;
    background:#fff!important;
    box-shadow:0 8px 22px rgba(25,61,110,.06)!important;
  }
  #member .member-reward-panel-head-v408{
    margin-bottom:9px!important;
    padding-bottom:8px!important;
    align-items:center!important;
  }
  #member .member-reward-panel-title-v408{
    gap:7px!important;
  }
  #member .member-reward-panel-title-v408>span{
    width:32px!important;
    height:32px!important;
    border-radius:10px!important;
    font-size:15px!important;
  }
  #member .member-reward-panel-title-v408 h2{
    font-size:14px!important;
  }
  #member .member-reward-panel-title-v408 p{
    display:none!important;
  }
  #member .member-reward-tools-v243{
    display:flex!important;
    align-items:end!important;
    gap:5px!important;
  }
  #member .member-reward-sort-v243 span{
    display:none!important;
  }
  #member .member-reward-sort-v243 select,
  #member .member-reward-tools-v243 .btn{
    height:34px!important;
    min-height:34px!important;
    padding:0 8px!important;
    border-radius:10px!important;
    font-size:10px!important;
  }
  #member #memberRewardGridV74{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  #member #memberRewardGridV74 .product{
    border-radius:14px!important;
    box-shadow:0 7px 17px rgba(25,61,110,.07)!important;
  }
  #member #memberRewardGridV74 .product .cover{
    aspect-ratio:1/1!important;
  }
  #member #memberRewardGridV74 .product .body{
    padding:8px!important;
    gap:5px!important;
  }
  #member #memberRewardGridV74 .product .name{
    min-height:32px!important;
    font-size:11px!important;
    line-height:1.4!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  #member #memberRewardGridV74 .product .condition{
    display:none!important;
  }
  #member #memberRewardGridV74 .product .price{
    margin:2px 0!important;
  }
  #member #memberRewardGridV74 .product .price .sale{
    font-size:13px!important;
  }
  #member #memberRewardGridV74 .product .btn,
  #member .member-reward-soldout-text-v79{
    min-height:34px!important;
    padding:7px 5px!important;
    border-radius:10px!important;
    font-size:10px!important;
  }
  #member .member-reward-expiry-v74{
    padding:5px 7px!important;
    font-size:8px!important;
  }
  #member .member-reward-code-grid-v426{
    gap:9px!important;
  }
  #member .member-claim-card-v426{
    padding:11px!important;
    border-radius:14px!important;
  }
  #member .member-claim-left-v75{
    gap:8px!important;
  }
  #member .member-claim-icon-v75{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    border-radius:11px!important;
    font-size:18px!important;
  }
  #member .member-claim-kicker-v75{
    font-size:8px!important;
  }
  #member .member-claim-card-v426 h4{
    font-size:14px!important;
  }
  #member .member-claim-card-v426 p,
  #member .member-claim-note-v75{
    font-size:9px!important;
  }
  #member .member-claim-box-v75{
    gap:6px!important;
  }
  #member .member-claim-input-wrap-v75 input,
  #member .member-claim-btn-v75{
    min-height:38px!important;
    font-size:11px!important;
  }
  #member .member-history-summary-v426{
    gap:6px!important;
  }
  #member .member-history-summary-v426>div{
    padding:9px 7px!important;
    border-radius:12px!important;
  }
  #member .member-history-summary-v426 span{
    font-size:8px!important;
  }
  #member .member-history-summary-v426 b{
    font-size:14px!important;
  }
  #member .member-point-row-v74{
    padding:10px 10px 10px 14px!important;
    border-radius:12px!important;
  }
  #member .member-point-row-v74 b{
    font-size:11px!important;
  }
  #member .member-point-row-v74 small{
    font-size:8px!important;
  }

  #profile .profile-mobile-page-v429{
    display:grid!important;
    gap:9px!important;
    width:100%!important;
    max-width:100%!important;
  }
  #profile .profile-mobile-page-v429>.settings-card{
    margin:0!important;
    padding:11px!important;
    border:1px solid #e2e9f3!important;
    border-radius:17px!important;
    box-shadow:0 8px 22px rgba(25,61,110,.06)!important;
  }
  #profile .profile-hero-card-v429{
    color:#fff!important;
    background:linear-gradient(135deg,#0f3d7a,#1266f1 66%,#5aa7ff)!important;
    overflow:hidden!important;
    position:relative!important;
  }
  #profile .profile-hero-card-v429::after{
    content:"";
    position:absolute;
    width:160px;
    height:160px;
    border-radius:50%;
    right:-55px;
    top:-75px;
    background:rgba(255,255,255,.12);
  }
  #profile .profile-hero-top-v429,
  #profile .profile-summary{
    position:relative!important;
    z-index:1!important;
  }
  #profile .profile-hero-top-v429{
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr)!important;
    align-items:center!important;
    gap:9px!important;
    margin-bottom:10px!important;
  }
  #profile .profile-avatar-v429{
    width:48px!important;
    height:48px!important;
    border-radius:15px!important;
    display:grid!important;
    place-items:center!important;
    background:rgba(255,255,255,.20)!important;
    border:1px solid rgba(255,255,255,.34)!important;
    font-size:20px!important;
    font-weight:900!important;
  }
  #profile .profile-hero-copy-v429 small{
    font-size:8px!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
    opacity:.82!important;
  }
  #profile .profile-hero-copy-v429 h2{
    margin:2px 0!important;
    color:#fff!important;
    font-size:17px!important;
  }
  #profile .profile-hero-copy-v429 p{
    margin:0!important;
    color:rgba(255,255,255,.78)!important;
    font-size:9px!important;
  }
  #profile .profile-hero-card-v429 .profile-summary{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  #profile .profile-hero-card-v429 .profile-stat{
    min-width:0!important;
    padding:8px!important;
    border:1px solid rgba(255,255,255,.22)!important;
    border-radius:11px!important;
    background:rgba(255,255,255,.12)!important;
  }
  #profile .profile-hero-card-v429 .profile-stat span{
    display:block!important;
    color:rgba(255,255,255,.72)!important;
    font-size:8px!important;
  }
  #profile .profile-hero-card-v429 .profile-stat b{
    display:block!important;
    margin-top:2px!important;
    color:#fff!important;
    font-size:12px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  #profile .profile-hero-card-v429 .profile-stat small{
    display:none!important;
  }
  #profile .settings-head{
    margin-bottom:8px!important;
    padding:0 1px 8px!important;
    font-size:13px!important;
  }
  #profile .settings-list{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  #profile .setting-row{
    min-width:0!important;
    min-height:112px!important;
    display:grid!important;
    grid-template-columns:36px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    align-content:start!important;
    gap:6px 7px!important;
    padding:9px!important;
    border:1px solid #e6edf6!important;
    border-radius:13px!important;
    background:linear-gradient(180deg,#fff,#f8fbff)!important;
    box-shadow:none!important;
  }
  #profile .setting-icon{
    width:36px!important;
    height:36px!important;
    border-radius:11px!important;
    font-size:16px!important;
  }
  #profile .setting-title{
    font-size:10px!important;
    line-height:1.35!important;
  }
  #profile .setting-desc{
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    margin-top:2px!important;
    font-size:8px!important;
    line-height:1.45!important;
  }
  #profile .setting-action{
    grid-column:1/-1!important;
    width:100%!important;
  }
  #profile .setting-action .btn,
  #profile .logout-profile-btn-v42{
    width:100%!important;
    min-height:34px!important;
    padding:6px!important;
    border-radius:9px!important;
    font-size:10px!important;
  }
  #profile .profile-logout-card-v429 .settings-list{
    grid-template-columns:1fr!important;
  }
  #profile .profile-logout-card-v429 .setting-row{
    min-height:82px!important;
  }

  .mobile-admin-profile-buttons-v429{
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .mobile-admin-profile-buttons-v429[hidden]{display:none!important}
  .mobile-admin-profile-label-v429[hidden]{display:none!important}
  .mobile-admin-profile-button-v429{
    min-width:0!important;
    min-height:82px!important;
    display:grid!important;
    grid-template-columns:36px minmax(0,1fr) 14px!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    gap:2px 7px!important;
    padding:8px!important;
    border:1px solid #dfe8f5!important;
    border-radius:15px!important;
    background:linear-gradient(145deg,#fff,#f5f9ff)!important;
    color:#263750!important;
    text-align:left!important;
  }
  .mobile-admin-profile-button-v429>span{
    grid-row:1/3!important;
    width:36px!important;
    height:36px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:11px!important;
    background:#eaf3ff!important;
    color:#1266f1!important;
    font-size:16px!important;
  }
  .mobile-admin-profile-button-v429>b{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:10px!important;
  }
  .mobile-admin-profile-button-v429>small{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#718096!important;
    font-size:8px!important;
  }
  .mobile-admin-profile-button-v429>i{
    grid-column:3!important;
    grid-row:1/3!important;
    font-style:normal!important;
    color:#9aa8ba!important;
  }
}

@media(max-width:370px){
  #member .member-reward-tabs-v426{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  #profile .settings-list,
  .mobile-admin-profile-buttons-v429{
    grid-template-columns:1fr!important;
  }
  #profile .setting-row{
    min-height:88px!important;
  }
}


@media(max-width:980px){
  html,body{overflow-x:hidden!important;max-width:100%!important}

  .mobile-menu-drawer-v301{
    overflow-x:hidden!important;
    max-width:min(88vw,332px)!important;
  }
  .mobile-menu-list-v428,
  .mobile-admin-profile-buttons-v429{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  .mobile-menu-list-v428 button,
  .mobile-admin-profile-button-v429{
    min-width:0!important;
    width:100%!important;
    height:88px!important;
    min-height:88px!important;
    max-height:88px!important;
    overflow:hidden!important;
  }
  .mobile-menu-list-v428 button>b{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    white-space:normal!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    line-height:1.35!important;
    min-height:30px!important;
    max-height:30px!important;
    overflow-wrap:anywhere!important;
  }
  .mobile-admin-profile-button-v429>b,
  .mobile-admin-profile-button-v429>small{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    white-space:normal!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    line-height:1.3!important;
    overflow-wrap:anywhere!important;
  }
  .mobile-admin-profile-button-v429>b{font-size:9.5px!important}
  .mobile-admin-profile-button-v429>small{font-size:7.5px!important}
  .mobile-menu-list-v428 .mobile-menu-wide-v428{
    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;
  }
  .mobile-menu-list-v428 .mobile-menu-wide-v428>b{
    min-height:0!important;
    max-height:34px!important;
  }

  #home .shop-balance-v301{
    min-height:0!important;
    padding:10px 12px!important;
    border-radius:17px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(158px,.75fr)!important;
    align-items:center!important;
    gap:9px!important;
    box-shadow:0 10px 24px rgba(18,102,241,.15)!important;
  }
  #home .shop-balance-left-v62{
    min-width:0!important;
    gap:9px!important;
  }
  #home .shop-balance-icon-v62{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    border-radius:12px!important;
  }
  #home .shop-balance-left-v62 small{font-size:8px!important}
  #home .shop-balance-left-v62 b{font-size:20px!important;line-height:1.1!important}
  #home .shop-balance-sub-v62{font-size:8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  #home .shop-balance-actions-v62{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:5px!important;
    min-width:0!important;
  }
  #home .shop-cart-summary-v62{
    min-height:24px!important;
    padding:5px 7px!important;
    border-radius:9px!important;
    font-size:8px!important;
    text-align:center!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  #home .shop-balance-actions-v62 .btn{
    min-height:30px!important;
    height:30px!important;
    padding:0 9px!important;
    border-radius:10px!important;
    font-size:9px!important;
  }

  #profile .profile-hero-card-v429{
    background:linear-gradient(135deg,#082f63 0%,#0d5bd7 58%,#3388f2 100%)!important;
    border:0!important;
    box-shadow:0 14px 30px rgba(7,47,99,.24)!important;
  }
  #profile .profile-hero-copy-v429 small,
  #profile .profile-hero-copy-v429 h2,
  #profile .profile-hero-copy-v429 p{opacity:1!important;color:#fff!important}
  #profile .profile-avatar-v429{
    background:#fff!important;
    color:#0d5bd7!important;
    border:0!important;
    box-shadow:0 7px 18px rgba(4,30,70,.18)!important;
  }
  #profile .profile-hero-card-v429 .profile-stat{
    background:#fff!important;
    border:1px solid rgba(255,255,255,.68)!important;
    box-shadow:0 6px 14px rgba(3,31,73,.12)!important;
  }
  #profile .profile-hero-card-v429 .profile-stat span{
    color:#64748b!important;
    font-size:8.5px!important;
    opacity:1!important;
  }
  #profile .profile-hero-card-v429 .profile-stat b{
    color:#13233a!important;
    font-size:12px!important;
  }
  #profile .profile-tools-card-v429,
  #profile .profile-admin-buttons-card-v429,
  #profile .profile-logout-card-v429{
    background:#fff!important;
    border-color:#dbe6f4!important;
  }
  #profile .settings-head{
    color:#15263d!important;
    font-weight:900!important;
    border-bottom:1px solid #e7edf5!important;
  }
  #profile .settings-list{
    grid-auto-rows:1fr!important;
  }
  #profile .setting-row{
    height:118px!important;
    min-height:118px!important;
    max-height:118px!important;
    grid-template-rows:38px minmax(0,1fr) 34px!important;
    overflow:hidden!important;
    background:#f8fbff!important;
    border-color:#dbe6f4!important;
  }
  #profile .setting-row>div:nth-child(2),
  #profile .setting-row>span:nth-child(2){min-width:0!important;overflow:hidden!important}
  #profile .setting-title{
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    color:#17263b!important;
    font-weight:900!important;
    line-height:1.35!important;
  }
  #profile .setting-desc{
    color:#64748b!important;
    -webkit-line-clamp:2!important;
  }
  #profile .setting-action .btn,
  #profile .logout-profile-btn-v42{
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
  }
  #profile .profile-logout-card-v429 .setting-row{
    height:92px!important;
    min-height:92px!important;
    max-height:92px!important;
  }

  #member .member-reward-store-menu-v429{
    top:104px!important;
    padding:6px!important;
  }
  #member .member-reward-tabs-v426 .member-reward-tab-v408{
    height:60px!important;
    min-height:60px!important;
    max-height:60px!important;
  }
  #member .member-reward-panel-v408[hidden],
  #member #memberRewardCouponCodePanelV426[hidden]{display:none!important}
  #member .member-reward-panel-v408:not([hidden]),
  #member #memberRewardCouponCodePanelV426:not([hidden]){
    display:block!important;
    animation:rewardPanelV430 .22s ease both!important;
  }
  #member .member-reward-code-grid-v426{
    display:contents!important;
  }
  @keyframes rewardPanelV430{
    from{opacity:0;transform:translateY(7px)}
    to{opacity:1;transform:none}
  }

  #orders .history-card-v430{
    position:relative!important;
    overflow:hidden!important;
    border:1px solid #e1e8f2!important;
    border-left:4px solid var(--history-accent)!important;
    border-radius:15px!important;
    padding:11px!important;
    background:#fff!important;
    box-shadow:0 7px 18px rgba(24,55,100,.055)!important;
  }
  #orders .history-card-top-v430{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    margin-bottom:7px!important;
  }
  #orders .history-category-v430{
    display:inline-flex!important;
    align-items:center!important;
    min-height:24px!important;
    padding:4px 8px!important;
    border-radius:999px!important;
    background:#eef5ff!important;
    color:#1266f1!important;
    font-size:9px!important;
    font-weight:900!important;
  }
  #orders .history-card-top-v430 small{font-size:8px!important;color:#7b8798!important}
  #orders .history-card-v430 h3{margin:0 0 7px!important;font-size:12px!important;color:#17263b!important}
  #orders .history-detail-v430{margin-top:8px!important;color:#53657d!important;line-height:1.65!important;font-size:9px!important}
  #orders .history-amount-row-v430{padding:6px 0!important}
}

@media(max-width:390px){
  #home .shop-balance-v301{grid-template-columns:minmax(0,1fr) 132px!important}
  #profile .setting-row{height:114px!important;min-height:114px!important;max-height:114px!important}
}


html,body{max-width:100%;overflow-x:hidden}
@media(max-width:980px){
  .container,.container>section,.page,.page>*{min-width:0;max-width:100%}
  .container{overflow:visible!important}
  .page{overflow-x:clip!important}

  .mobile-head-v301{grid-template-columns:44px minmax(0,1fr) auto!important;gap:8px!important}
  .mobile-head-actions-v431{display:flex;align-items:center;gap:6px;min-width:0}
  .mobile-news-button-v431,.mobile-cart-button-v301{
    position:relative!important;width:40px!important;height:40px!important;min-width:40px!important;
    display:grid!important;place-items:center!important;padding:0!important;border-radius:13px!important;
    border:1px solid #d9e5f4!important;background:#fff!important;color:#1266f1!important;
    box-shadow:0 7px 18px rgba(31,93,171,.08)!important;
  }
  .mobile-news-button-v431 svg,.mobile-cart-button-v301 svg{width:22px!important;height:22px!important;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .mobile-news-badge-v431{position:absolute;right:-5px;top:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;border:2px solid #fff;display:grid;place-items:center;font-size:9px;font-weight:900;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums;box-shadow:0 4px 9px rgba(239,68,68,.32)}
  .mobile-news-badge-v431[hidden]{display:none!important}

  .mobile-menu-drawer-v301{width:min(88vw,320px)!important;max-width:320px!important;overflow-x:hidden!important}
  .mobile-menu-list-v301,.mobile-menu-list-v428,.mobile-admin-profile-buttons-v429{min-width:0!important;max-width:100%!important;overflow-x:hidden!important}
  .mobile-menu-list-v428 button,.mobile-admin-profile-button-v429{box-sizing:border-box!important;min-width:0!important;max-width:100%!important}
  .mobile-menu-list-v428 button>b,.mobile-admin-profile-button-v429>b,.mobile-admin-profile-button-v429>small{overflow-wrap:anywhere!important;word-break:break-word!important}

  #profile,#profile .settings-page,#profile .settings-card,#profile .settings-list,#profile .setting-row,#profile .setting-row>*{min-width:0!important;max-width:100%!important}
  #profile .settings-card{overflow:hidden!important}
  #profile .setting-row{width:100%!important;box-sizing:border-box!important}
  #profile .setting-row>div:nth-child(2),#profile .setting-row>span:nth-child(2){overflow:hidden!important}
  #profile .setting-title,#profile .setting-desc,#profile .profile-stat b{overflow-wrap:anywhere!important;word-break:break-word!important}
  #profile .line-connect-card-v104 .settings-list{grid-template-columns:minmax(0,1fr)!important}
  #profile .line-connect-card-v104 .setting-row{height:auto!important;min-height:104px!important;max-height:none!important}
  #profile #lineProfileBoxV104,.line-profile-box-v104{min-width:0!important;max-width:100%!important;overflow:hidden!important}
  .line-profile-box-v104{grid-template-columns:44px minmax(0,1fr)!important;padding:9px!important}
  .line-profile-box-v104 img{width:44px!important;height:44px!important}
  .line-profile-box-v104>div{min-width:0!important;overflow:hidden!important}
  .line-profile-box-v104 b,.line-profile-box-v104 small{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;word-break:normal!important}

  #wallet #walletFeatureDisabled.wallet-deposit-closed-v431{display:block!important;background:#fff1f2!important;border:1px solid #fecaca!important;color:#b91c1c!important;font-weight:900!important}

  #coupons .my-coupon-head-v153{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important}
  #coupons .my-coupon-head-v153 h2{font-size:16px!important}
  #coupons .my-coupon-head-v153 .btn{height:34px!important;min-height:34px!important;padding:0 10px!important;font-size:9px!important}
  #coupons .my-coupon-tools-v131{display:grid!important;grid-template-columns:minmax(0,1fr) 124px!important;gap:7px!important;padding:9px!important;border-radius:15px!important}
  #coupons .my-coupon-tools-v131 .field{margin:0!important;min-width:0!important}
  #coupons .my-coupon-tools-v131 .field:first-child{grid-column:1/-1!important}
  #coupons .my-coupon-tools-v131 label{font-size:8px!important;margin-bottom:3px!important}
  #coupons .my-coupon-tools-v131 input,#coupons .my-coupon-tools-v131 select{height:36px!important;min-height:36px!important;padding:0 9px!important;font-size:10px!important;border-radius:10px!important}
  #coupons .my-coupon-tools-v131>button{height:36px!important;min-height:36px!important;padding:0 7px!important;font-size:9px!important;border-radius:10px!important;align-self:end!important}
  #coupons .my-coupon-result-v131{grid-column:1/-1!important;font-size:8.5px!important;line-height:1.4!important;padding:0 2px!important}
  #couponList{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  #couponList .coupon-clean-card{display:grid!important;grid-template-columns:86px minmax(0,1fr)!important;gap:0!important;min-height:0!important;border-radius:15px!important;overflow:hidden!important;box-shadow:0 7px 17px rgba(26,64,110,.06)!important}
  #couponList .coupon-clean-cover{width:86px!important;height:100%!important;min-height:126px!important;aspect-ratio:auto!important;border:0!important;border-right:1px solid #eef2f7!important}
  #couponList .coupon-clean-cover img{width:100%!important;height:100%!important;object-fit:cover!important}
  #couponList .coupon-clean-body{min-width:0!important;padding:8px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:5px 7px!important;align-content:start!important}
  #couponList .coupon-clean-title{grid-column:1/-1!important;font-size:12px!important;line-height:1.35!important;min-height:0!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  #couponList .coupon-meta{grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:4px!important}
  #couponList .coupon-meta span{min-width:0!important;padding:4px 5px!important;border-radius:8px!important;background:#f8fafc!important}
  #couponList .coupon-meta b{font-size:7px!important}
  #couponList .coupon-meta em{display:block!important;font-size:7.5px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  #couponList .coupon-clean-expiry{grid-column:1/-1!important;margin:0!important;padding:5px 6px!important;border-radius:8px!important;font-size:8px!important;line-height:1.35!important}
  #couponList .urgent{grid-column:1/-1!important;margin:0!important;padding:5px 6px!important;border-radius:8px!important;font-size:8px!important;line-height:1.35!important}
  #couponList .coupon-store-note{grid-column:1/-1!important;font-size:8px!important;line-height:1.4!important;max-height:34px!important;overflow:hidden!important}
  #couponList .coupon-clean-actions{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;margin-top:1px!important}
  #couponList .coupon-clean-actions>button{width:100%!important;min-width:0!important;height:36px!important;min-height:36px!important;max-height:36px!important;padding:0 6px!important;border-radius:10px!important;font-size:9px!important}
  #couponList .my-coupon-share-btn .share-sub{display:none!important}
  #couponList .my-coupon-share-btn .share-main{font-size:9px!important}

  #orders .history-tabs-v431{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;padding:7px!important;border-radius:15px!important;overflow:visible!important}
  #orders .history-tabs-v431 .history-tab{min-width:0!important;width:100%!important;height:48px!important;padding:5px!important;border-radius:11px!important;display:grid!important;grid-template-columns:22px minmax(0,1fr)!important;gap:4px!important;align-items:center!important;text-align:left!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;color:#53657d!important}
  #orders .history-tabs-v431 .history-tab span{font-size:14px!important;text-align:center!important}
  #orders .history-tabs-v431 .history-tab b{font-size:9px!important;line-height:1.25!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  #orders .history-tabs-v431 .history-tab.active{background:linear-gradient(135deg,#1266f1,#4b9cff)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 8px 16px rgba(18,102,241,.2)!important}
  #orders .history-filter{display:grid!important;grid-template-columns:minmax(0,1fr) 46px!important;gap:6px!important;padding:7px!important;border-radius:14px!important}
  #orders .history-filter input{min-width:0!important;height:38px!important;font-size:10px!important}
  #orders .history-filter button{height:38px!important;min-height:38px!important;padding:0!important;font-size:9px!important}
  #orders .history-panel{min-width:0!important;max-width:100%!important}
  #orders .history-card,#orders .coupon-history-item,#orders .discount-wallet-card{min-width:0!important;max-width:100%!important;overflow:hidden!important}
  #orders .history-card .row{min-width:0!important;gap:8px!important}
  #orders .history-card .row>*{min-width:0!important;overflow-wrap:anywhere!important}
}

.admin-news-overlay-v431{position:fixed;inset:0;z-index:2500;display:none;place-items:end center;padding:16px;background:rgba(10,24,43,.58);backdrop-filter:blur(5px)}
.admin-news-overlay-v431.show{display:grid}
.admin-news-box-v431{width:min(440px,100%);max-height:min(78vh,650px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#fff;border-radius:24px 24px 16px 16px;overflow:hidden;box-shadow:0 28px 80px rgba(0,0,0,.3);animation:newsInV431 .22s ease both}
@keyframes newsInV431{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.admin-news-box-v431>header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 17px;background:linear-gradient(135deg,#0d4fb6,#3187ee);color:#fff}
.admin-news-box-v431>header small{font-size:8px;font-weight:900;letter-spacing:.14em;opacity:.78}
.admin-news-box-v431>header h2{margin:2px 0 0;font-size:17px;color:#fff}
.admin-news-box-v431>header button{width:36px;height:36px;border:1px solid rgba(255,255,255,.3);border-radius:11px;background:rgba(255,255,255,.14);color:#fff;font-size:24px;line-height:1}
.admin-news-list-v431{overflow:auto;padding:12px;display:grid;gap:9px;background:#f6f9fd}
.admin-news-item-v431{padding:12px;border:1px solid #dfe8f4;border-radius:15px;background:#fff;box-shadow:0 7px 17px rgba(29,61,104,.05)}
.admin-news-item-v431 h3{margin:0 0 5px;font-size:13px;color:#17263b}
.admin-news-item-v431 p{margin:0;color:#53657d;font-size:11px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
.admin-news-item-v431 small{display:block;margin-top:7px;color:#8a98aa;font-size:8px}
.admin-news-read-v431{margin:10px 12px 12px;min-height:42px;border:0;border-radius:13px;background:linear-gradient(135deg,#1266f1,#4b9cff);color:#fff;font-weight:900;font-size:12px}
@media(min-width:981px){.mobile-news-button-v431{display:none!important}}


@media(max-width:980px){
  .mobile-head-v301{position:relative!important;display:block!important;min-height:48px!important}
  .mobile-menu-button-v301{position:absolute!important;left:0!important;top:0!important;right:auto!important}
  .logo-v301{position:absolute!important;left:52px!important;right:98px!important;top:0!important;width:auto!important;min-width:0!important;justify-content:center!important}
  .mobile-head-actions-v431{position:absolute!important;right:0!important;top:1px!important;left:auto!important;width:auto!important;display:flex!important;align-items:center!important;gap:5px!important}
  .mobile-head-actions-v431 .mobile-news-button-v431,
  .mobile-head-actions-v431 .mobile-cart-button-v301{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;margin:0!important;transform:none!important}
}

@media(max-width:980px){
  body.webshop-v301 .mobile-head-v301{
    position:relative!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) 87px!important;
    align-items:center!important;
    gap:7px!important;
    min-height:44px!important;
  }
  body.webshop-v301 #mobileMenuButtonV301{
    position:static!important;
    inset:auto!important;
    grid-column:1!important;
    justify-self:start!important;
  }
  body.webshop-v301 .logo-v301{
    position:static!important;
    inset:auto!important;
    grid-column:2!important;
    width:auto!important;
    min-width:0!important;
    height:42px!important;
    justify-content:center!important;
  }
  body.webshop-v301 .mobile-head-actions-v431{
    position:static!important;
    inset:auto!important;
    grid-column:3!important;
    justify-self:end!important;
    width:87px!important;
    min-width:87px!important;
    display:flex!important;
    justify-content:flex-end!important;
    align-items:center!important;
    gap:5px!important;
  }
  body.webshop-v301 .mobile-head-actions-v431 .mobile-news-button-v431,
  body.webshop-v301 .mobile-head-actions-v431 .mobile-cart-button-v301{
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    margin:0!important;
    transform:none!important;
    flex:0 0 40px!important;
  }
}


@media(max-width:980px){
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  body.webshop-v301 .container,
  body.webshop-v301 .container>section,
  body.webshop-v301 .page,
  body.webshop-v301 .page>*{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}

  #couponList .coupon-clean-card{
    width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:104px minmax(0,1fr)!important;
    align-items:stretch!important;
    overflow:hidden!important;
  }
  #couponList .coupon-clean-cover{
    width:104px!important;
    height:auto!important;
    min-height:148px!important;
    padding:5px!important;
    display:grid!important;
    place-items:center!important;
    background:#fff!important;
    border-right:1px solid #e8eef6!important;
    overflow:hidden!important;
  }
  #couponList .coupon-clean-cover img{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    background:#fff!important;
  }
  #couponList .coupon-clean-body{
    width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    padding:9px!important;
  }
  #couponList .coupon-clean-title{
    color:#172033!important;
    font-size:12px!important;
    font-weight:900!important;
    line-height:1.4!important;
    overflow-wrap:anywhere!important;
  }
  #couponList .coupon-meta{
    width:100%!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  }
  #couponList .coupon-meta span,
  #couponList .coupon-clean-expiry,
  #couponList .urgent{min-width:0!important;max-width:100%!important;overflow:hidden!important}
  #couponList .coupon-clean-actions{width:100%!important;grid-template-columns:1fr 1fr!important}
  #couponList .coupon-clean-actions>button{height:38px!important;min-height:38px!important;font-size:9.5px!important}

  #profile .profile-mobile-page-v429{gap:10px!important;overflow:visible!important}
  #profile .profile-mobile-page-v429>.settings-card{
    width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    background:#fff!important;
    border:1px solid #dce6f2!important;
    box-shadow:0 8px 22px rgba(24,54,95,.06)!important;
  }
  #profile .profile-hero-card-v429{
    color:#172033!important;
    background:linear-gradient(145deg,#ffffff 0%,#f4f8ff 100%)!important;
    border-top:4px solid #3187ee!important;
  }
  #profile .profile-hero-card-v429::after{
    background:rgba(49,135,238,.08)!important;
  }
  #profile .profile-avatar-v429{
    color:#fff!important;
    background:linear-gradient(135deg,#1266f1,#5aa7ff)!important;
    border:0!important;
    box-shadow:0 8px 18px rgba(18,102,241,.22)!important;
  }
  #profile .profile-hero-copy-v429 small{
    color:#1266f1!important;
    opacity:1!important;
    font-size:9px!important;
  }
  #profile .profile-hero-copy-v429 h2{
    color:#172033!important;
    opacity:1!important;
    font-size:18px!important;
    line-height:1.35!important;
  }
  #profile .profile-hero-copy-v429 p{
    color:#66758a!important;
    opacity:1!important;
    font-size:9.5px!important;
    line-height:1.55!important;
  }
  #profile .profile-hero-card-v429 .profile-summary{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  #profile .profile-hero-card-v429 .profile-stat{
    height:auto!important;
    min-height:58px!important;
    max-height:none!important;
    padding:8px 9px!important;
    background:#fff!important;
    border:1px solid #dce6f2!important;
    border-radius:12px!important;
    overflow:hidden!important;
  }
  #profile .profile-hero-card-v429 .profile-stat:last-child{grid-column:1/-1!important}
  #profile .profile-hero-card-v429 .profile-stat span{
    color:#77869a!important;
    font-size:8px!important;
    line-height:1.3!important;
  }
  #profile .profile-hero-card-v429 .profile-stat b{
    color:#172033!important;
    font-size:12px!important;
    line-height:1.45!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }
  #profile .profile-hero-card-v429 .profile-stat small{display:none!important}
  #profile .settings-head{
    color:#172033!important;
    font-size:13px!important;
    font-weight:900!important;
  }
  #profile .settings-list{
    width:100%!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-items:stretch!important;
  }
  #profile .setting-row{
    width:100%!important;
    height:auto!important;
    min-height:118px!important;
    max-height:none!important;
    padding:10px!important;
    align-content:start!important;
    overflow:hidden!important;
    background:#fff!important;
    border:1px solid #dfe8f3!important;
  }
  #profile .setting-row>div:nth-child(2),
  #profile .setting-row>span:nth-child(2){min-width:0!important;overflow:visible!important}
  #profile .setting-title{
    color:#172033!important;
    font-size:11px!important;
    line-height:1.4!important;
    overflow-wrap:anywhere!important;
  }
  #profile .setting-desc{
    color:#6b7a8e!important;
    font-size:9px!important;
    line-height:1.5!important;
    min-height:27px!important;
    max-height:30px!important;
    overflow:hidden!important;
  }
  #profile .setting-action{
    grid-column:1/-1!important;
    align-self:end!important;
    margin-top:auto!important;
  }
  #profile .setting-action .btn,
  #profile .logout-profile-btn-v42{
    width:100%!important;
    height:38px!important;
    min-height:38px!important;
    padding:0 8px!important;
    font-size:10px!important;
  }

  #lineConnectCardV104 .settings-list{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  #lineConnectCardV104 .setting-row{
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:10px!important;
    overflow:visible!important;
  }
  #lineConnectCardV104 .setting-action{
    grid-column:1/-1!important;
    position:static!important;
    margin-top:4px!important;
  }
  #lineConnectCardV104 .line-note-v104{
    margin-top:5px!important;
    color:#66758a!important;
    font-size:9px!important;
    line-height:1.5!important;
  }
  #lineProfileBoxV104{width:100%!important;min-width:0!important;margin:0!important}
  #lineProfileBoxV104 .line-profile-box-v104{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    grid-template-columns:46px minmax(0,1fr)!important;
    overflow:hidden!important;
  }
  #lineProfileBoxV104 .line-profile-box-v104 b,
  #lineProfileBoxV104 .line-profile-box-v104 small{
    max-width:100%!important;
    color:#172033!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
    line-height:1.45!important;
  }

  .mobile-menu-drawer-v301{
    width:min(90vw,340px)!important;
    max-width:340px!important;
    overflow-x:hidden!important;
  }
  .mobile-menu-list-v428{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .mobile-menu-list-v428 button,
  .mobile-admin-profile-button-v429{
    width:100%!important;
    height:auto!important;
    min-height:88px!important;
    max-height:none!important;
    padding:9px 7px!important;
    overflow:hidden!important;
  }
  .mobile-menu-list-v428 button>b{
    color:#172033!important;
    font-size:12px!important;
    line-height:1.35!important;
    min-height:32px!important;
    max-height:32px!important;
    white-space:normal!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
  }
  .mobile-menu-list-v428 button>span{
    background:#eaf3ff!important;
    color:#1266f1!important;
  }
  .mobile-menu-list-v428 button.active>span{
    background:#3187ee!important;
    color:#fff!important;
  }
  .mobile-admin-profile-button-v429>b{font-size:11px!important;line-height:1.35!important}
  .mobile-admin-profile-button-v429>small{font-size:8.5px!important;line-height:1.4!important;color:#6b7a8e!important}
  .mobile-menu-list-v428 .mobile-menu-wide-v428{
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;
  }
}

@media(max-width:360px){
  #couponList .coupon-clean-card{grid-template-columns:88px minmax(0,1fr)!important}
  #couponList .coupon-clean-cover{width:88px!important;min-height:138px!important;padding:4px!important}
  #couponList .coupon-clean-body{padding:7px!important}
  #couponList .coupon-clean-actions>button{font-size:8.5px!important;padding:0 4px!important}
  #profile .settings-list{grid-template-columns:1fr!important}
  #profile .setting-row{min-height:94px!important}
  .mobile-menu-list-v428{grid-template-columns:1fr 1fr!important}
  .mobile-menu-drawer-v301{width:min(94vw,326px)!important}
}


@media(max-width:980px){
  #coupons .my-coupon-head-v153{
    min-height:34px!important;
    margin:0 0 7px!important;
    padding:0 2px!important;
  }
  #coupons .my-coupon-head-v153 h2{
    font-size:15px!important;
    line-height:1.25!important;
  }
  #coupons .my-coupon-head-v153 .tools{display:none!important}
  #coupons .my-coupon-tools-v131{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 106px 48px!important;
    align-items:end!important;
    gap:6px!important;
    padding:8px!important;
    border-radius:14px!important;
    overflow:hidden!important;
  }
  #coupons .my-coupon-tools-v131 .field{
    grid-column:auto!important;
    min-width:0!important;
    margin:0!important;
  }
  #coupons .my-coupon-tools-v131 label{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
  }
  #coupons .my-coupon-tools-v131 input,
  #coupons .my-coupon-tools-v131 select,
  #coupons .my-coupon-tools-v131>button{
    width:100%!important;
    min-width:0!important;
    height:34px!important;
    min-height:34px!important;
    margin:0!important;
    padding:0 8px!important;
    border-radius:9px!important;
    font-size:9px!important;
    line-height:1!important;
  }
  #coupons .my-coupon-tools-v131 input{
    text-overflow:ellipsis!important;
  }
  #coupons .my-coupon-tools-v131 select{
    padding-right:22px!important;
  }
  #coupons .my-coupon-tools-v131>button{
    padding:0 4px!important;
    white-space:nowrap!important;
  }
  #coupons .my-coupon-result-v131{
    grid-column:1/-1!important;
    margin:0!important;
    padding:1px 2px 0!important;
    font-size:8px!important;
    line-height:1.35!important;
  }

  #profile .profile-mobile-page-v429{
    gap:9px!important;
  }
  #profile .profile-hero-card-v429{
    position:relative!important;
    overflow:hidden!important;
    padding:14px!important;
    border:1px solid #d9e6f7!important;
    border-radius:20px!important;
    background:#fff!important;
    box-shadow:0 12px 28px rgba(31,78,145,.09)!important;
  }
  #profile .profile-hero-card-v429::before{
    content:""!important;
    position:absolute!important;
    inset:0 0 auto!important;
    height:5px!important;
    background:linear-gradient(90deg,#1266f1,#5aa7ff)!important;
  }
  #profile .profile-hero-card-v429::after{
    content:""!important;
    position:absolute!important;
    width:110px!important;
    height:110px!important;
    right:-48px!important;
    top:-45px!important;
    border-radius:50%!important;
    background:#eff6ff!important;
    pointer-events:none!important;
  }
  #profile .profile-hero-top-v429{
    position:relative!important;
    z-index:1!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    margin:2px 0 12px!important;
  }
  #profile .profile-avatar-v429{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    border-radius:14px!important;
    background:linear-gradient(145deg,#1266f1,#4b9cff)!important;
    color:#fff!important;
    box-shadow:0 8px 18px rgba(18,102,241,.22)!important;
  }
  #profile .profile-hero-copy-v429 small{
    color:#1266f1!important;
    font-size:8px!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
  }
  #profile .profile-hero-copy-v429 h2{
    margin:1px 0 1px!important;
    color:#14243b!important;
    font-size:18px!important;
    line-height:1.25!important;
  }
  #profile .profile-hero-copy-v429 p{
    margin:0!important;
    color:#64748b!important;
    font-size:9px!important;
    line-height:1.4!important;
  }
  #profile .profile-summary{
    position:relative!important;
    z-index:1!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    margin:0!important;
  }
  #profile .profile-stat{
    min-width:0!important;
    min-height:58px!important;
    padding:9px 10px!important;
    border:1px solid #e2eaf5!important;
    border-radius:13px!important;
    background:linear-gradient(180deg,#fbfdff,#f5f9ff)!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:3px!important;
  }
  #profile .profile-stat span{
    color:#718096!important;
    font-size:8px!important;
    font-weight:700!important;
    line-height:1.25!important;
  }
  #profile .profile-stat b{
    display:block!important;
    min-width:0!important;
    color:#12233c!important;
    font-size:12px!important;
    font-weight:900!important;
    line-height:1.35!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }
  #profile .profile-stat small{
    display:none!important;
  }

  #profile #lineConnectCardV104{
    padding:12px!important;
    border-radius:18px!important;
  }
  #profile #lineConnectCardV104 .settings-head{
    margin-bottom:8px!important;
    padding-bottom:8px!important;
  }
  #profile #lineConnectCardV104 .settings-list{
    display:grid!important;
    gap:7px!important;
  }
  #profile #lineConnectCardV104 .setting-row{
    min-height:0!important;
    height:auto!important;
    padding:9px!important;
    gap:8px!important;
  }
  #profile #lineConnectCardV104.line-unlinked-v433 .setting-row{
    grid-template-columns:34px minmax(0,1fr) 92px!important;
    padding:8px!important;
  }
  #profile #lineConnectCardV104.line-unlinked-v433 #lineProfileBoxV104{
    display:none!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }
  #profile #lineConnectCardV104.line-connected-v433 #lineProfileBoxV104{
    display:block!important;
    margin:0!important;
  }
  #profile #lineConnectCardV104 .line-note-v104{
    display:none!important;
  }
  #profile #lineConnectCardV104 .setting-desc{
    font-size:9px!important;
    line-height:1.35!important;
  }
  #profile #lineConnectCardV104 .setting-action .btn{
    min-height:34px!important;
    height:34px!important;
    padding:0 8px!important;
    font-size:9px!important;
    white-space:nowrap!important;
  }

  .mobile-menu-drawer-v301{
    width:min(86vw,296px)!important;
    max-width:296px!important;
    padding-bottom:max(14px,env(safe-area-inset-bottom))!important;
  }
  .mobile-menu-head-v301{
    min-height:52px!important;
    padding:8px 10px!important;
  }
  .mobile-menu-brand-v301{font-size:20px!important}
  .mobile-menu-user-v301{
    margin:0 8px 9px!important;
    padding:10px!important;
    border-radius:16px!important;
  }
  .mobile-menu-avatar-v301{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    border-radius:12px!important;
  }
  .mobile-menu-list-v428{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    padding:0 8px 8px!important;
  }
  .mobile-menu-section-label-v428{
    grid-column:1/-1!important;
    margin:4px 1px 0!important;
    font-size:8px!important;
  }
  .mobile-menu-list-v428 button,
  .mobile-admin-profile-button-v429{
    min-height:68px!important;
    height:68px!important;
    padding:7px!important;
    border-radius:14px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:30px auto!important;
    justify-items:center!important;
    align-content:center!important;
    gap:4px!important;
    text-align:center!important;
    overflow:hidden!important;
  }
  .mobile-menu-list-v428 button>span,
  .mobile-admin-profile-button-v429>span{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    border-radius:10px!important;
    font-size:15px!important;
  }
  .mobile-menu-list-v428 button>b,
  .mobile-admin-profile-button-v429>b{
    width:100%!important;
    color:#1e293b!important;
    font-size:10px!important;
    line-height:1.25!important;
    font-weight:900!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  .mobile-menu-list-v428 button>i,
  .mobile-admin-profile-button-v429>i,
  .mobile-admin-profile-button-v429>small{
    display:none!important;
  }
  .mobile-admin-profile-buttons-v429{
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    min-width:0!important;
  }
  .mobile-menu-list-v428 .mobile-menu-wide-v428{
    grid-column:auto!important;
    min-height:68px!important;
    height:68px!important;
    grid-template-columns:1fr!important;
  }
}

@media(max-width:350px){
  #coupons .my-coupon-tools-v131{
    grid-template-columns:minmax(0,1fr) 92px 42px!important;
    gap:5px!important;
    padding:7px!important;
  }
  #coupons .my-coupon-tools-v131 input,
  #coupons .my-coupon-tools-v131 select,
  #coupons .my-coupon-tools-v131>button{
    padding:0 6px!important;
    font-size:8px!important;
  }
  #profile .profile-stat{padding:8px!important}
  #profile .profile-stat b{font-size:11px!important}
  .mobile-menu-drawer-v301{width:min(91vw,286px)!important}
  .mobile-menu-list-v428 button,
  .mobile-admin-profile-button-v429{height:64px!important;min-height:64px!important}
}


@media(max-width:980px){
  html,body{overflow-x:hidden!important}
  #app,main.container,main.container>section,.page,.settings-page{min-width:0!important;max-width:100%!important}

  #coupons .my-coupon-tools-v131{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 78px!important;
    gap:8px!important;
    padding:10px!important;
    border:1px solid #dce8f7!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,#fff,#f7faff)!important;
    box-shadow:0 10px 26px rgba(37,99,235,.07)!important;
    overflow:visible!important;
  }
  #coupons .my-coupon-tools-v131 .field{
    min-width:0!important;
    margin:0!important;
  }
  #coupons .my-coupon-tools-v131 .field:first-child{grid-column:1/-1!important}
  #coupons .my-coupon-tools-v131 .field:nth-child(2){grid-column:1/2!important}
  #coupons .my-coupon-tools-v131 label{
    position:static!important;
    width:auto!important;
    height:auto!important;
    clip:auto!important;
    display:block!important;
    margin:0 0 5px 2px!important;
    color:#5f7189!important;
    font-size:9px!important;
    font-weight:900!important;
    line-height:1.2!important;
  }
  #coupons .my-coupon-tools-v131 input,
  #coupons .my-coupon-tools-v131 select,
  #coupons .my-coupon-tools-v131>button{
    width:100%!important;
    min-width:0!important;
    height:40px!important;
    min-height:40px!important;
    margin:0!important;
    border-radius:12px!important;
    border:1px solid #cfe0f5!important;
    background:#fff!important;
    color:#172b4d!important;
    font-size:11px!important;
    font-weight:800!important;
    box-shadow:none!important;
  }
  #coupons .my-coupon-tools-v131 input{
    padding:0 13px 0 36px!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7f99' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E")!important;
    background-repeat:no-repeat!important;
    background-size:17px!important;
    background-position:12px center!important;
  }
  #coupons .my-coupon-tools-v131 select{padding:0 32px 0 11px!important}
  #coupons .my-coupon-tools-v131>button{
    align-self:end!important;
    padding:0 8px!important;
    color:#1769d2!important;
    background:#edf5ff!important;
    border-color:#bdd7fb!important;
  }
  #coupons .my-coupon-result-v131{
    grid-column:1/-1!important;
    margin:0!important;
    padding:1px 2px 0!important;
    color:#667990!important;
    font-size:9px!important;
    line-height:1.45!important;
  }

  #profile .profile-mobile-page-v429{gap:10px!important}
  #profile .profile-hero-card-v429{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:14px!important;
    border-radius:22px!important;
    border:1px solid #d7e5f7!important;
    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
    box-shadow:0 12px 28px rgba(39,89,154,.10)!important;
  }
  #profile .profile-hero-top-v429{margin:2px 0 12px!important}
  #profile .profile-avatar-v429{
    width:48px!important;height:48px!important;min-width:48px!important;
    border-radius:16px!important;
    background:linear-gradient(145deg,#0f6ff0,#49a0ff)!important;
  }
  #profile .profile-hero-copy-v429 h2{font-size:19px!important;color:#10233f!important}
  #profile .profile-hero-copy-v429 p{font-size:9px!important;color:#657892!important}
  #profile .profile-summary{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    min-height:0!important;
  }
  #profile .profile-stat{
    min-width:0!important;
    min-height:60px!important;
    height:auto!important;
    padding:10px!important;
    border:1px solid #dfE9f6!important;
    border-radius:15px!important;
    background:#fff!important;
    box-shadow:0 5px 14px rgba(34,78,132,.04)!important;
  }
  #profile .profile-stat:nth-child(1),
  #profile .profile-stat:nth-child(2){
    grid-column:1/-1!important;
    min-height:48px!important;
    display:grid!important;
    grid-template-columns:82px minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
  }
  #profile .profile-stat span{font-size:8px!important;color:#728399!important;font-weight:800!important}
  #profile .profile-stat b{font-size:12px!important;color:#10233f!important;font-weight:900!important;line-height:1.35!important}
  #profile .profile-stat:nth-child(1) b,
  #profile .profile-stat:nth-child(2) b{text-align:right!important}

  #profile .profile-tools-card-v429,
  #profile .profile-admin-buttons-card-v429,
  #profile .profile-logout-card-v429{
    padding:12px!important;
    border-radius:20px!important;
    border:1px solid #dce7f4!important;
    background:#fff!important;
  }
  #profile .settings-head{
    min-height:38px!important;
    padding:0 0 9px!important;
    margin:0 0 9px!important;
    color:#12233e!important;
    font-size:14px!important;
  }
  #profile .settings-head .icon{
    width:34px!important;height:34px!important;min-width:34px!important;
    border-radius:12px!important;
    background:#edf5ff!important;
    color:#1769d2!important;
  }
  #profile .settings-list{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  #profile .setting-row{
    min-width:0!important;
    min-height:132px!important;
    height:132px!important;
    padding:11px!important;
    border:1px solid #dce7f4!important;
    border-radius:17px!important;
    background:linear-gradient(180deg,#fff,#f8fbff)!important;
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    grid-template-rows:auto 1fr auto!important;
    align-items:start!important;
    gap:8px!important;
    overflow:hidden!important;
  }
  #profile .setting-icon{
    width:38px!important;height:38px!important;min-width:38px!important;
    display:grid!important;place-items:center!important;
    border-radius:13px!important;
    background:#edf5ff!important;
    color:#1769d2!important;
  }
  #profile .setting-icon svg,
  #profile .settings-head .icon svg{width:19px!important;height:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  #profile .setting-row>div:nth-child(2),
  #profile .setting-row>span:nth-child(2){grid-column:2!important;min-width:0!important}
  #profile .setting-title{font-size:11px!important;line-height:1.35!important;color:#132642!important;font-weight:900!important}
  #profile .setting-desc{
    margin-top:3px!important;
    font-size:8.5px!important;
    line-height:1.45!important;
    color:#728399!important;
    display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;
  }
  #profile .setting-action{
    grid-column:1/-1!important;
    align-self:end!important;
    width:100%!important;
  }
  #profile .setting-action .btn,
  #profile .logout-profile-btn-v42{
    width:100%!important;height:36px!important;min-height:36px!important;
    border-radius:11px!important;font-size:10px!important;
  }
  #profile .profile-logout-card-v429 .settings-list{grid-template-columns:1fr!important}
  #profile .profile-logout-card-v429 .setting-row{height:auto!important;min-height:104px!important}

  .mobile-menu-drawer-v301{width:min(86vw,286px)!important;max-width:286px!important}
  .mobile-menu-list-v428{gap:8px!important;padding:0 10px 12px!important}
  .mobile-menu-list-v428 button,
  .mobile-admin-profile-button-v429{
    min-height:72px!important;height:72px!important;
    border:1px solid #d4e3f6!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 6px 14px rgba(39,87,148,.04)!important;
  }
  .mobile-menu-list-v428 button>span,
  .mobile-admin-profile-button-v429>span{
    width:32px!important;height:32px!important;min-width:32px!important;
    border-radius:11px!important;
    background:#edf5ff!important;
    color:#1769d2!important;
  }
  .mobile-menu-list-v428 button>span svg,
  .mobile-admin-profile-button-v429>span svg{
    width:18px!important;height:18px!important;
    fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;
  }
  .mobile-menu-list-v428 button>b,
  .mobile-admin-profile-button-v429>b{font-size:10px!important;color:#152843!important}
  .mobile-menu-list-v428 button.active{
    border-color:#80b7ff!important;
    background:linear-gradient(180deg,#eef6ff,#e7f2ff)!important;
  }

  [data-menu="wallet"].wallet-closed-v434,
  #walletDesktopNav.wallet-closed-v434{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    border-color:#fecaca!important;
    background:linear-gradient(180deg,#fff5f5,#ffeded)!important;
    color:#b91c1c!important;
    filter:none!important;
  }
  [data-menu="wallet"].wallet-closed-v434>span{background:#fee2e2!important;color:#dc2626!important}
  [data-menu="wallet"].wallet-closed-v434>b{color:#b91c1c!important}
  .wallet-status-v434{
    display:block!important;
    margin-top:2px!important;
    color:#dc2626!important;
    font-size:7.5px!important;
    line-height:1.2!important;
    font-weight:900!important;
  }
  #home .shop-balance-actions-v62 .wallet-home-closed-v434{
    background:#fee2e2!important;color:#b91c1c!important;border:1px solid #fecaca!important;pointer-events:none!important;
  }
}

@media(max-width:360px){
  #profile .profile-stat:nth-child(1),#profile .profile-stat:nth-child(2){grid-template-columns:70px minmax(0,1fr)!important}
  #profile .setting-row{height:126px!important;min-height:126px!important;padding:9px!important}
  .mobile-menu-drawer-v301{width:min(91vw,278px)!important}
  .mobile-menu-list-v428 button,.mobile-admin-profile-button-v429{height:68px!important;min-height:68px!important}
}


#member .member-reward-panel-v408[hidden]{
  display:none!important;
}
#member .member-reward-code-grid-v426>.member-reward-panel-v408:not([hidden]){
  grid-column:1/-1;
}

@media (max-width:980px){
  html,body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:clip!important;
  }
  body,.app,main.container,.page,.page>*{
    min-width:0!important;
  }
  main.container,.page{
    width:100%!important;
    max-width:100%!important;
  }
  img,video,canvas,svg{
    max-width:100%;
  }
  input,textarea,select,button{
    min-width:0;
  }

  #member .member-reward-tabs-v426{
    width:100%!important;
    max-width:100%!important;
  }
  #member .member-reward-tabs-v426 .member-reward-tab-v408{
    width:100%!important;
    max-width:100%!important;
  }
  #member .member-reward-panel-v408:not([hidden]){
    display:block!important;
    width:100%!important;
    max-width:100%!important;
  }

  #profile .profile-hero-card-v429 .profile-summary{
    gap:8px!important;
  }
  #profile .profile-hero-card-v429 .profile-stat{
    --profile-accent:#2878df;
    position:relative!important;
    overflow:hidden!important;
    min-height:66px!important;
    padding:10px 10px 10px 14px!important;
    border:1px solid #d8e5f5!important;
    border-left:4px solid var(--profile-accent)!important;
    border-radius:14px!important;
    background:linear-gradient(145deg,#ffffff 0%,#f5f9ff 100%)!important;
    box-shadow:0 5px 14px rgba(35,79,134,.06)!important;
  }
  #profile .profile-hero-card-v429 .profile-stat:nth-child(2){--profile-accent:#7c3aed}
  #profile .profile-hero-card-v429 .profile-stat:nth-child(3){--profile-accent:#16a34a}
  #profile .profile-hero-card-v429 .profile-stat:nth-child(4){--profile-accent:#ea580c}
  #profile .profile-hero-card-v429 .profile-stat:nth-child(5){--profile-accent:#0891b2}
  #profile .profile-hero-card-v429 .profile-stat:nth-child(6){--profile-accent:#ca8a04}
  #profile .profile-hero-card-v429 .profile-stat::after{
    content:"";
    position:absolute;
    width:36px;
    height:36px;
    right:-17px;
    top:-17px;
    border-radius:50%;
    background:color-mix(in srgb,var(--profile-accent) 14%,transparent);
    pointer-events:none;
  }
  #profile .profile-hero-card-v429 .profile-stat span{
    display:inline-flex!important;
    align-items:center!important;
    width:max-content!important;
    max-width:100%!important;
    min-height:21px!important;
    padding:3px 7px!important;
    border-radius:999px!important;
    background:color-mix(in srgb,var(--profile-accent) 11%,#fff)!important;
    color:var(--profile-accent)!important;
    font-size:9px!important;
    font-weight:900!important;
    line-height:1.2!important;
  }
  #profile .profile-hero-card-v429 .profile-stat b{
    display:block!important;
    width:100%!important;
    margin-top:6px!important;
    color:#10233f!important;
    font-size:13px!important;
    font-weight:900!important;
    line-height:1.35!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  #profile .profile-hero-card-v429 .profile-stat:nth-child(1),
  #profile .profile-hero-card-v429 .profile-stat:nth-child(2){
    grid-template-columns:1fr!important;
    align-content:center!important;
    gap:0!important;
    min-height:66px!important;
  }
  #profile .profile-hero-card-v429 .profile-stat:nth-child(1) b,
  #profile .profile-hero-card-v429 .profile-stat:nth-child(2) b{
    text-align:left!important;
  }
  #profile .profile-hero-card-v429 .profile-stat small{
    display:none!important;
  }
}

@media (max-width:360px){
  #profile .profile-hero-card-v429 .profile-stat{
    min-height:62px!important;
    padding:9px 8px 9px 11px!important;
  }
  #profile .profile-hero-card-v429 .profile-stat span{
    font-size:8.5px!important;
  }
  #profile .profile-hero-card-v429 .profile-stat b{
    font-size:12px!important;
  }
}

@media (max-width:980px){
  #home .shop-balance-v62,
  #member .member-reward-hero-v426{
    overflow:hidden!important;
  }
  #profile .profile-hero-card-v429{
    padding:12px!important;
  }
  #profile .profile-hero-card-v429 .profile-summary{
    padding:0!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  #profile .profile-hero-card-v429 .profile-stat{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:4px!important;
    min-height:56px!important;
    padding:9px 9px 9px 12px!important;
  }
  #profile .profile-hero-card-v429 .profile-stat:nth-child(1),
  #profile .profile-hero-card-v429 .profile-stat:nth-child(2){
    grid-column:1/-1!important;
    min-height:56px!important;
  }
  #profile .profile-hero-card-v429 .profile-stat:nth-child(n+3),
  #profile .profile-hero-card-v429 .profile-stat:last-child{
    grid-column:auto!important;
  }
  #profile .profile-hero-card-v429 .profile-stat span{
    min-height:19px!important;
    padding:2px 7px!important;
  }
  #profile .profile-hero-card-v429 .profile-stat b{
    margin-top:1px!important;
  }
}

@media (max-width:980px){
  #profile .profile-hero-card-v429 .profile-stat{
    border-color:color-mix(in srgb,var(--profile-accent) 30%,#d8e5f5)!important;
    background:linear-gradient(145deg,color-mix(in srgb,var(--profile-accent) 8%,#ffffff),#ffffff 76%)!important;
    box-shadow:0 5px 12px color-mix(in srgb,var(--profile-accent) 10%,transparent),inset 0 0 0 1px rgba(255,255,255,.75)!important;
  }
}


#hamburgerMenuV191,#topHamburgerV192,
#customerMenuRootV197,#customerMenuBackdropV197,#customerMenuSheetV197,
#customerMenuRootV198,#customerMenuBackdropV198,#customerMenuSheetV198,
#menuBackdropV195{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
@media(max-width:980px){
  .mobile-menu-list-v301 button,
  .mobile-menu-list-v428 button,
  .mobile-admin-profile-button-v429{
    animation:none!important;
    transition:none!important;
    transform:none!important;
    -webkit-tap-highlight-color:transparent!important;
    backface-visibility:hidden!important;
  }
  .mobile-menu-list-v301 button:active,
  .mobile-menu-list-v428 button:active,
  .mobile-admin-profile-button-v429:active{
    transform:none!important;
    filter:none!important;
  }
  .mobile-menu-list-v301 button>span,
  .mobile-menu-list-v428 button>span,
  .mobile-admin-profile-button-v429>span,
  .mobile-menu-list-v301 button>b,
  .mobile-menu-list-v428 button>b,
  .mobile-admin-profile-button-v429>b{
    transition:none!important;
    animation:none!important;
  }
}


.admin-news-overlay-v431.show-v437,
html.admin-news-open-v437 .admin-news-overlay-v431.show{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  z-index:2147483000!important;
}
.admin-news-overlay-v431.show-v437 .admin-news-box-v431{
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
}

@media(max-width:980px){
  body.webshop-v301 .mobile-head-v301{
    position:relative!important;
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) 88px!important;
    align-items:center!important;
    min-height:44px!important;
    gap:0!important;
  }
  body.webshop-v301 #mobileMenuButtonV301{
    grid-column:1!important;
    justify-self:center!important;
    align-self:center!important;
    z-index:3!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
  }
  body.webshop-v301 .mobile-head-v301 .logo-v301{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    top:50%!important;
    bottom:auto!important;
    width:min(48vw,190px)!important;
    max-width:calc(100% - 188px)!important;
    height:42px!important;
    min-width:0!important;
    margin:0!important;
    transform:translate(-50%,-50%)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    pointer-events:none!important;
    z-index:1!important;
  }
  body.webshop-v301 .mobile-head-v301 .logo-v301 #headerSiteName{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    line-height:1.2!important;
  }
  body.webshop-v301 .mobile-head-actions-v431{
    grid-column:3!important;
    justify-self:center!important;
    align-self:center!important;
    width:88px!important;
    min-width:88px!important;
    display:grid!important;
    grid-template-columns:40px 40px!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    z-index:3!important;
  }
  body.webshop-v301 .mobile-head-actions-v431 .mobile-news-button-v431,
  body.webshop-v301 .mobile-head-actions-v431 .mobile-cart-button-v301{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    align-self:center!important;
    justify-self:center!important;
    line-height:0!important;
  }
  body.webshop-v301 .mobile-head-actions-v431 button>svg,
  body.webshop-v301 #mobileMenuButtonV301 svg{
    display:block!important;
    margin:auto!important;
    transform:none!important;
    transform-origin:center!important;
  }
  body.webshop-v301 .mobile-menu-bars-v428{
    position:static!important;
    inset:auto!important;
    width:22px!important;
    height:18px!important;
    margin:auto!important;
    display:grid!important;
    align-content:center!important;
    justify-items:center!important;
    gap:4px!important;
    transform:none!important;
  }
  body.webshop-v301 .mobile-menu-bars-v428 i{
    position:static!important;
    display:block!important;
    width:20px!important;
    height:2px!important;
    margin:0!important;
    transform:none!important;
  }

  .mobile-menu-head-v301{
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr) 38px!important;
    align-items:center!important;
    gap:4px!important;
  }
  .mobile-menu-brand-v301{
    grid-column:2!important;
    justify-self:center!important;
    width:100%!important;
    min-width:0!important;
    text-align:center!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .mobile-menu-head-v301>button{
    grid-column:3!important;
    justify-self:center!important;
    align-self:center!important;
    display:grid!important;
    place-items:center!important;
    margin:0!important;
    padding:0!important;
    line-height:1!important;
  }

  .mobile-menu-list-v301 button>span,
  .mobile-menu-list-v428 button>span,
  .mobile-admin-profile-button-v429>span{
    display:grid!important;
    place-items:center!important;
    align-self:center!important;
    justify-self:center!important;
    line-height:0!important;
    text-align:center!important;
    padding:0!important;
  }
  .mobile-menu-list-v301 button>span svg,
  .mobile-menu-list-v428 button>span svg,
  .mobile-admin-profile-button-v429>span svg{
    display:block!important;
    margin:auto!important;
    transform:none!important;
    transform-origin:center!important;
  }
  .mobile-menu-list-v301 button>b,
  .mobile-menu-list-v428 button>b,
  .mobile-admin-profile-button-v429>b{
    justify-self:center!important;
    align-self:center!important;
    text-align:center!important;
    margin:0!important;
  }
}

@media(max-width:350px){
  body.webshop-v301 .mobile-head-v301{grid-template-columns:42px minmax(0,1fr) 82px!important}
  body.webshop-v301 .mobile-head-actions-v431{width:82px!important;min-width:82px!important;grid-template-columns:38px 38px!important;gap:4px!important}
  body.webshop-v301 .mobile-head-actions-v431 .mobile-news-button-v431,
  body.webshop-v301 .mobile-head-actions-v431 .mobile-cart-button-v301{width:38px!important;height:38px!important;min-width:38px!important}
  body.webshop-v301 .mobile-head-v301 .logo-v301{max-width:calc(100% - 174px)!important}
}

@media(max-width:980px){
  body.webshop-v301 .mobile-head-v301 .logo-v301 #headerSiteName{
    display:block!important;
    box-sizing:border-box!important;
  }
}

@media(max-width:980px){
  body.webshop-v301 .mobile-head-v301 .logo-v301{
    grid-column:1 / -1!important;
    grid-row:1!important;
  }
}

.topup-premium-page-v438{
  --topup-dark:#101828;
  --topup-dark-2:#1d2939;
  --topup-soft:#f7f9fc;
  --topup-line:#e7edf5;
  --topup-success:#12b76a;
  max-width:100%;
  overflow:hidden;
}
.topup-premium-page-v438 .topup-hero-v438{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:22px;
  min-height:210px;
  margin:0 0 18px;
  padding:30px 32px;
  border:0;
  border-radius:26px;
  color:#fff;
  background:
    radial-gradient(circle at 85% 12%,rgba(255,255,255,.18),transparent 28%),
    linear-gradient(135deg,var(--topup-dark) 0%,#203a62 58%,var(--orange) 145%);
  box-shadow:0 24px 58px rgba(16,24,40,.22);
}
.topup-hero-copy-v438{position:relative;z-index:2;min-width:0}
.topup-eyebrow-v438{
  display:inline-flex;align-items:center;gap:7px;
  margin-bottom:10px;padding:6px 10px;border:1px solid rgba(255,255,255,.2);
  border-radius:999px;background:rgba(255,255,255,.09);backdrop-filter:blur(10px);
  color:rgba(255,255,255,.88);font-size:10px;font-weight:900;letter-spacing:1.4px
}
.topup-live-dot-v438{width:7px;height:7px;border-radius:50%;background:#47e6a1;box-shadow:0 0 0 5px rgba(71,230,161,.12)}
.topup-premium-page-v438 .topup-hero-v438 h2{
  margin:0;color:#fff;font-size:34px;line-height:1.15;letter-spacing:-.5px
}
.topup-hero-copy-v438>p{max-width:620px;margin:9px 0 16px;color:rgba(255,255,255,.72);font-size:13px;line-height:1.75}
.topup-trust-row-v438{display:flex;flex-wrap:wrap;gap:9px 16px}
.topup-trust-row-v438 span{display:inline-flex;align-items:center;gap:6px;color:rgba(255,255,255,.88);font-size:11px;font-weight:800}
.topup-trust-row-v438 svg{width:16px;height:16px;fill:#73f0b7}
.topup-balance-card-v438{
  position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;
  width:230px;min-height:132px;padding:20px;border:1px solid rgba(255,255,255,.2);
  border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.07));
  box-shadow:inset 0 1px rgba(255,255,255,.16);backdrop-filter:blur(14px)
}
.topup-balance-card-v438>span{color:rgba(255,255,255,.7);font-size:11px;font-weight:800}
.topup-balance-card-v438>b{margin:5px 0 7px;color:#fff;font-size:30px;line-height:1.15;word-break:break-word}
.topup-balance-card-v438>small{display:flex;align-items:center;gap:6px;color:#8ff3c3;font-size:10px;font-weight:800;line-height:1.45}
.topup-balance-card-v438>small::before{content:"";width:7px;height:7px;border-radius:50%;background:#47e6a1;box-shadow:0 0 0 4px rgba(71,230,161,.1)}
.topup-balance-card-v438>small.is-closed-v438{color:#ffd4d4}
.topup-balance-card-v438>small.is-closed-v438::before{background:#ff7a7a}
.topup-orb-v438{position:absolute;border-radius:50%;pointer-events:none;filter:blur(.2px)}
.topup-orb-one-v438{right:-62px;bottom:-100px;width:230px;height:230px;background:rgba(255,255,255,.07)}
.topup-orb-two-v438{left:48%;top:-110px;width:190px;height:190px;border:34px solid rgba(255,255,255,.035)}

.topup-premium-page-v438 .topup-tabs-v130{
  position:relative;z-index:3;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;
  margin:-38px 20px 22px;padding:8px;border:1px solid rgba(231,237,245,.9);
  border-radius:20px;background:rgba(255,255,255,.94);box-shadow:0 18px 38px rgba(16,24,40,.12);backdrop-filter:blur(14px)
}
.topup-premium-page-v438 .topup-tabs-v130.only-one-v438{grid-template-columns:1fr}
.topup-premium-page-v438 .topup-tab-v130{
  position:relative;min-width:0;min-height:72px;padding:12px 14px;border:1px solid transparent;
  border-radius:15px;background:transparent;color:#344054;box-shadow:none;transition:background .18s ease,border-color .18s ease,color .18s ease
}
.topup-premium-page-v438 .topup-tab-v130:hover{background:#f8fafc;border-color:#e4eaf2;transform:none}
.topup-premium-page-v438 .topup-tab-v130>span{
  width:42px;height:42px;border-radius:14px;background:#eef4ff;color:#344054;font-size:20px
}
.topup-premium-page-v438 .topup-tab-v130 b{display:block;min-width:0;font-size:13px;line-height:1.35}
.topup-premium-page-v438 .topup-tab-v130 small{color:#667085;font-size:10px;white-space:normal}
.topup-premium-page-v438 .topup-tab-v130.active{
  color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--orange),var(--orange2));box-shadow:0 10px 24px rgba(var(--v400-primary-rgb,49,135,238),.24)
}
.topup-premium-page-v438 .topup-tab-v130.active>span{background:rgba(255,255,255,.18);color:#fff}
.topup-premium-page-v438 .topup-tab-v130.active small{color:rgba(255,255,255,.82)}
.topup-premium-page-v438 .topup-tab-v130[hidden]{display:none!important}

.topup-step-head-v438{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:4px 0 14px;padding:0 3px}
.topup-step-head-v438>div:first-child>span,.topup-code-kicker-v438{display:block;margin-bottom:4px;color:var(--orange);font-size:10px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}
.topup-step-head-v438 h3{margin:0;color:#101828;font-size:20px}
.topup-step-head-v438 p{margin:5px 0 0;color:#667085;font-size:12px;line-height:1.6}
.topup-step-badge-v438{flex:0 0 auto;padding:7px 11px;border-radius:999px;background:#ecfdf3;color:#027a48;font-size:10px;font-weight:900}

.topup-supported-banks-v438{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:8px;margin:0 0 14px}
.topup-supported-bank-item-v438{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:10px 6px;border:1px solid #e7edf5;border-radius:14px;background:#fff;box-shadow:0 8px 18px rgba(16,24,40,.04)}
.topup-supported-bank-item-v438 img{display:block;width:34px;height:34px;object-fit:contain}
.topup-supported-bank-item-v438 span{color:#667085;font-size:9px;font-weight:800;line-height:1.3;text-align:center}
.topup-supported-bank-item-v438.active{border-color:rgba(var(--v400-primary-rgb,49,135,238),.38);background:rgba(var(--v400-primary-rgb,49,135,238),.065);box-shadow:0 10px 22px rgba(var(--v400-primary-rgb,49,135,238),.12)}
.topup-supported-bank-item-v438.active span{color:var(--orange)}
.topup-premium-page-v438 .topup-bank-grid-v438{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:14px;margin-bottom:0}
.topup-premium-page-v438 .topup-bank-grid-v438>.card{margin:0;border:1px solid var(--topup-line);border-radius:22px;padding:18px;box-shadow:0 12px 30px rgba(16,24,40,.07)}
.topup-card-label-v438{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.topup-card-label-v438>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#f2f4f7;color:#344054;font-size:11px;font-weight:900}
.topup-card-label-v438>div{min-width:0}
.topup-card-label-v438 b{display:block;color:#101828;font-size:14px}
.topup-card-label-v438 small{display:block;margin-top:1px;color:#98a2b3;font-size:10px;line-height:1.45}

.topup-premium-page-v438 .topup-account-box-v438{
  position:relative;overflow:hidden;display:grid;gap:0;padding:18px;border:0;border-radius:19px;
  color:#fff;background:
    radial-gradient(circle at 100% 0,rgba(255,255,255,.13),transparent 32%),
    linear-gradient(145deg,#101828,#293b5f);box-shadow:0 16px 34px rgba(16,24,40,.22)
}
.topup-account-box-v438::after{content:"";position:absolute;right:-42px;bottom:-64px;width:150px;height:150px;border:28px solid rgba(255,255,255,.035);border-radius:50%;pointer-events:none}
.topup-bank-brand-v438{position:relative;z-index:1;display:flex;align-items:center;gap:10px;margin-bottom:10px}
.topup-bank-logo-v438{position:relative;z-index:1;display:grid;place-items:center;overflow:hidden;width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.12)}
.topup-bank-logo-v438 img{display:block;width:100%;height:100%;object-fit:contain;background:#fff;border-radius:inherit;padding:2px}
.topup-bank-logo-v438 svg{width:23px;height:23px;fill:#fff}
.topup-bank-chip-v438{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 11px;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;font-size:11px;font-weight:900;letter-spacing:.3px}
.topup-premium-page-v438 .topup-account-box-v438 .bank-account-row{position:relative;z-index:1;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.topup-premium-page-v438 .topup-account-box-v438 .bank-account-row span{color:rgba(255,255,255,.58);font-size:11px}
.topup-premium-page-v438 .topup-account-box-v438 .bank-account-row b{max-width:66%;color:#fff;font-size:12px;text-align:right}
.topup-premium-page-v438 .topup-account-box-v438 .topup-account-number-row-v438 b{font-size:19px;letter-spacing:1px}
.topup-copy-account-v438{position:relative;z-index:1;display:flex!important;align-items:center;justify-content:center;gap:8px;margin-top:12px!important;background:#fff!important;color:#101828!important;border:0!important;min-height:44px}
.topup-copy-account-v438 svg{width:18px;height:18px;fill:currentColor}
.topup-bank-note-v438{position:relative;z-index:1;display:flex;align-items:flex-start;gap:7px;margin-top:10px;color:rgba(255,255,255,.68);font-size:10px;line-height:1.55}
.topup-bank-note-v438>span{display:grid;place-items:center;flex:0 0 auto;width:17px;height:17px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-weight:900}
.topup-bank-note-v438[hidden]{display:none!important}

.topup-premium-page-v438 .topup-proof-card-v438{border:1px solid var(--topup-line)!important;background:#fff!important}
.topup-premium-page-v438 .topup-proof-card-v438 h3{color:#101828}
.topup-form-v438{display:grid;gap:11px}
.topup-premium-page-v438 .topup-form-v438 .field{margin:0}
.topup-premium-page-v438 .topup-form-v438 label{color:#344054;font-size:11px;font-weight:900}
.topup-input-shell-v438{display:flex;align-items:center;overflow:hidden;margin-top:6px;border:1px solid #d9e1ec;border-radius:13px;background:#f9fbfd;transition:border-color .18s ease,box-shadow .18s ease}
.topup-input-shell-v438:focus-within{border-color:var(--orange);box-shadow:0 0 0 4px rgba(var(--v400-primary-rgb,49,135,238),.09);background:#fff}
.topup-input-shell-v438>span{display:grid;place-items:center;width:46px;align-self:stretch;background:#eef2f6;color:#344054;font-size:18px;font-weight:900}
.topup-premium-page-v438 .topup-input-shell-v438 input{height:48px;border:0!important;border-radius:0!important;background:transparent!important;font-size:18px;font-weight:900;padding:0 13px!important;box-shadow:none!important}
.topup-quick-amounts-v438{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.topup-quick-amounts-v438 button{height:35px;border:1px solid #e4eaf2;border-radius:10px;background:#fff;color:#475467;font-size:10px;font-weight:900}
.topup-quick-amounts-v438 button:hover,.topup-quick-amounts-v438 button.active{border-color:rgba(var(--v400-primary-rgb,49,135,238),.35);background:rgba(var(--v400-primary-rgb,49,135,238),.07);color:var(--orange)}
.topup-premium-page-v438 #depositSlip{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.topup-upload-zone-v438{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:104px;margin-top:6px;padding:14px;border:1.5px dashed #cbd5e1;border-radius:15px;background:#f8fafc;text-align:center;cursor:pointer;transition:border-color .18s ease,background .18s ease}
.topup-upload-zone-v438:hover,.topup-upload-zone-v438.has-file-v438{border-color:var(--orange);background:rgba(var(--v400-primary-rgb,49,135,238),.045)}
.topup-upload-zone-v438 svg{width:27px;height:27px;fill:var(--orange)}
.topup-upload-zone-v438 b{color:#344054;font-size:12px}
.topup-upload-zone-v438 span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#98a2b3;font-size:9px}
.topup-upload-zone-v438.has-file-v438 span{color:#027a48;font-weight:800}
.topup-submit-v438{display:flex!important;align-items:center;justify-content:center;gap:8px;min-height:48px;margin-top:1px;border-radius:13px!important;background:linear-gradient(135deg,var(--orange),var(--orange2))!important;box-shadow:0 10px 22px rgba(var(--v400-primary-rgb,49,135,238),.23)}
.topup-submit-v438 svg{width:18px;height:18px;fill:#fff}
.topup-form-help-v438{display:flex;align-items:center;justify-content:center;gap:6px;color:#667085;font-size:9px;font-weight:700}
.topup-form-help-v438>span{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#ecfdf3;color:#027a48;font-size:10px}

.topup-premium-page-v438 .topup-code-card-v438{position:relative;overflow:hidden;max-width:820px;margin:0 auto;padding:24px;border:1px solid #e7edf5;border-radius:24px;background:linear-gradient(145deg,#fff,#f7f9ff);box-shadow:0 18px 42px rgba(16,24,40,.09);text-align:left}
.topup-code-visual-v438{position:absolute;right:22px;top:20px;display:flex;align-items:center;gap:8px}
.topup-code-visual-v438 .credit-code-icon{display:grid;place-items:center;width:52px;height:52px;margin:0;border-radius:17px;background:linear-gradient(135deg,#7f56d9,#b692f6);box-shadow:0 12px 24px rgba(127,86,217,.25);font-size:25px}
.topup-code-visual-v438>span{writing-mode:vertical-rl;color:#b0b8c5;font-size:8px;font-weight:900;letter-spacing:1.5px}
.topup-code-copy-v438{max-width:610px;padding-right:80px}
.topup-premium-page-v438 .topup-code-copy-v438 h2{margin:0;color:#101828;font-size:25px;text-align:left}
.topup-premium-page-v438 .topup-code-copy-v438 p{margin:6px 0 18px;color:#667085;text-align:left;line-height:1.65}
.topup-code-field-v438{max-width:610px}
.topup-code-input-shell-v438{display:flex;align-items:center;overflow:hidden;margin-top:6px;border:1px solid #d9e1ec;border-radius:14px;background:#fff}
.topup-code-input-shell-v438:focus-within{border-color:#7f56d9;box-shadow:0 0 0 4px rgba(127,86,217,.09)}
.topup-premium-page-v438 .topup-code-input-shell-v438 input{height:50px;border:0!important;box-shadow:none!important;background:transparent!important;font-size:14px;font-weight:900;letter-spacing:.7px;text-transform:uppercase}
.topup-code-input-shell-v438>span{padding:6px 10px;margin-right:8px;border-radius:8px;background:#f4f3ff;color:#6941c6;font-size:9px;font-weight:900;letter-spacing:1px}
.topup-code-submit-v438{max-width:610px;min-height:48px;margin-top:11px!important;border-radius:13px!important;background:linear-gradient(135deg,#6941c6,#9e77ed)!important;box-shadow:0 10px 22px rgba(105,65,198,.23)}
.topup-recent-v438{margin-top:22px;padding-top:18px;border-top:1px solid #edf0f5}
.topup-disabled-v438{display:flex!important;align-items:center;gap:12px;max-width:650px;margin:24px auto;padding:17px;border:1px solid #fecaca;border-radius:18px;background:linear-gradient(135deg,#fff1f2,#fff);text-align:left;box-shadow:0 12px 28px rgba(185,28,28,.08)}
.topup-disabled-v438.feature-hidden,.topup-disabled-v438[hidden]{display:none!important}
.topup-disabled-icon-v438{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:14px;background:#ef4444;color:#fff;font-size:20px;font-weight:900}
.topup-disabled-v438 b{display:block;color:#991b1b;font-size:13px}
.topup-disabled-v438 span{display:block;margin-top:2px;color:#b42318;font-size:10px;line-height:1.55}

@media(max-width:980px){
  .topup-premium-page-v438 .topup-hero-v438{grid-template-columns:1fr;min-height:0;padding:23px 20px 56px;border-radius:22px}
  .topup-premium-page-v438 .topup-hero-v438 h2{font-size:28px}
  .topup-balance-card-v438{width:100%;min-height:94px;padding:15px 17px}
  .topup-balance-card-v438>b{font-size:25px}
  .topup-premium-page-v438 .topup-tabs-v130{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin:-38px 10px 18px;padding:6px;border-radius:17px}
  .topup-premium-page-v438 .topup-tabs-v130.only-one-v438{grid-template-columns:1fr!important}
  .topup-premium-page-v438 .topup-tab-v130{min-height:66px;padding:9px;gap:7px;border-radius:13px;text-align:left}
  .topup-premium-page-v438 .topup-tab-v130>span{width:36px;height:36px;border-radius:12px;font-size:17px}
  .topup-premium-page-v438 .topup-tab-v130 b{font-size:11px}
  .topup-premium-page-v438 .topup-tab-v130 small{display:none}
  .topup-premium-page-v438 .topup-bank-grid-v438{grid-template-columns:1fr;gap:12px}
  .topup-premium-page-v438 .topup-bank-grid-v438>.card{padding:14px;border-radius:18px}
  .topup-step-head-v438{padding:0 2px}
  .topup-step-head-v438 h3{font-size:17px}
  .topup-step-head-v438 p{font-size:10px}
  .topup-step-badge-v438{padding:6px 9px;font-size:9px}
  .topup-premium-page-v438 .topup-account-box-v438{padding:15px;border-radius:16px}
  .topup-premium-page-v438 .topup-account-box-v438 .topup-account-number-row-v438 b{font-size:17px}
  .topup-quick-amounts-v438{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
  .topup-quick-amounts-v438 button{padding:0 3px;font-size:9px}
  .topup-premium-page-v438 .topup-code-card-v438{padding:19px 15px;border-radius:20px}
  .topup-code-visual-v438{right:14px;top:15px}
  .topup-code-visual-v438 .credit-code-icon{width:45px;height:45px;border-radius:15px;font-size:22px}
  .topup-code-copy-v438{padding-right:62px}
  .topup-premium-page-v438 .topup-code-copy-v438 h2{font-size:21px}
  .topup-premium-page-v438 .topup-code-copy-v438 p{font-size:11px}
}
@media(max-width:365px){
  .topup-trust-row-v438{display:grid;gap:6px}
  .topup-premium-page-v438 .topup-tabs-v130{grid-template-columns:1fr!important}
  .topup-premium-page-v438 .topup-tab-v130{min-height:58px}
  .topup-premium-page-v438 .topup-tab-v130 small{display:block;font-size:9px}
  .topup-quick-amounts-v438{grid-template-columns:repeat(2,1fr)}
}

:root{--webshop-version:"446-mobile-news-box-only"}


.topup-premium-page-v438{
  --topup-dark:#ffffff;
  --topup-dark-2:#f6f9fd;
  --topup-soft:#f8fbff;
  --topup-line:#e3eaf3;
  --topup-success:#12b76a;
  padding-bottom:8px;
  background:linear-gradient(180deg,#fbfdff 0%,#f6f9fd 100%);
  border-radius:28px;
}

.topup-supported-banks-v438{display:none!important}

.topup-premium-page-v438 .topup-hero-v438{
  color:#101828;
  border:1px solid #e3eaf3;
  background:
    radial-gradient(circle at 88% 12%,rgba(var(--v400-primary-rgb,49,135,238),.10),transparent 30%),
    radial-gradient(circle at 8% 100%,rgba(49,135,238,.07),transparent 34%),
    linear-gradient(135deg,#ffffff 0%,#f6f9fd 62%,#fff 100%);
  box-shadow:0 18px 44px rgba(16,24,40,.09);
}
.topup-eyebrow-v438{
  color:var(--orange);
  border-color:rgba(var(--v400-primary-rgb,49,135,238),.20);
  background:rgba(var(--v400-primary-rgb,49,135,238),.07);
  backdrop-filter:none;
}
.topup-live-dot-v438{background:#12b76a;box-shadow:0 0 0 5px rgba(18,183,106,.12)}
.topup-premium-page-v438 .topup-hero-v438 h2{color:#101828}
.topup-hero-copy-v438>p{color:#667085}
.topup-trust-row-v438 span{color:#475467}
.topup-trust-row-v438 svg{fill:#12b76a}
.topup-orb-one-v438{background:rgba(var(--v400-primary-rgb,49,135,238),.055)}
.topup-orb-two-v438{border-color:rgba(49,135,238,.045)}

.topup-balance-card-v438{
  border:1px solid #dce5ef;
  background:rgba(255,255,255,.92);
  box-shadow:0 14px 34px rgba(16,24,40,.09),inset 0 1px #fff;
  backdrop-filter:none;
}
.topup-balance-card-v438>span{color:#667085}
.topup-balance-card-v438>b{color:var(--orange)}
.topup-balance-card-v438>small{color:#027a48}
.topup-balance-card-v438>small.is-closed-v438{color:#b42318}

.topup-premium-page-v438 .topup-tabs-v130{
  border-color:#e3eaf3;
  background:#fff;
  box-shadow:0 14px 34px rgba(16,24,40,.09);
}
.topup-premium-page-v438 .topup-tab-v130{background:#f8fafc;color:#344054}
.topup-premium-page-v438 .topup-tab-v130:hover{background:#f2f6fb}
.topup-premium-page-v438 .topup-tab-v130.active{
  color:var(--orange);
  border-color:rgba(var(--v400-primary-rgb,49,135,238),.22);
  background:rgba(var(--v400-primary-rgb,49,135,238),.075);
  box-shadow:none;
}
.topup-premium-page-v438 .topup-tab-v130.active>span{
  color:var(--orange);
  background:rgba(var(--v400-primary-rgb,49,135,238),.11);
}
.topup-premium-page-v438 .topup-tab-v130.active small{color:#667085}

.topup-premium-page-v438 .topup-bank-grid-v438>.card,
.topup-premium-page-v438 .topup-proof-card-v438{
  border-color:#e3eaf3!important;
  background:#fff!important;
  box-shadow:0 12px 30px rgba(16,24,40,.065);
}

.topup-premium-page-v438 .topup-account-box-v438{
  color:#101828;
  border:1px solid #dfe7f1;
  background:
    radial-gradient(circle at 100% 0,rgba(var(--v400-primary-rgb,49,135,238),.08),transparent 34%),
    linear-gradient(145deg,#ffffff,#f7faff);
  box-shadow:0 14px 32px rgba(16,24,40,.09);
}
.topup-account-box-v438::after{border-color:rgba(var(--v400-primary-rgb,49,135,238),.035)}
.topup-bank-logo-v438{
  width:58px;
  height:58px;
  border:1px solid #e2e8f0;
  border-radius:18px;
  background:#fff;
  box-shadow:0 8px 20px rgba(16,24,40,.08);
}
.topup-bank-logo-v438 img{padding:3px;background:#fff}
.topup-bank-logo-v438 svg{fill:var(--orange)}
.topup-bank-chip-v438{
  min-height:31px;
  color:var(--orange);
  border:1px solid rgba(var(--v400-primary-rgb,49,135,238),.18);
  background:rgba(var(--v400-primary-rgb,49,135,238),.07);
}
.topup-premium-page-v438 .topup-account-box-v438 .bank-account-row{
  border-bottom-color:#e9eef5;
}
.topup-premium-page-v438 .topup-account-box-v438 .bank-account-row span{color:#667085}
.topup-premium-page-v438 .topup-account-box-v438 .bank-account-row b{color:#101828}
.topup-copy-account-v438{
  color:#fff!important;
  background:linear-gradient(135deg,var(--orange),var(--orange2))!important;
  box-shadow:0 9px 20px rgba(var(--v400-primary-rgb,49,135,238),.20)!important;
}
.topup-bank-note-v438{color:#667085}
.topup-bank-note-v438>span{
  color:var(--orange);
  background:rgba(var(--v400-primary-rgb,49,135,238),.09);
}

.topup-upload-zone-v438{background:#fbfdff;border-color:#cfd9e6}
.topup-upload-zone-v438:hover,.topup-upload-zone-v438.has-file-v438{
  background:rgba(var(--v400-primary-rgb,49,135,238),.035)
}
.topup-premium-page-v438 .topup-code-card-v438{
  border-color:#e3eaf3;
  background:linear-gradient(145deg,#fff,#f8faff);
  box-shadow:0 14px 34px rgba(16,24,40,.075);
}
.topup-code-visual-v438 .credit-code-icon{
  background:rgba(var(--v400-primary-rgb,49,135,238),.10);
  box-shadow:none;
}
.topup-code-input-shell-v438:focus-within{
  border-color:var(--orange);
  box-shadow:0 0 0 4px rgba(var(--v400-primary-rgb,49,135,238),.08)
}
.topup-code-submit-v438{
  background:linear-gradient(135deg,var(--orange),var(--orange2))!important;
  box-shadow:0 10px 22px rgba(var(--v400-primary-rgb,49,135,238),.20)!important;
}

@media(max-width:980px){
  .topup-premium-page-v438{border-radius:20px}
  .topup-bank-logo-v438{width:52px;height:52px;border-radius:16px}
}


html,body{
  background-color:var(--bg,#f4f8ff);
}
.auth,.start-screen{
  background:linear-gradient(135deg,var(--orange,#334155),var(--orange2,#64748b));
}
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;
}
html.theme-cache-miss-v403:not(.admin-theme-applied-v403):not(.theme-boot-timeout-v403) #startScreen{
  display:grid!important;
  background:#f4f8ff!important;
  color:#334155!important;
}
html.theme-cache-miss-v403:not(.admin-theme-applied-v403):not(.theme-boot-timeout-v403) #startScreen .start-card{
  background:#fff!important;
  border:1px solid #e2e8f0!important;
  color:#334155!important;
  box-shadow:0 18px 48px rgba(15,23,42,.10)!important;
}
html.theme-cache-miss-v403:not(.admin-theme-applied-v403):not(.theme-boot-timeout-v403) #startScreen .spin{
  border-color:#dbe4ee!important;
  border-top-color:#64748b!important;
}
:root{--webshop-version:"446-mobile-news-box-only"}


#profile .profile-hero-card-v429 .profile-stat.profile-points-stat-v445{
  min-height:88px!important;
  overflow:visible!important;
}
#profile .profile-hero-card-v429 .profile-stat.profile-points-stat-v445 .profile-points-expiry-v445,
#profile #profilePointsExpiryV445{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  margin:3px 0 0!important;
  padding:6px 8px!important;
  border:1px solid #fed7aa!important;
  border-radius:9px!important;
  background:#fff7ed!important;
  color:#9a3412!important;
  font-size:9px!important;
  font-weight:800!important;
  line-height:1.45!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
}
#profile #profilePointsExpiryV445::before{
  content:"⌛";
  flex:0 0 auto;
  margin-right:5px;
  font-size:10px;
}
@media(max-width:980px){
  #profile .profile-hero-card-v429 .profile-stat.profile-points-stat-v445{
    min-height:94px!important;
  }
  #profile #profilePointsExpiryV445{
    font-size:8.5px!important;
    padding:5px 7px!important;
  }
}


@media (max-width: 980px){
  body.webshop-v301 #home #noticeWrap,
  body.webshop-v400 #home #noticeWrap,
  #home > #noticeWrap,
  #home #noticeWrap{
    display:none!important;
    visibility:hidden!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
  }
}


@media (max-width:980px){
  #member{
    padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))!important;
    overflow-x:hidden!important;
  }

  #member .member-reward-code-grid-v426{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
  }
  #member .member-reward-code-grid-v426 > .member-reward-panel-v408[hidden]{
    display:none!important;
  }
  #member .member-reward-code-grid-v426 > .member-reward-panel-v408:not([hidden]){
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
  }
  #member #memberRewardCodePanelV408,
  #member #memberRewardCouponCodePanelV426{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
  }
  #member #memberRewardCodePanelV408 .member-claim-card-v426,
  #member #memberRewardCouponCodePanelV426 .member-claim-card-v426{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    gap:9px!important;
    padding:12px!important;
    margin:0!important;
  }
  #member #memberRewardCodePanelV408 .member-claim-box-v75,
  #member #memberRewardCouponCodePanelV426 .member-claim-box-v75{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    min-width:0!important;
    gap:8px!important;
  }
  #member #memberRewardCodePanelV408 .member-claim-input-wrap-v75,
  #member #memberRewardCouponCodePanelV426 .member-claim-input-wrap-v75,
  #member #memberRewardCodePanelV408 .member-claim-btn-v75,
  #member #memberRewardCouponCodePanelV426 .member-claim-btn-v75{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  #member #memberRewardCodePanelV408 .member-claim-note-v75{
    display:block!important;
    grid-column:1/-1!important;
    width:100%!important;
    margin:0!important;
    padding:8px 10px!important;
    white-space:normal!important;
    overflow:visible!important;
  }
  #member #memberPointCodeMessageV77,
  #member #memberCouponCodeMessageV426{
    grid-column:1/-1!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }

  body.performance-mobile-v447 *,
  body.performance-mobile-v447 *::before,
  body.performance-mobile-v447 *::after{
    -webkit-tap-highlight-color:transparent;
  }
  body.performance-mobile-v447 .header,
  body.performance-mobile-v447 .bottom-nav,
  body.performance-mobile-v447 .mobile-menu-drawer-v301,
  body.performance-mobile-v447 .member-reward-tabs-shell-v408,
  body.performance-mobile-v447 .member-reward-quicknav-v426,
  body.performance-mobile-v447 .card,
  body.performance-mobile-v447 .modal,
  body.performance-mobile-v447 .popup{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body.performance-mobile-v447 .member-reward-dashboard-v426::before,
  body.performance-mobile-v447 .member-reward-dashboard-v426::after,
  body.performance-mobile-v447 .member-reward-hero-v426::before,
  body.performance-mobile-v447 .member-claim-card-v426::after,
  body.performance-mobile-v447 .aurora-background-v400,
  body.performance-mobile-v447 .aurora-scroll-progress-v400{
    display:none!important;
    animation:none!important;
  }
  body.performance-mobile-v447 .member-reward-quicknav-v426{
    position:relative!important;
    top:auto!important;
  }
  body.performance-mobile-v447 .page.active,
  body.performance-mobile-v447 .member-reward-panel-v408:not([hidden]),
  body.performance-mobile-v447 [data-motion-v400]{
    animation:none!important;
    transition:none!important;
    transform:none!important;
  }
  body.performance-mobile-v447 #productGrid .product,
  body.performance-mobile-v447 #publicProductGrid .public-product,
  body.performance-mobile-v447 #memberRewardGridV74 .product,
  body.performance-mobile-v447 .coupon-clean-card,
  body.performance-mobile-v447 .history-card-v430{
    content-visibility:auto;
    contain:layout paint style;
    contain-intrinsic-size:280px;
  }
  body.performance-mobile-v447 #productGrid .product,
  body.performance-mobile-v447 #memberRewardGridV74 .product,
  body.performance-mobile-v447 .member-reward-panel-v408,
  body.performance-mobile-v447 .settings-card{
    box-shadow:0 5px 14px rgba(15,23,42,.05)!important;
  }
  body.performance-mobile-v447 img{
    image-rendering:auto;
  }
}

@media (max-width:420px){
  #member #memberRewardCodePanelV408 .member-claim-card-v426,
  #member #memberRewardCouponCodePanelV426 .member-claim-card-v426{
    padding:11px!important;
    border-radius:15px!important;
  }
  #member #memberRewardCodePanelV408 .member-claim-input-wrap-v75,
  #member #memberRewardCouponCodePanelV426 .member-claim-input-wrap-v75{
    min-height:44px!important;
  }
  #member #memberRewardCodePanelV408 .member-claim-btn-v75,
  #member #memberRewardCouponCodePanelV426 .member-claim-btn-v75{
    min-height:42px!important;
    height:42px!important;
  }
}

:root{--webshop-version:"447-reward-full-performance"}


#wallet .credit-recent-box-v65,
#wallet .topup-recent-v438,
#wallet #walletCreditUseList{display:none!important;}

:root{--webshop-announcement-badge-version:"450-announcement-badge-count"}


.auth-v451{padding:18px}
.auth-card-v451{max-width:460px}
.auth-card-v451 .btn.full{min-height:46px}
.auth-text-button-v451,.auth-back-button-v451{display:block;border:0;background:transparent;color:var(--orange);font-weight:800;cursor:pointer}
.auth-text-button-v451{margin:10px auto 0;padding:5px 10px}
.auth-back-button-v451{margin:0 0 10px;padding:4px 0;text-align:left}
.auth-divider-v451{display:flex;align-items:center;gap:10px;margin:14px 0;color:#94a3b8;font-size:12px}
.auth-divider-v451::before,.auth-divider-v451::after{content:"";height:1px;background:#e2e8f0;flex:1}
.line-login-button-v451{background:#06c755!important;display:flex;align-items:center;justify-content:center;gap:10px}
.line-login-button-v451:hover{filter:brightness(.97)}
.line-logo-v451{display:inline-grid;place-items:center;min-width:34px;height:24px;padding:0 5px;border-radius:5px;background:#fff;color:#06a948;font-size:10px;font-weight:900;letter-spacing:.02em}
.auth-help-v451{text-align:center;color:#64748b;font-size:11px;line-height:1.6;margin-top:7px}
.captcha-field-v451 small{display:block;color:#64748b;margin-top:6px;line-height:1.5}
.captcha-box-v451{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:stretch;margin-bottom:8px}
.captcha-image-wrap-v451{min-height:62px;border:1px solid #cbd5e1;border-radius:11px;background:#f8fafc;overflow:hidden;display:grid;place-items:center;position:relative}
.captcha-image-wrap-v451 img{display:block;width:100%;height:62px;object-fit:cover}
.captcha-visual-v741{display:grid;place-items:center;width:100%;height:62px;overflow:hidden;background:#f8fafc}.captcha-visual-v741 svg{display:block;width:100%;height:100%;max-width:100%;max-height:62px}
.captcha-image-wrap-v451 span{padding:8px;color:#64748b;font-size:12px;text-align:center}
.captcha-refresh-v451{border:1px solid #cbd5e1;background:#fff;border-radius:11px;padding:0 12px;color:#334155;font-weight:800;white-space:nowrap;cursor:pointer}
#registerCaptchaAnswerV451{text-transform:uppercase;letter-spacing:.24em;font-weight:900;font-size:17px;text-align:center}
.forgot-form-v451{text-align:left}
.forgot-form-v451 h2{margin:0;text-align:center;font-size:21px}
.forgot-form-v451>p{text-align:center;color:#64748b;line-height:1.7;margin:7px 0 18px}
.forgot-icon-v451{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:#eff6ff;margin:0 auto 10px;font-size:27px}
.forgot-reset-panel-v451[hidden],#forgotLineStartV451[hidden]{display:none!important}
.line-verified-v451{display:flex;flex-direction:column;gap:3px;background:#ecfdf5;border:1px solid #a7f3d0;color:#166534;border-radius:12px;padding:10px 12px;margin-bottom:12px}
.line-verified-v451 span{font-size:12px;color:#15803d}
@media(max-width:520px){.auth-v451{padding:12px}.auth-card-v451{padding:18px}.captcha-box-v451{grid-template-columns:1fr}.captcha-refresh-v451{min-height:38px}}


@media (max-width: 820px){
  #mobileMenuCartDrawerBtnV453,
  #mobileMenuLogoutDrawerBtnV453{
    display:none !important;
  }

  #profile .profile-hero-card-v429 .profile-summary{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:0 !important;
    margin-top:18px !important;
    border:1.5px solid #d9e4f2 !important;
    border-radius:20px !important;
    overflow:hidden !important;
    background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(246,250,255,.96)) !important;
    box-shadow:0 10px 24px rgba(37,99,235,.08) !important;
  }

  #profile .profile-hero-card-v429 .profile-stat{
    position:relative !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:6px !important;
    min-height:102px !important;
    padding:14px 14px 12px !important;
    margin:0 !important;
    border-right:1px solid #dfe7f3 !important;
    border-bottom:1px solid #dfe7f3 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  #profile .profile-hero-card-v429 .profile-stat:nth-child(2n){
    border-right:none !important;
  }

  #profile .profile-hero-card-v429 .profile-stat:nth-last-child(-n+2){
    border-bottom:none !important;
  }

  #profile .profile-hero-card-v429 .profile-stat::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:linear-gradient(90deg,var(--orange),rgba(49,135,238,.16));
    opacity:.18;
  }

  #profile .profile-hero-card-v429 .profile-stat span{
    display:inline-flex !important;
    align-items:center !important;
    min-height:22px !important;
    padding:3px 9px !important;
    border-radius:999px !important;
    background:#eef4ff !important;
    color:#62748a !important;
    font-size:11px !important;
    font-weight:800 !important;
    letter-spacing:.1px !important;
  }

  #profile .profile-hero-card-v429 .profile-stat b{
    width:100% !important;
    font-size:23px !important;
    line-height:1.25 !important;
    color:#10233f !important;
    font-weight:900 !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
  }

  #profile .profile-hero-card-v429 .profile-stat:nth-child(1) b,
  #profile .profile-hero-card-v429 .profile-stat:nth-child(2) b{
    font-size:18px !important;
  }

  #profile .profile-hero-card-v429 .profile-stat small{
    margin-top:2px !important;
    line-height:1.45 !important;
    font-size:11px !important;
    color:#8a5a14 !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
  }

  #profile .profile-hero-card-v429 .profile-stat:nth-child(2) small{
    color:#c2410c !important;
  }
}

@media (max-width: 420px){
  #profile .profile-hero-card-v429 .profile-summary{
    grid-template-columns:1fr !important;
  }

  #profile .profile-hero-card-v429 .profile-stat{
    min-height:auto !important;
    border-right:none !important;
  }

  #profile .profile-hero-card-v429 .profile-stat:not(:last-child){
    border-bottom:1px solid #dfe7f3 !important;
  }

  #profile .profile-hero-card-v429 .profile-stat:nth-last-child(-n+2){
    border-bottom:1px solid #dfe7f3 !important;
  }

  #profile .profile-hero-card-v429 .profile-stat:last-child{
    border-bottom:none !important;
  }

  #profile .profile-hero-card-v429 .profile-stat b{
    font-size:18px !important;
  }

  #profile .profile-hero-card-v429 .profile-stat:nth-child(1) b,
  #profile .profile-hero-card-v429 .profile-stat:nth-child(2) b{
    font-size:16px !important;
  }
}


#profile .profile-coupon-summary-v454{
  margin-top:14px;
  border-radius:18px;
  padding:14px;
  background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%);
  border:1px solid #d9e6f5;
  box-shadow:0 10px 26px rgba(37,99,235,.08);
}
#profile .profile-coupon-summary-head-v454 h3{
  margin:0;
  font-size:16px;
  color:#10233f;
  font-weight:900;
}
#profile .profile-coupon-summary-head-v454 p{
  margin:4px 0 0;
  color:#72839b;
  font-size:12px;
  line-height:1.55;
}
#profile .profile-coupon-stats-grid-v454{
  margin-top:12px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
#profile .profile-coupon-stat-v454{
  position:relative;
  min-width:0;
  border-radius:16px;
  padding:12px 10px;
  border:1px solid #dfe8f5;
  background:#fff;
  box-shadow:0 6px 16px rgba(15,23,42,.04);
  display:flex;
  flex-direction:column;
  gap:4px;
}
#profile .profile-coupon-stat-v454::before{
  content:'';
  position:absolute;
  top:0;left:0;right:0;
  height:4px;
  border-radius:16px 16px 0 0;
  background:var(--profile-accent,#3b82f6);
}
#profile .profile-coupon-stat-v454.total{--profile-accent:#2563eb}
#profile .profile-coupon-stat-v454.used{--profile-accent:#16a34a}
#profile .profile-coupon-stat-v454.expired{--profile-accent:#ea580c}
#profile .profile-coupon-stat-v454.active{--profile-accent:#7c3aed}
#profile .profile-coupon-stat-v454 small{
  color:#72839b;
  font-size:11px;
  font-weight:800;
}
#profile .profile-coupon-stat-v454 b{
  color:#10233f;
  font-size:24px;
  font-weight:900;
  line-height:1.1;
}
#profile .profile-coupon-stat-v454 span{
  color:#8a99ad;
  font-size:11px;
  font-weight:700;
}

@media (max-width: 820px){
  #profile .profile-hero-card-v429{
    padding:14px !important;
    border-radius:22px !important;
  }
  #profile .profile-hero-top-v429{
    align-items:center !important;
    gap:10px !important;
  }
  #profile .profile-avatar-v429{
    width:48px !important;
    height:48px !important;
    font-size:24px !important;
    border-radius:16px !important;
  }
  #profile .profile-hero-copy-v429 small{
    font-size:11px !important;
  }
  #profile .profile-hero-copy-v429 h2{
    font-size:17px !important;
    line-height:1.2 !important;
    margin:1px 0 2px !important;
  }
  #profile .profile-hero-copy-v429 p{
    font-size:11px !important;
    line-height:1.45 !important;
    margin:0 !important;
  }

  #profile .profile-hero-card-v429 .profile-summary{
    margin-top:12px !important;
    border-radius:16px !important;
  }
  #profile .profile-hero-card-v429 .profile-stat{
    min-height:78px !important;
    padding:10px 11px !important;
    gap:4px !important;
  }
  #profile .profile-hero-card-v429 .profile-stat span{
    min-height:18px !important;
    padding:2px 8px !important;
    font-size:10px !important;
  }
  #profile .profile-hero-card-v429 .profile-stat b{
    font-size:16px !important;
    line-height:1.2 !important;
  }
  #profile .profile-hero-card-v429 .profile-stat:nth-child(1) b,
  #profile .profile-hero-card-v429 .profile-stat:nth-child(2) b{
    font-size:15px !important;
  }
  #profile .profile-hero-card-v429 .profile-stat small{
    font-size:10px !important;
    line-height:1.35 !important;
  }

  #profile .profile-coupon-summary-v454{
    margin-top:12px !important;
    padding:12px !important;
    border-radius:16px !important;
  }
  #profile .profile-coupon-summary-head-v454 h3{
    font-size:14px !important;
  }
  #profile .profile-coupon-summary-head-v454 p{
    font-size:11px !important;
  }
  #profile .profile-coupon-stats-grid-v454{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
  }
  #profile .profile-coupon-stat-v454{
    padding:10px !important;
    border-radius:14px !important;
  }
  #profile .profile-coupon-stat-v454 b{
    font-size:20px !important;
  }
  #profile .profile-coupon-stat-v454 small,
  #profile .profile-coupon-stat-v454 span{
    font-size:10px !important;
  }
}

@media (max-width: 420px){
  #profile .profile-hero-card-v429{
    padding:12px !important;
  }
  #profile .profile-hero-top-v429{
    align-items:flex-start !important;
  }
  #profile .profile-avatar-v429{
    width:44px !important;
    height:44px !important;
    font-size:22px !important;
  }
  #profile .profile-hero-copy-v429 h2{
    font-size:16px !important;
  }
  #profile .profile-hero-card-v429 .profile-summary{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  #profile .profile-hero-card-v429 .profile-stat{
    min-height:72px !important;
    padding:9px 10px !important;
  }
  #profile .profile-hero-card-v429 .profile-stat:nth-child(1),
  #profile .profile-hero-card-v429 .profile-stat:nth-child(2){
    grid-column:1 / -1 !important;
  }
  #profile .profile-hero-card-v429 .profile-stat:nth-child(1) b,
  #profile .profile-hero-card-v429 .profile-stat:nth-child(2) b{
    font-size:14px !important;
  }
  #profile .profile-hero-card-v429 .profile-stat b{
    font-size:15px !important;
  }
}


#profile .profile-coupon-summary-head-v454{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}
#profile .profile-coupon-summary-status-v455{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  min-height:23px;
  padding:4px 8px;
  border-radius:999px;
  background:#eef4ff;
  color:#55708f;
  font-size:10px;
  font-weight:800;
  white-space:nowrap;
}
#profile .profile-coupon-summary-v454.is-loading-v455 .profile-coupon-summary-status-v455{
  background:#f1f3f5;
  color:#9aa4b2;
}
#profile .profile-coupon-summary-v454.is-cache-v455 .profile-coupon-summary-status-v455{
  background:#fff7df;
  color:#9a6700;
}
#profile .profile-coupon-summary-v454.is-ready-v455 .profile-coupon-summary-status-v455{
  background:#eaf8ef;
  color:#16803c;
}
#profile .profile-coupon-summary-v454.is-loading-v455 .profile-coupon-stat-v454{
  background:#f6f7f9 !important;
  border-color:#e8ebef !important;
  box-shadow:none !important;
}
#profile .profile-coupon-summary-v454.is-loading-v455 .profile-coupon-stat-v454::before{
  background:#d8dde4 !important;
}
#profile .profile-coupon-summary-v454.is-loading-v455 .profile-coupon-stat-v454 small,
#profile .profile-coupon-summary-v454.is-loading-v455 .profile-coupon-stat-v454 span{
  color:#b1b8c2 !important;
}
#profile .profile-coupon-summary-v454.is-loading-v455 .profile-coupon-stat-v454 b{
  position:relative;
  color:transparent !important;
  min-height:18px;
}
#profile .profile-coupon-summary-v454.is-loading-v455 .profile-coupon-stat-v454 b::after{
  content:'';
  display:block;
  width:34px;
  height:17px;
  margin-top:1px;
  border-radius:7px;
  background:linear-gradient(90deg,#e3e6ea 25%,#f4f5f7 45%,#e3e6ea 65%);
  background-size:220% 100%;
  animation:profileSummaryShimmerV455 1.15s linear infinite;
}
@keyframes profileSummaryShimmerV455{
  from{background-position:100% 0}
  to{background-position:-120% 0}
}

@media (max-width:820px){
  #profile .profile-mobile-page-v429{
    gap:8px !important;
  }
  #profile .profile-hero-card-v429{
    padding:10px !important;
    border-radius:18px !important;
  }
  #profile .profile-hero-top-v429{
    gap:8px !important;
  }
  #profile .profile-avatar-v429{
    width:40px !important;
    height:40px !important;
    border-radius:13px !important;
    font-size:20px !important;
  }
  #profile .profile-hero-copy-v429 small{
    font-size:9px !important;
  }
  #profile .profile-hero-copy-v429 h2{
    font-size:15px !important;
    margin:0 !important;
  }
  #profile .profile-hero-copy-v429 p{
    font-size:9px !important;
    line-height:1.35 !important;
  }

  #profile .profile-hero-card-v429 .profile-summary{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    margin-top:9px !important;
    border-radius:13px !important;
  }
  #profile .profile-hero-card-v429 .profile-stat,
  #profile .profile-hero-card-v429 .profile-stat:nth-child(1),
  #profile .profile-hero-card-v429 .profile-stat:nth-child(2){
    grid-column:auto !important;
    min-height:58px !important;
    padding:7px 8px !important;
    gap:2px !important;
  }
  #profile .profile-hero-card-v429 .profile-stat span{
    min-height:16px !important;
    padding:1px 6px !important;
    font-size:8px !important;
  }
  #profile .profile-hero-card-v429 .profile-stat b,
  #profile .profile-hero-card-v429 .profile-stat:nth-child(1) b,
  #profile .profile-hero-card-v429 .profile-stat:nth-child(2) b{
    font-size:13px !important;
    line-height:1.15 !important;
  }
  #profile .profile-hero-card-v429 .profile-stat:nth-child(2) b{
    font-size:11px !important;
  }
  #profile .profile-hero-card-v429 .profile-stat small{
    font-size:8px !important;
    line-height:1.2 !important;
    margin-top:1px !important;
  }
  #profile .profile-hero-card-v429 .profile-stat:nth-child(2) small{
    display:none !important;
  }

  #profile .profile-coupon-summary-v454{
    margin-top:9px !important;
    padding:9px !important;
    border-radius:13px !important;
  }
  #profile .profile-coupon-summary-head-v454 h3{
    font-size:12px !important;
  }
  #profile .profile-coupon-summary-head-v454 p{
    display:none !important;
  }
  #profile .profile-coupon-summary-status-v455{
    min-height:19px !important;
    padding:2px 6px !important;
    font-size:8px !important;
  }
  #profile .profile-coupon-stats-grid-v454{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:5px !important;
    margin-top:8px !important;
  }
  #profile .profile-coupon-stat-v454{
    min-height:56px !important;
    padding:8px 6px 6px !important;
    border-radius:11px !important;
    gap:1px !important;
  }
  #profile .profile-coupon-stat-v454::before{
    height:3px !important;
  }
  #profile .profile-coupon-stat-v454 small{
    font-size:8px !important;
    white-space:nowrap;
  }
  #profile .profile-coupon-stat-v454 b{
    font-size:17px !important;
  }
  #profile .profile-coupon-stat-v454 span{
    font-size:8px !important;
  }
}

@media (max-width:360px){
  #profile .profile-coupon-stats-grid-v454{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  #profile .profile-coupon-stat-v454{
    min-height:50px !important;
  }
}


@media (max-width: 900px){
  #mobileMenuDrawerV301.mobile-menu-drawer-v301{
    width:min(90vw,330px)!important;
    max-width:330px!important;
    padding-bottom:20px!important;
    background:linear-gradient(180deg,#f8fbff 0%,#ffffff 24%,#ffffff 100%)!important;
    border-right:1px solid rgba(209,223,243,.9)!important;
    box-shadow:14px 0 36px rgba(15,23,42,.18)!important;
  }
  #mobileMenuDrawerV301 .mobile-menu-head-v301{
    position:sticky!important;
    top:0!important;
    z-index:3!important;
    padding:18px 18px 12px!important;
    background:linear-gradient(180deg,rgba(248,251,255,.98),rgba(248,251,255,.92))!important;
    backdrop-filter:blur(10px)!important;
    border-bottom:1px solid #e4edf8!important;
  }
  #mobileMenuDrawerV301 .mobile-menu-brand-v301{
    font-size:20px!important;
    font-weight:900!important;
    color:#2563eb!important;
    letter-spacing:-.2px!important;
  }
  #mobileMenuDrawerV301 .mobile-menu-head-v301>button{
    width:40px!important;height:40px!important;border-radius:14px!important;
    background:#fff!important;border:1px solid #e3ebf6!important;color:#64748b!important;
    box-shadow:0 6px 16px rgba(15,23,42,.06)!important;
  }
  #mobileMenuDrawerV301 .mobile-menu-user-v456{
    margin:14px 16px 12px!important;
    padding:14px!important;
    border-radius:22px!important;
    background:linear-gradient(135deg,#2f80ed 0%,#4c9bff 100%)!important;
    box-shadow:0 16px 28px rgba(37,99,235,.22)!important;
    border:none!important;
    color:#fff!important;
    gap:12px!important;
    align-items:center!important;
  }
  #mobileMenuDrawerV301 .mobile-menu-avatar-v301{
    width:48px!important;height:48px!important;border-radius:16px!important;
    background:rgba(255,255,255,.2)!important;color:#fff!important;
    border:1px solid rgba(255,255,255,.28)!important;
    box-shadow:none!important;font-size:26px!important;font-weight:900!important;
    flex:0 0 48px!important;
  }
  #mobileMenuDrawerV301 .mobile-menu-user-copy-v456{min-width:0!important;display:flex!important;flex-direction:column!important;gap:4px!important}
  #mobileMenuDrawerV301 .mobile-menu-user-greet-v456{font-size:11px!important;opacity:.9!important;font-weight:700!important}
  #mobileMenuDrawerV301 #drawerNameV301{display:block!important;font-size:18px!important;line-height:1.2!important;color:#fff!important;overflow-wrap:anywhere!important}
  #mobileMenuDrawerV301 .mobile-menu-balance-pill-v456{
    display:inline-flex!important;align-items:center!important;gap:6px!important;align-self:flex-start!important;
    margin-top:2px!important;padding:7px 12px!important;border-radius:999px!important;
    background:rgba(255,255,255,.18)!important;border:1px solid rgba(255,255,255,.24)!important;
    color:#eaf3ff!important;font-size:11px!important;font-weight:700!important;
  }
  #mobileMenuDrawerV301 #drawerBalanceV301{font-size:18px!important;font-weight:900!important;color:#fff!important}

  #mobileMenuDrawerV301 .mobile-menu-list-v456{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    padding:0 16px 8px!important;
  }
  #mobileMenuDrawerV301 .mobile-menu-section-label-v428{
    grid-column:1 / -1!important;
    margin:6px 0 -1px!important;
    padding:0 4px!important;
    color:#6b7a90!important;
    font-size:12px!important;
    font-weight:900!important;
    letter-spacing:.2px!important;
  }
  #mobileMenuDrawerV301 .mobile-menu-list-v456 button,
  #mobileMenuDrawerV301 .mobile-admin-profile-button-v429{
    position:relative!important;
    min-height:108px!important;
    height:auto!important;
    padding:14px 12px 12px!important;
    border-radius:20px!important;
    border:1px solid #d8e4f3!important;
    background:linear-gradient(180deg,#ffffff 0%,#f9fbff 100%)!important;
    box-shadow:0 8px 18px rgba(15,23,42,.05)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    text-align:left!important;
    gap:5px!important;
    overflow:hidden!important;
  }
  #mobileMenuDrawerV301 .mobile-menu-list-v456 button::after,
  #mobileMenuDrawerV301 .mobile-admin-profile-button-v429::after{
    content:'';position:absolute;inset:auto auto 0 0;width:100%;height:4px;
    background:linear-gradient(90deg,rgba(37,99,235,.9),rgba(37,99,235,.16));opacity:0;transition:.18s ease;
  }
  #mobileMenuDrawerV301 .mobile-menu-list-v456 button:hover::after,
  #mobileMenuDrawerV301 .mobile-menu-list-v456 button.active::after,
  #mobileMenuDrawerV301 .mobile-admin-profile-button-v429:hover::after{opacity:1}
  #mobileMenuDrawerV301 .mobile-menu-list-v456 button>span,
  #mobileMenuDrawerV301 .mobile-admin-profile-button-v429>span{
    width:42px!important;height:42px!important;border-radius:14px!important;
    background:linear-gradient(180deg,#eff5ff,#ffffff)!important;
    border:1px solid #dce8f8!important;color:#2563eb!important;
    box-shadow:none!important;flex:0 0 42px!important;
  }
  #mobileMenuDrawerV301 .mobile-menu-list-v456 button>span svg,
  #mobileMenuDrawerV301 .mobile-admin-profile-button-v429>span svg{width:20px!important;height:20px!important}
  #mobileMenuDrawerV301 .mobile-menu-list-v456 button>b,
  #mobileMenuDrawerV301 .mobile-admin-profile-button-v429>b{
    width:100%!important;display:block!important;font-size:15px!important;line-height:1.25!important;
    color:#10233f!important;font-weight:900!important;margin:2px 0 0!important;
  }
  #mobileMenuDrawerV301 .mobile-menu-list-v456 button>small,
  #mobileMenuDrawerV301 .mobile-admin-profile-button-v429>small{
    display:block!important;
    width:100%!important;
    color:#7c8ba1!important;
    font-size:11px!important;
    line-height:1.45!important;
    font-weight:600!important;
    overflow-wrap:anywhere!important;
  }
  #mobileMenuDrawerV301 .mobile-menu-list-v456 button>i,
  #mobileMenuDrawerV301 .mobile-admin-profile-button-v429>i{
    position:absolute!important;top:12px!important;right:12px!important;
    font-style:normal!important;color:#b1bfd0!important;font-size:15px!important;
  }
  #mobileMenuDrawerV301 .mobile-menu-list-v456 button.active,
  #mobileMenuDrawerV301 .mobile-admin-profile-button-v429.active{
    border-color:#bfdbfe!important;
    background:linear-gradient(180deg,#eef5ff 0%,#ffffff 100%)!important;
    box-shadow:0 12px 22px rgba(37,99,235,.10)!important;
    transform:translateY(-1px)!important;
  }
  #mobileMenuDrawerV301 .mobile-menu-list-v456 button.active>span,
  #mobileMenuDrawerV301 .mobile-admin-profile-button-v429.active>span{
    background:linear-gradient(180deg,#2563eb,#3b82f6)!important;
    color:#fff!important;border-color:transparent!important;
  }
  #mobileMenuDrawerV301 .mobile-menu-footer-v456{
    margin:8px 16px 0!important;
    padding:10px 14px!important;
    border-radius:14px!important;
    background:#f4f8ff!important;
    color:#789!important;
    font-size:11px!important;
    text-align:center!important;
    border:1px dashed #d7e3f6!important;
  }
}

@media (max-width: 420px){
  #mobileMenuDrawerV301.mobile-menu-drawer-v301{width:min(92vw,316px)!important;max-width:316px!important}
  #mobileMenuDrawerV301 .mobile-menu-list-v456{gap:9px!important;padding:0 14px 8px!important}
  #mobileMenuDrawerV301 .mobile-menu-list-v456 button,
  #mobileMenuDrawerV301 .mobile-admin-profile-button-v429{min-height:100px!important;padding:12px 11px 10px!important;border-radius:18px!important}
  #mobileMenuDrawerV301 .mobile-menu-list-v456 button>b,
  #mobileMenuDrawerV301 .mobile-admin-profile-button-v429>b{font-size:14px!important}
  #mobileMenuDrawerV301 .mobile-menu-list-v456 button>small,
  #mobileMenuDrawerV301 .mobile-admin-profile-button-v429>small{font-size:10px!important}
  #mobileMenuDrawerV301 #drawerNameV301{font-size:17px!important}
}


@media (max-width:900px){
  #mobileMenuDrawerV301.mobile-menu-drawer-v301{
    width:min(84vw,292px)!important;
    max-width:292px!important;
    padding-bottom:12px!important;
  }
  #mobileMenuDrawerV301 .mobile-menu-head-v301{
    padding:12px 14px 9px!important;
  }
  #mobileMenuDrawerV301 .mobile-menu-brand-v301{
    font-size:18px!important;
  }
  #mobileMenuDrawerV301 .mobile-menu-head-v301>button{
    width:34px!important;
    height:34px!important;
    border-radius:11px!important;
    font-size:16px!important;
  }
  #mobileMenuDrawerV301 .mobile-menu-user-v456{
    margin:10px 12px 9px!important;
    padding:11px!important;
    border-radius:17px!important;
    gap:9px!important;
  }
  #mobileMenuDrawerV301 .mobile-menu-avatar-v301{
    width:40px!important;
    height:40px!important;
    flex-basis:40px!important;
    border-radius:13px!important;
    font-size:21px!important;
  }
  #mobileMenuDrawerV301 .mobile-menu-user-greet-v456{
    font-size:9px!important;
  }
  #mobileMenuDrawerV301 #drawerNameV301{
    font-size:15px!important;
  }
  #mobileMenuDrawerV301 .mobile-menu-balance-pill-v456{
    padding:4px 8px!important;
    font-size:9px!important;
    gap:4px!important;
  }
  #mobileMenuDrawerV301 #drawerBalanceV301{
    font-size:14px!important;
  }
  #mobileMenuDrawerV301 .mobile-menu-list-v456{
    gap:7px!important;
    padding:0 12px 6px!important;
  }
  #mobileMenuDrawerV301 .mobile-menu-section-label-v428{
    margin:4px 0 -1px!important;
    padding:0 2px!important;
    font-size:10px!important;
  }
  #mobileMenuDrawerV301 .mobile-menu-list-v456 button,
  #mobileMenuDrawerV301 .mobile-admin-profile-button-v429{
    min-height:82px!important;
    padding:10px 9px 8px!important;
    border-radius:15px!important;
    gap:3px!important;
  }
  #mobileMenuDrawerV301 .mobile-menu-list-v456 button>span,
  #mobileMenuDrawerV301 .mobile-admin-profile-button-v429>span{
    width:34px!important;
    height:34px!important;
    flex-basis:34px!important;
    border-radius:11px!important;
  }
  #mobileMenuDrawerV301 .mobile-menu-list-v456 button>span svg,
  #mobileMenuDrawerV301 .mobile-admin-profile-button-v429>span svg{
    width:17px!important;
    height:17px!important;
  }
  #mobileMenuDrawerV301 .mobile-menu-list-v456 button>b,
  #mobileMenuDrawerV301 .mobile-admin-profile-button-v429>b{
    font-size:12px!important;
    line-height:1.2!important;
  }
  #mobileMenuDrawerV301 .mobile-menu-list-v456 button>small,
  #mobileMenuDrawerV301 .mobile-admin-profile-button-v429>small{
    font-size:8.5px!important;
    line-height:1.25!important;
  }
  #mobileMenuDrawerV301 .mobile-menu-list-v456 button>i,
  #mobileMenuDrawerV301 .mobile-admin-profile-button-v429>i{
    top:8px!important;
    right:9px!important;
    font-size:12px!important;
  }
}

@media (max-width:380px){
  #mobileMenuDrawerV301.mobile-menu-drawer-v301{
    width:min(88vw,276px)!important;
    max-width:276px!important;
  }
  #mobileMenuDrawerV301 .mobile-menu-list-v456{
    gap:6px!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  #mobileMenuDrawerV301 .mobile-menu-list-v456 button,
  #mobileMenuDrawerV301 .mobile-admin-profile-button-v429{
    min-height:78px!important;
    padding:9px 8px 7px!important;
  }
}


@media (max-width:900px){
  #mobileMenuDrawerV301 .mobile-admin-profile-button-v429>span{
    font-size:18px!important;
    line-height:1!important;
    font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",var(--app-font)!important;
  }
  #mobileMenuDrawerV301 .mobile-admin-profile-button-v429>span svg{
    font-family:inherit!important;
  }
}