/* Real source photographs share the studio without creating a WebGL context. */
body.configurator-page .stage-controls .seg { display:flex; flex-wrap:wrap; }
body.configurator-page #stageView.has-wheel-product {
  display:flex; flex-direction:column; align-items:stretch; justify-content:center;
  gap:12px; padding:16px 30px; min-height:0; overflow:auto;
}
.wheel-product-figure { display:flex; flex:1; min-height:0; flex-direction:column; gap:10px; margin:0; }
.wheel-product-image-wrap { position:relative; flex:1; min-height:160px; display:grid; place-items:center; overflow:hidden; border-radius:18px; background:#fff; }
.wheel-product-image { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; }
.wheel-product-figure figcaption { display:grid; gap:4px; text-align:center; font:12px/1.45 var(--body); color:var(--muted); }
.wheel-product-figure figcaption b { color:var(--txt); font-size:15px; font-weight:500; }
.wheel-product-figure figcaption b span { margin-left:12px; font-size:11px; color:var(--muted); }
.wheel-product-figure figcaption small { font-size:11px; }
.wheel-product-figure figcaption a { color:var(--accent); text-decoration:underline; text-underline-offset:3px; }
.wheel-product-source { font-size:11px; }
.wheel-product-gallery { display:flex; flex:none; gap:8px; overflow-x:auto; padding:3px; scrollbar-width:thin; }
.wheel-product-gallery button { width:64px; height:64px; flex:none; border:2px solid transparent; padding:3px; border-radius:12px; background:#fff; cursor:pointer; }
.wheel-product-gallery button.active { border-color:var(--accent); }
.wheel-product-gallery button:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
.wheel-product-gallery img { width:100%; height:100%; object-fit:contain; border-radius:7px; }
.wheel-product-error { display:grid; gap:12px; justify-items:center; text-align:center; padding:18px; color:#202731; }
.wheel-product-error[hidden], .wheel-product-image[hidden] { display:none; }
.wheel-product-error button { color:#202731; border-color:#8f99a2; }
.wheel-product-empty { display:grid; gap:18px; justify-items:center; margin:auto; padding:30px 10px; max-width:440px; text-align:center; }
.wheel-product-empty p { font-size:14px; line-height:1.65; color:var(--muted); }
.wheel-product-config-link { font:12px/1.5 var(--body); text-align:left; }
.wheel-catalog-photo { border-radius:10px; background:#fff; aspect-ratio:1; object-fit:contain; }
.wheel-legacy-designs { margin-top:24px; }
.wheel-legacy-designs summary { cursor:pointer; padding:14px 0; color:var(--muted); font:13px var(--body); }
@media (max-width:900px) {
  body.configurator-page .stage-controls { flex-wrap:wrap; }
  body.configurator-page .stage-controls .seg { flex-basis:100%; }
  body.configurator-page .stage-controls .toggle { margin-left:auto; }
  body.configurator-page #stageView.has-wheel-product { padding:12px 14px; gap:10px; overflow:visible; }
  .wheel-product-figure { flex:none; }
  .wheel-product-image-wrap { flex:none; height:clamp(190px,52vw,320px); min-height:0; }
  .wheel-product-gallery button { width:56px; height:56px; }
  .wheel-product-figure figcaption { font-size:11px; }
  .wheel-product-figure figcaption small { font-size:10px; }
}
@media (max-width:900px) and (max-height:500px) and (orientation:landscape) {
  .wheel-product-image-wrap { height:180px; }
}
