.dv-split{display:grid;grid-template-columns:minmax(360px,1.15fr) minmax(330px,.85fr);gap:18px;align-items:start;margin:20px 0}.dv-left{max-height:min(72vh,850px);overflow:auto;border:1px solid #dbe6de;border-radius:12px;padding:12px}.dv-tools{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#fff;padding:8px 0 12px;border-bottom:1px solid #dfe8e2}.dv-tools h4{margin:0 auto 0 0}.dv-tools button{font-size:12px;padding:8px}.dv-right{position:sticky;top:16px;border:1px solid #dae7de;background:#fbfcfa;border-radius:12px;padding:16px}.dv-right h4{margin:0 0 10px}.dv-right>label{display:inline-block;width:49%;font-size:12px;vertical-align:top}.dv-right>label select{width:96%;display:block;margin:5px 0 12px}.dv-preview{position:relative;aspect-ratio:1 / 1;background:#eaf0ec;overflow:hidden;border-radius:10px;touch-action:none}.dv-photo{position:absolute;inset:0;display:grid;place-items:center}.dv-photo img{width:100%;height:100%;object-fit:contain}.dv-preview #dv-art{position:absolute;object-fit:contain;cursor:grab;touch-action:none;user-select:none}.dv-preview #dv-art:active{cursor:grabbing}.dv-preview.dv-large{aspect-ratio:1/1;min-height:450px}.dv-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.dv-numbers label{font-size:12px}.dv-numbers input{display:block;width:100%;margin-top:5px}.dv-variants{scrollbar-width:thin}.dv-left .dc-variants{grid-template-columns:repeat(auto-fill,minmax(115px,1fr))}.dv-left .dc-product{padding:9px}.dv-left .dc-mini img.dc-art{pointer-events:none}@media(max-width:900px){.dv-split{grid-template-columns:1fr}.dv-left{max-height:52vh}.dv-right{position:relative;top:0}}
.dv-jump{position:sticky;top:52px;z-index:2;display:flex;gap:7px;overflow-x:auto;scrollbar-width:thin;background:#fff;border-bottom:1px solid #e0e8e2;padding:10px 0;white-space:nowrap}.dv-jump-button{font-size:12px;flex:0 0 auto;padding:8px 10px;border:1px solid #c9dcd2;background:#f8faf7;border-radius:18px;cursor:pointer}.dv-jump-button:hover,.dv-jump-button.dv-jump-active{background:#0c4638;color:white;border-color:#0c4638}.dv-left .dc-product{scroll-margin-top:125px}

/* Fixed controls and garment shortcuts; only the product offerings scroll. */
.dv-left{display:flex;flex-direction:column;overflow:hidden;min-height:0}.dv-tools,.dv-jump{position:relative;top:auto;flex-shrink:0}.dv-jump{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;max-width:100%;min-height:52px;align-items:center}.dv-scroll-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable}.dv-scroll-body .dc-product{scroll-margin-top:10px}@media(max-width:900px){.dv-left{max-height:52vh}.dv-scroll-body{min-height:100px}}

.dv-navigation{margin:12px 0 14px;padding:12px;border:1px solid #dae6dd;border-radius:12px;background:#fff}.dv-navigation .dv-tools{padding-top:0}.dv-navigation .dv-jump{border-bottom:0;padding-bottom:0;flex-wrap:nowrap}.dv-left{max-height:min(68vh,800px)}.dv-scroll-body{max-height:min(64vh,760px)}