:root {
	--bgrenk: #ffffff;
	--metinrenk : #444444;
	--renkbir: #FF0066;
	--renkbira: #FF0066d9;
	--renkiki: #C7C7C6;
	--renkikia: #C7C7C6d9;
	--renkuc: #444444;
	--renkuca: #444444d9;
	--sitefont: 'Montserrat', 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: 'Montserrat', sans-serif; font-size:1em;font-size-adjust: 0.5;color:var(--metinrenk)}
::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}

.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(1em + 0.4vw)}
.cokbuyuk{font-size:calc(1em + 0.7vw)}


#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}

ul.none, ol.none{margin:0px;padding:0px;list-style-type:none}
ul,ol{margin-left:25px;padding-left: 25px}
.temizle {clear:both;}
.dskyok {display:none}
.hizala{margin-left:auto;margin-right:auto}
.ortala{text-align:center}
.soladayali{text-align:left !important}
.sagadayali{text-align:right !important}
.pad{padding:10px}
.nopad{padding:0px}
.mar{margin:10px}
.nomar{margin:0px}

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

#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 {display:table-cell; vertical-align: middle;text-align:center;width:100%;height:100%;font-size:22px;font-size:calc(1em + 0.5vw)}
#t_mobillogoalan .txtlogo, #mobilyanlogoalan .txtlogo{font-size:30px;font-size:calc(1em + 1vw)}

#t_footer {}
#cpyr,#yapimcibilgisi{text-align:left;color:var(--renkbir)}
#cpyr{font-family:verdana;font-size:14px}
#yapimcibilgisi{text-align:right;}
#yapimcibilgisi a{color:var(--renkbir)}


#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}

#aramaformu {display: inline-block;float: right;margin-top: 15px;position: relative}
#aramaformu input {border: #ccc 1px solid;padding: 5px;height:48px}
#aramaformu button {border: #ccc 1px solid;border-left: none;background: #f2f2f2;cursor: pointer;vertical-align: top;width: 48px;height: 48px;position: relative;left: -5px}
#aramaformu button span {font-family: monospace;font-size: 35px;line-height: 20px;transform: rotate(110deg);display: inline-block}

.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}

#formcaptcha {position:relative}
#formcaptcha input {font-size:0.8em}
#formcaptcha div {position:absolute;top:1px;right:1px;border:#000 1px solid}
#formcaptcha span#imgCaptcha {background-color: #f7c386;padding: 2px 10px;display: inline-block;font-weight: bold;letter-spacing: -6px;font-size: 22px;font-family: verdana;transition: all 0.5s}
#formcaptcha:hover span#imgCaptcha {letter-spacing:2px}

#t_iletisimformu input[type="text"], input[type="email"], textarea {background-color: rgba(247, 250, 253, 1);border: #ebebeb 1px solid;padding: 10px;margin-bottom: 10px;width: 100%;font-size: 1em;font-family: var(--sitefont)}
#t_iletisimformu input[type="submit"] {border: var(--renkbir) 1px solid;background-color: var(--renkbira);padding: 10px 20px;color: var(--bgrenk);font-family: var(--sitefont);font-size: 0.9em;cursor:pointer}

#t_sayfayolu {font-size:0.9em}
#t_sayfayolu div {display:inline;line-height:1em;vertical-align:middle}
#t_sayfayolu span {display: inline-block;margin-bottom: 7px;margin-right: 10px}
#t_sayfayolu span.t_anasayfa {font-size: 1.2em}
#t_sayfayolu div a span {max-width: 32%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}


body:has(#resultsList) {height:100vh;overflow:hidden}* {font-variant-numeric: lining-nums}
body {}
svg {vertical-align:middle}
h1,h2,h3 {margin:0;padding:0}
h1 {font-size:2.2em}
h2 {font-size:2em}
h3 {font-size:1.8em}
.anim, .animall * {-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s}
.butonlastir {display: inline-block;padding: 10px 20px;background-color:var(--renkbir);color:#fff !important;font-weight: 600;border-radius: 5px;box-shadow: 0 3px 10px rgba(71, 44, 173, 0.2)}
.butonlastir:hover {background-color: var(--renkuc);color:#fff !important}
.butonlastir2 {font-family: 'Roboto', sans-serif;font-size: 16px;color: white;background: linear-gradient(45deg, #0066cc, #00ccff);padding: 8px 16px;border-radius: 30px;display: inline-block;margin: 5px;text-decoration: none;transition: box-shadow 0.3s ease, transform 0.3s ease}
.butonlastir2:hover {box-shadow: 0px 4px 15px rgba(0, 102, 204, 0.4);transform: translateY(-3px)}
.aragenisalan {width: calc(100vw - 8px);position: relative;left: 50%;right: 50%;margin-left: -50vw;margin-right: -50vw}

.ikilitbl {display:flex;flex-direction: row;flex-wrap: wrap;align-items: center}
#altalan .ikilitbl {align-items:flex-start}
.ikilitbl .sutun {flex-basis:50%;padding:10px}

#ustalan {background-color:#f0f0f0;padding:10px 0;border-bottom:#e5e5e5 1px solid;box-shadow: 0 2px 5px rgba(16, 16, 16, .08)}
#ustalan .tamgenislik {display:flex;flex-direction: row;flex-wrap: wrap;align-items: center}
#logoalan {flex-basis:200px;max-height:65px}
#logoalan img {height:50px;width:auto}
#ustalan #logoalan {transition: all 0.5s ease}
#ustalan.sticky #logoalan {transform:scale(0.7)}

#ustmenualan {flex-basis:calc(100% - 330px);padding-right: 25px}
#ustsag {flex-basis:130px}
#ustmenualan ul:first-of-type {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-end;align-items: center;}
#ustmenualan li {margin: 7px 14px}
#ustmenualan li a {color:var(--renbir);font-weight:500}
#ustmenualan li a:hover {color:var(--renkbira);}

#ustalan.sticky {position: fixed;z-index:10000;top: 0;left: 0;width: 100%;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);transform: translateY(-100%);animation: slideDown 0.5s forwards}
@keyframes slideDown {from {transform: translateY(-100%);}to {transform: translateY(0);}}

#altalan {padding:50px 10px;background-color:var(--renkuc)}
#altalan * {color:#fff}
#altalan img {filter: brightness(0) invert(1)}

#yapimcibar {border-top:#333 1px solid;padding:15px 0}
#yapimcibar .tamgenislik {display: flex;flex-direction: row;justify-content: space-between}
#yapimcibar * {color:#f0f0f0;font-size:0.9em}

#ustgorseller {display: flex;flex-direction: row;flex-wrap: nowrap;gap:5px;margin-bottom:55px}
#ustyataygorsel {flex-basis: 63%}
#ustyataygorsel img {border-top-left-radius:15px;border-bottom-left-radius:15px}
#ustkaregorsel {flex-basis: 36%}
#ustkaregorsel img {border-top-right-radius:15px;border-bottom-right-radius:15px}
#ustgorseller  {filter: drop-shadow(2px 4px 6px black);overflow: hidden}

@media (max-width: 960px) {
	.aragenisalan {width:100vw}
	.ikilitbl .sutun {min-width: 310px;flex-grow: 1}
	#ustsag {display:none}
	#ustmenualan {flex-grow: 1}
	#ustmenualan ul:first-of-type {justify-content: center}
	#ustalan {position: static !important}
}

@media (max-width: 820px) {
	#ustalan .tamgenislik {flex-direction: column}
}

@media (max-width: 720px) {
	#ustalan .tamgenislik {flex-direction: column;font-size: 0.9em}
	#ustmenualan {padding-right: 0}
	#t_menubir li:has(.butonlastir) {display: block;flex-basis: 100%;text-align: center}
}

@media (max-width: 640px) {
	.aragenisalan {width:100vw}
	h1 {font-size:calc(1.5em + 1.5vw)}
	#logoalan {transform: scale(0.9);max-height: 50px}
}

@media (max-width: 480px) {
	#ustmenualan {margin-top: 25px}
}

/* MODULER */
.gykkSlide .gykkSlide-navs {display:none}

@media (max-width: 480px) {
	#slidealan .caption {font-size:1.3em !important}
}

@media (max-width: 480px) {
	#slidealan .caption {font-size:1.1em !important}
}