@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//www.kardeslikvakti.org.tr/wp-content/themes/dernekpro/fonts/woodmart-font-2-400.woff2?v=8.3.6") format("woff2");
	font-display:swap;
}

:root {
	--wd-text-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 500;
	--wd-text-color: rgb(0,0,0);
	--wd-text-font-size: 16px;
	--wd-title-font: "dernekpro", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Poppins", 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: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 17px;
	--wd-brd-radius: 25px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(17,29,94);
	--wd-alternative-color: rgb(250,186,91);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(52,82,239);
	--btn-accented-bgcolor-hover: rgb(17,29,94);
	--btn-transform: capitalize;
	--btn-font-size: 14px;
	--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: #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-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 center;
}
.wd-footer {
	background-color: rgb(255,255,255);
	background-image: none;
}
 {
	font-family: "Albert Sans", Arial, Helvetica, sans-serif;
	font-weight: 600;
}
html .wd-checkout-steps li {
	font-size: 26px;
	text-transform: capitalize;
}
html .wd-nav-mobile > li > a {
	text-transform: capitalize;
}
html table th {
	text-transform: capitalize;
}
.page .wd-page-content {
	background-color: rgb(254,254,254);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) .wd-page-content {
	background-color: rgb(246,245,248);
	background-image: none;
}
.single-product .wd-page-content {
	background-color: rgb(246,245,248);
	background-image: none;
}
.woodmart-archive-blog .wd-page-content {
	background-color: rgb(246,245,248);
	background-image: none;
}
.single-post .wd-page-content {
	background-color: rgb(246,245,248);
	background-image: none;
}
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-bg: rgb(255,255,255);
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-size: 42px;
	--wd-arrow-icon-size: 16px;
	--wd-arrow-offset-h: -21px;
	--wd-arrow-color: rgb(255,255,255);
	--wd-arrow-color-hover: rgba(255,255,255,0.9);
	--wd-arrow-color-dis: rgb(255,255,255);
	--wd-arrow-bg: rgb(52,82,239);
	--wd-arrow-bg-hover: rgba(52,82,239,0.9);
	--wd-arrow-bg-dis: rgb(52,82,239);
	--wd-arrow-radius: 24px;
}
.wd-nav-arrows.wd-pos-together:not(:where(.wd-custom-style)) {
	--wd-arrow-gap: 10px;
	--wd-arrow-size: 42px;
	--wd-arrow-icon-size: 16px;
	--wd-arrow-offset-h: -5px;
	--wd-arrow-offset-v: 5px;
	--wd-arrow-color: rgb(255,255,255);
	--wd-arrow-color-hover: rgba(255,255,255,0.8);
	--wd-arrow-color-dis: rgb(255,255,255);
	--wd-arrow-bg: rgb(52,82,239);
	--wd-arrow-bg-hover: rgba(52,82,239,0.9);
	--wd-arrow-bg-dis: rgb(52,82,239);
	--wd-arrow-radius: 24px;
}
.wd-nav-scroll {
	--wd-nscroll-bg: rgba(250,186,91,0.15);
	--wd-nscroll-drag-bg: rgb(250,186,91);
	--wd-nscroll-drag-bg-hover: rgba(250,186,91,0.9);
}
.product-labels .product-label.onsale {
	background-color: rgb(250,186,91);
}
.product-labels .product-label.new {
	background-color: rgb(52,82,239);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 768.98px) {
	.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
		--wd-arrow-size: 32px;
	--wd-arrow-icon-size: 14px;
	--wd-arrow-offset-h: 62px;
	}
	.wd-nav-arrows.wd-pos-together:not(:where(.wd-custom-style)) {
		--wd-arrow-size: 32px;
	--wd-arrow-icon-size: 14px;
	}

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

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


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

@font-face {
	font-family: "dernekpro";
	src: url("//www.kardeslikvakti.org.tr/wp-content/uploads/2025/11/ProximaSoft-Bold.woff2") format("woff2"), 
url("//www.kardeslikvakti.org.tr/wp-content/uploads/2025/11/ProximaSoft-Bold.woff") format("woff");
	font-weight: 400;
	font-display:swap;
	font-style: normal;
}

/* === Header genel ayar === */
header.whb-header {
  width: calc(100% - 30px); /* Mobilde 15px sağ ve sol boşluk */
  margin: 0 auto;
  background-color: #fff; /* arka plan netleşsin diye */
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); /* görseldeki gibi hafif gölge efekti */
  overflow: hidden; /* radius köşeler düzgün kesilsin */
  transition: all 0.3s ease;
  position: relative;

}

/* === Masaüstü için (1200px ve üzeri) === */
@media (min-width: 1200px) {
  header.whb-header {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
  }element.style {
}
.page .wd-page-content {
    background-color: rgb(255 255 255);
    background-image: none;
}
}
element.style {
}
.page .wd-page-content {
    background-color: rgb(255 255 255);
    background-image: none;
}
.wd-footer {
    background-color: #ffffff;
    background-image: none;
    padding-left: 15px;
    padding-right: 15px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
/* 1420px and larger screen sizes */
@media (min-width:1420px){

	.wd-image img{
		border-radius: var(--wd-brd-radius);
		margin-left: 0px;
	}
	
	/* Footer */
	.wd-page-wrapper footer{
		margin-right: 30px !important;
		margin-left: 30px !important;
	}
	
	/* Rowid */
	#rowid{
		padding-top: 25px;
		border-top-left-radius: 25px;
		border-top-right-radius: 25px;
		padding-left: 100px;
	}
	
}
/* Link */
#columnid li li a{
	color:#fff;
}

/* Column inner */
#columnid .vc_column-inner{
	
}

/* 767px and smaller screen sizes */
@media (max-width:767px){

	/* Column inner */
	#columnid .vc_column-inner{
		padding-top:15px !important;
	}
	
}
/* Mobilde 2 sütun */
@media screen and (max-width: 767px) {
    #rowid #columnid {
        width: 50% !important;
        display: inline-block !important;
        vertical-align: top;
    }

    /* Menü linkleri */
    .wd-sub-menu li > a {
        position: relative;
        display: flex;
        align-items: center;
        padding: 8px 0;
        color: #9b9b9b;
        font-size: 16px;
        line-height: 1.3;
    }

    /* SVG / Görsel radius sıfır */
    .wpb_single_image .vc_single_image-wrapper img {
        border-radius: 0 !important;
    }

    /* Woodmart "more products" gizle */
    .carousel-items div .more-products {
        display: none !important;
    }

    /* Wrapper düzeni */
    #columnid .vc_custom_1702134306657 .wpb_wrapper {
        padding-top: 0 !important;
        margin-top: -41px;
        position: relative;
        bottom: -10px;
    }

    /* Ekstra iç blok düzeni */
    .vc_custom_1702134306657 .wpb_wrapper .vc_custom_1702136265416 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    /* Mega menu liste padding temizle */
    .vc_custom_1702134306657 .wpb_wrapper .mega-menu-list {
        padding: 0 !important;
        position: relative;
        bottom: 12px;
    }
}

/* Genel renk */
#rowid {
    color: rgba(255,255,255,0.8);
}

#columnid {
    color: rgba(255,255,255,0.8);
}

/* Özel renk */
#columnid .vc_custom_1702134384537 {
    color: rgba(0,0,0,0.8);
}
.pets-border-radius {
    border-radius: 25px !important;
}
lement.style {
}
@media (min-width: 1200px) {
    header.whb-header {
        max-width: 1200px;
        width: 100%;
        margin: 0 auto;
    }
}
header.whb-header {
    width: calc(100% - 30px);
    margin: 0 auto;
    background-color: #fff;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: 0px 0px 73px 1px #d8d8d8;
    overflow: hidden;
    transition: all 0.3s 
ease;
    position: relative;
}
/* === Menü Butonu === */
#menu-toggle {
  position: fixed;
  top: 15px;
  left: 15px;
  z-index: 100001;
  background: #111D5E
  color: #fff;
  border: none;
  padding: 10px 15px;
  border-radius: 8px;
  font-size: 15px;
  cursor: pointer;
  font-family: 'Arial', sans-serif;
}
element.style {
}
.whb-top-bar .wd-header-text {
    font-size: 12px;
    line-height: 1.2;
    font-family: 'dernekpro';
}
/* === Arka Plan Overlay === */
.mobile-nav-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 95vh;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out;
}
.mobile-nav-overlay.active {
  opacity: 1;
  visibility: visible;
}

/* === Mobil Menü === */
.mobile-nav {
  position: fixed;
  top: 0;
  right: -100%;
  width: 70%;
  max-width: 400px;
  height: 95vh;
  background-color: #111D5E;
  z-index: 100000;
  padding-top: 120px;
  padding-bottom: 140px;
  color: #fff;
  transition: right 0.3s ease-in-out;
  display: flex;
  flex-direction: column;
  font-family: 'Arial', sans-serif;
  overflow-y: auto;
}
.mobile-nav.active {
  right: 0;
}

/* === Logo === */
.mobile-nav::before {
  content: "";
  display: block;
  width: calc(100% - 40px); /* Sağdan ve soldan 20px boşluk */
  max-width: 200;
  height: 100;
  margin: 45px auto 45px auto;
  background: url('https://www.kardeslikvakti.org.tr/wp-content/uploads/2025/12/kardeslikvakti-beyaz.webp') no-repeat center center;
  background-size: contain;
  padding: 0 20px; /* ek güvenlik için iç padding */
  box-sizing: border-box;
}

/* === Menü Listesi === */
.mobile-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.mobile-nav ul li {
  border: none !important;
  background: none !important;
  box-shadow: none !important;
  position: relative;
  outline: none !important;
}

/* Menü öğeleri arasındaki çizgileri kaldır */
.mobile-nav ul li:not(:last-child)::after {
  display: none;
}

/* Ana Menü Linkleri */
.mobile-nav ul li > a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 13px 20px;
  font-size: 16px;
  color: #fff !important;
  text-decoration: none;
  background: none !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  transition: none; /* ton farkı yok */
}

/* Hover efekti minimal */
.mobile-nav ul li > a:hover {
  background: rgba(255, 255, 255, 0.05) !important;
}

/* Ok işaretleri */
.mobile-nav ul li a::after {
  content: "›";
  font-size: 20px;
  color: #fff;
  margin-left: 10px;
}

/* === Alt Menü === */
.mobile-nav ul li ul {
  background-color: #005577; /* ton farkı yok */
  margin: 0;
  padding: 5px 0;
  border-radius: 0;
  display: none;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
.mobile-nav ul li.open > ul {
  display: block;
}

/* Alt Menü Linkleri */
.mobile-nav ul li ul li a {
  padding-left: 35px;
  font-size: 17px;
  color: #fff !important;
  opacity: 0.9;
  background: none !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
.mobile-nav ul li ul li a:hover {
  background: rgba(255, 255, 255, 0.05) !important; /* ton farkı minimal */
}

/* Alt menüdeki çizgileri kaldır */
.mobile-nav ul li ul li:not(:last-child)::after {
  display: none;
}

/* Woodmart tema ikon karelerini kaldır */
.mobile-nav *:focus,
.mobile-nav *:active {
  outline: none !important;
  box-shadow: none !important;
}

/* Küçük ekran uyumu */
@media (max-width: 480px) {
  .mobile-nav {
    width: 75%;
    padding-top: 20px;
  }
  .mobile-nav::before {
    width: 180px;
    height: 30px;
    margin-bottom: 15px;
  }
  .mobile-nav ul li > a {
    font-size: 17px;
  }
  .mobile-nav .child-image {
    width: 140px;
    height: 180px;
  }
}
/* Kapat yazısını kaldır */
.close-side-widget > a {
  font-size: 0 !important;
}

/* X işareti için stil */
.close-side-widget > a:before {
  content: "✕" !important;
  font-size: 38px !important;
  color: white !important;
  font-weight: bold;
  position: absolute;
  top: 10px;
  right: 15px;
  line-height: 1;
  cursor: pointer;
  z-index: 9999;
}


/* === Mobil Menü === */
.mobile-nav {
  position: fixed;
  top: 0;
  right: -100%;
  width: 70%;
  max-width: 400px;
  height: 95vh;
  background-color: #111D5E;
  z-index: 100000;
  padding-top: 120px;
  padding-bottom: 140px;
  color: #fff;
  transition: right 0.3s ease-in-out;
  display: flex;
  flex-direction: column;
  font-family: 'Arial', sans-serif;
  overflow-y: auto;
}
.mobile-nav.active {
  right: 0;
}

/* === Logo === */
.mobile-nav::before {
  content: "";
  display: block;
  width: calc(100% - 40px); /* Sağdan ve soldan 20px boşluk */
  max-width: 200;
  height: 100;
  margin: 45px auto 45px auto;
  background: url('https://www.kardeslikvakti.org.tr/wp-content/uploads/2025/12/kardeslikvakti-beyaz.webp') no-repeat center center;
  background-size: contain;
  padding: 0 20px; /* ek güvenlik için iç padding */
  box-sizing: border-box;
}

/* === Menü Listesi === */
.mobile-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.mobile-nav ul li {
  border: none !important;
  background: none !important;
  box-shadow: none !important;
  position: relative;
  outline: none !important;
}

/* Menü öğeleri arasındaki çizgileri kaldır */
.mobile-nav ul li:not(:last-child)::after {
  display: none;
}

/* Ana Menü Linkleri */
.mobile-nav ul li > a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 13px 20px;
  font-size: 15px;
  color: #fff !important;
  text-decoration: none;
  background: none !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  transition: none; /* ton farkı yok */
}

/* Hover efekti minimal */
.mobile-nav ul li > a:hover {
  background: rgba(255, 255, 255, 0.05) !important;
}

/* Ok işaretleri */
.mobile-nav ul li a::after {
  content: "›";
  font-size: 20px;
  color: #fff;
  margin-left: 10px;
}

/* === Alt Menü === */
.mobile-nav ul li ul {
  background-color: #005577; /* ton farkı yok */
  margin: 0;
  padding: 5px 0;
  border-radius: 0;
  display: none;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
.mobile-nav ul li.open > ul {
  display: block;
}

/* Alt Menü Linkleri */
.mobile-nav ul li ul li a {
  padding-left: 35px;
  font-size: 15px;
  color: #fff !important;
  opacity: 0.9;
  background: none !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
.mobile-nav ul li ul li a:hover {
  background: rgba(255, 255, 255, 0.05) !important; /* ton farkı minimal */
}

/* Alt menüdeki çizgileri kaldır */
.mobile-nav ul li ul li:not(:last-child)::after {
  display: none;
}

/* Woodmart tema ikon karelerini kaldır */
.mobile-nav *:focus,
.mobile-nav *:active {
  outline: none !important;
  box-shadow: none !important;
}

/* Küçük ekran uyumu */
@media (max-width: 480px) {
  .mobile-nav {
    width: 75%;
    padding-top: 20px;
  }
  .mobile-nav::before {
    width: 180px;
    height: 30px;
    margin-bottom: 15px;
  }
  .mobile-nav ul li > a {
    font-size: 15px;
  }
  .mobile-nav .child-image {
    width: 140px;
    height: 180px;
  }
}
/* Kapat yazısını kaldır */
.close-side-widget > a {
  font-size: 0 !important;
}

/* X işareti için stil */
.close-side-widget > a:before {
  content: "✕" !important;
  font-size: 38px !important;
  color: white !important;
  font-weight: bold;
  position: absolute;
  top: 10px;
  right: 15px;
  line-height: 1;
  cursor: pointer;
  z-index: 9999;
}

/* Konteyner pozisyonu */
.close-side-widget {
  position: relative;
}
.wd-action-btn.wd-style-text>a:before {
    margin-inline-end: .3em;
    font-weight: 400;
}
.close-side-widget > a:before {
    content: "✕" !important;
    font-size: 40px !important;
    color: white;
    font-weight: bold;
    position: absolute;
    top: -145px;
    right: 5px;
    line-height: 1;
    cursor: pointer;
    z-index: 9999;
    font-family: 'FontAwesome';
}
lement.style {
}
.mobile-nav .wd-heading {
    position: relative;
    z-index: 6;
    background-color: inherit;
}
.wd-heading {
    display: flex
;
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding: 0px 0px;
    border-bottom: 0px solid none(--brdcolor-gray-300);
}
element.style {
}
.mobile-nav .wd-nav-opener {
    border-left: none;
    border-bottom: none;
}
element.style {
}
.mobile-nav .wd-nav-opener.wd-active {
    background-color: none;
    color: #fff;
}
element.style {
}
.wd-nav-mobile.wd-active {
    display: block;
    font-family: dernekpro;
}
element.style {
}
.wd-side-hidden.wd-opened {
    transform: none;
    border-bottom-left-radius: 35px;
    border-top-left-radius: 35px;
}
element.style {
}
.mobile-nav .wd-nav-opener.wd-active {
    background-color: none;
    color: #fff;
}
.mobile-nav .wd-nav-opener.wd-active {
    background-color: unset;
    color: #fff;
}
element.style {
}
.mobile-nav .wd-nav-opener {
    border-left: none;
    border-bottom: none;
}
.mobile-nav .wd-nav-opener {
    border-left: 0px solid var(--brdcolor-gray-300);
    border-bottom: 0px solid var(--brdcolor-gray-300);
}

.wd-nav-opener {
    position: relative;
    z-index: 1;
    display: inline-flex
;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 50px;
    color: #ffffff;
    cursor: pointer;
    transition: all .25s 
ease;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
.wd-nav-opener:after {
    font-weight: 700;
    font-size: 13px;
    font-family: 'poppins';
    transition: transform .25s 
ease;
    content: "\f113";
    font-family: "woodmart-font";
}
element.style {
}
.mobile-nav .wd-nav-opener {
    border-left: none;
    border-bottom: none;
}

.mobile-nav ul li a::after {
  font-weight: 700;
    font-size: 13px;
    font-family: 'poppins';
    transition: transform .25s 
ease;
    content: "\f113";
    font-family: "woodmart-font";
}


/* === Mobil Menü İkon Grid === */
.mobile-project-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
  padding: 20px;
  background: #111D5E; /* Menüyle aynı ton */
  margin-top: 10px;
  border-top: 0px solid rgba(255,255,255,0.1);
}

.mobile-project-grid .project-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  padding: 15px 10px;
  transition: background 0.3s ease;
}

.mobile-project-grid .project-item:hover {
  background: rgba(255, 255, 255, 0.1);
}

.mobile-project-grid .project-item img {
  width: 140px;
  height: 70px;
  object-fit: contain;
  margin-bottom: 8px;
}

.mobile-project-grid .project-item span {
  font-size: 14px;
  color: #fff;
  font-weight: 500;
  text-align: center;
  font-family: 'Arial', sans-serif;
}

/* Küçük ekran optimizasyonu */
@media (max-width: 480px) {
  .mobile-project-grid {
    gap: 12px;
    padding: 5px;
  }

  .mobile-project-grid .project-item img {
    width: 40px;
    height: 40px;
  }

  .mobile-project-grid .project-item span {
    font-size: 13px;
  }
}


/* Menü içeriği kaydırılabilir olsun */
.mobile-nav {
  overflow-y: auto;
  padding-top: 0; /* üst boşluk gereksiz artık */
}
@media (max-width: 480px) {
    .mobile-nav::before {
        width: 180px;
        height: 20px;
        margin-bottom: 58px;
    }
}
/* === Logo ( %25 ufaltılmış ) === */
.mobile-nav::before {
  content: "";
  display: block;
  width: calc(100% - 40px);
  max-width: 150px; /* %25 küçültülmüş */
  height: 75px;     /* %25 küçültülmüş */
  margin: 25px auto 25px auto;
  background: none;
  background-size: contain;
  padding: 0 20px;
  box-sizing: border-box;
}

/* Küçük ekranlar (mobil) için orantılı küçültme */
@media (max-width: 480px) {
  .mobile-nav::before {
    max-width: 135px;
    height: 68px;
    margin-bottom: 40px;
  }
}
/* === Logo (yanlardan 20px boşluk bırakılmış) === */
.mobile-nav::before {
  content: "";
  display: block;
  width: calc(100% - 40px); /* sağdan-soldan 20px boşluk */
  max-width: 200px;         /* orijinal boyut */
  height: 100px;            /* orijinal boyut */
  margin: 25px auto 25px auto;
 
  background-size: contain;
  padding: 0 20px;          /* ek güvenlik payı */
  box-sizing: border-box;
}

/* Mobil ekranlar (≤480px) için orantılı küçültme */
@media (max-width: 480px) {
  .mobile-nav::before {
    max-width: 180px;
    height: 0px;
    margin-bottom: 40px;
  }
}
element.style {
    padding-left: 39px;
    margin-left: 0px;
    margin-right: 40px;
    padding-right: 40px;
}
/* === Mobil Menü Logosu (yanlardan 20px boşluk, %15 ufaltılmış) === */
.mobile-logo img {
  display: block;
  width: calc(100% - 40px); /* sağdan-soldan 20px boşluk */
  max-width: 85%;           /* %15 ufaltma */
  margin: 20px auto;        /* ortalama ve dikey boşluk */
  height: auto;
  object-fit: contain;
  box-sizing: border-box;
}

/* Küçük ekranlar için (isteğe bağlı biraz daha ufaltılmış) */
@media (max-width: 480px) {
  .mobile-logo img {
    max-width: 80%;
  }
}
element.style {
}
.widgetarea-mobile {
    padding: 0;
}
element.style {
}
@media (max-width: 480px) {
    .mobile-logo img {
        max-width: 60%;
    }
}
.mobile-logo img {
    display: block;
    width: calc(70% - 40px);
    max-width: 65%;
    margin: 15px auto;
    height: auto;
    object-fit: contain;
    box-sizing: border-box;
}
@media (max-width: 480px) {
    .mobile-nav::before {
        max-width: 180px;
        height: 20px;
        margin-bottom: 5px;
    }
}

/* === Mobil Menü Alt Boşluğu Düzenle === */
.mobile-nav {
  padding-bottom: 25px !important;
}
element.style {
}
.vc_custom_1758206311223 {
    margin-right: 0px !important;
    margin-left: 0px !important;
    padding-top: 30px !important;
    padding-right: 0px !important;
    padding-bottom: 10px !important;
    padding-left: 0px !important;
    background-color: #FFFFFF !important;
    border-radius: 30px !important;
}
@media (max-width: 768px) {
  .site-content .container,
  .site-content .container-fluid,
  .content-area {
    max-width: 100% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}
@media (max-width: 768px) {
  .vc_inner.vc_custom_1758206311223 {
    padding-left: 5px !important;
    padding-right: 5px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .vc_inner.vc_custom_1758206311223 > .wpb_column {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
element.style {
}
@media (max-width: 480px) {
    .mobile-project-grid .project-item span {
        font-size: 13px;
        font-family: 'dernekpro';
    }
}
/* Paragraph */
.hentry .wpb_wrapper p {
  font-family: "Poppins";
  font-weight: 500;
}
/* Rowid */
#rowid{
	border-top-left-radius:25px;
	border-top-right-radius:25px;
	
}

element.style {
}
.wd-rs-69026f8a2f685 {
    --wd-brd-radius: 0px;
}
.vc_custom_1761767320346 {
    margin-bottom: 40px !important;

}
}


/* Rowid */
#rowid{
	border-top-left-radius:25x;
	border-top-right-radius:25px;
	
}
/* Thumbnail Image */
.vc_custom_1761767320346 a img{
	margin-right:40px;
	
}

/* 1420px and larger screen sizes */
@media (min-width:1420px){

	/* Thumbnail Image */
	.vc_custom_1761767320346 a img{
		margin-left:-50px;
	}
	
}

/* === Menü dropdown her zaman görünür ve tıklanabilir olsun === */
.wd-dropdown,
.wd-dropdown-menu,
.wd-event-hover:hover .wd-dropdown,
.wd-event-hover:hover .wd-dropdown-menu {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: none !important;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  z-index: 99999 !important;
}

/* === Header kapsayıcısı menüyü kesmesin === */
header.whb-header,
.whb-main-header,
.whb-header {
  position: relative !important;
  overflow: visible !important;
  z-index: 9999 !important;
}

/* === Slider menü üstüne çıkmasın === */
.rev_slider_wrapper,
.elementor-slider,
.rs-module-wrap,
.slider-container {
  z-index: 1 !important;
  position: relative !important;
  overflow: visible !important;
}
/* Flex flex middle */
.whb-header .whb-main-header .whb-flex-flex-middle{
	border-top-left-radius:0px;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
	
}
/* === Menü kapalıyken gizli === */
.wd-dropdown,
.wd-dropdown-menu {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(10px);
  transition: all 0.3s ease;
  z-index: 99999 !important;
}

/* === Hover veya click olduğunda menü görünsün === */
.menu-item-has-children:hover > .wd-dropdown,
.menu-item-has-children:hover > .wd-dropdown-menu,
.wd-event-hover:hover .wd-dropdown,
.wd-event-hover:hover .wd-dropdown-menu,
.wd-dropdown.wd-opened,
.wd-dropdown-menu.wd-opened {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: none !important;
}

/* === Header menüyü kesmesin === */
header.whb-header,
.whb-main-header {
  overflow: visible !important;
  position: relative !important;
  z-index: 9999 !important;
}

/* === Slider hep altta kalsın === */
.rev_slider_wrapper,
.rs-module-wrap,
.elementor-slider {
  position: relative !important;
  z-index: 1 !important;
  overflow: visible !important;
}
.wd-sub-menu li>a {
    position: relative;
    display: flex
;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #000000;
    font-size: 14px;
    line-height: 1.3;
    text-decoration: none;
} 
element.style {
}
html, body, div, span, applet, object, iframe, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font: inherit;
    font-size: 15px;
	  color:black
    font-family: 'dernekpro';
}
/* Prev */
.wpb_raw_js .wpb_wrapper .prev{
	margin-top:-35px;
}

/* Next */
.wpb_raw_js .wpb_wrapper .next{
	margin-top:-35px;
}
element.style {
}
.wd-image img {
    border-radius: 13px;
}
element.style {
}
.tab-slider-wrapper {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    font-family: 'dernekpro', sans-serif;
    border-radius: 20px;
    overflow: hidden;
}
/* === Mobil Menü Alt Menü Ayarları === */

/* Alt menülerin (Projelerimiz altı) > ikonlarını gizle */
body .mobile-nav ul ul li a::after,
body .mobile-nav ul li.menu-item-has-children ul li a::after,
body .mobile-nav ul li.menu-item-has-children > a::after {
  content: none !important;
  display: none !important;
  font-size: 0 !important;
  visibility: hidden !important;
}

/* Alt menü (açılan kısım) arka plan rengi */
body .mobile-nav ul ul,
body .mobile-nav ul li ul {
  background-color: #111D5E !important;
  border: none !important;
  box-shadow: none !important;
}

/* Alt menüdeki bağlantı yazıları beyaz ve okunabilir */
body .mobile-nav ul ul li a {
  color: #fff !important;
  font-weight: 500 !important;
  padding: 15px 30px !important;
}

/* Hover durumunda biraz daha açık ton */
body .mobile-nav ul ul li a:hover {
  background-color: #00a0a0 !important;
  color: #fff !important;
}
body .mobile-nav .wd-nav-opener {
  border-left: 1px solid #111D5E !important;
  border-bottom: 1px solid #111D5E !important;
  border-color: #111D5E !important;
}
/* 767px and smaller screen sizes */
@media (max-width:767px){

	/* Column inner */
	#columnid .vc_column-inner{
		padding-left:35px;
	}
	
}
@media (min-width:390px){

	/* Column inner */
	#columnid .vc_column-inner{
		padding-left:40px;
	}
	
}
@media (min-width:1200px){

	element.style {
    --btn-color: #fff;
    --btn-color-hover: #fff;
}
	@media (min-width:100px){
#wd-68fff3b023e2f a {
    background-color: #ff7f00;
    border-color: #ff7f00 !important;
    font-family: 'Poppins'!important;
}
	element.style {
}

		element.style {
}
@media (max-width: 767px) {
    #wd-68ffee190c23a .title-after_title {
        line-height: 24px;
        font-size: 14px;
        font-family: poppins;
    }
}
		element.style {
    --btn-color: #fff;
    --btn-color-hover: #fff;
}
#wd-68fff3b023e2f a {
    background-color: #ff7f00;
    border-color: #ff7f00 !important;
    font-family: poppins!important;
}
		element.style {
    --btn-color: #fff;
    --btn-color-hover: #fff;
}
#wd-68fff3b023e2f a {
    background-color: #ff7f00;
    border-color: #ff7f00 !important;
    font-family: 'Poppins';
}
		#wd-68fff3b023e2f a {
  font-family: 'Poppins', sans-serif !important;
}
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap" rel="stylesheet">
#wd-68fff3b023e2f a,
#wd-68fff3b023e2f a * {
  background-color: #ff7f00;
  border-color: #ff7f00 !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 500 !important;
  text-transform: none;
}
element.style {
    --btn-color: #fff;
    --btn-color-hover: #fff;
}
#wd-68fff3b023e2f a {
    background-color: #ff7f00;
    border-color: #ff7f00 !important;
}
.btn-icon-pos-left {
    flex-direction: row-reverse;
    font-family: 'poppins';
}
		element.style {
    --btn-color: #fff;
    --btn-color-hover: #fff;
}
#wd-68fff3b023e2f a {
    background-color: #ff7f00;
    border-color: #ff7f00 !important;
}
.btn-icon-pos-left {
    flex-direction: row-reverse;
    font-family: 'poppins';
}
		@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');

@media (max-width:1199px){
  .vc_custom_1761604145541 .wpb_wrapper a,
  .vc_custom_1761604145541 .wpb_wrapper .title-after_title {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500 !important;
    color: rgba(255,255,255,0.8);
  }
}
/* === Mobil Menü Logosu Büyütülmüş (%95 genişlik) === */
.mobile-logo img {
    display: block;
    width: 95% !important;       /* büyütülmüş */
    max-width: 95% !important;
    margin: 25px auto 20px auto; /* yukarı-aşağı boşluk */
    height: auto;
    object-fit: contain;
}

/* 480px küçük ekranlarda biraz daha büyük */
@media (max-width: 480px) {
    .mobile-logo img {
        width: 92% !important;
        max-width: 92% !important;
    }
}
element.style {
}
@media (max-width: 1199px) {
    html .wd-rs-691073975bf9a {
        padding-right: 10px !important;
        padding-left: 10px !important;
        margin-top: 0px;
    }
}
		element.style {
}
#rowid {
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}
#rowid {
    color: rgba(255, 255, 255, 0.8);
}
@media (min-width: 1420px) {
    #rowid {
        padding-top: 25px;
        border-top-left-radius: 25px;
        border-top-right-radius: 25px;
        padding-left: 70px;
    }
}
	
	
/* Menü yazıları */
body .mobile-nav ul li > a {
    color: #fff !important;
}

/* Menü ok ikonu */
body .mobile-nav ul li a::after {
    content: "\f113" !important;
    font-family: "woodmart-font" !important;
    font-size: 0px !important;
    font-weight: 700 !important;
    color: #fff !important;
}
:root body .mobile-nav img {
    filter: brightness(0) invert(1) !important;
}
.mobile-nav img,
.mobile-nav svg,
.whb-mobile-menu img,
.whb-mobile-menu svg {
    filter: none !important;
    opacity: 0 !important; /* ikonları görünmez yapıyoruz */
    width: 0 !important;
    height: 0 !important;
}
.mobile-nav ul li > a {
    position: relative !important;
}

.mobile-nav ul li > a::before {
    content: "" !important;
    width: 20px !important;
    height: 20px !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;

    filter: brightness(0) invert(1) !important; /* BEYAZ */
}


/* YAPIŞAN TEMAYA KARŞI EN ÜSTÜN ÖNLEME */
.whb-mobile-menu * {
    filter: inherit !important;
}
@font-face {
    font-family: 'dernekpro';
    src: url('dernekpro.woff2') format('woff2');
    font-display: swap; /* veya optional */
}
.form-control[name="desc"],
textarea.form-control {
    height: 90px !important;
    min-height: 90px !important;
    max-height: 90px !important;
    resize: none;
}
/* Wrapper */
.hentry .wpb-content-wrapper .wpb_row .vc_column_container .vc_column-inner > .wpb_wrapper {
    transform: translateX(0) translateY(0);
}

/* Accordion item */
.wd-accordion-item {
    border-radius: 10px !important;
    overflow: hidden;
}

/* 767px altı */
@media (max-width: 767px) {
    .wd-accordion-item {
        border-radius: 10px !important;
    }
}
/* 767px and smaller screen sizes */
@media (max-width:767px){

	/* Text column */
	.hentry .wpb_wrapper .wpb_text_column{
		margin-bottom:15px;
		
	}
	
}
	@media (max-width: 767px) {
    .container, .row {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}
		@media (min-width: 1025px) {
	.pets-border-radius {
	border-radius: 80px;
}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.pets-border-radius {
	border-radius: 40px;
}
}

@media (min-width: 577px) and (max-width: 767px) {
	.pets-border-radius {
	border-radius: 40px;
}
}

@media (max-width: 576px) {
	.wd-content-layout[style],
.container[style],
.container-fluid[style] {
    padding-block: 40px !important;
    width: 100% !important;
    max-width: var(--wd-container-w) !important;
    padding-inline: 20px !important;
    margin-inline: auto !important;
}

}