*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f7f7f8;color:#1d1d1f}.wrap{width:min(1180px,92%);margin:auto}header{background:#fff;border-bottom:1px solid #ececec;position:sticky;top:0;z-index:10}.head{height:72px;display:flex;align-items:center;justify-content:space-between}.logo{display:block;font-size:22px;letter-spacing:-.8px}.logo span{color:#ff4b00}.head small{color:#777}.admin{padding:10px 16px;border:1px solid #ddd;border-radius:12px;text-decoration:none;color:#222;background:#fff}.hero{background:linear-gradient(135deg,#ff5a00,#ff7a00);color:#fff;padding:55px 0 70px}.hero h1{font-size:clamp(34px,6vw,58px);margin:12px 0 8px;letter-spacing:-2px}.hero p{font-size:18px;opacity:.95}.pill{display:inline-block;background:#fff2;padding:7px 10px;border:1px solid #fff6;border-radius:99px;font-size:12px;font-weight:700}.search{display:flex;max-width:720px;margin-top:26px;background:#fff;padding:6px;border-radius:14px}.search input{flex:1;border:0;outline:0;padding:14px;font-size:16px}.search button{border:0;background:#181818;color:white;border-radius:10px;padding:0 25px;font-weight:700}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:-28px 0 28px}.stats>div{background:#fff;border:1px solid #eee;border-radius:18px;padding:22px;box-shadow:0 8px 30px #00000008}.stats b{display:block;font-size:27px}.stats span{color:#777}.cats{display:flex;gap:9px;overflow:auto;padding-bottom:18px}.cats a{white-space:nowrap;padding:9px 13px;border-radius:99px;background:#fff;border:1px solid #e8e8e8;text-decoration:none;color:#333}.cats a.active{background:#1d1d1f;color:#fff}.cats small{opacity:.7}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:white;border:1px solid #ececec;border-radius:18px;overflow:hidden;transition:.2s}.card:hover{transform:translateY(-3px);box-shadow:0 16px 40px #00000010}.pic{aspect-ratio:1/1;background:#f2f2f2;position:relative}.pic img{width:100%;height:100%;object-fit:cover}.disc{position:absolute;top:12px;left:12px;background:#ff4b00;color:#fff;font-weight:800;padding:8px;border-radius:9px}.body{padding:16px}.category{color:#777}.body h2{font-size:17px;line-height:1.3;height:44px;overflow:hidden;margin:7px 0}.rating{font-size:13px;color:#e58b00}.rating span{color:#777}.price{margin:14px 0}.price del{display:block;color:#999;font-size:13px}.price strong{font-size:24px}.cta{display:block;width:100%;text-align:center;background:#ff4b00;color:#fff;border:0;border-radius:11px;padding:13px;text-decoration:none;font-weight:800;cursor:pointer}.empty,.notice,.panel{background:#fff;border:1px solid #ececec;border-radius:16px;padding:22px;margin:20px 0}.adminpage{padding-top:35px}.adminpage .stats{margin:20px 0}.panel pre{background:#121212;color:#e5e5e5;padding:14px;border-radius:10px;overflow:auto}.panel table{width:100%;border-collapse:collapse}.panel th,.panel td{padding:12px;border-bottom:1px solid #eee;text-align:left;font-size:14px}.panel code{background:#f0f0f0;padding:2px 5px;border-radius:5px}footer{text-align:center;color:#777;padding:50px 20px;font-size:13px}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr;margin-top:20px}.hero{padding:35px 0}.search button{padding:0 14px}.panel{overflow:auto}.head small{display:none}}