/* ========================================
   Sürdürülebilirlik Bölümü
======================================== */
.surdurulebilirlik-bolum {
  background: #f4f4f4;
  padding: 70px 20px;
  text-align: center;
}

.surdurulebilirlik-icerik {
  max-width: 900px;
  margin: 0 auto;
}

.surdurulebilirlik-baslik {
  font-size: 2rem;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 30px;
}

.surdurulebilirlik-metin {
  font-size: 1rem;
  color: #333;
  line-height: 1.9;
}

/* ========================================
   Site Footer - Üst Alan
======================================== */
.site-footer {
  position: relative;
}

.footer-ust {
  background-color: #dcdcdc;
  background-image: url('/images/footer-bg.webp');
  background-size: cover;
  background-position: right center;
  position: relative;
  padding: 60px 0;
}

.footer-ust::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(220, 220, 220, 0.82);
}

.footer-icerik {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 50px;
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr 1fr;
  gap: 50px;
  position: relative;
  z-index: 1;
}

/* Logo Kolonu */
.footer-logo {
  margin-bottom: 30px;
}

.footer-logo img {
  max-width: 190px;
  height: auto;
}

.footer-adres {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 22px;
  color: #444;
  font-size: 0.88rem;
  line-height: 1.65;
}

.footer-adres p {
  margin: 0;
}

.footer-adres span {
  margin-top: 2px;
  flex-shrink: 0;
  color: #666;
}

.footer-iletisim-bilgi {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}

.footer-tel,
.footer-eposta {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #333;
  font-size: 0.88rem;
}

/* Menü Kolonları */
.footer-menu-baslik {
  font-size: 1.05rem;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 18px 0;
  padding-bottom: 14px;
  position: relative;
}

.footer-menu-baslik::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 32px;
  height: 2px;
  background-color: #e6a500;
}

.footer-menu-liste {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-menu-liste li {
  margin-bottom: 11px;
}

.footer-menu-liste li a {
  color: #555;
  text-decoration: none;
  font-size: 0.88rem;
  transition: color 0.2s ease;
}

.footer-menu-liste li a:hover {
  color: #e6a500;
}

/* ========================================
   Footer Alt Bar
======================================== */
.footer-alt {
  background-color: #111;
  padding: 18px 0;
}

.footer-alt-icerik {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.footer-sosyal {
  display: flex;
  gap: 16px;
  align-items: center;
}

.footer-sosyal a {
  color: #ccc;
  transition: color 0.2s ease;
  display: flex;
  align-items: center;
}

.footer-sosyal a:hover {
  color: #e6a500;
}

.footer-telif {
  color: #aaa;
  font-size: 0.82rem;
}

.footer-sertifikalar {
  display: flex;
  align-items: center;
  gap: 6px;
}

.footer-sertifikalar img {
  height: 38px;
  width: auto;
  object-fit: contain;
}

/* ========================================
   Responsive
======================================== */
@media (max-width:320px) {
  .surdurulebilirlik-baslik { font-size: 1.3rem; }
  .footer-icerik { grid-template-columns: 1fr; gap: 30px; padding: 0 20px; }
  .footer-alt-icerik { flex-direction: column; text-align: center; padding: 0 20px; }
  .footer-sertifikalar { flex-wrap: wrap; justify-content: center; }
}

@media (min-width:321px) {
  .surdurulebilirlik-baslik { font-size: 1.4rem; }
  .footer-icerik { grid-template-columns: 1fr; gap: 30px; padding: 0 20px; }
  .footer-alt-icerik { flex-direction: column; text-align: center; padding: 0 20px; }
  .footer-sertifikalar { flex-wrap: wrap; justify-content: center; }
}

@media(min-width:640px) {
  .surdurulebilirlik-baslik { font-size: 1.6rem; }
  .footer-icerik { grid-template-columns: 1fr 1fr; gap: 35px; padding: 0 30px; }
  .footer-alt-icerik { flex-wrap: wrap; padding: 0 30px; }
}

@media(min-width:960px) {
  .surdurulebilirlik-baslik { font-size: 1.8rem; }
  .footer-icerik { grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 40px; padding: 0 40px; }
  .footer-alt-icerik { flex-direction: row; flex-wrap: nowrap; padding: 0 40px; }
}

@media(min-width:1200px) {
  .surdurulebilirlik-baslik { font-size: 2rem; }
  .footer-icerik { grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 50px; padding: 0 50px; }
  .footer-alt-icerik { padding: 0 50px; }
}

@media(min-width:1400px) {
  .footer-icerik { padding: 0 60px; }
  .footer-alt-icerik { padding: 0 60px; }
}

@media(min-width:1600px) {
  .footer-icerik { padding: 0 80px; }
  .footer-alt-icerik { padding: 0 80px; }
}

/* ========================================
   GMM Makinelerimiz Bölümü (index.php)
======================================== */

.gmm-mak {
    background: #fff;
    position: relative;
    overflow: hidden;
}

/* Sol kablo makara — 2000px'de doğal boyut, küçük ekranlarda ölçeklenir */
.gmm-mak__reel {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 14vw;        /* 2000px → ~280px, doğal boyuta yakın; viewport ile orantılı küçülür */
    z-index: 1;
    pointer-events: none;
}

.gmm-mak__reel img {
    width: 100%;
    height: auto;
    display: block;
}

/* İçerik: reel ile örtüşmesin, reel genişliğiyle orantılı kayar */
.gmm-mak__icerik {
    position: relative;
    z-index: 2;
    padding-left: clamp(0px, 18vw, 165px);
}

/* Başlık satırı */
.gmm-mak__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 48px;
}

.gmm-mak__baslik {
    font-size: clamp(1.6rem, 2.5vw, 2.5rem);
    font-weight: 300;
    line-height: 1.25;
    color: #262626;
    margin: 0;
}

.gmm-mak__baslik-alt {
    position: relative;
    display: inline-block;
    padding-bottom: 20px;
}

.gmm-mak__baslik-alt::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40%;
    height: 7px;
    background: #efae00;
}

/* Tümünü listele */
.gmm-mak__tumunu {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 1.10rem;
    color: #262626;
    text-decoration: none;
    white-space: nowrap;
    flex-shrink: 0;
    padding-bottom: 4px;
    transition: color 0.2s;
}

.gmm-mak__tumunu:hover { color: #efae00; }

.gmm-mak__tumunu-cizgi {
    display: inline-block;
    width: 50px;
    height: 3px;
    background: #efae00;
    flex-shrink: 0;
}

/* Slider wrapper */
.gmm-mak__slider { position: relative; }

/* Her kart — 348×535 oranı */
.gmm-mak__kart {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    aspect-ratio: 348 / 535;
    width: 100%;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    border-right: 0px solid #e0e0e0;
    background: #ffffff;
}

.gmm-mak__kartlar > li:first-child .gmm-mak__kart {
    border-left: 0px solid #e0e0e0;
}

/* Arka plan resmi — varsayılanda gizli */
.gmm-mak__kart-foto {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 0.45s ease;
    z-index: 0;
}

.gmm-mak__kart-foto img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

/* Gradient overlay — alttan sarı, yukarı şeffaf */
.gmm-mak__kart-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        #efae00 0%,
        rgba(239, 174, 0, 0.55) 30%,
        rgba(239, 174, 0, 0) 65%
    );
    opacity: 0;
    transition: opacity 0.45s ease;
    z-index: 1;
}

/* Metin + ok — her zaman görünür */
.gmm-mak__kart-icerik {
    position: relative;
    z-index: 2;
    padding: 20px 24px;
    display: flex;
    flex-direction: column;
    /* gap yok — margin-bottom ile yönetiyoruz ki transition çalışsın */
}

.gmm-mak__kart-baslik {
    font-size: 1.6rem;
    font-weight: 300;
    color: #1a1a1a;
    line-height: 1.45;
    margin: 0 0 14px;
    transition: color 0.35s, margin-bottom 0.35s ease;
}

/* Ok daire butonu */
.gmm-mak__ok {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid #efae00;
    border-radius: 50%;
    color: #efae00;
    flex-shrink: 0;
    overflow: hidden;
    transition: height 0.35s ease, opacity 0.35s ease;
}

/* Hover: resim + overlay açılır, metin beyaza döner */
.gmm-mak__kart:hover .gmm-mak__kart-foto,
.gmm-mak__kart--aktif .gmm-mak__kart-foto {
    opacity: 1;
}

.gmm-mak__kart:hover .gmm-mak__kart-foto img,
.gmm-mak__kart--aktif .gmm-mak__kart-foto img {
    transform: scale(1.05);
}

.gmm-mak__kart:hover .gmm-mak__kart-overlay,
.gmm-mak__kart--aktif .gmm-mak__kart-overlay {
    opacity: 1;
}

/* Hover: başlık beyaz + aşağı kayar (ok'un yeri dolana kadar) */
.gmm-mak__kart:hover .gmm-mak__kart-baslik,
.gmm-mak__kart--aktif .gmm-mak__kart-baslik {
    color: #fff;
    margin-bottom: 0;
}

/* Hover: ok küçülür ve solar — başlık onun yerine kayar */
.gmm-mak__kart:hover .gmm-mak__ok,
.gmm-mak__kart--aktif .gmm-mak__ok {
    height: 0;
    opacity: 0;
    pointer-events: none;
}

/* === Responsive === */

/* ≥2000px: büyük ekranlar — reel 20vw */
@media (min-width: 2000px) {
    .gmm-mak__reel { width: 20vw; }
}

/* 960–1199px: reel 14vw devam eder ama font küçür */
@media (max-width: 1300px) {
    .gmm-mak__kart-baslik { font-size: 1.2rem; }
}

/* ≤959px: reel gizle, padding sıfır */
@media (max-width: 959px) {
    .gmm-mak__reel   { display: none; }
    .gmm-mak__icerik { padding-left: 0; }
    .gmm-mak__header { flex-direction: column; align-items: flex-start; gap: 12px; margin-bottom: 32px; }
    .gmm-mak__kart-baslik { font-size: 1.2rem; }
}

/* Sadece tablet (640–959px): aspect-ratio sabit yüksekliğe dönüşür */
@media (min-width: 640px) and (max-width: 959px) {
    .gmm-mak__kart { aspect-ratio: unset; height: 380px; }
}

/* ≤639px: mobil — resim + overlay her zaman görünür (hover yok) */
@media (max-width: 639px) {
    .gmm-mak         { padding-bottom: 0px; }
    .gmm-mak__kartlar        { margin: 0 -4px; }
    .gmm-mak__kartlar > li  { padding: 0 4px 8px; }
    .gmm-mak__kart-baslik { font-size: 1.3rem; }
    .gmm-mak__ok          { width: 32px; height: 32px; }
    .gmm-mak__baslik-alt::after { height: 5px; }

    .gmm-mak__kart .gmm-mak__kart-foto    { opacity: 1; }
    .gmm-mak__kart .gmm-mak__kart-foto img { transform: none; }
    .gmm-mak__kart .gmm-mak__kart-overlay { opacity: 1; }
    .gmm-mak__kart .gmm-mak__kart-baslik  { color: #fff; font-weight: 400; margin-bottom: 0; }
    .gmm-mak__kart .gmm-mak__ok           { height: 0; opacity: 0; pointer-events: none; }
}

/* ========================================
   GMM Fark Yaratın Bölümü (index.php)
======================================== */

.gmm-fark {
    background: #fff;
    padding: clamp(60px, 10vw, 200px) 0;
    overflow: hidden;
}

/* İki kolon wrapper */
.gmm-fark__wrapper {
    display: flex;
    align-items: center;
    gap: 0;
    position: relative;
}

/* Sol */
.gmm-fark__left {
    flex: 0 0 48%;
    max-width: 48%;
    position: relative;
    z-index: 2;
    margin-top: 100px;
}

.gmm-fark__card {
    background: #f2f2f2;
    border-radius: 0;
    padding: 60px 70px;
    aspect-ratio: 5 / 4;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.gmm-fark__etiket {
    color: #0e1215;
    font-size: 1.0rem;
    font-weight: 400;
    margin: 0 0 20px;
    display: block;
}

.gmm-fark__baslik {
    font-size: 4.1rem;
    font-weight: 300;
    color: #1a1a1a;
    line-height: 1.15;
    margin: 0 0 28px;
}

.gmm-fark__baslik strong {
    font-weight: 800;
    display: block;
}

.gmm-fark__metin {
    font-size: 1.5rem;
    color: #0e1215;
    line-height: 1.4;
    margin: 0;
}

/* Daire animasyonları — düzgün esneme (daire bozulmaz) */
@keyframes ring-breathe-1 {
    0%, 100% { transform: translate(-50%, -50%) scale(1);    opacity: 0.7; }
    50%       { transform: translate(-50%, -50%) scale(1.07); opacity: 0.3; }
}
@keyframes ring-breathe-2 {
    0%, 100% { transform: translate(-50%, -50%) scale(1.04); opacity: 0.4; }
    50%       { transform: translate(-50%, -50%) scale(0.96); opacity: 0.8; }
}
@keyframes ring-breathe-3 {
    0%, 100% { transform: translate(-50%, -50%) scale(0.97); opacity: 0.5; }
    50%       { transform: translate(-50%, -50%) scale(1.03); opacity: 1; }
}

/* Clip wrapper — scroll önler, kartlara etki etmez */
.gmm-fark__circles-clip {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
}

/* Daireler — clip wrapper içinde ortalanmış */
.gmm-fark__circles {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.gmm-fark__circle {
    position: absolute;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Dış daire — sarı */
.gmm-fark__circle--dis {
    width: 860px;
    height: 860px;
    border: 2px solid #efae00;
    opacity: 0.7;
    animation: ring-breathe-1 5s ease-in-out infinite;
}

/* Orta daire — açık gri */
.gmm-fark__circle--orta {
    width: 780px;
    height: 780px;
    border: 2px solid #d0d0d0;
    opacity: 0.6;
    animation: ring-breathe-2 5s ease-in-out infinite;
    animation-delay: 0.6s;
}

/* İç daire — koyu gri */
.gmm-fark__circle--ic {
    width: 700px;
    height: 700px;
    border: 2px solid #d0d0d0;
    opacity: 0.5;
    animation: ring-breathe-3 5s ease-in-out infinite;
    animation-delay: 1.2s;
}

/* Sağ */
.gmm-fark__right {
    flex: 0 0 52%;
    max-width: 52%;
    position: relative;
    z-index: 2;
    margin-left: -20px; /* soldaki kartın üzerine 20px biner */
}

.gmm-fark__foto {
    width: 100%;
    aspect-ratio: 5 / 4;
    object-fit: cover;
    border-radius: 0;
    display: block;
}

/* Büyük ekran (1200–1400px arası) */
@media (max-width: 1400px) {
    .gmm-fark__circle--dis  { width: 720px; height: 720px; }
    .gmm-fark__circle--orta { width: 640px; height: 640px; }
    .gmm-fark__circle--ic   { width: 560px; height: 560px; }
    .gmm-fark__baslik       { font-size: 3.2rem; }
    .gmm-fark__metin        { font-size: 1.3rem; }
    .gmm-fark__card         { padding: 50px 50px; }
}

/* Tablet (960–1199px) */
@media (max-width: 1199px) {
    .gmm-fark__card         { padding: 40px 32px; }
    .gmm-fark__baslik       { font-size: 2.4rem; }
    .gmm-fark__metin        { font-size: 1.2rem; }
    .gmm-fark__circle--dis  { width: 580px; height: 580px; }
    .gmm-fark__circle--orta { width: 510px; height: 510px; }
    .gmm-fark__circle--ic   { width: 440px; height: 440px; }
    .gmm-fark__left         { margin-top: 60px; }
}

/* Küçük tablet (640–959px) */
@media (max-width: 959px) {
    .gmm-fark__wrapper { flex-direction: column; gap: 0; }
    .gmm-fark__left,
    .gmm-fark__right   { flex: 0 0 100%; max-width: 100%; margin-left: 0; }
    .gmm-fark__left    { margin-top: 0; }
    .gmm-fark__card    { padding: 40px 32px; aspect-ratio: auto; }
    .gmm-fark__baslik  { font-size: 2.2rem; }
    .gmm-fark__right   { margin-top: 0; }
    .gmm-fark__circles { display: none; }
}

/* Mobil */
@media (max-width: 639px) {
    .gmm-fark__wrapper { flex-direction: column; gap: 0; }
    .gmm-fark__left,
    .gmm-fark__right   { flex: 0 0 100%; max-width: 100%; margin-left: 0; }
    .gmm-fark__left    { margin-top: 0; }
    .gmm-fark__card    { padding: 32px 24px; aspect-ratio: auto; }
    .gmm-fark__baslik  { font-size: 1.8rem; }
    .gmm-fark__right   { margin-top: 0; }
    .gmm-fark__circles { display: none; }
}

/* ========================================
   GMM Hero Bölümü (index.php)
======================================== */

.gmm-hero {
    background: #fff;
    padding: 40px 0 80px;
}
.gmm-hero__card-wrap { position: relative; }

/* Üst Metin */

.gmm-hero__text p {
    font-size: 1.9rem;
    font-weight: 400;
    color: #1a1a1a;
    line-height: 1.3;
    margin: 0;
    text-align: center;
}

/* Sarı Kart */
.gmm-hero__card {
    position: relative;
    background: #efae00;
    border-radius: 15px;
    overflow: visible;
    height: 300px;
    isolation: isolate;
}

/* Makine — yüksekliğe kilitli, alttan taşar */
.gmm-hero__machine {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: calc(100% + 180px);
    pointer-events: none;
}
.gmm-hero__machine-img {
    display: block;
    height: 100%;
    width: auto;
    mix-blend-mode: multiply;
}

/* Sağ Metin */
.gmm-hero__desc {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 42%;
    padding: 0 50px 0 20px;
}
.gmm-hero__desc p {
    font-size: 1.55rem;
    color: #fff;
    line-height: 1.4;
    margin: 0;
}

/* Büyük ekran (1200px+) */
@media (min-width: 1200px) {
    .gmm-hero__card   { height: 340px; }
    .gmm-hero__machine { height: calc(100% + 250px); }
}

/* Tablet geniş (960–1199px) */
@media (max-width: 1199px) and (min-width: 960px) {
    .gmm-hero__card   { height: 280px; }
    .gmm-hero__machine { height: calc(100% + 170px); }
    .gmm-hero__desc p  { font-size: 1.3rem; }
}

/* Tablet dar (640–959px) */
@media (max-width: 959px) and (min-width: 640px) {
    .gmm-hero__card   { height: 220px; }
    .gmm-hero__machine { height: calc(100% + 150px); }
    .gmm-hero__desc   { width: 46%; padding: 0 30px 0 10px; }
    .gmm-hero__desc p  { font-size: 1rem; }
    .gmm-hero__text p  { font-size: 1.4rem; }
}

/* Mobil (< 640px) */
@media (max-width: 639px) {
    .gmm-hero { padding: 24px 0 60px; }
    .gmm-hero__text p  { font-size: 1.05rem; }
    .gmm-hero__card    { height: 180px; border-radius: 12px; }
    .gmm-hero__machine { height: calc(100% + 150px); }
    .gmm-hero__desc {
        width: 52%;
        padding: 0 14px;
    }
    .gmm-hero__desc p  { font-size: 0.85rem; line-height: 1.55; }
    .gmm-hero__text p  { font-size: 1.15rem; }
}

/* ========================================
   GMM Footer (index.php)
======================================== */

/* ---- Sürdürülebilirlik Banner Animasyonlar ---- */
@keyframes yaprak-sol {
    0%   { transform: rotate(-4deg) translateY(0px); }
    50%  { transform: rotate(3deg) translateY(-10px); }
    100% { transform: rotate(-4deg) translateY(0px); }
}
@keyframes yaprak-sag {
    0%   { transform: rotate(4deg) translateY(0px); }
    50%  { transform: rotate(-3deg) translateY(-12px); }
    100% { transform: rotate(4deg) translateY(0px); }
}
@keyframes globe-float {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}


/* ---- Sürdürülebilirlik Banner ---- */
.gmm-surd-banner {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    position: relative;
    z-index: 10;
    overflow: visible;
}

/* İç sayfalarda banner margin sıfırlanır */
.gmm-surd-banner--inner {
    margin-top: 0 !important;
}

/* margin-top / margin-bottom — ekran genişliğine göre */
@media (min-width: 1200px) {
    .gmm-surd-banner {
        margin-top: 300px;
        margin-bottom: -150px;
    }
}
@media (min-width: 960px) and (max-width: 1199px) {
    .gmm-surd-banner {
        margin-top: 200px;
        margin-bottom: -110px;
    }
}
.gmm-surd-banner__yaprak--sol { justify-self: end;   margin-right: 160px; }
.gmm-surd-banner__yaprak--sag { justify-self: start; margin-left:  160px; }
.gmm-surd-banner__yaprak {
    height: auto;
    width: auto;
    max-width: 100%;
    display: block;
    flex-shrink: 1;
}
.gmm-surd-banner__yaprak--sol {
    animation: yaprak-sol 5s ease-in-out infinite;
    transform-origin: center bottom;
    margin-top: 100px;
}
.gmm-surd-banner__yaprak--sag {
    animation: yaprak-sag 6s ease-in-out infinite;
    transform-origin: center bottom;
    margin-top: 100px;
}
.gmm-surd-banner__center {
    height: auto;
    animation: globe-float 30s linear infinite;
    width: auto;
    max-width: 100%;
    display: block;
    flex-shrink: 1;
    position: relative;
    z-index: 11;
}
@media (max-width: 959px) {
    .gmm-surd-banner {
        margin-top: 100px;
        margin-bottom: -80px;
    }
    .gmm-surd-banner__yaprak--sol { margin-right: 60px; margin-top: 60px; }
    .gmm-surd-banner__yaprak--sag { margin-left:  60px; margin-top: 60px; }
    .gmm-surd-banner__yaprak { max-width: 22vw; }
    .gmm-surd-banner__center { max-width: 22vw; }
}
@media (max-width: 639px) {
    .gmm-surd-banner {
        margin-top: 100px;
        margin-bottom: -60px;
    }
    .gmm-surd-banner__yaprak--sol { margin-right: 20px; margin-top: 35px; }
    .gmm-surd-banner__yaprak--sag { margin-left:  20px; margin-top: 35px; }
    .gmm-surd-banner__yaprak { max-width: 18vw; }
    .gmm-surd-banner__center { max-width: 30vw; }
}
@media (max-width: 400px) {
    .gmm-surd-banner {
        margin-top: 60px;
        margin-bottom: -30px;
    }
    .gmm-surd-banner__yaprak--sol { margin-right: 8px; margin-top: 20px; }
    .gmm-surd-banner__yaprak--sag { margin-left:  8px; margin-top: 20px; }
    .gmm-surd-banner__yaprak { max-width: 15vw; }
    .gmm-surd-banner__center { max-width: 32vw; }
}

/* ---- Sürdürülebilirlik ---- */
.gmm-sustainability {
    padding: 60px 0 80px;
}
.gmm-sustainability__title {
    font-size: 2.02rem;
    font-weight: 600;
    color: #0e1215;
    margin-bottom: 24px;
}
.gmm-sustainability__text {
    font-size: 1.425rem;
    color: #0e1215;
    margin: 0 auto;
    line-height: 1.6;
}

/* ---- Ayırıcı ---- */
.gmm-divider {
    border: none;
    border-top: 1px solid #fff;
    margin: 0;
}

/* ---- Ana Footer ---- */
.gmm-footer {
    position: relative;
    background: url('/images/footer-bg.webp') top right / cover no-repeat;
}
.gmm-footer__overlay {
    padding: 120px 0 150px;
}

/* ---- Brand / Logo ---- */
.gmm-footer__logo {
    max-width: 235px;
    margin-bottom: 28px;
    display: block;
}
.gmm-footer__logo-link {
    display: inline-block;
}
.gmm-footer__contact-list {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.gmm-footer__contact-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: #0e1215;
    font-size: 1.05rem;
    line-height: 1.55;
    margin-bottom: 0;
}
.gmm-footer__contact-item a {
    color: #0e1215;
    text-decoration: none;
}
.gmm-footer__contact-item a:hover { color: #e6a800; }
.gmm-footer__contact-icon {
    flex-shrink: 0;
    color: #0e1215;
    margin-top: 2px;
}
.gmm-footer__contact-inline {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.gmm-footer__contact-inline a {
    font-size: 1.125rem;
}
.gmm-footer__contact-sep {
    display: inline-block;
    width: 1px;
    height: 14px;
    background: rgba(14, 18, 21, 0.35);
    margin: 0 4px;
}

/* ---- Nav Columns ---- */
.gmm-footer__col {
    padding-top: 8px;
}
.gmm-footer__heading {
    font-size: 1.7rem;
    font-weight: 500;
    color: #3b3e40;
    margin: 0 0 10px;
    letter-spacing: 0.02em;
}
.gmm-footer__heading-bar {
    width: 36px;
    height: 3px;
    background: #efae01;
    margin-bottom: 22px;
    border-radius: 0px;
}
.gmm-footer__nav {
    margin: 0;
    padding: 0;
}
.gmm-footer__nav li {
    margin-bottom: 10px;
}
.gmm-footer__nav li a {
    color: #5f5f5f;
    font-size: 1.06rem;
    text-decoration: none;
    transition: color 0.2s;
}
.gmm-footer__nav li a:hover {
    color: #e6a800;
}

/* ---- Alt Bar ---- */
.gmm-footer__bottom {
    background: #fff;
    padding: 50px 0;
}
.gmm-footer__bottom-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.gmm-footer__left {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}
.gmm-footer__social {
    display: flex;
    gap: 14px;
    align-items: center;
}
.gmm-footer__social-link {
    color: #333;
    transition: color 0.2s;
    display: inline-flex;
    align-items: center;
}
.gmm-footer__social-link:hover { color: #e6a800; }

.gmm-footer__copy {
    font-size: 1.05rem;
    color: #797979;
}
.gmm-footer__certs {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.gmm-footer__cert-img {
    width: auto;
    object-fit: contain;
    filter: grayscale(100%);
    transition: filter .25s ease;
}
.gmm-footer__cert-img:hover { filter: grayscale(0%); }

/* ---- Responsive ---- */
@media (max-width: 639px) {
    .gmm-footer__bottom-inner {
        flex-direction: column;
        text-align: center;
    }
    .gmm-footer__left    { justify-content: center; flex-direction: column; gap: 10px; }
    .gmm-footer__social  { justify-content: center; }
    .gmm-footer__certs   { justify-content: center; }
}
@media (max-width: 639px) {
    .gmm-footer__overlay {
        padding: 60px 0 60px;
    }
    .gmm-sustainability__title { font-size: 1.5rem; }
    .gmm-sustainability__text {
        font-size: 1.05rem;
        line-height: 1.55;
    }
    .gmm-footer__logo { max-width: 140px; }
    .gmm-sustainability { text-align: center; }
    .gmm-footer__brand,
    .gmm-footer__col { text-align: center; }
    .gmm-footer__contact-list { align-items: center; }
    .gmm-footer__contact-item { flex-direction: row; align-items: flex-start; }
    .gmm-footer__contact-item span br { display: none; }
    .gmm-footer__contact-inline {
        flex-direction: column;
        align-items: flex-center;
        gap: 6px;
    }
    .gmm-footer__contact-pair {
        display: inline-flex;
        align-items: center;
        gap: 8px;
    }
    .gmm-footer__contact-inline a {
        font-size: 1rem;
    }
    .gmm-footer__heading-bar { margin-left: auto; margin-right: auto; }
    .gmm-footer__logo { margin-left: auto; margin-right: auto; }
    .gmm-footer__nav { text-align: center; }
}


.orange {
    color: #efae00;
}

/* ============================================================
   DUYURU / HABER SLIDER BAR
   Sol: container-xlarge sol kenarı  |  Sağ: viewport sağ kenarı
   ============================================================ */

/* Dış sarmalayıcı: flex row, sol etiket + slider yan yana */
.gmm-news-bar {
    display: flex;
    align-items: center;
    gap: 0;
    padding: 18px 0;
    /* Sağ kenarı viewport sağ ucuna uzat */
    margin-right: calc(-50vw + 50%);
    overflow: hidden;
}

/* Sol etiket: "GMM / Güncel" */
.gmm-news-bar__label {
    flex-shrink: 0;
    font-size: 30px;
    font-weight: 400;
    color: #1a1c20;
    letter-spacing: 0.01em;
    padding-right: 28px;
    white-space: nowrap;
}

.gmm-news-bar__label strong {
    font-weight: 700;
}

/* Slider alanı: kalan tüm genişliği kaplar */
.gmm-news-bar__slider-wrap {
    flex: 1;
    min-width: 0;
    overflow: hidden;
}

/* Her slider öğesi */
.gmm-news-bar__item {
    width: auto;
}

/* Pill kart */
.gmm-news-bar__card {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    border: 1px solid #9aa2a5;
    border-radius: 50px;
    padding: 14px 26px 14px 16px;
    white-space: nowrap;
    cursor: pointer;
    transition: border-color 0.2s, box-shadow 0.2s;
    text-decoration: none;
    color: inherit;
}

.gmm-news-bar__card:hover {
    border-color: #efae00;
    box-shadow: 0 2px 10px rgba(239, 174, 0, 0.15);
}

/* İkon */
.gmm-news-bar__icon {
    width: 34px;
    height: 34px;
    object-fit: contain;
    border-radius: 50%;
    flex-shrink: 0;
}
.gmm-news-bar__icon--photo {
    object-fit: cover;
}

/* Başlık */
.gmm-news-bar__title {
    font-size: 16px;
    color: #1a1c20;
    font-weight: 400;
    line-height: 1.3;
    max-width: 340px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Sarı ok */
.gmm-news-bar__arrow {
    color: #efae00;
    font-size: 1rem;
    font-weight: 600;
    flex-shrink: 0;
    margin-left: 4px;
    line-height: 1;
}

/* Responsive */
@media (max-width: 959px) {
    .gmm-news-bar__label {
        padding-right: 18px;
    }
}

@media (max-width: 639px) {
    .gmm-news-bar {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        padding: 18px 0;
    }
    .gmm-news-bar__label {
        padding-right: 0;
    }
    .gmm-news-bar__slider-wrap {
        width: 100%;
        overflow: hidden;
    }
    /* Mobilde her kart tam genişlik — önceki öğe kuyruğu gözükmez */
    .gmm-news-bar__item {
        width: 100% !important;
    }
    .gmm-news-bar__card {
        white-space: normal;
    }
    .gmm-news-bar__title {
        white-space: normal;
        overflow: visible;
        text-overflow: unset;
        max-width: 100%;
    }
}