/** Shopify CDN: Minification failed

Line 104:0 Unexpected "@media"

**/
/* === NADIYA — GEM THEME FINAL HEADER + COLLECTION FIX === */

/* Transparent header overlay on homepage */
body.template-index .site-header,
body.template-index .header-wrapper {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  z-index: 20 !important;
}

/* Slight blur when sticky */
.site-header.is-sticky,
.header-wrapper.is-sticky {
  background-color: rgba(255, 255, 255, 0.85) !important;
  backdrop-filter: blur(10px) !important;
}

/* HOMEPAGE HERO SPACING */
.template-index .image-banner,
.template-index .section-image-banner {
  position: relative;
  margin-top: -100px;
  z-index: 1;
}

/* Homepage text overlay */
.template-index .image-banner__text,
.template-index .image-banner__overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #f5f3f1 !important;
  z-index: 2;
  width: 90%;
  max-width: 650px;
}

/* HOMEPAGE HEADER ICON COLORS */
.template-index .site-nav__link,
.template-index .header-item--icons svg,
.template-index .header-item--logo a {
  color: #f5f3f1 !important;
  fill: #f5f3f1 !important;
  stroke: #f5f3f1 !important;
}

/* NON-HOMEPAGE HEADER COLORS */
body:not(.template-index) .site-nav__link,
body:not(.template-index) .header-item--icons svg,
body:not(.template-index) .header-item--logo a {
  color: #4A3A2A !important;
  fill: #4A3A2A !important;
  stroke: #4A3A2A !important;
}

/* HOMEPAGE LOGO COLOR */
.template-index .header-item--logo img {
  filter: brightness(0) saturate(100%) invert(94%) sepia(6%) saturate(74%)
    hue-rotate(323deg) brightness(102%) contrast(95%) !important;
  transition: filter 0.4s ease;
}
.template-index.scrolled .header-item--logo img {
  filter: none !important;
}

/* HEADER BASE STRUCTURE */
.site-header {
  border-bottom: 1px solid rgba(245, 243, 241, 0.35);
}
.header-layout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

/* Centered logo */
.header-item--logo {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  z-index: 2;
}

/* NAVIGATION + ICONS */
.header-
/* === FINAL NADIYA FIX — MOBILE HEADER CLEANUP === */

/* 1️⃣ Remove shadow/overlay background on mobile header */
@media (max-width: 749px) {
  .header-wrapper,
  .shopify-section-group-header-group,
  .shopify-section-group-header-group.header-section,
  .site-header {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    backdrop-filter: none !important;
  }
}

/* 2️⃣ Explicitly position mobile icons */
@media (max-width: 749px) {
  /* Ensure header layout is relative */
  .header-layout {
    position: relative !important;
  }

  /* Center logo */
  .header-item--logo {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 20 !important;
  }

  /* Left side: hamburger + search */
  .icon-hamburger,
  .header__icon--menu {
    position: absolute !important;
    left: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 25 !important;
  }

  .icon-search,
  .header__icon--search {
    position: absolute !important;
    left: 52px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 25 !important;
  }

  /* Right side: account + cart */
  .icon-user,
  .header__icon--account {
    position: absolute !important;
    right: 52px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 25 !important;
    display: inline-flex !important;
  }

  .site-nav__link--cart,
  .header__icon--cart {
    position: absolute !important;
    right: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 25 !important;
  }

  /* Ensure consistent sizing */
  .icon-hamburger svg,
  .icon-search svg,
  .icon-user svg,
  .site-nav__link--cart svg {
    width: 20px !important;
    height: 20px !important;
  }
}
/* === FINAL MOBILE HEADER POLISH — ICON ALIGNMENT + ACCOUNT FIX === */

@media (max-width: 749px) {
  /* Add some breathing room above icons */
  .header-wrapper,
  .site-header {
    padding-top: 6px !important; /* Adjust between 4–8px if needed */
  }

  /* Force the account icon to display */
  .icon-user,
  .header__icon--account,
  .site-header__icon--account,
  a[href*="account"],
  [data-header-account],
  .header-item--icons a[href*="/account"],
  .site-nav__link--icon[aria-label*="Account"],
  .header__icon--customer {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute !important;
    right: 52px !important;
    top: 55% !important; /* lowers it visually */
    transform: translateY(-50%) !important;
    z-index: 25 !important;
  }

  /* Consistent icon sizing */
  .icon-hamburger svg,
  .icon-search svg,
  .icon-user svg,
  .header__icon--account svg,
  .site-nav__link--cart svg {
    width: 20px !important;
    height: 20px !important;
  }
}
/* === NADIYA — FINAL ICON ALIGNMENT + SPACING POLISH === */

/* Shared header breathing room */
.header-wrapper,
.site-header {
  padding-top: 20px !important; /* adds space above icons/logo */
}

/* MOBILE refinement */
@media (max-width: 749px) {

  /* Left side: hamburger + search (move further left) */
  .icon-hamburger,
  .header__icon--menu {
    position: absolute !important;
    left: 8px !important;          /* was 14 */
    top: 55% !important;
    transform: translateY(-50%) !important;
  }

  .icon-search,
  .header__icon--search {
    position: absolute !important;
    left: 40px !important;         /* was 52 */
    top: 55% !important;
    transform: translateY(-50%) !important;
  }

  /* Right side: account + cart (move closer together) */
  .icon-user,
  .header__icon--account,
  .site-header__icon--account,
  a[href*="/account"] {
    position: absolute !important;
    right: 36px !important;        /* was 52 */
    top: 55% !important;
    transform: translateY(-50%) !important;
    display: inline-flex !important;
    z-index: 25 !important;
  }

  .site-nav__link--cart,
  .header__icon--cart {
    position: absolute !important;
    right: 8px !important;         /* was 14 */
    top: 55% !important;
    transform: translateY(-50%) !important;
    z-index: 25 !important;
  }

  /* Smaller icons for sleeker look */
  .icon-hamburger svg,
  .icon-search svg,
  .icon-user svg,
  .site-nav__link--cart svg,
  .header__icon--account svg {
    width: 16px !important;
    height: 16px !important;
  }
}

/* DESKTOP: give matching top padding & smaller icons */
@media (min-width: 750px) {
  .header-wrapper,
  .site-header {
    padding-top: 20px !important;
  }

  .header-item--icons svg,
  .header-item--navigation svg {
    width: 18px !important;
    height: 18px !important;
  }
}
/* === NADIYA — FINAL MOBILE ICON ALIGNMENT + HOMEPAGE PADDING === */

/* 🏠 HOMEPAGE ONLY — subtle top padding for balance */
.template-index .header-wrapper,
.template-index .site-header {
  padding-top: 20px !important;
}

/* Remove that padding everywhere else */
body:not(.template-index) .header-wrapper,
body:not(.template-index) .site-header {
  padding-top: 10px !important;
}

/* 📱 MOBILE — icon sizing + spacing perfection */
@media (max-width: 749px) {
  /* Left side: hamburger + search (shift slightly left) */
  .icon-hamburger,
  .header__icon--menu {
    position: absolute !important;
    left: 8px !important;
    top: 55% !important;
    transform: translateY(-50%) !important;
  }

  .icon-search,
  .header__icon--search {
    position: absolute !important;
    left: 38px !important;
    top: 55% !important;
    transform: translateY(-50%) !important;
  }

  /* Right side: account + cart (tight pairing) */
  .icon-user,
  .header__icon--account,
  .site-header__icon--account,
  a[href*="/account"] {
    position: absolute !important;
    right: 34px !important; /* sits just beside the cart */
    top: 55% !important;
    transform: translateY(-50%) !important;
    display: inline-flex !important;
    z-index: 25 !important;
  }

  .site-nav__link--cart,
  .header__icon--cart {
    position: absolute !important;
    right: 8px !important;
    top: 55% !important;
    transform: translateY(-50%) !important;
    z-index: 25 !important;
  }

  /* Match cart size — all icons smaller & consistent */
  .icon-hamburger svg,
  .icon-search svg,
  .icon-user svg,
  .header__icon--account svg {
    width: 16px !important;
    height: 16px !important;
  }

  /* Ensure the cart remains its native size */
  .site-nav__link--cart svg,
  .header__icon--cart svg {
    width: 18px !important;
    height: 18px !important;
  }
}

/* 💻 DESKTOP — smaller icons + consistent proportions */
@media (min-width: 750px) {
  .header-item--icons svg,
  .header-item--navigation svg {
    width: 18px !important;
    height: 18px !important;
  }
}
/* === NADIYA — UNIVERSAL MOBILE HEADER ICON ALIGNMENT FIX === */
@media (max-width: 749px) {

  /* 👤 Account — move closer to cart */
  .site-header .icon-user,
  .site-header .header__icon--account,
  .site-header .site-nav__link--icon[href*="/account"],
  .site-header a[href*="/account"] {
    position: absolute !important;
    right: 25px !important;
    top: 56% !important;
    transform: translateY(-50%) !important;
    z-index: 30 !important;
    display: inline-flex !important;
  }

  /* 🛍️ Cart — far right */
  .site-header .header__icon--cart,
  .site-header .site-nav__link--icon[href*="/cart"],
  .site-header a[href*="/cart"],
  .site-header a#HeaderCartTrigger {
    position: absolute !important;
    right: 8px !important;
    top: 56% !important;
    transform: translateY(-50%) !important;
    z-index: 30 !important;
  }

  /* 🍔 HAMBURGER + 🔍 SEARCH */
  .site-header .icon-hamburger,
  .site-header .header__icon--menu {
    position: absolute !important;
    left: 8px !important;
    top: 56% !important;
    transform: translateY(-50%) !important;
  }

  .site-header .icon-search,
  .site-header .header__icon--search {
    position: absolute !important;
    left: 38px !important;
    top: 56% !important;
    transform: translateY(-50%) !important;
  }

  /* ✨ Consistent icon sizing */
  .site-header .icon-hamburger svg,
  .site-header .icon-search svg,
  .site-header .icon-user svg,
  .site-header .header__icon--account svg,
  .site-header .header__icon--cart svg,
  .site-header .site-nav__link--icon svg {
    width: 17px !important;
    height: 17px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8px !important;
  }
}

/* === NADIYA — REMOVE SHOP CHEVRON === */
.site-nav__item.site-nav__expanded-item.site-nav--has-dropdown summary svg[class*="chevron"],
.site-nav__item.site-nav__expanded-item.site-nav--has-dropdown summary svg.icon--chevron-down,
.site-nav__item.site-nav__expanded-item.site-nav--has-dropdown summary::after,
.header-item--navigation summary::after {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  content: none !important;
  pointer-events: none !important;
}

/* === NADIYA — ICON OUTLINE STYLE === */
#SiteHeader svg,
.site-header svg,
.header-wrapper svg {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8px !important;
}

/* === NADIYA — SCROLL COLOR LOGIC === */

/* 🩶 Top of homepage = bone white */
body.template-index:not(.scrolled) .site-nav__link,
body.template-index:not(.scrolled) .header-item--icons svg,
body.template-index:not(.scrolled) .header-item--navigation svg,
body.template-index:not(.scrolled) .header-item--logo a {
  color: #f5f3f1 !important;
  fill: none !important;
  stroke: #f5f3f1 !important;
  transition: color 0.25s ease, stroke 0.25s ease;
}

/* 🤎 Scrolled homepage = brown */
body.template-index.scrolled .site-nav__link,
body.template-index.scrolled .header-item--icons svg,
body.template-index.scrolled .header-item--navigation svg,
body.template-index.scrolled .header-item--logo a {
  color: #4A3A2A !important;
  fill: none !important;
  stroke: #4A3A2A !important;
  transition: color 0.25s ease, stroke 0.25s ease;
}

/* 🟤 All other pages always brown */
body:not(.template-index) .site-nav__link,
body:not(.template-index) .header-item--icons svg,
body:not(.template-index) .header-item--navigation svg,
body:not(.template-index) .header-item--logo a {
  color: #4A3A2A !important;
  fill: none !important;
  stroke: #4A3A2A !important;
}
/* === NADIYA CUSTOM — MEGA MENU FEATURED GRID === */
.custom-megamenu-grid {
  display: flex;
  gap: 2rem;
  justify-content: flex-end;
  align-items: center;
  padding: 1.5rem 2rem;
}

.custom-feature-item {
  text-align: center;
  flex: 1;
  max-width: 180px;
}

.custom-feature-img {
  width: 100%;
  border-radius: 6px;
  transition: transform 0.3s ease;
}

.custom-feature-link:hover .custom-feature-img {
  transform: scale(1.03);
}

.custom-feature-title {
  margin-top: 0.5rem;
  font-size: 0.9rem;
  color: var(--color-foreground);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
/* === NADIYA — Mega Menu Featured Grid Styling === */
.custom-megamenu-grid {
  display: flex;
  gap: 32px; /* space between images */
  justify-content: flex-end; /* aligns to right side of dropdown */
  align-items: flex-start;
  padding: 20px 0;
}

.custom-feature-item {
  flex: 0 0 220px; /* fixed width for consistent sizing */
  text-align: center;
}

.custom-feature-link {
  display: block;
  text-decoration: none;
}

.custom-feature-img {
  width: 100%;
  aspect-ratio: 1 / 1; /* ensures square shape */
  object-fit: cover; /* fills the square evenly */
  border-radius: 0; /* removes rounded edges */
  transition: transform 0.3s ease;
}

.custom-feature-img:hover {
  transform: scale(1.04);
}

.custom-feature-title {
  margin-top: 10px;
  font-size: 14px;
  letter-spacing: 0.04em;
  color: var(--color-text, #3b1c1a); /* uses theme text color */
  text-transform: uppercase;
}
/* === NADIYA — MOBILE MENU BACKGROUND + CLEANUP === */

/* Set bone background for the drawer */
.site-header__drawer,
.slide-nav__wrapper.overlay {
  background-color: #f5f3f1 !important;
  box-shadow: none !important;
}
.slide-nav__wrapper::after,
header-drawer::after {
  border-color: #4B1F14 !important;
  opacity: 1 !important;
}

/* === SOCIAL ICON COLORS (Mobile + Desktop) === */

/* Default = mobile color (pink) */
.footer__social svg path {
  fill: #dfbbb4 !important;
  stroke: none !important;
}
.footer__social svg {
  color: #382b22 !important;
}

/* Desktop override = pink */
@media (min-width: 750px) {
  .footer__social svg path {
    fill: #dfbbb4 !important;
  }
  .footer__social svg {
    color: #dfbbb4 !important;
  }
}