/*
  site.css — yeni sayfalar (platform listesi, sipariş, ödeme, admin) için
  el yazımı stiller. Orijinal style.css (Tailwind derlemesi) sadece
  index.php'deki hero bölümünde kullanılıyor; sandboxta internet erişimi
  olmadığından Tailwind'i yeniden derleyemedik, bu yüzden yeni bileşenler
  için düz CSS yazıldı. İsterseniz kendi bilgisayarınızda
  `npm install && npm run tailwind` çalıştırıp style.css'i yeniden
  üretebilir ve bu dosyadaki sınıfları Tailwind'e taşıyabilirsiniz.
*/

/* Mobil offcanvas menü kapalıyken transform ile ekran dışına taşınıyor;
   transform layout'u etkilemediği için tarayıcı bunu sayfanın scrollWidth'ine
   dahil edip yatay kaymaya sebep oluyordu. */
html, body { overflow-x: hidden; max-width: 100%; }

:root {
    --fp-primary: #4f46e5;
    --fp-primary-dark: #3730a3;
    --fp-accent: #ec4899;
    --fp-bg: #f8fafc;
    --fp-text: #1e293b;
    --fp-muted: #64748b;
    --fp-border: #e2e8f0;
    --fp-success: #16a34a;
    --fp-error: #dc2626;
    --fp-radius: 14px;
}

/* Not: bu dosya sadece aşağıdaki sınıf tabanlı bileşenleri (.flash, .form-*, .btn,
   .admin-*, vb.) stiller. Site genelini etkileyecek *, body, a gibi genel
   seçiciler kasıtlı olarak buradan çıkarıldı — tema zaten kendi genel
   stillerini (style.css) sağlıyor, buradaki genel kurallar onunla çakışıp
   ana sayfa/paket sayfaları gibi zaten doğru görünen sayfaları bozuyordu. */

/* ---------------------------------------------------------------- NAV */
.site-nav {
    background: #fff;
    border-bottom: 1px solid var(--fp-border);
    position: sticky;
    top: 0;
    z-index: 500;
}
.site-nav-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 14px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}
.site-logo {
    font-weight: 700;
    font-size: 1.4rem;
    background: linear-gradient(90deg, #F70E36, var(--fp-accent));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.site-nav-links { display: flex; gap: 22px; flex-wrap: wrap; }
.site-nav-links a {
    font-size: .95rem;
    font-weight: 500;
    color: var(--fp-muted);
    transition: color .15s;
}
.site-nav-links a:hover { color: #F70E36; }

/* --------------------------------------------------------------- FLASH */
.flash {
    max-width: 1200px;
    margin: 16px auto 0;
    padding: 12px 18px;
    border-radius: 10px;
    font-weight: 500;
}
.flash-success { background: #dcfce7; color: #166534; border: 1px solid #86efac; }
.flash-error   { background: #fee2e2; color: #991b1b; border: 1px solid #fca5a5; }

/* ------------------------------------------------------- HIZLI SİPARİŞ (anasayfa hero) */
.fp-quick-order {
    position: relative;
    margin-top: 24px;
    max-width: 620px;
    border-radius: 16px;
    padding: 20px;
    background: #fff;
    border: 1px solid var(--fp-border);
    box-shadow: 0 12px 34px rgba(15, 23, 42, .08);
}
.fp-quick-order-label {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #F70E36;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 0 14px;
}
.fp-quick-order-row {
    display: grid;
    grid-template-columns: 0.8fr 1.1fr 1.1fr;
    gap: 10px;
    margin-bottom: 14px;
}
/* Özel (temaya uyumlu) açılır liste — native <select> tarayıcı listesi
   stillenemediği ve çok öğeli listelerde hepsini tek seferde gösterdiği için
   yerine bu bileşen kullanıldı: en fazla ~5 öğe görünür, gerisi kaydırarak.
   NOT: .fp-quick-order'a overflow:hidden KONMAMALI — açılan liste kutunun
   sınırlarını aşınca kırpılıp butonun altında kayboluyordu. */
.fp-dd { position: relative; min-width: 0; }
.fp-dd-toggle {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 12px 14px;
    border-radius: 10px;
    border: 1px solid var(--fp-border);
    background: #f8fafc;
    color: var(--fp-text);
    font-size: .88rem;
    font-weight: 500;
    font-family: inherit;
    cursor: pointer;
    transition: border-color .15s, box-shadow .15s;
}
.fp-dd-label { display: flex; align-items: baseline; gap: 8px; min-width: 0; flex: 1; }
.fp-dd-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.fp-dd-price { flex-shrink: 0; color: #F70E36; font-weight: 700; }
.fp-dd-toggle i { flex-shrink: 0; color: #64748b; transition: transform .15s; }
.fp-dd.open .fp-dd-toggle { border-color: #F70E36; box-shadow: 0 0 0 3px rgba(247,14,54,.12); }
.fp-dd.open .fp-dd-toggle i { transform: rotate(180deg); }
.fp-dd.disabled .fp-dd-toggle { color: #94a3b8; cursor: not-allowed; background: #f1f5f9; }
.fp-dd-menu {
    display: none;
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    z-index: 60;
    background: #fff;
    border: 1px solid var(--fp-border);
    border-radius: 12px;
    box-shadow: 0 16px 40px rgba(15,23,42,.16);
    padding: 6px;
    max-height: 216px;
    overflow-y: auto;
}
.fp-dd.open .fp-dd-menu { display: block; }
.fp-dd-item {
    padding: 10px 12px;
    border-radius: 8px;
    font-size: .88rem;
    font-weight: 500;
    color: var(--fp-text);
    cursor: pointer;
    transition: background .12s, color .12s;
}
.fp-dd-item:hover { background: #fbe3e8; color: #F70E36; }
.fp-dd-item:has(.fp-dd-item-price) { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; }
.fp-dd-item-name { width: 100%; white-space: normal; word-break: break-word; }
.fp-dd-item-price { font-size: .82rem; font-weight: 700; color: #F70E36; }
.fp-dd-item:hover .fp-dd-item-price { color: #F70E36; }
.fp-dd-menu::-webkit-scrollbar { width: 6px; }
.fp-dd-menu::-webkit-scrollbar-track { background: transparent; }
.fp-dd-menu::-webkit-scrollbar-thumb { background: #F70E36; border-radius: 6px; opacity: .5; }
.fp-quick-order.dd-open .fp-quick-submit {
    opacity: .25;
    pointer-events: none;
    transition: opacity .15s;
}
.fp-quick-submit {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 18px;
    border: 0;
    border-radius: 10px;
    background: linear-gradient(120deg, #F70E36, #ff3c5f);
    color: #fff;
    font-weight: 700;
    font-size: 1rem;
    cursor: pointer;
    transition: opacity .15s, transform .15s;
}
.fp-quick-submit:hover:not(:disabled) { transform: translateY(-1px); }
.fp-quick-submit:disabled { background: #cbd5e1; cursor: not-allowed; }
.fp-quick-submit i { font-size: 1.1rem; }
@media (max-width: 640px) {
    .fp-quick-order-row { grid-template-columns: 1fr; }
    .fp-quick-order { max-width: 100%; }
}

/* Sepet adım 1: hesap/link alanı zorunlu hata mesajı. `.area h5/p` gibi
   float:left;width:100% olan kardeşlerinden sonra clear:both olmadan
   gelirse üstlerine biniyordu — bu yüzden aynı float akışına dahil edildi. */
.fp-field-error {
    clear: both;
    float: left;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 0 0 16px;
    padding: 14px 18px;
    border-radius: 12px;
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, rgba(247,14,54,.10), rgba(247,14,54,.03));
    border: 1px solid rgba(247,14,54,.35);
    box-shadow: 0 4px 18px rgba(247,14,54,.12);
}
.fp-field-error::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(100deg, transparent 0%, rgba(247,14,54,.16) 45%, transparent 90%);
    transform: translateX(-100%);
    animation: fpFieldErrorSweep 2.6s ease-in-out infinite;
}
@keyframes fpFieldErrorSweep {
    0%, 15% { transform: translateX(-100%); }
    60%, 100% { transform: translateX(100%); }
}
.fp-field-error > i {
    position: relative;
    z-index: 1;
    font-size: 20px;
    line-height: 1.4;
    color: #F70E36;
    flex-shrink: 0;
}
.fp-field-error > div {
    position: relative;
    z-index: 1;
    color: #99163a;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.5;
}
.fp-field-error > div span { display: block; }

/* ------------------------------------------------------------ SECTION */
.section {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px;
    clear: both;
}
.section-title {
    font-size: 1.7rem;
    font-weight: 700;
    margin-bottom: 6px;
}
.section-subtitle {
    color: var(--fp-muted);
    margin-bottom: 28px;
}

/* --------------------------------------------------------- PLATFORM GRID */
.platform-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 16px;
}
.platform-card {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px;
    border-radius: var(--fp-radius);
    color: #fff;
    font-weight: 600;
    transition: transform .15s, box-shadow .15s;
    box-shadow: 0 6px 16px rgba(0,0,0,.08);
}
.platform-card:hover { transform: translateY(-3px); box-shadow: 0 10px 22px rgba(0,0,0,.15); }
.platform-card i { font-size: 1.6rem; opacity: .9; }
.platform-card .platform-card-name { font-size: 1rem; line-height: 1.15; }
.platform-card .platform-card-sub { font-size: .72rem; font-weight: 400; opacity: .85; }

/* -------------------------------------------------------------- CARDS */
.card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 20px;
}
.pkg-card {
    background: #fff;
    border: 1px solid var(--fp-border);
    border-radius: var(--fp-radius);
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative;
    transition: box-shadow .15s, transform .15s;
}
.pkg-card:hover { box-shadow: 0 10px 24px rgba(0,0,0,.08); transform: translateY(-2px); }
.pkg-badge {
    position: absolute;
    top: -10px;
    right: 16px;
    background: var(--fp-accent);
    color: #fff;
    font-size: .7rem;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 999px;
}
.pkg-card h3 { margin: 0; font-size: 1.1rem; }
.pkg-card p.desc { color: var(--fp-muted); font-size: .88rem; margin: 0; flex-grow: 1; }
.pkg-price-row { display: flex; align-items: baseline; gap: 8px; }
.pkg-price { font-size: 1.4rem; font-weight: 700; color: var(--fp-primary-dark); }
.pkg-old-price { font-size: .9rem; color: #94a3b8; text-decoration: line-through; }

/* ------------------------------------------------------------ BUTTONS */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 20px;
    border-radius: 10px;
    font-weight: 600;
    font-size: .95rem;
    border: none;
    cursor: pointer;
    transition: filter .15s, transform .1s;
}
.btn:active { transform: scale(.98); }
.btn-primary { background: linear-gradient(135deg, #ff3c5f, #F70E36 60%, #d40a2c); color: #fff; box-shadow: 0 4px 12px -3px rgba(247,14,54,.5); }
.btn-primary:hover { filter: brightness(1.06); box-shadow: 0 6px 16px -3px rgba(247,14,54,.6); }
.btn-outline { background: #fff; color: #F70E36; border: 1px solid #F70E36; }
.btn-outline:hover { background: rgba(247,14,54,.06); }
.btn-block { width: 100%; }
.btn-danger { background: var(--fp-error); color: #fff; box-shadow: 0 4px 12px -3px rgba(220,38,38,.45); }
.btn-sm { padding: 6px 12px; font-size: .82rem; }
.admin-shell.dark .btn-outline:hover { background: rgba(247,14,54,.12); }

/* -------------------------------------------------------------- FORMS */
.form-group { margin-bottom: 16px; }
.form-label { display: block; font-weight: 600; font-size: .88rem; margin-bottom: 6px; }
.form-control {
    box-sizing: border-box;
    width: 100%;
    padding: 10px 14px;
    border-radius: 10px;
    border: 1px solid var(--fp-border);
    font-size: .95rem;
    font-family: inherit;
}
.form-control:focus { outline: none; border-color: #F70E36; box-shadow: 0 0 0 3px rgba(247,14,54,.15); }
.form-hint { font-size: .78rem; color: var(--fp-muted); margin-top: 4px; }
.form-card {
    background: #fff;
    border: 1px solid var(--fp-border);
    border-radius: var(--fp-radius);
    padding: 28px;
    max-width: 560px;
    margin: 0 auto;
}

/* ------------------------------------------------------------- ORDER SUMMARY */
.summary-box {
    background: #f1f5f9;
    border-radius: 12px;
    padding: 16px 18px;
    margin-bottom: 20px;
}
.summary-row { display: flex; justify-content: space-between; padding: 4px 0; font-size: .92rem; }
.summary-row.total { font-weight: 700; font-size: 1.05rem; border-top: 1px dashed #cbd5e1; margin-top: 8px; padding-top: 10px; }

/* --------------------------------------------------------------- FOOTER */
.site-footer {
    background: #0f172a;
    color: #cbd5e1;
    margin-top: 60px;
}
.site-footer-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 28px 20px;
    text-align: center;
    font-size: .85rem;
}
.site-footer-note { color: #64748b; margin-top: 6px; }

/* ------------------------------------------------------------ STATUS BADGE */
.status-badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 700;
    text-transform: uppercase;
    border: 1.5px solid transparent;
}
.status-pending    { background: #fef9c3; color: #854d0e; }
.status-paid       { background: #dbeafe; color: #1e40af; }
.status-processing { background: #e0e7ff; color: #3730a3; }
.status-completed  { background: #dcfce7; color: #166534; }
.status-failed     { background: #fee2e2; color: #991b1b; }
.status-cancelled  { background: #f1f5f9; color: #475569; }

/* Admin sipariş durum rozetleri — çerçeveli tasarım */
.status-not-completed    { background: #fee2e2; color: #991b1b; border-color: #ef4444; }
.status-api-error        { background: #fee2e2; color: #b91c1c; border-color: #dc2626; }
.status-in-transit       { background: #e0e7ff; color: #3730a3; border-color: #4f46e5; }
.status-manual           { background: #f1f5f9; color: #475569; border-color: #94a3b8; }
.status-awaiting-payment { background: #fef9c3; color: #854d0e; border-color: #eab308; }
.status-completed        { border-color: #22c55e; }

/* Karanlık modda pastel rozetler soluk kalıyordu — koyu zemine göre kontrastlı sürümler */
.admin-shell.dark .status-pending         { background: #78350f4d; color: #fde68a; border-color: #b4530966; }
.admin-shell.dark .status-paid            { background: #1e3a8a4d; color: #bfdbfe; border-color: #3b82f666; }
.admin-shell.dark .status-processing      { background: #3730a34d; color: #c7d2fe; border-color: #6366f166; }
.admin-shell.dark .status-completed       { background: #14532d4d; color: #bbf7d0; border-color: #22c55e66; }
.admin-shell.dark .status-failed          { background: #7f1d1d4d; color: #fecaca; border-color: #ef444466; }
.admin-shell.dark .status-cancelled       { background: #1e293b; color: #cbd5e1; border-color: #47556999; }
.admin-shell.dark .status-not-completed   { background: #7f1d1d4d; color: #fecaca; border-color: #ef444466; }
.admin-shell.dark .status-api-error       { background: #7f1d1d4d; color: #fecaca; border-color: #dc262666; }
.admin-shell.dark .status-in-transit      { background: #3730a34d; color: #c7d2fe; border-color: #4f46e566; }
.admin-shell.dark .status-manual          { background: #1e293b; color: #cbd5e1; border-color: #94a3b866; }
.admin-shell.dark .status-awaiting-payment{ background: #78350f4d; color: #fde68a; border-color: #eab30866; }

/* ------------------------------------------------------- ADMIN DESTEK TALEBİ BAŞLIĞI */
.fp-ticket-head-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 14px;
}
.fp-ticket-head-title h2 { margin: 0 0 10px; font-size: 1.2rem; }
.fp-ticket-head-badges { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.fp-ticket-order { font-size: .85rem; color: var(--fp-muted); font-weight: 600; }
.fp-ticket-order i { margin-right: 2px; }
.fp-ticket-head-actions { display: flex; gap: 10px; flex-shrink: 0; }
.fp-ticket-head-actions form { display: flex; }
.fp-ticket-customer {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid var(--fp-border);
    flex-wrap: wrap;
}
.fp-ticket-customer-avatar {
    width: 42px; height: 42px; flex-shrink: 0; border-radius: 50%;
    background: linear-gradient(135deg, #F70E36, var(--fp-accent));
    color: #fff; display: flex; align-items: center; justify-content: center;
    font-weight: 800; font-size: .92rem;
}
.fp-ticket-customer-info { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 160px; }
.fp-ticket-customer-info strong { font-size: .95rem; }
.fp-ticket-customer-info span { font-size: .82rem; color: var(--fp-muted); }

/* --------------------------------------------------- ADMIN ÜYE DETAY */
.fp-member-head { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.fp-member-avatar {
    width: 56px; height: 56px; flex-shrink: 0; border-radius: 50%;
    background: linear-gradient(135deg, #F70E36, var(--fp-accent));
    color: #fff; display: flex; align-items: center; justify-content: center;
    font-weight: 800; font-size: 1.15rem;
}
.fp-member-head-info { flex: 1; min-width: 200px; }
.fp-member-head-info h3 { margin: 0 0 6px; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.fp-member-meta { display: flex; gap: 18px; flex-wrap: wrap; color: var(--fp-muted); font-size: .85rem; }
.fp-member-meta i { margin-right: 4px; }
.fp-member-stats { display: flex; gap: 14px; flex-wrap: wrap; margin: 20px 0; }
.fp-member-stat {
    flex: 1; min-width: 160px; display: flex; align-items: center; gap: 12px;
    background: var(--fp-bg); border: 1px solid var(--fp-border); border-radius: 12px; padding: 14px 16px;
}
.fp-member-stat i { font-size: 22px; color: #F70E36; }
.fp-member-stat span { display: block; font-weight: 700; font-size: 1.05rem; }
.fp-member-stat label { display: block; color: var(--fp-muted); font-size: .78rem; }
.fp-member-forms { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 20px; }
.fp-member-form {
    display: flex; flex-direction: column; gap: 10px;
    background: #f8fafc; border: 1px solid var(--fp-border); border-radius: var(--fp-radius);
    padding: 16px;
}
.fp-member-form .form-group { margin-bottom: 0; }
.fp-member-form .btn { width: 100%; }
.fp-member-form-compact { align-self: start; }
.admin-shell.dark .fp-member-form { background: #10141f; border-color: #2a3040; }
.admin-shell.dark .fp-member-form .btn-outline { background: transparent; }
.admin-shell.dark .fp-member-stat { background: #10141f; border-color: #2a3040; }
.admin-shell.dark .fp-member-meta { color: #94a3b8; }
@media (max-width: 640px) {
    .fp-member-forms { grid-template-columns: 1fr; }
}

/* ---------------------------------------------------------------- ADMIN */
.admin-shell {
    display: flex;
    min-height: 100vh;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    letter-spacing: 0.1px;
}
.admin-shell, .admin-shell input, .admin-shell select, .admin-shell textarea, .admin-shell button {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}
.admin-shell h1, .admin-shell h2, .admin-shell h3 { font-weight: 700; letter-spacing: 0.1px; }
.admin-sidebar {
    width: 230px;
    background: #0f172a;
    color: #cbd5e1;
    flex-shrink: 0;
    padding: 20px 0;
}
.admin-sidebar .site-logo { display: block; padding: 0 20px 20px; }
.admin-sidebar a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 20px;
    font-size: .92rem;
    color: #cbd5e1;
    text-decoration: none;
}
.admin-sidebar a:hover, .admin-sidebar a.active { background: #1e293b; color: #fff; }
.admin-main { flex-grow: 1; width: 100%; padding: 28px; max-width: none; box-sizing: border-box; }
.admin-card { box-sizing: border-box; }
.admin-topbar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; }
.admin-table { width: 100%; border-collapse: collapse; background: #fff; border-radius: 10px; overflow: hidden; }
.admin-table th, .admin-table td {
    padding: 12px 14px;
    border-bottom: 1px solid var(--fp-border);
    text-align: left;
    font-size: .88rem;
}
.admin-table th { background: #f8fafc; font-weight: 700; text-transform: uppercase; font-size: .72rem; letter-spacing: 0.6px; color: #64748b; border-bottom-width: 2px; }
.admin-table tbody tr { transition: background .12s; }
.admin-table tbody tr:hover { background: #fafbfd; }
.admin-shell.dark .admin-table tbody tr:hover { background: #1a2032; }
.admin-card {
    background: #fff; border: 1px solid var(--fp-border); border-radius: var(--fp-radius);
    padding: 22px; margin-bottom: 20px;
    box-shadow: 0 1px 2px rgba(15,23,42,.03), 0 1px 8px rgba(15,23,42,.03);
}
.admin-main a:not(.btn) { color: #F70E36; }
.admin-main a:not(.btn):hover { color: var(--fp-primary-dark); }
.login-shell { min-height: 100vh; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #F70E36, var(--fp-accent)); }

/* ----------------------------------------------------- ADMIN KARANLIK MOD
   .admin-shell'e JS ile eklenen .dark sınıfı üzerinden çalışır (bkz.
   admin/include/layout.php). --fp-border/--fp-muted değişkenleri override
   edilerek onları kullanan mevcut kurallar (form-control, admin-table vb.)
   otomatik uyum sağlar; düz renkli (#fff) kartlar ayrıca override edilir. */
.admin-shell.dark {
    background: #0b0e17;
    color: #e2e8f0;
    --fp-border: #2a3040;
    --fp-muted: #94a3b8;
    --fp-text: #e2e8f0;
}
.admin-shell.dark .admin-main { background: #0b0e17; }
.admin-shell.dark .admin-card,
.admin-shell.dark .form-card,
.admin-shell.dark .pkg-card,
.admin-shell.dark .tema-logo-preview {
    /* !important: bazı sayfalarda alt-bölümleri ayırt etmek için satır içi
       (inline) açık renk arka plan kullanılıyor (ör. paketler.php "Gönderim
       Şekli" kutusu); bu satır içi stil normal CSS'i ezdiği için karanlık
       modda kart koyu renge dönmüyor ama üzerindeki başlık/metin rengi yine
       de koyu moda göre açık renge geçiyor — sonuç: görünmez yazı. */
    background: #161b28 !important;
    border-color: #2a3040 !important;
    color: #e2e8f0;
    box-shadow: none !important;
}
.admin-shell.dark .admin-table { background: #161b28; }
.admin-shell.dark .admin-table th { background: #10141f; color: #94a3b8; }
.admin-shell.dark .admin-table td { border-color: #2a3040; color: #e2e8f0; }
.admin-shell.dark .form-control { background: #10141f; border-color: #2a3040; color: #e2e8f0; }
.admin-shell.dark .form-control::placeholder { color: #5b6576; }
.admin-shell.dark .form-control:-webkit-autofill,
.admin-shell.dark .form-control:-webkit-autofill:hover,
.admin-shell.dark .form-control:-webkit-autofill:focus {
    -webkit-text-fill-color: #e2e8f0;
    -webkit-box-shadow: 0 0 0 1000px #10141f inset;
    box-shadow: 0 0 0 1000px #10141f inset;
    transition: background-color 9999s ease-in-out 0s;
}
.admin-shell.dark .form-label,
.admin-shell.dark .admin-topbar h1,
.admin-shell.dark h1, .admin-shell.dark h2, .admin-shell.dark h3 { color: #e2e8f0; }
.admin-shell.dark .btn-outline { background: transparent; }
.admin-shell.dark .summary-box { background: #161b28; }
/* Bootstrap modalları (Kazanç Detayları, Cache Ayarları, Ortam/İkon seçici vb.)
   ve destek talebi sohbet balonları .admin-card kullanmıyor, satır içi veya
   Bootstrap'in kendi beyaz stiliyle geliyor — ayrıca override edilmesi gerekir. */
.admin-shell.dark .modal-content { background: #161b28 !important; color: #e2e8f0; }
.admin-shell.dark .modal-header,
.admin-shell.dark .modal-footer { border-color: #2a3040 !important; }
.admin-shell.dark .card-header { background: #10141f !important; border-color: #2a3040 !important; color: #e2e8f0; }
.admin-shell.dark .dash-search { background: #10141f; border-color: #2a3040 !important; color: #e2e8f0; }
.admin-shell.dark .dash-search::placeholder { color: #5b6576; }
.admin-shell.dark .earnings-modal { background: #161b28 !important; color: #e2e8f0; }
.admin-shell.dark .earnings-modal h3 { color: #e2e8f0; }
.admin-shell.dark .earnings-row { border-color: #2a3040; }

/* Sipariş detayında tedarikçiye manuel gönderim: servis arama sonuç kutusu (1 satır yükseklikte, kaydırmalı). */
.fp-svc-list { background: #fff; border: 1px solid #e2e5ea; }
.fp-svc-item { padding: 8px 10px; font-size: 13px; cursor: pointer; border-bottom: 1px solid #f0f1f4; white-space: normal; word-break: break-word; line-height: 1.4; }
.fp-svc-item:last-child { border-bottom: none; }
.fp-svc-item:hover { background: #f6f5ff; }
.fp-svc-empty { padding: 8px 10px; font-size: 13px; color: #888; }
.admin-shell.dark .fp-svc-list { background: #161b28 !important; border-color: #2a3040 !important; }
.admin-shell.dark .fp-svc-item { border-color: #2a3040; color: #e2e8f0; }
.admin-shell.dark .fp-svc-item:hover { background: #20242e; }
.admin-shell.dark .fp-svc-empty { color: #94a3b8; }
.fp-svc-cost {
    margin-top: 8px;
    padding: 8px 12px;
    border-radius: 6px;
    font-size: .84rem;
    font-weight: 600;
    color: #166534;
    background: #dcfce7;
    display: none;
}
.fp-svc-cost.show { display: block; }
.admin-shell.dark .fp-svc-cost { color: #4ade80; background: rgba(34,197,94,.12); }

/* Sipariş detayı — üst bilgi kartları. */
.fp-order-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-bottom: 18px; }
.fp-order-code { color: var(--fp-primary, #6c3ce9); letter-spacing: .5px; font-family: 'Courier New', monospace; }
.fp-order-info { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; }
.fp-order-info-item {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 14px 16px;
    border-radius: 12px;
    background: rgba(108,60,233,.04);
    border: 1px solid rgba(108,60,233,.14);
}
.admin-shell.dark .fp-order-info-item {
    background: rgba(124,92,255,.08);
    border-color: rgba(124,92,255,.22);
}
.fp-order-info-item i { font-size: 17px; color: var(--fp-primary, #6c3ce9); margin-top: 2px; flex-shrink: 0; }
.fp-order-info-item label { display: block; font-size: .68rem; font-weight: 600; text-transform: uppercase; letter-spacing: .5px; color: var(--fp-muted, #6b7280); margin-bottom: 4px; }
.fp-order-info-item span { font-size: .9rem; font-weight: 600; word-break: break-word; }

.fp-status-update-row { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.fp-status-update-row .form-control { width: auto; }
.fp-status-update-check { margin-left: auto; }
@media (max-width: 640px) {
    .fp-status-update-row { flex-direction: column; align-items: stretch; }
    .fp-status-update-row .form-control { width: 100%; }
    .fp-status-update-check { margin-left: 0; justify-content: center; }
}

/* Sipariş detayı — "Tedarikçiye Gönder" paneli (düz/flat tasarım). */
.fp-send-panel {
    border-radius: 10px;
    padding: 18px 20px 20px;
    background: rgba(0,0,0,.02);
    border: 1px solid var(--fp-border);
}
.admin-shell.dark .fp-send-panel {
    background: #12151f;
    border-color: #2a3040;
}
.fp-send-panel-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .4px;
    color: var(--fp-muted, #6b7280);
    margin-bottom: 14px;
}
.fp-send-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 14px;
    margin-bottom: 16px;
}
.fp-send-field label {
    display: block;
    font-size: .7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: var(--fp-muted, #6b7280);
    margin-bottom: 6px;
}
.fp-send-field .form-control {
    width: 100%;
    box-sizing: border-box;
}
.fp-send-field .form-control:focus {
    outline: none;
    border-color: var(--fp-primary, #6c3ce9);
    box-shadow: 0 0 0 2px rgba(108,60,233,.15);
}
.fp-send-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: none;
    border-radius: 8px;
    padding: 10px 22px;
    font-weight: 600;
    font-size: .86rem;
    color: #fff;
    cursor: pointer;
    background: #16a34a;
    transition: background .15s ease, opacity .15s ease;
}
.fp-send-btn:hover:not(:disabled) { background: #15803d; }
.fp-send-btn:disabled { opacity: .45; cursor: not-allowed; }

/* Platform/Kategori/Paket ekleme formları — düz (flat), üstte ayrı başlık şeridi olan koyu tasarım. */
.admin-card-futuristic { padding: 0; overflow: hidden; }
.admin-card-futuristic .fp-card-body { padding: 22px; }
.fp-card-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 22px;
    border-bottom: 1px solid var(--fp-border);
}
.fp-card-head h2, .fp-card-head h3 {
    margin: 0;
    font-size: .95rem;
    text-transform: uppercase;
    letter-spacing: .4px;
}
.admin-card-futuristic .form-control:focus,
.admin-card-futuristic select:focus,
.admin-card-futuristic textarea:focus {
    outline: none;
    border-color: var(--fp-primary, #6c3ce9);
    box-shadow: 0 0 0 2px rgba(108,60,233,.15);
}
/* Girdi kutuları kartla aynı tona karışıp "iç içe" görünmesin diye biraz daha açık ve belirgin kenarlı. */
.admin-card-futuristic .form-control,
.admin-card-futuristic select,
.admin-card-futuristic textarea {
    transition: border-color .15s ease, background .15s ease;
}
.admin-shell.dark .admin-card-futuristic .form-control,
.admin-shell.dark .admin-card-futuristic select,
.admin-shell.dark .admin-card-futuristic textarea {
    background: #1c2333;
    border-color: #384260;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}
.admin-shell.dark .admin-card-futuristic .form-control:hover,
.admin-shell.dark .admin-card-futuristic select:hover {
    border-color: #4a5570;
}
.admin-card-futuristic input[type="checkbox"] {
    width: 17px;
    height: 17px;
    accent-color: var(--fp-primary, #6c3ce9);
    cursor: pointer;
}
.admin-card-futuristic .card-grid { gap: 28px 24px; }
.fp-color-swatch {
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid var(--fp-border);
    height: 43px;
    box-sizing: border-box;
}
.admin-shell.dark .fp-color-swatch { border-color: #384260; }
.fp-color-swatch input[type="color"] {
    width: 100%;
    height: 100%;
    border: none;
    padding: 0;
    cursor: pointer;
    display: block;
}
.fp-icon-preview {
    width: 46px;
    height: 46px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    background: rgba(0,0,0,.04);
    border: 1px solid var(--fp-border);
    color: var(--fp-text, #1e293b);
    font-size: 20px;
}
.admin-shell.dark .fp-icon-preview { background: #1c2333; border-color: #384260; color: #e2e8f0; }
.fp-info-box, .fp-warn-box {
    border-radius: 8px;
    padding: 12px 16px;
    font-size: .86rem;
    line-height: 1.5;
}
.fp-info-box { background: rgba(59,130,246,.08); border: 1px solid rgba(59,130,246,.25); }
.fp-info-box b { color: #2563eb; }
.admin-shell.dark .fp-info-box { background: rgba(59,130,246,.12); border-color: rgba(59,130,246,.3); color: #dbeafe; }
.admin-shell.dark .fp-info-box b { color: #93c5fd; }
.fp-warn-box { background: rgba(217,119,6,.08); border: 1px solid rgba(217,119,6,.25); }
.fp-warn-box b { color: #b45309; }
.admin-shell.dark .fp-warn-box { background: rgba(217,119,6,.14); border-color: rgba(217,119,6,.35); color: #fde68a; }
.admin-shell.dark .fp-warn-box b { color: #fbbf24; }
.fp-tab-group {
    display: inline-flex;
    gap: 6px;
    padding: 4px;
    border-radius: 8px;
    background: rgba(0,0,0,.03);
    border: 1px solid var(--fp-border);
}
.admin-shell.dark .fp-tab-group { background: #12151f; border-color: #2a3040; }
.fp-tab {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: none;
    background: transparent;
    color: var(--fp-muted, #6b7280);
    padding: 9px 18px;
    border-radius: 6px;
    font-weight: 600;
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .3px;
    cursor: pointer;
    transition: background .15s ease, color .15s ease;
}
.fp-tab:hover:not(.active) { color: var(--fp-primary, #6c3ce9); }
.fp-tab.active {
    background: #4f46e5;
    color: #fff;
}
.chat-bubble { border-radius: 10px; padding: 12px 16px; }
.chat-bubble-admin { background: #eef6ff; }
.chat-bubble-customer { background: #f4f4f4; }
.admin-shell.dark .chat-bubble-admin { background: #1e2a3d !important; color: #e2e8f0; }
.admin-shell.dark .chat-bubble-customer { background: #20242e !important; color: #e2e8f0; }
.chat-bubble-meta { font-size: 13px; color: #888; margin-bottom: 4px; }
.admin-shell.dark .chat-bubble-meta { color: #94a3b8; }

.admin-mobile-toggle {
    display: none; align-items: center; justify-content: center; flex-shrink: 0;
    width: 38px; height: 38px; border-radius: 8px; border: 1px solid var(--fp-border);
    background: #fff; color: var(--fp-text); font-size: 20px; cursor: pointer;
}
.admin-shell.dark .admin-mobile-toggle { background: #10141f; border-color: #2a3040; color: #e2e8f0; }
.admin-sidebar-backdrop {
    display: none; position: fixed; inset: 0; background: rgba(15,23,42,.55); z-index: 190;
}
.admin-sidebar-backdrop.open { display: block; }

@media (max-width: 900px) {
    .admin-mobile-toggle { display: inline-flex; }
    .admin-topbar { flex-wrap: wrap; gap: 10px; }
    .admin-topbar h1 { font-size: 1.1rem !important; }
    .admin-main { padding: 16px; }
    /* .admin-sidebar / .admin-sidebar.open pozisyon-transform kuralları admin/include/layout.php'deki
       tek yetkili bloğa taşındı (aynı yerde 3 kez tekrarlanıp çakışıyordu). */
    .admin-table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .admin-table th, .admin-table td { white-space: nowrap; }
    .admin-card { padding: 16px; }
}

.fp-pagination { display:flex; align-items:center; justify-content:center; gap:6px; margin-top:16px; flex-wrap:wrap; }
.fp-page-btn { display:inline-flex; align-items:center; justify-content:center; min-width:34px; height:34px; padding:0 8px; border-radius:8px; border:1px solid var(--fp-border); background:transparent; color:var(--fp-text); font-size:.85rem; font-weight:600; text-decoration:none; transition:background .15s ease,color .15s ease,border-color .15s ease; }
.fp-page-btn:hover { border-color:#F70E36; color:#F70E36; }
.fp-page-btn.active { background:#F70E36; border-color:#F70E36; color:#fff; }
.fp-page-btn.disabled { opacity:.4; pointer-events:none; }
.fp-page-ellipsis { display:inline-flex; align-items:center; justify-content:center; min-width:20px; height:34px; color:var(--fp-muted, #94a3b8); font-weight:700; }
/* .orderslist eski (float tabanlı) şablon kullanıyor; sayfalama kutusu da aynı akışa
   uysun diye float veriliyor, aksi halde önceki float'lı kardeşlerin üzerine biniyor. */
.orderslist .fp-pagination { float:left; width:100%; box-sizing:border-box; clear:both; padding:14px 0 0; }

.fp-menu-label-row {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    white-space: nowrap;
}
/* .userlogin span { align-self:end } kuralı (isim/bakiye ızgarası için) bu satırın
   içindeki iç içe span'lara da sızıyordu; burada daha yüksek özgüllükle geçersiz kılınıyor. */
.fp-menu-label-row > span,
.fp-menu-label-row .fp-notif-dot-plain {
    align-self: center !important;
}
.fp-notif-dot-plain {
    position: relative;
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: linear-gradient(135deg, #ff4d6d, #F70E36);
    flex-shrink: 0;
    align-self: center;
    box-shadow: 0 0 6px rgba(247, 14, 54, .6);
}
.fp-notif-dot-plain::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 999px;
    border: 1.5px solid #F70E36;
    opacity: .6;
    animation: fpNotifPulse 1.8s ease-out infinite;
}
@keyframes fpNotifPulse {
    0%   { transform: scale(1);    opacity: .6; }
    100% { transform: scale(2.2); opacity: 0;  }
}
.fp-ticket-new-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px 8px;
    border-radius: 999px;
    background: #F70E36;
    color: #fff;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .3px;
    margin-left: 8px;
}

/* Sayfa başlığı kahraman bandı (Tüm Hizmetlerimiz, Ücretsiz Araçlar vb. iç sayfalarda ortak). */
.fp-hizmet-hero {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #ff3b5c 0%, #F70E36 45%, #b8092a 100%) !important;
    isolation: isolate;
}
.fp-hizmet-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255, 255, 255, .16) 1.5px, transparent 1.5px);
    background-size: 26px 26px;
    z-index: -1;
}
.fp-hizmet-hero::after {
    content: '';
    position: absolute;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 255, 255, .18), transparent 70%);
    top: -180px;
    right: -100px;
    z-index: -1;
}
.fp-hizmet-hero + .container {
    clear: both;
}
.fp-hizmet-hero-icon {
    width: 60px;
    height: 60px;
    margin: 0 auto 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: rgba(255, 255, 255, .16);
    border: 1px solid rgba(255, 255, 255, .3);
    font-size: 26px;
    color: #fff;
}

.paketitem .buy a.disabled {
    background: #b8bfc7;
    color: #fff;
    cursor: not-allowed;
}
.paketitem .buy a.disabled:hover {
    background: #b8bfc7;
    color: #fff;
}

.fp-tool-reviews { float: left; width: 100%; padding: 10px 0 50px; }
.fp-tool-reviews-title {
    text-align: center;
    font-size: 1.2rem;
    color: #1e293b;
    margin-bottom: 24px;
}
.fp-tool-reviews-title i { color: #F70E36; margin-right: 8px; }
.fp-tool-reviews .markaslider { padding-bottom: 30px; }
.fp-tool-reviews .d-flex { display: flex; justify-content: center; margin-top: 25px; }

.fp-review-form {
    position: relative;
    max-width: 560px;
    margin: 10px auto 0;
    padding: 28px 26px;
    border-radius: 20px;
    background: linear-gradient(160deg, rgba(20,8,30,.9), rgba(10,5,20,.95));
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 8px 32px rgba(0,0,0,.3);
    overflow: hidden;
    color: #fff;
}
.fp-review-form-glow {
    position: absolute;
    top: -40%; left: -20%;
    width: 140%; height: 140%;
    background: radial-gradient(circle, rgba(247,14,54,.28), transparent 60%);
    pointer-events: none;
}
.fp-review-form h4 { color: #fff; display:flex; align-items:center; gap:8px; }
.fp-review-form h4 i { color: #ff6b87; }
.fp-review-form input[type="text"], .fp-review-form textarea {
    width: 100%; box-sizing: border-box; padding: 12px 14px; margin-bottom: 12px;
    border-radius: 10px; border: 1px solid rgba(255,255,255,.18);
    background: rgba(255,255,255,.06); color: #fff; font-size: .95rem; resize: vertical;
}
.fp-review-form input[type="text"]::placeholder, .fp-review-form textarea::placeholder { color: rgba(255,255,255,.45); }
.fp-review-form .fp-tool-note { color: rgba(255,255,255,.55); }

.fp-tool-hero-band {
    background:
        radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--fp-accent, #F70E36) 16%, transparent), transparent 70%),
        linear-gradient(180deg, color-mix(in srgb, var(--fp-accent, #F70E36) 7%, #fff), transparent);
    padding: 44px 20px 16px;
    border-radius: 0 0 32px 32px;
    margin: -20px -20px 24px;
}
@media (max-width: 767px) {
    .fp-tool-hero-band { margin: -12px -12px 20px; border-radius: 0 0 22px 22px; }
}

/* Ücretsiz Hizmet Talebi formu */
.fp-fs-card {
    display: flex; flex-direction: column; gap: 18px;
    position: relative; padding: 26px; border-radius: 22px;
    background: linear-gradient(155deg, #fff 0%, #fff5f7 60%, #ffeef2 100%);
    border: 1px solid rgba(247,14,54,.14);
    box-shadow: 0 20px 50px -20px rgba(247,14,54,.25), 0 1px 0 rgba(255,255,255,.6) inset;
    overflow: hidden;
}
.fp-fs-card::before {
    content: ""; position: absolute; top: -60px; right: -60px; width: 200px; height: 200px;
    background: radial-gradient(circle, rgba(247,14,54,.16), transparent 70%);
    border-radius: 50%; pointer-events: none;
}
.fp-fs-head { display: flex; align-items: flex-start; gap: 16px; flex-wrap: wrap; position: relative; z-index: 1; }
.fp-fs-head-icon {
    flex-shrink: 0; width: 56px; height: 56px; border-radius: 16px;
    background: linear-gradient(135deg, #F70E36, #ff6b87); color: #fff; font-size: 26px;
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 10px 24px rgba(247,14,54,.35), 0 0 0 5px rgba(247,14,54,.08);
}
.fp-fs-head-text { flex: 1; min-width: 200px; }
.fp-fs-head-text h2 { margin: 0 0 4px; font-size: 1.3rem; color: #1e293b; }
.fp-fs-head-text p { margin: 0; font-size: .88rem; color: var(--fp-muted); line-height: 1.5; }
.fp-fs-badge {
    flex-shrink: 0; display: flex; align-items: center; gap: 10px; padding: 10px 20px;
    border: 1px solid rgba(247,14,54,.28); border-radius: 999px; color: #F70E36; font-weight: 700; font-size: .78rem; line-height: 1.3;
    background: rgba(255,255,255,.55); backdrop-filter: blur(10px) saturate(160%);
    box-shadow: 0 10px 26px -14px rgba(247,14,54,.55), 0 1px 0 rgba(255,255,255,.6) inset;
}
.fp-fs-badge i { font-size: 20px; position: relative; }
.fp-fs-badge i::after {
    content: ""; position: absolute; top: -2px; right: -2px; width: 8px; height: 8px; border-radius: 50%;
    background: #16a34a; box-shadow: 0 0 0 2px #fff; animation: fpFsPulse 1.6s ease-in-out infinite;
}
@keyframes fpFsPulse { 0%,100% { opacity: 1; transform: scale(1); } 50% { opacity: .5; transform: scale(1.3); } }
.fp-fs-badge b { font-size: .95rem; text-shadow: 0 0 14px rgba(247,14,54,.4); }
:root[data-theme="dark"] .fp-fs-badge { background: rgba(255,255,255,.06); box-shadow: 0 10px 26px -14px rgba(247,14,54,.55), 0 1px 0 rgba(255,255,255,.08) inset; }
:root[data-theme="dark"] .fp-fs-badge i::after { box-shadow: 0 0 0 2px #1c1420; }
.fp-fs-trust {
    display: flex; flex-wrap: wrap; gap: 10px 22px; justify-content: space-between;
    background: rgba(255,255,255,.65); backdrop-filter: blur(6px); border: 1px solid rgba(247,14,54,.1);
    border-radius: 12px; padding: 14px 18px; position: relative; z-index: 1;
}
.fp-fs-trust span { display: flex; align-items: center; gap: 8px; font-size: .82rem; font-weight: 600; color: #334155; }
.fp-fs-trust i { color: #F70E36; }
/* Aurora Glass giriş alanları: yumuşak degrade "aurora" parıltısı, cam efekti, nabız atan ikon halkası */
.fp-fs-inputs { display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 14px; position: relative; z-index: 1; }
.fp-fs-input {
    flex: 1; min-width: 240px; position: relative; isolation: isolate;
    display: flex; align-items: center; gap: 14px;
    padding: 16px 20px; border-radius: 18px;
    background: rgba(255,255,255,.72);
    backdrop-filter: blur(16px) saturate(160%);
    border: 1px solid rgba(255,255,255,.6);
    box-shadow: 0 1px 0 rgba(255,255,255,.7) inset, 0 18px 40px -22px rgba(247,14,54,.4);
    overflow: hidden;
    transition: transform .25s ease, box-shadow .25s ease;
}
.fp-fs-input::before {
    content: ""; position: absolute; z-index: -1; width: 170px; height: 170px; border-radius: 50%;
    background: radial-gradient(circle, rgba(247,14,54,.4), rgba(255,138,163,.15) 55%, transparent 75%);
    top: -75px; right: -55px; filter: blur(4px);
    animation: fpFsAuroraDrift 7s ease-in-out infinite;
}
.fp-fs-input:nth-child(2)::before { background: radial-gradient(circle, rgba(99,102,241,.35), rgba(247,14,54,.12) 55%, transparent 75%); }
@keyframes fpFsAuroraDrift { 0%, 100% { transform: translate(0,0) scale(1); } 50% { transform: translate(-14px,10px) scale(1.08); } }
.fp-fs-input::after {
    content: ""; position: absolute; left: 20px; right: 20px; bottom: 0; height: 2px; border-radius: 2px;
    background: linear-gradient(90deg, transparent, #F70E36, #ff8a5b, transparent); background-size: 200% 100%;
    animation: fpFsShimmer 2.8s linear infinite; opacity: .85;
}
@keyframes fpFsShimmer { 0% { background-position: 0% 0; } 100% { background-position: -200% 0; } }
.fp-fs-input:focus-within {
    transform: translateY(-4px);
    box-shadow: 0 1px 0 rgba(255,255,255,.7) inset, 0 26px 50px -18px rgba(247,14,54,.55), 0 0 0 3px rgba(247,14,54,.16);
}
.fp-fs-input > i {
    flex-shrink: 0; width: 42px; height: 42px; border-radius: 13px; position: relative;
    background: linear-gradient(135deg, #F70E36, #ff6b3d); color: #fff;
    display: flex; align-items: center; justify-content: center; font-size: 18px;
    box-shadow: 0 8px 18px -6px rgba(247,14,54,.6);
}
.fp-fs-input > i::after {
    content: ""; position: absolute; inset: -5px; border-radius: 15px; border: 1.5px solid rgba(247,14,54,.4);
    animation: fpFsRingPulse 2.2s ease-in-out infinite;
}
@keyframes fpFsRingPulse { 0%, 100% { opacity: .7; transform: scale(1); } 70% { opacity: 0; transform: scale(1.22); } }
.fp-fs-input > div { flex: 1; min-width: 0; }
.fp-fs-input label { display: block; font-size: .68rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: #ef4360; margin-bottom: 3px; }
.fp-fs-input input { width: 100%; border: 0; padding: 0; font-size: 1.02rem; font-weight: 700; color: #1e293b; box-sizing: border-box; background: transparent; }
.fp-fs-input input::placeholder { color: #b6bcc9; }
.fp-fs-input input:focus { outline: none; }
:root[data-theme="dark"] .fp-fs-input { background: rgba(28,20,32,.65); border-color: rgba(255,255,255,.08); }
:root[data-theme="dark"] .fp-fs-inputs .fp-fs-input label { color: #ff8fa3 !important; }
:root[data-theme="dark"] .fp-fs-input input { color: #f1f5f9; }
:root[data-theme="dark"] .fp-fs-input input::placeholder { color: rgba(255,255,255,.3); }
.fp-fs-submit-row {
    display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap;
    background: rgba(255,255,255,.65); backdrop-filter: blur(6px); border: 1px solid rgba(247,14,54,.1);
    border-radius: 12px; padding: 14px 18px; position: relative; z-index: 1;
}
.fp-fs-submit-label { display: flex; align-items: center; gap: 10px; font-weight: 700; color: #334155; font-size: .9rem; line-height: 1.25; }
.fp-fs-submit-label i { color: #F70E36; font-size: 20px; }
.fp-fs-start-btn {
    border: 0; border-radius: 10px; padding: 14px 34px; font-weight: 800; letter-spacing: .5px;
    background: linear-gradient(135deg, #F70E36, #ff6b87); color: #fff; cursor: pointer; font-size: .95rem;
    box-shadow: 0 10px 24px rgba(247,14,54,.32);
    transition: transform .15s, box-shadow .15s;
}
.fp-fs-start-btn:hover { transform: translateY(-2px); box-shadow: 0 14px 30px rgba(247,14,54,.4); }
:root[data-theme="dark"] .fp-fs-card {
    background: linear-gradient(155deg, #181c25 0%, #1c1420 60%, #201319 100%);
    border-color: rgba(247,14,54,.25); box-shadow: 0 20px 50px -20px rgba(247,14,54,.35);
}
:root[data-theme="dark"] .fp-fs-trust,
:root[data-theme="dark"] .fp-fs-submit-row { background: rgba(255,255,255,.04); border-color: rgba(247,14,54,.2); }

/* ------------------------------------------------- SEPET ÇAPRAZ SATIŞ ÖNERİLERİ (futuristik) */
.fp-cross-sell-futuristic { margin-top: 28px; padding: 22px; border-radius: 18px; position: relative; overflow: hidden;
    background: linear-gradient(155deg, rgba(79,70,229,.06), rgba(247,14,54,.04) 60%, transparent);
    border: 1px solid var(--fp-border); }
.fp-cross-sell-futuristic::before {
    content: ""; position: absolute; top: -60px; right: -60px; width: 180px; height: 180px; border-radius: 50%;
    background: radial-gradient(circle, rgba(79,70,229,.18), transparent 70%); pointer-events: none;
}
.fp-cross-sell-futuristic h4 { display: flex; align-items: center; gap: 9px; font-size: 1.05rem; font-weight: 800; margin-bottom: 18px; color: var(--fp-text); position: relative; z-index: 1; }
.fp-cross-sell-futuristic h4 i { color: #F70E36; font-size: 1.2rem; filter: drop-shadow(0 0 6px rgba(247,14,54,.5)); }
.fp-cross-sell-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; position: relative; z-index: 1; }
.fp-cs-card {
    display: flex; flex-direction: column; padding: 16px; border-radius: 14px; text-decoration: none;
    background: #fff; border: 1px solid var(--fp-border); position: relative; overflow: hidden;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.fp-cs-card::after {
    content: ""; position: absolute; inset: 0; border-radius: 14px; padding: 1px;
    background: linear-gradient(135deg, var(--fp-accent, #F70E36), transparent 55%);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor; mask-composite: exclude; opacity: 0; transition: opacity .18s ease;
}
.fp-cs-card:hover { transform: translateY(-4px); box-shadow: 0 14px 28px -14px rgba(15,23,42,.25); border-color: transparent; }
.fp-cs-card:hover::after { opacity: 1; }
.fp-cs-card-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.fp-cs-icon {
    width: 38px; height: 38px; border-radius: 11px; display: flex; align-items: center; justify-content: center;
    background: var(--fp-accent, #F70E36);
    background: linear-gradient(135deg, var(--fp-accent, #F70E36), color-mix(in srgb, var(--fp-accent, #F70E36) 60%, #000));
    color: #fff; font-size: 18px; box-shadow: 0 6px 14px -6px var(--fp-accent, #F70E36);
}
.fp-cs-plus { width: 22px; height: 22px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
    background: var(--fp-border); color: var(--fp-text); font-size: 15px; transition: background .18s ease, color .18s ease; }
.fp-cs-card:hover .fp-cs-plus { background: var(--fp-accent, #F70E36); color: #fff; }
.fp-cs-platform { font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--fp-accent, #F70E36); margin-bottom: 2px; }
.fp-cs-card h5 { font-size: .92rem; font-weight: 700; color: var(--fp-text); margin: 0 0 14px; line-height: 1.3; min-height: 2.4em; }
.fp-cs-bottom { display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 10px; border-top: 1px dashed var(--fp-border); }
.fp-cs-price { font-weight: 800; color: var(--fp-text); font-size: .95rem; }
.fp-cs-cta { display: flex; align-items: center; gap: 3px; font-size: .78rem; font-weight: 700; color: var(--fp-accent, #F70E36); }
:root[data-theme="dark"] .fp-cross-sell-futuristic { background: linear-gradient(155deg, rgba(79,70,229,.12), rgba(247,14,54,.07) 60%, transparent); border-color: #262b36; }
:root[data-theme="dark"] .fp-cs-card { background: #171b24; border-color: #262b36; }
:root[data-theme="dark"] .fp-cs-card h5 { color: #f1f5f9; }
:root[data-theme="dark"] .fp-cs-price { color: #f1f5f9; }
:root[data-theme="dark"] .fp-cs-plus { background: #262b36; color: #cbd5e1; }
:root[data-theme="dark"] .fp-cs-card:hover { box-shadow: 0 14px 28px -14px rgba(0,0,0,.6); }
@media (max-width: 850px) {
    .fp-cross-sell-grid { grid-template-columns: repeat(2, 1fr); }
}

.fp-fs-modal-overlay {
    position: fixed; inset: 0; background: rgba(10,5,15,.72); z-index: 9999;
    display: flex; align-items: center; justify-content: center; padding: 20px;
}
.fp-fs-modal {
    width: 100%; max-width: 380px; background: linear-gradient(160deg, #14081e, #0a0514);
    border: 1px solid rgba(255,255,255,.12); border-radius: 20px; padding: 24px 26px 28px;
    color: #fff; text-align: center; box-shadow: 0 20px 60px rgba(0,0,0,.5);
}
.fp-fs-modal-head { display: flex; align-items: center; justify-content: space-between; font-weight: 700; letter-spacing: .5px; font-size: .85rem; border-bottom: 1px dashed rgba(255,255,255,.18); padding-bottom: 14px; margin-bottom: 20px; }
.fp-fs-modal-close { background: rgba(255,255,255,.1); border: 0; color: #fff; width: 26px; height: 26px; border-radius: 50%; cursor: pointer; }
.fp-fs-ring-wrap { position: relative; width: 150px; height: 150px; margin: 0 auto 20px; }
.fp-fs-ring { width: 100%; height: 100%; transform: rotate(-90deg); }
.fp-fs-ring-bg { fill: none; stroke: rgba(255,255,255,.12); stroke-width: 8; }
.fp-fs-ring-fg { fill: none; stroke: #F70E36; stroke-width: 8; stroke-linecap: round; transition: stroke-dashoffset 1s linear; }
.fp-fs-ring-time { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; font-weight: 800; }
.fp-fs-modal-msg h4 { color: #F70E36; margin: 0 0 8px; font-size: 1.05rem; }
.fp-fs-modal-msg p { margin: 0 0 20px; font-size: .85rem; color: rgba(255,255,255,.65); line-height: 1.5; }
.fp-fs-upsell {
    display: flex; align-items: center; gap: 12px; text-decoration: none;
    background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14); border-radius: 14px; padding: 12px 14px;
}
.fp-fs-upsell-icon {
    flex-shrink: 0; width: 38px; height: 38px; border-radius: 10px; background: linear-gradient(135deg, #F70E36, #ff6b87);
    color: #fff; display: flex; align-items: center; justify-content: center; font-size: 18px;
}
.fp-fs-upsell-text { flex: 1; text-align: left; font-size: .78rem; color: rgba(255,255,255,.6); line-height: 1.4; }
.fp-fs-upsell-text b { color: #fff; font-size: .82rem; }
.fp-fs-upsell-arrow { color: #F70E36; font-size: 20px; }
@media (max-width: 600px) {
    .fp-fs-head { flex-direction: column; }
    .fp-fs-badge { align-self: flex-start; }
    .fp-fs-submit-row { flex-direction: column; align-items: stretch; text-align: center; }
}

/* ============================================================
   Gece/Gündüz Modu (müşteri arayüzü) — yalnızca data-theme="dark"
   iken devreye girer; varsayılan (gündüz) görünüme dokunmaz.
   ============================================================ */
.fp-theme-switch {
    position: relative;
    float: right;
    margin-right: 25px;
    width: 50px;
    height: 26px;
    border-radius: 999px;
    background: #e2e8f0;
    border: 1px solid #cbd5e1;
    padding: 0;
    cursor: pointer;
    transition: background .25s ease, border-color .25s ease;
}
.fp-theme-switch-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    z-index: 1;
}
.fp-theme-switch-icon-sun { left: 6px; color: #f59e0b; }
.fp-theme-switch-icon-moon { right: 6px; color: #64748b; }
.fp-theme-switch-knob {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(15, 23, 42, .25);
    transition: transform .25s ease;
    z-index: 2;
}
:root[data-theme="dark"] .fp-theme-switch { background: #334155; border-color: #475569; }
:root[data-theme="dark"] .fp-theme-switch-knob { transform: translateX(24px); background: #0f172a; }

/* Gece/gündüz moduna göre farklı logo */
.fp-logo-dark { display: none; }
:root[data-theme="dark"] .fp-logo-light { display: none; }
:root[data-theme="dark"] .fp-logo-dark { display: inline-block; }

:root[data-theme="dark"] {
    --fp-border: #2a3040;
    --fp-muted: #94a3b8;
    --fp-text: #e2e8f0;
}
:root[data-theme="dark"] body { background-color: #10131a; color: #cbd5e1; }
:root[data-theme="dark"] .topmenu ul li a { color: #e2e8f0 !important; }
:root[data-theme="dark"] .headtop .right .mail { color: #cbd5e1 !important; }
:root[data-theme="dark"] .headbt { background-color: #171b24 !important; }

/* Üst menü açılır panelleri, mobil menü, footer — arka planı koyulaştır */
:root[data-theme="dark"] .topmenu .dropdownmenu,
:root[data-theme="dark"] .drop-user,
:root[data-theme="dark"] .offcanvas,
:root[data-theme="dark"] .offcanvas-header,
:root[data-theme="dark"] .canvasmenu nav ul li,
:root[data-theme="dark"] .mobilbottommenu,
:root[data-theme="dark"] .mobilmenusearch {
    background-color: #171b24 !important;
    border-color: #262b36 !important;
}
:root[data-theme="dark"] .offcanvas-header .btn-close span { color: #e2e8f0 !important; }
/* .canvasmenu nav ul li a'nın ışık modunda beyaz kart üstünde hafif beyaz saydamlık
   (#ffffff50) veren arka planı, koyu kartın üstünde soluk/renksiz bir pus gibi görünüyordu;
   siyah yazı rengiyle birlikte gece modunda okunaksız kalıyordu. */
:root[data-theme="dark"] .canvasmenu nav ul li a { background: transparent !important; color: #f1f5f9 !important; }
:root[data-theme="dark"] .canvasmenu nav ul ul { background-color: #1b202b !important; }
:root[data-theme="dark"] .canvasmenu nav ul li ul li a { color: #cbd5e1 !important; }
:root[data-theme="dark"] .digerhizmetler .item { background-color: #1b202b !important; }
:root[data-theme="dark"] .dropdownmenu .item .inftext span { color: #cbd5e1 !important; }
:root[data-theme="dark"] .dropdownmenu .item .inftext h5 { color: #f1f5f9 !important; }
:root[data-theme="dark"] .drop-user .userinfo span { color: #f1f5f9 !important; }
:root[data-theme="dark"] .drop-user .userinfo { border-bottom-color: #262b36 !important; }
:root[data-theme="dark"] .drop-user ul li a { color: #cbd5e1 !important; }
:root[data-theme="dark"] .drop-user ul li a:hover { background-color: #1f2530 !important; }
/* Paket kartları */
:root[data-theme="dark"] .paketitem { background-color: #181c25 !important; }
:root[data-theme="dark"] .paketitem .hsbody ul li { color: #cbd5e1 !important; border-bottom-color: #262b36 !important; }
:root[data-theme="dark"] .hsprice .price p { color: #f1f5f9 !important; }
:root[data-theme="dark"] .hsprice .price h5 { color: #6b7280 !important; }

/* Kategori kartları, araç sayfaları, ücretsiz hizmetler formu */
:root[data-theme="dark"] .fp-cat-card,
:root[data-theme="dark"] .fp-tool-body,
:root[data-theme="dark"] .fp-tool-result,
:root[data-theme="dark"] .fp-tools-otherplatforms-list a,
:root[data-theme="dark"] .fp-svc-list {
    background-color: #181c25 !important;
    border-color: #262b36 !important;
    color: #cbd5e1;
}
:root[data-theme="dark"] .fp-cat-body h5 { color: #f1f5f9 !important; }
:root[data-theme="dark"] .fp-cat-divider { background-color: #2d323d !important; }
:root[data-theme="dark"] .fp-tool-body label { color: #cbd5e1 !important; }
:root[data-theme="dark"] .fp-fs-head-text h2 { color: #f1f5f9 !important; }
:root[data-theme="dark"] .fp-fs-submit-label { color: #cbd5e1 !important; }
:root[data-theme="dark"] .fp-fs-submit-row,
:root[data-theme="dark"] .fp-fs-trust {
    background-color: #1c212c !important;
}
:root[data-theme="dark"] .fp-fs-trust span { color: #cbd5e1 !important; }
:root[data-theme="dark"] .fp-fs-head-text p { color: #94a3b8 !important; }

/* Anasayfa "Biz Kimiz" ve "Keşfet" bölümleri */
:root[data-theme="dark"] .about_why .area { background-color: #181c25 !important; }
:root[data-theme="dark"] .about_why .area .text p { color: #cbd5e1 !important; }
:root[data-theme="dark"] .flitem { background-color: #181c25 !important; }
:root[data-theme="dark"] .flitem .fltext span { color: #94a3b8 !important; }

/* Anasayfa hızlı sipariş kutusu */
:root[data-theme="dark"] .fp-quick-order { background-color: #181c25 !important; }
:root[data-theme="dark"] .fp-dd-toggle,
:root[data-theme="dark"] .fp-dd-menu {
    background-color: #1c212c !important;
    border-color: #2d323d !important;
}
:root[data-theme="dark"] .fp-dd.disabled .fp-dd-toggle { background-color: #171b24 !important; }
:root[data-theme="dark"] .fp-dd-item:hover { background-color: #262b36 !important; }
:root[data-theme="dark"] .fp-quick-submit:disabled { background: #334155 !important; color: #64748b !important; }
:root[data-theme="dark"] .sliderbanner img { filter: brightness(.42) contrast(1.15) saturate(1.25); }
:root[data-theme="dark"] .aboutslider::before { filter: brightness(.18) contrast(1.2) saturate(1.1); }
:root[data-theme="dark"] .swlitextbar.kullanim::after { filter: brightness(.35) contrast(1.15); }
:root[data-theme="dark"] .sliderbanner .text h2 { color: #f8fafc !important; text-shadow: 0 2px 10px rgba(0,0,0,.65); }
@media (max-width: 850px) {
    /* Mobilde hero, masaüstündeki <img>'den farklı olarak mobilgirl.png'yi CSS arka planı
       (çok soluk bir marka rengi degradesiyle) olarak kullanıyor — bu degrade gece modu için
       yeterince koyultmadığından yazı zor okunuyordu; gece modunda daha koyu bir degradeyle
       değiştiriliyor. */
    :root[data-theme="dark"] .sliderbanner {
        background-image: linear-gradient(180deg, rgba(16,19,26,.55), rgba(16,19,26,.8) 55%, rgba(16,19,26,.92)), url(/view/img/mobilgirl.png) !important;
    }
}
:root[data-theme="dark"] .sliderbanner .subtext span { color: #e2e8f0 !important; text-shadow: 0 1px 4px rgba(0,0,0,.5); }
:root[data-theme="dark"] .sliderbanner .text > p { color: #e2e8f0 !important; text-shadow: 0 1px 4px rgba(0,0,0,.5); }
:root[data-theme="dark"] .ser_slider .swiper-button-prevsr,
:root[data-theme="dark"] .ser_slider .swiper-button-nextsr { background: #1a1d234f !important; }
:root[data-theme="dark"] .ser_slider .swiper-button-prevsr i,
:root[data-theme="dark"] .ser_slider .swiper-button-nextsr i { color: #e2e8f0 !important; }
:root[data-theme="dark"] .about_why .area .item .bstext span { color: #94a3b8 !important; }
:root[data-theme="dark"] .icontext p { color: #94a3b8 !important; }
:root[data-theme="dark"] .faqsection h3 { color: #f1f5f9 !important; }
:root[data-theme="dark"] .faqsection h6 { color: #94a3b8 !important; }
:root[data-theme="dark"] .faqsection .accordion-body { background: #181c25 !important; }

/* Müşteri Paneli */
:root[data-theme="dark"] .accountsidebar .user span { color: #f1f5f9 !important; }
:root[data-theme="dark"] .accountsidebar .user .bakiyeyukle { background: #1c212c !important; }
:root[data-theme="dark"] .accountsidebar .user .bakiyeyukle h6 { color: #e2e8f0 !important; border-right-color: #2d323d !important; }
:root[data-theme="dark"] .accountmenu ul li a { background: #1c212c !important; }
:root[data-theme="dark"] .accountmenu ul li .icon { background: #171b24 !important; }
:root[data-theme="dark"] .accountmenu ul li .text { color: #94a3b8 !important; }
:root[data-theme="dark"] .accountmenu ul li.active a { background: #F70E36 !important; }
:root[data-theme="dark"] .dashistatisc { background: #181c25 !important; }
:root[data-theme="dark"] .dashistatisc .item .text span { color: #f1f5f9 !important; }
:root[data-theme="dark"] .dashistatisc .item .text h6 { color: #64748b !important; }
:root[data-theme="dark"] .dashistatisc .item::after { background: #2d323d !important; }
:root[data-theme="dark"] .dashistatisc .item:hover { background: #1f2530 !important; }
:root[data-theme="dark"] .orderfilter { background: #181c25 !important; }
:root[data-theme="dark"] .orderfilter ul { border-color: #2d323d !important; }
:root[data-theme="dark"] .orderfilter ul li button { color: #94a3b8 !important; }
:root[data-theme="dark"] .orderfilter ul li button.active { background: #2d323d !important; color: #f1f5f9 !important; }

/* Müşteri paneli - "Arkadaşını Davet Et" tanıtım şeridi (satış ortaklığı programını öne çıkarır) */
.fp-referral-banner { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; background: #fff; border: 1px solid var(--fp-border, #e2e8f0); border-left: 4px solid #F70E36; border-right: 4px solid #F70E36; border-radius: 8px; padding: 18px 22px; margin-top: 14px; float: left; clear: both; width: 100%; box-sizing: border-box; }
.fp-referral-banner .fp-rb-icon { width: 48px; height: 48px; border-radius: 50%; background: #fdecef; color: #F70E36; display: flex; align-items: center; justify-content: center; font-size: 22px; flex-shrink: 0; }
.fp-referral-banner .fp-rb-text { flex: 1 1 240px; min-width: 220px; }
.fp-referral-banner .fp-rb-text h4 { margin: 0 0 4px; font-size: 1rem; font-weight: 700; color: #111827; }
.fp-referral-banner .fp-rb-text p { margin: 0; font-size: .85rem; color: #6b7280; }
.fp-referral-banner .fp-rb-action { display: flex; flex-direction: column; gap: 8px; align-items: flex-end; }
.fp-referral-banner .copylink { float: none; margin: 0; }
.fp-referral-banner .fp-rb-more { color: #F70E36; font-size: .82rem; font-weight: 600; text-decoration: underline; white-space: nowrap; }
.fp-referral-banner .fp-rb-more:hover { color: #b90c2c; }
:root[data-theme="dark"] .fp-referral-banner { background: #181c25 !important; border-color: #2d323d !important; border-left-color: #F70E36 !important; }
:root[data-theme="dark"] .fp-referral-banner .fp-rb-text h4 { color: #f1f5f9 !important; }
:root[data-theme="dark"] .fp-referral-banner .fp-rb-text p { color: #94a3b8 !important; }

/* Üst menü - sadakat puanı rozeti (sepet butonunun yanında, tüm sayfalarda görünür) */
.headtop .right .loyaltybtn { float: right; color: #F70E36; font-size: 15px; font-weight: 600; margin-right: 20px; display: flex; align-items: center; }
.headtop .right .loyaltybtn:hover { color: #b90c2c; }
.headtop .right .loyaltybtn i { margin-right: 4px; }

/* Müşteri paneli - üst istatistik kutuları artık tıklanabilir link (Bakiye/Sipariş/Sepet/Favori) */
.dashistatisc .item { text-decoration: none; cursor: pointer; transition: opacity .2s; }
.dashistatisc .item:hover { opacity: .75; }

/* Müşteri paneli - sadakat programı (puan) ilerleme şeridi */
.fp-loyalty-banner { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; background: #fff; border: 1px solid var(--fp-border, #e2e8f0); border-left: 4px solid #F70E36; border-radius: 8px; padding: 18px 22px; margin-top: 14px; float: left; clear: both; width: 100%; box-sizing: border-box; }
.fp-loyalty-banner .fp-lb-icon { width: 48px; height: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 22px; flex-shrink: 0; }
.fp-loyalty-banner .fp-lb-text { flex: 1 1 260px; min-width: 220px; }
.fp-loyalty-banner .fp-lb-text h4 { margin: 0 0 4px; font-size: 1rem; font-weight: 700; color: #111827; }
.fp-loyalty-banner .fp-lb-text p { margin: 0 0 6px; font-size: .85rem; color: #6b7280; }
.fp-loyalty-banner .fp-lb-progress { background: #f1f5f9; border-radius: 999px; height: 8px; overflow: hidden; max-width: 320px; }
.fp-loyalty-banner .fp-lb-progress div { background: #F70E36; height: 100%; border-radius: 999px; }
:root[data-theme="dark"] .fp-loyalty-banner { background: #181c25 !important; border-color: #2d323d !important; }
:root[data-theme="dark"] .fp-loyalty-banner .fp-lb-text h4 { color: #f1f5f9 !important; }
:root[data-theme="dark"] .fp-loyalty-banner .fp-lb-text p { color: #94a3b8 !important; }
:root[data-theme="dark"] .fp-loyalty-banner .fp-lb-progress { background: #2d323d !important; }
@media (max-width: 640px) {
    .fp-referral-banner { padding: 16px; }
    .fp-referral-banner .fp-rb-action { align-items: flex-start; width: 100%; }
    .fp-referral-banner .copylink { width: 100%; box-sizing: border-box; }
}
:root[data-theme="dark"] .servissearch { background: #1c212c !important; border-color: #2d323d !important; }
:root[data-theme="dark"] .servissearch input { background: transparent !important; color: #e2e8f0 !important; }
:root[data-theme="dark"] .siparistable { background: #181c25 !important; }
:root[data-theme="dark"] .siparistable .thad { background: #171b24 !important; }
:root[data-theme="dark"] .siparistable .thad span { color: #94a3b8 !important; }
:root[data-theme="dark"] .siparistable .item { background: #1c212c !important; border-bottom-color: #262b36 !important; }
:root[data-theme="dark"] .siparistable .item span { color: #cbd5e1 !important; }
:root[data-theme="dark"] .siparistable .item .col-md-2,
:root[data-theme="dark"] .siparistable .item .col-md-4 { border-right-color: #262b36 !important; }
:root[data-theme="dark"] .filttitle span { color: #f1f5f9 !important; }
:root[data-theme="dark"] .siparistable .item div[style*="color:#111827"],
:root[data-theme="dark"] .siparistable .item div[style*="color: #111827"] { color: #e2e8f0 !important; }
:root[data-theme="dark"] .siparistable .item .id { background: rgba(247,14,54,.18) !important; color: #ff6b81 !important; }

/* Anasayfa "Kazandıran Özellikler" ve kategori sekmeleri */
:root[data-theme="dark"] .ozellikitem { background-color: #181c25 !important; }
:root[data-theme="dark"] .ozellikitem h5 { color: #f1f5f9 !important; }
:root[data-theme="dark"] .pakettabs { background-color: #171b24 !important; }
:root[data-theme="dark"] .pakettabs .nav button:not(.active) { background-color: #1c212c !important; }
:root[data-theme="dark"] .pakettabs .nav button.tiktok:not(.active) { color: #25F4EE !important; }
:root[data-theme="dark"] .pakettabs .nav button.active.tiktok { background-color: #25F4EE !important; color: #0f172a !important; }
/* Bootstrap'ın .nav-tabs .nav-link.active kuralı köşelerde ince bir kenarlık bırakıyor;
   koyu temada bu kenarlık arka planla kontrast oluşturup köşelerde çentik gibi görünüyordu. */
.pakettabs .nav button,
.pakettabs .nav button:focus,
.pakettabs .nav button:hover,
.pakettabs .nav button.active { border: 0 !important; outline: 0 !important; box-shadow: none !important; }

/* Makale/İçerik kutusu (.swlitextbar .area — araç sayfaları + "Fenomen Paket Kullanımı" gibi bölümler) */
:root[data-theme="dark"] .swlitextbar .area {
    background: linear-gradient(180deg, #181c25 0%, #14171f 100%) !important;
    border-color: #262b36 !important;
}
:root[data-theme="dark"] .swlitextbar .area h1,
:root[data-theme="dark"] .swlitextbar .area h2,
:root[data-theme="dark"] .swlitextbar .area h3,
:root[data-theme="dark"] .swlitextbar .area h4,
:root[data-theme="dark"] .swlitextbar .area h5,
:root[data-theme="dark"] .swlitextbar .area h6,
:root[data-theme="dark"] .swlitextbar .area strong { color: #f1f5f9 !important; }
:root[data-theme="dark"] .swlitextbar .area p,
:root[data-theme="dark"] .swlitextbar .area ul,
:root[data-theme="dark"] .swlitextbar .area ol,
:root[data-theme="dark"] .swlitextbar .area ul li,
:root[data-theme="dark"] .swlitextbar .area ol li { color: #94a3b8 !important; }
:root[data-theme="dark"] .swlitextbar .area blockquote { background: #20242f !important; color: #94a3b8 !important; }
:root[data-theme="dark"] .swlitextbar .area hr { background: linear-gradient(90deg, transparent, #262b36 20%, #262b36 80%, transparent) !important; }
:root[data-theme="dark"] .swlitextbar .area::-webkit-scrollbar { background-color: #171b24 !important; }

/* SSS akordeon */
:root[data-theme="dark"] .faqsection .accordion-button {
    background-color: #181c25 !important;
    color: #e2e8f0 !important;
}
:root[data-theme="dark"] .faqsection .accordion-button:not(.collapsed) { background-color: #262032 !important; }

/* Genel form alanları */
:root[data-theme="dark"] input[type="text"],
:root[data-theme="dark"] input[type="email"],
:root[data-theme="dark"] input[type="password"],
:root[data-theme="dark"] input[type="number"],
:root[data-theme="dark"] input[type="tel"],
:root[data-theme="dark"] input[type="url"],
:root[data-theme="dark"] textarea,
:root[data-theme="dark"] select {
    background-color: #1c212c !important;
    border-color: #2d323d !important;
    color: #e2e8f0 !important;
}
:root[data-theme="dark"] input::placeholder,
:root[data-theme="dark"] textarea::placeholder {
    color: #6b7280 !important;
}

:root[data-theme="dark"] .section-title,
:root[data-theme="dark"] .fp-tool-hero-band .section-title { color: #f1f5f9; }
:root[data-theme="dark"] .fp-tool-hero-band {
    background:
        radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--fp-accent, #F70E36) 22%, transparent), transparent 70%),
        linear-gradient(180deg, color-mix(in srgb, var(--fp-accent, #F70E36) 12%, #10131a), transparent) !important;
}

/* Kurumsal sayfalar (İletişim, Hakkımızda, SSS, Sözleşmeler, Blog) ortak şablonu */
:root[data-theme="dark"] .pagecontent .title-bg { background-color: #171b24 !important; color: #f1f5f9 !important; }
:root[data-theme="dark"] .kvpage_menu { background-color: #181c25 !important; }
:root[data-theme="dark"] .kvpage_menu ul { border-color: #2d323d !important; }
:root[data-theme="dark"] .kvpage_menu ul li a { color: #94a3b8 !important; }
:root[data-theme="dark"] .contactarea .boxgs { background-color: #181c25 !important; }
:root[data-theme="dark"] .contactarea .boxgs .title { border-bottom-color: #262b36 !important; }
:root[data-theme="dark"] .contactarea .boxgs .bion .item label { color: #cbd5e1 !important; }
:root[data-theme="dark"] .contactarea .boxgs .bion .item .inputitem input,
:root[data-theme="dark"] .contactarea .boxgs .bion .item .inputitem textarea { border-color: #2d323d !important; }
:root[data-theme="dark"] .contactarea .boxgs .bion .item .inputitem i { color: #64748b !important; }
:root[data-theme="dark"] .pagedetail .pagetitle { background-color: #171b24 !important; color: #f1f5f9 !important; }
:root[data-theme="dark"] .pagedetail .area { background-color: #181c25 !important; color: #cbd5e1 !important; }
:root[data-theme="dark"] .whatsappare { border-top-color: #262b36 !important; }
:root[data-theme="dark"] .whatsappare span { color: #f1f5f9 !important; }
:root[data-theme="dark"] .favoribar { background-color: #181c25 !important; }
:root[data-theme="dark"] .favoribar span { color: #f1f5f9 !important; }
:root[data-theme="dark"] .ssssubmenu { background-color: #171b24 !important; }
:root[data-theme="dark"] .ssssubmenu ul li a { color: #94a3b8 !important; }
:root[data-theme="dark"] .ssssubmenu ul li ul { background-color: #181c25 !important; border-color: #2d323d !important; }
:root[data-theme="dark"] .ssssubmenu ul li ul li { border-bottom-color: #262b36 !important; }
:root[data-theme="dark"] .ssssubmenu ul li ul li a { color: #e2e8f0 !important; }
:root[data-theme="dark"] .blogdetay,
:root[data-theme="dark"] .blogitem,
:root[data-theme="dark"] .blogsidebar { background-color: #181c25 !important; }
:root[data-theme="dark"] .bloglist a { color: #cbd5e1 !important; }
:root[data-theme="dark"] .sidebarcat { background-color: #181c25 !important; }
:root[data-theme="dark"] .sidebarcat ul li { border-bottom-color: #262b36 !important; }
:root[data-theme="dark"] .sidebarcat ul li a { color: #cbd5e1 !important; }
:root[data-theme="dark"] .sidebarcat ul li.active a { color: #F70E36 !important; }
:root[data-theme="dark"] .blogitem .text h5 { color: #f1f5f9 !important; }
:root[data-theme="dark"] .blogitem .text p { color: #94a3b8 !important; }
:root[data-theme="dark"] .blogitem .text .date,
:root[data-theme="dark"] .blogitem .text .view { color: #94a3b8 !important; border-color: #2d323d !important; }

/* Müşteri Paneli — dış kutu */
:root[data-theme="dark"] .accountsidebar { background-color: #181c25 !important; }

/* Bakiye İşlemleri / Ödeme yöntemi */
:root[data-theme="dark"] .odeme_method h3 { background-color: #171b24 !important; color: #f1f5f9 !important; }
:root[data-theme="dark"] .odeme_method .form { background-color: #181c25 !important; }
:root[data-theme="dark"] .cuzdankart { background-color: #181c25 !important; }
:root[data-theme="dark"] .cuzdankart .title,
:root[data-theme="dark"] .cuzdankart .bos { border-bottom-color: #262b36 !important; }
:root[data-theme="dark"] .cuzdankart .inputitem label { color: #cbd5e1 !important; }
:root[data-theme="dark"] .cuzdankart .inputitem input { border-color: #2d323d !important; }
:root[data-theme="dark"] .cuzdankart ul li { color: #94a3b8 !important; }
:root[data-theme="dark"] .cuzdankart .title h5 { color: #f1f5f9 !important; }
:root[data-theme="dark"] .cuzdankart .title p { color: #94a3b8 !important; }
:root[data-theme="dark"] .fp-paytab { background: #2a1418 !important; color: #ff8fa3 !important; }
:root[data-theme="dark"] .fp-paytab:has(input:checked) { background: #F70E36 !important; color: #fff !important; }
:root[data-theme="dark"] #fp_charge { background-color: #1c212c !important; color: #e2e8f0 !important; }
:root[data-theme="dark"] #fp_komisyon_badge > div { background: #2a1418 !important; }

/* İndirim Kuponlarım */
:root[data-theme="dark"] .kpn-vault { background: #181c25 !important; border-color: #262b36 !important; }
:root[data-theme="dark"] .kpn-card { background: linear-gradient(#181c25, #181c25) padding-box, linear-gradient(120deg, #ff8aa6, #e2264d 45%, #9c6bff 100%) border-box !important; }
:root[data-theme="dark"] .kpn-pill-cat { color: #7dd3fc !important; background: #0c2733 !important; border-color: #164254 !important; }
:root[data-theme="dark"] .kpn-pill-active { color: #6ee7b7 !important; background: #0b2b21 !important; border-color: #14432f !important; }
:root[data-theme="dark"] .kpn-cardtitle { color: #f1f5f9 !important; }
:root[data-theme="dark"] .kpn-carddesc { color: #94a3b8 !important; }
:root[data-theme="dark"] .kpn-codewrap { background: #2a1418 !important; }
:root[data-theme="dark"] .kpn-codetext { color: #ff8fa3 !important; }
:root[data-theme="dark"] .kpn-metarow span { background: #1c212c !important; color: #94a3b8 !important; border-color: #2d323d !important; }

/* Satış Ortaklığı istatistik kutuları */
:root[data-theme="dark"] .satisistas .item { background: #181c25 !important; }
:root[data-theme="dark"] .satisistas .item h5 { color: #f1f5f9 !important; }
:root[data-theme="dark"] .satisistas .item p { color: #94a3b8 !important; }
:root[data-theme="dark"] .satisistas .col-md-4::after { filter: brightness(.3); }

/* Hesap Düzenle */
:root[data-theme="dark"] .passchangearea h3 { background-color: #171b24 !important; color: #f1f5f9 !important; }
:root[data-theme="dark"] .passchangearea .areabody { background-color: #181c25 !important; }
:root[data-theme="dark"] .passchangearea .areabody .item label { color: #cbd5e1 !important; }
:root[data-theme="dark"] .passchangearea .areabody .item input { border-color: #2d323d !important; }

/* Sepet adımları (sepetstep1/2/3) */
:root[data-theme="dark"] .basketmenu { background-color: #181c25 !important; }
:root[data-theme="dark"] .basketmenu ul li a { color: #94a3b8 !important; }
:root[data-theme="dark"] .basketmenu ul li { border-left-color: #262b36 !important; }
:root[data-theme="dark"] .siparissepetitem .platform { background-color: #181c25 !important; }
:root[data-theme="dark"] p.price ins { color: #f1f5f9 !important; }
:root[data-theme="dark"] .sepetlistele .sptbody .alan { background-color: #181c25 !important; }
:root[data-theme="dark"] .sptkls input::placeholder { color: #6b7280 !important; }
:root[data-theme="dark"] .sepetlistele .spthead { background-color: #171b24 !important; }
:root[data-theme="dark"] .sepetlistele .sptbsitem { background-color: #181c25 !important; border-bottom-color: #262b36 !important; }
:root[data-theme="dark"] .sepetlistele .sptbsitem .fiyat { color: #f1f5f9 !important; }
:root[data-theme="dark"] .sepetdtayi { background-color: #181c25 !important; color: #f1f5f9 !important; border-color: #262b36 !important; }
:root[data-theme="dark"] .basettotal { background-color: #181c25 !important; border-left-color: #262b36 !important; border-right-color: #262b36 !important; }
:root[data-theme="dark"] .basettotal:last-of-type { border-bottom-color: #262b36 !important; }
:root[data-theme="dark"] .basettotal b { color: #f1f5f9 !important; }
:root[data-theme="dark"] .basetcupon { background-color: #181c25 !important; border-color: #262b36 !important; }
:root[data-theme="dark"] .basetcupon .accordion-button { color: #f1f5f9 !important; background-color: #181c25 !important; }
:root[data-theme="dark"] .basketarea .accordion-button::after { filter: brightness(0) saturate(100%) invert(90%); }
:root[data-theme="dark"] .fp-coupon-input { background-color: #1c212c !important; color: #e2e8f0 !important; }
:root[data-theme="dark"] .basetcupon .accordion-body { background-color: #12151f !important; border-top: 1px solid #262b36; }
:root[data-theme="dark"] .basetcupon .accordion-item { background-color: #181c25 !important; border-color: #262b36 !important; }
:root[data-theme="dark"] .fp-coupon-applied { background: linear-gradient(135deg, rgba(22,163,74,.16), rgba(22,163,74,.08)) !important; border-color: rgba(22,163,74,.35) !important; }
:root[data-theme="dark"] .fp-coupon-applied-code { color: #dcfce7 !important; }
:root[data-theme="dark"] .fp-coupon-remove-btn { background: #1c212c !important; border-color: rgba(220,38,38,.4) !important; color: #f87171 !important; }
:root[data-theme="dark"] .fp-coupon-input::placeholder { color: #64748b !important; }
:root[data-theme="dark"] .sepetbenzer h6,
:root[data-theme="dark"] .sepetbenzer h4 { color: #f1f5f9 !important; }

/* Ödeme sonucu sayfası */
:root[data-theme="dark"] .fp-result-card { background-color: #181c25 !important; }
:root[data-theme="dark"] .fp-result-order { background-color: #1c212c !important; }
:root[data-theme="dark"] .fp-result-order strong { color: #f1f5f9 !important; }

/* Sipariş Sorgula */
:root[data-theme="dark"] .siparissorguitem { background-color: #181c25 !important; }
:root[data-theme="dark"] .sorgusonuc .area { background-color: #181c25 !important; }
:root[data-theme="dark"] .sorgusonuc .area .list span,
:root[data-theme="dark"] .sorgusonuc .siparisdetay span { color: #f1f5f9 !important; }
:root[data-theme="dark"] .sorgusonuc .siparisno { color: #f1f5f9 !important; }
:root[data-theme="dark"] .admin-card { background-color: #181c25 !important; border-color: #262b36 !important; }

/* Destek Talebi */
:root[data-theme="dark"] .dashboardbox { background-color: #181c25 !important; }
:root[data-theme="dark"] .dashboardbox .alan .inputitem label { color: #94a3b8 !important; }
:root[data-theme="dark"] .fp-avatar-grid { background: #181c25 !important; }
:root[data-theme="dark"] .fp-avatar-option { border-color: #262b36 !important; }
:root[data-theme="dark"] .customeritem .text { background: linear-gradient(135deg, rgba(247,14,54,.14), rgba(247,14,54,.08)) !important; border-color: rgba(247,14,54,.3) !important; }
:root[data-theme="dark"] .customeritem .text p { color: #ffc2c9 !important; }
:root[data-theme="dark"] .officialitem .text { background: linear-gradient(135deg, #1c212c, #1a1f29) !important; border-color: #2d3444 !important; }
:root[data-theme="dark"] .officialitem .text p { color: #cbd5e1 !important; }
:root[data-theme="dark"] .customeritem .userinfo span,
:root[data-theme="dark"] .officialitem .userinfo span { color: #f1f5f9 !important; }
:root[data-theme="dark"] .customeritem .date,
:root[data-theme="dark"] .officialitem .date { color: #94a3b8 !important; }
:root[data-theme="dark"] .supportarea .inputitem label { color: #cbd5e1 !important; }
:root[data-theme="dark"] .customeritem .text,
:root[data-theme="dark"] .officialitem .text { background-color: #1c212c !important; }
:root[data-theme="dark"] .customeritem .text p,
:root[data-theme="dark"] .officialitem .text p { color: #cbd5e1 !important; }
:root[data-theme="dark"] .fp-reply-box { background-color: #181c25 !important; border-color: #2d323d !important; }
:root[data-theme="dark"] .fp-reply-input { color: #e2e8f0 !important; }
:root[data-theme="dark"] .fp-attach-btn { background-color: #1c212c !important; color: #94a3b8 !important; }
:root[data-theme="dark"] .fp-back-link { background-color: #1c212c !important; color: #cbd5e1 !important; }
:root[data-theme="dark"] .supportdeskitem { background-color: #181c25 !important; }
:root[data-theme="dark"] .supportdeskitem .tks { border-right-color: #262b36 !important; }
:root[data-theme="dark"] .supportdeskitem .tks span { color: #94a3b8 !important; }
:root[data-theme="dark"] .supportdeskitem .tks b { color: #f1f5f9 !important; }
:root[data-theme="dark"] input[type="file"] { color: #94a3b8 !important; }
input[type="file"]::file-selector-button {
    padding: 8px 16px; border-radius: 8px; border: 1px solid var(--fp-border, #e2e5ea);
    background: #f4f4f7; color: #333; font-weight: 600; cursor: pointer;
    margin-right: 12px; transition: background .15s ease;
}
input[type="file"]::file-selector-button:hover { background: #e8e8ee; }
:root[data-theme="dark"] input[type="file"]::file-selector-button {
    background: #1c2333; border-color: #384260; color: #cbd5e1;
}
:root[data-theme="dark"] input[type="file"]::file-selector-button:hover { background: #232b41; }

/* Duyuru popup'ı */
:root[data-theme="dark"] .duyuru-card { background-color: #181c25 !important; }
:root[data-theme="dark"] .duyuru-close { background-color: #1c212c !important; border-color: #2d323d !important; }
:root[data-theme="dark"] .duyuru-baslik,
:root[data-theme="dark"] .duyuru-icerik { color: #f1f5f9 !important; border-bottom-color: #262b36 !important; }
:root[data-theme="dark"] .duyuru-paket,
:root[data-theme="dark"] .duyuru-kod,
:root[data-theme="dark"] .duyuru-tarih { background-color: #1c212c !important; }
:root[data-theme="dark"] .duyuru-paket-ad,
:root[data-theme="dark"] .duyuru-kod-left,
:root[data-theme="dark"] .duyuru-kod-value,
:root[data-theme="dark"] .duyuru-tarih-deger { color: #f1f5f9 !important; }
:root[data-theme="dark"] .duyuru-kod-left { border-right-color: #2d323d !important; }
:root[data-theme="dark"] .duyuru-tarih-label { color: #94a3b8 !important; }

/* ------------------------------------------ MOBİL ALT MENÜ — HESABIM PANELİ */
.fp-mob-avatar-tab { display: flex; flex-direction: column; align-items: center; gap: 2px; }
.mobilbottommenu .fp-mob-avatar-wrap {
    width: 26px !important; height: 26px !important; float: none !important;
    border-radius: 50%; overflow: visible; display: block; position: relative;
    border: 2px solid #F70E36; box-sizing: content-box;
}
.fp-mob-avatar-wrap > span:first-child { width: 100% !important; height: 100% !important; display: block; border-radius: 50%; overflow: hidden; }
.mobilbottommenu .fp-mob-avatar-notif-dot {
    position: absolute !important; top: -2px !important; right: -2px !important; left: auto !important; bottom: auto !important;
    width: 10px !important; height: 10px !important; float: none !important;
    border-radius: 999px; background: linear-gradient(135deg, #ff4d6d, #F70E36); border: 2px solid #fff;
    box-shadow: 0 0 6px rgba(247,14,54,.7); z-index: 2;
}
:root[data-theme="dark"] .fp-mob-avatar-notif-dot { border-color: #10131a; }

.mobilbottommenu li.fp-mob-cart-item { position: relative; margin-top: -25px; padding-top: 0; }
.mobilbottommenu li.fp-mob-cart-item a { display: flex !important; flex-direction: column; align-items: center; }
.mobilbottommenu .fp-mob-cart-fab {
    position: relative !important; float: none !important; width: 60px !important; height: 60px !important;
    display: flex !important; align-items: center; justify-content: center;
    border-radius: 50%; margin: 0 auto 4px;
    background: linear-gradient(135deg, #6ee7b0, #4FD19C);
    border: 4px solid #fff; box-shadow: 0 8px 20px -4px rgba(79,209,156,.55);
}
.mobilbottommenu .fp-mob-cart-fab i { font-size: 26px !important; color: #fff; margin: 0; }
.mobilbottommenu .fp-mob-cart-badge {
    position: absolute !important; top: -6px !important; right: -8px !important; left: auto !important; bottom: auto !important;
    min-width: 22px !important; width: auto !important; height: 22px !important; float: none !important;
    padding: 0 6px; border-radius: 999px; background: linear-gradient(135deg, #ff5678, #F70E36 55%, #b4062b);
    color: #fff; font-size: 12px; font-weight: 800; line-height: 1;
    display: flex !important; align-items: center; justify-content: center;
    border: 2px solid #fff; box-shadow: 0 0 10px rgba(247,14,54,.8);
    z-index: 2; animation: fpCartBadgePulse 1.7s ease-in-out infinite;
}
.mobilbottommenu .fp-mob-cart-badge::after {
    content: ''; position: absolute; inset: -5px; border-radius: 999px;
    border: 1.5px solid #F70E36; opacity: .6;
    animation: fpCartBadgeRing 1.7s ease-out infinite;
}
@keyframes fpCartBadgePulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.12); }
}
@keyframes fpCartBadgeRing {
    0% { transform: scale(.75); opacity: .6; }
    100% { transform: scale(1.7); opacity: 0; }
}
/* Aktif olmayan alt menü ikonları ışık modunda koyu gri (#494F5D) — koyu arka planda soluk kalıyordu. */
:root[data-theme="dark"] .mobilbottommenu ul li a { color: #94a3b8 !important; }
:root[data-theme="dark"] .mobilbottommenu .fp-mob-cart-fab { border-color: #10131a; }
:root[data-theme="dark"] .mobilbottommenu .fp-mob-cart-badge { border-color: #10131a; }
.mobilbottommenu li.fp-mob-cart-item a > span:last-child { font-size: 11px; font-weight: 700; color: #4FD19C; }
.fp-mob-user-overlay,
.fp-mob-support-overlay {
    display: none; position: fixed; inset: 0; background: rgba(10,13,26,.55);
    backdrop-filter: blur(3px); z-index: 100000; opacity: 0; transition: opacity .25s ease;
}
.fp-mob-user-overlay.open,
.fp-mob-support-overlay.open { display: block; opacity: 1; }
.fp-mob-user-panel {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 100001;
    background: linear-gradient(180deg, #161b2c, #0d1020);
    border-top: 1px solid rgba(124,58,237,.35);
    border-radius: 22px 22px 0 0;
    box-shadow: 0 -18px 50px rgba(79,70,229,.25);
    padding: 10px 18px 26px;
    transform: translateY(105%);
    transition: transform .32s cubic-bezier(.32,.72,0,1);
    max-height: 82vh; overflow-y: auto;
    overflow-x: hidden;
}
.fp-mob-user-panel::before {
    content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; z-index: 1;
    border-radius: 22px 22px 0 0;
    background: linear-gradient(90deg, transparent, #7c3aed, #F70E36, #7c3aed, transparent);
    background-size: 200% 100%; animation: fpMobPanelGlow 5s linear infinite;
}
@keyframes fpMobPanelGlow { 0% { background-position: 0% 0; } 100% { background-position: 200% 0; } }
.fp-mob-user-panel.open { transform: translateY(0); }
.fp-mob-user-panel-handle { width: 42px; height: 4px; border-radius: 999px; background: rgba(255,255,255,.25); margin: 4px auto 14px; }
.fp-mob-user-panel-head { display: flex; align-items: center; gap: 12px; padding-bottom: 14px; margin-bottom: 6px; border-bottom: 1px solid rgba(255,255,255,.1); }
.fp-mob-user-panel-avatar {
    flex-shrink: 0; display: block; border-radius: 50%;
    box-shadow: 0 0 0 2px #0d1020, 0 0 0 4px var(--fp-accent, #7c3aed), 0 0 16px 2px rgba(124,58,237,.55);
}
.fp-mob-user-panel-headinfo { flex: 1; display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.fp-mob-user-panel-headinfo strong { color: #f1f5f9; font-size: 1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fp-mob-user-panel-headinfo span {
    display: inline-flex; align-items: center; gap: 5px; align-self: flex-start;
    color: #4ade80; font-weight: 700; font-size: .8rem;
    background: rgba(74,222,128,.12); border: 1px solid rgba(74,222,128,.25);
    padding: 3px 10px; border-radius: 999px;
}
.fp-mob-user-panel-headinfo span i { font-size: .85rem; }
.fp-mob-user-panel-close {
    width: 34px; height: 34px; border-radius: 50%; border: 1px solid rgba(255,255,255,.15);
    background: rgba(255,255,255,.06); color: #cbd5e1; font-size: 18px;
    display: flex; align-items: center; justify-content: center;
}
.fp-mob-user-panel ul { list-style: none; margin: 8px 0 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.fp-mob-user-panel ul li a {
    display: flex; align-items: center; gap: 10px; padding: 13px 14px; border-radius: 14px;
    background: rgba(124,58,237,.12); border: 1px solid rgba(124,58,237,.22);
    color: #e2e8f0; text-decoration: none; font-size: .85rem; font-weight: 600;
    transition: background .15s, border-color .15s, transform .1s;
}
.fp-mob-user-panel ul li a i { font-size: 18px; color: var(--fp-accent); }
.fp-mob-user-panel ul li a:active { background: rgba(124,58,237,.24); transform: scale(.97); }
.fp-mob-user-panel ul li a:hover { border-color: rgba(124,58,237,.5); }
.fp-mob-support-options { display: flex; flex-direction: column; gap: 12px; margin-top: 4px; }
.fp-mob-support-opt {
    display: flex; align-items: center; gap: 14px; padding: 15px; border-radius: 16px;
    background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08);
    text-decoration: none; transition: background .15s, border-color .15s, transform .1s;
}
.fp-mob-support-opt:active { transform: scale(.98); }
.fp-mob-support-opt:hover { border-color: rgba(124,58,237,.5); background: rgba(255,255,255,.07); }
.fp-mob-support-opt-icon {
    flex-shrink: 0; width: 44px; height: 44px; border-radius: 13px; display: flex; align-items: center; justify-content: center;
    font-size: 21px; color: #fff;
}
.fp-mob-support-opt-icon-wa { background: linear-gradient(135deg, #25D366, #128C7E); box-shadow: 0 6px 14px -6px #25D366; }
.fp-mob-support-opt-icon-ticket { background: linear-gradient(135deg, #7c3aed, #4338ca); box-shadow: 0 6px 14px -6px #7c3aed; }
.fp-mob-support-opt-text { flex: 1; display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.fp-mob-support-opt-text b { color: #f1f5f9; font-size: .92rem; font-weight: 700; display: flex; align-items: center; gap: 6px; }
.fp-mob-support-opt-text span { color: #94a3b8; font-size: .78rem; line-height: 1.3; }
.fp-mob-support-opt > i { color: #64748b; font-size: 20px; flex-shrink: 0; }
@media (min-width: 851px) { .fp-mob-user-overlay, .fp-mob-user-panel, .fp-mob-support-overlay { display: none !important; } }

/* ------------------------------------------------- BAKİYE EKLE — HIZLI TUTAR
   Not: bu düğmeler daha önce genel bir ".cuzdankart button" seçicisi yüzünden yanlışlıkla
   "ÖDEME YAP" butonunun yeşil rengini alıyordu (aynı kapsayıcı içindeki her <button> etiketini
   yakalıyordu) — o kural artık kendi sınıfına (.fp-topup-submit-btn) taşındığı için buradaki
   tasarım net şekilde uygulanıyor. Izgara (grid) düzeni: tek satırda esneyip metni kırpan
   (flex) yapı yerine, mobilde otomatik olarak 3'lü iki satıra geçiyor — "1.000 ₺" gibi
   yazılar asla "1.00…" diye kesilmiyor. */
.fp-quick-amounts { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; margin-bottom: 18px; }
.fp-quick-amount-btn {
    padding: 14px 4px; border-radius: 12px; border: 1.5px solid var(--fp-border);
    background: linear-gradient(180deg, #fff, #f7f7fb); color: var(--fp-text);
    font-weight: 800; font-size: .86rem; cursor: pointer; position: relative; overflow: hidden;
    transition: border-color .18s ease, box-shadow .18s ease, transform .12s ease, color .18s ease;
}
.fp-quick-amount-btn::before {
    content: ""; position: absolute; inset: 0; border-radius: 12px; padding: 1.5px;
    background: linear-gradient(120deg, #F70E36, #ff6b3d, #F70E36);
    background-size: 220% 100%;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor; mask-composite: exclude;
    opacity: 0; transition: opacity .18s ease;
}
.fp-quick-amount-btn:hover { color: #F70E36; transform: translateY(-2px); box-shadow: 0 10px 18px -12px #F70E36; }
.fp-quick-amount-btn:hover::before { opacity: 1; }
.fp-quick-amount-btn.active {
    background: linear-gradient(135deg, #F70E36, #ff6b3d); border-color: transparent; color: #fff;
    box-shadow: 0 12px 24px -10px #F70E36; transform: translateY(-2px);
    animation: fpQuickAmountGlow 2.4s ease-in-out infinite;
}
.fp-quick-amount-btn.active::before { display: none; }
@keyframes fpQuickAmountGlow {
    0%, 100% { box-shadow: 0 12px 24px -10px #F70E36; }
    50% { box-shadow: 0 12px 28px -6px #F70E36; }
}
:root[data-theme="dark"] .fp-quick-amount-btn { background: linear-gradient(180deg, #1b202b, #171b24); border-color: #2a3040; color: #e2e8f0; }
:root[data-theme="dark"] .fp-quick-amount-btn:hover { color: #fff; }
:root[data-theme="dark"] .fp-quick-amount-btn.active { background: linear-gradient(135deg, #F70E36, #ff6b3d); border-color: transparent; color: #fff; }
@media (max-width: 600px) {
    .fp-quick-amounts { grid-template-columns: repeat(3, 1fr); }
}


/* ==================================================== FOOTER (FUTURİSTİK YENİDEN TASARIM) */
.fp-ftr { background: linear-gradient(180deg, #12141c 0%, #0b0d13 55%, #08090d 100%) !important; margin-top: 60px; position: relative; overflow: hidden; }
.fp-ftr::before {
    content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; z-index: 3;
    background: linear-gradient(90deg, transparent, #F70E36, #ff8a3d, #F70E36, transparent);
    background-size: 200% 100%; animation: fpFtrGlow 6s linear infinite;
}
.fp-ftr::after {
    content: ""; position: absolute; top: -120px; left: 50%; width: 700px; height: 300px; transform: translateX(-50%);
    background: radial-gradient(ellipse at center, rgba(247,14,54,.14), transparent 70%); pointer-events: none;
}
@keyframes fpFtrGlow { 0% { background-position: 0% 0; } 100% { background-position: 200% 0; } }

.fp-ftr-contact { background: transparent !important; float: none; width: auto; border-radius: 0; padding: 0; margin: 0; position: relative; z-index: 2; }
.fp-ftr-contact-inner {
    display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap;
    padding: 34px 0; border-bottom: 1px solid rgba(255,255,255,.07);
}
.fp-ftr-brand img { height: 54px; object-fit: contain; }
.fp-ftr-chips { display: flex; gap: 14px; flex-wrap: wrap; }
.fp-ftr-chip {
    display: flex; align-items: center; gap: 12px; text-decoration: none; padding: 8px 20px 8px 8px;
    border-radius: 999px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.09); transition: all .25s;
}
.fp-ftr-chip:hover { border-color: #F70E36; background: rgba(247,14,54,.1); transform: translateY(-2px); }
.fp-ftr-chip-icon {
    width: 38px; height: 38px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0;
    background: linear-gradient(135deg, #F70E36, #ff6b3d); color: #fff; font-size: 18px;
}
.fp-ftr-chip-text { display: flex; flex-direction: column; line-height: 1.35; }
.fp-ftr-chip-text span { font-size: .74rem; color: #93a0b8; }
.fp-ftr-chip-text b { font-size: .92rem; color: #fff; }
.fp-ftr-social { display: flex; gap: 10px; }
.fp-ftr-social a {
    width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
    background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.09); color: #fff; font-size: 18px; transition: all .25s;
}
.fp-ftr-social a:hover { background: #F70E36; border-color: #F70E36; transform: translateY(-3px); }

.fp-ftr-links { background: transparent !important; padding: 44px 0 10px; position: relative; z-index: 2; }
.fp-ftr-grid { display: grid; grid-template-columns: 1.3fr 1fr 1fr 1fr; gap: 30px; }
.fp-ftr-col-head { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; padding-bottom: 14px; position: relative; border-bottom: 1px solid rgba(255,255,255,.08); }
.fp-ftr-col-head::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 34px; height: 2px; background: linear-gradient(90deg, #F70E36, #ff6b3d); }
.fp-ftr-col-head i { flex-shrink: 0; width: 34px; height: 34px; border-radius: 9px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, rgba(247,14,54,.2), rgba(247,14,54,.06)); border: 1px solid rgba(247,14,54,.3); font-size: 16px; color: #F70E36; }
.fp-ftr-col-head span { font-family: 'Samsung Sharp Sans', 'Gilroy', sans-serif; font-size: .86rem; font-weight: 700; letter-spacing: .08em; color: #fff; }
.fp-ftr-col ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 11px; }
.fp-ftr-col ul li a { display: flex; align-items: center; color: #8b96ab; font-size: .87rem; text-decoration: none; transition: all .2s; }
.fp-ftr-col ul li a i { font-size: 16px; margin-right: 2px; opacity: 0; transform: translateX(-6px); transition: all .2s; color: #F70E36; }
.fp-ftr-col ul li a:hover { color: #fff; padding-left: 2px; }
.fp-ftr-col ul li a:hover i { opacity: 1; transform: translateX(0); }
.fp-ftr-col ul li a.fp-ftr-all { color: #F70E36; font-weight: 700; }
.fp-ftr-col ul li a.fp-ftr-all i { opacity: 1; transform: none; font-size: 15px; }

.fp-ftr-about p { color: #8b96ab; font-size: .86rem; line-height: 1.7; margin-bottom: 16px; max-width: 320px; margin-top: 4px; }
.fp-ftr-address { display: flex; gap: 10px; align-items: flex-start; color: #8b96ab; font-size: .84rem; line-height: 1.6; max-width: 300px; }
.fp-ftr-address i { color: #F70E36; margin-top: 2px; flex-shrink: 0; }
.fp-ftr-trust { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 22px; max-width: 320px; }
.fp-ftr-trust-item {
    display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-radius: 10px;
    background: rgba(255,255,255,.035); border: 1px solid rgba(255,255,255,.07);
}
.fp-ftr-trust-item i { color: #F70E36; font-size: 15px; flex-shrink: 0; }
.fp-ftr-trust-item span { color: #a9b2c3; font-size: .76rem; font-weight: 600; line-height: 1.25; }

.fp-ftr-badges { margin-top: 34px; padding-top: 26px; border-top: 1px solid rgba(255,255,255,.07); display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 22px; }
.fp-ftr-badges img { max-height: 46px; object-fit: contain; opacity: .85; }
.fp-ftr-badges .dmca-badge { display: inline-flex; }
.fp-ftr-badges .dmca-badge img { max-height: 40px; }

.fp-ftr .footerseo { background: rgba(255,255,255,.02) !important; position: relative; z-index: 2; }

.fp-ftr-bottom.footerdesc { background: rgba(0,0,0,.25) !important; position: relative; z-index: 2; }
.fp-ftr-bottom .container { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; float: none; }
.fp-ftr-bottom span { color: #7c879c; float: none; }
.fp-ftr-bottom ul { float: none; display: flex; }
.fp-ftr-bottom ul li a { color: #7c879c; }
.fp-ftr-bottom ul li a:hover { color: #fff; }

@media (max-width: 991px) {
    .fp-ftr-grid { grid-template-columns: 1fr 1fr; }
    .fp-ftr-contact-inner { justify-content: center; text-align: center; }
    .fp-ftr-about p, .fp-ftr-address { max-width: none; }
}
@media (max-width: 575px) {
    .fp-ftr-grid { grid-template-columns: 1fr; gap: 34px; }
    .fp-ftr-contact-inner { flex-direction: column; align-items: stretch; gap: 16px; padding: 28px 0; }
    .fp-ftr-brand { align-self: center; }
    .fp-ftr-chips { flex-direction: column; align-items: center; width: 100%; gap: 10px; }
    .fp-ftr-chip { width: auto; max-width: 100%; border-radius: 14px; padding: 10px 22px 10px 10px; box-sizing: border-box; }
    .fp-ftr-social { align-self: center; }
    .fp-ftr-bottom .container { flex-direction: column; text-align: center; }
    .fp-ftr-bottom ul { justify-content: center; }
}

/* Anasayfa "Popüler Kategorilerimiz" / "Avantajlı Paketler" paket kaydırıcısı — masaüstünde
   kayan bir liste olduğu ok butonları + kenardan taşan bir sonraki kart ile belli olsun diye. */
.fp-paket-swiper-wrap { position: relative; }
.fp-paket-swiper-wrap .paketSwiper { overflow: hidden; }
.fp-paket-nav {
    position: absolute; top: 50%; transform: translateY(-50%); z-index: 5;
    width: 46px; height: 46px; border-radius: 50%; border: none; cursor: pointer;
    background: #fff; color: #F70E36; font-size: 24px;
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 10px 24px -8px rgba(15,23,42,.35);
    transition: transform .15s ease, box-shadow .15s ease, background .15s ease, color .15s ease;
}
.fp-paket-nav:hover { background: #F70E36; color: #fff; transform: translateY(-50%) scale(1.08); }
.fp-paket-prev { left: -20px; }
.fp-paket-next { right: -20px; }
.fp-paket-nav.swiper-button-disabled { opacity: .35; pointer-events: none; }
:root[data-theme="dark"] .fp-paket-nav { background: #1c1c2b; color: #ff8fa3; box-shadow: 0 10px 24px -8px rgba(0,0,0,.6); }
:root[data-theme="dark"] .fp-paket-nav:hover { background: #F70E36; color: #fff; }
@media (max-width: 850px) {
    .fp-paket-nav { display: none; }
}

/* Mobil menüde SOSYAL MEDYA HİZMETLERİ / ÜCRETSİZ HİZMETLER açılır listesi: ok simgesi döner */
.canvasmenu .sub-menu > a > i { transition: transform .2s; }
.canvasmenu .sub-menu.sub-menu-open > a > i { transform: rotate(90deg); }

/* Paket kartı üzerindeki "Rozet" (Popüler/Yeni vb.) etiketi — favori kalp butonu sağ üstte
   olduğu için rozet sol üste konur, ikisi çakışmaz. */
.paketitem { position: relative; }
.paketitem-badge {
    position: absolute; top: 10px; left: 10px; z-index: 5;
    background: rgba(0,0,0,.25); color: #fff; font-size: .66rem; font-weight: 800;
    letter-spacing: .3px; text-transform: uppercase;
    padding: 4px 11px; border-radius: 999px; border: 1px solid rgba(255,255,255,.4);
    box-shadow: 0 3px 8px -2px rgba(0,0,0,.35);
}
.paketitem-badge-new { background: linear-gradient(120deg,#16a34a,#22c55e); border-color: rgba(255,255,255,.5); }

.paketitem .buy a {
    background: linear-gradient(135deg, #6BE8B9, #4FD19C 55%, #2FAE82) !important;
    border-radius: 10px !important;
    letter-spacing: .3px;
    box-shadow: 0 4px 14px -4px rgba(47,174,130,.55), inset 0 1px 0 rgba(255,255,255,.25);
    transition: transform .25s ease, box-shadow .25s ease, filter .25s ease !important;
}
.paketitem .buy a:hover {
    background: linear-gradient(135deg, #6BE8B9, #4FD19C 55%, #2FAE82) !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px -6px rgba(47,174,130,.65), inset 0 1px 0 rgba(255,255,255,.25);
    filter: brightness(1.05);
}

/* Popüler/Avantajlı Paketler platform sekmeleri: mobilde parmakla kaydırırken dikey sayfa
   kaymasıyla çakışıp titreşim/zıplama hissi veriyordu; kaydırmayı yatay eksene kilitle. */
@media (max-width: 850px) {
    .pakettabs .container {
        overflow-y: hidden;
        touch-action: pan-x;
        -webkit-overflow-scrolling: touch;
    }
}

/* ==================================================== MOBİL ÜST MENÜ: hamburger sağa + offcanvas içi araç çubuğu */
@media (max-width: 850px) {
    .headbt .mobilmenu {
        float: right;
        background: linear-gradient(135deg, #ff3c5f, #F70E36 55%, #b4062b);
        border-radius: 0 0 0 20px;
        box-shadow: -6px 6px 18px -6px rgba(247,14,54,.5);
        position: relative;
        overflow: hidden;
        transition: filter .15s;
    }
    .headbt .mobilmenu::after {
        content: "";
        position: absolute; inset: 0;
        background: linear-gradient(135deg, rgba(255,255,255,.28), transparent 55%);
    }
    .headbt .mobilmenu i { position: relative; z-index: 1; }
    .headbt .mobilmenu:active { filter: brightness(.9); }
}
.fp-kvpage-scroll-hint { display: none; }
.fp-kvpage-menu-wrap::after { content: ""; display: table; clear: both; }
@media (max-width: 850px) {
    .fp-kvpage-menu-wrap { position: relative; }
    .fp-kvpage-scroll-hint {
        display: flex; align-items: center; justify-content: center; gap: 6px;
        width: 100%; margin-top: 8px;
        font-size: .74rem; font-weight: 600; color: #94a3b8;
    }
    .fp-kvpage-scroll-hint i:last-child {
        color: #F70E36; font-size: 15px;
        animation: fpKvScrollHint 1.4s ease-in-out infinite;
    }
    @keyframes fpKvScrollHint {
        0%, 100% { transform: translateX(0); opacity: .55; }
        50% { transform: translateX(4px); opacity: 1; }
    }
    @media (prefers-reduced-motion: reduce) { .fp-kvpage-scroll-hint i:last-child { animation: none; } }
}
.fp-mobile-theme-switch { display: none; }
@media (max-width: 850px) {
    .headbt .fp-mobile-theme-switch {
        display: block;
        float: right; position: relative;
        width: 54px; height: 28px;
        margin: 21px 10px 21px 0; padding: 0;
        border-radius: 999px; border: none; cursor: pointer;
        background: linear-gradient(180deg, #eef1f6, #e2e7f0);
        box-shadow: inset 0 1px 3px rgba(15,23,42,.12), 0 1px 2px rgba(255,255,255,.6);
        transition: background .3s ease, box-shadow .3s ease;
    }
    .fp-mts-thumb {
        position: absolute; top: 3px; left: 3px;
        width: 22px; height: 22px; border-radius: 50%;
        background: linear-gradient(160deg, #ffffff, #f1f3f8);
        box-shadow: 0 2px 5px rgba(15,23,42,.25), 0 0 0 1px rgba(15,23,42,.03);
        display: flex; align-items: center; justify-content: center;
        transition: transform .28s ease, background .3s ease;
    }
    .fp-mts-icon {
        position: absolute; font-size: 12px;
        transition: opacity .2s ease, transform .3s ease;
    }
    .fp-mts-icon-sun { color: #f59e0b; opacity: 1; transform: scale(1) rotate(0deg); }
    .fp-mts-icon-moon { color: #94a3b8; opacity: 0; transform: scale(.4) rotate(-60deg); }

    :root[data-theme="dark"] .headbt .fp-mobile-theme-switch {
        background: linear-gradient(180deg, #2a2033, #1c1424);
        box-shadow: inset 0 1px 3px rgba(0,0,0,.4), 0 0 0 1px rgba(247,14,54,.25), 0 0 10px rgba(247,14,54,.15);
    }
    :root[data-theme="dark"] .fp-mts-thumb {
        transform: translateX(26px);
        background: linear-gradient(160deg, #3a3245, #241c2e);
    }
    :root[data-theme="dark"] .fp-mts-icon-sun { opacity: 0; transform: scale(.4) rotate(60deg); }
    :root[data-theme="dark"] .fp-mts-icon-moon { opacity: 1; transform: scale(1) rotate(0deg); color: #f8fafc; }
}
.fp-canvas-tools {
    float: left; width: 100%; box-sizing: border-box;
    display: flex; align-items: center; justify-content: space-between; gap: 10px;
    padding: 16px; margin: 0 0 15px; border-radius: 10px;
    background: linear-gradient(135deg, rgba(247,14,54,.09), rgba(255,107,61,.05));
    border: 1px solid rgba(247,14,54,.15);
}
.fp-canvas-tools-siparis {
    display: flex; align-items: center; gap: 8px; text-decoration: none;
    color: #F70E36; font-weight: 700; font-size: .85rem;
}
.fp-canvas-tools-siparis i { font-size: 17px; }
.fp-canvas-tools .fp-theme-switch { float: none; margin-right: 0; flex-shrink: 0; }
:root[data-theme="dark"] .fp-canvas-tools { background: linear-gradient(135deg, rgba(247,14,54,.14), rgba(255,107,61,.06)); border-color: rgba(247,14,54,.25); }

/* ==================================================== ÜST MENÜ (Sosyal Medya Hizmetleri / Kurumsal / Ücretsiz Hizmetler / İletişim) — kurumsal görünüm */
.topmenu ul li {
    margin-left: 26px;
    margin-right: 0;
}
.topmenu ul li a {
    display: inline-block;
    padding: 10px 2px;
    color: #333844 !important;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .4px;
    position: relative;
    transition: color .2s;
}
.topmenu ul li a::before {
    content: "";
    position: absolute;
    left: 2px; right: 2px; bottom: 5px;
    height: 2px;
    background: #F70E36;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .25s ease;
}
.topmenu ul li a:hover,
.topmenu ul li.submenu:hover > a {
    color: #F70E36 !important;
}
.topmenu ul li a:hover::before,
.topmenu ul li.submenu:hover > a::before {
    transform: scaleX(1);
}
.topmenu ul li.submenu > a::after {
    right: -15px;
    top: 15px;
    transition: transform .25s ease;
}
.topmenu ul li.submenu:hover > a::after {
    transform: translateY(-2px);
}
:root[data-theme="dark"] .topmenu ul li a { color: #dfe3ea !important; }
:root[data-theme="dark"] .topmenu ul li a:hover,
:root[data-theme="dark"] .topmenu ul li.submenu:hover > a { color: #F70E36 !important; }
:root[data-theme="dark"] .fp-canvas-tools-siparis { color: #ff8a6b; }

/* Giriş Yap / Kayıt Ol / Şifremi Sıfırla — bu sayfalar render_header() kullanmadığı için
   kendi <head>'lerine tema bootstrap script'i + bu dosya eklendi; görsel karşılığı burada. */
:root[data-theme="dark"] .loginarea {
    background: none; background-color: #10131a; position: relative;
}
:root[data-theme="dark"] .loginarea::before {
    content: ""; position: absolute; inset: 0; z-index: 0;
    background: url(/view/img/slider.png);
    background-size: cover; background-position: 50%; background-repeat: no-repeat;
    filter: brightness(.42) contrast(1.15) saturate(1.25);
}
:root[data-theme="dark"] .loginarea > .row { position: relative; z-index: 1; }
:root[data-theme="dark"] .loginlogo {
    display: inline-flex; align-items: center;
    background: rgba(15,18,26,.88); border-radius: 12px;
    padding: 10px 18px; width: auto; box-shadow: 0 4px 16px rgba(0,0,0,.35);
}
:root[data-theme="dark"] .loginbox { background: #171b24; box-shadow: 0 4px 24px rgba(0,0,0,.5); }
:root[data-theme="dark"] .loginform .input input {
    background: #1f2430; border-color: #2a3040; color: #e2e8f0;
}
:root[data-theme="dark"] .loginform .input input::placeholder { color: #64748b; }
:root[data-theme="dark"] .loginform .input i { color: #64748b; }
:root[data-theme="dark"] .loginform .input input:-webkit-autofill,
:root[data-theme="dark"] .loginform .input input:-webkit-autofill:hover,
:root[data-theme="dark"] .loginform .input input:-webkit-autofill:focus {
    -webkit-text-fill-color: #e2e8f0;
    -webkit-box-shadow: 0 0 0 1000px #1f2430 inset;
    transition: background-color 5000s ease-in-out 0s;
}
:root[data-theme="dark"] .loginform label,
:root[data-theme="dark"] .loginbox p,
:root[data-theme="dark"] .loginbox span:not(.fp-toast-msg) { color: #cbd5e1; }
:root[data-theme="dark"] .alert-danger { background: rgba(220,38,38,.15); color: #fca5a5; border-color: rgba(220,38,38,.3); }
:root[data-theme="dark"] .alert-success { background: rgba(34,197,94,.15); color: #86efac; border-color: rgba(34,197,94,.3); }


/* Admin mobil uyumluluk düzeltmeleri */
@media (min-width: 901px) {
    .admin-mobile-toggle { display: none; }
    .admin-sidebar-backdrop { display: none !important; }
}
@media (max-width: 900px) {
    .admin-shell { display: block; min-height: 100vh; }
    .admin-main { width: 100%; margin-left: 0; padding: 12px; box-sizing: border-box; }
    /* .admin-sidebar / .admin-sidebar.open pozisyon-transform kuralları admin/include/layout.php'deki
       tek yetkili bloğa taşındı (aynı yerde 3 kez tekrarlanıp çakışıyordu). */
    .admin-sidebar-backdrop {
        display: none; position: fixed; inset: 0; background: rgba(15,23,42,.55); z-index: 1000;
    }
    .admin-sidebar-backdrop.open { display: block; }
    .admin-mobile-toggle {
        display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px;
        border: 1px solid var(--fp-border); border-radius: 10px; background: #fff; color: #111827; font-size: 20px;
    }
    .admin-shell.dark .admin-mobile-toggle { background: #161b28; color: #fff; border-color: #2a3040; }
    .admin-topbar { padding: 12px; gap: 10px; align-items: flex-start; }
    .admin-topbar > div { min-width: 0; flex-wrap: wrap; }
    .admin-topbar h1 { font-size: 1.05rem !important; line-height: 1.25; word-break: break-word; }
    .admin-card, .form-card { padding: 14px; max-width: 100%; overflow: hidden; box-sizing: border-box; }
    .card-grid { grid-template-columns: 1fr !important; gap: 12px; }
    .admin-table { display: block; width: 100%; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; }
    .admin-table th, .admin-table td { white-space: nowrap; }
    .btn, .btn-primary, .btn-outline { max-width: 100%; white-space: normal; text-align: center; }
    .form-control { min-width: 0; }
    .fp-order-header, .dash-toolbar, .fp-card-head { flex-wrap: wrap; gap: 10px; }
    div[style*="grid-template-columns:repeat(4"],
    div[style*="grid-template-columns: repeat(4"],
    div[style*="grid-template-columns:repeat(3"],
    div[style*="grid-template-columns: repeat(3"],
    div[style*="grid-template-columns:repeat(2"],
    div[style*="grid-template-columns: repeat(2"] { grid-template-columns: 1fr !important; }
}

/* Google ile giriş/kayıt butonu */
.fp-oauth-divider { display:flex; align-items:center; gap:12px; margin:18px 0; color:#9ca3af; font-size:.8rem; }
.fp-oauth-divider::before, .fp-oauth-divider::after { content:''; flex:1; height:1px; background:rgba(148,163,184,.3); }
.fp-google-btn { display:flex; align-items:center; justify-content:center; gap:10px; width:100%; padding:12px 16px; border-radius:10px; background:#fff; border:1px solid #dadce0; color:#3c4043; font-size:.95rem; font-weight:600; text-decoration:none; transition:box-shadow .2s ease, background .2s ease; }
.fp-google-btn:hover { box-shadow:0 1px 6px rgba(32,33,36,.28); background:#f8f9fa; color:#3c4043; text-decoration:none; }
.fp-google-btn svg { width:20px; height:20px; flex-shrink:0; }