/* Guraba Elite Final V6 - gerçek mobil/web düzeltme ve premium iyileştirme */
:root{
  --g6-cream:#fffaf3;
  --g6-soft:#fbf3e8;
  --g6-gold:#b77a32;
  --g6-gold2:#d5a36a;
  --g6-brown:#3e281d;
  --g6-muted:#76685e;
  --g6-line:#eadfce;
  --g6-shadow:0 24px 70px rgba(81,48,24,.13);
}
html,body,.site-shell{max-width:100%!important;overflow-x:hidden!important}
img{image-rendering:auto!important}
body{background:linear-gradient(180deg,#fffaf4,#fbf2e7)!important}

/* Header: net logo, daha okunur marka */
.site-header{
  position:sticky!important;
  top:0!important;
  z-index:1000!important;
  height:96px!important;
  min-height:96px!important;
  display:grid!important;
  grid-template-columns:minmax(255px,320px) 1fr auto auto!important;
  align-items:center!important;
  padding:0 clamp(54px,5vw,92px)!important;
  background:rgba(255,250,244,.88)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  border-bottom:1px solid rgba(183,122,50,.14)!important;
  box-shadow:0 10px 38px rgba(68,42,24,.06)!important;
}
.site-header .brand{
  height:96px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
.site-header .brand img{
  width:280px!important;
  max-width:280px!important;
  height:auto!important;
  max-height:86px!important;
  object-fit:contain!important;
  object-position:left center!important;
  image-rendering:auto!important;
}
.main-nav{gap:clamp(20px,2.2vw,38px)!important}
.main-nav>a,.nav-dd>a{
  font-size:14px!important;
  font-weight:780!important;
  letter-spacing:.005em!important;
  color:#3f2b20!important;
}
.nav-cta{
  padding:15px 30px!important;
  border-radius:999px!important;
  font-size:14px!important;
  font-weight:850!important;
  background:linear-gradient(135deg,#a66a2d,#c6904e)!important;
  box-shadow:0 15px 36px rgba(177,119,50,.24)!important;
}

/* Hero: web korunur, badge yazıyı kapatmaz */
.guraba-home-hero{
  min-height:720px!important;
  padding:120px clamp(54px,6vw,112px) 205px!important;
  background:
    linear-gradient(90deg,rgba(255,250,243,.98) 0%,rgba(255,250,243,.93) 31%,rgba(255,250,243,.56) 57%,rgba(255,250,243,.08) 82%),
    url('/assets/design/images/04_hero_interior_photo.png') right center/auto 100% no-repeat,
    #fff7ed!important;
}
.guraba-home-hero .hero-content{max-width:650px!important}
.guraba-home-hero h1{
  font-size:clamp(58px,5vw,86px)!important;
  line-height:1.02!important;
  letter-spacing:-.035em!important;
  max-width:650px!important;
}
.guraba-home-hero p:not(.eyebrow){
  max-width:565px!important;
  font-size:19px!important;
  line-height:1.85!important;
}
.hero-badge{
  top:180px!important;
  right:clamp(62px,8vw,155px)!important;
  width:142px!important;
  height:166px!important;
  transform:none!important;
  border-radius:36px!important;
}
.hero-actions{align-items:center!important}
.hero-actions .btn{
  border-radius:999px!important;
  min-height:58px!important;
}

/* Koleksiyonlar: elit soldan sağa kayan sistem */
.guraba-collections-v6{
  width:min(1580px,calc(100% - 96px))!important;
  margin:-112px auto 0!important;
  padding:0!important;
  display:block!important;
  position:relative!important;
  z-index:4!important;
}
.collection-marquee-head{
  display:none;
}
.guraba-collection-marquee{
  overflow:hidden!important;
  border-radius:28px!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);
}
.guraba-collection-track{
  display:flex!important;
  gap:22px!important;
  width:max-content!important;
  animation:gurabaMarqueeV6 34s linear infinite!important;
  will-change:transform!important;
}
.guraba-collection-marquee:hover .guraba-collection-track{animation-play-state:paused!important}
@keyframes gurabaMarqueeV6{
  from{transform:translateX(-50%)}
  to{transform:translateX(0)}
}
.guraba-collections-v6 .guraba-collection-card{
  flex:0 0 285px!important;
  width:285px!important;
  min-height:206px!important;
  border-radius:24px!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(234,223,206,.9)!important;
  box-shadow:0 26px 66px rgba(74,43,24,.13)!important;
  transform:translateZ(0)!important;
}
.guraba-collections-v6 .guraba-collection-card img{
  height:100%!important;
  width:100%!important;
  object-fit:cover!important;
  transition:transform .6s ease!important;
}
.guraba-collections-v6 .guraba-collection-card:hover img{transform:scale(1.06)!important}
.guraba-collections-v6 .cc-body{
  background:linear-gradient(180deg,rgba(255,255,255,.74),rgba(255,250,243,.92))!important;
  backdrop-filter:blur(8px)!important;
  border-radius:0 0 24px 24px!important;
}

/* Başlık taşmalarını tamamen engelle */
.section-title,.split-content,.armut-head,.guraba-cta-v4,.page-hero{
  max-width:100%!important;
  overflow:hidden!important;
}
.section-title h2,.split-content h2,.armut-head h2,.guraba-cta-v4 h2{
  max-width:100%!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
  letter-spacing:-.03em!important;
}
.project-grid{max-width:100%!important;overflow:hidden!important}
.project-card{
  min-width:0!important;
  overflow:hidden!important;
  border-radius:24px!important;
}
.project-card img{width:100%!important;object-fit:cover!important}

/* Form / Talep butonu: daha kibar */
.guraba-form,.form-box{
  position:relative!important;
  border-radius:34px!important;
  border:1px solid rgba(234,223,206,.95)!important;
  box-shadow:0 24px 60px rgba(83,50,24,.10)!important;
}
.guraba-form button,.form-box button{
  border-radius:999px!important;
  min-width:0!important;
  width:auto!important;
  max-width:340px!important;
  padding:0 38px!important;
  background:linear-gradient(135deg,#a96c2e,#c9904b)!important;
  box-shadow:0 18px 42px rgba(177,119,50,.24)!important;
  letter-spacing:.01em!important;
}
.guraba-form button:hover,.form-box button:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 24px 55px rgba(177,119,50,.32)!important;
}

/* İletişim bandı: web/mobil hatasız */
.contact-strip.guraba-contact-strip-v6{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  width:100%!important;
  padding:34px clamp(56px,5vw,88px)!important;
  margin:0!important;
  border-radius:42px 42px 0 0!important;
  background:rgba(255,250,244,.96)!important;
  border-top:1px solid var(--g6-line)!important;
  border-bottom:1px solid var(--g6-line)!important;
}
.guraba-contact-strip-v6 .contact-item{
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  align-items:center!important;
  gap:16px!important;
  min-width:0!important;
  padding:8px 24px!important;
  border-right:1px solid var(--g6-line)!important;
}
.guraba-contact-strip-v6 .contact-item:last-child{border-right:0!important}
.guraba-contact-strip-v6 .contact-icon{
  width:52px!important;height:52px!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;
  background:#fffaf3!important;border:1px solid var(--g6-line)!important;
  box-shadow:0 10px 24px rgba(101,64,34,.06)!important;
}
.guraba-contact-strip-v6 .contact-icon img{
  width:28px!important;height:28px!important;object-fit:contain!important;
  padding:0!important;border:0!important;background:transparent!important;border-radius:0!important;
}
.guraba-contact-strip-v6 .contact-copy{
  display:block!important;
  min-width:0!important;
}
.guraba-contact-strip-v6 .contact-copy span{
  display:block!important;
  margin:0 0 5px!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:850!important;
  color:#a66b2f!important;
}
.guraba-contact-strip-v6 .contact-copy strong{
  display:block!important;
  margin:0!important;
  font-size:17px!important;
  line-height:1.4!important;
  color:#34251c!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}

/* Footer logo net ve büyük */
.site-footer.guraba-footer-v6{
  background:
    radial-gradient(circle at 12% 12%,rgba(183,122,50,.18),transparent 30%),
    linear-gradient(135deg,#3b251a,#2c1a12)!important;
  padding-top:80px!important;
}
.guraba-footer-v6 .footer-brand img{
  width:260px!important;
  max-width:260px!important;
  max-height:98px!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
  margin-bottom:26px!important;
}

/* Sabit ara / whatsapp daha kompakt ve örtmeyen */
.float-actions.guraba-float-v6{
  right:22px!important;
  bottom:22px!important;
  gap:10px!important;
}
.float-actions.guraba-float-v6 a{
  width:148px!important;
  height:58px!important;
  border-radius:999px!important;
  font-size:18px!important;
  box-shadow:0 18px 45px rgba(0,0,0,.18)!important;
}

/* ekstra premium animasyonlar */
.reveal,.guraba-collection-card,.project-card,.fabric-card,.armut-card,.guraba-service-mini{
  transition:opacity .7s cubic-bezier(.2,.8,.2,1), transform .7s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease!important;
}
.guraba-js .reveal:not(.visible){
  opacity:0!important;
  transform:translateY(26px)!important;
}
.guraba-js .reveal.visible{
  opacity:1!important;
  transform:translateY(0)!important;
}
.btn,.nav-cta,.guraba-form button,.form-box button{
  position:relative!important;
  overflow:hidden!important;
}
.btn:after,.nav-cta:after,.guraba-form button:after,.form-box button:after{
  content:""!important;
  position:absolute!important;
  top:-80%!important;left:-40%!important;
  width:40%!important;height:260%!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent)!important;
  transform:rotate(24deg) translateX(-120%)!important;
  transition:transform .75s ease!important;
}
.btn:hover:after,.nav-cta:hover:after,.guraba-form button:hover:after,.form-box button:hover:after{
  transform:rotate(24deg) translateX(380%)!important;
}

/* Responsive */
@media (max-width:1280px){
  .site-header{grid-template-columns:minmax(220px,270px) 1fr auto auto!important;padding:0 34px!important}
  .site-header .brand img{width:240px!important;max-width:240px!important}
  .main-nav{gap:20px!important}
  .main-nav>a,.nav-dd>a{font-size:12.5px!important}
}
@media (max-width:980px){
  .site-header{
    height:112px!important;
    min-height:112px!important;
    grid-template-columns:1fr auto!important;
    padding:0 34px!important;
  }
  .site-header .brand img{
    width:205px!important;
    max-width:205px!important;
    max-height:76px!important;
  }
  .menu-toggle{
    width:76px!important;height:76px!important;
    border-radius:50%!important;
    background:rgba(255,255,255,.92)!important;
    border:1px solid rgba(183,122,50,.25)!important;
    box-shadow:0 15px 36px rgba(76,46,25,.10)!important;
  }
  .menu-toggle span{width:32px!important;height:3px!important;background:#a66b2f!important}

  /* Mobil hero: farklı, daha anlaşılır kompozisyon */
  .guraba-home-hero{
    min-height:770px!important;
    padding:86px 34px 86px!important;
    background:
      linear-gradient(180deg,rgba(255,250,243,.93) 0%,rgba(255,250,243,.78) 45%,rgba(255,250,243,.36) 100%),
      url('/assets/design/images/04_hero_interior_photo.png') center bottom/cover no-repeat,
      #fff7ed!important;
  }
  .guraba-home-hero .hero-content{
    max-width:100%!important;
    position:relative!important;
    z-index:3!important;
  }
  .guraba-home-hero .eyebrow{
    font-size:12px!important;
    letter-spacing:.22em!important;
    line-height:1.4!important;
    max-width:100%!important;
  }
  .guraba-home-hero h1{
    font-size:clamp(44px,10.8vw,62px)!important;
    line-height:1.08!important;
    max-width:calc(100vw - 68px)!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .guraba-home-hero p:not(.eyebrow){
    max-width:100%!important;
    font-size:18px!important;
    line-height:1.75!important;
  }
  .hero-actions{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    gap:15px!important;
    margin:34px auto 0!important;
  }
  .hero-actions .btn{
    width:min(460px,100%)!important;
    height:62px!important;
    justify-content:center!important;
    text-align:center!important;
    font-size:18px!important;
  }
  .hero-badge{
    position:static!important;
    width:min(270px,78vw)!important;
    height:76px!important;
    margin:28px auto 0!important;
    border-radius:28px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 18px!important;
  }
  .hero-badge:before{font-size:22px!important;margin-right:12px!important}
  .hero-badge div{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:12px!important;
  }
  .hero-badge strong{font-size:32px!important;line-height:1!important}
  .hero-badge span{font-size:15px!important;line-height:1.25!important;text-align:left!important}

  /* Koleksiyon marquee mobilde de şık ve dokunulabilir */
  .guraba-collections-v6{
    width:100%!important;
    margin:0!important;
    padding:22px 0 12px!important;
  }
  .collection-marquee-head{
    display:block!important;
    padding:0 34px 16px!important;
  }
  .collection-marquee-head span{
    display:block!important;
    color:#a66b2f!important;
    font-size:12px!important;
    letter-spacing:.22em!important;
    text-transform:uppercase!important;
    font-weight:850!important;
  }
  .collection-marquee-head strong{
    display:block!important;
    margin-top:6px!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:30px!important;
    color:#3d2a20!important;
    font-weight:500!important;
  }
  .guraba-collection-marquee{
    padding-left:24px!important;
    overflow-x:auto!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
    mask-image:none!important;
    -webkit-mask-image:none!important;
  }
  .guraba-collection-track{
    animation:none!important;
    gap:16px!important;
    padding-right:24px!important;
  }
  .guraba-collections-v6 .guraba-collection-card{
    flex:0 0 78vw!important;
    width:78vw!important;
    min-height:190px!important;
    scroll-snap-align:center!important;
  }

  .section{padding-left:34px!important;padding-right:34px!important}
  .section-title h2,.split-content h2,.armut-head h2,.guraba-cta-v4 h2{
    font-size:clamp(34px,8.6vw,48px)!important;
    line-height:1.09!important;
    letter-spacing:-.035em!important;
  }
  .section-title{
    padding-right:0!important;
  }
  .project-grid{
    grid-template-columns:1fr!important;
    gap:24px!important;
  }
  .project-card h3{font-size:26px!important;line-height:1.2!important}

  .guraba-contact-strip-v6.contact-strip{
    display:grid!important;
    grid-template-columns:1fr!important;
    padding:34px 34px!important;
    border-radius:38px 38px 0 0!important;
  }
  .guraba-contact-strip-v6 .contact-item{
    display:grid!important;
    grid-template-columns:60px minmax(0,1fr)!important;
    gap:18px!important;
    padding:20px 0!important;
    border-right:0!important;
    border-bottom:1px solid var(--g6-line)!important;
  }
  .guraba-contact-strip-v6 .contact-item:last-child{border-bottom:0!important}
  .guraba-contact-strip-v6 .contact-copy span{font-size:16px!important}
  .guraba-contact-strip-v6 .contact-copy strong{
    font-size:20px!important;
    line-height:1.45!important;
    max-width:100%!important;
  }

  .guraba-form,.form-box{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }
  .guraba-form button,.form-box button{
    justify-self:center!important;
    width:min(360px,100%)!important;
    height:62px!important;
    font-size:18px!important;
    padding:0 28px!important;
  }

  .guraba-footer-v6.site-footer{
    padding:68px 34px 112px!important;
  }
  .guraba-footer-v6 .footer-brand img{
    width:220px!important;
    max-width:220px!important;
    max-height:96px!important;
  }
  .float-actions.guraba-float-v6{
    right:18px!important;
    bottom:18px!important;
    gap:9px!important;
  }
  .float-actions.guraba-float-v6 a{
    width:138px!important;
    height:54px!important;
    font-size:17px!important;
  }
}
@media (max-width:430px){
  .site-header{height:104px!important;min-height:104px!important;padding:0 24px!important}
  .site-header .brand img{width:186px!important;max-width:186px!important}
  .menu-toggle{width:70px!important;height:70px!important}
  .guraba-home-hero{padding:72px 24px 78px!important}
  .guraba-home-hero h1{font-size:43px!important}
  .guraba-home-hero p:not(.eyebrow){font-size:17px!important}
  .section{padding-left:24px!important;padding-right:24px!important}
  .section-title h2,.split-content h2,.armut-head h2,.guraba-cta-v4 h2{font-size:36px!important}
  .guraba-contact-strip-v6.contact-strip{padding:30px 24px!important}
  .guraba-contact-strip-v6 .contact-copy strong{font-size:18px!important}
  .float-actions.guraba-float-v6 a{width:124px!important;height:52px!important;font-size:16px!important}
  .guraba-collection-marquee{padding-left:20px!important}
  .guraba-collections-v6 .guraba-collection-card{flex-basis:82vw!important;width:82vw!important}
}