/* Галиотис — основные стили главной */
:root{
  --navy:#041F4A;
  --ink:#0E2A4F;
  --muted:#4A6280;
  --surface:#F4F7F8;
  --foam:#E9EFF1;
  --lagoon:#138FA3;
  --lagoon-d:#0C6F80;
  --deep:#06284A;
  --deeper:#031B35;
  --sun:#9FDCE8;
  --sun-soft:#ECE7DE;
  --display:"Unbounded","Arial Black",system-ui,sans-serif;
  --body:"Manrope","Segoe UI",system-ui,sans-serif;
  --r-lg:18px; --r-md:12px; --r-sm:8px;
  --pad:clamp(20px,4vw,56px);
  --vh:1vh;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){ color-scheme:light; } }
:root[data-theme="dark"]{ color-scheme:light; }
*,*::before,*::after{box-sizing:inherit}
html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 80px)}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body{margin:0;background:var(--surface);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
button{font:inherit;cursor:pointer}
:focus-visible{outline:3px solid var(--lagoon);outline-offset:3px;border-radius:6px}
.wrap{max-width:1320px;margin:0 auto;padding:0 var(--pad)}
h1,h2,h3{font-family:var(--display);font-weight:500;letter-spacing:-.02em;margin:0;line-height:1.05}
h2{font-size:clamp(32px,4.6vw,64px)}
h3{font-size:clamp(20px,1.8vw,26px);letter-spacing:-.01em}
p{margin:0}
.lead{font-size:clamp(17px,1.4vw,20px);color:var(--muted);max-width:56ch}

/* ---------- buttons ---------- */
.btn,.round{position:relative;overflow:hidden;isolation:isolate}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border-radius:10px;border:0;font-weight:700;font-size:16px;text-decoration:none;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
/* единый hover: кнопка приподнимается, по ней проходит мягкая заливка */
.btn::after,.round::after{content:"";position:absolute;inset:0;z-index:-1;background:currentColor;opacity:0;transform:translateY(101%);transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .35s}
.btn:hover,.round:hover:not(:disabled){transform:translateY(-2px)}
.btn:hover::after,.round:hover:not(:disabled)::after{opacity:.12;transform:translateY(0)}
.btn:active,.round:active{transform:translateY(0)}
.btn-sun{background:var(--navy);color:#fff}
.deep .btn-sun,.safari .btn-sun,.footer .btn-sun,.coach--join .btn-sun{background:#fff;color:var(--navy)}
.btn-ghost{background:transparent;color:inherit;box-shadow:inset 0 0 0 1.5px currentColor}
.btn-navy{background:var(--navy);color:#fff}
.link-gift{background:none;border:0;padding:6px 0;color:inherit;font-weight:700;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:5px}

/* ---------- header ---------- */
.header{position:fixed;inset:0 0 auto 0;z-index:50;padding-top:env(safe-area-inset-top,0px);transition:background .35s ease,box-shadow .35s ease}
.header.solid{background:rgba(243,249,251,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(4,31,74,.08)}
.header .wrap{display:flex;align-items:center;gap:28px;height:76px}
.logo{display:block;width:150px;color:var(--navy)}
.logo svg{width:100%;height:auto;display:block}
.nav{display:flex;gap:26px;margin-left:auto}
.nav a{text-decoration:none;font-weight:600;font-size:15px;color:var(--navy);opacity:.8}
.nav a:hover{opacity:1}
.h-phone{font-weight:700;text-decoration:none;color:var(--navy);white-space:nowrap}
.burger{display:none;margin-left:auto;width:48px;height:48px;border-radius:50%;border:0;background:var(--navy);color:#fff}
@media (max-width:980px){.nav,.h-phone{display:none}.burger{display:inline-grid;place-items:center}.header .btn{display:none}.logo{width:128px}}
.mnav{position:fixed;inset:0;z-index:60;background:var(--navy);color:#fff;display:none;flex-direction:column;justify-content:center;gap:18px;padding:var(--pad)}
.mnav.open{display:flex}
.mnav a{font-family:var(--display);font-size:28px;text-decoration:none}
.mnav .close{position:absolute;top:calc(env(safe-area-inset-top,0px) + 14px);right:var(--pad);width:48px;height:48px;border-radius:50%;border:0;background:#fff;color:var(--navy)}

/* ---------- depth gauge ---------- */
.gauge{position:fixed;right:22px;top:50%;transform:translateY(-50%);z-index:40;display:flex;align-items:center;gap:10px;font-family:var(--display);font-size:12px;color:var(--navy);pointer-events:none;mix-blend-mode:normal}
.gauge .track{position:relative;width:2px;height:34vh;background:rgba(4,31,74,.15);border-radius:2px}
.gauge .fill{position:absolute;left:0;top:0;width:2px;background:var(--lagoon);border-radius:2px;height:0}
.gauge .tick{position:absolute;left:-4px;width:10px;height:1px;background:rgba(4,31,74,.3)}
.gauge .val{min-width:44px;text-align:right;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.85)}
@media (max-width:980px){.gauge{display:none}}

/* ---------- HERO SCENE ---------- */
.hero{position:relative;height:calc(var(--vh)*260);background:#06263f}
.hero.short{height:calc(var(--vh)*180)}
.scene{position:sticky;top:0;height:calc(var(--vh)*100);overflow:hidden;background:#06263f}
/* новый Safari (iOS 26) рисует страницу и под плавающей панелью снизу: сцена тянется до низа экрана,
   а текст и форма остаются на прежнем месте, над панелью */
.scene{height:max(calc(var(--vh)*100),100lvh)}
.scene{height:max(calc(var(--vh)*100),100lvh,var(--sh,0px))}
/* низ картинки мягко уходит в цвет фона — даже если браузер покажет больше, стыка не видно */
.split::after{content:"";position:absolute;left:0;right:0;bottom:0;height:110px;background:linear-gradient(180deg,rgba(6,38,63,0),#06263f);pointer-events:none}
.layer{position:absolute;inset:0;will-change:transform,opacity,filter}
.layer img{width:100%;height:100%;object-fit:cover;display:block}
.split img{object-position:var(--sx,50%) 50%}
.split .uwtint{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,60,96,0),rgba(6,48,84,.55));opacity:0}
.layer-deep{opacity:0}
.layer-deep::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 0,rgba(0,0,0,0) 40%,rgba(2,20,38,.55))}
.diver{position:absolute;left:0;top:0;max-width:none;width:var(--dw,60vw);height:auto;opacity:0;will-change:transform,opacity,filter;pointer-events:none;transform-origin:0 0}
.hero-scrim{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(3,26,52,.62) 0,rgba(3,26,52,.38) 34%,rgba(3,26,52,0) 58%),linear-gradient(0deg,rgba(3,26,52,.35),rgba(3,26,52,0) 40%)}
#fish{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.fg-reef{position:absolute;inset:0;pointer-events:none;opacity:0;will-change:transform,opacity}
.fg-reef img{position:absolute;bottom:-14%;width:min(46vw,620px);height:auto;filter:blur(9px) brightness(.55) saturate(.7) hue-rotate(-10deg)}
.fg-reef .fg-l{left:-8%}
.fg-reef .fg-r{right:-10%;width:min(40vw,540px);transform:scaleX(-1)}
@media (max-width:980px){.fg-reef img{width:70vw;filter:blur(6px) brightness(.55)}}
.hero-ui{position:absolute;inset:0 0 auto 0;height:calc(var(--vh)*100);display:flex;flex-direction:column;justify-content:flex-end;padding:0 var(--pad) calc(var(--vh)*7 + env(safe-area-inset-bottom,0px));pointer-events:none}
.hero-ui > *{pointer-events:auto}
.hero-ui .inner{max-width:1320px;width:100%;margin:0 auto}
.rating{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;background:rgba(255,255,255,.88);color:var(--navy);font-weight:700;font-size:14px;margin-bottom:22px;text-decoration:none}
.rating svg{color:#F2A900}
.hero h1{font-size:clamp(40px,6.3vw,96px);color:#fff;text-shadow:0 2px 30px rgba(2,20,40,.35);max-width:9.5ch;line-height:.98}
.hero .sub{margin-top:20px;max-width:44ch;font-size:clamp(16px,1.35vw,19px);color:rgba(255,255,255,.9);font-weight:500}
.hero-actions{margin-top:28px;display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.phone-pill{display:flex;align-items:center;gap:6px;padding:6px;border-radius:14px;background:rgba(255,255,255,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 40px rgba(4,31,74,.12)}
.phone-pill input{border:0;background:transparent;font:inherit;font-weight:600;color:var(--navy);padding:0 16px;width:210px;min-height:48px}
.phone-pill input::placeholder{color:#5D7491}
.phone-pill input:focus{outline:none}
.phone-pill:focus-within{box-shadow:0 0 0 3px var(--lagoon),0 10px 40px rgba(4,31,74,.12)}
.play{display:inline-flex;align-items:center;gap:12px;background:none;border:0;color:#fff;font-weight:700;min-height:48px;padding:0 6px}
.play span{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.88);color:var(--navy)}
.hint{margin-top:12px;font-size:14px;color:var(--muted)}
.hero .hint{color:rgba(255,255,255,.75)}
.scroll-cue{position:absolute;right:var(--pad);bottom:calc(var(--vh)*7);font-size:14px;font-weight:600;color:#fff;display:flex;align-items:center;gap:10px}
.scroll-cue i{display:block;width:2px;height:40px;background:linear-gradient(#fff,transparent);animation:cue 1.8s ease-in-out infinite}
@keyframes cue{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
@media (max-width:980px){
  .hero-ui{padding-bottom:calc(var(--vh)*5 + env(safe-area-inset-bottom,0px))}
  .phone-pill input{width:150px}
  .scroll-cue{display:none}
  .hero-ui::before{content:"";position:absolute;left:0;right:0;bottom:0;height:70%;background:linear-gradient(180deg,rgba(3,26,52,0),rgba(3,26,52,.7) 40%,rgba(3,26,52,.85));pointer-events:none}
  .hero-scrim{display:none}
  .hero-ui .inner{position:relative}
}

/* ---------- sections common ---------- */
.sec{position:relative;padding:clamp(80px,10vw,150px) 0}
.sheet{position:relative;z-index:2;margin-top:-24px;border-radius:24px 24px 0 0;background:var(--surface)}
.sec-head{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:end;margin-bottom:clamp(36px,5vw,64px)}
@media (max-width:900px){.sec-head{grid-template-columns:1fr}}

/* ---------- services bento ---------- */
.bento{display:grid;grid-template-columns:1.15fr 1fr 1fr;grid-template-rows:auto auto;gap:18px}
.card{position:relative;border-radius:var(--r-lg);overflow:hidden;background:#fff;display:flex;flex-direction:column}
.card .ph{position:relative;flex:1;min-height:240px}
.card .body{padding:24px 26px 26px;display:flex;flex-direction:column;gap:12px}
.card .row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.price{font-family:var(--display);font-weight:600;font-size:22px;color:var(--navy);white-space:nowrap}
.meta{font-size:14px;font-weight:600;color:var(--lagoon-d)}
.card p{color:var(--muted)}
.actions{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin-top:6px}
.card--dolphin{grid-row:1/3;background:var(--navy);color:#fff}
.card--dolphin p{color:rgba(255,255,255,.78)}
.card--dolphin .price{color:var(--sun)}
.card--dolphin .meta{color:#8FE3EE}
.card--dolphin .ph{min-height:420px}
.card--dolphin h3{font-size:clamp(26px,2.6vw,38px)}
.card--course{grid-column:2/4}
.card--course{flex-direction:row}
.card--course .ph{flex:0 0 44%;min-height:0}
.card--course .body{flex:1;justify-content:center}
.nonswim{grid-column:2/3;grid-row:1/2}
@media (max-width:1100px){
  .bento{grid-template-columns:1fr 1fr}
  .card--dolphin{grid-row:auto;grid-column:1/3}
  .card--course{grid-column:1/3}
}
@media (max-width:700px){
  .bento{grid-template-columns:1fr}
  .card--dolphin,.card--course{grid-column:auto}
  .card--course{flex-direction:column}
  .card--course .ph{flex:none;min-height:220px}
  .card--dolphin .ph{min-height:300px}
}
.medal{position:absolute;z-index:4;width:132px;height:132px;top:-44px;right:-22px;perspective:700px;pointer-events:none}
.medal-in{position:relative;width:100%;height:100%;border-radius:50%;transform:rotateX(var(--rx,10deg)) rotateY(var(--ry,-14deg));transition:transform .25s ease-out}
.m-rim{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from var(--ha,200deg),#FBFCFD,#9AA5AF 10%,#EEF1F3 22%,#7A8590 36%,#F6F8F9 50%,#A2ACB5 63%,#FFFFFF 76%,#86919B 88%,#FBFCFD)}
.m-rim::after{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(rgba(0,0,0,.22) 0 2deg,transparent 2deg 4deg);-webkit-mask:radial-gradient(circle,transparent 61px,#000 62px);mask:radial-gradient(circle,transparent 61px,#000 62px)}
.m-face{position:absolute;inset:11px;border-radius:50%;display:grid;place-items:center;background:
 repeating-conic-gradient(from 0deg,rgba(255,255,255,.07) 0 .8deg,rgba(0,0,0,.035) .8deg 1.6deg),
 radial-gradient(circle at 34% 28%,#FFFFFF 0,#E9EDF0 20%,#BFC8CF 50%,#8E9AA5 78%,#C9D1D7 100%);
 box-shadow:inset 0 2px 2px rgba(255,255,255,.95),inset 0 -4px 7px rgba(0,0,0,.28),0 0 0 1px rgba(0,0,0,.12)}
.m-face::before{content:"";position:absolute;inset:7px;border-radius:50%;border:1px solid rgba(0,0,0,.2);box-shadow:0 1px 0 rgba(255,255,255,.75),inset 0 1px 0 rgba(255,255,255,.6)}
.m-txt{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;font-family:var(--display);font-weight:600;font-size:14px;line-height:1.05;text-align:center;color:#56616C;text-shadow:0 1px 0 rgba(255,255,255,.9),0 -1px 0 rgba(0,0,0,.28)}
.m-txt svg{filter:drop-shadow(0 1px 0 rgba(255,255,255,.9)) drop-shadow(0 -1px 0 rgba(0,0,0,.25))}
.m-holo{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from var(--ha,200deg),#FF9AD5,#9AD9FF,#A3FFCF,#FFF59A,#FFB59A,#D0A3FF,#FF9AD5);mix-blend-mode:overlay;opacity:.45}
.m-shine{position:absolute;inset:0;border-radius:50%;background:linear-gradient(115deg,transparent 32%,rgba(255,255,255,.85) 46%,transparent 60%);background-size:260% 260%;background-position:var(--sx,30%) 0;mix-blend-mode:soft-light}
.card--trial{overflow:visible}
.card--trial .ph{border-radius:var(--r-lg) var(--r-lg) 0 0;overflow:hidden}
@media (max-width:700px){.medal{width:112px;height:112px;top:-36px;right:-4px}.m-rim::after{-webkit-mask:radial-gradient(circle,transparent 51px,#000 52px);mask:radial-gradient(circle,transparent 51px,#000 52px)}.m-txt{font-size:12px}}
.nonswim-note{display:flex;gap:14px;align-items:flex-start;margin-top:22px;max-width:62ch;font-weight:600;color:var(--navy)}
.nonswim-note svg{flex:none;margin-top:3px;color:var(--lagoon-d)}

/* photos */
.ph{position:relative;overflow:hidden}
.ph>img.pi{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
/* placeholders */
.ph{background:linear-gradient(150deg,#BFE8EF,#7CCFE0 55%,#3BA8C7)}
.ph.dark{background:linear-gradient(160deg,#1D6E98,#0B3E68 60%,#062A4D)}
.ph.warm{background:linear-gradient(150deg,#EFE6D6,#D6C4A2 60%,#B79F78)}
.ph.pool{background:repeating-linear-gradient(90deg,rgba(255,255,255,.18) 0 2px,transparent 2px 60px),linear-gradient(170deg,#9EE3EE,#3CB5D0)}
.ph.ice{background:linear-gradient(170deg,#EAF7FB,#A9D8E8 50%,#5C9FBF)}
.ph.sand{background:linear-gradient(170deg,#CDEFEE,#7FD0D9 50%,#E9D9B4)}
.ph-label{position:absolute;left:16px;bottom:14px;font-size:12px;font-weight:600;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.75);color:var(--navy)}
.card--dolphin .ph-label{background:rgba(4,31,74,.55);color:#fff}
.dolphin-swim{position:absolute;width:44%;left:-50%;top:30%;color:rgba(255,255,255,.55);pointer-events:none}
.dolphin-swim.go{animation:dswim 3.4s cubic-bezier(.45,.05,.4,1) forwards}
@keyframes dswim{0%{transform:translate(0,30px) rotate(-6deg)}50%{transform:translate(170%,-24px) rotate(-14deg)}100%{transform:translate(360%,10px) rotate(8deg)}}

/* ---------- certificate ---------- */
.cert{background:var(--sun-soft);border-radius:var(--r-lg);padding:clamp(28px,5vw,72px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,80px);align-items:center;overflow:hidden}
@media (max-width:900px){.cert{grid-template-columns:1fr}}
@media (max-width:420px){.seg button{padding:0 12px;font-size:14px}}
.cert h2{color:var(--navy)}
.cert .lead{color:#5B5236;margin-top:18px}
.seg{display:inline-flex;margin-top:28px;padding:5px;border-radius:12px;background:#fff}
.seg button{white-space:nowrap;border:0;background:transparent;border-radius:8px;min-height:44px;padding:0 18px;font-weight:700;color:var(--navy)}
.seg button[aria-pressed="true"]{background:var(--navy);color:#fff}
.cert-price{margin-top:22px;font-family:var(--display);font-size:clamp(28px,3vw,40px);color:var(--navy);font-weight:600}
.cert-price small{font-family:var(--body);font-size:15px;font-weight:600;color:#6B6045;margin-left:8px}
.cert .actions{margin-top:22px}
.ticket-stage{perspective:1100px;display:grid;place-items:center;min-height:340px}
.ticket{width:min(460px,100%);aspect-ratio:1.62;border-radius:22px;background:var(--navy);color:#fff;position:relative;padding:26px 28px;display:flex;flex-direction:column;justify-content:space-between;transform-style:preserve-3d;transition:transform .18s ease-out;box-shadow:0 30px 60px rgba(4,31,74,.28)}
.ticket::before,.ticket::after{content:"";position:absolute;width:30px;height:30px;border-radius:50%;background:var(--sun-soft);top:calc(62% - 15px)}
.ticket::before{left:-15px}.ticket::after{right:-15px}
.ticket .perf{position:absolute;left:24px;right:24px;top:62%;border-top:2px dashed rgba(255,255,255,.25)}
.ticket .t-logo{width:120px;color:#fff}
.ticket .t-kind{font-size:13px;color:#8FE3EE;font-weight:600}
.ticket .t-name{font-family:var(--display);font-size:clamp(20px,2.2vw,28px);line-height:1.1;margin-top:4px}
.ticket .t-fields{display:flex;gap:28px;font-size:13px;color:rgba(255,255,255,.7)}
.ticket .t-fields b{display:block;color:#fff;font-weight:600;font-size:15px;border-bottom:1px solid rgba(255,255,255,.35);min-width:110px;padding-bottom:2px;margin-top:2px}
.ticket .t-shine{position:absolute;inset:0;border-radius:22px;background:radial-gradient(400px circle at var(--mx,30%) var(--my,20%),rgba(255,255,255,.18),transparent 45%);pointer-events:none}
.ticket .t-wave{position:absolute;right:22px;top:24px;width:70px;color:var(--sun)}

/* ---------- advanced (deep) ---------- */
.deep{background:linear-gradient(180deg,var(--surface) 0,#7FC3D6 40px,#1C5E8C 90px,var(--deep) 130px,var(--deep) 100%);color:#fff;padding-top:clamp(150px,13vw,190px)}
.deep .lead{color:rgba(255,255,255,.72)}
.deep-list{border-top:1px solid rgba(255,255,255,.18)}
.deep-row{position:relative;display:grid;grid-template-columns:1.3fr 1.2fr auto;gap:28px;align-items:center;padding:34px 0;border-bottom:1px solid rgba(255,255,255,.18)}
.deep-row h3{font-size:clamp(30px,4.6vw,68px);font-weight:500;transition:transform .5s cubic-bezier(.2,.8,.2,1),color .3s}
.deep-row:hover h3{transform:translateX(18px);color:#9FDCE8}
.deep-row .info{color:rgba(255,255,255,.75);display:flex;flex-direction:column;gap:8px}
.deep-row .info .price{color:#fff}
.tag{display:inline-flex;align-items:center;gap:6px;width:max-content;padding:5px 12px;border-radius:8px;background:rgba(143,227,238,.14);color:#8FE3EE;font-size:13px;font-weight:700}
.deep-row .actions{justify-content:flex-end}
.deep-row .btn-ghost{color:#fff}
.deep-row .thumb{display:none}
@media (max-width:900px){
  .deep-row{grid-template-columns:1fr;gap:16px}
  .deep-row .actions{justify-content:flex-start}
  .deep-row .thumb{display:block;height:180px;border-radius:var(--r-md);position:relative}
}
.cursor-img{position:fixed;left:0;top:0;width:300px;height:210px;border-radius:var(--r-md);pointer-events:none;z-index:30;opacity:0;transform:translate(-50%,-50%) scale(.8);transition:opacity .3s ease,transform .3s ease;overflow:hidden}
.cursor-img.on{opacity:1;transform:translate(-50%,-50%) scale(1)}
.cursor-img .ph{position:absolute;inset:0;transition:opacity .3s}

/* ---------- safari ---------- */
.safari{background:var(--deep);color:#fff;overflow:hidden}
.safari .sec-head .lead{color:rgba(255,255,255,.72)}
.track-h{display:flex;gap:20px;width:max-content;padding-right:var(--pad)}
.trip{position:relative;width:min(520px,82vw);height:min(560px,70vh);border-radius:var(--r-lg);overflow:hidden;flex:none;display:flex;flex-direction:column;justify-content:flex-end}
.trip .ph{position:absolute;inset:0}
.trip .ov{position:relative;padding:28px;background:linear-gradient(180deg,transparent,rgba(3,27,53,.85));display:flex;flex-direction:column;gap:10px}
.trip h3{font-size:clamp(26px,2.6vw,36px)}
.trip p{color:rgba(255,255,255,.8)}
.trip--next{background:#fff;color:var(--navy);justify-content:space-between;padding:32px}
.trip--next .k{font-weight:700}
.trip--next h3{font-size:clamp(26px,3vw,42px);overflow-wrap:anywhere}
.trip--next p{color:var(--muted)}
.trip--next .k{color:var(--lagoon-d)}
.trip--all{background:transparent;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.35);justify-content:center;align-items:flex-start;padding:32px;gap:18px}
@media (max-width:900px){
  .safari .pin-box{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:8px}
  .trip{scroll-snap-align:start;height:440px}
  .track-h{padding-left:var(--pad)}
}
@media (min-width:901px){.track-h{padding-left:var(--pad)}}

/* ---------- marquee strip ---------- */
.strip{display:block;background:var(--lagoon);color:#fff;padding:26px 0;overflow:hidden;position:relative;text-decoration:none;transition:background .3s}
.strip:hover{background:var(--lagoon-d)}
.marquee{display:flex;width:max-content;animation:mq 40s linear infinite}
.marquee span{font-family:var(--display);font-weight:600;font-size:clamp(26px,4vw,52px);white-space:nowrap;padding-right:48px;display:inline-flex;align-items:center;gap:48px}
.marquee a{text-decoration:none}
@keyframes mq{to{transform:translateX(-50%)}}

/* ---------- instructors ---------- */
.team{background:var(--foam)}
.team-nav{display:flex;gap:10px;justify-content:flex-end}
.round{width:52px;height:52px;border-radius:50%;border:0;background:#fff;color:var(--navy);display:grid;place-items:center}
.round:disabled{opacity:.4;cursor:default}
.team-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px var(--pad) 20px;scrollbar-width:none;max-width:1320px;margin:0 auto}
.team-track::-webkit-scrollbar{display:none}
.coach{flex:none;width:290px;height:420px;perspective:1200px;scroll-snap-align:start}
.coach .flip{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.3,.7,.2,1)}
.coach.flipped .flip{transform:rotateY(180deg)}
.coach:not(.coach--join){cursor:pointer}
.coach:not(.coach--join):hover .flip{transform:rotateY(8deg)}
.coach.flipped:hover .flip{transform:rotateY(172deg)}
.flip-ico{position:absolute;right:16px;top:16px;z-index:3;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.85);color:var(--navy);pointer-events:none}
.back .flip-ico{background:rgba(255,255,255,.14);color:#fff}
/* iPhone Safari показывает значок лицевой стороны сквозь обратную — прячем значок неактивной стороны на середине поворота */
.flip-ico{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:opacity 0s linear .3s}
.coach.flipped .front .flip-ico,.coach:not(.flipped) .back .flip-ico{opacity:0}
.coach .face{position:absolute;inset:0;border-radius:var(--r-lg);overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.coach .front .ph{position:absolute;inset:0}
.coach .front .cap{position:absolute;left:0;right:0;bottom:0;padding:22px;background:linear-gradient(180deg,transparent,rgba(4,31,74,.82));color:#fff}
.coach .front h3{font-size:20px}
.coach .front small{display:block;margin-top:6px;font-size:14px;color:#8FE3EE;font-weight:600}
.coach .back{transform:rotateY(180deg);background:var(--navy);color:#fff;padding:26px;display:flex;flex-direction:column;gap:14px}
.coach .back p{color:rgba(255,255,255,.82);font-size:15px}
.coach .back h3{font-size:18px}
.coach-btn{position:absolute;inset:0;opacity:0;border:0;background:none;z-index:2}
.coach--join .face{background:var(--navy);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;gap:16px;padding:28px;transform:none;background-image:radial-gradient(120% 70% at 100% 0,rgba(19,143,163,.45),transparent 60%)}
.coach--join .flip{transform:none!important}
.coach--join .sil{position:absolute;left:50%;top:34px;width:120px;transform:translateX(-50%);color:rgba(4,31,74,.18)}
.coach--join h3{font-size:26px;color:#fff;line-height:1.1}
.coach--join p{color:rgba(255,255,255,.75);font-size:15px}

/* ---------- flow gallery: rows of photos drifting right to left ---------- */
.gallery{background:var(--foam);padding-top:0;overflow:hidden}
.facts{display:flex;flex-wrap:wrap;gap:12px 40px;margin-top:20px;color:var(--navy);font-weight:600}
.facts b{font-family:var(--display);font-weight:500;font-size:clamp(22px,2.2vw,30px);margin-right:8px}
.rows{display:flex;flex-direction:column;gap:16px}
.row-flow{overflow:hidden}
.row-track{display:flex;gap:16px;width:max-content;animation:flow var(--dur,80s) linear infinite;backface-visibility:hidden}
.gallery.gal-off .row-track{animation-play-state:paused}
.row-flow:nth-child(1){--h:clamp(170px,17vw,250px);--dur:95s}
.row-flow:nth-child(2){--h:clamp(210px,21vw,310px);--dur:70s}
.row-flow:nth-child(3){--h:clamp(150px,14vw,210px);--dur:110s}
.row-flow:nth-child(2) .row-track{animation-delay:-20s}
.row-flow:nth-child(3) .row-track{animation-delay:-45s}
@keyframes flow{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.ftile{position:relative;flex:none;height:var(--h);border-radius:var(--r-md);overflow:hidden;background:linear-gradient(135deg,#d7e6ee,#bcd3e0);isolation:isolate}
.gallery.js-gal .ftile img.pi{opacity:0;transition:opacity .45s ease}
.gallery.js-gal .ftile img.pi.is-in{opacity:1}
.ftile .ph{position:absolute;inset:0}
.ftile.w1{width:calc(var(--h)*.75)}.ftile.w2{width:calc(var(--h)*1.25)}.ftile.w3{width:calc(var(--h)*1.6)}.ftile.w4{width:var(--h)}
/* ---------- more ---------- */
.more{background:var(--foam)}
.more-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:18px}
@media (max-width:900px){.more-grid{grid-template-columns:1fr}}
.more-tile{position:relative;border-radius:var(--r-lg);overflow:hidden;min-height:420px;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(24px,3vw,40px);gap:16px}
.more-tile h3{font-size:clamp(26px,2.6vw,38px)}
.more-tile p{max-width:44ch}
.more-tile--corp{color:#fff}
.more-tile--corp .ph{position:absolute;inset:0;z-index:0}
.more-tile--corp::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(4,31,74,.55),rgba(4,31,74,.45) 40%,rgba(4,31,74,.9))}
.more-tile--corp > *:not(.ph){position:relative;z-index:2}
.more-tile--corp p{color:rgba(255,255,255,.82)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{padding:7px 12px;border-radius:8px;background:rgba(255,255,255,.14);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-size:14px;font-weight:600}
.more-tile--reg{background:#fff;color:var(--navy)}
.more-tile--reg p{color:var(--muted)}
.more-tile--reg .reg-ico{position:absolute;right:-30px;top:-20px;width:min(300px,70%);color:rgba(4,31,74,.08)}
.more-big{font-family:var(--display);font-weight:500;font-size:clamp(56px,6vw,88px);line-height:1;color:#fff}
.more-big small{font-family:var(--body);font-size:16px;font-weight:600;margin-left:10px;color:rgba(255,255,255,.8)}
/* ---------- places ---------- */
.places{background:linear-gradient(180deg,var(--foam),#D3ECF2)}
.places-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,4vw,60px);align-items:stretch}
@media (max-width:900px){.places-grid{grid-template-columns:1fr}}
.place-list{display:flex;flex-direction:column;gap:10px}
.place{text-align:left;border:0;background:transparent;border-radius:var(--r-md);padding:22px 24px;color:var(--navy);display:flex;flex-direction:column;gap:6px;transition:background .3s}
.place h3{font-size:22px}
.place p{color:var(--muted)}
.place[aria-selected="true"]{background:#fff}
.place[aria-selected="true"] h3{color:var(--lagoon-d)}
.place-view{display:grid;grid-template-rows:1fr 1fr;gap:18px;min-height:520px}
.place-photo{position:relative;border-radius:var(--r-lg);overflow:hidden}
.place-photo .ph{position:absolute;inset:0;transition:opacity .5s}
.map{position:relative;border-radius:var(--r-lg);overflow:hidden;background:#EAF1EE}
.map svg{position:absolute;inset:0;width:100%;height:100%}
.pin{transition:transform .4s cubic-bezier(.3,1.6,.5,1),opacity .3s}
.pin.dim{opacity:.35}
.map .note{position:absolute;left:16px;bottom:14px;font-size:12px;font-weight:600;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.85);color:var(--navy)}

/* ---------- footer ---------- */
.footer{background:var(--deeper);color:#fff;padding:clamp(70px,8vw,110px) 0 calc(36px + env(safe-area-inset-bottom,0px));overflow:hidden}
.f-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}
@media (max-width:800px){.f-grid{grid-template-columns:1fr}}
.f-grid h3{font-size:16px;font-family:var(--body);font-weight:700;color:#8FE3EE;margin-bottom:14px;letter-spacing:0}
.f-grid a,.f-grid p{color:rgba(255,255,255,.82);text-decoration:none;display:block;margin-bottom:8px}
.f-grid a:hover{color:#fff}
.f-phone{font-family:var(--display);font-size:clamp(24px,2.6vw,34px);color:#fff!important}
.f-logo{margin-top:clamp(50px,7vw,90px);color:#fff;opacity:.95}
.f-logo svg{width:100%;height:auto;display:block}
.f-legal{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px 28px;font-size:13px;color:rgba(255,255,255,.5)}
.f-legal a{color:rgba(255,255,255,.65)}

/* ---------- cookie ---------- */
.cookie{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:70;width:min(420px,calc(100vw - 40px));background:#fff;color:var(--ink);border-radius:var(--r-lg);padding:20px 22px;box-shadow:0 20px 60px rgba(4,31,74,.22);display:flex;flex-direction:column;gap:14px;transform:translateY(20px);opacity:0;visibility:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .45s,visibility 0s .45s}
.cookie.show{transform:none;opacity:1;visibility:visible;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .45s}
.cookie p{font-size:14px;color:var(--muted)}
.cookie a{color:var(--navy);font-weight:600}
.cookie .btn{align-self:flex-start;min-height:44px}
@media (max-width:600px){.cookie{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));width:auto}}

/* ---------- modal ---------- */
dialog{border:0;border-radius:var(--r-lg);padding:0;width:min(480px,calc(100vw - 32px));color:var(--ink);background:#fff;box-shadow:0 40px 100px rgba(4,31,74,.35)}
dialog::backdrop{background:rgba(3,27,53,.55);backdrop-filter:blur(4px)}
.m-body{padding:34px 32px 30px;display:flex;flex-direction:column;gap:16px}
.m-body h2{font-size:28px;color:var(--navy)}
.m-close{position:absolute;right:14px;top:14px;width:44px;height:44px;border-radius:50%;border:0;background:var(--foam);color:var(--navy);display:grid;place-items:center}
.field{display:flex;flex-direction:column;gap:6px}
.field label{font-size:14px;font-weight:700;color:var(--navy)}
.field input,.field select{font:inherit;min-height:50px;border-radius:14px;border:1.5px solid #C9DCE6;padding:0 16px;color:var(--navy);background:#fff}
.field input:focus,.field select:focus{outline:none;border-color:var(--lagoon);box-shadow:0 0 0 3px rgba(23,169,189,.2)}
.consent{display:flex;gap:10px;font-size:13px;color:var(--muted);align-items:flex-start}
.consent input{margin-top:3px;width:18px;height:18px;accent-color:var(--navy)}
.err{color:#B4232C;font-size:14px;font-weight:600;min-height:1em}
.done{display:none;text-align:left}
.video-box{aspect-ratio:16/9;background:var(--navy);display:grid;place-items:center;color:#fff;border-radius:var(--r-md)}
.proto{position:fixed;left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:45;font-size:12px;font-weight:700;padding:8px 12px;border-radius:999px;background:var(--navy);color:#fff;border:0;opacity:.9}

@media (prefers-reduced-motion: reduce){
  *{animation:none!important;transition:none!important}
}

/* ===== правки 07.10 ===== */
/* header: white from the very first screen */
.header,.header.solid{background:rgba(255,255,255,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(4,31,74,.08)}

/* hero phone form: solid and visible on the water */
.hero .phone-pill{background:#fff;padding:7px;border-radius:16px;box-shadow:0 20px 60px rgba(2,18,38,.45),0 0 0 1px rgba(255,255,255,.6)}
.hero .phone-pill input{font-size:17px;color:var(--navy);width:230px;min-height:54px}
.hero .phone-pill input::placeholder{color:#7A8DA6}
.hero .phone-pill .btn{min-height:54px;padding:0 28px;background:var(--lagoon);color:#fff;font-size:17px;border-radius:11px}
.hero .phone-pill .btn:hover{background:var(--lagoon-d)}

/* hero play: circle with water ripples, right side above the scroll cue */
.hero-play{position:absolute;right:var(--pad);bottom:calc(var(--vh)*7 + 76px);display:flex;align-items:center;gap:18px;background:none;border:0;color:#fff;font:inherit;font-weight:700;font-size:16px;cursor:pointer;padding:0}
.hp-circle{position:relative;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--navy);transition:transform .5s cubic-bezier(.2,.8,.2,1);flex:none}
.hp-circle svg{position:relative;z-index:1;margin-left:3px}
.hp-circle i{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(255,255,255,.75);animation:hpRipple 3.6s cubic-bezier(.2,.6,.3,1) infinite;pointer-events:none}
.hp-circle i:nth-child(2){animation-delay:1.2s}.hp-circle i:nth-child(3){animation-delay:2.4s}
@keyframes hpRipple{0%{transform:scale(1);opacity:.85}100%{transform:scale(2.4);opacity:0}}
.hero-play:hover .hp-circle{transform:scale(1.08)}
.hp-label{text-shadow:0 2px 16px rgba(2,20,40,.45)}
@media (prefers-reduced-motion:reduce){.hp-circle i{animation:none;opacity:0}}
@media (max-width:980px){.hero-play{position:relative;right:auto;bottom:auto;margin-top:18px;flex-direction:row-reverse;justify-content:flex-end}.hp-circle{width:56px;height:56px}}

/* advanced list: description and price start at the same x in every row */
.deep-row{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) 300px}
.deep-row h3{font-size:clamp(28px,3.7vw,56px)}
.deep-row .actions{justify-content:flex-end}
@media (max-width:900px){.deep-row{grid-template-columns:1fr}}

/* "what else": two clean cards, photo on top */
.more-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,28px)}
.mcard{background:#fff;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 0 rgba(4,31,74,.06)}
.mcard-img{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--deep)}
.mcard-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.mcard:hover .mcard-img img{transform:scale(1.04)}
.mbadge{position:absolute;left:20px;bottom:20px;display:flex;align-items:baseline;gap:10px;background:#fff;color:var(--navy);border-radius:14px;padding:10px 16px 10px 14px;font-weight:600;font-size:14px}
.mbadge b{font-family:var(--display);font-weight:600;font-size:28px;line-height:1}
.mcard-body{flex:1;display:flex;flex-direction:column;gap:14px;padding:clamp(24px,3vw,40px)}
.mkick{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--lagoon-d)}
.mcard h3{font-size:clamp(24px,2.3vw,34px);line-height:1.12;color:var(--navy)}
.mcard p{margin:0;color:var(--muted);max-width:46ch}
.mtags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:2px 0 0;padding:0}
.mtags li{font-size:14px;font-weight:600;color:var(--navy);background:var(--foam);border-radius:999px;padding:7px 14px}
.mcard .btn{margin-top:auto;align-self:flex-start}
@media (max-width:900px){.more-grid{grid-template-columns:1fr}}

/* footer wordmark: sinks into the dark water */
.f-logo{color:#9FDCE8;opacity:1;position:relative}
.f-logo svg{opacity:.34;-webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.55) 45%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.55) 45%,rgba(0,0,0,0) 100%)}
@media (max-width:980px){
  .hero .phone-pill{width:100%;max-width:440px}
  .hero .phone-pill input{flex:1;min-width:0;width:auto;padding:0 12px}
  .hero .phone-pill .btn{padding:0 18px;flex:none}
  .hero-actions{width:100%}
  .hero h1{font-size:clamp(26px,7.6vw,44px)}
}
/* hero text: soft shadow on top of the scrim */
.hero h1,.hero .sub,.hero .hint{text-shadow:0 2px 24px rgba(0,25,50,.45),0 1px 3px rgba(0,25,50,.35)}

/* ===== правки 08.10 ===== */
/* header: solid, site colour, no glass */
.header,.header.solid,.svc .header{background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 1px 0 rgba(4,31,74,.08)}
/* footer wordmark across the whole footer */
.f-logo{width:100vw;margin-left:calc(50% - 50vw);padding:0 16px;box-sizing:border-box}
/* no helper labels anywhere */
.ph-label,.wall-note,.proto{display:none!important}
/* gallery facts as one line */
.gallery .facts span b{margin-right:6px}
.facts-line{margin:20px 0 0;color:var(--navy);font-weight:600;font-size:clamp(16px,1.3vw,19px)}
.facts-line b{font-family:var(--display);font-weight:500;font-size:clamp(22px,2.2vw,30px)}
.coach .face.back p{font-size:14px;line-height:1.45;margin:10px 0 0}
.coach .face.back{overflow:hidden}

/* ===== правки 09.10 ===== */
@media (max-width:980px){.card--photo-only{display:none!important}}
.row-track{padding-right:16px}
.gal-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;flex-wrap:wrap}
.gal-facts{display:flex;gap:clamp(28px,4vw,64px)}
.gal-head{display:flex!important;grid-template-columns:none!important}
.gal-head h2{flex:0 1 auto;margin:0;max-width:9ch}
.gf{margin:0;color:var(--navy);font-weight:600;font-size:clamp(15px,1.15vw,18px);line-height:1.5}
.gf b{font-family:var(--display);font-weight:500;font-size:clamp(26px,2.6vw,40px);line-height:1;letter-spacing:-.02em}
.gal-facts .gf+.gf{padding-left:clamp(28px,4vw,64px);border-left:1.5px solid rgba(4,31,74,.14)}
@media (max-width:760px){.gal-facts .gf+.gf{padding-left:0;border-left:0;padding-top:18px;border-top:1.5px solid rgba(4,31,74,.14)}}
@media (max-width:760px){.gal-head{flex-direction:column;align-items:flex-start}.gal-facts{flex-direction:column;gap:22px}}
.ph[role="link"],.thumb[role="link"]{cursor:pointer}
@media (min-width:761px){.gal-head{flex-wrap:nowrap!important;align-items:flex-end}.gal-facts{flex:0 1 auto;margin-left:auto}}
@media (min-width:761px){.gf{white-space:nowrap}}

/* gallery stats: 2003 apart, "trained" pair together */
.gal-stats{display:flex;align-items:flex-end;gap:clamp(28px,4vw,64px);margin-left:auto}
.gs b{display:block;font-family:var(--display);font-weight:500;font-size:clamp(34px,3.6vw,56px);line-height:1;letter-spacing:-.03em;color:var(--navy);white-space:nowrap}
.gs span{display:block;margin-top:10px;font-size:14px;color:var(--muted);white-space:nowrap}
.gs-group{padding-left:clamp(28px,4vw,64px);border-left:1.5px solid rgba(4,31,74,.14)}
.gs-k{display:block;margin-bottom:12px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--lagoon-d)}
.gs-pair{display:flex;gap:clamp(24px,3vw,48px)}
@media (max-width:760px){
  .gal-stats{flex-direction:column;align-items:flex-start;gap:22px;margin-left:0}
  .gs-group{padding-left:0;border-left:0;padding-top:20px;border-top:1.5px solid rgba(4,31,74,.14);width:100%}
}

/* places: one big Yandex map with an address card on top */
.map-box{position:relative;height:clamp(460px,62vh,640px);border-radius:28px;overflow:hidden;background:#E6EEF1 radial-gradient(circle at 30% 40%,#D8E6EC 0,#E6EEF1 60%)}
.map-frame{position:absolute;inset:0;width:100%;height:100%;border:0}
.map-card{position:absolute;left:clamp(16px,2.4vw,32px);top:clamp(16px,2.4vw,32px);width:min(380px,calc(100% - 32px));background:#fff;border-radius:22px;padding:clamp(22px,2.4vw,30px);box-shadow:0 24px 60px rgba(4,31,74,.18);display:flex;flex-direction:column;gap:20px}
.mc-item{display:flex;gap:14px;align-items:flex-start}
.mc-dot{flex:none;width:14px;height:14px;border-radius:50%;margin-top:7px;box-shadow:0 0 0 4px rgba(4,31,74,.08)}
.mc-club{background:var(--navy)}.mc-pool{background:var(--lagoon)}
.mc-item h3{font-size:20px;line-height:1.2;color:var(--navy)}
.mc-addr{margin:6px 0 0;font-weight:600;color:var(--navy)}
.mc-sub{margin:4px 0 0;font-size:14px;color:var(--muted)}
.map-card .btn{align-self:flex-start}
@media (max-width:760px){.map-box{height:auto;display:flex;flex-direction:column;background:none;overflow:visible}.map-frame{position:relative;height:360px;border-radius:22px}.map-card{position:relative;left:auto;top:auto;width:auto;margin-top:14px;box-shadow:0 10px 30px rgba(4,31,74,.08)}}

/* ===== правки 10.10 ===== */
/* header: links centred between logo and phone */
.header .nav{flex:1;justify-content:center;margin:0}
/* map: labelled pins look */
#ymap{position:absolute;inset:0;background:#E6EEF1 radial-gradient(circle at 30% 40%,#D8E6EC 0,#E6EEF1 60%)}
#ymap>*{opacity:0;transition:opacity .4s}
#ymap.ready>*{opacity:1}
@media (max-width:760px){#ymap{position:relative;height:360px;border-radius:22px;overflow:hidden}}
/* mobile: service photos same size, subject centred */
@media (max-width:760px){
  .bento .card > .ph{flex:none;min-height:0!important;aspect-ratio:4/3;height:auto}
  .card--dolphin .ph img.pi{object-position:62% 30%}
  .card--trial .ph img.pi,.card--course .ph img.pi{object-position:50% 40%}
}
/* mobile: carousels start with the normal side padding, no arrows for instructors */
@media (max-width:900px){
  .safari .pin-box{scroll-padding-inline:var(--pad)}
  .safari .track-h{padding-left:var(--pad)!important}
  .team-track{scroll-padding-inline:var(--pad);padding-left:var(--pad);padding-right:var(--pad)}
  .team-nav{display:none!important}
}
/* mobile: gallery stats in one tidy row */
@media (max-width:760px){
  .gal-stats{flex-direction:row;align-items:flex-end;gap:18px;width:100%}
  .gs b{font-size:clamp(26px,8vw,34px)}
  .gs span{font-size:13px;margin-top:6px}
  .gs-group{padding:0 0 0 18px;border-top:0;border-left:1.5px solid rgba(4,31,74,.14);width:auto}
  .gs-k{margin-bottom:8px;font-size:11px}
  .gs-pair{gap:16px}
}
@media (max-width:760px){
  .gal-stats{gap:14px}
  .gs b{font-size:clamp(24px,7.2vw,30px)}
  .gs span{white-space:normal;max-width:11ch;line-height:1.3}
  .gs-group{padding-left:14px}
  .gs-pair{gap:14px}
}

/* gallery stats as one grid: numbers on one line, "Подготовили" above the pair */
.gal-stats{display:grid!important;grid-template-columns:auto 1.5px auto auto;grid-template-rows:auto auto auto;column-gap:clamp(20px,3vw,48px);row-gap:0;align-items:end;flex-direction:initial!important}
.gal-stats .gs-k{grid-column:3/5;grid-row:1;margin:0 0 10px}
.gal-stats .gs-n{grid-row:2;display:block;font-family:var(--display);font-weight:500;font-size:clamp(34px,3.6vw,56px);line-height:1;letter-spacing:-.03em;color:var(--navy);white-space:nowrap}
.gal-stats .gs-n1{grid-column:1}
.gal-stats .gs-sep{grid-column:2;grid-row:1/4;align-self:stretch;background:rgba(4,31,74,.14);width:1.5px}
.gal-stats .gs-c{grid-row:3;margin-top:10px;font-size:14px;color:var(--muted);white-space:nowrap;max-width:none}
.gal-stats .gs-c1{grid-column:1}
@media (max-width:760px){
  .gal-stats{width:100%;grid-template-columns:1fr 1.5px 1fr 1fr;column-gap:14px}
  .gal-stats .gs-n{font-size:clamp(26px,8vw,34px)}
  .gal-stats .gs-c{font-size:13px;white-space:normal;line-height:1.3}
  .gal-stats .gs-k{font-size:11px}
}
@media (max-width:760px){.card--course .ph img.pi{object-position:50% 12%}}
.gal-stats .gs-c{align-self:start}
/* deep rows: keep the diver in frame */
.deep-row .thumb img[src*="adv-ice"]{object-position:42% 78%}
.deep-row .thumb img[src*="adv-cave"]{object-position:40% 55%}
.deep-row .thumb img[src*="adv-hunt"]{object-position:45% 62%}
@media (max-width:760px){.gal-head h2{max-width:none;white-space:nowrap;font-size:clamp(26px,7.6vw,40px)}}

/* ===== правки 13.10 ===== */
/* tours: horizontal scroller with arrows instead of the pinned scroll */
.safari .pin-box{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-padding-inline:var(--pad);-webkit-overflow-scrolling:touch}
.safari .pin-box::-webkit-scrollbar{display:none}
.safari .track-h{transform:none!important;padding:0 var(--pad);width:max-content}
.safari .trip{scroll-snap-align:start}
.trip-nav{margin-top:24px}
.trip-nav button{background:rgba(255,255,255,.12);color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.3)}
.trip-nav button:hover{background:#fff;color:var(--navy)}
@media (max-width:900px){.trip-nav{display:none!important}}
/* map shield */
.map-shield{position:absolute;inset:0;z-index:2;border:0;background:transparent;cursor:pointer}
.map-box.live .map-shield{display:none}
.map-card{z-index:3}
@media (max-width:760px){.map-shield{inset:0 0 auto 0;height:360px}}
/* footer note about Meta */
.f-note{margin:14px 0 0;font-size:12px;line-height:1.45;color:rgba(255,255,255,.5);max-width:30ch}
.trip-nav{justify-content:flex-start}

/* ===== правки 14.10 ===== */
/* gift certificate: the club's real paper design */
.ticket.ticket--img{padding:0;width:min(100%,560px);height:auto;aspect-ratio:1124/458;background:#0b2a55;overflow:hidden;border-radius:18px;display:block}
.ticket--img img{width:100%;height:100%;object-fit:cover;display:block}
.ticket--img .t-shine{position:absolute;inset:0;pointer-events:none}

/* tours arrows on top of the photos */
.tours-wrap{position:relative}
.t-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:56px;height:56px;border-radius:50%;border:0;background:#fff;color:var(--navy);display:grid;place-items:center;box-shadow:0 10px 30px rgba(2,18,38,.35);cursor:pointer;transition:transform .3s,opacity .3s}
.t-arrow:hover{transform:translateY(-50%) scale(1.08)}
.t-arrow[hidden]{display:none}
.t-prev{left:calc(var(--pad) + 12px)}.t-next{right:calc(var(--pad) + 12px)}
@media (max-width:900px){.t-arrow{display:none!important}}
/* advanced list: smaller titles so long names fit */
.deep-row h3{font-size:clamp(24px,2.7vw,42px);line-height:1.08;overflow-wrap:break-word}
.ticket--img::before,.ticket--img::after{z-index:2}
.ticket.ticket--img{width:min(100%,640px)}

/* ===== правки 14.10 (2) ===== */
/* gift certificate: new artwork, no punched half-circles */
.ticket.ticket--img{aspect-ratio:811/458;border-radius:16px;background:#0a3a6e}
.ticket--img::before,.ticket--img::after{content:none!important;display:none!important}

/* hero: long arrow down, centred, on the line of the hint */
.scroll-cue{display:none!important}
.scroll-down{position:absolute;left:50%;bottom:calc(var(--vh)*7 + env(safe-area-inset-bottom,0px));transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:0;width:56px;padding:8px 0 2px;color:#fff;text-decoration:none;filter:drop-shadow(0 2px 10px rgba(2,20,40,.45));transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.scroll-down .sd-line{position:relative;display:block;width:2px;height:clamp(90px,13vh,140px);border-radius:2px;background:rgba(255,255,255,.35);overflow:hidden}
.scroll-down .sd-line i{position:absolute;left:0;top:0;width:2px;height:45%;border-radius:2px;background:#fff;animation:sdDrop 2.2s cubic-bezier(.55,0,.35,1) infinite}
.scroll-down .sd-head{margin-top:-11px;animation:sdBob 2.2s cubic-bezier(.55,0,.35,1) infinite}
.scroll-down:hover{transform:translateX(-50%) translateY(4px)}
.scroll-down:focus-visible{outline-offset:6px}
@keyframes sdDrop{0%{transform:translateY(-110%)}70%,100%{transform:translateY(230%)}}
@keyframes sdBob{0%,55%{transform:translateY(0)}72%{transform:translateY(6px)}100%{transform:translateY(0)}}
@media (max-width:980px){
  .scroll-down{left:auto;right:var(--pad);transform:none;bottom:calc(var(--vh)*5 + env(safe-area-inset-bottom,0px));width:44px}
  .scroll-down:hover{transform:translateY(4px)}
  .scroll-down .sd-line{height:64px}
}

/* advanced list: no recolour on hover, the title opens the service page */
.deep-row:hover h3{color:inherit}
.dr-link{color:inherit;text-decoration:none;text-decoration-thickness:2px;text-underline-offset:.18em}
.dr-link:hover{text-decoration:underline;text-decoration-color:rgba(255,255,255,.45)}
/* the preview photo sits to the right of the cursor, so it never covers the title */
.cursor-img{transform:translate(32px,-50%) scale(.8)}
.cursor-img.on{transform:translate(32px,-50%) scale(1)}

/* map: address card a bit further in and centred vertically; third place */
@media (min-width:761px){
  .map-box{height:clamp(560px,66vh,680px)}
  .map-card{left:clamp(64px,6vw,104px);top:50%;transform:translateY(-50%);gap:18px;width:min(400px,calc(100% - 128px))}
}
.mc-water{background:#fff;box-shadow:inset 0 0 0 3px var(--lagoon),0 0 0 4px rgba(4,31,74,.08)}

/* consent note under the checkbox */
.consent-note{margin:-6px 0 0;font-size:13px;color:var(--muted)}
.consent-note a,.consent a{color:var(--navy)}
/* arrow: more presence on a busy photo */
.scroll-down{width:64px;filter:drop-shadow(0 0 1px rgba(2,20,40,.6)) drop-shadow(0 3px 14px rgba(2,20,40,.55))}
.scroll-down .sd-line{width:3px;background:rgba(255,255,255,.45)}
.scroll-down .sd-line i{width:3px}
.scroll-down .sd-head{width:30px;height:17px;margin-top:-15px;stroke-width:2.6}
@media (max-width:980px){.scroll-down{width:48px}.scroll-down .sd-head{width:24px;height:14px;margin-top:-12px}}

/* ===== правки 14.10 (3) ===== */
/* advanced list: title doesn't move and isn't underlined; the photo follows the cursor as before */
.deep-row h3,.deep-row:hover h3{transform:none!important;color:inherit}
.dr-link,.dr-link:hover{text-decoration:none!important;color:inherit}
.cursor-img{transform:translate(-50%,-50%) scale(.8)}
.cursor-img.on{transform:translate(-50%,-50%) scale(1)}

/* hero arrow: wide horizontal chevron */
.scroll-down{width:auto;padding:10px 6px;filter:drop-shadow(0 0 1px rgba(2,20,40,.55)) drop-shadow(0 3px 12px rgba(2,20,40,.5));animation:sdBob2 2.4s cubic-bezier(.45,0,.35,1) infinite}
.scroll-down svg{display:block;width:clamp(64px,5vw,84px);height:auto}
.scroll-down .sd-line,.scroll-down .sd-head{display:none}
.scroll-down:hover{animation-play-state:paused}
@keyframes sdBob2{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,9px)}}
@media (max-width:980px){
  .scroll-down{animation-name:sdBob2m}
  .scroll-down svg{width:56px}
  @keyframes sdBob2m{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}
}
@media (prefers-reduced-motion:reduce){.scroll-down{transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce) and (max-width:980px){.scroll-down{transform:none}}

/* ===== правки 14.10 (4) ===== */
/* gift block on phones: no empty space around the certificate */
@media (max-width:900px){
  .cert{gap:22px}
  .ticket-stage{min-height:0;padding:6px 0 4px}
  .ticket{box-shadow:0 16px 36px rgba(4,31,74,.22)}
}
/* beginner services on tablets: the same single column as on phones */
@media (max-width:1100px){
  .bento{grid-template-columns:1fr}
  .card--dolphin,.card--course{grid-column:auto;grid-row:auto}
  .card--course{flex-direction:column}
  .card--photo-only{display:none!important}
  .bento .card>.ph{flex:none;min-height:0!important;height:auto;aspect-ratio:16/9}
  .card--dolphin .ph img.pi{object-position:55% 32%}
  .card--trial .ph img.pi{object-position:50% 55%}
  .card--course .ph img.pi{object-position:50% 14%}
}
@media (max-width:700px){.bento .card>.ph{aspect-ratio:4/3}}
/* advanced list photos on tablets/phones: proper frame, subject in the middle */
@media (max-width:900px){
  .deep-row .thumb{height:auto!important;aspect-ratio:16/9}
  .deep-row .thumb img[src*="plavuchest"]{object-position:56% 50%}
  .deep-row .thumb img[src*="028"]{object-position:58% 40%}
  .deep-row .thumb img[src*="adv-ice"]{object-position:40% 62%}
  .deep-row .thumb img[src*="adv-hunt"]{object-position:50% 55%}
}
/* tours: the whole card opens the report */
.trip[data-href]{cursor:pointer}
/* phones and tablets: drop decorative motion, keep the first screen, the photo rows and the phone strip */
@media (max-width:1024px),(pointer:coarse){
  .mcard-img img,.mcard:hover .mcard-img img{transition:none;transform:none}
  .coach:not(.coach--join):hover .flip{transform:none}
  .coach.flipped:hover .flip,.coach.flipped .flip{transform:rotateY(180deg)}
  .btn,.round{transition:none}
  .btn:hover,.round:hover:not(:disabled){transform:none}
  .btn::after,.round::after{display:none}
  dialog::backdrop{backdrop-filter:none}
  .medal-in{transition:none}
}

/* ===== 1.6.8: фото инструкторов — фокус и масштаб из админки ===== */
.coach .ph img.pi{object-position:var(--opd,50% 50%);transform:scale(var(--z,1));transform-origin:var(--opd,50% 50%)}

/* 1.6.10: стрелка «листать вниз» только на компьютере — на телефоне и планшете она наезжала на кнопку */
@media (max-width:1024px),(pointer:coarse){.scroll-down{display:none!important}}

/* ===== 1.6.12 ===== */
/* первый экран: вместо поля телефона — одна кнопка, форма открывается окном */
.hero .hero-cta{min-height:56px;padding:0 40px;border:0;border-radius:14px;background:var(--lagoon);color:#fff;font-size:17px;font-weight:700;cursor:pointer;box-shadow:0 18px 50px rgba(2,18,38,.45)}
.hero .hero-cta:hover{background:var(--lagoon-d)}
@media (max-width:760px){.hero .hero-cta{width:100%;max-width:440px}}
/* окно заявки: без подсветки крестика, всё помещается в один экран, кнопка видна сразу */
#dlgTitle:focus{outline:none}
dialog .m-close:focus:not(:focus-visible){outline:none}
dialog{max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain}
@media (max-width:760px),(max-height:760px){
  #contactDlg{width:calc(100vw - 24px);margin:auto}
  #contactDlg .m-body{padding:20px 18px 18px;gap:10px}
  #contactDlg .m-body h2{font-size:22px;padding-right:44px;line-height:1.15}
  #contactForm > p[style]{font-size:14px;margin:0}
  #contactDlg .m-close{top:10px;right:10px;width:38px;height:38px}
  #contactDlg .field{gap:4px}
  #contactDlg .field label{font-size:13px}
  #contactDlg .field input,#contactDlg .field select{min-height:46px;font-size:16px}
  #contactDlg .consent{font-size:12.5px;line-height:1.35}
  #contactDlg .consent-note{font-size:12px;line-height:1.35;margin:-4px 0 0}
  #contactDlg .err:empty{display:none}
  #contactDlg .m-body .btn{min-height:52px}
}
@media (max-height:640px){#contactForm > p[style]{display:none}}

/* ===== 1.6.14: окно заявки ===== */
/* пока открыто любое окно — страница под ним не прокручивается */
html.dlg-lock,html.dlg-lock body{overflow:hidden}
dialog{overscroll-behavior:contain}
/* телефон: белое окно на весь экран, поля и кнопка крупнее */
@media (max-width:760px){
  #contactDlg{position:fixed;inset:0;width:100vw;max-width:100vw;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;margin:0;border-radius:0;box-shadow:none;background:#fff}
  #contactDlg::backdrop{background:#fff}
  #contactDlg .m-body{min-height:100%;box-sizing:border-box;padding:calc(env(safe-area-inset-top,0px) + 26px) 22px calc(env(safe-area-inset-bottom,0px) + 24px);gap:16px}
  #contactDlg .m-body h2{font-size:30px;line-height:1.1;padding-right:56px}
  #contactForm > p[style]{font-size:16px;margin:0;display:block}
  #contactDlg .m-close{position:absolute;top:calc(env(safe-area-inset-top,0px) + 18px);right:16px;width:46px;height:46px}
  #contactDlg .field{gap:6px}
  #contactDlg .field label{font-size:15px}
  #contactDlg .field input,#contactDlg .field select{min-height:58px;font-size:18px;border-radius:16px;padding:0 18px}
  #contactDlg .consent{font-size:14px;line-height:1.4}
  #contactDlg .consent input{width:22px;height:22px;margin-top:1px}
  #contactDlg .consent-note{font-size:13px;line-height:1.4;margin:-4px 0 0}
  #contactDlg .m-body .btn{min-height:60px;font-size:18px;border-radius:16px}
  #contactDlg .done h2{margin-top:20px}
}

/* ===== 1.6.16: первый экран — на компьютере поле телефона, на телефоне и планшете одна кнопка ===== */
.hero .hero-touch{display:none}
@media (max-width:760px),(pointer:coarse){
  .hero .hero-desk{display:none}
  .hero .hero-touch{display:flex}
}