:root{--wa-bg: #f0f0f0;--wa-card: rgba(255,255,255,.75);--wa-border: rgba(0,0,0,.1);--wa-border-soft: rgba(0,0,0,.08);--wa-text: #111;--wa-muted: rgba(17,17,17,.72);--wa-accent: #BDAA9F;--wa-shadow: 0 12px 34px rgba(0,0,0,.08);--wa-radius: 18px}.feature-viewer-section{padding:80px 40px;background:var(--wa-bg);font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--wa-text)}.feature-viewer{max-width:1400px;margin:0 auto}.feature-grid{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:64px;align-items:center}.feature-list{display:flex;flex-direction:column;gap:18px}.feature-left{align-items:flex-end;text-align:right}.feature-right{align-items:flex-start;text-align:left}.feature{background:#ffffff47;border:1px solid var(--wa-border-soft);padding:20px 22px;border-radius:var(--wa-radius);cursor:pointer;max-width:340px;box-shadow:none;transform:translateY(0);transition:background .25s ease,transform .25s ease,border-color .25s ease,box-shadow .25s ease;-webkit-tap-highlight-color:transparent}.feature:hover{background:#ffffff6b;border-color:#0000001f}.feature.active{background:var(--wa-card);border-color:#bdaa9fd9;box-shadow:0 0 0 6px #bdaa9f24,var(--wa-shadow);transform:translateY(-2px)}.feature h3{margin:0 0 6px;font-size:18px;font-weight:650;letter-spacing:.1px}.feature p{margin:0;font-size:15px;line-height:1.55;color:var(--wa-muted)}.viewer-cell{display:flex;justify-content:center;align-items:center}.viewer-cell model-viewer{border-radius:20px;overflow:hidden;box-shadow:0 10px 26px #0000000f;border:1px solid rgba(0,0,0,.06)}model-viewer .hotspot{position:relative;padding:0;margin:0;border:0;background:transparent;font:inherit;width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:#ffffffeb;border:1px solid rgba(0,0,0,.14);box-shadow:0 12px 26px #0000001f;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease;-webkit-tap-highlight-color:transparent;color:transparent;text-shadow:none}model-viewer .hotspot:before,model-viewer .hotspot:after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;background:#111;border-radius:999px;transform:translate(-50%,-50%)}model-viewer .hotspot:after{width:2px;height:12px}@media(hover:hover){model-viewer .hotspot:hover{transform:scale(1.06);border-color:#bdaa9f8c;box-shadow:0 0 0 6px #bdaa9f24,0 16px 34px #00000029}}model-viewer .hotspot.active{border-color:#bdaa9fd9;box-shadow:0 0 0 6px #bdaa9f2e,0 16px 34px #00000029}@media(max-width:900px){.feature-left,.feature-right{display:none}.feature-slider{display:flex;gap:14px;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:12px 14px 18px;margin-bottom:12px;scroll-padding-left:14px;scroll-padding-right:14px}.feature-slider .feature{min-width:260px;max-width:260px;scroll-snap-align:center;flex-shrink:0;text-align:left}.feature-slider .feature.active{box-shadow:inset 0 0 0 2px #bdaa9fb3,var(--wa-shadow)}.feature-grid{grid-template-columns:1fr;gap:24px}.viewer-cell{order:2}.slider-dots{display:flex;justify-content:center;gap:10px;margin:8px 0 16px}.slider-dot{width:8px;height:8px;border-radius:50%;background:#1111112e;transition:background .25s ease,transform .25s ease}.slider-dot.active{background:var(--wa-accent);transform:scale(1.4)}}@media(min-width:901px){.feature-slider,.slider-dots{display:none}}@media(prefers-reduced-motion:reduce){.feature,model-viewer .hotspot{transition:none!important}}.feature-viewer-section .feature p{font-family:Barlow,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.55}.feature-viewer-section .feature h3{font-family:Barlow,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}@media(max-width:900px){.feature-slider{scrollbar-width:none;-ms-overflow-style:none}.feature-slider::-webkit-scrollbar{display:none;height:0}}.fv3d-viewer-frame{position:relative;width:100%}.fv3d-fs-btn{position:absolute;top:12px;right:12px;z-index:3;width:40px;height:40px;border-radius:999px;border:1px solid rgba(0,0,0,.14);background:#ffffffeb;box-shadow:0 12px 26px #0000001f;display:grid;place-items:center;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;-webkit-tap-highlight-color:transparent}@media(hover:hover){.fv3d-fs-btn:hover{transform:scale(1.05);border-color:#bdaa9f8c;box-shadow:0 0 0 6px #bdaa9f24,0 16px 34px #00000029}}.fv3d-fs-ico{font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:800;font-size:16px;line-height:1;color:#111}.fv3d-fs-ico--close,.fv3d-fs-btn.is-active .fv3d-fs-ico--open{display:none}.fv3d-fs-btn.is-active .fv3d-fs-ico--close{display:block}.fv3d-viewer-frame:fullscreen{background:#f6f5f3}.fv3d-viewer-frame:fullscreen model-viewer{width:100vw!important;height:100vh!important;border-radius:0!important;box-shadow:none!important;border:none!important}.fv3d-viewer-frame.is-pseudo-fs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#f6f5f3;padding:0}.fv3d-viewer-frame.is-pseudo-fs model-viewer{width:100vw!important;height:100vh!important;border-radius:0!important;box-shadow:none!important;border:none!important}html.fv3d-lock,html.fv3d-lock body{overflow:hidden!important}@media(max-width:900px){.viewer-cell model-viewer{height:380px!important}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/feature-viewer-3d.css.map */