.urun-giris{width:100%;height:100vh;position:relative}.urun-giris img{width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.7);user-select:none;pointer-events:none}.urun-giris .urun-baslik{position:absolute;top:50%;left:5%;transform:translateY(-50%);color:#fff;width:550px}.urun-giris .urun-baslik h1{font-size:70px;text-transform:uppercase;font-weight:700;margin-bottom:10px;line-height:1.2}.urun-giris .urun-baslik p{font-size:18px;margin-bottom:20px;font-weight:400;color:rgb(255,255,255,.85)}.urun-giris .urun-baslik .butons{display:flex;gap:10px}.urun-giris .urun-baslik .butons a{display:flex;align-items:center;justify-content:center;padding:10px;border:2px solid rgb(255,255,255,.5);border-radius:5px;transition:all ease .2s}.urun-giris .urun-baslik .butons a:first-child{background:#f43f3f;border:2px solid #f43f3f;color:#fff;padding:10px 45px;font-size:16px;text-transform:uppercase;font-weight:500;margin-right:20px}.urun-giris .urun-baslik .butons a:hover{border:2px solid rgb(255,255,255,1);box-shadow:0 0 10px rgb(255,255,255,.2)}.urun-giris .urun-baslik .butons a:first-child:hover{background:0 0;border:2px solid #f43f3f;box-shadow:none}.urun-giris .urun-baslik .butons a svg{width:25px;height:25px}.urun-detay{display:flex;width:95%;margin:50px auto;justify-content:space-between;background-color:#fff;color:#323232;padding:50px;gap:80px;border-radius:30px}.urun-detay hr{border:0;border-top:1px solid #dcdcdc;margin:20px 0 30px}.urun-detay h2{font-size:38px;font-weight:600;line-height:1.2;color:#000}.urun-detay p,.urun-detay ul li{font-size:16px;line-height:1.6;font-weight:400;margin-bottom:20px}.urun-detay ul{margin:20px 0;padding-left:20px}.urun-detay h2,.urun-detay ul li{margin-bottom:10px}.slider,main .lovefun .urunler a{aspect-ratio:4/5;position:relative}.slider{display:block;overflow:hidden;width:400px;min-width:500px;border-radius:10px;height:fit-content}.slides{display:flex;transition:transform .3s ease}.slides img,main .lovefun .urunler a img{width:100%;aspect-ratio:4/5;border-radius:10px}.slides img{min-width:100%;object-fit:cover}.slider button{position:absolute;display:flex;justify-content:center;align-items:center;top:50%;transform:translateY(-50%);width:50px;height:50px;background:0 0;border-radius:50%;border:0;cursor:pointer}button svg{display:flex;width:35px;height:35px}.prev{left:15px}.next{right:15px}.dots{position:relative;z-index:10;display:flex;justify-content:center;background-color:#fff;width:fit-content;padding:8px;border-radius:20px;margin:0 auto;bottom:45px}.dot{width:12px;height:12px;aspect-ratio:1/1;border-radius:50%;background-color:#cacaca;margin:0 5px;cursor:pointer}.dot.active,main .lovefun p{background-color:#f43f3f}main .lovefun{width:100%;padding:50px 0;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}main .lovefun p{width:fit-content;margin:0 auto;font-size:14px;text-transform:uppercase;font-weight:500;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{height:100%;border:2px solid rgba(255,255,255,.5);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{object-fit:contain;height:auto;transition:all .2s ease}@media screen and (max-width:1200px){.urun-detay{padding:40px;gap:30px}.slider{overflow:hidden;aspect-ratio:4/5;min-width:350px;border-radius:10px;height:fit-content}main .lovefun .urunler{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:900px){.urun-giris .urun-baslik{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:85%;text-align:center}.urun-giris .urun-baslik h1{font-size:40px}.urun-giris .urun-baslik p{font-size:16px}.urun-giris .urun-baslik .butons{flex-wrap:wrap;justify-content:center;gap:20px}.urun-giris .urun-baslik .butons a:first-child{display:block;padding:10px 45px;margin:0 100px}.urun-detay{padding:30px;flex-direction:column;gap:30px}.urun-detay h2{font-size:32px;line-height:1.2}.slider{position:relative;display:block;overflow:hidden;aspect-ratio:4/5;min-width:100%;width:100%;min-height:auto;border-radius:10px;height:fit-content}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}.popup-content{max-width:95%!important}}.popup{display:none;position:fixed;z-index:1000;left:0;justify-content:center;align-items:center;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.8)}.popup-content{margin:auto;display:block;max-height:95vh;max-width:1000px}.close{position:absolute;top:15px;right:35px;color:#fff;font-size:40px;font-weight:700;transition:.3s}.close:focus,.close:hover{color:rgb(255,255,255,.6);text-decoration:none;cursor:pointer}