.vh-wrap{margin-top:28px;padding:24px;background:#faf8f5;border:1px solid #e5ded6;border-radius:20px;color:#2c2825;font-family:Onest,system-ui,sans-serif;scroll-margin-top:160px}
.vh-wrap[hidden],.vh-wrap [hidden]{display:none!important}
.vh-wrap[data-loading=true] .vh-wrap__stage{visibility:hidden}
.vh-wrap h2{font:700 24px/1.2 Geologica,system-ui,sans-serif;letter-spacing:-.035em;margin:0 0 8px}
.vh-wrap p{font-size:13px;line-height:1.6;margin:8px 0;color:#756e66}
.vh-wrap__modes{display:flex;gap:8px;margin:20px 0 16px;padding:6px;border-radius:20px;background:#ede7df80}
.vh-wrap button{font:inherit;font-size:13px;color:inherit;cursor:pointer;min-height:44px;padding:10px 14px;border:1px solid #d4cbc0;border-radius:12px;background:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;text-align:center}
.vh-wrap button:hover{background:#fff9}
.vh-wrap button[aria-pressed=true]{border-color:#2c2825;background:#fff;box-shadow:0 8px 22px -15px #2c282580}
.vh-wrap button:focus-visible{outline:3px solid #2c2825;outline-offset:3px}
.vh-wrap__stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:18px}
.vh-wrap__view{position:relative;aspect-ratio:1/1;min-width:0;background:#fff;border-radius:14px;overflow:hidden;isolation:isolate}
.vh-wrap__view img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.vh-wrap__edges{pointer-events:none;opacity:0}
.vh-wrap[data-mode=white] .vh-wrap__edges{opacity:1}
.vh-wrap[data-mode=black] .vh-wrap__edges{opacity:1;filter:brightness(.0823529412)}
.vh-wrap__modes button{position:relative;flex:1;flex-direction:column;min-width:0;min-height:146px;padding:20px 10px 15px;font-size:16px;font-weight:600;gap:0;border-radius:15px;border-color:transparent;background:transparent;transition:background .16s,box-shadow .16s}
.vh-wrap__tick{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:18px;height:18px;border:1px solid #c9c0b5;border-radius:50%;font-size:11px;line-height:1;color:transparent}
.vh-wrap button[aria-pressed=true] .vh-wrap__tick{background:#2c2825;border-color:#2c2825;color:#fff}
.vh-wrap__swatch{position:relative;width:44px;height:42px;border-radius:2px;box-shadow:1px 8px 9px -5px #2c28254d;flex:none;transform:skewY(-9deg);margin:3px 0 16px}
.vh-wrap__swatch:before{content:"";position:absolute;inset:0 0 0 7px;border-radius:1px;background:repeating-linear-gradient(0deg,#ffffff00 0 2px,#a89f9510 2px 3px),linear-gradient(135deg,#fff,#e9e2d9);box-shadow:inset 0 0 0 1px #2c282512}
.vh-wrap__name{font-size:15px;font-weight:600;line-height:1.3}
.vh-wrap__description{font-size:11px;font-weight:400;line-height:1.4;color:#756e66;margin-top:4px}
.vh-wrap__swatch--mirror{background:linear-gradient(135deg,#2563eb,#06b6d4,#7c3aed,#db2777,#f59e0b)}
.vh-wrap__swatch--black{background:#151515}.vh-wrap__swatch--white{background:white}
.vh-wrap .vh-wrap__status{font-size:12px;margin-bottom:0;min-height:20px}
@media(max-width:480px){.vh-wrap{padding:16px;margin-top:20px;border-radius:16px}.vh-wrap h2{font-size:22px}.vh-wrap__stage{gap:8px}.vh-wrap__view{border-radius:10px}.vh-wrap__modes{gap:3px;padding:4px;border-radius:17px}.vh-wrap__modes button{min-height:146px;padding:22px 4px 12px;border-radius:13px}.vh-wrap__name{font-size:13px}.vh-wrap__description{font-size:10px;min-height:28px}.vh-wrap__tick{top:7px;right:7px;width:16px;height:16px}.vh-wrap__swatch{width:37px;height:36px;margin-bottom:14px}}
@media(prefers-reduced-motion:reduce){.vh-wrap__modes button{transition:none}}
.vh-wrap.vh-wrap--options{padding:0;margin:0 0 22px;border:0;border-radius:0;background:none;scroll-margin-top:140px}
.vh-wrap--options .config-label{display:flex;align-items:center;justify-content:space-between;gap:12px}
.vh-wrap__preview-label{font-size:11px;font-weight:400;letter-spacing:0;text-transform:none;color:#756e66}
.vh-wrap--options .vh-wrap__modes{margin:8px 0 0;padding:4px;gap:4px;border-radius:13px}
.vh-wrap--options .vh-wrap__modes button{min-height:46px;flex-direction:row;padding:8px 6px;gap:9px;border-radius:9px}
.vh-wrap--options .vh-wrap__swatch{width:19px;height:22px;margin:0;box-shadow:1px 3px 5px -3px #2c28254d}
.vh-wrap--options .vh-wrap__swatch:before{left:4px}
.vh-wrap--options .vh-wrap__name{font-size:13px}
.vh-wrap__feedback:empty{display:none}
.vh-wrap__feedback{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.vh-wrap--options[data-error-visible=true] .vh-wrap__feedback{position:static;display:block;clip-path:none;width:auto;height:auto;white-space:normal;font-size:12px;margin-top:6px}
.vh-gallery-wrap-layer{position:absolute;pointer-events:none;display:block;object-fit:contain;z-index:1;border-radius:inherit}
.vh-gallery-wrap-layer[hidden]{display:none!important}
.vh-gallery-wrap-layer[data-mode=black]{filter:brightness(.0823529412)}
.gallery-main-wrapper.is-loading .vh-gallery-wrap-layer,.lightbox-content.is-loading .vh-gallery-wrap-layer{visibility:hidden}
.gallery-main-wrapper .gallery-counter,.gallery-main-wrapper .gallery-fullscreen-btn,.gallery-main-wrapper .gallery-prev,.gallery-main-wrapper .gallery-next{z-index:3}
@media(max-width:380px){.vh-wrap--options .vh-wrap__modes button{gap:5px}.vh-wrap--options .vh-wrap__name{font-size:12px}}