:root{--primary:#111111;--primary-hover:#000000;--accent:#ff5f00;--accent-hover:#e65300;--dark:#111111;--gray-light:#f7f6f4;--gray-border:#e8e5e1;--text-muted:#686868;--radius:5px}.categories-hero{background:#f8f7f5;border-bottom:1px solid var(--gray-border);padding:38px 20px 34px;text-align:center;margin-bottom:40px;border-radius:0}.categories-hero h1{font-size:clamp(28px,3vw,36px);font-weight:700;color:var(--dark);margin-bottom:12px;letter-spacing:-0.02em}.categories-hero p{color:var(--text-muted);font-size:1.1rem;max-width:650px;margin:0 auto;line-height:1.6}.custom-row{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;max-width:1300px;margin:0 auto;padding:0 20px}.col-grid-25{width:calc(20% - 20px);box-sizing:border-box}.category-card{background:#ffffff;border:1px solid var(--gray-border);border-radius:var(--radius);overflow:hidden;transition:transform 0.18s ease,border-color 0.18s ease;display:flex;flex-direction:column;height:100%;position:relative;box-shadow:none}.category-card:hover{transform:translateY(-2px);box-shadow:0 5px 14px rgba(0,0,0,0.05);border-color:#ffd0b8}.img-holder{height:132px;width:100%;overflow:hidden;position:relative;background:#f7f6f4}.img-holder img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.category-card:hover .img-holder img{transform:scale(1.08)}.deal-badge{position:absolute;top:12px;right:12px;background:rgba(15,23,42,0.75);backdrop-filter:blur(4px);color:#fff;font-size:0.75rem;font-weight:600;padding:5px 9px;border-radius:3px;z-index:2}.content-holder{padding:20px;text-align:left;flex-grow:1;display:flex;flex-direction:column}.content-holder h3{margin:0 0 8px;font-size:1.1rem;font-weight:700;color:var(--dark);line-height:1.4}.content-holder p{color:var(--text-muted);font-size:0.85rem;margin-bottom:20px;flex-grow:1}.btn-view{background:var(--accent);color:#fff;padding:10px 14px;border-radius:4px;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:8px;font-size:0.9rem;font-weight:600;transition:all 0.25s ease;box-shadow:none}.btn-view:hover{background:var(--accent-hover);color:#fff;box-shadow:none}.btn-view svg{width:16px;height:16px;transition:transform 0.2s ease}.btn-view:hover svg{transform:translateX(3px)}.categories-list{padding-bottom:60px}.empty-state{grid-column:1 / -1;text-align:center;padding:60px 20px;background:#fff;border:1px dashed var(--gray-border);border-radius:var(--radius);color:var(--text-muted)}@media (max-width:1400px){.col-grid-25{width:calc(25% - 18px)}}@media (max-width:1100px){.col-grid-25{width:calc(33.333% - 16px)}}@media (max-width:768px){.col-grid-25{width:calc(50% - 12px)}.categories-hero h1{font-size:2rem}}@media (max-width:480px){.col-grid-25{width:100%}}