/** Shopify CDN: Minification failed

Line 612:0 Expected "}" to go with "{"

**/
/* 🔥 Global styles — work in BOTH dark + light mode */
/* Base button - same hot pink everywhere */
.button,
.btn,
.shopify-payment-button__button {
  background-color: #EB008B !important; /* hot pink */
  color: #FFFFFF !important;
  border: none !important;
  outline: none !important;
  border-radius: 0 !important;
  padding: 14px 30px !important;
  font-size: 16px !important;
  font-weight: bold !important;
  cursor: pointer !important;
  position: relative;
  z-index: 1;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

/* Hover for normal buttons */
.button:hover,
.btn:hover,
.shopify-payment-button__button:hover {
  background-color: #FF69B4 !important; /* lighter pink */
  color: #FFFFFF !important;
  transform: translateY(-2px);
}

/* ✨ SPECIAL EFFECT — only for Image Banner buttons */
.banner__buttons .button,
.banner__buttons .btn {
  background-color: #EB008B !important;
  box-shadow: 0 0 15px #EB008B, 0 0 30px #FF69B4;
  overflow: hidden;
}

/* Glitter overlay ONLY on Image Banner buttons */
.banner__buttons .button::after,
.banner__buttons .btn::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/cdn/shop/files/buttonvid.webp?v=1758862515");
  background-size: cover;
  background-position: center;
  opacity: 0.35;
  pointer-events: none;
  animation: glittermove 3s linear infinite;
}

/* Glitter animation */
@keyframes glittermove {
  0% { background-position: 0 0; }
  100% { background-position: 100% 100%; }
}

/* ===== GLOBAL LIPSTICK CURSOR ===== */

/* Apply lipstick cursor to everything */
html, body, *, *::before, *::after {
  cursor: url("/cdn/shop/files/Pink_Lipstick__Diamond_Pixel--cursor--SweezyCursors_optimized.png?v=1756827357") 0 0, pointer !important;
}

/* Force children to inherit parent cursor (fixes inline spans/buttons resetting it) */
a, button, input, textarea, select, label, [role="button"], [contenteditable="true"],
.banner__buttons .button, 
.banner__buttons .button *, 
.banner__buttons a, 
.banner__buttons a * {
  cursor: inherit !important;
}





/* 📝 Page Refund Policy background styling */
.page-refund-policy {
  background-image: url('https://via.placeholder.com/1/F7BBE3/F7BBE3');
  background-repeat: repeat;
  color: #000000 !important;
  padding: 20px;
  border-radius: 10px;
}
/* 🎀 Force Rich text buttons to stay pink always */
  .rich-text .button,
  .rich-text .btn {
    background-color: #EB008B !important;
    color: #ffffff !important;
    border: none !important;
    font-weight: bold !important;
    padding: 12px 28px !important;

    opacity: 1 !important;
    filter: none !important;
    box-shadow: none !important;
    background-image: none !important;
  }

  .rich-text .button:hover,
  .rich-text .btn:hover {
    background-color: #EB008B !important;
    color: #ffffff !important;
  }
/* Force perfect vertical centering for rich-text buttons */
.rich-text .button,
.rich-text .btn {
  display: inline-block !important;
  height: 48px !important;             /* fixed button height */
  line-height: 48px !important;        /* matches height = perfect centering */
  padding: 0 28px !important;          /* only left/right padding */
  background-color: #EB008B !important;
  color: #ffffff !important;
  border: none !important;
  font-weight: bold !important;
  text-align: center !important;
  vertical-align: middle !important;
}
  /* Normalize text */
body, p {
  font-family: 'Michroma', sans-serif;
  color: #EB008B; /* Pink text */
  font-weight: 600; /* Slightly bolder for visibility */
}
@media (max-width: 749px) {
  /* Ensure carousel container wraps the cards tightly */
  .collection-grid,
  .collection-list,
  .grid {
    height: auto !important;
    position: relative !important; /* required for absolute buttons */
  }

  /* Shrink and position slider buttons below the cards */
  .slider-buttons {
    transform: translateX(-50%) scale(0.85) !important; /* slightly bigger buttons */
    position: absolute !important;
    top: 85% !important;              /* vertical position below cards */
    left: 50% !important;             /* horizontally centered */
  }
/* Mobile: make View all a clean text link, no box/ring */
@media (max-width: 749px) {
  .collection__view-all a,
  .collection__view-all a.button,
  .collection__view-all a.button--primary {
    /* strip button visuals */
    background: none !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    line-height: 1.2 !important;

    /* behave like text */
    display: inline !important;
    color: inherit !important;
    font-size: 0.8rem;
    text-decoration: underline;

    /* mobile quirks */
    -webkit-appearance: none;
    appearance: none;
    -webkit-tap-highlight-color: transparent; /* iOS tap box */
  }

  /* Dawn’s focus ring often uses pseudo-elements – nuke them */
  .collection__view-all a::before,
  .collection__view-all a::after {
    content: none !important;
    display: none !important;
    box-shadow: none !important;
    border: 0 !important;
    outline: 0 !important;
    background: none !important;
  }

  /* also ensure no ring on interaction */
  .collection__view-all a:hover,
  .collection__view-all a:focus,
  .collection__view-all a:focus-visible,
  .collection__view-all a:active {
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    text-decoration: underline;
    -webkit-tap-highlight-color: transparent;
  }
}
/* Force VIEW ALL */
.collection__view-all {
    position: absolute;
    right: 1.5rem;   /* move slightly left from the edge */
    top: 1.1rem;   /* move slightly down to align with heading */
    margin: 0 !important;
  }
  }
  @media (max-width: 749px) {
  .collection__title {
    position: relative;
  }

  .collection__view-all {
    position: absolute;
    right: 1.4rem;   /* your current offset */
    top: 0rem;
    margin: 0 !important;
  }

  /* Force bigger text (covers link + button variants in Dawn) */
  .collection__view-all a,
  .collection__view-all a.button,
  .collection__view-all a.button--primary,
  .collection__view-all .underlined-link {
    font-size: 1.125rem !important; /* bigger: ~18px */
    line-height: 1.4 !important;    /* balanced spacing */
  }
}

/* 🔒 Force all theme buttons to be solid pink with no hover effect */
.button,
.btn,
.button--primary,
.button--secondary {
  background-color: #EB008B !important; /* pink */
  color: #ffffff !important;            /* white text */
  border: none !important;
  box-shadow: none !important;
  transition: none !important;          /* disable hover animation */
}

/* exception for collection view-all link */
.collection__view-all a,
.collection__view-all a.button,
.collection__view-all a.button--primary {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;

  color: #EB008B !important; /* pink text */
  text-decoration: underline !important;
  font-weight: 600 !important;
  display: inline !important;
}

/* On hover/focus/active: keep the same look */
.button:hover,
.btn:hover,
.button--primary:hover,
.button--secondary:hover,
.button:focus,
.btn:focus,
.button--primary:focus,
.button--secondary:focus,
.button:active,
.btn:active,
.button--primary:active,
.button--secondary:active {
  background-color: #EB008B !important; /* stay pink */
  color: #ffffff !important;            /* stay white text */
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}
/* Slimmer announcement bar + bold text */
.announcement-bar,
.announcement-bar__message,
.announcement-bar__link,
.announcement-bar span,
.announcement-bar p {
  font-weight: 600 !important;    /* semi-bold instead of full bold */
  font-size: 14px !important;     /* keep readable but smaller */
  line-height: 1.2 !important;    /* tighter spacing */
  padding-top: 4px !important;    /* slim vertical padding */
  padding-bottom: 4px !important;
  min-height: auto !important;    /* remove forced tall bar */
}
/* Mobile: add spacing below the image/gallery before the product info */
@media (max-width: 749px) {
  /* Add gap under the media gallery block */
  [id^="MediaGallery-"],
  .product .product__media,
  .product .product__media-wrapper,
  .product media-gallery,
  .product .product__media-list {
    margin-bottom: 25px !important;  /* tweak 12–32px as you like */
  }

  /* Ensure the info column/title doesn't collapse upward */
  [id^="ProductInfo-"],
  .product .product__info-wrapper {
    padding-top: 0 !important;       /* reset any odd padding */
    margin-top: 0 !important;
  }

  /* Add a bit of space above the product title itself */
  h1.product__title,
  .product__title {
    margin-top: 8px !important;      /* tweak if you want more/less */
  }
}
/* Desktop only: force product images to be square */
@media (min-width: 750px) {

  /* Main product images */
  [id^="GalleryViewer-"] .media,
  [id^="GalleryViewer-"] .product__media .media {
    --ratio-percent: 100% !important;  /* force square container */
    overflow: hidden !important;
  }

  [id^="GalleryViewer-"] .media img {
    width: 100% !important;         /* always span full width */
    height: 100% !important;        /* fit into square */
    object-fit: contain !important; /* preserve full width, no side crop */
    object-position: center top !important; /* align image nicely */
    background: #fff;               /* optional background behind gaps */
  }

  /* Thumbnails also square */
  [id^="GalleryThumbnails-"] .thumbnail,
  [id^="GalleryThumbnails-"] .thumbnail .media {
    --ratio-percent: 100% !important;
    overflow: hidden !important;
  }

  [id^="GalleryThumbnails-"] .thumbnail__media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;  /* keep full width */
    object-position: center center !important;
    background: #fff;
  }
}
/* --- Mobile only: force product images square --- */
@media (max-width: 749px) {
  /* Main product image container */
  [id^="GalleryViewer-"] .media,
  [id^="GalleryViewer-"] .product__media .media {
    --ratio-percent: 100% !important;  /* 100% = square */
    overflow: hidden !important;
    max-width: 100% !important;        /* full width of screen */
    margin: 0 auto !important;         /* centered */
  }
 
  
/* 📱 Drawer unified font control (applies whenever hamburger is active) */
  .menu-drawer__menu-item,
  .menu-drawer__submenu .menu-drawer__menu-item,
  .menu-drawer__utility-links,
  .menu-drawer__utility-links a,
  .menu-drawer__utility-links .localization-form,
  .menu-drawer__utility-links .localization-selector,
  .menu-drawer__utility-links select,
  .menu-drawer__utility-links label {
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    font-family: inherit !important;
  }
}

/* === Drawer Links: Reset Hover + Focus === */
.menu-drawer__menu a,
.menu-drawer__menu button {
  text-decoration: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: none !important;
  opacity: 1 !important;
}

/* 🚫 Remove hover everywhere */
.menu-drawer__menu a:hover,
.menu-drawer__menu a:focus,
.menu-drawer__menu button:hover,
.menu-drawer__menu button:focus {
  text-decoration: none !important;
  background: none !important;
  opacity: 1 !important;
}

/* ✅ Active/current page: underline always */
.menu-drawer__menu a[aria-current="page"],
.menu-drawer__menu .menu-drawer__menu-item--active {
  font-weight: 700 !important;
}


/* --- MOBILE HEADER ADJUSTMENTS --- */
@media (max-width: 749px) {
  /* Nudge menu drawer further left */
  .header__icon--menu {
    margin-left: -15px !important; /* adjust value as needed */
  }

  /* Nudge cart & search further right */
  .header__icons {
    margin-right: -25px !important; /* adjust value as needed */
  }

  /* Keep logo centered naturally */
  .header__heading {
    margin: 0 auto !important;
  }
}

.header__icon--menu[aria-expanded="true"]::before {
        display: none !important;
    }

/* 🚫 Kill ALL drawer/search/filter/currency overlays + animations */
.drawer__overlay,
.menu-drawer__overlay,
.cart-drawer__overlay,
.facets__overlay,
div[class*="overlay"],
[data-overlay] {
  background: transparent !important;
  opacity: 0 !important;
  transition: none !important;
  animation: none !important;
  backdrop-filter: none !important;
}

/* Apply global foreground color, EXCEPT specific heading blocks */
body,
p,
li,
h1, h2, h3, h4, h5, h6 {
  color: rgba(var(--color-foreground), 1) !important;
}

/* 🎨 Pink form heading & subtitle */
.form-title,
.form-subtitle {
  color: #EB008B !important;
}

/* 🎨 Force all form titles, subtitles, labels, paragraphs, and list items pink */
h1, h2, h3, h4, h5, h6,
p,
li,
.form-title,
.form-subtitle,
.title,
.subtitle,
label,
.field__label,
.customer label {
  color: #EB008B !important;
}

@media (prefers-color-scheme: dark) {
  html, body {
    background: #000 !important;
    background-color: #000 !important;
    color-scheme: dark;
  }

 /* ===== Dark-mode anti-flash hardening ===== */
@media (prefers-color-scheme: dark) {
  html, body {
    background: #000 !important;
    background-color: #000 !important;
    color-scheme: dark;
  }

  /* Force wrappers to black, but not banners */
  header,
  footer,
  main,
  .shopify-section,
  .content-for-layout,
  #MainContent {
    background-color: #000 !important;
  }

  /* Reset for banners */
  .banner,
  .banner * {
    background: transparent !important;
    background-color: transparent !important;
  }

}


/* =========================
   1. Global reset
   ========================= */
html, body {
  background: #000;   /* default = dark */
  color: #fff;
}

/* All your base Dawn styles here (dark-first) */

/* =========================
   2. Light mode overrides
   ========================= */
@media (prefers-color-scheme: light) {
  html, body {
    background: #fff !important;
    color: #000 !important;
  }

  header, footer, main, .shopify-section, .page-width {
    background: #fff !important;
    color: #000 !important;
  }

  /* You only override what's different */
}



/* Base page: force black everywhere */
html, body {
  background-color: #000 !important;
  color: #fff !important;
  min-height: 100% !important;
}

/* Global div background — exclude sensitive elements + buttons + spinner */
div:not(.cart-count-bubble):not(.card):not(.card *):not(.card__inner):not(.card__media):not(.card__information):not(.card-wrapper):not(.product-card):not(.grid__item):not(.collection-product-card):not(.featured-collection .grid__item):not(.banner):not(.banner *):not(.slideshow):not(.slideshow *):not(.product-form__buttons):not(.product-form__buttons *):not(.product-form__submit):not(.loading-overlay):not(.loading-overlay *):not(.loading-overlay__spinner):not(.loading-overlay__spinner *) {
  background-color: #000 !important;
}

/* ✅ Product page containers → force black background */
.product,
.product__media-wrapper,
.product__info-wrapper,
[id^="MainProduct-"],
[id^="ProductInfo-"] {
  background-color: #000 !important;
}

/* ✅ Exclude product media images themselves */
.product__media img,
.product__media-wrapper img,
[id^="GalleryViewer-"] img,
[id^="GalleryThumbnails-"] img {
  background: transparent !important;
  background-color: transparent !important;
}

/* ✅ Exclude product cards from div rule */
.card,
.card *,
.card__inner,
.card__media,
.card__information,
.card-wrapper,
.product-card,
.grid__item,
.collection-product-card,
.featured-collection .grid__item {
  background: transparent !important;
  background-color: transparent !important;
}

/* ✅ Exclude banners & slides */
.banner,
.banner *,
.slideshow,
.slideshow * {
  background: transparent !important;
  background-color: transparent !important;
}



/* Hide the duplicate top content block */
.section-collection-list .collection-list__item .card--media .card__content:first-of-type {
  display: none !important;
}

/* Style the bottom footer only */
.section-collection-list .collection-list__item .card--media .card__content:last-of-type {
  padding: 0 !important;
  margin: 0 !important;
}

.section-collection-list .collection-list__item .card--media .card__content:last-of-type .card__information {
  background: #F7BBE3 !important;
  padding: 8px 0 !important;     /* control height of bar */
  margin: 0 !important;
  width: 100% !important;
  text-align: center !important;
  box-sizing: border-box !important;
  font-weight: 600;              /* make label bold */
}