/* Otel 5 — Jüpiter teması */
.tema-hotel5 {
  --kap: 1140px;
  --bas-y: 74px;
  --h5-gri: #f6f7fb;
  --h5-cizgi: #e3e6ee;
  --h5-metin: #828da5;
  --h5-alt-koyu: #262a33;
  color: #5c6680;
}
.tema-hotel5 h1, .tema-hotel5 h2, .tema-hotel5 h3, .tema-hotel5 h4 { font-weight: 700; color: var(--koyu); }
.tema-hotel5 :is(.bolum--koyu, .sayac-bant, .cta-bant, .yan-cta, .kart--one-cikan) :is(h2, h3) { color: #fff; }
.tema-hotel5 .manset__baslik { color: #fff; }
.tema-hotel5 .btn { font-family: var(--baslik-yazi); font-weight: 700; font-size: .8rem; letter-spacing: .02em; text-transform: uppercase; }
.tema-hotel5 .btn--vurgu { --b: var(--vurgu); --y: #fff; }
.tema-hotel5 .btn--vurgu:hover { --b: var(--ana); --y: #fff; }
.tema-hotel5 .bolum { padding: clamp(60px, 8vw, 110px) 0; }

/* Bölüm başlığı: solda başlık + turuncu çizgi, sağda "Tümünü Göster" */
.h5-bb { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 14px 30px; margin-bottom: clamp(30px, 4.5vw, 54px); }
.h5-bb h2 { position: relative; margin: 0; padding-bottom: 14px; color: var(--ana); font-size: clamp(1.4rem, 2.6vw, 1.9rem); font-weight: 900; line-height: 1.2; }
.h5-bb h2::after { content: ""; position: absolute; left: 0; bottom: 0; width: 70px; height: 2px; background: var(--vurgu); }
.h5-bb p { margin: 12px 0 0; max-width: 620px; color: var(--h5-metin); }
.h5-tumu { display: inline-flex; align-items: center; gap: 6px; padding-bottom: 4px; border-bottom: 1px solid currentColor; color: var(--vurgu); font: 700 .8rem/1 var(--baslik-yazi); }
.h5-tumu .ik { width: 15px; height: 15px; transition: transform var(--gecis); }
.h5-tumu:hover .ik { transform: translateX(4px); }

/* Başlık: üst şerit + menü (ana sayfada manşetin üstünde şeffaf) */
.tema-hotel5 header.h5-bas { background: var(--koyu); border: 0; backdrop-filter: none; box-shadow: none; }
.tema-hotel5 header.h5-bas.kaydi { box-shadow: 0 10px 30px -18px rgb(0 0 0 / .6); }
.sayfa-anasayfa.tema-hotel5 header.h5-bas { position: fixed; left: 0; right: 0; top: 0; background: transparent; transition: background var(--gecis), box-shadow var(--gecis); }
.sayfa-anasayfa.tema-hotel5 header.h5-bas.kaydi { background: var(--koyu); }
.h5-ustbar { border-bottom: 1px solid rgb(255 255 255 / .12); background: rgb(3 3 41 / .35); color: rgb(255 255 255 / .85); font-size: .76rem; transition: margin var(--gecis); }
.h5-ustbar__ic { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 36px; }
.h5-ustbar__metin { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.h5-ustbar__sag { display: flex; align-items: center; gap: 20px; }
.h5-ustbar a { display: inline-flex; align-items: center; gap: 7px; color: rgb(255 255 255 / .9); }
.h5-ustbar a:hover { color: #fff; }
.h5-ustbar .ik { width: 13px; height: 13px; }
.h5-ustbar .dil-sec a { color: rgb(255 255 255 / .8); }
header.h5-bas.kaydi .h5-ustbar { margin-top: -37px; }
.h5-bas__ic { display: flex; align-items: center; gap: 26px; height: var(--bas-y); }
.h5-logo img { max-height: 46px; max-width: 200px; }
header.h5-bas .nav { flex: 1 1 auto; margin: 0; justify-content: flex-end; }
header.h5-bas .nav__link { height: var(--bas-y); padding: 0 13px; color: #fff; font: 700 .76rem/1 var(--baslik-yazi); letter-spacing: .02em; text-transform: uppercase; }
header.h5-bas .nav__link::after { left: 13px; right: 13px; bottom: 22px; background: var(--vurgu); }
header.h5-bas .nav__link:hover, header.h5-bas .nav__link.aktif, header.h5-bas .nav__oge.acik > .nav__link { color: #fff; }
header.h5-bas .acilir { border: 0; border-top: 3px solid var(--vurgu); padding: 6px 0; min-width: 220px; }
header.h5-bas .acilir a { padding: 10px 20px; font-size: .86rem; }
header.h5-bas .acilir a:hover { color: var(--ana); }
.h5-bas__sag { display: flex; align-items: center; gap: 6px; }
.h5-bas__sag .ikon-btn { color: #fff; }
.h5-bas__sag .ikon-btn:hover { background: rgb(255 255 255 / .12); }

/* Manşet + rezervasyon çubuğu */
.tema-hotel5 .h5-manset .manset__slaytlar { min-height: clamp(560px, 92svh, 860px); }
.tema-hotel5 .manset__gorsel::after { background: linear-gradient(180deg, rgb(3 3 41 / .35), rgb(3 3 41 / .15) 40%, rgb(3 3 41 / .35)); }
.tema-hotel5 .manset__ic { display: flex; justify-content: center; padding: 150px 0 140px; }
.tema-hotel5 .h5-manset--formlu .manset__ic { padding-bottom: 220px; }
.tema-hotel5 .manset__metin { max-width: 820px; text-align: center; }
.tema-hotel5 .manset__baslik { font-size: clamp(2rem, 5vw, 3.6rem); font-weight: 900; line-height: 1.1; }
.tema-hotel5 .manset__metin p { margin-inline: auto; font-size: 1.05rem; }
.tema-hotel5 .manset__butonlar { justify-content: center; }
.tema-hotel5 .manset__etiket { padding: 0; border: 0; background: none; backdrop-filter: none; color: var(--vurgu); }
.tema-hotel5 .manset__etiket::before { display: none; }
.tema-hotel5 .manset__kontrol { top: 50%; bottom: auto; left: auto; right: 22px; transform: translateY(-50%); }
.tema-hotel5 .manset__oklar { display: none; }
.tema-hotel5 .manset__noktalar { flex-direction: column; gap: 10px; }
.tema-hotel5 .manset__noktalar button { width: 10px; }
.tema-hotel5 .manset__noktalar button span { display: none; }
.tema-hotel5 .manset__noktalar i { width: 10px; height: 10px; border-radius: 50%; }
.h5-arama { position: absolute; left: 0; right: 0; bottom: 40px; z-index: 4; }
.h5-arama__form { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; padding: 26px; border-radius: 4px; background: #fff; box-shadow: 0 24px 50px -30px rgb(0 0 0 / .5); }
.h5-arama__alan { flex: 1 1 150px; min-width: 0; }
.h5-arama__alan :is(input, select) { width: 100%; height: 48px; padding: 0 14px; border: 1px solid var(--h5-cizgi); border-radius: 3px; background: #fff; color: var(--koyu); font: 400 .86rem var(--baslik-yazi); }
.h5-arama__alan :is(input, select):focus { outline: 2px solid var(--ana); outline-offset: -1px; }
.h5-arama__btn { flex: 1 1 170px; min-height: 48px; justify-content: center; border-radius: 3px; }

/* Oda kartları */
.h5-odalar__liste { gap: 30px; }
.h5-oda { display: flex; flex-direction: column; height: 100%; border: 1px solid var(--h5-cizgi); background: #fff; transition: box-shadow var(--gecis), transform var(--gecis); }
.h5-oda:hover { transform: translateY(-4px); box-shadow: 0 20px 40px -24px rgb(3 3 41 / .4); }
.h5-oda__gorsel { display: block; aspect-ratio: 4 / 3.2; overflow: hidden; background: var(--h5-gri); }
.h5-oda__gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.h5-oda:hover .h5-oda__gorsel img { transform: scale(1.05); }
.h5-oda__govde { position: relative; flex: 1; padding: 30px 20px 18px; }
.h5-oda__fiyat { position: absolute; left: 14px; top: -18px; padding: 8px 14px; border-radius: 3px; background: var(--vurgu); color: #fff; font: 700 .8rem/1.2 var(--baslik-yazi); }
.h5-oda h3 { margin: 0; color: var(--ana); font-size: 1.02rem; line-height: 1.35; }
.h5-oda h3 a:hover { color: var(--vurgu); }
.h5-oda__ok { display: grid; place-items: center; height: 42px; border-top: 1px solid var(--h5-cizgi); color: var(--h5-metin); transition: color var(--gecis), background var(--gecis); }
.h5-oda__ok .ik { width: 16px; height: 16px; }
.h5-oda__ok:hover { background: var(--ana); color: #fff; }

/* Çağrı bandı */
.h5-cta { position: relative; padding: clamp(80px, 11vw, 130px) 0; background: var(--ana); color: #fff; text-align: center; overflow: hidden; isolation: isolate; }
.h5-cta--gorsel::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgb(3 3 41 / .7), rgb(6 141 199 / .55)); }
.h5-cta__arka { position: absolute; inset: 0; z-index: -2; }
.h5-cta__arka img { width: 100%; height: 100%; object-fit: cover; }
.h5-cta__ic { display: grid; justify-items: center; gap: 16px; max-width: 820px; }
.tema-hotel5 .h5-cta h2 { margin: 0; color: #fff; font-size: clamp(1.5rem, 3.4vw, 2.4rem); font-weight: 900; line-height: 1.25; }
.h5-cta p { margin: 0; color: rgb(255 255 255 / .85); }
.h5-cta__btn { display: inline-flex; align-items: center; min-height: 46px; margin-top: 14px; padding: 0 32px; border-radius: 999px; background: #fff; color: var(--vurgu); font: 700 .8rem/1 var(--baslik-yazi); text-transform: uppercase; transition: background var(--gecis), color var(--gecis); }
.h5-cta__btn:hover { background: var(--vurgu); color: #fff; }

/* Bilgi kutuları */
.h5-bilgi__izgara { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 34px 30px; }
.h5-bilgi__oge { display: grid; align-content: start; gap: 12px; }
.h5-bilgi__ikon { display: grid; place-items: center; width: 64px; height: 64px; border: 4px solid var(--vurgu); border-radius: 50%; color: var(--vurgu); transition: background var(--gecis), color var(--gecis); }
.h5-bilgi__ikon .ik { width: 28px; height: 28px; }
.h5-bilgi__oge:hover .h5-bilgi__ikon { background: var(--vurgu); color: #fff; }
.h5-bilgi__oge h3 { margin: 8px 0 0; color: var(--ana); font-size: 1rem; }
.h5-bilgi__oge p { margin: 0; color: var(--h5-metin); font-size: .84rem; line-height: 1.7; }

/* Albümler */
.h5-albumler { background: var(--h5-gri); }
.h5-albumler__liste { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.h5-album { position: relative; display: block; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 3px; background: var(--h5-cizgi); }
.h5-album img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.h5-album:hover img { transform: scale(1.06); }
.h5-album strong { position: absolute; left: 0; right: 0; bottom: 0; padding: 40px 16px 14px; background: linear-gradient(180deg, transparent, rgb(3 3 41 / .65)); color: #fff; font: 700 1rem/1.3 var(--baslik-yazi); }

/* Blog */
.h5-bloglar__liste { gap: 30px; }
.h5-blog { display: grid; align-content: start; gap: 6px; }
.h5-blog__gorsel { display: block; aspect-ratio: 16 / 9; margin-bottom: 8px; overflow: hidden; border-radius: 3px; background: var(--h5-gri); }
.h5-blog__gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.h5-blog:hover .h5-blog__gorsel img { transform: scale(1.05); }
.h5-blog h3 { margin: 0; color: var(--ana); font-size: 1rem; line-height: 1.35; }
.h5-blog h3 a:hover { color: var(--vurgu); }
.h5-blog time { color: var(--koyu); font: 700 .78rem/1 var(--baslik-yazi); }
.h5-blog p { margin: 4px 0 0; color: var(--h5-metin); font-size: .86rem; line-height: 1.65; }

/* Logo şeridi */
.h5-marka { padding: 30px 0 50px; }
.h5-marka .kart--referans { aspect-ratio: auto; height: 100px; padding: 6px 14px; background: none; border: 0; box-shadow: none; }
.h5-marka .kart--referans img { max-height: 90px; filter: none; opacity: 1; }
.h5-marka__liste { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-around; gap: 20px; }

/* İç sayfa başlığı */
.h5-sayfa-basi { position: relative; padding: clamp(50px, 7vw, 90px) 0; background: linear-gradient(120deg, var(--koyu), #0b2b5c); color: #fff; overflow: hidden; isolation: isolate; }
.h5-sayfa-basi--gorsel::before { content: ""; position: absolute; inset: 0; z-index: -1; background: rgb(3 3 41 / .6); }
.h5-sayfa-basi__arka { position: absolute; inset: 0; z-index: -2; }
.h5-sayfa-basi__arka img { width: 100%; height: 100%; object-fit: cover; }
.h5-sayfa-basi--kompakt { padding: 18px 0; }
.h5-sayfa-basi__ic { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 30px; }
.h5-sayfa-basi h1 { margin: 0; color: #fff; font-size: clamp(1.6rem, 3.4vw, 2.4rem); font-weight: 900; }
.h5-sayfa-basi p { max-width: 640px; margin: 10px 0 0; color: rgb(255 255 255 / .8); }
.h5-kirinti ol { display: flex; flex-wrap: wrap; gap: 4px 10px; margin: 0; font-size: .84rem; }
.h5-kirinti li { display: flex; align-items: center; gap: 10px; color: rgb(255 255 255 / .7); }
.h5-kirinti li + li::before { content: "/"; color: var(--vurgu); }
.h5-kirinti a:hover { color: #fff; }
.h5-kirinti [aria-current] { color: #fff; }

/* Altbilgi */
.tema-hotel5 .h5-alt { padding: 0 0 40px; background: #fff; color: #fff; border: 0; }
.h5-alt__cta { display: flex; align-items: center; justify-content: space-between; gap: 18px 40px; margin: 10px 0 40px; padding: 26px 30px; border-radius: 4px; background: var(--koyu); }
.h5-alt__cta h2 { margin: 0; color: #fff; font-size: clamp(1.1rem, 2vw, 1.4rem); }
.h5-alt__cta p { margin: 6px 0 0; color: rgb(255 255 255 / .75); }
.h5-alt__ust { display: grid; grid-template-columns: 4fr 8fr; background: var(--ana); }
.h5-alt__ust--tek { grid-template-columns: 1fr; }
.h5-alt__gorsel { display: block; min-height: 100%; background: rgb(0 0 0 / .08); }
.h5-alt__gorsel img { width: 100%; height: 100%; object-fit: cover; }
.h5-alt__menu { padding: clamp(30px, 5vw, 56px) clamp(24px, 4vw, 50px); }
.h5-alt__marka { margin-bottom: 26px; }
.h5-alt__marka .logo img { max-height: 50px; max-width: 220px; }
.h5-alt__marka p { margin: 14px 0 0; color: rgb(255 255 255 / .85); font-size: .88rem; line-height: 1.7; }
.tema-hotel5 .h5-alt h3 { margin: 0 0 26px; color: #fff; font-size: 1.15rem; }
.h5-alt h3::after { display: none; }
.h5-alt__menu ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px 24px; margin: 0; padding: 0; list-style: none; }
.h5-alt__menu a { color: #eee; font-size: .95rem; }
.h5-alt__menu a:hover { color: #fff; text-decoration: underline; }
.h5-alt__alt { display: grid; grid-template-columns: 4fr 3fr 5fr; align-items: center; gap: 24px 30px; padding: 32px clamp(20px, 3vw, 30px); background: var(--h5-alt-koyu); }
.h5-alt__telif p { margin: 0; font: 700 .86rem/1.6 var(--baslik-yazi); }
.h5-alt__telif ul { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 8px 0 0; padding: 0; list-style: none; font-size: .78rem; }
.h5-alt__telif a { color: rgb(255 255 255 / .75); }
.h5-alt__sosyal { display: flex; justify-content: center; gap: 10px; padding: 0 20px; border-inline: 1px solid rgb(255 255 255 / .12); min-height: 60px; align-items: center; }
.h5-alt__sosyal a { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: #fff; color: var(--h5-alt-koyu); transition: background var(--gecis), color var(--gecis); }
.h5-alt__sosyal a:hover { background: var(--vurgu); color: #fff; }
.h5-alt__sosyal .ik { width: 14px; height: 14px; }
.tema-hotel5 .h5-alt__iletisim h3 { margin: 0 0 12px; font-size: 1rem; text-transform: uppercase; }
.h5-alt__iletisim p { display: flex; gap: 10px; margin: 0 0 6px; color: rgb(255 255 255 / .7); font-size: .86rem; line-height: 1.6; }
.h5-alt__iletisim .ik { flex: none; width: 15px; height: 15px; margin-top: 3px; color: var(--vurgu); }
.h5-alt__iletisim a:hover { color: #fff; }

/* Duyarlı */
@media (max-width: 1100px) {
  header.h5-bas .nav { display: none; }
  .h5-bas__sag { margin-left: auto; }
}
@media (max-width: 992px) {
  .h5-bilgi__izgara, .h5-albumler__liste { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .h5-alt__ust { grid-template-columns: 1fr; }
  .h5-alt__gorsel { max-height: 360px; }
  .h5-alt__alt { grid-template-columns: 1fr 1fr; }
  .h5-alt__sosyal { border: 0; justify-content: flex-end; padding: 0; }
  .h5-alt__iletisim { grid-column: 1 / -1; }
}
@media (max-width: 767px) {
  .tema-hotel5 { --bas-y: 64px; }
  .h5-ustbar__metin { display: none; }
  .h5-ustbar__ic { justify-content: flex-end; }
  .h5-logo img { max-height: 38px; max-width: 160px; }
  .tema-hotel5 .manset__ic { padding: 120px 0 90px; }
  .tema-hotel5 .h5-manset--formlu .manset__ic { padding-bottom: 60px; }
  .tema-hotel5 .h5-manset--formlu .manset__slaytlar { min-height: 520px; }
  .h5-arama { position: relative; bottom: auto; margin-top: -40px; }
  .h5-arama__form { padding: 16px; gap: 10px; }
  .h5-arama__alan { flex-basis: calc(50% - 5px); }
  .h5-arama__btn { flex-basis: 100%; }
  .h5-bilgi__izgara { grid-template-columns: 1fr; }
  .h5-albumler__liste { gap: 14px; }
  .h5-alt__menu ul { grid-template-columns: 1fr 1fr; }
  .h5-alt__alt { grid-template-columns: 1fr; text-align: center; }
  .h5-alt__sosyal { justify-content: center; }
  .h5-alt__iletisim p { justify-content: center; }
}