/*
 * Atria Travel Theme — assets/css/destination.css
 *
 * Styles for atria_destination taxonomy archive pages (/destination/cairo/ etc.).
 * Loaded only on destination term pages via taxonomy-atria_destination.php.
 * BEM prefix: dest-
 * Design reference: Atria-Destination-Cairo.dc.html
 * Tokens: #1A1715 ink · #B8915A gold · #F7F1E7 cream · #EFE7D9 sand ·
 *         #5A5048 body · #8a6a38 gold-dark · #C9A86A gold-light ·
 *         #0E0C0B dark-bg · #D8B97E breadcrumb-gold
 */

/* ── Page wrapper ─────────────────────────────────────────────────────────── */

.dest-page {
    background: #F5EFE6;
}

/* ── Shared eyebrow label ─────────────────────────────────────────────────── */

.dest-eyebrow {
    margin:         0 0 12px;
    font-size:      12px;
    font-weight:    500;
    letter-spacing: .26em;
    text-transform: uppercase;
    color:          #B8915A;
}

/* ── Section header ───────────────────────────────────────────────────────── */

.dest-section-header {
    margin-bottom: clamp( 32px, 4vw, 48px );
}

.dest-section-title {
    margin:      0;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 500;
    font-size:   clamp( 30px, 4vw, 50px );
    line-height: 1.06;
    color:       #1A1715;
}

/* Split header: title left, link right */

.dest-section-header--split {
    display:         flex;
    align-items:     flex-end;
    justify-content: space-between;
    flex-wrap:       wrap;
    gap:             20px;
    margin-bottom:   clamp( 28px, 3.5vw, 44px );
}

/* ══ HERO ════════════════════════════════════════════════════════════════════ */

.dest-hero {
    position:    relative;
    min-height:  clamp( 520px, 74vh, 780px );
    display:     flex;
    align-items: flex-end;
    overflow:    hidden;
    background:  #0E0C0B;
    color:       #F7F1E7;
}

.dest-hero__bg {
    position:            absolute;
    inset:               0;
    background-size:     cover;
    background-position: center;
    z-index:             0;
}

.dest-hero__gradient {
    position:       absolute;
    inset:          0;
    background:     linear-gradient( 0deg, rgba(15,12,10,.85) 0%, rgba(15,12,10,.2) 55%, rgba(15,12,10,.4) 100% );
    z-index:        1;
    pointer-events: none;
}

.dest-hero__content {
    position: relative;
    z-index:  2;
    max-width: 1320px;
    width:     100%;
    margin:    0 auto;
    padding:   0 clamp( 20px, 5vw, 72px ) clamp( 48px, 7vh, 84px );
}

.dest-hero__breadcrumb {
    margin:         0 0 16px;
    font-size:      12px;
    font-weight:    500;
    letter-spacing: .28em;
    text-transform: uppercase;
    color:          rgba( 247, 241, 231, .72 );
}

.dest-hero__breadcrumb a {
    text-decoration: none;
    color:           #D8B97E;
    transition:      color .18s;
}

.dest-hero__breadcrumb a:hover { color: #C9A86A; }

.dest-hero__title {
    margin:      0;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 500;
    font-size:   clamp( 44px, 6.4vw, 88px );
    line-height: 1.02;
    color:       #F7F1E7;
    text-shadow: 0 2px 30px rgba( 0, 0, 0, .4 );
}

.dest-hero__sub {
    margin:      18px 0 0;
    font-size:   clamp( 15px, 1.4vw, 18px );
    line-height: 1.7;
    color:       rgba( 247, 241, 231, .86 );
    max-width:   52ch;
    font-weight: 300;
}

/* Primary button (shared by hero + empty state) */

.dest-btn-primary {
    display:         inline-flex;
    align-items:     center;
    gap:             10px;
    margin-top:      32px;
    text-decoration: none;
    background:      #B8915A;
    color:           #1A1715;
    padding:         15px 30px;
    font-size:       12px;
    font-weight:     600;
    letter-spacing:  .16em;
    text-transform:  uppercase;
    transition:      background .18s;
}

.dest-btn-primary:hover { background: #C9A86A; }

/* ══ OVERVIEW (rich content + image) ════════════════════════════════════════ */

.dest-overview {
    padding: clamp( 56px, 7vw, 104px ) 0;
}

.dest-overview__inner {
    display:               grid;
    grid-template-columns: repeat( auto-fit, minmax( 300px, 1fr ) );
    gap:                   clamp( 40px, 5vw, 72px );
    align-items:           center;
}

.dest-overview__body {
    font-size:   clamp( 15px, 1.5vw, 17px );
    line-height: 1.85;
    color:       #4a423a;
    font-weight: 300;
}

.dest-overview__body h2 {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 500;
    font-size:   clamp( 28px, 3.5vw, 44px );
    color:       #1A1715;
    margin:      0 0 20px;
    line-height: 1.1;
}

.dest-overview__body h3 {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 500;
    font-size:   clamp( 22px, 2.5vw, 30px );
    color:       #1A1715;
    margin:      24px 0 12px;
    line-height: 1.2;
}

.dest-overview__body p { margin: 0 0 18px; }
.dest-overview__body p:last-child { margin-bottom: 0; }

.dest-overview__body ul,
.dest-overview__body ol {
    margin:      0 0 18px;
    padding-left: 1.4em;
    color:       #4a423a;
    font-weight: 300;
}

.dest-overview__body li { margin-bottom: 8px; }

.dest-overview__media {
    position: relative;
    height:   clamp( 340px, 40vw, 520px );
    overflow: hidden;
}

.dest-overview__img {
    position:   absolute;
    inset:      0;
    width:      100%;
    height:     100%;
    object-fit: cover;
}

/* ══ HIGHLIGHTS ══════════════════════════════════════════════════════════════ */

.dest-highlights-section {
    background:    #EFE7D9;
    border-top:    1px solid rgba( 26, 23, 21, .08 );
    border-bottom: 1px solid rgba( 26, 23, 21, .08 );
    padding:       clamp( 56px, 7vw, 100px ) 0;
}

.dest-highlights-grid {
    display:               grid;
    grid-template-columns: repeat( auto-fill, minmax( 280px, 1fr ) );
    gap:                   clamp( 18px, 2.2vw, 28px );
}

.dest-highlight-card {
    background: #fff;
    border:     1px solid rgba( 26, 23, 21, .08 );
    overflow:   hidden;
    transition: box-shadow .25s, transform .25s;
}

.dest-highlight-card:hover {
    box-shadow: 0 18px 40px rgba( 26, 23, 21, .14 );
    transform:  translateY( -4px );
}

.dest-highlight-card__image {
    display:  block;
    width:    100%;
    height:   clamp( 190px, 17vw, 220px );
    overflow: hidden;
}

.dest-highlight-card__image img {
    width:      100%;
    height:     100%;
    object-fit: cover;
    display:    block;
    transition: transform .4s ease;
}

.dest-highlight-card:hover .dest-highlight-card__image img { transform: scale(1.04); }

.dest-highlight-card__body { padding: 22px 24px 26px; }

.dest-highlight-card__title {
    margin:      0 0 8px;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
    font-size:   23px;
    color:       #1A1715;
    line-height: 1.15;
}

.dest-highlight-card__blurb {
    margin:      0;
    font-size:   14.5px;
    line-height: 1.65;
    color:       #5A5048;
    font-weight: 300;
}

/* ══ GALLERY ═════════════════════════════════════════════════════════════════ */

.dest-gallery-section {
    padding: clamp( 56px, 7vw, 100px ) 0;
}

.dest-gallery {
    display:               grid;
    grid-template-columns: repeat( auto-fill, minmax( 240px, 1fr ) );
    gap:                   8px;
}

.dest-gallery__item {
    position:     relative;
    overflow:     hidden;
    aspect-ratio: 4 / 3;
    background:   #E8DFD0;
}

.dest-gallery__item img {
    position:   absolute;
    inset:      0;
    width:      100%;
    height:     100%;
    object-fit: cover;
    display:    block;
    transition: transform .4s ease;
}

.dest-gallery__item:hover img { transform: scale(1.06); }

/* ══ MAP ═════════════════════════════════════════════════════════════════════ */

.dest-map-section {
    background:    #EFE7D9;
    border-top:    1px solid rgba( 26, 23, 21, .08 );
    border-bottom: 1px solid rgba( 26, 23, 21, .08 );
    padding:       clamp( 56px, 7vw, 100px ) 0;
}

.dest-map {
    aspect-ratio: 16 / 7;
    overflow:     hidden;
    border:       1px solid rgba( 26, 23, 21, .1 );
}

.dest-map iframe {
    width:   100%;
    height:  100%;
    display: block;
    border:  0;
}

/* ══ FAQs ════════════════════════════════════════════════════════════════════ */

.dest-faq-section {
    padding: clamp( 56px, 7vw, 100px ) 0;
}

/* ══ FEATURED PRODUCTS GRID ══════════════════════════════════════════════════ */

.dest-trips-section {
    padding: clamp( 56px, 7vw, 100px ) 0;
}

.dest-link-all {
    display:         inline-flex;
    align-items:     center;
    gap:             10px;
    text-decoration: none;
    color:           #8a6a38;
    font-size:       12px;
    font-weight:     600;
    letter-spacing:  .16em;
    text-transform:  uppercase;
    white-space:     nowrap;
    flex-shrink:     0;
    transition:      gap .18s, color .18s;
    align-self:      flex-end;
}

.dest-link-all:hover {
    color: #1A1715;
    gap:   16px;
}

.dest-trips-grid {
    display:               grid;
    grid-template-columns: repeat( auto-fill, minmax( 280px, 1fr ) );
    gap:                   clamp( 20px, 2.4vw, 34px );
}

/* ── atria-card family (nilecruise, dahabiya, shoreexcursion, transfer) ─── */

.dest-trips-grid .atria-card {
    position:       relative;
    display:        flex;
    flex-direction: column;
    background:     #fff;
    border:         1px solid rgba( 26, 23, 21, .08 );
    overflow:       hidden;
    transition:     box-shadow .25s, transform .25s;
}

.dest-trips-grid .atria-card:hover {
    box-shadow: 0 18px 40px rgba( 26, 23, 21, .14 );
    transform:  translateY( -4px );
}

.dest-trips-grid .atria-card__image-link {
    display:  block;
    position: relative;
    height:   clamp( 220px, 21vw, 260px );
    overflow: hidden;
}

.dest-trips-grid .atria-card__image {
    position:        absolute;
    inset:           0;
    width:           100%;
    height:          100%;
    object-fit:      cover;
    object-position: center;
    transition:      transform .4s ease;
}

.dest-trips-grid .atria-card:hover .atria-card__image { transform: scale(1.04); }

.dest-trips-grid .atria-card__image--placeholder {
    position:   absolute;
    inset:      0;
    background: #E8DFD0;
}

.dest-trips-grid .atria-card__body {
    padding:        20px 22px 24px;
    display:        flex;
    flex-direction: column;
    flex:           1;
}

.dest-trips-grid .atria-card__eyebrow {
    margin:         0 0 8px;
    font-size:      10.5px;
    font-weight:    600;
    letter-spacing: .16em;
    text-transform: uppercase;
    color:          #8a6a38;
}

.dest-trips-grid .atria-card__title {
    margin:      0 0 10px;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
    font-size:   22px;
    color:       #1A1715;
    line-height: 1.14;
}

.dest-trips-grid .atria-card__title a {
    text-decoration: none;
    color:           inherit;
    transition:      color .18s;
}

.dest-trips-grid .atria-card__title a:hover { color: #8a6a38; }

.dest-trips-grid .atria-card__excerpt,
.dest-trips-grid .atria-card__route {
    margin:      0 0 14px;
    font-size:   14px;
    line-height: 1.6;
    color:       #5A5048;
    font-weight: 300;
}

.dest-trips-grid .atria-card__price {
    margin:      0 0 16px;
    font-size:   13px;
    color:       #7a6f62;
}

.dest-trips-grid .atria-card__cta,
.dest-trips-grid .atria-card__view {
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    padding:         11px 20px;
    font-size:       11px;
    font-weight:     600;
    letter-spacing:  .14em;
    text-transform:  uppercase;
    text-decoration: none;
    background:      #1A1715;
    color:           #F7F1E7;
    margin-top:      auto;
    border:          none;
    transition:      background .18s;
}

.dest-trips-grid .atria-card__cta:hover,
.dest-trips-grid .atria-card__view:hover { background: #B8915A; }

/* ── dta-card (day tours) ───────────────────────────────────────────────── */

.dest-trips-grid .dta-card {
    position:       relative;
    display:        flex;
    flex-direction: column;
    background:     #fff;
    border:         1px solid rgba( 26, 23, 21, .08 );
    overflow:       hidden;
    text-decoration: none;
    color:          inherit;
    transition:     box-shadow .25s, transform .25s;
}

.dest-trips-grid .dta-card:hover {
    box-shadow: 0 18px 40px rgba( 26, 23, 21, .14 );
    transform:  translateY( -4px );
}

.dest-trips-grid .dta-card__media {
    position: relative;
    height:   clamp( 220px, 21vw, 260px );
    overflow: hidden;
    background: #E8DFD0;
}

.dest-trips-grid .dta-card__img {
    position:        absolute;
    inset:           0;
    width:           100%;
    height:          100%;
    object-fit:      cover;
    object-position: center;
    transition:      transform .4s ease;
}

.dest-trips-grid .dta-card:hover .dta-card__img { transform: scale(1.04); }

.dest-trips-grid .dta-card__img-placeholder {
    position:   absolute;
    inset:      0;
    background: #E8DFD0;
}

.dest-trips-grid .dta-card__city,
.dest-trips-grid .dta-card__duration {
    position:       absolute;
    bottom:         10px;
    font-size:      10.5px;
    font-weight:    600;
    letter-spacing: .12em;
    text-transform: uppercase;
    background:     rgba( 26, 23, 21, .78 );
    color:          #F7F1E7;
    padding:        4px 10px;
}

.dest-trips-grid .dta-card__city  { left:  10px; }
.dest-trips-grid .dta-card__duration { right: 10px; }

.dest-trips-grid .dta-card__body {
    padding:        20px 22px;
    display:        flex;
    flex-direction: column;
    flex:           1;
}

.dest-trips-grid .dta-card__title {
    margin:      0 0 8px;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
    font-size:   22px;
    color:       #1A1715;
    line-height: 1.14;
}

.dest-trips-grid .dta-card__blurb {
    margin:      0 0 14px;
    font-size:   13.5px;
    line-height: 1.6;
    color:       #5A5048;
    font-weight: 300;
    flex:        1;
}

.dest-trips-grid .dta-card__footer {
    display:         flex;
    align-items:     center;
    justify-content: space-between;
    border-top:      1px solid rgba( 26, 23, 21, .08 );
    padding-top:     14px;
    gap:             12px;
}

.dest-trips-grid .dta-card__price {
    font-size:  13px;
    color:      #7a6f62;
    font-weight: 300;
}

.dest-trips-grid .dta-card__price-amount {
    font-family: 'Cormorant Garamond', serif;
    font-size:   22px;
    font-weight: 600;
    color:       #8a6a38;
    margin-left: 4px;
}

.dest-trips-grid .dta-card__enquire {
    display:        inline-flex;
    align-items:    center;
    gap:            6px;
    font-size:      11px;
    font-weight:    600;
    letter-spacing: .14em;
    text-transform: uppercase;
    color:          #8a6a38;
    transition:     gap .18s;
}

.dest-trips-grid .dta-card:hover .dta-card__enquire { gap: 10px; }

/* ── pka-card (packages) ────────────────────────────────────────────────── */

.dest-trips-grid .pka-card {
    position:       relative;
    display:        flex;
    flex-direction: column;
    background:     #fff;
    border:         1px solid rgba( 26, 23, 21, .08 );
    overflow:       hidden;
    transition:     box-shadow .25s, transform .25s;
}

.dest-trips-grid .pka-card:hover {
    box-shadow: 0 18px 40px rgba( 26, 23, 21, .14 );
    transform:  translateY( -4px );
}

.dest-trips-grid .pka-card__media {
    display:  block;
    position: relative;
    height:   clamp( 220px, 21vw, 260px );
    overflow: hidden;
    background: #E8DFD0;
    text-decoration: none;
}

.dest-trips-grid .pka-card__img {
    position:        absolute;
    inset:           0;
    width:           100%;
    height:          100%;
    object-fit:      cover;
    object-position: center;
    transition:      transform .4s ease;
}

.dest-trips-grid .pka-card:hover .pka-card__img { transform: scale(1.04); }

.dest-trips-grid .pka-card__img-placeholder {
    position:   absolute;
    inset:      0;
    background: #E8DFD0;
}

.dest-trips-grid .pka-card__badge {
    position:       absolute;
    top:            12px;
    left:           12px;
    font-size:      10.5px;
    font-weight:    600;
    letter-spacing: .12em;
    text-transform: uppercase;
    background:     #B8915A;
    color:          #1A1715;
    padding:        4px 10px;
}

.dest-trips-grid .pka-card__body {
    padding:        20px 22px 24px;
    display:        flex;
    flex-direction: column;
    flex:           1;
}

.dest-trips-grid .pka-card__title {
    margin:      0 0 6px;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
    font-size:   22px;
    color:       #1A1715;
    line-height: 1.14;
}

.dest-trips-grid .pka-card__title a {
    text-decoration: none;
    color:           inherit;
    transition:      color .18s;
}

.dest-trips-grid .pka-card__title a:hover { color: #8a6a38; }

.dest-trips-grid .pka-card__meta {
    margin:         0 0 10px;
    font-size:      12px;
    letter-spacing: .06em;
    color:          #7a6f62;
    font-weight:    400;
}

.dest-trips-grid .pka-card__blurb {
    margin:      0 0 14px;
    font-size:   13.5px;
    line-height: 1.6;
    color:       #5A5048;
    font-weight: 300;
    flex:        1;
}

.dest-trips-grid .pka-card__footer {
    display:         flex;
    align-items:     center;
    justify-content: space-between;
    border-top:      1px solid rgba( 26, 23, 21, .08 );
    padding-top:     14px;
    gap:             12px;
}

.dest-trips-grid .pka-card__price {
    font-size:  13px;
    color:      #7a6f62;
}

.dest-trips-grid .pka-card__price-amount {
    font-family: 'Cormorant Garamond', serif;
    font-size:   22px;
    font-weight: 600;
    color:       #8a6a38;
    margin-left: 4px;
}

.dest-trips-grid .pka-card__view {
    display:         inline-flex;
    align-items:     center;
    gap:             6px;
    text-decoration: none;
    font-size:       11px;
    font-weight:     600;
    letter-spacing:  .14em;
    text-transform:  uppercase;
    color:           #8a6a38;
    transition:      gap .18s;
}

.dest-trips-grid .pka-card__view:hover {
    color: #1A1715;
    gap:   10px;
}

/* ── Empty state ────────────────────────────────────────────────────────── */

.dest-empty {
    text-align: center;
    padding:    clamp( 56px, 7vw, 84px ) 0;
}

.dest-empty__text {
    margin:      0 0 24px;
    font-size:   16px;
    color:       #7a6f62;
    font-weight: 300;
}

.dest-empty .dest-btn-primary { margin-top: 0; }

/* ══ ARTICLES ════════════════════════════════════════════════════════════════ */

.dest-articles-section {
    background:    #EFE7D9;
    border-top:    1px solid rgba( 26, 23, 21, .08 );
    border-bottom: 1px solid rgba( 26, 23, 21, .08 );
    padding:       clamp( 56px, 7vw, 100px ) 0;
}

.dest-articles-grid {
    display:               grid;
    grid-template-columns: repeat( auto-fill, minmax( 280px, 1fr ) );
    gap:                   clamp( 18px, 2.2vw, 28px );
}

.dest-article-card {
    background:     #fff;
    border:         1px solid rgba( 26, 23, 21, .08 );
    overflow:       hidden;
    display:        flex;
    flex-direction: column;
    transition:     box-shadow .25s, transform .25s;
}

.dest-article-card:hover {
    box-shadow: 0 18px 40px rgba( 26, 23, 21, .14 );
    transform:  translateY( -4px );
}

.dest-article-card__thumb {
    display:    block;
    height:     clamp( 180px, 16vw, 210px );
    overflow:   hidden;
    background: #E8DFD0;
}

.dest-article-card__thumb img {
    width:      100%;
    height:     100%;
    object-fit: cover;
    display:    block;
    transition: transform .4s ease;
}

.dest-article-card:hover .dest-article-card__thumb img { transform: scale(1.04); }

.dest-article-card__body {
    padding:        20px 22px 24px;
    display:        flex;
    flex-direction: column;
    flex:           1;
}

.dest-article-card__title {
    margin:      0 0 10px;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
    font-size:   20px;
    color:       #1A1715;
    line-height: 1.2;
}

.dest-article-card__title a {
    color:           inherit;
    text-decoration: none;
    transition:      color .18s;
}

.dest-article-card__title a:hover { color: #8a6a38; }

.dest-article-card__excerpt {
    margin:              0 0 16px;
    font-size:           14px;
    line-height:         1.65;
    color:               #5A5048;
    font-weight:         300;
    display:             -webkit-box;
    -webkit-line-clamp:  3;
    -webkit-box-orient:  vertical;
    overflow:            hidden;
    flex:                1;
}

.dest-article-card__link {
    display:         inline-flex;
    align-items:     center;
    margin-top:      auto;
    font-size:       11.5px;
    font-weight:     600;
    letter-spacing:  .12em;
    text-transform:  uppercase;
    color:           #8a6a38;
    text-decoration: none;
    transition:      color .18s;
}

.dest-article-card__link:hover { color: #1A1715; }

/* ══ CTA BAND (dark) ═════════════════════════════════════════════════════════ */

.dest-cta {
    position:   relative;
    background: #0E0C0B;
    color:      #F7F1E7;
    overflow:   hidden;
    padding:    clamp( 56px, 7vw, 100px ) clamp( 20px, 5vw, 72px );
}

.dest-cta__inner {
    max-width: 1320px;
    margin:    0 auto;
}

.dest-cta__eyebrow {
    margin:         0 0 16px;
    font-size:      12px;
    font-weight:    500;
    letter-spacing: .3em;
    text-transform: uppercase;
    color:          #C9A86A;
}

.dest-cta__title {
    margin:      0;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 500;
    font-size:   clamp( 32px, 4.6vw, 56px );
    line-height: 1.06;
    color:       #F7F1E7;
    max-width:   20ch;
}

.dest-cta__sub {
    margin:      20px 0 0;
    font-size:   clamp( 15px, 1.4vw, 17px );
    line-height: 1.7;
    color:       rgba( 247, 241, 231, .78 );
    max-width:   52ch;
    font-weight: 300;
}

.dest-cta__actions {
    display:    flex;
    flex-wrap:  wrap;
    gap:        16px;
    margin-top: 36px;
}

.dest-cta__btn-primary {
    display:         inline-flex;
    align-items:     center;
    gap:             10px;
    text-decoration: none;
    background:      #B8915A;
    color:           #1A1715;
    padding:         17px 36px;
    font-size:       12.5px;
    font-weight:     600;
    letter-spacing:  .16em;
    text-transform:  uppercase;
    transition:      background .18s;
}

.dest-cta__btn-primary:hover { background: #C9A86A; }

/* ══ PAGINATION ══════════════════════════════════════════════════════════════ */

.atria-pagination { margin-top: clamp( 32px, 4vw, 52px ); }

/* ══ RESPONSIVE ══════════════════════════════════════════════════════════════ */

@media ( max-width: 1024px ) {
    .dest-overview__inner {
        grid-template-columns: 1fr;
    }

    .dest-overview__media {
        height:    clamp( 260px, 50vw, 420px );
        max-width: 640px;
    }
}

@media ( max-width: 768px ) {
    .dest-section-header--split {
        flex-direction: column;
        align-items:    flex-start;
    }

    .dest-hero__title {
        font-size: clamp( 38px, 10vw, 64px );
    }

    .dest-gallery {
        grid-template-columns: repeat( 2, 1fr );
    }

    .dest-map { aspect-ratio: 4 / 3; }
}

@media ( max-width: 540px ) {
    .dest-highlights-grid,
    .dest-trips-grid,
    .dest-articles-grid {
        grid-template-columns: 1fr;
    }

    .dest-gallery {
        grid-template-columns: repeat( 2, 1fr );
        gap:                   4px;
    }
}