.vn-pdp{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;align-items:start}
.vn-pdp>*{min-width:0}
.vn-gallery{min-width:0;width:100%;max-width:var(--box);margin:0 auto}
.vn-main-shot{position:relative;width:100%;aspect-ratio:1/1;background:#fff;border:1px solid var(--vn-line);border-radius:10px;overflow:hidden}
.vn-zoom{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border:0;background:#fff;padding:5%;cursor:zoom-in}
.vn-zoom img{width:100%;height:100%;object-fit:contain}
.vn-zoom-ico{position:absolute;right:10px;bottom:10px;width:38px;height:38px;border-radius:50%;background:var(--vn-ink);color:#fff;display:flex;align-items:center;justify-content:center}
.vn-main-shot .vn-volt{left:10px;bottom:10px;font-size:15px;padding:6px 10px}
.vn-thumbs{display:flex;flex-wrap:nowrap;gap:8px;list-style:none;margin-top:10px;overflow-x:auto;padding-bottom:4px}
.vn-thumbs li{flex:none}
.vn-thumbs button{width:64px;height:64px;padding:3px;border:1px solid var(--vn-line);border-radius:6px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}
.vn-thumbs img{width:100%;height:100%;object-fit:contain}
.vn-thumbs button[aria-current=true]{border:2px solid var(--vn-ink)}
.vn-info{min-width:0}
.vn-info h1{font-size:26px;margin-bottom:8px}
.vn-sku{font-size:14px;color:var(--vn-mute);margin:0 0 8px}
.vn-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin:12px 0 4px}
.vn-price .price-item{font-family:var(--vn-head);font-weight:700;font-size:30px;line-height:1}
.vn-each{font-size:15px;color:var(--vn-ink2)}
.vn-picked{font-size:15px;color:var(--vn-ink2);margin:0 0 12px}
.vn-key{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;list-style:none;margin:14px 0}
.vn-key li{background:var(--vn-strip);border-radius:8px;padding:10px 6px;text-align:center;min-width:0;overflow-wrap:anywhere}
.vn-key b{display:block;font-family:var(--vn-head);font-weight:700;font-size:18px;line-height:1.15}
.vn-key span{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--vn-ink2);margin-top:3px}
.vn-glance{list-style:none;display:grid;gap:6px;margin:0 0 16px}
.vn-glance li{display:flex;gap:8px;align-items:flex-start;font-size:15px}
.vn-glance svg{flex:none;margin-top:3px;color:var(--vn-amber-ink)}
.vn-opts-l{font-family:var(--vn-head);font-weight:600;font-size:13px;letter-spacing:.1em;text-transform:uppercase;padding:0;margin:0 0 8px}
.vn-opts{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 16px}
.vn-opt{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-height:48px;padding:7px 14px;border:1px solid var(--vn-ink);border-radius:10px;background:#fff;font:inherit;font-size:15px;cursor:pointer;color:var(--vn-ink);text-align:left;overflow-wrap:anywhere}
.vn-opt small{font-size:13px;color:var(--vn-ink2)}
.vn-opt[aria-pressed=true]{background:var(--vn-ink);color:#fff}
.vn-opt[aria-pressed=true] small{color:#fff}
.vn-note{font-size:14px;color:var(--vn-ink2);margin:12px 0 0}
.vn-lb{border:0;padding:0;background:rgba(16,17,19,.94);width:100vw;height:100vh;max-width:100vw;max-height:100vh}
.vn-lb::backdrop{background:rgba(16,17,19,.94)}
.vn-lb-fig{margin:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 56px 40px}
.vn-lb-slot{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;width:100%}
.vn-lb-slot img{max-height:100%;width:auto;height:auto;object-fit:contain;background:#fff}
.vn-lb-n{color:#fff;font-family:var(--vn-head);padding-top:10px}
.vn-lb-btn{position:absolute;width:46px;height:46px;border-radius:50%;border:0;background:#fff;color:var(--vn-ink);font-size:26px;line-height:1;cursor:pointer}
.vn-lb-prev{left:8px;top:50%}.vn-lb-next{right:8px;top:50%}.vn-lb-close{right:8px;top:8px}
.vn-specs{display:grid;gap:0;margin:0}
.vn-specs div{display:grid;grid-template-columns:44% 1fr;gap:10px;padding:9px 12px;border-bottom:1px solid var(--vn-line)}
.vn-specs div:nth-child(odd){background:var(--vn-strip)}
.vn-specs dt{font-family:var(--vn-head);font-weight:500;color:var(--vn-ink2)}
.vn-specs dd{margin:0;font-weight:600}
.vn-spec-grid{display:grid;gap:24px;align-items:start}
.vn-basecard{border:1px solid var(--vn-line);border-radius:10px;padding:18px;display:grid;grid-template-columns:118px 1fr;gap:16px;align-items:center}
.vn-basecard .vn-base-ico{background:var(--vn-ink);color:#fff}
.vn-basecard h3{margin:0 0 4px}
.vn-basecard p{margin:0;font-size:15px;color:var(--vn-ink2)}
.vn-hl{list-style:none;display:grid;gap:12px}
.vn-hl li{border-left:4px solid var(--vn-amber);padding:2px 0 2px 14px}
.vn-hl b{display:block;font-family:var(--vn-head);font-weight:600}
.vn-check{list-style:none;display:grid;gap:8px;margin:0}
.vn-check li{display:flex;gap:10px;align-items:flex-start}
.vn-check svg{flex:none;margin-top:3px;color:var(--vn-amber-ink)}
.vn-swapcard{display:grid;gap:14px;border:2px solid var(--vn-ink);border-radius:12px;padding:18px;align-items:center}
.vn-swapcard h3{margin:0 0 6px}
.vn-swapcard p{margin:0 0 10px}
.vn-swapcard img{width:120px}
.vn-swapcard{background:#fff}
.vn-check+h3,.vn-spec-grid h3{margin-top:22px}
@media (min-width:1024px){
 .vn-pdp{grid-template-columns:minmax(0,var(--box)) minmax(0,1fr);gap:40px}
 .vn-gallery{margin:0}
}
@media (min-width:768px){
 .vn-info h1{font-size:30px}
 .vn-spec-grid{grid-template-columns:1.25fr 1fr;gap:36px}
 .vn-hl{grid-template-columns:repeat(2,1fr);gap:16px 28px}
 .vn-hl--3{grid-template-columns:repeat(3,1fr)}
 .vn-hl--4{grid-template-columns:repeat(2,1fr)}
 .vn-swapcard{grid-template-columns:120px 1fr}
 .vn-swapcard>.button{grid-column:2;justify-self:start}
 .vn-swapcard--aisle{grid-template-columns:1fr}
 .vn-swapcard--aisle>.button{grid-column:1}
}
@media (max-width:480px){.vn-lb-fig{padding:56px 8px 40px}.vn-key b{font-size:16px}}