.prod-list{flex-direction:column;gap:clamp(64px,8vw,112px);display:flex}.prod{content-visibility:auto;contain-intrinsic-size:auto 560px;grid-template-columns:1.1fr 1fr;grid-template-areas:"info media""footer footer";align-items:stretch;gap:32px clamp(28px,4vw,56px);display:grid}.prod-info{flex-direction:column;grid-area:info;justify-content:center;display:flex}.prod.rev{grid-template-areas:"media info""footer footer"}.prod-top{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.prod-footer{border-top:1px solid #0d0d0d1f;grid-area:footer;justify-content:space-between;align-items:center;gap:24px;padding-top:24px;display:flex}.prod-meta{flex:1;grid-template-columns:repeat(2,auto);gap:32px;display:grid}.prod-meta dt{margin-bottom:8px}.prod-meta dd{margin:0}.prod-action{flex:none}.prod-name-link{color:inherit;text-decoration:none;transition:color .2s linear}.prod-name-link:hover{color:#1b5fd9}.prod-media-frame{border-radius:var(--radius-sm);width:100%;max-width:100%;color:inherit;outline:none;grid-area:media;align-self:center;text-decoration:none;display:block;position:relative;overflow:clip}a.prod-media-frame:focus-visible .prod-media-stage{box-shadow:0 0 0 1.5px #1b5fd9}.prod-media-stage{z-index:1;border-radius:var(--radius-sm);width:100%;transition:box-shadow .28s var(--ease);background:#fff;position:relative;transform:none;box-shadow:0 1px #0d0d0d0a}.prod-media{aspect-ratio:3420/2144;border-radius:var(--radius-sm);width:100%;height:auto}.prod-media.slot-media{aspect-ratio:3420/2144;border-radius:var(--radius-sm);background:#fff;border:1px solid #0d0d0d14}.prod-media-frame .slot-img{object-fit:contain!important;object-position:top center!important}.prod-media-frame:hover .prod-media-stage{box-shadow:0 0 0 1.5px #1b5fd9}@media (prefers-reduced-motion:reduce){.prod-media-stage{transition:box-shadow .16s linear}}@media (max-width:1024px) and (min-width:821px){.prod{grid-template-columns:1fr 1fr;column-gap:clamp(20px,3vw,40px)}}@media (max-width:820px){.prod{grid-template-columns:1fr;grid-template-areas:"info""media""footer";gap:28px}.prod.rev{grid-template-areas:"info""media""footer"}.prod-meta{grid-template-columns:1fr 1fr;gap:20px;width:100%}.prod-footer{flex-direction:column;align-items:stretch;gap:24px}.prod-action .btn{justify-content:space-between;width:100%}.prod-media-frame{align-self:stretch}}@media (max-width:480px){.prod-media-frame,.prod-media-stage,.prod-media,.prod-media.slot-media{border-radius:8px}}
