:root{--mur:#2b2140;--mur2:#4a3a6b;--vurgu:#e8734a;--vurgu2:#d45f37;--zemin:#faf8f5;--zemin2:#f2ede6;--kart:#fff;--yazi:#1d1a22;--soluk:#655f6f;--cizgi:#e7e2ea;--ok:#2f8f5b;--hata:#b3261e;--golge:0 10px 30px rgba(43,33,64,.10)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--zemin);color:var(--yazi);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--mur2)}
img{max-width:100%}
.kap{max-width:1120px;margin:0 auto;padding:0 16px}
.gizli{display:none!important}
.kucuk{font-size:.9rem;color:var(--soluk)}
.not{font-size:.85rem;color:var(--soluk);border-top:1px solid var(--cizgi);padding-top:10px}

/* Üst çubuk */
.ust{background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--cizgi);position:sticky;top:0;z-index:5}
.ust .kap{display:flex;align-items:center;justify-content:space-between;height:60px}
.logo{font-weight:800;font-size:1.3rem;color:var(--mur);text-decoration:none}.logo span{color:var(--vurgu)}
nav{display:flex;gap:18px;align-items:center}nav a{text-decoration:none;color:var(--soluk)}
@media(max-width:640px){nav a{display:none}}

/* Düğmeler */
.dugme{background:var(--mur);color:#fff;border:0;border-radius:10px;padding:11px 18px;font:inherit;font-weight:600;cursor:pointer}
.dugme:hover{background:var(--mur2)}.dugme:disabled{opacity:.5;cursor:not-allowed}
.dugme.buyuk{padding:15px 28px;font-size:1.08rem;background:var(--vurgu);box-shadow:0 6px 18px rgba(232,115,74,.35)}.dugme.buyuk:hover{background:var(--vurgu2)}
.dugme.ikincil{background:#fff;color:var(--mur);border:1px solid var(--cizgi)}
.dugme.ince{padding:7px 14px}

/* Hero */
.kahraman{padding:44px 0 36px;background:linear-gradient(180deg,#fff 0%,var(--zemin) 100%)}
.kahraman-izgara{display:grid;grid-template-columns:1fr 1.15fr;gap:40px;align-items:center}
@media(max-width:900px){.kahraman-izgara{grid-template-columns:1fr;gap:26px}}
.kahraman h1{font-size:clamp(1.9rem,4.4vw,3rem);line-height:1.12;margin:0 0 16px;color:var(--mur);letter-spacing:-.01em}
.kahraman h1 span{color:var(--vurgu)}
.alt{font-size:1.1rem;color:var(--soluk);margin:0 0 22px;max-width:560px}
.alt.sol{max-width:none}
.kolaj{margin:0;display:grid;grid-template-columns:1fr auto 1.05fr;gap:12px;align-items:center}
.kolaj figcaption{grid-column:1/-1;text-align:center}
.kolaj img{display:block;width:100%;height:auto;border-radius:10px;box-shadow:var(--golge);background:#fff}
.kolaj-once,.kolaj-set>div,.yakin>div{position:relative}
.kolaj-ok{font-size:1.8rem;color:var(--vurgu);font-weight:800}
.kolaj-set{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.etiket{position:absolute;left:6px;bottom:6px;background:rgba(29,26,34,.78);color:#fff;font-size:.72rem;padding:2px 8px;border-radius:999px}
@media(max-width:520px){.kolaj{grid-template-columns:1fr}.kolaj-ok{transform:rotate(90deg);justify-self:center}}

/* Şerit */
.serit{background:var(--mur);color:#efe9f7;text-align:center;padding:12px 0;font-size:.95rem}

/* Bölümler */
.bolum{padding:52px 16px}
.bolum h2{font-size:clamp(1.5rem,3vw,2rem);color:var(--mur);margin:0 0 18px}
.adimlar3{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:760px){.adimlar3{grid-template-columns:1fr}}
.adimlar3 li{background:var(--kart);border:1px solid var(--cizgi);border-radius:16px;padding:20px}
.adimlar3 b{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--vurgu);color:#fff}
.adimlar3 h3{margin:10px 0 4px;color:var(--mur)}.adimlar3 p{margin:0;color:var(--soluk)}
.kanit{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;background:var(--zemin2);border-radius:20px;margin:0 auto;max-width:1088px}
@media(max-width:800px){.kanit{grid-template-columns:1fr}}
.yakin{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.yakin img{width:100%;border-radius:10px;display:block;box-shadow:var(--golge)}

/* Fiyat */
.paketler{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}
@media(max-width:900px){.paketler{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.paketler{grid-template-columns:1fr}}
.paket{position:relative;background:var(--kart);border:1px solid var(--cizgi);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:4px}
.paket h3{margin:0;color:var(--mur)}.paket p{margin:0}.paket .fiyat{font-size:1.7rem;font-weight:800;color:var(--yazi)}
.paket .dugme{margin-top:auto}
.paket.one{border:2px solid var(--vurgu);box-shadow:var(--golge)}
.paket .rozet{position:absolute;top:-12px;right:14px;background:var(--vurgu);color:#fff}
.paket .kucuk{margin-bottom:12px}

/* SSS ve kapanış */
details{background:var(--kart);border:1px solid var(--cizgi);border-radius:12px;padding:12px 16px;margin:8px 0}
summary{cursor:pointer;font-weight:600}
.kapanis{background:var(--mur);color:#fff;text-align:center;padding:48px 0}
.kapanis h2{margin:0 0 6px;font-size:clamp(1.5rem,3vw,2rem)}.kapanis p{color:#d9d0e8;margin:0 0 18px}
.alt-bilgi{border-top:1px solid var(--cizgi);padding:22px 0;color:var(--soluk);font-size:.9rem}
.alt-bilgi p{margin:4px 0}

/* Uygulama */
.uygulama{padding-top:10px}
.kart{background:var(--kart);border:1px solid var(--cizgi);border-radius:16px;padding:22px;margin:18px 0;box-shadow:var(--golge)}
.kart h2{margin:0 0 8px;color:var(--mur)}
.satir{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.rozet{background:#f1ecf6;color:var(--mur);border-radius:999px;padding:4px 12px;font-weight:600;font-size:.9rem}
form{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
input[type=email]{flex:1;min-width:220px;padding:11px;border:1px solid var(--cizgi);border-radius:10px;font:inherit}
.durum{min-height:1.4em;color:var(--soluk)}.durum.hata{color:var(--hata)}.durum.ok{color:var(--ok)}
.birak{display:block;border:2px dashed var(--cizgi);border-radius:14px;padding:26px;text-align:center;cursor:pointer;margin:12px 0;color:var(--soluk)}
.birak.uzerinde{border-color:var(--vurgu);background:#fff6f2}
.birak img{max-height:220px;max-width:100%;display:block;margin:0 auto}
.sahneler{border:0;padding:0;margin:10px 0;display:flex;flex-wrap:wrap;gap:8px}
.sahneler legend{font-weight:600;margin-bottom:6px}
.sahneler label{border:1px solid var(--cizgi);border-radius:999px;padding:6px 12px;cursor:pointer;user-select:none}
.sahneler label:has(input:checked){background:#f1ecf6;border-color:var(--mur2)}
.riza{display:block;font-size:.9rem;color:var(--soluk);margin:12px 0}
.izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin:14px 0}
.sonuc{border:1px solid var(--cizgi);border-radius:12px;padding:8px;background:var(--kart)}
.sonuc canvas{width:100%;height:auto;display:block;border-radius:8px}
.sonuc .ad{font-weight:600;margin:6px 0 2px}
.sonuc input[type=range]{width:100%}
.sonuc a{font-size:.9rem}
.sonuc .yenile{margin:6px 0;width:100%}
.gecmis{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
.gecmis-oge{border:1px solid var(--cizgi);border-radius:10px;background:var(--kart);padding:6px;cursor:pointer;text-align:left;color:var(--yazi);font:inherit;font-size:.82rem}
.gecmis-oge img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;display:block;margin-bottom:4px;background:var(--cizgi)}

/* Yasal sayfalar */
.yasal{padding:30px 16px;max-width:760px}
.tablo{border-collapse:collapse;margin:10px 0}.tablo th,.tablo td{border:1px solid var(--cizgi);padding:6px 12px;text-align:left}

@media (prefers-color-scheme: dark){
 :root{--zemin:#16131b;--zemin2:#1d1924;--kart:#201c27;--yazi:#eee9f2;--soluk:#b3abbd;--cizgi:#342d3f;--mur:#d9cdf0;--mur2:#bba8e0;--golge:0 10px 30px rgba(0,0,0,.35)}
 .ust{background:rgba(22,19,27,.9)}.kahraman{background:linear-gradient(180deg,#1b1721 0%,var(--zemin) 100%)}
 .dugme{color:#16131b}.dugme.ikincil{background:var(--kart);color:var(--mur)}
 .serit,.kapanis{background:#2a2236}.rozet,.sahneler label:has(input:checked){background:#2d2639}.birak.uzerinde{background:#2a2023}
 .paket .rozet{background:var(--vurgu);color:#fff}
}
.ornekler{display:grid;gap:18px}
.ornekler figure{margin:0;background:var(--kart);border:1px solid var(--cizgi);border-radius:16px;padding:12px}
.uclu{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.uclu img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;display:block;background:#fff}
.uclu img:nth-child(2){object-fit:contain}
.ornekler figcaption{font-weight:600;color:var(--mur);margin-top:8px}
.boylar{border:0;padding:0;margin:10px 0;display:flex;flex-wrap:wrap;gap:8px}
.boylar legend{font-weight:600;margin-bottom:6px}
.boylar label{border:1px solid var(--cizgi);border-radius:12px;padding:6px 12px;cursor:pointer;user-select:none}
.boylar label:has(input:checked){background:#f1ecf6;border-color:var(--mur2)}
@media (prefers-color-scheme: dark){.boylar label:has(input:checked){background:#2d2639}}