/* Ortak partial stilleri — eskiden _Menu, _Breadcrumb, _Layout ve _CookieConsent içinde
   satır içi <style> olarak duruyordu. Sıra, sayfadaki eski belge sırasıyla aynı tutuldu;
   _Layout <head> sonunda (Styles bölümünden sonra) bağlanır. */

/* ===== _Menu: üst menü / navbar (_Menu.cshtml) ===== */
/* Promo bar iletişim aksiyonları (telefon + WhatsApp hap butonu) */
.promo-actions { display: inline-flex; align-items: center; gap: 16px; }
.promo-actions .promo-phone { color: #fff; font-weight: 700; display: inline-flex; align-items: center; gap: 8px; text-decoration: none; white-space: nowrap; }
.promo-actions .promo-phone i { color: #fff; font-size: 1rem; }
.promo-actions .promo-phone:hover { color: #fff; opacity: .9; }
.promo-actions .promo-sep { color: rgba(255,255,255,.45); font-weight: 400; user-select: none; line-height: 1; }
/* WhatsApp: görseli .js-btn--wa (site-standard.css). Promo bar 45px sabit yükseklikte;
   44px dokunma alanı sığmadığı için yalnız boyut sıkıştırılır (masaüstü; mobilde bar gizli).
   style.css ".promo-banner a { color: white }" (0,1,1) .js-btn--wa metin rengini eziyordu
   (yeşilde beyaz 1.9:1); --wa'nın koyu metni burada geri verilir. */
.promo-actions .promo-wa-btn { min-height: 0; padding: 6px 14px; }
.promo-actions .promo-wa-btn,
.promo-actions .promo-wa-btn:hover,
.promo-actions .promo-wa-btn:focus { color: #06281a; }
/* "Bayi Girişi" — mevcut bayiler icin panel girisi; "Bayimiz Olun" ise yeni bayi basvurusu.
   Ikisi farkli niyet oldugu icin gorsel olarak da ayirdik: basvuru duz metin linki,
   giris hafif cerceveli (ghost) hap. WhatsApp dolgulu beyaz hap olarak tek birincil CTA kaliyor. */
.promo-actions .promo-dealer-login { display: inline-flex; align-items: center; gap: 7px; color: #fff; font-weight: 700; font-size: 14px; line-height: 1; text-decoration: none; white-space: nowrap; padding: 6px 14px; border: 1px solid rgba(255,255,255,.55); border-radius: 999px; background: rgba(255,255,255,.08); transition: background-color .2s ease, border-color .2s ease, transform .2s ease; }
.promo-actions .promo-dealer-login:hover { color: #fff; background: rgba(255,255,255,.2); border-color: #fff; transform: translateY(-1px); }
.promo-actions .promo-dealer-login i { font-size: 15px; color: #fff; }
/* Dar masaustunde promo bar 4 aksiyonla siksisiyor: aralari daraltip metinleri kisaltmadan sigdir. */
@media (max-width: 1199.98px) {
    .promo-actions { gap: 10px; }
    .promo-actions .promo-dealer-login { padding: 6px 11px; }
}
/* Menü görsel iyileştirme (yalnızca ek katman) */
.navbar.style-4 .navbar-nav .nav-item > .nav-link { position: relative; font-weight: 600; transition: color .2s ease; }
.navbar.style-4 .navbar-nav .nav-item > .nav-link:not(.dropdown-toggle)::after { content: ""; position: absolute; left: 12px; right: 12px; bottom: 2px; height: 2px; background: linear-gradient(to right, #4e1c99, #a44cee); border-radius: 2px; transform: scaleX(0); transform-origin: left; transition: transform .25s ease; }
.navbar.style-4 .navbar-nav .nav-item > .nav-link:hover, .navbar.style-4 .navbar-nav .nav-item > .nav-link.active { color: #4e1c99 !important; }
.navbar.style-4 .navbar-nav .nav-item > .nav-link:not(.dropdown-toggle):hover::after, .navbar.style-4 .navbar-nav .nav-item > .nav-link:not(.dropdown-toggle).active::after { transform: scaleX(1); }
.navbar.style-4 .dropdown-menu { border: 1px solid rgba(88,66,188,.12); border-radius: 16px; box-shadow: 0 20px 45px -20px rgba(16,16,40,.35); padding: .5rem; margin-top: .6rem; }
/* Hover boşluğu köprüsü: toggle ile panel arasındaki boşlukta hover kopmasın */
.navbar.style-4 .nav-item.dropdown > .dropdown-menu::before { content: ""; position: absolute; left: 0; right: 0; top: -.75rem; height: .85rem; background: transparent; }
/* Mega menüler: .dropdown-content zaten kendi kutusunu (bg + gölge + radius) çiziyor.
   Bootstrap panelini şeffaf/sıfırla ki ikinci boş kutu (üstteki boş bant) oluşmasın.
   overflow:hidden KULLANMA — absolute .dropdown-content'i kırpıyor. */
.navbar.style-4 .dropdown-menu.menu-width-integration,
.navbar.style-4 .dropdown-menu.menu-width { margin-top: 0; padding: 0; border: none; box-shadow: none; background: transparent; }
.navbar.style-4 .dropdown-menu.menu-width-integration::before,
.navbar.style-4 .dropdown-menu.menu-width::before { content: none; }
/* Köşe taşması: alttaki tam-genişlik buton köşe yarıçapına uysun */
.navbar.style-4 .menu-width-integration .button-container { border-radius: 0 0 15px 15px; overflow: hidden; }
.navbar.style-4 .dropdown-menu .nav-link, .navbar.style-4 .dropdown-menu .dropdown-item { border-radius: 10px; padding: .55rem .85rem !important; font-weight: 500; transition: background .18s ease, color .18s ease; }
.navbar.style-4 .dropdown-menu .nav-link::after, .navbar.style-4 .dropdown-menu .dropdown-item::after { display: none; }
.navbar.style-4 .dropdown-menu .nav-link:hover, .navbar.style-4 .dropdown-menu .dropdown-item:hover { background: rgba(88,66,188,.08); color: #4e1c99 !important; }
/* "Ücretsiz Demo Al" (.btn-customer-register): görseli .js-btn--primary (site-standard.css) */
/* Mega menü (Entegrasyonlar) toparlama */
/* "Tüm Entegrasyonları İncele" (.full-width-button): görseli .js-btn--primary .js-btn--block.
   Hap buton kutu kenarına yapışmasın diye kapsayıcıya iç boşluk (min.css padding:0 !important ezilir). */
.navbar.style-4 .menu-width-integration .button-container { padding: 12px 16px 16px !important; }
.navbar.style-4 .dropdown-content .integration-link { transition: color .18s ease; }
.navbar.style-4 .dropdown-content .integration-link:hover { color: #4e1c99 !important; }
.navbar.style-4 .dropdown-content .integration-link .integration-text { transition: transform .18s ease; }
.navbar.style-4 .dropdown-content .integration-link:hover .integration-text { transform: translateX(3px); }
.navbar.style-4 .dropdown-content .integration-link img.integration-icon { width: 22px !important; height: 22px !important; object-fit: contain !important; border-radius: 5px; }
.navbar.style-4 .dropdown-content .integration-link img.integration-icon[src*="temu"] { width: 34px !important; height: 34px !important; transform: scale(1.25); }
.navbar.style-4 .dropdown-content .category h4 { letter-spacing: .07em; color: #9a96ab; }
/* "Entegrasyon Çözümlerimiz" listesini ikon rozetiyle anlaşılır kıl */
.navbar.style-4 .menu-width-integration .category:first-of-type .integration-link { display: flex; align-items: center; gap: 12px; padding: 7px 10px; border-radius: 12px; }
.navbar.style-4 .menu-width-integration .category:first-of-type .integration-link .ic-badge { flex: 0 0 auto; width: 38px; height: 38px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(145deg, #f3eefc, #e9e3f7); color: #5842bc; font-size: 1.1rem; transition: background .18s ease, color .18s ease; }
.navbar.style-4 .menu-width-integration .category:first-of-type .integration-link:hover { background: rgba(88,66,188,.07); }
.navbar.style-4 .menu-width-integration .category:first-of-type .integration-link:hover .ic-badge { background: linear-gradient(145deg, #4e1c99, #5842bc); color: #fff; }
.navbar.style-4 .menu-width-integration .category:first-of-type .integration-text { line-height: 1.25; font-weight: 600; color: #1c1530; }
.navbar.style-4 .menu-width-integration .category:first-of-type .integration-link:hover .integration-text { color: #4e1c99; }
.navbar.style-4 .dropdown-menu.menu-width-integration.show, .navbar.style-4 .dropdown-menu.menu-width.show { animation: jsMenuIn .22s cubic-bezier(.16,1,.3,1); }
.navbar.style-4 .dropdown:hover .dropdown-content { animation: jsMenuIn .22s cubic-bezier(.16,1,.3,1); }
@keyframes jsMenuIn { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .navbar.style-4 .dropdown-menu.show, .navbar.style-4 .dropdown:hover .dropdown-content, .navbar.style-4 .integration-text { animation: none !important; transition: none !important; } }

/* Araclar > "Komisyon Hesaplama" saga acilan flyout alt menusu (pazaryeri sayfalari). */
.navbar.style-4 .tools-flyout { position: relative; }
.navbar.style-4 .tools-flyout > .dropdown-item { gap: .75rem; }
.navbar.style-4 .tools-flyout-caret { font-size: .8rem; opacity: .55; transition: transform .18s ease, opacity .18s ease; }
.navbar.style-4 .tools-flyout:hover > .dropdown-item .tools-flyout-caret,
.navbar.style-4 .tools-flyout:focus-within > .dropdown-item .tools-flyout-caret { opacity: 1; transform: translateX(2px); }
/* Ust seviye "Komisyon Hesaplama" hover'inda da vurgulansin. */
.navbar.style-4 .tools-flyout:hover > .dropdown-item,
.navbar.style-4 .tools-flyout:focus-within > .dropdown-item,
.navbar.style-4 .tools-flyout.is-open > .dropdown-item { background: rgba(88,66,188,.08); color: #4e1c99 !important; }
/* dropdown-menu sinifini tasir (kart gorunumu icin) ama Bootstrap'in display:none'unu eziyoruz;
   gorunurluk opacity/visibility ile hover/focus'ta kontrol edilir. */
.navbar.style-4 .tools-submenu {
    display: block; position: absolute; top: -.5rem; left: 100%;
    margin: 0; min-width: 258px;
    opacity: 0; visibility: hidden; transform: translateX(6px);
    transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
    pointer-events: none;
}
.navbar.style-4 .tools-flyout:hover > .tools-submenu,
.navbar.style-4 .tools-flyout:focus-within > .tools-submenu,
.navbar.style-4 .tools-flyout.is-open > .tools-submenu {
    opacity: 1; visibility: visible; transform: translateX(0); pointer-events: auto;
}
/* Kucuk masaustu genisliklerinde saga tasmayi onlemek icin sola ac. */
@media (max-width: 1199.98px) {
    .navbar.style-4 .tools-submenu { left: auto; right: 100%; transform: translateX(-6px); }
    .navbar.style-4 .tools-flyout:hover > .tools-submenu,
    .navbar.style-4 .tools-flyout:focus-within > .tools-submenu,
    .navbar.style-4 .tools-flyout.is-open > .tools-submenu { transform: translateX(0); }
}
@media (prefers-reduced-motion: reduce) {
    .navbar.style-4 .tools-submenu, .navbar.style-4 .tools-flyout-caret { transition: none !important; }
}

/* ===== _Breadcrumb: içerik yolu (.js-breadcrumb) (_Breadcrumb.cshtml) ===== */
/* Sabit header (promo 45px + navbar) body'nin 75px padding'inden yüksek → üst padding taşmayı yutar,
   görünür üst/alt boşluk eşit olacak şekilde ölçülüp ayarlandı (desktop header ~134px, mobil ~118px) */
/* Eski zemin (#faf8ff -> #f4f0fb) neredeyse beyazdi ve hemen altindaki gri
   basliK bandindan (#efefef) ayirt edilemiyordu; iki serit tek blok gibi
   gorunuyordu. Bir tik doygun bir lila veriyoruz: hala sakin, ama sinir belli. */
.js-breadcrumb { background: linear-gradient(180deg, #f3edfd 0%, #e9e1f7 100%); border-bottom: 1px solid #ddd2f0; padding-top: 71px; padding-bottom: 12px; }
.js-breadcrumb .container { padding-top: 0 !important; padding-bottom: 0 !important; }
.js-breadcrumb nav { padding: 0; }
@media (max-width: 991px) { .js-breadcrumb { padding-top: 55px; } }
.js-breadcrumb ol { display: flex; flex-wrap: wrap; align-items: center; gap: .1rem .15rem; margin: 0; padding: 0; list-style: none; font-size: .86rem; line-height: 1.4; }
.js-breadcrumb li { display: inline-flex; align-items: center; }
.js-breadcrumb a { color: #6b6480; text-decoration: none; font-weight: 500; padding: .18rem .35rem; border-radius: 7px; transition: color .18s ease, background-color .18s ease; }
.js-breadcrumb a:hover { color: #4e1c99; background: #efe7fb; }
.js-breadcrumb .js-bc-home { display: inline-flex; align-items: center; gap: .3rem; }
.js-breadcrumb .js-bc-sep { color: #c3b8dd; font-size: .7rem; margin: 0 .12rem; display: inline-flex; }
.js-breadcrumb .js-bc-current { color: #4e1c99; font-weight: 700; padding: .18rem .35rem; max-width: 60vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* Mobil: breadcrumb ortali ve sayfa basligi KESILMEZ.
   Eskiden .js-bc-current'a max-width 52vw + nowrap + ellipsis uygulaniyordu;
   uzun blog basliklari "Varyant Bazli Stok Takibi Nasil ..." diye yarida kesiliyordu.
   Alt satira sarmasi, kesilmesinden iyi: ol zaten flex-wrap. */
@media (max-width: 767.98px) {
    /* padding-top:55px, promo bandi + uzun navbar icin ayrilmis paydi.
       Promo bandi mobilde gizlendi, navbar 118px -> 74px'e dustu; bu payin
       56px'i logo altinda bos bir seride donusuyordu. Masaustundeki gercek
       bosluk 12px, mobili de ona esitliyoruz. */
    .js-breadcrumb { padding-top: 12px; }
    .js-breadcrumb ol { font-size: .8rem; justify-content: center; text-align: center; }
    .js-breadcrumb .js-bc-current {
        max-width: none;
        overflow: visible;
        text-overflow: clip;
        white-space: normal;
    }
}
@media (prefers-reduced-motion: reduce) { .js-breadcrumb a { transition: none; } }

/* ===== _Layout: footer öncesi blok (_Layout.cshtml) ===== */
/* Footer görsel rötuş (ek katman) */
footer.style-7 .links-group > span { color: #4e1c99 !important; font-weight: 700; position: relative; padding-bottom: 8px; display: inline-block; }
footer.style-7 .links-group > span::after { content: ""; position: absolute; left: 0; bottom: 0; width: 32px; height: 3px; border-radius: 3px; background: linear-gradient(to right, #4e1c99, #a44cee); }
footer.style-7 .links-group ul.links li a { transition: color .2s ease, padding-left .2s ease; }
footer.style-7 .links-group ul.links li a:hover { color: #4e1c99 !important; padding-left: 6px; }
footer.style-7 .social-links a { background: linear-gradient(145deg, #4e1c99, #5842bc) !important; color: #fff !important; transition: transform .2s ease, box-shadow .2s ease; }
footer.style-7 .social-links a:hover { transform: translateY(-3px); box-shadow: 0 10px 22px -10px rgba(78,28,153,.7); color: #fff !important; }
@media (prefers-reduced-motion: reduce) { footer.style-7 .links-group ul.links li a, footer.style-7 .social-links a { transition: none; } }
/* Footer yerleşimi: geniş kap, 4 bağlantı sütunu (mobilde 2), tek satır alt bant */
footer.style-7.jsfoot { padding-bottom: 0; }
.jsfoot-main { padding: 48px 0 28px; }
footer.style-7.jsfoot .info-logo .logo { margin-bottom: 20px; width: 170px; display: inline-block; }
.jsfoot-about { font-size: 14.5px; line-height: 1.6; color: #3d3852; max-width: 340px; margin-bottom: 16px; }
.jsfoot-phone { display: block; margin-bottom: 16px; }
.jsfoot-phone i { color: #7c3aed; font-size: 20px; vertical-align: middle; margin-right: 8px; }
footer.style-7.jsfoot .info-logo .social-links a { width: 44px; height: 44px; line-height: 44px; }
footer.style-7.jsfoot .links-side { padding: 0; }
footer.style-7.jsfoot .links-group { margin: 0 0 24px; }
footer.style-7.jsfoot .links-group > span { font-size: 16px; margin-bottom: 10px; border-bottom: 0; }
footer.style-7.jsfoot .links-group ul.links { margin: 0; padding: 0; list-style: none; }
footer.style-7.jsfoot .links-group ul.links li a { display: inline-block; margin: 0; padding: 5px 0; font-size: 14.5px; line-height: 1.4; }
.jsfoot-bottom { display: flex; align-items: center; justify-content: space-between; gap: 12px 32px; flex-wrap: wrap; padding: 16px 0 20px; border-top: 1px solid #dddbe8; }
.jsfoot-bottom p { margin: 0; }
.jsfoot-bottom .jsfoot-copy { color: #1c1530; font-size: 14px !important; font-weight: 500; }
.jsfoot-bottom .jsfoot-kunye { color: #5a5a6e; font-size: 13px !important; line-height: 1.5; }
.jsfoot-legal { display: flex; gap: 4px 24px; align-items: center; flex-wrap: wrap; }
.jsfoot-legal a { color: #4a4660; font-size: 14px; font-weight: 500; text-decoration: none; transition: color .2s ease; }
.jsfoot-legal a:hover { color: #4e1c99; }
footer.style-7.jsfoot a:focus-visible { outline: 2px solid #5842bc; outline-offset: 3px; border-radius: 4px; }
@media (max-width: 991px) {
    .jsfoot-main { padding: 36px 0 12px; }
    .jsfoot-about { max-width: none; }
    footer.style-7.jsfoot .jsfoot-links { margin-top: 28px; }
    footer.style-7.jsfoot .links-group { margin-top: 0; text-align: left; }
    footer.style-7.jsfoot .links-group ul.links li a { padding: 12px 0; }
    .jsfoot-phone a, footer.style-7.jsfoot .info-logo .logo { display: inline-flex; align-items: center; min-height: 44px; }
    .jsfoot-bottom { flex-direction: column; text-align: center; border-radius: 0 !important; padding: 16px 0 20px !important; }
    .jsfoot-legal { justify-content: center; }
    .jsfoot-legal a { display: inline-flex; align-items: center; min-height: 44px; }
}

/* ===== _Layout: lead popup (jspop) (_Layout.cshtml) ===== */
.jspop-overlay { position: fixed; inset: 0; z-index: 2147483647; background: rgba(20,12,40,.55); backdrop-filter: blur(3px); display: flex; align-items: center; justify-content: center; padding: 1rem; opacity: 0; visibility: hidden; transition: opacity .3s ease, visibility .3s ease; overflow-y: auto; }
.jspop-overlay.open { opacity: 1; visibility: visible; }
.jspop-card { position: relative; width: 100%; max-width: 460px; background: #fff; border-radius: 22px; box-shadow: 0 40px 80px -30px rgba(20,12,40,.6); padding: clamp(1.6rem, 4vw, 2.4rem); transform: translateY(16px) scale(.98); transition: transform .35s cubic-bezier(.16,1,.3,1); overflow: hidden; }
.jspop-overlay.open .jspop-card { transform: none; }
.jspop-card::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 5px; background: linear-gradient(to right, #501e9c, #a44cee 55%, #ff847f); }
.jspop-close { position: absolute; top: 8px; right: 8px; width: 44px; height: 44px; border: none; background: #f3f0fb; color: #5a5a6e; border-radius: 50%; font-size: 1.1rem; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; transition: background .2s ease, color .2s ease; }
.jspop-close:hover { background: #e7e1f6; color: #4e1c99; }
.jspop-close:focus-visible, .jspop-submit:focus-visible { outline: 2px solid #5842bc; outline-offset: 2px; }
.jspop-card:focus { outline: none; } /* yalniz programatik odak (tabindex=-1); diyalog etiketi okunur */
/* Rozet görseli .js-eyebrow (site-standard.css); burada yalnız ortalama/yerleşim */
.jspop-eyebrow { display: flex; width: fit-content; margin: 0 auto .9rem; }
.jspop-title { font-size: clamp(1.4rem, 1rem + 1.6vw, 1.85rem); font-weight: 800; color: #1c1530; margin: 0 0 .5rem; line-height: 1.2; text-align: center; }
/* .jspop-title .grad: popup başlığı H1 değil, gradyansız; başlık rengini (--js-ink) devralır */
.jspop-sub { color: #5a5a6e; font-size: .98rem; margin: 0 0 1.3rem; line-height: 1.5; text-align: center; }
.jspop-field { width: 100%; border: 1.5px solid #e6e3f0; border-radius: 12px; padding: .85rem 1rem; font-size: 1rem; background: #fbfbfe; margin-bottom: .75rem; transition: border-color .2s ease, box-shadow .2s ease, background .2s ease; }
.jspop-field:focus { outline: 2px solid #5842bc; outline-offset: 1px; border-color: #5842bc; background: #fff; box-shadow: 0 0 0 4px rgba(88,66,188,.12); }
.jspop-field::placeholder { color: #6b6880; opacity: 1; }
.jspop-submit { width: 100%; display: inline-flex; align-items: center; justify-content: center; gap: .5rem; background: linear-gradient(145deg, #4e1c99, #5842bc); border: none; color: #fff; font-weight: 700; padding: .95rem 1.5rem; border-radius: 999px; font-size: 1.02rem; cursor: pointer; box-shadow: 0 14px 28px -12px rgba(78,28,153,.6); transition: transform .2s ease, box-shadow .2s ease; }
.jspop-submit:hover { transform: translateY(-2px); box-shadow: 0 20px 36px -12px rgba(78,28,153,.65); }
.jspop-submit[disabled] { opacity: .7; cursor: default; transform: none; }
.jspop-note { display: flex; align-items: center; gap: .45rem; color: #8b8799; font-size: .8rem; margin: .85rem 0 0; justify-content: center; }
.jspop-note i { color: #2e9e5b; }
.jspop-msg { margin: .8rem 0 0; font-size: .9rem; font-weight: 600; text-align: center; }
.jspop-msg.ok { color: #2e9e5b; }
.jspop-msg.err { color: #d6336c; }
.jspop-success { text-align: center; padding: 1rem 0 .3rem; }
.jspop-success i { font-size: 3rem; color: #2e9e5b; }
.jspop-success h3 { font-size: 1.4rem; font-weight: 800; color: #1c1530; margin: .6rem 0 .3rem; }
.jspop-success p { color: #5a5a6e; margin: 0; }
@media (prefers-reduced-motion: reduce) { .jspop-overlay, .jspop-card, .jspop-submit { transition: none; } }

/* ===== _Layout: Sizi Arayalım formu (_Layout.cshtml) ===== */
/* Gonderim sirasinda buton: metni "Gonderiliyor…" olur, soluklasir, tiklanamaz.
   Butonlar <input type="submit"> oldugu icin pseudo-element (spinner) kullanilamaz. */
form[data-lead-form] [type="submit"] { transition: opacity .15s ease; }
form[data-lead-form] [type="submit"].is-submitting { opacity: .6; cursor: progress; }
form[data-lead-form] [type="submit"]:disabled { pointer-events: none; }

/* ===== _CookieConsent: çerez bildirimi (_CookieConsent.cshtml) ===== */
#cookieConsent.cookie-consent {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99990;
    width: auto;
    max-width: none;
    background: #fff;
    border-top: 1px solid rgba(88, 66, 188, .18);
    box-shadow: 0 -10px 30px -18px rgba(20, 12, 40, .4);
    padding: 0;
    animation: jsCookieIn .3s ease-out both;
}

@keyframes jsCookieIn {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
}

#cookieConsent .cookie-consent-content {
    display: flex;
    align-items: center;
    gap: 16px;
    max-width: 1240px;
    min-height: 60px;
    margin: 0 auto;
    padding: 8px 24px;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

/* style.css / responsive.css'teki eski kart kurallari (ortali metin, 480 px altinda alt alta butonlar)
   burada acikca ezilir. Olculer px: sitenin kok font boyutu genislige gore degisiyor. */
#cookieConsent .cookie-consent-text { flex: 1 1 auto; min-width: 0; margin: 0; text-align: left; }

#cookieConsent .cookie-consent-text p {
    /* responsive.css genis ekranda p'ye 18px !important veriyor; serit metni sabit kalir. */
    font-size: 14px !important;
    line-height: 1.4;
    color: #4a4760;
    margin: 0;
    text-align: left;
}

#cookieConsent .cookie-consent-text a {
    color: #4e1c99;
    font-weight: 700;
    text-decoration: underline;
    white-space: nowrap;
}

#cookieConsent .cookie-consent-actions {
    display: flex;
    flex: 0 0 auto;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 8px;
    margin: 0;
}

#cookieConsent .cookie-consent-actions button {
    border: none;
    border-radius: 999px;
    flex: 0 0 auto;
    width: auto;
    min-height: 44px;
    margin: 0;
    padding: 0 20px;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
    transition: background .2s ease, box-shadow .2s ease;
}

#cookieConsent .cookie-consent-actions button:focus-visible,
#cookieConsent .cookie-consent-text a:focus-visible { outline: 2px solid #5842bc; outline-offset: 2px; }

#cookieConsent #rejectCookies { background: #f0eff5; color: #4a4760; }
#cookieConsent #rejectCookies:hover { background: #e6e3f0; color: #1c1530; }

#cookieConsent #acceptCookies { background: linear-gradient(145deg, #4e1c99, #5842bc); color: #fff; }
#cookieConsent #acceptCookies:hover { box-shadow: 0 10px 20px -10px rgba(78, 28, 153, .7); }

@media (min-width: 768px) {
    html.js-cookie-open .to_top { bottom: calc(var(--js-cookie-h, 64px) + 50px); }
}

#cookieConsent .cookie-consent-long { display: inline; }
#cookieConsent .cookie-consent-short { display: none; }

@media (max-width: 767.98px) {
    /* Alt iletişim çubuğunun üstüne oturur (mobile-ux.css aynı konumu !important ile de veriyor). */
    #cookieConsent.cookie-consent { bottom: calc(var(--m-bar-h, 62px) + env(safe-area-inset-bottom, 0px)); }
    #cookieConsent .cookie-consent-content { gap: 10px; min-height: 0; padding: 8px 12px; }
    #cookieConsent .cookie-consent-text p { font-size: 13px !important; line-height: 1.35; }
    #cookieConsent .cookie-consent-long { display: none; }
    #cookieConsent .cookie-consent-short { display: inline; }
    #cookieConsent .cookie-consent-actions { gap: 8px; }
    #cookieConsent .cookie-consent-actions button { padding: 0 12px; font-size: 13px; }
}

@media (prefers-reduced-motion: reduce) {
    #cookieConsent.cookie-consent { animation: none; }
    #cookieConsent .cookie-consent-actions button { transition: none; }
}