/* Nora Hukuk V7 - Luxury Expertise & Quote Section Fix
   Target: home .areas and .quote-band only
*/
:root{
  --nora-v7-ink:#2b1c12;
  --nora-v7-brown:#3a2115;
  --nora-v7-gold:#b98656;
  --nora-v7-cream:#fbf5ee;
  --nora-v7-line:rgba(185,134,86,.26);
  --nora-v7-shadow:0 28px 80px rgba(43,28,18,.20);
}

/* premium expertise wrapper */
body.page-home .areas{
  position:relative !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:22px !important;
  padding:82px clamp(22px,5vw,84px) 92px !important;
  border:0 !important;
  background:
    radial-gradient(circle at 78% 18%, rgba(185,134,86,.12), transparent 28%),
    linear-gradient(180deg, #fffaf5 0%, #f2e8dc 100%) !important;
  overflow:hidden !important;
  isolation:isolate !important;
}

body.page-home .areas::before{
  content:"SEÇKİN UZMANLIKLAR";
  grid-column:1/-1;
  display:flex;
  align-items:center;
  gap:18px;
  color:#8f6b4a;
  font-size:12px;
  letter-spacing:.22em;
  font-weight:800;
  text-transform:uppercase;
  margin-bottom:8px;
}
body.page-home .areas::after{
  content:"";
  position:absolute;
  left:clamp(22px,5vw,84px);
  right:clamp(22px,5vw,84px);
  top:116px;
  height:1px;
  background:linear-gradient(90deg, var(--nora-v7-gold), transparent);
  opacity:.65;
  pointer-events:none;
}

/* card reset: no split text clipping */
body.page-home .area-card{
  position:relative !important;
  min-height:520px !important;
  display:block !important;
  overflow:hidden !important;
  border:1px solid rgba(185,134,86,.28) !important;
  border-radius:30px !important;
  background:#21160f !important;
  box-shadow:var(--nora-v7-shadow) !important;
  transform-style:preserve-3d !important;
  isolation:isolate !important;
  opacity:1 !important;
  color:#fff !important;
  transition:transform .55s cubic-bezier(.16,1,.3,1), box-shadow .55s cubic-bezier(.16,1,.3,1), border-color .55s ease !important;
}

body.page-home .area-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(180deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,.15) 36%, rgba(0,0,0,.72) 100%),
    linear-gradient(90deg, rgba(35,20,12,.92) 0%, rgba(35,20,12,.40) 45%, rgba(35,20,12,.12) 100%);
  pointer-events:none;
}
body.page-home .area-card::after{
  content:"";
  position:absolute;
  inset:18px;
  z-index:2;
  border:1px solid rgba(255,255,255,.26);
  border-radius:24px;
  pointer-events:none;
  opacity:.62;
}

body.page-home .area-card:hover{
  transform:translateY(-10px) rotateX(1deg) rotateY(-1deg) !important;
  box-shadow:0 36px 110px rgba(43,28,18,.30) !important;
  border-color:rgba(185,134,86,.62) !important;
}

body.page-home .area-image{
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  width:100% !important;
  height:100% !important;
  overflow:hidden !important;
}
body.page-home .area-image img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  filter:saturate(.88) contrast(1.08) brightness(.92) !important;
  transform:scale(1.02) !important;
  transition:transform 1.2s cubic-bezier(.16,1,.3,1), filter .7s ease !important;
}
body.page-home .area-card:hover .area-image img{
  transform:scale(1.10) !important;
  filter:saturate(1) contrast(1.14) brightness(1) !important;
}

body.page-home .area-copy{
  position:relative !important;
  z-index:3 !important;
  height:100% !important;
  min-height:520px !important;
  padding:44px 40px 42px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
  align-items:flex-start !important;
  background:transparent !important;
  color:#fff !important;
  transform:translateZ(38px) !important;
}

body.page-home .area-copy small{
  position:absolute !important;
  top:42px !important;
  left:40px !important;
  margin:0 !important;
  display:block !important;
  font-family:Georgia, "Times New Roman", serif !important;
  font-size:56px !important;
  line-height:1 !important;
  letter-spacing:-.06em !important;
  color:rgba(255,250,245,.80) !important;
}
body.page-home .area-copy small::after{
  content:"" !important;
  display:block !important;
  width:46px !important;
  height:1px !important;
  background:var(--nora-v7-gold) !important;
  margin-top:18px !important;
}

body.page-home .area-copy h2{
  max-width:310px !important;
  margin:0 0 26px !important;
  font-family:Georgia, "Times New Roman", serif !important;
  font-weight:400 !important;
  font-size:clamp(35px,3.2vw,54px) !important;
  line-height:.98 !important;
  letter-spacing:-.055em !important;
  color:#fffaf5 !important;
  text-shadow:0 12px 40px rgba(0,0,0,.60) !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
}

body.page-home .area-copy a{
  display:inline-flex !important;
  align-items:center !important;
  gap:12px !important;
  min-height:42px !important;
  padding:0 18px !important;
  border:1px solid rgba(255,255,255,.28) !important;
  border-radius:999px !important;
  color:#fff6ed !important;
  background:rgba(255,255,255,.08) !important;
  backdrop-filter:blur(10px) !important;
  font-size:11px !important;
  letter-spacing:.16em !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
  transition:.28s ease !important;
}
body.page-home .area-card:hover .area-copy a{
  background:#fff6ed !important;
  color:#2b1c12 !important;
  border-color:#fff6ed !important;
}

/* premium quote band under cards */
body.page-home .quote-band{
  position:relative !important;
  min-height:340px !important;
  display:flex !important;
  align-items:center !important;
  border:0 !important;
  padding:70px clamp(28px,7vw,110px) !important;
  background:
    linear-gradient(90deg, rgba(25,14,9,.96), rgba(42,25,17,.78)),
    url('/assets/images/v3-luxury/quote-lux.jpg') center/cover !important;
  color:#fff !important;
  overflow:hidden !important;
}
body.page-home .quote-band::before{
  content:"“";
  position:absolute;
  left:clamp(26px,6vw,88px);
  top:44px;
  font-family:Georgia, "Times New Roman", serif;
  font-size:90px;
  line-height:1;
  color:var(--nora-v7-gold);
  opacity:.85;
}
body.page-home .quote-band blockquote{
  position:relative !important;
  z-index:2 !important;
  max-width:980px !important;
  margin:0 !important;
  padding-left:72px !important;
  font-family:Georgia, "Times New Roman", serif !important;
  font-size:clamp(40px,5vw,74px) !important;
  line-height:1.06 !important;
  font-weight:400 !important;
  letter-spacing:-.05em !important;
  color:#fffaf5 !important;
  text-shadow:0 18px 50px rgba(0,0,0,.45) !important;
}
body.page-home .quote-band i{
  position:absolute !important;
  left:clamp(100px,12vw,170px) !important;
  bottom:64px !important;
  width:86px !important;
  height:2px !important;
  background:var(--nora-v7-gold) !important;
  display:block !important;
}

/* entrance animation helper */
body.page-home .area-card.v7-visible{
  animation:v7AreaRise .72s cubic-bezier(.16,1,.3,1) both;
}
body.page-home .area-card:nth-child(2).v7-visible{animation-delay:.06s}
body.page-home .area-card:nth-child(3).v7-visible{animation-delay:.12s}
body.page-home .area-card:nth-child(4).v7-visible{animation-delay:.18s}
@keyframes v7AreaRise{
  from{opacity:0;transform:translateY(36px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

/* tablet/mobile */
@media(max-width:1180px){
  body.page-home .areas{
    grid-template-columns:1fr !important;
    padding:70px 30px 76px !important;
  }
  body.page-home .areas::after{left:30px;right:30px;}
  body.page-home .area-card,
  body.page-home .area-copy{
    min-height:430px !important;
  }
}

@media(max-width:680px){
  body.page-home .areas{
    padding:50px 16px 58px !important;
    gap:18px !important;
    background:linear-gradient(180deg,#fffaf5 0%,#f0e5d9 100%) !important;
  }
  body.page-home .areas::before{
    font-size:11px !important;
    letter-spacing:.18em !important;
    margin-left:6px !important;
  }
  body.page-home .areas::after{
    top:84px !important;
    left:22px !important;
    right:22px !important;
  }
  body.page-home .area-card{
    min-height:360px !important;
    border-radius:24px !important;
  }
  body.page-home .area-card::after{
    inset:12px !important;
    border-radius:19px !important;
  }
  body.page-home .area-copy{
    min-height:360px !important;
    padding:30px 26px 28px !important;
  }
  body.page-home .area-copy small{
    top:28px !important;
    left:26px !important;
    font-size:42px !important;
  }
  body.page-home .area-copy h2{
    max-width:280px !important;
    font-size:40px !important;
    line-height:1 !important;
    margin-bottom:18px !important;
  }
  body.page-home .area-copy a{
    min-height:38px !important;
    padding:0 15px !important;
    font-size:10px !important;
  }
  body.page-home .quote-band{
    min-height:285px !important;
    padding:58px 22px 70px !important;
  }
  body.page-home .quote-band::before{
    left:22px !important;
    top:36px !important;
    font-size:66px !important;
  }
  body.page-home .quote-band blockquote{
    padding-left:34px !important;
    font-size:38px !important;
    line-height:1.12 !important;
  }
  body.page-home .quote-band i{
    left:56px !important;
    bottom:42px !important;
    width:64px !important;
  }
}

/* performance & reduced motion */
@media(prefers-reduced-motion:reduce){
  body.page-home .area-card,
  body.page-home .area-image img{
    transition:none !important;
    animation:none !important;
  }
}