/* Joustava maksu -osio. Vain ulkoasu, ei lomake- tai maksulogiikkaa.
   Mitat on otettu mallikuvasta suhteessa sisällön leveyteen (--c), jotta
   asettelu on sama puhelimella ja tietokoneella. Puhelimella mittasuhteet ovat samat kuin mallikuvassa. */
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
#varausvalinta.booking-modes{container-type:inline-size;margin:0;padding:0;border:0;border-bottom:1px solid #e4e5e0;border-radius:0;background:transparent;box-shadow:none;animation:none}
#varausvalinta>*{--c:min(100cqw,600px)}
#varausvalinta .modes-heading{display:block;margin:0;padding-top:calc(var(--c)*.095)}
#varausvalinta .overline{display:block;margin:0;font:800 max(9px,calc(var(--c)*.0235))/1.2 'Inter',Figtree,Arial,sans-serif;letter-spacing:.3em;text-transform:uppercase;color:#69725f}
#varausvalinta .modes-heading h2{margin:calc(var(--c)*.032) 0 0;max-width:none;font:800 max(20px,calc(var(--c)*.0635))/1.12 'Inter',Figtree,Arial,sans-serif;letter-spacing:-.045em;color:#244c34;text-wrap:balance}
#varausvalinta .modes-heading>p:last-child{margin:calc(var(--c)*.028) 0 0;max-width:var(--c);font:500 max(12px,calc(var(--c)*.0335))/1.66 'Inter',Figtree,Arial,sans-serif;color:#646c60}
#varausvalinta .mode-links{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:16px;margin:calc(var(--c)*.04) 0 0;padding:0 0 calc(var(--c)*.066);max-width:var(--c)}
#varausvalinta .mode-link,#varausvalinta .mode-link:last-child{display:flex;align-items:center;gap:calc(var(--c)*.025);min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none;transition:none}
#varausvalinta .mode-link:hover{transform:none;border:0;box-shadow:none}
#varausvalinta .mode-icon{flex:0 0 auto;display:grid;place-items:center;width:max(34px,calc(var(--c)*.104));height:max(34px,calc(var(--c)*.104));border-radius:30%;background:#eff2e9;color:#284838}
#varausvalinta .mode-icon svg{width:44%;height:44%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transform:none}
#varausvalinta .mode-copy{display:block;min-width:0}
#varausvalinta .mode-copy b{display:block;max-width:6.8em;font:500 max(11px,calc(var(--c)*.029))/1.6 'Inter',Figtree,Arial,sans-serif;color:#284838;hyphens:none;overflow-wrap:normal}
#varausvalinta .booking-contact{display:none}
/* Hyvin kapeat puhelimet: vaihtoehdot allekkain, ettei teksti ahdistu. */
@media(max-width:299px){#varausvalinta .mode-links{flex-direction:column;align-items:flex-start;gap:14px}#varausvalinta .mode-copy b{max-width:none}}