.demo-connector .demo-configuration h1{font-size:clamp(38px,4.1vw,62px)}.connector-product-figure{position:relative;margin:0;border:1px solid #7b7b85;border-radius:22px;overflow:hidden;background:#121214}.connector-product-figure>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.connector-product-figure figcaption{position:relative;padding:14px 18px;font-size:10px;line-height:1.7;color:#c7c7cf;background:#242429;border-top:1px solid #5c5c65}.connector-range-tag{position:absolute;left:23px;top:23px;font-size:17px;letter-spacing:.19em;font-weight:500;color:white}.connector-range-tag span{display:block;font-size:7px;letter-spacing:.13em;margin-top:8px;color:#c8c8d0}.connector-pack-tag{position:absolute;right:20px;bottom:85px;width:100px;padding:15px 12px;text-align:center;border:1px solid #c6c6d0;background:linear-gradient(130deg,#585860ed,#33333be8);border-radius:15px;backdrop-filter:blur(8px)}.connector-pack-tag strong{font-size:42px;line-height:1.1;font-weight:300;letter-spacing:-1.5px}.connector-pack-tag span{display:block;font-size:10px;line-height:1.6;margin-top:6px;color:#e1e1e9}
.connector-format-preview{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:23px 0;border-bottom:1px solid #666670}.connector-format-preview p{font-size:16px;line-height:1.5;margin:6px 0}.connector-format-preview .eyebrow{font-size:9px;margin:0}.connector-format-preview>div>span{font-size:9px;color:#b9b9c4;line-height:1.7}.connector-diagram{display:inline-flex;gap:2px;max-width:100%;padding:5px;border:1px solid #a5a5b2;border-radius:8px;background:linear-gradient(135deg,#b6bbc13b,#62697355)}.connector-cell{display:flex;flex-direction:column;align-items:center;gap:4px;padding:2px;width:14px;min-width:0}.connector-cell i{display:block;width:100%;height:14px;background:linear-gradient(140deg,#d6d6dd,#73737f);border:1px solid #b8b8c2;border-radius:2px}.connector-cell b{display:block;border-radius:50%;border:2px solid #b2b6be;background:#15151d;width:9px;height:9px}.connector-diagram-large{padding:8px;gap:3px}.connector-diagram-large .connector-cell{width:20px;gap:7px}.connector-diagram-large .connector-cell i{height:24px}.connector-diagram-large .connector-cell b{width:12px;height:12px}
.connector-pack-explainer{display:flex;gap:16px;align-items:center;padding:24px 0}.connector-bag-icon{display:flex;justify-content:center;align-items:center;width:49px;height:56px;flex-shrink:0;border:1px solid #a2a2ac;border-top:5px double #c8c8d4;border-radius:3px 3px 9px 9px;font-size:21px;font-weight:300;background:linear-gradient(135deg,#65657070,#34343b)}.connector-pack-explainer strong{font-size:12px;font-weight:400}.connector-pack-explainer p{font-size:11px;line-height:1.8;color:#c2c2cd;margin:7px 0 0}.connector-key-points{display:grid;grid-template-columns:.8fr 1.4fr .8fr;gap:12px;padding:23px 0;border-bottom:1px solid #6a6a74;margin:17px 0 21px}.connector-key-points span{display:block;font-size:9px;color:#c3c3cd;margin-bottom:8px}.connector-key-points strong{font-size:13px;font-weight:400;line-height:1.6}.connector-variants{grid-template-columns:repeat(3,minmax(0,1fr))!important}.demo-connector .connector-variant{display:flex;flex-direction:column;align-items:center;position:relative;padding:19px 8px 15px;gap:10px;min-height:134px;text-align:center}.connector-variant .demo-choice-mark{position:absolute;right:9px;top:8px}.connector-variant strong{font-size:13px}.connector-variant small{margin:0;font-size:9px}.demo-connector .connector-variant-reference{margin-top:16px;font-size:10px;color:#d0d0da;line-height:1.8}.connector-order{padding-top:28px}.connector-price{margin:24px 0;padding:20px;border:1px solid #777781;border-radius:12px;background:#2b2b31}.connector-price>span{font-size:10px;color:#c7c7d0}.connector-price strong{display:block;font-size:25px;font-weight:300;line-height:1.3;margin-top:9px}.connector-price p{font-size:10px;line-height:1.8;color:#bebec9;margin:10px 0 0}.connector-muted{font-size:10px;line-height:1.9;color:#c3c3ce;margin:12px 0}.demo-connector .demo-quantity{margin-bottom:8px}.connector-quick-quantities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:20px}.connector-quick-quantities button{min-height:64px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;color:#eeeef5;border:1px solid #92929e;border-radius:11px;padding:12px 8px;background:#313139}.connector-quick-quantities strong{font-weight:400;font-size:12px}.connector-quick-quantities span{color:#cacad6;font-size:10px}.connector-total{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:23px 0;margin:5px 0 13px;border-bottom:1px solid #64646e}.connector-total>div>span{font-size:11px;color:#c8c8d4}.connector-total strong{display:block;font-size:41px;font-weight:300;letter-spacing:-1px;margin-top:8px;line-height:1.1}.connector-total strong small{font-size:17px;letter-spacing:0;color:#d1d1db}.connector-total-badge{font-size:9px;border:1px solid #a5a5af;border-radius:20px;padding:9px 11px;white-space:nowrap;color:#d7d7e2}.connector-calculator{padding:15px 0}.connector-calculator summary{font-size:11px;line-height:1.8;cursor:pointer}.connector-calculator>div{margin:18px 0 0}.connector-calculator label{display:block;font-size:11px;margin-bottom:10px}.connector-calculator-input{display:flex;gap:9px}.connector-calculator-input input{width:100%;min-width:0;padding:12px!important;border-radius:9px!important;font-size:12px;min-height:44px}.connector-calculator-input button{border:1px solid #aaaab6;border-radius:9px;background:#494953;color:white;min-height:44px;padding:10px 17px;font-size:11px}.connector-calculator p{font-size:11px;color:#d2d2df;line-height:1.8}.connector-selection{margin-top:16px;padding:24px;border:1px solid #a5a5b0;border-radius:18px;background:linear-gradient(135deg,#3c3c45,#292931)}.connector-selection h2{font-size:24px;font-weight:300;line-height:1.4;margin:15px 0 9px}.connector-selection>p:not(.eyebrow){font-size:10px;line-height:1.9;color:#c7c7d3;overflow-wrap:anywhere}.connector-selection .demo-primary{margin-top:23px}.connector-pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;margin:28px 0 20px}.connector-pack-grid button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:20px;padding:26px;color:#f4f4fa;border:1px solid #868692;border-radius:16px;background:linear-gradient(140deg,#373740,#25252b)}.connector-package-count{font-size:40px;font-weight:300;letter-spacing:-1px}.connector-package-count small{font-size:16px;letter-spacing:0;color:#d6d6e1}.connector-pack-grid strong{font-size:17px;font-weight:400}.connector-pack-grid button>span:last-child{font-size:10px;color:#c7c7d3}.demo-connector #connector-configurator{scroll-margin-top:120px}
@media(max-width:1000px){.connector-key-points{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.connector-key-points>div:last-child{display:none}.connector-format-preview{gap:12px}.connector-format-preview p{font-size:14px}.connector-diagram-large .connector-cell{width:16px}.connector-total strong{font-size:34px}.connector-total strong small{font-size:14px}.connector-total-badge{padding:8px;font-size:8px}}
@media(max-width:720px){.demo-connector .demo-configuration h1{font-size:46px}.connector-product-figure{border-radius:18px}.connector-range-tag{left:18px;top:18px;font-size:15px}.connector-pack-tag{right:15px;bottom:87px;width:85px;padding:12px 9px}.connector-pack-tag strong{font-size:35px}.connector-pack-tag span{font-size:9px}.connector-product-figure figcaption{font-size:9px;padding:13px 15px}.connector-format-preview{padding:19px 0}.connector-format-preview p{font-size:15px}.connector-pack-explainer{padding:20px 0 0}.connector-key-points{grid-template-columns:.8fr 1.4fr .8fr;gap:9px}.connector-key-points>div:last-child{display:block}.connector-key-points strong{font-size:11px}.connector-key-points span{font-size:8px}.connector-variants{gap:8px}.demo-connector .connector-variant{padding:19px 5px 14px;min-height:128px}.connector-variant .connector-diagram{padding:4px}.connector-variant .connector-cell{width:11px;padding:1px}.connector-variant .connector-cell b{width:7px;height:7px;border-width:1px}.connector-variant strong{font-size:12px}.connector-variant small{font-size:8px}.connector-total strong{font-size:37px}.connector-total strong small{font-size:15px}.connector-selection{padding:21px 18px}.connector-pack-grid{grid-template-columns:1fr;gap:11px}.connector-pack-grid button{padding:21px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.connector-package-count{font-size:30px}.connector-package-count small{font-size:12px}.connector-pack-grid strong{font-size:15px;align-self:center;text-align:right}.connector-pack-grid button>span:last-child{grid-column:1/-1}.demo-connector #connector-configurator{scroll-margin-top:105px}}
@media print{body.demo-led-print .demo-connector .demo-print-sheet .demo-tech-group{break-inside:avoid}}