:root{
  --bg:#070a0f;
  --bg2:#05070a;
  --card: rgba(17,24,39,.86);
  --line: rgba(255,255,255,.09);
  --text:#E5E7EB;
  --muted:#9CA3AF;
  --gold:#D9A142;
  --danger:#FCA5A5;
  --ok:#86EFAC;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans";
  color:var(--text);
  background:
    radial-gradient(1200px 600px at 18% 0%, rgba(217,161,66,.22), transparent 60%),
    radial-gradient(900px 520px at 82% 12%, rgba(59,130,246,.14), transparent 60%),
    linear-gradient(180deg,var(--bg),var(--bg2));
}
a{color:var(--gold);text-decoration:none}
a:hover{color:#f5d28a}
.container{max-width:1120px;margin:0 auto;padding:22px}
.nav{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;flex-wrap:wrap}
.brand b{font-size:13px;letter-spacing:.5px;text-transform:uppercase}
.brand span{font-size:12px;color:var(--muted)}
.badge{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);
  border:1px solid var(--line);border-radius:999px;padding:7px 10px;background:rgba(255,255,255,.02)}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;
  box-shadow:0 14px 45px rgba(0,0,0,.38)}
.grid{display:grid;gap:14px}
@media(min-width:920px){.grid{grid-template-columns:1.1fr .9fr}}
.h1{font-size:30px;margin:0 0 10px;letter-spacing:-.3px}
.h2{font-size:18px;margin:0 0 10px}
.p{color:var(--muted);margin:0 0 14px;line-height:1.65}
.hr{height:1px;background:var(--line);margin:14px 0}
.row{display:grid;grid-template-columns:1fr;gap:10px}
@media(min-width:740px){.row{grid-template-columns:repeat(2,1fr)}}
.input,.select,textarea{width:100%;padding:12px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);
  background:#0b1220;color:var(--text);outline:none}
textarea{min-height:90px;resize:vertical}
.input:focus,.select:focus,textarea:focus{border-color:rgba(217,161,66,.65)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 14px;border-radius:12px;
  border:1px solid rgba(217,161,66,.35);background:rgba(217,161,66,.10);color:var(--text);cursor:pointer;font-weight:750}
.btn:hover{background:rgba(217,161,66,.18)}
.btn.secondary{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.04)}
.btn.danger{border-color:rgba(252,165,165,.35);background:rgba(252,165,165,.08)}
.kpi{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media(min-width:920px){.kpi{grid-template-columns:repeat(4,1fr)}}
.kpi .box{padding:14px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.kpi .box b{display:block;font-size:18px}
.kpi .box span{color:var(--muted);font-size:12px}
.table{width:100%;border-collapse:separate;border-spacing:0;border-radius:14px;overflow:hidden;border:1px solid var(--line)}
.table th,.table td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;font-size:13px;vertical-align:top}
.table th{color:var(--muted);font-weight:750;background:rgba(255,255,255,.02)}
.table tr:last-child td{border-bottom:none}
.actions{display:flex;gap:8px;flex-wrap:wrap}
.notice{padding:12px 12px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.03)}
.notice.ok{border-color:rgba(134,239,172,.22);background:rgba(134,239,172,.06)}
.notice.err{border-color:rgba(252,165,165,.22);background:rgba(252,165,165,.06)}
.cards{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:920px){.cards{grid-template-columns:repeat(3,1fr)}}
.roomcard{border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.02);overflow:hidden}
.roomimg{width:100%;height:160px;object-fit:cover;display:block;
  background:
    radial-gradient(600px 200px at 30% 10%, rgba(217,161,66,.25), transparent 60%),
    radial-gradient(500px 180px at 70% 10%, rgba(59,130,246,.16), transparent 60%),
    linear-gradient(180deg,#0c1220,#070a0f);
}
.roombody{padding:14px}
.roombody b{display:block}
.roombody small{color:var(--muted)}
.footer{margin-top:18px;color:var(--muted);font-size:12px}
.small{font-size:12px;color:var(--muted)}


/* Gallery Slider */
.slider{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.slider-track{display:flex;transition:transform .35s ease}
.slide{min-width:100%}
.slide img{width:100%;height:320px;object-fit:cover;display:block}
@media(max-width:640px){.slide img{height:240px}}
.slider-btn{
  position:absolute;top:50%;transform:translateY(-50%);
  width:42px;height:42px;border-radius:999px;
  border:1px solid rgba(217,161,66,.35);
  background:rgba(7,10,15,.55);backdrop-filter: blur(6px);
  color:var(--text);cursor:pointer;font-weight:900;
}
.slider-btn:hover{background:rgba(217,161,66,.16)}
.slider-btn.prev{left:10px}
.slider-btn.next{right:10px}
.dots{display:flex;gap:6px;justify-content:center;padding:10px}
.dot{width:7px;height:7px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);cursor:pointer}
.dot.active{background:rgba(217,161,66,.65);border-color:rgba(217,161,66,.8)}
/* --- Slider FIX (alt alta sorunu kesin çözüm) --- */
.slider{
  position:relative;
  width:100%;
  overflow:hidden;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.02);
}

.slider-track{
  display:flex !important;
  flex-wrap:nowrap !important;
  width:100%;
  transform: translateX(0);
  transition: transform .35s ease;
}

.slide{
  flex: 0 0 100% !important;
  width:100% !important;
}

/* Görselin TAMAMI görünsün (kırpma yok) */
.slide img{
  width:100%;
  height: clamp(200px, 28vw, 340px);
  object-fit: contain;
  background: rgba(0,0,0,.25);
}

.faq summary{cursor:pointer; font-weight:700;}
.faq{padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.02)}

.hero-row{
  display:flex;
  gap:30px;
  align-items:center;
}

.hero-content{
  flex:1;
}

.hero-image{
  flex:1;
}

.hero-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:14px;
}

.hero-title{
  font-size:32px;
  font-weight:700;
}

.hero-subtitle{
  margin-top:8px;
  color:#aaa;
  font-weight:500;
}

.hero-list{
  margin-top:20px;
  list-style:none;
  padding:0;
}

.hero-list li{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
  font-size:15px;
}

.hero-list i{
  color:#d9a142;
  font-size:18px;
}

.hero-actions{
  margin-top:25px;
  display:flex;
  gap:12px;
}

.footer{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 0;
  font-size: 13px;
  color: #aaa;
}

.footer a{
  color: #d9a142;
  text-decoration: none;
}

.footer a:hover{
  text-decoration: underline;
}

@media (max-width: 600px){
  .footer{
    flex-direction: column;
    gap: 6px;
    text-align: center;
  }
}