/* WANDERTINE HOLIDAY PACKAGES — PREMIUM PAGE */
.packages-page{--pn:#081c3a;--pg:#f39a1e;--pm:#68748a;--pl:#F8FAFC}
.packages-page main{padding-top:126px}

.packages-hero{position:relative;min-height:680px;display:flex;align-items:center;overflow:hidden;background:var(--pn)}
.packages-hero-bg{position:absolute;inset:0;background:url("https://images.unsplash.com/photo-1539650116574-75c0c6d73f6e?auto=format&fit=crop&w=2000&q=88") center/cover}
.packages-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,18,39,.94),rgba(4,18,39,.68) 48%,rgba(4,18,39,.22)),linear-gradient(0deg,rgba(4,18,39,.5),transparent 55%)}
.packages-hero-inner{position:relative;z-index:2;min-height:680px;display:flex;align-items:center;justify-content:space-between}
.packages-hero-copy{max-width:760px;padding:70px 0}
.packages-eyebrow{color:var(--pg);font-size:.77rem;font-weight:800;letter-spacing:.22em}
.packages-hero h1{font-family:"Playfair Display",serif;color:#fff;font-size:clamp(3.7rem,6.4vw,6.5rem);line-height:.93;letter-spacing:-.05em;margin:18px 0 25px}
.packages-hero h1 span{color:var(--pg)}
.packages-hero p{max-width:620px;color:rgba(255,255,255,.82);font-size:1.07rem;line-height:1.75;margin-bottom:30px}
.packages-actions{display:flex;gap:12px;flex-wrap:wrap}
.package-btn,.package-outline-btn,.dark-package-btn{min-height:54px;padding:0 27px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:800;transition:.3s ease}
.package-btn{background:var(--pg);color:#fff;box-shadow:0 16px 32px rgba(243,154,30,.25)}
.package-outline-btn{color:#fff;border:1px solid rgba(255,255,255,.48);background:rgba(255,255,255,.05)}
.package-btn:hover,.package-outline-btn:hover,.dark-package-btn:hover{transform:translateY(-3px)}
.packages-hero-card{width:165px;height:165px;border-radius:50%;border:1px solid rgba(255,255,255,.32);background:rgba(8,28,58,.45);backdrop-filter:blur(10px);color:#fff;display:grid;place-items:center;text-align:center;margin:0 30px 45px 0;transform:rotate(7deg)}
.packages-hero-card span{color:var(--pg);font-size:.65rem;font-weight:800;letter-spacing:.15em}
.packages-hero-card strong{font-family:"Playfair Display",serif;font-size:1.5rem;line-height:.95}
.packages-hero-card small{font-size:.65rem;color:rgba(255,255,255,.65)}

.packages-intro{padding:100px 0;background:#fff}
.packages-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.packages-intro h2,.package-heading h2,.signature-copy h2{font-family:"Playfair Display",serif;color:var(--pn);font-size:clamp(2.7rem,4.5vw,4.6rem);line-height:1.02;letter-spacing:-.04em;margin:13px 0}
.packages-intro p{color:var(--pm);line-height:1.8;margin:0 0 15px}

.package-list{padding:105px 0;background:var(--pl)}
.package-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}
.package-heading>p{max-width:420px;color:var(--pm);line-height:1.7}
.package-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.package-card{background:#fff;border:1px solid rgba(8,28,58,.09);border-radius:25px;overflow:hidden;box-shadow:0 14px 40px rgba(8,28,58,.06);transition:.35s ease}
.package-card:hover{transform:translateY(-7px);box-shadow:0 25px 55px rgba(8,28,58,.12)}
.package-image{height:285px;position:relative;overflow:hidden}
.package-image img{width:100%;height:100%;object-fit:cover;display:block;transition:.7s ease}
.package-card:hover .package-image img{transform:scale(1.06)}
.package-tag{position:absolute;left:18px;top:18px;background:var(--pg);color:#fff;border-radius:999px;padding:7px 13px;font-size:.68rem;font-weight:800}
.package-number{position:absolute;right:18px;top:18px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(8,28,58,.75);color:#fff;font-weight:800}
.package-body{padding:25px 27px 28px}
.package-meta{display:flex;justify-content:space-between;gap:10px;color:#8a94a5;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.package-body h3{font-family:"Playfair Display",serif;color:var(--pn);font-size:1.85rem;margin:9px 0}
.package-body p{color:var(--pm);line-height:1.65;margin:0 0 20px}
.package-bottom{border-top:1px solid rgba(8,28,58,.08);padding-top:16px;display:flex;justify-content:space-between;align-items:center}
.package-bottom strong{font-size:.8rem;color:var(--pn)}
.package-bottom a{font-size:.8rem;font-weight:800;color:var(--pn);text-decoration:none}
.package-card-dark{background:var(--pn);color:#fff;display:flex;align-items:center}
.package-dark-content{padding:42px}
.package-dark-content h3{font-family:"Playfair Display",serif;font-size:2.4rem;line-height:1;margin:14px 0}
.package-dark-content p{color:rgba(255,255,255,.68);line-height:1.7;max-width:500px}
.dark-package-btn{background:var(--pg);color:#fff;margin-top:12px}

.signature-package{padding:110px 0;background:#fff}
.signature-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:90px;align-items:center}
.signature-image{position:relative}
.signature-image>img{width:100%;height:590px;object-fit:cover;border-radius:28px;display:block;box-shadow:0 25px 60px rgba(8,28,58,.14)}
.signature-badge{position:absolute;left:24px;bottom:24px;background:#fff;border-radius:17px;padding:18px 20px;box-shadow:0 16px 38px rgba(8,28,58,.17)}
.signature-badge span{display:block;color:var(--pg);font-size:.68rem;text-transform:uppercase;font-weight:800;letter-spacing:.12em}
.signature-badge strong{display:block;color:var(--pn);font-family:"Playfair Display",serif;font-size:1.35rem;line-height:1}
.signature-copy>p{color:var(--pm);line-height:1.8}
.signature-copy ul{list-style:none;padding:0;margin:28px 0}
.signature-copy li{padding:13px 0;border-bottom:1px solid rgba(8,28,58,.09);color:var(--pn);font-weight:700}
.signature-copy li span{display:inline-block;width:35px;color:var(--pg);font-size:.75rem}

.package-categories{padding:105px 0;background:var(--pn);color:#fff}
.category-heading{max-width:760px;margin-bottom:45px}
.category-heading h2{font-family:"Playfair Display",serif;font-size:clamp(3rem,5vw,5rem);line-height:1;margin:14px 0}
.category-heading p{color:rgba(255,255,255,.68);line-height:1.7}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.15)}
.category-grid>div{padding:32px 25px;min-height:225px;border-right:1px solid rgba(255,255,255,.15)}
.category-grid>div:last-child{border-right:0}
.category-grid span{color:var(--pg);font-weight:800;font-size:.78rem}
.category-grid h3{font-family:"Playfair Display",serif;font-size:1.4rem;margin:25px 0 10px}
.category-grid p{color:rgba(255,255,255,.64);line-height:1.55;font-size:.88rem}

.package-cta{padding:105px 0;text-align:center;background:linear-gradient(135deg,#f39a1e,#ffb33d);color:#fff}
.package-cta span{text-transform:uppercase;font-weight:800;letter-spacing:.15em;font-size:.73rem}
.package-cta h2{font-family:"Playfair Display",serif;font-size:clamp(3rem,5vw,5rem);line-height:1;margin:15px 0}
.package-cta p{max-width:630px;margin:0 auto 28px;line-height:1.7}
.cta-dark-package,.cta-light-package{display:inline-flex;min-height:53px;align-items:center;justify-content:center;padding:0 26px;border-radius:999px;text-decoration:none;font-weight:800;margin:4px}
.cta-dark-package{background:var(--pn);color:#fff}
.cta-light-package{color:var(--pn);border:1px solid rgba(8,28,58,.28)}

@media(max-width:1000px){
  .packages-page main{padding-top:82px}
  .packages-hero,.packages-hero-inner{min-height:620px}
  .packages-hero-card{display:none}
  .packages-intro-grid,.signature-grid{grid-template-columns:1fr;gap:45px}
  .signature-image{order:-1}
  .category-grid{grid-template-columns:1fr 1fr}
  .category-grid>div:nth-child(2){border-right:0}
  .category-grid>div{border-bottom:1px solid rgba(255,255,255,.15)}
}
@media(max-width:700px){
  .packages-hero h1{font-size:3.3rem}
  .packages-hero p{font-size:.96rem}
  .packages-intro,.package-list,.signature-package,.package-categories{padding:80px 0}
  .package-heading{display:block}
  .package-grid{grid-template-columns:1fr}
  .package-image{height:235px}
  .signature-image>img{height:410px}
  .category-grid{grid-template-columns:1fr}
  .category-grid>div{border-right:0}
  .package-cta{padding:80px 0}
}