/** Shopify CDN: Minification failed

Line 111:8 Expected ":"

**/


@font-face {
  font-family: "ElderGods BB";
  src: url("ElderGodsBB.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "ElderGods BB";
  src: url("ElderGodsBB-Italic.woff2") format("woff2");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

.text-display {
  font-family: 'Futura PT', Futura, 'Century Gothic', Helvetica, Arial, sans-serif;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.1;
  color: #000;
  letter-spacing: 0;
}
@media screen and (min-width: 750px) {
  .text-display { font-size: 32px; }
}

.text-body {
  font-family: 'Futura PT', Futura, 'Century Gothic', Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
}
@media screen and (min-width: 750px) {
  .text-body { font-size: 17px; }
}

.text-secondary {
  font-family: 'Futura PT', Futura, 'Century Gothic', Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  color: #555;
}
@media screen and (min-width: 750px) {
  .text-secondary { font-size: 15px; }
}

.text-micro {
  font-family: 'Futura PT', Futura, 'Century Gothic', Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.5px;
  color: #000;
}

body.index-page {
  background-color: #ffffff !important;
  letter-spacing: 0.1px !important;
}

body {
  background-color: white;
}

body.wicked-clothes-gdpr {
  
}

* {
  
  font-family: 'Futura PT', Futura, 'Century Gothic', Helvetica, Arial, sans-serif;
}

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

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

.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;
}

.price__badge-sale,
.card__badge .badge.color-accent-2 {
  display: none !important;
}

.price {
  margin: 0;
}

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

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

.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;
  }
}

.card-information .price--on-sale .price-item--regular {
  margin-right: 0.15rem !important;
}

.card-information > .price {
  margin-top: -5px !important;     
}

.card__information {
  padding: 0.4rem 0.8rem 0.5rem;
}

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

@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);
  }
}

@media screen and (max-width: 749px) {
  .banner__box {
    padding: 0.25rem 2rem 0.125rem;
  }
}

.banner .banner__text {
  font-size: 1.7rem;        
  font-weight: 500;
  color: #1a1a1a;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 750px) {
  .banner .banner__text {
    font-size: 2.2rem;      
  }
}

[id*="featured_collection"] .title-wrapper {
  margin-bottom: 0 !important;
}
[id*="featured_collection"] .product-grid {
  margin-top: 0;
}

.wc-pdp-artist {
  font-family: 'Futura PT', Futura, 'Century Gothic', Helvetica, Arial, sans-serif;
  font-size: 16px;                
  font-weight: 600;               
  color: #555;
  margin: 0;                      
  padding: 0;
}

.wc-pdp-artist a {
  color: inherit;
  text-decoration: underline;
  text-decoration-color: rgba(0, 0, 0, 0.25);
  text-underline-offset: 2px;
}
.wc-pdp-artist a:hover {
  text-decoration-color: currentColor;
}

@media screen and (min-width: 990px) {
  .product__info-wrapper {
    padding-top: 0 !important;
    align-self: start;
  }
  .product__info-container {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
  .product__info-container > *:first-child,
  .product__info-container > .product__title:first-of-type {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  .product__info-container > .product__title > h1,
  .product__info-container > .product__title > .h1 {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  
  .trust-bar-wrapper {
    display: none !important;
    grid-column: 1 / -1;
    height: 0;
  }
}

.wc-price-row {
  display: flex;
  align-items: center;
  justify-content: flex-start !important;
  gap: 10px;
  flex-wrap: wrap;
}

.product__info-container > .wc-price-row {
  margin-bottom: 0;
}
.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;
}

.product__info-container > .wc-price-subline {
  font-family: 'Futura PT', Futura, 'Century Gothic', Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #cc0000;
  margin: 5px 0 0;
  padding: 0;
}

.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;
  color: #000;                     
  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;
}

.banner .wc-hero-price {
  color: #cc0000;
  font-weight: 900;
  font-size: 110%;
}

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

.card__information .card__heading,
.card__information .card__heading.h5,
.card__information h3.card__heading,
.card__information .card__heading a,
.card__information .card__heading .full-unstyled-link,
.card-information .card__heading,
.card-information .card__heading.h5,
.card-information h3.card__heading,
.card-information .card__heading a,
.card-information .card__heading .full-unstyled-link {
  font-size: calc(var(--font-heading-scale) * 1.3rem) !important;   
  font-weight: 700 !important;
  color: #000 !important;
  letter-spacing: 0.02rem;
  line-height: 1.3 !important;
}
@media screen and (min-width: 750px) {
  .card__information .card__heading,
  .card__information .card__heading.h5,
  .card__information h3.card__heading,
  .card__information .card__heading a,
  .card__information .card__heading .full-unstyled-link,
  .card-information .card__heading,
  .card-information .card__heading.h5,
  .card-information h3.card__heading,
  .card-information .card__heading a,
  .card-information .card__heading .full-unstyled-link {
    font-size: calc(var(--font-heading-scale) * 1.75rem) !important;  
  }
}

body.index-page .section-collection-list .title-wrapper-with-link {
  display: block !important;              
  text-align: center !important;
  margin-top: 0 !important;               
  margin-bottom: 0 !important;            
  padding-bottom: 20px !important;        
}
body.index-page .section-collection-list .collection-list-title,
body.index-page .section-collection-list .collection-list-title strong,
body.index-page .section-collection-list .title-wrapper-with-link .collection-list-title {
  font-size: 36px !important;             
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: #000 !important;
  font-style: normal !important;
  line-height: 1.2 !important;
  text-align: center !important;
  margin: 0 !important;                   
}
@media screen and (min-width: 750px) {
  body.index-page .section-collection-list .collection-list-title,
  body.index-page .section-collection-list .collection-list-title strong,
  body.index-page .section-collection-list .title-wrapper-with-link .collection-list-title {
    font-size: 40px !important;           
  }
}

body.index-page .section-collection-list .card__information,
body.index-page .section-collection-list .card-information {
  text-align: center !important;
}
body.index-page .section-collection-list .card__information .card__heading,
body.index-page .section-collection-list .card__information .card__heading.h5,
body.index-page .section-collection-list .card__information h3.card__heading,
body.index-page .section-collection-list .card__information .card__heading a,
body.index-page .section-collection-list .card__information .card__heading .full-unstyled-link {
  font-size: 16px !important;        
  font-weight: 900 !important;            
  text-align: center !important;
  display: block !important;              
}
@media screen and (min-width: 750px) {
  body.index-page .section-collection-list .card__information .card__heading,
  body.index-page .section-collection-list .card__information .card__heading.h5,
  body.index-page .section-collection-list .card__information h3.card__heading,
  body.index-page .section-collection-list .card__information .card__heading a,
  body.index-page .section-collection-list .card__information .card__heading .full-unstyled-link {
    font-size: calc(var(--font-heading-scale) * 2.625rem) !important;
  }
}

.card__artist {
  font-size: 13px !important;
  color: #555 !important;           
  font-weight: 500 !important;
  margin: 0 !important;             
  padding: 0 !important;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 750px) {
  .card__artist {
    font-size: 17px !important;     
  }
}

.card-information .price .price-item,
.card-information .price--on-sale .price-item--regular {
  font-size: calc(var(--font-heading-scale) * 1.4rem) !important;
  font-weight: 500 !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.95rem) !important;
  }
}

.card-information .price--on-sale .price-item--regular {
  margin-right: 0.4rem !important;
}

.product__info-container .product__description,
.product__info-container .product__description p,
.product__info-container .product__description span,
.product__info-container .product__description li,
.wc-description-collapse .product__description,
.wc-description-collapse .product__description p,
.wc-description-collapse .product__description span,
.wc-description-collapse .product__description li {
  font-family: 'Futura PT', Futura, 'Century Gothic', Helvetica, Arial, sans-serif !important;
  font-weight: 400 !important;
  font-size: 17px;
  line-height: 1.55;
  color: #000;
}

/* Below-fold render deferral. `content-visibility: auto` lets the browser
   skip layout/style/paint for off-screen sections until they near the
   viewport (a real saving at 4x-throttled phone CPU). Only for sections
   that are NOT anchor-link targets, so jumping to #reviews stays smooth.

   Placeholders re-measured on Sandbox 2026-10-28 (cycle 25,
   constantly-happening-shirt; reviews/25-mobile-speed/cv_*.json):
   - related-products: 1478px at 390 wide, 1140px at 1440 (the old 600px
     placeholder was 2-2.5x too short). `auto` = once rendered, the browser
     keeps the real height as the placeholder.
   - wc_more_from_artist: dropped. It sits ~410px below the desktop fold
     (near enough to render at load anyway) and its height swings from 0
     (no other designs) to a full card row, so no single placeholder fits.
   - .wc-trust-pillars: dropped (cycle 26 found its 300px placeholder for a
     ~42px row shifted the desktop PDP; real height 35px / 42px).
   - wc_collection_fans_also_like: collection pages, below the 24-card grid
     and load-more, far from the fold; not re-measured this cycle, so it
     keeps 600px with `auto`.

   Selectors use [id$="..."] (ends-with) against the shopify-section
   wrapper IDs, which are stable across deploys (the numeric template
   prefix changes, the section-name suffix doesn't). */
[id$="__related-products"] {
  content-visibility: auto;
  contain-intrinsic-size: auto 1px auto 1480px;
}
@media screen and (min-width: 750px) {
  [id$="__related-products"] {
    contain-intrinsic-size: auto 1px auto 1140px;
  }
}
[id$="__wc_collection_fans_also_like"] {
  content-visibility: auto;
  contain-intrinsic-size: auto 1px auto 600px;
}

/* ════════════════════════════════════════════════════════════════════════
   Moved from wc-tier-ladder.css (cycle 18, 2026-10-28). wc-tier-ladder.css now
   loads only while settings.wc_bmsm_enabled; these rules render in BOTH promo
   switch states (PDP subline + ATC glow, shared CTA glow, ATC "Added" flash,
   header cart-link anchor, tier color tokens). Same order as before.
   ════════════════════════════════════════════════════════════════════════ */
:root {
  --wc-tier-gold: #FFD700;
  --wc-tier-red: #cc0000;
  --wc-tier-red-bright: #ff2d2d;
  --wc-tier-green: #2d8a4e;
}

.wc-tier-subline {
  font-family: 'Futura PT', 'futura-pt', system-ui, -apple-system, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: transparent;
}
.wc-tier-subline__icon {
  flex: 0 0 auto;
  font-size: 14px;
  line-height: 1;
}
.wc-tier-subline__text strong {
  color: var(--wc-tier-red);
  font-weight: 900;
}

/* PDP mount — clean, centered, no yellow, sits above the ATC */
.wc-tier-subline--pdp {
  margin: 8px 0 6px;
  padding: 4px 0;
  background: transparent;
  border-radius: 0;
}

/* Inside-ATC mount — second line BELOW the "Add to Bag" text, inside
   the .wc-atc-btn yellow button. Inherits black text from the button;
   smaller font, no all-caps inheritance. Renders as a span (phrasing
   content) to validate inside <button>.

   The button itself is `display: flex; align-items: center` (row) by
   default, so children sit side-by-side. We flip the button to column
   ONLY when the subline is present so existing PDP buttons without
   the subline (non-clothing templates) keep their row layout. */
.wc-atc-btn:has(.wc-tier-subline--inside-atc) {
  flex-direction: column;
  gap: 3px;
  padding-top: 14px;
  padding-bottom: 14px;
}

/* Continuous gold glow on the ATC button — pulses subtly to draw the
   eye without being noisy. Stacks on top of the existing drop shadow. */
@media (prefers-reduced-motion: no-preference) {
  .wc-atc-btn {
    animation: wc-atc-glow 2.4s ease-in-out infinite;
  }
}
/* Cycle 46 (a11y K-1): the glow animation animates box-shadow, which beat the
   focus ring, so keyboard users saw no focus. Keyboard focus only (not mouse):
   stop the glow and draw a solid outline. */
.wc-atc-btn:focus-visible {
  animation: none;
  outline: 3px solid #000;
  outline-offset: 3px;
}
.sticky-atc-bar__btn:focus-visible {
  outline: 3px solid #000;
  outline-offset: 3px;
}
@keyframes wc-atc-glow {
  0%, 100% {
    box-shadow:
      0 4px 14px rgba(0, 0, 0, 0.15),
      0 1px 3px rgba(0, 0, 0, 0.1),
      0 0 16px rgba(255, 215, 0, 0.45);
  }
  50% {
    box-shadow:
      0 4px 14px rgba(0, 0, 0, 0.15),
      0 1px 3px rgba(0, 0, 0, 0.1),
      0 0 34px rgba(255, 215, 0, 0.85);
  }
}
.wc-tier-subline--inside-atc {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 11px;
  font-weight: 700;
  color: #000;
  background: transparent;
  text-transform: none;
  letter-spacing: 0;
  line-height: 1.25;
}
.wc-tier-subline--inside-atc .wc-tier-subline__icon {
  font-size: 12px;
}
.wc-tier-subline--inside-atc .wc-tier-subline__text strong {
  color: var(--wc-tier-red);
  font-weight: 900;
}

/* ────────────────────────────────────────────────────────────────────────
   Rotating subline (primary tier copy ↔ "Popular! Last sold X ago")
   Enabled when the snippet emits data-has-recent-sale, which only happens
   when wc_velocity.last_purchased_at is fresh (<12h). Both copies live in
   a grid-stack so the wider one drives box width and the badge never jumps
   between flips. .is-alt class is toggled by wc-tier-views.js on a ticker.
   ──────────────────────────────────────────────────────────────────────── */
/* Safety net: the alt copy is HIDDEN by default and is only revealed inside
   the grid overlay below (i.e. while data-has-recent-sale is present). Without
   this, when wc-relative-time.js strips data-has-recent-sale on a stale (>12h)
   sale to "disable rotation", the attribute-gated `opacity:0` on __alt stops
   applying and BOTH the tier copy and the "Popular! Last sold…" copy render
   side-by-side in the flex row and spill off the ATC button. */
.wc-tier-subline__alt { display: none; }

.wc-tier-subline[data-has-recent-sale] {
  display: inline-grid;
  grid-template-areas: "stack";
  align-items: center;
  justify-content: center;
}
.wc-tier-subline[data-has-recent-sale] > .wc-tier-subline__primary,
.wc-tier-subline[data-has-recent-sale] > .wc-tier-subline__alt {
  grid-area: stack;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  transition: opacity 0.8s ease-in-out;
}
.wc-tier-subline[data-has-recent-sale] > .wc-tier-subline__alt {
  opacity: 0;
}
.wc-tier-subline[data-has-recent-sale].is-alt > .wc-tier-subline__primary {
  opacity: 0;
}
.wc-tier-subline[data-has-recent-sale].is-alt > .wc-tier-subline__alt {
  opacity: 1;
}
/* Pin to alt copy when the sale was within the last hour. Added by
   wc-relative-time.js after it hydrates the timestamp. Same specificity
   as the .is-alt rules above — comes later in the stylesheet so it wins
   when both classes are present, and stays effective when the ticker
   removes .is-alt because these rules don't depend on it. */
.wc-tier-subline[data-has-recent-sale].is-stuck-alt > .wc-tier-subline__primary {
  opacity: 0;
}
.wc-tier-subline[data-has-recent-sale].is-stuck-alt > .wc-tier-subline__alt {
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
  .wc-tier-subline[data-has-recent-sale] > .wc-tier-subline__primary,
  .wc-tier-subline[data-has-recent-sale] > .wc-tier-subline__alt {
    transition: none;
  }
}

/* Sticky ATC mount — slim yellow strip above the sticky ATC button
   (matches the SHOP / ATC button yellow). The parent .sticky-atc-bar
   no longer has its own background, so this element provides it. */
.wc-tier-subline--sticky {
  margin: 0;
  padding: 9px 12px; /* 9 + 9 + (12.5 × 1.3 ≈ 16.25) ≈ 34px tall */
  font-size: 12.5px;
  border-radius: 0;
  background: var(--wc-tier-gold);
  box-sizing: border-box;
  width: 100%;
}
/* Sticky context: override the base inline-grid (which sizes to content
   and leaves the right side of the yellow bar bare) with a block-level
   grid so the background extends the full width of the sticky bar. */
.wc-tier-subline--sticky[data-has-recent-sale] {
  display: grid;
  width: 100%;
}

/* ════════════════════════════════════════════════════════════════════════
   Shared CTA glow — applied to every "primary action" button site-wide
   so they all match the homepage hero CTA treatment. Box-shadow stacks
   the existing drop shadow + a steady gold halo. !important beats any
   per-section box-shadow declarations (e.g. .wc-atc-btn:hover).
   ════════════════════════════════════════════════════════════════════════ */
.wc-hero__cta,
.wc-homepage-cta__btn,
.wc-cart-empty__continue,
.wc-cfal-cta__btn,
.wc-yellow-cta__btn,
.sticky-atc-bar__btn {
  box-shadow:
    0 4px 18px rgba(0, 0, 0, 0.5),
    0 0 28px rgba(255, 215, 0, 0.75) !important;
}

/* ════════════════════════════════════════════════════════════════════════
   ATC button "✓ Added!" momentary feedback. wc-tier-views.js adds the
   --just-added class for ~700ms after click, then removes it. The base
   .wc-atc-btn has separate :hover and :active rules with !important;
   need to override all three states so the green sticks regardless of
   hover/active state at flash time.
   ════════════════════════════════════════════════════════════════════════ */
.wc-atc-btn.wc-atc-btn--just-added,
.wc-atc-btn.wc-atc-btn--just-added:hover,
.wc-atc-btn.wc-atc-btn--just-added:active,
.wc-atc-btn.wc-atc-btn--just-added:focus,
.wc-atc-btn.wc-atc-btn--just-added:focus-visible {
  background-color: var(--wc-tier-green) !important;
  color: #fff !important;
  transition: background-color .18s ease, color .18s ease;
}
/* During the just-added flash, hide the tier subline (deal hint) and
   pump the "✓ Added!" label so it owns the whole button. */
.wc-atc-btn.wc-atc-btn--just-added .wc-tier-subline {
  display: none;
}
.wc-atc-btn.wc-atc-btn--just-added .wc-atc-btn__text {
  font-size: 26px !important;
  font-weight: 900 !important;
  letter-spacing: .04em;
}

#cart-icon-bubble { position: relative; overflow: visible; }

/* Cycle 25 (mobile speed): the closed cart drawer sits just right of the
   viewport, so lazy-load counted its empty-state images (2 artist tiles +
   1 review photo, ~94 KB) as near and fetched them at first paint on every
   page for empty-cart visitors. Hidden until the drawer first opens
   (cart-drawer.js adds .animate + .active on open and never removes
   .animate), so they load on open and never vanish mid slide-out. */
cart-drawer:not(.animate):not(.active) .wc-cart-empty img{display:none}

/* Cycle 43: first-paint versions of rules that used to arrive late.
   1) Moved from section-footer.css, which is deferred (media=print onload) but
      carried these two site-wide grid rules; until it loaded, grid items grew
      a few px and slid on arrival (PDP/collection desktop CLS). Same rules,
      same final layout, now applied from the first frame.
   2) The desktop utility-bar padding in base.css is keyed on
      body:has(.section-header .header:not(.drawer-menu)), which only matches
      once the header (parsed after the announcement bar) exists, so the
      announcement bar painted 10px-padded then jumped to 50px (desktop CLS
      ~0.0014 on every page). This rule matches from the start and gives the
      same 50px; with a drawer-menu desktop header it stops matching and
      base.css's 10px applies as before. */
@media screen and (min-width: 750px) {
  body .grid--4-col-tablet .grid__item {
    width: 10vw !important;
  }

  body .grid__item {
    flex-grow: 0;
  }
}

@media screen and (min-width: 990px) {
  body:not(:has(.header.drawer-menu)) .utility-bar .page-width {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}