/* =====================================================================
   AGM CUISINES — maquette « Deux boutiques » (AGM, chaleureux et sobre)
   Instrument Serif + Geist · lin #EEF1F4 · brun-noir #1E1B17 · rouille #9A4A2B
   ===================================================================== */
:root{
  --bg:#EEF1F4;--surface:#FBF8F3;--card:#FBF8F3;--card2:#E3D9CB;
  --accent:#9A4A2B;--accent-2:#B05A38;--accent-dim:rgba(154,74,43,.10);
  --brand:#9A4A2B;--brand-d:#7E3B21;--accent-d:#7E3B21;
  --text:#1E1B17;--ink:#1E1B17;--dark:#1E1B17;--dark-2:#2C2822;
  --muted:#6B635A;--soft:#4E473F;--line:#DCD3C6;--line2:#C9BEAE;--tile:#E8E0D3;
  --r:4px;--r-sm:3px;--sh:none;--sh-h:0 16px 36px rgba(30,27,23,.10);
  --font-h:'Geist',Arial,sans-serif;--font-b:'Geist',Arial,sans-serif;
  --serif:'Instrument Serif',Georgia,serif;
  --wrap:1280px;
}
body{background:var(--bg);color:var(--text);font-size:15px}
.ag-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.2vw,56px);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(--brand-d);padding:0 3px}
.prose a{color:var(--accent);text-decoration:underline}
.ag-eye{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--accent)}

/* ---- barre haute + en-tête ---- */
.ag-top{background:var(--text);color:#DCE3EA;font-size:12px;letter-spacing:.04em}
.ag-top-in{display:flex;justify-content:space-between;gap:20px;padding-top:9px;padding-bottom:9px;flex-wrap:wrap}
.ag-top-r{display:flex;gap:20px}.ag-top a{color:#DCE3EA}.ag-top a:hover{color:#fff;text-decoration:underline}
.ag-head{background:var(--bg);position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line)}
.ag-head-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding-top:20px;padding-bottom:20px}
.ag-nav{display:flex;gap:26px;font-size:14px;align-items:center;white-space:nowrap}
.ag-nav-r{justify-content:flex-end}
.ag-nav a:hover,.ag-drop-btn:hover{text-decoration:underline;text-underline-offset:4px}
.ag-burger{display:none;background:none;border:0;padding:0;color:var(--text)}
.ag-logo{display:flex}.ag-logo img{height:44px;width:auto}
.ag-srch{display:flex}
.ag-drop{position:relative}
.ag-drop-btn small{font-size:9px;color:var(--muted)}
.ag-drop-menu{position:absolute;left:-18px;top:calc(100% + 18px);background:var(--surface);border:1px solid var(--line);border-radius:4px;box-shadow:0 18px 40px rgba(30,27,23,.12);min-width:250px;display:none;flex-direction:column;padding:8px;z-index:60}
.ag-drop-menu a{padding:9px 12px;border-radius:3px}
.ag-drop-menu a:hover{background:var(--bg);text-decoration:none}
.ag-drop-all{color:var(--accent);border-top:1px solid var(--line);margin-top:4px}
.ag-drop:hover .ag-drop-menu,.ag-drop:focus-within .ag-drop-menu{display:flex}
.ag-drop::after{content:"";position:absolute;left:0;right:0;top:100%;height:20px}

/* ---- boutons ---- */
.ag-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:16px 28px;font:500 14px var(--font-b);border:1px solid transparent;cursor:pointer;line-height:1.1}
.ag-btn-k{background:var(--text);color:var(--bg)}
.ag-btn-k:hover{background:#000}
.ag-btn-l{border-color:var(--text);color:var(--text)}
.ag-btn-l:hover{background:var(--text);color:var(--bg)}
.ag-btn-r{background:var(--accent);color:#fff}
.ag-btn-r:hover{background:var(--brand-d)}
.ag-btn[disabled]{opacity:.45;cursor:not-allowed}

/* ---- accueil ---- */
.ag-hero{display:grid;grid-template-columns:1fr 1.15fr;gap:56px;padding-top:72px;padding-bottom:80px;align-items:center}
.ag-hero-l{display:flex;flex-direction:column;gap:28px}
.ag-hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(50px,5.9vw,84px);line-height:.98;letter-spacing:-.01em;text-wrap:balance}
.ag-hero-l p{font-size:17px;line-height:1.6;color:var(--soft);max-width:440px}
.ag-hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px}
.ag-hero-r{position:relative;aspect-ratio:5/4;border-radius:4px;background:var(--tile);display:flex;align-items:center;justify-content:center;padding:56px 56px 72px;overflow:hidden}
.ag-hero-r img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply}
.ag-hero-cap{position:absolute;left:20px;bottom:18px;right:20px;font:12px 'JetBrains Mono',monospace;color:#7A6F62;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ag-hero-r:hover .ag-hero-cap{color:var(--text)}
.ag-types-w{padding-bottom:88px}
.ag-rule{border-top:1px solid var(--line);padding-top:28px}
.ag-sec-h{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:32px}
.ag-sec-h h2,.ag-cmp h2,.ag-guide h2{font-family:var(--serif);font-weight:400;font-size:clamp(34px,3.4vw,44px);line-height:1.05}
.ag-sec-h a{font-size:14px;border-bottom:1px solid;white-space:nowrap}
.ag-types{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:18px}
.ag-type{display:flex;flex-direction:column;gap:14px}
.ag-type-i{position:relative;aspect-ratio:3/4;border-radius:4px;background:var(--tile);display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden}
.ag-type-i img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .4s}
.ag-type:hover .ag-type-i img{transform:scale(1.05)}
.ag-type-i small{position:absolute;left:14px;bottom:12px;font:11px 'JetBrains Mono',monospace;color:#7A6F62}
.ag-type b{font-family:var(--serif);font-weight:400;font-size:26px;line-height:1.05}
.ag-light{background:var(--surface)}
.ag-sec{padding-top:80px;padding-bottom:80px}
.ag-cmp{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center;padding-top:88px;padding-bottom:88px}
.ag-cmp-l{display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.ag-cmp-l p{font-size:16px;line-height:1.6;color:var(--soft);max-width:420px}
.ag-cmp-t{background:var(--surface);border-radius:4px;padding:16px 28px;overflow-x:auto}
.ag-cmp-t table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:420px}
.ag-cmp-t th,.ag-cmp-t td{text-align:left;padding:13px 10px 13px 0;border-bottom:1px solid var(--line);vertical-align:top}
.ag-cmp-t th{font-family:var(--serif);font-weight:400;font-size:19px;line-height:1.1}
.ag-cmp-t th a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ag-cmp-t th a:hover{color:var(--accent)}
.ag-cmp-t td:first-child{color:var(--muted)}
.ag-cmp-t tr:last-child td{border-bottom:0}
.ag-cmp-t td.p{font-weight:500}
.ag-guide{display:grid;grid-template-columns:1fr 1fr;min-height:440px}
.ag-guide-i{background:var(--tile);display:flex;align-items:center;justify-content:center;padding:56px;overflow:hidden}
.ag-guide-i img{max-width:100%;max-height:340px;object-fit:contain;mix-blend-mode:multiply}
.ag-guide-t{background:var(--text);color:#EEF1F4;padding:72px 64px;display:flex;flex-direction:column;gap:22px;justify-content:center}
.ag-guide-t .ag-eye{color:#D98A65}
.ag-guide-t>p{font-size:16px;line-height:1.65;color:#D8CFC2;max-width:460px}
.ag-guide-x{border-top:1px solid #3A342C;padding-top:14px;display:flex;flex-direction:column;gap:4px;max-width:520px}
.ag-guide-x b{font-family:var(--serif);font-weight:400;font-size:22px}
.ag-guide-x span{font-size:14px;line-height:1.55;color:#BFB4A5}

/* ---- carte ---- */
.ag-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px}
.ag-grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.agc{display:flex;flex-direction:column;gap:8px;min-width:0}
.agc-img{position:relative;aspect-ratio:1;background:var(--surface);border-radius:4px;display:flex;align-items:center;justify-content:center;padding:32px;overflow:hidden;margin-bottom:8px}
.ag-light .agc-img{background:#EFE8DD;aspect-ratio:4/5}
.agc-img img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .4s}
.agc:hover .agc-img img{transform:scale(1.04)}
.agc-tag{position:absolute;top:12px;left:12px;background:var(--accent);color:#fff;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;z-index:1}
.agc-out{background:var(--text)}
.agc-brand{font-size:11.5px;letter-spacing:.18em;color:var(--muted)}
.agc-n{font-family:var(--serif);font-size:22px;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.agc-n:hover{color:var(--accent)}
.agc-sub{font-size:13px;color:var(--muted)}
.agc-p{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:auto;padding-top:4px}
.agc-price{font-size:15px;font-weight:500;white-space:nowrap}
.agc-price s{font-size:13px;color:#9C9286;font-weight:400}
.agc-add{background:none;border:0;border-bottom:1px solid var(--text);padding:0 0 1px;font:500 13.5px var(--font-b);color:var(--text)}
.agc-add:hover{color:var(--accent);border-color:var(--accent)}

/* ---- pied ---- */
.ag-foot{border-top:1px solid var(--line);padding-top:48px;font-size:14px}
.ag-foot-prom{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-bottom:40px;border-bottom:1px solid var(--line);margin-bottom:44px}
.ag-foot-prom b{display:block;font-family:var(--serif);font-weight:400;font-size:24px;line-height:1.1;margin-bottom:4px}
.ag-foot-prom span{font-size:13px;color:var(--muted)}
.ag-foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}
.ag-foot-id img{height:44px;width:auto;margin-bottom:14px}
.ag-foot p{line-height:1.6;margin-bottom:12px;color:var(--soft);max-width:340px}
.ag-small{font-size:13px}
.ag-foot p a{text-decoration:underline}
.ag-foot h4{font-weight:600;font-size:14px;margin-bottom:10px}
.ag-foot-grid>div>a{display:block;padding:4px 0;color:var(--soft)}
.ag-foot-grid>div>a:hover{color:var(--text);text-decoration:underline}
.ag-foot-map{max-width:340px;border-radius:4px;overflow:hidden;border:1px solid var(--line)}
.ag-foot-map .maplink{display:block;padding:8px 10px;font-size:12px;background:var(--surface)}
.ag-foot-map .map-empty{background:var(--surface);border:0}
.ag-pay{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.ag-foot-bot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:44px;padding:20px 0 26px;font-size:12.5px;color:var(--muted)}

/* ---- catalogue ---- */
.page-main:has(.ag-shop),.page-main:has(.ag-pdp){max-width:none;padding:0}
.ag-ph{border-bottom:1px solid var(--line)}
.ag-ph-in{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:end;padding-top:36px;padding-bottom:36px}
.ag-crumb{font-size:13px;color:var(--muted)}
.ag-crumb a:hover{color:var(--text);text-decoration:underline}
.ag-ph h1{font-family:var(--serif);font-weight:400;font-size:clamp(46px,5.4vw,72px);line-height:1;margin-top:14px;letter-spacing:-.01em}
.ag-ph-in>p{font-size:15px;line-height:1.6;color:var(--soft);max-width:420px;padding-bottom:8px}
.ag-psearch{display:flex;gap:10px;margin-top:20px;max-width:560px}
.ag-psearch input{flex:1;border:0;border-bottom:1px solid var(--text);background:transparent;padding:10px 0;font:inherit;font-size:16px;min-width:0}
.ag-psearch input:focus{outline:none}
.ag-psearch button{border:0;background:var(--text);color:var(--bg);border-radius:999px;padding:0 20px;font:500 14px var(--font-b)}
.ag-bar{border-bottom:1px solid var(--line)}
.ag-bar-in{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:16px;padding-bottom:16px;flex-wrap:wrap}
.ag-pills{display:flex;gap:10px;flex-wrap:wrap}
.ag-pills a{padding:8px 16px;border:1px solid var(--line2);border-radius:999px;font-size:14px}
.ag-pills a.on{background:var(--text);color:var(--bg);border-color:var(--text)}
.ag-pills a:not(.on):hover{border-color:var(--text)}
.ag-bar-r{display:flex;gap:24px;align-items:center;font-size:14px;color:var(--soft)}
.ag-sort{position:relative}
.ag-sort summary{list-style:none;cursor:pointer;color:var(--text)}
.ag-sort summary::-webkit-details-marker{display:none}
.ag-sort>div{position:absolute;right:0;top:calc(100% + 8px);background:var(--surface);border:1px solid var(--line);border-radius:4px;box-shadow:0 18px 40px rgba(30,27,23,.12);padding:6px;min-width:190px;display:flex;flex-direction:column;z-index:20}
.ag-sort>div a{padding:8px 12px;border-radius:3px;color:var(--text)}
.ag-sort>div a:hover,.ag-sort>div a.on{background:var(--bg)}
.ag-shop{display:grid;grid-template-columns:220px minmax(0,1fr);gap:48px;padding-top:40px;padding-bottom:40px}
.ag-fbtn{display:none}
.ag-side{display:flex;flex-direction:column;gap:30px;background:transparent;border:0}
.ag-fg{display:flex;flex-direction:column;gap:2px}
.ag-fg h3{font-family:var(--serif);font-weight:400;font-size:24px;margin-bottom:8px}
.ag-fg a{display:flex;justify-content:space-between;gap:10px;padding:5px 0;font-size:14.5px;color:var(--soft)}
.ag-fg a small{font-size:12px;color:#9C9286}
.ag-fg a:hover{color:var(--text)}
.ag-fg a.on{color:var(--text);font-weight:600}
.ag-fg a.on::before{content:"● ";color:var(--accent)}
.ag-pp{display:flex;align-items:center;gap:8px}
.ag-pp input{width:0;flex:1;border:0;border-bottom:1px solid var(--text);background:transparent;padding:6px 0;font:inherit;font-size:14px;min-width:0}
.ag-fg button{align-self:flex-start;margin-top:12px;border:0;background:var(--text);color:var(--bg);border-radius:999px;padding:8px 16px;font:500 13px var(--font-b)}
.ag-clear{font-size:13.5px;color:var(--accent);text-decoration:underline}
.ag-main{min-width:0}
.ag-empty{padding:48px 0;text-align:left}
.ag-empty h3{font-family:var(--serif);font-weight:400;font-size:36px;margin-bottom:8px}
.ag-empty p{color:var(--muted);margin-bottom:20px}
.ag-pag{display:flex;gap:8px;justify-content:center;padding:44px 0 0}
.ag-pag a,.ag-pag span{min-width:42px;height:42px;border-radius:999px;border:1px solid var(--line2);display:inline-flex;align-items:center;justify-content:center;font-size:14px}
.ag-pag .on{background:var(--text);color:var(--bg);border-color:var(--text)}.ag-pag .gap{border:0}
.ag-pag a:hover{border-color:var(--text)}

/* ---- fiche produit ---- */
.ag-pcrumb{padding-top:24px}
.ag-pdp{display:grid;grid-template-columns:minmax(0,1fr) 460px;gap:48px;padding-top:28px;padding-bottom:72px;align-items:start}
.ag-gal{display:grid;grid-template-columns:88px minmax(0,1fr);gap:24px}
.ag-gal-1{grid-template-columns:1fr}
.ag-thumbs{display:flex;flex-direction:column;gap:12px;background:none;margin:0}
.ag-thumbs button{width:88px;aspect-ratio:1;height:auto;background:var(--surface);border:0;border-radius:3px;outline:1px solid transparent;padding:8px}
.ag-thumbs button.on{outline-color:var(--text)}
.ag-thumbs button img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.ag-gal .ag-gal-main{position:relative;aspect-ratio:1;max-height:620px;background:var(--surface);border-radius:4px;display:flex;align-items:center;justify-content:center;padding:56px;overflow:hidden}
.ag-gal .ag-gal-main img{width:100%;height:100%!important;object-fit:contain;mix-blend-mode:multiply}
.ag-pi{display:flex;flex-direction:column;gap:20px;min-width:0}
.ag-brand{font-size:12px;letter-spacing:.22em;color:var(--muted)}
.ag-pi h1{font-family:var(--serif);font-weight:400;font-size:clamp(36px,3.6vw,48px);line-height:1.02;overflow-wrap:anywhere}
.ag-chips{display:flex;gap:8px;flex-wrap:wrap}
.ag-chips span{border:1px solid var(--line2);border-radius:999px;padding:8px 14px;font-size:13.5px}
.ag-price{display:flex;align-items:baseline;gap:14px;border-top:1px solid var(--line);padding-top:20px}
.ag-price b{font-family:var(--serif);font-weight:400;font-size:48px;line-height:1}
.ag-price s{color:#9C9286}
.ag-price small{font-size:13px;color:var(--muted)}
.ag-buy{display:flex;gap:12px}
.ag-qty{display:flex;align-items:center;gap:4px;border:1px solid var(--line2);border-radius:999px;padding:0 10px;background:transparent;overflow:visible}
.ag-qty button{width:30px;height:54px;border:0;background:none;font-size:17px;color:var(--text)}
.ag-qty input{width:30px;border:0;background:none;text-align:center;font:inherit;font-size:15px;-moz-appearance:textfield;padding:0}
.ag-qty input::-webkit-outer-spin-button,.ag-qty input::-webkit-inner-spin-button{-webkit-appearance:none}
.ag-buy .ag-btn{flex:1;padding:18px;font-size:15px}
.ag-stock{font-size:14px;color:#2E6B43}
.ag-stock::before{content:"● "}
.ag-stock.ko{color:#9B2C1E}
.ag-info{background:var(--surface);border-radius:4px;padding:18px 20px;display:flex;flex-direction:column;gap:10px;font-size:14px;color:var(--soft)}
.ag-info>div{display:flex;justify-content:space-between;gap:12px}
.ag-info b{font-weight:500;color:var(--text);text-align:right}
.ag-info .ag-pay{margin-top:4px;justify-content:flex-start}
.ag-pbot{padding-top:56px;padding-bottom:64px}
.ag-tabs{display:flex;gap:32px;font-size:15px;border-bottom:1px solid var(--line);margin-bottom:32px;flex-wrap:wrap}
.ag-tabs a{padding-bottom:12px;border-bottom:2px solid transparent;color:var(--muted)}
.ag-tabs a.on{border-bottom-color:var(--text);color:var(--text)}
.ag-tabs a:hover{color:var(--text)}
.ag-desc-g{display:grid;grid-template-columns:1fr 1fr;gap:72px;margin-bottom:48px}
.ag-desc-g h3{font-family:var(--serif);font-weight:400;font-size:clamp(28px,2.8vw,38px);line-height:1.1}
.ag-desc{max-width:none;margin:0;padding:0;font-size:15px;line-height:1.7}
.ag-desc p,.ag-desc li{color:var(--soft)}
.ag-spec{display:grid;grid-template-columns:1fr 1fr;column-gap:56px}
.ag-spec>div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--line);font-size:14.5px}
.ag-spec span{color:var(--muted)}
.ag-spec b{font-weight:500;text-align:right}

/* communs */
.btn{border-radius:999px}
.btn-primary,.btn.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}
.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:28px!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:1240px){
  .ag-nav .ag-hide{display:none}
  .ag-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ag-pdp{grid-template-columns:minmax(0,1fr) 400px}
}
@media (max-width:1024px){
  .ag-wrap,.wrap{padding-left:28px;padding-right:28px}
  .ag-top-mid{display:none}
  .ag-nav-l>a,.ag-nav-l .ag-drop{display:none}
  .ag-burger{display:flex}
  .ag-head-in{padding-top:14px;padding-bottom:14px}
  .ag-logo img{height:36px}
  .ag-hero{grid-template-columns:1fr;gap:32px;padding-top:32px}
  .ag-hero-r{order:-1;aspect-ratio:16/10}
  .ag-types{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ag-cmp{grid-template-columns:1fr;gap:32px}
  .ag-guide{grid-template-columns:1fr}
  .ag-guide-i{min-height:300px}
  .ag-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ag-pdp{grid-template-columns:1fr;gap:32px}
  .ag-foot-prom{grid-template-columns:1fr 1fr}
}
@media (max-width:880px){.ag-buy.buybox-desktop{display:none}}
@media (max-width:760px){
  .ag-wrap,.wrap{padding-left:20px;padding-right:20px}
  .ag-top{font-size:11px}.ag-top-in{justify-content:center;text-align:center}.ag-top-r{display:none}
  .ag-head-in{gap:10px}
  .ag-logo img{height:32px}
  .ag-nav{gap:14px}
  .ag-hero{padding-top:20px;padding-bottom:40px;gap:22px}
  .ag-hero-r{padding:28px 28px 48px}
  .ag-hero h1{font-size:44px}
  .ag-hero-l{gap:18px}
  .ag-hero-l p{font-size:15.5px}
  .ag-hero-cta .ag-btn{flex:1}.ag-hero-cta .ag-btn-l{display:none}
  .ag-types-w{padding-bottom:48px}
  .ag-types{display:flex;overflow-x:auto;gap:12px;margin:0 -20px;padding:0 20px;scrollbar-width:none}
  .ag-types::-webkit-scrollbar{display:none}
  .ag-type{flex:0 0 140px}
  .ag-type b{font-size:21px}
  .ag-sec{padding-top:48px;padding-bottom:48px}
  .ag-sec-h{margin-bottom:22px}
  .ag-sec-h h2,.ag-cmp h2,.ag-guide h2{font-size:32px}
  .ag-grid,.ag-grid-4{grid-template-columns:1fr 1fr;gap:28px 12px}
  .agc-img{padding:16px}
  .agc-n{font-size:18px}
  .agc-sub{display:none}
  .agc-p{flex-direction:column;align-items:flex-start;gap:6px}
  .ag-cmp{padding-top:48px;padding-bottom:48px}
  .ag-cmp-t{padding:8px 16px}
  .ag-guide-t{padding:40px 22px}
  .ag-guide-i{min-height:220px;padding:28px}
  .ag-guide-i img{max-height:180px}
  .ag-foot-prom{grid-template-columns:1fr;gap:16px}
  .ag-foot-grid{grid-template-columns:1fr 1fr;gap:28px}
  .ag-foot-id{grid-column:1/-1}
  .ag-ph-in{grid-template-columns:1fr;gap:12px;padding-top:20px;padding-bottom:22px}
  .ag-ph h1{font-size:46px}
  .ag-pills{flex-wrap:nowrap;overflow-x:auto;margin:0 -20px;padding:0 20px;scrollbar-width:none;width:calc(100% + 40px)}
  .ag-pills::-webkit-scrollbar{display:none}
  .ag-pills a{white-space:nowrap}
  .ag-bar-r{width:100%;justify-content:space-between}
  .ag-shop{grid-template-columns:1fr;gap:14px;padding-top:18px}
  .ag-fbtn{display:block;border:1px solid var(--text);background:transparent;border-radius:999px;padding:11px;font:500 14px var(--font-b);color:var(--text)}
  .ag-side{display:none;background:var(--surface);border-radius:4px;padding:18px;gap:22px}
  .ag-side.open{display:flex}
  .ag-pdp{padding-top:16px;padding-bottom:40px;gap:22px}
  .ag-gal{grid-template-columns:1fr;gap:12px}
  .ag-gal .ag-gal-main{padding:28px}
  .ag-thumbs{flex-direction:row;order:2}
  .ag-thumbs button{width:64px}
  .ag-pi h1{font-size:36px}
  .ag-price b{font-size:40px}
  .ag-pbot{padding-top:36px;padding-bottom:40px}
  .ag-desc-g{grid-template-columns:1fr;gap:20px}
  .ag-spec{grid-template-columns:1fr}
}
/* correctifs */
.ag-side .ag-fg h3{font-family:var(--serif);font-weight:400;font-size:24px;letter-spacing:0;text-transform:none;color:var(--text);padding:0;margin:0 0 8px}
@media (max-width:760px){.ag-head-in{padding-top:12px;padding-bottom:12px}}
/* DE 20.10 · M&G Hausgeräte: eigene Optik (Schiefer/Navy/Ziegel, Space Grotesk) — Abgrenzung zu den anderen Shops */
:root{
  --bg:#EEF1F4;--surface:#FFFFFF;--card:#FFFFFF;--card2:#DDE3E9;--tile:#E3E8EE;
  --accent:#9A3412;--accent-2:#B4471F;--accent-dim:rgba(154,52,18,.10);--brand:#9A3412;--brand-d:#7A280C;--accent-d:#7A280C;
  --text:#14202B;--ink:#14202B;--dark:#14202B;--dark-2:#22313F;--muted:#5D6B78;--soft:#3C4A57;--line:#D3DAE1;--line2:#B9C3CD;
  --serif:'Space Grotesk',Arial,sans-serif;
}
[class*="ag-"] h1,[class*="ag-"] h2,.ag-hero h1{letter-spacing:-.03em}
.ag-hero h1 em,.ag-hero h1 i{font-style:normal;color:var(--accent)}
.ag-hero-r{background:linear-gradient(160deg,#DDE3E9 0%,#C9D3DD 100%)}
.ag-guide-t{background:#14202B}
/* Space Grotesk ist breiter als die Serif: Größen/Gewichte angepasst */
.ag-hero h1{font-weight:600;font-size:clamp(38px,4.3vw,62px);line-height:1.02}
.page-main h1,.prose h1{font-weight:600;font-size:clamp(30px,3.4vw,46px)}
.page-main h2,.prose h2{font-weight:600;font-size:26px}
.ag-sec-h h2,.ag-cmp h2,.ag-guide h2{font-weight:600;font-size:clamp(27px,2.7vw,36px);letter-spacing:-.02em}
.ag-type b{font-weight:600;font-size:20px}
.ag-cmp-t th{font-weight:600;font-size:16px}
.ag-guide-x b{font-weight:600;font-size:18px}
.agc-n{font-weight:600;font-size:17px;line-height:1.25}
/* ===== DE 20.10 · M&G Hausgeräte — eigenes Layout (mg-*) ===== */
:root{--font-b:'DM Sans',Arial,sans-serif;--font-h:'Space Grotesk',Arial,sans-serif;--navy:#14202B;--navy-2:#1D2C3A;--brick:#9A3412}
body{font-family:var(--font-b)}
.mg-wrap{max-width:1320px;margin:0 auto;padding:0 32px}
/* Kopf */
.mg-head{background:var(--navy);color:#fff;position:sticky;top:0;z-index:50}
.mg-head-in{display:flex;align-items:center;gap:28px;height:76px}
.mg-logo img{display:block;height:40px;width:auto}
.mg-burger{display:none;background:none;border:0;color:#fff;padding:6px;margin-left:-6px}
.mg-search{flex:1;display:flex;max-width:640px;margin:0 auto;background:#fff;border-radius:999px;overflow:hidden;height:46px}
.mg-search input{flex:1;border:0;padding:0 22px;font:inherit;font-size:15px;color:var(--navy);background:transparent;min-width:0}
.mg-search input:focus{outline:none}
.mg-search button{border:0;background:var(--brick);color:#fff;width:58px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.mg-acts{display:flex;align-items:center;gap:22px}
.mg-acts a{display:flex;align-items:center;gap:8px;color:#fff;font-size:14px;font-weight:500;text-decoration:none}
.mg-acts a:hover{color:#F3B08F}
.mg-cart b{background:var(--brick);color:#fff;border-radius:999px;min-width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;padding:0 6px}
.mg-cats{background:var(--brick)}
.mg-cats-in{display:flex;align-items:center;gap:4px;height:46px;overflow-x:auto;scrollbar-width:none}
.mg-cats-in::-webkit-scrollbar{display:none}
.mg-cats a{color:#fff;font-size:14px;font-weight:500;padding:8px 14px;border-radius:999px;white-space:nowrap;text-decoration:none}
.mg-cats a:hover{background:rgba(255,255,255,.14)}
.mg-cats .mg-cats-all{background:rgba(0,0,0,.18);font-weight:700}
.mg-cats-sp{flex:1}
/* Hero */
.mg-hero{position:relative;background:#1A1F24;color:#fff;overflow:hidden}
.mg-hero-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mg-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,20,26,.92) 0%,rgba(14,20,26,.7) 40%,rgba(14,20,26,.1) 75%)}
.mg-hero-in{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;align-items:center;min-height:560px;padding-top:64px;padding-bottom:64px}
.mg-eye{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:#F3B08F}
.mg-hero h1{font-family:var(--font-h);font-weight:700;font-size:clamp(40px,5vw,72px);line-height:1.02;letter-spacing:-.035em;margin:16px 0 20px;max-width:12ch}
.mg-hero h1 span{color:#F08A5D}
.mg-hero-t p{font-size:17px;line-height:1.6;color:#D5DCE3;max-width:52ch;margin:0 0 30px}
.mg-hero-cta{display:flex;gap:12px;flex-wrap:wrap}
.mg-btn{display:inline-flex;align-items:center;justify-content:center;height:50px;padding:0 26px;border-radius:999px;font-weight:600;font-size:15px;text-decoration:none!important;transition:.15s}
.mg-btn-a{background:var(--brick);color:#fff!important}.mg-btn-a:hover{background:#B4471F}
.mg-btn-o{border:1.5px solid rgba(255,255,255,.6);color:#fff!important}.mg-btn-o:hover{background:#fff;color:var(--navy)!important}
.mg-btn-d{background:var(--navy);color:#fff!important;width:100%;height:46px}.mg-btn-d:hover{background:var(--brick)}
.mg-spot{background:#fff;color:var(--navy);border-radius:18px;padding:20px 20px 22px;box-shadow:0 30px 60px rgba(0,0,0,.35);position:relative;display:flex;flex-direction:column;gap:6px}
.mg-spot-tag{position:absolute;top:14px;left:14px;background:var(--brick);color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:999px}
.mg-spot-i{display:flex;align-items:center;justify-content:center;height:210px;background:#EEF1F4;border-radius:12px;padding:20px;margin-bottom:8px}
.mg-spot-i img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply}
.mg-spot small{font-size:11.5px;letter-spacing:.06em;color:#5D6B78}
.mg-spot-n{font-family:var(--font-h);font-weight:600;font-size:17px;line-height:1.25;color:var(--navy);text-decoration:none}
.mg-spot-p{display:flex;align-items:center;justify-content:space-between;margin:6px 0 10px}
.mg-spot-p b{font-family:var(--font-h);font-size:26px;letter-spacing:-.02em}
/* USP */
.mg-usp{background:#fff;border-bottom:1px solid var(--line)}
.mg-usp-in{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-top:20px;padding-bottom:20px}
.mg-usp b{display:block;font-family:var(--font-h);font-size:15px;color:var(--navy)}
.mg-usp span{font-size:13px;color:#5D6B78}
.mg-usp-in>div{padding-left:16px;border-left:3px solid var(--brick)}
/* Sektionen */
.mg-sec{padding-top:64px;padding-bottom:8px}
.mg-sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:24px}
.mg-sec-h h2,.mg-guide h2{font-family:var(--font-h);font-weight:700;font-size:clamp(28px,3vw,40px);letter-spacing:-.03em;color:var(--navy);margin:0}
.mg-sec-h a{font-weight:600;color:var(--brick);white-space:nowrap}
.mg-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.mg-tile{position:relative;background:#fff;border-radius:16px;padding:18px 20px 22px;display:flex;flex-direction:column;gap:4px;text-decoration:none;color:var(--navy);border:1px solid var(--line);transition:.18s}
.mg-tile:hover{border-color:var(--brick);transform:translateY(-3px);box-shadow:0 14px 30px rgba(20,32,43,.10)}
.mg-tile-n{font-family:var(--font-h);font-weight:700;font-size:15px;color:var(--brick)}
.mg-tile-i{height:170px;display:flex;align-items:center;justify-content:center;margin:6px 0 10px}
.mg-tile-i img{max-width:100%;max-height:100%;object-fit:contain}
.mg-tile b{font-family:var(--font-h);font-weight:600;font-size:18px;line-height:1.2}
.mg-tile small{font-size:13px;color:#5D6B78}
/* Ratgeber */
.mg-guide{background:var(--navy);color:#fff;margin-top:72px;padding:72px 0}
.mg-guide h2{color:#fff;margin:10px 0 36px}
.mg-guide-g{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.mg-guide-g>div{background:var(--navy-2);border-radius:16px;padding:26px}
.mg-guide-g span{display:inline-flex;width:38px;height:38px;border-radius:50%;background:var(--brick);align-items:center;justify-content:center;font-family:var(--font-h);font-weight:700;margin-bottom:16px}
.mg-guide-g b{display:block;font-family:var(--font-h);font-size:19px;margin-bottom:8px}
.mg-guide-g p{font-size:14.5px;line-height:1.6;color:#C5CFD8;margin:0}
/* Karten im neuen Look */
.ag-grid-4{gap:18px}
.agc{background:#fff;border-radius:16px;border:1px solid var(--line);overflow:hidden}
.agc-n{font-family:var(--font-h)}
@media (max-width:1100px){.mg-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.mg-usp-in{grid-template-columns:repeat(2,1fr)}.mg-acts span{display:none}}
@media (max-width:860px){
  .mg-wrap{padding:0 16px}
  .mg-head-in{flex-wrap:wrap;height:auto;padding-top:10px;padding-bottom:12px;gap:12px}
  .mg-burger{display:block}
  .mg-logo{margin-right:auto}.mg-logo img{height:34px}
  .mg-search{order:3;flex-basis:100%;max-width:none;height:44px}
  .mg-cats-sp,.mg-cats a[href*="sobre"],.mg-cats a[href*="politica"],.mg-cats a[href*="contacto"]{display:none}
  .mg-hero-in{grid-template-columns:1fr;min-height:0;padding-top:36px;padding-bottom:28px;gap:24px}
  .mg-hero::after{background:linear-gradient(180deg,rgba(14,20,26,.55) 0%,rgba(14,20,26,.85) 60%,rgba(14,20,26,.95) 100%)}
  .mg-hero h1{font-size:clamp(34px,10vw,46px)}
  .mg-hero-t p{font-size:15.5px;margin-bottom:22px}
  .mg-btn{height:46px;padding:0 20px}
  .mg-spot{max-width:none}
  .mg-spot-i{height:180px}
  .mg-usp-in{grid-template-columns:1fr 1fr;gap:14px}
  .mg-sec{padding-top:40px}
  .mg-tiles{gap:12px}.mg-tile{padding:14px}.mg-tile-i{height:110px}.mg-tile b{font-size:15.5px}
  .mg-guide{padding:48px 0;margin-top:48px}.mg-guide-g{grid-template-columns:1fr;gap:14px}
}
/* Karten: Innenabstand im neuen Kartenlook */
.agc{gap:6px;padding-bottom:16px}
.agc-img{border-radius:0;margin-bottom:6px;background:#F3F5F7}
.agc>.agc-brand,.agc>.agc-n,.agc>.agc-sub,.agc>.agc-p{padding-left:16px;padding-right:16px}
.agc-p{flex-wrap:wrap;row-gap:6px;align-items:center}
.agc-p form{margin-left:auto}
.agc-add{color:var(--brick);border-bottom-color:var(--brick);font-weight:600}
/* Fuß in Navy */
.ag-foot{background:var(--navy);color:#C5CFD8;border-top:0;margin-top:0}
.ag-foot-prom{border-bottom-color:#2A3B4B}
.ag-foot-prom b{font-family:var(--font-h);font-weight:600;font-size:19px;color:#fff}
.ag-foot-prom span,.ag-foot p,.ag-foot-bot{color:#9FB0BF}
.ag-foot h4{color:#fff}
.ag-foot a{color:#DCE3EA}.ag-foot a:hover{color:#F3B08F}
.ag-foot-bot{border-top-color:#2A3B4B}
.ag-foot-map{border-color:#2A3B4B}.ag-foot-map .maplink{background:#1D2C3A;color:#F3B08F}
.ag-foot .wd-link,.wd-link{color:inherit}
@media (max-width:860px){.mg-tile b{font-size:15px;overflow-wrap:anywhere;hyphens:auto}.mg-tile small{font-size:12px}.agc>.agc-brand,.agc>.agc-n,.agc>.agc-sub,.agc>.agc-p{padding-left:12px;padding-right:12px}}
.ag-foot ul a,.ag-foot-grid a,.ag-foot li a{color:#DCE3EA!important;opacity:1}
.ag-foot ul a:hover,.ag-foot-grid a:hover{color:#F3B08F!important}
@media (max-width:860px){.agc-p{align-items:flex-start!important;text-align:left!important}.agc-p .agc-price{width:auto}}
/* klassisches Menü in der Ziegel-Leiste */
.mg-cats-in{overflow:visible;gap:2px}
.mg-drop{position:relative}
.mg-drop-btn small{font-size:9px;opacity:.85}
.mg-drop-menu{position:absolute;left:0;top:calc(100% + 6px);background:#fff;border-radius:12px;box-shadow:0 20px 44px rgba(20,32,43,.22);min-width:260px;display:none;flex-direction:column;padding:8px;z-index:60}
.mg-drop-menu a{color:var(--navy)!important;padding:10px 12px;border-radius:8px;font-weight:500}
.mg-drop-menu a:hover{background:#EEF1F4}
.mg-drop-all{color:var(--brick)!important;border-top:1px solid var(--line);margin-top:4px;border-radius:0 0 8px 8px!important}
.mg-drop:hover .mg-drop-menu,.mg-drop:focus-within .mg-drop-menu{display:flex}
.mg-drop::after{content:"";position:absolute;left:0;right:0;top:100%;height:10px}
.mg-head{top:0}
@media (max-width:860px){.mg-cats{display:none}.ag-top-mid,.ag-top-r{display:none}.ag-top-in{justify-content:center}}
/* Banner-Sektionen (mg) */
.mg-hb{position:relative;container-type:inline-size;border-radius:20px;overflow:hidden;margin-bottom:22px;background:var(--navy)}
.mg-hb-media{display:block}.mg-hb-media img{display:block;width:100%;height:auto}
.mg-hb-card{box-sizing:border-box;width:45cqw;background:#fff;border-radius:18px;padding:2.6cqw 3cqw 2.4cqw;box-shadow:0 2cqw 4cqw rgba(0,0,0,.28);color:var(--navy)}
.mg-hb-k{display:block;font-family:'JetBrains Mono',monospace;font-size:1.05cqw;letter-spacing:.08em;text-transform:uppercase;color:var(--brick)}
.mg-hb-h{font-family:var(--font-h);font-weight:700;font-size:3.4cqw;line-height:1.05;letter-spacing:-.035em;margin:.8cqw 0 1.4cqw;white-space:nowrap}
.mg-hb-h span{color:var(--brick)}
.mg-hb-li{list-style:none;margin:0 0 1.4cqw;padding:0;font-size:1.3cqw;line-height:1.6;color:#3C4A57}
.mg-hb-li li{position:relative;padding-left:1.7cqw}.mg-hb-li li::before{content:"";position:absolute;left:0;top:.55em;width:.75cqw;height:.75cqw;border-radius:50%;background:var(--brick)}
.mg-hb-pr b{display:block;font-family:var(--font-h);font-weight:700;font-size:3cqw;letter-spacing:-.02em;line-height:1.05}
.mg-hb-pr small{display:block;font-size:.95cqw;color:#5D6B78;margin-top:.3cqw}
.mg-hb-row{display:flex;align-items:center;gap:1.6cqw;flex-wrap:wrap;margin-top:1.4cqw}
.mg-hb-row .eu-energy{margin:0;font-size:max(12px,.85cqw)}
.mg-hb-btn{height:auto;padding:1.05cqw 2.4cqw;font-size:1.3cqw}
@media (min-width:761px){.mg-hb{display:grid}.mg-hb-media,.mg-hb-card{grid-area:1/1}.mg-hb-card{position:relative;margin:3cqw 0 3cqw 2.5cqw;align-self:start;justify-self:start}}
@media (max-width:760px){
  .mg-hb{display:flex;flex-direction:column;border-radius:16px}
  .mg-hb-card{order:-1;width:auto;border-radius:0;box-shadow:none;padding:18px 16px 16px}
  .mg-hb-k{font-size:11px}
  .mg-hb-h{font-size:clamp(26px,8vw,34px);margin:8px 0 12px;white-space:normal}
  .mg-hb-li{font-size:14px;margin-bottom:12px}.mg-hb-li li{padding-left:16px}.mg-hb-li li::before{width:7px;height:7px}.mg-hb-li li:nth-child(n+3){display:none}
  .mg-hb-pr b{font-size:clamp(26px,8vw,32px)}.mg-hb-pr small{font-size:11px}
  .mg-hb-row{gap:12px;margin-top:12px}
  .mg-hb-btn{font-size:15px;padding:12px 22px}
  .mg-bnr .ag-grid-4>*:nth-child(n+3){display:none}
}