body{
  font-family:'Montserrat',sans-serif;
  padding-top:140px;
}

a{text-decoration:none}

/* ============================= */
/* ===== HEADER =============== */
/* ============================= */

.mainHeader{
  z-index:9999;
  box-shadow:0 2px 15px rgba(0,0,0,.06);
}

.main-logo{
  height:95px;
  transition:.3s;
}

/* DESKTOP */

@media(min-width:992px){

  #menuBtn{display:none !important;}   /* HAMBURGER TAM GİZLİ */

  .desktop-search{
    max-width:550px;
    margin:0 auto;
  }

  .navbar .nav-link{
    font-weight:500;
    padding:12px 20px;
  }

  .navbar .nav-link:hover{
    color:#dc3545;
  }

}

/* MOBILE */

@media(max-width:991px){

  body{padding-top:95px;}

  .mobileSearchBar{
    top:95px;           /* header ile hizalı */
  }

  .main-logo{height:70px;}

  .desktop-search,
  .desktop-phone,
  .desktop-lang,
  .navbar{
    display:none !important;
  }

  .headerRow{
    position:relative;
    justify-content:center;
  }

  .logo-area{
    position:absolute;
    left:50%;
    transform:translateX(-50%);
  }

  .mobile-left{
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
  }

  .mobile-right{
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    display:flex;
    gap:18px;
  }

}

.navbar .nav-link{
  position:relative;
  padding:14px 22px;
  font-weight:500;
  transition:all .3s ease;
  border-radius:8px;
}

.navbar .nav-link:hover{
  background:rgba(253,96,2,0.08);
}

.navbar .nav-link.active{
  background:rgba(253,96,2,0.10);
  backdrop-filter:blur(6px);
  box-shadow:0 6px 18px rgba(253,96,2,0.18);
}

/* ============================= */
/* ===== MOBILE MENU ========== */
/* ============================= */

.mobileMenu{
  position:fixed;
  top:0;
  left:-100%;
  width:80%;
  height:100%;
  background:#fff;
  z-index:10000;
  transition:.3s;
  padding:30px;
}

.mobileMenu.active{left:0;}

.mobileMenu a{
  display:block;
  padding:7px 0;
  font-weight:500;
  color:#000;
}

/* MOBILE SEARCH */

.mobileSearchBar{
  position:fixed;
  top:85px;
  left:0;
  width:100%;
  background:#fff;
  padding:15px;
  transform:translateY(-120%);
  transition:.3s;
  z-index:9998;
  box-shadow:0 5px 15px rgba(0,0,0,.08);
}

.mobileSearchBar.active{
  transform:translateY(0);
}

.mobileMenu .nav-link{
  padding:12px 0;
  display:block;
  border-radius:6px;
  transition:all .3s ease;
}

.mobileMenu .nav-link.active{
  background:rgba(253,96,2,0.12);
  color:#dc3545 !important;
  padding-left:12px;
  box-shadow:0 4px 12px rgba(253,96,2,0.15);
}

/* ============================= */
/* ===== HERO ================= */
/* ============================= */

.heroSlider img{
  height:560px;
  object-fit:cover;
}

.carousel-control-prev,
.carousel-control-next{
  opacity:0;
  transition:.3s;
}

.heroSlider:hover .carousel-control-prev,
.heroSlider:hover .carousel-control-next{
  opacity:1;
}

.carousel-control-prev-icon,
.carousel-control-next-icon{
  background-color:rgba(0,0,0,.3);
  padding:22px;
  border-radius:50%;
}

/* ============================= */
/* ===== PREMIUM PRODUCTS ===== */
/* ============================= */

.product-card{
  border-radius:20px;
  overflow:hidden;
  background:#fff;
  transition:.4s;
  box-shadow:0 15px 40px rgba(0,0,0,.08);
  border:1px solid rgba(0,0,0,.03);
}

.product-card:hover{
  transform:translateY(-10px);
  box-shadow:0 25px 60px rgba(0,0,0,.18);
}

.product-card img{
  height:260px;
  object-fit:cover;
  transition:.4s;
}

.product-card:hover img{
  transform:scale(1.05);
}

.product-title{
  font-weight:600;
  font-size:16px;
  min-height:60px;
}

.product-card{
  display:block;
  color:#000;
}

.product-card:hover{
  text-decoration:none;
  color:#000;
}

.product-image{
  overflow:hidden;
}

.product-image img{
  transition:.4s;
}

.product-card:hover img{
  transform:scale(1.05);
}
/* ============================= */
/* ===== BLOG ================= */
/* ============================= */

.blog-section{
  background:#f8f9fa !important;
}

.blog-scroll{
  display:flex;
  overflow-x:auto;
  gap:25px;
  scroll-behavior:smooth;
}

.blog-scroll::-webkit-scrollbar{display:none;}

.blog-card{
  min-width:330px;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 8px 25px rgba(0,0,0,.06);
}

.blog-link{
  display:block;
  color:#000;
}

.blog-link:hover{
  text-decoration:none;
  color:#000;
}

.blog-image{
  overflow:hidden;
  border-radius:18px 18px 0 0;
}

.blog-image img{
  height:220px;
  object-fit:cover;
  transition:.4s;
}

.blog-card:hover img{
  transform:scale(1.05);
}

/* ============================= */
/* ===== FOOTER =============== */
/* ============================= */

.footer{
  background:#111;
  color:#ccc;
  padding:70px 0;
}

.footer a{color:#ccc;}
.footer a:hover{color:#fff;}

/* ============================= */
/* ===== MOBILE HEADER FIX ==== */
/* ============================= */

@media(max-width:991px){

  body{
    padding-top:88px;   /* header gerçek yüksekliği */
  }

  .mainHeader{
    height:88px;
  }

  .headerRow{
    height:88px;
  }

  .main-logo{
    height:60px;
  }

  /* SEARCH BAR HEADER ALTINDA BAŞLASIN */
  .mobileSearchBar{
    top:88px !important;
  }

}

.btn i{
  line-height:1;
}

.group-card{
  border-radius:20px;
  overflow:hidden;
  background:#fff;
  transition:.4s;
  box-shadow:0 15px 45px rgba(0,0,0,.08);
  border:1px solid rgba(0,0,0,.03);
  position:relative;
}

.group-card img{
  height:280px;
  object-fit:cover;
  transition:.5s;
}

.group-card:hover img{
  transform:scale(1.07);
}

.group-content{
  padding:30px 20px 35px;
}

.group-card:hover{
  transform:translateY(-12px);
  box-shadow:0 30px 70px rgba(0,0,0,.18);
}

.group-card{
  display:block;
  border-radius:20px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 8px 30px rgba(0,0,0,.06);
  transition:.4s;
  color:#000;
}

.group-card:hover{
  transform:translateY(-8px);
  box-shadow:0 20px 50px rgba(0,0,0,.15);
  text-decoration:none;
  color:#000;
}

.group-image{
  overflow:hidden;
}

.group-image img{
  height:260px;
  object-fit:cover;
  transition:.5s;
}

.group-card:hover img{
  transform:scale(1.08);
}

.group-title{
  font-weight:600;
}

.blog-wrapper{
  overflow:hidden;
  position:relative;
}

.blog-track{
  display:flex;
  gap:30px;
  transition:transform .6s ease;
}

.blog-item{
  min-width:calc(100% / 3 - 20px);
  background:#fff;
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 8px 25px rgba(0,0,0,.08);
  transition:transform .35s ease, box-shadow .35s ease;
}

.blog-item img{
  height:220px;
  width:100%;
  object-fit:cover;
}

.blog-item:hover{
  transform:translateY(-4px) scale(1.02);
  box-shadow:0 18px 40px rgba(0,0,0,.15);
}

/* MOBILE */
@media(max-width:991px){
  .blog-wrapper{
  	overflow: hidden;
  }

  .blog-track{
  	gap: 0;
  }

  .blog-item{
    min-width:100%;
    margin: 0;
    border-radius: 0;
  }
}

.premium-footer{
background:linear-gradient(180deg,#1c1f2b,#11131b);
color:#ddd;
position:relative;
}

.footer-logo{
height:60px;
}

.footer-title{
color:#66ff66;
font-weight:600;
margin-bottom:20px;
letter-spacing:.5px;
}

.footer-text{
color:#aaa;
font-size:14px;
line-height:1.6;
}

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

.footer-contact li{
margin-bottom:12px;
color:#aaa;
font-size:14px;
}

.footer-contact i{
color:#4dff4d;
margin-right:8px;
}

.newsletter-form{
display:flex;
margin-top:15px;
}

.newsletter-form input{
flex:1;
padding:12px;
border:none;
background:#2a2e3d;
color:#fff;
outline:none;
}

.newsletter-form button{
padding:0 20px;
border:none;
background:linear-gradient(90deg,#39ff14,#00c853);
color:#000;
font-weight:600;
transition:.3s;
}

.newsletter-form button:hover{
opacity:.8;
}

.footer-social a{
display:inline-flex;
align-items:center;
justify-content:center;
width:42px;
height:42px;
background:#2a2e3d;
border-radius:50%;
margin-right:10px;
color:#66ff66;
transition:.3s;
font-size:16px;
}

.footer-social a:hover{
background:#39ff14;
color:#000;
transform:translateY(-4px);
}

.footer-bottom{
background:linear-gradient(90deg,#39ff14,#00c853);
color:#000;
padding:18px 0;
font-weight:500;
}

.footer-bottom a{
color:#000;
text-decoration:none;
font-weight:600;
}

@media(max-width:991px){

  .footer-bottom .container{
    flex-direction:column;
    gap:8px;
    text-align:center;
  }

}

/* SOL SABİT BUTONLAR */

.fixed-left-buttons{
position:fixed;
left:10px;
bottom:10px;
display:flex;
flex-direction:column;
gap:8px;
z-index:9999;
}

.call-btn,
.whatsapp-btn{
width:45px;
height:45px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:24px;
box-shadow:0 5px 20px rgba(0,0,0,.2);
transition:.3s;
}

.call-btn{
background:#fd6002;
}

.whatsapp-btn{
background:#25d366;
}

.call-btn:hover,
.whatsapp-btn:hover{
transform:scale(1.1);
}

/* TO TOP */

#scrollTopBtn{
position:fixed;
right:25px;
bottom:25px;
width:40px;
height:40px;
border-radius:50%;
background:linear-gradient(135deg,#39ff14,#00c853);
display:flex;
align-items:center;
justify-content:center;
color:#000;
font-size:18px;
cursor:pointer;
box-shadow:0 8px 25px rgba(0,0,0,.3);
transition:.3s;
opacity:0;
visibility:hidden;
z-index:9999;
}

/* Hover efekti */
#scrollTopBtn:hover{
transform:translateY(-6px);
box-shadow:0 15px 35px rgba(0,0,0,.4);
}

/* Görünür olduğunda */
#scrollTopBtn.show{
opacity:1;
visibility:visible;
}

/* Hafif floating animasyon */
@keyframes floatUp{
0%{transform:translateY(0);}
50%{transform:translateY(-6px);}
100%{transform:translateY(0);}
}

#scrollTopBtn.show{
animation:floatUp 2s ease-in-out infinite;
}

/* HERO */
.about-hero{
  height:60vh;
  background:linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,.6)), 
             url('/assets/img/about-hero.jpg') center/cover no-repeat;
}

/* CTA */
.about-cta{
  background:linear-gradient(135deg,#dc3545,#b02a37);
}

/* Section spacing premium feel */
section{
  position:relative;
}

/* Headings */
h2,h3{
  letter-spacing:.5px;
}

.about-image{
  position:sticky;
  top:120px;
}