.screening-shutter{padding:40px 0 60px}.hero{position:relative;overflow:hidden}.hero_img{width:100%;height:auto;display:block}.Product_introduce{margin-top:50px;display:flex;justify-content:center;padding:0 24px}.crosscut{width:100%;max-width:1350px;display:grid;grid-template-columns:540px 1fr;gap:45px;align-items:stretch}.crosscut-media{border:1px solid #e6e6e6;border-radius:10px;background:#fff;padding:18px;position:relative;left:16px}.crosscut_img{width:100%;height:auto;display:block}.crosscut-caption{margin:8px 2px;font-size:12px;color:#777}.crosscut-content{display:flex;flex-direction:column;min-height:100%}.crosscut-kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#666;margin-bottom:10px}.crosscut-title{margin:0 0 10px;font-size:30px;font-weight:750;color:#222;letter-spacing:-.4px}.crosscut-lead{margin:0 0 18px;font-size:15.5px;line-height:1.8;color:#555;max-width:70ch}.crosscut-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:10px}.crosscut-card{border:1px solid #eee;border-radius:14px;background:#fff;padding:16px}.crosscut-card h3{margin:0 0 6px;font-size:14.5px;font-weight:700;color:#222}.crosscut-card p{margin:0;font-size:14px;line-height:1.75;color:#555}.crosscut-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:auto;padding-top:16px}.btn{display:inline-flex;align-items:center;justify-content:center;height:50px;padding:0 20px;min-width:180px;border-radius:12px;border:1px solid #000;font-size:14px;font-weight:650;text-decoration:none;cursor:pointer;transition:transform .08s ease,background .12s ease,color .12s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:#000;color:#fff}.btn-primary:hover{background:#111}.btn-secondary{background:#fff;color:#000}.btn-secondary:hover{background:#f3f3f3}.crosscut-note{margin:14px 0 0;font-size:13px;color:#777;max-width:70ch}.product-visual-config{max-width:1400px;margin:80px auto 0;padding:0 24px;display:flex;flex-direction:column;gap:120px}.visual-3col{display:grid;grid-template-columns:1fr .9fr 1.2fr;gap:60px;align-items:stretch}.col-desc{min-height:420px;display:flex;flex-direction:column}.col-desc .visual-spec{margin-top:auto}.col-options{display:flex;flex-direction:column;gap:40px;padding:36px 32px;border-radius:12px;background:#fff;min-height:420px}.col-viewer{display:flex;justify-content:center;align-items:flex-start;min-height:420px}.col-desc{padding-left:24px;min-height:420px}.col-desc h3{font-size:32px;margin:0 0 8px;letter-spacing:-.2px}.col-desc .desc-lead{margin:0 0 8px;font-size:15px;line-height:1.6;color:#333}.col-desc .desc-body{margin:0 0 12px;font-size:14px;line-height:1.6;color:#666}.visual-spec h4{margin:16px 0 10px;font-size:16px;color:#222}.visual-spec h5{margin:0 0 8px;font-size:15px;color:#222}.spec-block{padding:10px 12px;border:1px solid #eee;border-radius:10px;background:#fff;margin-top:12px}.spec-block ul{margin:0;padding-left:18px}.spec-block li{margin:6px 0;color:#444;font-size:14px}.visual-feature{margin-top:18px;padding-top:18px;border-top:1px solid #eee}.visual-feature ul{margin-top:8px;padding-left:18px}.visual-feature li{margin:6px 0;color:#555}.col-options{display:flex;flex-direction:column;gap:40px;padding:36px 32px;border:1px solid #eee;border-radius:12px;background:#fff;min-height:420px}.option-group h4{margin:0 0 18px;font-size:18px;font-weight:600;color:#222}.option-buttons{display:flex;gap:20px}.option-buttons button{min-width:130px;height:44px;padding:0 14px;border:1px solid #000;background:#fff;cursor:pointer;border-radius:8px;font-size:14px}.option-buttons button.is-active:not(.color){background:#000;color:#fff}.option-buttons button.color{min-width:44px;width:48px;height:48px;border-radius:10px;border:1px solid #000;padding:0}button.color.dark{background:#333}button.color.light{background:#f5f5ee}.option-buttons button.color.is-active{outline:2px solid #000;outline-offset:3px;border-color:transparent}.col-viewer{display:flex;justify-content:center;align-items:flex-start}.col-viewer model-viewer{width:100%;height:420px;min-height:420px;display:block}.visual-viewer{width:100%;height:420px;border-radius:10px;border:1px solid #e6e6e6;background:radial-gradient(circle at 50% 35%,#fff 0% 45%,#f2f2f2);overflow:hidden}.visual-placeholder{display:flex;align-items:center;justify-content:center;color:#666;font-size:16px;text-align:center;padding:24px}.is-hidden{display:none!important}:root{--brand-light:#cce7b4;--brand-gold:#e4c200;--text:#1e1e1e;--text-soft:#5e5e5e;--border:#e7e7e7;--panel:#ffffff;--wash: rgba(204,231,180,.18);--gold-wash: rgba(228,194,0,.16)}.screening-shutter{color:var(--text)}.screening-shutter p,.screening-shutter li{color:var(--text-soft)}.screening-shutter strong{font-weight:700;color:var(--text)}.screening-shutter strong.hl-gold{color:var(--brand-gold)}.screening-shutter strong.hl-green{color:#5b8e5e}.crosscut-kicker{color:#6b6b6b}.crosscut-kicker:before{content:"";display:inline-block;width:10px;height:10px;border-radius:999px;margin-right:8px;background:var(--brand-gold)}.crosscut-title,.col-desc h3{color:var(--text);position:relative}.crosscut-title{display:inline-block}.crosscut-title:after{content:"";position:absolute;left:0;bottom:-6px;width:54%;height:6px;border-radius:999px;background:#cce7b4}.crosscut-media,.crosscut-card,.col-options,.spec-block{background:#fff;border:1px solid rgba(0,0,0,.22)}.option-group h4{position:relative;padding-left:14px;color:var(--text)}.option-group h4:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:999px;background:#e4c200}.spec-block li::marker{color:#e4c200}.option-buttons button:not(.color){border:1px solid rgba(0,0,0,.35);background:#fff;color:var(--text);transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .08s ease}.option-buttons button:not(.color):hover{border-color:#000000a6;background:#cce7b426}.option-buttons button:not(.color):active{transform:translateY(1px)}.option-buttons button.is-active:not(.color){background:#cce7b4;box-shadow:none;color:var(--text)}.option-buttons button.color{border:none!important;box-shadow:inset 0 0 0 1px #0000002e}.option-buttons button.color.is-active{outline:none!important;box-shadow:0 0 0 2px var(--brand-gold),inset 0 0 0 1px #0000002e}.visual-viewer{border:1px solid rgba(0,0,0,.22)}.btn{border-radius:12px;border:1px solid rgba(0,0,0,.22)}.btn-primary{background:var(--brand-gold);color:#1b1b1b;border-color:#0000002e}.btn-primary:hover{filter:brightness(.96)}.btn-secondary{background:#cce7b4;color:var(--text);border-color:#cce7b4f2}.btn-secondary:hover{background:#cce7b442}.crosscut-note{color:#6f6f6f}@media(max-width:768px){.screening-shutter{padding:20px 0 40px}.hero_img{height:auto}.Product_introduce{margin-top:30px;padding:0 16px}.crosscut{grid-template-columns:1fr;gap:28px}.crosscut-media{left:0}.crosscut-title{font-size:24px}.crosscut-lead{font-size:14px;line-height:1.7}.crosscut-grid{grid-template-columns:1fr}.crosscut-actions{flex-direction:column;align-items:stretch}.btn{width:100%;height:48px}.product-visual-config{margin:60px auto 0;padding:0 16px;gap:80px}.visual-3col{grid-template-columns:1fr;gap:32px}.col-desc{padding-left:0}.col-viewer model-viewer{height:320px;min-height:320px}.visual-viewer{height:320px}.option-buttons{flex-wrap:wrap}.option-buttons button{flex:1 1 calc(50% - 10px)}.option-buttons button.color{flex:0 0 48px}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/screening-shutter.css.map */