/* The Safari chrome and the header share one opaque colour. The header owns
   the safe area; its navigation row never detaches while browser bars resize. */
html{background:#fff}
@media(max-width:760px),(pointer:coarse) and (max-height:600px){
 :root{--header-occupied:calc(var(--header-height) + env(safe-area-inset-top,0px))}
 html{scroll-padding-top:calc(var(--header-occupied) + 20px)}
 body{padding-top:var(--header-occupied)}
 .site-header.wrap{position:fixed;inset:0 0 auto;width:100%;height:var(--header-occupied);min-height:var(--header-occupied);max-height:none;padding-top:env(safe-area-inset-top,0px);padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px));background:#fff;transform:none;backdrop-filter:none;-webkit-backdrop-filter:none}
 .site-header:before{content:'';position:absolute;bottom:100%;left:0;right:0;height:env(safe-area-inset-top,0px);background:#fff;pointer-events:none}
 .site-header .languages{gap:0}
 .site-header .languages button{width:34px;min-width:34px}
 .site-header .header-actions{gap:6px}
 .size-choices{grid-template-columns:repeat(3,minmax(0,1fr))}
 .size-choices button{min-width:0;white-space:normal;min-height:46px}
 .request-dialog{max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 24px)}
 .footer-band{padding-bottom:env(safe-area-inset-bottom,0px)}
}
html[lang=el] .hero-chapter .hero h1{font-size:clamp(44px,4.45vw,77px)}
html[lang=el] .rate-heading>b{font-size:clamp(25px,1.85vw,31px);min-height:2.3em}
html[lang=el] .rate-heading>span{min-height:2.8em}
@media(max-width:760px){html[lang=el] .hero-chapter .hero h1{font-size:clamp(37px,8.2vw,58px)}}
@media(max-width:480px){html[lang=el] .size-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}