:root{--bg-1:#fff;--bg-2:#f9fafb;--card:#fff;--glass:#f3f4f6;--accent:#f97316;--accent-2:#0f172a;--muted:#6b7280;--radius:16px;--input-radius:12px;--shadow:0 4px 12px #0000000d;--shadow-hover:0 12px 24px #00000014;--transition:.3s cubic-bezier(.2,.9,.2,1)}body{background:var(--bg-1);color:var(--accent-2);margin:0;padding:0;font-family:Inter,Segoe UI,sans-serif}.categories-page{background:linear-gradient(180deg,var(--bg-1),var(--bg-2));display:flex}.sidebar{background:var(--glass);border-right:1px solid #e5e7eb;border-radius:30px;width:240px;max-height:calc(100vh - 180px);margin-top:3%;margin-bottom:2%;margin-left:4%;padding:28px 20px;position:sticky;top:150px;overflow-y:auto}.sidebar h3{color:var(--accent-2);margin-bottom:18px;font-size:1.2rem;font-weight:600}.sidebar ul{margin:0;padding:0;list-style:none}.sidebar li{border-radius:var(--input-radius);cursor:pointer;transition:background var(--transition),transform var(--transition);color:var(--muted);margin-bottom:8px;padding:12px 14px;font-size:.95rem}.sidebar li:hover{color:var(--accent-2);background:#e5e7eb}.sidebar li.active{background:var(--accent);color:#fff;font-weight:600;transform:translate(6px)}.products-section{box-sizing:border-box;flex:1;margin-left:1%;padding:32px}.products-section h2{color:var(--accent-2);margin:18px 0;font-size:1.5rem;font-weight:600}.search-bar{margin-bottom:16px}.search-bar input{border-radius:var(--input-radius);width:100%;color:var(--accent-2);box-shadow:var(--shadow);transition:box-shadow var(--transition),border var(--transition);background:#fff;border:1px solid #d1d5db;padding:12px 16px;font-size:.95rem}.search-bar input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #f973164d}.product-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:22px;display:grid}.product-card{background:var(--card);border-radius:var(--radius);text-align:left;box-shadow:var(--shadow);transition:transform var(--transition),box-shadow var(--transition),background-color var(--transition);border:1px solid #f3f4f6;flex-direction:column;padding:0;display:flex;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-hover);background-color:#fff;transform:translateY(-4px)}.product-card a{text-decoration:none}.product-card-image-wrapper{aspect-ratio:1;background:#f9fafb;border-bottom:1px solid #f3f4f6;width:100%;position:relative;overflow:hidden}.product-card img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .4s}.product-card:hover img{transform:scale(1.05)}.product-card img:before{content:"";padding-top:100%;display:block}.product-info{flex-direction:column;flex-grow:1;justify-content:space-between;padding:16px;display:flex}.product-card-text-link{color:inherit;flex-direction:column;flex-grow:1;text-decoration:none;display:flex}.product-title{color:var(--accent-2);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-top:0;margin-bottom:8px;font-size:15px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.product-card .price{color:var(--accent);margin:4px 0;font-size:.95rem;font-weight:600}.product-card .category{color:var(--muted);margin-top:2px;font-size:.85rem}.product-card .brand{color:var(--muted);margin-top:6px;font-size:.85rem}.no-results{color:var(--muted);margin-top:20px;font-size:1rem}@media screen and (max-width:788px){.categories-page{flex-direction:column}#categories-header{margin-bottom:25%}.search-bar{margin-top:60px;position:sticky;top:0}.sidebar{-webkit-overflow-scrolling:touch;scrollbar-width:thin;z-index:9999;background:#fff;border:none;border-bottom:1px solid #e5e7eb;border-radius:0;gap:8px;width:100%;margin:0;padding-top:10px;padding-bottom:0;padding-left:8px;display:flex;top:62px;overflow-x:auto}.sidebar h3{display:none}.sidebar ul{gap:8px;margin:0;padding:0;display:flex}.sidebar li{border-radius:var(--input-radius);color:var(--muted);transition:background var(--transition),color var(--transition),transform var(--transition);background:#f3f4f6;border:1px solid #e5e7eb;flex:none;padding:10px 16px;font-size:.85rem;font-weight:500}.sidebar li:hover{color:var(--accent-2);background:#e5e7eb}.sidebar li.active{background:var(--accent);color:#fff;border:1px solid var(--accent);font-weight:600;transform:translateY(-2px)}.products-section{margin-left:0;padding:10px}.product-grid{grid-template-columns:repeat(2,1fr);gap:10px}.product-card{border-radius:12px}.product-info{padding:10px}.product-title{margin-bottom:6px;font-size:.85rem}.product-card .price{font-size:.8rem}.price-section{flex-direction:column;align-items:flex-start;gap:2px}.product-card .category{font-size:.75rem}.discounted-price{font-size:15px}.discount-badge{padding:2px 6px;font-size:10px}}.brand-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:16px;margin-bottom:32px;display:grid}.brand-item{border-radius:var(--input-radius);cursor:pointer;transition:all var(--transition);aspect-ratio:1;background:#fff;border:1px solid #e5e7eb;justify-content:center;align-items:center;padding:8px;display:flex;overflow:hidden;box-shadow:0 2px 8px #00000005}.brand-item img{-o-object-fit:contain;object-fit:contain;mix-blend-mode:multiply;max-width:100%;max-height:100%;transform:scale(1.2)}.brand-item:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.brand-item.active{border:2px solid var(--accent);background:#fff;transform:translateY(-4px);box-shadow:0 8px 20px #f9731626}.brand-list{margin:0;padding:0;list-style-type:none}.brand-list li{border-radius:var(--input-radius);cursor:pointer;transition:background var(--transition),transform var(--transition);color:var(--muted);align-items:center;margin-bottom:8px;padding:12px 14px;font-size:.95rem;display:flex}.brand-list li:hover{color:var(--accent-2);background:#e5e7eb}.brand-list li.active{background:var(--accent);color:#fff;font-weight:600;transform:translate(6px)}.brand-list .brand-logo{-o-object-fit:contain;object-fit:contain;width:30px;height:30px;margin-right:10px}.shop-by-brand{text-align:center;border-bottom:2px solid #eee;margin-bottom:10px;padding:1rem}.shop-by-brand h2{color:#333;letter-spacing:.5px;margin:0;font-size:1.5rem;font-weight:650}.price-section{flex-flow:wrap;align-items:center;gap:8px;margin:auto 0 12px;display:flex}.full-price{color:#9ca3af;font-size:13px;font-weight:500;text-decoration:line-through}.discount-row{align-items:center;gap:8px;display:flex}.discounted-price{color:var(--accent-2);letter-spacing:-.5px;font-size:19px;font-weight:700}.discount-badge{color:#fff;letter-spacing:.5px;background:#ef4444;border-radius:12px;padding:4px 8px;font-size:11px;font-weight:700}@media screen and (max-width:788px){#header-of-categories{margin-bottom:28%}.brand-grid{gap:8px;grid-template-columns:repeat(3,1fr)!important}.brand-item{padding:4px}.brand-item img{transform:scale(1.3)}}