/* E036 — hub Nutrition + hero éditorial de l’analyseur */
.e36-tool-hero{
  position:relative;
  overflow:hidden;
  padding:clamp(78px,8vw,122px) 0 clamp(58px,6vw,88px);
  background:
    radial-gradient(circle at 15% 6%,rgba(243,152,80,.14),transparent 28%),
    linear-gradient(135deg,#f7f2e9 0%,#f1eee5 56%,#e7ede4 100%);
  color:#14332b;
  border-bottom:1px solid rgba(20,51,43,.08);
}
.e36-tool-hero:after{
  content:"";position:absolute;inset:auto 0 0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(20,51,43,.15),transparent);
}
.e36-tool-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,.94fr) minmax(430px,1.06fr);
  gap:clamp(48px,5.4vw,84px);
  align-items:center;
}
.e36-tool-hero-copy{position:relative;z-index:2;min-width:0}
.e36-tool-breadcrumb{margin-bottom:34px;color:#6b746f}
.e36-tool-breadcrumb a{color:#4e5a54}
.e36-tool-hero .kicker{margin-bottom:22px;color:#ad551f!important;font-size:11px;font-weight:750;letter-spacing:.16em}
.e36-tool-hero .kicker>span{background:#d87430}
.e36-tool-hero h1{max-width:720px;margin:0;color:#12382f;font-size:clamp(50px,5.4vw,82px);line-height:.95;letter-spacing:-.045em}
.e36-tool-hero h1 em{display:block;margin-top:6px;color:#ef8f4c;font-weight:400}
.e36-tool-hero-lead{max-width:720px;margin:28px 0 0;color:#54645d;font-size:18px;line-height:1.72}
.e36-tool-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:34px}
.e36-tool-actions .button{min-height:58px;padding-inline:24px;border-radius:9px;background:#ef914c;border-color:#ef914c;color:#13231e;font-size:14px}
.e36-tool-actions .button:hover{background:#f5a463;border-color:#f5a463}
.e36-tool-secondary{display:inline-flex;align-items:center;gap:12px;min-height:58px;padding:15px 18px;border:1px solid rgba(20,51,43,.18);border-radius:9px;background:rgba(255,255,255,.5);color:#16362e;text-decoration:none;font-size:14px;font-weight:650;transition:.2s ease}
.e36-tool-secondary:hover{transform:translateY(-2px);border-color:rgba(216,116,48,.42);background:#fff}
.e36-tool-secondary .icon{width:18px;height:18px}
.e36-tool-proof{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:30px;padding-top:22px;border-top:1px solid rgba(20,51,43,.11)}
.e36-tool-proof span{display:inline-flex;align-items:center;gap:7px;color:#4c5d56;font-size:12px;font-weight:650}
.e36-tool-proof .icon{width:15px;height:15px;color:#d66f2d}
.e36-tool-hero-visual{position:relative;min-width:0;margin:0;isolation:isolate;filter:drop-shadow(0 32px 62px rgba(22,41,34,.12))}
.e36-tool-hero-visual:before{
  content:"";position:absolute;z-index:-1;inset:5% -5% -5% 9%;pointer-events:none;border-radius:38px;
  background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(224,234,225,.44));
  border:1px solid rgba(20,51,43,.07);transform:rotate(2.2deg);
}
.e36-tool-hero-visual picture{display:block;overflow:hidden;border-radius:34px;background:#e7e5dc;border:1px solid rgba(20,51,43,.08);box-shadow:0 30px 72px rgba(22,41,34,.16)}
.e36-tool-hero-visual img{width:100%;aspect-ratio:1.18/1;height:auto;object-fit:cover;object-position:55% 50%;transform:scale(1.005)}
.e36-tool-hero-visual figcaption{max-width:590px;margin:15px 8px 0 auto;color:#66726c;font-size:10.5px;line-height:1.55;text-align:right}

@media(min-width:1181px){
  .e36-tool-hero-copy:after{content:"";display:block;width:96px;height:1px;margin-top:30px;background:linear-gradient(90deg,#d87430,transparent)}
}

.e36-tool-shortcuts{background:#f7f4ed;color:#19372f;border-bottom:1px solid rgba(20,51,43,.08)}
.e36-tool-shortcut-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.e36-tool-shortcut-grid a{position:relative;display:grid;grid-template-columns:34px 1fr;gap:3px 12px;min-height:126px;padding:25px 24px;border-right:1px solid rgba(20,51,43,.09);text-decoration:none;transition:background .2s ease,transform .2s ease}
.e36-tool-shortcut-grid a:first-child{border-left:1px solid rgba(20,51,43,.09)}
.e36-tool-shortcut-grid a:hover{background:#fff;transform:translateY(-2px)}
.e36-tool-shortcut-grid span{grid-row:1/3;display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:#14382f;color:#f2a15f;font-size:10px;font-weight:850;letter-spacing:.05em}
.e36-tool-shortcut-grid strong{align-self:end;color:#17362e;font:700 20px/1.05 Georgia,"Times New Roman",serif}
.e36-tool-shortcut-grid small{align-self:start;color:#69766f;font-size:10.5px;line-height:1.45}

#analyseur-de-repas,#impact-glycemique,#recettes-suggerees,#repertoire-ig{scroll-margin-top:calc(var(--header) + 28px)}
.e32-meal-tool-page{background:linear-gradient(180deg,#f2eee6 0%,#edf2ea 100%)}
.e32-meal-tool-page>.wrap{width:min(1380px,calc(100% - 2*var(--gutter)))}

@media(max-width:1180px){
  .e36-tool-hero-grid{grid-template-columns:1fr;gap:42px}
  .e36-tool-hero-copy{max-width:900px}
  .e36-tool-hero-visual{max-width:900px}
  .e36-tool-hero-visual:before{inset:4% -3% -4% 6%;transform:rotate(1.3deg)}
  .e36-tool-hero-visual img{aspect-ratio:4/3;object-position:54% 50%}
}
@media(max-width:900px){
  .e36-tool-shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .e36-tool-shortcut-grid a:nth-child(2){border-right:1px solid rgba(20,51,43,.09)}
  .e36-tool-shortcut-grid a:nth-child(n+3){border-top:1px solid rgba(20,51,43,.09)}
}
@media(max-width:680px){
  .e36-tool-hero{padding:50px 0 54px}
  .e36-tool-breadcrumb{margin-bottom:24px}
  .e36-tool-hero h1{font-size:clamp(45px,13vw,62px)}
  .e36-tool-hero-lead{font-size:16px;line-height:1.68}
  .e36-tool-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .e36-tool-actions .button,.e36-tool-secondary{width:100%;justify-content:space-between}
  .e36-tool-hero-visual picture{border-radius:22px}
  .e36-tool-hero-visual img{aspect-ratio:4/3;height:auto;object-position:53% 50%}
  .e36-tool-hero-visual figcaption{text-align:left;margin-inline:0}
  .e36-tool-proof{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .e36-tool-shortcut-grid{grid-template-columns:1fr}
  .e36-tool-shortcut-grid a,.e36-tool-shortcut-grid a:first-child{border-left:1px solid rgba(20,51,43,.09);border-right:1px solid rgba(20,51,43,.09);border-top:1px solid rgba(20,51,43,.09)}
  .e36-tool-shortcut-grid a:first-child{border-top:0}
}
@media(prefers-reduced-motion:reduce){.e36-tool-actions .button,.e36-tool-secondary,.e36-tool-shortcut-grid a{transition:none}.e36-tool-shortcut-grid a:hover,.e36-tool-secondary:hover{transform:none}}