/* The product screen is the only visual surface. No presentation well or device shell. */
.vbl-clean{margin-top:28px;min-width:0;--vbl-gap:40px;color:#191919;container:vb-layout / inline-size}
.vbl-clean *{box-sizing:border-box}
.vbl-clean figure{margin:0;min-width:0}
.vbl-clean .vbl-screen{position:relative;overflow:hidden;background:transparent;border:0;border-radius:12px;box-shadow:none;width:100%;min-width:0}
.vbl-clean .vbl-screen img{display:block;position:absolute;top:0;left:0;width:100%;height:auto;max-width:none;max-height:none;object-fit:initial;border-radius:0;transform-origin:top left}
.vbl-clean figcaption{font:400 13px/1.5 Pretendard,Arial,sans-serif;color:#61615f;margin:10px 0 0}
.vbl-clean>.vbl-figure+.vbl-group,.vbl-clean>.vbl-group+.vbl-figure,.vbl-clean>.vbl-group+.vbl-group,.vbl-clean>.vbl-group+.vbl-stack,.vbl-clean>.vbl-figure+.vbl-rail-wrap,.vbl-clean>.vbl-stack+.vbl-rail-wrap{margin-top:40px}
.vbl-stack{display:grid;gap:40px}.vbl-stack--parts{gap:28px}
.vbl-group{display:grid;gap:40px;align-items:start;justify-content:start}
.vbl-pair,.vbl-priority-phones{grid-template-columns:repeat(2,minmax(0,320px));column-gap:64px}
.vbl-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.vbl-three .vbl-mobile{max-width:320px;width:100%}
.vbl-single{grid-template-columns:minmax(0,320px)}
.vbl-parts{display:grid;grid-template-columns:minmax(0,660px) minmax(0,280px);gap:56px;align-items:start}
.vbl-parts-primary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.vbl-parts-secondary{margin-top:72px!important}
.vbl-notes{display:grid;gap:36px}
.vbl-note-row{display:grid;grid-template-columns:140px minmax(0,1fr);gap:40px;align-items:start}
.vbl-note-row figcaption{margin-top:6px}.vbl-note-image.vbl-mobile{width:min(100%,360px)}
.vbl-offset-pair{grid-template-columns:minmax(0,280px) minmax(0,340px);justify-content:space-between;gap:48px}
.vbl-offset-pair>.vbl-figure:nth-child(2){margin-top:32px}
.vbl-offset-tail{grid-template-columns:minmax(0,340px);justify-content:center}
.vbl-offset-stack .vbl-inset{width:80%;justify-self:end}.vbl-offset-stack .vbl-inset:last-child{justify-self:start}
.vbl-rail-wrap{min-width:0}
.vbl-rail{display:flex;gap:32px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#a7a7a2 transparent;padding-bottom:14px;overscroll-behavior-x:contain;position:relative}
.vbl-rail-item{flex:0 0 300px;min-width:0;scroll-snap-align:start}
.vbl-rail-controls{display:flex;align-items:center;justify-content:space-between;margin-top:12px;color:#61615f;font-size:12px}
.vbl-rail-controls>div{display:flex;gap:8px}
.vbl-rail-controls button{display:grid;place-items:center;width:44px;height:44px;padding:0;background:transparent;color:#191919;border:1px solid #a7a7a2;border-radius:50%;cursor:pointer}
.vbl-rail-controls button:disabled{opacity:.3;cursor:default}.vbl-rail-controls button:not(:disabled):hover{background:#e8e8e4}
.vbl-rail:focus-visible,.vbl-rail-controls button:focus-visible{outline:2px solid #191919;outline-offset:3px}
@container vb-layout (max-width:1000px){.vbl-parts{gap:28px}.vbl-note-row{grid-template-columns:115px minmax(0,1fr);gap:24px}.vbl-pair{column-gap:40px}.vbl-three{gap:24px}}
@container vb-layout (max-width:760px){
 .vbl-clean{margin-top:24px}.vbl-group,.vbl-parts-primary{gap:24px}
 .vbl-pair,.vbl-three,.vbl-priority-phones,.vbl-offset-pair{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
 .vbl-three>.vbl-figure:last-child{grid-column:auto}.vbl-parts{grid-template-columns:1fr;gap:28px}
 .vbl-parts-secondary{margin-top:0!important;width:min(100%,320px)}
 .vbl-note-row{grid-template-columns:100px minmax(0,1fr);gap:20px}.vbl-offset-pair>.vbl-figure:nth-child(2){margin-top:24px}
 .vbl-offset-tail{justify-content:end}.vbl-rail-item{flex-basis:min(78vw,300px)}
}
@container vb-layout (max-width:480px){
 .vbl-pair,.vbl-three,.vbl-priority-phones,.vbl-offset-pair,.vbl-parts-primary{grid-template-columns:minmax(0,1fr);gap:32px}
 .vbl-clean .vbl-mobile{width:min(100%,320px);max-width:100%}.vbl-note-row{grid-template-columns:1fr;gap:12px}.vbl-note-row figcaption{margin:0}
 .vbl-offset-pair>.vbl-figure:nth-child(2){width:86%;justify-self:end;margin-top:0}.vbl-offset-tail{grid-template-columns:minmax(0,280px)}
 .vbl-stack{gap:28px}.vbl-clean figcaption{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.vbl-clean *{scroll-behavior:auto!important}}
