.okt,.okt *{box-sizing:border-box}.okt{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#2a2b2a;background:#fff;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}.okt a{color:#2a2b2a}.okt img{display:block;max-width:100%}.okt p{margin:0}.okt section[id]{scroll-margin-top:90px}.okt-wrap{max-width:1160px;margin:0 auto;padding-left:clamp(16px,4vw,24px);padding-right:clamp(16px,4vw,24px)}.okt-sec{padding-top:clamp(36px,6vw,56px);padding-bottom:clamp(36px,6vw,56px)}.okt-band{background:#f9f9f9;border-top:1px solid #E6E6E6;border-bottom:1px solid #E6E6E6}.okt-h1{font-size:clamp(30px,4.4vw,48px);line-height:1.06;font-weight:700;letter-spacing:-.025em;margin:0 0 16px;max-width:14em;text-wrap:balance}.okt-h2{font-size:clamp(23px,3.6vw,30px);font-weight:700;letter-spacing:-.02em;margin:0}.okt-h3{font-size:16px;font-weight:700;margin:0;line-height:1.3}.okt-lead{font-size:clamp(16px,2.2vw,19px);line-height:1.6;color:#545454;margin:0;max-width:42em;text-wrap:pretty}.okt-sub{font-size:15px;color:#545454;margin:10px 0 0;max-width:56em;text-wrap:pretty}.okt-p{font-size:16px;color:#545454;margin:0}.okt-fine{font-size:13px;color:#767676;margin:0;text-wrap:pretty}.okt-rule{width:56px;height:3px;background:#e83b4b;border-radius:2px;margin:12px 0 0}.okt-tag{display:inline-block;background:#1b1c1b;color:#fff;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:8px 16px;border-radius:6px;margin-bottom:22px}.okt-btn{font-size:16px;font-weight:700;text-decoration:none;padding:16px 30px;border-radius:8px;display:inline-block}.okt a.okt-btn--dark{background:#1b1c1b;color:#fff;border:1px solid #1B1C1B}.okt a.okt-btn--dark:hover{background:#000;color:#fff}.okt a.okt-btn--ghost{background:#fff;color:#2a2b2a;border:1px solid #D8D8D8}.okt a.okt-btn--ghost:hover{border-color:#2a2b2a}.okt-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.okt-nav{position:sticky;top:0;z-index:15;background:#fffffff5;-webkit-backdrop-filter:saturate(160%) blur(8px);backdrop-filter:saturate(160%) blur(8px);border-bottom:1px solid #E6E6E6}.okt-nav-in{display:flex;gap:8px;align-items:center;overflow-x:auto;padding-top:10px;padding-bottom:10px;scrollbar-width:none}.okt-nav-in::-webkit-scrollbar{display:none}.okt a.okt-nav-l{flex:0 0 auto;font-size:14px;font-weight:500;text-decoration:none;color:#545454;padding:8px 14px;border-radius:999px;border:1px solid #E6E6E6;white-space:nowrap}.okt a.okt-nav-l:hover{color:#2a2b2a;border-color:#2a2b2a}.okt a.okt-nav-cta{margin-left:auto;background:#e83b4b;color:#fff;border-color:#e83b4b;font-weight:700}.okt a.okt-nav-cta:hover{background:#d32f3f;color:#fff;border-color:#d32f3f}.okt-hero{padding-top:clamp(28px,4vw,44px);padding-bottom:clamp(24px,3vw,34px)}.okt-hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:clamp(24px,3.5vw,44px);align-items:center}.okt-hero-fig{position:relative;border-radius:14px;overflow:hidden;background:#efefef;margin:0}.okt-hero-fig img{width:100%;aspect-ratio:16/10;object-fit:cover}.okt-hero-cap{position:absolute;left:0;right:0;bottom:0;padding:34px 22px 16px;color:#fff;font-size:14px;font-weight:700;background:linear-gradient(to top,rgba(0,0,0,.72),transparent)}.okt-badges{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));border:1px solid #E6E6E6;border-radius:12px;overflow:hidden;margin-top:clamp(24px,3vw,32px)}.okt-badge{padding:18px 16px;border-right:1px solid #E6E6E6;text-align:center}.okt-badge:last-child{border-right:0}.okt-badge-t{font-size:15px;font-weight:700;line-height:1.3}.okt-badge-s{font-size:13px;color:#767676;margin-top:4px}.okt-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));background:#1b1c1b;border-radius:12px;overflow:hidden;margin-top:14px}.okt-stat{padding:22px 20px;border-right:1px solid rgba(255,255,255,.14)}.okt-stat:last-child{border-right:0}.okt-stat-n{font-size:clamp(23px,3.6vw,30px);font-weight:700;line-height:1.05;letter-spacing:-.02em;color:#fff}.okt-stat-l{font-size:13px;color:#ffffffb8;margin-top:6px}.okt-grid{display:grid;gap:16px;margin-top:24px}.okt-grid--2{grid-template-columns:repeat(2,1fr)}.okt-grid--3{grid-template-columns:repeat(3,1fr)}.okt-grid--4{grid-template-columns:repeat(4,1fr)}@media(max-width:1000px){.okt-grid--4{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.okt-grid{gap:12px}.okt-grid--2,.okt-grid--3,.okt-grid--4{grid-template-columns:repeat(2,1fr)}}.okt-c{border:1px solid #E6E6E6;border-radius:12px;background:#fff;display:flex;flex-direction:column;overflow:hidden;min-width:0}.okt-c-imgwrap{background:#fff;border-bottom:1px solid #F0F0F0;position:relative}.okt-c-img{width:100%;aspect-ratio:1/1;object-fit:contain;padding:10px;background:#fff}.okt-grid--2 .okt-c-img{aspect-ratio:4/3}.okt-c-badge{position:absolute;top:8px;right:8px;background:#1b1c1b;color:#fff;font-size:10px;font-weight:700;letter-spacing:.04em;padding:4px 9px;border-radius:999px}.okt-c-body{padding:14px;display:flex;flex-direction:column;gap:8px;flex:1}.okt-c-desc{font-size:13px;color:#767676;line-height:1.4}.okt-grid--3 .okt-c-desc,.okt-grid--4 .okt-c-desc{min-height:2.8em}.okt-price{display:inline-flex;align-items:baseline;gap:5px;background:#1b1c1b;color:#fff;border-radius:8px;padding:8px 12px;font-size:17px;font-weight:700;align-self:flex-start;letter-spacing:-.01em;white-space:nowrap}.okt-price em{font-style:normal;font-size:11px;font-weight:500;opacity:.72}.okt-list{font-size:12px;color:#767676}.okt-list s{color:#a0a0a0}.okt-list b{color:#e83b4b;font-weight:700}.okt-gross{font-size:12px;color:#767676}.okt-spec{font-size:12px;color:#545454;border-top:1px solid #F0F0F0;padding-top:9px;margin-top:auto;line-height:1.4}.okt a.okt-c-link{font-size:13px;font-weight:700;text-decoration:none;color:#2a2b2a;border:1px solid #E6E6E6;border-radius:8px;padding:10px 12px;text-align:center}.okt a.okt-c-link:hover{border-color:#2a2b2a}.okt-quote{font-size:14px;font-weight:700;color:#2a2b2a}@media(max-width:760px){.okt-c-body{padding:12px;gap:7px}.okt-h3{font-size:14px}.okt-c-desc{font-size:12px;min-height:0}.okt-price{font-size:15px;padding:7px 10px}.okt-gross,.okt-list,.okt-spec{font-size:11px}.okt a.okt-c-link{font-size:12px;padding:9px 8px}.okt-c-badge{font-size:9px;padding:3px 7px}}.okt-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));border:1px solid #E6E6E6;border-radius:12px;overflow:hidden;margin-top:22px}.okt-strip div{padding:18px;text-align:center;border-right:1px solid #E6E6E6}.okt-strip div:last-child{border-right:0}.okt-strip b{display:block;font-size:19px;font-weight:700;letter-spacing:-.01em}.okt-strip span{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#767676;margin-top:4px}.okt-sw{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px}@media(max-width:760px){.okt-sw{grid-template-columns:repeat(2,1fr)}}.okt-sw-i{margin:0;text-align:center}.okt-sw-i img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;border:1px solid #E6E6E6;background:#fff}.okt-sw-d{width:100%;aspect-ratio:4/3;border-radius:10px;border:1px solid #E6E6E6}.okt-sw-n{font-size:13px;color:#545454;margin-top:8px;font-weight:700}.okt-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:16px}.okt-tile{border:1px solid #E6E6E6;border-radius:10px;padding:14px 16px;background:#fff;font-size:14px;font-weight:700;line-height:1.35}.okt-tile span{display:block;font-size:12px;font-weight:400;color:#767676;margin-top:4px}.okt-refimgs{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:22px}.okt-refc{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:16/10;background:#e6e6e6;margin:0}.okt-refc img{width:100%;height:100%;object-fit:cover}.okt-refc figcaption{position:absolute;left:0;right:0;bottom:0;padding:32px 18px 14px;color:#fff;font-size:14px;font-weight:700;background:linear-gradient(to top,rgba(0,0,0,.75),transparent)}.okt-promises{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:24px}.okt-prom{border:1px solid #E6E6E6;border-radius:12px;padding:20px;background:#fff}.okt-prom h3{font-size:16px;font-weight:700;margin:0 0 6px}.okt-prom p{font-size:14px;color:#767676}.okt-faq{display:flex;flex-direction:column;gap:10px;max-width:820px;margin-top:22px}.okt-faq details{border:1px solid #E6E6E6;border-radius:12px;padding:16px 20px;background:#fff}.okt-faq summary{font-size:16px;font-weight:700;cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:center;list-style:none}.okt-faq summary::-webkit-details-marker{display:none}.okt-plus{color:#767676;font-weight:400;font-size:18px;transition:transform .2s ease;flex:0 0 auto}.okt-faq details[open] .okt-plus{transform:rotate(45deg)}.okt-faq details p{font-size:15px;color:#545454;margin:10px 0 0}.okt-formgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;align-items:start;padding-top:clamp(36px,6vw,56px);padding-bottom:clamp(40px,6vw,64px)}.okt-form{background:#fff;border:1px solid #E6E6E6;border-radius:12px;padding:clamp(20px,4vw,30px);display:flex;flex-direction:column;gap:16px;margin:0}.okt-field{display:flex;flex-direction:column;gap:7px}.okt-field label{font-size:13px;font-weight:700}.okt-field label:before,.okt-field label:after{content:none!important;display:none!important}.okt-form input,.okt-form textarea{font-family:DM Sans,sans-serif;font-size:16px;color:#2a2b2a;padding:13px 14px;border:1px solid #E6E6E6;border-radius:8px;background:#fff;width:100%;box-shadow:none}.okt-form textarea{resize:vertical;line-height:1.55}.okt-form input:focus,.okt-form textarea:focus{outline:none;border-color:#2a2b2a}.okt-2col{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.okt-submit{width:100%;background:#1b1c1b;color:#fff;font-family:DM Sans,sans-serif;font-size:16px;font-weight:700;padding:17px 24px;border:none;border-radius:8px;cursor:pointer}.okt-submit:hover{background:#000}.okt-ok{font-size:16px;font-weight:700;color:#2f6b46}.okt-errs{font-size:15px;color:#c0463a}.okt-why{background:#f4f4f4;border-radius:12px;padding:20px;margin:20px 0}.okt-why h3{font-size:17px;font-weight:700;margin:0 0 10px}.okt-why ul{margin:0;padding-left:18px;font-size:15px;color:#545454;display:flex;flex-direction:column;gap:6px}.okt-final{background:#1b1c1b;border-radius:14px;padding:clamp(24px,3.5vw,36px);display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;align-items:center;margin-top:28px}.okt-final h2{color:#fff;font-size:clamp(22px,3.4vw,30px);font-weight:700;margin:0 0 10px;letter-spacing:-.02em}.okt-final p{color:#ffffffc2;font-size:15px}.okt a.okt-final-tel{display:block;color:#fff;font-size:clamp(22px,3.4vw,30px);font-weight:700;text-decoration:none;margin-bottom:6px}.okt a.okt-final-mail{color:#ffffffc2;text-decoration:none;font-size:15px}
/*# sourceMappingURL=/cdn/shop/t/25/assets/onk-katalogus.css.map */