/** Shopify CDN: Minification failed

Line 190:12 Expected identifier but found whitespace
Line 190:13 Unexpected "11px"
Line 199:8 Expected identifier but found whitespace
Line 199:9 Unexpected "#777"

**/
/* ---------- Add to Cart: color + animation (Prestige) ---------- */
/* EASY COLOR TWEAKS: change these 2 lines to your brand colors */
:root {
  --atc-bg-1: #D4AF37;  /* gold start  */
  --atc-bg-2: #B8860B;  /* gold end    */
  --atc-text: #111111;  /* button text */
}

/* Core selectors for Prestige's product form button + quick add */
.product-form [type="submit"][name="add"],
.product-form__submit,
button[name="add"],
.quick-add__submit {
  background: linear-gradient(135deg, var(--atc-bg-1), var(--atc-bg-2));
  color: var(--atc-text);
  border: 0;
  border-radius: 9999px;            /* pill look */
  padding: 14px 22px;
  font-weight: 700;
  letter-spacing: .02em;
  box-shadow: 0 6px 16px rgba(0,0,0,.15);
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
  position: relative;
  overflow: hidden;                 /* for shine sweep */
  will-change: transform, box-shadow;
}

/* Hover / focus states */
.product-form [type="submit"][name="add"]:hover,
.product-form__submit:hover,
button[name="add"]:hover,
.quick-add__submit:hover,
.product-form [type="submit"][name="add"]:focus-visible,
.product-form__submit:focus-visible,
button[name="add"]:focus-visible,
.quick-add__submit:focus-visible {
  transform: translateY(-1px) scale(1.02);
  box-shadow: 0 10px 24px rgba(0,0,0,.18);
  outline: none;
}

/* Pressed */
.product-form [type="submit"][name="add"]:active,
.product-form__submit:active,
button[name="add"]:active,
.quick-add__submit:active {
  transform: translateY(0) scale(.99);
  box-shadow: 0 4px 12px rgba(0,0,0,.18);
}

/* Subtle "shine" sweep on hover */
.product-form [type="submit"][name="add"]::after,
.product-form__submit::after,
button[name="add"]::after,
.quick-add__submit::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.35) 20%, transparent 40%);
  transform: translateX(-120%);
  pointer-events: none;
}
.product-form [type="submit"][name="add"]:hover::after,
.product-form__submit:hover::after,
button[name="add"]:hover::after,
.quick-add__submit:hover::after {
  animation: atc-shine .9s ease forwards;
}

@keyframes atc-shine {
  to { transform: translateX(120%); }
}

/* Gentle pulse every ~10s to draw attention (not continuous) */
.product-form [type="submit"][name="add"],
.product-form__submit,
button[name="add"],
.quick-add__submit {
  animation: atc-pulse 1.15s ease-in-out 1;
  animation-delay: 6s;              /* first pulse after 6s */
}
@keyframes atc-pulse {
  0%   { transform: translateY(0) scale(1);   }
  50%  { transform: translateY(-1px) scale(1.02); }
  100% { transform: translateY(0) scale(1);   }
}

/* Accessibility: respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  .product-form [type="submit"][name="add"],
  .product-form__submit,
  button[name="add"],
  .quick-add__submit {
    transition: none;
    animation: none !important;
  }
  .product-form [type="submit"][name="add"]::after,
  .product-form__submit::after,
  button[name="add"]::after,
  .quick-add__submit::after {
    display: none;
  }
}

/* Disabled / sold out state */
.product-form [type="submit"][name="add"][disabled],
.product-form__submit[disabled],
button[name="add"][disabled],
.quick-add__submit[disabled] {
  filter: grayscale(35%) brightness(.9);
  cursor: not-allowed;
  box-shadow: none;
}

/* Optional: make text always readable on light gold */
.product-form [type="submit"][name="add"],
.product-form__submit,
button[name="add"],
.quick-add__submit {
  text-shadow: 0 1px 0 rgba(255,255,255,.35);
}

/* ---------- Optional alt palette (swap above vars) ----------
:root {
  --atc-bg-1: #111111;   // deep black
  --atc-bg-2: #333333;   // graphite
  --atc-text: #ffffff;   // white text
}
------------------------------------------------------------- */
@media screen and (max-width: 749px){
  #mobile-hero-wrapper,
  #mobile-hero-video{
    display: none !important;
  }
}

/* Aussieluv – Mix & Match Offer */
.Aussieluv-MixOffer {
  margin-top: 14px;
  font-size: 13px;
  line-height: 1.4;
  letter-spacing: 0.04em;
  color: #111;
}

.Aussieluv-MixOffer span {
  display: block;
  font-size: 11px;
  color: #777;
  margin-top: 4px;
}

/* Aussieluv – Upsell Box */
.Aussieluv-UpsellBox {
  border: 1px solid rgba(0,0,0,0.08);
  background: #fafafa;
  padding: 14px 16px;
  border-radius: 14px;
  margin: 18px 0;
  text-align: left;
}

.Aussieluv-UpsellBox strong {
  display: block;
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 6px;
}

.Aussieluv-UpsellBox p {
  margin: 0;
  font-size: 14px;
}

.Aussieluv-UpsellBox small {
  display: block;
  margin-top: 6px;
  font-size: 11px;
  color: #777;
}
  font-size: 11px;/* Remove outer glow / focus outline from Add to Cart button */
.ProductForm__AddToCart,
.ProductForm__AddToCart:focus,
.ProductForm__AddToCart:focus-visible,
.ProductForm__AddToCart:active {
  outline: none !important;
  box-shadow: none !important;
}

  color: #777;
}
/* ================================
   FIX: Mobile menu behind homepage
   (Prestige + Safari)
   ================================ */


/* 2) Overlay/backdrop above page content too */
.Drawer__Overlay,
.Drawer__Overlay::before,
.menu-drawer__overlay,
.drawer-overlay {
  position: fixed !important;
  z-index: 99999998 !important;
}

/* 3) When drawer is open, prevent page content from sitting above */
html,
body {
  position: relative;
}

/* 4) Your hero section: remove stacking trigger on mobile */
@media (max-width: 900px){
  .ALVHeroGrid__tile{
    transform: none !important;  /* IMPORTANT */
  }
}
/* =========================================
   PRESTIGE FIX: Mobile menu behind hero + blank menu
   Safe z-index only (no fixed on inner wrappers)
   ========================================= */

/* Header should be above sections */
.shopify-section-header,
#shopify-section-header,
header,
.Header {
  position: relative;
  z-index: 5000;
}

/* Drawer + overlay must be above everything */
.Drawer,
.MenuDrawer,
.menu-drawer,
#menu-drawer {
  z-index: 999999 !important;
}

/* Overlay/backdrop above content too */
.Drawer__Overlay,
.menu-drawer__overlay,
.drawer-overlay {
  z-index: 999998 !important;
}

/* Make sure drawer content can scroll and is visible */
.Drawer__Container,
.Drawer__Content,
.MenuDrawer__Content {
  position: relative !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
}

/* Remove stacking trigger from your hero on mobile (this is key) */
@media (max-width: 900px){
  .ALVHeroGrid__tile { transform: none !important; }
  .ALVHeroGrid { position: relative; z-index: 1; }
}
/* =========================================
   PRESTIGE: Mobile menu overlay not covering
   ========================================= */

/* Drawer always on top */
.Drawer,
.MenuDrawer,
.menu-drawer,
#menu-drawer {
  z-index: 999999 !important;
}

/* FULL-SCREEN overlay (this is the missing piece) */
.Drawer__Overlay,
.menu-drawer__overlay,
.drawer-overlay {
  position: fixed !important;
  inset: 0 !important;           /* top:0 right:0 bottom:0 left:0 */
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(0,0,0,.45) !important;
  z-index: 999998 !important;
  pointer-events: auto !important;
}

/* Stop the page from scrolling/clicking behind the menu (supports multiple theme classes) */
html.Drawer--open,
body.Drawer--open,
html.menu-open,
body.menu-open,
html.overflow-hidden,
body.overflow-hidden {
  overflow: hidden !important;
  height: 100% !important;
}
@media (max-width: 900px){
  .ALVHeroGrid__tile { transform: none !important; }
}
/* =========================================
   FINAL: Mobile menu overlay still showing strip / chat above
   ========================================= */

/* Put drawer + overlay above everything (max safe z-index) */
.Drawer,
.MenuDrawer,
.menu-drawer,
#menu-drawer {
  z-index: 2147483647 !important;
}

.Drawer__Overlay,
.menu-drawer__overlay,
.drawer-overlay {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(0,0,0,.55) !important;
  z-index: 2147483646 !important;
  pointer-events: auto !important;
}

/* Hide common chat widgets while menu is open (they sit above overlays otherwise).
   Prestige usually adds Drawer--open or similar on html/body when menu opens. */
html.Drawer--open .crisp-client,
body.Drawer--open .crisp-client,
html.Drawer--open #tidio-chat,
body.Drawer--open #tidio-chat,
html.Drawer--open #gorgias-chat-container,
body.Drawer--open #gorgias-chat-container,
html.Drawer--open #chatra,
body.Drawer--open #chatra,
html.Drawer--open .tawk-min-container,
body.Drawer--open .tawk-min-container,
html.Drawer--open #fc_frame,
body.Drawer--open #fc_frame,
html.Drawer--open .zsiq_floatmain,
body.Drawer--open .zsiq_floatmain {
  display: none !important;
}
/* =========================================
   FIX: Mobile menu drawer too wide (Prestige)
   ========================================= */

@media (max-width: 999px){

  /* Keep the drawer at a normal width */
  .Drawer,
  .MenuDrawer,
  .menu-drawer,
  #menu-drawer {
    width: 86vw !important;       /* normal feeling size */
    max-width: 360px !important;  /* cap so it doesn't look huge */
    min-width: 280px !important;
  }

  /* Ensure the drawer content fits inside */
  .Drawer__Container,
  .Drawer__Content,
  .MenuDrawer__Content {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* The remaining area should be the overlay */
  .Drawer__Overlay,
  .menu-drawer__overlay,
  .drawer-overlay {
    width: 100vw !important;
    height: 100vh !important;
  }
}
/* =========================================
   CLEAN FINAL: Prestige Mobile Drawer Fix
   ========================================= */

/* Keep header above content */
.shopify-section-header,
#shopify-section-header,
header,
.Header {
  position: relative;
  z-index: 5000;
}

/* Drawer above everything */
.Drawer,
.MenuDrawer,
.menu-drawer,
#menu-drawer {
  z-index: 999999 !important;
}

/* Full-screen overlay */
.Drawer__Overlay,
.menu-drawer__overlay,
.drawer-overlay {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(0,0,0,.55) !important;
  z-index: 999998 !important;
  pointer-events: auto !important;
}

/* Drawer width normal */
@media (max-width: 999px){
  .Drawer,
  .MenuDrawer,
  .menu-drawer,
  #menu-drawer {
    width: 86vw !important;
    max-width: 360px !important;
    min-width: 280px !important;
  }
}

/* Your hero stacking trigger fix */
@media (max-width: 900px){
  .ALVHeroGrid__tile { transform: none !important; }
}
/* =========================================
   FIX: Collection page top gap (Prestige)
   ========================================= */

.template-collection .CollectionHeader {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.template-collection main {
  padding-top: var(--header-height, 64px);
}

@media (max-width: 768px){
  .template-collection main {
    padding-top: calc(var(--header-height, 64px) + 10px);
  }
}
/* =========================================
   FIX: Restore white background (Prestige)
   ========================================= */

/* Global site background */
body,
#MainContent,
main {
  background-color: #ffffff !important;
}

/* Homepage only (extra safety) */
.template-index {
  background-color: #ffffff !important;
}

/* Ensure sections inherit white unless intentionally styled */
.template-index .shopify-section {
  background-color: transparent;
}
/* =========================================
   FIX: Shop by Collection heading too light
   ========================================= */

/* Target section headings only (Prestige) */
.SectionHeader__Heading,
.section-header__title,
h2.SectionHeader__Heading {
  color: #111111 !important;     /* strong black */
  opacity: 1 !important;
  font-weight: 500;
  letter-spacing: 0.08em;
}

/* If this section uses uppercase + thin style */
.template-index .SectionHeader__Heading {
  text-transform: uppercase;
}

/* Optional: slightly stronger on mobile */
@media (max-width: 768px){
  .SectionHeader__Heading {
    color: #0f0f0f !important;
  }
}
.template-index .shopify-section h2 {
  color: #111 !important;
  opacity: 1 !important;
}
/* =========================================
   FIX: Hero heading turned black (restore white)
   ========================================= */

/* Hero text must always stay white */
.ALVHeroGrid__content,
.ALVHeroGrid__content h1,
.ALVHeroGrid__content h2,
.ALVHeroGrid__content p,
.ALVHeroGrid__content span,
.ALVHeroGrid__content a {
  color: #ffffff !important;
}

/* Slightly softer white for description */
.ALVHeroGrid__p {
  color: rgba(255,255,255,0.9) !important;
}
/* =========================================
   Shop by Collection heading ONLY
   ========================================= */

.template-index .shopify-section--collection-list h2,
.template-index .shopify-section--collection-list .SectionHeader__Heading {
  color: #111111 !important;
  opacity: 1 !important;
}