
:root{--pro-aar:#dcd8cd;--pro-aar-tugev:#c4beb0;--pro-hall:#6b6558}
main:has(.st2-klient){max-width:1400px}
.st-klient-pais{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin:0 0 14px}
.st-klient-pais h1{margin:0;font-size:clamp(1.4rem,3.4vw,2.1rem)}
a.st-klient-tagasi{text-decoration:none}
.st2-klient .st-jaotis[data-jaotis="toode"],.st2-klient .st-jaotis[data-jaotis="kinnitus"],
.st2-klient .st-jaotis[data-jaotis="pind"],.st2-klient .st-jaotis[data-jaotis="valmis"]{display:none!important}
.st2-klient .st-klient-peida,.st2-klient #st-ruudustik,.st2-klient .st-nupuryhm[aria-label="Toote külg"],
.st2-klient #st-myts-video,.st2-klient #st-myts-rontgen,.st2-klient .st-mm-vali,.st2-klient .st-keha-suurused{display:none!important}
.st2-klient .st-keha-riba button:nth-child(3),.st2-klient .st-keha-riba button:nth-child(4){display:none}
.st2-klient .st2-nimi{display:none}
.st2-klient .st-kehapintsel{display:none!important}
.st2-klient .st-taustad{display:none!important}
.st2-klient .nupp-mini.valitud,.st2-klient .nupp-mini[aria-pressed="true"],.st2-klient .nupp-mini.aktiivne{background:var(--tint);color:#fff;border-color:var(--tint)}
.st-klient-nav{position:sticky;bottom:0;z-index:3;display:flex;gap:10px;justify-content:space-between;align-items:center;padding:12px 0 4px;margin-top:16px;
  background:linear-gradient(to bottom,rgba(255,253,247,0),var(--valge,#fffdf7) 30%)}
.st-klient-nav .st-klient-edasi{margin-left:auto;min-height:48px;padding:0 26px}
.st-klient-nav [hidden]{display:none}
.st2-klient:not(.st2-fookus) .st-klient-nav{padding-left:18px;padding-right:18px}
.st-klient-kylg{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px}
.st-klient-kylg[hidden]{display:none}
.st-klient-kylg .nupp-mini{min-height:44px;padding:0 16px}
.st-klient-kylg .st-silt{margin:0 4px 0 0}
.st-klient-suurused{display:grid;gap:6px;margin:0 0 14px}
.st-klient-suurused .nupp-mini{min-height:44px}
.st-klient-suurused .nupp-mini.valitud{background:var(--tint);color:#fff;border-color:var(--tint)}
.st-klient-kokku{display:grid;gap:2px;margin:0 0 14px;padding:12px 14px;border:1.5px solid var(--pro-aar,#dcd8cd);border-radius:12px;background:#fff}
.st-klient-rida{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:5px 0;font-size:.92rem}
.st-klient-rida + .st-klient-rida{border-top:1px solid #eee9de}
.st-klient-rida > span{color:var(--hall,#6b6558)}
.st-klient-rida strong{display:inline-flex;align-items:center;gap:8px;text-align:right}
.st-klient-proov{display:inline-block;width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.25);flex:none}
.st-klient-hinnad{display:grid;gap:2px;margin:0 0 14px}
.st-klient-kogus{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 6px}
.st-klient-kogusnupud{display:inline-flex;align-items:center;gap:6px}
.st-klient-kogusnupud .nupp-mini{width:44px;min-height:44px;padding:0;justify-content:center;font-size:1.2rem}
.st-klient-kogusnupud input{width:64px;min-height:44px;text-align:center}
.st-klient-kokkusumma{font-size:1.15rem}
.st-klient-kokkusumma strong{font-size:1.3rem}
.st-klient-linnuke{display:block;margin:6px 0 10px;font-size:.9rem;line-height:1.45}
.st-klient-korvi{width:100%;min-height:52px;font-size:1.05rem}
.st-klient-korvi.laeb{opacity:.7;pointer-events:none}
#st-klient-teade{margin-top:12px;scroll-margin-bottom:84px}
.st-klient-nav-summa{font-weight:800;margin-left:6px}
.st-klient-nav .st-klient-edasi.laeb{opacity:.7;pointer-events:none}
.st-klient-nav .st-klient-edasi:disabled,.st-klient-korvi:disabled{opacity:.55;cursor:default}
.st2-klient.st2-fookus #st-klient-korvi{display:none}
.st2-klient.st2-fookus .st-klient-rida{padding:3px 0}
.st-klient-hinnad .st-klient-rida strong{white-space:nowrap}
.st-klient-rida .abi.abi-kysi::before{content:"";position:absolute;inset:-10px}
.st-klient-valmis-nupud{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
dialog.st-oigus{max-width:min(520px,94vw);width:94vw;padding:18px;border:2px solid var(--tint);border-radius:14px}
dialog.st-oigus::backdrop{background:rgba(20,20,24,.45)}
dialog.st-oigus .linnuke{display:block;margin:10px 0 16px;line-height:1.5}
dialog.st-oigus .stuudio-tegevused{display:flex;gap:10px;justify-content:flex-end}
.st2-klient #st-info{display:none}
@media (max-width:700px){
  .st2-klient:not(.st2-fookus) .st2-lava .stuudio-vaade{min-height:max(300px,42vh)}
  .st2-klient .st-klient-nav{margin:12px -12px 0;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--valge,#fffdf7);border-top:1.5px solid var(--tint);box-shadow:0 -6px 14px rgba(0,0,0,.06)}
  .st2-klient .st-klient-nav .st-klient-edasi{flex:1;max-width:none}
  .st2-klient .st-klient-nav .st-klient-tagasinupp{flex:0 0 auto;min-height:48px}
}
.st2-klient.st2-fookus.st2-myts-tooriist form.vorm.st2-paneel,.st2-klient.st2-fookus:not(.st2-myts-tooriist) .st2-too > #st-mytsriba,
.st2-klient.st2-fookus.st2-paneel-kinni .st2-too > #st-mytsriba{display:none}
.st2:not(.st2-fookus) .st2-rajanupp-myts{display:none}
.st2:not(.st2-fookus) .st2-korvinupp{display:none}
.st2-klient a.st2-korvinupp{position:relative;display:inline-grid;place-items:center;text-decoration:none;color:var(--tint)}
.st2-klient .st2-korviarv{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--punane,#d43b2a);color:#fff;font-size:.72rem;font-weight:800;line-height:20px;text-align:center}
.st2-klient .st2-korviarv[hidden]{display:none}
.st2-klient .st2-tooriistad .nupp-mini.st2-hinnasilt{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 12px;
  font-size:.9rem;font-weight:800;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums;background:var(--kollane);color:var(--tint);border-color:var(--tint);box-shadow:none}
dialog.st-oigus .st-oigus-tekst{margin:10px 0;line-height:1.5}
dialog.st-oigus .st-oigus-tekst[hidden]{display:none}
dialog.st-oigus .stuudio-tegevused{flex-wrap:wrap}
dialog.st-oigus .stuudio-tegevused .nupp-mini{min-height:48px;padding:0 18px;font-size:1rem}
.st2-klient.st2-fookus .st-klient-linnuke{display:none}
.st2-klient .st-myts-pais{flex:1 1 100%;display:flex;align-items:center;gap:10px;min-height:44px}
.st2-klient .st-myts-pais{flex-wrap:wrap}
.st2-klient .st-myts-pais strong{font-size:1rem}
.st2-klient a.st-myts-muuda{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.st2-klient .st-myts-kohad{grid-template-columns:minmax(0,1fr);gap:6px;padding:10px}
.st2-klient .st-myts-kohad .st-myts-pealkiri{font-weight:800;font-size:.9rem}
.st2-klient .st-myts-kohad .st-myts-avad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.st2-klient button.st-myts-ava{min-width:0;width:100%;min-height:52px;padding:6px 4px;justify-items:center;justify-content:center;text-align:center}
.st2-klient button.st-myts-ava small{max-width:100%;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.15}
.st2-klient .st-myts-kohad .st-myts-margid{display:flex;flex-wrap:wrap;gap:6px}
.st2-klient.st2-fookus.st2-myts-tooriist .st-tyhilava{display:none}
.st2-klient .st-myts-kohad button.st-myts-mark.st-myts-mark-tekst{min-height:44px;height:auto}
@media (max-width:899px) and (min-height:521px){
  .st2-klient.st2-fookus .st2-too{display:grid;grid-template-columns:76px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"rada lava" "rada paneel"}
  .st2-klient.st2-fookus .st2-lava,.st2-klient.st2-fookus.st2-klaver .st2-lava,.st2-klient.st2-fookus.st2-paneel-kinni .st2-lava{grid-area:lava;height:auto;max-height:none;min-height:0}
  .st2-klient.st2-fookus .st2-lava .stuudio-vaade{position:relative;z-index:1;flex:1 1 auto;min-height:0;border-bottom:0}
  .st2-klient.st2-fookus .st-suur-vaade{display:none}
  .st2-klient.st2-fookus .stuudio-vaade canvas,.st2-klient.st2-fookus .stuudio-vaade #st-2d{height:100%}
  .st2-klient.st2-fookus.st2-rajaga .st2-rada{grid-area:rada;position:static;flex-direction:column;justify-content:flex-start;gap:4px;padding:8px 6px calc(8px + env(safe-area-inset-bottom));overflow-x:hidden;overflow-y:auto;background:var(--valge);border:0;border-right:1.5px solid var(--paber-tume)}
  .st2-klient.st2-fookus.st2-rajaga button.st2-rajanupp{position:relative;flex:0 0 auto;width:100%;min-width:0;min-height:64px;padding:8px 2px 7px;gap:4px;font-size:.75rem;line-height:1.1;white-space:normal;overflow:visible;text-overflow:clip;text-align:center;background:none;border-color:transparent;border-radius:14px}
  .st2-klient.st2-fookus.st2-rajaga button.st2-rajanupp.valitud{background:var(--kollane);border-color:var(--tint)}
  .st2-klient.st2-fookus.st2-paneel-kinni.st2-rajaga button.st2-rajanupp.valitud{background:none;border-color:transparent;box-shadow:none}
  .st2-klient.st2-fookus .st2-rajaikoon{height:24px}
  .st2-klient.st2-fookus .st2-rajanimi{white-space:normal;overflow:visible;text-overflow:clip;max-width:100%}
  .st2-klient.st2-fookus button.st2-rajanupp-myts.sees::after{content:"";position:absolute;top:8px;right:12px;width:9px;height:9px;border-radius:50%;background:var(--punane,#d43b2a);border:2px solid var(--valge,#fffdf7)}
  .st2-klient.st2-fookus form.vorm.st2-paneel{grid-area:paneel;height:auto;max-height:calc(var(--st-vvk,100dvh) * .5);border-top:2px solid var(--tint)}
  .st2-klient.st2-fookus.st2-klaver form.vorm.st2-paneel{max-height:calc(var(--st-vvk,100dvh) - 150px)}
  .st2-klient.st2-fookus.st2-rajaga .st-jaotis > summary,.st2-klient.st2-fookus.st2-rajaga .st-jaotis[open] > summary{min-height:50px;padding:5px 52px 5px 12px}
  .st2-klient.st2-fookus .st2-too > #st-mytsriba{grid-area:paneel;margin:0;max-height:calc(var(--st-vvk,100dvh) * .5);overflow-y:auto;overscroll-behavior:contain;align-content:flex-start;padding:6px 52px calc(10px + env(safe-area-inset-bottom)) 12px;border:0;border-top:2px solid var(--tint);border-radius:0}
  .st2-klient.st2-fookus .st2-paneel-sulge{grid-area:paneel;align-self:start;justify-self:end;z-index:6;display:grid;place-items:center;width:44px;height:44px;min-height:0;margin:3px 4px 0 0;padding:0;border:0;border-radius:50%;background:none;color:var(--tint);box-shadow:none;cursor:pointer}
  .st2-klient.st2-fookus .st2-paneel-sulge:hover{background:rgba(34,37,43,.08)}
  .st2-klient.st2-fookus .st2-paneel-sulge:focus-visible{outline:3px solid var(--tint);outline-offset:-3px}
  .st2-klient.st2-fookus.st2-paneel-kinni .st2-paneel-sulge{display:none}
  .st2-klient.st2-fookus .stuudio-vaatenupud{position:absolute;inset:0;display:block;height:auto;padding:0;background:none;border:0;overflow:visible;pointer-events:none}
  .st2-klient.st2-fookus .stuudio-vaatenupud .st-nupuryhm,.st2-klient.st2-fookus .st-suum{position:absolute;display:flex;gap:2px;padding:3px;background:rgba(255,253,247,.94);border:1.5px solid var(--paber-tume);border-radius:999px;box-shadow:0 2px 10px rgba(20,22,28,.14);pointer-events:auto}
  .st2-klient.st2-fookus .st2-rada > .st-ryhm-reziim{position:static;margin-top:auto;display:flex;flex-direction:column;gap:4px;padding:8px 0 0;background:none;border:0;border-top:1.5px solid var(--paber-tume);border-radius:0;box-shadow:none;transform:none}
  .st2-klient.st2-fookus .st2-rada > .st-ryhm-reziim .nupp-mini{width:100%;min-width:0;min-height:58px;margin:0;padding:7px 2px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:.75rem;font-weight:700;line-height:1.1;border:1.5px solid transparent;border-radius:14px;box-shadow:none}
  .st2-klient.st2-fookus .st2-rada > .st-ryhm-reziim .nupp-mini:not(.valitud){background:none;color:var(--tint)}
  .st2-klient.st2-fookus .st-reziim-ik{display:block}
  .st2-klient.st2-fookus .stuudio-vaatenupud .st-ryhm-myts{display:none}
  .st2-klient.st2-fookus .st-suum{top:8px;right:8px;flex-direction:column;border-radius:16px}
  .st2-klient.st2-fookus .stuudio-vaatenupud .st-ryhm-3d{top:auto;bottom:10px;right:8px;flex-direction:column;border-radius:16px}
  .st2-klient.st2-fookus.on-paiguta .stuudio-vaatenupud .st-ryhm-3d{display:none}
  .st2-klient.st2-fookus .st-suum button,.st2-klient.st2-fookus .stuudio-vaatenupud .st-ryhm-3d .nupp-mini{width:44px;min-width:44px;min-height:44px;padding:0;align-items:center;justify-content:center;border:0;border-radius:12px;box-shadow:none}
  .st2-klient.st2-fookus .st-3d-ik{display:block}
  .st2-klient.st2-fookus .st-3d-silt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .st2-klient.st2-fookus.st2-klaver .stuudio-vaatenupud,.st2-klient.st2-fookus.st2-klaver .st-suum{display:none}
  .st2-klient.st2-fookus .st2-lava > .st-varviriba{position:absolute;left:8px;top:8px;right:64px;z-index:4;padding:0;background:none;border:0;pointer-events:none}
  .st2-klient.st2-fookus .st2-lava > .st-varviriba > *{pointer-events:auto}
  .st2-klient.st2-fookus .st-varviriba .st-varvinupp{box-shadow:0 2px 10px rgba(20,22,28,.14)}
  .st2-klient.st2-fookus .st2-lava > .st-varvihyp{top:60px;bottom:auto;margin:0;max-height:calc(100% - 130px)}
  .st2-klient.st2-fookus .st2-lava > .st-yle{position:static;margin:0;border-radius:0;box-shadow:none}
  .st2-klient.st2-fookus .stuudio-teade,.st2-klient.st2-fookus.on-paiguta .stuudio-teade{left:50%;right:auto;top:auto;bottom:12px;z-index:6;width:max-content;max-width:calc(100% - 128px);transform:translateX(-50%);text-align:center;animation:st-teade-sisse .2s ease-out}
}
@keyframes st-teade-sisse{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}
@media (prefers-reduced-motion:reduce){.st2-klient .stuudio-teade{animation:none}}
@media (max-width:899px) and (max-height:520px){.st2-klient.st2-fookus .st2-too > #st-mytsriba{grid-column:3;grid-row:1;margin:0;overflow-y:auto;border-radius:0}}
@media (max-width:899px) and (max-height:520px){
  .st2-klient.st2-fookus{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
  .st2-klient.st2-fookus.st2-rajaga button.st2-rajanupp{font-size:.75rem;min-height:48px}
  .st2-klient.st2-fookus.st2-rajaga .st-jaotis > summary,.st2-klient.st2-fookus.st2-rajaga .st-jaotis[open] > summary{min-height:44px}
  .st2-klient.st2-fookus .st-klient-nav .st-klient-tagasinupp{min-height:48px}
}
#st-myts-ainult,#st-myts-kylg,#st-myts-rontgen,#st-myts-anim,#st-myts-video,.st2-klient .st-myts-lisavarv,.st2-klient #st-mytsriba .abi-kysi,.st2-klient #st-mytsriba .abi{display:none!important}
@media (max-width:700px){.st2-klient #st-mytsriba{gap:6px;padding:6px 8px}.st2-klient #st-mytsriba .st-myts-varvid{max-height:84px;overflow-y:auto}}
