/* ================= product detail page (route: product) ================= */

.crumbs{
  display:flex;align-items:center;gap:7px;flex-wrap:wrap;
  font-size:12px;letter-spacing:.04em;color:var(--muted-2);margin-bottom:18px;
}
.crumbs a{color:var(--muted)}
.crumbs a:hover{color:var(--gold)}
.crumbs span{color:var(--muted-3)}
.crumbs .crumbs-now{color:var(--text)}

.pdp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}

/* ---------- gallery ---------- */
.pdp-media{position:sticky;top:96px}
.pdp-art{
  position:relative;aspect-ratio:1;overflow:hidden;
  border:1px solid var(--line);background:var(--bg-2);
}
.pdp-art img{width:100%;height:100%;object-fit:cover}
.pdp-art.is-out img{filter:grayscale(1);opacity:.45}
.pdp-thumbs{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.pdp-thumb{
  width:74px;height:74px;padding:0;cursor:pointer;
  border:1px solid var(--line);background:var(--bg-2);
  transition:border-color .18s;
}
.pdp-thumb img{width:100%;height:100%;object-fit:cover}
.pdp-thumb:hover{border-color:var(--line-2)}
.pdp-thumb.on{border-color:var(--gold)}

/* ---------- info column ---------- */
.pdp-info{display:flex;flex-direction:column;align-items:flex-start;gap:0}
.pdp-info .prod-brand{margin-bottom:10px}
.pdp-title{
  font-family:var(--head);font-weight:500;font-size:clamp(24px,3vw,38px);
  line-height:1.15;letter-spacing:.03em;
}
.pdp-vol{font-size:13px;color:var(--muted-2);letter-spacing:.08em;margin-top:8px}

.pdp-price-row{display:flex;align-items:baseline;gap:12px;margin-top:18px}
.pdp-price{font-family:var(--head);font-size:clamp(26px,3vw,34px);color:var(--gold);letter-spacing:.02em}
.pdp-old{color:var(--muted-3);font-size:16px}

.pdp-stock{
  margin-top:10px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;
}
.pdp-stock.is-in{color:#8fbf6a}
.pdp-stock.is-out{color:var(--muted-3)}

.pdp-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px;width:100%}
.pdp-actions .btn{min-width:150px}

.pdp-perks{
  list-style:none;margin:22px 0 0;padding:18px 0 0;width:100%;
  border-top:1px solid var(--line);
  display:flex;flex-direction:column;gap:9px;
  font-size:13px;color:var(--muted);
}
.pdp-perks li{position:relative;padding-left:16px}
.pdp-perks li::before{
  content:"";position:absolute;left:0;top:7px;
  width:5px;height:5px;background:var(--gold);
}

.pdp-block{width:100%;margin-top:26px}
.pdp-block h2{
  font-size:13px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--muted-2);margin-bottom:10px;
}
.pdp-block p{margin:0;font-size:15px;line-height:1.6;color:var(--text)}
.pdp-block .pdp-fine{font-size:13px;color:var(--muted);line-height:1.55}

.pdp-specs{margin:0;display:flex;flex-direction:column;gap:0}
.pdp-specs > div{
  display:flex;gap:14px;justify-content:space-between;align-items:baseline;
  padding:10px 0;border-bottom:1px solid var(--line);
}
.pdp-specs dt{font-size:13px;color:var(--muted-2)}
.pdp-specs dd{margin:0;font-size:13.5px;text-align:right}

.pdp-back{margin-top:26px}

/* ---------- similar products ---------- */
.pdp-similar{margin-top:clamp(40px,6vw,72px);border-top:1px solid var(--line);padding-top:clamp(24px,3vw,40px)}
.pdp-similar .h-sec{margin-bottom:18px}

/* Cards became links: the anchor must not paint the text gold. */
.prod a.prod-art{display:block}
.prod a.prod-name{display:block;color:var(--text)}
.prod a.prod-name:hover{color:var(--gold)}

/* ---------- not found ---------- */
.pdp-404{min-height:38vh}

@media (max-width:900px){
  .pdp{grid-template-columns:1fr;gap:22px}
  .pdp-media{position:static}
  .pdp-art{aspect-ratio:4/3}
}

/* Matches the site-wide compact scale in leos.css. */
@media (max-width:560px){
  .crumbs{font-size:11px;gap:5px;margin-bottom:12px}
  .crumbs .crumbs-now{width:100%;order:9}
  .pdp{gap:16px}
  .pdp-art{aspect-ratio:1}
  .pdp-thumbs{gap:6px;margin-top:6px}
  .pdp-thumb{width:56px;height:56px}
  .pdp-title{font-size:21px}
  .pdp-vol{font-size:12px;margin-top:6px}
  .pdp-price-row{margin-top:12px;gap:9px}
  .pdp-price{font-size:23px}
  .pdp-old{font-size:14px}
  .pdp-stock{margin-top:8px;font-size:11px;letter-spacing:.1em}
  .pdp-actions{margin-top:16px;gap:8px}
  .pdp-actions .btn{flex:1 1 130px;min-width:0;font-size:12px;padding:11px 12px}
  .pdp-perks{margin-top:16px;padding-top:14px;gap:7px;font-size:12.5px}
  .pdp-block{margin-top:18px}
  .pdp-block h2{font-size:11.5px;letter-spacing:.14em;margin-bottom:7px}
  .pdp-block p{font-size:14px;line-height:1.55}
  .pdp-specs > div{padding:8px 0}
  .pdp-specs dt,.pdp-specs dd{font-size:12.5px}
  .pdp-back{margin-top:18px;font-size:13px}
  .pdp-similar{margin-top:28px;padding-top:20px}
  .pdp-similar .h-sec{margin-bottom:12px}
}