@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//pixkumas.com/wp-content/themes/woodmart/fonts/woodmart-font-1-300.woff2?v=8.3.7") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//pixkumas.com/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//pixkumas.com/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//pixkumas.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//pixkumas.com/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//pixkumas.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//pixkumas.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//pixkumas.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//pixkumas.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-header-banner-h: 65px;
	--wd-text-font: "hkgroteskpro", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 16px;
	--wd-title-font: "hkgroteskpro", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-color: #242424;
	--wd-entities-title-font: "hkgroteskpro", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "hkgroteskpro", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "hkgroteskpro", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 15px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(51,51,51);
	--wd-alternative-color: rgb(27,100,168);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(51,51,51);
	--btn-accented-bgcolor-hover: rgb(0,0,0);
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(221,153,51);
	--notices-warning-color: rgb(255,255,255);
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(255,255,255);
	background-image: url();
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
.header-banner {
	background-color: rgb(241,246,242);
	background-image: none;
}
: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: rgb(251,251,251);
	background-image: none;
}
html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
	font-family: "hkgroteskpro", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 36px;
	text-transform: capitalize;
}
html .product.wd-cat .wd-entities-title, html .product.wd-cat.cat-design-replace-title .wd-entities-title, html .wd-masonry-first .wd-cat:first-child .wd-entities-title {
	font-family: "hkgroteskpro", Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-size: 28px;
	text-transform: capitalize;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-header-banner-h: 90px;
	}

}

@media (max-width: 768.98px) {
	html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
		font-size: 26px;
	line-height: 35px;
	}
	html .product.wd-cat .wd-entities-title, html .product.wd-cat.cat-design-replace-title .wd-entities-title, html .wd-masonry-first .wd-cat:first-child .wd-entities-title {
		font-size: 21px;
	}

}
:root{
--wd-container-w: 1400px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}

@media (min-width: 1400px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1400px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1400px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}

rs-slides :is([data-type=text],[data-type=button]) {
font-family: hkgroteskpro !important;
}
rs-slides :is(h1,h2,h3,h4,h5,h6)[data-type=text] {
font-family: hkgroteskpro !important;
}

.wd-page-title {
background-color: rgb(21,21,21);
}

@font-face {
	font-family: "hkgroteskpro";
	src: url("//pixkumas.com/wp-content/uploads/2021/08/HKGroteskPro-Light.woff2") format("woff2"), 
url("//pixkumas.com/wp-content/uploads/2021/08/HKGroteskPro-Light.woff") format("woff");
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: "hkgroteskpro";
	src: url("//pixkumas.com/wp-content/uploads/2021/08/hkgroteskpro-regular.woff2") format("woff2"), 
url("//pixkumas.com/wp-content/uploads/2021/08/hkgroteskpro-regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "hkgroteskpro";
	src: url("//pixkumas.com/wp-content/uploads/2021/08/hkgroteskpro-medium.woff2") format("woff2"), 
url("//pixkumas.com/wp-content/uploads/2021/08/hkgroteskpro-medium.woff") format("woff");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: "hkgroteskpro";
	src: url("//pixkumas.com/wp-content/uploads/2021/08/hkgroteskpro-semibold.woff2") format("woff2"), 
url("//pixkumas.com/wp-content/uploads/2021/08/hkgroteskpro-semibold.woff") format("woff");
	font-weight: 600;
	font-style: normal;
}

/* --- Yazar Meta Avatar Hizalama Başlangıç --- */

/* 1. Logoyu büyüt, ortala ve sağdan boşluk ver */
.meta-author .avatar {
  width: 36px !important;
  height: 36px !important;
  max-width: none !important;
  margin-right: 12px !important;
  display: inline-block !important; /* Düzgün hizalanması için */
  vertical-align: middle !important; /* Yazıya göre ortala */
}

/* 2. "Pix Kumaş" yazısını da ortala */
.meta-author a[rel="author"] {
  display: inline-block !important;
  vertical-align: middle !important;
}

/* 3. "0 Yorumlar" linkini de ortala (düzen bozulmasın diye) */
.meta-author .meta-reply {
  display: inline-block !important;
  vertical-align: middle !important;
}

/* --- Yazar Meta Avatar Hizalama Bitiş --- */


/* Ana sayfadaki blog paylaşım ikonlarını gizle */
.hovered-social-icons {
  display: none !important;
}




/*
 * 1. GENEL KAPSAYICI, MERKEZLEME VE ARKA PLAN
 * NOT: Merkezleme artık WPBakery Row'a uygulanan .merkezlenmis-form-satiri
 * sınıfı tarafından yapılacaktır.
 */
.ulasin-kapsayici {
    display: flex; /* İki sütunlu yapıyı etkinleştir */
    gap: 50px; /* Sütunlar arasına boşluk */
    background-color: #f7f5f2; /* Görseldeki arka plan rengi */
    align-items: flex-start; /* İçeriği yukarıdan hizala */
    max-width: 1200px; /* İçerik için maksimum genişlik */
    padding: 50px 20px; /* Kenar boşluğu */
}

/* WPBakery Row'u Merkezleme ve Genişliğini Kısıtlama */
.merkezlenmis-form-satiri {
    /* WPBakery Row'un varsayılan genişliğini kısıtla */
    max-width: 1200px !important; 
    
    /* Row'u sayfada ortala */
    margin-left: auto !important; 
    margin-right: auto !important; 
}


/* * 2. SOL SÜTUN VE İÇERİK STİLLERİ
 */
.ulasin-sol-sutun,
.ulasin-sag-sutun {
    flex: 1; /* Her iki sütunun da eşit genişlikte olmasını sağla */
    padding: 20px;
}

.ulasin-sol-sutun h1 {
    font-size: 3em; 
    margin-bottom: 30px;
    font-weight: 500; 
}

.ulasin-sol-sutun p {
    color: #444;
    line-height: 1.6;
}

/* Sosyal Medya İkonları */
.sosyal-ikonlar a {
    font-size: 1.2em;
    margin-right: 15px;
    color: #333; 
    text-decoration: none;
    transition: color 0.3s;
}

.sosyal-ikonlar a:hover {
    color: #bfa36a; 
}


/* * 3. SAĞ SÜTUN (FORM) STİLLERİ
 */

/* Formun üstündeki kısa metin */
.ulasin-sag-sutun .form-ust-metin {
    margin-bottom: 30px;
    line-height: 1.5;
    color: #444;
}

/* CF7 Form Alanları */
.ulasin-sag-sutun .wpcf7-form-control:not(.wpcf7-submit) {
    width: 100%; 
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #ccc; 
    border-radius: 0; 
    box-shadow: none; 
    background-color: white; 
    font-size: 1em;
}

/* Mesaj alanı (
/* FORM HİZALAMA DÜZELTMESİ */

/* Form alanlarını ve etiketleri sola dayalı hale getiren tüm potansiyel stilleri sıfırla */
.ulasin-sag-sutun .wpcf7-form label,
.ulasin-sag-sutun .wpcf7-form p,
.ulasin-sag-sutun .wpcf7-form input[type="text"],
.ulasin-sag-sutun .wpcf7-form input[type="email"],
.ulasin-sag-sutun .wpcf7-form textarea,
.ulasin-sag-sutun .wpcf7-form .wpcf7-response-output {
    /* Hizalama stillerini varsayılana ayarla */
    text-align: left !important;
    float: none !important;
    display: block !important;
}

/* Butonun sola hizalandığından emin olalım */
.ulasin-sag-sutun .wpcf7-submit {
    display: inline-block !important;
    float: none !important;
}




/* Woodmart Filtre Sayılarını Kesin Gizleme */
.wd-filter-list .count,
.wd-swatches-filter .count,
.wc-layered-nav-term .count,
.widget_layered_nav span.count,
.widget_layered_nav_filters .count {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}




/* Hostinger Bülten Kutusunu YOK ET */
.hostinger-reach-optin__checkbox-wrapper,
.hostinger-reach-optin__checkbox-text,
.hostinger-reach-optin {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}




/* Gizlilik Linkini Düzenle (Kelimeleri Bölme) */
.woocommerce-privacy-policy-text p {
    display: inline !important;
    line-height: 1.5 !important; /* Satır arasını rahatlatır */
}

.woocommerce-privacy-policy-text a {
    display: inline-block !important; /* Bütünlük sağlar */
    font-weight: 700 !important; /* Kalınlık */
    text-decoration: underline !important; /* Altı çizili */
    white-space: nowrap !important; /* SİHİRLİ KOD: Kelimeleri asla alt satıra bölmez */
    margin: 0 3px !important; /* Sağdan soldan minik boşluk */
}







/* Woodmart Liste Fiyat Filtresini YOK ET */
#WOODMART_Widget_Price_Filter,
.woodmart-price-filter.widget {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
}









/* --- 1. GENİŞLİK AYARI (%98) --- */
.widget_price_filter .price_slider_wrapper,
.widget_price_filter .ui-slider {
    max-width: 98% !important;
    width: 98% !important;
    margin-right: auto !important; 
}

/* --- 2. ANA ÇUBUK (Zemin) --- */
.widget_price_filter .ui-slider-horizontal {
    height: 1.5px !important;
    background-color: #e5e5e5 !important;
    border: none !important;
    margin-bottom: 20px !important;
}

/* --- 3. DOLU KISIM (Seçili Alan) --- */
.widget_price_filter .ui-slider .ui-slider-range {
    height: 1.5px !important;
    background-color: #171717 !important;
}

/* --- TUTACAKLARA (İMLEÇLERE) DOKUNMADIM (ORİJİNAL) --- */

/* --- 4. RAKAMLAR VE YAZILAR --- */
.widget_price_filter .price_label {
    font-size: 13px !important;
    color: #777777 !important;
    font-weight: 400 !important;
    letter-spacing: 0.5px;
    line-height: 1.5 !important;
}

.widget_price_filter .price_label .amount {
    font-weight: 500 !important;
    color: #171717 !important;
}

/* --- 5. FİLTRELE BUTONU (2px SOLA ALINDI & HAFİF EFEKT) --- */
.widget_price_filter .button {
    font-size: 9px !important; 
    padding: 3px 9px !important;
    background-color: #f5f5f5 !important;
    color: #333 !important;
    border-radius: 3px !important;
    font-weight: 600 !important;
    letter-spacing: 1.2px !important; 
    text-transform: uppercase;
    float: right;
    
    /* İŞTE O 2PX AYARI: Sağa boşluk vererek sola ittik */
    margin-right: 6px !important; 
    
    transition: all 0.3s ease;
}

/* Hover: ÇOK SİLİK VE HAFİF */
.widget_price_filter .button:hover {
    background-color: #eeeeee !important; /* Çok çok açık gri */
    box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important; /* Yok gibi bir gölge */
    color: #000 !important;
}







/* BÜYÜK HARF İPTALİ - PATRON KODU */
body .ozel-baslik .wd-entities-title,
body .ozel-baslik h3 {
    text-transform: none !important; /* Zorla iptal et */
    font-family: 'Jost', sans-serif !important; /* Fontu değiştir */
    font-weight: 500 !important; /* Kalınlık */
    font-size: 22px !important; /* Boyut */
    letter-spacing: normal !important; /* Harf aralığını normale döndür */
}











/* --- PIX KUMAŞ FİNAL BÜLTEN CSS (TEMİZ HALİ) --- */

/* 1. Kapsayıcı Ayarları */
.pix-demo-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.pix-demo-box {
    display: flex;
    align-items: center;
    gap: 10px;
    width: auto;
}

/* Tüm kutu modellerini sabitle */
.pix-demo-box * { box-sizing: border-box !important; }

/* 2. E-posta Kutusu Tasarımı */
.pix-demo-box input[type="email"] {
    width: 290px !important;
    height: 43px !important;
    background-color: transparent !important;
    border: 1px solid #cccccc !important;
    padding: 0 15px !important;
    font-size: 13px !important;
    color: #333 !important;
    border-radius: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    margin: 0 !important;
}

.pix-demo-box input[type="email"]::placeholder {
    color: #666666 !important;
    opacity: 1 !important;
}

/* 3. Buton Tasarımı */
.pix-demo-box button {
    width: 120px !important;
    height: 43px !important;
    background-color: #242424 !important;
    color: #fff !important;
    border: none !important;
    padding: 0 !important;
    font-size: 12px !important;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    border-radius: 0 !important;
    cursor: pointer;
    margin: 0 !important;
    line-height: 43px !important;
    flex-shrink: 0;
}

.pix-demo-box button:hover {
    background-color: #3d3d3d !important;
}

/* 4. Özel Teşekkür Mesajı Ayarları */
.reach-subscription-message {
    text-align: center;
    color: #333333;
    padding: 10px;
    margin-top: 5px;
    font-size: 0 !important; /* Orijinal yazıyı gizle */
}

/* Yeni Mesaj */
.reach-subscription-message::after {
    content: "Aboneliğin başarıyla oluşturuldu. Yeni desenler, koleksiyonlar ve özel fırsatlar yakında mail kutunda olacak.";
    font-size: 15px !important;
    font-weight: 400 !important; /* İnce ve Zarif */
    line-height: 1.5;
    display: block;
}

/* Mesaj çıkınca formu gizle */
form:has(.reach-subscription-message:not([style*="none"])) .pix-demo-box {
    display: none !important;
}

/* 5. Mobil Uyumluluk */
@media (max-width: 500px) {
    .pix-demo-wrapper { padding: 0 1px; }
    
    .pix-demo-box {
        display: flex !important;
        flex-direction: row !important;
        width: 100% !important;
        gap: 5px !important;
    }
    
    /* Mobilde Input Esnekliği */
    .pix-demo-box input[type="email"] {
        width: auto !important;
        flex: 1 !important;
        height: 42px !important;
        min-width: 0 !important;
        font-size: 12px !important;
        padding: 0 10px !important;
    }
    
    /* Mobilde Buton Sabitliği */
    .pix-demo-box button {
        width: 90px !important;
        height: 42px !important;
        padding: 0 !important;
        font-size: 11px !important;
        line-height: 42px !important;
    }
}










/* --- IPAD PRO ÖZEL DÜZELTME --- */
@media only screen and (min-width: 1024px) and (max-width: 1100px) {
    .ipad-ozel-gorsel {
        /* Görseli 50px sağa it (Bu değeri artırıp azaltabilirsin) */
        transform: translateX(110px) !important; 
        
        /* Eğer yukarıdaki çalışmazsa bunu dene: */
        /* margin-left: 50px !important; */
    }
}














/* ================================================= */
/* 1. ÖZEL AYAR: 'KOLEKSİYONA GÖRE SEÇ' (DOKUNMADIK) */
/* ================================================= */

/* Başlık Boşluğu */
#woodmart_mega_menu_widget-2 .widget-title {
    margin-bottom: 20px !important; 
    padding-bottom: 0 !important;
}

/* Liste Aralığı (15px Sabit) */
#menu-koleksiyon-filtre-menusu li {
    margin-bottom: 15px !important; 
    padding-bottom: 0 !important;
    line-height: 1 !important; 
}

/* İkon Ayarı (25px Sabit) */
#menu-koleksiyon-filtre-menusu li a img,
#menu-koleksiyon-filtre-menusu li a .wd-nav-img {
    margin-right: 12px !important; 
    width: 25px !important;      
    height: 25px !important;     
    min-width: 25px !important;  
    min-height: 25px !important; 
    max-width: 25px !important;  
    object-fit: contain !important;
    display: block !important; 
}


/* ================================================= */
/* 2. ÖZEL AYAR: 'KUMAŞ TÜRÜ' (MİKRO AYAR YAPILDI)   */
/* ================================================= */

/* Kutu Genel Boşluğu */
#nav_mega_menu-3 {
    margin-bottom: 25px !important; 
    padding-bottom: 0 !important;
}

/* BAŞLIK BOŞLUĞU (KISTIK: 20px -> 19px) */
#nav_mega_menu-3 .widget-title {
    /* O 0.5'lik hissi vermek için 19px yaptık */
    margin-bottom: 19px !important;
    padding-bottom: 0 !important;
}

/* LİSTE ARALIĞI (KISTIK: 10px -> 7px) */
#menu-kumas-turu-menusu li {
    /* Bir tık daha yaklaştırdık */
    margin-bottom: 7px !important; 
    
    padding-bottom: 0 !important;
    line-height: 1 !important; 
}


/* ================================================= */
/* 3. ORTAK YAZI AYARI (ORJİNAL GÖRÜNÜM)             */
/* ================================================= */

.widget_nav_mega_menu ul li a {
    display: flex !important;
    align-items: center !important;
    background: transparent !important;
    padding: 0 !important;
    min-height: auto !important; 
    
    font-family: var(--wd-text-font) !important;
    font-weight: 400 !important;
    color: var(--wd-text-color) !important;
    font-style: normal !important;
    font-size: inherit !important; 
    text-transform: capitalize !important; 
    
    line-height: 25px !important; 
}

/* Hover Efekti */
.widget_nav_mega_menu ul li a:hover {
    color: var(--wd-primary-color) !important;
    background: transparent !important;
}










/* Konu içindeki yorum baloncuğunu gizle - HTML'e göre */
.wd-post-reply {
    display: none !important;
}












/* --- İKON HİZALAMA AYARI --- */

/* MOBİL İÇİN (1px aşağı indir) */
@media (max-width: 1024px) {
    .woocommerce-info::before {
        margin-top: 1px !important;
    }
}

/* MASAÜSTÜ İÇİN (1px yukarı çek) */
@media (min-width: 1025px) {
    .woocommerce-info::before {
        margin-top: -1.5px !important;
    }
}













/* --- KUPONLARIM İKONU: YENİ LİNK YAPISINA UYGUN (BÜYÜK VE İNCE) --- */

/* Link içinde 'kuponlarim' geçen öğenin ikonunu hedefliyoruz */
a[href*="kuponlarim"] .wd-nav-icon::before {
    /* 1. Temizlik: Woodmart'ın dişlisini siliyoruz */
    content: "" !important;
    
    /* 2. FİZİKSEL BOYUT */
    display: inline-block !important;
    width: 25px !important; 
    height: 25px !important;
    
    /* 3. BOYUT VE HİZA: Senin istediğin 2.2 ölçek */
    transform: scale(2.2) translateY(-1px) !important;
    transform-origin: center center !important;
    
    /* 4. HİZALAMA */
    vertical-align: middle !important;
    
    /* 5. RENK & ŞEKİL (Çizgiler 1.2 - Daha İnce) */
    background-color: currentColor !important;
    
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 12 20 22 4 22 4 12'%3E%3C/polyline%3E%3Crect x='2' y='7' width='20' height='5'%3E%3C/rect%3E%3Cline x1='12' y1='22' x2='12' y2='7'%3E%3C/line%3E%3Cpath d='M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z'%3E%3C/path%3E%3Cpath d='M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z'%3E%3C/path%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 12 20 22 4 22 4 12'%3E%3C/polyline%3E%3Crect x='2' y='7' width='20' height='5'%3E%3C/rect%3E%3Cline x1='12' y1='22' x2='12' y2='7'%3E%3C/line%3E%3Cpath d='M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z'%3E%3C/path%3E%3Cpath d='M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z'%3E%3C/path%3E%3C/svg%3E") !important;

    -webkit-mask-size: contain !important;
    mask-size: contain !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
}















/* Kupon linkinin altındaki çizgiyi kaldır ve kalınlaştır */
.woocommerce-form-coupon-toggle .showcoupon {
    text-decoration: none !important; /* Alt çizgiyi sil */
    font-weight: 700 !important; /* Kalın (Bold) yap */
    border-bottom: none !important; /* Varsa sınır çizgisini de sil */
    color: #000000 !important; /* Rengi siyah olsun */
}

/* Üzerine gelince rengi hafif grileşsin (Tıklanabilir hissi verir) */
.woocommerce-form-coupon-toggle .showcoupon:hover {
    color: #555555 !important;
}













/* --- PIX KUMAŞ MARKA BANDI: NİHAİ SİMETRİ PAKETİ --- */
@media (min-width: 768px) {
    /* Ana Şerit: Ekranı tam matematiksel merkezde tutar */
    .pix-marka-bandi .vc_carousel-inner,
    .pix-marka-bandi .vc_carousel-slideline-inner {
        display: flex !important;
        justify-content: center !important; 
        width: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
        transform: none !important;
    }

    /* Logo Yuvaları: 7 adet eşit slot. Simetriyi bu korur. */
    .pix-marka-bandi .vc_item {
        width: calc(100% / 7) !important; 
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        flex: 1 1 0 !important; 
    }
}

/* --- LOGO BOYUT AYARI: ŞERİT KENARLARINI ETKİLEMEZ --- */
.pix-marka-bandi img {
    height: 100px !important;
    width: 100% !important;   
    max-width: 160px !important; 
    object-fit: contain !important;
    
    /* LOGOLARI BURADAN KÜÇÜLT:
       Canva'daki boşluk hatalarını dengelemek için 
       buradaki padding değerini 25px yapmanı öneririm. */
    padding-top: 15px !important; 
    padding-bottom: 15px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    
    box-sizing: border-box !important;
    image-rendering: -webkit-optimize-contrast !important;
    display: block !important;
    margin: 0 auto !important;
}










/* --- PIX KUMAŞ: ULTRA-RAFİNE SİSTEM (CSS) --- */

.pix-marka-bandi .vc_item {
    position: relative !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    pointer-events: none !important;
}

.pix-marka-bandi .vc_item img,
.pix-marka-bandi .vc_item a {
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* 1. Gri Logo: Temayı durdurmak için scale(1) çivisi */
.pix-marka-bandi .vc_item img {
    opacity: 1 !important;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out !important;
    backface-visibility: hidden !important;
    transform: scale(1) !important;
    -webkit-font-smoothing: antialiased !important;
}

/* 2. Renkli Logo: 0.4s geçişli üst katman */
.pix-marka-bandi .vc_item::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) scale(1) !important;
    width: 140px !important; 
    height: 80px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    opacity: 0 !important;
    z-index: 2 !important;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out !important;
    image-rendering: -webkit-optimize-contrast !important;
    will-change: opacity, transform;
}

/* --- 3. HOVER DURUMLARI --- */
.pix-marka-bandi .vc_item:hover img { 
    opacity: 0 !important;
    transform: scale(1) !important; 
}

.pix-marka-bandi .vc_item:hover::before { 
    opacity: 1 !important; 
    /* CSS tarafındaki mikro büyüme */
    transform: translate(-50%, -50%) scale(1.001) !important; 
}

/* 4. Active: Tıklama Tepkisi */
.pix-marka-bandi .vc_item:active {
    transform: scale(0.99) !important;
    transition: 0.1s !important;
}

/* --- LOGO LİSTESİ --- */
.pix-marka-bandi .vc_item:nth-child(1)::before { background-image: url('https://pixkumas.com/wp-content/uploads/2025/12/20251220_034814_0000.png') !important; }
.pix-marka-bandi .vc_item:nth-child(2)::before { background-image: url('https://pixkumas.com/wp-content/uploads/2025/12/20251220_035354_0000.png') !important; }
.pix-marka-bandi .vc_item:nth-child(3)::before { background-image: url('https://pixkumas.com/wp-content/uploads/2025/12/20251220_035455_0000.png') !important; }
.pix-marka-bandi .vc_item:nth-child(4)::before { background-image: url('https://pixkumas.com/wp-content/uploads/2025/12/20251220_040005_0000.png') !important; }
.pix-marka-bandi .vc_item:nth-child(5)::before { background-image: url('https://pixkumas.com/wp-content/uploads/2025/12/20251220_040329_0000.png') !important; }

.pix-marka-bandi .vc_item:nth-child(6)::before, .pix-marka-bandi .vc_item:nth-of-type(6)::before { background-image: url('https://pixkumas.com/wp-content/uploads/2025/12/20251220_040517_0000.png') !important; }
.pix-marka-bandi .vc_item:nth-child(7)::before, .pix-marka-bandi .vc_item:nth-of-type(7)::before { background-image: url('https://pixkumas.com/wp-content/uploads/2025/12/20251220_040900_0000.png') !important; }@media (min-width: 1025px) {
	/* Uyarı kutusundaki butonu düzgünce aşağı indir */
.woocommerce-info .button, 
.woocommerce-info a.wc-forward,
.woocommerce-message .button {
    display: inline-block !important; /* Çapraz kaymayı önler */
    vertical-align: middle !important; /* Satırın ortasına getirir */
    transform: translateY(2.5px); /* 4px aşağı indirir (Bunu artırıp azaltabilirsin) */
    float: none !important; /* Sağa sola kaçmasını engeller */
}
}

@media (min-width: 768px) and (max-width: 1024px) {
	/* Tablet Yatay Mod Düzeltmesi v2 */
@media (min-width: 768px) and (max-width: 1199px) {
    
    /* Başlığı Zorla Küçült */
    .tablet-ozel-yazi .banner-title,
    .tablet-ozel-yazi h3,
    .tablet-ozel-yazi h4, 
    .tablet-ozel-yazi .woodmart-banner-content {
        font-size: 14px !important; /* Yazıyı iyice küçülttüm */
        line-height: 1.2 !important;
        margin-bottom: 2px !important;
        padding-bottom: 0 !important;
    }

    /* Eğer orada bir altyazı varsa onu da küçült */
    .tablet-ozel-yazi .banner-subtitle {
        font-size: 10px !important;
        margin-bottom: 0 !important;
    }

    /* İkonu da biraz kibarlaştır */
    .tablet-ozel-yazi .promo-banner-image {
        margin-bottom: 5px !important;
    }
}







}

@media (max-width: 576px) {
	/* ================================================= */
/* MOBİL ÖZEL AYARLAR (MENÜ + FİLTRE DÜZELTMESİ)     */
/* ================================================= */

@media (max-width: 768px) {
    
    /* --- 1. MENÜ AYARLARI --- */
    #nav_mega_menu-3 {
        margin-bottom: 0px !important; 
    }
    #woodmart_mega_menu_widget-2 {
        margin-top: -18px !important; 
    }
    #menu-koleksiyon-filtre-menusu {
        margin-top: 25px !important; 
    }

    /* --- 2. FİLTRELER BÖLÜMÜ (SIKIŞTIRILMIŞ VERSİYON) --- */
    
    .shop-loop-head {
        flex-direction: column !important;
        align-items: flex-start !important;
        height: auto !important; 
    }
    
    /* BURAYI KISTIK: 10px yerine 4px yaptık */
    .shop-loop-head .woocommerce-breadcrumb {
        margin-bottom: 4px !important;
        width: 100% !important;
    }

    .shop-loop-head .wd-shop-tools {
        width: 100% !important;
        justify-content: flex-start !important;
        margin-top: 0px !important; /* Burayı da sıfırladım ki iyice yaklaşsın */
    }
}












/* Sarı Bilgi Kutusu - Sola Dayalı Düzen */
.woocommerce-account .woocommerce-info {
    display: flex !important;           /* Esnek kutu */
    flex-direction: column !important;  /* Alt alta sırala */
    align-items: flex-start !important; /* Her şeyi SOLA daya */
    text-align: left !important;        /* Yazı yönü SOL */
    padding: 20px 20px 20px 45px !important; /* Soldan ikon payı bırakarak boşluk ver */
    gap: 10px !important;               /* Yazı ile buton arasını aç */
    position: relative !important;
}

/* Kutu içindeki İkon Ayarı (İkon yazının üstüne çıkmasın) */
.woocommerce-account .woocommerce-info::before {
    top: 22px !important;              /* İkonu biraz yukarı sabitle */
    left: 15px !important;             /* İkonu en sola al */
    position: absolute !important;
}

/* "Ürünlere Göz At" Butonu */
.woocommerce-account .woocommerce-info a {
    margin: 0 !important;              /* Kenar boşluklarını sıfırla */
    display: inline-block !important;
}












@media (max-width: 767px) {
    /* 1. Şerit: Kaydırmayı akıcı yapar ve dikeyde merkezler */
    .pix-marka-bandi,
    .pix-marka-bandi .vc_carousel {
        height: 105px !important;
        padding: 0 !important;
        overflow-x: auto !important; 
        overflow-y: hidden !important;
        display: flex !important;
        align-items: center !important;
        -webkit-overflow-scrolling: touch !important;
        touch-action: pan-x !important;
        scrollbar-width: none !important;
    }

    /* Scroll barı gizler */
    .pix-marka-bandi::-webkit-scrollbar { display: none !important; }

    /* Gereksiz Woodmart/WPBakery oklarını ve noktalarını gizler */
    .pix-marka-bandi .vc_carousel-control,
    .pix-marka-bandi .vc_carousel-indicators { display: none !important; }

    .pix-marka-bandi .vc_carousel-inner,
    .pix-marka-bandi .vc_carousel-slideline {
        overflow: visible !important; 
        width: auto !important; /* Hayalet boşluğu önleyen kritik ayar */
        display: flex !important;
        align-items: center !important; 
    }

    .pix-marka-bandi .vc_carousel-slideline-inner {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        width: max-content !important; 
        transform: none !important; 
        left: 0 !important; 
    }

    /* 2. Logo Yuvaları: Mobilde yan yana dizilim mesafesi */
    .pix-marka-bandi .vc_item {
        width: 160px !important; 
        min-width: 160px !important;
        margin-right: 20px !important; 
        flex-shrink: 0 !important;
        display: flex !important;
        align-items: center !important; 
        justify-content: center !important;
    }

    /* Kritik: Son logonun sağındaki boşluğu silerek kaydırmayı tam orada bitirir */
    .pix-marka-bandi .vc_item:last-child {
        margin-right: 0 !important;
    }

    /* 3. Logo Boyut Ayarı: "Bir tık küçük" dursun dediğimiz ayar */
    .pix-marka-bandi img {
        height: 100px !important;
        width: 160px !important;
        object-fit: contain !important;
        
        /* [ZOOM AYARI] Logoları kibarlaştırmak için 20px yaptık. 
           Daha da küçültmek istersen bu rakamı 25 yapabilirsin. */
        padding: 17px !important; 
        
        box-sizing: border-box !important;
        pointer-events: none !important; 
    }
}
}