/* vahtubinske /baskunchak/ — поверх step.css */
.oz-hero{position:relative;min-height:min(72vh,600px);display:flex;align-items:flex-end;padding:150px var(--gut) 60px;overflow:hidden;color:#fff;background:#244075}
.oz-hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:oz-zoom 24s ease-in-out infinite alternate}
@keyframes oz-zoom{to{transform:scale(1.08)}}
.oz-hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(25,45,95,.85),rgba(25,45,95,.35) 55%,rgba(25,45,95,0))}
.oz-hero__text{position:relative;z-index:2;max-width:620px}
.oz-hero h1{color:#fff;font-size:clamp(42px,5.4vw,78px)}
.oz-hero .vs-sub{color:#E9EEF9}
.oz-hero p:not(.vs-sub){color:#D5DEF2;margin:14px 0 0}
.oz-crumbs{font-size:13px;margin:0 0 14px!important}
.oz-crumbs a{color:#fff}

.oz-facts{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;align-items:center}
.oz-facts__text p{color:var(--ink2);margin:18px 0 0;max-width:480px}
.oz-facts__grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.oz-fact{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px;position:relative;overflow:hidden}
.oz-fact::after{content:"";position:absolute;right:-20px;bottom:-20px;width:80px;height:80px;border:1.5px solid var(--salt2);transform:rotate(18deg)}
.oz-fact b{display:block;font:400 clamp(36px,3.6vw,52px)/1 var(--h);color:var(--sky)}
.oz-fact span{display:block;margin-top:8px;font-size:14px;color:var(--ink2)}

.oz-head{margin-bottom:24px}
.oz-head p{max-width:none}
.oz-open__grid{display:grid;grid-template-columns:280px 1fr 240px;gap:24px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px}
.oz-status{display:flex;gap:14px;align-items:flex-start}
.oz-status__dot{flex:none;width:18px;height:18px;border-radius:50%;background:#B9B2A4;margin-top:6px;box-shadow:0 0 0 6px rgba(185,178,164,.25)}
.oz-status.is-open .oz-status__dot{background:#4F9A64;box-shadow:0 0 0 6px rgba(79,154,100,.25);animation:oz-pulse 2s infinite}
@keyframes oz-pulse{50%{box-shadow:0 0 0 12px rgba(79,154,100,0)}}
.oz-status b{display:block;font:400 26px/1.15 var(--h)}
.oz-status small{display:block;margin-top:6px;font-size:13.5px;color:var(--ink2)}
.oz-season svg{width:100%;height:auto;display:block}
.oz-season .base{fill:var(--salt2)}
.oz-season .tick{stroke:var(--line)}
.oz-season text{font:600 12px var(--t);fill:var(--ink2)}
.oz-season__on{fill:var(--wormwood);transition:width 1s ease}
.oz-season__today path{stroke:var(--ochre2);stroke-width:2.5}
.oz-season__today circle{fill:var(--ochre2)}
.oz-season__today text{font:700 12px var(--t);fill:var(--ochre2)}
.oz-clock{text-align:center}
.oz-clock svg{width:100%;max-width:200px;height:auto}
.oz-clock .ring{fill:none;stroke:var(--salt2);stroke-width:14}
.oz-clock .win{fill:none;stroke:var(--wormwood);stroke-width:14;stroke-linecap:round}
.oz-clock .ticks path{stroke:var(--ink2);stroke-width:1.5}
.oz-clock .ticks text{font:700 13px var(--t);fill:var(--ink)}
.oz-clock .hand path{stroke:var(--ochre2);stroke-width:3;stroke-linecap:round}
.oz-clock .hand circle{fill:var(--ochre2)}
.oz-clock .hand{transition:transform .8s}
.oz-clock .now{font:400 20px var(--h);fill:var(--ink)}
.oz-clock small{display:block;font-size:12px;color:var(--mute)}

.oz-steps ol{list-style:none;counter-reset:s;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}
.oz-steps ol::before{content:"";position:absolute;left:24px;right:24px;top:24px;border-top:1.5px dashed var(--line)}
.oz-steps li{counter-increment:s;position:relative;padding:62px 18px 0 0}
.oz-steps li::before{content:counter(s);position:absolute;left:0;top:0;width:48px;height:48px;border-radius:50%;background:var(--sky);color:#fff;display:grid;place-items:center;font:400 22px var(--h);box-shadow:0 0 0 8px var(--salt)}
.oz-steps b{display:block;font-size:17px;margin-bottom:6px}
.oz-steps span{font-size:14px;color:var(--ink2)}

.oz-pack{display:grid;grid-template-columns:.8fr 1.4fr;gap:30px;align-items:start}
.oz-pack__list{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px}
.oz-pack h2,.oz-warn h2{font-size:clamp(30px,3vw,42px)}
.oz-pack ul{list-style:none;margin:18px 0 12px;padding:0;display:flex;flex-direction:column;gap:10px}
.oz-pack label{display:flex;gap:12px;align-items:center;cursor:pointer;font-size:15px}
.oz-pack input{appearance:none;flex:none;width:24px;height:24px;border-radius:50%;border:1.5px solid var(--ink2);display:grid;place-items:center;cursor:pointer;margin:0;transition:.2s}
.oz-pack input::after{content:"";width:10px;height:10px;border-radius:50%;background:#fff;transform:scale(0);transition:transform .2s}
.oz-pack input:checked{background:var(--wormwood);border-color:var(--wormwood)}
.oz-pack input:checked::after{transform:scale(1)}
.oz-pack input:checked+span{color:var(--mute);text-decoration:line-through}
.oz-pack__n{margin:0;font-size:12px;color:var(--mute)}
.oz-warn__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
.oz-warn article{background:#FFF8EA;border:1px solid #EFD9A9;border-radius:14px;padding:16px;transition:transform .25s}
.oz-warn article:hover{transform:translateY(-3px)}
.oz-warn svg{width:34px;height:34px;fill:none;stroke:var(--ochre2);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.oz-warn b{display:block;margin:8px 0 4px;font-size:15px}
.oz-warn span{font-size:13.5px;color:var(--ink2)}
.oz-faq__grid{grid-template-columns:repeat(3,1fr)}

@media (max-width:1180px){
  .oz-open__grid{grid-template-columns:1fr 1fr}
  .oz-season{grid-column:1/-1;order:3}
  .oz-steps ol{grid-template-columns:1fr 1fr;row-gap:30px}
  .oz-steps ol::before{display:none}
  .oz-pack{grid-template-columns:1fr}
}
@media (max-width:760px){
  .oz-hero{padding-top:120px}
  .oz-facts,.oz-open__grid,.oz-steps ol,.oz-warn__grid,.oz-faq__grid{grid-template-columns:1fr}
  .oz-clock svg{max-width:170px}
}
@media (prefers-reduced-motion:reduce){.oz-hero__bg{animation:none}}