.hero.svelte-1utb286{padding:4rem 0 2rem;background-color:var(--background);text-align:center}.hero.svelte-1utb286 h1:where(.svelte-1utb286){font-size:3rem;margin-bottom:1.5rem;color:#333}.hero-text.svelte-1utb286{max-width:800px;margin:0 auto;font-size:1.2rem;color:#555;line-height:1.8}.subcategories-section.svelte-1utb286{padding:3rem 0 5rem}.section-title.svelte-1utb286{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#333}.subcategories-grid.svelte-1utb286{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.subcategory-wrapper.svelte-1utb286{padding:.5rem}.subcategory-card.svelte-1utb286{display:block;border-radius:15px;overflow:hidden;box-shadow:0 3px 10px #0000001a;transition:transform .3s,box-shadow .3s;background-color:#fff}.subcategory-card.svelte-1utb286:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.thumbnail-container.svelte-1utb286{aspect-ratio:3 / 4;overflow:hidden}.thumbnail-container.svelte-1utb286 img:where(.svelte-1utb286){width:100%;height:100%;object-fit:cover;transition:transform .5s}.subcategory-card.svelte-1utb286:hover .thumbnail-container:where(.svelte-1utb286) img:where(.svelte-1utb286){transform:scale(1.05)}.subcategory-name.svelte-1utb286{padding:1.5rem 1rem;text-align:center;background-color:#fff}.subcategory-name.svelte-1utb286 h3:where(.svelte-1utb286){font-size:1.3rem;margin:0;font-weight:600;color:#333}.no-results.svelte-1utb286{text-align:center;padding:3rem;background-color:#fff;border-radius:15px;box-shadow:0 5px 15px #0000000d}.no-results.svelte-1utb286 p:where(.svelte-1utb286){font-size:1.2rem;color:#666}@media (max-width: 768px){.hero.svelte-1utb286 h1:where(.svelte-1utb286){font-size:2.5rem}.hero-text.svelte-1utb286{font-size:1.1rem}.section-title.svelte-1utb286{font-size:2rem}}@media (max-width: 480px){.hero.svelte-1utb286{padding:3rem 0 1.5rem}.hero.svelte-1utb286 h1:where(.svelte-1utb286){font-size:2rem}.subcategories-section.svelte-1utb286{padding:2rem 0 4rem}.section-title.svelte-1utb286{font-size:1.8rem;margin-bottom:2rem}.subcategories-grid.svelte-1utb286{grid-template-columns:repeat(2,1fr);gap:1rem}.subcategory-name.svelte-1utb286 h3:where(.svelte-1utb286){font-size:1.1rem}}
