/* Inner pages (1024?1536 mockups ? ~1160px content column) */
.page-inner .container {
  width: 1160px;
  max-width: calc(100% - 64px);
}

.page-inner .site-header {
  background: #000808;
}

.page-hero {
  position: relative;
  height: 480px;
  color: #fff;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.page-hero-media {
  position: absolute;
  inset: 0;
  background: center / cover no-repeat #0a120c;
}

.page-hero-hak .page-hero-media { background-image: url("../img/page-hero-hak.jpg"); }
.page-hero-galeri .page-hero-media { background-image: url("../img/page-hero-galeri.jpg"); }
.page-hero-iletisim .page-hero-media { background-image: url("../img/page-hero-iletisim.jpg"); }
.page-hero-yasal .page-hero-media { background-image: url("../img/page-hero-iletisim.jpg"); }
.page-hero-video-detay .page-hero-media { background-image: url("../img/page-hero-video-detay.jpg"); }
.page-hero-video-arama .page-hero-media { background-image: url("../img/page-hero-video-arama.jpg"); }
.page-hero-video-kat .page-hero-media { background-image: url("../img/page-hero-video-kat.jpg"); }
.page-hero-duyuru .page-hero-media { background-image: url("../img/page-hero-duyuru.jpg"); }
.page-hero-duyuru-detay .page-hero-media { background-image: url("../img/page-hero-duyuru-detay.jpg"); }
.page-hero-duyuru-arama .page-hero-media { background-image: url("../img/page-hero-duyuru-arama.jpg"); }
.page-hero-duyuru-kat .page-hero-media { background-image: url("../img/page-hero-duyuru-kat.jpg"); }
.page-hero-hak .page-hero-media,
.page-hero-galeri .page-hero-media,
.page-hero-iletisim .page-hero-media,
.page-hero-yasal .page-hero-media,
.page-hero-video .page-hero-media,
.page-hero-video-detay .page-hero-media,
.page-hero-video-arama .page-hero-media,
.page-hero-video-kat .page-hero-media,
.page-hero-duyuru-detay .page-hero-media,
.page-hero-duyuru-arama .page-hero-media,
.page-hero-duyuru-kat .page-hero-media {
  background-position: 88% center;
}

.page-hero-duyuru .page-hero-media {
  background-position: 92% center;
}

.page-hero-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 8, 8, 0.55);
}

.page-hero-inner {
  position: relative;
  z-index: 2;
  padding-top: 78px;
}

.page-hero-inner > * {
  position: relative;
  z-index: 2;
  text-shadow: none;
}

/* Prevent baked-in JPG text bleed looking like ghost headers */
.page-hero-media {
  filter: none;
}

.page-hero h1 {
  font-family: var(--font-serif);
  font-size: 44px;
  font-weight: 600;
  margin-bottom: 10px;
  line-height: 1.2;
  position: relative;
  z-index: 1;
}

.breadcrumb {
  font-size: 14px;
  opacity: 0.9;
  margin-bottom: 12px;
}

.page-hero-text {
  max-width: 640px;
  font-size: 15px;
  line-height: 1.6;
  opacity: 0.94;
}

.ornament {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 10px 0 14px;
}

.ornament::before,
.ornament::after {
  content: "";
  height: 1px;
  width: 36px;
  background: var(--olive);
}

.ornament .leaf {
  width: 12px;
  height: 12px;
}

.ornament-center {
  justify-content: center;
}

.ornament-light::before,
.ornament-light::after {
  background: rgba(197, 160, 89, 0.7);
}

/* ?? Hakk?m?zda ?? */
.biz-kimiz {
  padding: 36px 0 24px;
  background: #f9f9f7;
}

.biz-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
  gap: 40px;
  align-items: start;
}

.biz-grid > * {
  min-width: 0;
}

.biz-grid img {
  width: 100%;
  max-width: 100%;
  height: 260px;
  object-fit: cover;
  /* 15% �st koyu yaprak ?eridini g�sterir; cover dikey k?rp?m + orta odak */
  object-position: center 42%;
  border-radius: 14px;
  display: block;
  background: #2a3324;
}

.eyebrow {
  color: var(--olive);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin-bottom: 6px;
}

.biz-grid h2 {
  font-family: var(--font-serif);
  font-size: 30px;
  color: #222;
  line-height: 1.25;
  position: relative;
  z-index: 1;
}

.biz-grid .body-copy {
  color: #555;
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
}

.biz-features {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px 22px;
  margin-top: 18px;
}

.biz-features li {
  text-align: left;
  display: grid;
  grid-template-columns: 52px 1fr;
  grid-template-rows: auto auto;
  column-gap: 14px;
  align-items: start;
}

.biz-features svg {
  width: 52px;
  height: 52px;
  color: var(--olive);
  margin-bottom: 0;
  grid-row: 1 / span 2;
  align-self: start;
}

.biz-features h3 {
  font-size: 16px;
  color: var(--olive);
  margin-bottom: 4px;
  line-height: 1.25;
  font-weight: 700;
}

.biz-features p {
  font-size: 14px;
  color: #666;
  line-height: 1.45;
  grid-column: 2;
}

.about-stats {
  padding: 0 0 16px;
  background: #f9f9f7;
}

.about-stats-inner {
  background: #fff;
  border-radius: 14px;
  padding: 16px 14px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}

.about-stat {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}

.about-stat .ico {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--primary-mid);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.about-stat .ico svg { width: 20px; height: 20px; }

.about-stat strong {
  display: block;
  font-size: 20px;
  color: #111;
}

.about-stat span {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #222;
}

.about-stat small {
  display: block;
  font-size: 13px;
  color: #777;
  margin-top: 2px;
}

.mission-section {
  padding: 4px 0 18px;
  background: #f9f9f7;
}

.mission-grid {
  display: grid;
  grid-template-columns: 1fr 0.85fr 0.95fr;
  gap: 18px;
  align-items: stretch;
}

.mission-col h3 {
  color: var(--olive);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.06em;
}

.mission-col p {
  font-size: 16px;
  color: #555;
  line-height: 1.55;
  margin-bottom: 18px;
}

.neden-card {
  background: var(--primary-mid);
  color: #fff;
  border-radius: 14px;
  padding: 22px 18px;
}

.neden-card .logo-mark {
  width: 48px;
  height: 48px;
  margin-bottom: 10px;
  object-fit: contain;
}

.neden-card h3 {
  font-family: var(--font-serif);
  font-size: 22px;
  color: var(--gold);
  margin-bottom: 14px;
}

.neden-card li {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 16px;
  margin-bottom: 8px;
}

.neden-card li::before {
  content: "\2713";
  color: var(--leaf);
  font-weight: 700;
}

.mission-photo {
  width: 100%;
  height: 100%;
  min-height: 280px;
  max-height: 420px;
  object-fit: cover;
  object-position: center;
  border-radius: 14px;
}

.values {
  padding: 44px 0 40px;
  background: #f8f8f6;
}

.values h2 {
  font-family: var(--font-serif);
  font-size: 26px;
  color: #4a5a28;
  text-align: center;
  letter-spacing: 0.06em;
  margin-bottom: 32px;
  font-weight: 600;
}

.values-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0;
  text-align: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.values-grid li {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 6px 18px 10px;
  position: relative;
}

.values-grid li:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 28px;
  bottom: 28px;
  right: 0;
  width: 1px;
  background: #dddcd6;
}

.values-grid .values-ico,
.values-grid svg.values-ico {
  width: 42px;
  height: 42px;
  color: #6f7f4a;
  margin: 0 0 2px;
}

.values-grid h3 {
  font-family: var(--font-serif);
  font-size: 17px;
  font-weight: 600;
  color: #1a1a1a;
  margin: 0;
}

.values-grid p {
  font-family: var(--font-sans);
  font-size: 12.5px;
  line-height: 1.55;
  color: #666;
  margin: 0;
  max-width: 168px;
}

.band-cta {
  position: relative;
  padding: 8px 0 40px;
  color: #fff;
  overflow: visible;
  background: #f8f8f6;
}

.band-cta .container.band-cta-inner,
.band-cta-inner {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  background: #141d10;
  border-radius: 14px;
  padding: 28px 36px;
  overflow: hidden;
}

.band-cta-bg {
  display: none;
}

.band-cta-copy {
  display: flex;
  align-items: center;
  gap: 18px;
  flex: 1;
  min-width: 0;
  max-width: none;
  padding-left: 0;
  position: relative;
  z-index: 1;
}

.band-cta-leaf {
  position: relative;
  left: auto;
  top: auto;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  color: #9aa67a;
  display: block;
}

.band-cta-leaf svg {
  width: 100%;
  height: 100%;
  display: block;
}

.band-cta-watermark {
  display: none;
}

.band-cta-text {
  position: relative;
  padding-left: 0;
}

.band-cta-text::before {
  display: none;
}

.band-cta-hak .band-cta-inner::before {
  display: none;
}

.band-cta-hak .band-cta-copy,
.band-cta-hak .band-cta-actions {
  position: relative;
  z-index: 1;
}

.band-cta h2 {
  font-family: var(--font-serif);
  font-size: 24px;
  font-weight: 600;
  max-width: 520px;
  line-height: 1.35;
  color: #fff;
  margin: 0;
}

.band-cta-copy p {
  margin: 8px 0 0;
  font-family: var(--font-sans);
  font-size: 14px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.88);
  max-width: 480px;
}

.band-cta-actions {
  display: flex;
  gap: 12px;
  flex-shrink: 0;
  align-items: center;
}

.band-cta-hak .btn-phone-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #546f1f;
  border: 1px solid #546f1f;
  border-radius: 8px;
  padding: 12px 20px;
  font-size: 13px;
  font-weight: 600;
  font-family: var(--font-sans);
  color: #fff;
  white-space: nowrap;
  text-decoration: none;
  letter-spacing: 0.01em;
}

.band-cta-hak .btn-phone-cta svg {
  flex-shrink: 0;
  color: #fff;
}

.band-cta-hak .btn-phone-cta:hover {
  background: #445a18;
  border-color: #445a18;
  color: #fff;
}

.band-cta-hak .btn-cta-outline {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: transparent;
  border: 1.5px solid rgba(255, 255, 255, 0.92);
  border-radius: 8px;
  padding: 12px 20px;
  font-size: 12px;
  font-weight: 600;
  font-family: var(--font-sans);
  color: #fff;
  white-space: nowrap;
  text-decoration: none;
  letter-spacing: 0.06em;
}

.band-cta-hak .btn-cta-outline:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  border-color: #fff;
}

/* ?? Galeri ?? */
.gallery-toolbar {
  padding: 18px 0 12px;
  background: #f5f5f5;
}

.gallery-toolbar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: nowrap;
}

.filter-pills {
  display: flex;
  flex-wrap: nowrap;
  gap: 6px;
  flex: 1;
  min-width: 0;
  align-items: center;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding-bottom: 2px;
}

.filter-pills::-webkit-scrollbar {
  display: none;
}

.filter-pills a {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 11px;
  border-radius: 999px;
  border: 1px solid #d0d0ca;
  background: #fff;
  font-size: 12px;
  font-weight: 600;
  color: #333;
  white-space: nowrap;
  line-height: 1.2;
}

.filter-pills a svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  color: var(--olive);
}

.filter-pills a.is-active {
  background: var(--primary-mid);
  border-color: var(--primary-mid);
  color: #fff;
}

.filter-pills a.is-active svg {
  color: #fff;
}

.gallery-search {
  display: flex;
  align-items: stretch;
  flex-shrink: 0;
  height: 32px;
}

.gallery-search input {
  border: 1px solid #d5d5d0;
  background: #fff;
  padding: 0 10px;
  font-size: 12px;
  width: 168px;
  border-radius: 3px 0 0 3px;
  font-family: inherit;
  height: 32px;
  box-sizing: border-box;
}

.gallery-search button {
  border: none;
  background: var(--primary-mid);
  color: #fff;
  width: 32px;
  height: 32px;
  border-radius: 0 3px 3px 0;
  cursor: pointer;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.gallery-grid-wrap {
  padding: 16px 0 20px;
  background: #f5f5f5;
}

.gallery-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px 12px;
  row-gap: 18px;
}

.gallery-item {
  position: relative;
  display: block;
  border-radius: 12px;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  min-height: 0;
  background: #ddd;
  isolation: isolate;
}

.gallery-item img {
  width: 100%;
  height: calc(100% - 36px);
  object-fit: cover;
  object-position: center top;
  display: block;
}

.gallery-item .tag {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(10, 16, 10, 0.72);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 8px 10px;
  border-radius: 0;
}

.gallery-item .tag svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  color: #fff;
}

.cta-light .btn-primary {
  background: var(--primary-mid);
  color: #fff;
  border-radius: 999px;
  padding: 12px 22px;
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
}

.pagination {
  display: flex;
  justify-content: center;
  gap: 6px;
  padding: 8px 0 20px;
  background: #f5f5f5;
}

.pagination a {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #e8e8e8;
  font-size: 16px;
  color: #333;
}

.pagination a.is-active {
  background: var(--primary-mid);
  color: #fff;
}

.cta-light {
  background: #ecece8;
  padding: 28px 0 30px;
}

.cta-light-inner {
  display: grid;
  grid-template-columns: 1.2fr 1.4fr auto;
  gap: 20px 24px;
  align-items: center;
}

.cta-galeri-inner {
  grid-template-columns: 1.15fr 1.35fr auto;
}

.cta-light h2 {
  font-family: var(--font-serif);
  font-size: 25px;
  color: #1a1f14;
}

.cta-light p {
  font-size: 16px;
  color: #666;
}

/* ?? ?leti?im ?? */
.contact-cards {
  padding: 0 0 8px;
  background: transparent;
  margin-top: -48px;
  position: relative;
  z-index: 3;
}

.contact-cards-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
}

.info-card {
  background: #fff;
  border-radius: 10px;
  padding: 28px 20px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
  text-align: center;
  border: 1px solid #ecece8;
}

.info-card:last-child { border-right: 1px solid #ecece8; }

.info-card .ico {
  width: 48px;
  height: 48px;
  margin: 0 auto 12px;
  border-radius: 50%;
  background: var(--primary-mid);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.info-card .ico svg { width: 20px; height: 20px; }

.info-card h3 {
  font-size: 16px;
  margin-bottom: 8px;
  font-weight: 700;
}

.info-card strong {
  display: block;
  font-size: 15px;
  margin-bottom: 6px;
  font-weight: 600;
}

.info-card p {
  font-size: 13px;
  color: #666;
  line-height: 1.4;
}

.contact-main {
  padding: 40px 0 36px;
  background: #fff;
}

.contact-split {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 36px;
}

.contact-main h2 {
  font-family: var(--font-serif);
  font-size: 26px;
  color: #222;
}

.form-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px 16px;
  margin-top: 8px;
}

.form-row {
  margin-bottom: 0;
}

.form-row-full { grid-column: 1 / -1; }

.form-row label {
  display: block;
  font-size: 13px;
  margin-bottom: 5px;
  color: #444;
  font-weight: 600;
}

.input-icon {
  position: relative;
  display: block;
}

.input-icon svg {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  color: var(--olive);
  pointer-events: none;
}

.input-icon input,
.input-icon select {
  padding-left: 36px !important;
}

.form-row input,
.form-row select,
.form-row textarea {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 11px 12px;
  font-family: inherit;
  font-size: 14px;
  background: #f7f7f5;
  box-sizing: border-box;
}

.form-row textarea { min-height: 120px; resize: vertical; }

/* Spam honeypot — görünmez; tarayıcı/erişilebilirlikte gizli */
.hp-field {
  display: none !important;
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
}

.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.form-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  margin-top: 14px;
  grid-column: 1 / -1;
}

.captcha-row {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.captcha-label {
  font-size: 14px;
  font-weight: 600;
  color: #333;
}

.captcha-controls {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.captcha-controls img {
  border-radius: 6px;
  border: 1px solid rgba(45, 60, 22, 0.25);
  background: #04150e;
}

.captcha-refresh {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid rgba(45, 60, 22, 0.35);
  border-radius: 6px;
  background: #fff;
  color: var(--primary-mid);
  cursor: pointer;
}

.captcha-refresh svg {
  width: 20px;
  height: 20px;
}

.captcha-refresh:hover {
  background: #f4f3f2;
}

.captcha-input {
  max-width: 180px;
  height: 44px;
  padding: 0 12px;
  border: 1px solid #d0cec8;
  border-radius: 6px;
  font-size: 15px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.captcha-row .field-help {
  margin: 0;
  font-size: 12px;
  color: #777;
}

.form-check {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  font-size: 13px;
  color: #555;
  margin: 0;
  flex: 1;
}

.form-check a { text-decoration: underline; color: var(--olive); }

.btn-send {
  background: var(--primary-mid);
  color: #fff;
  border: none;
  padding: 12px 28px;
  border-radius: 6px;
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
  font-family: inherit;
  white-space: nowrap;
  flex-shrink: 0;
}

.contact-side-list {
  margin: 14px 0 16px;
}

.contact-side-list li {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 12px;
  font-size: 15px;
}

.contact-side-list .ico {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: var(--primary-mid);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.contact-side-list .ico svg { width: 14px; height: 14px; }

.map-box {
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #e5e5e5;
  height: 270px;
  background: #e8eee8;
  position: relative;
}

.map-box iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

.map-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
}

.cta-randevu {
  background: #f0efe8;
  padding: 28px 0 32px;
}

.cta-randevu-inner {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 20px 28px;
  background: #ebe6dc;
  border-radius: 16px;
  padding: 22px 28px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03);
}

.cta-randevu-leaf {
  width: 52px;
  height: 52px;
  color: #3e4e24;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.cta-randevu-leaf svg {
  width: 44px;
  height: 44px;
}

.cta-randevu-copy {
  min-width: 0;
}

.cta-randevu h2 {
  font-family: var(--font-serif);
  font-size: 26px;
  color: #1a2414;
  margin: 0 0 6px;
  line-height: 1.25;
  font-weight: 600;
}

.cta-randevu p {
  font-size: 14px;
  color: #555;
  margin: 0;
  line-height: 1.55;
  max-width: 560px;
}

.cta-randevu .btn-randevu,
.cta-randevu .btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  padding: 14px 22px;
  white-space: nowrap;
  background: #3e4e24;
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.cta-randevu .btn-randevu:hover,
.cta-randevu .btn-primary:hover {
  background: #2d3c16;
  color: #fff;
}

.cta-randevu .btn-randevu svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}


/* ?? Duyuru family ?? */
.page-hero-duyuru .page-hero-media { background-image: url("../img/page-hero-duyuru.jpg"); }
body.page-arama { min-width: 0; }
body.page-arama .container { width: 1160px; }

.news-layout { padding: 28px 0 36px; background: #f6f6f4; }
.news-layout-grid { display: grid; grid-template-columns: 1fr 300px; gap: 28px; align-items: start; }
.news-tabs { display: flex; flex-wrap: nowrap; gap: 8px; margin-bottom: 18px; }
.news-tabs a {
  padding: 7px 14px;
  border: 1px solid #d5d5d0;
  background: #fff;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;
  white-space: nowrap;
}
.news-tabs a.is-active { background: var(--primary-mid); border-color: var(--primary-mid); color: #fff; }

.news-list-card { background: #fff; border-radius: 8px; margin-bottom: 16px; box-shadow: 0 2px 8px rgba(0,0,0,.04); overflow: hidden; }
.news-list-card > a { display: grid; grid-template-columns: 220px 1fr; gap: 16px; align-items: stretch; }
.nl-thumb {
  position: relative;
  display: block;
  height: 140px;
}
.nl-thumb img {
  width: 100%;
  height: 140px;
  object-fit: cover;
  object-position: center top;
  border-radius: 0;
  min-width: 0;
  display: block;
}
.nl-thumb time {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: var(--primary-mid);
  color: #fff;
  padding: 8px 10px;
  text-align: center;
  min-width: 58px;
  width: auto;
  flex: none;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.15;
  border-radius: 0 0 6px 0;
}
.nl-thumb time span { display: block; font-size: 18px; }
.nl-thumb time small { display: block; font-size: 11px; font-weight: 500; margin-top: 2px; white-space: nowrap; }
.nl-body { padding: 14px 16px 14px 0; }
.nl-cat { color: var(--olive); font-size: 12px; font-weight: 700; letter-spacing: .06em; }
.read-more { color: var(--olive); font-weight: 600; }
.nl-body h2 { font-family: var(--font-serif); font-size: 18px; margin: 6px 0 8px; color: #1a1a1a; line-height: 1.35; }
.nl-body p { font-size: 14px; color: #666; line-height: 1.5; margin-bottom: 12px; }
.nl-foot { display: flex; justify-content: space-between; align-items: center; font-size: 13px; }
.nl-date { color: #888; }

.list-head { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.list-head h2 { font-family: var(--font-serif); font-size: 22px; margin-right: auto; }
.result-count { font-size: 14px; color: #777; }
.list-head select { border: 1px solid #ddd; padding: 6px 8px; border-radius: 4px; font-size: 14px; }

.news-sidebar .side-search { display: flex; margin-bottom: 14px; }
.news-sidebar .side-search input { flex: 1; border: 1px solid #ddd; background: #eee; padding: 8px 10px; font-size: 14px; border-radius: 4px 0 0 4px; }
.news-sidebar .side-search button { width: 36px; border: none; background: var(--primary-mid); color: #fff; border-radius: 0 4px 4px 0; cursor: pointer; }
.side-widget { background: #fff; border-radius: 8px; padding: 14px; margin-bottom: 12px; box-shadow: 0 2px 8px rgba(0,0,0,.04); }
.side-widget h3 { font-size: 16px; margin-bottom: 10px; }
.cat-list li { margin-bottom: 4px; }
.cat-list a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  padding: 8px 10px;
  border-radius: 6px;
  gap: 8px;
}
.cat-list a.is-active { background: #eef3e4; }
.cat-list .cat-count,
.cat-list em {
  font-style: normal;
  background: #dfe5d4;
  color: #2a3520;
  border-radius: 4px;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 700;
  min-width: 22px;
  text-align: center;
  flex-shrink: 0;
}
.cat-list a.is-active .cat-count,
.cat-list a.is-active em {
  background: var(--primary-mid);
  color: #fff;
}
.pop-list a { display: grid; grid-template-columns: 96px 1fr; gap: 10px; margin-bottom: 12px; align-items: center; }
.pop-list img { width: 96px; height: 64px; object-fit: cover; border-radius: 6px; }
.pop-list strong { display: block; font-size: 14px; line-height: 1.3; }
.pop-list span { font-size: 13px; color: #888; }
.side-cta {
  position: relative;
  overflow: hidden;
  background: var(--primary-mid);
  border-radius: 8px;
  padding: 20px 16px;
  color: #fff;
}
.side-cta::after {
  content: "";
  position: absolute;
  right: -10px;
  bottom: -16px;
  width: 96px;
  height: 96px;
  background: rgba(197, 160, 89, 0.12);
  clip-path: path("M48 4C48 4 90 36 90 58C90 78 70 92 48 92C26 92 6 78 6 58C6 36 48 4 48 4Z");
  pointer-events: none;
}
.side-cta h3 { font-size: 17px; margin-bottom: 6px; color: #fff; position: relative; z-index: 1; }
.side-cta p { font-size: 14px; color: rgba(255, 255, 255, 0.82); margin-bottom: 12px; position: relative; z-index: 1; }
.side-cta .btn-primary {
  position: relative;
  z-index: 1;
  background: transparent;
  border: 1px solid var(--gold);
  color: var(--gold);
  border-radius: 4px;
  width: 100%;
}
.side-cta .btn-primary:hover {
  background: rgba(197, 160, 89, 0.14);
  color: var(--gold-bright);
  border-color: var(--gold-bright);
}
.side-cta.inline-cta {
  background: #e8ebd9;
  color: #222;
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 14px 0;
  padding: 14px 16px;
}
.side-cta.inline-cta::after { display: none; }
.side-cta.inline-cta h3 { color: #1a1f14; }
.side-cta.inline-cta p { color: #444; margin: 0; flex: 1; font-size: 15px; }
.side-cta.inline-cta .btn-primary {
  background: var(--primary-mid);
  border-color: var(--primary-mid);
  color: #fff;
  border-radius: 4px;
  width: auto;
}
.side-cta.inline-cta .btn-primary:hover {
  background: var(--primary);
  border-color: var(--primary);
  color: #fff;
}
.date-field { display: block; font-size: 14px; margin-bottom: 8px; }
.date-field input { width: 100%; margin-top: 4px; padding: 8px; border: 1px solid #ddd; border-radius: 4px; }
.btn-block { width: 100%; display: block; text-align: center; }

.big-search { display: flex; gap: 8px; margin: 18px 0 8px; }
.big-search input { flex: 1; padding: 12px 14px; border: 1px solid #ddd; border-radius: 6px; font-size: 16px; }
.big-search button { background: #1a1f14; color: #fff; border: none; padding: 0 22px; border-radius: 6px; font-weight: 700; cursor: pointer; }
.popular-searches { font-size: 14px; color: #666; margin-bottom: 16px; }
.popular-searches a { display: inline-block; border: 1px solid #ddd; border-radius: 12px; padding: 3px 8px; margin: 2px; background: #fff; }
.search-grid { margin-top: 6px; }
.search-row { display: grid; grid-template-columns: 48px 1fr auto; gap: 8px; align-items: start; padding: 6px 0; border-bottom: 1px solid #e8e8e8; }
.sr-ico { width: 42px; height: 42px; background: #1a2418; color: #78c042; border-radius: 6px; display: flex; align-items: center; justify-content: center; }
.sr-top { display: flex; justify-content: space-between; gap: 10px; margin-bottom: 2px; }
.sr-top h2 { font-family: var(--font-serif); font-size: 17px; }
.sr-top span { font-size: 14px; color: #888; white-space: nowrap; }
.sr-body p { font-size: 14px; color: #666; margin-bottom: 4px; line-height: 1.35; }
.sr-tag { display: inline-block; font-size: 13px; border: 1px solid #ddd; border-radius: 10px; padding: 2px 8px; color: #555; }
.summary-list li, .recent-list li { font-size: 14px; margin-bottom: 6px; }
.recent-list span { display: block; color: #888; font-size: 13px; }
.cta-pistachio { background: #d7e6b8; }
.search-page { background: #fff; padding-bottom: 6px; }
body.page-arama .news-layout { padding: 10px 0 12px; }
body.page-arama .side-widget { padding: 10px; margin-bottom: 8px; }
body.page-arama .big-search { margin: 8px 0 4px; }
body.page-arama .big-search input { padding: 9px 12px; }
body.page-arama .popular-searches { margin-bottom: 8px; }

.article-main { background: #fff; border-radius: 8px; padding: 18px; box-shadow: 0 2px 8px rgba(0,0,0,.04); }
.article-head {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 14px 16px;
  align-items: start;
  margin-bottom: 14px;
}
.article-date-badge {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: var(--primary-mid);
  color: #fff;
  text-align: center;
  padding: 10px 12px;
  border-radius: 4px;
  min-width: 64px;
  margin: 0;
}
.article-date-badge span { display: block; font-size: 22px; font-weight: 700; line-height: 1.1; }
.article-date-badge small, .article-date-badge em { display: block; font-size: 12px; font-style: normal; line-height: 1.2; }
.article-head-copy { min-width: 0; }
.article-head-copy .nl-cat { margin: 0 0 4px; }
.article-title { font-family: var(--font-serif); font-size: 28px; margin: 0 0 8px; line-height: 1.25; }
.article-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 14px;
  font-size: 13px;
  color: #777;
  margin: 0;
}
.article-cover { width: 100%; height: 280px; object-fit: cover; border-radius: 8px; margin-bottom: 14px; }
.article-body p { font-size: 16px; color: #444; line-height: 1.6; margin-bottom: 10px; }
.article-body h2 { font-family: var(--font-serif); font-size: 20px; color: var(--olive); margin: 14px 0 6px; }
.article-share {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 16px 0 20px;
  padding-top: 4px;
  font-size: 15px;
  flex-wrap: wrap;
}

.article-share > span:first-child,
.content-share-label {
  margin: 0;
  flex-shrink: 0;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5a635c;
}

.content-share-buttons {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.content-share-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  padding: 0;
  border: none;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
  transition: transform 0.15s ease, filter 0.15s ease;
}

.content-share-btn:hover,
.content-share-btn:focus-visible {
  filter: brightness(1.08);
  transform: translateY(-1px);
  outline: none;
  color: #fff;
}

.content-share-btn svg {
  width: 16px;
  height: 16px;
  display: block;
  fill: currentColor;
}

.content-share-btn--whatsapp { background: #25d366; }
.content-share-btn--facebook { background: #1877f2; }
.content-share-btn--x { background: #111; }
.content-share-btn--linkedin { background: #0a66c2; }
.content-share-btn--mail { background: #5b6570; }
.content-share-btn--copy { background: #2f6b45; }
.content-share-btn.is-copied { background: #1f4d32; }

.article-share .btn,
.article-share .content-share-more {
  margin-left: auto;
  width: auto;
  border-radius: 4px;
  padding: 6px 10px;
  height: auto;
  border-radius: 6px;
}
.article-nav { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.article-nav a { background: #f0f0ee; padding: 12px; border-radius: 6px; font-size: 14px; }
.article-nav strong { display: block; font-size: 16px; margin-top: 4px; }
.article-nav a:last-child { text-align: right; }

/* ?? Video family ?? */
.page-hero-video .page-hero-media { background-image: url("../img/page-hero-video.jpg"); }
.page-hero-sm { height: 480px; }
body.page-video,
body.page-video-arama,
body.page-video-kat,
body.page-video-detay { min-width: 0; }
body.page-video-arama .container { width: 1160px; }
body.page-video-kat .container { width: 1160px; }
body.page-video-detay .container { width: 1160px; }

.video-layout { background: #f6f6f4; padding: 22px 0 16px; }
.video-layout-grid { display: grid; grid-template-columns: 1fr 280px; gap: 24px; align-items: start; }
.video-toolbar {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  align-items: flex-start;
  margin-bottom: 16px;
}
.video-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  flex: 1;
  min-width: 0;
  align-items: center;
}
.video-filters a {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 11px;
  border: 1px solid #d5d5d0;
  background: #fff;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  line-height: 1.2;
}
.video-filters a svg { width: 14px; height: 14px; flex-shrink: 0; color: var(--olive); }
.video-filters a.is-active { background: var(--primary-mid); border-color: var(--primary-mid); color: #fff; }
.video-filters a.is-active svg { color: #fff; }
.video-search { display: flex; align-items: stretch; margin-left: auto; flex-shrink: 0; height: 32px; }
.video-search input {
  width: 150px;
  border: 1px solid #d5d5d0;
  padding: 0 10px;
  font-size: 12px;
  border-radius: 3px 0 0 3px;
  background: #fff;
  height: 32px;
  box-sizing: border-box;
}
.video-search button {
  width: 32px;
  height: 32px;
  border: none;
  background: var(--primary-mid);
  color: #fff;
  border-radius: 0 3px 3px 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.video-filter-bar { background: #ecece8; padding: 12px 0; }
.video-filter-bar .video-toolbar { margin-bottom: 0; }

.video-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px 16px;
  row-gap: 22px;
  margin-bottom: 14px;
}

.video-card a {
  display: flex;
  flex-direction: column;
  min-height: 260px;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 6px rgba(0,0,0,.05);
  padding-bottom: 12px;
}

.v-thumb {
  position: relative;
  flex-shrink: 0;
  aspect-ratio: 16 / 9;
  min-height: 160px;
  overflow: hidden;
  background: #111;
}

.v-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
}
.v-play { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 40px; height: 40px; border-radius: 50%; background: rgba(0,0,0,.55); border: 2px solid #fff; }
.v-play::after { content: ""; position: absolute; left: 15px; top: 12px; border-style: solid; border-width: 8px 0 8px 12px; border-color: transparent transparent transparent #fff; }
.v-dur { position: absolute; right: 8px; bottom: 8px; background: rgba(0,0,0,.75); color: #fff; font-size: 13px; padding: 2px 6px; border-radius: 3px; }
.video-card h3 {
  font-family: var(--font-serif);
  font-size: 16px;
  padding: 10px 10px 4px;
  margin-bottom: 6px;
  color: #1a1a1a;
  line-height: 1.3;
  flex: 1;
}

.v-meta {
  display: flex;
  gap: 10px;
  padding: 0 10px 2px;
  font-size: 13px;
  color: #888;
  margin-top: 4px;
}
.video-sidebar .video-cats a { display: flex; justify-content: space-between; align-items: center; }
.video-cats a.is-active em { background: var(--primary-mid); color: #fff; }
.side-video-search form { display: flex; margin-bottom: 8px; }
.side-video-search input { flex: 1; border: 1px solid #ddd; padding: 8px; font-size: 14px; border-radius: 4px 0 0 4px; }
.side-video-search button { width: 36px; border: none; background: var(--primary-mid); color: #fff; border-radius: 0 4px 4px 0; cursor: pointer; }

.cta-video { padding: 18px 0 20px; background: #e8ebe2; }
.cta-video .cta-light-inner { grid-template-columns: auto 1fr auto; gap: 16px 24px; }
.cta-ico { width: 40px; height: 40px; background: var(--primary-mid); color: #fff; border-radius: 6px; display: flex; align-items: center; justify-content: center; }
.btn-outline-dark,
.cta-video .btn-outline-dark {
  border: 1px solid var(--primary-mid);
  background: var(--primary-mid);
  color: #fff;
  padding: 10px 18px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 700;
}
.cta-video .btn-outline-dark:hover {
  background: var(--primary);
  border-color: var(--primary);
  color: #fff;
}

.video-article { background: #fff; border-radius: 8px; padding: 14px; box-shadow: 0 2px 8px rgba(0,0,0,.04); }
.video-player {
  position: relative;
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 12px;
  background: #000;
  aspect-ratio: 16 / 9;
}
.video-player iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}
.video-player img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  opacity: .9;
}
.v-play-lg { position: absolute; left: 50%; top: 46%; transform: translate(-50%,-50%); width: 64px; height: 64px; border-radius: 50%; border: 3px solid #fff; background: rgba(0,0,0,.45); cursor: pointer; }
.v-play-lg::after { content: ""; position: absolute; left: 24px; top: 18px; border-style: solid; border-width: 12px 0 12px 18px; border-color: transparent transparent transparent #fff; }
.v-controls { position: absolute; left: 0; right: 0; bottom: 0; display: flex; gap: 12px; align-items: center; padding: 8px 12px; background: linear-gradient(transparent, rgba(0,0,0,.75)); color: #fff; font-size: 14px; }
.v-ctrl-right { margin-left: auto; }
.v-cat { font-size: 14px; color: #777; margin-bottom: 4px; }
.v-title { font-family: var(--font-serif); font-size: 28px; margin-bottom: 8px; }
.v-detail-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin: 0 0 14px;
}
.v-detail-bar .v-detail-meta { margin-bottom: 0; }
.v-detail-bar .article-share { margin: 0; }
.v-detail-meta { display: flex; gap: 14px; flex-wrap: wrap; font-size: 14px; color: #777; margin-bottom: 8px; }
.feature-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 14px 0 18px;
  padding: 0;
  list-style: none;
}
.feature-grid li {
  background: #f4f4f1;
  padding: 16px 12px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  color: #222;
}
.feature-grid li svg {
  width: 28px;
  height: 28px;
  color: var(--olive);
}
.article-body h3 { font-family: var(--font-serif); font-size: 18px; margin: 12px 0 6px; color: var(--olive); }
.inline-cta { display: flex; align-items: center; gap: 12px; margin: 14px 0; }
.inline-cta p { flex: 1; margin: 0; font-size: 16px; }
.video-nav a { display: grid; grid-template-columns: 120px 1fr; gap: 12px; align-items: center; }
.video-nav img { width: 120px; height: 68px; object-fit: cover; border-radius: 6px; }
.video-nav span { font-size: 13px; color: #888; }
.video-nav em { font-style: normal; font-size: 13px; color: #999; }
.tag-cloud { display: flex; flex-wrap: wrap; gap: 6px; }
.tag-cloud a { border: 1px solid #ddd; border-radius: 4px; padding: 3px 8px; font-size: 13px; background: #fff; }
.video-layout .pagination { background: transparent; padding: 6px 0 4px; }

body.page-video .video-layout { padding: 18px 0 12px; }
body.page-video-arama .v-thumb img { height: 120px; }
body.page-video-kat .v-thumb img { height: 124px; }
body.page-video-detay .video-player { aspect-ratio: 16 / 9; }
body.page-video-arama .v-thumb,
body.page-video .v-thumb {
  min-height: 160px;
}

/* Inner pages responsive */
@media (max-width: 1279px) {
  .page-inner .container {
    width: auto;
    max-width: calc(100% - 48px);
  }

  .mission-grid {
    grid-template-columns: 1fr 1fr;
  }

  .mission-photo {
    grid-column: 1 / -1;
    min-height: 260px;
  }

  .values-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .values-grid li:not(:last-child)::after {
    display: none;
  }

  .gallery-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .video-layout-grid,
  .news-layout-grid {
    grid-template-columns: 1fr 260px;
  }

  .contact-cards-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 991px) {
  .page-hero {
    height: auto;
    min-height: 320px;
  }

  .page-hero h1 {
    font-size: 34px;
  }

  .biz-grid,
  .mission-grid,
  .contact-split,
  .video-layout-grid,
  .news-layout-grid {
    grid-template-columns: 1fr;
  }

  .biz-grid img,
  .mission-photo {
    height: 240px;
  }

  .values-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .about-stats-inner {
    grid-template-columns: repeat(2, 1fr);
  }

  .gallery-toolbar-inner {
    flex-wrap: wrap;
  }

  .filter-pills,
  .video-filters {
    flex-wrap: wrap;
  }

  .gallery-grid,
  .video-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .band-cta-inner,
  .cta-light-inner,
  .cta-galeri-inner,
  .cta-video .cta-light-inner,
  .cta-randevu-inner {
    flex-direction: column;
    grid-template-columns: 1fr;
    text-align: left;
    align-items: flex-start;
  }

  .band-cta-inner {
    padding: 28px 22px;
  }

  .feature-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .article-head {
    grid-template-columns: auto 1fr;
  }
}

@media (max-width: 767px) {
  .page-inner .container {
    max-width: calc(100% - 28px);
  }

  .page-hero {
    min-height: 280px;
  }

  .page-hero h1 {
    font-size: 28px;
  }

  .biz-features,
  .about-stats-inner,
  .values-grid,
  .gallery-grid,
  .video-grid,
  .contact-cards-grid,
  .form-grid-2,
  .feature-grid,
  .article-nav {
    grid-template-columns: 1fr;
  }

  .band-cta-copy {
    padding-left: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .band-cta-text {
    padding-left: 0;
  }

  .band-cta-text::before {
    display: none;
  }

  .band-cta-leaf {
    position: static;
    display: block;
    margin-bottom: 0;
  }

  .band-cta-actions {
    flex-wrap: wrap;
  }

  .gallery-search input,
  .video-search input {
    width: 140px;
  }

  .contact-cards {
    margin-top: -24px;
  }

  .map-box {
    height: 220px;
  }

  .video-player {
    aspect-ratio: 16 / 9;
  }

  .video-player img {
    height: 100% !important;
  }

  .article-cover {
    height: 180px;
  }
}