@font-face{font-family:ui-sans;font-display:swap;src:local('Inter'),local('Arial')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:160px}body{margin:0;font-family:ui-sans,Arial,sans-serif;color:#183348;background:#fff;font-size:15px;line-height:1.55}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}svg{display:block}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(34px,4.6vw,65px);font-weight:750}h2{font-size:clamp(27px,3.1vw,39px);font-weight:730}h3{font-size:22px;font-weight:700}p{color:#627586}small,.small{font-size:12px}.muted{color:#6a7e8d}.blue{color:#1686c7}.container{max-width:1280px;margin:auto;padding:0 42px}.skip{position:fixed;top:-100px;left:20px;z-index:999;background:#fff;padding:12px}.skip:focus{top:10px}.demo-bar{background:#dff1fb;color:#36566c;text-align:center;font-size:11px;letter-spacing:.02em;padding:6px 16px}.demo-bar b{font-weight:650}.header{background:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid #e2eaf0}.header-main{height:83px;display:flex;align-items:center;gap:45px}.logo{display:flex;gap:10px;align-items:center;flex-shrink:0}.logo-mark{width:39px;height:42px;position:relative;overflow:hidden}.logo-mark:before,.logo-mark:after{content:'';position:absolute;width:15px;height:48px;background:#269edb;top:-3px;left:11px;transform:rotate(33deg)}.logo-mark:after{transform:rotate(-33deg);background:#183e5d;mix-blend-mode:multiply}.logo-text{font-size:19px;letter-spacing:.02em;font-weight:850;line-height:1.05}.logo-text small{display:block;font-size:10px;letter-spacing:.17em;color:#7190a4;font-weight:550;margin-top:6px}.search-wrap{flex:1;position:relative}.search-field{width:100%;border:1px solid #e3eaf0;border-radius:8px;background:#f5f8fa;padding:11px 16px 11px 43px;color:#334f63;font-size:13px}.search-icon{position:absolute;top:13px;left:15px;color:#7291a5}.search-results{position:absolute;top:100%;left:0;right:0;margin-top:6px;background:#fff;box-shadow:0 12px 35px #15334820;border:1px solid #dfebf2;border-radius:8px;padding:8px;z-index:90}.search-results a{display:block;padding:10px 12px;border-radius:5px;font-size:13px}.search-results a:hover{background:#edf7fd}.header-actions{display:flex;gap:24px;align-items:center}.action-link{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;white-space:nowrap}.icon{width:20px;height:20px;display:inline-block;vertical-align:middle;flex-shrink:0}.cart-count{font-size:10px;background:#dff1fb;border-radius:30px;min-width:20px;padding:2px;text-align:center}.nav-row{display:flex;align-items:center;justify-content:space-between;height:50px;border-top:1px solid #edf1f4}.nav-list{display:flex;gap:29px;align-items:center;height:100%}.nav-item{height:100%;display:flex;align-items:center;position:relative}.nav-item>a{font-size:13px;font-weight:600;display:flex;align-items:center;gap:7px;height:100%;border-bottom:2px solid transparent}.nav-item.active>a{color:#1686c7;border-color:#1686c7}.chev{font-size:10px;color:#7592a5}.dropdown{display:none;position:absolute;top:100%;left:-18px;background:#fff;border:1px solid #e1ebf1;box-shadow:0 16px 40px #12395313;padding:12px;border-radius:0 0 9px 9px;min-width:260px}.dropdown a{display:block;padding:11px;font-size:13px;border-radius:5px}.dropdown a:hover{background:#eef8fe;color:#0b75b4}.nav-item:hover .dropdown,.nav-item:focus-within .dropdown{display:block}.nav-help{font-size:12px;display:flex;gap:7px;align-items:center;color:#6b8090}.mobile-menu{display:none;border:0;background:none;padding:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;border:1px solid transparent;border-radius:7px;padding:13px 20px;font-weight:650;font-size:13px;min-height:47px;transition:background .16s,transform .16s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:#117ebc;color:#fff;box-shadow:0 3px 0 #08669e12}.btn-primary:hover{background:#096ba5}.btn-secondary{background:#fff;border-color:#cfdee8;color:#284b63}.btn-light{background:#e7f5fd;color:#1375ad}.btn-dark{background:#173b55;color:#fff}.btn-link{border:0;background:none;padding:5px 0;min-height:30px;color:#147daf;box-shadow:none}.btn-full{width:100%}.hero{background:linear-gradient(110deg,#f5fafc 0%,#f0f8fd 42%,#e2f2fc 100%);overflow:hidden}.hero-inner{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;min-height:505px;gap:10px}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:750;text-transform:uppercase;color:#38718f;display:flex;align-items:center;gap:8px;margin-bottom:20px}.eyebrow:before{content:'';width:21px;height:2px;background:#45a9de}.hero h1{margin-bottom:21px;line-height:1.045;letter-spacing:-.045em}.hero h1 span{color:#168bc9}.hero p{font-size:15px;max-width:420px;line-height:1.8;margin-bottom:26px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.hero-note{display:flex;gap:8px;font-size:11px;color:#6a8395;margin-top:18px;align-items:center}.hero-art{position:relative;padding-top:25px;width:110%;margin-left:-5%}.hero-art:before{content:'';position:absolute;width:365px;height:365px;border-radius:50%;background:#cce9fa77;border:1px solid #c6e3f5;left:20%;top:0}.hero-art:after{content:'';position:absolute;inset:50px 30px 50px 90px;border:1px dashed #9ccbe6;border-radius:50%;transform:rotate(-15deg)}.hero-art .van-art{position:relative;z-index:2;filter:drop-shadow(0 18px 20px #18455e08)}.art-tag{position:absolute;z-index:3;display:flex;gap:9px;align-items:center;background:#fff;padding:12px 15px;border-radius:7px;box-shadow:0 6px 25px #366f8f0c;font-size:11px;font-weight:600}.art-tag.top{top:30px;right:40px;transform:rotate(3deg)}.art-tag.bottom{bottom:18px;left:70px;transform:rotate(-3deg)}.tag-dot{width:9px;height:9px;background:#56b5de;border-radius:50%;box-shadow:0 0 0 4px #edf8fe}.hero-art-caption{position:absolute;right:35px;bottom:0;color:#6d94ab;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.value-strip{border-bottom:1px solid #e6edf2}.values{display:grid;grid-template-columns:repeat(4,1fr);padding-top:22px;padding-bottom:22px}.value{display:flex;align-items:center;justify-content:center;gap:11px;border-right:1px solid #e2ebf0}.value:last-child{border:0}.value .icon{color:#3a99cc;width:22px;height:22px}.value b{display:block;font-size:11px;font-weight:650}.value span{font-size:10px;color:#7a8f9e}.section{padding-top:67px;padding-bottom:67px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.section-heading h2{margin-bottom:10px}.section-heading p{margin-bottom:0;font-size:13px}.section-heading .caption{font-size:11px;color:#7891a2;white-space:nowrap}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.category-card{border:1px solid #e1eaf0;border-radius:10px;overflow:hidden;transition:transform .2s,box-shadow .2s;background:#fff;position:relative}.category-card:hover{transform:translateY(-5px);box-shadow:0 14px 30px #244b6310}.category-art{background:#eef7fc;height:168px;position:relative;overflow:hidden}.category-art svg{width:100%;height:100%;padding:5px 14px}.category-letter{position:absolute;left:15px;top:12px;font-size:10px;color:#6694ad;border:1px solid #cfe2ef;border-radius:4px;padding:2px 6px}.category-content{padding:22px 20px}.category-content h3{font-size:19px;margin-bottom:8px}.category-content p{font-size:11px;line-height:1.7;min-height:38px;margin-bottom:13px}.card-spec{font-size:10px;background:#f1f7fa;color:#53768d;display:inline-block;padding:5px 8px;border-radius:4px}.card-cta{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;color:#167fba;margin-top:19px}.vehicle-promo{background:#143c57;color:#fff;border-radius:12px;padding:34px 42px;display:grid;grid-template-columns:1.05fr 1fr;gap:45px;align-items:center;margin-top:36px;position:relative;overflow:hidden}.vehicle-promo h2{font-size:29px;margin:8px 0 12px}.vehicle-promo p{font-size:12px;color:#b5cedd;margin-bottom:0}.vehicle-promo .eyebrow{color:#8dc9ea;margin:0;font-size:9px}.vehicle-quick{display:grid;grid-template-columns:1fr 1fr;gap:10px}.vehicle-quick select{background:#244c65;color:#fff;border-color:#496a80}.vehicle-quick .btn{grid-column:span 2;background:#bde8ff;color:#16415d}.how-section{background:#f7fafb;border-top:1px solid #eaf0f4}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:35px}.how-item{display:grid;grid-template-columns:35px 1fr;gap:15px}.step-no{font-size:12px;font-weight:700;color:#188bc8;background:#e3f2fb;width:34px;height:34px;border-radius:50%;display:grid;place-items:center}.how-item h3{font-size:17px;margin:4px 0 10px}.how-item p{font-size:12px}.help-band{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:32px 0;border-top:1px solid #dfe9ef;margin-top:30px}.help-band h3{font-size:21px;margin-bottom:8px}.help-band p{font-size:12px;margin:0}.footer{background:#f2f7fa;border-top:1px solid #dde7ee;padding:38px 0 20px}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}.footer .logo{margin-bottom:15px}.footer p{font-size:11px;max-width:250px}.footer h4{font-size:11px;margin:0 0 15px}.footer a:not(.logo){display:block;font-size:11px;color:#6c8191;margin-bottom:8px}.footer-bottom{border-top:1px solid #dce6ed;margin-top:25px;padding-top:16px;display:flex;justify-content:space-between;color:#7b91a1;font-size:10px}.breadcrumb{font-size:11px;color:#8298a8;padding-top:27px;margin-bottom:23px;display:flex;gap:9px;align-items:center;flex-wrap:wrap}.breadcrumb a:hover{color:#147fbd}.page-head h1{font-size:39px;margin-bottom:12px}.page-head p{font-size:14px;max-width:740px}.page-head{margin-bottom:27px}.product-layout{display:grid;grid-template-columns:minmax(0,1fr) 335px;gap:28px;padding-bottom:65px;align-items:start}.config-panel{min-width:0}.preview-box{background:#eef7fc;border:1px solid #e1edf5;border-radius:11px;min-height:255px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;margin-bottom:22px}.preview-box svg{width:92%;max-height:290px}.preview-box .van-art{width:100%}.preview-label{position:absolute;top:17px;left:19px;font-size:10px;letter-spacing:.08em;color:#6691aa;text-transform:uppercase}.preview-note{position:absolute;bottom:13px;right:18px;font-size:10px;color:#7392a6}.print-sheet{width:62%;aspect-ratio:2.2;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;background:#fff;box-shadow:12px 15px 0 #cae4f4;border:1px solid #b8d4e5;overflow:hidden}.print-sheet:after{content:'';position:absolute;left:-20%;width:150%;height:37%;bottom:-5%;background:#2f9bd3;transform:rotate(-13deg)}.print-sheet strong{font-size:clamp(17px,3vw,28px);letter-spacing:-.03em;z-index:1}.print-sheet span{font-size:8px;letter-spacing:.18em;color:#7a99ab;z-index:1}.width-tag{position:absolute;bottom:30px;left:30px;font-size:11px;color:#1c7eaf;background:#fff;border-radius:4px;padding:5px 8px;z-index:2}.config-section{border:1px solid #e1e9ef;border-radius:9px;padding:24px;margin-bottom:16px;background:#fff}.config-title{display:flex;align-items:center;gap:11px;margin-bottom:22px}.config-title h2{font-size:17px;letter-spacing:-.02em;margin:0}.config-title .step-no{width:26px;height:26px;font-size:10px}.config-section p{font-size:12px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:17px}.fields.triple{grid-template-columns:repeat(3,1fr)}.field{min-width:0}label,.field-label{display:block;font-size:12px;font-weight:600;color:#36556b;margin-bottom:7px}input,select,textarea{width:100%;border:1px solid #cfdee8;background:#fff;border-radius:6px;padding:11px 12px;color:#284a62;outline:none;min-height:44px}input:focus,select:focus,textarea:focus{border-color:#168bcd;box-shadow:0 0 0 3px #e3f3fc}input:disabled,select:disabled{background:#f3f7f9;color:#648397}.input-unit{position:relative}.input-unit input{padding-right:43px}.input-unit span{position:absolute;right:13px;top:12px;font-size:12px;color:#8198a8;pointer-events:none}.field small{display:block;color:#8396a3;font-size:10px;margin-top:5px}.full{grid-column:1/-1}.chips{display:flex;gap:9px;flex-wrap:wrap}.chip{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:85px;border:1px solid #d9e5ed;background:#fff;border-radius:7px;padding:10px 15px;color:#4c697d;font-size:12px;transition:all .15s}.chip.selected{background:#eaf6fe;border-color:#258dcc;color:#126fa3;box-shadow:0 0 0 1px #258dcc}.chip small{font-size:9px;color:#7699ae;margin-top:3px}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.choice{border:1px solid #d8e6ef;border-radius:7px;background:#fff;text-align:left;padding:16px;color:#355971}.choice.selected{border-color:#258dcc;background:#edf8ff;box-shadow:0 0 0 1px #258dcc}.choice b{display:block;font-size:12px;margin-bottom:5px}.choice span{display:block;font-size:10px;line-height:1.5;color:#7a91a1}.field-help{background:#f5f9fc;border-radius:6px;padding:11px 14px;font-size:11px;color:#6a8699;margin:17px 0 0}.field-help.blue-note{background:#eef8fe;color:#39718f}.file-upload{border:1px dashed #a9cce1;border-radius:8px;background:#f8fcfe;padding:21px;text-align:center;position:relative}.file-upload .icon{color:#3898cd;margin:auto auto 9px;width:25px;height:25px}.file-upload label{margin:0;font-size:12px}.file-upload p{font-size:10px;margin:5px 0 12px;color:#8ba1b0}.file-upload input{font-size:11px;border:0;background:transparent;padding:3px;max-width:320px;min-height:30px}.file-upload input::file-selector-button{background:#e7f4fc;border:0;color:#217fac;padding:8px 13px;border-radius:5px;margin-right:10px;cursor:pointer}.file-state{font-size:11px;color:#1f7cae;margin-top:10px;overflow-wrap:anywhere}.upload-preview{display:block;max-width:100%;max-height:140px;object-fit:contain;margin:10px auto}.check{display:flex;align-items:flex-start;gap:9px;font-size:11px;font-weight:400;color:#627f91;margin-top:15px;line-height:1.6}.check input{width:15px;height:15px;min-height:15px;padding:0;flex-shrink:0;margin:2px 0 0;accent-color:#168bc9}.summary{position:sticky;top:155px;border:1px solid #d8e7f1;border-radius:10px;background:#fff;overflow:hidden;box-shadow:0 8px 30px #264a6410}.summary-head{background:#eff8fd;padding:20px 23px;border-bottom:1px solid #dcebf4}.summary-head .eyebrow{font-size:9px;margin:0 0 10px}.summary-head h2{font-size:20px;margin:0}.summary-body{padding:22px}.summary-spec{display:flex;justify-content:space-between;gap:15px;font-size:11px;padding:9px 0;border-bottom:1px solid #edf2f5}.summary-spec span{color:#8195a3}.summary-spec strong{text-align:right;font-weight:600;color:#46657a;max-width:65%}.summary-total{padding:20px 0 12px}.price{font-size:33px;font-weight:750;letter-spacing:-.05em;color:#133c56}.tax{font-size:11px;font-weight:500;letter-spacing:0;color:#7892a3;margin-left:4px}.price-foot{font-size:10px;color:#8395a4;margin-top:3px}.price-formula{font-size:10px;color:#628398;padding:10px 0;border-top:1px solid #e5eef4;margin-top:10px}.summary .check{margin:0 0 15px}.summary-note{font-size:10px;color:#8197a6;text-align:center;margin:10px 0 0}.error-box{font-size:11px;color:#a24037;background:#fff1ee;padding:11px;border-radius:6px;margin-bottom:13px;display:none}.error-box.visible{display:block}.mini-promise{display:flex;gap:8px;align-items:center;font-size:10px;color:#8097a5;margin-top:17px}.mini-promise .icon{width:15px;height:15px;color:#3c99c5}.details{border-bottom:1px solid #e0e9ef}.details summary{cursor:pointer;padding:17px 0;font-size:12px;font-weight:600;list-style:none;display:flex;justify-content:space-between}.details summary:after{content:'+';color:#59a6cf}.details[open] summary:after{content:'−'}.details p{font-size:12px;line-height:1.8}.mode-tabs{display:flex;gap:8px;border-bottom:1px solid #e0eaf1;margin-bottom:25px;padding-bottom:12px;overflow:auto}.mode-tabs a,.mode-tabs button{font-size:11px;white-space:nowrap;padding:9px 15px;border:1px solid #dce8ef;background:white;color:#678499;border-radius:6px}.mode-tabs .active{background:#e7f5fe;color:#1682ba;border-color:#bedff2}.color-grid{display:flex;flex-wrap:wrap;gap:9px;margin-top:10px}.swatch{width:31px;height:31px;border-radius:50%;background:var(--swatch);border:1px solid #cfdce4;position:relative}.swatch.selected:after{content:'';position:absolute;inset:-4px;border:2px solid #2697cf;border-radius:50%}.letter-preview{background:repeating-linear-gradient(0deg,transparent,transparent 23px,#d9e9f244 24px),repeating-linear-gradient(90deg,#eff8fd,#eff8fd 23px,#d9e9f244 24px);flex-direction:column;padding:55px 35px;min-height:280px}.letter-preview .letter-text{font-size:44px;font-weight:700;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;text-align:center;line-height:1.1;transition:color .15s}.letter-preview img{max-height:180px;max-width:90%;object-fit:contain}.dimension-line{height:1px;background:#7fb5d3;position:relative;width:72%;margin-top:30px}.dimension-line:before,.dimension-line:after{content:'';height:8px;border-left:1px solid #7fb5d3;position:absolute;top:-4px}.dimension-line:after{right:0}.dimension-line span{position:absolute;left:50%;top:-8px;transform:translateX(-50%);background:#eff8fd;font-size:10px;color:#6a93aa;padding:0 8px;white-space:nowrap}.chooser-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px;padding-bottom:65px}.chooser-card{border:1px solid #deebf3;border-radius:10px;overflow:hidden}.chooser-card .category-art{height:210px}.chooser-card .category-content{padding:25px}.chooser-card h2{font-size:22px}.chooser-card ul{padding-left:16px;font-size:12px;color:#6e8799;line-height:2}.chooser-card .btn{width:100%;margin-top:15px}.badge{display:inline-flex;padding:4px 8px;border-radius:4px;background:#e7f5fd;color:#217cad;font-size:9px;font-weight:650;letter-spacing:.02em}.empty{padding:65px 25px;text-align:center;border:1px solid #e1ebf2;background:#f7fbfe;border-radius:10px}.empty h2{font-size:25px;margin-bottom:10px}.empty p{font-size:13px}.cart-layout,.checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) 335px;gap:28px;padding-bottom:65px;align-items:start}.cart-item{display:grid;grid-template-columns:90px 1fr auto;gap:20px;padding:24px 0;border-bottom:1px solid #e0eaf1}.cart-icon{width:90px;height:90px;display:flex;align-items:center;justify-content:center;background:#eef7fc;border-radius:8px;font-size:25px;color:#3b91bf}.cart-item h2{font-size:16px;margin:0 0 7px}.cart-item p{font-size:11px;margin-bottom:4px}.cart-item .item-price{font-size:17px;font-weight:650;white-space:nowrap}.cart-item .item-controls{display:flex;align-items:center;gap:15px;margin-top:12px}.qty{display:flex;align-items:center;border:1px solid #d6e3ec;border-radius:5px;overflow:hidden;width:91px;height:30px}.qty button{border:0;background:#f1f7fa;width:28px;height:30px;color:#43708b}.qty span{flex:1;text-align:center;font-size:11px}.remove,.edit{border:0;background:none;color:#6d8a9d;font-size:10px;padding:0;cursor:pointer}.remove:hover{color:#a24949}.order-total-row{display:flex;justify-content:space-between;gap:15px;margin-bottom:12px;font-size:12px;color:#6c889b}.order-total-row.main-total{border-top:1px solid #dae8f1;margin-top:17px;padding-top:17px;align-items:center;color:#193e58}.order-total-row.main-total b{font-size:25px;letter-spacing:-.04em}.checkout-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}.checkout-tabs button{padding:16px;border:1px solid #cfdfe9;background:#fff;border-radius:7px;font-weight:650;font-size:12px;color:#57778d}.checkout-tabs button.active{background:#ebf7fe;border-color:#208ecb;color:#1d7db2}.account-shell{max-width:760px;margin:0 auto;padding-bottom:65px}.account-panel{border:1px solid #dce7ef;border-radius:10px;padding:35px;background:#fff}.account-panel h2{font-size:23px}.account-panel .btn{margin-top:20px}.demo-explain{padding:12px 15px;background:#eff7fc;color:#6c899e;font-size:11px;border-radius:6px;margin-bottom:20px}.confirmation{max-width:740px;margin:25px auto 70px;text-align:center}.success-icon{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#e5f5ed;color:#428c6b;margin:0 auto 22px;font-size:27px}.confirmation h1{font-size:36px}.order-card{border:1px solid #d9e7f0;background:#f5faff;padding:25px;border-radius:9px;text-align:left;margin-top:25px}.order-card h3{font-size:17px}.order-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:22px 0 10px}.order-step{font-size:11px;padding-top:15px;border-top:3px solid #d5e4ed;color:#8099a9}.order-step.done{color:#278abf;border-color:#3098ce}.account-order{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #dce8ef;padding:16px 0;font-size:12px}.account-order span{display:block;font-size:10px;color:#7c93a4}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding-bottom:50px}.guide-block{border:1px solid #dee9f1;border-radius:9px;padding:28px}.guide-block h2{font-size:23px}.guide-block p,.guide-block li{font-size:12px;color:#698397;line-height:1.85}.guide-block li{margin-bottom:8px}.guide-block ul{padding-left:19px}.guide-block a{color:#1682be;text-decoration:underline}.guide-block.wide{grid-column:1/-1}.compare{width:100%;border-collapse:collapse;font-size:12px}.compare th,.compare td{text-align:left;padding:13px 10px;border-bottom:1px solid #e3ecf2}.compare th{background:#f0f7fb;font-weight:600}.table-scroll{overflow:auto}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#193c54;color:#fff;padding:14px 24px;border-radius:8px;font-size:12px;z-index:150;box-shadow:0 10px 30px #12344b30;transition:all .2s;max-width:90vw}.toast.show{transform:translate(-50%,0);opacity:1}.cart-drawer{position:fixed;inset:0;z-index:100;background:#102e4655;display:flex;justify-content:flex-end;backdrop-filter:blur(2px)}.drawer-panel{width:405px;max-width:94vw;background:#fff;box-shadow:-10px 0 50px #12354d22;display:flex;flex-direction:column;animation:slide-in .2s}.drawer-head{padding:23px 25px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2ebf2}.drawer-head h2{font-size:20px;margin:0}.close-button{border:0;background:#f0f6f9;border-radius:50%;width:30px;height:30px;color:#5f7e91;font-size:18px}.drawer-content{padding:25px;overflow:auto;flex:1}.drawer-content h3{font-size:17px}.drawer-content p{font-size:12px}.drawer-footer{border-top:1px solid #dce8ef;padding:22px 25px}.drawer-footer .btn{margin-top:9px}.drawer-total{display:flex;justify-content:space-between;font-size:13px;margin-bottom:13px}.drawer-total b{font-size:20px}.view-toggle{display:flex;gap:5px;margin-left:0}.view-toggle button{font-size:9px;border:0;border-radius:4px;color:#7290a3;background:none;padding:4px 6px}.view-toggle button.active{color:#196e9f;background:#e9f5fc}.hidden,[hidden]{display:none!important}.legal-note{font-size:11px;background:#fff8e9;color:#8a7549;border:1px solid #f3e4bd;border-radius:6px;padding:12px 14px;line-height:1.7;margin-top:17px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #63bce9;outline-offset:4px}@keyframes slide-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(min-width:1450px){.container{max-width:1360px}.hero-inner{min-height:550px}.hero-art:before{width:400px;height:400px}.category-art{height:190px}}
@media(max-width:1100px){.header-main{gap:25px}.header-actions{gap:15px}.action-link span.label{display:none}.nav-list{gap:19px}.container{padding:0 28px}.hero-inner{min-height:470px}.hero h1{font-size:51px}.hero-art:before{width:300px;height:300px;top:18px}.art-tag.top{right:15px}.art-tag.bottom{left:45px;bottom:2px}.product-layout,.cart-layout,.checkout-layout{grid-template-columns:minmax(0,1fr) 295px;gap:22px}.summary-body{padding:19px}.summary-head{padding:19px}.choice-grid{gap:7px}.choice{padding:12px}.category-content{padding:18px 15px}.category-content h3{font-size:17px}.vehicle-promo{padding:30px;gap:25px}.footer-main{grid-template-columns:1.5fr 1fr 1fr 1fr}.hero-art-caption{display:none}}
@media(max-width:850px){.container{padding:0 22px}.header-main{height:72px;gap:20px}.header-actions{gap:12px}.logo-text{font-size:16px}.logo-text small{font-size:8px}.logo-mark{width:30px;height:35px}.nav-help{display:none}.nav-list{width:100%;justify-content:space-between;gap:8px}.nav-item>a{font-size:11px}.hero-inner{grid-template-columns:1fr 1fr;min-height:440px}.hero h1{font-size:43px}.hero p{font-size:13px}.hero-buttons{gap:8px}.hero-buttons .btn{padding:11px 14px;font-size:11px}.hero-art:before{width:250px;height:250px;top:5px}.art-tag{font-size:9px;padding:9px}.art-tag.top{top:0}.art-tag.bottom{bottom:-20px;left:30px}.values{gap:10px}.value{gap:8px}.value b{font-size:10px}.value span{font-size:9px}.value .icon{width:18px}.category-grid{grid-template-columns:repeat(2,1fr);gap:19px}.category-art{height:185px}.category-content{padding:22px}.category-content h3{font-size:20px}.category-content p{min-height:0}.vehicle-promo{grid-template-columns:1fr}.how-grid{gap:20px}.product-layout,.cart-layout,.checkout-layout{grid-template-columns:1fr}.summary{position:static}.summary-head{padding:20px 24px}.summary-body{padding:24px}.summary-spec{font-size:12px}.summary-total{display:grid;grid-template-columns:1fr 1fr;align-items:center}.summary-total .price-foot{grid-column:1}.price-formula{text-align:right;grid-row:1/3;grid-column:2;border-top:0}.summary .btn-primary{width:100%;min-height:50px}.chooser-grid{gap:13px}.chooser-card .category-content{padding:18px}.chooser-card h2{font-size:19px}.footer-main{grid-template-columns:1.5fr 1fr 1fr}.footer-main>div:last-child{display:none}.page-head h1{font-size:34px}}
@media(max-width:600px){html{scroll-padding-top:110px}.container{padding:0 19px}.demo-bar{font-size:9px;padding:6px}.demo-bar .desktop-only{display:none}.header-main{height:66px;gap:10px}.logo-text{font-size:15px}.logo-text small{font-size:7px}.logo{gap:6px}.logo-mark{width:28px;height:32px}.search-wrap{display:none}.header-actions{margin-left:auto;gap:11px}.mobile-menu{display:block;padding:4px}.header-actions .icon{width:19px}.cart-count{min-width:17px;font-size:9px}.nav-row{display:none;height:auto}.nav-row.open{display:block}.nav-list{display:block;padding:9px 0 13px}.nav-item{display:block;padding:0}.nav-item>a{font-size:13px;padding:11px 0;justify-content:space-between}.dropdown{display:block;position:static;box-shadow:none;border:0;padding:0 0 8px 11px;min-width:0}.dropdown a{padding:8px;font-size:11px}.nav-item .dropdown{display:none}.nav-item:focus-within .dropdown,.nav-item:hover .dropdown{display:block}.hero-inner{display:flex;flex-direction:column;align-items:stretch;padding-top:34px;min-height:0}.eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:18px}.hero h1{font-size:46px;margin-bottom:18px}.hero p{font-size:13px;max-width:360px;margin-bottom:21px}.hero-buttons .btn{font-size:12px;min-height:45px;padding:11px 16px}.hero-note{font-size:10px;margin-top:14px}.hero-art{width:109%;margin:10px -4.5% 24px;padding-top:20px}.hero-art:before{width:230px;height:230px;left:22%;top:0}.hero-art:after{inset:20px 30px 15px 50px}.art-tag.top{top:10px;right:24px}.art-tag.bottom{bottom:2px;left:32px}.values{grid-template-columns:1fr 1fr;gap:20px 4px;padding-top:21px;padding-bottom:21px}.value{justify-content:start;padding-left:4px}.value:nth-child(2){border:0}.value b{font-size:10px}.value span{font-size:9px}.value .icon{width:20px}.section{padding-top:40px;padding-bottom:40px}.section-heading{margin-bottom:22px;gap:10px}.section-heading h2{font-size:27px}.section-heading p{font-size:12px}.section-heading .caption{display:none}.category-grid{gap:12px}.category-art{height:125px}.category-art svg{padding:3px 0}.category-letter{font-size:8px;left:10px;top:9px}.category-content{padding:16px 13px}.category-content h3{font-size:16px;line-height:1.2;min-height:38px;margin-bottom:7px}.category-content p{font-size:10px;min-height:50px}.card-spec{font-size:8px;padding:4px 5px}.card-cta{font-size:10px;margin-top:16px}.card-cta .icon{width:14px}.vehicle-promo{margin-top:25px;padding:25px 21px;gap:22px}.vehicle-promo h2{font-size:26px}.vehicle-promo p{font-size:11px}.vehicle-quick{gap:8px}.vehicle-quick select{font-size:12px;padding:11px 9px}.how-grid{grid-template-columns:1fr;gap:19px;margin-top:25px}.how-item p{margin:0}.help-band{display:block;padding-top:26px;margin-top:28px}.help-band .btn{margin-top:19px}.footer{padding-top:29px}.footer-main{grid-template-columns:1fr 1fr;gap:25px}.footer-main>div:first-child{grid-column:1/-1}.footer p{max-width:100%}.footer-bottom{font-size:9px;display:block}.footer-bottom span{display:block;margin:6px 0}.breadcrumb{padding-top:20px;font-size:10px;margin-bottom:22px}.page-head h1{font-size:31px}.page-head p{font-size:12px}.page-head{margin-bottom:22px}.mode-tabs{margin-bottom:19px;gap:6px}.mode-tabs a,.mode-tabs button{padding:8px 10px;font-size:10px}.preview-box{min-height:205px;margin-bottom:17px}.preview-label{font-size:8px;top:14px;left:14px}.preview-note{font-size:8px;right:12px;bottom:11px}.config-section{padding:20px 17px;margin-bottom:13px}.config-title{gap:9px;margin-bottom:19px}.config-title h2{font-size:16px}.fields{gap:14px}.fields.triple{grid-template-columns:1fr 1fr}.fields.triple .field:last-child{grid-column:1/-1}.choice{padding:12px 9px}.choice b{font-size:11px}.choice span{font-size:9px}.choice-grid{gap:7px}.chip{min-width:79px;padding:9px 12px}.field-label,label{font-size:11px}input,select,textarea{font-size:13px;padding:11px 10px;min-height:45px}.config-section p{font-size:11px}.field-help{font-size:10px;padding:10px}.file-upload{padding:17px 10px}.file-upload p{font-size:9px}.file-upload input{font-size:10px}.summary{border-radius:8px}.summary-body{padding:20px}.summary-head{padding:19px 20px}.summary-spec{font-size:11px}.summary-total{display:block}.price-formula{text-align:left;border-top:1px solid #e4edf4}.chooser-grid{grid-template-columns:1fr;gap:20px;padding-bottom:40px}.chooser-card .category-art{height:175px}.chooser-card .category-content{padding:24px}.chooser-card h2{font-size:23px}.chooser-card ul{margin-bottom:3px}.cart-item{grid-template-columns:55px 1fr;gap:13px}.cart-icon{width:55px;height:65px;font-size:20px}.cart-item .item-price{grid-column:2;font-size:15px}.cart-item h2{font-size:15px}.cart-item p{font-size:10px}.cart-item .item-controls{gap:12px}.checkout-tabs button{font-size:11px;padding:13px 8px}.checkout-layout .fields{grid-template-columns:1fr}.account-panel{padding:24px 20px}.account-panel .fields{grid-template-columns:1fr}.guide-grid{grid-template-columns:1fr;gap:17px}.guide-block{padding:23px 20px}.guide-block.wide{grid-column:auto}.guide-block h2{font-size:23px}.guide-block p,.guide-block li{font-size:11px}.compare{font-size:10px;min-width:470px}.confirmation h1{font-size:30px}.order-card{padding:20px}.order-timeline{gap:10px}.order-step{font-size:10px}.letter-preview .letter-text{font-size:30px}.toast{font-size:11px;bottom:15px;padding:12px 18px}.view-toggle{display:none}.legal-note{font-size:10px}.product-layout,.cart-layout,.checkout-layout{padding-bottom:40px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Direction couleur : bleu profond et jaune vif, accueil par famille. */
:root{--accent:#f6e52b;--ink:#173c56}
.hero{background:linear-gradient(110deg,#f4faff 0%,#e5f4ff 47%,#d3ecfd 100%)}
.hero-inner{min-height:470px}
.hero h1 span{display:inline-block;position:relative;color:#087dbd;isolation:isolate}
.hero h1 span:after{content:'';position:absolute;left:-3px;right:-8px;height:12px;bottom:2px;background:var(--accent);z-index:-1;transform:rotate(-2deg)}
.hero-art:before{background:#278ac6;border:0;box-shadow:18px 18px 0 #b1dcf6}
.hero-art:after{border:2px solid var(--accent);inset:20px 24px 35px 105px;transform:rotate(-18deg)}
.hero-art .van-art{filter:drop-shadow(0 18px 16px #173c5633);transform:rotate(-3deg)}
.art-tag.top{background:var(--accent);color:var(--ink);box-shadow:0 7px 0 #173c5612}
.art-tag.bottom{background:var(--ink);color:#fff}
.tag-dot{background:var(--ink);box-shadow:0 0 0 4px #ffffff66}
.art-tag.bottom .icon{color:var(--accent)}
.family-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding-top:15px;padding-bottom:28px}
.family-shortcuts a{display:flex;align-items:center;gap:11px;padding:15px 17px;border:1px solid #b6d8ed;border-radius:8px;background:#ffffffdd;box-shadow:0 4px 0 #174f7310;transition:transform .18s,background .18s,border-color .18s}
.family-shortcuts a:hover{background:#fff;border-color:#1686c7;transform:translateY(-3px)}
.family-shortcuts a>span{width:25px;height:25px;display:grid;place-items:center;flex-shrink:0;border-radius:5px;background:var(--accent);color:var(--ink);font-weight:800;font-size:11px}
.family-shortcuts a>b{font-size:12px;font-weight:650}
.family-shortcuts .icon{width:16px;height:16px;margin-left:auto;color:#1881bb}
[data-page="home"] #nos-produits{padding-top:45px;padding-bottom:48px}
.category-art{border-bottom:1px solid #d6e8f3}



.category-letter{background:var(--accent);color:var(--ink);border-color:var(--accent);font-weight:800}
.category-card:hover{border-color:#298fc6;box-shadow:0 13px 0 -7px var(--accent),0 16px 28px #244b6320}
.card-cta .icon{width:28px;height:28px;padding:6px;background:var(--accent);color:var(--ink);border-radius:50%}
.step-no{background:var(--accent);color:var(--ink)}
.letter-preview.on-dark{background:repeating-linear-gradient(0deg,transparent,transparent 23px,#31526c55 24px),repeating-linear-gradient(90deg,#173c56,#173c56 23px,#31526c55 24px)}
.letter-preview.on-dark .preview-label,.letter-preview.on-dark .preview-note{color:#a2c9df}
.letter-preview.on-dark .dimension-line{background:#83a8c1}
.letter-preview.on-dark .dimension-line span{background:#173c56;color:#c3ddeb}
@media(min-width:1450px){.hero-inner{min-height:495px}}
@media(max-width:1100px){.family-shortcuts a{padding:13px 11px;gap:8px}.family-shortcuts a>b{font-size:11px}}
@media(max-width:850px){.hero-inner{min-height:430px}.family-shortcuts{gap:8px}.family-shortcuts a{padding:12px 9px;gap:7px}.family-shortcuts a>b{font-size:10px}.family-shortcuts .icon{width:13px}.family-shortcuts a>span{width:20px;height:23px;font-size:10px}}
@media(max-width:600px){.hero-inner{min-height:0;padding-top:29px}.hero h1{font-size:43px}.hero h1 span:after{height:9px}.hero-art{width:104%;margin:8px -2% 17px;padding-top:16px}.hero-art:before{width:205px;height:205px;left:25%;box-shadow:12px 12px 0 #b1dcf6}.hero-art:after{inset:17px 27px 20px 80px}.art-tag.top{top:5px;font-size:8px}.art-tag.bottom{bottom:0;left:24px;font-size:8px}.family-shortcuts{grid-template-columns:1fr 1fr;gap:10px;padding-top:4px;padding-bottom:25px}.family-shortcuts a{padding:12px 10px;gap:8px;min-height:52px}.family-shortcuts a>b{font-size:11px}.family-shortcuts a>span{width:23px;height:23px;font-size:10px}.family-shortcuts .icon{width:14px}[data-page="home"] #nos-produits{padding-top:34px;padding-bottom:35px}.card-cta .icon{width:23px;height:23px;padding:5px}.category-content h3{font-size:16px}.category-card:hover{transform:none}}

/* Le studio de création et les accessoires complètent les quatre familles de films. */
.family-shortcuts{grid-template-columns:repeat(3,1fr)}
.category-grid{grid-template-columns:repeat(3,1fr);gap:21px}


.category-card:nth-child(5) .category-content h3,.category-card:nth-child(6) .category-content h3{font-size:19px}
.nav-list{gap:19px}.nav-item>a{font-size:12px}.nav-help{gap:5px;font-size:10px}
.nav-item:nth-child(n+5) .dropdown{left:auto;right:0}
.studio-banner{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;background:#e8f5fd;border:1px solid #d6e9f5;border-radius:10px;padding:20px 27px;margin-bottom:22px;overflow:hidden}
.studio-banner h2{font-size:31px;margin:17px 0 14px}.studio-banner p{font-size:12px;margin:0;max-width:260px}.studio-banner svg{width:100%}
.service-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.service-pills .chip{min-width:0;padding:8px 12px;font-size:11px}
.character-count{font-size:11px;text-align:right;margin-top:8px;color:#688799}.character-count strong{color:#1d7daf}
.face-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}
.face-preview>span{background:#eef7fc;border:1px solid #d4e6f1;border-radius:7px;padding:14px;font-size:11px;display:flex;flex-direction:column;gap:4px}
.face-preview b{color:#2386bc;font-size:20px;letter-spacing:-.04em}.face-preview small{font-size:10px;color:#7e98aa}
.pack-offer{background:#f4faff;border:1px solid #b9dced;border-radius:9px;padding:23px}.pack-offer h3{margin:17px 0;font-size:23px}.pack-offer ul{list-style:none;padding:0;font-size:12px;color:#54758d;line-height:2}.pack-offer li:before{content:'✓';color:#1687bf;font-weight:750;margin-right:8px}.pack-offer p{font-size:12px}
.quote-notice{padding:24px;background:#173c56;border-radius:8px;color:white}.quote-notice h3{font-size:24px;margin:18px 0 13px}.quote-notice p{color:#bed9e9;font-size:12px}.quote-notice label{color:#bed9e9}.quote-notice .badge{background:#f6e52b;color:#173c56}
.design-scope{background:#f5f9fc;border-radius:7px;padding:17px;margin-top:20px}.design-scope b{font-size:12px}.design-scope p{font-size:11px;line-height:1.7;margin:9px 0 0}.design-scope p:last-child{color:#879eac;font-size:10px}
.file-service-link{display:block;background:#e8f5fd;border:1px solid #c6e4f5;border-radius:7px;padding:12px 14px;font-size:11px;font-weight:600;color:#1a7eb2;margin:16px 0 5px}
.kit-creation-option{padding:19px;background:#f4faff;border:1px solid #c8e3f3;border-radius:8px;margin-bottom:20px}.kit-creation-option p{font-size:10px;color:#728fa3;margin:10px 0}.kit-creation-option textarea{font-size:12px}
.accessory-bundle{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;background:#173c56;color:white;border-radius:11px;padding:30px 35px;margin-bottom:30px}.accessory-bundle h2{font-size:29px;margin:14px 0 10px}.accessory-bundle p{color:#b2d1e3;font-size:12px;margin:0}.accessory-bundle .badge{background:#f6e52b;color:#173c56}.bundle-action{display:flex;flex-direction:column;align-items:end;gap:10px}.bundle-action>strong{font-size:32px;letter-spacing:-.04em}.bundle-action small{font-size:10px;color:#b2d1e3}.bundle-action .btn{background:#f6e52b;color:#173c56}.bundle-action strong small{font-size:13px;margin-left:3px}
.accessory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.accessory-card{border:1px solid #d9e8f1;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.accessory-art{background:#edf7fd;height:185px}.accessory-art svg{width:100%;height:100%}.accessory-body{padding:23px;display:flex;flex-direction:column;flex:1}.accessory-body h2{font-size:21px;margin:15px 0 12px}.accessory-body>p{font-size:12px;min-height:55px;margin-bottom:10px}.accessory-body>small{font-size:10px;color:#88a0b0;min-height:30px}.accessory-body .card-spec{align-self:start}.accessory-price{font-size:26px;font-weight:750;letter-spacing:-.04em;color:#173c56;margin:16px 0}.accessory-price small{font-size:11px;letter-spacing:0;color:#8098a8}.accessory-actions{display:flex;gap:12px;align-items:end;margin-top:auto}.accessory-quantity{max-width:75px;margin:0;font-size:10px;color:#7b98a9}.accessory-quantity input{margin-top:6px;height:45px;min-height:45px}.accessory-actions .btn{flex:1;min-height:45px;padding:11px 15px}.accessory-error{font-size:11px!important;color:#a34840!important;background:#fff1ed;border-radius:5px;padding:10px;margin:10px 0 0!important;min-height:0!important}
.cart-complements{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.cart-complements a{background:#eef8fe;color:#237fad;padding:11px 14px;border-radius:6px;font-size:11px}
@media(max-width:1100px){.nav-list{gap:12px}.nav-item>a{font-size:11px}.nav-help{display:none}.category-content{padding:20px}.accessory-body{padding:20px}.accessory-body h2{font-size:19px}.accessory-actions{gap:8px}.accessory-actions .btn{padding:10px;font-size:12px}}
@media(max-width:850px){.category-grid{grid-template-columns:1fr 1fr}.nav-item>a{font-size:10px}.nav-list{gap:9px}.accessory-grid{grid-template-columns:1fr 1fr}.accessory-bundle{grid-template-columns:1fr;gap:20px}.bundle-action{align-items:start}.studio-banner{grid-template-columns:1fr 1fr}.category-card:nth-child(5) .category-content h3,.category-card:nth-child(6) .category-content h3{font-size:20px}}
@media(max-width:600px){.family-shortcuts{grid-template-columns:1fr 1fr}.family-shortcuts a>b{font-size:10px;line-height:1.35}.nav-item>a{font-size:13px}.category-grid{gap:12px}.category-content{padding:16px 13px}.category-card:nth-child(5) .category-content h3,.category-card:nth-child(6) .category-content h3{font-size:16px}.studio-banner{padding:20px 17px;grid-template-columns:1.2fr 1fr}.studio-banner h2{font-size:24px;margin:12px 0}.studio-banner p{font-size:10px}.studio-banner .badge{font-size:8px}.studio-banner svg{width:130%;margin-left:-15%}.service-pills{gap:6px}.service-pills .chip{font-size:10px;padding:8px 10px}.face-preview{gap:6px}.face-preview>span{padding:11px 8px;font-size:10px}.pack-offer,.quote-notice{padding:19px 16px}.pack-offer h3{font-size:21px}.pack-offer ul{font-size:11px;line-height:1.7}.pack-offer li{margin-bottom:7px}.pack-offer p,.quote-notice p{font-size:11px}.quote-notice h3{font-size:23px}.kit-creation-option{padding:15px 13px}.accessory-bundle{padding:24px 20px}.accessory-bundle h2{font-size:26px}.accessory-bundle p{font-size:11px}.bundle-action{align-items:stretch}.bundle-action>strong{font-size:30px}.accessory-grid{grid-template-columns:1fr;gap:20px}.accessory-art{height:175px}.accessory-body{padding:23px}.accessory-body h2{font-size:23px}.accessory-body>p{min-height:0}.accessory-body>small{min-height:0}.accessory-actions .btn{font-size:13px}.cart-complements{display:grid;grid-template-columns:1fr}}
/* Une même scène claire pour les six familles, des marquages faciles à comparer. */
.scene-image{display:block;max-width:100%;height:auto}
.category-card .category-art{height:auto;aspect-ratio:3/2;display:flex;align-items:center;justify-content:center;background:#eef7fc}
.category-card .category-art .scene-image{width:100%;height:100%;object-fit:contain;padding:15px 9px;margin:0}
.category-card .category-art .scene-installation{padding:24px 18px 14px}
.category-card .category-art svg{width:100%;height:100%;padding:14px 18px}
.category-card .category-letter{z-index:2;font-size:10px;top:12px;left:15px}
.hero-art .scene-image{width:100%;height:auto;transform:none;filter:drop-shadow(0 14px 14px #173c5619)}
.hero-art:before{background:#b9def5;box-shadow:18px 18px 0 #a9d7f3}
.hero-art .art-tag.top{top:20px}
.hero-art .art-tag.bottom{bottom:10px}
.chooser-card .category-art .scene-image{width:100%;height:100%;object-fit:contain;padding:10px}
.preview-box .scene-image{width:100%;max-width:690px;max-height:350px;object-fit:contain;margin:22px auto 34px}
@media(max-width:850px){.hero-art .art-tag.top{top:0}.hero-art .art-tag.bottom{bottom:-3px;left:18px}.category-card .category-art .scene-image{padding:12px 6px}.category-card .category-art .scene-installation{padding:20px 13px 12px}}
@media(max-width:600px){.category-card .category-art{aspect-ratio:4/3}.category-card .category-art .scene-image{padding:12px 3px 3px}.category-card .category-art .scene-installation{padding:17px 9px 7px}.category-card .category-art svg{padding:11px 7px}.category-card .category-letter{font-size:8px;top:8px;left:9px}.hero-art .art-tag.top{top:4px}.hero-art .art-tag.bottom{bottom:0;left:24px}.preview-box .scene-image{margin:32px auto 38px;max-height:250px}}

/* Parcours produit : options lisibles, véhicule et simulation de vitrage. */
.adhesive-option{margin-top:20px;padding:17px;border:1px solid #d6e7f1;border-radius:9px;background:#f5faff}
.contour-option{margin-top:20px;padding:18px;border:1px solid #bcddee;border-radius:9px;background:#edf7fd}
.contour-option .check{margin:0;align-items:flex-start}.contour-option .check small{display:block;margin-top:5px;font-weight:400;color:#58768b}.contour-option input[type=checkbox]{accent-color:#2689c5}.contour-option #contour-fields{margin-top:18px}.contour-option input[type=file]{margin:10px 0 15px;width:100%}
.glazing-preview{margin-bottom:22px;border:1px solid #d6e7f1;border-radius:11px;background:#eef7fc;overflow:hidden}
.glazing-preview-heading{padding:17px 19px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#173c56;font-size:12px;font-weight:700}
.glass-compare{border:1px solid #bed9e9;border-radius:6px;background:#fff;padding:8px 12px;color:#173c56;font:inherit;font-size:11px;cursor:pointer}.glass-compare[aria-pressed=true]{background:#173c56;color:#fff}
.glass-scene{position:relative;aspect-ratio:3/2;width:100%}.glass-scene img,.glass-scene svg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.glass-scene svg{pointer-events:none}.glass-scene [hidden]{display:none!important}
.glazing-preview-foot{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:0 18px 12px;font-size:10px;color:#4c6d83}.glazing-preview-foot .badge{font-size:9px;white-space:nowrap}
.preview-disclaimer{font-size:10px;line-height:1.6;color:#698699;padding:0 18px 14px;margin:0}
#solar-simulator-controls{margin-top:18px;padding:17px;background:#f3f9fd;border-radius:8px}#solar-simulator-controls label{display:block;font-size:12px;font-weight:700}#solar-range-value{float:right;color:#137bb2}#solar-range{display:block;width:100%;margin:18px 0 9px;accent-color:#2689c5}.solar-stops{display:flex;justify-content:space-between;font-size:10px;color:#58768b}
.design-examples{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:14px 0 22px}.design-examples figure{margin:0;background:#eef7fc;border:1px solid #dfedf5;border-radius:8px;overflow:hidden}.design-examples img{width:100%;height:auto;margin:0;aspect-ratio:3/2;object-fit:contain;padding:5px}.design-examples figcaption{padding:0 5px 10px;text-align:center;font-size:10px;font-weight:700;color:#173c56}
.advice-band{display:flex;align-items:center;gap:20px;padding:20px;background:#edf7fd;border:1px solid #cfdfeb;border-radius:9px;margin-bottom:24px}.advice-band h3{font-size:16px;margin:0 0 7px}.advice-band p{margin:0;font-size:12px;line-height:1.6}.advice-band .btn{flex-shrink:0;font-size:11px}.global-offer{margin:18px 0;padding:19px;border-radius:9px;background:#edf7fd}.global-offer h3{margin:15px 0 10px;font-size:19px}.global-offer p{font-size:12px;line-height:1.6}.global-offer .field{margin-top:18px}
.accessory-intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px;background:#eef7fc;border:1px solid #d8e8f2;border-radius:14px;padding:30px 38px;margin-bottom:26px}.accessory-intro h2{font-size:32px;line-height:1.15;margin:17px 0}.accessory-intro p{max-width:420px;font-size:13px;line-height:1.8}.accessory-intro .scene-image{width:100%;max-height:260px;object-fit:contain}
.accessory-packs{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:44px}.accessory-pack{padding:27px;border:1px solid #cfdfeb;border-radius:12px;background:#fff}.accessory-pack h2{font-size:22px;margin:18px 0}.accessory-pack ul{padding-left:18px;font-size:12px;line-height:2}.accessory-pack .pack-price{font-size:20px;font-weight:800;color:#173c56;margin:22px 0 16px}.accessory-pack .btn{width:100%}.accessory-pack .small{font-size:10px;line-height:1.6;margin:13px 0 0}.accessory-art{background:#eef7fc}.pending-price h3{font-size:18px;margin:17px 0 10px}.pending-price p{font-size:12px;line-height:1.7}.item-price{min-width:100px}
@media(max-width:850px){.advice-band{flex-direction:column;align-items:flex-start}.accessory-intro{padding:24px}.accessory-pack{padding:22px}.glazing-preview-foot{flex-wrap:wrap}}
@media(max-width:600px){.accessory-intro,.accessory-packs{grid-template-columns:1fr}.accessory-intro{gap:2px;padding:22px}.accessory-intro h2{font-size:27px}.accessory-intro .scene-image{max-height:210px}.accessory-packs{gap:15px}.design-examples{grid-template-columns:1fr 1fr}.glazing-preview-heading{padding:14px 12px 0;font-size:11px}.glass-compare{padding:7px;font-size:10px}.glazing-preview-foot{padding:0 12px 10px;gap:8px}.preview-disclaimer{padding:0 12px 12px;font-size:9px}.contour-option,.adhesive-option{padding:14px}.item-price{min-width:0}}

/* Sept familles, balisage et découpe des contours. */
.nav-row{gap:18px}.nav-list{flex:1;justify-content:space-between;gap:15px}.nav-item>a{font-size:11px;gap:4px}.nav-help{flex-shrink:0}
.family-shortcuts{grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}.family-shortcuts a{padding:13px 9px;gap:7px;min-width:0}.family-shortcuts a>b{font-size:10px;line-height:1.35}.family-shortcuts a>span{width:23px;height:25px}.family-shortcuts .icon{width:12px}
.category-card:nth-child(7):last-child{grid-column:2}.category-card:nth-child(n+5) .category-content h3{font-size:21px}.category-content{flex:1;display:flex;flex-direction:column}.category-card{display:flex;flex-direction:column}.category-card .category-art{flex-shrink:0}.category-content .card-spec{align-self:flex-start}.category-content .card-cta{margin-top:auto;padding-top:19px}
.solar-shade-choices{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:14px 0 9px}.solar-shade{border:1px solid #cbdfe9;background:#fff;border-radius:7px;padding:6px;color:#36586e;font-size:11px}.solar-shade b{display:block;padding:5px 0 1px}.solar-shade.selected{border-color:#117ebc;box-shadow:0 0 0 1px #117ebc;background:#e2f2fc;color:#105e8d}.solar-shade:hover{border-color:#117ebc}.shade-sample{display:block;background:linear-gradient(145deg,#ffffff25,transparent 48%,#ffffff12),var(--glass-tone);height:31px;border-radius:3px}.solar-stops{font-size:10px}#solar-explanation{margin:13px 0 0;font-size:11px}#solar-range-value{font-size:11px}
.safety-intro{padding:2px 3px 12px}.safety-intro h2{font-size:26px;margin:0 0 13px}.safety-intro p{font-size:13px;line-height:1.8}.safety-width-note{background:#edf7fd;border:1px solid #c7dfed;border-radius:8px;padding:16px;margin-bottom:16px}.safety-width-note strong{font-size:13px}.safety-width-note p{font-size:12px;margin:7px 0 0}.safety-preview .width-tag{background:#f6e52b;color:#173c56}
.knifeless-feature{display:grid;grid-template-columns:.85fr 1.2fr;gap:35px;align-items:center;background:#eef7fc;border:1px solid #c8e0ee;border-radius:13px;margin:0 0 27px;padding:30px 38px}.knifeless-feature h2{font-size:34px;line-height:1.12;margin:18px 0}.knifeless-feature p{font-size:13px;line-height:1.8;margin-bottom:15px}.knifeless-art{text-align:center;align-self:center}.knifeless-art svg{width:100%;max-height:260px}.knifeless-art>span{font-size:10px;color:#698496}.knifeless-steps{padding-left:20px;margin:14px 0;font-size:12px;line-height:1.8;color:#36566c}.knifeless-steps li{padding:3px 0 3px 4px}.knifeless-included{display:block;font-size:10px;color:#58778b;margin-top:11px}.featured-tool{border-color:#70b9e1;box-shadow:0 0 0 1px #70b9e1}.featured-tool .card-spec{background:#f6e52b;color:#173c56}
@media(max-width:1250px){.nav-help{display:none}}
@media(max-width:1100px){.family-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr))}.family-shortcuts a>b{font-size:11px}.category-card:nth-child(n+5) .category-content h3{font-size:20px}}
@media(max-width:1050px){.mobile-menu{display:block}.nav-row{display:none;height:auto}.nav-row.open{display:block;max-height:70vh;overflow:auto}.nav-list{display:block;padding:9px 0 13px}.nav-item{display:block;padding:0}.nav-item>a{font-size:13px;padding:11px 0;justify-content:space-between}.nav-item .dropdown{display:none;position:static;box-shadow:none;border:0;min-width:0;background:#f4faff;border-radius:6px;padding:6px}.nav-item:focus-within .dropdown,.nav-item:hover .dropdown{display:block}.nav-item .dropdown a{font-size:12px}}
@media(max-width:850px){.category-card:nth-child(7):last-child{grid-column:auto}.knifeless-feature{gap:18px;padding:23px}.knifeless-feature h2{font-size:28px}}
@media(max-width:600px){.family-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.family-shortcuts a>b{font-size:10px}.category-card:nth-child(n+5) .category-content h3{font-size:16px}.knifeless-feature{grid-template-columns:1fr;padding:23px;gap:5px}.knifeless-art svg{max-height:180px}.knifeless-feature h2{font-size:28px}.knifeless-feature .badge{font-size:9px}.knifeless-feature .btn{width:100%}.solar-shade-choices{gap:5px}.solar-shade{padding:4px;font-size:10px}.shade-sample{height:25px}#solar-range-value{float:none;display:block;margin-top:5px}.safety-intro h2{font-size:23px}.safety-preview .preview-note{font-size:9px}}
/* A–H : scènes partagées et configurateurs avec aperçu permanent. */
.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.vehicle-scene{position:relative;width:100%;aspect-ratio:3/2;overflow:hidden;isolation:isolate}
.vehicle-scene>img{display:block;width:100%;height:auto;margin:0;padding:0;max-height:none}
.vehicle-scene>svg{position:absolute;inset:0;width:100%;height:100%;padding:0;margin:0;max-height:none;pointer-events:none}
.vehicle-scene.solar-reference-scene{aspect-ratio:1672/941;background:#18222b}
.family-scene{width:100%;height:100%;display:grid;place-items:center;padding:12px 5px 3px}
.category-card .category-art .vehicle-scene>svg{padding:0}
.category-card .category-art .vehicle-scene>img{padding:0}
.family-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr))}
.family-shortcuts a{padding:12px 15px;min-height:52px}
.family-shortcuts a>b{font-size:12px}
.category-card:nth-child(7):last-child{grid-column:auto}
.category-card:nth-child(n+5) .category-content h3{font-size:19px}
.nav-list{gap:16px}.nav-item>a{font-size:11px}
.live-product-layout{grid-template-columns:minmax(0,1fr) minmax(340px,.78fr);gap:26px}
.live-rail{position:sticky;top:148px;max-height:calc(100dvh - 163px);overflow:auto;scrollbar-width:thin;scrollbar-color:#a9d2e9 transparent;padding:0 3px 3px}
.live-rail .summary{position:static;margin-top:16px;box-shadow:none}
.live-rail .summary-head{padding:16px 20px}.live-rail .summary-body{padding:17px 20px}
.live-preview{border:1px solid #bddcec;background:#eef7fc;border-radius:12px;overflow:hidden;box-shadow:0 7px 22px #173c5608}
.live-preview-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:14px 16px 8px;font-size:11px;font-weight:700;color:#284f66}
.live-preview-head>span:first-child{display:flex;align-items:center;gap:7px}
.live-preview-head i{width:7px;height:7px;background:#1686c7;border-radius:50%;box-shadow:0 0 0 4px #1686c714}
.live-preview-tag{letter-spacing:.13em;font-size:8px;color:#688b9f}
.live-preview #active-product-scene{padding:3px 10px 0}
.live-preview .solar-reference-scene{border-radius:8px}
.live-preview-caption{margin:0 16px;padding:11px 0 8px;border-top:1px solid #cfe3ee;color:#204e69;font-size:12px;font-weight:650;line-height:1.45}
.live-preview-note{font-size:9px;color:#678295;line-height:1.5;margin:0;padding:0 16px 13px}
.config-intro{margin:0 0 19px}
.signal-presets{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}
.signal-presets button{display:flex;align-items:center;gap:7px;border:1px solid #d1e2ed;background:#fff;border-radius:6px;padding:8px;font-size:10px;color:#41647b}
.signal-presets button[aria-pressed=true]{background:#eaf6fd;border-color:#1686c7;color:#126b9e}
.signal-presets i{display:block;width:21px;height:21px;border-radius:4px;border:1px solid #18334815}
.signal-width-guide{display:flex;gap:20px;margin:12px 0 0;font-size:10px;color:#6e8798;flex-wrap:wrap}
.signal-width-guide b{display:block;color:#375b73;font-size:11px}
.protection-tabs{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.protection-tabs .choice{position:relative;padding:20px 15px 17px}
.protection-tabs .choice b{font-size:14px}
.protection-tabs .protection-tab-icon{background:#f6e52b;color:#173c56;width:27px;height:27px;border-radius:7px;display:grid;place-items:center;font-size:11px;font-weight:800;margin-bottom:14px}
.roll-only{background:#eef7fc;border-left:3px solid #f6e52b;border-radius:5px;padding:14px;margin:0 0 20px}
.roll-only .badge{background:#e0eff9;color:#266a92;font-size:9px}
.roll-only p{font-size:11px;margin:8px 0 0;line-height:1.65}
.cart-item{grid-template-columns:120px minmax(0,1fr) auto}
.cart-product-preview{background:#eef7fc;border:1px solid #d7e6ee;border-radius:8px;align-self:start;overflow:hidden}
.drawer-product-preview{background:#eef7fc;border-radius:8px;margin-bottom:22px;overflow:hidden}
.drawer-product-preview .vehicle-scene{max-width:320px;margin:auto}
.checkout-product{align-items:center;gap:10px}
.checkout-product>div{width:62px;flex:0 0 62px;border-radius:5px;overflow:hidden;background:#eef7fc}
.checkout-product>span{flex:1}.checkout-product>strong{max-width:40%;font-size:10px}
@media(max-width:1150px){.nav-list{gap:10px}.nav-item>a{font-size:10px}.live-product-layout{grid-template-columns:minmax(0,1fr) 350px;gap:20px}}
@media(max-width:1050px){.live-rail{top:88px;max-height:calc(100dvh - 102px)}.nav-item>a{font-size:13px}}
@media(max-width:850px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.live-product-layout{display:flex;flex-direction:column;gap:18px}.live-product-layout>.config-panel{width:100%}.live-rail{display:contents;position:static;max-height:none;overflow:visible}.live-preview{order:-1;position:sticky;top:73px;z-index:20;width:100%;box-shadow:0 7px 20px #153c5620}.live-preview-head{padding:10px 14px 3px}.live-preview #active-product-scene{padding:0}.live-preview .vehicle-scene{width:250px;margin:auto}.live-preview .solar-reference-scene{width:296px}.live-preview-caption{padding:6px 0;margin:0 14px;font-size:11px}.live-preview-note{padding:0 14px 8px;font-size:8px}.live-rail .summary{order:2;width:100%;margin:0}.family-shortcuts a>b{font-size:11px}.category-card:nth-child(n+5) .category-content h3{font-size:20px}}
@media(max-width:600px){.family-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.family-shortcuts a{padding:10px;gap:7px}.family-shortcuts a>b{font-size:10px}.family-scene{padding:14px 3px 3px}.category-card:nth-child(n+5) .category-content h3{font-size:16px}.live-preview{top:68px}.live-preview .vehicle-scene{width:210px}.live-preview .solar-reference-scene{width:249px}.live-preview-head{font-size:10px;padding-top:8px}.live-preview-tag{font-size:7px}.live-preview-caption{font-size:10px;padding:5px 0}.live-preview-note{font-size:8px;padding-bottom:7px}.live-preview .glass-compare{padding:5px 7px;min-height:28px}.signal-presets{gap:6px}.signal-presets button{padding:7px;font-size:9px}.signal-width-guide{gap:19px}.protection-tabs{gap:8px}.protection-tabs .choice{padding:14px 11px}.protection-tabs .choice b{font-size:12px}.protection-tabs .choice span{font-size:9px}.cart-item{grid-template-columns:85px minmax(0,1fr);gap:12px}.cart-item .item-price{grid-column:2}.checkout-product>div{width:50px;flex-basis:50px}}

/* Même maquette, catalogue A–J : deux nouvelles familles de matières. */
.category-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.category-content,.category-card:nth-child(n+5) .category-content{padding:19px 16px}
.category-content h3,.category-card:nth-child(n+5) .category-content h3{font-size:18px}
.family-shortcuts{grid-template-columns:repeat(5,minmax(0,1fr))}
.family-shortcuts a>b{font-size:10px}.family-shortcuts a{padding:11px 9px;gap:7px}
.nav-list{width:100%;gap:8px;justify-content:space-between}.nav-item>a{font-size:10px}.nav-help{display:none}
.nav-item:nth-last-child(-n+3) .dropdown{left:auto;right:0}
.raw-roll-scene{width:100%;min-width:0}.category-art .raw-roll-scene .roll-aspect{display:none}
.roll-aspect{display:flex;align-items:center;gap:11px;margin:0 10px 12px;padding:10px 12px;background:#ffffffb8;border:1px solid #d8e8f1;border-radius:8px}
.roll-aspect strong{display:block;font-size:12px;color:#254e68;line-height:1.3}.roll-aspect div>span{display:block;font-size:9px;color:#678396;margin-top:3px}
.roll-aspect-swatch{width:47px;height:35px;flex:0 0 47px;position:relative;border:1px solid #cbdce7;border-radius:5px;background:repeating-conic-gradient(#f0f5f8 0% 25%,#dfeaf0 0% 50%) 50% / 12px 12px;overflow:hidden}
.roll-aspect-swatch:before{content:'';position:absolute;inset:0;background:var(--roll-color);opacity:var(--roll-opacity,1)}
.roll-aspect-swatch:after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 15%,#fff7 27%,transparent 48%,#fff4 60%,transparent 80%)}
.roll-aspect-swatch.matte:after{background:linear-gradient(140deg,#ffffff20,transparent)}
.roll-format-status{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#f6fafc;border:1px solid #d6e6ef;border-radius:7px;padding:15px;margin:0 0 19px;font-size:10px;color:#6c8799}
.roll-format-status strong{display:block;color:#315a74;font-size:13px;margin-top:5px}
.roll-known-format{margin:18px 0 0;border:1px solid #dce8ee;border-radius:7px;padding:13px 15px}
.roll-known-format summary{font-size:11px;font-weight:600;color:#2d688a;cursor:pointer}.roll-known-format[open] summary{margin-bottom:15px}
.proposal-note{padding:17px 20px;border:1px solid #b6d7e9;background:#f0f8fd;border-radius:9px;margin-bottom:18px}
.proposal-note .badge{background:#f6e52b;color:#173c56}.proposal-note p{font-size:11px;margin:10px 0 0;line-height:1.7}
@media(max-width:1150px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.category-content h3,.category-card:nth-child(n+5) .category-content h3{font-size:21px}.family-shortcuts{grid-template-columns:repeat(5,minmax(0,1fr))}.family-shortcuts a>b{font-size:9px}}
@media(max-width:1050px){.nav-list{display:block}.nav-item>a{font-size:13px}.nav-item:nth-last-child(-n+3) .dropdown{left:auto;right:auto}}
@media(max-width:850px){.family-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.family-shortcuts a>b{font-size:11px}.roll-aspect{max-width:330px;margin:0 auto 6px;padding:6px 9px;gap:8px}.roll-aspect-swatch{width:32px;flex-basis:32px;height:25px}.roll-aspect strong{font-size:10px}.roll-aspect div>span{font-size:8px}}
@media(max-width:600px){.category-grid{gap:12px}.category-content,.category-card:nth-child(n+5) .category-content{padding:16px 13px}.category-content h3,.category-card:nth-child(n+5) .category-content h3{font-size:16px}.family-shortcuts a>b{font-size:10px}.roll-aspect{max-width:280px}.roll-format-status{gap:8px;padding:12px}.roll-format-status strong{font-size:11px}}
.cart-product-preview .roll-aspect,.checkout-product .roll-aspect{display:none}

/* Familles K/L et navigation entre toutes les pages du catalogue. */
.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.family-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr))}
.nav-list{gap:6px}.nav-item>a{font-size:9px}
.choice-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.optics-options{margin-top:20px}
.optic-shade-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:20px}
.optic-shade{padding:12px 9px;background:white;border:1px solid #d6e5ef;border-radius:8px;color:#315a74;text-align:left;cursor:pointer;min-width:0}
.optic-shade>span{display:block;height:31px;background:linear-gradient(150deg,#dce8ee,#f6fafc 44%,#97aebd);position:relative;border-radius:4px;overflow:hidden;margin-bottom:10px}
.optic-shade>span:after{content:'';position:absolute;inset:0;background:#08101b;opacity:var(--optic-opacity)}
.optic-shade b{display:block;font-size:12px}.optic-shade small{display:block;font-size:9px;margin-top:5px;line-height:1.4}
.optic-shade.selected{border-color:#1686c7;box-shadow:0 0 0 1px #1686c7;background:#eef7fc}
.optics-scene{width:100%;position:relative}.optic-detail{display:none}
.live-preview .optic-detail{display:flex;justify-content:center;align-items:center;gap:18px;margin:0 20px 14px;padding-top:8px;border-top:1px dashed #c2dce9}
.optic-detail>span{font-size:10px;color:#52768d}.optic-detail>svg{width:128px;height:69px;border-radius:6px;background:#e8f3fa}
.fixed-laize{display:flex;align-items:center;gap:20px;background:#eef7fc;border:1px solid #b9daed;border-radius:8px;padding:16px 20px;margin:20px 0}
.fixed-laize>b{font-size:35px;line-height:1;color:#147fb8;white-space:nowrap}.fixed-laize>b>small{font-size:15px}.fixed-laize>span{font-size:12px;line-height:1.7;color:#315a74}.fixed-laize>span>small{font-size:10px;color:#648296}
.related-solutions{margin-top:62px;margin-bottom:48px;border-top:1px solid #dae7ef;padding-top:28px}
.related-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:18px}
.related-heading h2{font-size:20px;letter-spacing:-.4px;line-height:1.4;margin:0;color:#254d68}
.related-heading>a{font-size:11px;color:#237fae;white-space:nowrap;text-decoration:none}
.related-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.related-card{display:block;min-width:0;color:#345a72;text-decoration:none}
.related-image{background:#eef7fc;border:1px solid #e0ecf3;border-radius:8px;aspect-ratio:1.5;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:background .15s,border-color .15s}
.related-image .vehicle-scene{width:100%}.related-image .raw-roll-scene{width:100%}.related-image .roll-aspect{display:none}
.related-card>span{display:flex;justify-content:space-between;align-items:start;gap:6px;padding:10px 2px 0;font-size:11px;font-weight:550;line-height:1.45}.related-card>span>b{color:#1686c7;font-size:14px;font-weight:400}
.related-card:hover .related-image,.related-card:focus-visible .related-image{border-color:#1686c7;background:#e2f2fc}
.related-card:hover>span{text-decoration:underline;text-underline-offset:3px}
.footer-compact{padding:25px 0 0;margin-top:0;background:#f4f8fb;border-top:1px solid #dce7ef}
.compact-footer-row{display:flex;align-items:center;justify-content:space-between;gap:25px}
.compact-footer-row .logo-text{font-size:18px}.compact-footer-row .logo-text small{font-size:6px}.compact-footer-row .logo-mark{width:29px;height:32px}
.compact-footer-row nav{display:flex;flex-wrap:wrap;gap:12px 24px}.compact-footer-row nav a{font-size:11px;color:#506e82;text-decoration:none}.compact-footer-row nav a:hover{color:#117ebc;text-decoration:underline}
.footer-compact .footer-bottom{margin-top:20px;padding:13px 0 17px;color:#728999;font-size:9px;border-top:1px solid #e1eaf0}
@media(max-width:1150px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related-grid{gap:9px}.related-card>span{font-size:10px}.nav-item>a{font-size:9px}}
@media(max-width:1050px){.nav-item>a{font-size:13px}}
@media(max-width:850px){.family-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px}.related-card>span{font-size:11px}.related-solutions{margin-top:40px;margin-bottom:30px}.compact-footer-row{flex-direction:column;align-items:flex-start;gap:19px}.live-preview .optic-detail{display:none}.live-preview .optics-scene .vehicle-scene{width:250px}}
@media(max-width:600px){.related-heading{align-items:start}.related-heading h2{font-size:16px;max-width:190px}.related-heading>a{font-size:10px}.related-grid{gap:18px 8px}.related-card>span{font-size:10px}.optic-shade-grid{gap:6px}.optic-shade{padding:9px 6px}.optic-shade b{font-size:11px}.optic-shade small{font-size:8px}.fixed-laize{gap:15px;padding:15px}.fixed-laize>b{font-size:31px}.live-preview .optics-scene .vehicle-scene{width:210px}.footer-compact .footer-bottom{gap:10px;flex-wrap:wrap}.compact-footer-row nav{gap:12px 18px}}

/* Publicité aimantée : même scène Trafic et même langage de configuration. */
.magnetic-benefits{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 20px}
.magnetic-benefits span{font-size:10px;font-weight:650;color:#226e9b;background:#edf7fd;border:1px solid #cfe4f0;border-radius:5px;padding:8px 10px}
.magnetic-benefits span:first-child{background:#f6e52b;color:#173c56;border-color:#f6e52b}
.magnetic-area{background:#f2f8fc;border:1px solid #d4e5ef;border-radius:7px;padding:12px 14px;color:#315a74;font-size:12px;margin-top:18px}
@media(max-width:1150px) and (min-width:1051px){.nav-list{gap:4px}.nav-item>a{font-size:8.5px;gap:2px}}

/* Publicité Camion.fr — identité et douze familles, octobre 2026. */
.logo-mark{display:grid;place-items:center;background:var(--accent);border-radius:6px;color:var(--ink);font-size:29px;font-weight:900;line-height:1}
.logo-mark::before,.logo-mark::after{display:none}
.brand-suffix{color:#1686c7;font-weight:650}
.logo-text{font-size:18px;white-space:nowrap;letter-spacing:0}
.logo-text small{font-size:8px;letter-spacing:.12em}
.hero-note{margin-top:23px}
.family-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr))}
.optics-category-scene svg{pointer-events:none}
@media(max-width:1100px){.logo-text{font-size:16px}.logo-text small{font-size:7px}}
@media(max-width:680px){.family-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.logo-text{font-size:14px}.logo-text small{font-size:6px}.logo-mark{font-size:23px}.compact-footer-row .logo-text{font-size:15px}}
@media(max-width:400px){.logo-text{font-size:12px}.logo-text small{font-size:5.5px}.logo-mark{width:24px;height:29px;font-size:21px}}

/* Independent front/rear glazing comparison and micro-perforated viewpoints. */
.site-topbar{background:#dff1fb;color:#36566c;text-align:center;font-size:11px;letter-spacing:.02em;padding:6px 16px}
.solar-zone{padding:0;border:0;margin:0;min-width:0}
.solar-zone+.solar-zone{border-top:1px solid #cfdfeb;margin-top:22px;padding-top:20px}
.solar-zone legend{font-size:15px;font-weight:750;color:#183d56;margin-bottom:8px;padding:0}
.solar-zone-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
#solar-simulator-controls .solar-zone-heading label{font-size:11px;font-weight:500;margin:0;color:#58768b}
.solar-zone output{font-size:12px;font-weight:700;color:#137bb2;text-align:right}
.solar-range{display:block;width:100%;margin:12px 0 5px;accent-color:#1686c7;padding:0;min-height:30px}
.solar-order-note{font-size:10px;line-height:1.6;margin:9px 0 0;color:#58768b}
.micro-view-controls{display:flex;gap:5px;border:1px solid #c4deed;background:#fff;border-radius:8px;padding:4px;margin:7px 16px 12px}
.micro-view-controls button{flex:1;padding:9px 6px;border:0;border-radius:5px;background:transparent;color:#52758b;font-size:11px;font-weight:650}
.micro-view-controls button[aria-pressed="true"]{background:#1686c7;color:#fff;box-shadow:0 2px 6px #1686c724}
.vehicle-scene.glass-interior-scene{aspect-ratio:3/2;background:#20292e;border-radius:8px;overflow:hidden;margin-bottom:10px}
.solar-view-controls{gap:3px}
.solar-view-controls button{font-size:10px;line-height:1.35}
.vehicle-scene.solar-trafic-scene{aspect-ratio:3/2;background:transparent}
.solar-view-controls button:focus-visible{outline:2px solid #163d56;outline-offset:2px}
@media(max-width:850px){.micro-view-controls{max-width:310px;margin:7px auto 8px}.live-preview .glass-interior-scene{width:296px;margin-bottom:8px}}
@media(max-width:600px){.site-topbar{font-size:9px}.solar-zone legend{font-size:14px}.solar-zone-heading{gap:8px}.solar-zone output{font-size:11px}.micro-view-controls{max-width:280px;margin-top:5px;margin-bottom:7px}.micro-view-controls button{padding:7px 4px;font-size:10px}.live-preview .glass-interior-scene{width:249px}}
.local-page-head h1{max-width:960px;font-size:clamp(29px,3.3vw,44px);line-height:1.13}
.local-page-head .eyebrow{margin-bottom:12px}
.local-page-head p{max-width:850px}
.local-service-note{display:inline-block;padding:9px 13px;margin-top:12px;border-left:3px solid #f6e52b;background:#f1f8fc;color:#41657a;font-size:12px;line-height:1.5}
.local-advice{padding-top:42px;padding-bottom:15px}
.local-advice .section-heading h2{font-size:clamp(24px,2.5vw,32px);max-width:700px}
.local-advice-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;border-top:1px solid #dbe7ee;padding-top:28px}
.local-advice-grid h3{font-size:20px;line-height:1.35;color:#254d68}
.local-advice-grid p,.local-faq p{font-size:14px;line-height:1.9;color:#4e6a7d}
.local-faq{margin-top:30px;padding:25px 30px;background:#f2f8fc;border-radius:12px}
.local-faq h2{font-size:23px;margin-bottom:18px}
.local-faq details{border-top:1px solid #dbe7ee;padding:16px 0}
.local-faq summary{cursor:pointer;font-size:14px;font-weight:650;line-height:1.6;color:#254d68}
.local-faq p{margin:12px 0 0;max-width:900px}
.local-help{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px 0}
.local-help strong{font-size:19px;color:#254d68}
.local-help p{font-size:13px;line-height:1.7;margin:6px 0 0;color:#4e6a7d}
.local-help .btn{flex-shrink:0}
@media(max-width:700px){.local-advice-grid{grid-template-columns:1fr;gap:16px}.local-advice{padding-top:24px}.local-faq{padding:22px 18px}.local-help{display:block}.local-help .btn{margin-top:18px}.local-advice-grid p,.local-faq p{font-size:13px}}

/* One compact city selector shared by the original and local pages. */
.city-menu{position:relative;align-self:start;color:#506e82;font-size:12px;line-height:1.7}
.city-menu summary{cursor:pointer;white-space:nowrap;font-weight:700}
.city-menu>div{display:grid;gap:4px;max-height:min(60vh,420px);overflow-y:auto;overscroll-behavior:contain;min-width:160px;padding:14px 18px;background:#fff;border:1px solid #dce7ef;border-radius:12px;box-shadow:0 10px 28px #173c561c;position:absolute;bottom:calc(100% + 8px);left:0;z-index:5}
.city-menu:not([open])>div{display:none}
.city-menu>div a{display:block!important;font-size:13px!important;margin:0!important;padding:4px 0!important}
.city-menu summary:focus-visible{outline:2px solid #117ebc;outline-offset:5px}

/* WordPress block-theme integration: preserve the approved edge-to-edge layout. */
body .wp-site-blocks{padding:0!important;margin:0!important}
body .wp-site-blocks>.wp-block-post-content{max-width:none!important;margin:0!important;padding:0!important}
body .wp-block-post-content>#pc-page{width:100%;max-width:none!important;margin:0!important}
#pc-page h1,#pc-page h2,#pc-page h3,#pc-page h4{font-family:ui-sans,Arial,sans-serif;font-style:normal}
#pc-page a:not(.btn){text-decoration:none}
#pc-page [hidden]{display:none!important}
#pc-page .demo-bar{display:none!important}
#pc-page .pc-native-commerce{padding:24px 0 56px}
#pc-page .woocommerce form.login,#pc-page .woocommerce form.register{border:1px solid #dce6eb;border-radius:14px;padding:26px}
#pc-page .woocommerce input.input-text{padding:12px;border:1px solid #ccdbe3;border-radius:8px;width:100%;font:inherit}
#pc-page .woocommerce button.button,#pc-page .woocommerce a.button{background:#117ebc;color:#fff;border-radius:9px;padding:14px 20px;font-weight:700}
#pc-page .woocommerce-MyAccount-navigation a{display:block;padding:10px 0}
#pc-page .woocommerce-privacy-policy-text{font-size:12px}
#pc-page .woocommerce form .form-row{padding:0;margin:0 0 16px}