.real-products { grid-template-columns: repeat(3, 1fr); }
.real-products > article:not(.product-card) { display: none; }
.range-grid .product-card { min-height: 610px; }
.product-top { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; }
.stock-status { font: 7px/1.35 "Courier New", monospace; letter-spacing: .08em; text-align: right; color: var(--muted); border: 1px solid var(--line); padding: 4px 6px; }
.product-visual { height: 145px; margin: 24px 0; background: var(--navy); color: #fff; border-radius: 24px 24px 10px 10px; width: 68px; align-self: center; display: flex; flex-direction: column; align-items: center; justify-content: center; box-shadow: 13px 11px 0 #d6d2ca; transform: rotate(-2deg); }
.product-visual b { font-size: 14px; letter-spacing: .08em; }
.product-visual span { font: 7px "Courier New", monospace; letter-spacing: .08em; color: #bfd2da; }
.product-visual.pod-wide { width: 84px; height: 140px; border-radius: 19px 19px 11px 11px; transform: rotate(2deg); background: var(--blue); }
.product-visual.pod-slim { width: 55px; height: 150px; border-radius: 19px 19px 8px 8px; }
.product-visual.box-kit { width: 100px; height: 135px; border-radius: 10px; position: relative; }
.product-visual.box-kit::after { content: ""; position: absolute; width: 35px; height: 58px; background: var(--blue); border-radius: 12px 12px 2px 2px; top: -29px; right: 12px; }
.product-visual.pod-pack { width: 128px; height: 105px; border-radius: 9px; transform: rotate(-1deg); background: var(--blue); }
.product-visual.pod-pack.orange { background: #b65322; }
.product-specs { list-style: none; padding: 0; margin: 5px 0 15px; border-top: 1px solid var(--line); }
.product-specs li { font: 10px/1.4 "Courier New", monospace; padding: 7px 0 6px 15px; border-bottom: 1px solid #dedbd5; position: relative; }
.product-specs li::before { content: "+"; position: absolute; left: 0; color: var(--orange); }
.source-link { font-size: 10px; color: var(--blue); text-decoration: underline; text-underline-offset: 3px; margin: 0 0 17px; }
.range-grid .product-card button { margin-top: auto; }
@media (max-width: 1050px) { .real-products { grid-template-columns: 1fr 1fr; } .range-grid .product-card { min-height: 590px; } }
@media (max-width: 700px) { .real-products { grid-template-columns: 1fr; } .range-grid .product-card { min-height: 560px; } }
