/* Kart teması: liquid-glass-footer.framer.website ölçülen değerleri, 9.11.2026 */
:root {
  --lg-cerceve: linear-gradient(rgb(255,255,255) 0%, rgb(201,201,201) 9%, rgb(161,161,161) 32%, rgb(117,117,117) 73%, rgb(255,255,255) 100%);
  --lg-ic: linear-gradient(150deg, rgb(208,208,208) 0%, rgb(232,232,232) 50%, rgb(200,200,200) 100%);
  --lg-ic-golge: rgba(0,0,0,.07) 0 1px 1.5px 0 inset, rgba(0,0,0,.07) 0 -1px 1.5px 0 inset;
  --lg-golge: rgba(0,0,0,.01) .29px 4.36px 2.18px 0, rgba(0,0,0,.01) .48px 7.24px 3.63px 0, rgba(0,0,0,.02) .78px 11.7px 5.86px 0, rgba(0,0,0,.03) 1.28px 19.15px 9.6px 0, rgba(0,0,0,.03) 2.2px 32.97px 16.52px 0, rgba(0,0,0,.06) 4px 60px 30.07px 0;
  --lg-baslik: rgb(10,10,12);
  --lg-metin: rgba(20,20,25,.55);
  --lg-etiket: rgba(20,20,25,.4);
  --lg-cizgi: rgba(10,10,12,.1);
  --lg-dugme: linear-gradient(rgb(38,38,42) 0%, rgb(8,8,10) 100%);
  --lg-dugme-h: linear-gradient(rgba(37,37,41,.85) 0%, rgba(8,8,10,.85) 100%);
  --lg-dugme-golge: rgba(255,255,255,.28) 0 1px 0 0 inset, rgba(0,0,0,.5) 0 -1px 1px 0 inset, rgba(0,0,0,.38) 0 7px 16px -6px;
  --lg-dugme-golge-h: rgba(255,255,255,.45) 0 1px 0 0 inset, rgba(0,0,0,.5) 0 -1px 1px 0 inset, rgba(0,0,0,.58) 0 12px 24px -6px;
  --lg-parilti: linear-gradient(110deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.7) 50%, rgba(255,255,255,0) 100%);
  --lg-alan: rgba(255,255,255,.35);
  --lg-alan-golge: rgba(255,255,255,.7) 0 1px 1px 0 inset, rgba(0,0,0,.06) 0 -1px 1.5px 0 inset;
  --lg-alan-odak: rgba(255,255,255,.45);
  --lg-alan-odak-golge: rgba(255,255,255,.9) 0 1px 1px 0 inset, rgba(148,160,181,.45) 0 8px 20px -6px, rgba(255,255,255,.5) -4px -4px 12px 0;
}

html body main :is(.pk, .paket, a.hz-kart, .cell, .blog-kart, details, aside.kopru, aside.yazi-teklif, aside.durum-kutu, form.form, .ucyil-kart, li.hz-adim, .cmp-wrap, .gr-rechner, .kapanis-ic, .kim-list li, .mi-kart > a):not(#_) {
  border: 3px solid transparent !important;
  border-radius: 40px !important;
  background: var(--lg-ic) padding-box, var(--lg-cerceve) border-box !important;
  background-color: transparent !important;
  box-shadow: var(--lg-ic-golge), var(--lg-golge) !important;
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
}
html body main :is(.pk, .paket, a.hz-kart, .cell, .blog-kart, details, aside.kopru, aside.yazi-teklif, aside.durum-kutu, form.form, .ucyil-kart, li.hz-adim, .cmp-wrap, .gr-rechner, .kapanis-ic, .kim-list li, .mi-kart > a):not(#_) :is(h2, h3, h4, summary, .pk-fiyat b, .tutar) { color: var(--lg-baslik) !important; -webkit-text-fill-color: var(--lg-baslik) !important; }
html body main .paketler :is(.pk-ad, .pk-fiyat):not(#_) { color: var(--lg-baslik) !important; -webkit-text-fill-color: currentColor !important; }
html body main :is(.pk, .paket, a.hz-kart, .cell, .blog-kart, details, aside.kopru, aside.yazi-teklif, aside.durum-kutu, form.form, .ucyil-kart, li.hz-adim, .cmp-wrap, .gr-rechner, .kapanis-ic, .kim-list li, .mi-kart > a):not(#_) :is(p:not(.pk-ad, .pk-fiyat), li, td, th) { color: var(--lg-metin) !important; }
html body main form.form:not(#_) :is(label, legend) { color: var(--lg-etiket) !important; }

/* Düğmeler */
html body main :is(.pk, .paket, aside.kopru, aside.yazi-teklif, aside.durum-kutu, form.form, .kapanis-ic):not(#_) .dugme:not(.dugme-cam) {
  border: 0 !important; border-radius: 999px !important;
  background-image: var(--lg-parilti), var(--lg-dugme) !important; background-color: transparent !important;
  background-repeat: no-repeat !important; background-size: 82% 150%, 100% 100% !important; background-position: -470% 50%, 0 0 !important;
  box-shadow: var(--lg-dugme-golge) !important; transition: background-position .7s ease, box-shadow .25s !important;
}
html body main :is(.pk, .paket, aside.kopru, aside.yazi-teklif, aside.durum-kutu, form.form, .kapanis-ic):not(#_) .dugme:not(.dugme-cam), html body main :is(.pk, .paket, aside.kopru, aside.yazi-teklif, aside.durum-kutu, form.form, .kapanis-ic):not(#_) .dugme:not(.dugme-cam) span { color: rgb(255,255,255) !important; -webkit-text-fill-color: rgb(255,255,255) !important; }
html body main :is(.pk, .paket, aside.kopru, aside.yazi-teklif, aside.durum-kutu, form.form, .kapanis-ic):not(#_) .dugme:not(.dugme-cam):hover { background-image: var(--lg-parilti), var(--lg-dugme-h) !important; background-position: 570% 50%, 0 0 !important; box-shadow: var(--lg-dugme-golge-h) !important; }
html body main :is(.pk, .paket, aside.kopru, aside.yazi-teklif, aside.durum-kutu, form.form, .kapanis-ic):not(#_) .dugme-cam { border: 0 !important; border-radius: 999px !important; background: var(--lg-alan) !important; box-shadow: var(--lg-alan-golge) !important; }
html body main :is(.pk, .paket, aside.kopru, aside.yazi-teklif, aside.durum-kutu, form.form, .kapanis-ic):not(#_) .dugme-cam, html body main :is(.pk, .paket, aside.kopru, aside.yazi-teklif, aside.durum-kutu, form.form, .kapanis-ic):not(#_) .dugme-cam span { color: var(--lg-baslik) !important; -webkit-text-fill-color: var(--lg-baslik) !important; }

/* Form alanları */
html body main form.form:not(#_) :is(input:not([type=checkbox], [type=radio]), select, textarea) { border: 0 !important; background: var(--lg-alan) !important; box-shadow: var(--lg-alan-golge) !important; }
html body main form.form:not(#_) :is(input:not([type=checkbox], [type=radio]), select) { border-radius: 999px !important; }
html body main form.form:not(#_) :is(input:not([type=checkbox], [type=radio]), select, textarea):focus { background: var(--lg-alan-odak) !important; box-shadow: var(--lg-alan-odak-golge) !important; }

/* Paketler: para birimi anahtarı */
html body main #paketler { position: relative; isolation: isolate; }
.tm-mod { position: relative; display: inline-grid; grid-template-columns: repeat(4, 1fr); width: min(372px, calc(100vw - 32px)); margin-top: 22px; padding: 4px; border-radius: 999px; background: var(--lg-alan); box-shadow: var(--lg-alan-golge); }
.tm-mod i { position: absolute; top: 4px; bottom: 4px; left: 4px; width: calc(25% - 2px); border-radius: 999px; background: var(--lg-dugme); box-shadow: var(--lg-dugme-golge); transition: transform .42s cubic-bezier(.3,1.25,.5,1); }
.tm-mod[data-s="eur"] i { transform: translateX(100%); }
.tm-mod[data-s="usd"] i { transform: translateX(200%); }
.tm-mod[data-s="gbp"] i { transform: translateX(300%); }
html body .tm-mod button { position: relative; padding: 11px 4px; border: 0; border-radius: 999px; background: transparent; color: var(--lg-metin); font: 600 14px/1 var(--display, Sora, sans-serif); cursor: pointer; transition: color .25s; }
html body .tm-mod button[aria-pressed="true"] { color: rgb(255,255,255); }
.tm-mod button:focus-visible { outline: 2px solid var(--lg-baslik); outline-offset: 2px; }

/* Dönen rakamlar */
html body main .pk-fiyat b.roll { display: inline-flex; background: none !important; font-variant-numeric: normal !important; font-feature-settings: normal !important; }
html body main .pk-fiyat b.roll span { font: inherit !important; letter-spacing: inherit !important; margin: 0 !important; padding: 0 !important; color: inherit !important; }
.roll .s { position: relative; display: inline-block; height: 1.1em; line-height: 1.1em; overflow: hidden; width: .62em; text-align: left; transition: width .42s cubic-bezier(.2,.75,.25,1), opacity .3s; }
.roll .s.bos { width: 0 !important; opacity: 0; }
.roll .st { display: block; transition: transform .7s cubic-bezier(.2,.8,.2,1), opacity .2s; }
.roll .st span, .roll .dt { display: block; height: 1.1em; line-height: 1.1em; }
.roll .dt { position: absolute; inset: 0; opacity: 0; transition: opacity .2s; }
.roll .nokta .dt { opacity: 1; }
.roll .nokta .st, .roll .bos .st { opacity: 0; }
.roll.anlik .s, .roll.anlik .st { transition: none !important; }
html.az-hareket .roll .s, html.az-hareket .roll .st { transition: none !important; }
@media (prefers-reduced-motion: reduce) { .roll .s, .roll .st, .tm-mod i { transition: none !important; } }

/* Footer */
html body footer.alt { padding: clamp(20px, 3vw, 36px) 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
.tm-plaka { position: relative; padding: 40px 44px 30px; border: 3px solid transparent; border-radius: 40px; background: var(--lg-ic) padding-box, var(--lg-cerceve) border-box; box-shadow: var(--lg-ic-golge), var(--lg-golge); }
html body footer.alt .tm-plaka :is(p, li, a, .alt-son, .alt-son span) { color: var(--lg-metin) !important; }
html body footer.alt .tm-plaka h2, html body footer.alt .tm-plaka h3 { color: var(--lg-etiket) !important; -webkit-text-fill-color: var(--lg-etiket) !important; }
html body footer.alt .tm-plaka .alt-son { margin-top: 24px; padding-top: 18px; border-top: 1px solid var(--lg-cizgi) !important; }
@media (min-width: 761px) { html body footer.alt .tm-plaka .alt-son { align-items: center; } }
@media (max-width: 809.98px) {
  html body main :is(.pk, .paket, a.hz-kart, .cell, .blog-kart, details, aside.kopru, aside.yazi-teklif, aside.durum-kutu, form.form, .ucyil-kart, li.hz-adim, .cmp-wrap, .gr-rechner, .kapanis-ic, .kim-list li, .mi-kart > a):not(#_) { border-radius: 32px !important; }
  .tm-plaka { padding: 28px 20px 24px; border-radius: 32px; }
}
@media (max-width: 760px) {
  html body footer.alt { padding-bottom: calc(84px + env(safe-area-inset-bottom)) !important; }
  html body footer.alt .tm-plaka .alt-son { padding-bottom: 0 !important; }
}

/* Kart dışı yüzeyler: aynı referansın plaka, alan, yuvarlak düğme ve koyu düğme değerleri */
:root {
  --lg-yuv: rgba(255,255,255,.25);
  --lg-yuv-golge: rgba(255,255,255,.35) 0 1px 0 0 inset;
  --lg-yuv-h: rgba(255,255,255,.55);
  --lg-link-h: rgba(255,255,255,.4);
  --lg-h-golge: rgba(255,255,255,.85) 0 1px 0 0 inset, rgba(148,160,181,.45) 0 8px 20px -6px, rgba(255,255,255,.5) -4px -4px 12px 0;
}
html body :is(.pm-cihaz.pm-cam, .pm-dene.pm-cam, .pm-sektor.pm-cam, .pm-bilgi.pm-cam, a.pm-tel.pm-cam, .shot-card):not(#_) {
  border: 3px solid transparent !important; border-radius: 40px !important;
  background: var(--lg-ic) padding-box, var(--lg-cerceve) border-box !important; background-color: transparent !important;
  box-shadow: var(--lg-ic-golge), var(--lg-golge) !important;
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
}
@media (min-width: 761px) {
  html body header.ust:not(#_) { border: 3px solid transparent !important; border-radius: 40px !important; background: var(--lg-ic) padding-box, var(--lg-cerceve) border-box !important; box-shadow: var(--lg-ic-golge), var(--lg-golge) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
}
@media (max-width: 760px) {
  html body header.ust:not(#_) { background: var(--lg-ic) !important; box-shadow: var(--lg-ic-golge), var(--lg-golge) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
}
@media (max-width: 1279px) { html body .ana-menu.acik:not(#_) { background: var(--lg-ic) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; } }
html body nav.alt-cubuk:not(#_) { background: var(--lg-ic) !important; box-shadow: var(--lg-ic-golge) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }

html body :is(.dugme:not(.dugme-cam), a.sc-wa, a.ac-wa, .filt-b.on, .wfull, .pm-dene button, .hz-adim-no):not(#_) {
  border: 0 !important; border-radius: 999px !important;
  background-image: var(--lg-parilti), var(--lg-dugme) !important; background-color: transparent !important;
  background-repeat: no-repeat !important; background-size: 82% 150%, 100% 100% !important; background-position: -470% 50%, 0 0 !important;
  box-shadow: var(--lg-dugme-golge) !important; color: rgb(255,255,255) !important; -webkit-text-fill-color: rgb(255,255,255) !important;
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important; transition: background-position .7s ease, box-shadow .25s !important;
}
html body :is(.dugme:not(.dugme-cam), a.sc-wa, a.ac-wa, .filt-b.on, .wfull, .pm-dene button):not(#_) * { color: rgb(255,255,255) !important; -webkit-text-fill-color: rgb(255,255,255) !important; }
html body :is(.dugme:not(.dugme-cam), a.sc-wa, a.ac-wa, .filt-b.on, .wfull, .pm-dene button):not(#_):hover { background-image: var(--lg-parilti), var(--lg-dugme-h) !important; background-position: 570% 50%, 0 0 !important; box-shadow: var(--lg-dugme-golge-h) !important; }

html body :is(.dugme-cam, .hz-cip, .filt-b:not(.on), .ust-yazi, .phero-price, a.sc-tel, a.ac-tel, .chip, .pm-cip.pm-cam, li.pm-cam, .pm-sayac.pm-cam, .pm-adres, .pk-teslim):not(#_) {
  border: 0 !important; border-radius: 999px !important; background: var(--lg-alan) !important; box-shadow: var(--lg-alan-golge) !important;
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
}
html body :is(.dugme-cam, .hz-cip, .filt-b:not(.on), .phero-price, a.sc-tel, a.ac-tel, .chip, .pm-cip.pm-cam, li.pm-cam, .pm-sayac.pm-cam, .pm-adres):not(#_) { color: var(--lg-baslik) !important; -webkit-text-fill-color: var(--lg-baslik) !important; }
html body .ust-yazi:not(#_) { color: var(--lg-etiket) !important; -webkit-text-fill-color: var(--lg-etiket) !important; }
html body .pm-dene input:not(#_) { border: 0 !important; background: var(--lg-alan) !important; box-shadow: var(--lg-alan-golge) !important; }

html body :is(.yukari, .menu-ac, .pm-ok.pm-cam, .hz-ikon-kutu):not(#_) { border: 0 !important; border-radius: 999px !important; background: var(--lg-yuv) !important; box-shadow: var(--lg-yuv-golge) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; transition: background-color .25s, box-shadow .25s; }
html body :is(.yukari, .menu-ac, .pm-ok.pm-cam):not(#_):hover { background: var(--lg-yuv-h) !important; box-shadow: var(--lg-h-golge) !important; }

html body header.ust:not(#_) .ana-menu a:not(.dugme), html body footer.alt .tm-plaka ul a { border-radius: 999px; transition: background-color .2s, box-shadow .2s; }
html body header.ust:not(#_) .ana-menu ul a:not(.dugme) { color: var(--lg-metin) !important; }
@media (hover: hover) and (pointer: fine) {
  html body header.ust:not(#_) .ana-menu ul a:not(.dugme):hover, html body footer.alt .tm-plaka ul a:hover { background: var(--lg-link-h); box-shadow: var(--lg-h-golge); }
  html body footer.alt .tm-plaka ul a { display: inline-block; padding: 8px 12px; margin: -8px -12px; }
}
html body .pm-dene input:not(#_) { min-height: 46px; border-radius: 999px !important; padding-inline: 18px; }
html body .viewer .v-close:not(#_) { border: 0 !important; border-radius: 999px !important; background: var(--lg-alan) !important; box-shadow: var(--lg-alan-golge) !important; color: var(--lg-baslik) !important; }
html body .viewer .v-phone:not(#_) { border: 3px solid transparent !important; border-radius: 40px !important; background: var(--lg-ic) padding-box, var(--lg-cerceve) border-box !important; box-shadow: var(--lg-ic-golge), var(--lg-golge) !important; }

/* Sayfa zemini: E · İnce ızgara (kullanıcı seçimi, 9.11.2026) */
html:not(#_):not(.__) { background: #eceef2 !important; }
html:not(#_):not(.__) body { background: transparent !important; }
html:not(#_):not(.__) :is(canvas.deniz, .pm-bulut) { display: none !important; }
html:not(#_):not(.__) main :is(section, .bolum) { background: transparent !important; }
body::before { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none; }
html:not(#_):not(.__) body::before { background: linear-gradient(rgba(10,10,12,.045) 1px, transparent 1px) 0 0 / 72px 72px, linear-gradient(90deg, rgba(10,10,12,.045) 1px, transparent 1px) 0 0 / 72px 72px, radial-gradient(80% 60% at 50% 0, rgb(250,250,252) 0%, rgb(228,230,235) 100%); }

/* Mor rozetlerde yazı beyaz kalır: üst öğeden gelen koyu dolgu rengi burada geçersiz */
html:not(#_):not(.__):not(.___) body :is(.kdv, .rozet), html:not(#_):not(.__):not(.___) body :is(.kdv, .rozet) * { color: rgb(255,255,255) !important; -webkit-text-fill-color: rgb(255,255,255) !important; }

/* Üst etiket: zemin satır boyunca uzamaz. Dolgulu cip yalnız ana sayfada, iç sayfalarda düz etiket. */
html:not(#_):not(.__) body:not(:has(.tm-mod)) .ust-yazi { background: none !important; box-shadow: none !important; }
html:not(#_):not(.__) body:has(.tm-mod) :is(.bolum-bas, .vitrin-bas) .ust-yazi { justify-self: start; }