.r12-detail-nav{border-block:1px solid var(--line);margin:.7rem 0;padding:.5rem 0}.r12-detail-nav p{font-size:.95rem;margin:0 0 .25rem;font-weight:600}.r12-detail-nav a{display:inline-block;margin:.2rem 1.2rem .2rem 0;padding:.3rem 0;text-underline-offset:.2em}
.r12-zoom-label{display:block;background:var(--surface);color:var(--accent);font-size:.85rem;padding:.2rem .3rem}
.outfit-image.r12-image-with-details{position:static}
.r12-detail-preview{border-block:1px solid var(--line);margin:.7rem 0 1rem;padding:.5rem 0}.r12-detail-preview>h3{margin:.2rem 0}.r12-detail-preview>p{font-size:.9rem;margin:.3rem 0 .6rem}.r12-detail-preview .detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;max-width:760px}.r12-detail-preview .detail-card img{height:115px;aspect-ratio:auto;object-fit:contain}.r12-detail-preview h4{font-size:1rem;margin:.4rem 0}.r12-detail-preview .detail-card p{font-size:.85rem;margin:.25rem 0}.r12-coverage-note{border-left:2px solid var(--line);padding:.3rem .8rem;margin:.7rem 0 1rem;max-width:75ch}.r12-coverage-note h3{font-size:1rem;margin:.2rem 0}.r12-coverage-note p,.r12-coverage-note>a{font-size:.9rem}.r12-coverage-note p{margin:.3rem 0}.r12-outfit-details h2{font-size:1.1rem;margin:.6rem 0}.r12-outfit-details p{font-size:.9rem}.r12-outfit-details .detail-controls{margin:.5rem 0}
@media(max-width:480px){.r12-detail-nav a{margin-right:.9rem;font-size:.95rem}.r12-detail-preview .detail-grid{gap:.6rem}.r12-detail-preview .detail-card img{height:65px}.r12-detail-preview h4{font-size:.9rem}.r12-detail-preview .detail-card p{font-size:.8rem;line-height:1.4}.r12-detail-preview>p{font-size:.85rem}}