/* SMILCO market-aware product detail */

body.smilco-market-product,
body[data-smilco-preview]:has(.product-preview-main) {
  --product-bg: #fff;
  --product-surface: #f6f6f6;
  --product-ink: #111;
  --product-muted: #666;
  --product-line: #dedede;
  --product-accent: #d50068;
  --product-accent-2: #111;
  --product-display: var(--font-display);
  --product-radius: 0;
  color: var(--product-ink);
  background: var(--product-bg);
}

body.market-cn,
html[lang^="zh"] body:has(.product-preview-main) {
  --product-bg: #fbf7ef;
  --product-surface: #f2eadf;
  --product-ink: #201b18;
  --product-muted: #71665e;
  --product-line: #ded2c4;
  --product-accent: #a91f2c;
  --product-accent-2: #47675b;
  --product-display: "Songti SC", "STSong", "Noto Serif SC", var(--font-display);
}

body.market-jp,
html[lang^="ja"] body:has(.product-preview-main) {
  --product-bg: #f9f8f4;
  --product-surface: #f0efe9;
  --product-ink: #181818;
  --product-muted: #696863;
  --product-line: #d9d7cf;
  --product-accent: #a43a3a;
  --product-accent-2: #343a3b;
  --product-display: "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", var(--font-display);
}

body.market-kr,
html[lang^="ko"] body:has(.product-preview-main) {
  --product-bg: #fcfcfd;
  --product-surface: #f4f1f5;
  --product-ink: #161519;
  --product-muted: #727079;
  --product-line: #e3e0e6;
  --product-accent: #d45c87;
  --product-accent-2: #8a8191;
  --product-display: "Nanum Myeongjo", "Noto Serif KR", var(--font-display);
  --product-radius: 16px;
}

body.market-de,
html[lang^="de"] body:has(.product-preview-main) {
  --product-bg: #f4f2ee;
  --product-surface: #eae7e1;
  --product-ink: #202323;
  --product-muted: #626665;
  --product-line: #cfd0cc;
  --product-accent: #7f2631;
  --product-accent-2: #3d4746;
  --product-display: "Baskerville", "Times New Roman", serif;
}

body.market-fr,
html[lang^="fr"] body:has(.product-preview-main) {
  --product-bg: #fbf6ed;
  --product-surface: #efe5d9;
  --product-ink: #171311;
  --product-muted: #756b65;
  --product-line: #d9ccc0;
  --product-accent: #771f31;
  --product-accent-2: #b18087;
  --product-display: "Didot", "Bodoni 72", var(--font-display);
}

.smilco-market-product .commerce-main,
body[data-smilco-preview] .product-preview-main { color: var(--product-ink); background: var(--product-bg); }

.smilco-market-product .commerce-main { padding-top: 34px; }
.smilco-market-product .woocommerce-breadcrumb,
body[data-smilco-preview] .product-breadcrumb { margin-bottom: 28px; color: var(--product-muted); border-color: var(--product-line); }

.smilco-market-product .woocommerce div.product,
body[data-smilco-preview] .product-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(390px, .72fr);
  gap: clamp(44px, 6vw, 96px);
  align-items: start;
}

.smilco-market-product .woocommerce div.product div.images,
body[data-smilco-preview] .product-gallery { position: sticky; top: 18px; margin: 0; }

.smilco-market-product .woocommerce div.product div.images .woocommerce-product-gallery__wrapper,
body[data-smilco-preview] .product-gallery__stage { background: var(--product-surface); border-radius: var(--product-radius); overflow: hidden; }

.smilco-market-product .woocommerce div.product div.images img,
body[data-smilco-preview] .product-gallery__stage > img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }

.smilco-market-product .woocommerce div.product div.images .flex-control-thumbs { display: grid; margin-top: 12px; grid-template-columns: repeat(5, 1fr); gap: 10px; }
.smilco-market-product .woocommerce div.product div.images .flex-control-thumbs li { width: auto; float: none; }
.smilco-market-product .woocommerce div.product div.images .flex-control-thumbs img { aspect-ratio: 4 / 5; object-fit: cover; opacity: .62; border: 1px solid transparent; }
.smilco-market-product .woocommerce div.product div.images .flex-control-thumbs img.flex-active { opacity: 1; border-color: var(--product-accent); }

.smilco-market-product .woocommerce div.product div.summary,
body[data-smilco-preview] .product-summary { position: sticky; top: 18px; margin: 0; padding: 18px 0 32px; }

.smilco-market-product .product-kicker,
.smilco-market-product .section-eyebrow,
body[data-smilco-preview] .product-kicker,
body[data-smilco-preview] .section-eyebrow { color: var(--product-accent); }

.smilco-market-product .woocommerce div.product .product_title,
body[data-smilco-preview] .product-summary h1 {
  margin-bottom: 18px;
  color: var(--product-ink);
  font-family: var(--product-display);
  font-size: clamp(3.4rem, 5vw, 6rem);
  font-weight: 400;
  letter-spacing: -.05em;
  line-height: .94;
}

.smilco-market-product .woocommerce-product-details__short-description,
body[data-smilco-preview] .product-summary__intro { color: var(--product-muted); font-size: 1rem; line-height: 1.75; }

.smilco-market-product .woocommerce div.product p.price,
.smilco-market-product .woocommerce div.product span.price,
body[data-smilco-preview] .product-price { color: var(--product-ink); font-family: var(--product-display); font-size: 1.6rem; }

.smilco-market-product .woocommerce div.product form.cart { display: grid; grid-template-columns: 88px 1fr; gap: 10px; }
.smilco-market-product .woocommerce div.product form.cart .variations { grid-column: 1 / -1; margin-bottom: 8px; }
.smilco-market-product .woocommerce div.product form.cart .variations tr { display: grid; padding: 16px 0; grid-template-columns: 120px 1fr; border-top: 1px solid var(--product-line); }
.smilco-market-product .woocommerce div.product form.cart .variations th,
.smilco-market-product .woocommerce div.product form.cart .variations td { padding: 0; line-height: 1.3; }
.smilco-market-product .woocommerce div.product form.cart .variations label { color: var(--product-ink); font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; }
.smilco-market-product .woocommerce div.product form.cart .variations select { width: 100%; min-height: 48px; padding: 8px 34px 8px 12px; color: var(--product-ink); background: var(--product-bg); border: 1px solid var(--product-line); border-radius: var(--product-radius); }
.smilco-market-product .woocommerce div.product form.cart .single_variation_wrap { display: contents; }
.smilco-market-product .woocommerce div.product form.cart .woocommerce-variation { grid-column: 1 / -1; }
.smilco-market-product .woocommerce .quantity .qty { width: 88px; color: var(--product-ink); background: var(--product-bg); border-color: var(--product-line); }

.smilco-market-product .woocommerce div.product form.cart .button,
.smilco-market-product .woocommerce .button.alt,
body[data-smilco-preview] .product-actions .button--primary {
  min-height: 56px;
  color: #fff;
  background: var(--product-accent);
  border-color: var(--product-accent);
  border-radius: var(--product-radius);
}

.smilco-market-product .woocommerce div.product form.cart .smilco-buy-now,
body[data-smilco-preview] .product-actions .smilco-buy-now { grid-column: 1 / -1; color: var(--product-ink); background: transparent; border-color: var(--product-line); }
.smilco-market-product .woocommerce div.product form.cart .smilco-buy-now:hover,
body[data-smilco-preview] .product-actions .smilco-buy-now:hover { color: #fff; background: var(--product-ink); }

body[data-smilco-preview] .swatch,
body[data-smilco-preview] .length-choice,
body[data-smilco-preview] .product-quantity { color: var(--product-ink); background: var(--product-bg); border-color: var(--product-line); border-radius: var(--product-radius); }
body[data-smilco-preview] .swatch:has(input:checked),
body[data-smilco-preview] .length-choice:has(input:checked) { border-color: var(--product-accent); box-shadow: inset 0 0 0 1px var(--product-accent); }

.smilco-market-product .product-service-notes,
body[data-smilco-preview] .product-service-notes { border-color: var(--product-line); }
.smilco-market-product .product-service-notes li,
body[data-smilco-preview] .product-service-notes li { padding: 15px 0 15px 30px; border-color: var(--product-line); }
.smilco-market-product .product-service-notes li::before,
body[data-smilco-preview] .product-service-notes li::before { border-color: var(--product-accent-2); }
.smilco-market-product .product-service-notes span,
body[data-smilco-preview] .product-service-notes span { color: var(--product-muted); }

.smilco-market-product .woocommerce div.product .woocommerce-tabs ul.tabs,
.smilco-market-product .product-market-tabs,
body[data-smilco-preview] .product-tabs { position: sticky; z-index: 8; top: 0; display: grid; margin: 82px 0 0; padding: 0; grid-template-columns: repeat(4, 1fr); background: var(--product-bg); border-block: 1px solid var(--product-line); }
.smilco-market-product .product-market-tabs { grid-column: 1 / -1; }
.smilco-market-product .woocommerce div.product .woocommerce-tabs ul.tabs::before { display: none; }
.smilco-market-product .woocommerce div.product .woocommerce-tabs ul.tabs li { margin: 0; padding: 0; background: transparent; border: 0; border-radius: 0; }
.smilco-market-product .woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.smilco-market-product .woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none; }
.smilco-market-product .woocommerce div.product .woocommerce-tabs ul.tabs li a,
.smilco-market-product .product-market-tabs a,
body[data-smilco-preview] .product-tabs a { padding: 17px 14px; color: var(--product-muted); border-right: 1px solid var(--product-line); font-size: .7rem; letter-spacing: .08em; text-align: center; text-transform: uppercase; }
.smilco-market-product .woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.smilco-market-product .product-market-tabs a:hover,
body[data-smilco-preview] .product-tabs a:hover { color: var(--product-accent); box-shadow: inset 0 -2px var(--product-accent); }

.smilco-market-product .product-emotion,
body[data-smilco-preview] .product-emotion { color: var(--product-ink); background: var(--product-surface); }
.smilco-market-product .product-emotion h2,
.smilco-market-product .styling-inspiration h2,
.smilco-market-product .product-faq h2,
.smilco-market-product .product-details-panel h2,
body[data-smilco-preview] .product-emotion h2,
body[data-smilco-preview] .styling-inspiration h2,
body[data-smilco-preview] .product-faq h2,
body[data-smilco-preview] .product-details-panel h2 { color: var(--product-ink); font-family: var(--product-display); }
.smilco-market-product .product-emotion p,
body[data-smilco-preview] .product-emotion p { color: var(--product-muted); }
.smilco-market-product .product-emotion li,
body[data-smilco-preview] .product-emotion li { border-color: var(--product-line); }

.smilco-market-product .product-details-panel,
body[data-smilco-preview] .product-details-panel { color: var(--product-ink); border-color: var(--product-line); }

#product-story,
#product-details,
#product-reviews,
#product-questions,
#story,
#details,
#reviews,
#questions { scroll-margin-top: 88px; }
.smilco-market-product .product-detail-list div,
body[data-smilco-preview] .product-detail-list div { border-color: var(--product-line); }
.smilco-market-product .product-detail-list dt,
body[data-smilco-preview] .product-detail-list dt { color: var(--product-muted); }
.smilco-market-product .product-care-note,
body[data-smilco-preview] .product-care-note { background: var(--product-surface); }
.smilco-market-product .product-care-note p,
body[data-smilco-preview] .product-care-note p { color: var(--product-muted); }

.smilco-market-product .styling-inspiration__grid img,
body[data-smilco-preview] .styling-inspiration__grid img { border-radius: var(--product-radius); }
.smilco-market-product .styling-inspiration__grid figcaption,
body[data-smilco-preview] .styling-inspiration__grid figcaption { color: var(--product-accent-2); font-family: var(--product-display); }

.smilco-market-product .product-review-highlights,
body[data-smilco-preview] .product-review-highlights { color: var(--product-ink); background: var(--product-surface); }
.smilco-market-product .product-review-grid,
body[data-smilco-preview] .product-review-summary { background: var(--product-line); }
.smilco-market-product .product-review-grid article,
.smilco-market-product .product-review-empty,
body[data-smilco-preview] .product-review-summary { color: var(--product-ink); background: var(--product-bg); }
.smilco-market-product .product-faq details,
body[data-smilco-preview] .product-faq details { border-color: var(--product-line); }
.smilco-market-product .product-faq summary,
body[data-smilco-preview] .product-faq summary { color: var(--product-ink); font-family: var(--product-display); }

body[data-smilco-preview] .related-product-card h3 { color: var(--product-ink); font-family: var(--product-display); }
body[data-smilco-preview] .related-product-card p { color: var(--product-muted); }
body[data-smilco-preview] .related-product-card img { border-radius: var(--product-radius); }

.market-jp .product-summary,
html[lang^="ja"] body[data-smilco-preview] .product-summary { padding-top: 48px; }
.market-jp .product-details-panel,
html[lang^="ja"] body[data-smilco-preview] .product-details-panel { gap: 72px; }
.market-kr .product-gallery__stage,
.market-kr .woocommerce-product-gallery__wrapper,
html[lang^="ko"] body[data-smilco-preview] .product-gallery__stage { box-shadow: 0 18px 50px rgba(77, 66, 83, .11); }
.market-de .product-detail-list div,
html[lang^="de"] body[data-smilco-preview] .product-detail-list div { grid-template-columns: 150px 1fr; }
.market-fr .styling-inspiration__grid figure:nth-child(2),
html[lang^="fr"] body[data-smilco-preview] .styling-inspiration__grid figure:nth-child(2) { transform: translateY(42px); }

@media (max-width: 980px) {
  .smilco-market-product .woocommerce div.product,
  body[data-smilco-preview] .product-layout { grid-template-columns: 1fr; }
  .smilco-market-product .woocommerce div.product div.images,
  .smilco-market-product .woocommerce div.product div.summary,
  body[data-smilco-preview] .product-gallery,
  body[data-smilco-preview] .product-summary { position: relative; top: auto; }
  .smilco-market-product .woocommerce div.product div.summary,
  body[data-smilco-preview] .product-summary { max-width: 720px; }
}

@media (max-width: 640px) {
  .smilco-market-product .commerce-main { padding-top: 20px; }
  .smilco-market-product .woocommerce div.product .product_title,
  body[data-smilco-preview] .product-summary h1 { font-size: clamp(3rem, 15vw, 4.4rem); }
  .smilco-market-product .woocommerce div.product form.cart { grid-template-columns: 76px 1fr; }
  .smilco-market-product .woocommerce div.product .woocommerce-tabs ul.tabs,
  .smilco-market-product .product-market-tabs,
  body[data-smilco-preview] .product-tabs { position: relative; grid-template-columns: 1fr 1fr; }
  .smilco-market-product .woocommerce div.product .woocommerce-tabs ul.tabs li a,
  .smilco-market-product .product-market-tabs a,
  body[data-smilco-preview] .product-tabs a { min-height: 50px; }
  .smilco-market-product .styling-inspiration__grid,
  body[data-smilco-preview] .styling-inspiration__grid { display: flex !important; margin-right: calc(50% - 50vw); padding-right: 16px; gap: 12px !important; overflow-x: auto; scroll-snap-type: x mandatory; }
  .smilco-market-product .styling-inspiration__grid figure,
  body[data-smilco-preview] .styling-inspiration__grid figure { display: block !important; min-width: min(78vw, 340px); scroll-snap-align: start; }
  .market-fr .styling-inspiration__grid figure:nth-child(2),
  html[lang^="fr"] body[data-smilco-preview] .styling-inspiration__grid figure:nth-child(2) { transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  .smilco-market-product img,
  body[data-smilco-preview] .product-preview-main img { transition: none !important; }
}