* {
    -webkit-font-smoothing: antialiased;
}

@media screen and (max-width:780px){ /*Mobile*/
	.mobil-gizle {
		display:none;
	}
	.mb-resim-galeri {
		height:65px;
	}
	.frontpage-banner-section.frontpage-banner-style-three .frontpage-right .hero-search-form {
	  padding-left: 0px;
	  padding-right: 0px;
	}
}

@media screen and (min-width:780px){ /*Desktop*/
	.mb-resim-galeri {
		height:120px;
	}
}
.sehir-universite {
	display:block;
	border: 1px solid #DDDDDD;
    box-shadow: 3px 3px 11px rgba(0, 0, 0, 0.07);
    background-color: #fff;
	padding:35px;
	border-radius:4px;
	width:100%;
}

.sehir-universite img {
	display:block;
	margin-left:auto;
	margin-right:auto;
	height:63px;
	margin-bottom:15px;
}

.sehir-universite p {
	text-align:center;
	font-size:14px;
	height:50px;
	overflow:hidden;
}

.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* ==========================================================================
   ANAOKULLARIKRESLER — HEADER (ht-*) + PALET
   assets/css/custom.css dosyasinin EN SONUNA eklenecek
   ========================================================================== */

:root{
  --brand:       #E93F87;
  --brand-dark:  #C62C6E;
  --brand-light: #FF6BA5;
  --brand-soft:  #FDE9F2;

  --blue:        #2B9ED9;
  --blue-dark:   #1B77A8;
  --blue-light:  #5EBCE9;
  --blue-soft:   #E7F5FC;

  --c-yellow: #FFC24B;
  --c-green:  #3CC98A;
  --c-purple: #9B6BE8;
  --c-orange: #FF8A5B;
  --c-teal:   #36C5C0;

  --ink:      #1E2A3A;
  --ink-soft: #64748B;
  --bg:       #F7F9FC;
  --line:     #E8EDF3;
}

/* --------------------------------------------------------------------------
   HEADER GOVDESI
   -------------------------------------------------------------------------- */
.ht-header{
  position: sticky;
  top: 0;
  z-index: 999;
  background: #fff;
  border-bottom: 3px solid var(--brand);
  box-shadow: 0 2px 14px rgba(30,42,58,.06);
}

.ht-header-container{
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 20px;
  height: 78px;
  display: flex;
  align-items: center;
  gap: 28px;
}

.ht-logo{ flex: 0 0 auto; }
.ht-logo a{ display: block; line-height: 0; }
.ht-logo-img{
  max-height: 52px;
  width: auto;
  display: block;
}

/* --------------------------------------------------------------------------
   MASAUSTU MENU
   -------------------------------------------------------------------------- */
.ht-nav{ flex: 1 1 auto; }

.ht-nav-menu{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 4px;
}

.ht-nav-menu > li{ position: relative; }

.ht-nav-menu > li > a{
  display: block;
  padding: 10px 14px;
  color: var(--ink);
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  border-radius: 8px;
  transition: color .18s ease, background-color .18s ease;
}

.ht-nav-menu > li > a:hover{
  color: var(--brand);
  background: var(--brand-soft);
}

.ht-ok{
  font-size: 11px;
  margin-left: 5px;
  transition: transform .2s ease;
}
.ht-dropdown.kategori-acik .ht-ok{ transform: rotate(180deg); }

/* Kategori alt menusu */
.ht-sub-menu{
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  min-width: 232px;
  list-style: none;
  margin: 0;
  padding: 8px;
  background: #fff;
  border: 1px solid var(--line);
  border-top: 3px solid var(--brand);
  border-radius: 12px;
  box-shadow: 0 12px 32px rgba(30,42,58,.12);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-6px);
  transition: opacity .18s ease, transform .18s ease, visibility .18s;
}

.ht-dropdown.kategori-acik .ht-sub-menu,
.ht-dropdown:hover .ht-sub-menu{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.ht-sub-menu li a{
  display: block;
  padding: 10px 14px;
  color: var(--ink);
  font-size: 14.5px;
  text-decoration: none;
  border-radius: 8px;
  border-left: 3px solid transparent;
  transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}

.ht-sub-menu li a:hover{
  background: var(--blue-soft);
  color: var(--blue-dark);
  border-left-color: var(--blue);
}

/* Alt menu renklerini sirayla degistir */
.ht-sub-menu li:nth-child(6n+1) a:hover{ background: var(--brand-soft); color: var(--brand-dark); border-left-color: var(--brand); }
.ht-sub-menu li:nth-child(6n+2) a:hover{ background: var(--blue-soft);  color: var(--blue-dark);  border-left-color: var(--blue); }
.ht-sub-menu li:nth-child(6n+3) a:hover{ background: #FFF6E3; color: #8A6100; border-left-color: var(--c-yellow); }
.ht-sub-menu li:nth-child(6n+4) a:hover{ background: #E7F9F0; color: #1B7A4D; border-left-color: var(--c-green); }
.ht-sub-menu li:nth-child(6n+5) a:hover{ background: #F2ECFD; color: #5B33A8; border-left-color: var(--c-purple); }
.ht-sub-menu li:nth-child(6n+6) a:hover{ background: #E4F8F7; color: #1A7C79; border-left-color: var(--c-teal); }

/* --------------------------------------------------------------------------
   SAG BUTONLAR
   -------------------------------------------------------------------------- */
.ht-actions{
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 10px;
}

.ht-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  padding: 0 20px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: .2px;
  text-decoration: none;
  border: none;
  white-space: nowrap;
  transition: background-color .18s ease, transform .12s ease;
}
.ht-btn i{ margin-right: 8px; font-size: 16px; }
.ht-btn:hover{ text-decoration: none; transform: translateY(-1px); }
.ht-btn:active{ transform: translateY(0); }

.ht-btn-mavi{ background: var(--blue); color: #fff; }
.ht-btn-mavi:hover,
.ht-btn-mavi:focus{ background: var(--blue-dark); color: #fff; }

.ht-btn-pembe{ background: var(--brand); color: #fff; }
.ht-btn-pembe:hover,
.ht-btn-pembe:focus{ background: var(--brand-dark); color: #fff; }

/* Klavye erisilebilirligi */
.ht-header a:focus-visible,
.ht-hamburger:focus-visible{
  outline: 3px solid var(--blue-light);
  outline-offset: 2px;
}

/* --------------------------------------------------------------------------
   HAMBURGER
   -------------------------------------------------------------------------- */
.ht-hamburger{
  display: none;
  width: 46px;
  height: 46px;
  background: var(--brand-soft);
  color: var(--brand);
  border: none;
  border-radius: 10px;
  font-size: 20px;
  cursor: pointer;
  transition: background-color .18s ease, color .18s ease;
}
.ht-hamburger.ht-active{ background: var(--brand); color: #fff; }

/* --------------------------------------------------------------------------
   MOBIL MENU
   -------------------------------------------------------------------------- */
.ht-mobile-menu{
  display: none;
  background: #fff;
  border-top: 1px solid var(--line);
  padding: 10px 20px 20px;
}
.ht-mobile-menu.ht-open{ display: block; }

.ht-mobile-links{
  list-style: none;
  margin: 0;
  padding: 0;
}
.ht-mobile-links > li{ border-bottom: 1px solid var(--line); }
.ht-mobile-links > li > a{
  display: block;
  padding: 14px 4px;
  color: var(--ink);
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
}
.ht-mobile-links > li > a:hover{ color: var(--brand); }

.ht-mobile-cat-toggle i{
  float: right;
  margin-top: 4px;
  font-size: 12px;
  transition: transform .2s ease;
}
.ht-mobile-cat.ht-sub-open .ht-mobile-cat-toggle i{ transform: rotate(180deg); }

.ht-mobile-sub{
  display: none;
  list-style: none;
  margin: 0 0 10px;
  padding: 6px 0 6px 14px;
  border-left: 3px solid var(--brand);
  background: var(--brand-soft);
  border-radius: 0 10px 10px 0;
}
.ht-mobile-cat.ht-sub-open .ht-mobile-sub{ display: block; }
.ht-mobile-sub li a{
  display: block;
  padding: 10px 6px;
  color: var(--ink);
  font-size: 15px;
  text-decoration: none;
}
.ht-mobile-sub li a:hover{ color: var(--brand-dark); }

.ht-mobile-actions{
  display: flex;
  gap: 10px;
  margin-top: 18px;
}
.ht-mobile-btn{
  flex: 1 1 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 46px;
  border-radius: 8px;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
}
.ht-mobile-btn i{ margin-right: 8px; }
.ht-mobile-btn:hover{ color: #fff; text-decoration: none; }
.ht-mobile-btn-mavi{ background: var(--blue); }
.ht-mobile-btn-mavi:hover{ background: var(--blue-dark); }
.ht-mobile-btn-pembe{ background: var(--brand); }
.ht-mobile-btn-pembe:hover{ background: var(--brand-dark); }

/* --------------------------------------------------------------------------
   RESPONSIVE
   -------------------------------------------------------------------------- */
@media (max-width: 1100px){
  .ht-header-container{ gap: 16px; }
  .ht-nav-menu > li > a{ padding: 10px 10px; font-size: 14.5px; }
  .ht-btn{ padding: 0 16px; font-size: 14.5px; }
}

@media (max-width: 991px){
  .ht-header-container{ height: 68px; justify-content: space-between; }
  .ht-nav{ display: none; }
  .ht-actions{ display: none; }
  .ht-hamburger{ display: inline-flex; align-items: center; justify-content: center; }
  .ht-logo-img{ max-height: 44px; }
}

@media (prefers-reduced-motion: reduce){
  .ht-header *{ transition: none !important; }
}

/* --------------------------------------------------------------------------
   ESKI TEMA HEADER'INI GIZLE (kalintisi varsa)
   -------------------------------------------------------------------------- */
.site-header.header-style-one,
#sticky-header,
.mobile-menu{ display: none !important; }