/* Oknoview — klocki landingu (hero ze zdjęciem, sekcja opisowa, karty modeli). Uzupełnia ovi-kit. Font z motywu (Montserrat), ostre narożniki, waga 300. */
.ovl-hero{--ovl-ease:var(--ov-ease,cubic-bezier(.65,0,.35,1));position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:clamp(440px,64vh,640px);background:#161717;color:#fff;font-family:var(--ov-font,"Montserrat","Helvetica Neue",Arial,sans-serif);font-weight:300;box-sizing:border-box;overflow:hidden}
.ovl-hero *{box-sizing:border-box}
.ovl-hero__bg{position:absolute;inset:0;z-index:-2}
.ovl-hero__bg img{display:block;width:100%;height:100%;object-fit:cover}
.ovl-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.6) 55%,rgba(0,0,0,.42) 100%)}
.ovl-hero__in{width:min(1264px,calc(100% - 58px));margin:0 auto;padding:clamp(40px,6vw,72px) 0 clamp(32px,4vw,48px)}
.ovl-hero__in>*:not(.ovl-facts){max-width:660px}
.ovl-crumbs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px;font-size:.8125rem;font-weight:400;color:#f0f0f0}
.ovl-crumbs a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.ovl-crumbs i{font-style:normal;opacity:.7}
.ovl-hero__eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 18px;font-size:.8125rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#fff}
.ovl-hero__eyebrow::before{content:"";width:28px;height:2px;background:#e0c27d}
.ovl-hero__title{margin:0 0 18px;font-size:clamp(2.25rem,4.6vw,3.9rem);font-weight:300;line-height:1.1;letter-spacing:-.035em;color:#fff}
.ovl-hero__lead{margin:0 0 14px;font-size:1.0625rem;line-height:1.6;color:#fff}
.ovl-hero__note{margin:0 0 14px;padding:12px 16px;border-left:3px solid #e0c27d;background:rgba(0,0,0,.45);font-size:.9375rem;font-weight:400;color:#fff}
.ovl-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.ovl-btn{display:inline-block;padding:16px 29px;border:1px solid #fff;border-radius:0;background:#fff;color:#161717;font:500 .9375rem/1.2 var(--ov-font,"Montserrat","Helvetica Neue",Arial,sans-serif);text-decoration:none;cursor:pointer;transition:color .25s var(--ovl-ease,cubic-bezier(.65,0,.35,1)),background-color .25s var(--ovl-ease,cubic-bezier(.65,0,.35,1))}
.ovl-btn:hover,.ovl-btn:focus-visible{background:#161717;color:#fff}
.ovl-btn--ghost{background:transparent;color:#fff}
.ovl-btn--ghost:hover,.ovl-btn--ghost:focus-visible{background:#fff;color:#161717}
.ovl-hero :focus-visible{outline:3px solid #e0c27d;outline-offset:3px}
.ovl-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:0;margin:clamp(28px,4vw,48px) 0 0;padding:0;border-top:1px solid rgba(255,255,255,.4)}
.ovl-facts>div{padding:16px 20px 0 0}
.ovl-facts dt{margin:0 0 4px;font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#ececec}
.ovl-facts dd{margin:0;font-size:1rem;font-weight:400;color:#fff}
.ovl-hero--compact{min-height:clamp(300px,40vh,400px)}
.ovl-hero--compact .ovl-hero__title{font-size:clamp(1.75rem,3.2vw,2.75rem)}
/* sekcja opisowa */
.ovl-split__grid{display:grid;gap:clamp(28px,5vw,72px);grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center}
.ovl-split--rev .ovl-split__text{order:2}
.ovl-split__p{margin:0 0 20px;color:var(--ovk-soft);font-size:1rem;max-width:60ch}
.ovl-list{margin:0 0 22px;padding:0;list-style:none;border-top:1px solid var(--ovk-line)}
.ovl-list li{padding:14px 0 14px 28px;position:relative;border-bottom:1px solid var(--ovk-line);font-size:.9375rem}
.ovl-list li::before{content:"";position:absolute;left:0;top:23px;width:14px;height:2px;background:var(--ovk-accent)}
.ovl-link{font-weight:500;color:var(--ovk-ink);text-underline-offset:4px}
.ovl-split__media{display:grid;gap:2px}
.ovl-fig{margin:0;background:#f5f5f5;overflow:hidden}
.ovl-fig img{display:block;width:100%;height:auto}
.ovl-fig--render img{max-height:420px;object-fit:contain;padding:24px}
.ovl-fig--photo img{aspect-ratio:3/2;object-fit:cover}
/* karty modeli */
.ovl-cards{display:grid;gap:2px;background:var(--ovk-line);border:1px solid var(--ovk-line);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.ovl-card{background:var(--ovk-bg);min-width:0}
.ovl-card a{display:flex;flex-direction:column;height:100%;color:var(--ovk-ink);text-decoration:none;transition:background-color .25s var(--ovk-ease)}
.ovl-card a:hover,.ovl-card a:focus-visible{background:var(--ovk-alt)}
.ovl-card.is-current a{background:var(--ovk-alt);box-shadow:inset 0 3px 0 var(--ovk-ink)}
.ovl-card__img{display:block;aspect-ratio:4/3;background:#f5f5f5;overflow:hidden}
.ovl-card__img img{display:block;width:100%;height:100%;object-fit:contain;padding:18px}
.ovl-card__body{display:flex;flex-direction:column;gap:8px;padding:22px 24px 26px;flex:1}
.ovl-card__body small{font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ovk-soft)}
.ovl-card__body h3{margin:0;font-size:1.375rem;line-height:1.25}
.ovl-card__text{font-size:.9375rem;color:var(--ovk-soft)}
.ovl-card__body strong{margin-top:auto;padding-top:10px;font-size:.875rem;font-weight:500}
/* rysunki i parametry */
.ovl-draw{display:grid;gap:2px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.ovl-draw figure{margin:0;border:1px solid var(--ovk-line);background:#fff}
.ovl-draw img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;padding:12px}
.ovl-draw figcaption{padding:12px 16px;border-top:1px solid var(--ovk-line);font-size:.8125rem;color:var(--ovk-soft)}
.ovl-spec-cols{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}
.ovl-table{min-width:0}
.ovl-table caption{caption-side:top;padding:0 0 12px;font-size:1rem;font-weight:500;color:var(--ovk-ink)}
.ovl-table thead th{font-size:.75rem}
@media(max-width:767px){
 .ovl-hero{min-height:420px}
 .ovl-hero::before{background:linear-gradient(0deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.62) 100%)}
 .ovl-split__grid{grid-template-columns:1fr}.ovl-split--rev .ovl-split__text{order:0}
 .ovl-btn{flex:1 1 100%;text-align:center}
}
@media(prefers-reduced-motion:reduce){.ovl-btn,.ovl-card a{transition:none!important}}
