/* KAZ.HOLIDAY · главная: дополнения к стилям макета k.html (боевая сборка) */
:root{--rail:200px}
/* «Кино»: фото на весь экран, крупная антиква, стеклянный поиск поверх фото */
.hero{position:relative;overflow:hidden;min-height:max(860px,100vh);display:flex;align-items:flex-end;padding:140px 0 60px;isolation:isolate}
.hero .bg{position:absolute;inset:0;z-index:-2;background:url(img/hero.webp) center 40%/cover;animation:kb 30s ease-in-out infinite alternate}
@keyframes kb{to{transform:scale(1.08)}}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(16,18,21,.65),rgba(16,18,21,.05) 30%,rgba(16,18,21,.35) 62%,var(--bg))}
.hero .in{width:100%}
.hero h1{font-size:clamp(68px,9vw,156px);line-height:.88;margin:18px 0 22px}
.hero .lead{max-width:56ch;font-size:18px;color:var(--fg-2);margin:0 0 36px}
.srch{display:block;width:100%;height:600px;border:0;background:transparent;margin:0 0 28px;color-scheme:dark}
.hero .wxp{margin-bottom:30px}
@media (max-width:640px){.hero{padding-top:110px}.hero h1{font-size:64px}}
@media (prefers-reduced-motion:reduce){.hero .bg{animation:none}}

/* левое меню ТЗ 14: вкладки «Путешествия | Сервисы» */
.travel-service-sidebar{position:fixed;top:0;bottom:0;left:0;width:var(--rail);z-index:40;background:rgba(18,20,23,.86);backdrop-filter:blur(22px) saturate(1.2);border-right:1px solid rgba(255,255,255,.1);overflow:auto;scrollbar-width:none}
.travel-service-sidebar.tls{padding-top:92px}
.travel-service-sidebar nav{display:flex;flex-direction:column;gap:7px}
.travel-service-sidebar a{display:flex;align-items:center;gap:12px;padding:14px 12px;border:1px solid transparent;border-radius:10px;color:#dce0e6;font-size:15px}
.travel-service-sidebar a:hover,.travel-service-sidebar a:focus-visible{background:#2a3037;border-color:#655b39;color:#fbbf24}
.travel-service-sidebar a>span{width:22px;color:#e8bd51;font-size:20px;text-align:center}
.travel-service-sidebar small{margin-left:auto;color:#8994a2}
body[data-v="rail"] .nav .row,body[data-v="rail"] .travel-main main,body[data-v="rail"] .hero .in,body[data-v="rail"] .footer{padding-left:calc(var(--rail) + var(--gut))}
body[data-v="rail"] .nav{left:0}
.nav .links a[aria-disabled]{cursor:default}
.travel-service-view{margin-left:var(--rail);padding-top:84px}
.nav .act .icn-biz{display:inline-grid}
body.svc-open .nav{position:fixed;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
body.svc-open .nav .row{padding-left:calc(var(--rail) + var(--gut))}
@media (max-width:980px){
  body[data-v="rail"] .nav .row,body[data-v="rail"] .travel-main main,body[data-v="rail"] .hero .in,body[data-v="rail"] .footer{padding-left:var(--gut)}
  body.svc-open .nav .row{padding-left:var(--gut)}
  .travel-service-view{margin-left:0}
  body[data-v="rail"] .footer{padding-bottom:24px}
}

/* пустые и узкие места */
.fly .c b.gl-to{font-size:clamp(26px,3.4vw,52px);line-height:1.05;overflow-wrap:anywhere}
.fly .c small{white-space:normal}
.mates{grid-template-columns:repeat(6,minmax(0,1fr))}
.gl-mc{display:block;aspect-ratio:3/4;background:linear-gradient(160deg,var(--panel-2),var(--panel))}
.gl-mc::after{display:none}
.gl-av{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:var(--gold-soft);border:1px solid var(--gold-line);color:var(--champ);font:600 32px var(--f-s)}
.gl-write{display:contents}
.agc .acts .btn{white-space:nowrap}
.checks .ck.tile p{margin-bottom:0}
@media (max-width:1100px){.mates{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.mates{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* защита от горизонтальной прокрутки на телефоне */
html,body{max-width:100%;overflow-x:hidden}
.travel-main,.travel-main main{min-width:0}
.in,.s>*{min-width:0}
@media (max-width:640px){
  .tx-g{grid-template-columns:minmax(0,1fr)}
  .av-wrap{grid-template-columns:minmax(0,1fr)}
  .kx-tabs{flex-wrap:wrap}
  .fly .way{grid-template-columns:minmax(0,1fr)}
  .fly .c.r{text-align:left}
  .fly .arcw{height:60px}
}
.tx-b{flex-wrap:wrap}
.tx-b .more{white-space:normal;overflow-wrap:anywhere;max-width:100%}
.kh-tabs a[aria-disabled=true]{opacity:.4;cursor:default;pointer-events:none}

/* === KAZ.HOLIDAY главная: компактный вариант === */
:root{--colw:1280px;--sec:64px;--padR:var(--gut);--padL:var(--gut)}
@media (min-width:981px){
  :root{--padR:max(var(--gut),calc((100vw - var(--rail) - var(--colw)) / 2));--padL:calc(var(--rail) + var(--padR))}
}
/* 1. колонка: один отступ, шапка, первый экран, блоки и подвал на одной линии */
.nav .row{max-width:none;padding-left:var(--padL);padding-right:var(--padR)}
body[data-v="rail"] .hero .in,
body[data-v="rail"] .travel-main main{max-width:none;padding-left:var(--padL);padding-right:var(--padR)}
body[data-v="rail"] main .in{max-width:none;padding-left:0;padding-right:0}
body[data-v="rail"] .footer{padding-left:0;padding-right:0}
body[data-v="rail"] .footer .in{max-width:none;padding-left:var(--padL);padding-right:var(--padR)}
/* 2. вертикальные отступы между блоками */
.s{padding-top:var(--sec)}
.footer{margin-top:72px}
.sh{padding-bottom:18px;margin-bottom:22px}
.sh h2{font-size:clamp(38px,4vw,58px);margin-top:8px}
.sh p{margin-top:8px}
.kx-tabs{margin-bottom:16px}
.av-wrap{margin-top:20px;gap:16px}
.dirs{grid-auto-rows:184px}
.checks,.biz,.tx-g{gap:14px}
.bz{padding:24px}
.app{padding:36px 44px;gap:32px}
/* 3. первый экран */
.hero{min-height:0;padding:100px 0 28px}
.hero h1{font-size:clamp(52px,6.2vw,96px);line-height:.92;margin:12px 0 14px}
.hero h1 em{white-space:nowrap}
.hero .lead{max-width:none;margin:0 0 18px}
.srch{margin:0 0 18px}
.hero .wxp{margin-bottom:0;padding:22px 24px 24px}
.wx-top{margin-bottom:16px}.wx-row{margin-bottom:14px}.wx-grid{gap:10px}
/* 4. пустые блоки: убрать воздух вокруг, заголовок остаётся */
#agents,#news,#mates{padding-top:32px}
#agents .sh,#news .sh,#mates .sh{margin-bottom:0}
@media (max-width:1000px){:root{--sec:56px}}
@media (max-width:640px){
  :root{--sec:48px}
  .hero{padding:88px 0 24px}
  .hero h1{font-size:46px;margin:10px 0 12px}
  .hero .lead{margin-bottom:16px}
  .sh h2{font-size:36px}
  .sh{padding-bottom:14px;margin-bottom:18px}
  .app{padding:28px 20px}
  .footer{margin-top:56px}
}