/* =================================================
   EMAS ASANSÖR – FINAL CSS (STABLE)
   Slider Frame + Mobile Contain Fix
================================================= */

/* RESET */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}

/* THEME */
:root{
  --bg:#0e1116;
  --card:#151922;
  --gold:#c9a24d;
  --text:#e6e6e6;
  --muted:#b5b5b5;
  --border:rgba(255,255,255,.08);
  --max:1200px;
}

body{
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.75;
}

/* CONTAINER */
.container{
  width:100%;
  max-width:var(--max);
  margin:0 auto;
  padding:0 20px;
}

/* HEADER */
.header{
  position:sticky;
  top:0;
  z-index:1000;
  background:#000;
  border-bottom:1px solid var(--border);
}
.header-inner{
  min-height:96px;
  display:flex;
  align-items:center;
}
.logo{
  height:66px;
  width:auto;
}

/* =================================================
   SLIDER – FRAME BASED (FINAL)
================================================= */

/* ÇERÇEVE ALANI */
.slider-frame{
  padding:26px 0;
  background:#0b0d11;
}

/* ÇERÇEVE */
.slider-viewport{
  width:min(1200px, calc(100% - 40px));
  margin:0 auto;
  background:#000;
  overflow:hidden;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 18px 60px rgba(0,0,0,.55);

  /* cihazdan bağımsız stabil yükseklik */
  height:clamp(360px, 52vh, 620px);
}

/* TABLET */
@media (max-width:1024px){
  .slider-viewport{
    height:clamp(340px, 50vh, 520px);
  }
}

/* MOBİL */
@media (max-width:767px){
  .slider-viewport{
    width:calc(100% - 24px);
    height:clamp(360px, 60vh, 520px);
    border-radius:14px;
    background:#000;
  }
}

/* SLIDE STRIP */
.slides{
  display:flex;
  width:100%;
  height:100%;
  transition:transform .6s ease;
  will-change:transform;
}

.slide{
  min-width:100%;
  height:100%;
}

/* GÖRSELLER – DESKTOP */
.slide img{
  width:100%;
  height:100%;
  object-fit:cover;          /* masaüstü premium */
  object-position:center;
  background:#000;
}

/* MOBİLDE TAM GÖRÜNSÜN (KESİLMESİN) */
@media (max-width:767px){
  .slide img{
    object-fit:contain;      /* mobilde kesme YOK */
    object-position:center;
    background:#000;
  }
}

/* =================================================
   SECTIONS
================================================= */
.section{
  padding:90px 0;
}
.section-title{
  font-size:clamp(26px,3vw,40px);
  margin:0 0 22px;
}
.section-text{
  max-width:980px;
  margin:0 0 18px;
  color:var(--muted);
}

/* =================================================
   CARDS
================================================= */
.cards{
  display:grid;
  gap:28px;
  margin-top:36px;
}
@media (min-width:900px){
  .cards{grid-template-columns:repeat(3,1fr)}
}
.card{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:16px;
  padding:34px;
}
.card h3{
  margin:0 0 12px;
  color:var(--gold);
}
.card p{
  margin:0;
  color:var(--muted);
}

/* =================================================
   FOOTER
================================================= */
.footer{
  background:#000;
  border-top:1px solid var(--border);
  padding:50px 0;
  font-size:14px;
  color:var(--muted);
}

/* =================================================
   FLOAT BUTTONS
================================================= */
.float-buttons{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:9999;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.float-buttons a{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:14px 22px;
  border-radius:999px;
  font-weight:700;
  font-size:14px;
  color:#fff;
}
.float-phone{background:#0b2a4a}
.float-whatsapp{background:#25d366}

/* MOBİL ALT BAR */
@media (max-width:767px){
  .float-buttons{
    left:0;
    right:0;
    bottom:0;
    flex-direction:row;
    padding:10px;
    background:rgba(0,0,0,.92);
  }
  .float-buttons a{flex:1}
}

/* ===== SLIDER PREMIUM (KESME YOK + BLUR BACKGROUND) ===== */
.slider-premium { background:#000; }

.slider-premium .slide{
  position:relative;
  overflow:hidden;
}

/* Arka plan: aynı görselin blur'lu büyütülmüş hali */
.slider-premium .slide::before{
  content:"";
  position:absolute;
  inset:-30px;
  background-image: var(--bg);
  background-size: cover;
  background-position: center;
  filter: blur(18px);
  transform: scale(1.12);
  opacity: .35;
}

/* Ön görsel: TAM görünsün (kesilmesin) */
.slider-premium .slide img{
  position:relative;
  z-index:2;
  width:100%;
  height:100%;
  object-fit: contain;     /* <<< kritik */
  object-position: center;
}

/* Mobilde biraz daha “dolu” dursun */
@media (max-width:767px){
  .slider-viewport{ height: clamp(360px, 62vh, 560px); }
}
/* ======================
   NAV MENU (FINAL)
====================== */
.header-flex{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.brand{display:flex;align-items:center}

.nav{
  display:flex;
  align-items:center;
  gap:18px;
}

.nav-link{
  font-weight:800;
  color:var(--text);
  opacity:.92;
  padding:10px 12px;
  border-radius:12px;
}

.nav-link:hover{
  background:rgba(255,255,255,.06);
  opacity:1;
}

.nav-cta{
  border:1px solid rgba(201,162,77,.35);
}

/* Dropdown */
.nav-dropdown{ position:relative; }
.nav-dropbtn{
  background:transparent;
  border:0;
  cursor:pointer;
}
.nav-dropmenu{
  position:absolute;
  top:52px;
  right:0;
  min-width:260px;
  background:#0b0d11;
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  padding:10px;
  box-shadow:0 20px 60px rgba(0,0,0,.6);
  display:none;
  z-index:2000;
}
.nav-dropmenu a{
  display:block;
  padding:10px 12px;
  border-radius:12px;
  font-weight:800;
  color:var(--text);
  opacity:.9;
}
.nav-dropmenu a:hover{
  background:rgba(255,255,255,.06);
  opacity:1;
}
.nav-dropmenu .accent{
  border:1px solid rgba(201,162,77,.25);
}
.nav-sep{
  height:1px;
  background:rgba(255,255,255,.10);
  margin:8px 4px;
}

/* Desktop hover open */
@media (min-width: 900px){
  .nav-dropdown:hover .nav-dropmenu{ display:block; }
}

/* Mobile button */
.nav-toggle{
  display:none;
  width:44px;height:44px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.04);
}
.nav-toggle span{
  display:block;
  height:2px;
  margin:7px 10px;
  background:rgba(255,255,255,.85);
}

/* Mobile layout */
@media (max-width: 899px){
  .nav-toggle{ display:block; }

  .nav{
    position:fixed;
    left:12px;
    right:12px;
    top:92px;
    background:#0b0d11;
    border:1px solid rgba(255,255,255,.10);
    border-radius:16px;
    padding:12px;
    display:none;
    flex-direction:column;
    align-items:stretch;
    gap:8px;
    z-index:5000;
    box-shadow:0 20px 60px rgba(0,0,0,.6);
  }
  .nav.open{ display:flex; }

  .nav-dropmenu{
    position:static;
    min-width:unset;
    box-shadow:none;
    border-radius:14px;
    display:none;
    margin-top:6px;
  }
  .nav-dropdown.drop-open .nav-dropmenu{ display:block; }
}