.categories-hero.svelte-13grsjl{position:relative;background:#fff;margin-bottom:2rem;border-bottom:1px solid #eee}.hero-image-container.svelte-13grsjl{width:100%;height:400px;overflow:hidden;position:relative}.hero-img.svelte-13grsjl{width:100%;height:100%;object-fit:cover;object-position:center}.hero-content.svelte-13grsjl{max-width:800px;margin:-4rem auto 2rem;padding:2.5rem;background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000014;text-align:center;position:relative;z-index:10}.categories-hero.svelte-13grsjl h1:where(.svelte-13grsjl){font-size:2.8rem;margin-bottom:1rem;color:#2c3e50;font-weight:800}.categories-hero.svelte-13grsjl p:where(.svelte-13grsjl){font-size:1.1rem;color:#666}.categories-main.svelte-13grsjl{padding:4rem 0}.categories-grid.svelte-13grsjl{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.category-card.svelte-13grsjl{text-align:center;padding:2.5rem 2rem;text-decoration:none;color:inherit;position:relative;overflow:hidden;transition:all .3s ease}.category-card.svelte-13grsjl:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--card-color);transform:scaleX(0);transition:transform .3s ease}.category-card.svelte-13grsjl:hover:before{transform:scaleX(1)}.category-card.svelte-13grsjl:hover{transform:translateY(-8px)}.category-icon.svelte-13grsjl{width:80px;height:80px;margin:0 auto 1.5rem;background:var(--bg-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:var(--card-color);transition:all .3s ease}.category-card.svelte-13grsjl:hover .category-icon:where(.svelte-13grsjl){background:var(--card-color);color:var(--white);transform:scale(1.1)}.category-card.svelte-13grsjl h2:where(.svelte-13grsjl){margin-bottom:.75rem;font-size:1.5rem;color:var(--text-color)}.category-card.svelte-13grsjl p:where(.svelte-13grsjl){color:var(--secondary-color);margin-bottom:1rem}.arrow.svelte-13grsjl{display:inline-flex;align-items:center;gap:.5rem;color:var(--card-color);font-weight:600;transition:gap .3s ease}.category-card.svelte-13grsjl:hover .arrow:where(.svelte-13grsjl){gap:1rem}@media(max-width:768px){.categories-hero.svelte-13grsjl h1:where(.svelte-13grsjl){font-size:2rem}.categories-grid.svelte-13grsjl{grid-template-columns:1fr}}