:root{--kane-announcement-height:0px}
header#navbar{top:0}
.kane-announcement{position:fixed;top:0;left:0;right:0;height:var(--kane-announcement-height);display:flex;align-items:center;justify-content:center;background:#5F0C36;color:#5F0C36;z-index:1}
.kane-announcement-bubble{display:inline-flex;align-items:center;gap:12px;padding:4px 15px;border-radius:30px;background:#FFEF9A;font:700 11px/1.3 Courier,monospace;letter-spacing:.04em}
.kane-announcement-bubble i{display:block;width:11px;height:11px;background:currentColor;mask:url('/public/brand/symbol.svg') center/contain no-repeat}
header nav .kane-language-menu{position:relative;flex:none;margin-left:4px;font:500 12px Livvic,sans-serif}
.kane-language-menu summary{display:flex;align-items:center;gap:7px;padding:8px 0;cursor:pointer;list-style:none;white-space:nowrap}
.kane-language-menu summary::-webkit-details-marker{display:none}
.kane-language-menu summary svg{width:17px;height:17px;flex:none}
.kane-language-menu summary i{width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin:0 2px 3px 2px}
.kane-language-menu[open] summary i{transform:rotate(225deg);margin-bottom:0}
.language-short{display:none}
.language-options{position:absolute;right:-12px;top:calc(100% + 8px);min-width:150px;padding:7px;background:#FFF8E2;color:#5F0C36;border:1px solid #5F0C3626;border-radius:14px;box-shadow:0 6px 18px #3b08221a}
header nav .language-options a{display:block;padding:11px 13px;color:#5F0C36;font-size:13px;border-radius:8px;text-decoration:none}
header nav .language-options a[aria-current=page]{background:#FEE7EE;color:#9B1A65;font-weight:600}
header nav .language-options a:hover{background:#FEE7EE}
.kane-language-menu summary:focus-visible,.language-options a:focus-visible{outline:2px solid #F85C8E;outline-offset:4px}
.kane-language-policy{display:flex;justify-content:flex-end;margin-bottom:25px;gap:15px;font:600 14px Livvic,sans-serif}
html[lang=en] .hibiscus-description-line{white-space:normal}
html[lang=en] .history-hero-copy h1{font-size:clamp(46px,5.8vw,88px)}
@media(min-width:721px) and (max-width:1100px){header nav{gap:12px}header nav .kane-language-menu{margin-left:0}}
@media(max-width:720px){header nav{gap:10px;justify-content:space-between}header nav .kane-language-menu{margin-left:0;font-size:11px}.language-full{display:none}.language-short{display:inline}.kane-language-menu summary{gap:5px}.kane-language-menu summary svg{width:15px;height:15px}html[lang=en] header nav{font-size:11px}html[lang=en] header>.btn{font-size:12px;padding-left:12px;padding-right:12px}.kane-announcement-bubble{font-size:10px}}
@media(max-width:380px){header nav{gap:6px;font-size:10px}html[lang=en] header nav{font-size:10px}}

/* Le choix de langue reprend strictement le style des liens du menu. */
header nav{align-items:center}
header nav .kane-language-menu{font:inherit;line-height:inherit;margin-left:0;color:inherit;align-self:center}
header nav .kane-language-menu summary{font:inherit;line-height:inherit;padding:0;gap:0;color:inherit}
header nav .kane-language-menu .language-full,header nav .kane-language-menu .language-short{font:inherit;line-height:inherit}
/* Bande supérieure pleine, sans tag autour du texte. */
.kane-announcement{background:#FFEF9A;color:#5F0C36}
.kane-announcement-bubble{background:none;border:0;border-radius:0;padding:0;font:500 12px/1.3 Livvic,sans-serif;letter-spacing:0}

header nav .kane-language-inline{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font:inherit;line-height:inherit;color:inherit}
header nav .kane-language-inline a{font:inherit;line-height:inherit;color:inherit;text-decoration:none;padding:0;background:none;border:0}
header nav .kane-language-inline a[aria-current=page]{color:inherit}
header nav .kane-language-inline a:hover{text-decoration:underline;text-underline-offset:4px}
header nav .kane-language-inline a:focus-visible{outline:2px solid #F85C8E;outline-offset:4px}
.kane-announcement-socials{position:absolute;right:5.5%;top:0;height:100%;display:flex;align-items:center;gap:15px}
.kane-announcement-social{display:flex;align-items:center;justify-content:center;width:20px;height:24px;padding:0;border:0;background:none;color:#5F0C36;opacity:1}
.kane-announcement-social svg{display:block;width:17px;height:17px}
.kane-announcement-social:disabled{opacity:1;cursor:default}
@media(max-width:720px){.kane-announcement{padding-left:15px;padding-right:110px}.kane-announcement-socials{right:5%;gap:11px}.kane-announcement-social svg{width:16px;height:16px}.kane-announcement-bubble{font-size:11px}}
/* Message aligné à gauche et logos de marque pleins. */
.kane-announcement{justify-content:flex-start;padding-left:5.5%;padding-right:5.5%}
.kane-announcement-bubble{font:500 14px/1.25 Livvic,sans-serif;max-width:calc(100% - 130px)}
.kane-announcement-social svg{width:18px;height:18px;fill:currentColor;stroke:none}
@media(max-width:720px){.kane-announcement{padding-left:5%;padding-right:5%}.kane-announcement-bubble{font-size:11px;line-height:12px;max-width:calc(100% - 100px);display:block}.kane-announcement-socials{gap:11px}.kane-announcement-social svg{width:17px;height:17px}}

/* Menu without announcement strip */
:root{--kane-announcement-height:0px}
header#navbar{top:0}
.kane-announcement{display:none}

/* Shared typeface for section subtitles and text tags, in both languages. */
@font-face{font-family:'True Typewriter';src:url('/public/fonts/true-typewriter.woff2') format('woff2');font-display:swap}
.eyebrow,.newsletter-eyebrow,.heritage-about-tag,.care-capsule,.drink-discovery-sticker,.drink-discovery-ingredients li,.kane-story-ingredient-tag,.kane-story-partner-label,.kane-story-caption,.kane-feed-label,.soft-drink-sticker,.film-ingredient-tag,.film-edition,.partner-types span{font-family:'True Typewriter',Courier,monospace!important}

/* Seule la couleur du texte du bouton change dans le menu après scroll. */
header#navbar.scrolled>.btn{color:#fff}