/* Talaieh Product Detail Stage 11 — page-scoped component styles.
 * Kept unlayered while the deployed Vite bundle is older than this source.
 * The identical public_html copy is loaded last only on the product route.
 * No global card, navigation or seller-page selectors are redefined here. */
.t-pdp {
  --pdp-line: #e9e0d2;
  --pdp-paper: #ffffff;
  --pdp-ink: #27251f;
  --pdp-muted: #726b5d;
  --pdp-gold: #b4801c;
  --pdp-green: #126d4b;
  color: var(--pdp-ink);
  padding-block: 1rem 2rem;
  background: #faf8f3;
}
.t-pdp *, .t-pdp *::before, .t-pdp *::after { box-sizing: border-box; }
.t-pdp [id] { scroll-margin-block-start: calc(var(--t-header-mobile,3.5rem) + 1.25rem); }
.t-pdp a:focus-visible, .t-pdp button:focus-visible,
.t-pdp input:focus-visible, .t-pdp summary:focus-visible {
  outline: 3px solid var(--color-brand-600,#a97108);
  outline-offset: 3px;
}
.t-pdp .t-breadcrumbs {
  max-inline-size:100%;
  overflow-x:auto;
  scrollbar-width:none;
  flex-wrap:nowrap;
  white-space:nowrap;
  font-size:.72rem;
}
.t-pdp .t-breadcrumbs::-webkit-scrollbar { display:none; }
.t-pdp .t-breadcrumbs li { flex:none; }
.t-pdp .t-breadcrumbs li:last-child { min-inline-size:0; max-inline-size:min(32vw,17rem); }
.t-pdp .t-breadcrumbs li:last-child span { overflow:hidden; text-overflow:ellipsis; }
.t-pdp-notice { margin-block-start:1rem; }
.t-pdp-header { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; gap:1rem; margin-block:1.5rem 1.25rem; }
.t-pdp-header-main { flex:1 1 20rem; min-inline-size:0; }
.t-pdp-header h1 {
  margin-block:.3rem .6rem;
  max-inline-size:56rem;
  overflow-wrap:anywhere;
  color:#24231f;
  font-size:clamp(1.35rem,2.35vw,2rem);
  font-weight:850;
  line-height:1.5;
}
.t-pdp-meta { display:flex; align-items:center; flex-wrap:wrap; gap:.55rem 1rem; font-size:.77rem; color:var(--pdp-muted); }
.t-pdp-rating-link { display:inline-flex; align-items:center; min-block-size:2rem; color:inherit; text-decoration:none; }
.t-pdp-rating-link:hover { color:#8f650c; }
.t-pdp-header-actions { flex:none; }
.t-pdp-save-button {
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  min-block-size:2.8rem; padding:.5rem .8rem;
  border:1px solid var(--pdp-line); border-radius:.85rem;
  background:#fff; color:#6c4b14;
  font:inherit; font-weight:750; font-size:.82rem; text-decoration:none; cursor:pointer;
}
.t-pdp-save-button:hover { border-color:#dbb76b; background:#fffaf0; }
.t-pdp .t-product-detail-grid {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:1.15rem;
  align-items:start;
}
.t-pdp .t-product-detail-grid > * { min-inline-size:0; }
.t-pdp-media-pane { min-inline-size:0; }
.t-pdp .t-pdp-gallery { display:grid; gap:.7rem; min-inline-size:0; }
.t-pdp .t-product-gallery-main {
  aspect-ratio:4/3;
  min-block-size:0;
  overflow:hidden;
  border:1px solid var(--pdp-line);
  border-radius:1.35rem;
  background:#f3efe7;
  box-shadow:0 10px 40px rgb(52 39 18 / .045);
}
.t-pdp .t-product-gallery-main img {
  display:block; inline-size:100%; block-size:100%; object-fit:contain;
  background:#f6f3ec;
}
.t-pdp .t-product-gallery-main .t-product-no-image { min-block-size:100%; }
.t-pdp .t-product-gallery-main.is-image-missing .t-product-gallery-error {
  display:grid; position:absolute; inset:0; z-index:1; place-items:center;
  background:#f7f4ef; color:#806b4f;
}
.t-pdp-gallery-arrow {
  position:absolute; inset-block-start:50%; z-index:2;
  display:grid; place-items:center;
  inline-size:2.8rem; block-size:2.8rem;
  transform:translateY(-50%);
  background:rgb(255 255 255 / .94); color:var(--pdp-ink);
  border:1px solid #e6dac5; border-radius:50%;
  box-shadow:0 3px 15px rgb(44 36 22 / .11); cursor:pointer;
}
.t-pdp-gallery-arrow:hover { background:#fff7e7; border-color:#d5b678; }
.t-pdp-gallery-arrow.is-prev { inset-inline-start:.8rem; }
.t-pdp-gallery-arrow.is-next { inset-inline-end:.8rem; }
.t-pdp-gallery-counter {
  position:absolute; inset-inline-start:.85rem; inset-block-end:.9rem;
  z-index:2; padding:.26rem .66rem; border-radius:999px;
  background:rgb(30 28 24 / .74); color:#fff;
  font-size:.74rem; font-variant-numeric:tabular-nums;
}
.t-pdp .t-pdp-gallery-thumbs {
  display:flex; gap:.5rem; overflow-x:auto;
  padding-block:.2rem .55rem;
  scroll-snap-type:inline proximity;
  overscroll-behavior-inline:contain;
}
.t-pdp .t-pdp-gallery-thumb {
  display:block; flex:0 0 clamp(3.6rem,12vw,5.1rem);
  aspect-ratio:1; scroll-snap-align:start;
  border:2px solid #e8e2d9; background:#f8f5ee;
  text-decoration:none;
}
.t-pdp .t-pdp-gallery-thumb[data-active="true"] { border-color:var(--pdp-gold); box-shadow:0 0 0 2px #fcebd0; }
.t-pdp .t-pdp-gallery-thumb img { inline-size:100%; block-size:100%; object-fit:contain; }
.t-pdp .t-product-buybox { display:grid; gap:.9rem; position:static; inset-block-start:auto; }
.t-pdp-purchase, .t-pdp-seller {
  min-inline-size:0; border:1px solid var(--pdp-line);
  border-radius:1.25rem; background:var(--pdp-paper);
  box-shadow:0 5px 22px rgb(55 42 20 / .035);
}
.t-pdp-purchase { padding:clamp(1rem,2.3vw,1.5rem); }
.t-pdp-price-block { display:grid; gap:.3rem; padding-block-end:.85rem; border-block-end:1px solid #f0e8dd; }
.t-pdp-price-label { font-size:.78rem; font-weight:750; color:var(--pdp-muted); }
.t-pdp-discount-line { display:flex; flex-wrap:wrap; align-items:center; gap:.55rem; font-size:.78rem; color:#8b8174; }
.t-pdp-discount-chip { border-radius:999px; background:#fff0d4; padding:.2rem .55rem; color:#8f4d07; font-weight:800; }
.t-pdp .t-product-price-focus.t-pdp-price { margin:0; color:#253b2e; font-size:clamp(1.55rem,3vw,2.35rem); font-weight:900; line-height:1.4; }
.t-pdp-price .t-money-unit { color:#42584a; }
.t-pdp-availability { display:flex; align-items:center; gap:.4rem; padding-block:.85rem .45rem; font-size:.86rem; color:var(--pdp-green); font-weight:800; }
.t-pdp-availability:has(+ .t-pdp-delivery-teaser) { padding-block-end:.6rem; }
.t-pdp-availability:has(svg + span) { min-inline-size:0; }
.t-pdp-delivery-teaser { gap:.5rem; margin-block:.4rem; }
.t-pdp-delivery-teaser .t-fulfillment-tag { font-size:.73rem; white-space:normal; line-height:1.6; }
.t-pdp-delivery-link {
  display:inline-flex; align-items:center; gap:.2rem; min-block-size:2.5rem;
  margin-block:.25rem .5rem; color:#8b6418; text-decoration:none;
  font-size:.78rem; font-weight:750;
}
.t-pdp-delivery-link:hover { text-decoration:underline; text-underline-offset:.2rem; }
.t-pdp-add-form { display:grid; grid-template-columns:minmax(0,7rem) minmax(0,1fr); gap:.65rem; align-items:end; margin-block-start:.65rem; }
.t-pdp-add-form .t-field { min-inline-size:0; }
.t-pdp-add-form .t-input { inline-size:100%; min-inline-size:0; }
.t-pdp .t-pdp-buy-button {
  display:inline-flex; align-items:center; justify-content:center; gap:.55rem;
  inline-size:100%; min-inline-size:0; min-block-size:3.15rem;
  border-radius:.85rem; line-height:1.5; white-space:normal;
  font-weight:850; font-size:.92rem; text-align:center;
}
.t-pdp-purchase-note, .t-pdp-stock-note, .t-pdp-state-note { color:var(--pdp-muted); font-size:.75rem; line-height:1.85; }
.t-pdp-purchase-note { margin-block-start:.65rem; }
.t-pdp-stock-note { margin-block-start:.9rem; }
.t-pdp-state-note { padding:.75rem; background:#fff8ec; border-radius:.7rem; margin-block:.65rem; }
.t-pdp-seller { padding:.8rem 1rem; }
.t-pdp-seller-identity { display:flex; gap:.75rem; align-items:center; text-decoration:none; color:inherit; }
.t-pdp .t-pdp-seller-avatar { flex:none; inline-size:3.25rem; block-size:3.25rem; font-size:1.2rem; }
.t-pdp .t-pdp-seller-avatar img { inline-size:100%; block-size:100%; object-fit:cover; }
.t-pdp-seller-text { display:grid; gap:.12rem; flex:1; min-inline-size:0; }
.t-pdp-seller-text strong { font-size:.9rem; color:#2d3029; overflow-wrap:anywhere; }
.t-pdp-seller-identity:hover strong { color:#855b0e; }
.t-pdp-seller-meta { font-size:.72rem; color:var(--pdp-muted); }
.t-pdp-seller-rating { font-size:.72rem; }
.t-pdp-seller-identity > svg:last-child { color:#9d8566; flex:none; }
.t-pdp-seller-footer { display:flex; flex-wrap:wrap; gap:.25rem 1rem; justify-content:space-between; align-items:center; margin-block-start:.6rem; padding-block-start:.5rem; border-block-start:1px solid #f1eae0; }
.t-pdp-seller-action { display:inline-flex; gap:.3rem; align-items:center; color:#126c53; min-block-size:2.3rem; font-size:.77rem; font-weight:770; text-decoration:none; }
.t-pdp-seller-action:hover { text-decoration:underline; }
.t-pdp-response { font-size:.71rem; color:var(--pdp-muted); }
.t-pdp-section { margin-block-start:2rem; min-inline-size:0; }
.t-pdp-section-head { margin-block-end:1.1rem; }
.t-pdp-section-head h2 { margin-block-start:.2rem; }
.t-pdp-section-nav {
  display:flex; gap:.5rem; overflow-x:auto; overscroll-behavior-inline:contain;
  margin-block-start:2rem; padding-block:.55rem;
  border-block:1px solid var(--pdp-line); scrollbar-width:none;
}
.t-pdp-section-nav::-webkit-scrollbar { display:none; }
.t-pdp-section-nav a {
  display:inline-flex; flex:none; align-items:center; min-block-size:2.6rem;
  padding-inline:.75rem; border:1px solid #e8dfcf; border-radius:.7rem;
  background:#fff; color:#605341; text-decoration:none; font-size:.76rem; font-weight:750;
}
.t-pdp-section-nav a:hover { color:#8c6017; background:#fff8e8; }
.t-pdp-description { max-inline-size:72ch; white-space:pre-line; overflow-wrap:anywhere; color:#565952; line-height:2.05; font-size:.91rem; }
.t-pdp-muted { font-size:.81rem; line-height:1.9; color:var(--pdp-muted); margin-block:.6rem; }
.t-pdp-attributes { margin-block-start:1.35rem; border:1px solid var(--pdp-line); border-radius:1rem; overflow:hidden; background:#fff; }
.t-pdp-attributes h3 { padding:.9rem 1rem; font-size:.94rem; font-weight:800; background:#fffbf2; }
.t-pdp-attributes dl { padding-inline:1rem; }
.t-pdp .t-detail-kv { grid-template-columns:minmax(6.8rem,.42fr) minmax(0,1fr); }
.t-pdp .t-detail-kv dt, .t-pdp .t-detail-kv dd { overflow-wrap:anywhere; }
.t-pdp-detail-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:1rem; }
.t-pdp-detail-card { min-inline-size:0; background:#fff; border:1px solid var(--pdp-line); border-radius:1.1rem; padding:1rem; }
.t-pdp-detail-card h3 { font-size:.94rem; font-weight:800; margin-block-end:.6rem; }
.t-pdp-area-list { display:grid; gap:.8rem; }
.t-pdp-area-row { border-block-end:1px solid #f0ece5; padding-block-end:.65rem; }
.t-pdp-area-row:last-child { border-block-end:0; }
.t-pdp-area-row strong { display:block; font-size:.82rem; }
.t-pdp-area-row p { margin-block-start:.28rem; font-size:.78rem; color:var(--pdp-muted); line-height:1.8; }
.t-pdp-hours summary { min-block-size:2.8rem; display:list-item; cursor:pointer; color:#855d13; font-size:.82rem; font-weight:760; }
.t-pdp-hours dl { margin-block-start:.5rem; }
.t-pdp-report { display:flex; justify-content:end; margin-block:1rem; }
.t-pdp #reviews { margin-block-start:2.5rem; }
.t-pdp #reviews .t-section { padding-block:2rem; }
.t-pdp #reviews .t-card { border-radius:1rem; }
.t-pdp #reviews .t-review-summary { background:#fffdf8; }
.t-pdp .t-pdp-inquiry { max-inline-size:55rem; margin-inline:auto; }
.t-pdp .t-pdp-inquiry #ask-store { scroll-margin-block-start:5rem; }
.t-pdp .t-market-product-grid { min-inline-size:0; }
.t-pdp-mobile-buy { display:none; }
@media (min-width:40rem) {
  .t-pdp { padding-block-start:1.5rem; }
  .t-pdp .t-product-detail-grid { gap:1.5rem; }
  .t-pdp-detail-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (min-width:64rem) {
  .t-pdp { padding-block-start:2rem; }
  .t-pdp [id] { scroll-margin-block-start:calc(var(--t-header-desktop,4.5rem) + 1.5rem); }
  .t-pdp .t-product-detail-grid {
    grid-template-columns:minmax(0,1.12fr) minmax(21rem,.88fr);
    gap:clamp(1.5rem,3vw,2.25rem);
    align-items:start;
  }
  .t-pdp .t-product-buybox { position:static; }
  .t-pdp .t-pdp-purchase { position:sticky; inset-block-start:calc(var(--t-header-desktop,4.5rem) + 1rem); }
  .t-pdp-header { margin-block:1.8rem 1.5rem; }
  .t-pdp-section { margin-block-start:2.7rem; }
  .t-pdp .t-product-gallery-main { aspect-ratio:4/3; }
}
@media (max-width:639px) {
  .t-pdp { padding-block-end: .5rem; }
  .t-pdp .t-pdp-inquiry { padding-block-end: .75rem; }
  .t-pdp .t-pdp-related { padding-block-end: 1rem; }
  .t-pdp .t-product-detail-grid { display:grid !important; grid-template-columns:minmax(0,1fr); gap:1rem; }
  .t-pdp .t-product-buybox { position:static !important; }
  .t-pdp-header { align-items:flex-start; gap:.45rem; margin-block:1.2rem 1rem; }
  .t-pdp-header-main { flex:1 1 100%; }
  .t-pdp-header-actions { margin-inline-start:auto; }
  .t-pdp-header h1 { font-size:clamp(1.32rem,5.3vw,1.58rem); line-height:1.55; }
  .t-pdp-save-button { min-block-size:2.55rem; font-size:.77rem; }
  .t-pdp .t-product-gallery-main { aspect-ratio:4/3; min-block-size:0; border-radius:1.1rem; }
  .t-pdp-gallery-arrow { inline-size:2.75rem; block-size:2.75rem; }
  .t-pdp .t-pdp-gallery-thumb { flex-basis:3.7rem; }
  .t-pdp .t-product-price-focus.t-pdp-price { font-size:1.67rem; }
  .t-pdp-purchase { padding:1rem; }
  .t-pdp-add-form { grid-template-columns:minmax(0,6rem) minmax(0,1fr); }
  .t-pdp-section { margin-block-start:1.8rem; }
  .t-pdp-section-nav { margin-block-start:1.6rem; }
  .t-pdp .t-detail-kv { grid-template-columns:minmax(5.9rem,.4fr) minmax(0,1fr); gap:.6rem; }
  .t-pdp-mobile-buy {
    position:fixed; z-index:39; inset-inline:0; inset-block-end:0;
    display:flex; align-items:center; justify-content:space-between;
    gap:.85rem; min-inline-size:0;
    padding:.65rem max(1rem,env(safe-area-inset-right,0px)) calc(.65rem + env(safe-area-inset-bottom,0px)) max(1rem,env(safe-area-inset-left,0px));
    border-block-start:1px solid #e1d5c1; background:rgb(255 253 247 / .97);
    box-shadow:0 -6px 25px rgb(35 27 12 / .08);
    backdrop-filter:blur(10px);
  }
  .t-pdp-mobile-price { display:grid; gap:.08rem; flex:1; min-inline-size:0; }
  .t-pdp-mobile-price small { font-size:.68rem; color:var(--pdp-muted); }
  .t-pdp-mobile-price strong { font-size:clamp(.95rem,3.6vw,1.2rem); font-weight:850; color:#24452e; overflow-wrap:anywhere; }
  .t-pdp-mobile-price strong span { font-size:.68rem; }
  .t-pdp .t-pdp-mobile-action { display:flex; flex:0 0 auto; min-inline-size:8.4rem; min-block-size:3rem; justify-content:center; align-items:center; font-weight:850; font-size:.83rem; }
}
@media (max-width:360px) {
  .t-pdp-header-actions { flex-basis:100%; }
  .t-pdp .t-pdp-mobile-action { min-inline-size:7.4rem; padding-inline:.7rem; }
  .t-pdp-mobile-price strong { font-size:.94rem; }
  .t-pdp .t-pdp-gallery-thumb { flex-basis:3.3rem; }
}
@media (prefers-reduced-motion:reduce) {
  .t-pdp * { scroll-behavior:auto !important; transition-duration:0.01ms !important; animation-duration:0.01ms !important; }
}

/* Stage 12: adaptive gallery media and reliable, non-JavaScript zoom fallback. */
.t-pdp .t-pdp-gallery-open {
  position:absolute;
  inset-inline-end:.8rem;
  inset-block-end:.85rem;
  z-index:2;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.4rem;
  min-block-size:2.75rem;
  padding:.35rem .75rem;
  border:1px solid #e2d6c3;
  border-radius:999px;
  background:rgb(255 255 255 / .95);
  color:var(--pdp-ink);
  font-size:.75rem;
  font-weight:750;
  text-decoration:none;
}
.t-pdp .t-pdp-gallery-open:hover { background:#fff8ec; border-color:#cba659; }
.t-pdp .t-pdp-gallery-open:focus-visible { outline:3px solid var(--pdp-gold); outline-offset:3px; }
@media(max-width:380px) {
  .t-pdp .t-pdp-gallery-open { inset-inline-end:.45rem; inset-block-end:.5rem; padding-inline:.55rem; }
}


/* Stage 13 — accessible, page-scoped full-screen image viewer.
 * This CSS is mirrored verbatim into public_html for the currently stale Vite bundle. */
.t-pdp .t-pdp-gallery-image-link {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  cursor: zoom-in;
}
.t-pdp .t-pdp-gallery-stage { touch-action: pan-y; }
.t-pdp .t-pdp-gallery-stage [hidden],
.t-pdp .t-pdp-lightbox [hidden] { display: none !important; }
.t-pdp .t-pdp-gallery-stage .t-product-gallery-error { display: none; }
.t-pdp .t-pdp-gallery-thumb { border-radius: .75rem; overflow: hidden; }
.t-pdp .t-pdp-gallery-thumb:focus-visible,
.t-pdp .t-pdp-lightbox-thumb:focus-visible,
.t-pdp .t-pdp-lightbox-tool:focus-visible,
.t-pdp .t-pdp-lightbox-arrow:focus-visible {
  outline: 3px solid #d39c39;
  outline-offset: 3px;
}
.t-pdp .t-pdp-lightbox:not([open]) { display: none; }
.t-pdp .t-pdp-lightbox {
  position: fixed;
  inset: 0;
  margin: auto;
  box-sizing: border-box;
  inline-size: min(78rem, calc(100vw - 2rem));
  block-size: min(56rem, calc(100dvh - 2rem));
  max-inline-size: none;
  max-block-size: none;
  padding: 0;
  border: 1px solid #504837;
  border-radius: 1.2rem;
  background: #171713;
  color: #fff;
  overflow: hidden;
  box-shadow: 0 30px 100px rgb(0 0 0 / .45);
}
.t-pdp .t-pdp-lightbox::backdrop {
  background: rgb(12 12 10 / .88);
  backdrop-filter: blur(4px);
}
.t-pdp .t-pdp-lightbox-layout {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto auto;
  inline-size: 100%;
  block-size: 100%;
  min-block-size: 0;
}
.t-pdp .t-pdp-lightbox-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .85rem;
  padding: .65rem 1.2rem;
  border-block-end: 1px solid rgb(255 255 255 / .13);
  background: #22221d;
}
.t-pdp .t-pdp-lightbox-header h2 {
  min-inline-size: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .9rem;
  font-weight: 750;
  color: #f4efe4;
}
.t-pdp .t-pdp-lightbox-tools { display: flex; align-items: center; gap: .5rem; flex: none; }
.t-pdp .t-pdp-lightbox-count {
  padding-inline: .5rem;
  font-size: .8rem;
  color: #eee5d2;
  font-variant-numeric: tabular-nums;
}
.t-pdp .t-pdp-lightbox-tool {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .4rem;
  min-inline-size: 2.75rem;
  min-block-size: 2.75rem;
  padding: .35rem .6rem;
  border-radius: .65rem;
  border: 1px solid rgb(255 255 255 / .27);
  background: rgb(255 255 255 / .06);
  color: #fff;
  cursor: pointer;
  font-size: .78rem;
  font-weight: 720;
}
.t-pdp .t-pdp-lightbox-tool:hover,
.t-pdp .t-pdp-lightbox-tool[aria-pressed="true"] { background: #675126; border-color: #b49354; }
.t-pdp .t-pdp-lightbox-tool.is-close { background: rgb(185 76 56 / .14); }
.t-pdp .t-pdp-lightbox-stage {
  position: relative;
  display: grid;
  min-block-size: 0;
  place-items: center;
  overflow: hidden;
  background: #11120f;
}
.t-pdp .t-pdp-lightbox-viewport {
  position: relative;
  display: grid;
  place-items: center;
  inline-size: 100%;
  block-size: 100%;
  min-inline-size: 0;
  min-block-size: 0;
  overflow: hidden;
  touch-action: pan-y;
  cursor: zoom-in;
}
.t-pdp .t-pdp-lightbox-viewport img {
  display: block;
  inline-size: auto;
  block-size: auto;
  max-inline-size: 100%;
  max-block-size: 100%;
  object-fit: contain;
  user-select: none;
  -webkit-user-drag: none;
  transform: scale(1);
  transition: transform .18s ease;
}
.t-pdp .t-pdp-lightbox-viewport[data-zoomed="true"] { touch-action: none; cursor: move; }
.t-pdp .t-pdp-lightbox-viewport[data-zoomed="true"] img { transform: scale(2); }
.t-pdp .t-pdp-lightbox-error {
  position: absolute;
  inset: auto 1rem 1rem;
  margin: 0;
  padding: .65rem;
  border-radius: .65rem;
  background: rgb(115 41 31 / .90);
  color: #fff;
  text-align: center;
  font-size: .85rem;
}
.t-pdp .t-pdp-lightbox-arrow {
  position: absolute;
  inset-block-start: 50%;
  z-index: 2;
  display: grid;
  place-items: center;
  inline-size: 3rem;
  block-size: 3rem;
  border-radius: 50%;
  border: 1px solid rgb(255 255 255 / .33);
  background: rgb(30 30 28 / .72);
  color: #fff;
  transform: translateY(-50%);
  cursor: pointer;
}
.t-pdp .t-pdp-lightbox-arrow:hover { background: rgb(115 87 42 / .86); }
.t-pdp .t-pdp-lightbox-arrow.is-prev { inset-inline-start: .9rem; }
.t-pdp .t-pdp-lightbox-arrow.is-next { inset-inline-end: .9rem; }
.t-pdp .t-pdp-lightbox-thumbs {
  display: flex;
  justify-content: center;
  gap: .45rem;
  max-inline-size: 100%;
  min-block-size: 0;
  overflow-x: auto;
  padding: .75rem;
  border-block-start: 1px solid rgb(255 255 255 / .13);
  scroll-snap-type: inline proximity;
  overscroll-behavior-inline: contain;
}
.t-pdp .t-pdp-lightbox-thumb {
  flex: none;
  inline-size: 3.9rem;
  block-size: 3.9rem;
  overflow: hidden;
  padding: .18rem;
  border: 2px solid transparent;
  border-radius: .65rem;
  background: #33312b;
  cursor: pointer;
  scroll-snap-align: start;
}
.t-pdp .t-pdp-lightbox-thumb[aria-current="true"] { border-color: #f1ba51; }
.t-pdp .t-pdp-lightbox-thumb img { inline-size: 100%; block-size: 100%; object-fit: contain; }
.t-pdp .t-pdp-lightbox-hint {
  margin: 0;
  padding: .45rem 1rem;
  color: #cbc2ad;
  text-align: center;
  font-size: .7rem;
  line-height: 1.6;
}
@media (max-width: 639px) {
  .t-pdp .t-pdp-lightbox {
    inline-size: 100%;
    block-size: 100dvh;
    inset: 0;
    margin: 0;
    border: none;
    border-radius: 0;
  }
  .t-pdp .t-pdp-lightbox-header {
    padding-block-start: calc(.45rem + env(safe-area-inset-top, 0px));
    padding-inline: .7rem;
  }
  .t-pdp .t-pdp-lightbox-header h2 { font-size: .77rem; }
  .t-pdp .t-pdp-lightbox-tool [data-pdp-lightbox-zoom-label] { display: none; }
  .t-pdp .t-pdp-lightbox-count { font-size: .72rem; }
  .t-pdp .t-pdp-lightbox-arrow { inline-size: 2.8rem; block-size: 2.8rem; }
  .t-pdp .t-pdp-lightbox-arrow.is-prev { inset-inline-start: .45rem; }
  .t-pdp .t-pdp-lightbox-arrow.is-next { inset-inline-end: .45rem; }
  .t-pdp .t-pdp-lightbox-thumbs { justify-content: flex-start; padding-block: .5rem; }
  .t-pdp .t-pdp-lightbox-thumb { inline-size: 3.35rem; block-size: 3.35rem; }
  .t-pdp .t-pdp-lightbox-hint {
    padding-block-end: calc(.45rem + env(safe-area-inset-bottom, 0px));
    font-size: .66rem;
  }
}
@media (max-height: 480px) and (orientation: landscape) {
  .t-pdp .t-pdp-lightbox-hint, .t-pdp .t-pdp-lightbox-thumbs { display: none; }
  .t-pdp .t-pdp-lightbox { block-size: 100dvh; }
}
@media (prefers-reduced-motion: reduce) {
  .t-pdp .t-pdp-lightbox-viewport img { transition: none; }
}