:root {
	--wd-text-font: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: var(--wd-text-font);
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: var(--wd-title-font);
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: var(--wd-text-font);
	--wd-widget-title-font: var(--wd-title-font);
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: var(--wd-text-font);
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-primary-color: rgb(221,51,51);
	--wd-alternative-color: rgb(255,255,255);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(221,51,51);
	--btn-accented-bgcolor-hover: rgb(221,51,51);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--wd-sticky-btn-height: 95px;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,255,255);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,255,255);
	background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,255,255);
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-sticky-btn-height: 95px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 42px;
	}

}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 35px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 12px;
}



.wd-page-title {
background-color: #0a0a0a;
}

/* Çerçeve: Premium ve sade gölge */
.product-grid-item .product-wrapper {
    border: 1px solid #f4f4f4 !important;
    border-radius: 10px !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.03) !important;
    padding-bottom: 15px !important;
}

/* Buton ve Adet alanını kusursuz hizala */
.product-grid-item .woodmart-add-btn {
    display: flex !important;
    gap: 10px !important;
    margin-top: 15px !important;
    padding: 0 15px !important;
}

/* Adet Seçici: İç çizgiler silindi, hafif uçuk pembe lüks arka plan eklendi */
.product-grid-item .quantity {
    background: #fdf5f5 !important; 
    border: 1px solid #f5d6d6 !important;
    border-radius: 8px !important;
    height: 42px !important;
    min-width: 90px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Eksi ve Artı işaretleri ile Sayı kutusu: Çizgisiz ve şık */
.product-grid-item .quantity input[type="button"],
.product-grid-item .quantity input[type="number"] {
    border: none !important;
    background: transparent !important;
    color: #8b0000 !important; /* Tok şarap kırmızısı */
    font-weight: 700 !important;
    height: 100% !important;
}

.product-grid-item .quantity input[type="number"] {
    width: 30px !important;
    padding: 0 !important;
    font-size: 16px !important;
    text-align: center !important;
}

.product-grid-item .quantity input[type="button"] {
    width: 30px !important;
    font-size: 18px !important;
}

/* Sepete Ekle Butonu: Şarap kırmızısı degrade (gradient) ve tok duruş */
.product-grid-item .button.add_to_cart_button {
    background: linear-gradient(135deg, #a30000 0%, #660000 100%) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    height: 42px !important;
    flex-grow: 1 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(139, 0, 0, 0.25) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
}

/* Buton Hover Efekti */
.product-grid-item .button.add_to_cart_button:hover {
    box-shadow: 0 6px 20px rgba(139, 0, 0, 0.4) !important;
    transform: translateY(-2px) !important;
}

/* Yeşil üst barı tamamen gizler */
.whb-top-bar {
    display: none !important;
}

/* "İlk gezinme menünüzü..." uyarı yazısını gizler */
.woodmart-navigation-placeholder, 
.woodmart-menu-placeholder {
    display: none !important;
}

/* Header altındaki ve ana içerik üstündeki boşluğu sıfırla */
.whb-header {
    margin-bottom: 0 !important;
}

.main-page-wrapper {
    padding-top: 0 !important;
}
/* ==========================================================================
   1. SEPETE EKLE & ADET ALANI OVAL TASARIMI
   ========================================================================== */
.single-product .summary .single_add_to_cart_block {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    margin-bottom: 20px !important;
}

.single-product .summary .quantity {
    background: #fdf5f5 !important; 
    border: 1px solid #f5d6d6 !important;
    border-radius: 30px !important;
    height: 42px !important;
    min-width: 110px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 8px !important;
    margin: 0 !important;
}

.single-product .summary .quantity input[type="button"],
.single-product .summary .quantity input[type="number"] {
    border: none !important;
    background: transparent !important;
    color: #8b0000 !important; 
    font-weight: 700 !important;
    height: 100% !important;
    box-shadow: none !important;
}

.single-product .summary .single_add_to_cart_button {
    background: #8b0000 !important; 
    color: #ffffff !important;
    border-radius: 30px !important; 
    height: 42px !important;
    padding: 0 35px !important; 
    flex-grow: 0 !important; 
    width: auto !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    border: none !important;
    transition: all 0.3s ease !important;
    margin: 0 !important;
}

/* ==========================================================================
   2. SIPARIS BUTONLARI HİZALAMA VE ÖZEL CSS KORUMALI SVG'LER
   ========================================================================== */
.custom-order-container {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin-top: 10px !important;
    width: 100% !important;
    clear: both !important;
    text-align: left !important;
}

.custom-order-container .order-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 350px !important; 
    height: 42px !important;
    border-radius: 30px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    letter-spacing: 0.5px !important;
    border: none !important;
    box-sizing: border-box !important;
    transition: all 0.3s ease !important;
}

/* Woodmart Temasının İkonları Bozmasını Engelleyen Ezici Kurallar */
.custom-order-container .order-btn svg.protected-svg {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    fill: #ffffff !important;   /* İç dolguyu beyaza zorlar */
    stroke: none !important;     /* Dış çizgileri kapatır, bozulmayı önler */
    stroke-width: 0 !important;
    display: inline-block !important;
    vertical-align: middle !important;
    flex-shrink: 0 !important;
}

.custom-order-container .order-btn svg.protected-svg path {
    fill: #ffffff !important;   /* Path bazında dolgu koruması */
    stroke: none !important;
}

/* WhatsApp Renk Ayarı */
.custom-order-container .whatsapp-btn {
    background: #25D366 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.15) !important;
}
.custom-order-container .whatsapp-btn:hover {
    background: #20ba59 !important;
    box-shadow: 0 6px 15px rgba(37, 211, 102, 0.3) !important;
}

/* Telefon Renk Ayarı */
.custom-order-container .phone-btn {
    background: #222222 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}
.custom-order-container .phone-btn:hover {
    background: #111111 !important;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2) !important;
}

/* ==========================================================================
   3. MOBİL CİHAZ UYUMU
   ========================================================================== */
@media (max-width: 768px) {
    .single-product .summary .single_add_to_cart_block {
        flex-direction: column !important;
        align-items: stretch !important;
    }
    .single-product .summary .quantity {
        width: 100% !important;
        justify-content: center !important;
        gap: 30px !important;
    }
    .single-product .summary .single_add_to_cart_button {
        width: 100% !important;
    }
    .custom-order-container .order-btn {
        max-width: 100% !important;
    }
}
/* Sidebar'ı tamamen gizle */
.woocommerce-cart .sidebar-container, 
.woocommerce-cart aside {
    display: none !important;
}

/* Sepet içeriğini tam genişliğe yay */
.woocommerce-cart .col-lg-9, 
.woocommerce-cart .col-sm-12 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

/* Sayfa sütun yapısını düzelt */
.woocommerce-cart .row {
    display: block !important;
}

/* Butonu HTML yapısına bakmaksızın zorla hedefle */
.cart-collaterals .wc-proceed-to-checkout a.checkout-button {
    background-color: #a80000 !important;
    border-radius: 50px !important;
    color: #ffffff !important;
    padding: 15px 30px !important;
    border: 0 !important;
    box-shadow: none !important;
    display: inline-block !important;
    text-align: center !important;
    font-weight: 700 !important;
}
/* Sadece kategorilerin olduğu alt satırı KIRMIZI yap */
.whb-header-bottom, 
.whb-row-bottom {
    background-color: #b22222 !important;
}

/* Üst satırı (Logo alanı) pembeden kurtar, orijinal haline bırak */
.whb-header-top, 
.whb-row-top {
    background-color: transparent !important;
}

/* Kategorilerin yazı rengini beyaz yap */
.wd-header-nav .menu > li > a {
    color: #ffffff !important;
}
<script type="text/javascript">
document.addEventListener("DOMContentLoaded", function() {
    // 1. Buradaki seçiciyi (selector) senin menündeki öğelerin sınıfına göre düzenlemeliyiz.
    // Woodmart'ta menü öğeleri genelde 'menu-item' veya 'wd-nav-item' sınıfına sahiptir.
    var menuItems = document.querySelectorAll('.wd-nav-side .menu-item a'); 

    menuItems.forEach(function(item) {
        // Tıklama olayını iptal et ve bizim linkimize gönder
        item.setAttribute('href', '/urun'); 
        item.setAttribute('target', '_self'); // Aynı sayfada açılması için
    });
});
</script>

/* WoodMart Yan Sepet Butonları - KESİN KALICI NORMAL DURUM */
html body .website-wrapper .woocommerce-mini-cart__buttons a.button.checkout,
html body .website-wrapper .woocommerce-mini-cart__buttons a.button.btn-cart,
html body .woocommerce-mini-cart__buttons a.button.checkout,
html body .woocommerce-mini-cart__buttons a.button.btn-cart {
    /* Butonun kalıcı rengini gradyan yapıp alttaki kırmızı/gri renkleri siliyoruz */
    background-image: linear-gradient(90deg, #8a0000 0%, #4a0000 100%) !important;
    background-color: transparent !important;
    color: #ffffff !important;
    
    /* 2. Görseldeki o tatlı oval kenarlar */
    border-radius: 12px !important; 
    
    /* Kırmızı parlama gölgesi */
    box-shadow: 0 6px 18px rgba(138, 0, 0, 0.3) !important;
    
    /* Boyut ve yazı ayarları */
    border: none !important;
    padding: 14px 20px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    margin-bottom: 12px !important;
}

/* Üzerine gelince (Hover) hafif koyulaşma efekti */
html body .website-wrapper .woocommerce-mini-cart__buttons a.button.checkout:hover,
html body .website-wrapper .woocommerce-mini-cart__buttons a.button.btn-cart:hover,
html body .woocommerce-mini-cart__buttons a.button.checkout:hover,
html body .woocommerce-mini-cart__buttons a.button.btn-cart:hover {
    background-image: linear-gradient(90deg, #6b0000 0%, #330000 100%) !important;
    box-shadow: 0 8px 22px rgba(138, 0, 0, 0.45) !important;
}

/* WoodMart Sepet Butonları - Menüyü Bozmayan Risksiz ve Kalıcı Kod */
.widget_shopping_cart .woocommerce-mini-cart__buttons a.button.checkout,
.widget_shopping_cart .woocommerce-mini-cart__buttons a.button.btn-cart,
.cart-widget-side .woocommerce-mini-cart__buttons a.button.checkout,
.cart-widget-side .woocommerce-mini-cart__buttons a.button.btn-cart {
    /* Kalıcı Gradyan Rengi */
    background-image: linear-gradient(90deg, #8a0000 0%, #4a0000 100%) !important;
    background-color: transparent !important;
    color: #ffffff !important;
    
    /* İdeal Ovallik (12px) */
    border-radius: 12px !important; 
    
    /* Kırmızı Parlama Gölgesi */
    box-shadow: 0 6px 18px rgba(138, 0, 0, 0.35) !important;
    
    /* Standart Buton Ayarları */
    border: none !important;
    padding: 14px 20px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    margin-bottom: 12px !important;
}

/* Üzerine Gelindiğinde (Hover) */
.widget_shopping_cart .woocommerce-mini-cart__buttons a.button.checkout:hover,
.widget_shopping_cart .woocommerce-mini-cart__buttons a.button.btn-cart:hover,
.cart-widget-side .woocommerce-mini-cart__buttons a.button.checkout:hover,
.cart-widget-side .woocommerce-mini-cart__buttons a.button.btn-cart:hover {
    background-image: linear-gradient(90deg, #6b0000 0%, #330000 100%) !important;
    box-shadow: 0 8px 22px rgba(138, 0, 0, 0.5) !important;
    color: #ffffff !important;
}

/* 1. 'Sepetim' butonunu fiziksel olarak gizle ve alanını sıfırla */
.woocommerce-mini-cart__buttons a.btn-cart {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    pointer-events: none !important;
}

/* 2. 'Ödeme' butonunu yukarı çekip tam genişlikte göster */
.woocommerce-mini-cart__buttons a.checkout {
    display: flex !important;
    width: 100% !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    /* Kendi gradyanlı tasarımımızı buraya zorla uyguluyoruz */
    background: linear-gradient(90deg, #8a0000 0%, #4a0000 100%) !important;
    border-radius: 12px !important;
    color: #ffffff !important;
    padding: 14px 20px !important;
    border: none !important;
    justify-content: center !important;
    align-items: center !important;
}

/* Butonu ortala ve gereksiz uzunluğu yok et */
.woocommerce-mini-cart__buttons {
    display: flex !important;
    justify-content: center !important; /* Yatayda ortalar */
    align-items: center !important;
    width: 100% !important;
}

.woocommerce-mini-cart__buttons a.checkout {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    
    /* Önemli: Buton artık kendi içindeki yazının genişliğine göre ayarlanır */
    width: auto !important; 
    min-width: 200px !important; /* Çok küçük kalmasın diye minimum 200px verdik */
    max-width: 90% !important;   /* Çok da taşmasın diye sınır koyduk */
    
    margin: 0 auto !important;
    
    /* Tasarım sabitleri */
    background: linear-gradient(90deg, #8a0000 0%, #4a0000 100%) !important;
    border-radius: 12px !important;
    color: #ffffff !important;
    padding: 14px 25px !important; /* Yan boşlukları artırdık ki daha şık dursun */
    border: none !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    box-shadow: 0 6px 18px rgba(138, 0, 0, 0.35) !important;
}

/* Ödeme sayfasındaki sağ sidebar'ı tamamen gizle */
.woocommerce-checkout .sidebar-container, 
.woocommerce-checkout aside.sidebar {
    display: none !important;
}

/* Ödeme formunu tam genişliğe yay */
.woocommerce-checkout #main {
    width: 100% !important;
    max-width: 100% !important;
}

/* Ana Kutu (Sepete Ekle Butonu Tasarımı) */
.woocommerce-ordering select,
.woocommerce-ordering select.orderby,
.woodmart-woocommerce-sort-select select,
.wd-select-ordering select,
form.woocommerce-ordering .orderby,
.orderby {
    background: linear-gradient(to bottom, #8a0505 0%, #4a0000 100%) !important;
    background-color: #8a0505 !important;
    color: #ffffff !important;
    border: 1px solid #350000 !important;
    border-radius: 5px !important;
    padding: 0 35px 0 15px !important;
    font-weight: bold !important;
    font-size: 14px !important;
    height: 42px !important;
    line-height: 42px !important;
    cursor: pointer !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    display: inline-block !important;
}

/* Açılır Menü İçeriği (Butonla Eşitlenmiş Tasarım) */
.woocommerce-ordering select option,
.woodmart-woocommerce-sort-select select option,
.orderby option {
    background-color: #5e0202 !important; /* Butonun koyu ve tok kırmızı tonuna eşitlendi */
    color: #ffffff !important; /* Beyaz yazı */
    font-weight: bold !important; /* Yazı kalınlığı butonla eşitlendi */
    font-size: 14px !important; /* Yazı boyutu butonla eşitlendi */
    padding: 12px 15px !important; /* Seçeneklerin arasına biraz daha nefes alacak boşluk eklendi */
}


/* Sadece Ana Sayfada Görünmesi İçin */
.home .story-container { 
    display: flex; 
    justify-content: center; 
    flex-wrap: nowrap !important; 
    overflow-x: auto; 
    gap: 12px; 
    padding: 15px 8px !important; 
    margin-top: -10px !important; 
    align-items: flex-start;
}

/* Diğer sayfalarda görünmemesi için */
body:not(.home) .story-container {
    display: none !important;
}

.story-item { 
    display: flex; 
    flex-direction: column; 
    align-items: center; 
    text-decoration: none !important; 
    min-width: 75px; 
    max-width: 75px; 
}

.story-circle { 
    width: 70px; 
    height: 70px; 
    border-radius: 50%; 
    object-fit: cover;
    background: linear-gradient(to bottom, #ff0000 0%, #8b0000 100%) !important;
    padding: 3px; 
    box-shadow: 0 0 12px rgba(255, 0, 0, 0.6), 0 3px 5px rgba(0,0,0,0.3) !important;
    border: 3px solid #fff;
    margin-bottom: 6px;
    flex-shrink: 0;
}

.story-item span { 
    font-size: 10px; 
    font-weight: 700; 
    color: #333; 
    text-align: center;
    line-height: 1.1;
    display: block;
    word-wrap: break-word; 
    height: 24px; 
    overflow: hidden; 
}

/* Mobil Sıralama ve Filtre Oklarını Beyaza Zorlama */
.woodmart-shop-tools .commerce-ordering select,
.wd-shop-tools .woocommerce-ordering select,
.wd-action-btn > a[class*="filter"]::before,
.wd-action-btn > a[class*="filter"]::after,
.wd-action-btn[class*="filter"] a::before,
.wd-action-btn[class*="filter"] a::after,
[class*="ordering"]::before,
[class*="ordering"]::after,
[class*="filter"]::before,
[class*="filter"]::after {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
}

/* Her ihtimale karşı o kutunun içindeki tüm SVG ve i elementlerini beyaz yap */
div[class*="filter"] svg, 
div[class*="ordering"] svg,
a[class*="filter"] svg,
button[class*="filter"] svg,
.wd-action-btn svg {
    fill: #ffffff !important;
    color: #ffffff !important;
}

/* SADECE WEB (Masaüstü): Varsayılan Sıralama Kutusuna Beyaz Ok Ekleme */
@media (min-width: 1025px) {
    form.woocommerce-ordering select,
    .woocommerce-ordering select.orderby {
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important;
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>') !important;
        background-repeat: no-repeat !important;
        background-position: right 15px center !important;
        background-size: 14px !important;
        padding-right: 35px !important;
    }
}

/* SADECE MOBİL: Fazladan oku kaldır ve orijinal hali koru */
@media (max-width: 1024px) {
    form.woocommerce-ordering select,
    .woocommerce-ordering select.orderby {
        background-image: none !important;
        padding-right: initial !important;
    }
}

/* Mobildeki Sıralama Kutusunda Taşan "Va..." Yazısını Gizle */
@media (max-width: 1024px) {
    .woocommerce-ordering select.orderby,
    .wd-shop-tools .woocommerce-ordering select,
    .woodmart-shop-tools .woocommerce-ordering select {
        color: transparent !important; /* Kutu içindeki yazıyı şeffaf yapıp gizler */
    }
    
    /* Menüye tıklandığında açılan liste siyah okunaklı kalsın */
    .woocommerce-ordering select.orderby option,
    .wd-shop-tools .woocommerce-ordering select option {
        color: #000000 !important;
    }
}

/* ÖDEME SAYFASI: "Siparişi Onayla" Butonunu "Sepete Ekle" Tasarımına Dönüştürme */
body .woocommerce-checkout #payment #place_order,
body .woocommerce-checkout button#place_order,
#place_order {
    /* 1. Renk: Parlak kırmızı yerine koyu bordo led gradyan */
    background: #8a0505 !important;
    background: linear-gradient(to bottom, #8a0505 0%, #4a0000 100%) !important;
    
    /* 2. Şekil: Tam oval (pill) yerine 2. görseldeki gibi köşeli/hafif yuvarlak yapı */
    border-radius: 8px !important; 
    border: none !important;
    
    /* 3. Yazı: Net beyaz, kalın ve üzerindeki çirkin sarı/parlak gölgeleri sıfırlama */
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    text-transform: uppercase !important;
    text-shadow: none !important; 
    letter-spacing: 0.5px !important;
    
    /* 4. Boyut ve Gölgelendirme: Butonun etli durması ve altındaki tatlı siyah gölge */
    padding: 14px 28px !important;
    height: auto !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
    transition: all 0.25s ease-in-out !important;
}

/* Butonun Üzerine Gelindiğinde (Hover) Efekti */
body .woocommerce-checkout #payment #place_order:hover,
body .woocommerce-checkout button#place_order:hover,
#place_order:hover {
    background: #4a0000 !important;
    background: linear-gradient(to bottom, #4a0000 0%, #2b0000 100%) !important;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.35) !important;
    color: #ffffff !important;
}

/* ==========================================================================
   1. SİPARİŞİ ONAYLA BUTONU (BORDO GRADYAN VE YUMUŞAK KÖŞELER)
   ========================================================================== */
body .woocommerce-checkout #payment #place_order,
body .woocommerce-checkout button#place_order,
#place_order {
    background: #8a0505 !important;
    background: linear-gradient(to bottom, #8a0505 0%, #4a0000 100%) !important;
    border-radius: 8px !important; 
    border: none !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    text-transform: uppercase !important;
    text-shadow: none !important; 
    letter-spacing: 0.5px !important;
    padding: 14px 28px !important;
    height: auto !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
    transition: all 0.25s ease-in-out !important;
}

body .woocommerce-checkout #payment #place_order:hover,
body .woocommerce-checkout button#place_order:hover,
#place_order:hover {
    background: #4a0000 !important;
    background: linear-gradient(to bottom, #4a0000 0%, #2b0000 100%) !important;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.35) !important;
}

/* ==========================================================================
   2. DENGELİ PREMIUM FORM VE KART TASARIMI
   ========================================================================== */
.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review,
.wd-checkout-order-review {
    background: #ffffff !important;
    padding: 30px !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04) !important;
    border: 1px solid #e2e8f0 !important;
    margin-bottom: 30px !important;
}

/* Başlıklar (Çizgisiz, sade ve net) */
.woocommerce-checkout h3, 
#order_review_heading {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border: none !important;
    padding-left: 0 !important;
    margin-bottom: 25px !important;
}

/* Giriş Kutuları (Inputs) */
.woocommerce-checkout input.input-text,
.woocommerce-checkout select,
.woocommerce-checkout textarea,
.select2-container--default .select2-selection--single {
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
    height: auto !important;
    background-color: #f8fafc !important;
    color: #1e293b !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    transition: all 0.2s ease !important;
}

.woocommerce-checkout input.input-text:focus,
.woocommerce-checkout select:focus,
.woocommerce-checkout textarea:focus,
.select2-container--default.select2-container--open .select2-selection--single {
    border-color: #8a0505 !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(138, 5, 5, 0.15) !important;
    outline: none !important;
}

.woocommerce-checkout .form-row label {
    font-weight: 700 !important;
    color: #334155 !important;
    margin-bottom: 6px !important;
    font-size: 13px !important;
}

/* Ödeme Yöntemleri Paneli */
.woocommerce-checkout #payment ul.payment_methods {
    padding: 0 !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    overflow: hidden;
}
.woocommerce-checkout #payment ul.payment_methods li {
    padding: 15px 20px !important;
    border-bottom: 1px solid #e2e8f0 !important;
}
.woocommerce-checkout #payment ul.payment_methods li:last-child {
    border-bottom: none !important;
}
.woocommerce-checkout input[type="radio"] {
    accent-color: #8a0505 !important;
    margin-right: 10px !important;
}

/* Sağ Taraf Fiyat Tablosu */
.woocommerce-checkout-review-order-table th, 
.woocommerce-checkout-review-order-table td {
    padding: 16px 0 !important;
    font-size: 14px !important;
    border-bottom: 1px solid #f1f5f9 !important;
}
.woocommerce-checkout-review-order-table .order-total th, 
.woocommerce-checkout-review-order-table .order-total td {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    border-top: 1px solid #e2e8f0 !important;
    padding-top: 20px !important;
}
.woocommerce-checkout-review-order-table .order-total td span.amount {
    color: #8a0505 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
}

/* ==========================================================================
   3. SON İSTENEN DÜZELTMELER VE RÖTUŞLAR
   ========================================================================== */

/* 1. Düzeltme: "Farklı bir adrese gönderilsin mi?" Yazısını Uyumlu ve Küçük Yapma */
#ship-to-different-address,
#ship-to-different-address label, 
#ship-to-different-address span {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #475569 !important;
}

/* 2. Düzeltme: Ürün Adeti İçindeki Görünmeyen Siyah Rakamı Düzeltme */
.woocommerce-checkout .quantity input[type="number"],
.woocommerce-checkout .quantity input.qty,
.wd-checkout-order-review .quantity input.qty {
    color: #1e293b !important;
    background-color: #ffffff !important;
    display: inline-block !important;
    opacity: 1 !important;
}

/* 3. Düzeltme: image_473829.png Dosyasındaki O Fonksiyonsuz 3 Çizgiyi Kaldırma */
.woocommerce-checkout .wd-sidebar-opener,
.woocommerce-checkout .woodmart-show-sidebar-btn,
.woocommerce-checkout [class*="sidebar-btn"] {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Ödeme Sayfası Adet Kutusundaki Hayalet Rakamı Zorla Göster */
.woocommerce-checkout .quantity input[type="number"],
.woocommerce-checkout .quantity input,
.woocommerce-checkout-review-order-table .quantity input,
.wd-checkout-order-review .quantity input {
    color: #1e293b !important; /* Yazı rengini koyu gri yapar */
    -webkit-text-fill-color: #1e293b !important; /* Safari/Chrome için renk zorlaması */
    font-size: 15px !important; /* Eğer sıfırlandıysa boyutu geri getirir */
    font-weight: 700 !important;
    text-align: center !important;
    opacity: 1 !important;
    visibility: visible !important;
    line-height: 1 !important;
    padding: 0 !important; /* Rakamın aşağı/yukarı kayıp gizlenmesini engeller */
}

/* ==========================================================================
   WOODMART MOBİL MENÜ: DRILLDOWN İPTAL VE KOMPLE DÜZ LİSTE YAPMA
   ========================================================================== */
@media (max-width: 1024px) {
    
    /* 1. Menü panellerinin sola/sağa kaymasını ve gizlenmesini tamamen engelle */
    .wd-nav-mobile .wd-menu-views,
    .wd-nav-mobile .wd-menu-view,
    .mobile-menu-container .wd-menu-views,
    .mobile-menu-container .wd-menu-view {
        transform: none !important;
        display: block !important;
        position: relative !important;
        left: 0 !important;
        width: 100% !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    /* 2. Gizlenen tüm alt menüleri (Tüm Kategoriler'in altındakileri) zorla görünür yap */
    .wd-nav-mobile li ul,
    .wd-nav-mobile .wd-sub-menu,
    .mobile-menu-container li ul,
    .mobile-menu-container .sub-menu {
        display: block !important;
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
        box-shadow: none !important;
        background-color: transparent !important;
        padding-left: 20px !important; /* Alt kategoriler biraz içeriden başlasın */
    }

    /* 3. JavaScript ile oluşturulan ekstra/kopya menü pencerelerini gizle */
    .wd-nav-mobile .wd-menu-view:not(:first-child),
    .mobile-menu-container .wd-menu-view:not(:first-child) {
        display: none !important;
    }

    /* 4. Sağdaki o yana geçişi sağlayan ok butonlarını ( > ) tamamen yok et */
    .wd-nav-mobile .wd-opener,
    .wd-nav-mobile .wd-arrow,
    .mobile-menu-container .wd-opener,
    .mobile-menu-container .wd-arrow {
        display: none !important;
    }

    /* 5. Varsa üstte çıkan "Geri Dön" (Back) buton şeridini gizle */
    .wd-nav-mobile .wd-heading-back,
    .mobile-menu-container .wd-heading-back,
    .wd-nav-mobile .mobile-menu-heading {
        display: none !important;
    }
}

/* Mobil Menü: Sönük/Soluk Alt Kategorileri Canlandırma ve Belirginleştirme */
@media (max-width: 1024px) {
    .wd-nav-mobile .sub-menu li a,
    .wd-nav-mobile .wd-sub-menu li a,
    .mobile-menu-container .sub-menu li a {
        color: #1e293b !important; /* Faded gri yerine net, okunabilir koyu füme/siyah tonu */
        opacity: 1 !important; /* Temanın verdiği o solukluk/şeffaflık efektini tamamen öldürür */
        font-weight: 600 !important; /* Yazıları biraz daha etli ve dolgun yapar */
        font-size: 13px !important; /* İdeal okunma boyutu */
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    /* Görselde "TÜM KATEGORİLER"in sağında kalan o işlevsiz ">" okunu da tamamen kazımak için */
    .wd-nav-mobile .wd-nav-opener,
    .wd-nav-mobile .wd-menu-opener,
    .mobile-menu-container .wd-nav-opener,
    .wd-nav-mobile li.menu-item-has-children > a + span,
    [class*="wd-nav-opener"] {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
    }
}

/* Mobil Menüdeki Tüm Başlıkların Zorunlu Büyük Harf Olmasını Engelle */
.wd-nav-mobile li a,
.wd-nav-mobile li a .nav-link-text,
.mobile-menu-container .wd-nav-mobile li a,
.wd-menu-views .wd-nav-mobile li a {
    text-transform: none !important; /* Büyük harf filtresini tamamen iptal eder */
}