/* Page /aliment/ — Kimélém Aliment, Saveur Antillaise (V3.34, 2026-09-26).
   Palette de l'étiquette : crème #f8f1e6, bordeaux #7a1f1f, or #c9a24a,
   rouge FORT #b91c1c, vert DOUCE #2f7a3a. Chargée seulement sur is_page('aliment'). */
.alimentPage{--al-cream:#f8f1e6;--al-paper:#fbf5ea;--al-bordeaux:#7a1f1f;--al-gold:#c9a24a;--al-ink:#2b1b15;--al-fort:#b91c1c;--al-douce:#2f7a3a;background:var(--al-cream);color:var(--al-ink)}
.alimentPage .eyebrow{color:#9b7739;font:bold 10px Arial,Helvetica,sans-serif;letter-spacing:.28em;text-transform:uppercase;margin:0 0 18px}
.alimentPage h1,.alimentPage h2,.alimentPage h3{font-weight:400;letter-spacing:-.02em;margin:0}
.alimentPage h2{font-size:58px;line-height:.98;color:var(--al-bordeaux)}
/* En-tête à l'identité Aliment : bande crème, logo Kimélém Aliment, liens encre/bordeaux */
header.alimentHeader.site-header{position:absolute;top:0;left:0;right:0;z-index:5;background:var(--al-cream);color:var(--al-ink);border-bottom:1px solid #d9c8ab}
header.alimentHeader nav a{color:var(--al-ink)}
header.alimentHeader nav a:hover,header.alimentHeader nav a.active{color:var(--al-bordeaux)}
.alimentHeader .langSwitch{color:var(--al-bordeaux);border-color:var(--al-bordeaux)}
.alimentHeader .navCta{color:var(--al-bordeaux);border-color:var(--al-bordeaux)}
.alimentHeader .navToggle span,.alimentHeader .navToggle span:before,.alimentHeader .navToggle span:after{background:var(--al-ink)}
.alimentBrand img{width:72px;height:72px;object-fit:contain;filter:none}

/* Hero = la bannière des deux pots, ENTIÈRE (2:1, jamais recadrée). Le texte
   vit dans la zone de bois sombre en haut à gauche — les pots commencent à
   46 % de la largeur, les légumes du bas à 55 % de la hauteur — et tout est
   en vw pour rester au même endroit de la photo quelle que soit la largeur.
   Décision du 2026-09-26 : préférée au pot seul sur fond flouté. */
.alimentHero{position:relative;background:var(--al-cream);line-height:0;padding-top:92px}
.alimentHeroImg{width:100%;height:auto;display:block}
.alimentHero::after{content:"";position:absolute;inset:92px 0 0 0;pointer-events:none;background:linear-gradient(100deg,#1f120d99 0%,#1f120d66 28%,transparent 48%)}
.alimentHeroCopy{position:absolute;left:5vw;top:calc(6.5vw + 92px);width:42vw;z-index:1;line-height:1.4}
.alimentHero .eyebrow{color:var(--al-gold);font-size:.62vw;letter-spacing:.28em;margin:0 0 1vw}
.alimentHero h1{font-size:4.3vw;line-height:.98;letter-spacing:-.02em;color:#f8f1e6;text-shadow:0 2px 12px #00000080}
.alimentHero .lead{font-size:1.05vw;line-height:1.5;margin:1.2vw 0 1.5vw;max-width:34vw;color:#f3eadb;text-shadow:0 1px 8px #00000080}
.alimentHero .button.gold{font-size:.7vw;padding:.9vw 1.5vw;letter-spacing:.14em}

.alimentIntro{display:grid;grid-template-columns:.9fr 1.1fr;gap:6vw 8vw;padding:125px 10vw;background:var(--al-paper);align-items:start}
.alimentIntroCopy p{font-size:18px;line-height:1.8;margin:0 0 22px;opacity:.85}
.alimentIntroArt{grid-column:1/-1;margin:20px 0 0}
.alimentIntroArt img{width:100%;display:block;border:1px solid #d9c8ab;box-shadow:0 30px 60px #3b241626}

.alimentProducts{padding:125px 10vw;background:var(--al-cream)}
.alimentHeading{margin-bottom:60px}
.alimentGrid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.jarCard{display:grid;grid-template-rows:auto 1fr;background:#fff;border:1px solid #e6d7c1;border-top:6px solid var(--al-gold);overflow:hidden}
.jar-fort{border-top-color:var(--al-fort)}.jar-douce{border-top-color:var(--al-douce)}
.jarVisual{padding:0;background:#2a1a12}
.jarVisual img{width:100%;height:auto;display:block}
.jarCopy{padding:32px 40px 40px}
.jarTag{display:inline-block;padding:4px 12px;font:bold 10px Arial,Helvetica,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#fff;background:var(--al-gold);margin-bottom:16px}
.jar-fort .jarTag{background:var(--al-fort)}.jar-douce .jarTag{background:var(--al-douce)}
.jarCopy h3{font-size:32px;color:var(--al-bordeaux);margin-bottom:12px}
.jarCopy p{font-size:16px;line-height:1.7;margin:0 0 18px;opacity:.85}
.jarLabel{display:block;color:#9b7739;font:bold 9px Arial,Helvetica,sans-serif;letter-spacing:.22em;text-transform:uppercase;margin:0 0 6px}
.jarIngredients,.jarUsage{font-size:14px!important;line-height:1.7!important}

.alimentDetails{display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding:125px 10vw;background:var(--al-paper)}
.alimentDetails .detailGrid{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-content:center}
.alimentDetails .detailGrid div{border-top:1px solid var(--al-gold);padding-top:18px}
.alimentDetails strong{display:block;font:400 30px Georgia,serif;color:var(--al-bordeaux)}
.alimentDetails small{display:block;font-size:13px;opacity:.7;margin-top:4px}

.alimentCta{padding:130px 10vw;text-align:center;background:linear-gradient(145deg,#8f2731,var(--al-bordeaux) 60%,#5a1515);color:#f3eadb;display:grid;justify-items:center}
.alimentCta .eyebrow{color:var(--al-gold)}
.alimentCta h2{color:#f3eadb}
.alimentCta p{max-width:560px;font-size:18px;line-height:1.7;margin:26px 0 8px;opacity:.9}

.alimentPage footer{padding:60px 10vw;background:#1f120d;color:#ffffff94;font-size:12px;display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;align-items:center}
.alimentPage .footerBrand strong{display:block;color:#f3eadb;font:400 22px Georgia,serif}
.alimentPage .footerBrand small{color:var(--al-gold);font:bold 8px Arial,Helvetica,sans-serif;letter-spacing:.22em;text-transform:uppercase}

@media(max-width:1080px){.alimentPage .site-header{gap:22px}.alimentPage .site-header nav{gap:18px}.alimentPage .navCta{display:none}.alimentGrid{grid-template-columns:1fr}}
@media(max-width:900px){.alimentHero{padding-top:76px;background:#1f120d}.alimentHero::after{inset:0}.alimentHero::after{display:none}.alimentHeroCopy{position:static;width:auto;padding:36px 7vw 56px;line-height:1.5}.alimentBrand img{width:56px;height:56px}.alimentHero .eyebrow{font-size:10px;margin:0 0 14px}.alimentHero h1{font-size:44px;text-shadow:none}.alimentHero .lead{font-size:17px;margin:18px 0 26px;text-shadow:none}.alimentHero .button.gold{font-size:11px;padding:14px 22px}.alimentIntro,.alimentDetails{grid-template-columns:1fr;gap:40px;padding:85px 7vw}.alimentProducts{padding:85px 7vw}.alimentCta{padding:90px 7vw}}
@media(max-width:560px){.alimentHero h1{font-size:38px}.alimentPage h2{font-size:44px}.jarCopy{padding:24px}.alimentDetails .detailGrid{grid-template-columns:1fr}}