:root{
  --accent:#9735f2;
  --text:#1b1b1b;
  --muted:#6b6b6b;
  --bg:#ffffff;
  --card:#f7f7f9;
  --border:#eeeeee;
  --radius:12px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--text);
  background:var(--bg);
  line-height:1.6;
}
img{max-width:100%;display:block}

/* Layout */
.container{width:min(1100px,92%);margin-inline:auto}

/* Topbar */
.topbar{
  background:#f3e9ff;
  color:#4b2a78;
  font-size:.92rem;
}
.topbar__inner{
  display:flex;align-items:center;justify-content:space-between;
  padding:.4rem 0;
}
.topbar__center {
  flex-grow: 1;
  text-align: center;
}
.topbar__right {
  display: flex;
  justify-content: flex-end;
  gap: .75rem;
}
.topbar a.link, .topbar-left a, .topbar-left span.link{
  margin-right:.75rem;
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  text-decoration: none;
  color: inherit;
}
.wa-icon {
  height: 24px;
  width: auto;
}

/* Nav */
.nav{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}
.nav__inner{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 0}
.logo{font-weight:800;color:#2d2d2d;text-decoration:none}
.logo img{height:90px;width:auto;display:block}
.menu{list-style:none;display:flex;gap:1rem;margin:0;padding:0}
.menu a{color:#333;text-decoration:none;padding:.4rem .6rem;border-radius:8px;font-weight:bold;text-transform: uppercase;}
.menu a:hover{background:#f3f3f6}

/* İki Sütunlu Sayfa Yapısı */
.two-column-layout {
  display: flex;
  gap: 2.5rem;
  margin-top: 1.5rem;
}
.column-left {
  flex: 2; /* Sol sütun daha geniş */
}
.column-right {
  flex: 1; /* Sağ sütun daha dar */
}

/* Instagram Feed Yer Tutucusu */
.instagram-feed-placeholder {
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 1.2rem;
  background-color: #fff;
  position: sticky;
  top: 100px;
}
.instagram-feed-placeholder h3 {
  margin-top: 0;
  text-align: center;
  font-weight: 600;
}
.feed-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 1rem 0;
}
.feed-grid img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 8px;
  transition: opacity .2s ease;
}
.feed-grid a:hover img {
  opacity: 0.85;
}
.btn.full-width {
  width: 100%;
  text-align: center;
  margin-top: .5rem;
}

/* Galeri Sayfası */
.gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 1rem;
  margin-top: 1.5rem;
}
.gallery-item {
  display: block;
  border-radius: var(--radius);
  overflow: hidden;
  border: 1px solid var(--border);
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  transition: transform .2s ease, box-shadow .2s ease;
}
.gallery-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.1);
}
.gallery-item img {
  width: 100%;
  height: 220px;
  object-fit: cover;
}

/* İletişim Sayfası Harita */
.map-embed {
  margin-top: 2rem;
  margin-bottom: 2rem; /* EKLENDİ */
  border-radius: var(--radius);
  overflow: hidden;
  border: 1px solid var(--border);
  line-height: 0; /* iframe altındaki boşluğu kaldırır */
}

@media (max-width: 800px) {
  .two-column-layout {
    flex-direction: column;
    gap: 2rem;
  }
  .instagram-feed-placeholder {
    position: static; /* Mobilde yapışkanlığı kaldır */
  }
}

/* Mobil Menü (Hamburger) */
#menu-toggle {
  display: none;
}
.menu-icon {
  display: none;
  cursor: pointer;
  padding: 10px;
}
.menu-icon span,
.menu-icon span:before,
.menu-icon span:after {
  content: '';
  display: block;
  width: 25px;
  height: 3px;
  background-color: var(--text);
  position: relative;
  transition: background-color 0.3s, transform 0.3s;
}
.menu-icon span:before {
  top: -8px;
}
.menu-icon span:after {
  top: 5px;
}

@media (max-width: 768px) {
  .menu {
    display: none;
    flex-direction: column;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #fff;
    border-top: 1px solid var(--border);
    padding: 1rem 0;
  }
  .menu li {
    text-align: center;
    margin: .5rem 0;
  }
  .menu-icon {
    display: block;
  }
  #menu-toggle:checked ~ .menu {
    display: flex;
  }
  #menu-toggle:checked ~ .menu-icon span {
    background-color: transparent;
  }
  #menu-toggle:checked ~ .menu-icon span:before {
    transform: rotate(45deg);
    top: 0;
  }
  #menu-toggle:checked ~ .menu-icon span:after {
    transform: rotate(-45deg);
    top: -3px;
  }
}

/* Buttons */
.btn{
  display:inline-block;cursor:pointer;
  padding:.8rem 1.1rem;border-radius:var(--radius);
  border:1px solid var(--accent);text-decoration:none;
  transition:all .2s ease;
}
.btn--primary{background:var(--accent);color:#fff}
.btn--primary:hover{filter:brightness(0.95)}
.btn--ghost{background:#fff;color:var(--accent)}
.btn--ghost:hover{background:#f8f4ff}

/* Hero */
.hero{
  position:relative;
  max-width: 1600px;
  margin: 1rem auto 0;
  border-radius: var(--radius);
  overflow: hidden;
}
.hero .glide__slide{position:relative}
.hero img{
  width:100%;
  height:62vh;
  object-fit:cover;
}
@media (max-width:768px){
  .hero img{height:58vh}
}

.hero__caption{
  position:absolute;left:50%;transform:translateX(-50%);
  bottom:12%;text-align:center;color:#fff;z-index:2;
  width:min(640px,92%);
  text-shadow:0 2px 16px rgba(0,0,0,.35);
}
.hero__caption h1{
  margin:.25rem 0 .4rem;
  font-size:clamp(24px,4vw,40px);font-weight:800;
}
.hero__caption p{
  margin:0 0 .9rem;
  font-size:clamp(15px,2.2vw,18px);opacity:.95;
}
.hero__cta .btn{margin:.2rem .25rem}

/* Glide arrows */
.glide__arrow{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255,255,255,0.9);
  border: 1px solid #ddd;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  z-index: 10;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  transition: all .2s ease;
}
.glide__arrow:hover{background:#fff; transform: translateY(-50%) scale(1.05);}
.glide__arrow--left { left: 24px; }
.glide__arrow--right { right: 24px; }

/* Footer */
.footer {
  background: var(--card);
  border-top: 1px solid var(--border);
  padding-top: 2.5rem;
  color: var(--muted);
  font-size: .95rem;
}
.footer__grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1.5fr;
  gap: 2rem;
  padding-bottom: 2rem;
}
.footer__logo {
  height: 40px;
  width: auto;
  margin-bottom: .5rem;
}
.footer__about {
  margin: 0;
  padding-right: 1rem;
  line-height: 1.5;
}
.footer__col h4 {
  color: var(--text);
  margin-top: 0;
  margin-bottom: .75rem;
  font-size: 1rem;
}
.footer__links {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer__links li {
  margin-bottom: .5rem;
}
.footer__links a {
  color: var(--muted);
  text-decoration: none;
}
.footer__links a:hover {
  color: var(--accent);
}
.footer address {
  font-style: normal;
}
.footer address p {
  margin: 0 0 .5rem;
  display: flex;
  align-items: center;
  gap: .5rem;
}
.footer address a {
  color: var(--muted);
  text-decoration: none;
}
.footer address a:hover {
  color: var(--accent);
}
.footer__bottom {
  border-top: 1px solid var(--border);
  padding: .8rem 0;
  text-align: center;
  font-size: .9rem;
}
.footer__bottom p {
  margin: 0;
}

/* Genel Sayfa Stilleri */
.page h1 {
  margin-bottom: 1.5rem;
}

@media (max-width: 768px) {
  .page h1 {
    font-size: 1.8rem; /* Mobilde başlığı biraz küçült */
  }
  .footer__grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
    text-align: center; /* Mobilde footer içeriğini ortala */
  }
  .footer__about {
    padding-right: 0;
  }
  .footer address p {
    justify-content: center; /* İletişim ikonlarını ve metnini ortala */
  }
}

/* Çok dar ekranlar için ek düzenleme */
@media (max-width: 480px) {
  .topbar__inner {
    flex-direction: column; /* Top bar elemanlarını alt alta getir */
    gap: .25rem;
  }
}

/* Info Cards */
.info{margin:2rem 0}
.info__grid{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(4,1fr);gap:16px;
}
.info__card{
  background:var(--card); border:1px solid var(--border); border-radius:var(--radius);
  padding:1rem; display:flex; flex-direction:column; gap:.35rem;
  transition:box-shadow .2s ease, transform .2s ease;
}
.info__card i{width:24px;height:24px;color:var(--accent)}
.info__card h3{margin:.2rem 0 .1rem; font-size:1rem}
.info__card p{margin:0; color:var(--muted); font-size:.95rem}
.info__card:hover{box-shadow:0 8px 28px rgba(0,0,0,.06); transform:translateY(-1px)}
@media (max-width:900px){ .info__grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:520px){ .info__grid{grid-template-columns:1fr} }

/* CTA Band */
.cta-band{background:#f6f0ff; margin:2rem 0}
.cta-band__inner{
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr;
  align-items: center;
  gap: 1.5rem;
  padding: 1.3rem 0;
}
.cta-band__text p {
  margin: 0;
  font-size: 1.25rem;
  color: var(--muted);
  line-height: 1.5;
}
.cta-band__main h2{
  margin:0;
  font-size:clamp(18px,2.4vw,22px);
  text-align: center;
}
.cta-band__actions {
  display: flex;
  justify-content: flex-end;
  gap: .5rem;
}

@media (max-width: 850px){
  .cta-band__inner {
    grid-template-columns: 1fr;
    gap: 1rem;
    text-align: center;
  }
  .cta-band__main h2 {
    text-align: center;
  }
  .cta-band__actions {
    justify-content: center;
  }
}

/* Mini Gallery */
.mini-gallery{margin:2rem 0}
.mini-gallery h2{margin:.5rem 0 1rem}
#galleryGlide .glide__slides{align-items:stretch}
#galleryGlide .glide__slide{height:auto}
#galleryGlide .glide__slide a{
  display:block; border-radius:12px; overflow:hidden;
  border:1px solid var(--border); background:#fff;
}
#galleryGlide .glide__slide img{
  width:100%; height:220px; object-fit:cover; display:block;
}
@media (max-width:900px){
  #galleryGlide .glide__slide img{height:200px}
}
@media (max-width:520px){
  #galleryGlide .glide__slide img{height:180px}
}