/** Shopify CDN: Minification failed

Line 328:1 Expected identifier but found "."
Line 1209:0 Unexpected "}"

**/
/* ========== Fonts ========== */
@font-face{
  font-family:"Bodoni Oldstyle 72";
  src:url("/cdn/shop/files/bodoni-72-oldstyle-book-webfont.woff2?v=1768851133") format("woff2"),
      url("/cdn/shop/files/bodoni-72-oldstyle-book-webfont.woff?v=1768851134") format("woff");
  font-weight:400;font-style:normal;font-display:swap;
}
@font-face{
  font-family:"Acherus Grotesque";
  src:url("/cdn/shop/files/horizon_type_-_acherusgrotesque-regular-webfont.woff2?v=1768850519") format("woff2"),
      url("/cdn/shop/files/horizon_type_-_acherusgrotesque-regular-webfont.woff?v=1768850519") format("woff");
  font-weight:400;font-style:normal;font-display:swap;
}
@font-face{
  font-family:"Acherus Grotesque";
  src:url("/cdn/shop/files/acherus-grotesque-bold_2-webfont_ae9d5efa-3fb7-4ab9-83f8-07f646443127.woff2?v=1768850913") format("woff2"),
      url("/cdn/shop/files/acherus-grotesque-bold_2-webfont_1c52d6eb-487c-4539-b258-de2921453fe1.woff?v=1768850913") format("woff");
  font-weight:700;font-style:normal;font-display:swap;
}

/* ========== Typography System ========== */
/* Primary headers */
h1,h2{font-family:"Bodoni Oldstyle 72",serif!important;font-weight:400;}

h1 {
  font-size: 48px;
  line-height: 1.15;
}

h2 {
  font-size: 36px;
  line-height: 1.2;
}

/* Secondary headers */
h3,h4,h5,h6{font-family:"Acherus Grotesque",sans-serif!important;font-weight:500;text-transform:uppercase;letter-spacing:.08em;}

h3 {
  font-size: 16px;
}

h4 {
  font-size: 14px;
}

h3, h4 {
  line-height: 1.4;
}

/* Body */
body,p,.rte,.rte p{font-family:"Acherus Grotesque",sans-serif;font-weight:400;}

body,
p,
.rte,
.rte p {
  font-size: 16px;
  line-height: 1.7;
}

/* Navigation */
.site-nav__link{font-family:"Acherus Grotesque",sans-serif!important;font-weight:500;}

.site-nav__link {
  font-size: 13px;
}

/* Buttons (font only for now) */
button,.btn,.shopify-payment-button__button{font-family:"Acherus Grotesque",sans-serif!important;font-weight:500;text-transform:uppercase;letter-spacing:.02em;}
button,
.btn,
.shopify-payment-button__button {
  font-size: 13px;
}


/* Product titles */
.product-card__title,.product-single__title,h1.product-single__title{font-family:"Bodoni Oldstyle 72",serif!important;font-weight:400;}

.product-card__title,
.product-single__title,
h1.product-single__title {
  font-size: 22px;
  line-height: 1.3;
}

/* Prices */
.price,.price-item,.product__price,.product-single__price,.price__regular,.price__sale,.price-item--regular,.price-item--sale{
  font-family:"Acherus Grotesque",sans-serif!important;font-weight:700;letter-spacing:.03em;
}

.price,
.price-item {
  font-size: 16px;
}
.price__sale {
  font-size: 17px;
}
@media (max-width: 749px) {
  h1 { font-size: 34px; }
  h2 { font-size: 28px; }

  .product-card__title,
  .product-single__title {
    font-size: 20px;
  }

  body,
  p {
    font-size: 15px;
  }

  .site-nav__link {
    font-size: 12px;
  }
}

/* ======================================================
   BUTTON SYSTEM — SAFE FOR DEBUT (NO HEADER IMPACT)
====================================================== */

/* Base button styles (ONLY real CTAs, not header icons) */
.btn,
.product-form__cart-submit,
.shopify-payment-button__button,
input[type="submit"] {
  font-family: "Acherus Grotesque", sans-serif !important;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  padding: 14px 28px;
  border-radius: 20px;
  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
  cursor: pointer;
}

/* ======================================================
   PRIMARY BUTTON (Gold outline → gold fill)
   Used for: Shop Now, Add to Cart, Buy Now
====================================================== */

.btn--primary,
.product-form__cart-submit,
.shopify-payment-button__button,
input[type="submit"].btn--primary {
  background-color: transparent;
  color: #d6b85a !important;
  border: 1px solid #d6b85a;
}

.btn--primary:hover,
.product-form__cart-submit:hover,
.shopify-payment-button__button:hover,
input[type="submit"].btn--primary:hover {
  background-color: #d6b85a;
  color: #000000 !important;
}

/* ======================================================
   SECONDARY BUTTON (Black outline)
   Used for: Learn more, View details, Secondary CTAs
====================================================== */

.btn--secondary {
  background-color: transparent;
  color: #000000;
  border: 1px solid #000000;
}

.btn--secondary:hover {
  background-color: #000000;
  color: #ffffff;
}

/* ======================================================
   DISABLED STATES
====================================================== */

.btn:disabled,
.product-form__cart-submit:disabled,
.shopify-payment-button__button:disabled,
input[type="submit"]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

/* ======================================================
   MOBILE REFINEMENT
====================================================== */

@media (max-width: 749px) {
  .btn,
  .product-form__cart-submit,
  .shopify-payment-button__button,
  input[type="submit"] {
    padding: 12px 22px;
    font-size: 12px;
  }
}
/* ======================================================
   HERO (DEBUT) — FINAL LOCKED VERSION
====================================================== */

/* Establish stacking context */
.hero__inner {
  position: relative;
  overflow: hidden;
}

/* =========================================
   IMAGE WITH TEXT OVERLAY (DEBUT) — GRADIENT FIX
========================================= */

.hero{
  position: relative;
  overflow: hidden;
}

/* Gradient sits on the hero container (matches image bounds) */
.hero::before{
  content:"";
  position:absolute;
  top:-2px;
  right:-2px;
  bottom:-2px;
  left:-2px; /* tiny overscan fixes “off by a bit” edges */
  pointer-events:none;
  z-index:1;
  background: linear-gradient(
    90deg,
    rgba(0,0,0,0.55) 0%,
    rgba(0,0,0,0.30) 42%,
    rgba(0,0,0,0.00) 78%
  );
}

/* Keep text/button above gradient */
.hero__inner,
.hero__inner .page-width{
  position: relative;
  z-index: 2;
}


/* Ensure hero content sits above gradient */
.hero__inner .page-width {
  position: relative;
  z-index: 2;
}

/* Left align + editorial inset */
.hero__inner .page-width.text-center {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: auto !important;

  /* Editorial half-column width */
  max-width: 760px !important;

  /* THIS controls left positioning (final) */
  padding-left: 120px !important;
  padding-right: 24px !important;
}

/* Headline stays clean */
.hero__inner .mega-title {
  max-width: 700px;
}

/* Subtitle paragraph — single natural paragraph */
.hero__inner .rte-setting.mega-subtitle {
  max-width: 680px;
  line-height: 1.7;
}

/* Remove default paragraph spacing */
.hero__inner .rte-setting.mega-subtitle p {
  margin: 0 !important;
}

/* Remove forced <br> breaks so text wraps naturally */
.hero__inner .rte-setting.mega-subtitle br {
  display: none !important;
}

/* Button alignment + spacing */
.hero__inner .btn {
  margin-left: 0 !important;
  margin-top: 18px;
}

/* Mobile refinement */
@media (max-width: 749px) {
  .hero__inner .page-width.text-center {
    padding-left: 32px !important;
    padding-right: 32px !important;
    max-width: 100% !important;
  }

  .hero__inner .rte-setting.mega-subtitle,
  .hero__inner .mega-title {
    max-width: 100%;
  }
}

.mood-hero {
  position: relative;
  height: 360px; /* was too tall */
  overflow: hidden;
}

.mood-hero__content {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  z-index: 2;
  text-align: center;
}

..mood-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.35),
    rgba(0,0,0,0.6)
  );
}
.mood-hero__content {
  position: relative;
  z-index: 2;
  color: #fff;
  max-width: 700px;
}

.mood-hero__title {
  font-family: "Bodoni Oldstyle 72", serif;
  font-size: 42px;
  letter-spacing: 0;
}

.mood-tags {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 24px 0;
}

.mood-tag {
  padding: 8px 16px;
  border-radius: 999px;
  border: 1px solid #d4b45c;
  color: #000;
  font-size: 13px;
}

.mood-tag.active {
  background: #d4b45c;
  color: #000;
}

/* === NAV HOVER: kill underline in every common Debut method === */
.site-header .site-nav a,
.site-header .site-nav__link {
  text-decoration: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  background-image: none !important;
}

.site-header .site-nav a:hover,
.site-header .site-nav__link:hover,
.site-header .site-nav a:focus,
.site-header .site-nav__link:focus,
.site-header .site-nav a:active,
.site-header .site-nav__link:active {
  text-decoration: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* If the underline is a pseudo element */
.site-header .site-nav a::after,
.site-header .site-nav__link::after,
.site-header .site-nav a:hover::after,
.site-header .site-nav__link:hover::after,
.site-header .site-nav a::before,
.site-header .site-nav__link::before,
.site-header .site-nav a:hover::before,
.site-header .site-nav__link:hover::before {
  content: none !important;
  display: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* ================================
   HEADER NAV – REMOVE UNDERLINE
   (Debut-style ::after underline)
================================ */

/* Kill animated underline */
.site-header .site-nav__link::after,
.site-header .site-nav__link:hover::after,
.site-header .site-nav__link:focus::after {
  content: none !important;
  display: none !important;
}

/* Also neutralize background-based underline systems */
.site-header .site-nav__link {
  background-image: none !important;
  background-size: 0 !important;
  background-position: 0 0 !important;
  border-bottom: none !important;
  text-decoration: none !important;
}

/* ======================================================
   FIX: White seam between last section + footer (Debut)
   Covers: footer border, section spacing, inline img gap
====================================================== */

/* 1) Remove any top border / shadow on footer */
.site-footer,
.footer,
.site-footer__content {
  border-top: 0 !important;
  box-shadow: none !important;
}

/* 2) Remove extra spacing above footer coming from the last section */
.shopify-section:last-of-type,
.shopify-section:last-child,
.main-content .shopify-section:last-of-type,
.main-content .shopify-section:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.index-section:last-of-type,
.index-section:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* 3) Kill the inline-image baseline gap (common “thin white line”) */
.shopify-section img,
.rte img,
img {
  display: block;
}

/* Extra: ensure footer sits flush */
.site-footer {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* ======================================================
   FOOTER — add breathing room (keeps no white seam)
====================================================== */
.site-footer{
  margin-top: 0 !important;     /* prevents an extra gap */
  padding-top: 56px !important; /* <<< increase/decrease this */
}

/* mobile */
@media (max-width: 749px){
  .site-footer{
    padding-top: 40px !important;
  }
}

/* ======================================================
   FOOTER V2 (Debut)
====================================================== */

.footer-v2.site-footer{
  background: #000;
  color: #fff;
  margin-top: 0 !important;
  padding-top: 56px;
  padding-bottom: 26px;
}

.footer-v2 .page-width{
  max-width: 1200px;
}

/* 3-column layout */
.footer-v2__grid{
  display: grid;
  grid-template-columns: 1.25fr 1.2fr .65fr;
  gap: 48px;
  align-items: start;
}

/* LEFT: newsletter */
.footer-v2__headline{
  font-family:"Bodoni Oldstyle 72",serif !important;
  font-weight:400;
  text-transform:none !important;
  letter-spacing:0 !important;
  color:#fff;
  margin: 0 0 18px;
  font-size: 30px;
  line-height: 1.15;
  max-width: 420px;
}

.footer-v2__subtext,
.footer-v2__subtext p{
  font-family:"Acherus Grotesque",sans-serif !important;
  color: rgba(255,255,255,.75);
  margin: 0 0 16px;
  font-size: 14px;
  line-height: 1.6;
}

.footer-v2__formRow{
  display:flex;
  gap: 10px;
  align-items: center;
  max-width: 420px;
}

.footer-v2__input{
  flex: 1;
  height: 44px;
  border-radius: 6px;
  border: 1px solid rgba(255,255,255,.18);
  background: transparent;
  color: #fff;
  padding: 0 12px;
  font-family:"Acherus Grotesque",sans-serif !important;
  font-size: 13px;
}

.footer-v2__input::placeholder{
  color: rgba(255,255,255,.55);
}

.footer-v2__btn{
  height: 44px;
  padding: 0 18px;
  border-radius: 6px;
  border: 1px solid #d6b85a;
  background: #d6b85a;
  color: #111;
  font-family:"Acherus Grotesque",sans-serif !important;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .10em;
  font-size: 11px;
  cursor: pointer;
}

/* MIDDLE: menus */
.footer-v2__menus{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 34px;
}

.footer-v2__menuTitle{
  font-family:"Acherus Grotesque",sans-serif !important;
  font-weight: 600;
  text-transform: none !important;
  letter-spacing: 0 !important;
  color: #d6b85a;
  font-size: 13px;
  margin: 0 0 10px;
}

.footer-v2__menuList{
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer-v2__menuItem{
  margin: 0 0 10px;
}

.footer-v2__menuLink{
  font-family:"Acherus Grotesque",sans-serif !important;
  font-size: 13px;
  color: rgba(255,255,255,.78);
  text-decoration: none !important;
}

.footer-v2__menuLink:hover{
  color: #d6b85a;
}

/* RIGHT: socials */
.footer-v2__socialIcons{
  display:flex;
  justify-content: flex-end;
  gap: 12px;
}

.footer-v2__socialIcons a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,.18);
  text-decoration:none !important;
}

.footer-v2__socialIcons a:hover{
  border-color: #d6b85a;
}

/* Bottom row */
.footer-v2__bottom{
  border-top: 1px solid rgba(255,255,255,.10);
  margin-top: 36px;
  padding-top: 16px;
}

.footer-v2__bottomInner{
  display:flex;
  justify-content: space-between;
  align-items:center;
  gap: 18px;
  flex-wrap: wrap;
}

.footer-v2__copyright{
  color: rgba(255,255,255,.55);
  font-family:"Acherus Grotesque",sans-serif !important;
  font-size: 12px;
}

.footer-v2__payments svg{
  height: 20px;
  width: auto;
  margin-left: 8px;
  opacity: .85;
}

/* Mobile */
@media (max-width: 989px){
  .footer-v2__grid{
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .footer-v2__menus{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .footer-v2__socialIcons{
    justify-content: flex-start;
  }
}

@media (max-width: 749px){
  .footer-v2.site-footer{
    padding-top: 40px;
  }
  .footer-v2__menus{
    grid-template-columns: 1fr;
  }
  .footer-v2__formRow{
    flex-direction: column;
    align-items: stretch;
  }
  .footer-v2__btn{
    width: 100%;
  }
}

.footer-v2__socialIcons{
  display:flex;
  gap:14px;
  margin-top:16px;
}

.footer-v2__socialIcons a svg{
  width:18px;
  height:18px;
  fill: rgba(255,255,255,.8);
  transition: fill .2s ease, transform .2s ease;
}

.footer-v2__socialIcons a:hover svg{
  fill:#d6b85a;
  transform: translateY(-1px);
}
/* ========== Footer V2: Social + Currency + Payments in one stack ========== */

.footer-v2__socialWrap{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:14px;
}

/* icons row */
.footer-v2__socialIcons{
  display:flex;
  gap:14px;
}

.footer-v2__socialIcons a svg{
  width:18px;
  height:18px;
  fill:#d6b85a; /* brand gold */
  transition: opacity .2s ease, transform .2s ease;
}

.footer-v2__socialIcons a:hover svg{
  opacity:.85;
  transform: translateY(-1px);
}

/* currency + payments row UNDER icons */
.footer-v2__bottomRow{
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:wrap; /* prevents breaking on mobile */
}

/* currency styling */
.footer-v2__currency select{
  height:34px;
  border-radius:6px;
  border:1px solid rgba(214,184,90,.55);
  background:transparent;
  color:#d6b85a;
  padding:0 10px;
  font-family:"Acherus Grotesque",sans-serif;
  font-size:12px;
}

/* payments align under icons */
.footer-v2__payments{
  display:flex;
  align-items:center;
}

.footer-v2__payments .payment-icons{
  margin:0;
  padding:0;
  display:flex;
  gap:10px;
  align-items:center;
}

/* make payment svgs gold-ish */
.footer-v2__payments svg{
  fill:#d6b85a;
  opacity:.95;
}

/* ========== Footer links (menus) in brand gold ========== */
.footer-v2 a,
.footer-v2 .footer__linklist a,
.footer-v2 .footer__menu a{
  color:#d6b85a !important;
  text-decoration:none !important;
}

.footer-v2 a:hover,
.footer-v2 .footer__linklist a:hover,
.footer-v2 .footer__menu a:hover{
  opacity:.85;
}

/* ===== FOOTER V2: lock the 3-column layout + right-align the right column ===== */
.footer-v2__grid{
  display: grid;
  grid-template-columns: 1.4fr 1fr 0.8fr; /* tweak widths if you want */
  gap: 48px;
  align-items: start;
}

/* right column should hug the right edge */
.footer-v2__right{
  justify-self: end;
  align-items: flex-end;
  text-align: right;
  width: auto;
  max-width: 360px; /* keeps it from stretching weird */
}

/* socials aligned right */
.footer-v2__socialIcons{
  justify-content: flex-end;
  width: 100%;
}

/* the row under socials aligned right */
.footer-v2__utilityRow{
  justify-content: flex-end;
  width: 100%;
}

/* keep currency + payments stacked nicely (not drifting) */
.footer-v2__currency{
  display: flex;
  justify-content: flex-end;
}

.footer-v2__payments{
  justify-content: flex-end;
}

/* optional: make payment icons a bit cleaner */
.footer-v2__payments svg{
  height: 18px;
  width: auto;
}
/* ===== Footer V2 layout ===== */
.footer-v2__grid{
  grid-template-columns: 1.0fr 1.2fr 0.9fr; /* more room for menus */
  gap: 48px;
}


/* Right column: everything hugs right edge */
.footer-v2__right{
  justify-self:end;
  text-align:right;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap: 14px;
}

/* Social row */
.footer-v2__socialIcons{
  display:flex;
  gap: 10px;
  justify-content:flex-end;
}

/* Currency + payments under socials */
.footer-v2__utility{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap: 10px;
}

/* Payments align right */
.footer-v2__payments{
  display:flex;
  flex-wrap:wrap;
  gap: 8px;
  justify-content:flex-end;
}

/* ===== Brand gold styling ===== */
.footer-v2__menuLink,
.footer-v2__menuTitle{
  color:#d6b85a !important;
}

.footer-v2__menuLink:hover{
  opacity:0.85;
}

.footer-v2__socialIcons a svg{
  fill:#d6b85a !important;
}

.footer-v2__currency select{
  border:1px solid rgba(214,184,90,0.55);
  background: transparent;
  color:#d6b85a;
  border-radius: 8px;
  padding: 6px 10px;
}

/* Payments: show true logos again */
.footer-v2__payments svg{
  filter: none !important;
  height: 18px;
  width: auto;
  display: block;
}

/* keep them aligned neatly */
.footer-v2__payments{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  justify-content:flex-end;
  align-items:center;
}


/* Bottom line spacing */
.footer-v2__bottom{
  margin-top: 30px;
  padding-top: 18px;
  border-top: 1px solid rgba(255,255,255,0.10);
  color: rgba(214,184,90,0.85);

  /* Middle column: give menus more room + better layout */
.footer-v2__middle{
  min-width: 360px; /* adjust if needed */
}

.footer-v2__menus{
  display: grid;
  grid-template-columns: repeat(2, minmax(160px, 1fr)); /* 2 tidy columns */
  column-gap: 46px;
}

/* Prevent wrapping like “Shipping / Policy” */
.footer-v2__menuLink{
  white-space: nowrap;
  line-height: 1.3;
}

/* Slightly tighter vertical spacing */
.footer-v2__menuList{
  margin: 0;
}
.footer-v2__menuItem{
  margin: 0 0 10px 0;
}
/* ================================
   HEADER NAV ALIGNMENT FIX (Debut)
================================ */

/* Make the nav row align to a single baseline */
.site-header .site-nav {
  display: flex;
  align-items: center; /* key */
}

/* Ensure each nav item is vertically centered */
.site-header .site-nav__item {
  display: flex;
  align-items: center;
}

/* Normalize link sizing + spacing so nothing drops lower */
.site-header .site-nav__link {
  display: inline-flex;
  align-items: center;
  line-height: 1 !important;     /* removes baseline weirdness */
  padding-top: 14px !important;  /* adjust if you want tighter */
  padding-bottom: 14px !important;
}

/* Dropdown caret / label alignment (Debut often offsets this) */
.site-header .site-nav__link .site-nav__label,
.site-header .site-nav__link span {
  line-height: 1 !important;
}

/* If Debut is adding a pseudo-caret/underline that shifts height */
.site-header .site-nav__link::after {
  bottom: auto !important;
  top: 100% !important;
}

/* Optional: make the dropdown arrow sit nicely (if theme uses an SVG/icon) */
.site-header .site-nav__link svg {
  margin-left: 6px;
  position: relative;
  top: -1px; /* tiny lift to match text baseline */
}
.site-header {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.site-header .site-header__logo,
.site-header .site-header__icons {
  display: flex;
  align-items: center;
}

/* ================================
   DEBUT: DROPDOWN CHEVRON ALIGN FIX
   (fixes only items with dropdowns)
================================ */

/* Make dropdown links flex so text + chevron share a baseline */
.site-header .site-nav__link--has-dropdown,
.site-header .site-nav__link[aria-haspopup="true"]{
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1 !important;
}

/* CASE A: Chevron is an icon element (common in Debut) */
.site-header .site-nav__link--has-dropdown .icon,
.site-header .site-nav__link--has-dropdown svg{
  display: inline-block !important;
  vertical-align: middle !important;
  margin-left: 6px !important;
  position: relative !important;
  top: -2px !important;  /* <-- tweak -1 to -2 if needed */
}

/* CASE B: Chevron is a pseudo element */
.site-header .site-nav__link--has-dropdown::after,
.site-header .site-nav__link[aria-haspopup="true"]::after{
  position: relative !important;
  top: -2px !important;  /* <-- tweak -1 to -2 if needed */
  transform: none !important;
}

/* Optional: keep padding consistent so dropdown items don't “sit” differently */
.site-header .site-nav__link{
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}


}

/* =========================================
   DEBUT: NAV DROPDOWN ALIGNMENT (NUCLEAR FIX)
   Targets only items that have dropdowns
========================================= */

/* 1) Make the top-level <li> behave consistently */
.site-header .site-nav > li.site-nav--has-dropdown,
.site-header .site-nav > li.site-nav__item--has-dropdown,
.site-header .site-nav > li.site-nav__item.site-nav--has-dropdown{
  display: inline-flex !important;
  align-items: center !important;
}

/* 2) Make the clickable link a flex row (text + chevron) */
.site-header .site-nav > li.site-nav--has-dropdown > a,
.site-header .site-nav > li.site-nav__item--has-dropdown > a,
.site-header .site-nav > li.site-nav__item.site-nav--has-dropdown > a,
.site-header .site-nav a.site-nav__link--has-dropdown,
.site-header .site-nav a[aria-haspopup="true"]{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  vertical-align: middle !important;
}

/* 3) Kill any “push-down” transforms on chevrons/icons */
.site-header .site-nav a.site-nav__link--has-dropdown svg,
.site-header .site-nav a.site-nav__link--has-dropdown .icon,
.site-header .site-nav a[aria-haspopup="true"] svg,
.site-header .site-nav a[aria-haspopup="true"] .icon,
.site-header .site-nav .icon-chevron-down,
.site-header .site-nav .site-nav__icon,
.site-header .site-nav .site-nav__icon svg{
  transform: none !important;
  top: auto !important;
  bottom: auto !important;
  vertical-align: middle !important;
  margin-left: 6px !important;
}

/* 4) If the chevron is a pseudo-element, normalize it too */
.site-header .site-nav a.site-nav__link--has-dropdown::after,
.site-header .site-nav a[aria-haspopup="true"]::after{
  transform: none !important;
  top: 0 !important;
  vertical-align: middle !important;
}

/* 5) Ensure ALL top-level nav links share identical vertical padding */
.site-header .site-nav > li > a.site-nav__link,
.site-header .site-nav > li > a{
  padding-top: 16px !important;
  padding-bottom: 16px !important;
  line-height: 1 !important;
}

/* 6) Sometimes the dropdown items look “lower” because the <li> has padding */
.site-header .site-nav > li{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1 !important;
}
/* ===============================
   FOOTER V2 — MOBILE FIX
=============================== */
@media (max-width: 749px) {

  /* Overall spacing */
  .footer-v2 {
    padding-top: 48px;
    padding-bottom: 32px;
  }

  /* Main grid stacks cleanly */
  .footer-v2__grid {
    display: block;
  }

  /* Newsletter first */
  .footer-v2__left {
    margin-bottom: 36px;
  }

  /* MENUS: two-column grid */
  .footer-v2__menus {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px 24px;
    margin-bottom: 36px;
  }

  .footer-v2__menuTitle {
    margin-bottom: 10px;
  }

  .footer-v2__menuList {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  /* SOCIAL ICONS centered */
  .footer-v2__socialIcons {
    display: flex;
    justify-content: center;
    gap: 14px;
    margin-bottom: 20px;
  }

  /* Currency selector centered */
  .footer-v2__currency {
    display: flex;
    justify-content: center;
    margin-bottom: 16px;
  }

  /* Payment icons centered */
  .footer-v2__payments {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
  }

}
/* ================================
   CATEGORY CARDS (dazzle-pills)
   Mobile sizing + button polish
================================ */
@media (max-width: 749px){

  /* tighten overall grid spacing a bit */
  .dazzle-pills__grid{
    gap: 16px !important;
  }

  /* keep card padding balanced */
  .dazzle-pills__card{
    padding: 18px 16px !important;
  }

  /* ensure the image area doesn't force weird spacing */
  .dazzle-pills__imgWrap{
    margin: 10px 0 14px !important;
  }

  /* "View More Products" pill button */
  .dazzle-pills__btn{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 10px 16px !important;
    border-radius: 999px !important;

    background: #d6b85a !important;
    color: #000 !important;

    font-family: "Acherus Grotesque", sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.10em !important;

    line-height: 1.2 !important;
    white-space: normal !important;   /* allow 2 lines if needed */
    text-align: center !important;

    margin-top: 8px !important;
  }

  /* if you want it forced to ONE line instead, swap the above white-space line to: */
  /* .dazzle-pills__btn{ white-space: nowrap !important; } */
}

}
/* ======================================================
   PRIVY POPUP – DAZZLE SKIN
====================================================== */

/* overlay */
.privy-overlay,
div[id^="privy-overlay"]{
  background: rgba(0,0,0,0.55) !important;
}

/* popup container */
.privy-popup-container,
div[id^="privy-popup-container"],
.privy .privy-popup,
.privy{
  font-family:"Acherus Grotesque", sans-serif !important;
}

/* main popup box */
.privy-popup-container .privy-popup,
.privy .privy-popup{
  background:#000 !important;
  color:#fff !important;
  border-radius:22px !important;
  box-shadow:0 18px 55px rgba(0,0,0,0.5) !important;
}

/* heading */
.privy-popup-container h1,
.privy-popup-container h2,
.privy-popup-container .headline,
.privy .privy-popup h1,
.privy .privy-popup h2{
  font-family:"Bodoni Oldstyle 72", serif !important;
  font-weight:400 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  color:#fff !important;
}

/* body text */
.privy-popup-container p,
.privy-popup-container .text,
.privy .privy-popup p{
  font-family:"Acherus Grotesque", sans-serif !important;
  font-size:15px !important;
  line-height:1.7 !important;
  color:rgba(255,255,255,0.85) !important;
}

/* input */
.privy-popup-container input[type="email"],
.privy-popup-container input[type="text"],
.privy .privy-popup input[type="email"],
.privy .privy-popup input[type="text"]{
  border-radius:20px !important;
  border:1px solid rgba(255,255,255,0.22) !important;
  background: rgba(255,255,255,0.06) !important;
  color:#fff !important;
  padding:12px 14px !important;
}

/* button */
.privy-popup-container button,
.privy-popup-container .btn,
.privy .privy-popup button,
.privy .privy-popup .btn{
  border-radius:20px !important;
  background:#d6b85a !important;
  border:1px solid #d6b85a !important;
  color:#000 !important;
  font-family:"Acherus Grotesque", sans-serif !important;
  font-size:12px !important;
  font-weight:500 !important;
  text-transform:uppercase !important;
  letter-spacing:0.12em !important;
  padding:12px 18px !important;
}

/* close button (make it clean + visible) */
.privy-popup-container .privy-close,
.privy .privy-close{
  color:#fff !important;
  opacity:0.9 !important;
}
.privy-popup-container .privy-close:hover,
.privy .privy-close:hover{
  opacity:1 !important;
}

/* mobile spacing fix */
@media (max-width: 749px){
  .privy-popup-container .privy-popup,
  .privy .privy-popup{
    border-radius:18px !important;
  }
}