@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');


 html {
 	scroll-behavior: smooth;
 }


 html {

 	--color: #000;

 	--color-2: #9cb5d3;
 	--color-3: #feca90;
 	--color-4: #d0c5c1;
 	--color-5: #d699a8;
 	--color-6: #d6b187;
 	--color-7: #d5c2bb;
 	--color-8: #9bafad;
 	--color-9: #bea18f;
 	--color-10: #d1c2c5;



 	--light: #ecebe9;
 	--shadow: 0px 0px 30px 10px rgba(0, 0, 0, 0.05);
 	--imgdodge: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%) hue-rotate(341deg) brightness(107%) contrast(101%);
 	--xxl-font: 75px;
 	--font-title: "Jost", sans-serif;
 	--header-line: 50px;

 }

 ul,
 li {
 	margin: 0px;
 	padding: 0px;
 	list-style: none;
 }

 a {
 	text-decoration: none;
 }

 h1 {
 	margin: 0;
 	padding: 0;
 }

 h2 {
 	margin: 0;
 	padding: 0;
 }

 h3 {
 	margin: 0;
 	padding: 0;
 }

 h4 {
 	margin: 0;
 	padding: 0;
 }

 button,
 input {
 	outline: none;
 }

 body {
 	margin: 0;
 	padding: 0;
 	font-size: 16px;
 	overflow-x: hidden;
 	content: none;
 	font-family: var(--font-title);
 	background: #fff
 }

 .font-1 {}

 .font-2 {}

 .in-color {
 	box-shadow: -3px -3px 3px #fff inset, 3px 3px 3px #b4b9c7 inset;
 }

 .out-color {
 	box-shadow: -6px -6px 6px #fff, 6px 6px 6px #b4b9c7
 }



 .dondiv-1 div {
 	box-sizing: border-box;
 	display: block;
 	position: absolute;
 	width: 200px;
 	height: 200px;
 	border: 6px solid #79cfbf;
 	border-radius: 50%;
 	animation: dondiv 3s cubic-bezier(0.5, 0, 0.5, 1) infinite;
 	border-color: #79cfbf transparent transparent transparent;
 }

 .dondiv-1 div:nth-child(1) {
 	animation-delay: -0.45s;
 }

 .dondiv-1 div:nth-child(2) {
 	animation-delay: -0.3s;
 }

 .dondiv-1 div:nth-child(3) {
 	animation-delay: -0.15s;
 }

 .dondiv-2 div {
 	box-sizing: border-box;
 	display: block;
 	position: absolute;
 	z-index: 300;
 	width: 100%;
 	height: 100%;
 	border: 6px solid #79cfbf;
 	border-radius: 50%;
 	animation: dondiv 4s cubic-bezier(0.5, 0, 0.5, 1) infinite;
 	border-color: #79cfbf transparent transparent transparent;
 }

 .dondiv-2 div:nth-child(1) {
 	animation-delay: -0.45s;
 }

 .dondiv-2 div:nth-child(2) {
 	animation-delay: -0.3s;
 }

 .dondiv-1 div:nth-child(3) {
 	animation-delay: -0.15s;
 }

 .haber-p {
 	background: #fff;
 	border-radius: 10px;
 	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05);
 }

 .haber-p p {
 	font-size: 14px;
 	line-height: 40px;
 }


 .mb-ozel-alan .mb-ozel-li:last-child {}


 .N-POPUP {
 	position: fixed;
 	width: 100%;
 	height: 100%;
 	left: 0;
 	top: 0;
 	z-index: 10000;
 	background: rgba(0, 0, 0, 0.5);
 	display: flex;
 	align-items: center;
 	margin: 0;
 	padding: 0;
 }

 .N-POPUP .popup-center {
 	max-width: 900px;
 	margin: 0 auto;
 	background: #fff;
 	padding: 20px;
 }

 .N-POPUP .popup-center p {
 	margin: 0;
 	padding: 0;
 }



 @keyframes dondiv {
 	0% {
 		transform: rotate(0deg);
 	}

 	100% {
 		transform: rotate(360deg);
 	}
 }

 input,
 select,
 textarea,
 button {
 	font-family: "Jost", sans-serif;
 }

 .clear:after {
 	clear: both;
 	content: "";
 	display: table;
 }

 /********************************** MESAJ UYARISI *********************************/
 .UYARIBOX {
 	position: fixed;
 	width: 100%;
 	height: 100%;
 	z-index: 5000;
 	background: rgba(0, 0, 0, 0.8);
 	left: 0;
 	top: 0;
 	display: none
 }

 .UYARIBOX .uyari-a {
 	font-size: 18px;
 	color: #fff;
 	text-align: center;
 }

 .UYARIBOX .uyari-a .uyari-kapat {
 	padding: 8px;
 	background: #FFF;
 	color: #000;
 	font-size: 30px;
 	display: inline-block;
 	position: absolute;
 	top: 50px;
 	right: 50px;
 }

 .UYARIBOX .uyari-a .uyari-kapat:hover {
 	background: #000;
 	color: #fff;
 	cursor: pointer;
 }

 .UYARIBOX .uyari-a .mesaj {
 	position: fixed;
 	top: 45%;
 	text-align: center;
 	padding: 0px 10%;
 	width: 80%;
 }

 /********************************** MESAJ UYARISI *********************************/
 /********************************** MESAJ UYARISI *********************************/
 .UYARIBOX-2 {
 	position: fixed;
 	width: 100%;
 	height: 100%;
 	z-index: 5000;
 	background: rgba(0, 0, 0, 0.8);
 	left: 0;
 	top: 0;
 	display: none
 }

 .UYARIBOX-2 .uyari-a-2 {
 	font-size: 18px;
 	color: #000;
 	text-align: center;
 	padding: 20px;
 	width: 400px;
 	background: #fff;
 	position: fixed;
 	left: 50%;
 	top: 40%;
 	margin-left: -200px;
 	border-radius: 8px;
 	box-sizing: border-box;
 }

 .UYARIBOX-2 .uyari-a-2 .uyari-kapat {
 	padding: 8px;
 	background: #FFF;
 	color: #000;
 	font-size: 24px;
 	display: inline-block;
 	position: absolute;
 	top: 10px;
 	right: 10px;
 	border-radius: 6px;
 }

 .UYARIBOX-2 .uyari-a-2 .uyari-kapat:hover {
 	background: #000;
 	color: #fff;
 	cursor: pointer;
 }

 .UYARIBOX-2 .uyari-a-2 .mesaj-2 {
 	padding: 30px 0px
 }

 /********************************** MESAJ UYARISI *********************************/

 @media screen and (max-width: 1000px) {
 	.UYARIBOX-2 .uyari-a-2 {
 		width: calc(90% - 40px);
 		left: 5%;
 		margin-left: 0;
 	}

 	.UYARIBOX .uyari-a {
 		width: calc(90% - 40px);
 		left: 5%;
 		margin-left: 0;
 	}
 }
















 .max-1500 {
 	max-width: 2000px;
 	margin: 0 auto;
 }


 @media screen and (max-width: 2000px) {
 
 .max-1500 {
 	max-width: 100%;
 }
 
 }







 .content-max {
 	max-width: 1000px;
 	margin: 0 auto;
 }



 .oylama {}

 .oylama:hover {}

 .oylama i:hover {
 	cursor: pointer;
 }


 .uyari-olumlu {
 	background: #f6e9bd;
 	text-align: center;
 	margin: 30px 5px;
 	padding: 30px 20px;
 }

 .kupon-kullan {
 	background: #defeec;
 	border: 3px dashed #b6fed6
 }

 /************************/
 /************************/
 .al-input {
 	color: #000;
 	outline: none;
 	width: calc(100% - 62px);
 	padding: 0px 30px;
 	height: 40px;
 	font-size: 16px;
 	border: none;
 	border: 1px solid #ccc;
 }

 .al-select {
 	color: #000;
 	outline: none;
 	width: calc(100% - 0px);
 	padding: 0px 30px;
 	height: 42px;
 	font-size: 16px;
 	border: none;
 	border: 1px solid #ccc;
 }

 .al-textarea {
 	color: #000;
 	outline: none;
 	width: calc(100% - 62px);
 	padding: 30px 30px;
 	height: 90px;
 	font-size: 16px;
 	border: none;
 	border: 1px solid #ccc;
 }

 .al-buton {
 	cursor: pointer;
 	height: 42px;
 	background: #009966;
 	color: #FFFFFF;
 	width: 100%;
 	outline: none;
 	border: 0px;
 	font-size: 16px;
 }

 .al-buton:hover {
 	background: #000;
 	cursor: pointer;
 }

 /************************/
 /************************/

 .loc-sec {
 	background: rgba(0, 0, 0, 0.5);
 	width: 100%;
 	height: 100%;
 	position: fixed;
 	z-index: 999999;
 	left: 0;
 	top: 0;
 	color: #fff;
 	display: flex;
 	align-content: center;
 	align-items: center;
 }

 .loc-sec>div {
 	width: 100%;
 	text-align: center;
 }

 .loc-sec .loc-content {
 	max-width: 350px;
 	margin: 0 auto;
 	text-align: left;
 }

 .loc-sec .loc-content h2 {
 	font-size: 19px;
 	padding: 6px 0px;
 }

 .loc-sec .loc-content a {
 	display: inline-block;
 	width: 100%;
 	box-sizing: border-box;
 	margin-bottom: 4px;
 	border-radius: 6px;
 	color: #fff;
 	line-height: 45px;
 	font-size: 16px;
 	border: 1px solid #fff;
 }

 .loc-sec .loc-content a i {
 	padding: 0px 9px;
 }

 .loc-sec .loc-content a:hover {
 	background: #fff;
 	color: #000;
 }

 .loc-sec .loc-content a span {
 	float: right;
 	padding-right: 25px;
 }

 .DIL-LC {
 	text-align: center;
 }

 .DIL-LC a {
 	margin: 3px;
 	display: inline-block;
 	width: 35px;
 	height: 35px;
 	padding: 0px;
 	line-height: 35px;
 	border: 1px solid #000;
 	color: #000;
 	border-radius: 60px;
 }

 .DIL-LC a:hover {
 	background: #fff;
 }

 .DIL-LC .aktif {
 	background: rgba(255, 255, 255, 0.5);
 }






 .MYCONTACT {
 	position: fixed;
 	width: 100px;
 	height: 100px;
 	bottom: 50px;
 	right: 0px;
 	z-index: 5000;
 	text-align: center
 }

 .MYCONTACT p {
 	position: relative;
 	z-index: 80;
 	font-size: 11px;
 	display: inline-block;
 	background: #fff;
 	padding: 8px;
 	border-radius: 30px;
 	line-height: 15px;
 }

 @media screen and (max-width: 1000px) {
 	.MYCONTACT {
 		display: none
 	}
 }


 .WB-CONTENT {
 	padding: 0px 20px;
 }

 .WB-CONTENT .WB-1 {
 	float: left;
 	width: 180px;
 	min-height: 5px;
 }

 .WB-CONTENT .WB-2 {
 	float: left;
 }

 @media screen and (max-width: 1000px) {
 	.WB-CONTENT .WB-1 {
 		display: none
 	}

 	.WB-CONTENT .WB-2 {
 		float: none;
 		width: calc(100% - 0px);
 	}
 }

 .color-siyah {
 	color: #000;
 }

 .story {
 	max-width: 800px;
 	margin: 0 auto
 }

 .story .story-alani {}

 .story .st-border {
 	border-radius: 300px;
 	padding: 3px;
 	background: rgb(131, 58, 180);
 	background: linear-gradient(90deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 50%, rgba(252, 176, 69, 1) 100%);
 }

 .story .st-img {
 	border-radius: 300px;
 	overflow: hidden;
 	border: 2px solid #fff;
 }

 .story .max-wt {
 	max-width: 150px;
 	margin: 0 auto;
 }


 .minifiyatlar {}

 .minifiyatlar .m-bs {
 	float: left;
 	padding: 9px;
 	border: 1px solid #ccc;
 	margin-right: 6px;
 }

 .minifiyatlar .m-bs:hover {
 	cursor: pointer;
 	background: #f2f2f2;
 }

 .minifiyatlar .m-bs .m-ti {
 	font-size: 14px;
 	line-height: 20px;
 }

 .minifiyatlar .m-bs .m-fy {
 	font-size: 13px;
 	line-height: 20px;
 }

 .minifiyatlar .aktiffiyat {
 	background: #fff;
 	border: 1px solid #000
 }

 .mn-on {
 	left: 0 !important;
 }


 .content-fx {
 	max-width: 1300px;
 	margin: 0 auto;
 }

 @media screen and (max-width: 1000px) {
 	.content-fx {
 		padding: 0px 20px
 	}
 }



 .content {
 	max-width: 1200px;
 	margin: 0 auto;
 }

  .content-3 {
 	max-width: 1600px;
 	margin: 0 auto;
	padding: 0px 50px;
 }

 @media screen and (max-width: 1400px) {
 	.content {
 		padding: 0px 0px
 	}

 	.content-3 {
 		padding: 0px 20px
 	}
 }


 .ARAMENU {
 	background: #35569c;
 	text-align: right
 }

 .ARAMENU a {
 	display: inline-block;
 	line-height: 40px;
 	padding: 0px 10px;
 	color: #fff;
 	font-size: 14px;
 	font-weight: 600;
 }

 .urun-kargo {
 	padding: 15px 0px;
 	margin-top: 10px
 }

 .urun-kargo p {
 	font-size: 13px;
 }

 .urun-kargo h3 {}


 .ust-filitre {
 	padding: 8px 0px;
 	text-align: right;
 }

 .ust-filitre a {
 	display: inline-block;
 	color: #666;
 	margin-left: 20px;
 	font-size: 13px;
 	line-height: 30px;
 	padding: 0px 15px;
 	border-radius: 30px;

 	box-shadow: -6px -6px 6px #fff, 6px 6px 6px #b4b9c7;


 }




 .ust-filitre a:hover {
 	color: #000
 }

 .ust-filitre a i {
 	width: 25px;
 	line-height: 30px;
 	text-align: center;
 }

 .ust-filitre .secilen {
 	font-weight: 800;
 }

 .yan-menu {}

 .yan-menu a {
 	display: inline-block;
 	line-height: 40px;
 	padding: 0px 0px;
 	color: #000;
 	font-size: 14px;
 	font-weight: 600;
 	width: 100%;
 	border-bottom: 1px solid #f2f2f2
 }

 .yan-menu i {
 	font-size: 12px;
 	padding-right: 10px
 }

 .blog-banner_ {
 	margin: 5px -5px
 }

 .blog-banner {
 	position: relative;
 	margin: 5px;
 }

 .blog-banner .img {
 	position: relative;
 	z-index: 0
 }

 .blog-banner .text {
 	position: absolute;
 	z-index: 10;
 	bottom: 20px;
 	width: 100%;
 	padding: 0px 15px;
 	box-sizing: border-box;
 	color: #fff;
 	font-size: 15px;
 }

 .blog-banner .text a {
 	display: inline-block;
 	padding: 6px 15px;
 	color: #000;
 	background: #fff;
 	font-weight: 600;
 }

 .blog-banner .text a:hover {
 	background: #000;
 	color: #fff;
 }




 .current a {
 	background: #fff !important;
 	border-bottom: 4px solid #000 !important;
 	color: #000 !important
 }



 .a-buton {
 	display: inline-block;
 	color: #000;
 	border: 1px solid #000;
 	text-align: center;
 	width: 100%;
 	box-sizing: border-box;
 	line-height: 40px;
 }

 .a-buton i {
 	margin-right: 6px
 }

 .a-buton:hover {
 	cursor: pointer;
 	background: #f2f2f2
 }


 .sectim-m {
 	padding: 15px 15px
 }

 .sectim-m .sectim {
 	display: inline-block;
 	background: rgb(112, 174, 70);
 	background: linear-gradient(137deg, rgba(112, 174, 70, 1) 0%, rgba(42, 161, 198, 1) 100%);
 	border-radius: 30px;
 	padding: 6px 15px;
 	color: #fff;
 	margin: 4px
 }

 .sectim-m .sectim a {
 	color: #000;
 }

 .aramafilitresi {
 	width: 100%;
 	height: 35px;
 	box-sizing: border-box;
 	border: 1px solid #ccc;
 	padding: 0px 10px;
 	margin-bottom: 15px;
 	border-radius: 30px;
 }

 .ifilitre a {
 	width: 100%;
 	display: inline-block;
 	line-height: 22px;
 	font-size: 15px;
 	color: #000;
 	position: relative;
 }

 .ifilitre {}

 .filitre-ul {
 	padding: 20px 20px;
 	border-radius: 8px;
 	background: #fff;
 	margin-bottom: 18px
 }

 .filitre-ul li a i {
 	padding-right: 10px;
 	color: #000;
 	font-size: 16px
 }

 .ac-title {
 	padding: 7px 15px;
 	border-bottom: none
 }

 .ac-title h3 {
 	font-size: 14px;
 	color: #4b4b4b
 }


 .filitrecap {
 	background: #f5f5f5;
 	margin: 10px 0px;
 	padding: 15px 15px
 }

 .filitrealani {
 	padding: 6px 0px;
 	display: inline-block;
 }

 .filitrealani a {
 	color: #000;
 	background: #FF0004;
 }

 .filitrecap-2 {
 	padding: 20px 20px;
 	border: 1px solid #ccc;
 	margin-bottom: 18px
 }

 .filitrecap-2 h3 {
 	color: #000;
 	font-size: 15px;
 }

 .filitrealani-2 {}

 .filitrealani-2 a {
 	width: 100%;
 	display: inline-block;
 	line-height: 22px;
 	font-size: 13px;
 	color: #000;
 	position: relative;
 }

 .filitrealani-2 a i {
 	padding-right: 10px;
 	color: #000;
 	font-size: 13px
 }

 .filitrealani-2 a:hover i {
 	color: #2cbdb0;
 }

 .filitrealani-2 a img {
 	width: 25px;
 	height: 25px;
 	position: absolute;
 	top: 3px;
 	right: 3px;
 	border-radius: 60px
 }


 .low-bg {
 	background: #f2f2f2;
 	padding: 40px 30px
 }




 .yorum-box {
 	padding: 30px;
 	margin: 0px 5px 15px 5px;
 	background: #f5f5f5;
 }

 .yorum-box .isim {
 	font-size: 16px;
 	line-height: 35px;
 	color: #000
 }

 .yorum-box .isim span {
 	font-size: 12px;
 	font-weight: 600;
 }

 .yorum-box .msg {
 	font-size: 14px;
 	line-height: 30px;
 }

 .YUKLENME {
 	position: fixed;
 	z-index: 5000;
 	background: #fff;
 	left: 0;
 	top: 0;
 	width: 100%;
 	height: 100%;
 }

 .centered {
 	width: 80px;
 	height: 80px;
 	position: absolute;
 	left: 50%;
 	top: 50%;
 	margin-left: -40px;
 	margin-top: -40px;
 }


 .mobil-menu {
 	background: #fff;
 	box-sizing: border-box;
 	position: fixed;
 	z-index: 5000;
 	width: 100%;
 	height: 100%;
 	overflow: auto;
 	left: -100%;
 	top: 0;
 	display: flex;
 	align-content: center;
 	align-items: center;
 	transition: 0.5s;
 }

 .mobil-menu .sitearama {
 	position: relative;
 	z-index: 0;
 	margin: 0px 30px;
 }

 .mobil-menu .sitearama input {
 	height: 35px;
 	width: 100%;
 	box-sizing: border-box;
 	padding: 0px 20px;
 	outline: none;
 	border: 1px solid #ddd;
 }

 .mobil-menu .sitearama button {
 	height: 35px;
 	border: none;
 	background: #f2f2f2;
 	position: absolute;
 	top: 0px;
 	right: 0;
 }

 .mobil-menu .sitearama button:hover {
 	cursor: pointer;
 	background: #ccc;
 	color: #fff;
 }

 .mobil-menu .DIL {
 	text-align: center;
 	padding: 30px 0px
 }

 .mobil-menu .DIL a {
 	display: inline-block;
 }

 .mobil-menu .DIL a.acdil {}

 .mobil-menu .DIL img {
 	width: 35px;
 }

 .m-header {
 	height: 95px;
 	width: 100%;
 }

 header {
 	left: 0;
 	top: 0;
 	z-index: 5000;
 	width: 100%;
 	padding: 0px 0px
 }



 .sc-header {
 	text-align: center;
	padding-top: 30px;
 }

 .sc-header .logo {
 	height: 90px;
 	padding: 8px 0px;
 }


 .sc-menu {
 	text-align: center;
 }

 .sc-menu a {
 	display: inline-block;
 	line-height: 60px;
 	font-size: 12px;
 	letter-spacing: 1px;
 	color: #000;
 	padding: 0px 9px;
	font-weight: 400;
 }

 @media screen and (max-width: 768px) {

 	.sc-menu a {

 		line-height: 40px;

 	}

 }



 .sc-usermenu {
 	position: absolute;
 	top: 0;
 	right: 0;
 	z-index: 5000;
 	padding: 10px;
 }

 .sc-usermenu a {
 	display: inline-block;
 	padding: 0px 9px;
 }

 .sc-usermenu a i {
 	display: inline-block;
 	color: #000;
 }


 



 @media screen and (max-width: 1000px) {

 	.sc-menu {
 		width: 100%;
 		height: 100%;
 		position: fixed;
 		left: -100%;
 		top: 0;
 		z-index: 50;
 		background: #fff;
 		display: flex;
 		align-items: center;
 		align-content: center;
 		transition: 0.5s;
 	}

 	.sc-menu>div {
 		width: 100%;
 	}

 	.sc-menu a {
 		width: 100%;
 	}

 	.sc-header {
 		text-align: left;
 	}

 	.sc-header .logo {
 		height: 50px;
 		padding-left: 60px;
 	}

 }




 .sepet-ozeti {
 	background: #fff;
 }

 .sepet-ozeti .th {
 	border-bottom: 1px solid #f2f2f2;
 	padding: 8px 0px
 }


 header .tepemenu {
 	padding: 0px 0px;
 	top: 0px;
 	right: 0px;
 }

 header .tepemenu a {
 	color: #404040;
 	font-size: 14px;
 	line-height: 35px;
 	padding-left: 10px;
 }

 header .tepemenu a i {
 	width: 30px;
 	text-align: center;
 }



 header .headermin {
 	height: 80px;
 }





 .i-tasarim {
 	padding: 0px 0px;
 	line-height: 35px;
 	font-size: 13px
 }




 .aramaac {
 	cursor: pointer
 }


 .tam-banner {
 	background: rgb(44, 189, 176);
 	background: linear-gradient(90deg, rgba(44, 189, 176, 1) 0%, rgba(72, 219, 207, 1) 13%, rgba(53, 182, 171, 1) 27%, rgba(73, 219, 206, 1) 51%, rgba(44, 189, 176, 1) 100%);
 	text-align: center;
 }

 .tam-banner i {
 	color: #fff;
 	margin: 0px;
 	padding: 0px 15px 0px 0px;
 	font-size: 20px;
 }

 .tam-banner .colon {
 	line-height: 50px;
 	font-weight: 600;
 	color: #fff;
 }

 .tam-banner .colon:nth-child(1) {}

 .tam-banner .colon:nth-child(2) {}

 .tam-banner .colon:nth-child(3) {}

 .tam-banner .colon:nth-child(4) {}

 .tam-banner .colon a {
 	color: #fff;
 }

 @media screen and (max-width: 1000px) {
 	header {
 		border-bottom: 1px solid #ccc;
 		padding-bottom: 10px;
 		margin-bottom: 10px;
 		z-index: 5000;
 	}

 	.tam-banner {
 		display: none;
 	}

 	.pad-r-30 {
 		padding: 0px;
 	}


 }

 .in-slider {}

 .sol-sabit-menu {}

 .baslik-tr {
 	font-weight: 600;
 	line-height: 30px;
 	font-size: 16px;
 }

 .baslik-ic {
 	border: 1px solid #f2f2f2;
 	margin-bottom: 20px;
 }

 .baslik-ic li {
 	line-height: 30px;
 	color: #fff;
 	padding-left: 8px;
 }

 .baslik-link {
 	color: #fff;
 	font-size: 14px;
 	border-bottom: 1px solid #fff;
 	display: table;
 	width: 100%;
 }

 .sol-sabit-menu h3 {
 	font-size: 20px;
 	border-bottom: 1px solid #000;
 	padding: 6px 0px
 }


 @media screen and (max-width: 1000px) {
 	.sol-sabit-menu {
 		display: none;
 	}
 }


 .ikonlu i {
 	float: right;
 	font-size: 15px;
 	margin-top: 8px
 }



 .sub-menu {
 	margin-bottom: 30px
 }

 .menu_item {
 	display: block;
 	position: relative;
 	border-bottom: solid 1px #ccc;
 	vertical-align: middle;
 }

 .menu_selection {
 	margin: 0;
 	width: 100%;
 	display: none;
 	z-index: 1;
 	color: #000;
 }

 .menu_selection li {
 	padding-left: 10px;
 	padding-right: 10px;
 }

 .menu_top_nav a {
 	color: #000;
 	line-height: 35px;
 	font-size: 14px;
 	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 	display: table;
 	width: 100%;
 }

 .menu_top_nav a:hover {}

 .menu_top_nav i {
 	line-height: 30px;
 	width: 20px;
 	text-align: center;
 	font-size: 16px;
 }

 @media screen and (max-width: 1000px) {
 	.sub-menu {
 		width: 100%;
 	}

 	.sub-menu .menu_top_nav {
 		width: 100%;
 		box-sizing: border-box;
 		padding: 0px 60px;
 	}

 	.menu_top_nav a {
 		color: #000;
 		line-height: 30px;
 		font-size: 19px;
 	}

 	.mobilde-ki-arama {
 		margin-top: 60px;
 		width: 100%;
 	}
 }





 .yan-banner {}

 .ikon-yeri {
 	padding: 30px 0px;
 	border-top: 1px solid #ccc;
 }

 .ikon-set {
 	padding: 15px;
 	text-align: center;
 }

 .ikon-set i {
 	font-size: 36px;
 	color: #fff;
 }

 .ikon-set h4 {
 	padding-top: 16px;
 	color: #fff;
 	font-size: 19px
 }

 .ikon-set p {
 	font-size: 14px;
 	letter-spacing: 1px;
 	font-weight: 400;
 	color: #fff;
 }

 @media screen and (max-width: 1000px) {}

 .mobil-sep {
 	position: fixed;
 	z-index: 7000;
 	top: 10px;
 	right: 10px;
 	color: #000;
 }

 .mobil-sep i {
 	font-size: 30px;
 	line-height: 40px;
 	width: 40px;
 	text-align: center;
 	border-radius: 6px;
 }


 .menu-ac {
 	position: fixed;
 	z-index: 7000;
 	top: 10px;
 	left: 10px;
 	color: #000;
 }

 .menu-ac i {
 	font-size: 30px;
 	line-height: 40px;
 	width: 40px;
 	text-align: center;
 	border-radius: 6px;
 }

 @media screen and (max-width: 1000px) {
 	header {}

 	header .top-menu {
 		display: none
 	}

 	header .left {
 		width: 100%;
 		text-align: center;
 	}

 	header .right {
 		width: 100%;
 	}

 	header .logo {
 		height: 50px;
 		padding: 8px 0px
 	}

 	header .menu {
 		position: fixed;
 		width: 100%;
 		height: 100%;
 		left: -100%;
 		top: 0;
 		background: #e2c1bc;
 		z-index: 6000;
 		text-align: center;
 		display: flex;
 		align-content: center;
 		align-items: center;
 	}

 	header .menu ul {
 		display: table;
 		width: 100%;
 		text-align: center;
 	}

 	header .menu ul li {
 		display: table;
 		padding: 0px 10px;
 		width: 100%;
 		text-align: center;
 	}

 	header .menu ul li a {
 		display: inline-block;
 		line-height: 45px;
 		font-size: 25px;
 		color: #000;
 	}

 	header .SOSYALMEDYA {
 		position: absolute;
 		bottom: 15px;
 		width: 100%;
 		text-align: center;
 		display: table;
 		padding: 0px 0px;
 	}
 }




 .M-FOOTER {
 	position: fixed;
 	width: 100%;
 	bottom: 0;
 	left: 0;
 	background: #000;
 	z-index: 5000;
 	color: #fff;
 }

 .M-FOOTER .colon {
 	width: calc(100% / 5);
 	float: left;
 	text-align: center;
 	color: #fff;
 }

 .M-FOOTER .colon i {
 	line-height: 50px;
 	font-size: 20px;
 }

 .M-FOOTER .colon:hover {
 	background: #3D3D3D
 }


 .urunyok {
 	text-align: center;
 	line-height: 50px;
 }


 .whatsapp-content {
 	width: 300px;
 	margin: 0 auto;
 	background: #0f74a8;
 	position: fixed;
 	z-index: 2500;
 	bottom: 40px;
 	right: 10px;
 }

 .whatsapp-content .wp-header {
 	background: #095e54;
 	color: #fff;
 	position: relative;
 }

 .whatsapp-content .wp-text {
 	background: url("wp.jpg") center top no-repeat;
 }

 .whatsapp-content .w-chat {
 	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2)
 }

 .whatsapp-content .btn-w {
 	background: #4fce5d;
 	color: #fff;
 }

 .whatsapp-content .btn-w:hover {
 	background: #000;
 }

 .whatsapp-content .wpclose {
 	cursor: pointer;
 	position: absolute;
 	top: 10px;
 	right: 10px
 }

 .WP-FIX {
 	position: fixed;
 	z-index: 2000;
 	right: 20px;
 	bottom: 60px;
 	background: #2cb742;
 	color: #fff;
 	width: 50px;
 	font-size: 28px;
 	text-align: center;
 }

 .WP-FIX i {
 	line-height: 50px;
 }

 .WP-FIX:hover {
 	cursor: pointer;
 	background: #000
 }

 .PH-FIX {
 	position: fixed;
 	z-index: 2000;
 	left: 20px;
 	bottom: 60px;
 	background: #21c4b3;
 	color: #fff;
 	width: 50px;
 	font-size: 28px;
 	text-align: center;
 	display: none;
 }

 .PH-FIX i {
 	line-height: 50px;
 }

 .PH-FIX:hover {
 	cursor: pointer;
 	background: #000
 }







 .new-chat {
 	position: fixed;
 	width: 200px;
 	height: 100%;
 	background: rgba(0, 0, 0, 0.4);
 	z-index: 2000;
 	left: 0;
 	bottom: 30px;
 }

 @media screen and (max-width: 1000px) {
 	.PH-FIX {
 		display: block;
 	}

 	.WP-FIX {
 		display: block;
 	}

 }


 .MENU {
 	transition: 0.5s
 }

 @media screen and (max-width: 1000px) {
 	.MENU {
 		position: fixed;
 		box-sizing: border-box;
 		padding: 30px;
 		z-index: 50;
 		width: 100%;
 		height: 100%;
 		background: #fff;
 		left: -100%;
 		top: 0;
 		overflow: auto;
 	}

 }
 .sclinic-whatsapp-float {
 	position: fixed;
 	z-index: 2000;
 	right: 20px;
 	bottom: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: #25d366;
 	color: #fff;
	font-size: 30px;
	text-decoration: none;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .22);
	transition: transform .2s ease, background-color .2s ease, box-shadow .2s ease;
 }

 .sclinic-whatsapp-float .sclinic-whatsapp-icon {
    display: block;
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    color: #fff;
    pointer-events: none;
 }

 .sclinic-whatsapp-float:hover,
 .sclinic-whatsapp-float:focus-visible {
	background: #1ebe5d;
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 10px 28px rgba(0, 0, 0, .28);
	outline: 3px solid rgba(37, 211, 102, .3);
	outline-offset: 3px;
 }
._alt-bg {
 	overflow: hidden;
 }

 .bg-don {
 	position: absolute;
 	width: 700px;
 	height: 700px;
 	left: 50%;
 	top: 0;
 	margin-left: -350px;

 	z-index: 0;
 	object-fit: cover
 }

 .DARSLIDER {
 	position: relative;
 	z-index: 0;
 }

 .DARSLIDER .owl-nav {
 	position: absolute;
 	width: 100%;
 	bottom: 10px;
 	right: 0;
 	text-align: center;
 	z-index: 9999;
 	display: none
 }

 .DARSLIDER .owl-nav i {
 	padding: 10px;
 	color: #000;
 	background: #fff;
 	margin: 0px
 }

 .DARSLIDER .owl-dots {
 	display: block;
 	position: absolute;
 	width: 100%;
 	bottom: 30px;
 	left: 0px;
 	text-align: center;
 	z-index: 9999;

 }

 .DARSLIDER .owl-dots .owl-dot {
 	display: inline-block;
 	width: 15px;
 	height: 15px;

 	margin: 4px;
 	border-radius: 100px;
 	background: #fff;
 }

 .DARSLIDER .owl-dots .active {}

 .DARSLIDER .li {
 	position: relative;
 	z-index: 1
 }

 .DARSLIDER .li .text {
 	position: absolute;
 	bottom: 0px;
 	left: 0px;
 	width: 100%;
 	height: 100%;
 	padding: 0px 0px 0px 0px;
 	color: #000;
 }

 .DARSLIDER .li .text a {
 	display: inline-block;
 	padding: 12px 32px;
 	margin-top: 15px;
 	border-radius: 50px;
 	letter-spacing: 2px;
 	font-size: 13px;
 	font-weight: 400;
 	background: rgba(255, 255, 255, 0.15);
 	border: 1px solid rgba(255, 255, 255, 0.75);
 	color: #fff;
 	backdrop-filter: blur(4px);
 }

 .DARSLIDER .li .text a:hover {
 	background: rgba(255, 255, 255, 0.9);
 	color: #3b3331;
 	border-color: transparent;
 }



 .DARSLIDER .li .text>div {
 	box-sizing: border-box;
 	width: 100%;
 	margin: 0 auto;
 }

 .DARSLIDER .li .text h2 {
 	opacity: 0;
 	padding: 0px 0px;
 	font-size: 42px;
 	font-weight: 300;
 	color: #fff;
 	letter-spacing: 5px;
 }

 .DARSLIDER .li .text img {
 	filter: brightness(0) saturate(100%) invert(97%) sepia(0%) saturate(0%) hue-rotate(13deg) brightness(105%) contrast(101%);
	display: inline-block;
 }

 .DARSLIDER .li .text p {
 	font-size: 19px;
 	font-weight: 300;
 	opacity: 0;
 	padding: 0px 0px;
 }

 .DARSLIDER .li .text strong {
 	display: inline-block;
 	background: rgba(0, 0, 0, 0.6);
 	font-weight: 500;
 	padding: 4px 15px;
 	margin-bottom: 10px;
 	border-radius: 6px;
 }

 .DARSLIDER .active .text h2:nth-of-type(1) {
 	animation-duration: 1s;
 	animation-iteration-count: 1;
 	animation-name: data-1;
 	animation-timing-function: ease;
 	animation-fill-mode: both;
 }

 .DARSLIDER .active .text h2:nth-of-type(2) {
 	animation-duration: 3s;
 	animation-iteration-count: 1;
 	animation-name: data-1;
 	animation-timing-function: ease;
 	animation-fill-mode: both;
 }

 .DARSLIDER .active .text h2:nth-of-type(3) {
 	animation-duration: 5s;
 	animation-iteration-count: 1;
 	animation-name: data-1;
 	animation-timing-function: ease;
 	animation-fill-mode: both;
 }

 .DARSLIDER .active .text p {
 	animation-duration: 2s;
 	animation-iteration-count: 1;
 	animation-name: data-2;
 	animation-timing-function: ease;
 	animation-fill-mode: both;
 }


 @media screen and (max-width: 1000px) {

 	.DARSLIDER .li .text h2 {
 		font-size: 18px
 	}

 	.DARSLIDER .li .text p {
 		font-size: 14px
 	}

 	.DARSLIDER .flex-center-strec {
 		display: block;
 		align-content: auto;
 	}

 	.DARSLIDER .content {
 		position: absolute;
 		bottom: 10px;
 		left: 0px;
 		height: auto;
 		padding: 30px
 	}

 }



 @media screen and (max-width: 1000px) {
 	.DARSLIDER {
 		position: relative;
 		z-index: 0;
 		-webkit-transform: translate(0px, 0px);
 		-moz-transform: translate(0px, 0px);
 		-o-transform: translate(0px, 0px);
 		-ms-transform: translate(0px, 0px);
 		transform: translate(0px, 0px);
 	}

 }



 @keyframes data-1 {
 	0% {
 		transform: translate(0px, -50px);
 		opacity: 0
 	}

 	100% {
 		transform: translate(0px, 0px);
 		opacity: 1
 	}
 }

 @keyframes data-2 {
 	0% {
 		transform: translate(0, 100px);
 		opacity: 0
 	}

 	100% {
 		transform: translate(0px, 0px);
 		opacity: 1
 	}
 }




 .OLW-TEMA-1 {
 	position: relative;
 	z-index: 0;
 }

 .OLW-TEMA-1 .owl-carousel {}

 .OLW-TEMA-1 .owl-nav {
 	position: absolute;
 	width: 100%;
 	bottom: 10px;
 	right: 0;
 	text-align: center;
 	z-index: 9999;
 	display: none
 }

 .OLW-TEMA-1 .owl-nav i {
 	padding: 10px;
 	color: #000;
 	background: #fff;
 	margin: 0px
 }

 .OLW-TEMA-1 .owl-dots {
 	display: block;
 	position: absolute;
 	width: 100%;
 	bottom: 10px;
 	left: 0px;
 	text-align: center;
 	z-index: 9999;
 }

 .OLW-TEMA-1 .owl-dots .owl-dot {
 	display: inline-block;
 	width: 15px;
 	height: 15px;
 	border: 1px solid #fff;
 	margin: 2px;
 	border-radius: 100px
 }

 .OLW-TEMA-1 .owl-dots .active {
 	background: #fff;
 }

 .OLW-TEMA-1 .item {}

 .OLW-TEMA-1 .item img {
 	width: 100%;
 	object-fit: cover;
 }

 .t-slider-1 .text {
 	position: absolute;
 	bottom: 60px;
 	left: 0px;
 	width: 100%;
 	color: #000;
 	z-index: 1000;
 	display: flex;
 	align-content: center;
 	align-items: center;
 }

 .t-slider-1 .text>div {
 	width: 100%;
 	color: #fff;
 	max-width: 600px;
 	text-align: center;
 	margin: 0 auto;
 }

 .t-slider-1 .text h2 {
 	font-size: 29px;
 	font-weight: 300;
 	line-height: 30px;
 	letter-spacing: 1px;
 }

 .t-slider-1 .text p {
 	line-height: 35px
 }

 .t-slider-1 .text a {
 	display: inline-block;
 	padding: 4px 15px;
 	color: #fff;
 	background: #000;
 	margin-top: 9px;
 	font-weight: 700;
 }

 .t-slider-1 .text a:hover {}



 .yana-kay {
 	margin: 0px -10px
 }

 .OLW-TEMA-2 {
 	position: relative;
 	z-index: 0;
 }

 .OLW-TEMA-2 .owl-carousel {}

 .OLW-TEMA-2 .owl-nav {
 	position: absolute;
 	width: 100%;
 	top: 45%;
 	left: 0;
 	text-align: center;
 	z-index: 9999;
 }

 .OLW-TEMA-2 .owl-nav button {
 	position: absolute;
 	outline: none;
 }

 .OLW-TEMA-2 .owl-nav .owl-next {
 	right: 0px;
 	top: 50%;
 }

 .OLW-TEMA-2 .owl-nav .owl-prev {
 	left: 0px;
 	top: 50%;
 }


 .OLW-TEMA-2 .owl-nav i {
 	padding: 10px;
 	color: #fff;
 	background: #000;
 	margin: 0px
 }

 .OLW-TEMA-2 .owl-dots {
 	display: block;
 	position: absolute;
 	width: 100%;
 	bottom: 10px;
 	left: 0px;
 	text-align: center;
 	z-index: 9999;
 	display: none;
 }

 .OLW-TEMA-2 .owl-dots .owl-dot {
 	display: inline-block;
 	width: 15px;
 	height: 15px;
 	border: 1px solid #000;
 	margin: 2px;
 	border-radius: 100px
 }

 .OLW-TEMA-2 .owl-dots .active {
 	background: #ccc;
 }

 .OLW-TEMA-2 .item {
 	padding: 0px 0px;
 }

 .OLW-TEMA-2 .item img {}

 .OLW-TEMA-2 .relative {
 	padding: 10px 1px;
 }










 .ALI_ZOOM {
 	position: relative;
 }

 .ALI_ZOOM .al-1 .li {
 	width: 100px;
 	cursor: pointer;
 	float: left;
 	margin-right: 20px
 }

 .ALI_ZOOM .al-1 {
 	width: 100px;
 	z-index: 20;
 	float: right;
 }

 .ALI_ZOOM .al-2 {
 	width: calc(100% - 120px);
 	float: right;
 	overflow: hidden;
 	position: relative;
 	z-index: 0
 }

 .ALI_ZOOM .al-2 img {
 	width: 100%;
 }

 @media screen and (max-width: 1000px) {
 	.ALI_ZOOM {
 		padding-right: 0px;
 		padding: 10px 0px
 	}
 }


 .urun-sag {
 	padding: 10px;
 	padding-left: 50px;
 	padding-right: 60px;
 	position: relative;
 }

 .urun-sag h3 {}






 .urun-sag h2 {
 	color: #000;
 	font-weight: 600;
 	font-size: 18px
 }

 .urun-sag h1 {
 	padding-bottom: 10px
 }

 .urun-sag p {
 	line-height: 25px;
 }

 .urun-sag .tukendi {
 	padding: 15px 0px;
 	text-align: center;
 	background: #f2f2f2;
 	margin-top: 10px;
 	font-weight: 600;
 }

 .urun-sag .i-share {
 	position: absolute;
 	top: 0;
 	right: 0;
 	width: 40px;
 }

 .urun-sag .ozel-alan {
 	margin: 20px 0px;
 }

 @media screen and (max-width: 1000px) {
 	.urun-sag {
 		padding: 10px 0px
 	}

 	.urun-sag .ozel-alan {
 		margin: 20px 20px;
 	}
 }

 .URUNDETAY {
 	padding: 20px 0px;
 	border-radius: 10px;

 	margin-top: 30px;
 }


 @media screen and (max-width: 768px) {

 	.URUNDETAY {
 		padding: 0px 0px;
 		border-radius: 10px;

 		margin-top: 0px;
 	}

 }




 .BFA {
 	background: #154199;
 	color: #fff;
 	line-height: 44px;
 	text-align: center;
 }

 .BFA:hover {
 	cursor: pointer;
 	opacity: 0.5
 }

 .eskifiyat {
 	text-decoration: line-through;
 	color: #666
 }

 .indirimvar {
 	font-size: 26px;
 }

 .indirimvar span {
 	display: inline-block;
 	background: #000;
 	color: #fff;
 	padding: 0px 10px;
 }


 .wem {
 	width: 100%;
 	height: 30px;
 	font-size: 16px;
 	padding: 50px 0px;
 }

 .wem a {
 	text-decoration: none;
 }

 .xgol {
 	padding: 5px 10px 5px 10px;
 	margin: 1px 2px 0px 0px;
 	border: 1px solid #ccc;
 	color: #333;
 	display: inline-block;
 }

 .xgol2 {
 	padding: 5px 10px 5px 10px;
 	margin: 1px 2px 0px 0px;
 	border: 1px solid #000;
 	background: #000;
 	color: #fff;
 	display: inline-block;
 }

 .xgol:hover {
 	background: #000000;
 	border: 1px solid #000;
 	cursor: pointer;
 	color: #FFFFFF;
 }

 .kapat {
 	position: absolute;
 	top: 8px;
 	right: 8px;
 	z-index: 6000;
 	background: #f2f2f2;
 	padding: 0px 0px;
 	text-align: center;
 	width: 35px;
 	height: 35px;
 }

 .kapat i {
 	font-size: 20px;
 	line-height: 35px;
 }

 .kapat:hover {
 	cursor: pointer;
 	background: #000;
 	color: #fff;
 }


 .bedentablom {
 	position: fixed;
 	width: 100%;
 	height: 100%;
 	background: rgba(0, 0, 0, 0.5);
 	left: 0;
 	top: 0;
 	z-index: 6000;
 	display: inline-flex;
 	align-content: center;
 	align-items: center
 }

 .bedentablom>div {
 	width: 100%;
 }

 .bedentablom .incontent {
 	background: #fff;
 	padding: 30px;
 	box-sizing: border-box;
 	text-align: center;
 	max-width: 800px;
 	margin: 0 auto;
 	position: relative;
 }

 .bedentablom .bedenm {}

 .bedentablom .bedenm span {
 	display: inline-block;
 	border: 1px solid #000;
 	padding: 0px 6px
 }

 .URUNDETAY .adetler {
 	line-height: 48px;
 	color: #000;
 	font-weight: 600;
 	border-radius: 0px;
 	overflow: hidden;
 	border: 1px solid #000;

 }

 .URUNDETAY .adetler input {
 	border: none;
 	width: calc(100% / 3);
 	height: 50px;
 	margin: 0px 0px;
 	text-align: center;
 	float: left;
 	box-sizing: border-box;
 	font-size: 18px;
 	font-weight: bold
 }

 .URUNDETAY .adetler .eksilt {
 	width: calc(100% / 3);
 	background: #ffffff;
 	color: #000;
 	text-align: center;
 	float: left;
 	line-height: 50px;
 	box-sizing: border-box;
 	font-size: 20px
 }

 .URUNDETAY .adetler .eksilt:hover {
 	cursor: pointer;
 	color: #000
 }


 .EKLEBAKALIM {
 	padding: 0px 10px;
 	line-height: 44px;
 	text-align: center;
 	background: #000000;
 	color: #000;
 }

 .EKLEBAKALIM:hover {
 	opacity: 0.8;
 	cursor: pointer;
 }

 .ONBS {
 	background: #f2f2f2;
 	color: #000;
 }

 @media screen and (max-width: 1000px) {
 	.ONBS {
 		margin-top: 10px;
 		margin-left: 0px
 	}
 }

 .URUNDETAY .eklemeler {
 	padding: 0px 0px;
 }

 .URUNDETAY .fiyat {
 	padding: 2px 0px;
 }

 .URUNDETAY .fiyat .ciz {
 	font-size: 25px;
 	padding-right: 15px;
 }

 .URUNDETAY .fiyat strong {
 	font-size: 25px;
 }

 .bgfull {
 	width: 100%;
 }

 @media screen and (max-width: 1000px) {
 	.bgfull {
 		width: 100%;
 		height: 200px;
 		object-fit: cover
 	}
 }

 .galeriname {
 	line-height: 50px;
 	color: #000;
 	font-size: 14px;
 	letter-spacing: 1px
 }

 .non-filter {
 	padding: 8px 0px;
 }

 .detay-filitre {
 	height: 40px;
 	width: 100%;
 	box-sizing: border-box;
 	outline: none;
 	border: none;
 	border: 1px solid #ccc;
 	font-size: 16px;
 	font-weight: 600;
 	padding: 0px 20px
 }

 .ln-45 {
 	line-height: 40px;
 	font-weight: 700;
 }

 .inner-filter {
 	display: inline-block;
 	padding: 4px 9px;
 	background: #f2f2f2;
 	font-size: 12px;
 	margin: 3px 3px 0px 0px;
 	border: 1px solid #ccc;
 }


 .uyebg {}


 .row {
 	padding: 40px 0px;
 }

 .auto-center .img-kare {
 	border-radius: 200px;
 	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1)
 }

 .full-bar {
 	background: rgb(121, 207, 191);
 	background: linear-gradient(90deg, rgba(121, 207, 191, 1) 50%, rgba(31, 59, 88, 1) 50%);
 }

 .full-bar .img-kare {
 	transform: scale(1.20);
 	position: relative;
 }

 @media screen and (max-width: 1000px) {
 	.full-bar {
 		background: rgba(31, 59, 88)
 	}
 }




 .panel-tablo {
 	line-height: 50px;
 	border: 1px solid #f4f4f4;
 	padding: 0px 25px;
 	background: #fff;
 	margin-bottom: -1px
 }

 .panel-tablo .checkmark {
 	top: 7px
 }

 .panel-tablo .br {
 	border-right: 1px solid #f4f4f4
 }


 .user-menu {
 	padding: 60px 0px;
 }

 .user-menu a {
 	display: table;
 	margin: 5px 0px;
 	width: 100%;
 	line-height: 45px;
 	color: #000;
 	position: relative;
 	font-size: 13px;
 	padding: 0px 0px;
 	border-bottom: 1px solid #ccc;
 }

 .user-menu a i {
 	float: right;
 	line-height: 45px;
 	margin-right: 15px;
 }


 .bl-d {
 	height: 45px;
 	margin-bottom: 5px;
 }

 .login-bg {
 	position: relative;
 	z-index: 0;
 	overflow: hidden;
 }

 .login-bg .tb-9 {
 	padding: 0px
 }

 .login-bg .li_img {
 	position: absolute;
 	width: 100%;
 	left: 0;
 	bottom: 0;
 	z-index: 0;
 	object-fit: cover
 }


 .log-max {
 	max-width: 400px;
 	margin: 0 auto;
 }

 .UYELIK {
 	padding: 40px 0px;
 	position: relative;
 	z-index: 10;
 	background: #fff;
 	margin: 20px;
 	display: flex;
 	align-items: center;
 	align-content: center
 }

 .UYELIK>div {
 	width: 100%;
 }


 .UYELIK .IN {
 	padding: 0px 30px;
 	position: relative;
 	z-index: 10;
 }

 .UYELIK .UYEFORM {
 	margin: 0px auto;
 }

 .subkategori {
 	background: #f2f2f2
 }

 .subkategori a {
 	display: inline-block;
 	padding: 0px 0px;
 	color: #000;
 	line-height: 35px;
 	font-size: 14px;
 	letter-spacing: 1px;
 	font-weight: 600;
 }

 .subkategori a i {
 	font-size: 16px;
 	width: 35px;
 	text-align: center;
 }

 .subkategori a:hover {
 	color: #787878
 }


 .li-tab {
 	text-align: center
 }

 .li-tab .li {
 	padding: 10px 20px;
 	display: inline-block;
 	color: #000;
 	border-bottom: 5px solid rgba(0, 0, 0, 0.5);
 }

 .li-tab .li i {
 	padding-right: 8px
 }

 .li-tab .aktif {
 	border-bottom: 5px solid #000;
 }

 .li-tab .li:hover {
 	cursor: pointer;
 	border-bottom: 5px solid #ccc;
 }

 .li-tab-icerik {}

 @media screen and (max-width: 1000px) {

 	.UYELIK {
 		margin: 0px;
 		padding: 0px
 	}

 	.UYELIK .IN {
 		width: 100%;
 		padding: 40px 0px;
 	}

 	.li-tab-icerik {
 		padding: 0px 0px
 	}

 	.UYELIK .bgsi {
 		display: none
 	}

 	.li-tab .li {
 		padding: 10px 20px;
 		display: inline-block;
 		width: 100%;
 		color: #000;
 		border-bottom: 5px solid #f6f6f6;
 		text-align: left;
 	}

 	.UYELIK .UYEFORM {
 		max-width: 500px;
 		margin: 0 auto;
 		padding: 0px 30px
 	}

 	.li-tab {
 		padding: 30px
 	}

 	.mb1 {
 		width: 70% !important;
 	}

 	.mb2,
 	.mb3 {
 		display: none
 	}


 }


 .shadow-2 {
 	box-shadow: 10px 10px 15px #e1e1f5;
 }

 .shadow-3 {
 	box-shadow: 10px 10px 15px rgba(121, 207, 191, 0.2);
 }


 .liste-3 {
 	background: #F7F7F7;
 	border-radius: 10px;
 	margin: 0px 0px
 }

 .liste-3 .puan {
 	color: #FFBA00;
 }

 .liste-3 .puan span {
 	color: #555;
 	font-size: 16px;
 }

 .liste-3 .tit {
 	font-size: 18px;
 	font-weight: 600;
 	padding-bottom: 10px;
 }

 .liste-3 .tit a {
 	color: #004A93;
 	text-decoration: underline;
 }

 .liste-3 .ozet {
 	color: #555;
 	font-size: 13px;
 	line-height: 20px;
 	padding-top: 15px;
 	border-top: 1px solid #ccc;
 }

 .liste-3 .tarih {
 	color: #9B9B9B;
 	position: absolute;
 	top: 10px;
 	right: 10px;
 	font-size: 12px;
 }

 .liste-3 .tarih i {
 	padding-left: 10px;
 }



 .liste-4 {
 	background: #e6e5e1
 }

 .liste-4 .puan {
 	color: #FFBA00;
 }

 .liste-4 .puan span {
 	color: #555;
 	font-size: 16px;
 }

 .liste-4 .puanlama {
 	position: absolute;
 	top: 10px;
 	right: 10px;
 	background: #71B62C;
 	color: #fff;
 	width: 45px;
 	height: 45px;
 	font-size: 22px;
 	font-weight: 600;
 	border-radius: 8px;
 	line-height: 45px;
 	text-align: center;
 	z-index: 66
 }

 .liste-4 .begenme {
 	position: absolute;
 	bottom: 10px;
 	right: 10px;
 	font-size: 22px;
 	z-index: 66;
 	;
 	background: #004A93;
 	color: #fff;
 	;
 	width: 45px;
 	height: 45px;
 	border-radius: 8px;
 	text-align: center;
 	cursor: pointer;
 }

 .liste-4 .begenme i {
 	line-height: 45px;
 }

 .liste-4 .begenme:hover i {
 	color: #D90E11;
 }

 .liste-4 .p {
 	line-height: 33px
 }

 .liste-4 .p i {
 	width: 20px;
 	text-align: center;
 }

 .liste-4 .tit {
 	font-size: 24px;
 	font-weight: 400;
 }

 .liste-4 .tit a {
 	color: #004A93;
 	text-decoration: underline;
 }

 .liste-4 .ozet {
 	color: #555;
 	font-size: 13px;
 	line-height: 20px;
 	padding-top: 15px;
 	border-top: 1px solid #ccc;
 }

 .liste-4 .tarih {
 	font-size: 14px;
 	padding: 4px 6px;
 	border-radius: 6px;
 	text-align: right;
 }

 .liste-4 .tarih i {
 	padding-left: 10px;
 }

 .liste-4 .dan {
 	padding: 4px 0px;
 	font-size: 13px;
 	color: #666;
 }

 .liste-4 .fyt {
 	padding: 4px 0px;
 	font-size: 28px;
 	color: #000;
 	font-weight: 600;
 }

 .liste-4 .more a {
 	display: inline-block;
 	background: #fff;
 	padding: 6px 15px;
 	border-radius: 90px;
 	color: #000;
 }

 .liste-4 .more a:hover {
 	background: #000;
 	color: #fff;
 }







 .max-lg {
 	max-width: 800px;
 }



 .liste-10 {
 	background: #fff;
 	border-radius: 10px;
 	margin: 0px 0px;
 	box-shadow: 10px 10px 15px rgba(121, 207, 191, 0.2);
 }

 .liste-10 .puan {
 	color: #FFBA00;
 }

 .liste-10 .puan span {
 	color: #555;
 	font-size: 16px;
 }

 .liste-10 .p {
 	line-height: 33px
 }

 .liste-10 .p i {
 	width: 20px;
 	text-align: center;
 }

 .liste-10 .tit {
 	font-size: 24px;
 	font-weight: 600;
 	padding-bottom: 10px;
 	padding-top: 10px
 }

 .liste-10 .tit a {
 	color: #004A93;
 	text-decoration: underline;
 }

 .liste-10 .tarih {
 	position: absolute;
 	top: 10px;
 	right: 10px;
 	font-size: 14px;
 	padding: 4px 6px;
 	border-radius: 6px;
 }

 .liste-10 .tarih i {
 	padding-left: 10px;
 }

 .liste-10 .dan {
 	padding: 4px 0px;
 	font-size: 13px;
 	color: #666;
 }

 .liste-10 .fyt {
 	padding: 4px 0px;
 	font-size: 28px;
 	color: #000;
 	font-weight: 600;
 }










 .f-content {
 	padding: 10px 15px;
 	border: 1px solid #f2f2f2;
 	margin: 10px 40px 10px 0px;
 	border-radius: 6px;
 	background: #fff;
 }

 .f-content .f-baslik {
 	padding: 10px 0px;
 	font-size: 18px;
 	font-weight: 500;
 }

 .f-content .filitre {
 	padding: 7px 0px;
 }

 .f-content .filitre .border {
 	height: 5px;
 	background: #ccc;
 }

 .f-content .filitre p {
 	margin: 0;
 	padding: 0;
 }

 .f-content .filitre .b {
 	font-weight: 500;
 }


 @media screen and (max-width: 1000px) {

 	.f-content {
 		margin: 10px 10px 10px 10px;
 	}
 }



 .sepet-list {
 	background: #fff;
 	margin-bottom: 20px;
 	border-bottom: 1px solid #000;
 }

 .sepet-list i {
 	color: #000;
 }

 .sepet-list a {
 	color: #000
 }


 .page-sayfalama {
 	padding: 35px
 }

 .page-sayfalama a {
 	display: inline-block;
 	line-height: 35px;
 	color: #fff;
 	background: #ec060d;
 	width: 35px;
 	height: 35px;
 	border-radius: 4px;
 	text-align: center;
 }

 .page-sayfalama .aktif {
 	background: #152d47;
 }

 .icerik-yok {
 	background: #FFECD7;
 	color: #000;
 	padding: 30px;
 	text-align: center;
 	border-radius: 9px;
 }




 .btn-1 {
 	border: none !important;
 	border-radius: 0px !important;
 	background: #000 !important;
 }

 .btn-3 {
 	border: none !important;
 	border-radius: 0px !important;
 	background: #000 !important;
 }

 .btn-8 {
 	border: none !important;
 	border-radius: 0px !important;
 	background: #000 !important;
 }

 .btn-6 {
 	border: none !important;
 	border-radius: 0px !important;
 	background: #000 !important;
 }

 .btn-7 {
 	border: none !important;
 	border-radius: 0px !important;
 	background: #000 !important;
 }

 .btn-6-border {
 	border: none !important;
 	border-radius: 0px !important;
 	background: #000 !important;
 }

 .btn-6-border i {
 	color: #fff;
 }



 .sc-randevu {
 	background: #d5c2bb;
 }


 .li-tab-1 {
 	border-top: 1px solid #000;
 	border-bottom: 1px solid #000;
 	padding: 9px 0px;
 }

 .li-tab-1 .li {
 	display: inline-block;
 	font-weight: 300;
 }

 .li-tab-1 .li span {
 	display: inline-block;
 	padding: 0px 10px;
 	font-weight: 400;
 }

 .li-tab-1 .aktif {
 	font-weight: 600;
 }

 .li-tab-1 .li:hover {}

 .li-tab-1-icerik {
 	padding: 50px;
 	background: #fff;
 }

 @media screen and (max-width: 1000px) {
 	.li-tab-1-icerik {
 		padding: 10px;
 		background: #fff;
 	}
 }


 .NLOGIN {
 	position: fixed;
 	width: 100%;
 	height: 100%;
 	left: 0;
 	top: 0;
 	background: rgba(0, 0, 0, 0.5);
 	z-index: 4000;
 	overflow: auto;
 	display: none;
 }

 #NLOGIN {
 	width: 400px;
 	left: 50%;
 	margin-left: -200px;
 	background: #fff;
 	top: 30%;
 	position: absolute;
 	margin-bottom: 100px;
 }

 #NLOGIN .loginkapat {
 	position: absolute;
 	right: 0px;
 	top: -30px;
 	font-size: 19px;
 	background: #fff;
 	color: #000;
 	padding: 10px
 }

 #NLOGIN .loginkapat:hover {
 	background: #000;
 	color: #fff;
 	cursor: pointer;
 }


 ul.LOGINTAB {
 	list-style: none;
 	margin: 0;
 	padding: 10px;
 }

 ul.LOGINTAB li {
 	width: calc(100% / 2 - 20px);
 	padding: 10px;
 	color: #fff;
 	background: #000;
 	float: left;
 	text-align: center;
 }

 ul.LOGINTAB li.active {
 	background: #fff;
 	color: #000
 }

 ul.LOGINTAB li:hover {
 	background: #fff;
 	color: #000;
 	cursor: pointer
 }

 ul.LOGINCONTENT {
 	list-style: none;
 	margin: 0;
 	padding: 10px;
 }

 ul.LOGINCONTENT li {
 	display: none
 }

 ul.LOGINCONTENT li.active {
 	display: block
 }


 .SIPARIS {
 	padding: 0px 0px
 }

 .SIPARIS .IN {
 	padding: 50px 0px
 }

 .SIPARIS .UYEFORM {
 	max-width: 500px;
 	margin: 0 auto;
 }

 .SIPARIS h2.formbaslik {
 	padding: 0px 0px 20px;
 	font-size: 22px
 }


 .b-title {
 	padding: 15px 0px
 }

 .b-title h1 {
 	font-size: 20px;
 }



 .SIPARISLERIM {
 	background: #fff;
 }

 .SIPARISLERIM .baslik {
 	background: #f2f2f2
 }

 .SIPARISLERIM .tr {
 	width: calc(100% / 4);
 	padding: 8px 8px;
 	float: left;
 	color: #000
 }

 .SIPARISLERIM .list {
 	background: #f2f2f2;
 	padding: 10px;
 	margin: 4px 0px;
 	border-radius: 7px;
 }




 @media screen and (max-width: 1000px) {
 	.SIPARIS .IN {
 		padding: 0px 0px
 	}

 	.li-50 {
 		width: 100%
 	}
 }

 #clear {
 	clear: both;
 }

 .mini-bilgiler {
 	border: 1px solid #ccc;
 	padding: 20px;
 }

 .BILGISEPETI {
 	width: calc(40% - 0px);
 	float: left;
 }

 .BILGISEPETI h2 {
 	padding: 0px;
 	margin: 10px 0px;
 	font-size: 22px;
 	line-height: 40px;
 	color: #000
 }

 .BILGISEPETI .li {
 	border-bottom: 1px solid #ccc;
 	position: relative;
 	font-size: 13px;
 	color: #000;
 	line-height: 30px
 }

 .BILGISEPETI .li span {
 	font-size: 12px;
 	color: #888;
 }

 .BILGISEPETI .li:after {
 	clear: both;
 	content: '';
 	display: table;
 }

 .BILGISEPETI .li .sepsil {
 	color: #000;
 	padding: 5px;
 	position: absolute;
 	right: 5px;
 	top: 5px;
 	font-size: 16px;
 }

 .BILGISEPETI .li .sepsil:hover {
 	color: #D9191C
 }

 .BILGISEPETI .li .st-1 {
 	width: calc(70% - 100px);
 	float: left
 }

 .BILGISEPETI .li .st-2 {
 	width: calc(30% - 0px);
 	float: right;
 	text-align: right
 }

 .BILGISEPETI .li:hover {
 	background: #f6f6f6
 }

 .BILGISEPETI .total {
 	padding: 10px 0px;
 	text-align: right;
 }

 .BILGISEPETI .td {
 	padding: 0px 0px;
 	line-height: 30px;
 }

 .BILGISEPETI .td i {
 	width: 30px;
 	height: 30px;
 	text-align: center;
 }

 .GONDERKISMI {
 	width: 100%;
 	float: left;
 	padding: 15px 0px;
 	text-align: center;
 }

 .GONDERKISMI .GN1 {
 	background: #000;
 	color: #fff;
 	outline: none;
 	border: none;
 	padding: 15px;
 	margin: 5px;
 }

 .GONDERKISMI .GN1:hover {
 	background: #666;
 	cursor: pointer;
 }

 .GONDERKISMI .DIVBUTON {
 	display: inline-block;
 	padding: 9px 15px;
 	background: #000;
 	color: #fff;
 }

 .GONDERKISMI .DIVBUTON:hover {
 	cursor: pointer;
 	background: #666
 }

 @media screen and (max-width: 800px) {
 	.BILGISEPETI {
 		display: none
 	}

 }

 .SORGUS {
 	background: #fff;
 }

 ul.ultablist {
 	list-style: none;
 	padding: 60px 0px;
 }

 ul.ultablist li {
 	padding: 0px 0px;
 	font-size: 16px;
 }

 .BILGISEPETI2 {
 	padding: 50px;
 	border: 1px dashed #ccc;
 }

 .BILGISEPETI2 h2 {
 	padding: 8px 10px;
 	margin: 10px 0px;
 	font-size: 22px;
 	color: #000
 }

 .BILGISEPETI2 .li {
 	border-bottom: 1px solid #f2f2f2;
 	position: relative;
 	padding: 30px 0px;
 	font-size: 16px;
 	color: #000;
 }

 .BILGISEPETI2 .li span {
 	font-size: 12px;
 	color: #888;
 }

 .BILGISEPETI2 .li .sepsil {
 	color: #000;
 	padding: 5px;
 	position: absolute;
 	right: 5px;
 	top: 5px;
 	font-size: 16px;
 }

 .BILGISEPETI2 .li .sepsil:hover {
 	color: #D9191C
 }

 .BILGISEPETI2 .li .st-0 {
 	width: 70px;
 	float: left
 }

 .BILGISEPETI2 .li .st-0 img {
 	width: 90%
 }

 .BILGISEPETI2 .li .st-1 {
 	width: calc(70% - 100px);
 	float: left
 }

 .BILGISEPETI2 .li .st-2 {
 	width: calc(30% - 15px);
 	float: right;
 	padding-right: 15px;
 	text-align: right
 }

 .BILGISEPETI2 .total {
 	padding: 10px 0px;
 	text-align: right;
 }

 .BILGISEPETI2 .td {
 	padding: 0px 10px;
 	line-height: 30px;
 }

 .BILGISEPETI2 .td i {
 	width: 30px;
 	height: 30px;
 	color: #000
 }

 .col-bol .c1 {
 	width: calc(100% / 1);
 	float: left;
 }

 .col-bol .c2 {
 	width: calc(100% / 2);
 	float: left;
 }

 .col-bol .c3 {
 	width: calc(100% / 3);
 	float: left;
 }

 @media screen and (max-width: 800px) {
 	.BILGISEPETI2 {
 		padding: 10px;
 		border: 1px dashed #000;
 	}

 	.col-bol .c1 {
 		width: calc(100% / 1);
 		float: left;
 		margin-bottom: 30px
 	}

 	.col-bol .c2 {
 		width: calc(100% / 1);
 		float: left;
 		margin-bottom: 30px
 	}

 	.col-bol .c3 {
 		width: calc(100% / 1);
 		float: left;
 		margin-bottom: 30px
 	}
 }




 .SEPETLISTE {
 	position: absolute;
 	width: 90%;
 	height: 90%;
 	left: 5%;
 	top: 5%;
 	background: #fff;
 	overflow: auto;
 }

 .SEPETLISTE .li {
 	border-bottom: 1px solid #ccc;
 	position: relative;
 	padding: 20px;
 	font-size: 16px;
 	color: #000;
 }

 .SEPETLISTE .li span {
 	font-size: 12px;
 	color: #888;
 }

 .SEPETLISTE .li .sepsil {
 	color: #000;
 	padding: 5px;
 	position: absolute;
 	right: 5px;
 	top: 5px;
 	font-size: 16px;
 }

 .SEPETLISTE .li .sepsil:hover {
 	color: #D9191C
 }

 .SEPETLISTE .li .st-0 {
 	width: 70px;
 	float: left
 }

 .SEPETLISTE .li .st-0 img {
 	width: 100%
 }

 .SEPETLISTE .li .st-1 {
 	width: calc(70% - 100px);
 	float: left
 }

 .SEPETLISTE .li .st-2 {
 	width: calc(30% - 15px);
 	float: right;
 	padding-right: 15px;
 	text-align: right
 }

 .SEPETLISTE .li:hover {
 	background: #f6f6f6
 }

 .SEPETLISTE .SEPSOL {
 	width: calc(50% - 100px);
 	float: left;
 	padding: 50px
 }

 .SEPETLISTE .SEPSAG {
 	width: 50%;
 	height: 100%;
 	position: absolute;
 	background: none;
 	background-size: cover;
 	right: 0;
 	top: 0
 }

 .SEPETLISTE .BUTONSET {
 	text-align: center;
 	padding: 10px 0px
 }

 .SEPETLISTE .BUTONSET a {
 	display: inline-block;
 	padding: 9px 15px;
 	margin: 3px;
 	background: #000;
 	color: #fff;
 }

 .SEPETLISTE .BUTONSET a:hover {
 	background: #666
 }



 @media screen and (max-width: 800px) {
 	.SEPETLISTE {
 		position: absolute;
 		width: 100%;
 		height: 90%;
 		left: 0%;
 		top: 0%;
 		background: #fff;
 		overflow: auto;
 	}

 	.SEPETLISTE .SEPSAG {
 		display: none;
 	}

 	.SEPETLISTE .SEPSOL {
 		width: calc(100% - 40px);
 		float: none;
 		padding: 20px
 	}
 }




 .SEPETLISTE2 {
 	padding: 80px 0px
 }

 .SEPETLISTE2 .li {
 	border-bottom: 1px solid #ccc;
 	position: relative;
 	padding: 20px;
 	font-size: 16px;
 	color: #000;
 }

 .SEPETLISTE2 .li span {
 	font-size: 12px;
 	color: #888;
 }

 .SEPETLISTE2 .li .sepsil {
 	color: #000;
 	padding: 5px;
 	position: absolute;
 	right: 5px;
 	top: 5px;
 	font-size: 16px;
 }

 .SEPETLISTE2 .li .sepsil:hover {
 	color: #D9191C
 }

 .SEPETLISTE2 .li .st-0 {
 	width: 70px;
 	float: left
 }

 .SEPETLISTE2 .li .st-0 img {
 	width: 100%
 }

 .SEPETLISTE2 .li .st-1 {
 	width: calc(70% - 100px);
 	float: left;
 	box-sizing: border-box;
 	padding: 0px 20px
 }

 .SEPETLISTE2 .li .st-2 {
 	width: calc(30% - 15px);
 	float: right;
 	padding-right: 15px;
 	text-align: right
 }

 .SEPETLISTE2 .li:hover {
 	background: #f6f6f6
 }

 .SEPETLISTE2 .BUTONSET {
 	text-align: center;
 	padding: 10px 0px
 }

 .SEPETLISTE2 .BUTONSET a {
 	display: inline-block;
 	padding: 9px 15px;
 	margin: 3px;
 	background: #000;
 	color: #fff;
 }

 .SEPETLISTE2 .BUTONSET a:hover {
 	background: #666
 }


 .no-border {
 	border: none !important;
 }



 .li-table {
 	padding: 30px 0px
 }

 .li-table .li-tr {}

 .li-table .li-tr .li-td {
 	padding: 8px 0px;
 }

 .li-table .li-tr .li-td span {
 	color: #DD0306
 }

 .li-table .li-tr .fiyat {
 	font-size: 38px;
 }




 .sc-odeme h2 {
 	font-weight: 300;
 }

 .sc-odeme .borders {
 	border-top: 1px solid #000;
 	border-bottom: 1px solid #000;
 	padding: 15px 0px;
 }

 .ODEMEBILGISI {}

 .ODEMEBILGISI .ODEMESEC {
 	padding: 0;
 }

 .ODEMEBILGISI .ODEMESEC .li {
 	padding: 20px 10px;
 	color: #999;

 	text-align: center;
 	width: 100%;
 	background: #f2f2f2;
 }

 .ODEMEBILGISI .ODEMESEC .li i {
 	font-size: 36px;
 	padding-bottom: 10px;
 }

 .ODEMEBILGISI .ODEMESEC .li:hover {
 	color: #000;
 	cursor: pointer
 }

 .ODEMEBILGISI .ODEMESEC .secili {
 	color: #000;
 	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f2f2+0,ffffff+100 */
 	background: rgb(242, 242, 242);
 	/* Old browsers */
 	background: -moz-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(255, 255, 255, 1) 100%);
 	/* FF3.6-15 */
 	background: -webkit-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(255, 255, 255, 1) 100%);
 	/* Chrome10-25,Safari5.1-6 */
 	background: linear-gradient(to bottom, rgba(242, 242, 242, 1) 0%, rgba(255, 255, 255, 1) 100%);
 	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#ffffff', GradientType=0);
 	/* IE6-9 */
 }


 .ODEMEBILGISI .odemeaciklama {
 	width: calc(100% - 2px - 40px);
 	height: 200px;
 	border: 1px solid #ccc;
 	padding: 20px;
 	outline: none;
 }

 .ODEMEBILGISI .BANKACH {
 	padding: 10px 0px
 }

 .ODEMEBILGISI .BANKACH .li {
 	width: calc(50% - 59px);
 	position: relative;
 	float: left;
 	padding: 15px 15px 15px 40px;
 	margin: 2px;
 }

 .ODEMEBILGISI .BANKACH .li:hover {
 	cursor: pointer;
 }

 .ODEMEBILGISI .BANKACH .li i {
 	color: rgba(0, 0, 0, 0.1);
 	position: absolute;
 	left: 0;
 	top: 25px;
 	font-size: 25px;
 }

 .ODEMEBILGISI .BANKACH .secilenbanka i {
 	color: #0AA830
 }

 .ODEMEBILGISI .BANKACH .li:hover i {
 	color: #0AA830
 }


 @media screen and (max-width: 800px) {



 	.ODEMEBILGISI .BANKACH .li {
 		width: calc(100% - 59px);
 		position: relative;
 		float: none;
 		padding: 15px 15px 15px 40px;
 		margin: 2px;
 	}


 }

 .OSONUC {
 	text-align: center;
 }

 .OSONUC .tanim1 {
 	font-size: 18px;
 }

 .OSONUC .tanim1 i {
 	font-size: 36px;
 	padding-bottom: 15px;
 }

 .iletisim {
 	padding: 50px 0px
 }

 .iletisim img {
 	width: 80%;
 }

 .iletisim .SOSYALMEDYA {
 	padding: 0px 30px;
 	text-align: center;
 }

 .iletisim .SOSYALMEDYA i {
 	display: inline-block;
 	width: 25px;
 	line-height: 45px;
 	font-size: 25px;
 	color: #000;
 }

 .iletisim .SOSYALMEDYA a {
 	display: inline-block;
 	padding: 0px 8px;
 }

 @media screen and (max-width: 1000px) {}




 .RESFORM {
 	padding: 10px;
 }

 .RESFORM p {
 	padding: 10px 0px;
 }

 .RESFORM .text-i {
 	width: calc(100% - 2px - 30px);
 	height: 50px;
 	border: 1px solid #ccc;
 	padding: 0px 15px;
 	outline: none;
 }

 .RESFORM .BUTON {
 	background: #000;
 	color: #fff;
 	padding: 0px 15px;
 	height: 50px;
 	line-height: 50px;
 	margin-top: 10px;
 	text-align: center;
 }

 .RESFORM .BUTON:hover {
 	background: #464646;
 	cursor: pointer;
 }


 .RFORMU {
 	background: #767676;
 	position: relative;
 }

 .RFORMU .REZ {
 	max-width: 600px;
 	margin: 0 auto;
 	position: relative;
 	z-index: 10;
 	padding: 90px 20px;
 	color: #fff;
 }

 .RFORMU .f-img {
 	position: absolute;
 	left: 0;
 	top: 0;
 	width: 100%;
 	height: 100%;
 	z-index: 0;
 	object-fit: cover;
 }

 .RFORMU .BTN1 {
 	background: #000 !important;
 }

 /***/
 form.form_form {
 	text-align: left;
 }

 form.form_form .simgesi {
 	position: absolute;
 	z-index: 20;
 	margin-top: 22px;
 	margin-left: 20px;
 	color: #999;
 	font-size: 17px;
 	display: none
 }

 form.form_form .spanik {
 	z-index: 20;
 	font-size: 17px;
 	left: 4px;
 	top: 0px;
 	font-size: 16px;
 	color: #000;
 	padding: 1px 5px;
 	line-height: normal;
 	margin-bottom: -15px;
 	display: inline-block;
 	position: relative;
 	z-index: 20
 }

 form.form_form>div {
 	position: relative;
 }



 input:-webkit-autofill,
 input:-webkit-autofill:hover,
 input:-webkit-autofill:focus,
 textarea:-webkit-autofill,
 select:-webkit-autofill {

 	-webkit-box-shadow: 0 0 0px 1000px #e6e5e1 inset !important;
 	/* gri renk */
 	box-shadow: 0 0 0px 1000px #e6e5e1 inset !important;

 	-webkit-text-fill-color: #000 !important;
 	transition: background-color 9999s ease-in-out 0s;
 }

 form.form_form .form_tr {
 	font-size: 15px;
 	padding-top: 10px;
 }

 /***/
 form.form_form .form_text {
 	width: calc(100% - 0px);
 	box-sizing: border-box;
 	height: 50px;
 	outline: none;
 	border: none;
 	position: relative;
 	font-size: 13px;
 	font-weight: 600;
 	color: #000;
 	margin: 5px 0px;
 	padding: 0px 15px 0px 30px;
 	background: #e6e5e1;
 	border-radius: 0px;
 }

 form.form_form .form_text:focus {
 	background: #e6e5e1;
 }

 /***/
 form.form_form .form_textarea {
 	width: calc(100% - 0px);
 	box-sizing: border-box;
 	height: 90px;
 	outline: none;
 	border: none;
 	position: relative;
 	font-size: 13px;
 	font-weight: 600;
 	color: #000;
 	margin: 5px 0px;
 	padding: 20px 15px 6px 30px;
 	background: #e6e5e1;
 	border-radius: 0px;
 }

 form.form_form .form_textarea:focus {
 	background: #e6e5e1;
 }

 /***/
 form.form_form .form_select {
 	width: calc(100% - 0px);
 	box-sizing: border-box;
 	height: 52px;
 	outline: none;
 	border: none;
 	position: relative;
 	font-size: 13px;
 	font-weight: 600;
 	color: #000;
 	margin: 5px 0px;
 	padding: 6px 15px 6px 30px;
 	background: #e6e5e1;
 	border-radius: 0px;
 }

 form.form_form .form_select:focus {
 	background: #e6e5e1;
 }

 /***/
 form.form_form .form_button {
 	border: none;
 	outline: none;
 	font-size: 13px;
 	font-weight: 600;
 	color: #fff;
 	margin: 5px 0px;
 	padding: 0px;
 	width: calc(100%);
 	height: 50px;
 }

 form.form_form .form_button:hover {
 	cursor: pointer;
 }

 /***/


 form.form_form .form-1 {
 	width: calc(100%);
 	float: left;
 	padding: 0px 5px
 }

 form.form_form .form-2 {
 	width: calc(100% / 2);
 	float: left;
 	padding: 0px 5px
 }


 form.form_form .label {
 	font-weight: 300;
 	font-size: 18px;
 }

 form.form_form .btn-9-border {
 	border-radius: 0px;
 	background: #e6e5e1;
 	color: #000;
 	border: none;
 }

 @media screen and (max-width: 1000px) {
 	form.form_form .form-2 {
 		width: calc(100% / 1);
 	}
 }




 .BTN1 {
 	background: #000000 !important;
 	color: #fff;
 	border: none !important;
 	border-radius: 0px !important;
 }

 .BTN1:hover {
 	background: #000;
 	color: #fff;
 }



 .BUTONLAR {}

 .BUTONLAR button {
 	border: none;
 	background: none;
 	outline: none;
 	margin: 0;
 	padding: 0;
 }

 .BUTONLAR .bt-1 {
 	background: #000;
 	color: #fff;
 	padding: 8px 10px;
 }

 .BUTONLAR .bt-2 {
 	background: #4ba440;
 	color: #fff;
 	padding: 8px 10px;
 }

 .BUTONLAR .bt-txt {
 	padding: 8px 0px;
 }

 .BUTONLAR button:hover {
 	cursor: pointer;
 	background: #000;
 	color: #fff;
 }


 .BUTONLARDIV {}

 .BUTONLARDIV .buton {
 	padding: 8px 10px;
 	float: left;
 	font-size: 15px
 }

 .BUTONLARDIV .bt-1 {
 	background: #000;
 	color: #fff;
 }

 .BUTONLARDIV .bt-2 {
 	background: #4ba440;
 	color: #fff;
 	margin-left: 5px
 }

 .BUTONLARDIV .bt-txt {
 	display: inline-block;
 	padding: 8px 0px;
 	margin-top: 15px;
 	font-size: 14px
 }

 .BUTONLARDIV .buton:hover {
 	background: #000;
 	cursor: pointer
 }


 .akbar {
 	background: #f2f2f2;
 	margin-top: 20px;
 }

 .sozlesme {
 	padding: 9px 0px;
 	color: #000;
 	font-size: 13px
 }

 .sozlesme a {
 	color: #000;
 }



 .video-galeri .tablo {
 	padding-bottom: 50px
 }

 .video-galeri .tablo .video {
 	padding: 10px
 }



 .tabmenu {
 	padding: 50px 0px;
 	padding-bottom: 0px
 }

 .tabmenu a {
 	display: inline-block;
 	font-size: 18px;
 	border: 1px solid #ccc;
 	line-height: 45px;
 	padding: 0px 30px;
 	color: #000;
 	border-radius: 60px
 }

 .tabmenu a.secili {
 	background: #f3f3f3
 }

 @media screen and (max-width: 1000px) {
 	.tabmenu {
 		text-align: center;
 	}
 }



 .post-1 .description {
 	font-weight: 600;
 	font-size: 17px;
 	line-height: 30px
 }




 .share {
 	text-align: center;
 }

 .paylas-gurubu {
 	display: inline-block;
 	color: #000;
 }

 .paylas-gurubu a {
 	display: inline-block;
 }

 .paylas-gurubu a:hover {
 	cursor: pointer;
 }

 .paylas-gurubu i {
 	line-height: 35px;
 	width: 35px;
 	height: 35px;
 	text-align: center;
 	color: #000;
 }



 .post-2 {
 	padding: 30px
 }

 .post-2 .text {
 	padding: 0px 25px;
 	font-size: 14px;
 	line-height: 25px;
 	height: 100%;
 	color: #000
 }

 .post-2 .text h3:after {
 	display: table;
 	content: '';
 	height: 2px;
 	width: 30px;
 	background: #000
 }

 @media screen and (max-width: 1000px) {
 	.post-2 {
 		padding: 0px
 	}

 	.post-2 .text {
 		padding: 20px 25px;
 		font-size: 14px;
 		line-height: 25px;
 		height: 100%;
 		color: #000
 	}

 }



 @media screen and (max-width: 1000px) {
 	.mobil-metin {
 		padding: 40px 30px
 	}
 }

 .galeri .tablo {}

 .galeri {}

 .galeri .colon {
 	padding: 10px;
 	transition: 0.3s
 }

 .galeri .colon:hover {}

 @media screen and (max-width: 1000px) {
 	.galeri {}

 	.galeri .tablo {
 		padding: 10px
 	}
 }


 .home-galeri {
 	padding: 100px
 }

 .home-galeri .colon {
 	padding: 10px;
 	transition: 0.3s
 }

 @media screen and (max-width: 1000px) {
 	.home-galeri {
 		padding: 0px
 	}
 }


 .home-video {}

 .home-video .colon {
 	padding: 10px;
 	transition: 0.3s
 }

 @media screen and (max-width: 1000px) {
 	.home-video {
 		padding: 0px
 	}

 }





 @media screen and (max-width: 1000px) {
 	.SVIDEO .colon {
 		width: 100%;
 	}

 	.yazar {
 		padding: 0px
 	}
 }

 .kutu-1 {
 	background: #e3074a;
 	color: #fff;
 }

 .kutu-1 a {
 	color: #fff;
 	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
 	padding: 9px 0px;
 	display: block;
 }



 .alt-yazi {
 	padding: 40px 0px;
 }

 .alt-yazi a {
 	display: inline-block;
 	background: #000;
 	color: #fff;
 	border-radius: 60px;
 	padding: 8px 25px
 }



 .ushop {
 	position: absolute;
 	right: 0;
 	top: 30px;
 	padding: 9px 15px 9px 15px;
 	color: #fff;
 	background: #000;
 	border-radius: 60px;
 }


 .x-35 {
 	font-size: 35px;
 	line-height: 40px;
 }

 .x-24 {
 	font-size: 24px;
 	line-height: 35px;
 }

 .x-16 {
 	font-size: 16px;
 	line-height: 30px;
 }




 .a-title h2 {
 	font-size: 36px;
 	margin: 0;
 	padding: 0;
 }

 .a-title p {
 	margin: 0;
 	padding: 0;
 	line-height: 30px
 }

 .a-title {
 	position: relative;
 	z-index: 0;
 	padding: 50px 0px
 }

 .a-title img {
 	position: absolute;
 	top: 0;
 	right: 0;
 	height: 100%;
 }


 @media screen and (max-width: 1000px) {
 	.a-title {
 		z-index: 0;
 		padding: 20px 0px;
 		text-align: center;
 	}

 	.a-title h2 {
 		font-size: 22px;
 		margin: 0;
 		padding: 0;
 	}

 	.a-title img {
 		display: none;
 	}
 }


 .gradiend-img {

 	background: #000000;
 	/* fallback for old browsers */
 	background: -webkit-linear-gradient(to top, #434343, #000000);
 	/* Chrome 10-25, Safari 5.1-6 */
 	background: linear-gradient(to top, #434343, #000000);
 	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */


 }

 .gradiend-img img {
 	width: 100%;
 }


 .kimdir {
 	padding: 50px 0px
 }

 .kimdir p {
 	line-height: 35px;
 	font-size: 15px;
 	text-align: justify;
 	column-gap: 40px;
 }

 .author {
 	text-align: center;
 }

 .author img {
 	width: 60%;
 }

 .center-ikonbar {
 	text-align: center;
 }

 .center-ikonbar .ikonlar {
 	display: inline-block;
 	padding: 10px 20px;
 	color: #000
 }

 .center-ikonbar .ikonlar .text {
 	font-weight: 800;
 	padding-top: 10px;
 }

 .center-ikonbar .ikonlar img {
 	width: 50px;
 	height: 50px
 }

 @media screen and (max-width: 1000px) {
 	.center-ikonbar {
 		display: none
 	}
 }

 /**************************/
 /**************************/
 footer {
 	padding: 40px 0px 30px;
 	background: #090909;
 	text-align: center;
 	margin-top: 40px;
 }

 .footer-header:empty,
 .footer-header p:empty {
 	display: none;
 }



 footer ul li a {
 	display: inline-block;
 	padding: 0px 0px;
 	line-height: 30px;
 	color: #fff;
 	font-size: 16px;
 	font-weight: 200;
 	letter-spacing: 1px;
 }

 footer ul li a:hover {
 	text-decoration: underline
 }

 footer ul h3 {
 	padding: 10px 0px;
 	letter-spacing: 1px;
 	color: #fff;
 	font-weight: 500;
 	font-size: 16px;
 }

 footer p {
 	padding: 0px 0px;
 	line-height: 25px;
 	color: #fff;
 	font-size: 15px;
 }

 footer p a {
 	color: #fff
 }

 footer .copfooter a {
 	display: inline-block;
 	padding: 0px 6px;
 	line-height: 18px;
 	font-size: 13px;
 	left: 1px;
 	border-right: 1px solid #000;
 }

 footer .copfooter a:last-child {
 	border: none;
 }

 footer .footer-logo-x img {

 	width: 150px;
 	filter: brightness(0) saturate(100%) invert(100%) sepia(78%) saturate(181%) hue-rotate(193deg) brightness(109%) contrast(100%);
 }

 footer .footer-logo-x img,
 footer ul h3 {

 	padding-bottom: 15px;

 }


 .buton-beyaz a {

 	background: #fff;
 	width: 100%;
 	max-width: 200px;
 	padding: 6px 20px;
 	color: #000;
 	margin-bottom: 5px;
 	font-weight: 400;
 }

 /**************************/
 @media screen and (max-width: 1000px) {
 	footer {
 		padding: 30px 30px;
 	}

 	footer ul {
 		padding: 30px 0px
 	}
 }

 /**************************/
 /**************************/

 .kutualani {
 	padding: 60px 0px
 }

 .vh-50 {
 	min-height: 38vh;
 	position: relative;
 	z-index: 0;
 	background: rgb(242, 242, 242);
 	background: linear-gradient(121deg, rgba(242, 242, 242, 1) 0%, rgba(255, 255, 255, 1) 100%);
 }

 .i-flex {
 	display: flex;
 	align-content: center;
 	align-items: center
 }

 .i-flex>div {
 	width: 100%;
 	text-align: left;
 	max-width: 500px;
 	margin: 0 auto;
 	padding: 80px 0px
 }

 .i-flex>div ul li {
 	list-style: circle;
 	margin: 20px;
 }

 .i-flex ul li {}

 .avatar {
 	position: relative;
 }

 .avatar img {
 	position: absolute;
 	height: 100%;
 	width: 50%;
 	object-fit: cover;
 	top: 0;
 }

 .avatar .l-2 {
 	padding: 10px 30px;
 }

 .am-1 img {
 	left: 0;
 }

 .am-1 .l-2 {
 	float: right !important
 }

 .am-2 img {
 	right: 0;
 }

 @media screen and (max-width: 1000px) {
 	.vh-50 {
 		min-height: 100px;
 		position: relative;
 		z-index: 0
 	}

 	.avatar img {
 		position: relative;
 		height: 100%;
 		width: 100%;
 		object-fit: cover;
 		top: 0;
 	}
 }


 .ABONEOL {
 	padding: 30px 0px;
 	background: #1f3b58;
 	color: #fff;
 }

 .ABONEOL p {
 	color: #fff;
 	font-size: 14px;
 }

 .ABONEOL .bultenform {
 	position: relative;
 	background: #fff;
 	overflow: hidden;
 	border-radius: 50px;
 }

 .ABONEOL .bultenform .MA {
 	width: 100%;
 	border: 0;
 	color: #fff;
 	background: none;
 	outline: none;
 	padding: 0px 60px 0px 20px;
 	height: 50px;
 	box-sizing: border-box;
 	border-radius: 40px;
 }

 .ABONEOL .bultenform .MG {
 	width: 60px;
 	color: #000;
 	position: absolute;
 	top: 0px;
 	height: 50px;
 	right: 0px;
 	text-align: center;
 }

 .ABONEOL .bultenform .MG i {
 	line-height: 50px;
 	font-size: 25px
 }

 .ABONEOL .bultenform .MG:hover {
 	cursor: pointer;
 	color: #febd00;
 }

 .ABONEOL .SOSYALMEDYA {
 	text-align: right;
 }

 .ABONEOL .SOSYALMEDYA i {
 	line-height: 35px;
 	font-size: 19px
 }

 .ABONEOL .SOSYALMEDYA a {
 	display: inline-block;
 	padding: 0px 0px;
 	margin: 0px 3px;
 	color: #fff;
 	width: 35px;
 	height: 35px;
 	text-align: center;
 	-webkit-border-radius: 100px;
 	-moz-border-radius: 100px;
 	border-radius: 100px;
 }

 .ABONEOL .SOSYALMEDYA a:hover {
 	background: #79cfbf;
 	color: #fff
 }


 .enalt {
 	background: #090909;
 	padding: 16px 0px 20px;
 	color: #fff;
 	border-top: 1px solid rgba(255,255,255,0.08);
 }

 .enalt p {
 	font-size: 13px;
 	line-height: 22px;
 	margin: 0;
 	padding: 2px 0;
 }

 .logo-gr {
 	text-align: center;
 	max-width: 500px;
 	margin: 0 auto;
 }
 .footer-legal {
 	position: relative;
 	width: 100%;
 	max-width: 1400px;
 	min-height: 28px;
 	margin: 0 auto;
 	padding: 0 32px;
 	box-sizing: border-box;
 }

 .footer-legal .sclinic-operator {
 	text-align: center;
 	padding-right: 190px;
 	padding-left: 190px;
 }

 .footer-legal .sclinic-copyright {
 	position: absolute;
 	right: 32px;
 	top: 0;
 	white-space: nowrap;
 	text-align: right;
 }

 @media screen and (max-width: 767px) {
 	.footer-legal {
 		padding: 0 20px;
 	}

 	.footer-legal .sclinic-operator {
 		padding: 0;
 	}

 	.footer-legal .sclinic-copyright {
 		position: static;
 		margin-top: 8px;
 		text-align: center;
 	}
 }



 .logo-gr img {
 	width: 500px;
 	max-width: 100%;
 }



 @media screen and (max-width: 1000px) {



 	.enalt img {
 		width: 90% !important;
 	}


 	.logo-gr img {
 		width: 90%;
 	}



 }



 .siteara {
 	position: absolute;
 	z-index: 5000;
 	top: 50px;
 	right: 0px;
 	max-width: 500px;
 	width: 500px;
 	background: #fff;
 	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
 }

 .sitearama {
 	padding: 50px;
 }

 .sitearama input {
 	width: 100%;
 	height: 40px;
 	border: 1px solid #000;
 	border-left: none;
 	border-top: none;
 	border-right: none;
 	outline: none;
 	padding: 0px 0px;
 	color: #000;
 }

 .sitearama h2 {
 	font-size: 15px;
 }

 .sitearama .aramasonuclari {
 	padding-top: 20px;
 }

 .sitearama .aramasonuclari .urun {
 	border-bottom: 1px solid #ccc;
 }



 @media screen and (max-width: 1000px) {

 	.siteara {
 		width: 100%;
 	}

 	.sitearama {
 		padding: 10px;
 	}

 }




 .bilgi-sayfalari {
 	padding: 40px 0px
 }

 .bilgi-sayfalari .gg-1 {
 	background: #3f4660
 }

 .bilgi-sayfalari .gg-3 {
 	background: #fff;
 	padding: 30px
 }



 .line-menu {
 	padding: 40px 0px
 }

 .line-menu a {
 	display: table;
 	width: 100%;
 	line-height: 45px;
 	font-size: 14px;
 	box-sizing: border-box;
 	padding: 0px 20px;
 	color: #fff;
 	position: relative;
 	z-index: 0;
 	border-bottom: 1px solid rgba(255, 255, 255, 0.3)
 }

 .line-menu a.secili {
 	background: rgb(240, 240, 240);
 	background: linear-gradient(90deg, rgba(240, 240, 240, 1) 0%, rgba(255, 255, 255, 1) 100%);
 	color: #000;
 }

 .line-menu a:first-child {}

 .line-menu a:last-child {}

 .line-menu i {
 	position: absolute;
 	font-size: 18px;
 	top: 0px;
 	right: 20px;
 	line-height: 45px;
 }


 .kargolar {
 	padding: 30px;
 }



 .banner {
 	position: relative;
 	z-index: 0;
 	background: #79cfbf;
 	color: #fff;
 	margin: 0px 50px;
 	border-radius: 10px;
 	overflow: hidden;
 }

 .banner h1 {
 	font-weight: 300;
 }

 .banner h2 {}

 .banner p {
 	padding: 4px 0px
 }

 .banner a {
 	background: #fff;
 	color: #000;
 	font-weight: 800;
 	padding: 9px 15px;
 	border-radius: 4px;
 	box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.2);
 	transition: 0.5s
 }

 .banner a:hover {
 	background: #000;
 	color: #fff;
 }

 .banner .img_cover {
 	position: absolute;
 	width: 100%;
 	height: 100%;
 	left: 0;
 	top: 0;
 	z-index: -1;
 	object-fit: cover;
 	opacity: 0.2
 }

 @media screen and (max-width: 1000px) {
 	.banner {
 		margin: 0px 10px;
 	}
 }



 ._minder {
 	background: #f5f5f5;
 }

 .minder {
 	font-size: 14px;
 	border-radius: 40px;
 	color: #000
 }

 .minder a {
 	display: inline-block;
 	padding: 7px 10px;
 	color: #000;
 }

 .minder a:first-child {
 	font-weight: 700;
 }

 ._minder-2 {}

 .minder-2 {
 	font-size: 14px;
 	border-radius: 40px;
 	color: #000;
 }

 .minder-2 a {
 	display: inline-block;
 	padding: 7px 10px;
 	color: #000;
 }

 .minder-2 a:first-child {
 	font-weight: 700;
 }



 .head-line {
 	text-align: center;
 }

 .head-line h1 {
 	font-weight: 300;
 	font-size: 28px;
 }


 .ikon-en {
 	background: #f6eced
 }

 .ikon-bar {
 	text-align: center;
 	padding: 0px 0px;
 	background: #79cfbf;
 }

 .ikon-bar i {
 	font-size: 30px;
 	padding-bottom: 15px;
 	padding-top: 30px
 }

 .ikon-bar a {
 	display: inline-block;
 	padding: 8px 15px;
 	background: #000;
 	color: #fff;
 	border-radius: 30px;
 }

 .ikon-bar a:hover {
 	background: #a4787c;
 }

 .ikon-en img {
 	width: 100%;
 }


 @media screen and (max-width: 1000px) {
 	.ikon-en img {
 		display: none
 	}
 }


 .in-bannerlar {
 	box-sizing: border-box;
 	margin: 0px -5px
 }

 .in-bannerlar p {
 	width: 50%;
 	float: left;
 	box-sizing: border-box;
 	padding: 5px;
 }

 @media screen and (max-width: 1000px) {
 	.in-bannerlar p {
 		width: 100%;
 		padding: 1px;
 	}
 }


 .urunlistele {
 	padding: 0px 0px 50px 0px
 }



 .urunlistele-2 {
 	margin: 0px -10px;
 	box-sizing: border-box;
 }

 .ayrac_h2 {
 	margin: 20px 0px 0px 0px;
 	border-bottom: 1px solid #ccc;
 	line-height: 40px;
 	font-size: 18px
 }


 .urun {
 	position: relative;
 	z-index: 0;
 	margin: 0px;
 	padding: 30px 10px;
 	color: #000;
 	text-align: center;
 }

 .urun .isim {
 	font-size: 22px;
 	font-weight: 300;
 	padding-top: 20px;
 	letter-spacing: 4px;
 }

 .urun .text {
 	position: relative;
 	z-index: 1
 }

 .urun .buton {
 	line-height: 50px;
 	font-size: 14px;
 	padding: 0px 15px;
 	display: inline-block;
 	border-radius: 6px;
 	margin-top: 8px;
 	background: rgb(103, 0, 1);
 	background: linear-gradient(346deg, rgba(103, 0, 1, 1) 0%, rgba(237, 20, 20, 1) 100%);
 	color: #fff;
 }

 .urun:hover .buton {
 	background: #000;
 	color: #fff;
 }

 .urun .kategori {
 	font-size: 12px;
 	font-weight: 400;
 	letter-spacing: 0px;
 	color: #666;
 	letter-spacing: 1px
 }

 .urun:hover {}



 .urun .ciz {
 	color: #888
 }

 .urun .ikonlar {
 	position: absolute;
 	bottom: 10px;
 	right: 0px;
 	z-index: 15;
 	width: 35px;
 }

 .urun .ikonlar i {
 	display: inline-block;
 	line-height: 35px;
 	width: 35px;
 	background: #2cbdb0;
 	color: #fff;
 	font-size: 18px;
 	text-align: center;
 	border-radius: 50px
 }

 .urun .img-story {
 	background: #fff;
 	border-radius: 8px;
 	overflow: hidden;
 	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
 }

 .urun .image_1 {
 	z-index: 10;
 }

 .urun .image_2 {
 	z-index: 5;
 }

 .urun .sc-buton {
 	padding: 0px 40px;
 	line-height: 50px;
 	font-size: 15px;
 	display: inline-block;
 	background: var(--color-2);
 	letter-spacing: 1px;
 	color: #fff;
 	border-radius: 40px;

 }

 .urun:hover .sc-buton {
 	background: #000;
 }

 .urun .fiyat {
 	padding: 15px 0px;
 	font-weight: 600;
 }

 .urun:hover .image_2 {
 	z-index: 15
 }

 .urun .miniindirim {
 	position: absolute;
 	z-index: 60;
 	top: 10px;
 	left: 10px;
 	padding: 3px;
 	color: #fff;
 	background: #d52929;
 	text-align: center;
 }

 .urun .miniindirim .lg-1 {
 	font-size: 18px;
 	font-weight: 600;
 }

 .urun .miniindirim .lg-2 {
 	font-size: 11px;
 }

 .urun .yeni {
 	position: absolute;
 	z-index: 60;
 	top: 30px;
 	right: 30px;
 	padding: 3px;
 	color: #fff;
 	background: #d52929;
 	text-align: center;
 	font-size: 11px;
 }

 .yenisezon .yeni {
 	display: inline-block;
 	padding: 3px;
 	color: #fff;
 	background: #d52929;
 	text-align: center;
 	font-size: 11px;
 }

 .detaydaurun .fiyat strong {
 	font-size: 14px;
 }

 .detaydaurun .fiyat .ciz {
 	font-size: 14px;
 }


 @media screen and (max-width: 1000px) {
 	.urun .image_2 {
 		display: none;
 	}
 }


 

.blog-tema{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.blog-tema .lg-blog{
    width:calc(33.333% - 20px);
    padding:45px;
    box-sizing:border-box;
    position:relative;
    min-height:340px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

/* Renkler */
.blog-tema .lg-blog:nth-child(3n+1){
    background:#bccae6;
}

.blog-tema .lg-blog:nth-child(3n+2){
    background:#d8c8c1;
}

.blog-tema .lg-blog:nth-child(3n+3){
    background:#d9c0c8;
}

/* Tarih */
.blog-tema .lg-blog .tarih{
    font-family:"Jost", sans-serif;
    font-size:18px;
    letter-spacing:2px;
    color:#4a4a4a;
    margin-bottom:40px;
    display:block;
    font-weight:300;
}

/* Başlık */
.blog-tema .lg-blog h2{
    font-family:"Jost", sans-serif;
    font-size:28px;
    line-height:1.1;
    letter-spacing:1px;
    color:#2d2d2d;
    font-weight:300;
    text-transform:uppercase;
    margin:0 0 50px;
}

/* Buton */
.blog-tema .lg-blog .devam{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:max-content;
    padding:6px 20px;
    background:#fff;
    border-radius:100px;
    text-decoration:none;

    font-family:"Jost", sans-serif;
    font-size:15px;
    font-weight:400;
    letter-spacing:3px;
    text-transform:uppercase;
    color:#2d2d2d;

    transition:.3s;
}

.blog-tema .lg-blog .devam:hover{
    transform:translateY(-3px);
}

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

    .blog-tema .lg-blog{
        width:100%;
        min-height:auto;
    }

    .blog-tema .lg-blog h2{
        font-size:38px;
    }

    .blog-tema .lg-blog .devam{
        font-size:18px;
        padding:14px 26px;
    }
}





 .blog-post {
 	padding: 10px;
 }

 .blog-post h3 {
 	padding: 9px 0px;
 	left: 1px;
 	font-size: 14px;
 	color: #000
 }

 .article {}

 .article h1 {
 	padding: 8px 0px
 }

 .article h2 {
 	padding: 8px 0px
 }

 .article p {
 	padding: 8px 0px
 }

 .all-content {
 	background: #fff;
 	border-radius: 10px;
 	box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.2);
 }

 .article-x {}

 .article-x h1 {
 	padding: 8px 0px;
 	font-size: 22px;
 }

 .article-x h2 {
 	padding: 8px 0px;
 	font-size: 18px;
 }

 .article-x p {
 	padding: 8px 0px;
 	font-size: 15px;
 }

 .article-x ul {
 	margin: 0px;
 	padding: 20px;
 }

 .article-x ul li {
 	list-style: disc;
 	padding: 6px 0px
 }


 .article-2x {}

 .article-2x h1 {
 	padding: 8px 0px;
 	font-size: 29px;
 }

 .article-2x h2 {
 	padding: 8px 0px;
 	font-size: 25px;
 }

 .article-2x p {
 	padding: 8px 0px;
 	font-size: 18px;
 }

 .article-2x ul {
 	margin: 0px;
 	padding: 20px;
 }

 .article-2x ul li {
 	list-style: disc;
 	padding: 6px 0px
 }


 .article-xs {}

 .article-xs p {
 	padding: 10px 0px;
 	font-size: 19px;
 	line-height: 1.7;
 	font-weight: 300;
 	max-width: 680px;
 }

 .article-xs h1 {
 	padding: 0 0 24px;
 	font-size: 62px;
 	font-weight: 300;
 	line-height: 1.15;
 	letter-spacing: 2px;
 }

 .article-xs h2 {
 	padding: 20px 0 12px;
 	font-size: 38px;
 	font-weight: 300;
 	line-height: 1.25;
 }

 .article-xs h3 {
 	padding: 16px 0 8px;
 	font-size: 26px;
 	font-weight: 400;
 	line-height: 1.3;
 }

 .article-xs ul {
 	margin: 0px;
 	padding: 0px 20px;
 }

 .article-xs ul li {
 	list-style: disc;
 	padding: 6px 0px;
 	font-size: 19px;
 	line-height: 1.7;
 	font-weight: 300;
 }


 .background {
 	position: relative;
 }

 .layer-1 {
 	position: relative;
 	z-index: 4;
 }

 .layer-2 {
 	position: relative;
 	z-index: 0;
 	position: absolute;
 	width: 100%;
 	top: 0;
 	height: 100%;
 }

 .background span {
 	width: 20px;
 	height: 20px;
 	border-radius: 20px;
 	backface-visibility: hidden;
 	position: absolute;
 	animation-name: move;
 	animation-duration: 6s;
 	animation-timing-function: linear;
 	animation-iteration-count: infinite;
 }

 .background span:nth-child(1) {
 	color: #ffacac;
 	top: 76%;
 	left: 78%;
 	animation-duration: 11.1s;
 	animation-delay: -8s;
 	transform-origin: 12vw 4vh;
 	box-shadow: -40px 0 20px #6dbbb1;
 }

 .background span:nth-child(2) {
 	color: #583c87;
 	top: 45%;
 	left: 95%;
 	animation-duration: 12.1s;
 	animation-delay: -0.4s;
 	transform-origin: -21vw 10vh;
 	box-shadow: -40px 0 30px #6dbbb1;
 }

 .background span:nth-child(3) {
 	color: #ffacac;
 	top: 53%;
 	left: 14%;
 	animation-duration: 10.8s;
 	animation-delay: -4.1s;
 	transform-origin: 11vw -13vh;
 	box-shadow: -40px 0 40px #6dbbb1;
 }

 .background span:nth-child(4) {
 	color: #583c87;
 	top: 73%;
 	left: 99%;
 	animation-duration: 10.8s;
 	animation-delay: -4s;
 	transform-origin: 19vw 1vh;
 	box-shadow: -40px 0 30px #6dbbb1;
 }

 .background span:nth-child(5) {
 	color: #583c87;
 	top: 58%;
 	left: 17%;
 	animation-duration: 12.8s;
 	animation-delay: -1.2s;
 	transform-origin: 3vw -11vh;
 	box-shadow: -40px 0 45px #6dbbb1;
 }

 .background span:nth-child(6) {
 	color: #583c87;
 	top: 72%;
 	left: 19%;
 	animation-duration: 15.4s;
 	animation-delay: -12.1s;
 	transform-origin: 3vw 15vh;
 	box-shadow: -40px 0 10px #6dbbb1;
 }

 .background span:nth-child(7) {
 	color: #e45a84;
 	top: 29%;
 	left: 78%;
 	animation-duration: 12.5s;
 	animation-delay: -11.6s;
 	transform-origin: 22vw -13vh;
 	box-shadow: -40px 0 10px #6dbbb1;
 }

 .background span:nth-child(8) {
 	color: #ffacac;
 	top: 85%;
 	left: 87%;
 	animation-duration: 15.8s;
 	animation-delay: -7.2s;
 	transform-origin: -6vw 3vh;
 	box-shadow: -40px 0 60px #6dbbb1;
 }

 .background span:nth-child(9) {
 	color: #583c87;
 	top: 36%;
 	left: 44%;
 	animation-duration: 14.6s;
 	animation-delay: -13.1s;
 	transform-origin: -22vw 4vh;
 	box-shadow: -40px 0 40px #6dbbb1;
 }

 .background span:nth-child(10) {
 	color: #ffacac;
 	top: 35%;
 	left: 45%;
 	animation-duration: 12.1s;
 	animation-delay: -8.4s;
 	transform-origin: 16vw 11vh;
 	box-shadow: -40px 0 40px #6dbbb1;
 }

 .background span:nth-child(11) {
 	color: #e45a84;
 	top: 72%;
 	left: 85%;
 	animation-duration: 11.8s;
 	animation-delay: -0.2s;
 	transform-origin: 1vw -19vh;
 	box-shadow: -40px 0 40px #6dbbb1;
 }

 .background span:nth-child(12) {
 	color: #583c87;
 	top: 50%;
 	left: 65%;
 	animation-duration: 13.3s;
 	animation-delay: -5.6s;
 	transform-origin: 6vw -2vh;
 	box-shadow: -40px 0 80px #6dbbb1;
 }

 .background span:nth-child(13) {
 	color: #ffacac;
 	top: 8%;
 	left: 26%;
 	animation-duration: 13s;
 	animation-delay: -13.1s;
 	transform-origin: 15vw -7vh;
 	box-shadow: -40px 0 20px #6dbbb1;
 }

 .background span:nth-child(14) {
 	color: #e45a84;
 	top: 5%;
 	left: 96%;
 	animation-duration: 12.3s;
 	animation-delay: -9.5s;
 	transform-origin: -17vw 0vh;
 	box-shadow: -40px 0 26px #6dbbb1;
 }

 .background span:nth-child(15) {
 	color: #e45a84;
 	top: 15%;
 	left: 36%;
 	animation-duration: 10.3s;
 	animation-delay: -2.5s;
 	transform-origin: 7vw 1vh;
 	box-shadow: -40px 0 35px #6dbbb1;
 }

 .background span:nth-child(16) {
 	color: #e45a84;
 	top: 70%;
 	left: 5%;
 	animation-duration: 11s;
 	animation-delay: -5.4s;
 	transform-origin: -23vw 10vh;
 	box-shadow: -40px 0 20px #6dbbb1;
 }

 .background span:nth-child(17) {
 	color: #583c87;
 	top: 92%;
 	left: 54%;
 	animation-duration: 15.3s;
 	animation-delay: -3.9s;
 	transform-origin: 10vw 4vh;
 	box-shadow: -40px 0 15px #6dbbb1;
 }

 .background span:nth-child(18) {
 	color: #e45a84;
 	top: 12%;
 	left: 39%;
 	animation-duration: 11.4s;
 	animation-delay: -1.3s;
 	transform-origin: -19vw 24vh;
 	box-shadow: -40px 0 50px #6dbbb1;
 }

 .background span:nth-child(19) {
 	color: #ffacac;
 	top: 24%;
 	left: 70%;
 	animation-duration: 15.9s;
 	animation-delay: -2.9s;
 	transform-origin: -10vw -10vh;
 	box-shadow: -40px 0 20px #6dbbb1;
 }

 .background span:nth-child(20) {
 	color: #ffacac;
 	top: 50%;
 	left: 31%;
 	animation-duration: 11.5s;
 	animation-delay: -7.4s;
 	transform-origin: 8vw 1vh;
 	box-shadow: -40px 0 12px #6dbbb1;
 }

 @keyframes move {
 	100% {
 		transform: translate3d(0, 0, 1px) rotate(360deg);
 	}
 }


 .mini-article {}

 .mini-article h1 {
 	padding: 2px 0px;
 	margin: 0px;
 }

 .mini-article h2 {
 	padding: 2px 0px;
 	margin: 0px;
 	color: #79cfbf;
 	font-size: 22px;
 }

 .mini-article p {
 	padding: 2px 0px;
 	margin: 0px;
 }

 .ozel-article h1 {
 	padding: 2px 0px;
 	margin: 0px;
 	color: #79cfbf;
 	font-size: 36px;
 	font-weight: 300;
 }

 .ozel-article h2 {
 	padding: 2px 0px;
 	margin: 0px;
 	color: #79cfbf;
 	font-size: 36px;
 	font-weight: 300;
 }

 .ozel-article p {
 	padding: 2px 0px;
 	margin: 0px;
 	font-size: 19px;
 	font-weight: 300;
 }

 .tema-text h1 {
 	letter-spacing: -0.5px;
 	font-weight: 700
 }

 .tema-text h2 {
 	letter-spacing: -0.5px;
 	font-weight: 600
 }

 .tema-text h3 {
 	letter-spacing: -0.5px;
 	font-weight: 400
 }

 .tema-text p {
 	color: #404040;
 	letter-spacing: 1px
 }

 .tema-text ul li {
 	color: #404040;
 	letter-spacing: -0.5px;
 }


 .tema-text-home h1 {
 	letter-spacing: -0.5px;
 	font-weight: 700;
 	padding-bottom: 25px;

 	font-size: 38px;
 	color: #1f3b58;

 }

 .tema-text-home h2 {
 	letter-spacing: -0.5px;
 	font-weight: 600
 }

 .tema-text-home h3 {
 	letter-spacing: -0.5px;
 	font-weight: 700;
 	color: #888;
 }

 .tema-text-home p {
 	color: #404040;
 	letter-spacing: 1px;
 	font-size: 15px;
 }




 .tema-text-home-2 h2 {
 	letter-spacing: -0.5px;
 	font-weight: 700;

 	font-size: 38px;
 	color: #888;

 	/**
	background: -webkit-linear-gradient(#2ca7c2, #63ac59);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

  **/

 }

 .tema-text-home-2 h3 {
 	letter-spacing: -0.5px;
 	font-weight: 700;
 	color: #888;
 }

 .tema-text-home-2 p {
 	color: #404040;
 	letter-spacing: 1px;
 	font-size: 15px;
 }









 blockquote {
 	background-color: #f2f2f2;
 	border-left: 1em solid #000;
 	margin: 1.5em 0 1.5em;
 	padding: 1em 1.5em 1em 2.5em;
 	position: relative;
 }

 blockquote:before {
 	color: #000;
 	content: "\201C";
 	font-size: 5em;
 	position: absolute;
 	left: 5px;
 	top: 0.6em;
 	line-height: 0.1em;
 }

 blockquote:after {
 	color: #000;
 	content: "\201D";
 	font-size: 5em;
 	position: absolute;
 	right: 3px;
 	bottom: 0em;
 	line-height: 0.1em;
 }


 .logindensora {
 	background: #fff;
 	padding: 10px;
 	border-radius: 9px;
 	margin: 10px auto
 }

 @media screen and (max-width: 1000px) {
 	.logindensora {
 		margin: 10px;
 	}
 }




 .lg-uyeol {
 	background: #fff;
 	margin: 0px;
 	border-radius: 10px;
 	padding: 20px
 }


 ._list-1 {}

 ._list-1 h2 {
 	font-size: 19px;
 	margin: 0px;
 }

 ._list-1 p {
 	margin: 0px;
 	padding: 0px;
 }

 ._list-2 {
 	color: #666;
 	margin: 0px 0px;
 	border: 1px solid #f2f2f2;
 	background: #fff;
 	transition: 0.5s
 }

 ._list-2 span {
 	font-size: 11px;
 	color: #b5b5b5;
 	line-height: 25px
 }

 ._list-2 strong {
 	font-weight: 500;
 }

 ._list-2:hover {
 	color: #000;
 	box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.2)
 }



 ._list-3 {
 	background: #fff;
 	border-radius: 10px;
 	margin: 0px 0px;
 	box-shadow: 10px 10px 30px #f2f2f2
 }

 ._list-3 .tit {
 	font-size: 20px;
 	font-weight: 600;
 	padding-bottom: 10px;
 	padding-top: 10px;
 	color: #70778b;
 }

 ._list-3 .ozet {
 	color: #555;
 	font-size: 14px;
 	line-height: 30px;
 	padding-top: 15px;
 	border-top: 1px solid #ccc;
 }


 ._list-4 {
 	background: #ccc;
 	position: relative;
 	z-index: 0;
 	overflow: hidden;
 }

 ._list-4 .img-kare {
 	position: relative;
 	z-index: 0;
 }

 ._list-4 .cover-mask {
 	position: absolute;
 	bottom: 0;
 	right: 0;
 	z-index: 10;
 	width: 200%;
 	height: 100%;
 	-webkit-transform-origin: 100% 0%;
 	-moz-transform-origin: 100% 0%;
 	-o-transform-origin: 100% 0%;
 	-ms-transform-origin: 100% 0%;
 	transform-origin: 100% 0%;
 	-webkit-transform: rotate(-45deg);
 	-moz-transform: rotate(-45deg);
 	-o-transform: rotate(-45deg);
 	-ms-transform: rotate(-45deg);
 	transform: rotate(-45deg);
 	background: rgb(34, 193, 195);
 	background: linear-gradient(180deg, rgba(34, 193, 195, 0) 0%, rgba(253, 187, 45, 1) 62%);
 }

 ._list-4 .cover-text {
 	position: absolute;
 	bottom: 10px;
 	right: 10px;
 	z-index: 20;
 	color: #000;
 }



 ._list-5 {}

 ._list-5 h2 {
 	font-size: 21px;
 	padding: 10px 0px
 }

 ._list-5 p {
 	font-size: 16px;
 	padding: 8px 0px
 }

 ._list-5 p a {
 	display: inline-block;
 	padding: 7px 15px;
 	color: #fff;
 	background: #000;
 	border-radius: 6px;
 }




 ._list-9 {
 	background: #fff;
 }

 ._list-9 h2 {
 	font-size: 21px;
 	padding: 0px 0px
 }

 ._list-9 p {
 	font-size: 16px;
 	padding: 0px 0px
 }

 ._list-9 .mask {
 	position: absolute;
 	width: 20px;
 	height: 100%;
 	right: 0px;
 	top: 0px;
 }


 .fermar ._fer:nth-child(1) {
 	padding-right: 200px;
 }

 .fermar ._fer:nth-child(2) {
 	padding-left: 200px;
 }

 .fermar ._fer:nth-child(3) {
 	padding-right: 200px;
 }

 .fermar ._fer:nth-child(4) {
 	padding-left: 200px;
 }


 @media screen and (max-width: 1000px) {

 	.fermar ._fer:nth-child(1) {
 		padding: 10px;
 	}

 	.fermar ._fer:nth-child(2) {
 		padding: 10px;
 	}

 	.fermar ._fer:nth-child(3) {
 		padding: 10px;
 	}

 	.fermar ._fer:nth-child(4) {
 		padding: 10px;
 	}
 }






 .KUTUM {
 	width: 50px;
 	height: 50px;
 	position: relative;
 	display: inline-block;
 }

 .KUTUM .box-fx {
 	text-align: center;
 	transform-origin: center;
 	border-radius: 500px;
 	position: relative;
 	z-index: 990;
 	width: 50px;
 	height: 50px;
 }

 .KUTUM .box-fx img {
 	position: absolute;
 	width: 200%;
 	left: -50%;
 	top: -100%;
 }

 .KUTUM .box-1 {
 	animation-duration: 2s;
 	animation-iteration-count: infinite;
 	background-color: #79cfbf;
 	transform-origin: center;
 	border-radius: 500px;
 	z-index: 20;
 	width: 0px;
 	height: 0px;
 	position: absolute;
 	left: 50%;
 	top: 50%;
 	margin-left: 0;
 	margin-top: 0;
 }

 .KUTUM .box-2 {
 	animation-duration: 3s;
 	animation-iteration-count: infinite;
 	background-color: #79cfbf;
 	transform-origin: center;
 	border-radius: 500px;
 	z-index: 30;
 	width: 0px;
 	height: 0px;
 	position: absolute;
 	left: 50%;
 	top: 50%;
 	margin-left: 0;
 	margin-top: 0;
 }

 .KUTUM .bounce-2 {
 	animation-name: bounce-2;
 	animation-timing-function: ease;
 	opacity: 0.3
 }

 @keyframes bounce-2 {
 	0% {
 		width: 0px;
 		height: 0px;
 	}

 	80% {
 		width: 400px;
 		height: 400px;
 		margin-left: -200px;
 		margin-top: -200px;
 	}

 	100% {
 		opacity: 0
 	}
 }


 .home-1 .orta {
 	width: 50px;
 	height: 50px;
 	position: absolute;
 	left: 50%;
 	top: 50%;
 	margin-left: -25px;
 	margin-top: -25px;
 }



 .bilgi-al-formu-sc {
 	position: fixed;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 	background: rgba(0, 0, 0, 0.6);
 	z-index: 9999;
 	display: none;
 	/* baÅŸta gizli */
 	justify-content: center;
 	align-items: center;
 }

 .bilgi-al-formu-content {
 	max-width: 500px;
 	width: 100%;
 	padding: 30px;
 	background: #f2f2f2;
 	position: relative;
 	border-radius: 8px;
 	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
 }

 .bilgi-close {
 	position: absolute;
 	top: 10px;
 	right: 15px;
 	width: 30px;
 	height: 30px;
 	background: #333;
 	color: #fff;
 	font-size: 22px;
 	text-align: center;
 	line-height: 30px;
 	border-radius: 50%;
 	cursor: pointer;
 }

 .bilgi-close:hover {
 	background: #555;
 }




 .bilgi-al-formu-content {
 	max-width: 500px;
 	padding: 30px;
 	background: #f2f2f2;
 	margin: 0 auto;
 }







 .lg-sosyalmedya-xs a {
 	display: inline-block;
 	padding: 0px 0px;
 	margin: 0px 0px;
 	color: #000;
 	width: 30px;
 	height: 30px;
 	text-align: center;
 	background: #787f91;
 	border-radius: 80px;
 	transition: 0.4s
 }

 .lg-sosyalmedya-xs i {
 	line-height: 30px;
 	font-size: 20px
 }

 .lg-sosyalmedya-xs a:hover {
 	background: #000;
 }


 .lg-sosyalmedya-2x {
 	display: flex;
 }

 .lg-sosyalmedya-2x a {
 	padding: 0px 0px;
 	width: 100%;
 	margin: 0px 0px;
 	color: #fff;
 	margin: 3px;
 	height: 45px;
 	text-align: center;
 	background: #79cfbf;
 	border-radius: 8px;
 	transition: 0.4s
 }

 .lg-sosyalmedya-2x i {
 	line-height: 45px;
 	font-size: 23px
 }

 .lg-sosyalmedya-2x a:hover {
 	background: #000;
 	color: #fff;
 }

 .lg-menu-sol {}

 .lg-menu-sol a {
 	display: inline-table;
 	width: 100%;
 	padding: 0px 15px;
 	font-size: 14px;
 	color: #888;
 	line-height: 40px;
 	margin-bottom: 5px;
 	position: relative;
 	border: 1px solid #f2f2f2;
 	border-radius: 6px;
 }

 .lg-menu-sol a.secili {
 	box-shadow: 10px 10px 30px #ddd
 }

 .lg-menu-sol a i {
 	display: inline-block;
 	color: #eb070e;
 	text-align: center;
 	float: right;
 	line-height: 40px;
 }

 .lg-menu-sol a:hover i {
 	color: #eb070e;
 }

 .lg-menu-sol a:hover {
 	box-shadow: 10px 10px 30px #ddd
 }

 .lg-menu-sol h2 {}

 .lg-title {
 	color: #000;
 	padding: 6px 15px;
 	border-radius: 6px;
 	font-weight: 500;
 	font-size: 18px;
 	margin-bottom: 15px
 }


 @media screen and (max-width: 1000px) {
 	.kategori-menusu {
 		position: fixed;
 		width: 100%;
 		height: 100%;
 		left: -100%;
 		top: 0;
 		background: #fff;
 		z-index: 600;
 		transition: 0.5s;
 		display: flex;
 		align-content: stretch;
 		align-items: center
 	}

 	.kategori-menusu>div {
 		padding: 0px 40px
 	}

 }


 .tabloayari .colon {
 	padding: 30px 20px
 }

 .tabloayari .colon h2 {
 	font-weight: 600;
 }

 .tabloayari .colon p {
 	font-size: 15px;
 	letter-spacing: 0.5px;
 	line-height: 30px;
 }

 .h-bas h2 {
 	color: #000;
 	font-size: 28px;
 	margin: 0;
 	padding-bottom: 0px;
 }

 .h-p h1 {
 	color: #000;
 	font-size: 32px;
 	margin: 0;
 	padding-bottom: 0px
 }

 .h-p h2 {
 	color: #000;
 	font-size: 23px;
 	margin: 0;
 	padding-bottom: 0px;
 }

 .h-p h3 {
 	color: #000;
 	font-size: 20px;
 	margin: 0;
 	padding-bottom: 0px;
 }

 .h-p p {
 	color: #000;
 	font-size: 16px;
 	margin: 5px 0px;
 	padding-bottom: 10px;
 	line-height: 35px;
 	font-weight: 300;
 }

 @media screen and (max-width: 1000px) {
 	.h-p h1 {
 		color: #000;
 		font-size: 23px;
 		margin: 0;
 		padding-bottom: 0px
 	}

 	.h-p h2 {
 		color: #000;
 		font-size: 19px;
 		margin: 0;
 		padding-bottom: 0px;
 	}

 	.h-p h3 {
 		color: #000;
 		font-size: 18px;
 		margin: 0;
 		padding-bottom: 0px;
 	}

 	.h-p p {
 		color: #000;
 		font-size: 16px;
 		margin: 5px 0px;
 		padding-bottom: 10px;
 		line-height: 35px
 	}
 }



 @media screen and (max-width: 1000px) {
 	footer .t-right {
 		text-align: center;
 	}
 }

 .yaziyok {
 	display: none
 }


 .bg-tema {
 	background: #e6e5e1;
 }


 .ul-tab {
 	border-bottom: 1px solid #f2f2f2;
 }

 .ul-tab .li {
 	line-height: 35px;
 	float: left;
 	border-bottom: 5px solid #fff;
 	margin-right: 5px;
 	padding: 0px 50px;
 	font-size: 14px;
 	font-weight: 600;
 	color: #000
 }

 .ul-tab .li:hover {
 	cursor: pointer;
 	border-bottom: 5px solid #ddd;
 }

 .ul-tab .active {
 	border-bottom: 5px solid #000;
 }

 .tab-content {}

 .tab-content .li {
 	display: none;
 }

 .tab-content .li:first-child {
 	display: block;
 }

 #acordion {}

 #acordion .acordion {
 	padding: 0px;
 	background: #fff;
 }

 #acordion .acordion-title h3 {
 	cursor: pointer;
 	padding: 0px 30px;
 	line-height: 50px;
 	letter-spacing: -0.5px;
 	font-size: 18px;
 	font-weight: 600;
 	color: #203c59;
 	position: relative;
 	z-index: 0;
 }

 #acordion .acordion-title h3 i {
 	position: absolute;
 	line-height: 50px;
 	background: #1f3b58;
 	color: #fff;
 	top: 0px;
 	right: 0px;
 	padding: 0px 15px;
 	border-bottom-left-radius: 6px
 }

 #acordion .acordion-content {
 	display: none;
 }

 #acordion .block {
 	display: block
 }

 #acordion p {
 	margin: 0px;
 	padding: 0px;
 	color: #505050;
 	padding-bottom: 10px
 }

 .al-checkbox {
 	font-size: 14px;
 	line-height: 25px
 }

 .tab-menu-e {
 	padding-top: 20px
 }

 .tab-menu-e li {
 	display: inline-block;
 	padding: 5px 10px;
 	font-size: 14px;
 	color: #000;
 	border: 1px solid #ccc;
 	position: relative;
 }

 .tab-menu-e li:hover {
 	background: #f3f3f3;
 	cursor: pointer
 }

 .tab-menu-e .aktifTab:after {
 	content: '';
 	display: inline-block;
 	position: absolute;
 	left: 0;
 	bottom: -2px;
 	width: 100%;
 	height: 2px;
 	background: #fff;
 }

 .tab-content-e {
 	border: 1px solid #ccc;
 	padding: 20px;
 }

 .tab-content-e p {
 	font-size: 14px;
 	line-height: 30px;
 	color: #404040;
 }

 .tab-content-e ul li {
 	list-style: circle;
 	font-size: 14px;
 	line-height: 30px;
 	color: #404040;
 }

 .tab-content-e ul {
 	padding: 0px 20px;
 }



 .bg-gri {
 	background: #ecebe9;
 }

 .bg-beyaz {
 	background: #fff;
 }

 .bg-yesil {
 	background: #6cad49;
 	color: #fff;
 }

 .bg-yesil ul li {
 	color: #fff;
 }

 .bg-mavi {
 	background: #004A93;
 	color: #fff;
 }

 .bg-mavi ul li {
 	color: #fff;
 }

 .color-yesil {
 	color: #71B62C;
 }

 .color-mavi {
 	color: #9cb5d3;
 }

 .color-beyaz {
 	color: #fff;
 }

 .color-sari {
 	color: #FFBA00;
 }

 .color-kirmizi {
 	color: #E00F13 !important;
 }

 .color-gri {
 	color: #9B9B9B;
 }


 .buton-grup .btn-tema {
 	background: #1f3b58;
 }




 .article {
 	padding: 0px;
 	margin: 0px;
 	display: block;
 }

 .article p {
 	padding: 0px !important;
 	margin: 0px !important;
 	letter-spacing: 2px;
 }


 .article p img {
 	display: block;
 	width: 100%;
 	height: auto;
 }


 .text-banner-cover {
 	position: relative;
 	z-index: 0;
 	overflow: hidden;
 	height: 80vh;
 	display: flex;
 	align-items: center;
 	align-content: center;
 }

 .text-banner-cover>div {
 	width: 100%;
 }

 .text-banner-cover .text {
 	position: relative;
 	z-index: 10;
 }

 .text-banner-cover .cover {
 	z-index: 0;
 	height: 100%;
 	right: 0;
 	width: 100%;
 	top: 0;
 	position: absolute;
 	object-fit: contain;
 }

 .text-banner-cover .cover img {
 	position: absolute;
 	height: 100%;
 	object-fit: contain;
 	right: 0;
 	top: 0;
 }



 @media screen and (max-width: 768px) {

 	.text-banner-cover .cover img {
 		display: none;

 	}
 }












 .tema-A {
 	background: var(--light);
 }

 .tema-A a {
 	display: inline-block;
 	padding: 12px 32px;
 	border-radius: 10px;
 	background: var(--color-6);
 	letter-spacing: 1.5px;
 	color: #3b3331;
 	font-size: 13px;
 	font-weight: 500;
 }

 .tema-A a:hover {
 	background: #c9a882;
 }







 .tema-B {
 	background: #eccdaa;
 }

 .tema-B a {
 	display: inline-block;
 	padding: 12px 32px;
 	border-radius: 10px;
 	background: var(--color-6);
 	letter-spacing: 1.5px;
 	color: #3b3331;
 	min-width: 180px;
 	font-size: 13px;
 	font-weight: 400;
 	text-align: center;
 }

 .tema-B a:hover {
 	background: #c9a882;
 }

 .tema-C {
 	background: var(--color-4);
 }

 .tema-C a {
 	display: inline-block;
 	padding: 12px 32px;
 	border-radius: 10px;
 	background: var(--color-6);
 	letter-spacing: 1.5px;
 	color: #3b3331;
 	font-size: 13px;
 }

 .tema-C a:hover {
 	background: #c9a882;
 }

 .tema-D {
 	background: #e6b37e;
 }

 .tema-D a {
 	display: inline-block;
 	padding: 12px 32px;
 	border-radius: 10px;
 	background: var(--color-6);
 	letter-spacing: 1.5px;
 	color: #3b3331;
 	font-size: 13px;
 }

 .tema-D a:hover {
 	background: #c9a882;
 }

 .tema-E {
 	display: flex;
 	align-items: center;
 	align-content: center;
 }

 .tema-E a {
 	display: inline-block;
 	padding: 12px 32px;
 	border-radius: 10px;
 	background: var(--color-6);
 	letter-spacing: 1.5px;
 	color: #3b3331;
 	font-size: 13px;
 	font-weight: 500;
 }

 .tema-E a:hover {
 	background: #c9a882;
 }


 .tema-F {
 	background: var(--color-7);
 }

 .tema-F a {
 	display: inline-block;
 	padding: 12px 32px;
 	border-radius: 10px;
 	background: var(--color-6);
 	letter-spacing: 1.5px;
 	color: #3b3331;
 	font-size: 13px;
 }

 .tema-F a:hover {
 	background: #c9a882;
 }


 .tema-G {
 	display: flex;
 	align-items: center;
 	align-content: center;
 }

 .tema-G a {
 	display: inline-block;
 	padding: 12px 32px;
 	border-radius: 10px;
 	background: var(--color-6);
 	letter-spacing: 1.5px;
 	color: #3b3331;
 	font-size: 13px;
 }

 .tema-G a:hover {
 	background: #c9a882;
 }



 .box-A {
 	background: #bfddf7;
 }

 .box-A a {
 	display: inline-block;
 	padding: 10px 20px;
 	border-radius: 40px;
 	background: #fff;
 	letter-spacing: 2px;
 	color: #000;
 	font-size: 16px;
 	font-weight: 400;
 }

 .box-A a:hover {
 	background: #000;
 	color: #fff;
 }

 .box-A .article-xs {
 	padding-left: 50px;
 }





 .box-A-about {
 	background: #b7c4d4;
 }

 .box-A-about a {
 	display: inline-block;
 	padding: 10px 20px;
 	border-radius: 40px;
 	background: #fff;
 	letter-spacing: 2px;
 	color: #000;
 	font-size: 16px;
 	font-weight: 400;
 }

 .box-A-about  a:hover {
 	background: #000;
 	color: #fff;
 }

 .box-A-about .article-xs {
 	padding-left: 50px;
 }









 .box-A-2 {
 	background: #7392c8
 }

 .box-A-2 a {
 	display: inline-block;
 	padding: 10px 20px;
 	border-radius: 40px;
 	background: #fff;
 	letter-spacing: 2px;
 	color: #000;
 	font-size: 16px;
 	font-weight: 400;
 }

 .box-A-2 a:hover {
 	background: #000;
 	color: #fff;
 }

 .box-A-2 .article-xs {
 	padding-left: 50px;
 }








 .box-B {
 	background: #f8f8f6;
 }

 .box-B a {

 	background: var(--color-3);

 	display: inline-block;
 	padding: 10px 20px;
 	border-radius: 40px;

 	letter-spacing: 1px;
 	color: #000;
 	font-size: 16px;
 	font-weight: 400;
 	min-width: 200px;
 	text-align: center;


 }

 .box-B a:hover {
 	background: #000;
 	color: #fff;
 }


 .box-C {
 	background: var(--color-9);
 }

 .box-C a {
 	display: inline-block;
 	padding: 10px 20px;
 	border-radius: 40px;
 	background: #fff;
 	letter-spacing: 1px;
 	color: #000;
 }

 .box-C a:hover {
 	background: #000;
 	color: #fff;
 }

 .box-C img {
 	filter: var(--imgdodge);
 }



 .box-D {
 	background: var(--color-10);
 }

 .box-D .divcik {
 	columns: 2;
 	padding: 30px 0px;
 }

 @media screen and (max-width: 768px) {
 	.box-D .divcik {
 		columns: 1;
 		padding: 30px 0px;
 	}

 }


 .box-D .divcik-2 {
 	padding: 50px 40px;
 	background: #dabc96;
 }

 .box-D .divcik-2 h2 {
 	letter-spacing: 5px;
 }

 .divcck img {
 	margin-bottom: -30px;
 }


 .box-E {
 	background: var(--color-10);
 }

 .box-E p,
 .box-E p img,
 .box-E p {
 	padding: 0px;
 	margin: 0px;
 }


 .box-F {
 	background: #e2cdb2;
 }

 .box-F a {
 	display: inline-block;
 	padding: 10px 20px;
 	border-radius: 40px;
 	background: #fff;
 	letter-spacing: 1px;
 	color: #000;
 }

 .box-F a:hover {
 	background: #000;
 	color: #fff;
 }




 .box-ss {
 	background: #d2c0ba;
 }

 .box-ss a {
 	display: inline-block;
 	padding: 10px 20px;
 	border-radius: 40px;
 	background: #fff;
 	letter-spacing: 1px;
 	color: #000;
 	min-width: 200px;
 	font-size: 16px;
 	text-align: center;
 	font-weight: 400;
 }

 .box-ss a:hover {
 	background: #000;
 	color: #fff;
 }

 @media screen and (max-width: 768px) {

 	/**** mobile-deneyim ****/
 	.tema-B a,
 	.tema-A a,
 	.tema-C a,
 	.tema-D a,
 	.tema-E a,
 	.tema-F a,
 	.tema-G a {
 		padding: 10px 24px;
 		font-size: 12px;
 	}



 	.urun {

 		padding: 30px 5px;

 	}



 	.urun .sc-buton {
 		padding: 0px 20px;
 		line-height: 40px;
 		font-size: 14px;
 	}


 	.urun .isim {
 		font-size: 15px;
 		font-weight: 300;
 		padding-top: 20px;
 		letter-spacing: 2px;
 	}



 }




 .sehirinput {
 	appearance: none;
 	-webkit-appearance: none;
 	background-color: #e8d5bc;
 	border: none;
 	display: inline-block;
 	width: auto;
 	min-width: 180px;
 	padding: 10px 36px 10px 20px;
 	font-size: 13px;
 	font-weight: 400;
 	letter-spacing: 0.12em;
 	text-align: center;
 	text-transform: uppercase;
 	color: #2c2c2a;
 	cursor: pointer;
 	border-radius: 50px;
 	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16' viewBox='0 0 10 16'%3E%3Cpath d='M3 4l4 4-4 4' stroke='%232c2c2a' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
 	background-repeat: no-repeat;
 	background-position: right 14px center;
 	margin-bottom: 20px;
 }

 .site-font h1 {
 	font-size: 30px;
 	font-weight: 400;
 }

 .site-font h2 {
 	font-size: 28px;
 	font-weight: 400;
 }

 .site-font h3 {
 	font-size: 24px;
 	font-weight: 400;
 }

 .site-font p {
 	font-size: 18px;
 	line-height: 22px;
 	font-weight: 300;
 }



 .site-font-2 h1 {
 	font-size: 36px;
 	font-weight: 400;
 }

 .site-font-2 h2 {
 	font-size: 36px;
 	font-weight: 400;
 }

 .site-font-2 h3 {
 	font-size: 28px;
 	font-weight: 400;
 }

 .site-font-2 p {
 	font-size: 18px;
 	line-height: 22px;
 	font-weight: 300;
 }



 .site-font-3 h1 {
 	font-size: 36px;
 	font-weight: 300;
 }

 .site-font-3 h2 {
 	font-size: 36px;
 	font-weight: 300;
 }

 .site-font-3 h3 {
 	font-size: 28px;
 	font-weight: 400;
 }

 .site-font-3 p {
 	font-size: 18px;
 	line-height: 30px;
 	font-weight: 300;
 }

 .site-font-3 p a {
 	display: inline-block;
 	padding: 8px 20px;
 	background: #000;
 	color: #fff;
 	border-radius: 90px;
 }

 .site-font-3 p a:hover {
 	background: #404040;
 }

 .site-font-3 p strong {
 	font-weight: 600;
 }


 .site-font-xl h1 {
 	font-size: clamp(1.5rem, 6vw, 3rem);
 	font-weight: 100;
 }

 .site-font-xl h2 {
 	font-size: clamp(1.5rem, 6vw, 3rem);
 	font-weight: 300;
 	letter-spacing: 3px;
 }

 .site-font-xl h3 {
 	font-size: clamp(1rem, 5vw, 2rem);
 	font-weight: 300;
 	letter-spacing: 2px;
 }

 .site-font-xl h4 {
 	font-size: 24px;
 	font-weight: 500;
 	letter-spacing: 2px;
 }


 .site-font-xl p {
 	font-size: 18px;
 	line-height: 30px;
 	font-weight: 200;
 	letter-spacing: 1px;
 }

 .site-font-xl strong {

 	font-weight: 600;

 }









 .site-font-s h1 {
 	font-size: clamp(1.1rem, 6vw, 1.4rem);
 	font-weight: 100;
 }

 .site-font-s h2 {
 	font-size: clamp(1.1rem, 6vw, 1.4rem);
 	font-weight: 300;
 	letter-spacing: 3px;
 }

 .site-font-s h3 {
 	font-size: clamp(1.1rem, 6vw, 1.4rem);
 	font-weight: 300;
 	letter-spacing: 2px;
 }

 .site-font-s h4 {
 	font-size: 24px;
 	font-weight: 500;
 	letter-spacing: 2px;
 }


 .site-font-s p {
 	font-size: 16px;
 	line-height: 30px;
 	font-weight: 300;
 	letter-spacing: 1px;
 }

 .site-font-s strong {

 	font-weight: 600;

 }


 .site-font-s ul li { padding: 5px 0px;}


 .site-font-xl-2 h1,

 .site-font-xl-2 h2 {
 	font-size: clamp(2rem, 6vw, 4rem);
 	font-weight: 300;
 	letter-spacing: 3px;
 }

 .site-font-xl-2 h3 {
 	font-size: clamp(1rem, 6vw, 2rem);
 	font-weight: 300;
 	letter-spacing: 2px;
 }

 .site-font-xl-2 h4 {
 	font-size: 24px;
 	font-weight: 500;
 	letter-spacing: 2px;
 }


 .site-font-xl-2 p {
 	font-size: 18px;
 	line-height: 30px;
 	font-weight: 300;
 	letter-spacing: 1px;
 }

 .site-font-xl-2 strong {

 	font-weight: 600;

 }














 .buton-tema p a {
 	display: inline-block;
 	padding: 12px 32px;
 	background: var(--color-6);
 	color: #3b3331;
 	border-radius: 10px;
 	font-size: 13px;
 	letter-spacing: 1.5px;
 	min-width: 220px;
 	text-align: center;
 }

 .buton-tema p a:hover {
 	background: #c9a882;
 }

 .buton-tema-2 p a {
 	display: inline-block;
 	padding: 12px 32px;
 	background: rgba(255,255,255,0.15);
 	border: 1px solid rgba(255,255,255,0.75);
 	color: #fff;
 	border-radius: 50px;
 	font-size: 13px;
 	letter-spacing: 1.5px;
 	min-width: 220px;
 	text-align: center;
 	font-weight: 400;
 	backdrop-filter: blur(4px);
 }

 .buton-tema-2 p a:hover {
 	background: rgba(255,255,255,0.9);
 	color: #3b3331;
 	border-color: transparent;
 }


.banner-box {
  position: relative;
  overflow: hidden;
}

.banner-box .banner-box-img {
  position: relative;
  z-index: 0;
  width: 100%;
}

.banner-box .banner-box-img img {
  width: 100%;
  height: auto;
  display: block;
}

.banner-box .banner-box-content {
  display: flex;
  align-items: center;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.banner-box .banner-box-content-text {
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 50px;
  box-sizing: border-box;
}

/* Tablet */
@media (max-width: 991px) {
  .banner-box .banner-box-content-text {
    padding: 0 30px;
  }
}

/* Mobil */
@media (max-width: 576px) {
 
.banner-box .banner-box-content-text img {
  
  display:none;
}

  .banner-box .banner-box-img img {
    height: 420px;
    object-fit: cover;
    object-position: 25% center; /* kadını daha görünür yapar */
  }

  .banner-box .banner-box-content {
    align-items: center;
  }

  .banner-box .banner-box-content-text {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 0 18px;
    box-sizing: border-box;
  }
}


 /********************************* SUBELER REDESIGN *********************************/

 .sube-row {
 	background-color: #e9e5e2;
 	display: flex;
 	align-items: center;
 	margin-bottom: 20px;
 	min-height: 180px;
 	border-radius: 4px;
 	overflow: hidden;
 }

 .sube-section {
 	padding: 30px;
 	flex: 1 1 25%;
 	/* All boxes equal 25% */
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
 	height: 100%;
 	position: relative;
 	box-sizing: border-box;
 }

 .sube-logo-box {
 	align-items: center;
 }

 .sube-logo-box img {
 	max-width: 100%;
 	height: auto;
 	padding: 10px;
 }

 .sube-city-box {
 	border-left: 1px solid #fff;
 	text-align: center;
 }

 .sube-city-box h2 {
 	font-size: 20px;
 	font-weight: 300;
 	letter-spacing: 6px;
 	margin: 0;
 	text-transform: uppercase;
 }

 .sube-info-box {
 	border-left: 1px solid #fff;
 }

 .sube-info-box h3 {
 	font-size: 18px;
 	font-weight: 500;
 	margin: 0 0 5px 0;
 }

 .sube-info-box p {
 	font-size: 16px;
 	font-weight: 300;
 	margin: 2px 0;
 }

 .sube-action-box {
 	border-left: 1px solid #fff;
 	padding-right: 50px;
 	text-align: left;
 }

 .sube-hours {
 	font-size: 14px;
 	font-weight: 300;
 	color: #555;
 	margin-bottom: 12px;
 }

 .sube-btn-white {
 	display: inline-block;
 	background: #fff;
 	color: #000;
 	padding: 7px 18px;
 	border-radius: 50px;
 	text-decoration: none;
 	font-size: 13px;
 	font-weight: 500;
 	letter-spacing: 0.5px;
 	transition: all 0.3s;
 }

 .sube-btn-white:hover {
 	background: #000;
 	color: #fff;
 }

 @media screen and (max-width: 1000px) {
 	.sube-row {
 		flex-direction: column;
 		height: auto;
 	}

 	.sube-section {
 		width: 100%;
 		border-left: none;
 		border-bottom: 1px solid #fff;
 		padding: 20px;
 		text-align: center;
 	}

 	.sube-hours,
 	.sube-btn-white {
 		float: none;
 		text-align: center;
 	}
 }

 /***********************************************************************************/


 /* LOGIN & REGISTER REDESIGN */

 .login-page-wrap {
 	max-width: 1200px;
 	margin: 50px auto;
 	font-family: 'Jost', sans-serif;
 }

 .login-row {
 	display: flex;
 	justify-content: space-between;
 	gap: 80px;
 }

 .login-col {
 	flex: 1;
 }

 .login-title {
 	font-size: 43px;
 	font-weight: 300;
 	letter-spacing: 4px;
 	text-transform: uppercase;
 	margin-bottom: 30px;
 	color: #333;
 }

 .login-form-group {
 	margin-bottom: 20px;
 }

 .login-label {
 	display: block;
 	font-size: 22px;
 	font-weight: 300;
 	letter-spacing: 2px;
 	margin-bottom: 8px;
 	color: #555;
 }

 .login-input {
 	width: 100%;
 	background-color: #e8e7e3;
 	border: none;
 	padding: 15px 20px;
 	font-size: 15px;
 	color: #333;
 	outline: none;
 	box-sizing: border-box;
 }

 .login-actions {
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 	gap: 20px;
 	margin-top: 40px;
 }

 .login-btn-black {
 	background-color: #0b0b0b;
 	color: #fff;
 	border: none;
 	padding: 15px 40px;
 	border-radius: 90px;
 	font-size: 18px;
 	font-weight: 300;
 	letter-spacing: 4px;
 	cursor: pointer;
 	text-transform: uppercase;
 	transition: background 0.3s;
 	text-align: center;
 	font-family: 'Jost', sans-serif;
 	display: inline-flex;
 	justify-content: center;
 	align-items: center;
 	width: 48%;
 }

 .login-btn-black:hover {
 	background-color: #333;
 }

 .login-btn-gray {
 	background-color: #e8e7e3;
 	color: #000;
 	border: none;
 	padding: 15px 25px;
 	font-size: 22px;
 	font-weight: 300;
 	cursor: pointer;
 	display: inline-flex;
 	justify-content: space-between;
 	align-items: center;
 	text-decoration: none;
 	font-family: 'Jost', sans-serif;
 	width: 48%;
 	border-radius: 0;
 	/* Sharp corners like mockup */
 	box-sizing: border-box;
 	text-align: center
 }

 .rad-buton {
 	border-radius: 20px !important;
 }

 .login-btn-gray i {
 	font-size: 14px;
 }

 .login-checkbox-wrap {
 	display: flex;
 	align-items: center;
 	gap: 15px;
 	margin-top: 20px;
 }

 .login-checkbox-box {
 	width: 35px;
 	height: 35px;
 	background-color: #e8e7e3;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	cursor: pointer;
 }

 .login-checkbox-box input[type="checkbox"] {
 	display: none;
 }

 .login-checkbox-box .check-mark {
 	width: 15px;
 	height: 15px;
 	background-color: #000;
 	display: none;
 }

 .login-checkbox-box input[type="checkbox"]:checked+.check-mark {
 	display: block;
 }

 .login-checkbox-text {
 	font-size: 22px;
 	font-weight: 300;
 	color: #000;
 	text-align: center;
 }

 .login-service-bar {
 	background-color: #e8e7e3;
 	padding: 15px 40px;
 	margin-top: 80px;
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
 }

 .login-service-left {
 	font-size: 16px;
 	font-weight: 400;
 	letter-spacing: 2px;
 	text-transform: uppercase;
 	color: #555;
 }

 .login-service-right {
 	display: flex;
 	align-items: center;
 	gap: 20px;
 	font-size: 18px;
 	font-weight: 400;
 	letter-spacing: 2px;
 	color: #555;
 }

 .login-service-right i {
 	font-size: 24px;
 	color: #000;
 }

 @media screen and (max-width: 900px) {
 	.login-row {
 		flex-direction: column;
 		gap: 50px;
 	}
 }

 /* CHECKOUT PAGE REDESIGN */

 .checkout-page-wrap {
 	max-width: 1200px;
 	margin: 50px auto;
 	font-family: 'Jost', sans-serif;
 	padding: 0 20px;
 }

 .checkout-title {
 	font-size: 32px;
 	font-weight: 300;
 	letter-spacing: 6px;
 	text-transform: uppercase;
 	margin-bottom: 20px;
 	color: #000;
 }

 .checkout-steps-bar {
 	display: flex;
 	align-items: center;
 	border-top: 1px solid #333;
 	border-bottom: 1px solid #333;
 	padding: 15px 0;
 	margin-bottom: 50px;
 	font-size: 14px;
 	font-weight: 400;
 	letter-spacing: 3px;
 	color: #000;
 	text-transform: uppercase;
 }

 .checkout-steps-bar span.sep {
 	margin: 0 15px;
 	color: #999;
 }

 .checkout-steps-bar span.active {
 	font-weight: 500;
 	color: #000;
 }

 .checkout-steps-bar span.inactive {
 	font-weight: 300;
 	color: #777;
 }

 .checkout-form-grid {
 	display: grid;
 	grid-template-columns: 1fr 1fr;
 	gap: 30px;
 	margin-bottom: 30px;
 }

 .checkout-form-full {
 	grid-column: 1 / -1;
 }

 .checkout-input-group {
 	display: flex;
 	flex-direction: column;
 }

 .checkout-label {
 	font-size: 18px;
 	font-weight: 300;
 	letter-spacing: 2px;
 	margin-bottom: 10px;
 	color: #555;
 }

 .checkout-input,
 .checkout-select,
 .checkout-textarea {
 	width: 100%;
 	background-color: #e8e7e3;
 	border: none;
 	padding: 15px 20px;
 	font-size: 16px;
 	font-family: 'Jost', sans-serif;
 	color: #333;
 	outline: none;
 	box-sizing: border-box;
 }

 .checkout-textarea {
 	resize: vertical;
 	min-height: 120px;
 }

 .checkout-btn-bar {
 	display: flex;
 	justify-content: flex-end;
 	margin-top: 20px;
 	margin-bottom: 60px;
 }

 .checkout-btn-black {
 	background-color: #0b0b0b;
 	color: #fff;
 	border: none;
 	padding: 15px 50px;
 	border-radius: 90px;
 	font-size: 16px;
 	font-weight: 300;
 	letter-spacing: 3px;
 	cursor: pointer;
 	text-transform: uppercase;
 	transition: background 0.3s;
 }

 .checkout-btn-black:hover {
 	background-color: #333;
 }

 @media screen and (max-width: 768px) {
 	.checkout-form-grid {
 		grid-template-columns: 1fr;
 	}
 }

 /* CART PAGE REDESIGN */

 .cart-page-wrap {
 	max-width: 1200px;
 	margin: 50px auto;
 	font-family: 'Jost', sans-serif;
 	padding: 0 20px;
 }

 .cart-page-title {
 	font-size: 32px;
 	font-weight: 300;
 	letter-spacing: 6px;
 	text-transform: uppercase;
 	margin-bottom: 40px;
 	color: #333;
 }

 .cart-item-row {
 	display: flex;
 	align-items: center;
 	padding: 30px 0;
 	border-bottom: 2px solid #000;
 }

 .cart-item-img {
 	width: 180px;
 	height: 180px;
 	flex-shrink: 0;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	overflow: hidden;
 	background-color: #f5f5f5;
 	/* Fallback */
 }

 .cart-item-img img {
 	max-width: 100%;
 	max-height: 100%;
 	object-fit: contain;
 }

 .cart-item-info {
 	flex: 2;
 	padding: 0 40px;
 }

 .cart-item-info h3 {
 	font-size: 16px;
 	font-weight: 400;
 	letter-spacing: 3px;
 	margin: 0 0 5px 0;
 	text-transform: uppercase;
 	color: #333;
 }

 .cart-item-info p {
 	font-size: 14px;
 	font-weight: 300;
 	letter-spacing: 2px;
 	margin: 0;
 	color: #555;
 	text-transform: uppercase;
 }

 .cart-item-price-box {
 	flex: 1.5;
 	text-align: center;
 }

 .cart-item-price-box p {
 	font-size: 16px;
 	font-weight: 500;
 	letter-spacing: 2px;
 	margin: 0;
 	color: #000;
 }

 .cart-item-action {
 	flex: 1;
 	text-align: right;
 }

 .cart-btn-black {
 	display: inline-block;
 	background-color: #1a1a1a;
 	color: #fff;
 	border: none;
 	padding: 10px 40px;
 	border-radius: 50px;
 	font-size: 14px;
 	font-weight: 300;
 	letter-spacing: 2px;
 	cursor: pointer;
 	text-decoration: none;
 	transition: background 0.3s;
 }

 .cart-btn-black:hover {
 	background-color: #333;
 }

 .cart-total-row {
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
 	padding: 30px 0;
 	border-bottom: 2px solid #000;
 	margin-bottom: 40px;
 }

 .cart-total-label {
 	font-size: 20px;
 	font-weight: 400;
 	letter-spacing: 4px;
 }

 .cart-total-value {
 	font-size: 20px;
 	font-weight: 500;
 	letter-spacing: 2px;
 }

 .cart-actions-row {
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
 	margin-bottom: 60px;
 }

 .cart-actions-left {
 	display: flex;
 	gap: 20px;
 }

 .cart-action-btn-black {
 	display: inline-block;
 	background-color: #000;
 	color: #fff;
 	padding: 15px 30px;
 	border-radius: 50px;
 	font-size: 14px;
 	font-weight: 400;
 	letter-spacing: 2px;
 	text-decoration: none;
 	text-align: center;
 	transition: background 0.3s;
 }

 .cart-action-btn-pink {
 	display: inline-block;
 	background-color: #cbadab;
 	/* Dusty rose */
 	color: #000;
 	padding: 15px 40px;
 	border-radius: 50px;
 	font-size: 14px;
 	font-weight: 500;
 	letter-spacing: 2px;
 	text-decoration: none;
 	text-align: center;
 	transition: opacity 0.3s;
 }

 .cart-action-btn-pink:hover {
 	opacity: 0.8;
 }

 @media screen and (max-width: 900px) {
 	.cart-item-row {
 		flex-direction: column;
 		text-align: center;
 		gap: 20px;
 	}

 	.cart-item-info {
 		padding: 0;
 	}

 	.cart-item-action {
 		text-align: center;
 	}

 	.cart-actions-row {
 		flex-direction: column;
 		gap: 20px;
 	}

 	.cart-actions-left {
 		flex-direction: column;
 		width: 100%;
 	}

 	.cart-action-btn-black,
 	.cart-action-btn-pink {
 		width: 100%;
 		box-sizing: border-box;
 	}
 }


 .banner-font h1,
 .banner-font h2 {
 	font-size: clamp(2rem, 6vw, 3rem);
 	font-weight: 300;
 	letter-spacing: 3px;
 }

 .banner-font h3 {
 	font-size: clamp(1rem, 6vw, 2rem);
 	font-weight: 300;
 	letter-spacing: 2px;
 }

 .banner-font p {
 	font-size: 20px;
 	line-height: 22px;
 	font-weight: 300;
 	letter-spacing: 1px;
 	padding: 0px;
 	margin: 0px;
 }


@media (max-width: 576px) {

  .banner-font h1,
  .banner-font h2 {
    font-size: 22px;
    line-height: 1;
    font-weight: 400;
  }

  .banner-font h3 {
    font-size: 16px;
    line-height: 1;
  }

  .banner-font p {
    font-size: 13px;
    line-height: 1.35;
  }

}




  .banner-font-2 h1,
 .banner-font-2 h2 {
 	font-size: clamp(1.6rem, 6vw, 2.5rem);
 	font-weight: 200;
 	letter-spacing: 5px;
	padding-bottom: 15px;
 }

 .banner-font-2 h3 {
 	font-size: clamp(1rem, 6vw, 2rem);
 	font-weight: 200;
 	letter-spacing: 2px;
 }

 .banner-font-2 p {
 	font-size: 17px;
 	line-height: 22px;
 	font-weight: 200;
 	letter-spacing: 1px;
 	padding: 0px;
 	margin: 0px;
 }




 .letter-1 h2 {
 	letter-spacing: 5px;


 }

 .letter-2 h2 {
 	letter-spacing: 20px;
 }

 .letter-3 h2 {
 	letter-spacing: 15px;
 	padding-bottom: 30px;
 }

 .letter-3 h3 {
 	letter-spacing: 5px;
 	font-size: 27px;
 }


 .letter-4 h2 {
 	letter-spacing: 15px;
 	padding-bottom: 30px;
 }

 .letter-4 h3 {
 	letter-spacing: 5px;
 	font-size: 27px;
 }

 .letter-4 a {

 	min-width: 300px;
 	font-size: 16px;
 	letter-spacing: 2px;
 }

 /********************************** MINI CART REFINED *********************************/
 .mini-cart-overlay {
 	position: fixed;
 	top: 0;
 	right: 0;
 	width: 100%;
 	height: 100%;
 	background: rgba(0, 0, 0, 0.4);
 	z-index: 9998;
 	display: none;
 	backdrop-filter: blur(3px);
 }

 .mini-cart-panel {
 	position: fixed;
 	top: 0;
 	right: -500px;
 	width: 480px;
 	height: 100%;
 	background: #fff;
 	z-index: 9999;
 	box-shadow: -10px 0 30px rgba(0, 0, 0, 0.05);
 	transition: right 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
 	padding: 60px 40px;
 	box-sizing: border-box;
 	display: flex;
 	flex-direction: column;
 }

 .mini-cart-panel.active {
 	right: 0;
 }

 .mini-cart-header {
 	border-bottom: 1px solid #eee;
 	padding-bottom: 15px;
 	margin-bottom: 25px;
 }

 .mini-cart-header h2 {
 	font-size: 20px;
 	font-weight: 500;
 	text-transform: uppercase;
 	letter-spacing: 2px;
 	margin-bottom: 10px;
 	color: #000;
 	font-family: var(--font-title);
 }

 .mini-cart-header .go-cart {
 	font-size: 14px;
 	text-transform: uppercase;
 	letter-spacing: 1px;
 	color: #333;
 	text-decoration: none;
 	padding-bottom: 0px;
 }

 .mini-cart-items {
 	flex: 1;
 	overflow-y: auto;
 	padding-right: 15px;
 }

 .mini-cart-items::-webkit-scrollbar {
 	width: 4px;
 }

 .mini-cart-items::-webkit-scrollbar-thumb {
 	background: #eee;
 	border-radius: 10px;
 }

 .mini-cart-item {
 	display: flex;
 	gap: 25px;
 	margin-bottom: 35px;
 	align-items: flex-start;
 }

 .mini-cart-item-img {
 	width: 140px;
 	height: 140px;
 	background: #f8f8f8;
 	overflow: hidden;
 }

 .mini-cart-item-img img {
 	width: 100%;
 	height: 100%;
 	object-fit: cover;
 }

 .mini-cart-item-details {
 	flex: 1;
 }

 .mini-cart-item-details h3 {
 	font-size: 15px;
 	font-weight: 400;
 	text-transform: uppercase;
 	letter-spacing: 1.5px;
 	margin-bottom: 15px;
 	line-height: 1.5;
 	color: #333;
 }

 .mini-cart-qty-row {
 	display: flex;
 	gap: 12px;
 	margin-bottom: 12px;
 }

 .mini-cart-qty {
 	display: flex;
 	background: #a7b3c2;
 	/* Mockup gray */
 	border-radius: 30px;
 	/* Pill shape */
 	overflow: hidden;
 	height: 32px;
 	align-items: center;
 	color: #fff;
 	padding: 0 5px;
 }

 .mini-cart-qty span {
 	width: 25px;
 	text-align: center;
 	font-size: 18px;
 	cursor: pointer;
 	font-weight: 300;
 }

 .mini-cart-qty .qty-val {
 	cursor: default;
 	padding: 0 10px;
 	font-size: 14px;
 	font-weight: 500;
 }

 .mini-cart-remove {
 	background: #a7b3c2;
 	/* Mockup gray */
 	color: #fff;
 	border-radius: 30px;
 	/* Pill shape */
 	height: 32px;
 	line-height: 32px;
 	padding: 0 25px;
 	font-size: 12px;
 	text-transform: uppercase;
 	letter-spacing: 1px;
 	cursor: pointer;
 	font-weight: 500;
 }

 .btn-go-product {
 	display: inline-block;
 	background: #000;
 	color: #fff;
 	text-align: center;
 	padding: 8px 30px;
 	font-size: 12px;
 	text-transform: uppercase;
 	letter-spacing: 1px;
 	text-decoration: none;
 	margin-top: 5px;
 	border-radius: 30px;
 	/* Pill shape */
 	transition: background 0.3s;
 }

 .btn-go-product:hover {
 	background: #333;
 }

 .mini-cart-close {
 	position: absolute;
 	top: 25px;
 	right: 25px;
 	cursor: pointer;
 	font-size: 24px;
 	color: #999;
 }

 .mini-cart-close:hover {
 	color: #000;
 }

 .mini-cart-footer {
 	margin-top: auto;
 	border-top: 1px solid #eee;
 	padding-top: 30px;
 }

 .mini-cart-footer .total-row {
 	display: flex;
 	justify-content: space-between;
 	font-weight: 600;
 	font-size: 18px;
 	margin-bottom: 25px;
 	color: #000;
 	letter-spacing: 1px;
 }

 .mini-cart-footer .btn-checkout {
 	background: #000;
 	color: #fff;
 	text-align: center;
 	line-height: 55px;
 	display: block;
 	text-transform: uppercase;
 	letter-spacing: 2px;
 	font-weight: 600;
 	text-decoration: none;
 	border-radius: 0;
 	/* Theme button style? Actually user wants ovality */
 	border-radius: 40px;
 	transition: background 0.3s;
 }

 .mini-cart-footer .btn-checkout:hover {
 	background: #333;
 }

 @media screen and (max-width: 500px) {
 	.mini-cart-panel {
 		width: 100%;
 		right: -100%;
 		padding: 40px 20px;
 	}
 }

 /* --- CONTACT PAGE REDESIGN (Task 9) --- */
 .contact-page-wrap {
 	background-color: #d5c2bb;
 	padding: 80px 20px;
 	min-height: 100vh;
 	font-family: 'Jost', sans-serif;
 	color: #333;
 }

 .contact-header {
 	text-align: center;
 	max-width: 700px;
 	margin: 0 auto 50px;
 }

 .contact-main-title {
 	font-size: 38px;
 	font-weight: 300;
 	letter-spacing: 10px;
 	text-transform: uppercase;
 	margin: 0 0 24px;
 	line-height: 1.3;
 }

 .contact-title {
 	font-size: 38px;
 	font-weight: 300;
 	letter-spacing: 10px;
 	text-transform: uppercase;
 	margin-bottom: 24px;
 }

 .contact-subtitle {
 	font-size: 18px;
 	font-weight: 300;
 	line-height: 1.7;
 	color: #3b3331;
 }

 .contact-subtitle p {
 	font-size: 18px;
 	line-height: 1.7;
 }

 .contact-form-container {
 	max-width: 900px;
 	margin: 0 auto;
 }

 .contact-form-grid {
 	display: grid;
 	grid-template-columns: 1fr 1fr;
 	gap: 20px 30px;
 	margin-bottom: 25px;
 }

 .contact-input-group {
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
 }

 .contact-form-full {
 	grid-column: 1 / -1;
 }

 .contact-label {
 	font-size: 15px;
 	font-weight: 400;
 	color: #444;
 	letter-spacing: 1px;
 }

 .contact-input,
 .contact-select,
 .contact-textarea {
 	background-color: #e5e0dc;
 	border: none;
 	border-radius: 0;
 	padding: 15px 20px;
 	font-family: 'Jost', sans-serif;
 	font-size: 16px;
 	color: #333;
 	width: 100%;
 	outline: none;
 	transition: background-color 0.3s;
 }

 .contact-input:focus,
 .contact-select:focus,
 .contact-textarea:focus {
 	background-color: #eee9e5;
 }

 .contact-textarea {
 	min-height: 180px;
 	resize: none;
 }

 /* Custom Select Styling */
 .contact-select {
 	appearance: none;
 	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E");
 	background-repeat: no-repeat;
 	background-position: right 20px center;
 	text-transform: uppercase;
 	letter-spacing: 1px;
 	cursor: pointer;
 }

 .contact-btn-bar {
 	display: flex;
 	justify-content: flex-end;
 	margin-top: 30px;
 	padding-bottom: 80px;
 }

 .contact-btn-black {
 	background-color: #0b0b0b;
 	color: #fff;
 	border: none;
 	border-radius: 50px;
 	padding: 12px 45px;
 	font-family: 'Jost', sans-serif;
 	font-size: 13px;
 	font-weight: 500;
 	letter-spacing: 2px;
 	text-transform: uppercase;
 	cursor: pointer;
 	transition: transform 0.2s, background-color 0.2s;
 }

 .contact-btn-black:hover {
 	background-color: #1a1a1a;
 	transform: translateY(-1px);
 }

 .contact-footer-bar {
 	display: flex;
 	justify-content: space-between;
 	align-items: flex-end;
 	padding-top: 40px;
 }

 .contact-service-info {
 	font-family: 'Jost', sans-serif;
 }

 .contact-service-label {
 	font-size: 13px;
 	font-weight: 500;
 	letter-spacing: 2px;
 	text-transform: uppercase;
 	margin-bottom: 15px;
 	display: block;
 }

 .contact-service-phone {
 	font-size: 18px;
 	font-weight: 400;
 	display: flex;
 	align-items: center;
 	gap: 12px;
 	color: inherit;
 	text-decoration: none;
 }

 .contact-footer-icons {
 	display: flex;
 	flex-direction: column;
 	gap: 15px;
 }

 .contact-footer-icons i {
 	font-size: 28px;
 	color: #000;
 	cursor: pointer;
 }

 @media screen and (max-width: 768px) {
 	.contact-title {
 		font-size: 28px;
 		letter-spacing: 6px;
 	}

 	.contact-form-grid {
 		grid-template-columns: 1fr;
 	}

 	.contact-page-wrap {
 		padding: 40px 15px;
 	}

 	.contact-footer-bar {
 		flex-direction: column;
 		align-items: flex-start;
 		gap: 30px;
 	}

 	.contact-footer-icons {
 		flex-direction: row;
 		width: 100%;
 		justify-content: flex-end;
 	}
 }


 .metinle {
 	position: relative;
 }

 .metinle img {
 	filter: brightness(0) saturate(100%) !important
 }

 .metinle {

 	width: 30% !important;
 	margin: 0 auto;
 	transform: translateX(70%);
 }

 .metinle h2 {
 	color: #000 !important;
 }




 .section-3 {
    background: #ead8d1;
    padding: 45px 20px 70px;
    font-family: "Jost", sans-serif;
    color: #3b3331;
}

.section-3-inner {
    max-width: 1280px;
    margin: 0 auto;
}

.section-3-title h2 {
    text-align: center;
    font-size: 38px;
    font-weight: 300;
    letter-spacing: 6px;
    line-height: 1.3;
    margin: 0 0 56px;
}

.section-3-grid {
    display: grid;
    grid-template-columns: 1fr 540px 1fr;
    align-items: center;
    gap: 60px;
}

.section-3-col {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.section-3-col li {
    list-style: none;
}
.section-3-item strong {
    display: block;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 7px;
    margin-bottom: 12px;
}

.section-3-item p {
    font-size: 19px;
    font-weight: 300;
    line-height: 1.65;
    margin: 0;
}

.section-3-image {
    background: #f4e9e4;
    border-radius: 8px;
    overflow: hidden;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-3-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Mobil */
@media (max-width: 991px) {
    .section-3 {
        padding: 40px 18px;
    }

    .section-3-title h2 {
        font-size: 24px;
        letter-spacing: 8px;
        margin-bottom: 35px;
    }

    .section-3-grid {
        display: flex;
        flex-direction: column;
        gap: 35px;
    }

    .section-3-image {
        order: 1;
        width: 100%;
        max-width: 520px;
    }

    .section-3-left {
        order: 2;
    }

    .section-3-right {
        order: 3;
    }

    .section-3-col {
        width: 100%;
        gap: 24px;
    }

    .section-3-col p {
        font-size: 18px;
    }

    .section-3-col strong {
        letter-spacing: 5px;
    }
}








.section-4 {
    background: #f3ede6;
    padding: 70px 20px 80px;
    font-family: "Jost", sans-serif;
    color: #2f2927;
}

.section-4-inner {
    max-width: 900px;
    margin: 0 auto;
}

.section-4-title {
    text-align: center;
    margin-bottom: 56px;
}

.section-4-title h2 {
    font-size: 38px;
    font-weight: 300;
    letter-spacing: 10px;
    line-height: 1.3;
    margin: 0 0 16px;
}

.section-4-title p {
    max-width: 640px;
    margin: 0 auto;
    font-size: 19px;
    font-weight: 300;
    line-height: 1.65;
}

.section-4-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 85px;
    row-gap: 42px;
}

.section-4-item {
    display: grid;
    grid-template-columns: 38px 1fr;
    gap: 20px;
}

.section-4-no {
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 5px;
    padding-top: 3px;
}

.section-4-text strong {
    display: block;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 7px;
    margin-bottom: 12px;
}

.section-4-text p {
    font-size: 19px;
    font-weight: 300;
    line-height: 1.65;
    margin: 0;
}

/* Mobil */
@media (max-width: 768px) {
    .section-4 {
        padding: 45px 18px;
    }

    .section-4-title h2 {
        font-size: 24px;
        letter-spacing: 8px;
    }

    .section-4-title p {
        font-size: 17px;
    }

    .section-4-list {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .section-4-item {
        grid-template-columns: 34px 1fr;
        gap: 16px;
    }

    .section-4-text p {
        font-size: 18px;
    }

    .section-4-text strong {
        letter-spacing: 5px;
    }
}












 /* --- PRODUCT DETAIL REDESIGN (Task 12) --- */
 .pd-redesign-wrap {
 	font-family: 'Jost', sans-serif;
 	padding: 20px 50px;
 	color: #000;
 }

 @media screen and (max-width: 768px) {
 	.pd-redesign-wrap {

 		padding: 20px 30px;

 	}

 }

 .pd-logo {
 	margin-bottom: 20px;
 }

 .pd-logo img {
 	height: 60px;
 	width: auto;
 }

 .pd-title-row {
 	display: flex;
 	justify-content: space-between;
 	align-items: flex-start;
 	margin-bottom: 25px;
 	gap: 20px;
 }

 .pd-title-row h1 {
 	font-size: 32px;
 	font-weight: 300;
 	letter-spacing: 5px;
 	text-transform: uppercase;
 	margin: 0;
 	line-height: normal;
 }

 .pd-fav-btn {
 	background: #f5f5f5;
 	width: 50px;
 	height: 50px;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	border-radius: 4px;
 	color: #333;
 	font-size: 20px;
 	flex-shrink: 0;
 	text-decoration: none;
 	transition: background 0.3s;
 }

 .pd-fav-btn:hover {
 	background: #eee;
 }

 .pd-kargo-section {
 	margin-bottom: 30px;
 }

 .pd-kargo-label {
 	font-size: 14px;
 	font-weight: 400;
 	letter-spacing: 2px;
 	text-transform: uppercase;
 	text-decoration: underline;
 	margin-bottom: 10px;
 	display: block;
 }

 #kargo-timer {
 	font-size: 13px;
 	color: #333;
 	font-weight: 400;
 }

 .pd-price-pill {
 	background: #cccccc;
 	border-radius: 50px;
 	padding: 15px 30px;
 	text-align: left;
 	margin-bottom: 15px;
 	font-size: 18px;
 	font-weight: 600;
 	letter-spacing: 1px;
 }

 .pd-add-to-cart-pill {
 	background: #000;
 	color: #fff;
 	border-radius: 50px;
 	padding: 15px 30px;
 	text-align: left;
 	font-size: 14px;
 	font-weight: 500;
 	letter-spacing: 2px;
 	text-transform: uppercase;
 	cursor: pointer;
 	transition: background 0.3s;
 	border: none;
 	display: block;
 	width: 100%;
 }

 .pd-add-to-cart-pill:hover {
 	background: #222;
 }

 @media screen and (max-width: 768px) {
 	.pd-title-row h1 {
 		font-size: 24px;
 		letter-spacing: 3px;
 	}
 }

 .icindekiler p {

 	font-size: 16px;
 	line-height: 30px;
 	font-weight: 300;



 }

 .icindekiler span {
 	display: inline-block !important;
 	width: calc(100% + 12px);
 	padding: 6px 12px !important;
 	margin: 0px;
 	margin-left: -6px;
 }

 .icindekiler strong {
 	display: inline-block !important;
 	padding: 0px !important;
 	width: 100%;
 }

 .color-hikaye h2 {
 	color: #fff;
 }

 .color-hikaye .banner-box-content-text img {
 	filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(0%) hue-rotate(4deg) brightness(113%) contrast(100%);
 }

 /* --- SEARCH RESULTS REDESIGN (Task 15) --- */
 .aramasonuclari {
 	display: flex;
 	flex-direction: column;
 	align-items: center;
 	padding: 20px 0;
 }

 .search-item-wrap {
 	width: 100%;
 	max-width: 450px;
 	margin-bottom: 50px;
 	text-align: center;
 }

 .search-item-image {
 	width: 100%;
 	aspect-ratio: 1 / 1;
 	overflow: hidden;
 	margin-bottom: 25px;
 	background: #f5f5f5;
 }

 .search-item-image img {
 	width: 100%;
 	height: 100%;
 	object-fit: cover;
 	transition: transform 0.5s ease;
 }

 .search-item-wrap:hover .search-item-image img {
 	transform: scale(1.05);
 }

 .search-item-info {
 	padding: 0 10px;
 }

 .brand-name {
 	font-family: 'Jost', sans-serif;
 	font-size: 18px;
 	letter-spacing: 2px;
 	color: #333;
 	margin-bottom: 5px;
 }

 .product-title {
 	font-family: 'Jost', sans-serif;
 	font-size: 16px;
 	letter-spacing: 1px;
 	font-weight: 400;
 	margin-bottom: 25px;
 	color: #000;
 }

 .search-action-buttons {
 	display: flex;
 	flex-direction: column;
 	align-items: center;
 	gap: 15px;
 }

 .search-btn-gray {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	width: 250px;
 	height: 45px;
 	background-color: #a4bbd1;
 	color: #fff;
 	text-decoration: none;
 	border-radius: 50px;
 	font-family: 'Jost', sans-serif;
 	font-size: 16px;
 	letter-spacing: 2px;
 	text-transform: uppercase;
 	transition: opacity 0.3s ease;
 }

 .search-btn-black {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	width: 420px;
 	max-width: 100%;
 	height: 55px;
 	background-color: #000;
 	color: #fff;
 	text-decoration: none;
 	border-radius: 50px;
 	font-family: 'Jost', sans-serif;
 	font-size: 18px;
 	letter-spacing: 2px;
 	text-transform: uppercase;
 	transition: background 0.3s ease;
 }

 .search-btn-gray:hover,
 .search-btn-black:hover {
 	opacity: 0.85;
 }

 @media only screen and (max-width: 768px) {
 	.search-btn-black {
 		width: 100%;
 	}
 }


 .urun-aciklamasi p {
 	font-weight: 300;
 	font-size: 16px;
 	line-height: 30px;
 }


 .footer-header img {
 	width: 450px;
 	max-width: 100%;
 }

 @media (max-width:500px) {
 	.footer-header img {
 		width: 90%;
 	}
 }



 .img-450 p img {
 	width: 450px;
 	max-width: 100%;
 }

 @media (max-width:500px) {
 	.img-450 p img {
 		width: 100%;

 	}

 	.img-450 .article-xs {
 		padding: 40px 20px;
 	}


 }


 .white-content h1,
 .white-content h2,
 .white-content h3,
 .white-content p,
 .white-content strong,
 .white-content { color: #fff;}

  .white-content .banner-box-content-text img { filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(289deg) brightness(102%) contrast(105%); }


/* ===== TEMPORARILY HIDDEN - Price / Cart / Shipping ===== */
/* Products listing page: hide prices */
.urun .fiyat { display: none !important; }

/* Product detail page: hide HEMEN KARGO, timer, price, add to cart */
.pd-kargo-section,
.pd-action-box { display: none !important; }
/* ===== END HIDDEN ===== */



/* ── Sosyal Medya İkonları ───────────────────────────── */
.sc-social a {
    display: inline-block;
    padding: 0 8px;
    font-size: 16px;
    color: #000;
    transition: opacity 0.2s;
}
.sc-social a:hover { opacity: 0.55; }

.footer-social {
    text-align: center;
    padding: 10px 0 0;
}
.footer-social a {
    display: inline-block;
    margin: 0 8px;
    font-size: 17px;
    color: rgba(255,255,255,0.7);
    transition: opacity 0.2s;
}
.footer-social a:hover {
    color: #fff;
    opacity: 1;
}

@media screen and (max-width: 1000px) {
    .sc-social a { padding: 0 5px; font-size: 14px; }
}

/* ── Footer Follow Us ─────────────────────────────── */
.footer-follow-icons {
    list-style: none;
    padding: 4px 0 0;
}
.footer-follow-icons a {
    display: inline-block;
    margin-right: 14px;
    font-size: 18px;
    color: rgba(255,255,255,0.75);
    transition: color 0.2s;
    text-decoration: none;
}
.footer-follow-icons a:hover {
    color: #fff;
}

/* ── Jost fontu site geneli (inline font-family override dahil) ── */
h1, h2, h3, h4, h5, h6, p, li, a, span, strong, div, td, th, label {
    font-family: "Jost", sans-serif;
}
article span[style*="font-family"],
.article-xs span[style*="font-family"],
.tema-text span[style*="font-family"] {
    font-family: "Jost", sans-serif !important;
}
.fa {
    font-family: FontAwesome !important;
}

/* Verified QA fixes: semantic contact links, submission state and narrow-screen safety. */

._form_gonder.is-submitting {
    opacity: .65;
    pointer-events: none;
}
.h-p ul {
    margin: 0 0 22px 1.25rem;
}
.h-p li {
    margin-bottom: 8px;
}
@media screen and (max-width: 767px) {
    .sclinic-whatsapp-float {
        right: 12px;
        bottom: 20px;
    }
    .footer-logo-x .colon {
        width: 100%;
    }
    #scroll.h-p {
        overflow-wrap: anywhere;
    }
    #scroll.h-p .btn {
        display: block;
        width: 100%;
        min-height: 44px;
        box-sizing: border-box;
        text-align: center;
    }
}
/* ===== CEO PPT HOMEPAGE RESTORE ===== */
.DARSLIDER[data-slide-count="1"] .owl-dots {
    display: none;
}

.DARSLIDER .li .text {
    color: #fff;
}

.sclinic-home-about .banner-box-content-text {
    padding-left: 54%;
    text-align: center;
    color: #24201f;
}

.sclinic-home-about .banner-box-content-text h2 {
    margin: 0 0 10px;
    font-size: 34px;
    font-weight: 300;
    letter-spacing: 5px;
}

.sclinic-home-about .banner-box-content-text h3 {
    margin: 0 0 18px;
    font-size: 23px;
    font-weight: 400;
    letter-spacing: 1px;
}

.sclinic-home-about .banner-box-content-text p {
    max-width: 680px;
    margin: 0 auto 12px;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.65;
}

.sclinic-about-divider {
    display: flex;
    min-height: 195px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #fff;
}

.sclinic-about-divider img {
    display: block;
    width: min(455px, 100%);
    height: auto;
    margin: 0 auto;
}

.sclinic-science-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 12px 0 24px;
    overflow: hidden;
    background: #fff;
}

.sclinic-science-divider img {
    display: block;
    width: min(250px, 70vw);
    height: auto;
    margin: 0 auto;
}

.sclinic-home-experts .article-xs {
    padding: 45px 30px;
    text-align: center;
}

.sclinic-home-experts .article-xs h2 {
    letter-spacing: 12px;
}

.sclinic-home-experts .article-xs h3 {
    letter-spacing: 4px;
}

@media screen and (max-width: 1000px) {
    .DARSLIDER .li .text {
        display: flex !important;
        align-items: flex-end;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 34%, rgba(17, 43, 70, 0.7) 100%);
    }

    .DARSLIDER .li .text .content-3 {
        width: 100%;
    }

    .DARSLIDER .li .text .content {
        position: relative;
        bottom: auto;
        padding: 24px 22px 30px;
    }

    .DARSLIDER .li .text img {
        width: 210px !important;
        max-width: 70%;
        height: auto;
    }

    .DARSLIDER .li .text h2 {
        margin: 8px 0 4px;
        font-size: 22px;
        line-height: 1.25;
        letter-spacing: 3px;
    }

    .DARSLIDER .li .text p {
        margin: 5px 0;
        font-size: 14px;
        line-height: 1.45;
    }

    .DARSLIDER .li .text a {
        margin-top: 8px;
        padding: 11px 22px;
        font-size: 12px;
    }

    .sclinic-home-about .banner-box-img img {
        height: 260px;
        object-fit: cover;
        object-position: 18% center;
    }

    .sclinic-home-about .banner-box-content {
        position: static;
        display: block;
        height: auto;
        background: #b7c4d4;
    }

    .sclinic-home-about .banner-box-content-text {
        padding: 36px 22px 40px;
    }

    .sclinic-home-about .banner-box-content-text h2 {
        font-size: 28px;
        letter-spacing: 4px;
    }

    .sclinic-home-about .banner-box-content-text h3 {
        font-size: 21px;
    }

    .sclinic-home-about .banner-box-content-text p {
        font-size: 17px;
        line-height: 1.6;
    }


    .sclinic-home-experts .article-xs {
        padding: 38px 22px;
    }
}
/* ===== END CEO PPT HOMEPAGE RESTORE ===== */
/* ===== CANONICAL ABOUT / PROCESS VISUALS ===== */
.sclinic-about-page-visual {
    background: #b7c4d4;
}

.sclinic-process-hero {
    position: relative;
    overflow: hidden;
    background: #a9d8f5;
}

.sclinic-process-hero > img {
    display: block;
    width: 100%;
    height: auto;
}

.sclinic-process-hero-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
}

.sclinic-process-hero-copy {
    width: 48%;
    padding-left: 4.25%;
    box-sizing: border-box;
    color: #151515;
}

.sclinic-process-hero-copy h1 {
    margin: 0 0 10px;
    font-size: clamp(34px, 4vw, 62px);
    font-weight: 300;
    line-height: 1.12;
    letter-spacing: clamp(4px, .65vw, 10px);
}

.sclinic-process-hero-copy p {
    margin: 0;
    font-size: clamp(17px, 1.55vw, 25px);
    font-weight: 300;
    letter-spacing: 1px;
}

.sclinic-process-hero-copy a {
    display: inline-block;
    margin-top: 46px;
    padding: 17px 38px;
    border-radius: 11px;
    background: #d6a875;
    color: #2f2825;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 2px;
    text-decoration: none;
    transition: transform .2s ease, background-color .2s ease;
}

.sclinic-process-hero-copy a:hover,
.sclinic-process-hero-copy a:focus-visible {
    background: #c99a68;
    transform: translateY(-2px);
}

@media screen and (max-width: 1000px) {
    .sclinic-process-hero > img {
        min-height: 520px;
        object-fit: cover;
        object-position: 58% center;
    }

    .sclinic-process-hero-overlay {
        align-items: flex-end;
        background: linear-gradient(180deg, rgba(169, 216, 245, .05) 25%, rgba(169, 216, 245, .96) 82%);
    }

    .sclinic-process-hero-copy {
        width: 100%;
        padding: 0 22px 38px;
    }

    .sclinic-process-hero-copy h1 {
        max-width: 720px;
        font-size: clamp(31px, 7vw, 48px);
    }

    .sclinic-process-hero-copy p {
        font-size: 18px;
    }

    .sclinic-process-hero-copy a {
        margin-top: 24px;
        padding: 14px 25px;
        font-size: 12px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sclinic-about-page-visual,
    .sclinic-process-hero,
    .sclinic-process-hero-copy a {
        animation: none !important;
        transition: none !important;
    }
}
/* ===== END CANONICAL ABOUT / PROCESS VISUALS ===== */
/* ===== CEO PPT MOBILE RESULTS WIDTH FIX ===== */
@media screen and (max-width: 1000px) {
    .tema-E {
        padding: 45px 20px;
    }

    .tema-E > .content {
        width: 100%;
        min-width: 0;
    }

    .tema-E .letter-4 h2 {
        font-size: 28px;
        letter-spacing: 6px;
        padding-bottom: 20px;
    }

    .tema-E .letter-4 h3 {
        font-size: 20px;
        letter-spacing: 3px;
    }

    .tema-E .letter-4 a {
        min-width: 0;
        max-width: 100%;
        padding-left: 24px;
        padding-right: 24px;
    }
}
/* ===== END CEO PPT MOBILE RESULTS WIDTH FIX ===== */
/* ===== CEO PPT EXPERTS CTA ===== */
.sclinic-home-experts .article-xs a {
    display: inline-block;
    min-width: 230px;
    padding: 14px 30px;
    border-radius: 10px;
    background: #9fbdd2;
    color: #2f2927;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 2px;
    text-align: center;
}

.sclinic-home-experts .article-xs a:hover {
    background: #8eafc6;
    color: #2f2927;
}

@media screen and (max-width: 1000px) {
    .sclinic-home-experts .article-xs a {
        min-width: 0;
        max-width: 100%;
        padding-left: 24px;
        padding-right: 24px;
    }
}
/* ===== END CEO PPT EXPERTS CTA ===== */
/* ===== FINAL CLIENT REVIEW POLISH ===== */
.sc-menu > div {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(20px, 2.35vw, 42px);
}

.sc-menu a {
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 64px;
    letter-spacing: 1.35px;
}

#scroll.sclinic-editorial {
    width: min(100%, 940px);
    max-width: 940px;
    margin: 0 auto;
    padding: clamp(58px, 6vw, 88px) clamp(28px, 5vw, 64px);
    box-sizing: border-box;
    color: #24201f;
    text-align: left;
}

#scroll.sclinic-editorial h1 {
    margin: 0 0 24px;
    font-size: clamp(38px, 4vw, 52px);
    font-weight: 300;
    line-height: 1.14;
    letter-spacing: .055em;
}

#scroll.sclinic-editorial h2 {
    margin: 48px 0 16px;
    font-size: clamp(27px, 2.5vw, 32px);
    font-weight: 400;
    line-height: 1.28;
    letter-spacing: .025em;
}

#scroll.sclinic-editorial h2:first-child {
    margin-top: 0;
}

#scroll.sclinic-editorial h3 {
    margin: 30px 0 10px;
    font-size: clamp(19px, 1.8vw, 22px);
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: .02em;
}

#scroll.sclinic-editorial h4 {
    margin: 24px 0 9px;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: .015em;
}

#scroll.sclinic-editorial p,
#scroll.sclinic-editorial li {
    max-width: 780px;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.78;
    letter-spacing: .008em;
}

#scroll.sclinic-editorial p {
    margin: 0 0 19px;
    padding: 0;
}

#scroll.sclinic-editorial ul {
    max-width: 760px;
    margin: 0 0 24px 1.2rem;
}

#scroll.sclinic-editorial strong {
    font-weight: 500;
}

#scroll.sclinic-page-our-scientific-approach {
    max-width: 900px;
}

#scroll.sclinic-page-our-scientific-approach h1 {
    position: relative;
    max-width: 760px;
    margin: 0 0 34px;
    padding-bottom: 26px;
    font-size: clamp(50px, 5.4vw, 68px);
    font-weight: 400;
    line-height: 1.08;
    letter-spacing: -.025em;
}

#scroll.sclinic-page-our-scientific-approach h1::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 72px;
    height: 1px;
    background: rgba(36, 32, 31, .18);
    content: "";
}

#scroll.sclinic-page-our-scientific-approach .sclinic-science-divider {
    justify-content: center;
    margin: 0 0 36px;
}

#scroll.sclinic-page-our-scientific-approach .sclinic-science-divider img {
    width: min(220px, 50vw);
    margin: 0 auto;
}

#scroll.sclinic-page-our-scientific-approach h2 {
    margin: 64px 0 12px;
    font-size: clamp(28px, 2.6vw, 34px);
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: -.012em;
}

#scroll.sclinic-page-our-scientific-approach h1 + h2 {
    margin: 0 0 28px;
    font-size: clamp(32px, 3.25vw, 40px);
    font-weight: 400;
    line-height: 1.22;
    letter-spacing: -.018em;
}

#scroll.sclinic-page-our-scientific-approach h3 {
    margin: 0 0 20px;
    font-size: clamp(20px, 1.8vw, 23px);
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: .005em;
}

#scroll.sclinic-page-our-scientific-approach p,
#scroll.sclinic-page-our-scientific-approach li {
    max-width: 780px;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.75;
    letter-spacing: .005em;
}

#scroll.sclinic-page-our-scientific-approach p {
    margin: 0 0 24px;
}

#scroll.sclinic-page-our-process h2 {
    font-size: clamp(25px, 2.3vw, 30px);
    font-weight: 400;
}

#scroll.sclinic-page-our-process h3 {
    font-size: clamp(18px, 1.7vw, 21px);
    font-weight: 500;
}

.sclinic-about-page-visual .banner-box-content-text {
    padding-right: 6%;
    text-align: left;
}

.sclinic-about-page-visual .banner-box-content-text h1 {
    margin: 0 0 12px;
    font-size: clamp(34px, 3.35vw, 48px);
    font-weight: 300;
    line-height: 1.15;
    letter-spacing: .1em;
}

.sclinic-about-page-visual .banner-box-content-text h2 {
    font-size: clamp(24px, 2.3vw, 34px);
    line-height: 1.3;
    letter-spacing: .08em;
}

.sclinic-about-page-visual .banner-box-content-text p {
    max-width: 590px;
    margin-right: 0;
    margin-left: 0;
    line-height: 1.72;
}

.sclinic-about-divider {
    min-height: 150px;
}

.sclinic-about-divider img {
    width: min(330px, 66vw);
}

.sclinic-science-divider {
    margin: 8px 0 30px;
}

.sclinic-science-divider img {
    width: min(180px, 48vw);
}

.sehirinput:hover,
.sehirinput:focus,
.sehirinput:focus-visible {
    border: none;
    outline: none;
    box-shadow: 0 0 0 2px rgba(91, 77, 67, .18);
}

.sube-row,
.sube-section {
    min-width: 0;
}

.sube-logo-box {
    flex-basis: 18%;
}

.sube-city-box {
    flex-basis: 20%;
}

.sube-info-box {
    flex-basis: 37%;
}

.sube-action-box {
    flex-basis: 25%;
}

.sube-logo-box img {
    width: min(150px, 100%);
}

.sube-info-box p {
    max-width: 100%;
    line-height: 1.5;
    overflow-wrap: anywhere;
    word-break: normal;
}

.sube-info-box .sube-branch-name {
    margin-bottom: 7px;
    font-weight: 500;
}

.sube-info-box .sube-phone {
    font-variant-numeric: tabular-nums;
}

.sube-hours {
    display: flex;
    flex-direction: column;
    gap: 3px;
    line-height: 1.45;
}

footer .footer-logo-x {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: clamp(36px, 6vw, 92px);
    width: min(1120px, calc(100% - 48px));
    margin: 0 auto;
    align-items: flex-start;
    text-align: left;
}

footer .footer-logo-x .colon {
    width: auto;
    min-width: 0;
    padding: 0;
    box-sizing: border-box;
    text-align: left;
}

footer .footer-logo-x ul {
    margin: 0;
    padding: 0;
}

footer .footer-logo-x h3 {
    margin: 0 0 18px;
    padding: 0;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 1.2px;
}

.sclinic-footer-social {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 0 !important;
    text-align: left !important;
}

.sclinic-footer-social h3 {
    width: 100%;
    text-align: left;
}
.sclinic-footer-social .footer-follow-icons {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 0;
}

.sclinic-footer-social .footer-follow-icons a {
    display: inline-flex;
    width: 28px;
    height: 28px;
    margin: 0;
    align-items: center;
    justify-content: center;
}

.sclinic-footer-social .footer-follow-icons svg {
    width: 19px;
    height: 19px;
}

@media screen and (max-width: 1000px) {
    .sc-menu > div {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

    .sc-menu a {
        width: auto;
        min-width: 230px;
        padding: 7px 24px;
        font-size: 18px;
        line-height: 1.65;
        letter-spacing: 1.4px;
    }

    .sclinic-about-page-visual .banner-box-content-text {
        padding: 38px clamp(22px, 6vw, 48px) 44px;
        text-align: left;
    }

    .sclinic-about-page-visual .banner-box-content-text h1 {
        font-size: clamp(31px, 7vw, 42px);
    }

    .sclinic-about-divider {
        min-height: 122px;
    }

    .sclinic-about-divider img {
        width: min(245px, 64vw);
    }

    .sclinic-science-divider img {
        width: min(145px, 42vw);
    }

    .sube-row {
        margin-bottom: 22px;
    }

    .sube-section {
        padding: 20px clamp(18px, 5vw, 34px);
    }

    .sube-logo-box img {
        width: min(125px, 45vw);
    }

    .sube-info-box p,
    .sube-action-box {
        text-align: center;
    }

    footer .footer-logo-x .colon {
        width: auto;
        padding: 20px 0;
    }

    footer .footer-logo-x {
        column-gap: clamp(24px, 4vw, 46px);
        width: min(920px, calc(100% - 44px));
    }
}

@media screen and (max-width: 767px) {
    .sc-header .logo {
        height: 46px;
        padding-left: 54px;
    }

    .menu-ac svg {
        width: 26px;
        height: 26px;
    }

    .sc-social svg {
        width: 17px;
        height: 17px;
    }

    #scroll.sclinic-editorial {
        width: 100%;
        padding: 42px 22px 52px;
        overflow-wrap: normal;
    }

    #scroll.sclinic-editorial h1 {
        margin-bottom: 19px;
        font-size: 32px;
        line-height: 1.2;
        letter-spacing: .045em;
    }

    #scroll.sclinic-editorial h2,
    #scroll.sclinic-page-our-process h2 {
        margin-top: 38px;
        font-size: 24px;
        line-height: 1.34;
    }

    #scroll.sclinic-editorial h3,
    #scroll.sclinic-page-our-process h3 {
        margin-top: 25px;
        font-size: 19px;
        line-height: 1.42;
    }

    #scroll.sclinic-editorial h4 {
        font-size: 16px;
    }

    #scroll.sclinic-editorial p,
    #scroll.sclinic-editorial li {
        font-size: 16px;
        line-height: 1.72;
    }

    #scroll.sclinic-page-our-scientific-approach {
        padding-top: 46px;
        padding-bottom: 60px;
    }

    #scroll.sclinic-page-our-scientific-approach h1 {
        margin-bottom: 26px;
        padding-bottom: 21px;
        font-size: clamp(40px, 11vw, 46px);
        font-weight: 400;
        line-height: 1.1;
        letter-spacing: -.022em;
    }

    #scroll.sclinic-page-our-scientific-approach h1::after {
        width: 58px;
    }

    #scroll.sclinic-page-our-scientific-approach .sclinic-science-divider {
        justify-content: center;
        margin-bottom: 30px;
    }

    #scroll.sclinic-page-our-scientific-approach .sclinic-science-divider img {
        width: min(120px, 32vw);
        margin: 0 auto;
    }

    #scroll.sclinic-page-our-scientific-approach h1 + h2 {
        margin: 0 0 22px;
        font-size: 27px;
        line-height: 1.28;
        letter-spacing: -.012em;
    }

    #scroll.sclinic-page-our-scientific-approach h2 {
        margin: 50px 0 10px;
        font-size: 25px;
        line-height: 1.3;
    }

    #scroll.sclinic-page-our-scientific-approach h3 {
        margin: 0 0 17px;
        font-size: 19px;
        line-height: 1.42;
    }

    #scroll.sclinic-page-our-scientific-approach p,
    #scroll.sclinic-page-our-scientific-approach li {
        font-size: 17px;
        line-height: 1.75;
    }

    #scroll.sclinic-page-our-scientific-approach p {
        margin-bottom: 22px;
    }

    footer .footer-logo-x .colon {
        width: 100%;
        padding: 20px 10px;
        text-align: center;
    }

    footer .footer-logo-x {
        grid-template-columns: 1fr;
        row-gap: 0;
        width: 100%;
    }

    footer .footer-logo-x h3 {
        text-align: center;
    }

    .sclinic-footer-social .footer-follow-icons {
        justify-content: center;
    }

    .sclinic-footer-social {
        align-items: center;
        text-align: center !important;
    }

    .sclinic-footer-social h3 {
        text-align: center;
    }

    .sclinic-whatsapp-float {
        width: 52px;
        height: 52px;
        right: 14px;
        bottom: 18px;
    }

    .sclinic-whatsapp-float .sclinic-whatsapp-icon {
        width: 28px;
        height: 28px;
        flex-basis: 28px;
    }
}
/* ===== END FINAL CLIENT REVIEW POLISH ===== */
/* ===== PREMIUM CONTENT TYPOGRAPHY SYSTEM ===== */
#scroll.sclinic-editorial h1,
.sclinic-about-page-visual .banner-box-content-text h1,
.sclinic-process-hero-copy h1 {
    position: relative;
    margin: 0 0 34px;
    padding-bottom: 26px;
    font-size: clamp(50px, 5.4vw, 68px);
    font-weight: 400;
    line-height: 1.08;
    letter-spacing: -.025em;
    text-align: left;
}

#scroll.sclinic-editorial h1::after,
.sclinic-about-page-visual .banner-box-content-text h1::after,
.sclinic-process-hero-copy h1::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 72px;
    height: 1px;
    background: rgba(36, 32, 31, .18);
    content: "";
}

#scroll.sclinic-editorial h2 {
    margin: 64px 0 14px;
    font-size: clamp(28px, 2.6vw, 34px);
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: -.012em;
}

#scroll.sclinic-editorial h3 {
    margin: 36px 0 14px;
    font-size: clamp(20px, 1.8vw, 23px);
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: .005em;
}

#scroll.sclinic-editorial h2 + h3 {
    margin-top: 0;
}

#scroll.sclinic-editorial h4 {
    margin: 30px 0 12px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: .005em;
}

#scroll.sclinic-editorial p,
#scroll.sclinic-editorial li {
    max-width: 780px;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.75;
    letter-spacing: .005em;
}

#scroll.sclinic-editorial p {
    margin: 0 0 24px;
}

#scroll.sclinic-editorial ul,
#scroll.sclinic-editorial ol {
    max-width: 760px;
    margin: 0 0 28px 1.25rem;
}

#scroll.sclinic-editorial li {
    margin-bottom: 8px;
}

#scroll.sclinic-editorial li:last-child {
    margin-bottom: 0;
}

#scroll.sclinic-page-our-process > h2:first-child {
    margin-top: 0;
    margin-bottom: 12px;
    font-size: clamp(32px, 3.25vw, 40px);
    font-weight: 400;
    line-height: 1.22;
}

#scroll.sclinic-page-our-process > h2:first-child + h2 {
    margin-top: 0;
    margin-bottom: 28px;
    font-size: clamp(24px, 2.25vw, 28px);
    font-weight: 400;
    line-height: 1.35;
}

.sclinic-about-page-visual .banner-box-content-text h2 {
    margin: 0 0 28px;
    font-size: clamp(32px, 3.25vw, 40px);
    font-weight: 400;
    line-height: 1.22;
    letter-spacing: -.018em;
}

.sclinic-about-page-visual .banner-box-content-text p {
    margin: 0 0 24px;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.75;
    letter-spacing: .005em;
}

.sclinic-process-hero-copy p {
    margin: 0;
    font-size: clamp(22px, 1.9vw, 26px);
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: .005em;
}

.sclinic-process-hero-copy a {
    margin-top: 36px;
}

#medical-disclaimer {
    scroll-margin-top: 110px;
}

@media screen and (max-width: 767px) {
    #scroll.sclinic-editorial {
        padding-top: 46px;
        padding-bottom: 60px;
    }

    #scroll.sclinic-editorial h1,
    .sclinic-about-page-visual .banner-box-content-text h1,
    .sclinic-process-hero-copy h1 {
        margin-bottom: 26px;
        padding-bottom: 21px;
        font-size: clamp(40px, 11vw, 46px);
        font-weight: 400;
        line-height: 1.1;
        letter-spacing: -.022em;
    }

    #scroll.sclinic-editorial h1::after,
    .sclinic-about-page-visual .banner-box-content-text h1::after,
    .sclinic-process-hero-copy h1::after {
        width: 58px;
    }

    #scroll.sclinic-editorial h2 {
        margin: 50px 0 12px;
        font-size: 25px;
        line-height: 1.3;
    }

    #scroll.sclinic-editorial h3 {
        margin: 32px 0 12px;
        font-size: 19px;
        line-height: 1.42;
    }

    #scroll.sclinic-editorial h2 + h3 {
        margin-top: 0;
    }

    #scroll.sclinic-editorial h4 {
        margin-top: 26px;
        font-size: 17px;
    }

    #scroll.sclinic-editorial p,
    #scroll.sclinic-editorial li {
        font-size: 17px;
        line-height: 1.75;
    }

    #scroll.sclinic-editorial p {
        margin-bottom: 22px;
    }

    #scroll.sclinic-editorial ul,
    #scroll.sclinic-editorial ol {
        margin-bottom: 25px;
    }

    #scroll.sclinic-page-our-process > h2:first-child {
        margin-top: 0;
        margin-bottom: 10px;
        font-size: 27px;
        line-height: 1.28;
    }

    #scroll.sclinic-page-our-process > h2:first-child + h2 {
        margin-top: 0;
        margin-bottom: 22px;
        font-size: 22px;
        line-height: 1.38;
    }

    .sclinic-about-page-visual .banner-box-content-text h2 {
        margin-bottom: 22px;
        font-size: 27px;
        line-height: 1.28;
    }

    .sclinic-about-page-visual .banner-box-content-text p {
        margin-bottom: 22px;
        font-size: 17px;
        line-height: 1.75;
    }

    .sclinic-process-hero-copy p {
        font-size: 22px;
        line-height: 1.38;
    }

    .sclinic-process-hero-copy a {
        margin-top: 30px;
    }
}
/* ===== END PREMIUM CONTENT TYPOGRAPHY SYSTEM ===== */