/* АРКУС прайс v2. Светлая палитра, графит, красный только как акцент. Mobile first. */
@font-face{font-family:Montserrat;font-weight:600;font-display:swap;src:url(/assets/v2/fonts/montserrat-cyrillic-600-normal.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Montserrat;font-weight:600;font-display:swap;src:url(/assets/v2/fonts/montserrat-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+20BD,U+2122,U+2212}
@font-face{font-family:Montserrat;font-weight:800;font-display:swap;src:url(/assets/v2/fonts/montserrat-cyrillic-800-normal.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Montserrat;font-weight:800;font-display:swap;src:url(/assets/v2/fonts/montserrat-latin-800-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+20BD,U+2122,U+2212}
@font-face{font-family:Montserrat;font-weight:700;font-display:swap;src:url(/assets/v2/fonts/montserrat-cyrillic-700-normal.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Montserrat;font-weight:700;font-display:swap;src:url(/assets/v2/fonts/montserrat-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+20BD,U+2122,U+2212}
@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(/assets/v2/fonts/inter-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(/assets/v2/fonts/inter-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+20BD,U+2122,U+2212}
@font-face{font-family:Inter;font-weight:600;font-display:swap;src:url(/assets/v2/fonts/inter-cyrillic-600-normal.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Inter;font-weight:600;font-display:swap;src:url(/assets/v2/fonts/inter-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+20BD,U+2122,U+2212}

:root{--bg:#fff;--soft:#f4f4f6;--soft2:#ececf0;--line:#e4e4ea;--ink:#1c1c21;--ink2:#2e2e35;--mut:#6c6c76;--red:#e3002b;--r:18px;--r2:12px;
  --sh:0 1px 2px rgba(20,20,30,.05),0 8px 24px rgba(20,20,30,.06);--sh2:0 2px 4px rgba(20,20,30,.06),0 18px 40px rgba(20,20,30,.12);
  --head:Montserrat,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--body:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--w:1240px}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--body);font-size:15px;line-height:1.45;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit}
button{font:inherit;color:inherit}
.wrap{max-width:var(--w);margin:0 auto;padding:0 16px}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:8px 12px;border-radius:8px;z-index:99}.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--red);outline-offset:2px;border-radius:6px}

/* шапка */
.hd{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.86);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid transparent;transition:border-color .2s}
.hd.sc{border-bottom-color:var(--line)}
.hd-in{display:flex;align-items:center;gap:14px;height:60px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:800 18px/1 var(--head);letter-spacing:.06em;flex:0 0 auto}
.brand img{width:34px;height:34px;border-radius:9px}
.nav{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;margin-left:auto;mask-image:linear-gradient(90deg,#000 88%,transparent)}
.nav::-webkit-scrollbar{display:none}
.nav a{flex:0 0 auto;text-decoration:none;font:600 14px/1 var(--head);padding:10px 12px;border-radius:999px;color:var(--ink2);white-space:nowrap}
.nav a:hover{background:var(--soft)}
.nav a[aria-current=page]{background:var(--ink);color:#fff}
.nav .fl{margin-right:6px}


/* герой: компактный, логотип SVG (везде) + 3D поверх при WebGL */
.hero{position:relative;height:clamp(300px,46vh,460px);overflow:hidden;background:radial-gradient(120% 90% at 50% 30%,#fff 0%,#f4f4f6 60%,#e9e9ee 100%)}
.hero canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}
.hero-fb{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:0 6vw 40px;transition:opacity .8s ease}
.hero.gl .hero-fb{opacity:0}
.hero-logo{width:min(82vw,720px);height:auto;overflow:visible;position:relative;z-index:1}
.hero-logo path{fill:var(--red);stroke:var(--red);stroke-width:1.2;stroke-linejoin:round}
.hero-logo.anim path{fill-opacity:0;-webkit-animation:draw 1.1s cubic-bezier(.6,.1,.3,1) forwards,fillin .6s ease forwards;animation:draw 1.1s cubic-bezier(.6,.1,.3,1) forwards,fillin .6s ease forwards;
  -webkit-animation-delay:calc(var(--i)*.14s),calc(.9s + var(--i)*.14s);animation-delay:calc(var(--i)*.14s),calc(.9s + var(--i)*.14s)}
.hero-logo.anim{-webkit-animation:float 5s ease-in-out 2s infinite;animation:float 5s ease-in-out 2s infinite}
.hero-logo.fade{-webkit-animation:fadein .9s ease both;animation:fadein .9s ease both}
.hero-logo.fade path{stroke-dashoffset:0!important}
@-webkit-keyframes draw{to{stroke-dashoffset:0}}@keyframes draw{to{stroke-dashoffset:0}}
@-webkit-keyframes fillin{to{fill-opacity:1}}@keyframes fillin{to{fill-opacity:1}}
@-webkit-keyframes float{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@-webkit-keyframes fadein{from{opacity:0;-webkit-transform:scale(.96)}}@keyframes fadein{from{opacity:0;transform:scale(.96)}}
.petals{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}
.petals i{position:absolute;top:-30px;width:var(--s);height:calc(var(--s)*1.3);background:var(--c);border-radius:80% 0 80% 0;opacity:.75;
  -webkit-animation:fall var(--d) linear var(--dl) infinite;animation:fall var(--d) linear var(--dl) infinite}
@-webkit-keyframes fall{to{-webkit-transform:translate3d(40px,520px,0) rotate(540deg)}}
@keyframes fall{to{transform:translate3d(40px,520px,0) rotate(540deg)}}
.hero-tx{position:absolute;left:0;right:0;bottom:16px;text-align:center;padding:0 16px}
.kick{margin:0;font:700 12px/1.3 var(--head);letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.btn{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:13px 20px;font:700 14px/1 var(--head);text-decoration:none;cursor:pointer;background:var(--ink);color:#fff}
.btn.red{background:var(--red)}

.sec{padding:32px 0}
.sec.soft{background:var(--soft)}
.h2{font:800 clamp(24px,4vw,34px)/1.1 var(--head);margin:0 0 6px}
.sub{color:var(--mut);margin:0 0 18px}

/* страны: одинаковые крупные карточки, фото 1:1 */
.cgrid{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:640px){.cgrid{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.cgrid{grid-template-columns:repeat(3,1fr)}}
.cc{display:flex;flex-direction:column;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:box-shadow .2s,transform .2s}
.cc:hover{box-shadow:var(--sh2);transform:translateY(-2px)}
.cc-ph{aspect-ratio:1/1;background:var(--soft2);overflow:hidden}
@supports not (aspect-ratio:1/1){.cc-ph{height:0;padding-bottom:100%;position:relative}.cc-ph img{position:absolute;top:0;right:0;bottom:0;left:0}}
.cc-ph img,.cc-ph picture{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:639px){.cc-ph{aspect-ratio:16/10}}
.cc-ty{display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#f6f6f8,#e9e9ee)}
.cc-bd{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px}
.cc-bd .n{font:800 24px/1.1 var(--head);display:flex;align-items:center;gap:10px}
.cc-bd .l{color:var(--mut);font-size:14px}
.from{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap}
.from b{font:800 28px/1 var(--head);color:var(--ink)}
.from small{color:var(--mut);font:600 13px/1 var(--head)}
.cc .go{margin-top:6px;font:700 14px/1 var(--head);color:var(--red)}

/* страница страны */
.ch{padding:18px 0 12px}
.crumbs{font:600 14px/1 var(--head);margin-bottom:12px}.crumbs a{text-decoration:none;color:var(--mut)}.crumbs a:hover{color:var(--red)}
.ch h1{margin:0 0 6px;font:800 clamp(30px,6vw,48px)/1 var(--head);display:flex;align-items:center;gap:12px}
.ch .lead{color:var(--mut);margin:0 0 10px}
.pgrid6{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
@media(min-width:900px){.pgrid6{grid-template-columns:repeat(6,1fr)}}
.pgrid6 button{border:0;padding:0;border-radius:12px;overflow:hidden;aspect-ratio:1/1;background:var(--soft2);cursor:zoom-in}
.pgrid6 img,.pgrid6 picture{display:block;width:100%;height:100%;object-fit:cover}

.tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:18px 0 0;padding-bottom:2px}
.tabs::-webkit-scrollbar{display:none}
.tab{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--line);background:#fff;border-radius:12px;padding:10px 14px;font:700 15px/1 var(--head);cursor:pointer;color:var(--ink)}
.tab[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.tab[aria-selected=true] .ic{stroke:#fff}
.fbar{position:sticky;top:60px;z-index:30;background:rgba(255,255,255,.95);border-bottom:1px solid var(--line);padding:10px 0;margin-top:12px}
.fbar .wrap{display:flex;flex-direction:column;gap:8px}
.frow{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.frow::-webkit-scrollbar{display:none}
.frow .lbl{flex:0 0 auto;align-self:center;font:700 11px/1 var(--head);letter-spacing:.08em;text-transform:uppercase;color:var(--mut);margin-right:4px}
.chip{flex:0 0 auto;border-radius:999px;background:var(--soft);padding:8px 12px;font:700 13px/1 var(--head);color:var(--ink2);border:0;cursor:pointer}
.chip[aria-pressed=true]{background:var(--ink);color:#fff}
.search{display:flex}.search input{flex:1;min-width:0;height:42px;border:1.5px solid var(--line);border-radius:12px;padding:0 12px;font:inherit;background:#fff;color:var(--ink);-webkit-appearance:none}
.search input:focus{border-color:var(--ink);outline:0}
.cnt{color:var(--mut);font-size:13px;margin:12px 0 0}
.blocks{display:grid;gap:14px;padding:12px 0 8px}
.seg{font:800 18px/1.2 var(--head);margin:16px 0 0;padding-left:12px;border-left:4px solid var(--red)}
.empty{padding:30px 16px;text-align:center;color:var(--mut);background:var(--soft);border-radius:var(--r)}

/* блок плантации + таблица цен */
.blk{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.bh{display:flex;gap:12px;align-items:flex-start;padding:14px 14px 10px}
.bph{flex:0 0 auto;width:72px;height:72px;border:0;padding:0;border-radius:12px;overflow:hidden;background:var(--soft2);cursor:zoom-in}
@media(min-width:700px){.bph{width:96px;height:96px}}
.bph img,.bph picture{display:block;width:100%;height:100%;object-fit:cover}
.bt{flex:1;min-width:0}
.bt h3{margin:0;font:800 18px/1.2 var(--head);display:flex;align-items:center;gap:8px}
.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.tag{display:inline-block;border-radius:6px;padding:5px 8px;font:700 11px/1 var(--head);letter-spacing:.03em;text-transform:uppercase;background:var(--soft);color:var(--ink2);border:0}
.tag.red{background:var(--red);color:#fff}.tag.lnk{cursor:pointer;text-transform:none;font-size:12px}
.bnote{color:var(--mut);font-size:13px;margin:6px 0 0}.bnote.pad{padding:0 14px 14px}
.pt{border-top:1px solid var(--line)}
.pt-h,.pt-r{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1.2fr) minmax(0,1fr);gap:10px;align-items:center;padding:10px 14px}
.pt-h{font:700 11px/1.2 var(--head);letter-spacing:.06em;text-transform:uppercase;color:var(--mut);background:var(--soft)}
.pt-r{border-top:1px solid var(--line)}
.pt-r:hover{background:#fafafb}
.pt-v{padding:10px 14px 4px;font:700 13px/1.3 var(--head);color:var(--ink2);border-top:1px solid var(--line);background:#fcfcfd}
.c-n b{display:block;font:700 15px/1.25 var(--head)}
.c-n small{display:block;color:var(--mut);font-size:12.5px;margin-top:2px}
.c-n .g{display:inline;font:800 12.5px/1 var(--head);color:var(--red)}
.c-p b{display:block;font:800 22px/1 var(--head);white-space:nowrap}
.c-p b small{font-size:13px;color:var(--mut)}
.c-p>small{display:block;color:var(--mut);font-size:12px;margin-top:3px}
.c-k{font:600 14px/1.2 var(--head);color:var(--ink2);white-space:nowrap}
.na{color:#c4c4cc}
.m{display:none}
@media(max-width:559px){
  .pt-h{display:none}
  .pt-r{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"n p" "k p";row-gap:2px}
  .c-n{grid-area:n}.c-p{grid-area:p;text-align:right}.c-k{grid-area:k;font-size:12.5px;color:var(--mut)}
  .c-k .na{display:none}
  .m{display:inline!important}
}

/* Голландия */
.hlink{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--ink);color:#fff;border-radius:var(--r);padding:18px;margin:16px 0 4px}
.hlink p{margin:0;color:#d3d3da;max-width:560px}.hlink b{display:block;color:#fff;font:800 18px/1.2 var(--head);margin-bottom:4px}

/* плантации (вторично), квадратные обложки */
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.pc2{border:0;padding:0;background:#fff;border-radius:var(--r2);overflow:hidden;text-align:left;cursor:pointer;border:1px solid var(--line)}
.pc2 .im{aspect-ratio:1/1;background:var(--soft2)}.pc2 img,.pc2 picture{display:block;width:100%;height:100%;object-fit:cover}
.pc2 .tx{padding:8px 10px 10px;font:700 12.5px/1.2 var(--head)}.pc2 .tx small{display:block;color:var(--mut);font-weight:600;margin-top:3px}

.cond{display:grid;grid-template-columns:1fr;gap:8px;list-style:none;margin:0;padding:0}
@media(min-width:700px){.cond{grid-template-columns:1fr 1fr}}
.cond li{background:#fff;border-radius:var(--r2);padding:13px 14px 13px 36px;position:relative;font-weight:600}
.cond li:before{content:"";position:absolute;left:16px;top:20px;width:8px;height:8px;border-radius:50%;background:var(--red)}
.ft{background:var(--ink);color:#c9c9d1;padding:26px 0 34px}
.ft .wrap{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.ft img{width:40px;height:40px;border-radius:10px}.ft b{color:#fff;font:800 18px/1 var(--head);letter-spacing:.06em}
.ft nav{display:flex;gap:6px 14px;flex-wrap:wrap;margin-left:auto}.ft nav a{text-decoration:none;font:600 13px/1 var(--head)}

.lb{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:rgba(16,16,20,.94);display:grid;grid-template-rows:1fr auto}
.lb[hidden]{display:none}
.lb-st{display:grid;place-items:center;min-height:0;padding:56px 8px 8px}
.lb-st img,.lb-st video{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}
.lb-cap{color:#ddd;text-align:center;padding:10px 16px 18px;font:600 13px/1.3 var(--head)}
.lb button{position:absolute;border:0;background:rgba(255,255,255,.14);color:#fff;width:46px;height:46px;border-radius:50%;font-size:24px;cursor:pointer}
.lb .x{top:10px;right:10px}.lb .pv{left:10px;top:50%}.lb .nx{right:10px;top:50%}

/* иконки и флажки */
.ic{width:56px;height:56px;fill:none;stroke:var(--ink);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.ic .lf{stroke:var(--red)}
.ic.sm{width:24px;height:24px;stroke-width:2.8;flex:0 0 auto}
.ic.big{width:140px;height:140px;stroke:var(--ink);stroke-width:1.6}
.ic .hd{-webkit-transform-origin:32px 40px;transform-origin:32px 40px;transform-box:view-box}
.ic.big .hd,.cc:hover .ic .hd{-webkit-animation:sway 2.8s ease-in-out infinite;animation:sway 2.8s ease-in-out infinite}
@-webkit-keyframes sway{0%,100%{-webkit-transform:rotate(-4deg)}50%{-webkit-transform:rotate(4deg)}}
@keyframes sway{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}
.flag{width:24px;height:24px;flex:0 0 auto;border-radius:50%}
.nav a .flag{width:18px;height:18px;margin-right:6px;vertical-align:-4px}
.flag.big{width:42px;height:42px}
.flag .sh{-webkit-animation:shine 5s ease-in-out infinite;animation:shine 5s ease-in-out infinite}
@-webkit-keyframes shine{0%,75%{-webkit-transform:translateX(0)}100%{-webkit-transform:translateX(120px)}}
@keyframes shine{0%,75%{transform:translateX(0)}100%{transform:translateX(120px)}}

.pg-in{-webkit-animation:pgin .25s ease both;animation:pgin .25s ease both}
@-webkit-keyframes pgin{from{opacity:0}}@keyframes pgin{from{opacity:0}}

@media(max-width:699px){
  .hd-in{flex-wrap:wrap;height:auto;padding-top:10px;gap:6px}
  .nav{order:3;flex:1 0 100%;margin:0 -16px;padding:0 12px 8px;-webkit-mask-image:none;mask-image:none}
  .nav a{padding:8px 11px;font-size:13px;background:var(--soft)}
  .fbar{top:0;position:relative}
}
@media(min-width:900px){.wrap{padding:0 28px}.sec{padding:48px 0}}
@media(prefers-reduced-motion:reduce){
  .petals{display:none}
  .ic .hd,.flag .sh,.pg-in,.hero-logo.anim{-webkit-animation:none!important;animation:none!important}
  .cc{transition:none}
}

/* единый формат медиа: фиксированные пропорции, никогда не выше экрана, без горизонтального скролла */
body{overflow-x:clip}
img,video,picture{max-width:100%}
.cc-ph{max-height:min(70vh,520px);max-height:min(70svh,520px)}
.cc-ph picture,.cc-ph img{height:100%}
.pgrid6 button,.pc2 .im,.tg-ph{max-height:60vh;max-height:60svh}
.lb-st img,.lb-st video{max-height:calc(100vh - 130px);max-height:calc(100dvh - 130px);width:auto;height:auto}
.vid{position:relative;aspect-ratio:9/16;max-height:70vh;max-height:70svh;background:#000;border-radius:var(--r2);overflow:hidden}
.vid video{width:100%;height:100%;object-fit:cover;display:block}

/* тюльпаны */
.nav a.nav-tu{color:var(--red);box-shadow:inset 0 0 0 1.5px var(--red)}
.nav a.nav-tu[aria-current=page]{background:var(--red);color:#fff}
.tub{display:grid;grid-template-columns:1fr;text-decoration:none;background:#fff;border:2px solid var(--red);border-radius:var(--r);overflow:hidden;margin:0 0 16px}
@media(min-width:760px){.tub{grid-template-columns:minmax(0,380px) 1fr}}
.tub-ph{aspect-ratio:16/10;max-height:50vh;max-height:50svh;background:var(--soft2);overflow:hidden}
@media(min-width:760px){.tub-ph{aspect-ratio:1/1;max-height:380px}}
.tub-ph picture,.tub-ph img{display:block;width:100%;height:100%;object-fit:cover}
.tub-bd{padding:16px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.tub-bd h2{margin:0;font:800 clamp(22px,3.4vw,32px)/1.1 var(--head)}
.tub-bd p{margin:0;color:var(--mut)}
.tub-p{display:flex;gap:18px;flex-wrap:wrap}
.tub-p b{display:block;font:800 30px/1 var(--head)}.tub-p small{color:var(--mut);font:600 13px/1.3 var(--head)}
.tub .go{font:700 14px/1 var(--head);color:var(--red);margin-top:4px}
.tprice{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}
.tp{background:var(--soft);border-radius:var(--r);padding:16px}
.tp.hl{background:var(--ink);color:#fff}.tp.hl small,.tp.hl span{color:#c9c9d1}
.tp small{display:block;font:700 12px/1.3 var(--head);color:var(--mut);text-transform:uppercase;letter-spacing:.04em}
.tp b{display:block;font:800 clamp(30px,6vw,44px)/1.1 var(--head);margin:6px 0 2px}
.tp span{font:600 13px/1 var(--head);color:var(--mut)}
.tnotes li{background:var(--soft)}
.tsec{margin:10px 0 20px}
.tgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
@media(min-width:700px){.tgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1100px){.tgrid{grid-template-columns:repeat(5,minmax(0,1fr))}}
.tg{border:0;padding:0;background:none;text-align:left;cursor:zoom-in;min-width:0}
.tg-ph{position:relative;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:var(--soft2)}
.tg-ph picture,.tg-ph img{display:block;width:100%;height:100%;object-fit:cover}
.tg span{display:block;font:700 13px/1.25 var(--head);margin-top:6px;overflow-wrap:anywhere}
.tg .play{position:absolute;top:auto;right:auto;bottom:10px;left:10px;margin:0;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;font-size:16px;color:var(--ink)}

/* Safari 14 и старше: нет aspect-ratio, держим квадраты через padding */
@supports not (aspect-ratio:1/1){
  .cc-ph,.pgrid6 button,.pc2 .im,.tg-ph,.tub-ph{position:relative;height:0;padding-bottom:100%}
  .tub-ph{padding-bottom:62.5%}
  @media(max-width:639px){.cc-ph{padding-bottom:62.5%}}
  .cc-ph picture,.cc-ph img,.pgrid6 button picture,.pgrid6 button img,.pc2 .im picture,.pc2 .im img,.tg-ph picture,.tg-ph img,.tub-ph picture,.tub-ph img{position:absolute;top:0;left:0;width:100%;height:100%}
  .mg img{height:110px}
}

/* v2.5 шапка: контакты менеджера и кнопка заявки (самая правая) */
.hd-c{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.hd-c[hidden]{display:none}
.hc{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 12px;border-radius:999px;background:var(--soft);color:var(--ink);text-decoration:none;font:700 13px/1 var(--head);white-space:nowrap}
.hc svg{width:16px;height:16px;flex:0 0 auto}
.hc:hover{background:var(--soft2)}
.hc-tg{color:#229ed9}.hc-tg span{color:var(--ink)}
.hc .short{display:none}
.hd-lead{flex:0 0 auto;border:0;cursor:pointer;height:40px;padding:0 18px;border-radius:999px;background:var(--red);color:#fff;font:800 14px/1 var(--head);box-shadow:0 6px 16px rgba(227,0,43,.28)}
.hd-lead:hover{filter:brightness(1.06)}
.hd-lead .short{display:none}
@media(max-width:699px){
  .hd-in{gap:6px}
  .brand{margin-right:auto}
  .hd-c{order:1;gap:4px}
  .hd-lead{order:2;height:36px;padding:0 12px;font-size:13px}
  .hd-lead .full{display:none}.hd-lead .short{display:inline}
  .hc{height:36px;padding:0 10px;font-size:12px}
  .hc-ph .full{display:none}.hc-ph .short{display:inline}
  .hc-tg,.hc-alt{width:36px;padding:0}
}
@media(max-width:374px){.brand span{display:none}}

/* заявка */
.lead-cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:0 0 20px}
.lead-cta span{color:var(--mut);font-size:14px}
.btn-lead{display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;border-radius:16px;padding:18px 34px;background:var(--red);color:#fff;font:800 18px/1 var(--head);letter-spacing:.01em;box-shadow:0 10px 26px rgba(227,0,43,.3);transition:transform .15s}
.btn-lead:hover{transform:translateY(-1px)}
.btn-lead.wide{width:100%;margin-top:6px}
.btn-lead.ghost{background:var(--soft);color:var(--ink);box-shadow:none}
.btn-lead[disabled]{opacity:.6;cursor:default}
@media(max-width:699px){.lead-cta .btn-lead{width:100%}.lead-cta span{width:100%;text-align:center}}
.lm{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:rgba(16,16,20,.6);display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:24px 12px;-webkit-overflow-scrolling:touch}
.lm[hidden]{display:none}
.lm-c{position:relative;background:#fff;border-radius:20px;width:100%;max-width:480px;padding:24px 20px 20px;margin:auto 0;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.lm-c h2{font:800 22px/1.2 var(--head);margin:0 36px 6px 0}
.lm-s{color:var(--mut);margin:0 0 14px;font-size:14px}
.lm-x{position:absolute;top:12px;right:12px;width:38px;height:38px;border:0;border-radius:50%;background:var(--soft);font-size:22px;cursor:pointer;color:var(--ink)}
.lf{display:block;margin:0 0 10px}
.lf span{display:block;font:700 12px/1 var(--head);color:var(--ink2);margin:0 0 6px}
.lf input,.lf select,.lf textarea{width:100%;font:16px/1.3 var(--body);padding:11px 12px;border:1.5px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);-webkit-appearance:none;appearance:none}
.lf select{background-image:linear-gradient(45deg,transparent 50%,var(--mut) 50%),linear-gradient(135deg,var(--mut) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:32px}
.lf input:focus,.lf select:focus,.lf textarea:focus{border-color:var(--ink);outline:0}
.lf .bad,.lf input.bad{border-color:var(--red);background:#fff5f6}
.lf-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.lc{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--ink2);margin:6px 0 4px;cursor:pointer}
.lc input{width:20px;height:20px;flex:0 0 auto;margin:0;accent-color:var(--red)}
.lc input.bad{outline:2px solid var(--red);outline-offset:2px}
.lm-e{color:var(--red);font-weight:600;font-size:14px;min-height:1.2em;margin:6px 0 0}
.lm-ok{text-align:center;padding:18px 0 6px}
.lm-ok[hidden]{display:none}
.lm-ok h2{margin:12px 0 18px}
.lm-ic{width:64px;height:64px;border-radius:50%;background:var(--red);color:#fff;font:800 32px/64px var(--head);margin:0 auto}
/* шапка: на десктопе всё в одну строку, планшет как мобильный (две строки) */
@media(max-width:1500px){.hc-tg span,.hc-alt span{display:none}.hc-tg,.hc-alt{padding:0;width:38px;justify-content:center}}
@media(max-width:1199px){.hc-ph .full{display:none}.hc-ph .short{display:inline}.nav a{padding:9px 9px;font-size:13px}.hd-in{gap:10px}}
@media(max-width:899px){
  .hd-in{flex-wrap:wrap;height:auto;padding-top:10px;gap:6px}
  .brand{margin-right:auto}
  .nav{order:3;flex:1 0 100%;margin:0 -16px;padding:0 12px 8px;-webkit-mask-image:none;mask-image:none}
  .nav a{padding:8px 11px;font-size:13px;background:var(--soft)}
  .hd-c{order:1;gap:4px}
  .hd-lead{order:2;height:36px;padding:0 14px;font-size:13px}
  .fbar{top:0;position:relative}
}
/* шапка во всю ширину, чтобы меню влезало целиком */
.hd .wrap{max-width:none}
@media(max-width:1599px){.hc-tg span,.hc-alt span{display:none}.hc-tg,.hc-alt{padding:0;width:38px;justify-content:center}}
@media(max-width:1349px) and (min-width:1100px){.nav .fl{display:none}}
@media(max-width:1099px){
  .hd-in{flex-wrap:wrap;height:auto;padding-top:10px;gap:6px}
  .brand{margin-right:auto}
  .nav{order:3;flex:1 0 100%;margin:0 -16px;padding:0 12px 8px;-webkit-mask-image:none;mask-image:none}
  .nav a{padding:8px 11px;font-size:13px;background:var(--soft)}
  .hd-c{order:1;gap:4px}
  .hd-lead{order:2;height:36px;padding:0 14px;font-size:13px}
  .hc-ph .full{display:inline}.hc-ph .short{display:none}
  .fbar{top:0;position:relative}
}
@media(max-width:699px){.hc-ph .full{display:none}.hc-ph .short{display:inline}}
@media(min-width:1100px){.nav{-webkit-mask-image:none;mask-image:none}}