/* --- .slider1 Konteyner --- */
.slider1 {
width: 100%;
background: #ffffff;
overflow: hidden;
position: relative;
}.slider1 .swiper-slide {
height: 100vh;
background: #fff;
box-sizing: border-box;
display: flex;
align-items: center;
}.slider1 .swiper-slide .container {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 0px 40px;
box-sizing: border-box;
min-height: 500px;
max-width: 95%;
margin-top: 126px;
}/* --- Sol Taraf: Metin Alanı --- */
.slider1 .slide-content {
flex: 1;
min-width: 300px;
padding-right: 40px;
z-index: 10;
max-width: 600px;
}.slider1 .subtitle {
color: #b442ea;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 0.9rem;
margin-bottom: 10px;
display: block;
transform: translateY(20px);
opacity: 0;
transition: all 0.6s ease;
}.slider1 .slide-content h2 {
font-size: 3rem;
color: #1a202c;
line-height: 1.1;
margin: 0 0 20px 0;
transform: translateY(20px);
opacity: 0;
transition: all 0.6s ease 0.1s;
}.slider1 .slide-content p {
font-size: 16px;
color: #64748b;
line-height: 1.5;
margin: 0;
font-weight: 300;
margin-bottom: 30px;
transform: translateY(20px);
opacity: 0;
transition: all 0.6s ease 0.2s;
}.slider1 .action-btn {
margin-top: 40px !important;
transition: all 0.6s ease 0.3s;
}/* Slayt aktif olduğunda metinler yukarı kayarak gelsin */
.slider1 .swiper-slide-active .subtitle,
.slider1 .swiper-slide-active .slide-content h2,
.slider1 .swiper-slide-active .slide-content p,
.slider1 .swiper-slide-active .action-btn {
transform: translateY(0);
opacity: 1;
}/* --- Sağ Taraf: 3D Görsel Alanı --- */
.slider1 .slide-visual {
flex: 1;
min-width: 300px;
position: relative;
height: 400px;
display: flex;
justify-content: center;
align-items: center;
}/* Zemin resmi */
.slider1 .base-image {
position: absolute;
bottom: -120px;
max-width: 83%;
z-index: 1;
opacity: 0;
transition: opacity 1s ease 0.4s;
}.slider1 .swiper-slide-active .base-image {
opacity: 1;
}/* Havada duran parçalar için ana taşıyıcı */
.slider1 .part-wrapper {
position: absolute;
left: 50%;
transform: translate(-50%, -50px);
opacity: 0;
z-index: 2;
transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}/* Parçalar aktif olunca yerine insin */
.slider1 .swiper-slide-active .part-1 {
transform: translate(-50%, 0);
opacity: 1;
transition-delay: 0.5s;
}.slider1 .swiper-slide-active .part-2 {
transform: translate(-50%, 0);
opacity: 1;
transition-delay: 0.7s;
}.slider1 .swiper-slide-active .part-3 {
transform: translate(-50%, 0);
opacity: 1;
transition-delay: 0.9s;
}/* Sürekli aşağı yukarı süzülme (Floating) efekti */
.slider1 .floating-item {
animation: float 4s ease-in-out infinite;
max-width: 80%;
}.slider1 .part-1 .floating-item {
animation-delay: 0.5s;
max-width: 80%;
}.slider1 .part-1.part-0 .floating-item {
animation-delay: 0.5s;
max-width: 70%;
}.slider1 .part-2 .floating-item {
animation-delay: 0.5s;
}.slider1 .part-3 .floating-item {
animation-delay: 1s;
}@keyframes float {
0% {
transform: translateY(0px);
}50% {
transform: translateY(-12px);
}100% {
transform: translateY(0px);
}
}/* --- Slaytlara Özel Parça Konumlandırmaları --- *//* 1. Slayt: İmplant Yükseklikleri (3 Havada Parça) */
.slider1 .slide-implant .part-1 {
bottom: 307px;
margin-left: 70px;
}.slider1 .slide-implant .part-2 {
bottom: 210px;
margin-left: 52px;
}.slider1 .slide-implant .part-3 {
bottom: 143px;
margin-left: 50px;
}/* 2. Slayt: Kanal Tedavisi Yükseklikleri (SADECE 1 Havada Parça) */
.slider1 .slide-kanal .part-1 {
max-width: 80px;
bottom: 350px;
margin-left: 65px;
}/* --- Swiper Oklar ve Noktalar --- */
.slider1 .swiper-pagination-bullet-active {
background-color: #1a202c !important;
}.slider1 .swiper-button-next,
.slider1 .swiper-button-prev {
color: #1a202c !important;
transform: scale(0.7);
}/* Mobil Uyumluluk */
@media (max-width: 1200px) {
.hakkimizda2-header h1 {
font-size: 30px;
}.header1-menu .nav-item:nth-child(1) {
display: none;
}.header1-menu .nav-item:nth-child(2) {
display: block;
}.header1-nav-wrapper {
justify-content: start;
}.mobil_resim {
width: 100%;
height: auto;
}
.slider1 .swiper-slide .container {
padding: 0px 15px;
min-height: 500px;
max-width: 100%;
margin-top: 66px;
}.slider1 .swiper-slide {
flex-direction: column-reverse;
text-align: center;
padding: 30px 20px;
}.slider1 .slide-content {
padding-right: 0;
margin-top: 30px;
}.slider1 .slide-content h2 {
font-size: 1.9rem;
}.slider1 .slide-content p {
display: none;
}.slider1 .base-image{
bottom: 0;
}.slider1 .slide-visual {
height: 380px;
width: 100%;
}.slider1 .action-btn {
margin-top: 20px !important;
transition: all 0.6s ease 0.3s;
}.slider1 .slide-implant .part-1 {
bottom: 290px;
margin-left: 25px;
width: 40%;
}.slider1 .slide-implant .part-2 {
bottom: 210px;
margin-left: 25px;
width: 35%;
}.slider1 .slide-implant .part-3 {
bottom: 150px;
margin-left: 25px;
width: 30%;
}.slider1 .slide-kanal .part-1 {
bottom: 230px;
margin-left: 25px;
}.slider1 .swiper-slide {
height: auto;
}
}