/* ==========================================================================
   Agence B-LIGHT — section « Mobilier urbain » (catalogue avec demande de devis)
   Thème clair uniquement, inspiré d'imexel.fr : fonds blancs et gris clair,
   grandes photos produit, étiquette de référence sur les cartes.
   Repose sur css/site.css (tokens, header, footer, .btn, .eyebrow, .container).
   Toutes les classes de la section sont préfixées mu- (pas de collision avec le site).
   Pages générées par tools/build-mobilier-urbain.py.
   ========================================================================== */

.mu-body{
  --photo-bg:#fff;            /* fond des visuels détourés */
  --mu-card:#fff;
  --mu-ref-bg:#F6D9C4;        /* étiquette référence (orange pâle, façon catalogue papier) */
  --mu-ref-ink:#6A3B1E;
  --mu-shadow:0 22px 44px -26px rgba(32,51,74,.35);
  --mu-bar-h:64px;
  --mu-megabar-h:44px;
  --r:var(--r-card-sm);
}
.mu-body [id]{scroll-margin-top:calc(var(--header-h) + var(--mu-bar-h) + var(--mu-megabar-h) + 16px)}
.mu-main{min-height:60vh}
.mu-muted{color:var(--muted)}
.mu-lead{font-size:var(--fs-18);color:var(--muted);max-width:62ch;margin:12px 0 0;line-height:1.6}
.mu-note{font-size:var(--fs-13);color:var(--muted);margin:8px 0 0}
.mu-note a{color:var(--accent-text)}
.mu-link{border:0;background:none;padding:0;color:var(--accent-text);font:600 var(--fs-14)/1.4 var(--sans);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.mu-link:hover{color:var(--green-hover)}
.mu-body h1,.mu-body h2,.mu-body h3{font-family:var(--display);letter-spacing:-.02em;text-wrap:balance;color:var(--ink)}
.mu-body .eyebrow{margin-bottom:8px}
.mu-body .btn{justify-content:center}

/* --------------------------------------------------------------------------
   Barre « Mobilier urbain » : marque de section, recherche, sélection, méga-menu
   -------------------------------------------------------------------------- */
.mu-bar{position:sticky;top:var(--header-h);z-index:55;background:#fff;border-bottom:1px solid var(--line)}
.mu-bar__row{display:flex;align-items:center;gap:18px;height:var(--mu-bar-h)}
.mu-bar__brand{display:flex;flex-direction:column;gap:3px;text-decoration:none;min-width:max-content;color:var(--ink)}
.mu-bar__brand b{font:800 var(--fs-18)/1 var(--display);letter-spacing:-.01em}
.mu-bar__brand small{font:500 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.mu-search{flex:1;position:relative;max-width:560px;margin-left:auto}
.mu-search input{width:100%;height:42px;border:1px solid var(--line);background:var(--bg-2);border-radius:var(--r-pill);padding:0 16px 0 42px;font:500 var(--fs-15) var(--sans);color:var(--ink);-webkit-appearance:none;appearance:none}
.mu-search input:focus{outline:none;border-color:var(--green-light);background:#fff;box-shadow:0 0 0 3px rgba(165,194,61,.25)}
.mu-search input::-webkit-search-cancel-button{-webkit-appearance:none}
.mu-search svg{position:absolute;left:15px;top:12px;width:18px;height:18px;fill:none;stroke:var(--muted);stroke-width:2;stroke-linecap:round;pointer-events:none}
.mu-sugg{position:absolute;left:0;right:0;top:48px;background:var(--mu-card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--mu-shadow);overflow:hidden;z-index:5}
.mu-sugg a,.mu-sugg .mu-sugg__all{display:flex;gap:12px;align-items:center;width:100%;border:0;background:none;padding:8px 12px;text-align:left;text-decoration:none;color:var(--ink);font:inherit;cursor:pointer}
.mu-sugg a:hover,.mu-sugg a.is-act,.mu-sugg .mu-sugg__all:hover,.mu-sugg .mu-sugg__all.is-act{background:var(--bg-2)}
.mu-sugg img{width:40px;height:40px;object-fit:contain;background:var(--photo-bg);border-radius:8px;flex:none}
.mu-sugg img.mu-cover{object-fit:cover}
.mu-sugg b{display:block;font:600 var(--fs-14)/1.3 var(--sans)}
.mu-sugg em{font-style:normal;color:var(--muted);font-size:var(--fs-13);display:block}
.mu-sugg .mu-sugg__none{padding:14px;color:var(--muted);font-size:var(--fs-14)}
.mu-cart{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--mu-card);border-radius:var(--r-pill);height:42px;padding:0 8px 0 16px;font:600 var(--fs-14) var(--sans);white-space:nowrap;text-decoration:none;color:var(--ink);transition:border-color .2s}
.mu-cart:hover{border-color:var(--green-light)}
.mu-cart__n{min-width:26px;height:26px;border-radius:var(--r-pill);background:var(--navy-2);color:#fff;display:grid;place-items:center;font:700 var(--fs-12) var(--mono);padding:0 7px}
.mu-cart.is-bump .mu-cart__n{animation:mu-bump .5s}
@keyframes mu-bump{40%{transform:scale(1.35);background:var(--green-light);color:var(--green-ink)}}
.mu-megabar{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;border-top:1px solid var(--line);height:var(--mu-megabar-h)}
.mu-megabar::-webkit-scrollbar{display:none}
.mu-megabar a{flex:none;display:flex;align-items:center;padding:0 14px;min-height:44px;font:600 var(--fs-14)/1 var(--sans);white-space:nowrap;border-bottom:2px solid transparent;color:var(--ink);text-decoration:none;transition:color .2s}
.mu-megabar a:hover,.mu-megabar a.is-open{color:var(--accent-text)}
.mu-megabar a.is-current{border-bottom-color:var(--green-light);color:var(--accent-text)}
.mu-mega{position:absolute;left:0;right:0;top:100%;background:var(--mu-card);border-bottom:1px solid var(--line);box-shadow:var(--mu-shadow)}
.mu-mega:not(:has(.mu-mega__panel:not([hidden]))){display:none}
.mu-mega__panel[hidden]{display:none}
.mu-mega__inner{display:grid;grid-template-columns:240px 1fr 300px;gap:32px;padding-top:26px;padding-bottom:30px}
.mu-mega__intro h3{font-size:var(--fs-22);margin:4px 0 8px}
.mu-mega__intro p{margin:0 0 14px;color:var(--muted);font-size:var(--fs-14)}
.mu-mega__subs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 24px;align-content:start;margin:0;padding:0;list-style:none}
.mu-mega__subs a{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font:500 var(--fs-15) var(--sans);text-decoration:none;color:var(--ink)}
.mu-mega__subs a:hover{color:var(--accent-text)}
.mu-mega__subs small{font:500 var(--fs-12) var(--mono);color:var(--muted)}
.mu-mega__pick{background:var(--bg-2);border-radius:var(--r);padding:16px;display:flex;gap:14px;align-items:center;text-decoration:none;color:var(--ink)}
.mu-mega__pick img{width:96px;height:96px;object-fit:contain;background:var(--photo-bg);border-radius:12px;flex:none}
.mu-mega__pick img.mu-cover{object-fit:cover}
.mu-mega__pick b{display:block;font:700 var(--fs-16) var(--display);margin:2px 0 4px}
.mu-mega__pick .mu-muted{font-size:var(--fs-13)}

/* --------------------------------------------------------------------------
   Étiquettes, visuels
   -------------------------------------------------------------------------- */
.mu-chip{display:inline-flex;align-items:center;gap:6px;background:var(--chip-bg);color:var(--chip-ink);border:1px solid var(--chip-line);border-radius:var(--r-tag);padding:4px 8px;font:600 var(--fs-11)/1.2 var(--mono);letter-spacing:.02em;text-decoration:none}
.mu-chip--alt{background:var(--bg-3);color:var(--muted);border-color:transparent}
.mu-chip--navy{background:var(--navy-2);color:#fff;border-color:var(--navy-2)}
a.mu-chip:hover{border-color:var(--green-light);color:var(--accent-text)}
.mu-ref{position:absolute;right:10px;top:10px;background:var(--mu-ref-bg);color:var(--mu-ref-ink);font:600 10.5px/1 var(--mono);padding:4px 6px;border-radius:6px;letter-spacing:.02em}
.mu-ref--inline{position:static;font-size:var(--fs-12);padding:5px 8px}
.mu-ph-empty{width:100%;height:100%;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--muted);font:500 var(--fs-12) var(--mono);background:var(--bg-2);border-radius:12px}
.mu-ph-empty__ico{display:block;width:38%;max-width:120px;aspect-ratio:1}
.mu-ph-empty__ico svg{width:100%;height:100%;fill:#C9CDBF}
.mu-ph-empty__txt{letter-spacing:.04em}
.mu-ph-empty--small{min-height:0;gap:0;border-radius:8px}
.mu-ph-empty--small .mu-ph-empty__ico{width:60%}
.mu-ral{display:flex;gap:6px;margin:4px 0 12px}
.mu-ral i{width:20px;height:20px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--line)}

/* --------------------------------------------------------------------------
   Accueil de la section
   -------------------------------------------------------------------------- */
.mu-hero{background:#fff;border-bottom:1px solid var(--line);overflow:hidden}
.mu-hero__inner{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding-top:56px;padding-bottom:56px}
.mu-hero h1{font-size:clamp(34px,4.6vw,56px);line-height:1.02;font-weight:800;margin-top:6px}
.mu-hero h1 em{font-style:normal;color:var(--accent-text)}
.mu-hero__lead{font-size:var(--fs-18);color:var(--muted);max-width:52ch;margin:18px 0 26px;line-height:1.55}
.mu-hero__actions{display:flex;gap:10px;flex-wrap:wrap}
.mu-facts{display:flex;gap:28px;margin-top:30px;flex-wrap:wrap}
.mu-facts b{display:block;font:800 var(--fs-32)/1 var(--display);color:var(--navy)}
.mu-facts span{font:500 var(--fs-12) var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.mu-mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:200px 200px;gap:12px}
.mu-mosaic figure{margin:0;border-radius:var(--r);overflow:hidden;position:relative;background:var(--bg-2)}
.mu-mosaic figure:first-child{grid-row:span 2}
.mu-mosaic img{width:100%;height:100%;object-fit:cover}
.mu-mosaic figcaption{position:absolute;left:10px;bottom:10px;background:rgba(11,19,28,.72);color:#fff;font:500 var(--fs-11)/1 var(--mono);padding:6px 8px;border-radius:7px;letter-spacing:.04em}

.mu-blk{padding:clamp(48px,7vw,84px) 0}
.mu-band{background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.mu-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px;flex-wrap:wrap}
.mu-head h2{font-size:clamp(26px,3vw,36px);font-weight:800}
.mu-head p{margin:8px 0 0;color:var(--muted);max-width:60ch}

.mu-univers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.mu-uni{position:relative;border:1px solid var(--line);background:var(--mu-card);border-radius:var(--r);padding:18px 18px 0;display:flex;flex-direction:column;gap:4px;text-align:left;overflow:hidden;text-decoration:none;color:var(--ink);transition:transform .2s,box-shadow .2s,border-color .2s}
.mu-uni:hover{transform:translateY(-3px);box-shadow:var(--mu-shadow);border-color:var(--green-light)}
.mu-uni h3{font-size:var(--fs-16);font-weight:700;min-height:2.5em}
.mu-uni__n{font:500 var(--fs-12) var(--mono);color:var(--muted);margin-top:6px;display:block}
.mu-uni ul{margin:10px 0 6px;font-size:var(--fs-13);color:var(--muted);line-height:1.55}
.mu-uni img{width:100%;height:130px;object-fit:contain;margin-top:auto;background:var(--photo-bg);border-radius:12px 12px 0 0}
.mu-uni img.mu-cover{object-fit:cover}

.mu-focus{display:grid;grid-template-columns:1.25fr 1fr;gap:16px}
.mu-focus__big,.mu-focus__sm{border-radius:var(--r);overflow:hidden;position:relative;border:1px solid var(--line);background:var(--mu-card);text-decoration:none;color:var(--ink);transition:box-shadow .2s,border-color .2s}
.mu-focus__big:hover,.mu-focus__sm:hover{box-shadow:var(--mu-shadow);border-color:var(--green-light)}
.mu-focus__big{grid-row:span 2;display:grid;grid-template-rows:1fr auto}
.mu-focus__big .mu-focus__ph{background:var(--photo-bg);display:grid;place-items:center;min-height:360px}
.mu-focus__big .mu-focus__ph img{max-height:380px;width:auto;object-fit:contain}
.mu-focus__txt{padding:22px 24px 24px}
.mu-focus h3{font-size:var(--fs-24);margin:10px 0 8px;font-weight:800}
.mu-focus p{margin:0 0 14px;color:var(--muted)}
.mu-focus__sm{display:grid;grid-template-columns:44% 1fr;align-items:stretch}
.mu-focus__sm .mu-focus__ph{background:var(--photo-bg);display:grid;place-items:center;overflow:hidden}
.mu-focus__sm .mu-focus__ph img{max-height:210px;width:auto;object-fit:contain}
.mu-focus__sm h3{font-size:var(--fs-20)}
.mu-focus .mu-cover{width:100%;height:100%;max-height:none;object-fit:cover}

.mu-usages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.mu-use{border-radius:var(--r);overflow:hidden;position:relative;min-height:220px;display:block;text-decoration:none;color:#fff;background:var(--navy-2)}
.mu-use img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.mu-use--cut img{object-fit:contain;background:var(--photo-bg);padding:12px 12px 70px}
.mu-use:hover img{transform:scale(1.04)}
.mu-use::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,19,28,0) 30%,rgba(11,19,28,.85))}
.mu-use__t{position:absolute;left:16px;right:16px;bottom:14px;z-index:1}
.mu-use__t b{font:700 var(--fs-18)/1.15 var(--display);display:block}
.mu-use__t span{font:500 var(--fs-12) var(--mono);opacity:.85}
.mu-use--dark{background:var(--navy);display:flex;flex-direction:column;justify-content:space-between;gap:16px;padding:18px;color:#fff}
.mu-use--dark::after{display:none}
.mu-use--dark .eyebrow{color:var(--lime)}
.mu-use--dark b{font:700 var(--fs-18)/1.25 var(--display)}
.mu-use--dark .mu-link{color:var(--lime)}

.mu-cols{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.mu-col{border:1px solid var(--line);border-radius:var(--r);background:var(--mu-card);padding:16px;text-align:left;text-decoration:none;color:var(--ink);transition:box-shadow .2s,border-color .2s}
.mu-col:hover{box-shadow:var(--mu-shadow);border-color:var(--green-light)}
.mu-col__strip{display:flex;gap:4px;height:84px;margin-bottom:12px}
.mu-col__strip img{flex:1;min-width:0;height:100%;object-fit:contain;background:var(--photo-bg);border-radius:8px}
.mu-col b{font:700 var(--fs-16) var(--display)}
.mu-col p{margin:4px 0 0;font-size:var(--fs-13);color:var(--muted)}

.mu-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mu-step{background:var(--bg-2);border-radius:var(--r);padding:22px}
.mu-step b{font:700 var(--fs-18) var(--display);display:block;margin:12px 0 6px}
.mu-step p{margin:0;color:var(--muted);font-size:var(--fs-15)}
.mu-step__num{font:500 var(--fs-12) var(--mono);color:var(--accent-text)}

.mu-stockwrap{margin-bottom:18px}
.mu-stock{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;text-decoration:none;background:var(--navy);color:#fff;border-radius:var(--r);padding:18px 22px}
.mu-stock .eyebrow{color:var(--lime)}
.mu-stock b{display:block;font:700 var(--fs-20) var(--display);margin:4px 0 2px}
.mu-stock .mu-muted{color:rgba(255,255,255,.75);font-size:var(--fs-14)}

/* --------------------------------------------------------------------------
   Fil d'Ariane, en-tête de liste, sous-familles, filtres, grille
   -------------------------------------------------------------------------- */
.mu-crumbs{padding-top:22px}
.mu-crumbs ol{display:flex;gap:8px;flex-wrap:wrap;font:500 var(--fs-12) var(--mono);color:var(--muted);margin:0;padding:0;list-style:none}
.mu-crumbs li+li::before{content:"/";margin-right:8px;opacity:.6}
.mu-crumbs a{color:inherit;text-decoration:underline;text-underline-offset:3px;display:inline-block;padding:6px 0}
.mu-crumbs a:hover{color:var(--accent-text)}
.mu-cathead{display:grid;grid-template-columns:1fr 340px;gap:30px;align-items:center;padding-top:16px;padding-bottom:26px}
.mu-cathead h1{font-size:clamp(30px,4vw,46px);font-weight:800}
.mu-cathead p{color:var(--muted);font-size:var(--fs-18);max-width:62ch;margin:10px 0 0}
.mu-cathead__actions{margin-top:18px}
.mu-cathead__ph{border-radius:var(--r);overflow:hidden;height:190px;background:var(--photo-bg);border:1px solid var(--line)}
.mu-cathead__ph img{width:100%;height:100%;object-fit:contain}
.mu-cathead__ph img.mu-cover{object-fit:cover}
.mu-cathead--search{grid-template-columns:1fr}
.mu-subtabs{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid var(--line)}
.mu-subtabs button{border:1px solid var(--line);background:var(--mu-card);border-radius:var(--r-pill);padding:11px 16px;min-height:44px;font:600 var(--fs-14) var(--sans);cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.mu-subtabs button:hover{border-color:var(--green-light)}
.mu-subtabs button.is-on{background:var(--navy-2);border-color:var(--navy-2);color:#fff}
.mu-subtabs small{font:500 var(--fs-11) var(--mono);opacity:.7;margin-left:4px}
.mu-listing{display:grid;grid-template-columns:230px 1fr;gap:30px;padding-top:24px;padding-bottom:70px}
.mu-listing--search,.mu-listing:has(.mu-filters--empty){grid-template-columns:1fr}
.mu-projet-grid{padding-bottom:70px}
.mu-filters{position:sticky;top:calc(var(--header-h) + var(--mu-bar-h) + var(--mu-megabar-h) + 16px);align-self:start;display:grid;gap:22px}
.mu-filters__group{border:0;padding:0;margin:0;min-width:0}
.mu-filters legend{margin:0 0 8px;padding:0;font:600 var(--fs-11) var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.mu-filters label{display:flex;align-items:center;gap:10px;padding:8px 0;min-height:40px;font-size:var(--fs-14);cursor:pointer}
.mu-filters label small{margin-left:auto;font:500 var(--fs-11) var(--mono);color:var(--muted)}
.mu-filters input{accent-color:var(--green);width:20px;height:20px;margin:0;flex:none}
.mu-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:12px;flex-wrap:wrap}
.mu-count{font:500 var(--fs-13) var(--mono);color:var(--muted)}
.mu-fbtn{display:none;border:1px solid var(--line);background:#fff;border-radius:var(--r-btn-sm);padding:9px 14px;font:600 var(--fs-14) var(--sans);cursor:pointer}
.mu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.mu-card{border:1px solid var(--line);border-radius:var(--r);background:var(--mu-card);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s,border-color .2s}
.mu-card:hover{box-shadow:var(--mu-shadow);transform:translateY(-2px);border-color:var(--green-light)}
.mu-card[hidden]{display:none}
.mu-card__ph{aspect-ratio:1/1;background:var(--photo-bg);display:grid;place-items:center;padding:10px;position:relative;width:100%;overflow:hidden;border-bottom:1px solid var(--bg-3)}
.mu-card__ph img{width:100%;height:100%;object-fit:contain}
.mu-card__ph img.mu-cover{object-fit:cover;position:absolute;inset:0}
.mu-card__tags{position:absolute;left:10px;top:10px;display:flex;gap:4px;flex-wrap:wrap}
.mu-card__body{padding:14px;display:flex;flex-direction:column;gap:6px;flex:1}
.mu-card__gm{font:500 var(--fs-11) var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.mu-card__title{font:700 var(--fs-16)/1.25 var(--display);letter-spacing:-.01em}
.mu-card__title a{text-decoration:none;color:var(--ink)}
.mu-card__title a:hover{color:var(--accent-text)}
.mu-card p{margin:0;color:var(--muted);font-size:var(--fs-13);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mu-card__add{margin-top:auto;display:flex;gap:8px;padding-top:8px}
.mu-add{flex:1;border:1px solid var(--line);background:var(--bg);border-radius:var(--r-btn-sm);padding:10px;font:600 var(--fs-13) var(--sans);cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.mu-add:hover{border-color:var(--green-light);color:var(--accent-text)}
.mu-add.is-in{background:var(--chip-bg);border-color:transparent;color:var(--accent-text)}
.mu-empty{padding:40px;border:1px dashed var(--line);border-radius:var(--r);text-align:center;color:var(--muted)}
.mu-empty a{color:var(--accent-text)}
.mu-lieux-strip{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:-8px 0 18px;font-size:var(--fs-13)}
.mu-lieux-strip__label{font:600 var(--fs-11) var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-right:4px}
.mu-lieux-strip a{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border:1px solid var(--line);border-radius:var(--r-pill);background:#fff;color:var(--ink);text-decoration:none;transition:border-color .2s,color .2s}
.mu-lieux-strip a:hover{border-color:var(--green-light);color:var(--accent-text)}
.mu-conseils{padding-bottom:26px}
.mu-conseils h2{font-size:var(--fs-22);margin:4px 0 12px}
.mu-conseils ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;counter-reset:c;list-style:none}
.mu-conseils li{counter-increment:c;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px 18px 18px 54px;position:relative;font-size:var(--fs-15);line-height:1.5;color:var(--ink)}
.mu-conseils li::before{content:counter(c);position:absolute;left:16px;top:16px;width:28px;height:28px;border-radius:50%;background:var(--green-light);color:var(--green-ink);display:grid;place-items:center;font:800 var(--fs-14) var(--display)}
.mu-projet-grid .mu-toolbar a{color:var(--accent-text);margin-left:6px}
@media (max-width:900px){.mu-conseils ol{grid-template-columns:1fr}}
/* Conseils : guides */
.mu-guides{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
.mu-guide-card{display:flex;flex-direction:column;gap:8px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:var(--r);text-decoration:none;color:var(--ink);transition:box-shadow .2s,border-color .2s}
.mu-guide-card:hover{box-shadow:var(--mu-shadow);border-color:var(--green-light)}
.mu-guide-card h3{font-size:var(--fs-20);line-height:1.2}
.mu-guide-card p{color:var(--muted);font-size:var(--fs-14);flex:1}
.mu-draft{margin:18px 0 0;padding:12px 16px;border-radius:12px;background:#FFF3C4;color:#5C4300;border:1px solid #F1D978;font-size:var(--fs-14)}
.mu-guide{max-width:820px;padding-top:16px;padding-bottom:60px}
.mu-guide__head h1{font-size:clamp(30px,4vw,44px);margin:4px 0 10px}
.mu-guide__body{font-size:var(--fs-16);line-height:1.7;margin-top:28px}
.mu-guide__body h2{font-size:var(--fs-22);margin:30px 0 10px}
.mu-guide__body p{margin:0 0 14px}
.mu-guide__body ul{margin:0 0 16px 22px;list-style:disc;display:grid;gap:6px}
.mu-guide__sources{margin-top:36px;padding-top:18px;border-top:1px solid var(--line);font-size:var(--fs-14);color:var(--muted)}
.mu-guide__sources h2{font-size:var(--fs-16);margin-bottom:10px;color:var(--ink)}
.mu-guide__sources ol{margin-left:20px;list-style:decimal;display:grid;gap:6px}
.mu-guide__sources a{color:var(--accent-text);word-break:break-word}
.mu-note--guide a{color:var(--accent-text)}
.mu-projets{padding-top:20px;padding-bottom:70px}
.mu-projets h1{font-size:clamp(30px,4vw,44px);margin-bottom:6px}
.mu-projets .mu-lead{margin-bottom:26px}

/* --------------------------------------------------------------------------
   Fiche produit
   -------------------------------------------------------------------------- */
.mu-pp{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;padding-top:18px;padding-bottom:50px}
.mu-gal__main{background:var(--photo-bg);border-radius:var(--r);aspect-ratio:1/1;display:grid;place-items:center;border:1px solid var(--line);overflow:hidden}
.mu-gal__main img{width:100%;height:100%;object-fit:contain;transition:opacity .2s}
.mu-gal__main img.mu-cover{object-fit:cover}
.mu-gal__th{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.mu-gal__th button{width:76px;height:76px;border-radius:12px;border:2px solid transparent;background:var(--photo-bg);padding:4px;overflow:hidden;cursor:pointer;box-shadow:0 0 0 1px var(--line)}
.mu-gal__th button.is-on{border-color:var(--green-light)}
.mu-gal__th img{width:100%;height:100%;object-fit:contain}
.mu-gal__th img.mu-cover{object-fit:cover}
.mu-info h1{font-size:clamp(28px,3.4vw,40px);font-weight:800;margin:6px 0 10px}
.mu-info__chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.mu-info__desc{font-size:var(--fs-16);margin:14px 0 20px;max-width:60ch;line-height:1.6}
.mu-opt{margin-bottom:16px}
.mu-opt h4{margin:0 0 8px;font:600 var(--fs-11) var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.mu-opt__vals{display:flex;gap:6px;flex-wrap:wrap}
.mu-opt__vals button{border:1px solid var(--line);background:var(--mu-card);border-radius:var(--r-btn-sm);padding:10px 14px;min-height:42px;font:500 var(--fs-14) var(--sans);cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.mu-opt__vals button:hover{border-color:var(--navy-2)}
.mu-opt__vals button.is-on{border-color:var(--navy-2);background:var(--navy-2);color:#fff}
.mu-opt__vals .mu-sw{display:inline-flex;align-items:center;gap:8px}
.mu-opt__vals .mu-sw i{width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.15);flex:none}
.mu-buy{display:flex;gap:10px;align-items:stretch;margin:22px 0 8px;flex-wrap:wrap}
.mu-qty{display:flex;align-items:center;border:1px solid var(--line);border-radius:var(--r-btn);background:var(--mu-card)}
.mu-qty button{border:0;background:none;width:40px;height:50px;font-size:20px;cursor:pointer}
.mu-qty input{width:52px;border:0;background:none;text-align:center;font:600 var(--fs-16) var(--mono);color:var(--ink);-moz-appearance:textfield}
.mu-qty input::-webkit-outer-spin-button,.mu-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.mu-buy .btn{flex:1;min-width:220px}
.mu-delai,.mu-garantie{margin:10px 0 0;font-size:var(--fs-14);color:var(--ink)}
.mu-delai small,.mu-garantie small{color:var(--muted);font-size:var(--fs-12)}
.mu-delai a{color:var(--muted)}
.mu-delai[hidden]{display:none}
.mu-card__delai{font:500 var(--fs-11) var(--mono);color:var(--accent-text);letter-spacing:.02em}
.mu-reassure{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px}
.mu-reassure div{background:var(--bg-2);border-radius:12px;padding:12px;font-size:var(--fs-13);color:var(--muted)}
.mu-reassure b{display:block;color:var(--ink);font:700 var(--fs-14) var(--display);margin-bottom:2px}
.mu-ptabs{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;padding-bottom:60px}
.mu-ptabs h2{font-size:var(--fs-22);margin-bottom:12px}
.mu-specs{width:100%;border-collapse:collapse;font-size:var(--fs-15)}
.mu-specs th,.mu-specs td{padding:11px 0;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.mu-specs th{font:500 var(--fs-12) var(--mono);color:var(--muted);width:38%;text-transform:uppercase;letter-spacing:.04em;padding-right:14px}
.mu-docs{display:grid;gap:8px}
.mu-docs > *{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:var(--fs-14);background:var(--mu-card);text-decoration:none;color:var(--ink)}
.mu-docs a:hover{border-color:var(--green-light)}
.mu-docs a small{color:var(--muted);font-size:var(--fs-12)}
.mu-docs a.is-on{border-color:var(--green-light);background:var(--chip-bg)}
.mu-docs__more{display:grid;gap:8px}
.mu-docs__more[hidden]{display:none}
.mu-docs__btn{border:1px dashed var(--line);border-radius:12px;padding:12px 14px;background:transparent;text-align:center;font-size:var(--fs-14);text-decoration:none}
.mu-docs__btn[hidden]{display:none}
.mu-opt__vals button.is-unavailable{opacity:.45;text-decoration:line-through;text-decoration-color:var(--muted)}
.mu-opt__vals button.is-unavailable.is-on{opacity:1;text-decoration:none;background:#B4442E;border-color:#B4442E}
/* Références et déclinaisons (fiche produit) */
.mu-mono{font-family:var(--mono);font-size:var(--fs-13)}
.mu-variants{margin-top:30px}
.mu-variants h3{font-size:var(--fs-18);margin-bottom:10px}
.mu-vtable-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:#fff}
.mu-vtable{width:100%;border-collapse:collapse;font-size:var(--fs-14);min-width:560px}
.mu-vtable th{font:600 var(--fs-11) var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);background:var(--bg-2)}
.mu-vtable td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.mu-vtable tr:last-child td{border-bottom:0}
.mu-vtable td a{color:var(--accent-text);font-weight:600}
.mu-vtable:not(.is-expanded) tr.mu-vrow--extra:not(.is-on){display:none}
.mu-vtable__more{display:block;margin:10px 0 0;padding:10px 0}
.mu-vtable__more[hidden]{display:none}
.mu-vtable tr.is-on td{background:var(--chip-bg)}
.mu-vtable tr.is-on td:first-child{box-shadow:inset 3px 0 0 var(--green-light)}
.mu-related{padding-top:44px;padding-bottom:44px}
.mu-related .mu-head h2{font-size:var(--fs-28)}

/* --------------------------------------------------------------------------
   Ma sélection + formulaire de devis
   -------------------------------------------------------------------------- */
.mu-sel{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:start;padding-top:16px;padding-bottom:80px}
.mu-sel h1{font-size:clamp(30px,4vw,44px);font-weight:800}
.mu-sel__lines .mu-lead{margin-bottom:22px}
.mu-line{display:grid;grid-template-columns:72px 1fr auto;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);align-items:center}
.mu-line img,.mu-line .mu-ph-empty{width:72px;height:72px;min-height:0;object-fit:contain;background:var(--photo-bg);border-radius:10px;border:1px solid var(--line)}
.mu-line img.mu-cover{object-fit:cover}
.mu-line b{font:700 var(--fs-15) var(--display);display:block}
.mu-line b a{text-decoration:none;color:inherit}
.mu-line small{color:var(--muted);font-size:var(--fs-12);display:block;line-height:1.35}
.mu-line__q{display:flex;align-items:center;gap:6px}
.mu-line__q button{width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:var(--mu-card);cursor:pointer;font-size:18px}
.mu-line__q span{font:600 var(--fs-14) var(--mono);min-width:22px;text-align:center}
.mu-line__rm{border:0;background:none;color:var(--muted);font-size:var(--fs-12);text-decoration:underline;padding:10px 0 2px;cursor:pointer}
.mu-sel__total{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0 0;font:500 var(--fs-13) var(--mono);color:var(--muted)}
.mu-sel__form{background:#fff;border:1px solid var(--line);border-radius:var(--r-panel);padding:28px;box-shadow:var(--shadow-panel)}
.mu-devis{display:grid;gap:12px}
.mu-devis h2{font-size:var(--fs-22);margin-bottom:4px}
.mu-f2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mu-fld{display:grid;gap:5px}
.mu-fld label{font:600 var(--fs-11) var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.mu-fld input,.mu-fld select,.mu-fld textarea{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:var(--r-btn-sm);padding:11px 12px;font:500 var(--fs-15) var(--sans);width:100%}
.mu-fld input:focus,.mu-fld select:focus,.mu-fld textarea:focus{outline:none;border-color:var(--green-light);background:#fff;box-shadow:0 0 0 3px rgba(165,194,61,.25)}
.mu-fld input:user-invalid,.mu-fld input.is-invalid{border-color:#B4442E}
.mu-agence{background:var(--chip-bg);color:var(--chip-ink);border-radius:var(--r-btn-sm);padding:10px 12px;font-size:var(--fs-14)}
.mu-agence b{color:var(--accent-text)}
.mu-gotcha{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.mu-form-error{color:#B4442E;font-size:var(--fs-14);margin:0}
.mu-done{background:var(--chip-bg);border-radius:var(--r);padding:20px;margin-top:6px}
.mu-done b{font:800 var(--fs-20) var(--display);display:block;margin-bottom:6px;color:var(--ink)}
.mu-done p{margin:0;color:var(--chip-ink);font-size:var(--fs-14)}
.mu-done a{color:var(--accent-text)}
.mu-done--warn{background:#FBECE6}
.mu-done--warn b,.mu-done--warn p{color:#6A2A1B}
.mu-done--warn a{color:#8F3A26}

/* --------------------------------------------------------------------------
   Votre interlocuteur : agences et commerciaux, choix par code postal, drapeaux de réassurance
   -------------------------------------------------------------------------- */
.mu-contactwrap{padding-bottom:70px}
.mu-blk--contact{padding-top:0}
.mu-contact{background:#fff;border:1px solid var(--line);border-radius:var(--r-panel);padding:26px 28px;box-shadow:var(--shadow-panel)}
.mu-contact--compact{margin-top:22px;padding:20px 22px;border-radius:var(--r);box-shadow:none}
.mu-contact__head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.mu-contact__title{font-size:var(--fs-22);margin:0}
.mu-contact--compact .mu-contact__title{font-size:var(--fs-18)}
.mu-contact__cp{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mu-contact__cp label{font:600 var(--fs-11) var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.mu-contact__cp input{width:96px;border:1px solid var(--line);border-radius:var(--r-btn-sm);padding:8px 10px;font:600 var(--fs-15) var(--mono);background:var(--bg)}
.mu-contact__cp input:focus{outline:none;border-color:var(--green-light);box-shadow:0 0 0 3px rgba(165,194,61,.25)}
.mu-contact__body{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.mu-contact__agence h3{font-size:var(--fs-16);display:flex;flex-direction:column;gap:2px;margin-bottom:8px}
.mu-contact__agence h3 small{font:500 var(--fs-12) var(--mono);color:var(--muted);letter-spacing:.04em}
.mu-contact__agence ul{display:grid;gap:6px}
.mu-contact__agence li{display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:center;padding:8px 10px;border-radius:10px;background:var(--bg-2);font-size:var(--fs-14)}
.mu-contact__agence li b{font:700 var(--fs-14) var(--display)}
.mu-contact__depts{grid-column:1;font:500 var(--fs-12) var(--mono);color:var(--muted);letter-spacing:.04em}
.mu-contact__agence li a{grid-column:2;grid-row:1/3;font:700 var(--fs-16) var(--display);color:var(--ink);text-decoration:none;white-space:nowrap}
.mu-contact__agence li a:hover{color:var(--accent-text)}
.mu-contact__mail{display:inline-block;margin-top:10px;font:500 var(--fs-13) var(--mono);color:var(--accent-text)}
.mu-contact__flags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.mu-contact__flags li{font-size:var(--fs-13);color:var(--muted);padding:5px 10px;border:1px solid var(--line);border-radius:var(--r-pill);background:#fff}
.mu-contact__flags li.is-strong{color:var(--green-ink);background:var(--green-light);border-color:var(--green-light);font-weight:700}
.mu-contact__card{display:grid;grid-template-columns:1fr auto;gap:4px 16px;align-items:center;padding:14px 16px;border-radius:var(--r);background:var(--chip-bg);border:1px solid var(--chip-line)}
.mu-contact__card b{font:800 var(--fs-18) var(--display)}
.mu-contact__card .mu-contact__who{font-size:var(--fs-13);color:var(--chip-ink)}
.mu-contact__card .mu-contact__tel{grid-column:2;grid-row:1/3;font:800 var(--fs-20) var(--display);color:var(--ink);text-decoration:none;white-space:nowrap}
.mu-contact__card .mu-contact__mail{margin-top:2px}
.mu-contact__change{font-size:var(--fs-12);color:var(--muted);margin-top:8px}
.mu-contact__change button{font-size:var(--fs-12)}
@media (max-width:640px){
  .mu-contact{padding:18px}
  .mu-contact__card{grid-template-columns:1fr}
  .mu-contact__card .mu-contact__tel{grid-column:1;grid-row:auto}
}

.mu-sel__tools{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 18px}
.mu-sel__tools .btn{padding:11px 18px;font-size:var(--fs-14)}
.mu-sel__tools .mu-note{margin:0;max-width:40ch}
.mu-devis__actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.mu-print-head{display:none}

/* --------------------------------------------------------------------------
   Impression : récapitulatif de la demande (page Ma sélection) et fiches produit lisibles
   -------------------------------------------------------------------------- */
@media print{
  @page{margin:14mm 12mm}
  html,body{background:#fff!important;color:#000}
  .site-header,.mu-bar,.site-footer,.mu-crumbs,#mu-toast,.skip-link,.mu-sel__tools,.mu-devis__actions,.mu-line__q button,.mu-line__rm,.mu-sel__total a,
  .mu-contact__cp,.mu-contact__change,.mu-note__conf,.mu-gotcha,.mu-related,.mu-docs,.mu-buy,.mu-card__add,.mu-focus,.mu-usages,.mu-cols,.mu-steps,.mu-stockwrap,.mu-fbtn,.mu-filters{display:none!important}
  .mu-print-head{display:flex;align-items:center;gap:18px;padding-bottom:10px;margin-bottom:14px;border-bottom:2px solid #000}
  .mu-print-head img{height:32px;width:auto}
  .mu-print-head div{display:flex;flex-direction:column;gap:2px;font:12px/1.4 var(--sans)}
  .mu-print-head b{font:700 16px var(--display)}
  .mu-sel{display:block;padding:0}
  .mu-sel h1{font-size:22px;margin:0 0 6px}
  .mu-sel .mu-lead{display:none}
  .mu-line{break-inside:avoid;grid-template-columns:48px 1fr auto;border-bottom:1px solid #999;padding:6px 0}
  .mu-line img{width:48px;height:48px;border:0}
  .mu-line b{font-size:13px}
  .mu-line small{font-size:11px;color:#333}
  .mu-line__q span{font:700 13px var(--mono)}
  .mu-line__q span::before{content:"× "}
  .mu-sel__total{font-size:11px;color:#333;padding-top:6px}
  .mu-sel__form{border:0;box-shadow:none;padding:0;margin-top:18px}
  .mu-devis,.mu-f2{break-inside:avoid}
  .mu-devis{gap:6px}
  .mu-devis h2{font-size:15px;margin:0 0 2px}
  .mu-f2{grid-template-columns:1fr 1fr;gap:6px}
  .mu-fld label{font-size:9px;color:#333}
  .mu-fld input,.mu-fld select,.mu-fld textarea{border:0;border-bottom:1px solid #999;border-radius:0;padding:3px 0;background:#fff;color:#000;font-size:12px;-webkit-appearance:none;appearance:none}
  .mu-fld textarea{min-height:40px}
  .mu-agence{background:#fff;border:1px solid #999;padding:4px 6px;font-size:11px}
  .mu-contact{border:0;box-shadow:none;padding:0;margin-top:14px;break-inside:avoid}
  .mu-contact__title{font-size:14px}
  .mu-contact__agence li{background:#fff;border:1px solid #ccc;padding:4px 8px;font-size:11px}
  .mu-contact__card{background:#fff;border:1px solid #999}
  .mu-contact__flags li{border-color:#999;font-size:10px}
  .mu-done{border:1px solid #000;background:#fff}
  /* fiches produit : visuel, texte, caractéristiques et références */
  .mu-pp{grid-template-columns:1fr 1fr;gap:16px;padding:0}
  .mu-gal__main{border:0;aspect-ratio:auto}
  .mu-gal__th{display:none}
  .mu-ptabs{grid-template-columns:1fr;gap:12px;padding:0}
  .mu-vtable-wrap{border:0}
  .mu-vtable{font-size:10px;min-width:0}
  .mu-opt__vals button{border:1px solid #999;padding:2px 6px;font-size:10px;background:#fff;color:#000}
  .mu-opt__vals button.is-on{background:#000;color:#fff}
  a[href]::after{content:""}
}

/* Toast « ajouté à votre sélection » */
.mu-toast{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--navy);color:#fff;padding:12px 16px;border-radius:12px;z-index:70;display:flex;gap:14px;align-items:center;font-size:var(--fs-14);box-shadow:var(--mu-shadow);max-width:calc(100vw - 32px)}
.mu-toast a{border:0;background:var(--green-light);color:var(--green-ink);border-radius:8px;padding:7px 10px;font:700 var(--fs-13) var(--display);text-decoration:none;white-space:nowrap}

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */
@media (max-width:1000px){
  .mu-hero__inner,.mu-cathead,.mu-pp,.mu-ptabs,.mu-sel{grid-template-columns:1fr}
  .mu-cathead__ph{height:220px}
  .mu-univers{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mu-usages{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mu-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mu-focus{grid-template-columns:1fr}
  .mu-focus__big{grid-row:auto}
  .mu-mega__inner{grid-template-columns:1fr 1fr}
  .mu-mega__pick{display:none}
  .mu-listing{grid-template-columns:1fr}
  .mu-filters{position:static;display:none;grid-template-columns:repeat(2,minmax(0,1fr))}
  .mu-filters.is-open{display:grid}
  .mu-fbtn{display:inline-flex}
  .mu-sel__form{padding:22px}
}
@media (max-width:900px){
  .mu-bar{position:static}
  .mu-megabar{position:sticky;top:var(--header-h);z-index:54;background:#fff;height:48px;margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter);width:auto;border-bottom:1px solid var(--line);box-shadow:0 8px 16px -14px rgba(32,51,74,.3)}
  .mu-megabar a{min-height:48px;padding:0 12px;font-size:var(--fs-13)}
  .mu-filters{position:static}
  .mu-body [id]{scroll-margin-top:calc(var(--header-h) + 48px + 12px)}
  .mu-mega{display:none!important}
}
@media (max-width:640px){
  .mu-vtable-wrap{border:0;background:transparent;overflow:visible}
  .mu-vtable{min-width:0;display:block}
  .mu-vtable thead{display:none}
  .mu-vtable tbody,.mu-vtable tr{display:block}
  .mu-vtable tr{border:1px solid var(--line);border-radius:12px;background:#fff;padding:6px 12px;margin-bottom:8px}
  .mu-vtable tr.is-on{border-color:var(--green-light);background:var(--chip-bg)}
  .mu-vtable tr.is-on td:first-child{box-shadow:none}
  .mu-vtable td{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px dashed var(--line);text-align:right}
  .mu-vtable td:last-child{border-bottom:0}
  .mu-vtable td::before{content:attr(data-th);font:600 var(--fs-11) var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);text-align:left;flex:none}
  .mu-gal__th button{width:64px;height:64px}
  .mu-usages,.mu-cols,.mu-steps,.mu-reassure{grid-template-columns:1fr}
  .mu-univers{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mu-bar__row{flex-wrap:wrap;height:auto;padding:10px 0;gap:10px}
  .mu-search{order:3;flex-basis:100%;max-width:none}
  .mu-cart{margin-left:auto}
  .mu-mosaic{grid-template-rows:150px 150px}
  .mu-focus__sm{grid-template-columns:1fr}
  .mu-f2{grid-template-columns:1fr}
  .mu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .mu-add{font-size:var(--fs-12);padding:9px 6px}
  .mu-card__body{padding:10px}
  .mu-line{grid-template-columns:56px 1fr;grid-template-rows:auto auto}
  .mu-line__q{grid-column:2}
  .mu-sel__form{padding:18px}
}
@media (prefers-reduced-motion:reduce){
  .mu-cart.is-bump .mu-cart__n{animation:none}
  .mu-use img{transition:none}
}