.product-visual{aspect-ratio:1;height:auto;background:#fff;isolation:isolate}.product-visual img{position:absolute;inset:0;width:100%;height:100%;padding:24px;object-fit:contain;background:white;z-index:1}.product-visual>span{z-index:2}.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.media-grid article{border:1px solid var(--line);padding:16px;border-radius:10px;min-width:0}.media-player{aspect-ratio:16/9;background:#111;border-radius:8px;overflow:hidden}.media-player iframe{width:100%;height:100%;border:0}.media-grid h3{font-size:1.2rem;overflow-wrap:anywhere}.media-grid a,.media-grid button{display:block;margin-top:12px;font-size:1rem}.media-grid button{background:var(--yellow);border:0;border-radius:6px;padding:10px;cursor:pointer}.product-video{margin-top:14px}.product-video summary{cursor:pointer;font-weight:700;font-size:14px}.product-video .media-player{margin-top:12px}@media(max-width:800px){.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.media-grid{grid-template-columns:1fr}}
