.urunler-module__Z5YCYG__page{padding-top:var(--header-height);background-color:var(--background);flex-direction:column;min-height:100vh;display:flex}.urunler-module__Z5YCYG__hero{background:linear-gradient(135deg,var(--primary)0%,var(--primary-light)100%);color:#fff;text-align:center;padding:5rem 0 3rem}.urunler-module__Z5YCYG__heroTitle{font-family:var(--font-primary);margin-bottom:1rem;font-size:3rem;font-weight:800}.urunler-module__Z5YCYG__heroSubtitle{opacity:.95;max-width:700px;margin:0 auto;font-size:1.2rem;line-height:1.6}.urunler-module__Z5YCYG__categoriesSection{background-color:var(--background);flex-grow:1;padding:4rem 0}.urunler-module__Z5YCYG__grid{grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}@media (max-width:1200px){.urunler-module__Z5YCYG__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.urunler-module__Z5YCYG__grid{grid-template-columns:1fr}}.urunler-module__Z5YCYG__card{background:var(--background);border:1px solid var(--border);border-radius:8px;flex-direction:column;align-items:flex-start;height:100%;padding:2rem;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.urunler-module__Z5YCYG__card:hover{border-color:var(--secondary);transform:translateY(-5px);box-shadow:0 10px 30px #00000014}.urunler-module__Z5YCYG__iconWrapper{width:60px;height:60px;color:var(--secondary);background-color:#e639461a;border-radius:12px;justify-content:center;align-items:center;margin-bottom:1.5rem;transition:all .3s;display:flex}.urunler-module__Z5YCYG__card:hover .urunler-module__Z5YCYG__iconWrapper{background-color:var(--secondary);color:#fff}.urunler-module__Z5YCYG__cardTitle{color:var(--primary);margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.urunler-module__Z5YCYG__cardDesc{color:var(--text-muted);flex-grow:1;margin-bottom:2rem;font-size:.95rem;line-height:1.6}.urunler-module__Z5YCYG__cardFooter{color:var(--secondary);align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;display:flex}.urunler-module__Z5YCYG__card:hover .urunler-module__Z5YCYG__cardFooter{gap:.8rem}@media (max-width:768px){.urunler-module__Z5YCYG__heroTitle{font-size:2.25rem}}