:root{--at-navy:#0b2433;--at-sea:#0d8f9b;--at-sand:#f4efe5;--at-ink:#14232b;--at-coral:#ef7658;--at-white:#fff}
body{color:var(--at-ink);background:#fff}.topbar{background:var(--at-navy)}.header{background:rgba(255,255,255,.96);box-shadow:0 8px 30px rgba(11,36,51,.08)}
.brand span{color:var(--at-navy)}.brand small{color:var(--at-sea);letter-spacing:.13em}.btn{background:var(--at-coral);border-color:var(--at-coral);border-radius:999px}.btn:hover{filter:brightness(.95)}.btn.dark{background:var(--at-navy);border-color:var(--at-navy)}
.hero{min-height:760px;padding:84px 0 110px;position:relative}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,29,42,.82) 0%,rgba(5,29,42,.52) 48%,rgba(5,29,42,.12) 100%);z-index:1}.hero-content{position:relative;z-index:2}.hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(370px,.65fr);gap:64px;align-items:center}.hero-copy{max-width:720px}.hero-copy h1{font-size:clamp(3rem,5vw,5.7rem);line-height:.96;letter-spacing:-.045em}.hero-copy p{max-width:620px;font-size:1.16rem}.eyebrow{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(8px)}.hero-pills{gap:9px}.pill{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px)}
.booking-card{border-radius:28px;padding:28px;box-shadow:0 30px 80px rgba(4,24,35,.28);border:1px solid rgba(255,255,255,.5)}.booking-card h2{color:var(--at-navy)}.trip-option.active{background:var(--at-sea);color:white}.home-price-estimate{border-radius:16px;background:#edf8f8;border:1px solid #d3eded}.home-price-estimate strong{color:var(--at-sea)}
.trust-strip{margin-top:-58px;position:relative;z-index:4}.trust-grid{border-radius:22px;box-shadow:0 20px 55px rgba(11,36,51,.12);overflow:hidden}.trust-item i{color:var(--at-sea)}
.section-kicker{font-size:.75rem;font-weight:900;letter-spacing:.18em;color:var(--at-sea);margin-bottom:14px}.north-intro{padding:120px 0 90px}.north-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end;margin-bottom:42px}.north-heading h2,.route-copy h2,.how h2,.why-north h2{font-size:clamp(2.2rem,4vw,4rem);line-height:1.04;letter-spacing:-.04em;margin:0}.north-heading p{font-size:1.08rem;line-height:1.75;color:#5c6b72;margin:0}
.destination-mosaic{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-auto-rows:250px;gap:18px}.destination-card{position:relative;border-radius:24px;overflow:hidden;background-image:linear-gradient(180deg,transparent 30%,rgba(4,26,39,.82)),var(--bg);background-size:cover;background-position:center;color:white;text-decoration:none;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;transition:.25s transform}.destination-card:hover{transform:translateY(-5px)}.destination-card--wide{grid-row:span 2}.destination-card span{font-size:1.55rem;font-weight:800}.destination-card--wide span{font-size:2.2rem}.destination-card small{opacity:.85;margin-top:4px}
.route-feature{background:var(--at-sand);padding:100px 0}.route-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.route-photo img{width:100%;height:620px;object-fit:cover;border-radius:32px}.route-copy p{font-size:1.08rem;line-height:1.75;color:#5c666b;margin:25px 0 30px}.route-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:30px}.route-facts div{background:white;border-radius:18px;padding:18px}.route-facts i{color:var(--at-sea);margin-right:8px}.route-facts b{color:var(--at-navy)}.route-facts span{display:block;margin:7px 0 0 26px;font-size:.88rem;color:#68767c}
.how{padding:110px 0}.how>div>h2{max-width:700px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}.steps article{position:relative;padding:34px;border:1px solid #e4e8ea;border-radius:24px;background:white}.steps em{position:absolute;right:24px;top:20px;font-size:3rem;font-weight:900;color:#eef2f3;font-style:normal}.steps i{font-size:2rem;color:var(--at-coral);margin-bottom:42px}.steps h3{font-size:1.3rem;margin-bottom:10px}.steps p{color:#66747a;line-height:1.65}.why-north{background:var(--at-navy);color:white;padding:90px 0}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.why-list p{display:flex;gap:16px;margin:0 0 25px;color:#d9e4e8;line-height:1.55}.why-list i{color:#6fd2c8;margin-top:4px}.why-list b{color:white}
@media(max-width:900px){.hero{min-height:auto;padding:55px 0 85px}.hero-grid,.north-heading,.route-grid,.why-grid{grid-template-columns:1fr}.hero-grid{gap:30px}.hero-copy h1{font-size:3.2rem}.trust-strip{margin-top:-35px}.destination-mosaic{grid-template-columns:1fr 1fr}.destination-card--wide{grid-row:span 1;grid-column:span 2}.route-photo img{height:420px}.steps{grid-template-columns:1fr}.why-grid{gap:35px}}
@media(max-width:600px){.hero{padding-top:36px}.hero-copy h1{font-size:2.65rem}.booking-card{padding:20px;border-radius:22px}.north-intro,.how{padding:75px 0}.destination-mosaic{grid-template-columns:1fr;grid-auto-rows:220px}.destination-card--wide{grid-column:auto}.route-feature{padding:70px 0}.route-facts{grid-template-columns:1fr}.route-photo img{height:330px}.north-heading{gap:20px}.why-north{padding:70px 0}}

/* =========================================================
   ALCUDIA TRANSFER — 2026 visual redesign
   Deliberately distinct layout: solid utility bar + white nav,
   editorial hero + horizontal booking dock.
   ========================================================= */
:root{--at-navy:#082b3a;--at-sea:#0796a5;--at-sky:#eaf7f8;--at-sand:#f7f2e8;--at-coral:#f26f4f;--at-ink:#102a36}
.topbar{position:relative;inset:auto;background:var(--at-navy);border:0;backdrop-filter:none}
.topbar .container{padding:9px 0}
.header{position:relative;inset:auto;background:#fff!important;color:var(--at-ink);box-shadow:0 1px 0 rgba(8,43,58,.09)}
.nav{padding:12px 0;min-height:88px}
.brand{width:300px;max-width:32vw}.brand img{display:block;width:100%;height:68px;object-fit:contain;object-position:left center}
.menu{gap:18px}.menu a{color:var(--at-ink);opacity:.82}.menu a:hover{color:var(--at-sea)}
.header .btn.outline{color:var(--at-navy);border-color:#d7e3e7;background:#fff}.header .mobile-toggle{color:var(--at-navy);border-color:#d7e3e7;background:#fff}
.hero{min-height:auto;padding:0 0 54px;background:#fff;color:#fff;overflow:visible}
.hero-slider{height:560px;inset:0 0 auto}.hero-slide{height:560px;background-position:center 48%}
.hero:before{height:560px;inset:0 0 auto;background:linear-gradient(90deg,rgba(4,34,48,.87) 0%,rgba(4,34,48,.62) 48%,rgba(4,34,48,.18) 100%);z-index:2}
.hero:after{display:none}
.hero-content{padding:0;z-index:5}
.hero-grid{display:grid;grid-template-columns:1fr;gap:0;align-items:stretch}
.hero-copy{height:560px;max-width:780px;display:flex;flex-direction:column;justify-content:center;padding:50px 0 110px}
.hero-copy h1{font-size:clamp(46px,5.3vw,78px);max-width:760px;margin:20px 0 18px;letter-spacing:-.055em;line-height:1.01}
.hero-copy p{font-size:18px;max-width:610px}.hero-pills{margin-top:24px}.slider-dots{margin-top:28px}
.booking-card{width:100%;margin:-72px auto 0;border-radius:22px;padding:22px 24px 24px;background:#fff;color:var(--at-ink);box-shadow:0 24px 65px rgba(8,43,58,.18);border:1px solid #e5ecee;backdrop-filter:none}
.booking-card h2{font-size:20px;margin:0 0 14px;letter-spacing:-.02em}.trip-type{width:300px;margin:0 0 16px;background:#eef4f5}
.booking-form{display:grid;grid-template-columns:minmax(190px,1.2fr) minmax(190px,1.2fr) minmax(240px,1.25fr) minmax(150px,.75fr) minmax(170px,.8fr);gap:12px;align-items:end}
.booking-form>.trip-type{grid-column:1/-1}
.booking-form>.field:nth-of-type(1){grid-column:1}.booking-form>.field:nth-of-type(2){grid-column:2}
.booking-form>.form-row{grid-column:3;display:grid;grid-template-columns:1.25fr .75fr;gap:10px}
.booking-form>.field:nth-of-type(3){grid-column:4}
.booking-form>.home-price-estimate{grid-column:5;margin:0;min-height:50px;padding:7px 13px;align-content:center;background:var(--at-sky);border-color:#cfe9ec}
.booking-form>.btn{grid-column:1/-1;width:auto;justify-self:end;min-width:230px;margin-top:2px}
.return-fields{grid-column:1/-1;grid-template-columns:1fr 1fr;max-width:520px}.booking-form.return-active .return-fields{max-height:140px}
.field input,.field select{border-radius:10px}.passenger-control{border-radius:10px}.trip-option{border-radius:9px}.trip-type{border-radius:12px}.trip-option.active{background:var(--at-navy)}
.trust-strip{margin-top:0}.trust-grid{border-radius:18px;border:1px solid #e7edef;box-shadow:none}
.north-intro{padding-top:90px}.destination-card{border-radius:12px}.route-feature{background:#f4f8f8}.route-photo img{border-radius:12px}.steps article{border-radius:12px}.route-facts div{border-radius:10px}
@media(max-width:1150px){.booking-form{grid-template-columns:1fr 1fr 1fr}.booking-form>.field:nth-of-type(1),.booking-form>.field:nth-of-type(2),.booking-form>.form-row,.booking-form>.field:nth-of-type(3),.booking-form>.home-price-estimate{grid-column:auto}.booking-form>.btn{grid-column:1/-1}.brand{width:245px}.menu{gap:12px;font-size:12px}}
@media(max-width:900px){.topbar .container>div:nth-child(2){display:none}.nav{min-height:76px}.brand{width:220px;max-width:65vw}.brand img{height:54px}.hero-slider,.hero:before,.hero-copy{height:500px}.hero-copy{padding:35px 0 90px}.hero-copy h1{font-size:3.2rem}.booking-card{margin:-55px 0 0}.booking-form{grid-template-columns:1fr 1fr}.booking-form>.form-row{grid-column:1/-1}.booking-form>.home-price-estimate{grid-column:auto}.trip-type{width:100%}.trust-strip{margin-top:0}}
@media(max-width:600px){.topbar .container{justify-content:center}.topbar .container>div:nth-child(2){display:none}.hero{padding-bottom:34px}.hero-slider,.hero:before,.hero-copy{height:470px}.hero-copy{padding:30px 0 75px}.hero-copy h1{font-size:2.55rem}.hero-pills{display:none}.booking-card{padding:18px 16px;border-radius:16px}.booking-form{grid-template-columns:1fr}.booking-form>.form-row,.booking-form>.field:nth-of-type(1),.booking-form>.field:nth-of-type(2),.booking-form>.field:nth-of-type(3),.booking-form>.home-price-estimate,.booking-form>.btn,.return-fields{grid-column:1}.booking-form>.btn{width:100%;justify-self:stretch}.return-fields{grid-template-columns:1fr}.north-intro{padding-top:60px}}

/* Mobile navigation */
@media(max-width:1050px){
  .header .nav{position:relative}
  .header .mobile-toggle{display:grid;place-items:center;flex:0 0 48px;cursor:pointer;z-index:62}
  .header .menu{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:60;background:#fff;border:1px solid #dfe8eb;border-radius:18px;padding:12px;box-shadow:0 18px 45px rgba(5,29,42,.18);flex-direction:column;align-items:stretch;gap:2px}
  .header.menu-open .menu{display:flex}
  .header .menu a{display:block;padding:13px 15px;border-radius:11px;color:var(--at-ink);font-size:14px}
  .header .menu a:hover{background:#f2f7f8;color:var(--at-sea)}
  .header.menu-open .mobile-toggle{background:var(--at-navy);color:#fff;border-color:var(--at-navy)}
}

/* =========================================================
   ALCUDIA TRANSFER — v3.0 / Mediterranean editorial identity
   Booking first, visual slider second. New typography & palette.
   ========================================================= */
:root{
  --at-navy:#26324a;
  --at-sea:#2f7f78;
  --at-sky:#eef6f2;
  --at-sand:#fff8ec;
  --at-coral:#e49a3a;
  --at-ink:#202a38;
  --at-cream:#fffdf8;
  --at-line:#e5dfd3;
}
body{font-family:'DM Sans',Arial,sans-serif;color:var(--at-ink);background:var(--at-cream)}
h1,h2,.hero-copy h1,.north-heading h2,.route-copy h2,.how h2,.why-north h2{font-family:'Fraunces',Georgia,serif;letter-spacing:-.025em}
.topbar{background:#26324a}.header{background:var(--at-cream)!important}.menu a:hover{color:var(--at-sea)}
.header .btn:not(.outline),.btn.dark{background:var(--at-coral)!important;color:#1f2937!important;border-color:var(--at-coral)!important}

/* Booking panel is a real section above the slider, never overlapping it */
.booking-zone{position:relative;z-index:10;background:linear-gradient(180deg,#f4efe4 0%,#fffaf1 100%);padding:34px 0 38px;border-bottom:1px solid var(--at-line)}
.booking-zone .booking-card{margin:0;width:100%;background:#fffdf9;border:1px solid #e8dfcf;border-radius:8px;box-shadow:0 14px 35px rgba(38,50,74,.08);padding:25px 28px}
.booking-card h2{font-family:'Fraunces',Georgia,serif;font-size:28px;color:var(--at-navy);margin-bottom:17px}
.trip-type{background:#eee9df;border-radius:6px}.trip-option{border-radius:5px;font-family:'DM Sans',sans-serif}.trip-option.active{background:var(--at-sea)}
.field{color:#58606b}.field input,.field select,.passenger-control{border-radius:5px;border-color:#ddd8ce;background:#fff}.field input:focus,.field select:focus{border-color:var(--at-sea);box-shadow:0 0 0 3px rgba(47,127,120,.10)}
.home-price-estimate{background:#eef6f2!important;border-color:#cfe3dd!important;border-radius:5px!important}.home-price-estimate strong{color:var(--at-sea)}

/* Slider is now its own cinematic block below the booking form */
.hero.hero--visual{position:relative;min-height:540px;height:540px;padding:0;background:#26324a;overflow:hidden;color:#fff}
.hero.hero--visual .hero-slider{position:absolute;inset:0;height:540px}
.hero.hero--visual .hero-slide{height:540px}
.hero.hero--visual:before{content:"";position:absolute;inset:0;height:auto;background:linear-gradient(90deg,rgba(29,39,59,.88) 0%,rgba(29,39,59,.57) 48%,rgba(29,39,59,.12) 82%);z-index:2}
.hero.hero--visual .hero-content{position:relative;z-index:4;height:100%;padding:0}
.hero.hero--visual .hero-copy{height:540px;max-width:720px;padding:0;justify-content:center}
.hero-copy h1{font-size:clamp(48px,5.4vw,78px);font-weight:600;line-height:1.02;margin:17px 0 18px}
.hero-copy p{font-size:18px;line-height:1.65;font-weight:400}
.eyebrow{background:rgba(255,248,236,.12);border-color:rgba(255,248,236,.28);border-radius:4px;letter-spacing:.12em}
.pill{border-radius:4px;background:rgba(255,255,255,.10)}
.dot{border-radius:0;height:3px}.dot.active{background:#e49a3a}

/* Make the rest feel less like the reference site */
.trust-strip{background:var(--at-cream);padding-top:24px}.trust-grid{border-radius:6px;background:#fffdf9;border-color:var(--at-line)}
.trust-item i,.section-kicker{color:var(--at-coral)}
.north-intro{background:var(--at-cream)}
.destination-mosaic{gap:12px}.destination-card{border-radius:6px}.destination-card:hover{transform:none;filter:brightness(1.04)}
.route-feature{background:#edf3ef}.route-photo img{border-radius:6px}.route-facts div,.steps article{border-radius:6px}
.steps article{background:#fffdf9;border-color:var(--at-line)}.steps i{color:var(--at-coral)}
.why-north{background:#26324a}.why-list i{color:#e8b35f}

@media(max-width:1150px){.booking-zone{padding:26px 0 30px}}
@media(max-width:900px){
  .booking-zone .booking-card{padding:22px 20px}
  .hero.hero--visual,.hero.hero--visual .hero-slider,.hero.hero--visual .hero-slide,.hero.hero--visual .hero-copy{height:500px;min-height:500px}
  .hero.hero--visual .hero-copy{padding:0}
}
@media(max-width:600px){
  .booking-zone{padding:18px 0 22px}.booking-zone .booking-card{padding:18px 15px}.booking-card h2{font-size:24px}
  .hero.hero--visual,.hero.hero--visual .hero-slider,.hero.hero--visual .hero-slide,.hero.hero--visual .hero-copy{height:455px;min-height:455px}
  .hero-copy h1{font-size:2.65rem}.hero-copy p{font-size:16px}.hero-pills{display:none}
}

/* Destination cards: image is supplied directly by north-home.php. */
.destination-card{
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
}