:root{--o:#ff6b00;--y:#ffc928;--d:#2b180f;--c:#fff8ea}
*{box-sizing:border-box}body{margin:0;font-family:system-ui;background:linear-gradient(135deg,#fff0c2,#ffd45a);color:var(--d)}
.hero{max-width:1200px;margin:auto;padding:18px;display:grid;grid-template-columns:130px 1fr 110px;gap:18px;align-items:center}.logo{width:130px;border-radius:22px}.duck{width:105px;height:105px;object-fit:cover;border-radius:50%;border:5px solid white}.hero h1{font-size:clamp(2rem,5vw,4rem);margin:0}.cats{position:sticky;top:0;z-index:3;padding:12px;display:flex;gap:8px;overflow:auto;background:#ffffffcc;backdrop-filter:blur(8px)}.cats button{border:0;border-radius:999px;padding:11px 16px;font-weight:800;background:white}.cats .active{background:var(--d);color:white}
main{max-width:1200px;margin:auto;padding:18px 18px 100px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.card{background:white;border-radius:24px;overflow:hidden;box-shadow:0 12px 30px #8a470025}.card img{width:100%;height:170px;object-fit:cover}.body{padding:15px}.body span{font-size:.75rem;background:#fff0d7;padding:5px 9px;border-radius:999px}.body h2{margin:.5rem 0}.body p{min-height:60px;color:#654}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.row b{font-size:1.35rem}
.btn{display:inline-block;border:0;background:var(--o);color:white;padding:12px 17px;border-radius:14px;font-weight:900;text-decoration:none}.secondary{background:white;color:var(--o);border:2px solid var(--o)}
.cart{position:fixed;right:18px;bottom:18px;border:0;border-radius:999px;background:var(--d);color:white;padding:17px 22px;font-weight:900;z-index:4}.modal{position:fixed;inset:0;background:#0009;display:grid;place-items:center;padding:16px;z-index:10}.hidden{display:none!important}.panel{background:var(--c);width:min(760px,100%);max-height:92vh;overflow:auto;border-radius:24px;padding:24px;position:relative}.x{position:absolute;right:12px;top:10px;border:0;background:#222;color:white;border-radius:50%;width:36px;height:36px;font-size:24px}.panel label{display:grid;gap:6px;margin:12px 0;font-weight:700}.panel input,.panel select,.panel textarea{padding:12px;border:1px solid #cba;border-radius:12px;font:inherit}.notice{padding:14px;border-radius:12px;background:#fff0cb}.ok{background:#dff7df}.bad{background:#ffd9d5}.item{padding:12px 0;border-bottom:1px solid #ddd}.adminnav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
@media(max-width:650px){.hero{grid-template-columns:80px 1fr}.logo{width:80px}.duck{display:none}.grid{grid-template-columns:1fr 1fr}.card img{height:120px}.body{padding:11px}.body p{font-size:.85rem;min-height:75px}.row{flex-direction:column;align-items:stretch}.btn{width:100%}}