.product-heading{padding:30px 5.5% 10px;display:flex;align-items:center;justify-content:space-between}
.product-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:30px;padding:0 5.5% 40px;align-items:center}
.product-info h1{font-size:clamp(42px,5vw,74px);line-height:1;margin:24px 0 14px;letter-spacing:-1px}
.product-info p{color:var(--muted);font-size:13px;line-height:1.8}
.product-info small{display:block;font-size:10px;line-height:1.7;color:var(--muted);margin-top:14px}
.product-info .pill{font-size:9px;line-height:1.6}
.product-layout .cinema{height:690px;min-height:690px;max-height:none;border:1px solid var(--border);border-radius:14px;overflow:hidden}
.product-layout .scene-wrap{width:100%;height:650px;top:50%;left:50%;transform:translate(-50%,-50%)}
.product-layout .model-stage{inset:0 0 110px}
.product-layout .scene-controls{bottom:50px;flex-wrap:wrap;padding:0 12px}
.product-layout .scene-controls button{padding:9px}
.product-layout .rotate-controls{bottom:15px}
.product-layout .plinth{left:50%;translate:-50% 0;width:80%;top:520px}
.product-layout .steel-spine .texture-outer-spine{position:absolute;inset:0;overflow:hidden;border-radius:2px;backface-visibility:hidden}
.product-layout .steel-spine{background:#17252a}
.product-photos{padding:0 5.5% 50px}
.product-photos h2{font-size:34px;margin-bottom:20px}
#photoGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
#photoGrid button{padding:0;background:var(--panel);color:var(--white);border:1px solid var(--border);text-align:left;overflow:hidden}
#photoGrid img{display:block;width:100%;aspect-ratio:1;object-fit:contain}
#photoGrid span{display:block;padding:12px;text-transform:capitalize;font-size:12px}
#productLargePhoto{display:block;max-width:100%;max-height:75svh;margin:auto}
.card-photo{padding:0!important;background:#173849}
.card-photo img{position:absolute;width:137%;height:116%;max-width:none;left:-18%;top:-8%;object-fit:fill}
.card-photo:after{display:none}
.placeholder-detail{height:550px;background:radial-gradient(ellipse,var(--glow),var(--panel));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;--case-unit:160px;border-radius:14px}
.placeholder-detail p{font-size:12px;color:var(--muted);text-align:center;padding:20px}
@media(max-width:1100px){.product-layout{grid-template-columns:minmax(0,1fr) 300px;gap:20px}.product-layout .scene-controls button span{font-size:8px}}
@media(max-width:900px){.product-layout{grid-template-columns:1fr}.product-info{padding:10px 0 20px}.product-layout .cinema{height:660px;min-height:660px}#photoGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.product-heading{padding:24px 6% 16px}.product-heading .eyebrow{display:none}.product-layout{padding:0 6% 30px}.product-layout .cinema{height:600px;min-height:600px}.product-layout .scene-wrap{height:575px}.product-layout .model-stage{inset:0 0 110px}.product-layout .plinth{top:390px}.product-info h1{font-size:52px}.product-layout .scene-controls{bottom:45px}.product-layout .rotate-controls{bottom:14px}.product-photos{padding:0 6% 35px}}

/* The card uses the same corner projection as the product viewer. */
.card-photo{border:0}
.card-photo img{left:0;top:0;width:1600px;height:1600px;max-width:none;max-height:none;object-fit:fill;transform-origin:0 0;pointer-events:none}

/* G1 keeps the G2 width and adds height, as on the supplied DVD-size case. */
.product-layout .cinema[data-generation="G1"] .steel-model{--h:460px}
@media(max-width:760px){.product-layout .cinema[data-generation="G1"] .steel-model{--h:365px}}

/* The G3 reference is square, with a cartridge holder rather than a disc tray. */
.product-layout .cinema[data-generation="G3"] .steel-model{--h:300px;top:120px}
@media(max-width:760px){.product-layout .cinema[data-generation="G3"] .steel-model{--h:235px;top:90px}}

/* G4: a narrow Nintendo Switch case with the same inspection controls. */
.product-layout .cinema[data-generation="G4"] .steel-model{--w:246px;--h:410px}
@media(max-width:760px){.product-layout .cinema[data-generation="G4"] .steel-model{--w:195px;--h:325px}}

.card-photo .preview-art{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
