/* Toki visual layer for the verified LIST/DETAIL contracts. */
.fashion02-list-page,
.fashion02-detail-page { color: var(--ty-ink); background: var(--ty-paper); font-family: var(--ty-sans); }
.fashion02-list-page .category-hero-band { background: #ebe7df; }
.fashion02-list-page .category-hero { width: 100%; max-width: none; height: 300px; background: #292824; }
.fashion02-list-page .category-hero::before { background: linear-gradient(90deg, rgba(24,23,20,.78), rgba(24,23,20,.4) 42%, rgba(24,23,20,.05) 72%); }
.fashion02-list-page .category-hero-visual { width: 100%; clip-path: none; }
.fashion02-list-page .category-hero-image { top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 38%; filter: brightness(.78) saturate(.72); }
.fashion02-list-page .category-hero-copy { width: min(100% - 64px, 760px); padding: 0; margin-inline: auto; align-items: center; color: #fff; text-align: center; }
.fashion02-list-page .category-hero h1 { font-family: var(--ty-serif); font-size: clamp(36px,4vw,56px); letter-spacing: .1em; }
.fashion02-list-page .category-hero p { font-family: var(--ty-serif); color: rgba(255,255,255,.84); }
.fashion02-list-page .catalog-sidebar { background: #efede8; }
.fashion02-list-page .category-parent.active .category-parent-link,
.fashion02-list-page .plain-category.is-active { color: var(--ty-gold); }
.fashion02-list-page .listing-controls select { background-color: rgba(255,255,255,.58); }
.fashion02-list-page .product-media { aspect-ratio: .82; background: var(--ty-panel); }
.fashion02-list-page .product-media img { object-fit: contain; object-position: center; }
.fashion02-list-page .badge { color: #fff; background: var(--ty-gold); }
.fashion02-list-page .badge.hot { background: #66513a; }
.fashion02-list-page .product-name { color: #5e5a53; font-size: .8125rem; font-weight: 500; }
.fashion02-list-page .product-price { font-size: .875rem; }
.fashion02-list-page .page-button[aria-current="page"] { background: var(--ty-ink); }
.fashion02-detail-page .gallery-main,
.fashion02-detail-page .thumb,
.fashion02-detail-page .recommend-media { background: var(--ty-panel); }
.fashion02-detail-page .gallery-main img,
.fashion02-detail-page .thumb img,
.fashion02-detail-page .recommend-media img { object-fit: contain; object-position: center !important; }
.fashion02-detail-page .product-title,
.fashion02-detail-page .description-copy h2,
.fashion02-detail-page .section-heading-row h2,
.fashion02-detail-page .review-head h2 { font-family: var(--ty-serif); font-weight: 400; }
.fashion02-detail-page .product-price { color: var(--ty-ink); }
.fashion02-detail-page .primary-button { color: #fff; background: var(--ty-ink); }
.fashion02-detail-page .primary-button:hover,
.fashion02-detail-page .primary-button:focus-visible { background: #4b473f; }
.fashion02-detail-page .purchase-actions .favorite-button { border-color: var(--ty-line); }
.fashion02-detail-page .description-tab { background: #efede8; }
.fashion02-detail-page #product-description-tab {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
}
.fashion02-detail-page .benefit { background: #efede8; }
.fashion02-detail-page .detail-lightbox { background: #fff; }
.fashion02-detail-page .detail-lightbox > img { background: #fff; }
.fashion02-detail-page .detail-lightbox-close,
.fashion02-detail-page .detail-lightbox-arrow { color: var(--ty-ink); background: rgba(255,255,255,.9); border: 1px solid rgba(43,41,37,.28); }
.fashion02-detail-page .detail-lightbox-close:hover,
.fashion02-detail-page .detail-lightbox-close:focus-visible,
.fashion02-detail-page .detail-lightbox-arrow:hover,
.fashion02-detail-page .detail-lightbox-arrow:focus-visible { background: #fff; }
/* Keep translated variation labels readable without shortening seed-backed names. */
.fashion02-detail-page .option-row > label,
.fashion02-detail-page .option-label {
  white-space: nowrap;
}
.fashion02-detail-page .detail-purchase-form {
  --fashion02-variant-label-column: 92px;
}
.fashion02-detail-page .detail-purchase-form .option-row {
  grid-template-columns: var(--fashion02-variant-label-column) minmax(0, 1fr);
  align-items: center;
  gap: 12px;
}
.fashion02-detail-page .detail-purchase-form .select-wrap {
  min-width: 0;
}

@media (max-width: 620px) {
  .fashion02-detail-page #fashion02-related-heading {
    font-size: 20px;
    line-height: 1.5;
  }
  .fashion02-list-page .category-hero { height: 250px; }
  .fashion02-list-page .category-hero-copy { width: calc(100% - 36px); }
  .fashion02-list-page .category-hero-image { top: 0; width: 100%; object-position: 60% center; }
  .fashion02-list-page .category-hero::before { background: linear-gradient(90deg, rgba(24,23,20,.82), rgba(24,23,20,.38) 76%, rgba(24,23,20,.12)); }
  .fashion02-list-page .product-media { aspect-ratio: .86; }
}