/* Referanstaki beyaz, ortalanmış mağaza başlığı */
#mainNav,#mainNav.scrolled{position:relative!important;inset:auto!important;padding:10px 0 0!important;background:#fff!important;border-bottom:1px solid #e7e5df!important;box-shadow:none!important}
#mainNav .container-xl{display:flex;flex-wrap:nowrap;justify-content:space-between;position:relative;gap:34px}
#mainNav .navbar-brand{width:auto;flex:0 0 auto;margin:0;padding:0}
#mainNav .navbar-brand img{width:220px!important;height:88px!important;object-fit:contain!important;filter:none!important}
#mainNav .navbar-collapse{width:auto;flex:1 1 auto;border:0;padding:0}
#mainNav .navbar-nav{margin-left:auto!important;margin-right:0!important}
#mainNav .nav-link{color:#315d2b!important;font-weight:700!important}
#mainNav .nav-link:hover,#mainNav .nav-link:focus{color:#c86f32!important}
#mainNav .btn-brand{padding:.62rem 1.15rem}

/* Sayfa içine oturan ürün vitrini */
.hero-slider{position:relative;background:#fff;padding:26px max(16px,calc((100vw - 1320px)/2)) 34px}
.hero-slider .carousel,.hero-slider .carousel-inner,.hero-slider .carousel-item{height:620px}
.hero-slider .carousel{max-width:1320px;margin:0 auto;background:#f3f3f1;border:1px solid #eceae4;border-radius:5px;overflow:hidden}
.hero-slider .carousel-item{position:relative;overflow:hidden}
.box-slide{background:linear-gradient(180deg,#f5f5f3 0%,#efefec 100%)}
.box-slide .slide-image{position:absolute;left:2%;right:2%;bottom:24px;width:96%;height:455px;object-fit:contain;object-position:center bottom}
.box-slide-copy{position:absolute;z-index:3;left:20px;right:20px;top:25px;text-align:center;color:#315d2b}
.box-slide-copy p{font-size:clamp(1.45rem,2.7vw,2.45rem);font-weight:300;line-height:1.15;margin:0 0 6px;letter-spacing:.005em}
.box-slide-copy h1{font-family:inherit;font-size:clamp(2.6rem,5vw,4.8rem);font-weight:900;line-height:1;margin:0;color:#315d2b;letter-spacing:-.04em}
.box-slide-copy h1 span{color:#c86f32;font-weight:500}
.slide-hit-area{position:absolute;z-index:4;inset:0}
.orchard-slide .hero-media,.orchard-slide .hero-overlay{position:absolute}
.orchard-slide .slide-content{position:relative;z-index:2;height:100%;display:flex;align-items:center;padding:35px 8%}
.orchard-slide h1{font-family:Georgia,serif;font-size:clamp(3.1rem,6vw,5.8rem);line-height:.98;letter-spacing:-.045em;color:#fff}
.orchard-slide .hero-copy{padding-top:0}
.btn-walnut{background:#5a4638;border-color:#5a4638;color:#fff}.btn-walnut:hover{background:#40352e;border-color:#40352e;color:#fff}
.hero-slider .carousel-control-prev,.hero-slider .carousel-control-next{width:7%;z-index:6}
.hero-slider .carousel-control-prev-icon,.hero-slider .carousel-control-next-icon{width:38px;height:38px;background-color:rgba(49,93,43,.78);background-size:42%;border-radius:50%;box-shadow:0 6px 18px rgba(49,46,39,.18)}
.hero-slider .carousel-indicators{z-index:7;bottom:12px;margin-bottom:0}
.hero-slider .carousel-indicators [data-bs-target]{box-sizing:border-box;width:13px;height:13px;margin:0 6px;border:2px solid #fff;border-radius:50%;background:#91ad32;opacity:.42;box-shadow:0 0 0 1px rgba(49,93,43,.2)}
.hero-slider .carousel-indicators .active{opacity:1}
.carousel-fade .carousel-item{transition-duration:.8s}

@media(max-width:991px){
  #mainNav,#mainNav.scrolled{padding:6px 0!important}
  #mainNav .container-xl{justify-content:space-between;flex-wrap:nowrap}
  #mainNav .navbar-brand{width:auto;margin:0;padding:0}
  #mainNav .navbar-brand img{width:180px!important;height:76px!important}
  #mainNav .navbar-toggler{border:1px solid #d7d2c8!important;background:#526322!important;box-shadow:none!important}
  #mainNav .navbar-collapse{display:none!important}
  .hero-slider{padding:16px 12px 24px}
  .hero-slider .carousel,.hero-slider .carousel-inner,.hero-slider .carousel-item{height:510px}
  .box-slide .slide-image{left:1%;right:1%;bottom:30px;width:98%;height:370px}
  .box-slide-copy{top:24px}
  .hero-slider .carousel-control-prev,.hero-slider .carousel-control-next{display:none}
}
@media(max-width:575px){
  #mainNav .navbar-brand img{width:150px!important;height:64px!important}
  .hero-slider .carousel,.hero-slider .carousel-inner,.hero-slider .carousel-item{height:410px}
  .box-slide-copy{top:20px;left:10px;right:10px}
  .box-slide-copy p{font-size:1.25rem}
  .box-slide-copy h1{font-size:2.35rem}
  .box-slide .slide-image{bottom:38px;height:300px}
  .orchard-slide .slide-content{padding:25px 24px}
  .orchard-slide h1{font-size:2.75rem}
  .orchard-slide .lead{font-size:1rem}
}