/* ATD International Collection Pages */
body.collection-page{background:#fff}
.collection-page .hero{min-height:540px;position:relative}
.collection-page .hero-content{text-align:center;max-width:920px;margin:0 auto}
.collection-page .hero-content h1,.collection-page .hero-content h2{text-align:center;max-width:920px;margin-left:auto;margin-right:auto}
.collection-page .hero-content p{text-align:center;max-width:760px;margin-left:auto;margin-right:auto}
.collection-page .hero-buttons{justify-content:center}
.collection-page .section-intro{text-align:center;margin-bottom:34px}
.collection-page .section-intro h2{font-size:38px;color:#111;margin-bottom:12px;letter-spacing:-.4px}
.collection-page .section-intro p{color:#666;font-size:17px;line-height:1.8;max-width:860px;margin:0 auto}
.collection-page .highlights-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.collection-page .highlight-box{background:#fff;border-radius:18px;padding:26px 22px;border:1px solid #ececec;box-shadow:0 10px 28px rgba(0,0,0,.06);text-align:center;transition:transform .22s ease,box-shadow .22s ease}
.collection-page .highlight-box:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(0,0,0,.09)}
.collection-page .highlight-box h4{font-size:19px;margin-bottom:9px;color:#111}
.collection-page .highlight-box p{color:#666;font-size:14px;line-height:1.75}
.collection-page .cards{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;align-items:stretch}
.collection-page .package-card,.collection-page .card{height:100%;background:#fff;border-radius:20px;overflow:hidden;border:1px solid #ececec;box-shadow:0 10px 28px rgba(0,0,0,.07);transition:transform .22s ease,box-shadow .22s ease}
.collection-page .package-card:hover,.collection-page .card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(0,0,0,.11)}
.collection-page .package-card>img,.collection-page .card>img{width:100%;height:230px;object-fit:cover;display:block}
.collection-page .package-body,.collection-page .card-body{padding:22px;display:flex;flex-direction:column;height:calc(100% - 230px)}
.collection-page .package-label{display:inline-block;align-self:flex-start;background:#111;color:#fff;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:700;letter-spacing:.45px;margin-bottom:12px;text-transform:uppercase}
.collection-page .package-body h3,.collection-page .card-body h3{font-size:21px;color:#111;line-height:1.35;margin-bottom:10px}
.collection-page .package-subtitle,.collection-page .card-meta{color:#666;font-size:14.5px;line-height:1.65;margin-bottom:16px}
.collection-page .package-points{margin-top:4px;margin-bottom:20px;color:#555;font-size:14px;line-height:1.7}
.collection-page .package-points div{margin-bottom:7px}
.collection-page .package-actions{margin-top:auto;display:flex;flex-direction:column;gap:10px}
.collection-page .card-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:42px;background:#0d6efd;color:#fff;padding:10px 14px;border-radius:10px;font-size:14px;font-weight:700;border:0;cursor:pointer;text-align:center}
.collection-page .card-btn.light{background:#f1f3f5;color:#111}
.collection-page .feature-card{background:#fff;border-radius:18px;border:1px solid #ececec;box-shadow:0 10px 28px rgba(0,0,0,.06);padding:26px 22px;text-align:center;height:100%}
.collection-page .feature-card h3{font-size:20px;margin-bottom:10px;color:#111}
.collection-page .feature-card p{color:#666;line-height:1.75;font-size:15px}
@media(max-width:1100px){.collection-page .cards,.collection-page .highlights-grid{grid-template-columns:repeat(2,1fr)}.collection-page .hero-content h1,.collection-page .hero-content h2{font-size:44px}}
@media(max-width:768px){html,body{overflow-x:hidden!important}.collection-page .cards,.collection-page .highlights-grid{grid-template-columns:1fr!important}.collection-page .hero{min-height:500px}.collection-page .hero-content h1,.collection-page .hero-content h2{font-size:34px!important;line-height:1.15!important}.collection-page .hero-content p{font-size:16px!important;line-height:1.75!important}.collection-page .section-intro h2{font-size:30px!important;line-height:1.15!important}.collection-page .section-intro p{font-size:16px!important;line-height:1.75!important;text-align:center!important}.collection-page .package-card>img,.collection-page .card>img{height:240px}.collection-page .package-body,.collection-page .card-body{height:auto}}



/* =========================================================
   COLLECTION CARD LAYOUT REFINEMENT
   - 4 cards fill the row
   - 2 or 3 cards are centered
   - package images use a clean square format
========================================================= */

.collection-page .cards {
  justify-content: center;
}

.collection-page .cards:has(> :nth-child(2):last-child) {
  grid-template-columns: repeat(2, minmax(280px, 360px));
}

.collection-page .cards:has(> :nth-child(3):last-child) {
  grid-template-columns: repeat(3, minmax(260px, 340px));
}

.collection-page .package-card > img,
.collection-page .card > img {
  aspect-ratio: 1 / 1;
  height: auto;
}

.collection-page .package-body,
.collection-page .card-body {
  height: auto;
  min-height: 300px;
}

.collection-page .package-card,
.collection-page .card {
  display: flex;
  flex-direction: column;
}

.collection-page .package-body,
.collection-page .card-body {
  flex: 1;
}

@media (max-width: 1100px) {
  .collection-page .cards:has(> :nth-child(2):last-child),
  .collection-page .cards:has(> :nth-child(3):last-child) {
    grid-template-columns: repeat(2, minmax(260px, 360px));
  }
}

@media (max-width: 768px) {
  .collection-page .cards:has(> :nth-child(2):last-child),
  .collection-page .cards:has(> :nth-child(3):last-child) {
    grid-template-columns: 1fr !important;
  }

  .collection-page .package-card > img,
  .collection-page .card > img {
    aspect-ratio: 16 / 11;
  }

  .collection-page .package-body,
  .collection-page .card-body {
    min-height: auto;
  }
}


/* =========================================================
   WORLDWIDE JOURNEYS CARD BUTTON ALIGNMENT
   Keeps View Details buttons aligned at the bottom of each card
========================================================= */

.collection-page .card-body {
  display: flex;
  flex-direction: column;
}

.collection-page .card-body .card-meta {
  margin-bottom: 18px;
}

.collection-page .card-body > .card-btn {
  margin-top: auto;
}

.collection-page .card-body h3 {
  min-height: 56px;
}

.collection-page .card-body .card-meta {
  min-height: 48px;
}