/* Akar Featured Categories — front styles */
.akardf-wrap{
  --akardf-paper:#FBFAF7;
  --akardf-ink:#1C1813;
  --akardf-stone:#ECEAE4;
  --akardf-clay:#9C6B43;
  --akardf-muted:#8C857A;
  --akardf-line:#E2DED5;
  --akardf-display:"Cormorant Garamond", Georgia, serif;
  --akardf-ui:"Jost", system-ui, sans-serif;
  --akardf-helv:"Akar Helvetica", Helvetica, Arial, sans-serif;
  --akardf-gap:16px;

  max-width:1400px;
  margin:0 auto;
  padding:48px 32px 70px;
  background:var(--akardf-paper);
  color:var(--akardf-ink);
  font-family:var(--akardf-ui);
  font-weight:300;
  box-sizing:border-box;
}
.akardf-wrap *{box-sizing:border-box;}
.akardf-wrap a{color:inherit;text-decoration:none;}

/* ---------- bandeau texte general ---------- */
.akardf-intro{text-align:center;max-width:760px;margin:0 auto 56px;}
.akardf-eyebrow{font-family:var(--akardf-ui);font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--akardf-clay);margin-bottom:16px;}
.akardf-h1{font-family:var(--akardf-helv);font-weight:700;font-size:58px;letter-spacing:.01em;line-height:1;margin:0 0 18px;}
.akardf-sub{font-family:var(--akardf-helv);font-weight:300;font-size:21px;color:#56504A;line-height:1.4;margin:0 0 14px;}
.akardf-note{font-family:var(--akardf-helv);font-weight:300;font-size:13.5px;color:var(--akardf-muted);line-height:1.7;margin:0;}

/* ---------- shared bits ---------- */
.akardf-mod-eyebrow{font-size:10.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--akardf-muted);}
.akardf-thumb{background:var(--akardf-stone);overflow:hidden;display:block;position:relative;}
.akardf-thumb img{display:block;width:100%;height:100%;object-fit:cover;}

.akardf-section{margin-bottom:78px;}
.akardf-section:last-child{margin-bottom:0;}

/* ---------- ligne 1 : categorie 16:9 + 2 produits 4:5 ---------- */
.akardf-row-top{
  display:grid;
  grid-template-columns: 2.05fr 1fr 1fr;
  gap: var(--akardf-gap);
  margin-bottom: var(--akardf-gap);
  align-items: stretch;
}
.akardf-row-top.akardf-mirrored{
  grid-template-columns: 1fr 1fr 2.05fr;
}
.akardf-row-top.akardf-mirrored .akardf-cat-hero{order:3;}
.akardf-row-top.akardf-mirrored .akardf-prod-card:nth-of-type(1){order:1;}
.akardf-row-top.akardf-mirrored .akardf-prod-card:nth-of-type(2){order:2;}

.akardf-cat-hero{position:relative;overflow:hidden;border-radius:2px;display:block;}
.akardf-field{position:absolute;inset:0;background:var(--akardf-stone);}
.akardf-field img{width:100%;height:100%;object-fit:cover;display:block;}
.akardf-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(28,24,19,.36) 0%,rgba(28,24,19,.03) 55%,rgba(28,24,19,0) 100%);}
.akardf-row-top.akardf-mirrored .akardf-scrim{background:linear-gradient(270deg,rgba(28,24,19,.36) 0%,rgba(28,24,19,.03) 55%,rgba(28,24,19,0) 100%);}
.akardf-cap{position:absolute;left:32px;bottom:28px;color:#FBFAF7;}
.akardf-row-top.akardf-mirrored .akardf-cap{left:auto;right:32px;text-align:right;}
.akardf-cap .akardf-mod-eyebrow{color:rgba(251,250,247,.85);}
.akardf-cap h2{font-family:var(--akardf-helv);font-weight:300;font-size:46px;line-height:1;margin:8px 0 14px;color:#FBFAF7;}
.akardf-cta{font-size:11px;letter-spacing:.18em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:4px;display:inline-flex;align-items:center;gap:8px;}

.akardf-prod-card{display:flex;flex-direction:column;}
.akardf-prod-card .akardf-thumb{aspect-ratio:4/5;border-radius:2px;flex:1;}
.akardf-prod-card:hover .akardf-thumb{opacity:.92;}

/* ---------- ligne 2 : 4 produits 4:5 ---------- */
.akardf-row-bottom{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--akardf-gap);
}

@media(max-width:980px){
  .akardf-row-top, .akardf-row-top.akardf-mirrored{grid-template-columns:1fr 1fr;}
  .akardf-cat-hero{grid-column:span 2;aspect-ratio:16/9;order:0 !important;}
  .akardf-row-top.akardf-mirrored .akardf-prod-card{order:0 !important;}
  .akardf-row-bottom{grid-template-columns:repeat(2,1fr);}
  .akardf-h1{font-size:44px;}
  .akardf-cap, .akardf-row-top.akardf-mirrored .akardf-cap{left:32px;right:auto;text-align:left;}
}

@media(max-width:560px){
  .akardf-wrap{padding:28px 16px 48px;}

  /* intro */
  .akardf-h1{font-size:36px;}
  .akardf-sub{font-size:16px;}
  .akardf-intro{margin-bottom:36px;}

  /* sections : tout en colonne unique */
  .akardf-row-top,
  .akardf-row-top.akardf-mirrored{
    grid-template-columns:1fr;
    gap:10px;
  }

  /* hero : pleine largeur, 16:9, ordre toujours en premier */
  .akardf-cat-hero{
    grid-column:span 1;
    aspect-ratio:16/9;
    order:0 !important;
    min-height:200px;
  }

  /* scrim vertical sur mobile pour lisibilite du texte en bas */
  .akardf-scrim,
  .akardf-row-top.akardf-mirrored .akardf-scrim{
    background:linear-gradient(180deg,rgba(28,24,19,0) 30%,rgba(28,24,19,.65) 100%);
  }

  /* titre bien cadre dans la hero, jamais tronque */
  .akardf-cap,
  .akardf-row-top.akardf-mirrored .akardf-cap{
    left:16px;
    right:16px;
    bottom:16px;
    text-align:left;
  }
  .akardf-cap h2{font-size:30px;margin:4px 0 10px;}
  .akardf-cta{font-size:10px;}

  /* les 2 produits de la ligne top passent en grille 2 col */
  .akardf-row-top .akardf-prod-card,
  .akardf-row-top.akardf-mirrored .akardf-prod-card{
    order:0 !important;
  }
  .akardf-row-top{
    grid-template-rows:auto;
  }
  /* forcer les 2 prod-cards de la top row en sous-grille 2 col */
  .akardf-row-top::after{
    content:'';
    display:none;
  }

  /* reorganisation : hero pleine largeur + grille 2col pour tous les produits */
  .akardf-row-top{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
  }
  .akardf-cat-hero{
    width:100%;
    flex:none;
  }
  .akardf-row-top .akardf-prod-card{
    width:calc(50% - 5px);
    flex:none;
  }

  /* ligne bottom : 2 colonnes */
  .akardf-row-bottom{
    grid-template-columns:repeat(2,1fr);
    gap:10px;
  }

  .akardf-section{margin-bottom:48px;}
}