/* Gülsoy Otomotiv Identity Layer
   Distinct digital showroom language: graphite, architectural spacing, dual-location brand cues. */
:root{
  --g-bg:#060708;
  --g-graphite:#0b0e12;
  --g-graphite-2:#11161c;
  --g-navy:#07111d;
  --g-smoke:#9aa3ae;
  --g-silver:#d7dce2;
  --g-line:rgba(215,220,226,.13);
  --g-line-strong:rgba(215,220,226,.25);
  --g-soft:rgba(255,255,255,.055);
  --g-warm:#b8aa94;
  --g-blue:#6f8faf;
  --g-ease:cubic-bezier(.22,.61,.36,1);
  --g-radius:18px;
  --g-radius-lg:34px;
  --g-shadow:0 34px 110px rgba(0,0,0,.56);
  --gx-title-xl:clamp(35px,4.1vw,60px);
  --gx-title-lg:clamp(29px,3.15vw,44px);
  --gx-title-md:clamp(23px,2vw,32px);
}
html{background:var(--g-bg)}
body{
  background:
    radial-gradient(circle at 18% 8%,rgba(111,143,175,.12),transparent 28%),
    radial-gradient(circle at 86% 22%,rgba(184,170,148,.08),transparent 30%),
    linear-gradient(180deg,#050607 0%,#080a0d 48%,#050607 100%)!important;
  color:#edf0f3;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:96px 96px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.55),transparent 72%);
}
.container{width:min(100% - 72px,1480px)!important;max-width:none!important}
.topbar{
  background:linear-gradient(90deg,rgba(5,6,8,.86),rgba(12,16,21,.68),rgba(5,6,8,.86))!important;
  border-bottom:1px solid rgba(215,220,226,.11)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.035),0 20px 80px rgba(0,0,0,.18)!important;
}
.topbar:before{
  content:"";
  position:absolute;
  left:28px;
  top:18px;
  bottom:18px;
  width:2px;
  border-radius:2px;
  background:linear-gradient(180deg,transparent,var(--g-warm),transparent);
  opacity:.72;
}
.premium-nav.container{grid-template-columns:310px minmax(0,1fr) 220px!important}
.desktop-nav{gap:34px!important}
.desktop-nav-btn,.desktop-direct-link{
  color:#8f98a4!important;
  padding-inline:0!important;
  text-transform:none;
}
.desktop-nav-btn:after,.desktop-direct-link:after{
  left:0!important;
  right:0!important;
  bottom:25px!important;
  background:linear-gradient(90deg,var(--g-warm),#f4f0e9)!important;
}
.nav-pill{
  background:linear-gradient(135deg,#f5f3ef,#d6dce2)!important;
  color:#050607!important;
  box-shadow:0 14px 42px rgba(215,220,226,.13)!important;
}

/* Cinematic Gülsoy hero */
.hero{
  min-height:760px!important;
  isolation:isolate;
  background:#050607!important;
}
.hero:before{
  content:"";
  position:absolute;
  inset:86px 0 0;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(circle at var(--mx,72%) var(--my,42%),rgba(255,255,255,.13),transparent 18%),
    linear-gradient(90deg,rgba(5,6,8,.93) 0%,rgba(5,6,8,.58) 39%,rgba(5,6,8,.08) 70%),
    linear-gradient(180deg,transparent 0%,rgba(5,6,8,.86) 92%);
}
.slide{transition:opacity 1.1s var(--g-ease),transform 1.1s var(--g-ease)!important}
.slide.active{transform:scale(1.01)}
.slide img{
  filter:brightness(.72) saturate(.88) contrast(1.04)!important;
  object-position:68% center;
  transform:scale(1.03);
  animation:gHeroDrift 10s var(--g-ease) infinite alternate;
}
.slide:after{background:none!important}
.hero-content{
  min-height:760px!important;
  align-items:center!important;
  padding:120px 0 72px!important;
}
.hero-stage{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,680px) minmax(360px,1fr);
  gap:56px;
  align-items:end;
}
.hero-copy{
  max-width:680px!important;
  padding-top:42px;
}
.hero .eyebrow{
  color:#aeb6c2!important;
  letter-spacing:.36em!important;
}
.hero h1{
  max-width:670px!important;
  margin:18px 0 18px!important;
  font-size:clamp(42px,4.9vw,74px)!important;
  line-height:.98!important;
  letter-spacing:-.052em!important;
  font-weight:760!important;
  text-wrap:balance;
}
.hero p{
  max-width:520px!important;
  color:#c5cbd3!important;
  font-size:15.5px!important;
  line-height:1.72!important;
}
.hero-actions{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  margin-top:30px;
}
.hero #heroCta,.hero-secondary{
  min-height:48px!important;
  border-radius:999px!important;
  padding:0 22px!important;
  font-size:13px!important;
  letter-spacing:-.006em!important;
}
.hero #heroCta{
  background:#f5f3ef!important;
  border-color:#f5f3ef!important;
  color:#050607!important;
}
.hero-secondary{
  display:inline-flex;
  align-items:center;
  border:1px solid var(--g-line-strong);
  color:#fff;
  background:rgba(255,255,255,.055);
}
.hero-locations{
  justify-self:end;
  width:min(430px,100%);
  display:grid;
  gap:12px;
  padding:16px;
  border:1px solid rgba(215,220,226,.13);
  border-radius:28px;
  background:linear-gradient(135deg,rgba(11,14,18,.72),rgba(7,17,29,.48));
  backdrop-filter:blur(22px);
  box-shadow:var(--g-shadow);
}
.hero-location{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:14px;
  align-items:center;
  padding:16px;
  border-radius:20px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.075);
}
.hero-location b{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:50%;
  background:rgba(184,170,148,.16);
  color:#f5f0e6;
  font-size:12px;
}
.hero-location strong{display:block;color:#fff;font-size:15px;font-weight:760;letter-spacing:-.02em}
.hero-location span{display:block;margin-top:3px;color:#9ca6b2;font-size:12px;line-height:1.4}
.hero-scroll{
  position:absolute;
  left:50%;
  bottom:32px;
  z-index:4;
  translate:-50% 0;
  color:#a8b0ba;
  font-size:10px;
  font-weight:850;
  letter-spacing:.28em;
  text-transform:uppercase;
}
.hero-scroll:after{
  content:"";
  display:block;
  width:1px;
  height:42px;
  margin:12px auto 0;
  background:linear-gradient(180deg,#fff,transparent);
  animation:gScroll 1.6s ease-in-out infinite;
}
.hero-controls{
  right:70px!important;
  bottom:42px!important;
  gap:8px!important;
}
.dot{
  width:34px!important;
  height:2px!important;
  background:rgba(255,255,255,.24)!important;
}
.dot.active{background:#f4f0e9!important}

/* Gülsoy card language */
.compact-actions{
  background:
    linear-gradient(180deg,#050607,#080b10 58%,#050607)!important;
  padding:72px 0!important;
}
.concierge-inner{max-width:none!important}
.concierge-label,.eyebrow,.showroom-kicker,.fleet-label{
  color:#8793a1!important;
  letter-spacing:.3em!important;
}
.compact-actions .concierge-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}
.compact-actions .concierge-card{
  min-height:260px!important;
  border-radius:22px 22px 22px 6px!important;
  padding:22px!important;
  border:1px solid rgba(215,220,226,.12)!important;
  background:linear-gradient(160deg,rgba(18,22,27,.78),rgba(8,11,15,.96))!important;
  box-shadow:0 18px 60px rgba(0,0,0,.34)!important;
  transform:translateZ(0);
}
.compact-actions .concierge-card:before{
  content:"";
  position:absolute;
  inset:auto 22px 22px 22px;
  height:1px;
  background:linear-gradient(90deg,var(--g-warm),transparent);
  z-index:2;
  opacity:.48;
}
.compact-actions .concierge-card img{
  inset:0 0 auto auto!important;
  width:100%!important;
  height:58%!important;
  filter:brightness(.62) saturate(.82)!important;
  mask-image:linear-gradient(180deg,#000 20%,transparent 100%);
}
.compact-actions .concierge-card:after{
  background:linear-gradient(180deg,rgba(5,6,8,.12),rgba(5,6,8,.93) 66%)!important;
}
.compact-actions .concierge-card:hover{
  transform:translateY(-8px) scale(1.006)!important;
  border-color:rgba(184,170,148,.36)!important;
  box-shadow:0 34px 110px rgba(0,0,0,.5),0 0 0 1px rgba(184,170,148,.08)!important;
}
.concierge-icon{
  width:50px!important;
  height:50px!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.08)!important;
}
.concierge-icon svg{width:23px!important;height:23px!important}
.concierge-arrow{
  width:36px!important;
  height:36px!important;
  top:20px!important;
  right:20px!important;
  background:rgba(5,6,8,.64)!important;
}
.compact-actions .concierge-card h3{
  font-size:20px!important;
  line-height:1.12!important;
}
.compact-actions .concierge-card p{
  color:#aeb7c2!important;
  font-size:13px!important;
}

/* Section characters */
.page-hero,.model-hero,.show-hero,.corporate-hero,.quick-hero{
  background:
    radial-gradient(circle at 80% 18%,rgba(111,143,175,.13),transparent 30%),
    linear-gradient(135deg,#050607,#0a0e13 58%,#050607)!important;
}
.corporate-page .corporate-hero:after,.form-page .page-hero:after,.model-page .model-hero:after{
  content:"";
  position:absolute;
  inset:120px 6vw auto auto;
  width:clamp(180px,22vw,360px);
  height:clamp(180px,22vw,360px);
  border:1px solid rgba(215,220,226,.08);
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.06),transparent 62%);
  pointer-events:none;
}
.corporate-page .corporate-section{background:linear-gradient(180deg,#060708,#0a0d11)!important}
.form-page .content-band,.quick-section{background:linear-gradient(180deg,#050607,#07111d 70%,#050607)!important}
.model-page .model-section{background:#060708!important}
.model-page .model-section.alt{background:linear-gradient(180deg,#0a0e13,#050607)!important}
.glass-card,.form-card,.process-card,.info-card,.service-tile,.feature-card,.faq,.spec-card,.gallery-tile,.corporate-panel,.corporate-card,.branch-mini-card,.quick-form,.quick-card,.quick-table,.campaign-empty{
  border-radius:24px 24px 24px 8px!important;
  border-color:var(--g-line)!important;
  background:linear-gradient(150deg,rgba(255,255,255,.075),rgba(255,255,255,.026))!important;
  box-shadow:0 24px 80px rgba(0,0,0,.34)!important;
}
.glass-card:hover,.process-card:hover,.info-card:hover,.service-tile:hover,.feature-card:hover,.faq:hover,.spec-card:hover,.gallery-tile:hover,.corporate-card:hover,.quick-card:hover{
  border-color:rgba(184,170,148,.3)!important;
  transform:translateY(-7px)!important;
}
.showroom-contact-section{
  background:
    linear-gradient(180deg,#050607,#0b0f14 52%,#050607)!important;
}
.showroom-branch-card{
  border-radius:30px 30px 30px 10px!important;
  border-color:rgba(215,220,226,.13)!important;
  background:linear-gradient(145deg,rgba(16,20,25,.86),rgba(7,11,15,.96))!important;
}
.showroom-map iframe{filter:grayscale(.68) contrast(1.08) brightness(.78)!important}

/* Motion */
.gx-reveal{
  opacity:0;
  transform:translateY(18px);
  filter:blur(12px);
  transition:opacity .7s var(--g-ease),transform .7s var(--g-ease),filter .7s var(--g-ease);
}
.gx-reveal.gx-visible{
  opacity:1;
  transform:none;
  filter:none;
}
@keyframes gHeroDrift{from{transform:scale(1.035) translateX(0)}to{transform:scale(1.075) translateX(-12px)}}
@keyframes gScroll{0%,100%{transform:scaleY(.4);opacity:.42}50%{transform:scaleY(1);opacity:1}}

@media(max-width:1120px){
  .hero-stage{grid-template-columns:1fr;align-items:center}
  .hero-locations{justify-self:start;width:min(100%,560px)}
  .compact-actions .concierge-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .container{width:min(100% - 38px,1480px)!important}
  .hero,.hero-content{min-height:700px!important}
  .hero-content{padding-top:108px!important}
  .hero h1{font-size:38px!important}
  .hero-locations{display:none}
  .hero:after{display:none}
  .hero-scroll{left:19px;translate:0 0}
  .hero-controls{right:20px!important;bottom:32px!important}
  .compact-actions .concierge-grid{grid-template-columns:1fr!important}
  .compact-actions .concierge-card{min-height:230px!important}
  .premium-nav.container{grid-template-columns:1fr auto!important}
}

/* Gülsoy Navigation Studio */
.topbar{
  top:14px!important;
  left:50%!important;
  right:auto!important;
  width:min(calc(100% - 56px),1540px)!important;
  height:78px!important;
  transform:translateX(-50%)!important;
  border-radius:999px!important;
  background:linear-gradient(120deg,rgba(8,10,13,.68),rgba(15,20,26,.52),rgba(7,8,10,.72))!important;
  border:1px solid rgba(215,220,226,.14)!important;
  box-shadow:0 24px 90px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.06)!important;
  backdrop-filter:blur(28px) saturate(130%)!important;
  -webkit-backdrop-filter:blur(28px) saturate(130%)!important;
  overflow:visible!important;
}
.topbar.scrolled{
  top:10px!important;
  width:min(calc(100% - 72px),1320px)!important;
  height:66px!important;
  background:linear-gradient(120deg,rgba(6,8,10,.86),rgba(12,16,20,.74),rgba(6,8,10,.86))!important;
}
.topbar.mega-active{
  background:linear-gradient(120deg,rgba(7,9,12,.9),rgba(17,22,28,.8),rgba(7,8,10,.9))!important;
  border-color:rgba(215,220,226,.19)!important;
}
.topbar:before{
  left:20px!important;
  top:18px!important;
  bottom:18px!important;
  width:1px!important;
  opacity:.58!important;
  background:linear-gradient(180deg,transparent,rgba(184,170,148,.62),transparent)!important;
}
.topbar:after{display:none!important}
.premium-nav.container{
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  padding:0 24px!important;
  grid-template-columns:270px minmax(0,1fr) 210px!important;
}
.topbar.scrolled .premium-nav.container{grid-template-columns:250px minmax(0,1fr) 198px!important}
.premium-nav .brand{padding-left:8px!important}
.premium-nav .star,.premium-nav .star img{width:32px!important;height:32px!important}
.premium-nav .brand strong{font-size:17px!important;letter-spacing:-.04em!important}
.desktop-nav{
  height:100%!important;
  gap:8px!important;
  justify-content:center!important;
}
.desktop-nav-btn,.desktop-direct-link{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:42px!important;
  min-height:42px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  color:#98a2ad!important;
  background:transparent!important;
  transition:background .28s var(--g-ease),color .28s var(--g-ease),transform .28s var(--g-ease),box-shadow .28s var(--g-ease)!important;
}
.desktop-nav-btn:after,.desktop-direct-link:after{display:none!important}
.desktop-nav-btn:hover,.desktop-nav-btn.active,.desktop-direct-link:hover{
  color:#fff!important;
  background:rgba(255,255,255,.07)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important;
  transform:translateY(-1px)!important;
}
.desktop-nav-btn.active:before{
  content:"";
  position:absolute;
  left:50%;
  bottom:5px;
  width:5px;
  height:5px;
  border-radius:50%;
  translate:-50% 0;
  background:var(--g-warm);
  box-shadow:0 0 18px rgba(184,170,148,.72);
}
.premium-actions{gap:10px!important}
.search-btn{
  width:42px!important;
  height:42px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.08)!important;
}
.search-btn:hover{
  background:rgba(255,255,255,.09)!important;
  border-color:rgba(255,255,255,.16)!important;
}
.nav-pill{
  height:44px!important;
  min-height:44px!important;
  padding:0 22px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 14px 38px rgba(0,0,0,.22), inset 0 -1px 0 rgba(0,0,0,.08)!important;
}
.mega-menu{top:104px!important}
.topbar.scrolled .mega-menu{top:86px!important}
.mega-panel{
  left:50%!important;
  right:auto!important;
  width:min(calc(100vw - 64px),1460px)!important;
  min-height:auto!important;
  border-radius:34px!important;
  transform:translate(-50%,-12px) scale(.985)!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,rgba(7,9,12,.93),rgba(13,18,24,.87),rgba(7,8,10,.91))!important;
  border:1px solid rgba(215,220,226,.14)!important;
  box-shadow:0 50px 160px rgba(0,0,0,.62), inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.mega-panel.active{transform:translate(-50%,0) scale(1)!important}
.mega-panel:before{
  background:
    radial-gradient(circle at 14% 20%,rgba(184,170,148,.12),transparent 24%),
    radial-gradient(circle at 86% 18%,rgba(111,143,175,.11),transparent 28%),
    linear-gradient(90deg,rgba(255,255,255,.035),transparent 46%)!important;
}
.mega-content{
  max-width:none!important;
  min-height:430px!important;
  padding:42px!important;
  grid-template-columns:minmax(260px,.78fr) minmax(360px,1.12fr) minmax(280px,.85fr) minmax(320px,1fr)!important;
  gap:28px!important;
  align-items:stretch!important;
}
.mega-col{gap:12px!important}
.mega-lead{
  padding:4px 20px 4px 0!important;
  border-right:1px solid rgba(255,255,255,.08);
}
.mega-lead h3{
  max-width:360px!important;
  font-size:clamp(28px,2.9vw,42px)!important;
  line-height:1.05!important;
  letter-spacing:-.055em!important;
}
.mega-lead p{
  max-width:330px!important;
  color:#a7b0ba!important;
  font-size:14px!important;
}
.mega-col:not(.mega-lead):not(.model-list) a{
  min-height:48px!important;
  padding:0 16px!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.075)!important;
}
.mega-col a:before{display:none!important}
.mega-col a:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(184,170,148,.26)!important;
  background:rgba(255,255,255,.07)!important;
}
.model-list a{
  min-height:76px!important;
  padding:10px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.08)!important;
}
.model-list img{
  width:108px!important;
  height:62px!important;
  border-radius:14px!important;
}
.mega-card{
  min-height:100%!important;
  border-radius:28px 28px 28px 10px!important;
  justify-content:flex-end!important;
  padding:28px!important;
}
.image-card img{filter:brightness(.55) saturate(.88)!important}
.mega-panel[data-panel="kurumsal"] .mega-card{
  background:linear-gradient(145deg,rgba(184,170,148,.12),rgba(255,255,255,.035))!important;
}
.mega-panel[data-panel="modeller"] .mega-card{
  box-shadow:0 38px 110px rgba(0,0,0,.5),0 0 70px rgba(111,143,175,.1)!important;
}
.mega-panel[data-panel="servis"] .mega-content{background:linear-gradient(90deg,rgba(111,143,175,.06),transparent 45%)}
.mega-panel[data-panel="satis-sonrasi"] .mega-content{background:linear-gradient(90deg,rgba(184,170,148,.07),transparent 52%)}
.mega-panel[data-panel="iletisim"] .mega-content{background:linear-gradient(90deg,rgba(255,255,255,.045),transparent 50%)}
.mega-panel.active .mega-col,.mega-panel.active .mega-card{
  animation:gxMegaItem .36s var(--g-ease) both;
}
.mega-panel.active .mega-col:nth-child(2){animation-delay:.04s}
.mega-panel.active .mega-col:nth-child(3){animation-delay:.08s}
.mega-panel.active .mega-card{animation-delay:.12s}
.location-card .line-icon svg,.mega-card .line-icon svg,.hero-location b svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.hero-location b{
  background:linear-gradient(135deg,rgba(184,170,148,.22),rgba(255,255,255,.06))!important;
  color:#f4efe7!important;
  border:1px solid rgba(184,170,148,.28);
  transition:transform .32s var(--g-ease),box-shadow .32s var(--g-ease),border-color .32s var(--g-ease);
}
.hero-location:hover b{
  transform:translateY(-2px) rotate(-4deg);
  border-color:rgba(184,170,148,.55);
  box-shadow:0 0 28px rgba(184,170,148,.16);
}
@keyframes gxMegaItem{
  from{opacity:0;filter:blur(10px);transform:translateY(12px)}
  to{opacity:1;filter:none;transform:none}
}
@media(max-width:1180px){
  .premium-nav.container{grid-template-columns:245px minmax(0,1fr) 186px!important}
  .desktop-nav{gap:3px!important}
  .desktop-nav-btn,.desktop-direct-link{padding:0 10px!important}
  .mega-content{grid-template-columns:1fr 1fr!important}
  .mega-lead{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:24px!important}
}
@media(max-width:980px){
  .topbar{
    top:10px!important;
    width:min(calc(100% - 28px),680px)!important;
    height:68px!important;
  }
  .premium-nav.container{
    grid-template-columns:1fr auto!important;
    padding:0 18px!important;
  }
  .mega-menu,.mega-backdrop{display:none!important}
}
@media(max-width:640px){
  .topbar{width:calc(100% - 20px)!important}
  .premium-nav .brand strong{font-size:15px!important}
}

/* Gülsoy Mega Experience Deck */
.mega-panel{
  background:
    linear-gradient(135deg,rgba(6,8,10,.95),rgba(13,17,22,.88) 52%,rgba(4,5,7,.95)),
    radial-gradient(circle at 78% 18%,rgba(184,170,148,.12),transparent 28%)!important;
}
.mega-content{
  grid-template-columns:minmax(260px,.86fr) minmax(360px,1.15fr) minmax(320px,1fr)!important;
  grid-template-rows:auto auto!important;
  gap:22px!important;
}
.mega-lead{
  grid-row:1 / span 2!important;
  min-height:360px;
  display:flex!important;
  flex-direction:column;
  justify-content:space-between;
  border-right:0!important;
  border-radius:26px 8px 26px 26px;
  padding:26px!important;
  background:linear-gradient(160deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;
  border:1px solid rgba(255,255,255,.1);
}
.mega-lead h3{font-size:clamp(26px,2.6vw,38px)!important}
.mega-lead p{margin-top:18px!important}
.mega-lead a{
  min-height:46px!important;
  padding:0 15px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(255,255,255,.1)!important;
}
.mega-col:not(.mega-lead):not(.model-list){
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px!important;
  align-content:start!important;
}
.mega-col:not(.mega-lead):not(.model-list) .mega-kicker{
  grid-column:1/-1;
  margin:0 0 4px!important;
}
.mega-col:not(.mega-lead):not(.model-list) a{
  min-height:76px!important;
  align-items:flex-start!important;
  justify-content:center!important;
  flex-direction:column;
  gap:6px!important;
  padding:16px!important;
  border-radius:20px!important;
}
.mega-card{
  grid-column:3!important;
  grid-row:1 / span 2!important;
  min-height:360px!important;
}
.model-list{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:12px!important;
}
.model-list .mega-kicker{grid-column:1/-1}
.model-list a{
  grid-template-columns:1fr!important;
  min-height:154px!important;
  align-content:end!important;
  overflow:hidden!important;
}
.model-list img{
  width:100%!important;
  height:82px!important;
  border-radius:14px!important;
}
.mega-panel[data-panel="kurumsal"]{--mega-accent:184,170,148}
.mega-panel[data-panel="modeller"]{--mega-accent:111,143,175}
.mega-panel[data-panel="servis"]{--mega-accent:78,145,170}
.mega-panel[data-panel="satis-sonrasi"]{--mega-accent:160,150,132}
.mega-panel[data-panel="iletisim"]{--mega-accent:210,210,210}
.mega-panel .mega-lead,.mega-panel .mega-card{
  box-shadow:0 26px 90px rgba(0,0,0,.34),0 0 70px rgba(var(--mega-accent),.06)!important;
}
.mega-panel .mega-col:not(.mega-lead):not(.model-list) a:hover,.model-list a:hover{
  border-color:rgba(var(--mega-accent),.34)!important;
  box-shadow:0 20px 58px rgba(0,0,0,.28),0 0 34px rgba(var(--mega-accent),.08)!important;
}
.mega-panel[data-panel="iletisim"] .mega-card{
  background:
    linear-gradient(160deg,rgba(255,255,255,.11),rgba(255,255,255,.035)),
    radial-gradient(circle at 30% 20%,rgba(184,170,148,.18),transparent 34%)!important;
}
.mega-panel[data-panel="servis"] .mega-card,
.mega-panel[data-panel="satis-sonrasi"] .mega-card{
  border-radius:10px 30px 30px 30px!important;
}
@media(max-width:1180px){
  .mega-content{grid-template-columns:1fr 1fr!important}
  .mega-lead,.mega-card{grid-column:auto!important;grid-row:auto!important}
  .mega-col:not(.mega-lead):not(.model-list){grid-template-columns:1fr!important}
}

/* Gulsoy signature mega navigation and aligned showroom cards */
@media(min-width:981px){
  .mega-panel{
    --mega-accent:184,170,148;
    width:min(calc(100vw - 96px),1460px)!important;
    min-height:0!important;
    left:50%!important;
    right:auto!important;
    top:22px!important;
    transform:translate(-50%,-16px) scale(.985)!important;
    border-radius:30px 30px 12px 30px!important;
    clip-path:polygon(0 0,calc(100% - 34px) 0,100% 34px,100% 100%,0 100%)!important;
    border:1px solid rgba(255,255,255,.11)!important;
    background:
      linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px),
      linear-gradient(180deg,rgba(255,255,255,.018) 1px,transparent 1px),
      linear-gradient(135deg,rgba(5,7,9,.97),rgba(13,18,23,.92) 58%,rgba(3,4,5,.98))!important;
    background-size:46px 46px,46px 46px,auto!important;
    box-shadow:0 28px 90px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.08)!important;
    overflow:hidden!important;
  }
  .mega-panel.active{transform:translate(-50%,0) scale(1)!important}
  .mega-panel:before{
    background:
      radial-gradient(circle at 6% 82%,rgba(var(--mega-accent),.18),transparent 24%),
      linear-gradient(90deg,rgba(var(--mega-accent),.08),transparent 28%,rgba(255,255,255,.025) 72%,transparent)!important;
    opacity:.9!important;
  }
  .mega-panel[data-panel="kurumsal"]{--mega-accent:184,170,148}
  .mega-panel[data-panel="modeller"]{--mega-accent:92,126,160}
  .mega-panel[data-panel="servis"]{--mega-accent:82,148,172}
  .mega-panel[data-panel="satis-sonrasi"]{--mega-accent:156,148,132}
  .mega-panel[data-panel="iletisim"]{--mega-accent:205,205,198}
  .mega-content{
    max-width:none!important;
    min-height:360px!important;
    padding:34px 36px 30px!important;
    display:grid!important;
    grid-template-columns:300px minmax(0,1fr) 360px!important;
    grid-template-rows:minmax(248px,1fr) 58px!important;
    gap:24px 34px!important;
    background:transparent!important;
  }
  .mega-content:before{
    content:"";
    position:absolute;
    left:334px;
    top:34px;
    bottom:30px;
    width:1px;
    background:linear-gradient(180deg,transparent,rgba(var(--mega-accent),.4),transparent);
    opacity:.75;
  }
  .mega-content:after{
    content:"Gülsoy Florya  /  Gülsoy Otomotiv Anadolu  /  Mercedes-Benz Yetkili Satıcı ve Servis";
    grid-column:2 / 4;
    grid-row:2;
    align-self:end;
    min-height:48px;
    display:flex;
    align-items:center;
    padding:0 18px;
    border-top:1px solid rgba(255,255,255,.09);
    border-bottom:1px solid rgba(255,255,255,.06);
    color:#aeb5be;
    font-size:11px;
    font-weight:760;
    letter-spacing:.18em;
    text-transform:uppercase;
    background:linear-gradient(90deg,rgba(var(--mega-accent),.08),rgba(255,255,255,.025),transparent);
  }
  .mega-lead{
    grid-column:1!important;
    grid-row:1 / 3!important;
    min-height:0!important;
    padding:6px 24px 6px 0!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:18px!important;
    border:0!important;
    border-left:1px solid rgba(var(--mega-accent),.58)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .mega-lead span,
  .mega-kicker{
    margin:0!important;
    color:#8c949e!important;
    font-size:10px!important;
    font-weight:820!important;
    letter-spacing:.28em!important;
    text-transform:uppercase!important;
  }
  .mega-lead h3{
    max-width:250px!important;
    margin:0!important;
    color:#fff!important;
    font-size:clamp(25px,2vw,32px)!important;
    line-height:1.02!important;
    letter-spacing:-.045em!important;
  }
  .mega-lead p{
    max-width:250px!important;
    margin:0!important;
    color:#aeb4bc!important;
    font-size:13px!important;
    line-height:1.62!important;
    font-weight:560!important;
  }
  .mega-lead a{
    width:max-content!important;
    min-height:34px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#e8ebef!important;
    font-size:13px!important;
  }
  .mega-lead a:after,
  .mega-col:not(.mega-lead) a:after{
    content:"";
    width:18px;
    height:1px;
    margin-left:auto;
    background:currentColor;
    opacity:.38;
    transform:scaleX(.45);
    transform-origin:left;
    transition:transform .28s var(--g-ease),opacity .28s var(--g-ease);
  }
  .mega-lead a:hover:after,
  .mega-col:not(.mega-lead) a:hover:after{
    transform:scaleX(1);
    opacity:.9;
  }
  .mega-content > .mega-col:nth-child(2){
    grid-column:2!important;
    grid-row:1!important;
    align-self:start!important;
  }
  .mega-content > .mega-col:nth-child(3){
    grid-column:2!important;
    grid-row:1!important;
    align-self:end!important;
  }
  .mega-col:not(.mega-lead):not(.model-list){
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:0 28px!important;
    align-content:start!important;
  }
  .mega-col:not(.mega-lead):not(.model-list) .mega-kicker{
    grid-column:1/-1!important;
    padding-bottom:12px!important;
  }
  .mega-col:not(.mega-lead):not(.model-list) a{
    min-height:54px!important;
    padding:11px 0!important;
    border:0!important;
    border-top:1px solid rgba(255,255,255,.095)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#c0c5cc!important;
    font-size:14px!important;
    font-weight:680!important;
    flex-direction:row!important;
    justify-content:flex-start!important;
    align-items:center!important;
    transform:none!important;
  }
  .mega-col:not(.mega-lead):not(.model-list) a:hover{
    color:#fff!important;
    border-color:rgba(var(--mega-accent),.54)!important;
    padding-left:10px!important;
    background:linear-gradient(90deg,rgba(var(--mega-accent),.08),transparent 56%)!important;
    box-shadow:none!important;
  }
  .model-list{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px 18px!important;
  }
  .model-list .mega-kicker{grid-column:1/-1!important;padding-bottom:2px!important}
  .model-list a{
    min-height:82px!important;
    padding:0 0 12px!important;
    display:grid!important;
    grid-template-columns:92px 1fr!important;
    gap:14px!important;
    align-items:end!important;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.11)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .model-list a:hover{
    padding-left:8px!important;
    border-color:rgba(var(--mega-accent),.58)!important;
    background:linear-gradient(90deg,rgba(var(--mega-accent),.08),transparent 72%)!important;
    box-shadow:none!important;
  }
  .model-list img{
    width:92px!important;
    height:58px!important;
    border-radius:14px 14px 4px 14px!important;
    object-fit:cover!important;
    filter:brightness(.82) saturate(.92)!important;
  }
  .model-list strong{font-size:15px!important;line-height:1.15!important}
  .model-list em{font-size:12px!important;line-height:1.35!important}
  .mega-card{
    grid-column:3!important;
    grid-row:1!important;
    min-height:248px!important;
    align-self:stretch!important;
    padding:28px!important;
    border-radius:8px 28px 28px 8px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    background:
      linear-gradient(155deg,rgba(255,255,255,.075),rgba(255,255,255,.02)),
      radial-gradient(circle at 16% 18%,rgba(var(--mega-accent),.16),transparent 36%)!important;
    box-shadow:none!important;
    backdrop-filter:blur(12px)!important;
  }
  .mega-card:hover{
    transform:translateY(-3px)!important;
    border-color:rgba(var(--mega-accent),.38)!important;
    box-shadow:0 24px 70px rgba(0,0,0,.32)!important;
  }
  .mega-card strong{font-size:20px!important;line-height:1.16!important}
  .mega-card p{font-size:13px!important;line-height:1.55!important}
  .mega-card b{font-size:13px!important}
  .image-card img{
    filter:brightness(.5) saturate(.82)!important;
  }
  .image-card:after{
    background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.2)),linear-gradient(0deg,rgba(0,0,0,.62),transparent 68%)!important;
  }
  .line-icon{
    width:42px!important;
    height:42px!important;
    background:rgba(255,255,255,.92)!important;
  }
  .mega-panel[data-panel="modeller"] .mega-card{border-radius:28px 8px 28px 28px!important}
  .mega-panel[data-panel="servis"] .mega-card{border-radius:8px 28px 8px 28px!important}
  .mega-panel[data-panel="satis-sonrasi"] .mega-card{border-radius:28px 28px 8px 8px!important}
  .mega-panel[data-panel="iletisim"] .mega-card{border-radius:28px 8px 8px 28px!important}
}

.showroom-branch-grid{
  align-items:stretch!important;
}
.showroom-branch-card{
  display:grid!important;
  grid-template-rows:auto 170px 1fr!important;
}
.showroom-card-top{
  min-height:94px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  align-content:start!important;
  gap:10px!important;
  padding:24px 28px 20px!important;
}
.showroom-card-top span{
  order:1!important;
}
.showroom-card-top h3{
  order:2!important;
  margin:0!important;
  text-align:left!important;
  font-size:clamp(22px,1.8vw,27px)!important;
  line-height:1.14!important;
}
.showroom-map{
  height:170px!important;
}
.showroom-card-body{
  display:grid!important;
  grid-template-rows:minmax(124px,auto) auto minmax(0,auto) auto!important;
  gap:20px!important;
  padding:24px 28px 28px!important;
}
.showroom-info-block{
  min-height:124px!important;
}
.showroom-info-block p{
  margin:12px 0 0!important;
  line-height:1.55!important;
}
.showroom-info-row{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}
.showroom-info-row div{
  min-height:84px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:18px!important;
}
.showroom-actions{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  align-self:end!important;
  margin-top:0!important;
}
.showroom-btn{
  min-height:50px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
}
.corporate-page[data-page="iletisim"] .contact-branch-actions{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.corporate-page[data-page="iletisim"] .contact-branch-card .showroom-btn:not(.primary){
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
@media(max-width:1050px){
  .showroom-branch-card{grid-template-rows:auto 260px 1fr!important}
  .showroom-card-body{grid-template-rows:auto auto auto auto!important}
  .showroom-info-block{min-height:0!important}
}
@media(max-width:640px){
  .showroom-branch-card{grid-template-rows:auto 230px 1fr!important}
  .showroom-card-top{min-height:0!important;padding:22px!important}
  .showroom-card-body{padding:22px!important}
  .showroom-info-row,
  .showroom-actions{grid-template-columns:1fr!important}
  .corporate-page[data-page="iletisim"] .contact-branch-actions{grid-template-columns:1fr!important}
  .showroom-btn{white-space:normal!important}
}

@media(min-width:981px){
  .models-mega{
    grid-template-columns:220px minmax(320px,1fr) 170px 300px!important;
    gap:24px!important;
  }
  .models-mega:before{left:254px!important}
  .models-mega:after{grid-column:2 / 5!important}
  .models-mega .mega-lead h3,
  .models-mega .mega-lead p{max-width:190px!important}
  .models-mega > .model-list{
    grid-column:2!important;
    grid-row:1!important;
    align-self:start!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .models-mega > .mega-col:nth-child(3){
    grid-column:3!important;
    grid-row:1!important;
    align-self:start!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
  }
  .models-mega > .mega-card{
    grid-column:4!important;
    grid-row:1!important;
  }
  .models-mega .model-list .mega-kicker{padding-bottom:8px!important}
  .models-mega .model-list a{
    min-height:58px!important;
    grid-template-columns:82px 1fr!important;
    gap:12px!important;
    padding:0 0 9px!important;
  }
  .models-mega .model-list img{
    width:82px!important;
    height:52px!important;
  }
  .models-mega .model-list strong{font-size:14px!important}
  .models-mega .model-list em{font-size:11px!important}
  .models-mega > .mega-col:nth-child(3) a{
    min-height:52px!important;
    font-size:13px!important;
  }
}

/* Full-screen cinematic home hero */
.home-compact .hero,
.home-compact .hero-content,
.hero,
.hero-content{
  min-height:100vh!important;
}
.home-compact .hero{
  height:100vh!important;
  max-height:none!important;
}
.hero{
  display:block!important;
  scroll-snap-align:start;
  background:#020304!important;
}
.hero:before{
  background:
    radial-gradient(circle at var(--mx,70%) var(--my,46%),rgba(255,255,255,.08),transparent 20%),
    linear-gradient(90deg,rgba(0,0,0,.84),rgba(0,0,0,.42) 42%,rgba(0,0,0,.16)),
    linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,.58))!important;
}
.hero .slide{
  transform:scale(1.045)!important;
}
.hero .slide.active{
  transform:scale(1.015)!important;
}
.hero .slide img{
  height:100vh!important;
  object-position:70% center!important;
  filter:brightness(.74) saturate(.92) contrast(1.05)!important;
  transition:transform 6.4s var(--g-ease),filter 1.1s var(--g-ease)!important;
}
.hero .slide.active img{
  transform:scale(1.035);
}
.home-compact .hero-content,
.hero-content{
  align-items:center!important;
  padding:92px 0 54px!important;
}
.hero-stage{
  min-height:calc(100vh - 146px);
  align-items:center!important;
}
.hero-copy{
  padding-top:0!important;
}
.hero h1{
  font-size:clamp(42px,5.8vw,72px)!important;
  line-height:1.02!important;
  max-width:760px!important;
}
.hero p{
  max-width:590px!important;
}
.hero-locations{
  align-self:center!important;
}
.topbar:not(.scrolled):not(.mega-active){
  background:linear-gradient(90deg,rgba(4,5,7,.42),rgba(12,16,21,.32),rgba(4,5,7,.42))!important;
  border-color:rgba(255,255,255,.08)!important;
  box-shadow:none!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
.topbar.scrolled{
  background:linear-gradient(120deg,rgba(5,7,9,.9),rgba(15,19,24,.82),rgba(5,6,8,.9))!important;
  backdrop-filter:blur(24px)!important;
  -webkit-backdrop-filter:blur(24px)!important;
  box-shadow:0 18px 70px rgba(0,0,0,.32)!important;
}
.hero-scroll{
  bottom:28px!important;
}
.hero-controls{
  bottom:38px!important;
}
@media(max-width:980px){
  .home-compact .hero,
  .home-compact .hero-content,
  .hero,
  .hero-content{
    min-height:100svh!important;
  }
  .home-compact .hero,
  .hero{
    height:100svh!important;
  }
  .hero-stage{min-height:calc(100svh - 124px)}
  .hero-content{padding:92px 0 44px!important}
}
@media(max-width:640px){
  .home-compact .hero,
  .home-compact .hero-content,
  .hero,
  .hero-content{
    min-height:100svh!important;
  }
  .hero h1{font-size:36px!important}
  .hero p{font-size:14px!important}
  .hero-scroll{left:18px!important;bottom:22px!important}
  .hero-controls{right:18px!important;bottom:26px!important}
}