/** Shopify CDN: Minification failed

Line 446:0 Unexpected "#"
Line 446:2 Unexpected "{"
Line 446:12 Expected ":"
Line 451:0 Unexpected "#"
Line 451:2 Unexpected "{"
Line 451:12 Expected ":"
Line 456:0 Unexpected "#"
Line 456:2 Unexpected "{"
Line 456:12 Expected ":"
Line 461:0 Unexpected "#"
... and 26 more hidden warnings

**/
/* assets/curated-tabs.css */
/* Curated tabs — CLEAN, with proper rounded corners */
:root{
  --ctb-navy:#2b493a;
  --ctb-gold:#e0c27a;
  --ctb-muted:#7b8a94;
  --ctb-border:#eceff3;
  --ctb-card-bg:#ffffff;
  --ctb-radius:16px;
}

.ctb-wrap{ padding:44px 0 28px; background:var(--ctb-bg); }
.ctb-wrap .container{ max-width:1280px; margin:0 auto; padding:0 16px; }

/* Heading + Tabs */
.ctb-title{
  color:var(--ctb-navy); text-align:center; line-height:1.05;
  letter-spacing:.06em; text-transform:uppercase; font-weight:800; margin:0 0 12px;
}
.ctb-tabs{ display:flex; justify-content:center; gap:24px; align-items:center; margin-bottom:26px; position:relative; z-index:5; }
.ctb-tab{ appearance:none; background:none; border:0; cursor:pointer; font-weight:700; line-height:1; letter-spacing:.06em; text-transform:uppercase; color:var(--ctb-navy); opacity:.7; padding:6px 0; position:relative; }
.ctb-tab.is-active{ opacity:1; }
.ctb-tab.is-active::after{ content:""; position:absolute; left:50%; transform:translateX(-50%); bottom:-10px; height:3px; width:56px; background:var(--ctb-gold); border-radius:3px; }
.ctb-tab:not(:last-child){ margin-right:14px; }
.ctb-tab:not(:last-child)::before{ content:"|"; position:absolute; right:-18px; top:50%; transform:translateY(-52%); color:var(--ctb-navy); opacity:.45; font-weight:700; font-size:.9em; }

/* Panels */
.ctb-panel{ display:none; }
.ctb-panel.is-active{ display:block; }

/* HORIZONTAL SCROLLER */
.ctb-scroll{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
.ctb-scroll::-webkit-scrollbar{ height:8px; }
.ctb-scroll::-webkit-scrollbar-thumb{ background:#d7dfe6; border-radius:999px; }
.ctb-track{ display:flex; gap:18px; scroll-snap-type:x mandatory; padding-bottom:8px; }
.ctb-card{ scroll-snap-align:start; }

/* Card + Media */
.ctb-card{
  background:transparent; display:flex; flex-direction:column;
  position:relative; /* for outside badges */
}
.ctb-card__media{
  position:relative;
  aspect-ratio:1/1;
  background:#fff;
  border:1px solid var(--ctb-border);
  border-radius:var(--ctb-radius);
  overflow:hidden;              /* 👈 clip to rounded corners */
}
.ctb-card__image-link{
  position:relative; z-index:1; display:block; height:100%;
}
.ctb-card__image{
  width:100%; height:100%; object-fit:contain; display:block;
}

/* Wishlist */
.ctb-card__wish{
  position:absolute; top:12px; right:12px; width:30px; height:30px;
  display:grid; place-items:center; background:#fff; border-radius:50%;
  border:1px solid var(--ctb-border); z-index:7;
}
.ctb-heart{ width:16px; height:16px; fill:none; stroke:currentColor; color:#c4cbd8; }

/* BADGES */
.ctb-badge{
  display:inline-block; padding:6px 12px; border-radius:999px;
  font-size:12px; font-weight:700; line-height:1; white-space:nowrap;
}

/* SALE pill stays inside media (will be clipped by radius, which is fine) */
.ctb-badge--sale{
  position:absolute; top:12px; left:12px;
  background:#ef5571; color:#fff; border:none; box-shadow:0 2px 5px rgba(0,0,0,.08);
  z-index:20;
}

/* Center badge sits on the card, outside media, so it can peek */
.ctb-card__badge-center{
  position:absolute; top:-16px; left:50%; transform:translateX(-50%);
  z-index:30; pointer-events:none;
}
.ctb-card__badge-center .ctb-badge{
  background:#f2d3cc; color:#2b493a; border:1px solid #e9c7bf; box-shadow:0 6px 12px rgba(0,0,0,.08);
}

/* Bottom-left custom/tag badges (inside media) */
.ctb-card__media .ctb-card__badges{
  position:absolute; bottom:12px; left:12px; display:flex; gap:6px; flex-wrap:wrap; z-index:10;
}
.ctb-card__media .ctb-card__badges .ctb-badge{
  background:#f2d3cc; color:#2b493a; border:1px solid #e9c7bf;
  border-radius:14px; padding:4px 8px; text-transform:uppercase;
  font-weight:700; font-size:11px; line-height:1.2;
}

/* Quick view (inside media, clipped neatly) */
.ctb-qv{
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  padding:10px 14px; font-size:12px; font-weight:700;
  border:1px solid var(--ctb-border); background:#fff; border-radius:999px;
  opacity:0; pointer-events:none; transition:.25s; z-index:25;
}
.ctb-card__media:hover .ctb-qv{ opacity:1; pointer-events:auto; }

/* Body */
.ctb-card__body{ padding:12px 12px 14px; }
.ctb-card__brand{ margin:0; font-size:12px; color:#6b7b8a; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.ctb-card__title{ display:block; margin:6px 0 8px; line-height:1.35; text-decoration:none; color:#2b493a; font-weight:600; }

/* Rating */
.ctb-card__rating{ display:flex; align-items:center; gap:4px; margin:4px 0 2px; }
.ctb-star{ font-size:12px; color:#d9dee8; }
.ctb-star.is-full{ color:#bb5561; }
.ctb-card__rating-count{ font-size:11px; color:#8a97a6; }

/* Price */
.ctb-card__price{ display:flex; gap:8px; align-items:baseline; margin:8px 0 10px; }
.ctb-price{ font-weight:800; }
.ctb-compare{ color:#9aa6bb; font-size:13px; }

/* Actions */
.ctb-card__actions{ margin-top:8px; }
.ctb-add{ display:inline-flex; align-items:center; gap:6px; height:34px; padding:0 14px; border-radius:999px; font-size:13px; font-weight:700; border:1px solid var(--ctb-border); background:#fff; cursor:pointer; }
.ctb-add:hover{ border-color:#c9d2e3; }
.ctb-add.is-disabled{ opacity:.5; cursor:not-allowed; }
.ctb-add__icon{ width:16px; height:16px; color:var(--ctb-navy); }

.ctb-viewall{ text-align:right; margin-top:10px; }
.ctb-viewall__btn{ display:inline-block; font-weight:700; font-size:12px; color:#2b493a; text-decoration:none; border-bottom:2px solid var(--ctb-gold); padding-bottom:2px; }

.ctb-empty{ color:#7a879b; padding:8px 0 16px; }

/* Safety: if any old CSS tries to force visible overflow, win with !important */
.ctb-card__media{ overflow:hidden !important; border-radius:var(--ctb-radius) !important; }
/* === Curated Tabs: top badge visibility fix (all screens) === */
.ctb-wrap,
.ctb-wrap .ctb-panel,
.ctb-wrap .ctb-scroll,
.ctb-wrap .ctb-track,
.ctb-wrap .ctb-card{
  overflow: visible !important; /* allow peeking elements */
}

/* keep horizontal scroll but don't clip vertically */
.ctb-wrap .ctb-scroll{
  overflow-x: auto;
  overflow-y: visible !important;
}

/* give headroom so center badge can peek without clipping */
.ctb-wrap .ctb-track{ padding-top: 22px; }

/* badge must float above tabs/scrollbars */
.ctb-wrap .ctb-card__badge-center{ z-index: 100 !important; }

/* media should still clip to rounded corners */
.ctb-wrap .ctb-card__media{
  overflow: hidden !important;
  border-radius: var(--ctb-radius) !important;
}

/* === Mobile tuning (≤ 640px) — a little more headroom + smaller peek === */
@media (max-width: 640px){
  .ctb-wrap .ctb-track{ padding-top: 28px; }     /* more space above card */
  .ctb-wrap .ctb-card__badge-center{ top: -12px !important; } /* smaller peek */
}
/* === Curated Tabs: keep HORIZONTAL scroll exactly the same === */
/* Revert any broad overflow changes; only open the vertical side for badges */

.ctb-wrap .ctb-scroll{
  overflow-x: auto !important;          /* keep the horizontal scroller */
  overflow-y: visible !important;        /* allow badge to peek vertically */
  -webkit-overflow-scrolling: touch;
}

/* Other wrappers: don't force horizontal overflow, just allow vertical peeking */
.ctb-wrap .ctb-panel,
.ctb-wrap .ctb-track,
.ctb-wrap .ctb-card{
  overflow-x: visible !important;        /* no extra horizontal scrollbars */
  overflow-y: visible !important;        /* no vertical clipping */
}

/* A little headroom so top badge has space (tweak if needed) */
.ctb-wrap .ctb-track{ padding-top: 20px; }

/* Ensure badge is above scroller UI */
.ctb-wrap .ctb-card__badge-center{ z-index: 100 !important; }

/* Media still clips to rounded corners */
.ctb-wrap .ctb-card__media{
  overflow: hidden !important;
  border-radius: var(--ctb-radius) !important;
}
/* === Curated Tabs — Mobile badge sizing === */

/* phones ≤ 480px */
@media (max-width: 480px){
  /* Base pill */
  .ctb-wrap .ctb-badge{
    font-size: 9px !important;
    padding: 3px 8px !important;
    border-radius: 999px !important;
    line-height: 1.1 !important;
  }

  /* SALE pill */
  .ctb-wrap .ctb-badge--sale{
    font-size: 9px !important;
    padding: 3px 8px !important;
    top: 8px !important;
    left: 8px !important;
  }

  /* Center badge (e.g. vegan) */
  .ctb-wrap .ctb-card__badge-center{ top: -10px !important; }
  .ctb-wrap .ctb-card__badge-center .ctb-badge{
    font-size: 9px !important;
    padding: 3px 10px !important;
  }

  /* Bottom-left tags */
  .ctb-wrap .ctb-card__media .ctb-card__badges{
    gap: 4px !important;
    bottom: 10px !important;
    left: 10px !important;
  }
  .ctb-wrap .ctb-card__media .ctb-card__badges .ctb-badge{
    font-size: 9px !important;
    padding: 2px 7px !important;
    border-radius: 12px !important;
  }
}

/* small tablets 481–768px */
@media (min-width: 481px) and (max-width: 768px){
  .ctb-wrap .ctb-badge{
    font-size: 10px !important;
    padding: 4px 10px !important;
  }
  .ctb-wrap .ctb-badge--sale{
    font-size: 10px !important;
    padding: 4px 10px !important;
    top: 10px !important;
    left: 10px !important;
  }
  .ctb-wrap .ctb-card__badge-center{ top: -12px !important; }
  .ctb-wrap .ctb-card__badge-center .ctb-badge{
    font-size: 10px !important;
    padding: 3px 8px !important;
  }
  .ctb-wrap .ctb-card__media .ctb-card__badges .ctb-badge{
    font-size: 10px !important;
    padding: 3px 8px !important;
  }
}
/* === Mobile placement tweak (≤ 480px) === */
@media (max-width: 480px){
  /* top-center badge: peek a bit more */
  .ctb-wrap .ctb-card__badge-center{
    top: -16px !important;   /* was ~ -10 / -12 */
  }

  /* bottom-left pills: push a bit lower */
  .ctb-wrap .ctb-card__media .ctb-card__badges{
    bottom: 4px !important; /* was ~ 10 */
  }
}
/* Tabs always clickable & above cards */
.ctb-wrap .ctb-tabs{
  position: relative;
  z-index: 1000;              /* above badges/images */
  pointer-events: auto;
}
.ctb-wrap .ctb-tab{
  cursor: pointer;
  pointer-events: auto;
}
/* === Mobile price stack tidy (≤ 640px) === */
@media (max-width: 640px){
  .ctb-wrap .ctb-card__price{
    gap: 6px;                 /* thoda kam gap */
    margin: 6px 0 8px;        /* compact spacing */
    align-items: baseline;    /* baseline align */
  }
  /* main price */
  .ctb-wrap .ctb-price{
    font-size: 10px !important;   /* your mobile body scale ke hisab se */
    line-height: 1.2;
  }
  /* compare-at price (strikethrough) */
  .ctb-wrap .ctb-compare{
    font-size: 8px !important;   /* price se thoda chhota */
    line-height: 1.2;
    color: #9aa6bb !important;
    transform: translateY(1px);   /* visually baseline align */
  }
}
/* assets/curated-tabs.css — patch */
/* Hide wishlist & quick view (in case any leftover markup exists) */
.ctb-wrap .ctb-card__wish,
.ctb-wrap .ctb-qv{ display:none !important; }

/* Pin add-to-cart bottom-right of the card */
.ctb-wrap .ctb-card{ position: relative; }
.ctb-wrap .ctb-card__actions{
  position: absolute;
  right: 12px;
  bottom: 12px;
  z-index: 40;
}

/* Give body extra space so the button doesn't overlap text */
.ctb-wrap .ctb-card__body{ padding-bottom: 56px; } /* ~button height + cushion */

/* (Optional) smaller button on mobile */
@media (max-width: 640px){
  .ctb-wrap .ctb-card__actions{ right: 10px; bottom: 10px; }
  .ctb-wrap .ctb-add{ height: 32px; padding: 0 12px; font-size: 12px; }
  .ctb-wrap .ctb-add__icon{ width: 15px; height: 15px; }
}
/* assets/curated-tabs.css */
.ctb-wrap .ctb-card__wish,
.ctb-wrap .ctb-qv{ display:none !important; }

.ctb-wrap .ctb-card{ position: relative; }
.ctb-wrap .ctb-card__actions{
  position: absolute;
  right: 12px;
  bottom: 12px;
  z-index: 40;
}
.ctb-wrap .ctb-card__body{ padding-bottom: 56px; }

@media (max-width: 640px){
  .ctb-wrap .ctb-card__actions{ right: 10px; bottom: 10px; }
  .ctb-wrap .ctb-add{ height: 32px; padding: 0 12px; font-size: 12px; }
  .ctb-wrap .ctb-add__icon{ width: 15px; height: 15px; }
}
/* Card is the positioning context */
.ctb-wrap .ctb-card{ position: relative; overflow: visible; }

/* Media keeps rounded clipping for the image */
.ctb-wrap .ctb-card__media{
  border-radius: var(--ctb-radius);
  overflow: hidden;                /* keep corners clipped */
  background: #fff;
  border: 1px solid var(--ctb-border);
}

/* Center badge now sits outside media and peeks above */
.ctb-wrap .ctb-card__badge-center{
  position: absolute !important;
  top: -16px !important;           /* peek amount */
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 30 !important;
  pointer-events: none;
}
.ctb-wrap .ctb-card__badge-center .ctb-badge{
  background:#f2d3cc;
  color:#2b493a;
  border:1px solid #e9c7bf;
  box-shadow:0 6px 12px rgba(0,0,0,.08);
  padding:6px 14px;
  border-radius:999px;
  font-weight:700;
  font-size:12px;
  line-height:1.2;
}

/* Keep SALE badge inside media, below center badge */
.ctb-wrap .ctb-badge--sale{ z-index: 20; }
.ctb-wrap .ctb-scroll{
  scrollbar-width: thin;
  scrollbar-color: #2b493a #e8edf1;
}
.ctb-wrap .ctb-scroll::-webkit-scrollbar{ height: 8px; }
.ctb-wrap .ctb-scroll::-webkit-scrollbar-track{ background:#e8edf1; border-radius:999px; }
.ctb-wrap .ctb-scroll::-webkit-scrollbar-thumb{ background:#2b493a; border-radius:999px; }
/* === Badges: slimmer + adjusted positions (overrides) === */

/* Make all curated badges a little thinner */
.ctb-card .ctb-badge{
  padding: 4px 10px;         /* was 6px 12px */
  font-size: 11px;           /* slightly smaller so the pill looks slimmer */
  line-height: 1.1;
  border-radius: 999px;
}

/* Sale badge (top-left) – keep tucked in neatly */
.ctb-card .ctb-badge--sale{
  top: 10px;                 /* was 12px */
  left: 10px;                /* was 12px */
}

/* Center badge (the one that “peeks” above the card) – raise a touch */
.ctb-card__badge-center{
  top: -18px;                /* was -16px */
}

/* Bottom-left badges (custom tags, etc.) – move slightly lower and tighten spacing */
.ctb-card__media .ctb-card__badges{
  bottom: 6px;               /* was 12px -> sits a bit lower visually */
  gap: 4px;                  /* was 6px -> tighter */
}

/* The small tag-style badges at bottom-left – slimmer look */
.ctb-card__media .ctb-card__badges .ctb-badge{
  padding: 3px 8px;          /* was 4px 8px */
  font-size: 10.5px;         /* touch smaller for a sleeker pill */
}

/* Mobile fine-tuning */
@media (max-width: 480px){
  .ctb-card .ctb-badge{ padding: 3.5px 9px; font-size: 10.5px; }
  .ctb-card .ctb-badge--sale{ top: 20px; left: 8px; }
  .ctb-card__badge-center{ top: -16px; }
  .ctb-card__media .ctb-card__badges .ctb-badge{ padding: 3.5px 9px; font-size: 5px; }
  .ctb-card__media .ctb-card__badges{ bottom: 4px; gap: 4px; }
  .ctb-card__media .ctb-card__badges .ctb-badge{ padding: 3.5px 9px; font-size: 7px; }
}
/* ===============================
   FONT ONLY – New Arrivals / Best Sellers
   (NO color / size / spacing changes)
================================ */

/* Section Heading */
#{{ scope_id }} .ctb-title{
  font-family: "Playfair Display", serif !important;
}

/* Tabs */
#{{ scope_id }} .ctb-tab{
  font-family: "Jost", sans-serif !important;
}

/* Product Name */
#{{ scope_id }} .ctb-card__title{
  font-family: "Jost", sans-serif !important;
}

/* Price + Compare Price */
#{{ scope_id }} .ctb-price,
#{{ scope_id }} .ctb-compare{
  font-family: "Jost", sans-serif !important;
}

/* Discount Badge */
#{{ scope_id }} .ctb-card__badge,
#{{ scope_id }} .ctb-card__badge-center{
  font-family: "Jost", sans-serif !important;
}
#{{ scope_id }} .ctb-title{
  font-family: "Playfair Display", serif !important;
}

#{{ scope_id }} .ctb-tab,
#{{ scope_id }} .ctb-card__title,
#{{ scope_id }} .ctb-price,
#{{ scope_id }} .ctb-compare{
  font-family: "Jost", sans-serif !important;
}
