.destination-collection-page { background: var(--ert-white); }

/* Calm, editorial collection page to match the destination and card redesign. */
.destination-collection-page{background:var(--ert-sand);color:var(--ert-ink)}
.destination-collection__hero .hero-1{align-items:flex-end;padding-bottom:65px}
.destination-collection__hero .hero-content h1{font-family:var(--ert-font-display);font-size:clamp(3.6rem,7vw,6.5rem);font-weight:500;letter-spacing:-.035em;line-height:1.04}
.destination-collection__hero .hero-content .sub-title{font-size:11px;letter-spacing:.18em;color:#e1d5be}
.destination-collection__hero .hero-bg::before{background:linear-gradient(90deg,#182c38d9,#182c3850 72%,#182c3826)}
.destination-collection-page .section-padding{padding-block:clamp(56px,7vw,100px)}
.destination-collection__nav{top:var(--destination-header-offset,0px);padding:7px 0;background:var(--ert-sand);border-color:var(--border);box-shadow:none;backdrop-filter:none}
.destination-collection__nav .container{min-height:62px}
.destination-collection__nav-label{color:var(--ert-gold-dark);font-weight:500}
.destination-collection__nav-label i{color:var(--ert-gold-dark);background:transparent}
.destination-collection__nav-link{border-radius:2px;background:transparent;color:var(--ert-nile-dark);font-size:11px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}
.destination-collection__nav-link:hover,.destination-collection__nav-link:focus-visible{border-color:var(--ert-gold);color:var(--ert-nile-dark);background:var(--ert-white)}
.destination-collection__nav-link.is-active,.destination-collection__nav-link[aria-current="true"]{border-color:var(--ert-nile-dark);background:var(--ert-nile-dark);color:var(--ert-white)}
.destination-collection__intro{background:var(--ert-sand)}
.destination-collection__intro-ghost{color:var(--ert-gold);opacity:.18;font-family:var(--ert-font-display);font-weight:500}
.destination-collection__intro h2{font-family:var(--ert-font-display);font-weight:500;letter-spacing:-.025em}
.destination-collection__intro-tagline,.destination-collection__intro-copy,.destination-collection__intro-grid>div>p{color:var(--ert-muted)}
.destination-collection__summary{border-color:var(--border-2);background:transparent}
.destination-collection__summary strong{color:var(--ert-nile-dark);font-family:var(--ert-font-display);font-weight:500}
.destination-collection__summary span{color:var(--ert-muted)}
.destination-grid{background:#eae6df}
.ert-desthub__card{border-radius:3px;border-color:color-mix(in srgb,var(--ert-white) 35%,transparent);box-shadow:0 12px 30px color-mix(in srgb,var(--ert-nile-dark) 12%,transparent)}
.ert-desthub__card:hover{box-shadow:0 22px 46px color-mix(in srgb,var(--ert-nile-dark) 18%,transparent);transform:translateY(-5px)}
.ert-desthub__shade{background:linear-gradient(180deg,transparent 25%,#182c38d9)}
.ert-desthub__rank{color:#e1d5be;font-family:var(--ert-font-display);font-weight:500}
.ert-desthub__eyebrow{color:#e1d5be;font-weight:500}
.ert-desthub__eyebrow i{color:#e1d5be}
.ert-desthub__body h3{font-family:var(--ert-font-display);font-weight:500;letter-spacing:-.02em}
.ert-desthub__body p{color:#e3e7e5}
.ert-desthub__foot{border-color:#ffffff52}
.ert-desthub__count strong{color:#e1d5be;font-family:var(--ert-font-display);font-weight:500}
.ert-desthub__cta{color:#fff;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}
@media(max-width:767.98px){.destination-collection__hero .hero-1{padding-bottom:48px}.destination-collection__hero .hero-content h1{font-size:3.8rem}.destination-collection__nav{top:var(--destination-header-offset,0px)}}

.destination-collection__hero .hero-1 { min-height: clamp(520px, 70vh, 700px) !important; }
.destination-collection__hero .hero-bg { background-position: center 42%; }

.destination-collection__nav {
    position: sticky;
    z-index: 80;
    top: 86px;
    border-bottom: 1px solid rgb(from var(--ert-nile-dark) r g b / .1);
    background: rgb(from var(--ert-white) r g b / .96);
    box-shadow: 0 12px 30px rgb(from var(--ert-nile-dark) r g b / .06);
    backdrop-filter: blur(14px);
    padding: 10px 0px;
}

.destination-collection__nav .container {
    display: flex;
    min-height: 64px;
    align-items: center;
    gap: 30px;
}

.destination-collection__nav-label {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 8px;
    color: var(--ert-gold-dark);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.destination-collection__nav-label i {
    display: grid;
    width: 24px;
    height: 24px;
    place-items: center;
    border-radius: 50%;
    color: var(--ert-gold-dark);
    background: var(--ert-champagne);
    font-size: 11px;
}

.destination-collection__nav-rail {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
    padding: 9px 0;
}

.destination-collection__nav-rail .swiper { width: 100%; }

.destination-navigation-slider .swiper-slide { width: auto; }

.destination-collection__nav-controls {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 8px;
    margin-left: 6px;
}

.destination-collection__nav-controls button {
    display: grid;
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    place-items: center;
    border: 1px solid rgb(from var(--ert-nile-dark) r g b / .14);
    border-radius: 50%;
    color: var(--header);
    background: var(--ert-white);
    font-size: 13px;
    cursor: pointer;
    transition: border-color .2s ease, color .2s ease, background .2s ease;
}

.destination-collection__nav-controls button:hover {
    border-color: var(--theme);
    background: var(--ert-champagne);
}

.destination-collection__nav-controls button.swiper-button-disabled {
    opacity: .35;
    pointer-events: none;
}

.destination-collection__nav-link {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    padding: 8px 14px;
    border: 1px solid rgb(from var(--ert-nile-dark) r g b / .1);
    border-radius: 999px;
    color: var(--header);
    background: var(--ert-white);
    font-size: 12px;
    font-weight: 600;
    transition: border-color .2s ease, color .2s ease, background .2s ease, transform .2s ease, box-shadow .2s ease;
}

.destination-collection__nav-link:hover,
.destination-collection__nav-link:focus-visible {
    border-color: var(--theme);
    color: var(--header);
    background: var(--ert-champagne);
    transform: translateY(-1px);
}

.destination-collection__nav-link.is-active,
.destination-collection__nav-link[aria-current="true"] {
    border-color: var(--theme);
    color: var(--ert-white);
    background: var(--theme);
    box-shadow: 0 6px 16px -6px rgb(from var(--ert-gold) r g b / .65);
}

.destination-collection__intro {
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid rgb(from var(--ert-nile-dark) r g b / .08);
    background:
        radial-gradient(760px 320px at 92% -6%, rgb(from var(--ert-gold) r g b / .12), transparent 62%),
        linear-gradient(180deg, var(--ert-white) 0%, var(--ert-sand) 100%);
}

.destination-collection__intro-ghost {
    position: absolute;
    z-index: 0;
    right: clamp(12px, 3vw, 48px);
    bottom: -0.16em;
    font-family: var(--ert-font-display);
    font-size: clamp(160px, 21vw, 320px);
    font-weight: 600;
    line-height: 1;
    color: rgb(from var(--ert-gold) r g b / .09);
    letter-spacing: .04em;
    pointer-events: none;
    user-select: none;
}

.destination-collection__intro-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr);
    gap: clamp(45px, 8vw, 120px);
    align-items: end;
}

.destination-collection__eyebrow {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    color: var(--ert-gold-dark);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.destination-collection__eyebrow::before {
    content: "";
    width: 28px;
    height: 1px;
    background: var(--ert-gold);
}

.destination-collection__intro h2 {
    max-width: 780px;
    margin: 0;
    color: var(--header);
    font-size: clamp(38px, 5vw, 62px);
    line-height: 1.04;
}

.destination-collection__intro-tagline {
    max-width: 620px;
    margin: 20px 0 0;
    color: rgb(from var(--ert-nile-dark) r g b / .6);
    font-size: 15px;
    line-height: 1.7;
}

.destination-collection__intro-copy,
.destination-collection__intro-grid > div > p {
    color: rgb(from var(--ert-nile-dark) r g b / .68);
    font-size: 16px;
    line-height: 1.8;
}

.destination-collection__intro-copy p:last-child { margin-bottom: 0; }

.destination-collection__summary {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    margin-top: 24px;
    padding-top: 22px;
    border-top: 1px solid rgb(from var(--ert-gold) r g b / .35);
}

.destination-collection__summary strong {
    color: var(--ert-gold-dark);
    font-family: var(--ert-font-display);
    font-size: 56px;
    line-height: 1;
}

.destination-collection__summary span {
    max-width: 150px;
    color: var(--header);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .1em;
    line-height: 1.5;
    text-transform: uppercase;
}

@media (max-width: 1199.98px) {
    .destination-collection__nav { top: 74px; }}

@media (max-width: 991.98px) {
    .destination-collection__intro-grid { grid-template-columns: 1fr; gap: 28px; }}

@media (max-width: 767.98px) {
    .destination-collection__hero .hero-1 { min-height: 580px !important; }
    .destination-collection__nav { top: 68px; }
    .destination-collection__nav .container { display: block; min-height: 0; gap: 0; }
    .destination-collection__nav-label { display: none; }
    .destination-collection__nav-rail { padding: 10px 0; }
    .destination-collection__nav-controls { display: none; }
    .destination-collection__intro-ghost {
        right: 4px;
        bottom: -0.12em;
        font-size: clamp(120px, 42vw, 210px);
    }
    .destination-collection__intro-grid { align-items: start; }}

@media (prefers-reduced-motion: reduce) {}

/* Destination grid — ranked mosaic (about-page hub language) */
.destination-grid { background: var(--ert-white); }

.ert-desthub {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 18px;
}

.ert-desthub__featured { grid-column: span 4; grid-row: span 2; }
.ert-desthub__side { grid-column: span 2; grid-row: span 2; }
.ert-desthub__rest { grid-column: span 2; }
.ert-desthub__empty { grid-column: 1 / -1; }

.ert-desthub__card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 300px;
    overflow: hidden;
    border: 1px solid rgb(from var(--ert-nile-dark) r g b / .08);
    border-radius: var(--ert-radius-lg);
    background-color: var(--ert-navy);
    isolation: isolate;
    text-decoration: none;
    scroll-margin-top: 130px;
    transition: transform var(--ert-transition) ease, box-shadow var(--ert-transition) ease;
}
.ert-desthub__card:hover {
    transform: translateY(-5px);
    box-shadow: var(--ert-shadow-lg);
}
.ert-desthub__card:focus-visible {
    outline: 2px solid var(--ert-gold);
    outline-offset: 3px;
}

.ert-desthub__media {
    position: absolute;
    inset: 0;
}
.ert-desthub__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s ease-out;
}
.ert-desthub__card:hover .ert-desthub__media img { transform: scale(1.06); }

.ert-desthub__shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgb(from var(--ert-nile-dark) r g b / 0) 38%, rgb(from var(--ert-nile-dark) r g b / .88) 100%);
}

.ert-desthub__rank {
    position: absolute;
    top: 14px;
    inset-inline-start: 14px;
    z-index: 2;
    padding: 8px 13px;
    border: 1px solid rgb(from var(--ert-gold-soft) r g b / .4);
    border-radius: var(--ert-radius-pill);
    background: rgb(from var(--ert-nile-dark) r g b / .55);
    color: var(--ert-gold-soft);
    font-family: var(--ert-font-display);
    font-size: .95rem;
    font-weight: 600;
    line-height: 1;
    backdrop-filter: blur(6px);
}

.ert-desthub__body {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 22px 24px 24px;
}
.ert-desthub__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--ert-gold-soft);
    font-size: .74rem;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.ert-desthub__eyebrow i { color: var(--ert-gold); }
.ert-desthub__body h3 {
    margin: 0;
    color: var(--ert-white);
    font-family: var(--ert-font-display);
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.25;
}
.ert-desthub__featured .ert-desthub__body h3 { font-size: 1.75rem; }
.ert-desthub__body p {
    margin: 0;
    color: rgb(from var(--ert-white) r g b / .78);
    font-size: .88rem;
    line-height: 1.6;
}
.ert-desthub__rest .ert-desthub__body p { display: none; }

.ert-desthub__foot {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px 16px;
    margin-top: 6px;
}
.ert-desthub__count {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    color: rgb(from var(--ert-white) r g b / .85);
    font-size: .8rem;
}
.ert-desthub__count strong {
    color: var(--ert-gold);
    font-family: var(--ert-font-display);
    font-size: 1.05rem;
}
.ert-desthub__cta {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--ert-gold-soft);
    font-size: .74rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.ert-desthub__cta i { transition: transform var(--ert-transition) ease; }
.ert-desthub__card:hover .ert-desthub__cta i { transform: translateX(4px); }

@media (max-width: 1199.98px) {
    .ert-desthub { grid-template-columns: repeat(2, 1fr); }
    .ert-desthub__featured,
    .ert-desthub__side { grid-column: span 2; grid-row: auto; }
    .ert-desthub__rest { grid-column: span 1; }
}

@media (max-width: 767.98px) {
    .ert-desthub { grid-template-columns: 1fr; }
    .ert-desthub__featured,
    .ert-desthub__side,
    .ert-desthub__rest { grid-column: span 1; }
    .ert-desthub__card { scroll-margin-top: 120px; }
    .ert-desthub__rest .ert-desthub__body p { display: block; }
}

@media (prefers-reduced-motion: reduce) {
    .ert-desthub__card,
    .ert-desthub__media img,
    .ert-desthub__cta i { transition: none; }
}