/* ===================================================================
   test.bitakaslacloud.com - Duyuru barı birlestirme + Slider yapisi
   (duago.bitakaslacloud.com'daki AYNI mantik/olcu). BILINCLI OLARAK
   assets/css/site_style.css YERINE bu dosya kullaniliyor cunku
   .htaccess site_style.css'i includes/template/helper/site-main-stil.php'ye
   REWRITE ediyor (fiziksel dosya hic okunmuyor). Bu dosya header_libs.php'de
   CSS zincirinin EN SONUNDA yukleniyor.
   =================================================================== */

/* --- Duyuru barı (SİPARİŞLERİNİZ 24 SAAT...) + Sipariş Takibi/e-posta/Para/Dil
   satırı TEK bar'a birlestirildi, icerik dikey+yatay ortalaniyor --- */
.topheader-desktop-main-div-in {
    position: relative !important;
}
.topheader-html-main-in-merged {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    white-space: nowrap;
    font-size: 13px;
    line-height: normal;
    gap: 8px;
}
.topheader-html-main-in-merged p {
    margin-bottom: 0;
}

/* --- Slider: sabit piksel yukseklik yerine aspect-ratio bazli --- */
.swiper-container {
    height: auto !important;
    aspect-ratio: 21 / 6 !important;
}
@media (max-width: 768px) {
    .swiper-container {
        aspect-ratio: 4 / 3 !important;
    }
}

/* --- nest-slider: 2 sutunlu icerige (metin+form solda, gorsel sagda)
   gore genel aspect-ratio'dan biraz daha "yuksek" bir oran --- */
.nest-slider.swiper-container {
    aspect-ratio: 21 / 5 !important;
}
.nest-slide {
    display: flex !important;
    align-items: center;
    background: #eafbf1;
    height: 100%;
    padding: 0 60px;
    gap: 40px;
    box-sizing: border-box;
}
.nest-slide-left {
    flex: 1;
    min-width: 0;
}
.nest-slide-h { margin-bottom: 12px; }
.nest-slide-s { margin-bottom: 16px; color: #4b5563 !important; }
.nest-slide-right {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.nest-slide-right img {
    max-width: 100%;
    max-height: 80%;
    object-fit: contain;
}
.nest-slide-button-wrap { margin-top: 8px; }

/* --- Baslik/spot BOS olan slide'lar icin: gorsel TAM ALANI kaplasin --- */
.nest-slide-fullimg {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: #eafbf1;
}
.nest-slide-fullimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.nest-slide-fullimg-btn-wrap {
    position: absolute;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
}

/* --- Slider kose yuvarlakligi (Bootstrap'in .rounded'ini ezer) --- */
.swiper-slide.rounded {
    border-radius: 14px !important;
}

@media (max-width: 768px) {
    /* ONCEKI deger 3/4 (dikey/uzun) idi — genis banner gorselleri (orn.
       1600x315) object-fit:cover ile bu kadar dikey bir kutuya sigdirilinca
       neredeyse tamamen kirpiliyor, gorsel "gozukmuyor" gibi hissettiriyordu.
       4/3 hem tam-gorsel hem metinli slaytlar icin makul bir ORTA nokta —
       Swiper TUM slaytlara AYNI konteyner yuksekligini uyguladigi icin
       (autoHeight aktif degil), slayt tipine gore ayri yukseklik verilemiyor. */
    .nest-slider.swiper-container {
        aspect-ratio: 4 / 3 !important;
        height: auto !important;
    }
    .nest-slide {
        flex-direction: column-reverse;
        padding: 20px;
        text-align: center;
        gap: 16px;
    }
    .nest-slide-left { text-align: center !important; }
    .nest-slide-right img { max-height: 220px; }
    /* Tam-gorsel (baslik/spot bos) slaytlarda mobilde object-fit:cover
       KULLANILMIYOR — genis banner gorselleri (orn. 1600x315) bu kadar
       farkli bir kutu oranina kirpilinca icerigin cogu gozden kayboluyordu.
       contain ile gorsel HICBIR ZAMAN kirpilmaz, tek yuklenen gorsel
       masaustunde de mobilde de eksiksiz gorunur (gerekirse ust/altta
       ince bir bosluk kalir, arka plan rengiyle doldurulur). */
    .nest-slide-fullimg img {
        object-fit: contain !important;
    }
}

/* --- Teklif İsteyin Modal (#genelTeklifModal, footer.php'de merkezi/tek modal) ---
   BILINCLI OLARAK site_style.css/product-detail-redesign.css YERINE bu dosyada:
   modal HEM ana sayfa/kategori grid kartlarindan HEM urun detay sayfasindan acilabiliyor,
   product-detail-redesign.css SADECE urun detay sayfasinda (gallery.php uzerinden) yukleniyor
   — stil burada olmazsa grid sayfalarinda modal stilsiz/eski gorunuyordu. */
#genelTeklifModal .modal-content{border-radius:16px !important;overflow:hidden;box-shadow:0 20px 60px rgba(0,43,94,.18) !important;border:none !important}
#genelTeklifModal .modal-in-comment{padding:36px 34px 30px}
#genelTeklifModal .close{color:#94a3b8 !important;font-size:22px;font-weight:400;opacity:1;transition:color .15s linear;line-height:1}
#genelTeklifModal .close:hover{color:#002b5e !important}
#genelTeklifModal .modal-in-comment-head{border-bottom:1px solid #eef0f4;margin-bottom:22px;padding-bottom:16px;text-align:left}
#genelTeklifModal .modal-in-comment-head-h{text-align:left}
#genelTeklifModal .modal-in-comment-head-h-text{background:none;padding:0;margin:0;color:#002b5e;font-weight:800;font-size:20px;display:block;width:100%}
#genelTeklifModal .modal-in-comment-form label{color:#475569;font-weight:600;font-size:13px;margin-bottom:6px}
/* DIKKAT: .input-group'un display:flex'ine DOKUNMA — Bootstrap'in
   .input-group>.form-control{width:1%;flex:1 1 auto} kurali SADECE flex baglaminda
   dogru genisler; display:block'a cevrilirse width:1% literal uygulanir ve input
   minik bir kutuya kuculur (bu hatanin gercek kok nedeniydi, duzeltildi). */
#genelTeklifModal .modal-in-comment-form .form-control{width:100%;border:1px solid #e2e8f0;border-radius:10px;height:48px;padding:0 16px;font-size:14px;color:#1e293b;box-shadow:none;transition:border-color .15s linear,box-shadow .15s linear}
#genelTeklifModal .modal-in-comment-form textarea.form-control{height:auto;padding:12px 16px}
#genelTeklifModal .modal-in-comment-form .form-control:focus{border-color:#002b5e;box-shadow:0 0 0 3px rgba(0,43,94,.1)}
#genelTeklifModal button[name="offerOrder"]{background:#002b5e;border:none;border-radius:10px;height:50px;font-weight:700;font-size:14px;transition:background-color .15s linear}
#genelTeklifModal button[name="offerOrder"]:hover{background:#003875}
@media screen and (max-width:767px){
    #genelTeklifModal .modal-in-comment{padding:26px 20px 22px}
}

/* --- Sepete Ekle Başarı Modal 1 (#successCart) — grid kartlardan (Ana Sayfa / Kategori /
   Marka / Arama / Paket sayfaları) tetiklenen ESKİ/sade modal. product-detail-modals.php'deki
   #successcartmodal ("Modal 2", zaten modernize edildi) ile AYNI marka diline kavuşturuldu.
   #successCart, 7 farklı sayfa şablonunda (home-page.php, cat_detail.php, urun_ara.php,
   urun_markalari.php, pricing.php, pricing_kat.php, product-detail-modals.php) birebir
   kopyalanmış — hepsi AYNI HTML/class yapısını paylaştığı için tek CSS bloğu hepsini kapsıyor. */
#successCart .modal-content{border-radius:16px !important;overflow:hidden;box-shadow:0 20px 60px rgba(0,43,94,.18) !important;border:none !important}
#successCart .close{color:#94a3b8 !important;font-size:22px !important;font-weight:400 !important;opacity:1 !important;transition:color .15s linear}
#successCart .close:hover{color:#002b5e !important}
#successCart .modal-content > div:first-of-type{padding:40px 28px 26px !important;font-size:15px !important;color:#475569 !important}
#successCart .ion-ios-checkmark-outline{color:#16a34a !important;font-size:52px !important}
#successCart .modal-content > div:first-of-type > div{color:#002b5e !important;font-size:20px !important;font-weight:800 !important;margin-bottom:10px !important}
#successCart .category-cart-add-success-modal-footer{background:#f8fafc !important;padding:18px 22px !important;gap:12px}
#successCart .category-cart-add-success-modal-footer-button,
#successCart .category-cart-add-success-modal-footer a{border-radius:10px !important;padding:12px 26px !important;font-weight:700;text-decoration:none !important;transition:all .15s linear;margin-bottom:0 !important}
#successCart .button-blue{background:#002b5e !important;border-color:#002b5e !important}
#successCart .button-blue:hover{background:#003875 !important;border-color:#003875 !important}
#successCart .button-black-out{border:1px solid #e2e8f0 !important;color:#002b5e !important;background:#fff !important}
#successCart .button-black-out:hover{background:#f0f4f8 !important;border-color:#002b5e !important}

/* --- Sepet Sayfası (/sepet/) — marka diline (navy #002b5e) kavuşturma ---
   "Uygula" (kupon) ve "SEPETİ ONAYLA" butonları admin panelden ayarlanabilir
   class isimleri kullanıyor (odemeayar.sepet_kupon_button / sepet_page_button_bg —
   ekran görüntüsünde .button-blue/#558cff ve .button-red/#f94453 çıkıyordu). Bu genel
   .button-blue/.button-red class'larını SİTE GENELİNDE değiştirmek yerine (örn. sepet
   sil onay modalındaki KIRMIZI "Sil" butonu kasıtlı kırmızı kalmalı), sadece sepet
   sayfasındaki bu 2 spesifik konteyner içinde child-combinator (>) ile HEDEFLİ override
   yapıldı — #loginModal/#discountModal gibi İÇ İÇE geçmiş modallerin kendi butonlarına
   (Giriş Yap/Üye Ol/Üyeliksiz Devam Et) DOKUNMUYOR çünkü onlar direkt child değil. */
.cart-left-div{border-radius:14px;overflow:hidden;box-shadow:0 4px 20px rgba(0,43,94,.06)}
.cart-left-box-main{border-color:#eef0f4 !important}
/* Kaldır (X) butonu — orijinal HTML'de style="border-radius:0!important" INLINE olarak
   yazılmıştı; inline !important hiçbir dış CSS kuralıyla ezilemediği için (bkz. CSS cascade
   kuralı: inline+!important her zaman kazanır) önceki denemem hiç etki etmemişti — kök çözüm
   cart_items.php'deki inline style'ı kaldırıp yeni bir .cart-remove-btn class'ı eklemekti.
   Kırmızı dolu kare yerine, +/- butonlarıyla aynı "ince/beyaz zeminli" dile uyan, sadece
   hover'da kırmızıya dönen ince daire ikon buton. */
.cart-left-box-main .cart-remove-btn{width:32px !important;height:32px !important;padding:0 !important;border-radius:50% !important;background:#fff !important;border:1px solid #fecaca !important;color:#dc2626 !important;display:inline-flex !important;align-items:center;justify-content:center;font-size:13px !important;line-height:1 !important;transition:all .15s linear}
.cart-left-box-main .cart-remove-btn:hover{background:#dc2626 !important;border-color:#dc2626 !important;color:#fff !important}
.cart-left-box-main .btn-light{border-radius:8px !important;border-color:#e2e8f0 !important}
.cart-left-box-main input.form-control{border-radius:8px !important;border-color:#e2e8f0 !important}

/* "Ücretsiz Kargo" / kargo tutarı rozeti (cart_items.php, .cart-left-variant-div inline
   background-color:#f8f8f8 ile işaretlenmiş — aynı class varyant etiketlerinde de kullanıldığı
   için [style*="f8f8f8"] ile SADECE kargo satırı hedeflendi, varyant etiketlerine dokunulmadı) */
.cart-left-variant-div[style*="f8f8f8"]{background:rgba(0,43,94,.07) !important;color:#002b5e !important;border-radius:20px !important;padding:5px 12px !important;display:inline-flex !important;width:auto !important;align-items:center;gap:6px;font-weight:700 !important;font-size:11px !important}
.cart-left-variant-div[style*="f8f8f8"] i{color:#002b5e}

.cart-right-div-inside{border-radius:14px !important;border-color:#eef0f4 !important;box-shadow:0 4px 20px rgba(0,43,94,.06)}
.cart-right-div-head{color:#002b5e;font-size:16px}
.cart-right-div-price-box-right.font-16{color:#002b5e;font-weight:800;font-size:18px}

/* Kupon "Uygula" alanı — GERÇEK kök neden: <input> elemanlarının tarayıcı varsayılan
   min-width'i "auto"dur (içerik/attribute bazlı, flex-shrink'i bloke eder) — flex satırında
   input+buton toplam GENİŞLİĞİ container'ı aştığında, min-width:auto input'un küçülmesini
   engelliyor ve fazlalık sağa taşıp butonu kart kenarına (padding'i yok sayarak) itiyordu.
   Standart flexbox çözümü: input'a flex-basis:0% + min-width:0 vermek (grow SADECE flex-grow
   ile olur, intrinsic içerik genişliği artık taşmaya sebep olamaz). */
.cart-right-div-coupon{align-items:stretch !important;max-width:100% !important;overflow:hidden}
.cart-right-div-coupon>form{align-items:stretch !important;max-width:100% !important;min-width:0 !important}
.cart-right-div-coupon input{box-sizing:border-box !important;border-radius:10px 0 0 10px !important;border:1px solid #e2e8f0 !important;border-right:none !important;padding:0 16px !important;flex:1 1 0% !important;min-width:0 !important;max-width:100% !important;width:auto !important;height:44px !important;font-size:14px !important;margin:0 !important}
.cart-right-div-coupon>form>button,
.cart-right-div-coupon>button{box-sizing:border-box !important;flex:0 0 auto !important;white-space:nowrap !important;background:#002b5e !important;border:1px solid #002b5e !important;border-radius:0 10px 10px 0 !important;color:#fff !important;height:44px !important;padding:0 22px !important;font-size:14px !important;font-weight:700 !important;line-height:42px !important;margin:0 !important;transition:background-color .15s linear}
.cart-right-div-coupon>form>button:hover,
.cart-right-div-coupon>button:hover{background:#003875 !important;border-color:#003875 !important}
.cart-right-div-coupon>form>button:focus,
.cart-right-div-coupon>button:focus{outline:none !important;border-color:#002b5e !important;box-shadow:0 0 0 3px rgba(0,43,94,.15) !important}

/* "SEPETİ ONAYLA" — site.css'in ".button-4x{font-size:18px;padding:15px 25px}" değeri
   300px'lik dar sidebar'da (hemen üstündeki "93.000,00 TL" toplamıyla AYNI 18px büyüklükte)
   gereğinden ağır/kocaman duruyordu — iki büyük navy eleman yan yana rekabet ediyordu.
   Boyut küçültülüp üstüne nefes payı (margin-top) eklendi, toplam tutar görsel hiyerarşide
   daha belirgin kalsın diye buton biraz daha küçük/normal ağırlıkta tutuldu. */
.cart-right-div-inside>a.button-4x,
.cart-right-div-inside>a>div.button-4x,
.cart-right-div-inside>a.button-2x,
.cart-right-div-inside>a>div.button-2x{background:#002b5e !important;border-color:#002b5e !important;color:#fff !important;border-radius:10px !important;font-size:15px !important;padding:13px 20px !important;margin-top:14px !important;box-sizing:border-box !important;transition:background-color .15s linear}
.cart-right-div-inside>a.button-4x:hover,
.cart-right-div-inside>a>div.button-4x:hover,
.cart-right-div-inside>a.button-2x:hover,
.cart-right-div-inside>a>div.button-2x:hover{background:#003875 !important;border-color:#003875 !important}

.no-cart-items-in-div .button-blue{background:#002b5e !important;border-color:#002b5e !important;border-radius:10px !important}
.no-cart-items-in-div .button-blue:hover{background:#003875 !important;border-color:#003875 !important}

/* --- Üye Girişi (/uye-girisi/) + Üyelik (/uyelik/) sayfaları — marka diline kavuşturma ---
   İkisi de AYNI class yapısını (.users_main_div > .user_login_register_div >
   .user_page_header + .user_page_login_form + .user_page_right_text_div) paylaşıyor,
   TEK CSS bloğu ikisini birden kapsıyor. .teslimat-form-area GENEL/paylaşılan bir class
   (sepet/checkout modallerinde de kullanılıyor) — sadece bu 2 sayfaya has etki için
   .user_login_register_div ile scope edildi, diğer formlara dokunulmuyor. */
.user_page_header{border-radius:14px !important;border-color:#eef0f4 !important;box-shadow:0 4px 20px rgba(0,43,94,.06);color:#002b5e !important}
.user_page_login_form,
.user_page_right_text_div{border-radius:14px !important;border-color:#eef0f4 !important;box-shadow:0 4px 20px rgba(0,43,94,.06)}

.user_login_register_div .teslimat-form-area .form-control{border-radius:10px !important;border-color:#e2e8f0 !important;height:46px;transition:border-color .15s linear,box-shadow .15s linear}
.user_login_register_div .teslimat-form-area textarea.form-control{height:auto}
.user_login_register_div .teslimat-form-area .form-control:focus{border-color:#002b5e !important;box-shadow:0 0 0 3px rgba(0,43,94,.1) !important}
.user_login_register_div .teslimat-form-area label{color:#334155}

.user_login_register_div button.button-blue{background:#002b5e !important;border-color:#002b5e !important;border-radius:10px !important;transition:background-color .15s linear}
.user_login_register_div button.button-blue:hover{background:#003875 !important;border-color:#003875 !important}
.user_login_register_div .modal-in-login-form-reset-password{color:#002b5e !important;font-weight:600}

.register-page-uyelik-tipi-main{border-radius:10px !important;border-color:#e2e8f0 !important}
.rdio-primary input[type="radio"]:checked+label:before{border-color:#002b5e !important}
.rdio-primary input[type="radio"]:checked+label::after{background-color:#002b5e !important}

/* --- Sabit WhatsApp Butonu (sol alt) + Yukarı Çık Butonu (sağ alt) — site geneli ---
   Yukarı Çık butonunun rengi/köşe yuvarlaklığı zaten admin panelden yönetiliyordu
   (ayarlar.totop_bg/totop_radius, includes/template/helper/site-main-stil.php) — DB'deki
   değerleri (siyah kare) navy+tam yuvarlağa güncelledik, burada CSS override YOK (site'nin
   kendi ayar sistemi kullanıldı, panel hâlâ tutarlı çalışıyor). Sadece boyut/gölge/hover
   geçişi tutarlılık için buraya eklendi. WhatsApp butonu YENİ — kendi marka rengi (#25d366,
   ürün detay sayfasındaki WhatsApp sipariş linkiyle AYNI ton) kasıtlı olarak navy YAPILMADI,
   WhatsApp ikonu evrensel olarak kendi yeşiliyle tanınıyor. */
#return-to-top{width:48px !important;height:48px !important;right:20px !important;box-shadow:0 6px 18px rgba(0,43,94,.25) !important;transition:background-color .15s linear,transform .15s linear}
#return-to-top i{left:0 !important;top:0 !important;width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:18px !important}
#return-to-top:hover{transform:translateY(-3px)}

#site-whatsapp-float{position:fixed;left:20px;bottom:50px;width:52px;height:52px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(37,211,102,.35);z-index:99;text-decoration:none !important;transition:background-color .15s linear,transform .15s linear}
#site-whatsapp-float i{color:#fff;font-size:26px;line-height:1}
#site-whatsapp-float:hover{background:#1fb959;transform:translateY(-3px)}
@media screen and (max-width:767px){
    /* 2026-08-17: mobilde alt kısımda .fixed-foot-navigation (Üye Girişi/
       Favoriler/Sepet) sabit bir bar olarak beliriyor (~56-60px yükseklik,
       includes/template/header_items/mobile_menu.php + assets/css/responsive/
       mobile.css: position:fixed;bottom:0;z-index:99). WhatsApp butonu
       bottom:14px, Yukarı Çık butonu ise HİÇ mobil override'ı olmadığı için
       masaüstü değerini (ayarlar.totop_bottom=50px, site-main-stil.php'den)
       koruyordu — ikisi FARKLI yükseklikteydi ("eşit hizada değiller") VE
       ikisi de bu bar'ın arkasına/içine giriyordu ("mobil alt bar arkasına
       kaçmış"). İkisi de artık bar'ın üstünde, AYNI yükseklikte duruyor. */
    #site-whatsapp-float{left:14px;bottom:78px !important;width:46px;height:46px}
    #site-whatsapp-float i{font-size:22px}
    #return-to-top{right:14px !important;bottom:78px !important}
}

/* --- Kategori Dropdown Menüsü — duago.bitakaslacloud.com'da doğrulanmış aynı kök
   nedenli 5 hata, test'in KENDİ navy renginde (renk değişikliği YOK, sadece
   yapısal/zamanlama düzeltmesi) --- */

/* 1) Nav-bar kartı: dropdown açıkken "çentik" oluşmasın diye SADECE üst köşeler yuvarlak */
.top-level-menu-main-div-in{border-radius:16px 16px 0 0 !important}

/* 2) Zengin mega-menü (Şablon 2, "Bunlara Gözatın" panelli): flaş geçişi düzeltildi,
   navbar'ın 6px/10px padding'ine göre doğru top+left hizası, gölge + alt köşe yuvarlama */
.sablon2-level-menu{
    transition:opacity .2s ease, visibility .2s ease !important;
    top:calc(100% + 6px) !important;
    margin-top:0 !important;
    border-radius:0 0 16px 16px !important;
    box-shadow:0 12px 32px rgba(20,10,40,.12) !important;
    overflow:hidden;
    left:-10px !important;
}

/* 3) Basit link-listesi dropdown'ları (KURUMSAL, Laboratuvar Mobilyası vb.): aynı 3
   düzeltme — overflow:hidden KASITLI OLARAK YOK, çünkü third-level-menu bu kutunun
   dışına taşarak açılıyor (overflow:hidden onu görünmez/tıklanamaz yapardı) */
.second-level-menu{
    transition:opacity .2s ease, visibility .2s ease !important;
    top:calc(100% + 6px) !important;
    margin-top:0 !important;
    border-radius:0 0 16px 16px !important;
}
.third-level-menu{
    border-radius:12px !important;
    overflow:hidden;
}

/* 4) Karartma overlay'inin transitionsuz JS show/hide'ından kaynaklanan ani flaş —
   JS hâlâ çalışır (zararsız), sadece görsel etkisi tamamen kapatıldı */
.dropdown-overlay-show{display:none !important}

/* 5) "Bunlara Gözatın" ürün önerisi paneli (mega-menü sağ tarafı) — duago'nun
   nest-theme.css'inde eklenen zenginleştirme, test'in kendi navy renginde:
   panel hafif gri arka planla ayrışıyor, kartlar beyaz+ince çerçeveli "gerçek
   kart" gibi duruyor, başlık altın yerine navy alt çizgi alıyor, hover'da kart
   çerçevesi navy'e dönüyor. Temel layout (grid/boyut/hover lift) zaten
   style.css'te vardı — burada sadece görsel zenginleştirme ekleniyor. */
.mm-featured{background:#f8fafc !important}
.mm-featured-title{color:#002b5e !important;border-bottom:2px solid #002b5e;padding-bottom:8px;display:inline-block}
.mm-featured-card{background:#fff;border:1px solid #eef1f6}
.mm-featured-card:hover{border-color:#002b5e}

/* 6) Mega-menü sütun başlıklarının alt çizgisi + alt link hover'ı — duago'nun aynı
   kök nedenli 2 hatası: (a) includes/template/helper/site-main-stil.php admin panelden
   gelen 'mega_border' rengiyle (genelde soluk/uyumsuz gri) 1px çizgi üretiyor — navy'e
   sabitlendi; (b) AYNI dosyada .sablon2-level-menu-left-item-s:hover{text-decoration:
   underline !important} HARDCODED (panelden yönetilmiyor) — kullanıcının istemediği
   "üzerine gelince altı çizili" davranışın kaynağı buydu, kaldırıldı. site-overrides.css
   CSS zincirinde EN SONDA yüklendiği için aynı seçici + !important ile kazanıyor. */
.sablon2-level-menu-left-item-h{border-bottom:2px solid #002b5e !important;padding-bottom:10px !important}
.sablon2-level-menu-left-item-s{transition:color .15s ease,transform .15s ease}
.sablon2-level-menu-left-item-s:hover{text-decoration:none !important;color:#002b5e !important;transform:translateX(3px)}

/* 7) Ürün Detay: Kargo/Teslimat Bilgi Rozetleri — "Aynı Gün Kargo/Ücretsiz Kargo/
   Ek Açıklama" (.urun-detay-sag-alan-ek-bilgiler-box) ve "Kargo Ücreti/Ücretsiz
   Kargo Limiti" (.kargoucret-detay-div/.limitdetay-div) iki AYRI, birbirinden
   bağımsız PHP koşuluyla (products_detail.php) render ediliyor — biri her zaman
   render olmayabilir, biri olabilir, DOM'da birleştirmek riskli olurdu. Bunun
   yerine üçüne de AYNI "rozet/pill" görünümü verildi (yuvarlak köşe, ince gri
   çerçeve, tutarlı boşluk) — hangileri render olursa olsun TEK bir tutarlı satır
   gibi görünüyorlar, kutulu/dağınık/keskin köşeli eski hal ortadan kalktı. PHP
   koşulları HİÇ değişmedi, sadece görünüm birleştirildi + .limitdetay-div'e
   (eskiden ikonsuzdu) etiket ikonu eklendi (products_detail.php). */
.urun-detay-sag-alan-ek-bilgiler{gap:8px !important;margin:0 0 8px 0 !important}
.urun-detay-kargo-satir{gap:8px !important;margin:0 0 8px 0 !important}
.urun-detay-sag-alan-ek-bilgiler-box,
.kargoucret-detay-div,
.limitdetay-div{
    display:inline-flex !important;
    align-items:center;
    background:#f8fafc !important;
    border:1px solid #e2e8f0 !important;
    border-radius:50px !important;
    padding:9px 16px !important;
    font-size:13px !important;
    font-weight:500;
    color:#334155 !important;
    margin:0 !important;
}
.urun-detay-sag-alan-ek-bilgiler-box i,
.kargoucret-detay-div i,
.limitdetay-div i{
    color:#002b5e;
    font-size:15px !important;
    margin-right:7px;
}

/* 8) Ürün Detay: Adet + Sepete Ekle + WhatsApp + Teklif İsteyin satırı — üçü de
   aynı yuvarlak köşe + hover kaldırma efektine kavuşturuldu (form submit/adet
   stepper/whatsapp linki/teklif modalı JS+PHP mantığı hiç değişmedi). Sepete
   Ekle butonunun aşırı geniş iç boşluğu (70px) diğer iki butonla (35px) tutarsız
   duruyordu, dengelendi (40px). Teklif butonunun ikonu (products-detail-sepete-
   ekle.php'de zaten mevcut, sadece boşluğu yoktu) WhatsApp ikonuyla aynı boşluğa
   kavuşturuldu. */
.quantity input{border-radius:10px !important}
.urun-detay-sag-alan-sepet-box button{
    border-radius:10px !important;
    padding:0 40px !important;
    gap:8px;
    box-shadow:0 2px 8px rgba(0,43,94,.15) !important;
    transition:transform .15s ease,box-shadow .15s ease !important;
}
.urun-detay-sag-alan-sepet-box button:hover{
    transform:translateY(-2px);
    box-shadow:0 6px 16px rgba(0,43,94,.22) !important;
}
.urun-detay-sag-alan-sepet-box-wp,
.urun-detay-sag-alan-sepet-box-teklif{
    border-radius:10px !important;
    transition:transform .15s ease,box-shadow .15s ease !important;
}
.urun-detay-sag-alan-sepet-box-wp{box-shadow:0 2px 8px rgba(47,186,71,.2) !important}
.urun-detay-sag-alan-sepet-box-wp:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(47,186,71,.3) !important}
.urun-detay-sag-alan-sepet-box-teklif{box-shadow:0 2px 8px rgba(245,158,11,.2) !important}
.urun-detay-sag-alan-sepet-box-teklif:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(245,158,11,.3) !important}
.urun-detay-sag-alan-sepet-box-teklif i{font-size:20px;margin-right:9px}

/* 9) Üyelik Dropdown'ı (Üyelik ikonu → ÜYE GİRİŞİ YAP / HEMEN ÜYE OL) —
   duago.bitakaslacloud.com'da uygulanan aynı düzeltme, test'in navy renginde:
   mavi(#558cff)+yeşil(#2fba47) karışık ikili renk kaldırıldı, ikisi de TEK
   navy ailesine çevrildi (giriş=dolu, üye ol=outline — aynı renk, farklı
   ağırlık), köşeler yuvarlatıldı, garip box-shadow kaldırıldı, metin kesin
   ortalandı. Alt link listesi (Karşılaştırma/Favori/Bildirim) düz metinden
   hover'da navy renk+kayma efektli modern listeye kavuşturuldu. */
.dropdown-user-area-header .button-blue{background:#002b5e !important;border-color:#002b5e !important}
.dropdown-user-area-header .button-blue:hover{background:#00224b !important;border-color:#00224b !important}
.dropdown-user-area-header .button-green{background:#fff !important;color:#002b5e !important;border-color:#002b5e !important}
.dropdown-user-area-header .button-green:hover{background:#002b5e !important;color:#fff !important}
.dropdown-user-area-header a{
    border-radius:10px !important;
    box-shadow:none !important;
    text-align:center !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}
.user-drop{border-radius:16px !important}
.dropdown-user-area-link-area a{
    padding:10px 4px !important;
    border-bottom:1px solid #f1f5f9 !important;
    color:#1e2430 !important;
    transition:color .15s ease,padding-left .15s ease;
}
.dropdown-user-area-link-area a:last-child{border-bottom:none !important}
.dropdown-user-area-link-area a:hover{color:#002b5e !important;padding-left:8px !important}
.dropdown-user-area-link-area a i{color:#002b5e}

/* 10) Sepet Dropdown'ı (Sepetiniz ikonu, boş sepet durumu) — üyelik modalıyla
   AYNI kart tasarımına getirildi: kesikli/dashed gri kutu yerine solid
   çerçeve + hafif gri arka plan, köşeler yuvarlak. */
.cart-drop{border-radius:16px !important;padding:20px !important}
.dropdown-cart-noitem{
    border:1px solid #eef1f6 !important;
    border-radius:12px !important;
    background:#f8fafc;
    padding:32px 16px !important;
}
.dropdown-cart-noitem i{color:#002b5e;font-size:32px}

/* 11) Hesabım — Favori Ürünlerim sayfası (+ aynı .user_subpage_account_content
   deseniyle paylaşılan diğer hesabım alt sayfaları: siparişler/ayarlar vb.) —
   pembe/siyah renk paleti ve düz/kalın-kenarlıklı kutulardan, site genelindeki
   navy + yuvarlak kart diline kavuşturuldu. Not: .button-blue/.button-green/
   .button-black-out/.button-pink sitede 40+ farklı sayfada (checkout/blog/
   pricing/sipariş vb.) genel amaçlı CTA renk sınıfları olarak kullanılıyor —
   buradaki düzeltme SADECE favoriler sayfasının kendi buton alanına
   (.user_subpage_favorites_nologin_buttons) scope'landı, sitenin geri
   kalanındaki kullanımlarına dokunulmadı. */
.user_page_header_subpage{border-radius:10px !important;border-color:#e2e8f0 !important}
.user_subpage_favorites_content,
.user_subpage_account_content{
    border-radius:14px !important;
    border-color:#e2e8f0 !important;
    box-shadow:0 2px 12px rgba(20,10,40,.04);
}
.user_subpage_favorites_nologin i,
.user_subpage_favorites_noitems i{color:#002b5e !important}
.user_subpage_favorites_nologin_buttons .button-black-out{border-color:#002b5e !important;color:#002b5e !important;border-radius:10px !important}
.user_subpage_favorites_nologin_buttons .button-black-out:hover{background-color:#002b5e !important;color:#fff !important}
.user_subpage_favorites_nologin_buttons .button-pink{background-color:#002b5e !important;border-color:#002b5e !important;border-radius:10px !important}
.user_subpage_favorites_nologin_buttons .button-pink:hover{background-color:#00224b !important;border-color:#00224b !important}
.user_subpage_favorites_box{
    border:1px solid #eef1f6 !important;
    border-radius:14px !important;
    transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;
}
.user_subpage_favorites_box:hover{
    border-color:#002b5e !important;
    transform:translateY(-3px);
    box-shadow:0 8px 20px rgba(20,10,40,.1);
}
.user_subpage_favorites_box_icon{background-color:#002b5e !important}
.user_subpage_favorites_box_img img{border-radius:8px}

/* 12) Kategori / İndirim Kulübü listeleme sayfası — cat_detail.php TÜM kategori
   sayfalarıyla (indirim-kulubu dahil, o da sadece bu şablonu kullanan bir
   "kategori") paylaşılan tek şablon; buradaki düzeltme otomatik olarak site
   genelindeki her kategori sayfasına da yayılıyor. Sol filtre kutusu ve üst
   araç çubuğu düz/çerçevesizdi, navy+yuvarlak kart diline kavuşturuldu; sıralama
   seçimi eskiden border-radius:0 (keskin köşe) idi; "Sonuç Bulunamadı" kutusu
   kesikli/dashed çerçeveden diğer boş-durum kutularıyla (favoriler/sepet) AYNI
   tasarıma getirildi; onay kutusu (checkbox) rengi off-brand mavi (#5F79AF)
   idi, navy'e çevrildi. */
.cat-left-box-main{
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:14px;
    padding:20px;
    box-sizing:border-box;
}
.custom-control-input:checked~.custom-control-label::before{
    border-color:#002b5e !important;
    background-color:#002b5e !important;
}
.cat-right-elements{
    border:1px solid #e2e8f0 !important;
    border-radius:14px !important;
}
.cat-right-elements-right-siralama select,
.nice-select-cat-detail{
    border-radius:10px !important;
    border-color:#e2e8f0 !important;
}
.cat-right-elements-right-siralama select:focus{
    border-color:#002b5e !important;
    outline:none;
}
.category-detail-no-product-alert{
    width:100% !important;
    border:1px solid #eef1f6 !important;
    border-radius:14px !important;
    background:#f8fafc !important;
    padding:36px 20px !important;
    text-align:center;
    color:#334155 !important;
    display:flex;
    flex-direction:column;
    align-items:center;
}
.category-detail-no-product-alert i{
    color:#002b5e;
    font-size:32px;
    margin-bottom:10px;
}

/* ============================================================
   GEZEN (SABİT/FLOATING) MENÜ — 2026-08-16
   Mevcut .top-level-menu-main-div (Tüm Kategoriler + kategori
   bar) JS ile klonlanıp sayfa kaydırıldığında üstte sabit
   kalan bir kopya olarak gösteriliyor. Orijinal header'a HİÇ
   dokunulmuyor — bu blok sadece klonun sarmalayıcısını (#btFloatingMenu)
   stilliyor.
   ============================================================ */
#btFloatingMenu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 950;
    background: #ffffff;
    box-shadow: 0 4px 18px rgba(20,10,40,.10);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-100%);
    transition: transform .32s ease, opacity .32s ease, visibility .32s;
    pointer-events: none;
}
#btFloatingMenu.bt-floating-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}
#btFloatingMenu .top-level-menu-main-div-in {
    margin: 8px auto !important;
}

/* ============================================================
   GÜVEN ROZETLERİ (Ticaret Bilgi Kutuları) — mobil düzeltme + eşit boşluk
   2026-08-16 — KRİTİK NOT: assets/css/modules_style.css (home-modules-stil.php)
   bu dosyadan SONRA yükleniyor (header'da site-overrides.css → modules_style.css
   sırasıyla, tersi değil) — yani sadece ".ticaret-kutulari-inside{...}" yazmak
   YETMEZ, modules_style.css'teki "!important" kural her zaman kazanır (kaynak
   sırası aynı specificity'de sonradan geleni kazandırır). Bu yüzden burada
   DAHA YÜKSEK specificity kullanılıyor ("body " öneki eklenerek) — specificity
   kaynak sırasından ÖNCE karşılaştırılır, böylece dosya sırası ne olursa olsun
   bu kural kazanır.
   ============================================================ */
body .ticaret-kutulari-main-div {
    margin-top: 40px !important;
}
@media (max-width: 768px) {
    /* modules_style.css: flex-wrap:nowrap !important 5 kutuyu HER ZAMAN
       tek satirda tutmaya zorluyordu — 390px genislikte kutu basina ~78px
       kaliyor, ikon+metin ust uste biniyordu. 2 sutuna sarilmasina izin
       veriliyor. */
    body .ticaret-kutulari-inside {
        flex-wrap: wrap !important;
    }
    body .ticaret-kutulari-inside .ticaret-kutu-box {
        flex: 1 1 50% !important;
        width: 50% !important;
        box-sizing: border-box;
        padding: 16px 12px !important;
        border-right: 1px solid #dde3ec !important;
        border-bottom: 1px solid #dde3ec;
    }
    body .ticaret-kutulari-inside .ticaret-kutu-box:nth-child(2n) {
        border-right: none !important;
    }
    body .ticaret-kutulari-inside .ticaret-kutu-box:last-child {
        border-right: none !important;
        border-bottom: none;
    }
    body .ticaret-kutulari-inside .ticaret-kutu-box-i {
        font-size: 28px !important;
        margin-right: 10px !important;
        /* 2026-08-17: assets/css/responsive/mobile.css'te BAŞKA bir eski
           breakpoint'te ".ticaret-kutu-box-i{text-align:center;width:100%}"
           tanımı var — bu satırlar burada hiç ezilmediği için (yukarıdaki
           kural sadece font-size/margin-right belirliyordu) tek başına
           uygulanmaya devam ediyordu: ikon "width:100%" alıp satırın
           TAMAMINI kaplıyor, yanındaki metni alta itiyordu — "çizgiler
           kaymış, farklı farklı dikey hizalamalar" hissinin asıl kaynağı
           buydu. İkon artık kendi doğal genişliğinde, metnin solunda. */
        width: auto !important;
        text-align: left !important;
        flex-shrink: 0;
    }
    body .ticaret-kutulari-inside .ticaret-kutu-box {
        justify-content: flex-start !important;
    }
    body .ticaret-kutulari-inside .ticaret-kutu-box-text {
        text-align: left !important;
    }
}

/* ============================================================
   KURULUM HİZMETİ — mobil düzeltme (2026-08-17)
   Kaynak CSS (.kurulum-hizmeti-*) includes/template/helper/
   home-modules-stil.php içinde ÜRETİLİYOR (assets/css/modules_style.css'e
   .htaccess ile rewrite ediliyor) — o dosyaya DOKUNMADAN, aynı yüksek
   specificity ("body " öneki) mantığıyla burada override ediliyor.
   2 gerçek sorun:
   1) .kurulum-hizmeti-buton (Hizmet Detaylarını İncele) mobilde hiç
      responsive kural almamıştı, masaüstündeki gibi içeriğe göre dar/
      ortalanmamış kalıyordu — artık tam genişlik, ortalanmış.
   2) .kurulum-hizmeti-main-div'in masaüstü için ayarlanmış 40px dikey
      padding'i + banner'ın kendi iç padding'i dar ekranda gereksiz boşluk/
      taşma hissi yaratıyordu — ikisi de küçültüldü, overflow:hidden banner'a
      açıkça (defensive) tekrar yazıldı.
   NOT (2026-08-17, takip): eskiden burada bir 3. madde daha vardı —
   .kurulum-hizmeti-checklist/-checklist-item mobil sarma düzeltmesi.
   O class'lar artık HTML'de yok (statik checklist, kendi ayrı bölümüne
   taşınan kayan-yazı/marquee ile değiştirildi — bkz. home-modules-stil.php
   ".kurulum-hizmeti-lab-turleri-*" bloğu, kendi mobil @media kuralları
   orada), bu yüzden orphan kalan 2 kural burada kaldırıldı.
   ============================================================ */
@media screen and (max-width: 767px) {
    body .kurulum-hizmeti-main-div {
        padding: 24px 0 !important;
    }
    body .kurulum-hizmeti-banner {
        overflow: hidden !important;
        border-radius: 16px !important;
        padding: 24px 18px !important;
    }
    body .kurulum-hizmeti-buton {
        display: flex !important;
        width: 100% !important;
        justify-content: center !important;
        box-sizing: border-box;
    }
}

/* ============================================================
   GÜVEN ROZETLERİ + KURULUM HİZMETİ — mobilde SİTENİN GENELİNDE
   KULLANILAN standart yan boşlukla aynı hizaya getirme (2026-08-17,
   son/doğru düzeltme). ÖNCEKİ 2 deneme YANLIŞTI: kullanıcı netleştirdi
   ki Slider'da hiç sorun yok, tam tersine SORUN benim width:100% +
   margin:0 zorlamamdı — bu, kartları sitenin HER YERİNDE olan standart
   yan boşluktan MAHRUM bırakıp ekranın tam kenarına ("siteye bitişik")
   yapıştırıyordu. Sitenin kendi standart içerik genişliği class'ı
   style.css'te zaten tanımlı: ".main-body-2{width:90%;margin:0 auto}"
   (kategori/ürün gibi diğer sayfalarda kullanılan gerçek site
   konvansiyonu). Bu iki bölüme AYNI formül (90% + ortalanmış)
   uygulanıyor — border-radius'a da artık DOKUNULMUYOR (önceki "düz
   köşe" denemesi kök nedeni değildi, geri alındı). */
@media screen and (max-width: 767px) {
    body .ticaret-kutulari-main-div {
        width: 90% !important;
        max-width: 90% !important;
        margin: 40px auto 0 !important;
        box-sizing: border-box !important;
    }
    body .kurulum-hizmeti-main-div {
        width: 90% !important;
        max-width: 90% !important;
        margin: 0 auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }
}