:root{--container:1100px;--accent:#ff9900;--muted:#666 }*{box-sizing:border-box}body{font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial;margin:0;color:#222}.container{max-width:var(--container);margin:0 auto;padding:16px}.nav{background:#131921;color:#fff}.nav .container{display:flex;align-items:center;gap:16px}.brand{font-weight:700;color:#fff;text-decoration:none;font-size:1.4rem}.search{flex:1;display:flex}.search input{flex:1;padding:8px;border-radius:4px 0 0 4px;border:0}.search button{background:var(--accent);color:#fff;border:0;padding:8px 12px;border-radius:0 4px 4px 0}.nav-links a{color:#fff;margin-left:12px;text-decoration:none}.nav-bottom{background:#232f3e;padding:8px 0}.nav-cats a{color:#ddd;margin-right:12px;text-decoration:none}.footer{background:#f3f3f3;padding:24px 0;margin-top:24px}.footer p{margin:0}.banner{position:relative;overflow:hidden}.banner-slide{height:280px;background-size:cover;background-position:center;opacity:0;transform:scale(1.02);transition:all .6s}.banner-slide.active{opacity:1;transform:scale(1)}.banner-text{background:#00000073;color:#fff;padding:16px;position:absolute;bottom:16px;left:16px;border-radius:6px}.banner-dots{position:absolute;right:16px;bottom:16px;display:flex;gap:6px}.banner-dots .dot{width:10px;height:10px;border-radius:50%;background:#ccc;border:0}.banner-dots .dot.active{background:var(--accent)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.grid{grid-template-columns:1fr}}.card{border:1px solid #e6e6e6;border-radius:6px;overflow:hidden;background:#fff}.card-img img{width:100%;height:200px;object-fit:cover}.card-body{padding:12px}.card-title{display:block;font-weight:600;color:#111;text-decoration:none}.card-meta{display:flex;justify-content:space-between;margin:8px 0}.card-desc{color:var(--muted);font-size:.9rem}.card-actions{display:flex;gap:8px;margin-top:12px}.card-actions button{background:var(--accent);color:#fff;border:0;padding:8px 12px;border-radius:4px}.btn{background:var(--accent);color:#fff;border:0;padding:10px 16px;border-radius:6px;text-decoration:none}.btn-ghost{background:transparent;border:1px solid #ccc;padding:8px 12px;border-radius:6px;text-decoration:none}.products-page{display:flex;gap:16px}.products-sidebar{width:260px}.products-list{flex:1}.category-list{display:flex;flex-direction:column;gap:6px}.category-list button{background:#fff;border:1px solid #ddd;padding:8px;text-align:left}.category-list button.active{background:var(--accent);color:#fff}.sort-box select{width:100%;padding:8px}.filter-actions{display:flex;gap:8px;flex-direction:column;margin-top:8px}.filter-actions input,.filter-actions button{padding:8px}.product-details .details-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.product-details img{width:100%;border-radius:6px}.pd-price{font-size:1.6rem;color:var(--accent)}.pd-actions{display:flex;gap:8px;margin-top:12px}.cart-page .cart-grid{display:grid;grid-template-columns:1fr 320px;gap:16px}.cart-item{display:flex;gap:12px;padding:12px;border-bottom:1px solid #eee}.cart-item img{width:80px;height:80px;object-fit:cover}.cart-item-controls{display:flex;gap:8px;align-items:center}.cart-summary{border:1px solid #eee;padding:16px;border-radius:6px}@media (max-width:900px){.products-page{flex-direction:column}.products-sidebar{width:100%}.cart-page .cart-grid{grid-template-columns:1fr}}