/* Genel Kurumsal Alan Kapsayıcısı */
.kurumsal-alan {
width: 100%;
overflow: hidden;
--primary-brown: #8a6e53; /* Başlık rengi */
--text-grey: #5a5a5a; /* Paragraf rengi */
--light-bg: #f7f7f7; /* Alt alan arkaplan rengi */
padding: 50px 0px 0px;
}/* --- ÜST BÖLÜM (Metin ve Görsel) --- */
.kurumsal-top-section {
display: flex;
align-items: stretch;
max-width: 1400px;
margin: 0 auto 70px auto;
}.kurumsal-text-box {
flex: 1;
padding: 80px 50px 80px 5%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}.kurumsal-subtitle {
font-size: 11px;
font-weight: 500;
color: #999;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 25px;
}.kurumsal-title {
font-size: 2.8rem;
line-height: 1.2;
color: var(--primary-brown);
font-weight: 700;
margin-bottom: 25px;
}.kurumsal-description {
font-size: 1rem;
line-height: 1.6;
color: var(--text-grey);
margin-bottom: 40px;
max-width: 95%;
}.kurumsal-btn:hover {
opacity: 0.8;
}.kurumsal-image-box {
flex: 1;
min-height: 400px;
}.kurumsal-image-box img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}/* --- ALT BÖLÜM (İstatistikler) --- */
.kurumsal-bottom-section {
background-color: var(--light-bg);
padding: 80px 20px;
text-align: center;
}.kurumsal-bottom-title {
font-size: 36px;
color: var(--primary-brown);
font-weight: 700;
line-height: 1.3;
margin-bottom: 60px;
}.kurumsal-stats-container {
display: flex;
justify-content: center;
gap: 100px;
max-width: 1200px;
margin: 0 auto;
flex-wrap: wrap;
}.kurumsal-stat-item {
display: flex;
flex-direction: column;
align-items: center;
flex: 1;
min-width: 150px;
}.kurumsal-icon {
position: relative;
}.kurumsal-icon svg {
width: 40px;
height: 40px;
margin-bottom: 20px;
fill: #8a6e53;
position: relative;
z-index: 1;
}.kurumsal-icon svg.svg22 {
top: -2px;
left: 6px;
position: absolute;
}.kurumsal-stat-number {
font-size: 2.2rem;
color: var(--primary-brown);
font-weight: 700;
margin-bottom: 10px;
}.kurumsal-stat-text {
font-size: 1rem;
color: var(--text-grey);
font-weight: 400;
}/* --- MOBİL UYUMLULUK (Responsive) --- */
@media (max-width: 1200px) {
.kurumsal-top-section {
flex-direction: column;
}
.kurumsal-text-box {
padding: 0px 15px 50px;
}
.kurumsal-title {
font-size: 2.2rem;
}
.kurumsal-stats-container {
gap: 50px;
}
.kurumsal-bottom-title {
font-size: 2rem;
}.kurumsal-top-section {
margin-bottom: 0px;
}.kurumsal-bottom-section {
padding: 40px 20px;
}
.bilgi-kapsayici {
padding: 0px 20px;
}
}@media (max-width: 1200px) {
.kurumsal-stat-number {
font-size: 1.8rem;
}
.kurumsal-title {
font-size: 1.8rem;
}
.kurumsal-bottom-title {
font-size: 1.5rem;
}
}/**/:root {
--primary-brown: #82654b; /* Başlık rengi */
--light-brown: #a38c7a; /* Tarih rengi */
--text-dark: #4a4a4a; /* Paragraf rengi */
--bg-color: #fafafa;
}/* --- .blog Ana Konteyner --- */
.blog {
width: 100%;
height: auto;
padding: 70px 0px;
}/* Üst Başlık ve Link Alanı */
.blog-header {
display: flex;
justify-content: space-between;
align-items: baseline;
margin-bottom: 50px;
}.blog-header h2 {
font-size: 36px;
font-weight: 700;
color: var(--primary-brown);
margin: 0;
font-weight: 700;position: relative;
}
.blog-header h2::after {
content: "";
position: absolute;
bottom: -10px;
left: 0;
width: 50px;
height: 4px;
background-color: var(--primary-brown);
border-radius: 2px;
}.blog-header a {
font-size: 1.1rem;
color: var(--primary-brown);
text-decoration: none;
font-weight: 600;
display: flex;
align-items: center;
gap: 5px;
transition: opacity 0.3s ease;
}.blog-header a:hover {
opacity: 0.7;
}/* Grid Yapısı (3'lü Kart Dizilimi) */
.blog-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 40px;
}/* Kart İçeriği */
.blog-card {
display: flex;
flex-direction: column;
cursor: pointer;
}/* Resim Alanı ve Efekti */
.blog-image-wrapper {
width: 100%;
height: 240px; /* Resim yüksekliği */
overflow: hidden;
margin-bottom: 20px;
}.blog-image-wrapper img {
width: 100%;
height: 100%;
object-fit: cover; /* Resmin bozulmadan alanı kaplamasını sağlar */
transition: transform 0.5s ease; /* Yumuşak yakınlaşma efekti */
}.blog-card:hover .blog-image-wrapper img {
transform: scale(1.05); /* Üzerine gelince resmi %5 büyüt */
}/* Metin Alanları */
.blog-date {
font-size: 0.85rem;
color: var(--light-brown);
margin-bottom: 10px;
display: block;
}.blog-title {
font-size: 1.35rem;
color: var(--primary-brown);
margin: 0 0 15px 0;
line-height: 1.3;
font-weight: 700;
}.blog-excerpt {
font-size: 1rem;
color: var(--text-dark);
line-height: 1.6;
margin: 0;
font-weight: 300;
}/* Mobil Uyumluluk İçin Ekstra Ayar */
@media (max-width: 768px) {
.blog-header {
flex-direction: column;
gap: 15px;
}
.blog-header h2 {
font-size: 2rem;
}
}/**//* Ana Seksiyon ve Arkaplan Işıkları */
.koyu-premium-bolum {
position: relative;
padding: 70px 0px 70px 0px;
background: url("../images/bg.webp") no-repeat center center/cover;
overflow: hidden;
}.koyu-premium-bolum::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background: #040907;
top: 0px;
left: 0px;
opacity: 90%;
}/* Arkadan vuran hafif renkli ışık efektleri (Derinlik katar) */
.ambiyans-isigi-yesil {
position: absolute;
top: 0;
left: 10%;
width: 50vw;
height: 50vw;
background-color: var(--renk2);
filter: blur(250px);
opacity: 0.15;
border-radius: 50%;
z-index: 0;
}.ambiyans-isigi-kahve {
position: absolute;
bottom: 0;
right: 10%;
width: 40vw;
height: 40vw;
background-color: var(--renk3);
filter: blur(200px);
opacity: 0.15;
border-radius: 50%;
z-index: 0;
}/* Başlık Bölümü */
.baslik-alani {
position: relative;
z-index: 2;
text-align: center;
margin-bottom: 70px;
}.ust-etiket {
color: var(--renk2);
font-size: 14px;
font-weight: 700;
letter-spacing: 3px;
text-transform: uppercase;
margin-bottom: 15px;
display: block;
}.ana-baslik {
font-size: 36px;
font-weight: 700;
margin: 0;
color: var(--text-beyaz);
}/* Ürün Izgarası */
.urun-kapsayici {
position: relative;
z-index: 2;
display: flex;
justify-content: center;
gap: 40px;
flex-wrap: wrap;
max-width: 1250px;
margin: 0 auto;
}/* Koyu Temalı Cam Efektli (Glassmorphism) Kart */
.koyu-kart {
border: solid 1px rgba(204, 204, 204, 0.252);
border-radius: 24px;
width: 340px;
padding: 0 35px 40px 35px;
display: flex;
flex-direction: column;
align-items: center;
transition:
transform 0.4s ease,
box-shadow 0.4s ease;
margin-top: 70px; /* Görselin taşması için boşluk */
}.koyu-kart:hover {
transform: translateY(-12px);
box-shadow: 0 30px 60px rgba(75, 140, 40, 0.15); /* Hoverda hafif yeşil parlama */
border-top: 1px solid rgba(75, 140, 40, 0.3); /* Hoverda üst çizgi yeşil olur */
}/* Dışarı Taşan Görsel */
.gorsel-alani {
width: 200px;
height: 250px;
margin-top: -90px;
margin-bottom: 30px;
position: relative;
transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}.gorsel-alani img {
width: 100%;
height: 100%;
object-fit: contain;
filter: drop-shadow(0 25px 20px rgba(0, 0, 0, 0.6));
}.koyu-kart:hover .gorsel-alani {
transform: scale(1.1) translateY(-15px);
}/* Resim Yokken Görünecek Alan (Sizin İçin) */
.gorsel-yer-tutucu {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
border: 2px dashed rgba(255, 255, 255, 0.2);
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: var(--text-gri);
font-size: 13px;
}/* Ürün Metinleri */
.rozet {
background-color: var(--renk3); /* Ahşap Rengi Rozet */
color: var(--text-beyaz);
padding: 5px 15px;
border-radius: 20px;
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
margin-bottom: 15px;
text-transform: uppercase;
}.urun-adi {
font-size: 28px;
font-weight: 700;
margin: 0 0 25px 0;
text-align: center;
color: var(--text-beyaz);
}/* Özellik Listesi */
/* Özellik Listesi Ana Kapsayıcı */
.ozellikler {
width: 100%;
margin: 0 0 35px 0;
padding: 0;
}/* Admin panelinden ul geliyorsa margin/padding sıfırlaması */
.ozellikler ul {
list-style: none;
padding: 0;
margin: 0;
}/* Liste Elemanları (Maddeler) */
.ozellikler li {
color: #fff;
font-size: 15px;
margin-bottom: 4px;
display: flex;
align-items: center;
padding-bottom: 4px;
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
list-style-type: none; /* Varsayılan noktaları gizler */
font-weight: 500;
}.ozellikler li:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}/* İŞTE BURASI: HTML'deki SVG'yi CSS'e ::before olarak aldık */
.ozellikler li::before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
margin-right: 12px;
flex-shrink: 0;
/* var(--renk2) kodunuzu arka plan olarak veriyoruz */
background-color: var(--renk2);/* İstediğiniz o SVG kodunu maske olarak uyguluyoruz */
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
}/* Modern Buton */
.satin-al-btn {
width: 100%;
background-color: var(--renk2);
color: var(--text-beyaz);
text-align: center;
padding: 15px 0;
border-radius: 12px;
font-size: 15px;
font-weight: 700;
text-decoration: none;
transition: all 0.3s ease;
border: none;
cursor: pointer;
box-shadow: 0 10px 20px rgba(75, 140, 40, 0.2);
}.satin-al-btn:hover {
background-color: #5ab030; /* Buton hoverda çok az daha parlar */
box-shadow: 0 15px 30px rgba(75, 140, 40, 0.4);
transform: translateY(-2px);
}/* Mobil Uyumluluk */
@media (max-width: 768px) {
.ana-baslik {
font-size: 34px;
}
.urun-kapsayici {
gap: 30px;
}
.koyu-kart {
width: 100%;
max-width: 360px;
margin-top: 100px;
}
}/* Seksiyon Ayarları */
.ferah-bilgi-seksiyonu {
padding: 70px 0px;
background-color: var(--zemin-acik);
/* Koyu temadan açık temaya geçerken şık bir yumuşaklık katar */
background-image: radial-gradient(
circle at top right,
#ffffff 0%,
#f7f7f7 100%
);
}.bilgi-kapsayici {
max-width: 1300px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
}/* Sol Başlık */
.bolum-baslik {
font-size: 36px;
font-weight: 700;
color: var(--renk1);
margin: 0 0 30px 0;
position: relative;
display: inline-block;
}.bolum-baslik::after {
content: "";
position: absolute;
bottom: -10px;
left: 0;
width: 50px;
height: 4px;
background-color: var(--renk2);
border-radius: 2px;
}/* =========================================
SOL TARAF: NEDEN BİZ (AÇIK TEMA)
========================================= */
.neden-biz-listesi {
display: flex;
flex-direction: column;
gap: 20px;
margin-top: 20px;
}.neden-kutu {
background: var(--kart-beyaz);
border-radius: 16px;
padding: 25px;
display: flex;
align-items: flex-start;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.03);
border: 1px solid rgba(0, 0, 0, 0.02);
border-left: 4px solid transparent;
/* Hover için hazır bekleyen sol çizgi */
transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}.neden-kutu:hover {
transform: translateX(8px);
box-shadow: 0 15px 30px rgba(75, 140, 40, 0.08);
border-left: 4px solid var(--renk2);
/* Mouse gelince sol tarafta yeşil çizgi çıkar */
}.ikon-kutu {
width: 55px;
height: 55px;
background: rgba(75, 140, 40, 0.1);
border-radius: 14px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 20px;
flex-shrink: 0;
}.ikon-kutu svg {
width: 26px;
height: 26px;
fill: var(--renk2);
}.neden-icerik h4 {
margin: 0 0 8px 0;
color: var(--renk1);
font-size: 19px;
font-weight: 700;
}.neden-icerik p {
margin: 0;
color: var(--metin-gri);
font-size: 14px;
line-height: 1.6;
font-weight: 500;
}/* =========================================
SAĞ TARAF: SSS BAŞLIK VE "TÜMÜ" BUTONU
========================================= */
.sss-baslik-alani {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
padding-bottom: 15px;
}.sss-baslik-alani .bolum-baslik {
margin: 0;
/* Flex yapısı için marginleri sıfırladık */
}.sss-baslik-alani .bolum-baslik::after {
display: none;
/* Bu başlığın alt çizgisini kaldırdık ki Tümü linkiyle simetrik dursun */
}.tumu-linki {
display: flex;
align-items: center;
color: var(--renk2);
font-size: 15px;
font-weight: 600;
text-decoration: none;
transition: color 0.3s ease;
}.tumu-linki:hover {
color: var(--renk1);
}.tumu-linki svg {
width: 18px;
height: 18px;
fill: currentColor;
margin-left: 5px;
transition: transform 0.3s ease;
}.tumu-linki:hover svg {
transform: translateX(4px);
/* Hoverda ok hafifçe sağa kayar */
}/* =========================================
SAĞ TARAF: SIKÇA SORULAN SORULAR
========================================= */
.sss-listesi {
display: flex;
flex-direction: column;
gap: 15px;
}.sss-listesi details {
background: var(--kart-beyaz);
border-radius: 12px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.02);
overflow: hidden;
border: 1px solid rgba(0, 0, 0, 0.03);
transition: all 0.3s ease;
}.sss-listesi details[open] {
box-shadow: 0 10px 25px rgba(138, 110, 83, 0.1);
/* Açıkken ahşap rengi tonunda gölge */
border-color: rgba(138, 110, 83, 0.3);
}.sss-listesi summary {
padding: 20px 25px;
font-size: 17px;
font-weight: 600;
color: var(--renk1);
cursor: pointer;
list-style: none;
/* Safari/Chrome native oku gizler */
display: flex;
justify-content: space-between;
align-items: center;
transition: color 0.3s ease;
}.sss-listesi summary::-webkit-details-marker {
display: none;
}.sss-listesi summary:hover {
color: var(--renk2);
}/* + ve - İkonu Yapımı */
.sss-listesi summary::after {
content: "+";
font-size: 24px;
font-weight: 400;
color: var(--renk2);
background: rgba(75, 140, 40, 0.1);
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: all 0.3s ease;
}.sss-listesi details[open] summary::after {
content: "−";
transform: rotate(180deg);
background: var(--renk3);
/* Eksi olduğunda kutu ahşap rengi olur */
color: white;
}.sss-cevap {
padding: 0 25px 25px 25px;
color: var(--metin-gri);
font-size: 15px;
line-height: 1.7;
margin-top: -5px;
/* Başlığa biraz daha yaklaştırır */
}/* Mobil Uyumluluk */
@media (max-width: 992px) {
.bilgi-kapsayici {
grid-template-columns: 1fr;
/* mobilde alt alta */
gap: 50px;
}.sss-baslik-alani {
flex-direction: row;
/* Mobilde de yan yana kalmasını istiyorsak row */
}
}@media (max-width: 480px) {
.sss-baslik-alani {
flex-direction: column;
/* Çok dar ekranda Tümü linkini alta atar */
align-items: flex-start;
gap: 10px;
}
}/**//* ---- RENK DEĞİŞKENLERİ ---- */
:root {
--renk1: #042014; /* Koyu Yeşil - Arka Plan */
--renk2: #4b8c28; /* Canlı Yeşil - Vurgu/Hover */
--renk3: #8a6e53; /* Toprak Rengi - Detaylar/Çizgiler */
--text-beyaz: #ffffff; /* Başlıklar İçin */
--text-gri: #a8bdbc; /* Metinler İçin (Yeşil alt tonlu gri) */
--cizgi-rengi: rgba(168, 189, 188, 0.15); /* İnce ayırıcı çizgiler */
}/* ---- GENEL YAPI ---- */
.site-footer {
position: relative;
/* Düz renk yerine hafif geçişli gradient, derinlik katar */
background: linear-gradient(135deg, var(--renk1) 0%, #02120b 100%);
color: var(--text-gri);
border-top: 4px solid var(--renk2); /* Üstte şık bir çizgi */
overflow: hidden;
}/* Arka plan detay deseni (isteğe bağlı zenginlik katar) */
.footer-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: radial-gradient(var(--renk3) 1px, transparent 1px);
background-size: 40px 40px;
opacity: 0.03; /* Çok hafif bir doku verir */
pointer-events: none;
}.footer-container {
position: relative;
z-index: 1;
max-width: 1250px;
margin: 0 auto;
padding: 70px 20px;
display: grid;
grid-template-columns: 2fr 1fr 1fr 1.5fr; /* Sütun genişlikleri farklı, daha asimetrik şık bir yapı */
gap: 50px;
}/* ---- BAŞLIKLAR ---- */
.footer-col h4 {
color: var(--text-beyaz);
font-size: 1.25rem;
font-weight: 600;
margin-bottom: 25px;
position: relative;
text-transform: capitalize;
letter-spacing: 0.5px;
padding-bottom: 12px;
}.footer-col h4::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 50px;
height: 2px;
background-color: var(--renk2);
border-radius: 2px;
}/* ---- 1. SÜTUN: MARKA & HAKKIMIZDA ---- */
.footer-logo {
color: var(--text-beyaz);
font-size: 1.8rem;
margin: 0 0 20px 0;
letter-spacing: 1px;
}.footer-logo img {
width: 140px;
height: auto;
}.footer-desc {
font-size: 0.95rem;
line-height: 1.6;
margin-bottom: 25px;
}/* Sosyal İkonlar (SVG) */
.social-icons {
display: flex;
gap: 15px;
}.social-icons a {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background: rgba(255, 255, 255, 0.05);
color: var(--text-gri);
border-radius: 8px;
border: 1px solid var(--cizgi-rengi);
transition: all 0.3s ease;
}.social-icons a svg {
width: 18px;
height: 18px;
fill: #fff;
}.social-icons a:hover {
background: var(--renk2);
color: var(--text-beyaz);
border-color: var(--renk2);
transform: translateY(-4px); /* Yukarı kalkma efekti */
}/* ---- 2. & 3. SÜTUN: LİNKLER ---- */
.footer-links {
list-style: none;
padding: 0;
margin: 0;
}.footer-links li {
margin-bottom: 12px;
}.footer-links a {
display: flex;
align-items: center;
color: var(--text-gri);
text-decoration: none;
font-size: 0.95rem;
text-transform: capitalize;
transition: all 0.3s ease;
}.link-icon {
width: 16px;
height: 16px;
margin-right: 8px;
color: var(--renk2);
transition: all 0.3s ease;
opacity: 0.5;
}.footer-links a:hover {
color: var(--text-beyaz);
padding-left: 8px; /* Hover olduğunda sağa hafif kayar */
}.footer-links a:hover .link-icon {
opacity: 1;
transform: translateX(4px);
}/* Ürün linklerindeki yuvarlak detaylar */
.product-icon {
color: var(--renk3);
}/* ---- 4. SÜTUN: İLETİŞİM & HARİTA ---- */
.contact-info {
list-style: none;
padding: 0;
margin: 0 0 25px 0;
}.contact-info li {
display: flex;
align-items: flex-start;
margin-bottom: 18px;
font-size: 0.95rem;
line-height: 1.5;
}.icon-wrapper {
flex-shrink: 0;
width: 35px;
height: 35px;
background: rgba(75, 140, 40, 0.1);
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 15px;
color: var(--renk2);
}.icon-wrapper svg {
width: 18px;
height: 18px;
}.contact-info a {
color: var(--text-gri);
text-decoration: none;
transition: color 0.3s ease;
margin-top: 6px; /* Telefon ve e-postanın ikonla hizalanması için */
display: block;
}.contact-info a:hover {
color: var(--renk2);
}/* Harita Tasarımı */
.map-container {
width: 100%;
height: 150px;
border-radius: 8px;
overflow: hidden;
position: relative;
/* Toprak rengiyle desteklenmiş şık bir çerçeve efekti */
border: 1px solid var(--renk3);
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.4);
}.map-container::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5); /* İçeriye doğru hafif gölge */
z-index: 2;
}.map-container iframe {
width: 100%;
height: 100%;
border: 0;
filter: grayscale(20%) contrast(1.1); /* Haritayı sitenin koyu temasıyla uyumlu hale getirir */
}/* ---- EN ALT BÖLÜM (COPYRIGHT) ---- */
.footer-bottom {
background-color: rgba(0, 0, 0, 0.2);
border-top: 1px solid var(--cizgi-rengi);
padding: 20px 0;
position: relative;
z-index: 1;
}.footer-bottom-container {
max-width: 1250px;
margin: 0 auto;
padding: 0 20px;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 0.85rem;
}.footer-bottom-container p {
margin: 0;
}.footer-bottom-links a {
color: var(--text-gri);
text-decoration: none;
margin-left: 20px;
transition: color 0.3s ease;
}.footer-bottom-links a:hover {
color: var(--renk3);
}/* ---- MOBİL UYUM (RESPONSIVE) ---- */
@media (max-width: 992px) {
.footer-container {
display: none;
grid-template-columns: 1fr 1fr; /* Tablette 2 sütun */
}.footer-bottom{
margin-bottom: 35px;
}
}@media (max-width: 768px) {
.footer-container {
grid-template-columns: 1fr; /* Telefonda tek sütun */
gap: 40px;
padding: 50px 20px;
}
.footer-bottom-container {
flex-direction: column;
text-align: center;
gap: 15px;
}
.footer-bottom-links a {
margin: 0 10px;
}
}