:root {
	--bgrenk: #faf7f2;
	--metinrenk : #3d3d3d;
	--renkbir: #76b5b9;
	--renkbira: #76b5b97d;
	--renkiki: #b3c274;
	--renkikia: #b3c2747d;
	--renkuc: #707070;
	--renkuca: #707070d9;
	--sitefont: 'sans-serif';
}
* {margin:0px; padding:0px; box-sizing:border-box;outline:none}
html,body{width:100%;min-height:100%;}
body{overflow-x:hidden;background-color:var(--bgrenk);font-family: 'sans-serif'; font-size:1em;color:var(--metinrenk)}
/* font-size-adjust: 0.5; */
::selection {color: var(--bgrenk);background: var(--metinrenk)}
::placeholder {color: var(--metinrenk);opacity: 1}
img {border:none;max-width:100%;height:auto;vertical-align:middle}
a {text-decoration:none;color:var(--renkbir)}
p {padding-bottom:7px;line-height:150%}

.gizli {display:none !important}
.sr-only {position: absolute !important;width: 1px !important;height: 1px !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;  clip: rect(0, 0, 0, 0) !important;white-space: nowrap !important;border: 0 !important}

.renkbir{color:var(--renkbir) !important}
	.renkbirbg {background-color:var(--renkbir) !important}
.renkiki{color:var(--renkiki) !important}
	.renkikibg {background-color:var(--renkiki) !important}
.renkuc{color:var(--renkuc) !important}
	.renkucbg {background-color:var(--renkuc) !important}

.ufak{font-size:calc(1em - 0.2vw)}
.kucuk{font-size:calc(1em - 0.1vw)}
.buyuk{font-size:calc(1.1em + 0.3vw)}
.cokbuyuk{font-size:calc(1.1em + 0.7vw)}

.olumlusonuc, .hatalisonuc {padding:15px;line-height:1.4;font-size:1em;border-radius:12px;border:1px solid #d0d5dd;box-shadow:0 1px 2px rgba(16, 24, 40, 0.05), 0 1px 1px rgba(16, 24, 40, 0.03);margin:10px 0}
.olumlusonuc {background:#e4f8eb;border-color:#a0e6ba;color:#166534}
.olumlusonuc a{color:#166534;text-decoration:underline;font-weight:600}
.hatalisonuc {background:#fde8e8 !important;border-color:#f8afaf;color:#991b1b}
.hatalisonuc a{color:#991b1b;text-decoration:underline;font-weight:600}

.t_sayfasorucevap { max-width: 760px; margin-inline: auto; }
.t_sorucevap {border: 1px solid var(--renkikia);border-radius: 10px;margin-bottom: 20px;background: var(--bgrenk);overflow: hidden;transition: 0.5s}
.t_sorucevap:hover {border-color: var(--renkiki)}
.t_sorucevap[open] {box-shadow:0 5px 25px -10px #888}
.t_sayfasoru {position:relative;display: flex;align-items: center;justify-content: space-between;padding: 20px;cursor: pointer;font-weight: bold;font-size: 1.1em;color: var(--renkbir)}
.t_sayfacevap {padding: 0 20px 20px;font-size:0.9rem;line-height: 1.5rem}
.t_sayfacevap a {color:var(--renkiki);text-decoration:underline}
.t_sayfasoru:after {content: "+";position: absolute;right: 20px;top: 50%;width: 28px;height: 28px;text-align: center;border-radius: 50%;background-color: var(--renkuc);color: var(--renkiki);font-weight: normal;transform: translateY(-50%) scale(1.4);transition: all 0.5s ease}
.t_sorucevap[open] > .t_sayfasoru::after {transform: translateY(-50%) scale(1.4) rotate(45deg)}

/* tbl2flx modernize */
.flex-table{display:flex;flex-direction:column;width:100%;box-sizing:border-box}
.flex-row{display:flex;flex-wrap:wrap;align-items:stretch}
.flex-cell{flex:var(--tbl2flex-flex,1 1 0);max-width:var(--tbl2flex-max,none);box-sizing:border-box;min-width:0}
.flex-cell.header{font-weight:600}
@media (max-width:820px){.flex-cell{flex:1 1 50%;/*max-width:50%*/}}
@media (max-width:640px){.flex-cell{flex:1 1 100%;max-width:100%}}

blockquote {position: relative;z-index: 1;margin-bottom: 30px;margin-top: 30px;background-color: #f8f8f8;padding: 30px 30px 35px}
blockquote::before {content: "";position: absolute;top: 0;left: 0;width: 3px;height: 100%;background-color: var(--renkbir)}
blockquote::after {content: "”";color: var(--renkbir);font-size: 100px;line-height: 1px;display: block;position:absolute;bottom:-10px;right:10px}

.hizala{margin-left:auto;margin-right:auto}
.ortala{text-align:center}
ul.none, ol.none{margin:0px;padding:0px;list-style-type:none}
ul,ol{margin-left:25px;padding-left: 25px}

.maxgenislik{width:100%;}
.tamgenislik{width:100%;max-width:1400px;margin:0 auto}
	@media only screen and (max-width: 1400px) {.tamgenislik {padding-left:2.5% !important;padding-right:2.5% !important}}


#imgbekletme{display:none}
body.bekletme{pointer-events:none}
body.bekletme #anacerceve{opacity:0.7}
body.bekletme #imgbekletme{display: block;position: fixed;z-index: 1000;top: 50%;left: 50%;z-index:10000}
.temizle {clear:both;}

@media only screen and (min-width: 640px) {.dskyok {display:none}}
@media only screen and (max-width: 640px) {.mblyok {display:none}}

.soladayali{text-align:left !important}
.sagadayali{text-align:right !important}
.pad{padding:10px}
.nopad{padding:0px}
.mar{margin:10px}
.nomar{margin:0px}
button:disabled, input:disabled, textarea:disabled {opacity: 0.5;filter: grayscale(1);cursor: not-allowed}

#scrollToTopBtn {display: flex;opacity:0;position: fixed;z-index:99999999;bottom: 20px;right: 20px;width: 50px;height: 50px;background-color: var(--renkiki);color: white;border: none;border-radius: 50%;align-items: center;justify-content: center;cursor: pointer;transition: all 0.5s ease}
#scrollToTopBtn:hover {background-color: var(--renkbir)}
#scrollToTopBtn.show {opacity: 1}
#scrollToTopBtn span {transform: rotate(-90deg);font-size: 45px;position: relative;left: -3px}

#mobilyanlogoalan{display:none;width:100%;text-align:center;margin:7px 0px;}
#logo a img{max-width:300px;height:auto}
#t_mobillogoalan{text-align:center}
#t_logoalan a{display:table;width:100%;}
.txtlogo {font-size: calc(1em + 0.5vw);display: flex;flex-direction: column;justify-content: center}
.txtlogo div:nth-child(1) {font-weight: bold;font-size: 1.5em}

#t_mobillogoalan .txtlogo, #mobilyanlogoalan .txtlogo{font-size:30px;font-size:calc(1em + 1vw)}

#anatasiyici figure {position:relative}
#anatasiyici figure figcaption {position: absolute;bottom: 0.2vw;left: 0.2vw;background-color: #fff;padding: 1%;opacity: 0.5;font-size: 0.8em}

.t_aramaformu {position:relative}
.t_aramaformu .search-term {position: absolute;bottom: 14px;border: none;background: #f9f9f9}

.saklimetin:not(.gosteriliyor) span:after {content: attr(data-before) attr(data-baglam) attr(data-after);display: none}
.saklimetin:hover span:nth-child(1) {display:none}
.saklimetin:not(.gosteriliyor):hover span:after {display: inline-block}


/* Web Form */
#t_iletisimformu {--inputpadding: 15px}#t_iletisimformu h2 {margin-bottom:20px}
#t_iletisimformu form {display:flex;flex-wrap:wrap}
#t_iletisimformu form label {position:relative;display:block;width:100%;margin-bottom:20px}
#t_iletisimformu form label.iformeposta, #t_iletisimformu form label.iformtelefon {width:50%}
#t_iletisimformu form label.iformeposta{padding-right:8px}
#t_iletisimformu form label.iformtelefon{padding-left:8px}
#t_iletisimformu form input:not([type="checkbox"]), #t_iletisimformu form textarea {border:#d3d3d3 1px solid;border-radius:10px;width:100%;font-size:1em;padding:var(--inputpadding)}
	/* Floating placeholder */
#t_iletisimformu .floating-placeholder {position:absolute;left:var(--inputpadding);transform-origin:left center;transform:translateY(calc(var(--inputpadding) * 0.8));pointer-events:none;opacity:.75;transition: all .5s ease}
	/* Focus */
#t_iletisimformu form label:focus-within .floating-placeholder{transform:translateY(calc(-1.2 * var(--inputpadding))) translateX(calc(-0.5 * var(--inputpadding))) scale(.8);opacity:0.8}
	/* Dolu */
#t_iletisimformu form label:has(input:not(:placeholder-shown)) .floating-placeholder, #t_iletisimformu form label:has(textarea:not(:placeholder-shown)) .floating-placeholder{transform:translateY(calc(-1.2 * var(--inputpadding))) translateX(calc(-0.5 * var(--inputpadding))) scale(.8);opacity:0.8}
label#formcaptcha {display: flex !important;flex-wrap: nowrap}
input#captchacode {width: calc(100% - 155px) !important}
label#formcaptcha .t_formcaptcha_t {display: flex;flex-wrap: nowrap;align-items: center}
	/* Form sonuç */
#t_iletisimformu #frmsonuc {width: 95%;margin-left:auto;margin-right:auto;max-width: 640px;text-align:center}
#t_iletisimformu #frmsonuc p {padding:0}
#t_iletisimformu input[type="submit"]:disabled {opacity:0.5;pointer-events:none}

/* iletişim bilgileri */
#t_iletisimbilgiler {font-style:normal}
#t_iletisimbilgiler > p {margin:0 0 14px;padding:12px 14px;border:#d3d3d3 1px solid;background-color:#fff;border-radius:10px}
#t_iletisimbilgiler strong.buyuk {display:flex;align-items:center;gap:8px;margin-bottom:6px}
#t_iletisimbilgiler strong.buyuk span[class^="icofont-"]{font-size:1.2em}
#t_iletisimbilgiler > p:not(#t_iletisimadresler) {display:flex;flex-wrap:wrap;gap:6px 12px}
#t_iletisimbilgiler > p:not(#t_iletisimadresler) > strong{flex:0 0 100%}
#t_iletisimbilgiler a {text-decoration:none;white-space:nowrap}
	/* kutu animasyonları */
#t_iletisimbilgiler > p {position:relative;overflow:hidden;transition:0.5s}
#t_iletisimbilgiler > p::before {content:"";position:absolute;left:0;bottom:0;width:100%;height:0;background:var(--renkbir);z-index:0;transition:0.5s}
#t_iletisimbilgiler > p > * {position:relative;z-index:1}
#t_iletisimbilgiler > p:hover::before {height:100%}
#t_iletisimbilgiler > p:hover{color:#fff}
#t_iletisimbilgiler > p:hover a {color:#fff}

/* Harita yerleşimi */
section#t_haritaalani {position:relative;text-align:center}
section#t_haritaalani .t_frame {position:relative}
section#t_haritaalani h2 {margin-bottom:20px}
section#t_haritaalani iframe {width: 100%;height: 100%}
#t_haritamodal {position: absolute;top: 0;left: calc(50% - 160px);padding: 10px;width: 320px;overflow: hidden;text-align: center;background-color: #fff;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;box-shadow: #000 0px 5px 10px -6px;display: flex;gap: 10px;flex-direction: row;flex-wrap: nowrap;align-items: center}
#t_haritamodal p:first-of-type {padding-top: 7px;line-height: 12px;}
#t_haritamodal p span {color: #888;font-size: 10px;margin-top: 10px;display: inline-block}
#t_yoltarifi {width: 40px;min-width: 40px;height: 40px;min-height: 40px;margin: 0 auto;background-color: var(--renkbir);color: #fff;font-size: 16px;display: flex;flex-direction: row;justify-content: center;align-items: center;border-radius: 50%;box-shadow: #888 0px 0px 15px -6px;flex: 0}
#t_yoltarifi svg {fill:var(--bgrenk)}

/* Harita kartı */
#t_haritaKarti {padding: 10px;width: 320px;overflow: hidden;text-align: center;background-color: #fff;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;box-shadow: #000 0px 5px 10px -6px;display: flex;gap: 10px;flex-direction: row;flex-wrap: nowrap;align-items: center}
#t_haritaKarti p:first-of-type {padding: 7px 0 0 7px;line-height: 12px;border-left: var(--renkbir) 1px solid}
#t_haritaKarti p span {color: #888;font-size: 10px;margin-top: 10px;display: inline-block}
#t_yoltarifi {width: 40px;min-width: 40px;height: 40px;min-height: 40px;margin: 0 auto;background-color: var(--renkbir);color: #fff;font-size: 16px;display: flex;flex-direction: row;justify-content: center;align-items: center;border-radius: 50%;box-shadow: #888 0px 0px 15px -6px;flex: 0}
#t_yoltarifi svg {fill:var(--bgrenk)}

#pgloader{position:fixed;inset:0;background:#fff;display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .2s ease}
#pgloader.loaded{opacity:0;pointer-events:none}


.plt{width:100px;height:100px;border-radius:50%;border:3px solid rgba(0,0,0,.10);border-top-color:var(--renkbir);border-right-color:var(--renkuc);border-bottom-color:var(--renkiki);animation:spin .75s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

:root {
  --bgrenk: #faf7f2;
  --chi-blue: #76b5b9;
  --chi-blue-d: #5a9da1;
  --chi-green: #b3c274;
  --chi-green-l: #e5e7ce;
  --chi-green-d: #95a655;
  --chi-gray: #707070;
  --chi-gray-l: #a0a0a0;
  --chi-white: #ffffff;
  --chi-cream: #f8fbf8;
  --chi-brown: #8c6f5e;
  --chi-text: #3d3d3d;
--font-heading: sans-serif;
--font-body: sans-serif;
--transition-smooth: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
--transition-bounce: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

* {margin: 0;padding: 0;box-sizing: border-box}
html {scroll-behavior: smooth;overflow-x: hidden}
body {font-family: var(--font-body);color: var(--chi-text);background: var(--bgrenk);overflow-x: hidden;line-height: 1.6}
::-webkit-scrollbar {width: 8px}
::-webkit-scrollbar-track {background: var(--chi-cream)}
::-webkit-scrollbar-thumb {background: var(--chi-blue-d);border-radius: 4px}
* {margin:0px; padding:0px; box-sizing:border-box;outline:none}
html,body{width:100%;min-height:100%;}
/* font-size-adjust: 0.5; */
::selection {color: var(--bgrenk);background: var(--metinrenk)}
::placeholder {color: var(--metinrenk);opacity: 1}
img {border:none;max-width:100%;height:auto;vertical-align:middle}
p {padding-bottom:7px;line-height:150%}

.gizli {display:none !important}
.sr-only {position: absolute !important;width: 1px !important;height: 1px !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;  clip: rect(0, 0, 0, 0) !important;white-space: nowrap !important;border: 0 !important}

.renkbir{color:var(--renkbir) !important}
	.renkbirbg {background-color:var(--renkbir) !important}
.renkiki{color:var(--renkiki) !important}
	.renkikibg {background-color:var(--renkiki) !important}
.renkuc{color:var(--renkuc) !important}
	.renkucbg {background-color:var(--renkuc) !important}

.ufak{font-size:calc(1em - 0.2vw)}
.kucuk{font-size:calc(1em - 0.1vw)}
.buyuk{font-size:calc(1.1em + 0.3vw)}
.cokbuyuk{font-size:calc(1.1em + 0.7vw)}

.olumlusonuc, .hatalisonuc {padding:15px;line-height:1.4;font-size:1em;border-radius:12px;border:1px solid #d0d5dd;box-shadow:0 1px 2px rgba(16, 24, 40, 0.05), 0 1px 1px rgba(16, 24, 40, 0.03);margin:10px 0}
.olumlusonuc {background:#e4f8eb;border-color:#a0e6ba;color:#166534}
.olumlusonuc a{color:#166534;text-decoration:underline;font-weight:600}
.hatalisonuc {background:#fde8e8 !important;border-color:#f8afaf;color:#991b1b}
.hatalisonuc a{color:#991b1b;text-decoration:underline;font-weight:600}

.t_sayfasorucevap { max-width: 760px; margin-inline: auto; }
.t_sorucevap {border: 1px solid var(--renkikia);border-radius: 10px;margin-bottom: 20px;background: var(--bgrenk);overflow: hidden;transition: 0.5s}
.t_sorucevap:hover {border-color: var(--renkiki)}
.t_sorucevap[open] {box-shadow:0 5px 25px -10px #888}
.t_sayfasoru {position:relative;display: flex;align-items: center;justify-content: space-between;padding: 20px;cursor: pointer;font-weight: bold;font-size: 1.1em;color: var(--renkbir)}
.t_sayfacevap {padding: 0 20px 20px;font-size:0.9rem;line-height: 1.5rem}
.t_sayfacevap a {color:var(--renkiki);text-decoration:underline}
.t_sayfasoru:after {content: "+";position: absolute;right: 20px;top: 50%;width: 28px;height: 28px;text-align: center;border-radius: 50%;background-color: var(--renkuc);color: var(--renkiki);font-weight: normal;transform: translateY(-50%) scale(1.4);transition: all 0.5s ease}
.t_sorucevap[open] > .t_sayfasoru::after {transform: translateY(-50%) scale(1.4) rotate(45deg)}

/* tbl2flx modernize */
.flex-table{display:flex;flex-direction:column;width:100%;box-sizing:border-box}
.flex-row{display:flex;flex-wrap:wrap;align-items:stretch}
.flex-cell{flex:var(--tbl2flex-flex,1 1 0);max-width:var(--tbl2flex-max,none);box-sizing:border-box;min-width:0}
.flex-cell.header{font-weight:600}
@media (max-width:820px){.flex-cell{flex:1 1 50%;/*max-width:50%*/}}
@media (max-width:640px){.flex-cell{flex:1 1 100%;max-width:100%}}

blockquote {position: relative;z-index: 1;margin-bottom: 30px;margin-top: 30px;background-color: #f8f8f8;padding: 30px 30px 35px}
blockquote::before {content: "";position: absolute;top: 0;left: 0;width: 3px;height: 100%;background-color: var(--renkbir)}
blockquote::after {content: "”";color: var(--renkbir);font-size: 100px;line-height: 1px;display: block;position:absolute;bottom:-10px;right:10px}

.hizala{margin-left:auto;margin-right:auto}
.ortala{text-align:center}
ul.none, ol.none{margin:0px;padding:0px;list-style-type:none}
ul,ol{margin-left:25px;padding-left: 25px}

.maxgenislik{width:100%;}
.tamgenislik{width:100%;max-width:1400px;margin:0 auto}
	@media only screen and (max-width: 1400px) {.tamgenislik {padding-left:2.5% !important;padding-right:2.5% !important}}

#imgbekletme{display:none}
body.bekletme{pointer-events:none}
body.bekletme #anacerceve{opacity:0.7}
body.bekletme #imgbekletme{display: block;position: fixed;z-index: 1000;top: 50%;left: 50%;z-index:10000}
.temizle {clear:both;}

@media only screen and (min-width: 640px) {.dskyok {display:none}}
@media only screen and (max-width: 640px) {.mblyok {display:none}}

.soladayali{text-align:left !important}
.sagadayali{text-align:right !important}
.pad{padding:10px}
.nopad{padding:0px}
.mar{margin:10px}
.nomar{margin:0px}
button:disabled, input:disabled, textarea:disabled {opacity: 0.5;filter: grayscale(1);cursor: not-allowed}

#scrollToTopBtn {display: flex;opacity:0;position: fixed;z-index:99999999;bottom: 20px;right: 20px;width: 50px;height: 50px;background-color: var(--renkiki);color: white;border: none;border-radius: 50%;align-items: center;justify-content: center;cursor: pointer;transition: all 0.5s ease}
#scrollToTopBtn:hover {background-color: var(--renkbir)}
#scrollToTopBtn.show {opacity: 1}
#scrollToTopBtn span {transform: rotate(-90deg);font-size: 45px;position: relative;left: -3px}

#mobilyanlogoalan{display:none;width:100%;text-align:center;margin:7px 0px;}
#logo a img{max-width:300px;height:auto}
#t_mobillogoalan{text-align:center}
#t_logoalan a{display:table;width:100%;}
.txtlogo {font-size: calc(1em + 0.5vw);display: flex;flex-direction: column;justify-content: center}
.txtlogo div:nth-child(1) {font-weight: bold;font-size: 1.5em}

#t_mobillogoalan .txtlogo, #mobilyanlogoalan .txtlogo{font-size:30px;font-size:calc(1em + 1vw)}

#anatasiyici figure {position:relative}
#anatasiyici figure figcaption {position: absolute;bottom: 0.2vw;left: 0.2vw;background-color: #fff;padding: 1%;opacity: 0.5;font-size: 0.8em}

.t_aramaformu {position:relative}
.t_aramaformu .search-term {position: absolute;bottom: 14px;border: none;background: #f9f9f9}

.saklimetin:not(.gosteriliyor) span:after {content: attr(data-before) attr(data-baglam) attr(data-after);display: none}
.saklimetin:hover span:nth-child(1) {display:none}
.saklimetin:not(.gosteriliyor):hover span:after {display: inline-block}

a {color:var(--chi-blue);text-decoration: none}
img {width: 100%;height: auto}
.ortala {text-align:center}

.flex {display: flex;gap: 1%;flex-direction: row;flex-wrap: wrap}
.flex50 {flex: 1 1 49%}
.flex30 {flex: 1 1 310px}

.tamgenislik {width: 100%;max-width: 1400px;margin: 0 auto}

.htitle {display: inline-block;font-size: 0.95em;font-weight: bold;letter-spacing: -0.5px;white-space: nowrap;position: relative;margin: 5px 0;padding-left: 24px}
.htitle:before {background-color: var(--chi-blue-d);content: '';display: block;width: 12px;height: 12px;border-radius: 999px;position: absolute;left: 0;top: calc(45% - 10px);transform: translateY(calc(-45% + 8px));border: var(--chi-white) 1px solid}
.htitle:after {background-color: var(--chi-green-d);content: '';display: block;position: absolute;left: 5px;height: 12px;width: 12px;border-radius: 999px;top: calc(50% - 7px);transform: translateY(calc(-50% + 10px));border: var(--chi-white) 1px solid}
.section-title {color: var(--chi-blue-d);font-size: calc(1.2em + 1.2vw);line-height: 1em;margin-bottom: 25px}
.section-title span {color: var(--chi-green-d)}

/* animasyonlar */
	@keyframes fadeInUp {from {opacity: 0;transform: translateY(40px)} to {opacity: 1;transform: translateY(0)}}
	@keyframes fadeInLeft {from {opacity: 0;transform: translateX(-40px)} to {opacity: 1;transform: translateX(0)}}
	@keyframes fadeInRight {from {opacity: 0;transform: translateX(40px)} to {opacity: 1;transform: translateX(0)}}
	@keyframes scaleIn {from {opacity: 0;transform: scale(0.9)} to {opacity: 1;transform: scale(1)}}
.reveal {opacity: 0;transform: translateY(50px);transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94)}
	.reveal.active {opacity: 1;transform: translateY(0)}
.reveal-left {opacity: 0;transform: translateX(-60px);transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94)}
	.reveal-left.active {opacity: 1;transform: translateX(0)}
.reveal-right {opacity: 0;transform: translateX(60px);transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94)}
	.reveal-right.active {opacity: 1;transform: translateX(0)}
.reveal-scale {opacity: 0;transform: scale(0.85);transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94)}
	.reveal-scale.active {opacity: 1;transform: scale(1)}

.cta1, .cta2, .cta3 {display: inline-flex;align-items: center;gap: 8px;padding: 14px 30px;border-radius: 99px;text-decoration: none;font-size: 0.9rem;font-weight: 600;letter-spacing: 0.02em;box-shadow: 0 8px 28px rgba(118, 181, 185, 0.4);transition:0.5s}
.cta1 {background: var(--chi-blue);color: var(--chi-white)}
	.cta1:hover {background: var(--chi-blue-d);transform: translateY(-2px);box-shadow: 0 14px 36px rgba(118,181,185,0.45)}
.cta2 {background: transparent;color: var(--chi-gray);color:var(--chi-text)}
	.cta2:hover {border-color: var(--chi-green);color: var(--chi-green-d);background: rgba(179,194,116,0.08);transform: translateY(-2px)}
.cta3 {background: var(--chi-white);color: var(--chi-blue-d) !important}
	.cta3:hover {background: var(--chi-green-d);color:var(--chi-white) !important;box-shadow: 0 14px 36px rgba(118,181,185,0.45)}

/* ikonlar */
.icon {width: 40px;height: 40px;background: var(--chi-blue-d);border-radius: 10px;display: flex;align-items: center;justify-content: center;flex-shrink: 0}
.cta1.icon-telefon:before {position: relative;left: -7px;}
.icon-telefon::before {content: "";display: inline-block;width: 40px;height: 40px;vertical-align: middle;background-repeat: no-repeat;background-position: center;background-size: 18px;background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.37 1.9.72 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.35 1.85.59 2.81.72A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E")}
.icon-check::before {content: "";display: inline-block;width: 20px;height: 20px;vertical-align: middle;background-repeat: no-repeat;background-position: center;background-size: 18px;background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpolyline points='22 4 12 14.01 9 11.01'/%3E%3C/svg%3E")}
.icon-instagram::before { content: ""; display: inline-block; width: 40px; height: 40px; vertical-align: middle; background-repeat: no-repeat; background-position: center; background-size: 18px; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='%23FFFFFF' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'%3E%3Cpath d='M7.75 2h8.5A5.76 5.76 0 0 1 22 7.75v8.5A5.76 5.76 0 0 1 16.25 22h-8.5A5.76 5.76 0 0 1 2 16.25v-8.5A5.76 5.76 0 0 1 7.75 2Zm0 2A3.75 3.75 0 0 0 4 7.75v8.5A3.75 3.75 0 0 0 7.75 20h8.5A3.75 3.75 0 0 0 20 16.25v-8.5A3.75 3.75 0 0 0 16.25 4h-8.5ZM12 7a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm5.25-2.25a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5Z'/%3E%3C/svg%3E"); }
.icon-whatsapp::before { content: ""; display: inline-block; width: 40px; height: 40px; vertical-align: middle; background-repeat: no-repeat; background-position: center; background-size: 18px; background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 24 24' fill='%23FFFFFF' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413z'/%3E%3C/svg%3E"); }
.icon-qr::before {content: "";display: inline-block;width: 40px;height: 40px;vertical-align: middle;background-repeat: no-repeat;background-position: center;background-size: 18px;background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='3' width='7' height='7'/%3E%3Crect x='14' y='3' width='7' height='7'/%3E%3Crect x='3' y='14' width='7' height='7'/%3E%3Crect x='14' y='14' width='3' height='3'/%3E%3Crect x='18' y='14' width='3' height='3'/%3E%3Crect x='14' y='18' width='3' height='3'/%3E%3Crect x='18' y='18' width='3' height='3'/%3E%3Cpath d='M10 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M21 10v4a1 1 0 0 1-1 1h-4'/%3E%3Cpath d='M10 21v-4a1 1 0 0 1 1-1h4'/%3E%3Cpath d='M3 10H7a1 1 0 0 1 1 1v4'/%3E%3C/svg%3E")}
.icon-yorum::before { content: ""; display: inline-block; width: 40px; height: 40px; vertical-align: middle; background-repeat: no-repeat; background-position: center; background-size: 18px; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4v8z'/%3E%3Cpolygon points='12 6 13.4 9 16.7 9.4 14.3 11.7 14.9 15 12 13.4 9.1 15 9.7 11.7 7.3 9.4 10.6 9 12 6'/%3E%3C/svg%3E"); }
.icon-google::before { content: ""; display: inline-block; width: 40px; height: 40px; vertical-align: middle; background-repeat: no-repeat; background-position: center; background-size: 18px; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='%23FFFFFF' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.6 12.23c0-.78-.07-1.53-.2-2.23H12v4.22h5.38a4.6 4.6 0 0 1-1.99 3.02v2.51h3.22c1.89-1.74 2.99-4.3 2.99-7.52z'/%3E%3Cpath d='M12 22c2.7 0 4.96-.89 6.61-2.41l-3.22-2.51c-.89.6-2.03.95-3.39.95-2.61 0-4.82-1.76-5.61-4.13H3.06v2.59A10 10 0 0 0 12 22z'/%3E%3Cpath d='M6.39 13.9a6 6 0 0 1 0-3.8V7.51H3.06a10 10 0 0 0 0 8.98l3.33-2.59z'/%3E%3Cpath d='M12 5.97c1.47 0 2.79.51 3.83 1.5l2.86-2.86C16.96 3 14.7 2 12 2A10 10 0 0 0 3.06 7.51l3.33 2.59C7.18 7.73 9.39 5.97 12 5.97z'/%3E%3C/svg%3E"); }

.icon-lokasyon::before {content: "";display: inline-block;width: 40px;height: 40px;vertical-align: middle;background-repeat: no-repeat;background-position: center;background-size: 18px;background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E")}
.icon-email::before {content: "";display: inline-block;width: 40px;height: 40px;vertical-align: middle;background-repeat: no-repeat;background-position: center;background-size: 18px;background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3E%3Cpolyline points='22,6 12,13 2,6'/%3E%3C/svg%3E")}
.icon-saat::before {content: "";display: inline-block;width: 40px;height: 40px;vertical-align: middle;background-repeat: no-repeat;background-position: center;background-size: 18px;background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E")}


.cta-instagram {display: inline-flex;align-items: center;padding: 0px 15px 0 5px;border-radius: 20px;text-decoration: none;font-size: 0.84rem;font-weight: 600;transition: transform 200ms, box-shadow 220ms;background: linear-gradient(135deg, #833ab4, #fd1d1d, #f77737);color: white;box-shadow: 0 6px 20px rgba(253, 29, 29, 0.25)}
	.cta-instagram:hover {transform: translateY(-2px)}
.cta-whatsapp {display: inline-flex;align-items: center;padding: 0px 15px 0 5px;border-radius: 20px;text-decoration: none;font-size: 0.84rem;font-weight: 600;transition: transform 200ms, box-shadow 220ms;background: #25d366;color: white;box-shadow: 0 6px 20px rgba(37,211,102,0.3)}
	.cta-whatsapp:hover {transform: translateY(-2px)}
.cta-telefon {display: inline-flex;align-items: center;padding: 0px 15px 0 5px;border-radius: 20px;text-decoration: none;font-size: 0.84rem;font-weight: 600;transition: transform 200ms, box-shadow 220ms;background: var(--chi-blue);color: white;box-shadow: 0 6px 20px rgba(118,181,185,0.35)}
	.cta-telefon:hover {transform: translateY(-2px)}
.cta-qr {display: inline-flex;align-items: center;padding: 0px 15px 0 5px;border-radius: 20px;text-decoration: none;font-size: 0.84rem;font-weight: 600;transition: transform 200ms, box-shadow 220ms;background: var(--chi-blue);color: white;box-shadow: 0 6px 20px rgba(118,181,185,0.35)}
	.cta-qr:hover {transform: translateY(-2px)}


.navbar {background-color: var(--chi-blue-d);position: fixed;top: 0;left: 0;width: 100%;z-index: 1000;padding-bottom: 7px;transition: var(--transition-smooth)}
.navbar.scrolled {background: rgba(255,255,255,0.97);backdrop-filter: blur(20px);box-shadow: 0 2px 40px rgba(0,0,0,0.08);padding: 0.7rem 0}
.navbar .tamgenislik {display: flex;align-items: center;flex-direction: row;flex-wrap: wrap;justify-content: space-between}
.nav-logo {font-family: var(--font-heading);font-size: 1.6rem;font-weight: 700;color: var(--chi-white);text-decoration: none;transition: var(--transition-smooth)}
.nav-logo strong {color:var(--chi-white)}
.nav-logo span {display:block;font-size: 0.68rem;font-weight: 400;color: var(--chi-white);letter-spacing: 0.12em;text-transform: uppercase;}
.navbar.scrolled .nav-logo strong:nth-child(1) {color:var(--chi-blue)}
.navbar.scrolled .nav-logo strong:nth-child(2) {color:var(--chi-green)}
.navbar.scrolled .nav-logo span {zoom: 0.01}

.t_menubir {margin-right:55px}
.t_menubir ul {display: flex;align-items: center;gap: 2.5rem;list-style: none}
.t_menubir ul a {color:var(--chi-white);font-size: 0.9em;letter-spacing: 0.5px;transition: var(--transition-smooth);position: relative}
.t_menubir ul a::after {content: '';position: absolute;bottom: -4px;left: 0;width: 0;height: 2px;background: var(--chi-white);transition:0.5s}
.t_menubir ul a:hover::after {width: 100%}
.navbar.scrolled .t_menubir ul a {color: var(--chi-text)}
.navbar.scrolled .t_menubir ul a::after {background: var(--chi-blue-d)}

#pgloader:before {content: "";background-image: url(/site_dosyalar/logo/favicon.webp);width: 55px;height: 55px;background-size: contain;position: absolute;opacity: 0.6}

.menu-note {width: fit-content;display: flex;margin: 0 auto;padding: 20px 25px;border-radius: 15px;background: rgba(118, 181, 185, 0.08);border: 1px solid rgba(118, 181, 185, 0.2);font-size: 0.9em;color: var(--chi-gray);flex-direction: column;align-items: center;gap: 10px}
.menu-note svg {vertical-align: middle;stroke: var(--chi-blue-d)}

footer {margin-top: 0;padding-top: 55px;background-color: var(--chi-green-l)}
.logo-circle {margin-bottom:25px;width: 155px;height: 155px;overflow: hidden;border-radius: 50%;padding: 15px;background-color: var(--chi-white)}
footer .footer {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: flex-start}
footer .footer > div {flex:1 1 32%;min-width:310px}

.footer-social {margin-top:25px;display: flex;gap: 0.8rem}
.footer-social a {width: 42px;height: 42px;border-radius: 12px;background: rgba(255,255,255,0.5);display: flex;align-items: center;justify-content: center;transition: var(--transition-smooth)}
.footer-social a svg {width: 18px;height: 18px;transition: var(--transition-smooth)}
.footer-social a:hover {background: var(--chi-green-l);transform: translateY(-3px)}
.footer-social a:hover svg {color: var(--chi-blue-d);}

#contact {margin-top:110px}
#contact .tamgenislik {margin-top:55px;display: flex;flex-wrap: wrap;flex-direction: row;justify-content: space-around;gap: 25px}
#contact .tamgenislik > div {flex:1 1 49%;min-width:310px}
.contact-item {border-radius: 15px;padding: 1vw;display: flex;align-items: center;gap: 1rem;margin-bottom: 15px}
.contact-item p {font-size: 0.9em}

/* harita placeholder */
.contact-map {border-radius: 24px;overflow: hidden;box-shadow: 0 20px 60px rgba(112,112,112,0.14);border: 1px solid rgba(118,181,185,0.2);position: relative}
.map-placeholder {width: 100%;height: 380px;background: linear-gradient(145deg, #d0e8d4, #b8dce0, #c8e0cc);display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 16px;position: relative;overflow: hidden}
.map-art {position: absolute;inset: 0;overflow: hidden}
.map-road {position: absolute;background: rgba(255,255,255,0.5)}
.map-road.h1 {top: 40%; left: 0; right: 0; height: 14px; border-radius: 0}
.map-road.h2 {top: 65%; left: 0; right: 0; height: 8px}
.map-road.v1 {left: 30%; top: 0; bottom: 0; width: 10px}
.map-road.v2 {left: 55%; top: 0; bottom: 0; width: 14px}
.map-block {position: absolute;background: rgba(255,255,255,0.25);border-radius: 4px}
.map-block.b1 {top: 10%; left: 8%; width: 18%; height: 28%}
.map-block.b2 {top: 10%; left: 32%; width: 20%; height: 28%}
.map-block.b3 {top: 50%; left: 8%; width: 18%; height: 12%}
.map-block.b4 {top: 50%; left: 32%; width: 20%; height: 12%}
.map-block.b5 {top: 10%; right: 8%; width: 22%; height: 28%}
.map-block.b6 {top: 50%; right: 8%; width: 22%; height: 12%}
.map-block.b7 {top: 70%; left: 8%; width: 18%; height: 20%}
.map-block.b8 {top: 70%; left: 32%; width: 20%; height: 20%}
.map-block.b9 {top: 70%; right: 8%; width: 22%; height: 20%}
.map-pin {position: relative;z-index: 2;display: flex;flex-direction: column;align-items: center}
.map-pin-dot {width: 20px; height: 20px;border-radius: 50% 50% 50% 0;background: var(--chi-blue);transform: rotate(-45deg);box-shadow: 0 4px 12px rgba(118,181,185,0.5);animation: pinBounce 2s ease-in-out infinite}
.map-pin-shadow {width: 16px; height: 6px;border-radius: 50%;background: rgba(0,0,0,0.15);margin-top: 4px;filter: blur(2px)}
.map-label {position: absolute;top: 50%;left: 50%;transform: translate(-25%, -200%);background: var(--chi-white);border-radius: 12px;padding: 8px 14px;font-size: 0.82rem;font-weight: 700;color: var(--chi-gray);box-shadow: 0 4px 16px rgba(112,112,112,0.2);white-space: nowrap;z-index: 3}
.map-label::after { content: ''; position: absolute; bottom: -6px; left: 24px; width: 12px; height: 12px; background: var(--chi-white); transform: rotate(45deg); box-shadow: 2px 2px 4px rgba(112,112,112,0.08); }
.map-open-btn {position: absolute;bottom: 16px;left: 50%;transform: translateX(-50%);display: inline-flex;align-items: center;gap: 7px;padding: 10px 20px;border-radius: 99px;background: var(--chi-white);color: var(--chi-gray);font-size: 0.82rem;font-weight: 600;text-decoration: none;box-shadow: 0 4px 16px rgba(112,112,112,0.18);transition: background 200ms, color 200ms, transform 180ms;z-index: 3}
.map-open-btn:hover {background: var(--chi-blue);color: var(--chi-white);transform: translateX(-50%) translateY(-2px)}

#yapimcibar {font-size: 0.85em;padding: 10px 0px}

@media (max-width:820px){
	.ustrezervasyon {display:none}
	.navbar nav {margin: 10px 0 !important;font-size: 1.1em}
	#hakkimizda > div {flex-basis:100% !important}
}
@media (max-width:720px){
	.navbar {text-align:center}
	.navbar .tamgenislik {flex-direction: column}
	.nav-logo {flex:1 !important}
	.hero {padding-top:unset !important;align-items: center !important}
	.about-img-float {transform: scale(.75)}
	#deneyim {flex-direction: column}
	#yorumlar .flex {gap:15px}
}
@media (max-width:640px){

	footer .footer > div:nth-child(1) {text-align:center;margin-bottom:25px}
	footer .logo-circle {margin-left: auto;margin-right: auto}
	.footer-social {justify-content: center}
}
/* MODULER */