/* Genel Ayarlar */
.Home-Slider * {
margin: 0;
padding: 0;
box-sizing: border-box;
}.Home-Slider {
width: 100%;
height: 100vh;
display: flex;
overflow: hidden;
background: #fff;
}/* --- SOL TARA (Yazı Alanı) --- */
.Home-Slider .hs-left-side {
width: 30%;
/* Sol taraf genişliği */
height: 100%;
background: #ffffff;
padding: 60px 60px 170px;
display: flex;
flex-direction: column;
justify-content: end;
position: relative;
z-index: 10;
}/* Logo */
.Home-Slider .hs-logo {
position: absolute;
top: 50px;
left: 80px;
font-size: 24px;
letter-spacing: 3px;
color: #000;
}/* Text Slider Yapısı */
.Home-Slider .hs-text-slider {
width: 100%;
height: auto;
overflow: hidden;
}.Home-Slider .hs-text-item {
background: #fff;
/* Arka plan karışmasın */
opacity: 0;
transition: opacity 0.5s;
pointer-events: none;
/* Aktif olmayan tıklanmasın */
}.Home-Slider .hs-text-item.swiper-slide-active {
opacity: 1;
pointer-events: all;
}/* Tipografi ve Animasyonlar */
.Home-Slider .hs-tag {
display: block;
font-size: 11px;
letter-spacing: 3px;
color: #888;
margin-bottom: 20px;
text-transform: uppercase;
font-weight: 600;
/* Animasyon Başlangıcı */
opacity: 0;
transform: translateY(20px);
}.Home-Slider .hs-heading {
font-size: 32px;
line-height: 1.2;
color: #111;
margin-bottom: 25px;
font-weight: 300;
opacity: 0;
transform: translateY(20px);
}.Home-Slider .hs-heading b {
color: #e73038;
/* Altın sarısı/Bej tonu lüks durur */
}.Home-Slider .hs-desc {
font-size: 15px;
line-height: 1.6;
font-weight: 500;
color: #555;
margin-bottom: 40px;
max-width: 90%;
opacity: 0;
transform: translateY(20px);
}.Home-Slider .hs-btn {
display: inline-block;
padding: 15px 40px;
background: #111;
color: #fff;
text-decoration: none;
font-size: 12px;
letter-spacing: 2px;
text-transform: uppercase;
transition: 0.3s;
opacity: 0;
transform: translateY(20px);
}.Home-Slider .hs-btn:hover {
background: #e73038;
}/* AKTİF SLIDE ANİMASYON TETİKLEYİCİSİ */
.Home-Slider .swiper-slide-active .hs-tag {
animation: slideUpFade 0.8s ease forwards 0.2s;
}.Home-Slider .swiper-slide-active .hs-heading {
animation: slideUpFade 0.8s ease forwards 0.4s;
}.Home-Slider .swiper-slide-active .hs-desc {
animation: slideUpFade 0.8s ease forwards 0.6s;
}.Home-Slider .swiper-slide-active .hs-btn {
animation: slideUpFade 0.8s ease forwards 0.8s;
}@keyframes slideUpFade {
to {
opacity: 1;
transform: translateY(0);
}
}/* Kontroller (Oklar ve Numara) */
.Home-Slider .hs-controls {
position: absolute;
bottom: 50px;
left: 80px;
display: flex;
align-items: center;
gap: 30px;
}.Home-Slider .hs-prev-btn,
.Home-Slider .hs-next-btn {
font-size: 24px;
cursor: pointer;
color: #111;
transition: 0.3s;
}.Home-Slider .hs-prev-btn:hover,
.Home-Slider .hs-next-btn:hover {
color: #bfa478;
}.Home-Slider .hs-pagination-num {
font-size: 18px;
font-style: italic;
color: #888;
min-width: 60px;
text-align: center;
}/* --- SAĞ TARAF (Görsel Alanı) --- */
.Home-Slider .hs-right-side {
width: 100%;
/* Sağ taraf genişliği */
height: 100%;
}.Home-Slider .hs-visual-slider {
width: 100%;
height: 100%;
}.Home-Slider .hs-visual-item {
background-size: cover;
background-position: center;
position: relative;
overflow: hidden;
}/* Video Ayarları */
.Home-Slider .hs-visual-item.video-slide iframe {
position: absolute;
top: 50%;
left: 50%;
width: 110vw;
/* Kenarlardan taşması için */
height: 110vh;
transform: translate(-50%, -50%);
pointer-events: none;
}/* Hafif karartma (Video üzerine) */
.Home-Slider .hs-video-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.1);
/* Çok hafif */
z-index: 2;
}/* Tablet ve Mobil Uyumluluk */
@media (max-width: 1024px) {
.Home-Slider .hs-left-side {
width: 45%;
padding: 40px;
}.Home-Slider .hs-right-side {
width: 55%;
}.Home-Slider .hs-heading {
font-size: 36px;
}
}@media (max-width: 768px) {
.Home-Slider {
flex-direction: column;
height: auto;
}.Home-Slider .hs-left-side {
width: 100%;
height: auto;
padding: 60px 30px;
order: 2;
}.Home-Slider .hs-right-side {
width: 100%;
height: 60vh;
order: 1;
}.Home-Slider .hs-logo {
top: 20px;
left: 30px;
}.Home-Slider .hs-controls {
left: 30px;
bottom: 20px;
}
}
a.WhatsApp1 {
display: flex;
font-size: 18px;
background: #2EB843;
font-weight: 600;
width: 51px;
height: 51px;
position: fixed;
bottom: 20px;
left: 20px;
border-radius: 50%;
-webkit-transition: all .1s ease-out 0s;
-moz-transition: all .1s ease-out 0s;
-ms-transition: all .1s ease-out 0s;
-o-transition: all .1s ease-out 0s;
transition: all .1s ease-out 0s;
color: #fff;
align-items: center;
justify-content: center;
animation: whatsapp infinite 2s linear;
z-index: 9999
}a.WhatsApp1 svg {
width: 24px;
height: 24px;
fill: white;
}@keyframes whatsapp {
0% {
box-shadow: 0 0 0 0 #2EB843
}50% {
box-shadow: 0 0 0 10px #015dc700
}100% {
box-shadow: 0 0 0 0 #015dc700
}
}@media(max-width:1024px){
a.WhatsApp1 {
bottom: 60px
}}/* ============================================================
HOME SLIDER MOBİL REVİZE
============================================================ */@media (max-width: 991px) {
.Home-Slider {
flex-direction: column; /* Görsel ve metni alt alta getir */
height: auto;
min-height: auto;
}/* --- SAĞ TARAF (Görsel - Üstte) --- */
.Home-Slider .hs-right-side {
width: 100%;
height: 50vh; /* Ekranın yarısı görsel olsun */
order: 1; /* Üste taşı */
}/* --- SOL TARAF (Metin - Altta) --- */
.Home-Slider .hs-left-side {
width: 100%;
height: auto;
padding: 40px 25px 80px; /* Alttan boşluk bırak (Kontroller için) */
order: 2; /* Alta taşı */
justify-content: flex-start;
background: #fff;
}/* Logo Mobilde Gizle veya Merkeze Al (Header'da zaten olduğu varsayılır) */
.Home-Slider .hs-logo {
display: none;
}/* Tipografi Küçültme */
.Home-Slider .hs-tag {
font-size: 10px;
margin-bottom: 12px;
}.Home-Slider .hs-heading {
font-size: 26px !important; /* Mobilde daha okunaklı boyut */
line-height: 1.3;
margin-bottom: 15px;
max-width: 100%;
}.Home-Slider .hs-desc {
font-size: 14px;
line-height: 1.5;
margin-bottom: 25px;
max-width: 100%;
font-weight: 400;
}/* Buton Tam Genişlik veya Şık Hizalama */
.Home-Slider .hs-btn {
padding: 12px 30px;
font-size: 11px;
width: auto;
display: inline-block;
}/* Kontroller (Oklar) Pozisyonu */
.Home-Slider .hs-controls {
position: relative;
bottom: 0;
left: 0;
margin-top: 30px;
justify-content: flex-start;
gap: 20px;
}.Home-Slider .hs-pagination-num {
font-size: 15px;
min-width: 40px;
}/* Video Slider Ayarı (Mobilde Taşmayı Önle) */
.Home-Slider .hs-visual-item.video-slide iframe {
width: 180%; /* Dikey ekranlarda videoyu doldurmak için */
height: 100%;
}
}/* Küçük Telefonlar İçin Ekstra Rötuş */
@media (max-width: 480px) {
.Home-Slider .hs-right-side {
height: 45vh;
}
.Home-Slider .hs-heading {
font-size: 22px !important;
}/* WhatsApp Butonu Pozisyonu */
a.WhatsApp1 {
width: 50px;
height: 50px;
bottom: 75px !important; /* Alt barın (Ara/Teklif Al) üzerine yerleşir */
right: 15px;
left: auto;
}
}/* Slide Animasyonlarını Mobilde de Koru */
.Home-Slider .swiper-slide-active .hs-heading,
.Home-Slider .swiper-slide-active .hs-tag,
.Home-Slider .swiper-slide-active .hs-desc,
.Home-Slider .swiper-slide-active .hs-btn {
opacity: 1;
transform: translateY(0);
}