:root {
  --bg: #202227;
  --panel: #202227;
  --line: #26384a;
  --muted: #202227;
  --red: #ef2731;
  --green: #30d69a;
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  padding-left: 188px;
  background: var(--bg);
  color: #fff;
  font:
    16px/1.5 Inter,
    Arial,
    sans-serif;
}
a {
  color: inherit;
}
.side {
  position: fixed;
  inset: 0 auto 0 0;
  width: 188px;
  padding: 0 7px 14px;
  background: #202227;
  border-right: 1px solid #252b36;
  overflow-y: auto;
  z-index: 30;
}
.side-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 78px;
  padding: 14px 13px;
  border-bottom: 1px solid #272d38;
  text-decoration: none;
}
.tri {
  width: 19px;
  height: 19px;
  background: #202227;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
}
.side-brand strong {
  display: block;
  font-size: 15px;
}
.side-brand small {
  display: block;
  color: #8a909e;
  font-size: 8px;
}
.group {
  padding-top: 13px;
  border-bottom: 1px solid #252b35;
}
.group-title {
  display: flex;
  justify-content: space-between;
  padding: 0 9px 9px;
  color: #69717e;
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}
.menu {
  display: grid;
  gap: 2px;
  padding-bottom: 11px;
}
.menu a {
  display: flex;
  gap: 10px;
  align-items: center;
  min-height: 37px;
  padding: 8px 11px;
  color: #b7bdc9;
  text-decoration: none;
  font-size: 11px;
  font-weight: 780;
}
.menu a:hover {
  background: #202227;
  color: #fff;
}
.menu a.active {
  background: #202227;
  color: #bca8ff;
}
.menu i {
  width: 16px;
  text-align: center;
  font-style: normal;
}
.cyan {
  color: #00d5ff;
}
.yellow {
  color: #ffd21c;
}
.red {
  color: #ff3d55;
}
.top {
  height: 70px;
  padding: 0 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #ffffff13;
  background: #202227eb;
  position: sticky;
  top: 0;
  z-index: 20;
}
.top img {
  width: 60px;
  height: 38px;
  object-fit: contain;
}
.back {
  color: #aebdca;
  text-decoration: none;
  font-size: 13px;
}
.wrap {
  max-width: 1240px;
  margin: auto;
  padding: 25px 32px 80px;
}
.crumb {
  color: #8192a4;
  font-size: 12px;
  margin-bottom: 18px;
}
.crumb a {
  text-decoration: none;
}
.country-hero {
  min-height: 430px;
  border-radius: 28px;
  overflow: hidden;
  position: relative;
  background: url('../../anex-hero.webp') center/cover;
}
.country-hero:before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #202227f2, #2022279b 50%, #20222724);
}
.hero-copy {
  position: relative;
  z-index: 1;
  padding: 55px;
  max-width: 760px;
}
.tag {
  color: #ff6b73;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.7px;
  text-transform: uppercase;
}
.hero-copy h1 {
  font-size: clamp(45px, 6vw, 72px);
  line-height: 1;
  margin: 12px 0 16px;
}
.hero-copy p {
  max-width: 590px;
  color: #c4d0db;
  font-size: 18px;
}
.numbers {
  display: flex;
  gap: 30px;
  margin: 27px 0;
}
.numbers strong {
  display: block;
  font-size: 23px;
}
.numbers span {
  color: #98a8b8;
  font-size: 12px;
}
.actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.btn {
  border: 1px solid #ffffff24;
  border-radius: 13px;
  padding: 13px 20px;
  background: #ffffff10;
  color: #fff;
  font-weight: 850;
  cursor: pointer;
}
.btn.primary {
  border-color: transparent;
  background: linear-gradient(135deg, #ff424c, #d81822);
}
.tabs {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  margin: 26px 0 20px;
  padding-bottom: 3px;
}
.tab {
  white-space: nowrap;
  padding: 11px 15px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #202227;
  color: #aab7c4;
  font-weight: 800;
  cursor: pointer;
}
.tab.active {
  background: #fff;
  color: #111b25;
  border-color: #fff;
}
.panel {
  display: none;
}
.panel.active {
  display: block;
}
.section {
  margin-top: 35px;
}
.section-head {
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin-bottom: 18px;
}
.section h2 {
  margin: 0;
  font-size: 30px;
}
.section-head span {
  color: #8d9dad;
  font-size: 12px;
}
.tour-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}
.tour {
  border: 1px solid var(--line);
  border-radius: 20px;
  overflow: hidden;
  background: var(--panel);
}
.tour-photo {
  height: 155px;
  background: url('../../anex-hero.webp') center/cover;
  position: relative;
}
.tour:nth-child(2) .tour-photo {
  background-position: 70% center;
}
.tour:nth-child(3) .tour-photo {
  background-image: url('../../post-turkey.webp');
}
.tour-photo span {
  position: absolute;
  top: 13px;
  left: 13px;
  padding: 6px 9px;
  border-radius: 9px;
  background: #e51f29;
  font-size: 11px;
  font-weight: 850;
}
.tour-body {
  padding: 17px;
}
.tour h3 {
  margin: 0 0 6px;
  font-size: 18px;
}
.tour p {
  margin: 0;
  color: #9dacbb;
  font-size: 12px;
}
.tour-meta {
  display: flex;
  justify-content: space-between;
  margin: 15px 0;
  padding-top: 13px;
  border-top: 1px solid #ffffff12;
  font-size: 12px;
}
.tour-price {
  font-size: 21px;
  font-weight: 900;
}
.info-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 13px;
}
.info {
  min-height: 155px;
  padding: 19px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: linear-gradient(145deg, #202227, #202227);
}
.info i {
  font-style: normal;
  font-size: 25px;
}
.info h3 {
  margin: 16px 0 5px;
  font-size: 16px;
}
.info p {
  margin: 0;
  color: #9cabb9;
  font-size: 12px;
}
.resort-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 13px;
}
.resort {
  min-height: 180px;
  padding: 20px;
  display: flex;
  align-items: end;
  border-radius: 18px;
  background:
    linear-gradient(0deg, #202227e8, transparent),
    url('../../anex-hero.webp') center/cover;
}
.resort strong {
  font-size: 20px;
}
.simple-card {
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: var(--panel);
  color: #c4ced8;
}
.simple-card h2 {
  color: #fff;
}
.notice {
  margin-top: 28px;
  padding: 23px;
  border: 1px solid #2b5b4a;
  border-radius: 18px;
  background: #202227;
}
.notice strong {
  color: #55e1aa;
}
.premium {
  margin: 14px 0;
  padding: 12px;
  border: 1px solid #55369c;
  border-radius: 13px;
  background: linear-gradient(145deg, #202227, #202227);
  font-size: 8px;
}
.premium b {
  color: #ffd52d;
}
.premium p {
  color: #d9d1ed;
}
.premium a {
  display: block;
  text-align: center;
  color: #ffd52d;
  text-decoration: none;
  background: #202227;
  border-radius: 7px;
  padding: 5px;
}
@media (max-width: 980px) {
  body {
    padding-left: 0;
  }
  .side {
    display: none;
  }
  .info-grid {
    grid-template-columns: 1fr 1fr;
  }
  .tour-grid,
  .resort-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 620px) {
  .wrap {
    padding: 18px 16px 60px;
  }
  .top {
    padding: 0 16px;
  }
  .hero-copy {
    padding: 35px 24px;
  }
  .numbers {
    gap: 18px;
    flex-wrap: wrap;
  }
  .tour-grid,
  .resort-grid,
  .info-grid {
    grid-template-columns: 1fr;
  }
  .country-hero {
    min-height: 520px;
  }
}
.hotel-toolbar {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 17px;
}
.hotel-filter {
  padding: 9px 13px;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: #202227;
  color: #b8c4d0;
  font-weight: 800;
  cursor: pointer;
}
.hotel-filter.active {
  background: #fff;
  color: #111b25;
}
.hotel-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.hotel-card {
  border: 1px solid var(--line);
  border-radius: 18px;
  overflow: hidden;
  background: var(--panel);
}
.hotel-photo {
  height: 145px;
  background:
    linear-gradient(0deg, #20222780, transparent),
    url('../../anex-hero.webp') center/cover;
  position: relative;
}
.hotel-card:nth-child(2n) .hotel-photo {
  background-image: linear-gradient(0deg, #20222780, transparent), url('../../post-turkey.webp');
}
.hotel-badge {
  position: absolute;
  top: 11px;
  left: 11px;
  padding: 5px 8px;
  border-radius: 8px;
  background: #eb2832;
  font-size: 10px;
  font-weight: 900;
}
.hotel-copy {
  padding: 15px;
}
.hotel-copy h3 {
  margin: 0 0 6px;
  font-size: 17px;
  line-height: 1.25;
}
.hotel-copy p {
  margin: 0;
  color: #8fa0b1;
  font-size: 12px;
}
.hotel-tags {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-top: 12px;
}
.hotel-tags span {
  padding: 5px 8px;
  border-radius: 8px;
  background: #ffffff08;
  color: #c7d1db;
  font-size: 10px;
}
.resort {
  transition: 0.2s;
}
.resort:hover,
.hotel-card:hover {
  transform: translateY(-3px);
  border-color: #4b6175;
}
@media (max-width: 980px) {
  .hotel-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 620px) {
  .hotel-grid {
    grid-template-columns: 1fr;
  }
}
.tour-search {
  margin: 24px 0 34px;
  padding: 20px;
  border: 1px solid #146083;
  border-radius: 24px;
  background:
    radial-gradient(circle at 85% 0, #20222733, transparent 35%),
    linear-gradient(145deg, #071827, #06111d);
  box-shadow: 0 18px 55px #0007;
}
.search-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.search-title h2 {
  margin: 0;
  font-size: 24px;
}
.search-title span {
  color: #46dfff;
  font-size: 12px;
}
.search-row {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 12px;
  padding: 15px 0;
  border-top: 1px solid #ffffff12;
}
.search-group {
  min-width: 0;
}
.search-group.wide {
  grid-column: span 2;
}
.search-label {
  display: block;
  margin-bottom: 9px;
  color: #aebdcc;
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
}
.option-list {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
}
.choice {
  min-height: 38px;
  padding: 8px 12px;
  border: 1px solid #244962;
  border-radius: 11px;
  background: #202227;
  color: #c8d4df;
  cursor: pointer;
  font-weight: 800;
}
.choice.active {
  border-color: #ffd43e;
  background: #ffd43e;
  color: #151b21;
  box-shadow: 0 0 24px #ffd43e55;
}
.choice.blue.active {
  border-color: #16cff5;
  background: #202227;
  color: #05202b;
  box-shadow: 0 0 22px #20222755;
}
.counter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 125px;
  height: 42px;
  padding: 4px;
  border: 1px solid #146b8e;
  border-radius: 22px;
  background: #202227;
}
.counter button {
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 50%;
  background: #202227;
  color: #fff;
  font-size: 21px;
  cursor: pointer;
}
.counter strong {
  font-size: 17px;
}
.age-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
}
.age-grid select,
.search-input {
  width: 100%;
  height: 38px;
  border: 1px solid #255069;
  border-radius: 9px;
  background: #202227;
  color: #fff;
  padding: 0 10px;
}
.flight-calendar {
  padding: 15px;
  border: 1px solid #136485;
  border-radius: 18px;
  background: #202227;
}
.calendar-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.calendar-head strong {
  font-size: 15px;
}
.date-strip {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 7px;
}
.flight-date {
  min-height: 60px;
  padding: 8px;
  border: 1px solid #225069;
  border-radius: 9px;
  background: #202227;
  color: #fff;
  cursor: pointer;
  text-align: left;
}
.flight-date span,
.flight-date small {
  display: block;
}
.flight-date small {
  margin-top: 6px;
  color: #4de3a4;
}
.flight-date.none {
  border-color: #7b3039;
  background: #202227;
}
.flight-date.none small {
  color: #ff626b;
}
.flight-date.selected {
  border-color: #24c9ff;
  background: linear-gradient(180deg, #202227, #202227);
  box-shadow: 0 0 22px #20222755;
}
.search-bottom {
  display: grid;
  grid-template-columns: 1.25fr 1.25fr 1fr;
  gap: 12px;
  margin-top: 12px;
}
.check-panel,
.beach-panel {
  padding: 15px;
  border: 1px solid #164b68;
  border-radius: 16px;
  background: #202227;
}
.check-panel h3,
.beach-panel h3 {
  margin: 0 0 10px;
  font-size: 14px;
}
.check-scroll {
  max-height: 160px;
  overflow: auto;
  display: grid;
  gap: 7px;
}
.check-scroll label {
  font-size: 12px;
  color: #c5d0db;
  cursor: pointer;
}
.check-scroll input {
  accent-color: #ffd43e;
}
.beach-options {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
}
.beach-options .choice {
  font-size: 11px;
}
.search-actions {
  display: flex;
  gap: 8px;
  margin-top: 15px;
}
.search-submit {
  flex: 1;
  border: 0;
  border-radius: 15px;
  padding: 14px;
  background: linear-gradient(180deg, #202227, #202227);
  color: #fff;
  font-size: 17px;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 0 30px #20222755;
}
.reset-search {
  border: 1px solid #24526a;
  border-radius: 15px;
  padding: 0 18px;
  background: #202227;
  color: #cbd6df;
  cursor: pointer;
}
.search-result {
  display: none;
  margin-top: 12px;
  padding: 11px 14px;
  border-radius: 12px;
  background: #0d382d;
  color: #72edb8;
  font-size: 13px;
}
.country-mini {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  margin-top: 16px;
}
.country-mini a {
  min-width: 125px;
  padding: 10px;
  border: 1px solid #244b64;
  border-radius: 12px;
  background: #202227;
  text-decoration: none;
  font-size: 12px;
  font-weight: 850;
}
.country-mini a.active {
  border-color: #23ccf1;
  box-shadow: 0 0 18px #20222744;
}
.country-mini small {
  display: block;
  color: #7f91a3;
}
.hotel-card,
.resort,
.tour {
  cursor: pointer;
}
@media (max-width: 1050px) {
  .search-row {
    grid-template-columns: repeat(3, 1fr);
  }
  .date-strip {
    grid-template-columns: repeat(4, 1fr);
  }
  .search-bottom {
    grid-template-columns: 1fr 1fr;
  }
  .beach-panel {
    grid-column: 1/-1;
  }
}
@media (max-width: 650px) {
  .search-row,
  .search-bottom {
    grid-template-columns: 1fr;
  }
  .search-group.wide,
  .beach-panel {
    grid-column: auto;
  }
  .date-strip {
    display: flex;
    overflow-x: auto;
  }
  .flight-date {
    min-width: 105px;
  }
  .tour-search {
    padding: 14px;
  }
  .search-title {
    align-items: flex-start;
    flex-direction: column;
  }
  .search-title span {
    margin-top: 4px;
  }
}
.search-type-tabs {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 9px;
  margin: 0 0 13px;
}
.search-title{display:flex;align-items:center;justify-content:space-between;gap:18px}
.search-toggle{border:1px solid #2b7794;border-radius:10px;padding:9px 14px;background:#202227;color:#d8f3ff;font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}
.search-toggle:hover{border-color:#f5b72b;color:#ffd96c}
.tour-search-body{display:block}
.tour-search-widget.is-collapsed .tour-search-body{display:none}
.tour-search-widget.is-collapsed .search-toggle{background:#f5b72b;color:#101923;border-color:#f5b72b}
#tourSearchWidget.is-collapsed .tour-search-body{display:none}
#tourSearchWidget>.country-slider{margin:12px 0 16px}
.direction-page #searchResult,.direction-page #departureSearchResults{display:none!important}
.search-type {
  height: 46px;
  border: 1px solid #11658b;
  border-radius: 13px;
  background: #202227;
  color: #e1e9f0;
  font-weight: 850;
  cursor: pointer;
}
.search-type.active {
  border-color: #ffd43e;
  background: linear-gradient(180deg, #382f12, #202227);
  color: #ffd43e;
  box-shadow: 0 0 22px #ffd43e45;
}
.search-row {
  grid-template-columns: 1.1fr 1.75fr 1.55fr 1fr 1fr 1.65fr 1.15fr;
  gap: 0;
  padding: 14px 0;
}
.search-group,
.search-group.wide {
  grid-column: auto;
  padding: 0 11px;
  border-right: 1px solid #15506d;
}
.search-group:first-child {
  padding-left: 0;
}
.search-group:last-child {
  padding-right: 0;
  border-right: 0;
}
.search-row .choice {
  padding: 7px 9px;
  min-height: 36px;
}
.search-row .option-list {
  gap: 5px;
}
.search-row .counter {
  min-width: 0;
  width: 100%;
}
.search-bottom {
  grid-template-columns: 1fr 1fr 1.18fr;
  align-items: stretch;
}
.check-panel,
.beach-panel {
  min-height: 250px;
}
.beach-options {
  grid-template-columns: repeat(2, 1fr);
}
.search-actions {
  margin-top: 20px;
}
.country-mini {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  overflow: visible;
}
.country-mini a {
  min-width: 0;
  min-height: 64px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.calendar-head {
  height: 30px;
}
.flight-date {
  text-align: center;
}
.flight-date span {
  font-weight: 850;
}
@media (max-width: 1180px) {
  .search-row {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
  }
  .search-group,
  .search-group.wide {
    padding: 0;
    border-right: 0;
  }
  .search-type-tabs {
    grid-template-columns: repeat(3, 1fr);
  }
  .search-bottom {
    grid-template-columns: 1fr 1fr;
  }
  .beach-panel {
    grid-column: 1/-1;
    min-height: auto;
  }
}
@media (max-width: 650px) {
  .search-type-tabs {
    grid-template-columns: 1fr 1fr;
  }
  .country-mini {
    display: flex;
    overflow-x: auto;
  }
  .country-mini a {
    min-width: 125px;
  }
  .check-panel,
  .beach-panel {
    min-height: auto;
  }
}
.filters-layout {
  display: grid;
  grid-template-columns:
    minmax(170px, 0.9fr) minmax(335px, 1.75fr) minmax(125px, 0.66fr) minmax(125px, 0.66fr)
    minmax(220px, 1.15fr);
  gap: 0;
  align-items: stretch;
  padding: 17px 0;
}
.filter-stack {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 0 15px;
  border-right: 1px solid #15506d;
}
.filter-stack:first-child {
  padding-left: 0;
}
.filter-stack:last-child {
  padding-right: 0;
  border-right: 0;
}
.filters-layout .search-group,
.filters-layout .search-group.wide {
  padding: 0;
  border: 0;
}
.filters-layout .option-list {
  flex-wrap: nowrap;
}
.filters-layout .choice {
  flex: 1;
  white-space: nowrap;
}
.filters-layout .counter {
  max-width: 150px;
}
.filter-stack.people {
  justify-content: flex-start;
}
.dynamic-age-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(90px, 1fr));
  gap: 7px;
}
.dynamic-age-grid select {
  width: 100%;
  height: 42px;
  border: 1px solid #255069;
  border-radius: 10px;
  background: #202227;
  color: #fff;
  padding: 0 10px;
}
.dynamic-age-grid:empty:after {
  content: 'Добавьте ребёнка';
  display: flex;
  align-items: center;
  height: 42px;
  color: #71879a;
  font-size: 12px;
}
.country-slider {
  position: relative;
  margin-top: 16px;
  padding: 0 38px;
}
.country-slider .country-mini {
  display: flex;
  gap: 9px;
  margin: 0;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.country-slider .country-mini::-webkit-scrollbar {
  display: none;
}
.country-slider .country-mini a {
  flex: 0 0 calc((100% - 36px) / 5);
  min-width: 165px;
  scroll-snap-align: start;
}
.country-arrow {
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 30px;
  height: 30px;
  border: 1px solid #1ca8d0;
  border-radius: 50%;
  background: #202227;
  color: #41dcff;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  transform: translateY(-50%);
  box-shadow: 0 0 18px #20222733;
}
.country-arrow:hover {
  background: #202227;
}
.country-arrow.prev {
  left: 0;
}
.country-arrow.next {
  right: 0;
}
@media (max-width: 1050px) {
  .filters-layout {
    grid-template-columns: 1fr 1.7fr 1fr 1fr;
  }
  .filter-stack {
    border-right: 0;
    border-bottom: 1px solid #15506d;
    padding: 14px;
  }
  .filter-stack:last-child {
    grid-column: 1/-1;
    padding: 14px;
  }
  .dynamic-age-grid {
    grid-template-columns: repeat(4, minmax(90px, 1fr));
  }
  .country-slider .country-mini a {
    flex-basis: calc((100% - 18px) / 3);
  }
}
@media (max-width: 720px) {
  .filters-layout {
    grid-template-columns: 1fr 1fr;
  }
  .filter-stack,
  .filter-stack:first-child,
  .filter-stack:last-child {
    padding: 13px 8px;
  }
  .filter-stack:last-child {
    grid-column: 1/-1;
  }
  .filters-layout .option-list {
    flex-wrap: wrap;
  }
  .dynamic-age-grid {
    grid-template-columns: repeat(2, minmax(100px, 1fr));
  }
  .country-slider {
    padding: 0 32px;
  }
  .country-slider .country-mini a {
    flex-basis: 82%;
    min-width: 190px;
  }
}
@media (max-width: 460px) {
  .filters-layout {
    grid-template-columns: 1fr;
  }
  .filter-stack:last-child {
    grid-column: auto;
  }
  .dynamic-age-grid {
    grid-template-columns: 1fr 1fr;
  }
}
.resort-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.resort-detail {
  min-height: 300px;
  padding: 0;
  display: block;
  overflow: hidden;
  border: 1px solid #284257;
  border-radius: 20px;
  background: #202227;
  transition: 0.2s;
}
.resort-detail:hover {
  transform: translateY(-3px);
  border-color: #21b9df;
}
.resort-visual {
  height: 122px;
  padding: 18px;
  display: flex;
  align-items: flex-end;
  background:
    linear-gradient(0deg, #202227e8, transparent),
    url('../../anex-hero.webp') center/cover;
}
.resort-detail:nth-child(3n) .resort-visual {
  background-image: linear-gradient(0deg, #202227e8, transparent), url('../../post-turkey.webp');
}
.resort-visual strong {
  font-size: 24px;
}
.resort-copy {
  padding: 18px;
}
.resort-distance {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 11px;
  padding: 10px 12px;
  border: 1px solid #1a536c;
  border-radius: 12px;
  background: #202227;
  color: #dceaf3;
  font-size: 13px;
}
.resort-distance b {
  color: #43ddff;
}
.resort-copy p {
  margin: 0;
  color: #aebdca;
  font-size: 14px;
  line-height: 1.6;
}
.resort-facts {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
  margin-top: 14px;
}
.resort-facts span {
  padding: 6px 9px;
  border-radius: 8px;
  background: #ffffff09;
  color: #d3dde6;
  font-size: 11px;
}
.resort-note {
  margin-top: 14px;
  color: #75889a;
  font-size: 11px;
}
.resort-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  margin-top: 15px;
}
.resort-action {
  min-height: 40px;
  padding: 6px 8px;
  border: 1px solid #24526a;
  border-radius: 10px;
  background: #202227;
  color: #dbe7ee;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}
.resort-action:hover,
.resort-action.active {
  border-color: #20ccec;
  background: #202227;
  color: #5be5ff;
}
.resort-service {
  display: none;
  margin-top: 18px;
  padding: 22px;
  border: 1px solid #1a6784;
  border-radius: 18px;
  background: linear-gradient(145deg, #202227, #202227);
}
.resort-service.visible {
  display: block;
}
.resort-service-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}
.resort-service h3 {
  margin: 0;
  font-size: 22px;
}
.resort-service-close {
  border: 0;
  background: transparent;
  color: #91a6b6;
  font-size: 25px;
  cursor: pointer;
}
.resort-service p {
  margin: 10px 0;
  color: #afbdc9;
}
.resort-service-list {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.resort-service-list span {
  padding: 7px 10px;
  border-radius: 9px;
  background: #ffffff0b;
  color: #e0e8ee;
  font-size: 13px;
}
@media (max-width: 980px) {
  .resort-actions {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 760px) {
  .resort-grid {
    grid-template-columns: 1fr;
  }
  .resort-detail {
    min-height: 0;
  }
  .resort-service-head {
    align-items: flex-start;
  }
}
.antalya-hotel-filters {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 7px 0 15px;
}
.antalya-hotel-filter {
  flex: 0 0 auto;
  padding: 9px 13px;
  border: 1px solid #28536b;
  border-radius: 999px;
  background: #202227;
  color: #cbd9e3;
  font-weight: 800;
  cursor: pointer;
}
.antalya-hotel-filter.active {
  border-color: #24c8eb;
  background: #202227;
  color: #63e5ff;
}
.antalya-hotel-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 13px;
}
.antalya-hotel-card {
  overflow: hidden;
  border: 1px solid #28465b;
  border-radius: 16px;
  background: #202227;
  transition: 0.2s;
}
.antalya-hotel-card:hover {
  transform: translateY(-3px);
  border-color: #27c6e8;
}
.antalya-hotel-image {
  width: 100%;
  height: 150px;
  display: block;
  object-fit: cover;
  background: #202227;
}
.antalya-hotel-body {
  padding: 13px;
}
.antalya-hotel-body h4 {
  margin: 0 0 6px;
  font-size: 15px;
  line-height: 1.3;
}
.antalya-hotel-body p {
  margin: 0;
  color: #8fa4b5;
  font-size: 12px;
}
.antalya-hotel-meta {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-top: 11px;
  color: #4ee2b1;
  font-size: 11px;
}
.antalya-hotel-empty {
  padding: 20px;
  border: 1px dashed #315268;
  border-radius: 14px;
  color: #8fa4b5;
  text-align: center;
}
@media (max-width: 900px) {
  .antalya-hotel-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 560px) {
  .antalya-hotel-grid {
    grid-template-columns: 1fr;
  }
  .antalya-hotel-image {
    height: 190px;
  }
}
.tour-price-filter {
  display: grid;
  grid-template-columns: minmax(260px, 0.8fr) minmax(460px, 1.4fr);
  gap: 18px;
  margin: 0 0 17px;
  padding: 17px;
  border: 1px solid #164b68;
  border-radius: 16px;
  background: #202227;
}
.price-filter-block {
  min-width: 0;
}
.price-filter-label {
  display: block;
  margin-bottom: 10px;
  color: #aebdcc;
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
}
.currency-options {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 7px;
}
.currency-choice {
  min-height: 42px;
  border: 1px solid #24526a;
  border-radius: 11px;
  background: #202227;
  color: #d5e0e8;
  font-weight: 850;
  cursor: pointer;
}
.currency-choice.active {
  border-color: #ffd43e;
  background: #ffd43e;
  color: #151b21;
  box-shadow: 0 0 18px #ffd43e45;
}
.price-inputs {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 9px;
  align-items: center;
}
.price-field {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 8px;
  height: 44px;
  padding: 0 12px;
  border: 1px solid #255069;
  border-radius: 11px;
  background: #202227;
}
.price-field span {
  color: #8094a6;
  font-size: 12px;
}
.price-field b {
  color: #49dcff;
}
.price-field input {
  min-width: 0;
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: #fff;
  font:
    800 15px Inter,
    Arial,
    sans-serif;
}
.price-divider {
  color: #667c8e;
}
.price-summary {
  margin-top: 9px;
  color: #65e5b2;
  font-size: 12px;
}
.price-cap {
  color: #8295a5;
}
@media (max-width: 900px) {
  .tour-price-filter {
    grid-template-columns: 1fr;
  }
  .price-inputs {
    grid-template-columns: 1fr auto 1fr;
  }
}
@media (max-width: 560px) {
  .currency-options {
    grid-template-columns: 1fr 1fr;
  }
  .price-inputs {
    grid-template-columns: 1fr;
  }
  .price-divider {
    display: none;
  }
}
.calendar-slider {
  position: relative;
  padding: 0 38px;
}
.calendar-slider .date-strip {
  display: flex;
  gap: 7px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.calendar-slider .date-strip::-webkit-scrollbar {
  display: none;
}
.calendar-slider .flight-date {
  flex: 0 0 calc((100% - 49px) / 8);
  min-width: 116px;
  scroll-snap-align: start;
}
.calendar-arrow {
  position: absolute;
  top: 50%;
  z-index: 3;
  width: 30px;
  height: 30px;
  border: 1px solid #1ca8d0;
  border-radius: 50%;
  background: #202227;
  color: #42ddff;
  font-size: 21px;
  line-height: 1;
  cursor: pointer;
  transform: translateY(-50%);
  box-shadow: 0 0 18px #20222733;
}
.calendar-arrow:hover {
  background: #202227;
}
.calendar-arrow.prev {
  left: 0;
}
.calendar-arrow.next {
  right: 0;
}
@media (max-width: 900px) {
  .calendar-slider .flight-date {
    flex-basis: calc((100% - 21px) / 4);
  }
}
@media (max-width: 560px) {
  .calendar-slider {
    padding: 0 33px;
  }
  .calendar-slider .flight-date {
    flex-basis: 82%;
    min-width: 120px;
  }
}
.calendar-months {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.calendar-month {
  padding: 7px 11px;
  border: 1px solid #244b64;
  border-radius: 9px;
  background: #202227;
  color: #aebdca;
  font-weight: 800;
  cursor: pointer;
}
.calendar-month.active {
  border-color: #22c8ed;
  background: #202227;
  color: #58e3ff;
}
.calendar-range-help {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  margin-top: 12px;
  padding: 10px 13px;
  border-radius: 11px;
  background: #202227;
  color: #8fa5b5;
  font-size: 12px;
}
.calendar-range-help strong {
  color: #5be5b2;
}
.flight-date.in-range {
  border-color: #35d69a;
  background: #123b2e;
  box-shadow: inset 0 0 0 1px #35d69a22;
}
.flight-date.in-range small {
  color: #7cf1c4;
}
.flight-date.range-start,
.flight-date.range-end {
  border-color: #53edb4;
  background: linear-gradient(180deg, #22a877, #147454);
  box-shadow: 0 0 20px #2bd99b55;
}
.flight-date.range-start small,
.flight-date.range-end small {
  color: #eafff7;
}
@media (max-width: 700px) {
  .calendar-head {
    height: auto;
    align-items: flex-start;
    gap: 12px;
    flex-direction: column;
  }
  .calendar-months {
    justify-content: flex-start;
  }
  .calendar-range-help {
    align-items: flex-start;
    flex-direction: column;
  }
}
.resort-actions {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}
.resort-action {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1.2;
  padding: 7px 6px;
  border-color: #28617c;
  background: linear-gradient(180deg, #202227, #202227);
}
@media (max-width: 1100px) {
  .resort-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 430px) {
  .resort-actions {
    grid-template-columns: 1fr;
  }
}

.resort-area-weather {
  margin: 8px 0 12px;
  color: #9bb3c5;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 400;
}

.check-scroll .operator-unavailable{opacity:.6;cursor:not-allowed}.check-scroll .operator-unavailable input{cursor:not-allowed}