.guide-hero{padding:72px var(--page);background:var(--forest);color:#fff}.guide-hero h1{max-width:1050px}.guide-hero>p:not(.eyebrow){max-width:720px;color:#d2ddd8;font-size:19px}.guide-hero nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:35px}.guide-hero nav a{padding:9px 14px;border:1px solid #ffffff45;border-radius:999px;font-size:13px}.guide-hero nav a:hover{background:#fff;color:var(--forest)}.guide-section{padding:72px var(--page)}.guide-heading{display:grid;grid-template-columns:1fr minmax(260px,.55fr);gap:7vw;align-items:end;margin-bottom:30px}.guide-heading>p{color:var(--muted)}.room-picker{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.room-button{padding:10px 15px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--forest);cursor:pointer}.room-button.is-active{background:var(--forest);color:#fff}.recommendation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.recommendation-card{background:#fff;box-shadow:0 12px 35px rgba(18,60,51,.08)}.recommendation-card[hidden]{display:none}.recommendation-card>img{width:100%;aspect-ratio:4/3;object-fit:cover}.recommendation-card>div{padding:21px}.recommendation-card h3{font-size:26px}.recommendation-card>div>p:not(.eyebrow){color:var(--muted);min-height:50px}.card-actions{display:flex;justify-content:space-between;gap:10px;align-items:center;padding-top:15px;border-top:1px solid var(--line)}.card-actions a{color:var(--forest);font-weight:800}.card-actions button,.save-button{border:0;background:transparent;color:var(--gold-dark);font-weight:700;cursor:pointer}.card-actions button.is-saved,.save-button.is-saved{color:var(--forest)}.diagnostic{padding:70px var(--page);display:grid;grid-template-columns:.8fr 1fr .8fr;gap:5vw;background:var(--forest-dark);color:#fff}.diagnostic>div>p{color:#c8d4cf}.diagnostic-options{display:grid;gap:8px}.diagnostic-options button{padding:14px;text-align:left;border:1px solid #ffffff2d;background:#ffffff0a;color:#fff;cursor:pointer}.diagnostic-options button:hover,.diagnostic-options button.is-active{background:var(--gold);border-color:var(--gold)}.diagnostic-result{display:grid;place-items:center;padding:25px;border:1px solid #ffffff28;background:#ffffff08;font:23px/1.35 var(--serif)}.visualizer{padding:72px var(--page);display:grid;grid-template-columns:.75fr 1.25fr;gap:7vw;align-items:center;background:var(--sand)}.visualizer-copy label{display:flex;justify-content:space-between;margin-top:30px;font-weight:700}.visualizer-copy input{width:100%;accent-color:var(--gold)}.light-scene{position:relative;min-height:470px;overflow:hidden}.light-scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.shade-overlay{position:absolute;inset:0;background:rgba(5,16,13,var(--shade-level));transition:background .15s}.scene-day,.scene-night{position:absolute;bottom:18px;padding:6px 10px;background:#fff;color:var(--forest);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.scene-day{left:18px}.scene-night{right:18px}.comparison-section{background:#fff}.comparison-wrap{overflow-x:auto;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;min-width:850px}th,td{padding:15px;text-align:left;border-bottom:1px solid var(--line)}thead th{background:var(--forest);color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.06em}tbody th{font-family:var(--serif);font-size:17px;color:var(--forest)}tbody tr:hover{background:var(--cream)}.project-center{padding:72px var(--page);display:grid;grid-template-columns:1fr 1fr;gap:8vw}.photo-drop{display:inline-flex;margin:18px 0;padding:11px 16px;border:1px solid var(--forest);border-radius:999px;color:var(--forest);font-weight:700;cursor:pointer}.photo-drop input{position:absolute;opacity:0;pointer-events:none}.photo-preview{min-height:180px;display:grid;place-items:center;background:var(--sand);color:var(--muted);overflow:hidden}.photo-preview img{width:100%;max-height:340px;object-fit:cover}.saved-project{display:grid;gap:8px;margin:20px 0}.saved-item{display:flex;justify-content:space-between;gap:15px;padding:13px;background:#fff;border-left:3px solid var(--sage)}.saved-item button{border:0;background:transparent;color:#8b4c3d;cursor:pointer}.privacy-note{font-size:12px;color:var(--muted)}.trust-section{padding:62px var(--page);background:var(--sage-light)}.trust-section>div{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.trust-section article{padding-top:16px;border-top:2px solid var(--forest)}.trust-section h3{font-size:22px}.product-actions{display:grid;gap:8px}.save-button{padding:10px}.project-nav{display:flex;align-items:center;gap:6px;font-size:13px!important}.project-nav span{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--gold);color:#fff;font-size:10px}
.guide-hero{position:relative;padding-top:55px;padding-bottom:50px;background:linear-gradient(110deg,var(--forest-dark),var(--forest))}.guide-hero::after{content:'';position:absolute;left:var(--page);bottom:0;width:110px;height:3px;background:var(--gold)}.guide-hero h1{font-size:clamp(42px,5.6vw,74px)}.guide-section{padding-top:55px;padding-bottom:55px}.guide-hero nav a,.room-button,.photo-drop{border-radius:3px}.recommendation-card{border-top:3px solid transparent;box-shadow:var(--shadow)}.recommendation-card:hover{border-top-color:var(--gold)}.diagnostic{background:linear-gradient(100deg,var(--forest-dark),#102f29)}.diagnostic-options button{border-radius:2px}.visualizer{background:#e9dfd1}.light-scene{min-height:410px;border-left:4px solid var(--gold)}.trust-section{background:#e2e9e3}.trust-section article{border-top-color:var(--gold)}
.recommendation-card>img{transition:transform .5s ease}.recommendation-card{overflow:hidden}.recommendation-card:hover>img{transform:scale(1.025)}.card-actions a::after{content:' →';color:var(--gold)}.room-button{transition:background .2s,color .2s,transform .2s}.room-button:hover{transform:translateY(-2px)}
.card-actions a::after{content:none}
.comparison-section{background:linear-gradient(180deg,#fff 0,#f8f5ef 100%)}.comparison-key{display:flex;flex-wrap:wrap;gap:10px;margin:-8px 0 18px}.comparison-key>span{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:12px;font-weight:700}.rating-dot{width:9px;height:9px;border-radius:50%;background:#a7ada9}.rating-dot--strong{background:var(--forest)}.rating-dot--good{background:var(--gold)}.rating-dot--option{background:var(--sage)}.comparison-wrap{overflow:auto;max-height:640px;border:1px solid #d6d0c6;border-radius:6px;background:#fff;box-shadow:0 16px 45px rgba(18,60,51,.08);scrollbar-gutter:stable}.comparison-wrap:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.guide-comparison{min-width:880px}.guide-comparison thead{position:sticky;top:0;z-index:4}.guide-comparison th,.guide-comparison td{padding:17px 18px}.guide-comparison thead th:first-child,.guide-comparison tbody th{position:sticky;left:0;z-index:3;min-width:210px}.guide-comparison thead th:first-child{z-index:5}.guide-comparison tbody th{background:#fff;border-right:1px solid var(--line)}.guide-comparison tbody tr:nth-child(even) td,.guide-comparison tbody tr:nth-child(even) th{background:#fbf9f5}.guide-comparison tbody tr:hover td,.guide-comparison tbody tr:hover th{background:#f2ede4}.guide-comparison tbody th a{display:flex;justify-content:space-between;gap:12px;align-items:center;color:var(--forest);font-weight:700}.guide-comparison td>span{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:#edf0ee;color:#3f4f49;font-size:13px;font-weight:700;white-space:nowrap}.guide-comparison td>span::before{content:'';width:8px;height:8px;border-radius:50%;background:#9aa49f}.guide-comparison td[data-rating^="Très bon"]>span,.guide-comparison td[data-rating^="Very good"]>span{background:#dcebe4;color:#174c3e}.guide-comparison td[data-rating^="Très bon"]>span::before,.guide-comparison td[data-rating^="Very good"]>span::before{background:var(--forest)}.guide-comparison td[data-rating^="Bon"]>span,.guide-comparison td[data-rating^="Good"]>span{background:#f5ead9;color:#75501b}.guide-comparison td[data-rating^="Bon"]>span::before,.guide-comparison td[data-rating^="Good"]>span::before{background:var(--gold)}.guide-comparison td[data-rating="Option"]>span{background:#e7ece8;color:#496057}.guide-compare-more{display:block;width:min(100%,420px);margin:18px auto 0;padding:12px 18px;border:1px solid var(--forest);border-radius:3px;background:#fff;color:var(--forest);font-weight:800;cursor:pointer}.guide-compare-more:hover{background:var(--forest);color:#fff}.guide-compare-more[hidden]{display:none}
@media(max-width:1000px){.recommendation-grid{grid-template-columns:repeat(2,1fr)}.diagnostic{grid-template-columns:1fr 1fr}.diagnostic-result{grid-column:1/-1}.trust-section>div{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.guide-hero,.guide-section,.diagnostic,.visualizer,.project-center,.trust-section{padding-top:48px;padding-bottom:48px}.guide-heading,.visualizer,.project-center{grid-template-columns:1fr}.recommendation-grid{grid-template-columns:1fr}.diagnostic{grid-template-columns:1fr}.light-scene{min-height:300px}.trust-section>div{grid-template-columns:1fr}.guide-hero nav{display:grid;grid-template-columns:1fr 1fr}.card-actions{align-items:flex-start;flex-direction:column}}

/* Guide de mesure — même héro éditorial que les collections. */
.measurement-hero{min-height:375px;padding:54px calc(48% + 4vw) 50px var(--page);background:linear-gradient(100deg,#eee5d8,var(--sand));color:var(--ink);overflow:hidden}
.measurement-hero::before{content:'';position:absolute;top:38px;right:var(--page);bottom:38px;width:40%;border-radius:110px 3px 3px 3px;background:linear-gradient(#092b2508,#092b2538),var(--measurement-hero-image) center/cover;box-shadow:0 16px 45px #123c3318}
.measurement-hero h1{color:var(--forest)}
.measurement-hero>p:not(.eyebrow){color:var(--ink)}
.measurement-hero nav{position:relative;z-index:1;margin-top:25px}
.measurement-hero nav a{border-color:#173d3240;background:#ffffff8c;color:var(--forest);font-weight:700}
.measurement-hero nav a:hover{background:var(--forest);color:#fff}
@media(max-width:900px){.measurement-hero{padding-right:var(--page);padding-bottom:330px}.measurement-hero::before{top:auto;right:var(--page);bottom:35px;left:var(--page);width:auto;height:260px}}
@media(max-width:760px){.measurement-hero{padding-bottom:285px}.measurement-hero::before{height:220px;border-radius:72px 3px 3px 3px}}
.package-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.package-grid article{padding:24px;background:var(--forest);color:#fff}.package-grid span{color:var(--gold-light);font-size:11px;text-transform:uppercase}.package-grid p{color:#d1ddd8}.package-grid button{border:0;border-bottom:1px solid var(--gold-light);background:transparent;color:var(--gold-light);font-weight:800}.measurement-center{padding:72px var(--page);display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:var(--sand)}.mount-choice{display:flex;gap:8px;margin:20px 0}.mount-choice button{padding:10px 14px;border:1px solid var(--forest);background:transparent}.mount-choice button.is-active{background:var(--forest);color:#fff}.measurement-center form{display:grid;gap:14px;padding:28px;background:#fff}.measurement-center form>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.measurement-center input,.measurement-center select{display:block;width:100%;margin-top:5px;padding:12px;border:1px solid var(--line)}.sample-center{padding:60px var(--page);display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw}.sample-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.sample-picker button{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);background:#fff}.sample-picker button.is-active{border-color:var(--forest);box-shadow:inset 0 0 0 1px var(--forest)}.sample-picker i{width:34px;height:34px;border-radius:50%;border:1px solid #bbb}.sample-picker .ivory{background:#f2ead9}.sample-picker .sand{background:#c8aa7c}.sample-picker .sage{background:#8fa59a}.sample-picker .slate{background:#59615f}.sample-picker .black{background:#171918}.sample-picker .linen{background:#d9c8a8}.saved-samples{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 24px}.saved-samples span{padding:6px 10px;border-radius:999px;background:var(--sage-light);font-size:12px}.process-tracker{padding:68px var(--page);background:var(--forest);color:#fff}.process-tracker ol{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;padding:0;list-style:none}.process-tracker li{display:flex;gap:12px;padding:20px;border:1px solid #ffffff28}.process-tracker b{color:var(--gold-light)}.process-tracker span{color:#cbd8d2;font-size:13px}.process-tracker strong{display:block;color:#fff}
@media(max-width:1000px){.package-grid{grid-template-columns:1fr 1fr}.process-tracker ol{grid-template-columns:1fr}}
.measurement-center aside{align-self:start;padding:28px;background:#fff;border-top:3px solid var(--gold)}.measurement-center aside ul{display:grid;gap:12px;padding-left:20px}.measurement-options{grid-template-columns:repeat(2,1fr);max-width:1050px}.measurement-builder-section{background:var(--cream)}
@media(max-width:760px){.measurement-center,.sample-center{grid-template-columns:1fr;padding:48px var(--page)}.package-grid,.sample-picker,.measurement-options{grid-template-columns:1fr}.measurement-center form>div{grid-template-columns:1fr}.process-tracker{padding:48px var(--page)}}
.decision-lab{padding:68px var(--page);background:var(--sand)}.decision-tools{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:28px}.decision-tools article{padding:22px;background:#fff}.choice-row{display:flex;flex-wrap:wrap;gap:6px}.choice-row button{padding:8px 11px;border:1px solid var(--line);background:var(--cream)}.choice-row button.is-active{background:var(--forest);color:#fff}.decision-tools article>p{color:var(--muted)}.share-center{padding:48px var(--page);display:grid;grid-template-columns:1fr auto;gap:5vw;align-items:center;background:var(--sage-light)}.share-center h2{font-size:38px}.share-center>p{grid-column:1/-1;margin:0;color:var(--forest)}.service-center{padding:68px var(--page)}.service-links{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:28px 0}.service-links a{padding:16px;background:var(--forest);color:#fff}.professional-paths{display:grid;grid-template-columns:1fr 1fr;gap:16px}.professional-paths article{padding:24px;border:1px solid var(--line)}.professional-paths a{color:var(--forest);font-weight:800;text-decoration:underline}
.share-center>div>small{display:block;margin-top:12px;color:var(--forest);font-weight:700}.share-center>p:not(:empty){padding:11px 14px;border-left:3px solid var(--gold);background:#fff}
.share-link-fallback{grid-column:1/-1;width:100%;padding:12px;border:1px solid var(--forest);background:#fff;color:var(--ink)}.share-link-fallback:focus{outline:3px solid var(--gold);outline-offset:2px}
@media(max-width:850px){.decision-tools{grid-template-columns:1fr}.share-center{grid-template-columns:1fr}.service-links,.professional-paths{grid-template-columns:1fr}.decision-lab,.share-center,.service-center{padding:48px var(--page)}}
@media(max-width:760px){.comparison-key{gap:6px}.comparison-key>span{font-size:11px}.comparison-wrap{max-height:none;overflow:visible;border:0;background:transparent;box-shadow:none}.comparison-wrap:focus-visible{outline:none}.guide-comparison{display:block;min-width:0}.guide-comparison thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.guide-comparison tbody{display:grid;gap:14px}.guide-comparison tbody tr{display:grid;padding:0 18px 12px;border:1px solid var(--line);border-top:3px solid var(--forest);border-radius:5px;background:#fff!important;box-shadow:0 10px 28px rgba(18,60,51,.07)}.guide-comparison tbody th{position:static;min-width:0;margin:0 -18px 7px;padding:17px 18px;border-right:0;border-bottom:1px solid var(--line);background:#fff!important;font-size:20px}.guide-comparison td{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px dashed var(--line);background:#fff!important}.guide-comparison td:last-child{border-bottom:0}.guide-comparison td::before{content:attr(data-label);color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.guide-comparison td>span{justify-content:flex-end}.guide-comparison tr[hidden]{display:none}}
.guide-comparison td[data-rating^="Excellent"]>span{background:#dcebe4;color:#174c3e}.guide-comparison td[data-rating^="Excellent"]>span::before{background:var(--forest)}
.comparison-section{padding-top:42px;padding-bottom:42px}.comparison-section .guide-heading{align-items:center;margin-bottom:16px}.comparison-section .guide-heading h2{font-size:clamp(34px,3.6vw,52px);line-height:1}.comparison-section .guide-heading>p{max-width:600px;margin:0;font-size:14px;line-height:1.5}.comparison-key{margin:0 0 12px}.comparison-key>span{padding:5px 9px;font-size:11px}.comparison-wrap{max-height:none}.guide-comparison th,.guide-comparison td{padding:11px 18px}.guide-comparison tbody th{font-size:16px}.guide-comparison td>span{padding:4px 8px;font-size:12px}.guide-comparison td>span::before{width:7px;height:7px}
@media(max-width:760px){.comparison-section{padding-top:38px;padding-bottom:38px}.comparison-section .guide-heading{margin-bottom:14px}.comparison-section .guide-heading h2{font-size:36px}.comparison-section .guide-heading>p{font-size:13px}.guide-comparison tbody tr{padding-bottom:8px}.guide-comparison tbody th{padding-top:13px;padding-bottom:13px}.guide-comparison td{padding:7px 0}.guide-comparison td>span{padding:4px 7px}}
@media(max-width:760px){.comparison-section .guide-heading{margin-bottom:18px}.comparison-section .guide-heading>p{margin:0}.comparison-wrap{overflow:visible;border:0;background:transparent}.guide-comparison{display:block;min-width:0}.guide-comparison thead{display:none}.guide-comparison tbody{display:grid;gap:12px}.guide-comparison tbody tr{display:grid;padding:0 16px 12px;border:1px solid var(--line);background:#fff;box-shadow:0 8px 24px #123c3310}.guide-comparison tbody tr[hidden]{display:none}.guide-comparison tbody th{padding:15px 0 12px;font-size:20px}.guide-comparison tbody th a{display:flex;justify-content:space-between;gap:12px;color:var(--forest)}.guide-comparison tbody td{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid #e8e2d9;text-align:right}.guide-comparison tbody td:last-child{border-bottom:0}.guide-comparison tbody td::before{content:attr(data-label);color:var(--muted);font-size:11px;font-weight:800;text-align:left;text-transform:uppercase;letter-spacing:.05em}.guide-compare-more{display:block;width:100%;margin-top:14px;padding:13px 18px;border:1px solid var(--forest);background:#fff;color:var(--forest);font-weight:800}.guide-compare-more:hover,.guide-compare-more:focus-visible{background:var(--forest);color:#fff}.guide-compare-more[hidden]{display:none}}
.guide-hero nav a,.room-button,.card-actions,.comparison-key,.guide-comparison td>span,.guide-comparison thead th{font-size:13px}.guide-comparison td,.guide-comparison tbody th{font-size:14px}.decision-tools p,.service-center p,.packages p{font-size:15px}@media(max-width:760px){.guide-comparison tbody td::before{font-size:13px}.guide-comparison tbody td>span{font-size:13px}}

/* Compact choice cards: keep more options visible without sacrificing context. */
.recommendation-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.recommendation-card{display:grid;grid-template-rows:auto 1fr;min-width:0}
.recommendation-card>img{aspect-ratio:16/10}
.recommendation-card>div{display:flex;min-width:0;flex-direction:column;padding:16px}
.recommendation-card .eyebrow{margin-bottom:5px;font-size:10px;letter-spacing:.09em}
.recommendation-card h3{margin:0 0 7px;font-size:clamp(21px,1.6vw,25px);line-height:1.08}
.recommendation-card>div>p:not(.eyebrow){min-height:0;margin:0 0 14px;font-size:13px;line-height:1.45}
.recommendation-card .card-actions{margin-top:auto;padding-top:11px}
.recommendation-card .card-actions a,.recommendation-card .card-actions button{font-size:12px}
.recommendation-card .card-actions button{padding:6px 0}

@media(max-width:1180px){.recommendation-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:860px){.recommendation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.recommendation-grid{grid-template-columns:1fr;gap:12px}.recommendation-card{grid-template-columns:minmax(112px,34%) minmax(0,1fr);grid-template-rows:1fr}.recommendation-card>img{height:100%;min-height:170px;aspect-ratio:auto}.recommendation-card>div{padding:14px}.recommendation-card h3{font-size:21px}.recommendation-card>div>p:not(.eyebrow){display:-webkit-box;overflow:hidden;margin-bottom:10px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.recommendation-card .card-actions{gap:4px;padding-top:8px}.recommendation-card .card-actions a,.recommendation-card .card-actions button{font-size:11px}}
@media(max-width:390px){.recommendation-card{grid-template-columns:104px minmax(0,1fr)}.recommendation-card>img{min-height:164px}.recommendation-card>div{padding:12px}.recommendation-card .eyebrow{display:none}.recommendation-card h3{font-size:19px}.recommendation-card .card-actions{align-items:flex-start;flex-direction:column}}
.recommendation-card .card-actions a,.recommendation-card .card-actions button{font-size:13px}
.photo-drop{position:relative;max-width:100%}
.photo-drop input[type="file"]{width:1px;height:1px;overflow:hidden}

/* Mobile guide navigation and comparison cards. */
@media(max-width:760px){
  .guide-hero nav{display:flex;max-width:100%;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding-bottom:7px}
  .guide-hero nav a{display:flex;min-height:44px;align-items:center;flex:0 0 auto;scroll-snap-align:start}
  .mount-choice{flex-wrap:wrap}.mount-choice button{min-height:44px;flex:1 1 140px}
  .saved-item{display:grid;grid-template-columns:minmax(0,1fr) auto}.saved-item>*{min-width:0}
  .guide-comparison tbody td::before{flex:1 1 45%;min-width:0}
  .guide-comparison tbody td>span{min-width:0;white-space:normal;text-align:right}
  .share-center .button{width:100%}
}
