html {
  scroll-behavior: smooth;
}
*{
margin:0;
padding:0;
box-sizing:border-box;
}
body{
font-family:'Montserrat',sans-serif;
background:#f7f5f1;
color:#2f2f2f;
line-height:1.6;
}
body a {
outline: none !important;
}
a{
  color:#6a4728;
  text-decoration:none;
  transition:0.3s ease;
}

a:hover{
  color:#8b5e34;
}
.container{
width:88%;
max-width:1280px;
margin:auto;
}
header{
  width:100%;
  background:#fff;
  position:sticky;
  top:0;
  z-index:999;
  box-shadow:0 2px 15px rgba(0,0,0,0.06);
}

.header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:18px 0;
}

.logo img{
  display:block;
}

.main-menu ul{
  display:flex;
  align-items:center;
  gap:35px;
  list-style:none;
  margin:0;
  padding:0;
}

.main-menu ul li a{
  text-decoration:none;
  color:#222;
  font-size:15px;
  font-weight:600;
  transition:0.3s ease;
  position:relative;
}

.main-menu ul li a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-6px;
  width:0;
  height:2px;
  background:#6a4728;
  transition:0.3s;
}

.main-menu ul li a:hover{
  color:#6a4728;
}

.main-menu ul li a:hover::after{
  width:100%;
}

/* MOBILE */
@media(max-width:768px){

  .header-inner{
    flex-direction:column;
    gap:15px;
  }

  .main-menu ul{
    gap:18px;
    flex-wrap:wrap;
    justify-content:center;
  }

}
.hero{
padding:30px 0;
display:flex;
align-items:center;
justify-content:space-between;
gap:60px;
flex-wrap:wrap;
}
.hero-text{
flex:1;
min-width:320px;
}
.hero-text h1{
font-size:58px;
line-height:1.1;
margin-bottom:25px;
color:#3f2a17;
}
.hero-text p{
font-size:20px;
margin-bottom:30px;
color:#555;
}
.hero-buttons{
display:flex;
gap:20px;
flex-wrap:wrap;
}
.btn{
padding:16px 32px;
border-radius:8px;
text-decoration:none;
font-weight:700;
transition:0.3s;
}
.btn-primary{
background:#6a4728;
color:#fff;
}
.btn-primary:hover{
background:#51341b;
}
.btn-secondary{
border:2px solid #6a4728;
color:#6a4728;
}
.btn-secondary:hover{
background:#6a4728;
color:#fff;
}
.btn-whatsapp{
background:#25D366;
color:#fff;
}
.hero-image{
flex:1;
min-width:320px;
}

.hero-image img{
width:100%;
border-radius:20px;
box-shadow:0 10px 40px rgba(0,0,0,0.15);
}

section{
padding:40px 0;
}

.section-title{
text-align:center;
margin-bottom:60px;
}

.section-title h2{
font-size:42px;
margin-bottom:15px;
color:#3f2a17;
}

.section-title p{
color:#666;
font-size:18px;
}
.grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:20px;
}

.card{
background:#fff;
padding:20px;
border-radius:12px;
box-shadow:0 5px 15px rgba(0,0,0,0.06);
text-align:center;
}

.card img{
width:100%;
border-radius:10px;
margin-bottom:10px;
}

.features{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:30px;
}

.feature-box{
background:#fff;
padding:35px;
border-radius:16px;
box-shadow:0 5px 20px rgba(0,0,0,0.05);
transition:0.3s;
}

.feature-box:hover{
transform:translateY(-5px);
}

.feature-box h3{
margin-bottom:15px;
color:#6a4728;
font-size:22px;
}

.gallery{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
gap:25px;
}

.gallery img{
width:100%;
border-radius:16px;
height:100%;
object-fit:cover;
}

.specs{
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
align-items:center;
}

.specs img{
width:100%;
border-radius:20px;
}

.spec-list{
background:#fff;
padding:40px;
border-radius:20px;
box-shadow:0 5px 20px rgba(0,0,0,0.05);
}

.spec-list ul{
list-style:none;
}

.spec-list li{
padding:15px 0;
border-bottom:1px solid #eee;
font-size:18px;
}

.cta{
background:#6a4728;
color:#fff;
text-align:center;
padding:90px 20px;
border-radius:30px;
}

.cta h2{
font-size:46px;
margin-bottom:20px;
}

.cta p{
font-size:20px;
margin-bottom:35px;
}

.cta .btn{
background:#fff;
color:#6a4728;
}

footer{
padding:40px 0;
text-align:center;
color:#777;
font-size:14px;
}
footer a {
font-weight:600;
}
@media(max-width:768px){

.hero-text h1{
font-size:32px;
}

.section-title h2{
font-size:28px;
}

.cta h2{
font-size:34px;
}

.specs{
grid-template-columns:1fr;
}

}

/* CONTENT */

    .about-section{
      padding:80px 0;
      background:#fff;
    }

    .about-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:60px;
      align-items:center;
    }

    .about-image img{
      width:100%;
      border-radius:20px;
      box-shadow:0 15px 40px rgba(0,0,0,0.08);
    }

    .about-content h2{
      font-size:38px;
      margin-bottom:25px;
      color:#6a4728;
    }

    .about-content p{
      margin-bottom:20px;
      color:#555;
    }

    .highlight-box{
      background:#f7f3ef;
      border-left:5px solid #6a4728;
      padding:25px;
      border-radius:14px;
      margin-top:30px;
    }

    .highlight-box strong{
      display:block;
      margin-bottom:10px;
      color:#6a4728;
      font-size:18px;
    }

    /* VALUES */

    .values{
      padding:80px 0;
      background:#fafafa;
    }

    .section-title{
      text-align:center;
      margin-bottom:60px;
    }

    .section-title h2{
      font-size:40px;
      color:#6a4728;
      margin-bottom:15px;
    }

    .value-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:30px;
    }

    .value-card{
      background:#fff;
      padding:35px;
      border-radius:18px;
      box-shadow:0 8px 25px rgba(0,0,0,0.05);
    }

    .value-card h3{
      margin-bottom:15px;
      color:#6a4728;
    }

    .value-card p{
      color:#666;
    }
	/* MOBILE */

    @media(max-width:768px){

      .header-inner{
        flex-direction:column;
        gap:15px;
      }

      .main-menu ul{
        flex-wrap:wrap;
        justify-content:center;
        gap:18px;
      }

      .about-grid{
        grid-template-columns:1fr;
      }

      .value-grid{
        grid-template-columns:1fr;
      }

      .page-hero h1{
        font-size:36px;
      }

      .section-title h2,
      .about-content h2,
      .cta h2{
        font-size:30px;
      }

    }

 /* CONTACT */

    .contact-section{
      padding:80px 0;
      background:#fff;
    }

    .contact-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:50px;
    }

    .contact-box{
      background:#faf7f3;
      padding:40px;
      border-radius:20px;
      box-shadow:0 10px 30px rgba(0,0,0,0.05);
    }

    .contact-box h2{
      color:#6a4728;
      margin-bottom:25px;
      font-size:34px;
    }

    .contact-item{
      margin-bottom:25px;
    }

    .contact-item strong{
      display:block;
      margin-bottom:8px;
      color:#6a4728;
    }

    .contact-item a{
      color:#222;
      text-decoration:none;
      transition:.3s;
    }

    .contact-item a:hover{
      color:#6a4728;
    }

    /* FORM */

    .contact-form{
      background:#fff;
      padding:40px;
      border-radius:20px;
      box-shadow:0 10px 30px rgba(0,0,0,0.05);
    }

    .contact-form h2{
      color:#6a4728;
      margin-bottom:25px;
      font-size:34px;
    }

    .form-group{
      margin-bottom:20px;
    }

    .form-group input,
    .form-group textarea{
      width:100%;
      padding:16px;
      border:1px solid #ddd;
      border-radius:12px;
      font-size:15px;
      box-sizing:border-box;
      transition:.3s;
    }

    .form-group input:focus,
    .form-group textarea:focus{
      border-color:#6a4728;
      outline:none;
    }

    textarea{
      resize:vertical;
      min-height:140px;
    }
	.contact-form .btn{
      display:inline-block;
      background:#6a4728;
      color:#fff;
      padding:16px 35px;
      border:none;
      border-radius:50px;
      cursor:pointer;
      font-size:15px;
      font-weight:700;
      transition:.3s;
    }

    .contact-form .btn:hover{
      background:#8b5e34;
    }
/* WHATSAPP CTA */

    .whatsapp-box{
      margin-top:30px;
      background:#f4f1ed;
      padding:25px;
      border-radius:16px;
      border-left:5px solid #6a4728;
    }

    .whatsapp-btn{
      display:inline-block;
      margin-top:15px;
      background:#25D366;
      color:#fff;
      padding:14px 26px;
      border-radius:50px;
      text-decoration:none;
      font-weight:700;
      transition:.3s;
    }

    .whatsapp-btn:hover{
      transform:translateY(-2px);
    }
/* MAP */

    .map-section{
      padding-bottom:80px;
      background:#fff;
    }

    iframe{
      width:100%;
      height:450px;
      border:0;
      border-radius:20px;
    }
	
@media(max-width:768px){

      .contact-grid{
        grid-template-columns:1fr;
      }

      .contact-box h2,
      .contact-form h2{
        font-size:28px;
      }

    }

    .error-wrapper{
      width:100%;
      max-width:700px;
      margin:20px auto;
      background:#fff;
      border-radius:30px;
      padding:70px 50px;
      text-align:center;
      box-shadow:0 15px 50px rgba(0,0,0,0.08);
      position:relative;
      overflow:hidden;
    }

    .error-wrapper::before{
      content:"";
      position:absolute;
      width:250px;
      height:250px;
      background:rgba(106,71,40,0.05);
      border-radius:50%;
      top:-120px;
      right:-120px;
    }

    .error-wrapper::after{
      content:"";
      position:absolute;
      width:180px;
      height:180px;
      background:rgba(106,71,40,0.04);
      border-radius:50%;
      bottom:-90px;
      left:-90px;
    }
    .error-wrapper h1{
      font-size:38px;
      margin-bottom:20px;
      color:#222;
      position:relative;
      z-index:2;
    }

    .error-wrapper p{
      color:#666;
      font-size:17px;
      line-height:1.8;
      margin-bottom:35px;
      position:relative;
      z-index:2;
    }
    .error-code{
      font-size:120px;
      font-weight:800;
      color:#6a4728;
      line-height:1;
      margin-bottom:20px;
      position:relative;
      z-index:2;
    }
    .button-group{
      display:flex;
      justify-content:center;
      gap:18px;
      flex-wrap:wrap;
      position:relative;
      z-index:2;
    }

    .button-group.btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding:16px 32px;
      border-radius:50px;
      text-decoration:none;
      font-weight:700;
      transition:0.3s ease;
      min-width:200px;
    }

    .button-group.btn-primary{
      background:#6a4728;
      color:#fff;
    }

    .button-group.btn-primary:hover{
      background:#8b5e34;
      transform:translateY(-3px);
    }

    .button-group.btn-secondary{
      background:#f2ece6;
      color:#6a4728;
    }

    .button-group.btn-secondary:hover{
      background:#e7ddd3;
      transform:translateY(-3px);
    }
	.mini-text{
      margin-top:45px;
      font-size:14px;
      color:#999;
      position:relative;
      z-index:2;
    }

    .mini-text a{
      color:#6a4728;
      text-decoration:none;
      font-weight:600;
    }

    .mini-text a:hover{
      color:#8b5e34;
    }
	@media(max-width:768px){

      .error-wrapper{
        padding:50px 25px;
      }

      .error-code{
        font-size:90px;
      }
      .error-wrapper h1{
        font-size:30px;
      }

      .error-wrapper p{
        font-size:16px;
      }

      .error-wrapper .btn{
        width:100%;
      }

    }

.whatsapp-fixed{
position:fixed;
bottom:20px;
right:20px;
background:#25D366;
color:#fff;
padding:15px 18px;
border-radius:50px;
font-weight:bold;
text-decoration:none;
box-shadow:0 5px 15px rgba(0,0,0,0.2);
}
.back-to-top{
  position:fixed;
  bottom:25px;
  left:20px;
  width:50px;
  height:50px;
  background:#6a4728;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  font-size:22px;
  text-decoration:none;
  box-shadow:0 8px 20px rgba(0,0,0,0.2);
  opacity:0;
  visibility:hidden;
  transition:0.3s;
  z-index:9999;
}

.back-to-top.show{
  opacity:1;
  visibility:visible;
}
img, svg {
    vertical-align: middle;
}
/* CALL TO ACTION GENEL */

.call-to-action{
  width:90%;
  margin:10px auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  padding:45px 40px;
  background:#fff;
  border:1px solid #eee;
  border-left:6px solid #6a4728;
  border-right:6px solid #6a4728;
  border-radius:18px;
  box-shadow:0 10px 35px rgba(0,0,0,0.06);
}

/* SOL ALAN */

.call-to-action-content p.font-weight-bold{
  font-size:22px;
  color:#6a4728;
  margin-bottom:10px;
}

.call-to-action-content p{
  font-size:15px;
  color:#555;
  line-height:1.7;
}

/* LİST */

.call-to-action ul{
  margin:15px 0 0 0;
  padding:0;
  list-style:none;
}

.call-to-action ul li{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
  font-size:15px;
  color:#333;
}

.call-to-action ul li i{
  color:#6a4728;
  font-size:16px;
}

/* LINKLER */

.call-to-action a{
  color:#333;
  text-decoration:none;
  transition:0.3s ease;
  font-weight:600;
}

.call-to-action a:hover{
  color:#6a4728;
}

/* WHATSAPP ÖZEL */

.call-to-action a[aria-label*="whatsapp"]{
  background:#25D366;
  color:#fff !important;
  padding:6px 14px;
  border-radius:30px;
  font-size:13px;
  display:inline-block;
}

.call-to-action a[aria-label*="whatsapp"]:hover{
  background:#1ebe5d;
}

/* SAĞ BUTON ALANI */

.call-to-action-btn{
  text-align:right;
}

.call-to-action-btn .btn{
  background:#6a4728;
  color:#fff;
  padding:14px 26px;
  border-radius:50px;
  font-weight:700;
  text-decoration:none;
  display:inline-block;
  transition:0.3s ease;
  white-space:nowrap;
}

.call-to-action-btn .btn:hover{
  background:#8b5e34;
  transform:translateY(-3px);
}

/* RESPONSIVE */

@media(max-width:768px){

  .call-to-action{
    flex-direction:column;
    text-align:left;
    padding:30px 20px;
  }

  .call-to-action-btn{
    width:100%;
    text-align:left;
  }

  .call-to-action-btn .btn{
    width:100%;
    text-align:center;
  }

}