:root{--bg-1:#ffffff;--bg-2:#f9fafb;--card:#ffffff;--glass:#f3f4f6;--accent:#f97316;--accent-2:#0f172a;--muted:#6b7280;--radius:14px;--input-radius:10px;--shadow:0 6px 18px rgba(0,0,0,0.08);--transition:220ms cubic-bezier(.2,.9,.2,1)}body{font-family:Inter,Segoe UI,sans-serif;background:var(--bg-1);color:var(--accent-2);margin:0;padding:0}.categories-page{display:flex;background:linear-gradient(180deg,var(--bg-1),var(--bg-2));margin-top:4.5%}.sidebar{width:240px;background:var(--glass);padding:28px 20px;border-right:1px solid #e5e7eb;margin-left:4%;border-radius:30px;margin-top:3%;max-height:-moz-fit-content;max-height:fit-content;overflow-y:auto;position:-webkit-sticky;position:sticky;top:150px;margin-bottom:2%}.sidebar h3{margin-bottom:18px;font-size:1.2rem;font-weight:600;color:var(--accent-2)}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar li{padding:12px 14px;border-radius:var(--input-radius);cursor:pointer;margin-bottom:8px;transition:background var(--transition),transform var(--transition);color:var(--muted);font-size:.95rem}.sidebar li:hover{background:#e5e7eb;color:var(--accent-2)}.sidebar li.active{background:var(--accent);color:white;font-weight:600;transform:translateX(6px)}.products-section{flex:1 1;padding:32px;margin-left:1%;box-sizing:border-box}.products-section h2{margin:18px 0;font-size:1.5rem;font-weight:600;color:var(--accent-2)}.search-bar{margin-bottom:16px}.search-bar input{width:100%;padding:12px 16px;border-radius:var(--input-radius);border:1px solid #d1d5db;background:white;color:var(--accent-2);font-size:.95rem;box-shadow:var(--shadow);transition:box-shadow var(--transition),border var(--transition)}.search-bar input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px rgba(249,115,22,.3)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:22px;gap:22px}.product-card{background:var(--card);padding:16px;border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);transition:transform var(--transition),box-shadow var(--transition);border:1px solid #e5e7eb}.product-card:hover{transform:translateY(-5px);box-shadow:0 16px 28px rgba(0,0,0,.12)}.product-card img{width:100%;height:auto;object-fit:cover;border-radius:var(--input-radius);margin-bottom:12px;background:#f3f4f6;aspect-ratio:1/1}.product-card img:before{content:"";display:block;padding-top:100%}.product-card h3{font-size:1.05rem;margin-bottom:6px;color:var(--accent-2);font-weight:500}.product-card .price{font-size:.95rem;color:var(--accent);font-weight:600;margin:4px 0}.product-card .category{color:var(--muted);font-size:.85rem;margin-top:2px}.product-card .brand{font-size:.85rem;color:var(--muted);margin-top:6px}.no-results{font-size:1rem;color:var(--muted);margin-top:20px}@media screen and (max-width:788px){.categories-page{flex-direction:column}#categories-header{margin-bottom:25%}.search-bar{margin-top:60;position:-webkit-sticky;position:sticky;top:0}.sidebar{width:100%;margin:0;border-radius:0;border:none;border-bottom:1px solid #e5e7eb;display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-top:10px;padding-left:8px;padding-bottom:0;gap:8px;top:100px;z-index:9999;background:#FFFFFF}.sidebar h3{display:none}.sidebar ul{display:flex;gap:8px;padding:0;margin:0}.sidebar li{flex:0 0 auto;font-size:.85rem;padding:10px 16px;border-radius:var(--input-radius);background:#f3f4f6;border:1px solid #e5e7eb;color:var(--muted);font-weight:500;transition:background var(--transition),color var(--transition),transform var(--transition)}.sidebar li:hover{background:#e5e7eb;color:var(--accent-2)}.sidebar li.active{background:var(--accent);color:#fff;font-weight:600;border:1px solid var(--accent);transform:translateY(-2px)}.products-section{margin-left:0;padding:14px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.product-card{padding:12px}.product-card h3{font-size:.9rem}.product-card .price{font-size:.85rem}.product-card .category{font-size:.75rem}}.brand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));grid-gap:16px;gap:16px;margin-bottom:32px}.brand-item{display:flex;align-items:center;justify-content:center;padding:10px;border-radius:var(--input-radius);cursor:pointer;transition:background var(--transition),transform var(--transition)}.brand-item img{max-width:100%;max-height:100px;object-fit:contain;border-radius:50%}.brand-item:hover{background:#e5e7eb}.brand-item.active{background:var(--accent);color:white;font-weight:600;transform:translateY(-5px)}.brand-list{list-style-type:none;padding:0;margin:0}.brand-list li{display:flex;align-items:center;padding:12px 14px;border-radius:var(--input-radius);cursor:pointer;margin-bottom:8px;transition:background var(--transition),transform var(--transition);color:var(--muted);font-size:.95rem}.brand-list li:hover{background:#e5e7eb;color:var(--accent-2)}.brand-list li.active{background:var(--accent);color:white;font-weight:600;transform:translateX(6px)}.brand-list .brand-logo{width:30px;height:30px;margin-right:10px;object-fit:contain}.shop-by-brand{text-align:center;padding:1rem;border-bottom:2px solid #eee;margin-bottom:10px}.shop-by-brand h2{font-size:1.5rem;font-weight:650;color:#333;margin:0;letter-spacing:.5px}.price-section{margin:10px 0;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.full-price{text-decoration:line-through;color:#888;font-size:14px}.discount-row{display:flex;align-items:center;gap:8px}.discounted-price{color:#d32f2f;font-weight:700;font-size:18px}.discount-badge{background:#ff5722;color:white;font-size:12px;font-weight:700;padding:2px 6px;border-radius:4px}@media screen and (max-width:788px){#header-of-categories{margin-bottom:28%}}