/* Google Fonts Import - Şık bir font için */.kategoriler-section {
width: 100%;
height: auto;
text-align: center;
padding: 80px 0;
}.kategoriler-baslik {
font-family: var(--font2);
font-size: 32px;
color: #4a332d; /* Koyu kahve/şarap tonu */
margin-bottom: 50px;
font-weight: 500;
margin-top: 0px;
}.text-center {
text-align: center;
}.kategoriler-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 25px;
}.kategoriler-kart {
text-decoration: none;
display: block;
transition: transform 0.4s ease;
}.kategoriler-resim-alan {
position: relative;
width: 100%;
aspect-ratio: 1 / 1.1; /* Görseldeki gibi hafif dikey dikdörtgen */
overflow: hidden;
background-color: #f9f9f9;
}.kategoriler-resim-alan img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}/* Üzerine gelince efektler */
.kategoriler-kart:hover img {
transform: scale(1.08); /* Hafif yakınlaşma */
}.kategoriler-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0);
transition: background-color 0.4s ease;
}.kategoriler-kart:hover .kategoriler-overlay {
background-color: rgba(0, 0, 0, 0.05); /* Çok hafif bir kararma */
}.kategoriler-isim {
font-size: 16px;
font-weight: 400;
color: #333;
margin-top: 20px;
transition: color 0.3s ease;
}.kategoriler-kart:hover .kategoriler-isim {
color: #8d6e63; /* Hover durumunda şık bir kahve tonu */
text-decoration: underline;
}/* Mobil Uyumluluk */
@media (max-width: 1024px) {
.kategoriler-grid {
grid-template-columns: repeat(2, 1fr); /* Tablette 2'li */
}
}@media (max-width: 600px) {
.kategoriler-grid {
grid-template-columns: 1fr; /* Mobilde tekli */
padding: 0 0px;
}
.kategoriler-baslik {
font-size: 24px;
}
}/***//* Zarif Serif Font */.beyaz-slogan-alani {
width: 100%;
overflow: hidden;
background-color: #f6f6f6; /* Zemin Beyaz */
padding: 30px 0;
white-space: nowrap;
position: relative;
/* Alt ve üste çok ince, zarif bir çizgi (opsiyonel) */
border-top: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
}.slogan-akis {
display: flex;
width: max-content;
animation: sonsuzKaydir 35s linear infinite;
}/* Üzerine gelince durması için */
.beyaz-slogan-alani:hover .slogan-akis {
animation-play-state: paused;
cursor: default;
}.slogan-grup {
display: flex;
align-items: center;
}.slogan-grup span {
font-family: var(--font2);
font-size: 30px; /* Boyutu ideal seviyeye çektim */
color: #1a1a1a; /* Koyu antrasit (tam siyah değil, daha premium durur) */
padding: 0 50px;
text-transform: lowercase; /* Görseldeki gibi küçük harf estetiği */
}/* Aradaki noktaların stili */
.slogan-grup .nokta {
font-size: 20px;
padding: 0;
color: #b5a48b; /* Noktaları hafif gold/bej tonu yaparak şıklık kattım */
opacity: 0.8;
}/* Sonsuz Döngü Animasyonu */
@keyframes sonsuzKaydir {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}/* Mobil ayarlar */
@media (max-width: 768px) {
.slogan-grup span {
font-size: 22px;
padding: 0 25px;
}
.beyaz-slogan-alani {
padding: 20px 0;
}
}/**/:root {
--bg-color: #e3dbd3;
--text-dark: #2c2c2c;
--accent-color: #8d7a6a;
--soft-glow: rgba(255, 255, 255, 0.4);
}.section-header {
width: 100%;
height: auto;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding-bottom: 40px;
margin-bottom: 50px;
}.section-padding {
padding: 80px 0;
}/* Üst Başlık Stili */
.upper-title {
font-size: 14px;
letter-spacing: 1px;
text-transform: uppercase;
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 22px;
}.upper-title::before {
content: "";
width: 40px;
height: 1px;
background-color: var(--text-dark);
}.main-heading {
margin-top: 0px;
font-size: 40px;
line-height: 1.1;
margin-bottom: 0px;
font-family: var(--font2);
font-weight: 300;
}.header-description {
font-size: 17px;
font-weight: 400;
line-height: 1.4;
max-width: 500px;
margin-top: 0px;
}/* Hizmet Listesi Alanı */.treatment-item:nth-child(1) {
border-top: 0px;
}.treatment-item {
border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 40px 0;
transition: all 0.4s ease;
position: relative;
}.treatment-number {
font-size: 84px;
display: block;
margin-bottom: 15px;
font-weight: 700;
position: absolute;
right: 0;
bottom: 10px;
z-index: -1;
color: #f7f7f7;
letter-spacing: -3px;
}.treatment-header {
display: grid;
grid-template-columns: 45px 1fr 1.8fr;
align-items: center;
gap: 16px;
margin-bottom: 10px;
}.treatment-icon {
width: 32px;
height: 32px;
stroke: var(--text-dark);
stroke-width: 1.2;
fill: none;
}.treatment-title {
font-size: 18px;
margin: 0;
line-height: 1.5;
font-family: var(--font2);
}.treatment-text {
font-size: 16px;
padding-left: 42px;
color: #555;
font-weight: 400;
margin-top: 0px;
margin-bottom: 0;
border-left: 1px solid #e2e2e2;
}/* Görsel Alanı */
.image-container22 {
position: relative;
height: 565px;
padding-left: 20px;
}.main-image {
width: 100%;
height: 100%;
object-fit: cover;
/* Hafif yumuşatma efekti */
filter: sepia(20%) contrast(1.05);
}/* Mobilde düzenleme */
@media (max-width: 991px) {
.header-description {
max-width: 100%;
margin-top: 20px;
}.image-container22 {
min-height: 360px;
margin-top: 50px;
padding: 0;
}
}/* Takip Eden Görsel Konteynırı - Boyutları Küçültüldü ve Optimize Edildi */
.hover-reveal {
position: fixed;
width: 220px; /* Zarif, daha küçük boyut */
height: 300px;
top: 0;
left: 0;
pointer-events: none;
opacity: 0;
visibility: hidden;
z-index: 1000;
transform: translate(-50%, -50%);
will-change: transform, opacity;
}.hover-reveal__inner {
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 4px; /* Çok hafif yuvarlatma, kurumsal duruş */
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
transform: scale(0.5); /* Başlangıçta iyice küçük */
transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s ease;
}.hover-reveal__img {
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
transform: scale(1.2); /* İç resim hafif zoomlu başlar */
transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}/* Satır Hover Durumu */
.treatment-item {
cursor: none; /* Mouse yerine resim ön planda olsun istersen (isteğe bağlı) */
}.treatment-item:hover {
z-index: 10;
}.treatment-item:hover .treatment-title {
color: var(--accent-color); /* Başlık kaymaz, sadece renk değiştirir */
}/* Sayıların rengini biraz daha soft yapalım ki resmin önüne geçmesin */
.treatment-number {
color: #f0ece9 !important;
}/**/:root {
--ul-bg-gray: #f2f2f2;
--ul-text: #1a1a1a;
--ul-border: #efefef;
}.urunler-listele-section {
position: relative;
padding: 80px 0;
background: url("../images/bg.webp") center center/cover no-repeat;
}.urunler-listele-section h2 {
position: relative;
margin-top: 0px;
color: #fff;
}.urunler-listele-section::before {
content: "";
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: #000;
opacity: 50%;
z-index: 9;
}.urunler-listele-section .container {
position: relative;
z-index: 10;
}/* Slider Track */
.urunler-listele-track {
display: flex;
gap: 20px;
overflow-x: auto;
scroll-behavior: smooth;
scrollbar-width: none;
padding-bottom: 20px;
}.urunler-listele-track::-webkit-scrollbar {
display: none;
}/* --- ÜRÜN KARTI ANA YAPI --- */
.urunler-listele-kart {
flex: 0 0 calc(25% - 15px);
min-width: 300px;
background: #fff;
border-radius: 6px;
overflow: hidden;
/* Butonu gizleyen ana özellik */
position: relative;
display: flex;
flex-direction: column;
border: 1px solid var(--ul-border);
transition: border-color 0.3s ease;
}/* Görsel Alanı */
.urunler-listele-kart .urunler-listele-media {
background-color: var(--ul-bg-gray);
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 1;
height: 310px;
}.urunler-listele-kart .urunler-listele-media img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}.urunler-listele-kart .urunler-listele-badge {
position: absolute;
z-index: 9;
top: 15px;
right: 15px;
background: #fff;
padding: 4px 12px;
border-radius: 5px;
font-size: 11px;
font-weight: 600;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03);
}/* --- BEYAZ BİLGİ ALANI (Yukarı Kayan Kısım) --- */
.urunler-listele-kart .urunler-listele-icerik {
padding: 20px;
background: #fff;
position: relative;
z-index: 2;
/* Kayma Efekti: transform butonu dışarıda bırakacak şekilde ayarlandı */
transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
margin-bottom: 0px;
/* Butonun kapladığı alanı başlangıçta yok say */
}.urunler-listele-kart:hover .urunler-listele-icerik {
transform: translateY(-60px);
}.urunler-listele-kart:hover .urunler-listele-media img {
transform: scale(1.04);
}.urunler-listele-icerik .urunler-listele-icerik-icc {
width: 100%;
}/* İçerik Detayları */
.urunler-listele-kart .urunler-listele-stars {
display: flex;
align-items: center;
gap: 2px;
margin-bottom: 0px;
font-size: 15px;
color: #c6b79d;
}.urunler-listele-kart .urunler-listele-stars span {
color: #888;
margin-left: 5px;
}.urunler-listele-kart .urunler-listele-baslik {
font-size: 17px;
margin-top: 0px;
font-weight: 600;
margin-top: 5px;
margin-bottom: 5px;
line-height: 1.4;
}.urunler-listele-kart .urunler-listele-altmetin {
font-size: 13px;
color: #666;
margin-top: 0px;
margin-bottom: 0px;
/* Butonla başlık arasına mesafe koy */
}.urunler-listele-kart .urunler-listele-buton-bg {
position: absolute;
bottom: -1px;
left: 0;
opacity: 0;
width: 100%;
padding: 20px;
}/* Buton */
.urunler-listele-kart .urunler-listele-buton {
width: 100%;
padding: 12px;
border: 1px solid #1a1a1a;
background: #fff;
font-size: 13px;
font-weight: 600;
border-radius: 4px;
transition: 0.3s;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
color: #1a1a1a;
}.urunler-listele-kart .urunler-listele-buton:hover {
background: #bdb097;
border-color: #bdb097;
color: #fff;
}.urunler-listele-kart:hover .urunler-listele-buton-bg {
opacity: 1;
}/* --- ALT KONTROLLER --- */
.urunler-listele-alt-bar {
display: flex;
align-items: center;
gap: 25px;
margin-top: 40px;
}.urunler-listele-scrollbar {
flex-grow: 1;
height: 3px;
background: #ffffff75;
position: relative;
}.urunler-listele-thumb {
position: absolute;
top: 0;
left: 0;
height: 100%;
background: #b4a891;
}.urunler-listele-nav {
display: flex;
gap: 8px;
}.urunler-listele-ok {
width: 44px;
height: 44px;
border: 1px solid #ffffff24;
background: transparent;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 50%;
}.urunler-listele-ok svg {
width: 18px;
stroke: #fff;
fill: none;
stroke-width: 1.5;
}.urunler-listele-ok:hover {
background: #fff;
}.urunler-listele-ok:hover svg {
stroke: #000;
}@media (max-width: 768px) {
.urunler-listele-kart {
flex: 0 0 80%;
}
}/**//* Ana Kapsayıcı */
.online-satis-wrapper {
padding: 80px 0;
background-color: #fff;
}.online-satis-ana-kart {
background: #fff;
border-radius: 4px;
overflow: hidden;
box-shadow: 0 10px 40px rgb(0 0 0 / 6%);
border: 1px solid #f0f0f0;
}/* İçerik Alanı */
.online-satis-icerik {
padding: 60px;
text-align: center;
max-width: 500px;
}.online-satis-baslik {
font-family: var(--font2);
font-size: 33px;
font-weight: 700;
color: #bdb097;
margin-bottom: 25px;
line-height: 1.2;
}.online-satis-baslik span {
color: #333;
font-weight: 300;
}.online-satis-metin {
font-size: 15px;
line-height: 1.5;
color: #666;
margin-bottom: 35px;
font-weight: 400;
}/* Buton Tasarımı */
.online-satis-buton {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 14px 35px;
border: 1px solid #333;
color: #333;
text-decoration: none;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
transition: all 0.3s ease;
gap: 12px;
}.online-satis-buton:hover {
background-color: #333;
color: #fff;
transform: translateY(-2px);
}.online-satis-trendyol-icon {
height: 14px; /* Logoyu butonla uyumlu boyuta çektim */
width: auto;
filter: grayscale(1); /* Başlangıçta siyah beyaz, kurumsal hava için */
transition: filter 0.3s ease;
}.online-satis-buton:hover .online-satis-trendyol-icon {
filter: grayscale(0) brightness(10); /* Hoverda beyazlaşır veya orijinal rengine döner */
}.online-satis-buton img {
width: auto;
height: 20px;
}/* Sağ Medya Alanı */
.online-satis-medya {
height: 100%;
min-height: 500px;
position: relative;
overflow: hidden;
}.online-satis-resim,
.online-satis-video {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}/* Responsive Düzenlemeler */
@media (max-width: 991px) {
.online-satis-icerik {
padding: 40px 20px;
}
.online-satis-medya {
min-height: 350px;
}
}/**/
.yorumlar-section {
padding: 80px 0;
background-color: #f9f9f9;
overflow: hidden;
}.yorumlar-ust {
margin-bottom: 20px;
text-align: center;
}.yorumlar-ana-baslik {
font-size: 36px;
color: #1a1a1a;
margin-bottom: 10px;
}.yorumlar-alt-baslik {
color: #888;
font-weight: 300;
}/* Slider Track */
.yorumlar-track {
display: flex;
gap: 30px;
overflow-x: auto;
scroll-behavior: smooth;
scrollbar-width: none;
padding: 20px 0;
}
.yorumlar-track::-webkit-scrollbar {
display: none;
}/* Yorum Kartı */
.yorumlar-kart {
flex: 0 0 calc(33.333% - 20px);
min-width: 350px;
background: #fff;
border: 1px solid #f0f0f0;
padding: 40px;
border-radius: 4px;
transition: all 0.3s ease;
display: flex;
flex-direction: column;
justify-content: space-between;
}.yorumlar-kart:hover {
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.04);
border-color: #e0e0e0;
}.yorumlar-yildiz {
color: #a69d88; /* Estetik gül kurusu tonu */
font-size: 15px;
letter-spacing: 2px;
margin-bottom: 20px;
}.yorumlar-metin {
font-size: 15px;
line-height: 1.4;
color: #444;
font-style: italic;
margin-bottom: 15px;
min-height: 110px;
}.yorumlar-kullanici {
display: flex;
align-items: center;
gap: 15px;
border-top: 1px solid #eee;
padding-top: 15px;
}.yorumlar-profil {
width: 45px;
height: 45px;
border-radius: 50%;
object-fit: cover;
}.yorumlar-detay {
display: flex;
flex-direction: column;
}.yorumlar-isim {
font-size: 15px;
font-weight: 600;
color: #1a1a1a;
}.yorumlar-profil-harf {
width: 50px; /* Resim boyutunla aynı yapabilirsin */
height: 50px;
background-color: #bcb096; /* Arka plan rengi */
color: white; /* Harf rengi */
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%; /* Tam yuvarlak yapar */
font-weight: bold;
font-size: 18px;
margin-right: 10px; /* Sağdaki metinle mesafe */
text-transform: uppercase;
flex-shrink: 0; /* Daralmasını engeller */
}.yorumlar-urun {
font-size: 12px;
color: #999;
text-transform: uppercase;
letter-spacing: 1px;
margin-top: 5px;
}/* --- ALT KONTROLLER (İstediğin Uzun Scrollbar ve Oklar) --- */
.yorumlar-kontrol-bar {
display: flex;
align-items: center;
gap: 40px;
margin-top: 20px;
}.yorumlar-scrollbar-alani {
flex-grow: 1;
height: 2px;
background: #eeeeee;
position: relative;
cursor: pointer;
}.yorumlar-scrollbar-thumb {
position: absolute;
top: 0;
left: 0;
height: 100%;
background: #1a1a1a;
transition: left 0.1s linear;
cursor: grab;
}.yorumlar-nav {
display: flex;
gap: 10px;
}.yorumlar-ok {
width: 46px;
height: 46px;
border: 1px solid #eeeeee;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: 0.3s;
border-radius: 50%;
}.yorumlar-ok:hover {
border-color: #1a1a1a;
}.yorumlar-ok svg {
width: 20px;
stroke: #1a1a1a;
fill: none;
stroke-width: 1.5;
}@media (max-width: 991px) {
.yorumlar-kart {
flex: 0 0 calc(50% - 15px);
}
}@media (max-width: 576px) {
.yorumlar-kart {
flex: 0 0 85%;
}
}/**/:root {
--footer-bg-light: #f9f7f6;
--footer-bg-white: #ffffff;
--footer-text-dark: #3d1a16; /* Charlotte Tilbury Koyu Kahve/Mürdüm */
--footer-text-muted: #666;
--footer-border: #e5e5e5;
}.footer-container {
color: var(--footer-text-dark);
line-height: 1.6;
}/* Üst Servis Alanı */
.footer-services {
background-color: var(--footer-bg-light);
display: flex;
justify-content: space-around;
padding: 40px 5%;
text-align: center;
border-bottom: 1px solid var(--footer-border);
}.footer-service-item {
flex: 1;
padding: 0 15px;
}.footer-icon {
font-size: 24px;
display: block;
margin-bottom: 10px;
}.footer-service-title {
font-size: 14px;
font-weight: 600;
margin-bottom: 5px;
text-transform: uppercase;
letter-spacing: 1px;
}.footer-service-text {
font-size: 12px;
color: var(--footer-text-muted);
}/* Ana İçerik Alanı */
.footer-main {
background-color: var(--footer-bg-white);
padding: 60px 0;
}.footer-columns {
display: grid;
grid-template-columns: 1fr 1fr 1fr 2fr;
gap: 40px;
}.footer-heading {
font-size: 13px;
font-weight: 700;
margin-bottom: 20px;
letter-spacing: 1.5px;
}.footer-links {
list-style: none;
padding: 0;
}.footer-links li {
margin-bottom: 12px;
}.footer-links a {
text-decoration: none;
color: var(--footer-text-dark);
font-size: 14px;
transition: opacity 0.3s;
}.footer-links a:hover {
opacity: 0.7;
}/* Bülten ve Form */
.footer-newsletter-sub {
font-size: 14px;
margin-bottom: 20px;
}.footer-form {
display: flex;
gap: 0;
margin-bottom: 20px;
}.footer-input-group {
flex-grow: 1;
border: 1px solid #ccc;
padding: 5px 10px;
position: relative;
}.footer-label {
font-size: 10px;
text-transform: uppercase;
color: #888;
display: block;
}.footer-input {
border: none;
width: 100%;
padding: 5px 0;
outline: none;
font-size: 14px;
}.footer-submit {
background-color: #d1cfcf; /* Görseldeki açık gri buton */
border: none;
padding: 0 25px;
color: white;
font-weight: 600;
cursor: pointer;
transition: background 0.3s;
}.footer-submit:hover {
background-color: var(--footer-text-dark);
}.footer-legal {
font-size: 11px;
color: #777;
margin-bottom: 30px;
}.footer-legal a {
color: #777;
text-decoration: underline;
}/* Sosyal Medya ve Alt Kısım */
.footer-socials {
display: flex;
gap: 15px;
}.footer-social-link {
text-decoration: none;
color: var(--footer-text-dark);
font-weight: bold;
font-size: 14px;
}.footer-shipping-to {
margin-top: 40px;
}/* Mobil Uyumluluk */
@media (max-width: 992px) {
.footer-columns {
grid-template-columns: 1fr 1fr;
}
.footer-services {
flex-wrap: wrap;
}
.footer-service-item {
flex: 50% 0 0;
margin-bottom: 30px;
}
}@media (max-width: 600px) {
.footer-columns {
grid-template-columns: 1fr;
}
}/* Footer Alt Bar */
.sobha-footer-bottom {
border-top: 1px solid #ebebeb;
padding: 20px 0px;
display: flex;
justify-content: space-between;
}.sobha-footer-bottom .container {
display: flex;
justify-content: space-between;
align-items: center;
}.sobha-footer-bottom p {
font-size: 13px;
color: var(--sobha-light-text);
}.footer1-credits {
height: auto;
display: block;
}.footer1-credits img {
height: 20px;
}/**//* Genel Kapsayıcı */
.page-baslik-resimli {
position: relative;
padding: 170px 0 40px; /* Yukarı-aşağı genişlik */
background-color: #333; /* Resim yüklenmezse görünecek renk */
background-size: cover;
background-position: center;
background-repeat: no-repeat;
color: #ffffff;
overflow: hidden;
}/* Karartma Katmanı (Resmin üstüne yazıların okunması için) */
.page-baslik-resimli .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3));
z-index: 1;
}/* İçerik Hizalama */
.page-baslik-resimli .container {
position: relative;
z-index: 2; /* Karartmanın üzerine çıkarır */
}/* Başlık Stili */
.page-baslik-resimli .page-title {
font-size: 40px;
font-weight: 500;
margin-bottom: 15px;
margin-right: auto;
font-family: var(--font2);
}/* Breadcrumb Navigasyon Alanı */.page-baslik-resimli .breadcrumb {
background: transparent; /* Arkaplanı temizle */
padding: 0;
margin: 0;
list-style: none;
display: flex;
align-items: center;
}/* Breadcrumb Her Bir Öğe */
.page-baslik-resimli .breadcrumb-item {
font-size: 15px;
font-weight: 500;
color: rgba(255, 255, 255, 0.7);
display: flex;
align-items: center;
}/* Linkler */
.page-baslik-resimli .breadcrumb-item a {
color: rgba(255, 255, 255, 0.8);
text-decoration: none;
transition: color 0.3s ease;
}.page-baslik-resimli .breadcrumb-item a:hover {
color: #ffffff;
}/* Ayırıcı Simge (Anasayfa / Kurumsal kısmındaki bölme işareti) */
.page-baslik-resimli .breadcrumb-item + .breadcrumb-item::before {
content: "|"; /* Nokta veya / kullanabilirsin */
padding: 0 15px;
color: rgba(255, 255, 255, 0.4);
font-size: 18px;
}/* Aktif (Bulunulan) Sayfa */
.page-baslik-resimli .breadcrumb-item.active {
color: #fff; /* En sondaki metni parlak beyaz yapar */
}/* Mobil Uyumluluk */
@media (max-width: 768px) {
.page-baslik-resimli {
padding: 170px 0 30px 0;
text-align: center;
}
.page-baslik-resimli .page-title {
font-size: 2rem;
}
.page-baslik-resimli .breadcrumb {
justify-content: center;
}
}/**/:root {
--primary-color: #b89564; /* Gold/Bronz tonu */
--dark-color: #2c2c2c;
--light-color: #f9f9f9;
--text-color: #555;
}/* İçerik Alanı */
.about-section {
padding: 50px 0;
}.intro-text {
text-align: center;
margin-bottom: 60px;
}.intro-text h2 {
color: var(--dark-color);
font-size: 2.2rem;
margin-bottom: 20px;
}.intro-text h2 span {
color: var(--primary-color);
}.main-content {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 50px;
align-items: center;
}.text-block {
padding: 20px;
}.text-block p {
margin-bottom: 20px;
font-size: 1.05rem;
text-align: justify;
}.highlight-box {
background-color: var(--light-color);
border-left: 5px solid var(--primary-color);
padding: 30px;
margin-top: 30px;
}/* İkonlu Özellikler */
.features {
display: flex;
justify-content: space-between;
margin-top: 60px;
flex-wrap: wrap;
gap: 20px;
}.feature-item {
flex: 1;
min-width: 250px;
text-align: center;
padding: 20px;
}.feature-item i {
font-size: 2rem;
color: var(--primary-color);
display: block;
margin-bottom: 15px;
}.feature-item h3 {
font-size: 1.3rem;
color: var(--dark-color);
}/* Responsive Ayarlar */
@media (max-width: 768px) {
.main-content {
grid-template-columns: 1fr;
}
.about-hero h1 {
font-size: 2.5rem;
}
.about-hero {
height: 300px;
}.footer-container{
margin-bottom: 35px;
}.footer-main {
padding: 0px 20px;
display: none;
}
}