:root{
  --kirmizi:#c8102e; --kirmizi-koyu:#9c0c23;
  --koyu:#14181f; --gri:#5b6470; --cizgi:#e6e8ec; --gri-zemin:#f6f7f9;
  --bosluk-1:.5rem; --bosluk-2:1rem; --bosluk-3:1.5rem; --bosluk-4:2rem;
  --bosluk-6:3rem; --bosluk-8:4rem; --bosluk-12:6rem;
  --yazi-sm:.9375rem; --yazi-md:1.0625rem; --yazi-lg:1.25rem;
  --baslik-sm:1.5rem; --baslik-md:2rem; --baslik-lg:2.75rem;
  --yaricap:10px;
  --golge:0 8px 24px rgba(20,24,31,.08);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:var(--yazi-md);line-height:1.65;color:var(--koyu);background:#fff}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:Poppins,Inter,system-ui,sans-serif;font-weight:700;line-height:1.2}
.kapsayici{max-width:1160px;margin:0 auto;padding:0 var(--bosluk-4)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--bosluk-1);min-height:48px;padding:0 var(--bosluk-4);border-radius:var(--yaricap);font-weight:600;font-size:var(--yazi-sm);transition:background .2s,color .2s,border-color .2s}
.btn-kirmizi{background:var(--kirmizi);color:#fff}
.btn-kirmizi:hover{background:var(--kirmizi-koyu)}
.btn-beyaz{background:#fff;color:var(--koyu)}
.btn-beyaz:hover{background:var(--gri-zemin)}
.btn-koyu{background:var(--koyu);color:#fff}
.btn-koyu:hover{background:#2a3140}

.ustbar{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--cizgi)}
.ustbar-ic{display:flex;align-items:center;gap:var(--bosluk-4);min-height:72px}
.logo{display:inline-flex;align-items:center;gap:var(--bosluk-1);font-family:Poppins,sans-serif;font-weight:700;font-size:1.05rem;letter-spacing:.02em}
.logo em{font-style:normal;color:var(--kirmizi)}
.menu{display:flex;gap:var(--bosluk-4);margin-left:auto}
.menu a{display:inline-flex;align-items:center;min-height:44px;font-size:var(--yazi-sm);font-weight:600;color:var(--gri)}
.menu a:hover{color:var(--koyu)}
.menu-dugme{display:none;margin-left:auto;background:none;border:0;color:var(--koyu);cursor:pointer;padding:var(--bosluk-1)}

.hero{position:relative;min-height:560px;display:flex;align-items:center;color:#fff;overflow:hidden}
.hero-gorsel{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(12,14,18,.82) 0%,rgba(12,14,18,.55) 45%,rgba(12,14,18,.15) 100%)}
.hero-ic{position:relative;z-index:1;max-width:640px;padding-top:var(--bosluk-8);padding-bottom:var(--bosluk-8)}
.hero-ustbaslik{font-size:var(--yazi-sm);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#f3b0bb;margin-bottom:var(--bosluk-2)}
.hero h1{font-size:var(--baslik-lg);margin-bottom:var(--bosluk-3)}
.hero-metin{font-size:var(--yazi-lg);color:#e7e9ee;margin-bottom:var(--bosluk-4)}
.hero-butonlar{display:flex;gap:var(--bosluk-2);flex-wrap:wrap}

.bolum{padding:var(--bosluk-8) 0}
.bolum-gri{background:var(--gri-zemin)}
.bolum-ustbaslik{font-size:var(--yazi-sm);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--kirmizi);margin-bottom:var(--bosluk-1)}
.bolum-baslik{font-size:var(--baslik-md);margin-bottom:var(--bosluk-4)}
.bolum-baslik+*{margin-top:0}

.istatistik{background:var(--koyu);color:#fff;padding:var(--bosluk-6) 0}
.istatistik-ic{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--bosluk-4);text-align:center}
.istatistik strong{display:block;font-family:Poppins,sans-serif;font-size:2rem;color:#fff}
.istatistik span{font-size:var(--yazi-sm);color:#aab2bd}

.kartlar{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--bosluk-3)}
.kart{background:#fff;border:1px solid var(--cizgi);border-radius:var(--yaricap);padding:var(--bosluk-4)}
.bolum-gri .kart{border-color:transparent;box-shadow:var(--golge)}
.kart h3{font-size:var(--baslik-sm);margin:var(--bosluk-2) 0 var(--bosluk-1)}
.kart p{font-size:var(--yazi-sm);color:var(--gri)}
.kart-ikon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:12px;background:#fdeef1;color:var(--kirmizi)}
.kart-merkez{text-align:center}
.kart-sayi{display:block;font-family:Poppins,sans-serif;font-size:2.25rem;color:var(--kirmizi);margin-bottom:var(--bosluk-1)}

.urun-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--bosluk-3)}
.urun-kart{position:relative;border-radius:var(--yaricap);overflow:hidden;aspect-ratio:4/3;background:var(--koyu)}
.urun-kart img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.urun-kart:hover img{transform:scale(1.05)}
.urun-kart span{position:absolute;left:0;right:0;bottom:0;padding:var(--bosluk-3);color:#fff;font-weight:600;font-size:var(--yazi-md);background:linear-gradient(transparent,rgba(12,14,18,.85))}

.ikili{display:grid;grid-template-columns:1fr 1fr;gap:var(--bosluk-8);align-items:center}
.ikili-gorsel img{border-radius:var(--yaricap);width:100%;aspect-ratio:4/3;object-fit:cover}
.ikili-metin .btn{margin-top:var(--bosluk-3)}
.isaret-liste{margin:var(--bosluk-3) 0 0 var(--bosluk-4);color:var(--gri);font-size:var(--yazi-sm)}
.isaret-liste li{margin-bottom:var(--bosluk-1)}

.sayfa-baslik{background:var(--koyu);color:#fff;padding:var(--bosluk-8) 0}
.sayfa-baslik h1{font-size:var(--baslik-md);margin-bottom:var(--bosluk-1)}
.sayfa-baslik p{color:#aab2bd}

.urun-liste{display:grid;gap:var(--bosluk-6)}
.urun-detay{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--bosluk-6);align-items:center;scroll-margin-top:90px}
.urun-detay:nth-child(even){grid-template-columns:1.2fr 1fr}
.urun-detay:nth-child(even) .urun-detay-gorsel{order:2}
.urun-detay-gorsel img{border-radius:var(--yaricap);width:100%;aspect-ratio:4/3;object-fit:cover}
.urun-detay h2{font-size:var(--baslik-sm);margin-bottom:var(--bosluk-2)}
.urun-detay p{color:var(--gri)}

.iletisim-izgara{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--bosluk-8);align-items:start}
.iletisim-bilgi{display:grid;gap:var(--bosluk-4)}
.iletisim-satir{display:flex;gap:var(--bosluk-3);align-items:flex-start}
.iletisim-satir h3{font-size:var(--yazi-md);margin-bottom:2px}
.iletisim-satir p{font-size:var(--yazi-sm);color:var(--gri)}
.iletisim-satir a:hover{color:var(--kirmizi)}
.iletisim-form{background:var(--gri-zemin);border-radius:var(--yaricap);padding:var(--bosluk-4)}
.iletisim-form h2{font-size:var(--baslik-sm);margin-bottom:var(--bosluk-1)}
.form-not{font-size:var(--yazi-sm);color:var(--gri);margin-bottom:var(--bosluk-3)}
.iletisim-form label{display:block;font-size:var(--yazi-sm);font-weight:600;margin:var(--bosluk-2) 0 var(--bosluk-1)}
.iletisim-form input,.iletisim-form select,.iletisim-form textarea{width:100%;min-height:48px;padding:0 var(--bosluk-2);border:1px solid var(--cizgi);border-radius:var(--yaricap);font:inherit;font-size:var(--yazi-sm);background:#fff}
.iletisim-form textarea{padding:var(--bosluk-2);resize:vertical}
.iletisim-form input:focus,.iletisim-form select:focus,.iletisim-form textarea:focus{outline:2px solid var(--kirmizi);outline-offset:1px;border-color:transparent}
.form-gonder{width:100%;margin-top:var(--bosluk-3)}

.kapanis{background:var(--kirmizi);color:#fff;text-align:center}
.kapanis-ic{max-width:640px}
.kapanis h2{font-size:var(--baslik-md);margin-bottom:var(--bosluk-2)}
.kapanis p{margin-bottom:var(--bosluk-4);color:#f6d3d9}
.kapanis .hero-butonlar{justify-content:center}

.altlik{background:var(--koyu);color:#c3c9d2;padding:var(--bosluk-8) 0 0}
.altlik-ic{display:grid;grid-template-columns:1.4fr 1fr 1.2fr .8fr;gap:var(--bosluk-6);padding-bottom:var(--bosluk-6)}
.logo-beyaz{color:#fff}
.logo-beyaz em{color:#f3b0bb}
.altlik h4{color:#fff;font-size:var(--yazi-md);margin-bottom:var(--bosluk-2)}
.altlik p{font-size:var(--yazi-sm);margin-bottom:var(--bosluk-1)}
.altlik a:hover{color:#fff}
.altlik-alt{border-top:1px solid #2a3140;padding:var(--bosluk-3) 0}
.altlik-alt p{margin:0;font-size:var(--yazi-sm);color:#8b93a0}

@media (max-width:900px){
  .kartlar{grid-template-columns:repeat(2,1fr)}
  .urun-izgara{grid-template-columns:repeat(2,1fr)}
  .ikili,.iletisim-izgara{grid-template-columns:1fr;gap:var(--bosluk-4)}
  .urun-detay,.urun-detay:nth-child(even){grid-template-columns:1fr}
  .urun-detay:nth-child(even) .urun-detay-gorsel{order:0}
  .istatistik-ic{grid-template-columns:repeat(2,1fr)}
  .altlik-ic{grid-template-columns:1fr 1fr}
}
@media (max-width:768px){
  .menu{position:absolute;top:72px;left:0;right:0;flex-direction:column;gap:0;background:#fff;border-bottom:1px solid var(--cizgi);padding:var(--bosluk-2) var(--bosluk-4);display:none}
  .menu.acik{display:flex}
  .menu a{min-height:48px;border-bottom:1px solid var(--cizgi)}
  .menu a:last-child{border-bottom:0}
  .menu-dugme{display:inline-flex}
  .ustbar-tel{display:none}
  .hero{min-height:480px}
  .hero h1{font-size:2rem}
  .hero-metin{font-size:var(--yazi-md)}
  .bolum{padding:var(--bosluk-6) 0}
  .bolum-baslik{font-size:var(--baslik-sm)}
  .kartlar{grid-template-columns:1fr}
  .urun-izgara{grid-template-columns:1fr}
  .istatistik-ic{grid-template-columns:1fr 1fr}
  .altlik-ic{grid-template-columns:1fr}
  .istatistik-ic{grid-template-columns:1fr}
}