/* 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 + stars in villa facts */
.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}
.facts .stars{display:block;color:#E3A21A;letter-spacing:2px;font-size:14px;margin-bottom:4px}
.photo-credit{flex-basis:100%;font-size:11px;opacity:.6}
.photo-credit a{text-decoration:underline}

/* 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}
}

/* villa viewer with 12 photos: 6 per row on desktop, a swipeable strip on phones */
.villa-tabs{grid-template-columns:repeat(6,1fr)!important}
@media(max-width:860px){
  .villa-tabs{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
  .villa-tabs::-webkit-scrollbar{display:none}
  .villa-tabs button{flex:0 0 27%;scroll-snap-align:start}
}

/* 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}
}

/* Single rooms: scarcity badge on the price tab */
.so-badge{display:inline-block;margin-left:8px;padding:3px 9px;border-radius:999px;background:#E07A2E;color:#fff;font-size:11px;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;vertical-align:2px;line-height:1.3}
.amt-soldout{display:flex;align-items:center;flex-wrap:wrap;gap:6px 18px}
.amt-soldout s{opacity:.35;text-decoration-thickness:4px}
.amt-soldout .soldout{font-size:.42em;letter-spacing:.04em;text-transform:uppercase;color:#C8432F;font-weight:700}