.variant-viewer{width:100%;min-width:0;color:#172c36;text-align:left}
.variant-viewer .vv-stage{display:grid;grid-template-columns:minmax(0,1fr) 155px;align-items:center;gap:24px;width:100%;padding:20px;background:#f5f8fa;border:1px solid #d5dfe5;border-radius:12px;height:320px}
.variant-viewer .vv-stage:has(.vv-connection[hidden]){grid-template-columns:minmax(0,1fr)}
.variant-viewer img.vv-body{display:block;width:100%;height:278px;max-height:278px;object-fit:contain;margin:0;transform:none!important}
.variant-viewer .vv-connection{border-left:1px solid #d5dfe5;padding-left:18px;text-align:center}
.variant-viewer .vv-connection[hidden]{display:none}
.variant-viewer .vv-connection img{display:block;width:100%;height:170px;object-fit:contain;transform:none!important}
.variant-viewer .vv-connection span{display:block;font-size:11px;line-height:1.45;color:#536875;margin-top:12px}
.variant-viewer .vv-controls{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.variant-viewer .vv-controls:empty{display:none}
.variant-viewer .vv-controls button{min-width:64px;min-height:44px;padding:9px 15px;font:inherit;font-size:14px;font-weight:700;background:white;border:1px solid #9fb4c0;border-radius:7px;color:#172c36;cursor:pointer;white-space:normal;text-align:center}
.variant-viewer .vv-controls button[aria-pressed=true]{background:#095b89;border-color:#095b89;color:white}
.variant-viewer .vv-controls button:focus-visible{outline:3px solid #edaa34;outline-offset:3px}
.variant-viewer .vv-description{padding:12px 16px;border-left:3px solid #0c77ad;background:#f3f7f9;margin-bottom:16px;min-height:76px}
.variant-viewer .vv-description b{display:block;font-size:15px;line-height:1.4}
.variant-viewer .vv-description p{margin:5px 0 0;font-size:14px;line-height:1.6}
.variant-viewer .vv-description small{display:block;margin-top:8px;line-height:1.5;color:#536875}
.product-hero:has(.vv-product-visual){grid-template-columns:1fr}
.product-hero .vv-product-visual{margin:0;background:none;padding:0;overflow:visible}
.product-hero .vv-product-visual figcaption{font-size:12px;line-height:1.5;padding:0 0 20px;color:#536875}
.vv-compact .vv-stage{grid-template-columns:minmax(0,1fr) 86px;gap:12px;padding:12px;height:220px}
.vv-compact img.vv-body{height:180px;max-height:180px}
.vv-compact .vv-connection{padding-left:10px}
.vv-compact .vv-connection img{height:115px}
.vv-compact .vv-connection span{font-size:10px}
.vv-compact .vv-controls{gap:6px;margin:12px 0}
.vv-compact .vv-controls button{min-width:53px;padding:7px 9px;font-size:12px}
.vv-compact .vv-description{padding:9px 11px;min-height:100px}
.vv-compact .vv-description p{font-size:12px}
.vv-source-note{font-size:12px!important;line-height:1.5;color:#536875}
.category-simple .category-card:has(img[src*=wood-])>img{width:100%;height:260px;object-fit:contain;background:#f5f8fa;padding:20px}
.category-simple .wood-scheme{margin:28px 0}
.category-simple .wood-scheme img{max-height:280px;object-fit:contain}
@media(max-width:600px){.variant-viewer .vv-stage{grid-template-columns:minmax(0,1fr) 100px;gap:12px;padding:12px;height:220px}.variant-viewer img.vv-body{height:190px;max-height:190px}.variant-viewer .vv-connection{padding-left:10px}.variant-viewer .vv-connection img{height:125px}.variant-viewer .vv-connection span{font-size:10px}.variant-viewer .vv-controls button{flex:1 0 60px}.vv-compact .vv-stage{grid-template-columns:minmax(0,1fr) 84px;height:210px}.vv-compact .vv-connection img{height:100px}.category-simple .category-card:has(img[src*=wood-])>img{height:210px}}
