/** Shopify CDN: Minification failed

Line 1170:8 Unexpected "{"
Line 1170:17 Expected ":"
Line 1170:24 Unexpected "{"

**/
/*
 * ============================================================
 * AVTR PDP + Collection + Cart Drawer — Premium Overrides
 * AvatarDesigns Design System v1.1
 * ============================================================
 */

/* ============================================================
   1. PRODUCT DETAIL PAGE (PDP)
   ============================================================ */

/* Layout */
@media screen and (min-width: 990px) {
  .product.grid--2-col-tablet {
    gap: 4rem 6%;
    align-items: start;
  }
}

/* Product title */
.product__title h1,
.product__title .h1,
.product__title h2,
.product__title .h2 {
  font-family: var(--avtr-font-heading) !important;
  font-size: clamp(1.75rem, 4vw, 2.75rem) !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  margin-bottom: 0.5rem !important;
}

/* Breadcrumb / back link */
.breadcrumb,
.product__breadcrumb {
  font-family: var(--avtr-font-body) !important;
  font-size: var(--avtr-text-xs) !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  opacity: 0.5;
  margin-bottom: var(--avtr-s4) !important;
}

/* Price */
.price--large .price-item--regular,
.price--large .price-item--sale {
  font-family: var(--avtr-font-body) !important;
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
}

.price--large .price-item--sale {
  color: var(--avtr-gold) !important;
}

.price--large .price-item--regular:not(:only-child) {
  text-decoration: line-through;
  opacity: 0.5;
  font-size: 1rem !important;
}

/* Installments / Addi */
.installment {
  margin-top: var(--avtr-s2) !important;
}

/* Tax note */
.product__tax.caption.rte {
  font-size: var(--avtr-text-xs) !important;
  opacity: 0.5;
  letter-spacing: 0.05em !important;
}

/* Variant labels */
fieldset.product-form__input > legend,
.product-form__input > label {
  font-family: var(--avtr-font-body) !important;
  font-size: var(--avtr-text-xs) !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  margin-bottom: var(--avtr-s2) !important;
}

/* Variant pills — square */
.variant-input__label,
.variant-input__button {
  border-radius: 0 !important;
  font-family: var(--avtr-font-body) !important;
  font-size: var(--avtr-text-xs) !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  transition: all var(--avtr-duration-fast) ease !important;
  min-width: 3rem !important;
  text-align: center !important;
}

.swatch-input__checked ~ .variant-input__label,
input:checked ~ .variant-input__label {
  background: var(--avtr-pure-black) !important;
  color: var(--avtr-off-white) !important;
  border-color: var(--avtr-pure-black) !important;
}

.color-scheme-4 .swatch-input__checked ~ .variant-input__label,
.color-scheme-4 input:checked ~ .variant-input__label {
  background: var(--avtr-off-white) !important;
  color: var(--avtr-pure-black) !important;
  border-color: var(--avtr-off-white) !important;
}

/* Dropdown select */
.product-form__input .select__select {
  border-radius: 0 !important;
  font-family: var(--avtr-font-body) !important;
  font-size: var(--avtr-text-sm) !important;
  font-weight: 500 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

/* Size guide popup link */
.product-popup-modal__button {
  font-size: var(--avtr-text-xs) !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  text-decoration: underline !important;
  opacity: 0.55;
  transition: opacity var(--avtr-duration-fast) ease !important;
  cursor: pointer;
}

.product-popup-modal__button:hover {
  opacity: 1;
  color: var(--avtr-gold) !important;
}

/* Quantity selector */
.quantity,
.quantity__button {
  border-radius: 0 !important;
}

.quantity__input {
  font-family: var(--avtr-font-body) !important;
  font-weight: 600 !important;
}

/* ATC + Buy Buttons container */
.product-form__buttons {
  display: flex !important;
  flex-direction: column !important;
  gap: var(--avtr-s3) !important;
  margin-top: var(--avtr-s4) !important;
}

/* Add to Cart main button */
.product-form__submit.button,
.product-form__buttons .button--full-width {
  border-radius: 0 !important;
  padding: 1.2rem 2rem !important;
  font-family: var(--avtr-font-heading) !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  transition: background-color var(--avtr-duration-base) ease,
              color var(--avtr-duration-base) ease,
              border-color var(--avtr-duration-base) ease !important;
}

/* Hover gold on dark backgrounds */
.color-scheme-4 .product-form__submit.button:hover:not([disabled]),
.color-scheme-4 .product-form__buttons .button:hover:not([disabled]) {
  background: var(--avtr-gold) !important;
  border-color: var(--avtr-gold) !important;
  color: var(--avtr-pure-black) !important;
}

/* Disabled state */
.product-form__submit.button[disabled] {
  opacity: 0.35 !important;
  cursor: not-allowed !important;
}

/* Share button */
.share-button {
  border-radius: 0 !important;
}

/* Product description */
.product__description.rte {
  font-family: var(--avtr-font-body) !important;
  font-size: var(--avtr-text-sm) !important;
  line-height: 1.75 !important;
  opacity: 0.75;
  border-top: 1px solid var(--avtr-border-inverted);
  padding-top: var(--avtr-s5) !important;
  margin-top: var(--avtr-s5) !important;
}

.product__description h2,
.product__description h3 {
  font-family: var(--avtr-font-heading) !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  opacity: 1 !important;
  margin-top: var(--avtr-s5) !important;
  margin-bottom: var(--avtr-s2) !important;
}

/* Product gallery images */
.product__media-item .media,
.product-media-gallery__item .media {
  background-color: var(--avtr-graphite) !important;
}

.product-media-gallery__item .media img {
  transition: transform 0.6s var(--avtr-ease-smooth) !important;
}

.product-media-gallery__item:hover .media img {
  transform: scale(1.025) !important;
}

/* Thumbnails */
.thumbnail-list__item .thumbnail.global-media-settings {
  border-radius: 0 !important;
  border: 1px solid transparent !important;
  transition: border-color var(--avtr-duration-fast) ease !important;
}

.thumbnail-list__item button[aria-current="true"] .thumbnail,
.thumbnail-list__item .thumbnail:hover {
  border-color: var(--avtr-gold) !important;
}

/* ── TRUST BADGES STRIP (injected via JS) ── */
.avtr-trust-strip {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--avtr-s3) var(--avtr-s4);
  padding: var(--avtr-s5) 0;
  border-top: 1px solid var(--avtr-border-inverted);
  margin-top: var(--avtr-s5);
}

.avtr-trust-item {
  display: flex;
  align-items: center;
  gap: var(--avtr-s2);
}

.avtr-trust-item svg {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  color: var(--avtr-gold);
}

.avtr-trust-item__text {
  font-family: var(--avtr-font-body);
  font-size: var(--avtr-text-xs);
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1.3;
  opacity: 0.7;
  text-transform: uppercase;
}

/* ── MOBILE STICKY ATC BAR ── */
.avtr-sticky-atc {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 200;
  background: rgba(0, 0, 0, 0.97);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  padding: var(--avtr-s3) var(--avtr-s5) calc(var(--avtr-s3) + env(safe-area-inset-bottom));
  transform: translateY(100%);
  transition: transform 0.3s var(--avtr-ease-smooth);
}

.avtr-sticky-atc.is-visible {
  transform: translateY(0);
}

.avtr-sticky-atc__inner {
  display: flex;
  align-items: center;
  gap: var(--avtr-s3);
  max-width: 480px;
  margin: 0 auto;
}

.avtr-sticky-atc__info {
  flex: 1;
  overflow: hidden;
}

.avtr-sticky-atc__title {
  font-family: var(--avtr-font-heading);
  font-size: var(--avtr-text-sm);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--avtr-off-white);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  line-height: 1;
}

.avtr-sticky-atc__price {
  font-family: var(--avtr-font-body);
  font-size: var(--avtr-text-xs);
  font-weight: 600;
  color: var(--avtr-gold);
  display: block;
  margin-top: 3px;
}

.avtr-sticky-atc__btn {
  background: var(--avtr-off-white);
  color: var(--avtr-pure-black);
  border: none;
  border-radius: 0;
  padding: 0.8rem 1.4rem;
  font-family: var(--avtr-font-heading);
  font-size: var(--avtr-text-xs);
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color 0.2s ease;
  flex-shrink: 0;
}

.avtr-sticky-atc__btn:hover,
.avtr-sticky-atc__btn:active {
  background: var(--avtr-gold);
}

@media screen and (max-width: 749px) {
  .avtr-sticky-atc { display: block; }
}

/* ============================================================
   2. COLLECTION PAGE
   ============================================================ */

/* Collection banner hero */
.collection-hero {
  padding: 5rem 0 4rem !important;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid rgba(200, 169, 110, 0.12) !important;
}

.collection-hero::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 40%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(200, 169, 110, 0.4), transparent);
}

.collection-hero__title {
  font-family: var(--avtr-font-heading) !important;
  font-size: clamp(2.5rem, 6vw, 5rem) !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  line-height: 0.95 !important;
  margin: 0 0 var(--avtr-s4) !important;
}

.collection-hero__description {
  font-family: var(--avtr-font-body) !important;
  font-size: var(--avtr-text-sm) !important;
  line-height: 1.7 !important;
  opacity: 0.65;
  max-width: 520px;
  margin: 0 !important;
}

/* Eyebrow for collection */
.collection-hero__text-wrapper::before {
  content: 'COLECCIÓN';
  display: block;
  font-family: var(--avtr-font-body);
  font-size: var(--avtr-text-xs);
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--avtr-gold);
  margin-bottom: var(--avtr-s4);
}

/* Filters — premium */
.facets-vertical .facets__heading,
.facets__heading {
  font-family: var(--avtr-font-heading) !important;
  font-size: var(--avtr-text-sm) !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  border-bottom: 1px solid var(--avtr-border-inverted) !important;
  padding-bottom: var(--avtr-s3) !important;
  margin-bottom: var(--avtr-s3) !important;
}

.facets__summary {
  font-family: var(--avtr-font-body) !important;
  font-size: var(--avtr-text-sm) !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

/* Filter pills / checkboxes */
.facets__item label {
  font-size: var(--avtr-text-xs) !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

/* Active filter tags */
.active-facets__button {
  border-radius: 0 !important;
  font-size: var(--avtr-text-xs) !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

/* Sort dropdown */
.facet-filters__sort .select__select,
.facet-filters__sort .select {
  border-radius: 0 !important;
}

.facet-filters__sort select {
  font-family: var(--avtr-font-body) !important;
  font-size: var(--avtr-text-xs) !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

/* Product count */
.product-count {
  font-family: var(--avtr-font-body) !important;
  font-size: var(--avtr-text-xs) !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  opacity: 0.55;
}

/* ============================================================
   3. CART DRAWER — Dark premium
   ============================================================ */

/* Main drawer shell */
cart-drawer,
.cart-drawer {
  background-color: var(--avtr-pure-black) !important;
  color: var(--avtr-off-white) !important;
  border-left: 1px solid rgba(255, 255, 255, 0.06) !important;
}

/* Drawer header */
.cart-drawer__header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: var(--avtr-s5) var(--avtr-s6) !important;
}

.cart-drawer__heading {
  font-family: var(--avtr-font-heading) !important;
  font-size: 1.3rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
}

/* Close button */
.cart-drawer__close {
  border-radius: 0 !important;
  opacity: 0.6;
  transition: opacity var(--avtr-duration-fast) ease !important;
}

.cart-drawer__close:hover {
  opacity: 1;
}

/* Cart items */
.cart-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
  padding: var(--avtr-s5) 0 !important;
}

.cart-item__image {
  border-radius: 0 !important;
  background: var(--avtr-graphite) !important;
}

.cart-item__name {
  font-family: var(--avtr-font-body) !important;
  font-size: var(--avtr-text-sm) !important;
  font-weight: 600 !important;
  letter-spacing: 0.03em !important;
  color: var(--avtr-off-white) !important;
  text-decoration: none !important;
}

.cart-item__name:hover {
  color: var(--avtr-gold) !important;
}

.cart-item__options {
  font-size: var(--avtr-text-xs) !important;
  opacity: 0.5;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

/* Cart prices */
.cart-item__price-wrapper .price,
.cart-item__discounted-prices .price {
  color: var(--avtr-gold) !important;
  font-weight: 600 !important;
}

.cart-item__old-price .price {
  color: var(--avtr-off-white) !important;
  opacity: 0.4 !important;
  text-decoration: line-through !important;
}

/* Quantity in cart */
.cart-item .quantity,
.cart-item .quantity__button {
  border-radius: 0 !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: var(--avtr-off-white) !important;
}

.cart-item .quantity__input {
  background: transparent !important;
  color: var(--avtr-off-white) !important;
  font-weight: 600 !important;
}

/* Remove button */
.cart-item__remove {
  font-size: var(--avtr-text-xs) !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  opacity: 0.4;
  transition: opacity var(--avtr-duration-fast) ease !important;
}

.cart-item__remove:hover {
  opacity: 1;
  color: var(--avtr-error) !important;
}

/* Free shipping progress bar (injected via JS) */
.avtr-free-shipping {
  padding: var(--avtr-s4) var(--avtr-s6);
  background: rgba(200, 169, 110, 0.06);
  border-bottom: 1px solid rgba(200, 169, 110, 0.1);
}

.avtr-free-shipping__text {
  font-family: var(--avtr-font-body);
  font-size: var(--avtr-text-xs);
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--avtr-gold);
  text-align: center;
  display: block;
  margin-bottom: var(--avtr-s2);
}

.avtr-free-shipping__bar-bg {
  height: 2px;
  background: rgba(200, 169, 110, 0.15);
  border-radius: 0;
  overflow: hidden;
}

.avtr-free-shipping__bar-fill {
  height: 100%;
  background: linear-gradient(90deg, var(--avtr-gold), #E5D4A8);
  transition: width 0.6s var(--avtr-ease-smooth);
  border-radius: 0;
}

/* Subtotal */
.totals {
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: var(--avtr-s4) var(--avtr-s6) !important;
}

.totals__subtotal {
  font-family: var(--avtr-font-heading) !important;
  font-size: var(--avtr-text-sm) !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--avtr-off-white) !important;
}

.totals__subtotal-value {
  font-family: var(--avtr-font-body) !important;
  font-weight: 700 !important;
  color: var(--avtr-gold) !important;
  font-size: 1.1rem !important;
}

/* Taxes note in cart */
.tax-note {
  font-size: var(--avtr-text-xs) !important;
  opacity: 0.4;
  letter-spacing: 0.06em !important;
}

/* Cart footer CTA */
.cart-drawer__footer {
  background: var(--avtr-pure-black) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: var(--avtr-s4) var(--avtr-s5) var(--avtr-s6) !important;
}

/* Checkout button */
.cart__checkout-button.button,
.cart__checkout-button {
  width: 100% !important;
  border-radius: 0 !important;
  background: var(--avtr-off-white) !important;
  color: var(--avtr-pure-black) !important;
  border: 1px solid var(--avtr-off-white) !important;
  font-family: var(--avtr-font-heading) !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  padding: 1.2rem !important;
  transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease !important;
}

.cart__checkout-button.button:hover,
.cart__checkout-button:hover {
  background: var(--avtr-gold) !important;
  border-color: var(--avtr-gold) !important;
  color: var(--avtr-pure-black) !important;
}

/* Empty cart */
.cart-drawer__empty {
  text-align: center;
  padding: var(--avtr-s16) var(--avtr-s8) !important;
}

.cart-drawer__empty p {
  font-family: var(--avtr-font-body) !important;
  font-size: var(--avtr-text-sm) !important;
  opacity: 0.5;
  letter-spacing: 0.06em !important;
}

/* "Continue shopping" in empty cart */
.cart-drawer__empty .button {
  border-radius: 0 !important;
  font-family: var(--avtr-font-heading) !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
}

/* ============================================================
   4. RELATED PRODUCTS section
   ============================================================ */
.related-products {
  padding-top: var(--avtr-s16) !important;
}

.related-products .title-wrapper h2 {
  font-family: var(--avtr-font-heading) !important;
  font-size: clamp(1.5rem, 3vw, 2.5rem) !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  position: relative;
  padding-bottom: var(--avtr-s4);
  margin-bottom: var(--avtr-s8) !important;
}

.related-products .title-wrapper h2::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 2px;
  background: var(--avtr-gold);
}

/* ============================================================
   5. PRODUCT MEDIA GALLERY — fullscreen & zoom
   ============================================================ */

/* Stacked gallery layout — OVERRIDDEN by section 9 luxury slider */
/* Legacy: kept for non-PDP contexts */
.product--stacked:not(.avtr-gallery-override) .product__media-list {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: var(--avtr-s2) !important;
}

@media screen and (min-width: 990px) {
  .product--stacked:not(.avtr-gallery-override) .product__media-list {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }
}

/* Zoom cursor hint */
.product__media-item[data-zoom-on-hover] .media {
  cursor: zoom-in;
}

/* ============================================================
   6. PRODUCT PAGE LAYOUT UTILITY
   ============================================================ */
@media screen and (min-width: 990px) {
  .product__column-sticky {
    position: sticky !important;
    top: 7rem !important;
  }
}

/* Padding and spacing overrides */
.product__info-wrapper .product__info-container > * + * {
  margin-top: var(--avtr-s4);
}

/* ============================================================
   7. PRODUCT CARD QUICK ADD (premium overlay)
   ============================================================ */
.avtr-quick-add-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.88);
  color: var(--avtr-off-white);
  font-family: var(--avtr-font-heading);
  font-size: var(--avtr-text-xs);
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  text-align: center;
  padding: 0.9rem;
  transform: translateY(100%);
  transition: transform 0.3s var(--avtr-ease-smooth);
  z-index: 2;
  pointer-events: none;
}

.card-wrapper:hover .avtr-quick-add-overlay,
.card-wrapper:focus-within .avtr-quick-add-overlay {
  transform: translateY(0);
  pointer-events: auto;
}

/* Ensure card inner is relative + overflow hidden */
.card__inner {
  overflow: hidden;
}

/* ============================================================
   8. PRODUCT BADGE overrides
   ============================================================ */
.badge {
  border-radius: 0 !important;
  font-family: var(--avtr-font-body) !important;
  font-size: var(--avtr-text-xs) !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  padding: 3px 8px !important;
}

.badge--sale {
  background: var(--avtr-error) !important;
  color: #fff !important;
}

.badge--sold-out {
  background: rgba(0,0,0,0.6) !important;
  color: var(--avtr-off-white) !important;
}

/* ============================================================
   9. LUXURY PDP v2.0 — Gallery Slider + Premium Variants
   ============================================================ */

/* ─── 9.0 PRODUCT SECTION — TOP SPACING (clear sticky header) ─── */

/* The header is transparent/sticky: header-height (60px) + announce bar (~42px) */
product-info {
  padding-top: calc(var(--avtr-announce-h, 42px) + var(--header-height, 60px) + 2rem) !important;
}

@media screen and (min-width: 990px) {
  product-info {
    padding-top: calc(var(--avtr-announce-h, 42px) + var(--header-height, 60px) + 3rem) !important;
  }
}

/* ─── 9.1 GALLERY: Force horizontal slider ─── */

/* Override stacked grid layout → horizontal flex slider */
.product--stacked .avtr-gallery-slider .product__media-list,
.avtr-luxury-gallery .product__media-list {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  scroll-snap-type: x mandatory !important;
  scroll-behavior: smooth !important;
  gap: 0 !important;
  /* Remove grid gaps */
  grid-template-columns: unset !important;
  /* Hide scrollbar */
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

.avtr-luxury-gallery .product__media-list::-webkit-scrollbar {
  display: none;
}

/* Each slide takes full width */
.avtr-luxury-gallery .product__media-item {
  flex: 0 0 100% !important;
  min-width: 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  scroll-snap-align: start !important;
}

/* Consistent aspect ratio for all gallery images */
.avtr-luxury-gallery .product__media-item .media {
  aspect-ratio: 4 / 5 !important;
  background: transparent !important;
}

.avtr-luxury-gallery .product__media-item .media img,
.avtr-luxury-gallery .product__media-item .media video {
  object-fit: contain !important;
  width: 100% !important;
  height: 100% !important;
}

/* Position context for absolute-positioned arrows and counter */
.avtr-luxury-gallery .avtr-gallery-slider {
  position: relative;
  display: block;
}

/* ─── 9.2 ARROW BUTTONS ─── */

/* Arrow container: vertically centered, spanning full width */
.avtr-gallery-arrows {
  position: absolute !important;
  top: 50% !important;
  left: 0 !important;
  right: 0 !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 0 1.25rem !important;
  pointer-events: none !important;
  z-index: 20 !important;
}

/* Individual arrow button */
.avtr-gallery-btn {
  pointer-events: all !important;
  width: 44px !important;
  height: 44px !important;
  background: transparent !important;
  border: 1px solid rgba(0, 0, 0, 0.55) !important;
  border-radius: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  color: #000000 !important;
  flex-shrink: 0 !important;
  /* No transition per user preference */
  transition: none !important;
  padding: 0 !important;
}

.avtr-gallery-btn svg {
  display: block;
  flex-shrink: 0;
}

/* ─── 9.3 IMAGE COUNTER ─── */

.avtr-gallery-counter {
  position: absolute !important;
  bottom: 1.25rem !important;
  left: 1.5rem !important;
  font-family: var(--avtr-font-body) !important;
  font-size: 0.65rem !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: rgba(255, 255, 255, 0.9) !important;
  z-index: 10 !important;
  line-height: 1 !important;
  pointer-events: none !important;
  background: rgba(0, 0, 0, 0.42) !important;
  padding: 0.3rem 0.6rem !important;
}

/* ─── 9.4 HIDE THUMBNAILS STRIP ─── */

[id^="GalleryThumbnails-"] {
  display: none !important;
}

/* ─── 9.5 VARIANT PICKER WRAPPER SPACING ─── */

variant-selects {
  display: block;
}

variant-selects > * + * {
  margin-top: 1.5rem;
}

/* ─── 9.6 OPTION LEGEND LABEL ─── */

/* Label row: "Color: Cream Marl" or "Talla" */
.product-form__input--swatch .form__label,
.product-form__input--pill .form__label {
  display: flex !important;
  align-items: baseline !important;
  gap: 0.35rem !important;
  font-family: var(--avtr-font-body) !important;
  font-size: var(--avtr-text-xs) !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  margin-bottom: 0.85rem !important;
  line-height: 1 !important;
}

/* Selected value (e.g., "Cream Marl") shown after colon */
.product-form__input--swatch .form__label [data-selected-value] {
  font-weight: 400 !important;
  text-transform: none !important;
  letter-spacing: 0.03em !important;
  opacity: 0.6 !important;
}

/* ─── 9.7 COLOR SWATCHES — Square Luxury ─── */

.product-form__input--swatch {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.55rem !important;
}

/* Square shape override (theme uses circle by default) */
.product-form__input--swatch .swatch-input__input + .swatch-input__label {
  --swatch-input--border-radius: 0 !important;
  margin: 0 !important;
  outline: 2px solid transparent !important;
  outline-offset: 3px !important;
  transition: outline-color var(--avtr-duration-fast) ease !important;
}

.product-form__input--swatch .swatch {
  --swatch--border-radius: 0 !important;
  --swatch-input--size: 3.2rem !important;
  border: 1.5px solid rgba(0, 0, 0, 0.18) !important;
}

/* Selected swatch: solid black 2px outline with gap */
.product-form__input--swatch .swatch-input__input:checked + .swatch-input__label {
  outline: 2px solid var(--avtr-pure-black) !important;
  outline-offset: 3px !important;
}

/* No hover effect per user request */
.product-form__input--swatch .swatch-input__input + .swatch-input__label:hover,
.product-form__input--swatch .swatch-input__input:hover + .swatch-input__label {
  outline-color: transparent !important;
  box-shadow: none !important;
}

/* Unavailable swatch: lighter border, diagonal slash */
.product-form__input--swatch .swatch-input__input.visually-disabled + .swatch-input__label .swatch {
  opacity: 0.35 !important;
}

/* Dark color scheme swatch border adjustment */
.color-scheme-4 .product-form__input--swatch .swatch {
  border-color: rgba(245, 244, 242, 0.3) !important;
}

.color-scheme-4 .product-form__input--swatch .swatch-input__input:checked + .swatch-input__label {
  outline-color: var(--avtr-off-white) !important;
}

/* ─── 9.8 SIZE PILLS — Premium Grid ─── */

.product-form__input--pill {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.45rem !important;
}

/* Size button base */
.product-form__input--pill input[type='radio'] + label {
  border-radius: 0 !important;
  border: 1px solid rgba(0, 0, 0, 0.2) !important;
  background: transparent !important;
  color: var(--avtr-pure-black) !important;
  padding: 0.85rem 1.3rem !important;
  font-family: var(--avtr-font-body) !important;
  font-size: var(--avtr-text-xs) !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  min-width: 3.75rem !important;
  text-align: center !important;
  margin: 0 !important;
  line-height: 1 !important;
  /* No hover transition per user request */
  transition: none !important;
  cursor: pointer;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* No hover effect per user request */
.product-form__input--pill input[type='radio'] + label:hover {
  border-color: rgba(0, 0, 0, 0.2) !important;
  background: transparent !important;
  color: var(--avtr-pure-black) !important;
}

/* Selected size: solid black fill */
.product-form__input--pill input[type='radio']:checked + label {
  background: var(--avtr-pure-black) !important;
  color: var(--avtr-off-white) !important;
  border-color: var(--avtr-pure-black) !important;
}

/* Unavailable / sold out size: strikethrough + muted */
.product-form__input--pill input[type='radio'].disabled + label,
.product-form__input--pill input[type='radio']:disabled + label {
  border-color: rgba(0, 0, 0, 0.1) !important;
  color: rgba(0, 0, 0, 0.3) !important;
  text-decoration: line-through !important;
  cursor: not-allowed !important;
  background: transparent !important;
}

/* Dark color scheme adjustments (scheme-4) */
.color-scheme-4 .product-form__input--pill input[type='radio'] + label {
  border-color: rgba(245, 244, 242, 0.25) !important;
  color: var(--avtr-off-white) !important;
}

.color-scheme-4 .product-form__input--pill input[type='radio'] + label:hover {
  border-color: rgba(245, 244, 242, 0.25) !important;
}

.color-scheme-4 .product-form__input--pill input[type='radio']:checked + label {
  background: var(--avtr-off-white) !important;
  color: var(--avtr-pure-black) !important;
  border-color: var(--avtr-off-white) !important;
}

.color-scheme-4 .product-form__input--pill input[type='radio'].disabled + label,
.color-scheme-4 .product-form__input--pill input[type='radio']:disabled + label {
  border-color: rgba(245, 244, 242, 0.1) !important;
  color: rgba(245, 244, 242, 0.25) !important;
}

/* ─── 9.9 STOCK INFO STRIP ─── */

/* Inventory status line */
.product__inventory {
  font-family: var(--avtr-font-body) !important;
  font-size: var(--avtr-text-xs) !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.45rem !important;
}

/* In stock dot */
.product__inventory--in-stock::before {
  content: '' !important;
  display: inline-block !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #22c55e !important;
  flex-shrink: 0 !important;
}

/* Low stock dot */
.product__inventory--low::before {
  content: '' !important;
  display: inline-block !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #f59e0b !important;
  flex-shrink: 0 !important;
}

/* ─── 9.10 FADE TRANSITION ON VARIANT CHANGE ─── */

/* The product-info.js adds/removes visibility classes — enhance transitions */
.product__media-item {
  transition: opacity 240ms ease !important;
}

.product__media-item:not(.is-active) {
  /* Slides are removed from view via scroll, not opacity — kept for modal */
}

/* Price update fade */
#price-{{ section.id }} {
  transition: opacity 200ms ease;
}

/* ─── 9.11 MOBILE ADJUSTMENTS ─── */

@media screen and (max-width: 749px) {
  /* Smaller arrows on mobile */
  .avtr-gallery-btn {
    width: 38px !important;
    height: 38px !important;
    background: transparent !important;
    border-color: rgba(0, 0, 0, 0.5) !important;
    color: #000000 !important;
  }

  .avtr-gallery-arrows {
    padding: 0 0.85rem !important;
  }

  /* Full-width size grid on mobile */
  .product-form__input--pill {
    gap: 0.4rem !important;
  }

  .product-form__input--pill input[type='radio'] + label {
    padding: 0.75rem 1rem !important;
    min-width: 3.25rem !important;
  }

  /* Swatches on mobile */
  .product-form__input--swatch .swatch {
    --swatch-input--size: 3.6rem !important;
  }
}

/* ─── 9.12 SEPARATOR BETWEEN INFO SECTIONS ─── */

.product__info-container .product-form__input + .product-form__input {
  padding-top: 0.25rem;
}

.product__info-container variant-selects {
  padding-top: 0.25rem;
}

/* ============================================================
   10. RELATED PRODUCTS — Luxury dark overrides
   ============================================================ */

/* ─── 10.1 SECTION CONTAINER ─── */
.related-products__heading {
  font-family: var(--avtr-font-heading) !important;
  font-size: clamp(1rem, 2.5vw, 1.4rem) !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--avtr-off-white) !important;
  margin-bottom: 2.5rem !important;
}

/* ─── 10.2 CARD BACKGROUNDS → force black for dark luxury theme ─── */

/* Override scheme-2 (light gray #f3f3f3) card inner to black */
.related-products .card__inner,
.related-products .card--standard .card__inner {
  background: #121212 !important;
  /* Override the Dawn gradient/color-scheme variables */
  --color-background: 18, 18, 18 !important;
  --gradient-background: #121212 !important;
}

/* Keep card wrapper transparent */
.related-products .card-wrapper {
  background: transparent !important;
}

/* ─── 10.3 IMAGE DISPLAY — ensure images render correctly ─── */

/* Card media fills container */
.related-products .card__media {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
}

/* Media div fills card media */
.related-products .card .media {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

/* Image fills media div */
.related-products .card .media img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
  opacity: 1 !important;
}

/* ─── 10.4 TYPOGRAPHY & COLORS ─── */

/* Card heading — product name */
.related-products .card__heading,
.related-products .card__heading a {
  font-family: var(--avtr-font-heading) !important;
  font-size: var(--avtr-text-sm) !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--avtr-off-white) !important;
  text-decoration: none !important;
}

/* Price */
.related-products .price,
.related-products .price__regular,
.related-products .price-item {
  font-family: var(--avtr-font-body) !important;
  font-size: var(--avtr-text-sm) !important;
  letter-spacing: 0.06em !important;
  color: var(--avtr-off-white) !important;
}

.related-products .price__sale {
  color: var(--avtr-gold) !important;
}

/* ─── 10.5 CARD INFORMATION LAYOUT ─── */

.related-products .card-information {
  padding: 0 !important;
}

.related-products .card__information {
  padding: 1rem 0 0.5rem !important;
}

/* ─── 10.6 CARD HOVER — subtle scale only ─── */

.related-products .card-wrapper:hover .card__media img {
  transform: scale(1.04) !important;
  transition: transform 0.5s var(--avtr-ease-smooth) !important;
}

.related-products .card .media img {
  transition: transform 0.5s var(--avtr-ease-smooth) !important;
}

/* ─── 10.7 GRID LAYOUT — 4 columns horizontal ─── */

.related-products .product-grid {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 1.5rem !important;
}

/* Mobile: 2 columns */
@media screen and (max-width: 749px) {
  .related-products .product-grid {
    flex-wrap: wrap !important;
    gap: 1rem !important;
  }

  .related-products .product-grid .grid__item {
    width: calc(50% - 0.5rem) !important;
    max-width: calc(50% - 0.5rem) !important;
    flex: 0 0 calc(50% - 0.5rem) !important;
  }
}

/* Tablet: 2 columns scrollable or wrap */
@media screen and (min-width: 750px) and (max-width: 989px) {
  .related-products .product-grid {
    flex-wrap: wrap !important;
    gap: 1.5rem !important;
  }

  .related-products .product-grid .grid__item {
    width: calc(50% - 0.75rem) !important;
    max-width: calc(50% - 0.75rem) !important;
    flex: 0 0 calc(50% - 0.75rem) !important;
  }
}

/* Desktop: strict 4-column row */
@media screen and (min-width: 990px) {
  .related-products .product-grid {
    gap: 2rem !important;
  }

  .related-products .product-grid .grid__item {
    width: calc(25% - 1.5rem) !important;
    max-width: calc(25% - 1.5rem) !important;
    flex: 0 0 calc(25% - 1.5rem) !important;
  }
}

/* ─── 10.8 BADGES ─── */

.related-products .badge {
  font-family: var(--avtr-font-body) !important;
  font-size: 0.7rem !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
}

/* ============================================================
   11. PDP AUDIT — REPRESENT REFERENCE IMPLEMENTATION
   ============================================================
   
   Reference: https://row.representclo.com/products/california-striped-knitted-polo-jet-black
   
   Target: Minimal 50/50 split layout, sticky columns, tight typography,
   thin accordion borders, full-width black CTA, storytelling video below hero.
   
   Typography fallback stack (mimics STKBureauSans characteristics):
   - Neutral grotesque sans with tight letter-spacing
   - Minimal x-height
   - Clean geometric forms
   ============================================================ */

/* ─── 11.1 TYPOGRAPHY SYSTEM — Fallback Stack ─── */

:root {
  --pdp-font-main: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Arial', sans-serif;
  --pdp-text-xs: 0.75rem;    /* 12px */
  --pdp-text-sm: 1rem;        /* 16px */
  --pdp-line-tight: 1.5;      /* 18px for 12px text */
  --pdp-line-accordion: 1.5;  /* 24px for 16px text */
  --pdp-letter-base: 0.02em;
}

/* ─── 11.2 LAYOUT — 50/50 Split + 1067px Shell ─── */

/* Desktop split layout */
@media screen and (min-width: 990px) {
  /* Force 50/50 split */
  .product--columns .product__media-wrapper {
    width: 50% !important;
    max-width: 50% !important;
    padding-right: 0 !important;
  }

  .product--columns .product__info-wrapper {
    width: 50% !important;
    max-width: 50% !important;
    padding-left: 0 !important;
  }

  /* Inner shell constraint (1067px) */
  .product--columns .product {
    max-width: 1067px !important;
    margin: 0 auto !important;
    display: flex !important;
    gap: 0 !important;
  }

  /* Sticky behavior on both columns */
  .product--columns .product__media-wrapper,
  .product--columns .product__info-wrapper {
    position: sticky !important;
    top: 0 !important;
    align-self: flex-start !important;
  }

  /* Gallery column: clips image to viewport, no scrollbar */
  .product--columns .product__media-wrapper {
    height: 100vh !important;
    overflow: hidden !important;
    border-right: 1px solid #EBEBEB !important;
  }

  /* Info column: natural height, scrolls invisibly, lateral padding */
  .product--columns .product__info-wrapper {
    height: auto !important;
    max-height: 100vh !important;
    overflow-y: auto !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .product--columns .product__info-wrapper::-webkit-scrollbar {
    display: none !important;
  }

  /* Info column top padding: 70px */
  .product--columns .product__info-wrapper {
    padding-top: 70px !important;
  }
}

/* Mobile stacked layout */
@media screen and (max-width: 989px) {
  .product--columns .product {
    display: flex !important;
    flex-direction: column !important;
  }

  .product--columns .product__media-wrapper,
  .product--columns .product__info-wrapper {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Mobile info padding: 24px top */
  .product--columns .product__info-wrapper {
    padding-top: 24px !important;
  }

  /* Remove sticky on mobile */
  .product--columns .product__media-wrapper,
  .product--columns .product__info-wrapper {
    position: static !important;
    height: auto !important;
    overflow-y: visible !important;
  }
}

/* ─── 11.3 TYPOGRAPHY — Product Title & Price ─── */

/* Product title wrapper */
.product--columns .product__title {
  margin-bottom: 0 !important;
}

/* H1 title: uppercase, luxury tracking */
.product--columns .product__title h1,
.product--columns .product__title .h1 {
  font-family: var(--pdp-font-main) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  margin: 0 !important;
  color: #000 !important;
}

/* Hide duplicate h2 link below h1 */
.product--columns .product__title a {
  display: none !important;
}

/* Price: 12px, 400 weight, 18px line-height */
.price,
.price__regular,
.price-item--regular {
  font-family: var(--pdp-font-main) !important;
  font-size: var(--pdp-text-xs) !important;
  font-weight: 400 !important;
  line-height: var(--pdp-line-tight) !important;
  letter-spacing: 0.06em !important;
  margin-bottom: 0 !important;
  color: #000 !important;
}

/* Sale price: same size, different color */
.price-item--sale {
  color: #000 !important;
}

.price-item--regular.price-item--last {
  text-decoration: line-through !important;
  color: #999 !important;
  font-weight: 400 !important;
}

/* General text: 12px, 400 weight, 18px line-height, 8px margin-bottom */
.product__description,
.product__text {
  font-family: var(--pdp-font-main) !important;
  font-size: var(--pdp-text-xs) !important;
  font-weight: 400 !important;
  line-height: var(--pdp-line-tight) !important;
  letter-spacing: var(--pdp-letter-base) !important;
  margin-bottom: 8px !important;
  color: #333 !important;
}

/* ─── 11.4 CTA BUTTON — 52px height, full-width, black luxury ─── */

.product-form__submit,
.shopify-payment-button__button--unbranded {
  height: 52px !important;
  width: 100% !important;
  background: #000000 !important;
  color: #ffffff !important;
  border: 1px solid #000000 !important;
  border-radius: 0 !important;
  font-family: var(--pdp-font-main) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition:
    background-color 0.28s ease,
    color 0.28s ease,
    letter-spacing 0.28s ease !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
}

/* Ghost invert on hover — luxury convention */
.product-form__submit:hover,
.shopify-payment-button__button--unbranded:hover {
  background: transparent !important;
  color: #000000 !important;
  border-color: #000000 !important;
  letter-spacing: 0.28em !important;
}

/* Disabled state */
.product-form__submit:disabled,
.product-form__submit[disabled] {
  background: #D9D9D9 !important;
  border-color: #D9D9D9 !important;
  color: #999 !important;
  cursor: not-allowed !important;
}

/* ─── 11.5 ACCORDIONS — 16px labels, 1px #D9D9D9, luxury spacing ─── */

/* First accordion gets top border to close the divider chain */
.product--columns .product__accordion:first-of-type {
  border-top: 1px solid #D9D9D9 !important;
}

/* Accordion wrapper */
.product__accordion {
  border-bottom: 1px solid #D9D9D9 !important;
}

/* Accordion summary/label */
.product__accordion summary {
  font-family: var(--pdp-font-main) !important;
  padding: 14px 0 !important;
  border-bottom: none !important;
  cursor: pointer !important;
  list-style: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* Remove default browser arrow */
.product__accordion summary::-webkit-details-marker { display: none !important; }

.product__accordion .accordion__title,
.product__accordion .summary__title h2 {
  font-family: var(--pdp-font-main) !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  margin: 0 !important;
  color: #000 !important;
}

/* Accordion caret: smooth rotation */
.product__accordion summary svg,
.product__accordion summary .svg-wrapper svg {
  width: 10px !important;
  height: 10px !important;
  opacity: 0.45 !important;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease !important;
  flex-shrink: 0 !important;
}
.product__accordion details[open] > summary svg,
.product__accordion details[open] > summary .svg-wrapper svg {
  transform: rotate(180deg) !important;
  opacity: 0.7 !important;
}

/* Accordion content */
.product__accordion .accordion__content {
  font-family: var(--pdp-font-main) !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1.8 !important;
  letter-spacing: 0.04em !important;
  padding: 0 0 16px !important;
  color: #555 !important;
}

/* Accordion icon (optional icon next to heading) */
.product__accordion .icon-accordion {
  display: none !important;
}

/* ─── 11.6 SPACING SCALE APPLICATION ─── */

/* Apply documented spacing scale */
.product__info-container > * + * {
  margin-top: 16px !important;
}

/* Variant selectors spacing */
variant-selects {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

/* Price-to-CTA spacing */
.price-wrapper + .product-form {
  margin-top: 24px !important;
}

/* ─── 11.7 GALLERY — Sticky Left Column ─── */

/* Gallery container */
.product__media-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

/* Gallery images: vertical aspect ratio */
.product__media-item {
  width: 100% !important;
}

.product__media-item .media {
  aspect-ratio: 533.5 / 945 !important;
  background: transparent !important;
}

.product__media-item .media img {
  object-fit: contain !important;
  width: 100% !important;
  height: 100% !important;
}

/* ── Desktop sticky gallery: cada imagen llena exactamente el 100vh ─────────
   La lista ocupa toda la altura, los items no sobresalen del wrapper
   (overflow: hidden en el wrapper). No hay scrollbar, no hay recorte visible. */
@media screen and (min-width: 990px) {
  .product--columns .product__media-wrapper .product__media-list {
    height: 100% !important;
    gap: 0 !important;
  }

  .product--columns .product__media-wrapper .product__media-item {
    width: 100% !important;
    flex-shrink: 0 !important;
    position: relative !important;
  }

  /* Override Dawn's aspect-ratio trick — use explicit 100vh so image always shows */
  .product--columns .product__media-wrapper .product__media-item .media {
    aspect-ratio: unset !important;
    height: 100vh !important;
    width: 100% !important;
    padding-top: 0 !important;
    position: relative !important;
    overflow: hidden !important;
  }

  /* Image: fill container, center-top crop (fashion standard) */
  .product--columns .product__media-wrapper .product__media-item .media img,
  .product--columns .product__media-wrapper .product__media-item .media video {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    /* Keep absolute positioning Dawn may already set on img */
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
  }
}

/* Mobile: horizontal swiper */
@media screen and (max-width: 989px) {
  .product__media-list {
    flex-direction: row !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  .product__media-list::-webkit-scrollbar {
    display: none !important;
  }

  .product__media-item {
    flex: 0 0 100% !important;
    scroll-snap-align: start !important;
  }
}

/* ─── 11.8 VIDEO BLOCK — Storytelling Section ─── */

.product-video-block {
  max-width: 1067px !important;
  margin: 0 auto !important;
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

.product-video-block__media {
  width: 100% !important;
  height: auto !important;
  min-height: 666px !important;
}

.product-video-block__video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* Mobile adjustments */
@media screen and (max-width: 989px) {
  .product-video-block {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }

  .product-video-block__media {
    min-height: 400px !important;
  }
}

/* ─── 11.9 VARIANT SELECTORS — luxury square buttons ─── */

/* Size/text variant pill buttons */
.product--columns .product-form__input--pill label,
.product--columns .variant-pills__label {
  height: 36px !important;
  min-width: 36px !important;
  padding: 0 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: var(--pdp-font-main) !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  border: 1px solid #D9D9D9 !important;
  border-radius: 0 !important;
  cursor: pointer !important;
  background: transparent !important;
  color: #000 !important;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease !important;
}

.product--columns .product-form__input--pill label:hover,
.product--columns .variant-pills__label:hover {
  border-color: #000 !important;
}

/* Selected state */
.product--columns .product-form__input--pill .product-form__radio:checked + label,
.product--columns .product-form__input--pill input:checked + label,
.product--columns .variant-pills__input:checked + .variant-pills__label {
  background: #000 !important;
  color: #fff !important;
  border-color: #000 !important;
}

/* Generic label fallback */
.product-form__input label {
  font-family: var(--pdp-font-main) !important;
  font-size: var(--pdp-text-xs) !important;
  font-weight: 400 !important;
  letter-spacing: var(--pdp-letter-base) !important;
}

/* ─── 11.10 RELATED PRODUCTS — Spacing Adjustment ─── */

.related-products-section {
  padding-top: 48px !important;
  max-width: 1067px !important;
  margin: 0 auto !important;
}

/* ============================================================
   12. CONTENT VIDEO TEXT — 50/50 Split Below Hero
   ============================================================
   
   Layout: Grid 2 columnas (50/50) en desktop, texto izquierda (order: -9999),
   multimedia derecha. Mobile: stacked, multimedia arriba.
   
   Altura: 666.8px mínima
   Max-width: 1067px centrado
   ============================================================ */

/* ─── 12.1 WRAPPER & GRID ─── */

.content-video-text {
  background: #ffffff;
  width: 100%;
  min-height: 666.8px;
}

.content-video-text__wrapper {
  max-width: 1067px;
  margin: 0 auto;
  width: 100%;
}

/* Desktop: 50/50 Grid */
@media screen and (min-width: 1024px) {
  .content-video-text__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    min-height: 666.8px;
  }

  /* Text column appears first visually */
  .content-video-text__content {
    order: -9999;
  }
}

/* Mobile: Stacked Layout */
@media screen and (max-width: 1023px) {
  .content-video-text__grid {
    display: grid;
    grid-template-columns: 1fr;
  }

  /* Media appears first on mobile */
  .content-video-text__media {
    order: -1;
  }
}

/* ─── 12.2 TEXT COLUMN ─── */

.content-video-text__content {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px;
  text-align: center;
}

.content-video-text__content-inner {
  max-width: 400px;
  width: 100%;
}

/* Mobile: More vertical padding */
@media screen and (max-width: 1023px) {
  .content-video-text__content {
    padding: 156px 32px;
  }
}

/* ─── 12.3 TYPOGRAPHY — STKBureau System ─── */

.content-video-text__text {
  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Arial', sans-serif;
}

/* Feature Titles (P with Strong inside) - 16px, 600 weight */
.content-video-text__text p {
  font-size: 12px;
  font-weight: 400;
  line-height: 28px;
  color: #000000;
  margin: 0;
}

.content-video-text__text p strong {
  display: block;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  color: #000000;
  margin-bottom: 5px;
}

/* Spacing between elements */
.content-video-text__text p:first-child strong {
  margin-top: 0;
}

/* Gap between feature blocks - 50px */
.content-video-text__text p:has(strong) {
  margin-top: 48px;
}

.content-video-text__text p:first-child:has(strong) {
  margin-top: 0;
}

/* Description paragraphs (no strong inside) have small gap after title */
.content-video-text__text p:has(strong) + p:not(:has(strong)) {
  margin-top: 0;
}

/* ─── 12.4 MEDIA COLUMN ─── */

.content-video-text__media {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 666.8px;
  background: #f5f5f5;
}

/* Image Wrapper */
.content-video-text__image-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.content-video-text__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* Video Wrapper */
.content-video-text__video-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 666.8px;
  background: #000000;
}

.content-video-text__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

/* Placeholder */
.content-video-text__placeholder {
  width: 100%;
  height: 100%;
  min-height: 666.8px;
  background: #e5e5e5;
  display: flex;
  align-items: center;
  justify-content: center;
}

.content-video-text__placeholder .placeholder-svg {
  width: 80px;
  height: 80px;
  opacity: 0.3;
  fill: #666666;
}

/* Mobile: Adjust media height */
@media screen and (max-width: 1023px) {
  .content-video-text__media {
    min-height: 400px;
  }

  .content-video-text__video-wrapper {
    min-height: 400px;
  }

  .content-video-text__placeholder {
    min-height: 400px;
  }
}