
header>nav{gap:clamp(12px,1.4vw,24px);flex-wrap:wrap}
header>nav a{display:flex;flex-direction:column;justify-content:center;gap:3px;min-height:44px;white-space:nowrap}
header>nav a:last-child{display:flex;font-size:12px;letter-spacing:0}
header>nav a small{font-size:9px;line-height:1.2;color:#4c786d;font-weight:500}
#home,#room-film,#rooms,#rental-studio,#island-map,#other-features,#contact-us,.rental-anchor{scroll-margin-top:130px}
.fleet{position:relative}
.rental-anchor{position:absolute;top:0;left:0;width:1px;height:1px;pointer-events:none}
.contact-panel{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:center}
.contact-panel h2{max-width:650px}
.contact-panel>div>p:not(.eyebrow){max-width:570px;line-height:1.8;margin-top:24px;color:#536e64}
.contact-card{display:flex;flex-direction:column;align-items:flex-start;gap:22px;padding:36px;border:1px solid #cadbd3;border-radius:24px;background:linear-gradient(135deg,#edf7f1,#fff);box-shadow:0 18px 50px #183e340a;min-width:0}
.contact-hours{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600}
.contact-hours i{width:9px;height:9px;border-radius:50%;background:#19755d}
.contact-email{font-size:13px;overflow-wrap:anywhere;max-width:100%;text-decoration:underline;text-underline-offset:4px}
@media(min-width:851px){html[lang=ru] header>nav{display:flex}}
@media(min-width:851px) and (max-width:1200px){
 body>header{grid-template-columns:175px minmax(0,1fr) auto;column-gap:12px}
 header .brand{width:175px}header>nav{gap:3px 14px}header>nav a{font-size:11px;min-height:30px}
 header>nav a:last-child{font-size:11px}
}
@media(max-width:850px){
 header>nav.open{max-height:calc(100svh - 200px);overflow-y:auto;gap:8px;overscroll-behavior:contain}
 header>nav a{min-height:44px;padding:7px 0;font-size:16px}
 header>nav a:last-child{font-size:16px}
 header>nav a small{font-size:11px}
 .contact-panel{grid-template-columns:1fr;gap:28px}
 .contact-card{padding:26px}
}
.contact-channels{display:grid;gap:14px;width:100%;min-width:0}.contact-phones{display:grid;gap:8px}.contact-phones strong{font-size:13px}.contact-phones a{display:flex;align-items:center;min-height:44px;font-size:20px;font-weight:600;text-decoration:none}.contact-whatsapp{display:grid;gap:5px;padding:14px 18px;border-radius:16px;background:#17694f;color:#fff;text-decoration:none;line-height:1.5}.contact-whatsapp:hover{background:#11553f}.contact-whatsapp small{font-size:12px;opacity:.9}.contact-ids{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0}.contact-ids label{font-size:12px;min-width:0}.contact-ids input{display:block;width:100%;min-width:0;box-sizing:border-box;margin-top:7px;padding:10px;border:1px solid #c8dcd3;border-radius:10px;background:#fff;color:#183e34;font-size:16px}.contact-ids>small{grid-column:1/-1;color:#536e64;font-size:12px}
.contact-social{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.contact-social a{display:grid;align-content:center;gap:4px;min-width:0;min-height:68px;padding:12px;border:1px solid #c8dcd3;border-radius:15px;background:#ffffffa8;color:#183e34;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.contact-social span{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#527169}.contact-social strong{font-size:12px;line-height:1.35;overflow-wrap:anywhere}.contact-social a:hover{transform:translateY(-2px);box-shadow:0 10px 22px #183e3414}
@media(max-width:520px){.contact-social{grid-template-columns:1fr}.contact-social a{min-height:56px}}
#email-dialog{max-width:520px;width:calc(100% - 32px);box-sizing:border-box}#email-dialog h2{font-size:clamp(24px,5vw,36px)}.email-recipient{overflow-wrap:anywhere;margin:18px 0}.email-options{display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin:26px 0}.email-help{font-size:14px;line-height:1.6;color:#536e64}
