
/* Guraba Elite Final V7 - mobil marquee + elite collection heading + contact fix */
:root{
  --guraba-v7-cream:#fffaf3;
  --guraba-v7-soft:#fbf1e5;
  --guraba-v7-card:#fffdf8;
  --guraba-v7-gold:#b87931;
  --guraba-v7-gold-soft:#d8aa70;
  --guraba-v7-brown:#3f281d;
  --guraba-v7-muted:#78695d;
  --guraba-v7-line:#eadfce;
  --guraba-v7-shadow:0 26px 80px rgba(76,46,25,.13);
}
html, body{
  overflow-x:hidden!important;
}
body{
  text-rendering:optimizeLegibility!important;
  -webkit-font-smoothing:antialiased!important;
}

/* Header/footer logo netliği */
.site-header .brand img{
  width:clamp(220px,16vw,310px)!important;
  max-width:310px!important;
  max-height:88px!important;
  height:auto!important;
  object-fit:contain!important;
  image-rendering:auto!important;
  filter:drop-shadow(0 8px 16px rgba(64,38,22,.06))!important;
}
.site-header .brand{
  min-width:clamp(220px,16vw,330px)!important;
}
.guraba-footer-v6 .footer-brand img,
.site-footer .footer-brand img{
  width:clamp(240px,18vw,340px)!important;
  max-width:340px!important;
  max-height:125px!important;
  height:auto!important;
  object-fit:contain!important;
  filter:none!important;
  image-rendering:auto!important;
}

/* Koleksiyon başlığı - daha elit ve gösterişli */
.collection-marquee-head.collection-marquee-head-v7,
.guraba-collections-v6 .collection-marquee-head{
  display:block!important;
  width:min(1120px,calc(100% - 64px))!important;
  margin:0 auto 30px!important;
  padding:0!important;
  text-align:center!important;
  position:relative!important;
}
.collection-marquee-head.collection-marquee-head-v7:before,
.collection-marquee-head.collection-marquee-head-v7:after,
.guraba-collections-v6 .collection-marquee-head:before,
.guraba-collections-v6 .collection-marquee-head:after{
  content:""!important;
  position:absolute!important;
  top:19px!important;
  width:min(160px,18vw)!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,var(--guraba-v7-gold),transparent)!important;
  opacity:.6!important;
}
.collection-marquee-head.collection-marquee-head-v7:before,
.guraba-collections-v6 .collection-marquee-head:before{
  right:calc(50% + 155px)!important;
}
.collection-marquee-head.collection-marquee-head-v7:after,
.guraba-collections-v6 .collection-marquee-head:after{
  left:calc(50% + 155px)!important;
}
.collection-marquee-head span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  padding:8px 18px!important;
  border-radius:999px!important;
  border:1px solid rgba(184,121,49,.28)!important;
  background:rgba(255,255,255,.58)!important;
  box-shadow:0 12px 30px rgba(83,51,28,.06)!important;
  color:var(--guraba-v7-gold)!important;
  font-size:13px!important;
  letter-spacing:.28em!important;
  text-transform:uppercase!important;
  font-weight:900!important;
}
.collection-marquee-head span:before,
.collection-marquee-head span:after{
  content:"✦"!important;
  font-size:12px!important;
  letter-spacing:0!important;
  color:var(--guraba-v7-gold-soft)!important;
}
.collection-marquee-head strong{
  display:block!important;
  margin:18px auto 0!important;
  max-width:780px!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(42px,4.2vw,76px)!important;
  line-height:1.04!important;
  font-weight:500!important;
  letter-spacing:-.045em!important;
  color:var(--guraba-v7-brown)!important;
}
.collection-marquee-head .collection-desc,
.collection-marquee-head p{
  display:block!important;
  max-width:650px!important;
  margin:18px auto 0!important;
  color:var(--guraba-v7-muted)!important;
  font-size:18px!important;
  line-height:1.8!important;
}

/* Koleksiyon kartlarını daha premium hale getir */
.guraba-collections-v6{
  background:
    radial-gradient(circle at 12% 0,rgba(216,170,112,.18),transparent 34%),
    linear-gradient(180deg,rgba(255,250,243,.58),rgba(255,250,243,0))!important;
}
.guraba-collection-marquee{
  position:relative!important;
}
.guraba-collection-marquee:before,
.guraba-collection-marquee:after{
  content:""!important;
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  width:92px!important;
  z-index:5!important;
  pointer-events:none!important;
}
.guraba-collection-marquee:before{
  left:0!important;
  background:linear-gradient(90deg,var(--guraba-v7-cream),transparent)!important;
}
.guraba-collection-marquee:after{
  right:0!important;
  background:linear-gradient(270deg,var(--guraba-v7-cream),transparent)!important;
}
.guraba-collections-v6 .guraba-collection-card{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgba(235,223,207,.92)!important;
  box-shadow:0 25px 70px rgba(71,43,25,.12)!important;
  isolation:isolate!important;
}
.guraba-collections-v6 .guraba-collection-card:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(184,121,49,.14),rgba(255,255,255,0))!important;
  opacity:0!important;
  transition:opacity .45s ease!important;
  z-index:2!important;
}
.guraba-collections-v6 .guraba-collection-card:hover:before{
  opacity:1!important;
}
.guraba-collections-v6 .cc-body{
  position:absolute!important;
  left:18px!important;
  right:18px!important;
  bottom:18px!important;
  min-height:112px!important;
  padding:24px 26px!important;
  border-radius:24px!important;
  background:rgba(255,252,246,.84)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  box-shadow:0 20px 45px rgba(57,35,22,.10)!important;
  z-index:3!important;
}
.guraba-collections-v6 .cc-body h3{
  font-size:22px!important;
  line-height:1.15!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.guraba-collections-v6 .cc-body p{
  margin-top:10px!important;
  font-size:16px!important;
  line-height:1.55!important;
}
.guraba-collections-v6 .cc-body b{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:36px!important;
  height:36px!important;
  margin-top:14px!important;
  border-radius:50%!important;
  background:rgba(184,121,49,.12)!important;
  color:var(--guraba-v7-gold)!important;
}

/* Projeler başlığı taşmasın */
.section-title h2{
  max-width:100%!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  hyphens:auto!important;
}

/* İletişim kartları: harf harf kırılmayı engelle */
.contact-strip.guraba-contact-strip-v6{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  overflow:hidden!important;
}
.contact-strip.guraba-contact-strip-v6 > .contact-item{
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr)!important;
  align-items:center!important;
  gap:18px!important;
  min-width:0!important;
  width:100%!important;
  padding:26px 22px!important;
}
.contact-strip.guraba-contact-strip-v6 .contact-icon{
  display:grid!important;
  place-items:center!important;
  width:58px!important;
  height:58px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.65)!important;
  border:1px solid rgba(184,121,49,.18)!important;
  flex:0 0 58px!important;
}
.contact-strip.guraba-contact-strip-v6 .contact-icon img{
  width:27px!important;
  height:27px!important;
  object-fit:contain!important;
}
.contact-strip.guraba-contact-strip-v6 .contact-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
}
.contact-strip.guraba-contact-strip-v6 .contact-copy span{
  display:block!important;
  color:var(--guraba-v7-gold)!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  white-space:normal!important;
}
.contact-strip.guraba-contact-strip-v6 .contact-copy strong{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin-top:7px!important;
  color:var(--guraba-v7-brown)!important;
  font-size:17px!important;
  line-height:1.42!important;
  font-weight:850!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}
.contact-strip.guraba-contact-strip-v6 > .contact-item:first-child .contact-copy strong{
  white-space:nowrap!important;
  overflow-wrap:normal!important;
}

/* Mobil düzen */
@media (max-width:980px){
  .site-header .brand{
    min-width:0!important;
  }
  .site-header .brand img{
    width:clamp(178px,48vw,230px)!important;
    max-width:230px!important;
    max-height:74px!important;
  }

  /* Mobil hero daha anlaşılır: metin için daha koyu/krem okunabilir panel */
  .guraba-home-hero{
    min-height:760px!important;
    padding:78px 24px 92px!important;
    background:
      linear-gradient(180deg,rgba(255,250,243,.94) 0%,rgba(255,250,243,.86) 48%,rgba(255,250,243,.44) 100%),
      url('/assets/design/images/01_hero_slide_full.png') 62% center/cover no-repeat,
      #fff7ed!important;
  }
  .guraba-home-hero .hero-content{
    padding:22px 0 0!important;
  }
  .guraba-home-hero h1{
    max-width:100%!important;
    font-size:clamp(40px,9.8vw,58px)!important;
    line-height:1.08!important;
    letter-spacing:-.04em!important;
  }
  .guraba-home-hero p:not(.eyebrow){
    max-width:92%!important;
    font-size:17px!important;
  }
  .hero-badge{
    width:min(250px,76vw)!important;
    height:72px!important;
    margin:22px auto 0!important;
    box-shadow:0 18px 45px rgba(74,43,25,.11)!important;
  }

  /* Mobilde de soldan sağa otomatik kayan koleksiyon sistemi */
  .guraba-collections-v6{
    width:100%!important;
    margin:0!important;
    padding:48px 0 22px!important;
  }
  .collection-marquee-head.collection-marquee-head-v7,
  .guraba-collections-v6 .collection-marquee-head{
    width:calc(100% - 48px)!important;
    margin:0 auto 24px!important;
    text-align:left!important;
  }
  .collection-marquee-head.collection-marquee-head-v7:before,
  .collection-marquee-head.collection-marquee-head-v7:after,
  .guraba-collections-v6 .collection-marquee-head:before,
  .guraba-collections-v6 .collection-marquee-head:after{
    display:none!important;
  }
  .collection-marquee-head span{
    padding:8px 15px!important;
    font-size:12px!important;
    letter-spacing:.24em!important;
  }
  .collection-marquee-head strong{
    margin-top:16px!important;
    max-width:100%!important;
    font-size:clamp(42px,11vw,54px)!important;
    line-height:1.07!important;
  }
  .collection-marquee-head .collection-desc,
  .collection-marquee-head p{
    margin:14px 0 0!important;
    max-width:100%!important;
    font-size:17px!important;
    line-height:1.72!important;
  }
  .guraba-collection-marquee{
    overflow:hidden!important;
    padding-left:0!important;
    -webkit-overflow-scrolling:auto!important;
    scroll-snap-type:none!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%)!important;
    mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%)!important;
  }
  .guraba-collection-marquee:before,
  .guraba-collection-marquee:after{
    width:50px!important;
  }
  .guraba-collection-track{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:18px!important;
    width:max-content!important;
    padding:0!important;
    animation:gurabaMobileMarqueeV7 30s linear infinite!important;
    will-change:transform!important;
  }
  .guraba-collection-marquee:hover .guraba-collection-track,
  .guraba-collection-marquee.is-paused .guraba-collection-track{
    animation-play-state:paused!important;
  }
  @keyframes gurabaMobileMarqueeV7{
    from{transform:translate3d(-50%,0,0)}
    to{transform:translate3d(0,0,0)}
  }
  .guraba-collections-v6 .guraba-collection-card{
    flex:0 0 min(78vw,360px)!important;
    width:min(78vw,360px)!important;
    height:410px!important;
    min-height:410px!important;
    border-radius:30px!important;
    scroll-snap-align:none!important;
  }
  .guraba-collections-v6 .guraba-collection-card img{
    height:100%!important;
    width:100%!important;
    object-fit:cover!important;
  }
  .guraba-collections-v6 .cc-body{
    left:16px!important;
    right:16px!important;
    bottom:16px!important;
    min-height:138px!important;
    padding:22px 22px!important;
    border-radius:24px!important;
  }
  .guraba-collections-v6 .cc-body h3{
    font-size:20px!important;
    line-height:1.14!important;
  }
  .guraba-collections-v6 .cc-body p{
    font-size:16px!important;
    line-height:1.55!important;
  }

  /* Mobil proje ve ana başlık taşmasını engelle */
  .section-title{
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  .section-title h2{
    font-size:clamp(34px,9.2vw,44px)!important;
    line-height:1.08!important;
    max-width:100%!important;
    letter-spacing:-.035em!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }

  /* Mobil iletişim kartları: doğru ölçü, doğru ikon, kırılmayan metin */
  .contact-strip.guraba-contact-strip-v6{
    grid-template-columns:1fr!important;
    padding:24px!important;
    border-radius:34px 34px 0 0!important;
  }
  .contact-strip.guraba-contact-strip-v6 > .contact-item{
    grid-template-columns:68px minmax(0,1fr)!important;
    gap:18px!important;
    padding:22px 0!important;
    border-bottom:1px solid var(--guraba-v7-line)!important;
  }
  .contact-strip.guraba-contact-strip-v6 > .contact-item:last-child{
    border-bottom:0!important;
  }
  .contact-strip.guraba-contact-strip-v6 .contact-icon{
    width:60px!important;
    height:60px!important;
  }
  .contact-strip.guraba-contact-strip-v6 .contact-copy strong{
    font-size:18px!important;
    line-height:1.45!important;
  }
}

@media (max-width:430px){
  .collection-marquee-head.collection-marquee-head-v7,
  .guraba-collections-v6 .collection-marquee-head{
    width:calc(100% - 40px)!important;
  }
  .collection-marquee-head strong{
    font-size:42px!important;
  }
  .collection-marquee-head .collection-desc,
  .collection-marquee-head p{
    font-size:16px!important;
  }
  .guraba-collections-v6 .guraba-collection-card{
    flex-basis:82vw!important;
    width:82vw!important;
    height:390px!important;
    min-height:390px!important;
  }
  .contact-strip.guraba-contact-strip-v6{
    padding:22px 22px 28px!important;
  }
  .contact-strip.guraba-contact-strip-v6 > .contact-item{
    grid-template-columns:62px minmax(0,1fr)!important;
    gap:14px!important;
  }
  .contact-strip.guraba-contact-strip-v6 .contact-copy strong{
    font-size:17px!important;
  }
}
