/* Sky Worth Holidays - Hero Slider V6
   Isolated classes to avoid old hero CSS conflicts. */

.swh6-hero{
  position:relative;
  min-height:570px;
  overflow:hidden;
  background:#10263f;
  color:#fff;
  isolation:isolate;
}

.swh6-slides,
.swh6-slide,
.swh6-overlay{
  position:absolute;
  inset:0;
}

.swh6-slides{
  z-index:-3;
  background:#10263f;
}

.swh6-slide{
  opacity:0;
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  transform:scale(1.015);
  transition:opacity .8s ease, transform 6s ease;
}

.swh6-slide.is-active{
  opacity:1;
  transform:scale(1.055);
}

.swh6-overlay{
  z-index:-2;
  background:
    linear-gradient(
      90deg,
      rgba(5,22,40,.90) 0%,
      rgba(5,22,40,.80) 39%,
      rgba(5,22,40,.53) 66%,
      rgba(5,22,40,.28) 100%
    );
}

.swh6-inner{
  width:min(1200px,calc(100% - 40px));
  min-height:570px;
  margin:0 auto;
  display:flex;
  align-items:center;
  padding:54px 0 76px;
}

.swh6-content{
  width:min(680px,100%);
}

.swh6-badge{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:7px 11px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:999px;
  background:rgba(255,255,255,.10);
  backdrop-filter:blur(8px);
  color:#fff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.swh6-hero h1{
  max-width:670px;
  margin:15px 0 13px;
  color:#fff;
  font-size:clamp(40px,4.5vw,59px);
  line-height:1.04;
  letter-spacing:-.047em;
  text-shadow:0 3px 20px rgba(0,0,0,.22);
}

.swh6-content>p{
  max-width:620px;
  margin:0;
  color:rgba(255,255,255,.86);
  font-size:15px;
  line-height:1.68;
}

.swh6-search{
  width:100%;
  max-width:620px;
  min-height:60px;
  margin-top:24px;
  padding:6px 7px 6px 15px;
  border-radius:16px;
  background:#fff;
  border:1px solid rgba(255,255,255,.25);
  box-shadow:0 16px 40px rgba(0,0,0,.20);
  display:flex;
  align-items:center;
  gap:9px;
}

.swh6-search-icon{
  width:21px;
  height:21px;
  flex:0 0 21px;
  color:#758294;
  display:grid;
  place-items:center;
}

.swh6-search-icon svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
}

.swh6-search input{
  flex:1;
  min-width:0;
  height:46px;
  margin:0!important;
  padding:0 3px!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  color:#10263f!important;
  font-size:13px!important;
}

.swh6-search input::placeholder{
  color:#95a0ac;
}

.swh6-search button{
  height:46px;
  padding:0 16px;
  border:0;
  border-radius:11px;
  background:#f36a2d;
  color:#fff;
  font-size:12px;
  font-weight:850;
  white-space:nowrap;
}

.swh6-tags{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  margin-top:11px;
  color:rgba(255,255,255,.72);
  font-size:10px;
}

.swh6-tags a{
  padding:5px 9px;
  border:1px solid rgba(255,255,255,.23);
  border-radius:999px;
  background:rgba(255,255,255,.10);
  color:#fff;
  backdrop-filter:blur(5px);
}

.swh6-actions{
  display:flex;
  align-items:center;
  gap:9px;
  flex-wrap:wrap;
  margin-top:19px;
}

.swh6-btn-primary,
.swh6-btn-secondary{
  min-height:44px;
  padding:0 17px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  font-weight:850;
}

.swh6-btn-primary{
  background:#f36a2d;
  color:#fff;
}

.swh6-btn-secondary{
  border:1px solid rgba(255,255,255,.30);
  background:rgba(255,255,255,.10);
  color:#fff;
  backdrop-filter:blur(8px);
}

.swh6-controls{
  position:absolute;
  z-index:5;
  right:max(22px,calc((100vw - 1200px)/2));
  bottom:29px;
  display:flex;
  align-items:center;
  gap:9px;
}

.swh6-arrow{
  width:36px;
  height:36px;
  padding:0;
  border:1px solid rgba(255,255,255,.28);
  border-radius:50%;
  background:rgba(5,22,40,.38);
  color:#fff;
  display:grid;
  place-items:center;
  font-size:22px;
  line-height:1;
  backdrop-filter:blur(7px);
}

.swh6-dots{
  display:flex;
  align-items:center;
  gap:6px;
}

.swh6-dot{
  width:7px;
  height:7px;
  padding:0;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.45);
  transition:.2s ease;
}

.swh6-dot.is-active{
  width:22px;
  background:#fff;
}

/* Trust strip */
.swh6-trust{
  position:relative;
  z-index:6;
  margin-top:-30px;
  padding-bottom:18px;
}

.swh6-trust-inner{
  width:min(1200px,calc(100% - 40px));
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  background:#fff;
  border:1px solid #e6ebf1;
  border-radius:18px;
  box-shadow:0 16px 42px rgba(16,38,63,.11);
  overflow:hidden;
}

.swh6-trust-card{
  min-width:0;
  min-height:88px;
  padding:16px 18px;
  display:flex;
  align-items:center;
  gap:12px;
  border-right:1px solid #e6ebf1;
}

.swh6-trust-card:last-child{
  border-right:0;
}

.swh6-trust-icon{
  width:43px;
  height:43px;
  flex:0 0 43px;
  border-radius:13px;
  background:#fff0e9;
  color:#f36a2d;
  display:grid;
  place-items:center;
}

.swh6-trust-icon svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.swh6-trust-card>div{
  min-width:0;
}

.swh6-trust-card strong{
  display:block;
  color:#10263f;
  font-size:12px;
  line-height:1.3;
}

.swh6-trust-card>div>span{
  display:block;
  margin-top:3px;
  color:#8491a0;
  font-size:10px;
  line-height:1.4;
}

@media(max-width:900px){
  .swh6-hero,
  .swh6-inner{
    min-height:560px;
  }

  .swh6-inner{
    width:min(100% - 32px,760px);
    padding:45px 0 72px;
  }

  .swh6-overlay{
    background:linear-gradient(90deg,rgba(5,22,40,.88),rgba(5,22,40,.58));
  }

  .swh6-content{
    width:min(650px,100%);
  }

  .swh6-hero h1{
    font-size:clamp(39px,7vw,55px);
  }

  .swh6-controls{
    right:16px;
    bottom:23px;
  }

  .swh6-trust-inner{
    width:min(100% - 32px,760px);
    grid-template-columns:1fr 1fr;
  }

  .swh6-trust-card:nth-child(2){
    border-right:0;
  }

  .swh6-trust-card:nth-child(-n+2){
    border-bottom:1px solid #e6ebf1;
  }
}

@media(max-width:650px){
  .swh6-hero,
  .swh6-inner{
    min-height:535px;
  }

  .swh6-overlay{
    background:rgba(5,22,40,.70);
  }

  .swh6-inner{
    width:calc(100% - 26px);
    padding:34px 0 67px;
  }

  .swh6-badge{
    font-size:8.5px;
    padding:6px 9px;
  }

  .swh6-hero h1{
    max-width:100%;
    margin:12px 0;
    font-size:clamp(35px,10.5vw,43px);
    line-height:1.04;
  }

  .swh6-content>p{
    font-size:12.5px;
    line-height:1.62;
  }

  .swh6-search{
    display:flex!important;
    min-height:54px;
    margin-top:18px;
    padding:5px 5px 5px 11px;
    border-radius:14px;
  }

  .swh6-search-icon{
    width:18px;
    flex-basis:18px;
  }

  .swh6-search-icon svg{
    width:15px;
    height:15px;
  }

  .swh6-search input{
    height:42px!important;
    font-size:10.5px!important;
  }

  .swh6-search button{
    height:42px;
    padding:0 10px;
    border-radius:10px;
    font-size:9.5px;
  }

  .swh6-tags{
    margin-top:9px;
    font-size:8.5px;
  }

  .swh6-tags a{
    padding:4px 7px;
  }

  .swh6-actions{
    margin-top:15px;
  }

  .swh6-btn-primary,
  .swh6-btn-secondary{
    min-height:40px;
    padding:0 13px;
    font-size:9.5px;
  }

  .swh6-controls{
    right:12px;
    bottom:17px;
  }

  .swh6-arrow{
    width:32px;
    height:32px;
    font-size:19px;
  }

  .swh6-dot{
    width:6px;
    height:6px;
  }

  .swh6-dot.is-active{
    width:17px;
  }

  .swh6-trust{
    margin-top:-18px;
    padding-bottom:10px;
  }

  .swh6-trust-inner{
    width:calc(100% - 26px);
  }

  .swh6-trust-card{
    min-height:76px;
    padding:11px 9px;
    gap:8px;
  }

  .swh6-trust-icon{
    width:34px;
    height:34px;
    flex-basis:34px;
    border-radius:10px;
  }

  .swh6-trust-icon svg{
    width:16px;
    height:16px;
  }

  .swh6-trust-card strong{
    font-size:9.5px;
  }

  .swh6-trust-card>div>span{
    font-size:8px;
    margin-top:2px;
  }
}

@media(prefers-reduced-motion:reduce){
  .swh6-slide{
    transition:none!important;
    transform:none!important;
  }
}