html.direct-root-not-found-v176, html.direct-root-not-found-v176 body {
  width:100%!important;
  min-height:100%!important;
  margin:0!important;
  overflow:hidden!important;
  background:#fff!important;
}

html.direct-root-not-found-v176 body > *:not(#notFoundFullPageGateV176) {
  display:none!important;
}

#notFoundFullPageGateV176 {
  display:none;
}

html.direct-root-not-found-v176 #notFoundFullPageGateV176 {
  position:fixed;
  inset:0;
  z-index:2147483647;
  display:flex!important;
  align-items:center;
  justify-content:center;
  background:#fff;
  color:#111827;
  padding:24px;
  text-align:center;
  font-family:var(--app-font,"Noto Sans Thai","Prompt",Arial,sans-serif);
}

#notFoundFullPageGateV176 .not-found-box-v176 {
  width:min(92vw,430px);
  display:grid;
  gap:10px;
  place-items:center;
}

#notFoundFullPageGateV176 .not-found-icon-v176 {
  width:70px;
  height:70px;
  border-radius:24px;
  display:grid;
  place-items:center;
  background:#f8fafc;
  border:1px solid #eef2f7;
  color:#9ca3af;
  font-size:34px;
  font-weight:900;
}

#notFoundFullPageGateV176 h1 {
  margin:4px 0 0;
  font-size:22px;
  line-height:1.35;
  font-weight:800;
  color:#111827;
}

#notFoundFullPageGateV176 p {
  margin:0;
  font-size:13px;
  line-height:1.7;
  color:#6b7280;
}

.product-promotion-badge-v184 {
  position:absolute;
  top:10px;
  right:10px;
  z-index:6;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:26px;
  max-width:72%;
  padding:4px 10px;
  border-radius:999px;
  color:#fff;
  background:linear-gradient(135deg,#ff4f2e,#ef4444);
  box-shadow:0 8px 18px rgba(239,68,68,.30);
  font-size:11px;
  font-weight:900;
  line-height:1.1;
  letter-spacing:.1px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  pointer-events:none;
}

.cover.has-promotion-v184 .discount-badge-v49, .public-product-cover.has-promotion-v184 .discount-badge-v49 {
  top:42px!important;
}

@media(max-width:980px) {
  .product-promotion-badge-v184 {
    top:6px;
    right:6px;
    min-height:22px;
    padding:3px 7px;
    font-size:9px;
    border-radius:8px;
    max-width:68%;
  }

  .cover.has-promotion-v184 .discount-badge-v49, .public-product-cover.has-promotion-v184 .discount-badge-v49 {
    top:32px!important;
  }
}

.service-badge-v185 {
  display:inline-flex;
  align-items:center;
  gap:5px;
  background:#eff6ff;
  color:#1d4ed8;
  border:1px solid #bfdbfe;
  border-radius:999px;
  padding:3px 7px;
  font-size:10px;
  font-weight:900;
  margin-top:6px
}

.service-fields-note-v185 {
  margin-top:6px;
  background:#f8fafc;
  border:1px dashed #cbd5e1;
  color:#475569;
  border-radius:9px;
  padding:6px;
  font-size:10px;
  line-height:1.55
}

.cart-form-v185 {
  grid-column:1/-1;
  background:#f8fafc;
  border:1px solid #e2e8f0;
  border-radius:12px;
  padding:10px;
  margin-top:7px;
  display:grid;
  gap:8px
}

.cart-form-v185-title {
  font-size:12px;
  font-weight:900;
  color:#1e293b;
  display:flex;
  justify-content:space-between;
  gap:8px;
  align-items:center
}

.cart-form-v185 small {
  color:#64748b;
  font-weight:700;
  line-height:1.55
}

.cart-field-v185 label {
  display:block;
  font-size:11px;
  font-weight:900;
  color:#475569;
  margin-bottom:4px
}

.cart-field-v185 input,.cart-field-v185 textarea {
  width:100%;
  border:1px solid #d8dee8;
  border-radius:10px;
  background:#fff;
  padding:9px 10px;
  font-size:12px;
  outline:none
}

.cart-field-v185 textarea {
  min-height:72px;
  resize:vertical
}

.cart-field-v185 input:focus,.cart-field-v185 textarea:focus {
  border-color:var(--orange);
  box-shadow:0 0 0 3px rgba(var(--v400-primary-rgb,49,135,238),.10)
}

.required-v185 {
  color:#dc2626;
  font-weight:900
}

.product.service-product-v185 .cover {
  background:linear-gradient(135deg,#eff6ff,#f8fafc)
}

.product.service-product-v185 .tag {
  background:#2563eb
}

#loading.show {
  z-index:3000!important;
  display:grid!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

#orderSuccessModal.show {
  z-index:2500!important;
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

body.cart-submodal-open-v74 #overlay.show {
  z-index:1900!important;
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

body.cart-submodal-open-v74 .cart-drawer.show {
  z-index:900!important;
}

body.cart-submodal-open-v74 .modal.show {
  z-index:2100!important;
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translate(-50%,-50%) scale(1)!important;
}

body.cart-submodal-open-v74 #discountWalletModal.show {
  z-index:2200!important;
}

body.cart-submodal-open-v74 #discountWalletModal {
  width:min(94vw,540px)!important;
  max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
  overflow:auto!important;
}

body.cart-submodal-open-v74 #discountWalletModal .modal-body {
  max-height:calc(100dvh - 116px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
  overflow:auto!important;
  padding-bottom:calc(22px + env(safe-area-inset-bottom))!important;
}

@media(max-width:980px) {
  body.cart-submodal-open-v74 #discountWalletModal.show {
    top:50%!important;
    left:50%!important;
    width:calc(100vw - 22px)!important;
    max-height:calc(100dvh - 22px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
  }

  body.cart-submodal-open-v74 #discountWalletModal .discount-wallet-actions .btn {
    min-height:42px!important;
  }
}

#overlay:not(.show) {
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

#overlay.show {
  opacity:1;
  visibility:visible;
}

.modal:not(.show) {
  pointer-events:none!important;
  visibility:hidden;
}

#syncChip,.sync-chip,.sync-chip.show {
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  max-width:0!important;
  max-height:0!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important
}

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

.toast-container .toast-item {
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  width:100%!important;
  background:rgba(17,24,39,.96)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-left:5px solid var(--orange,#3187ee)!important;
  border-radius:18px!important;
  padding:13px 15px!important;
  box-shadow:0 18px 50px rgba(15,23,42,.28)!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.55!important;
  letter-spacing:0!important;
  transform:translateY(-12px) scale(.98)!important;
  opacity:0!important;
  transition:opacity .22s ease,transform .22s ease!important;
  word-break:break-word!important;
  white-space:normal!important;
  box-sizing:border-box!important;
  pointer-events:auto!important
}

.toast-container .toast-item::before {
  content:'ℹ';
  flex:0 0 26px;
  width:26px;
  height:26px;
  border-radius:10px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.14);
  font-size:14px;
  font-weight:900;
  margin-top:1px
}

.toast-container .toast-item.success {
  border-left-color:#22c55e!important
}

.toast-container .toast-item.success::before {
  content:'✓';
  background:rgba(34,197,94,.20)
}

.toast-container .toast-item.error {
  border-left-color:#ef4444!important
}

.toast-container .toast-item.error::before {
  content:'!';
  background:rgba(239,68,68,.22)
}

.toast-container .toast-item.warning {
  border-left-color:#f59e0b!important
}

.toast-container .toast-item.warning::before {
  content:'⚠';
  background:rgba(245,158,11,.20)
}

.toast-container .toast-item.show {
  opacity:1!important;
  transform:translateY(0) scale(1)!important
}

.toast-container .toast-item.hide {
  opacity:0!important;
  transform:translateY(-12px) scale(.98)!important
}

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

  .toast-container .toast-item {
    font-size:11.5px!important;
    padding:10px 12px!important;
    border-radius:15px!important
  }

  .toast-container .toast-item::before {
    width:24px;
    height:24px;
    border-radius:9px
  }
}

.customer-popup-overlay.show {
  display:grid!important;
  opacity:1!important;
  pointer-events:auto!important;
}

.customer-popup-card {
  max-width:min(92vw,430px)!important;
  border-radius:24px!important;
  overflow:hidden!important;
  box-shadow:0 30px 80px rgba(15,23,42,.28)!important;
}

.customer-popup-content h2 {
  font-size:20px!important;
  line-height:1.35!important
}

.customer-popup-content p {
  font-size:14px!important;
  line-height:1.75!important;
  color:#4b5563!important
}

.customer-popup-counter {
  display:inline-flex!important;
  background:rgba(var(--v400-primary-rgb,51,65,85),.08)!important;
  color:var(--orange)!important;
  border-radius:999px!important;
  padding:7px 11px!important;
  font-size:12px!important;
  font-weight:900!important;
  margin-bottom:9px!important
}

@media(max-width:520px) {
  .customer-popup-card {
    max-width:calc(100vw - 24px)!important;
    border-radius:22px!important
  }

  .customer-popup-content {
    padding:15px!important
  }

  .customer-popup-content h2 {
    font-size:18px!important
  }

  .customer-popup-content p {
    font-size:13px!important
  }
}

@media (max-width: 980px) {
  #couponModal.modal {
    width:min(90vw,340px)!important;
    max-width:340px!important;
    max-height:calc(100dvh - 150px - env(safe-area-inset-bottom))!important;
    left:50%!important;
    right:auto!important;
    top:50%!important;
    bottom:auto!important;
    transform:translate(-50%,-50%) scale(.96)!important;
    border-radius:18px!important;
    overflow:auto!important;
    box-shadow:0 18px 52px rgba(15,23,42,.28)!important;
  }

  #couponModal.modal.show {
    transform:translate(-50%,-50%) scale(1)!important;
  }

  #couponModal .modal-head {
    min-height:42px!important;
    padding:8px 11px!important;
  }

  #couponModal .modal-head h3 {
    font-size:13px!important;
    line-height:1.2!important;
    font-weight:700!important;
  }

  #couponModal .close {
    width:30px!important;
    height:30px!important;
    border-radius:10px!important;
    font-size:17px!important;
    line-height:30px!important;
  }

  #couponModal .modal-body, #couponModal .coupon-modal-center {
    padding:10px!important;
  }

  #couponModal .coupon-modal-top {
    display:grid!important;
    grid-template-columns:96px 1fr!important;
    gap:10px!important;
    align-items:center!important;
    text-align:left!important;
  }

  #couponModal .coupon-modal-img, #couponModal .coupon-preview {
    width:96px!important;
    height:66px!important;
    max-width:96px!important;
    max-height:66px!important;
    border-radius:10px!important;
    object-fit:contain!important;
  }

  #couponModal .coupon-modal-title {
    font-size:14px!important;
    line-height:1.25!important;
    font-weight:700!important;
    margin:0 0 5px!important;
  }

  #couponModal .coupon-modal-expiry {
    font-size:10.5px!important;
    line-height:1.25!important;
    padding:5px 8px!important;
    border-radius:999px!important;
    font-weight:600!important;
    max-width:100%!important;
  }

  #couponModal .code-switch {
    max-width:none!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
    margin:9px 0 7px!important;
    padding:0!important;
    position:static!important;
  }

  #couponModal .code-switch button {
    min-height:30px!important;
    padding:0 5px!important;
    border-radius:10px!important;
    font-size:10px!important;
    line-height:1.1!important;
    font-weight:700!important;
  }

  #couponModal .code-grid {
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    display:block!important;
  }

  #couponModal .code-box {
    min-height:142px!important;
    padding:8px!important;
    border-radius:12px!important;
  }

  #couponModal .code-title {
    font-size:10.5px!important;
    font-weight:700!important;
    margin-bottom:5px!important;
  }

  #couponModal .code-panel {
    min-height:142px!important;
  }

  #couponModal #qrPanel .qr-svg, #couponModal .qr-svg {
    min-height:112px!important;
  }

  #couponModal .qr-svg canvas, #couponModal .qr-svg img, #couponModal .qr-svg svg, #couponModal #qrBox canvas, #couponModal #qrBox img, #couponModal #qrBox svg {
    width:122px!important;
    height:122px!important;
    max-width:122px!important;
    max-height:122px!important;
  }

  #couponModal #barPanel .barcode, #couponModal .barcode {
    min-height:82px!important;
  }

  #couponModal .barcode svg {
    height:62px!important;
    max-height:62px!important;
    max-width:100%!important;
  }

  #couponModal #codePanel, #couponModal .plain-code {
    min-height:96px!important;
    padding:10px!important;
    font-size:17px!important;
    font-weight:700!important;
  }

  #couponModal .modal-actions-center {
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    margin-top:8px!important;
    align-items:center!important;
    justify-content:stretch!important;
    flex-wrap:nowrap!important;
  }

  #couponModal .modal-actions-center .btn {
    width:100%!important;
    min-width:0!important;
    min-height:34px!important;
    padding:0 5px!important;
    border-radius:10px!important;
    font-size:9.8px!important;
    line-height:1.15!important;
    font-weight:700!important;
    white-space:nowrap!important;
  }

  #couponModal .coupon-modal-condition {
    max-height:62px!important;
    overflow:auto!important;
    margin-top:8px!important;
    padding:7px!important;
    border-radius:10px!important;
    font-size:10px!important;
    line-height:1.45!important;
  }

  #couponModal .coupon-modal-note {
    margin-top:7px!important;
    padding:7px!important;
    border-radius:10px!important;
    font-size:10px!important;
    line-height:1.4!important;
  }
}

@media (max-width: 380px) {
  #couponModal.modal {
    width:min(90vw,318px)!important;
    max-width:318px!important;
  }

  #couponModal .coupon-modal-top {
    grid-template-columns:88px 1fr!important;
    gap:8px!important;
  }

  #couponModal .coupon-modal-img, #couponModal .coupon-preview {
    width:88px!important;
    height:60px!important;
    max-width:88px!important;
    max-height:60px!important;
  }

  #couponModal .qr-svg canvas, #couponModal .qr-svg img, #couponModal .qr-svg svg, #couponModal #qrBox canvas, #couponModal #qrBox img, #couponModal #qrBox svg {
    width:112px!important;
    height:112px!important;
    max-width:112px!important;
    max-height:112px!important;
  }

  #couponModal .code-box, #couponModal .code-panel {
    min-height:130px!important;
  }

  #couponModal .modal-actions-center .btn {
    font-size:9.3px!important;
    padding:0 3px!important;
  }
}

#customerPopupOverlay.show {
  display:grid!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  z-index:880!important;
}

#customerPopupOverlay .customer-popup-card {
  pointer-events:auto!important;
}

#loading.show {
  z-index:760!important;
}

#startScreen.show {
  z-index:740!important;
}

.feature-disabled-v80, .feature-hidden-v80 {
  display:none!important;
}

#loading.show, .loading.show {
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  display:grid!important;
  place-items:center!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

#loading.show .loader, #loading.show .loading-card-v32 {
  position:relative!important;
  z-index:2147483001!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

#couponModal.modal {
  width:min(94vw,540px)!important;
}

#couponModal .modal-body {
  gap:7px!important;
}

#couponModal .code-switch {
  margin:8px auto 5px!important;
  gap:6px!important;
  position:static!important;
}

#couponModal .code-grid {
  margin:0 auto!important;
  gap:6px!important;
}

#couponModal .modal-actions-center {
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
  width:100%!important;
  margin:6px 0 0!important;
  padding:0!important;
  position:static!important;
  bottom:auto!important;
  background:transparent!important;
  box-shadow:none!important;
  align-items:center!important;
  justify-content:stretch!important;
}

#couponModal .modal-actions-center .btn, #couponModal .modal-actions-center .btn.green {
  grid-column:auto!important;
  width:100%!important;
  min-width:0!important;
  min-height:38px!important;
  padding:0 6px!important;
  border-radius:11px!important;
  font-size:11px!important;
  line-height:1.18!important;
  font-weight:800!important;
  white-space:nowrap!important;
}

#couponModal .coupon-modal-condition {
  margin-top:7px!important;
  max-height:190px!important;
  min-height:76px!important;
  overflow:auto!important;
  padding:10px!important;
  border-radius:12px!important;
  font-size:11.5px!important;
  line-height:1.6!important;
}

@media(max-width:980px) {
  #couponModal.modal {
    left:50%!important;
    top:calc(10px + env(safe-area-inset-top))!important;
    bottom:calc(var(--bottom-nav-height-v71,96px) + 8px + env(safe-area-inset-bottom))!important;
    transform:translateX(-50%) scale(1)!important;
    max-height:none!important;
    height:auto!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    border-radius:18px!important;
  }

  #couponModal.modal.show {
    transform:translateX(-50%) scale(1)!important;
  }

  #couponModal .modal-head {
    flex:0 0 auto!important;
    padding:10px 12px!important;
    min-height:42px!important;
  }

  #couponModal .modal-body {
    flex:1 1 auto!important;
    min-height:0!important;
    overflow:auto!important;
    padding:9px 10px 12px!important;
    display:flex!important;
    flex-direction:column!important;
    gap:6px!important;
  }

  #couponModal .coupon-modal-top {
    flex:0 0 auto!important;
    grid-template-columns:86px 1fr!important;
    gap:8px!important;
    align-items:center!important;
    text-align:left!important;
  }

  #couponModal .coupon-modal-img, #couponModal .coupon-preview {
    width:86px!important;
    height:58px!important;
    max-width:86px!important;
    max-height:58px!important;
    border-radius:10px!important;
  }

  #couponModal .coupon-modal-title {
    font-size:13.5px!important;
    line-height:1.28!important;
    margin:0 0 3px!important;
  }

  #couponModal .coupon-modal-expiry {
    padding:4px 7px!important;
    font-size:9.8px!important;
    line-height:1.2!important;
  }

  #couponModal .code-switch {
    flex:0 0 auto!important;
    width:100%!important;
    max-width:none!important;
    margin:5px 0 4px!important;
    gap:5px!important;
    padding:0!important;
  }

  #couponModal .code-switch button {
    min-height:29px!important;
    padding:0 4px!important;
    border-radius:9px!important;
    font-size:9.8px!important;
    line-height:1.1!important;
  }

  #couponModal .code-grid {
    flex:0 0 auto!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    gap:5px!important;
  }

  #couponModal .code-box, #couponModal .code-panel {
    min-height:118px!important;
    padding:7px!important;
    border-radius:11px!important;
  }

  #couponModal .code-title {
    font-size:10px!important;
    margin-bottom:4px!important;
  }

  #couponModal #qrPanel .qr-svg, #couponModal .qr-svg {
    min-height:94px!important;
  }

  #couponModal .qr-svg canvas, #couponModal .qr-svg img, #couponModal .qr-svg svg, #couponModal #qrBox canvas, #couponModal #qrBox img, #couponModal #qrBox svg {
    width:104px!important;
    height:104px!important;
    max-width:104px!important;
    max-height:104px!important;
  }

  #couponModal #barPanel .barcode, #couponModal .barcode {
    min-height:72px!important;
  }

  #couponModal .barcode svg {
    height:54px!important;
    max-height:54px!important;
    max-width:100%!important;
  }

  #couponModal #codePanel, #couponModal .plain-code {
    min-height:84px!important;
    padding:9px!important;
    font-size:16px!important;
  }

  #couponModal .modal-actions-center {
    flex:0 0 auto!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
    margin:5px 0 0!important;
    padding:0!important;
  }

  #couponModal .modal-actions-center .btn, #couponModal .modal-actions-center .btn.green {
    min-height:33px!important;
    padding:0 4px!important;
    border-radius:9px!important;
    font-size:9.4px!important;
    line-height:1.12!important;
  }

  #couponModal .coupon-modal-condition {
    flex:1 1 auto!important;
    min-height:90px!important;
    max-height:none!important;
    margin-top:5px!important;
    padding:8px!important;
    border-radius:10px!important;
    font-size:10.2px!important;
    line-height:1.5!important;
    overflow:auto!important;
  }

  #couponModal .coupon-modal-note {
    flex:0 0 auto!important;
    margin-top:5px!important;
    padding:7px!important;
    font-size:10px!important;
    line-height:1.4!important;
  }
}

@media(max-width:380px) {
  #couponModal .coupon-modal-top {
    grid-template-columns:78px 1fr!important;
    gap:7px!important;
  }

  #couponModal .coupon-modal-img, #couponModal .coupon-preview {
    width:78px!important;
    height:54px!important;
  }

  #couponModal .modal-actions-center .btn, #couponModal .modal-actions-center .btn.green {
    font-size:8.8px!important;
    padding:0 2px!important;
  }

  #couponModal .coupon-modal-condition {
    min-height:82px!important;
  }
}

#loading:not(.show), .loading:not(.show) {
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

#loading.show, .loading.show {
  display:grid!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  z-index:2147483000!important;
}

#couponModal .modal-actions-center {
  display:flex!important;
  grid-template-columns:none!important;
  grid-auto-flow:unset!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  gap:6px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:4px 0 0!important;
  padding:0!important;
  position:static!important;
  bottom:auto!important;
  background:transparent!important;
  box-shadow:none!important;
}

#couponModal .modal-actions-center .btn, #couponModal .modal-actions-center .btn.dark, #couponModal .modal-actions-center .btn.green, #couponModal .modal-actions-center .transfer-coupon-button, #couponModal .modal-actions-center #couponTransferButton {
  flex:1 1 0!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  grid-column:auto!important;
  grid-row:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:36px!important;
  height:36px!important;
  padding:0 5px!important;
  border-radius:10px!important;
  font-size:clamp(8.5px,2.45vw,10.5px)!important;
  line-height:1.05!important;
  font-weight:800!important;
  white-space:nowrap!important;
  letter-spacing:-.035em!important;
  overflow:hidden!important;
}

#couponModal .modal-actions-center > [hidden], #couponModal .modal-actions-center > .feature-hidden, #couponModal .modal-actions-center > .hidden, #couponModal .modal-actions-center > [style*="display: none"], #couponModal .modal-actions-center > [style*="display:none"] {
  display:none!important;
  flex:0 0 0!important;
  width:0!important;
  min-width:0!important;
  max-width:0!important;
  height:0!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  overflow:hidden!important;
}

#couponModal .modal-body {
  justify-content:flex-start!important;
  gap:5px!important;
}

#couponModal .code-switch {
  margin:5px 0 3px!important;
}

#couponModal .code-grid {
  flex:0 0 auto!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  gap:4px!important;
}

#couponModal .code-box, #couponModal .code-panel {
  flex:0 0 auto!important;
  min-height:112px!important;
  height:auto!important;
  padding:7px!important;
}

#couponModal #qrPanel .qr-svg, #couponModal .qr-svg {
  min-height:92px!important;
}

#couponModal .coupon-modal-condition {
  margin-top:5px!important;
}

@media(max-width:980px) {
  #couponModal .modal-body {
    padding-top:8px!important;
    padding-bottom:10px!important;
    gap:5px!important;
  }

  #couponModal .coupon-modal-top {
    margin-bottom:0!important;
  }

  #couponModal .code-switch {
    margin:4px 0 3px!important;
  }

  #couponModal .code-grid {
    flex:0 0 auto!important;
    min-height:0!important;
    margin:0!important;
  }

  #couponModal .code-box, #couponModal .code-panel {
    min-height:112px!important;
    padding:6px!important;
  }

  #couponModal #qrPanel .qr-svg, #couponModal .qr-svg {
    min-height:90px!important;
  }

  #couponModal .qr-svg canvas, #couponModal .qr-svg img, #couponModal .qr-svg svg, #couponModal #qrBox canvas, #couponModal #qrBox img, #couponModal #qrBox svg {
    width:102px!important;
    height:102px!important;
    max-width:102px!important;
    max-height:102px!important;
  }

  #couponModal .modal-actions-center {
    margin-top:4px!important;
    gap:6px!important;
  }

  #couponModal .coupon-modal-condition {
    flex:1 1 auto!important;
    min-height:96px!important;
    margin-top:5px!important;
    overflow:auto!important;
  }
}

@media(max-width:380px) {
  #couponModal .modal-actions-center {
    gap:4px!important;
  }

  #couponModal .modal-actions-center .btn, #couponModal .modal-actions-center .btn.dark, #couponModal .modal-actions-center .btn.green, #couponModal .modal-actions-center .transfer-coupon-button, #couponModal .modal-actions-center #couponTransferButton {
    height:34px!important;
    min-height:34px!important;
    padding:0 3px!important;
    font-size:clamp(7.8px,2.25vw,9px)!important;
  }

  #couponModal .code-box, #couponModal .code-panel {
    min-height:106px!important;
  }

  #couponModal .qr-svg canvas, #couponModal .qr-svg img, #couponModal .qr-svg svg, #couponModal #qrBox canvas, #couponModal #qrBox img, #couponModal #qrBox svg {
    width:98px!important;
    height:98px!important;
    max-width:98px!important;
    max-height:98px!important;
  }
}

#couponModal #qrPanel .qr-svg, #couponModal .qr-svg {
  min-height:136px!important;
  height:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}

#couponModal .qr-svg canvas, #couponModal .qr-svg img, #couponModal .qr-svg svg, #couponModal #qrBox canvas, #couponModal #qrBox img, #couponModal #qrBox svg {
  width:138px!important;
  height:138px!important;
  max-width:138px!important;
  max-height:138px!important;
  margin:auto!important;
  display:block!important;
}

#couponModal #barPanel .barcode, #couponModal .barcode {
  min-height:98px!important;
  height:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
}

#couponModal .barcode svg, #couponModal #barcodeSvg {
  height:76px!important;
  max-height:76px!important;
  width:100%!important;
  max-width:390px!important;
  margin:auto!important;
  display:block!important;
}

#couponModal .code-box, #couponModal .code-panel {
  min-height:148px!important;
  padding:8px!important;
}

#couponModal #barPanel.code-box, #couponModal #barPanel.code-panel {
  min-height:118px!important;
}

#couponModal .modal-actions-center {
  margin-top:6px!important;
}

#couponModal .coupon-modal-condition {
  margin-top:6px!important;
}

@media(max-width:980px) {
  #couponModal #qrPanel .qr-svg, #couponModal .qr-svg {
    min-height:128px!important;
  }

  #couponModal .qr-svg canvas, #couponModal .qr-svg img, #couponModal .qr-svg svg, #couponModal #qrBox canvas, #couponModal #qrBox img, #couponModal #qrBox svg {
    width:128px!important;
    height:128px!important;
    max-width:128px!important;
    max-height:128px!important;
  }

  #couponModal #barPanel .barcode, #couponModal .barcode {
    min-height:92px!important;
  }

  #couponModal .barcode svg, #couponModal #barcodeSvg {
    height:72px!important;
    max-height:72px!important;
    max-width:360px!important;
  }

  #couponModal .code-box, #couponModal .code-panel {
    min-height:140px!important;
    padding:7px!important;
  }

  #couponModal #barPanel.code-box, #couponModal #barPanel.code-panel {
    min-height:112px!important;
  }
}

@media(max-width:380px) {
  #couponModal #qrPanel .qr-svg, #couponModal .qr-svg {
    min-height:120px!important;
  }

  #couponModal .qr-svg canvas, #couponModal .qr-svg img, #couponModal .qr-svg svg, #couponModal #qrBox canvas, #couponModal #qrBox img, #couponModal #qrBox svg {
    width:120px!important;
    height:120px!important;
    max-width:120px!important;
    max-height:120px!important;
  }

  #couponModal .barcode svg, #couponModal #barcodeSvg {
    height:68px!important;
    max-height:68px!important;
    max-width:330px!important;
  }

  #couponModal .code-box, #couponModal .code-panel {
    min-height:132px!important;
  }
}

#couponModal {
  width:min(96vw,600px)!important;
  max-height:calc(100dvh - 8px)!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}

#couponModal .modal-head {
  flex:0 0 auto!important;
}

#couponModal .modal-body {
  flex:1 1 auto!important;
  overflow:auto!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  padding:12px 14px 0!important;
}

#couponModal .coupon-modal-img {
  height:150px!important;
}

#couponModal .code-switch {
  flex:0 0 auto!important;
  width:100%!important;
  max-width:430px!important;
  margin:8px auto 0!important;
}

#couponModal .code-grid {
  flex:0 0 auto!important;
  width:100%!important;
  max-width:430px!important;
  height:172px!important;
  min-height:172px!important;
  margin:0 auto!important;
  display:grid!important;
  gap:0!important;
}

#couponModal .code-box, #couponModal .code-panel {
  width:100%!important;
  height:172px!important;
  min-height:172px!important;
  padding:8px!important;
  border-radius:13px!important;
  overflow:hidden!important;
}

#couponModal #qrPanel .qr-svg, #couponModal .qr-svg {
  min-height:136px!important;
  height:136px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}

#couponModal .qr-svg canvas, #couponModal .qr-svg img, #couponModal .qr-svg svg, #couponModal #qrBox canvas, #couponModal #qrBox img, #couponModal #qrBox svg {
  width:140px!important;
  height:140px!important;
  max-width:140px!important;
  max-height:140px!important;
  margin:auto!important;
  display:block!important;
}

#couponModal #barPanel .barcode, #couponModal .barcode {
  min-height:126px!important;
  height:126px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
}

#couponModal .barcode svg, #couponModal #barcodeSvg {
  height:78px!important;
  max-height:78px!important;
  width:100%!important;
  max-width:410px!important;
  margin:auto!important;
  display:block!important;
}

#couponModal #codePanel {
  font-size:22px!important;
  min-height:172px!important;
  height:172px!important;
  display:grid!important;
  place-items:center!important;
  word-break:break-all!important;
}

#couponModal .coupon-modal-condition {
  flex:1 1 auto!important;
  max-height:120px!important;
  min-height:46px!important;
  overflow:auto!important;
  margin-top:4px!important;
}

#couponModal .modal-actions-center {
  flex:0 0 auto!important;
  position:sticky!important;
  bottom:0!important;
  z-index:40!important;
  width:100%!important;
  margin:0!important;
  padding:8px 0 calc(10px + env(safe-area-inset-bottom))!important;
  background:linear-gradient(180deg,rgba(255,255,255,.86),#fff 35%)!important;
  box-shadow:0 -10px 22px rgba(15,23,42,.06)!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important;
  gap:8px!important;
}

#couponModal .modal-actions-center .btn {
  width:100%!important;
  min-width:0!important;
  min-height:44px!important;
  margin:0!important;
}

@media(max-width:980px) {
  #couponModal {
    width:96vw!important;
    max-height:calc(100dvh - 6px)!important;
  }

  #couponModal .modal-body {
    padding:10px 10px 0!important;
    gap:7px!important;
  }

  #couponModal .coupon-modal-img {
    height:155px!important;
  }

  #couponModal .code-switch {
    max-width:100%!important;
    gap:6px!important;
  }

  #couponModal .code-switch button {
    min-height:38px!important;
    padding:7px 5px!important;
    font-size:11px!important;
  }

  #couponModal .code-grid, #couponModal .code-box, #couponModal .code-panel, #couponModal #codePanel {
    height:166px!important;
    min-height:166px!important;
  }

  #couponModal #qrPanel .qr-svg, #couponModal .qr-svg {
    height:132px!important;
    min-height:132px!important;
  }

  #couponModal .qr-svg canvas, #couponModal .qr-svg img, #couponModal .qr-svg svg, #couponModal #qrBox canvas, #couponModal #qrBox img, #couponModal #qrBox svg {
    width:134px!important;
    height:134px!important;
    max-width:134px!important;
    max-height:134px!important;
  }

  #couponModal #barPanel .barcode, #couponModal .barcode {
    height:122px!important;
    min-height:122px!important;
  }

  #couponModal .barcode svg, #couponModal #barcodeSvg {
    height:74px!important;
    max-height:74px!important;
    max-width:380px!important;
  }

  #couponModal .coupon-modal-condition {
    max-height:95px!important;
  }

  #couponModal .modal-actions-center {
    grid-template-columns:repeat(auto-fit,minmax(105px,1fr))!important;
    gap:7px!important;
  }

  #couponModal .modal-actions-center .btn {
    min-height:42px!important;
    font-size:11px!important;
  }
}

@media(max-width:380px) {
  #couponModal .code-grid, #couponModal .code-box, #couponModal .code-panel, #couponModal #codePanel {
    height:158px!important;
    min-height:158px!important;
  }

  #couponModal .qr-svg canvas, #couponModal .qr-svg img, #couponModal .qr-svg svg, #couponModal #qrBox canvas, #couponModal #qrBox img, #couponModal #qrBox svg {
    width:126px!important;
    height:126px!important;
    max-width:126px!important;
    max-height:126px!important;
  }

  #couponModal .barcode svg, #couponModal #barcodeSvg {
    height:70px!important;
    max-width:340px!important;
  }
}

.product-cover-expiry-v71, .public-product-expiry-v71, .product-cover-expiry-v70, .public-product-expiry-v70, .product-cover-expiry-v69, .public-product-expiry-v69 {
  margin:7px 10px 0!important;
  padding:6px 9px!important;
  border-radius:999px!important;
  background:#f8fafc!important;
  border:1px solid #fed7aa!important;
  color:#b45309!important;
  font-size:10.5px!important;
  font-weight:900!important;
  line-height:1.35!important;
  text-align:right!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:4px!important;
  white-space:normal!important;
}

.product-cover-expiry-v71::before, .public-product-expiry-v71::before, .product-cover-expiry-v70::before, .public-product-expiry-v70::before, .product-cover-expiry-v69::before, .public-product-expiry-v69::before {
  content:"⏰";
  flex:0 0 auto;
}

.public-product-expiry-v71, .public-product-expiry-v70, .public-product-expiry-v69 {
  margin-top:8px!important;
}

@media(max-width:980px) {
  .product-cover-expiry-v71, .public-product-expiry-v71, .product-cover-expiry-v70, .public-product-expiry-v70, .product-cover-expiry-v69, .public-product-expiry-v69 {
    margin:6px 8px 0!important;
    padding:5px 7px!important;
    font-size:9.3px!important;
    line-height:1.35!important;
    border-radius:10px!important;
  }
}

.member-page-v74 {
  display:grid;
  gap:14px
}

.member-hero-v74 {
  display:grid;
  grid-template-columns:1.15fr 1fr;
  gap:14px;
  align-items:center;
  padding:18px;
  border-radius:22px;
  background:linear-gradient(135deg,#f8fafc,#fff);
  border:1px solid #fed7aa;
  box-shadow:var(--shadow)
}

.member-hero-v74 small {
  font-weight:900;
  color:#9a3412
}

.member-hero-v74 h2 {
  margin:4px 0;
  font-size:24px;
  color:#ea580c
}

.member-hero-v74 p {
  margin:0;
  color:#64748b;
  line-height:1.7
}

.member-stats-v74 {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px
}

.member-stats-v74 div {
  background:#fff;
  border:1px solid #ffedd5;
  border-radius:16px;
  padding:12px
}

.member-stats-v74 span {
  font-size:11px;
  color:#9a3412;
  font-weight:800
}

.member-stats-v74 b {
  display:block;
  margin-top:4px;
  font-size:22px;
  color:var(--orange)
}

.member-code-v74 p {
  color:#64748b;
  margin-top:-4px
}

.member-reward-expiry-v74 {
  margin:6px 0 0;
  padding:6px 8px;
  border-radius:10px;
  background:#f8fafc;
  border:1px solid #fed7aa;
  color:#b45309;
  font-size:10px;
  font-weight:900;
  text-align:right
}

.member-point-row-v74 {
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  padding:11px 12px;
  margin-bottom:8px;
  display:flex;
  justify-content:space-between;
  gap:10px
}

.member-point-row-v74 b {
  color:var(--orange)
}

@media(max-width:980px) {
  .member-hero-v74 {
    grid-template-columns:1fr
  }

  .member-stats-v74 {
    grid-template-columns:1fr
  }

  .bottom-nav {
    grid-template-columns:repeat(6,1fr)!important
  }

  .bottom-nav button {
    font-size:9px!important
  }
}

.member-claim-card-v75 {
  position:relative!important;
  overflow:hidden!important;
  padding:18px!important;
  border:1px solid rgba(255,122,69,.26)!important;
  border-radius:22px!important;
  background: radial-gradient(circle at 0 0,rgba(255,122,69,.18),transparent 34%), linear-gradient(135deg,#ffffff,#f8fafc)!important;
  box-shadow:0 14px 34px rgba(var(--v400-primary-rgb,49,135,238),.08)!important;
  display:grid!important;
  grid-template-columns:1fr minmax(320px,.95fr)!important;
  gap:14px!important;
  align-items:center!important;
}

.member-claim-left-v75 {
  display:flex;
  align-items:center;
  gap:13px;
  min-width:0
}

.member-claim-icon-v75 {
  width:54px;
  height:54px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#ff6a3d,#ff9c55);
  color:#fff;
  font-size:25px;
  box-shadow:0 14px 30px rgba(255,106,61,.24);
  flex:0 0 auto;
}

.member-claim-kicker-v75 {
  font-size:11px;
  font-weight:900;
  color:#c2410c;
  letter-spacing:.04em;
  text-transform:uppercase;
  margin-bottom:2px
}

.member-claim-card-v75 h3 {
  margin:0!important;
  font-size:18px!important;
  color:#111827!important;
  line-height:1.25!important
}

.member-claim-card-v75 p {
  margin:5px 0 0!important;
  color:#64748b!important;
  font-size:12px!important;
  line-height:1.65!important
}

.member-claim-box-v75 {
  display:grid!important;
  grid-template-columns:1fr auto!important;
  gap:9px!important;
  align-items:center!important
}

.member-claim-input-wrap-v75 {
  min-height:48px;
  border:1px solid #fed7aa;
  border-radius:16px;
  background:#fff;
  display:flex;
  align-items:center;
  gap:10px;
  padding:6px 8px 6px 13px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}

.member-claim-input-wrap-v75 span {
  font-size:10px;
  font-weight:900;
  color:#ea580c;
  background:#ffedd5;
  border-radius:999px;
  padding:5px 8px;
  flex:0 0 auto
}

.member-claim-input-wrap-v75 input {
  width:100%;
  border:none!important;
  outline:none!important;
  background:transparent!important;
  font-weight:900!important;
  font-size:15px!important;
  color:#111827!important;
  text-transform:uppercase;
}

.member-claim-input-wrap-v75 input::placeholder {
  text-transform:none;
  color:#94a3b8;
  font-weight:800
}

.member-claim-btn-v75 {
  min-height:48px!important;
  border-radius:16px!important;
  padding:0 20px!important;
  box-shadow:0 12px 28px rgba(22,163,74,.20)!important;
  white-space:nowrap!important
}

.member-claim-note-v75 {
  grid-column:2;
  font-size:11px;
  color:#9a3412;
  background:rgba(255,237,213,.68);
  border:1px dashed #fdba74;
  border-radius:13px;
  padding:8px 10px;
  line-height:1.55
}

.member-reward-disabled-v75 {
  padding:20px;
  border-radius:20px;
  border:1px dashed #fdba74;
  background:#f8fafc;
  color:#9a3412;
  font-weight:800;
  text-align:center;
  line-height:1.7
}

@media(max-width:980px) {
  .member-claim-card-v75 {
    grid-template-columns:1fr!important;
    padding:14px!important;
    gap:12px!important;
    border-radius:18px!important
  }

  .member-claim-icon-v75 {
    width:48px;
    height:48px;
    border-radius:16px;
    font-size:22px
  }

  .member-claim-box-v75 {
    grid-template-columns:1fr!important
  }

  .member-claim-note-v75 {
    grid-column:auto;
    font-size:10.5px
  }

  .member-claim-btn-v75 {
    width:100%!important
  }
}

.member-code-v76 {
  display:grid;
  grid-template-columns:86px 1fr;
  gap:14px;
  align-items:center;
  border:1px solid #fed7aa;
  background: radial-gradient(circle at 0 0,rgba(255,122,69,.18),transparent 34%), linear-gradient(135deg,#f8fafc,#ffffff);
  border-radius:24px;
  padding:16px;
  box-shadow:0 16px 36px rgba(var(--v400-primary-rgb,49,135,238),.08);
}

.member-code-icon-v76 {
  width:72px;
  height:72px;
  display:grid;
  place-items:center;
  border-radius:22px;
  background:linear-gradient(135deg,var(--orange),var(--orange2));
  color:#fff;
  font-size:34px;
  box-shadow:0 14px 30px rgba(var(--v400-primary-rgb,49,135,238),.22);
}

.member-code-kicker-v76 {
  color:#9a3412;
  font-weight:900;
  font-size:11px;
  letter-spacing:.08em;
}

.member-code-content-v76 h3 {
  margin:2px 0 4px;
  font-size:20px;
  font-weight:900;
}

.member-code-content-v76 p {
  margin:0 0 12px;
  color:#64748b;
  line-height:1.7;
}

.member-code-row-v76 {
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px;
  align-items:center;
}

.member-code-row-v76 input {
  width:100%;
  min-height:48px;
  border:1px solid #fed7aa;
  border-radius:16px;
  padding:0 15px;
  outline:none;
  font-weight:900;
  text-transform:uppercase;
  background:#fff;
}

.member-code-row-v76 input:focus {
  border-color:var(--orange);
  box-shadow:0 0 0 4px rgba(var(--v400-primary-rgb,49,135,238),.10);
}

.member-code-content-v76 small {
  display:block;
  margin-top:8px;
  color:#9a3412;
  font-weight:700;
}

.bottom-nav {
  grid-template-columns:none!important;
  grid-auto-flow:column!important;
  grid-auto-columns:minmax(0,1fr)!important;
}

.bottom-nav button[hidden], .bottom-nav button.feature-hidden, .bottom-nav button.feature-hidden-v80, .bottom-nav button.feature-disabled-v80 {
  display:none!important;
}

@media(max-width:700px) {
  .member-code-v76 {
    grid-template-columns:1fr;
    padding:14px;
    border-radius:20px
  }

  .member-code-icon-v76 {
    width:58px;
    height:58px;
    border-radius:18px;
    font-size:27px
  }

  .member-code-row-v76 {
    grid-template-columns:1fr
  }

  .member-code-row-v76 .btn {
    width:100%;
    min-height:44px
  }

  .member-code-content-v76 h3 {
    font-size:17px
  }
}

.member-claim-card-v75::before, #memberClaimCardV75::before {
  content:none!important;
  display:none!important;
}

.member-claim-card-v75 {
  grid-template-columns:1fr minmax(320px,.95fr)!important;
}

@media(max-width:980px) {
  .member-claim-card-v75 {
    grid-template-columns:1fr!important
  }
}

.member-point-reason-v78 {
  display:block;
  margin-top:4px;
  color:#9a3412;
  font-weight:800;
  line-height:1.55;
}

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

  #profile .settings-card {
    border-radius:14px!important;
    box-shadow:0 4px 14px rgba(31,41,55,.06)!important;
    margin-bottom:8px!important;
  }

  #profile .settings-head {
    padding:9px 10px!important;
    font-size:12.5px!important;
    gap:7px!important;
  }

  #profile .settings-head .icon {
    width:30px!important;
    height:30px!important;
    border-radius:10px!important;
    font-size:16px!important;
  }

  #profile .profile-summary {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    padding:9px!important;
  }

  #profile .profile-stat {
    padding:8px!important;
    border-radius:11px!important;
  }

  #profile .profile-stat span {
    font-size:9px!important;
    line-height:1.25!important;
  }

  #profile .profile-stat b {
    font-size:13.5px!important;
    margin-top:2px!important;
    line-height:1.2!important;
    word-break:break-word!important;
  }

  #profile .profile-stat small {
    font-size:8.5px!important;
    margin-top:2px!important;
    line-height:1.25!important;
  }

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

  #profile .setting-row {
    grid-template-columns:32px 1fr auto!important;
    gap:7px!important;
    padding:9px 10px!important;
    min-height:50px!important;
  }

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

  #profile .setting-title {
    font-size:11.5px!important;
    line-height:1.25!important;
  }

  #profile .setting-desc {
    font-size:9px!important;
    line-height:1.35!important;
    margin-top:1px!important;
  }

  #profile .setting-action {
    grid-column:auto!important;
    min-width:0!important;
    text-align:right!important;
  }

  #profile .setting-action .btn, #profile .logout-profile-btn-v42 {
    min-height:31px!important;
    padding:6px 8px!important;
    border-radius:10px!important;
    font-size:9.5px!important;
    width:auto!important;
    white-space:nowrap!important;
  }

  #profileButtonsCard .setting-row {
    grid-template-columns:32px 1fr auto!important;
  }

  #profile .profile-logout-card-v42 {
    margin-bottom:calc(76px + env(safe-area-inset-bottom))!important;
  }
}

@media(max-width:380px) {
  #profile .profile-summary {
    gap:5px!important;
  }

  #profile .profile-stat {
    padding:7px!important;
  }

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

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

  #profile .setting-icon {
    width:30px!important;
    height:30px!important;
    font-size:15px!important;
  }

  #profile .setting-action .btn, #profile .logout-profile-btn-v42 {
    font-size:9px!important;
    padding:5px 7px!important;
  }
}

@media(max-width:980px) {
  #member.member-page, #member .member-page-v74 {
    gap:9px!important;
  }

  #member .member-hero-v74 {
    padding:10px!important;
    border-radius:16px!important;
    gap:8px!important;
  }

  #member .member-hero-v74 h2 {
    font-size:18px!important;
    line-height:1.25!important;
    margin:2px 0!important;
  }

  #member .member-hero-v74 p {
    font-size:10px!important;
    line-height:1.45!important;
  }

  #member .member-hero-v74 small {
    font-size:9px!important;
  }

  #member .member-stats-v74 {
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
  }

  #member .member-stats-v74 div {
    padding:7px 6px!important;
    border-radius:12px!important;
  }

  #member .member-stats-v74 span {
    font-size:8.8px!important;
    line-height:1.25!important;
  }

  #member .member-stats-v74 b {
    font-size:15px!important;
    margin-top:2px!important;
  }

  #member .member-claim-card-v75, #member .member-code-v74 {
    padding:10px!important;
    border-radius:15px!important;
    gap:8px!important;
  }

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

  #member .member-claim-icon-v75 {
    width:40px!important;
    height:40px!important;
    border-radius:13px!important;
    font-size:20px!important;
  }

  #member .member-claim-kicker-v75 {
    font-size:9px!important;
    margin-bottom:1px!important;
  }

  #member .member-claim-card-v75 h3 {
    font-size:15px!important;
  }

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

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

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

  #member .member-claim-input-wrap-v75 input {
    font-size:12px!important;
  }

  #member .member-claim-btn-v75 {
    min-height:40px!important;
    border-radius:13px!important;
    font-size:10.5px!important;
  }

  #member .member-claim-note-v75 {
    font-size:9px!important;
    padding:6px 8px!important;
    border-radius:11px!important;
  }

  #member .section-head {
    margin:10px 0 6px!important;
  }

  #member .section-head h2 {
    font-size:14px!important;
  }

  #member .section-head .btn {
    min-height:32px!important;
    padding:6px 9px!important;
    font-size:10px!important;
  }

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

  #memberRewardGridV74 .product {
    border-radius:12px!important;
    box-shadow:0 4px 12px rgba(31,41,55,.06)!important;
  }

  #memberRewardGridV74 .cover {
    aspect-ratio:1.05/1!important;
  }

  #memberRewardGridV74 .tag {
    top:6px!important;
    left:6px!important;
    font-size:8.5px!important;
    padding:3px 6px!important;
    border-radius:8px!important;
  }

  #memberRewardGridV74 .body {
    padding:7px!important;
  }

  #memberRewardGridV74 .name {
    font-size:10.5px!important;
    height:30px!important;
    line-height:1.35!important;
  }

  #memberRewardGridV74 .condition {
    font-size:8.8px!important;
    height:24px!important;
    margin-top:3px!important;
  }

  #memberRewardGridV74 .price {
    margin:5px 0!important;
  }

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

  #memberRewardGridV74 .btn {
    min-height:32px!important;
    font-size:9.8px!important;
    padding:6px!important;
    border-radius:10px!important;
  }

  #memberRewardGridV74 .member-reward-expiry-v74, #memberRewardGridV74 .member-reward-expiry-v79 {
    margin:4px 6px 0!important;
    padding:4px 5px!important;
    font-size:8.4px!important;
    border-radius:8px!important;
  }

  #memberRewardGridV74 .member-reward-soldout-text-v79 {
    font-size:9px!important;
    padding:5px 6px!important;
    border-radius:8px!important;
  }

  #memberCouponListV74.coupon-clean-list {
    grid-template-columns:1fr!important;
    gap:8px!important;
  }

  #memberCouponListV74 .coupon-clean-card {
    grid-template-columns:96px 1fr!important;
    min-height:108px!important;
    border-radius:12px!important;
  }

  #memberCouponListV74 .coupon-clean-title {
    font-size:11px!important;
    line-height:1.35!important;
  }

  #memberCouponListV74 .coupon-clean-body {
    padding:8px!important;
    gap:5px!important;
  }

  #memberCouponListV74 .coupon-clean-expiry {
    font-size:9px!important;
    padding:5px!important;
  }

  #memberCouponListV74 .btn {
    min-height:32px!important;
    font-size:10px!important;
    padding:6px!important;
  }
}

#memberRewardGridV74 .product.member-reward-soldout-v79 {
  display:block!important;
  visibility:visible!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
  opacity:.72;
  filter:grayscale(.18);
  position:relative;
}

#memberRewardGridV74 .product.member-reward-soldout-v79 .cover::after {
  content:"หมด";
  position:absolute;
  inset:auto 8px 8px 8px;
  background:rgba(17,24,39,.88);
  color:#fff;
  border-radius:10px;
  padding:7px;
  text-align:center;
  font-weight:900;
  font-size:12px;
}

.member-reward-soldout-text-v79 {
  margin:6px 0 0;
  padding:7px 8px;
  border-radius:10px;
  background:#f1f5f9;
  color:#64748b;
  font-weight:900;
  text-align:center;
  font-size:11px;
}

.line-connect-card-v104 {
  background:linear-gradient(135deg,#f0fff4,#ffffff)!important;
  border:1px solid #bbf7d0!important
}

.line-status-pill-v104 {
  display:inline-flex;
  align-items:center;
  gap:7px;
  border-radius:999px;
  padding:7px 10px;
  font-size:12px;
  font-weight:900;
  background:#dcfce7;
  color:#166534
}

.line-status-pill-v104.off {
  background:#fee2e2;
  color:#991b1b
}

.line-note-v104 {
  margin-top:8px;
  color:#64748b;
  font-size:12px;
  line-height:1.6
}

.line-profile-box-v104 {
  display:grid;
  grid-template-columns:52px 1fr;
  gap:10px;
  align-items:center;
  margin-top:10px;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:10px
}

.line-profile-box-v104 img {
  width:52px;
  height:52px;
  border-radius:50%;
  object-fit:cover;
  background:#f1f5f9
}

.line-profile-box-v104 b {
  display:block;
  color:#111827
}

.line-profile-box-v104 small {
  color:#64748b;
  word-break:break-all
}

.my-coupon-pager-v145 {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  flex-wrap:wrap;
  margin:14px 0 8px;
  padding:10px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(255,122,77,.18);
  border-radius:18px;
  box-shadow:0 8px 24px rgba(31,41,55,.05);
}

.my-coupon-pager-v145 button {
  min-width:36px;
  height:36px;
  border:1px solid #e5e7eb;
  background:#fff;
  color:#111827;
  border-radius:10px;
  font-weight:900;
  cursor:pointer;
}

.my-coupon-pager-v145 button.active {
  background:var(--orange,#ff6a3d);
  color:#fff;
  border-color:var(--orange,#ff6a3d);
  box-shadow:0 8px 18px rgba(255,90,54,.22);
}

.my-coupon-pager-v145 button:disabled {
  opacity:.45;
  cursor:not-allowed;
}

.my-coupon-pager-info-v145 {
  flex-basis:100%;
  text-align:center;
  font-size:12px;
  color:#6b7280;
  font-weight:800;
  margin-top:2px;
}

#couponModal #qrBox img, #couponModal #qrBox canvas + img, #couponModal #qrBox img + canvas, #couponModal #qrBox svg + img {
  display:none!important;
}

#couponModal #qrBox canvas, #couponModal #qrBox svg {
  display:block!important;
  margin:auto!important;
}

#couponModal #qrBox canvas:nth-of-type(n+2), #couponModal #qrBox svg:nth-of-type(n+2) {
  display:none!important;
}

@media(max-width:980px) {
  .my-coupon-pager-v145 {
    position:sticky;
    bottom:96px;
    z-index:8;
    margin:10px 0 4px;
    padding:8px;
    border-radius:16px;
    backdrop-filter:blur(8px)
  }

  .my-coupon-pager-v145 button {
    min-width:32px;
    height:32px;
    border-radius:9px;
    font-size:11px
  }

  .my-coupon-pager-info-v145 {
    font-size:11px
  }
}

.my-coupon-pager-v146 {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  flex-wrap:wrap;
  margin:12px 0 4px;
  padding:10px;
  background:rgba(255,255,255,.88);
  border:1px solid #ffe0d4;
  border-radius:16px;
  box-shadow:0 12px 28px rgba(15,23,42,.06)
}

.my-coupon-pager-v146 button {
  min-width:36px;
  height:34px;
  border:1px solid #ffd1bf;
  background:#fff;
  border-radius:10px;
  font-weight:900;
  color:#ff5a36;
  cursor:pointer
}

.my-coupon-pager-v146 button.active {
  background:#ff5a36;
  color:#fff;
  border-color:#ff5a36;
  box-shadow:0 8px 18px rgba(255,90,54,.24)
}

.my-coupon-pager-v146 button:disabled {
  opacity:.45;
  cursor:not-allowed;
  box-shadow:none
}

.my-coupon-pager-info-v146 {
  flex-basis:100%;
  text-align:center;
  font-size:12px;
  color:#6b7280;
  font-weight:800;
  margin-top:2px
}

#couponModal #qrBox .qr-keep-v146 {
  display:block!important;
  margin:auto!important;
  max-width:100%!important;
  height:auto!important
}

#couponModal #qrBox .qr-hide-v146 {
  display:none!important
}

@media(max-width:980px) {
  .my-coupon-pager-v146 {
    position:sticky;
    bottom:96px;
    z-index:8;
    margin:10px 0 4px;
    padding:8px;
    border-radius:16px;
    backdrop-filter:blur(8px)
  }

  .my-coupon-pager-v146 button {
    min-width:32px;
    height:32px;
    border-radius:9px;
    font-size:11px
  }

  .my-coupon-pager-info-v146 {
    font-size:11px
  }
}

.my-coupon-head-v153 {
  margin-bottom:8px!important
}

.my-coupon-tools-v131 {
  padding:8px!important;
  gap:7px!important;
  border-radius:12px!important;
  margin:0 0 10px!important;
  box-shadow:0 4px 14px rgba(31,41,55,.045)!important;
  grid-template-columns:minmax(0,1fr) 150px auto!important;
}

.my-coupon-tools-v131 .field {
  gap:3px!important
}

.my-coupon-tools-v131 label {
  font-size:10px!important;
  line-height:1.2!important
}

.my-coupon-tools-v131 .input,.my-coupon-tools-v131 .select {
  height:34px!important;
  min-height:34px!important;
  border-radius:9px!important;
  padding:0 9px!important;
  font-size:11px!important;
  font-weight:700!important;
}

.my-coupon-tools-v131 .btn,.my-coupon-tools-v131 button {
  min-height:34px!important;
  padding:6px 9px!important;
  border-radius:9px!important;
  font-size:10.5px!important
}

.my-coupon-result-v131 {
  font-size:10.5px!important;
  line-height:1.35!important;
  margin-top:-1px!important
}

.coupon-fast-status {
  padding:7px 9px!important;
  border-radius:10px!important;
  margin-bottom:8px!important;
  font-size:10.5px!important
}

.coupon-fast-status .btn {
  min-height:30px!important;
  padding:5px 8px!important;
  font-size:10px!important;
  border-radius:8px!important
}

.menu-disabled-v6,.menu-disabled-v9,[data-menu="logout"][hidden],.profile-logout-card-v42[hidden],.logout-setting-row-v42[hidden] {
  display:none!important
}

@media(max-width:720px) {
  .my-coupon-tools-v131 {
    grid-template-columns:1fr 118px!important;
    gap:6px!important;
    padding:7px!important
  }

  .my-coupon-tools-v131 .field:first-child {
    grid-column:1/-1
  }

  .my-coupon-tools-v131 .btn,.my-coupon-tools-v131 button {
    min-height:31px!important
  }

  .my-coupon-result-v131 {
    grid-column:1/-1!important
  }
}

.history-smooth-status-v162 {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  background:#f8fafc;
  border:1px solid #fed7aa;
  color:#9a3412;
  border-radius:14px;
  padding:9px 12px;
  margin:0 0 10px;
  font-size:12px;
  font-weight:800
}

.history-smooth-status-v162 .mini {
  color:#b45309;
  font-weight:700;
  font-size:11px
}

.history-skeleton-v162 {
  display:grid;
  gap:10px
}

.history-skel-card-v162 {
  height:118px;
  border-radius:16px;
  background:#fff;
  box-shadow:var(--shadow);
  position:relative;
  overflow:hidden;
  border:1px solid rgba(var(--v400-primary-rgb,49,135,238),.08)
}

.history-skel-card-v162:before {
  content:'';
  position:absolute;
  left:14px;
  top:15px;
  width:46%;
  height:14px;
  border-radius:999px;
  background:#eef1f5;
  box-shadow:0 28px 0 #f2f4f7,0 56px 0 #f7f8fa
}

.history-skel-card-v162:after {
  content:'';
  position:absolute;
  inset:0;
  transform:translateX(-100%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);
  animation:historyShimmerV162 1.05s infinite
}

@keyframes historyShimmerV162 {
  100% {
    transform:translateX(100%)
  }
}

#historyAllList {
  contain:layout paint;
  will-change:auto
}

#historyAllList .history-card {
  content-visibility:auto;
  contain-intrinsic-size:138px;
  transform:translateZ(0);
  backface-visibility:hidden
}

.history-card,.coupon-history-item,.credit-history-card-v65 {
  transition:none!important
}

.product img,.coupon-clean-cover img,.coupon-preview,.banner-main img,.banner-slide img {
  transform:translateZ(0);
  backface-visibility:hidden;
  image-rendering:auto
}

@media(max-width:980px) {
  .history-smooth-status-v162 {
    font-size:10.5px;
    padding:8px 10px
  }

  .history-skel-card-v162 {
    height:104px;
    border-radius:14px
  }
}

#couponImageExportSettingRowV167, #couponImageExportModalV167 {
  display:none!important
}

.category-tabs-v191 {
  display:flex;
  gap:8px;
  overflow:auto;
  padding:6px 2px 12px;
  margin:2px 0 8px;
  scrollbar-width:none
}

.category-tabs-v191::-webkit-scrollbar {
  display:none
}

.category-tabs-v191 button {
  border:1px solid #fed7aa;
  background:#fff;
  border-radius:999px;
  padding:9px 13px;
  font-weight:900;
  color:#9a3412;
  white-space:nowrap;
  box-shadow:0 8px 18px rgba(15,23,42,.04)
}

.category-tabs-v191 button.active {
  background:var(--orange,#ff6a3d);
  border-color:var(--orange,#ff6a3d);
  color:#fff
}

.hamburger-menu-v191 {
  display:none;
  position:fixed;
  right:12px;
  bottom:calc(88px + env(safe-area-inset-bottom));
  z-index:95
}

.hamburger-menu-v191 .hamburger-btn {
  width:54px;
  height:54px;
  border:none;
  border-radius:18px;
  background:#111827;
  color:#fff;
  font-size:24px;
  box-shadow:0 18px 35px rgba(15,23,42,.22)
}

.hamburger-panel-v191 {
  display:none;
  position:absolute;
  right:0;
  bottom:64px;
  width:240px;
  background:#fff;
  border:1px solid #fed7aa;
  border-radius:20px;
  box-shadow:0 24px 55px rgba(15,23,42,.2);
  padding:10px
}

.hamburger-menu-v191.show .hamburger-panel-v191 {
  display:grid;
  gap:7px
}

.hamburger-panel-v191 button {
  border:1px solid #ffedd5;
  background:#f8fafc;
  color:#7c2d12;
  border-radius:14px;
  padding:11px 12px;
  text-align:left;
  font-weight:900
}

.hamburger-panel-v191 button.active {
  background:#ff5a36;
  color:#fff;
  border-color:#ff5a36
}

@media(max-width:980px) {
  body.menu-hamburger-v191 .bottom-nav {
    display:none!important
  }

  body.menu-hamburger-v191 {
    padding-bottom:24px!important
  }

  body.menu-hamburger-v191 .hamburger-menu-v191 {
    display:block
  }
}

.banner-dots-v152 {
  pointer-events:auto!important
}

.banner-dots-v152 span {
  width:7px!important;
  height:7px!important;
  transition:width .18s ease,background .18s ease,opacity .18s ease;
  opacity:.75;
  cursor:pointer
}

.banner-dots-v152 span:first-child {
  width:7px!important;
  background:rgba(255,255,255,.72)!important
}

.banner-dots-v152 span.active {
  width:24px!important;
  background:var(--orange,#ff5a36)!important;
  opacity:1!important
}

.top-hamburger-v192 {
  display:none;
  position:relative;
  z-index:120
}

.top-hamburger-v192 .hamburger-btn-v192 {
  height:38px;
  min-width:42px;
  border:none;
  border-radius:13px;
  background:#111827;
  color:#fff;
  font-size:22px;
  font-weight:900;
  box-shadow:0 10px 25px rgba(15,23,42,.22)
}

.top-hamburger-panel-v192 {
  display:none;
  position:fixed;
  left:10px;
  right:10px;
  top:74px;
  max-height:calc(100dvh - 86px);
  overflow:auto;
  background:#fff;
  border:1px solid #fed7aa;
  border-radius:18px;
  box-shadow:0 24px 55px rgba(15,23,42,.22);
  padding:10px;
  z-index:250;
  gap:7px
}

.top-hamburger-v192.show .top-hamburger-panel-v192 {
  display:grid
}

.top-hamburger-panel-v192 button {
  border:1px solid #ffedd5;
  background:#f8fafc;
  color:#7c2d12;
  border-radius:14px;
  padding:12px;
  text-align:left;
  font-weight:900;
  font-size:13px
}

.top-hamburger-panel-v192 button.active {
  background:#ff5a36;
  color:#fff;
  border-color:#ff5a36
}

body.menu-hamburger-v192 .hamburger-menu-v191 {
  display:none!important
}

@media(max-width:980px) {
  body.menu-hamburger-v192 .bottom-nav {
    display:none!important
  }

  body.menu-hamburger-v192 .mainbar {
    grid-template-columns:1fr auto!important;
    align-items:center!important
  }

  body.menu-hamburger-v192 .top-hamburger-v192 {
    display:block!important
  }

  body.menu-hamburger-v192 {
    padding-bottom:24px!important
  }

  .cart-form-v185 input:required,.cart-form-v185 textarea:required {
    border-color:#fed7aa
  }

  .cart-form-v185 input.form-missing-v192,.cart-form-v185 textarea.form-missing-v192 {
    border-color:#ef4444!important;
    box-shadow:0 0 0 3px rgba(239,68,68,.12)!important
  }
}

#hamburgerMenuV191, #topHamburgerV192, #customerMenuRootV197, #customerMenuBackdropV197, #customerMenuSheetV197, #menuBackdropV195, #categoryTabsV191, #categoryTabsV197 {
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

.category-tabs-v198 {
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin:8px 0 12px!important;
  min-height:40px!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  z-index:3!important
}

.category-tabs-v198 button {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #fed7aa!important;
  background:#fff!important;
  color:#9a3412!important;
  border-radius:999px!important;
  padding:9px 14px!important;
  font-weight:900!important;
  min-height:38px!important;
  box-shadow:0 8px 18px rgba(15,23,42,.04)!important;
  touch-action:manipulation!important
}

.category-tabs-v198 button.active {
  background:linear-gradient(135deg,#ff5a36,#ff7a45)!important;
  border-color:#ff5a36!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(255,90,54,.20)!important
}

.customer-menu-btn-v198 {
  display:none;
  height:42px;
  min-width:48px;
  border:none;
  border-radius:16px;
  background:linear-gradient(135deg,#111827,#374151);
  color:#fff;
  font-size:22px;
  font-weight:900;
  box-shadow:0 10px 25px rgba(15,23,42,.22);
  place-items:center;
  z-index:620;
  touch-action:manipulation
}

.customer-menu-backdrop-v198 {
  display:none;
  position:fixed;
  inset:0;
  background:rgba(15,23,42,.36);
  z-index:590;
  backdrop-filter:blur(2px)
}

.customer-menu-backdrop-v198.show {
  display:block!important
}

.customer-menu-sheet-v198 {
  display:none;
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  height:54dvh;
  max-height:60dvh;
  overflow:auto;
  background:#fff;
  border-top:1px solid #fed7aa;
  border-radius:26px 26px 0 0;
  box-shadow:0 -24px 60px rgba(15,23,42,.26);
  padding:18px 14px calc(18px + env(safe-area-inset-bottom));
  z-index:610;
  gap:9px;
  animation:menuSheetInV198 .18s ease-out
}

.customer-menu-sheet-v198.show {
  display:grid!important
}

.customer-menu-sheet-v198::before {
  content:'เมนูหลัก';
  font-size:15px;
  font-weight:1000;
  color:#111827;
  margin:2px 4px 5px
}

.customer-menu-sheet-v198::after {
  content:'';
  position:absolute;
  left:50%;
  top:7px;
  transform:translateX(-50%);
  width:44px;
  height:4px;
  border-radius:99px;
  background:#fed7aa
}

.customer-menu-sheet-v198 button {
  display:grid!important;
  grid-template-columns:34px 1fr auto!important;
  align-items:center!important;
  gap:10px!important;
  border:1px solid #ffedd5!important;
  background:#f8fafc!important;
  color:#7c2d12!important;
  border-radius:17px!important;
  padding:12px 13px!important;
  text-align:left!important;
  font-weight:900!important;
  font-size:13px!important;
  min-height:54px!important;
  box-shadow:0 8px 18px rgba(15,23,42,.04)!important
}

.customer-menu-sheet-v198 button .mi {
  font-size:22px;
  line-height:1;
  text-align:center
}

.customer-menu-sheet-v198 button .mt {
  font-size:13px;
  line-height:1.2
}

.customer-menu-sheet-v198 button .ma {
  font-size:14px;
  opacity:.55
}

.customer-menu-sheet-v198 button.active {
  background:linear-gradient(135deg,#ff5a36,#ff7a45)!important;
  color:#fff!important;
  border-color:#ff5a36!important
}

.customer-menu-sheet-v198 button.active .ma {
  opacity:1
}

body.customer-menu-open-v198 {
  overflow:hidden!important
}

@keyframes menuSheetInV198 {
  from {
    transform:translateY(18px);
    opacity:.78
  }

  to {
    transform:translateY(0);
    opacity:1
  }
}

@media(max-width:980px) {
  body.menu-hamburger-v198 .bottom-nav {
    display:none!important
  }

  body.menu-hamburger-v198 .customer-menu-btn-v198 {
    display:inline-grid!important
  }

  body.menu-hamburger-v198 .mainbar {
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px!important;
    align-items:center!important
  }

  body.menu-hamburger-v198 {
    padding-bottom:24px!important
  }

  .category-tabs-v198 {
    padding-bottom:10px!important
  }

  .category-tabs-v198 button {
    padding:8px 12px!important;
    font-size:12px!important
  }
}

#cartDiscountCodeBox input,#pointDiscountInput {
  pointer-events:auto!important;
  user-select:text!important;
  -webkit-user-select:text!important;
  touch-action:manipulation!important;
  background:#fff!important;
  color:#111827!important;
  position:relative!important;
  z-index:3!important
}

#cartDiscountCodeBox {
  position:relative!important;
  z-index:3!important
}

#customerPopupOverlay {
  z-index:10080!important;
  pointer-events:none!important;
  opacity:0!important;
  transition:opacity .18s ease!important
}

#customerPopupOverlay.show {
  display:grid!important;
  pointer-events:auto!important;
  opacity:1!important
}

#customerPopupOverlay .customer-popup-card {
  transform:translateY(0)!important;
  animation:none!important
}

.stock-live-chip-v219 {
  position:fixed;
  right:14px;
  bottom:calc(82px + env(safe-area-inset-bottom));
  z-index:80;
  background:#0f172a;
  color:#fff;
  border-radius:999px;
  padding:8px 12px;
  font-size:11px;
  font-weight:900;
  box-shadow:0 14px 34px rgba(15,23,42,.25);
  opacity:0;
  transform:translateY(8px);
  pointer-events:none;
  transition:opacity .15s ease,transform .15s ease
}

.stock-live-chip-v219.show {
  opacity:.92;
  transform:translateY(0)
}

@media(max-width:980px) {
  .stock-live-chip-v219 {
    right:10px;
    bottom:calc(118px + env(safe-area-inset-bottom));
    font-size:10px;
    padding:7px 10px
  }
}

#couponModal .code-grid {
  display:grid!important;
  grid-template-columns:1fr!important;
  width:100%!important;
  max-width:460px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

#couponModal .code-box, #couponModal .code-panel, #couponModal #qrPanel, #couponModal #barPanel, #couponModal #codePanel, #couponModal .plain-code.code-panel {
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

#couponModal .code-box.active, #couponModal .code-panel.active, #couponModal #qrPanel.active, #couponModal #barPanel.active, #couponModal #codePanel.active, #couponModal .plain-code.code-panel.active {
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  place-items:center!important;
}

#couponModal #codePanel:not(.active), #couponModal #qrPanel:not(.active), #couponModal #barPanel:not(.active) {
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  overflow:hidden!important;
}

#couponModal #codePanel.active, #couponModal #qrPanel.active, #couponModal #barPanel.active {
  height:190px!important;
  min-height:190px!important;
  max-height:none!important;
  padding:10px!important;
  border:1px solid var(--line,#e9edf3)!important;
  overflow:hidden!important;
}

#couponModal #codePanel.active {
  word-break:break-all!important;
  overflow:auto!important;
  font-size:24px!important;
  line-height:1.35!important;
  text-align:center!important;
}

#couponModal #qrPanel .qr-svg, #couponModal .qr-svg {
  width:100%!important;
  min-height:155px!important;
  height:155px!important;
}

#couponModal .qr-svg canvas, #couponModal .qr-svg img, #couponModal .qr-svg svg, #couponModal #qrBox canvas, #couponModal #qrBox img, #couponModal #qrBox svg {
  width:155px!important;
  height:155px!important;
  max-width:155px!important;
  max-height:155px!important;
}

#couponModal #barPanel .barcode, #couponModal .barcode {
  width:100%!important;
  min-height:145px!important;
  height:145px!important;
}

#couponModal .barcode svg, #couponModal #barcodeSvg {
  height:92px!important;
  max-height:92px!important;
  max-width:430px!important;
}

#couponModal.modal {
  width:min(96vw,660px)!important;
}

@media(max-width:980px) {
  #couponModal.modal {
    left:50%!important;
    right:auto!important;
    top:calc(8px + env(safe-area-inset-top))!important;
    bottom:calc(76px + env(safe-area-inset-bottom))!important;
    width:96vw!important;
    max-width:440px!important;
    height:auto!important;
    max-height:none!important;
    transform:translateX(-50%) scale(1)!important;
    border-radius:22px!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
  }

  #couponModal.modal.show {
    transform:translateX(-50%) scale(1)!important;
  }

  #couponModal .modal-head {
    flex:0 0 auto!important;
    min-height:48px!important;
    padding:10px 13px!important;
  }

  #couponModal .modal-head h3 {
    font-size:16px!important;
    font-weight:900!important;
  }

  #couponModal .close {
    width:36px!important;
    height:36px!important;
    border-radius:12px!important;
    font-size:20px!important;
  }

  #couponModal .modal-body, #couponModal .coupon-modal-center {
    flex:1 1 auto!important;
    min-height:0!important;
    overflow:auto!important;
    padding:11px 12px 0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
  }

  #couponModal .coupon-modal-top {
    display:grid!important;
    grid-template-columns:116px 1fr!important;
    gap:10px!important;
    align-items:center!important;
    text-align:left!important;
  }

  #couponModal .coupon-modal-img, #couponModal .coupon-preview {
    width:116px!important;
    height:82px!important;
    max-width:116px!important;
    max-height:82px!important;
    object-fit:contain!important;
    border-radius:14px!important;
  }

  #couponModal .coupon-modal-title {
    font-size:15.5px!important;
    line-height:1.3!important;
    font-weight:900!important;
    margin:0 0 5px!important;
  }

  #couponModal .coupon-modal-expiry {
    font-size:11px!important;
    padding:5px 8px!important;
    line-height:1.25!important;
  }

  #couponModal .code-switch {
    flex:0 0 auto!important;
    width:100%!important;
    max-width:none!important;
    margin:4px 0 2px!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    position:static!important;
    padding:0!important;
  }

  #couponModal .code-switch button {
    min-height:36px!important;
    border-radius:12px!important;
    padding:0 6px!important;
    font-size:11px!important;
    font-weight:900!important;
    line-height:1.15!important;
  }

  #couponModal .code-grid {
    flex:0 0 auto!important;
    width:100%!important;
    max-width:none!important;
    height:190px!important;
    min-height:190px!important;
    margin:0!important;
  }

  #couponModal #codePanel.active, #couponModal #qrPanel.active, #couponModal #barPanel.active {
    height:190px!important;
    min-height:190px!important;
    padding:9px!important;
    border-radius:14px!important;
  }

  #couponModal #qrPanel .qr-svg, #couponModal .qr-svg {
    min-height:158px!important;
    height:158px!important;
  }

  #couponModal .qr-svg canvas, #couponModal .qr-svg img, #couponModal .qr-svg svg, #couponModal #qrBox canvas, #couponModal #qrBox img, #couponModal #qrBox svg {
    width:158px!important;
    height:158px!important;
    max-width:158px!important;
    max-height:158px!important;
  }

  #couponModal #barPanel .barcode, #couponModal .barcode {
    min-height:156px!important;
    height:156px!important;
  }

  #couponModal .barcode svg, #couponModal #barcodeSvg {
    height:92px!important;
    max-height:92px!important;
    max-width:390px!important;
  }

  #couponModal #codePanel.active {
    font-size:22px!important;
  }

  #couponModal .modal-actions-center {
    flex:0 0 auto!important;
    position:sticky!important;
    bottom:0!important;
    z-index:50!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    width:100%!important;
    margin:0!important;
    padding:7px 0 calc(10px + env(safe-area-inset-bottom))!important;
    background:linear-gradient(180deg,rgba(255,255,255,.88),#fff 42%)!important;
    box-shadow:0 -8px 18px rgba(15,23,42,.06)!important;
  }

  #couponModal .modal-actions-center .btn, #couponModal .modal-actions-center .btn.dark, #couponModal .modal-actions-center .btn.green, #couponModal .modal-actions-center .transfer-coupon-button, #couponModal .modal-actions-center #couponTransferButton {
    width:100%!important;
    min-width:0!important;
    min-height:38px!important;
    height:38px!important;
    border-radius:12px!important;
    padding:0 3px!important;
    font-size:clamp(8px,2.35vw,10.5px)!important;
    line-height:1.08!important;
    font-weight:900!important;
    letter-spacing:-.04em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    grid-column:auto!important;
  }

  #couponModal .coupon-modal-condition {
    flex:1 1 auto!important;
    min-height:76px!important;
    max-height:none!important;
    margin:0!important;
    padding:9px!important;
    border-radius:12px!important;
    font-size:11px!important;
    line-height:1.55!important;
    overflow:auto!important;
  }

  #couponModal .coupon-modal-note {
    flex:0 0 auto!important;
    margin:0!important;
    padding:8px!important;
    font-size:10.5px!important;
    line-height:1.45!important;
  }
}

@media(max-width:380px) {
  #couponModal.modal {
    width:97vw!important;
    bottom:calc(72px + env(safe-area-inset-bottom))!important;
  }

  #couponModal .coupon-modal-top {
    grid-template-columns:102px 1fr!important;
    gap:8px!important;
  }

  #couponModal .coupon-modal-img, #couponModal .coupon-preview {
    width:102px!important;
    height:74px!important;
  }

  #couponModal .code-grid, #couponModal #codePanel.active, #couponModal #qrPanel.active, #couponModal #barPanel.active {
    height:178px!important;
    min-height:178px!important;
  }

  #couponModal .qr-svg canvas, #couponModal .qr-svg img, #couponModal .qr-svg svg, #couponModal #qrBox canvas, #couponModal #qrBox img, #couponModal #qrBox svg {
    width:146px!important;
    height:146px!important;
    max-width:146px!important;
    max-height:146px!important;
  }
}

#couponModal:not(.show) {
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

#couponModal.show {
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  z-index:10001!important;
}

#couponModal.show * {
  box-sizing:border-box
}

body.coupon-modal-open-v224 {
  overflow:hidden!important
}

body.coupon-modal-open-v224 #overlay.show {
  display:block!important;
  position:fixed!important;
  inset:0!important;
  z-index:10000!important;
  background:rgba(15,23,42,.66)!important;
  pointer-events:auto!important;
}

body.coupon-modal-open-v224 .bottom-nav, body.coupon-modal-open-v224 #floatingCart {
  pointer-events:none!important;
}

#couponModal .code-switch {
  position:relative!important;
  z-index:7!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  width:100%!important;
  max-width:520px!important;
  margin:12px auto 0!important;
  pointer-events:auto!important;
}

#couponModal .code-switch button {
  pointer-events:auto!important;
  touch-action:manipulation!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}

#couponModal .code-grid {
  display:grid!important;
  grid-template-columns:1fr!important;
  place-items:center!important;
  width:100%!important;
  max-width:540px!important;
  margin:12px auto 0!important;
}

#couponModal #qrPanel, #couponModal #barPanel, #couponModal #codePanel {
  width:100%!important;
}

#couponModal #qrPanel:not(.active), #couponModal #barPanel:not(.active), #couponModal #codePanel:not(.active) {
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  overflow:hidden!important;
}

#couponModal #qrPanel.active, #couponModal #barPanel.active, #couponModal #codePanel.active {
  display:grid!important;
  place-items:center!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  text-align:center!important;
  overflow:hidden!important;
}

#couponModal #qrBox, #couponModal .qr-svg, #couponModal .barcode {
  width:100%!important;
  display:grid!important;
  place-items:center!important;
  justify-content:center!important;
  align-items:center!important;
  overflow:hidden!important;
  margin:auto!important;
}

#couponModal #qrBox canvas, #couponModal #qrBox img, #couponModal #qrBox svg, #couponModal .qr-svg canvas, #couponModal .qr-svg img, #couponModal .qr-svg svg {
  display:block!important;
  width:min(52vw,178px)!important;
  height:min(52vw,178px)!important;
  max-width:178px!important;
  max-height:178px!important;
  margin:auto!important;
}

#couponModal .qr-svg img, #couponModal #qrBox img {
  display:none!important
}

#couponModal .barcode svg, #couponModal #barcodeSvg {
  display:block!important;
  width:100%!important;
  max-width:430px!important;
  height:96px!important;
  max-height:96px!important;
  margin:auto!important;
}

#couponModal #plainCode, #couponModal #codePanel span {
  display:block!important;
  max-width:100%!important;
  word-break:break-all!important;
  overflow-wrap:anywhere!important;
  text-align:center!important;
}

#couponModal .modal-actions-center {
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(135px,1fr))!important;
  gap:9px!important;
  align-items:stretch!important;
  width:100%!important;
}

#couponModal .modal-actions-center [hidden], #couponModal .modal-actions-center .btn[hidden] {
  display:none!important
}

#couponModal .modal-actions-center .btn {
  width:100%!important;
  min-width:0!important;
  min-height:44px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:normal!important;
  line-height:1.15!important;
}

@media(max-width:980px) {
  #couponModal.show.modal {
    position:fixed!important;
    left:50%!important;
    top:calc(8px + env(safe-area-inset-top))!important;
    right:auto!important;
    bottom:calc(8px + env(safe-area-inset-bottom))!important;
    width:min(96vw,500px)!important;
    max-width:500px!important;
    height:auto!important;
    max-height:none!important;
    transform:translateX(-50%) scale(1)!important;
    border-radius:24px!important;
    overflow:hidden!important;
    flex-direction:column!important;
  }

  #couponModal.show.modal.show {
    transform:translateX(-50%) scale(1)!important
  }

  #couponModal .modal-head {
    flex:0 0 auto!important;
    min-height:52px!important;
    padding:10px 14px!important;
  }

  #couponModal .modal-head h3 {
    font-size:16px!important;
    font-weight:900!important
  }

  #couponModal .close {
    width:38px!important;
    height:38px!important;
    border-radius:14px!important;
    font-size:20px!important;
  }

  #couponModal .modal-body, #couponModal .coupon-modal-center {
    flex:1 1 auto!important;
    min-height:0!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
    padding:12px 14px 12px!important;
    display:flex!important;
    flex-direction:column!important;
    gap:9px!important;
  }

  #couponModal .coupon-modal-top {
    flex:0 0 auto!important;
    display:grid!important;
    grid-template-columns:126px 1fr!important;
    gap:12px!important;
    align-items:center!important;
    text-align:left!important;
  }

  #couponModal .coupon-modal-img, #couponModal .coupon-preview {
    width:126px!important;
    height:90px!important;
    max-width:126px!important;
    max-height:90px!important;
    object-fit:contain!important;
    border-radius:15px!important;
  }

  #couponModal .coupon-modal-title {
    font-size:16px!important;
    line-height:1.32!important;
    margin:0 0 5px!important;
  }

  #couponModal .coupon-modal-expiry {
    font-size:11px!important;
    padding:5px 8px!important;
    line-height:1.25!important;
  }

  #couponModal .code-switch {
    flex:0 0 auto!important;
    max-width:none!important;
    margin:2px 0 0!important;
    gap:7px!important;
    padding:0!important;
  }

  #couponModal .code-switch button {
    min-height:40px!important;
    border-radius:14px!important;
    padding:0 7px!important;
    font-size:11.5px!important;
    font-weight:900!important;
    line-height:1.12!important;
  }

  #couponModal .code-grid {
    flex:0 0 auto!important;
    width:100%!important;
    max-width:none!important;
    min-height:210px!important;
    height:210px!important;
    margin:0!important;
  }

  #couponModal #qrPanel.active, #couponModal #barPanel.active, #couponModal #codePanel.active {
    height:210px!important;
    min-height:210px!important;
    padding:10px!important;
    border-radius:16px!important;
  }

  #couponModal .qr-svg, #couponModal #qrBox {
    min-height:174px!important;
    height:174px!important;
  }

  #couponModal #qrBox canvas, #couponModal #qrBox img, #couponModal #qrBox svg, #couponModal .qr-svg canvas, #couponModal .qr-svg img, #couponModal .qr-svg svg {
    width:min(50vw,174px)!important;
    height:min(50vw,174px)!important;
    max-width:174px!important;
    max-height:174px!important;
  }

  #couponModal .barcode, #couponModal #barPanel .barcode {
    min-height:174px!important;
    height:174px!important;
  }

  #couponModal .barcode svg, #couponModal #barcodeSvg {
    height:92px!important;
    max-height:92px!important;
    width:100%!important;
    max-width:420px!important;
  }

  #couponModal #codePanel.active {
    font-size:23px!important;
    line-height:1.36!important;
    overflow:auto!important;
  }

  #couponModal .modal-actions-center {
    flex:0 0 auto!important;
    position:sticky!important;
    bottom:0!important;
    z-index:9!important;
    grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important;
    gap:8px!important;
    margin:0!important;
    padding:8px 0 4px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.88),#fff 42%)!important;
    box-shadow:0 -8px 18px rgba(15,23,42,.06)!important;
  }

  #couponModal .modal-actions-center .btn {
    min-height:44px!important;
    height:auto!important;
    border-radius:14px!important;
    padding:8px 8px!important;
    font-size:12px!important;
    font-weight:900!important;
  }

  #couponModal .coupon-modal-condition {
    flex:1 1 auto!important;
    min-height:88px!important;
    max-height:none!important;
    margin:0!important;
    padding:10px!important;
    border-radius:13px!important;
    font-size:11px!important;
    line-height:1.55!important;
    overflow:auto!important;
  }
}

@media(max-width:380px) {
  #couponModal.show.modal {
    width:97vw!important
  }

  #couponModal .coupon-modal-top {
    grid-template-columns:108px 1fr!important;
    gap:9px!important
  }

  #couponModal .coupon-modal-img, #couponModal .coupon-preview {
    width:108px!important;
    height:78px!important
  }

  #couponModal .code-grid, #couponModal #qrPanel.active, #couponModal #barPanel.active, #couponModal #codePanel.active {
    height:198px!important;
    min-height:198px!important
  }

  #couponModal #qrBox canvas, #couponModal #qrBox img, #couponModal #qrBox svg, #couponModal .qr-svg canvas, #couponModal .qr-svg img, #couponModal .qr-svg svg {
    width:160px!important;
    height:160px!important;
    max-width:160px!important;
    max-height:160px!important
  }
}

#couponModal {
  --coupon-qr-size-v225: 168px;
}

#couponModal .code-box {
  overflow:hidden!important;
}

#couponModal .qr-svg, #couponModal #qrBox {
  width:100%!important;
  min-height:180px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  padding:6px 0!important;
}

#couponModal .qr-svg canvas, #couponModal .qr-svg img, #couponModal .qr-svg svg, #couponModal #qrBox canvas, #couponModal #qrBox img, #couponModal #qrBox svg {
  width:var(--coupon-qr-size-v225)!important;
  height:var(--coupon-qr-size-v225)!important;
  max-width:100%!important;
  max-height:var(--coupon-qr-size-v225)!important;
  margin:0 auto!important;
  display:block!important;
  object-fit:contain!important;
  image-rendering:pixelated;
  background:#fff;
}

#couponModal .barcode {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}

#couponModal .barcode svg {
  max-width:100%!important;
}

.product-condition-trigger-v225 {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  margin-top:6px!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  border:1px solid #fed7aa!important;
  background:#f8fafc!important;
  color:#ea580c!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:none!important;
  min-height:30px!important;
}

.product-condition-trigger-v225:hover {
  background:#ffedd5!important;
}

#conditionInfoModal.modal {
  width:min(92vw,460px)!important;
  max-height:82vh!important;
  z-index:82!important;
}

#conditionInfoModal .modal-head h3 {
  font-size:20px!important;
  margin:0!important;
}

#conditionInfoModal .modal-body {
  padding:14px!important;
}

.condition-popup-title-v225 {
  font-size:18px;
  font-weight:900;
  color:#111827;
  line-height:1.45;
  margin-bottom:10px;
}

.condition-popup-content-v225 {
  white-space:pre-wrap;
  line-height:1.75;
  color:#374151;
  background:#f8fafc;
  border:1px solid #fed7aa;
  border-radius:14px;
  padding:12px;
  font-size:14px;
  max-height:54vh;
  overflow:auto;
}

.condition-popup-empty-v225 {
  color:#6b7280;
}

@media(max-width:980px) {
  #couponModal {
    --coupon-qr-size-v225: 154px;
  }

  #couponModal .qr-svg, #couponModal #qrBox {
    min-height:162px!important;
    padding:4px 0!important;
  }

  .product-condition-trigger-v225 {
    font-size:10px!important;
    padding:5px 9px!important;
    min-height:28px!important;
  }

  #conditionInfoModal.modal {
    width:94vw!important;
    max-height:80vh!important;
    border-radius:18px!important;
  }

  #conditionInfoModal .modal-head h3 {
    font-size:18px!important;
  }

  .condition-popup-title-v225 {
    font-size:16px;
    margin-bottom:8px;
  }

  .condition-popup-content-v225 {
    font-size:13px;
    padding:11px;
    line-height:1.7;
  }
}

#couponModal {
  --coupon-qr-size-v227:150px;
}

#couponModal #qrPanel, #couponModal .code-box#qrPanel {
  overflow:hidden!important;
}

#couponModal #qrBox, #couponModal .qr-svg {
  width:100%!important;
  min-height:166px!important;
  height:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  padding:4px 0!important;
  background:#fff!important;
}

#couponModal #qrBox canvas, #couponModal #qrBox svg, #couponModal .qr-svg canvas, #couponModal .qr-svg svg {
  display:block!important;
  width:var(--coupon-qr-size-v227)!important;
  height:var(--coupon-qr-size-v227)!important;
  max-width:var(--coupon-qr-size-v227)!important;
  max-height:var(--coupon-qr-size-v227)!important;
  margin:0 auto!important;
  object-fit:contain!important;
  background:#fff!important;
  image-rendering:auto!important;
}

#couponModal #qrBox img, #couponModal .qr-svg img {
  width:var(--coupon-qr-size-v227)!important;
  height:var(--coupon-qr-size-v227)!important;
  max-width:var(--coupon-qr-size-v227)!important;
  max-height:var(--coupon-qr-size-v227)!important;
  margin:0 auto!important;
  object-fit:contain!important;
  background:#fff!important;
}

.product-condition-trigger-v225, .product-condition-trigger-v227 {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  margin-top:6px!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  border:1px solid #fed7aa!important;
  background:#f8fafc!important;
  color:#ea580c!important;
  font-size:10.5px!important;
  font-weight:900!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:none!important;
  min-height:28px!important;
  width:auto!important;
}

.product-condition-trigger-v225:hover, .product-condition-trigger-v227:hover {
  background:#ffedd5!important
}

#conditionInfoModal.modal {
  width:min(92vw,480px)!important;
  max-height:86vh!important;
  z-index:84!important;
}

#conditionInfoModal.show {
  opacity:1!important;
  pointer-events:auto!important;
  visibility:visible!important;
}

.condition-popup-body-v227 {
  padding:14px!important
}

.condition-popup-image-v227 {
  width:100%;
  height:170px;
  object-fit:contain;
  background:#fff;
  border:1px solid #eef2f7;
  border-radius:16px;
  margin-bottom:12px;
  display:none;
}

.condition-popup-image-v227.show {
  display:block
}

.condition-popup-title-v225 {
  font-size:18px!important;
  font-weight:900!important;
  color:#111827!important;
  line-height:1.45!important;
  margin:0 0 8px!important;
}

.condition-popup-expiry-v227 {
  display:none;
  width:max-content;
  max-width:100%;
  color:#b91c1c;
  background:#fef2f2;
  border:1px solid #fecaca;
  border-radius:999px;
  padding:7px 10px;
  font-size:12px;
  font-weight:900;
  margin:0 0 10px;
}

.condition-popup-expiry-v227.show {
  display:inline-block
}

.condition-popup-content-v225 {
  white-space:pre-wrap!important;
  line-height:1.75!important;
  color:#374151!important;
  background:#f8fafc!important;
  border:1px solid #fed7aa!important;
  border-radius:14px!important;
  padding:12px!important;
  font-size:14px!important;
  max-height:42vh!important;
  overflow:auto!important;
}

.condition-popup-empty-v225 {
  color:#6b7280!important
}

@media(max-width:980px) {
  #couponModal {
    --coupon-qr-size-v227:144px
  }

  #couponModal #qrBox, #couponModal .qr-svg {
    min-height:156px!important;
    padding:3px 0!important
  }

  #conditionInfoModal.modal {
    width:94vw!important;
    max-height:84vh!important;
    border-radius:20px!important
  }

  .condition-popup-image-v227 {
    height:145px;
    border-radius:14px;
    margin-bottom:10px
  }

  .condition-popup-title-v225 {
    font-size:16px!important
  }

  .condition-popup-expiry-v227 {
    font-size:11px;
    padding:6px 9px
  }

  .condition-popup-content-v225 {
    font-size:13px!important;
    line-height:1.7!important;
    max-height:39vh!important
  }
}

@media(max-width:380px) {
  #couponModal {
    --coupon-qr-size-v227:136px
  }

  #couponModal #qrBox, #couponModal .qr-svg {
    min-height:148px!important
  }
}

#couponModal {
  --coupon-qr-size-v227:132px!important;
  --coupon-qr-size-v228:132px!important;
}

#couponModal #qrBox, #couponModal .qr-svg {
  min-height:144px!important;
  padding:2px 0!important;
}

#couponModal #qrBox canvas, #couponModal #qrBox svg, #couponModal #qrBox img, #couponModal .qr-svg canvas, #couponModal .qr-svg svg, #couponModal .qr-svg img {
  width:var(--coupon-qr-size-v228)!important;
  height:var(--coupon-qr-size-v228)!important;
  max-width:var(--coupon-qr-size-v228)!important;
  max-height:var(--coupon-qr-size-v228)!important;
  object-fit:contain!important;
  margin:0 auto!important;
}

body.condition-popup-open-v228 #floatingCart {
  z-index:1!important;
  pointer-events:none!important;
  opacity:0!important;
  visibility:hidden!important;
}

body.condition-popup-open-v228 .bottom-nav {
  z-index:1!important;
  pointer-events:none!important;
}

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

body.condition-popup-open-v228 #conditionInfoModal.show {
  z-index:10021!important;
}

@media(max-width:980px) {
  #couponModal {
    --coupon-qr-size-v227:126px!important;
    --coupon-qr-size-v228:126px!important;
  }

  #couponModal #qrBox, #couponModal .qr-svg {
    min-height:136px!important;
  }
}

@media(max-width:380px) {
  #couponModal {
    --coupon-qr-size-v227:120px!important;
    --coupon-qr-size-v228:120px!important;
  }

  #couponModal #qrBox, #couponModal .qr-svg {
    min-height:130px!important;
  }
}

@media(max-width:980px) {
  html,body {
    scroll-padding-bottom:calc(112px + env(safe-area-inset-bottom))!important;
  }

  body {
    padding-bottom:calc(112px + env(safe-area-inset-bottom))!important;
  }

  .bottom-nav {
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    bottom:calc(14px + env(safe-area-inset-bottom))!important;
    width:auto!important;
    min-height:74px!important;
    padding:6px 6px 8px!important;
    border-radius:24px!important;
    z-index:1200!important;
    background:rgba(255,255,255,.98)!important;
    border:1px solid rgba(255,90,54,.10)!important;
    box-shadow:0 -8px 28px rgba(15,23,42,.14)!important;
    overflow:visible!important;
    transform:translateZ(0)!important;
  }

  .bottom-nav button {
    min-height:60px!important;
    height:60px!important;
    padding:6px 2px 4px!important;
    border-radius:17px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    overflow:visible!important;
  }

  .bottom-nav button span {
    display:block!important;
    height:23px!important;
    min-height:23px!important;
    line-height:23px!important;
    font-size:20px!important;
    overflow:visible!important;
  }

  .bottom-nav button em {
    display:block!important;
    font-size:9.6px!important;
    line-height:1.05!important;
    min-height:11px!important;
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

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

  .banner-row {
    display:block!important;
    width:100%!important;
    margin:0 0 12px!important;
  }

  .banner-main {
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:16/6!important;
    border-radius:18px!important;
    background:#fff!important;
    overflow:hidden!important;
  }

  .banner-main img, .banner-main .banner-slide img, .banner-slide-v152 img {
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    object-fit:cover!important;
    object-position:center center!important;
    background:#fff!important;
  }

  .banner-fallback {
    font-size:20px!important;
    padding:14px!important;
  }

  .public-banner-panel {
    width:100%!important;
  }

  .public-banner-main {
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16/6!important;
    border-radius:18px!important;
    overflow:hidden!important;
    background:#fff!important;
  }

  .public-banner-main img, .public-banner-main .banner-slide img {
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    object-fit:cover!important;
    object-position:center center!important;
    background:#fff!important;
  }

  .public-banner-fallback {
    font-size:20px!important;
    padding:14px!important;
  }
}

@media(max-width:380px) {
  .bottom-nav {
    left:8px!important;
    right:8px!important;
    bottom:calc(12px + env(safe-area-inset-bottom))!important;
    min-height:70px!important;
  }

  .bottom-nav button {
    min-height:56px!important;
    height:56px!important;
  }

  .bottom-nav button span {
    font-size:19px!important
  }

  .bottom-nav button em {
    font-size:9px!important
  }

  .banner-main,.public-banner-main {
    aspect-ratio:16/6.4!important
  }
}

@media(max-width:980px) {
  body {
    padding-bottom:96px!important;
  }

  .bottom-nav {
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    min-height:74px!important;
    height:74px!important;
    padding:5px 6px calc(8px + env(safe-area-inset-bottom))!important;
    border-radius:0!important;
    border-top:1px solid rgba(226,232,240,.95)!important;
    box-shadow:0 -8px 22px rgba(15,23,42,.10)!important;
    background:#fff!important;
    display:grid!important;
    grid-template-columns:repeat(6,1fr)!important;
    gap:2px!important;
    transform:none!important;
    overflow:visible!important;
    z-index:120!important;
  }

  .bottom-nav button {
    min-height:58px!important;
    height:58px!important;
    padding:4px 0!important;
    border-radius:0!important;
    background:#fff!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    overflow:visible!important;
  }

  .bottom-nav button.active {
    background:#f8fafc!important;
    border-radius:0!important;
  }

  .bottom-nav button.active::before {
    top:0!important;
    left:30%!important;
    right:30%!important;
    border-radius:999px!important;
  }

  .bottom-nav button span {
    font-size:22px!important;
    line-height:22px!important;
    height:22px!important;
    min-height:22px!important;
  }

  .bottom-nav button em {
    display:block!important;
    font-size:9.4px!important;
    line-height:1.08!important;
    min-height:11px!important;
    max-height:22px!important;
    overflow:visible!important;
    white-space:nowrap!important;
  }

  #floatingCart, .floating-cart {
    bottom:92px!important;
    z-index:96!important;
  }

  #syncChip {
    bottom:158px!important;
  }

  .banner-main, .public-banner-main {
    width:100%!important;
    min-height:clamp(176px,36vw,330px)!important;
    height:auto!important;
    aspect-ratio:16/9!important;
    border-radius:16px!important;
  }

  .banner-main img, .banner-slide img, .public-banner-main img, .public-banner-slide img, .banner-track-v152 img {
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
    background:#fff!important;
  }

  #couponModal .qr-svg canvas, #couponModal .qr-svg img, #couponModal .qr-svg svg, #couponModal #qrBox canvas, #couponModal #qrBox img, #couponModal #qrBox svg {
    width:138px!important;
    height:138px!important;
    max-width:138px!important;
    max-height:138px!important;
  }

  #couponModal #qrPanel .qr-svg, #couponModal .qr-svg {
    min-height:148px!important;
  }
}

.use-confirm-overlay-v24, #useCouponConfirmOverlayV24, .web-confirm-v7, #webConfirmV7 {
  z-index:2147483000!important;
}

.use-confirm-box-v24, .web-confirm-card-v7 {
  position:relative!important;
  z-index:2147483001!important;
}

body.use-confirm-open-v230 #couponModal, body.use-confirm-open-v230 .modal.show:not(#useCouponConfirmOverlayV24) {
  pointer-events:none!important;
}

.customer-popup-card {
  width:min(2048px,96vw)!important;
  max-width:2048px!important;
  max-height:calc(100dvh - 28px)!important;
  border-radius:16px!important;
  overflow:auto!important;
}

.customer-popup-image {
  width:100%!important;
  aspect-ratio:2048/682!important;
  height:auto!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
  background:#fff!important;
  display:block;
}

.customer-popup-image.show {
  display:block!important
}

@media(max-width:980px) {
  .customer-popup-overlay {
    padding:10px!important
  }

  .customer-popup-card {
    width:96vw!important;
    max-width:96vw!important;
    max-height:calc(100dvh - 20px)!important;
    border-radius:14px!important;
  }

  .customer-popup-image {
    aspect-ratio:2048/682!important;
    width:100%!important;
    object-fit:cover!important;
  }

  .customer-popup-content {
    padding:14px!important
  }
}

.banner-row {
  margin-bottom:12px!important;
}

.banner-main, .public-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;
  overflow:hidden!important;
  background:#fff!important;
}

.banner-main img, .banner-main .banner-slide img, .banner-slide-v152 img, .public-banner-main img, .public-banner-main .banner-slide img, .public-banner-slide img, .banner-track-v152 img {
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  background:#fff!important;
}

@media(max-width:980px) {
  .banner-row {
    margin:0 0 10px!important;
  }

  .banner-main, .public-banner-main {
    aspect-ratio:2048/682!important;
    min-height:0!important;
    max-height:150px!important;
    border-radius:14px!important;
  }

  .banner-main img, .banner-main .banner-slide img, .banner-slide-v152 img, .public-banner-main img, .public-banner-main .banner-slide img, .public-banner-slide img, .banner-track-v152 img {
    object-fit:cover!important;
    object-position:center center!important;
  }
}

@media(max-width:430px) {
  .banner-main, .public-banner-main {
    max-height:140px!important;
    border-radius:13px!important;
  }
}

#member .member-page-v74 {
  gap:18px!important;
}

#member .member-hero-v74 {
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgba(var(--v400-primary-rgb,49,135,238),.18)!important;
  background: radial-gradient(circle at 0 0,rgba(var(--v400-primary-rgb,49,135,238),.16),transparent 34%), radial-gradient(circle at 100% 0,rgba(37,99,235,.10),transparent 32%), linear-gradient(135deg,#ffffff,#f8fafc)!important;
  box-shadow:0 18px 46px rgba(15,23,42,.08)!important;
}

#member .member-hero-v74 h3, #member .member-hero-v74 h2 {
  margin:4px 0!important;
  font-size:26px!important;
  line-height:1.22!important;
  color:#111827!important;
  letter-spacing:-.02em!important;
}

#member .member-hero-v74 small {
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  width:max-content!important;
  max-width:100%!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  background:#f8fafc!important;
  border:1px solid #fed7aa!important;
  color:#c2410c!important;
  font-weight:900!important;
}

#member .member-stats-v74 div {
  border-radius:18px!important;
  background:#ffffff!important;
  box-shadow:0 10px 24px rgba(15,23,42,.045)!important;
}

.member-reward-subtitle-v237 {
  margin:4px 0 0!important;
  color:#64748b!important;
  font-size:12px!important;
  line-height:1.55!important;
  font-weight:700!important;
}

#memberRewardGridV74.products, #memberRewardGridV74.member-reward-grid-v237 {
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
}

#memberRewardGridV74 .product.unavailable, #memberRewardGridV74 .member-reward-soldout-v79 {
  display:none!important;
}

#memberRewardGridV74 .member-reward-card-v237 {
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  min-height:100%!important;
  overflow:hidden!important;
  border:1px solid #e8eef7!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 14px 34px rgba(15,23,42,.07)!important;
  transform:none!important;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important;
}

#memberRewardGridV74 .member-reward-card-v237:hover {
  transform:translateY(-2px)!important;
  border-color:#fed7aa!important;
  box-shadow:0 20px 48px rgba(15,23,42,.10)!important;
}

#memberRewardGridV74 .member-reward-cover-v237, #memberRewardGridV74 .member-reward-card-v237 .cover {
  position:relative!important;
  aspect-ratio:16/11!important;
  background:#ffffff!important;
  border-bottom:1px solid #eef2f7!important;
  overflow:hidden!important;
}

#memberRewardGridV74 .member-reward-cover-v237 img, #memberRewardGridV74 .member-reward-card-v237 .cover img {
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  background:#fff!important;
  padding:8px!important;
}

#memberRewardGridV74 .member-reward-stock-v237 {
  position:absolute!important;
  top:10px!important;
  left:10px!important;
  z-index:2!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  border-radius:999px!important;
  padding:6px 9px!important;
  background:rgba(17,24,39,.86)!important;
  color:#fff!important;
  font-size:10.5px!important;
  font-weight:900!important;
  line-height:1!important;
  box-shadow:0 8px 20px rgba(15,23,42,.16)!important;
}

#memberRewardGridV74 .member-reward-body-v237, #memberRewardGridV74 .member-reward-card-v237 .body {
  flex:1!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  padding:12px!important;
}

#memberRewardGridV74 .member-reward-title-v237, #memberRewardGridV74 .member-reward-card-v237 .name {
  height:auto!important;
  min-height:38px!important;
  margin:0!important;
  color:#111827!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1.35!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}

#memberRewardGridV74 .member-reward-condition-v237 {
  min-height:34px!important;
  max-height:42px!important;
  overflow:hidden!important;
  color:#64748b!important;
  font-size:11px!important;
  line-height:1.55!important;
}

#memberRewardGridV74 .member-reward-expiry-v74, #memberRewardGridV74 .member-reward-expiry-v237 {
  margin:0!important;
  width:max-content!important;
  max-width:100%!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  padding:6px 8px!important;
  border-radius:999px!important;
  background:#fef2f2!important;
  border:1px solid #fecaca!important;
  color:#b91c1c!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1.2!important;
  text-align:left!important;
}

#memberRewardGridV74 .member-reward-points-v237 {
  margin-top:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  padding:9px 10px!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#f8fafc,#ffffff)!important;
  border:1px solid #fed7aa!important;
}

#memberRewardGridV74 .member-reward-points-v237 span {
  color:#9a3412!important;
  font-size:10px!important;
  font-weight:900!important;
}

#memberRewardGridV74 .member-reward-points-v237 b {
  color:#ea580c!important;
  font-size:16px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

#memberRewardGridV74 .member-reward-actions-v237 {
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin-top:2px!important;
}

#memberRewardGridV74 .member-reward-actions-v237 .btn {
  width:100%!important;
  min-height:40px!important;
  border-radius:13px!important;
  font-size:11.5px!important;
  font-weight:900!important;
  padding:8px 9px!important;
  white-space:nowrap!important;
}

#memberRewardGridV74 .member-reward-detail-btn-v237, #memberRewardGridV74 .product-condition-trigger-v227.member-reward-detail-btn-v237 {
  margin:0!important;
  border-color:#dbeafe!important;
  background:#eff6ff!important;
  color:#1d4ed8!important;
}

#memberRewardGridV74 .member-reward-detail-btn-v237:hover {
  background:#dbeafe!important;
}

#memberRewardGridV74 .member-reward-not-enough-v237 {
  border-radius:12px!important;
  padding:7px 8px!important;
  background:#f8fafc!important;
  color:#64748b!important;
  font-size:10.5px!important;
  font-weight:800!important;
  line-height:1.45!important;
  text-align:center!important;
}

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

  #member .member-hero-v74 {
    padding:12px!important;
    border-radius:18px!important
  }

  #member .member-hero-v74 h3, #member .member-hero-v74 h2 {
    font-size:19px!important
  }

  .member-reward-subtitle-v237 {
    font-size:10.5px!important
  }

  #memberRewardGridV74.products, #memberRewardGridV74.member-reward-grid-v237 {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  #memberRewardGridV74 .member-reward-card-v237 {
    border-radius:14px!important
  }

  #memberRewardGridV74 .member-reward-cover-v237, #memberRewardGridV74 .member-reward-card-v237 .cover {
    aspect-ratio:1.08/1!important
  }

  #memberRewardGridV74 .member-reward-cover-v237 img, #memberRewardGridV74 .member-reward-card-v237 .cover img {
    padding:5px!important
  }

  #memberRewardGridV74 .member-reward-stock-v237 {
    top:6px!important;
    left:6px!important;
    font-size:8.5px!important;
    padding:4px 6px!important
  }

  #memberRewardGridV74 .member-reward-body-v237, #memberRewardGridV74 .member-reward-card-v237 .body {
    padding:8px!important;
    gap:6px!important
  }

  #memberRewardGridV74 .member-reward-title-v237, #memberRewardGridV74 .member-reward-card-v237 .name {
    font-size:11.2px!important;
    min-height:31px!important;
    line-height:1.35!important
  }

  #memberRewardGridV74 .member-reward-condition-v237 {
    font-size:9.2px!important;
    min-height:27px!important;
    max-height:32px!important;
    line-height:1.45!important
  }

  #memberRewardGridV74 .member-reward-expiry-v237 {
    font-size:8.3px!important;
    padding:4px 6px!important
  }

  #memberRewardGridV74 .member-reward-points-v237 {
    padding:6px 7px!important;
    border-radius:10px!important
  }

  #memberRewardGridV74 .member-reward-points-v237 span {
    font-size:8.5px!important
  }

  #memberRewardGridV74 .member-reward-points-v237 b {
    font-size:12px!important
  }

  #memberRewardGridV74 .member-reward-actions-v237 {
    gap:6px!important
  }

  #memberRewardGridV74 .member-reward-actions-v237 .btn {
    min-height:34px!important;
    font-size:9.5px!important;
    border-radius:10px!important;
    padding:6px 5px!important
  }

  #memberRewardGridV74 .member-reward-not-enough-v237 {
    font-size:8.8px!important;
    padding:5px 6px!important;
    border-radius:9px!important
  }
}

@media(max-width:360px) {
  #memberRewardGridV74.products, #memberRewardGridV74.member-reward-grid-v237 {
    grid-template-columns:1fr!important
  }
}

.member-reward-head-v243 {
  gap:10px;
  flex-wrap:wrap;
  align-items:flex-start!important;
}

.member-reward-tools-v243 {
  display:flex!important;
  align-items:center;
  justify-content:flex-end;
  gap:8px!important;
  flex-wrap:wrap;
  margin-left:auto;
}

.member-reward-sort-v243 {
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:36px;
  padding:4px 7px 4px 10px;
  border:1px solid #fed7aa;
  border-radius:12px;
  background:#f8fafc;
  color:#9a3412;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}

.member-reward-sort-v243 select {
  border:0;
  outline:none;
  background:#fff;
  color:#222;
  border-radius:9px;
  min-height:30px;
  padding:4px 28px 4px 9px;
  font-weight:900;
  box-shadow:inset 0 0 0 1px #fed7aa;
}

.member-reward-sort-v243 select:focus {
  box-shadow:0 0 0 3px rgba(var(--v400-primary-rgb,49,135,238),.14), inset 0 0 0 1px var(--orange);
}

.member-reward-tools-fallback-v243 {
  margin:0 0 10px;
  justify-content:flex-start!important;
}

.member-reward-subtitle-v237, #memberRewardSubtitleV243 {
  color:#64748b;
  font-size:12px;
  font-weight:800;
  margin:3px 0 0;
}

.member-reward-sort-badge-v243 {
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin:0 0 9px;
  padding:7px 10px;
  border-radius:999px;
  background:#f8fafc;
  color:#9a3412;
  font-size:11px;
  font-weight:900;
  border:1px solid #fed7aa;
}

@media(max-width:980px) {
  .member-reward-head-v243 {
    display:grid!important;
    grid-template-columns:1fr;
    gap:8px;
  }

  .member-reward-tools-v243 {
    width:100%;
    justify-content:space-between!important;
  }

  .member-reward-sort-v243 {
    flex:1;
    justify-content:space-between;
    min-width:0;
    font-size:10.5px;
  }

  .member-reward-sort-v243 select {
    flex:1;
    min-width:0;
    font-size:11px;
  }

  .member-reward-tools-v243 .btn {
    white-space:nowrap;
  }
}

.web-notify-permission-v246 {
  position:fixed;
  left:14px;
  right:14px;
  bottom:calc(78px + env(safe-area-inset-bottom));
  z-index:290;
  display:none;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  background:rgba(15,23,42,.96);
  color:#fff;
  border-radius:18px;
  padding:12px 14px;
  box-shadow:0 22px 58px rgba(15,23,42,.28);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(12px)
}

.web-notify-permission-v246.show {
  display:flex
}

.web-notify-permission-v246 b {
  display:block;
  font-size:13px;
  line-height:1.35
}

.web-notify-permission-v246 span {
  display:block;
  font-size:11px;
  opacity:.82;
  line-height:1.55;
  margin-top:2px
}

.web-notify-permission-v246 .actions {
  display:flex;
  gap:8px;
  flex-shrink:0
}

.web-notify-permission-v246 button {
  border:none;
  border-radius:12px;
  padding:9px 12px;
  font-weight:900
}

.web-notify-permission-v246 .allow {
  background:#22c55e;
  color:#fff
}

.web-notify-permission-v246 .close {
  background:rgba(255,255,255,.12);
  color:#fff;
  width:auto;
  height:auto
}

@media(max-width:560px) {
  .web-notify-permission-v246 {
    left:10px;
    right:10px;
    bottom:calc(74px + env(safe-area-inset-bottom));
    align-items:flex-start;
    flex-direction:column
  }

  .web-notify-permission-v246 .actions {
    width:100%
  }

  .web-notify-permission-v246 button {
    flex:1
  }
}