/**
 * Şanlı Döküm — kurumsal tema.
 *
 * Constructo şablonunun main.css dosyasının ÜZERİNE yüklenir; şablonun
 * kendi dosyasına dokunulmaz, böylece şablon güncellemesi kolay kalır.
 *
 * Kurumsal renk #A22720 firmanın logosundan alınmıştır.
 */

/*--------------------------------------------------------------
# Renk sistemi
--------------------------------------------------------------*/
:root {
  --sd-red: #a22720;
  --sd-red-dark: #7e1e19;
  --sd-red-light: #c3342b;
  --sd-iron: #1f1d1c;
  --sd-iron-soft: #2c2927;
  --sd-steel: #6b6560;
  --sd-sand: #f6f4f2;
  --sd-line: #e3ded9;

  /* Şablonun kendi değişkenlerini kurumsal renklere bağla */
  --background-color: #ffffff;
  --default-color: #3a3532;
  --heading-color: var(--sd-iron);
  --accent-color: var(--sd-red);
  --surface-color: #ffffff;
  --contrast-color: #ffffff;

  --nav-color: var(--sd-iron);
  --nav-hover-color: var(--sd-red);
  --nav-mobile-background-color: #ffffff;
  --nav-dropdown-background-color: #ffffff;
  --nav-dropdown-color: #3a3532;
  --nav-dropdown-hover-color: var(--sd-red);

  --heading-font: "Barlow Condensed", "Ubuntu", sans-serif;
  --default-font: "Inter", "Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;
  --nav-font: "Barlow", "Lato", sans-serif;
}

.light-background {
  --background-color: var(--sd-sand);
  --surface-color: #ffffff;
}

.dark-background {
  --background-color: var(--sd-iron);
  --default-color: #ffffff;
  --heading-color: #ffffff;
  --accent-color: #ffffff;
  --surface-color: var(--sd-iron-soft);
  --contrast-color: #ffffff;
}

/*--------------------------------------------------------------
# Tipografi
--------------------------------------------------------------*/
body {
  font-family: var(--default-font);
  font-size: 1rem;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6,
.section-title h2 {
  font-family: var(--heading-font);
  font-weight: 700;
  letter-spacing: -0.01em;
  text-transform: none;
}

h1 { font-size: clamp(2.1rem, 5vw, 3.6rem); line-height: 1.1; }
h2 { font-size: clamp(1.7rem, 3.6vw, 2.6rem); line-height: 1.15; }
h3 { font-size: clamp(1.15rem, 2vw, 1.45rem); line-height: 1.25; }

/* Bölüm başlıkları
   Not: Şablonun main.css dosyası .section-title h2 için "line-height: 1px" ve
   ::after için "display: inline-block" tanımlıyor. Bu yüzden başlık ezik
   görünüyor ve kırmızı çizgi metnin içine akıyordu. Aşağıda ikisi de
   açıkça geçersiz kılınıyor. */
.section-title {
  padding-bottom: 34px;
}

.section-title h2 {
  position: relative;
  display: block;
  font-size: clamp(1.7rem, 3.6vw, 2.6rem);
  line-height: 1.15;
  letter-spacing: -0.01em;
  text-transform: none;
  padding: 0 0 16px;
  margin: 0 0 12px;
}

.section-title h2::after {
  content: "";
  position: absolute;
  display: block;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 68px;
  height: 4px;
  margin: 0;
  background: var(--sd-red);
  border-radius: 2px;
}

/* Sola hizalı başlıklarda çizgi de sola gelsin */
.section-title.text-start h2::after {
  left: 0;
  transform: none;
}

.section-title p {
  color: var(--sd-steel);
  max-width: 720px;
  margin: 0 auto;
}

.section-title .ust-etiket {
  display: inline-block;
  font-family: var(--nav-font);
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sd-red);
  margin-bottom: 8px;
}

/*--------------------------------------------------------------
# Üst bar & başlık
--------------------------------------------------------------*/
.header .topbar {
  background: var(--sd-iron);
  font-size: 0.86rem;
  padding: 7px 0;
}

.header .topbar a,
.header .topbar span,
.header .topbar i {
  color: #e8e4e0;
}

.header .topbar a:hover { color: #fff; }

.header .branding { padding: 14px 0; }

.header .logo img {
  max-height: 52px;
  width: auto;
}

.header.sticky-top {
  box-shadow: 0 1px 0 var(--sd-line);
}

/* Üst bardaki sosyal medya ikonları */
.ust-sosyal a {
  display: inline-grid;
  place-items: center;
  width: 30px;
  height: 30px;
  color: #fff;
  border-radius: 3px;
  font-size: 1rem;
  transition: 0.2s;
}

.ust-sosyal a:hover {
  background: var(--sd-red);
  color: #fff;
  transform: translateY(-1px);
}

/* Marka renkleriyle hover — tanınabilirliği artırır */
.ust-sosyal a.facebook:hover  { background: #1877f2; }
.ust-sosyal a.instagram:hover { background: #e4405f; }
.ust-sosyal a.linkedin:hover  { background: #0a66c2; }
.ust-sosyal a.youtube:hover   { background: #ff0000; }
.ust-sosyal a.twitter:hover   { background: #000; }
.ust-sosyal a.whatsapp:hover  { background: #25d366; }

/* Dil seçici */
.dil-secici {
  position: relative;
}

.dil-secici .dil-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: var(--sd-red);
  border: 1px solid var(--sd-red);
  border-radius: 3px;
  color: #fff;
  font-family: var(--nav-font);
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  padding: 5px 12px;
  cursor: pointer;
  transition: 0.2s;
  box-shadow: 0 1px 6px rgba(162, 39, 32, 0.4);
}

.dil-secici .dil-btn:hover,
.dil-secici.acik .dil-btn {
  background: var(--sd-red-light);
  border-color: var(--sd-red-light);
  color: #fff;
  box-shadow: 0 2px 10px rgba(195, 52, 43, 0.55);
}

.dil-secici .dil-btn .bayrak {
  font-size: 1rem;
  line-height: 1;
}

.dil-secici .dil-btn i {
  font-size: 0.7rem;
  transition: transform 0.2s;
}

.dil-secici.acik .dil-btn i {
  transform: rotate(180deg);
}

/* Açılır liste görünürlüğü "display" ile yönetilir; opacity/visibility
   birleşimi bazı tarayıcılarda geçiş sırasında takılabiliyordu. */
.dil-secici .dil-liste {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 200px;
  list-style: none;
  margin: 0;
  padding: 6px;
  background: #fff;
  border: 1px solid var(--sd-line);
  border-top: 3px solid var(--sd-red);
  border-radius: 4px;
  box-shadow: 0 14px 38px rgba(0, 0, 0, 0.25);
  z-index: 999;
  animation: dilAcil 0.16s ease-out;
}

.dil-secici.acik .dil-liste,
.dil-secici:hover .dil-liste,
.dil-secici:focus-within .dil-liste {
  display: block;
}

@keyframes dilAcil {
  from { opacity: 0; transform: translateY(-6px); }
  to   { opacity: 1; transform: translateY(0); }
}

.dil-secici .dil-liste a {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 8px 11px;
  border-radius: 3px;
  color: #3a3532;
  font-size: 0.9rem;
  font-weight: 500;
}

.dil-secici .dil-liste a:hover {
  background: var(--sd-sand);
  color: var(--sd-red);
}

.dil-secici .dil-liste a.aktif {
  color: var(--sd-red);
  font-weight: 700;
}

.dil-secici .dil-liste .bayrak {
  font-size: 1.15rem;
  line-height: 1;
}

/* Sağdan sola dillerde açılır liste sola hizalanır */
[dir="rtl"] .dil-secici .dil-liste {
  right: auto;
  left: 0;
}

/*--------------------------------------------------------------
# Navigasyon
--------------------------------------------------------------*/
.navmenu > ul > li > a {
  font-family: var(--nav-font);
  font-weight: 600;
  font-size: 0.95rem;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.navmenu > ul > li > a::before {
  background-color: var(--sd-red) !important;
}

/* Geniş açılır menü (ürün grupları) */
.mega-menu {
  position: static !important;
}

.mega-menu .mega-panel {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  background: #fff;
  border-top: 3px solid var(--sd-red);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.13);
  padding: 26px 0 18px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: 0.22s ease;
  z-index: 99;
}

.mega-menu:hover .mega-panel,
.mega-menu:focus-within .mega-panel {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Şablonun ".navmenu ul { display: flex }" kuralı buradaki listeleri de
   yatay diziyordu; başlıklar iç içe giriyordu. Açıkça blok yapılıyor. */
.navmenu .mega-panel .container > .row {
  display: flex;
  flex-wrap: wrap;
}

.navmenu .mega-panel .grup-baslik {
  display: block;
  width: 100%;
  font-family: var(--heading-font);
  font-size: 0.98rem;
  font-weight: 700;
  color: var(--sd-red);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: 0 0 8px;
  margin: 0 0 10px;
  border-bottom: 1px solid var(--sd-line);
  line-height: 1.3;
  white-space: normal;
}

.navmenu .mega-panel ul {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
  align-items: stretch;
}

.navmenu .mega-panel ul li {
  display: block;
  width: 100%;
  position: static;
}

.navmenu .mega-panel ul li a {
  display: block;
  width: 100%;
  padding: 5px 0;
  color: #4a4340;
  font-size: 0.88rem;
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: 0;
  text-transform: none;
  white-space: normal;
}

.navmenu .mega-panel ul li a::before {
  display: none;                         /* şablonun alt çizgi efekti */
}

.navmenu .mega-panel ul li a:hover {
  color: var(--sd-red);
  padding-left: 5px;
  background: transparent;
}

.navmenu .mega-panel .btn-sd {
  width: auto;
  padding: 11px 24px;
}

@media (max-width: 1199px) {
  .mega-menu .mega-panel { display: none; }
}

/*--------------------------------------------------------------
# Butonlar
--------------------------------------------------------------*/
.btn-primary,
.btn-sd {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  background: var(--sd-red);
  color: #fff !important;
  border: 2px solid var(--sd-red);
  border-radius: 3px;
  padding: 12px 26px;
  font-family: var(--nav-font);
  font-weight: 600;
  font-size: 0.94rem;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  transition: 0.25s;
}

.btn-primary:hover,
.btn-sd:hover {
  background: var(--sd-red-dark);
  border-color: var(--sd-red-dark);
  color: #fff !important;
}

.btn-secondary,
.btn-sd-ghost {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  background: transparent;
  color: var(--sd-iron) !important;
  border: 2px solid var(--sd-line);
  border-radius: 3px;
  padding: 12px 26px;
  font-family: var(--nav-font);
  font-weight: 600;
  font-size: 0.94rem;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  transition: 0.25s;
}

.btn-secondary:hover,
.btn-sd-ghost:hover {
  border-color: var(--sd-red);
  color: var(--sd-red) !important;
}

/* Koyu zeminlerde açık kenarlıklı buton */
.dark-background .btn-sd-ghost,
.sd-hero .btn-sd-ghost,
.sd-sayfa-basi .btn-sd-ghost,
[style*="--sd-iron"] .btn-sd-ghost {
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.4);
}

.dark-background .btn-sd-ghost:hover,
.sd-hero .btn-sd-ghost:hover,
.sd-sayfa-basi .btn-sd-ghost:hover,
[style*="--sd-iron"] .btn-sd-ghost:hover {
  border-color: #fff;
  background: rgba(255, 255, 255, 0.1);
  color: #fff !important;
}

/*--------------------------------------------------------------
# Hero
--------------------------------------------------------------*/
.sd-hero {
  position: relative;
  background: var(--sd-iron);
  color: #fff;
  overflow: hidden;
}

.sd-hero .hero-arkaplan {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0.32;
}

.sd-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(100deg, rgba(20, 18, 17, 0.94) 0%, rgba(20, 18, 17, 0.72) 45%, rgba(20, 18, 17, 0.35) 100%);
}

.sd-hero .container {
  position: relative;
  z-index: 2;
  padding-top: 84px;
  padding-bottom: 84px;
}

.sd-hero .ust-etiket {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--sd-red);
  color: #fff;
  font-family: var(--nav-font);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  padding: 6px 14px;
  border-radius: 2px;
  margin-bottom: 18px;
}

.sd-hero h1 { color: #fff; margin-bottom: 18px; }

.sd-hero h1 em {
  font-style: normal;
  color: var(--sd-red-light);
}

.sd-hero p.giris {
  color: rgba(255, 255, 255, 0.86);
  font-size: 1.08rem;
  max-width: 620px;
  margin-bottom: 28px;
}

/* Rakam rozetleri */
.sd-rakamlar {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 18px;
  margin-top: 42px;
  padding-top: 28px;
  border-top: 1px solid rgba(255, 255, 255, 0.16);
}

.sd-rakam .sayi {
  display: block;
  font-family: var(--heading-font);
  font-size: 2.1rem;
  font-weight: 700;
  color: #fff;
  line-height: 1;
}

.sd-rakam .etiket {
  display: block;
  font-size: 0.83rem;
  color: rgba(255, 255, 255, 0.66);
  margin-top: 5px;
  letter-spacing: 0.02em;
}

/* Hero görsel şeridi */
.sd-hero-gorsel {
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45);
}

.sd-hero-gorsel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.sd-hero-rozet {
  position: absolute;
  left: 18px;
  bottom: 18px;
  background: rgba(255, 255, 255, 0.96);
  border-left: 4px solid var(--sd-red);
  padding: 12px 18px;
  border-radius: 3px;
}

.sd-hero-rozet strong {
  display: block;
  font-family: var(--heading-font);
  font-size: 1.05rem;
  color: var(--sd-iron);
  line-height: 1.2;
}

.sd-hero-rozet span {
  font-size: 0.8rem;
  color: var(--sd-steel);
}

/*--------------------------------------------------------------
# Ürün grubu (sektör) kartları
--------------------------------------------------------------*/
.sd-grup-kart {
  position: relative;
  display: block;
  height: 100%;
  min-height: 232px;
  border-radius: 4px;
  overflow: hidden;
  background: var(--sd-iron);
  color: #fff;
}

.sd-grup-kart img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.5;
  transition: 0.5s ease;
}

.sd-grup-kart:hover img {
  transform: scale(1.07);
  opacity: 0.62;
}

.sd-grup-kart .icerik {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  min-height: 232px;
  padding: 22px;
  background: linear-gradient(to top, rgba(18, 16, 15, 0.93) 12%, rgba(18, 16, 15, 0.22) 72%);
}

.sd-grup-kart h3 {
  color: #fff;
  font-size: 1.22rem;
  margin: 0 0 5px;
}

.sd-grup-kart .adet {
  font-size: 0.83rem;
  color: rgba(255, 255, 255, 0.72);
}

.sd-grup-kart .ok {
  position: absolute;
  right: 20px;
  bottom: 22px;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  background: var(--sd-red);
  border-radius: 50%;
  transition: 0.3s;
}

.sd-grup-kart:hover .ok { transform: translateX(4px); }

/*--------------------------------------------------------------
# Ürün kartları
--------------------------------------------------------------*/
.sd-urun-kart {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #fff;
  border: 1px solid var(--sd-line);
  border-radius: 4px;
  overflow: hidden;
  transition: 0.28s ease;
}

.sd-urun-kart:hover {
  border-color: var(--sd-red);
  box-shadow: 0 14px 34px rgba(30, 25, 22, 0.12);
  transform: translateY(-4px);
}

.sd-urun-kart .gorsel {
  position: relative;
  aspect-ratio: 4 / 3;
  background: var(--sd-sand);
  overflow: hidden;
}

.sd-urun-kart .gorsel img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 12px;
  transition: 0.4s ease;
}

.sd-urun-kart:hover .gorsel img { transform: scale(1.05); }

.sd-urun-kart .sinif-rozet {
  position: absolute;
  top: 10px;
  left: 10px;
  background: var(--sd-red);
  color: #fff;
  font-family: var(--nav-font);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  padding: 3px 9px;
  border-radius: 2px;
}

.sd-urun-kart .govde {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 15px 16px 17px;
}

.sd-urun-kart .kod {
  font-family: var(--nav-font);
  font-size: 0.76rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  color: var(--sd-red);
  text-transform: uppercase;
  margin-bottom: 5px;
}

.sd-urun-kart h3 {
  font-size: 1rem;
  line-height: 1.34;
  margin: 0 0 10px;
}

.sd-urun-kart h3 a { color: var(--sd-iron); }
.sd-urun-kart h3 a:hover { color: var(--sd-red); }

.sd-urun-kart .olculer {
  margin-top: auto;
  padding-top: 10px;
  border-top: 1px dashed var(--sd-line);
  display: flex;
  flex-wrap: wrap;
  gap: 4px 14px;
  font-size: 0.79rem;
  color: var(--sd-steel);
}

.sd-urun-kart .olculer b {
  color: #4a4340;
  font-weight: 600;
}

/*--------------------------------------------------------------
# Ürün detay
--------------------------------------------------------------*/
.sd-urun-galeri .ana-gorsel {
  border: 1px solid var(--sd-line);
  border-radius: 4px;
  background: var(--sd-sand);
  aspect-ratio: 4 / 3;
  display: grid;
  place-items: center;
  overflow: hidden;
}

.sd-urun-galeri .ana-gorsel img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 18px;
}

.sd-urun-galeri .kucukler {
  display: flex;
  gap: 10px;
  margin-top: 10px;
  flex-wrap: wrap;
}

.sd-urun-galeri .kucukler button {
  width: 74px;
  height: 74px;
  padding: 5px;
  background: #fff;
  border: 1px solid var(--sd-line);
  border-radius: 3px;
  cursor: pointer;
  transition: 0.2s;
}

.sd-urun-galeri .kucukler button.aktif,
.sd-urun-galeri .kucukler button:hover {
  border-color: var(--sd-red);
}

.sd-urun-galeri .kucukler img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/*--------------------------------------------------------------
# Paylaşım butonları
--------------------------------------------------------------*/
.sd-paylas {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
  margin-top: 26px;
  padding-top: 18px;
  border-top: 1px solid var(--sd-line);
}

.sd-paylas-baslik {
  font-family: var(--nav-font);
  font-size: 0.86rem;
  font-weight: 600;
  color: var(--sd-steel);
}

.sd-paylas-baslik i {
  color: var(--sd-red);
  margin-right: 5px;
}

.sd-paylas-butonlar {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.sd-paylas-butonlar a,
.sd-paylas-butonlar button {
  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 38px;
  padding: 0;
  background: #fff;
  border: 1px solid var(--sd-line);
  border-radius: 3px;
  color: var(--sd-steel);
  font-size: 1.05rem;
  cursor: pointer;
  transition: 0.2s;
}

.sd-paylas-butonlar a:hover,
.sd-paylas-butonlar button:hover {
  color: #fff;
  transform: translateY(-2px);
  border-color: transparent;
}

.sd-paylas-butonlar .whatsapp:hover { background: #25d366; }
.sd-paylas-butonlar .linkedin:hover { background: #0a66c2; }
.sd-paylas-butonlar .facebook:hover { background: #1877f2; }
.sd-paylas-butonlar .twitter:hover  { background: #000; }
.sd-paylas-butonlar .eposta:hover,
.sd-paylas-butonlar .kopyala:hover,
.sd-paylas-butonlar .yazdir:hover   { background: var(--sd-red); }

.sd-paylas-butonlar .kopyala.tamam {
  background: #2e7d32;
  border-color: #2e7d32;
  color: #fff;
}

.sd-paylas-bildirim {
  font-size: 0.84rem;
  color: #2e7d32;
  font-weight: 600;
  opacity: 0;
  transition: opacity 0.2s;
}

.sd-paylas-bildirim.gorunur { opacity: 1; }

.sd-olcu-tablo {
  width: 100%;
  border-collapse: collapse;
}

.sd-olcu-tablo th,
.sd-olcu-tablo td {
  padding: 10px 14px;
  border-bottom: 1px solid var(--sd-line);
  font-size: 0.93rem;
  text-align: left;
}

.sd-olcu-tablo th {
  width: 46%;
  font-family: var(--nav-font);
  font-weight: 600;
  color: var(--sd-steel);
}

.sd-olcu-tablo td { font-weight: 600; color: var(--sd-iron); }
.sd-olcu-tablo tr:nth-child(even) { background: var(--sd-sand); }

/*--------------------------------------------------------------
# Sayfa başlığı (breadcrumb bandı)
--------------------------------------------------------------*/
.sd-sayfa-basi {
  position: relative;
  background: var(--sd-iron);
  color: #fff;
  padding: 52px 0 46px;
  overflow: hidden;
}

.sd-sayfa-basi .arkaplan {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0.24;
}

.sd-sayfa-basi::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(20, 18, 17, 0.92), rgba(20, 18, 17, 0.62));
}

.sd-sayfa-basi .container { position: relative; z-index: 2; }
.sd-sayfa-basi h1 { color: #fff; margin: 0 0 8px; font-size: clamp(1.7rem, 3.6vw, 2.6rem); }
.sd-sayfa-basi p { color: rgba(255, 255, 255, 0.78); margin: 0; max-width: 760px; }

.sd-izyolu {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0;
  margin: 0 0 12px;
  font-size: 0.85rem;
}

.sd-izyolu li { color: rgba(255, 255, 255, 0.6); }
.sd-izyolu a { color: rgba(255, 255, 255, 0.82); }
.sd-izyolu a:hover { color: #fff; }
.sd-izyolu li + li::before { content: "/"; margin-right: 8px; opacity: 0.5; }

/*--------------------------------------------------------------
# Yan menü (kategori listesi)
--------------------------------------------------------------*/
.sd-yan-menu {
  border: 1px solid var(--sd-line);
  border-radius: 4px;
  overflow: hidden;
}

.sd-yan-menu .baslik {
  background: var(--sd-iron);
  color: #fff;
  font-family: var(--heading-font);
  font-size: 1.05rem;
  font-weight: 700;
  padding: 14px 18px;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.sd-yan-menu ul { list-style: none; margin: 0; padding: 0; }

.sd-yan-menu > ul > li > a {
  display: block;
  padding: 11px 18px;
  color: var(--sd-iron);
  font-weight: 600;
  font-size: 0.92rem;
  border-bottom: 1px solid var(--sd-line);
}

.sd-yan-menu > ul > li > a:hover,
.sd-yan-menu > ul > li > a.aktif {
  background: var(--sd-sand);
  color: var(--sd-red);
  box-shadow: inset 3px 0 0 var(--sd-red);
}

.sd-yan-menu ul ul a {
  display: block;
  padding: 8px 18px 8px 34px;
  font-size: 0.87rem;
  color: #5b534f;
  border-bottom: 1px solid var(--sd-line);
  background: #fcfbfa;
}

.sd-yan-menu ul ul a:hover,
.sd-yan-menu ul ul a.aktif { color: var(--sd-red); }

/*--------------------------------------------------------------
# Referanslar
--------------------------------------------------------------*/
.sd-referans {
  display: flex;
  align-items: center;
  gap: 14px;
  height: 100%;
  background: #fff;
  border: 1px solid var(--sd-line);
  border-radius: 4px;
  padding: 14px 16px;
  transition: 0.25s;
}

.sd-referans:hover {
  border-color: var(--sd-red);
  box-shadow: 0 10px 24px rgba(30, 25, 22, 0.09);
}

.sd-referans img {
  width: 64px;
  height: 48px;
  object-fit: contain;
  flex-shrink: 0;
}

.sd-referans .ad {
  font-family: var(--nav-font);
  font-weight: 600;
  font-size: 0.92rem;
  color: var(--sd-iron);
  line-height: 1.3;
}

.sd-referans .not {
  font-size: 0.8rem;
  color: var(--sd-steel);
}

/*--------------------------------------------------------------
# Süreç adımları
--------------------------------------------------------------*/
.sd-adim {
  position: relative;
  height: 100%;
  background: #fff;
  border: 1px solid var(--sd-line);
  border-radius: 4px;
  padding: 26px 22px 22px;
}

.sd-adim .no {
  position: absolute;
  top: -16px;
  left: 22px;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  background: var(--sd-red);
  color: #fff;
  font-family: var(--heading-font);
  font-weight: 700;
  border-radius: 3px;
}

.sd-adim h3 { font-size: 1.08rem; margin: 12px 0 8px; }
.sd-adim p { font-size: 0.92rem; color: var(--sd-steel); margin: 0; }

/*--------------------------------------------------------------
# Bilgi kutuları (iletişim)
--------------------------------------------------------------*/
.sd-iletisim-kutu {
  display: flex;
  gap: 15px;
  height: 100%;
  background: #fff;
  border: 1px solid var(--sd-line);
  border-radius: 4px;
  padding: 20px;
}

.sd-iletisim-kutu i {
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  display: grid;
  place-items: center;
  background: var(--sd-red);
  color: #fff;
  font-size: 1.2rem;
  border-radius: 3px;
}

.sd-iletisim-kutu h3 { font-size: 1rem; margin: 0 0 4px; }
.sd-iletisim-kutu p, .sd-iletisim-kutu a { font-size: 0.93rem; color: var(--sd-steel); margin: 0; }
.sd-iletisim-kutu a:hover { color: var(--sd-red); }

/*--------------------------------------------------------------
# Formlar
--------------------------------------------------------------*/
.sd-form .form-control,
.sd-form .form-select {
  border: 1px solid var(--sd-line);
  border-radius: 3px;
  padding: 11px 14px;
  font-size: 0.95rem;
}

.sd-form .form-control:focus,
.sd-form .form-select:focus {
  border-color: var(--sd-red);
  box-shadow: 0 0 0 3px rgba(162, 39, 32, 0.12);
}

.sd-form label {
  font-family: var(--nav-font);
  font-weight: 600;
  font-size: 0.88rem;
  color: var(--sd-iron);
  margin-bottom: 5px;
}

.sd-uyari {
  border-radius: 3px;
  padding: 13px 16px;
  font-size: 0.93rem;
  border-left: 4px solid;
}

.sd-uyari.basarili { background: #edf7ee; border-color: #2e7d32; color: #1e5a22; }
.sd-uyari.hata { background: #fdeceb; border-color: var(--sd-red); color: var(--sd-red-dark); }
.sd-uyari.bilgi { background: var(--sd-sand); border-color: var(--sd-steel); color: #4a4340; }

/*--------------------------------------------------------------
# Alt bilgi
--------------------------------------------------------------*/
.sd-footer {
  background: var(--sd-iron);
  color: rgba(255, 255, 255, 0.72);
  padding: 54px 0 0;
  font-size: 0.92rem;
}

.sd-footer h4 {
  color: #fff;
  font-size: 1rem;
  font-family: var(--nav-font);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-bottom: 16px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.13);
}

.sd-footer a { color: rgba(255, 255, 255, 0.72); }
.sd-footer a:hover { color: var(--sd-red-light); }
.sd-footer ul { list-style: none; padding: 0; margin: 0; }
.sd-footer ul li { padding: 4px 0; }
.sd-footer .logo img { max-height: 46px; margin-bottom: 14px; }

.sd-footer-alt {
  margin-top: 42px;
  padding: 18px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.13);
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.5);
}

.sd-sosyal a {
  display: inline-grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 3px;
  margin-right: 7px;
  transition: 0.25s;
}

.sd-sosyal a:hover {
  background: var(--sd-red);
  border-color: var(--sd-red);
  color: #fff;
}

/*--------------------------------------------------------------
# Çağrı bandı
--------------------------------------------------------------*/
.sd-cta {
  background: var(--sd-red);
  color: #fff;
  padding: 44px 0;
}

.sd-cta h2 { color: #fff; margin: 0 0 6px; }
.sd-cta p { color: rgba(255, 255, 255, 0.88); margin: 0; }

.sd-cta .btn-beyaz {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  background: #fff;
  color: var(--sd-red) !important;
  border-radius: 3px;
  padding: 13px 28px;
  font-family: var(--nav-font);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  transition: 0.25s;
}

.sd-cta .btn-beyaz:hover { background: var(--sd-iron); color: #fff !important; }

/*--------------------------------------------------------------
# Yardımcı sınıflar
--------------------------------------------------------------*/
.sd-bolum { padding: 66px 0; }
.sd-bolum-dar { padding: 44px 0; }

.metin-icerik { font-size: 1.02rem; line-height: 1.8; color: #4a4340; }
.metin-icerik h2, .metin-icerik h3 { margin-top: 28px; margin-bottom: 12px; }
.metin-icerik p { margin-bottom: 16px; }
.metin-icerik ul { padding-left: 20px; margin-bottom: 16px; }
.metin-icerik li { margin-bottom: 7px; }
.metin-icerik img { max-width: 100%; height: auto; border-radius: 4px; }

.sd-kirmizi { color: var(--sd-red); }

/* Ürün arama kutusu */
.sd-arama {
  display: flex;
  gap: 0;
  max-width: 520px;
}

.sd-arama input {
  flex: 1;
  border: 1px solid var(--sd-line);
  border-right: 0;
  border-radius: 3px 0 0 3px;
  padding: 12px 16px;
  font-size: 0.95rem;
}

.sd-arama input:focus { outline: none; border-color: var(--sd-red); }

.sd-arama button {
  background: var(--sd-red);
  border: 2px solid var(--sd-red);
  color: #fff;
  border-radius: 0 3px 3px 0;
  padding: 0 22px;
  cursor: pointer;
  transition: 0.25s;
}

.sd-arama button:hover { background: var(--sd-red-dark); border-color: var(--sd-red-dark); }

/* Sayfalama */
.sd-sayfalama {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 34px 0 0;
}

.sd-sayfalama a,
.sd-sayfalama span {
  display: grid;
  place-items: center;
  min-width: 40px;
  height: 40px;
  padding: 0 12px;
  border: 1px solid var(--sd-line);
  border-radius: 3px;
  font-weight: 600;
  font-size: 0.92rem;
  color: var(--sd-iron);
}

.sd-sayfalama a:hover { border-color: var(--sd-red); color: var(--sd-red); }

.sd-sayfalama .aktif {
  background: var(--sd-red);
  border-color: var(--sd-red);
  color: #fff;
}

/*--------------------------------------------------------------
# Mobil düzenlemeler
--------------------------------------------------------------*/
@media (max-width: 991px) {
  .sd-bolum { padding: 46px 0; }
  .sd-hero .container { padding-top: 54px; padding-bottom: 54px; }
  .sd-rakamlar { margin-top: 30px; padding-top: 22px; gap: 14px; }
  .sd-rakam .sayi { font-size: 1.7rem; }
  .sd-sayfa-basi { padding: 38px 0 34px; }
}

@media (max-width: 575px) {
  .sd-rakamlar { grid-template-columns: repeat(2, 1fr); }
  .sd-urun-kart .olculer { font-size: 0.75rem; gap: 3px 10px; }
  .btn-primary, .btn-secondary, .btn-sd, .btn-sd-ghost {
    padding: 11px 18px;
    font-size: 0.86rem;
  }
  .header .logo img { max-height: 40px; }
}

/* Yazdırma */
@media print {
  .header, .sd-footer, .sd-cta, .sd-yan-menu, .navmenu { display: none !important; }
  body { color: #000; }
}

/*--------------------------------------------------------------
# Ağırlık hesaplama aracı
--------------------------------------------------------------*/
.hesap-sekil {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 16px;
  background: #fff;
  border: 1px solid var(--sd-line);
  border-radius: 3px;
  font-size: 0.9rem;
  font-weight: 600;
  color: #4a4340;
  cursor: pointer;
  transition: 0.18s;
}

.hesap-sekil:hover { border-color: var(--sd-red); color: var(--sd-red); }

.hesap-sekil.aktif {
  background: var(--sd-red);
  border-color: var(--sd-red);
  color: #fff;
}

.hesap-sonuc {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 22px 26px;
  background: var(--sd-iron);
  border-radius: 4px;
  border-left: 5px solid var(--sd-red);
}

.hesap-sonuc .etiket {
  font-family: var(--nav-font);
  font-size: 0.84rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.62);
}

.hesap-sonuc .deger {
  font-family: var(--heading-font);
  font-size: clamp(2rem, 6vw, 2.8rem);
  font-weight: 700;
  color: #fff;
  line-height: 1.1;
}

.hesap-sonuc .detay {
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.5);
  font-variant-numeric: tabular-nums;
}

[dir="rtl"] .hesap-sonuc {
  border-left: 0;
  border-right: 5px solid var(--sd-red);
}

/* ==================================================================
   SABİT WHATSAPP DÜĞMESİ
   Sol alt köşede durur; sağ alt köşe "yukarı çık" düğmesine ait.
   Çerez şeridi açıkken yukarı kayar ki üstünü kapatmasın.
   ================================================================== */

.sd-wa {
  position: fixed;
  left: 18px;
  bottom: 18px;
  z-index: 99998;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  transition: bottom .28s ease;
}

body.cerez-acik .sd-wa { bottom: calc(var(--cerez-yukseklik, 140px) + 16px); }

.sd-wa-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  height: 52px;
  padding: 0 20px 0 16px;
  border-radius: 26px;
  background: #25d366;
  color: #fff;
  font-weight: 600;
  font-size: .96rem;
  text-decoration: none;
  box-shadow: 0 6px 20px rgba(37, 211, 102, .38);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.sd-wa-btn i { font-size: 1.45rem; line-height: 1; }

.sd-wa-btn:hover,
.sd-wa-btn:focus-visible {
  background: #1eb757;
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 10px 26px rgba(37, 211, 102, .5);
}

/* Dikkat çeken ama rahatsız etmeyen nabız — üç kez atıp durur */
.sd-wa-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 26px;
  box-shadow: 0 0 0 0 rgba(37, 211, 102, .55);
  animation: sd-wa-nabiz 2.4s ease-out 3;
  pointer-events: none;
}

@keyframes sd-wa-nabiz {
  0%   { box-shadow: 0 0 0 0 rgba(37, 211, 102, .55); }
  70%  { box-shadow: 0 0 0 16px rgba(37, 211, 102, 0); }
  100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}

@media (prefers-reduced-motion: reduce) {
  .sd-wa-btn::before { animation: none; }
  .sd-wa { transition: none; }
}

/* Karşılama balonu */
.sd-wa-balon {
  position: relative;
  max-width: 260px;
  padding: 14px 34px 14px 16px;
  border-radius: 12px 12px 12px 2px;
  background: #fff;
  border: 1px solid var(--sd-line);
  box-shadow: 0 10px 30px rgba(31, 29, 28, .16);
  font-size: .88rem;
  line-height: 1.5;
  animation: sd-wa-gir .3s ease-out;
}

.sd-wa-balon strong { display: block; color: var(--sd-iron); margin-bottom: 3px; }
.sd-wa-balon span   { color: var(--sd-steel); }

@keyframes sd-wa-gir {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}

.sd-wa-kapat {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--sd-steel);
  font-size: 1.1rem;
  line-height: 1;
  cursor: pointer;
}

.sd-wa-kapat:hover { background: var(--sd-sand); color: var(--sd-iron); }

/* Telefonda etiket gizlenir, yuvarlak ikon kalır */
@media (max-width: 575.98px) {
  .sd-wa { left: 14px; bottom: 14px; }
  .sd-wa-etiket { display: none; }
  .sd-wa-btn { width: 52px; padding: 0; justify-content: center; }
  .sd-wa-balon { max-width: min(70vw, 240px); }
}

/* ==================================================================
   ÇEREZ BİLDİRİM ŞERİDİ
   Tam ekranı kapatmaz: Google mobil aramada araya giren tam ekran
   bildirimlerini cezalandırır, alt şerit güvenlidir.
   ================================================================== */

.sd-cerez {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  background: var(--sd-iron);
  color: #efeae6;
  border-top: 3px solid var(--sd-red);
  box-shadow: 0 -8px 30px rgba(0, 0, 0, .28);
  animation: sd-cerez-gir .32s ease-out;
}

.sd-cerez[hidden] { display: none; }

@keyframes sd-cerez-gir {
  from { transform: translateY(100%); }
  to   { transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
  .sd-cerez { animation: none; }
}

.sd-cerez-ic {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding-top: 16px;
  padding-bottom: 16px;
}

.sd-cerez-baslik {
  margin: 0 0 5px;
  font-size: 1.02rem;
  font-weight: 600;
  color: #fff;
  letter-spacing: .2px;
}

.sd-cerez-baslik i { color: var(--sd-red-light); margin-right: 6px; }

.sd-cerez-aciklama {
  margin: 0;
  font-size: .88rem;
  line-height: 1.6;
  color: #c8c1bb;
  max-width: 76ch;
}

.sd-cerez-aciklama a {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 3px;
  white-space: nowrap;
}

.sd-cerez-aciklama a:hover { color: var(--sd-red-light); }

.sd-cerez-butonlar {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}

.sd-cerez-butonlar button {
  height: 42px;
  padding: 0 22px;
  border-radius: 3px;
  font-size: .9rem;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
  transition: background .18s ease, border-color .18s ease, color .18s ease;
}

.btn-cerez-kabul {
  border: 1px solid var(--sd-red);
  background: var(--sd-red);
  color: #fff;
}

.btn-cerez-kabul:hover { background: var(--sd-red-light); border-color: var(--sd-red-light); }

.btn-cerez-red {
  border: 1px solid rgba(255, 255, 255, .35);
  background: transparent;
  color: #efeae6;
}

.btn-cerez-red:hover { border-color: #fff; background: rgba(255, 255, 255, .09); color: #fff; }

@media (max-width: 991.98px) {
  .sd-cerez-ic { flex-direction: column; align-items: stretch; gap: 14px; }
  .sd-cerez-butonlar { justify-content: stretch; }
  .sd-cerez-butonlar button { flex: 1; padding: 0 12px; }
}

/* ==================================================================
   YASAL SAYFALAR
   ================================================================== */

.sd-yasal-baglantilar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 18px;
  font-size: .86rem;
}

.sd-yasal-baglantilar a,
.sd-yasal-baglantilar button {
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  opacity: .85;
  cursor: pointer;
  text-decoration: none;
}

.sd-yasal-baglantilar a:hover,
.sd-yasal-baglantilar button:hover {
  opacity: 1;
  color: var(--sd-red-light);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.yasal-metin h3 {
  font-size: 1.12rem;
  margin-top: 30px;
  padding-top: 14px;
  border-top: 1px solid var(--sd-line);
}

.yasal-metin code {
  font-size: .86em;
  background: var(--sd-sand);
  padding: 2px 6px;
  border-radius: 3px;
}

/* Yasal sayfaların yan kutusu */
.sd-yan-kutu {
  padding: 24px;
  border: 1px solid var(--sd-line);
  border-radius: 4px;
  background: var(--sd-sand);
  position: sticky;
  top: 130px;
}

.sd-yan-kutu h3 {
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: .6px;
  color: var(--sd-iron);
  margin: 0 0 12px;
}

.sd-yan-liste { list-style: none; padding: 0; margin: 0; }
.sd-yan-liste li { margin-bottom: 8px; }

.sd-yan-liste a {
  display: block;
  padding: 8px 12px;
  border-left: 3px solid transparent;
  border-radius: 0 3px 3px 0;
  background: #fff;
  color: var(--sd-steel);
  font-size: .92rem;
  text-decoration: none;
  transition: border-color .15s ease, color .15s ease;
}

.sd-yan-liste a:hover { border-left-color: var(--sd-red-light); color: var(--sd-iron); }

.sd-yan-liste a.aktif {
  border-left-color: var(--sd-red);
  color: var(--sd-red);
  font-weight: 600;
}

@media (max-width: 991.98px) {
  .sd-yan-kutu { position: static; }
}

/* Çerez tablosu — dar ekranda yatay kaydırılır, sayfa taşmaz */
.tablo-kaydir { overflow-x: auto; margin-bottom: 20px; }

.sd-tablo {
  width: 100%;
  min-width: 560px;
  border-collapse: collapse;
  font-size: .9rem;
}

.sd-tablo th,
.sd-tablo td {
  padding: 11px 14px;
  border: 1px solid var(--sd-line);
  text-align: left;
  vertical-align: top;
}

.sd-tablo th { background: var(--sd-sand); font-weight: 600; color: var(--sd-iron); }

/* ==================================================================
   ÜRÜN SAYFASINDA WHATSAPP İLE SORMA DÜĞMESİ
   ================================================================== */

.btn-wa {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  height: 48px;
  padding: 0 24px;
  border: 0;
  border-radius: 3px;
  background: #25d366;
  color: #fff;
  font-weight: 600;
  font-size: .95rem;
  text-decoration: none;
  transition: background .18s ease, transform .18s ease;
}

.btn-wa i { font-size: 1.25rem; }

.btn-wa:hover,
.btn-wa:focus-visible {
  background: #1eb757;
  color: #fff;
  transform: translateY(-1px);
}

/* İletişim sayfasındaki WhatsApp bandı */
.sd-wa-bant {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 18px;
  padding: 24px 28px;
  border-radius: 4px;
  border: 1px solid #cdeed9;
  background: linear-gradient(135deg, #f1fbf5 0%, #e6f7ee 100%);
}

.sd-wa-bant h2 {
  margin: 0 0 4px;
  font-size: 1.25rem;
  color: var(--sd-iron);
}

.sd-wa-bant h2 i { color: #1eb757; margin-right: 8px; }
.sd-wa-bant p    { margin: 0; color: var(--sd-steel); font-size: .94rem; max-width: 62ch; }

/* ==================================================================
   ÜST MENÜ GENİŞLİK DÜZELTMESİ
   Logo + menü + teklif düğmesi 1200–1400 px arasında kapsayıcıya
   sığmıyor, sayfada yatay kaydırma çubuğu oluşuyordu. Menü aralıkları
   ve logo bu aralıkta daraltılır; teklif düğmesi ancak 1400 px üstünde
   görünür (aynı düğme üst barda ve sayfa sonu çağrı bandında da var).
   ================================================================== */

@media (min-width: 1200px) {
  .branding .logo img {
    max-width: 290px;
    height: auto;
  }

  .navmenu > ul > li > a {
    padding-left: 10px;
    padding-right: 10px;
    font-size: .93rem;
  }

  .branding .btn-sd {
    padding: 0 18px;
    font-size: .88rem;
    white-space: nowrap;
  }
}

/* --- Çerez şeridi: dar ekran düzeltmeleri ---------------------------
   Türkçe/Almanca düğme metinleri uzun; yan yana 375 px'e sığmıyor ve
   sayfaya yatay kaydırma çubuğu ekliyordu. Dar ekranda alt alta dizilir.
   WhatsApp düğmesinin ne kadar yukarı kayacağı şeridin gerçek
   yüksekliğinden hesaplanır (--cerez-yukseklik), çünkü metin uzunluğu
   dile göre değişiyor.                                                */

.sd-cerez .container { max-width: 100%; }

@media (max-width: 767.98px) {
  .sd-cerez-butonlar { flex-direction: column; align-items: stretch; }
  .sd-cerez-butonlar button { width: 100%; flex: none; }
  .sd-cerez-aciklama { font-size: .84rem; }
  .sd-cerez-ic { padding-top: 14px; padding-bottom: 14px; }
}

/* ==================================================================
   MOBİLDE YATAY KAYDIRMA DÜZELTMESİ
   AOS'un "fade-left" ve "fade-right" animasyonları öğeyi 100 px yana
   iterek açılışta başlatıyor. Dar ekranda bu, sayfanın 375 px yerine
   441 px genişlemesine ve istenmeyen bir yatay kaydırma çubuğuna yol
   açıyordu. Küçük ekranda yana kayma iptal edilir, solma efekti kalır.
   (body'ye overflow-x:hidden vermek yapışkan menüyü bozardı.)
   ================================================================== */

@media (max-width: 991.98px) {
  [data-aos="fade-left"],
  [data-aos="fade-right"] {
    transform: none !important;
  }
}

/* Logo, dar ekranda 429 px'lik doğal genişliğinde kalıp sayfayı yatay
   kaydırıyordu. Hem üst bilgideki hem alt bilgideki logo sınırlanır. */
.logo img,
.sd-footer .logo img {
  max-width: 100%;
  height: auto;
}

@media (max-width: 575.98px) {
  .branding .logo img { max-width: 210px; }
}