:root{--teal:#0f5e63;--teal-d:#0a4448;--teal-l:#e6f2f2;--warm:#f6efe6;--accent:#d98a3d;--text:#1d2b2c;--muted:#5d6b6c;--line:#e3e8e8;--r:14px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:#fff;line-height:1.5}*{box-sizing:border-box}body{margin:0}img{max-width:100%;display:block}a{color:var(--teal)}h1,h2,h3{line-height:1.25;margin:0 0 .5em}h2{font-size:1.25rem}.wrap{max-width:1080px;margin:0 auto;padding:0 16px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:9}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.muted{color:var(--muted)}.small{font-size:.85rem}.header{border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:5}.header-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:60px;flex-wrap:wrap}.logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--text);font-size:1.15rem}.logo b{color:var(--teal)}.logo-mark{background:var(--teal);color:#fff;border-radius:10px;width:34px;height:34px;display:grid;place-items:center;font-weight:700;font-size:.9rem}.nav{display:flex;gap:6px;align-items:center}.btn{border:0;border-radius:999px;padding:10px 16px;font:inherit;font-weight:600;cursor:pointer;min-height:44px}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--teal);color:#fff}.btn-primary:hover:not(:disabled){background:var(--teal-d)}.btn-ghost{background:var(--teal-l);color:var(--teal-d)}.lang,select,input{font:inherit;border:1px solid var(--line);border-radius:10px;padding:10px;min-height:44px;background:#fff;color:var(--text)}.hero{background:linear-gradient(180deg,var(--teal-l),var(--warm));padding:28px 0 32px}.hero h1{font-size:clamp(1.4rem,4.5vw,2.2rem);max-width:720px}.lead{max-width:640px;color:var(--muted)}.search{display:grid;gap:8px;grid-template-columns:1fr;margin-top:16px;background:#fff;padding:10px;border-radius:var(--r);box-shadow:0 4px 18px #0f5e631a}@media (min-width:720px){.search{grid-template-columns:2fr 1fr 1fr auto}}.section{margin:32px 0}.cats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media (min-width:720px){.cats{grid-template-columns:repeat(3,1fr)}}.cat{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;font:inherit;color:var(--text);background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px;cursor:pointer}.cat:hover,.cat.active{border-color:var(--teal);background:var(--teal-l)}.cat-icon{font-size:1.6rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.lcard{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff;min-height:220px}.lcard-img{aspect-ratio:4/3;background:var(--warm);display:grid;place-items:center;font-size:2rem}.lcard-img img{width:100%;height:100%;object-fit:cover}.lcard-body{padding:10px 12px}.lcard h3{font-size:1rem;margin:4px 0}.price{font-weight:700;color:var(--teal-d);margin:4px 0 0}.badge{display:inline-block;background:var(--accent);color:#fff;font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:999px;vertical-align:middle;text-transform:uppercase;letter-spacing:.03em}.skeleton{background:linear-gradient(90deg,#f1f4f4,#e7eded,#f1f4f4);background-size:200%;animation:sh 1.2s infinite}@keyframes sh{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.notice{border:1px dashed var(--teal);background:var(--teal-l);border-radius:var(--r);padding:14px}.notice p{margin:.3em 0 0}.notice-err{border-color:#b3261e;background:#fdecea}.notice-warn{border:1px solid var(--accent);background:var(--warm);margin-bottom:16px}.empty{color:var(--muted);padding:16px;background:var(--warm);border-radius:var(--r)}.steps{list-style:none;padding:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.steps li{display:flex;gap:12px;background:var(--warm);border-radius:var(--r);padding:14px}.steps p{margin:.2em 0 0}.step-n{flex:none;width:32px;height:32px;border-radius:50%;background:var(--teal);color:#fff;display:grid;place-items:center;font-weight:700}.safety{background:#fff8ef;border:1px solid #f0dcc2;border-radius:var(--r);padding:16px}.safety ul{margin:0;padding-left:0;list-style:none;display:grid;gap:8px}.footer{border-top:1px solid var(--line);margin-top:40px;padding:20px 0;background:#fafbfb}.footer-links{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:8px}.page{padding:24px 16px;max-width:760px}
