/* site/ana.css — YALNIZ ana sayfa (index.html). 22 Ekim 2026.
 *
 * NEDEN AYRI DOSYA: ortak.css'i alt sayfalar da (fiyat, durum, olcu, model,
 * accessibility) kullaniyor. Ana sayfanin yeni gorunumu oraya yazilsaydi
 * her degisiklikte bes sayfayi yeniden denetlemek gerekirdi. Buradaki her
 * kural `body.ana` ya da `a-` onekli siniflarla sinirli; alt sayfalara
 * hicbir sey sizmaz. CSP `style-src 'self'` oldugu icin satir ici stil
 * kullanilmiyor; her sey bu dosyada.
 *
 * TASARIM OKUMASI
 *   - Imza oge: kahramanin altindaki katmanli Alp sirti. En ondeki sirt
 *     KAGIT renginde, yani sayfanin kendisi karli yamac olarak devam ediyor.
 *     Arkadaki kesikli cizgi 0 °C donma seviyesi: uygulama riski yukseklige
 *     gore okuyor ve kisin buzlanmayi da hesaba katiyor (RiskEngine
 *     Thresholds.Freezing). Cizgi sus degil, bu fikrin isareti.
 *   - Cihaz cerceveleri tamamen CSS: titanyum kenar (gradyan cerceve),
 *     siyah bezel, Dynamic Island, cam parlamasi, yan tuslar. Ekstra gorsel
 *     dosya yok.
 *   - Risk renkleri (yesil/amber/kirmizi) burada HIC tanimli degil. Sayfada
 *     yalniz gercek ekran goruntulerinin icinde gorunurler (AGENTS.md 3.7).
 *   - Hareket: tek bir an. Kahramandaki telefon yuklenirken hafifce yukari
 *     cikar. prefers-reduced-motion'da hic hareket yok.
 *
 * TUZAK: Kahraman ve kapanis bandindaki sirtlar CSS arka plani (data: URI
 * SVG). Satir ici SVG olsaydi uc dil blogunda uc kez tekrar edecekti.
 * CSP'de img-src 'self' data: oldugu icin data: URI izinli.
 */

body.ana{
  --gece:#0f1925;
  --murekkep:#14202e;
  --mavi:#1c5da8;
  --acik:#7db0f2;
  --gri:#465465;
  --gri2:#b2bdca;
  --ikincil:#465465;   /* kagit uzerinde 7:1 */
  --vurgu:#1c5da8;     /* kagit uzerinde 6:1 */
  --yuzey:#ffffff;
}
@media (prefers-color-scheme:dark){
  body.ana{ --ikincil:#a9b4c1; --vurgu:#7db0f2; --yuzey:#151c24; }
}

/* ---------- ortak.css'in belge geleneklerini ana sayfada kapat ---------- */
:where(body.ana) h2::before{content:none}
:where(body.ana) h2{margin:0 0 18px;font-size:clamp(32px,4.1vw,54px);line-height:1.02;
  letter-spacing:-.012em;max-width:20ch;text-wrap:balance}
:where(body.ana) h3{letter-spacing:0}
:where(body.ana) p{max-width:62ch}

.a-ic{max-width:1180px;margin:0 auto;padding:0 32px}
@media (max-width:620px){ .a-ic{padding:0 20px} }

.a-gizli{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0}
.a-sprite{position:absolute;width:0;height:0;overflow:hidden}

body.ana main a:focus-visible,body.ana footer a:focus-visible{
  outline:3px solid var(--vurgu);outline-offset:3px;border-radius:4px}

/* ---------- ust bant: kunye + dizin gece gogunun ustunde ---------- */
.a-ust{background:var(--gece);color:#f4f5f1}
.a-bas{display:flex;align-items:center;gap:24px;padding-top:16px;padding-bottom:8px}
body.ana .kunye{border:0;padding:0;flex:none;gap:12px;align-items:center}
body.ana .kunye .mark{width:30px;height:30px;color:#f4f5f1}
body.ana .kunye b{font-size:25px;color:#f4f5f1}
body.ana .dizin{flex:1 1 auto;border:0;margin:0;align-items:center;flex-wrap:nowrap;min-width:0}
body.ana .dizin > a{color:#b2bdca;padding:10px 13px;border-bottom:0;margin:0}
body.ana .dizin > a:first-child{padding-left:13px}
body.ana .dizin > a:hover{color:#fff}
body.ana .dizin > a[aria-current="page"]{color:#fff;box-shadow:inset 0 -2px 0 var(--acik)}
body.ana .dizin > a:focus-visible{outline:3px solid var(--acik);outline-offset:2px}
body.ana .g-menu summary{border-color:rgba(178,189,202,.45);color:#e6eaef}
body.ana .g-menu summary::after{color:#b2bdca}
body.ana .g-menu[open] summary{border-color:#b2bdca;color:#fff}
body.ana .g-menu summary:focus-visible{outline-color:var(--acik)}
body.ana .dizin .diller{padding:0}
body.ana .dizin .diller button{color:#b2bdca;min-width:38px;min-height:38px;padding:6px 8px}
body.ana .dizin .diller button:hover{color:#fff}
body.ana .dizin .diller button[aria-pressed="true"]{color:#fff;box-shadow:inset 0 -2px 0 var(--acik)}
body.ana .dizin .diller button:focus-visible{outline:3px solid var(--acik);outline-offset:1px}
/* Telefonda tek satir: "Overview" ve "Plans" zaten acilir menude var. */
@media (max-width:620px){
  .a-bas{gap:10px}
  body.ana .dizin > a{display:none}
  body.ana .kunye b{font-size:22px}
  body.ana .dizin .diller button{min-width:34px;padding:6px 5px}
  body.ana .dizin .g-menu + .diller{margin-left:4px}
}

/* ---------- kahraman ---------- */
.a-kahraman{position:relative;isolation:isolate;overflow-x:clip;color:#f4f5f1;
  --dag:clamp(150px,21vw,320px);
  background:
    radial-gradient(52% 58% at 76% 70%,rgba(28,93,168,.46),rgba(28,93,168,0) 72%),
    linear-gradient(180deg,var(--gece) 0%,var(--murekkep) 40%,#1b3452 100%)}
.a-kahraman::before,.a-kahraman::after,.a-kapanis::before,.a-kapanis::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:var(--dag);
  background-repeat:repeat-x;background-size:auto 100%;background-position:center bottom;pointer-events:none}
.a-kahraman::before,.a-kapanis::before{z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' %3E%3Cpath fill='%232a4260' d='M0 124 L13 120 L25 123 L34 111 L43 107 L51 112 L58 108 L67 107 L73 103 L80 102 L87 104 L97 104 L109 99 L123 110 L136 117 L147 115 L160 118 L171 117 L180 107 L188 107 L194 102 L205 97 L213 88 L223 79 L235 69 L240 64 L246 68 L252 67 L263 69 L270 66 L278 60 L292 62 L300 64 L308 71 L313 70 L325 67 L333 67 L338 65 L344 68 L351 70 L361 77 L369 84 L375 83 L385 81 L391 78 L397 87 L403 90 L410 98 L420 104 L427 106 L431 102 L437 95 L442 88 L450 94 L461 95 L468 95 L475 89 L488 85 L496 83 L508 85 L521 80 L531 78 L539 83 L548 75 L560 74 L569 73 L575 66 L579 70 L585 69 L593 66 L597 60 L605 60 L614 60 L622 53 L633 55 L647 54 L656 50 L668 52 L679 47 L689 53 L700 52 L706 50 L710 54 L718 54 L727 58 L731 58 L737 56 L742 54 L748 53 L756 64 L767 68 L773 72 L779 76 L790 86 L800 88 L810 96 L820 96 L829 96 L839 95 L846 98 L854 109 L864 106 L874 109 L879 107 L887 100 L897 97 L911 94 L920 87 L928 79 L935 76 L943 73 L952 74 L960 70 L966 65 L975 59 L985 50 L998 44 L1003 40 L1007 36 L1015 40 L1021 41 L1032 39 L1040 39 L1053 43 L1064 48 L1075 44 L1085 37 L1097 39 L1110 40 L1116 47 L1122 47 L1132 59 L1141 64 L1152 67 L1158 75 L1172 86 L1184 89 L1190 91 L1194 98 L1201 96 L1210 95 L1218 90 L1231 88 L1239 92 L1250 92 L1258 93 L1264 88 L1272 90 L1282 88 L1288 80 L1294 78 L1302 83 L1307 80 L1315 86 L1325 84 L1331 79 L1338 73 L1345 77 L1349 75 L1354 76 L1360 78 L1365 74 L1371 73 L1378 75 L1387 80 L1393 74 L1397 75 L1403 76 L1409 77 L1413 79 L1418 83 L1422 91 L1425 99 L1427 113 L1431 119 L1436 125 L1440 124 L1440 320 L0 320Z'/%3E%3Cpath fill='%231c2f46' d='M0 190 L5 187 L14 179 L25 181 L35 178 L42 179 L54 178 L61 183 L68 185 L76 186 L84 180 L90 178 L99 175 L109 179 L116 178 L130 179 L140 176 L147 181 L152 179 L159 181 L168 180 L179 183 L186 181 L199 185 L212 185 L218 187 L222 188 L229 192 L235 198 L243 200 L250 201 L254 199 L260 196 L269 199 L274 196 L283 191 L290 187 L298 183 L303 178 L311 177 L320 171 L327 171 L338 167 L343 164 L350 159 L356 156 L362 156 L372 148 L380 140 L387 143 L393 140 L400 140 L409 146 L417 151 L426 152 L432 155 L439 162 L453 166 L462 168 L475 179 L489 184 L495 186 L502 185 L509 184 L520 184 L531 188 L539 187 L553 187 L563 188 L571 186 L578 186 L585 185 L594 184 L605 181 L613 175 L619 173 L624 166 L633 164 L643 167 L651 162 L660 160 L665 156 L671 154 L678 155 L685 156 L694 163 L704 167 L712 168 L716 170 L725 168 L737 172 L753 173 L764 181 L775 188 L784 194 L791 197 L800 196 L805 194 L813 198 L822 190 L830 188 L838 186 L843 188 L847 184 L852 185 L864 180 L875 176 L888 176 L900 175 L906 175 L911 168 L922 157 L930 150 L936 147 L942 149 L948 146 L957 143 L968 145 L976 150 L987 149 L1001 150 L1011 153 L1019 156 L1028 163 L1036 167 L1041 175 L1046 179 L1054 180 L1060 186 L1071 186 L1078 182 L1089 184 L1105 186 L1113 191 L1120 192 L1127 191 L1134 190 L1140 187 L1144 180 L1149 178 L1152 176 L1161 167 L1169 162 L1175 161 L1180 156 L1189 157 L1196 156 L1208 161 L1223 161 L1232 166 L1238 164 L1247 172 L1255 177 L1260 179 L1266 176 L1275 176 L1281 179 L1289 178 L1301 179 L1311 185 L1320 188 L1327 186 L1334 191 L1344 185 L1351 184 L1358 180 L1363 179 L1366 176 L1370 170 L1377 169 L1386 173 L1392 175 L1399 174 L1409 177 L1416 176 L1430 183 L1440 190 L1440 320 L0 320Z'/%3E%3C/svg%3E")}
/* On sirt 2 px asagi tasar: olcekli SVG'nin alt satiri yari saydam kalinca
   arka sirtin koyu kenari ince bir cizgi gibi gorunuyordu. */
.a-kahraman::after,.a-kapanis::after{bottom:-2px;height:calc(var(--dag) + 2px)}
.a-kahraman::after,.a-kapanis::after{z-index:2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' %3E%3Cpath fill='%23f4f5f1' d='M0 256 L15 258 L26 260 L37 257 L44 256 L51 257 L58 257 L70 256 L79 254 L88 249 L101 247 L113 245 L125 246 L139 249 L150 250 L162 249 L180 250 L197 250 L209 249 L221 251 L230 254 L237 253 L248 253 L257 255 L264 258 L278 259 L294 261 L305 263 L317 265 L332 265 L343 267 L349 266 L360 262 L377 264 L389 263 L403 261 L418 256 L431 250 L440 245 L455 244 L466 240 L479 239 L489 238 L499 240 L511 243 L520 240 L532 240 L546 238 L560 238 L571 238 L580 242 L590 247 L597 251 L607 255 L613 255 L627 254 L637 253 L649 254 L670 253 L687 250 L710 247 L726 248 L740 249 L749 252 L760 252 L767 248 L773 245 L778 243 L786 239 L795 239 L805 236 L813 233 L822 233 L834 233 L846 231 L856 231 L870 228 L881 229 L888 227 L895 225 L900 226 L909 226 L917 222 L925 218 L936 216 L942 214 L950 211 L959 211 L968 210 L975 206 L981 206 L984 202 L989 202 L993 197 L1000 195 L1006 197 L1010 196 L1015 194 L1022 193 L1027 189 L1034 188 L1039 186 L1045 183 L1054 180 L1062 177 L1067 174 L1073 173 L1076 174 L1082 174 L1087 170 L1092 167 L1095 162 L1100 160 L1104 159 L1109 158 L1114 157 L1117 158 L1122 156 L1125 153 L1129 148 L1132 145 L1135 146 L1138 145 L1143 149 L1148 152 L1151 151 L1155 152 L1157 150 L1160 146 L1164 147 L1169 149 L1174 153 L1180 153 L1186 156 L1189 160 L1194 166 L1197 170 L1201 171 L1206 173 L1210 177 L1216 179 L1220 180 L1223 178 L1227 178 L1230 176 L1238 180 L1244 183 L1250 187 L1260 191 L1265 192 L1272 195 L1277 198 L1281 205 L1286 205 L1295 209 L1302 208 L1308 210 L1312 213 L1318 214 L1323 219 L1330 222 L1341 223 L1350 222 L1359 225 L1365 226 L1371 225 L1375 227 L1383 228 L1390 229 L1396 228 L1402 230 L1408 235 L1412 237 L1417 240 L1425 245 L1433 252 L1440 256 L1440 320 L0 320Z'/%3E%3C/svg%3E")}
@media (prefers-color-scheme:dark){
  .a-kahraman::after,.a-kapanis::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' %3E%3Cpath fill='%230f141a' d='M0 256 L15 258 L26 260 L37 257 L44 256 L51 257 L58 257 L70 256 L79 254 L88 249 L101 247 L113 245 L125 246 L139 249 L150 250 L162 249 L180 250 L197 250 L209 249 L221 251 L230 254 L237 253 L248 253 L257 255 L264 258 L278 259 L294 261 L305 263 L317 265 L332 265 L343 267 L349 266 L360 262 L377 264 L389 263 L403 261 L418 256 L431 250 L440 245 L455 244 L466 240 L479 239 L489 238 L499 240 L511 243 L520 240 L532 240 L546 238 L560 238 L571 238 L580 242 L590 247 L597 251 L607 255 L613 255 L627 254 L637 253 L649 254 L670 253 L687 250 L710 247 L726 248 L740 249 L749 252 L760 252 L767 248 L773 245 L778 243 L786 239 L795 239 L805 236 L813 233 L822 233 L834 233 L846 231 L856 231 L870 228 L881 229 L888 227 L895 225 L900 226 L909 226 L917 222 L925 218 L936 216 L942 214 L950 211 L959 211 L968 210 L975 206 L981 206 L984 202 L989 202 L993 197 L1000 195 L1006 197 L1010 196 L1015 194 L1022 193 L1027 189 L1034 188 L1039 186 L1045 183 L1054 180 L1062 177 L1067 174 L1073 173 L1076 174 L1082 174 L1087 170 L1092 167 L1095 162 L1100 160 L1104 159 L1109 158 L1114 157 L1117 158 L1122 156 L1125 153 L1129 148 L1132 145 L1135 146 L1138 145 L1143 149 L1148 152 L1151 151 L1155 152 L1157 150 L1160 146 L1164 147 L1169 149 L1174 153 L1180 153 L1186 156 L1189 160 L1194 166 L1197 170 L1201 171 L1206 173 L1210 177 L1216 179 L1220 180 L1223 178 L1227 178 L1230 176 L1238 180 L1244 183 L1250 187 L1260 191 L1265 192 L1272 195 L1277 198 L1281 205 L1286 205 L1295 209 L1302 208 L1308 210 L1312 213 L1318 214 L1323 219 L1330 222 L1341 223 L1350 222 L1359 225 L1365 226 L1371 225 L1375 227 L1383 228 L1390 229 L1396 228 L1402 230 L1408 235 L1412 237 L1417 240 L1425 245 L1433 252 L1440 256 L1440 320 L0 320Z'/%3E%3C/svg%3E")}
}
/* 0 °C: arka sirtlarin onunde, on sirtin arkasinda. */
.a-sifir{position:absolute;left:0;right:0;bottom:calc(var(--dag) * .47);z-index:1;height:0;
  border-top:1.5px dashed rgba(125,176,242,.6)}
.a-sifir span{position:absolute;left:max(20px,calc(50% - 558px));bottom:7px;
  font:700 13px/1 "Archivo Narrow",sans-serif;letter-spacing:.04em;color:var(--acik)}

.a-k-izgara{position:relative;z-index:3;display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:32px;align-items:center;
  padding-top:clamp(36px,5.2vw,80px);padding-bottom:calc(var(--dag) * .5)}
.a-k-metin{padding-bottom:calc(var(--dag) * .12)}
.a-kahraman h1{font-size:clamp(44px,6vw,90px);line-height:.95;letter-spacing:-.014em;
  margin:0 0 26px;color:#fff;text-wrap:balance;max-width:none}
.a-lede{font-size:clamp(17.5px,1.5vw,20.5px);line-height:1.5;color:#c9d2dc;margin:0 0 34px;
  max-width:40ch}
.a-k-cihaz{display:flex;justify-content:center;margin-bottom:calc(var(--dag) * -.42)}
.a-k-cihaz .a-tel{--w:clamp(236px,21.5vw,312px);
  transform:perspective(1900px) rotateY(-15deg) rotateX(4deg) rotate(2deg);transform-origin:50% 62%}
@media (prefers-reduced-motion:no-preference){
  .a-k-cihaz .a-tel{animation:a-yuksel 1.1s cubic-bezier(.2,.7,.2,1) .15s both}
}
@keyframes a-yuksel{from{opacity:0;translate:0 40px}to{opacity:1;translate:0 0}}

/* App Store dugmesi: rozet gorseli yok (Apple rozeti indirilmez, taklit de
   edilmez); duz metin dugme, yaninda kendi uygulama simgemiz. */
.a-indir{display:inline-flex;align-items:center;gap:13px;min-height:58px;
  padding:10px 24px 10px 11px;border-radius:16px;background:#f4f5f1;color:#14202e;
  text-decoration:none;font-weight:700;font-size:17px;line-height:1.2;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 12px 30px -12px rgba(0,0,0,.7);
  transition:background-color .15s ease,transform .15s ease}
.a-indir img{width:38px;height:38px;border-radius:9px;display:block;flex:none;
  box-shadow:0 0 0 1px rgba(20,32,46,.14)}
.a-indir:hover{background:#fff;transform:translateY(-1px)}
.a-indir:focus-visible{outline:3px solid var(--acik);outline-offset:3px}
@media (prefers-reduced-motion:reduce){
  .a-indir{transition:none}
  .a-indir:hover{transform:none}
}

.a-gercek{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;
  gap:8px 20px;font-size:14.5px;line-height:1.25;color:#b2bdca;max-width:none}
.a-gercek li{margin:0;display:flex;align-items:center;gap:8px}
.a-gercek li::before{content:"";width:5px;height:5px;flex:none;background:var(--acik)}

/* ---------- iPhone cercevesi ----------
   Olculer genislige (--w) baglı; her boyutta ayni oranlar.
   Dynamic Island ekran goruntusunde zaten var (377x820 icinde x 131-245,
   y 14-46); CSS adasi tam ustune oturuyor ve keskinlestiriyor.        */
.a-tel{--w:280px;position:relative;width:var(--w);margin:0;flex:none}
.a-tel-govde{position:relative;padding:calc(var(--w) * .03);border-radius:calc(var(--w) * .172);
  border:calc(var(--w) * .013) solid transparent;
  background:
    linear-gradient(#07090c,#07090c) padding-box,
    linear-gradient(140deg,#eceef0 0%,#9aa1a8 17%,#d6dadd 38%,#6e757c 62%,#c4c9cd 82%,#8c939a 100%) border-box;
  box-shadow:0 1px 2px rgba(0,0,0,.24),0 16px 30px -14px rgba(0,0,0,.42),
    0 48px 80px -38px rgba(3,10,20,.5)}
.a-tel-ekran{position:relative;overflow:hidden;border-radius:calc(var(--w) * .135);
  aspect-ratio:377/820;background:#000}
.a-tel-ekran img{display:block;width:100%;height:100%;object-fit:cover}
.a-tel-ekran::before{content:"";position:absolute;z-index:2;top:1.55%;left:34.5%;
  width:31%;height:4.25%;border-radius:999px;background:#000}
.a-tel-ekran::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;
  background:linear-gradient(118deg,rgba(255,255,255,.17) 0%,rgba(255,255,255,.05) 24%,rgba(255,255,255,0) 40%)}
/* yan tuslar: solda eylem + ses, sagda yan tus */
.a-tel-govde::before,.a-tel-govde::after,.a-tel::before{content:"";position:absolute;
  width:calc(var(--w) * .014);background:linear-gradient(90deg,#868d94,#cfd3d6)}
.a-tel-govde::before{left:calc(var(--w) * -.027);top:17%;height:5%;border-radius:3px 0 0 3px}
.a-tel-govde::after{left:calc(var(--w) * -.027);top:25.5%;height:8.5%;border-radius:3px 0 0 3px;
  box-shadow:0 calc(var(--w) * .25) 0 0 #a7adb3}
.a-tel::before{right:calc(var(--w) * -.014);top:28%;height:13%;border-radius:0 3px 3px 0;
  background:linear-gradient(90deg,#cfd3d6,#868d94)}
/* zemine dusen yumusak golge */
.a-tel::after{content:"";position:absolute;z-index:-1;left:10%;right:10%;bottom:-4.5%;height:8%;
  background:radial-gradient(closest-side,rgba(5,12,22,.5),rgba(5,12,22,0))}

/* ---------- Apple Watch cercevesi ---------- */
.a-saat{--w:170px;position:relative;width:var(--w);margin:0;flex:none}
.a-saat-kasa{position:relative;z-index:1;padding:calc(var(--w) * .05);border-radius:calc(var(--w) * .25);
  border:calc(var(--w) * .03) solid transparent;
  background:
    linear-gradient(#050608,#050608) padding-box,
    linear-gradient(150deg,#f0f2f3 0%,#9ba2a9 22%,#dadee1 46%,#6c737a 72%,#b9bec3 100%) border-box;
  box-shadow:0 1px 2px rgba(0,0,0,.3),0 18px 34px -14px rgba(0,0,0,.55),0 40px 70px -30px rgba(3,10,20,.6)}
.a-saat-ekran{overflow:hidden;border-radius:calc(var(--w) * .17);aspect-ratio:352/420;background:#000}
.a-saat-ekran img{display:block;width:100%;height:100%;object-fit:cover}
/* Digital Crown ve yan tus */
.a-saat-kasa::after{content:"";position:absolute;right:calc(var(--w) * -.072);top:21%;
  width:calc(var(--w) * .052);height:17%;border-radius:2px 5px 5px 2px;
  background:repeating-linear-gradient(180deg,#959ca3 0 1.5px,#d9dde0 1.5px 3px)}
.a-saat-kasa::before{content:"";position:absolute;right:calc(var(--w) * -.044);top:51%;
  width:calc(var(--w) * .024);height:22%;border-radius:0 3px 3px 0;
  background:linear-gradient(90deg,#cfd3d6,#868d94)}
/* kayis: kasanin altinda, uclara dogru soner */
.a-saat::before,.a-saat::after{content:"";position:absolute;left:15%;right:15%;height:44%;z-index:0;
  background:linear-gradient(90deg,#1b2938 0%,#2f445c 50%,#1b2938 100%)}
.a-saat::before{bottom:86%;border-radius:14px 14px 0 0;
  -webkit-mask-image:linear-gradient(to top,#000 35%,transparent);mask-image:linear-gradient(to top,#000 35%,transparent)}
.a-saat::after{top:86%;border-radius:0 0 14px 14px;
  -webkit-mask-image:linear-gradient(to bottom,#000 35%,transparent);mask-image:linear-gradient(to bottom,#000 35%,transparent)}

/* ---------- bolumler ---------- */
.a-bolum{padding:clamp(72px,9vw,128px) 0;overflow-x:clip}
.a-giris{font-size:clamp(17.5px,1.5vw,20px);line-height:1.55;color:var(--ikincil);margin:0}

/* tek hukum + etkenler */
.a-iki{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 64px;align-items:end}
.a-iki h2{margin:0;max-width:none}
.a-hukum-ust{margin-bottom:36px;padding-bottom:40px;border-bottom:2px solid var(--ink)}
.a-etken-giris{font-size:17px;line-height:1.55;margin:0 0 40px;max-width:66ch}
.a-etkenler{list-style:none;margin:0;padding:0;max-width:none;display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 52px}
.a-etkenler li{margin:0}
.a-etkenler svg{display:block;width:32px;height:32px;color:var(--vurgu);margin:0 0 14px}
.a-etkenler h3{font-size:22px;line-height:1.15;margin:0 0 6px}
.a-etkenler p{margin:0;font-size:15.5px;line-height:1.5;color:var(--ikincil)}

/* durust bosluk: kiyas */
.a-durust{background:var(--paper2)}
.a-kiyas{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-top:52px}
.a-kiyas > div{border-radius:22px;padding:28px 30px 30px;display:flex;flex-direction:column;min-height:250px}
.a-kiyas p{margin:0;font-size:15.5px;line-height:1.5}
.a-kiyas .a-et{font-size:14.5px;font-weight:600}
.a-kiyas .a-deger{font-family:"Archivo Narrow",ui-sans-serif,system-ui,sans-serif;font-weight:700;
  font-size:clamp(34px,4.4vw,60px);line-height:1;letter-spacing:-.01em;margin:auto 0 14px;
  padding-top:40px;overflow-wrap:break-word}
.a-oteki{background:var(--paper);border:1px solid var(--rule)}
.a-oteki .a-et,.a-oteki p{color:var(--ikincil)}
.a-oteki .a-deger{color:var(--ikincil)}
/* "Guvenli" bos bir kabuk gibi: yalniz kontur. Yesil BILEREK yok. */
@supports (-webkit-text-stroke:1px #000){
  .a-oteki .a-deger{color:transparent;-webkit-text-stroke:1.5px var(--ikincil)}
}
.a-biz{background:var(--murekkep);color:#f4f5f1;
  box-shadow:0 24px 50px -28px rgba(10,20,35,.55)}
.a-biz .a-et{color:#b2bdca}
.a-biz .a-deger{color:#fff}
.a-biz p{color:#c9d2dc}
.a-biz .blaze{margin:0 0 0 auto;width:54px;height:8px}
.a-biz .blaze i:nth-child(1),.a-biz .blaze i:nth-child(3){background:#f4f5f1}
.a-biz .blaze i:nth-child(2){background:var(--acik)}
.a-biz .a-ust-satir{display:flex;align-items:center;gap:12px}
@media (prefers-color-scheme:dark){
  .a-biz{background:#1a2738;border:1px solid rgba(125,176,242,.22)}
}

/* urun turu */
.a-satir{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(36px,6vw,96px);align-items:center}
.a-satir + .a-satir{margin-top:clamp(80px,10vw,150px)}
.a-satir.ters .a-gorsel{order:-1}
.a-gorsel{display:flex;justify-content:center;position:relative}
.a-yazi p{font-size:17.5px;line-height:1.55;color:var(--ikincil);margin:0 0 14px;max-width:44ch}
.a-yazi .a-not{font-size:15px;margin-top:18px;padding-left:14px;border-left:2px solid var(--vurgu)}
.a-yazi h3{font-size:clamp(25px,2.4vw,32px);line-height:1.08;margin:48px 0 12px;
  padding-top:30px;border-top:1px solid var(--rule)}
.a-gorsel .a-tel{--w:clamp(236px,22vw,290px)}
.a-gorsel .a-tel.a-sag{transform:rotate(2.5deg)}
.a-ikili{padding:0 clamp(56px,7vw,96px) 30px 0}
.a-ikili .a-tel{transform:rotate(-3deg)}
.a-ikili .a-saat{--w:clamp(128px,12.5vw,170px);position:absolute;right:0;bottom:6%;
  transform:rotate(6deg);z-index:2}
.a-tur .a-tel::after{background:radial-gradient(closest-side,rgba(20,32,46,.32),rgba(20,32,46,0))}

/* ucretsiz ve pro */
.a-fiyat-izgara{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:clamp(36px,5vw,72px);align-items:start;margin-top:44px}
.a-sar{overflow-x:auto}
table.a-tablo{width:100%;border-collapse:collapse;font-size:16px}
.a-tablo th,.a-tablo td{padding:15px 8px;border-bottom:1px solid var(--rule);text-align:left;
  vertical-align:middle;font-weight:400}
.a-tablo thead th{font-family:"Archivo Narrow",ui-sans-serif,system-ui,sans-serif;font-size:21px;
  line-height:26px;font-weight:700;border-bottom:2px solid var(--ink);padding-top:0;padding-bottom:12px}
.a-tablo th:first-child{padding-left:0}
.a-tablo td,.a-tablo thead th + th{text-align:center;width:24%}
.a-tablo td{color:var(--ikincil);font-size:15px}
.a-tablo svg{width:24px;height:24px;color:var(--vurgu);vertical-align:middle}
.a-tablo .a-yok{color:var(--ikincil)}

.a-fiyatlar{list-style:none;margin:38px 0 0;padding:0;max-width:none;border-top:2px solid var(--ink)}
.a-fiyatlar li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 18px;align-items:center;
  margin:0;padding:18px 0;border-bottom:1px solid var(--rule)}
.a-fiyatlar .a-ad{font-weight:600;font-size:16px}
.a-fiyatlar .a-tutar{grid-column:2;grid-row:1 / span 2;font-family:"Archivo Narrow",ui-sans-serif,system-ui,sans-serif;
  font-weight:700;font-size:clamp(30px,3vw,38px);line-height:1;letter-spacing:-.01em}
.a-fiyatlar .a-ek{font-size:14.5px;line-height:1.4;color:var(--ikincil)}
/* acilis fiyati satiri: geri sayim yok, yalniz bitis tarihi */
.a-fiyatlar li.a-omur{margin-top:14px;padding:20px 20px 20px 22px;border:0;border-radius:16px;
  background:var(--paper2);box-shadow:inset 3px 0 0 var(--vurgu)}
.a-fiyatlar li.a-omur .a-tutar{color:var(--vurgu)}
.a-bagla{margin:18px 0 0;font-size:16px;font-weight:600}
.a-bagla a{display:inline-block;padding:10px 0}

/* kim yapti */
.a-kim{padding:clamp(64px,8vw,112px) 0;border-top:1px solid var(--rule)}
.a-kim .a-ic{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 64px;align-items:start}
.a-kim .blaze{grid-column:1 / -1;margin:0}
.a-kim-bas{font-family:"Archivo Narrow",ui-sans-serif,system-ui,sans-serif;font-weight:700;
  font-size:clamp(30px,3.4vw,44px);line-height:1.05;letter-spacing:-.01em;margin:0;text-wrap:balance}
.a-kim-metin{font-size:17.5px;line-height:1.6;color:var(--ikincil);margin:0}

/* kapanis bandi: kahramanin kisa yankisi */
.a-kapanis{position:relative;isolation:isolate;overflow:hidden;color:#f4f5f1;text-align:center;
  --dag:clamp(120px,17vw,240px);
  padding:clamp(76px,9vw,124px) 0 calc(var(--dag) * 1.05);
  background:
    radial-gradient(46% 70% at 50% 92%,rgba(28,93,168,.42),rgba(28,93,168,0) 72%),
    linear-gradient(180deg,var(--gece) 0%,#1b3452 100%)}
.a-kapanis .a-ic{position:relative;z-index:3}
.a-kapanis h2{color:#fff;margin:0 auto 30px;max-width:16ch}
.a-kapanis .a-gercek{justify-content:center}

.a-son-blok{padding-top:44px}
.a-ulke{font-size:15px;color:var(--ikincil);margin:0}
.a-alt{padding-bottom:40px}

/* ---------- dar ekranlar ---------- */
@media (max-width:900px){
  .a-etkenler{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 32px}
  .a-iki{grid-template-columns:1fr}
  .a-hukum-ust{padding-bottom:32px}
  .a-fiyat-izgara{grid-template-columns:1fr}
  .a-fiyatlar{margin-top:0}
  .a-kim .a-ic{grid-template-columns:1fr}
}
@media (max-width:820px){
  .a-k-izgara{grid-template-columns:1fr;gap:44px}
  .a-k-metin{padding-bottom:0}
  .a-k-cihaz .a-tel{transform:rotate(-3deg)}
  .a-satir{grid-template-columns:1fr;gap:40px}
  .a-satir.ters .a-gorsel{order:0}
  .a-kiyas{grid-template-columns:1fr}
  .a-kiyas > div{min-height:0}
}
@media (max-width:560px){
  .a-etkenler{grid-template-columns:1fr;gap:26px}
  .a-etkenler li{display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:16px}
  .a-etkenler svg{grid-row:1 / span 2;margin:2px 0 0}
  .a-gercek{font-size:14px;column-gap:16px}
  .a-kiyas > div{padding:24px 22px 26px}
  .a-kiyas .a-deger{font-size:clamp(30px,9vw,40px);padding-top:28px}
  .a-tablo th,.a-tablo td{padding:13px 4px}
  .a-tablo thead th{font-size:19px}
  .a-tablo td,.a-tablo thead th + th{width:27%}
  .a-tablo td{font-size:14px}
  .a-fiyatlar li.a-omur{padding:18px 16px 18px 18px}
  .a-ikili{padding-right:44px}
  .a-tel,.a-gorsel .a-tel,.a-k-cihaz .a-tel{--w:min(236px,calc(100vw - 120px))}
}
/* 320 px (WCAG yeniden akis): kelime isareti gizlenir, dag isareti kalir;
   "Sections" dugmesi ve dil dugmeleri sikisir. */
@media (max-width:359px){
  body.ana .kunye b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  body.ana .g-menu summary{padding:6px 10px;font-size:12.5px;gap:5px}
  body.ana .dizin .diller button{min-width:30px;padding:6px 4px}
}