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

html.webshop-cache-boot-v300 {
  background:#f5f5f5;
}

body.webshop-v300 {
  min-height:100dvh;
  overflow-x:hidden;
}

body.webshop-v300 * {
  -webkit-tap-highlight-color:transparent;
}

#customerPopupOverlay {
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

.fast-start-image-v300 {
  display:none;
  width:min(340px,82vw);
  aspect-ratio:16/9;
  margin:0 auto 14px;
  border-radius:18px;
  background:#f8fafc center/contain no-repeat;
  box-shadow:0 12px 28px rgba(0,0,0,.12);
  border:1px solid rgba(255,255,255,.8);
  overflow:hidden;
}

.start-card.has-fast-image-v300 .fast-start-image-v300 {
  display:block;
}

.start-card.has-fast-image-v300 .spin {
  width:26px;
  height:26px;
  margin-top:2px;
}

body.memory-ready-v300 #startScreen:not(.show) {
  display:none!important;
}

.product,.public-product,.coupon-clean-card,.cover,.public-product-cover,.coupon-clean-cover,.banner-main,.public-banner-main,.mini-banner,.public-mini-banner {
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

.cover,.public-product-cover,.coupon-clean-cover,.banner-main,.public-banner-main,.mini-banner,.public-mini-banner {
  background:#fff!important;
  overflow:hidden;
  contain:paint;
}

.image-stable-v300 {
  display:block;
  opacity:1!important;
  transform:none!important;
  transition:none!important;
  animation:none!important;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

.product,.public-product,.coupon-clean-card {
  transition:box-shadow .15s ease,border-color .15s ease!important;
  animation:none!important;
}

@media(hover:hover) and (pointer:fine) {
  .product:hover,.public-product:hover {
    transform:translateY(-1px)!important;
  }
}

@media(max-width:980px) {
  .product,.public-product,.coupon-clean-card {
    transform:none!important;
    transition:none!important;
    contain:layout paint;
  }

  .fast-start-image-v300 {
    width:min(300px,86vw);
    border-radius:16px;
    margin-bottom:12px;
  }
}

.professional-popup-v300 {
  position:fixed;
  inset:0;
  z-index:2147483200;
  display:none;
  place-items:center;
  padding:16px;
  background:rgba(15,23,42,.64);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}

.professional-popup-v300.show {
  display:grid;
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.professional-popup-card-v300 {
  width:min(760px,94vw);
  max-height:92dvh;
  overflow:auto;
  overscroll-behavior:contain;
  background:#fff;
  border-radius:22px;
  box-shadow:0 30px 90px rgba(15,23,42,.34);
}

.professional-popup-image-wrap-v300 {
  width:100%;
  background:#fff;
  overflow:hidden;
}

.professional-popup-image-wrap-v300 img {
  display:block;
  width:100%;
  height:auto;
  max-height:min(70dvh,720px);
  object-fit:contain;
  background:#fff;
}

.professional-popup-content-v300 {
  padding:18px;
  text-align:center;
}

.professional-popup-counter-v300 {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:24px;
  margin:0 0 8px;
  padding:6px 11px;
  border-radius:999px;
  background:#fff1eb;
  color:var(--orange,#3187ee);
  font-size:11px;
  font-weight:900;
}

.professional-popup-counter-v300:empty {
  display:none;
}

.professional-popup-content-v300 h2 {
  margin:0 0 8px;
  font-size:21px;
  line-height:1.35;
  color:#0f172a;
}

.professional-popup-content-v300 p {
  margin:0 0 16px;
  color:#475569;
  font-size:14px;
  line-height:1.75;
  white-space:pre-wrap;
}

.professional-popup-content-v300 .btn {
  width:100%;
  min-height:46px;
  border-radius:14px;
}

body.professional-popup-open-v300 {
  overflow:hidden!important;
  touch-action:none!important;
}

body.professional-popup-open-v300 #loading.show {
  display:none!important;
}

@media(max-width:560px) {
  .professional-popup-v300 {
    padding:10px;
  }

  .professional-popup-card-v300 {
    width:calc(100vw - 20px);
    max-height:90dvh;
    border-radius:20px;
  }

  .professional-popup-image-wrap-v300 img {
    max-height:58dvh;
  }

  .professional-popup-content-v300 {
    padding:14px;
  }

  .professional-popup-content-v300 h2 {
    font-size:18px;
  }

  .professional-popup-content-v300 p {
    font-size:13px;
  }
}

:root {
  --orange:#1266f1;
  --orange2:#3b8cff;
  --orange3:#eef5ff;
  --webshop-blue:#1266f1;
  --webshop-blue-dark:#0754d4;
  --webshop-sky:#eaf4ff;
  --webshop-ink:#13213b;
  --webshop-muted:#73809a;
  --webshop-line:#e6ecf5;
}

body.webshop-v301 {
  background:#f4f7fb!important;
  color:var(--webshop-ink)!important;
}

body.webshop-v301 .header {
  background:#fff!important;
  color:var(--webshop-ink)!important;
  border-bottom:1px solid rgba(20,49,96,.07)!important;
  box-shadow:0 6px 24px rgba(25,65,120,.07)!important;
}

body.webshop-v301 .topbar {
  background:linear-gradient(90deg,#0754d4,#2680ff)!important;
  color:#fff!important;
}

body.webshop-v301 .mainbar-v301 {
  grid-template-columns:230px minmax(300px,1fr) 190px!important;
  align-items:center!important;
}

.mobile-head-v301 {
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0
}

.logo-v301 {
  min-width:0;
  display:flex;
  align-items:center
}

.logo-v301 #headerSiteName {
  color:#1266f1!important;
  font-size:25px!important;
  line-height:1!important;
  font-weight:1000!important;
  font-style:italic!important;
  letter-spacing:-1px!important;
  white-space:nowrap!important;
  text-shadow:0 5px 18px rgba(18,102,241,.10)!important;
}

.mobile-menu-button-v301,.mobile-cart-button-v301 {
  display:none
}

.search-v301 {
  position:relative!important;
  height:46px!important;
  border:1px solid #e5ebf5!important;
  border-radius:15px!important;
  padding:3px 4px 3px 42px!important;
  background:#f6f8fc!important;
  box-shadow:inset 0 1px 2px rgba(15,23,42,.025)!important;
}

.search-leading-v301 {
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-50%);
  width:19px;
  height:19px;
  color:#8390a8;
  pointer-events:none;
}

.search-leading-v301 svg,.mobile-menu-button-v301 svg,.mobile-cart-button-v301 svg,.nav-icon-v301 svg,.shop-balance-icon-v301 svg {
  display:block;
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.search-v301 input {
  background:transparent!important;
  color:#16233c!important;
  font-size:13px!important
}

.search-v301 input::placeholder {
  color:#8a95a9!important
}

.search-v301 button {
  width:70px!important;
  height:38px!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#0754d4,#2983ff)!important;
}

.wallet-card-v301 {
  color:#fff!important;
  border:0!important;
  border-radius:15px!important;
  background:linear-gradient(135deg,#0754d4,#3d90ff)!important;
  box-shadow:0 10px 26px rgba(18,102,241,.20)!important;
}

body.webshop-v301 .desktop-nav {
  border-color:#e8edf5!important
}

body.webshop-v301 .desktop-nav button.active, body.webshop-v301 .desktop-nav button:hover {
  background:#edf5ff!important;
  color:#1266f1!important
}

body.webshop-v301 .container {
  gap:16px!important
}

body.webshop-v301 .side-card, body.webshop-v301 .card {
  border-color:#e7edf5!important;
  box-shadow:0 8px 28px rgba(29,66,117,.06)!important
}

.shop-balance-v301 {
  position:relative!important;
  overflow:hidden!important;
  border:0!important;
  background:linear-gradient(135deg,#0754d4 0%,#1266f1 52%,#48a1ff 100%)!important;
  color:#fff!important;
  box-shadow:0 16px 34px rgba(18,102,241,.22)!important;
}

.shop-balance-v301::after {
  content:'';
  position:absolute;
  right:-45px;
  top:-65px;
  width:170px;
  height:170px;
  border-radius:50%;
  background:rgba(255,255,255,.13);
  pointer-events:none;
}

.shop-balance-v301 small,.shop-balance-v301 b,.shop-balance-v301 .shop-balance-sub-v62 {
  color:#fff!important
}

.shop-balance-v301 .shop-balance-sub-v62 {
  opacity:.84!important
}

.shop-balance-icon-v301 {
  width:46px!important;
  height:46px!important;
  border-radius:15px!important;
  padding:11px!important;
  background:rgba(255,255,255,.18)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.22)!important;
}

.shop-balance-v301 .shop-cart-summary-v62 {
  color:#fff!important;
  background:rgba(255,255,255,.14)!important;
  border-color:rgba(255,255,255,.20)!important
}

.shop-balance-v301 .btn.ghost {
  background:#fff!important;
  color:#0754d4!important;
  border-color:#fff!important
}

.banner-row-v301 .banner-main {
  box-shadow:0 12px 30px rgba(25,65,120,.10)!important
}

body.webshop-v301 .banner-main, body.webshop-v301 .mini-banner {
  border:1px solid rgba(20,70,140,.07)!important
}

body.webshop-v301 .section-head h2 {
  color:#15233d!important;
  font-weight:1000!important;
  letter-spacing:-.2px!important
}

body.webshop-v301 .product-summary-v152 {
  color:#7b879c!important
}

body.webshop-v301 .product {
  border:1px solid #e5ebf4!important;
  border-radius:18px!important;
  box-shadow:0 8px 25px rgba(29,66,117,.065)!important;
  background:#fff!important;
}

body.webshop-v301 .product .cover {
  border-bottom:1px solid #eef2f7!important
}

body.webshop-v301 .product .body {
  background:#fff!important
}

body.webshop-v301 .product .name {
  color:#17233a!important;
  font-weight:900!important
}

body.webshop-v301 .product .sale {
  color:#1266f1!important
}

body.webshop-v301 .product .tag {
  background:rgba(7,84,212,.92)!important
}

body.webshop-v301 .discount-badge-v49 {
  background:#ff3d67!important
}

body.webshop-v301 .qty-ctl {
  background:#edf5ff!important
}

body.webshop-v301 .qty-ctl button {
  color:#1266f1!important
}

body.webshop-v301 .btn {
  background:linear-gradient(135deg,#0754d4,#2b83ff)!important;
  box-shadow:none!important
}

body.webshop-v301 .btn.ghost {
  background:#fff!important;
  color:#1266f1!important;
  border-color:#bfd6ff!important
}

body.webshop-v301 .btn.green {
  background:linear-gradient(135deg,#0baf72,#27c48a)!important
}

body.webshop-v301 .btn.red {
  background:linear-gradient(135deg,#dc264c,#f34d68)!important
}

.mobile-menu-backdrop-v301 {
  position:fixed;
  inset:0;
  z-index:2147482000;
  background:rgba(8,22,47,.48);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .2s ease,visibility .2s ease;
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
}

.mobile-menu-backdrop-v301.show {
  opacity:1;
  visibility:visible;
  pointer-events:auto
}

.mobile-menu-drawer-v301 {
  position:fixed;
  left:0;
  top:0;
  bottom:0;
  z-index:2147482100;
  width:min(88vw,360px);
  padding:calc(14px + env(safe-area-inset-top)) 14px calc(18px + env(safe-area-inset-bottom));
  background:#fff;
  box-shadow:28px 0 70px rgba(6,25,58,.25);
  transform:translateX(-104%);
  transition:transform .23s cubic-bezier(.2,.8,.2,1);
  overflow:auto;
  overscroll-behavior:contain;
}

.mobile-menu-drawer-v301.show {
  transform:translateX(0)
}

.mobile-menu-handle-v301 {
  display:none
}

.mobile-menu-head-v301 {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:4px 2px 15px;
  border-bottom:1px solid #edf1f7
}

.mobile-menu-brand-v301 {
  color:#1266f1;
  font-size:25px;
  font-style:italic;
  font-weight:1000;
  letter-spacing:-1px
}

.mobile-menu-head-v301 button {
  width:38px;
  height:38px;
  border:0;
  border-radius:12px;
  background:#f1f5fb;
  color:#536078;
  font-size:25px;
  line-height:1
}

.mobile-menu-user-v301 {
  display:grid;
  grid-template-columns:48px 1fr;
  align-items:center;
  gap:11px;
  margin:14px 0;
  padding:13px;
  border-radius:18px;
  background:linear-gradient(135deg,#0754d4,#3c91ff);
  color:#fff;
  box-shadow:0 14px 28px rgba(18,102,241,.20)
}

.mobile-menu-avatar-v301 {
  width:48px;
  height:48px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.22);
  font-size:21px;
  font-weight:1000
}

.mobile-menu-user-v301 small {
  display:block;
  opacity:.85;
  font-size:11px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}

.mobile-menu-user-v301 b {
  display:block;
  margin-top:3px;
  font-size:21px
}

.mobile-menu-list-v301 {
  display:grid;
  gap:7px
}

.mobile-menu-list-v301 button {
  display:grid;
  grid-template-columns:38px 1fr auto;
  align-items:center;
  gap:10px;
  width:100%;
  min-height:54px;
  border:1px solid #e8edf5;
  border-radius:16px;
  padding:8px 11px;
  background:#fff;
  color:#25324a;
  text-align:left
}

.mobile-menu-list-v301 button>span {
  width:38px;
  height:38px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:#edf5ff;
  color:#1266f1;
  font-size:18px
}

.mobile-menu-list-v301 button>b {
  font-size:13px;
  font-weight:900
}

.mobile-menu-list-v301 button>i {
  font-style:normal;
  color:#a4adbd;
  font-size:21px
}

.mobile-menu-list-v301 button.active {
  border-color:#b9d4ff;
  background:#f2f7ff;
  color:#0754d4
}

.mobile-menu-list-v301 button.active>span {
  background:#1266f1;
  color:#fff
}

.mobile-menu-list-v301 .mobile-menu-logout-v301 {
  margin-top:7px;
  border-color:#ffd6dd;
  background:#fff7f8;
  color:#c82b49
}

.mobile-menu-list-v301 .mobile-menu-logout-v301>span {
  background:#ffe9ed;
  color:#d62f50
}

body.mobile-menu-open-v301 {
  overflow:hidden!important;
  touch-action:none!important
}

#customerMenuRootV198,#customerMenuBackdropV198,#customerMenuSheetV198, #hamburgerMenuV191,#topHamburgerV192,#customerMenuRootV197,#customerMenuBackdropV197,#customerMenuSheetV197 {
  display:none!important
}

@media(max-width:980px) {
  html,body {
    scroll-padding-bottom:86px!important
  }

  body.webshop-v301, body.webshop-v301.menu-hamburger-v198 {
    padding-bottom:calc(82px + env(safe-area-inset-bottom))!important
  }

  body.webshop-v301 .header {
    position:sticky!important;
    top:0!important;
    border-radius:0!important;
    z-index:1000!important;
    padding-top:env(safe-area-inset-top)!important;
  }

  body.webshop-v301 .mainbar-v301 {
    display:flex!important;
    flex-direction:column!important;
    gap:9px!important;
    padding:9px 11px 11px!important;
    max-width:none!important;
  }

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

  .mobile-menu-button-v301,.mobile-cart-button-v301 {
    display:grid!important;
    place-items:center!important;
    position:relative!important;
    width:42px!important;
    height:42px!important;
    border:0!important;
    border-radius:13px!important;
    background:#f2f6fc!important;
    color:#1c2b43!important;
    padding:10px!important;
  }

  .mobile-menu-button-v301:active,.mobile-cart-button-v301:active {
    transform:scale(.96)
  }

  .mobile-cart-button-v301 span {
    position:absolute;
    right:-2px;
    top:-2px;
    min-width:17px;
    height:17px;
    padding:0 4px;
    border-radius:999px;
    display:grid;
    place-items:center;
    background:#ff335f;
    color:#fff;
    border:2px solid #fff;
    font-size:8px;
    font-weight:1000;
  }

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

  .logo-v301 #headerSiteName {
    font-size:22px!important;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis
  }

  .search-v301 {
    width:100%!important;
    height:42px!important;
    border-radius:21px!important;
    padding-left:40px!important;
    background:#f1f4f8!important;
    border-color:#edf1f6!important;
    box-shadow:none!important;
  }

  .search-v301 input {
    font-size:11.5px!important;
    padding:0 6px!important
  }

  .search-v301 button {
    height:34px!important;
    width:58px!important;
    border-radius:17px!important;
    font-size:10px!important
  }

  .search-leading-v301 {
    left:14px;
    width:17px;
    height:17px
  }

  .wallet-card-v301 {
    display:none!important
  }

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

  body.webshop-v301 .container {
    display:block!important;
    padding:10px!important;
    max-width:720px!important;
    margin:0 auto!important
  }

  body.webshop-v301 .container>section {
    min-width:0!important
  }

  .shop-balance-v301 {
    margin:0 0 10px!important;
    padding:12px!important;
    border-radius:18px!important;
    gap:10px!important;
    min-height:82px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
  }

  .shop-balance-v301 .shop-balance-left-v62 {
    gap:10px!important;
    min-width:0!important
  }

  .shop-balance-icon-v301 {
    width:42px!important;
    height:42px!important;
    border-radius:14px!important;
    padding:10px!important;
    flex:0 0 auto!important
  }

  .shop-balance-v301 small {
    font-size:9px!important;
    opacity:.86!important
  }

  .shop-balance-v301 b {
    font-size:22px!important;
    line-height:1.12!important
  }

  .shop-balance-v301 .shop-balance-sub-v62 {
    font-size:9px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    max-width:45vw!important
  }

  .shop-balance-v301 .shop-balance-actions-v62 {
    gap:6px!important;
    align-items:flex-end!important;
    z-index:1!important
  }

  .shop-balance-v301 .shop-cart-summary-v62 {
    display:none!important
  }

  .shop-balance-v301 .btn.ghost {
    min-height:34px!important;
    padding:7px 11px!important;
    border-radius:12px!important;
    font-size:10px!important;
    white-space:nowrap!important
  }

  .banner-row-v301 {
    margin:0 0 13px!important
  }

  body.webshop-v301 .banner-main {
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:2048/682!important;
    border-radius:16px!important;
    margin:0!important;
  }

  body.webshop-v301 .banner-main img, body.webshop-v301 .banner-main .banner-slide img, body.webshop-v301 .banner-slide-v152 img {
    object-fit:cover!important;
    object-position:center!important
  }

  body.webshop-v301 .banner-mini {
    display:none!important
  }

  body.webshop-v301 #noticeWrap .notice {
    border-radius:14px!important;
    font-size:10px!important
  }

  body.webshop-v301 .section-head {
    margin:3px 0 8px!important;
    gap:7px!important
  }

  body.webshop-v301 .section-head h2 {
    font-size:15px!important
  }

  body.webshop-v301 .product-summary-v152 {
    font-size:9.5px!important;
    margin-top:2px!important
  }

  body.webshop-v301 .section-head .tools {
    gap:5px!important
  }

  body.webshop-v301 .section-head .tools .btn {
    min-height:31px!important;
    padding:6px 8px!important;
    border-radius:10px!important;
    font-size:9px!important
  }

  .category-tabs-v198 {
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:flex-start!important;
    gap:8px!important;
    margin:0 -2px 11px!important;
    padding:2px 2px 5px!important;
    min-height:73px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity!important;
    scrollbar-width:none!important;
  }

  .category-tabs-v198::-webkit-scrollbar {
    display:none!important
  }

  .category-tabs-v198 button {
    flex:0 0 65px!important;
    min-width:65px!important;
    min-height:68px!important;
    padding:0 2px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:5px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#45516a!important;
    box-shadow:none!important;
    font-size:9.3px!important;
    line-height:1.18!important;
    white-space:normal!important;
    text-align:center!important;
    scroll-snap-align:start!important;
  }

  .category-tabs-v198 button .category-icon-v301 {
    width:44px;
    height:44px;
    border-radius:15px;
    display:grid;
    place-items:center;
    background:#eef5ff;
    color:#1266f1;
    border:1px solid #dbe9ff;
    font-size:20px;
    box-shadow:0 7px 16px rgba(29,80,150,.08)
  }

  .category-tabs-v198 button .category-label-v301 {
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    width:100%;
    font-weight:800
  }

  .category-tabs-v198 button.active {
    background:transparent!important;
    color:#0754d4!important;
    border:0!important;
    box-shadow:none!important
  }

  .category-tabs-v198 button.active .category-icon-v301 {
    background:linear-gradient(135deg,#0754d4,#3b8cff);
    color:#fff;
    border-color:transparent;
    box-shadow:0 9px 20px rgba(18,102,241,.24)
  }

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

  body.webshop-v301 .product {
    border-radius:16px!important;
    overflow:hidden!important
  }

  body.webshop-v301 .product .cover {
    aspect-ratio:1/1!important
  }

  body.webshop-v301 .product .cover img {
    object-fit:contain!important;
    padding:4px!important;
    background:#fff!important
  }

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

  body.webshop-v301 .product .name {
    font-size:11px!important;
    line-height:1.42!important;
    height:32px!important
  }

  body.webshop-v301 .product .condition {
    font-size:8.8px!important;
    line-height:1.45!important;
    height:26px!important;
    color:#7b8799!important
  }

  body.webshop-v301 .product .price {
    margin:6px 0!important
  }

  body.webshop-v301 .product .sale {
    font-size:15px!important
  }

  body.webshop-v301 .product .full {
    font-size:9px!important
  }

  body.webshop-v301 .product .qty {
    gap:5px!important;
    align-items:center!important
  }

  body.webshop-v301 .product .qty-ctl button {
    width:25px!important;
    height:25px!important
  }

  body.webshop-v301 .product .qty-ctl span {
    min-width:23px!important
  }

  body.webshop-v301 .product .add-cart-v62 {
    min-width:0!important;
    flex:1!important;
    min-height:31px!important;
    border-radius:10px!important;
    padding:6px 5px!important;
    font-size:9px!important
  }

  body.webshop-v301 .bottom-nav, body.webshop-v301.menu-hamburger-v198 .bottom-nav {
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    min-height:70px!important;
    height:auto!important;
    padding:5px 8px calc(6px + env(safe-area-inset-bottom))!important;
    display:flex!important;
    align-items:stretch!important;
    gap:2px!important;
    background:rgba(255,255,255,.98)!important;
    border:0!important;
    border-top:1px solid #e5ebf4!important;
    border-radius:0!important;
    box-shadow:0 -8px 24px rgba(25,57,102,.10)!important;
    z-index:1200!important;
  }

  body.webshop-v301 .bottom-nav button {
    flex:1 1 0!important;
    min-width:0!important;
    min-height:58px!important;
    height:58px!important;
    padding:5px 2px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    border:0!important;
    border-radius:14px!important;
    background:transparent!important;
    color:#7c879c!important;
  }

  body.webshop-v301 .bottom-nav button.active {
    background:#edf5ff!important;
    color:#1266f1!important
  }

  body.webshop-v301 .bottom-nav button.active::before {
    display:none!important
  }

  body.webshop-v301 .bottom-nav .nav-icon-v301 {
    width:22px!important;
    height:22px!important;
    min-height:22px!important;
    line-height:1!important;
    font-size:0!important;
    color:currentColor!important
  }

  body.webshop-v301 .bottom-nav button em {
    font-style:normal!important;
    font-size:9.2px!important;
    line-height:1.08!important;
    font-weight:800!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    max-width:100%!important;
  }

  #floatingCart.floating-cart {
    right:12px!important;
    bottom:calc(82px + env(safe-area-inset-bottom))!important;
    z-index:1180!important
  }

  #syncChip {
    bottom:calc(143px + env(safe-area-inset-bottom))!important
  }
}

@media(max-width:430px) {
  body.webshop-v301 .container {
    padding:8px!important
  }

  .shop-balance-v301 {
    border-radius:16px!important;
    padding:10px!important
  }

  body.webshop-v301 .banner-main {
    border-radius:14px!important
  }

  .category-tabs-v198 {
    gap:5px!important
  }

  .category-tabs-v198 button {
    flex-basis:60px!important;
    min-width:60px!important
  }

  .category-tabs-v198 button .category-icon-v301 {
    width:42px;
    height:42px;
    border-radius:14px;
    font-size:19px
  }
}

@media(max-width:360px) {
  .mobile-menu-drawer-v301 {
    width:92vw;
    padding-left:11px;
    padding-right:11px
  }

  .search-v301 button {
    width:52px!important
  }

  .shop-balance-v301 b {
    font-size:19px!important
  }

  .shop-balance-v301 .shop-balance-sub-v62 {
    max-width:42vw!important
  }

  body.webshop-v301 .products {
    gap:7px!important
  }

  body.webshop-v301 .product .body {
    padding:7px!important
  }

  body.webshop-v301 .product .name {
    font-size:10px!important;
    height:29px!important
  }

  body.webshop-v301 .product .add-cart-v62 {
    font-size:8.3px!important
  }

  body.webshop-v301 .bottom-nav button em {
    font-size:8.5px!important
  }
}

@media(min-width:981px) {
  .mobile-menu-backdrop-v301,.mobile-menu-drawer-v301 {
    display:none!important
  }
}

:root {
  --webshop-blue:var(--orange);
  --webshop-blue-dark:var(--orange);
  --webshop-sky:color-mix(in srgb, var(--orange) 10%, #ffffff);
}

body.webshop-v301 {
  background:var(--bg)!important;
}

body.webshop-v301 .topbar, .wallet-card-v301, .shop-balance-v301, body.webshop-v301 .btn, .mobile-menu-user-v301 {
  background:linear-gradient(135deg,var(--orange),var(--orange2))!important;
}

body.webshop-v301 .header {
  background:#fff!important;
}

.logo-v301 #headerSiteName, .mobile-menu-brand-v301, body.webshop-v301 .product .sale, body.webshop-v301 .bottom-nav button.active, body.webshop-v301 .desktop-nav button.active, body.webshop-v301 .desktop-nav button:hover, body.webshop-v301 .btn.ghost, body.webshop-v301 .qty-ctl button {
  color:var(--orange)!important;
}

body.webshop-v301 .btn.ghost, body.webshop-v301 .desktop-nav button.active, body.webshop-v301 .desktop-nav button:hover, body.webshop-v301 .bottom-nav button.active, .mobile-menu-list-v301 button.active, .mobile-menu-list-v301 button>span, .category-tabs-v198 button .category-icon-v301, .mobile-menu-button-v301, .mobile-cart-button-v301, .search-v301, body.webshop-v301 .qty-ctl {
  background:color-mix(in srgb, var(--orange) 8%, #ffffff)!important;
}

body.webshop-v301 .btn.ghost, .mobile-menu-list-v301 button.active, .mobile-menu-list-v301 button, .category-tabs-v198 button .category-icon-v301, body.webshop-v301 .product, body.webshop-v301 .card, body.webshop-v301 .side-card, body.webshop-v301 .banner-main, body.webshop-v301 .mini-banner {
  border-color:color-mix(in srgb, var(--orange) 14%, #dbe5f2)!important;
}

.mobile-menu-list-v301 button>span, .category-tabs-v198 button .category-icon-v301 {
  color:var(--orange)!important;
}

.mobile-menu-list-v301 button.active>span, .category-tabs-v198 button.active .category-icon-v301, body.webshop-v301 .product .tag, .search-v301 button, .mobile-menu-button-v301.active, .mobile-cart-button-v301.active {
  background:linear-gradient(135deg,var(--orange),var(--orange2))!important;
  color:#fff!important;
}

body.webshop-v301 .bottom-nav button.active {
  background:color-mix(in srgb, var(--orange) 10%, #ffffff)!important
}

body.webshop-v301 .section-head h2, body.webshop-v301 .product .name {
  color:#15233d!important
}

body.webshop-v301 .mobile-cart-button-v301 span {
  background:#ff4d6d!important
}

body.webshop-v301 .mainbar-v301 {
  grid-template-columns:230px minmax(300px,1fr) 190px!important
}

.shop-balance-v301 .shop-balance-actions-v62 {
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  z-index:1!important;
  flex-wrap:wrap!important;
}

.shop-balance-v301 .shop-cart-summary-v62 {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  padding:0 16px!important;
  border-radius:999px!important;
  white-space:nowrap!important;
  background:rgba(255,255,255,.16)!important;
  border:1px solid rgba(255,255,255,.24)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}

.shop-balance-v301 .btn.ghost {
  min-height:42px!important;
  padding:0 18px!important;
  border-radius:14px!important;
  color:var(--orange)!important;
  background:#fff!important;
  border:1px solid rgba(255,255,255,.75)!important;
}

@media(max-width:980px) {
  .shop-balance-v301 {
    align-items:stretch!important;
    gap:12px!important;
    flex-wrap:wrap!important;
  }

  .shop-balance-v301 .shop-balance-left-v62 {
    width:100%!important;
  }

  .shop-balance-v301 .shop-balance-actions-v62 {
    width:100%!important;
    justify-content:space-between!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
  }

  .shop-balance-v301 .shop-cart-summary-v62 {
    display:flex!important;
    flex:1 1 auto!important;
    min-width:0!important;
    font-size:10px!important;
    padding:0 10px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .shop-balance-v301 .btn.ghost {
    flex:0 0 auto!important;
    min-width:84px!important;
    min-height:36px!important;
    padding:0 12px!important;
    font-size:10px!important;
  }

  .shop-balance-v301 .shop-balance-sub-v62 {
    max-width:none!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
}

#floatingCart, body.webshop-v301 #floatingCart, body:not(.page-home-v75) #floatingCart, body.coupon-modal-open-v224 #floatingCart, body.condition-popup-open-v228 #floatingCart {
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

.cart-drawer, .cart-drawer * {
  box-sizing:border-box
}

.cart-drawer .drawer-head, .cart-drawer .drawer-body, .cart-drawer .drawer-foot, .cart-drawer .summary, .cart-drawer .summary .row, .cart-drawer .discount-box, .cart-drawer .cart-item {
  min-width:0!important
}

.cart-drawer .drawer-body {
  overflow-x:hidden!important
}

.cart-drawer .drawer-foot {
  width:100%!important;
  overflow:hidden!important
}

.cart-drawer .summary {
  width:100%!important;
  overflow:hidden!important
}

.cart-drawer .summary .row {
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:10px!important;
  flex-wrap:nowrap!important;
}

.cart-drawer .summary .row > span, .cart-drawer .summary .row > b, .cart-drawer .summary .row.total > span {
  min-width:0!important;
  word-break:break-word!important;
}

.cart-drawer .summary .row > span {
  flex:1 1 auto!important
}

.cart-drawer .summary .row > b, .cart-drawer .summary .row.total > span:last-child {
  text-align:right!important;
  flex:0 1 auto!important
}

@media(max-width:980px) {
  .cart-drawer {
    width:100vw!important;
    max-width:100vw!important;
  }

  .cart-drawer .drawer-body {
    padding-right:9px!important;
    padding-left:9px!important
  }

  .cart-drawer .drawer-foot {
    padding:8px 10px calc(12px + env(safe-area-inset-bottom))!important
  }

  .cart-drawer .discount-box {
    grid-template-columns:minmax(0,1fr) auto!important;
  }

  .cart-drawer .discount-box input {
    min-width:0!important
  }
}

#profile .settings-page {
  display:grid!important;
  gap:12px!important
}

#profile .settings-card {
  border:1px solid color-mix(in srgb, var(--orange) 12%, #dbe5f2)!important;
  border-radius:18px!important;
  overflow:hidden!important;
  box-shadow:0 10px 28px rgba(31,41,55,.07)!important;
}

#profile .settings-card:first-child {
  background:linear-gradient(135deg,var(--orange),var(--orange2))!important;
  color:#fff!important;
}

#profile .settings-card:first-child .settings-head {
  background:transparent!important;
  color:#fff!important;
  border-bottom:1px solid rgba(255,255,255,.14)!important;
}

#profile .settings-card:first-child .settings-head .icon {
  background:rgba(255,255,255,.18)!important;
  color:#fff!important;
}

#profile .settings-card:first-child .profile-summary {
  padding:14px!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

#profile .settings-card:first-child .profile-stat {
  background:rgba(255,255,255,.14)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}

#profile .settings-card:first-child .profile-stat span, #profile .settings-card:first-child .profile-stat b, #profile .settings-card:first-child .profile-stat small {
  color:#fff!important;
}

#profile .settings-card:first-child .profile-stat small {
  opacity:.88!important
}

#profile .settings-head {
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  padding:12px 14px!important;
  border-bottom:1px solid #edf2f7!important;
  font-weight:900!important;
  color:#16233c!important;
}

#profile .settings-head .icon {
  width:34px!important;
  height:34px!important;
  border-radius:12px!important;
  display:grid!important;
  place-items:center!important;
  background:color-mix(in srgb, var(--orange) 10%, #ffffff)!important;
  color:var(--orange)!important;
}

#profile .settings-list {
  display:grid!important;
  gap:0!important
}

#profile .setting-row {
  display:grid!important;
  grid-template-columns:40px 1fr auto!important;
  align-items:center!important;
  gap:10px!important;
  padding:12px 14px!important;
  border-bottom:1px solid #eef2f7!important;
  background:#fff!important;
}

#profile .setting-row:last-child {
  border-bottom:0!important
}

#profile .setting-icon {
  width:40px!important;
  height:40px!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  background:color-mix(in srgb, var(--orange) 10%, #ffffff)!important;
  color:var(--orange)!important;
  font-size:18px!important;
}

#profile .setting-title {
  color:#13213b!important;
  font-weight:900!important
}

#profile .setting-desc {
  color:#73809a!important
}

#profile .setting-action .btn, #profile .logout-profile-btn-v42 {
  border-radius:12px!important;
  min-height:36px!important;
  padding:8px 12px!important;
}

#profile .profile-logout-card-v42 .setting-row {
  background:#fff7f8!important
}

#profile .profile-logout-card-v42 .setting-icon {
  background:#ffe7ec!important;
  color:#d64162!important
}

@media(max-width:980px) {
  #profile .settings-page {
    gap:10px!important
  }

  #profile .settings-card:first-child .profile-summary {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    padding:10px!important;
    gap:8px!important
  }

  #profile .profile-stat {
    padding:10px!important;
    border-radius:13px!important
  }

  #profile .profile-stat span {
    font-size:9px!important
  }

  #profile .profile-stat b {
    font-size:13.5px!important
  }

  #profile .profile-stat small {
    font-size:8.5px!important
  }

  #profile .setting-row {
    grid-template-columns:34px 1fr auto!important;
    padding:10px!important;
    gap:8px!important
  }

  #profile .setting-icon {
    width:34px!important;
    height:34px!important;
    border-radius:12px!important;
    font-size:16px!important
  }

  #profile .setting-title {
    font-size:11.4px!important
  }

  #profile .setting-desc {
    font-size:9px!important
  }

  #profile .setting-action .btn, #profile .logout-profile-btn-v42 {
    min-height:32px!important;
    padding:6px 9px!important;
    font-size:9.5px!important
  }
}

#couponImageExportSettingRowV167, #couponImageExportModalV167, [onclick*="openCouponImageExportV167"], [data-coupon-image-export-v167] {
  display:none!important
}

.shop-balance-v301 .shop-balance-actions-v62 {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  width:100%!important;
  gap:10px!important;
  margin-top:12px!important;
  align-items:stretch!important;
}

.shop-balance-v301 .shop-cart-summary-v62, .shop-balance-v301 .btn.ghost {
  width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:0 12px!important;
  border-radius:14px!important;
  font-weight:900!important;
}

.shop-balance-v301 .shop-cart-summary-v62 {
  cursor:pointer!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.shop-balance-v301 .shop-balance-left-v62 {
  width:100%!important
}

@media(max-width:980px) {
  .shop-balance-v301 {
    display:block!important;
    padding:12px!important;
  }

  .shop-balance-v301 .shop-balance-actions-v62 {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin-top:10px!important;
  }

  .shop-balance-v301 .shop-cart-summary-v62, .shop-balance-v301 .btn.ghost {
    min-height:38px!important;
    font-size:10px!important;
  }
}

@media(max-width:980px) {
  .overlay {
    z-index:2147482400!important;
  }

  .cart-drawer {
    top:0!important;
    right:0!important;
    left:0!important;
    bottom:0!important;
    width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    max-height:100dvh!important;
    border-radius:0!important;
    z-index:2147482450!important;
    transform:translateX(101%)!important;
  }

  .cart-drawer.show {
    transform:translateX(0)!important;
  }

  .cart-drawer .drawer-head {
    position:sticky!important;
    top:0!important;
    z-index:3!important;
    background:#fff!important;
  }

  .cart-drawer .drawer-body {
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    padding:10px!important;
    padding-bottom:18px!important;
    scroll-padding-bottom:180px!important;
  }

  .cart-drawer .drawer-foot {
    position:sticky!important;
    bottom:0!important;
    z-index:4!important;
    width:100%!important;
    margin:0!important;
    padding:10px 10px calc(12px + env(safe-area-inset-bottom))!important;
    background:#fff!important;
    box-shadow:0 -14px 32px rgba(15,23,42,.12)!important;
  }

  .cart-drawer .summary {
    width:100%!important;
    margin:0 0 10px!important;
    padding:10px!important;
  }

  .cart-drawer .summary .row {
    display:flex!important;
    justify-content:space-between!important;
    align-items:flex-start!important;
    gap:12px!important;
    flex-wrap:nowrap!important;
  }

  .cart-drawer .summary .row span, .cart-drawer .summary .row b, .cart-drawer .summary .row .total {
    min-width:0!important;
    word-break:break-word!important;
  }

  .cart-drawer .discount-box {
    grid-template-columns:minmax(0,1fr) auto!important;
    width:100%!important;
  }

  .cart-drawer .discount-box input {
    min-width:0!important
  }

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

  body.cart-open-v66 {
    overflow:hidden!important
  }
}

.coupon-clean-list.coupon-list-tight-v304, #couponList.coupon-list-tight-v304 {
  gap:6px!important;
}

#couponList.coupon-list-tight-v304 .coupon-clean-card, .coupon-list-tight-v304 .coupon-clean-card {
  border-radius:14px!important;
  box-shadow:0 4px 12px rgba(31,41,55,.05)!important;
}

#couponList.coupon-list-tight-v304 .coupon-clean-body, .coupon-list-tight-v304 .coupon-clean-body {
  padding:8px 10px!important;
  gap:4px!important;
}

#couponList.coupon-list-tight-v304 .coupon-clean-title, .coupon-list-tight-v304 .coupon-clean-title {
  font-size:12px!important;
  line-height:1.3!important;
  min-height:auto!important;
}

#couponList.coupon-list-tight-v304 .coupon-meta, .coupon-list-tight-v304 .coupon-meta {
  padding:5px 8px!important;
  font-size:9px!important;
}

#couponList.coupon-list-tight-v304 .coupon-clean-expiry, .coupon-list-tight-v304 .coupon-clean-expiry {
  font-size:9px!important;
  padding:5px 6px!important;
}

#couponList.coupon-list-tight-v304 .coupon-store-note, .coupon-list-tight-v304 .coupon-store-note {
  font-size:9px!important;
  padding:6px 8px!important;
}

@media(max-width:980px) {
  #couponList.coupon-list-tight-v304 .coupon-clean-card, .coupon-list-tight-v304 .coupon-clean-card {
    grid-template-columns:96px 1fr!important;
    min-height:100px!important;
  }

  #couponList.coupon-list-tight-v304 .coupon-clean-cover, .coupon-list-tight-v304 .coupon-clean-cover {
    min-height:100%!important;
  }

  #couponList.coupon-list-tight-v304 .coupon-clean-cover img, .coupon-list-tight-v304 .coupon-clean-cover img {
    padding:2px!important;
  }
}

.my-coupon-share-btn {
  min-width:112px!important;
  width:112px!important;
  min-height:42px!important;
  height:auto!important;
  padding:6px 8px!important;
  border-radius:12px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1.15!important;
  gap:2px!important;
}

.my-coupon-share-btn .share-main {
  display:block!important;
  font-size:10px!important;
  font-weight:900!important;
}

.my-coupon-share-btn .share-sub {
  display:block!important;
  font-size:8px!important;
  line-height:1.15!important;
  opacity:.82!important;
}

.my-coupon-share-btn .share-check {
  display:none!important;
  font-size:10px!important;
  font-weight:900!important;
}

.my-coupon-share-btn.shared .share-main, .my-coupon-share-btn.shared .share-sub {
  display:none!important;
}

.my-coupon-share-btn.shared .share-check {
  display:block!important;
}

@media(max-width:980px) {
  #couponList .coupon-clean-actions {
    grid-template-columns:minmax(0,1fr) 112px!important;
    gap:6px!important;
    align-items:stretch!important;
  }

  .my-coupon-share-btn {
    min-width:112px!important;
    width:112px!important;
    min-height:38px!important;
    padding:5px 6px!important;
  }

  .my-coupon-share-btn .share-main {
    font-size:9px!important
  }

  .my-coupon-share-btn .share-sub {
    font-size:7px!important
  }
}

@media(max-width:980px) {
  .cart-drawer {
    display:block!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scroll-padding-top:10px!important;
    scroll-padding-bottom:14px!important;
  }

  .cart-drawer .drawer-head {
    position:sticky!important;
    top:0!important;
    z-index:5!important;
    background:#fff!important;
  }

  .cart-drawer .drawer-body {
    display:block!important;
    flex:none!important;
    min-height:0!important;
    overflow:visible!important;
    padding:8px 8px 10px!important;
  }

  .cart-drawer .drawer-foot {
    position:static!important;
    width:100%!important;
    margin:8px 0 0!important;
    padding:0 0 calc(12px + env(safe-area-inset-bottom))!important;
    border-top:0!important;
    box-shadow:none!important;
    background:transparent!important;
  }

  .cart-drawer .notice {
    margin:0 0 8px!important;
    font-size:9.5px!important;
    line-height:1.5!important;
  }

  .cart-drawer #cartList {
    margin-bottom:6px!important;
  }

  .cart-drawer .cart-item {
    margin-bottom:6px!important;
  }

  .cart-drawer .discount-box, .cart-drawer .cart-saved-row, .cart-drawer #discountResult, .cart-drawer #pointDiscountPanel {
    margin-top:6px!important;
    margin-bottom:6px!important;
  }

  .cart-drawer .summary {
    margin:8px 0 10px!important;
    border:1px solid #f4cabd!important;
    background:#fff!important;
  }

  .cart-drawer .summary .row {
    padding:4px 0!important;
    font-size:11px!important;
  }

  .cart-drawer .drawer-foot .btn.full, .cart-drawer .drawer-foot button[onclick*="checkout"] {
    min-height:48px!important;
    width:100%!important;
    margin:0!important;
  }
}

#couponModal .modal-actions-center .btn, #couponModal .modal-actions-center .transfer-coupon-button, #couponModal .modal-actions-center #couponTransferButton {
  text-align:center!important;
}

#couponModal button .share-icon, #couponModal button .share-subtext, #couponModal button .share-text {
  display:none!important;
}

#profile .setting-row.coupon-image-export-row-v304, #couponImageExportSettingRowV167, #couponImageExportModalV167, [onclick*="openCouponImageExportV167"], [data-coupon-image-export-v167] {
  display:none!important;
}

#couponFastStatus, #orderFastStatus, #historySmoothStatusV162, .history-smooth-status-v162, .history-skeleton-v162, #coupons [onclick*="loadMyCoupons"], #orders [onclick*="loadAllHistory"] {
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
}

#couponList .coupon-skeleton {
  display:none!important
}

.toast-container {
  position:fixed!important;
  top:calc(10px + env(safe-area-inset-top))!important;
  right:10px!important;
  left:auto!important;
  bottom:auto!important;
  z-index:2147483646!important;
  width:min(390px,calc(100vw - 20px))!important;
  pointer-events:none!important;
}

.toast-container .toast-item {
  pointer-events:auto!important
}

#securityNoticeV37 {
  z-index:2147483646!important
}

.web-confirm-v7,.use-confirm-overlay-v24 {
  z-index:2147483600!important
}

body.webshop-v301 .btn, body.webshop-v301 button, body.webshop-v301 .bottom-nav button, body.webshop-v301 .setting-row, body.webshop-v301 .settings-card, body.webshop-v301 .history-card, body.webshop-v301 .coupon-clean-card, body.webshop-v301 .product {
  transition:none!important;
  animation:none!important;
}

body.webshop-v301 .btn:active, body.webshop-v301 button:active {
  transform:none!important
}

#profile .settings-card:first-child {
  background:linear-gradient(135deg,color-mix(in srgb,var(--orange) 12%,#ffffff),color-mix(in srgb,var(--orange2) 18%,#ffffff))!important;
  color:#17233a!important;
  border:1px solid color-mix(in srgb,var(--orange) 20%,#dce7f4)!important;
  box-shadow:0 10px 28px rgba(31,65,115,.08)!important;
}

#profile .settings-card:first-child .settings-head {
  color:#17233a!important;
  border-bottom:1px solid color-mix(in srgb,var(--orange) 13%,#e7edf5)!important;
}

#profile .settings-card:first-child .settings-head .icon {
  color:var(--orange)!important;
  background:rgba(255,255,255,.72)!important;
}

#profile .settings-card:first-child .profile-stat {
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(255,255,255,.88)!important;
  box-shadow:none!important;
}

#profile .settings-card:first-child .profile-stat span {
  color:#667085!important
}

#profile .settings-card:first-child .profile-stat b {
  color:#17233a!important
}

#profile .settings-card:first-child .profile-stat small {
  color:#7b879b!important;
  opacity:1!important
}

#lineConnectCardV104 {
  background:linear-gradient(135deg,#f5fff9,#ffffff)!important;
  border-color:#cfeedd!important;
  box-shadow:0 8px 24px rgba(22,163,74,.06)!important;
}

#lineConnectCardV104 .settings-head {
  background:transparent!important;
  color:#173827!important
}

.line-profile-box-v104 {
  background:rgba(255,255,255,.86)!important;
  border-color:#d8eee1!important
}

@media(max-width:640px) {
  .toast-container {
    top:calc(8px + env(safe-area-inset-top))!important;
    right:8px!important;
    width:calc(100vw - 16px)!important
  }
}

@media(max-width:980px) {
  body.webshop-v301 .mobile-head-v301 {
    position:relative!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    height:42px!important;
    min-height:42px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    direction:ltr!important;
  }

  body.webshop-v301 .mobile-menu-button-v301, body.webshop-v301 .mobile-cart-button-v301 {
    position:absolute!important;
    top:0!important;
    bottom:auto!important;
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    margin:0!important;
    z-index:4!important;
    flex:none!important;
    transform:none!important;
  }

  body.webshop-v301 .mobile-menu-button-v301 {
    left:0!important;
    right:auto!important;
  }

  body.webshop-v301 .mobile-cart-button-v301 {
    right:0!important;
    left:auto!important;
    margin-left:auto!important;
  }

  body.webshop-v301 .mobile-head-v301 .logo-v301 {
    position:absolute!important;
    top:0!important;
    left:52px!important;
    right:52px!important;
    width:auto!important;
    height:42px!important;
    min-width:0!important;
    margin:0!important;
    padding:0 4px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    overflow:hidden!important;
    z-index:2!important;
  }

  body.webshop-v301 .mobile-head-v301 .logo-v301 #headerSiteName {
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    text-align:center!important;
  }

  body.webshop-v301 .mobile-cart-button-v301 span {
    right:-2px!important;
    left:auto!important;
  }
}

@media(max-width:360px) {
  body.webshop-v301 .mobile-head-v301 {
    height:40px!important;
    min-height:40px!important;
  }

  body.webshop-v301 .mobile-menu-button-v301, body.webshop-v301 .mobile-cart-button-v301 {
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    padding:9px!important;
  }

  body.webshop-v301 .mobile-head-v301 .logo-v301 {
    left:47px!important;
    right:47px!important;
    height:40px!important;
  }

  body.webshop-v301 .mobile-head-v301 .logo-v301 #headerSiteName {
    font-size:19px!important;
  }
}

@media(max-width:290px) {
  body.webshop-v301 .mobile-head-v301 .logo-v301 {
    left:44px!important;
    right:44px!important;
  }

  body.webshop-v301 .mobile-head-v301 .logo-v301 #headerSiteName {
    font-size:16px!important;
  }
}

@media (max-width:980px) {
  body {
    background-attachment:scroll!important;
  }
}

.product, .history-card, .coupon, .coupon-clean-card-v131, .public-product-card, .member-reward-card-v74 {
  contain:layout paint style;
}

@supports (content-visibility:auto) {
  .product, .history-card, .coupon-clean-card-v131, .public-product-card {
    content-visibility:auto;
    contain-intrinsic-size:1px 320px;
  }
}

.cart-drawer, .mobile-menu-drawer-v301, .mobile-menu-backdrop-v301, .modal, .toast-item {
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

@media (prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto!important
  }

  *,*::before,*::after {
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}

html {
  scroll-behavior:auto!important
}

@media(max-width:980px) {
  .loading, .mobile-menu-backdrop-v301, .shop-balance-v301 .shop-cart-summary-v62, #profile .settings-card:first-child .profile-stat, .my-coupon-pager-v145, .my-coupon-pager-v146, .coupon-image-export-modal-v167, .customer-menu-backdrop-v198 {
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  .product, .coupon, .coupon-clean-card, .coupon-clean-card-v131, .public-product, .public-product-card {
    content-visibility:visible!important;
    contain:none!important;
    transform:none!important;
    backface-visibility:visible!important;
    -webkit-backface-visibility:visible!important;
  }

  .product img, .coupon-clean-cover img, .coupon-preview, .banner-main img, .banner-slide img, .image-stable-v300 {
    transform:none!important;
    backface-visibility:visible!important;
    -webkit-backface-visibility:visible!important;
  }

  body.webshop-v301 .product, body.webshop-v301 .card, body.webshop-v301 .settings-card, body.webshop-v301 .history-card, body.webshop-v301 .coupon, body.webshop-v301 .coupon-clean-card, body.webshop-v301 .side-card {
    box-shadow:0 2px 8px rgba(15,23,42,.055)!important;
  }

  body.webshop-v301 .header {
    box-shadow:0 1px 6px rgba(15,23,42,.07)!important
  }

  .modal, #conditionInfoModal.modal, .web-confirm-card-v7, .professional-popup-card-v300 {
    transition:opacity .12s ease,transform .12s ease!important;
    will-change:auto!important;
  }

  #overlay, .web-confirm-v7, .use-confirm-overlay-v24, .professional-popup-v300 {
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  .condition-popup-content-v225, .modal-body, .professional-popup-card-v300 {
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
  }
}

.slip-help-v310 {
  display:block;
  margin-top:6px;
  color:#64748b;
  font-size:11px;
  line-height:1.6
}

#slipOcrStatus {
  will-change:auto!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important
}

@media(max-width:980px) {
  .slip-help-v310 {
    font-size:10px
  }

  .wallet-card,.card,.modal {
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important
  }
}

.product .product-condition-trigger-v313 {
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  position:relative!important;
  z-index:2!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:28px!important;
  margin:6px 0 2px!important;
  padding:6px 10px!important;
  border:1px solid #fed7aa!important;
  border-radius:999px!important;
  background:#f8fafc!important;
  color:#ea580c!important;
  font-size:10.5px!important;
  font-weight:900!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  box-shadow:none!important;
  transform:none!important;
}

.product .product-condition-trigger-v313:hover, .product .product-condition-trigger-v313:active {
  background:#ffedd5!important;
  color:#c2410c!important;
  transform:none!important;
}

@media(max-width:980px) {
  .product .product-condition-trigger-v313 {
    display:flex!important;
    min-height:27px!important;
    margin-top:5px!important;
    padding:5px 9px!important;
    font-size:9.8px!important;
  }
}

#couponImageExportSettingRowV167, #couponImageExportModalV167, [onclick*="openCouponImageExportV167"], [data-coupon-image-export-v167] {
  display:none!important
}

html {
  scroll-behavior:auto!important;
}

body {
  overscroll-behavior-y:auto;
  -webkit-overflow-scrolling:touch;
}

#productGrid {
  content-visibility:visible!important;
  contain:none!important;
  touch-action:pan-y;
  transform:none!important;
}

#productGrid > .product {
  display:flex!important;
  flex-direction:column!important;
  align-self:stretch!important;
  min-width:0!important;
  contain:none!important;
  content-visibility:visible!important;
  transform:none!important;
  transition:none!important;
  animation:none!important;
}

#productGrid > .product > .cover {
  flex:0 0 auto!important;
  contain:none!important;
  background:#f7f9fc!important;
}

#productGrid > .product > .body {
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
  min-height:0!important;
  contain:none!important;
}

#productGrid > .product > .body > .qty, #productGrid > .product > .body > .btn.full:last-child {
  margin-top:auto!important;
}

#productGrid .product-image-v316 {
  display:block!important;
  width:100%!important;
  height:100%!important;
  aspect-ratio:1/1!important;
  object-fit:contain!important;
  background:#fff!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  transition:none!important;
  animation:none!important;
  image-rendering:auto!important;
}

#productGrid .product-image-v316.image-retrying-v316 {
  opacity:.72!important;
}

@media(max-width:980px) {
  body.webshop-v301 .header, body.webshop-v301 .bottom-nav {
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  body.webshop-v301 .header {
    box-shadow:0 1px 7px rgba(25,57,102,.07)!important;
  }

  body.webshop-v301 .bottom-nav {
    box-shadow:0 -2px 10px rgba(25,57,102,.08)!important;
    background:#fff!important;
    contain:layout style!important;
  }

  .mobile-menu-backdrop-v301, .loading, .web-notify-permission-v246, .my-coupon-pager-v145, .my-coupon-pager-v146 {
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  body.webshop-v301 .product {
    box-shadow:0 2px 9px rgba(29,66,117,.065)!important;
    border-color:#e5ebf4!important;
  }

  body.webshop-v301 .product .cover, body.webshop-v301 .product .body, body.webshop-v301 .product * {
    animation:none!important;
  }

  .category-tabs-v198,.banner-track-v152 {
    scroll-behavior:auto!important;
  }
}

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

.product .product-condition-trigger-v313 {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  z-index:2!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important
}

body.condition-popup-open-v317 #conditionInfoModal.show {
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  z-index:10021!important
}

body.condition-popup-open-v317 #overlay.show {
  display:block!important;
  pointer-events:auto!important;
  z-index:10020!important
}

.product, .history-card, .coupon, .coupon-clean-card, .coupon-clean-card-v131, .public-product, .public-product-card, .member-reward-card-v74, #memberRewardGridV74 .product {
  content-visibility:visible!important;
  contain:none!important;
  contain-intrinsic-size:none!important;
}

.product, .product .body, .product .qty, .product .qty-ctl, .product .btn, .product button, .product .product-condition-trigger-v313, .product .product-condition-trigger-v227 {
  visibility:visible!important;
  opacity:1!important;
  backface-visibility:visible!important;
  -webkit-backface-visibility:visible!important;
}

.header, .bottom-nav, #floatingCart, .cart-drawer .drawer-head, .cart-drawer .drawer-foot {
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  -webkit-perspective:1000px;
  perspective:1000px;
}

.bottom-nav {
  contain:none!important;
  isolation:isolate;
  visibility:visible;
}

.bottom-nav button {
  min-width:0;
  visibility:visible;
  opacity:1;
  transform:none!important;
  -webkit-transform:none!important;
}

body:not(.cart-open-v66):not(.mobile-menu-open-v301):not(.customer-menu-open-v198) .bottom-nav, body:not(.cart-open-v66) .header {
  opacity:1!important;
  visibility:visible!important;
}

@media(max-width:980px) {
  html,body {
    min-height:100%;
  }

  body {
    -webkit-overflow-scrolling:touch;
  }

  .page.active {
    overflow:visible!important;
  }

  .bottom-nav {
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    max-width:100vw!important;
    z-index:1185!important;
  }

  .bottom-nav button {
    -webkit-tap-highlight-color:transparent;
    touch-action:manipulation;
  }

  .product .qty, .product .qty-ctl, .product .btn, .product .product-condition-trigger-v313 {
    flex-shrink:0!important;
  }
}

#checkoutButtonV319[disabled] {
  opacity:.68!important;
  cursor:wait!important;
  pointer-events:none!important;
  filter:saturate(.72)!important;
}