.card-detail { width: min(1100px, 100% - 32px); }
.card-detail nav { margin-bottom: 32px; font-size: 14px; }
.card-product { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: clamp(24px, 5vw, 64px); align-items: start; }
.card-preview { width: 100%; height: auto; max-width: 420px; border-radius: 12px; box-shadow: 0 12px 32px #1a1f3a22; }
.card-product h1 { font-size: clamp(34px, 5vw, 54px); overflow-wrap: anywhere; }
.card-price { padding-block: 12px; }
.card-detail section { margin-top: 48px; }
.card-detail section h2 { margin-bottom: 16px; }
.skip-link { position: absolute; top: -100px; left: 16px; z-index: 100; padding: 12px; background: #fffdf8; }
.skip-link:focus { top: 8px; }
@media (max-width: 680px) { .card-product { grid-template-columns: 1fr; } .card-preview { max-width: 300px; margin-inline: auto; } }
.card-detail + footer { background: none; color: var(--ink); padding-block: 24px; border-top: 1px solid var(--line); }