@font-face { font-family: "Overpass"; src: url(../font/Overpass-latin.woff2) format("woff2"); font-weight: 100 900; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Overpass"; src: url(../font/Overpass-latin-ext.woff2) format("woff2"); font-weight: 100 900; font-display: swap; unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Overpass"; src: url(../font/Overpass-vietnamese.woff2) format("woff2"); font-weight: 100 900; font-display: swap; unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: "Overpass"; src: url(../font/Overpass-cyrillic.woff2) format("woff2"); font-weight: 100 900; font-display: swap; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Overpass"; src: url(../font/Overpass-cyrillic-ext.woff2) format("woff2"); font-weight: 100 900; font-display: swap; unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: "Overpass Yedek"; src: local("Arial"), local("ArialMT"), local("Helvetica Neue"), local("Helvetica"), local("Roboto"); size-adjust: 98%; ascent-override: 90%; descent-override: 39%; line-gap-override: 0%; }

:root {
  color-scheme: dark;
  --zemin: #121925;
  --zemin-2: #19222F;
  --zemin-3: #222D3E;
  --zemin-4: #2D3A4F;
  --cizgi: #2A3547;
  --cizgi-2: #3A475D;
  --alan-cizgi: #5B6982;
  --metin: #E8ECF3;
  --metin-2: #C3CBD9;
  --soluk: #93A0B7;
  --ana: #F5C344;
  --ana-acik: #FFD46E;
  --ana-koyu: #DDA923;
  --ana-uzeri: #1B1606;
  --ana-yumusak: rgba(245, 195, 68, .14);
  --ana-cizgi: rgba(245, 195, 68, .45);
  --odak-renk: #F5C344;
  --serit-flatrate: #F5C344;
  --serit-free: #4FD08F;
  --serit-ads: #6CB4FF;
  --serit-rent: #C7A6FF;
  --serit-buy: #FF9E80;
  --serit-uzeri: #10141C;
  --ucretsiz-uzeri: #04210F;
  --basari: #4FD08F;
  --hata: #FF6B6B;
  --hata-metin: #FF8A8A;
  --uyari: #F5C344;
  --bilgi: #6CB4FF;
  --yildiz-bos: #5B6982;
  --toast-eylem: #8A6100;
  --karart: rgba(8, 12, 19, .72);
  --gorsel-zemin: #1E2836;
  --kart-cerceve: rgba(255, 255, 255, .06);
  --menu-zemin: #19222F;
  --zemin-cam: rgba(18, 25, 37, .94);
  --iskelet-a: #1E2836;
  --iskelet-b: #2A3547;
  --reklam-etiket: #93A0B7;
  --reklam-zemin: #19222F;
  --reklam-cizgi: #2A3547;
  --oynatici-zemin: #000;
  --oynatici-karart: rgba(0, 0, 0, .78);

  --golge-1: 0 1px 2px rgba(3, 7, 14, .4);
  --golge-2: 0 12px 28px rgba(3, 7, 14, .5);
  --golge-3: 0 24px 56px rgba(3, 7, 14, .6);
  --golge: var(--golge-2);

  --b0: 0;
  --b1: 4px;
  --b2: 8px;
  --b3: 12px;
  --b4: 16px;
  --b5: 20px;
  --b6: 24px;
  --b7: 28px;
  --b8: 32px;
  --b10: 40px;
  --b12: 48px;
  --b14: 56px;
  --b16: 64px;
  --b20: 80px;

  --gosterim: "Overpass", "Overpass Yedek", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --govde-yazi: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --yazi-12: 12px;
  --yazi-13: 13px;
  --yazi-14: 14px;
  --yazi-16: 16px;
  --yazi-18: 18px;
  --yazi-22: clamp(19px, 1.05rem + .45vw, 22px);
  --yazi-28: clamp(21px, 1.05rem + 1.1vw, 28px);
  --yazi-36: clamp(26px, 1.1rem + 2.2vw, 36px);
  --yazi-48: clamp(28px, .9rem + 3.4vw, 48px);
  --yazi-64: clamp(36px, .8rem + 5.4vw, 64px);
  --sh-siki: 1.02;
  --sh-baslik: 1.12;
  --sh-orta: 1.35;
  --sh-govde: 1.55;
  --sh-uzun: 1.7;
  --ag-normal: 400;
  --ag-orta: 600;
  --ag-kalin: 700;
  --ag-agir: 800;
  --ag-siyah: 900;
  --harf-baslik: -.02em;
  --harf-gosterim: -.035em;

  --r-xs: 4px;
  --r-s: 6px;
  --r-m: 10px;
  --r-l: 16px;
  --r-yuvarlak: 999px;
  --yaricap: var(--r-m);

  --k-ince: 1px;
  --k-kalin: 2px;

  --sure-hizli: 120ms;
  --sure-orta: 180ms;
  --sure-yavas: 240ms;
  --egri: cubic-bezier(.2, 0, 0, 1);
  --egri-gir: cubic-bezier(.3, 0, .8, .15);
  --egri-cik: cubic-bezier(.05, .7, .1, 1);

  --odak-kalinlik: 3px;
  --odak-bosluk: 2px;

  --z-taban: 1;
  --z-ray-ok: 2;
  --z-yapiskan: 44;
  --z-ust: 60;
  --z-acilir: 70;
  --z-cekmece: 80;
  --z-izin: 90;
  --z-modal: 110;
  --z-toast: 120;
  --z-atla: 200;

  --kap: 1320px;
  --kap-orta: 1080px;
  --kap-dar: 760px;
  --kenar: 16px;
  --sutun: 4;
  --oluk: 12px;
  --ust-yuk: 60px;
  --alt-bar-yuk: 0px;
  --alt-dolu: 0px;
  --guvenli-alt: env(safe-area-inset-bottom, 0px);
  --guvenli-bas: env(safe-area-inset-left, 0px);
  --guvenli-son: env(safe-area-inset-right, 0px);
  --kart-gen: 138px;
  --kart-min: 104px;
  --kart-bosluk: 12px;
  --oran-afis: 2 / 3;
  --oran-fon: 16 / 9;
  --oran-avatar: 1 / 1;
  --dokunma: 44px;
}
:root[data-theme="light"] {
  color-scheme: light;
  --zemin: #F2F4F8;
  --zemin-2: #FFFFFF;
  --zemin-3: #E7EBF2;
  --zemin-4: #D9DFEA;
  --cizgi: #D9DFE9;
  --cizgi-2: #C3CCDA;
  --alan-cizgi: #7A8599;
  --metin: #131A28;
  --metin-2: #2E384B;
  --soluk: #566279;
  --ana-acik: #8A6100;
  --ana-yumusak: rgba(245, 195, 68, .22);
  --ana-cizgi: rgba(176, 125, 0, .55);
  --odak-renk: #8A6100;
  --serit-flatrate: #8A6100;
  --serit-free: #0F7A47;
  --serit-ads: #1D6FC4;
  --serit-rent: #7B4FD3;
  --serit-buy: #B0451F;
  --serit-uzeri: #FFFFFF;
  --ucretsiz-uzeri: #FFFFFF;
  --basari: #0F7A47;
  --hata: #C62F2F;
  --hata-metin: #B42323;
  --bilgi: #1D6FC4;
  --yildiz-bos: #7A8599;
  --toast-eylem: #F5C344;
  --karart: rgba(19, 26, 40, .55);
  --gorsel-zemin: #DCE2EC;
  --kart-cerceve: rgba(19, 26, 40, .08);
  --menu-zemin: #FFFFFF;
  --zemin-cam: rgba(242, 244, 248, .94);
  --iskelet-a: #E2E7EF;
  --iskelet-b: #EEF1F6;
  --reklam-zemin: #FFFFFF;
  --reklam-cizgi: #D9DFE9;
  --golge-1: 0 1px 2px rgba(30, 41, 61, .08);
  --golge-2: 0 12px 28px rgba(30, 41, 61, .14);
  --golge-3: 0 24px 56px rgba(30, 41, 61, .22);
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    color-scheme: light;
    --zemin: #F2F4F8;
    --zemin-2: #FFFFFF;
    --zemin-3: #E7EBF2;
    --zemin-4: #D9DFEA;
    --cizgi: #D9DFE9;
    --cizgi-2: #C3CCDA;
    --alan-cizgi: #7A8599;
    --metin: #131A28;
    --metin-2: #2E384B;
    --soluk: #566279;
    --ana-acik: #8A6100;
    --ana-yumusak: rgba(245, 195, 68, .22);
    --ana-cizgi: rgba(176, 125, 0, .55);
    --odak-renk: #8A6100;
    --serit-flatrate: #8A6100;
    --serit-free: #0F7A47;
    --serit-ads: #1D6FC4;
    --serit-rent: #7B4FD3;
    --serit-buy: #B0451F;
    --serit-uzeri: #FFFFFF;
    --ucretsiz-uzeri: #FFFFFF;
    --basari: #0F7A47;
    --hata: #C62F2F;
    --hata-metin: #B42323;
    --bilgi: #1D6FC4;
    --yildiz-bos: #7A8599;
    --toast-eylem: #F5C344;
    --karart: rgba(19, 26, 40, .55);
    --gorsel-zemin: #DCE2EC;
    --kart-cerceve: rgba(19, 26, 40, .08);
    --menu-zemin: #FFFFFF;
    --zemin-cam: rgba(242, 244, 248, .94);
    --iskelet-a: #E2E7EF;
    --iskelet-b: #EEF1F6;
    --reklam-zemin: #FFFFFF;
    --reklam-cizgi: #D9DFE9;
    --golge-1: 0 1px 2px rgba(30, 41, 61, .08);
    --golge-2: 0 12px 28px rgba(30, 41, 61, .14);
    --golge-3: 0 24px 56px rgba(30, 41, 61, .22);
  }
}
@media (min-width: 568px) { :root { --kenar: 24px; --sutun: 8; --oluk: 16px; --kart-gen: 150px; --kart-min: 132px; --kart-bosluk: 14px; } }
@media (min-width: 800px) { :root { --kart-min: 150px; --kart-bosluk: 16px; } }
@media (min-width: 1024px) { :root { --kenar: 40px; --sutun: 12; --oluk: 24px; --kart-gen: 168px; --kart-min: 160px; --kart-bosluk: 18px; --ust-yuk: 68px; } }
@media (min-width: 1680px) { :root { --kap: 1560px; --kenar: 48px; --kart-gen: 184px; --kart-min: 176px; --kart-bosluk: 20px; --yazi-64: 76px; --yazi-48: 54px; } }
@media (min-width: 2200px) { :root { --kap: 1840px; --kenar: 56px; --kart-gen: 200px; --kart-min: 192px; --kart-bosluk: 24px; --yazi-64: 88px; --yazi-48: 60px; --yazi-16: 17px; } }

:lang(ar), :lang(fa), :lang(he) { --gosterim: "Segoe UI", Tahoma, "Noto Sans Arabic", "Geeza Pro", system-ui, sans-serif; --harf-baslik: 0; --harf-gosterim: 0; }
:lang(hi) { --gosterim: "Nirmala UI", "Noto Sans Devanagari", "Kohinoor Devanagari", system-ui, sans-serif; --govde-yazi: "Nirmala UI", "Noto Sans Devanagari", system-ui, sans-serif; --harf-baslik: 0; --harf-gosterim: 0; }
:lang(th) { --gosterim: "Leelawadee UI", "Noto Sans Thai", Thonburi, system-ui, sans-serif; --govde-yazi: "Leelawadee UI", "Noto Sans Thai", Thonburi, system-ui, sans-serif; --harf-baslik: 0; --harf-gosterim: 0; --sh-siki: 1.25; --sh-baslik: 1.3; }
:lang(ja) { --gosterim: "Overpass", "Hiragino Sans", "Yu Gothic UI", Meiryo, "Noto Sans JP", sans-serif; --govde-yazi: system-ui, "Hiragino Sans", "Yu Gothic UI", Meiryo, "Noto Sans JP", sans-serif; --harf-gosterim: -.01em; --sh-siki: 1.18; }
:lang(ko) { --gosterim: "Overpass", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif; --govde-yazi: system-ui, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif; --harf-gosterim: -.01em; --sh-siki: 1.18; }
:lang(zh) { --gosterim: "Overpass", "PingFang SC", "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans SC", sans-serif; --govde-yazi: system-ui, "PingFang SC", "Microsoft YaHei UI", "Noto Sans SC", sans-serif; --harf-gosterim: 0; --sh-siki: 1.18; }
:lang(zh-TW), :lang(zh-HK) { --gosterim: "Overpass", "PingFang TC", "Microsoft JhengHei UI", "Microsoft JhengHei", "Noto Sans TC", sans-serif; --govde-yazi: system-ui, "PingFang TC", "Microsoft JhengHei UI", "Noto Sans TC", sans-serif; }
:lang(el) { --gosterim: system-ui, "Segoe UI", Roboto, "Noto Sans", sans-serif; }

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-padding-top: calc(var(--ust-yuk) + var(--b3)); scrollbar-gutter: stable; overflow-x: clip; }
html.kilitli { overflow: hidden; }
body { margin: 0; min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column; background: var(--zemin); color: var(--metin); font: var(--ag-normal) var(--yazi-16)/var(--sh-govde) var(--govde-yazi); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: clip; -webkit-tap-highlight-color: transparent; }
img, svg, video, iframe { max-width: 100%; }
img { height: auto; }
a { color: inherit; text-decoration: none; transition: color var(--sure-hizli) var(--egri); }
a:hover { color: var(--ana-acik); }
p a, .statik a, .yazi a, .metin-bag { color: var(--ana-acik); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
button, input, select, textarea { font: inherit; color: inherit; letter-spacing: inherit; }
button { cursor: pointer; }
button:disabled { cursor: not-allowed; }
h1, h2, h3, h4 { font-family: var(--gosterim); line-height: var(--sh-baslik); margin: 0 0 .5em; letter-spacing: var(--harf-baslik); text-wrap: balance; overflow-wrap: break-word; }
h1 { font-size: var(--yazi-48); font-weight: var(--ag-agir); }
h2 { font-size: var(--yazi-28); font-weight: var(--ag-agir); }
h3 { font-size: var(--yazi-18); font-weight: var(--ag-kalin); }
h4 { font-size: var(--yazi-16); font-weight: var(--ag-kalin); }
p { margin: 0 0 1em; text-wrap: pretty; }
hr { border: 0; border-block-start: var(--k-ince) solid var(--cizgi); margin: var(--b5) 0; }
:focus { outline: none; }
:focus-visible { outline: var(--odak-kalinlik) solid var(--odak-renk); outline-offset: var(--odak-bosluk); border-radius: var(--r-xs); }
::selection { background: var(--ana); color: var(--ana-uzeri); }
input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; }
[hidden] { display: none !important; }
.gorunmez, .sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
.soluk { color: var(--soluk); }
.yazi-kucuk { font-size: var(--yazi-14); }
.yazi-dipnot { font-size: var(--yazi-12); color: var(--soluk); }
.sayi { font-variant-numeric: tabular-nums; }
.gosterim { font-family: var(--gosterim); font-size: var(--yazi-64); font-weight: var(--ag-agir); line-height: var(--sh-siki); letter-spacing: var(--harf-gosterim); }
.atla { position: absolute; inset-inline-start: var(--b3); top: -60px; z-index: var(--z-atla); padding: 10px var(--b4); background: var(--ana); color: var(--ana-uzeri); font-weight: var(--ag-agir); border-radius: var(--r-s); }
.atla:focus { top: var(--b3); color: var(--ana-uzeri); }
.ikon { width: 22px; height: 22px; flex: none; }
[dir="rtl"] .ikon-sol, [dir="rtl"] .ikon-sag, [dir="rtl"] .ikon-ok-sag, [dir="rtl"] .ikon-ok-sol, [dir="rtl"] .ikon-geri, [dir="rtl"] .ayna { transform: scaleX(-1); }

.kap, .icerik-kap { width: 100%; max-width: var(--kap); margin-inline: auto; padding-inline: max(var(--kenar), var(--guvenli-bas)) max(var(--kenar), var(--guvenli-son)); }
.kap-orta { max-width: var(--kap-orta); }
.kap-dar { max-width: var(--kap-dar); }
.icerik-kap { padding-block: var(--b7) var(--b14); }
.govde { flex: 1 0 auto; }
.yigin { display: flex; flex-direction: column; gap: var(--yigin-bosluk, var(--b4)); }
.yigin > * { margin-block: 0; }
.kume { display: flex; flex-wrap: wrap; align-items: center; gap: var(--kume-bosluk, var(--b2)); }
.duzen-12 { display: grid; grid-template-columns: repeat(var(--sutun), minmax(0, 1fr)); gap: var(--oluk); }
.duzen-yan { display: grid; gap: var(--b10); }
.duzen-yan > * { min-width: 0; }
@media (min-width: 1100px) { .duzen-yan { grid-template-columns: minmax(0, 1fr) 320px; gap: var(--b12); } }
@media (min-width: 1680px) { .duzen-yan { grid-template-columns: minmax(0, 1fr) 360px; } }

.plaka { display: inline-flex; align-items: center; justify-content: center; min-width: 2.1em; height: 1.55em; padding: .08em .38em 0; border-radius: .26em; background: var(--ana); color: var(--ana-uzeri); font: var(--ag-siyah) 1em/1 var(--gosterim); letter-spacing: .02em; text-transform: uppercase; direction: ltr; unicode-bidi: isolate; box-shadow: inset 0 0 0 .07em rgba(27, 22, 6, .55), inset 0 0 0 .16em var(--ana); }
.plaka-kucuk { font-size: var(--yazi-12); }
.plaka-sessiz { background: var(--zemin-3); color: var(--metin-2); box-shadow: inset 0 0 0 1px var(--cizgi-2); }

.dugme { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: var(--b2); min-height: var(--dokunma); padding: 0 18px; border: var(--k-ince) solid transparent; border-radius: var(--r-m); background: var(--zemin-3); color: var(--metin); font: var(--ag-kalin) 15px/1.1 var(--gosterim); text-align: center; white-space: nowrap; text-decoration: none; transition: background-color var(--sure-hizli) var(--egri), border-color var(--sure-hizli) var(--egri), color var(--sure-hizli) var(--egri), transform var(--sure-hizli) var(--egri); }
.dugme .ikon { width: 20px; height: 20px; }
.dugme:hover { background: var(--zemin-4); color: var(--metin); }
.dugme:active:not(:disabled) { transform: translateY(1px); }
.dugme-ana { background: var(--ana); color: var(--ana-uzeri); }
.dugme-ana:hover { background: var(--ana-acik); color: var(--ana-uzeri); }
:root[data-theme="light"] .dugme-ana:hover { background: var(--ana-koyu); }
@media (prefers-color-scheme: light) { :root:not([data-theme="dark"]) .dugme-ana:hover { background: var(--ana-koyu); } }
.dugme-cizgi { background: transparent; border-color: var(--cizgi-2); }
.dugme-cizgi:hover { background: var(--zemin-3); border-color: var(--soluk); }
.dugme-hayalet { background: transparent; }
.dugme-hayalet:hover { background: var(--zemin-3); }
.dugme-ucretsiz { background: var(--serit-free); color: var(--ucretsiz-uzeri); }
.dugme-ucretsiz:hover { background: var(--serit-free); color: var(--ucretsiz-uzeri); filter: brightness(1.08); }
.dugme-tehlike { background: transparent; border-color: var(--hata); color: var(--hata-metin); }
.dugme-tehlike:hover { background: var(--hata); border-color: var(--hata); color: #FFFFFF; }
.dugme.secili, .dugme[aria-pressed="true"] { background: var(--ana-yumusak); border-color: var(--ana-cizgi); color: var(--metin); }
.dugme.secili .ikon, .dugme[aria-pressed="true"] .ikon { color: var(--ana-acik); }
.dugme-kucuk { min-height: 36px; padding: 0 var(--b3); font-size: var(--yazi-14); border-radius: var(--r-s); }
.dugme-kucuk::before, .cip::before, .dokunma::before { content: ""; position: absolute; inset: -4px 0; }
.dugme-buyuk { min-height: 52px; padding: 0 var(--b6); font-size: var(--yazi-16); }
.dugme-blok { display: flex; width: 100%; }
.dugme-ikon { width: var(--dokunma); padding: 0; }
.dugme-ikon.dugme-kucuk { width: 36px; }
.dugme-metin { display: inline-flex; align-items: center; gap: 6px; min-height: var(--dokunma); padding: 0 var(--b1); border: 0; background: none; color: var(--ana-acik); font-weight: var(--ag-kalin); }
.dugme-metin:hover { text-decoration: underline; text-underline-offset: 3px; }
.dugme[disabled], .dugme[aria-disabled="true"] { opacity: .55; cursor: not-allowed; transform: none; }
.dugme.yukleniyor { color: transparent !important; pointer-events: none; }
.dugme.yukleniyor::after { content: ""; position: absolute; inset: 0; margin: auto; width: 18px; height: 18px; border: 2px solid var(--metin); border-inline-end-color: transparent; border-radius: 50%; animation: donus .7s linear infinite; }
.dugme-ana.yukleniyor::after { border-color: var(--ana-uzeri); border-inline-end-color: transparent; }
@keyframes donus { to { transform: rotate(360deg); } }

.cip { position: relative; display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 14px; border: var(--k-ince) solid var(--cizgi-2); border-radius: var(--r-yuvarlak); background: transparent; color: var(--metin-2); font-size: var(--yazi-14); font-weight: var(--ag-orta); white-space: nowrap; transition: background-color var(--sure-hizli) var(--egri), border-color var(--sure-hizli) var(--egri), color var(--sure-hizli) var(--egri); }
.cip:hover { border-color: var(--soluk); color: var(--metin); }
.cip.secili, .cip[aria-current="page"], .cip[aria-pressed="true"], .cip[aria-checked="true"] { background: var(--ana-yumusak); border-color: var(--ana-cizgi); color: var(--metin); }
.cip img { width: 20px; height: 20px; border-radius: var(--r-s); }
.cip .ikon { width: 16px; height: 16px; }
.cip-sayi { min-width: 20px; height: 20px; padding: 2px 6px 0; border-radius: var(--r-yuvarlak); background: var(--ana); color: var(--ana-uzeri); font: var(--ag-agir) 11px/18px var(--gosterim); text-align: center; }
.cip-kaldir { padding-inline-end: 6px; }
.cip-kaldir .ikon { width: 16px; height: 16px; margin-inline-start: 2px; color: var(--soluk); }
.cip-kaldir:hover .ikon { color: var(--metin); }
.cipler, .arac-grup { display: flex; flex-wrap: wrap; gap: var(--b2); }
.cipler-kaydir { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin-inline: calc(var(--kenar) * -1); padding: var(--b1) var(--kenar); }
.cipler-kaydir::-webkit-scrollbar { display: none; }

.rozet { display: inline-flex; align-items: center; gap: var(--b1); min-height: 20px; padding: 3px 7px 1px; border-radius: var(--r-xs); background: var(--zemin-3); color: var(--metin-2); font: var(--ag-agir) 11px/1.2 var(--gosterim); white-space: nowrap; }
.rozet .ikon { width: 12px; height: 12px; }
.rozet--ana { background: var(--ana); color: var(--ana-uzeri); }
.rozet--ucretsiz { background: var(--serit-free); color: var(--ucretsiz-uzeri); }
.rozet--yumusak { background: var(--ana-yumusak); color: var(--ana-acik); }
.rozet--tehlike { background: var(--hata); color: #FFFFFF; }
.rozet--cizgi { background: transparent; box-shadow: inset 0 0 0 1px var(--cizgi-2); color: var(--metin); }
.durum { display: inline-flex; align-items: center; gap: 6px; font-size: var(--yazi-13); font-weight: var(--ag-kalin); }
.durum::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--soluk); }
.durum-acik::before { background: var(--ana); }
.durum-tamam { color: var(--basari); }
.durum-tamam::before { background: var(--basari); }

.logo-harf { display: inline-grid; place-items: center; flex: none; padding-top: .12em; border-radius: 22%; background: hsl(var(--ton, 210), 45%, 38%); color: #FFFFFF; font-family: var(--gosterim); font-weight: var(--ag-siyah); line-height: 1; }
.saglayici-logo { flex: none; width: var(--logo-boy, 40px); height: var(--logo-boy, 40px); border-radius: 22%; background: var(--zemin-3); object-fit: cover; }

.bildirimler { width: 100%; max-width: var(--kap); margin: var(--b4) auto 0; padding-inline: var(--kenar); display: grid; gap: var(--b2); }
.flash { display: flex; align-items: center; gap: var(--b3); padding: var(--b3) 14px; border: var(--k-ince) solid var(--cizgi-2); border-inline-start: 4px solid var(--bilgi); border-radius: var(--r-m); background: var(--zemin-2); font-size: 15px; }
.flash-success { border-inline-start-color: var(--basari); }
.flash-error { border-inline-start-color: var(--hata); }
.flash-ikon { display: inline-flex; color: var(--bilgi); }
.flash-success .flash-ikon { color: var(--basari); }
.flash-error .flash-ikon { color: var(--hata); }
.flash-metin { flex: 1; min-width: 0; }
.flash-kapat { display: grid; place-items: center; width: var(--dokunma); height: var(--dokunma); margin: -6px; border: 0; border-radius: var(--r-s); background: none; color: var(--soluk); }
.flash-kapat:hover { background: var(--zemin-3); color: var(--metin); }

.toast { position: fixed; inset-inline-start: 50%; bottom: calc(var(--b6) + var(--guvenli-alt) + var(--alt-dolu)); z-index: var(--z-toast); display: flex; align-items: center; gap: var(--b3); width: max-content; max-width: calc(100vw - 32px); min-height: 48px; padding: var(--b2) var(--b2) var(--b2) 18px; border-radius: var(--r-m); background: var(--metin); color: var(--zemin); font-weight: var(--ag-orta); box-shadow: var(--golge-2); transform: translate(-50%, 12px); opacity: 0; pointer-events: none; transition: opacity var(--sure-orta) var(--egri), transform var(--sure-orta) var(--egri); }
[dir="rtl"] .toast { transform: translate(50%, 12px); }
.toast:not(:has(.toast-eylem)) { padding-inline-end: 18px; }
.toast.goster { opacity: 1; transform: translate(-50%, 0); pointer-events: auto; }
[dir="rtl"] .toast.goster { transform: translate(50%, 0); }
.toast-eylem { min-height: 36px; padding: 0 var(--b3); border: 0; border-radius: var(--r-s); background: transparent; color: var(--toast-eylem); font: var(--ag-agir) var(--yazi-14)/1 var(--gosterim); }
.toast-eylem:hover { background: rgba(127, 127, 127, .16); }

.bolum-ust { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--b3); margin-bottom: 14px; }
.bolum-ust > div:first-child { min-width: 0; }
.bolum-ust h2 { margin: 0; }
.bolum-ust p { margin: var(--b1) 0 0; color: var(--soluk); font-size: var(--yazi-14); }
.bolum-ust a, .bolum-link { display: inline-flex; align-items: center; min-height: var(--dokunma); margin-block: -10px; color: var(--ana-acik); font-weight: var(--ag-kalin); font-size: var(--yazi-14); white-space: nowrap; }
.bolum-ust a:hover, .bolum-link:hover { text-decoration: underline; text-underline-offset: 3px; }
.bolum-eylem { display: flex; align-items: center; gap: var(--b2); flex: none; }

.kart { container: kart / inline-size; display: flex; flex-direction: column; gap: var(--b2); min-width: 0; color: var(--metin); }
.kart:hover { color: var(--metin); }
.kart-gorsel { position: relative; display: block; aspect-ratio: var(--oran-afis); border-radius: var(--r-s); overflow: hidden; background: var(--gorsel-zemin); }
.kart-gorsel img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform var(--sure-yavas) var(--egri); }
.kart-gorsel::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 1px var(--kart-cerceve); transition: box-shadow var(--sure-hizli) var(--egri); pointer-events: none; }
.kart:hover .kart-gorsel::after { box-shadow: inset 0 0 0 2px var(--ana); }
.kart:focus-visible .kart-gorsel::after { box-shadow: inset 0 0 0 3px var(--odak-renk); }
@media (hover: hover) { .kart:hover .kart-gorsel img { transform: scale(1.03); } }
.kart:focus-visible { outline: none; }
.kart-rozet { position: absolute; inset-inline-start: 6px; top: 6px; z-index: 1; padding: 4px 7px 2px; border-radius: var(--r-xs); background: var(--serit-free); color: var(--ucretsiz-uzeri); font: var(--ag-agir) 11px/1.2 var(--gosterim); }
.kart-puan { position: absolute; inset-inline-end: 6px; top: 6px; z-index: 1; padding: 4px 6px 2px; border-radius: var(--r-xs); background: rgba(10, 14, 22, .78); color: #FFFFFF; font: var(--ag-agir) 11px/1.2 var(--gosterim); }
.kart-ad { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.6em; font: var(--ag-kalin) var(--yazi-14)/1.3 var(--gosterim); overflow-wrap: anywhere; }
.kart-alt { display: flex; align-items: center; justify-content: space-between; gap: 6px; min-height: 22px; margin-top: -2px; color: var(--soluk); font-size: var(--yazi-13); }
.kart-meta { display: inline-flex; align-items: center; gap: 6px; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-variant-numeric: tabular-nums; }
.kart-meta > * + *::before { content: ""; display: inline-block; width: 3px; height: 3px; margin-inline-end: 6px; border-radius: 50%; background: currentColor; vertical-align: middle; opacity: .7; }
.kart-logolar { display: inline-flex; align-items: center; flex: none; }
.kart-logolar img { width: 22px; height: 22px; border-radius: var(--r-s); border: 2px solid var(--zemin); background: var(--zemin-3); }
.kart-logolar img + img, .kart-logolar .logo-harf + .logo-harf, .kart-logolar img + .logo-harf, .kart-logolar .logo-harf + img { margin-inline-start: -6px; }
.kart-logolar .logo-harf { border: 2px solid var(--zemin); font-size: 11px !important; }
.kart-logolar em { margin-inline-start: 3px; font-style: normal; font-size: var(--yazi-12); font-weight: var(--ag-kalin); }
.kart-yok { font-size: var(--yazi-12); color: var(--soluk); }
.kart-gorsel--yazi { display: flex; flex-direction: column; justify-content: space-between; padding: var(--b3); background: linear-gradient(160deg, hsl(var(--ton, 210), 34%, 30%) 0%, hsl(calc(var(--ton, 210) + 40), 30%, 14%) 100%); color: #F4F1E8; }
.kart-harf { font: var(--ag-siyah) clamp(40px, 34cqi, 72px)/1 var(--gosterim); letter-spacing: -.04em; opacity: .92; }
.kart-yazi { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; font: var(--ag-agir) clamp(15px, 13cqi, 22px)/1.08 var(--gosterim); letter-spacing: -.02em; overflow-wrap: anywhere; }
.kart-gorsel--yazi .kart-tur { font: var(--ag-kalin) 11px/1.2 var(--gosterim); opacity: .78; }
.kart-genis .kart-gorsel { aspect-ratio: var(--oran-fon); }
@container kart (max-width: 124px) {
  .kart-ad { font-size: var(--yazi-13); }
  .kart-alt { font-size: var(--yazi-12); }
  .kart-logolar img, .kart-logolar .logo-harf { width: 20px !important; height: 20px !important; }
  .kart-logolar em { display: none; }
}
@container kart (min-width: 190px) {
  .kart-ad { font-size: 15px; }
  .kart-rozet, .kart-puan { top: var(--b2); }
  .kart-rozet { inset-inline-start: var(--b2); }
  .kart-puan { inset-inline-end: var(--b2); }
}

.ray { margin: 0 0 var(--b10); }
.ray-govde { position: relative; container: ray / inline-size; }
.ray-serit { display: grid; grid-auto-flow: column; grid-auto-columns: var(--kart-gen); gap: var(--kart-bosluk); margin-inline: calc(var(--kenar) * -1); padding: var(--b1) var(--kenar) var(--b3); overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-padding-inline: var(--kenar); scrollbar-width: none; -webkit-mask-image: linear-gradient(to right, transparent 0, #000 var(--ray-bas, 0px), #000 calc(100% - var(--ray-son, 0px)), transparent 100%); mask-image: linear-gradient(to right, transparent 0, #000 var(--ray-bas, 0px), #000 calc(100% - var(--ray-son, 0px)), transparent 100%); }
[dir="rtl"] .ray-serit { -webkit-mask-image: linear-gradient(to left, transparent 0, #000 var(--ray-bas, 0px), #000 calc(100% - var(--ray-son, 0px)), transparent 100%); mask-image: linear-gradient(to left, transparent 0, #000 var(--ray-bas, 0px), #000 calc(100% - var(--ray-son, 0px)), transparent 100%); }
.ray-serit::-webkit-scrollbar { display: none; }
.ray-serit > * { scroll-snap-align: start; }
.ray-ok { display: none; place-items: center; width: 40px; height: 40px; padding: 0; border: var(--k-ince) solid var(--cizgi-2); border-radius: 50%; background: var(--zemin-2); color: var(--metin); transition: border-color var(--sure-hizli) var(--egri), opacity var(--sure-hizli) var(--egri), background-color var(--sure-hizli) var(--egri); }
.ray-ok .ikon { width: 20px; height: 20px; }
.ray-ok:hover:not(:disabled) { border-color: var(--ana); background: var(--zemin-3); }
.ray-ok:disabled { opacity: .35; cursor: default; }
.ray-oklar { display: none; gap: 6px; }
@media (hover: hover) and (min-width: 1024px) {
  .ray-oklar { display: inline-flex; }
  .ray-ok { display: grid; }
}
@media (min-width: 1024px) {
  .ray-serit { margin-inline: 0; padding-inline: 0; scroll-padding-inline: 0; }
  .ray-govde[data-bas="0"] .ray-serit { --ray-bas: 48px; }
  .ray-govde[data-son="0"] .ray-serit { --ray-son: 64px; }
}
.ray-tasma .ray-serit { margin-inline: calc(var(--kenar) * -1); padding-inline: var(--kenar); scroll-padding-inline: var(--kenar); }

.izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(var(--kart-min), 1fr)); gap: var(--b6) var(--kart-bosluk); }
@media (min-width: 800px) { .izgara { row-gap: var(--b7); } }
.izgara > .reklam-yuva { grid-column: 1 / -1; margin: 0; }

.kutu { border: var(--k-ince) solid var(--cizgi); border-radius: var(--r-l); background: var(--zemin-2); }
.kutu-govde { padding: 18px; }
.kutu h2, .kutu h3 { font-size: var(--yazi-18); margin-bottom: 10px; }
.kutu-govde > :last-child { margin-bottom: 0; }
details.daha > summary { list-style: none; display: inline-flex; align-items: center; gap: 6px; min-height: var(--dokunma); color: var(--ana-acik); font-weight: var(--ag-kalin); font-size: var(--yazi-14); cursor: pointer; }
details.daha > summary::-webkit-details-marker { display: none; }
details.daha[open] > summary { display: none; }
.kunye { display: grid; grid-template-columns: auto 1fr; gap: var(--b2) var(--b4); margin: 0; font-size: var(--yazi-14); }
.kunye dt { color: var(--soluk); }
.kunye dd { margin: 0; color: var(--metin); min-width: 0; overflow-wrap: anywhere; }

.iz { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 6px; margin: 0 0 var(--b3); padding: 0; list-style: none; color: var(--soluk); font-size: var(--yazi-13); }
.iz li { display: inline-flex; align-items: center; gap: 6px; min-width: 0; }
.iz li + li::before { content: ""; width: 6px; height: 6px; border-block-start: 1.5px solid currentColor; border-inline-end: 1.5px solid currentColor; transform: rotate(45deg); opacity: .6; }
[dir="rtl"] .iz li + li::before { transform: rotate(-45deg); }
.iz a { display: inline-flex; align-items: center; min-height: 32px; color: var(--soluk); }
.iz a:hover { color: var(--metin); }
.iz [aria-current] { color: var(--metin-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.sayfa-baslik { padding: var(--b8) 0 18px; }
.sayfa-baslik h1 { margin-bottom: 6px; }
.sayfa-baslik p { margin: 0; color: var(--metin-2); max-width: 70ch; }
.sayfa-baslik-satir { display: flex; flex-wrap: wrap; align-items: center; gap: var(--b3) var(--b4); }

.filtre-alt { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
.filtre-ozet { color: var(--metin-2); font-size: var(--yazi-14); font-variant-numeric: tabular-nums; }
.filtre-ozet strong { font-family: var(--gosterim); color: var(--metin); }

.sayfalama { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin: var(--b10) 0 10px; font-variant-numeric: tabular-nums; }
.sayfalama a, .sayfalama span { display: grid; place-items: center; min-width: var(--dokunma); height: var(--dokunma); padding: 0 10px; border-radius: var(--r-m); font: var(--ag-kalin) 15px/1 var(--gosterim); }
.sayfalama a { background: var(--zemin-2); border: var(--k-ince) solid var(--cizgi); transition: border-color var(--sure-hizli) var(--egri); }
.sayfalama a:hover { border-color: var(--ana); color: var(--metin); }
.sayfalama .secili { background: var(--ana); color: var(--ana-uzeri); }
.sayfalama .bosluk { color: var(--soluk); min-width: 20px; padding: 0; }
.sayfalama .ikon { width: 18px; height: 18px; }
.daha-fazla { display: flex; flex-direction: column; align-items: center; gap: var(--b2); margin: var(--b10) 0 10px; }
.daha-fazla small { color: var(--soluk); font-size: var(--yazi-13); font-variant-numeric: tabular-nums; }

.bos { display: flex; flex-direction: column; align-items: center; gap: var(--b2); padding: 46px var(--b5); border: var(--k-ince) dashed var(--cizgi-2); border-radius: var(--r-l); text-align: center; }
.bos > .ikon { width: 40px; height: 40px; color: var(--soluk); }
.bos h2, .bos h3 { margin: var(--b1) 0 0; font-size: var(--yazi-22); }
.bos p { max-width: 52ch; margin: 0 0 var(--b2); color: var(--metin-2); }
.bos .kume { justify-content: center; }
.bos-kucuk { padding: 26px 18px; }

.iskelet { position: relative; overflow: hidden; border-radius: var(--r-s); background: var(--iskelet-a); }
.iskelet::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent, var(--iskelet-b), transparent); transform: translateX(-100%); animation: parilti 1.4s var(--egri) infinite; }
.iskelet-satir { height: .9em; margin: .35em 0; }
.iskelet-afis { aspect-ratio: var(--oran-afis); }
@keyframes parilti { to { transform: translateX(100%); } }

.sekmeler { display: flex; gap: var(--b1); margin-bottom: var(--b5); overflow-x: auto; scrollbar-width: none; border-block-end: var(--k-ince) solid var(--cizgi); }
.sekmeler::-webkit-scrollbar { display: none; }
.sekme { position: relative; display: inline-flex; align-items: center; gap: 6px; min-height: var(--dokunma); padding: 0 14px; border: 0; background: none; color: var(--metin-2); font: var(--ag-kalin) 15px/1 var(--gosterim); white-space: nowrap; }
.sekme:hover { color: var(--metin); }
.sekme[aria-selected="true"], .sekme[aria-current="page"], .sekme.secili { color: var(--metin); }
.sekme[aria-selected="true"]::after, .sekme[aria-current="page"]::after, .sekme.secili::after { content: ""; position: absolute; inset-inline: 14px; bottom: -1px; height: 3px; border-radius: 3px 3px 0 0; background: var(--ana); }
.sekme small { color: var(--soluk); font-size: var(--yazi-12); font-variant-numeric: tabular-nums; }

.segment { display: inline-flex; gap: 2px; padding: 3px; border: var(--k-ince) solid var(--cizgi-2); border-radius: var(--r-m); background: var(--zemin); }
.segment > button, .segment > a { flex: 1; min-height: 36px; padding: 0 var(--b3); border: 0; border-radius: 7px; background: none; color: var(--metin-2); font-size: var(--yazi-13); font-weight: var(--ag-orta); white-space: nowrap; }
.segment > [aria-pressed="true"], .segment > [aria-current], .segment > .secili { background: var(--ana-yumusak); color: var(--metin); box-shadow: inset 0 0 0 1px var(--ana-cizgi); }

[data-ipucu] { position: relative; }
[data-ipucu]::after { content: attr(data-ipucu); position: absolute; inset-inline-start: 50%; bottom: calc(100% + 8px); z-index: var(--z-acilir); width: max-content; max-width: 240px; padding: 6px 10px; border-radius: var(--r-s); background: var(--metin); color: var(--zemin); font: var(--ag-orta) var(--yazi-12)/1.35 var(--govde-yazi); white-space: normal; text-align: center; opacity: 0; transform: translate(-50%, 4px); pointer-events: none; transition: opacity var(--sure-hizli) var(--egri), transform var(--sure-hizli) var(--egri); }
[dir="rtl"] [data-ipucu]::after { transform: translate(50%, 4px); }
[data-ipucu]:hover::after, [data-ipucu]:focus-visible::after { opacity: 1; transform: translate(-50%, 0); transition-delay: 300ms; }
[dir="rtl"] [data-ipucu]:hover::after, [dir="rtl"] [data-ipucu]:focus-visible::after { transform: translate(50%, 0); }
@media (hover: none) { [data-ipucu]::after { display: none; } }

.acilir { position: relative; }
.acilir-panel { position: absolute; top: calc(100% + 6px); inset-inline-end: 0; z-index: var(--z-acilir); min-width: 220px; max-width: calc(100vw - 16px); max-height: min(70vh, 480px); overflow-y: auto; padding: 6px; border: var(--k-ince) solid var(--cizgi); border-radius: var(--r-l); background: var(--menu-zemin); box-shadow: var(--golge-2); opacity: 0; visibility: hidden; transform: translateY(-4px); transition: opacity var(--sure-orta) var(--egri), transform var(--sure-orta) var(--egri), visibility 0s linear var(--sure-orta); }
.acilir-panel--bas { inset-inline-end: auto; inset-inline-start: 0; }
.acilir.acik > .acilir-panel { opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }
.acilir-oge { display: flex; align-items: center; gap: var(--b3); width: 100%; min-height: var(--dokunma); padding: 0 var(--b3); border: 0; border-radius: var(--r-s); background: none; color: var(--metin); font-size: 15px; text-align: start; }
.acilir-oge:hover, .acilir-oge:focus-visible { background: var(--zemin-3); color: var(--metin); outline-offset: -2px; }
.acilir-oge[aria-checked="true"]::after, .acilir-oge.secili::after { content: ""; width: 8px; height: 8px; margin-inline-start: auto; border-radius: 50%; background: var(--ana); }
@media (max-width: 567px) {
  .acilir-panel { position: fixed; top: auto; bottom: calc(var(--b2) + var(--guvenli-alt)); inset-inline: var(--b2); min-width: 0; max-width: none; transform: translateY(8px); }
}

.alan-ara, .buyuk-ara { position: relative; min-width: 0; }
.buyuk-ara { display: flex; align-items: center; gap: var(--b2); height: 58px; padding-inline: 18px 7px; border: var(--k-kalin) solid var(--cizgi-2); border-radius: var(--r-l); background: var(--zemin-2); transition: border-color var(--sure-hizli) var(--egri), box-shadow var(--sure-hizli) var(--egri); }
.buyuk-ara:focus-within { border-color: var(--ana); box-shadow: 0 0 0 4px var(--ana-yumusak); }
.buyuk-ara > .ikon { flex: none; color: var(--soluk); pointer-events: none; }
.buyuk-ara input { flex: 1 1 0; width: 0; min-width: 0; height: 100%; padding: 0 var(--b1); border: 0; background: none; color: var(--metin); font-size: 17px; text-overflow: ellipsis; }
.buyuk-ara input::placeholder { color: var(--soluk); opacity: 1; }
.buyuk-ara input:focus, .buyuk-ara input:focus-visible { outline: none; }
.buyuk-ara .dugme { flex: none; min-height: var(--dokunma); }
@media (max-width: 419px) {
  .buyuk-ara { height: 54px; padding-inline: 14px 5px; }
  .buyuk-ara input { font-size: 16px; }
  .buyuk-ara .dugme { padding: 0 14px; }
  .buyuk-ara .dugme:has(.dugme-yazi) { width: var(--dokunma); padding: 0; }
  .buyuk-ara .dugme .dugme-yazi { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; }
}

.form { display: grid; gap: var(--b4); }
.alan { display: grid; gap: 6px; }
.alan > label, .alan-etiket { font-weight: var(--ag-kalin); font-size: var(--yazi-14); }
.girdi, .alan input[type=text], .alan input[type=email], .alan input[type=password], .alan input[type=date], .alan input[type=search], .alan input[type=number], .alan input[type=url], .alan input[type=tel], .alan select, .alan textarea { width: 100%; min-height: 48px; padding: 0 14px; border: var(--k-ince) solid var(--alan-cizgi); border-radius: var(--r-m); background: var(--zemin); color: var(--metin); font-size: var(--yazi-16); transition: border-color var(--sure-hizli) var(--egri), box-shadow var(--sure-hizli) var(--egri); }
.girdi::placeholder, .alan input::placeholder, .alan textarea::placeholder { color: var(--soluk); opacity: 1; }
select.girdi, .alan select, .secim { -webkit-appearance: none; appearance: none; padding-inline-end: 40px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2393A0B7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 18px; background-position: right 14px center; }
[dir="rtl"] select.girdi, [dir="rtl"] .alan select, [dir="rtl"] .secim { background-position: left 14px center; }
.secim { min-height: var(--dokunma); padding-inline-start: var(--b3); border: var(--k-ince) solid var(--alan-cizgi); border-radius: var(--r-m); background-color: var(--zemin); color: var(--metin); font-size: 15px; }
textarea.girdi, .alan textarea { min-height: 110px; padding: var(--b3) 14px; line-height: var(--sh-govde); resize: vertical; }
.girdi:focus, .secim:focus, .alan input:focus, .alan select:focus, .alan textarea:focus { outline: none; border-color: var(--ana); box-shadow: 0 0 0 3px var(--ana-yumusak); }
.alan small, .alan-not { color: var(--soluk); font-size: var(--yazi-13); }
.alan.hatali input, .alan.hatali select, .alan.hatali textarea, .girdi[aria-invalid="true"], .alan [aria-invalid="true"] { border-color: var(--hata); }
.alan.hatali input:focus, .girdi[aria-invalid="true"]:focus { box-shadow: 0 0 0 3px rgba(255, 107, 107, .22); }
.input-error { display: flex; align-items: flex-start; gap: 6px; color: var(--hata-metin); font-size: var(--yazi-13); font-weight: var(--ag-orta); }
.secenek { position: relative; display: flex; align-items: flex-start; gap: 10px; min-height: var(--dokunma); padding-top: 10px; font-size: 15px; cursor: pointer; }
.secenek input[type=checkbox], .secenek input[type=radio], .onay { -webkit-appearance: none; appearance: none; display: inline-grid; place-items: center; width: 20px; height: 20px; margin: 1px 0 0; flex: none; border: var(--k-kalin) solid var(--alan-cizgi); border-radius: var(--r-xs); background: var(--zemin); transition: background-color var(--sure-hizli) var(--egri), border-color var(--sure-hizli) var(--egri); cursor: pointer; }
.secenek input[type=radio] { border-radius: 50%; }
.secenek input:checked, .onay:checked { border-color: var(--ana); background: var(--ana); }
.secenek input[type=checkbox]:checked::after, .onay:checked::after { content: ""; width: 10px; height: 6px; margin-top: -2px; border-inline-start: 2px solid var(--ana-uzeri); border-block-end: 2px solid var(--ana-uzeri); transform: rotate(-45deg); }
[dir="rtl"] .secenek input[type=checkbox]:checked::after, [dir="rtl"] .onay:checked::after { transform: rotate(45deg); }
.secenek input[type=radio]:checked::after { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--ana-uzeri); }
.secenek input:disabled { opacity: .55; cursor: not-allowed; }
.secenek small { display: block; color: var(--soluk); font-size: var(--yazi-13); }
.anahtar { -webkit-appearance: none; appearance: none; position: relative; flex: none; width: 40px; height: 24px; margin: 0; border-radius: var(--r-yuvarlak); background: var(--zemin-4); box-shadow: inset 0 0 0 1px var(--alan-cizgi); cursor: pointer; transition: background-color var(--sure-orta) var(--egri); }
.anahtar::after { content: ""; position: absolute; top: 3px; inset-inline-start: 3px; width: 18px; height: 18px; border-radius: 50%; background: #FFFFFF; box-shadow: var(--golge-1); transition: transform var(--sure-orta) var(--egri); }
.anahtar:checked { background: var(--ana); box-shadow: none; }
.anahtar:checked::after { transform: translateX(16px); }
[dir="rtl"] .anahtar:checked::after { transform: translateX(-16px); }
.secenek .anahtar { margin-top: 0; }
.sifre-goster { position: relative; }
.sifre-goster input { padding-inline-end: 76px !important; }
.sifre-goster button { position: absolute; inset-inline-end: 2px; top: 50%; transform: translateY(-50%); min-height: var(--dokunma); padding: 0 var(--b3); border: 0; border-radius: var(--r-s); background: none; color: var(--ana-acik); font-weight: var(--ag-kalin); font-size: var(--yazi-13); }
.form-alt { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.form-alt.yayil { justify-content: space-between; }
.form-satir { display: grid; gap: var(--b4); }
@media (min-width: 640px) { .form-satir { grid-template-columns: 1fr 1fr; } }
.kaydet-cubugu { position: sticky; bottom: 0; z-index: 5; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--b3); margin-inline: calc(var(--b4) * -1); padding: var(--b3) var(--b4) calc(var(--b3) + var(--guvenli-alt)); border-block-start: var(--k-ince) solid var(--cizgi); background: var(--zemin-cam); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }

.modal { position: fixed; inset: 0; z-index: var(--z-modal); display: flex; align-items: center; justify-content: center; padding: var(--b4); background: var(--karart); opacity: 0; visibility: hidden; transition: opacity var(--sure-orta) var(--egri), visibility 0s linear var(--sure-orta); }
.modal.acik { opacity: 1; visibility: visible; transition-delay: 0s; }
.modal-ic { position: relative; width: 100%; max-width: 520px; max-height: calc(100dvh - 32px); overflow-y: auto; overscroll-behavior: contain; padding: 22px; border: var(--k-ince) solid var(--cizgi); border-radius: var(--r-l); background: var(--zemin-2); box-shadow: var(--golge-3); transform: translateY(4px) scale(.99); transition: transform var(--sure-orta) var(--egri); }
.modal.acik .modal-ic { transform: none; }
.modal-ic h2 { font-size: var(--yazi-22); padding-inline-end: var(--b10); }
.modal-kapat { position: absolute; inset-inline-end: 10px; top: 10px; display: grid; place-items: center; width: var(--dokunma); height: var(--dokunma); border: 0; border-radius: var(--r-m); background: none; color: var(--metin); }
.modal-kapat:hover { background: var(--zemin-3); }
.modal-alt { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; margin-top: var(--b5); }
.modal-video .modal-ic { max-width: min(1000px, calc((100dvh - 64px) * 16 / 9)); padding: 0; background: #000; border-color: #000; overflow: hidden; }
.modal-video .modal-kapat { inset-inline-end: 6px; top: 6px; z-index: 2; color: #FFFFFF; background: rgba(0, 0, 0, .55); }
.video-kap { position: relative; aspect-ratio: var(--oran-fon); background: #000; }
.video-kap iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
@media (max-width: 567px) {
  .modal--alt { align-items: flex-end; padding: 0; }
  .modal--alt .modal-ic { max-width: none; max-height: 88dvh; padding-bottom: calc(22px + var(--guvenli-alt)); border-radius: var(--r-l) var(--r-l) 0 0; border-inline: 0; border-block-end: 0; transform: translateY(24px); }
  .modal--alt.acik .modal-ic { transform: none; }
}
.cekmece { position: fixed; inset: 0; z-index: var(--z-cekmece); background: var(--karart); opacity: 0; visibility: hidden; transition: opacity var(--sure-yavas) var(--egri), visibility 0s linear var(--sure-yavas); }
.cekmece.acik { opacity: 1; visibility: visible; transition-delay: 0s; }
.cekmece-ic { position: absolute; inset-block: 0; inset-inline-start: 0; display: flex; flex-direction: column; width: min(340px, 88vw); height: 100%; overflow-y: auto; overscroll-behavior: contain; padding: var(--b3) var(--b5) calc(var(--b6) + var(--guvenli-alt)); padding-inline-start: max(var(--b5), var(--guvenli-bas)); border-inline-end: var(--k-ince) solid var(--cizgi); background: var(--zemin-2); box-shadow: var(--golge-3); transform: translateX(-100%); transition: transform var(--sure-yavas) var(--egri-cik); }
[dir="rtl"] .cekmece-ic { transform: translateX(100%); }
.cekmece.acik .cekmece-ic { transform: none; }
.cekmece--son .cekmece-ic { inset-inline-start: auto; inset-inline-end: 0; border-inline-end: 0; border-inline-start: var(--k-ince) solid var(--cizgi); transform: translateX(100%); }
[dir="rtl"] .cekmece--son .cekmece-ic { transform: translateX(-100%); }
.cekmece--son.acik .cekmece-ic { transform: none; }

.serit--flatrate { --serit-renk: var(--serit-flatrate); }
.serit--free { --serit-renk: var(--serit-free); }
.serit--ads { --serit-renk: var(--serit-ads); }
.serit--rent { --serit-renk: var(--serit-rent); }
.serit--buy { --serit-renk: var(--serit-buy); }
.teklifler { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr)); gap: 10px; }
.teklif { display: flex; align-items: center; gap: var(--b3); min-height: 64px; padding-block: 9px; padding-inline: 9px var(--b3); border: var(--k-ince) solid var(--cizgi); border-radius: var(--r-m); background: var(--zemin); transition: border-color var(--sure-hizli) var(--egri); }
.teklif:hover { border-color: var(--serit-renk, var(--ana)); color: var(--metin); }
.teklif img, .teklif .logo-harf { width: 44px; height: 44px; border-radius: var(--r-m); flex: none; }
.teklif img { background: var(--zemin-3); }
.teklif-metin { display: flex; flex-direction: column; flex: 1; min-width: 0; line-height: 1.25; }
.teklif-metin strong { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font: var(--ag-kalin) 15px/1.25 var(--gosterim); overflow-wrap: anywhere; }
.teklif-metin small { color: var(--soluk); font-size: var(--yazi-13); font-variant-numeric: tabular-nums; }
.teklif-git { display: inline-flex; align-items: center; gap: var(--b1); flex: none; padding: 7px 10px 5px; border-radius: var(--r-s); background: var(--zemin-3); font: var(--ag-agir) var(--yazi-13)/1 var(--gosterim); white-space: nowrap; transition: background-color var(--sure-hizli) var(--egri), color var(--sure-hizli) var(--egri); }
.teklif:hover .teklif-git, .teklif:focus-visible .teklif-git { background: var(--serit-renk, var(--ana)); color: var(--serit-uzeri); }
.teklif-sitede { border-style: dashed; }

.reklam-yuva { position: relative; display: var(--yg0, flex); flex-direction: column; align-items: center; justify-content: center; gap: var(--b1); min-height: calc(var(--yh0, 0px) + 20px); width: 100%; margin: var(--b6) auto; padding-inline: var(--kenar); max-width: var(--kap); overflow: hidden; }
.reklam-yuva .reklam-etiket { position: static; padding: 0; background: none; color: var(--reklam-etiket); font-size: 10px; font-weight: var(--ag-kalin); line-height: 16px; }
.reklam-ic { display: flex; justify-content: center; align-items: center; max-width: 100%; min-height: var(--yh0, 0px); max-height: var(--ym0, none); overflow: hidden; }
.reklam-ic iframe { display: block; max-width: 100%; border: 0; }
.reklam-yuva--bos, .reklam-yuva--kapali, .reklam-yuva--gizle { display: none !important; }
.ust-afis-yok .reklam-yuva--ust-afis { display: none; }
.reklam-yuva--ust-afis { margin-top: var(--b4); margin-bottom: var(--b2); }
.reklam-ev { display: flex; align-self: stretch; width: 100%; max-width: 100%; color: inherit; text-decoration: none; }
.reklam-ev > .ev-reklam { flex: 1; }
.reklam-ev img { display: block; max-width: 100%; height: auto; }
.ev-reklam { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px 14px; min-height: inherit; padding: 14px 18px; border: var(--k-ince) solid var(--reklam-cizgi); border-radius: var(--r-m); background: var(--reklam-zemin); text-align: center; }
.ev-reklam strong { font-size: var(--yazi-16); }
.ev-reklam span { color: var(--soluk); font-size: var(--yazi-13); overflow-wrap: anywhere; }
.ev-reklam em { font-style: normal; color: var(--ana-acik); font-weight: var(--ag-agir); font-size: var(--yazi-13); }
.reklam-ev:hover .ev-reklam, .reklam-ev:focus-visible .ev-reklam { border-color: var(--ana-cizgi); }
.reklam-yapiskan { position: fixed; inset-inline: 0; bottom: calc(var(--alt-bar-yuk) + var(--guvenli-alt)); z-index: var(--z-yapiskan); flex-direction: column; align-items: stretch; gap: 0; margin: 0; max-width: none; min-height: 0; padding-block: 2px 4px; padding-inline: 8px 44px; background: var(--zemin-3); border-block-start: var(--k-ince) solid var(--cizgi); }
.reklam-yapiskan .reklam-etiket { font-size: 9px; line-height: 12px; }
.reklam-yapiskan .reklam-ic { width: 100%; height: var(--yh0, 50px); min-height: 0; }
.reklam-yapiskan .ev-reklam { flex-wrap: nowrap; padding: 4px 10px; gap: 10px; border-radius: var(--r-s); }
.reklam-yapiskan .ev-reklam strong { font-size: var(--yazi-14); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.reklam-yapiskan .ev-reklam span { display: none; }
body.alt-bar-yok .reklam-yapiskan { bottom: var(--guvenli-alt); }
.reklam-kapat { position: absolute; inset-inline-end: 0; top: 0; width: var(--dokunma); height: var(--dokunma); border: 0; background: none; color: var(--metin); display: grid; place-items: center; cursor: pointer; }
.reklam-kapat .ikon { width: 18px; height: 18px; }
@media (min-width: 861px) {
  .reklam-yuva { display: var(--yg861, var(--yg0, flex)); min-height: calc(var(--yh861, var(--yh0, 0px)) + 20px); }
  .reklam-ic { min-height: var(--yh861, var(--yh0, 0px)); max-height: var(--ym861, var(--ym0, none)); }
  .reklam-yapiskan { display: none !important; }
}
@media (min-width: 1101px) {
  .reklam-yuva { display: var(--yg1101, var(--yg861, var(--yg0, flex))); min-height: calc(var(--yh1101, var(--yh861, var(--yh0, 0px))) + 20px); }
  .reklam-ic { min-height: var(--yh1101, var(--yh861, var(--yh0, 0px))); max-height: var(--ym1101, var(--ym861, var(--ym0, none))); }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition-duration: .01ms !important; transition-delay: 0s !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; }
  .kart:hover .kart-gorsel img { transform: none; }
}
@media (forced-colors: active) {
  .kart-gorsel::after, .dugme, .cip, .ray-ok { border: 1px solid CanvasText; }
  :focus-visible { outline-color: Highlight; }
}