/* A single, calm header rhythm at every width: logo, share, language, menu. */
.site-header .header-inner{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:clamp(9px,2vw,24px)}
.site-header .brand{margin-right:auto;z-index:3}
.site-header .menu-toggle{display:grid!important;order:1;place-items:center;flex:none;width:46px;height:46px;padding:0;border:1px solid rgba(255,255,255,.88);border-radius:12px;background:linear-gradient(#fff,#fff) center 11px/23px 2px no-repeat,linear-gradient(#fff,#fff) center 18px/23px 2px no-repeat,linear-gradient(#fff,#fff) center 25px/23px 2px no-repeat,linear-gradient(#fff,#fff) center 32px/23px 2px no-repeat,rgba(12,55,91,.44);box-shadow:0 0 9px rgba(255,255,255,.88),0 0 22px rgba(102,202,255,.62);z-index:3}
.site-header .menu-toggle svg{display:none}
.site-share,.language-switch{position:static;order:0;transform:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;margin:0;padding:4px 2px;border:0;border-radius:0;background:transparent;color:#123754;font:800 clamp(.76rem,1.7vw,.88rem)/1 var(--sans);letter-spacing:.03em;box-shadow:none;white-space:nowrap;cursor:pointer;text-shadow:0 0 8px #ffffffcc}
.site-share svg{width:29px;height:29px;stroke:currentColor;fill:none;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px currentColor) drop-shadow(0 0 10px #79c9ff)}
.language-switch .flag{font-size:1rem;line-height:1}
.language-switch img.flag{width:29px;height:20px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px #12375455,0 0 8px #6ec8ff,0 0 16px #ffffffaa}
.site-share:hover,.site-share:focus-visible,.language-switch:hover,.language-switch:focus-visible{color:#a3103c;outline:none}
body[data-route="/"] .site-share,body[data-route="/"] .language-switch{color:#fff}
body[data-route="/"] .site-share:hover,body[data-route="/"] .language-switch:hover{color:#ffd56f}
@media(max-width:700px){.site-header .header-inner{width:calc(100% - 26px);gap:clamp(7px,1.7vw,12px)}.site-header .brand strong{font-size:.88rem}.site-header .brand small{display:none}.site-share,.language-switch{font-size:.73rem;gap:5px}.site-share svg{width:25px;height:25px}.language-switch img.flag{width:25px;height:17px}.site-header .menu-toggle{width:42px;height:42px}}
@media(max-width:360px){.site-header .header-inner{width:calc(100% - 18px);gap:6px}.site-header .brand strong{font-size:.76rem}.site-share,.language-switch{font-size:.66rem}.site-share svg{width:22px;height:22px}.language-switch img.flag{width:22px;height:15px}.site-header .menu-toggle{width:40px;height:40px}}

/* The home drawer is dark, but its opened product list stays a readable white panel. */
body[data-route="/"] .site-header nav.is-open .dropdown-menu{background:#fff}
body[data-route="/"] .site-header nav.is-open .dropdown-menu a{color:#123754!important}
body[data-route="/"] .site-header nav.is-open .dropdown-menu a:hover,body[data-route="/"] .site-header nav.is-open .dropdown-menu a:focus-visible{color:#a3103c!important}

/* Benefit and rider cards follow the same top-left icon / left-aligned copy system as protection cards. */
.chat-attachment .detail-benefits article>svg,.chat-attachment .rider-grid article>svg{position:static!important;top:auto!important;left:auto!important;transform:none!important;grid-column:1!important;grid-row:1 / span 2!important;align-self:start!important;margin:0!important}
.chat-attachment .detail-benefits article h3,.chat-attachment .detail-benefits article p,.chat-attachment .rider-grid article h3,.chat-attachment .rider-grid article p{grid-column:2!important;text-align:left!important;margin-left:0!important}

.language-popover button,.gate-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px}
.language-popover button img,.gate-actions button img{width:20px;height:14px;object-fit:cover;border-radius:2px}

/* The legacy homepage never flashes before the cinematic homepage is ready. */
.page-home:not(.cinema-ready){visibility:hidden}