@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&display=swap");
:root {
  --color-white-100: hsl(206, 5%, 100%);
  --color-white-200: hsl(206, 5%, 90%);
  --color-white-300: hsl(206, 5%, 80%);
  --color-white-400: hsl(206, 5%, 65%);
  --color-white-500: hsl(206, 5%, 50%);
  --color-black-100: hsl(213, 20%, 10%);
  --color-black-200: hsl(213, 23%, 8%);
  --color-black-300: hsl(214, 21%, 6%);
  --color-black-400: hsl(210, 21%, 6%);
  --color-black-500: hsl(216, 22%, 4%);
  --color-black-600: hsl(220, 18%, 3%);
  --color-black-700: hsl(220, 27%, 2%);
  --color-black-800: hsl(180, 20%, 1%);
  --color-blue-100: hsl(214, 95%, 93%);
  --color-blue-200: hsl(213, 97%, 87%);
  --color-blue-300: hsl(212, 96%, 78%);
  --color-blue-400: hsl(213, 94%, 68%);
  --color-blue-500: hsl(217, 91%, 60%);
  --color-blue-600: hsl(221, 83%, 53%);
  --color-blue-700: hsl(224, 76%, 48%);
  --color-blue-800: hsl(226, 71%, 40%);
  --color-blue-900: hsl(224, 64%, 33%);
  --shadow-small: 0 1px 3px 0 rgba(0, 0, 0, 0.1),
     0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
     0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-large: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
     0 4px 6px -2px rgba(0, 0, 0, 0.05);
	 --first-color: #ffcb00;
	 --second-color: #FFCB00;
	 --third-color: #434354;
	 --box-shadow: 0 5px 25px rgb(2, 2, 2, 0.1);
	 --text-shadow: 0 5px 25px rgb(2, 2, 2, 0.1);
}
body{
	line-height: 1.5;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	overflow-x: hidden;
}



a:link {

   text-decoration: none;

}

*{
	margin:0;
	box-sizing: border-box;
}
:before,:after{
	box-sizing: border-box;
}
.container{
	max-width: 1200px;
	margin:auto;
}
.row{
	display: flex;
	flex-wrap: wrap;
}
.v-center{
	align-items: center;
}
ul{
	list-style: none;
	margin:0;
	padding:0;
}
a{
	text-decoration: none;
}
/* header */
.header{
	display: block;
	width: 100%;
	position: relative;
	z-index: 99;
	padding:15px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
@media screen and (max-width: 600px) {
.header {
    padding: 10px 0px;
}

.nav-link {
    padding: 5px;
}

.container{
	padding: 0 10px;}
}

input[type="password"] {
    autocomplete: off !important;
}

.header .item-left {
	flex:0 0 20%;
}
.header .logo a{
	font-size: 30px;
	color:#000000;
	font-weight: 700;
	text-decoration: none;
}
.header .item-center{
	flex: 0 0 65%;
}
.header .item-right{
	flex: 0 0 15%;
	display: flex;
	justify-content: flex-end;
}
.header .item-right a{ 
	text-decoration: none;
    background: none !important;
    padding: 5px 10px;
    border-radius: 3px;
    border: 1px solid #e8e8e8;
    color: #000;
    margin-left: 10px;
    font-size: 18px;
    transition: color 0.3s ease;
	display: inline-flex;
    align-items: center;
}

.header .item-right a:hover{ 
    background-color: #000 !important;
	color:#fff !important;
}

.header .menu > ul > li{
	display: inline-block;
	line-height: 50px;
	margin-left: 25px;
}
.header .menu > ul > li > a{
	font-size: 15px;
	font-weight: 500;
	color:#000000;
	position: relative;
	text-transform: capitalize;
	transition: color 0.3s ease;
}
.header .menu > ul > li .sub-menu{
	position: absolute;
	z-index: 500;
	background-color:#ffffff;
	box-shadow: -2px 2px 70px -25px rgba(0,0,0,0.3); 
	padding: 20px 30px;
	transition: all 0.5s ease;
	margin-top:25px;
	opacity:0;
	visibility: hidden;
}
@media(min-width: 992px){
.header .menu > ul > li.menu-item-has-children:hover .sub-menu{
	margin-top: 0;
	visibility: visible;
	opacity: 1;
}
}
.header .menu > ul > li .sub-menu > ul > li{
	line-height: 1;
}
.header .menu > ul > li .sub-menu > ul > li > a{
	display: inline-block;
	padding: 10px 0;
	font-size: 15px;
	color: #555555;
	transition: color 0.3s ease;
	text-decoration: none;
	text-transform: capitalize;
}
.header .menu > ul > li .single-column-menu{
	min-width: 280px;
	max-width: 350px;
}
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li{
   line-height: 1;
   display: block; 
}

.image-effect img {
    transition: 0.3s ease;
}


.image-effect img:hover {
    filter: grayscale(90%);
}



.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a {
	padding:5px 0;
	display: inline-block;
	font-size: 15px;
	color:#555555;
	transition: color 0.3s ease;
}
.header .menu > ul > li .sub-menu.mega-menu{ 
    left: 50%;
    transform: translateX(-50%);	
}

.header .menu > ul > li .sub-menu.mega-menu-column-4{
  width: 100%; 	
  display: flex;
  flex-wrap: wrap;
  padding:10px 0 10px 0;
  border-radius: 10px;
  justify-content: space-between;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item{
  flex:0 0 25%;
  padding:0 15px;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item .title{
	font-size: 16px;
	color:#ea4636;
	font-weight: 500;
	line-height: 1;
	padding:10px 0;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title{
	text-align: center;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img{
	max-width: 100%;
	width: 100%;
	vertical-align: middle;
	margin-top: 10px;
	height: 300px;
	object-fit: cover;
	border-radius: 10px;
}
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a:hover,
.header .menu > ul > li .sub-menu > ul > li > a:hover,
.header .item-right a:hover,
.header .menu > ul > li:hover > a{
	color:#ea4636;
}

.mobile-only-links {
    display: none;
    text-align: center;
    margin: 15px 0;
  font-size:14px;
  margin:0 auto;
}

.mobile-only-links a {
    display: block;
    border: 1px solid var(--Gray-200, #e3e8ef);
    background: var(--Gray-50, #f8fafc) !important;
    color: #000;
    padding: 5px;
    margin: 5px 11px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 400;
	cursor: pointer;
    text-align: left;
    width: 60%;
    line-height: 50px;
    height: 50px;
    padding: 0 50px 0 15px;
}

.mobile-only-links a.whatsapp-link {
    background-color: #25d366;
}

@media screen and (max-width: 600px) {
    .mobile-only-links {
        display: block;
    }
}






input, input.text, input[type="text"],input[type="number"], input[type="button"], input[type="submit"], .input-checkbox, #membership_type, #sendCode { 
	-webkit-appearance: none;
	border: 1px solid #767676;
    border-radius: 5px; 
}

/* Contact Form 7 - Özel checkbox container */
.wpcf7-acceptance label {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  display: inline-block;
  line-height: 1.4;
  color: #333;
}

/* Checkbox input gizle */
.wpcf7-acceptance input[type="checkbox"] {
  opacity: 0;
  display: none;
}

/* Özel kutu */
.wpcf7-acceptance label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 20px;
  height: 20px;
  border: 2px solid #000; /* markana göre renk */
  border-radius: 4px;
  background: #fff;
  transition: all 0.2s ease;
}

/* Tik işareti */
.wpcf7-acceptance input[type="checkbox"]:checked + *::after {
  content: "";
  position: absolute;
  left: 7px;
  top: 5px;
  width: 6px;
  height: 12px;
  background: #fff;
  border: solid #000;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}


*,
*::before,
*::after {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  list-style: none;
  list-style-type: none;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

html {
  font-size: 100%;
  box-sizing: inherit;
  scroll-behavior: smooth;
  height: -webkit-fill-available;
}

body {
  font-family: "Rubik", sans-serif;
  font-weight: 400;
  line-height: 1.5;
  height: -webkit-fill-available;
  background-color: var(--color-white-100);
}

main {
  overflow: hidden;
}

a,
button {
  cursor: pointer;
  border: none;
  outline: none;
  user-select: none;
  background: none;
  box-shadow: none;
  text-decoration: none;
  color:#000;
}

img,
video {
  display: block;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}

.section {
  margin: 0 auto;

}

.container-swipe {
  max-width: 75rem;
  height: auto;
  margin: 0 auto;
  padding: 0;
}

.centered {
  text-align: center;
  vertical-align: middle;
  margin-bottom: 1rem;
}

.heading-xl {
  font-family: inherit;
  font-size: clamp(2.648rem, 6vw, 4.241rem);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -1px;
}
.heading-lg {
  font-family: inherit;
  font-size: clamp(2.179rem, 5vw, 3.176rem);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -1px;
}
.heading-md {
  font-family: inherit;
  font-size: clamp(1.794rem, 4vw, 2.379rem);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -1px;
}
.heading-sm {
  font-family: inherit;
  font-size: clamp(1.476rem, 3vw, 1.782rem);
  font-weight: 600;
  line-height: 1.5;
}
.heading-xs {
  font-family: inherit;
  font-size: clamp(1.215rem, 2vw, 1.335rem);
  font-weight: 500;
  line-height: 1.5;
}

.paragraph {
  font-family: inherit;
  font-size: clamp(1rem, 2vw, 1.125rem);
  text-wrap: balance;
  color: hsl(0deg 0.21% 55.02%);
}
.btn a, .btn a:active, .btn a:visited {
    text-decoration: none;
}
.btn, .btn a{
  display: inline-block;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  user-select: none;
  outline: none;
  border: none;
  border-radius: 0.25rem;
  text-transform: unset;
  transition: all 0.3s ease-in-out;
}
.btn-inline, .btn a {
  display: inline-flex;
  align-items: center;
  color: var(--color-white-100);
  justify-content: center;
  column-gap: 0.5rem;
  transition: all 0.3s ease-in-out;
}

.btn-inline:hover {
   
    column-gap: 0.8rem;
  }

.btn-darken {
  padding: 0.75rem 2rem;
  color: var(--color-white-100);
  background-color: var(--color-black-200);
  box-shadow: var(--shadow-medium);
}
.btn-darken:hover {
	color: #000 !important;
	background-color:#FFCB00;
	box-shadow: var(--shadow-medium);
  }

  .btn-darken-support{
	color: #fff !important;
	background-color:#000;
	box-shadow: var(--shadow-medium);
    padding: 15px;
    margin: 5px;
  }

.btn-darken-support:hover {
	color: #fff !important;
	background-color:#000;
	box-shadow: var(--shadow-medium);
  }

.btn-neutral {
  padding: 0.75rem 2rem;
  color: var(--color-black-500);
  background-color: var(--color-white-100);
  box-shadow: var(--shadow-medium);
}
/* banner section */
.banner-section{
  
  background-size: cover;
  background-position: center;
  height: auto;
  width: 100%;
  display: block;
  margin-bottom:1rem;
}
.mobile-menu-head,
.mobile-menu-trigger{
	display: none;
}

/*responsive*/
@media(max-width: 991px){

	.header .item-center{
		order:3;
		flex:0 0 100%;
	}
	.header .item-left,
	.header .item-right{
		
        flex: 0 0 20%;
	}
	.v-center{
		justify-content: space-between;
	}
	.header .mobile-menu-trigger{
		display: flex;
		height: 30px;
		width: 30px;
		margin-left: 15px;
		cursor: pointer;
		align-items: center;
		justify-content: center;
	}
	.header .mobile-menu-trigger span{
		display: block;
		height: 2px;
		background-color: #333333;
		width: 24px;
		position: relative;
	}
	.header .mobile-menu-trigger span:before,
	.header .mobile-menu-trigger span:after{
		content: '';
		position: absolute;
		left:0;
		width: 100%;
		height: 100%;
		background-color: #333333;
	}
	.header .mobile-menu-trigger span:before{
		top:-6px;
	}
	.header .mobile-menu-trigger span:after{
		top:6px;
	}
	.header .item-right{
		align-items: center;
	}

	.header .menu{
		position: fixed;
		width: 320px;
		background-color:#ffffff;
		left:0;
		top:0;
		height: 100%;
		overflow: hidden;
		transform: translate(-100%);
		transition: all 0.5s ease;
		z-index: 1099;
	}
	.header .menu.active{
	   transform: translate(0%);	
	}
	.header .menu > ul > li{
		line-height: 1;
		margin:0;
		display: block;
	}
	.header .menu > ul > li > a{
		line-height: 50px;
		height: 50px;
		padding:0 50px 0 15px;
		display: block;
		border-bottom: 1px solid rgba(0,0,0,0.1);
	}
	.header .menu > ul > li > a i{
		position: absolute;
		height: 50px;
		width: 50px;
		top:0;
		right: 0;
		text-align: center;
		line-height: 50px;
		
	}
	.header .menu .mobile-menu-head{
		display: flex;
		height: 50px;
		border-bottom: 1px solid rgba(0,0,0,0.1);
		justify-content: space-between;
		align-items: center;
		position: relative;
		z-index: 501;
		position: sticky;
		background-color: #ffffff;
		top:0;
	}
	.header .menu .mobile-menu-head .go-back{
		height: 50px;
		width: 50px;
		border-right: 1px solid rgba(0,0,0,0.1);
		cursor: pointer;
		line-height: 50px;
		text-align: center;
		color:#000000;
		font-size: 16px;
		display: none;
	}
	.header .menu .mobile-menu-head.active .go-back{
		display: block;
	}
	.header .menu .mobile-menu-head .current-menu-title{
		font-size: 15px;
		font-weight: 500;
		color:#000000;
	}
	.header .menu .mobile-menu-head .mobile-menu-close{
	    height: 50px;
		width: 50px;
		border-left: 1px solid rgba(0,0,0,0.1);
		cursor: pointer;
		line-height: 50px;
		text-align: center;
		color:#000000;	
		font-size: 25px;
	}
	.header .menu .menu-main{
		height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
	}
	.header .menu > ul > li .sub-menu.mega-menu,
	.header .menu > ul > li .sub-menu{
		visibility: visible;
		opacity: 1;
		position: absolute;
		box-shadow: none;
		margin:0;
		padding:15px;
		top:0;
		left:0;
		width: 100%;
		height: 100%;
		padding-top: 65px;
		max-width: none;
		min-width: auto;
		display: none;
		transform: translateX(0%);
		overflow-y: auto;
	}
.header .menu > ul > li .sub-menu.active{
	display: block;
}
@keyframes slideLeft{
	0%{
		opacity:0;
		transform: translateX(100%);
	}
	100%{
	    opacity:1;
		transform: translateX(0%);	
	}
}
@keyframes slideRight{
	0%{
		opacity:1;
		transform: translateX(0%);
	}
	100%{
	    opacity:0;
		transform: translateX(100%);	
	}
}
	.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img{
		margin-top:0;
	}
	.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title{
		margin-bottom: 20px;
	}
	.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center:last-child .title{
		margin-bottom:0px;
	}
	.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item{
		flex: 0 0 100%;
        padding: 0px;
	}
	.header .menu > ul > li .sub-menu > ul > li > a,
	.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a{
		display: block;
	}
	.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul {
		margin-bottom: 15px;
	}
	.menu-overlay{
		position: fixed;
		background-color: rgba(0,0,0,0.5);
		left:0;
		top:0;
		width: 100%;
		height: 100%;
		z-index: 1098;
		visibility: hidden;
		opacity:0;
		transition: all 0.5s ease;
	}
	.menu-overlay.active{
	  visibility: visible;
	  opacity:1;	
	}
}
.logo a img {
	    max-width: 120px;
}

.site-main {
	max-width: 1200px;
    margin: auto;
    margin-top: 2rem;
}




.banner-column {
	position: relative;
	display: grid;
	align-items: center;
	row-gap: 3rem;
  }
  @media only screen and (min-width: 48rem) {
	.banner-column {
	  grid-template-columns: repeat(2, minmax(0, 1fr));
	  justify-content: center;
	}
  }
  @media only screen and (min-width: 64rem) {
	.banner-column {
	  grid-template-columns: 1fr max-content;
	  column-gap: 4rem;
	  margin-top: 3rem;
	}
  }
  .banner-image {
	display: block;
	max-width: 18rem;
	height: auto;
	margin-top: 2rem;
	object-fit: cover;
	justify-self: center;
  }
  @media only screen and (min-width: 48rem) {
	.banner-image {
	  order: 1;
	  max-width: 20rem;
	  height: auto;
	}
  }
  @media only screen and (min-width: 64rem) {
	.banner-image {
	  max-width: 25rem;
	  height: auto;
	  margin-right: 5rem;
	}
	
  }
  .banner-inner {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	row-gap: 1.75rem;

  }
  .banner-links {
	position: absolute;
	top: 30%;
	right: 1.5rem;
	display: grid;
	justify-items: center;
	row-gap: 0.5rem;
	opacity: 0;
	visibility: hidden;
  }

 

  @media only screen and (min-width: 64rem) {
	.banner-links {
	  opacity: 1;
	  visibility: visible;
	}
  }
  .banner-links > * {
	font-size: 1.25rem;
	line-height: 1.25;
	color: #000;
  }
  .banner-links::before {
	position: absolute;
	content: "";
	top: -3rem;
	width: 4rem;
	height: 1.5px;
	transform: rotate(90deg);
	background: #d9d9d9;
  }
  .banner-links::after {
	position: absolute;
	content: "";
	bottom: -3rem;
	width: 4rem;
	height: 2px;
	transform: rotate(90deg);
	background: #d9d9d9;
  }

  .ic {
	padding: 0px !important;
    background: none !important;
  }

  .search-product {
	padding: 40px;
    border: 1px solid var(--Gray-200, #e3e8ef);
    background: var(--Gray-50, #f8fafc);
    border-radius: 0 50px 50px 50px;
	margin-top: 40px;
  }

  @media screen and (max-width: 600px) {
	.search-product {
		padding: 20px;
		border-radius: 0 50px 50px 50px;
		margin-top: 40px;
	  }

  }

  .search-product input {
  width: 89%;
  border: none;
  border-radius: 5px;
  line-height: 30px;
  padding: 8px;
  border: 1px solid #d9d9d9;
  }

  @media screen and (max-width: 600px) {
	.search-product input {
	  width: 68%;
	  border: none;
	  border-radius: 5px;
	  line-height: 30px;
	  padding: 8px;
	  }
	  .search-product input {
		
		border: 1px solid #d9d9d9;
		}
  }

  .arama-formu button, .search-product button :visited { 
	color: #fff;
    background: #000000;
	padding: 13px 30px;
    border-radius: 5px;
	width: 10%;
	transition: 0.3s;
  }



  .arama-formu button:hover { 
	background: #ffcb00;
    color: #000;
	box-shadow: var(--shadow-medium);
  }

  @media screen and (max-width: 600px) {
	.search-product button, .search-product button :visited {
	color: #fff;
	background: #000000;
    padding: 14px 30px;
    border-radius: 5px 20px 5px 5px;
    width: 24%;
}
}
  .search-product button:active { 
	color: #fff;
    background-color: #000000;
}


.paragraph-search {
    font-family: inherit;
    font-size: clamp(0.8rem, 2vw, 1.125rem);
    color: hsl(0deg 0.21% 55.02%);
    margin-top: 6px;
}

.search-product::before {
	content: "<i class="bx bxl-facebook"></i>";
}


/* tabs */
.container {
	position: relative;
	transition: 0.5s ease;
	width: 100%;
  }
  
  .tab__bar {
	position: relative;
	margin: 40px 10px 30px 10px;
  }
  .tab__bar .tab__navigation {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: -webkit-fit-content;
	max-width: -moz-fit-content;
	max-width: fit-content;
	margin: 0 auto;
  }
  .tab__bar .tab__menu {
	color: var(--text-color);
	list-style: none;
	max-width: 100%;
	white-space: nowrap;
	scroll-behavior: smooth;
	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
	overflow-x: auto;
  }
  .tab__bar .tab__menu.dragging {
	scroll-behavior: unset;
	cursor: -webkit-grab;
	cursor: grab;
  }
  .tab__bar .tab__menu.dragging .tab-btn {
	pointer-events: none;
  }
  .tab__bar .tab__menu::-webkit-scrollbar {
	display: none;
  }
  .tab__bar .tab__menu .tab__btn {
	display: inline-block;
	color: var(--text-color);
	font-size: 1em;
	font-weight: 400;
	margin: 0 2px;
    padding: 10px 15px;
	cursor: pointer;
	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
	transition: background-color 0.3s ease;
  }
  .tab__bar .tab__menu .tab__btn:hover {
	background-color: var(--first-color);
    border-radius: 0 10px 10px 10px;
  }
  .tab__bar .tab__menu .tab__btn.active {
	background-color: var(--second-color);
	box-shadow: var(--shadow-medium);
    border-radius: 0 10px 10px 10px;
  }



  .tab__bar .left__btn,
  .tab__bar .right__btn {
	position: absolute;
	color: var(--text-color);
	font-size: 1.8em;
	cursor: pointer;
	border-radius: 5px;
  }
  .tab__bar .left__btn svg,
  .tab__bar .right__btn svg {
	width: 20px;
	height: 20px;
  }
  .tab__bar .left__btn svg path,
  .tab__bar .right__btn svg path {
	fill: #fff;
  }
  .tab__bar .left__btn {
	display: none;
	left: -5px;
	background: linear-gradient(to left, transparent, var(--first-color) 60%);
	padding: 14px 30px 10px 0;
  }
  .tab__bar .right__btn {
	right: -5px;
	background: linear-gradient(to right, transparent, var(--first-color) 60%);
	padding: 14px 0 10px 30px;
  }
  
  .tab__content {
	position: relative;
  }
  .tab__content .tab {
	position: relative;
	width: 100%;
	padding: 15px 20px;
	display: none;
	-webkit-animation: fadein 0.8s;
			animation: fadein 0.8s;
  }
  .tab__content .tab.active {
	display: flex;
  }
  .tab__content .tab .row {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 30px;
  }
  @media (max-width: 767px) {
	.tab__content .tab .row {
	  flex-direction: column;
	}
  }
  .tab__content .left-column,
  .tab__content .right-column {
	width: 50%;
	max-width: 500px;
  }
  @media (max-width: 767px) {
	.tab__content .left-column,
  .tab__content .right-column {
	  width: 100%;
	  max-width: 700px;
	}
  }
  .tab__content .left-column {
	display: flex;
	align-items: center;
  }
  .tab__content .left-column .img-card {
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: var(--box-shadow);
  }
  .tab__content .left-column .img-card img {
	width: 100%;
  }
  .tab__content .info .city {
	margin-bottom: 15px;
	font-size: 32px;
  }
  .tab__content .info .description {
	font-weight: normal;
	font-size: 14px;
	line-height: 1.8;
  }
  .tab__content .info .city, .tab__content .info .description h2 {
	text-align: left;
	color: rgb(0, 0, 0) !important;
  }
  @media (max-width: 767px) {
	.tab__content .info .description {
	  text-align: justify;
	}
  }
  .tab__content .info .city, .tab__content .info .description {
	color: hsl(0deg 0.21% 55.02%);
	text-align: left;
  }
  @media (max-width: 767px) {
	.tab__content .info .city, .tab__content .info .description h2 {
	  text-align: left;
	  color: rgb(0, 0, 0) !important;
	}
  }
  .city h2 {
  text-align: left;
  color: rgb(0 0 0) !important;
  }
  .desction p {
	color: hsl(0deg 0.21% 55.02%);
}
  @-webkit-keyframes fadein {
	0% {
	  opacity: 0;
	  transform: translateX(20px);
	}
	100% {
	  opacity: 1;
	  transform: translateX(0);
	}
  }
  
  @keyframes fadein {
	0% {
	  opacity: 0;
	  transform: translateX(20px);
	}
	100% {
	  opacity: 1;
	  transform: translateX(0);
	}
  }


  /* parallax */


.section {
	justify-content: center;
	align-items: center;
	display: flex;
	position: relative;
	overflow: hidden;
	margin: 0px 0px 30px 0px;
  }
  .section .container {
	width: 100%;
	max-width: 1920px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
  }
  
  .swiper-wrapper {
	flex: none;
	align-items: flex-start;
	display: flex;
  }
  
  .swiper-slide {
	flex: none;
  }
  .swiper-slide .people__card {
	position: relative;
	overflow: hidden;
	height: 640px;
	background-color: #111b1a;
	border-radius: 11px;
  }
  @media (max-width: 1699px) {
	.swiper-slide .people__card {
	  height: 512px;
	}
  }
  @media (max-width: 1199px) {
	.swiper-slide .people__card {
	  height: 450px;
	}
  }
  @media (max-width: 991px) {
	.swiper-slide .people__card {
	  height: 400px;
	}
  }
  @media (max-width: 767px) {
	.swiper-slide .people__card {
	  height: auto;
	}
  }
  .swiper-slide .people__card .people__card__image {
	display: inline-block;
	position: absolute;
	top: 0%;
	bottom: 0%;
	left: 0%;
	right: 0%;
	z-index: 2;
	margin-left: -100px;
	width: 130%;
	height: 100%;
	max-width: none;
	-o-object-fit: cover;
	   object-fit: cover;
	border-radius: 13px;
	transition: transform 0.7s;
  }
  .swiper-slide .people__card .people__card__content {
	position: relative;
	z-index: 3;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	height: 100%;
	padding: 40px 30px;
	border-radius: 11px;
	transition: 0.3s;
  }
  .swiper-slide .people__card .people__card__content .slide__number {
	margin-bottom: 30px;
	opacity: 1;
	font-size: 32px;
	font-weight: 300;
	color: #ebefe3;
  }
  @media (max-width: 1199px) {
	.swiper-slide .people__card .people__card__content .slide__number {
	  margin-bottom: 20px;
	  font-size: 24px;
	}
  }
  @media (max-width: 1199px) {
	.swiper-slide .people__card .people__card__content .slide__number {
	  font-size: 20px;
	}
  }
  .swiper-slide .people__card .people__card__content .slide__title {
	margin-bottom: 20px;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -0.03em;
	color: #ebefe3;
  }
  @media (max-width: 1199px) {
	.swiper-slide .people__card .people__card__content .slide__title {
	  font-size: 2.4em;
	}
  }
  @media (max-width: 767px) {
	.swiper-slide .people__card .people__card__content .slide__title {
	  font-size: 1.92em;
	}
  }
  .swiper-slide .people__card .people__card__content .slide__subtitle {
	margin-bottom: 30px;
	max-width: 70%;
	color: #ebefe3;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
  }
  @media (max-width: 1199px) {
	.swiper-slide .people__card .people__card__content .slide__subtitle {
	  font-size: 15px;
	  max-width: 100%;
	}
  }
  @media (max-width: 767px) {
	.swiper-slide .people__card .people__card__content .slide__subtitle {
	  font-size: 14px;
	  max-width: 85%;
	}
  }
  .swiper-slide .people__card .people__card__content .slide__btn {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 12px 24px;
	border: 1px solid #ebefe3;
    border-radius: 0 10px 10px 10px;
    text-decoration: none;
	transition: background-color 0.3s;
	bottom: 30px;
    position: absolute;

  }
  @media (max-width: 767px) {
	.swiper-slide .people__card .people__card__content .slide__btn {
	  padding: 10px 20px;
	  position: relative;
	  margin-top: 15px;
	}
  }
  .swiper-slide .people__card .people__card__content .slide__btn:hover {
	background-color: #ebefe3;
  }
  .swiper-slide .people__card .people__card__content .slide__btn:hover .slide__btn__text {
	color: #111b1a;
  }
  .swiper-slide .people__card .people__card__content .slide__btn:hover .slide__btn__icon path {
	color: #111b1a;
  }
  .swiper-slide .people__card .people__card__content .slide__btn .slide__btn__text {
	margin-right: 5px;
	font-size: 20px;
	font-weight: 500;
	color: #ebefe3;
	transition: color 0.3s;
  }
  @media (max-width: 767px) {
	.swiper-slide .people__card .people__card__content .slide__btn .slide__btn__text {
	  font-size: 18px;
	}
  }
  .swiper-slide .people__card .people__card__content .slide__btn .slide__btn__icon {
	width: 15px;
	font-size: 24px;
  }
  @media (max-width: 767px) {
	.swiper-slide .people__card .people__card__content .slide__btn .slide__btn__icon {
	  font-size: 18px;
	}
  }
  .swiper-slide .people__card .people__card__content .slide__btn .slide__btn__icon path {
	color: #ebefe3;
	transition: 0.3s;
  }
  .swiper-slide .people__card .slide__gradient {
	position: absolute;
	z-index: 2;
	top: 0%;
	bottom: 0%;
	left: 0%;
	right: 0%;
	background-image: linear-gradient(111deg, #000, rgba(0, 0, 0, 0.15) 60%);
  }
  
  .swiper-slide.is-active .people__card__image {
	transform: translateX(100px);
  }


  /** creative **/

  .creative-testimonial--slider{
    
    padding: 0px 0px;
}
.creative-testimonial--slider .testimonial-inner {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;
}

.swiper-button-next, .swiper-button-prev  {
	color:#ffcb00 !important;
}

.testimonial-inner {
	background-size: 70%;
    background-position-x: center;

}

.testimonial-inner .testimonial-heading{
    text-align: center;
    max-width: 60%;
    margin: auto;
    font-size: 2.813rem;
    line-height: 3.125rem;
    letter-spacing: -1px;
    margin-top: 0px;
    margin-bottom: 50px;
}


.testimonial-wrap {
    position: relative;
    overflow: hidden;
    margin-bottom: 6%;
}
.swiper-slide .swiper-slide--inner {
    padding-left: 15%;
    padding-right: 15%;
    display: flex;
    align-items: center;
    column-gap: 50px;
    position: relative;
    overflow-x: hidden;
	margin: 30px 0;
}
.swiper-slide--inner .testimonial-detail img{
    height: 28px;
}

@media (max-width: 767px) {
.swiper-slide--inner .testimonial-detail img{
    height: 28px;
	margin:0 auto;
}

}


.swiper-slide--inner .testimonial-detail p{
    margin: 0px;
    color: #000;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 5px;
	margin-top: 5px;
}
.swiper-slide--inner .testimonial-detail span{
    color: #ffcb00;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 15px;
    line-height: normal;
}
.company-details--row {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;

}
.company-details--row .company-box {
    flex: 0 0 auto;
    width: 33.33333333%;
    padding: 0px 15px;
}
.company-details--row .company-box .company-box-inner {
    -webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, .08);
    box-shadow: 0 20px 60px rgba(0, 0, 0, .08);
    -webkit-transition: all 350ms cubic-bezier(.37,0,.63,1);
    transition: all 350ms cubic-bezier(.37,0,.63,1);
    background: #fff;
    text-align: center;
    border-radius: 6px;
}
.company-box-inner .company-box-top{
    padding-top: 10%;
    padding-bottom: 10%;
    border-bottom: 1px solid #dee2e6;
}
.company-box-inner .company-box-top img{
    height: 40px;
}
.company-box-inner .company-box-bottom{
    padding: 15px;
}
.company-box-inner .company-box-bottom span{
    font-size: 15px;
    color: #878898;
    line-height: 30px;
}
.company-box-inner .company-box-bottom span strong{
    color: #242e45;
}
/* ======== Sticky Footer ========= */
.sticky-footer{
	position: fixed;
 width: 100%;
	 background: #333;
 z-index: 999;
 bottom: 0;
}
.sticky-footer .footer-row{
   display: flex;
 justify-content: space-between;
 align-items: center;
 padding: 8px 10px;
 padding-right: 15px;
}
.creditd a {
 color: #fff;
 text-decoration: none;
 font-weight: bold;
	 font-size: 16px;
}
.social ul{
   display: flex;
 list-style-type: none;
 margin: 0;
 padding: 0px;
 column-gap: 10px;
 align-items: center;
}
.social ul li a{
  display: flex;
 background: #fff;
 height: 30px;
 width: 30px;
 border-radius: 4px;
 align-items: center;
 justify-content: center;
}
.social ul li a img{
	max-width: 20px;
}

/* Responsive Ipad */
@media only screen and (max-width: 981px) {

.creative-testimonial--slider{
 padding-left: 10px;
 padding-right: 10px;
}
.testimonial-inner .testimonial-heading{
 max-width: 100%;
}
.swiper-slide .swiper-slide--inner{
 padding-left: 0%;
 padding-right: 0%;
}
.swiper-button-next.slide-btns, .swiper-button-prev.slide-btns{
 display: none;
}
.company-details--row .company-box{
 padding: 0px 5px;
}
}
/* Responsive Ipad */
@media only screen and (max-width: 460px) {
 .testimonial-inner .testimonial-heading{
	 font-size: 1.813rem;
	 line-height: 2.125rem;
	 margin-bottom: 20px;
 }
 .swiper-slide .swiper-slide--inner {
	 flex-direction: column;
	 text-align: center;
 }
 .company-details--row{
	 justify-content: center;
	 flex-direction: column;
 }
 .company-details--row .company-box{
	 padding: 0px 0px;
	 margin-bottom: 20px;
			 width: 100%;
 }
}



/* ============ Accordion Design ======================== */
.creative-accordion{
 
    padding: 0;
}
.creative-accordion .container {
    max-width: 1320px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.creative-accordion .container .row {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.creative-accordion .container .mb-60{
    margin-bottom: 60px;
}
.creative-accordion .container .row .col-lg-12{
    flex: 0 0 auto;
    width: 100%;
}
.section-title {
    text-align: center;
}
.section-title .subtitle {
    font-size: 14px;
    line-height: 15px;
    font-weight: 500;
    margin-bottom: 15px;
    padding: 10px 20px;
    border-radius: 100px;
    text-transform: uppercase;
    display: inline-block;
    background: #b966e721;
    color: #b966e7;
}
.section-title .accordion-title{
    margin-bottom: 0px;
    font-weight: 700;
    font-size: 44px;
    line-height: 1.23;
    margin-top: 0px;
    word-break: break-word;
    color: #000;
}
.creative-accordion .container .row .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
    padding: 0px 15px;
}
.accordion-thumbnail {
    position: relative;
}
.accordion-thumbnail img:nth-child(1){
    color: transparent;
    max-height: 600px;
    border-radius: 6px !important;
}
.accordion-thumbnail img:nth-child(2){
    max-height: 300px;
    position: absolute;
    right: 10%;
    top: 30%;
    border-radius: 6px;
    color: transparent;
}
.creative-accordion--style {
    margin-top: 60px;
}
.creative-accordion--style .accordian-wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    background: #fff;
    box-shadow: 0px 6px 10px rgba(215, 216, 222, .41);
    border: 0;
    border-radius: 6px;
    margin-bottom: 30px;
}
.accordian-wrap.active .accordion-header{
    color: #000;
}
.accordian-wrap .accordion-header {
    cursor: pointer;
    border-bottom: 0;
    box-shadow: none;
    padding: 0px 38px 0px 30px;
    margin: 0px;
    display: flex;
    align-items: center;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
    font-size: 15px;
    line-height: 27px;
    text-decoration: none;
    width: 100%;
    position: relative;
    font-weight: 700;
    color: #000;
    border: none;
    justify-content: space-between;
}
.accordian-wrap .accordion-content {
    background: #fff;
    border-top: 1px dotted #ffcb00;
    padding: 20px 30px 25px;
    font-size: 14px;
    display: none;
}
.accordian-wrap .accordion-content p{
    margin:0;
}

/* =========== Responsive Ipad ============= */
@media only screen and (max-width: 981px) {
    .creative-accordion .container .row .col-lg-6 {
        width: 100%;
        padding: 0px 0px;
    }
}
/* =========== Responsive Iphone ============= */
@media only screen and (max-width: 460px) {
    .section-title .accordion-title{
        font-size: 28px;
    }
    .accordion-thumbnail img:nth-child(2){
        display: none;
    }
    .accordion-thumbnail{
        margin-bottom: 0px;
    }
    .accordian-wrap .accordion-header{
        padding: 0px 10px;
        font-size: 16px;
    }
	.creative-accordion--style .accordian-wrap {
		
		border-radius: 10px;
		margin-bottom: 10px;
	}
}

/** kariyer */

.cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	margin-bottom: 50px;
	justify-items: center;
  }
  
  .card {
	background-color: #f1f1f19e;
	padding: 20px;
	border-radius: 10px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
	text-align: center;
	width: 100%;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
  
  .card:hover {
	transform: translateY(-5px);
	box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
  }

  .kariyer {
	padding: 20px;
  }
  
  .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #000;
	margin-bottom: 15px;
	gap: 10px;
  }
  
  .icon i {
	height: 64px;
	width: 64px;
	border-radius: 0 30px 30px 30px;
	display: flex;
	color: 000;
	align-items: center;
	justify-content: center;
	font-size: 30px;
  }

  .entry-content .bx, .card .bx {
	background: #fcec2f;
    margin-bottom: 10px;
    padding: 5px;
  }

  .error-message .bx, .no-error-message .bx {
    background: none !important;
    margin-bottom: 0;
    padding: 0;
  }

  .entry-content li .bx {
	border-radius: 0 30% 30% 30%;
    padding: 5px;
  }

   .entry-content li {
    align-items: center;
    column-gap: 0.5rem;
    margin-bottom: 5px;
  } 
  .entry-content li p {
    font-size: 14px;
}

  @media only screen and (max-width: 460px) {
  .entry-content li {
    display: list-item;
    align-items: center;
    column-gap: 0.5rem;
    margin-bottom: 5px;
}
}

  	article {
	border-radius: 8px;
    border: 1px solid var(--Gray-200, #e3e8ef);
    background: var(--Gray-50, #f8fafc);
	padding: 50px 50px;
  	margin-bottom: 0;
}

	article p, article a, article a:visited, article a:active  {
			color: #000;
			font-family: "Poppins", sans-serif;
			font-size: 15px;
			margin-bottom: 10px;
	}

	article .btn a:active {
		color:#fff;
	}

	article h3 {
		padding-left: 20px;
		border-left: 3px solid #d5d5d5;
		margin: 30px 0 10px 0;
	}

	.entry-meta .date {
		font-size: 14px;
		color: #a9a9a9;
	}

	.nav-subtitle, .nav-subtitle, .nav-title, .nav-title a {
		font-size: 14px;
	}
	
	strong {
		font-weight: 500;
	}

	@media only screen and (max-width: 720px) {
	article {
	border-radius: 0.5rem;
	padding: 10px;

  }
}

  .fa-code {
	background: linear-gradient(to bottom right, #fbf73e, #ffc800);
  }
  
 
  .title {
	font-size: 24px;
	font-weight: 600;
	margin: 0;
  }
  
  /* Default state for .count (not selected) */

  
  /* Hover state */

  
  /* Selected state */
  .count.selected {
	background-color: #000;
	color: #fff;
	border: 2px solid #c2c5e2;
	transform: scale(1.05);
	transition: all 0.3s ease;
  }
  
  .footer {
	max-width: 100%
  }
  
  /* Responsive Design for Medium Screens (980px) */
  @media (max-width: 980px) {
	.cards {
	  grid-template-columns: repeat(2, 1fr);
	  gap: 15px;
	}
  
	.card {
	  padding: 30px;
	  max-width: 100%;
	}

  
	.icon {
	  font-size: 2rem;
	  gap: 8px;
	}
  
	.title {
	  font-size: 1.1rem;
	}
  
	.count {
	  font-size: 0.9rem;
	}
  }
  
  /* Responsive Design for Smaller Screens (768px and below) */
  @media (max-width: 768px) {
	.cards {
	  grid-template-columns: 1fr;
	}
  
	.card {
	  padding: 20px;
	}
  }
  
  /* Extra Small Screen Adjustments */
  @media (max-width: 480px) {
	
  
	h1 {
	  font-size: 28px;
	}
  
	.card {
	  padding: 15px;
	}
  
	.title {
	  font-size: 1rem;
	}
  
	.count {
	  
	  font-size: 0.8rem;
	}
  }

  .entry-content p {
	font-size: 14px;
	line-height: 24px;
  }

  .h h1, .entry-header h1 {
	padding-left: 20px;
    border-left: 3px solid #fcec2f;
  }

  .entry-content li p {
	font-size:14px;
  }


  /* footer başlar */
  .footer-5-column {
	padding-top: 3rem;
	margin-top: 2rem;
    border-top: 1px solid var(--Gray-200, #e3e8ef);
    background: var(--Gray-50, #f8fafc);
    padding: 70px 80px;
    margin-bottom: 0;
  }
  @media (max-width: 480px) {
  .footer-5-column {
	padding: 20px 0;
  }
}
  .footer-5-column p {
	color: #777777;
  }
  .footer-5-column .footer-container {
	max-width: 1320px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-left: 12px;
	padding-right: 12px;
	box-sizing: border-box;
  }
  .footer-5-column .footer-container .footer-navbar-container {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-bottom: 3rem;
	margin-right: auto;
	margin-left: auto;
  }
  
  .footer-5-column
	.footer-container
	.footer-navbar-container
	.footer-company-details {
	width: 35%;
	max-width: 100%;
	flex: 0 0 auto;
	padding-right: 2rem;
	line-height: 1.428;
  }
  .footer-5-column
	.footer-container
	.footer-navbar-container
	.footer-company-details
	.footer-logo {
	width: 120px;
	transition: all 0.3s ease;
  }
  .footer-logo:hover{
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
	opacity: 0.2;
  }
  .footer-5-column
	.footer-container
	.footer-navbar-container
	.footer-company-details
	.footer-logo
	img {
	max-width: 100%;
	height: auto;
  }
  .footer-5-column
	.footer-container
	.footer-navbar-container
	.footer-company-details
	.footer-logo
	svg {
	width: 100%;
	height: auto;
  }
  .footer-5-column
	.footer-container
	.footer-navbar-container
	.footer-company-details
	.footer-content {
	margin-top: 1rem;
	font-size: 16px;
	line-height: 1.8;
	padding-right: 1rem;
  }
  .footer-5-column
	.footer-container
	.footer-navbar-container
	.footer-company-details
	.footer-icons {
	margin-top: 1.5rem;
  }
  .footer-5-column
	.footer-container
	.footer-navbar-container
	.footer-company-details
	.footer-icons
	ul {
	display: flex;
	padding: 0;
	margin: 0;
	list-style-type: none;
  }
  .footer-5-column
	.footer-container
	.footer-navbar-container
	.footer-company-details
	.footer-icons
	ul
	li {
	list-style: none;
	display: flex;
	flex-direction: row;
	margin-right: 20px;
    color: #777777;
	font-size:25px;
}
  .footer-icons ul li a, .footer-icons ul li a:active,.footer-icons ul li a:visited {
  	color: #777777;
}
.footer-icons ul li a:hover {
	color: #000;
}
  .footer-5-column
	.footer-container
	.footer-navbar-container
	.footer-company-details
	.footer-icons
	ul
	li
	a {
	width: 30px;
	padding: 6px;
  }
  .footer-5-column .footer-navbar {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: flex-start;
	flex-grow: 1;
	line-height: 1.428;
  }
  
  .footer-5-column .footer-navbar > .footer-navbar-col {
	width: 33%;
	flex: 0 0 auto;
  }
  .footer-5-column .footer-navbar .footer-navbar-col h5 {
	margin-bottom: 1.5rem;
	color: #000;
	overflow-wrap: break-word;
	padding: 0 0.5rem 0 0;
  }
  .footer-5-column .footer-navbar .footer-navbar-col ul {
	padding: 0 0.5rem 0 0;
	margin: 0;
  }
  .footer-5-column .footer-navbar .footer-navbar-col ul li {
	list-style: none;
  }
  .footer-5-column .footer-navbar .footer-navbar-col ul li:not(:last-child) {
	margin-bottom: 0.2rem;
  }
  .footer-5-column .footer-navbar .footer-navbar-col ul li a {
	font-size: 16px;
	text-decoration: none;
	color: #777777;
	overflow-wrap: break-word;
  }
  .footer-5-column .footer-navbar .footer-navbar-col ul li a:hover {
	color: #000;
  }
  
  .footer-5-column .footer-copyright {
	padding: 2rem 0;
	border-top: 1px solid rgb(219, 215, 215);
  }
  .footer-5-column .footer-copyright p {
	font-size: 14px;
	margin-bottom: 0;
  }
  
  @media all and (max-width: 1140px) {
	.footer-5-column .footer-container .footer-navbar-container,
	.footer-5-column .footer-navbar {
	  row-gap: 3rem;
	}
	.footer-5-column
	  .footer-container
	  .footer-navbar-container
	  .footer-company-details,
	.footer-5-column .footer-container .footer-navbar-container .footer-navbar {
	  padding: 0;
	  width: 100%;
	}
  }
  @media all and (max-width: 992px) {
	.footer-5-column .footer-navbar .footer-navbar-col {
	  width: 50%;
	}
  }



  /* arşiv blog */
  .container {
    max-width: 1200px;
    margin: auto;
    
}

.archive-title {
    text-align: center;
    font-size: 28px;
    margin-bottom: 20px;
}

/* Grid Sistemi */
.post-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
    border-radius: 10px;
}




/* Masaüstü Görünüm (2 Yazı Yan Yana) */
@media (min-width: 760px) {
    .post-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Blog Kartları */
.post-item {
    border: 1px solid var(--Gray-200, #e3e8ef);
    background: var(--Gray-50, #f8fafc);
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	transition: 0.3s ease;
    /* Blitzsch arama bloğu (sadece aside içinde etkili) */
}
.post-sidebar .sb-blitz{
    display: grid;
    gap: 12px;
  }
  
  /* Input şeridi */
  .post-sidebar .sb-blitz .sb-input-wrap{
    position:relative;
    display:grid;
    grid-template-columns: 1fr auto;
    gap:10px;
    align-items:center;
  }
  .post-sidebar .sb-blitz .sb-input-wrap > .bx{
    position:absolute;
    left:12px; top:50%;
    transform:translateY(-50%);
    color:#000;
    font-size:18px;
  }
  
  /* Arama kutusu */
  .post-sidebar .sb-blitz .sb-input{
    height: 44px;
    width: 100%;
    padding: 10px 12px 10px 38px;
    background: #ffffff;
    color: #000;
    border: 1px solid #e3e8ef;
    border-radius: 8px;
    outline: none;
    transition: box-shadow .2s, border-color .2s;
  }
  .post-sidebar .sb-blitz .sb-input::placeholder{ color:#8a8a8a; }
  .post-sidebar .sb-blitz .sb-input:focus{
    border-color:#ffcb00;
    box-shadow:0 0 0 4px rgba(255,203,0,.28);
  }
  
  /* Buton */
  .post-sidebar .sb-blitz .sb-btn{
    height: 44px;
    padding: 0 14px;
    border-radius: 5px;
    background: #ffcb00;
    color: #000;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    transition: transform .08s ease, filter .2s ease;
  }
  .post-sidebar .sb-blitz .sb-btn:hover{ background: #000;color:#fff; }
  .post-sidebar .sb-blitz .sb-btn:active{ transform:translateY(1px); }
  .post-sidebar .sb-blitz .sb-btn .bx{ font-size:18px; }
  


/* Öne Çıkan Görsel */
.post-thumbnail img {
	width: 100%;
    border-radius: 8px;
    margin: 20px 0;
}

/* Başlık */
.post-title {
    font-size: 20px;
    margin: 10px 0;
}

.post-title a {
    text-decoration: none;
    color: #333;
}

/* Özet */
.post-excerpt {
    font-size: 14px;
    color: #666;
    flex-grow: 1;
    margin-bottom: 10px;
}

/* Devamını Oku Butonu */
.read-more {
    display: inline-block;
    background: #0073aa;
    color: #fff;
    padding: 8px 12px;
    text-decoration: none;
    border-radius: 5px;
    text-align: center;
    margin-top: auto;
}

.read-more:hover {
    background: #005580;
}

/* Sayfalama */
.pagination {

    margin-top: 20px;
}

.pagination a, .pagination span {
    display: inline-block;
    padding: 8px 12px;
    margin: 2px;
    background: #f1f1f1;
    text-decoration: none;
    border-radius: 5px;
    color: #333;
}

.pagination a:hover {
    background: #ffcb00;
    color: #000;
}

.post-item .btn-inline {
border-radius: 10px;
}

/* market */

.market {
    background: #ffcb00 !important;
    padding: 10px 10px;
    border-radius: 3px;
}


.market:hover {
    background: #000 !important;
    color:#fff !important;
	transition: 0.3s ease;
}


.bayi {
  background: #d5d5d5 !important;

}


.bayi { 
  display:flex !important;               /* metin + ikon yan yana */
  align-items:center !important;         /* dikeyde ortala */
  justify-content:flex-start !important; /* metin solda kalsın */
  width:100%;                 /* tam satır genişliği */
  gap:.5rem;
  text-decoration:none;
}
.bayi .label{ flex:1 }        /* boşluğu al, ikonu sağa iter */
.bayi i{
  line-height:1;              /* optik ortalama */
  display:inline-block;
}


/*market */

.woocommerce-message {
    border-top-color: #ffcb00;
}
.hesabim-d {
	background: #ffcb00 !important;
    padding: 10px 10px;
    border-radius: 3px;
}

.woocommerce-message::before {
    content: "\e015";
    color: #ffcb00;
}

.woocommerce-page .woocommerce-message .button {
    background: #ffcb00;
    color: #000;
    font-weight: 200;
    transition: 0.3s ease;
}

.continue-shopping {
    background: #ffcb00;
    color: #000;
    font-weight: 200;
    transition: 0.3s ease;
    margin-right: 10px !important;
}

.continue-shopping:hover {
    color: #000000;
    background: #e9e9e9;
    font-weight: 200;
}



/* Daha büyük ekranlarda butonları yan yana hizala */
@media (max-width: 480px) {
    .woocommerce-message {
        flex-direction: column;
    }

    .woocommerce-message a {
        width: 48%;
        display: inline-block !important;
        margin: 5px 1% !important;
    }
    .continue-shopping:hover {
        margin:0 !important;
    }
}



.woocommerce-page .woocommerce-message .button:hover {
    color: #000000;
    background: #e9e9e9;
    font-weight: 200;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
	padding:10px;
}

.cart-count {
	padding: 0 5px;
    background-color: #ffcb00;
    border-radius: 3px;
    margin-left: 5px;
    color: #000;
    font-size: 13px;
}
.cart-count:hover {
	color:#000
}

.woocommerce-MyAccount-navigation a {
	width: 100%;
}
.woocommerce-MyAccount-navigation-link .is-active {
	color:#fff !important;
}

.woocommerce-MyAccount-navigation ul li a:after {
		content: "\ebe6"; /* Boxicons Unicode karakteri */
		font-family: "boxicons"; /* Boxicons fontunu kullan */
		font-size: 20px;
}


.woocommerce-MyAccount-navigation ul li a:hover {
	background: #000 !important;
    color:#fff;
}

.woocommerce-MyAccount-navigation ul li a {
	font-size: 15px;
    font-weight: 500;
	background: #ffcb00 !important;
    padding: 10px 10px;
    border-radius: 3px;
	font-size: 15px;
    font-weight: 500;
    color: #000000;
    position: relative;
    text-transform: capitalize;
    transition: color 0.3s ease;
	display: inline-flex;
    align-items: center;
    width: 100%;
	justify-content: space-between;
}

.woocommerce-MyAccount-navigation ul li a:hover {
	color:#fff;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

.woocommerce span.onsale {
    position: absolute !important;
    padding: 0px 10px !important;
    background: #ffcb00 !important;
    border-radius: 5px !important;
    font-size: 12px !important;
    color: #000;
	font-weight: 500;
	display: inline-flex;
    align-items: center;
    justify-content: center;
    column-gap: 0.5rem;
}

.onsale:after {
	content: "\ea53";
	font-family: "boxicons"; 
}


/*blog */

.post-title a {
	padding-left: 10px;
    border-left: 3px solid #fcec2f;
}


/* contact form */
.wpcf7-form-control-wrap input {
	width: 100%;
    padding: 10px;
}

.wpcf7-list-item {
    margin:0 !important;
}

.wpcf7-list-item input {
    width:0;
}

.wpcf7-list-item-label::before {
  display: none !important;
  content: none !important;
}

.wpcf7-validates-as-required {
	padding: 10px;
	width: 100%;
}

.contact {
    display: flex;
    flex-wrap: wrap; /* Elemanların sarılması için */
    gap: 20px;
}

/* Çift kolon düzeni (720px ve üstü) */
.contact > div {
    flex: 1 1 calc(50% - 20px); /* Çift kolon düzeni */
}

/* 720px ve altındaki ekranlarda tek kolon düzeni */
@media (max-width: 720px) {
    .contact > div {
        flex: 1 1 100%; /* Tek kolon düzeni */
    }
}

.wpcf7-textarea {
    width: 100% !important;
    padding:15px;
    box-sizing: border-box; /* Padding ve border'ları dahil etmek için */
}

/* Contact Form 7 gönder butonuna stil */
.wpcf7-submit {
	display: inline-block;
	font-family: inherit;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	user-select: none;
    cursor: pointer;
	outline: none;
	border-radius: 0.25rem;
	text-transform: unset;
	transition: all 0.3s ease-in-out;
	padding: 0.75rem 2rem; /* İç boşluk */
	color: var(--color-white-100); /* Beyaz yazı rengi */
	background-color: var(--color-black-200); /* Koyu arka plan rengi */
	box-shadow: var(--shadow-medium); /* Gölgelendirme */
  }
  
  /* Hover efekti - Koyu buton hover */
  .wpcf7-submit:hover {
	color: #000; /* Hover'da yazı rengi siyah */
	background-color: #FFCB00; /* Hover'da arka plan rengi sarı */

  }
  
  /* Focus efekti - Buton focus durumunda */
  .wpcf7-submit:focus {
	outline: none;

  }



.iletisim-s  {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	margin-bottom: 50px;
	justify-items: center;
  }
  
  .iletisim-s div {
	width: 100%;
  }


  
  


  /* Responsive Design for Medium Screens (980px) */
  @media (max-width: 980px) {
	.iletisim-s {
	  grid-template-columns: repeat(1, 1fr);
	  gap: 15px;
	}
  
	.iletisim-s {
	  padding: 10px;
	  max-width: 100%;
	}
  
	.iletisim-s div {
	  font-size: 0.9rem;
	}
  }

  .entry-content .tab__content .tab {
	margin:0 !important
  }

  /*hakkimizda */

  #tabs-container {
	
    font-family: "Poppins", sans-serif;
	text-wrap: pretty;
  }
  
  #tabs-container img {
	max-width: 100%;
	height: auto;
  }
  
  .tabs {
	display: flex;
	overflow: hidden;
	height: auto;
  }
  
  .tab-buttons {
	display: flex;
	flex-direction: column;
	width: 25%;
	position: sticky;
	top: 0;
	padding: 1rem;
  }
  
  .tab-button {
	padding: 1rem 0;
	cursor: pointer;
	border: none;
	font-size: 14px;

	display: flex;
	align-items: center;
	gap: 0.5rem;
	color: #000;
	font-family: "Poppins", sans-serif;
	background-color: transparent;
  }
  
  .tab-button.active {
	color: #000;
  }
  
  .tab-button.active .line {
	width: 4rem;
	background-color: #ffcb00;
  }
  
  .tab-button span:not(.line) {
	line-height: 1rem;
	font-size: 1rem;
	font-family: "Poppins", sans-serif;
  }
  
  .line {
	height: 1px;
	width: 2rem;
	background-color: #ffcb00;
	display: block;
	transition: all 140ms cubic-bezier(.4,0,.2,1);
  }
  
  .tab-contents {
	padding: 0 2rem;
	width: 75%;
	color: #000;
	height: 100%;
	overflow-y: auto;
	font-size: 14px;
    line-height: 24px;
  }

  .tab-contents h2 {
	padding-left: 20px;
    border-left: 3px solid #d5d5d5;
    margin: 30px 0 10px 0;
  }
  
  .tab-content {
	transition: all 400ms cubic-bezier(.4,0,.2,1);
	opacity: 0;
	max-height: 0;
	pointer-events: none;
	overflow: hidden;
  }
  
  .tab-content.active {
	opacity: 1;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	max-height: fit-content;
  }
  
  .tab-content h2 {
	transform: translateX(24px);
	transition: transform 400ms cubic-bezier(.4,0,.2,1);
	opacity: 0;
  }
  
  .tab-content.active h2,
  .tab-content.active p, 
  .tab-content.active img {
	opacity: 1;
	transform: translateX(0px);
  }
  
  .tab-content img {
	opacity: 0;
	transform: translateX(24px);
	transition: all 400ms cubic-bezier(.4,0,.2,1);
  }
  
  .tab-content p {
	font-weight: 300;
	opacity: 0;
	transform: translateX(24px);
	transition: all 400ms cubic-bezier(.4,0,.2,1);
  }
  
  .tab-content.active p {
	transition-delay: 300ms;
  }
  
  .tab-content.active p:nth-child(2) {
	transition-delay: 100ms;
  }
  
  .tab-content.active img {
	transition-delay: 200ms;
  }
  
  @media screen and (max-width: 768px) {
	.tabs {
	  flex-direction: column;
	}
	
	.tab-buttons {
	  width: 100%;
	  height: auto;

	}
	
	.tab-contents {
	  width: 100%;
	  padding:10px;
	}
  }

  
.btn1 {
	display: inline-block;
	font-family: inherit;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	user-select: none;
	outline: none;
	border: none;
	border-radius: 0.25rem;
	text-transform: unset;
	transition: all 0.3s ease-in-out;
  }
  .btn1-inline {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	column-gap: 0.5rem;
  }
  .btn1-darken {
	padding: 0.75rem 2rem;
	color: var(--color-white-100);
	background-color: var(--color-black-200);
	box-shadow: var(--shadow-medium);
  }
  .btn1-darken:hover {
	  padding: 0.75rem 2rem;
	  color: #000;
	  background-color:#FFCB00;
	  box-shadow: var(--shadow-medium);
	}
  
  .btn1-neutral {
	padding: 0.75rem 2rem;
	color: var(--color-black-500);
	background-color: var(--color-white-100);
	box-shadow: var(--shadow-medium);
  }


  /*planlama */

  .color-cards {
    margin: 60px 0;

}

.color-cards__list {
    margin: 0;
    display: flex;
    gap: 25px;
    padding: 0;
    flex-wrap: wrap;
    width: 100%;
    align-items: stretch;
}

.color-cards__list__item {
    list-style: none;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 20px 20px;
    border-radius: 10px;
    position: relative;
    flex-grow: 1;
    width: 320px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 10px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;

}
.color-cards__list__item i {
font-size: 40px;
color: #ffcb00;
transition: all 0.3s ease-in-out;
}

.color-cards__list__item:hover i {
	padding-bottom:20px;
	}

.color-cards__list__item:nth-child(even) {
    background: #fff;
}

.color-cards__list__item:nth-child(odd) {
	background: #fff;
    cursor: pointer;
}

.color-cards__list__item svg {
    width: 55px;
    fill: #9f9f9f;
    min-width: 55px;
    height: 55px;
    margin-right: 10px;
}

.color-cards__list__item svg.stroke {
    stroke: #9f9f9f;
}

.color-cards__list__item:nth-child(even) .color-cards__list__title {
    color: #9f9f9f;
}

.color-cards__list__item:nth-child(odd) .color-cards__list__title {
    color: #9f9f9f;
}

.color-cards__list__item:nth-child(odd) svg {
    fill: #9f9f9f;
}

.color-cards__list__item:nth-child(odd) svg.stroke {
    stroke: #9f9f9f;
}

.color-cards__list__title {
    color: #000;
    font-size: 1.05em;
    text-align: left;
    line-height: 1.1;
    margin:0;
}

.color-cards__list__descr {
    margin-top: 10px;
	font-size: 14px;
    line-height: 24px;
}


@media screen and (max-width: 767px) {
    .color-cards__list {
        gap: 10px; 
    }
}


/** kalite */


.wrap {
	display: flex;
	flex-flow: column;
	justify-content: center;
	width: 100%;
	height: 100%;
	margin-bottom: 60px;
  }
  .wrap .headline {
	position: relative;
	width: 90%;
	max-width: 45rem;
	color: #000;
  }
  .wrap .headline .small {
	font-size: 1.2rem;
	color: #ffcb00 ;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1em;
	margin: 0 0 0.5rem 0;
  }
  .wrap .headline .normal {
	font-size: 2.8rem;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.1em;
  }
  @media screen and (max-width: 767px) {
  .wrap .headline .normal {
	font-size: 1rem;

  }
}
  .wrap .headline .normal .typed-animation {
	color: #ffcb00 ;
  }
  .wrap .headline::after {
	display: block;
	content: "";
	background-color: #e7e7e7;
	width: 4rem;
	height: 0.5rem;
	position: absolute;
	left: -2.5rem;
	bottom: -2rem;
  }
  .wrap .headline::before {
	display: block;
	content: "";
	background-color: #e7e7e7;
	width: 0.5rem;
	height: 4rem;
	position: absolute;
	left: -2.5rem;
	bottom: -2rem;
  }


  /*buton düzeni */
  .entry-content .btn a {
	display: inline-block;
	font-family: inherit;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	user-select: none;
	color:#fff;
	margin-bottom: 0;
	outline: none;
	border: none;
	border-radius: 0.25rem;
	text-transform: unset;
	transition: all 0.3s ease-in-out;
  }

  .entry-content .btn-darken:hover a {
	background-color: #ffcb00;
	color:#000;
  }
  .entry-content .btn a:hover {
	background-color: #ffcb00;
	color:#000;
  }

  .entry-content .btn-inline a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	column-gap: 0.5rem;
  }
  

  /* başvuru */
 /* manifest */
 
#manifest {
	background:#ffcb00;
	width:100%;
	height:auto;
	padding:2rem;
	display:none;
	border-radius: 0 10px 10px 10px ;
	margin-top: 10px;
	background-image: url(../blitzsch/imj/tag-bg.png);
	background-position: right;
	background-repeat: no-repeat;

  }

 .oku, .okudum {
	color: #fff;
    background: #000000;
    padding: 13px 30px;
    border-radius: 5px;
    transition: 0.3s;

 }
  
  .okudum
  {
	display:none;
	
  }

.manifesto{
	margin-top: 20px;
}

.entry-content .manifesto-oku i {
	background: #000;
    margin-bottom: 0;
    padding:0px;
}

.devami {
	display: block;
    margin-top: 10px;
    border-radius: 5px;
    font-weight: 500;
	padding: 10px 15px !important;
	background-color: #000;
	color:#fff !important;
	transition: 0.3s;
	margin-bottom: 0 !important;
    
}

.devami:hover {
	
	background-color: #fff;
	color:#000 !important;
    
}

/** anasayfa ürün */

/* Ana container */
.random-products {
    display: grid;
    gap: 20px; /* Ürünler arasındaki boşluk */
    justify-content: center;
    grid-template-columns: repeat(1, 1fr); /* Mobilde tek sütun */
}

/* Her ürün için stil */
.random-product-item {
    background: #fff;
    padding: 15px;
	border: 0.1px solid #ffcb00;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.random-product-item img {
    
    margin: 0 auto;
    width: 50%;
    height: auto;
    max-width: 300px;
}

.woocommerce ul.products li.product .button {
	margin:0 !important;
	transition: 0.3s;
  margin-bottom: 10px !important;
}

#sendCode {
	margin-top: 10px;
    width: 100%;
    background-color: #ffcb00;
    border: none;
    border-radius: 5px;
    font-family: 'Poppins';
	cursor: pointer;
}

#sendCode:hover {
	color:#fff;
    background-color: #000;
	transition: 0.3s;
}

#reg_password, #reg_password2  {
	padding: 10px;
}

.password-wrapper .bx {
	padding:0;
	margin:0;
	background: none;
}

.view-product-button:hover {
    color:#fff !important;
	cursor: pointer !important;
	background-color:#000 !important;

}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    padding:0 !important;
}

.woocommerce #review_form #respond textarea {
    box-sizing: border-box;
    width: 100%;
    padding: 15px;
    border-radius: 5px;
    border-color: #e1dde7;
}

.woocommerce p.stars.selected a:not(.active)::before {
    color: #ffcb00;
}

.woocommerce p.stars.selected a.active::before {
    color: #ffcb00;
}
.woocommerce p.stars a {
    position: relative;
    height: 2em;
    width: 3em;
    text-indent: -999em;
    display: inline-block;
    text-decoration: none;
    color: #ffcb00;
}

.woocommerce .star-rating span::before {
    color: #ffcb00;
}

.woocommerce p.stars a::before {
    font-size:2rem;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    margin:0;
}

.submit {
    background-color: #ffcb00 !important;
    color: #000 !important;
    transition: all 0.3s ease-in-out;
}

.submit:hover {
    background-color: #7c7c7c !important;
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


/* anasayfadaki ürünler */
.random-products {
    display: grid;
    grid-template-columns: repeat(1, 1fr); /* Mobilde tek sütun */
    gap: 16px;
    max-width: 1200px;
    margin: auto;
	padding:10px 10px 20px 10px;

}

.random-product-item {
    border: 1px solid #eee;
    padding: 15px;
    text-align: center;
	font-size: 15px;
	color:#000;
    border-radius: 8px;
    background: #fff;
	transition: all 0.3s ease-in-out;
}

.random-product-item a {
	font-size: 15px;
	color:#000;
}

.random-product-item:hover {
    border:0.5px solid #000;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.15); /* Hafif gölge efekti */
	cursor: pointer;
}

.random-product-item img {
    max-width: 100%;
    height: auto;
    object-fit: cover;
}
.woocommerce-product-details__short-description {
    font-size:0.9rem;
}
.short-description {
    font-size: 14px;
    color: #666;
    text-align: center;
    margin-bottom: 10px;
    line-height: 1.4;
    height: 42px; /* En fazla 2 satır görünecek */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* Masaüstü görünüm */
@media (min-width: 768px) {
    .random-products {
        grid-template-columns: repeat(4, 1fr); /* 4 ürün yan yana */
    }
}

.home-market {
    width: 100%;
    display: flex;
    margin-bottom: 20px;
    margin: 3rem 0 1rem 0;
    border-bottom: 1px solid #f3f3f3;
    justify-content: space-between;
    flex-direction: row;
}
.home-blog {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    border-bottom: 1px solid var(--Gray-200, #e3e8ef);
    margin-top: 3rem;
}

.home-blog a {
border: 1px solid var(--Gray-200, #e3e8ef);
background: var(--Gray-50, #f8fafc);
padding: 10px;
border-radius: 0 10px 0 0;
color: #000;
font-size: 16px;
display: block;
margin: 0 !important;
font-weight: 400;
text-align: center;
}
.home-blog h2 {
	display: inline-flex;
    align-items: center;
    justify-content: center;
    column-gap: 0.5rem;
}

.home-blog h2 a, 
.home-blog h2 a:active, 
.home-blog h2 a:visited {
    width: 100%;
    max-width: 100%;
    background-color: #e7e7e782;
    padding: 10px;
    border-radius: 0 10px 0 0;
    color: #000;
    font-size: 16px;
    display: block;
    margin:0 !important;
    font-weight: 400;
    text-align: center;
}

/* market sayfası */

:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button {
    background: #ffcb00;
    color: #000;
}

:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover {
    color: #000;
}

.woocommerce-account .addresses .title .edit {
    float:left;
    background: #ffcb00;
    color: #000;
    margin-top: 10px;
    padding: 10px;
    margin: 10px 0;
    display: block;
    border-radius: 5px;
    transition: 0.5s ease;
}

.woocommerce-account .addresses .title .edit a:hover {
    /* float: right; */
    background: #fff;
    color: #000;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	border: 1px solid #d3d3d3;
    padding: 20px;
	border-radius: 10px;
	background: #fff;
	transition: 0.5s ease;
	overflow: hidden;
    margin: 0 !important;
	
}


.woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover {

	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
	border: 1px solid #ffcb00;
    box-shadow: 10px 10px #e5e5e5;

}

.custom-product-description {
    font-size: 14px;
    color: #666;
    line-height: 1.4;
    margin-top: 5px;
	
}


.custom-product-description p {
	font-size: 11px !important;
    line-height: 1.3em !important;
	text-align: center !important;
}


.view-product-button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button {
  --btn-color: var(--c-accent);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  column-gap: 0.75em;
  padding: 0.5em 1em;
  border: 2px solid var(--btn-color);
  border-radius: 0.25rem;
  color: var(--btn-color);
  font-weight: 500;
  text-decoration: none;
  background-color: #fff;
  user-select: none;
  transition: 0.1s ease;
}

.blitzsch-doc-btn:hover {
    background-color: #000 !important;
	color:#fff !important;
}
.teklif-al-button:hover {
    background-color: #000 !important;
	color:#fff !important;
}
.view-product-button:hover {
    background-color: #000;
	color:#fff;
    column-gap: 0.4rem;
    font-weight: 600;
}

.city a, .city a:active, .city a:visited {
    text-decoration: none;
    color: #000;
}



@media (max-width: 768px) {
    .products .columns-4 {
        display: grid;
        grid-template-columns: 1fr; /* Tek sütun yap */
        gap: 20px; /* Ürünler arasında boşluk bırak */
    }
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
		width:100% !important;
		
	}

    .products .columns-4 .product {
        width: 100%;
    }
}

.woocommerce-product-gallery:hover img {
    transform: none !important;
    cursor: default !important;
}
.woocommerce-product-gallery .zoomImg {
    display: none !important;
}

.woocommerce-Price-amount .amount {
	color: #000;
    background: #ffcb00;
    padding: 5px;
    border-radius: 5px;
    font-weight: 600;
    font-size: 15px;
}


#pa_agirlik {
	padding:10px;
}

.woocommerce div.product form.cart th {
	vertical-align: baseline !important;
}



.woocommerce-variation-price {
	margin-bottom:10px;
}

.woocommerce-loop-product__title {
	font-size: 0.8rem !important;
  text-align: center;
  text-decoration: none;
  color:#000 !important;
}

.woocommerce-loop-product__title h2, .woocommerce-loop-product__title h2:visited, .woocommerce-loop-product__title h2:active {
  color:#000;
}

.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th {
    border: 0;
    line-height: 3em;
    vertical-align: top;
    margin-bottom: 1rem;
    
}

.input-ticari {
	padding: 10px;
    width: 100%;
}

/* Ürün sayfası, listeleme sayfası ve diğer WooCommerce alanları */
.woocommerce div.product span.price del {
    text-decoration: line-through;
    color: red;
	font-size: 14px;
}

.woocommerce-variation-add-to-cart .plus, .minus {
	padding: 8px;
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    margin: 0 5px;
}
.woocommerce-variation-add-to-cart .plus, .minus {
	padding: 8px;
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    margin: 0;
	padding:8px;
}

.woocommerce .quantity .qty  {
	padding:8px;
}

.woocommerce div.product form.cart .button{
	margin-right: 5px;
}


.wp-block-button__link {
    background-color: #ffcb00;
    border-radius: 5px;
}


.single_add_to_cart_button {
  background-color: #ffcb00 !important;
  color:#000 !important;
}
.single_add_to_cart_button {
    background-color: #000;
    color:#fff;
    transition: 0.3s ease;
  }


/**woocommerce */
.wc-block-cart__submit-button {
    background: #ffcb00;
    border-radius: 5px;
    transition:0.3s ease;
}

.wc-block-cart__submit-button:hover {
    color: #fff;
    background-color: #000;
}

.wc-block-cart-items__row {
    border-radius: 5px;
    border: 1px dotted #ffcb00;
    padding:10px !important;
    margin-bottom:10px;
}


/* Çerez Politikası */
 
.cookie-popup {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid var(--Gray-200, #e3e8ef);
    background: var(--Gray-50, #f8fafc);
    color: #777777;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-family: 'Rubik', sans-serif;
    box-shadow: 0 7px 30px rgba(0, 0, 0, 0.3);
    flex-wrap: wrap;
    z-index: 9999;
    
}


.cookie-popup p {
    margin: 0;
    font-size: 13px;
    text-align: center;
}
.cookie-popup a {
    color: #000;
    text-decoration: none;
}
.cookie-popup button {
    background: #ffcb00;
    border: none;
    padding: 8px 12px;
    color: #000;
    cursor: pointer;
    font-size: 12px;
    border-radius: 3px;
    font-family: 'Rubik', sans-serif;
    transition: 0.3s ease;
}
.cookie-popup button:hover {
    color: #fff;
    background: #000;
}
@media (max-width: 768px) {
    .cookie-popup {
        flex-direction: column;
        text-align: center;
        padding: 15px;
        display: flex;
        flex-direction: row;
        }
    }
    .cookie-buttons {
        justify-content: center;
    }

@media (max-width: 768px) {
    .cookie-buttons {
        flex-direction: row;
        justify-content: center;
        gap: 5px;
    }
}

   

#yukari {
    display: inline-block;
    background-color: #ffcb00;
    padding: 5px 20px;
    text-align: center;
    border-radius: 0px 10px 10px 10px;
    position: fixed;
    bottom: 5px;
    right: 5px;
    transition: background-color .3s, 
      opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    color:#000;
    z-index: 1000;
    transition: 0.3s ease;
  }
  #yukari::after {
    content: "\ec5d";
    font-family: boxicons !important;
    font-weight: normal;
    font-style: normal;
    font-size: 1.5em;
    line-height: 30px;

  }
  #yukari:hover {
    cursor: pointer;
    background-color: #000;
    color:#ffcb00;
  }

  #yukari.show {
    opacity: 1;
    visibility: visible;
  }
  
 .nav-previous {
    padding: 5px 0;
 }



 /** hammadde */
 
 section {
    padding: 1rem 0;
  }


  .col-md-3 {
    min-width: 30%;
    float: left;
  }

  .col-md-9 .d-none {
    margin: 15px 0 15px 0;
  }

  .product-item {
    padding: 1rem;
    border-radius: 0.75rem;
    border:1px solid #c9c8c8;
    text-align: center;
    color: #000;
    transition: 0.3s ease;
    cursor:pointer;
  }
  
  .product-item:hover {
    border: 1px solid #7e7e7e;
    color: #000;
  }

  .product-item img:hover {
    opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}

.product-item .text-right {
    color:#919191;
    transition: 0.3s ease;
  }
  .product-item:hover .text-right {
    color:#000;
  }

  .product-item h3 {
    margin: 0;
    margin-top: 1rem;
    font-size: 1.25rem;
    font-weight: 400;
  }
  
  .product-item img {
    width: 100%;
    height: 230px;
    object-fit: contain;
  }
  
  .product-item i {
    font-size: 1.25rem;
  }
  
  .product-category {
    padding-bottom: 1rem;
    padding-top: 1rem;
  }
  
  .product-body {
    margin-bottom: 0.5rem;
  }
  
  .product-body h3 {
    margin-top: 0.25rem;
  }
  
  .text-right {
    text-align: right;
  }
  
  .products {
    display: flex;
    gap: 1rem !important;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }

   .products-1 {
    display: flex;
    gap: 1rem !important;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  mark {
    background-color: #ffcb00;
    color: #000;
    padding: 5px 10px;
    border-radius: 8px;
  }

  .product-category {
    padding: 15px;
    border-radius: 15px;
    background: #e8e8e8;
    background: linear-gradient(180deg, rgb(232 232 232 / 38%) 0%, rgba(255, 255, 255, 1) 100%);
  }

  .product-category a, .product-category a:active, .product-category a:visited, .product-category {
    text-decoration: none;
    color: #000;
  }

  .woocommerce-loop-category__title {
    text-align: center;
    color: #000;
    font-size: 1rem;
    padding: 10px;
    border: 2px solid black;
    border-radius: 10px;
    font-weight: 500;
  }

  

  /** ödeme başarılı */
    .entry-content-basarili {
        text-align: center;
    }
    .entry-content-404{
        text-align: center;
    }
    .entry-content-404 i {
    font-size: 4rem;
    color: #740000;
    padding: 10px;
    background: #ffbfbf;
    border-radius: 50%;
    margin: 1rem 0 1rem 0;
    }
    .entry-content-basarili i {
    font-size: 4rem;
    color: #00743b;
    padding: 10px;
    background: #85ffb7;
    border-radius: 50%;
    margin:1rem 0 1rem 0;
    }

  .entry-content-basarili .button {
    --btn-color: var(--c-accent);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    column-gap: 0.75em;
    padding: 0.5em 1em;
    border: 2px solid var(--btn-color);
    border-radius: 0.25rem;
    color: var(--btn-color);
    font-weight: 500;
    text-decoration: none;
    user-select: none;
    transition: 0.1s ease;
    cursor:pointer;
    margin-top:1rem;
}

.entry-content-404 .button {
    --btn-color: var(--c-accent);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    column-gap: 0.75em;
    padding: 0.5em 1em;
    border: 2px solid var(--btn-color);
    border-radius: 0.25rem;
    color: var(--btn-color);
    font-weight: 500;
    text-decoration: none;
    user-select: none;
    transition: 0.1s ease;
    cursor:pointer;
    margin-top:1rem;
}


  .woocommerce ul.products::before {
   
    display: none;
}
  
  .products .product-item {
    width: calc(100% / 3 - 0.667rem);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  }

  .products-1 {
    display: flex;
    gap: 1rem !important;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }

  .products-1 .product-item-1 {
    width: calc(100% / 4 - 1.5rem);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  }

  .product-item-1 {
    padding: 1rem;
    border-radius: 0.75rem;
    border: 1px solid #c9c8c8;
    text-align: center;
    color: #000;
    transition: 0.3s ease;
    cursor: pointer;
    width: calc(50% - 10px); /* 2 ürün yan yana */
    box-sizing: border-box;
}
  
  .category-title {
    font-size: 1.5rem;
    position: relative;
    margin-bottom: 1.5rem;
  }
  
  .category-title::before {
    content: "";
    position: absolute;
    width: 3rem;
    height: 2px;
    background-color: #fcec2f;
    bottom: -0.2rem;
  }
  
  .category-list {
    padding: 0;
    list-style: none;
    padding-right: 3rem;
    transition: 0.3s ease;
  }

  .category-list li {
    transition: 0.3s ease;
  }
  
  .category-item {
    border-bottom: 1px solid #dbdbdb;
    padding: 0.75rem 0;
    cursor: pointer;
    transition: 0.3s ease;
  }
  
  .category-item:hover {
    border-color: #808080;
    font-weight: 500;
  }
  .category-item.active {
    color: #000000;
    border-color: #dbdbdb;
    font-weight: 500;
}
  
  .no-item {
    display: none;
  }
  
  .open-category-list {
    display: none;
  }
  
  .category-group {
    position: relative;
  }
  
  @media screen and (max-width: 1200px) {
    /* PRODUCTS */
    .products .product-item {
      width: calc(100% / 2 - 0.5rem);
    }
   
  }
  @media screen and (max-width: 992px) {
    /* PRODUCTS */
    .products .product-item img {
      height: 190px;
    }
  
    .category-list {
      padding: 0;
    }
  }
  
  @media screen and (min-width: 768px) {
    /* PRODUCTS */
    .category-list {
      display: block !important;
    }
    
  }

   @media screen and (max-width: 1200px) {
    /* PRODUCTS */
    .products-1 .product-item-1 {
      width: calc(100% / 2 - 0.5rem);
    }
   
  }
  @media screen and (max-width: 992px) {
    /* PRODUCTS */
    .products-1 .product-item-1 img {
    height: auto;
    max-width: 100%;
    padding: 10px;
    }
  
    .category-list {
      padding: 0;
    }
  }
  
  @media screen and (min-width: 768px) {
    /* PRODUCTS */
    .category-list {
      display: block !important;
    }
    
  }

   .products-1 .product-item-1 img {
    padding: 10px;
    margin-bottom:10px;
    }

  @media screen and (max-width: 768px) {
    /* PRODUCTS */
    .products-row {
      gap: 1rem;
    }

    .col-md-3 {
        max-width: 100%;
        float:none;
      }
  
    .open-category-list {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border: 1px solid #949191;
        padding: 15px;
        border-radius: 10px;
        cursor: pointer;
        transition: 0.3sease;
    }
  
    .category-list {
      position: absolute;
      background: white;
      width: 100%;
      border: 1px solid #949191;
      border-top: 0;
      border-radius: 0 0 0.75rem 0.75rem;
      overflow: auto;
      max-height: 260px;
      z-index: 2;
      display: none;
    }
  
    .category-item:last-child {
      border: none;
    }
  
    .category-group.active .open-category-list {
      border-radius: 0.75rem 0.75rem 0 0;
    }
  
    .category-item {
      padding: 0.75rem 0.5rem;
    }
  
    .open-category-list i {
      transition: 0.3s ease;
    }
    .category-group.active .open-category-list i {
      transform: rotate(180deg);
    }
  }
  
  @media screen and (max-width: 576px) {
    /* PRODUCTS */
    .products .product-item img {
      height: 150px;
    }
  }


  .custom-product-image img {
    pointer-events: none; /* Görsele tıklamayı engeller */
}


.woocommerce div.product div.images img {

  box-shadow: rgb(197 197 197 / 20%) 0px 8px 24px;
    border-radius: 1rem;
}



/* woocommerce stillendirme */

.woocommerce-price-suffix {
    background: #dfdfdf;
    padding: 0.5rem 1rem;
    border-radius: 5px;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-size: 1rem;
}


.price {
    display: flex;
    flex-direction: row;
    column-gap: 0.2rem;
}

.variations {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    margin: auto;
    column-gap: 0.5rem;
    margin:1rem 0 1rem 0;
}

.variations tbody {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.variations tr {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    column-gap: 1rem;
}

.variations .label {
  min-width: 5rem;
    text-align: left;
}

.variations td select {
  width:100px !important;

}

.variations th.label {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin-bottom: 5px;
}

.variations td.value {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    gap: 10px;
}

.variations select {
    flex-grow: 1;
    padding: 8px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #fff;
    cursor: pointer;
}

.variations .reset_variations {
    text-decoration: none;
    color: #d9534f;
    font-weight: bold;
    font-size: 24px !important;
    transition: color 0.3s ease;
}

.reset_variations {
    display: inline-flex;
    align-items: center;
}

.reset_variations i {
    vertical-align: middle; /* Adjusts the icon alignment */
}

.variations .reset_variations:hover {
    color: #c9302c;
}

@media (min-width: 600px) {
    .variations tr {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .variations th.label {
        margin-bottom: 0;
    }
}

/* woocommerce sepete ekleme alanı */

.woocommerce-variation-add-to-cart {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 0.5rem;
    border-radius: 10px;
}

.woocommerce-variation-add-to-cart .quantity {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

.woocommerce-variation-add-to-cart input.qty {
    width: 50px;
    text-align: center;
    border: none;
    font-size: 16px;
    padding: 5px;
}

.woocommerce-variation-add-to-cart button.plus,
.woocommerce-variation-add-to-cart button.minus {
    background: #d5d5d5;
    color: #000;
    border: none;
    padding: 0.5rem 1rem;
    cursor: pointer;
    font-size: 18px;
    transition: 0.3s;
}

.woocommerce-variation-add-to-cart button.plus:hover,
.woocommerce-variation-add-to-cart button.minus:hover {
    background: #d5d5d5;
}

.woocommerce .quantity .qty {
    padding: 0.5rem;
}

.single_add_to_cart_button {
    background: #ff6600;
    color: white;
    padding: 12px 20px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    border: none;
    cursor: pointer;
    transition: 0.3s;
}

.single_add_to_cart_button:hover {
    background: #e65c00;
}

 .orderby {
    width: 100%;
    margin-bottom: 1em;
    float: left;
    padding: 10px;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hldnJvbi1kb3duIj48cG9seWxpbmUgcG9pbnRzPSI2IDkgMTIgMTUgMTggOSI+PC9wb2x5bGluZT48L3N2Zz4=) no-repeat;
    background-size: 16px;
    -webkit-background-size: 16px;
    background-position: calc(100% - 12px) 50%;
    -webkit-background-position: calc(100% - 12px) 50%;
}

.woocommerce div.product form.cart .variations select, .orderby select {
    font-size: 14px;
    font-weight: 500;
    padding: 10px 40px 10px 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    border-color: rgba(0, 0, 0, .1);
    color: inherit;
    cursor: pointer;
    margin:0 !important;
}

.mevcut-gsm-no {
    width: 100%;
    padding: 10px;
    font-size: 1rem;
}

fieldset {
    border-radius: 10px;

}

legend {
    padding: 10px;
}

#verification_message {
    background: #ffcb00;
    padding: 5px 10px;
    border-radius: 10px;
    margin-top: 10px;
}

#tf2Codealert {
    padding: 15px;
    display: block;
    margin-top: 5px;
    border-radius: 10px;
    background-color: #e3e3e3;
}

#password_strength {
    margin-top: 10px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 400;
}
/** woocommerce tabs */

.ral-show {
    margin-top:5px;
}

.woocommerce-Price-amount {
    background: #ffcb00;
    padding: 0.5rem 1rem;
    border-radius: 5px;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-size: 1rem;
}


.woocommerce ul.products li.product .star-rating {
    margin: 0 auto !important;
}

.woocommerce-product-rating a  {
    display: contents !important;
    text-decoration: none !important;
    color: #000 !important;
}


.woocommerce-product-rating .star-rating span {
    overflow: hidden;
    display: block;
}

.comment-reply-title {
    padding: 5px 10px;
    background: #efefef;
    border-radius: 5px;
}

.comment-form-rating {
    margin-top:10px;
}


.comment {
    border-color: #e1dde7;
}


  /* genel sanayi boyaları */
  

  .wc-block-components-checkout-place-order-button__text  {
    background-color: #ffcb00;
    border-radius: 10px;
    padding: 10px 50px;
  }

.wc-block-components-checkout-return-to-cart-button  {
    background-color: #9bf477;
    border-radius: 10px;
    padding: 10px 10px;
  }

  /** mail order */

  .nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {
    cursor:pointer !important;
    border-radius: 5px !important;
  }

  .nf-form-content button:hover, .nf-form-content input[type=button]:hover, .nf-form-content input[type=submit]:hover {
    border-radius: 5px;
    background-color: #ffcb00 !important;
    color:#000 !important;


  }


  /** genel sanayi boyaları */
#genel-sanayi {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    min-height: 100vh;
    color: #4a4a4a;
    font-family: Inter, system-ui, sans-serif;
    line-height: 1.4;
    flex-direction: row;
    justify-content: space-around;
    align-content: flex-start;
}

#genel-sanayi article h3 {
    padding-left: 20px;
    border-left: 3px solid #d5d5d5;
    margin: 0px 0 10px 0;
}

#genel-sanayi p {
    text-wrap: pretty;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.toz-boya p {
    text-wrap: pretty;
    display: -webkit-box;
    -webkit-line-clamp: 9 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

#genel-sanayi h3 {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
  text-wrap: balance;
  color: #1a1a1a;
}

[data-card-parent] {
  position: relative;
}

[data-card-parent]:focus-within {
  outline: 2px solid var(--c-accent);
  outline-offset: 0.25rem;
}

[data-card-link]:focus {
  outline-color: transparent;
}

[data-card-link]::after {
  content: "";
  position: absolute;
  inset: 0;
  text-decoration: none;
  color: inherit;
}

:root {
  --bg-body: oklch(86.9% 0.022 252.894);
  --bg-card: white;
  --c-accent: #000;
  --bg-accent: #ffcb00;
}
  
.card {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 340px;
  min-height: 495px !important;
  justify-content: space-between;
  text-align: left;
  border-radius: 1rem;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  background-color: var(--bg-card);
}

.card > header {
  display: flex;
  flex-direction: column-reverse;
  gap: 1rem;
}

.card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0;
  margin: 0;
}

.card__tags > * {
  padding: 0.25em 0.75em;
  border-radius: 0.25rem;
  background-color: var(--bg-accent);
  color: var(--c-accent);
  font-size: 0.9rem;
  font-weight: 700;
}

#genel-sanayi .button, .product-item .button {
  --btn-color: var(--c-accent);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  column-gap: 0.75em;
  padding: 0.5em 1em;
  border: 2px solid var(--btn-color);
  border-radius: 0.25rem;
  color: var(--btn-color);
  font-weight: 500;
  text-decoration: none;
  user-select: none;
  transition: 0.1s ease;
}
#genel-sanayi span:hover{
  background-color: #000 !important;
  color:#fff !important;
}

#genel-sanayi [data-card-parent]:hover .button, .button:hover, .button:focus {
  background-color: var(--btn-color);
  color: white;
  
}
.button:focus {
  outline-color: var(--btn-color);
  outline-offset: 0.25rem;
}
#genel-sanayi .card .button::after {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  --arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 28'%3E%3Cpath d='M27 13.953c0 0.141-0.063 0.281-0.156 0.375l-6 5.531c-0.156 0.141-0.359 0.172-0.547 0.094-0.172-0.078-0.297-0.25-0.297-0.453v-3.5h-19.5c-0.281 0-0.5-0.219-0.5-0.5v-3c0-0.281 0.219-0.5 0.5-0.5h19.5v-3.5c0-0.203 0.109-0.375 0.297-0.453s0.391-0.047 0.547 0.078l6 5.469c0.094 0.094 0.156 0.219 0.156 0.359v0z'%3E%3C/path%3E%3C/svg%3E");
  mask: var(--arrow) center/100%;
  background-color: currentColor;
}



.res img {
    border-radius: 0 10px 10px 10px !important;
}

.caption {
  font-size: 0.9rem;
  font-weight: 500;
  color: #ffcb00;
  text-align: center;
}

.mt-1 {
  margin-block-start: 0.25rem;
}

.mt-2 {
  margin-block-start: 0.5rem;
}

.mt-3 {
  margin-block-start: 0.75rem;
}

.mt-4 {
  margin-block-start: 1rem;
}

.mt-5 {
  margin-block-start: 1.25rem;
}

.mt-6 {
  margin-block-start: 1.5rem;
}

.mt-7 {
  margin-block-start: 1.75rem;
}

.mt-8 {
  margin-block-start: 2rem;
}

.mt-9 {
  margin-block-start: 2.25rem;
}

.mt-10 {
  margin-block-start: 2.5rem;
}

.mt-11 {
  margin-block-start: 2.75rem;
}

.mt-12 {
  margin-block-start: 3rem;
}

.mt-13 {
  margin-block-start: 3.25rem;
}

.mt-14 {
  margin-block-start: 3.5rem;
}

.mt-15 {
  margin-block-start: 3.75rem;
}

.mt-16 {
  margin-block-start: 4rem;
}

.no-underline {
  text-decoration: none !important;
}

.text-inherit {
  color: inherit !important;
}

.caps {
  text-transform: uppercase !important;
}

.lab {
    float: right;
    position: absolute;
    bottom: 7px;
    right: 10px;
}

.lab svg {
  inline-size: 7rem;
  block-size: 7rem;
}

/* Beni Hatırla Kutucuğunu Görünür ve Düzgün Hale Getir */
.woocommerce-form__label-for-checkbox input[type="checkbox"] {
    display: inline-block !important;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    position: relative;
    vertical-align: middle;
    appearance: checkbox !important;
}

/* Beni Hatırla yazısı hizalama */
.woocommerce-form__label-for-checkbox span {
    vertical-align: middle;
    font-size: 14px;
}

.market-layout {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2em;
}




.article-market {
    padding: 1em;
}


.market-products {
    width: 100%;
}


/* Genel stil */
#market-sidebar .product-categories {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Alt kategoriler başlangıçta gizli */
#market-sidebar .product-categories li ul {
  display: none;
  margin-left: 1rem;
}

/* Ok simgesi */
#market-sidebar .product-categories li.cat-parent > a::after {
  content: " ▼";
  float: right;
  font-size: 0.7em;
}

/* Masaüstü: hover ile açılır */
@media (min-width: 768px) {
  #market-sidebar .product-categories li:hover > ul {
    display: block;
  }
}

/* Mobil: toggle butonu */
@media (max-width: 767px) {
  #market-sidebar {
    margin-bottom: 1rem;
  }
  .teklif-al-button {
  margin-top: 10px !important; 
  }
  .blitzsch-doc-btn{
    margin-top: 10px !important; 
}
  #market-sidebar .sidebar-title {
    cursor: pointer;
    background-color: #f5f5f5;
    padding: 10px;
    font-weight: bold;
    border: 1px solid #ccc;
  }

  #market-sidebar .product-categories {
    display: none;
    border: 1px solid #ccc;
    border-top: none;
    padding: 10px;
    background: white;
  }

  #market-sidebar.open .product-categories {
    display: block;
  }
}


.woocommerce-result-count {
    display: none !important;
}

/** teklif al */
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt {
  
    --btn-color: var(--c-accent);
    display: inline-flex;
    justify-content: center;
    background-color: #fff;
    align-items: center;
    column-gap: 0.75em;
    padding: 1rem 2rem;
    border: 2px solid var(--btn-color);
    border-radius: 0.25rem;
    color: black;
    font-weight: 500;
    text-decoration: none;
    user-select: none;
    transition: 0.1s ease;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover {
    background-color: #000 !important; /* Hover rengi */
    color:#fff !important;
    
}

.filtreleme {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.shop-toolbar {
  display: flex;
  flex-wrap: wrap; /* Satır taşması olursa */

}

.shop-toolbar > *:first-child {
  margin-left: 0px;
}

.shop-toolbar > *:nth-child(2) {
  margin-left: 10px;
}
  
 
  
  .shop-toolbar select.orderby {
    padding-right: 40px; /* sağ tarafa fazladan boşluk bırak */
    font-size: 16px;
    border: 1px solid #ddd;
  }
  
  @media (max-width: 768px) {
    .shop-toolbar > div {
      flex: 1 1 100%;
    }
  }


 .kariyer .card {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 340px;
    min-height: auto!important;
    justify-content: space-between;
    text-align: left;
    border-radius: 1rem;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background-color: var(--bg-card);
  }
  
  .kariyer .card > header {
    display: flex;
    flex-direction: column-reverse;
    gap: 1rem;
  }
  
  .kariyer .card__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0;
    margin: 0;
  }
  
  .card__tags > * {
    padding: 0.25em 0.75em;
    border-radius: 0.25rem;
    background-color: var(--bg-accent);
    color: var(--c-accent);
    font-size: 0.9rem;
    font-weight: 700;
  }
  


  .kariyer a {
    --btn-color: var(--c-accent);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    column-gap: 0.75em;
    padding: 0.5em 1em;
    border: 2px solid var(--btn-color);
    border-radius: 0.25rem;
    color: var(--btn-color);
    font-weight: 500;
    text-decoration: none;
    user-select: none;
    transition: 0.1s ease;
  }
.kariyer a:hover{
    background-color: #000 !important;
    color:#fff !important;
  }

  .woocommerce-pagination {
    display: flex;
    flex: 1 1 100%;
    width: 100%;
    margin-top:15px;
    justify-content: center;
    flex-direction: row;
    align-items: center;
  }
  
  .woocommerce-pagination ul.page-numbers {
    display: flex;
    flex-direction: row;
    padding: 0;
    margin: 0;
    list-style: none;
    border: none !important;
  }
  
  .woocommerce-pagination ul.page-numbers li {
    margin: 0rem 0.25rem;
    list-style: none;
    padding:5px !important;
    border: none !important;
  }
  
  .woocommerce-pagination ul.page-numbers li:before {
    display: none;
  }
  
  .woocommerce-pagination ul.page-numbers li .page-numbers {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    color: white;
    background: black;
    box-shadow: 0px 0px 0px 2px black;
    transition: box-shadow 0.3s linear;
    outline: solid 5px transparent;
    border-radius: 2rem;
    text-decoration: none;
  }
  
  .woocommerce-pagination ul.page-numbers li .page-numbers:hover {
    box-shadow: 0px 0px 0px 3px black;
  }
  
  .woocommerce-pagination ul.page-numbers li .page-numbers.current {
    color: black;
    background: white;
  }
  
  .woocommerce-pagination ul.page-numbers li .page-numbers.current:hover {
    box-shadow: 0px 0px 0px 2px black;
  }

  /* Ok karakterini gizle */
.woocommerce-pagination .prev.page-numbers,
.woocommerce-pagination .next.page-numbers {
  font-size: 0;
  text-indent: -9999px;
  overflow: hidden;
  position: relative;
}

/* Kendi ikonunu :before ile ekle */
.woocommerce-pagination .prev.page-numbers:before,
.woocommerce-pagination .next.page-numbers:before {
  font-size: 16px; /* veya istediğin boy */
  text-indent: 0;
  overflow: visible;
  left: 50%;
  transform: translateX(-50%);
}


.woocommerce-pagination .prev.page-numbers:before {
  content: "";
  display: block;
  width: 1rem;
  height: 0.6rem;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 22'%3E%3Cpath fill='none' stroke='%23FFFFFF' stroke-width='4' stroke-miterlimit='10' d='M2.1 1.9L20 19.1 37.9 1.9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 1rem 0.6rem;
  transform: rotate(90deg) translateX(-50%);
}


  
.woocommerce-pagination ul.page-numbers .prev:before,
.woocommerce-pagination ul.page-numbers .next:before {
  content: " " !important;
  display: flex !important;
  width: 1rem !important;
  height: 0.6rem !important;
  border: none !important;
  background-repeat: no-repeat !important;
  background-size: 1rem 0.6rem !important;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 22'%3E%3Cpath fill='none' stroke='%23FFFFFF' stroke-width='4' stroke-miterlimit='10' d='M2.1 1.9L20 19.1 37.9 1.9'/%3E%3C/svg%3E") !important;
}

.woocommerce-pagination ul.page-numbers .prev:hover:before,
.woocommerce-pagination ul.page-numbers .next:hover:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 22'%3E%3Cpath fill='none' stroke='%23000000' stroke-width='4' stroke-miterlimit='10' d='M2.1 1.9L20 19.1 37.9 1.9'/%3E%3C/svg%3E") !important;
}

  
  .woocommerce-pagination ul.page-numbers .prev:before {
    transform: rotate(90deg);
    margin-left: -0.15rem;
  }
  
  .woocommerce-pagination ul.page-numbers .next:before {
    transform: rotate(-90deg);
    margin-left: 0.15rem;
  }
  

  /* Kapsayıcı scroll container */
.grve-section .wpb_wrapper {
  width: 100%;
  overflow-x: auto; /* Mobil scroll */
  font-size: 0.8rem;
}

/* Tablonun kendisi */
.grve-section table {
  width: 100%; /* Masaüstünde tam genişlik */
  min-width: 600px; /* Dar ekranlarda taşması için minimum genişlik */
  border-collapse: collapse; /* Kenar çizgileri için birleşik kenar */
}

/* Başlık */
.grve-section table caption {
  caption-side: top;
  text-align: left;
  font-weight: bold;
  margin-bottom: 10px;
}

/* Başlık satırı */
.grve-section table thead {
  background: #000;
  color: #fff;
}

/* Hücreler */
.grve-section table th,
.grve-section table td {
  padding: 10px 15px;
  text-align: left;
  border: 1px solid #dfdfdf; /* Kenar çizgileri */
  white-space: nowrap; /* Satır taşması engellenir */
}

/* Alternatif satır rengi */
.grve-section table tbody tr:nth-child(even) {
  background: #f9f9f9;
}

/* Hover efekti */
.grve-section table tbody tr:hover {
  background: #f1f1f1;
}


.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
  color:#000 !important;
} 
/* Sabit Buton */
#bize-ulasin-button {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #ffcb00;
  color: #000000;
  padding: 10px 5px;
  writing-mode: vertical-rl;
  text-align: center;
  cursor: pointer;
  border-radius: 5px 0 0 5px;
  z-index: 9999;
  transition: all 0.3s ease; /* Geçiş efekti */


}

#bize-ulasin-button:hover {
  padding: 10px 15px;
  transition: all 0.3s ease; /* Geçiş efekti */

}
/* Popup Overlay */
#bize-ulasin-popup {
  display: none;
  position: fixed;
  z-index: 99999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: rgba(0,0,0,0.7);
}

.popup-content a,.popup-content  a:visited, .popup-content a:active {
  text-decoration: none;
  color:#000;
}


#bize-ulasin-popup:hover {
box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
}

/* Popup İçerik */
#bize-ulasin-popup .popup-content {
  border: 1px solid var(--Gray-200, #e3e8ef);
  background: var(--Gray-50, #f8fafc);
  margin: 5vh auto 0;
  padding: 3rem 1rem;
  width: 90%;
  max-width: 600px;
  position: relative;
  border-radius: 5px;
}

/* Kapatma X */
#bize-ulasin-popup .close-popup {
  position: absolute;
  top: 10px;
  right: 15px;
  color: #333;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
}

/* İletişim Bilgileri Bloğu */
.popup-contact-info {
  margin-bottom: 20px;
}

.popup-contact-info p {
  margin: 5px 0;
}

.popup-contact-info a {
  text-decoration: none;
}



/* Popup içindeki iletişim bloğu */
.popup-contact-info {
  display: flex;
  flex-direction: column; /* Mobilde alt alta */
  gap: 10px;
  margin-bottom: 20px;
}

.popup-contact-info .contact-item {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 5px;
  border-radius: 5px;
}

.popup-contact-info .contact-item i {
  font-size: 20px;
}

.popup-contact-info .contact-item a {
  color: #0073aa;
  text-decoration: none;
}

.popup-contact-info .contact-item a:hover {
  text-decoration: underline;
}

/* Masaüstünde yan yana */
@media (min-width: 768px) {
  .popup-contact-info {
    flex-direction: row;
    justify-content: center;
  }
}

/* İLETİŞİM BLOĞU */
.popup-contact-info {
  display: flex;
  flex-direction: column; /* Mobilde alt alta */
  gap: 10px;
  margin: 1rem 0;
}

.popup-contact-info .contact-item {
    display: flex;
    gap: 5px;
    padding: 10px;
    border-radius: 5px;
    transition: all 0.3s ease;
    width: 100%;
    flex-direction: row;
    justify-content: center;
    border: none;
}

.popup-contact-info .contact-item i {
  font-size: 20px;
  transition: color 0.3s ease;
  text-decoration: none;
}

.popup-contact-info .contact-item svg {
  font-size: 20px;
  transition: color 0.3s ease;
  text-decoration: none;
}

.popup-contact-info .contact-item a, .popup-contact-info a:active,.popup-contact-info a:visited {
  color: #000;
  text-decoration: none; /* Altı çizili olmasın */
  transition: color 0.3s ease;
  text-decoration: none;
}

.popup-contact-info .contact-item:hover {
  background: #000;
  color: #fff;
  text-decoration: none;
  box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
}

.popup-contact-info .contact-item:hover a {
  color: #fff;
  text-decoration: none;
  box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);

}

.popup-contact-info .contact-item:hover i {
  color: #fff;
  text-decoration: none;
  box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
}

.popup-contact-info .contact-item:hover svg {
  color: #fff;
  text-decoration: none;
  box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
}

/* Masaüstünde yan yana */
@media (min-width: 768px) {
  .popup-contact-info {
    flex-direction: row;
    justify-content: center;
  }
}

/* İletişim Bloğu ile Form Arası Çizgi */
.contact-separator {
  width: 100%;
  height: 1px;
  background: #000;
  margin: 20px 0;
}


.feature-section {
  max-width: 1128px;
  padding: 0 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 55px;
  margin: 0 auto;
  margin-top:4rem;
}

.feature-item {
  flex: 1 1 300px;
  max-width: 340px;
  text-align: center;
}

.feature-icon {
  width: 48px;
  height: 48px;
  margin: 0 auto 16px auto;
}

.feature-icon svg {
  width: 100%;
  height: auto;
  display: block;
  color:#ededed;
}

.feature-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 8px;
  color: #222;
}

.feature-text {
  font-size: 15px;
  color: #555;
  line-height: 1.5;
}


/* Ürün detay sayfası ana görsel boyutlandırma */
/* Masaüstü varsayılan stiller */
.woocommerce div.product div.summary {
  width: 65%;
}

.woocommerce-product-gallery.woocommerce-product-gallery--with-images {
  width: 30% !important;
}

/* Mobil uyumlu düzenleme */
@media only screen and (max-width: 768px) {
  .woocommerce div.product div.summary {
    width: 100%;
  }

  .woocommerce-product-gallery.woocommerce-product-gallery--with-images {
    width: 70% !important;
    margin: 0 auto !important;
    margin-bottom: 1rem !important;
  }
}

.woocommerce-breadcrumb {
    margin-top: 10px !important;
}

.woocommerce .woocommerce-ordering {
    margin:0 !important;
}

.support-section {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border: 1px solid var(--Gray-200, #e3e8ef);
    background: var(--Gray-50, #f8fafc);
    border-radius: 12px;
    margin: 4rem 0;
    padding:2rem 0 0 2rem  !important; 
  }

.support-actions {
    display: flex;
    gap: 5px;
}

.support-sections {
    display: flex;
    flex-direction: column;
}


  
  .support-content {
    flex: 1 1 300px;
    max-width: 500px;
    padding: 2rem;
  }
  
  .support-title {
    font-size: 1.5rem;
    font-weight: bold;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    margin-left: 1rem;
  }
  
  .support-subtitle {
    font-size: 2rem;
    margin: 15px 0;
    line-height: 2rem;
  }

  @media screen and (max-width: 768px) {
  
  .support-actions {
    display: flex;
    gap: 20px;
    margin-top: 20px;
    flex-direction: column;
  }
  .support-content {
    flex: 1 1 300px;
    max-width: 500px;
    padding: 1rem;
}
}

  .support-button,
  .support-phone {
    display: inline-flex;
    align-items: center;
    background: #000;
    color: #fff;
    text-decoration: none;
    padding: 12px 20px;
    border-radius: 6px;
  }

  .support-phone {
    display: flex;
    gap: 10px;
}
  .support-button:hover,
  .support-phone:hover {
    background: #ffcb00;
    color:#000;
  }
  
  .support-phone img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
  }
  
  .support-image {
    flex: 1 1 300px;
    max-width: 500px;
    text-align: center;
  }
  
  .support-image img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
  }

  .support-title {
    background: #ffffff;
    border-radius: 5px;
    border: 1px solid #d1d1d1;
    font-size: 15px;
    width: auto;
    padding: 5px 10px;
    font-weight: 400;
    display: inline;
}

.support-subtitle, .support-actions {
    padding: 1rem 1rem;
}


.list-services {
    margin-top: 5rem;
}

.service-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.service-item {
  border: 1px solid var(--Gray-200, #e3e8ef);
  background: var(--Gray-50, #f8fafc);
  border-radius: 8px;
  overflow: hidden;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.service-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}

.service-item a {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  color: inherit;
  padding: 1.5rem;
}

.service-item .icon {
  width: 48px;
  height: 48px;
  margin-bottom: 1rem;
  fill: #333;
}

.service-content h3 {
  font-size: 1.1rem;
  margin: 0 0 0.5rem;
  text-align: center;
}

.service-content p {
  font-size: 0.9rem;
  text-align: center;
  color: #555;
}

.label {
  display: inline-block;
  background: #ffcb00;
  color: #000;
  font-size: 0.75rem;
  padding: 0.2rem 0.5rem;
  border-radius: 4px;
  margin-bottom: 0.5rem;
}
.list-services {
    padding:0;
  }
  
  .service-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 2fr));
    gap:1rem;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  
  .service-item {
    border: 1px solid var(--Gray-200, #e3e8ef);
    background: var(--Gray-50, #f8fafc);
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }
  
  .service-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
  }
  
  .service-item a {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: inherit;
    padding: 1.5rem;
  }
  
  .service-item .icon {
    font-size: 3rem;
    margin-bottom: 1rem;
    color: #333;
  }
  
  .service-content h3 {
    font-size: 1.1rem;
    margin: 0 0 0.5rem;
    text-align: center;
  }
  
  .service-content p {
    font-size: 0.9rem;
    text-align: center;
    color: #555;
  }
  
  .label {
    display: inline-block;
    background: #ffcb00;
    color: #000;
    font-size: 0.75rem;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    margin-bottom: 0.5rem;
  }

  .service-item .icon {
    font-size: 3rem;
    margin-bottom: 1rem;
    color: #333;
    transition: color 0.3s ease, transform 0.3s ease;
  }
  
  .service-item:hover .icon {
    color: #ffcb00;/* Hover'da ikon rengi değişir */
    transform: scale(1.2) rotate(-5deg); /* Hafif büyür ve döner */
  }
  
  .service-item .icon {
    font-size: 3rem;
    margin-bottom: 1rem;
    color: #333;
    transition: color 0.3s ease, transform 0.3s ease;
  }
  
  .service-item:hover .icon {
    color: #ffcb00;
    transform: scale(1.2) rotate(-5deg);
  }

  .service-item {
    position: relative; /* Etiket absolute konumlanacağı için parent relative olmalı */
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }
  
  .label {
    position: absolute;
    top: 0.5rem;   /* Üstten biraz boşluk */
    right: 0.5rem; /* Sağdan biraz boşluk */
  position: relative; /* Etiket absolute konumlanacağı için parent relative olmalı */
  background: #ffcb00;
  border-radius: 8px;
  overflow: hidden;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.label {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    background: #ffcb00;
    color: #000;
    font-size: 0.75rem;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    z-index: 1;
}


.woocommerce div.product form.cart .variations th  {
    display:none !important;
}

.faq-container {
    max-width: 100%;
    margin: 0 auto;
  }

  .faq-item {
    background: #fff;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    border-radius: 5px;
    overflow: hidden;
  }

  .faq-question {
    padding: 15px 20px;
    cursor: pointer;
    position: relative;
    font-weight: bold;
  }

  .faq-question::after {
    content: '+';
    position: absolute;
    right: 20px;
    transition: transform 0.3s;
  }

  .faq-question.active::after {
    content: '-';
  }

  .faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
    padding: 0 20px;
  }

  .faq-answer p {
    margin: 15px 0;
  }

  .faq-answer.open {
    padding-bottom: 15px;
  }

 body.hammerton-boya #ral-color-preview {
  position: relative;
  background-image: url('https://blitzsch.com/wp-content/uploads/2025/07/hammerton-effect.png');
  background-repeat: no-repeat;
  background-size: 100%;
  background-blend-mode: hard-light; /* overlay, multiply, soft-light deneyebilirsin */
  opacity: 1;
}
  
  .woocommerce-Tabs-panel p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 30px;
  line-height: 20px;
}

/* Sadece blog yazılarındaki a etiketlerine özel */
.single-post .entry-content a {
    background: #ffcb00;
    border-radius: 5px;
    padding: 5px 10px;
    color: #000;
    text-decoration: none;
  }
  
  .single-post .entry-content a:hover {
    background: #000;
    color: #fff;
  }
  
  .blitzsch-random-posts {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    margin-top: 2rem;
    justify-content: space-between;
  }
  
  .random-post-item {
    border: 1px solid var(--Gray-200, #e3e8ef);
    background: var(--Gray-50, #f8fafc);
    border-radius: 8px;
    overflow: hidden;
    padding: 1rem;
    min-height: 360px !important;
    flex: 1 1 calc(33.333% - 2rem);
  
    /* Kartı flex container yap */
    display: flex;
    flex-direction: column;
  }

  /* Başlık: 2 satır sabit yükseklik + clamp */
.random-post-item .random-post-title{
  font-size: 20px;
  line-height: 1.25;
  margin: 4px 0 0;

  /* 2 satırda kes (modern + webkit) */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;

  overflow: hidden;

  /* Fallback: 2 satırlık alanı her zaman ayır (layout kaymasını engeller) */
  min-height: calc(2 * 1.25em);
}

/* Mobilde font küçülünce min-height em tabanlı olduğu için otomatik uyum sağlar */
@media (max-width:640px){
  .random-post-item .random-post-title{
    font-size: 18px;
    /* min-height hesaplaması em tabanlı olduğundan değişiklik gerekmez */
  }
}


  
  .random-post-item .random-post-thumb {
    margin-bottom: 1rem;
  }
  
  .random-post-item .random-post-thumb img {
    width: 100%;
    height: auto;
    border-radius: 6px;
  }
  
.random-post-item .random-post-excerpt{
  font-size: .9rem;
  margin-bottom: 1rem;
  line-height: 1.4;

  /* 4 satırda kes */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  line-clamp: 4;                 /* modern tarayıcılar */
  overflow: hidden;

  /* Eski/fallback: line-height * 4 */
  max-height: calc(1.4em * 4);
  /* (İsteğe bağlı) tek satırlık ellipsis davranışı için:
  text-overflow: ellipsis; */
}
  
  .random-post-item .random-post-excerpt {
    font-size: 1rem;
    margin-bottom: 1rem;
    line-height: 1.4;
  }
  
  /* Butonu alta yasla */
  .random-post-item .random-post-button {
    display: inline-block;
    background: #FFD054;
    color: #0F0F2B;
    padding: 0.5rem 1rem;
    border-radius: 5px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    margin-top: auto; /* ALTA YASLA */
    max-width: 160px !important;
  }
  
  .random-post-item .random-post-button:hover {
    background: #000;
    color: #fff;
  }
  
  .random-post-item .random-post-button i {
    margin-left: 5px;
    transition: transform 0.3s ease;
  }
  
  .random-post-item .random-post-button:hover i {
    transform: translateX(4px);
  }
  
  .random-post-title a,
  .random-post-title a:active,
  .random-post-title a:visited {
    text-decoration: none;
    color: #000;
  }
  
  /* RESPONSIVE KURALLAR */
  
  /* Tablet: 2 öğe */
  @media (max-width: 992px) {
    .random-post-item {
      flex: 1 1 calc(50% - 2rem);
    }
  }
  
  /* Mobil: 1 öğe */
  @media (max-width: 576px) {
    .random-post-item {
      flex: 1 1 100%;
    }
  }
  
  /* Buton stilleri ve animasyonları */
  .random-post-item .btn-inline,
  .btn a {
    display: inline-flex;
    align-items: center;
    color: var(--color-white-100);
    justify-content: center;
    column-gap: 0.5rem;
    transition: all 0.3s ease-in-out;
  }
  
  .random-post-item .btn-inline:hover {
    column-gap: 0.8rem;
  }
  
  .random-post-item .btn-darken {
    padding: 0.75rem 2rem;
    color: var(--color-white-100);
    background-color: var(--color-black-200);
    box-shadow: var(--shadow-medium);
  }
  
  .random-post-item .btn-darken:hover {
    padding: 0.75rem 2rem;
    color: #000 !important;
    background-color: #FFCB00;
    box-shadow: var(--shadow-medium);
  }
  

  .btn-inline i {
    margin-left: 6px;
    transition: transform 0.3s ease;
  }
  
  .btn-inline:hover i {
    transform: translateX(5px);
  }
  

  .nav-previous a,   .nav-next a, .nav-next a:active, .nav-next a:visited {
    margin-top:10px;
    display: inline-block;
    padding: 0.5rem 1rem;
    background-color: #f5f5f5;
    color: #000; /* Koyu metin */
    text-decoration: none;
    border-radius: 5px;
    font-weight: 700;
    transition: background-color 0.3s ease, color 0.3s ease;
  }
  
  .nav-previous a:hover, .nav-next a:hover,
  .nav-previous a:focus, .nav-next a:focus {
    background-color: #000;
    color: #fff;
    outline: none;
  }
  
  /* Responsive ayarlar */
  /* Küçük ekranlarda (mobil) genişlik %100 yap */
  @media (max-width: 576px) {
    .nav-previous a, .nav-next a {
      display: block;
      width: 100%;
      text-align: center;
      padding: 0.75rem 0;
    }
  }
  




.popup-contact-info .whatsapp {
    background: #25d366;
    animation-name: whatsapp;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
}

@keyframes whatsapp {
	0% {
		box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
	}
	80% {
		box-shadow: 0 0 0 8px rgba(37, 211, 102, 0);
	}
}

.popup-contact-info .telefon {
    background: #ffcb00;
    animation-name: telefon;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
}

@keyframes telefon {
	0% {
		box-shadow: 0 0 0 0 rgba(255 203 0);
	}
	80% {
		box-shadow: 0 0 0 8px rgba(37, 211, 102, 0);
	}
}

:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button{
    margin-top: 10px;
}
.hero {
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  margin-top:20px;
  justify-content: center;
  overflow: hidden;
  border-radius: 12px;
}

.hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.gradient-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #ffcb00 0%, #FFD054 25%, #ffcb00  50%, #FFD054  75%, #ffcb00 100%);
  background-size: 400% 400%;
  animation: gradientShift 15s ease infinite;
  opacity: 0.8;
}

@keyframes gradientShift {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.particles-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.particle {
  position: absolute;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  pointer-events: none;
  animation: float 6s ease-in-out infinite;
}

@keyframes float {
  0%,
  100% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-20px) rotate(180deg);
  }
}


.floating-shapes {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.shape {
  position: absolute;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.shape-1 {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  top: 20%;
  left: 10%;
  animation: floatShape 8s ease-in-out infinite;
}

.shape-2 {
  width: 60px;
  height: 60px;
  top: 60%;
  right: 15%;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  animation: floatShape 10s ease-in-out infinite reverse;
}

.shape-3 {
  width: 100px;
  height: 100px;
  border-radius: 20px;
  top: 30%;
  right: 20%;
  animation: floatShape 12s ease-in-out infinite;
}

.shape-4 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  bottom: 30%;
  left: 20%;
  animation: floatShape 7s ease-in-out infinite;
}

.shape-5 {
  width: 70px;
  height: 70px;
  bottom: 20%;
  right: 30%;
  clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
  animation: floatShape 9s ease-in-out infinite reverse;
}

.shape-6 {
  width: 50px;
  height: 50px;
  border-radius: 10px;
  top: 70%;
  left: 70%;
  animation: floatShape 11s ease-in-out infinite;
}

@keyframes floatShape {
  0%,
  100% {
    transform: translateY(0px) rotate(0deg) scale(1);
    opacity: 0.7;
  }
  50% {
    transform: translateY(-30px) rotate(180deg) scale(1.1);
    opacity: 1;
  }
}


/* Hero Content */
.hero-content {
    position: relative;
    z-index: 10;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    max-width: 1200px;
    width: 100%;
    padding: 0 2rem;
    align-items: center;
  
  }
  
  .hero-text {
    color: black;
  }
  
  .hero-title {
    font-size: 4rem;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 1.5rem;
    overflow: hidden;
  }
  
  .title-line {
    display: block;
    transform: translateY(100%);
    animation: slideUp 1s ease-out forwards;
  }
  
  .title-line:nth-child(2) {
    animation-delay: 0.2s;
  }
  
  @keyframes slideUp {
    to {
      transform: translateY(0);
    }
  }
  
  .hero-description {
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 2.5rem;
    color: black; 
  }
  

.hero-buttons .hero-buttons {
    display: flex;
    gap: 20px;
    opacity: 0;
    margin-bottom: 2rem;
  }
  


  .hero-buttons .btn-primary {
  background: linear-gradient(135deg, #515151, #000000);
  color: white;
  display: flex;
  flex-direction: row;
  align-items: center;
}


.hero-buttons .btn-secondary {
    background: linear-gradient(135deg, #515151, #000000);
    color: white;
    display: flex;
    flex-direction: row;
    align-items: center;
}



/* Hero Visual */
.hero-visual {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.central-orb {
  position: relative;
  width: 300px;
  height: 300px;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.central-orb:hover {
  transform: scale(1.05);
}

.orb-core {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 320px;
  height: 320px;
  background: radial-gradient(circle, #fff, #ffcb00);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 50px rgba(255, 255, 255, 0.5);
  animation: pulse 3s ease-in-out infinite;
}

@keyframes pulse {
  0%,
  100% {
    transform: translate(-50%, -50%) scale(1);
    box-shadow: 0 0 50px rgba(255, 255, 255, 0.5);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.1);
    box-shadow: 0 0 80px rgba(255, 255, 255, 0.8);
  }
}

.orb-ring {
  position: absolute;
  top: 50%;
  left: 50%;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.ring-1 {
  width: 150px;
  height: 150px;
}

.ring-2 {
  width: 200px;
  height: 200px;
}

.ring-3 {
  width: 250px;
  height: 250px;
}


/* Scroll Indicator */
.scroll-indicator {
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.9rem;
  z-index: 10;
  animation: bounce 2s infinite;
}

.scroll-arrow {
  width: 420px;
  height: 420px;
  border-right: 2px solid rgba(255, 255, 255, 0.7);
  border-bottom: 2px solid rgba(255, 255, 255, 0.7);
  transform: rotate(45deg);
  margin-bottom: 0.5rem;
}

@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateX(-50%) translateY(0);
  }
  40% {
    transform: translateX(-50%) translateY(-10px);
  }
  60% {
    transform: translateX(-50%) translateY(-5px);
  }
}

/* Yörüngedeki PNG öğeleri */
.orb-item {
  --r: 140px;          /* fallback */
  --sz: 48px;          /* fallback */
  --speed: 16s;        /* fallback */
  --delay: 0s;         /* fallback */

  position: absolute;
  transform-origin: 0 0;                     /* merkezden döndürmek için */
  animation:
    orbit var(--speed) linear infinite var(--delay),
    bob 3.2s ease-in-out infinite;           /* hafif yukarı-aşağı */
  will-change: transform;
  pointer-events: none;                      /* tıklamayı engelleme istersen kaldır */
  z-index: 2;
}

.orb-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  user-select: none;
  pointer-events: none;
}

@keyframes orbit {
  from {
    /* rotate: yörünge açısı; translate(var(--r)): merkezden uzaklaştır; rotate(-360deg): ikonun kendi eksenini sabit tut */
    transform: rotate(0deg) translate(var(--r)) rotate(0deg);
  }
  to {
    transform: rotate(360deg) translate(var(--r)) rotate(-360deg);
  }
}

@keyframes bob {
  0%, 100% { transform: translate(0, 0); }
  50%      { transform: translate(0, -6px); }
}

/* Hover’da hepsini bir miktar hızlandır (isteğe bağlı) */
.central-orb:hover .orb-item {
  animation-duration: calc(var(--speed) * .85), 2.8s;
  transition-timing-function: var(--ease-out); 
}

/* Hareketi azalt tercihine saygı (isteğe bağlı) */
@media (prefers-reduced-motion: reduce) {
  .orb-item { animation: none; transition-timing-function: var(--ease-out); }
}


/* Responsive Design */
@media (max-width: 768px) {
  .hero-content {
    grid-template-columns: 1fr;
    gap: 2rem;
    text-align: center;
  }

  .hero-title {
    font-size: 2.5rem;
  }

  .hero-description {
    font-size: 1.1rem;
  }

  .central-orb {
    width: 200px;
    height: 200px;
  }

  .orb-core {
    width: 70px;
    height: 70px;
  }

  .ring-1 {
    width: 100px;
    height: 100px;
  }
  .ring-2 {
    width: 130px;
    height: 130px;
  }
  .ring-3 {
    width: 160px;
    height: 160px;
  }

  .hero-buttons {
    flex-direction: column;
    align-items: center;
  }

  .btn {
    width: 200px;
  }
}

@media (max-width: 480px) {
  .hero-title {
    font-size: 2rem;
  }

  .hero-content {
    padding: 0 1rem;
  }
}

.nav-links {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.entry-content li {
    color: black;
    padding-left: 35px;
    position: relative;
    margin-bottom: 15px;
  }
  

  
  .entry-content ol {
    counter-reset: item;
  }
  
  .entry-content ol li {
    counter-increment: item;
  }
  
  .entry-content ol li:before {
      content: counter(item) '.';
      position: absolute;
      width: 10px;
      height: 10px;
      color: #ffcb00;
      top: 0px;
      left: 15px;
  }

  /* Kapsayıcıyı konumlandır */
.wpcf7 .wpcf7-form-control-wrap {
    position: relative;
    display: block;
  }
  
  /* iOS reset + temel stil */
  .wpcf7 select.wpcf7-form-control.wpcf7-select {
    -webkit-appearance: none !important;
    appearance: none !important;
    background: #fff;
    background-image: none !important; /* iOS oku */
    border: 1px solid #000;
    border-radius: 5px;
    padding: 12px 44px 12px 12px; /* sağda oka yer */
    width: 100%;
    font-size: 16px; /* iOS zoom’u engelle */
    line-height: 1.15;
    color: #111;
    outline: none;
    cursor: pointer;
  }
  
  /* Focus ve validasyon durumları (CF7 'wpcf7-not-valid' basar) */
  .wpcf7 select.wpcf7-select:focus {
    border-color: #ffcb00;
    box-shadow: 0 0 0 3px rgba(255,203,0,.25);
  }
  .wpcf7 select.wpcf7-select.wpcf7-not-valid {
    border-color: #e02424;
    box-shadow: 0 0 0 3px rgba(224,36,36,.15);
  }
  
  :root{
    --btn-bg: #FFCB00;     /* Blitzsch sarısı */
    --btn-text: #111;      /* Kontrast metin rengi */
    --btn-bg-hover: #ffd633;
    --btn-border: #e6b800;
  }
  
  /* Buton hali */
  a.yol-tarifi{
    display:inline-flex; align-items:center; justify-content:center; gap:10px;
    padding:12px 18px;
    background:var(--btn-bg);
    color:var(--btn-text);
    border-radius:5px;
    font-weight:700; line-height:1; letter-spacing:.2px;
    text-decoration:none !important;              /* iOS alt çizgiyi kapat */
    -webkit-text-decoration:none !important;      /* iOS/Safari */
    -webkit-tap-highlight-color:transparent;      /* iOS tap highlight yok */
  }
  
  /* Hover/Focus/Active durumları */
  a.yol-tarifi:hover{
    background:black;
    color:white;
  }
  
  /* Sağ ok ikonu (metin sonrası) */
  a.yol-tarifi::after{
    content:"→";
    font-size:1rem;
    transform:translateX(2px);
    transition:transform .15s ease;
  }
  a.yol-tarifi:hover::after{ transform:translateX(6px); }
  
  /* Mobilde tam genişlik isterseniz */
  @media (max-width: 640px){
    a.yol-tarifi{ width:50%; }
  }
  
  /* Az hareket tercih eden kullanıcılar için animasyonları azalt */
  @media (prefers-reduced-motion: reduce){
    a.yol-tarifi{ transition:none; }
    a.yol-tarifi:hover::after{ transform:none; }
  }

 .woocommerce-Tabs-panel--ambalaj_tab .ambalaj-icon-list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    list-style: none;
    margin: 0;
    padding: 0;
    flex-direction: row;
    justify-content: center;
}
.woocommerce-Tabs-panel--ambalaj_tab .ambalaj-icon-item {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 25px 20px;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 10px;
  background: #fff;
}
.woocommerce-Tabs-panel--ambalaj_tab .ambalaj-icon {
  width: 40px; height: 40px; object-fit: contain;
}
.woocommerce-Tabs-panel--ambalaj_tab .ambalaj-label {
  font-weight: 600; font-size: 14px;
}

/* Buton grubu */
.blitzsch-action-buttons {
  display: flex;
  gap: 10px;
  margin-top: 12px;
  flex-wrap: wrap;
}

/* Modal temel */
.blitzsch-modal {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: none;
}
.blitzsch-modal.is-open { display: block; }

.blitzsch-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.5);
}

.blitzsch-modal__dialog {
  position: relative;
  z-index: 1;
  width: min(96vw, 900px);
  height: min(88vh, 900px);
  margin: 5vh auto 0;
  border: 1px solid var(--Gray-200, #e3e8ef);
  background: var(--Gray-50, #f8fafc);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0,0,0,.35);
  display: flex;
  flex-direction: column;
}

/* Başlık barı */
.blitzsch-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-bottom: 1px solid #eee;
  background: #fff;
  position: sticky;
  top: 0;
  z-index: 2;
}
.blitzsch-modal__title {
  font-weight: 600;
  font-size: 16px;
  margin: 0;
}
.blitzsch-modal__close {
  border: 1px solid var(--Gray-200, #e3e8ef);
  background: var(--Gray-50, #f8fafc);
  border-radius: 999px;
  width: 36px;
  height: 36px;
  line-height: 34px;
  text-align: center;
  font-weight: 800;
  font-size: 22px;
  cursor: pointer;
}

/* Gövde */
.blitzsch-modal__body {
  position: relative;
  padding: 16px;
  overflow: auto;
  flex: 1;
}

/* Loader */
.blitzsch-modal__loader {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}
.blitzsch-spinner {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 3px solid rgba(0,0,0,.15);
  border-top-color: #000;
  animation: blitzsch-spin 1s linear infinite;
}
@keyframes blitzsch-spin { to { transform: rotate(360deg); } }

.blitzsch-hide { display: none !important; }

/* Mobil */
@media (max-width: 480px){
  .blitzsch-modal__dialog {
    width: 100vw;
    height: 100vh;
    margin: 0;
    border-radius: 0;
  }
  .blitzsch-modal__body { padding: 12px; }
}




/* Kart */
.random-post-item{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:16px;
  border:1px solid #eee;
  border-radius:12px;
  background:#fff;
  height:100%;
}

/* Kapak görseli */
.random-post-thumb img{
  width:100%;
  height:auto;
  border-radius:10px;
  display:block;
}

/* Başlık */
.random-post-title{
  margin:4px 0 0;
  font-size:16px;
  line-height:1.25;
}
.random-post-title a{
  text-decoration:none;
  color:#111;
}
.random-post-title a:hover{
  text-decoration:none;
}

/* Özet */
.random-post-excerpt{
  color:#555;
  margin:4px 0 8px;
}

/* Meta (tarih/yorum/görüntülenme) */
.random-post-meta{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 16px;
    color: #9ca3af;
    font-size: 13px;
    line-height: 1.4;
}
.random-post-meta span{
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.random-post-meta i{
  font-size:18px;
  line-height:1;
}

/* Yeni etiketi */
.post-badge{
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    background: #ffcb00;
    color: #000;
    font-size: 0.75rem;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    z-index: 1;
}

/* Devamını Oku butonu */
.view-product-button{
  margin-top:auto;
  width:70%;
  transition:all .3s ease;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}
.view-product-button i{
  transition:transform .3s ease;
}

/* Meta satırı kapsayıcı */
.entry-meta{
  display: flex;
  flex-wrap: wrap;            /* Dar ekranda satır kır */
  align-items: center;        /* Dikey hizalama */
  gap: 8px 16px;              /* Satır içi ve satırlar arası boşluk */
  color: #9ca3af;             /* Açık gri */
  font-size: 13px;
  line-height: 1.4;
  margin: .5rem 0 1rem;
}

/* Tek tek meta itemlar (tarih, kategori, okunma, yorum) */
.entry-meta .meta-item{
  display: inline-flex;       /* İkon + yazı yanyana ve dikey ortalı */
  align-items: center;
  gap: 6px;                   /* İkon ile yazı arası boşluk */
  white-space: nowrap;        /* Mümkünse item içi bölünmesin */
  color: inherit;
}

/* İkonların optik hizası */
.entry-meta .meta-item i{
  font-size: 16px;
  line-height: 1;             /* Dikey hizayı koru */
}

/* Linkler meta rengini devralsın */
.entry-meta .meta-item a{
  color: inherit;
  text-decoration: none;
}
.entry-meta .meta-item a:hover{
  text-decoration: underline;
}

/* Çok dar ekranlarda aralıkları biraz sıkılaştır */
@media (max-width: 480px){
  .entry-meta{
    gap: 6px 12px;
  }
}
/* Ana yerleşim: sola yaslı, flex ve gap’li */
.post-layout {
    display: flex;
    flex-direction: column;        /* Mobil */
    align-items: stretch;          /* Sola yasla */
    gap: clamp(16px, 2vw, 32px);   /* Araya boşluk */
  }
  
  /* İçerik (article) ve sidebar varsayılan (mobil) davranış */
  .post-primary { width: 100%; }
  .post-sidebar { width: 100%; }
  
  /* Masaüstü için 70/30 bölünme */
  @media (min-width: 1024px) {
    .post-layout {
      flex-direction: row;
      align-items: flex-start;
    }
    .post-primary {
      flex: 0 1 70%;
      max-width: 70%;
    }
    .post-sidebar {
      flex: 1 1 30%;
      max-width: 30%;
    }
  }
  
  /* Sidebar örnek görünüm (opsiyonel) */
  .post-sidebar .sidebar-box {
    border: 1px solid var(--Gray-200, #e3e8ef);
    background: var(--Gray-50, #f8fafc);
    border-radius: 8px;
    padding: 16px;
  }
  .post-sidebar h3 {
    margin: 0 0 8px;
    font-size: 1.125rem;
  }
  
  /* Son Yazılar listesi */
.post-sidebar .sb-latest .sb-label {
    display: inline-flex; align-items: center; gap: 8px;
    margin: 0 0 8px; font-weight: 700; color: #000;
  }
  .post-sidebar .sb-latest .sb-label .bx { color: #000; }
  
  .post-sidebar .sb-latest .sb-latest-list {
    list-style: none; padding: 0; margin: 0;
    display: grid; gap: 10px;
  }
  
  .post-sidebar .sb-latest .sb-latest-item {
    display: grid; grid-template-columns: 20px 1fr;
    align-items: start; column-gap: 8px;
  }
  
  .post-sidebar .sb-latest .sb-latest-item .bx {
    font-size: 18px; color: #000; line-height: 1; margin-top: 2px;
  }
  
  .post-sidebar .sb-latest .sb-latest-link {
    display: inline-block;                 /* padding animasyonu için */
    color: #9ca3af;
    text-decoration: none;
    padding-left: 0;
    transition: color .3s ease, padding-left .2s ease;
  }
  
  .post-sidebar .sb-latest .sb-latest-link:hover {
    color: #000;                        /* istersen renkte de geçiş görünsün */
    padding-left: 5px;
    text-decoration: none;
  }
  
  
  /* Eğer sb-blitz kutusu yoksa (siyah arka plan istemezsen) şu blokla nötr tema uygula: */
  .post-sidebar .sb-latest:not(.sb-blitz) {
    background: #fff; color: #111; border: 1px solid #e5e7eb; border-radius: 12px; padding: 16px;
  }
  .post-sidebar .sb-latest:not(.sb-blitz) .sb-latest-link { color: #111; }
  .post-sidebar .sb-latest:not(.sb-blitz) .sb-latest-item .bx { color: #111; }
  
  
  /* Liste düzeni */
  .post-sidebar .sb-social-list{
    list-style:none; margin:0; padding:0;
    display:flex; flex-wrap:wrap; gap:12px;
  }
  
  /* Buton görünümü (siyah zemin, sarı vurgu) */
  .post-sidebar .sb-social-list a{
    --size: 44px;
    width:var(--size); height:var(--size);
    border-radius:9999px;
    display:inline-flex; align-items:center; justify-content:center;
    border: 1px solid var(--Gray-200, #e3e8ef);
    background: var(--Gray-50, #f8fafc);
    color:#000;
    text-decoration:none;
    transition: transform .15s ease, background-color .2s ease, color .2s ease, box-shadow .2s ease;
  }
  .post-sidebar .sb-social-list a:hover{
    background-color: #fff; color:#000;
  }
  .post-sidebar .sb-social-list a .bx{ font-size:22px; line-height:1; }

  

  .post-sidebar .sb-social-list a:hover i{
    color:#000;

  }
  .post-sidebar .sb-social-list a:active{
    transform: translateY(0);
  }
  
  /* Koyu zeminli sb-blitz kutusunda da aynı kalsın */
  .post-sidebar .sb-blitz .sb-social-title{ color:#ffcb00; }
  
  .wp-post-image {
    position: relative;
    z-index: 1;
} 


.lang-switch{ position:relative; font-size:.9rem; }
.lang-switch__btn{
  display:inline-flex; align-items:center; gap:6px;
  background:#fff; color:#4e4e4e;
  padding:.375rem .6rem; border:1px solid #e5e7eb; border-radius:50em;
  line-height:1; cursor:pointer; min-height:2.25rem;
}
.lang-switch__chev{ transition: transform .2s ease; }
.lang-switch.open .lang-switch__chev{ transform: rotate(180deg); }

.lang-switch__menu{
  position:absolute; top:100%; left:0; margin-top:6px; z-index:1000;
  display:none; min-width:100px; padding:4px;
  background:#fff; border:1px solid #e5e7eb; border-radius:8px;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
}
.lang-switch.open .lang-switch__menu{ display:block; }

.lang-switch__item{
  display:block; padding:.45rem .6rem; border-radius:6px;
  color:#111; text-decoration:none; white-space:nowrap;
}
.lang-switch__item:hover{ background:#f3f4f6; }

:root{
    --menu-w: 180px;
    --shadow: 0 8px 28px rgba(0,0,0,.12);
    --radius: 8px;
    --brand: #ffcb00;
    --lang-hover-bg: #000; /* hover arkaplan */
    --lang-hover-fg: #fff; /* hover metin rengi */
  }
  
  /* Kap – tetik butonu */
  .sl-nav{ position: relative; display: inline-block; }
  .sl-trigger{
    display:inline-flex; align-items:center; gap:2px;
    padding:10px 12px;
    border-radius:5px; border:1px solid #e8e8e8;
    background:#fff; cursor:pointer;
    transition: box-shadow .2s ease, border-color .2s ease, background .2s ease;
  }
  .sl-trigger:hover{ box-shadow:var(--shadow); border-color:#ddd; }
  .sl-trigger:focus{ outline:2px solid #cde; outline-offset:2px; }
  
  .sl-current-flag{ width:16px; height:11px; background-position:50% 50%; background-size:cover; }
  .sl-current-label{ font-weight:700; }
  
  /* Menü */
  .sl-menu{
    list-style:none; margin:0; padding:6px 0;
    position:absolute; top:48px; right:0;
    width:var(--menu-w); background:#fff !important; border-radius:var(--radius);
    box-shadow:var(--shadow); display:none; z-index:999;
  }
  .sl-nav.open .sl-menu{ display:block; }
  
  /* Üst üçgen */
  .triangle{ display:none; }
  .sl-nav.open .triangle{
    display:block; position:absolute; top:34px; right:18px;
    width:30px; height:14px; overflow:hidden; background:transparent; z-index:1000;
  }
  .sl-nav.open .triangle::after{
    content:""; display:block; width:16px; height:16px; transform: rotate(45deg) translate(8px,0);
    background:#fff; border-radius:3px 0 0 0; box-shadow:var(--shadow);
  }
  
  /* Menü öğeleri */
  .sl-menu li{ padding:0; }
  .sl-menu a{ border:none !important; }
  .sl-menu a {margin:auto !important;background: none !important;}

  .sl-option{
    width:100%; display:flex; align-items:center; gap:10px;
    padding:12px 14px; font-size:15px;
    text-decoration:none; background:transparent; text-align:left;
    color:#3c3c3c; cursor:pointer;
    transition: background .18s ease, color .18s ease;
  }
  
  /* İstediğin davranış: hover/klavye odağında siyah arkaplan + beyaz metin */
  .sl-option:hover,
  .sl-option:focus-visible{
    background: var(--lang-hover-bg);
    color: var(--lang-hover-fg);
  }
  .sl-option:hover span,
  .sl-option:focus-visible span,
  .sl-option:hover i,
  .sl-option:focus-visible i,
  .sl-option:hover::after,
  .sl-option:focus-visible::after{
    color: var(--lang-hover-fg) !important;
  }
  
  /* Seçili öğe (normalde siyah metin); hover olunca yine beyaza dönsün */
  .sl-option.active span{ color:#000; font-weight:400; }
  .sl-option.active:hover span,
  .sl-option.active:focus-visible span{ color: var(--lang-hover-fg) !important; }
  
  /* İşaret (check) – mevcut yazı rengine uyum sağlasın */
  .sl-option[aria-checked="true"]::after{
    content:"\f00c";
    font-family:"Font Awesome 6 Free"; font-weight:900;
    margin-left:auto; color: currentColor;
  }
  
  /* Bayrak ikonları (16x11 dikdörtgen) */
  .sl-flag{ display:inline-block; width:16px; height:11px; background-position:50% 50%; background-size:cover; }
  
  /* TR bayrağı */
  .flag-tr{
    background-image: url('icons/flags/tr.png'); /* kendi yolun */
  }
  
  /* EN bayrağı (UK/Union Jack) */
  .flag-en{
    background-image: url('icons/flags/en.png'); /* kendi yolun */
  }
  
  @media (max-width:480px){
    .sl-trigger{ padding:8px 10px; }
    .sl-menu{ top:44px; }
  }
  
  @media (prefers-reduced-motion: reduce){
    .sl-option, .sl-trigger{ transition:none; }
  }