/** Shopify CDN: Minification failed

Line 235:292 Expected ":"

**/
/* cart-drawer.css — moved out of snippets/cart-drawer.liquid (was ~30 KB inline on every page). */
/* ── Bulletproof scroll fix ─────────────────────────────────────*/

#Cart-Drawer   .product-cart-item {
  display: block;
  width: 100%;
  margin-bottom: 5px;
  padding: 16px;
  background: #F4F4F4;
  border-radius: 7.84px; }
  #Cart-Drawer .product-cart-item-image {
    position: relative;
    flex-shrink: 0;
    margin-right: 15px;
    border-radius: 10px;
    overflow: hidden; }

    #Cart-Drawer  .product-cart-item img,
  .product-cart-item .thb-placeholder {
    width: 56px;
    height: auto;
    border-radius: 10px; }
    @media only screen and (min-width: 768px) {
      #Cart-Drawer .product-cart-item img,
      .product-cart-item .thb-placeholder {
        width: 56px; } }

#Cart-Drawer .side-panel-inner {
  display: flex !important;
  flex-direction: column !important;
  height: 100vh !important;
  height: 100dvh !important;
  overflow: hidden !important;
  position: relative !important;
}
#Cart-Drawer .side-panel-content {
  flex: 1 1 0% !important;
  min-height: 0 !important;
  height: auto !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  display: block !important;
}

#Cart-Drawer .side-panel-header {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 35;
    background: var(--bg-body, #fff);
    border-bottom: 1px solid var(--color-border);
    padding: 15px 20px 10px;
  }
#Cart-Drawer .side-panel-header { flex: 0 0 auto !important; }
#Cart-Drawer .side-panel-header > div {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 0 !important;
}
#Cart-Drawer .side-panel-header h4 {
  white-space: nowrap !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  flex: 1 !important;
  padding-left: 10px;
}
#Cart-Drawer .side-panel-footer { flex: 0 0 auto !important; }
body.open-cart, body.open-cc { overflow: hidden !important; }
@media only screen and (max-width: 480px) {
  #Cart-Drawer .product-cart-item { padding: 12px; }
  #Cart-Drawer .product-cart-item .cart-product-link { font-size: 0.8125rem; }
  #Cart-Drawer .product-cart-item-info .price { font-size: 0.8125rem; }
  #Cart-Drawer .product-cart-item-options { font-size: 0.6875rem; }
  #Cart-Drawer .qty-dropdown__trigger { font-size: 0.6875rem; padding: 6px 10px; }
  #Cart-Drawer .cart-item-action { font-size: 0.625rem; padding: 6px 8px; gap: 4px; }
  #Cart-Drawer .cart-item-action svg { width: 11px; height: 11px; }
  #Cart-Drawer .product-cart-item-actions { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; gap: 6px; }
  #Cart-Drawer .product-cart-item-actions::-webkit-scrollbar { display: none; }
  #Cart-Drawer .product-cart-item-actions .cart-item-action { flex-shrink: 0; }
  #Cart-Drawer .product-cart-item img, #Cart-Drawer .product-cart-item .thb-placeholder { width: 50px; }
}
.cart-item-mrp { color: #000; font-size: 0.75rem; font-weight: 400; margin-left: 4px; text-decoration: line-through; }
.cart-offers-trigger { display: flex; align-items: center; justify-content: space-between; padding: 13px 20px; background: #f5f5f5; border-radius: 50px; cursor: pointer; user-select: none; transition: background 0.15s; border:1px solid #f5f5f5 }
.cart-offers-trigger:hover { background: #ececec; }
.cart-offers-trigger__left { display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 500; color: #444; }
.cart-offers-trigger__chevron { color: #888; flex-shrink: 0; }
.cart-offers-panel { position: fixed; top: 0; bottom: 0; width: calc(100vw - 30px); max-width: 480px; right: 0; background: #fff; z-index: 10000; display: flex; flex-direction: column; transform: translateX(100%); transition: transform 0.3s cubic-bezier(.4,0,.2,1); overflow: hidden; box-shadow: -4px 0 24px rgba(0,0,0,0.12); }
@media only screen and (max-width: 760px) { .cart-offers-panel__header { padding: 14px 16px; gap: 8px; } .cart-offers-panel__header h4 { font-size: 14px; } .cart-offers-panel__body { padding: 5spx; } .cart-offers-list__item { padding: 12px 14px; } .cart-offer-code { font-size: 12px; padding: 3px 8px; } .cart-offer-desc { font-size: 12px; } .cart-offer-apply-btn { font-size: 12px; padding: 6px 14px; margin-top: 6px; } .cart-offer-applied-badge { font-size: 11px; padding: 3px 10px; } .cart-offer-status { font-size: 11px; } .cart-offers-panel__coupon-input { font-size: 13px; padding: 9px 12px; } .cart-offers-panel__coupon-apply { font-size: 13px; padding: 9px 14px; } .cart-offers-panel__empty { font-size: 13px; padding: 30px 16px; } }
.cart-offers-panel.is-open { transform: translateX(0); }
.cart-offers-panel:not(.is-open) .cart-offers-panel__spinner { animation: none; }
.cart-offers-panel__header { display: flex; align-items: center; gap: 12px; padding: 10px; border-bottom: 1px solid #ddd; flex-shrink: 0; }
.cart-offers-panel__header h4 { margin: 0; font-size: 16px; }
.cart-offers-panel__back { background: none; border: none; padding: 4px; cursor: pointer; display: flex; align-items: center; color: #333; }
.cart-upsell-block { margin-top: 14px; border-radius: 12px; overflow: visible; }
.cart-upsell-block__tabs { border-radius: 12px 12px 0 0; }
.cart-upsell-block__tabs { display: flex; padding: 0 10px; gap: 4px; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.cart-upsell-block__tabs::-webkit-scrollbar { display: none; }
.cart-offers-tab { background: none; border: none; border-bottom: 2px solid transparent; padding: 12px 5px; font-size: 11px; font-weight: 600; color: #000; cursor: pointer; white-space: nowrap; flex-shrink: 0; display: flex; align-items: center; gap: 6px; }
.cart-offers-tab.is-active { color: #f57239; border-bottom-color: #f57239; }
.cart-offers-tabpanel { display: none; }
.cart-offers-tabpanel.is-active { display: block; }
.cart-offers-panel__coupon-row { padding: 14px 16px 0; flex-shrink: 0; }
.cart-offers-panel__coupon-input-wrap { display: flex; border: 1.5px solid #ddd; border-radius: 8px; overflow: hidden; }
.cart-offers-panel__coupon-input { flex: 1; border: none; padding: 10px 14px; font-size: 14px; outline: none; background: #fff; }
.cart-offers-panel__coupon-apply { background: none; border: none; border-left: 1.5px solid #ddd; padding: 10px 16px; font-size: 14px; font-weight: 600; cursor: pointer; color: #222; }
.cart-offers-panel__coupon-apply:hover { background: #f9f9f9; }
.cart-offers-panel__coupon-msg { font-size: 12px; margin-top: 6px; padding: 0 2px; }
.cart-offers-panel__coupon-msg.is-error { color: #c0392b; }
.cart-offers-panel__coupon-msg.is-success { color: #27ae60; }
.cart-offers-panel__body { flex: 1; overflow-y: auto; padding: 14px 0; }
.cart-offers-panel__loading { display: flex; justify-content: center; padding: 40px 0; }
.cart-offers-panel__loading[hidden] { display: none !important; }
.cart-offers-panel__spinner { width: 28px; height: 28px; border: 3px solid #eee; border-top-color: #333; border-radius: 50%; animation: spin 0.7s linear infinite; display: block; }
@keyframes spin { to { transform: rotate(360deg); } }
.cart-offers-list { list-style: none; margin: 0; padding: 0; }
.cart-offers-list__item { padding: 14px 20px; border-bottom: 1px solid #f0f0f0; cursor: pointer; transition: background 0.12s; }
.cart-offers-list__item:hover { background: #fafafa; }
.cart-offers-list__item.is-applied { background: #f4f4f4; cursor: default;border-bottom: 1px solid #f0f0f0; border-radius: 7.84px; }
.cart-offers-list__item.is-applying { opacity: 0.6; pointer-events: none; }
.cart-offer-code { display: inline-flex; align-items: center; gap: 6px; border: 1.5px dashed #bbb; border-radius: 4px; padding: 3px 10px; font-size: 13px; font-weight: 700; letter-spacing: 0.5px; color: #333; margin-bottom: 5px; }
.cart-offer-desc { font-size: 13px; color: #333; font-weight: 500; margin-bottom: 3px; }
.cart-offer-item-top{ justify-content: space-between !important; display: flex;}
.cart-offer-status { font-size: 12px; margin-top: 4px; }
.cart-offer-status.need-more { color: #c0392b; }
.cart-offer-status.unlocked { color: #27ae60; font-weight: 600; }
.cart-offer-apply-btn { display: inline-block; margin-top: 8px; background: #fff; color: #03235e; border: 1.5px solid #03235e; border-radius: 999px; padding: 7px 18px; font-size: 13px; font-weight: 600; cursor: pointer; transition: background 0.15s, color 0.15s; }
.cart-offer-apply-btn:hover { background: #03235e; color: #fff; }
.cart-offer-applied-badge { display: inline-flex; align-items: center; gap: 4px; margin-top: 8px; background: #e8f8ef; color: #1e7e4f; border-radius: 20px; padding: 4px 12px; font-size: 12px; font-weight: 600; }
/* Redesigned offer cards (rounded, tinted, icon-led) */
.cart-offers-list__item { border-radius: 14px; margin: 13px; padding: 14px 16px; border-bottom: none; cursor: default; transition: background 0.12s, transform 0.08s; }
.cart-offers-list__item.is-unlocked {background: #fff; cursor: pointer; border: 1px solid #eee;}
.cart-offers-list__item.is-unlocked:hover { background: #fff; border: 1px solid #eee; }
.cart-offers-list__item.is-unlocked:active { transform: scale(0.99); }
.cart-offers-list__item.is-applied { background: #f4f4f4; cursor: default; border-bottom: 1px solid #f4f4f4; border-radius: 7.84px;}
.cart-offers-list__item.is-locked {background: #f4f4f4; cursor: pointer; border: 1px solid #f4f4f4; border-radius: 7.84px;}
.cart-offers-list__item.is-applying { opacity: 0.6; pointer-events: none; }
.cart-offer-row-v2 { display: flex; align-items: flex-start; gap: 10px; }
.cart-offer-left { flex: 1; min-width: 0; }
.cart-offer-heading { font-size: 14px; font-weight: 500; color: #000; margin: 0 0 6px; }
.cart-offer-bullets { list-style: disc; margin: 0; padding-left: 18px; }
.cart-offer-bullets li { font-size: 13px; color: #333; line-height: 1.6; }
.cart-offer-bullets li strong { font-weight: 600; color: #1a1a1a; }
.cart-offers-list__item.is-applied .cart-offer-heading { color: #000; }
.cart-offers-list__item.is-locked .cart-offer-heading { color: #000; }
.cart-offer-row { display: flex; align-items: flex-start; gap: 12px; }
.cart-offer-icon-circle { flex-shrink: 0; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #fff; }
.cart-offer-icon-circle.is-unlocked { color: #1e7e4f; background: #fff; }
.cart-offer-icon-circle.is-locked { color: #1e7e4f; background: #fff; }
.cart-offer-body { flex: 1; min-width: 0; }
.cart-offer-item-top { display: flex; align-items: center; justify-content: space-between; gap: 10px;}
.cart-offer-code-text { font-size: 14px; font-weight: 500; color: #1a1a1a; letter-spacing: 0.2px; }
.cart-offer-tap-label { font-size: 10.5px; font-weight: 700; letter-spacing: 0.4px; text-transform: uppercase; color: #03235e; white-space: nowrap; flex-shrink: 0; background: #fff;
    border: 1.5px solid #03235e; padding: 7px; border-radius: 10px;}
.cart-offer-tap-label.is-locked-label { color: #999; }
.cart-offer-tap-label.is-applied-label { color:#03235e ; }
.cart-offers-list__item .cart-offer-desc { font-size: 13px; color: #333; font-weight: 500; margin: 0 0 3px; }
.cart-offer-minline { font-size: 12px; color: #888; margin: 0; }
.cart-offer-unlock-msg { font-size: 12px; color: #c0392b; font-weight: 400; margin: 0 0 4px; }
.cart-offer-getoff { font-size: 14px; color: #222; font-weight: 400; margin: 0 0 2px; }
.cart-offer-desc-sub { font-size: 12px; color: #888; margin: 0; }
.cart-offer-details-toggle { display: inline-flex; align-items: center; gap: 4px; background: none; border: none; padding: 6px 0 0; margin: 0; font-size: 12px; font-weight: 600; color: #555; cursor: pointer; }
.cart-offer-details-chevron { transition: transform 0.2s ease; }
.cart-offer-details-toggle.is-expanded .cart-offer-details-chevron { transform: rotate(180deg); }
.cart-offer-details { margin: 6px 0 0; padding-left: 18px; font-size: 12px; color: #666; }
.cart-offer-details li { margin-bottom: 2px; }
.cart-offers-panel__empty { text-align: center; color: #999; padding: 40px 20px; font-size: 14px; }
.cart-offer-carousel { position: relative; display: flex; align-items: center; padding: 10px; overflow: visible; }
.cart-offer-carousel__arrow { position: absolute; top: 50%; transform: translateY(-50%); flex-shrink: 0; width: 25px; height: 25px; border-radius: 50%; border: 1px solid #e2e2e2; background: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #555; z-index: 4; padding: 0; transition: opacity 0.15s, background 0.15s; box-shadow: 0 1px 4px rgba(0,0,0,0.12); }
.cart-offer-carousel__arrow--prev { left: -8px; }
.cart-offer-carousel__arrow--next { right: -8px; }
.cart-offer-carousel__arrow:hover { background: #f5f5f5; }
.cart-offer-carousel__arrow.is-hidden { visibility: hidden; pointer-events: none; }
.cart-offer-products { display: flex; flex-wrap: nowrap; gap: 12px; padding: 4px 18px 8px; overflow-x: auto; scroll-behavior: smooth; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; scrollbar-width: none; flex: 1; min-width: 0; }
.cart-offer-products::-webkit-scrollbar { display: none; }
.cart-offer-card { position: relative; flex: 0 0 auto; width: 230px; scroll-snap-align: start; border: 1px solid #eee; border-radius: 10px; padding: 8px; background: #fff; display: flex; flex-direction: row; align-items: flex-start; gap: 10px; }
.cart-offer-card__badge { position: absolute;  background: #1e7e4f; color: #fff; font-size: 10px; font-weight: 500; line-height: 1.2; padding: 3px 6px;  text-align: center; z-index: 2; width: 40px; border-bottom-right-radius: 12px;
 -webkit-transform: translateZ(0); /* promote badge too, so it composites independently and can't get painted-under */
  will-change: transform;
 }
.cart-offer-card__remove { position: absolute; top: 2px; right: 6px; background: rgba(255,255,255,0.9); border: none; border-radius: 50%; width: 12px; height: 12px; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 2; color: #666; }
.cart-offer-card__image-wrap { position: relative; flex: 0 0 auto; width: 64px; height: 84px; border-radius: 8px; overflow: hidden; background: #f7f7f7; display: block; -webkit-transform: translateZ(0); transform: translateZ(0);   isolation: isolate; }
.cart-offer-card__image-wrap img { width: 100%; height: 100%; aspect-ratio: 1 / 1; object-fit: cover; display: block; -webkit-backface-visibility: hidden; backface-visibility: hidden;  position: relative;
  z-index: 1;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
 }
.cart-offer-card__content { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.cart-offer-card__title { font-size: 12px; font-weight: 500; color: #222; margin: 0 0 4px; text-decoration: none; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.3; min-height: 2.6em; }
.cart-offer-card__price { display: flex; align-items: center; gap: 5px; flex-wrap: wrap; }
.cart-offer-card__price del { font-weight: 400; color: #9ca3af; font-size: 11px; text-decoration: line-through; order: 2; }
.cart-offer-card__price .amount { font-weight: 700; color: #03235e; font-size: 12px; order: 1; }
.cart-offer-card__btn { border: 1.5px solid #03235e; background: #fff; color: #03235e; border-radius: 999px; padding: 6px 0; font-size: 11px; font-weight: 700; letter-spacing: 0.3px; cursor: pointer; text-align: center; text-transform: uppercase; display: flex; align-items: center; justify-content: center; gap: 5px; margin-top: 5px; width: 100%; transition: background 0.15s, color 0.15s; }
.cart-offer-card__btn:hover { background: #fff; color: #03235e; border: 1.5px solid #03235e; }
.cart-offer-card__btn.is-loading { opacity: 0.6; pointer-events: none; }
.cart-offer-card__btn.is-added { background: #f57239; color: #fff; border-color: #f57239; }
.cart-offer-card__btn:disabled { opacity: 0.4; cursor: default; border-color: #ccc; color: #999; }
.product-cart-item.cart-item-just-added { animation: cartItemJustAdded 1.2s ease; }
@keyframes cartItemJustAdded { 0% { background-color: #fff7ec; box-shadow: 0 0 0 2px #f57239 inset; } 100% { background-color: transparent; box-shadow: 0 0 0 0 transparent inset; } }
.cart-note-wrap { margin-top: 14px; padding: 0 4px 28px; }
.cart-note-label { font-size: 15px; font-weight: 600; color: #222; margin: 0 0 10px; }
.cart-note-panel { padding: 0; border: none; background: transparent; }
.cart-note-textarea { width: 100%; border: 1.5px solid #ddd; border-radius: 10px; padding: 12px 14px; font-size: 13px; font-family: inherit; resize: vertical; min-height: 80px; outline: none; box-sizing: border-box; color: #555; }
.cart-note-textarea::placeholder { color: #999; }
.cart-note-textarea:focus { border-color: #f57239; }
/* Milestone toast — replaces the old overlay */
.thb-footer-v2 { padding: 0 !important; border-top: 1px solid #eee; background: #fff; }
.thb-footer-announcement { background: #1a2a5e; color: #fff; font-size: 10px; font-weight: 600; text-align: center; padding: 5px 16px; letter-spacing: 0.3px; }
.thb-estimate-row { display: flex; align-items: center; justify-content: space-between; padding: 14px 26px 8px; border-bottom: 1px solid #f0f0f0; }
.thb-estimate-label { font-size: 15px; font-weight: 600; color: #111; }
.thb-estimate-toggle { display: flex; align-items: center; gap: 6px; background: none; border: none; padding: 0; cursor: pointer; color: #111; }
.thb-estimate-price { font-size: 15px; font-weight: 700; color: #03235E; }
.thb-estimate-chevron { transition: transform 0.25s ease; color: #555; flex-shrink: 0; }
.thb-estimate-toggle[aria-expanded="true"] .thb-estimate-chevron { transform: rotate(180deg); }
.thb-estimate-price-wrap { display: flex; flex-direction: column; align-items: flex-end; gap: 1px; }
.thb-estimate-mrp { font-size: 12px; font-weight: 400; color: #9ca3af; text-decoration: line-through; line-height: 1.2; }
.thb-estimate-price { font-size: 15px; font-weight: 700; color: #03235e; line-height: 1.2; }
.thb-estimate-savings { font-size: 11px; font-weight: 600; color: #096; line-height: 1.2; }
.thb-price-breakdown { padding: 4px 26px 12px; border-bottom: 1px solid #f0f0f0; animation: thbSlideDown 0.2s ease; }
@keyframes thbSlideDown { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0); } }
.thb-breakdown-row { display: flex; justify-content: space-between; align-items: center; padding: 7px 0; font-size: 13px; color: #03235E; }
.thb-breakdown-row:last-child { border-bottom: none; }
.thb-breakdown-row--total { font-size: 14px; font-weight: 600; color: #03235E; padding-top: 10px; border-bottom: none; margin-top: 2px; }
.thb-muted { color: #03235E; }
.thb-green { color: #096; font-weight: 500; }
.thb-footer-v2 .cart-drawer-footer { padding: 0; }
.thb-footer-v2 .cart-drawer-buttons { padding: 0 16px 16px; }
.thb-checkout-btn { display: flex !important; gap: 12px !important; width: 100% !important; background: #f57239 !important; border: none !important; border-radius: 999px !important; padding: 15px 20px !important; cursor: pointer; transition: background 0.15s; margin-top: 6px; justify-content; }
.thb-checkout-btn:hover, .thb-checkout-btn:focus, .thb-checkout-btn:active { background: #f57239 !important; transition:0 }
/* Lock down the ENTIRE button (text + icons) so nothing inside it can be
   picked up as a native drag/text-selection ghost — that ghosting was what
   made the orange background appear to fade/peel away on press. */
.thb-checkout-btn,
.thb-checkout-btn * {
  -webkit-user-drag: none;
  user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.thb-checkout-btn__label { font-size: 16px; font-weight: 700; color: #fff; letter-spacing: 0.3px; }
.thb-checkout-btn__icons { display: flex; align-items: center; border-radius: 999px; padding: 4px 8px; pointer-events: none; }
.thb-pay-icon { display: inline-flex; border-radius: 50%; overflow: hidden; line-height: 0; margin-left: -6px; }
.thb-pay-icon:first-child { margin-left: 0; }
/* The payment icons are SVGs whose circle fill references a raster <image>
   inside <defs>. Browsers treat that <image> as a draggable element, so a
   click/press on the icons was starting a native image-drag — showing the
   dashed drag-ghost outline and fading the button. Disabling native drag +
   selection on them keeps the button solid orange on hover/press. */
.thb-pay-icon svg,
.thb-pay-icon svg image {
  -webkit-user-drag: none;
  user-drag: none;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
}
.thb-variant-picker { position: fixed; top: 0; bottom: 0; right: 0; width: calc(100vw - 30px); max-width: 480px; z-index: 20000; display: flex; align-items: flex-end; pointer-events: none; }
.thb-variant-picker[hidden] { display: none; }
.thb-variant-picker__backdrop { position: absolute; inset: 0; background: rgba(0,0,0,0.45); animation: thbBackdropIn 0.2s ease; pointer-events: auto; }
@keyframes thbBackdropIn { from { opacity: 0; } to { opacity: 1; } }
.thb-variant-picker__sheet { position: relative; width: 100%; margin: 0; background: #fff; border-radius: 20px 20px 0 0; max-height: 80vh; display: flex; flex-direction: column; animation: thbSheetUp 0.28s cubic-bezier(.4,0,.2,1); overflow: hidden; pointer-events: auto; }
@keyframes thbSheetUp { from { transform: translateY(100%); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
.thb-variant-picker__header { display: flex; align-items: center; gap: 10px; padding: 16px 16px 12px; border-bottom: 1px solid #eee; flex-shrink: 0; }
.thb-variant-picker__header-product { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.thb-variant-picker__header-title { font-size: 13px; color: #888; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.thb-variant-picker__header-sub { font-size: 15px; font-weight: 700; color: #111; }
.thb-variant-picker__back, .thb-variant-picker__close { background: none; border: none; padding: 4px; cursor: pointer; color: #444; flex-shrink: 0; display: flex; align-items: center; }
.thb-variant-picker__list { flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 8px 0; }
/* WITH these updated rules */
.thb-vpicker-row { display: flex; align-items: flex-start; gap: 10px; padding: 12px 16px; border-bottom: 1px solid #f3f3f3; }
.thb-vpicker-row:last-child { border-bottom: none; }
.thb-vpicker-row.is-unavailable { opacity: 0.45; pointer-events: none; }
.thb-vpicker-row__img { width: 60px; height: 60px; border-radius: 8px; object-fit: cover; flex-shrink: 0; background: #f7f7f7; }
.thb-vpicker-row__info { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.thb-vpicker-row__name { font-size: 13px; font-weight: 500; color: #111; overflow: hidden; text-overflow: ellipsis; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.35; }
.thb-vpicker-row__sub { font-size: 12px; color: #888; margin-top: 2px; white-space: normal; line-height: 1.3; }
.thb-vpicker-row__price-action { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 8px; }
.thb-vpicker-row__price { font-size: 13px; font-weight: 700; color: #111; }
.thb-vpicker-row__add { background: #fff; color: #03235E; border: 1px solid #03235E; border-radius: 999px; padding: 7px 16px; font-size: 12px; font-weight: 700; cursor: pointer; transition: background 0.15s, opacity 0.15s; display: flex; align-items: center; gap: 4px; white-space: nowrap; flex-shrink: 0; }
.thb-vpicker-row__add:hover { background: #fff; color: #03235E; border: 1px solid #03235E; }
.thb-vpicker-row__add.is-loading { opacity: 0.6; pointer-events: none; }
.thb-vpicker-row__add.is-added { background: #fff; color: #03235E; border: 1px solid #03235E; pointer-events: none; }
.thb-vpicker-row--current { background: #f0fdf4; }
.thb-vpicker-row--current .thb-vpicker-row__add { background: #e8f8ef; color: #1e7e4f; border-color: #1e7e4f; font-weight: 700; }
.thb-vpicker-spinner { display: inline-block; width: 12px; height: 12px; border: 2px solid rgba(255,255,255,0.4); border-top-color: #fff; border-radius: 50%; animation: spin 0.6s linear infinite; vertical-align: middle; margin-right: 2px; }
.thb-vpicker-row__add.is-loading { opacity: 0.85; pointer-events: none; background: #03235e; color: #fff; border-color: #03235e; }
/* Cart item update skeleton */
.thb-cart-skeleton { display: flex; align-items: center; gap: 12px; padding: 16px; min-height: 96px; }
.thb-cart-skeleton__img { width: 72px; height: 72px; border-radius: 8px; flex-shrink: 0; background: #e8e8e8; }
.thb-cart-skeleton__info { flex: 1; display: flex; flex-direction: column; gap: 0; }
@keyframes thb-shimmer { 0% { background-position: -400px 0; } 100% { background-position: 400px 0; } }
.thb-skeleton-pulse { background: linear-gradient(90deg, #ececec 25%, #f5f5f5 50%, #ececec 75%); background-size: 800px 100%; animation: thb-shimmer 1.2s infinite linear; }
.thb-variant-picker__confirm { flex-shrink: 0; margin: 12px 16px 16px; background: #f57239; color: #fff; border: none; border-radius: 999px; padding: 15px; font-size: 15px; font-weight: 700; cursor: pointer; width: calc(100% - 32px); transition: background 0.15s; }
.cart-offers-trigger { flex-direction: column; align-items: stretch; gap: 0; padding: 0; border-radius: 12px; }
.cart-offers-trigger__applied { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; background: #fff; border-radius: 12px 12px 0 0; border-bottom: 1px solid #d1fae5; }
.cart-offers-trigger__applied-left { display: flex; align-items: center; gap: 10px; }
.cart-offers-trigger__applied-info { display: flex; flex-direction: row; align-items: baseline; gap: 5px; flex-wrap: nowrap; white-space: nowrap; }
.cart-offers-trigger__applied-savings { font-size: 14px; font-weight: 700; color: #1e7e4f; line-height: 1.2; }
.cart-offers-trigger__applied-code { font-size: 12px; color: #1e7e4f; font-weight: 500; line-height: 1.2; }
.cart-offers-trigger__eligible { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; box-sizing: border-box; padding: 12px 16px; background: #fff; border-radius: 12px 12px 0 0; border-bottom: 1px solid #d1fae5; }
.cart-offers-trigger__applied-tag { font-size: 12px; font-weight: 700; color: #1e7e4f; background: #e8f7ee; border-radius: 999px; padding: 4px 10px; white-space: nowrap; flex-shrink: 0; }
.cart-offers-trigger__eligible-left { display: flex; align-items: center; gap: 10px; min-width: 0; }
.cart-offers-trigger__eligible-info { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.cart-offers-trigger__eligible-code { font-size: 13px; font-weight: 700; color: #222; line-height: 1.2; letter-spacing: 0.3px; }
.cart-offers-trigger__eligible-savings { font-size: 12px; color: #1e7e4f; font-weight: 600; line-height: 1.2; }
.cart-offers-trigger__apply { margin-top: 0; flex-shrink: 0; padding: 8px 18px; }
.cart-offers-trigger__remove-btn { background: none; border: none; color: #1e7e4f; font-size: 13px; font-weight: 700; cursor: pointer; padding: 4px 8px; border-radius: 6px; flex-shrink: 0; text-decoration: underline; }
.cart-offers-trigger__remove-btn:hover { opacity: 0.7; }
.cart-offers-trigger__more { display: flex; align-items: center; justify-content: space-between; padding: 10px 16px; background: #f0fdf4; border-radius: 0 0 12px 12px; cursor: pointer; }
.cart-offers-trigger__more-left { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #555; font-weight: 500; }
.cart-offers-trigger__more-right { display: flex; align-items: center; gap: 4px; font-size: 13px; color: #888; }
.cart-offers-trigger:not(:has(.cart-offers-trigger__applied)):not(:has(.cart-offers-trigger__eligible)) { flex-direction: row !important; align-items: center !important; padding: 13px 20px !important; border-radius: 10px !important; }
.cart-offers-panel__header-info { display: flex; flex-direction: column; gap: 1px; flex: 1; }
.cart-offers-panel__header-info h4 { margin: 0; font-size: 13px; color:#4d4d4d; }
.cart-offers-panel__cart-value { font-size: 12px; color: #888; font-weight: 400; line-height: 1.3; margin-top: -8px;}
.cart-offer-savings{font-size : 13px ; margin-bottom : 5px;}
.cart-offer-details{font-size : 13px ;}
@media screen and (max-width: 780px){
  .cart-offer-savings{
    font-size : 13px ; 
    margin-bottom : 4px;
  }
  .cart-offer-details{font-size : 10px;}
}

/* Confetti canvas clipped inside drawer */
#Cart-Drawer .side-panel-inner {
  position: relative !important;
  overflow: hidden !important;
}
.thb-confetti-canvas {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;
  z-index: 99999 !important;
}

.thb-cart-item-count::before { content: '('; }
.thb-cart-item-count::after  { content: ')'; }
.thb-cart-item-count {
  font-size: 12px;
  font-weight: 400px;
  color: inherit;
  margin-left: 4px;
}
#Cart-Drawer .side-panel-header > div {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
}
#Cart-Drawer .side-panel-header h4 {
  white-space: nowrap !important;
  margin: 0 !important;
  flex: 1 !important;
   padding-left: 10px;
}

#Cart-Drawer {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: flat; /* changed from preserve-3d */
  transform-style: flat;
  will-change: transform;
  contain: layout style paint; /* isolates rendering, stops bleed from outside */
}

#Cart-Drawer:not(.active) {
  -webkit-transform: translate3d(101%, 0, 0) !important;
  transform: translate3d(101%, 0, 0) !important;
}

#Cart-Drawer.active {
  -webkit-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
}

#wrapper .click-capture {
  background: rgba(0, 0, 0, 0.55) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  z-index: 150 !important;
  clip-path: inset(0) !important;
  -webkit-clip-path: inset(0) !important;
  isolation: isolate;
}

#Cart-Drawer {
  border-radius: 0.5px;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  border-top-left-radius: 40px;
  border-bottom-left-radius: 40px;

}