:root{--taust:#fbf8f3;--pind:#fff;--tekst:#1f2421;--hall:#5d6660;--joon:#e4ddd0;--rohe:#1f6f5c;--rohe2:#e3f1ec;--kuld:#b4690e;--punane:#a33a2a}
*{box-sizing:border-box}body{margin:0;background:var(--taust);color:var(--tekst);font:16px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:var(--rohe)}main{max-width:1100px;margin:0 auto;padding:16px}
.pais{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;padding:12px 16px;background:var(--pind);border-bottom:1px solid var(--joon)}
.logo{font-weight:800;font-size:20px;text-decoration:none;color:var(--tekst)}.logo span{color:var(--rohe);font-weight:600}
nav{display:flex;flex-wrap:wrap;gap:4px 18px}nav a{text-decoration:none;font-weight:600;padding:10px 0}
h1{font-size:clamp(24px,4vw,34px);line-height:1.2;margin:16px 0 8px}h2{font-size:20px;margin:28px 0 8px}
footer{max-width:1100px;margin:32px auto;padding:16px;color:var(--hall);font-size:14px;border-top:1px solid var(--joon)}
.vaike{color:var(--hall);font-size:14px}.kokku{font-size:17px;background:var(--rohe2);padding:14px 16px;border-radius:10px}
.kerib{overflow-x:auto;background:var(--pind);border:1px solid var(--joon);border-radius:10px}
table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--joon);vertical-align:top}
.vordlus{font-size:14.5px;min-width:640px}.vordlus thead th{background:#f3eee4;position:sticky;top:0;white-space:nowrap}
.faktid{background:var(--pind);border:1px solid var(--joon);border-radius:10px;max-width:560px}.faktid th{width:44%;color:var(--hall);font-weight:600}
.toode-pea{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}.toode-pea img{width:min(320px,100%);height:auto;border-radius:12px;background:#fff;border:1px solid var(--joon)}
.hind{font-size:26px;font-weight:800;margin:6px 0}.hind s,.kaart s{font-size:.7em;color:var(--hall);font-weight:500}
.nupp,button.nupp{display:inline-block;background:var(--rohe);color:#fff;border:0;border-radius:8px;padding:12px 18px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;min-height:44px}
.rada{font-size:14px;margin:8px 0 0}
.suuna{margin:0;padding:10px 16px;background:#fff4dc;border-bottom:1px solid var(--joon);font-size:14.5px;text-align:center}.suuna a{font-weight:700}
.otsing{display:flex;gap:8px;margin:14px 0 8px}.otsing input{flex:1;min-width:0;font:inherit;padding:13px 14px;border:2px solid var(--rohe);border-radius:10px;background:#fff}
.filtrid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.filtrid select,.filtrid label{font:inherit;font-size:14.5px;padding:10px;border:1px solid var(--joon);border-radius:8px;background:#fff;min-height:44px;display:flex;align-items:center;gap:6px}
.sildid{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.silt{background:var(--rohe2);color:#12493c;border-radius:999px;padding:3px 10px;font-size:13px;font-weight:600}
.naited{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 12px}.naited button{font:inherit;font-size:13.5px;border:1px solid var(--joon);background:#fff;border-radius:999px;padding:8px 12px;cursor:pointer;color:var(--rohe)}
.ruudustik{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.kaart{background:var(--pind);border:1px solid var(--joon);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:6px}
.kaart img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:8px;background:#fff}.kaart h3{font-size:15px;line-height:1.3;margin:0}.kaart h3 a{color:var(--tekst);text-decoration:none}
.kaart .h{font-weight:800;font-size:18px}.kaart .k{color:var(--kuld);font-weight:700;font-size:14px}.kaart .m{color:var(--hall);font-size:13px}
.kaart label{margin-top:auto;font-size:14px;display:flex;gap:8px;align-items:center;min-height:36px;cursor:pointer}
#vordlus{position:sticky;bottom:0;background:var(--pind);border:2px solid var(--rohe);border-radius:12px 12px 0 0;padding:12px;margin-top:16px;box-shadow:0 -6px 20px #0002;max-height:70vh;overflow:auto}
#vordlus[hidden]{display:none}#vordlus h2{margin:0 0 8px;display:flex;justify-content:space-between;gap:8px;align-items:center}
.parim{background:#fff4dc;font-weight:700}
.moodik{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:12px 0}
.moodik div{background:var(--pind);border:1px solid var(--joon);border-radius:12px;padding:14px}.moodik b{display:block;font-size:26px}.moodik .enne{color:var(--punane)}.moodik .parast{color:var(--rohe)}
.riba{height:10px;border-radius:5px;background:#eee6d8;overflow:hidden;margin:4px 0 2px}.riba i{display:block;height:100%;background:var(--rohe)}.riba.e i{background:var(--punane)}
@media(max-width:600px){main{padding:16px}.otsing{flex-direction:column}}