@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=7.1.4") format("woff2");
}

.wd-popup.wd-promo-popup{
	background-color:rgb(255,255,255);
	background-image: url(http://pixkumas.com/wp-content/uploads/2021/08/sweets-bakery-popup.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

.header-banner{
	background-color:rgb(241,246,242);
	background-image: none;
}

.page-title-default{
	background-color:rgb(21,21,21);
	background-image: none;
	background-size:cover;
	background-position:center center;
}

.footer-container{
	background-color:rgb(251,251,251);
	background-image: none;
}

:root{
--wd-text-font:"hkgroteskpro", Arial, Helvetica, sans-serif;
--wd-text-font-weight:400;
--wd-text-color:#777777;
--wd-text-font-size:16px;
}
:root{
--wd-title-font:"hkgroteskpro", Arial, Helvetica, sans-serif;
--wd-title-font-weight:500;
--wd-title-color:#242424;
}
:root{
--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%);
}
:root{
--wd-alternative-font:"Lato", Arial, Helvetica, sans-serif;
}
:root{
--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;
}
:root{
--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;
}
html .page-title > .container > .title{
	font-family: "hkgroteskpro", Arial, Helvetica, sans-serif;font-weight: 400;font-size: 36px;text-transform: capitalize;
}

@media (max-width: 767px){
html .page-title > .container > .title{
	font-size: 26px;line-height: 35px;
}

}
html .product.category-grid-item .wd-entities-title, html .product.category-grid-item.cat-design-replace-title .wd-entities-title, html .categories-style-masonry-first .category-grid-item:first-child .wd-entities-title, html .product.wd-cat .wd-entities-title{
	font-family: "hkgroteskpro", Arial, Helvetica, sans-serif;font-weight: 300;font-size: 28px;text-transform: capitalize;
}

@media (max-width: 767px){
html .product.category-grid-item .wd-entities-title, html .product.category-grid-item.cat-design-replace-title .wd-entities-title, html .categories-style-masonry-first .category-grid-item:first-child .wd-entities-title, html .product.wd-cat .wd-entities-title{
	font-size: 21px;
}

}
:root{
--wd-primary-color:rgb(51,51,51);
}
:root{
--wd-alternative-color:rgb(27,100,168);
}
:root{
--wd-link-color:#333333;
--wd-link-color-hover:#242424;
}
:root{
--btn-default-bgcolor:#f7f7f7;
}
:root{
--btn-default-bgcolor-hover:#efefef;
}
:root{
--btn-accented-bgcolor:rgb(51,51,51);
}
:root{
--btn-accented-bgcolor-hover:rgb(0,0,0);
}
:root{
--notices-success-bg:#459647;
}
:root{
--notices-success-color:#fff;
}
:root{
--notices-warning-bg:#E0B252;
}
:root{
--notices-warning-color:#fff;
}
	:root{
					
			
							--wd-form-brd-radius: 0px;
					
					--wd-form-brd-width: 1px;
		
					--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: 1025px) {
			.whb-boxed:not(.whb-sticked):not(.whb-full-width) .whb-main-header {
				max-width: 1370px;
			}
		}

		.container {
			max-width: 1400px;
		}

		:root{
			--wd-container-width: 1400px;
		}
	
			@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);
			}
		}
	
			div.wd-popup.popup-quick-view {
			max-width: 920px;
		}
	
			div.wd-popup.wd-promo-popup {
			max-width: 800px;
		}
	
	
			:root {
			--wd-header-banner-h: 60px;
		}
		@media (max-width: 1024px) {
			:root {
				--wd-header-banner-h: 55px;
			}
		}
	
			.woodmart-woocommerce-layered-nav .wd-scroll-content {
			max-height: 223px;
		}
	
					rs-slides [data-type=text],
		rs-slides [data-type=button] {
			font-family: hkgroteskpro !important;
		}
		
					rs-slides h1[data-type=text],
			rs-slides h2[data-type=text],
			rs-slides h3[data-type=text],
			rs-slides h4[data-type=text],
			rs-slides h5[data-type=text],
			rs-slides h6[data-type=text] {
				font-family: hkgroteskpro !important;
			}
			
@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; */
    }
}




@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;
    }
}







}