/** Shopify CDN: Minification failed

Line 127:8 Expected ":"

**/
/* Self-Hosted Fonts */

@font-face {
  font-family: "ElderGods BB";
  src: url("ElderGodsBB.eot");
  src: url("ElderGodsBB.eot?#iefix") format("embedded-opentype"),
  url("ElderGodsBB.woff2") format("woff2"),
  url("ElderGodsBB.woff") format("woff"),
  url("ElderGodsBB.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "ElderGods BB";
  src: url("ElderGodsBB-Italic.eot");
  src: url("ElderGodsBB-Italic.eot?#iefix") format("embedded-opentype"),
  url("ElderGodsBB-Italic.woff2") format("woff2"),
  url("ElderGodsBB-Italic.woff") format("woff"),
  url("ElderGodsBB-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}

/* bg-noise texture — hidden on homepage per owner request (cream removed) */
.index-page .noise {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
}

/* Homepage background: white (was cream #f6ebd8, owner requested removal) */
body.index-page {
  background-color: #ffffff !important;
  letter-spacing: 0.1px !important;
}

/* Hide the bg-noise canvas on homepage */
body.index-page .bg-noise {
  opacity: 0 !important;
}

body {
  background-color: white;
}

body.wicked-clothes-gdpr {
  /* background-color: #f6ebd8 !important;
  cursor: url("/cdn/shop/files/heart-cursor-dropshadow.png?17678") 25 25, auto !important; */
}

* {
  font-family: 'Futura', sans-serif;
}

/* #CartPopup */
/* Upcart side-cart  */

#CartPopup .upcart-header .upcart-header-text {
  font-weight: 600;
  font-size: 100% !important;
}

#CartPopup .styles_CartPreview__empty__WFP86 h3 {
  font-weight: 400;
}

/* Upcart side-cart-end  */
.index-page .bg-noise {
  opacity: 0.9;
}
.bg-noise {
  z-index: -1;
  position: fixed;
  top: -50%;
  left: -50%;
  right: -50%;
  bottom: -50%;
  width: 200%;
  height: 200vh;
  background: url('http://assets.iceable.com/img/noise-transparent.png') repeat 0 0;
  background-repeat: repeat;
  animation: bg-animation 7s steps(10) infinite;
  visibility: visible;
  opacity: 0;
}

@keyframes bg-animation {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 100% 100%;
  }
}


/* Wishlist Page  */

.wishlistpage h1 {
  font-weight: bold;
}

.wishlistpage .products .buttons {
  display: flex;
  flex-direction: column-reverse;
  row-gap: 0px;
  margin: 0px 0px;
}

.wishlistpage .products .addbutton {
  margin-bottom: 10px !important;
}

.wishlistpage a.btn.btn-warning.removebutton {
  background-color: #ffffff;
  border none !important;
  text-decoration: underline;
  text-underline-offset: 5px;
}

.wishlistpage a.btn.btn-warning.removebutton:focus {
  background-color: #ffffff;
  border-color: #ffffff;
}

.wishlistpage .product .text h3 {
  font-size: 14px;
  font-weight: 600;
  height: auto;
  text-transform: none;
  letter-spacing: 0.08em;
}

/* ═══ Hide "Sale" badge on product cards ═══
 * Every product is on sale so the badge is meaningless noise covering
 * the product image — the #1 selling asset. "Sold Out" badge (color-inverse) is kept.
 * Sale badge uses color-accent-2, sold out uses color-inverse. */
.price__badge-sale,
.card__badge .badge.color-accent-2 {
  display: none !important;
}

/* ═══ Card Price Overrides ═══
 * These MUST live here in wc-base.css (not component-price.css or
 * component-card.css) because Shopify's CDN aggressively caches
 * Dawn's built-in CSS files. wc-base.css loads after Dawn's CSS
 * in the cascade and reliably applies.
 *
 * Card title uses .h5 = calc(var(--font-heading-scale) * 1.2rem)
 * on mobile, 1.3rem on 750px+. Price must use the same formula
 * so they match exactly. "font-size: inherit" does NOT work here
 * because .price and h3.h5 are siblings — inherit resolves to
 * body text size, not the heading size. */

/* Price: not bold, no extra margin (generic — all contexts) */
.price {
  margin: 0;
}

.price .price-item {
  font-weight: 400;
}

.price--on-sale .price__sale {
  font-weight: 400;
}

/* Card-specific: match .h5 title size exactly */
.card-information .price .price-item,
.card-information .price--on-sale .price-item--regular {
  font-size: calc(var(--font-heading-scale) * 1.2rem) !important;
  font-weight: 400 !important;
}

@media screen and (min-width: 750px) {
  .card-information .price .price-item,
  .card-information .price--on-sale .price-item--regular {
    font-size: calc(var(--font-heading-scale) * 1.3rem) !important;
  }
}

/* Strikethrough compare price: minimal gap, no overhang */
.card-information .price--on-sale .price-item--regular {
  margin-right: 0.15rem !important;
}

/* Tighter vertical spacing around price in cards */
.card-information > .price {
  margin-top: 0.15rem !important;
}


/* Card info area: tighter padding above and below */
.card__information {
  padding: 0.4rem 0.8rem 0.5rem;
}

@media screen and (min-width: 750px) {
  .card__information {
    padding: 0.4rem 0.8rem 0.5rem;
  }
}

/* ═══ Collection Grid: Edge-to-Edge on Mobile ═══
 * Pull the product grid outward into the container's padding so
 * product images are larger. Design art is the #1 selling factor.
 * Container has padding: 0 1.5rem (24px). Grid gap = 5px.
 * Negative margin = gap - padding = 5px - 24px = -19px per side.
 * This only affects the grid — pagination/filters keep their padding. */
@media screen and (max-width: 749px) {
  ul.product-grid {
    margin-left: calc(var(--grid-mobile-horizontal-spacing) - 1.5rem);
    margin-right: calc(var(--grid-mobile-horizontal-spacing) - 1.5rem);
  }
}

/* ═══ Hero Banner: Tighter spacing on mobile ═══
 * Dawn's .banner__box has padding: 4rem 3.5rem (64px top/bottom).
 * Way too much whitespace above "SPRING SALE" and below the trust line. */
@media screen and (max-width: 749px) {
  .banner__box {
    padding: 0.875rem 2rem 0.5rem;
  }
}

/* ═══ Homepage Featured Collection: Kill white gap above grid ═══
 * The .collection__title has class .title-wrapper which Dawn styles
 * with margin-bottom:3rem in base.css. Needs !important to override.
 * The ul.grid also has margin-bottom:2rem from base.css. */
[id*="featured_collection"] .title-wrapper {
  margin-bottom: 0 !important;
}
[id*="featured_collection"] .product-grid {
  margin-top: 0;
}

/* ═══ PDP Artist Credit ═══ */
.product__title + .wc-pdp-artist {
  font-size: 14px;
  color: #888;
  margin: -12px 0 0;
  padding: 0;
}

/* ═══ PDP: B3G3F badge inline with price ═══ */
.wc-price-row {
  display: flex;
  align-items: center;
  justify-content: flex-start !important;
  gap: 10px;
  flex-wrap: wrap;
}
.wc-b3g3f-badge {
  background: #cc0000;
  color: #fff;
  padding: 4px 10px;
  font-weight: 800;
  font-size: 12px;
  border-radius: 5px;
  white-space: nowrap;
  letter-spacing: 0.3px;
}

/* ═══ PDP: Collapsible product description ═══ */
.wc-description-collapse {
  border-top: none;
  padding: 0;
  margin-top: 0;
}
.wc-description-collapse__toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 0;
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
  list-style: none;
}
.wc-description-collapse__toggle::-webkit-details-marker {
  display: none;
}
.wc-description-collapse__toggle::after {
  content: '+';
  font-size: 27px;
  font-weight: 300;
  line-height: 1;
}
.wc-description-collapse[open] .wc-description-collapse__toggle::after {
  content: '−';
}
.wc-description-collapse .product__description {
  padding-bottom: 12px;
}
.wc-description-collapse {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 4px;
}


/* ═══ Hero Banner: Clean up $99 price styling ═══ */
.banner .wc-hero-price {
  color: #cc0000;
  font-weight: 900;
  font-size: 110%;
}

/* ═══ Judge.me Carousel Overrides (experimental) ═══
 * Targeting jdgm-* classes to match brand styling.
 * These class names are based on Judge.me's standard output.
 * NEEDS LIVE VERIFICATION — class names may differ. */

/* Carousel container */
.jdgm-carousel-wrapper {
  background: #f9f5eb !important;
  padding: 24px 0 !important;
}

/* Section title above carousel */
.jdgm-carousel-wrapper .jdgm-carousel__title,
.jdgm-carousel-wrapper h2 {
  font-family: 'Futura', sans-serif !important;
  font-weight: 800 !important;
  font-size: 18px !important;
  letter-spacing: 0.5px !important;
  color: #000 !important;
}

/* Individual review cards */
.jdgm-carousel-wrapper .jdgm-carousel__item,
.jdgm-carousel-wrapper .jdgm-rev {
  background: #fff !important;
  border: 1px solid rgba(0,0,0,0.08) !important;
  border-radius: 8px !important;
  padding: 16px !important;
  box-shadow: none !important;
}

/* Star rating color */
.jdgm-carousel-wrapper .jdgm-star,
.jdgm-carousel-wrapper .jdgm-star.jdgm--on {
  color: #FFD700 !important;
}

/* Review text */
.jdgm-carousel-wrapper .jdgm-rev__body,
.jdgm-carousel-wrapper .jdgm-rev-text {
  font-family: 'Futura', sans-serif !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: #333 !important;
}

/* Reviewer name */
.jdgm-carousel-wrapper .jdgm-rev__author,
.jdgm-carousel-wrapper .jdgm-rev__author-name {
  font-family: 'Futura', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #888 !important;
}

/* Verified badge */
.jdgm-carousel-wrapper .jdgm-rev__buyer-badge {
  font-size: 10px !important;
  color: #008800 !important;
}

/* Navigation arrows (if present) */
.jdgm-carousel-wrapper .jdgm-carousel__arrow {
  background: #000 !important;
  color: #fff !important;
  border-radius: 50% !important;
  width: 36px !important;
  height: 36px !important;
}

/* Review count / subtitle */
.jdgm-carousel-wrapper .jdgm-preview-badge {
  font-family: 'Futura', sans-serif !important;
  color: #666 !important;
}

.wishlistpage p.price {
  font-weight: bold;
}