/* Final 3 Oct hero copy on the recovered 634518c page. All rules are hero-scoped. */
.hero-final {
  --hero-bar: clamp(5rem, 7vw, 7rem);
  --hero-heading: clamp(3.75rem, 5.3vw, 6.5rem);
  --hero-price: clamp(4.5rem, 6.8vw, 8rem);
  --hero-second: clamp(2rem, 3.7vw, 3.75rem);
}
.hero-final .offline-hero-carousel__shell { min-height: clamp(43rem, 82vh, 55rem); }
.hero-final .offline-hero-carousel__brand-strip { min-height: var(--hero-bar); }
.hero-final .offline-hero-slide__image,
.hero-final .offline-hero-slide__veil { top: var(--hero-bar); height: calc(100% - var(--hero-bar)); }
.hero-final .offline-hero-slide__content {
  top: calc(var(--hero-bar) + 2rem);
  bottom: 8.5rem;
  width: min(49rem, 60%);
  display: flex;
  flex-direction: column;
}
.hero-final .hero-final__headline {
  margin: 0;
  max-width: none;
  font-family: Teko, "Arial Narrow", sans-serif;
  font-size: var(--hero-heading);
  font-weight: 700;
  line-height: .9;
  letter-spacing: 0;
}
.hero-final .hero-final__small {
  margin: 0;
  font-family: "IBM Plex Mono", monospace;
  font-size: clamp(.75rem, 1.05vw, 1rem);
  font-weight: 500;
  line-height: 1.55;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.hero-final .hero-final__talk,
.hero-final .hero-final__countries { margin-top: 1.1rem; }
.hero-final .hero-final__offer { margin-top: clamp(2rem, 4vh, 3.5rem); }
.hero-final .hero-final__price {
  width: max-content;
  max-width: 100%;
  margin: 0;
  font: 700 var(--hero-price)/.92 Teko, "Arial Narrow", sans-serif;
  letter-spacing: 0;
  white-space: nowrap;
}
.hero-final__price > span { display: block; }
.hero-final .hero-final__unlimited { margin-top: .85rem; }
.hero-final .hero-final__country-link {
  display: inline-block;
  padding: 0 0 .15em;
  border: 0;
  border-bottom: 1px solid currentColor;
  border-radius: 0;
  color: inherit;
  background: none;
  font: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  text-align: left;
  cursor: pointer;
}
.hero-final__country-link:focus-visible { outline: 2px solid #F3EAD8; outline-offset: 5px; }
.hero-final__dubai .hero-final__country-link { margin-top: .3rem; font: 500 clamp(.75rem, 1.05vw, 1rem)/1.5 "IBM Plex Mono", monospace; letter-spacing: .06em; }
.hero-final .hero-final__second-line {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  margin: .4rem 0 0;
  font: 700 var(--hero-second)/1 Teko, "Arial Narrow", sans-serif;
  letter-spacing: 0;
  white-space: nowrap;
}
.hero-final__fixed-offer { width: max-content; max-width: 100%; }
.hero-final__link-arrow { display: none; }
.hero-final__phone-break { display: none; }
.hero-final .hero-final__turkey .hero-final__offer { margin-top: auto; }
.hero-final .hero-final__turkey .offline-hero-slide__veil { background: linear-gradient(90deg, rgba(31,21,18,.64), rgba(31,21,18,.16) 68%, rgba(31,21,18,.04)); }
.hero-final .hero-final__suitcase .offline-hero-slide__veil { background: linear-gradient(90deg, rgba(31,21,18,.72), rgba(31,21,18,.28) 45%, rgba(31,21,18,0) 75%); }
@media (max-width: 1000px) and (min-width: 761px) {
  .hero-final { --hero-heading: 3.75rem; --hero-price: 4.5rem; --hero-second: 2rem; }
}
@media (max-width: 760px) {
  .hero-final { --hero-bar: 4.25rem; --hero-heading: 54px; --hero-price: 64px; --hero-second: 38px; }
  .hero-final .offline-hero-carousel__shell { min-height: max(49rem, calc(100svh - 7rem)); }
  .hero-final .offline-hero-slide__content { top: calc(var(--hero-bar) + 1.2rem); bottom: 9.5rem; left: 1.1rem; width: calc(100% - 2.2rem); }
  .hero-final .offline-hero-slide__veil { background: linear-gradient(180deg, rgba(31,21,18,.64), rgba(31,21,18,.25) 55%, rgba(31,21,18,.08)); }
  .hero-final .hero-final__small { font-size: 12px; line-height: 1.55; letter-spacing: .025em; }
  .hero-final .hero-final__countries { margin-top: 1.5rem; }
  .hero-final__country-break { display: none; }
  .hero-final__phone-break { display: block; }
  .hero-final__dubai .hero-final__country-link { font-size: 12px; letter-spacing: .025em; }
  .hero-final .hero-final__dubai .hero-final__price { font-size: clamp(48px, 15vw, 64px); }
  .hero-final .hero-final__dubai .hero-final__offer { margin-top: 3.5rem; }
  .hero-final .hero-final__suitcase .hero-final__offer { margin-top: 2.4rem; }
  .hero-final .hero-final__turkey .hero-final__offer { margin-top: clamp(6rem, 15svh, 8rem); }
  .hero-final .hero-final__turkey .offline-hero-slide__veil { background: linear-gradient(180deg, rgba(31,21,18,.5), rgba(31,21,18,.18) 45%, rgba(31,21,18,0)); }
  .hero-final .hero-final__suitcase .offline-hero-slide__veil { background: linear-gradient(180deg, rgba(31,21,18,.65), rgba(31,21,18,.3) 48%, rgba(31,21,18,.05)); }
  .hero-final .hero-final__second-line { gap: .5rem; }
}
@media (max-width: 380px) {
  .hero-final { --hero-price: 58px; --hero-second: 34px; }
  .hero-final .hero-final__small,
  .hero-final__dubai .hero-final__country-link { letter-spacing: 0; }
}
@media (max-width: 340px) {
  .hero-final { --hero-price: 54px; --hero-second: 30px; }
}

/* Search belongs to this recovered hero, not the basket or superseded shop layout. */
.hero-search-results {
  position: absolute;
  inset: auto 0 calc(100% + .5rem);
  max-height: min(22rem, 45svh);
  overflow-y: auto;
  overscroll-behavior: contain;
  border: 1px solid #F3EAD8;
  background: #1F1512;
  color: #F3EAD8;
  box-shadow: 0 .5rem 2rem #0006;
}
.hero-search-results[hidden] { display: none; }
.hero-search-results ul { margin: 0; padding: 0; list-style: none; }
.hero-search-results li + li { border-top: 1px solid #f3ead844; }
.hero-search-results a {
  display: flex;
  min-height: 48px;
  align-items: center;
  padding: .85rem 1rem;
  color: inherit;
  font: 500 1rem/1.3 "IBM Plex Mono", monospace;
  text-decoration: none;
}
.hero-search-results a:hover, .hero-search-results a:focus-visible { background: #702A2A; outline: 2px solid #F3EAD8; outline-offset: -3px; }
.hero-search-results p { margin: 0; padding: 1rem; font: 500 .8rem/1.5 "IBM Plex Mono", monospace; }

/* Country lists: the approved left panel, isolated from the existing drawers. */
.hero-country-panel {
  position: fixed; inset: 0 auto 0 0; margin: 0;
  width: min(40rem, max(35vw, 34rem)); max-width: 100vw;
  height: 100dvh; max-height: 100dvh; box-sizing: border-box;
  padding: 2.5rem; border: 0; border-right: 1px solid #f3ead899;
  border-radius: 0; background: #1F1512; color: #F3EAD8;
  overflow-y: auto; overscroll-behavior: contain;
}
.hero-country-panel::backdrop { background: #1f151280; }
.hero-country-panel[open] { animation: hero-country-in .2s ease-out; }
.hero-country-panel__header { position: sticky; top: -2.5rem; z-index: 1; display: flex; gap: 1rem; align-items: flex-start; justify-content: space-between; margin: -2.5rem 0 1rem; padding: 2.5rem 0 1rem; background: #1F1512; }
.hero-country-panel__header h2 { margin: .35rem 0 0; color: inherit; font: 700 clamp(2.75rem, 4.5vw, 4rem)/.95 Teko, "Arial Narrow", sans-serif; letter-spacing: 0; }
.hero-country-panel__close { position: sticky; top: 0; flex: 0 0 46px; width: 46px; height: 46px; padding: 0; border: 1px solid #F3EAD8; border-radius: 50%; color: inherit; background: #1F1512; font: 400 1.75rem/1 "Public Sans", sans-serif; cursor: pointer; }
.hero-country-panel__list { columns: 3; column-gap: 1.25rem; margin: 0; padding: 0; list-style: none; }
.hero-country-panel__list li { break-inside: avoid; border-bottom: 1px solid #f3ead844; }
.hero-country-panel__list a { display: flex; align-items: center; min-height: 28px; padding: .2rem 0; color: inherit; text-decoration: none; overflow-wrap: anywhere; font: 500 .85rem/1.35 "IBM Plex Mono", monospace; }
.hero-country-panel__list a:hover, .hero-country-panel__list a:focus-visible { color: #F3EAD8; background: #702A2A; text-decoration: underline; outline: 2px solid #F3EAD8; outline-offset: 2px; }
.hero-country-panel__close:focus-visible { outline: 2px solid #F3EAD8; outline-offset: 3px; }
.hero-country-panel__message { font: 500 .8rem/1.5 "IBM Plex Mono", monospace; }
.hero-country-panel__brand { margin-top: 2.5rem; padding-top: 2rem; border-top: 1px solid #f3ead866; }
.hero-country-panel__brand img { display: block; width: min(224px, 100%); height: auto; }
.hero-country-panel__brand p { margin: 1rem 0 0; color: inherit; font: 400 1rem/1.6 "Public Sans", sans-serif; }
@keyframes hero-country-in { from { transform: translateX(-100%); } to { transform: translateX(0); } }
@media (max-width: 540px) {
  .hero-country-panel { width: 100vw; padding: 1.5rem 1.25rem; }
  .hero-country-panel__header { top: -1.5rem; margin-top: -1.5rem; margin-bottom: .5rem; padding-top: 1.5rem; }
  .hero-country-panel__list { columns: 2; column-gap: 1.2rem; }
  .hero-country-panel__list a { min-height: 44px; padding: .45rem 0; }
}
@media (prefers-reduced-motion: reduce) { .hero-country-panel[open] { animation: none; } }
