/* Team: all four hosts in one row, same 4:5 portrait framing (photos pre-cropped with heads aligned) */
.team{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.team img{aspect-ratio:4/5!important;max-height:none!important;height:auto;object-fit:cover;object-position:50% 0}
@media(max-width:600px){
  .team{display:grid;grid-auto-flow:column;grid-template-columns:none!important;grid-auto-columns:62%;gap:14px!important;
    overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .team::-webkit-scrollbar{display:none}
  .team>div{scroll-snap-align:start}
}

/* where the NPS numbers come from */
.nps-note{margin:14px 0 0;font-size:12.5px;line-height:1.5;color:var(--mut,#6b736d);max-width:62ch}

/* country flags in participant cards + stay length under the price */
.pcard .meta .flag{display:inline-block;width:18px;height:13.5px;border-radius:2px;vertical-align:-2px;margin-right:4px;box-shadow:0 0 0 1px #0000001a}
.tar .tar-dur{font-size:15px;font-weight:600;color:var(--ink,#1b2420);margin:-4px 0 12px;letter-spacing:.01em}

/* mobile: one big standalone CTA on the first screen; the facts plaque sits under it in normal flow */
/* desktop: the same big standalone CTA under the subtitle; the plaque keeps only the facts */
.hero-cta{display:inline-flex;align-items:center;justify-content:center;gap:14px;margin:34px auto 0;min-height:68px;padding:18px 44px;border-radius:14px;
  font-size:18px;font-weight:700;line-height:1.2;white-space:nowrap;box-shadow:0 16px 40px rgba(0,0,0,.28)}
.hero-cta span+span{font-size:22px;line-height:1}
.hero-bottom .btn{display:none}
@media(max-width:860px){
  .hero{height:auto!important;min-height:100svh!important;padding:96px 20px 64px!important;justify-content:center}
  .hero-cta{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;max-width:440px;margin:28px auto 0;min-height:64px;padding:16px 20px;border-radius:14px;
    font-size:clamp(15px,4.4vw,17px);font-weight:700;line-height:1.2;white-space:nowrap;box-shadow:0 14px 34px rgba(0,0,0,.28)}
  .hero-cta span+span{font-size:21px;line-height:1}
  .hero-bottom{position:relative!important;left:auto!important;bottom:auto!important;transform:none!important;width:100%!important;max-width:440px!important;
    margin:16px auto 0!important;padding:14px 18px!important;gap:12px!important;z-index:2}
  .hero-bottom .btn{display:none}
  .hero-bottom .hero-meta:nth-child(3){display:block!important;grid-column:span 2;border:0!important;border-top:1px solid #E6EAE2!important;padding:10px 0 0!important}
  .hero .scroll-cue{display:none}
  .hero .motion-toggle{top:auto;bottom:14px!important;right:16px}
  .sticky{transition:transform .35s cubic-bezier(.22,1,.36,1)}
  body.hero-cta-on .sticky{transform:translateY(110%)}
}
@media(max-width:380px){
  .hero-cta{font-size:14px;padding:14px 14px;gap:8px;min-height:58px}
  .hero-cta span+span{font-size:18px}
}

/* booklet mockup of the deck cover next to the main CTA (UA/RU cover follows the page language) */
.hero-offer{display:flex;align-items:center;justify-content:center;gap:26px;margin-top:30px}
.hero-offer .hero-cta{margin:0}
.hero-book{display:block;padding:0;border:0;background:none;cursor:pointer;width:250px;flex:none;transform:rotate(-3deg);transition:transform .35s cubic-bezier(.22,1,.36,1)}
.hero-book:hover{transform:rotate(-1deg) translateY(-4px) scale(1.03)}
.hero-book img{display:block;width:100%;height:auto}
html[lang=ru] .hero-book .book-ua,html:not([lang=ru]) .hero-book .book-ru{display:none}
@media(max-width:860px){
  .hero-offer{flex-direction:column;gap:0;margin-top:22px}
  .hero-offer .hero-cta{margin:0 auto;width:100%}
  .hero-book{width:min(230px,62vw);margin:0 auto -10px;position:relative;z-index:1}
}
/* 2026-10-19: 6 вкладок вілли, лічильник вільних місць у тарифах */
.villa-tabs{grid-template-columns:repeat(6,1fr)}
@media(max-width:860px){.villa-tabs{grid-template-columns:repeat(3,1fr);row-gap:12px}}
.tar .tar-left{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;line-height:1;padding:7px 12px;border-radius:999px;background:rgba(73,140,60,.12);color:var(--green-text,#2f6b3a);margin:0 0 14px}
.tar .tar-left::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}
@media(max-width:600px){.price-tabs button{padding:11px 14px}}