/** Shopify CDN: Minification failed

Line 16:38 Expected ":"

**/
/* =============================================================
   liamlivia — variant picker v4
   ============================================================= */

:root {
  --ll-ink: #000000;
  --ll-ink-soft: #6E6660;
  --ll-border: rgba(0, 0, 0, 0.12);
  --ll-border-subtle: rgba(0, 0, 0, 0.08);
  --ll-border-strong: rgba(0, 0, 0, 0.25);
  --ll-disabled: rgba(0, 0, 0, 0.30);f
  --ll-ivory: #F6F1EA;
}

.variant-wrapper { margin: 0 0 1.25rem; }

.variant__label {
  display: block;
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ll-ink);
  font-weight: 400;
  margin-bottom: 10px;
}

.variant__label-info {
  color: var(--ll-ink-soft);
  text-transform: none;
  letter-spacing: 0.02em;
  font-weight: 400;
  font-size: 10px;
}

.variant-input-wrap { padding: 0; border: 0; margin: 0; }

/* Color wrapper — flex row */
.variant-wrapper--color .variant-input-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

/* Size wrapper — 5-col grid */
.variant-wrapper--size .variant-input-wrap {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 6px;
  width: 100%;
}
@media (max-width: 520px) {
  .variant-wrapper--size .variant-input-wrap {
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
  }
}

/* Default variants — flex */
.variant-wrapper:not(.variant-wrapper--color):not(.variant-wrapper--size) .variant-input-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.variant-input { position: relative; }
.variant-wrapper--size .variant-input { display: block; width: 100%; }

.variant-input input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 0; height: 0;
}

/* ----- COLOR SWATCHES ----- */
.variant__button-label.color-swatch {
  position: relative;
  display: block;
  width: 28px; height: 28px;
  padding: 0;
  cursor: pointer;
  border-radius: 0px;
  font-size: 10px; line-height: 0;
  color: transparent;
  background-color: var(--swatch, #E8E3DB);
  background-image: radial-gradient(circle at 32% 28%, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0) 55%);
  background-size: cover;
  background-position: center;
  border: 0.5px solid var(--ll-border);
  transition: transform 0.15s ease;
}
.variant__button-label.color-swatch:hover { transform: scale(1.05); }

/* Nested dot fallback */
.color-swatch__dot {
  position: absolute;
  inset: 0;
  border-radius: 999px;
  background-color: var(--swatch, #E8E3DB);
  background-image: radial-gradient(circle at 32% 28%, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0) 55%);
  background-size: cover;
  background-position: center;
}

/* Variant image swatches — pure image, no borders, no overlay gradient */
.variant__button-label.color-swatch[style*="--swatch-image"] {
  background-image: var(--swatch-image);
  width: 44px;
  height: 56px;
  border-radius: 0;
  border: none;
  box-shadow: none;
}
.variant__button-label.color-swatch[style*="--swatch-image"] .color-swatch__dot {
  display: none;
}
/* Selected variant-image swatch: thin border tight around the image */
.variant-input input[type="radio"]:checked + .variant__button-label.color-swatch[style*="--swatch-image"]::after,
.variant-input input[type="radio"]:focus-visible + .variant__button-label.color-swatch[style*="--swatch-image"]::after {
  content: "";
  position: absolute;
  inset: -1px;
  border: 1px solid var(--ll-ink, #2A2724);
  border-radius: 0;
  pointer-events: none;
}

.color-swatch__text {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

.variant-input input[type="radio"]:checked + .variant__button-label.color-swatch::after,
.variant-input input[type="radio"]:focus-visible + .variant__button-label.color-swatch::after {
  content: "";
  position: absolute;
  inset: -3px;
  border-radius: 0px;
  border: 1px solid var(--ll-ink);
  pointer-events: none;
}

.variant__button-label.color-swatch.disabled,
.variant-input input[type="radio"].disabled + .variant__button-label.color-swatch,
.variant-input input[type="radio"]:disabled + .variant__button-label.color-swatch {
  opacity: 0.45;
  cursor: not-allowed;
}
.variant__button-label.color-swatch.disabled::before {
  content: "";
  position: absolute;
  top: 50%; left: -2px; right: -2px;
  height: 1px;
  background: var(--ll-ink);
  transform: rotate(-35deg);
  pointer-events: none;
  z-index: 2;
}

/* ----- COLOR LIBRARY ----- */
.color-swatch--black { --swatch: #000000; }
.color-swatch--white { --swatch: #FFFFFF; border-color: rgba(0,0,0,0.25); }
.color-swatch--gray, .color-swatch--grey { --swatch: #808080; }
.color-swatch--dark-gray, .color-swatch--dark-grey { --swatch: #A9A9A9; }
.color-swatch--light-gray, .color-swatch--light-grey, .color-swatch--silver { --swatch: #D3D3D3; }
.color-swatch--red { --swatch: #F61F1F; }
.color-swatch--burgundy { --swatch: #800020; }
.color-swatch--bordeaux { --swatch: #B01111; }
.color-swatch--rose-red { --swatch: #C21E56; }
.color-swatch--pink, .color-swatch--hot-pink { --swatch: #FFC0CB; }
.color-swatch--blush { --swatch: #EECDD2; }
.color-swatch--lilla, .color-swatch--purple { --swatch: #A54DCF; }
.color-swatch--lilac { --swatch: #C8A2C8; }
.color-swatch--navy, .color-swatch--navy-blue { --swatch: #282099; }
.color-swatch--dark-blue { --swatch: #1E4770; }
.color-swatch--blue, .color-swatch--denim-blue { --swatch: #005BD3; }
.color-swatch--royal-blue { --swatch: #4169E1; }
.color-swatch--light-blue { --swatch: #ADD8E6; }
.color-swatch--sea-blue { --swatch: #006994; }
.color-swatch--sky-blue { --swatch: #87CEEB; }
.color-swatch--turquoise { --swatch: #40E0D0; }
.color-swatch--cyan { --swatch: #00FFFF; }
.color-swatch--teal { --swatch: #008080; }
.color-swatch--powder-blue { --swatch: #9BC1DC; }
.color-swatch--mint { --swatch: #4BAF8C; }
.color-swatch--mint-green { --swatch: #98FB98; }
.color-swatch--dark-green { --swatch: #3B643F; }
.color-swatch--green { --swatch: #05AA3D; }
.color-swatch--light-green { --swatch: #90EE90; }
.color-swatch--sage, .color-swatch--sage-green { --swatch: #B4BEA9; }
.color-swatch--military-green, .color-swatch--army-green { --swatch: #4B5320; }
.color-swatch--khaki { --swatch: #97863B; }
.color-swatch--olive, .color-swatch--olive-green { --swatch: #808000; }
.color-swatch--lime-green { --swatch: #32CD32; }
.color-swatch--beige { --swatch: #EAD8AB; }
.color-swatch--creme, .color-swatch--cream { --swatch: #ECDBC1; }
.color-swatch--ivory { --swatch: #F3EBDD; }
.color-swatch--peach, .color-swatch--apricot { --swatch: #FBCEB1; }
.color-swatch--brown, .color-swatch--cognac { --swatch: #9A5630; }
.color-swatch--light-brown { --swatch: #C4A484; }
.color-swatch--dark-brown { --swatch: #654321; }
.color-swatch--coffee { --swatch: #6F4E37; }
.color-swatch--chocolate { --swatch: #7B3F00; }
.color-swatch--camel { --swatch: #C19A6B; }
.color-swatch--yellow { --swatch: #FFE500; }
.color-swatch--orange { --swatch: #FF8A00; }
.color-swatch--gold { --swatch: #D49A06; }
.color-swatch--mustard { --swatch: #C9A227; }
.color-swatch--poppy { --swatch: #DC4A2E; }
.color-swatch--coral { --swatch: #E86A4C; }
.color-swatch--terracotta { --swatch: #C65D3E; }

/* ----- PATTERNS ----- */
[class*="color-swatch--"][class*="striped"] {
  background-image: repeating-linear-gradient(-45deg, var(--ll-ivory) 0 4px, var(--swatch, #000) 4px 8px) !important;
}
.color-swatch--striped { --swatch: #000; }
.color-swatch--grey-striped { --swatch: #808080; }
.color-swatch--red-striped { --swatch: #F61F1F; }
.color-swatch--blue-striped { --swatch: #282099; }
.color-swatch--black-striped { --swatch: #000; }
.color-swatch--green-striped { --swatch: #05AA3D; }

.color-swatch--mixed-colors,
.color-swatch--multicolor,
.color-swatch--multi-color,
.color-swatch--printed,
.color-swatch--floral,
.color-swatch--geometric,
.color-swatch--animal {
  background-image:
    radial-gradient(circle at 32% 28%, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0) 55%),
    conic-gradient(from 210deg, #E86A4C 0deg, #EECDD2 60deg, #9BC1DC 120deg, #B4BEA9 180deg, #EAD8AB 240deg, #9A5630 300deg, #E86A4C 360deg) !important;
}
.color-swatch--leopard {
  background-color: #D4A76A !important;
  background-image:
    radial-gradient(circle at 25% 30%, #3B2414 0 3px, transparent 4px),
    radial-gradient(circle at 60% 55%, #3B2414 0 2px, transparent 3px),
    radial-gradient(circle at 40% 75%, #3B2414 0 2.5px, transparent 3.5px),
    radial-gradient(circle at 75% 25%, #3B2414 0 2px, transparent 3px),
    radial-gradient(circle at 32% 28%, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 55%) !important;
}
.color-swatch--zebra {
  background:
    radial-gradient(circle at 32% 28%, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0) 55%),
    repeating-linear-gradient(65deg, #FFFFFF 0 3px, #1A1A1A 3px 6px) !important;
}

/* ----- SIZE BUTTONS — 5-col grid, compact ----- */
.variant__button-label.size-swatch {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 38px;
  padding: 0;
  border: 0.5px solid var(--ll-border);
  border-radius: 0px;
  background: #FFFFFF;
  color: var(--ll-ink);
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.01em;
  cursor: pointer;
  transition: border-color 0.15s ease, color 0.15s ease;
  user-select: none;
}

.variant__button-label.size-swatch:hover { border-color: var(--ll-ink); }

.variant-input input[type="radio"]:checked + .variant__button-label.size-swatch {
  border: 1px solid var(--ll-ink);
  color: var(--ll-ink);
  font-weight: 600;
}

.variant-input input[type="radio"]:focus-visible + .variant__button-label.size-swatch {
  outline: 1px solid var(--ll-ink);
  outline-offset: 2px;
}

.variant__button-label.size-swatch.disabled,
.variant-input input[type="radio"].disabled + .variant__button-label.size-swatch,
.variant-input input[type="radio"]:disabled + .variant__button-label.size-swatch {
  color: rgba(0,0,0,0.25);
  border-color: var(--ll-border-subtle);
  cursor: not-allowed;
}

@media (max-width: 520px) {
  .variant__button-label.size-swatch {
    height: 36px;
    font-size: 14px;
  }
}

/* Fallback — other variant types */
.variant__button-label:not(.color-swatch):not(.size-swatch) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 36px;
  padding: 0 12px;
  border: 0.5px solid var(--ll-border);
  border-radius: 0px;
  background: #FFFFFF;
  color: var(--ll-ink);
  font-size: 11px;
  font-weight: 400;
  cursor: pointer;
  transition: border-color 0.15s ease;
}
.variant__button-label:not(.color-swatch):not(.size-swatch):hover { border-color: var(--ll-ink); }
.variant-input input[type="radio"]:checked + .variant__button-label:not(.color-swatch):not(.size-swatch) {
  border: 1px solid var(--ll-ink);
}

/* ----- SIZE HINT (under size grid) ----- */
.ll-size-hint {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  padding: 12px 14px;
  margin: 12px 0 0;
  background: #FFFFFF;
  border: 0.5px solid var(--ll-border, rgba(0,0,0,0.12));
  border-radius: 0px;
  font-family: inherit;
}

.ll-size-hint__icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  color: #000;
}

.ll-size-hint__icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

.ll-size-hint__text {
  font-size: 13px;
  font-weight: 500;
  color: #000;
  line-height: 1.4;
  letter-spacing: 0.01em;
}

/* ----- SELECTED SIZE — minder dik ----- */
.variant-input input[type="radio"]:checked + .variant__button-label.size-swatch {
  border: 0.5px solid var(--ll-ink, #000);
  box-shadow: inset 0 0 0 0.5px var(--ll-ink, #000);
  color: var(--ll-ink, #000);
}