*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#ddd;color:#111827}button,input,select{font:inherit}.app{min-height:100vh;background:#ddd;color:#111827}.app.dark{background:#101317;color:#f4f4f5}.topbar{width:100%;background:#e8ea63;display:flex;justify-content:space-between;align-items:center;padding:14px 26px;gap:20px;flex-wrap:wrap;border-bottom:1px solid rgba(0,0,0,.08)}.app.dark .topbar{background:#171717;border-bottom:1px solid rgba(255,255,255,.08)}.brand-block h1{margin:0;font-size:2rem;font-weight:800;letter-spacing:.5px;color:#111}.brand-block p{margin:2px 0 0;color:#444;font-size:.98rem}.top-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.search-input{width:440px;max-width:100%;padding:12px 16px;border-radius:14px;border:1px solid #c4c4c4;background:#efefef;color:#111}.category-select{padding:12px 14px;border-radius:14px;border:1px solid #c4c4c4;background:#efefef;color:#111;min-width:130px}.theme-btn,.cart-btn{padding:12px 16px;border-radius:16px;border:1px solid #c9c04d;background:#efe95f;color:#111827;cursor:pointer;font-weight:600}.main-layout{max-width:1220px;margin:34px auto;display:grid;grid-template-columns:1fr 320px;gap:28px;padding:0 18px;align-items:start}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,250px));gap:16px;justify-content:start}.product-card{position:relative;background:#ececec;border:1px solid #d3d3d3;border-radius:18px;overflow:hidden;min-height:490px}.stock-badge{position:absolute;top:12px;left:12px;z-index:2;background:#5b6575;color:#fff;font-size:.9rem;font-weight:700;padding:6px 10px;border-radius:999px}.product-image-box{width:100%;height:280px;display:flex;align-items:center;justify-content:center;background:#ececec;border-bottom:1px solid #d5d5d5}.product-image{width:82%;height:82%;object-fit:contain;display:block}.product-body{padding:14px 14px 18px}.product-title{margin:0 0 4px;font-size:1.1rem;font-weight:700}.product-category{margin:0 0 12px;color:#6b7280;font-size:.95rem}.product-price-row{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}.product-price{font-size:2rem;font-weight:800;color:#0f172a}.color-options{display:flex;gap:10px}.color-circle{width:34px;height:34px;border-radius:50%;border:2px solid #c8c8c8;cursor:pointer}.add-btn{background:#1e2f49;color:#fff;border:none;border-radius:14px;padding:12px 18px;cursor:pointer;font-weight:700}.cart-panel{background:#ececec;border:1px solid #d3d3d3;border-radius:18px;padding:18px;position:sticky;top:20px}@media(max-width:1100px){.main-layout{grid-template-columns:1fr}}