/* ═══════════════════════════════════════════════════════════════
 * SIHIR HOME — Mobile UI Refinement
 * v131BG-MOBILE-REFINE (2026-05-08)
 *
 * Hedef: Pembiş Dükkan tarzı sade, profesyonel, kurumsal mobil görünüm
 *  - Soft renk paleti (cream + light peach + soft turuncu accent)
 *  - 2-li ürün grid mobilde
 *  - Sticky 200₺ buton tamamen gizli
 *  - WhatsApp + Asistan çakışma fix (vertical stack)
 *  - Subtle gölgeler, temiz tipografi
 *
 * Surgical override: mevcut Newall CMS class'larını selector'lar ile bul,
 * minimal CSS rules ile dönüştür. Mevcut HTML yapısı bozulmaz.
 * ═══════════════════════════════════════════════════════════════ */

/* ═══════ 1. KIRMIZI 200₺ STICKY BUTON KALDIR ═══════ */
/* Önceki versiyonlardan kalmış olabilir, garanti gizle */
#sihir-quick-menu,
#sihir-install-cta,
.sihir-quick-wrap,
.sh-a2hs-fab,
.sh-a2hs-card {
    display: none !important;
}

/* ═══════ 2. SOFT RENK PALETI ═══════ */
:root {
    --sh-bg-cream: #FAFAF8;
    --sh-bg-peach: #FFF7ED;
    --sh-accent: #F97316;
    --sh-accent-deep: #EA580C;
    --sh-text-primary: #0F172A;
    --sh-text-muted: #64748B;
    --sh-border-soft: #FED7AA;
    --sh-border-neutral: #E5E7EB;
}

/* ═══════ 3. MOBILE-ONLY UYGULAMA ═══════ */
@media (max-width: 768px) {

    /* === Body soft cream — beyaz keskin değil === */
    body {
        background-color: var(--sh-bg-cream) !important;
    }

    /* ═══════ FILTER PILLS — Trendyol/App Store mantığı: yatay swipe + kompakt ═══════
       v131BG-FIX-V4 FINAL (2026-05-08): TEK satır horizontal scroll, snap, pure UX */
    .home-product-tabs {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 6px !important;
        padding: 10px 12px 8px !important;
        margin: 0 !important;
        background: transparent !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        scroll-snap-type: x proximity !important;
        scrollbar-width: none !important;
    }
    .home-product-tabs::-webkit-scrollbar { display: none !important; }

    .home-product-tablinks,
    .header-tab-bar a,
    .header-tab-bar button,
    .home-tab-buttons a,
    .home-tab-buttons button,
    [class*="vitrin-tab"] a,
    [class*="kategori-tab"] a,
    .filter-pill,
    .home-page-tab-link {
        flex: 0 0 auto !important;
        background: #fff !important;
        color: #78350f !important;
        border: 1px solid #FED7AA !important;
        border-radius: 999px !important;
        padding: 7px 14px !important;
        font-weight: 600 !important;
        font-size: 12px !important;
        letter-spacing: 0 !important;
        line-height: 1.2 !important;
        box-shadow: 0 1px 2px rgba(234,88,12,.04) !important;
        transition: all .18s ease !important;
        text-align: center !important;
        cursor: pointer !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 5px !important;
        margin: 0 !important;
        white-space: nowrap !important;
        min-height: 32px !important;
        height: 32px !important;
        width: auto !important;
        float: none !important;
        scroll-snap-align: start !important;
        -webkit-tap-highlight-color: transparent !important;
    }
    .home-product-tablinks p {
        margin: 0 !important;
        padding: 0 !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        line-height: 1.2 !important;
    }
    /* Mini SVG-style icon — emoji yerine inline ::before ile zarif şekiller */
    .home-product-tablinks::before {
        content: '';
        display: inline-block;
        width: 14px;
        height: 14px;
        flex-shrink: 0;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }
    /* Yeni — sparkle / star outline */
    .home-product-tablinks[data-country="yeni"]::before {
        background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ea580c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v3M12 18v3M3 12h3M18 12h3M5.6 5.6l2.1 2.1M16.3 16.3l2.1 2.1M5.6 18.4l2.1-2.1M16.3 7.7l2.1-2.1'/%3E%3C/svg%3E");
    }
    /* Popüler — flame */
    .home-product-tablinks[data-country="populer"]::before {
        background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ea580c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 14.5A2.5 2.5 0 0011 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 11-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 002.5 2.5z'/%3E%3C/svg%3E");
    }
    /* İndirim — percent */
    .home-product-tablinks[data-country="indirimli"]::before {
        background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ea580c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='19' y1='5' x2='5' y2='19'/%3E%3Ccircle cx='6.5' cy='6.5' r='2.5'/%3E%3Ccircle cx='17.5' cy='17.5' r='2.5'/%3E%3C/svg%3E");
    }
    /* Fırsat — star */
    .home-product-tablinks[data-country="firsat"]::before {
        background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ea580c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'/%3E%3C/svg%3E");
    }
    /* Editör — crown */
    .home-product-tablinks[data-country="editor"]::before {
        background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ea580c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 18h20M3 6l5 4 4-7 4 7 5-4-2 12H5z'/%3E%3C/svg%3E");
    }
    /* Bedava kargo — truck */
    .home-product-tablinks[data-country="bedavakargo"]::before {
        background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ea580c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='3' width='15' height='13'/%3E%3Cpolygon points='16 8 20 8 23 11 23 16 16 16 16 8'/%3E%3Ccircle cx='5.5' cy='18.5' r='2.5'/%3E%3Ccircle cx='18.5' cy='18.5' r='2.5'/%3E%3C/svg%3E");
    }
    /* Hızlı kargo — zap */
    .home-product-tablinks[data-country="hizlikargo"]::before {
        background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ea580c' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='13 2 3 14 12 14 11 22 21 10 12 10 13 2'/%3E%3C/svg%3E");
    }

    /* Aktif pill — solid gradient turuncu, ikon beyaza dönsün */
    .home-product-tablinks.active,
    .header-tab-bar a:active,
    .header-tab-bar a.active,
    .home-tab-buttons a.active,
    .home-tab-buttons button.active,
    [class*="vitrin-tab"] a.active,
    .home-page-tab-link.active,
    .home-page-tab-link.aktif {
        background: linear-gradient(135deg, #F97316, #EA580C) !important;
        color: #fff !important;
        border-color: transparent !important;
        box-shadow: 0 3px 10px rgba(234,88,12,.32) !important;
    }
    .home-product-tablinks.active p { color: #fff !important; }
    /* Aktif pill ikonunu beyaza zorla — stroke renk değişikliği */
    .home-product-tablinks.active::before {
        filter: brightness(0) invert(1);
    }

    /* ═══════════════════════════════════════════════════════════════
     * ÜRÜN LİSTESİ — 2-li grid mobile (KESİN ÇALIŞIR — 2026-05-08 v2)
     *
     * Newall CMS DOM:
     *   .urunler-module-main-div > .urunler-module-inside-area > .urun-kutulari-main
     *     > [tabs] + #home-product-tabs-wrapper > .wrapper_tabcontent
     *       > .home-product-tabcontent.active > .home-product-tabcontent-in
     *         > .cat-detail-products-box  ← her ürün
     *
     * Her parent'a grid uyguluyoruz ki çocuk float/width override'ı zorla yenilsin.
     * ═══════════════════════════════════════════════════════════════ */

    /* Üst wrapper'ları sınırsız + padding sıfırla */
    .urunler-module-main-div,
    .urunler-module-inside-area,
    .urun-kutulari-main,
    #home-product-tabs-wrapper,
    .wrapper_tabcontent,
    .home-product-tabcontent {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        background: transparent !important;
        float: none !important;
    }

    /* === SLICK/SWIPER NEUTRALIZE — slider varsa grid'e dönsün === */
    .home-product-tabcontent-in.slick-initialized,
    .home-product-tabcontent-in .slick-list,
    .home-product-tabcontent-in .slick-track,
    .home-product-tabcontent-in .swiper-wrapper,
    .home-product-tabcontent-in .swiper-container {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
        transform: none !important;
        width: 100% !important;
        max-width: 100% !important;
        opacity: 1 !important;
        visibility: visible !important;
        height: auto !important;
    }
    .home-product-tabcontent-in .slick-slide,
    .home-product-tabcontent-in .swiper-slide {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        margin: 0 !important;
        flex: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        display: block !important;
    }
    /* Slick arrow/dots kapat */
    .home-product-tabcontent-in .slick-arrow,
    .home-product-tabcontent-in .slick-dots,
    .home-product-tabcontent-in .swiper-button-next,
    .home-product-tabcontent-in .swiper-button-prev,
    .home-product-tabcontent-in .swiper-pagination {
        display: none !important;
    }

    /* Asıl grid container — zorla 2 kolon */
    .home-product-tabcontent-in,
    .home-products-list-area,
    .urun-listesi,
    .home-products-list,
    .home-product-list,
    [class*="product-grid"],
    [class*="urun-grid"],
    .vitrin-urunler,
    .urun-kutu-list,
    .home-page-products-area {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
        padding: 8px !important;
        margin: 0 !important;
        list-style: none !important;
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        column-count: unset !important;
    }

    /* Direct child reset — Newall'un default kart class'ı + jeneric * */
    .home-product-tabcontent-in > *,
    .home-products-list-area > *,
    .home-page-products-area > *,
    .home-product-tabcontent-in > .cat-detail-products-box,
    .home-product-tabcontent-in > .home-products-list-area-each-box {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        flex: none !important;
        float: none !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    /* === KART — Newall CMS default class'ı: cat-detail-products-box === */
    .cat-detail-products-box,
    .cat-detail-products-box-list,
    .home-products-list-area-each-box,
    .product-item,
    .urun-item,
    .home-product-card,
    .home-product-list-item,
    [class*="product-card"],
    [class*="urun-card"],
    .vitrin-urun-kart,
    .urun-kutu-item {
        background: #fff !important;
        border-radius: 12px !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .03) !important;
        overflow: hidden !important;
        transition: transform .15s ease, box-shadow .15s ease !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid rgba(0, 0, 0, .04) !important;
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
        min-height: 0 !important;
    }

    /* === ÜRÜN GÖRSEL ALANI — ideal kare oran (1:1) — app store gibi === */
    /* Newall'un sabit yükseklik override'ları (height: 200px, 220px vs.) sıfırla */
    .cat-detail-products-box-img,
    .home-products-list-area-each-box-img,
    .home-product-card-img,
    .urun-kutu-item-img,
    [class*="product-card"] [class*="img"]:not(button) {
        height: auto !important;
        max-height: none !important;
        min-height: 0 !important;
        width: 100% !important;
        aspect-ratio: 1 / 1 !important;
        position: relative !important;
        overflow: hidden !important;
        background: #FFF7ED !important;
        border-radius: 11px 11px 0 0 !important;
    }

    /* Görsel içindeki img — cover, kare doldur */
    .cat-detail-products-box img,
    .cat-detail-products-box-img img,
    .home-products-list-area-each-box img,
    .home-product-card img,
    [class*="product-card"] img,
    .vitrin-urun-kart img {
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        object-fit: cover !important;
        aspect-ratio: 1 / 1 !important;
        background: #FFF7ED !important;
        display: block !important;
    }
    /* Hover/aktif zoom — app feel */
    .cat-detail-products-box:active img {
        transform: scale(1.03);
    }
    .cat-detail-products-box img {
        transition: transform .25s ease !important;
    }

    /* === Newall info container (kart içi metin alanı) === */
    .cat-detail-products-box-info,
    .home-products-list-area-each-box-info,
    .home-product-card-info,
    .urun-kutu-item-info {
        padding: 8px 9px 10px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 3px !important;
    }

    /* Ürün adı - 2 satır clamp */
    .cat-detail-products-box-info a,
    .cat-detail-products-box-info h2,
    .cat-detail-products-box-info h3,
    .home-products-list-area-each-box-info a,
    .product-item .product-title,
    .urun-item .urun-baslik,
    .home-product-card .product-title,
    [class*="product-card"] [class*="title"],
    [class*="product-card"] [class*="baslik"] {
        font-size: 12px !important;
        font-weight: 500 !important;
        color: #1F2937 !important;
        line-height: 1.35 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        margin: 0 !important;
        min-height: 32px !important;
        text-decoration: none !important;
    }

    /* Fiyat alanı (Newall) */
    .cat-detail-products-box-fiyat,
    .home-products-list-area-each-box-fiyat,
    .product-item .product-price,
    .urun-item .urun-fiyat,
    .home-product-card .price,
    [class*="product-card"] [class*="price"],
    [class*="product-card"] [class*="fiyat"] {
        font-size: 13.5px !important;
        font-weight: 700 !important;
        color: #0F172A !important;
        letter-spacing: -0.2px !important;
        margin: 2px 0 0 !important;
        padding: 0 !important;
    }
    /* Eski fiyat (line-through) */
    .cat-detail-products-box-fiyat .eski-fiyat,
    .cat-detail-products-box-fiyat del,
    .product-item .product-old-price,
    .urun-item .eski-fiyat,
    [class*="product-card"] [class*="eski-fiyat"],
    [class*="product-card"] [class*="old-price"] {
        text-decoration: line-through !important;
        opacity: .5 !important;
        font-size: 10.5px !important;
        font-weight: 500 !important;
        margin-left: 5px !important;
        color: #6B7280 !important;
    }

    /* === Sepete ekle / favori ufak butonlar === */
    .cat-detail-products-box-cart-1,
    .cat-detail-products-box-cart-1 button,
    .cat-detail-products-box-cart-1 a {
        font-size: 12px !important;
        padding: 6px 4px !important;
    }
    .cat-detail-products-box-cart-1 button {
        min-height: 30px !important;
    }

    /* === İndirim/yeni ribbon — sol-üst kompakt === */
    .cat-detail-products-box .ribbon,
    .cat-detail-products-box [class*="ribbon"] {
        position: absolute !important;
        top: 6px !important;
        left: 6px !important;
        right: auto !important;
        background: linear-gradient(135deg, #F97316, #DC2626) !important;
        color: #fff !important;
        padding: 3px 8px !important;
        border-radius: 6px !important;
        font-size: 10px !important;
        font-weight: 700 !important;
        z-index: 2 !important;
        letter-spacing: .3px !important;
        box-shadow: 0 2px 6px rgba(220,38,38,.25) !important;
    }
    .cat-detail-products-box .ribbon span,
    .cat-detail-products-box [class*="ribbon"] span {
        font-size: 10px !important;
        font-weight: 700 !important;
        color: #fff !important;
    }

    /* === SLIDER — 1 ürün gösterilse de soft === */
    .slick-slider,
    [class*="slider"] .slick-slide {
        background: transparent !important;
    }

    /* === HEADER ÜST BAR — Sipariş Takip vs. compact === */
    .topbar-shipment-track,
    .header-top-link {
        font-size: 11.5px !important;
        opacity: .85 !important;
    }

    /* === ALT ÜYE GİRİŞİ + SEPET — bottom nav'la çakışma yok === */
    /* Eski yapıdaki manual alt buton (ÜYE GİRİŞİ + SEPET) — bottom nav var artık */
    .header-mobile-bottom-link,
    .mobile-bottom-action,
    [class*="footer-mobile-action"] {
        display: none !important; /* bottom nav alır */
    }

    /* === WhatsApp: yeşil arka plan kaldırıldı, sadece IKON görünür (2026-05-08 v100)
       Detaylı pozisyon + boyut sihir-magic-cta.js'te override edilir */
    [class*="whatsapp"],
    .whatsapp-btn,
    a[href*="wa.me"],
    a[href*="whatsapp"],
    .whatsapp-fab,
    #whatsapp-fixed,
    .wa-fab {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
        border: 0 !important;
        border-radius: 0 !important;
        position: fixed !important;
        right: 14px !important;
        z-index: 9989 !important;
    }
    /* Asistan */
    .sh-mbot-fab {
        position: fixed !important;
        right: 12px !important;
        z-index: 9988 !important;
    }
    /* Eski A2HS yardım kutusu — bottom nav üstünde */
    .sh-a2hs-ios-help,
    #shA2hs {
        bottom: calc(78px + env(safe-area-inset-bottom, 0px)) !important;
    }

    /* === SEARCH BOX — soft accent === */
    .header-search input,
    [class*="search-input"],
    .header-arama input {
        border-radius: 999px !important;
        border: 1px solid var(--sh-border-neutral) !important;
        font-size: 14px !important;
        padding: 12px 18px !important;
    }
    .header-search input:focus,
    [class*="search-input"]:focus {
        border-color: var(--sh-accent) !important;
        outline: none !important;
        box-shadow: 0 0 0 3px rgba(249, 115, 22, .15) !important;
    }
}

/* ═══════ 4. PREFERS-REDUCED-MOTION ═══════ */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
    }
}

/* ═══════ 5. TABLET — 3-li grid ═══════ */
@media (min-width: 769px) and (max-width: 1024px) {
    .product-list,
    .urun-listesi,
    .home-products-list,
    [class*="product-grid"] {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* ═══════════════════════════════════════════════════════════════
 * 6. POPUP & ÇEREZ — v100 SON (2026-05-08)
 *    - Newall fancybox ana sayfa popup'ı mobile'da TAMAMEN KAPALI
 *    - Çerez popup tek seferli (kabul edilince LS flag, JS ile DOM'dan sil)
 *    - Hoşgeldin inline toast mobile'da kapalı (sade ilk karşılama)
 * ═══════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
    /* Newall fancybox popup — ana sayfa karşılama popup'ı kapat */
    #popup-box,
    .fancybox-overlay,
    .fancybox-wrap,
    .fancybox-outer,
    #fancybox-overlay,
    #fancybox-wrap,
    .fancybox-skin,
    .fancybox-opened,
    .fancybox-tmp {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
    /* Hoşgeldin toast — mobilde de kalmasın (kullanıcı sade karşılama istedi) */
    .sh-hosgeldin-toast {
        display: none !important;
    }
}

/* ═══════════════════════════════════════════════════════════════
 * 7. AUTH SAYFALARI (üye ol / giriş) — MOBILE RESPONSIVE
 * ═══════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
    /* Newall login/register kapsayıcılar */
    .login-area,
    .login-area-in,
    .register-area,
    .register-area-in,
    [class*="login-page"],
    [class*="register-page"],
    body[class*="page-uye"] .container,
    body[class*="page-uyelik"] .container {
        padding: 14px !important;
        max-width: 100% !important;
        margin: 0 auto !important;
    }
    /* Form alanları */
    .login-area input,
    .register-area input,
    [class*="login"] input[type="text"],
    [class*="login"] input[type="email"],
    [class*="login"] input[type="password"],
    [class*="register"] input[type="text"],
    [class*="register"] input[type="email"],
    [class*="register"] input[type="password"],
    [class*="register"] input[type="tel"] {
        width: 100% !important;
        font-size: 15px !important;
        padding: 13px 14px !important;
        border-radius: 10px !important;
        border: 1px solid #E5E7EB !important;
        background: #fff !important;
        margin-bottom: 10px !important;
        box-sizing: border-box !important;
    }
    .login-area input:focus,
    .register-area input:focus {
        border-color: #F97316 !important;
        outline: none !important;
        box-shadow: 0 0 0 3px rgba(249,115,22,.12) !important;
    }
    /* Submit butonu */
    .login-area button[type="submit"],
    .register-area button[type="submit"],
    [class*="login"] .btn-primary,
    [class*="register"] .btn-primary {
        width: 100% !important;
        background: linear-gradient(135deg, #F97316, #EA580C) !important;
        color: #fff !important;
        border: 0 !important;
        padding: 14px !important;
        border-radius: 10px !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        margin-top: 6px !important;
        box-shadow: 0 4px 12px rgba(234,88,12,.25) !important;
    }
    /* Google ile giriş/kayıt butonu — ÜSTTE, BÜYÜK, BELİRGİN */
    .sihir-google-btn {
        height: 52px !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        border: 1.5px solid #DADCE0 !important;
        background: #fff !important;
        box-shadow: 0 1px 3px rgba(0,0,0,.06) !important;
        margin-bottom: 14px !important;
    }
    .sihir-google-btn svg {
        width: 22px !important;
        height: 22px !important;
    }
    /* Form başlığı */
    .login-area h1,
    .login-area h2,
    .register-area h1,
    .register-area h2,
    [class*="login"] h1,
    [class*="register"] h1 {
        font-size: 22px !important;
        font-weight: 700 !important;
        margin-bottom: 14px !important;
        color: #0F172A !important;
        letter-spacing: -0.3px !important;
    }
    /* Label */
    .login-area label,
    .register-area label {
        font-size: 13px !important;
        font-weight: 500 !important;
        color: #475569 !important;
        margin-bottom: 4px !important;
    }
    /* Linkler — şifremi unuttum, üye değil misin */
    .login-area a,
    .register-area a {
        color: #EA580C !important;
        font-weight: 500 !important;
        font-size: 13px !important;
    }
}