/** Shopify CDN: Minification failed

Line 1405:1 Expected "}" to go with "{"

**/
:root{
  --ctb-brown:#472b2b;
  --ctb-brown-dark:#3a2222;
  --ctb-peach:#ff9c84;
  --ctb-text:#f7f0ee;
}

/* ===== Announcement bar (scrolling) ===== */
.ctb-ann{
  background: var(--ctb-brown);
  color: var(--ctb-text);
  overflow: hidden;
  font-size: 14px;
}
.ctb-ann__track{
  display:flex;
  gap:60px;
  white-space: nowrap;
  animation: ctb-ann-marquee var(--ctb-ann-speed, 30s) linear infinite;
  padding: 8px 16px;
}
.ctb-ann__item{ opacity:.95 }
@keyframes ctb-ann-marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* ===== Header container ===== */
.ctb-header{
  background: var(--ctb-brown);
  color: var(--ctb-text);
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
  box-shadow: inset 0 10px 24px rgba(0,0,0,.12);
}

/* ===== Top row grid ===== */
.ctb-toprow{
  max-width: 1200px;
  margin: 0 auto;
  padding: 14px 16px 10px;
  display: grid;
  grid-template-columns: 40px 220px 1fr 260px; /* hamburger | logo | search | icons */
  align-items: center;
  column-gap: 16px;
}

/* Hamburger: desktop hidden */
.ctb-hamburger{width:36px;height:28px;border:0;background:transparent;display:none;cursor:pointer}
.ctb-hamburger-line{display:block;height:2px;background:#f7f0ee;margin:6px 0;border-radius:2px}

/* Logo */
.ctb-logo{ justify-self:start; text-decoration:none }
.ctb-logo-img{ max-height:36px; width:auto }
.ctb-logo-text{ font-weight:800; font-size:24px; color:var(--ctb-text) }

/* Search (middle) */
.ctb-search-slot{ justify-self:stretch }
.ctb-search{
  position:relative;
  background: var(--ctb-brown-dark);
  border-radius:28px;
  display:flex; align-items:center;
  padding:8px 12px 8px 20px;
  border:1px solid #2a1616;
  max-width: 820px;
  margin: 0 auto;
}
.ctb-search-input{
  flex:1; background:transparent; border:0; color:#f7f0ee; font-size:16px; outline:none;
}
.ctb-search-input::placeholder{ color:#e6d9d7; opacity:.7 }
.ctb-search-btn{
  width:44px;height:44px;border-radius:999px;border:0;background:var(--ctb-peach);
  display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 0 #d97a63
}
.ctb-search-btn svg{ width:22px;height:22px;fill:#4a2e2e }

/* Icons (right) */
.ctb-icons{ justify-self:end; display:flex; align-items:center; gap:16px; white-space:nowrap; flex-wrap:nowrap }
.ctb-icon svg{ width:28px; height:28px; fill:#f7f0ee; opacity:.95 }
.ctb-flag{ display:inline-flex; align-items:center; gap:6px; color:#f7f0ee; text-decoration:none; font-weight:600 }
.ctb-flag-img{ width:24px; height:16px; object-fit:cover; border-radius:3px; box-shadow:0 0 0 1px rgba(0,0,0,.15) }
.ctb-flag-code{ font-size:12px; opacity:.95 }

/* ===== Nav row (desktop only) ===== */
.ctb-nav{
  max-width:1200px;
  margin: 0 auto;
  padding: 6px 16px 16px;
}
.ctb-nav-list{ list-style:none; margin:0; padding:0; display:flex; gap:28px; justify-content:center; flex-wrap:wrap }
.ctb-nav-link{ color:#ffffff !important; opacity:1 !important; font-weight:700; text-decoration:none; letter-spacing:.2px; padding:6px 0 }

/* ===== Mobile ===== */
@media (max-width: 990px){
  .ctb-toprow{ grid-template-columns: 40px 1fr 120px; row-gap: 8px }
  .ctb-hamburger{ display:block }           /* show on mobile */
  .ctb-logo{ grid-column: 2; justify-self:center }
  .ctb-icons{ grid-column: 3; justify-self:end }
  .ctb-search-slot{ grid-column: 1 / -1 }   /* full width below */
  .ctb-search{ max-width:none }
  .ctb-nav{ display:none !important }       /* hide nav (CTB behaviour) */
  .ctb-flag-code{ display:none }            /* save space */
}
/* =========================
   DESKTOP — search size + alignment
   ========================= */
.ctb-toprow{
  max-width: 1240px;              /* thoda wide container */
  grid-template-columns: 220px 1fr 260px !important; /* logo | search | icons */
  column-gap: 18px;
}
.ctb-logo{ justify-self: start; }
.ctb-icons{ justify-self: end; display:flex; align-items:center; gap:16px; white-space:nowrap; }

.ctb-search-slot{ justify-self: stretch; }
.ctb-search{
  max-width: 820px;               /* tweak if chhota/bada chahiye: 780–860 */
  margin: 0 auto;                 /* middle column ke andar center */
  height: 56px;                   /* consistent height */
  padding: 8px 12px 8px 20px;
  border-radius: 28px;
}
.ctb-search-input{ font-size: 16px; line-height: 1; }

/* Make sure nav sticks visually to header */
.ctb-nav{
  max-width: 1240px;
  margin: 6px auto 12px;
  padding: 0 16px 12px;
}
.ctb-nav-link{ color: #ffffff !important; opacity: 1 !important; font-weight: 700; }

/* =========================
   MOBILE — cart same line on the right, hide other icons
   ========================= */
@media (max-width: 990px){
  /* 3 columns: hamburger | logo | cart */
  .ctb-toprow{ 
    grid-template-columns: 40px 1fr 44px !important; 
    align-items: center; 
    row-gap: 8px;
  }
  .ctb-hamburger{ grid-column: 1; display:block; }
  .ctb-logo{ grid-column: 2; justify-self: center; }
  .ctb-icons{ grid-column: 3; justify-self: end; }

  /* Sirf CART dikhao, baaki wishlist/account/flag hide */
  .ctb-icon--wishlist,
  .ctb-icon--account,
  .ctb-icon--flag{ display: none !important; }
  .ctb-icon--cart svg{ width: 28px; height: 28px; }

  /* Search full-width below */
  .ctb-search-slot{ grid-column: 1 / -1; }
  .ctb-search{ max-width: none; height: 52px; }

  /* Nav hidden on mobile (CTB behaviour) */
  .ctb-nav{ display: none !important; }
}

/* Safety: old wrapper hidden if it exists */
.ctb-search-wrap{ display: none !important; }
/* ===== Mobile drawer: hide by default, show only when opened ===== */
#ctb-drawer { 
  position: fixed; inset: 0; z-index: 1000;
  background: rgba(0,0,0,.4);
  display: none;                      /* hidden by default */
}
#ctb-drawer[aria-hidden="false"] { display: block; }  /* open state */

/* Drawer panel */
.ctb-drawer__inner{
  position: absolute; left: 0; top: 0; height: 100%; width: 85%;
  max-width: 360px; background: #ffffff; overflow: auto; padding: 16px 12px;
  box-shadow: 4px 0 16px rgba(0,0,0,.2);
}

/* Close button */
.ctb-drawer__close{
  position: absolute; left: 8px; top: 8px; width: 28px; height: 28px;
  border: 1px solid #ccc; border-radius: 6px; background: #fff; cursor: pointer;
}

/* Clean list styles inside drawer */
.ctb-drawer__nav ul{ list-style: none; margin: 0; padding: 0; }
.ctb-drawer__nav li{ border-bottom: 1px solid #f0f0f0; }
.ctb-drawer__nav a{ display: block; padding: 12px 8px; color: #2a2a2a; text-decoration: none; }
.ctb-drawer__nav a:hover{ background: #f7f7f7; }
/* Slimmer search bar */
.ctb-search {
  height: 38px;                /* overall bar height */
  border-radius: 20px;         /* thoda rounded corners */
}

.ctb-search-input {
  height: 38px;
  font-size: 14px;             /* thoda smaller text */
  padding: 0 12px;             /* inner spacing */
}

.ctb-search-btn {
  height: 38px;
  width: 38px;
  border-radius: 50%;
}
/* ================================
   AESTHETIC ICONS (Cart / Account / Wishlist / Flag)
   Paste at the END of ctb-header.css
   ================================ */

:root{
  --ctb-icon-size: 38px;            /* round button size */
  --ctb-icon-sz-sm: 34px;           /* mobile size */
  --ctb-icon-gap: 14px;             /* spacing between icons */
  --ctb-icon-fg: #f7f0ee;           /* icon color */
  --ctb-icon-bg-hover: rgba(255,255,255,0.10);
  --ctb-icon-ring: rgba(0,0,0,0.28);
  --ctb-peach: #ff9c84;             /* accent for cart/search style */
}

/* Icon row layout */
.ctb-icons{
  display: flex;
  align-items: center;
  gap: var(--ctb-icon-gap);
  justify-self: end;
  white-space: nowrap;
}

/* Every icon becomes a soft round button */
.ctb-icons .ctb-icon,
.ctb-icons .ctb-flag{
  display: grid;
  place-items: center;
  width: var(--ctb-icon-size);
  height: var(--ctb-icon-size);
  border-radius: 999px;
  text-decoration: none;
  color: var(--ctb-icon-fg);
  transition: background .25s ease, transform .15s ease, box-shadow .15s ease;
}

/* SVG sizing + thinner strokes for modern look */
.ctb-icons .ctb-icon svg{
  width: 22px;
  height: 22px;
  fill: var(--ctb-icon-fg);
  stroke-width: 1.8;
}

/* Hover/active micro-interaction */
.ctb-icons .ctb-icon:hover,
.ctb-icons .ctb-flag:hover{
  background: var(--ctb-icon-bg-hover);
  box-shadow: 0 1px 2px var(--ctb-icon-ring) inset;
}
.ctb-icons .ctb-icon:active{ transform: translateY(1px) }

/* Keyboard focus ring */
.ctb-icons .ctb-icon:focus-visible,
.ctb-icons .ctb-flag:focus-visible{
  outline: 0;
  box-shadow: 0 0 0 2px rgba(255,255,255,.65);
}

/* Cart as subtle accent (optional) */
.ctb-icon--cart:hover{
  background: rgba(255,156,132,.18);
  box-shadow: 0 2px 0 rgba(217,122,99,.6);
}

/* Wishlist heart tint on hover (optional) */
.ctb-icon--wishlist:hover svg{ fill: #ffd1c8 }

/* Flag polish to match icons */
.ctb-flag{
  gap: 8px;
  font-weight: 600;
}
.ctb-flag-img{
  width: 22px;
  height: 16px;
  object-fit: cover;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(0,0,0,.15);
}

/* Mobile tweaks: a bit smaller & tighter */
@media (max-width: 990px){
  :root{
    --ctb-icon-size: var(--ctb-icon-sz-sm);
    --ctb-icon-gap: 10px;
  }
  .ctb-icons .ctb-icon svg{ width: 20px; height: 20px; }
}
/* ===== Drawer base ===== */
#ctb-drawer{ position:fixed; inset:0; z-index:1000; background:rgba(0,0,0,.45); display:none; }
#ctb-drawer[aria-hidden="false"]{ display:block; }
.ctb-drawer__inner{
  position:absolute; left:0; top:0; height:100%; width:88%; max-width:420px;
  background:#F4E8D8; color:#2b1e17; overflow:auto; padding:20px 16px 28px;
  box-shadow: 4px 0 24px rgba(0,0,0,.25);
}
.ctb-drawer__close{
  position:absolute; right:16px; top:12px; width:32px; height:32px;
  border:0; background:transparent; font-size:28px; line-height:28px; cursor:pointer; color:#3b2a22;
}

/* ===== Primary nav (accordion style) ===== */
.ctb-mnav{ list-style:none; margin:28px 0 12px; padding:0; }
.ctb-mitem{ border-bottom:1px solid #e7dac7; }
.ctb-mitem__link, .ctb-mitem__btn{
  display:flex; align-items:center; justify-content:space-between; width:100%;
  padding:14px 4px; text-decoration:none; color:#2b1e17; background:none; border:0; cursor:pointer;
}
.ctb-mitem__label{ font-size:22px; font-weight:600; letter-spacing:.2px; }
.ctb-chevron{ width:22px; height:22px; stroke:#3b2a22; fill:none; stroke-width:2; }
.ctb-mitem__link:hover, .ctb-mitem__btn:hover{ background:#f1e3cf; }

/* Submenu */
.ctb-sub{ list-style:none; margin:0 0 10px; padding:0 0 6px 0; }
.ctb-sub[hidden]{ display:none; }
.ctb-sub__link{
  display:block; padding:10px 4px 10px 12px; color:#3b2a22; text-decoration:none; font-size:16px;
}
.ctb-sub__link:hover{ background:#efe0cb; }

/* ===== Secondary links ===== */
.ctb-msecondary{ margin:16px 0 18px; display:grid; gap:10px; }
.ctb-msecondary a{ color:#3b2a22; text-decoration:none; font-size:16px; }
.ctb-msecondary a:hover{ text-decoration:underline; }

/* ===== Footer locale row ===== */
.ctb-mlocale{
  margin-top:12px; display:flex; align-items:center; justify-content:space-between;
  padding:14px 8px; border-top:1px solid #e7dac7; color:#3b2a22; text-decoration:none;
}
.ctb-mlocale__flag{ font-size:20px; }
/* Header background */
.ctb-header {
  background-color: #6A0B23;
}

/* Announcement bar */
.announcement-bar {
  background-color: #C8646C;
  color: #ffffff;
}

/* Logo text / links in header */
.ctb-header a,
.ctb-header .site-header__logo-text {
  color: #ffffff;
}

/* Search bar */
.ctb-search {
  background-color: #fcf1f2;
  border: 1px solid #6A0B23;
}
.ctb-search input {
  background-color: transparent;
  color: #bb5561;
}
.ctb-search input::placeholder {
  color: #6A0B23;
  opacity: 0.8;
}

/* Search button */
.ctb-search-btn {
  background-color: #bb5561;
  color: #ffffff;
  box-shadow: 0 2px 0 #943f4b; /* darker shade for depth */
}

/* Navigation links */
.ctb-nav a {
  color: #ffffff;
}
.ctb-nav a:hover {
  color: #fcf1f2;
}

/* Icons (wishlist, account, cart, flag) */
.ctb-icons svg {
  fill: #ffffff;
}
.ctb-icons svg:hover {
  fill: #fcf1f2;
}

/* Flag circle background fix */
.ctb-flag-dot {
  background-color: #bb5561;
  border: 1px solid #ffffff;
}
/* Announcement bar */
.announcement-bar {
  background-color: #bb5561;
  color: #ffffff;
}
.announcement-bar a {
  color: #ffffff;
  text-decoration: none;
}
.announcement-bar a:hover {
  color: #fcf1f2;
}
/* === Announcement Bar Styling === */
.announcement-bar {
  background-color: #bb5561; /* Dark rose-red background */
  color: #ffffff;            /* White text */
  font-size: 14px;           /* Thoda readable size */
  text-align: center;        /* Center align */
  padding: 6px 0;            /* Thoda spacing */
}

.announcement-bar a {
  color: #fcf1f2;            /* Soft pink links */
  text-decoration: none;
  font-weight: 500;
}

.announcement-bar a:hover {
  color: #ffffff;            /* Hover pe white */
}
/* === Announcement Bar === */
.announcement-bar {
  background-color: #bb5561; /* Main brand dark pink */
  color: #ffffff;           /* White text */
  font-size: 14px;
  text-align: center;
  padding: 6px 0;
}

.announcement-bar a {
  color: #fcf1f2; /* Soft pink for links */
  text-decoration: none;
  font-weight: 500;
}

.announcement-bar a:hover {
  color: #ffffff; /* Hover white */
}

/* === Header Background === */
.site-header, .header-wrapper {
  background-color: #A85C68 !important;
}

/* === Logo Text === */
.site-header__logo a {
  color: #ffffff !important;
  font-weight: bold;
}

/* === Search Bar === */
.search__input {
  background-color: #fcf1f2;  /* Light pink input background */
  color: #bb5561;             /* Dark pink text */
  border-radius: 25px;
  border: none;
}

.search__input::placeholder {
  color: #bb5561; /* Dark pink placeholder */
}

.search__button {
  background-color: #bb5561;  /* Dark pink button */
  color: #ffffff;
  border-radius: 50%;
}

.search__button:hover {
  background-color: #a94452; /* Slightly darker hover */
}

/* === Icons (Cart, Account, Wishlist) === */
.header__icon {
  color: #ffffff !important; /* White icons */
}

.header__icon:hover {
  color: #fcf1f2 !important; /* Hover soft pink */
}
/* FORCE brand colors on the scrolling announcement bar */
.shopify-section-group-header-group .ctb-ann,
.ctb-header .ctb-ann {
  background: #bb5561 !important;   /* dark rose-red */
  color: #ffffff !important;        /* white text */
}

.ctb-ann__track,
.ctb-ann__item,
.ctb-ann a { 
  color: #ffffff !important;        /* ensure text/links are white */
}

/* Optional: slim height & tighter spacing to match your header */
.ctb-ann { padding: 6px 0 !important; }
.ctb-ann__track { gap: 48px !important; }
/* Mobile drawer menu background + text theme */
.menu-drawer,
.menu-drawer__inner,
.menu-drawer__submenu {
  background-color: #A85C68 !important;   /* rose-red background */
  color: #ffffff !important;              /* white text */
}

/* Main menu links */
.menu-drawer__menu-item,
.menu-drawer__menu-item > a,
.menu-drawer__menu-item button {
  color: #ffffff !important;
  font-weight: 600;
}

/* Submenu / secondary links (wishlist, blog, etc.) */
.menu-drawer__utility-links a {
  color: #fcf1f2 !important; /* light pink shade */
  font-weight: 400;
}

/* Country selector */
.menu-drawer__localization {
  border-top: 1px solid rgba(255,255,255,0.3);
  color: #ffffff !important;
}

/* Hover / active states */
.menu-drawer__menu-item:hover,
.menu-drawer__menu-item:focus {
  background: #a34750 !important;  /* darker hover */
}
/* ===== Drawer base ===== */
#ctb-drawer {
  position: fixed;
  inset: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, .45);
  display: none;
}
#ctb-drawer[aria-hidden="false"] {
  display: block;
}
.ctb-drawer__inner {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 88%;
  max-width: 420px;
  background: #fcf1f2; /* Light background */
  color: #bb5561;      /* Dark text */
  overflow: auto;
  padding: 20px 16px 28px;
  box-shadow: 4px 0 24px rgba(0, 0, 0, .25);
}
.ctb-drawer__close {
  position: absolute;
  right: 16px;
  top: 12px;
  width: 32px;
  height: 32px;
  border: 0;
  background: transparent;
  font-size: 28px;
  line-height: 28px;
  cursor: pointer;
  color: #bb5561; /* Dark close button */
}

/* ===== Primary nav (accordion style) ===== */
.ctb-mnav {
  list-style: none;
  margin: 28px 0 12px;
  padding: 0;
}
.ctb-mitem {
  border-bottom: 1px solid #e2c9ce;
}
.ctb-mitem__link, .ctb-mitem__btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 14px 4px;
  text-decoration: none;
  color: #bb5561; /* Dark text */
  background: none;
  border: 0;
  cursor: pointer;
}
.ctb-mitem__label {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: .2px;
}
.ctb-chevron {
  width: 22px;
  height: 22px;
  stroke: #bb5561; /* Dark stroke */
  fill: none;
  stroke-width: 2;
}
.ctb-mitem__link:hover,
.ctb-mitem__btn:hover {
  background: #f4dfe2; /* Soft pink hover */
}

/* Submenu */
.ctb-sub {
  list-style: none;
  margin: 0 0 10px;
  padding: 0 0 6px 0;
}
.ctb-sub[hidden] {
  display: none;
}
.ctb-sub__link {
  display: block;
  padding: 10px 4px 10px 12px;
  color: #bb5561; /* Dark text */
  text-decoration: none;
  font-size: 16px;
}
.ctb-sub__link:hover {
  background: #f4dfe2;
}

/* ===== Secondary links ===== */
.ctb-msecondary {
  margin: 16px 0 18px;
  display: grid;
  gap: 10px;
}
.ctb-msecondary a {
  color: #bb5561;
  text-decoration: none;
  font-size: 16px;
}
.ctb-msecondary a:hover {
  text-decoration: underline;
}

/* ===== Footer locale row ===== */
.ctb-mlocale {
  margin-top: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 8px;
  border-top: 1px solid #e2c9ce;
  color: #bb5561;
  text-decoration: none;
}
.ctb-mlocale__flag {
  font-size: 20px;
}
/* ===========================
   MOBILE DRAWER — THEME + DIVIDERS
   Palette: #fcf1f2 (light), #bb5561 (dark), #ffffff (white)
   Paste at END of ctb-header.css
   =========================== */

/* Light background, dark text */
#ctb-drawer .ctb-drawer__inner{
  background:#fcf1f2 !important;
  color:#bb5561 !important;
}

/* Close (X) + chevrons same dark color */
#ctb-drawer .ctb-drawer__close{ color:#bb5561 !important; }
#ctb-drawer .ctb-chevron{ stroke:#bb5561 !important; }

/* Top-level items (Skincare, Hair care, Makeup…) */
#ctb-drawer .ctb-mitem__btn,
#ctb-drawer .ctb-mitem__link{
  color:#bb5561 !important;
  background:transparent;
}

/* Hover/active state (soft tint) */
#ctb-drawer .ctb-mitem__btn:hover,
#ctb-drawer .ctb-mitem__link:hover{ background:#f4dfe2; }

/* ---------- DIVIDERS ---------- */
/* Divider under every top-level item */
#ctb-drawer .ctb-mitem{
  border-bottom:1px solid #e8cfd4;   /* subtle rose divider */
}

/* Divider under each submenu link too (optional) */
#ctb-drawer .ctb-sub__link{
  border-bottom:1px solid #f0d8dc;
}
#ctb-drawer .ctb-sub__link:last-child{ border-bottom:none; }

/* Secondary links block (Wishlist, Blog…) with a top divider */
#ctb-drawer .ctb-msecondary{
  margin:18px 0;
  padding-top:12px;
  border-top:1px solid #e8cfd4;
}
#ctb-drawer .ctb-msecondary a{
  color:#bb5561;
}
#ctb-drawer .ctb-msecondary a:hover{ text-decoration:underline; }

/* Footer locale row divider */
#ctb-drawer .ctb-mlocale{
  border-top:1px solid #e8cfd4;
  color:#bb5561;
}

/* Better spacing & tap area */
#ctb-drawer .ctb-mitem__btn,
#ctb-drawer .ctb-mitem__link{ padding:16px 6px; }
#ctb-drawer .ctb-sub__link{ padding:12px 8px 12px 14px; }

/* Optional: open state chevron rotate */
#ctb-drawer .ctb-mitem__btn .ctb-chevron{ transition:transform .2s ease; }
#ctb-drawer .ctb-mitem__btn[aria-expanded="true"] .ctb-chevron{ transform:rotate(90deg); }
/* === Search Bar + Button === */
.ctb-search{
  position: relative;
  height: 40px;                    /* search bar height */
  border-radius: 999px;
  background: #fcf1f2;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.ctb-search-input{
  flex: 1;
  height: 100%;
  border: none;
  padding: 0 42px 0 16px;          /* space for button */
  background: transparent;
  font-size: 14px;
  color: #bb5561;
}
.ctb-search-input::placeholder{ color: #bb5561; opacity: .7; }

/* Round button inside bar */
.ctb-search-btn{
  position: absolute;
  right: 3px;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;                     /* button size smaller */
  height: 30px;
  border-radius: 50%;
  border: none;
  background: #bb5561;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.ctb-search-btn:hover{ background: #a64451; }

/* Icon inside button */
.ctb-search-btn svg{
  width: 14px;                     /* smaller icon */
  height: 14px;
  fill: #ffffff;
}
/* Outline icon style (Feather-like) */
.ctb-icons{ display:flex; align-items:center; gap:14px; }
.ctb-icons .ctb-icon{
  display:grid; place-items:center;
  width:38px; height:38px; border-radius:999px;
  text-decoration:none;
  transition:background .2s ease, transform .15s ease;
}

.ctb-icons .ctb-icon svg{
  width:22px; height:22px;
  fill:none;                       /* no fill */
  stroke:#ffffff;                  /* white line */
  stroke-width:2.2;                /* thickness like screenshot */
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* hover: soft pill + tiny lift */
.ctb-icons .ctb-icon:hover{ background:rgba(255,255,255,.10); transform:translateY(-1px); }
.ctb-icons .ctb-icon:hover svg{ stroke:#fcf1f2; }

/* Mobile: a little tighter */
@media (max-width:990px){
  .ctb-icons .ctb-icon{ width:34px; height:34px; }
  .ctb-icons .ctb-icon svg{ width:20px; height:20px; stroke-width:2.1; }
}
/* ===== Search suggestions panel ===== */
.ctb-search-panel{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% + 10px);           /* search bar ke neeche */
  width: min(1000px, 94vw);
  z-index: 700;
}
.ctb-search-panel[hidden]{ display:none; }

.ctb-search-panel__inner{
  background: #fcf1f2;              /* light brand bg */
  color: #bb5561;                    /* dark text */
  border-radius: 14px;
  box-shadow: 0 12px 30px rgba(0,0,0,.25);
  padding: 18px 18px 8px;
}

/* Two columns on desktop */
.ctb-search-panel__inner{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px 24px;
}
@media (max-width: 990px){
  .ctb-search-panel{
    left: 16px; right: 16px; transform: none; width: auto;
  }
  .ctb-search-panel__inner{
    grid-template-columns: 1fr; 
  }
}

.ctb-sgroup__title{
  margin: 4px 0 10px; 
  font-size: 22px; 
  font-weight: 700; 
  color: #bb5561;
}

.ctb-slist{ list-style: none; margin: 0; padding: 0; }
.ctb-sitem{ border-bottom: 1px solid #e8cfd4; }
.ctb-sitem:last-child{ border-bottom: 0; }

.ctb-sitem__link{
  display: grid;
  grid-template-columns: 72px 1fr;
  align-items: center;
  gap: 12px;
  padding: 12px 6px;
  text-decoration: none;
  color: #B85A66;
}
.ctb-sitem__img img{
  width: 72px; height: 72px; object-fit: cover; border-radius: 10px;
  background: #fff;
}
.ctb-sitem__title{
  font-size: 16px; line-height: 1.3; margin-bottom: 6px;
  color: #6b2f36;                     /* readable dark */
}
.ctb-sitem__price{ font-weight: 700; color: #5b1e25; }

.ctb-sitem__link:hover{
  background: #f4dfe2;
  border-radius: 10px;
}
/* Panel visible/hidden control */
.ctb-search-panel[hidden]{ display:none; }

/* Panel ko search ke neeche lane ke liye parent positioned ho */
.ctb-toprow, .ctb-search-slot{ position:relative; z-index:10; }

/* (Baaki panel ki styling jo aapne add ki hai wahi rahe) */

/* ✅ FIX: Make CTB search always clickable */
.ctb-search-slot,
.ctb-search {
  position: relative;
  z-index: 60;
  pointer-events: auto;
}
.ctb-search * { pointer-events: auto; }

/* Predictive search dropdown positioning + CTB styling */
.ctb-ps{ position: relative; display:block; }
.ctb-ps__dropdown{
  position:absolute;
  left:0; right:0;
  top: calc(100% + 10px);
  z-index: 999;
}

.ctb-ps__dropdown .predictive-search__results{
  background: #fcf1f2;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  box-shadow: 0 12px 30px rgba(0,0,0,.22);
  overflow: hidden;
}

/* Make result items readable */
.ctb-ps__dropdown a,
.ctb-ps__dropdown span,
.ctb-ps__dropdown div{
  color: #6b2f36;
}
/* ===== Predictive search dropdown (CareToBeauty style) ===== */
.ctb-ps{ position:relative; display:block; }
.ctb-ps__dropdown{
  position:absolute;
  left:0; right:0;
  top: calc(100% + 10px);
  z-index: 9999;
}

.ctb-ps__dropdown .predictive-search__results{
  background:#fff;
  border-radius:16px;
  box-shadow: 0 18px 40px rgba(0,0,0,.18);
  overflow:hidden;
  border: 1px solid rgba(0,0,0,.08);
}

/* If theme outputs lists/buttons inside results */
.ctb-ps__dropdown a,
.ctb-ps__dropdown button,
.ctb-ps__dropdown span,
.ctb-ps__dropdown div{ color:#2b2b2b; }

@media (max-width:990px){
  .ctb-ps__dropdown{ top: calc(100% + 8px); }
}

.ctb-ps{ position:relative; display:block; }
.ctb-ps__dropdown{
  position:absolute;
  left:0; right:0;
  top: calc(100% + 8px);
  z-index: 9999;
}

/* ✅ FORCE predictive dropdown visible when opened */
.ctb-ps__dropdown { display:none; }
predictive-search[open] .ctb-ps__dropdown { display:block; }

/* dropdown card style */
predictive-search .predictive-search__results{
  background:#fff;
  border-radius:16px;
  box-shadow: 0 18px 40px rgba(0,0,0,.18);
  overflow:hidden;
  border: 1px solid rgba(0,0,0,.08);
}

/* ✅ REMOVE old custom suggestion panel (conflicts with predictive search) */
.ctb-search-panel,
[id^="ctb-search-panel-"]{
  display: none !important;
}

/* =========================
   CTB TOPROW — FINAL GRID (fix alignment)
   ========================= */
.ctb-toprow{
  max-width: 1240px;
  margin: 0 auto;
  padding: 14px 16px 10px;
  display: grid;
  grid-template-columns: 240px 1fr 220px; /* logo | search | icons */
  align-items: center;
  column-gap: 18px;
}

/* Desktop: hide hamburger (since nav is visible) */
@media (min-width: 991px){
  .ctb-hamburger{ display:none !important; }
}

/* Logo / search / icons placement */
.ctb-logo{ grid-column: 1; justify-self: start; }
.ctb-search-slot{ grid-column: 2; justify-self: stretch; }
.ctb-icons{ grid-column: 3; justify-self: end; display:flex; align-items:center; gap:14px; }

/* Mobile: hamburger | logo | cart (only) */
@media (max-width: 990px){
  .ctb-toprow{
    grid-template-columns: 40px 1fr 44px; /* hamburger | logo | cart */
    row-gap: 8px;
  }
  .ctb-hamburger{ display:block !important; grid-column: 1; }
  .ctb-logo{ grid-column: 2; justify-self:center; }
  .ctb-icons{ grid-column: 3; justify-self:end; }

  /* only cart show */
  .ctb-icon--wishlist,
  .ctb-icon--account,
  .ctb-icon--flag{ display:none !important; }

  /* search goes full width below */
  .ctb-search-slot{ grid-column: 1 / -1; }
  .ctb-search{ max-width:none; }
}
.ctb-icons .ctb-icon,
.ctb-icons .ctb-flag{
  width: 38px;
  height: 38px;
}
@media (max-width:990px){
  .ctb-icons .ctb-icon{ width:34px; height:34px; }
}

/* ==============================
   ICONS ALIGNMENT FIX (desktop)
   ============================== */

/* Right column ko center align */
@media (min-width: 991px){
  .ctb-toprow{
    align-items: center !important;
  }

  .ctb-icons{
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 18px !important;
    height: 56px !important;          /* same as search bar height */
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* Every icon link exact same box */
  .ctb-icons .ctb-icon,
  .ctb-icons .ctb-flag{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    line-height: 1 !important;
    vertical-align: middle !important;
    margin: 0 !important;
  }

  /* SVG center */
  .ctb-icons svg{
    display: block !important;
    margin: 0 !important;
  }

  /* Cart bubble fixed */
  .ctb-icons .cart-count-bubble,
  .ctb-icons .cart-count-bubble *{
    line-height: 1 !important;
  }
}

/* Mobile keep compact */
@media (max-width: 990px){
  .ctb-icons{
    align-items: center !important;
  
    /* =========================================
   ALLURIFY Predictive Search (CTB style)
   Paste at END of ctb-header.css
   ========================================= */

:root{
  --as-bg: #fcf1f2;        /* light blush */
  --as-ink: #6b2f36;       /* readable wine */
  --as-ink2: #bb5561;      /* brand rose */
  --as-line: #ead2d6;      /* divider */
  --as-card: #ffffff;      /* white cards inside */
  --as-shadow: 0 18px 40px rgba(0,0,0,.18);
  --as-radius: 18px;
}

/* Make dropdown sit above everything */
predictive-search .ctb-ps__dropdown{
  z-index: 99999 !important;
}

/* Outer dropdown container */
predictive-search .predictive-search__results{
  font-family: Jost, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  background: var(--as-bg) !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  border-radius: var(--as-radius) !important;
  box-shadow: var(--as-shadow) !important;
  overflow: hidden !important;
}

/* Top padding area (Dawn sometimes adds wrappers) */
predictive-search .predictive-search__results *{
  font-family: Jost, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
}

/* Two-column layout (Suggestions | Products) */
@media (min-width: 991px){
  predictive-search .predictive-search__results{
    display: grid !important;
    grid-template-columns: 340px 1fr !important;
  }

  /* vertical divider between columns */
  predictive-search .predictive-search__results::before{
    content:"";
    grid-column: 1;
    grid-row: 1 / -1;
    justify-self: end;
    width: 1px;
    background: var(--as-line);
    opacity: .9;
  }
}

/* Column paddings */
predictive-search .predictive-search__results > *{
  padding: 18px 18px 10px !important;
}

/* Section headings (SUGGESTIONS / PRODUCTS) */
predictive-search .predictive-search__heading,
predictive-search .predictive-search__results h2,
predictive-search .predictive-search__results h3{
  color: var(--as-ink2) !important;
  letter-spacing: .12em !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  margin: 4px 0 12px !important;
}

/* Links + text default */
predictive-search .predictive-search__results a,
predictive-search .predictive-search__results span,
predictive-search .predictive-search__results div{
  color: var(--as-ink) !important;
}

/* Suggestions list items (left) */
predictive-search .predictive-search__list-item,
predictive-search .predictive-search__item{
  border-bottom: 1px solid var(--as-line) !important;
}

predictive-search .predictive-search__list-item:last-child,
predictive-search .predictive-search__item:last-child{
  border-bottom: 0 !important;
}

predictive-search .predictive-search__item a{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px 10px !important;
  border-radius: 12px !important;
  text-decoration: none !important;
}

predictive-search .predictive-search__item a:hover{
  background: rgba(187,85,97,.10) !important;
}

/* Product rows (right) */
predictive-search .predictive-search__result-group,
predictive-search .predictive-search__results-list{
  margin: 0 !important;
  padding: 0 !important;
}

predictive-search .predictive-search__results-list li a{
  display: grid !important;
  grid-template-columns: 64px 1fr !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px 10px !important;
  border-radius: 14px !important;
  text-decoration: none !important;
}

predictive-search .predictive-search__results-list li a:hover{
  background: rgba(187,85,97,.10) !important;
}

/* Product image box */
predictive-search .predictive-search__image,
predictive-search .predictive-search__image img{
  width: 64px !important;
  height: 64px !important;
  border-radius: 12px !important;
  object-fit: cover !important;
  background: var(--as-card) !important;
}

/* Product title */
predictive-search .predictive-search__item-heading,
predictive-search .predictive-search__results-list li a .predictive-search__item-heading{
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #4d1f26 !important;
  line-height: 1.25 !important;
}

/* Price */
predictive-search .price,
predictive-search .price-item{
  font-weight: 700 !important;
  color: var(--as-ink) !important;
}

/* Bottom "Search for ..." row (make it look like CTB bar) */
predictive-search .predictive-search__search-for-button,
predictive-search .predictive-search__search-for-button span,
predictive-search .predictive-search__search-for-button a{
  color: var(--as-ink) !important;
  font-weight: 600 !important;
}

predictive-search .predictive-search__search-for-button{
  border-top: 1px solid var(--as-line) !important;
  background: rgba(255,255,255,.55) !important;
}

/* Mobile: single column */
@media (max-width: 990px){
  predictive-search .predictive-search__results{
    display: block !important;
  }
  predictive-search .predictive-search__results > *{
    padding: 14px 14px 8px !important;
  }
}

/* =========================================
   CTB Predictive Search — CareToBeauty Style
   Paste at VERY END of ctb-header.css
   ========================================= */

.ctb-header predictive-search.ctb-ps{
  position: relative !important;
  font-family: Jost, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
}

/* dropdown container: align with search bar, not full page */
.ctb-header .ctb-ps__dropdown{
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  top: calc(100% + 10px) !important;
  width: min(980px, 100%) !important;   /* CTB style width */
  z-index: 99999 !important;
}

/* main card */
.ctb-header predictive-search .predictive-search__results{
  background: #fcf1f2 !important;                 /* Allurify light */
  border: 1px solid rgba(106,11,35,.18) !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.18) !important;
  overflow: hidden !important;
}

/* remove Dawn paddings that create “blank” space */
.ctb-header predictive-search .predictive-search__results *{
  box-sizing: border-box !important;
}
.ctb-header predictive-search .predictive-search__results{
  padding: 0 !important;
}

/* 2 column layout (Suggestions | Products) */
.ctb-header predictive-search .predictive-search__results-groups{
  display: grid !important;
  grid-template-columns: 1fr 1.35fr !important;
  gap: 0 !important;
}
@media (max-width: 990px){
  .ctb-header .ctb-ps__dropdown{
    left: 0 !important;
    transform: none !important;
    width: 100% !important;
  }
  .ctb-header predictive-search .predictive-search__results-groups{
    grid-template-columns: 1fr !important;
  }
}

/* group padding + divider */
.ctb-header predictive-search .predictive-search__result-group{
  padding: 18px 18px 14px !important;
}
.ctb-header predictive-search .predictive-search__result-group:first-child{
  border-right: 1px solid rgba(106,11,35,.10) !important;
}
@media (max-width: 990px){
  .ctb-header predictive-search .predictive-search__result-group:first-child{
    border-right: 0 !important;
    border-bottom: 1px solid rgba(106,11,35,.10) !important;
  }
}

/* headings like CTB */
.ctb-header predictive-search .predictive-search__heading{
  font-family: Jost, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  font-size: 12px !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  color: #6A0B23 !important;
  opacity: .85 !important;
  margin: 2px 0 12px !important;
}

/* lists */
.ctb-header predictive-search .predictive-search__results-list{
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.ctb-header predictive-search .predictive-search__list-item{
  border-top: 1px solid rgba(106,11,35,.10) !important;
}
.ctb-header predictive-search .predictive-search__list-item:first-child{
  border-top: 0 !important;
}

/* suggestion item */
.ctb-header predictive-search .predictive-search__item{
  padding: 12px 10px !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: #6A0B23 !important;
  text-decoration: none !important;
}
.ctb-header predictive-search .predictive-search__item:hover{
  background: rgba(187,85,97,.10) !important; /* Allurify hover tint */
}

/* product items: image + title + price nicer */
.ctb-header predictive-search .predictive-search__item .predictive-search__image{
  width: 56px !important;
  height: 56px !important;
  border-radius: 10px !important;
  background: #fff !important;
  object-fit: cover !important;
}
.ctb-header predictive-search .predictive-search__item-heading{
  font-family: Jost, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #3b0a18 !important;
}
.ctb-header predictive-search .price,
.ctb-header predictive-search .predictive-search__item-price{
  font-family: Jost, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #6A0B23 !important;
}

/* footer "Search for ..." row */
.ctb-header predictive-search .predictive-search__search-for-button{
  background: #fcf1f2 !important;
  border-top: 1px solid rgba(106,11,35,.12) !important;
  color: #6A0B23 !important;
  font-family: Jost, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
}
/* ===== RAMADAN HEADER OVERRIDE ===== */

.header-wrapper,
.header,
.ctb-header,
.shopify-section-header {
  background-color: #A85C68 !important;
}

.header-wrapper * ,
.ctb-header * {
  color: #ffffff !important;
}

/* Search bar styling */
.header-wrapper .search__input {
  background-color: rgba(255,255,255,0.15) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.3) !important;
}

.header-wrapper .search__input::placeholder {
  color: rgba(255,255,255,0.7) !important;
}

/* Icons */
.header-wrapper svg {
  color: #ffffff !important;
}