/* Mobile navigation only; desktop header rules remain untouched. */
@media(max-width:1199px){
 .site-header nav{grid-area:auto;left:0!important;right:0!important;top:100%!important;width:100%;max-width:100%;box-sizing:border-box;margin:0;padding:26px 22px 32px;border-radius:0;box-shadow:0 12px 22px #24254912;max-height:calc(100dvh - 122px);overflow-y:auto;overflow-x:hidden}
 .site-header nav.open{display:flex;align-items:center;justify-content:flex-start;gap:24px}
 .site-header nav .header-link{align-self:center;text-align:center;max-width:100%;line-height:1.35}
 .site-header nav .mobile-cta{display:inline-flex;position:relative!important;inset:auto;align-self:center;justify-content:center;flex-shrink:0;width:max-content;max-width:100%;gap:12px;padding:12px 21px;margin:3px 0 0;border-radius:999px;overflow:hidden;isolation:isolate;font-size:clamp(23px,5.8vw,27px);white-space:normal}
 .site-header nav .mobile-cta::before{inset:0;border-radius:inherit;border-width:3px;filter:none}
 .site-header nav .mobile-cta .mobile-menu-arrow{display:block;width:24px;height:24px;flex:none;color:#242549}
}
/* A rounded, illuminated panel for the expanded mobile navigation. */
@media(max-width:1199px){
 .site-header nav{left:12px!important;right:12px!important;top:calc(100% + 6px)!important;width:calc(100% - 24px);max-width:calc(100% - 24px);border:1px solid #edb0c1;border-radius:26px;padding:28px 20px 32px;isolation:isolate;background:#F890A5;box-shadow:0 12px 28px #72384b20;max-height:calc(100dvh - 146px)}
 .site-header nav::before{content:'';position:absolute;inset:0;border:2px solid transparent;border-radius:inherit;pointer-events:none;z-index:0;background:conic-gradient(from var(--border-beam-angle),transparent 0deg,transparent 220deg,#ffe9f0 260deg,#d5376c 302deg,#fff5f8 335deg,transparent 360deg) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:catalogue-border-beam 5s linear infinite}
 .site-header nav>a{z-index:1}
}
@media(max-width:1199px) and (prefers-reduced-motion:reduce){.site-header nav::before{animation:none;--border-beam-angle:35deg}}