/* =====================================================================
   COQUELLES DESIGN — maquette « Boutiques Lave-vaisselle » (B, éditorial)
   Instrument Serif + Manrope · lin #F2F0EC · encre #2B2620 · vert #2F4A3A
   ===================================================================== */
:root{
  --bg:#F2F0EC;--surface:#FAF6EF;--card:#FAF6EF;--card2:#E8E0D3;
  --accent:#2F4A3A;--accent-2:#3E5E4B;--accent-dim:rgba(47,74,58,.10);
  --brand:#2F4A3A;--brand-d:#233829;--accent-d:#233829;
  --text:#2B2620;--ink:#2B2620;--dark:#2B2620;--dark-2:#3A332B;
  --muted:#6B5F52;--soft:#4A4239;--line:#DCD2C3;--tile:#E8E0D3;--sage:#C9D6CC;
  --r:4px;--r-sm:4px;--sh:none;--sh-h:0 18px 40px rgba(43,38,32,.10);
  --font-h:'Manrope',Arial,sans-serif;--font-b:'Manrope',Arial,sans-serif;
  --serif:'Instrument Serif',Georgia,serif;
  --wrap:1280px;
}
body{background:var(--bg);color:var(--text);font-size:15.5px}
.cq-wrap,.wrap{max-width:1280px;margin:0 auto;padding:0 56px}
.page-main h1,.prose h1{font-family:var(--serif);font-weight:400;letter-spacing:-.01em;font-size:clamp(36px,4.4vw,58px);line-height:1}
.page-main h2,.prose h2{font-family:var(--serif);font-weight:400;font-size:30px;letter-spacing:0}
.ph-legal{background:var(--accent-dim);color:var(--accent);padding:0 3px}
.prose a{color:var(--accent);text-decoration:underline}
.cq-eye{font:600 11.5px var(--font-b);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.cq-center{text-align:center}

/* ---- barre haute + en-tête ---- */
.cq-top{background:var(--accent);color:#F2F0EC;font-size:12.5px;letter-spacing:.02em}
.cq-top-in{display:flex;justify-content:space-between;gap:20px;padding-top:8px;padding-bottom:8px;flex-wrap:wrap}
.cq-top-mid{color:var(--sage)}
.cq-top-r{display:flex;gap:20px}.cq-top a{color:#F2F0EC}.cq-top a:hover{text-decoration:underline}
.cq-head{background:var(--bg);position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line)}
.cq-head-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-top:20px;padding-bottom:12px}
.cq-head-l{display:flex;align-items:center;gap:18px}
.cq-burger{display:none;background:none;border:0;font:500 13px var(--font-b);letter-spacing:.04em;padding:0;color:var(--text)}
.cq-search{display:flex;align-items:center;border-bottom:1px solid var(--text);width:220px;max-width:100%}
.cq-search input{flex:1;border:0;background:transparent;padding:6px 0;font:500 13px var(--font-b);letter-spacing:.03em;color:var(--text);min-width:0}
.cq-search input:focus{outline:none}
.cq-search input::placeholder{color:var(--text)}
.cq-search button{border:0;background:none;padding:0 2px;color:var(--text);display:flex}
.cq-logo{display:flex;justify-self:center}.cq-logo img{height:42px;width:auto}
.cq-head-r{display:flex;gap:28px;justify-content:flex-end;font:500 13px var(--font-b)}
.cq-head-r a:hover{text-decoration:underline}
.cq-nav-in{display:flex;justify-content:center;gap:34px;padding-top:6px;padding-bottom:16px;font:500 13px var(--font-b);letter-spacing:.04em}
.cq-nav-in>a,.cq-drop-btn{padding-bottom:3px;border-bottom:1px solid transparent}
.cq-nav-in>a:hover,.cq-drop-btn:hover{border-bottom-color:var(--text)}
.cq-drop{position:relative}
.cq-drop-btn small{font-size:9px;color:var(--muted)}
.cq-drop-menu{position:absolute;left:50%;transform:translateX(-50%);top:calc(100% + 14px);background:var(--surface);border-radius:4px;box-shadow:0 20px 50px rgba(43,38,32,.14);min-width:260px;display:none;flex-direction:column;padding:12px;z-index:60;text-align:center}
.cq-drop-menu a{padding:9px 12px;font-family:var(--serif);font-size:20px;letter-spacing:0}
.cq-drop-menu a:hover{font-style:italic}
.cq-drop-all{font-family:var(--font-b)!important;font-size:12px!important;letter-spacing:.14em!important;text-transform:uppercase;border-top:1px solid var(--line);margin-top:6px;padding-top:12px!important}
.cq-drop:hover .cq-drop-menu,.cq-drop:focus-within .cq-drop-menu{display:flex}
.cq-drop::after{content:"";position:absolute;left:0;right:0;top:100%;height:16px}

/* ---- boutons ---- */
.cq-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:16px 30px;font:600 14px var(--font-b);border:1px solid transparent;cursor:pointer;line-height:1.1}
.cq-btn-g{background:var(--accent);color:#F2F0EC}
.cq-btn-g:hover{background:var(--brand-d)}
.cq-btn-l{border-color:var(--text);color:var(--text)}
.cq-btn-l:hover{background:var(--text);color:var(--bg)}
.cq-btn-w{width:100%}
.cq-btn[disabled]{opacity:.45;cursor:not-allowed}

/* ---- accueil ---- */
.cq-hero-w{padding:0 24px}
.cq-hero{position:relative;max-width:1392px;margin:0 auto;min-height:640px;background:repeating-linear-gradient(135deg,#E2D9CB 0 14px,#E6DECF 14px 28px);border-radius:4px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.cq-hero-t{align-self:end;padding:56px;display:flex;flex-direction:column;gap:22px;max-width:640px;position:relative;z-index:1}
.cq-hero-t .cq-eye{color:var(--text)}
.cq-hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(56px,6.6vw,96px);line-height:.95;letter-spacing:-.01em}
.cq-hero-t p{font-size:18px;line-height:1.6;color:#3A332B;max-width:460px}
.cq-hero-cta{display:flex;gap:14px;flex-wrap:wrap}
.cq-hero-p{position:relative;display:flex;align-items:center;justify-content:center;padding:64px 56px 96px}
.cq-hero-p img{max-width:100%;max-height:460px;object-fit:contain;mix-blend-mode:multiply}
.cq-hero-cap{position:absolute;right:28px;bottom:28px;left:28px;text-align:right;font:500 11.5px var(--font-b);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.cq-hero-p:hover .cq-hero-cap{color:var(--text)}
.cq-trust{display:flex;justify-content:center;gap:28px 48px;flex-wrap:wrap;padding:28px 56px;font:500 13px var(--font-b);color:var(--soft);border-bottom:1px solid var(--line)}
.cq-trust i{font-style:normal}
.cq-sec{padding-top:88px;padding-bottom:16px}
.cq-sec-h{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:44px}
.cq-sec h2,.cq-sec-h h2,.cq-rel h2{font-family:var(--serif);font-weight:400;font-size:clamp(40px,4.6vw,58px);line-height:1}
.cq-sec h2.cq-center{margin-bottom:40px}
.cq-sec-h a{font:500 14px var(--font-b);border-bottom:1px solid var(--text);padding-bottom:3px;white-space:nowrap}
.cq-feat{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px;align-items:end}
.cq-feat-c{display:flex;flex-direction:column;gap:16px;min-width:0}
.cq-feat-i{position:relative;background:var(--tile);border-radius:4px;display:flex;align-items:center;justify-content:center;padding:40px;overflow:hidden}
.cq-feat-i img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .5s}
.cq-feat-c:hover .cq-feat-i img{transform:scale(1.04)}
.cq-green{background:var(--accent);color:#F2F0EC;margin-top:72px}
.cq-green-in{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;padding-top:88px;padding-bottom:88px}
.cq-green-i{height:460px;background:#F2F0EC;border-radius:4px;display:flex;align-items:center;justify-content:center;padding:48px;overflow:hidden}
.cq-green-i img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply}
.cq-green-t{display:flex;flex-direction:column;gap:26px}
.cq-green-t .cq-eye{color:var(--sage)}
.cq-quote{font-family:var(--serif);font-size:clamp(30px,3.2vw,42px);line-height:1.15}
.cq-green-g{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:26px;border-top:1px solid #6B4A33}
.cq-green-g b{display:block;font-family:var(--serif);font-weight:400;font-size:22px;line-height:1.1;margin-bottom:8px}
.cq-green-g p{font-size:13px;line-height:1.55;color:var(--sage)}
.cq-univ{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:28px}
.cq-univ-c{position:relative;height:380px;background:var(--tile);border-radius:4px;display:flex;align-items:flex-start;justify-content:center;padding:40px 40px 130px;overflow:hidden}
.cq-univ-c img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .5s}
.cq-univ-c:hover img{transform:scale(1.04)}
.cq-univ-cap{position:absolute;left:24px;right:24px;bottom:24px;background:#F2F0EC;padding:20px 22px;border-radius:4px;display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
.cq-univ-cap b{display:block;font-family:var(--serif);font-weight:400;font-size:28px;line-height:1.05}
.cq-univ-cap small{font-size:13px;color:var(--muted)}
.cq-univ-cap i{font-style:normal;font-size:20px}

/* ---- carte ---- */
.cq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 28px;padding-bottom:24px}
.cq-grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.cqc{display:flex;flex-direction:column;gap:12px;min-width:0}
.cqc-img{position:relative;height:420px;background:var(--tile);border-radius:4px;display:flex;align-items:center;justify-content:center;padding:44px;overflow:hidden}
.cq-grid-4 .cqc-img{height:260px;padding:28px}
.cqc-img img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .5s}
.cqc:hover .cqc-img img{transform:scale(1.04)}
.cqc-tag{position:absolute;top:14px;left:14px;background:#F2F0EC;padding:6px 12px;border-radius:999px;font:600 11px var(--font-b);letter-spacing:.06em;z-index:1}
.cqc-tag.off{background:var(--accent);color:#F2F0EC}
.cqc-h{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.cqc-h>span:first-child,.cqc-h>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.cqc-brand{font:600 11px var(--font-b);letter-spacing:.14em;color:var(--muted)}
.cqc-n{font-family:var(--serif);font-weight:400;font-size:25px;line-height:1.1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cqc-n:hover{font-style:italic}
.cqc-price{font:500 16px var(--font-b);white-space:nowrap;display:flex;flex-direction:column;align-items:flex-end}
.cqc-price s{font-size:12px;color:var(--muted)}
.cqc-sub{font-size:13.5px;color:var(--muted);margin-top:-4px}
.cqc-add{align-self:flex-start;background:none;border:0;border-bottom:1px solid var(--text);padding:0 0 2px;font:500 13px var(--font-b);color:var(--text)}
.cqc-add:hover{color:var(--accent);border-color:var(--accent)}

/* ---- pied ---- */
.cq-foot{border-top:1px solid var(--line);margin-top:88px;padding-top:56px;font-size:13.5px}
.cq-foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
.cq-foot-id img{height:40px;width:auto;margin-bottom:14px}
.cq-foot p{line-height:1.6;margin-bottom:12px;color:var(--soft);max-width:320px}
.cq-small{font-size:12.5px}
.cq-foot p a{text-decoration:underline}
.cq-foot h4{font:600 13px var(--font-b);margin-bottom:10px}
.cq-foot-grid>div>a{display:block;padding:3px 0;color:var(--soft)}
.cq-foot-grid>div>a:hover{color:var(--text);text-decoration:underline}
.cq-foot-map{max-width:320px;border-radius:4px;overflow:hidden}
.cq-foot-map .maplink{display:block;padding:8px 10px;font-size:12px;background:var(--surface)}
.cq-foot-map .map-empty{background:var(--surface);border:0}
.cq-pay{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.cq-foot-bot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:48px;padding:20px 0 28px;font-size:12px;color:var(--muted)}

/* ---- catalogue ---- */
.page-main:has(.cq-fbar),.page-main:has(.cq-pdp){max-width:none;padding:0}
.cq-ph{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;padding-top:72px;padding-bottom:36px}
.cq-ph h1{font-family:var(--serif);font-weight:400;font-size:clamp(48px,6vw,80px);line-height:1;margin-top:16px;letter-spacing:-.01em}
.cq-ph p{font-size:16px;line-height:1.65;color:var(--soft);max-width:460px;padding-bottom:10px}
.cq-fbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-bottom:36px}
.cq-pills{display:flex;gap:10px;flex-wrap:wrap}
.cq-pills a{padding:10px 18px;border:1px solid var(--text);border-radius:999px;font:500 13.5px var(--font-b)}
.cq-pills a.on{background:var(--text);color:var(--bg)}
.cq-pills a:not(.on):hover{background:var(--surface)}
.cq-fr{display:flex;gap:22px;align-items:center;font:500 13px var(--font-b)}
.cq-fbtn{background:none;border:0;font:500 13px var(--font-b);color:var(--text);padding:0}
.cq-sort{position:relative}
.cq-sort summary{list-style:none;cursor:pointer}
.cq-sort summary::-webkit-details-marker{display:none}
.cq-sort>div{position:absolute;right:0;top:calc(100% + 8px);background:var(--surface);border-radius:4px;box-shadow:0 18px 40px rgba(43,38,32,.12);padding:8px;min-width:200px;display:flex;flex-direction:column;z-index:20}
.cq-sort>div a{padding:8px 12px;border-radius:3px}
.cq-sort>div a:hover,.cq-sort>div a.on{background:var(--bg)}
.cq-side{display:none;background:var(--surface);border:0;border-radius:4px;padding:24px 28px;margin-bottom:40px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.cq-side.open{display:grid}
.cq-fg{display:flex;flex-direction:column;gap:10px}
.cq-fg>div{display:flex;flex-wrap:wrap;gap:6px}
.cq-fg>div a{padding:6px 12px;border:1px solid var(--line);border-radius:999px;font-size:13px;background:var(--bg)}
.cq-fg>div a.on{background:var(--text);color:var(--bg);border-color:var(--text)}
.cq-fg>div a:not(.on):hover{border-color:var(--text)}
.cq-pp input{width:90px;border:0;border-bottom:1px solid var(--text);background:transparent;padding:6px 0;font:500 13px var(--font-b);margin-right:10px}
.cq-pp button{border:0;background:var(--text);color:var(--bg);border-radius:999px;padding:7px 14px;font:600 12px var(--font-b)}
.cq-clear{align-self:end;font-size:13px;text-decoration:underline}
.cq-empty{padding:48px 0 72px;text-align:center}
.cq-empty h3{font-family:var(--serif);font-weight:400;font-size:40px;margin-bottom:10px}
.cq-empty p{color:var(--muted);margin-bottom:24px}
.cq-pag{display:flex;gap:8px;justify-content:center;padding:24px 0 8px}
.cq-pag a,.cq-pag span{min-width:42px;height:42px;border-radius:999px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;font:500 14px var(--font-b)}
.cq-pag .on{background:var(--text);color:var(--bg);border-color:var(--text)}.cq-pag .gap{border:0}
.cq-pag a:hover{border-color:var(--text)}

/* ---- fiche produit ---- */
.cq-pdp{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:56px;max-width:1328px;margin:0 auto;padding:24px 56px 72px 24px}
.cq-gal{display:flex;flex-direction:column;gap:12px}
.cq-gal .cq-gal-main{position:relative;height:620px;aspect-ratio:auto;background:var(--tile);border-radius:4px;display:flex;align-items:center;justify-content:center;padding:64px;overflow:hidden}
.cq-gal .cq-gal-main img{width:100%;height:100%!important;object-fit:contain;mix-blend-mode:multiply}
.cq-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;background:none;margin:0}
.cq-thumbs button{height:150px;border-radius:4px;background:var(--tile);border:1px solid transparent;padding:14px}
.cq-thumbs button.on{border-color:var(--text);outline:0}
.cq-thumbs button img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.cq-pi{display:flex;flex-direction:column;gap:16px;padding-top:16px;min-width:0}
.cq-crumb{font-size:13px;color:var(--muted)}
.cq-crumb a:hover{text-decoration:underline}
.cq-pi h1{font-family:var(--serif);font-weight:400;font-size:clamp(38px,4vw,56px);line-height:1.02;overflow-wrap:anywhere}
.cq-lead{font-size:16.5px;line-height:1.6;color:#3A332B}
.cq-price{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-top:6px}
.cq-price b{font-family:var(--serif);font-weight:400;font-size:44px;line-height:1}
.cq-price s{font-size:15px;color:var(--muted)}
.cq-price span{font-size:13px;color:var(--muted)}
.cq-buy{display:flex;gap:10px;margin-top:8px}
.cq-qty{display:flex;align-items:center;border:1px solid var(--text);border-radius:999px;background:transparent;padding:0 6px;overflow:visible}
.cq-qty button{width:34px;height:56px;border:0;background:none;font-size:18px;color:var(--text)}
.cq-qty input{width:30px;border:0;background:none;text-align:center;font:600 15px var(--font-b);-moz-appearance:textfield;padding:0}
.cq-qty input::-webkit-outer-spin-button,.cq-qty input::-webkit-inner-spin-button{-webkit-appearance:none}
.cq-buy .cq-btn{flex:1;padding:20px 30px}
.cq-stock{text-align:center;font-size:13px;color:var(--soft)}
.cq-acc-w{border-top:1px solid var(--text);margin-top:10px}
.cq-acc{border-bottom:1px solid var(--line)}
.cq-acc summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;padding:18px 0;font:500 15px var(--font-b)}
.cq-acc summary::-webkit-details-marker{display:none}
.cq-acc summary::after{content:"+"}
.cq-acc[open] summary::after{content:"−"}
.cq-acc p{font-size:14px;line-height:1.6;color:var(--soft);padding-bottom:16px}
.cq-acc p a{text-decoration:underline}
.cq-acc .cq-pay{margin:0 0 16px}
.cq-acc-g{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;padding-bottom:20px}
.cq-acc-g>div{min-width:0}
.cq-acc-g span{display:block;font-size:13px;color:var(--muted)}
.cq-acc-g b{display:block;font-weight:500;font-size:14px;overflow-wrap:anywhere}
.cq-why{display:grid;grid-template-columns:1fr 1fr;gap:72px;padding-top:72px;padding-bottom:24px;border-top:1px solid var(--line);align-items:start}
.cq-why-t{display:flex;flex-direction:column;gap:18px}
.cq-desc{max-width:none;margin:0;padding:0;font-size:15.5px;line-height:1.75}
.cq-desc p,.cq-desc li{color:#3A332B}
.cq-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.cq-nums>div{border-top:1px solid var(--text);padding-top:16px;min-width:0}
.cq-nums b{display:block;font-family:var(--serif);font-weight:400;font-size:36px;line-height:1.05;overflow-wrap:anywhere}
.cq-nums span{display:block;font-size:13px;color:var(--muted);margin-top:6px}
.cq-allspec{padding-top:48px}
.cq-acc-g3{grid-template-columns:repeat(3,1fr);margin-top:18px}
.cq-rel h2{margin-bottom:36px}

/* communs */
.btn{border-radius:999px}
.btn-primary,.btn.btn-primary{background:var(--accent);border-color:var(--accent);color:#F2F0EC}
.btn-primary:hover{background:var(--brand-d)}
.sticky-buy{background:var(--bg)!important;border-top:1px solid var(--line)!important}
.sticky-buy .p{font-family:var(--serif)!important;font-weight:400!important;font-size:26px!important}
.drawer .panel{background:var(--bg)}
.drawer .panel h3{font-family:var(--serif);font-weight:400;font-size:30px}
.drawer .panel a{font-weight:500;border-bottom-color:var(--line)}

/* ---- responsive ---- */
@media (max-width:1100px){
  .cq-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cq-green-g{grid-template-columns:1fr}
  .cq-nums{grid-template-columns:1fr 1fr}
  .cq-search{width:160px}
}
@media (max-width:1024px){
  .cq-wrap,.wrap{padding-left:28px;padding-right:28px}
  .cq-top-mid{display:none}
  .cq-hero{grid-template-columns:1fr}
  .cq-hero-p{order:-1;padding:40px 40px 64px;min-height:300px}
  .cq-hero-p img{max-height:260px}
  .cq-hero-t{padding:0 40px 48px}
  .cq-green-in{grid-template-columns:1fr;gap:40px}
  .cq-green-i{height:320px}
  .cq-pdp{grid-template-columns:1fr;gap:28px;padding:20px 28px 48px}
  .cq-why{grid-template-columns:1fr;gap:36px}
  .cq-ph{grid-template-columns:1fr;gap:16px;padding-top:40px}
}
@media (max-width:880px){.cq-buy.buybox-desktop{display:none}}
@media (max-width:760px){
  .cq-wrap,.wrap{padding-left:20px;padding-right:20px}
  .cq-top{font-size:11.5px}.cq-top-in{justify-content:center;text-align:center}.cq-top-r{display:none}
  .cq-head-in{grid-template-columns:auto 1fr auto;gap:12px;padding-top:14px;padding-bottom:12px}
  .cq-burger{display:block}
  .cq-search{display:none}
  .cq-logo{justify-self:center}.cq-logo img{height:32px}

  .cq-head-r .cq-account{display:none}
  .cq-nav{display:none}
  .cq-head-r{gap:14px}
  .cq-hero-w{padding:0 12px}
  .cq-hero{min-height:0}
  .cq-hero-p{padding:28px 28px 52px;min-height:240px}
  .cq-hero-p img{max-height:200px}
  .cq-hero-cap{font-size:10px;left:16px;right:16px;bottom:16px;text-align:center}
  .cq-hero-t{padding:0 22px 32px;gap:16px}
  .cq-hero h1{font-size:50px}
  .cq-hero-t p{font-size:15.5px}
  .cq-hero-cta .cq-btn{flex:1}.cq-hero-cta .cq-btn-l{display:none}
  .cq-trust{padding:18px 20px;gap:6px 14px;font-size:12px}
  .cq-trust i{display:none}
  .cq-sec{padding-top:56px}
  .cq-sec-h{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:28px}
  .cq-sec h2,.cq-sec-h h2,.cq-rel h2{font-size:40px}
  .cq-feat{grid-template-columns:1fr;gap:36px}
  .cq-feat-i{height:300px!important}
  .cq-green{margin-top:56px}
  .cq-green-in{padding-top:48px;padding-bottom:48px;gap:28px}
  .cq-green-i{height:220px;padding:28px}
  .cq-quote{font-size:28px}
  .cq-univ{grid-template-columns:1fr;gap:18px}
  .cq-univ-c{height:300px;padding:28px 28px 120px}
  .cq-grid,.cq-grid-4{grid-template-columns:1fr 1fr;gap:32px 14px}
  .cqc-img,.cq-grid-4 .cqc-img{height:200px;padding:18px}
  .cqc-tag{top:8px;left:8px;font-size:10px;padding:4px 8px;max-width:calc(100% - 16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .cqc-h{flex-direction:column;gap:6px}
  .cqc-n{font-size:19px}
  .cqc-price{align-items:flex-start;flex-direction:row;gap:8px}
  .cqc-sub{display:none}
  .cq-foot{margin-top:56px}
  .cq-foot-grid{grid-template-columns:1fr 1fr;gap:28px}
  .cq-foot-id{grid-column:1/-1}
  .cq-ph{padding-top:28px;padding-bottom:20px}
  .cq-ph h1{font-size:50px}
  .cq-ph p{font-size:15px}
  .cq-fbar{padding-bottom:24px}
  .cq-pills{flex-wrap:nowrap;overflow-x:auto;margin:0 -20px;padding:0 20px;scrollbar-width:none;width:calc(100% + 40px)}
  .cq-pills::-webkit-scrollbar{display:none}
  .cq-pills a{white-space:nowrap;padding:9px 15px}
  .cq-fr{width:100%;justify-content:space-between}
  .cq-side{padding:18px;grid-template-columns:1fr}
  .cq-pdp{padding:8px 20px 40px}
  .cq-gal .cq-gal-main{height:340px;padding:32px}
  .cq-thumbs button{height:80px;padding:8px}
  .cq-pi h1{font-size:40px}
  .cq-acc-g,.cq-acc-g3{grid-template-columns:1fr 1fr}
  .cq-nums b{font-size:28px}
}
/* DE 19.10 · Elektrogeräte Partner: eigene Optik (Kupfer/Stein, Fraunces) — Abgrenzung zu den anderen Shops */
:root{
  --bg:#F2F0EC;--surface:#FFFFFF;--card:#FFFFFF;--card2:#E7E2DA;--tile:#E7E2DA;
  --accent:#7A3E12;--accent-2:#9A5420;--accent-dim:rgba(122,62,18,.10);--brand:#7A3E12;--brand-d:#5C2D0C;--accent-d:#5C2D0C;
  --text:#231F1B;--ink:#231F1B;--dark:#231F1B;--dark-2:#3A322B;--muted:#6E655C;--soft:#4A423A;--line:#D9D3CA;--sage:#E9CDB2;
  --serif:'Fraunces',Georgia,serif;
}
.cq-top{background:#231F1B;color:#F2F0EC}
.cq-green{background:#3B2414}
.cq-green-g{border-top-color:#6B4A33}
.cq-hero{background:linear-gradient(90deg,#ECE8E2 0 50%,#E6D5C3 50% 100%)}
@media (max-width:1024px){.cq-hero{background:linear-gradient(180deg,#ECE8E2 0 50%,#E6D5C3 50% 100%)}}
.cqc-img,.cq-feat-c .cq-feat-i,.cq-univ-c{background-color:#EAE6E0}
/* DE 19.10: Banner-Sektionen — Bild nur Szene, Text/Preis/Button/EU-Pfeil als HTML */
.cq-hb{position:relative;container-type:inline-size;border-radius:4px;overflow:hidden;margin-bottom:28px;background:var(--card2)}
.cq-hb-media{display:block}.cq-hb-media img{display:block;width:100%;height:auto}
.cq-hb-card{position:absolute;left:2.5cqw;top:3cqw;width:45cqw;box-sizing:border-box;background:rgba(255,255,255,.96);border-radius:4px;padding:2.6cqw 3cqw 2.4cqw;box-shadow:0 1.5cqw 4cqw rgba(35,31,27,.14)}
.cq-hb-k{display:block;font-size:1.05cqw;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.cq-hb-h{font-family:var(--serif);font-weight:400;font-size:3.7cqw;line-height:1.05;letter-spacing:-.01em;margin:.8cqw 0 1.4cqw;color:var(--ink);white-space:nowrap}
.cq-hb-h em{font-style:italic;color:var(--accent)}
.cq-hb-li{list-style:none;margin:0 0 1.4cqw;padding:0;font-size:1.3cqw;line-height:1.6;color:var(--soft)}
.cq-hb-li li::before{content:"—";color:var(--accent);margin-right:.7cqw}
.cq-hb-pr b{display:block;font-family:var(--serif);font-weight:600;font-size:3cqw;line-height:1.05;color:var(--ink)}
.cq-hb-pr small{display:block;font-size:.95cqw;color:var(--muted);margin-top:.35cqw}
.cq-hb-row{display:flex;align-items:center;gap:1.6cqw;flex-wrap:wrap;margin-top:1.4cqw}
.cq-hb-row .eu-energy{margin:0;font-size:max(12px,.85cqw)}
.cq-hb-btn{display:inline-block;background:var(--accent);color:#fff!important;font-weight:600;font-size:1.3cqw;padding:1.05cqw 2.4cqw;border-radius:999px;text-decoration:none!important;transition:background .15s}
.cq-hb-btn:hover,.cq-hb-btn:focus-visible{background:var(--ink)}
@media (min-width:761px){.cq-hb{display:grid}.cq-hb-media,.cq-hb-card{grid-area:1/1}.cq-hb-card{position:relative;left:auto;top:auto;margin:3cqw 0 3cqw 2.5cqw;align-self:start;justify-self:start}}
@media (max-width:760px){
  .cq-hb{display:flex;flex-direction:column}
  .cq-hb-card{position:static;order:-1;width:auto;box-shadow:none;border-radius:0;background:#fff;padding:18px 16px 16px}
  .cq-hb-k{font-size:11px}
  .cq-hb-h{font-size:clamp(27px,8.4vw,36px);margin:8px 0 12px;white-space:normal}
  .cq-hb-li{font-size:14px;margin-bottom:12px}.cq-hb-li li:nth-child(n+3){display:none}
  .cq-hb-pr b{font-size:clamp(26px,8vw,32px)}.cq-hb-pr small{font-size:11px}
  .cq-hb-row{gap:12px;margin-top:12px}
  .cq-hb-btn{font-size:15px;padding:12px 24px}
  .cq-bnr .cq-grid>*:nth-child(n+3){display:none}
}