/* ===== Modern website theme – güncel web trendleri ===== */

/* ----- Temiz header (index): logo + nav ----- */
.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  height: 72px;
  background-color: #3d4043;
  box-shadow: 0 1px 0 rgba(0,0,0,0.1);
  display: flex;
  align-items: center;
}
.site-header-inner {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.site-logo {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  text-decoration: none;
}
.site-logo img {
  display: block;
  height: 82px;
  width: auto;
  max-width: 280px;
  object-fit: contain;
  object-position: left center;
}
.site-nav {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
.site-nav-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 4px;
  list-style: none;
  margin: 0;
  padding: 0;
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.site-nav-list > li {
  position: relative;
}
.site-nav-list > li > a,
.site-nav-list .sub-trigger {
  display: inline-block;
  padding: 10px 14px;
  color: rgba(255,255,255,0.9);
  text-decoration: none;
  border-radius: 8px;
  transition: color 0.2s ease, background 0.2s ease;
}
.site-nav-list > li > a:hover,
.site-nav-list .sub-trigger:hover {
  color: #fff;
  background: rgba(255,255,255,0.08);
}
.site-nav-list > li > a.active {
  color: #fff;
}
.site-nav-list .sub-trigger {
  cursor: pointer;
  border: none;
  background: none;
  font: inherit;
  color: rgba(255,255,255,0.9);
}
.site-nav-list .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 220px;
  list-style: none;
  margin: 0;
  padding: 8px 0;
  background: rgba(45,46,48,0.98);
  border-radius: 12px;
  box-shadow: 0 12px 32px rgba(0,0,0,0.35);
  border: 1px solid rgba(255,255,255,0.06);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-4px);
  transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
  z-index: 100;
}
.site-nav-list .has-sub:hover .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.site-nav-list .sub-menu a {
  display: block;
  padding: 10px 18px;
  color: rgba(255,255,255,0.85);
  text-decoration: none;
  font-size: 11px;
  letter-spacing: 0.05em;
  transition: color 0.2s ease, background 0.2s ease;
}
.site-nav-list .sub-menu a:hover {
  color: #fff;
  background: rgba(255,255,255,0.06);
}

/* ===== NE YAPARIZ / Kategori linkleri – ayrı blok (header dropdown + footer) ===== */
/* Ortak: tüm kategori linkleri genel link stillerinden bağımsız */
.site-nav-list .sub-menu .link-category,
.site-nav-list .sub-menu a,
.site-footer-links .site-footer-nav a,
.site-footer-links .nav-category-links .link-category {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: color 0.2s ease, background-color 0.2s ease !important;
}
/* Header dropdown – Ne Yaparız altı */
.site-nav-list .sub-menu .link-category,
.site-nav-list .sub-menu a {
  display: block !important;
  padding: 10px 18px !important;
  color: rgba(255,255,255,0.85) !important;
  font-size: 11px !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}
.site-nav-list .sub-menu .link-category:hover,
.site-nav-list .sub-menu a:hover {
  color: #fff !important;
  background: rgba(255,255,255,0.06) !important;
}
/* Footer – Ne Yaparız? sütunu linkleri */
.site-footer-links .site-footer-nav a,
.site-footer-links .nav-category-links .link-category {
  display: inline-block !important;
  padding: 4px 0 !important;
  font-size: 14px !important;
  color: rgba(255,255,255,0.75) !important;
  letter-spacing: 0.02em !important;
}
.site-footer-links .site-footer-nav a:hover,
.site-footer-links .nav-category-links .link-category:hover {
  color: #fff !important;
}

.site-nav-list .nav-socials {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: 16px;
  padding-left: 16px;
  border-left: 1px solid rgba(255,255,255,0.2);
}
.site-nav-list .nav-socials a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  color: rgba(255,255,255,0.85);
  text-decoration: none;
  border-radius: 6px;
  transition: color 0.2s ease, background 0.2s ease;
}
.site-nav-list .nav-socials a:hover {
  color: #fff;
  background: rgba(255,255,255,0.1);
}
/* Header sosyal ikonlar (Font Awesome) – her zaman görünsün */
.site-nav-list .nav-socials a i {
  font-size: 18px;
  display: inline-block;
  font-style: normal;
}

/* Hamburger butonu – masaüstünde gizli */
.site-nav-toggle {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 44px;
  height: 44px;
  padding: 10px;
  border: none;
  border-radius: 8px;
  background: rgba(255,255,255,0.08);
  color: #fff;
  cursor: pointer;
  transition: background 0.2s ease;
  z-index: 1001;
}
.site-nav-toggle:hover {
  background: rgba(255,255,255,0.15);
}
.site-nav-toggle .hamburger-line {
  display: block;
  width: 22px;
  height: 2px;
  background: currentColor;
  border-radius: 1px;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.site-header.nav-open .site-nav-toggle .hamburger-line:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}
.site-header.nav-open .site-nav-toggle .hamburger-line:nth-child(2) {
  opacity: 0;
}
.site-header.nav-open .site-nav-toggle .hamburger-line:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

/* Pencere küçülünce: hamburger göster, menü panel olarak açılsın */
@media (max-width: 992px) {
  .site-nav-toggle {
    display: flex;
  }
  .site-nav {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    padding: 88px 24px 24px;
    background: rgba(61,64,67,0.98);
    backdrop-filter: blur(12px);
    justify-content: flex-start;
    align-items: flex-start;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s ease, visibility 0.25s ease;
    z-index: 999;
    overflow-y: auto;
  }
  .site-header.nav-open .site-nav {
    opacity: 1;
    visibility: visible;
  }
  .site-nav-list {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    width: 100%;
    max-width: 320px;
    margin: 0 auto 0 0;
  }
  .site-nav-list > li {
    border-bottom: 1px solid rgba(255,255,255,0.08);
  }
  .site-nav-list > li > a,
  .site-nav-list .sub-trigger {
    padding: 14px 16px;
    font-size: 14px;
    text-align: left;
    width: 100%;
    box-sizing: border-box;
  }
  .site-nav-list .sub-menu {
    position: static;
    opacity: 1;
    visibility: visible;
    transform: none;
    box-shadow: none;
    background: rgba(0,0,0,0.2);
    border-radius: 0;
    border: none;
    margin: 0;
    padding: 0 0 8px 16px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
  }
  .site-nav-list .has-sub.sub-open .sub-menu {
    max-height: 320px;
  }
  .site-nav-list .has-sub:hover .sub-menu {
    max-height: 0;
  }
  .site-nav-list .has-sub.sub-open:hover .sub-menu {
    max-height: 320px;
  }
  .site-nav-list .sub-menu a {
    padding: 10px 12px;
    font-size: 13px;
  }
  .site-nav-list .sub-trigger::after {
    content: '\f107';
    font-family: 'FontAwesome';
    float: right;
    transition: transform 0.25s ease;
  }
  .site-nav-list .has-sub.sub-open .sub-trigger::after {
    transform: rotate(180deg);
  }
  .site-nav-list .nav-socials {
    margin-left: 0;
    padding-left: 0;
    padding-top: 16px;
    margin-top: 8px;
    border-left: none;
    border-top: 1px solid rgba(255,255,255,0.2);
    gap: 12px;
  }
  .site-nav-list .nav-socials a {
    width: 40px;
    height: 40px;
  }
}

/* Index: eski header gizle, sayfa + slider düzeni */
.index-page .muse-header-legacy#pu44549,
.index-page #pu44549 {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}
.index-page #u284326 {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}
.index-page #page {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  display: block !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
}
/* index.css’teki width:0.01px ve margin-right:-10000px’i iptal et – banner ve içerik görünsün */
.index-page #pup-slide {
  min-height: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
  display: block !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  overflow: visible !important;
}
.index-page #slideshowu362953,
.index-page .hero-slider-wrap {
  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.index-page #pu131405 {
  padding-top: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
/* Header: tek blok, logo slider’a taşmasın – bar içinde sınırlı */
/* Logo bar içinde kalsın, slider’a binmesin – img ile her zaman yüklensin */
/* Slider tam ekran: viewport genişliğinde, sağ/sol boşluk yok */
.index-page #pu131405 {
  margin-top: 0 !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  width: 100% !important;
  max-width: none !important;
  overflow: visible !important;
}
/* Full-bleed: parent genişliğinden bağımsız, her zaman tam viewport; video üstünde görünsün */
.index-page .index-hero {
  display: block !important;
  width: 100vw !important;
  min-width: 100vw !important;
  min-height: 100vh !important;
  max-width: none !important;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 10 !important;
}
.index-page .hero-slider-wrap,
.index-page #slideshowu362953,
.index-page .index-hero .hero-slider-wrap,
.index-page .index-hero #slideshowu362953 {
  position: relative !important;
  left: 0 !important;
  transform: none !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  height: 100vh !important;
  min-height: 100vh !important;
  max-height: none !important;
  box-sizing: border-box !important;
}
/* Slider altı: gereksiz boşluk kaldır */
.index-page #u145988 {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.index-page #u53909-bw {
  margin-top: 24px !important;
}
.index-page #u145976-4 {
  margin-top: 24px !important;
}
html.index-page,
body.index-page {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
body.index-page {
  overflow-x: visible;
}

/* Slider altı: tek container – boşluk yok, ortalı, sola yaslı değil */
/* Ana sayfa: videonun altındaki tüm içerik container içinde, ortalı */
.index-page .index-body {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 24px 32px;
  box-sizing: border-box;
}
.index-page .index-body > #down-slide {
  display: block;
  height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.index-page .index-body > #u363004 {
  display: none;
}
.index-page .index-body > #u145988 {
  margin-top: 0 !important;
  padding-top: 20px !important;
  width: 100% !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.index-page .index-body #u145979 { width: 100%; max-width: 100%; }
/* İç mimari / mimari tasarım ofisi – font, kurumsal */
.index-page .index-tagline,
.index-page .index-tagline .index-tagline-top,
.index-page .index-tagline .index-tagline-main {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  font-family: 'Montserrat', sans-serif !important;
}
.index-page .index-tagline-top {
  font-size: clamp(0.95rem, 2vw, 1.1rem) !important;
  font-weight: 400 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.6) !important;
  line-height: 1.4 !important;
  margin-bottom: 0.25em !important;
}
.index-page .index-tagline-main {
  font-size: clamp(1.5rem, 3.5vw, 2.25rem) !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  color: rgba(255,255,255,0.92) !important;
  line-height: 1.25 !important;
}
.index-page .index-body > #u53909-bw {
  margin-top: 24px !important;
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.index-page .index-body #u53909_align_to_page {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.index-page .index-body > #u145976-4,
.index-page .index-section-title {
  margin-top: 24px !important;
  max-width: 100% !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(2rem, 5vw, 3.5rem) !important;
  font-weight: 300 !important;
  letter-spacing: 0.02em !important;
  color: rgba(255,255,255,0.85) !important;
  line-height: 1.2 !important;
}
.index-page .index-section-title {
  display: block !important;
}
.index-page .index-body > #u266114,
.index-page .index-body > #u273415,
.index-page .index-body > #u273468,
.index-page .index-body > #u273501,
.index-page .index-body > #u273540 {
  margin-top: 20px !important;
  width: 100% !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.index-page .index-body > #u266114 { margin-top: 24px !important; }
/* Video: sayfada ortada, makul genişlik */
.index-page .index-body #u253323 {
  margin-left: auto !important;
  margin-right: auto !important;
  left: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}
.index-page .verticalspacer {
  display: none !important;
}

/* Index: sayfa altı "Çalışmalarımıza göz atın" bölümü – font tabanlı, modern */
.index-works-cta {
  width: 100%;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: linear-gradient(165deg, #2a2c2e 0%, #1e2022 50%, #252729 100%);
  background-size: cover;
  background-position: center;
  position: relative;
  padding: clamp(40px, 6vw, 64px) 24px;
  box-sizing: border-box;
}
.index-works-cta::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.25);
  pointer-events: none;
}
.index-works-cta-inner {
  position: relative;
  z-index: 1;
  max-width: 1200px;
  margin: 0 auto;
  padding-left: 24px;
  padding-right: 24px;
  box-sizing: border-box;
}
.index-works-cta-title {
  font-family: 'Montserrat', sans-serif;
  font-size: clamp(2rem, 5.5vw, 3.5rem);
  font-weight: 300;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.96);
  margin: 0 0 0.15em;
  line-height: 1.15;
}
.index-works-cta-sub {
  font-family: 'Montserrat', sans-serif;
  font-size: clamp(0.95rem, 2.2vw, 1.25rem);
  font-weight: 400;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.88);
  margin: 0 0 1.75rem;
}
.index-works-cta-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 14px;
  margin-bottom: 1.5rem;
}
/* Ne Yaparız – ana sayfa CTA butonları (EĞİTİM, FUAR, TİCARİ, OFİS, DİĞER) */
.index-works-cta-btn {
  display: inline-block;
  padding: 12px 20px;
  font-family: 'Montserrat', sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  background: rgba(255,255,255,0.1);
  border: 1px solid rgba(255,255,255,0.22);
  border-radius: 8px;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.index-works-cta-btn:hover {
  background: rgba(255,255,255,0.18);
  border-color: rgba(255,255,255,0.35);
  color: #fff;
}
.index-works-cta-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  font-size: 1rem;
  color: rgba(255,255,255,0.9);
  background: rgba(255,255,255,0.1);
  border: 1px solid rgba(255,255,255,0.22);
  border-radius: 8px;
  text-decoration: none;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  line-height: 1;
}
.index-works-cta-arrow:hover {
  background: rgba(255,255,255,0.18);
  border-color: rgba(255,255,255,0.35);
  color: #fff;
}
@media (max-width: 576px) {
  .index-works-cta { padding: 32px 16px; }
  .index-works-cta-buttons { gap: 8px 10px; margin-bottom: 1.25rem; }
  .index-works-cta-btn { padding: 11px 14px; font-size: 0.7rem; }
}

/* ===== Tüm sayfalarda CTA "Çalışmalarımıza göz atın" – ana sayfa ile aynı görünüm ===== */
/* CTA dış kutu: sayfa CSS #pu271542 width:0.01px kesin ezilsin, çökme/kesilme olmasın */
.muse-page #pup-slide .clearfix.colelem:has(img[alt*="ÇALIŞMALARIMIZA"]),
.muse-page #pup-slide #pu271542,
.muse-page #pup-slide #pu269554,
.muse-page #pup-slide #pu265760,
html body .muse-page #pup-slide #pu271542 {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  background: linear-gradient(165deg, #2a2c2e 0%, #1e2022 50%, #252729 100%) !important;
  background-size: cover !important;
  background-position: center !important;
  position: relative !important;
  padding: clamp(40px, 6vw, 64px) 24px !important;
  box-sizing: border-box !important;
  min-height: 200px !important;
  overflow: visible !important;
  visibility: visible !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
}
.muse-page #pup-slide .clearfix.colelem:has(img[alt*="ÇALIŞMALARIMIZA"]) > .browser_width,
.muse-page #pup-slide #pu269554 > .browser_width {
  display: none !important;
}
.muse-page #pup-slide .clearfix.colelem:has(img[alt*="ÇALIŞMALARIMIZA"]) > .clearfix.grpelem,
.muse-page #pup-slide #pu271542 > .clearfix.grpelem,
.muse-page #pup-slide #pu269554 > .clearfix.grpelem,
.muse-page #pup-slide #pu265760 > .clearfix.grpelem,
.muse-page #pup-slide #u271544,
.muse-page #pup-slide #u269556,
.muse-page #pup-slide #u265762 {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px 14px !important;
  max-width: 880px !important;
  width: 100% !important;
  margin: 0 auto !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  padding: 0 16px !important;
}
.muse-page #pup-slide .clearfix.colelem:has(img[alt*="ÇALIŞMALARIMIZA"]) > .clearfix.grpelem::before,
.muse-page #pup-slide #u269556::before {
  content: "ÇALIŞMALARIMIZA GÖZ ATIN";
  white-space: normal;
  display: block !important;
  text-align: center !important;
  line-height: 1.3 !important;
  width: 100% !important;
  flex-basis: 100% !important;
  order: -2;
  font-family: 'Montserrat', sans-serif;
  font-size: clamp(1.5rem, 4vw, 3rem);
  font-weight: 300;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.96);
  margin: 0 0 0.5em;
  line-height: 1.2;
  text-align: center;
  box-sizing: border-box;
}
.muse-page #pup-slide .clearfix.colelem:has(img[alt*="ÇALIŞMALARIMIZA"]) > .clearfix.grpelem::after,
.muse-page #pup-slide #u269556::after {
  content: "";
  display: block;
  width: 100%;
  flex-basis: 100%;
  order: -1;
  height: 0;
  margin-bottom: 1rem;
}
.muse-page #pup-slide .clearfix.colelem:has(img[alt*="ÇALIŞMALARIMIZA"]) > .clearfix.grpelem > img[alt*="ÇALIŞMALARIMIZA"] {
  display: none !important;
}
.muse-page #pup-slide .clearfix.colelem:has(img[alt*="ÇALIŞMALARIMIZA"]) > .clearfix.grpelem > div,
.muse-page #pup-slide #u271544 > div {
  order: 0 !important;
  margin: 0 !important;
  width: auto !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  left: auto !important;
}
/* CTA buton sarmalayıcıları – hepsi aynı flex satırında, EĞİTİM kaymasın */
.muse-page #pup-slide #u271544 > div[id^="ppu"],
.muse-page #pup-slide #u271544 > div[id^="pu2715"],
.muse-page #pup-slide #u271544 > #u271554,
.muse-page #pup-slide #u271544 > #u271548 {
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  left: auto !important;
  right: auto !important;
  position: relative !important;
  flex: 0 0 auto !important;
  order: 0 !important;
}
/* CTA içindeki img ve scroll linki en alta */
.muse-page #pup-slide #u271544 > img,
.muse-page #pup-slide #u271544 > a[href*="#up-slide"] {
  flex-basis: 100% !important;
  order: 10 !important;
  margin-top: 1rem !important;
}
.muse-page #pup-slide #u271544 > img { display: none !important; }
/* CTA buton iç grupları (u271555, u271549) – margin-right -10000px ezilsin */
.muse-page #pup-slide #u271544 .clearfix.grpelem {
  margin-left: 0 !important;
  margin-right: 0 !important;
  left: auto !important;
  position: relative !important;
}
/* CTA butonları: tek görünüm, tüm kategori sayfalarında (ticari, diger, fuar, ofis, egitim) görünür */
.muse-page #pup-slide .clearfix.colelem:has(img[alt*="ÇALIŞMALARIMIZA"]) > .clearfix.grpelem > div a[href][data-href],
.muse-page #pup-slide .clearfix.colelem:has(img[alt*="ÇALIŞMALARIMIZA"]) a[href="egitim-yapilari.html"],
.muse-page #pup-slide .clearfix.colelem:has(img[alt*="ÇALIŞMALARIMIZA"]) a[href="fuar---etkinlik.html"],
.muse-page #pup-slide .clearfix.colelem:has(img[alt*="ÇALIŞMALARIMIZA"]) a[href="ticari.html"],
.muse-page #pup-slide .clearfix.colelem:has(img[alt*="ÇALIŞMALARIMIZA"]) a[href="ofis.html"],
.muse-page #pup-slide .clearfix.colelem:has(img[alt*="ÇALIŞMALARIMIZA"]) a[href="diger.html"] {
  display: inline-block !important;
  padding: 12px 20px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.75rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  color: #fff !important;
  background: rgba(255,255,255,0.15) !important;
  border: 1px solid rgba(255,255,255,0.4) !important;
  border-radius: 8px !important;
  transition: background 0.2s ease, border-color 0.2s ease !important;
  position: relative !important;
  box-shadow: none !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.muse-page #pup-slide .clearfix.colelem:has(img[alt*="ÇALIŞMALARIMIZA"]) > .clearfix.grpelem > div a[href][data-href]::before,
.muse-page #pup-slide .clearfix.colelem:has(img[alt*="ÇALIŞMALARIMIZA"]) > .clearfix.grpelem > div a[href][data-href]::after {
  box-shadow: none !important;
}
.muse-page #pup-slide .clearfix.colelem:has(img[alt*="ÇALIŞMALARIMIZA"]) > .clearfix.grpelem > div a[href][data-href]:hover {
  background: rgba(255,255,255,0.18) !important;
  border-color: rgba(255,255,255,0.35) !important;
}
.muse-page #pup-slide .clearfix.colelem:has(img[alt*="ÇALIŞMALARIMIZA"]) > .clearfix.grpelem > div .Image_Rollover_Plus {
  display: none !important;
}
.muse-page #pup-slide .clearfix.colelem:has(img[alt*="ÇALIŞMALARIMIZA"]) > .clearfix.grpelem > div a[href][data-href] img {
  display: none !important;
}
/* CTA içinde kırık/placeholder görseller görünmesin */
.muse-page #pup-slide .clearfix.colelem:has(img[alt*="ÇALIŞMALARIMIZA"]) img[src*="blank.gif"],
.muse-page #pup-slide .clearfix.colelem:has(img[alt*="ÇALIŞMALARIMIZA"]) .clip_frame:empty {
  opacity: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}
/* CTA link metinleri – ana sayfa ile aynı, sadece ::after; .img-as-text gizle */
.muse-page #pup-slide .clearfix.colelem:has(img[alt*="ÇALIŞMALARIMIZA"]) > .clearfix.grpelem .img-as-text { display: none !important; }
.muse-page #pup-slide .clearfix.colelem:has(img[alt*="ÇALIŞMALARIMIZA"]) > .clearfix.grpelem > div a[href][data-href]:has(img[alt="EĞİTİM"])::after { content: "EĞİTİM"; display: inline-block !important; }
.muse-page #pup-slide .clearfix.colelem:has(img[alt*="ÇALIŞMALARIMIZA"]) > .clearfix.grpelem > div a[href][data-href]:has(img[alt*="FUAR"])::after { content: "FUAR & ETKİNLİK"; display: inline-block !important; }
.muse-page #pup-slide .clearfix.colelem:has(img[alt*="ÇALIŞMALARIMIZA"]) > .clearfix.grpelem > div a[href][data-href]:has(img[alt="TİCARİ"])::after { content: "TİCARİ"; display: inline-block !important; }
.muse-page #pup-slide .clearfix.colelem:has(img[alt*="ÇALIŞMALARIMIZA"]) > .clearfix.grpelem > div a[href][data-href]:has(img[alt="OFİS"])::after { content: "OFİS"; display: inline-block !important; }
.muse-page #pup-slide .clearfix.colelem:has(img[alt*="ÇALIŞMALARIMIZA"]) > .clearfix.grpelem > div a[href][data-href]:has(img[alt="DİĞER"])::after { content: "DİĞER"; display: inline-block !important; }
.muse-page #pup-slide .clearfix.colelem:has(img[alt*="ÇALIŞMALARIMIZA"]) > .clearfix.grpelem > div a[href][data-href] {
  background-image: none !important;
  border-radius: 8px !important;
}
.muse-page #pup-slide .clearfix.colelem:has(img[alt*="ÇALIŞMALARIMIZA"]) > .clearfix.grpelem .img-as-text {
  display: none !important;
}
/* Kategori CTA: egitim #u271544, diger #u270336, ticari #u269556 – buton metni her zaman görünsün */
.muse-page #pup-slide #u271544 a[href][data-href]:not(.Image_Rollover_Plus),
.muse-page #pup-slide #u270336 a[href][data-href]:not(.Image_Rollover_Plus),
.muse-page #pup-slide #u269556 a[href][data-href]:not(.Image_Rollover_Plus) {
  font-size: 0.75rem !important;
  color: #fff !important;
  min-width: 5ch !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: rgba(255,255,255,0.15) !important;
  border: 1px solid rgba(255,255,255,0.4) !important;
  padding: 12px 20px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  display: inline-block !important;
}
.muse-page #pup-slide #u271544 a[href="egitim-yapilari.html"]:not(.Image_Rollover_Plus)::after { content: "EĞİTİM"; display: inline-block !important; }
.muse-page #pup-slide #u271544 a[href="fuar---etkinlik.html"]:not(.Image_Rollover_Plus)::after { content: "FUAR & ETKİNLİK"; display: inline-block !important; }
.muse-page #pup-slide #u271544 a[href="ticari.html"]:not(.Image_Rollover_Plus)::after { content: "TİCARİ"; display: inline-block !important; }
.muse-page #pup-slide #u271544 a[href="ofis.html"]:not(.Image_Rollover_Plus)::after { content: "OFİS"; display: inline-block !important; }
.muse-page #pup-slide #u271544 a[href="diger.html"]:not(.Image_Rollover_Plus)::after { content: "DİĞER"; display: inline-block !important; }
.muse-page #pup-slide #u270336 a[href="egitim-yapilari.html"]:not(.Image_Rollover_Plus)::after { content: "EĞİTİM"; display: inline-block !important; }
.muse-page #pup-slide #u270336 a[href="fuar---etkinlik.html"]:not(.Image_Rollover_Plus)::after { content: "FUAR & ETKİNLİK"; display: inline-block !important; }
.muse-page #pup-slide #u270336 a[href="ticari.html"]:not(.Image_Rollover_Plus)::after { content: "TİCARİ"; display: inline-block !important; }
.muse-page #pup-slide #u270336 a[href="ofis.html"]:not(.Image_Rollover_Plus)::after { content: "OFİS"; display: inline-block !important; }
.muse-page #pup-slide #u270336 a[href="diger.html"]:not(.Image_Rollover_Plus)::after { content: "DİĞER"; display: inline-block !important; }
.muse-page #pup-slide #u269556 a[href="egitim-yapilari.html"]:not(.Image_Rollover_Plus)::after { content: "EĞİTİM"; display: inline-block !important; }
.muse-page #pup-slide #u269556 a[href="fuar---etkinlik.html"]:not(.Image_Rollover_Plus)::after { content: "FUAR & ETKİNLİK"; display: inline-block !important; }
.muse-page #pup-slide #u269556 a[href="ticari.html"]:not(.Image_Rollover_Plus)::after { content: "TİCARİ"; display: inline-block !important; }
.muse-page #pup-slide #u269556 a[href="ofis.html"]:not(.Image_Rollover_Plus)::after { content: "OFİS"; display: inline-block !important; }
.muse-page #pup-slide #u269556 a[href="diger.html"]:not(.Image_Rollover_Plus)::after { content: "DİĞER"; display: inline-block !important; }
.muse-page #pup-slide #u265762 a[href="egitim-yapilari.html"]:not(.Image_Rollover_Plus)::after { content: "EĞİTİM"; display: inline-block !important; }
.muse-page #pup-slide #u265762 a[href="fuar---etkinlik.html"]:not(.Image_Rollover_Plus)::after { content: "FUAR & ETKİNLİK"; display: inline-block !important; }
.muse-page #pup-slide #u265762 a[href="ticari.html"]:not(.Image_Rollover_Plus)::after { content: "TİCARİ"; display: inline-block !important; }
.muse-page #pup-slide #u265762 a[href="ofis.html"]:not(.Image_Rollover_Plus)::after { content: "OFİS"; display: inline-block !important; }
.muse-page #pup-slide #u265762 a[href="diger.html"]:not(.Image_Rollover_Plus)::after { content: "DİĞER"; display: inline-block !important; }
.muse-page #pup-slide #u271544 a[href][data-href]:not(.Image_Rollover_Plus) img,
.muse-page #pup-slide #u270336 a[href][data-href]:not(.Image_Rollover_Plus) img,
.muse-page #pup-slide #u269556 a[href][data-href]:not(.Image_Rollover_Plus) img,
.muse-page #pup-slide #u265762 a[href][data-href]:not(.Image_Rollover_Plus) img { display: none !important; }
.muse-page #pup-slide #u271544 .Image_Rollover_Plus,
.muse-page #pup-slide #u270336 .Image_Rollover_Plus,
.muse-page #pup-slide #u269556 .Image_Rollover_Plus { display: none !important; }
.muse-page #pup-slide .clearfix.colelem:has(img[alt*="ÇALIŞMALARIMIZA"]) > .clearfix.grpelem > a[href*="#up-slide"],
.muse-page #pup-slide .clearfix.colelem:has(img[alt*="ÇALIŞMALARIMIZA"]) > .clearfix.grpelem > a[href*="up-slide"] {
  order: 10;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  font-size: 1rem !important;
  color: rgba(255,255,255,0.9) !important;
  background: rgba(255,255,255,0.1) !important;
  border: 1px solid rgba(255,255,255,0.22) !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  transition: background 0.2s ease, border-color 0.2s ease !important;
  flex-shrink: 0;
}
.muse-page #pup-slide .clearfix.colelem:has(img[alt*="ÇALIŞMALARIMIZA"]) > .clearfix.grpelem > a[href*="#up-slide"]::before,
.muse-page #pup-slide .clearfix.colelem:has(img[alt*="ÇALIŞMALARIMIZA"]) > .clearfix.grpelem > a[href*="up-slide"]::before {
  content: "▲";
  line-height: 1;
}
.muse-page #pup-slide .clearfix.colelem:has(img[alt*="ÇALIŞMALARIMIZA"]) > .clearfix.grpelem > a[href*="up-slide"]:hover {
  background: rgba(255,255,255,0.18) !important;
  border-color: rgba(255,255,255,0.35) !important;
  color: #fff !important;
}

/* ===== Kimiz sayfası: header/body/footer index ile aynı kurallar ===== */
.kimiz-page .verticalspacer { display: none !important; }
.kimiz-page #page { min-height: 0 !important; height: auto !important; display: block !important; }
.kimiz-page #pup-slide { min-height: 0 !important; display: block !important; }
.kimiz-page #u44644-bw { max-width: none !important; width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box !important; }
.kimiz-page #u44644 { max-width: none !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; }
.kimiz-page #u44644_align_to_page { max-width: 1400px !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; left: 0 !important; padding: 0 32px !important; }

/* ===== Neredeyiz sayfası: tüm içerik 1200px container; harita üzerine binen öğeler yok ===== */
.neredeyiz-page #pup-slide {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  display: block !important;
}
/* Banner’daki tüm metin (Neredeyiz?, hakkında bilgi verin...) harita/bölge üzerinde görünmesin */
.neredeyiz-page #pup-slide #u249081 {
  display: none !important;
}
.neredeyiz-page #u155714-6 {
  display: none !important;
}
/* İletişim ve harita: üst üste normal akış, hepsi max-width 1200px ortalı */
.neredeyiz-page #pup-slide #pu155673 {
  position: relative !important;
  left: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
  max-width: 1200px !important;
  box-sizing: border-box !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.neredeyiz-page #pup-slide #pu74109,
.neredeyiz-page #pup-slide #pu74125,
.neredeyiz-page #pup-slide #u74111,
.neredeyiz-page #pup-slide #pu265760 {
  position: relative !important;
  left: 0 !important;
  max-width: 1200px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 1.5rem !important;
  box-sizing: border-box !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}
/* İletişim bloğu içindeki sola/sağa taşan konumlamayı kaldır (saat, adres harita üstüne binmesin) */
.neredeyiz-page #pup-slide #pu74125 #u74125,
.neredeyiz-page #pup-slide #pu74125 #u74120,
.neredeyiz-page #pup-slide #pu74125 #u74112 {
  position: relative !important;
  left: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.neredeyiz-page #pup-slide #u74111 {
  margin-top: 1.5rem !important;
}
.neredeyiz-page #pup-slide #u74111 iframe {
  max-width: 100% !important;
  width: 100% !important;
  height: auto !important;
  min-height: 400px !important;
}

/* Neredeyiz CTA: container içinde; içerik sola taşmasın */
.neredeyiz-page #pu265760 #u265762 {
  left: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 100% !important;
}
/* Neredeyiz CTA: tek başlık + 5 buton; boş gri kutular (rollover) gizli; scroll-to-top (#u265776) kalsın */
.neredeyiz-page #pu265760 #u265762 a.Image_Rollover_Plus {
  display: none !important;
}
.neredeyiz-page #pu265760 #u265762::before {
  content: none !important;
  display: none !important;
}
.neredeyiz-page #pu265760 #u265775 {
  display: none !important;
}
.neredeyiz-page #pu265760::before {
  content: "ÇALIŞMALARIMIZA GÖZ ATIN";
  display: block !important;
  width: 100%;
  text-align: center;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  color: #fff !important;
  margin-bottom: 16px !important;
  white-space: normal;
}

/* ===== Diğer tüm Muse sayfaları: aynı header/footer/body ===== */
.js body.muse-page { visibility: visible !important; }
.muse-page #pu44549,
.muse-page #pu44549-spacer { display: none !important; height: 0 !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; overflow: hidden !important; }
.muse-page #u284326 { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; }
html.muse-page, body.muse-page { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; background-color: #3d4043 !important; overflow-x: visible !important; overflow-y: auto !important; }
/* Header altı boşluğu kaldır: sabit header yüksekliği kadar padding, içerik hemen başlasın */
body.muse-page { padding-top: 72px !important; }
html.muse-page body { padding-top: 72px !important; }
/* Sayfa bloğu tam genişlik – sayfa CSS width:1200px kesin ezilsin (html body = yüksek özgüllük) */
html body.muse-page #page,
.muse-page #page {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
  display: block !important;
  overflow: visible !important;
}
/* İçerik sütunu tam genişlik – margin-left:-100px / width:0.01px iptal, container tümünü kaplasın */
html body.muse-page #pup-slide,
.muse-page #pup-slide {
  min-height: 0 !important;
  display: block !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}
/* Banner + içerik sütunu float’tan çıksın (Eğitim Yapıları, Fuar vb.) */
/* Tüm #pup-slide doğrudan çocukları (colelem / clearfix.colelem) tam genişlik, container tümünü kaplasın */
.muse-page #pup-slide > .colelem,
.muse-page #pup-slide > .clearfix.colelem {
  float: none !important;
  clear: both !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  left: auto !important;
  right: auto !important;
  box-sizing: border-box !important;
}
/* Muse spacer: sayfa CSS’te width:0.01px + margin-right:-10000px – yer kaplamasın */
.muse-page #pu44549 {
  width: 0 !important;
  min-width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}
/* Sayfa CSS’te #up-slide margin-left:110px – içeriği sola itme, ortalı kalsın */
.muse-page #up-slide {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
/* Alt sayfalarda header ile banner arası fazla margin kaldır */
.muse-page #pup-slide > * {
  margin-top: 0 !important;
}
/* Banner alanı (ilk div): :has() olmadan da görünsün – tüm sayfalarda */
html body.muse-page #pup-slide > div.clearfix.colelem:first-of-type {
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 100% !important;
  height: 360px !important;
  min-height: 360px !important;
  overflow: hidden !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
html body.muse-page #pup-slide > div.clearfix.colelem:first-of-type .browser_width,
html body.muse-page #pup-slide > div.clearfix.colelem:first-of-type .browser_width > * {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  width: 100% !important;
  min-width: 100% !important;
  height: 360px !important;
  min-height: 360px !important;
  margin: 0 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
html body.muse-page #pup-slide > div.clearfix.colelem:first-of-type .rgba-background {
  background-color: rgba(0,0,0,0.35) !important;
}
/* Banner başlık alanı (category + portfolyo): ortada */
html body.muse-page #pup-slide > div.clearfix.colelem:first-of-type .category-banner-title,
html body.muse-page #pup-slide > div.clearfix.colelem:first-of-type .clearfix.grpelem:last-of-type {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 1rem 1.5rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  z-index: 35 !important;
}
html body.muse-page #pup-slide > div.clearfix.colelem:first-of-type .img-as-text {
  margin: 0 auto !important;
  left: auto !important;
  right: auto !important;
}

/* ========== BANNER: Tek kaynak – kategori + portfolyo, sayfa CSS’ini ez ========== */
/* Tüm banner container’lar (kategori + portfolyo): tam genişlik, 360px, görünür */
.muse-page #pup-slide #pu135533,
.muse-page #pup-slide #pu192587,
.muse-page #pup-slide #pu190069,
.muse-page #pup-slide #pu192976,
.muse-page #pup-slide #pu193199,
.muse-page #pup-slide #pu141309,
.muse-page #pup-slide #pu217233,
.muse-page #pup-slide #pu201907,
.muse-page #pup-slide #pu172826,
.muse-page #pup-slide #pu222510 {
  position: relative !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
  height: 360px !important;
  min-height: 360px !important;
  overflow: hidden !important;
  margin: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
/* Banner görsel katmanı: tam alan */
.muse-page #pup-slide #pu135533 .browser_width,
.muse-page #pup-slide #pu192587 .browser_width,
.muse-page #pup-slide #pu190069 .browser_width,
.muse-page #pup-slide #pu192976 .browser_width,
.muse-page #pup-slide #pu193199 .browser_width,
.muse-page #pup-slide #pu141309 .browser_width,
.muse-page #pup-slide #pu217233 .browser_width,
.muse-page #pup-slide #pu201907 .browser_width,
.muse-page #pup-slide #pu172826 .browser_width,
.muse-page #pup-slide #pu222510 .browser_width,
.muse-page #pup-slide #pu135533 .browser_width > *,
.muse-page #pup-slide #pu192587 .browser_width > *,
.muse-page #pup-slide #pu190069 .browser_width > *,
.muse-page #pup-slide #pu192976 .browser_width > *,
.muse-page #pup-slide #pu193199 .browser_width > *,
.muse-page #pup-slide #pu141309 .browser_width > *,
.muse-page #pup-slide #pu217233 .browser_width > *,
.muse-page #pup-slide #pu201907 .browser_width > *,
.muse-page #pup-slide #pu172826 .browser_width > *,
.muse-page #pup-slide #pu222510 .browser_width > * {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 360px !important;
  min-height: 360px !important;
  margin: 0 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Portfolyo iç sayfaları: banner hemen portfolio-bootstrap öncesindeyse kompakt (140px) – koyu gri büyük alan olmasın */
.muse-page #pup-slide > div.clearfix.colelem:has(+ section.portfolio-bootstrap) {
  height: 140px !important;
  min-height: 140px !important;
}
.muse-page #pup-slide > div.clearfix.colelem:has(+ section.portfolio-bootstrap) .browser_width,
.muse-page #pup-slide > div.clearfix.colelem:has(+ section.portfolio-bootstrap) .browser_width > * {
  height: 140px !important;
  min-height: 140px !important;
}
.muse-page #pup-slide > div.clearfix.colelem:has(+ section.portfolio-bootstrap) .category-banner-title,
.muse-page #pup-slide > div.clearfix.colelem:has(+ section.portfolio-bootstrap) [class*="category-banner-title"],
.muse-page #pup-slide > div.clearfix.colelem:has(+ section.portfolio-bootstrap) .clearfix.grpelem:has(.img-as-text) {
  padding: 0.75rem 1rem 1rem !important;
}

/* Overlay */
.muse-page #pup-slide #pu135533 .rgba-background,
.muse-page #pup-slide #pu192587 .rgba-background,
.muse-page #pup-slide #pu190069 .rgba-background,
.muse-page #pup-slide #pu192976 .rgba-background,
.muse-page #pup-slide #pu193199 .rgba-background,
.muse-page #pup-slide #pu141309 .rgba-background,
.muse-page #pup-slide #pu217233 .rgba-background,
.muse-page #pup-slide #pu201907 .rgba-background,
.muse-page #pup-slide #pu172826 .rgba-background,
.muse-page #pup-slide #pu222510 .rgba-background {
  background-color: rgba(0,0,0,0.35) !important;
  opacity: 1 !important;
}
/* Başlık alanı: altta ortada, yatay – kategori (.category-banner-title) + portfolyo (.grpelem içinde .img-as-text) */
.muse-page #pup-slide #pu135533 .category-banner-title,
.muse-page #pup-slide #pu135533 #u135657,
.muse-page #pup-slide #pu192587 .category-banner-title,
.muse-page #pup-slide #pu192587 #u192591,
.muse-page #pup-slide #pu190069 #u190070,
.muse-page #pup-slide #pu192976 #u192845,
.muse-page #pup-slide #pu193199 #u193055,
.muse-page #pup-slide #pu141309 #u141306,
.muse-page #pup-slide #pu217233 #u217146,
.muse-page #pup-slide #pu201907 #u201911,
.muse-page #pup-slide #pu172826 #u172823,
.muse-page #pup-slide #pu222510 #u222621,
.muse-page #pup-slide #pu172826 .clearfix.grpelem:has(.img-as-text) {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  top: auto !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 1.5rem 1rem 2rem !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-end !important;
  text-align: center !important;
  z-index: 35 !important;
  writing-mode: horizontal-tb !important;
  transform: none !important;
  box-sizing: border-box !important;
}
/* Banner içi .img-as-text: her zaman yatay, ortada, dikey metin yok */
.muse-page #pup-slide #pu135533 .img-as-text,
.muse-page #pup-slide #pu192587 .img-as-text,
.muse-page #pup-slide #pu190069 .img-as-text,
.muse-page #pup-slide #pu192976 .img-as-text,
.muse-page #pup-slide #pu193199 .img-as-text,
.muse-page #pup-slide #pu141309 .img-as-text,
.muse-page #pup-slide #pu217233 .img-as-text,
.muse-page #pup-slide #pu201907 .img-as-text,
.muse-page #pup-slide #pu172826 .img-as-text,
.muse-page #pup-slide #pu222510 .img-as-text {
  writing-mode: horizontal-tb !important;
  transform: none !important;
  left: auto !important;
  right: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 0 !important;
  margin-bottom: 0.15em !important;
  display: block !important;
  text-align: center !important;
  color: #fff !important;
  font-weight: 600 !important;
  text-shadow: 0 2px 12px rgba(0,0,0,0.6) !important;
}
.muse-page #pup-slide #pu135533 .img-as-text:last-child,
.muse-page #pup-slide #pu192587 .img-as-text:last-child,
.muse-page #pup-slide #pu217233 .img-as-text:last-child,
.muse-page #pup-slide #pu201907 .img-as-text:last-child,
.muse-page #pup-slide #pu172826 .img-as-text:last-child,
.muse-page #pup-slide #pu222510 .img-as-text:last-child {
  margin-bottom: 0 !important;
}

/* ===== Portfolio grid: responsive 3/2/1 col, equal gap, centered max 1200px ===== */
#u136399.portfolio-grid,
#u193062.portfolio-grid,
#u192475.portfolio-grid,
#u192848.portfolio-grid,
#u190078.portfolio-grid,
.portfolio-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  grid-template-rows: none !important;
  grid-auto-rows: minmax(0, auto) !important;
  grid-auto-flow: row !important;
  gap: 24px !important;
  width: 100% !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 24px !important;
  margin-bottom: 48px !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
  float: none !important;
  clear: both !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
}
/* Grid içindeki boş/link elemanları hücre kaplamasın – alt kısım karışıklığını önler */
#u136399.portfolio-grid > a,
#u193062.portfolio-grid > a,
#u192475.portfolio-grid > a,
#u192848.portfolio-grid > a,
#u190078.portfolio-grid > a,
.portfolio-grid > a {
  display: contents !important;
}
/* Grid içinde buton dışındaki linkler (u136143 vb.) grid hücresi almasın */
#u136399.portfolio-grid a:not(.portfolio):not(.block),
#u193062.portfolio-grid a:not(.portfolio):not(.block),
#u192475.portfolio-grid a:not(.portfolio):not(.block),
#u192848.portfolio-grid a:not(.portfolio):not(.block),
#u190078.portfolio-grid a:not(.portfolio):not(.block),
.portfolio-grid a:not(.portfolio):not(.block) {
  display: contents !important;
}
#u136399.portfolio-grid [id^="pbutton"],
#u136399.portfolio-grid [id^="ppbutton"],
#u136399.portfolio-grid > .clearfix.grpelem,
#u136399.portfolio-grid > .clearfix.colelem,
#u193062.portfolio-grid [id^="pbutton"],
#u193062.portfolio-grid [id^="ppbutton"],
#u193062.portfolio-grid > .clearfix.grpelem,
#u193062.portfolio-grid > .clearfix.colelem,
#u192475.portfolio-grid [id^="pbutton"],
#u192475.portfolio-grid [id^="ppbutton"],
#u192848.portfolio-grid [id^="pbutton"],
#u192848.portfolio-grid [id^="ppbutton"],
#u190078.portfolio-grid [id^="pbutton"],
#u190078.portfolio-grid [id^="ppbutton"],
.portfolio-grid [id^="pbutton"],
.portfolio-grid [id^="ppbutton"],
.portfolio-grid > .clearfix.grpelem,
.portfolio-grid > .clearfix.colelem {
  display: contents !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  min-width: 0 !important;
  left: auto !important;
  right: auto !important;
  float: none !important;
}
#u136399.portfolio-grid .pointer_cursor.Button,
#u193062.portfolio-grid .pointer_cursor.Button,
#u192475.portfolio-grid .pointer_cursor.Button,
#u192848.portfolio-grid .pointer_cursor.Button,
#u190078.portfolio-grid .pointer_cursor.Button,
.portfolio-grid .pointer_cursor.Button {
  display: block !important;
  aspect-ratio: 4 / 3 !important;
  height: auto !important;
  min-height: 200px !important;
  overflow: hidden !important;
  border-radius: 10px !important;
  margin: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  max-width: none !important;
  float: none !important;
  position: relative !important;
  box-sizing: border-box !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.portfolio-grid .pointer_cursor.Button:hover {
  transform: scale(1.03) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.4) !important;
}
/* Tüm kutular aynı ölçüde: büyük kart yok, hepsi 1 sütun 4:3 */
#u136399.portfolio-grid .pointer_cursor.Button:has(img[width="750"]),
#u193062.portfolio-grid .pointer_cursor.Button:has(img[width="750"]),
#u192475.portfolio-grid .pointer_cursor.Button:has(img[width="750"]),
#u192848.portfolio-grid .pointer_cursor.Button:has(img[width="750"]),
#u190078.portfolio-grid .pointer_cursor.Button:has(img[width="750"]),
.portfolio-grid .pointer_cursor.Button:has(img[width="750"]) {
  grid-column: span 1 !important;
  aspect-ratio: 4 / 3 !important;
}
.portfolio-grid .pointer_cursor.Button > * {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  left: auto !important;
  right: auto !important;
  margin: 0 !important;
  margin-right: 0 !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  box-sizing: border-box !important;
}
#u136399.portfolio-grid .pointer_cursor.Button .portfolio,
#u136399.portfolio-grid .pointer_cursor.Button .clip_frame,
#u136399.portfolio-grid .pointer_cursor.Button a[href][data-muse-type="img_frame"],
#u136399.portfolio-grid .pointer_cursor.Button a.portfolio,
.portfolio-grid .pointer_cursor.Button .portfolio,
.portfolio-grid .pointer_cursor.Button .clip_frame,
.portfolio-grid .pointer_cursor.Button a[href][data-muse-type="img_frame"],
.portfolio-grid .pointer_cursor.Button a.portfolio {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 200px !important;
}
#u136399.portfolio-grid .pointer_cursor.Button img,
#u136399.portfolio-grid .pointer_cursor.Button .portfolio img,
#u136399.portfolio-grid .pointer_cursor.Button .clip_frame img,
.portfolio-grid .pointer_cursor.Button img,
.portfolio-grid .pointer_cursor.Button .portfolio img,
.portfolio-grid .pointer_cursor.Button .clip_frame img {
  width: 100% !important;
  height: 100% !important;
  min-height: 200px !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

/* ===== Alt bölüm (Eğitim: HİZMETLERİMİZ metni + link) – ortalı, düzgün yapı ===== */
.muse-page #pup-slide #pu249893-4 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 28px 24px 16px !important;
  width: 100% !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}
.muse-page #pup-slide #pu249893-4 .img-as-text {
  color: rgba(255,255,255,0.92) !important;
  font-size: clamp(1rem, 2.5vw, 1.35rem) !important;
  text-align: center !important;
  display: block !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}
.muse-page #pup-slide #pu249893-4 #u249893-4 {
  font-size: clamp(1.1rem, 2.8vw, 1.5rem) !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  margin-bottom: 0.25em !important;
}
.muse-page #pup-slide #pu249893-4 #u249894-6,
.muse-page #pup-slide #pu249893-4 #u249895-4 {
  display: inline !important;
}
.muse-page #pup-slide #pu249893-4 [id^="u24989"] {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
/* Eğitim: "OKUL HİZMETLERİMİZ... BURAYA TIKLAYIN" butonu – ortalı */
.muse-page #pup-slide #pu271613 {
  width: 100% !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 12px 24px 32px !important;
  box-sizing: border-box !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.muse-page #pup-slide #pu271613 > .browser_width { display: none !important; }
.muse-page #pup-slide #pu271613 a[href*="nasil-okul-yapariz"] {
  display: inline-block !important;
  padding: 14px 28px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.03em !important;
  color: #fff !important;
  background: rgba(255,255,255,0.12) !important;
  border: 1px solid rgba(255,255,255,0.25) !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  transition: background 0.2s ease, border-color 0.2s ease !important;
}
.muse-page #pup-slide #pu271613 a[href*="nasil-okul-yapariz"]:hover {
  background: rgba(255,255,255,0.2) !important;
  border-color: rgba(255,255,255,0.4) !important;
}
.muse-page #pup-slide #pu271613 a[href*="nasil-okul-yapariz"] img { display: none !important; }
.muse-page #pup-slide #pu271613 a[href*="nasil-okul-yapariz"]::after {
  content: "OKUL HİZMETLERİMİZ VE REFERANSLARIMIZ İÇİN BURAYA TIKLAYIN" !important;
  display: inline-block !important;
}
.muse-page #pup-slide #pu271613 > .clearfix.grpelem {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
}
/* CTA bölümü: grid/link ile arasında boşluk */
.muse-page #pup-slide > .clearfix.colelem:has(img[alt*="ÇALIŞMALARIMIZA"]) {
  margin-top: 16px !important;
}
@media (max-width: 992px) {
  #u136399.portfolio-grid,
  #u193062.portfolio-grid,
  #u192475.portfolio-grid,
  #u192848.portfolio-grid,
  #u190078.portfolio-grid,
  .portfolio-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .portfolio-grid .pointer_cursor.Button:has(img[width="750"]) { grid-column: span 1 !important; }
}
@media (max-width: 576px) {
  #u136399.portfolio-grid,
  #u193062.portfolio-grid,
  #u192475.portfolio-grid,
  #u192848.portfolio-grid,
  #u190078.portfolio-grid,
  .portfolio-grid { grid-template-columns: 1fr !important; }
  .portfolio-grid .pointer_cursor.Button:has(img[width="750"]) { grid-column: span 1 !important; }
}
/* Alt içerik: portfolio grid – kesin 3 sütun CSS Grid, dağınıklık yok (egitim #u136399, diger vb. dahil) */
html.muse-page #pup-slide #u136399,
.muse-page #pup-slide #u136399,
.muse-page #pup-slide > .clearfix.colelem:not(:has(> .clearfix.grpelem .img-as-text)):has(.pointer_cursor.Button) {
  width: 100% !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 24px !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  grid-auto-rows: minmax(200px, auto) !important;
  gap: 20px !important;
  grid-auto-flow: dense !important;
  float: none !important;
  clear: both !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
}
/* Muse pbutton/ppbutton/column wrappers: display contents ile Butonlar doğrudan grid öğesi olsun */
html.muse-page #pup-slide #u136399 [id^="pbutton"],
html.muse-page #pup-slide #u136399 [id^="ppbutton"],
html.muse-page #pup-slide #u136399 > .clearfix.grpelem,
html.muse-page #pup-slide #u136399 > .clearfix.colelem,
.muse-page #pup-slide #u136399 [id^="pbutton"],
.muse-page #pup-slide #u136399 [id^="ppbutton"],
.muse-page #pup-slide #u136399 > .clearfix.grpelem,
.muse-page #pup-slide #u136399 > .clearfix.colelem,
.muse-page #pup-slide > .clearfix.colelem:not(:has(> .clearfix.grpelem .img-as-text)):has(.pointer_cursor.Button) > .clearfix.grpelem,
.muse-page #pup-slide > .clearfix.colelem:not(:has(> .clearfix.grpelem .img-as-text)):has(.pointer_cursor.Button) > .clearfix.colelem,
.muse-page #pup-slide > .clearfix.colelem:not(:has(> .clearfix.grpelem .img-as-text)):has(.pointer_cursor.Button) [id^="pbutton"],
.muse-page #pup-slide > .clearfix.colelem:not(:has(> .clearfix.grpelem .img-as-text)):has(.pointer_cursor.Button) [id^="ppbutton"] {
  display: contents !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  min-width: 0 !important;
  left: auto !important;
  right: auto !important;
  float: none !important;
}
/* Her portfolio kartı: grid hücresi, sabit oran, taşma gizli – sayfa CSS margin-right:-10000px iptal */
html.muse-page #pup-slide #u136399 .pointer_cursor.Button,
.muse-page #pup-slide #u136399 .pointer_cursor.Button,
.muse-page #pup-slide > .clearfix.colelem:has(.pointer_cursor.Button) .pointer_cursor.Button {
  box-sizing: border-box !important;
  display: block !important;
  aspect-ratio: 4 / 3 !important;
  min-height: 200px !important;
  overflow: hidden !important;
  border-radius: 10px !important;
  margin: 0 !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  max-width: none !important;
  float: none !important;
  position: relative !important;
}
/* Büyük kartlar (750px genişlikte resim) 2 sütun kaplasın */
.muse-page #pup-slide #u136399 .pointer_cursor.Button:has(img[width="750"]),
.muse-page #pup-slide > .clearfix.colelem:has(.pointer_cursor.Button) .pointer_cursor.Button:has(img[width="750"]) {
  grid-column: span 1 !important;
  aspect-ratio: 4 / 3 !important;
}
.muse-page #pup-slide #u136399 .pointer_cursor.Button .portfolio,
.muse-page #pup-slide #u136399 .pointer_cursor.Button a[href][data-muse-type="img_frame"],
.muse-page #pup-slide #u136399 .pointer_cursor.Button .clip_frame[id^="u136"],
.muse-page #pup-slide > .clearfix.colelem:has(.pointer_cursor.Button) .pointer_cursor.Button a.portfolio,
.muse-page #pup-slide > .clearfix.colelem:has(.pointer_cursor.Button) .pointer_cursor.Button a[href][data-muse-type="img_frame"] {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 200px !important;
}
.muse-page #pup-slide #u136399 .pointer_cursor.Button .portfolio img,
.muse-page #pup-slide #u136399 .pointer_cursor.Button a[href][data-muse-type="img_frame"] img,
.muse-page #pup-slide #u136399 .pointer_cursor.Button .clip_frame img,
.muse-page #pup-slide > .clearfix.colelem:has(.pointer_cursor.Button) .pointer_cursor.Button a.portfolio img,
.muse-page #pup-slide > .clearfix.colelem:has(.pointer_cursor.Button) .pointer_cursor.Button a[href][data-muse-type="img_frame"] img {
  width: 100% !important;
  height: 100% !important;
  min-height: 200px !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}
@media (max-width: 992px) {
  .muse-page #pup-slide #u136399,
  .muse-page #pup-slide > .clearfix.colelem:not(:has(> .clearfix.grpelem .img-as-text)):has(.pointer_cursor.Button) {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .muse-page #pup-slide #u136399 .pointer_cursor.Button:has(img[width="750"]),
  .muse-page #pup-slide > .clearfix.colelem:has(.pointer_cursor.Button) .pointer_cursor.Button:has(img[width="750"]) {
    grid-column: span 1 !important;
  }
}
@media (max-width: 576px) {
  .muse-page #pup-slide #u136399,
  .muse-page #pup-slide > .clearfix.colelem:not(:has(> .clearfix.grpelem .img-as-text)):has(.pointer_cursor.Button) {
    grid-template-columns: 1fr !important;
  }
  .muse-page #pup-slide #u136399 .pointer_cursor.Button:has(img[width="750"]),
  .muse-page #pup-slide > .clearfix.colelem:has(.pointer_cursor.Button) .pointer_cursor.Button:has(img[width="750"]) {
    grid-column: span 1 !important;
  }
}
/* CTA bloğu (Çalışmalarımıza göz atın) container dışında full width kalsın – sadece portfolio column’u ortala */
.muse-page #pup-slide > .clearfix.colelem:has(img[alt*="ÇALIŞMALARIMIZA"]) {
  max-width: none !important;
  width: 100% !important;
  min-width: 100% !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  box-sizing: border-box !important;
}
/* Diğer orta bloklar (Nasıl Okul yaparız vb.) – dar sütun kalmasın; CTA hariç */
.muse-page #pup-slide > .clearfix.colelem:not(:has(> .clearfix.grpelem .img-as-text)):not(:has(.pointer_cursor.Button)):not(:has(img[alt*="ÇALIŞMALARIMIZA"])) {
  width: 100% !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
  clear: both !important;
  box-sizing: border-box !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}
/* Sayfa altı ve arada gereksiz boşluğu kaldır: verticalspacer devre dışı */
.muse-page .verticalspacer,
.kimiz-page .verticalspacer,
.css_verticalspacer .verticalspacer {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
}
/* Footer'ı sayfa akışında tut (Muse sayfa CSS'leri fixed yapıyor) */
.muse-page #u44644-bw,
.kimiz-page #u44644-bw {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
}

/* Kimiz: header-banner (üst görsel alan) */
.kimiz-banner {
  position: relative;
  width: 100%;
  min-height: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  overflow: hidden;
  box-sizing: border-box;
}
.kimiz-banner-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.kimiz-banner-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.45);
  pointer-events: none;
}
.kimiz-banner-inner {
  position: relative;
  z-index: 1;
  padding: 48px 24px;
  max-width: 900px;
  margin: 0 auto;
}
.kimiz-banner-title {
  font-family: 'Montserrat', sans-serif;
  font-size: clamp(2.5rem, 8vw, 4.5rem);
  font-weight: 300;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.98);
  margin: 0 0 0.2em;
  line-height: 1.1;
}
.kimiz-banner-subtitle {
  font-family: 'Montserrat', sans-serif;
  font-size: clamp(0.9rem, 2vw, 1.15rem);
  font-weight: 400;
  color: rgba(255,255,255,0.88);
  margin: 0 0 0.4em;
}
.kimiz-banner-tagline-top {
  font-family: 'Montserrat', sans-serif;
  font-size: clamp(0.95rem, 2.2vw, 1.2rem);
  font-weight: 400;
  letter-spacing: 0.15em;
  text-transform: lowercase;
  color: rgba(255,255,255,0.8);
  margin: 0 0 0.05em;
}
.kimiz-banner-tagline-main {
  font-family: 'Montserrat', sans-serif;
  font-size: clamp(1.2rem, 3vw, 1.65rem);
  font-weight: 300;
  letter-spacing: 0.12em;
  text-transform: lowercase;
  color: rgba(255,255,255,0.92);
  margin: 0;
}
@media (max-width: 768px) {
  .kimiz-banner { min-height: 40vh; }
  .kimiz-banner-inner { padding: 32px 16px; }
}
@media (max-width: 576px) {
  .kimiz-banner { min-height: 36vh; }
}

/* Kimiz: ana içerik diğer sayfalardaki gibi container içinde (max-width 1200px, ortalı) */
.kimiz-body {
  max-width: 1200px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  padding: 32px 24px 48px;
  padding-left: 32px;
  padding-right: 32px;
  font-family: 'Montserrat', sans-serif;
}
.kimiz-intro {
  text-align: center;
  margin-bottom: 40px;
}
.kimiz-title {
  font-size: clamp(2.5rem, 8vw, 4rem);
  font-weight: 300;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.95);
  margin: 0 0 0.25em;
  line-height: 1.1;
}
.kimiz-subtitle {
  font-size: clamp(0.95rem, 2vw, 1.15rem);
  font-weight: 400;
  color: rgba(255,255,255,0.8);
  margin: 0 0 0.5em;
}
.kimiz-tagline-top {
  font-size: clamp(1rem, 2.2vw, 1.25rem);
  font-weight: 400;
  letter-spacing: 0.15em;
  text-transform: lowercase;
  color: rgba(255,255,255,0.75);
  margin: 0 0 0.1em;
}
.kimiz-tagline-main {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 300;
  letter-spacing: 0.12em;
  text-transform: lowercase;
  color: rgba(255,255,255,0.9);
  margin: 0 0 0;
}
.kimiz-about {
  margin-bottom: 36px;
}
.kimiz-lead {
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: rgba(255,255,255,0.95);
  margin: 0 0 1em;
}
.kimiz-text {
  font-size: 0.95rem;
  line-height: 1.7;
  color: rgba(255,255,255,0.85);
  margin: 0;
  max-width: 72ch;
}
.kimiz-philosophy,
.kimiz-services,
.kimiz-process {
  margin-bottom: 36px;
}
.kimiz-clients {
  margin-bottom: 24px;
}
.kimiz-clients-logos {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 20px;
  margin-top: 28px;
  align-items: stretch;
}
.kimiz-clients-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 80px;
  padding: 16px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 12px;
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
  overflow: hidden;
}
.kimiz-clients-logo:hover {
  background: rgba(255,255,255,0.1);
  border-color: rgba(255,255,255,0.2);
  transform: translateY(-2px);
}
.kimiz-clients-logo img {
  width: 100%;
  max-width: 120px;
  height: 56px;
  object-fit: contain;
  object-position: center;
  display: block;
}
.kimiz-clients-logo-text {
  font-family: 'Montserrat', sans-serif;
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: rgba(255,255,255,0.9);
  text-align: center;
}
.kimiz-section-title {
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 300;
  letter-spacing: 0.04em;
  color: rgba(255,255,255,0.95);
  margin: 0 0 0.25em;
}
.kimiz-section-sub {
  font-size: 0.85rem;
  font-weight: 500;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.7);
  margin: 0 0 1.5rem;
}
.kimiz-quote {
  font-size: 1rem;
  font-weight: 400;
  font-style: italic;
  color: rgba(255,255,255,0.85);
  margin: 0 0 1rem;
  padding-left: 1em;
  border-left: 3px solid rgba(255,255,255,0.3);
}
.kimiz-service {
  margin-bottom: 28px;
}
.kimiz-service-title {
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: rgba(255,255,255,0.95);
  margin: 0 0 0.5em;
}
.kimiz-service p {
  font-size: 0.9rem;
  line-height: 1.65;
  color: rgba(255,255,255,0.8);
  margin: 0;
  max-width: 65ch;
}
.kimiz-process-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 24px;
  margin-top: 24px;
}
.kimiz-process-item {
  padding: 20px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 10px;
}
.kimiz-process-step {
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  color: rgba(255,255,255,0.95);
  margin: 0 0 0.5em;
}
.kimiz-process-item p {
  font-size: 0.85rem;
  line-height: 1.6;
  color: rgba(255,255,255,0.8);
  margin: 0;
}
.kimiz-clients-sub {
  font-size: 0.95rem;
  color: rgba(255,255,255,0.75);
  margin: 0;
}
@media (max-width: 768px) {
  .kimiz-body { padding: 24px 16px 40px; }
  .kimiz-process-grid { grid-template-columns: 1fr; }
  .kimiz-clients-logos { grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 22px; }
  .kimiz-clients-logo { min-height: 70px; padding: 12px; }
  .kimiz-clients-logo img { height: 56px; }
}
@media (max-width: 576px) {
  .kimiz-body { padding: 20px 12px 32px; }
  .kimiz-clients-logos { grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 18px; }
  .kimiz-clients-logo { min-height: 64px; padding: 10px; }
  .kimiz-clients-logo img { height: 48px; }
  .kimiz-clients-logo-text { font-size: 0.8rem; }
}

.index-page #u44644-bw {
  max-width: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}
.index-page #u44644 {
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}
.index-page #u44644_align_to_page {
  max-width: 1400px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  left: 0 !important;
  padding: 0 32px !important;
}

/* Index: container yapısı – tüm alt içerik ortalı (max-width 1200px) */
.index-page #u53909_align_to_page {
  max-width: none !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  left: 0 !important;
  right: auto !important;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
}
.index-page #u53909-bw {
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  box-sizing: border-box !important;
}
/* Video / metin blokları sola yaslanmasın – container içinde ortalı */
.index-page #u253323 {
  margin-left: auto !important;
  margin-right: auto !important;
  left: 0 !important;
}

/* Index: kategori blokları – full genişlik */
.index-page #u266114,
.index-page #u273415,
.index-page #u273468,
.index-page #u273501,
.index-page #u273540 {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: none !important;
  width: 100% !important;
  left: 0 !important;
  right: auto !important;
  box-sizing: border-box !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  margin-top: 20px !important;
}
.index-page #u266114 {
  margin-top: 28px !important;
}
.index-page #buttonu266143,
.index-page #buttonu273416,
.index-page #buttonu273469,
.index-page #buttonu273502,
.index-page #buttonu273541 {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 100% !important;
}
/* Kategori kartlarındaki başlık metni ortalı, büyük ve banner ile uyumlu */
.index-page #u310814-4,
.index-page #u310844-4,
.index-page #u310866-4,
.index-page #u310869-4,
.index-page #u310876-4 {
  left: 50% !important;
  transform: translateX(-50%) !important;
  text-align: center !important;
  margin-left: 0 !important;
  opacity: 1 !important;
}
.index-page #u310814-3,
.index-page #u310844-3,
.index-page #u310866-3,
.index-page #u310869-3,
.index-page #u310876-4 p {
  text-align: center !important;
}
/* Ana sayfa kategori kartı başlıkları: dengeli boyut (fazla büyük değil) */
.index-page #u310814-3,
.index-page #u310844-3,
.index-page #u310866-3,
.index-page #u310869-3,
.index-page #u310876-4,
.index-page #u310876-4 p {
  font-size: clamp(20px, 3vw, 44px) !important;
  line-height: 1.15 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  color: #fff !important;
  text-shadow: 0 2px 12px rgba(0,0,0,0.5), 0 0 40px rgba(0,0,0,0.35) !important;
}
.index-page #u310814,
.index-page #u310844,
.index-page #u310866,
.index-page #u310869,
.index-page #u310876 {
  color: #fff !important;
  text-shadow: 0 2px 12px rgba(0,0,0,0.5), 0 0 40px rgba(0,0,0,0.35) !important;
}
.index-page #buttonu266143:hover #u310814-4,
.index-page #buttonu273416:hover #u310844-4,
.index-page #buttonu273469:hover #u310866-4,
.index-page #buttonu273502:hover #u310869-4,
.index-page #buttonu273541:hover #u310876-4 {
  opacity: 1 !important;
}
/* Alt metin ve “Projelerimiz” – container içinde ortalı, sola yaslı değil */
.index-page #u145988,
.index-page #u145976-4 {
  margin-left: auto !important;
  margin-right: auto !important;
  display: block !important;
  max-width: 1200px !important;
  width: 100% !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  box-sizing: border-box !important;
  left: 0 !important;
}
.index-page #u145979 {
  margin-left: 0 !important;
}
.index-page #u145976-4 {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Link hover: sade, italic/bold yok */
a:hover {
  font-style: normal;
  font-weight: inherit;
  opacity: 0.9;
}

/* Header: cam efekti (glassmorphism), ince alt çizgi */
#u44549 {
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(255,255,255,0.06);
  box-shadow: 0 1px 0 0 rgba(0,0,0,0.1);
}

/* Menü paneli: daha belirgin gölge, yumuşak geçiş */
#u273247 {
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 24px 48px rgba(0,0,0,0.4), 0 0 0 1px rgba(255,255,255,0.04);
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

/* Header: logo solda, menü ortada, sosyal ikonlar sağda (referans tarzı) */
#u284326 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-left: 24px;
  padding-right: 24px;
  box-sizing: border-box;
}
.main-nav-open {
  flex: 0 1 auto;
  margin-left: auto;
}
.main-nav-open .main-nav-list {
  justify-content: flex-end;
}

/* Açık menü varken logo fixed olmasın – akışta kalsın, menü logoya binmesin */
#u284326:has(.main-nav-open) #u59898 {
  position: relative !important;
  left: auto !important;
  margin-left: 0 !important;
  flex-shrink: 0;
  min-width: 260px;
  padding-left: 0;
}
#u284326:has(.main-nav-open) #u59899-3 {
  position: relative !important;
  left: auto !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0;
  /* Logo metni kesilmesin */
  min-height: 81px;
  display: flex;
  align-items: center;
}

/* Açık menü: şık yatay nav */
.main-nav-open {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
}
.main-nav-open .main-nav-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 4px;
  list-style: none;
  margin: 0;
  padding: 0;
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.main-nav-open .main-nav-list > li {
  position: relative;
}
.main-nav-open .main-nav-list > li > a,
.main-nav-open .main-nav-list .sub-trigger {
  display: inline-block;
  padding: 10px 14px;
  color: rgba(255,255,255,0.9);
  text-decoration: none;
  border-radius: 8px;
  transition: color 0.2s ease, background 0.2s ease;
}
.main-nav-open .main-nav-list > li > a:hover,
.main-nav-open .main-nav-list .sub-trigger:hover {
  color: #fff;
  background: rgba(255,255,255,0.08);
}
.main-nav-open .main-nav-list .sub-trigger {
  cursor: pointer;
  border: none;
  background: none;
  font: inherit;
}
.main-nav-open .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 220px;
  list-style: none;
  margin: 0;
  padding: 8px 0;
  background: rgba(45,46,48,0.98);
  backdrop-filter: blur(16px);
  border-radius: 12px;
  box-shadow: 0 12px 32px rgba(0,0,0,0.35);
  border: 1px solid rgba(255,255,255,0.06);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-4px);
  transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
  z-index: 100;
}
.main-nav-open .has-sub:hover .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.main-nav-open .sub-menu a {
  display: block;
  padding: 10px 18px;
  color: rgba(255,255,255,0.85);
  text-decoration: none;
  font-size: 11px;
  letter-spacing: 0.05em;
  transition: color 0.2s ease, background 0.2s ease;
}
.main-nav-open .sub-menu a:hover {
  color: #fff;
  background: rgba(255,255,255,0.06);
}
/* Sosyal medya: ikonlar (referans tasarım gibi) */
.main-nav-open .nav-socials {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: 16px;
  padding-left: 16px;
  border-left: 1px solid rgba(255,255,255,0.2);
}
.main-nav-open .nav-socials a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  color: rgba(255,255,255,0.85);
  text-decoration: none;
  border-radius: 6px;
  transition: color 0.2s ease, background 0.2s ease, transform 0.2s ease;
}
.main-nav-open .nav-socials a i {
  font-size: 18px;
}
.main-nav-open .nav-socials a:hover {
  color: #fff;
  background: rgba(255,255,255,0.1);
  transform: scale(1.08);
}

/* Logo img (index’te kullanılıyor) – her zaman görünsün, gizlenmesin */
a#u59899-3 .header-logo-img {
  vertical-align: middle;
  visibility: visible !important;
  opacity: 1 !important;
}
#u284326:has(.main-nav-open) a#u59899-3 .header-logo-img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Hamburger menüyü gizle (sadece açık menü olan sayfada – index) */
#u284326:has(.main-nav-open) #u273242 {
  display: none !important;
}

/* ===== Hero fullscreen slider (5 görsel) ===== */
.hero-slider-wrap {
  position: relative;
  width: 100vw;
  max-width: none;
  min-width: 100%;
  /* Tam viewport genişliği, soldan hizalı (centered page içinde) */
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  min-height: calc(100vh - 160px);
  height: 830px;
  max-height: calc(100vh - 120px);
  overflow: hidden;
  border-radius: 0;
  box-shadow: none;
}
.hero-slider {
  position: absolute;
  inset: 0;
}
.hero-slide {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.8s ease;
}
.hero-slide.active {
  opacity: 1;
  z-index: 1;
}
.hero-slider-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,0.15) 0%, transparent 40%, transparent 60%, rgba(0,0,0,0.2) 100%);
  pointer-events: none;
  z-index: 2;
}
.hero-prev, .hero-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  width: 48px;
  height: 48px;
  border: none;
  border-radius: 50%;
  background: rgba(255,255,255,0.2);
  backdrop-filter: blur(8px);
  color: #fff;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.2s ease;
}
.hero-prev { left: 20px; }
.hero-next { right: 20px; }
.hero-prev:hover, .hero-next:hover {
  background: rgba(255,255,255,0.35);
  transform: translateY(-50%) scale(1.05);
}
.hero-dots {
  position: absolute;
  bottom: 28px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  display: flex;
  gap: 10px;
}
.hero-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid rgba(255,255,255,0.6);
  background: transparent;
  cursor: pointer;
  padding: 0;
  transition: background 0.2s ease, border-color 0.2s ease;
}
.hero-dot:hover {
  background: rgba(255,255,255,0.4);
}
.hero-dot.active {
  background: #fff;
  border-color: #fff;
}
.hero-scroll-down {
  position: absolute;
  bottom: 60px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  color: rgba(255,255,255,0.8);
  font-size: 24px;
  text-decoration: none;
  animation: heroBounce 2s ease-in-out infinite;
}
@keyframes heroBounce {
  0%, 100% { transform: translateX(-50%) translateY(0); }
  50% { transform: translateX(-50%) translateY(6px); }
}

/* Slider bölümü: tam viewport genişliği, taşma yok (index.css’teki 0.01px / -10000px ezilsin) */
#pup-slide {
  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  overflow: visible !important;
}
.index-page .index-hero,
.index-page .hero-slider-wrap,
.index-page #slideshowu362953 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
#pu131405 {
  width: 100% !important;
  position: relative;
  overflow: visible;
}
/* Hero slider: 100vw kalacak, aşağıdaki override SADECE diğer sayfalardaki eski slideshow için */
#slideshowu362953.hero-slider-wrap,
.hero-slider-wrap#slideshowu362953 {
  border-radius: 0;
  overflow: hidden;
  box-shadow: none;
  position: relative;
  display: block;
  box-sizing: border-box;
  border: none;
  /* Genişlik/margin .hero-slider-wrap’taki 100vw kuralı korunacak – burada ezme */
}

/* Slider thumbnail’lar: kart görünümü */
.SSSlideLink.clip_frame,
#u362967, #u363171, #u363191, #u363211, #u363231, #u363261, #u363281 {
  border-radius: 10px;
  overflow: hidden;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.SSSlideLink.clip_frame:hover,
#u362967:hover, #u363171:hover, #u363191:hover, #u363211:hover,
#u363231:hover, #u363261:hover, #u363281:hover {
  transform: scale(1.03);
  box-shadow: 0 8px 24px rgba(0,0,0,0.25);
}

/* Slider ok butonları: yuvarlak, cam efekti */
#u362981-4, #u362963-4 {
  border-radius: 50%;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: opacity 0.2s ease, transform 0.2s ease;
}
#u362981-4:hover, #u362963-4:hover {
  transform: scale(1.08);
}

/* Portfolio / proje kartları: yuvarlatılmış, hover’da hafif kalkma */
#buttonu266143, #buttonu273416, #buttonu273469, #buttonu273502, #buttonu273541 {
  border-radius: 16px;
  overflow: hidden;
  transition: transform 0.35s cubic-bezier(0.4,0,0.2,1), box-shadow 0.35s ease;
  box-shadow: 0 4px 24px rgba(0,0,0,0.15);
}
#buttonu266143:hover, #buttonu273416:hover, #buttonu273469:hover,
#buttonu273502:hover, #buttonu273541:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.25);
}

/* Video / bant bölümü */
#u53909, #u53909-bw {
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(0,0,0,0.2);
}
/* Rollover kartları */
.Image_Rollover_Plus {
  border-radius: 16px;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.Image_Rollover_Plus:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(0,0,0,0.2);
}

/* Footer: header ile aynı hizalama (max-width + padding), CTA’ya yakın */
/* Sayfa ortalaması – tüm sayfalarda */
#u53909_align_to_page,
#u44644_align_to_page {
  left: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  position: relative !important;
  float: none !important;
  clear: both !important;
  box-sizing: border-box !important;
}

/* Sayfa CSS'te #pu44644 width:0.01px + margin:-10000px – footer tam genişlik */
.muse-page #pu44644,
#pu44644 {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  margin-top: 24px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  display: block !important;
}
#u44644-bw {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 0 !important;
  box-sizing: border-box !important;
  position: relative !important;
  display: block !important;
  min-height: 80px !important;
  visibility: visible !important;
  overflow: visible !important;
}
#u44644-bw > #u44644 {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  min-height: 80px !important;
  max-width: none !important;
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
}
#u44644 {
  background: #282b2e !important;
  border-top: 1px solid rgba(255,255,255,0.1);
  padding: 32px 0 40px !important;
  box-sizing: border-box !important;
}
/* Header ile aynı: max-width 1400px, padding 32px – sayfa CSS left:-100px iptal */
#u44644_align_to_page,
.muse-page #u44644_align_to_page,
.site-footer-inner#u44644_align_to_page {
  max-width: 1400px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 32px !important;
  box-sizing: border-box !important;
  left: 0 !important;
  right: auto !important;
  position: relative !important;
  float: none !important;
  clear: both !important;
}
/* Eski footer (Muse sayfalar): flex düzeni */
#u44644_align_to_page:not(.site-footer-inner) {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
}
/* Sayfa CSS margin-right:-10000px / left:204px iptal – footer metin yatay kalsın */
#u70154,
.muse-page #u70154,
.site-footer #u70154 {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 12px !important;
  order: 1;
  float: none !important;
  position: relative !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 0 !important;
  left: auto !important;
  right: auto !important;
  width: auto !important;
  min-width: 0 !important;
}
#u70156, #u70155, #u70158, #u70157 {
  display: block !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  border-radius: 10px !important;
  background-color: rgba(255,255,255,0.08) !important;
  background-size: 20px 20px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  transition: transform 0.2s ease, background-color 0.2s ease, border-color 0.2s ease !important;
  flex-shrink: 0 !important;
  float: none !important;
  position: relative !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  left: auto !important;
}
#u70156:hover, #u70155:hover, #u70158:hover, #u70157:hover {
  transform: scale(1.06);
  background-color: rgba(255,255,255,0.14) !important;
  border-color: rgba(255,255,255,0.22) !important;
  opacity: 1 !important;
}
/* Eski footer copyright (span.img-as-text) – yatay, ezilmeden */
#u44563-9,
.muse-page #u44563-9,
#u44644 #u44563-9 {
  display: block !important;
  height: auto !important;
  max-height: none !important;
  width: auto !important;
  max-width: 100% !important;
  opacity: 1 !important;
  order: 2;
  float: none !important;
  position: relative !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 16px !important;
  left: auto !important;
  writing-mode: horizontal-tb !important;
  white-space: normal !important;
  text-orientation: mixed !important;
}

/* ===== Yeni footer: 3 sütun, net hiyerarşi ve boşluk ===== */
#u44644.site-footer {
  padding: 56px 0 40px !important;
}
#u44644-bw {
  margin-top: 0 !important;
  padding-top: 48px !important;
}
.site-footer-inner#u44644_align_to_page {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 48px 40px;
  align-items: start;
  text-align: left;
  width: 100% !important;
  max-width: 1200px !important;
  left: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  box-sizing: border-box !important;
}
.site-footer-col {
  min-width: 0;
  overflow: visible !important;
}
.site-footer-heading {
  margin-bottom: 12px !important;
}
.site-footer-col .site-footer-address,
.site-footer-col .site-footer-email,
.site-footer-col .site-footer-phone {
  margin-bottom: 12px !important;
}
.site-footer-brand .site-footer-logo {
  display: inline-block;
  margin-bottom: 12px;
}
.site-footer-brand .site-footer-logo img {
  height: 48px;
  width: auto;
  max-width: 280px;
  opacity: 0.95;
  vertical-align: middle;
}
/* Footer metin asla dikey/ezilmiş görünmesin – sayfa CSS overflow/width iptal */
.site-footer-copy,
#u44644 .site-footer-copy,
.muse-page .site-footer-copy {
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  color: rgba(255,255,255,0.6);
  margin: 0 0 16px 0;
  line-height: 1.5;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  white-space: normal !important;
  max-width: none !important;
  display: block !important;
}
.site-footer-social {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 4px;
}
.site-footer-social a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background-color: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.85);
  font-size: 18px;
  transition: transform 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}
.site-footer-social a:hover {
  transform: scale(1.06);
  background-color: rgba(255,255,255,0.14);
  border-color: rgba(255,255,255,0.22);
  color: #fff;
}
/* Footer sosyal ikonlar (Font Awesome) – her zaman görünsün */
.site-footer-social a i {
  font-size: 18px;
  display: inline-block;
  font-style: normal;
}
.site-footer-heading {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #fff;
  margin: 0 0 16px 0;
}
.site-footer-address,
.site-footer-email,
.site-footer-phone,
.site-footer-hours {
  font-size: 14px;
  line-height: 1.6;
  color: rgba(255,255,255,0.7);
  margin: 0 0 8px 0;
}
.site-footer-address a,
.site-footer-email a,
.site-footer-phone a {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s ease;
}
.site-footer-address a:hover,
.site-footer-email a:hover,
.site-footer-phone a:hover {
  color: #fff;
}
.site-footer-hours {
  margin-bottom: 0;
}
.site-footer-nav {
  list-style: none;
  margin: 0;
  padding: 0;
}
.site-footer-nav li {
  margin-bottom: 8px;
}
.site-footer-nav a {
  font-size: 14px;
  color: rgba(255,255,255,0.85);
  text-decoration: none;
  transition: color 0.2s ease, text-decoration 0.2s ease;
}
.site-footer-nav a:hover {
  color: #fff;
  text-decoration: underline;
}
.site-footer-nav a:focus {
  color: #fff;
  outline: 1px solid rgba(255,255,255,0.5);
  outline-offset: 2px;
}

@media (max-width: 992px) {
  .site-footer-inner#u44644_align_to_page {
    grid-template-columns: 1fr 1fr;
    gap: 32px 24px;
  }
  .site-footer-col.site-footer-links {
    grid-column: 1 / -1;
  }
}

@media (max-width: 576px) {
  .site-footer-inner#u44644_align_to_page {
    grid-template-columns: 1fr;
    gap: 28px;
    text-align: center;
  }
  .site-footer-brand .site-footer-logo { display: block; }
  .site-footer-social { justify-content: center; }
  .site-footer-col.site-footer-links { text-align: center; }
  .site-footer-nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 20px; }
  .site-footer-nav li { margin-bottom: 0; }
}

/* Sosyal ikonlar: hover’da büyüme */
#u273269, #u273270, #u273271, #u273268,
#u70156, #u70155, #u70158, #u70157 {
  transition: transform 0.2s ease, opacity 0.2s ease, background-color 0.2s ease, border-color 0.2s ease !important;
}
#u273269:hover, #u273270:hover, #u273271:hover, #u273268:hover {
  transform: scale(1.12);
  opacity: 0.95;
}

/* Resimden metne çevrilen yazılar (tüm sayfalarda okunabilir) */
.img-as-text {
  font-family: 'Montserrat', sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  color: rgba(255,255,255,0.9);
  margin: 0;
  padding: 0;
}
p.img-as-text {
  display: block;
  margin-bottom: 0.75em;
  max-width: 72ch;
}

/* Banner ile alt içerik arası gereksiz boşluğu kaldır (kategori sayfaları) */
.muse-page #pup-slide > .clearfix.colelem:has(> .clearfix.grpelem .img-as-text) {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.muse-page #pup-slide > .clearfix.colelem:has(.pointer_cursor.Button) {
  margin-top: 24px !important;
  padding-top: 0 !important;
}

/* Kategori CTA: Ana sayfa (index-works-cta) ile aynı görünüm – genel :has(ÇALIŞMALARIMIZA) kuralları yukarıda */

/* Portfolio grid: kartlara hover ile tıklanabilir olduğu belli olsun */
.muse-page #pup-slide .pointer_cursor.Button a[href],
.muse-page #pup-slide a.portfolio[href],
.muse-page #pup-slide .pointer_cursor.Button {
  cursor: pointer !important;
  transition: opacity 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
}
.muse-page #pup-slide .pointer_cursor.Button:hover,
.muse-page #pup-slide a.portfolio[href]:hover {
  opacity: 0.94 !important;
  box-shadow: 0 6px 24px rgba(0,0,0,0.35) !important;
}
.muse-page #pup-slide .pointer_cursor.Button:hover {
  border-color: rgba(255,255,255,0.35) !important;
}
.muse-page #pup-slide .pointer_cursor.Button a[href]:hover img,
.muse-page #pup-slide a.portfolio[href]:hover img {
  opacity: 0.88 !important;
}
/* Banner üzerindeki yazı grubu: sayfa CSS'lerindeki margin-right -10000px / left iptal; overlay olarak ortada */
.muse-page #pup-slide > .clearfix.colelem > .clearfix.grpelem:has(.img-as-text),
.muse-page #pup-slide .clearfix.grpelem:has(.img-as-text) {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 5 !important;
  pointer-events: none !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.muse-page #pup-slide > .clearfix.colelem > .clearfix.grpelem .img-as-text,
.muse-page #pup-slide .clearfix.grpelem:has(.img-as-text) .img-as-text {
  display: block !important;
  font-weight: 600 !important;
  color: #fff !important;
  text-shadow: 0 2px 12px rgba(0,0,0,0.6), 0 0 28px rgba(0,0,0,0.4) !important;
  letter-spacing: 0.02em !important;
  line-height: 1.2 !important;
  text-align: center !important;
  visibility: visible !important;
  opacity: 1 !important;
}
/* İlk satır (alt başlık, örn. "yapıları") daha küçük */
.muse-page #pup-slide > .clearfix.colelem > .clearfix.grpelem .img-as-text:first-child {
  font-size: clamp(1.15rem, 3vw, 2rem) !important;
  font-weight: 500 !important;
  margin-bottom: 0.15em !important;
}
/* İkinci satır (ana kategori, örn. "Eğitim") büyük */
.muse-page #pup-slide > .clearfix.colelem > .clearfix.grpelem .img-as-text:not(:first-child) {
  font-size: clamp(1.75rem, 4.5vw, 3.25rem) !important;
  margin-top: 0 !important;
}

/* Metin seçimi rengi */
::selection {
  background: rgba(255,63,0,0.25);
  color: inherit;
}
::-moz-selection {
  background: rgba(255,63,0,0.25);
  color: inherit;
}

/* Odak halkası (erişilebilirlik) */
a:focus-visible,
button:focus-visible,
[tabindex="0"]:focus-visible {
  outline: 2px solid rgba(255,63,0,0.6);
  outline-offset: 2px;
}

/* Genel sayfa: kısa giriş animasyonu; hero slider taşması için */
#page {
  animation: pageFadeIn 0.35s ease-out;
  overflow-x: visible;
}
@keyframes pageFadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* ===== "Çalışmalarımıza Göz Atın" bölümü – modern tipografi ===== */
#u130337.works-heading,
.works-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: none !important;
  height: 118px;
  width: 100%;
  max-width: 1140px;
  margin-top: 189px;
  margin-left: auto !important;
  margin-right: auto !important;
  position: relative;
  border: none;
  padding: 0;
  clear: both;
}
#u265683 {
  margin-top: 28px !important;
}
.works-heading-title {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 2.5rem;
  letter-spacing: 0.02em;
  color: #e8e8e8;
  line-height: 1.2;
  display: block;
  margin-bottom: 0.25rem;
}
.works-heading-sub {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 1.125rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #b0b0b0;
  line-height: 1.3;
  display: block;
}

/* Çalışmalarımıza butonları: kart görünümü, daha belirgin hover */
#u265683 {
  gap: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
#u129386, #u129397, #u129389, #u129394, #u129391 {
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.12);
  background-color: rgba(255,255,255,0.06) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;
  box-shadow: 0 2px 12px rgba(0,0,0,0.15);
}
#u129386:hover, #u129397:hover, #u129389:hover, #u129394:hover, #u129391:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.25);
  background-color: rgba(255,255,255,0.18) !important;
  border-color: rgba(255,255,255,0.2);
}
#u129386:active, #u129397:active, #u129389:active, #u129394:active, #u129391:active {
  background-color: rgba(255,255,255,0.22) !important;
}

/* Buton / CTA geçişleri (diğer sayfalar) */
#u129386, #u129397, #u129389, #u129394, #u129391,
#u130365, #u130368, #u130359, #u130357, #u130360 {
  border-radius: 12px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
#u129386:hover, #u129397:hover, #u129389:hover, #u129394:hover, #u129391:hover,
#u130365:hover, #u130368:hover, #u130359:hover, #u130357:hover, #u130360:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}

/* ========== RESPONSIVE – tüm breakpoint'ler ========== */

/* Genel: küçük ekranda taşma ve sabit genişlik kaldır */
@media (max-width: 1200px) {
  html.index-page,
  body.index-page {
    min-width: 0 !important;
  }
  .site-header-inner {
    padding: 0 20px;
  }
  #u44644_align_to_page {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .muse-page #pup-slide {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

@media (max-width: 992px) {
  html.index-page,
  body.index-page {
    min-width: 0 !important;
  }
  .site-header-inner {
    padding: 0 16px;
  }
  .site-logo img {
    height: 56px;
    max-width: 200px;
  }
  .site-header {
    height: 64px;
  }
  body.muse-page {
    padding-top: 64px !important;
  }
  /* Slider: tablet yüksekliği */
  .index-page .index-hero,
  .index-page .hero-slider-wrap {
    min-height: 70vh !important;
    height: 70vh !important;
  }
  .hero-prev, .hero-next {
    width: 40px;
    height: 40px;
    font-size: 22px;
  }
  .hero-prev { left: 12px; }
  .hero-next { right: 12px; }
  .hero-dots {
    bottom: 20px;
    gap: 8px;
  }
  .hero-dot {
    width: 8px;
    height: 8px;
  }
  .hero-scroll-down {
    bottom: 48px;
    font-size: 20px;
  }
  /* Index: container padding */
  .index-page #u53909_align_to_page {
    padding-left: 16px;
    padding-right: 16px;
  }
  #u44644_align_to_page {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .muse-page #pup-slide {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .index-page #u53909-bw {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .index-page #u145988,
  .index-page #u145976-4,
  .index-page #u266114,
  .index-page #u273415,
  .index-page #u273468,
  .index-page #u273501,
  .index-page #u273540 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  /* Kategori kartı başlıkları – tablet */
  .index-page #u310814-3,
  .index-page #u310844-3,
  .index-page #u310866-3,
  .index-page #u310869-3,
  .index-page #u310876-4,
  .index-page #u310876-4 p {
    font-size: 38px !important;
    line-height: 1.15 !important;
  }
}

@media (max-width: 768px) {
  html.index-page,
  body.index-page {
    min-width: 0 !important;
  }
  .site-header-inner {
    padding: 0 14px;
  }
  #u44644_align_to_page {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  .site-logo img {
    height: 48px;
    max-width: 180px;
  }
  .site-header {
    height: 56px;
  }
  body.muse-page {
    padding-top: 56px !important;
  }
  /* Slider: mobil yükseklik */
  .index-page .index-hero,
  .index-page .hero-slider-wrap {
    min-height: 60vh !important;
    height: 60vh !important;
  }
  .hero-prev, .hero-next {
    width: 36px;
    height: 36px;
    font-size: 18px;
  }
  .hero-prev { left: 8px; }
  .hero-next { right: 8px; }
  .hero-dots {
    bottom: 16px;
    gap: 6px;
  }
  .hero-dot {
    width: 6px;
    height: 6px;
    border-width: 1px;
  }
  .hero-scroll-down {
    bottom: 36px;
    font-size: 18px;
  }
  /* Video / içerik alanı */
  .index-page #u53909_align_to_page,
  .index-page #u44644_align_to_page {
    padding-left: 12px;
    padding-right: 12px;
    flex-direction: column !important;
    justify-content: center !important;
    text-align: center;
  }
  #u44644_align_to_page {
    flex-direction: column !important;
    justify-content: center !important;
  }
  #u70154 {
    justify-content: center !important;
  }
  #u44644_align_to_page {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .muse-page #pup-slide {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .index-page #u53909-bw {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .index-page #u53909,
  .index-page #u53909-bw {
    min-height: 280px !important;
  }
  .index-page #u253323 {
    height: 280px !important;
  }
  .index-page #u145988,
  .index-page #u145976-4,
  .index-page #u266114,
  .index-page #u273415,
  .index-page #u273468,
  .index-page #u273501,
  .index-page #u273540 {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .index-page #u145988 {
    margin-top: 16px !important;
  }
  .index-page #u53909-bw {
    margin-top: 16px !important;
  }
  .index-page #u145976-4 {
    margin-top: 16px !important;
  }
  .index-page #u266114 {
    margin-top: 20px !important;
  }
  .index-page #u273415,
  .index-page #u273468,
  .index-page #u273501,
  .index-page #u273540 {
    margin-top: 16px !important;
  }
  /* Kategori kartı başlıkları – mobil */
  .index-page #u310814-3,
  .index-page #u310844-3,
  .index-page #u310866-3,
  .index-page #u310869-3,
  .index-page #u310876-4,
  .index-page #u310876-4 p {
    font-size: 26px !important;
    line-height: 1.2 !important;
  }
  .index-page #u310814-4,
  .index-page #u310844-4,
  .index-page #u310866-4,
  .index-page #u310869-4,
  .index-page #u310876-4 {
    padding: 12px !important;
  }
  /* Kategori kartları: tam genişlik, resim oranı korunsun */
  .index-page #buttonu266143,
  .index-page #buttonu273416,
  .index-page #buttonu273469,
  .index-page #buttonu273502,
  .index-page #buttonu273541 {
    height: auto !important;
    min-height: 200px !important;
  }
  .index-page #u266145_img,
  .index-page #u273417_img,
  .index-page #u273471_img,
  .index-page #u273503_img,
  .index-page #u273542_img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    display: block !important;
  }
  /* Alt metin / Projelerimiz görselleri */
  .index-page #u145980-4,
  .index-page #u145981-4,
  .index-page #u145976-4 {
    max-width: 100% !important;
    height: auto !important;
  }
  /* Footer */
  .index-page #u44644 {
    padding-top: 24px !important;
    padding-bottom: 32px !important;
  }
  #u44644-bw {
    margin-top: 32px !important;
  }
}

@media (max-width: 576px) {
  .site-header-inner {
    padding: 0 12px;
  }
  #u44644_align_to_page {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .muse-page #pup-slide {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .site-logo img {
    height: 42px;
    max-width: 160px;
  }
  .site-header {
    height: 52px;
  }
  body.muse-page {
    padding-top: 52px !important;
  }
  .index-page .index-hero,
  .index-page .hero-slider-wrap {
    min-height: 55vh !important;
    height: 55vh !important;
  }
  .hero-prev, .hero-next {
    width: 32px;
    height: 32px;
    font-size: 16px;
  }
  .hero-prev { left: 6px; }
  .hero-next { right: 6px; }
  .index-page #u53909,
  .index-page #u53909-bw {
    min-height: 220px !important;
  }
  .index-page #u253323 {
    height: 220px !important;
  }
  .index-page #u310814-3,
  .index-page #u310844-3,
  .index-page #u310866-3,
  .index-page #u310869-3,
  .index-page #u310876-4,
  .index-page #u310876-4 p {
    font-size: 22px !important;
  }
  .index-page #u44644 {
    padding-top: 20px !important;
    padding-bottom: 28px !important;
  }
}

/* Touch: buton/dokunma alanları yeterli boyutta */
@media (hover: none) and (pointer: coarse) {
  .site-nav-toggle {
    min-width: 44px;
    min-height: 44px;
  }
  .hero-prev, .hero-next {
    min-width: 44px;
    min-height: 44px;
  }
  .hero-dot {
    min-width: 12px;
    min-height: 12px;
  }
}

/* ===== Muse sayfa bloğu: sayfa CSS’ten sonra da geçerli olsun (yüksek özgüllük) ===== */
/* Sol gri alan: html/body soldan hizalı */
html.muse-page,
html body.muse-page {
  padding-left: 0 !important;
  margin-left: 0 !important;
}
/* Sınıf sadece html'de olsa da layout uygulansın (Muse body'ye class vermiyor) */
html.muse-page #page,
html body.muse-page #page {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  box-sizing: border-box !important;
  position: relative !important;
  left: 0 !important;
  right: auto !important;
}
html.muse-page #pup-slide,
html body.muse-page #pup-slide {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  display: block !important;
  box-sizing: border-box !important;
  position: relative !important;
  left: 0 !important;
  right: auto !important;
}
/* Kategori/iç sayfa: grid sütunundaki margin-left/left iptal (dar sütun kalmasın) */
.muse-page #pup-slide > .clearfix.colelem > .clearfix.colelem,
.muse-page #pup-slide > .clearfix.grpelem > .clearfix.colelem {
  margin-left: 0 !important;
  left: auto !important;
  right: auto !important;
}
/* Sayfa CSS'teki pbutton/button margin-left:780px vb. iptal – grid düzgün dizilsin */
.muse-page #pup-slide [id^="pbutton"],
.muse-page #pup-slide [id^="ppbutton"] {
  margin-left: 0 !important;
  left: auto !important;
}

/* ========== SAYFA YAPISINI YENİDEN İNŞA (alt proje / kategori sayfaları) ========== */
/* Not: Muse sınıfı html'de (body'de değil); hem body hem html ile eşleştir ki layout her sayfada uygulansın */
/* #page: dikey flex, footer alta yapışsın */
html.muse-page #page,
body.muse-page #page {
  display: flex !important;
  flex-direction: column !important;
  min-height: 100vh !important;
  align-items: stretch !important;
}
/* #pup-slide: tam genişlik dikey sütun, çocuklar tam genişlik (stretch) */
html.muse-page #pup-slide,
body.muse-page #pup-slide {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  flex: 1 0 auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* Her doğrudan çocuk: tam genişlik kutu, içerik max 1200px ortada */
html.muse-page #pup-slide > .anchor_item,
body.muse-page #pup-slide > .anchor_item {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
}
html.muse-page #pup-slide > .colelem,
html.muse-page #pup-slide > .clearfix.colelem,
html.muse-page #pup-slide > .PamphletWidget,
body.muse-page #pup-slide > .colelem,
body.muse-page #pup-slide > .clearfix.colelem,
body.muse-page #pup-slide > .PamphletWidget {
  width: 100% !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  box-sizing: border-box !important;
  flex: 0 0 auto !important;
  left: auto !important;
  right: auto !important;
}
/* İlk blok (banner): tam genişlik, yan padding yok */
html.muse-page #pup-slide > div:first-of-type,
body.muse-page #pup-slide > div:first-of-type {
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
html.muse-page #pup-slide > .clearfix.colelem:first-of-type,
html.muse-page #pup-slide > .colelem:has(> .browser_width.museBGSize),
body.muse-page #pup-slide > .clearfix.colelem:first-of-type,
body.muse-page #pup-slide > .colelem:has(> .browser_width.museBGSize) {
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* Kategori banner: Muse width:0.01px iptal – tek 360px kutu, görsel+overlay üst üste, yazı üstte */
.muse-page #pu190069,
.muse-page #pu192976,
.muse-page #pu193199,
.muse-page #pu135533,
.muse-page #pu192587,
.muse-page #pu141309,
html.muse-page #pu141309,
body.muse-page #pu141309 {
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  height: 360px !important;
  min-height: 360px !important;
  max-height: 360px !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  overflow: hidden !important;
}
/* Kategori banner: görsel + overlay tam genişlik, yükseklik sabit */
.muse-page #pu135533 .browser_width,
.muse-page #pu193199 .browser_width,
.muse-page #pu190069 .browser_width,
.muse-page #pu192976 .browser_width,
.muse-page #pu192587 .browser_width,
.muse-page #pu141309 .browser_width {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: none !important;
  height: 360px !important;
  margin: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
/* Tüm #pup-slide banner’larında .browser_width tam genişlik (genel kural – diğer kurallar ezmesin) */
.muse-page #pup-slide > .clearfix.colelem:has(> .browser_width) > .browser_width {
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: none !important;
}
.muse-page #pu135533 .browser_width > *,
.muse-page #pu193199 .browser_width > *,
.muse-page #pu190069 .browser_width > *,
.muse-page #pu192976 .browser_width > *,
.muse-page #pu192587 .browser_width > *,
.muse-page #pu141309 .browser_width > * {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 360px !important;
  margin: 0 !important;
}
/* Kategori banner: siyah overlay az opacity – yazı okunaklı kalsın */
.muse-page #pu135533 .rgba-background,
.muse-page #pu193199 .rgba-background,
.muse-page #pu190069 .rgba-background,
.muse-page #pu192976 .rgba-background,
.muse-page #pu192587 .rgba-background,
.muse-page #pu141309 .rgba-background {
  background-color: rgba(0,0,0,0.35) !important;
  opacity: 1 !important;
}
.muse-page .category-banner-title,
.muse-page #pu190069 #u190070,
.muse-page #pu192976 #u192845,
.muse-page #pu193199 #u193055,
.muse-page #pu135533 #u135657,
.muse-page #pu192587 #u192591,
.muse-page #pu141309 #u141306 {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  margin-right: 0 !important;
  margin-top: 0 !important;
  padding: 2rem 1rem 3rem !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  align-items: center !important;
  text-align: center !important;
  box-sizing: border-box !important;
  pointer-events: none !important;
  z-index: 10 !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.muse-page .category-banner-title .img-as-text:first-child,
.muse-page #u190070 .img-as-text:first-child,
.muse-page #u192845 .img-as-text:first-child,
.muse-page #u193055 .img-as-text:first-child,
.muse-page #u135657 .img-as-text:first-child,
.muse-page #u192591 .img-as-text:first-child,
.muse-page #u141306 .img-as-text:first-child {
  font-size: clamp(1.5rem, 4vw, 2.5rem) !important;
  font-weight: 600 !important;
  color: #fff !important;
  margin-bottom: 0.25rem !important;
}
.muse-page .category-banner-title .img-as-text:last-child,
.muse-page #u190070 .img-as-text:last-child,
.muse-page #u192845 .img-as-text:last-child,
.muse-page #u193055 .img-as-text:last-child,
.muse-page #u135657 .img-as-text:last-child,
.muse-page #u141306 .img-as-text:last-child {
  font-size: 0.95rem !important;
  letter-spacing: 0.1em !important;
  color: rgba(255,255,255,0.9) !important;
}
.muse-page #u192591 .img-as-text { font-size: clamp(1.5rem, 4vw, 2.5rem) !important; font-weight: 600 !important; color: #fff !important; }
/* Kategori banner başlığı: her zaman tam genişlik ve ortada (sonraki genel kurallar ezmesin) */
.muse-page #pup-slide .category-banner-title {
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
/* İçerikteki left/margin sıfırla – banner içi .browser_width ve .category-banner-title DOKUNMA (yazı + görsel ortada kalsın) */
html.muse-page #pup-slide [id^="pu"]:not(.category-banner-title):not(.browser_width),
html.muse-page #pup-slide [id^="u1"]:not(.category-banner-title):not(.browser_width),
html.muse-page #pup-slide [id^="u2"]:not(.category-banner-title):not(.browser_width),
html.muse-page #pup-slide .position_content:not(.category-banner-title):not(.browser_width),
body.muse-page #pup-slide [id^="pu"]:not(.category-banner-title):not(.browser_width),
body.muse-page #pup-slide [id^="u1"]:not(.category-banner-title):not(.browser_width),
body.muse-page #pup-slide [id^="u2"]:not(.category-banner-title):not(.browser_width),
body.muse-page #pup-slide .position_content:not(.category-banner-title):not(.browser_width) {
  margin-left: 0 !important;
  margin-right: 0 !important;
  left: auto !important;
  right: auto !important;
}
/* .browser_width sadece banner dışındakilerde sıfırla */
html.muse-page #pup-slide > .clearfix.colelem:not(:first-of-type) .browser_width,
html.muse-page #pup-slide > .colelem:not(:first-of-type) .browser_width,
body.muse-page #pup-slide > .clearfix.colelem:not(:first-of-type) .browser_width,
body.muse-page #pup-slide > .colelem:not(:first-of-type) .browser_width {
  margin-left: 0 !important;
  margin-right: 0 !important;
  left: auto !important;
  right: auto !important;
}
html.muse-page #pup-slide .grpelem,
html.muse-page #pup-slide .colelem,
body.muse-page #pup-slide .grpelem,
body.muse-page #pup-slide .colelem {
  margin-right: 0 !important;
}
/* ========== GENEL PROJE PORTFOLYO (tüm benzer sayfalar) ========== */
.muse-page #pup-slide > .PamphletWidget {
  width: 100% !important;
  max-width: none !important;
  min-height: 480px !important;
  height: auto !important;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
  margin-left: 0 !important;
  margin-top: 24px !important;
  position: relative !important;
  overflow: visible !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.muse-page #pup-slide > .PamphletWidget .popup_anchor,
.muse-page #pup-slide > .PamphletWidget .SlideShowWidget,
.muse-page #pup-slide > .PamphletWidget .SlideShowWidget.widget_invisible,
.muse-page #pup-slide > .PamphletWidget .widget_invisible,
.muse-page #pup-slide > .PamphletWidget .SlideShowContentPanel,
.muse-page #pup-slide > .PamphletWidget .ContainerGroup,
.muse-page #pup-slide > .PamphletWidget .Container,
.muse-page #pup-slide > .PamphletWidget .SSSlideLinks {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.muse-page #pup-slide > .PamphletWidget .ContainerGroup,
.muse-page #pup-slide > .PamphletWidget .Container { position: relative !important; width: 100% !important; max-width: none !important; }
.muse-page #pup-slide > .PamphletWidget .Container { display: flex !important; flex-wrap: wrap !important; gap: 24px !important; align-items: flex-start !important; }
.muse-page #pup-slide > .PamphletWidget .SSSlideLinks { width: 280px !important; max-width: 100% !important; min-height: 200px !important; flex-shrink: 0 !important; }
.muse-page #pup-slide > .PamphletWidget .SlideShowContentPanel {
  flex: 1 1 400px !important; min-width: 0 !important; min-height: 400px !important;
  background: rgba(24,24,26,0.95) !important; border-radius: 8px !important; overflow: hidden !important;
  position: relative !important;
}
.muse-page #pup-slide > .PamphletWidget .SlideShowContentPanel .SSSlide {
  position: absolute !important; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; height: 100% !important;
}
.muse-page #pup-slide > .PamphletWidget .SlideShowContentPanel .SSSlide:not(.invi) { z-index: 1; }
.muse-page #pup-slide > .PamphletWidget .SlideShowContentPanel .SSSlide.invi { z-index: 0; opacity: 0; pointer-events: none; }
.muse-page #pup-slide > .PamphletWidget .SSSlide img,
.muse-page #pup-slide > .PamphletWidget .SSSlideLink img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  position: relative !important;
  left: auto !important;
  object-fit: contain !important;
}
.muse-page #pup-slide > .PamphletWidget .SSSlide,
.muse-page #pup-slide > .PamphletWidget .SSSlideLink {
  position: relative !important;
  overflow: hidden !important;
  display: block !important;
  left: auto !important;
}
.muse-page #pup-slide > .PamphletWidget .SlideShowContentPanel .ImageInclude,
.muse-page #pup-slide > .PamphletWidget .SSSlideLinks .ImageInclude { min-height: 200px !important; background: rgba(40,40,42,0.8) !important; }

/* Proje sayfası portfolyo (Ne yaparız altı): Pamphlet width:0.01px iptal – alan görünsün (ID ile eski sayfalar) */
.muse-page #pamphletu142637,
.muse-page #pup-slide > .PamphletWidget[id^="pamphletu"] {
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  height: auto !important;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
  margin-left: 0 !important;
  margin-top: 24px !important;
  position: relative !important;
  overflow: visible !important;
}
/* Popup içeriğini sayfada inline göster (tıklamadan görünsün) */
.muse-page #pamphletu142637,
.muse-page #pamphletu142637 #u142645popup,
.muse-page #pamphletu142637 .popup_anchor#u142645popup {
  position: relative !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
.muse-page #pamphletu142637 {
  min-height: 480px !important;
}
.muse-page #pamphletu142637 .ThumbGroup#u142638 {
  display: none !important;
}
/* Pamphlet içindeki tüm katmanları görünür yap (JS display:none ezilsin) */
.muse-page #pamphletu142637 #u142645,
.muse-page #pamphletu142637 #u142646,
.muse-page #pamphletu142637 #u142676,
.muse-page #pamphletu142637 #u142648,
.muse-page #pamphletu142637 .SlideShowWidget,
.muse-page #pamphletu142637 .SSSlideLinks,
.muse-page #pamphletu142637 .SlideShowContentPanel {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.muse-page #pamphletu142637 #pu142648 {
  display: block !important;
}
.muse-page #u142645,
.muse-page #pamphletu142637 .ContainerGroup {
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  top: auto !important;
  left: auto !important;
}
.muse-page #u142646,
.muse-page #pamphletu142637 .Container {
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  margin-right: 0 !important;
  padding-bottom: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 24px !important;
  align-items: flex-start !important;
}
.muse-page #u142676,
.muse-page #pamphletu142637 .SSSlideLinks {
  position: relative !important;
  width: 280px !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 400px !important;
  flex-shrink: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}
.muse-page #u142648,
.muse-page #pamphletu142637 .SlideShowContentPanel {
  position: relative !important;
  flex: 1 1 400px !important;
  min-width: 0 !important;
  min-height: 400px !important;
  width: auto !important;
  max-width: none !important;
  background: rgba(24,24,26,0.95) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}
.muse-page #pamphletu142637 .SSSlide,
.muse-page #pamphletu142637 .SSSlideLink {
  width: 100% !important;
  max-width: 280px !important;
  cursor: pointer !important;
  border-radius: 4px !important;
  overflow: hidden !important;
}
.muse-page #pamphletu142637 .SSSlide img,
.muse-page #pamphletu142637 .SSSlideLink img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}
/* ImageInclude: data-src yoksa bile alan dolu görünsün; görsel yüklenince görünsün */
.muse-page #pamphletu142637 .SSSlide .ImageInclude,
.muse-page #pamphletu142637 .SlideShowContentPanel .ImageInclude {
  min-height: 200px !important;
  background: rgba(40,40,42,0.8) !important;
}
.muse-page #pamphletu142637 .SlideShowContentPanel .SSSlide {
  position: absolute !important;
  top: 0; left: 0; right: 0; bottom: 0;
  width: 100% !important;
  height: 100% !important;
}
.muse-page #pamphletu142637 .SlideShowContentPanel .SSSlide:not(.invi) {
  z-index: 1;
}
.muse-page #pamphletu142637 .SlideShowContentPanel .SSSlide.invi {
  z-index: 0;
  opacity: 0;
  pointer-events: none;
}
.muse-page #pamphletu142637 .SlideShowWidget.widget_invisible,
.muse-page #pamphletu142637 .widget_invisible,
.muse-page #pamphletu142637 #slideshowu142647 {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Bootstrap şablonlu sayfalarda eski pamphlet tamamen gizli, büyük boşluk bırakmasın (era-bursa vb.) */
body:has(.portfolio-bootstrap) #pamphletu142637,
body:has(.portfolio-bootstrap) #pup-slide > .PamphletWidget[id="pamphletu142637"] {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
  border: none !important;
}

/* Era-bursa: ThumbGroup alttaki uzun boşluğu oluşturmasın */
body:has(.portfolio-bootstrap) #u142638,
body:has(.portfolio-bootstrap) .ThumbGroup#u142638 {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
}

/* Diğer referanslarda banner görünsün (doga-inegol vb.): pup-slide width:0.01px / margin-right:-10000px kaldır */
body:has(.portfolio-bootstrap) #pup-slide {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
body:has(.portfolio-bootstrap) #pup-slide > .clearfix.colelem:has(.browser_width),
body:has(.portfolio-bootstrap) #pup-slide > .clearfix.colelem:has(.museBGSize) {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
body:has(.portfolio-bootstrap) #pup-slide .browser_width.grpelem,
body:has(.portfolio-bootstrap) #pup-slide .museBGSize {
  width: 100% !important;
  max-width: none !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}
/* Portfolyo banner: görsel + overlay mutlaka görünsün (sayfa CSS width:0.01px ezilsin) */
body:has(.portfolio-bootstrap) #pup-slide > .clearfix.colelem:has(> .browser_width) > .browser_width {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  width: 100% !important;
  min-width: 100% !important;
  height: 360px !important;
  min-height: 360px !important;
  margin: 0 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
body:has(.portfolio-bootstrap) #pup-slide > .clearfix.colelem:has(> .browser_width) > .browser_width > .museBGSize,
body:has(.portfolio-bootstrap) #pup-slide > .clearfix.colelem:has(> .browser_width) > .browser_width > .rgba-background {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  width: 100% !important;
  min-width: 100% !important;
  height: 360px !important;
  min-height: 360px !important;
  margin: 0 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
body:has(.portfolio-bootstrap) #pup-slide > .clearfix.colelem:has(> .browser_width) .rgba-background {
  background-color: rgba(0,0,0,0.35) !important;
}

/* Banner başlığı sadece banner içinde, altta ortada – tekrarlayan “ikinci başlık” görünmesin */
body:has(.portfolio-bootstrap) #pup-slide > .clearfix.colelem:has(.browser_width) {
  position: relative !important;
  overflow: hidden !important;
  min-height: 360px !important;
}
body:has(.portfolio-bootstrap) #pup-slide .clearfix.grpelem:has(.img-as-text) {
  position: absolute !important;
  bottom: 0 !important;
  top: auto !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  text-align: center !important;
  padding: 1rem 1.5rem !important;
  box-sizing: border-box !important;
  z-index: 35 !important;
}
body:has(.portfolio-bootstrap) #pup-slide .clearfix.grpelem:has(.img-as-text) .img-as-text {
  margin: 0 !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
}

/* Portfolyo meta (Proje Adı/Tipi/Yıl) ikinci başlık gibi görünmesin – küçük, metadata görünümü */
body:has(.portfolio-bootstrap) .portfolio-bootstrap .portfolio-meta .meta-value {
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  color: rgba(255,255,255,0.85) !important;
}

/* Portfolyo: banner ile içerik arası boşluğu azalt (bilge-adam vb.) */
body:has(.portfolio-bootstrap) #pup-slide > section.portfolio-bootstrap {
  margin-top: 0 !important;
  padding-top: 0.75rem !important;
}
/* Portfolyo: banner üstündeki boş div’leri gizle – gereksiz boşluk kalmasın (bilge-adam #u174384, seviye-kurs #u174764) */
body:has(.portfolio-bootstrap) #u174384,
body:has(.portfolio-bootstrap) #u174764 {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
}
/* Banner üstü yazı: ortada (kapsayıcı tam genişlik, metin flex + text-align ile ortalı) */
body:has(.portfolio-bootstrap) #pup-slide .clearfix.grpelem:has(.img-as-text) .img-as-text {
  left: auto !important;
  right: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
  position: relative !important;
  display: inline-block !important;
  width: max-content !important;
  max-width: 100% !important;
  text-align: center !important;
}
body:has(.portfolio-bootstrap) #pup-slide .clearfix.grpelem:has(.img-as-text) {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-end !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: none !important;
  transform: none !important;
  box-sizing: border-box !important;
  position: absolute !important;
  bottom: 0 !important;
  top: auto !important;
  z-index: 35 !important;
}
/* Sayfa bazlı left/width: kapsayıcı tam genişlik, span’lar ortada (seviye-kurs, doga-inegol, bilge-adam) */
body:has(.portfolio-bootstrap) #u174860,
body:has(.portfolio-bootstrap) #u172823,
body:has(.portfolio-bootstrap) #u174480,
body:has(.portfolio-bootstrap) #u217146 {
  left: 0 !important;
  right: 0 !important;
  margin: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  transform: none !important;
  width: 100% !important;
  max-width: none !important;
}
body:has(.portfolio-bootstrap) #u174861-4,
body:has(.portfolio-bootstrap) #u174862-4,
body:has(.portfolio-bootstrap) #u172824-4,
body:has(.portfolio-bootstrap) #u174481-4,
body:has(.portfolio-bootstrap) #u174482-4,
body:has(.portfolio-bootstrap) #u217147-4 {
  left: auto !important;
  right: auto !important;
  margin: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: inline-block !important;
  width: max-content !important;
}

/* css_verticalspacer ile oluşan dev boşluğu kaldır (era-bursa.css padding-bottom:4600px vb.) */
.css_verticalspacer .verticalspacer {
  height: 0 !important;
  min-height: 0 !important;
}
/* Slideshow / Pamphlet: tam genişlik – AMA PamphletWidget içinde sütun düzeni korunsun */
html.muse-page #pup-slide > .PamphletWidget,
html.muse-page #pup-slide .SlideShowWidget,
html.muse-page #pup-slide .ContainerGroup,
body.muse-page #pup-slide > .PamphletWidget,
body.muse-page #pup-slide .SlideShowWidget,
body.muse-page #pup-slide .ContainerGroup {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  left: auto !important;
}
/* Pamphlet içi: Container flex, SSSlideLinks sabit genişlik, SlideShowContentPanel flex:1 – görseller containerda kalsın */
html.muse-page #pup-slide > .PamphletWidget .Container,
body.muse-page #pup-slide > .PamphletWidget .Container {
  width: 100% !important;
  max-width: none !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 24px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  left: auto !important;
}
html.muse-page #pup-slide > .PamphletWidget .SSSlideLinks,
body.muse-page #pup-slide > .PamphletWidget .SSSlideLinks {
  width: 280px !important;
  max-width: 100% !important;
  min-height: 200px !important;
  flex-shrink: 0 !important;
  margin-left: 0 !important;
  left: auto !important;
}
html.muse-page #pup-slide > .PamphletWidget .SlideShowContentPanel,
body.muse-page #pup-slide > .PamphletWidget .SlideShowContentPanel {
  flex: 1 1 400px !important;
  min-width: 0 !important;
  min-height: 400px !important;
  width: auto !important;
  margin-left: 0 !important;
  left: auto !important;
}
html.muse-page #pup-slide .SSSlideLink,
html.muse-page #pup-slide [id^="pu22"],
html.muse-page #pup-slide [id^="pu14"],
body.muse-page #pup-slide .SSSlideLink,
body.muse-page #pup-slide [id^="pu22"],
body.muse-page #pup-slide [id^="pu14"] {
  margin-left: 0 !important;
  left: auto !important;
}
/* Alt sayfa CTA bloğu (#pu270187): banner + butonlar + ok dikey hizalı */
html.muse-page #pup-slide #pu270187,
body.muse-page #pup-slide #pu270187 {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
/* Alt sayfa CTA: "Çalışmalarımıza göz atın" kategori butonları tek satırda, dağınık kalmasın */
html.muse-page #pup-slide #u270189,
html.muse-page #pup-slide .clearfix.grpelem:has(> a[href*="egitim-yapilari"]):has(> a[href*="diger.html"]),
body.muse-page #pup-slide #u270189,
body.muse-page #pup-slide .clearfix.grpelem:has(> a[href*="egitim-yapilari"]):has(> a[href*="diger.html"]) {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px 20px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  float: none !important;
}
html.muse-page #pup-slide #u270189 > *,
html.muse-page #pup-slide #u270189 [id^="ppu"],
html.muse-page #pup-slide #u270189 .clearfix.grpelem,
body.muse-page #pup-slide #u270189 > *,
body.muse-page #pup-slide #u270189 [id^="ppu"],
body.muse-page #pup-slide #u270189 .clearfix.grpelem {
  margin-left: 0 !important;
  margin-right: 0 !important;
  left: auto !important;
  float: none !important;
}
/* Footer: sayfa sonunda görünsün */
html.muse-page #u44644-bw,
body.muse-page #u44644-bw {
  flex: 0 0 auto !important;
  margin-top: auto !important;
  width: 100% !important;
  display: block !important;
  position: relative !important;
  left: 0 !important;
  right: 0 !important;
}
html.muse-page .verticalspacer,
body.muse-page .verticalspacer {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

/* ========== SON OVERRIDE: Portfolyo grid mükemmel (sayfa CSS her zaman geçilsin) ========== */
body #u136399.portfolio-grid,
body #u193062.portfolio-grid,
body #u192475.portfolio-grid,
body #u192848.portfolio-grid,
body #u190078.portfolio-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  grid-template-rows: none !important;
  grid-auto-rows: minmax(0, auto) !important;
  grid-auto-flow: row !important;
  gap: 24px !important;
  width: 100% !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 24px !important;
  margin-bottom: 48px !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
  float: none !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
}
body #u136399.portfolio-grid .pointer_cursor.Button:hover,
body #u193062.portfolio-grid .pointer_cursor.Button:hover,
body #u192475.portfolio-grid .pointer_cursor.Button:hover,
body #u192848.portfolio-grid .pointer_cursor.Button:hover,
body #u190078.portfolio-grid .pointer_cursor.Button:hover {
  transform: scale(1.03) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.4) !important;
}
body #u136399.portfolio-grid > a,
body #u193062.portfolio-grid > a,
body #u192475.portfolio-grid > a,
body #u192848.portfolio-grid > a,
body #u190078.portfolio-grid > a {
  display: contents !important;
}
body #u136399.portfolio-grid a:not(.portfolio):not(.block),
body #u193062.portfolio-grid a:not(.portfolio):not(.block),
body #u192475.portfolio-grid a:not(.portfolio):not(.block),
body #u192848.portfolio-grid a:not(.portfolio):not(.block),
body #u190078.portfolio-grid a:not(.portfolio):not(.block) {
  display: contents !important;
}
body #u136399.portfolio-grid [id^="pbutton"],
body #u136399.portfolio-grid [id^="ppbutton"],
body #u136399.portfolio-grid > .clearfix,
body #u193062.portfolio-grid [id^="pbutton"],
body #u193062.portfolio-grid [id^="ppbutton"],
body #u193062.portfolio-grid > .clearfix,
body #u192475.portfolio-grid [id^="pbutton"],
body #u192475.portfolio-grid [id^="ppbutton"],
body #u192848.portfolio-grid [id^="pbutton"],
body #u192848.portfolio-grid [id^="ppbutton"],
body #u190078.portfolio-grid [id^="pbutton"],
body #u190078.portfolio-grid [id^="ppbutton"] {
  display: contents !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  min-width: 0 !important;
  float: none !important;
}
body #u136399.portfolio-grid .pointer_cursor.Button,
body #u193062.portfolio-grid .pointer_cursor.Button,
body #u192475.portfolio-grid .pointer_cursor.Button,
body #u192848.portfolio-grid .pointer_cursor.Button,
body #u190078.portfolio-grid .pointer_cursor.Button {
  display: block !important;
  aspect-ratio: 4 / 3 !important;
  height: auto !important;
  min-height: 200px !important;
  overflow: hidden !important;
  border-radius: 10px !important;
  margin: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  max-width: none !important;
  float: none !important;
  position: relative !important;
  box-sizing: border-box !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
/* Tüm kutular aynı ölçüde */
body #u136399.portfolio-grid .pointer_cursor.Button:has(img[width="750"]),
body #u193062.portfolio-grid .pointer_cursor.Button:has(img[width="750"]),
body #u192475.portfolio-grid .pointer_cursor.Button:has(img[width="750"]),
body #u192848.portfolio-grid .pointer_cursor.Button:has(img[width="750"]),
body #u190078.portfolio-grid .pointer_cursor.Button:has(img[width="750"]) {
  grid-column: span 1 !important;
  aspect-ratio: 4 / 3 !important;
}
/* İç sarmalayıcılar sabit px ile dikdörtgeni bozmasın */
body #u136399.portfolio-grid .pointer_cursor.Button > *,
body #u193062.portfolio-grid .pointer_cursor.Button > *,
body #u192475.portfolio-grid .pointer_cursor.Button > *,
body #u192848.portfolio-grid .pointer_cursor.Button > *,
body #u190078.portfolio-grid .pointer_cursor.Button > *,
.portfolio-grid .pointer_cursor.Button > * {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  left: auto !important;
  right: auto !important;
  margin: 0 !important;
  margin-right: 0 !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  box-sizing: border-box !important;
}
body #u136399.portfolio-grid .pointer_cursor.Button .portfolio,
body #u136399.portfolio-grid .pointer_cursor.Button .clip_frame,
body #u136399.portfolio-grid .pointer_cursor.Button a[href][data-muse-type="img_frame"],
body #u193062.portfolio-grid .pointer_cursor.Button .portfolio,
body #u193062.portfolio-grid .pointer_cursor.Button .clip_frame,
body #u192475.portfolio-grid .pointer_cursor.Button .portfolio,
body #u192475.portfolio-grid .pointer_cursor.Button .clip_frame,
body #u192848.portfolio-grid .pointer_cursor.Button .portfolio,
body #u190078.portfolio-grid .pointer_cursor.Button .portfolio,
.portfolio-grid .pointer_cursor.Button .portfolio,
.portfolio-grid .pointer_cursor.Button .clip_frame {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 200px !important;
}
body #u136399.portfolio-grid .pointer_cursor.Button img,
body #u136399.portfolio-grid .pointer_cursor.Button .clip_frame img,
body #u136399.portfolio-grid .pointer_cursor.Button .portfolio img,
body #u193062.portfolio-grid .pointer_cursor.Button img,
body #u192475.portfolio-grid .pointer_cursor.Button img,
body #u192848.portfolio-grid .pointer_cursor.Button img,
body #u190078.portfolio-grid .pointer_cursor.Button img,
.portfolio-grid .pointer_cursor.Button img,
.portfolio-grid .pointer_cursor.Button .clip_frame img,
.portfolio-grid .pointer_cursor.Button .portfolio img {
  width: 100% !important;
  height: 100% !important;
  min-height: 200px !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}
@media (max-width: 992px) {
  body #u136399.portfolio-grid,
  body #u193062.portfolio-grid,
  body #u192475.portfolio-grid,
  body #u192848.portfolio-grid,
  body #u190078.portfolio-grid { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 576px) {
  body #u136399.portfolio-grid,
  body #u193062.portfolio-grid,
  body #u192475.portfolio-grid,
  body #u192848.portfolio-grid,
  body #u190078.portfolio-grid { grid-template-columns: 1fr !important; }
}

/* ========== KESİN OVERRIDE: Sayfa CSS #buttonu... kurallarını geç (tüm kutular aynı ölçü) ========== */
html body #u136399.portfolio-grid,
html body #u193062.portfolio-grid,
html body #u192475.portfolio-grid,
html body #u192848.portfolio-grid,
html body #u190078.portfolio-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 20px !important;
  width: 100% !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
}
html body #u136399.portfolio-grid [id^="pbutton"],
html body #u136399.portfolio-grid [id^="ppbutton"],
html body #u193062.portfolio-grid [id^="pbutton"],
html body #u193062.portfolio-grid [id^="ppbutton"],
html body #u192475.portfolio-grid [id^="pbutton"],
html body #u192475.portfolio-grid [id^="ppbutton"],
html body #u192848.portfolio-grid [id^="pbutton"],
html body #u192848.portfolio-grid [id^="ppbutton"],
html body #u190078.portfolio-grid [id^="pbutton"],
html body #u190078.portfolio-grid [id^="ppbutton"] {
  display: contents !important;
}
html body #u136399.portfolio-grid [id^="buttonu"],
html body #u193062.portfolio-grid [id^="buttonu"],
html body #u192475.portfolio-grid [id^="buttonu"],
html body #u192848.portfolio-grid [id^="buttonu"],
html body #u190078.portfolio-grid [id^="buttonu"] {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 4 / 3 !important;
  grid-column: span 1 !important;
  overflow: hidden !important;
  border-radius: 10px !important;
  margin: 0 !important;
  left: auto !important;
  right: auto !important;
  float: none !important;
  position: relative !important;
  box-sizing: border-box !important;
}
html body #u136399.portfolio-grid [id^="buttonu"] > *,
html body #u193062.portfolio-grid [id^="buttonu"] > *,
html body #u192475.portfolio-grid [id^="buttonu"] > *,
html body #u192848.portfolio-grid [id^="buttonu"] > *,
html body #u190078.portfolio-grid [id^="buttonu"] > * {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  left: auto !important;
  margin: 0 !important;
  margin-right: 0 !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  box-sizing: border-box !important;
}
html body #u136399.portfolio-grid [id^="buttonu"] img,
html body #u193062.portfolio-grid [id^="buttonu"] img,
html body #u192475.portfolio-grid [id^="buttonu"] img,
html body #u192848.portfolio-grid [id^="buttonu"] img,
html body #u190078.portfolio-grid [id^="buttonu"] img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

/* Son çare: sayfa #buttonu136033 vb. tek ID kurallarını kesin geçersiz kıl – tüm kartlar aynı dikdörtgen */
html body #u136399.portfolio-grid [id^="buttonu"],
html body #u193062.portfolio-grid [id^="buttonu"],
html body #u192475.portfolio-grid [id^="buttonu"],
html body #u192848.portfolio-grid [id^="buttonu"],
html body #u190078.portfolio-grid [id^="buttonu"] {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 200px !important;
  max-height: none !important;
  aspect-ratio: 4 / 3 !important;
  display: block !important;
  overflow: hidden !important;
  margin: 0 !important;
  left: auto !important;
  right: auto !important;
  position: relative !important;
  box-sizing: border-box !important;
  grid-column: span 1 !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

/* Grid içi gereksiz linkler (u136141, u136143) kesinlikle hücre kaplamasın – footer öncesi karışıklığı giderir */
#u136399.portfolio-grid #u136141,
#u136399.portfolio-grid #u136143,
body #u136399.portfolio-grid #u136141,
body #u136399.portfolio-grid #u136143 {
  display: contents !important;
}
@supports not (display: contents) {
  .portfolio-grid a:not(.portfolio):not(.block) {
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* ========== YENİ GRID YAPISI (JS ile .portfolio-grid-inner oluşturulduktan sonra) ========== */
/* Sayfa CSS #u136399 vb. geçersiz kılsın – container tam genişlik, ortada */
#u136399.portfolio-grid.portfolio-grid-rebuilt,
#u193062.portfolio-grid.portfolio-grid-rebuilt,
#u192475.portfolio-grid.portfolio-grid-rebuilt,
#u192848.portfolio-grid.portfolio-grid-rebuilt,
#u190078.portfolio-grid.portfolio-grid-rebuilt,
.portfolio-grid.portfolio-grid-rebuilt,
.portfolio-grid:has(.portfolio-grid-inner) {
  display: block !important;
  grid-template-columns: unset !important;
  grid-template-rows: unset !important;
  grid-auto-rows: unset !important;
  grid-auto-flow: unset !important;
  gap: 0 !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 24px !important;
  margin-bottom: 48px !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
}
body #u136399.portfolio-grid.portfolio-grid-rebuilt,
body #u193062.portfolio-grid.portfolio-grid-rebuilt,
body #u192475.portfolio-grid.portfolio-grid-rebuilt,
body #u192848.portfolio-grid.portfolio-grid-rebuilt,
body #u190078.portfolio-grid.portfolio-grid-rebuilt {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  left: auto !important;
  right: auto !important;
}
.portfolio-grid-inner {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  grid-auto-flow: row !important;
  gap: 24px !important;
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
.portfolio-grid-inner .pointer_cursor.Button {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 4 / 3 !important;
  overflow: hidden !important;
  border-radius: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  box-sizing: border-box !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.portfolio-grid-inner .pointer_cursor.Button:hover {
  transform: scale(1.03) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.4) !important;
}
.portfolio-grid-inner .pointer_cursor.Button > * {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}
.portfolio-grid-inner .pointer_cursor.Button .portfolio,
.portfolio-grid-inner .pointer_cursor.Button .clip_frame,
.portfolio-grid-inner .pointer_cursor.Button a.portfolio,
.portfolio-grid-inner .pointer_cursor.Button a[href][data-muse-type="img_frame"] {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}
.portfolio-grid-inner .pointer_cursor.Button img,
.portfolio-grid-inner .pointer_cursor.Button .portfolio img,
.portfolio-grid-inner .pointer_cursor.Button .clip_frame img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}
@media (max-width: 992px) {
  .portfolio-grid-inner {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 576px) {
  .portfolio-grid-inner {
    grid-template-columns: 1fr !important;
  }
}

/* ========== Container tümünü kaplasın – sayfa CSS (#u136399 width/margin) kesin ezilsin ========== */
html body.muse-page #page,
html.muse-page body #page {
  width: 100% !important;
  max-width: none !important;
}
html body.muse-page #pup-slide,
html.muse-page body #pup-slide {
  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
html body.muse-page #pup-slide > .clearfix.colelem,
html.muse-page body #pup-slide > .clearfix.colelem {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  left: auto !important;
  right: auto !important;
}
html body #u136399.portfolio-grid.portfolio-grid-rebuilt,
html body #u193062.portfolio-grid.portfolio-grid-rebuilt,
html body #u192475.portfolio-grid.portfolio-grid-rebuilt,
html body #u192848.portfolio-grid.portfolio-grid-rebuilt,
html body #u190078.portfolio-grid.portfolio-grid-rebuilt {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  box-sizing: border-box !important;
}
.portfolio-grid-inner {
  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
}

/* ========== Tüm Ne yaparız sayfaları (Eğitim, Diğer, Ticari, Ofis, Fuar) – grid tam genişlik, sayfa CSS ezilsin ========== */
html body.muse-page #pup-slide #u136399.portfolio-grid,
html body.muse-page #pup-slide #u193062.portfolio-grid,
html body.muse-page #pup-slide #u192475.portfolio-grid,
html body.muse-page #pup-slide #u192848.portfolio-grid,
html body.muse-page #pup-slide #u190078.portfolio-grid,
html body #pup-slide #u136399.portfolio-grid,
html body #pup-slide #u193062.portfolio-grid,
html body #pup-slide #u192475.portfolio-grid,
html body #pup-slide #u192848.portfolio-grid,
html body #pup-slide #u190078.portfolio-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  grid-auto-rows: minmax(0, auto) !important;
  gap: 24px !important;
  width: 100% !important;
  max-width: 1200px !important;
  min-width: 0 !important;
  margin: 24px auto 48px !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
  position: relative !important;
  left: 0 !important;
  right: 0 !important;
}
html body #pup-slide #u136399.portfolio-grid > div,
html body #pup-slide #u136399.portfolio-grid > a,
html body #pup-slide #u193062.portfolio-grid > div,
html body #pup-slide #u193062.portfolio-grid > a,
html body #pup-slide #u192475.portfolio-grid > div,
html body #pup-slide #u192475.portfolio-grid > a,
html body #pup-slide #u192848.portfolio-grid > div,
html body #pup-slide #u192848.portfolio-grid > a,
html body #pup-slide #u190078.portfolio-grid > div,
html body #pup-slide #u190078.portfolio-grid > a { display: contents !important; }
html body #pup-slide #u136399.portfolio-grid [id^="pbutton"],
html body #pup-slide #u136399.portfolio-grid [id^="ppbutton"],
html body #pup-slide #u193062.portfolio-grid [id^="pbutton"],
html body #pup-slide #u193062.portfolio-grid [id^="ppbutton"],
html body #pup-slide #u192475.portfolio-grid [id^="pbutton"],
html body #pup-slide #u192475.portfolio-grid [id^="ppbutton"],
html body #pup-slide #u192848.portfolio-grid [id^="pbutton"],
html body #pup-slide #u192848.portfolio-grid [id^="ppbutton"],
html body #pup-slide #u190078.portfolio-grid [id^="pbutton"],
html body #pup-slide #u190078.portfolio-grid [id^="ppbutton"] { display: contents !important; }
html body #pup-slide #u136399.portfolio-grid .clearfix.grpelem,
html body #pup-slide #u193062.portfolio-grid .clearfix.grpelem,
html body #pup-slide #u192475.portfolio-grid .clearfix.grpelem,
html body #pup-slide #u192848.portfolio-grid .clearfix.grpelem,
html body #pup-slide #u190078.portfolio-grid .clearfix.grpelem { display: contents !important; }
html body #pup-slide #u136399.portfolio-grid a:not(.portfolio):not(.block),
html body #pup-slide #u193062.portfolio-grid a:not(.portfolio):not(.block),
html body #pup-slide #u192475.portfolio-grid a:not(.portfolio):not(.block),
html body #pup-slide #u192848.portfolio-grid a:not(.portfolio):not(.block),
html body #pup-slide #u190078.portfolio-grid a:not(.portfolio):not(.block) { display: contents !important; }
html body #pup-slide #u136399.portfolio-grid .portfolio-bootstrap-wrap,
html body #pup-slide #u136399.portfolio-grid .portfolio-bootstrap-wrap .row,
html body #pup-slide #u136399.portfolio-grid .portfolio-bootstrap-wrap [class*="col-"],
html body #pup-slide #u193062.portfolio-grid .portfolio-bootstrap-wrap,
html body #pup-slide #u193062.portfolio-grid .portfolio-bootstrap-wrap .row,
html body #pup-slide #u193062.portfolio-grid .portfolio-bootstrap-wrap [class*="col-"],
html body #pup-slide #u192475.portfolio-grid .portfolio-bootstrap-wrap,
html body #pup-slide #u192475.portfolio-grid .portfolio-bootstrap-wrap .row,
html body #pup-slide #u192475.portfolio-grid .portfolio-bootstrap-wrap [class*="col-"],
html body #pup-slide #u192848.portfolio-grid .portfolio-bootstrap-wrap,
html body #pup-slide #u192848.portfolio-grid .portfolio-bootstrap-wrap .row,
html body #pup-slide #u192848.portfolio-grid .portfolio-bootstrap-wrap [class*="col-"],
html body #pup-slide #u190078.portfolio-grid .portfolio-bootstrap-wrap,
html body #pup-slide #u190078.portfolio-grid .portfolio-bootstrap-wrap .row,
html body #pup-slide #u190078.portfolio-grid .portfolio-bootstrap-wrap [class*="col-"] { display: contents !important; }
@media (max-width: 992px) {
  html body #pup-slide #u136399.portfolio-grid,
  html body #pup-slide #u193062.portfolio-grid,
  html body #pup-slide #u192475.portfolio-grid,
  html body #pup-slide #u192848.portfolio-grid,
  html body #pup-slide #u190078.portfolio-grid { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 576px) {
  html body #pup-slide #u136399.portfolio-grid,
  html body #pup-slide #u193062.portfolio-grid,
  html body #pup-slide #u192475.portfolio-grid,
  html body #pup-slide #u192848.portfolio-grid,
  html body #pup-slide #u190078.portfolio-grid { grid-template-columns: 1fr !important; }
}
/* Kart (Button + img) stilleri – tüm kategori grid’leri */
html body #pup-slide #u136399.portfolio-grid .pointer_cursor.Button,
html body #pup-slide #u193062.portfolio-grid .pointer_cursor.Button,
html body #pup-slide #u192475.portfolio-grid .pointer_cursor.Button,
html body #pup-slide #u192848.portfolio-grid .pointer_cursor.Button,
html body #pup-slide #u190078.portfolio-grid .pointer_cursor.Button {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  aspect-ratio: 4/3 !important;
  overflow: hidden !important;
  border-radius: 10px !important;
  margin: 0 !important;
  position: relative !important;
  box-sizing: border-box !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
html body #pup-slide #u136399.portfolio-grid .pointer_cursor.Button:hover,
html body #pup-slide #u193062.portfolio-grid .pointer_cursor.Button:hover,
html body #pup-slide #u192475.portfolio-grid .pointer_cursor.Button:hover,
html body #pup-slide #u192848.portfolio-grid .pointer_cursor.Button:hover,
html body #pup-slide #u190078.portfolio-grid .pointer_cursor.Button:hover {
  transform: scale(1.03) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,0.4) !important;
}
html body #pup-slide #u136399.portfolio-grid .pointer_cursor.Button > *,
html body #pup-slide #u193062.portfolio-grid .pointer_cursor.Button > *,
html body #pup-slide #u192475.portfolio-grid .pointer_cursor.Button > *,
html body #pup-slide #u192848.portfolio-grid .pointer_cursor.Button > *,
html body #pup-slide #u190078.portfolio-grid .pointer_cursor.Button > * {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}
html body #pup-slide #u136399.portfolio-grid .pointer_cursor.Button img,
html body #pup-slide #u136399.portfolio-grid .pointer_cursor.Button .portfolio img,
html body #pup-slide #u136399.portfolio-grid .pointer_cursor.Button .clip_frame img,
html body #pup-slide #u193062.portfolio-grid .pointer_cursor.Button img,
html body #pup-slide #u193062.portfolio-grid .pointer_cursor.Button .portfolio img,
html body #pup-slide #u193062.portfolio-grid .pointer_cursor.Button .clip_frame img,
html body #pup-slide #u192475.portfolio-grid .pointer_cursor.Button img,
html body #pup-slide #u192475.portfolio-grid .pointer_cursor.Button .portfolio img,
html body #pup-slide #u192475.portfolio-grid .pointer_cursor.Button .clip_frame img,
html body #pup-slide #u192848.portfolio-grid .pointer_cursor.Button img,
html body #pup-slide #u192848.portfolio-grid .pointer_cursor.Button .portfolio img,
html body #pup-slide #u192848.portfolio-grid .pointer_cursor.Button .clip_frame img,
html body #pup-slide #u190078.portfolio-grid .pointer_cursor.Button img,
html body #pup-slide #u190078.portfolio-grid .pointer_cursor.Button .portfolio img,
html body #pup-slide #u190078.portfolio-grid .pointer_cursor.Button .clip_frame img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

/* ========== Portfolyo kartları: blok üzeri yazılar net ve okunaklı ========== */
.muse-page #pup-slide .portfolio-grid .pointer_cursor.Button a.transition[id$="-6"],
.muse-page #pup-slide .portfolio-grid .pointer_cursor.Button a[class*="transition"] {
  background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.5) 50%, transparent 100%) !important;
  padding: 16px 20px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  align-items: flex-start !important;
  text-align: left !important;
  min-height: 100% !important;
  box-sizing: border-box !important;
}
.muse-page #pup-slide .portfolio-grid .pointer_cursor.Button a.transition[id$="-6"] p,
.muse-page #pup-slide .portfolio-grid .pointer_cursor.Button a[class*="transition"] p {
  color: #fff !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.8), 0 2px 8px rgba(0,0,0,0.6) !important;
  font-size: 1rem !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  font-weight: 600 !important;
}
.muse-page #pup-slide .portfolio-grid .pointer_cursor.Button a.transition[id$="-6"] p[id$="-4"],
.muse-page #pup-slide .portfolio-grid .pointer_cursor.Button a[class*="transition"] p[id$="-4"] {
  font-size: 0.85rem !important;
  font-weight: 500 !important;
  opacity: 0.95 !important;
}
/* Overlay yazıları her zaman okunaklı */
.muse-page #pup-slide .portfolio-grid .pointer_cursor.Button a.transition[id$="-6"],
.muse-page #pup-slide .portfolio-grid .pointer_cursor.Button a[class*="transition"] {
  opacity: 1 !important;
}

/* ========== Nasıl Okul Yaparız – container + row tam ekran düzeni ========== */
/* Sayfa sarmalayıcı tam genişlik (Muse #page width:1200px iptal) – yüksek öncelik */
body.nasil-okul-yapariz-page #page,
html body.nasil-okul-yapariz-page #page,
.nasil-okul-yapariz-page #page {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}
/* Bu sayfada #pup-slide içindeki sütun 1200px ile sınırlanmasın – tam genişlik */
.nasil-okul-yapariz-page #pup-slide > .clearfix.colelem:has(.page-content-container),
.nasil-okul-yapariz-page #pup-slide > .colelem:has(.page-content-container) {
  max-width: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.muse-page #pup-slide {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Üst banner (hero) görünür – Muse width:0.01px override */
.muse-page #pup-slide #pu250325 {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 24px !important;
  display: block !important;
  position: relative !important;
  height: 360px !important;
  overflow: hidden !important;
}
.muse-page #pup-slide #pu250325 .browser_width,
.muse-page #pup-slide #u250325-bw,
.muse-page #pup-slide #u250574-bw {
  width: 100% !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  pointer-events: none !important;
}
.muse-page #pup-slide #u250325-bw { height: 360px !important; }
.muse-page #pup-slide #u250325 {
  width: 100% !important;
  height: 360px !important;
  display: block !important;
  background-size: cover !important;
  background-position: center !important;
}
.muse-page #pup-slide #u250574 {
  width: 100% !important;
  height: 360px !important;
  top: 0 !important;
}
.muse-page #pup-slide #pu250325 .img-as-text {
  position: absolute !important;
  z-index: 2 !important;
  margin: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  color: #fff !important;
  text-shadow: 0 1px 4px rgba(0,0,0,0.6) !important;
  pointer-events: auto !important;
}
.muse-page #pup-slide #pu250325 #u251835-4 { bottom: 80px !important; }
.muse-page #pup-slide #pu250325 #u251836-4 { bottom: 120px !important; }

/* Banner başlığı: hero içinde, tam altta ve ortalı – kutu hero yüksekliğinde, metin en altta */
.muse-page #pup-slide #pu250325 #pu252729-4.banner-title-wrap,
#pu250325 #pu252729-4.banner-title-wrap {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 24px 28px !important;
  text-align: center !important;
  z-index: 5 !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-end !important;
}
#pu250325 #pu252729-4 .img-as-text,
#pu250325 #pu252729-4 .grpelem.img-as-text {
  margin: 0 auto !important;
  left: auto !important;
  right: auto !important;
  position: relative !important;
  color: #fff !important;
  text-shadow: 0 2px 8px rgba(0,0,0,0.5), 0 1px 3px rgba(0,0,0,0.8) !important;
  display: block !important;
  top: auto !important;
  bottom: auto !important;
}
#pu250325 #pu252729-4 #u252729-4 { font-size: 1.1rem !important; letter-spacing: 0.04em !important; margin-bottom: 4px !important; }
#pu250325 #pu252729-4 #u252730-6,
#pu250325 #pu252729-4 #u252731-4 { font-size: 1.6rem !important; font-weight: 600 !important; display: inline !important; }
/* İçerik container'ı kırmızı çizgiyle ayrılmasın: version gizle, kırmızı alan tam genişlik */
.muse-page .version.nasil_okul_yapariz { display: none !important; visibility: hidden !important; }
.muse-page .version[class*="nasil"] { display: none !important; }

/* Ana container: Bootstrap container-fluid + row düzeni – tam ekran */
.page-content-container {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 2rem 3rem !important;
  box-sizing: border-box !important;
  text-align: left !important;
  display: flex !important;
  flex-direction: column !important;
}
.page-content-container > * {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 auto !important;
}
@media (min-width: 768px) {
  .page-content-container { padding-left: 3rem !important; padding-right: 3rem !important; }
}
@media (min-width: 1200px) {
  .page-content-container { padding-left: 4rem !important; padding-right: 4rem !important; }
}

.page-content-container #u251842,
.page-content-container #u252702,
.page-content-container #pu252720,
.page-content-container #pu252822-4,
.page-content-container #u253118,
.page-content-container #pu250577 {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  left: auto !important;
  position: relative !important;
  box-sizing: border-box !important;
}

.page-content-container #u251842 {
  margin-top: 0 !important;
  margin-bottom: 32px !important;
}
.page-content-container #u252702 {
  margin-top: 0 !important;
  margin-bottom: 32px !important;
}

/* 3 blok alta tek: OKUL KONSEPTİ, ÖN PROJE, MİMARİ PROJE – tek sütun, sola yaslı */
.page-content-container #pu252720 {
  display: block !important;
  width: 100% !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  text-align: left !important;
}
.page-content-container #pu252720 #u252720 {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 28px 0 !important;
  left: auto !important;
  position: relative !important;
  padding: 20px 0 0 !important;
  border-top: 2px solid rgba(255,255,255,0.2) !important;
  text-align: left !important;
}
.page-content-container #pu252720 #u252750 {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  left: auto !important;
  position: relative !important;
  text-align: left !important;
}
.page-content-container #pu252720 #u252750 #u252751-4,
.page-content-container #pu252720 #u252750 #u252752-4,
.page-content-container #pu252720 #u252750 #u252765-4,
.page-content-container #pu252720 #u252750 #u252768-10 {
  text-align: left !important;
}
.page-content-container #pu252720 #u252750 #u252751-4 {
  padding-top: 20px !important;
  border-top: 2px solid rgba(255,255,255,0.2) !important;
  margin-top: 0 !important;
}
.page-content-container #pu252720 #u252750 #u252752-4 { margin-top: 12px !important; }
.page-content-container #pu252720 #u252750 #u252765-4 {
  margin-top: 28px !important;
  padding-top: 20px !important;
  border-top: 2px solid rgba(255,255,255,0.2) !important;
}
.page-content-container #pu252720 #u252750 #u252768-10 { margin-top: 12px !important; }

/* YILLARA GÖRE bölümü – container boyunda (üst bloklarla aynı genişlik) */
.page-content-container #pu252822-4 {
  margin-top: 40px !important;
  margin-bottom: 20px !important;
  padding: 0 !important;
  text-align: center !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.page-content-container #pu252822-4 .img-as-text,
.page-content-container #pu252822-4 #u252822-4,
.page-content-container #pu252822-4 #u252819-6,
.page-content-container #pu252822-4 #u252816-4 {
  margin: 0 4px !important;
  left: auto !important;
  position: relative !important;
  font-size: 1.35rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  color: rgba(255,255,255,0.98) !important;
}
.page-content-container #pu252822-4 #u252822-4 { font-size: 1.5rem !important; display: block !important; margin-bottom: 8px !important; }

/* Yıllara göre veri/görsel – taşma düzgün, yatay scroll gerekirse */
.page-content-container #u253118 {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 40px !important;
  height: 560px !important;
  max-height: 75vh !important;
  min-height: 400px !important;
  min-width: 0 !important;
  opacity: 1 !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  overflow: visible !important;
  overflow-x: auto !important;
  box-sizing: border-box !important;
}
/* YILLARA GÖRE başlık sarmalayıcı – taşma kesilmesin */
.page-content-container #pu252822-4 {
  overflow: visible !important;
}
.page-content-container {
  overflow-x: visible !important;
  min-width: 0 !important;
}

/* CTA bölümü: ortalı, alt boşluk düzgün */
.page-content-container #pu250577 {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 32px 0 48px !important;
  text-align: center !important;
}
.page-content-container #pu250577 > a#u250577 { display: none !important; }
.page-content-container #pu250577 > .browser_width { display: none !important; }
.page-content-container #pu250577 #u271630 {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px 16px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  left: auto !important;
}
.page-content-container #pu250577 #u271630 > div {
  margin: 0 !important;
  left: auto !important;
  width: auto !important;
}
.page-content-container #pu250577 #u271630 a[href="egitim-yapilari.html"],
.page-content-container #pu250577 #u271630 a[href="fuar---etkinlik.html"],
.page-content-container #pu250577 #u271630 a[href="ticari.html"],
.page-content-container #pu250577 #u271630 a[href="ofis.html"],
.page-content-container #pu250577 #u271630 a[href="diger.html"] {
  display: inline-block !important;
  padding: 12px 20px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.75rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #fff !important;
  background: rgba(255,255,255,0.12) !important;
  border: 1px solid rgba(255,255,255,0.25) !important;
  border-radius: 8px !important;
  text-decoration: none !important;
}
.page-content-container #pu250577 #u271630 a[href="egitim-yapilari.html"] img,
.page-content-container #pu250577 #u271630 a[href="fuar---etkinlik.html"] img,
.page-content-container #pu250577 #u271630 a[href="ticari.html"] img,
.page-content-container #pu250577 #u271630 a[href="ofis.html"] img,
.page-content-container #pu250577 #u271630 a[href="diger.html"] img { display: none !important; }
.page-content-container #pu250577 #u271630 a[href="egitim-yapilari.html"]::after { content: "EĞİTİM"; }
.page-content-container #pu250577 #u271630 a[href="fuar---etkinlik.html"]::after { content: "FUAR & ETKİNLİK"; }
.page-content-container #pu250577 #u271630 a[href="ticari.html"]::after { content: "TİCARİ"; }
.page-content-container #pu250577 #u271630 a[href="ofis.html"]::after { content: "OFİS"; }
.page-content-container #pu250577 #u271630 a[href="diger.html"]::after { content: "DİĞER"; }
/* Her kategoride tek buton: ikinci link (rollover) gizle – TİCARİ/OFİS tekrarı kalkar */
.page-content-container #pu250577 #u271630 .Image_Rollover_Plus,
.page-content-container #pu250577 #u271630 a.Image_Rollover_Plus,
.page-content-container #pu250577 #u271630 > div > div > a:nth-child(2),
.page-content-container #pu250577 #u271630 > div > a:nth-child(2) { display: none !important; visibility: hidden !important; }

/* Metin stilleri: okunaklı başlık ve paragraf */
.page-content-container .img-as-text,
.page-content-container #u251842 span,
.page-content-container #u251842 p,
.page-content-container #u252702 span,
.page-content-container #u252702 p,
.page-content-container #pu252720 .img-as-text,
.page-content-container #pu252720 p {
  color: rgba(255,255,255,0.95) !important;
  font-size: 1rem !important;
  line-height: 1.55 !important;
  display: block !important;
  margin-bottom: 10px !important;
  position: relative !important;
  left: auto !important;
}
.page-content-container #u251844-4,
.page-content-container #u252703-4,
.page-content-container #u252721-4,
.page-content-container #u252751-4,
.page-content-container #u252765-4 {
  font-size: 1.2rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  margin-bottom: 12px !important;
}
.page-content-container #u251845-14,
.page-content-container #u252704-6,
.page-content-container #u252722-4,
.page-content-container #u252752-4,
.page-content-container #u252768-10 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.page-content-container #pu252822-4 .img-as-text {
  font-size: 1rem !important;
}