/* ============================================================
   ÖN YÜZ STİLLERİ  —  %100 Responsive
   ============================================================ */

:root{
    --renk-ana:#c0261e;
    --renk-ikinci:#5b3a2e;
    --renk-vurgu:#1f9d3d;
    --renk-panel:#fdeadb;
    --renk-koyu:#1b1b1f;
    --renk-metin:#26262b;
    --renk-gri:#6f6f78;
    --renk-cizgi:#e3e3e8;
    --sayfa-genislik:1000px;
    --radius:14px;
    --golge:0 6px 26px rgba(0,0,0,.09);
    --font:'Poppins','Segoe UI',system-ui,-apple-system,'Helvetica Neue',Arial,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}

html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}

body{
    margin:0;
    font-family:var(--font);
    color:var(--renk-metin);
    background-color:#e9eaee;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='1.6' opacity='.85'%3E%3Ccircle cx='60' cy='60' r='34'/%3E%3Ccircle cx='0' cy='0' r='34'/%3E%3Ccircle cx='120' cy='0' r='34'/%3E%3Ccircle cx='0' cy='120' r='34'/%3E%3Ccircle cx='120' cy='120' r='34'/%3E%3C/g%3E%3C/svg%3E");
    line-height:1.5;
    -webkit-font-smoothing:antialiased;
}

img{max-width:100%;height:auto;display:block;border:0}
a{color:var(--renk-ana);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4{margin:0;line-height:1.12;font-weight:800;letter-spacing:-.01em}
p{margin:0 0 .8em}
ul{margin:0;padding:0;list-style:none}

:focus-visible{outline:3px solid #0a58ca;outline-offset:2px}

.atla-baglantisi{
    position:absolute;left:-9999px;top:0;background:#fff;color:#000;padding:10px 16px;z-index:999;
}
.atla-baglantisi:focus{left:8px;top:8px}

.gizli-etiket{
    position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;
    clip:rect(0 0 0 0);white-space:nowrap;border:0;
}
.tuzak{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}

/* ---------- Çerçeve ---------- */
.sayfa-cercevesi{
    max-width:var(--sayfa-genislik);
    margin:0 auto;
    background:#fff;
    box-shadow:0 0 40px rgba(0,0,0,.12);
    overflow:hidden;
}
.site-govde{display:block}

/* ============================================================
   ÜST ŞERİT
   ============================================================ */
.ust-serit{
    background:linear-gradient(120deg,#2a0605 0%,#5c0f0b 45%,#1c0403 100%);
    color:#fff;padding:14px 18px;
}
.ust-serit-liste{
    display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 26px;
}
.ust-serit-liste li{
    display:flex;align-items:center;gap:8px;font-size:clamp(.78rem,2.4vw,.98rem);text-align:center;
}
.ust-serit-liste strong{font-weight:700}
.ust-serit-liste span{opacity:.82;font-weight:400}
.ust-serit-liste img{width:26px;height:26px;object-fit:contain}

/* ============================================================
   ÜRÜN BAŞLIĞI
   ============================================================ */
.urun-basligi{
    position:relative;background:#fff;padding:26px 24px 22px;
    display:flex;align-items:center;justify-content:space-between;gap:16px;
}
.urun-basligi h1{
    font-size:clamp(1.55rem,5.6vw,3.05rem);font-weight:900;color:#1b1b1f;text-transform:uppercase;
}
.urun-basligi p{
    margin:.28em 0 0;font-size:clamp(.98rem,3vw,1.55rem);font-weight:400;color:#333;
}
.urun-rozet{
    flex:0 0 auto;width:clamp(78px,17vw,132px);height:clamp(78px,17vw,132px);border-radius:50%;
    background:radial-gradient(circle at 32% 28%,#ffc24a,#f08a12 60%,#d97406);
    box-shadow:0 6px 16px rgba(216,120,10,.4),inset 0 0 0 3px rgba(255,255,255,.55);
    display:flex;align-items:center;justify-content:center;transform:rotate(-11deg);
}
.urun-rozet span{
    color:#fff;font-weight:900;text-transform:uppercase;text-align:center;line-height:1.05;
    font-size:clamp(.62rem,2.1vw,1.05rem);text-shadow:0 2px 3px rgba(0,0,0,.28);padding:6px;
}

/* ============================================================
   HERO
   ============================================================ */
.hero{position:relative;background:#140303;overflow:hidden}
.hero-gorsel{width:100%;height:auto}
.hero-yazi{
    position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;
    align-items:flex-start;gap:.15em;padding:5% 6%;pointer-events:none;
}
.hero-ust{
    color:var(--renk-ana);font-weight:900;text-transform:uppercase;
    font-size:clamp(.9rem,3.4vw,2rem);letter-spacing:.01em;text-shadow:0 2px 8px rgba(0,0,0,.6);
}
.hero-ana{
    color:#fff;font-weight:900;text-transform:uppercase;line-height:.95;
    font-size:clamp(1.7rem,8.2vw,4.6rem);text-shadow:0 4px 16px rgba(0,0,0,.65);
}
.hero-alt{
    color:#ff5a4d;font-weight:800;font-size:clamp(1.05rem,4.4vw,2.5rem);
    text-shadow:0 3px 10px rgba(0,0,0,.6);
}

/* ============================================================
   BÖLÜMLER
   ============================================================ */
.bolum{background:#fff}
.bolum-gorsel img{width:100%}
.bolum-metin{padding:30px 26px}
.bolum-metin h2{font-size:clamp(1.25rem,4.4vw,2.2rem);margin-bottom:.5em;color:var(--renk-koyu)}
.bolum-icerik{font-size:clamp(.95rem,2.7vw,1.12rem);color:#3a3a42;line-height:1.75}

.bolum-gorsel-metin{
    display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:24px;align-items:center;padding:28px 26px;
}
.bolum-gorsel-metin h2{font-size:clamp(1.2rem,4.2vw,2rem);margin-bottom:.45em;color:var(--renk-ana)}
.bgm-gorsel img{border-radius:var(--radius);width:100%}

.bolum-baslik{
    text-align:center;font-size:clamp(1.4rem,5.4vw,2.55rem);font-weight:800;color:#2b1a3d;
    padding:30px 20px 4px;position:relative;
}
.bolum-baslik::after{
    content:"";display:block;width:min(78%,520px);height:3px;background:#2b1a3d;
    margin:10px auto 0;border-radius:2px;
}

/* ============================================================
   ÖZELLİK LİSTESİ
   ============================================================ */
.ozellik-bolumu{background:#fff;padding:8px 0 28px}
.ozellik-liste{margin:18px 0 0;border-top:1px solid #f1e6dd}
.ozellik-liste li{
    display:flex;align-items:flex-start;gap:12px;padding:15px 26px;
    font-size:clamp(1rem,3.2vw,1.55rem);font-weight:500;color:#1f1f24;border-bottom:1px solid #f1e6dd;
}
.ozellik-liste li:nth-child(even){background:var(--renk-panel)}
.ozellik-liste li.vurgulu .ozellik-metin{color:var(--renk-ana);font-weight:800}
.ozellik-liste .tik{flex:0 0 auto;color:#151515;margin-top:.1em}
.ozellik-liste .tik svg{width:clamp(19px,3.4vw,28px);height:clamp(19px,3.4vw,28px)}
.ozellik-metin{flex:1 1 auto}

/* ---------- CTA ---------- */
.cta-alan{padding:26px 22px 8px;text-align:center}
.cta-buton{
    position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;
    width:min(100%,680px);padding:clamp(14px,3.4vw,22px) clamp(20px,5vw,44px);
    background:linear-gradient(180deg,#ffcc4d 0%,#f7a616 42%,#ec8a06 100%);
    color:#3a2205;font-weight:900;text-transform:uppercase;text-decoration:none;
    font-size:clamp(1.05rem,4.4vw,2.2rem);letter-spacing:.01em;border:0;border-radius:10px;
    box-shadow:0 6px 0 #c46f04,0 12px 24px rgba(0,0,0,.22);
    transition:transform .12s ease,box-shadow .12s ease;cursor:pointer;
}
.cta-buton:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 8px 0 #c46f04,0 16px 28px rgba(0,0,0,.26)}
.cta-buton:active{transform:translateY(3px);box-shadow:0 3px 0 #c46f04}
.cta-el{position:absolute;right:6px;bottom:-8px;pointer-events:none}
.cta-el svg{width:clamp(26px,6vw,42px);height:auto}
.cta-alt{margin-top:12px;font-size:.92rem;color:var(--renk-gri)}

/* ============================================================
   AVANTAJLAR
   ============================================================ */
.avantaj-bolumu{background:#fbe8e6;padding:34px 26px 40px}
.avantaj-izgara{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 34px}
.avantaj-baslik{
    font-size:clamp(1.15rem,4.4vw,2.25rem);font-weight:800;text-transform:uppercase;
    color:#141418;margin-bottom:.35em;line-height:1.05;
}
.avantaj-metin{font-size:clamp(.92rem,2.8vw,1.15rem);color:#3d3d45;margin:0;line-height:1.6}

/* ============================================================
   ANA SAYFA PAKETLERİ
   ============================================================ */
.anasayfa-paketler{background:#fff;padding:0 22px 34px}
.ap-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;margin-top:20px}
.ap-kart{
    display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;
    background:var(--renk-panel);border-radius:var(--radius);padding:18px 14px;
    text-decoration:none;color:#2b2b31;border:2px solid transparent;transition:.15s ease;
}
.ap-kart:hover{text-decoration:none;border-color:var(--renk-ana);transform:translateY(-3px)}
.ap-kart strong{font-size:1.15rem;font-weight:800}
.ap-fiyat{font-size:1.45rem;font-weight:900;color:var(--renk-ana)}
.ap-buton{
    margin-top:4px;background:var(--renk-ikinci);color:#fff;font-weight:800;
    padding:9px 24px;border-radius:8px;font-size:.96rem;letter-spacing:.03em;
}

/* ============================================================
   SİPARİŞ SAYFASI
   ============================================================ */
.siparis-ust img{width:100%}
.paket-bolumu{background:#fff;padding:0 0 34px}
.paket-listesi{padding:16px 22px 6px;display:flex;flex-direction:column;gap:20px}

.paket-kart{
    display:block;position:relative;background:var(--renk-panel);border-radius:18px;
    padding:clamp(16px,3.4vw,26px);cursor:pointer;border:3px solid transparent;
    box-shadow:0 4px 14px rgba(0,0,0,.07);transition:border-color .15s ease,box-shadow .15s ease;
}
.paket-kart:hover{box-shadow:0 8px 22px rgba(0,0,0,.12)}
.paket-kart.secili{border-color:var(--renk-vurgu)}
.paket-kart > input[type=radio]{position:absolute;opacity:0;width:1px;height:1px}
.paket-kart > input[type=radio]:focus-visible + .pk-ic{outline:3px solid #0a58ca;outline-offset:4px;border-radius:12px}

.pk-ic{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:center}
.pk-sol{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.pk-adet{
    font-size:clamp(1.5rem,6.4vw,3.1rem);font-weight:900;color:#151519;line-height:1;letter-spacing:-.02em;
}
.pk-urun{
    margin-top:.3em;font-size:clamp(1.05rem,4.2vw,2.05rem);font-weight:900;color:var(--renk-ana);
    text-transform:uppercase;line-height:1.05;
}
.pk-not{margin-top:.5em;font-size:clamp(.82rem,2.6vw,1.15rem);color:#8b8b93;font-weight:500;line-height:1.35}
.pk-fiyat{
    margin-top:.45em;font-size:clamp(1.5rem,6vw,3rem);font-weight:900;color:#111;line-height:1;
    display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;
}
.pk-fiyat s{font-size:.42em;color:#9a9aa2;font-weight:600}
.pk-buton{
    margin-top:.6em;display:inline-flex;align-items:center;justify-content:center;
    background:var(--renk-ikinci);color:#fff;font-weight:800;text-transform:uppercase;
    padding:clamp(9px,2vw,14px) clamp(20px,5vw,44px);border-radius:30px;
    font-size:clamp(.9rem,3.2vw,1.5rem);letter-spacing:.02em;transition:background .15s ease;
}
.pk-buton-aktif{display:none}
.paket-kart.secili .pk-buton{background:var(--renk-vurgu)}
.paket-kart.secili .pk-buton-pasif{display:none}
.paket-kart.secili .pk-buton-aktif{display:inline}
.pk-kargo{margin-top:.5em;font-size:clamp(.72rem,2.3vw,1rem);color:#5a5a62;font-weight:600;letter-spacing:.04em}

.pk-sag{display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:0}
.pk-durum{display:flex;align-items:center;gap:10px}
.pk-durum-yazi{font-weight:800;font-size:clamp(.76rem,2.5vw,1.1rem);color:#1a1a1f;white-space:nowrap}
.pk-durum-yazi .aktif{display:none}
.paket-kart.secili .pk-durum-yazi .pasif{display:none}
.paket-kart.secili .pk-durum-yazi .aktif{display:inline}
.pk-daire{
    width:clamp(28px,6.4vw,52px);height:clamp(28px,6.4vw,52px);border-radius:50%;
    background:var(--renk-ikinci);flex:0 0 auto;transition:background .15s ease;
    box-shadow:inset 0 -2px 6px rgba(0,0,0,.18);
}
.paket-kart.secili .pk-daire{background:var(--renk-vurgu)}
.pk-gorsel{width:100%;max-width:420px;margin-left:auto}

/* ---------- FORM ---------- */
.form-baslik{padding-top:34px}
.form-alanlari{padding:18px 22px 6px;display:flex;flex-direction:column;gap:14px}
.alan{position:relative}

.alan input[type=text],
.alan input[type=tel],
.alan input[type=email],
.alan textarea,
.alan select{
    width:100%;font-family:var(--font);font-size:clamp(1rem,3.2vw,1.32rem);color:#1f1f24;
    background:#fff;border:1.5px solid #cfcfd6;border-radius:6px;
    padding:clamp(13px,2.6vw,19px) clamp(14px,2.6vw,20px);
    appearance:none;-webkit-appearance:none;transition:border-color .15s ease,box-shadow .15s ease;
}
.alan textarea{min-height:120px;resize:vertical;line-height:1.5}
.alan select{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23555' d='M8 11.5 2.5 6h11z'/%3E%3C/svg%3E");
    background-repeat:no-repeat;background-position:right 16px center;padding-right:44px;cursor:pointer;
}
.alan input::placeholder,.alan textarea::placeholder{color:#9d9da6;opacity:1}
.alan input:focus,.alan textarea:focus,.alan select:focus{
    border-color:var(--renk-ana);box-shadow:0 0 0 3px rgba(192,38,30,.14);outline:none;
}

.telefon-alan{display:flex;align-items:stretch;gap:10px}
.ulke-kodu{
    flex:0 0 auto;display:flex;align-items:center;justify-content:center;
    border:1.5px solid #cfcfd6;border-radius:6px;padding:0 clamp(12px,2.4vw,18px);
    font-weight:600;color:#4a2a7a;font-size:clamp(1rem,3.2vw,1.32rem);background:#fff;
}
.telefon-alan input{flex:1 1 auto;min-width:0}

.onay-alan{padding-top:4px}
.onay-etiket{display:flex;align-items:flex-start;gap:10px;font-size:.95rem;color:#4a4a52;cursor:pointer;line-height:1.5}
.onay-etiket input{width:20px;height:20px;flex:0 0 auto;margin-top:2px;accent-color:var(--renk-ana)}
.onay-etiket a{text-decoration:underline}

.siparis-buton{
    display:block;width:calc(100% - 44px);margin:22px auto 0;
    background:linear-gradient(180deg,#e0342a,#a81c15);color:#fff;border:0;border-radius:10px;
    font-family:var(--font);font-weight:900;text-transform:uppercase;
    font-size:clamp(1.15rem,5vw,2.4rem);letter-spacing:.01em;
    padding:clamp(14px,3.4vw,24px) 18px;cursor:pointer;
    box-shadow:0 6px 0 #7d1310,0 12px 24px rgba(0,0,0,.2);transition:transform .12s ease,box-shadow .12s ease;
}
.siparis-buton:hover{transform:translateY(-2px);box-shadow:0 8px 0 #7d1310,0 16px 28px rgba(0,0,0,.24)}
.siparis-buton:active{transform:translateY(3px);box-shadow:0 3px 0 #7d1310}
.siparis-buton[disabled]{opacity:.7;cursor:progress}
.siparis-alt-bilgi{margin:16px 22px 0;text-align:center;font-size:.9rem;color:var(--renk-gri)}

/* ---------- UYARILAR ---------- */
.uyari{margin:16px 22px;padding:14px 18px;border-radius:10px;font-size:.98rem;line-height:1.6}
.uyari ul{margin:8px 0 0;padding-left:18px;list-style:disc}
.uyari-hata{background:#fdecea;border:1px solid #f3b7b1;color:#8c1c14}
.uyari-basari{background:#e9f8ee;border:1px solid #a9e0bd;color:#12622f}

/* ============================================================
   TEŞEKKÜR SAYFASI
   ============================================================ */
.tesekkur{padding:46px 24px 54px;text-align:center;background:#fff}
.tesekkur-ikon{color:var(--renk-vurgu);display:flex;justify-content:center;margin-bottom:14px}
.tesekkur h1{font-size:clamp(1.5rem,5.4vw,2.5rem);color:#1b1b1f;margin-bottom:.4em}
.tesekkur-metin{font-size:clamp(1rem,3vw,1.2rem);color:#4a4a52;max-width:640px;margin:0 auto 26px}
.tesekkur-kart{
    max-width:560px;margin:0 auto;background:var(--renk-panel);border-radius:var(--radius);
    padding:8px 20px;text-align:left;
}
.tk-satir{display:flex;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px dashed rgba(0,0,0,.14);font-size:.98rem}
.tk-satir:last-child{border-bottom:0}
.tk-satir span{color:#6c6c74}
.tk-satir strong{text-align:right;color:#1f1f24}
.tesekkur-iletisim{margin:22px 0 0;font-size:1rem}
.tesekkur-buton{margin-top:26px;width:auto;min-width:260px}

/* ============================================================
   SÖZLEŞME SAYFALARI
   ============================================================ */
.sozlesme{background:#fff;padding:36px clamp(20px,4vw,46px) 48px}
.sozlesme h1{font-size:clamp(1.4rem,4.8vw,2.3rem);color:#1f1f24;margin-bottom:.7em;padding-bottom:.4em;border-bottom:3px solid var(--renk-ana)}
.sozlesme-icerik{font-size:clamp(.95rem,2.6vw,1.06rem);line-height:1.8;color:#333}
.sozlesme-icerik h2{font-size:1.28em;margin:1.5em 0 .5em;color:var(--renk-ana)}
.sozlesme-icerik h3{font-size:1.1em;margin:1.3em 0 .4em;color:#222}
.sozlesme-icerik p{margin:0 0 1em}
.sozlesme-icerik ul,.sozlesme-icerik ol{margin:0 0 1em;padding-left:22px;list-style:disc}
.sozlesme-icerik ol{list-style:decimal}
.sozlesme-icerik li{margin-bottom:.45em}
.sozlesme-icerik table{width:100%;border-collapse:collapse;margin:0 0 1em}
.sozlesme-icerik th,.sozlesme-icerik td{border:1px solid var(--renk-cizgi);padding:9px 12px;text-align:left}
.sozlesme-liste{margin:0;font-size:1.1rem}
.sozlesme-liste li{padding:12px 0;border-bottom:1px solid var(--renk-cizgi)}
.sozlesme-guncelleme{margin-top:30px;font-size:.86rem;color:#8a8a92}

/* ============================================================
   FOOTER
   ============================================================ */
.site-alt{background:#dcdce1;padding:22px 20px 26px;text-align:center}
.alt-menu{font-size:clamp(.84rem,2.6vw,.98rem);color:#33333a;margin-bottom:10px}
.alt-menu a{color:#33333a;text-decoration:none}
.alt-menu a:hover{text-decoration:underline}
.alt-menu .ayirac{margin:0 8px;color:#8b8b93}
.alt-telif{margin:0;font-size:clamp(.8rem,2.5vw,.95rem);color:#4a4a52}
.alt-firma{margin:10px 0 0;font-size:.8rem;color:#6f6f78;line-height:1.6}

/* ---------- WhatsApp ---------- */
.whatsapp-buton{
    position:fixed;right:16px;bottom:16px;z-index:80;width:56px;height:56px;border-radius:50%;
    background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;
    box-shadow:0 6px 18px rgba(0,0,0,.28);
}
.whatsapp-buton:hover{text-decoration:none;transform:scale(1.06)}

/* ============================================================
   MOBİL DÜZENLEMELER
   ============================================================ */
@media (max-width:820px){
    .bolum-gorsel-metin{grid-template-columns:1fr}
    .avantaj-izgara{gap:24px}
}

@media (max-width:640px){
    .sayfa-cercevesi{box-shadow:none}
    .urun-basligi{padding:20px 16px 18px}
    .paket-listesi{padding:14px 14px 4px}
    .form-alanlari{padding:16px 14px 4px}
    .siparis-buton{width:calc(100% - 28px)}
    .uyari{margin:14px}
    .avantaj-bolumu{padding:26px 18px 30px}
    .avantaj-izgara{grid-template-columns:1fr}
    .ozellik-liste li{padding:13px 16px;gap:9px}
    .bolum-metin{padding:24px 16px}
    .bolum-gorsel-metin{padding:22px 16px}
    .cta-alan{padding:22px 14px 6px}
    .bolum-baslik{padding:24px 16px 4px}

    .pk-ic{grid-template-columns:1fr;gap:6px}
    .pk-sag{order:-1;align-items:stretch;flex-direction:column-reverse;gap:10px}
    .pk-durum{justify-content:space-between;width:100%}
    .pk-gorsel{max-width:100%;margin:0 auto}
    .pk-sol{align-items:stretch}
    .pk-fiyat{justify-content:flex-start}
    .pk-buton{width:100%}
    .telefon-alan{gap:8px}
    .site-alt{padding:20px 14px 24px}
    .tesekkur{padding:34px 16px 42px}
    .sozlesme{padding:26px 16px 36px}
}

@media (max-width:400px){
    .urun-rozet{width:70px;height:70px}
    .ust-serit-liste{gap:8px 14px}
}

/* ---------- Hareket azaltma ---------- */
@media (prefers-reduced-motion:reduce){
    *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* ---------- Yazdırma ---------- */
@media print{
    body{background:#fff}
    .whatsapp-buton,.cta-alan,.siparis-buton{display:none}
    .sayfa-cercevesi{box-shadow:none;max-width:100%}
}