
/* Aksa Travel — Professional results header, responsive and bilingual-safe. */
.travel-site .results-page{
  --results-border:#dce7df;
  --results-ink:#153b33;
  --results-accent:#075f51;
}
.travel-site .results-page > .text-link {
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:9px;
  width:100%;
  min-height:55px;
  margin:0;
  padding:16px 24px 12px;
  border:1px solid var(--results-border);
  border-bottom:0;
  border-radius:19px 19px 0 0;
  background:#fff;
  color:var(--results-accent);
  text-align:left;
  font-weight:750;
  white-space:normal;
  box-shadow:0 8px 24px rgba(12,54,42,.035);
  transition:background .15s ease;
}
.travel-site .results-page > .text-link:hover {background:#f7faf7;color:#064e42;}
.travel-site .results-page > .text-link:focus-visible{
  outline:2px solid #1f806e;
  outline-offset:-3px;
}
.travel-site .results-page > .text-link > svg{
  flex:0 0 auto;
  width:18px;height:18px;
}
.travel-site .results-page > .results-heading {
  box-sizing:border-box;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px 24px;
  margin:0 !important;
  padding:7px 24px 25px;
  border:1px solid var(--results-border);
  border-top:0;
  border-radius:0 0 19px 19px;
  background:linear-gradient(135deg,#fff 0%,#fff 52%,#f3f8f2 100%);
  box-shadow:0 12px 28px rgba(12,54,42,.055);
}
.travel-site .results-page > .results-heading > div:first-child{
  flex:1 1 auto;min-width:0;
}
.travel-site .results-page > .results-heading .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#577968;
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin:0 0 12px;
}
.travel-site .results-page > .results-heading .eyebrow::before {
  content:"";
  display:inline-block;
  flex:0 0 auto;
  width:7px;height:7px;
  border-radius:50%;
  background:#5a947b;
}
.travel-site .results-page > .results-heading h1{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:9px 13px;
  min-width:0;
  margin:0;
  color:var(--results-ink);
  font-size:clamp(26px,2.8vw,35px);
  font-weight:800;
  letter-spacing:-.035em;
  line-height:1.22;
  overflow-wrap:anywhere;
}
.travel-site .results-page > .results-heading h1 > svg{
  width:25px;height:25px;
  flex:0 0 auto;
  color:#337b69;
  stroke-width:1.8;
}
.travel-site .results-page > .results-heading p:not(.eyebrow){
  margin:14px 0 0;
  color:#6e8077;
  font-size:14px;
  font-weight:500;
  line-height:1.6;
  letter-spacing:0;
}
.travel-site .results-page > .results-heading > .pill{
  align-self:flex-end;
  flex:0 0 auto;
  max-width:100%;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:11px 15px;
  margin:0;
  border:1px solid #d6e7db;
  border-radius:13px;
  background:#eaf4ed;
  color:#065d4f;
  font-size:13px;
  font-weight:750;
  line-height:1.35;
  white-space:normal;
  box-shadow:none;
}
.travel-site .results-page > .results-heading > .pill svg{
  flex:0 0 auto;
  width:18px;height:18px;
}
.travel-site .results-page > .results-layout{
  margin-top:23px;
}
.travel-site .results-page .results-filters {
  border-color:#e0e8e2;
  border-radius:18px;
  box-shadow:0 5px 21px rgba(12,54,42,.028);
}
@media (max-width:768px){
  .travel-site .results-page {padding-top:16px;}
  .travel-site .results-page > .text-link {
    min-height:51px;
    padding:14px 17px 10px;
    border-radius:17px 17px 0 0;
    font-size:14px;
  }
  .travel-site .results-page > .results-heading {
    flex-direction:column;
    align-items:stretch;
    gap:12px;
    padding:5px 17px 18px;
    border-radius:0 0 17px 17px;
  }
  .travel-site .results-page > .results-heading > div:first-child{
    width:100%;
    flex:initial;
    padding-bottom:14px;
    border-bottom:1px solid #e4ece6;
  }
  .travel-site .results-page > .results-heading .eyebrow {
    margin-bottom:10px;
    font-size:11px;
  }
  .travel-site .results-page > .results-heading h1{
    font-size:clamp(23px,6.3vw,30px);
    line-height:1.2;
    gap:9px 12px;
    letter-spacing:-.04em;
  }
  .travel-site .results-page > .results-heading h1>svg{
    width:22px;height:22px;
  }
  .travel-site .results-page > .results-heading p:not(.eyebrow){
    margin-top:11px;
    font-size:13px;
    line-height:1.6;
  }
  .travel-site .results-page > .results-heading > .pill{
    align-self:flex-start;
    padding:9px 12px;
    border-radius:11px;
    font-size:12px;
  }
  .travel-site .results-page > .results-layout{margin-top:17px;}
  .travel-site .results-page .results-filters{
    padding:18px;
    border-radius:17px;
  }
}
@media (max-width:390px){
  .travel-site .results-page > .results-heading h1{font-size:23px;}
  .travel-site .results-page > .results-heading h1>svg{width:20px;height:20px;}
}
