:root {
	--wd-cat-brd-radius: 50%;
	--wd-text-font: "Work Sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 15px;
	--wd-title-font: "Urbanist", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Urbanist", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 700;
	--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: "Urbanist", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Urbanist", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 14px;
	--wd-brd-radius: 10px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(245,154,87);
	--wd-alternative-color: rgb(224,234,240);
	--btn-default-transform: none;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-transform: none;
	--btn-accented-bgcolor: rgb(245,154,87);
	--btn-accented-bgcolor-hover: rgb(223,140,79);
	--btn-transform: none;
	--wd-form-brd-width: 1px;
	--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-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(245,154,87);
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 480px;
	--wd-popup-padding: 0px;
}
:is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:rgb(255,255,255);
	--wd-bordered-bg:rgb(255,255,255);
}
: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 top;
}
.wd-footer {
	background-color: rgb(15,15,15);
	background-image: none;
}
html .wd-nav-mobile > li > a {
	text-transform: capitalize;
}
.whb-top-bar .wd-nav.wd-nav-secondary > li > a {
	font-family: "Work Sans", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 13px;
}
html .post.wd-post:not(.blog-design-small) .wd-entities-title {
	font-size: 18px;
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-image: url(https://tutuncesitleri55.com/wp-content/uploads/2023/04/wd-furniture-background.jpg);
	background-repeat: repeat;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-image: url(https://tutuncesitleri55.com/wp-content/uploads/2023/04/wd-furniture-background.jpg);
	background-repeat: repeat;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-image: url(https://tutuncesitleri55.com/wp-content/uploads/2023/04/wd-furniture-background.jpg);
	background-repeat: repeat;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-image: url(https://tutuncesitleri55.com/wp-content/uploads/2023/04/wd-furniture-background.jpg);
	background-repeat: repeat;
}
.single-post :is(.wd-page-content, .whb-header) {
	background-image: url(https://tutuncesitleri55.com/wp-content/uploads/2023/04/wd-furniture-background.jpg);
	background-repeat: repeat;
}
html .btn.wd-buy-now-btn {
	color: rgb(255,255,255);
	background: rgba(16,16,16,0.9);
}
html .btn.wd-buy-now-btn:hover {
	color: rgb(255,255,255);
	background: rgb(51,51,51);
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: rgb(119,119,119);
	--wd-form-placeholder-color: rgb(119,119,119)7;
	--wd-form-bg: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
.woocommerce-product-gallery {
	--wd-gallery-gap: 20px;
}

@media (max-width: 1024px) {
	.woocommerce-product-gallery {
		--wd-gallery-gap: 20px;
	}

}

@media (max-width: 768.98px) {
	.woocommerce-product-gallery {
		--wd-gallery-gap: 10px;
	}

}
:root{
--wd-container-w: 1400px;
--wd-form-brd-radius: 30px;
--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;
}

@media (min-width: 1400px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgb(25,22,20);
}

/* Accessibility: keep the floating widget off narrow screens. */ @media (max-width: 767px) { .wa__btn_popup { display: none !important; } } /* Menu contrast */ .whb-top-bar .wd-nav-secondary>li.current-menu-item>a,.whb-top-bar .wd-nav-secondary>li>a:is(:hover,:focus-visible){color:#783500;background-color:#f3f3f3} /* Privacy reading */ :is(.page-id-3,.page-id-12) #main-content .entry-content{max-width:75ch;margin-inline:auto;padding:clamp(16px,3vw,24px);background:#fff;color:#333;font-size:1rem;line-height:1.75;overflow-wrap:anywhere} /* Main-content skip link */ a.wd-skip-links[href="#main-content"]{display:inline-flex}


/* Ana kategoriler */
.widget .product-categories > li > a {
    color: var(--color-gray-800);
    font-weight: 600;
}

/* =====================================================================
   ALTIN DUMAN — A  |  Kıvrımlı, katmanlı gerçekçi duman
   Woodmart .wd-page-title için. Yalnızca CSS; JS / SVG / görsel yok.
   Kullanım: Görünüm > Özelleştir > Ek CSS alanına yapıştırın.
   ÖNEMLİ: Önceki duman/ışık denemelerinize ait CSS'i önce silin.
   ===================================================================== */

/* ---------- 1) AYARLAR ---------- */
.wd-page-title {
  --gs-bg: #040405;               /* taban rengi (siyah/antrasit) */
  --gs-hi: 255, 214, 128;        /* parlak metalik altın (duman kenarları) */
  --gs-gold: 240, 168, 58;       /* ana altın */
  --gs-amber: 206, 108, 24;      /* sıcak kehribar (duman gövdesi) */
  --gs-density: 1;               /* duman yoğunluğu: 0.5 seyrek – 1 yoğun */
  --gs-brightness: 1;            /* parlaklık: 0.8 loş – 1.35 çok parlak */
  --gs-dur-back: 72s;            /* arka duman hızı (küçük sayı = daha hızlı) */
  --gs-dur-front: 42s;           /* ön duman hızı */
  --gs-blur-back: 6px;           /* arka duman yumuşaklığı */
  --gs-blur-front: 3px;          /* ön duman yumuşaklığı */
  --gs-tile-back: 1500px;        /* desen genişliği (kıvrım ölçeği) */
  --gs-tile-front: 1100px;

  /* Duman “tülü” profilleri: keskin parlak kenar + içe doğru sönen lifler.
     Normalde dokunmanız gerekmez. */
  --gs-vw: transparent 50%, rgba(var(--gs-amber), .05) 56%, rgba(var(--gs-amber), .02) 60%, rgba(var(--gs-amber), .13) 64.5%, rgba(var(--gs-amber), .05) 67.5%, rgba(var(--gs-gold), .2) 71.5%, rgba(var(--gs-gold), .07) 74%, rgba(var(--gs-gold), .3) 77%, rgba(var(--gs-gold), .14) 78.4%, rgba(var(--gs-hi), .62) 79.4%, transparent 81.6%;
  --gs-vt: transparent 69%, rgba(var(--gs-amber), .06) 72%, rgba(var(--gs-gold), .2) 75.5%, rgba(var(--gs-gold), .07) 77.2%, rgba(var(--gs-hi), .6) 79.4%, transparent 81.2%;
  --gs-vo: transparent 78.4%, rgba(var(--gs-hi), .62) 80.6%, rgba(var(--gs-gold), .14) 81.6%, rgba(var(--gs-gold), .3) 83%, rgba(var(--gs-gold), .07) 86%, rgba(var(--gs-gold), .2) 88.5%, rgba(var(--gs-amber), .05) 92.5%, rgba(var(--gs-amber), .13) 95.5%, rgba(var(--gs-amber), .02) 100%, rgba(var(--gs-amber), .05) 104%, transparent 110%;
  --gs-vb: transparent 44%, rgba(var(--gs-amber), .03) 55%, rgba(var(--gs-amber), .1) 65%, rgba(var(--gs-amber), .04) 70%, rgba(var(--gs-gold), .19) 76.5%, rgba(var(--gs-gold), .38) 79.5%, transparent 82.5%;
  --gs-hz: rgba(var(--gs-amber), .08) 0%, rgba(var(--gs-amber), .03) 45%, transparent 100%;
  --gs-m: #000 0%, rgba(0, 0, 0, .55) 45%, transparent 100%;

  /* Taban: çok koyu antrasit. Temanın kendi başlık rengini/görselini ezer. */
  position: relative;
  background-color: var(--gs-bg) !important;
  background-image: none !important;
}

/* ---------- 2) KATMAN SIRASI ----------
   Efektin tamamı temanın kendi .wd-page-title-bg katmanının İÇİNDE çizilir
   (zemin + ::before + ::after). Böylece bu katman efekti örtemez; taşan
   kısımları da o kırpar. .container ise z-index ile her zaman üstte kalır. */
.wd-page-title > .wd-page-title-bg {
  position: absolute; top: 0; right: 0; bottom: 0; left: 0;
  z-index: 0; overflow: hidden; isolation: isolate;
  background:
    radial-gradient(ellipse 46% 130% at 74% 118%, rgba(var(--gs-amber), .06), transparent 70%),
    radial-gradient(ellipse 32% 110% at 8% -28%, rgba(var(--gs-amber), .035), transparent 70%),
    linear-gradient(180deg, #070708, #020203) !important;
}
.wd-page-title > .container { position: relative; z-index: 1; }

/* Başlık okunaklılığı: yalnızca yumuşak bir gölge, renk/boyut değişmez. */
.wd-page-title .title { text-shadow: 0 1px 2px rgba(0, 0, 0, .7), 0 0 16px rgba(0, 0, 0, .8); }

/* ---------- 3) DUMAN KATMANLARI ----------
   Her katman bant genişliğinden bir desen boyu daha geniştir ve tam bir
   desen boyu kadar kaydırılır: döngü dikişsizdir. Hareket yalnızca
   transform / translate / scale ile yapılır (GPU, repaint yok). */
.wd-page-title > .wd-page-title-bg::before,
.wd-page-title > .wd-page-title-bg::after {
  content: ""; position: absolute; top: -20%; left: 0; height: 140%;
  pointer-events: none; background-repeat: repeat-x;
  -webkit-mask-repeat: repeat-x; mask-repeat: repeat-x;
  transform-origin: 0 50%; will-change: transform;
  opacity: var(--gs-density);
}

/* Arka katman: geniş, yumuşak kehribar duman gövdesi */
.wd-page-title > .wd-page-title-bg::before {
  width: calc(100% + var(--gs-tile-back));
  background-size: var(--gs-tile-back) 100%;
  -webkit-mask-size: var(--gs-tile-back) 100%; mask-size: var(--gs-tile-back) 100%;
  filter: blur(var(--gs-blur-back)) brightness(var(--gs-brightness));
  background-image:
    radial-gradient(ellipse 32.2% 275.6% at 4.2% 266.4%, var(--gs-vw)),
    radial-gradient(ellipse 32.2% 275.6% at 104.2% 266.4%, var(--gs-vw)),
    radial-gradient(ellipse 33.2% 215.7% at 33.3% -92.9%, var(--gs-vb)),
    radial-gradient(ellipse 33.2% 215.7% at 133.3% -92.9%, var(--gs-vb)),
    radial-gradient(ellipse 36.9% 191.5% at 55.3% 204.7%, var(--gs-vb)),
    radial-gradient(ellipse 30.3% 352.3% at 64.5% 319.2%, var(--gs-vw)),
    radial-gradient(ellipse 45.9% 346% at 85.6% -212.2%, var(--gs-vb)),
    radial-gradient(ellipse 45.9% 346% at -14.4% -212.2%, var(--gs-vb)),
    radial-gradient(ellipse 17.9% 28.9% at 14.3% 48.3%, var(--gs-hz)),
    radial-gradient(ellipse 17.9% 28.9% at 114.3% 48.3%, var(--gs-hz)),
    radial-gradient(ellipse 12.6% 34.2% at 37.9% 45.7%, var(--gs-hz)),
    radial-gradient(ellipse 15.6% 24.3% at 65.1% 44%, var(--gs-hz)),
    radial-gradient(ellipse 16.6% 26.9% at 80.2% 44.9%, var(--gs-hz));
  -webkit-mask-image:
    radial-gradient(ellipse 11.7% 54.4% at 13.2% 59.5%, var(--gs-m)),
    radial-gradient(ellipse 16.6% 51.3% at 20.6% 53.5%, var(--gs-m)),
    radial-gradient(ellipse 15.6% 39.1% at 43.6% 41.4%, var(--gs-m)),
    radial-gradient(ellipse 9.7% 40.1% at 55.5% 58.4%, var(--gs-m)),
    radial-gradient(ellipse 16.4% 41% at 82.1% 49.2%, var(--gs-m)),
    radial-gradient(ellipse 17% 55% at 50.5% 50%, var(--gs-m));
  mask-image:
    radial-gradient(ellipse 11.7% 54.4% at 13.2% 59.5%, var(--gs-m)),
    radial-gradient(ellipse 16.6% 51.3% at 20.6% 53.5%, var(--gs-m)),
    radial-gradient(ellipse 15.6% 39.1% at 43.6% 41.4%, var(--gs-m)),
    radial-gradient(ellipse 9.7% 40.1% at 55.5% 58.4%, var(--gs-m)),
    radial-gradient(ellipse 16.4% 41% at 82.1% 49.2%, var(--gs-m)),
    radial-gradient(ellipse 17% 55% at 50.5% 50%, var(--gs-m));
  animation: gs-drift-back var(--gs-dur-back) linear infinite, gs-breathe-back 17s ease-in-out infinite alternate;
}

/* Ön katman: ince, parlak kıvrımlar. Farklı hız + screen karışımı sayesinde
   arka katmanla kesiştiği yerlerde sıcak parlamalar oluşur. */
.wd-page-title > .wd-page-title-bg::after {
  width: calc(100% + var(--gs-tile-front));
  background-size: var(--gs-tile-front) 100%;
  -webkit-mask-size: var(--gs-tile-front) 100%; mask-size: var(--gs-tile-front) 100%;
  filter: blur(var(--gs-blur-front)) brightness(var(--gs-brightness));
  mix-blend-mode: screen;
  background-image:
    radial-gradient(ellipse 16.9% 182.1% at 6.1% -98.8%, var(--gs-vo)),
    radial-gradient(ellipse 16.9% 182.1% at 106.1% -98.8%, var(--gs-vo)),
    radial-gradient(ellipse 16.3% 318.8% at 19.8% -185.2%, var(--gs-vt)),
    radial-gradient(ellipse 17.1% 259.3% at 35.8% -160.4%, var(--gs-vo)),
    radial-gradient(ellipse 37.7% 155.9% at 53.3% 142.9%, var(--gs-vo)),
    radial-gradient(ellipse 24.3% 147.1% at 63.6% 162.5%, var(--gs-vt)),
    radial-gradient(ellipse 36.5% 163.5% at 76.2% -60.8%, var(--gs-vw)),
    radial-gradient(ellipse 36.5% 163.5% at -23.8% -60.8%, var(--gs-vw)),
    radial-gradient(ellipse 28.5% 259.6% at 97.4% 231.9%, var(--gs-vw)),
    radial-gradient(ellipse 28.5% 259.6% at -2.6% 231.9%, var(--gs-vw));
  -webkit-mask-image:
    radial-gradient(ellipse 7.3% 42.8% at 8.8% 35.7%, var(--gs-m)),
    radial-gradient(ellipse 5% 60.7% at 22.5% 51.6%, var(--gs-m)),
    radial-gradient(ellipse 7.3% 48.9% at 40.6% 51.7%, var(--gs-m)),
    radial-gradient(ellipse 21% 61.4% at 71.6% 50.9%, var(--gs-m)),
    radial-gradient(ellipse 11.6% 49.9% at 58.6% 65.2%, var(--gs-m)),
    radial-gradient(ellipse 15.5% 44.5% at 83% 61.5%, var(--gs-m)),
    radial-gradient(ellipse 9.7% 46.9% at 85.6% 46.3%, var(--gs-m));
  mask-image:
    radial-gradient(ellipse 7.3% 42.8% at 8.8% 35.7%, var(--gs-m)),
    radial-gradient(ellipse 5% 60.7% at 22.5% 51.6%, var(--gs-m)),
    radial-gradient(ellipse 7.3% 48.9% at 40.6% 51.7%, var(--gs-m)),
    radial-gradient(ellipse 21% 61.4% at 71.6% 50.9%, var(--gs-m)),
    radial-gradient(ellipse 11.6% 49.9% at 58.6% 65.2%, var(--gs-m)),
    radial-gradient(ellipse 15.5% 44.5% at 83% 61.5%, var(--gs-m)),
    radial-gradient(ellipse 9.7% 46.9% at 85.6% 46.3%, var(--gs-m));
  animation: gs-drift-front var(--gs-dur-front) linear infinite, gs-breathe-front 12s ease-in-out infinite alternate;
}

/* ---------- 4) HAREKET ---------- */
/* Yatay akış (doğrusal, sonsuz döngü) */
@keyframes gs-drift-back  { to { transform: translate3d(calc(-1 * var(--gs-tile-back)), 0, 0); } }
@keyframes gs-drift-front { to { transform: translate3d(calc(-1 * var(--gs-tile-front)), 0, 0); } }
/* Dalgalanma: katmanlar farklı sürelerde genişleyip yükselir; desenler
   birbirine göre sürekli kaydığı için aynı kare tekrar etmez. */
@keyframes gs-breathe-back  { from { scale: 1 1; translate: 0 -5%; } to { scale: 1.12 1.3; translate: 0 6%; } }
@keyframes gs-breathe-front { from { scale: 1.1 1.22; translate: 0 5%; } to { scale: 1 1; translate: 0 -6%; } }

/* ---------- 5) MOBİL ---------- */
@media (max-width: 768px) {
  .wd-page-title {
    --gs-tile-back: 900px;
    --gs-tile-front: 660px;
    --gs-dur-back: 58s;
    --gs-dur-front: 34s;
    --gs-blur-back: 4px;
    --gs-blur-front: 2px;
  }
}

/* ---------- 6) ERİŞİLEBİLİRLİK ----------
   “Hareketi azalt” açıksa animasyon durur; duman sabit bir kare olarak kalır. */
@media (prefers-reduced-motion: reduce) {
  .wd-page-title > .wd-page-title-bg::before,
  .wd-page-title > .wd-page-title-bg::after {
    animation: none !important;
    will-change: auto;
  }
}