main .lovefun{width:100%;margin:0;text-align:center;background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.4)),url(/img/lovefun-back.webp) no-repeat center center;background-size:cover;padding:150px 0 75px}main .lovefun p{width:fit-content;margin:0 auto;font-size:14px;text-transform:uppercase;font-weight:500;background-color:#f43f3f;border-radius:4px;padding:5px 10px}main .lovefun h2{font-size:44px;font-weight:600;text-transform:uppercase;letter-spacing:-.8px;margin-top:10px}main .lovefun .urunler{display:grid;grid-template-columns:repeat(4,1fr);margin-top:30px;gap:30px;padding:0 50px}main .lovefun .urunler a{aspect-ratio:4/5;height:100%;border:2px solid rgba(255,255,255,.5);position:relative;background-color:#0f0f0f}main .lovefun .urunler a h3{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);text-align:center;width:90%;font-size:16px;color:#fff;text-transform:uppercase;font-weight:600}main .lovefun .urunler a img{width:100%;aspect-ratio:4/5;object-fit:contain;height:auto;border-radius:10px;transition:all .2s ease}@media screen and (max-width:1200px){main .lovefun .urunler{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:900px){main .lovefun h2{font-size:32px}main .lovefun p{font-size:12px}main .lovefun .urunler{display:grid;grid-template-columns:repeat(1,1fr)}main .lovefun .urunler a h3{font-size:15px}}