:root{--acc:#7cbf00;--acc-d:#5f8f00;--txt:#333;--dark:#1d1d1b;--bg:#f8f6f2;--beige:#ebe6dc;--line:#c4c7c8;--err:#e35c5c}*{box-sizing:border-box}body{margin:0;font-family:Prompt,Arial,Helvetica,sans-serif;color:var(--txt);background:var(--bg);line-height:1.45}header{background:#fff;border-bottom:4px solid var(--acc);position:-webkit-sticky;position:sticky;top:0;z-index:50}html{scroll-behavior:smooth}header .w{max-width:1200px;margin:auto;padding:14px 20px;gap:20px;flex-wrap:wrap}header img{height:54px;width:auto}.hero{background:var(--dark);color:#fff}.hero .w{max-width:1200px;margin:auto;padding:26px 20px}h1{margin:0 0 6px;font-size:1.8rem}main{max-width:1200px;margin:auto;padding:20px}.brands{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 16px}.brands button{border:2px solid var(--acc);background:#fff;color:var(--txt);padding:8px 18px;border-radius:4px;cursor:pointer;font:inherit;font-weight:600}.brands button.on{background:var(--acc);color:#fff}.note{background:var(--beige);border-left:4px solid var(--acc);padding:12px 14px;margin:14px 0;border-radius:4px}.btn{display:inline-block;background:var(--acc);color:#fff;border:0;padding:10px 18px;border-radius:4px;text-decoration:none;font:inherit;font-weight:600;cursor:pointer;white-space:nowrap}.btn:hover{background:var(--acc-d)}section{margin:28px 0}h2{border-bottom:2px solid var(--acc);padding-bottom:4px;color:var(--dark)}a{color:var(--acc-d)}table{width:100%;border-collapse:collapse;background:#fff}td,th{padding:10px;border-bottom:1px solid var(--beige);text-align:left;vertical-align:middle}th{background:var(--beige);font-size:.85rem;color:var(--dark)}tr.v td.c{cursor:pointer}tr.v:hover{background:#f4f9ea}td img{width:120px;height:80px;object-fit:cover;border-radius:4px;display:block}td img.plan{object-fit:contain;background:#fff}.price{font-weight:700;white-space:nowrap;color:#4f7a00}.params{font-size:.85rem;color:#555}.modal{position:fixed;inset:0;background:rgba(29,29,27,.65);display:none;align-items:flex-start;justify-content:center;overflow:auto;z-index:99;padding:20px}.modal.open{display:flex}.box{background:#fff;max-width:960px;width:100%;border-radius:8px;padding:22px;position:relative;border-top:5px solid var(--acc)}.box.sm{max-width:520px}.x{position:absolute;right:14px;top:10px;font-size:28px;border:0;background:none;cursor:pointer;color:var(--txt)}.gal{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:10px;gap:10px}.gal img{width:100%;border-radius:4px;background:#fff;border:1px solid var(--beige)}.spec h3{margin:18px 0 6px;font-size:1rem}.spec table td{padding:5px 8px;font-size:.88rem}.spec td:last-child{width:35%}.std{color:var(--acc-d);font-weight:600}.na{color:#999}footer{text-align:center;padding:30px;color:#666;font-size:.85rem;background:#fff;border-top:1px solid var(--beige)}form label{display:block;margin:10px 0 4px;font-weight:600;font-size:.9rem}form input,form textarea{width:100%;padding:9px;border:1px solid var(--line);border-radius:4px;font:inherit}form input:focus,form textarea:focus{outline:2px solid var(--acc);border-color:var(--acc)}.chk{display:flex;gap:8px;align-items:flex-start;font-weight:400!important;font-size:.8rem!important}.chk input{width:auto;margin-top:3px}.ok{background:#f4f9ea;border-left:4px solid var(--acc);padding:14px;border-radius:4px}.warn{background:#fff4e5;border-left:4px solid #f28a1e;padding:10px;margin-top:10px}.errm,.warn{font-size:.88rem}.errm{color:var(--err)}@media(max-width:720px){thead{display:none}table,tbody,td,tr{display:block;width:100%}tr.v{border-bottom:8px solid var(--bg)}td{border:0;padding:6px 10px}td img{width:100%;height:auto}}header .w{display:flex;align-items:center;gap:18px}header img.ci{height:44px;width:auto}.sep{width:1px;height:38px;background:#c4c7c8}.ci-m{height:40px;width:auto;display:block;margin-bottom:8px}nav.nv{margin-left:auto;display:flex;gap:16px;flex-wrap:wrap}nav.nv a{color:var(--dark);text-decoration:none;font-weight:600}nav.nv a:hover{color:var(--acc-d)}.zoom{cursor:zoom-in}.x{position:-webkit-sticky!important;position:sticky!important;float:right;top:0;right:0;margin:-10px -8px 0 0;background:#fff!important;border-radius:50%;width:40px;height:40px;z-index:5;box-shadow:0 1px 4px rgba(0,0,0,.25)}.plan-big{width:100%;border:1px solid var(--beige);background:#fff}.plan-big,.soon{border-radius:4px}.soon{display:flex;align-items:center;justify-content:center;width:120px;height:80px;background:var(--beige);color:#777;font-size:.75rem;text-align:center}.sn{margin:6px 0 0}.ln,.sn{font-size:.82rem;color:#555}.ln{max-width:900px;margin:10px auto 0}.btn.o{background:#fff;color:var(--acc-d);border:2px solid var(--acc)}.btn.o:hover{background:#f4f9ea}#lb{position:fixed;inset:0;background:rgba(0,0,0,.92);display:none;align-items:center;justify-content:center;z-index:200}#lb.open{display:flex}#lb img{max-width:94vw;max-height:90vh;object-fit:contain;background:#fff;cursor:zoom-out}#lb button{position:absolute;background:rgba(255,255,255,.15);color:#fff;border:0;font-size:40px;width:56px;height:56px;border-radius:50%;cursor:pointer}#lb .p{left:14px}#lb .n,#lb .q{right:14px}#lb .q{top:14px;font-size:30px}#lb .cnt{position:absolute;bottom:14px;color:#fff;font-size:.9rem}#tt{position:fixed;right:20px;bottom:20px;z-index:150;background:var(--acc);color:#fff;border:0;border-radius:50%;width:48px;height:48px;font-size:22px;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.3);opacity:0;pointer-events:none;transition:opacity .2s}#tt.on{opacity:1;pointer-events:auto}#tt:hover{background:var(--acc-d)}h1{color:var(--dark)}.brandlist{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:16px;gap:16px}.brandlist a{display:block;background:#fff;border-top:4px solid var(--acc);padding:18px;border-radius:6px;text-decoration:none;color:var(--txt)}.brandlist b{font-size:1.3rem;color:var(--dark)}tr.v{cursor:pointer}tr.v:hover td{background:#eef6dc}td.nm{white-space:nowrap}td.nm b{font-size:1rem}.params,td .params{font-size:.78rem;line-height:1.35}td.lay{font-size:.78rem}.heroimg{display:block;width:100%;height:clamp(240px,42vw,560px);object-fit:cover;object-position:center 60%;border-radius:12px;box-shadow:0 8px 28px rgba(0,0,0,.18);cursor:zoom-in;margin:28px 0 8px}