/* ==========================================================================
   Son Mutfak Mobilya — tema stilleri
   Tüm sınıflar smm- prefix'li. !important kullanılmaz.
   ========================================================================== */

:root {
  --smm-ink:        #14161A;
  --smm-ink-soft:   #1B1E24;
  --smm-ink-deep:   #101216;
  --smm-ink-line:   #2A2D34;
  --smm-amber:      #C87F2E;
  --smm-amber-hi:   #E0913A;
  --smm-amber-dk:   #A5641D;
  --smm-red:        #D33A2C;
  --smm-cream:      #F6F1EA;
  --smm-cream-2:    #FBF3E8;
  --smm-white:      #FFFFFF;
  --smm-line:       #DCD3C4;
  --smm-line-2:     #E4DCD0;
  --smm-line-dark:  rgba(246, 241, 234, .14);
  --smm-line-dark2: rgba(246, 241, 234, .08);
  --smm-gray:       #6B7280;
  --smm-gray-2:     #4B5563;
  --smm-mute-dark:  #8B8579;
  --smm-mute-dark2: #9C958A;
  --smm-text-dark:  #D6CFC5;
  --smm-radius:     12px;
  --smm-max:        1360px;
  --smm-max-orta:   1240px;
  --smm-max-dar:    1000px;
  --smm-gutter:     28px;
  --smm-bolum:      96px;
  --smm-hd:         'Archivo Black', 'Arial Black', system-ui, sans-serif;
  --smm-gv:         Inter, system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/* --- Temel ------------------------------------------------------------- */

*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body.smm {
  margin: 0;
  font-family: var(--smm-gv);
  font-size: 16.5px;
  line-height: 1.65;
  background: var(--smm-cream);
  color: var(--smm-ink);
  -webkit-font-smoothing: antialiased;
  text-wrap: pretty;
  overflow-x: hidden;
}

.smm h1, .smm h2, .smm h3, .smm h4 {
  font-family: var(--smm-hd);
  font-weight: 400; /* Archivo Black tek ağırlıktır; sentetik kalın üretilmemeli. */
  margin: 0;
  letter-spacing: -.02em;
}

.smm p { margin: 0; }
.smm ul, .smm ol { margin: 0; padding: 0; }

/* Varsayılan bağlantı rengi :where() ile sıfır özgüllükte tanımlanır.
   Aksi hâlde `.smm a` (0,1,1) bileşen sınıflarını (`.smm-btn--amber`,
   `.smm-satir` → 0,1,0) yener ve amber zemin üstüne amber metin düşer. */
:where(.smm) a { color: var(--smm-amber); text-decoration: none; }
:where(.smm) a:where(:hover) { color: var(--smm-amber-dk); }

/* Bağlantı renginde olduğu gibi sıfır özgüllük: `height: auto` aksi hâlde
   bileşenlerin `height: 100%` / `aspect-ratio` kuralını eziyor. */
:where(.smm) img,
:where(.smm) iframe,
:where(.smm) svg { max-width: 100%; }
:where(.smm) img { height: auto; }

.smm :focus-visible {
  outline: 3px solid var(--smm-amber);
  outline-offset: 3px;
  border-radius: 4px;
}

.smm summary::-webkit-details-marker { display: none; }
.smm summary { list-style: none; cursor: pointer; }

.smm-icon { flex-shrink: 0; display: inline-block; vertical-align: middle; }

/* [hidden] her zaman kazanmalı — filtre gizlemesi display:block kartlarda da işlesin. */
.smm [hidden] { display: none; }

/* Görsel yoksa basılan yer tutucu. */
.smm-img--bos {
  display: grid;
  place-items: center;
  background: #EDE5D9;
  color: var(--smm-gray);
  min-height: 120px;
}
.smm-bolum--koyu .smm-img--bos,
.smm-hero__gorsel .smm-img--bos { background: var(--smm-ink-soft); color: var(--smm-mute-dark); }

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

.smm-atla {
  position: absolute;
  left: -9999px;
  top: 8px;
  z-index: 200;
  background: var(--smm-amber);
  color: var(--smm-ink);
  padding: 12px 18px;
  border-radius: var(--smm-radius);
  font-size: 14px;
  font-weight: 700;
}
.smm-atla:focus { left: 8px; color: var(--smm-ink); }

/* --- Düzen ------------------------------------------------------------- */

.smm-kapsa { max-width: var(--smm-max); margin: 0 auto; }
.smm-kapsa--orta { max-width: var(--smm-max-orta); }
.smm-kapsa--dar { max-width: var(--smm-max-dar); }

.smm-bolum { padding: var(--smm-bolum) var(--smm-gutter); }
.smm-bolum--kisa { padding: 64px var(--smm-gutter); }
.smm-bolum--koyu { background: var(--smm-ink); color: var(--smm-cream); }
.smm-bolum--krem { background: var(--smm-cream); }
.smm-bolum--beyaz { background: var(--smm-white); }
.smm-bolum--derin { background: var(--smm-ink-deep); color: var(--smm-cream); }

/* Bölüm başlığı kalıbı: dev numara + iki satır H2 + sağda paragraf. */
.smm-basl {
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  gap: 40px;
  align-items: end;
  margin-bottom: 52px;
}
.smm-basl__no {
  font-family: var(--smm-hd);
  font-size: 64px;
  line-height: 1;
  color: var(--smm-line);
  margin-bottom: 8px;
}
.smm-bolum--koyu .smm-basl__no,
.smm-bolum--derin .smm-basl__no { color: var(--smm-ink-line); }
.smm-bolum--beyaz .smm-basl__no { color: var(--smm-line-2); }
.smm-basl__h2 {
  font-size: 48px;
  line-height: .96;
  padding-top: .1em; /* Türkçe üst işaretleri bölüm numarasına değmesin. */
  letter-spacing: -.02em;
  text-transform: uppercase;
}
.smm-basl__metin {
  font-size: 16.5px;
  line-height: 1.65;
  color: var(--smm-gray-2);
  max-width: 58ch;
}
.smm-bolum--koyu .smm-basl__metin { color: #B8B1A7; }
.smm-amber { color: var(--smm-amber); }

.smm-etiket {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: var(--smm-hd);
  font-size: 11px;
  letter-spacing: .24em;
  text-transform: uppercase;
  color: var(--smm-amber);
  margin-bottom: 24px;
}
.smm-etiket::before {
  content: '';
  width: 36px;
  height: 2px;
  background: var(--smm-amber);
  flex-shrink: 0;
}

/* --- Butonlar ---------------------------------------------------------- */

.smm-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  min-height: 46px;
  padding: 18px 26px;
  border: 2px solid transparent;
  border-radius: var(--smm-radius);
  font-family: var(--smm-hd);
  font-size: 14px;
  letter-spacing: .06em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background .15s ease, color .15s ease, border-color .15s ease, transform .15s ease;
}
.smm-btn--amber { background: var(--smm-amber); color: var(--smm-ink); }
.smm-btn--amber:hover { background: var(--smm-cream); color: var(--smm-ink); transform: translateY(-2px); }
.smm-btn--ink { background: var(--smm-ink); color: var(--smm-cream); }
.smm-btn--ink:hover { background: var(--smm-amber); color: var(--smm-ink); }
.smm-btn--cizgi {
  border-color: var(--smm-ink);
  color: var(--smm-ink);
  font-family: var(--smm-gv);
  font-weight: 700;
  font-size: 13px;
  letter-spacing: .1em;
}
.smm-btn--cizgi:hover { background: var(--smm-ink); color: var(--smm-amber); }
.smm-btn--cizgi-acik {
  border-color: rgba(246, 241, 234, .28);
  color: var(--smm-cream);
  font-family: var(--smm-gv);
  font-weight: 700;
  font-size: 13px;
  letter-spacing: .1em;
}
.smm-btn--cizgi-acik:hover { background: var(--smm-cream); color: var(--smm-ink); }
.smm-btn--blok { width: 100%; }

/* --- Header ------------------------------------------------------------ */

.smm-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: var(--smm-ink);
  border-bottom: 1px solid var(--smm-line-dark);
}
.smm-header__ic {
  max-width: var(--smm-max);
  margin: 0 auto;
  padding: 14px var(--smm-gutter);
  display: flex;
  align-items: center;
  gap: 28px;
}
.smm-logo {
  display: flex;
  align-items: center;
  gap: 13px;
  flex-shrink: 0;
  color: var(--smm-cream);
}
.smm-logo:hover { color: var(--smm-cream); }
.smm-logo img {
  width: 48px;
  height: 46px;
  object-fit: contain;
  background: var(--smm-cream);
  border-radius: 50%;
}
.smm-logo__yazi { display: grid; line-height: 1.1; }
.smm-logo__ad {
  font-family: var(--smm-hd);
  font-size: 15px;
  color: var(--smm-cream);
  letter-spacing: .04em;
  text-transform: uppercase;
}
.smm-logo__alt {
  font-size: 10.5px;
  color: var(--smm-mute-dark);
  letter-spacing: .22em;
  text-transform: uppercase;
}

.smm-nav {
  display: flex;
  align-items: center;
  gap: 2px;
  margin-left: auto;
}
.smm-nav a, .smm-nav button {
  color: var(--smm-cream);
  font-family: var(--smm-gv);
  font-weight: 700;
  font-size: 12.5px;
  letter-spacing: .12em;
  text-transform: uppercase;
  padding: 12px 14px;
  background: none;
  border: 0;
  cursor: pointer;
  transition: color .15s ease;
}
.smm-nav a:hover, .smm-nav button:hover,
.smm-nav a[aria-current="page"] { color: var(--smm-amber); }

.smm-mega-sar { position: relative; }
.smm-mega-ac { display: flex; align-items: center; gap: 7px; }
.smm-mega-ac .smm-icon { color: var(--smm-amber); }
.smm-mega {
  position: absolute;
  top: 100%;
  left: -240px;
  width: 780px;
  max-width: 92vw;
  background: var(--smm-ink-soft);
  border: 1px solid var(--smm-line-dark);
  border-radius: var(--smm-radius);
  padding: 22px;
  box-shadow: 0 28px 70px rgba(0, 0, 0, .6);
  display: none;
  grid-template-columns: repeat(2, 1fr);
  gap: 4px 28px;
}
.smm-mega-sar[data-acik="1"] .smm-mega { display: grid; }
.smm-mega a {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 10px 12px;
  border-radius: 8px;
  color: #E8E2D9;
  font-family: var(--smm-gv);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
  transition: background .14s ease, color .14s ease;
}
.smm-mega a .smm-icon { color: var(--smm-amber); }
.smm-mega a:hover { background: var(--smm-amber); color: var(--smm-ink); }
.smm-mega a:hover .smm-icon { color: var(--smm-ink); }
.smm-mega__tum {
  grid-column: 1 / -1;
  margin-top: 10px;
  padding: 14px 12px 4px;
  border-top: 1px solid var(--smm-line-dark);
  color: var(--smm-amber);
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.smm-nav__tel {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--smm-hd);
  font-size: 14px;
  letter-spacing: 0;
  text-transform: none;
  margin-left: 8px;
}
.smm-nav__tel .smm-icon { color: var(--smm-amber); }
.smm-nav__cta {
  background: var(--smm-amber);
  color: var(--smm-ink);
  padding: 15px 22px;
  border-radius: var(--smm-radius);
  letter-spacing: .1em;
}
.smm-nav__cta:hover { background: var(--smm-cream); color: var(--smm-ink); }

.smm-hamburger {
  display: none;
  margin-left: auto;
  background: var(--smm-amber);
  border: 0;
  color: var(--smm-ink);
  width: 46px;
  height: 46px;
  border-radius: var(--smm-radius);
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
}
.smm-hamburger .smm-kapat { display: none; }
.smm-hamburger[aria-expanded="true"] .smm-ac { display: none; }
.smm-hamburger[aria-expanded="true"] .smm-kapat { display: block; }

.smm-mobil {
  display: none;
  border-top: 1px solid var(--smm-line-dark);
  padding: 14px var(--smm-gutter) 24px;
  max-height: 72vh;
  overflow: auto;
}
.smm-mobil[data-acik="1"] { display: block; }
.smm-mobil__liste { display: grid; gap: 1px; }
.smm-mobil__liste a {
  color: #E8E2D9;
  padding: 13px 6px;
  font-size: 15px;
  min-height: 46px;
  display: flex;
  align-items: center;
  gap: 11px;
  border-bottom: 1px solid var(--smm-line-dark2);
}
.smm-mobil__liste a .smm-icon { color: var(--smm-amber); }
.smm-mobil__ana {
  color: var(--smm-white);
  font-family: var(--smm-hd);
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: .06em;
  padding: 15px 6px;
  min-height: 46px;
  display: flex;
  align-items: center;
}
.smm-mobil__cta {
  background: var(--smm-amber);
  color: var(--smm-ink);
  font-family: var(--smm-hd);
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: .06em;
  padding: 16px;
  margin-top: 10px;
  border-radius: var(--smm-radius);
  min-height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* --- Breadcrumb -------------------------------------------------------- */

.smm-breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
  font-size: 12.5px;
  letter-spacing: .04em;
}
.smm-breadcrumb li + li::before {
  content: '/';
  margin-right: 8px;
  color: var(--smm-gray-2);
}
.smm-breadcrumb--koyu a { color: #9CA3AF; }
.smm-breadcrumb--koyu a:hover { color: var(--smm-cream); }
.smm-breadcrumb--koyu span { color: var(--smm-amber); }
.smm-breadcrumb--acik a { color: var(--smm-gray); }
.smm-breadcrumb--acik span { color: var(--smm-amber); }

/* --- Hero -------------------------------------------------------------- */

.smm-hero {
  background: var(--smm-ink);
  color: var(--smm-cream);
  position: relative;
  overflow: hidden;
}
.smm-hero__desen {
  position: absolute;
  inset: 0;
  background-image: repeating-linear-gradient(90deg, rgba(200, 127, 46, .06) 0 1px, transparent 1px 16px);
  pointer-events: none;
}
.smm-hero__ic {
  position: relative;
  max-width: var(--smm-max);
  margin: 0 auto;
  padding: 84px var(--smm-gutter) 88px;
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 52px;
  align-items: end;
}
.smm-hero__ustetiket {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: var(--smm-hd);
  font-size: 11px;
  letter-spacing: .26em;
  text-transform: uppercase;
  color: var(--smm-amber);
  margin-bottom: 26px;
}
.smm-hero__ustetiket::before {
  content: '';
  width: 40px;
  height: 2px;
  background: var(--smm-amber);
  flex-shrink: 0;
}
.smm-hero__h1 {
  font-size: 82px;
  line-height: .92;
  /* Türkçe üst işaretleri (İ noktası, Ğ kısa çizgisi, Ö/Ü umlautu) büyük harf
     yüksekliğinin belirgin şekilde üstüne çıkıyor. line-height 1'in altında
     olduğu için satır kutusundan taşıp göz üstü etiketin üzerine biniyorlar;
     em cinsinden üst boşluk her kırılma noktasında oranı korur. */
  padding-top: .16em;
  letter-spacing: -.03em;
  text-transform: uppercase;
  margin-bottom: 28px;
}
.smm-hero__lede {
  font-size: 18.5px;
  line-height: 1.55;
  color: var(--smm-text-dark);
  max-width: 56ch;
  margin-bottom: 32px;
}
.smm-hero__btnlar { display: flex; flex-wrap: wrap; gap: 12px; }
.smm-hero__btnlar .smm-btn { padding: 20px 30px; font-size: 15px; }
.smm-hero__gorsel { display: grid; gap: 12px; align-content: end; }
.smm-hero__gorsel img,
.smm-hero__gorsel .smm-img--bos {
  width: 100%;
  /* Yatay çekilmiş atölye fotoğraflarına uygun oran. Dik 3/4 oranı hero'yu
     gereğinden fazla uzatıyordu. */
  aspect-ratio: 4 / 3;
  max-height: 460px;
  object-fit: cover;
  object-position: center;
  border-radius: var(--smm-radius);
  display: block;
}
.smm-hero__sayac {
  background: var(--smm-amber);
  color: var(--smm-ink);
  padding: 22px 24px;
  border-radius: var(--smm-radius);
  display: flex;
  align-items: baseline;
  gap: 14px;
}
.smm-hero__sayac strong { font-family: var(--smm-hd); font-size: 44px; line-height: .9; }
.smm-hero__sayac span { font-size: 13px; font-weight: 600; line-height: 1.35; }

.smm-rozetler {
  position: relative;
  list-style: none;
  border-top: 1px solid var(--smm-line-dark);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.smm-rozetler li {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 26px var(--smm-gutter);
  font-family: var(--smm-hd);
  font-size: 12.5px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #E8E2D9;
  border-right: 1px solid rgba(246, 241, 234, .12);
}
.smm-rozetler li:last-child { border-right: 0; }
.smm-rozetler .smm-icon { color: var(--smm-amber); }

/* --- Marka şeridi ------------------------------------------------------ */

.smm-markalar {
  background: var(--smm-ink-deep);
  color: var(--smm-mute-dark);
  padding: 22px 0;
  overflow: hidden;
  border-bottom: 1px solid var(--smm-line-dark2);
}
.smm-markalar__bant {
  display: flex;
  width: max-content;
  animation: smmMarquee 34s linear infinite;
}
.smm-markalar__bant span {
  display: flex;
  align-items: center;
  gap: 34px;
  padding: 0 17px;
  font-family: var(--smm-hd);
  font-size: 15px;
  letter-spacing: .14em;
  text-transform: uppercase;
  white-space: nowrap;
}
.smm-markalar__nokta {
  width: 5px;
  height: 5px;
  background: var(--smm-amber);
  border-radius: 50%;
  flex-shrink: 0;
}
@keyframes smmMarquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* --- Liste satırları (hizmetler / bölgeler) ---------------------------- */

.smm-liste { border-top: 2px solid var(--smm-ink); }
.smm-bolum--koyu .smm-liste { border-top-color: rgba(246, 241, 234, .2); }

.smm-satir {
  display: grid;
  grid-template-columns: 52px 1.05fr 1.15fr auto;
  gap: 24px;
  align-items: center;
  padding: 22px 12px;
  border-bottom: 1px solid #D8CFC0;
  color: var(--smm-ink);
  transition: background .16s ease, color .16s ease, padding-left .16s ease;
}
.smm-satir:hover { background: var(--smm-ink); color: var(--smm-cream); padding-left: 24px; }
.smm-satir:hover .smm-satir__aciklama { color: #B8B1A7; }
.smm-satir__no {
  font-family: var(--smm-hd);
  font-size: 13px;
  color: var(--smm-amber);
  letter-spacing: .06em;
}
.smm-satir__ad {
  display: flex;
  align-items: center;
  gap: 14px;
  font-family: var(--smm-hd);
  font-size: 22px;
  letter-spacing: -.01em;
  text-transform: uppercase;
}
.smm-satir__ad .smm-icon { color: var(--smm-amber); }
.smm-satir__aciklama {
  font-size: 14.5px;
  line-height: 1.5;
  color: var(--smm-gray);
}
.smm-satir__son {
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: end;
}
.smm-satir__sure {
  font-family: var(--smm-hd);
  font-size: 12px;
  color: var(--smm-amber);
  white-space: nowrap;
}
.smm-satir__son .smm-icon { color: var(--smm-amber); }

/* Bölge satırları — koyu zemin, hover'da amber. */
.smm-satir--bolge {
  grid-template-columns: 1.05fr 1.35fr auto;
  padding: 24px 12px;
  border-bottom-color: rgba(246, 241, 234, .12);
  color: var(--smm-cream);
}
.smm-satir--bolge:hover { background: var(--smm-amber); color: var(--smm-ink); }
.smm-satir--bolge:hover .smm-icon { color: var(--smm-ink); }
.smm-satir--bolge:hover .smm-satir__aciklama { color: var(--smm-ink); }
.smm-satir--bolge .smm-satir__aciklama { color: var(--smm-mute-dark2); font-size: 14px; }
.smm-satir--bolge .smm-satir__son { justify-self: end; }
.smm-rozet-mini {
  font-family: var(--smm-gv);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  background: var(--smm-amber);
  color: var(--smm-ink);
  padding: 5px 10px;
  border-radius: var(--smm-radius);
  white-space: nowrap;
}
.smm-satir--bolge:hover .smm-rozet-mini { background: var(--smm-ink); color: var(--smm-amber); }

.smm-liste-alt { margin-top: 32px; display: flex; flex-wrap: wrap; gap: 12px; }

/* --- Neden biz --------------------------------------------------------- */

.smm-neden {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: var(--smm-line-dark);
  border: 1px solid var(--smm-line-dark);
  border-radius: var(--smm-radius);
  overflow: hidden;
  margin-bottom: 56px;
}
.smm-neden article {
  background: var(--smm-ink);
  padding: 34px 28px;
  display: grid;
  gap: 14px;
  align-content: start;
  transition: background .18s ease;
}
.smm-neden article:hover { background: var(--smm-ink-soft); }
.smm-neden .smm-icon { color: var(--smm-amber); }
.smm-neden h3 {
  font-size: 17px;
  line-height: 1.15;
  letter-spacing: -.01em;
  text-transform: uppercase;
}
.smm-neden p { font-size: 14.5px; line-height: 1.6; color: var(--smm-mute-dark2); }

/* --- Tablolar ---------------------------------------------------------- */

.smm-tablo-sar {
  overflow-x: auto;
  border: 1px solid var(--smm-line-dark);
  border-radius: var(--smm-radius);
}
.smm-tablo {
  width: 100%;
  border-collapse: collapse;
  font-size: 14.5px;
  min-width: 600px;
}
.smm-tablo caption {
  text-align: left;
  padding: 24px 26px 12px;
  font-family: var(--smm-hd);
  font-size: 15px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--smm-amber);
}
.smm-tablo th, .smm-tablo td { text-align: left; }
.smm-tablo thead th {
  padding: 14px 26px;
  font-family: var(--smm-gv);
  font-weight: 700;
  font-size: 11.5px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--smm-mute-dark);
  border-bottom: 1px solid rgba(246, 241, 234, .16);
}
.smm-tablo tbody th {
  padding: 15px 26px;
  font-family: var(--smm-hd);
  font-weight: 400;
  font-size: 14px;
  color: var(--smm-cream);
  border-bottom: 1px solid var(--smm-line-dark2);
}
.smm-tablo tbody td {
  padding: 15px 26px;
  color: #B8B1A7;
  border-bottom: 1px solid var(--smm-line-dark2);
}
.smm-tablo tbody th a { color: var(--smm-cream); }
.smm-tablo tbody th a:hover { color: var(--smm-amber); }

/* Açık zeminli tablo varyantı. */
.smm-tablo-sar--acik { border-color: var(--smm-line-2); }
.smm-tablo--acik thead tr { background: var(--smm-cream); }
.smm-tablo--acik thead th { color: var(--smm-ink); border-bottom-color: var(--smm-line-2); }
.smm-tablo--acik tbody th { color: var(--smm-ink); border-bottom-color: #EFE7DA; font-size: 14px; }
.smm-tablo--acik tbody td { color: var(--smm-gray-2); border-bottom-color: #EFE7DA; }
.smm-tablo--acik tbody th a { color: var(--smm-ink); }
.smm-tablo--acik tbody th a:hover { color: var(--smm-amber); }

/* --- Öncesi / sonrası -------------------------------------------------- */

.smm-karsilastir {
  position: relative;
  border-radius: var(--smm-radius);
  overflow: hidden;
  user-select: none;
  aspect-ratio: 16 / 9;
  background: #EDE5D9;
  cursor: ew-resize;
  touch-action: pan-y;
}
.smm-karsilastir__alt,
.smm-karsilastir__ust img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.smm-karsilastir__ust {
  position: absolute;
  inset: 0;
  width: 55%;
  overflow: hidden;
}
.smm-karsilastir__ust img {
  position: absolute;
  inset: auto;
  top: 0;
  left: 0;
  height: 100%;
  /* Kırpma sırasında kayma olmaması için iç görsel ters ölçeklenir: 10000/pct %. */
  width: 181.8%;
  max-width: none;
}
.smm-karsilastir__cizgi {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 55%;
  width: 4px;
  background: var(--smm-amber);
  transform: translateX(-2px);
  pointer-events: none;
}
.smm-karsilastir__tutamac {
  position: absolute;
  top: 50%;
  left: 55%;
  transform: translate(-50%, -50%);
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: var(--smm-amber);
  color: var(--smm-ink);
  display: grid;
  place-items: center;
  font-size: 17px;
  font-weight: 700;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .4);
  pointer-events: none;
}
.smm-karsilastir__menzil {
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  opacity: 0;
  height: 44px;
  cursor: ew-resize;
}
.smm-karsilastir__rozet {
  position: absolute;
  top: 18px;
  font-family: var(--smm-hd);
  font-size: 11px;
  letter-spacing: .16em;
  text-transform: uppercase;
  padding: 9px 15px;
  border-radius: var(--smm-radius);
  pointer-events: none;
}
.smm-karsilastir__rozet--sonra { left: 20px; background: var(--smm-ink); color: var(--smm-amber); }
.smm-karsilastir__rozet--once { right: 20px; background: var(--smm-cream); color: var(--smm-ink); }

/* --- Filtreler --------------------------------------------------------- */

.smm-filtreler {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 40px 0 22px;
}
.smm-filtre {
  border: 2px solid var(--smm-line);
  background: transparent;
  color: var(--smm-gray-2);
  font-family: var(--smm-gv);
  font-weight: 700;
  font-size: 12px;
  letter-spacing: .1em;
  text-transform: uppercase;
  padding: 13px 22px;
  border-radius: var(--smm-radius);
  cursor: pointer;
  min-height: 46px;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.smm-filtre[aria-pressed="true"] {
  border-color: var(--smm-ink);
  background: var(--smm-ink);
  color: var(--smm-cream);
}
.smm-filtre-sayac {
  font-family: var(--smm-hd);
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--smm-gray);
  margin-bottom: 26px;
}

/* --- Proje kartları ---------------------------------------------------- */

.smm-kartlar {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 18px;
}
.smm-kart {
  color: var(--smm-ink);
  display: block;
  border-radius: var(--smm-radius);
  overflow: hidden;
  background: var(--smm-white);
  border: 1px solid var(--smm-line);
  transition: transform .18s ease, box-shadow .18s ease;
}
.smm-kart:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 40px rgba(20, 22, 26, .14);
  color: var(--smm-ink);
}
.smm-kart__gorsel { position: relative; }
.smm-kart img, .smm-kart .smm-img--bos {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  display: block;
}
.smm-kart__kat {
  position: absolute;
  top: 14px;
  left: 14px;
  background: var(--smm-ink);
  color: var(--smm-amber);
  font-family: var(--smm-hd);
  font-size: 10px;
  letter-spacing: .16em;
  text-transform: uppercase;
  padding: 8px 13px;
  border-radius: var(--smm-radius);
}
.smm-kart__ic { padding: 20px 22px; display: grid; gap: 7px; }
.smm-kart__ust {
  font-family: var(--smm-hd);
  font-size: 10.5px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--smm-amber);
}
.smm-kart__baslik { font-size: 17px; line-height: 1.2; letter-spacing: -.01em; }
.smm-kart__meta { font-size: 13.5px; color: var(--smm-gray); }
.smm-kart__rozetler {
  margin: 8px 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 11.5px;
}
.smm-kart__rozetler > div {
  border: 1px solid var(--smm-line);
  border-radius: var(--smm-radius);
  padding: 7px 13px;
  display: flex;
  gap: 7px;
  background: var(--smm-white);
}
.smm-kart__rozetler dt { color: var(--smm-gray); }
.smm-kart__rozetler dd { margin: 0; font-family: var(--smm-hd); }
.smm-kart__git {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--smm-hd);
  font-size: 12px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--smm-amber);
  margin-top: 10px;
  padding-top: 14px;
  border-top: 1px solid var(--smm-line);
}
.smm-kart--krem { background: var(--smm-cream); }
.smm-kart--krem .smm-kart__rozetler > div { background: var(--smm-white); }

/* Hizmet arşiv kartı. */
.smm-hkart {
  background: var(--smm-white);
  border: 1px solid var(--smm-line-2);
  border-radius: var(--smm-radius);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform .18s ease, box-shadow .18s ease;
}
.smm-hkart:hover { transform: translateY(-3px); box-shadow: 0 16px 34px rgba(20, 22, 26, .1); }
.smm-hkart img, .smm-hkart .smm-img--bos {
  width: 100%;
  aspect-ratio: 8 / 5;
  object-fit: cover;
  display: block;
}
.smm-hkart__ic { padding: 22px 24px 24px; display: flex; flex-direction: column; gap: 10px; flex: 1; }
.smm-hkart__etiket {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--smm-amber);
}
.smm-hkart h2, .smm-hkart h3 { font-size: 20px; text-transform: uppercase; line-height: 1.1; }
.smm-hkart p { font-size: 14.5px; line-height: 1.55; color: var(--smm-gray-2); flex: 1; }
.smm-hkart dl {
  margin: 6px 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  font-size: 13px;
}
.smm-hkart dl > div { background: var(--smm-cream-2); border-radius: 10px; padding: 10px 12px; }
.smm-hkart dt { color: var(--smm-gray); margin-bottom: 3px; }
.smm-hkart dd { margin: 0; font-weight: 700; }
.smm-hkart__alt {
  display: flex;
  gap: 14px;
  align-items: center;
  padding-top: 12px;
  border-top: 1px solid #EFE7DA;
  margin-top: 12px;
}
.smm-hkart__alt a { font-size: 14px; font-weight: 700; display: inline-flex; align-items: center; gap: 6px; }
.smm-hkart__alt a + a { color: var(--smm-gray); font-weight: 600; }
.smm-hkart__alt a + a:hover { color: var(--smm-ink); }

/* --- Süreç ------------------------------------------------------------- */

.smm-surec {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: var(--smm-line);
  border: 1px solid var(--smm-line);
  border-radius: var(--smm-radius);
  overflow: hidden;
}
.smm-surec li {
  background: var(--smm-white);
  padding: 34px 28px;
  display: grid;
  gap: 12px;
  align-content: start;
}
.smm-surec__no { font-family: var(--smm-hd); font-size: 46px; line-height: 1; color: var(--smm-amber); }
.smm-surec h3 { font-size: 17px; letter-spacing: -.01em; text-transform: uppercase; }
.smm-surec p { font-size: 14.5px; line-height: 1.6; color: var(--smm-gray-2); }
.smm-surec__sure {
  font-family: var(--smm-hd);
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--smm-gray);
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
}
.smm-surec__sure .smm-icon { color: var(--smm-amber); }

/* --- Yorumlar ---------------------------------------------------------- */

.smm-yorumlar { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.smm-yorum {
  margin: 0;
  background: var(--smm-ink);
  color: var(--smm-cream);
  border-radius: var(--smm-radius);
  padding: 34px 30px;
  display: grid;
  gap: 18px;
  align-content: start;
}
.smm-yorum__tirnak { font-family: var(--smm-hd); font-size: 54px; line-height: .6; color: var(--smm-amber); }
.smm-yorum blockquote {
  margin: 0;
  font-size: 19px;
  line-height: 1.45;
  letter-spacing: -.01em;
}
.smm-yorum figcaption {
  font-size: 13px;
  color: var(--smm-mute-dark);
  border-top: 1px solid var(--smm-line-dark);
  padding-top: 16px;
}
.smm-yorum figcaption strong {
  display: block;
  font-family: var(--smm-hd);
  font-weight: 400;
  font-size: 14px;
  color: var(--smm-cream);
  letter-spacing: .02em;
  text-transform: uppercase;
  margin-bottom: 4px;
}
.smm-yildiz { color: var(--smm-amber); letter-spacing: .1em; }

/* --- SSS --------------------------------------------------------------- */

.smm-sss { border-top: 2px solid var(--smm-ink); }
.smm-sss details { border-bottom: 1px solid var(--smm-line); }
.smm-sss summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 24px 4px;
  min-height: 46px;
}
.smm-sss summary h3 {
  font-size: 20px;
  line-height: 1.25;
  letter-spacing: -.01em;
  margin: 0;
}
.smm-sss__arti {
  color: var(--smm-amber);
  font-family: var(--smm-hd);
  font-size: 24px;
  flex-shrink: 0;
  transition: transform .18s ease;
}
.smm-sss details[open] .smm-sss__arti { transform: rotate(45deg); }
.smm-sss p {
  font-size: 15.5px;
  line-height: 1.7;
  color: var(--smm-gray-2);
  padding: 0 4px 26px;
  max-width: 72ch;
}

/* Kutulu SSS bloğunun başlığı — gövde H2'leriyle aynı ölçekte dursun. */
.smm-sss__baslik {
  font-size: clamp(24px, 4vw, 30px);
  padding-top: .1em;
  text-transform: uppercase;
  margin-bottom: 18px;
}
.smm-yazi__govde .smm-sss-blok { margin-top: 52px; }

/* Kutulu SSS varyantı (detay sayfaları). */
.smm-sss--kutu { border-top: 0; display: grid; gap: 10px; }
.smm-sss--kutu details {
  background: var(--smm-white);
  border: 1px solid var(--smm-line-2);
  border-radius: var(--smm-radius);
  padding: 4px 20px;
}
.smm-sss--kutu summary { padding: 17px 0; min-height: 44px; }
.smm-sss--kutu summary h3 { font-size: 16.5px; }
.smm-sss--kutu p { font-size: 15px; line-height: 1.65; padding: 0 0 18px; }

/* --- Teklif formu ------------------------------------------------------ */

.smm-teklif {
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  gap: 44px;
  align-items: start;
}
.smm-teklif__bilgi { display: grid; gap: 16px; }
.smm-teklif__tel {
  display: flex;
  align-items: center;
  gap: 13px;
  font-family: var(--smm-hd);
  font-size: 24px;
  color: var(--smm-ink);
}
.smm-teklif__tel:hover { color: var(--smm-amber); }
.smm-teklif__tel .smm-icon { color: var(--smm-amber); }
.smm-teklif__satir {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  font-size: 15px;
  color: var(--smm-gray-2);
}
.smm-teklif__satir .smm-icon { color: var(--smm-amber); margin-top: 2px; }

.smm-form { background: var(--smm-ink); border-radius: var(--smm-radius); padding: 34px 32px; }
.smm-form__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
}
.smm-form label {
  display: grid;
  gap: 8px;
  font-family: var(--smm-hd);
  font-size: 10.5px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--smm-mute-dark);
}
.smm-form input, .smm-form select, .smm-form textarea {
  font: 15px var(--smm-gv);
  padding: 15px 16px;
  border: 1px solid rgba(246, 241, 234, .2);
  border-radius: var(--smm-radius);
  background: var(--smm-ink-soft);
  color: var(--smm-cream);
  min-height: 46px;
  width: 100%;
}
.smm-form textarea { resize: vertical; min-height: 108px; }
.smm-form label + label { margin-top: 16px; }
.smm-form__not { font-size: 12.5px; color: var(--smm-mute-dark); margin-top: 14px; line-height: 1.55; }
.smm-form .smm-btn { margin-top: 22px; min-height: 56px; padding: 19px; font-size: 15px; }
.smm-form__hata { color: #F2A08F; font-size: 13px; margin-top: 10px; }

/* Açık zeminli form varyantı (iletişim sayfası). */
.smm-form--acik {
  background: var(--smm-white);
  border: 1px solid var(--smm-line-2);
  padding: 30px;
}
.smm-form--acik label { font-family: var(--smm-gv); font-size: 13.5px; font-weight: 600; color: var(--smm-ink); letter-spacing: 0; text-transform: none; }
.smm-form--acik input, .smm-form--acik select, .smm-form--acik textarea {
  border-color: #D8CFC0;
  background: #FBF8F3;
  color: var(--smm-ink);
}
.smm-form--acik .smm-form__not { color: var(--smm-gray); }

/* --- Amber CTA bandı --------------------------------------------------- */

.smm-cta {
  background: var(--smm-amber);
  color: var(--smm-ink);
  padding: 64px var(--smm-gutter);
}
.smm-cta__ic {
  max-width: var(--smm-max);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 40px;
  align-items: center;
}
.smm-cta__ust {
  font-family: var(--smm-hd);
  font-size: 11px;
  letter-spacing: .24em;
  text-transform: uppercase;
  margin-bottom: 16px;
  opacity: .7;
}
.smm-cta h2 { font-size: 52px; line-height: .98; letter-spacing: -.02em; text-transform: uppercase; }
.smm-cta__btnlar { display: grid; gap: 12px; justify-items: end; }
.smm-cta__tel {
  display: flex;
  align-items: center;
  gap: 12px;
  background: var(--smm-ink);
  color: var(--smm-cream);
  font-family: var(--smm-hd);
  font-size: 21px;
  padding: 20px 30px;
  border-radius: var(--smm-radius);
  white-space: nowrap;
  transition: background .15s ease, color .15s ease;
}
.smm-cta__tel:hover { background: var(--smm-cream); color: var(--smm-ink); }
.smm-cta__wa {
  display: flex;
  align-items: center;
  gap: 11px;
  border: 2px solid var(--smm-ink);
  color: var(--smm-ink);
  font-family: var(--smm-gv);
  font-weight: 700;
  font-size: 13px;
  letter-spacing: .12em;
  text-transform: uppercase;
  padding: 17px 28px;
  border-radius: var(--smm-radius);
  white-space: nowrap;
  transition: background .15s ease, color .15s ease;
}
.smm-cta__wa:hover { background: var(--smm-ink); color: var(--smm-amber); }

/* --- Footer ------------------------------------------------------------ */

.smm-footer {
  background: var(--smm-ink-deep);
  color: var(--smm-mute-dark);
  padding: 72px var(--smm-gutter) 32px;
}
.smm-footer__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 40px;
  padding-bottom: 44px;
  border-bottom: 1px solid rgba(246, 241, 234, .12);
}
.smm-footer__marka { display: grid; gap: 16px; align-content: start; }
.smm-footer__marka img {
  width: 58px;
  height: 56px;
  object-fit: contain;
  background: var(--smm-cream);
  border-radius: 50%;
}
.smm-footer p, .smm-footer address { font-size: 14px; line-height: 1.65; color: var(--smm-mute-dark2); font-style: normal; }
.smm-footer__sosyal { display: flex; gap: 10px; }
.smm-footer__sosyal a {
  width: 42px;
  height: 42px;
  border-radius: var(--smm-radius);
  border: 1px solid rgba(246, 241, 234, .2);
  display: grid;
  place-items: center;
  color: var(--smm-cream);
  transition: background .15s ease, border-color .15s ease, color .15s ease;
}
.smm-footer__sosyal a:hover { background: var(--smm-amber); border-color: var(--smm-amber); color: var(--smm-ink); }
.smm-footer nav, .smm-footer__iletisim { display: grid; gap: 10px; align-content: start; }
.smm-footer__baslik {
  font-family: var(--smm-hd);
  font-weight: 400;
  font-size: 11px;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--smm-amber);
  margin: 0 0 8px;
}
.smm-footer nav a { font-size: 14px; color: var(--smm-mute-dark2); }
.smm-footer nav a:hover { color: var(--smm-cream); }
.smm-footer__tel {
  font-family: var(--smm-hd);
  font-size: 19px;
  color: var(--smm-cream);
}
.smm-footer__tel:hover { color: var(--smm-amber); }
.smm-footer__harita {
  width: 100%;
  height: 180px;
  border: 1px solid rgba(246, 241, 234, .16);
  border-radius: var(--smm-radius);
}
.smm-footer__alt {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  justify-content: space-between;
  padding-top: 26px;
  font-size: 12.5px;
  letter-spacing: .04em;
}
.smm-footer__alt a { color: var(--smm-mute-dark); }
.smm-footer__alt a:hover { color: var(--smm-amber); }
.smm-footer__linkler { display: flex; flex-wrap: wrap; gap: 20px; }
.smm-footer__kredi {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid rgba(246, 241, 234, .08);
  font-size: 12px;
  letter-spacing: .04em;
  color: var(--smm-mute-dark);
}
.smm-footer__kredi a { color: var(--smm-mute-dark2); }
.smm-footer__kredi a:hover { color: var(--smm-amber); }

/* --- Mobil alt bar ----------------------------------------------------- */

.smm-altbar {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 120;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background: var(--smm-line-dark);
}
.smm-altbar a {
  font-family: var(--smm-hd);
  font-size: 14px;
  letter-spacing: .08em;
  text-transform: uppercase;
  padding: 19px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 58px;
}
.smm-altbar__ara { background: var(--smm-ink); color: var(--smm-cream); }
.smm-altbar__ara .smm-icon { color: var(--smm-amber); }
.smm-altbar__wa { background: var(--smm-amber); color: var(--smm-ink); }

/* --- Detay sayfaları --------------------------------------------------- */

.smm-detay-hero {
  background: var(--smm-ink);
  color: var(--smm-cream);
  padding: 56px var(--smm-gutter) 68px;
}
.smm-detay-hero__ic {
  max-width: var(--smm-max-orta);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 44px;
  align-items: center;
}
.smm-detay-hero h1 {
  font-size: 44px;
  line-height: 1.1;
  text-transform: uppercase;
  margin-bottom: 18px;
}
.smm-detay-hero__lede {
  font-size: 18px;
  line-height: 1.6;
  color: var(--smm-text-dark);
  max-width: 62ch;
  margin-bottom: 26px;
}
.smm-detay-hero img, .smm-detay-hero .smm-img--bos {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: var(--smm-radius);
  border: 1px solid rgba(246, 241, 234, .16);
  display: block;
}
.smm-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(200, 127, 46, .14);
  border: 1px solid rgba(200, 127, 46, .4);
  color: #E5B27C;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  padding: 7px 13px;
  border-radius: 999px;
  margin-bottom: 18px;
}
.smm-detay-hero__btnlar { display: flex; flex-wrap: wrap; gap: 12px; }

.smm-kunye {
  max-width: var(--smm-max-orta);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 14px;
}
.smm-kunye > div {
  background: var(--smm-white);
  border: 1px solid var(--smm-line-2);
  border-radius: var(--smm-radius);
  padding: 20px 22px;
}
.smm-kunye dt { font-size: 12.5px; color: var(--smm-gray); margin-bottom: 5px; }
.smm-kunye dd { margin: 0; font-family: var(--smm-hd); font-size: 21px; }

.smm-govde {
  max-width: var(--smm-max-orta);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.5fr .8fr;
  gap: 44px;
  align-items: start;
}
.smm-govde__ana { display: grid; gap: 40px; }
.smm-govde h2 { font-size: 30px; text-transform: uppercase; line-height: 1.1; margin-bottom: 14px; }
.smm-govde__lede {
  font-size: 16.5px;
  line-height: 1.65;
  color: var(--smm-gray-2);
  max-width: 70ch;
  margin-bottom: 22px;
}

.smm-onay { list-style: none; display: grid; gap: 12px; }
.smm-onay li {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  background: var(--smm-white);
  border: 1px solid var(--smm-line-2);
  border-radius: var(--smm-radius);
  padding: 16px 18px;
  font-size: 15px;
  line-height: 1.55;
  color: var(--smm-ink);
}
.smm-onay .smm-icon { color: var(--smm-amber); margin-top: 3px; }

.smm-adimlar { list-style: none; display: grid; gap: 12px; }
.smm-adimlar li {
  display: grid;
  grid-template-columns: 46px 1fr;
  gap: 16px;
  align-items: start;
  background: var(--smm-white);
  border: 1px solid var(--smm-line-2);
  border-radius: var(--smm-radius);
  padding: 18px 20px;
}
.smm-adimlar__no {
  width: 46px;
  height: 46px;
  border-radius: var(--smm-radius);
  background: var(--smm-cream-2);
  color: var(--smm-amber);
  font-family: var(--smm-hd);
  font-size: 17px;
  display: grid;
  place-items: center;
}
.smm-adimlar strong { display: block; font-family: var(--smm-hd); font-weight: 400; font-size: 17px; margin-bottom: 5px; }
.smm-adimlar span span, .smm-adimlar p { font-size: 14.5px; line-height: 1.55; color: var(--smm-gray-2); }

.smm-kalemler { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }
.smm-kalemler > div {
  background: var(--smm-white);
  border: 1px solid var(--smm-line-2);
  border-left: 3px solid var(--smm-amber);
  border-radius: var(--smm-radius);
  padding: 16px 18px;
  font-size: 14.5px;
  line-height: 1.5;
}

.smm-yan { display: grid; gap: 16px; position: sticky; top: 96px; }
.smm-yan__kutu {
  background: var(--smm-white);
  border: 1px solid var(--smm-line-2);
  border-radius: var(--smm-radius);
  padding: 24px;
}
.smm-yan__kutu h2 { font-size: 17px; text-transform: uppercase; margin-bottom: 12px; }
.smm-yan__kutu p { font-size: 13.5px; color: var(--smm-gray); line-height: 1.5; margin-bottom: 14px; }
.smm-yan__koyu {
  background: var(--smm-ink);
  color: var(--smm-cream);
  border-radius: var(--smm-radius);
  padding: 26px;
}
.smm-yan__koyu h2 { font-size: 20px; text-transform: uppercase; margin-bottom: 10px; }
.smm-yan__koyu p { font-size: 14.5px; line-height: 1.6; color: #B8B1A7; margin-bottom: 18px; }
.smm-yan__koyu .smm-btn { width: 100%; margin-bottom: 10px; padding: 14px; font-size: 15px; }
.smm-yan__koyu .smm-btn:last-child { margin-bottom: 0; }
.smm-yan__amber {
  background: var(--smm-amber);
  color: var(--smm-ink);
  border-radius: var(--smm-radius);
  padding: 30px 28px;
}
.smm-yan__amber h2 { font-size: 22px; line-height: 1.1; text-transform: uppercase; margin-bottom: 12px; }
.smm-yan__amber p { font-size: 14.5px; line-height: 1.6; margin-bottom: 22px; color: var(--smm-ink); }
.smm-yan__amber .smm-btn { width: 100%; margin-bottom: 10px; }
.smm-yan__harita { width: 100%; height: 200px; border: 1px solid var(--smm-line-2); border-radius: var(--smm-radius); }

.smm-etiketler { display: flex; flex-wrap: wrap; gap: 8px; }
.smm-etiketler a {
  font-size: 13.5px;
  font-weight: 600;
  color: var(--smm-ink);
  background: var(--smm-cream);
  border: 1px solid var(--smm-line-2);
  border-radius: 999px;
  padding: 8px 14px;
  transition: border-color .15s ease, color .15s ease;
}
.smm-etiketler a:hover { border-color: var(--smm-amber); color: var(--smm-amber); }

.smm-yan__liste { display: grid; gap: 4px; }
.smm-yan__liste a {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14.5px;
  color: var(--smm-ink);
  padding: 9px 6px;
  border-radius: 8px;
  transition: background .14s ease, color .14s ease;
}
.smm-yan__liste a .smm-icon { color: var(--smm-amber); }
.smm-yan__liste a:hover { background: var(--smm-cream-2); color: var(--smm-amber); }

.smm-hizmet-kutular {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 12px;
}
.smm-hizmet-kutular a {
  display: flex;
  align-items: center;
  gap: 11px;
  background: var(--smm-white);
  border: 1px solid var(--smm-line-2);
  border-radius: var(--smm-radius);
  padding: 15px 16px;
  color: var(--smm-ink);
  font-size: 14.5px;
  font-weight: 600;
  transition: border-color .15s ease, color .15s ease;
}
.smm-hizmet-kutular a .smm-icon { color: var(--smm-amber); }
.smm-hizmet-kutular a:hover { border-color: var(--smm-amber); color: var(--smm-amber); }

.smm-figurler { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; }
.smm-figurler figure {
  margin: 0;
  border: 1px solid var(--smm-line-2);
  border-radius: var(--smm-radius);
  overflow: hidden;
  background: #FBF8F3;
}
.smm-figurler img, .smm-figurler .smm-img--bos {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  display: block;
}
.smm-figurler figcaption { padding: 14px 18px; font-size: 13.5px; color: var(--smm-gray); }

/* --- Proje detay ------------------------------------------------------- */

.smm-proje-hero { background: var(--smm-ink); color: var(--smm-cream); padding: 48px var(--smm-gutter) 0; }
.smm-proje-hero h1 {
  font-size: 62px;
  line-height: .96;
  padding-top: .12em; /* Bkz. .smm-hero__h1 — Türkçe üst işaretleri. */
  letter-spacing: -.025em;
  text-transform: uppercase;
  max-width: 22ch;
  margin-bottom: 24px;
}
.smm-proje-hero__lede { font-size: 18.5px; line-height: 1.6; color: var(--smm-text-dark); max-width: 66ch; padding-bottom: 44px; }
.smm-proje-gorsel { background: var(--smm-ink); padding: 0 var(--smm-gutter); }
.smm-proje-gorsel img, .smm-proje-gorsel .smm-img--bos {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: var(--smm-radius) var(--smm-radius) 0 0;
  display: block;
}
.smm-proje-meta { background: var(--smm-ink); color: var(--smm-cream); padding: 0 var(--smm-gutter) 88px; }
.smm-proje-meta dl {
  max-width: var(--smm-max);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: rgba(246, 241, 234, .16);
  border: 1px solid rgba(246, 241, 234, .16);
  border-radius: 0 0 var(--smm-radius) var(--smm-radius);
  overflow: hidden;
}
.smm-proje-meta dl > div { background: var(--smm-ink-soft); padding: 24px 26px; }
.smm-proje-meta dt {
  font-family: var(--smm-hd);
  font-size: 10px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--smm-mute-dark);
  margin-bottom: 8px;
}
.smm-proje-meta dd { margin: 0; font-family: var(--smm-hd); font-size: 21px; letter-spacing: -.01em; }

.smm-proje-govde {
  max-width: var(--smm-max);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.55fr .75fr;
  gap: 48px;
  align-items: start;
}
.smm-proje-govde > div:first-child { display: grid; gap: 48px; }
.smm-mini-etiket {
  font-family: var(--smm-hd);
  font-size: 11px;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--smm-amber);
  margin-bottom: 14px;
}
.smm-proje-govde h2 {
  font-size: 34px;
  line-height: 1;
  letter-spacing: -.02em;
  text-transform: uppercase;
  margin-bottom: 26px;
}
.smm-isler { list-style: none; border-top: 2px solid var(--smm-ink); }
.smm-isler li {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  padding: 18px 4px;
  border-bottom: 1px solid var(--smm-line);
  font-size: 15.5px;
  line-height: 1.55;
}
.smm-isler .smm-icon { color: var(--smm-amber); margin-top: 3px; }
.smm-malzeme {
  margin: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background: var(--smm-line);
  border: 1px solid var(--smm-line);
  border-radius: var(--smm-radius);
  overflow: hidden;
}
.smm-malzeme > div { background: var(--smm-white); padding: 20px 22px; }
.smm-malzeme dt {
  font-family: var(--smm-hd);
  font-size: 10px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--smm-gray);
  margin-bottom: 7px;
}
.smm-malzeme dd { margin: 0; font-size: 15px; line-height: 1.45; font-weight: 600; }
.smm-proje-galeri { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.smm-proje-galeri figure { margin: 0; }
.smm-proje-galeri img, .smm-proje-galeri .smm-img--bos {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: var(--smm-radius);
  display: block;
}
.smm-proje-galeri figcaption { font-size: 13px; color: var(--smm-gray); padding-top: 10px; }
.smm-proje-alinti {
  margin: 0;
  background: var(--smm-ink);
  color: var(--smm-cream);
  border-radius: var(--smm-radius);
  padding: 34px 32px;
}
.smm-proje-alinti__tirnak { font-family: var(--smm-hd); font-size: 52px; line-height: .5; color: var(--smm-amber); display: block; margin-bottom: 20px; }
.smm-proje-alinti p { font-size: 20px; line-height: 1.5; letter-spacing: -.01em; margin-bottom: 20px; }
.smm-proje-alinti footer {
  font-size: 13px;
  color: var(--smm-mute-dark);
  border-top: 1px solid var(--smm-line-dark);
  padding-top: 16px;
}
.smm-proje-alinti footer strong {
  font-family: var(--smm-hd);
  font-weight: 400;
  font-size: 14px;
  color: var(--smm-cream);
  letter-spacing: .02em;
  text-transform: uppercase;
}

/* --- Hakkımızda -------------------------------------------------------- */

.smm-istatistik {
  max-width: var(--smm-max-orta);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 14px;
}
.smm-istatistik > div {
  background: var(--smm-white);
  border: 1px solid var(--smm-line-2);
  border-radius: var(--smm-radius);
  padding: 22px;
}
.smm-istatistik dd { margin: 0 0 5px; font-family: var(--smm-hd); font-size: 30px; color: var(--smm-ink); }
.smm-istatistik dt { font-size: 13.5px; color: var(--smm-gray); line-height: 1.45; }

.smm-zaman { list-style: none; display: grid; gap: 14px; }
.smm-zaman li {
  display: grid;
  grid-template-columns: 88px 1fr;
  gap: 20px;
  align-items: start;
  background: var(--smm-white);
  border: 1px solid var(--smm-line-2);
  border-left: 3px solid var(--smm-amber);
  border-radius: var(--smm-radius);
  padding: 20px 22px;
}
.smm-zaman__yil { font-family: var(--smm-hd); font-size: 19px; color: var(--smm-amber); }
.smm-zaman strong { display: block; font-family: var(--smm-hd); font-weight: 400; font-size: 17px; margin-bottom: 5px; }
.smm-zaman span span { font-size: 15px; line-height: 1.6; color: var(--smm-gray-2); }

.smm-degerler { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; }
.smm-degerler article {
  background: var(--smm-cream);
  border: 1px solid var(--smm-line-2);
  border-radius: var(--smm-radius);
  padding: 24px;
  display: grid;
  gap: 10px;
  align-content: start;
}
.smm-degerler .smm-icon { color: var(--smm-amber); }
.smm-degerler h3 { font-size: 17.5px; text-transform: uppercase; }
.smm-degerler p { font-size: 14.5px; line-height: 1.55; color: var(--smm-gray-2); }

/* --- İletişim ---------------------------------------------------------- */

.smm-iletisim-kutular {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
  margin-top: 32px;
}
.smm-iletisim-kutular > * {
  display: flex;
  align-items: center;
  gap: 12px;
  background: rgba(246, 241, 234, .06);
  border: 1px solid var(--smm-line-dark);
  border-radius: var(--smm-radius);
  padding: 18px 20px;
  color: var(--smm-cream);
  transition: border-color .15s ease;
}
.smm-iletisim-kutular a:hover { border-color: var(--smm-amber); color: var(--smm-white); }
.smm-iletisim-kutular .smm-icon { color: var(--smm-amber); }
.smm-iletisim-kutular strong { display: block; font-family: var(--smm-hd); font-weight: 400; font-size: 16px; }
.smm-iletisim-kutular small { font-size: 13px; color: #9CA3AF; }

.smm-iletisim-grid {
  max-width: var(--smm-max-orta);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 40px;
  align-items: start;
}
.smm-iletisim-yan { display: grid; gap: 16px; }
.smm-iletisim-yan__harita { width: 100%; height: 300px; border: 1px solid var(--smm-line-2); border-radius: var(--smm-radius); }
.smm-adim-listesi {
  margin: 0;
  padding-left: 20px;
  display: grid;
  gap: 10px;
  font-size: 14.5px;
  line-height: 1.6;
  color: #B8B1A7;
}

/* --- İçerik (editör çıktısı) ------------------------------------------- */

.smm-icerik { font-size: 16.5px; line-height: 1.75; color: var(--smm-gray-2); max-width: 72ch; }
.smm-icerik > * + * { margin-top: 20px; }
.smm-icerik h2 { font-size: 30px; text-transform: uppercase; color: var(--smm-ink); margin-top: 40px; }
.smm-icerik h3 { font-size: 21px; text-transform: uppercase; color: var(--smm-ink); margin-top: 32px; }
.smm-icerik ul, .smm-icerik ol { padding-left: 22px; display: grid; gap: 8px; }
.smm-icerik li { list-style: disc; }
.smm-icerik ol li { list-style: decimal; }
.smm-icerik img { border-radius: var(--smm-radius); }
.smm-icerik a { text-decoration: underline; text-underline-offset: 3px; }

/* --- Ölçek ve boşluk yardımcıları -------------------------------------- */
/* Şablonlarda inline style kullanılmaz; tekrar eden ölçü ayarları burada.  */

/* Başlık ölçek varyantları. clamp() ile mobilde kendiliğinden küçülür. */
.smm-h2--30 { font-size: clamp(24px, 4vw, 30px); }
.smm-h2--32 { font-size: clamp(25px, 4.2vw, 32px); }
.smm-h2--34 { font-size: clamp(26px, 4.4vw, 34px); }
.smm-h2--38 { font-size: clamp(28px, 4.8vw, 38px); }
.smm-h1--arsiv { font-size: clamp(38px, 7vw, 70px); line-height: .94; }
.smm-h3--alt { font-size: 17px; text-transform: uppercase; margin-bottom: 10px; }
.smm-h3--alt a { color: var(--smm-ink); }

/* Satır uzunluğu sınırları — okunabilirlik için. */
.smm-olcu-26 { max-width: 26ch; }
.smm-olcu-52 { max-width: 52ch; }
.smm-olcu-62 { max-width: 62ch; }
.smm-olcu-66 { max-width: 66ch; }
.smm-olcu-68 { max-width: 68ch; }
.smm-olcu-70 { max-width: 70ch; }
.smm-olcu-72 { max-width: 72ch; }
.smm-olcu-dar { max-width: 520px; }

/* Dikey boşluk. */
.smm-ust-0  { margin-top: 0; }
.smm-ust-10 { margin-top: 10px; }
.smm-ust-24 { margin-top: 24px; }
.smm-ust-36 { margin-top: 36px; }
.smm-ust-40 { margin-top: 40px; }
.smm-alt-0  { margin-bottom: 0; }
.smm-alt-14 { margin-bottom: 14px; }
.smm-alt-16 { margin-bottom: 16px; }
.smm-alt-18 { margin-bottom: 18px; }
.smm-alt-20 { margin-bottom: 20px; }
.smm-alt-22 { margin-bottom: 22px; }
.smm-alt-24 { margin-bottom: 24px; }
.smm-alt-28 { margin-bottom: 28px; }
.smm-alt-30 { margin-bottom: 30px; }
.smm-alt-32 { margin-bottom: 32px; }
.smm-alt-44 { margin-bottom: 44px; }

/* Sola hizalı dikey yığın — CTA blokları. */
.smm-yigin { display: grid; gap: 22px; justify-items: start; }
.smm-yigin--genis { gap: 24px; }

/* Bölüm üstündeki künye şeridi. */
.smm-ustserit { padding: 28px var(--smm-gutter) 0; background: var(--smm-cream); }

/* Proje/galeri arşiv hero'su biraz daha dar üst boşluk alır. */
.smm-detay-hero--kisa { padding-top: 48px; }

/* Ok'lu metin bağlantısı. */
.smm-oklu {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 700;
}

/* Detay hero'da ikincil paragraf. */
.smm-detay-hero__alt {
  font-size: 16px;
  line-height: 1.65;
  color: #B8B1A7;
  max-width: 62ch;
}

/* Açık zeminli formun başlık ve giriş metni. */
.smm-form__h2 {
  font-size: clamp(22px, 3.6vw, 28px);
  text-transform: uppercase;
  margin-bottom: 12px;
  color: var(--smm-ink);
}
.smm-form__giris {
  font-size: 15.5px;
  line-height: 1.6;
  color: var(--smm-gray-2);
  margin-bottom: 24px;
}

/* Adres bloğu. */
.smm-adres {
  font-style: normal;
  font-size: 15px;
  line-height: 1.65;
  color: var(--smm-gray-2);
  margin-bottom: 16px;
}

/* Yan kutu içindeki not paragrafı. */
.smm-yan__not { margin-top: 10px; margin-bottom: 0; }

/* Arama formu. */
.smm-arama__satir { display: flex; gap: 10px; }
.smm-arama__girdi {
  flex: 1;
  font: 15px var(--smm-gv);
  padding: 14px 16px;
  border: 1px solid var(--smm-line);
  border-radius: var(--smm-radius);
  background: var(--smm-white);
  min-height: 46px;
  color: var(--smm-ink);
}

/* --- Blog yazısı ------------------------------------------------------- */

.smm-yazi__kunye {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 22px;
  font-size: 13.5px;
  color: var(--smm-mute-dark);
}
.smm-yazi__kunye span { display: inline-flex; align-items: center; gap: 8px; }
.smm-yazi__kunye .smm-icon { color: var(--smm-amber); }

.smm-yazi__gorsel { background: var(--smm-ink); padding: 0 var(--smm-gutter); }
.smm-yazi__gorsel img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: var(--smm-radius);
  display: block;
}

.smm-yazi__govde {
  max-width: var(--smm-max-orta);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.5fr .8fr;
  gap: 44px;
  align-items: start;
}

/* İçindekiler */
.smm-icindekiler {
  background: var(--smm-white);
  border: 1px solid var(--smm-line-2);
  border-left: 3px solid var(--smm-amber);
  border-radius: var(--smm-radius);
  padding: 24px 28px;
  margin-bottom: 36px;
}
.smm-icindekiler h2 {
  font-size: 13px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--smm-gray);
  margin-bottom: 14px;
}
.smm-icindekiler ol {
  counter-reset: toc;
  display: grid;
  gap: 9px;
  list-style: none;
}
.smm-icindekiler li { counter-increment: toc; display: flex; gap: 12px; }
.smm-icindekiler li::before {
  content: counter(toc, decimal-leading-zero);
  font-family: var(--smm-hd);
  font-size: 12px;
  color: var(--smm-amber);
  flex-shrink: 0;
  padding-top: 2px;
}
.smm-icindekiler a {
  color: var(--smm-ink);
  font-size: 15px;
  line-height: 1.45;
  text-decoration: none;
}
.smm-icindekiler a:hover { color: var(--smm-amber); }

/* Makale gövdesi — okuma için biraz daha geniş satır aralığı */
.smm-icerik--yazi { font-size: 17px; line-height: 1.8; max-width: 68ch; }
/* Başlıklar gövdenin 1.8 satır yüksekliğini miras almamalı: iki satıra kayan
   bir H2 aksi hâlde arasında boşluk varmış gibi görünüyor. */
.smm-icerik--yazi h2 {
  font-size: clamp(24px, 4vw, 30px);
  line-height: 1.18;
  padding-top: .1em;
  margin-top: 46px;
  margin-bottom: 18px;
  scroll-margin-top: 100px;
}
.smm-icerik--yazi h2:first-child { margin-top: 0; }
.smm-icerik--yazi h3 {
  font-size: 21px;
  line-height: 1.25;
  margin-top: 36px;
  margin-bottom: 12px;
  scroll-margin-top: 100px;
}
.smm-icerik--yazi > p + p { margin-top: 18px; }
.smm-icerik--yazi ul, .smm-icerik--yazi ol { margin-top: 18px; margin-bottom: 18px; }
.smm-icerik--yazi li { margin-bottom: 6px; }
.smm-icerik--yazi li:last-child { margin-bottom: 0; }
.smm-icerik--yazi strong { color: var(--smm-ink); }

/* Makale içi tablo */
.smm-icerik--yazi table {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;
  margin-top: 24px;
  background: var(--smm-white);
  border: 1px solid var(--smm-line-2);
  border-radius: var(--smm-radius);
  overflow: hidden;
}
.smm-icerik--yazi th,
.smm-icerik--yazi td {
  padding: 13px 16px;
  text-align: left;
  border-bottom: 1px solid #EFE7DA;
}
.smm-icerik--yazi thead th {
  background: var(--smm-cream);
  font-family: var(--smm-hd);
  font-weight: 400;
  font-size: 13px;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.smm-icerik--yazi tbody tr:last-child td { border-bottom: 0; }

/* Vurgu kutusu — <blockquote> ile kullanılır.
   Krem zeminde koyu blok: yazının en çok atıf alan kısmı (hatanın bedeli)
   göz gezdirirken de görünsün. */
.smm-icerik--yazi blockquote {
  margin: 30px 0 0;
  padding: 24px 28px;
  background: var(--smm-ink);
  border-left: 4px solid var(--smm-amber);
  border-radius: var(--smm-radius);
  font-size: 16px;
  line-height: 1.65;
  color: var(--smm-text-dark);
}
.smm-icerik--yazi blockquote p + p { margin-top: 12px; }
.smm-icerik--yazi blockquote strong { color: var(--smm-cream); }

/* İlk kalın ifade ("Atlanırsa bedeli:") kutunun etiketi olur. */
.smm-icerik--yazi blockquote > p:first-child > strong:first-child {
  display: block;
  margin-bottom: 10px;
  font-family: var(--smm-hd);
  font-weight: 400;
  font-size: 11.5px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--smm-amber);
}

@media (max-width: 1220px) {
  .smm-yazi__govde { grid-template-columns: 1fr; }
}

/* --- Reveal animasyonu ------------------------------------------------- */

@keyframes smmReveal {
  from { opacity: 0; transform: translateY(24px); }
  to   { opacity: 1; transform: none; }
}
[data-reveal] { opacity: 0; }
[data-reveal].is-in { animation: smmReveal .65s cubic-bezier(.2, .7, .3, 1) forwards; }
.no-js [data-reveal] { opacity: 1; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  [data-reveal] { opacity: 1; animation: none; }
  .smm-markalar__bant { animation: none; }
  .smm-satir, .smm-kart, .smm-btn { transition: none; }
}

/* --- Kırılma noktaları ------------------------------------------------- */

@media (max-width: 1220px) {
  :root { --smm-bolum: 72px; }

  .smm-nav { display: none; }
  .smm-hamburger { display: inline-flex; }

  .smm-hero__ic { grid-template-columns: 1fr; padding: 64px var(--smm-gutter) 72px; }
  .smm-hero__h1 { font-size: 66px; }
  .smm-hero__gorsel img, .smm-hero__gorsel .smm-img--bos { aspect-ratio: 16 / 9; }

  .smm-basl { grid-template-columns: 1fr; }
  .smm-neden, .smm-surec { grid-template-columns: 1fr 1fr; }
  .smm-teklif, .smm-govde, .smm-detay-hero__ic, .smm-proje-govde, .smm-iletisim-grid { grid-template-columns: 1fr; }
  .smm-yan { position: static; }
  .smm-cta__ic { grid-template-columns: 1fr; }
  .smm-cta__btnlar { justify-items: start; }
  .smm-cta h2 { font-size: 42px; }
  .smm-satir { grid-template-columns: 44px 1.1fr 1fr auto; }
  .smm-proje-hero h1 { font-size: 52px; }
  .smm-proje-galeri { grid-template-columns: 1fr 1fr; }

  .smm-altbar { display: grid; }
  .smm-footer { padding-bottom: 104px; }
}

@media (max-width: 900px) {
  .smm-hero__h1 { font-size: 54px; }
  .smm-basl__h2 { font-size: 38px; }
  .smm-rozetler { grid-template-columns: 1fr 1fr; }
  .smm-rozetler li:nth-child(2n) { border-right: 0; }
  .smm-neden, .smm-surec, .smm-yorumlar { grid-template-columns: 1fr; }
  .smm-satir { grid-template-columns: 32px 1fr auto; }
  .smm-satir--bolge { grid-template-columns: 1fr auto; }
  .smm-satir__aciklama { display: none; }
  .smm-satir__ad { font-size: 19px; }
  .smm-proje-meta dl { grid-template-columns: 1fr 1fr; }
  .smm-malzeme, .smm-proje-galeri { grid-template-columns: 1fr; }
  .smm-proje-hero h1 { font-size: 42px; }
  .smm-detay-hero h1 { font-size: 38px; }
  .smm-govde h2, .smm-icerik h2 { font-size: 26px; }
}

@media (max-width: 620px) {
  :root { --smm-gutter: 20px; --smm-bolum: 56px; }

  .smm-hero__h1 { font-size: 42px; }
  .smm-hero__lede { font-size: 16px; }
  .smm-basl__h2 { font-size: 32px; }
  .smm-basl__no { font-size: 48px; }
  .smm-cta h2 { font-size: 34px; }
  .smm-satir__ad { font-size: 17px; }
  .smm-sss summary h3 { font-size: 16px; }
  .smm-yorum blockquote { font-size: 17px; }
  .smm-proje-hero h1 { font-size: 34px; }
  .smm-proje-govde h2 { font-size: 26px; }
  .smm-detay-hero h1 { font-size: 31px; }
  .smm-teklif__tel { font-size: 21px; }
  .smm-form { padding: 26px 22px; }
  .smm-header__ic { gap: 14px; }
  .smm-logo__alt { display: none; }
}

/* --- Yazdırma ---------------------------------------------------------- */

@media print {
  .smm-header, .smm-altbar, .smm-cta, .smm-form, .smm-markalar { display: none; }
  body.smm { background: #fff; color: #000; }
  [data-reveal] { opacity: 1; }
}