/*
Theme Name: Baghashtag Özel Tema
Theme URI: https://baghashtag.com
Author: Baghashtag Dev Team
Description: Baghashtag markası için sıfırdan yazılmış; şifresiz, gereksiz kodlardan arındırılmış, süper hızlı ve tamamen özel e-ticaret teması.
Version: 1.0.0
Text Domain: baghashtag
*/

/* --- TEMEL AYARLAR --- */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

body {
    font-family: 'Poppins', sans-serif;
    background-color: #fafafa;
    color: #1e272e;
    margin: 0;
    padding: 0;
}

/* ==========================================================================
   BAGHASHTAG ÖZEL WOOCOMMERCE TASARIMI (UI/UX)
   ========================================================================== */

/* 1. TEKİL ÜRÜN SAYFASI YERLEŞİMİ */
.bh-woocommerce-container div.product {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 40px !important;
    align-items: flex-start;
}

.bh-woocommerce-container div.product .woocommerce-product-gallery,
.bh-woocommerce-container div.product .summary.entry-summary {
    width: 48% !important;
    float: none !important;
    margin-bottom: 30px;
}

.woocommerce-product-gallery figure { margin: 0; }
.woocommerce-product-gallery__wrapper { display: flex; flex-direction: column; gap: 10px; }
.woocommerce-product-gallery__image img { width: 100%; height: auto; border-radius: 8px; border: 1px solid #eee; }

/* 2. MAĞAZA (IZGARA) YERLEŞİMİ */
.bh-woocommerce-container ul.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
    gap: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.bh-woocommerce-container ul.products li.product {
    width: 100% !important;
    margin: 0 !important;
    text-align: center;
    background: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 12px;
    padding: 15px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.bh-woocommerce-container ul.products li.product:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.05);
}

.bh-woocommerce-container ul.products li.product img {
    border-radius: 8px;
    margin-bottom: 15px;
}

/* 3. İNDİRİM ROZETİ (SALE BADGE) */
.bh-woocommerce-container span.onsale {
    background-color: #1e272e !important;
    color: #fff !important;
    font-weight: 600 !important;
    padding: 5px 12px !important;
    border-radius: 20px !important;
    min-height: auto !important;
    min-width: auto !important;
    line-height: 1 !important;
    font-size: 12px !important;
    top: 10px !important;
    right: 10px !important;
    left: auto !important;
}

/* ==========================================================================
   BAGHASHTAG PREMIUM BUTON, FİYAT VE MİKTAR KUTUSU TASARIMI
   ========================================================================== */

/* Fiyatı daha belirgin ve şık yap */
.bh-woocommerce-container .price {
    color: #1e272e !important; /* Asil Koyu Gri */
    font-size: 24px !important;
    font-weight: 800 !important;
    letter-spacing: -0.5px;
    margin-bottom: 25px !important;
    display: block;
}

.bh-woocommerce-container .price del {
    color: #a4b0be !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    margin-right: 10px;
}

.bh-woocommerce-container .price ins {
    text-decoration: none !important;
    color: #ff4757 !important; /* İndirimli fiyat Baghashtag Kırmızısı */
}

/* MAĞAZA İÇİ FİYATLAR BİRAZ DAHA KÜÇÜK OLSUN */
.bh-woocommerce-container ul.products li.product .price {
    font-size: 18px !important;
    margin-bottom: 15px !important;
}

/* GENEL SEPETE EKLE BUTONLARI */
.bh-woocommerce-container .button,
.bh-woocommerce-container button.button,
.bh-woocommerce-container button.single_add_to_cart_button {
    background-color: #ff4757 !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    padding: 16px 35px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    font-family: 'Poppins', sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border: none !important;
    transition: all 0.3s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 15px rgba(255, 71, 87, 0.3) !important;
    cursor: pointer;
    text-decoration: none !important;
}

.bh-woocommerce-container .button:hover,
.bh-woocommerce-container button.button:hover,
.bh-woocommerce-container button.single_add_to_cart_button:hover {
    background-color: #1e272e !important;
    box-shadow: 0 6px 20px rgba(30, 39, 46, 0.4) !important;
    transform: translateY(-2px);
    color: #ffffff !important;
}

/* MAĞAZA LİSTESİNDEKİ BUTON BİRAZ DAHA KÜÇÜK OLSUN */
.bh-woocommerce-container ul.products li.product .button {
    padding: 10px 20px !important;
    font-size: 14px !important;
    width: 100% !important; /* Buton tam genişlikte olsun */
}

/* Adet (Miktar) Kutusu Tasarımı */
.bh-woocommerce-container div.quantity {
    display: inline-flex !important;
    margin-right: 15px !important;
}

.bh-woocommerce-container .quantity input.qty {
    width: 70px !important;
    height: 55px !important;
    border: 2px solid #eeeeee !important;
    border-radius: 8px !important;
    background-color: #fafafa !important;
    color: #1e272e !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    font-family: 'Poppins', sans-serif !important;
    text-align: center !important;
    padding: 0 !important;
    transition: border-color 0.3s !important;
    -moz-appearance: textfield;
}

.bh-woocommerce-container .quantity input.qty:focus {
    border-color: #ff4757 !important;
    outline: none !important;
    background-color: #ffffff !important;
}

.bh-woocommerce-container .quantity input.qty::-webkit-outer-spin-button,
.bh-woocommerce-container .quantity input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* MOBİL UYUM */
@media (max-width: 768px) {
    .bh-woocommerce-container div.product .woocommerce-product-gallery,
    .bh-woocommerce-container div.product .summary.entry-summary {
        width: 100% !important;
    }
    
    /* Mobilde miktar kutusu ve butonu yan yana sığdırmak için */
    .bh-woocommerce-container div.quantity { margin-bottom: 15px !important; }
}
/* -------------------------------------------------------------
   BAGHASHTAG - JİLET GİBİ HİZALAMA VE DÜZELTMELER
------------------------------------------------------------- */

/* 1. Izgaradaki (Grid) İlk Sıra Boşluğu Hatasını Düzelt */
.bh-woocommerce-container ul.products::before,
.bh-woocommerce-container ul.products::after {
    content: none !important;
    display: none !important;
}

/* 2. İndirim Rozeti (Sale) Resmi Ortalasın */
.bh-woocommerce-container div.product { position: relative; }
.bh-woocommerce-container span.onsale {
    position: absolute !important;
    top: 15px !important;
    left: 15px !important; /* Sola aldım ki ismin üstüne binmesin */
    right: auto !important;
    margin: 0 !important;
    z-index: 99 !important;
}

/* 3. Miktar Kutusu ve Sepete Ekle Butonu Tam Hizalama */
.bh-woocommerce-container form.cart {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    margin-bottom: 30px !important;
}

.bh-woocommerce-container div.quantity { margin: 0 !important; }

/* Miktar Kutusunun Yüksekliğini Butona Eşitle, Okları (Spinner) Geri Getir */
.bh-woocommerce-container .quantity input.qty {
    box-sizing: border-box !important;
    height: 52px !important; /* Butonla aynı boy */
    width: 70px !important;
    padding: 0 5px !important;
    /* Okları gizleyen eski kodları CSS dosyasından sildiğimiz için oklar geri gelecek */
}

/* 4. Mağaza Kataloğu - Simetrik Ürün Kutuları (Eşit Yükseklik) */
.bh-woocommerce-container ul.products li.product {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* Başlık Uzunluğunu Sabitle (Maksimum 2 satır göster, gerisini ... yap) */
.bh-woocommerce-container ul.products li.product .woocommerce-loop-product__title {
    font-size: 14px !important;
    line-height: 1.4 !important;
    height: 38px !important; /* Tam 2 satır yüksekliği */
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    margin-bottom: 10px !important;
}

/* Sepete Ekle Butonunu Hep En Alta İt ve Yazıyı Sığdır */
.bh-woocommerce-container ul.products li.product .button {
    margin-top: auto !important; /* Kutu ne kadar uzun olursa olsun butonu alta yaslar */
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 12px 5px !important;
    font-size: 13px !important;
    text-align: center !important;
    white-space: normal !important; /* Uzun kelimeleri alt satıra indirir */
}

/* 5. Mobilde Filtre Alanı Düzenlemesi */
@media (max-width: 768px) {
    .bh-shop-sidebar { width: 100% !important; }
    .bh-shop-products { width: 100% !important; }
}
/* -------------------------------------------------------------
   BAGHASHTAG - RENK, BAŞLIK VE KARGO MODÜLÜ DÜZELTMELERİ
------------------------------------------------------------- */

/* 1. Tüm Ürün Başlıklarını Siyah Yap (#1e272e) */
.bh-woocommerce-container ul.products li.product .woocommerce-loop-product__title,
.bh-woocommerce-container .product_title,
.bh-woocommerce-container .woocommerce-loop-category__title {
    color: #1e272e !important;
    font-family: 'Poppins', sans-serif !important;
}

/* Kategori Yolunu (Breadcrumb) da Siyah Yap */
.bh-woocommerce-container .woocommerce-breadcrumb {
    color: #1e272e !important;
}
.bh-woocommerce-container .woocommerce-breadcrumb a {
    color: #1e272e !important;
    opacity: 0.8;
    text-decoration: none !important;
}

/* 2. Sıkışan Kargo Modülünü Düzelt */
/* Kargo modülünü ürün detayının flex düzeninden koparıp alta yaslıyoruz */
.bh-woocommerce-container div.product #special-shipping-counter {
    width: 100% !important;
    float: none !important;
    clear: both !important;
    margin-top: 30px !important;
    background: #fff !important;
    border: 1px solid #eee !important;
    border-radius: 12px !important;
    padding: 20px !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.02) !important;
}

/* 3. İndirim Rozetini (Onsale) da Siyah Yap */
.bh-woocommerce-container span.onsale {
    background-color: #1e272e !important;
}
/* -------------------------------------------------------------
   BAGHASHTAG - FİLTRE VE RENK BİLEŞENLERİ DÜZELTMELERİ
------------------------------------------------------------- */

/* 1. Filtre Alanını Mağazaya Sığdır */
.bh-woocommerce-container div.product #bh-shipping-container,
.bh-woocommerce-container div.product #bh-designer-container {
    width: 100% !important;
}

.bh-shop-sidebar .bh-widget ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.bh-shop-sidebar .bh-widget ul li {
    font-size: 14px !important;
    margin-bottom: 10px !important;
}

.bh-shop-sidebar .bh-widget ul li a {
    color: #1e272e !important;
    text-decoration: none !important;
    opacity: 0.9;
}

.bh-shop-sidebar .bh-widget ul li a:hover {
    color: #ff4757 !important;
}

/* 2. Renk Filtrelerini Yan Yana Seçilebilir Yap (Eğer Attribute Filtre Kullanıyorsan) */
.bh-shop-sidebar .bh-widget ul.woocommerce-widget-layered-nav-list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

.bh-shop-sidebar .bh-widget ul.woocommerce-widget-layered-nav-list li {
    margin: 0 !important;
}

.bh-shop-sidebar .bh-widget ul.woocommerce-widget-layered-nav-list li a {
    display: inline-block !important;
    border: 1px solid #eee !important;
    padding: 5px 12px !important;
    border-radius: 20px !important;
    font-size: 13px !important;
    background: #fafafa;
}

.bh-shop-sidebar .bh-widget ul.woocommerce-widget-layered-nav-list li a:hover {
    border-color: #ff4757 !important;
    background: #fff;
}

/* -------------------------------------------------------------
   BAGHASHTAG - ÖZEL MODÜL YERLEŞİM DÜZELTMELERİ (TOPTAN VE TASARIM)
------------------------------------------------------------- */
/* Toptan Fiyat Modülünü ve Super Studio'yu alta yasla ve tam genişlik yap */
.bh-woocommerce-container div.product #bh-wholesale-price-wrap,
.bh-woocommerce-container div.product #designer-button-container {
    width: 100% !important;
    float: none !important;
    clear: both !important;
    margin-top: 30px !important;
    background: #fff !important;
    border: 1px solid #eee !important;
    border-radius: 12px !important;
    padding: 25px !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.02) !important;
}
/* ==========================================================================
   BAGHASHTAG FIGMA DESIGN - HEADER & TOP BAR
   ========================================================================== */

.bh-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Siyah Üst Bar */
.bh-top-bar {
    background-color: #000000;
    color: #ffffff;
    text-align: center;
    padding: 10px 0;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.5px;
}
.bh-top-bar p { margin: 0; }

/* Ana Header */
.bh-main-header {
    background-color: #ffffff;
    border-bottom: 1px solid #f5f5f5;
    padding: 20px 0 0 0;
}

.bh-header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
}

.bh-header-left, .bh-header-right {
    flex: 1;
    display: flex;
    align-items: center;
}

.bh-header-left { justify-content: flex-start; }
.bh-header-right { justify-content: flex-end; gap: 20px; }

/* Logo Alanı */
.bh-header-center {
    flex: 2;
    text-align: center;
}
.bh-logo-text {
    font-size: 32px;
    font-weight: 800;
    color: #000000;
    text-decoration: none;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.bh-header-center img {
    max-height: 50px;
    width: auto;
}

/* İkonlar */
.bh-icon-link {
    color: #000000;
    display: inline-flex;
    align-items: center;
    position: relative;
    transition: opacity 0.3s ease;
}
.bh-icon-link:hover { opacity: 0.6; }

/* Sepet Sayacı (Badge) */
.bh-cart-count {
    position: absolute;
    top: -8px;
    right: -8px;
    background-color: #000000;
    color: #ffffff;
    font-size: 10px;
    font-weight: 700;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Navigasyon (Menü) */
.bh-main-navigation {
    text-align: center;
    padding: 15px 0;
}
.bh-menu-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    gap: 40px;
}
.bh-menu-list li a {
    color: #000000;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-bottom: 5px;
    position: relative;
}

/* Menü Alt Çizgi Efekti (Hover) */
.bh-menu-list li a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 2px;
    background-color: #000000;
    transition: width 0.3s ease;
}
.bh-menu-list li a:hover::after { width: 100%; }

/* Ana İçerik Boşluğu */
.bh-site-main {
    padding: 40px 0;
    min-height: 60vh;
}
/* ==========================================================================
   BAGHASHTAG FIGMA DESIGN - FOOTER
   ========================================================================== */

.bh-main-footer {
    background-color: #000000;
    color: #ffffff;
    padding: 80px 0 30px 0;
    margin-top: 60px;
    font-family: 'Poppins', sans-serif;
}

.bh-footer-top {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 50px;
    margin-bottom: 60px;
}

/* Sol Taraf: Logo ve Abonelik */
.bh-footer-left {
    flex: 1;
    min-width: 300px;
    max-width: 400px;
}

.bh-footer-logo {
    font-size: 36px;
    font-weight: 800;
    letter-spacing: 2px;
    margin: 0 0 30px 0;
    line-height: 1;
}

.bh-newsletter-box p {
    font-size: 13px;
    color: #a0a0a0;
    margin-bottom: 15px;
}

.bh-newsletter-form {
    display: flex;
    border-bottom: 1px solid #333;
    padding-bottom: 5px;
    margin-bottom: 30px;
}

.bh-newsletter-form input {
    background: transparent;
    border: none;
    color: #ffffff;
    flex: 1;
    font-size: 14px;
    outline: none;
    font-family: 'Poppins', sans-serif;
}

.bh-newsletter-form input::placeholder {
    color: #666;
}

.bh-newsletter-form button {
    background: transparent;
    border: none;
    color: #ffffff;
    font-size: 20px;
    cursor: pointer;
    padding: 0 10px;
    transition: transform 0.3s ease;
}

.bh-newsletter-form button:hover {
    transform: translateX(5px);
}

.bh-social-links {
    display: flex;
    gap: 20px;
}

.bh-social-links a {
    color: #ffffff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: color 0.3s ease;
}

.bh-social-links a:hover {
    color: #ff4757;
}

/* Sağ Taraf: Link Sütunları */
.bh-footer-right {
    flex: 2;
    display: flex;
    justify-content: flex-end;
    gap: 80px;
    flex-wrap: wrap;
}

.bh-footer-column h4 {
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 25px 0;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.bh-footer-column ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.bh-footer-column ul li {
    margin-bottom: 15px;
}

.bh-footer-column ul li a {
    color: #a0a0a0;
    text-decoration: none;
    font-size: 13px;
    transition: color 0.3s ease;
}

.bh-footer-column ul li a:hover {
    color: #ffffff;
}

/* Alt Şerit (Copyright) */
.bh-footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #1a1a1a;
    padding-top: 30px;
    font-size: 12px;
    color: #666;
}

.bh-footer-bottom p {
    margin: 0;
}

/* Mobilde Footer Düzeni */
@media (max-width: 992px) {
    .bh-footer-top { flex-direction: column; }
    .bh-footer-right { justify-content: flex-start; gap: 40px; }
    .bh-footer-bottom { flex-direction: column; gap: 15px; text-align: center; }
}
/* ==========================================================================
   BAGHASHTAG FIGMA DESIGN - MAĞAZA VİTRİNİ VE ÜRÜN KARTLARI
   ========================================================================== */

/* 1. Izgara Düzeni (Daha ferah aralıklar) */
.bh-woocommerce-container ul.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
    gap: 40px 30px !important;
}

/* 2. Premium Çerçevesiz Ürün Kartı */
.bh-woocommerce-container ul.products li.product {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
    position: relative;
    transition: transform 0.3s ease !important;
}

/* Hafif yukarı kalkma efekti */
.bh-woocommerce-container ul.products li.product:hover {
    transform: translateY(-5px) !important;
    box-shadow: none !important;
}

/* 3. Ürün Görseli (Sıfır kavis, tam keskin hatlar) */
.bh-woocommerce-container ul.products li.product img {
    border-radius: 0 !important; 
    margin-bottom: 20px !important;
    border: none !important;
    width: 100%;
    object-fit: cover;
}

/* 4. Kalp (Favori) İkonu Tasarımı */
.bh-wishlist-icon {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 10;
    background: #ffffff;
    color: #000000;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}

.bh-wishlist-icon:hover {
    background: #ff4757;
    color: #ffffff;
    transform: scale(1.1);
}

/* 5. Figma Tipografisi: Ürün Başlığı */
.bh-woocommerce-container ul.products li.product .woocommerce-loop-product__title {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #000000 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 8px !important;
    text-align: left !important; /* Figma'daki gibi sola yaslı */
}

/* 6. Figma Tipografisi: Fiyat */
.bh-woocommerce-container ul.products li.product .price {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #000000 !important;
    text-align: left !important; /* Sola yaslı */
    margin-bottom: 15px !important;
}

.bh-woocommerce-container ul.products li.product .price ins {
    color: #ff4757 !important; /* İndirimli fiyat kırmızısı */
    font-weight: 700 !important;
}

/* 7. Sepete Ekle Butonu (Mağaza İçi - Siyah & Keskin) */
.bh-woocommerce-container ul.products li.product .button {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-radius: 0 !important; /* Keskin köşeler */
    padding: 12px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    width: 100% !important;
    box-shadow: none !important;
}

.bh-woocommerce-container ul.products li.product .button:hover {
    background-color: #ff4757 !important; /* Hover'da Baghashtag kırmızısı */
}
/* ==========================================================================
   BAGHASHTAG FIGMA DESIGN - ÜRÜN DETAY SAYFASI
   ========================================================================== */

/* 1. Galeri ve Bilgi Alanı Oranları (Figma'daki gibi sol geniş, sağ dar) */
.bh-woocommerce-container div.product {
    gap: 50px !important; /* Aradaki boşluğu artırdık */
}

.bh-woocommerce-container div.product .woocommerce-product-gallery {
    width: 55% !important; /* Fotoğraf daha devasa */
}

.bh-woocommerce-container div.product .summary.entry-summary {
    width: 40% !important; /* Bilgi alanı daha derli toplu */
}

/* 2. Galeri Küçük Resimleri (Thumbnails) Figma Stili */
.woocommerce-product-gallery__wrapper {
    display: flex;
    flex-direction: row; /* Küçük resimleri alta diz */
    flex-wrap: wrap;
    gap: 15px;
}
/* Ana Resim */
.woocommerce-product-gallery__image:first-child {
    width: 100%;
}
/* Küçük Resimler */
.woocommerce-product-gallery__image:not(:first-child) {
    width: calc(25% - 12px); /* 4 tane yan yana sığsın */
}

.woocommerce-product-gallery__image img {
    border-radius: 0 !important; /* Keskin köşeler */
    border: none !important;
}

/* 3. Ürün Başlığı ve Fiyat (Figma Tipografisi) */
.bh-woocommerce-container div.product .product_title {
    font-size: 28px !important;
    font-weight: 800 !important;
    color: #000000 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-bottom: 10px !important;
}

.bh-woocommerce-container div.product .price {
    font-size: 22px !important;
    font-weight: 500 !important;
    color: #000000 !important;
    margin-bottom: 30px !important;
}

/* 4. Butonlar ve Miktar Kutusu (Keskin ve Siyah) */
.bh-woocommerce-container div.product form.cart {
    margin-bottom: 40px !important;
}

.bh-woocommerce-container .quantity input.qty {
    border-radius: 0 !important; /* Keskin köşeler */
    border: 1px solid #000000 !important;
    background: #ffffff !important;
    color: #000000 !important;
}

.bh-woocommerce-container button.single_add_to_cart_button {
    border-radius: 0 !important; /* Keskin köşeler */
    background-color: #000000 !important;
    letter-spacing: 2px !important;
    font-weight: 600 !important;
    width: 100% !important; /* Sepete Ekle butonunu ful genişlik yap */
    margin-top: 15px !important;
}
.bh-woocommerce-container button.single_add_to_cart_button:hover {
    background-color: #ff4757 !important;
}

/* 5. Toptan ve Tasarım Modülleri İçin Figma Makyajı */
.bh-woocommerce-container div.product #bh-wholesale-price-wrap,
.bh-woocommerce-container div.product #designer-button-container,
.bh-woocommerce-container div.product #special-shipping-counter {
    border-radius: 0 !important; /* Hepsini keskin köşe yaptık */
    border: 1px solid #eeeeee !important;
    box-shadow: none !important;
}

/* 6. Akordeon (Açılır/Kapanır) Yapısı Figma Tasarımı */
.bh-product-accordion-wrapper {
    margin-top: 40px;
    border-top: 1px solid #000000;
}

.bh-accordion-item {
    border-bottom: 1px solid #eeeeee;
}

.bh-accordion-header {
    width: 100%;
    background: transparent;
    border: none;
    padding: 20px 0;
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    color: #000000;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: 'Poppins', sans-serif;
}

.bh-accordion-icon {
    font-size: 18px;
    font-weight: 400;
}

.bh-accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.bh-accordion-inner {
    padding: 0 0 20px 0;
    font-size: 13px;
    line-height: 1.6;
    color: #333333;
}

/* Mobil Uyum */
@media (max-width: 768px) {
    .bh-woocommerce-container div.product .woocommerce-product-gallery,
    .bh-woocommerce-container div.product .summary.entry-summary {
        width: 100% !important;
    }
}
/* ==========================================================================
   BAGHASHTAG FIGMA DESIGN - ÖZEL MODÜLLER (TOPTAN, STÜDYO, KARGO)
   ========================================================================== */

/* 1. KENDİN TASARLA (Super Studio) BUTONU - Figma Stili (İçi Boş Siyah Çerçeve) */
.bh-woocommerce-container div.product #designer-button-container {
    width: 100% !important;
    margin-top: 15px !important;
    margin-bottom: 25px !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

.bh-woocommerce-container #designer-button-container button,
.bh-woocommerce-container #designer-button-container a.button {
    width: 100% !important;
    background-color: #ffffff !important; /* İçi beyaz */
    color: #000000 !important; /* Yazı siyah */
    border: 1px solid #000000 !important; /* Keskin siyah çerçeve */
    border-radius: 0 !important; /* Sıfır kavis */
    padding: 12px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    text-align: center !important;
}

/* Üzerine gelince siyah dolsun (Hover) */
.bh-woocommerce-container #designer-button-container button:hover,
.bh-woocommerce-container #designer-button-container a.button:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* 2. TOPTAN FİYAT TABLOSU (Wholesale) - Figma Minimalizmi */
.bh-woocommerce-container div.product #bh-wholesale-price-wrap {
    width: 100% !important;
    margin-top: 25px !important;
    margin-bottom: 25px !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

.bh-woocommerce-container table.wholesale_price_table {
    width: 100% !important;
    border-collapse: collapse !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px !important; /* Dar alana sığması için fontu incelttik */
}

.bh-woocommerce-container table.wholesale_price_table th,
.bh-woocommerce-container table.wholesale_price_table td {
    border: 1px solid #eeeeee !important; /* Çok hafif gri çizgi */
    padding: 10px 5px !important;
    text-align: center !important;
    color: #000000 !important;
}

.bh-woocommerce-container table.wholesale_price_table th {
    background-color: #fafafa !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    font-size: 11px !important;
}

/* 3. ÖZEL KARGO SAYACI - Figma Stili */
.bh-woocommerce-container div.product #special-shipping-counter {
    width: 100% !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    padding: 15px !important;
    border: 1px solid #000000 !important; /* Keskin siyah çerçeve */
    border-radius: 0 !important; /* Oval köşeleri kaldırdık */
    background: #ffffff !important;
    box-shadow: none !important;
    font-size: 13px !important;
    color: #000000 !important;
    text-align: center !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
}

/* 4. Sepete Ekle Altındaki Kalabalığı Temizleme */
.bh-woocommerce-container form.cart {
    flex-wrap: wrap !important;
}
/* ==========================================================================
   BAGHASHTAG PREMIUM ÖZEL MODÜL YERLEŞİMİ VE MAKYAJI (KESİN ÇÖZÜM)
   Move modules from narrow summary column to full-width below the product details.
   This rule targets specific plugin-generated IDs and classes to enforce a premium, keskin-cornered style.
   ========================================================================== */

/* 1. Sıkışmış Modülleri Dar Alanından (Summary) Çıkar ve Full Genişlikte Alta At */
.bh-woocommerce-container div.product #special-shipping-counter,
.bh-woocommerce-container div.product #bh-wholesale-price-wrap,
.bh-woocommerce-container div.product #designer-button-container {
    width: 100% !important;
    flex: 0 0 100% !important; /* Flex düzeninde %100 satır kaplamasını zorunlu kılar */
    float: none !important;
    clear: both !important;
    order: 100; /* Tüm ürün detaylarından (galeri, summary vb.) sonraya atar */
    margin-top: 60px !important; /* Ürün detaylarından sonra premium bir boşluk */
    margin-bottom: 0 !important;
    background: #ffffff !important;
    border: 1px solid #000000 !important; /* Figma tarzı ince siyah çerçeve */
    border-radius: 0 !important; /* Oval köşeleri tamamen kaldırdık, jilet gibi keskin */
    padding: 30px !important; /* Premium iç boşluk */
    box-sizing: border-box !important;
    box-shadow: none !important;
    transition: all 0.3s ease;
}

/* Modüllere hafif bir hover efekti (İsteğe bağlı) */
.bh-woocommerce-container div.product #special-shipping-counter:hover,
.bh-woocommerce-container div.product #bh-wholesale-price-wrap:hover,
.bh-woocommerce-container div.product #designer-button-container:hover {
    box-shadow: 0 8px 25px rgba(0,0,0,0.05) !important;
}

/* 2. KARGO MODÜLÜ (Red Text Fix) - Figma Stili */
/* O kırmızı "1000 TL ÜZERİ SİPARİŞLERDE KAFGO BEDAVA!" yazısını da siyah yapıyoruz, ortalıyoruz */
.bh-woocommerce-container div.product #special-shipping-counter {
    color: #000000 !important;
    text-align: center !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
}
.bh-woocommerce-container div.product #special-shipping-counter p {
    margin: 0 !important;
    color: #000000 !important;
}

/* 3. TOPTAN FİYAT TABLOSU (Wholesale) - Figma Minimalizmi */
/* O kalın çerçeveleri, gölgeleri attık. Yerine çok daha narin, fontları dar alana sığacak şekilde optimize edilmiş temiz bir çizelge getirdik. */
.bh-woocommerce-container div.product #bh-wholesale-price-wrap {
    padding: 40px !important; /* Toptan tablosuna daha fazla premium alan */
}

.bh-woocommerce-container table.wholesale_price_table {
    width: 100% !important;
    border-collapse: collapse !important;
    font-family: 'Poppins', sans-serif !important;
    margin: 0 auto !important;
    max-width: 900px !important; /* Tabloyu daha derli toplu yapalım */
}

.bh-woocommerce-container table.wholesale_price_table th,
.bh-woocommerce-container table.wholesale_price_table td {
    border: 1px solid #f1f1f1 !important; /* Çok hafif gri çizgi */
    padding: 15px 10px !important;
    text-align: center !important;
    color: #000000 !important;
    font-size: 13px !important;
}

.bh-woocommerce-container table.wholesale_price_table th {
    background-color: #fafafa !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-size: 12px !important;
}

/* 4. KENDİN TASARLA (Super Studio) BUTONU - Figma Ghost Buton Stili */
/* Onu simsiyah "Sepete Ekle" butonundan ayırmak için, tam Figma ruhuna uygun "Beyaz arka planlı, siyah keskin çerçeveli" bir butona çevirdik. */
.bh-woocommerce-container div.product #designer-button-container {
    padding: 25px !important;
    text-align: center !important;
}

.bh-woocommerce-container #designer-button-container button,
.bh-woocommerce-container #designer-button-container a.button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #ffffff !important; /* İçi beyaz */
    color: #000000 !important; /* Yazı siyah */
    border: 1px solid #000000 !important; /* Keskin siyah çerçeve */
    border-radius: 0 !important; /* Sıfır kavis */
    padding: 16px 40px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    font-family: 'Poppins', sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    text-decoration: none !important;
    min-width: 250px !important;
}

/* Üzerine gelince siyah dolsun (Hover) */
.bh-woocommerce-container #designer-button-container button:hover,
.bh-woocommerce-container #designer-button-container a.button:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #000000 !important;
}
/* ==========================================================================
   BAGHASHTAG - SAĞ SÜTUN VE ÖZEL MODÜL KESİN ÇÖZÜMÜ
   ========================================================================== */

/* 1. Sağ Sütunu Dikey (Alt Alta) Dizilmeye Zorla */
.bh-woocommerce-container div.product .summary.entry-summary {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important; /* İçindekileri tam genişliğe yayar */
}

/* 2. Sepete Ekle Formunu Düzenle (Miktar ve Buton yan yana) */
.bh-woocommerce-container form.cart {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    width: 100% !important;
    margin-bottom: 20px !important;
}

.bh-woocommerce-container .quantity {
    flex: 0 0 80px !important; /* Adet kutusu sabit genişlik */
}

.bh-woocommerce-container button.single_add_to_cart_button {
    flex: 1 !important; /* Sepete ekle butonu kalan yeri kaplasın */
    margin-top: 0 !important;
}

/* 3. Özel Modülleri %100 Genişliğe Yay ve Alt Alta Diz */
/* Formun içindeki Miktar ve Buton HARİCİ tüm divleri %100 yap */
.bh-woocommerce-container form.cart > div:not(.quantity) {
    flex: 0 0 100% !important;
    width: 100% !important;
}

/* Modüllerin Kesin Figma Makyajı (İnce Çerçeve, Keskin Köşe) */
.bh-woocommerce-container #special-shipping-counter,
.bh-woocommerce-container #bh-wholesale-price-wrap,
.bh-woocommerce-container #designer-button-container {
    display: block !important;
    width: 100% !important;
    margin-top: 15px !important;
    margin-bottom: 5px !important;
    padding: 20px !important;
    background: #ffffff !important;
    border: 1px solid #e0e0e0 !important; /* Figma ince gri çizgisi */
    border-radius: 0 !important; /* Jilet gibi köşeler */
    box-sizing: border-box !important;
    order: 99; /* Üstteki butonlardan hemen sonraya atar */
}

/* 4. Kendin Tasarla Butonu İçi (Siyah Çerçeve, Beyaz Zemin) */
.bh-woocommerce-container #designer-button-container button,
.bh-woocommerce-container #designer-button-container a.button {
    width: 100% !important;
    background: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #000000 !important;
    border-radius: 0 !important;
    padding: 12px !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    letter-spacing: 1px !important;
    text-align: center !important;
    display: block !important;
}
.bh-woocommerce-container #designer-button-container button:hover,
.bh-woocommerce-container #designer-button-container a.button:hover {
    background: #000000 !important;
    color: #ffffff !important;
}

/* 5. Toptan Tablo Fontları (Dar alana uygun ince ve zarif) */
.bh-woocommerce-container table.wholesale_price_table {
    width: 100% !important;
    font-size: 11px !important;
    border-collapse: collapse !important;
    margin-top: 10px !important;
}
.bh-woocommerce-container table.wholesale_price_table th,
.bh-woocommerce-container table.wholesale_price_table td {
    padding: 8px 4px !important;
    border: 1px solid #eeeeee !important;
    text-align: center !important;
}
.bh-woocommerce-container table.wholesale_price_table th {
    background: #fafafa !important;
}
/* ==========================================================================
   BAGHASHTAG FIGMA DESIGN - SEPET, ÖDEME VE HESABIM SAYFALARI
   ========================================================================== */

/* 1. GENEL FORM ELEMANLARI (Figma Stili Keskin Hatlar) */
.bh-woocommerce-container input[type="text"],
.bh-woocommerce-container input[type="email"],
.bh-woocommerce-container input[type="password"],
.bh-woocommerce-container input[type="tel"],
.bh-woocommerce-container textarea,
.bh-woocommerce-container select,
.select2-container--default .select2-selection--single {
    border-radius: 0 !important; /* Sıfır kavis, tam keskin */
    border: 1px solid #e0e0e0 !important;
    padding: 12px 15px !important;
    font-size: 14px !important;
    font-family: 'Poppins', sans-serif !important;
    color: #000000 !important;
    background-color: #ffffff !important;
    width: 100%;
    box-sizing: border-box;
    transition: border-color 0.3s ease !important;
    height: auto !important;
}

.bh-woocommerce-container input:focus,
.bh-woocommerce-container textarea:focus,
.bh-woocommerce-container select:focus {
    border-color: #000000 !important; /* Odaklanınca siyah çerçeve */
    outline: none !important;
}

/* 2. SEPET SAYFASI (Minimalist Tablo) */
.bh-woocommerce-container .woocommerce-cart-form {
    margin-bottom: 40px;
}

.bh-woocommerce-container table.shop_table {
    border: none !important;
    border-radius: 0 !important;
}

.bh-woocommerce-container table.shop_table th {
    background-color: #fafafa !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    border: none !important;
    border-bottom: 2px solid #000000 !important;
    padding: 15px !important;
}

.bh-woocommerce-container table.shop_table td {
    border: none !important;
    border-bottom: 1px solid #eeeeee !important;
    padding: 20px 15px !important;
    vertical-align: middle;
}

/* Sepet Toplamları Kutusu */
.bh-woocommerce-container .cart-collaterals .cart_totals {
    background: #fafafa !important;
    padding: 30px !important;
    border: 1px solid #eeeeee !important;
    border-radius: 0 !important;
    width: 100% !important;
    float: none !important;
}

.bh-woocommerce-container .cart-collaterals h2 {
    font-size: 18px !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
    border-bottom: 2px solid #000000 !important;
    padding-bottom: 15px !important;
    margin-bottom: 20px !important;
}

/* Ödeme Sayfasına Git Butonu */
.bh-woocommerce-container .checkout-button {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-radius: 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    font-weight: 700 !important;
    padding: 18px !important;
    width: 100% !important;
    display: block !important;
    text-align: center !important;
    margin-top: 20px !important;
}
.bh-woocommerce-container .checkout-button:hover {
    background-color: #ff4757 !important;
}

/* 3. ÖDEME (CHECKOUT) SAYFASI */
.bh-woocommerce-container #customer_details {
    margin-bottom: 40px !important;
}

.bh-woocommerce-container .woocommerce-checkout h3 {
    font-size: 20px !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
    margin-bottom: 25px !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #000000 !important;
}

/* Sipariş Özeti ve Ödeme Yöntemleri Kutusu */
.bh-woocommerce-container #order_review {
    background: #fafafa !important;
    padding: 30px !important;
    border: 1px solid #eeeeee !important;
}

.bh-woocommerce-container #payment {
    background: transparent !important;
    border-radius: 0 !important;
}

.bh-woocommerce-container #payment ul.payment_methods {
    border-bottom: 1px solid #e0e0e0 !important;
    padding-bottom: 20px !important;
}

.bh-woocommerce-container #payment div.payment_box {
    background-color: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 0 !important;
    color: #333333 !important;
    box-shadow: none !important;
}
.bh-woocommerce-container #payment div.payment_box::before {
    display: none !important; /* O eski konuşma balonu okunu gizle */
}

/* Siparişi Onayla Butonu */
.bh-woocommerce-container #place_order {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-radius: 0 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 20px !important;
    width: 100% !important;
    margin-top: 20px !important;
}
.bh-woocommerce-container #place_order:hover {
    background-color: #ff4757 !important;
}

/* 4. HESABIM (GİRİŞ/KAYIT) SAYFASI */
.bh-woocommerce-container .u-columns.col2-set {
    display: flex !important;
    gap: 40px !important;
    flex-wrap: wrap !important;
}

.bh-woocommerce-container .u-column1,
.bh-woocommerce-container .u-column2 {
    flex: 1 !important;
    min-width: 300px !important;
    background: #ffffff !important;
    padding: 40px !important;
    border: 1px solid #eeeeee !important;
}

/* Hesabım Menüsü (Sol Taraf) */
.bh-woocommerce-container .woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.bh-woocommerce-container .woocommerce-MyAccount-navigation li {
    border-bottom: 1px solid #eeeeee !important;
}

.bh-woocommerce-container .woocommerce-MyAccount-navigation li a {
    display: block !important;
    padding: 15px 0 !important;
    color: #000000 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    font-size: 13px !important;
    transition: color 0.3s ease !important;
}

.bh-woocommerce-container .woocommerce-MyAccount-navigation li.is-active a,
.bh-woocommerce-container .woocommerce-MyAccount-navigation li a:hover {
    color: #ff4757 !important;
}

.bh-woocommerce-container .woocommerce-MyAccount-content {
    background: #ffffff !important;
    padding: 40px !important;
    border: 1px solid #eeeeee !important;
}
/* ==========================================================================
   BAGHASHTAG - SEPET, ÖDEME VE HESABIM (KESİN RENK VE BUTON MAKYAJI)
   ========================================================================== */

/* 1. Tüm WooCommerce Butonlarını Siyah/Beyaz ve Keskin Yap (İnatçı Morları Eziyoruz) */
.bh-woocommerce-container .button,
.bh-woocommerce-container input[type="submit"],
.bh-woocommerce-container button[type="submit"],
.woocommerce-page .button {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-radius: 0 !important; /* Keskin köşeler */
    border: 1px solid #000000 !important;
    padding: 15px 30px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
}

/* Butonun üzerine gelince Figma tarzı (İçi boş, kenarı siyah) olsun */
.bh-woocommerce-container .button:hover,
.bh-woocommerce-container input[type="submit"]:hover,
.bh-woocommerce-container button[type="submit"]:hover,
.woocommerce-page .button:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
}

/* "Sepeti Güncelle" gibi pasif butonlar için şık gri ton */
.bh-woocommerce-container .button:disabled,
.bh-woocommerce-container .button.disabled {
    background-color: #f5f5f5 !important;
    color: #a0a0a0 !important;
    border-color: #eeeeee !important;
    cursor: not-allowed !important;
}

/* 2. Form Elemanlarındaki Mavi Çerçeveyi (Focus Ring) Siyaha Çevir */
.bh-woocommerce-container input[type="text"]:focus,
.bh-woocommerce-container input[type="email"]:focus,
.bh-woocommerce-container input[type="password"]:focus,
.bh-woocommerce-container input[type="tel"]:focus,
.bh-woocommerce-container textarea:focus,
.bh-woocommerce-container select:focus {
    border-color: #000000 !important;
    outline: none !important;
    box-shadow: inset 0 0 0 1px #000000 !important; /* Mavi yerine siyah vurgu */
}

/* 3. WooCommerce Uyarı Mesajları (Yeşil, Kırmızı, Mavi Kutuları Figma Yap) */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    background-color: #fafafa !important;
    color: #000000 !important;
    border-top: none !important;
    border-left: 4px solid #000000 !important; /* Klasik renkler yerine asil siyah şerit */
    border-radius: 0 !important;
    padding: 20px 20px 20px 50px !important;
    box-shadow: none !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    margin-bottom: 30px !important;
}
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
    color: #000000 !important;
}

/* 4. Tablo Başlıkları ve Form Etiketleri (Labels) Tam Siyah Olsun */
.bh-woocommerce-container table.shop_table th {
    color: #000000 !important;
}
.bh-woocommerce-container table.shop_table td {
    color: #1e272e !important;
}
.bh-woocommerce-container form .form-row label {
    color: #000000 !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    margin-bottom: 8px !important;
    display: block !important;
}
/* ==========================================================================
   BAGHASHTAG - GLOBAL ÜRÜN KARTLARI VE HESABIM DETAYLARI
   ========================================================================== */

/* 1. ANASAYFA DAHİL TÜM SİTEDEKİ ÜRÜN KARTLARINI FIGMA STİLİNE ZORLA */
ul.products li.product {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
    transition: transform 0.3s ease !important;
}
ul.products li.product:hover {
    transform: translateY(-5px) !important;
}
ul.products li.product img {
    border-radius: 0 !important;
    margin-bottom: 20px !important;
    border: none !important;
    width: 100%;
}
ul.products li.product .woocommerce-loop-product__title {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #000000 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 8px !important;
    text-align: left !important;
}
ul.products li.product .price {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #000000 !important;
    text-align: left !important;
    margin-bottom: 15px !important;
}
ul.products li.product .price ins {
    color: #ff4757 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}
ul.products li.product .button {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-radius: 0 !important;
    padding: 12px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    width: 100% !important;
    box-shadow: none !important;
    text-align: center !important;
    display: block !important;
}
ul.products li.product .button:hover {
    background-color: #ff4757 !important;
}

/* 2. GİRİŞ YAP VE ÜYE OL SAYFASI (YAN YANA FİGMA DÜZENİ) */
#customer_login {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 40px !important;
    margin-top: 20px !important;
}

#customer_login .u-column1,
#customer_login .u-column2 {
    flex: 1 !important;
    min-width: 300px !important;
    background: #ffffff !important;
    padding: 40px !important;
    border: 1px solid #eeeeee !important;
}

#customer_login h2 {
    font-size: 20px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-bottom: 25px !important;
    border-bottom: 2px solid #000000 !important;
    padding-bottom: 10px !important;
}

/* 3. HESABIM -> SİPARİŞLERİM TABLOSU */
table.woocommerce-orders-table,
table.woocommerce-MyAccount-orders {
    border: 1px solid #eeeeee !important;
    border-radius: 0 !important;
    width: 100% !important;
    border-collapse: collapse !important;
}

table.woocommerce-orders-table th,
table.woocommerce-MyAccount-orders th {
    background-color: #fafafa !important;
    color: #000000 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-size: 12px !important;
    padding: 15px !important;
    border-bottom: 2px solid #000000 !important;
}

table.woocommerce-orders-table td,
table.woocommerce-MyAccount-orders td {
    border-bottom: 1px solid #eeeeee !important;
    padding: 15px !important;
    vertical-align: middle !important;
    font-size: 13px !important;
}

/* Sipariş Görüntüle Butonu */
table.woocommerce-orders-table .button {
    padding: 8px 15px !important;
    font-size: 11px !important;
    background-color: #000000 !important;
    color: #ffffff !important;
}
table.woocommerce-orders-table .button:hover {
    background-color: #ff4757 !important;
}
/* ==========================================================================
   BAGHASHTAG - ANASAYFA SLIDER HİZALAMA VE ROZET DÜZELTMESİ
   ========================================================================== */

/* 1. Ürün Kutusunu Esnek Yap (Butonları En Alta İtmek İçin) */
ul.products li.product {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important; /* Slider içinde kutu boylarını eşitler */
    position: relative !important;
}

/* 2. Başlıkları Sabit 2 Satır Yap (Uzun başlıkların düzeni bozmasını engeller) */
ul.products li.product .woocommerce-loop-product__title {
    height: 38px !important; /* Tam 2 satır yüksekliği */
    line-height: 1.4 !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}

/* 3. Sepete Ekle Butonunu Kutunun En Altına Yasla */
ul.products li.product .button {
    margin-top: auto !important; /* Aradaki boşluk ne olursa olsun butonu jilet gibi en alta iter */
}

/* 4. İndirim Rozeti (Sale Badge) Düzeltmesi (Figma Stili ve Sola Alma) */
.woocommerce span.onsale,
.bh-woocommerce-container span.onsale,
ul.products li.product span.onsale {
    position: absolute !important;
    top: 15px !important;
    left: 15px !important; /* Kalp sağda, İndirim solda duracak */
    right: auto !important;
    background-color: #000000 !important; /* Mor yuvarlak yerine asil siyah */
    color: #ffffff !important;
    border-radius: 0 !important; /* Figma keskin köşeler */
    padding: 5px 12px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    min-height: auto !important;
    min-width: auto !important;
    line-height: 1 !important;
    z-index: 10 !important;
    margin: 0 !important;
    display: inline-block !important;
}
/* ==========================================================================
   BAGHASHTAG - TAM EKRAN ARAMA (SEARCH OVERLAY)
   ========================================================================== */
.bh-search-overlay {
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(255, 255, 255, 0.98);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}
.bh-search-overlay.active {
    opacity: 1;
    visibility: visible;
}
.bh-search-inner {
    width: 100%;
    max-width: 800px;
    padding: 0 20px;
    position: relative;
    text-align: center;
}
.bh-search-inner p {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 20px;
}
.bh-close-search {
    position: absolute;
    top: -60px; right: 20px;
    background: transparent; border: none; font-size: 50px; cursor: pointer; color: #000;
    transition: transform 0.3s ease;
}
.bh-close-search:hover { transform: rotate(90deg); color: #ff4757; }
.bh-search-form {
    display: flex;
    border-bottom: 3px solid #000;
}
.bh-search-input {
    flex: 1; border: none !important; font-size: 30px !important; padding: 20px 0 !important;
    background: transparent !important; color: #000 !important; font-family: 'Poppins', sans-serif;
    box-shadow: none !important; border-radius: 0 !important;
}
.bh-search-input:focus { outline: none !important; box-shadow: none !important; }
.bh-search-btn {
    background: transparent !important; color: #000 !important; font-weight: 800 !important;
    font-size: 20px !important; border: none !important; padding: 0 20px !important;
    cursor: pointer; box-shadow: none !important;
}
.bh-search-btn:hover { color: #ff4757 !important; background: transparent !important; }
/* ==========================================================================
   BAGHASHTAG - İYS TOGGLE (SLIDER) BUTONLARI
   ========================================================================== */
.bh-account-preferences .form-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 15px !important;
    border-bottom: 1px solid #f5f5f5 !important;
    padding-bottom: 15px !important;
}

/* Orijinal çirkin kutucuğu tamamen gizle */
.bh-account-preferences input[type="checkbox"] {
    display: none !important; 
}

/* Yazının olduğu alanı tıkla-kaydır (toggle) alanına çevir */
.bh-account-preferences label {
    cursor: pointer !important;
    position: relative !important;
    padding-right: 60px !important; /* Buton için boşluk */
    font-weight: 500 !important;
    font-size: 13px !important;
    text-transform: none !important;
    width: 100% !important;
    display: block !important;
}

/* Toggle'ın Arka Plan Gri Yuvarlağı */
.bh-account-preferences label::before {
    content: '' !important;
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 44px !important;
    height: 24px !important;
    background: #e0e0e0 !important;
    border-radius: 30px !important;
    transition: background 0.3s ease !important;
}

/* Toggle'ın İçindeki Beyaz Top */
.bh-account-preferences label::after {
    content: '' !important;
    position: absolute !important;
    right: 22px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 18px !important;
    height: 18px !important;
    background: #ffffff !important;
    border-radius: 50% !important;
    transition: right 0.3s ease !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
}

/* Onaylandığında Baghashtag Kırmızısı Olur ve Top Sağa Kayar */
.bh-account-preferences input[type="checkbox"]:checked + label::before {
    background: #ff4757 !important; 
}

.bh-account-preferences input[type="checkbox"]:checked + label::after {
    right: 3px !important;
}
/* ==========================================================================
   BAGHASHTAG - GİRİŞ/KAYIT FORMLARI VE FAVORİ KALP EFEKTİ
   ========================================================================== */

/* 1. Favori Kalbi Tıklanınca Baghashtag Kırmızısı Olsun */
.bh-wishlist-icon.active {
    background-color: #ff4757 !important;
    color: #ffffff !important;
    border-color: #ff4757 !important;
}

/* 2. Giriş Yap ve Kayıt Ol (Login / Register) Form Düzeni */
.bh-woocommerce-container #customer_login {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 40px !important;
    margin: 40px 0 80px 0 !important;
}

.bh-woocommerce-container #customer_login .u-column1,
.bh-woocommerce-container #customer_login .u-column2 {
    flex: 1 !important;
    min-width: 320px !important;
    background: #ffffff !important;
    padding: 50px !important;
    border: 1px solid #eeeeee !important;
    border-radius: 0 !important; /* Figma keskin köşeler */
}

.bh-woocommerce-container #customer_login h2 {
    font-size: 22px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-bottom: 30px !important;
    border-bottom: 2px solid #000000 !important;
    padding-bottom: 15px !important;
    color: #000000 !important;
}

/* Form İçindeki Yazılar ve Kutular */
.bh-woocommerce-container #customer_login label {
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    color: #000000 !important;
    margin-bottom: 10px !important;
    display: block !important;
}

.bh-woocommerce-container #customer_login input[type="text"],
.bh-woocommerce-container #customer_login input[type="email"],
.bh-woocommerce-container #customer_login input[type="password"] {
    border: 1px solid #e0e0e0 !important;
    border-radius: 0 !important;
    padding: 15px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    width: 100% !important;
    margin-bottom: 25px !important;
    background: #fafafa !important;
    box-sizing: border-box !important;
    transition: all 0.3s ease !important;
}

.bh-woocommerce-container #customer_login input:focus {
    border-color: #000000 !important;
    background: #ffffff !important;
}

/* Butonlar Tam Genişlik, Siyah ve Asil */
.bh-woocommerce-container #customer_login button[type="submit"] {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #000000 !important;
    border-radius: 0 !important;
    padding: 18px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    width: 100% !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    margin-top: 10px !important;
}

.bh-woocommerce-container #customer_login button[type="submit"]:hover {
    background-color: #ff4757 !important;
    border-color: #ff4757 !important;
}

/* Şifremi Unuttum Linki */
.bh-woocommerce-container .lost_password {
    margin-top: 20px !important;
    text-align: center !important;
}
.bh-woocommerce-container .lost_password a {
    color: #666666 !important;
    font-size: 13px !important;
    text-decoration: underline !important;
}
/* ==========================================================================
   BAGHASHTAG - MOBİL UYUM (RESPONSIVE) VE KÜÇÜK EKRAN AYARLARI
   ========================================================================== */

@media (max-width: 768px) {
    /* 1. Üst Menü ve İkonlar (Mobil Düzen) */
    .bh-header-inner {
        flex-direction: column !important;
        gap: 15px !important;
        padding-bottom: 10px !important;
    }
    .bh-header-center { width: 100% !important; order: -1 !important; margin-bottom: 5px !important; }
    .bh-logo-text { font-size: 26px !important; }
    .bh-header-right { width: 100% !important; justify-content: center !important; gap: 20px !important; }
    
    /* 2. Mağaza Vitrini - Mobilde Yan Yana 2 Ürün Şıklığı */
    .bh-woocommerce-container ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px 10px !important; /* Aralarındaki boşluğu mobilde daralttık */
    }
    ul.products li.product .woocommerce-loop-product__title {
        font-size: 11px !important;
        height: 30px !important; /* Mobilde başlık yüksekliği */
    }
    ul.products li.product .price { font-size: 12px !important; margin-bottom: 10px !important; }
    ul.products li.product .button { padding: 8px 5px !important; font-size: 10px !important; }
    
    /* 3. Ürün Detay Sayfası - Alt Alta Dizilim */
    .bh-woocommerce-container div.product {
        gap: 20px !important;
    }
    .bh-woocommerce-container div.product .woocommerce-product-gallery,
    .bh-woocommerce-container div.product .summary.entry-summary {
        width: 100% !important;
        padding: 0 10px !important;
        box-sizing: border-box !important;
    }
    .bh-woocommerce-container div.product .product_title { font-size: 22px !important; }
    .bh-woocommerce-container div.product .price { font-size: 18px !important; }
    
    /* 4. Sepet ve Ödeme Tablolarını Mobilde Daraltma */
    .bh-woocommerce-container table.shop_table th, 
    .bh-woocommerce-container table.shop_table td {
        padding: 10px 5px !important;
        font-size: 11px !important;
    }
    .bh-woocommerce-container .quantity input.qty { width: 45px !important; height: 40px !important; font-size: 14px !important; }
    
    /* Özel Modüllerin Mobil Padding'leri */
    .bh-woocommerce-container #special-shipping-counter,
    .bh-woocommerce-container #bh-wholesale-price-wrap,
    .bh-woocommerce-container #designer-button-container {
        padding: 15px 10px !important;
    }
}
/* ==========================================================================
   BAGHASHTAG - YENİ LOGO TASARIMI (#Baghashtag)
   ========================================================================== */

.bh-header-center .bh-logo-text,
.bh-main-footer .bh-footer-logo {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 800 !important; /* Ekstra kalın (Bold) */
    color: #ff0000 !important; /* İstediğin tam kırmızı */
    text-transform: none !important; /* Sadece B harfi büyük kalacak şekilde serbest bırakır */
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
}

/* Footer'daki logonun altındaki boşluğu koruyalım */
.bh-main-footer .bh-footer-logo {
    margin: 0 0 30px 0 !important;
    display: block !important;
}
/* ==========================================================================
   BAGHASHTAG - MASAÜSTÜ VE MOBİL MENÜ SİSTEMİ
   ========================================================================== */

/* --- MASAÜSTÜ MENÜ (Açılır Sistem) --- */
.bh-main-nav { display: block; }
.bh-menu { display: flex; gap: 30px; list-style: none; margin: 0; padding: 0; }
.bh-menu li { position: relative; }
.bh-menu a { font-family: 'Poppins', sans-serif; font-size: 13px; font-weight: 600; color: #000000; text-transform: uppercase; text-decoration: none; transition: 0.3s; letter-spacing: 0.5px; }
.bh-menu a:hover { color: #ff0000; }

/* Alt Menüler (Dropdown) */
.bh-menu li ul { position: absolute; top: 100%; left: 0; background: #ffffff; border: 1px solid #eeeeee; min-width: 220px; opacity: 0; visibility: hidden; transition: all 0.3s ease; transform: translateY(15px); z-index: 100; padding: 10px 0; list-style: none; box-shadow: 0 10px 30px rgba(0,0,0,0.05); }
.bh-menu li:hover > ul { opacity: 1; visibility: visible; transform: translateY(0); }
.bh-menu li ul li { display: block; border-bottom: 1px solid #f9f9f9; }
.bh-menu li ul li:last-child { border-bottom: none; }
.bh-menu li ul a { padding: 12px 20px; display: block; font-size: 13px; text-transform: none; color: #333; font-weight: 500; }
.bh-menu li ul a:hover { background: #fafafa; color: #ff0000; padding-left: 25px; } /* Hover olunca hafif sağa kayar */

/* --- MOBİL MENÜ GİZLEME VE PANEL AYARLARI --- */
.bh-mobile-menu-toggle { display: none; }
.bh-mobile-menu-overlay { position: fixed; top: 0; left: -100%; width: 85%; max-width: 350px; height: 100%; background: #ffffff; z-index: 99999; transition: 0.4s cubic-bezier(0.77, 0, 0.175, 1); box-shadow: 5px 0 25px rgba(0,0,0,0.1); overflow-y: auto; padding: 40px 30px; }
.bh-mobile-menu-overlay.active { left: 0; }
.bh-mobile-menu-close { position: absolute; top: 25px; right: 25px; font-size: 35px; background: none; border: none; cursor: pointer; color: #000; }

/* Mobil Liste Stilleri */
.bh-mobile-menu-list { list-style: none; padding: 0; margin: 0; }
.bh-mobile-menu-list > li { border-bottom: 1px solid #eeeeee; }
.bh-mobile-menu-list > li > a { display: block; padding: 18px 0; font-family: 'Poppins', sans-serif; font-size: 15px; font-weight: 700; color: #000; text-transform: uppercase; text-decoration: none; }
.bh-mobile-menu-list li ul { list-style: none; border-left: 2px solid #eeeeee; margin: 5px 0 15px 15px; padding-left: 15px; }
.bh-mobile-menu-list li ul a { font-size: 14px; font-weight: 500; color: #666; padding: 10px 0; text-transform: none; display: block; text-decoration: none;}

/* --- RESPONSIVE KIRILMA NOKTASI (TELEFONLAR) --- */
@media (max-width: 768px) {
    .bh-main-nav { display: none !important; } /* Bilgisayar menüsünü mobilde gizle */
    .bh-mobile-menu-toggle { display: block !important; order: -2; } /* Hamburgeri göster ve en sola al */
    .bh-header-left { margin-right: auto; margin-left: 20px; order: -1; } /* Logoyu ortaya it */
    .bh-header-right { gap: 15px !important; }
}
/* ==========================================================================
   BAGHASHTAG - CANLI ORTAM REVİZELERİ (LOGO, MOBİL, MİKTAR, STOK)
   ========================================================================== */

/* 1. Logo Revizesi (#Baghashtag) */
.bh-header-center .bh-logo-text,
.bh-main-footer .bh-footer-logo,
.bh-header-left .bh-logo-text {
    text-transform: none !important; /* B büyük, gerisi küçük */
    letter-spacing: -1px !important; /* Harfleri sıklaştırdık */
    color: #ff0000 !important;
}

/* 2. Mobil Header (Yapışkan/Sticky ve Ortalama) */
.bh-site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 99999 !important;
    background: #ffffff !important;
    border-bottom: 1px solid #eeeeee !important;
}

@media (max-width: 768px) {
    .bh-header-inner {
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        padding: 15px 20px !important;
        height: 70px !important;
    }
    .bh-mobile-menu-toggle { order: 1 !important; margin: 0 !important; }
    .bh-header-left { position: absolute !important; left: 50% !important; transform: translateX(-50%) !important; margin: 0 !important; }
    .bh-header-right { order: 3 !important; margin: 0 !important; gap: 15px !important;}
}

/* 3. Kendin Tasarla Butonu Taşma Önleyici */
#designer-button-container {
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* 4. Yeni İndirim Yüzdesi (%20) Kırmızı Rozet */
.woocommerce span.onsale.bh-sale-percentage,
ul.products li.product span.onsale.bh-sale-percentage {
    background-color: #ff4757 !important;
    font-size: 13px !important;
    padding: 8px 12px !important;
}

/* 5. Miktar Kutusuna Artı (+) Eksi (-) Butonu Makyajı */
.bh-woocommerce-container .quantity {
    display: inline-flex !important;
    align-items: center !important;
    border: 1px solid #000000 !important;
    margin-right: 15px !important;
    margin-bottom: 20px !important;
}
.bh-woocommerce-container .quantity input.qty {
    border: none !important;
    width: 45px !important;
    text-align: center !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    -moz-appearance: textfield;
}
.bh-woocommerce-container .quantity input.qty::-webkit-outer-spin-button,
.bh-woocommerce-container .quantity input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none; margin: 0;
}
.bh-qty-btn {
    background: transparent !important;
    border: none !important;
    width: 35px !important;
    height: 40px !important;
    font-size: 20px !important;
    cursor: pointer !important;
    transition: 0.3s !important;
    color: #000 !important;
}
.bh-qty-btn:hover { background: #ff4757 !important; color: #fff !important; }

/* 6. Stok Rakamı (Belirgin ve Yukarıda) */
.bh-woocommerce-container .stock {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #ff4757 !important;
    margin-bottom: 15px !important;
    display: inline-block !important;
    padding: 8px 15px !important;
    background: #fff5f6 !important;
    border: 1px dashed #ff4757 !important;
}

/* 7. Varsayılan Kategori Yazılarını Gizle (Eklentiyi Bozmadan) */
.bh-woocommerce-container .sku_wrapper, 
.bh-woocommerce-container .posted_in, 
.bh-woocommerce-container .tagged_as {
    display: none !important;
}
/* ==========================================================================
   BAGHASHTAG - MOBİL HEADER VE BAŞLIK DÜZELTMELERİ
   ========================================================================== */

/* 1. Ürün Başlıklarını Küçük Harf (Sadece İlk Harf Büyük) Yapma */
.woocommerce div.product .product_title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h3 {
    text-transform: none !important;
}

/* 2. Mobil Header İkon Taşma (Üst Üste Binme) Çözümü */
@media (max-width: 768px) {
    .bh-site-header .bh-header-inner {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 10px 15px !important;
        height: auto !important;
        position: relative !important;
    }
    
    .bh-mobile-menu-toggle {
        flex: 0 0 auto !important;
        order: 1 !important;
        margin: 0 !important;
    }
    
    .bh-header-left {
        flex: 1 1 auto !important;
        text-align: center !important;
        order: 2 !important;
        position: static !important;
        transform: none !important;
        margin: 0 !important;
        padding: 0 5px !important;
    }
    
    .bh-header-left .bh-logo-text {
        font-size: 21px !important;
    }
    
    .bh-header-right {
        flex: 0 0 auto !important;
        order: 3 !important;
        justify-content: flex-end !important;
        gap: 12px !important;
        margin: 0 !important;
    }
    
    .bh-header-right svg {
        width: 18px !important;
        height: 18px !important;
    }
}
/* ==========================================================================
   BAGHASHTAG - MOBİL HEADER KUSURSUZ ORTALAMA
   ========================================================================== */

@media (max-width: 768px) {
    .bh-site-header .bh-header-inner {
        display: grid !important;
        grid-template-columns: 50px 1fr 50px !important; /* Sol:50px | Orta:Esnek | Sağ:50px */
        align-items: center !important;
        padding: 10px 15px !important;
        height: 70px !important;
    }
    
    .bh-mobile-menu-toggle { margin: 0 !important; padding: 5px !important; }
    
    .bh-header-left { text-align: center !important; margin: 0 !important; position: static !important; transform: none !important; }
    .bh-header-left .bh-logo-text { font-size: 20px !important; }
    
    .bh-header-right { display: flex !important; justify-content: flex-end !important; margin: 0 !important; gap: 0 !important;}
    
    /* Eski kalabalık ikonları gizle, JS ile gelen tekil kullanıcı ikonu görünecek */
    .bh-header-right .bh-icon-link { display: none !important; } 
}
/* ==========================================================================
   BAGHASHTAG - SEPET, HEADER BOŞLUĞU VE GÖRSEL REVİZELERİ
   ========================================================================== */

/* 1. Header ve Logo Altındaki Gereksiz Boşluğu Temizleme */
.bh-site-header { padding-bottom: 0 !important; margin-bottom: 0 !important; }
.bh-header-inner { padding-top: 15px !important; padding-bottom: 15px !important; }
.site-header { padding-bottom: 0 !important; margin-bottom: 0 !important; }

/* 2. Masaüstü Sepet: Daha Büyük Görseller ve Ferah Satırlar */
@media (min-width: 769px) {
    .woocommerce table.cart .product-thumbnail img {
        width: 110px !important; /* Görselleri büyüt */
        height: auto !important;
        border-radius: 6px !important;
    }
    .woocommerce table.cart td {
        padding: 20px 15px !important; /* Satır yüksekliğini artır */
        vertical-align: middle !important;
    }
}

/* 3. Mobil Sepet: Gizlenen Görselleri Geri Getir ve Büyüt */
@media (max-width: 768px) {
    .woocommerce-page table.cart .product-thumbnail {
        display: block !important;
        text-align: center !important;
        padding-bottom: 10px !important;
    }
    .woocommerce-page table.cart .product-thumbnail img {
        width: 90px !important;
        height: auto !important;
        margin: 0 auto !important;
        border-radius: 6px !important;
    }
    /* Mobilde ürün bilgilerini ortala */
    .woocommerce-page table.cart td.product-name, 
    .woocommerce-page table.cart td.product-price, 
    .woocommerce-page table.cart td.product-quantity, 
    .woocommerce-page table.cart td.product-subtotal {
        text-align: center !important;
    }
}