/* ---- Genel Ayarlar ---- */
:root{
  --gold:#caa14a;
  --coal:#1f1f1f;
  --charcoal:#2a2a2a;
  --smoke:rgba(0,0,0,.55);
}

html,body{background:#f4f2e9; color:#eee;}

/* ---- Header Banner ---- */
.hero-banner{background:#b48f4a;}
.hero-img{display:block; max-height:220px; object-fit:cover; object-position:center;}

/* ---- Hotel Cards ---- */
.hotel-sol{

  display: flex;
  justify-content: flex-end; /* sağa hizalar */
  align-items: center;  
  padding-right:0px;
  margin-bottom:10px;
}

.hotel-sag{

  display: flex;
  justify-content: flex-end; /* sağa hizalar */
  align-items: center;  
  padding-left:0px;
    margin-bottom:10px;

}

.hotel-image{
  width:100%;
  height:54vw;           /* mobile yüksekliği (yaklaşık 9:16) */
  max-height:520px;      /* masaüstünde çok uzamasın */


}

.footer{

background:#f7f6f1;
}

.konum-buton {
  display: inline-block;
  background-color: #b38e5d; /* Görseldeki altın/kahverengi ton */
  color: #fff;
  text-decoration: none;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  padding: 6px 6px;
  border: none;
  border-radius: 2px;
  transition: background-color 0.3s ease;
}

.konum-buton:hover {
  background-color: #9a784a; /* Hover’da biraz koyulaşsın */
}

.hotel-wrapper {
  display: flex;
  justify-content: left;
  align-items: left;
  flex-wrap: wrap; /* mobilde alt alta geçer */
  gap: 0;
}

/* Görseller responsive ve orantılı */
.hotel-image {
  width: 50%;        /* iki resim yan yana, yarı genişlikte */
  height: auto;      /* yükseklik orantılı */
  display: block;
  border: none;
  margin: 0;
  padding: 0;
  object-fit: contain; /* kırpma yok */
  max-width: 100%;
}

.image-container {
  display: flex;
  justify-content: center;    /* Ortada birleşmeleri için */
  align-items: center;
  gap: 0;                     /* Arada boşluk olmasın */
  flex-wrap: nowrap;          /* Aynı satırda kalsınlar */
}

.image-container img {
  width: 50%;                 /* Her biri kapsayıcının yarısını kaplasın */
  height: auto;               /* Oran korunsun, sünme olmasın */
  display: block;
  object-fit: contain;        /* Kırpma yok */
  margin: 0;
  padding: 0;
}