*,*::before,*::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }

body {
  margin: 0;
  font-family: var(--font-body);
  color: var(--color-neutral-900);
  background: var(--color-bg);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

/* Force Poppins everywhere */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-display);
}

*, *::before, *::after {
  font-family: inherit;
}

strong, b { font-weight: 800; }
img, svg, video, iframe { max-width: 100%; }
img { display: block; }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--color-gold-text); }
button, input, textarea, select { font: inherit; }
main { overflow: hidden; }

.container-xl, .container { --bs-gutter-x: 1.5rem; }

/* Section labels — minimal "— BAŞLIK" stili */
.section-kicker,
.section-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  color: var(--color-gold-text);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  position: relative;
}

/* Sol çizgi — "—" efekti */
.section-kicker::before,
.section-badge::before {
  content: '';
  display: inline-block;
  width: 22px;
  height: 2px;
  background: currentColor;
  flex-shrink: 0;
  border-radius: 2px;
}

/* İkon varsa gizle — sadece metin göster */
.section-badge i,
.section-kicker i {
  display: none;
}


.section-title {
  font-family: var(--font-display);
  color: var(--color-neutral-900);
  font-weight: 900;
  font-size: clamp(1.35rem, 2.8vw, 1.9rem);
  line-height: 1.15;
  margin: 0;
}

.section-desc {
  color: var(--color-neutral-500);
  font-size: 0.97rem;
  max-width: 640px;
  margin: 0.75rem 0 0;
}

/* Page hero stays dark with grid pattern */
.page-hero {
  position: relative;
  padding: 74px 0 70px;
  background:
    linear-gradient(90deg, rgba(6,22,56,.94) 0%, rgba(10,33,79,.75) 50%, rgba(10,33,79,.45) 100%),
    url("../../../../images/kirsehir/cacabey-bg.jpg") center center / cover no-repeat;
  color: #fff;
  overflow: hidden;
}
.page-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='480' height='480' shape-rendering='crispEdges'%3E%3Cpath d='M 0,0 L 480,0 M 0,80 L 480,80 M 0,160 L 480,160 M 0,240 L 480,240 M 0,320 L 480,320 M 0,400 L 480,400 M 0,480 L 480,480' stroke='rgba(245, 197, 24, 0.15)' stroke-width='1'/%3E%3Cpath d='M 0,0 L 0,480 M 80,0 L 80,480 M 160,0 L 160,480 M 240,0 L 240,480 M 320,0 L 320,480 M 400,0 L 400,480 M 480,0 L 480,480' stroke='rgba(245, 197, 24, 0.15)' stroke-width='1'/%3E%3Crect x='80' y='160' width='80' height='80' fill='rgba(245, 197, 24, 0.16)'/%3E%3Crect x='240' y='80' width='80' height='80' fill='rgba(245, 197, 24, 0.12)'/%3E%3Crect x='320' y='240' width='80' height='80' fill='rgba(245, 197, 24, 0.14)'/%3E%3Crect x='160' y='320' width='80' height='80' fill='rgba(245, 197, 24, 0.08)'/%3E%3Crect x='0' y='80' width='80' height='80' fill='rgba(245, 197, 24, 0.06)'/%3E%3C/svg%3E");
  background-size: 480px 480px;
  background-position: center top;
  background-repeat: repeat;
  pointer-events: none;
  z-index: 0;
  -webkit-mask-image: linear-gradient(to right, transparent 35%, rgba(0, 0, 0, 1) 90%);
  mask-image: linear-gradient(to right, transparent 35%, rgba(0, 0, 0, 1) 90%);
}
.page-hero::after {
  content:"";
  position:absolute;inset:auto 0 0;
  height:48px;
  background:linear-gradient(180deg,transparent,var(--color-bg));
  pointer-events:none;
}
.page-hero .container { position:relative; z-index:1; }
.page-hero__label {
  display:inline-flex;align-items:center;gap:.4rem;
  background:rgba(255,255,255,.1);color:var(--color-gold);
  border:1px solid rgba(245,197,24,.35);border-radius:999px;
  padding:.38rem .85rem;font-size:.73rem;font-weight:800;
  backdrop-filter:blur(10px);
}
.page-hero__title {
  font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.6rem);
  line-height:1.1;font-weight:900;max-width:900px;margin:1rem 0 0;color:#fff;
}
.page-hero__desc {
  max-width:760px;margin:1rem 0 0;color:rgba(255,255,255,.8);
  font-size:clamp(.95rem,1.8vw,1.15rem);
}

.section-gap    { padding: 72px 0; }
.section-gap-sm { padding: 48px 0; }

.line-clamp-2 { display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
.line-clamp-3 { display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden; }
.text-balance { text-wrap:balance; }

.content-flow { color:var(--color-neutral-700);font-size:1.03rem; }
.content-flow h2,.content-flow h3,.content-flow h4 {
  font-family:var(--font-display);color:var(--color-neutral-900);font-weight:800;
  margin-top:1.8em;margin-bottom:.65em;
}
.content-flow p,.content-flow ul,.content-flow ol { margin-bottom:1rem; }
.content-flow img { border-radius:var(--radius-md);box-shadow:var(--shadow-card);margin:1.5rem 0; }

/* Breadcrumbs with '>' separator */
.breadcrumb {
  --bs-breadcrumb-divider: ">";
  --bs-breadcrumb-divider-color: rgba(255, 255, 255, 0.45);
  --bs-breadcrumb-item-active-color: var(--color-gold);
  margin-bottom: 1.25rem;
  font-size: 0.9rem;
}
.breadcrumb a {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  font-weight: 500;
  transition: color 0.15s ease;
}
.breadcrumb a:hover {
  color: var(--color-gold);
}
.breadcrumb-item.active {
  font-weight: 500;
}

@media(max-width:991.98px){.section-gap{padding:56px 0;}}
@media(max-width:575.98px){.section-gap{padding:40px 0;}.page-hero{padding:48px 0 58px;}}