/* =========================================
   YENİ RENK PALETİ: PREMIUM INDIGO
   Tema: Ağırbaşlı, Kurumsal ve Güvenilir
   ========================================= */
:root {
    /* ANA RENK: Derin İndigo (Sıradan maviden farklı, premium) */
    --ana-marka-renk: #4338ca;

    /* İKİNCİL RENK: Gece Yarısı Mavisi (Zeminler için koyu ton) */
    --ana-marka-ikinci-renk: #1e1b4b;

    /* AKSİYON/HOVER: Zümrüt Yeşili (Turuncu yerine daha doğal ve sakin) */
    --hover-color: #059669;

    /* Yardımcı Gri Tonlar */
    --gray-soft: #f3f4f6;
    --gray-border: #e5e7eb;

    --font-primary: 'Inter', system-ui, sans-serif;
}

body {
    font-family: var(--font-primary);
    color: #374151;
    background-color: #fff;
}

/* =========================================
   CUSTOM SHOP HEADER (FULL STYLED & FIXED)
   ========================================= */

:root {
    --header-blue: #1F8E08;   /* Ana renk */
    --header-dark: #0f3a6d;   /* Koyu ton (Hover için) */
    --header-orange: #ff6a00; /* Aksiyon renk */
    --header-gray: #f4f4f4;   /* Arkaplan gri */
    --text-dark: #333;
}

/* GENEL SIFIRLAMA (Sadece Header İçi) */
.custom-shop-header ul { margin: 0; padding: 0; list-style: none; }
.custom-shop-header a { text-decoration: none !important; transition: all 0.3s; }

/* =========================================
   1. TOP BAR STİLİ
   ========================================= */
.top-bar {
    background-color: #f8f8f8;
    color: #666;
    font-size: 12px;
    padding: 8px 0;
    border-bottom: 1px solid #eee;
}
.top-links { display: flex; justify-content: flex-end; gap: 20px; }
.top-links a { color: #555; font-weight: 500; }
.top-links a:hover { color: var(--header-blue); }

/* =========================================
   2. MAIN HEADER (Logo, Search, Icons)
   ========================================= */
.main-header {
    background: #111827;
    padding: 25px 0;
}

/* Flexbox Hizalama */
.display-flex-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

/* Logo */
.logo-link img { max-height: 50px; width: auto; }

/* Arama Formu */
.custom-search-form {
    display: flex; width: 100%; position: relative;
}
.search-input {
    width: 100%; height: 46px;
    border: 2px solid var(--header-blue);
    border-right: none; border-radius: 4px 0 0 4px;
    padding: 0 20px; font-size: 14px; outline: none;
    color: #333; background: #fff;
}
.search-btn {
    background: var(--header-blue); color: #fff;
    border: none; height: 46px; padding: 0 30px;
    font-weight: 700; font-size: 14px;
    border-radius: 0 4px 4px 0; cursor: pointer;
}
.search-btn:hover { background: var(--header-dark); }

/* Actions (Hesap & Sepet) */
.header-actions {
    display: flex; justify-content: flex-end; align-items: center; gap: 25px;
}
.action-item > a { display: flex; align-items: center; color: #333; }
.action-item:hover > a { color: var(--header-blue); }

.action-icon { font-size: 32px; color: white; margin-right: 10px; }
.action-text { line-height: 1.2; text-align: left; }
.small-lbl { display: block; font-size: 11px; color: white; }
.big-lbl { display: block; font-size: 14px; font-weight: 700; color: white; }


/* SEPET DETAYLARI */

.cart-dropdown { width: 300px; padding: 0; }

.cart-header { padding: 10px 15px; font-weight: bold; background: #f9f9f9; border-bottom: 1px solid #eee; border-radius: 8px 8px 0 0; }

.cart-body { max-height: 250px; overflow-y: auto; }

.cart-msg { padding: 20px; text-align: center; color: #999; }

.cart-list { padding: 0; }

.cart-item { display: flex; align-items: center; padding: 10px 15px; border-bottom: 1px solid #f1f1f1; }

.cart-item img { width: 50px; height: 50px; object-fit: cover; border: 1px solid #eee; margin-right: 10px; }

.item-info { flex: 1; }

.item-info a { font-weight: 600; font-size: 12px; color: #333; display: block; line-height: 1.3; }

.item-info .price { font-size: 11px; color: #888; }

.del-btn { background: none; border: none; color: #ccc; font-size: 18px; }

.del-btn:hover { color: red; }

.cart-footer { padding: 15px; background: #f9f9f9; border-radius: 0 0 8px 8px; }

.cart-footer .total { display: flex; justify-content: space-between; font-weight: 700; margin-bottom: 10px; }

.cart-footer .btns { display: flex; gap: 10px; }

.cart-footer a { flex: 1; text-align: center; padding: 8px; border-radius: 4px; color: #fff !important; font-size: 12px; font-weight: bold; }

.btn-view { background: #bbb; }

.btn-view:hover { background: #999; }

.btn-checkout { background: var(--header-orange); }

.btn-checkout:hover { background: #e65e00; }
/* Sepet Badge */
.cart-icon-wrapper { position: relative; margin-right: 10px; }
.cart-icon-wrapper .action-icon { margin-right: 0; }
.badge {
    position: absolute; top: -5px; right: -8px;
    background-color: var(--header-orange);
    color: #fff; font-size: 10px; padding: 3px 6px;
    border-radius: 50%; border: 2px solid #fff;
}

/* HESAP & SEPET DROPDOWN (Header Sağ Taraf) */
.custom-dropdown {
    top: 100%; margin-top: 15px; right: 0; left: auto;
    border: none; border-radius: 8px;
    box-shadow: 0 5px 25px rgba(0,0,0,0.15);
    padding: 10px 0; min-width: 220px; z-index: 1000;
    background: #fff;
}
.custom-dropdown::before {
    content: ''; position: absolute; top: -8px; right: 20px;
    border-left: 8px solid transparent; border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
}
.custom-dropdown li a {
    padding: 8px 20px; color: #555; font-size: 1.3rem; display: block;text-align: center;
    margin-top: 4px;
}
.custom-dropdown li a:hover { background: #f8f8f8; color: var(--header-blue); }

/* Login Butonu (Dropdown İçindeki) */
.login-btn {
    background: var(--header-orange) !important; color: #fff !important;
    margin: 5px 15px; text-align: center; border-radius: 4px;
}
.login-btn:hover { background: #e65e00 !important; }

/* Register Butonu (Dropdown İçindeki) */
.register-btn {
    background: var(--header-blue) !important; color: #fff !important;
    margin: 5px 15px; text-align: center; border-radius: 4px;
}

/* Mobil Arama (Görünür Olduğunda) */
.mobile-search-form { display: flex; margin-top: 10px; margin-bottom: 10px; }
.mobile-input {
    flex: 1; height: 40px; border: 1px solid #ddd;
    border-radius: 4px 0 0 4px; padding: 0 15px; outline: none;
}
.mobile-btn {
    width: 50px; background: var(--header-blue); color: #fff;
    border: none; border-radius: 0 4px 4px 0;
}

/* Mobilde Header Düzeni */
@media (max-width: 767px) {
    .display-flex-row { display: block; }
    .logo-col { margin-bottom: 15px; }
    .actions-col { position: absolute; top: 25px; right: 15px; }
}

/* Çıkış Yap Butonu Kapsayıcısı */
.logout-item {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 10px 15px !important; /* Kenarlardan boşluk */
    width: 100%;
}

/* Formun Genişliği */
.logout-form {
    width: 100%; /* Form tüm alanı kaplasın */
    text-align: center;
}

/* Butonun Kendisi */
.custom-logout-btn {
    width: 100%;        /* Tam genişlik */
    border-radius: 4px; /* Köşeleri yuvarla */
    padding: 8px 0;     /* Buton yüksekliği */
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    background-color: #d9534f; /* Bootstrap Danger Rengi (veya senin turuncu rengin) */
    border: none;
    transition: all 0.3s ease;
}

.custom-logout-btn:hover {
    background-color: #c9302c; /* Hover rengi */
    transform: translateY(-2px); /* Hafif yukarı kalkma efekti */
}

/* Mobilde biraz daha geniş ve belirgin olsun */
@media (max-width: 767px) {
    .logout-item {
        padding: 15px !important;
    }
    .custom-logout-btn {
        padding: 12px 0; /* Mobilde parmakla basmak kolay olsun */
        font-size: 14px;
    }
}

/* =========================================
   3. NAVBAR & MENÜ STİLLERİ (ÖNEMLİ KISIM)
   ========================================= */

/* Navbar Konteyner */
.navbar-custom {
    background-color: var(--header-blue);
    border: none; border-radius: 0; margin-bottom: 0;
    min-height: 50px; width: 100%; z-index: 999;
}

/* BOOTSTRAP OVERRIDE: Gri Arkaplanı Ezme */
.navbar-custom .nav.navbar-nav {
    background: transparent !important;
}

/* Link Stilleri (Anasayfa, Kategoriler...) */
.navbar-custom .navbar-nav > li > a {
    color: #fff !important;
    font-weight: 600; font-size: 13px;
    padding: 15px 20px !important;
    text-transform: uppercase;
    transition: background 0.2s ease;
}

/* Hover ve Aktif Durum */
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li.open > a,
.navbar-custom .navbar-nav > .active > a {
    background-color: rgba(0,0,0,0.15) !important;
    color: #fff !important;
}

/* Fırsatlar Butonu */
.special-offer { background: var(--header-orange); color: #fff !important; }
.special-offer:hover { background: #e65e00 !important; }

/* =========================================
   4. ALT KATEGORİLER (DROPDOWN) STİLİ
   ========================================= */

/* Masaüstü Dropdown Kutusu */
@media (min-width: 768px) {
    .navbar-custom .dropdown-menu {
        background-color: #fff !important; /* Arkaplan kesinlikle beyaz */
        border: 1px solid #eee;
        border-top: 3px solid var(--header-orange); /* Üstte turuncu çizgi */
        box-shadow: 0 6px 12px rgba(0,0,0,0.175);
        padding: 10px 0;
        margin-top: 0;
        border-radius: 0 0 4px 4px;
    }

    /* Dropdown Linkleri */
    .navbar-custom .dropdown-menu > li > a {
        color: #444 !important; /* Yazılar koyu gri */
        padding: 8px 20px;
        font-size: 13px;
        text-transform: capitalize; /* Sadece baş harf büyük */
        font-weight: 500;
        border-bottom: 1px solid #f9f9f9;
    }

    /* Dropdown Hover */
    .navbar-custom .dropdown-menu > li > a:hover {
        background-color: #f5f5f5 !important;
        color: var(--header-blue) !important;
        padding-left: 25px; /* Hafif sağa kayma efekti */
        transition: all 0.2s;
    }
}

/* =========================================
   5. MOBİL MENÜ BUTONU VE MOBİL DROPDOWN
   ========================================= */


/* Üç Çizgiyi Tutan Kutu */
.navbar-custom .burger-icon {
    display: flex;
    flex-direction: column;    /* Çizgileri alt alta diz */
    justify-content: center;
    gap: 4px;                  /* Çizgiler arası boşluk (Bootstrap marginini iptal edeceğiz) */
}

/* Çizgilerin Kendisi */
.navbar-custom .navbar-toggle .icon-bar {
    background-color: #fff !important;
    height: 2px;
    width: 22px;
    margin-top: 0 !important;  /* Bootstrap'ın varsayılan marginini SIFIRLA */
    border-radius: 1px;
    display: block;            /* Flex içinde görünür olması için */
}

.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
    background-color: rgba(255,255,255,0.1);
    border-color: #fff;
}

/* MENU Yazısı */
.navbar-custom .menu-text {
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    line-height: 1;            /* Satır yüksekliğini sıfırla ki yukarı kaçmasın */
    letter-spacing: 0.5px;
    position: static;          /* Eski position ayarlarını iptal et */
}
/* Hover Durumu */
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
    background-color: rgba(255,255,255,0.1);
    border-color: #fff;
}
/* Mobil Menü Açılınca Arkaplan */
.navbar-custom .navbar-collapse {
    background-color: var(--header-blue); /* Lacivert zemin */
    border-top: 1px solid rgba(255,255,255,0.1);
    box-shadow: none;
    max-height: 80vh; /* Çok uzun menüler için scroll */
}

/* Mobilde Alt Kategoriler (Dropdown) */
@media (max-width: 767px) {
    /* Dropdown kutusu mobilde şeffaf/koyu olsun */
    .navbar-custom .navbar-nav .open .dropdown-menu {
        background-color: rgba(0,0,0,0.15) !important; /* Hafif koyu yama */
        border: none;
        padding: 0;
        box-shadow: inset 0 3px 6px rgba(0,0,0,0.1); /* İç gölge */
    }

    /* Linkler */
    .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
        color: rgba(255,255,255,0.85) !important; /* Hafif şeffaf beyaz */
        padding: 12px 15px 12px 35px; /* Soldan girintili */
        border-bottom: 1px solid rgba(255,255,255,0.05);
        font-size: 13px;
    }

    .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover {
        color: #fff !important;
        background-color: rgba(255,255,255,0.1);
    }

    /* Ana menü linklerinin paddingini mobilde ayarla */
    .navbar-custom .navbar-nav > li > a {
        padding: 12px 15px !important;
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }
    /* Mobil Buton Kapsayıcısı */
    .navbar-custom .navbar-toggle {
        display: flex;             /* Flexbox aç */
        align-items: center;       /* Dikeyde TAM ORTALA */
        justify-content: center;   /* Yatayda ortala */
        gap: 8px;                  /* İkon ile Yazı arasına boşluk koy */

        border: 1px solid rgba(255,255,255,0.3);
        background-color: transparent;
        padding: 8px 12px;         /* İç boşluğu dengele */
        border-radius: 4px;
        height: 50px;              /* Buton yüksekliğini sabitle ki kayma olmasın */
    }

    /* Dropdown okunu gizle veya ayarla */
    .navbar-custom .ion-chevron-down { display: none; }
}

/* Değişkenler */
:root {
    --header-top-bg: #fff;           /* Üst şerit artık beyaz (Ferahlık için) */
    --header-top-text: #6b7280;      /* Gri metin */
    --header-main-bg: #fff;
    --header-border: #e5e7eb;
    --header-menu-bg: var(--ana-marka-renk); /* Menü bu sefer renkli zemin olacak */
}

/* 1. EN ÜST ŞERİT (Top Nav) - SADELEŞTİRİLDİ */
.top-nav {
    background-color: var(--header-top-bg);
    color: var(--header-top-text);
    padding: 8px 0;
    font-size: 12px;
    font-weight: 500;
    border-bottom: 1px solid var(--gray-border); /* İnce çizgi ile ayrıldı */
}
.top-nav a {
    color: #4b5563 !important;
    transition: color 0.2s ease;
}
.top-nav a:hover {
    color: var(--ana-marka-renk) !important;
}
.top-nav i {
    color: var(--hover-color); /* İkonlar yeşil */
    margin-right: 6px;
}
.location .dropdown-menu li a { color: #333 !important; }


/* 2. ORTA ALAN (Logo - Arama - Sepet) */
.bottom {
    padding: 30px 0;
    background: var(--header-main-bg);
    /* Gölge yok, temiz beyaz alan */
}

.nextlogo {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Arama Kutusu - Daha Keskin ve Ciddi */
.search {
    flex-grow: 1;
    margin: 0 60px;
    float: none !important;
}
.control-search {
    border-radius: 4px !important; /* Tamamen yuvarlak değil, hafif kavisli */
    border: 2px solid #e5e7eb !important;
    height: 50px !important;
    padding-left: 20px;
    background-color: #f9fafb;
    font-size: 14px;
    color: #111;
    transition: all 0.2s ease;
}
.control-search:focus {
    border-color: var(--ana-marka-renk) !important;
    background-color: #fff;
    box-shadow: none; /* Gölgeyi kaldırdık, flat tasarım */
}

/* Sağ Taraf */
.right-actions-wrapper {
    display: flex;
    align-items: center;
    gap: 35px;
}

/* Hesap Alanı */
.block-1 {
    float: none !important;
    display: flex;
    align-items: center;
    margin: 0;
    /* Çizgiyi kaldırdık, daha ferah durması için */
    border-right: none;
    padding-right: 0;
    font-size: 14px;
    font-weight: 600;
    color: #374151;
}
.block-1 i {
    font-size: 22px;
    color: #4b5563;
    margin-right: 10px;
    transition: color 0.2s;
}
.block-1:hover i, .block-1:hover {
    color: var(--ana-marka-renk);
}

/* Sepet Alanı - Özel Tasarım */
.block-2 {
    float: none !important;
    display: inline-block;
    margin: 0;
}
.photo-cart {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background-color: #eff6ff; /* Çok açık indigo zemin */
    border-radius: 50%; /* Tam yuvarlak ikon */
    transition: all 0.3s;
    position: relative;
}
.photo-cart i {
    font-size: 22px;
    color: var(--ana-marka-renk); /* İndigo İkon */
}

.photo-cart:hover i {
    color: #fff;
}
/* Sepet Sayısı - Yeşil */
.photo-cart .lbl {
    background-color: var(--hover-color);
    color: #fff;
    font-weight: 700;
    font-size: 11px;
    top: -2px; right: -2px;
    width: 20px; height: 20px;
    line-height: 20px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    border: 2px solid #fff; /* Beyaz çerçeve ile ayrıştır */
}

/* 3. MENÜ ALANI - BURASI ÖNEMLİ */
.menu {
    background: #fff; /* Beyaz zemin */
    border-top: 1px solid var(--border-color);
    border-bottom: 3px solid var(--ana-marka-renk); /* Altına kalın indigo çizgi */
}

/* Menü Linkleri */
.menubar li a {
    font-weight: 700;
    color: #374151; /* Koyu Gri */
    text-transform: uppercase;
    font-size: 14px;
    padding: 16px 20px;
    position: relative;
    transition: all 0.3s ease;
    z-index: 1;
}

/* HOVER EFEKTİ: Alt Çizgi değil, Arkadan Dolan Renk */
.menubar li a::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: var(--ana-marka-renk); /* İndigo arka plan */
    z-index: -1;
    transform: scaleY(0); /* Başlangıçta gizli */
    transform-origin: bottom; /* Aşağıdan yukarı dolsun */
    transition: transform 0.2s ease-in-out;
}

.menubar li a:hover {
    color: #fff; /* Yazı beyaza dönsün */
}

.menubar li a:hover::before {
    transform: scaleY(1); /* Arka plan dolsun */
}

/* MOBİL */
@media (max-width: 991px) {
    .nextlogo { display: block; }
    .search { margin: 15px 0; }
    .block-1 { display: none; }
    .topbar-mobile { background: #111827; }
    .topbar-mobile a { color: white; }
    .topbar-mobile .right-nav { color: white; }
    .menu { background: #fff; border-top: 1px solid #eee; }
    .menubar li a { color: #333; border-bottom: 1px solid #eee; }
    .menubar li a:hover { background: #f9fafb; color: var(--ana-marka-renk); }
    /* Mobilde hover efekti arka plan yerine sol çizgi olsun */
    .menubar li a::before { display: none; }
    .menubar li a:hover {
        color: var(--ana-marka-renk);
        background-color: #f9fafb;
        padding-left: 20px; /* Hafif sağa kayma */
    }
}
/* HEADER BİTİŞ */


/* =========================================
   LIVEWIRE SEARCH ENTEGRASYONU
   ========================================= */

/* Kapsayıcı: Dropdown'ın buna göre konumlanması için relative şart */
.live-search-wrapper {
    position: relative;
    width: 100%;
}

/* Dropdown Kutusu (Beyaz, Gölgeli) */
.live-search-dropdown {
    position: absolute;
    top: 100%; /* Formun tam altına */
    left: 0;
    width: 100%;
    background: #fff;
    border: 1px solid #eee;
    border-top: none; /* Input ile bütünleşsin */
    border-radius: 0 0 8px 8px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    z-index: 1050; /* Diğer öğelerin üstünde */
    overflow: hidden;
    margin-top: 2px;
}

/* Liste Yapısı */
.live-result-list {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 350px; /* Çok sonuç varsa scroll olsun */
    overflow-y: auto;
}

/* Tekil Sonuç Satırı */
.result-item {
    display: flex;
    align-items: center;
    padding: 12px 15px;
    cursor: pointer;
    border-bottom: 1px solid #f9f9f9;
    transition: background 0.2s;
}

.result-item:last-child { border-bottom: none; }
.result-item:hover { background-color: #f4f8ff; } /* Hover'da çok açık mavi */

/* Resim Alanı */
.result-img {
    width: 50px;
    height: 50px;
    flex-shrink: 0;
    margin-right: 15px;
    border: 1px solid #eee;
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
}
.result-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.no-img {
    width: 100%; height: 100%;
    display: flex; align-items: center; justify-content: center;
    color: #ccc; font-size: 20px;
}

/* Bilgi Alanı */
.result-info {
    flex-grow: 1;
    overflow: hidden;
}
.product-name {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 2px;
}
.cta-text {
    font-size: 11px;
    color: #999;
    display: block;
}

/* Fiyat Alanı */
.result-price {
    font-weight: 700;
    color: var(--header-blue); /* Senin ana lacivert rengin */
    font-size: 15px;
    margin-left: 10px;
    white-space: nowrap;
}
.result-price small {
    font-size: 12px;
    font-weight: normal;
}

/* Yükleniyor & Boş Durum */
.search-loading-state,
.search-empty-state {
    padding: 20px;
    text-align: center;
    color: #666;
    font-size: 13px;
}
.search-loading-state i { margin-right: 8px; color: var(--header-orange); }
.search-empty-state i {
    display: block;
    font-size: 24px;
    color: #ccc;
    margin-bottom: 5px;
}
/* =========================================
   LIVEWIRE SEARCH ENTEGRASYONU BİTİŞ
   ========================================= */


/* =========================================
   MODERN PREMIUM FOOTER BAŞLANGIÇ
   ========================================= */
:root {
    --footer-bg: #1e293b;       /* Koyu Lacivert/Antrasit */
    --footer-dark: #0f172a;     /* En alt siyah alan */
    --footer-text: #94a3b8;     /* Açık gri metin */
    --footer-heading: #ffffff;  /* Başlık rengi */
    --brand-color: #3b82f6;     /* Marka Rengi (Mavi/İndigo) */
    --brand-hover: #2563eb;
}

footer {
    background-color: var(--footer-bg);
    color: var(--footer-text);
    font-family: 'Open Sans', sans-serif;
    position: relative;
    /* Üst tarafa modern bir gradyan çizgi */
}

/* Ana Footer Alanı */
.main-footer {
    padding: 70px 0 40px;
}

/* Widget Başlıkları */
.footer-title {
    color: var(--footer-heading);
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Başlık altı ince çizgi efekti */
.footer-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 3px;
    background-color: var(--brand-color);
    border-radius: 2px;
}

.footer-brand a
{
    padding-top: 25px;
    padding-bottom: 25px;
    padding-right: 4px;
    padding-left: 4px;
    background: white;
}
/* Logo & Açıklama */
.footer-brand img {
    margin-bottom: 20px;
    opacity: 0.9; /* Logoyu hafif soft yap */
}
.footer-desc {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 25px;
}

/* İletişim Listesi */
.contact-list { list-style: none; padding: 0; margin: 0; }
.contact-list li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
    font-size: 14px;
}
.contact-list i {
    color: var(--brand-color);
    font-size: 18px;
    margin-right: 12px;
    position: relative;
    top: 2px;
}
.contact-list a { color: var(--footer-text); transition: color 0.3s; }
.contact-list a:hover { color: #fff; text-decoration: none; }

/* Footer Linkleri (Ok işaretli) */
.footer-links { list-style: none; padding: 0; margin: 0; }
.footer-links li { margin-bottom: 10px; }
.footer-links a {
    color: var(--footer-text);
    font-size: 14px;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
}
/* Link Hover Efekti */
.footer-links a::before {
    content: "\f105"; /* FontAwesome ok kodu (veya ion-chevron-right) */
    font-family: "Ionicons";
    content: "\f3d3"; /* Ion icon chevron right */
    margin-right: 8px;
    font-size: 12px;
    opacity: 0.5;
    transition: margin-right 0.3s;
}
.footer-links a:hover {
    color: #fff;
    text-decoration: none;
    padding-left: 5px; /* Sağa kayma */
}
.footer-links a:hover::before {
    color: var(--brand-color);
    opacity: 1;
    margin-right: 12px;
}

/* Bülten Formu */
.newsletter-box {
    background: rgba(255,255,255,0.03); /* Hafif kutu görünümü */
    padding: 20px;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,0.05);
}
.newsletter-form { position: relative; display: flex; gap: 5px; }
.newsletter-input {
    width: 100%;
    background: rgba(0,0,0,0.2);
    border: 1px solid rgba(255,255,255,0.1);
    color: #fff;
    height: 42px;
    padding: 0 15px;
    border-radius: 4px;
    font-size: 13px;
    transition: border-color 0.3s;
}
.newsletter-input:focus {
    outline: none;
    border-color: var(--brand-color);
}
.newsletter-btn {
    background: var(--brand-color);
    color: #fff;
    border: none;
    padding: 0 15px;
    border-radius: 4px;
    transition: background 0.3s;
}
.newsletter-btn:hover { background: var(--brand-hover); }

/* Alt SEO Alanı (Etiket Bulutu Tarzı) */
.seo-area {
    background-color: rgba(0,0,0,0.15); /* Hafif koyu şerit */
    padding: 40px 0;
    border-top: 1px solid rgba(255,255,255,0.05);
}
.seo-block h4 {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 15px;
}
/* Tag (Etiket) Tasarımı */
.seo-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.seo-tag {
    display: inline-block;
    background: rgba(255,255,255,0.05);
    color: #94a3b8;
    padding: 5px 12px;
    border-radius: 20px; /* Hap şeklinde */
    font-size: 12px;
    text-decoration: none !important;
    transition: all 0.3s;
    border: 1px solid transparent;
}
.seo-tag:hover {
    background: var(--brand-color);
    color: #fff;
    border-color: var(--brand-color);
    transform: translateY(-2px);
}

/* Copyright Alanı */
.copyright-area {
    background-color: var(--footer-dark);
    padding: 20px 0;
    border-top: 1px solid rgba(255,255,255,0.05);
    font-size: 13px;
    text-align: center;
}
.social-icons {
    list-style: none; padding: 0; margin: 15px 0 0;
    display: flex; justify-content: center; gap: 10px;
}
.social-icons a {
    width: 36px; height: 36px;
    background: rgba(255,255,255,0.05);
    display: flex; align-items: center; justify-content: center;
    border-radius: 50%;
    color: #fff;
    transition: all 0.3s;
}
.social-icons a:hover {
    background: var(--brand-color);
    transform: rotate(360deg);
}

/* Responsive Düzenlemeler */
@media (max-width: 991px) {
    .footer-widget { margin-bottom: 40px; }
}

footer .info h3
{
    color: white;
    border-bottom: 1px solid white;
}
footer .info .fmenu a
{
    color: white !important;
}
footer .info-desc
{
    color: white;
}

/* =========================================
   FOOTER BİTİŞ
   ========================================= */


/* =========================================
   ÜRÜN KARTI (YENİ RENKLERLE UYUMLU)
   ========================================= */
/* Kartın Kendisi (Dış Çerçeve) */
.prod-card-minimal {
    position: relative;
    display: flex;             /* Kart içeriğini esnek yap */
    flex-direction: column;    /* Alt alta sırala */
    height: 100%;              /* Bulunduğu kolonun tüm yüksekliğini kapla */
    text-decoration: none !important;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius:4px;
    padding: 4px;             /* Biraz daha ferah iç boşluk */
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Hover Efekti */
.prod-card-minimal:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px -5px rgba(15, 23, 42, 0.15); /* Midnight Blue gölge */
    border-color: #cbd5e1;
    z-index: 2; /* Hover olunca diğerlerinin üstüne çıksın */
}

/* --- GÖRSEL ALANI (TAM KARE & 200px CİVARI) --- */
.prod-img-frame {
    position: relative;
    width: 100%;
    /* SİHİRLİ KOD: Genişlik neyse yükseklik o olur (KARE) */
    aspect-ratio: 1 / 1;
    /* Eğer grid çok daralırsa min-height ile koruma altına alıyoruz */
    min-height: 200px;

    background-color: #f8fafc; /* Slate 50 */
    border-radius: 8px;       /* Görsel köşeleri */
    overflow: hidden;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* Kartın flex yapısında görselin boyutunu koru */
    flex-shrink: 0;
}

.prod-img-frame img {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;             /* Esnek kutu */
    flex-direction: column;    /* Alt alta dizilim */
    text-decoration: none !important;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 4px;       /* Biraz daha kompakt köşe */
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
}

/* Hover Efekti */
.prod-card-minimal:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px -6px rgba(15, 23, 42, 0.12); /* Midnight Blue gölge */
    border-color: #cbd5e1;
}

/* 2. GÖRSEL ALANI (TAM KARE & SABİT ORAN) */
.prod-img-frame {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;       /* KESİN KURAL: Genişlik neyse yükseklik o (Kare) */
    background-color: #f8fafc;
    border-radius: 8px;
    overflow: hidden;
    flex-shrink: 0;            /* Asla büzüşme */
}

.prod-img-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;         /* Resmi kutuya doldur */
    transition: transform 0.6s ease;
}

.prod-card-minimal:hover .prod-img-frame img {
    transform: scale(1.08);    /* Hafif zoom */
}

/* Yüzen Buton (Küçültüldü ve Kibarlaştırıldı) */
.btn-floating-view {
    position: absolute;
    bottom: 8px; right: 8px;
    width: 36px; height: 36px;
    background: #0f172a;       /* Midnight Blue */
    border-radius: 8px;
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.2);
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.3s ease;
    color: #fff; font-size: 16px; z-index: 5;
}

.prod-card-minimal:hover .btn-floating-view {
    opacity: 1; transform: translateY(0);
}

/* 3. BİLGİ ALANI (ESNEK YAPI) */
.prod-info-minimal {
    display: flex;
    flex-direction: column;
    flex: 1;                   /* Kalan tüm boşluğu doldur */
}

/* Kategori Badge (Tek Satır Garantisi) */

.prod-badge {
    font-size: 0.9rem;
    font-weight: 800;
    text-transform: uppercase;
    color: #64748b;
    background-color: #f1f5f9;
    padding: 3px 6px;
    border-radius: 4px;
    display: inline-block;
    max-width: 100%;           /* Taşmayı engelle */
    white-space: nowrap;       /* Alt satıra inme */
    overflow: hidden;          /* Taşanı gizle */
    text-overflow: ellipsis;   /* Sığmazsa ... koy */
    border: 1px solid #e2e8f0;
}

/* 4. BAŞLIK (SABİT YÜKSEKLİK - KİLİT NOKTA) */
.prod-title {
    font-size: 1.3rem;        /* 1rem yerine biraz daha küçük */
    font-weight: 800;
    color: #0f172a;
    line-height: 1.4;

    /* 2 Satır Sınırlaması */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;

    /* YÜKSEKLİK SABİTLEME (Hizalama bozulmasın diye) */
    /* line-height (1.4) * font-size (0.95rem) * 2 satır ≈ 2.7em */
    height: 1.4em;
    margin-left: 4px;
    margin-top: 6px;
}

.prod-card-minimal:hover .prod-title { color: #3b82f6; }

/* 5. FİYAT (EN ALTA YAPIŞIK) */
.prod-price {
    margin-top: auto;          /* SİHİRLİ KOD: En alta iter */
    padding-top: 8px;
    border-top: 1px dashed #f1f5f9;

    font-size: 1.15rem;
    color: #0f172a;
    font-weight: 800;
    letter-spacing: -0.5px;
    display: flex; align-items: baseline; gap: 6px;
}

.prod-price .old {
    font-size: 0.85rem; color: #94a3b8; text-decoration: line-through; font-weight: 400;
}

/* MOBİL AYARLAR */
@media (max-width: 767px) {
    /* Mobilde kartlar arası boşluk */
    .prod-card-minimal { margin-bottom: 20px; }

    /* Mobilde buton hep görünsün */
    .btn-floating-view { opacity: 1; transform: translateY(0); }
}
/* ÜRÜN KARTI BİTİŞ */


/* =========================================
   MİNİ SEPET (SAĞ ÜST)
   ========================================= */
.mini-cart-list {
    list-style: none; padding: 0; margin: 0; font-family: 'Inter', sans-serif;
}
.cart-item-list {
    padding: 12px 0;
    border-bottom: 1px solid #f3f4f6;
    transition: background-color 0.3s ease;
}
.cart-item-list:last-child { border-bottom: none; }
.cart-item-list:hover { background-color: #f9fafb; }

.delete-btn {
    width: 24px; height: 24px;
    border-radius: 4px; /* Karemsi */
    background-color: transparent;
    color: #ef4444;
    display: flex; align-items: center; justify-content: center;
    font-size: 10px; font-weight: bold;
    transition: all 0.2s;
    cursor: pointer;
    border: 1px solid #fee2e2;
    flex-shrink: 0; margin-left: 8px;
}
.delete-btn:hover {
    background-color: #ef4444; color: white;
}
.product-image-wrapper {
    flex-shrink: 0; width: 60px; height: 60px;
    border-radius: 4px; overflow: hidden;
    border: 1px solid #e5e7eb;
}
.product-image { width: 100%; height: 100%; object-fit: cover; }




/*ANASAYFA KAMPANYA BAŞLANGIÇ*/

.afisci-campaign-wrapper {
    max-width: 1200px;
    margin: 40px auto;
    padding: 0 15px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.afisci-grid {
    display: grid;
    /* Sol taraf biraz daha dar, sağ taraf geniş olsun ki yatay resimler güzel dursun */
    grid-template-columns: 1fr 1.4fr;
    /* Satır yüksekliklerini sabitledik, görüntü bozulmaz */
    grid-template-rows: 280px 280px;
    gap: 20px;
}

.grid-item {
    position: relative;
    display: block; /* Flex yerine block link yapısı daha sağlıklıdır */
    width: 100%; height: 100%;
    border-radius: 12px;
    overflow: hidden;
    text-decoration: none;
    background: #0f172a; /* Resim yüklenmezse koyu zemin */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); /* Gölgeyi biraz artırdım */
}

/* --- YERLEŞİMLER (GRID AREAS) --- */
/* Sol Büyük Kart */
.item-tall {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
}
/* Sağ Üst Kart */
.item-wide {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
}
/* Sağ Alt Kart */
.item-box {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
}

/* --- GÖRSELLER --- */
.bg-image {
    position: absolute; top: 0; left: 0;
    width: 100%; height: 100%;
    background-size: cover;
    background-position: center;
    transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 0;
}
/* Hover Efekti */
.grid-item:hover .bg-image {
    transform: scale(1.08); /* Hafif zoom */
}

/* --- OVERLAY & İÇERİK --- */
.content-overlay {
    position: absolute; bottom: 0; left: 0; width: 100%;
    /* Gradient: Yazıların okunaklı olması için alt taraf koyu */
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0) 100%);
    padding: 24px;
    z-index: 1;
    display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start;
}

/* --- BADGE (YENİLENMİŞ TASARIM) --- */
.campaign-badge {
    background-color: #2563eb; /* Varsayılan Mavi (Eğer inline style yoksa) */
    color: #fff;
    padding: 6px 10px; /* Daha derli toplu */
    border-radius: 6px; /* Tam yuvarlak yerine hafif köşeli (Modern) */
    font-size: 1.1rem; /* Daha küçük ve kibar */
    font-weight: 700;
    text-transform: uppercase; /* BÜYÜK HARF */
    letter-spacing: 1px;
    margin-bottom: 12px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    display: inline-block;
}

/* --- TYPOGRAPHY --- */
.content-overlay h3 {
    margin: 0 0 8px 0;
    font-size: 1.6rem; /* 1.6'dan biraz küçülttüm, daha dengeli */
    font-weight: 800;
    line-height: 1.2;
    color: #fff;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}

.content-overlay p {
    margin: 0;
    font-size: 1.3rem; /* 1.3 çok büyüktü, 0.95-1rem ideal */
    color: rgba(255, 255, 255, 0.85); /* Hafif transparan beyaz */
    line-height: 1.5;
    max-width: 90%;
    /* Metin taşmasın diye 2 satırla sınırlama */
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}

.btn-text {
    margin-top: 12px;
    font-size: 1.2rem;
    font-weight: 700;
    color: #fbbf24; /* Altın Sarısı */
    letter-spacing: 0.5px;
    display: inline-flex; align-items: center; gap: 5px;
    transition: gap 0.2s;
}
.grid-item:hover .btn-text { gap: 8px; } /* Hoverda ok işareti kayar */

/* --- RESPONSIVE (MOBİL) --- */
@media (max-width: 991px) {
    .afisci-grid {
        grid-template-columns: 1fr; /* Tek kolon */
        grid-template-rows: auto; /* Yükseklik içeriğe göre */
        gap: 20px;
    }

    .grid-item {
        min-height: 300px; /* Mobilde kart yüksekliği */
    }

    /* Mobilde grid pozisyonlarını sıfırla */
    .item-tall, .item-wide, .item-box {
        grid-column: auto;
        grid-row: auto;
    }

    .content-overlay { padding: 20px; }
    .content-overlay h3 { font-size: 1.3rem; }
    .content-overlay p { font-size: 0.9rem; -webkit-line-clamp: 3; /* Mobilde 3 satıra izin ver */ }
}
/*ANASAYFA KAMPANYA BİTİŞ*/





/* =========================================
   ANASAYFA KATEGORİ (RESİMLİ)
   ========================================= */
/* Bölüm Genel Ayarları */
.image-focused-section {
    padding: 60px 0;
    background-color: #f8fafc; /* Çok uçuk mavi-gri zemin (Gözü yormaz) */
}

.section-title-modern h3 {
    font-size: 1.5rem;
    font-weight: 800;
    color: #0f172a; /* Midnight Blue */
    margin-bottom: 30px;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Başlığın altına ufak bir çizgi dekoru */
.section-title-modern h3::after {
    content: ''; display: block; width: 40px; height: 3px;
    background: #3b82f6; /* Canlı mavi vurgu */
    margin-top: 8px; border-radius: 2px;
}

/* --- KART GENEL YAPISI --- */
.image-first-card {
    position: relative; display: block;
    overflow: hidden;
    border-radius: 12px; /* Daha modern bir kavis */
    text-decoration: none !important;
    background-color: #0f172a; /* Resim yüklenmezse koyu zemin */
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid rgba(255,255,255,0.1); /* Çok ince çerçeve */
}

/* Hover Durumu: Kart hafif yukarı kalkar ve gölge artar */
.image-first-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(15, 23, 42, 0.25);
}

/* --- BOYUTLANDIRMA (HIYERARŞİ) --- */

/* 1. Büyük Kartlar (Ana Kategoriler) */
.card-lg {
    height: 360px; /* Oldukça yüksek ve görkemli */
}

/* 2. Küçük Kartlar (Alt Kategoriler) */
.card-sm {
    height: 200px; /* Daha kompakt ve basık */
}

/* --- GÖRSEL ALANI --- */
.card-image-content {
    width: 100%; height: 100%;
    position: relative; overflow: hidden;
    /* Başlangıçta hafif karanlık filtre */
    filter: brightness(0.95);
    transition: filter 0.4s ease;
}

.card-image-content img {
    width: 100%; height: 100%;
    object-fit: cover;
    transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* Hoverda görsel parlar ve zoom yapar */
.image-first-card:hover .card-image-content { filter: brightness(1.1); }
.image-first-card:hover .card-image-content img { transform: scale(1.1); }

/* --- METİN ALANI (OVERLAY) --- */
.card-text-overlay {
    position: absolute; bottom: 0; left: 0; width: 100%;
    padding: 20px;
    /* Alttan yukarı doğru kararan modern gradient */
    background: linear-gradient(to top, rgba(15, 23, 42, 0.9) 0%, rgba(15, 23, 42, 0.4) 60%, transparent 100%);
    color: #fff;
    z-index: 2;
    display: flex; justify-content: center; align-items: flex-end;
}

.card-text-overlay p {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0;
    line-height: 1.3;
    text-shadow: 0 2px 4px rgba(0,0,0,0.5); /* Yazı okunabilirliği için gölge */
    letter-spacing: 0.3px;
}

/* Boşluk Ayarı */
.mb-30 { margin-bottom: 24px; } /* 30px yerine 24px daha sıkı ve modern durur */

/* Skeleton Loading Animasyonu (Değiştirmedim, sadece rengini yumuşattım) */
.skeleton-box {
    background: #e2e8f0;
    background: linear-gradient(110deg, #e2e8f0 8%, #f1f5f9 18%, #e2e8f0 33%);
    background-size: 200% 100%;
    animation: 1.5s shine linear infinite;
    border-radius: 12px;
}
@keyframes shine {
    to { background-position-x: -200%; }
}

/* --- RESPONSIVE AYARLAR --- */
@media (max-width: 768px) {
    .image-focused-section { padding: 40px 0; }

    /* Mobilde yükseklikleri biraz kısalım */
    .card-lg { height: 280px; }
    .card-sm { height: 200px; }

    .section-title-modern h3 { font-size: 1.3rem; }
    .card-text-overlay p { font-size: 1.1rem; }
}
/* =========================================
   ANASAYFA KATEGORİ BİTİŞ (RESİMLİ)
   ========================================= */




/* =========================================
   ANASAYFA ÜRÜN LİSTESİ BAŞLANGIÇ
   ========================================= */

.heading-v1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap; /* Mobilde sığmazsa aşağı insin */
    gap: 20px;

    /* Alt çizgi yok, ferah bir boşluk var */
    margin-bottom: 40px;
    position: relative;
}

/* Eski Bootstrap 'float'larını temizle */
.heading-v1 .pull-left,
.heading-v1 .pull-right {
    float: none !important;
}
.heading-v1 .clearfix { display: none; }

/* --- SOL TARAF: BAŞLIK (BÜYÜK & TOK) --- */
.heading-v1 h3 {
    margin: 0;
    font-size: 2.4rem; /* 32px - Bayağı büyük ve net */
    font-weight: 800; /* Extra Bold */
    color: #0f172a; /* Midnight Blue */
    letter-spacing: -1px; /* Harfleri birbirine yaklaştırarak modern görünüm */
    line-height: 1;
}

/* --- SAĞ TARAF: KATEGORİ MENÜSÜ --- */
.otherr-link {
    list-style: none;
    margin: 0; padding: 0;
    display: flex;
    align-items: center;
}

.otherr-link li {
    display: inline-block;
}

/* Link Tasarımı */
.otherr-link li a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    font-size: 1.2rem; /* Yazı boyutu büyüdü (yaklaşık 17px) */
    font-weight: 600;
    text-decoration: none;

    padding: 4px 8px; /* İç boşluklar genişletildi, buton hissi arttı */
    border-radius: 8px; /* Tam yuvarlak yerine hafif köşeli modern yapı */
    transition: all 0.3s ease;
    /* Varsayılan (Pasif) Durum */
    color: #64748b; /* Gri metin */
    background: #fff; /* Beyaz zemin */
    border: 1px solid #e2e8f0; /* Çok şık gri çerçeve */
}

/* Hover Durumu */
.otherr-link li a:hover {
    border-color: #0f172a; /* Çerçeve koyulaşır */
    color: #0f172a;
    transform: translateY(-2px); /* Hafif yukarı kalkar */
}

/* --- AKTİF (SEÇİLİ) KATEGORİ --- */
.otherr-link li.active a {
    background: #0f172a; /* Midnight Blue Zemin */
    border-color: #0f172a;
    color: #ffffff; /* Beyaz Metin */
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.3); /* Hafif gölge */
}

/* --- RESPONSIVE (MOBİL) --- */
@media (max-width: 991px) {
    .heading-v1 {
        flex-direction: column;
        align-items: flex-start; /* Sola yasla */
        gap: 20px;
    }

    .heading-v1 h3 {
        font-size: 2.3rem; /* Mobilde bir tık küçült ama hala büyük */
    }

    /* Mobilde Yana Kaydırma (Scroll) */
    .otherr-link {
        width: 100%;
        overflow-x: auto; /* Yana kaydırma açılır */
        white-space: nowrap;
        -webkit-overflow-scrolling: touch; /* Mobilde akıcı kaydırma */
        scrollbar-width: none; /* Firefox scroll gizle */
    }

    .otherr-link::-webkit-scrollbar {
        display: none; /* Chrome/Safari scroll gizle */
    }

    .otherr-link li a {
        font-size: 1.2rem;
        padding: 10px 20px; /* Mobilde tık alanı rahat olsun */
        white-space: nowrap;
    }
}
/* =========================================
   ANASAYFA ÜRÜN LİSTESİ BİTİŞ
   ========================================= */