/* Deux parcours publics distincts du processus de commande. */
.commercial-main{--co-ink:#18314a;--co-blue:#155cac;--co-sky:#eaf7ff;color:var(--co-ink);background:#fff}
.commercial-main h1,.commercial-main h2,.commercial-main h3{letter-spacing:-.045em}
.commercial-main button,.commercial-main a{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.commercial-main button:hover,.commercial-main a:hover{transform:translateY(-1px)}
.commercial-kicker{display:inline-flex;align-items:center;gap:.5rem;font-weight:800;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#1372ac}
.commercial-hero{min-height:610px;display:flex;align-items:center;position:relative;background-image:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.91) 30%,rgba(255,255,255,.3) 56%,rgba(255,255,255,0) 85%),var(--commercial-scene);background-position:center;background-size:cover}
.commercial-hero-content{padding:75px 0;position:relative}
.commercial-hero h1{max-width:750px;font-size:clamp(2.5rem,5vw,5rem);line-height:1.07;margin:20px 0 24px;font-weight:800}
.commercial-hero h1 em{font-style:normal;color:var(--co-blue)}
.commercial-hero p{max-width:530px;line-height:1.75;font-size:1.05rem;color:#476276}
.commercial-hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin:27px 0 18px}
.commercial-hero-content>small{display:block;max-width:510px;line-height:1.5;color:#668094}
.commercial-overview{display:flex;align-items:flex-start;gap:20px;padding-top:70px;padding-bottom:55px}
.commercial-overview>span{border:1px solid #bfd9ed;border-radius:100px;display:grid;place-items:center;flex:0 0 55px;height:55px;font-weight:800;color:var(--co-blue)}
.commercial-overview h2{font-size:clamp(1.6rem,3vw,2.7rem);margin:0 0 10px}
.commercial-overview p{color:#6b8191;margin:0}
.commercial-family-section{padding:28px 0 75px}
.commercial-family-section:nth-of-type(odd){background:#f7fafc}
.commercial-scene-banner{position:relative;display:flex;align-items:center;min-height:385px;overflow:hidden;border-radius:25px;background-image:linear-gradient(90deg,rgba(251,254,255,.97) 0%,rgba(250,253,255,.9) 27%,rgba(250,253,255,.18) 58%,transparent 86%),var(--commercial-scene);background-size:cover;background-position:center;box-shadow:0 10px 32px rgba(24,61,98,.08)}
.commercial-scene-copy{max-width:47%;padding:40px clamp(25px,5vw,74px);position:relative;z-index:1}
.commercial-scene-copy h2{font-size:clamp(1.85rem,3.25vw,3.2rem);line-height:1.12;margin:13px 0 15px;color:#17344f}
.commercial-scene-copy p{line-height:1.6;color:#536f84;max-width:490px;margin:0 0 19px}
.commercial-scene-cta{display:inline-block;font-weight:800;text-decoration:none;color:#1363a2;border-bottom:1px solid #72b7de;padding-bottom:4px}
.commercial-section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:38px 0 22px}
.commercial-section-heading span{font-size:.72rem;font-weight:800;letter-spacing:.13em;color:#4484af}
.commercial-section-heading h3,.commercial-section-heading h2{font-size:clamp(1.3rem,2.5vw,2rem);margin:8px 0 0}
.commercial-section-heading>a{text-decoration:none;color:#155cac;font-weight:800;white-space:nowrap}
.commercial-card-rail{display:flex;gap:16px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;padding:4px 2px 22px;scrollbar-color:#bfd9e7 transparent}
.commercial-product-card{position:relative;flex:0 0 min(255px,70vw);scroll-snap-align:start;background:white;border:1px solid #e5eef4;border-radius:19px;overflow:hidden;box-shadow:0 8px 20px rgba(27,60,89,.05);display:flex;flex-direction:column}
.commercial-product-image{height:215px;display:grid;place-items:center;background:linear-gradient(150deg,#f5fbff,#f0f8fa);padding:12px}
.commercial-product-image img{max-width:100%;height:100%;object-fit:contain;border-radius:11px}
.commercial-product-info{padding:17px;display:flex;flex-direction:column;gap:6px;flex:1}
.commercial-product-info>small{font-size:.72rem;color:#5181a0;font-weight:800}
.commercial-product-info h3{font-size:.96rem;line-height:1.45;min-height:66px;font-weight:700;margin:0}
.commercial-product-bottom{margin-top:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:7px}
.commercial-product-bottom strong{font-size:.98rem;color:#164e88;white-space:nowrap}
.commercial-product-bottom a{font-size:.75rem;color:#1866a0;font-weight:800;text-decoration:none}
.commercial-pack-intro{text-align:center;padding:90px 0 68px;background:linear-gradient(130deg,#edf8ff,#fff 65%)}
.commercial-pack-intro h2{font-size:clamp(1.75rem,3.7vw,3.6rem);margin:18px auto;line-height:1.17;max-width:970px}
.commercial-pack-intro p{max-width:780px;color:#5d758a;margin:auto;line-height:1.65}
.commercial-tier-banner{min-height:430px}
.commercial-tier-banner .commercial-scene-copy{max-width:45%}
.commercial-pack-card{flex:0 0 min(338px,86vw);scroll-snap-align:start;border-radius:19px;border:1px solid #dce8f0;background:#fff;overflow:hidden;box-shadow:0 9px 24px rgba(37,77,113,.07);display:flex;flex-direction:column}
.commercial-pack-photos{height:155px;display:flex;align-items:center;justify-content:center;gap:4px;padding:13px;background:linear-gradient(140deg,#edf7ff,#fff)}
.commercial-item-photo-small{width:66px;height:70px;object-fit:contain;border-radius:8px;background:#fff}
.commercial-pack-photos .commercial-item-photo-small{flex:1;min-width:0;max-width:76px;height:100%;object-fit:contain}
.commercial-pack-card-body{padding:20px;display:flex;flex-direction:column;flex:1}
.commercial-pack-kicker{font-size:.72rem;letter-spacing:.07em;font-weight:800;color:#1765a2}
.commercial-pack-card h3{margin:8px 0 12px;font-size:1.25rem}
.commercial-pack-card ul{padding-left:18px;margin:0;color:#667d8e;font-size:.79rem;line-height:1.5;flex:1}
.commercial-pack-card li{margin:0 0 6px}
.commercial-pack-prices{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:16px}
.commercial-pack-prices strong{font-size:1.19rem;color:#113f78}
.commercial-pack-prices del{color:#8899a7;font-size:.83rem}
.commercial-pack-prices span{font-size:.76rem;padding:5px 9px;background:#e2f6eb;color:#16774b;border-radius:20px;font-weight:800}
.commercial-card-link{display:block;border-top:1px solid #e4edf2;padding-top:13px;margin-top:15px;font-size:.83rem;font-weight:800;color:#1764a3;text-decoration:none}
.commercial-final-cta{display:flex;justify-content:space-between;align-items:center;gap:28px;padding-top:72px;padding-bottom:80px}
.commercial-final-cta h2{font-size:clamp(1.6rem,3vw,2.9rem);margin:8px 0}
.commercial-final-cta p{color:#678094;max-width:770px;line-height:1.6}
.commercial-final-cta>a{white-space:nowrap}
.commercial-guide{background:linear-gradient(160deg,#edf8ff,#fff 35%,#f9fbfd);min-height:75vh;padding:55px 0 85px}
.commercial-guide-shell{max-width:1140px;margin:auto;border:1px solid #dce9f2;border-radius:26px;background:#fff;overflow:hidden;box-shadow:0 16px 55px rgba(21,72,113,.08)}
.commercial-guide-header{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px 36px;border-bottom:1px solid #e6eef4}
.commercial-return{text-decoration:none;color:#48718e;font-weight:700;font-size:.85rem}
.commercial-guide-progress{display:flex;gap:7px;align-items:center;flex:1;max-width:280px}
.commercial-guide-progress span{height:6px;flex:1;border-radius:15px;background:#e0ebf2}
.commercial-guide-progress span.active{background:#2183c5}
.commercial-guide-header>small{font-size:.72rem;color:#5b839d;font-weight:800}
.commercial-guide-body{padding:38px}
.commercial-step-copy{text-align:center;max-width:775px;margin:0 auto 30px}
.commercial-step-copy h1{font-size:clamp(1.85rem,3.9vw,3.4rem);line-height:1.13;margin:12px 0 17px}
.commercial-step-copy p{line-height:1.65;color:#617d91;margin:0}
.commercial-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.commercial-large-choice{grid-template-columns:repeat(2,minmax(0,1fr));max-width:790px;margin:auto}
.commercial-choice{position:relative;min-width:0;border-radius:17px;border:2px solid #e2ecf3;background:#fff;text-align:left;cursor:pointer;display:flex;flex-direction:column;padding:10px;min-height:210px}
.commercial-choice:hover{border-color:#9dcdea;box-shadow:0 8px 20px rgba(30,101,152,.08)}
.commercial-choice.is-selected{border-color:#1681c5;background:#f2faff;box-shadow:0 0 0 3px rgba(22,129,197,.08)}
.commercial-choice-photo{height:140px;background:linear-gradient(145deg,#f3f9fd,#fff);border-radius:12px;display:grid;place-items:center;overflow:hidden}
.commercial-choice-photo img{max-width:100%;width:100%;height:100%;object-fit:contain}
.commercial-choice-text{padding:12px 6px 4px;display:flex;flex-direction:column;gap:5px}
.commercial-choice-text strong{font-size:.92rem}
.commercial-choice-text small{font-size:.78rem;line-height:1.4;color:#678296}
.commercial-choice-check{display:none;position:absolute;right:16px;top:16px;border-radius:50%;width:25px;height:25px;background:#137bb6;color:white;font-weight:800;text-align:center;line-height:25px}
.commercial-choice.is-selected .commercial-choice-check{display:block}
.commercial-large-choice .commercial-choice{min-height:315px}
.commercial-large-choice .commercial-choice-photo{height:225px}
.commercial-selection-hint{text-align:center;margin:24px 0 0;color:#6f879a;font-size:.88rem}
.commercial-guide-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e6edf3;padding:26px 38px}
.commercial-guide-footnote{padding-top:19px;text-align:center;color:#6d889b;font-size:.8rem}
.commercial-question{margin:15px auto 29px;max-width:860px;padding:26px;border:1px solid #e5edf3;border-radius:18px;background:#fafdff}
.commercial-question h2{font-size:1.2rem;margin:0 0 16px}
.commercial-pill-grid{display:flex;flex-wrap:wrap;gap:10px}
.commercial-pill-grid button,.commercial-offer-pills button{background:white;border:1px solid #d7e5ee;border-radius:13px;padding:14px 17px;cursor:pointer;color:#345b75;font-size:.9rem;font-weight:700}
.commercial-pill-grid button.is-selected,.commercial-offer-pills button.is-selected{border-color:#137bb6;background:#e8f5ff;color:#125d95}
.commercial-quantity{display:flex;align-items:center;justify-content:space-between;gap:25px}
.commercial-quantity label{display:flex;flex-direction:column;gap:7px}
.commercial-quantity label small{color:#708b9e}
.commercial-quantity input{width:90px;min-height:46px;border:1px solid #a9c7dc;border-radius:10px;padding:10px;text-align:center;font-size:1.1rem}
.commercial-result-scene{height:310px;border-radius:19px;background-image:linear-gradient(90deg,rgba(255,255,255,.12),transparent),var(--commercial-scene);background-size:cover;background-position:center;position:relative;overflow:hidden}
.commercial-result-scene>span{position:absolute;bottom:16px;left:16px;padding:7px 10px;background:rgba(255,255,255,.85);border-radius:7px;color:#456c84;font-size:.7rem}
.commercial-result-alternatives{margin:30px 0}
.commercial-result-alternatives h2{font-size:1.22rem;margin:0 0 13px}
.commercial-offer-pills{display:flex;gap:10px;overflow-x:auto;padding-bottom:10px}
.commercial-offer-pills button{display:flex;flex-direction:column;gap:5px;min-width:165px;flex:0 0 auto;text-align:left}
.commercial-offer-pills button span{font-size:1.01rem;color:#134c81}
.commercial-result-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.8fr);gap:25px;margin-top:27px}
.commercial-result-items{min-width:0}
.commercial-result-items h2{font-size:1.45rem;line-height:1.35;margin:9px 0 20px}
.commercial-result-items h3{font-size:1.12rem;margin:26px 0 14px}
.commercial-line-items{display:flex;flex-direction:column;gap:10px}
.commercial-line-item{display:flex;align-items:center;gap:15px;padding:13px;border-radius:13px;border:1px solid #e1ebf2;background:#fbfdff}
.commercial-line-item>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.commercial-line-item strong{font-size:.87rem;line-height:1.35}
.commercial-line-item small{font-size:.72rem;color:#6d8292}
.commercial-line-item b{font-size:.89rem;white-space:nowrap}
.commercial-component-grid{display:flex;flex-wrap:wrap;gap:9px}
.commercial-component-grid a{border:1px solid #e5eef4;border-radius:12px;padding:8px 11px;width:115px;text-decoration:none;display:flex;align-items:center;flex-direction:column;gap:6px;text-align:center}
.commercial-component-grid small{font-size:.72rem;color:#4b708b}
.commercial-result-side{padding:24px;border:1px solid #bad9eb;border-radius:19px;background:linear-gradient(160deg,#eaf8ff,#fff);display:flex;flex-direction:column;gap:15px;align-self:start}
.commercial-total{font-size:clamp(1.7rem,2.4vw,2.4rem);line-height:1.1;color:#164e8a}
.commercial-saving{font-size:.85rem;background:#e0f8e8;color:#207347;padding:13px;border-radius:10px;font-weight:700;line-height:1.4;margin:0}
.commercial-result-side>del{color:#8a9aa7;font-size:.88rem}
.commercial-result-side>label{font-weight:700;font-size:.8rem;display:flex;flex-direction:column;gap:7px}
.commercial-result-side input,.commercial-result-side textarea{width:100%;border-radius:9px;border:1px solid #bfd2de;padding:11px;min-width:0;resize:vertical;background:white}
.commercial-result-side>p:last-child{font-size:.75rem;color:#668197;line-height:1.55;margin:0}
.commercial-save{width:100%}
.commercial-account-proposals>p{color:#708398;line-height:1.55}
.commercial-account-proposals .commercial-section-heading{margin:0 0 15px}
.commercial-account-proposals .commercial-section-heading h2{font-size:1.65rem}
.commercial-proposal-list{display:flex;flex-direction:column;gap:13px;margin-top:22px}
.commercial-proposal-row{display:flex;justify-content:space-between;gap:20px;padding:20px;border:1px solid #e1ebf1;border-radius:15px;background:#fbfdff}
.commercial-proposal-row>div:first-child{min-width:0;flex:1}
.commercial-proposal-row h3{font-size:1.1rem;margin:7px 0}
.commercial-proposal-row p{font-size:.81rem;color:#657d90;line-height:1.6;margin:8px 0}
.commercial-proposal-row small{font-size:.72rem;color:#8198a8}
.commercial-proposal-actions{display:flex;align-items:flex-end;flex-direction:column;gap:8px;min-width:190px}
.commercial-proposal-actions>strong{color:#14518a;font-size:1.15rem}
.commercial-delete{border:0;background:transparent;color:#b44a4a;cursor:pointer;font-size:.76rem;text-decoration:underline;padding:4px 0}
.commercial-proposal-empty{text-align:center;padding:55px 20px;border:1px dashed #b6d6e8;border-radius:15px;margin-top:20px}
.commercial-proposal-empty p{color:#668197}
@media(max-width:900px){
  .commercial-scene-copy,.commercial-tier-banner .commercial-scene-copy{max-width:58%}
  .commercial-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .commercial-result-layout{grid-template-columns:1fr}
  .commercial-result-side{max-width:100%}
}
@media(max-width:680px){
  .commercial-hero{min-height:570px;align-items:flex-start;background-position:65% center;background-image:linear-gradient(180deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.92) 45%,rgba(255,255,255,.15) 100%),var(--commercial-scene)}
  .commercial-hero-content{padding-top:42px}
  .commercial-hero p{font-size:.93rem}
  .commercial-overview{padding-top:42px;padding-bottom:32px}
  .commercial-overview>span{flex-basis:38px;height:38px}
  .commercial-family-section{padding:12px 0 40px}
  .commercial-scene-banner,.commercial-tier-banner{align-items:flex-start;min-height:385px;background-position:62% center;background-image:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.95) 39%,rgba(255,255,255,.1) 100%),var(--commercial-scene)}
  .commercial-scene-copy,.commercial-tier-banner .commercial-scene-copy{max-width:100%;padding:27px}
  .commercial-scene-copy h2{max-width:420px}
  .commercial-scene-copy p{max-width:420px;font-size:.9rem}
  .commercial-section-heading{align-items:flex-start;flex-direction:column;gap:9px;margin:26px 0 16px}
  .commercial-pack-intro{padding:55px 0 40px}
  .commercial-final-cta{align-items:flex-start;flex-direction:column;padding-top:45px;padding-bottom:50px}
  .commercial-guide{padding:22px 0 50px}
  .commercial-guide-header{padding:18px;flex-wrap:wrap}
  .commercial-guide-header>small{width:100%;text-align:right}
  .commercial-guide-body{padding:23px 17px}
  .commercial-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .commercial-large-choice .commercial-choice{min-height:225px}
  .commercial-choice,.commercial-choice-photo{min-height:0}
  .commercial-choice-photo,.commercial-large-choice .commercial-choice-photo{height:120px}
  .commercial-choice-text strong{font-size:.83rem}
  .commercial-choice-text small{font-size:.71rem}
  .commercial-guide-nav{padding:18px}
  .commercial-result-scene{height:225px}
  .commercial-question{padding:17px}
  .commercial-quantity{align-items:flex-start;flex-direction:column}
  .commercial-line-item{gap:9px}
  .commercial-line-item .commercial-item-photo-small{width:50px}
  .commercial-line-item b{font-size:.78rem}
  .commercial-proposal-row{flex-direction:column}
  .commercial-proposal-actions{align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){.commercial-main button,.commercial-main a{transition:none}}

/* Showroom v2: sous-catégories du véritable catalogue, packs en détail. */
.commercial-main [hidden]{display:none!important}
.commercial-kicker{font-size:.86rem;letter-spacing:.115em;color:#095eae}
.commercial-scene-copy .commercial-kicker{display:inline-flex;padding:7px 10px;border-radius:6px;background:#e0f2ff;color:#075999;font-weight:900;font-size:.85rem;box-shadow:0 2px 10px rgba(255,255,255,.6)}
.commercial-section-heading>div>span{font-size:.82rem;color:#176ab2;font-weight:900}
.commercial-filter-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0 8px}
.commercial-filter-chip{background:#fff;border:1px solid #cddfeb;border-radius:999px;color:#316887;padding:10px 14px;font-size:.81rem;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:8px;max-width:100%;line-height:1.25}
.commercial-filter-chip:hover{border-color:#5da8d7;box-shadow:0 4px 10px rgba(36,126,178,.08)}
.commercial-filter-chip.is-active{background:#1768ac;border-color:#1768ac;color:white;box-shadow:0 5px 12px rgba(23,104,172,.15)}
.commercial-filter-chip span{opacity:.75;font-size:.7rem}
.commercial-filter-count{color:#64859c;font-size:.77rem;margin:7px 0 18px}
.commercial-filter-label{color:#416f8b;font-size:.74rem;font-weight:900;margin-top:16px;text-transform:uppercase;letter-spacing:.08em}
.commercial-special-description{font-size:.89rem;color:#658397;margin:0 0 13px}
.commercial-product-card[hidden],.commercial-pack-card[hidden]{display:none!important}
.commercial-pack-cover{position:relative;width:100%;height:213px;display:grid;place-items:center;border:0;padding:12px;cursor:pointer;background:linear-gradient(135deg,#edf8ff,#f8fcff)}
.commercial-pack-cover .commercial-item-photo{height:100%;max-height:184px;width:100%;object-fit:contain;filter:drop-shadow(0 4px 7px rgba(30,68,92,.05))}
.commercial-pack-cover span{position:absolute;right:12px;bottom:12px;padding:6px 9px;background:rgba(255,255,255,.94);border:1px solid #cbe0f0;border-radius:999px;color:#0e649f;font-size:.68rem;font-weight:900}
.commercial-pack-photos{height:73px;gap:6px;border-block:1px solid #e7f0f5;padding:9px 12px;background:#fff}
.commercial-pack-photos .commercial-item-photo-small{height:53px;max-width:63px;border:1px solid #edf2f5}
.commercial-card-link{display:block;width:100%;text-align:left;border:0;border-top:1px solid #e4edf2;border-radius:0;background:none;padding:14px 0 0;margin-top:15px;font-size:.83rem;font-weight:800;color:#1764a3;cursor:pointer}
.commercial-pack-card .commercial-pack-card-body ul{max-height:135px;overflow:hidden}
body.commercial-dialog-open{overflow:hidden}
.commercial-pack-modal-shade{position:fixed;inset:0;z-index:4000;background:rgba(11,34,57,.67);padding:32px 18px;display:grid;place-items:center}
.commercial-pack-modal{width:min(1120px,100%);max-height:calc(100vh - 64px);overflow-y:auto;background:white;border-radius:23px;box-shadow:0 24px 90px rgba(0,0,0,.2);color:#1b3851}
.commercial-modal-top{position:sticky;top:0;z-index:2;background:white;border-bottom:1px solid #e3edf4;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 25px;color:#1971a9;font-size:.77rem;font-weight:900;letter-spacing:.08em}
.commercial-modal-top button{width:37px;height:37px;border:1px solid #d4e4ef;background:#f6fbff;border-radius:50%;font-size:1.05rem;color:#315978;cursor:pointer}
.commercial-modal-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,1fr);gap:26px;padding:27px}
.commercial-modal-visual{min-width:0;display:flex;flex-direction:column;gap:14px}
.commercial-modal-main-image{width:100%;height:355px;object-fit:contain;border-radius:15px;border:1px solid #dceaf3;background:linear-gradient(135deg,#f0f8fe,#fff)}
.commercial-modal-thumbs{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px}
.commercial-modal-thumbs button{flex:0 0 78px;height:80px;display:grid;place-items:center;border:2px solid #e0eaf0;border-radius:11px;background:white;cursor:pointer;padding:4px}
.commercial-modal-thumbs button.is-active{border-color:#1882c5;background:#edf9ff}
.commercial-modal-thumbs img{width:100%;height:100%;object-fit:contain}
.commercial-modal-visual>small{color:#668396;line-height:1.45}
.commercial-modal-details{display:flex;flex-direction:column;gap:12px;min-width:0}
.commercial-modal-details h2{font-size:clamp(1.5rem,2.8vw,2.6rem);line-height:1.12;margin:0}
.commercial-modal-details p{color:#5a768b;line-height:1.6;margin:0}
.commercial-modal-products{display:flex;flex-direction:column;gap:7px;margin:6px 0}
.commercial-modal-product{display:flex;align-items:center;gap:12px;padding:8px;border-radius:10px;border:1px solid #e2ebf2;text-decoration:none;color:#23455f}
.commercial-modal-product img{flex:0 0 56px;width:56px;height:56px;object-fit:contain}
.commercial-modal-product span{display:flex;flex-direction:column;gap:5px;min-width:0}
.commercial-modal-product strong{font-size:.82rem;line-height:1.3}
.commercial-modal-product small{font-size:.75rem;color:#6d899b}
.commercial-modal-price{border-top:1px solid #e5edf3;padding-top:15px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.commercial-modal-price strong{font-size:1.6rem;color:#155d9c}
.commercial-modal-saving{padding:12px;background:#e7f8ee;color:#1d7349;border-radius:9px;font-weight:700}
.commercial-modal-details>.btn{justify-content:center;text-align:center}
.commercial-inline-detail{align-self:flex-start;border:0;background:none;color:#146ba7;text-decoration:underline;font-weight:800;padding:3px 0;cursor:pointer;font-size:.75rem}

/* Guide v2: décision progressive, sous-catégories puis références précises. */
.commercial-intent-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:740px;margin:auto}
.commercial-intent-grid .commercial-choice{min-height:245px}
.commercial-intent-grid .commercial-choice-photo{height:155px}
.commercial-intent-grid .commercial-choice-text strong{font-size:1rem}
.commercial-guide-category-filters{padding:15px 17px;background:#f2f9ff;border:1px solid #daebf6;border-radius:15px;margin-bottom:22px}
.commercial-guide-category-filters .commercial-filter-row{margin:0}
.commercial-guide-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.commercial-role-button{display:flex;align-items:center;gap:12px;min-height:91px;background:white;border:1px solid #dce9f0;border-radius:13px;padding:11px;text-align:left;cursor:pointer;color:#193b55}
.commercial-role-button.is-selected{border:2px solid #1980bf;background:#eef8ff;padding:10px}
.commercial-role-button img{width:67px;height:69px;flex:0 0 67px;object-fit:contain;border-radius:10px;background:#fff}
.commercial-role-button>span{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
.commercial-role-button strong{font-size:.92rem;line-height:1.3}
.commercial-role-button small{font-size:.75rem;line-height:1.38;color:#66869d}
.commercial-role-button>b{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#e1eff8;color:#1270ac;font-size:1rem}
.commercial-role-button.is-selected>b{background:#1680c1;color:white}
.commercial-selection-summary{padding:18px 20px;border-radius:12px;margin:21px 0 0;background:#eaf7ff;border:1px solid #cfebfb;color:#25516d;line-height:1.5}
.commercial-selection-summary small{display:block;color:#62859a;margin-top:6px}
.commercial-reference-group{padding:22px;background:#fbfdff;border:1px solid #ddebf4;border-radius:18px;margin-bottom:21px}
.commercial-reference-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px}
.commercial-reference-heading h2{font-size:1.4rem;margin:0}
.commercial-reference-heading span{color:#166baa;font-size:.79rem;font-weight:800;padding:6px 10px;background:#e3f5ff;border-radius:999px}
.commercial-reference-group h3{font-size:.87rem;margin:15px 0 12px;color:#456e88}
.commercial-choice-strip{display:flex;gap:11px;overflow-x:auto;scroll-snap-type:x mandatory;padding:3px 2px 15px}
.commercial-sku-choice{position:relative;flex:0 0 168px;scroll-snap-align:start;text-align:left;display:flex;flex-direction:column;gap:8px;padding:11px;border:1px solid #dce9f0;border-radius:13px;background:#fff;cursor:pointer;color:#23445a}
.commercial-sku-choice.is-selected{border:2px solid #1780c3;padding:10px;background:#f0faff}
.commercial-sku-choice>img{height:120px;width:100%;object-fit:contain;background:white;border-radius:8px}
.commercial-sku-choice>span{display:flex;flex-direction:column;gap:6px}
.commercial-sku-choice small{font-size:.7rem;color:#5b84a1;font-weight:800}
.commercial-sku-choice strong{font-size:.76rem;line-height:1.4;min-height:55px}
.commercial-sku-choice b{font-size:.9rem;color:#135e9a}
.commercial-sku-choice em{position:absolute;right:7px;top:7px;width:23px;height:23px;background:#1982bd;color:white;border-radius:50%;display:grid;place-items:center;font-size:.75rem;font-style:normal}
.commercial-compat-warning{background:#fff8e6;border:1px solid #f1dba7;color:#72521e;padding:14px;border-radius:10px;line-height:1.5;font-size:.85rem}
.commercial-compat-note{display:block;margin-top:13px;color:#647e93;line-height:1.55}
.commercial-selected-articles{background:#f0f8ff;border:1px solid #d8eaf5;border-radius:15px;padding:20px;margin-bottom:22px}
.commercial-selected-articles>div{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.commercial-selected-articles strong{color:#155f9c;font-size:1.12rem}
.commercial-selected-articles p{margin:12px 0 0;color:#54758b;line-height:1.6;font-size:.85rem}
.commercial-result-alternatives>p{font-size:.84rem;color:#688397;margin-top:-5px}
/* Showroom v3 : une sélection progressive, sans catalogue de références dans les filtres. */
.commercial-family-controls,.commercial-pack-controls{padding:5px 0 3px}
.commercial-filter-chip:disabled{opacity:.28;cursor:not-allowed;background:#f2f5f8;box-shadow:none;border-color:#e4edf3}
.commercial-filter-chip b{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:rgba(255,255,255,.2);font-size:.73rem}
.commercial-role-filter-row{margin-bottom:11px}
.commercial-clear-filters{border:0;background:none;color:#166ba7;font-size:.78rem;font-weight:850;cursor:pointer;padding:10px 12px}
.commercial-selection-hint{color:#56788e;font-size:.84rem;line-height:1.5;margin:8px 0 18px}
.commercial-pack-facet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:13px;margin:15px 0}
.commercial-role-facets{padding:16px 18px;border:1px solid #dcecf5;border-radius:14px;background:#f7fcff;min-width:0}
.commercial-role-facets h4{font-size:.95rem;margin:0 0 10px;color:#1a507b}
.commercial-role-facets .commercial-filter-label{margin:9px 0 5px}
.commercial-facet-row{margin:8px 0 12px}
.commercial-facet-row .commercial-filter-chip{padding:9px 12px;white-space:normal;text-align:center}
.commercial-single-option{font-size:.78rem;color:#66869b;margin:5px 0 9px}
.commercial-guide-group-title{font-size:1.02rem;color:#256387;margin:20px 0 12px}
.commercial-variant-stack{margin:13px 0}
.commercial-variant-stack .commercial-filter-label{margin:12px 0 6px}
.commercial-auto-choice{display:flex;align-items:center;gap:14px;border:1px solid #cde6f5;border-radius:14px;background:#edf8ff;padding:14px;margin:15px 0;min-width:0}
.commercial-auto-choice>img{flex:0 0 82px;width:82px;height:85px;object-fit:contain;border-radius:8px;background:white}
.commercial-auto-choice>div{min-width:0;flex:1;display:flex;flex-direction:column;gap:6px}
.commercial-auto-choice small{color:#1771ac;font-weight:900;letter-spacing:.045em;font-size:.68rem}
.commercial-auto-choice strong{color:#24465d;font-size:.87rem;line-height:1.4}
.commercial-auto-choice span{font-size:.79rem;color:#54798e}
.commercial-auto-choice>b{display:grid;place-items:center;width:27px;height:27px;flex:0 0 27px;color:white;background:#1682bd;border-radius:50%}
.commercial-extra-models{border-top:1px solid #dfedf5;margin-top:9px;padding-top:10px}
.commercial-extra-models summary{cursor:pointer;font-size:.77rem;color:#186fa6;font-weight:850;padding:6px 0}
.commercial-extra-models .commercial-choice-strip{margin-top:9px}
.commercial-guide-supplies{display:flex;gap:9px;overflow-x:auto;padding:3px 0 8px}
.commercial-guide-supplies .commercial-sku-choice{flex-basis:170px}
@media(max-width:680px){
  .commercial-pack-facet-grid{grid-template-columns:1fr}
  .commercial-role-facets{padding:13px}
  .commercial-auto-choice>img{flex-basis:67px;width:67px;height:72px}
  .commercial-auto-choice{padding:10px;gap:10px}
  .commercial-filter-chip{max-width:100%}
}
@media(max-width:800px){
  .commercial-modal-layout{grid-template-columns:1fr}
  .commercial-modal-main-image{height:270px}
}
@media(max-width:680px){
  .commercial-filter-row{gap:6px}
  .commercial-filter-chip{padding:9px 11px;font-size:.75rem}
  .commercial-intent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .commercial-intent-grid .commercial-choice{min-height:195px}
  .commercial-intent-grid .commercial-choice-photo{height:105px}
  .commercial-guide-role-grid{grid-template-columns:1fr}
  .commercial-reference-group{padding:14px}
  .commercial-pack-modal-shade{padding:10px}
  .commercial-pack-modal{max-height:calc(100vh - 20px);border-radius:16px}
  .commercial-modal-layout{padding:17px}
  .commercial-modal-top{padding:12px 16px}
  .commercial-modal-main-image{height:220px}
  .commercial-modal-thumbs button{flex-basis:65px;height:68px}
  .commercial-modal-price strong{font-size:1.35rem}
}