:root{--sin:#005CA8;--sin2:#004D8F;--kol:#EDBE16;--tume:#222;--hall:#626B75;
--joon:#DCE2E8;--taust:#F4F6F8;--hd:62px;--nav:#F9FAFB}
*{margin:0;padding:0;box-sizing:border-box}
/* NB! scroll-behavior:smooth EI sobi sellele lehele - leht on ~96 000 px pikk
   ja sujuv kerimine votaks mitu sekundit ning katkeb iga kasutaja liigutuse
   peale, jattes inimese lehe keskele. Kerimist juhib JS (vt keriTo). */
html{scroll-padding-top:calc(var(--hd) + 78px)}
.lg{cursor:pointer}
body{font:15px/1.55 Montserrat,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--tume);background:#fff}
img{max-width:100%;display:block}
/* NB! [hidden] peab ALATI peitma. Kaardil .k on display:flex ja autori reegel
   soidab brauseri oma [hidden]{display:none} reeglist ule - seetottu jaid
   otsingu ajal peidetud tootekaardid ekraanile nahtavaks ja kategooria
   loendur naitas 3, kuigi ees seisis 11 toodet. Ilma selle reata ei toota
   otsing kaardi tasemel, ainult kategooria tasemel. */
[hidden]{display:none!important}
a{color:inherit;text-decoration:none}
.w{max-width:1460px;margin:0 auto;padding:0 24px}
/* ---------- top ---------- */
.top{background:#F0F2F5;color:var(--hall);font-size:12.5px;padding:6px 0;border-bottom:1px solid var(--joon)}
.top .w{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.top b{color:var(--sin)}
.top a{color:var(--sin);font-weight:600}
/* ---------- header ---------- */
.hd{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid var(--joon);
height:var(--hd);display:flex;align-items:center}
.hd .w{display:flex;align-items:center;gap:18px;width:100%}
.hd .lg{height:34px;width:auto;flex:none}
.hd nav{display:flex;gap:3px;margin-left:6px}
.hd nav a{font-size:13px;font-weight:600;color:var(--sin);padding:8px 11px;border-radius:4px;
text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}
.hd nav a:hover{background:var(--nav)}
.otsikast{margin-left:auto;position:relative;flex:1;max-width:340px}
#otsi{width:100%;padding:8px 32px 8px 34px;border:1px solid var(--joon);border-radius:4px;
font:500 13px Montserrat,Arial,sans-serif;background:var(--nav)}
#otsi:focus{outline:2px solid var(--sin);background:#fff}
.otsikast svg{position:absolute;left:10px;top:9px;color:var(--hall)}
#puhasta{position:absolute;right:6px;top:5px;border:0;background:none;cursor:pointer;
color:var(--hall);font-size:17px;line-height:1;padding:3px 6px;display:none}
.mob{display:none;margin-left:auto;background:var(--sin);color:#fff;border:0;border-radius:4px;
padding:8px 13px;font:700 12.5px Montserrat;cursor:pointer}
/* ---------- riba ---------- */
.riba{background:var(--sin);color:#fff;padding:11px 0}
.riba .w{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.riba b{font-size:14.5px;font-weight:600}
.riba .kol{color:var(--kol)}
.riba a.p{background:var(--kol);color:#3A2E00;font-weight:700;padding:7px 15px;border-radius:4px;
font-size:12.5px;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px}
/* ---------- hero ---------- */
.hero{background:linear-gradient(120deg,#00396A 0%,var(--sin) 62%,#0A72C8 100%);color:#fff;
padding:34px 0 0;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;right:-90px;top:-110px;width:420px;height:420px;
border:44px solid rgba(255,255,255,.06);border-radius:50%}
.hero h1{font-size:clamp(24px,2.9vw,35px);line-height:1.13;max-width:1000px;font-weight:800;letter-spacing:-.6px}
.hero p{margin:11px 0 0;font-size:clamp(14.5px,1.2vw,16.5px);max-width:1000px;color:#CFE3F5;line-height:1.55}
.hero p.juht b{color:#fff;font-weight:700}
.hero .np{margin-top:17px}
/* --- taislaiuses SEO riba hero all: kolm veergu, ei luka tooteid alla --- */
.seoriba{margin-top:24px;background:rgba(0,0,0,.17);border-top:1px solid rgba(255,255,255,.13)}
.seoriba .w{display:grid;grid-template-columns:repeat(3,1fr);gap:0 34px;padding-top:19px;padding-bottom:19px}
.seoriba h2{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;
  color:var(--kol);margin-bottom:7px}
.seoriba p{margin:0;font-size:13.6px;line-height:1.58;color:#BDD5EC;max-width:none}
.seoriba p b{color:#fff;font-weight:700}
@media(max-width:900px){.seoriba .w{grid-template-columns:1fr;gap:17px}}
.hero .np a{display:inline-block;padding:12px 24px;border-radius:4px;font-weight:700;font-size:13.5px;
margin:0 9px 9px 0;text-transform:uppercase;letter-spacing:.4px}
.np .a1{background:var(--kol);color:#3A2E00}
.np .a2{border:2px solid rgba(255,255,255,.6);color:#fff}
.stat{display:flex;gap:30px;flex-wrap:wrap;margin-top:17px;font-size:12.5px;color:#BBD6EE}
.stat b{display:block;font-size:22px;color:#fff;font-weight:800;line-height:1.2}
/* ---------- paigutus ---------- */
.paig{display:grid;grid-template-columns:288px minmax(0,1fr);gap:34px;align-items:start;
max-width:1460px;margin:0 auto;padding:0 24px}
/* ---------- külgmenüü ---------- */
.kylg{position:sticky;top:calc(var(--hd) + 14px);max-height:calc(100vh - var(--hd) - 28px);
overflow-y:auto;padding:18px 4px 30px 0;border-right:1px solid var(--joon);scrollbar-width:thin}
.kylg::-webkit-scrollbar{width:6px}
.kylg::-webkit-scrollbar-thumb{background:#C9D2DB;border-radius:3px}
.kpea{font-size:11px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;
color:var(--hall);padding:0 6px 10px}
.mgrupp{margin-bottom:14px}
.mpea{display:flex;align-items:center;gap:9px;padding:11px 8px 10px;border:0;background:none;
width:100%;border-bottom:2px solid var(--bv);margin-bottom:4px;cursor:pointer;
color:var(--bv);text-align:left}
.mpea img{height:26px;width:auto;max-width:140px;object-fit:contain}
.mpea .nool{transition:transform .18s;flex:none;opacity:.6;margin-left:auto}
.mgrupp.kinni .nool{transform:rotate(-90deg)}
.mgrupp.kinni .mliinid{display:none}
.mgrupp ul{list-style:none}
.mliin{margin:0 0 12px}
.mlsilt{display:block;font-size:10.5px;font-weight:800;letter-spacing:1.1px;
text-transform:uppercase;color:#93A0AC;padding:8px 9px 4px}
.mlsilt:hover{color:var(--bv)}
.mliin ul li a{padding-left:11px}
.mgrupp li a{display:block;font-size:12.9px;font-weight:500;color:#3D4752;
padding:6px 9px;border-radius:4px;border-left:3px solid transparent;line-height:1.35}
.mgrupp li a:hover{background:var(--nav);color:var(--bv)}
.mgrupp li a.on{background:color-mix(in srgb,var(--bv) 9%,#fff);color:var(--bv);
font-weight:700;border-left-color:var(--bv)}

/* ---------- sisu ---------- */
.sisualal{padding-bottom:20px;min-width:0}
.brand{padding:26px 0 6px;scroll-margin-top:calc(var(--hd) + 14px)}
.bpea{display:flex;gap:22px;align-items:flex-start;background:var(--taust);border-radius:8px;
padding:22px 24px;border-left:5px solid var(--bv);margin-bottom:8px}
.blogo{height:44px;width:auto;max-width:190px;object-fit:contain;flex:none;margin-top:3px}
.blogo.txt{font-size:22px;font-weight:800;color:var(--bv);height:auto}
.btxt h2{font-size:clamp(17px,1.7vw,22px);font-weight:700;color:var(--bv);line-height:1.3}
.btxt p{margin-top:8px;font-size:13.8px;color:var(--hall);max-width:840px}
.bmeta{margin-top:9px;font-size:12.5px}
.bmeta b{color:var(--bv)}
.bmeta a{color:var(--hall);text-decoration:underline}
.liin{padding:14px 0 2px;scroll-margin-top:calc(var(--hd) + 14px)}
.lpea{display:flex;align-items:flex-start;gap:16px;padding:15px 18px;margin:22px 0 4px;
background:#fff;border:1px solid var(--joon);border-radius:7px;
border-left:4px solid var(--bv);box-shadow:0 1px 4px rgba(0,60,110,.05)}
.llogo{display:inline-flex;align-items:center;gap:7px;flex:none;margin-top:2px}
.llogo img{height:24px;width:auto;max-width:104px;object-fit:contain}
.llogo em{font-style:normal;font-weight:700;font-size:14.5px;color:var(--bv);letter-spacing:-.2px}
.llogo .tri{width:1.3px;background:var(--bv);opacity:.45;align-self:stretch;margin:2px 0}
.ltxt{flex:1;min-width:0}
.lh{font-size:15.5px;font-weight:700;color:var(--bv);line-height:1.3}
.ltxt p{margin-top:5px;font-size:13px;color:var(--hall)}
.bliinid{margin-top:8px;font-size:12.8px;color:var(--hall)}
.bliinid b{color:var(--bv);font-weight:700}
.kat{padding:18px 0 4px;scroll-margin-top:calc(var(--hd) + 14px)}
.kat h3{font-size:17px;font-weight:700;margin-bottom:14px;display:flex;align-items:center;gap:9px;
padding-bottom:8px;border-bottom:1px solid var(--joon)}
.kat h3:before{content:"";width:4px;height:17px;background:var(--bv);border-radius:2px;flex:none}
.ar{background:var(--taust);color:var(--hall);font-size:11px;font-weight:700;padding:2px 8px;border-radius:9px}
.ruut{display:grid;grid-template-columns:repeat(auto-fill,minmax(216px,1fr));gap:15px}
.k{background:#fff;border:1px solid var(--joon);border-radius:7px;overflow:hidden;
display:flex;flex-direction:column;transition:box-shadow .15s,border-color .15s}
.k:hover{box-shadow:0 6px 20px rgba(0,60,110,.11);border-color:#B9C7D4}
.k h4 a.tnimi{color:inherit}
.k:hover h4 a.tnimi{color:var(--bv);text-decoration:underline}
.tinfo2{display:inline-block;margin-top:9px;font-size:12.2px;font-weight:700;color:var(--sin)}
.tinfo2:hover{text-decoration:underline}
.pilt{height:158px;background:var(--taust);display:flex;align-items:center;justify-content:center;
padding:12px;position:relative}
.pilt img{max-height:100%;width:auto;object-fit:contain;mix-blend-mode:multiply}
.pilt.ph{background:linear-gradient(135deg,var(--bv) 0%,var(--bv2) 100%)}
.phn{color:#fff;font-weight:700;font-size:14px;text-align:center;line-height:1.3;padding:12px}
.lipp{position:absolute;top:8px;left:8px;font-size:9.5px;font-weight:700;padding:3px 7px;
border-radius:3px;text-transform:uppercase;letter-spacing:.4px}
.laos{background:#0F8A3D;color:#fff}
.tell{background:#fff;color:var(--hall);border:1px solid var(--joon)}
/* tulekindluse mark: punane diagonaalne lint paremas ulanurgas */
.lipp.tuli{left:auto;right:-34px;top:15px;color:#fff;
  transform:rotate(38deg);padding:3.5px 34px;border-radius:0;font-size:8.4px;
  letter-spacing:.5px;line-height:1.35;box-shadow:0 1px 3px rgba(0,0,0,.28)}
.lipp.tuli.kindel{background:#C8102E}          /* euroklass A1 / A2 / B */
.lipp.tuli.katus{background:#0F6E5C}           /* Broof, katuse valistuleklass */
.lipp.tuli.raske{background:#B5761A}           /* DIN B1, raskesti suttiv */
.lipp.tuli.tavaline{background:#5C6670}        /* DIN B2 / B3 / D, ei ole tulekindel */
.si{padding:13px 14px 14px;display:flex;flex-direction:column;flex:1}
.si h4{font-size:14.5px;font-weight:700;line-height:1.25;margin-bottom:6px}
.si p{font-size:12.8px;color:var(--hall);flex:1;line-height:1.5}
.sp{list-style:none;margin-top:10px;font-size:11.8px;color:#4A545E}
.sp li{padding:1.5px 0 1.5px 12px;position:relative}
.sp li:before{content:"";position:absolute;left:0;top:8px;width:4px;height:4px;
background:var(--bv);border-radius:50%}
.teod{margin-top:12px;padding-top:10px;border-top:1px solid var(--joon);display:flex;
flex-direction:column;gap:7px;align-items:flex-start}
.cta{font-size:12.5px;font-weight:700;display:inline-flex;align-items:center;gap:5px;
border:0;background:none;cursor:pointer;font-family:inherit;padding:0}
.add{background:var(--bv);color:#fff;padding:7px 11px;border-radius:4px;width:100%;
justify-content:center}
.add:hover{filter:brightness(1.12)}
.add.on{background:#0F8A3D}
.buy{color:var(--bv)}
.k:hover .buy svg{transform:translateX(3px)}
.buy svg{transition:transform .15s}
/* --- logolukk --- */
.blogo,.mlogo{display:inline-flex;align-items:center;gap:9px;flex:none}
.blogo img{height:42px;width:auto;max-width:180px;object-fit:contain}
.mlogo img{height:26px;width:auto;max-width:140px;object-fit:contain}
.lgtxt{font-weight:800;color:var(--bv)}
.blogo .lgtxt{font-size:20px}
.mlogo .lgtxt{font-size:16px}
.tri{width:1.5px;background:var(--bv);align-self:stretch;opacity:.45;flex:none}
.blogo .tri{margin:4px 0}
.blogo em{font-style:normal;font-weight:700;font-size:19px;color:var(--bv);letter-spacing:-.3px}
.mlogo em{font-style:normal;font-weight:700;font-size:15px;color:var(--bv)}
/* --- tuleklasside koond: Riwega esimene kategooria --- */
.tulekat{background:#FDF3F4;border:1px solid #F2D2D6;border-radius:9px;
padding:19px 20px 4px;margin-bottom:34px}
.tulekat>h3{color:#A50E27;font-size:18px}
.tulekat>h3:before{background:#C8102E}
.tulekat>h3 .tuleik{color:#C8102E;flex:none;margin-left:-2px}
.tulealam{margin-top:21px;scroll-margin-top:calc(var(--hd) + 78px)}
/* NB! ainult OTSENE h4 - tootekaardi pealkiri on ka h4 ja on selle sees */
.tulealam>h4{font-size:14.6px;font-weight:700;color:#1C2530;margin:0 0 9px;
display:flex;align-items:center;gap:8px;padding-left:11px;position:relative}
.tulealam>h4:before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:3px;
background:#C8102E;border-radius:2px}
#tuli-b1>h4:before{background:#B5761A}
#tuli-b23>h4:before{background:#5C6670}
.tulekat .ruut{margin-bottom:19px}
/* susteemitoode korgema klassi jaotuses: margis ja selgitav rida */
.lipp.tuli.sys{background:#1D4E89}
.sysinfo{margin:-1px 0 8px;font-size:11.8px;line-height:1.45;font-weight:600;
color:#1D4E89;background:#EDF3FA;border-left:3px solid #1D4E89;
padding:6px 9px;border-radius:0 4px 4px 0}
.tulelink{color:#C8102E !important;font-weight:700 !important;
display:flex;align-items:center;gap:7px}
.tulelink .tuleik{flex:none;width:15px;height:15px}
.katseletus{margin:-2px 0 6px;font-size:13.5px;line-height:1.58;color:#4A545F;max-width:900px}
.parit{display:inline-block;margin:-2px 0 7px;font-size:11.5px;font-weight:600;color:#7C8792;
text-decoration:none;border-bottom:1px dotted #C3CAD1}
.parit:hover{color:var(--sin);border-bottom-color:var(--sin)}
/* --- päringukorv --- */
.korv{position:fixed;right:18px;bottom:18px;z-index:70;background:var(--sin);color:#fff;
border:0;border-radius:26px;padding:12px 20px;font:700 13.5px Montserrat;cursor:pointer;
box-shadow:0 6px 22px rgba(0,60,110,.32);display:none;align-items:center;gap:9px}
.korv.n{display:flex}
.korv .arv2{background:var(--kol);color:#3A2E00;border-radius:11px;padding:1px 8px;font-size:12px}
.yles{bottom:74px}
.mdl{position:fixed;inset:0;z-index:100;background:rgba(10,25,40,.55);display:none;
align-items:flex-start;justify-content:center;padding:24px 16px;overflow-y:auto}
.mdl.n{display:flex}
.mdlk{background:#fff;border-radius:9px;width:min(680px,100%);overflow:hidden;
box-shadow:0 20px 60px rgba(0,0,0,.3)}
.mdlp{background:var(--sin);color:#fff;padding:16px 22px;display:flex;align-items:center;
justify-content:space-between;gap:12px;position:sticky;top:0}
.mdlp b{font-size:17px}
.mdlp button{background:none;border:0;color:#fff;font-size:26px;cursor:pointer;line-height:1;padding:0 4px}
.mdls{padding:20px 22px 24px}
.nimek{list-style:none;margin-bottom:18px;max-height:230px;overflow-y:auto}
.nimek li{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--joon)}
.nimek .nm{flex:1;font-size:13.5px;font-weight:600;line-height:1.3}
.nimek .nm small{display:block;font-weight:500;color:var(--hall);font-size:11.5px;margin-top:2px}
.nimek input{width:96px;padding:6px 8px;border:1px solid var(--joon);border-radius:4px;
font:500 12.5px Montserrat}
.nimek .eem{background:none;border:0;color:#C2402F;font-size:19px;cursor:pointer;line-height:1;padding:2px 5px}
.tyhikorv{color:var(--hall);font-size:14px;padding:14px 0 18px}
.vali{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.vali label{display:block;font-size:12.5px;font-weight:700;margin-bottom:4px}
.vali label span{color:#C2402F}
.vali .lai{grid-column:1/-1}
.vali input,.vali textarea{width:100%;padding:9px 11px;border:1px solid var(--joon);
border-radius:4px;font:500 13.5px Montserrat;background:var(--nav)}
.vali input:focus,.vali textarea:focus{outline:2px solid var(--sin);background:#fff}
.vali textarea{min-height:76px;resize:vertical}
.aups{position:absolute;left:-9999px}
.saada{margin-top:15px;width:100%;background:var(--sin);color:#fff;border:0;border-radius:5px;
padding:13px;font:700 14.5px Montserrat;cursor:pointer}
.saada:hover{filter:brightness(1.1)}
.saada:disabled{opacity:.55;cursor:default}
.vihje{margin-top:10px;font-size:11.8px;color:var(--hall);line-height:1.45}
.teade{margin-top:12px;padding:11px 13px;border-radius:5px;font-size:13.5px;display:none}
.teade.viga{display:block;background:#FDECEA;color:#A32316;border:1px solid #F3C4BE}
.teade.hea{display:block;background:#E9F7EE;color:#0B6B2F;border:1px solid #BDE5CB}
/* ---------- alaosa ---------- */
.miks{background:var(--taust);padding:52px 0;margin-top:34px;border-top:1px solid var(--joon)}
.miks h2,.faq h2,.kont h2{font-size:23px;font-weight:700;margin-bottom:20px}
.r4{display:grid;grid-template-columns:repeat(auto-fit,minmax(228px,1fr));gap:16px}
.it{background:#fff;border-radius:7px;padding:19px;border-top:3px solid var(--sin)}
.it b{display:block;font-size:15px;margin-bottom:6px;color:var(--sin)}
.it span{color:var(--hall);font-size:13.3px}
.faq{padding:52px 0}
details{border:1px solid var(--joon);border-radius:6px;margin-bottom:8px;padding:13px 16px}
summary{font-weight:600;cursor:pointer;font-size:14.5px;color:var(--sin)}
details p{margin-top:8px;color:var(--hall);font-size:13.8px}
.kont{background:var(--sin);color:#fff;padding:52px 0}
.kont .sub{color:#C5DDF2;margin:-12px 0 22px;font-size:14px}
.lok{background:rgba(255,255,255,.09);border-radius:7px;padding:19px;font-size:13.5px}
.lok b{color:var(--kol);display:block;margin-bottom:6px;font-size:14.5px}
footer{background:#16242F;color:#8E9AA6;font-size:12.3px;padding:24px 0}
footer .w{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
footer a{color:#9FC6E8}
#tyhi{display:none;padding:44px 0;color:var(--hall);font-size:15px}
.yles{position:fixed;right:18px;bottom:18px;width:42px;height:42px;border-radius:50%;
background:var(--sin);color:#fff;display:none;align-items:center;justify-content:center;
box-shadow:0 4px 14px rgba(0,0,0,.22);z-index:55;font-size:19px}
.yles.n{display:flex}
/* ---------- mobiil ---------- */
@media(max-width:1040px){
 :root{--hd:104px}
 .paig{grid-template-columns:1fr;gap:0;padding:0 18px}
 .kylg{position:fixed;top:0;left:0;bottom:0;width:min(320px,86vw);background:#fff;z-index:90;
 max-height:none;transform:translateX(-102%);transition:transform .22s;padding:16px 12px 40px;
 box-shadow:0 0 40px rgba(0,0,0,.2);border-right:0}
 .kylg.ava{transform:none}
 .mob{display:block}
 .hd nav{display:none}
 .hd{height:auto;min-height:var(--hd);padding:9px 0}
 .hd .w{flex-wrap:wrap;gap:9px 12px}
 .otsikast{display:block;order:3;flex:0 0 100%;max-width:none;margin-left:0}
 .hd .otsikast.m{display:block;max-width:none}
 .vari{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:85;display:none}
 .vari.n{display:block}
 .sulge{display:block;width:100%;margin-bottom:12px;background:var(--taust);border:0;
 padding:10px;border-radius:5px;font:700 13px Montserrat;cursor:pointer;color:var(--sin)}
 .bpea{flex-direction:column;gap:13px;padding:18px}
 .ruut{grid-template-columns:repeat(auto-fill,minmax(154px,1fr));gap:11px}
 .pilt{height:126px}
 .w{padding:0 18px}
}
@media(min-width:1041px){.sulge,.vari{display:none}}

/* ---------- otsingutulemuste riba ---------- */
.otsriba{position:sticky;top:var(--hd);z-index:55;background:var(--kol);color:#20242A;
 display:flex;align-items:center;justify-content:space-between;gap:14px;
 padding:9px 24px;font:600 14px Montserrat,Arial,sans-serif;
 border-bottom:1px solid rgba(0,0,0,.14);box-shadow:0 2px 10px rgba(0,0,0,.08)}
.otsriba[hidden]{display:none}
.otsriba b{font-weight:800}
.otsriba button{border:0;background:var(--sin);color:#fff;padding:8px 15px;border-radius:4px;
 font:700 13px Montserrat,Arial,sans-serif;cursor:pointer;white-space:nowrap}
.otsriba button:hover{background:var(--sin2)}
.otsriba button[hidden]{display:none}
.otsriba.tyhi{background:#F7E3DE;color:#7A2213}
/* otsingu ajal astuvad sissejuhatavad plokid korvale, et tulemused oleksid kohe naha */
body.otsib .riba,body.otsib .hero,body.otsib .seoriba{display:none}
/* otsingu ajal peida brandi tutvustus ja koguarv - koguarv oleks filtri all eksitav */
body.otsib .btxt>p{display:none}
@media(max-width:1040px){.otsriba{padding:8px 18px;font-size:13px;gap:10px}
 .otsriba button{padding:7px 12px;font-size:12px}}

/* ================= TOOTELEHT ================= */
body.tl{background:#fff}
.tl .hd .otsikast{display:flex;align-items:center;margin-left:auto;position:relative;flex:1;max-width:340px}
.tl .hd .otsikast input{width:100%;padding:8px 12px 8px 34px;border:1px solid var(--joon);
 border-radius:4px;font:500 13px Montserrat,Arial,sans-serif;background:var(--nav)}
.tl-sisu{padding:0 0 10px}
.murutee{font-size:12.6px;color:var(--hall);padding:14px 0 4px;line-height:1.9}
.murutee a{color:var(--sin);text-decoration:none}
.murutee a:hover{text-decoration:underline}
.murutee .nl{color:#B7C0C9;padding:0 2px}
.tpea{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:34px;
 align-items:start;padding:12px 0 30px}
.tpilt{position:relative;background:var(--taust);border:1px solid var(--joon);border-radius:9px;
 aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:26px}
.tpilt img{max-height:100%;width:auto;object-fit:contain;mix-blend-mode:multiply}
.tpilt.ph{background:linear-gradient(135deg,var(--bv) 0%,var(--bv2) 100%);border:0}
.tpilt.ph .phn{color:#fff;font-weight:800;font-size:25px;text-align:center;line-height:1.25;padding:20px}
.tpilt .lipud{position:absolute;top:12px;left:12px;display:flex;gap:6px;flex-wrap:wrap}
.tpilt .lipp{position:static}
.liinilink{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.5px;
 text-transform:uppercase;color:var(--bv);background:var(--taust);padding:5px 10px;border-radius:4px}
.liinilink i{font-style:normal;opacity:.5;padding:0 3px}
.tinfo h1{font-size:clamp(25px,3.1vw,38px);line-height:1.15;font-weight:800;margin:11px 0 6px;
 letter-spacing:-.5px}
.tinfo .alap{font-size:13.4px;color:var(--hall);font-weight:600}
.tinfo .juht{margin-top:15px;font-size:16px;line-height:1.6;max-width:70ch}
.tulem{margin-top:14px;font-size:13.5px;line-height:1.55;color:var(--hall);
 background:var(--taust);border-left:3px solid var(--bv);padding:11px 14px;border-radius:0 5px 5px 0}
.tulem b{color:var(--tume)}
.saadav{margin-top:15px;font-size:14px;padding:11px 14px;border-radius:5px}
.saadav.laos{background:#E9F6EE;color:#0B6B31}
.saadav.tell{background:var(--taust);color:var(--hall)}
.saadav b{color:inherit}
.nupud{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.nupp{display:inline-flex;align-items:center;gap:7px;padding:12px 19px;border-radius:5px;
 font:700 14px Montserrat,Arial,sans-serif;border:1px solid var(--joon);background:#fff;color:var(--tume)}
.nupp.esm{background:var(--sin);border-color:var(--sin);color:#fff}
.nupp.esm:hover{background:var(--sin2)}
.nupp.pood{background:var(--kol);border-color:var(--kol);color:#20242A}
.nupp.tel{color:var(--sin)}
.nupp:hover{box-shadow:0 3px 12px rgba(0,60,110,.13)}
table.andmed{width:100%;border-collapse:collapse;margin:6px 0 34px;font-size:14.4px}
table.andmed caption{text-align:left;font-size:19px;font-weight:700;padding:0 0 13px;color:var(--tume)}
table.andmed th,table.andmed td{border:1px solid var(--joon);padding:9px 13px;text-align:left;
 vertical-align:top}
table.andmed th{background:var(--taust);font-weight:600;color:var(--hall);width:38%;
 font-size:13.6px}
table.andmed td.yks{background:#fff;color:var(--tume)}
table.andmed tr:hover td{background:#FCFDFE}
.usaldus{background:var(--taust);border-radius:9px;padding:26px 28px;margin-bottom:34px}
.usaldus h2{font-size:20px;font-weight:700;margin-bottom:11px}
.usaldus p{font-size:14.4px;line-height:1.62;color:var(--hall);max-width:88ch;margin-bottom:10px}
.usaldus p b{color:var(--tume)}
.usaldus p.tegevus{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.seotud{padding-bottom:40px}
.seotud h2{font-size:20px;font-weight:700;margin-bottom:15px;padding-bottom:9px;
 border-bottom:1px solid var(--joon)}
.k.kl{display:flex;flex-direction:column;color:inherit}
.k.kl .si{padding:12px 13px 15px}
.k.kl h4{font-size:14px;font-weight:700;line-height:1.3;margin-bottom:5px}
.k.kl p{font-size:12.4px;color:var(--hall);line-height:1.45}
.seotud .koik{margin-top:16px;font-size:14px}
.seotud .koik a{color:var(--sin);font-weight:700}
@media(max-width:900px){
 .tpea{grid-template-columns:1fr;gap:20px;padding-bottom:22px}
 .tpilt{aspect-ratio:4/3;padding:18px}
 table.andmed th{width:44%}
 .usaldus{padding:20px 18px}
}