/* ===== Homepage layout tuning ===== */

/* Center main container */
body > .container,
body > div > .container { margin-left: auto !important; margin-right: auto !important; max-width: 1120px; float: none; }

/* === Compact header — top items pulled up tight to logo === */
#header-pc { padding: 0 0 14px !important; }
#header-pc .logo { padding: 74px 0 0 !important; margin: 0; text-align: left; }
#header-pc .logo img { max-height: 38px; width: auto; display: block; }
#header-pc .logo div { top: 28px !important; left: 175px !important; font-size: 11px !important; }
#header-pc .logoTagline { margin: 6px 0 0; padding: 0; color: var(--hm-dark); font-size: 13px; font-weight: 600; line-height: 1.3; }
/* Tagline shown under the injected top header logo */
.hm-top-logo-wrap { display: inline-flex; flex-direction: column; align-items: flex-start; line-height: 1.1; }
.hm-top-logo-wrap .hm-top-logo { margin: 0; }
.hm-top-tagline { margin: 2px 0 0 26px; padding: 0; color: var(--hm-dark); font-size: 15px; font-weight: 600; line-height: 1.2; letter-spacing: 0.1px; }
#header-pc .row { display: flex; align-items: flex-start !important; justify-content: space-between; flex-wrap: wrap; }
#header-pc .col-lg-8.text-right { text-align: right !important; margin-left: auto; padding-top: 0 !important; padding-right: 40px !important; }
#header-pc .col-lg-8.text-right > .row:first-child { margin-top: -16px !important; }
#header-pc ul.topMenu { text-align: right !important; padding: 0; margin: 0 !important; list-style: none; line-height: 1; }
#header-pc ul.topMenu li { float: none; display: inline-block; margin-left: 10px; margin-right: 0; font-size: 12px; padding: 0; }
#header-pc ul.topMenu li:first-child { margin-left: 0 !important; }
#header-pc ul.headerMenu { text-align: right !important; padding: 0; list-style: none; margin: 6px 0 0 !important; line-height: 1; }
#header-pc ul.headerMenu li { float: none; display: inline-block; margin-left: 10px; margin-right: 0; font-size: 13px; padding: 0; }
#header-pc ul.headerMenu li:first-child { margin-left: 0 !important; }
#header-pc ul.headerMenu li a { padding: 2px 0; }
#header-pc ul.headerMenu li a.tesis,
#header-pc ul.headerMenu li:first-child a { display: inline-block; background: #d4a017 !important; color: #fff !important; padding: 2px 10px 0 10px; font-weight: 400; font-size: 13px; white-space: nowrap; transition: all .30s ease-in-out; border-radius: 4px; }
#header-pc ul.headerMenu li a.tesis:hover,
#header-pc ul.headerMenu li:first-child a:hover { background: #b88a14 !important; color: #fff !important; }


/* Centered hero text + search — compact */
.girisYazi { text-align: center !important; padding: 4px 0 2px !important; margin: 0 !important; }
.girisYazi .yaziMavi { font-size: 26px !important; line-height: 1.2 !important; text-transform: uppercase !important; display: block !important; margin-top: 22px !important; color: #0b3d70 !important; }
.girisYazi .yaziGri { font-size: 15px !important; line-height: 1.2 !important; color: #333 !important; }
#otelArama { max-width: 1060px; margin: 18px auto 0; padding: 18px 24px 0; background: transparent; border-radius: 12px; }
#otelArama h2 { text-align: left !important; color: #000 !important; margin: 0 0 12px; font-size: 20px; letter-spacing: 1px; padding-left: 4px; }
h3.homeBaslik { text-align: center !important; font-size: 24px; letter-spacing: 1px; margin: 10px 0 20px; position: relative; }
.container-fluid.cizgi { margin: 0 !important; padding: 0 !important; height: 0 !important; border: 0 !important; }
h3.homeBaslik::after { content: ""; display: block; width: 60px; height: 3px; background: currentColor; margin: 10px auto 0; border-radius: 2px; opacity: .7; }

/* Search form fields */
#otelArama .hotel-form .form-text { font-weight: 600; color: #555; font-size: 12px; text-transform: uppercase; letter-spacing: .5px; }
#otelArama input[type="text"], #otelArama select {
  width: 100%; box-sizing: border-box; padding: 10px 12px; border: 1px solid #d6d6d6;
  border-radius: 6px; background: #fff; font-size: 14px; height: 42px;
}
#otelArama .btn-ara {
  background: linear-gradient(135deg,#1565c0,#48CAE4); color: #fff; border: 0;
  padding: 12px 28px; border-radius: 6px; font-weight: 700; cursor: pointer;
  letter-spacing: .5px; transition: transform .15s, box-shadow .15s;
}
#otelArama .btn-ara:hover { transform: translateY(-1px); box-shadow: 0 6px 18px rgba(21,101,192,.35); }

/* 2-month datepicker — compact + blue accents */
.ui-datepicker.ui-datepicker-multi { width: auto !important; max-width: calc(100vw - 20px) !important; font-size: 14px; padding: 10px; border-radius: 10px; box-shadow: 0 20px 50px -10px rgba(0,0,0,.25); border: 1px solid #cce5f3; background:#fff; z-index: 9999 !important; }
@media (max-width: 768px){
  /* Backdrop */
  body.hm-dp-open::before { content:""; position:fixed; inset:0; background:rgba(15,23,42,.45); z-index:99998; backdrop-filter: blur(2px); }

  .ui-datepicker.ui-datepicker-multi {
    position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0 !important; top: auto !important; transform: none !important;
    width: 100vw !important; max-width: 100vw !important;
    max-height: 92dvh !important; overflow-y: auto !important; box-sizing: border-box !important;
    padding: 0 !important; border: none !important;
    border-radius: 22px 22px 0 0 !important;
    box-shadow: 0 -20px 60px -10px rgba(0,0,0,.35) !important;
    background:#fff !important;
    z-index: 99999 !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  }
  /* Drag handle */
  .ui-datepicker.ui-datepicker-multi::before { content:""; display:block; width:42px; height:4px; background:rgba(255,255,255,.55); border-radius:99px; margin:8px auto 0; position:relative; z-index:2; }

  .ui-datepicker-multi .ui-datepicker-group { width: 50% !important; float: left !important; padding: 14px 10px 12px !important; border-bottom: none !important; box-sizing: border-box !important; }
  .ui-datepicker-multi .ui-datepicker-group + .ui-datepicker-group { border-top: none !important; border-left: 1px solid #f1f5f9 !important; padding-top: 14px !important; }
  .ui-datepicker .ui-datepicker-title { font-size: 14px !important; }
  .ui-datepicker th { font-size: 10px !important; padding: 4px 0 !important; }
  .ui-datepicker td a, .ui-datepicker td span { width: 34px !important; height: 34px !important; font-size: 13px !important; }
  .ui-datepicker td .ui-state-active, .ui-datepicker td a.ui-state-active { width: 34px !important; }
  .ui-datepicker .ui-datepicker-prev { right: 36px !important; }
  .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { width: 28px !important; height: 28px !important; }

  .ui-datepicker .ui-datepicker-header { background: transparent !important; border:none !important; padding: 4px 0 14px !important; }
  .ui-datepicker .ui-datepicker-title { color:#1f2937 !important; font-size:17px !important; font-weight:700 !important; text-align:left !important; padding-left:2px; }

  .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { background:transparent !important; border:none !important; width:32px !important; height:32px !important; top:0 !important; }
  .ui-datepicker .ui-datepicker-prev { left:auto !important; right:44px !important; }
  .ui-datepicker .ui-datepicker-next { right:4px !important; }
  .ui-datepicker .ui-datepicker-prev span::before,
  .ui-datepicker .ui-datepicker-next span::before { font-size:22px; color:#9ca3af; }

  .ui-datepicker table { width:100% !important; table-layout:fixed !important; border-collapse:separate !important; border-spacing:0 4px !important; margin:0 !important; }
  .ui-datepicker th { color:#9ca3af !important; font-weight:700 !important; font-size:11px !important; text-transform:uppercase !important; letter-spacing:.06em; padding:6px 0 !important; }
  .ui-datepicker td { padding:0 !important; position:relative; }
  .ui-datepicker td a, .ui-datepicker td span {
    display:flex !important; align-items:center; justify-content:center;
    width:44px !important; height:44px !important; margin:0 auto !important;
    padding:0 !important; line-height:1 !important;
    font-size:15px !important; font-weight:500 !important;
    color:#1f2937 !important; background:transparent !important; border:none !important; border-radius:999px !important;
    position:relative; z-index:2;
  }
  .ui-datepicker td.ui-datepicker-unselectable span { color:#d1d5db !important; }
  .ui-datepicker td a:hover { background:#fee2e2 !important; color:#e11d2a !important; }

  /* In-range highlight (between dates) */
  .ui-datepicker td .ui-state-highlight,
  .ui-datepicker td a.ui-state-highlight {
    background:#fef2f2 !important; color:#b91c1c !important; border-radius:0 !important; width:100% !important;
  }
  /* Selected day = brand red circle */
  .ui-datepicker td .ui-state-active,
  .ui-datepicker td a.ui-state-active {
    background:#e11d2a !important; color:#fff !important; font-weight:700 !important;
    box-shadow: 0 6px 14px -4px rgba(225,29,42,.55);
    border-radius:999px !important; width:44px !important;
  }
  /* Today subtle dot */
  .ui-datepicker td.ui-datepicker-today a:not(.ui-state-active)::after {
    content:""; position:absolute; bottom:6px; left:50%; transform:translateX(-50%);
    width:4px; height:4px; border-radius:99px; background:#f59e0b;
  }

  /* Title strip becomes the overlay header */
  .hm-dp-title {
    margin:0 !important; padding:14px 56px 14px 18px !important;
    background:#0054a6 !important; color:#fff !important;
    text-align:left !important; font-size:15px !important; font-weight:600 !important;
    border-radius:22px 22px 0 0 !important; letter-spacing:0 !important;
    position:sticky; top:0; z-index:3;
  }
  .hm-dp-title::before {
    content:"Konaklama Tarihleri"; display:block;
    font-size:10px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; opacity:.75; margin-bottom:2px;
  }
  /* Close button (injected) */
  .hm-dp-close {
    position:absolute !important; top:8px; right:8px;
    width:40px; height:40px; display:flex; align-items:center; justify-content:center;
    background:rgba(255,255,255,.12); border:none; border-radius:999px;
    color:#fff; font-size:22px; line-height:1; cursor:pointer; z-index:4;
  }
  .hm-dp-close:active { background:rgba(255,255,255,.22); }
}
.ui-datepicker-multi .ui-datepicker-group { width: 50% !important; padding: 8px 10px; }
.ui-datepicker .ui-datepicker-header { background:#fff !important; color:#1565c0 !important; border:none !important; border-bottom:1px solid #eef1f5 !important; border-radius:0 !important; padding:8px 0 !important; position:relative; }
.ui-datepicker .ui-datepicker-title { color:#1565c0 !important; font-weight:800 !important; font-size:14px !important; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { background:#f5f7fa !important; border:1px solid #e3e7ee !important; border-radius:50% !important; cursor:pointer; top:6px !important; width:26px !important; height:26px !important; transition:background .15s, border-color .15s; }
.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover { background:#1565c0 !important; border-color:#1565c0 !important; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { filter:none !important; background-image:none !important; text-indent:0 !important; position:absolute !important; top:50% !important; left:50% !important; transform:translate(-50%,-50%) !important; width:auto !important; height:auto !important; margin:0 !important; color:#1565c0 !important; font-size:0 !important; }
.ui-datepicker .ui-datepicker-prev span::before { content:"‹"; font-size:18px; font-weight:700; line-height:1; color:#1565c0; }
.ui-datepicker .ui-datepicker-next span::before { content:"›"; font-size:18px; font-weight:700; line-height:1; color:#1565c0; }
.ui-datepicker .ui-datepicker-prev:hover span::before, .ui-datepicker .ui-datepicker-next:hover span::before { color:#fff; }
.ui-datepicker table { font-size:13px !important; margin:4px 0 !important; }
.ui-datepicker th { color:#1565c0 !important; font-weight:700 !important; padding:4px 0 !important; font-size:12px !important; }
.ui-datepicker td { padding:2px !important; }
.ui-datepicker td a, .ui-datepicker td span { display:block !important; text-align:center !important; padding:6px 0 !important; border:1px solid transparent !important; border-radius:6px !important; background:transparent !important; color:#333 !important; font-weight:600 !important; font-size:13px !important; }
.ui-datepicker td a:hover { background:#e8f4fc !important; color:#1565c0 !important; border-color:#b3d9f2 !important; }
.ui-datepicker td .ui-state-active, .ui-datepicker td a.ui-state-active { background:#1565c0 !important; color:#fff !important; border-color:#1565c0 !important; }
.ui-datepicker td .ui-state-highlight, .ui-datepicker td a.ui-state-highlight { background:#e8f4fc !important; color:#1565c0 !important; border-color:#1565c0 !important; }
.ui-datepicker td.ui-datepicker-unselectable span { color:#c0c6d0 !important; }

/* Datepicker title */
.hm-dp-title { background:#1565c0; color:#fff; text-align:center; font-weight:700; font-size:13px; padding:8px 0; margin:-10px -10px 8px -10px; border-radius:10px 10px 0 0; letter-spacing:.5px; }
@media (max-width: 720px){ .hm-dp-title { margin:-8px -8px 8px -8px; font-size:12px; padding:6px 0; border-radius:8px 8px 0 0; } }

/* ===== Ayın Bölgesi — centered, with photo & content ===== */
.ayinBolgesi {
  max-width: 900px; margin: 30px auto;
  display: flex; align-items: stretch; overflow: hidden;
  background: linear-gradient(135deg,#0c2340 0%,#1a4a6e 60%,#2d8a9e 100%);
  border-radius: 16px; color: #fff; box-shadow: 0 12px 32px rgba(12,35,64,.25);
  height: auto !important; min-height: 240px;
}
.ayinBolgesiPhoto { flex: 0 0 42%; overflow: hidden; }
.ayinBolgesiPhoto img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ayinBolgesiIc { flex: 1; padding: 28px 32px; background: none !important; }
ul.ayinBolgesiYazi { list-style: none; padding: 0; margin: 0; text-align: left; }
ul.ayinBolgesiYazi li { color: #fff !important; line-height: 1.5; margin-bottom: 10px; }
ul.ayinBolgesiYazi li:nth-child(1) {
  font-size: 11px; letter-spacing: 3px; text-transform: uppercase; opacity: .8;
}
ul.ayinBolgesiYazi li:nth-child(2) span {
  color: #ffb84d !important; font-size: 26px !important; font-weight: 700;
  display: block; letter-spacing: 1px;
}
ul.ayinBolgesiYazi li:nth-child(3) { font-size: 14px; opacity: .92; }
.ayinBolgesiBtn {
  display: inline-block; margin-top: 6px; padding: 10px 22px;
  background: #EB4D00; color: #fff !important; border-radius: 6px;
  font-weight: 700; text-decoration: none; font-size: 14px;
  transition: background .2s;
}
.ayinBolgesiBtn:hover { background: #ff7a2a; }
@media (max-width: 768px){
  .ayinBolgesi { flex-direction: column; }
  .ayinBolgesiPhoto { flex: 0 0 180px; }
}

/* ===== Neden Biz — centered ===== */
.nedenHotelManya {
  max-width: 720px; margin: 24px auto;
  background: #fff; border: 1px solid #eee; border-radius: 14px;
  padding: 24px 28px; box-shadow: 0 6px 18px rgba(0,0,0,.05);
  background-image: none !important; height: auto !important;
}
.nedenHotelManya .nedenBaslik,
.nedenHotelManya .nedenIcerikLeft { display: none !important; }
.nedenHotelManya .nedenIcerikRight {
  width: 100% !important; float: none !important;
  background-image: none !important; padding: 0 !important; height: auto !important;
}
.nedenHotelManya::before {
  content: "Neden HotelManya.com?"; display: block; text-align: center;
  font-size: 18px; font-weight: 700; color: #EB4D00; margin-bottom: 14px;
  padding-bottom: 10px; border-bottom: 2px solid #ffe6d6;
}
ul.neden { list-style: none; padding: 0; margin: 0; max-width: 480px; margin-left: auto; margin-right: auto; }
ul.neden li {
  background: none !important; padding: 10px 0 10px 36px !important;
  position: relative; color: #333; font-size: 14px; line-height: 1.4;
  border-bottom: 1px dashed #eee; text-align: left;
}
ul.neden li:last-child { border-bottom: 0; }
ul.neden li::before {
  content: "✓"; position: absolute; left: 4px; top: 50%; transform: translateY(-50%);
  width: 22px; height: 22px; background: #EB4D00; color: #fff;
  border-radius: 50%; text-align: center; line-height: 22px; font-size: 13px; font-weight: 700;
}

/* Google map */
#googleMapHaritasi { box-shadow: 0 6px 18px rgba(0,0,0,.08); margin: 20px 0; }

/* Footer */
.footer { text-align: center; }
.footer .ulFooter { display: inline-block; text-align: left; }

/* ===== Modern "En Çok Gidilen Yerler" card design ===== */
#destinationsList {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 20px !important;
  padding: 10px 0 !important;
}
@media (max-width: 992px) { #destinationsList { grid-template-columns: repeat(2, 1fr) !important; } }
@media (max-width: 560px) { #destinationsList { grid-template-columns: 1fr !important; } }

#destinationsList .populerBolge {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  min-height: 320px !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 14px rgba(11,61,112,.08) !important;
  transition: transform .3s ease, box-shadow .3s ease !important;
  cursor: pointer !important;
}
#destinationsList .populerBolge:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 30px rgba(11,61,112,.18) !important;
}

#destinationsList .populerBolge .popResim {
  position: relative !important;
  width: 100% !important;
  height: 180px !important;
  float: none !important;
  margin: 0 !important;
  overflow: hidden;
  background: #e8eef5;
}
#destinationsList .populerBolge .popResim a { display: block; width: 100%; height: 100%; }
#destinationsList .populerBolge .popResim img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform .6s ease;
}
#destinationsList .populerBolge:hover .popResim img { transform: scale(1.08); }

/* Hotel count badge over image */
#destinationsList .populerBolge .popOy {
  position: absolute !important;
  top: 12px; right: 12px;
  width: auto !important;
  float: none !important;
  background: #0b3d70 !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  line-height: 1.2 !important;
  text-align: center !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.18) !important;
  z-index: 2 !important;
}
#destinationsList .populerBolge .popOy br { display: none !important; }
#destinationsList .populerBolge .popOy::after { content: " Otel"; }

/* Text content below image */
#destinationsList .populerBolge .popIcerik {
  position: static !important;
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
  padding: 14px 16px 16px !important;
  flex: 1 !important;
  background: #ffffff !important;
}
#destinationsList .populerBolge .popIcerik h3 {
  margin: 0 0 6px 0 !important;
  padding: 0 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #4a90d9 !important;
  line-height: 1.2 !important;
}
#destinationsList .populerBolge .popIcerik h3 a {
  color: #4a90d9 !important;
  text-decoration: none !important;
}
#destinationsList .populerBolge .popIcerik p {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  color: #555 !important;
  text-align: left !important;
}
#destinationsList .populerBolge .popIcerik p a {
  color: #e85d3a !important;
  font-weight: 600 !important;
  white-space: nowrap;
}

@media (max-width: 768px) {
  #otelArama { padding: 18px; }
  h3.homeBaslik { font-size: 20px; }
  #header-pc .logo { margin-left: 0; }
}

/* ===== Site-wide font: Inter (match hotel detail page) ===== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
html, body, input, select, textarea, button,
h1, h2, h3, h4, h5, h6, p, span, a, li, div, td, th,
.girisYazi, .homeBaslik, .topMenu, .headerMenu,
#otelArama, #otelArama h2, .footer, .footer2, .copy,
.populerBolge, .homeOtelCerceve, .ayinBolgesi {
  font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, sans-serif !important;
}

/* ===== Hotel grids (top + cheap) ===== */
#topHotelsList .homeOtelCerceve,
#cheapHotelsList .homeOtelCerceve { margin-bottom: 24px; }
#topHotelsList .homeHotelResim,
#cheapHotelsList .homeHotelResim{
  position: relative; overflow: hidden;
  border-radius: 10px 10px 0 0; background:#f3f3f3;
}
#topHotelsList .homeHotelResim img,
#cheapHotelsList .homeHotelResim img{
  display:block; width:100% !important; height:220px !important;
  object-fit:cover; transition: transform .35s ease;
}

#topHotelsList .homeHotelResim .galeri-badge,
#cheapHotelsList .homeHotelResim .galeri-badge{
  display: none !important;
}

/* Ödeme Yöntemleri */
.odeme-yontemleri{margin-top:12px}
.odeme-yontemleri > .col-lg-6 > .row { margin-left: -8px; margin-right: -8px; }
.odeme-yontemleri > .col-lg-6 > .row > [class*="col-"] { padding-left: 8px; padding-right: 8px; }
.odeme-kart{
  background:#fff;border:1px solid #eee;border-radius:10px;
  padding:16px 12px;text-align:center;height:100%;
  box-shadow:0 2px 8px rgba(0,0,0,.04);
  transition:transform .25s, box-shadow .25s, border-color .25s;
  position:relative;margin-bottom:12px;min-height:180px;
}
.odeme-kart:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.1);border-color:#f0a500}
.odeme-kart .odeme-ikon{
  width:48px;height:48px;border-radius:50%;
  background:linear-gradient(135deg,#0b3d70,#1565c0);
  color:#fff;display:flex;align-items:center;justify-content:center;
  margin:0 auto 10px;font-size:22px;
}
.odeme-kart h4{color:#0b3d70;font-size:13px;font-weight:700;margin:0 0 8px;min-height:30px}
.odeme-kart p{color:#666;font-size:11px;line-height:1.5;margin:0}
.odeme-kart.oneCikan{border-color:#eb4d00;box-shadow:0 4px 14px rgba(235,77,0,.12)}
.odeme-kart.oneCikan .odeme-ikon{background:linear-gradient(135deg,#f0a500,#eb4d00)}
.odeme-rozet{
  position:absolute;top:-10px;left:50%;transform:translateX(-50%);
  background:linear-gradient(135deg,#f0a500,#eb4d00);color:#fff;
  font-size:9px;font-weight:700;padding:4px 10px;border-radius:10px;
  letter-spacing:.5px;white-space:nowrap;box-shadow:0 2px 6px rgba(235,77,0,.35);
}

/* === Search labels: no uppercase === */
#otelArama .hotel-form .form-text{
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-size: 13px !important;
}

/* === Hotel cards: meta below image, price right === */
#topHotelsList .homeOtelCerceve,
#cheapHotelsList .homeOtelCerceve{ height:auto !important; }

#topHotelsList .homeHotelResim,
#cheapHotelsList .homeHotelResim{ cursor: zoom-in; }

/* puan2 (yorum) badge - top right of photo */
#topHotelsList .homeHotelResim .puan2-badge,
#cheapHotelsList .homeHotelResim .puan2-badge{
  position:absolute; top:10px; right:10px;
  min-width:42px; height:42px; padding:0 10px;
  background:#0b3d70; color:#fff;
  border-radius:50%; display:flex; align-items:center; justify-content:center;
  font-weight:700; font-size:14px; z-index:3;
  box-shadow:0 3px 8px rgba(0,0,0,.3);
}

/* New meta row below image */
#topHotelsList .hotel-meta,
#cheapHotelsList .hotel-meta{
  display:flex; justify-content:space-between; align-items:flex-start;
  padding:10px 4px 0; cursor:pointer;
}
#topHotelsList .hotel-meta-left,
#cheapHotelsList .hotel-meta-left{ flex:1; min-width:0; padding-right:10px; }
#topHotelsList .hotel-meta-left h3,
#cheapHotelsList .hotel-meta-left h3{ margin:0; font-size:16px; line-height:1.25; }
#topHotelsList .hotel-meta-left h3 a,
#cheapHotelsList .hotel-meta-left h3 a{ color:#0b3d70; text-decoration:none; }
#topHotelsList .hotel-meta-left h4,
#cheapHotelsList .hotel-meta-left h4{ margin:4px 0 0; font-size:12px; font-weight:500; }
#topHotelsList .hotel-meta-left h4 a,
#cheapHotelsList .hotel-meta-left h4 a{ color:#4a90d9; text-decoration:none; }
#topHotelsList .hotel-meta-left .hotel-stars,
#cheapHotelsList .hotel-meta-left .hotel-stars{ display:inline-flex; align-items:center; gap:1px; color:#FFD700; margin-bottom:2px; }
#topHotelsList .hotel-meta-left .hotel-stars svg,
#cheapHotelsList .hotel-meta-left .hotel-stars svg{ width:13px; height:13px; fill:currentColor; }


#topHotelsList .hotel-meta-right,
#cheapHotelsList .hotel-meta-right{
  text-align:right; flex-shrink:0; line-height:1.1;
}
#topHotelsList .hotel-meta-right .fiyat,
#cheapHotelsList .hotel-meta-right .fiyat{
  color:#EB4D00; font-size:24px; font-weight:700;
}
#topHotelsList .hotel-meta-right .fiyat2,
#cheapHotelsList .hotel-meta-right .fiyat2{
  color:#EB4D00; font-size:14px; font-weight:700;
}

/* === "Tarihlerim Henüz Kesinleşmedi" checkbox with check icon === */
#otelArama .label_check{
  display:inline-flex; align-items:center; gap:8px; cursor:pointer;
  font-size:13px; color:#555; user-select:none;
}
#otelArama .label_check input[type="checkbox"]{
  -webkit-appearance:none; appearance:none;
  width:18px; height:18px; border:2px solid #EB4D00; border-radius:4px;
  background:#fff; cursor:pointer; position:relative;
  display:inline-block; vertical-align:middle; margin:0;
}
#otelArama .label_check input[type="checkbox"]:checked{
  background:#EB4D00; border-color:#EB4D00;
}
#otelArama .label_check input[type="checkbox"]:checked::after{
  content:""; position:absolute; left:4px; top:0px;
  width:6px; height:11px; border:solid #fff;
  border-width:0 2px 2px 0; transform:rotate(45deg);
}

/* === Filter group h4 → orange button === */
.filters .filter-group h4 {
  background: #EB4D00 !important;
  color: #fff !important;
  padding: 8px 12px !important;
  border-radius: 6px !important;
  text-transform: none !important;
  letter-spacing: .3px !important;
  font-size: 13px !important;
  margin: 0 0 10px !important;
}

/* === Bigger hotel star icons site-wide === */
.hm-stars { font-size: 18px !important; letter-spacing: 3px !important; color: #D4AF37 !important; }
.yildiz, .stars, .hotel-stars { font-size: 18px !important; color: #D4AF37 !important; }
.yildizBg img { filter: sepia(0.4) saturate(1.8) hue-rotate(-10deg) brightness(0.95) !important; }

/* === Comment / review badges → gold site-wide === */
#topHotelsList .homeHotelResim .puan2-badge,
#cheapHotelsList .homeHotelResim .puan2-badge,
.icCerceve .puan2,
.puan2,
.hm-hcard-rating {
  background: #D4AF37 !important;
  background-image: none !important;
  color: #fff !important;
}

/* ===== Neden HotelManya — 2-column cards ===== */
.nedenHm-row { margin: 8px 0 20px; }
.nedenHm-card {
  background: #fff; border: 1px solid #eee; border-radius: 12px;
  padding: 18px 20px; box-shadow: 0 3px 10px rgba(0,0,0,.05);
  height: 100%; margin-bottom: 14px;
}
.nedenHm-card h4 {
  color: #EB4D00; font-size: 15px; font-weight: 700;
  margin: 0 0 10px; padding-bottom: 8px; border-bottom: 2px solid #ffe6d6;
}
.nedenHm-card h4 i { margin-right: 6px; font-size: 14px; }
.nedenHm-card p { color: #555; font-size: 12px; line-height: 1.5; margin: 0 0 10px; }
.nedenHm-list { list-style: none; padding: 0; margin: 0 0 12px; }
.nedenHm-list li {
  padding: 5px 0 5px 22px; position: relative;
  color: #333; font-size: 11px; border-bottom: 1px dashed #f0f0f0;
}
.nedenHm-list li:last-child { border-bottom: 0; }
.nedenHm-list li::before {
  content: "✓"; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
  width: 16px; height: 16px; background: #EB4D00; color: #fff;
  border-radius: 50%; text-align: center; line-height: 16px; font-size: 10px; font-weight: 700;
}
.nedenHm-grid {
  display: flex; flex-wrap: wrap; gap: 14px;
  justify-content: center; align-items: stretch;
  margin: 0 0 14px;
}
.nedenHm-item {
  flex: 1 1 160px; max-width: 220px; min-width: 140px;
  background: #fff; border: 1px solid #f0f0f0; border-radius: 10px;
  padding: 16px 12px; text-align: center; min-height: 150px;
  display: flex; flex-direction: column; align-items: center;
  transition: transform .15s, box-shadow .15s, border-color .15s;
}
.nedenHm-item:hover { transform: translateY(-2px); box-shadow: 0 6px 14px rgba(0,0,0,.06); border-color: #ffd8c2; }
.nedenHm-icon {
  width: 42px; height: 42px; line-height: 42px; border-radius: 50%;
  background: linear-gradient(135deg,#1b8f3a,#2ecc71); color: #fff; font-size: 18px;
  margin: 0 0 10px;
}
.nedenHm-item h5 {
  color: var(--hm-dark,#0c2340); font-size: 13px; font-weight: 700; line-height: 1.35; margin: 0 0 5px;
}
.nedenHm-item p { color: #666; font-size: 11px; line-height: 1.45; margin: 0; flex: 1; }
@media (max-width: 520px){
  .nedenHm-item { flex: 1 1 45%; min-width: 120px; max-width: none; }
}
.nedenHm-btn {
  display: inline-block; background: linear-gradient(135deg,#EB4D00,#ff7a2a);
  color: #fff !important; padding: 8px 16px; border-radius: 5px;
  font-weight: 700; text-decoration: none; font-size: 12px;
  border: 0; cursor: pointer; transition: transform .15s, box-shadow .15s;
}
.nedenHm-btn:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(235,77,0,.35); color: #fff !important; }

/* Feedback form */
.feedbackForm label {
  display: block; font-size: 11px; font-weight: 600;
  color: #374151; margin: 8px 0 4px;
}
.feedbackForm .rating-wrap {
  display: flex; align-items: center; gap: 10px;
  background: #f9fafb; padding: 8px 10px; border-radius: 6px;
}
.feedbackForm input[type="range"] {
  flex: 1; accent-color: #EB4D00;
}
.feedbackForm .rating-val {
  font-size: 18px; font-weight: 800; color: #EB4D00; min-width: 24px; text-align: center;
}
.feedbackForm textarea {
  width: 100%; box-sizing: border-box; padding: 8px 10px;
  border: 1px solid #d6d6d6; border-radius: 5px; font-size: 12px;
  font-family: inherit; resize: vertical;
}
.feedbackForm .nedenHm-btn { margin-top: 10px; width: 100%; }
.fb-msg { margin-top: 8px; font-size: 12px; text-align: center; min-height: 16px; }
.fb-msg.ok { color: #1b8a3a; font-weight: 600; }
.fb-msg.err { color: #c0392b; font-weight: 600; }

/* ===== Payment cards — green variant ===== */
.odeme-kart.yesil { border-color: #c8e6c9; }
.odeme-kart.yesil:hover { border-color: #4caf50; box-shadow: 0 10px 24px rgba(76,175,80,.18); }
.odeme-kart.yesil .odeme-ikon {
  background: linear-gradient(135deg,#43a047,#2e7d32) !important;
}
.odeme-kart.yesil h4 { color: #2e7d32; }

/* ===== Review button — light green (site-wide) ===== */
.yorum-btn, .yorumBtn, .btn-yorum, button.yorum, a.yorum-btn {
  background: linear-gradient(135deg,#81c784,#66bb6a) !important; color: #fff !important; border: 0 !important;
  padding: 9px 18px; border-radius: 6px; font-weight: 700; cursor: pointer;
  font-size: 13px; transition: transform .15s, box-shadow .15s; text-decoration: none; display: inline-block;
}
.yorum-btn:hover, .yorumBtn:hover, .btn-yorum:hover { transform: translateY(-1px); box-shadow: 0 6px 16px rgba(129,199,132,.45); color:#fff !important; }
.yorum-btn i { margin-right: 6px; }

/* ===== Hotel page hero overlay ===== */
.hotel-hero { position: relative; border-radius: 14px; overflow: hidden; }
.hotel-hero .hero-overlay {
  position: absolute; left: 0; right: 0; top: 0; padding: 18px 22px;
  background: linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,0));
  display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; z-index: 3;
}
.hotel-hero .hero-overlay h1 { color: #fff; margin: 0; font-size: 26px; text-shadow: 0 2px 8px rgba(0,0,0,.4); }
.hotel-hero .hero-overlay .meta { color: #fff; font-size: 13px; opacity: .95; margin-top: 4px; text-shadow: 0 1px 4px rgba(0,0,0,.5); }
.hotel-hero .show-all-photos {
  position: absolute; right: 16px; bottom: 16px; z-index: 3;
  background: #fff; color: #222; border: 0; padding: 10px 16px; border-radius: 8px;
  font-weight: 700; cursor: pointer; font-size: 13px; box-shadow: 0 4px 12px rgba(0,0,0,.25);
}
.hotel-hero .show-all-photos:hover { background: #f0f0f0; }

/* Room photo (legacy, not used) */
.room .room-thumb { display: none; }

/* Footer FAQ block */
.hm-foot-faq { max-width: 1200px; margin: 0 auto 24px; padding: 24px 24px 0; border-top: 1px solid rgba(255,255,255,.1); }
.hm-foot-faq h3 { color: #fff; font-size: 18px; margin: 18px 0 14px; font-weight: 700; }
.hm-foot-faq details { background: rgba(255,255,255,.05); border-radius: 8px; padding: 10px 14px; margin-bottom: 8px; color: #ddd; }
.hm-foot-faq summary { cursor: pointer; font-weight: 600; color: #fff; font-size: 14px; padding: 4px 0; }
.hm-foot-faq details p { margin: 8px 0 4px; font-size: 13px; line-height: 1.6; color: #ccc; }

/* === Hero rating badge (inside overlay, same row as hotel name) === */
.hotel-hero .hero-overlay .page-rate { position: static; background: #EB4D00; color: #fff; padding: 8px 14px; border-radius: 8px; text-align: center; box-shadow: 0 2px 8px rgba(0,0,0,.18); flex-shrink: 0; }
.hotel-hero .hero-overlay .page-rate .num { font-size: 22px; font-weight: 800; line-height: 1; color: #fff; }
.hotel-hero .hero-overlay .page-rate .lbl { font-size: 11px; opacity: .95; margin-top: 2px; color: #fff; }

/* === Homepage SSS bottom section === */
.home-sss { text-align: center; padding: 30px 20px 40px; background: #f7fafc; border-top: 1px solid #e5e7eb; }
.home-sss h2 { color: var(--hm-dark); font-size: 24px; font-weight: 800; margin: 0 0 10px; }
.home-sss p { color: #555; margin: 0 0 16px; }
.home-sss a.sss-btn { display: inline-block; background: linear-gradient(135deg,#f0a500,#eb4d00); color: #fff; padding: 12px 28px; border-radius: 8px; font-weight: 700; text-decoration: none; }

/* ========== MOBILE RESPONSIVE FIXES ========== */
@media (max-width: 768px) {
  /* Container & general */
  body > .container, body > div > .container { padding-left: 12px !important; padding-right: 12px !important; max-width: 100% !important; }

  /* Hide PC header, ensure mobile header visible */
  #header-pc { display: none !important; }
  #header-mobile { display: block !important; }

  /* Homepage hero text */
  .girisYazi { padding: 12px 0 8px !important; }
  .girisYazi .yaziMavi { font-size: 18px !important; margin-top: 8px !important; }
  .girisYazi .yaziGri { font-size: 13px !important; }

  /* Search form: stack with labels above each input */
  #otelArama { padding: 22px !important; margin: 18px 0 !important; background:#fff !important; border-radius:14px; box-shadow:0 2px 10px rgba(0,0,0,.06); }
  #otelArama h2 { font-size: 22px !important; margin-bottom: 18px !important; }
  #otelArama .row { display: block !important; margin: 0 !important; }
  #otelArama .row > [class*="col-"] {
    display:block !important; width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important;
    padding: 0 !important; margin: 0 0 18px !important; float: none !important;
  }
  #otelArama .row > [class*="col-"]:last-child { margin-bottom: 0 !important; }
  /* Hide the standalone label row (1st .row inside form) — we inject labels above inputs */
  #otelArama .hotel-form > .row:first-of-type { display:none !important; }
  /* Inject labels above each input in the 2nd row */
  #otelArama .hotel-form > .row:nth-of-type(2) > [class*="col-"]::before {
    display:block; font-size:14px; font-weight:600; color:#555; margin-bottom:8px; letter-spacing:.3px;
  }
  #otelArama .hotel-form > .row:nth-of-type(2) > [class*="col-"]:nth-child(1)::before { content:"Nereye?"; }
  #otelArama .hotel-form > .row:nth-of-type(2) > [class*="col-"]:nth-child(2)::before { content:"Otele Geliş"; }
  #otelArama .hotel-form > .row:nth-of-type(2) > [class*="col-"]:nth-child(3)::before { content:"Otelden Ayrılış"; }
  #otelArama .hotel-form > .row:nth-of-type(2) > [class*="col-"]:nth-child(4)::before { content:"Oda Sayısı"; }
  #otelArama .hotel-form > .row:nth-of-type(2) > [class*="col-"]:nth-child(5)::before { content:"Yetişkin"; }
  #otelArama .hotel-form > .row:nth-of-type(2) > [class*="col-"]:nth-child(6)::before { content:"Çocuk"; }
  #otelArama input[type="text"], #otelArama select { width:100% !important; height: 54px !important; font-size: 17px !important; padding:12px 14px !important; box-sizing:border-box; border:1px solid #d6d6d6; border-radius:10px; line-height:1.4; }
  #otelArama .btn-ara { width: 100% !important; padding: 16px 20px !important; font-size: 18px !important; margin-top: 18px; letter-spacing:.3px; }
  #otelArama .text-right { text-align: left !important; }
  #otelArama .label_check { margin-bottom: 16px; display:flex; align-items:center; gap:8px; font-size:15px; }

  /* Section headings */
  h3.homeBaslik { font-size: 18px !important; margin: 14px 0 14px !important; }

  /* Hotel grids: 1 column */
  #topHotelsList .col-lg-3, #topHotelsList .col-md-4, #topHotelsList .col-sm-6,
  #cheapHotelsList .col-lg-3, #cheapHotelsList .col-md-4, #cheapHotelsList .col-sm-6 {
    width: 100% !important; float: none !important; padding: 0 !important; margin-bottom: 16px;
  }
  #topHotelsList .homeHotelResim img, #cheapHotelsList .homeHotelResim img {
    height: 160px !important;
  }

  /* Neden HotelManya cards */
  .nedenHm-card { padding: 18px !important; }

  /* Payment cards */
  .odeme-yontemleri .col-lg-3, .odeme-yontemleri .col-md-6, .odeme-yontemleri .col-sm-6 {
    width: 100% !important; float: none !important;
  }

  /* Footer */
  .footer ul li { display: block !important; margin: 8px 0 !important; }
  .footer2 .col-lg-6 { width: 100% !important; text-align: center !important; }
  .footer2 .text-right { text-align: center !important; }

  /* Hide desktop-only header items on mobile */
  .hm-desktop-only { display: none !important; }

  /* Highlight reservation link inside mobile hamburger menu */
  .hm-top-nav.open a.hm-nav-rsorgula {
    background: #fff5ef;
    color: #EB4D00 !important;
    font-weight: 700;
    border-left: 3px solid #EB4D00;
    padding-left: 18px;
  }


  /* iframe map smaller */
  #googleMapHaritasi { height: 280px !important; }

  /* Otel sayfası mobile */
  .hotel-hero .hero-overlay { padding: 12px !important; flex-wrap: wrap; }
  .hotel-hero .hero-overlay h1 { font-size: 18px !important; }
}

/* ========== TABLET RESPONSIVE FIXES (768-1199px) ========== */
@media (min-width: 769px) and (max-width: 1199px) {
  /* Search form: stack vertically for better UX on tablet */
  #otelArama { padding: 24px !important; margin: 18px 0 !important; background:#fff !important; border-radius:14px; box-shadow:0 2px 10px rgba(0,0,0,.06); }
  #otelArama h2 { font-size: 22px !important; margin-bottom: 18px !important; }
  #otelArama .row { display: block !important; margin: 0 !important; }
  #otelArama .row > [class*="col-"] {
    display:block !important; width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important;
    padding: 0 !important; margin: 0 0 18px !important; float: none !important;
  }
  #otelArama .row > [class*="col-"]:last-child { margin-bottom: 0 !important; }
  #otelArama .hotel-form > .row:first-of-type { display:none !important; }
  #otelArama .hotel-form > .row:nth-of-type(2) > [class*="col-"]::before {
    display:block; font-size:14px; font-weight:600; color:#555; margin-bottom:8px; letter-spacing:.3px;
  }
  #otelArama .hotel-form > .row:nth-of-type(2) > [class*="col-"]:nth-child(1)::before { content:"Nereye?"; }
  #otelArama .hotel-form > .row:nth-of-type(2) > [class*="col-"]:nth-child(2)::before { content:"Otele Geliş"; }
  #otelArama .hotel-form > .row:nth-of-type(2) > [class*="col-"]:nth-child(3)::before { content:"Otelden Ayrılış"; }
  #otelArama .hotel-form > .row:nth-of-type(2) > [class*="col-"]:nth-child(4)::before { content:"Oda Sayısı"; }
  #otelArama .hotel-form > .row:nth-of-type(2) > [class*="col-"]:nth-child(5)::before { content:"Yetişkin"; }
  #otelArama .hotel-form > .row:nth-of-type(2) > [class*="col-"]:nth-child(6)::before { content:"Çocuk"; }
  #otelArama input[type="text"], #otelArama select { width:100% !important; height: 54px !important; font-size: 17px !important; padding:12px 14px !important; box-sizing:border-box; border:1px solid #d6d6d6; border-radius:10px; line-height:1.4; }
  #otelArama .btn-ara { width: 100% !important; padding: 16px 20px !important; font-size: 18px !important; margin-top: 18px; letter-spacing:.3px; }
  #otelArama .text-right { text-align: left !important; }
  #otelArama .label_check { margin-bottom: 16px; display:flex; align-items:center; gap:8px; font-size:15px; }
}
  .hotel-hero .hero-overlay .page-rate .num { font-size: 18px !important; }
  .gallery { grid-template-columns: 1fr !important; }
}

/* ========== Filter drawer for oteller/destinasyon pages ========== */
.filter-toggle-btn {
  display: none; width: 100%; padding: 12px 16px;
  background: linear-gradient(135deg,#EB4D00,#ff7a2a); color: #fff;
  border: 0; border-radius: 8px; font-weight: 700; font-size: 14px;
  cursor: pointer; margin-bottom: 14px; box-shadow: 0 4px 12px rgba(235,77,0,.25);
}
.filter-toggle-btn::before { content: "☰  "; font-size: 16px; }
.filter-close-btn { display: none; }

@media (max-width: 767px) {
  .filter-toggle-btn { display: block; }
  .filters {
    position: fixed !important; top: 0 !important; left: -100% !important;
    width: 86% !important; max-width: 340px; height: 100vh !important; height: 100dvh !important;
    max-height: 100vh !important; max-height: 100dvh !important; z-index: 9999; transition: left .25s ease;
    border-radius: 0 !important; overflow-y: scroll !important; overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch; overscroll-behavior: contain;
    padding-bottom: 120px !important; box-sizing: border-box;
  }
  .filters.open { left: 0 !important; box-shadow: 0 0 30px rgba(0,0,0,.4); }
  .filter-close-btn {
    display: block; position: absolute; top: 10px; right: 10px;
    background: #eee; border: 0; width: 32px; height: 32px;
    border-radius: 50%; font-size: 18px; font-weight: 700; cursor: pointer; z-index: 10;
  }
  .filter-backdrop {
    display: none; position: fixed; inset: 0;
    background: rgba(0,0,0,.5); z-index: 9998;
  }
  .filter-backdrop.open { display: block; }

  /* Toolbar on mobile */
  .toolbar { flex-direction: column; align-items: stretch !important; }
  .toolbar select { width: 100%; }

  /* Result cards */
  .grid { grid-template-columns: 1fr !important; }
  .dest-header h1 { font-size: 22px !important; }
  .hero { height: 200px !important; }
  .hero-text h1 { font-size: 28px !important; }
  .cities-grid { grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
  .city-card { height: 140px !important; }
  .city-card .info h3 { font-size: 16px !important; }
}

/* ===== Rating badge on top-right of hotel card image ===== */
.hm-hcard .hm-hcard-img { position: relative; }
.hm-hcard-img .hm-hcard-rating {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #EB4D00;
  color: #fff;
  padding: 5px 10px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 700;
  box-shadow: 0 4px 12px rgba(0,0,0,.25);
  z-index: 2;
}
.hm-hcard-foot { justify-content: flex-end !important; }

/* ===== Card photo nav arrows ===== */
.hm-hcard-img { position: relative; }
.hm-card-nav {
  position: absolute; top: 50%; transform: translateY(-50%);
  width: 34px; height: 34px; border-radius: 50%;
  background: rgba(255,255,255,.92); color: #0b3d70;
  border: 0; font-size: 22px; font-weight: 700; line-height: 1;
  cursor: pointer; z-index: 4; opacity: 0;
  transition: opacity .2s, background .15s;
  box-shadow: 0 2px 8px rgba(0,0,0,.25);
  display: flex; align-items: center; justify-content: center;
}
.hm-card-prev { left: 8px; }
.hm-card-next { right: 8px; }
.hm-hcard:hover .hm-card-nav,
.hm-hcard-img:hover .hm-card-nav { opacity: 1; }
.hm-card-nav:hover { background: #fff; color: #EB4D00; }

/* Indent name/info rows in card body */
.hm-hcard-body { padding-left: 14px !important; }
.hm-hcard-name,
.hm-hcard-loc { padding-left: 4px; }

/* ===== Room card layout ===== */
  .room { grid-template-columns: minmax(0,1fr) auto !important; gap: 12px !important; align-items: center !important; }
  .room > .room-info { min-width: 0 !important; }
  .room .room-photos { display: none !important; }
@media (max-width: 600px) {
  .room { grid-template-columns: 1fr !important; text-align: left; }
  .room .price { text-align: left !important; }
}

/* === Homepage 3-col search === */
.hm-search-3col .hm-search-row{ display:flex; flex-wrap:wrap; gap:12px; align-items:flex-end; }
.hm-search-3col .hm-search-cell{ flex:1 1 0; min-width:220px; position:relative; }
.hm-search-3col .form-text{ display:block; font-size:13px; font-weight:600; margin-bottom:6px; color:var(--hm-dark,#0c2340); }
.hm-search-3col input[type=text], .hm-search-3col .hm-oda-summary{
  width:100%; height:42px; padding:0 12px; border:1px solid #ccd2db; border-radius:8px; background:#fff; font-size:14px; box-sizing:border-box;
}
.hm-search-3col .hm-oda-summary{ text-align:left; cursor:pointer; }
.hm-dates{ display:flex; gap:8px; }
.hm-dates input{ flex:1; }
.hm-oda-panel{ position:absolute; top:100%; left:0; right:0; margin-top:6px; background:#fff; border:1px solid #ccd2db; border-radius:10px; box-shadow:0 12px 28px rgba(0,0,0,.15); padding:12px; z-index:50; }
.hm-oda-panel[hidden]{ display:none; }
.hm-oda-row{ display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:10px; }
.hm-oda-row label{ font-size:13px; font-weight:600; color:#333; margin:0; }
.hm-oda-row select{ flex:0 0 110px; height:36px; border:1px solid #ccd2db; border-radius:6px; padding:0 8px; background:#fff; }
.hm-child-ages{ display:flex; flex-wrap:wrap; gap:8px; margin:4px 0 10px; }
.hm-child-ages .hm-child-age{ flex:1 1 calc(50% - 8px); }
.hm-child-ages .hm-child-age label{ display:block; font-size:12px; color:#555; margin-bottom:2px; }
.hm-child-ages .hm-child-age select{ width:100%; height:34px; border:1px solid #ccd2db; border-radius:6px; padding:0 6px; }
.hm-oda-actions{ justify-content:flex-end; margin:4px 0 0; }
.hm-oda-actions .btn-ara{ padding:6px 18px; height:36px; cursor:pointer; }
@media (max-width: 768px){ .hm-search-3col .hm-search-cell{ flex:1 1 100%; } }

/* === Homepage Hero Search (clean — no background) === */
.hm-hero-search{
  position:relative; width:100%;
  display:flex; align-items:center; justify-content:center;
  padding:24px 16px; overflow:hidden;
  font-family:'Figtree', system-ui, -apple-system, sans-serif;
  background: transparent;
}
.hm-hero-inner{
  position:relative; z-index:2;
  width:100%; max-width:1100px;
  display:flex; flex-direction:column; align-items:center;
}
.hm-hero-card-wrap{ width:100%; }

/* Pill search card */
.hm-search-pill{ width:100%; }
.hm-pill{
  background:#fff; border-radius:28px;
  padding:8px;
  box-shadow:0 24px 48px -12px rgba(12,35,64,.15), 0 4px 12px rgba(12,35,64,.08);
  display:flex; align-items:stretch; gap:0;
}
.hm-pill-cell{
  flex:1 1 0; min-width:0;
  padding:12px 20px; border-radius:22px;
  display:flex; flex-direction:column; justify-content:center;
  transition:background .2s; cursor:pointer; position:relative;
}
.hm-pill-cell:hover{ background:#f6f7f9; }
.hm-pill-sep{ width:1px; background:#eceef2; margin:14px 0; flex:0 0 1px; }
.hm-pill-label{
  font-size:13px; font-weight:800; letter-spacing:.12em; text-transform:uppercase;
  color:#0c2340; margin:0 0 6px; display:block;
}

.hm-pill-row{ display:flex; align-items:center; gap:10px; min-width:0; }
.hm-pill-icon{ width:20px; height:20px; color:#ff6b1a; flex:0 0 20px; }
.hm-pill-input{
  flex:1 1 auto; min-width:0; width:100%;
  border:none; background:transparent; outline:none; box-shadow:none;
  font-family:inherit; font-weight:600; font-size:16px; color:#0c2340;
  padding:0; height:24px; line-height:24px;
}
.hm-pill-input::placeholder{ color:#5a6270; font-weight:600; font-size:15px; }
button.hm-pill-input{ text-align:left; cursor:pointer; }
.hm-pill-dates .hm-pill-input{ flex:1 1 0; width:0; }
.hm-pill-dash{ color:#c8ccd4; font-weight:600; }

/* CTA */
.hm-pill-cta{
  flex:0 0 auto; min-width:170px;
  margin:0; border:none; cursor:pointer;
  background:#ff6b1a; color:#fff;
  font-family:'Outfit', sans-serif; font-weight:700; font-size:17px;
  border-radius:22px; padding:0 26px;
  display:flex; align-items:center; justify-content:center; gap:10px;
  transition:background .2s, transform .15s, box-shadow .2s;
  box-shadow:0 8px 24px -8px rgba(255,107,26,.55);
}
.hm-pill-cta svg{ width:20px; height:20px; }
.hm-pill-cta:hover{ background:#ff7d35; box-shadow:0 12px 28px -8px rgba(255,107,26,.7); }
.hm-pill-cta:active{ transform:scale(.98); }

/* Smaller, horizontal CTA variant */
.hm-pill-cta-sm{
  min-width:0; font-size:14px; padding:0 16px; border-radius:14px;
  height:42px; align-self:center; margin:0 6px;
  box-shadow:0 6px 18px -6px rgba(255,107,26,.45);
  flex-direction:row; gap:8px; white-space:nowrap;
}
.hm-pill-cta-sm svg{ width:16px; height:16px; }

/* Extra row (checkbox) */
.hm-hero-extra{ margin-top:18px; display:flex; justify-content:center; }
.hm-check{ display:inline-flex; align-items:center; gap:10px; cursor:pointer; user-select:none; }
.hm-check input{ position:absolute; opacity:0; pointer-events:none; }
.hm-check-box{
  width:20px; height:20px; border-radius:6px;
  border:2px solid rgba(12,35,64,.25); background:#fff;
  display:inline-flex; align-items:center; justify-content:center;
  transition:all .2s; position:relative;
}
.hm-check input:checked + .hm-check-box{ background:#ff6b1a; border-color:#ff6b1a; }
.hm-check input:checked + .hm-check-box::after{
  content:""; width:5px; height:10px; border:solid #fff; border-width:0 2.5px 2.5px 0;
  transform:rotate(45deg); margin-top:-2px;
}
.hm-check-label{ color:#4a5568; font-size:14px; font-weight:500; }

/* Oda popover anchored to its cell — compact */
.hm-oda-wrap{ position:relative; }
.hm-oda-wrap .hm-oda-panel{
  position:absolute; top:calc(100% + 8px); right:0; left:auto;
  width:320px; max-width:90vw;
  max-height:min(70vh, 520px); overflow-y:auto; overscroll-behavior:contain;
  background:#fff; border:1px solid #e7e9ee; border-radius:12px;
  box-shadow:0 16px 32px -8px rgba(0,0,0,.2); padding:10px 12px; z-index:60;
}
.hm-oda-wrap .hm-oda-panel .hm-oda-row{
  margin-bottom:6px;
}
.hm-oda-wrap .hm-oda-panel .hm-oda-row label{
  font-size:12px;
}
.hm-oda-wrap .hm-oda-panel .hm-oda-row select{
  flex:0 0 80px; height:30px; padding:0 6px; font-size:13px;
}
.hm-oda-wrap .hm-oda-panel .hm-oda-child-row{ justify-content:space-between; align-items:center; }
.hm-oda-wrap .hm-oda-panel .hm-oda-child-right{ display:flex; align-items:center; gap:6px; flex-wrap:wrap; justify-content:flex-end; }
.hm-oda-wrap .hm-oda-panel .hm-oda-child-right > select{ flex:0 0 48px; height:30px; padding:0 4px; font-size:13px; }
.hm-oda-wrap .hm-oda-panel .hm-child-ages{ display:flex; flex-wrap:nowrap; gap:4px; margin:0; align-items:center; }
.hm-oda-wrap .hm-oda-panel .hm-child-ages .hm-child-age{ flex:0 0 auto; display:flex; align-items:center; gap:2px; }
.hm-oda-wrap .hm-oda-panel .hm-child-ages .hm-child-age .hm-ca-num{ font-size:10px; font-weight:700; color:#888; }
.hm-oda-wrap .hm-oda-panel .hm-child-ages .hm-child-age label{ display:none; }
.hm-oda-wrap .hm-oda-panel .hm-child-ages .hm-child-age select{ width:48px; height:30px; padding:0 2px; font-size:12px; }
.hm-oda-wrap .hm-oda-panel .hm-child-ages-row{ display:flex; flex-wrap:wrap; gap:6px; margin:4px 0 6px; padding:8px; background:#f6f8fb; border:1px dashed #ccd2db; border-radius:8px; }
.hm-oda-wrap .hm-oda-panel .hm-child-ages-row[hidden]{ display:none; }
.hm-oda-wrap .hm-oda-panel .hm-child-age-btn{ display:flex; flex-direction:column; gap:2px; flex:1 1 calc(50% - 6px); }
.hm-oda-wrap .hm-oda-panel .hm-child-age-btn label{ font-size:11px; font-weight:600; color:#555; }
.hm-oda-wrap .hm-oda-panel .hm-child-age-btn select{ width:100%; height:34px; padding:0 6px; font-size:13px; border:1px solid #ccd2db; border-radius:6px; background:#fff; }
.hm-oda-wrap .hm-oda-panel .hm-oda-actions{
  position:sticky; bottom:-10px; margin:10px -12px -10px; padding:10px 12px;
  background:#fff; border-top:1px solid #eceef2; display:flex; justify-content:flex-end; z-index:2;
}
.hm-oda-wrap .hm-oda-panel .hm-oda-actions .btn-ara{
  padding:6px 18px; height:34px; font-size:13px;
}

/* Responsive */
@media (max-width: 900px){
  .hm-hero-search{ padding:28px 12px 24px; }
  .hm-pill{ flex-direction:column; padding:10px; border-radius:20px; }
  .hm-pill-sep{ width:auto; height:1px; margin:2px 16px; }
  .hm-pill-cell{ padding:12px 16px; }
  .hm-pill-cta{ width:100%; min-height:54px; margin-top:6px; }
  .hm-oda-wrap .hm-oda-panel{ position:static; width:auto; margin-top:10px; box-shadow:none; border-color:#eceef2; }
}

/* Oda popover above hotel listings */
.hm-hero-search, .hm-pill, .hm-pill-cell, .hm-oda-wrap{ overflow:visible !important; }
.hm-oda-wrap{ position:relative; z-index:1000; }
.hm-oda-wrap .hm-oda-panel{ z-index:1001 !important; }
/* Unified pill cells: same label & input sizes across all cells */
.hm-pill .hm-pill-cell{ padding-top:12px; padding-bottom:12px; align-items:stretch; }
.hm-pill .hm-pill-label{ font-size:11px; letter-spacing:.08em; margin:0 0 6px; line-height:1.2; }
.hm-pill .hm-pill-row{ min-height:24px; }
.hm-pill .hm-pill-input{ font-size:13px; height:24px; line-height:24px; }
.hm-pill .hm-pill-input::placeholder{ font-size:13px; }
/* Cell widths */
.hm-pill .hm-pill-cell:first-child{ flex:1 1 0; max-width:320px; padding-left:14px; padding-right:14px; }
.hm-pill .hm-pill-cell.hm-pill-dates-cell{ flex:0 0 auto; max-width:300px; padding-left:18px; padding-right:18px; }
.hm-pill .hm-pill-cell.hm-pill-dates-cell .hm-pill-input{ font-size:14px; height:26px; line-height:26px; }
.hm-pill .hm-pill-cell.hm-oda-wrap{ flex:0 0 auto; max-width:210px; padding-left:12px; padding-right:12px; margin-right:8px; }
/* Center Otel Ara button in remaining empty space */
.hm-pill .hm-pill-cta{ margin-left:auto; margin-right:auto; }

/* Mobile menu open state */
@media screen and (max-width: 1024px){
  #mobilMenu.open{ display:block !important; }
  #menuBg.open{ display:block !important; }
  #mobilMenu ul.headerMenu li:first-child a{
    background:transparent !important; color:#fff !important;
    padding:0 10px !important; border-radius:0 !important;
    font-weight:400 !important; font-size:inherit !important;
    display:block !important; box-shadow:none !important;
  }
  #mobilMenu ul.headerMenu li:first-child a:hover,
  #mobilMenu ul.headerMenu li.secili a{
    background:#fff !important; color:#EB4D00 !important;
  }
}

/* Header menu butonlari arasi yumusak gecis */
#header-pc ul.headerMenu li a{
  display:inline-block; padding:4px 10px !important; border-radius:4px;
  transition: background-color .25s ease, color .25s ease, transform .2s ease;
}
#header-pc ul.headerMenu li a:hover{
  background:#EB4D00; color:#fff !important; transform:translateY(-1px);
}
#header-pc ul.headerMenu li.secili a{ background:#EB4D00; color:#fff !important; }
#header-pc ul.headerMenu li a.tesis:hover,
#header-pc ul.headerMenu li:first-child a:hover { background: #b88a14 !important; }

/* Mobile header golden tesis button */
.nav-menu-right a.tesis {
  background: #d4a017 !important; color: #fff !important;
  padding: 4px 10px !important; border-radius: 4px; font-weight: 600;
}
.nav-menu-right a.tesis:hover { background: #b88a14 !important; }

/* Mobil slide-out menu tesis button */
#mobilMenu ul.mobilMenu2 li a.tesis {
  background: #d4a017 !important; color: #fff !important;
  border-radius: 4px; font-weight: 600;
}
#mobilMenu ul.mobilMenu2 li a.tesis:hover {
  background: #b88a14 !important;
}

#mobilMenu ul.headerMenu li a{
  display:block; padding:10px 16px !important; transition: background-color .25s ease, color .25s ease, padding-left .25s ease;
}
#mobilMenu ul.headerMenu li a:hover,
#mobilMenu ul.headerMenu li a:active{
  background:rgba(235,77,0,.15); color:#fff !important; padding-left:22px !important;
}

/* === User override theme === */
/* Logo: dark blue tint — header + footer on all pages */
#header-pc .logo img,
.hm-logo img,
.nav-menu-logo img,
.footer .copy img,
.footer2 .copy img,
img[src*="logo.png"],
img[src*="logo_kucuk.png"] {
  filter: brightness(0) saturate(100%) invert(12%) sepia(85%) saturate(1500%) hue-rotate(185deg) brightness(90%) contrast(105%) !important;
}

/* Hero title centered + above search, full width */
.hm-hero-title {
  text-align: center !important;
  padding: 30px 0 14px !important;
  max-width: 1100px;
  margin: 0 auto !important;
}
.hm-hero-title h1 {
  font-size: 34px !important;
  padding-top: 4px;
  margin: 0 auto !important;
}

/* Search engine centered on page */
.hm-hero-search { display: block; }
.hm-hero-inner {
  max-width: 1100px;
  margin: 0 auto !important;
  padding-top: 6px !important;
  display: flex;
  justify-content: center;
}
.hm-hero-card-wrap { width: 100%; margin: 0 auto; }

/* Rating / review badges → orange (match Alkolsüz "rating-badge") */
#topHotelsList .homeHotelResim .puan2-badge,
#cheapHotelsList .homeHotelResim .puan2-badge,
.icCerceve .puan2,
.puan2,
.puan2-badge,
.hm-hcard-rating,
.d-hcard .rating {
  background: #EB4D00 !important;
  background-image: none !important;
  color: #fff !important;
  border: none !important;
  font-weight: 700 !important;
  padding: 3px 8px !important;
  border-radius: 6px !important;
  font-size: 12px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.15) !important;
  backdrop-filter: none !important;
}

/* Gallery badge → light yellow */
#topHotelsList .homeHotelResim .galeri-badge,
#cheapHotelsList .homeHotelResim .galeri-badge,
.galeri-badge {
  background: #FFE680 !important;
  color: #5a4500 !important;
  text-shadow: none !important;
  border: 1px solid #f5d76e !important;
}

/* Hotel prices → black across all pages */
#topHotelsList .hotel-meta-right .fiyat,
#cheapHotelsList .hotel-meta-right .fiyat,
#topHotelsList .hotel-meta-right .fiyat2,
#cheapHotelsList .hotel-meta-right .fiyat2,
.fiyat, .fiyat2,
.hm-hcard-price, .otel-fiyat, .hotel-price,
.room .price, .room .price *,
.otelIsimlik .fiyat, .otelIsimlik .fiyat2 {
  color: #000 !important;
}

/* Hotel names → light blue across all pages */
#topHotelsList .hotel-meta-left a,
#topHotelsList .hotel-meta-left h4,
#topHotelsList .hotel-meta-left .hotel-name,
#cheapHotelsList .hotel-meta-left a,
#cheapHotelsList .hotel-meta-left h4,
#cheapHotelsList .hotel-meta-left .hotel-name,
.hm-hcard-title, .hm-hcard-title a,
.otel-adi, .otel-adi a,
.hotel-name, .hotel-name a,
.otelAdi, .otelAdi a,
.icCerceve h2, .icCerceve h2 a,
.icCerceve h3, .icCerceve h3 a,
h2.otel-baslik, h2.otel-baslik a,
.hotel-head h1, .hotel-head h1 a {
  color: #0b3d70 !important;
}

/* === Text logo: replace all logo images with "Hotelmanya" text in light blue === */
.hm-logo img,
.nav-menu-logo img,
.footer .copy img,
.footer2 .copy img,
img[src*="logo.png"],
img[src*="logo_kucuk.png"] {
  display: none !important;
}
.hm-logo::before,
.nav-menu-logo::before,
.footer .copy:has(img)::before,
.footer2 .copy:has(img)::before {
  content: "Hotelmanya.";
  font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 800;
  font-size: 28px;
  letter-spacing: -0.5px;
  color: #0b3d70 !important;
  display: inline-block;
  line-height: 1;
}
.footer .copy:has(img)::before,
.footer2 .copy:has(img)::before {
  font-size: 22px;
}

/* === Top header bar (injected) === */
#hmTopHeader {
  position: sticky;
  top: 0;
  z-index: 9999;
  background: #fff;
  border-bottom: 1px solid #e6eef5;
  box-shadow: 0 2px 8px rgba(11,61,112,0.06);
  font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  margin-top: 0;
}
#hmTopHeader .hm-top-row-1 {
  max-width: 1170px;
  margin: 0 auto;
  padding: 22px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid #eef3f8;
}
#hmTopHeader .hm-top-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
#hmTopHeader .hm-top-rsorgula,
#hmTopHeader .hm-top-giris {
  display:inline-flex; align-items:center; gap:6px;
  text-decoration:none;
  padding:7px 14px; border-radius:999px; font-size:13px; font-weight:600;
  transition:background .15s, color .15s, border-color .15s;
}
#hmTopHeader .hm-top-rsorgula { background:#EB4D00; color:#fff !important; }
#hmTopHeader .hm-top-rsorgula:hover { background:#c44100; }
#hmTopHeader .hm-top-giris { background:#fff; color:#0b3d70 !important; border:1px solid #cdd6e0; }
#hmTopHeader .hm-top-giris:hover { background:#f0f7fc; border-color:#0b3d70; }
@media (max-width: 720px){
  #hmTopHeader .hm-top-row-1 { padding:8px 10px; gap:6px; }
  #hmTopHeader .hm-top-actions { gap:6px; }
  #hmTopHeader .hm-top-rsorgula,
  #hmTopHeader .hm-top-giris { padding:5px 10px; font-size:11px; }
}
@media (max-width: 640px){
  #hmTopHeader .hm-top-actions { flex-wrap: wrap; justify-content: flex-end; }
  #hmTopHeader .hm-top-rsorgula { flex: 0 0 auto; width: auto; max-width: max-content; order: 5; margin-top: 4px; margin-left: auto; justify-content: center; text-align: center; padding: 4px 8px; font-size: 10px; }
}

#hmTopHeader .hm-top-inner {
  max-width: 1170px;
  margin: 0 auto;
  padding: 16px 18px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  position: relative;
}
#hmTopHeader .hm-top-logo {
  font-weight: 800;
  font-size: 34px;
  color: #e11d2a !important;
  text-decoration: none;
  letter-spacing: -0.5px;
  line-height: 1;
  display: flex;
  align-items: center;
  gap: 6px;
}
#hmTopHeader .hm-logo-icon {
  width: 28px;
  height: 28px;
  border-radius: 4px;
  display: inline-block;
}
#hmTopHeader .hm-top-nav {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  flex: 1;
  justify-content: flex-end;
}
#hmTopHeader .hm-top-nav a {
  color: #0b3d70;
  text-decoration: none;
  font-weight: 600;
  font-size: 15px;
  padding: 10px 12px;
  border-radius: 6px;
  transition: background .15s, color .15s;
}
#hmTopHeader .hm-top-nav a:hover {
  background: #f0f7fc;
  color: #1a73c2;
}
#hmTopHeader .hm-top-nav a.hm-top-saved {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--hm-primary, #eb4d00);
}
#hmTopHeader .hm-top-nav a.hm-top-saved:hover {
  background: #fff1ea;
  color: var(--hm-primary, #eb4d00);
}
#hmTopHeader .hm-top-nav a.hm-top-saved svg { color: var(--hm-primary, #eb4d00); }
#hmTopHeader .hm-saved-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: var(--hm-primary, #eb4d00);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
}
#hmTopHeader .hm-top-nav a.hm-top-cta {
  background: #d4a017;
  color: #fff;
  margin-left: 6px;
}
#hmTopHeader .hm-top-nav a.hm-top-cta:hover {
  background: #b88a14;
  color: #fff;
}
@media (max-width: 860px) {
  #hmTopHeader .hm-top-nav a { padding: 8px 10px; font-size: 13px; }
}
@media (max-width: 640px) {
  #hmTopHeader .hm-top-inner { padding: 8px 12px; gap: 8px; }
  #hmTopHeader .hm-top-logo { font-size: 20px; }
  #hmTopHeader .hm-logo-icon { width: 20px; height: 20px; }
  #hmTopHeader .hm-top-nav { display: none; position: absolute; top: 100%; left: 0; right: 0; background: #fff; flex-direction: column; gap: 0; padding: 8px 0; border-bottom: 1px solid #e6eef5; box-shadow: 0 12px 24px rgba(11,61,112,.12); z-index: 60; }
  #hmTopHeader .hm-top-nav.open { display: flex; }
  #hmTopHeader .hm-top-nav a { padding: 10px 18px; font-size: 14px; width: 100%; border-radius: 0; }
  #hmTopHeader .hm-top-nav a.hm-top-cta { margin-left: 0; border-radius: 0; }
}

#hmTopHeader .hm-top-burger {
  display: none;
  background: none;
  border: 1px solid #cdd6e0;
  border-radius: 8px;
  padding: 6px 8px;
  cursor: pointer;
  color: #0b3d70;
  line-height: 1;
}
#hmTopHeader .hm-top-burger:hover { background: #f0f7fc; border-color: #0b3d70; }

@media (max-width: 640px) {
  #hmTopHeader .hm-top-burger { display: inline-flex; align-items: center; justify-content: center; order: 6; }
  #hmTopHeader .hm-top-rsorgula { display: inline-flex !important; flex: 0 0 auto; width: auto; max-width: max-content; order: 5; padding:5px 9px; font-size:11px; }
}



/* === Hide original top menus — moved to #hmTopHeader === */
#header-pc ul.topMenu,
#header-pc ul.headerMenu,
#header .topMenu,
#header .headerMenu { display: none !important; }

/* === Unified footer (injected) === */
#hmTopFooter {
  margin-top: 40px;
  background: #0b3d70;
  color: #e6eef5;
  font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
}
#hmTopFooter .hm-foot-inner {
  max-width: 1170px;
  margin: 0 auto;
  padding: 32px 18px 18px;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: space-between;
  align-items: flex-start;
}
#hmTopFooter .hm-foot-brand { max-width: 340px; }
#hmTopFooter .hm-foot-logo {
  display: inline-block;
  color: #fff !important;
  font-weight: 800;
  font-size: 22px;
  text-decoration: none;
  letter-spacing: -0.5px;
}
#hmTopFooter .hm-foot-tag {
  margin: 8px 0 0;
  font-size: 13px;
  color: #b9cde0;
  line-height: 1.5;
}
#hmTopFooter .hm-foot-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 18px;
  justify-content: flex-end;
  max-width: 600px;
}
#hmTopFooter .hm-foot-nav a {
  color: #e6eef5;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  padding: 4px 0;
  transition: color .15s;
}
#hmTopFooter .hm-foot-nav a:hover { color: #ffd166; }
#hmTopFooter .hm-foot-copy {
  border-top: 1px solid rgba(255,255,255,.12);
  padding: 14px 18px;
  text-align: center;
  font-size: 12px;
  color: #b9cde0;
  max-width: 1170px;
  margin: 0 auto;
}
@media (max-width: 640px) {
  #hmTopFooter .hm-foot-inner { flex-direction: column; align-items: flex-start; padding: 22px 14px 14px; }
  #hmTopFooter .hm-foot-nav { justify-content: flex-start; }
}

/* Hide any leftover legacy footers that escape JS removal */
body > .footer, body > .footer2 { display: none !important; }

/* ===== Back to home floating button (sub-pages only) ===== */
#hmBackHome{
  position:fixed; left:20px; bottom:24px; z-index:9999;
  display:inline-flex; align-items:center; gap:8px;
  background:#0b3d70; color:#fff !important; text-decoration:none;
  padding:11px 18px; border-radius:999px; font-size:14px; font-weight:600;
  box-shadow:0 6px 20px rgba(11,61,112,.35);
  transition:transform .15s ease, box-shadow .2s ease, background .2s ease;
}
#hmBackHome:hover{ background:#0a4f8f; transform:translateY(-2px); box-shadow:0 10px 26px rgba(11,61,112,.45); color:#fff !important; }
#hmBackHome i{ font-size:13px; }
@media(max-width:600px){ #hmBackHome{ left:12px; bottom:14px; padding:10px 14px; font-size:13px; } }

/* === Header locale picker (country / lang / currency) === */
#hmTopHeader .hm-locale { display:inline-flex; align-items:center; gap:6px; margin-left:10px; padding-left:10px; border-left:1px solid #e6eef5; position:relative; }
#hmTopHeader .hm-locale-btn {
  display:inline-flex; align-items:center; gap:6px;
  background:#f5f7fa; border:1px solid #e3e7ee; color:#0b3d70;
  font-weight:600; font-size:13px; padding:6px 10px;
  border-radius:20px; cursor:pointer; transition:background .15s, border-color .15s;
  font-family:inherit;
}
#hmTopHeader .hm-locale-btn:hover { background:#e9f0f7; border-color:#cdd6e0; }
#hmTopHeader .hm-locale-btn .hm-flag { font-size:15px; line-height:1; }
#hmTopHeader .hm-locale-btn .hm-locale-caret { font-size:10px; opacity:.7; }
.hm-locale-dd {
  position:absolute; top:calc(100% + 6px); right:0;
  background:#fff; border:1px solid #e3e7ee; border-radius:10px;
  box-shadow:0 12px 28px rgba(11,61,112,.15);
  min-width:200px; padding:6px; z-index:10000;
  max-height:320px; overflow:auto;
}
.hm-locale-dd-item {
  display:block; width:100%; text-align:left;
  background:transparent; border:0; padding:8px 12px;
  border-radius:6px; font-size:13px; color:#0b3d70; cursor:pointer;
  font-family:inherit;
}
.hm-locale-dd-item:hover { background:#f0f7fc; }
.hm-locale-dd-item .hm-flag { font-size:15px; margin-right:6px; }
.hm-locale-dd-item.active { background:#0b3d70; color:#fff; }
.hm-locale-dd.hm-locale-dd-double { display:flex; gap:8px; min-width:380px; max-height:360px; padding:10px; }
.hm-locale-dd.hm-locale-dd-double .hm-dd-col { flex:1; min-width:0; overflow:auto; max-height:340px; }
.hm-locale-dd.hm-locale-dd-double .hm-dd-col + .hm-dd-col { border-left:1px solid #eef3f8; padding-left:8px; }
.hm-locale-dd.hm-locale-dd-double .hm-dd-h { font-size:11px; letter-spacing:1.5px; text-transform:uppercase; color:#6b7785; padding:4px 8px 6px; font-weight:700; }
@media (max-width:520px){
  .hm-locale-dd.hm-locale-dd-double { min-width:300px; }
}

@media (max-width: 640px) {
  #hmTopHeader .hm-locale { margin-left:4px; padding-left:6px; gap:3px; }
  #hmTopHeader .hm-locale-btn { padding:5px 8px; font-size:11px; }
  #hmTopHeader .hm-locale-btn .hm-locale-text { display:none; }
  #hmTopHeader .hm-locale-btn[data-locale="lang"] .hm-locale-text,
  #hmTopHeader .hm-locale-btn[data-locale="currency"] .hm-locale-text { display:inline; }
}

/* === Tesisinizi Kaydedin → hero biraz aşağı === */
.hm-login-wrap { margin-top: 60px !important; }
.hm-form-wrap { margin-top: 36px !important; }
@media (max-width: 600px) {
  .hm-login-wrap { margin-top: 28px !important; }
}

/* === Single-button date trigger === */
.hm-date-hidden{ position:absolute !important; top:0 !important; left:0 !important; width:1px !important; height:1px !important; opacity:0 !important; clip:rect(0,0,0,0) !important; white-space:nowrap !important; overflow:hidden !important; }


#hmDateBtn{ font-weight:600; color:#0c2340; }

/* === Larger 2-month datepicker === */
.ui-datepicker.ui-datepicker-multi{ font-size:17px !important; padding:18px !important; min-width:720px !important; }
.ui-datepicker-multi-2 .ui-datepicker-group{ width:50% !important; padding:16px 20px !important; }
.ui-datepicker table{ font-size:16px !important; }
.ui-datepicker td a, .ui-datepicker td span{ padding:12px 0 !important; font-size:15px !important; }
.ui-datepicker .ui-datepicker-title{ font-size:18px !important; }
@media (max-width:780px){
  .ui-datepicker.ui-datepicker-multi{ min-width:0 !important; padding:14px !important; }
  .ui-datepicker-multi-2 .ui-datepicker-group{ width:100% !important; padding:10px 12px !important; }
}

/* Country flag emoji font (Windows desktop fallback) */
@font-face {
  font-family: 'Twemoji Country Flags';
  unicode-range: U+1F1E6-1F1FF, U+1F3F4, U+E0062-E007F;
  src: url('https://cdn.jsdelivr.net/npm/country-flag-emoji-polyfill@0.1.8/dist/TwemojiCountryFlags.woff2') format('woff2');
  font-display: swap;
}
.hm-flag, #hmTopHeader .hm-flag, .hm-locale-dd-item .hm-flag {
  font-family: 'Twemoji Country Flags', 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif !important;
}

/* Country flag-only badge button */
#hmTopHeader .hm-locale-flag-btn{
  padding:4px 8px; border-radius:999px; display:inline-flex; align-items:center; gap:4px;
  background:transparent; border:1px solid rgba(255,255,255,.25);
}
#hmTopHeader .hm-locale-flag-btn .hm-flag{ font-size:20px; line-height:1; }
#hmTopHeader .hm-locale-flag-btn .hm-locale-caret{ font-size:11px; opacity:.8; }

@media (prefers-color-scheme: dark) {
  #header-pc .logoTagline,
  .hm-top-tagline { color: #93c5fd; }
}


/* === hm2 redesigned hero search — compact (-25%) === */
.hm2-form { font-family: 'Outfit','Inter',sans-serif; width:100%; max-width:1100px; margin:0 auto; }
.hm2-pill { background:#fff; border:1px solid #eef1f5; border-radius:999px; box-shadow:0 14px 36px rgba(11,61,112,.08); display:flex; align-items:stretch; padding:6px; position:relative; }
.hm2-cell { display:flex; align-items:center; gap:10px; padding:7px 16px; cursor:pointer; transition:background .18s; border-radius:999px; flex:1; min-width:0; position:relative; }
.hm2-cell:hover { background:#f7f9fc; }
.hm2-cell-dest { flex:1.4; }
.hm2-cell-date { flex:0 0 140px; }
.hm2-cell-guests { flex:1.6; }
.hm2-sep { width:1px; background:#eef1f5; margin:6px 0; flex-shrink:0; }
.hm2-icon { color:#4a90d9; display:flex; align-items:center; flex-shrink:0; transition:transform .2s; }
.hm2-icon svg { width:18px; height:18px; }
.hm2-cell:hover .hm2-icon { transform:scale(1.06); }
.hm2-body { display:flex; flex-direction:column; min-width:0; flex:1; }
.hm2-label { font-size:10px; font-weight:700; color:#0b3d70; text-transform:uppercase; letter-spacing:.06em; margin-bottom:2px; }
.hm2-input, .hm2-value-btn { background:transparent; border:0; outline:0; padding:0; color:#0b3d70; font-weight:600; font-size:14px; font-family:inherit; cursor:pointer; text-align:left; width:100%; min-width:0; }
.hm2-input::placeholder { color:#9aa6b8; font-weight:500; }
.hm2-input:focus { outline:0; box-shadow:none; }
.hm2-cta { background:#FFD700; color:#0c2340; border:0; border-radius:999px; padding:0 24px; margin-left:14px; font-weight:700; font-size:13px; font-family:inherit; display:inline-flex; align-items:center; gap:6px; cursor:pointer; box-shadow:0 8px 18px rgba(255,215,0,.35); transition:background .15s, transform .1s; white-space:nowrap; }
.hm2-cta:hover { background:#E6C200; }
.hm2-cta:active { transform:scale(.97); }

/* Popover */
.hm2-panel { position:absolute; right:0; top:calc(100% + 10px); width:300px; background:#fff; border:1px solid #eef1f5; border-radius:20px; box-shadow:0 22px 48px rgba(11,61,112,.13); padding:16px; z-index:200; }
.hm2-panel[hidden] { display:none !important; }
.hm2-stepper { display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
.hm2-stepper-title { margin:0; color:#0b3d70; font-weight:600; font-size:13px; }
.hm2-stepper-sub { margin:2px 0 0; color:#7b8aa0; font-size:10px; }
.hm2-stepper-ctrl { display:flex; align-items:center; gap:10px; }
.hm2-step-btn { width:28px; height:28px; border-radius:50%; border:1px solid #e3e8ef; background:#fff; color:#0b3d70; font-size:16px; font-weight:600; line-height:1; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; transition:all .15s; }
.hm2-step-btn:hover:not(:disabled) { background:#f4f7fb; border-color:#4a90d9; color:#4a90d9; }
.hm2-step-btn:disabled { opacity:.35; cursor:not-allowed; }
.hm2-step-val { min-width:16px; text-align:center; font-weight:700; color:#0b3d70; font-size:14px; }
.hm2-hidden-select { position:absolute; opacity:0; pointer-events:none; width:0; height:0; }
.hm2-ages { padding-top:10px; border-top:1px solid #eef1f5; margin-top:4px; }
.hm2-ages[hidden] { display:none !important; }
.hm2-ages-title { font-size:10px; font-weight:700; color:#7b8aa0; text-transform:uppercase; letter-spacing:.1em; margin:0 0 8px; }
.hm2-ages-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.hm2-age-item { display:flex; flex-direction:column; gap:3px; }
.hm2-age-item label { font-size:11px; font-weight:600; color:#0b3d70; }
.hm2-age-item select { background:#f5f7fa; border:1px solid #eef1f5; border-radius:8px; padding:6px 8px; font-size:12px; color:#0b3d70; font-family:inherit; outline:0; }
.hm2-age-item select:focus { border-color:#4a90d9; box-shadow:0 0 0 2px rgba(74,144,217,.18); }
.hm2-apply { width:100%; background:#0b3d70; color:#fff; border:0; border-radius:10px; padding:10px; font-weight:700; font-size:13px; font-family:inherit; cursor:pointer; margin-top:10px; transition:background .15s; }
.hm2-apply:hover { background:#082a4d; }

@media (max-width: 900px) {
  .hm2-pill { flex-direction:row; flex-wrap:wrap; border-radius:16px; padding:6px; gap:6px; }
  .hm2-cell { border-radius:12px; padding:8px 12px; gap:8px; flex:1 1 45%; min-width:120px; }
  .hm2-cell-dest { flex:1 1 100%; }
  .hm2-cell-date { flex:1 1 calc(50% - 6px); }
  .hm2-cell-guests { width:100%; flex:none; }
  .hm2-sep { display:none; }
  .hm2-cta { margin:8px 0 0; padding:12px; justify-content:center; font-size:14px; width:100%; display:flex; order:99; border-radius:12px; flex:none; }
  .hm2-cell .hm2-icon svg { width:16px; height:16px; }
  .hm2-panel { position:relative; width:100%; right:auto; top:auto; margin-top:8px; padding:12px; border-radius:16px; }
  .hm2-stepper { margin-bottom:10px; }
  .hm2-stepper-title { font-size:12px; }
  .hm2-step-btn { width:26px; height:26px; font-size:14px; }
  .hm2-step-val { font-size:13px; }
  .hm2-apply { padding:8px; font-size:13px; margin-top:8px; }
}
.hm2-form input.hm2-input { border:0 !important; background:transparent !important; box-shadow:none !important; padding:0 !important; height:auto !important; line-height:1.3 !important; }
.hm2-form input.hm2-input:focus { border:0 !important; outline:0 !important; box-shadow:none !important; }

/* ===== Save / favorite hotel button (cards & detail) ===== */
.hm-save-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 10px;
  border: 1px solid #e5e7eb;
  border-radius: 999px;
  background: #fff;
  color: #4b5563;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  line-height: 1;
  transition: all .15s ease;
  white-space: nowrap;
}
.hm-save-btn:hover {
  border-color: #fda4af;
  color: #e11d48;
  background: #fff1f2;
}
.hm-save-btn.is-saved {
  color: #e11d48;
  border-color: #fecdd3;
  background: #fff1f2;
}
.hm-save-btn.is-saved:hover {
  color: #be123c;
  border-color: #fda4af;
  background: #ffe4e6;
}
.hm-save-btn i { font-size: 13px; }
.hm-save-btn .hm-save-label { display: inline; }

/* Card header row with save button aligned to the right */
.hm-card-head,
.d-hcard .head-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin: 0 0 2px;
}
.hm-card-head .hm-hcard-name,
.d-hcard .head-row .name {
  flex: 1;
  min-width: 0;
  margin: 0 !important;
}

@media (max-width: 600px) {
  .hm-save-btn .hm-save-label { display: none; }
  .hm-save-btn { padding: 6px; }
}