/* Shared FI/EN language control. Keep it visible outside the mobile menu. */
.header-inner{gap:20px}
.header-inner>.brand{order:1}
.header-inner>.main-nav{order:2;margin-left:auto}
.header-inner>.language-switch{order:3}
.header-inner>.menu-toggle{order:4}
.language-switch{display:flex;flex:0 0 auto;align-items:center;gap:2px;border:1px solid #ffffff38;border-radius:5px;padding:2px;color:#dfdcd5}
.language-switch::before{content:"";width:16px;height:16px;flex:0 0 16px;margin:0 4px 0 6px;background:center/16px 16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d9a93f' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.2 2.45 3.35 5.45 3.35 9S14.2 18.55 12 21M12 3C9.8 5.45 8.65 8.45 8.65 12S9.8 18.55 12 21'/%3E%3C/svg%3E")}
.language-switch a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:5px 9px;font-size:0;font-weight:650;line-height:1.2;border-radius:3px;white-space:nowrap}
.language-switch a::after{font-size:.75rem}
.language-switch a[hreflang="fi"]::after{content:"Suomi"}
.language-switch a[hreflang="en"]::after{content:"English"}
.language-switch a:hover{background:#ffffff12;color:#fff}
.language-switch a[aria-current="page"]{background:var(--gold);color:var(--ink)}
.language-switch a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
/* English words and currency amounts must not force a wider page. */
html[lang="en"] .price-amount strong{font-size:clamp(2.65rem,4.3vw,3.55rem)}
html[lang="en"] .price-amount small{font-size:.9rem}
html[lang="en"] .hero h1 em{max-width:100%}
@media(min-width:761px) and (max-width:960px){
  .header-inner{gap:12px}
  .header-inner .brand img{width:150px}
  .header-inner .main-nav{gap:14px;font-size:.76rem}
  .header-inner .nav-cta{padding-inline:12px;font-size:.75rem}
  .language-switch a{padding-inline:7px}
  .language-switch::before{margin-left:4px;margin-right:2px}
}
@media(max-width:760px){
  /* iOS/WhatsApp may fail to paint a fixed layer on the first frame. Keep the
     header in document coordinates initially, then fix it after user movement. */
  .site-header{position:absolute;top:0;left:0;right:0;width:100%;z-index:100;padding-top:env(safe-area-inset-top,0px);transform:none;-webkit-transform:none}
  html.mobile-header-fixed .site-header{position:fixed}
  body{padding-top:calc(var(--header) + env(safe-area-inset-top,0px))}
  .header-inner{gap:8px}
  .header-inner>.language-switch{order:2;margin-left:auto}
  .header-inner>.menu-toggle{order:3}
  .header-inner>.main-nav{order:4;margin-left:0}
  .language-switch{gap:1px}
  .language-switch::before{width:15px;height:15px;flex-basis:15px;background-size:15px 15px;margin:0 2px 0 5px}
  .language-switch a{min-width:31px;min-height:38px;padding:5px 4px;font-size:.72rem}
  .language-switch a::after{content:none!important}
}
@media(max-width:420px){
  .header-inner{gap:4px}
  .header-inner .brand img{width:132px}
  .language-switch a{min-width:28px;padding-inline:3px}
  .language-switch::before{margin-left:4px;margin-right:1px}
}
@media(max-width:340px){
  .header-inner .brand img{width:120px}
}