/* =====================================================================
   COMPTOIRS ÉLEC — maquette « Comptoirs » (comptoir technique, éditorial brut)
   Archivo Black + Archivo + JetBrains Mono · crème #F2EBDD · noir #121212 · rouge #D7301F · jaune #F6C343
   ===================================================================== */
:root{
  --bg:#F2EBDD;--surface:#FBF7EF;--card:#FBF7EF;--card2:#F2EBDD;
  --accent:#D7301F;--accent-2:#E8503F;--accent-dim:rgba(215,48,31,.10);
  --brand:#D7301F;--brand-d:#B32414;--accent-d:#B32414;
  --yel:#F6C343;
  --text:#121212;--ink:#121212;--dark:#121212;--dark-2:#2A2A2A;
  --muted:#77706A;--soft:#5A534C;--line:#121212;--line2:#BDB4A6;
  --r:0;--r-sm:0;--sh:none;--sh-h:none;
  --font-h:'Archivo Black',Arial,sans-serif;--font-b:'Archivo',Arial,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,Menlo,monospace;
  --gut:32px;--wrap:1440px;
}
body{background:var(--bg);color:var(--text);font-size:15px}
.ce-mono{font-family:var(--mono)}
.wrap{max-width:1280px;padding:0 var(--gut)}
.page-main h1,.prose h1{font-family:var(--font-h);font-weight:400;text-transform:uppercase;letter-spacing:-.02em;line-height:.95}
.page-main h2,.prose h2{font-family:var(--font-h);font-weight:400;text-transform:uppercase;letter-spacing:-.01em}
.ph-legal{background:var(--yel);color:#121212;padding:0 3px}
.prose a{color:var(--accent);text-decoration:underline}

/* ---- barre haute + en-tête ---- */
.ce-top{background:#121212;color:#F2EBDD;font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.ce-top-in{display:flex;gap:40px;padding:8px var(--gut);flex-wrap:wrap}
.ce-top-r{margin-left:auto}.ce-top a{color:#F2EBDD}.ce-top a:hover{color:var(--yel)}
.ce-head{background:var(--bg);position:sticky;top:0;z-index:50}
.ce-head-in{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;padding:16px var(--gut);border-bottom:2px solid #121212}
.ce-logo{display:flex}.ce-logo img{height:42px;width:auto}
.ce-search{display:flex;border:2px solid #121212;background:#fff;min-width:0}
.ce-search input{flex:1;border:0;padding:12px 16px;font:inherit;font-size:15px;background:transparent;min-width:0;color:#121212}
.ce-search input:focus{outline:none}
.ce-search button{border:0;background:#121212;color:#fff;font-weight:700;text-transform:uppercase;font-size:13px;padding:0 22px;font-family:var(--font-b)}
.ce-acts{display:flex;gap:10px;font-weight:600;font-size:13px;text-transform:uppercase}
.ce-acc,.ce-burger{border:2px solid #121212;padding:10px 14px;background:transparent;font-weight:600;font-size:13px;text-transform:uppercase;color:#121212}
.ce-acc:hover,.ce-burger:hover{background:#121212;color:var(--bg)}
.ce-burger{display:none}
.ce-cart{background:var(--accent);color:#fff;border:2px solid #121212;padding:10px 14px;white-space:nowrap}
.ce-cart:hover{background:var(--brand-d)}
.ce-nav{display:flex;border-bottom:2px solid #121212;font-weight:700;font-size:13px;text-transform:uppercase;background:var(--bg)}
.ce-nav>a,.ce-drop-btn{display:block;padding:13px 22px;border-right:2px solid #121212;white-space:nowrap}
.ce-nav>a:hover,.ce-drop:hover .ce-drop-btn{background:var(--yel)}
.ce-nav-fill{flex:1}
.ce-drop{position:relative}
.ce-drop-menu{position:absolute;left:-2px;top:100%;background:var(--surface);border:2px solid #121212;min-width:280px;display:none;flex-direction:column;z-index:60}
.ce-drop-menu a{padding:11px 16px;border-bottom:2px solid #121212}
.ce-drop-menu a:last-child{border-bottom:0}
.ce-drop-menu a:hover{background:var(--yel)}
.ce-drop-all{background:#121212;color:var(--bg)}
.ce-drop-all:hover{color:#121212}
.ce-drop:hover .ce-drop-menu,.ce-drop:focus-within .ce-drop-menu{display:flex}

/* ---- boutons ---- */
.ce-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 26px;font-weight:700;text-transform:uppercase;font-size:14px;border:2px solid #121212;font-family:var(--font-b);cursor:pointer;line-height:1.1}
.ce-btn-k{background:#121212;color:#fff}
.ce-btn-k:hover{background:var(--accent)}
.ce-btn-o{background:transparent;color:#121212}
.ce-btn-o:hover{background:#121212;color:#fff}
.ce-btn-r{background:var(--accent);color:#fff}
.ce-btn-r:hover{background:var(--brand-d)}
.ce-btn[disabled]{opacity:.4;cursor:not-allowed}

/* ---- accueil ---- */
.ce-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);border-bottom:2px solid #121212}
.ce-hero-l{padding:48px 40px;border-right:2px solid #121212;display:flex;flex-direction:column;justify-content:space-between;gap:32px}
.ce-eye{font-size:13px;text-transform:uppercase}
.ce-hero h1{font-family:var(--font-h);font-weight:400;font-size:clamp(56px,6.6vw,96px);line-height:.88;letter-spacing:-.03em;text-transform:uppercase}
.ce-hero h1 span{color:var(--accent)}
.ce-hero-cta{display:flex;gap:12px;flex-wrap:wrap}
.ce-hero-r{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;padding:48px 56px 110px;background:var(--surface);overflow:hidden}
.ce-hero-r img{max-width:100%;max-height:380px;object-fit:contain;mix-blend-mode:multiply}
.ce-hero-cap{position:absolute;left:0;bottom:0;right:0;border-top:2px solid #121212;background:var(--bg);display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 22px}
.ce-hero-cap b{font-weight:600;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%}
.ce-hero-cap em{font-style:normal;font-family:var(--mono);font-weight:700;font-size:22px}
.ce-hero-r:hover .ce-hero-cap{background:var(--yel)}
.ce-sticker{position:absolute;right:28px;top:28px;width:170px;height:170px;border-radius:50%;background:var(--yel);border:2px solid #121212;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-8deg);text-align:center;padding:0 16px}
.ce-sticker small{font-family:var(--mono);font-size:11.5px;text-transform:uppercase;line-height:1.2}
.ce-sticker b{font-family:var(--font-h);font-weight:400;font-size:38px;line-height:1.05}
.ce-band{background:#121212;color:#F2EBDD}
.ce-band-in{display:grid;grid-template-columns:.9fr 2.6fr;gap:40px;padding:40px;align-items:center}
.ce-band h2{font-family:var(--font-h);font-weight:400;font-size:32px;line-height:1;text-transform:uppercase}
.ce-band-g{display:grid;grid-template-columns:repeat(3,1fr) 170px;border:2px solid #F2EBDD}
.ce-band-g>div{padding:16px 18px;border-right:2px solid #F2EBDD;display:flex;flex-direction:column;gap:6px}
.ce-band-g span{font-size:11px;color:#BDB4A6}
.ce-band-g b{font-size:15px;font-weight:700;line-height:1.2}
.ce-band-g p{font-size:13px;line-height:1.45;color:#D9D1C2}
.ce-band-go{background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;font-weight:700;text-transform:uppercase;font-size:14px}
.ce-band-go:hover{background:var(--brand-d)}
.ce-cats{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));border-bottom:2px solid #121212}
.ce-cat{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 24px;border-right:2px solid #121212;min-height:165px}
.ce-cat:last-child{border-right:0}
.ce-cat:hover{background:var(--yel)}
.ce-cat-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.ce-cat-t .ce-mono{font-size:12px;margin-bottom:22px}
.ce-cat-t b{font-family:var(--font-h);font-weight:400;font-size:22px;text-transform:uppercase;line-height:1.05}
.ce-cat-t small{font-size:13px}
.ce-cat-i{width:96px;height:118px;flex:none;border:2px dashed #BDB4A6;background:var(--surface);display:flex;align-items:center;justify-content:center;padding:8px}
.ce-cat-i img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply}
.ce-sec{padding:40px var(--gut) 8px;max-width:1440px;margin:0 auto}
.ce-sec-h{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:18px}
.ce-sec h2,.ce-sec-h h2{font-family:var(--font-h);font-weight:400;font-size:clamp(30px,3.4vw,44px);text-transform:uppercase;letter-spacing:-.01em;line-height:1}
.ce-sec-h a{font-size:13px;text-decoration:underline;white-space:nowrap}

/* ---- carte ---- */
.ce-grid{display:grid;border-top:2px solid #121212;border-left:2px solid #121212}
.ce-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ce-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cc{border-right:2px solid #121212;border-bottom:2px solid #121212;background:var(--surface);display:flex;flex-direction:column;min-width:0}
.cc-img{position:relative;height:280px;border-bottom:2px solid #121212;background:#F7F2E7;display:flex;align-items:center;justify-content:center;padding:28px}
.cc-img img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply}
.cc-off{position:absolute;top:0;left:0;background:var(--accent);color:#fff;font-family:var(--mono);font-weight:700;font-size:13px;padding:6px 10px;z-index:1}
.cc-out{background:#121212}
.ce-sq{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border:2px solid #121212;font-family:var(--font-h);font-size:15px}
.cc-en{position:absolute;top:10px;right:10px;z-index:1}
.cc-b{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px;flex:1}
.cc-brand{font-weight:700;text-transform:uppercase;font-size:13px}
.cc-n{font-size:15.5px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
.cc-n:hover{text-decoration:underline}
.cc-sub{font-family:var(--mono);font-size:12px;border-top:1px dashed #121212;padding-top:10px;margin-top:8px;min-height:1.6em}
.cc-p{margin-top:auto;padding-top:8px}
.cc-price{font-family:var(--mono);font-weight:700;font-size:26px;letter-spacing:-.02em}
.cc-price s{font-size:12px;font-weight:400;color:var(--muted)}
.cc-add{display:flex;align-items:center;gap:8px;border:0;background:none;padding:6px 0 0;font-weight:700;font-size:12.5px;text-transform:uppercase;color:#121212;font-family:var(--font-b)}
.cc-add i{width:18px;height:18px;border:2px solid #121212;background:var(--accent);flex:none}
.cc-add:hover{color:var(--accent)}

/* ---- promesses + pied ---- */
.ce-promise{padding:48px var(--gut) 48px}
.ce-promise-in{display:grid;grid-template-columns:repeat(3,1fr);border:2px solid #121212;max-width:1376px;margin:0 auto}
.ce-promise-in>div{padding:22px 24px;border-right:2px solid #121212}
.ce-promise-in>div:last-child{border-right:0}
.ce-promise b{display:block;font-family:var(--font-h);font-weight:400;font-size:20px;text-transform:uppercase;margin-bottom:8px}
.ce-promise p{font-size:14px;line-height:1.5}
.ce-foot{border-top:2px solid #121212;font-size:14px}
.ce-foot-in{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;padding:40px var(--gut) 0}
.ce-foot-id img{height:64px;width:auto;margin-bottom:14px}
.ce-foot p{line-height:1.55;margin-bottom:12px;max-width:380px}
.ce-foot .ce-mono{font-size:12.5px}
.ce-foot p a{text-decoration:underline}
.ce-foot h4{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}
.ce-foot-in>div>a{display:block;padding:3px 0;font-weight:500}
.ce-foot-in>div>a:hover{color:var(--accent)}
.ce-foot-map{border:2px solid #121212;max-width:380px}
.ce-foot-map .maplink{display:block;padding:8px 10px;font-family:var(--mono);font-size:11.5px;border-top:2px solid #121212}
.ce-foot-map .map-empty{border:0;background:var(--surface)}
.ce-pay{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.ce-foot-bot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:2px solid #121212;margin-top:36px;padding:16px var(--gut) 22px;font-family:var(--mono);font-size:12px;text-transform:uppercase}

/* ---- catalogue ---- */
.page-main:has(.ce-fbar),.page-main:has(.ce-pdp){max-width:none;padding:0}
.ce-ph{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:28px var(--gut) 20px;border-bottom:2px solid #121212}
.ce-crumb{font-size:12px;text-transform:uppercase}
.ce-crumb a:hover{color:var(--accent)}
.ce-ph h1{font-family:var(--font-h);font-weight:400;font-size:clamp(40px,5vw,64px);line-height:.95;text-transform:uppercase;margin-top:8px;letter-spacing:-.02em}
.ce-ph h1 small{font-family:var(--mono);font-size:20px;letter-spacing:0;vertical-align:middle}
.ce-view{display:flex;border:2px solid #121212;font-weight:700;font-size:13px;text-transform:uppercase;flex:none}
.ce-view a{padding:10px 16px}
.ce-view a+a{border-left:2px solid #121212}
.ce-view a.on{background:#121212;color:var(--bg)}
.ce-fbtn{display:none}
.ce-fbar{display:flex;flex-wrap:wrap;border-bottom:2px solid #121212;background:var(--surface);padding:0;border-right:0}
.ce-fc{padding:14px 20px;border-right:2px solid #121212;min-width:0}
.ce-fl{font-family:var(--mono);font-size:11px;text-transform:uppercase;margin-bottom:8px}
.ce-boxes{display:flex;flex-wrap:wrap;gap:4px}
.ce-boxes a{padding:5px 9px;border:2px solid #121212;font-family:var(--mono);font-size:12.5px;font-weight:700;background:#fff;line-height:1.2}
.ce-boxes a.on{background:#121212;color:var(--bg)}
.ce-boxes a:not(.on):hover{background:var(--yel)}
.ce-boxes-en{gap:0}
.ce-boxes-en a{border:0;min-width:26px;text-align:center;font-family:var(--font-h);font-weight:400}
.ce-boxes-en a.on{outline:2px solid #121212;outline-offset:-2px;box-shadow:inset 0 0 0 3px #fff}
.ce-fmp{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.ce-dd{position:relative}
.ce-dd summary{list-style:none;cursor:pointer;border:2px solid #121212;padding:4px 10px;font-weight:700;font-size:13px;white-space:nowrap;background:#fff}
.ce-dd summary::-webkit-details-marker{display:none}
.ce-dd>div{position:absolute;top:calc(100% + 4px);left:0;background:var(--surface);border:2px solid #121212;min-width:220px;max-height:320px;overflow:auto;display:flex;flex-direction:column;z-index:30}
.ce-dd>div a{padding:8px 12px;border-bottom:1px solid var(--line2);display:flex;justify-content:space-between;gap:10px}
.ce-dd>div a small{font-family:var(--mono);color:var(--muted)}
.ce-dd>div a:hover{background:var(--yel)}
.ce-dd>div a.on{background:#121212;color:var(--bg)}
.ce-pf{display:flex;gap:4px}
.ce-pf input{width:78px;border:2px solid #121212;padding:4px 8px;font-family:var(--mono);font-size:12.5px;background:#fff;min-width:0}
.ce-pf button{border:2px solid #121212;background:#121212;color:#fff;font-weight:700;font-size:12px;padding:0 10px}
.ce-res{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px var(--gut);flex-wrap:wrap}
.ce-chips{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px}
.ce-chips a{background:#121212;color:var(--bg);padding:3px 8px}
.ce-chips a:hover{background:var(--accent)}
.ce-chips .ce-clear{background:none;color:#121212;text-decoration:underline}
.ce-sort{font-size:12px;text-transform:uppercase}
.ce-sort summary{border:0;background:none;padding:0;font-size:12px;font-weight:600}
.ce-sort>div{left:auto;right:0;text-transform:none;font-family:var(--font-b);font-size:14px}
.ce-list-w{padding:0 var(--gut) 8px}
.ce-list{border:2px solid #121212;background:var(--surface)}
.ce-lr{display:grid;grid-template-columns:120px minmax(0,1fr) repeat(3,minmax(90px,140px)) 170px;align-items:center;border-bottom:2px solid #121212}
.ce-lr:last-child{border-bottom:0}
.ce-lh{background:#121212;color:var(--bg);font-size:11px;text-transform:uppercase}
.ce-lh>span{padding:9px 14px}
.ce-lh .r{text-align:right}
.ce-lr-i{position:relative;height:120px;border-right:2px solid #121212;background:#F7F2E7;display:flex;align-items:center;justify-content:center;padding:12px}
.ce-lr-i img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply}
.ce-lr-i .cc-off{font-size:11px;padding:3px 6px}
.ce-lr-n{padding:12px 18px;display:flex;flex-direction:column;gap:1px;min-width:0}
.ce-lr-n b{font-weight:700;text-transform:uppercase;font-size:13px}
.ce-lr-n span{font-size:16px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ce-lr-n small{font-size:13px;color:var(--soft)}
.ce-lr-n:hover span{text-decoration:underline}
.ce-lr-c{padding:12px 14px;font-family:var(--mono);font-size:13.5px;overflow-wrap:anywhere}
.ce-lr-p{padding:12px 18px;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.ce-lr-p b{font-family:var(--mono);font-weight:700;font-size:22px;white-space:nowrap}
.ce-lr-p s{font-family:var(--mono);font-size:12px;color:var(--muted)}
.ce-lr-add{margin-top:6px;border:2px solid #121212;background:var(--accent);color:#fff;font-weight:700;font-size:12px;text-transform:uppercase;padding:5px 10px;font-family:var(--font-b)}
.ce-lr-add:hover{background:#121212}
.ce-lr:not(.ce-lh):hover{background:#F7E7C4}
.ce-empty{border:2px solid #121212;padding:48px 24px;text-align:center;background:var(--surface)}
.ce-empty h3{font-family:var(--font-h);font-weight:400;text-transform:uppercase;font-size:28px;margin-bottom:8px}
.ce-empty p{margin-bottom:18px}
.ce-pag{display:flex;gap:6px;justify-content:center;padding:28px 0 8px}
.ce-pag a,.ce-pag span{border:2px solid #121212;min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;background:var(--surface)}
.ce-pag .on{background:#121212;color:var(--bg)}.ce-pag .gap{border:0;background:none}
.ce-pag a:hover{background:var(--yel)}

/* ---- fiche produit ---- */
.ce-pcrumb{padding:14px var(--gut);border-bottom:2px solid #121212}
.ce-pdp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-bottom:2px solid #121212}
.ce-gal{border-right:2px solid #121212;display:flex;flex-direction:column}
.ce-gal .ce-gal-main{position:relative;flex:1;min-height:600px;height:auto;aspect-ratio:auto;background:var(--surface);display:flex;align-items:center;justify-content:center;padding:56px;overflow:hidden}
.ce-gal .ce-gal-main img{width:100%;height:100%!important;max-height:520px;object-fit:contain;mix-blend-mode:multiply}
.ce-gal-off{font-size:16px!important;padding:8px 12px!important}
.ce-thumbs{display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid #121212;background:none;margin:0;gap:0}
.ce-thumbs button{height:110px;border:0;border-right:2px solid #121212;background:var(--surface);padding:10px}
.ce-thumbs button:last-child{border-right:0}
.ce-thumbs button img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.ce-thumbs button.on{background:var(--yel);outline:0}
.ce-pi{padding:36px 36px 40px;display:flex;flex-direction:column;gap:18px;min-width:0}
.ce-ref{font-size:12px;text-transform:uppercase}
.ce-pi h1{font-family:var(--font-h);font-weight:400;font-size:clamp(30px,3.4vw,46px);line-height:.98;text-transform:uppercase;letter-spacing:-.02em;overflow-wrap:anywhere}
.ce-pbox{display:grid;grid-template-columns:1fr 104px;border:2px solid #121212;background:var(--surface)}
.ce-pbox-1{grid-template-columns:1fr}
.ce-pbox-p{padding:16px 20px;display:flex;flex-direction:column;gap:6px}
.ce-pbox-p>div{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.ce-pbox-p b{font-family:var(--mono);font-weight:700;font-size:44px;letter-spacing:-.03em;line-height:1}
.ce-pbox-p s{font-family:var(--mono);font-size:15px;color:var(--muted)}
.ce-pbox-p small{font-size:13px}
.ce-pbox-e{border-left:2px solid #121212;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center}
.ce-pbox-e b{font-family:var(--font-h);font-weight:400;font-size:40px;line-height:1}
.ce-pbox-e small{font-size:10.5px;text-transform:uppercase}
.ce-dims{border:2px solid #121212}
.ce-dims-h{background:#121212;color:var(--bg);font-size:12px;text-transform:uppercase;padding:9px 14px}
.ce-dims-g{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr))}
.ce-dims-g>div{padding:12px 14px;border-right:2px solid #121212;min-width:0}
.ce-dims-g>div:last-child{border-right:0}
.ce-dims-g span{display:block;font-size:10.5px;text-transform:uppercase;margin-bottom:4px}
.ce-dims-g b{font-family:var(--mono);font-weight:600;font-size:20px;overflow-wrap:anywhere;line-height:1.2}
.ce-buy{display:flex;gap:10px}
.ce-qty{display:flex;border:2px solid #121212;border-radius:0;background:#fff;overflow:visible}
.ce-qty button{width:42px;border:0;background:none;font-size:18px;font-weight:700;color:#121212}
.ce-qty input{width:44px;border:0;border-left:2px solid #121212;border-right:2px solid #121212;text-align:center;font-family:var(--mono);font-weight:700;font-size:16px;-moz-appearance:textfield;border-radius:0;padding:0}
.ce-qty input::-webkit-outer-spin-button,.ce-qty input::-webkit-inner-spin-button{-webkit-appearance:none}
.ce-buy .ce-btn{flex:1;padding:18px 24px;font-size:15px}
.ce-pcells{display:grid;grid-template-columns:1fr 1fr;border:2px solid #121212}
.ce-pcells>div{padding:12px 14px;display:flex;flex-direction:column;gap:2px;font-size:13.5px}
.ce-pcells>div+div{border-left:2px solid #121212}
.ce-pcells b{font-weight:700}
.ce-pi .ce-pay{margin-top:0}
.ce-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:32px;align-items:start;padding-top:40px}
.ce-bottom h2{font-size:28px!important;margin-bottom:16px}
.ce-spec{border:2px solid #121212;background:var(--surface)}
.ce-spec>div{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #121212}
.ce-spec>div:last-child{border-bottom:0}
.ce-spec span{padding:9px 14px;border-right:1px solid #121212;font-size:14px}
.ce-spec b{padding:9px 14px;font-size:13.5px;font-weight:600;overflow-wrap:anywhere}
.ce-cmp-s{overflow-x:auto;border:2px solid #121212}
.ce-cmp{width:100%;border-collapse:collapse;min-width:520px;font-size:14px;background:var(--surface)}
.ce-cmp th,.ce-cmp td{padding:10px 14px;border-bottom:1px solid #121212;border-right:1px solid #121212;text-align:left;vertical-align:top}
.ce-cmp tr:last-child td{border-bottom:0}
.ce-cmp th:last-child,.ce-cmp td:last-child{border-right:0}
.ce-cmp th{font-weight:700;font-size:13.5px}
.ce-cmp th a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ce-cmp th a:hover{text-decoration:underline}
.ce-cmp td.ce-mono,.ce-cmp th.ce-mono{font-size:11.5px;text-transform:uppercase;font-weight:400}
.ce-cmp .cur{background:var(--yel)}
.ce-descw h2{font-size:28px!important;margin-bottom:12px}
.ce-desc{max-width:900px;margin:0;padding:0 0 24px;font-size:15.5px;line-height:1.7}
.ce-desc p,.ce-desc li{color:#2E2A26}

/* communs */
.btn{border-radius:0;font-family:var(--font-b);text-transform:uppercase}
.btn-primary,.btn.btn-primary{background:var(--accent);border:2px solid #121212;color:#fff}
.btn-primary:hover{background:#121212}
.btn-ghost{border:2px solid #121212!important}
.summary,.tbl{border:2px solid #121212!important;border-radius:0!important}
.sticky-buy{border-top:2px solid #121212!important;background:var(--bg)!important}
.sticky-buy .p{font-family:var(--mono)!important;font-weight:700!important}
.drawer .panel{background:var(--bg);border-right:2px solid #121212}
.drawer .panel h3{font-family:var(--font-h);font-weight:400;text-transform:uppercase;font-size:22px}
.drawer .panel a{border-bottom:2px solid #121212;text-transform:uppercase;font-size:13px}

/* ---- responsive ---- */
@media (max-width:1200px){
  .ce-nav{font-size:12px}.ce-nav>a,.ce-drop-btn{padding:13px 16px}
  .ce-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ce-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ce-band-in{grid-template-columns:1fr;gap:20px}
  .ce-lr{grid-template-columns:110px minmax(0,1fr) repeat(3,minmax(70px,110px)) 150px}
  .ce-bottom{grid-template-columns:1fr}
}
@media (max-width:1024px){
  .ce-acc{display:none}
  .ce-cats{grid-template-columns:1fr 1fr}
  .ce-cat:nth-child(2n){border-right:0}
  .ce-cat:nth-child(-n+2){border-bottom:2px solid #121212}
  .ce-pdp{grid-template-columns:1fr}
  .ce-gal{border-right:0;border-bottom:2px solid #121212}
}
@media (max-width:880px){
  :root{--gut:16px}
  .ce-buy.buybox-desktop{display:none}
  .ce-top{font-size:11px}.ce-top-in{gap:12px;justify-content:center}.ce-top-mid,.ce-top-r{display:none}
  .ce-head-in{grid-template-columns:auto 1fr;gap:12px;padding-top:12px;padding-bottom:12px}
  .ce-logo img{height:34px}
  .ce-acts{justify-self:end;gap:8px}
  .ce-burger{display:block;padding:8px 12px}
  .ce-cart{padding:8px 12px}.ce-cart-l{display:none}
  .ce-search{grid-column:1/-1}
  .ce-search button{display:none}
  .ce-nav{display:none}
  .ce-hero{grid-template-columns:1fr}
  .ce-hero-l{border-right:0;padding:24px 16px;gap:20px}
  .ce-eye{font-size:11px}
  .ce-hero h1{font-size:48px}
  .ce-hero-cta .ce-btn{flex:1}.ce-hero-cta .ce-btn-o{display:none}
  .ce-hero-r{min-height:300px;border-top:2px solid #121212;padding:24px 24px 84px}
  .ce-hero-r img{max-height:200px}
  .ce-sticker{width:120px;height:120px;right:14px;top:14px}
  .ce-sticker b{font-size:26px}.ce-sticker small{font-size:10px}
  .ce-band-in{padding:24px 16px}
  .ce-band h2{font-size:26px}
  .ce-band-g{grid-template-columns:1fr}
  .ce-band-g>div{border-right:0;border-bottom:2px solid #F2EBDD}
  .ce-cat{padding:14px 16px;min-height:0;flex-direction:column;align-items:flex-start}
  .ce-cat-i{display:none}
  .ce-cat-t .ce-mono{margin-bottom:10px}
  .ce-cat-t b{font-size:17px}
  .ce-sec{padding-top:28px}
  .ce-sec h2,.ce-sec-h h2{font-size:28px}
  .ce-grid-4,.ce-grid-3{grid-template-columns:1fr}
  .cc{display:grid;grid-template-columns:118px minmax(0,1fr)}
  .cc-img{height:auto;min-height:150px;border-bottom:0;border-right:2px solid #121212;padding:10px}
  .cc-off{font-size:11px;padding:3px 6px}
  .cc-en{top:auto;bottom:6px;right:6px;width:26px;height:26px;font-size:13px}
  .cc-b{padding:10px 12px}
  .cc-n{font-size:14.5px;min-height:0}
  .cc-sub{font-size:11px;padding-top:6px;margin-top:4px}
  .cc-price{font-size:21px}
  .ce-promise{padding:28px 16px}
  .ce-promise-in{grid-template-columns:1fr}
  .ce-promise-in>div{border-right:0;border-bottom:2px solid #121212}
  .ce-promise-in>div:last-child{border-bottom:0}
  .ce-foot-in{grid-template-columns:1fr 1fr;gap:28px}
  .ce-foot-id{grid-column:1/-1}
  .ce-foot-id img{height:48px}
  .ce-ph{flex-direction:column;align-items:flex-start;padding-top:18px}
  .ce-ph h1{font-size:38px}
  .ce-ph h1 small{font-size:15px}
  .ce-fbtn{display:block;width:calc(100% - 32px);margin:14px 16px 0;border:2px solid #121212;background:var(--surface);padding:11px;font-weight:700;font-size:14px;text-transform:uppercase;color:#121212;font-family:var(--font-b)}
  .ce-fbar{display:none;margin:0 16px;border:2px solid #121212;border-top:0}
  .ce-fbar.side.open{display:flex;flex-direction:column}
  .ce-fc{border-right:0;border-bottom:2px solid #121212}
  .ce-fc:last-child{border-bottom:0}
  .ce-res{flex-direction:column;align-items:flex-start}
  .ce-list{border:0;background:none}
  .ce-lh{display:none}
  .ce-lr{grid-template-columns:110px minmax(0,1fr);grid-auto-rows:auto;border:2px solid #121212;margin-bottom:10px;background:var(--surface)}
  .ce-lr-i{grid-row:1/span 3;height:100%;min-height:130px}
  .ce-lr-n{padding:10px 12px 4px}
  .ce-lr-n span{font-size:14.5px}
  .ce-lr-c{display:none}
  .ce-lr-p{flex-direction:row;align-items:center;justify-content:space-between;text-align:left;padding:4px 12px 10px;gap:8px;flex-wrap:wrap}
  .ce-lr-p b{font-size:19px}
  .ce-lr-p form{margin-left:auto}
  .ce-lr-add{margin:0}
  .ce-gal .ce-gal-main{min-height:300px;padding:24px}
  .ce-gal .ce-gal-main img{max-height:280px}
  .ce-thumbs button{height:70px}
  .ce-pi{padding:20px 16px 28px}
  .ce-pi h1{font-size:30px}
  .ce-pbox-p b{font-size:36px}
  .ce-pbox{grid-template-columns:1fr 80px}
  .ce-pbox-e b{font-size:32px}
  .ce-dims-g b{font-size:16px}
  .ce-pcells{grid-template-columns:1fr}
  .ce-pcells>div+div{border-left:0;border-top:2px solid #121212}
  .ce-spec>div{grid-template-columns:1fr 1fr}
}
@media (max-width:420px){.ce-foot-in{grid-template-columns:1fr}}
/* correctifs */
.ce-fbar{border-bottom:0}
.ce-fc{flex:1 1 auto;border-bottom:2px solid #121212}
.ce-spec>div{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media (max-width:880px){
  .ce-acts{grid-row:1;grid-column:2}
  .ce-search{grid-row:2}
  .ce-fc:last-child{border-bottom:0}
}
.ce-cat-t b{overflow-wrap:normal;word-break:normal;hyphens:auto;font-size:clamp(14px,1.25vw,19px)}
.ce-bottom>div{min-width:0}