/* Guraba Elite Final V10
   Gelişmiş web+mobil kayan koleksiyon ve proje sistemi.
   Amaç: kartların eşit ölçüde görünmesi, metin taşmaması, web/mobilde sürekli ve elit kayan vitrin.
*/

:root{
  --guraba-v10-bg:#fbf5ec;
  --guraba-v10-card:#fffdf8;
  --guraba-v10-card-soft:rgba(255,253,248,.86);
  --guraba-v10-brown:#3e271d;
  --guraba-v10-brown2:#5a3927;
  --guraba-v10-gold:#b67a32;
  --guraba-v10-gold2:#d5a66b;
  --guraba-v10-muted:#75675b;
  --guraba-v10-line:#e9ddcd;
  --guraba-v10-shadow:0 28px 78px rgba(72,45,27,.13);
  --guraba-v10-shadow-strong:0 34px 96px rgba(72,45,27,.20);
}

html,
body,
.site-shell,
.guraba-v10-main{
  overflow-x:hidden!important;
}

/* Önceki sürümlerde kalan statik proje gridini ve eski carousel davranışını bu sayfada baskılarız */
.guraba-home-v10 .guraba-collections-v9,
.guraba-home-v10 .guraba-collection-marquee-v9,
.guraba-home-v10 .guraba-collection-track-v9,
.guraba-home-v10 .project-grid{
  max-width:100%!important;
}

/* Ortak lüks bölüm başlığı */
.guraba-v10-section-head{
  position:relative!important;
  z-index:3!important;
  width:min(980px, calc(100% - 56px))!important;
  margin:0 auto 38px!important;
  text-align:center!important;
}
.guraba-v10-section-head .lux-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:13px!important;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  padding:11px 22px!important;
  border-radius:999px!important;
  border:1px solid rgba(182,122,50,.28)!important;
  background:rgba(255,255,255,.72)!important;
  box-shadow:0 18px 48px rgba(83,51,30,.09), inset 0 1px 0 rgba(255,255,255,.92)!important;
  color:var(--guraba-v10-gold)!important;
  text-transform:uppercase!important;
  letter-spacing:.29em!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
.guraba-v10-section-head .lux-pill i{
  display:block!important;
  width:9px!important;
  height:9px!important;
  border-radius:50%!important;
  background:var(--guraba-v10-gold)!important;
  box-shadow:0 0 0 6px rgba(182,122,50,.12)!important;
}
.guraba-v10-section-head h2{
  width:100%!important;
  max-width:100%!important;
  margin:22px auto 0!important;
  font-family:Georgia,"Times New Roman",serif!important;
  color:var(--guraba-v10-brown)!important;
  font-size:clamp(44px,5.2vw,76px)!important;
  font-weight:500!important;
  line-height:1.04!important;
  letter-spacing:-.045em!important;
  text-wrap:balance!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.guraba-v10-section-head p{
  margin:18px auto 0!important;
  max-width:780px!important;
  color:rgba(62,39,29,.72)!important;
  font-size:clamp(16px,1.4vw,21px)!important;
  line-height:1.75!important;
  font-weight:500!important;
}

/* Koleksiyon bölümünün yeni yapısı */
.guraba-v10-collections{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  padding:94px 0 58px!important;
  background:
    radial-gradient(circle at 5% 15%, rgba(182,122,50,.11), transparent 26%),
    radial-gradient(circle at 93% 22%, rgba(255,255,255,.92), transparent 33%),
    linear-gradient(180deg,#fffaf4 0%, #fbf2e8 100%)!important;
  border-top:1px solid rgba(182,122,50,.12)!important;
  border-bottom:1px solid rgba(182,122,50,.13)!important;
}
.guraba-v10-collections:before,
.guraba-v10-projects:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  background-image:
    linear-gradient(90deg,rgba(182,122,50,.045) 1px, transparent 1px),
    linear-gradient(0deg,rgba(182,122,50,.035) 1px, transparent 1px)!important;
  background-size:58px 58px!important;
  mask-image:linear-gradient(180deg,transparent,black 12%,black 84%,transparent)!important;
  -webkit-mask-image:linear-gradient(180deg,transparent,black 12%,black 84%,transparent)!important;
  pointer-events:none!important;
}
.guraba-v10-collections:after{
  content:""!important;
  position:absolute!important;
  right:-120px!important;
  top:28px!important;
  width:420px!important;
  height:420px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(213,166,107,.23),transparent 65%)!important;
  filter:blur(6px)!important;
  z-index:0!important;
  pointer-events:none!important;
}

/* Ortak marquee iskeleti */
.guraba-v10-marquee-wrap{
  position:relative!important;
  z-index:2!important;
  width:min(1500px, 100%)!important;
  margin:0 auto!important;
  padding:10px 0 22px!important;
}
.v10-marquee-mask{
  position:relative!important;
  overflow:hidden!important;
  width:100%!important;
  min-height:1px!important;
  padding:14px 0 20px!important;
  mask-image:linear-gradient(90deg,transparent 0%,#000 6%,#000 94%,transparent 100%)!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 6%,#000 94%,transparent 100%)!important;
}
.v10-marquee-track{
  display:flex!important;
  align-items:stretch!important;
  gap:28px!important;
  width:max-content!important;
  max-width:none!important;
  min-width:max-content!important;
  will-change:transform!important;
  transform:translate3d(-50%,0,0);
  animation:gurabaV10MarqueeLTR 78s linear infinite!important;
  padding:0 32px!important;
}
[data-v10-marquee]:hover .v10-marquee-track,
[data-v10-marquee].is-paused .v10-marquee-track{
  animation-play-state:paused!important;
}
@keyframes gurabaV10MarqueeLTR{
  0%{transform:translate3d(-50%,0,0)}
  100%{transform:translate3d(0,0,0)}
}

/* Elit kart parlama çizgisi */
.v10-collection-card,
.v10-project-card{
  position:relative!important;
  overflow:hidden!important;
  text-decoration:none!important;
  color:inherit!important;
  background:var(--guraba-v10-card)!important;
  border:1px solid rgba(182,122,50,.18)!important;
  box-shadow:var(--guraba-v10-shadow)!important;
  transform:translateZ(0)!important;
  transition:transform .55s cubic-bezier(.2,.9,.2,1), box-shadow .55s ease, border-color .55s ease!important;
}
.v10-collection-card:before,
.v10-project-card:before{
  content:""!important;
  position:absolute!important;
  inset:1px!important;
  border-radius:inherit!important;
  border:1px solid rgba(255,255,255,.68)!important;
  pointer-events:none!important;
  z-index:5!important;
}
.v10-collection-card:after,
.v10-project-card:after{
  content:""!important;
  position:absolute!important;
  top:-55%!important;
  left:-80%!important;
  width:72%!important;
  height:210%!important;
  transform:rotate(14deg)!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent)!important;
  opacity:.0!important;
  transition:left .9s ease, opacity .45s ease!important;
  z-index:6!important;
  pointer-events:none!important;
}
.v10-collection-card:hover,
.v10-project-card:hover{
  transform:translateY(-10px) scale(1.012)!important;
  border-color:rgba(182,122,50,.40)!important;
  box-shadow:var(--guraba-v10-shadow-strong)!important;
}
.v10-collection-card:hover:after,
.v10-project-card:hover:after{
  left:110%!important;
  opacity:1!important;
}

/* Koleksiyon kartları - her başlık/alan eşit */
.v10-collection-card{
  flex:0 0 360px!important;
  width:360px!important;
  height:430px!important;
  border-radius:34px!important;
}
.v10-card-photo{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  overflow:hidden!important;
  background:#f5eee5!important;
}
.v10-card-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:saturate(.95) contrast(.98) brightness(1.06)!important;
  transition:transform .9s cubic-bezier(.2,.9,.2,1), filter .65s ease!important;
}
.v10-collection-card:hover .v10-card-photo img{
  transform:scale(1.075)!important;
  filter:saturate(1.02) contrast(1) brightness(1.04)!important;
}
.v10-card-photo:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,250,244,.25) 46%,rgba(255,250,244,.68))!important;
}
.v10-card-content{
  position:absolute!important;
  left:24px!important;
  right:24px!important;
  bottom:24px!important;
  height:172px!important;
  min-height:172px!important;
  display:grid!important;
  grid-template-columns:1fr auto!important;
  grid-template-rows:18px 56px 48px!important;
  align-content:start!important;
  gap:8px 12px!important;
  padding:22px 24px!important;
  border-radius:28px!important;
  background:rgba(255,253,248,.82)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 18px 48px rgba(70,46,29,.11)!important;
  z-index:4!important;
}
.v10-card-content small{
  grid-column:1/3!important;
  color:var(--guraba-v10-gold)!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.23em!important;
}
.v10-card-content strong{
  grid-column:1/2!important;
  display:block!important;
  color:var(--guraba-v10-brown)!important;
  font-size:24px!important;
  line-height:1.05!important;
  font-weight:900!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
  height:56px!important;
  min-height:56px!important;
  max-height:56px!important;
  overflow:hidden!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
.v10-card-content em{
  grid-column:1/2!important;
  display:block!important;
  color:rgba(62,39,29,.70)!important;
  font-style:normal!important;
  font-size:16px!important;
  line-height:1.5!important;
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  overflow:hidden!important;
}
.v10-card-content b{
  grid-row:2/4!important;
  grid-column:2/3!important;
  align-self:end!important;
  justify-self:end!important;
  width:48px!important;
  height:48px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  color:var(--guraba-v10-brown)!important;
  font-size:22px!important;
  font-style:normal!important;
  font-weight:700!important;
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(182,122,50,.18)!important;
  transition:transform .35s ease, background .35s ease, color .35s ease!important;
}
.v10-collection-card:hover .v10-card-content b{
  transform:translateX(4px)!important;
  color:white!important;
  background:var(--guraba-v10-gold)!important;
}

/* Navigation buttons */
.v10-nav{
  position:absolute!important;
  top:50%!important;
  width:56px!important;
  height:56px!important;
  margin-top:-28px!important;
  border:1px solid rgba(182,122,50,.26)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.82)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  box-shadow:0 16px 40px rgba(84,54,34,.13)!important;
  color:var(--guraba-v10-brown)!important;
  z-index:7!important;
  cursor:pointer!important;
  display:grid!important;
  place-items:center!important;
  font-size:36px!important;
  line-height:1!important;
  transition:transform .3s ease, background .3s ease, color .3s ease!important;
}
.v10-prev{left:20px!important}
.v10-next{right:20px!important}
.v10-nav:hover{
  transform:translateY(-2px) scale(1.05)!important;
  background:var(--guraba-v10-gold)!important;
  color:white!important;
}

/* Avantaj ikon satırı dengesi */
.guraba-service-strip-v10{
  position:relative!important;
  z-index:3!important;
  width:min(1440px,calc(100% - 80px))!important;
  margin:0 auto!important;
  padding:38px 0!important;
  gap:20px!important;
}
.guraba-service-strip-v10 .guraba-service-mini{
  min-width:0!important;
  align-items:flex-start!important;
}
.guraba-service-strip-v10 .guraba-service-mini h3{
  white-space:normal!important;
  line-height:1.22!important;
}
.guraba-service-strip-v10 .guraba-service-mini p{
  overflow-wrap:normal!important;
  word-break:normal!important;
}

/* Proje bölümü ve üst seviye proje carousel */
.guraba-v10-projects{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  padding:92px 0 76px!important;
  background:
    radial-gradient(circle at 12% 8%,rgba(182,122,50,.11),transparent 25%),
    linear-gradient(180deg,#fffaf3 0%,#f8efe4 100%)!important;
  border-top:1px solid rgba(182,122,50,.10)!important;
  border-bottom:1px solid rgba(182,122,50,.12)!important;
}
.guraba-v10-projects .guraba-v10-section-head{
  margin-bottom:42px!important;
}
.guraba-v10-projects .guraba-v10-section-head h2{
  max-width:1120px!important;
  font-size:clamp(40px,4.8vw,72px)!important;
}
.guraba-v10-projects-marquee .v10-marquee-track{
  gap:30px!important;
  animation-duration:88s!important;
}
.v10-project-card{
  flex:0 0 430px!important;
  width:430px!important;
  height:480px!important;
  border-radius:34px!important;
}
.v10-project-photo{
  display:block!important;
  height:305px!important;
  overflow:hidden!important;
  background:#f2e8db!important;
}
.v10-project-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:saturate(.95) contrast(1.01) brightness(1.03)!important;
  transition:transform .9s cubic-bezier(.2,.9,.2,1)!important;
}
.v10-project-card:hover .v10-project-photo img{
  transform:scale(1.07)!important;
}
.v10-project-body{
  display:grid!important;
  grid-template-rows:18px 34px 54px 26px!important;
  gap:9px!important;
  height:175px!important;
  padding:23px 26px 24px!important;
  background:rgba(255,253,248,.96)!important;
}
.v10-project-body small{
  display:block!important;
  color:var(--guraba-v10-gold)!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.18em!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.v10-project-body strong{
  display:block!important;
  color:var(--guraba-v10-brown)!important;
  font-size:25px!important;
  line-height:1.12!important;
  font-weight:900!important;
  height:34px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.v10-project-body em{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  color:rgba(62,39,29,.68)!important;
  font-size:15px!important;
  line-height:1.55!important;
  font-style:normal!important;
}
.v10-project-body b{
  color:var(--guraba-v10-gold)!important;
  font-size:14px!important;
  font-weight:900!important;
  font-style:normal!important;
}

/* Form / iletişim overlay sorunlarını projeler alanında azalt */
.guraba-home-v10 .float-actions,
.guraba-home-v10 .guraba-float-v6{
  z-index:80!important;
}
@media (min-width: 769px){
  .guraba-home-v10 .float-actions a,
  .guraba-home-v10 .guraba-float-v6 a{
    width:132px!important;
    height:52px!important;
    min-height:52px!important;
    font-size:15px!important;
  }
}

/* Mobil düzen */
@media (max-width: 1024px){
  .v10-nav{display:none!important}
  .v10-collection-card{
    flex-basis:330px!important;
    width:330px!important;
    height:410px!important;
  }
  .v10-project-card{
    flex-basis:390px!important;
    width:390px!important;
    height:452px!important;
  }
  .v10-project-photo{height:285px!important}
  .guraba-service-strip-v10{
    width:calc(100% - 44px)!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width: 768px){
  .guraba-v10-collections,
  .guraba-v10-projects{
    padding:68px 0 42px!important;
  }

  .guraba-v10-section-head{
    width:calc(100% - 46px)!important;
    margin:0 auto 30px!important;
    text-align:left!important;
  }
  .guraba-v10-section-head .lux-pill{
    font-size:11px!important;
    letter-spacing:.24em!important;
    padding:10px 16px!important;
    max-width:100%!important;
  }
  .guraba-v10-section-head h2{
    font-size:clamp(34px,11.5vw,48px)!important;
    line-height:1.08!important;
    letter-spacing:-.035em!important;
    max-width:100%!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
    hyphens:auto!important;
  }
  .guraba-v10-section-head p{
    font-size:17px!important;
    line-height:1.68!important;
    max-width:86%!important;
    margin-left:0!important;
  }

  .guraba-v10-marquee-wrap{
    width:100%!important;
    padding:4px 0 20px!important;
  }
  .v10-marquee-mask{
    padding:9px 0 18px!important;
    mask-image:linear-gradient(90deg,transparent 0%,#000 4%,#000 92%,transparent 100%)!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 4%,#000 92%,transparent 100%)!important;
  }
  .v10-marquee-track{
    gap:18px!important;
    padding:0 22px!important;
    animation-duration:46s!important;
  }
  .v10-collection-card{
    flex:0 0 78vw!important;
    width:78vw!important;
    max-width:335px!important;
    height:410px!important;
    border-radius:30px!important;
  }
  .v10-card-content{
    left:16px!important;
    right:16px!important;
    bottom:16px!important;
    height:166px!important;
    min-height:166px!important;
    grid-template-rows:18px 54px 46px!important;
    padding:20px 19px!important;
    border-radius:24px!important;
  }
  .v10-card-content strong{
    font-size:21px!important;
    line-height:1.09!important;
    height:54px!important;
    max-height:54px!important;
    letter-spacing:.095em!important;
  }
  .v10-card-content em{
    font-size:15px!important;
    line-height:1.5!important;
    height:46px!important;
  }
  .v10-card-content b{
    width:44px!important;
    height:44px!important;
  }

  .guraba-service-strip-v10{
    grid-template-columns:1fr!important;
    width:calc(100% - 46px)!important;
    padding:30px 0!important;
    gap:14px!important;
  }
  .guraba-service-strip-v10 .guraba-service-mini{
    padding:18px 0!important;
    display:grid!important;
    grid-template-columns:58px minmax(0,1fr)!important;
    gap:14px!important;
  }
  .guraba-service-strip-v10 .guraba-service-mini img{
    width:42px!important;
    height:42px!important;
    object-fit:contain!important;
  }
  .guraba-service-strip-v10 .guraba-service-mini h3{
    font-size:21px!important;
    margin:0 0 5px!important;
  }
  .guraba-service-strip-v10 .guraba-service-mini p{
    font-size:16px!important;
    line-height:1.55!important;
    margin:0!important;
    max-width:100%!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }

  .guraba-v10-projects .guraba-v10-section-head h2{
    font-size:clamp(34px,10vw,46px)!important;
    max-width:100%!important;
    overflow-wrap:break-word!important;
  }
  .guraba-v10-projects-marquee .v10-marquee-track{
    animation-duration:54s!important;
  }
  .v10-project-card{
    flex:0 0 82vw!important;
    width:82vw!important;
    max-width:350px!important;
    height:432px!important;
    border-radius:30px!important;
  }
  .v10-project-photo{
    height:255px!important;
  }
  .v10-project-body{
    height:177px!important;
    grid-template-rows:17px 32px 56px 24px!important;
    padding:20px 21px 22px!important;
  }
  .v10-project-body strong{
    font-size:23px!important;
    height:32px!important;
  }
  .v10-project-body em{
    font-size:14px!important;
  }

  .guraba-home-v10 .float-actions,
  .guraba-home-v10 .guraba-float-v6{
    right:16px!important;
    bottom:82px!important;
    gap:10px!important;
  }
  .guraba-home-v10 .float-actions a,
  .guraba-home-v10 .guraba-float-v6 a{
    width:126px!important;
    height:52px!important;
    min-height:52px!important;
    padding:0!important;
    font-size:17px!important;
    border-radius:999px!important;
  }
}

@media (max-width: 420px){
  .guraba-v10-section-head{
    width:calc(100% - 38px)!important;
  }
  .guraba-v10-section-head .lux-pill{
    letter-spacing:.18em!important;
    font-size:10px!important;
    padding:9px 13px!important;
  }
  .guraba-v10-section-head h2{
    font-size:clamp(32px,10.5vw,42px)!important;
  }
  .guraba-v10-section-head p{
    max-width:78%!important;
    font-size:16px!important;
  }
  .v10-collection-card{
    flex-basis:78vw!important;
    width:78vw!important;
    height:392px!important;
  }
  .v10-project-card{
    flex-basis:82vw!important;
    width:82vw!important;
    height:420px!important;
  }
  .v10-project-photo{height:245px!important}
}

/* Hareket azaltma tercihi olan cihazlarda animasyonu durdur. */
@media (prefers-reduced-motion: reduce){
  .v10-marquee-track{
    animation:none!important;
    transform:none!important;
  }
}