/* EKOway V2 – špecifické štýly homepage (pod .v2). Spoločné komponenty sú vo v2-base.css a v2-components.css. */
.v2 .hero{position:relative;background:var(--pine);color:#fff;overflow:hidden;isolation:isolate}
.v2 .hero__media{position:absolute;inset:0 0 0 auto;width:64%;z-index:-1}
.v2 .hero__media img{width:100%;height:100%;object-fit:cover;object-position:var(--pos,60% 50%)}
.v2 .hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--pine) 0%,rgba(7,40,32,.86) 22%,rgba(7,40,32,.35) 52%,rgba(7,40,32,.05) 100%)}
.v2 .hero__in{min-height:clamp(560px,46vw,700px);display:flex;flex-direction:column;justify-content:center;padding-block:clamp(3.5rem,6vw,5.5rem)}
.v2 .hero__copy{max-width:690px}
.v2 .hero .h1{margin-bottom:1.5rem}
.v2 .hero .lead{max-width:34em;margin-bottom:2.25rem}
.v2 .crumbs ol{display:flex;flex-wrap:wrap;gap:.5rem;font-size:var(--fs-sm);color:var(--on-dark-2);margin-bottom:1.75rem}
.v2 .crumbs li+li::before{content:"/";margin-right:.5rem;opacity:.6}
.v2 .crumbs a{text-decoration:none}
.v2 .crumbs a:hover{text-decoration:underline}
.v2 .crumbs [aria-current]{color:var(--lime)}
@media (prefers-reduced-motion:no-preference){
  .js:not(.shot) .v2 .hero__copy>*{opacity:0;transform:translateY(14px);animation:v2-rise .7s cubic-bezier(.2,.7,.2,1) forwards}
  .js:not(.shot) .v2 .hero__copy>*:nth-child(2){animation-delay:.06s}
  .js:not(.shot) .v2 .hero__copy>*:nth-child(3){animation-delay:.12s}
  .js:not(.shot) .v2 .hero__copy>*:nth-child(4){animation-delay:.18s}
  .js:not(.shot) .v2 .hero__copy>*:nth-child(5){animation-delay:.24s}
}
@keyframes v2-rise{to{opacity:1;transform:none}}
@media (max-width:959px){
  .v2 .hero__media{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:16/10;z-index:0}
  .v2 .hero__media::after{background:linear-gradient(180deg,rgba(7,40,32,0) 55%,var(--pine) 100%)}
  .v2 .hero__media img{object-position:var(--pos-m,60% 50%)}
  .v2 .hero__in{min-height:0;padding-top:.5rem;padding-bottom:3.25rem}
}
@media (max-width:479px){
  .v2 .hero__media{aspect-ratio:4/3}
  .v2 .hero .btns .btn{width:100%}
}
.v2 .trans .h2{margin-bottom:1.5rem}
.v2 .trans .prose{margin-bottom:2rem}
.v2 .trans .checks{margin-bottom:2.25rem}
.v2 .trans .photo{aspect-ratio:4/3.3}
.v2 .manifest{font-size:var(--fs-xl);line-height:.98;font-weight:700;letter-spacing:var(--track-d);margin-bottom:clamp(1.75rem,3vw,2.5rem);color:#fff}
.v2 .manifest span{display:block}
.v2 .manifest span:last-child{color:var(--lime)}
.v2 .tech{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.v2 .tech .photo{aspect-ratio:3/4;border-radius:var(--r-m)}
.v2 .tech__txt>p{color:var(--on-dark-2);font-size:var(--fs-lead);line-height:1.55;margin-bottom:1.75rem;max-width:32em}
.v2 .tech__txt p strong{color:#fff;font-weight:650}
@media (max-width:879px){
  .v2 .tech{grid-template-columns:1fr}
  .v2 .tech .photo{aspect-ratio:4/3.6}
  .v2 .tech .photo img{object-position:50% 30%}
}
.v2 .svc{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(2rem,4vw,3.5rem);align-items:start}
.v2 .svc-main{background:var(--mist);border-radius:var(--r-l);padding:clamp(1.5rem,3vw,2.5rem)}
.v2 .svc-main__tag{display:inline-block;font-size:var(--fs-sm);font-weight:650;color:var(--leaf);margin-bottom:.75rem}
.v2 .svc-main .h3{font-size:clamp(1.6rem,1.3rem + 1vw,2rem);letter-spacing:-.025em;margin-bottom:.75rem}
.v2 .svc-main>p{color:var(--muted);margin-bottom:1.5rem;max-width:34em}
.v2 .svc-main .btns{margin-bottom:2rem}
.v2 .svc-list__head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.5rem}
.v2 .svc-list__head h3{font-size:var(--fs-h3);font-weight:650}
@media (max-width:959px){
  .v2 .svc{grid-template-columns:1fr}
}
.v2 .why{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr);gap:clamp(2rem,4vw,4rem);align-items:stretch}
.v2 .year{position:relative;border-radius:var(--r-l);overflow:hidden;color:#fff;min-height:440px;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(1.5rem,3vw,2.25rem)}
.v2 .year img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}
.v2 .year{isolation:isolate}
.v2 .year::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,31,24,.1) 0%,rgba(4,31,24,.55) 38%,rgba(4,31,24,.95) 72%);z-index:-1}
.v2 .year__n{font-size:clamp(4.5rem,3rem + 6vw,8rem);font-weight:700;letter-spacing:-.05em;line-height:.9;color:var(--lime)}
.v2 .year h3{font-size:var(--fs-h3);font-weight:650;margin:.75rem 0 .5rem}
.v2 .year p{color:var(--on-dark);font-size:.975rem}
.v2 .facts{display:grid;grid-template-columns:1fr 1fr;gap:0 2.5rem;align-content:start}
.v2 .facts li{padding:1.5rem 0;border-top:1px solid var(--mist-2)}
.v2 .facts .ico{color:var(--leaf);margin-bottom:.75rem;width:1.6rem;height:1.6rem}
.v2 .facts h3{font-size:1.125rem;font-weight:650;margin-bottom:.35rem;line-height:1.3}
.v2 .facts p{color:var(--muted);font-size:.975rem}
.v2 .clients{grid-column:1/-1;padding-top:1.5rem;border-top:1px solid var(--mist-2)}
.v2 .clients h3{font-size:1.125rem;font-weight:650;margin-bottom:.9rem}
.v2 .chips{display:flex;flex-wrap:wrap;gap:.5rem}
.v2 .chips li{padding:.4rem .85rem;border:1px solid var(--mist-2);background:var(--paper);border-radius:999px;font-size:.925rem}
@media (max-width:959px){
  .v2 .why{grid-template-columns:1fr}
  .v2 .year{min-height:380px}
}
@media (max-width:539px){
  .v2 .facts{grid-template-columns:1fr}
}
.v2 .logos{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--mist-2);border-left:1px solid var(--mist-2)}
.v2 .logos li{border-right:1px solid var(--mist-2);border-bottom:1px solid var(--mist-2);display:grid;place-items:center;padding:1rem;background:var(--paper)}
.v2 .logos img{width:100%;max-width:150px;height:auto;mix-blend-mode:multiply}
.v2 .refs__foot{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1.5rem;color:var(--muted);font-size:.95rem}
@media (max-width:959px){
  .v2 .logos{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:539px){
  .v2 .logos{grid-template-columns:repeat(2,1fr)}
}
.v2 .docs{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(1.5rem,3vw,2.5rem);align-items:start}
.v2 .panel{background:var(--paper);border:1px solid var(--mist-2);border-radius:var(--r-l);padding:clamp(1.5rem,3vw,2.25rem)}
.v2 .panel .h3{margin-bottom:.6rem}
.v2 .panel>p{color:var(--muted);margin-bottom:1rem}
.v2 .cert-list li{padding:.75rem 0;border-top:1px solid var(--mist-2);font-size:.95rem;color:var(--muted);line-height:1.5}
.v2 .cert-list strong{color:var(--ink)}
.v2 .certs{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem;margin-top:1.25rem}
.v2 .certs a{display:block;text-decoration:none;font-size:.8125rem;color:var(--muted);text-align:center}
.v2 .certs img{border:1px solid var(--mist-2);border-radius:var(--r-s);margin-bottom:.4rem;transition:transform .15s}
.v2 .certs a:hover img{transform:translateY(-2px)}
.v2 .side{display:grid;gap:clamp(1.5rem,3vw,2.5rem)}
.v2 .doclist a{display:grid;grid-template-columns:auto 1fr auto;gap:.9rem;align-items:center;padding:.9rem 0;border-top:1px solid var(--mist-2);text-decoration:none}
.v2 .doclist .ext{font-size:.75rem;font-weight:700;color:var(--leaf);border:1px solid currentColor;border-radius:4px;padding:.15rem .35rem}
.v2 .doclist b{display:block;font-weight:600;font-size:.95rem;line-height:1.35}
.v2 .doclist small{display:block;color:var(--muted);font-size:.8125rem}
.v2 .doclist svg{color:var(--leaf)}
.v2 .panel--pine{background:var(--pine);border-color:var(--pine);color:var(--on-dark)}
.v2 .panel--pine>p{color:var(--on-dark-2)}
.v2 .panel--pine .link{color:var(--lime)}
.v2 .panel .link+p{margin-top:1.25rem}
@media (max-width:959px){
  .v2 .docs{grid-template-columns:1fr}
}
@media (max-width:539px){
  .v2 .certs{grid-template-columns:repeat(3,1fr)}
}
.v2 .final{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.v2 .final .h2{margin-bottom:1rem}
.v2 .final__visit p{color:var(--on-dark-2);margin-bottom:1.75rem;max-width:32em}
.v2 .final__order{border-left:1px solid var(--line-d);padding-left:clamp(2rem,4vw,3.5rem)}
.v2 .final__order h3{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}
.v2 .final__order p{color:var(--on-dark-2);margin-bottom:1.5rem}
.v2 .final__order .btns{flex-direction:column;align-items:flex-start}
@media (max-width:879px){
  .v2 .final{grid-template-columns:1fr}
  .v2 .final__order{border-left:0;padding-left:0;border-top:1px solid var(--line-d);padding-top:2rem}
}
@media (max-width:479px){
  .v2 .final .btn,
.v2 .final__order .btns .btn{width:100%}
  .v2 .final__order .btns{align-items:stretch}
}
