/**
 * GATARD Pro Pages 1.9.73
 * CMS 8 uniquement — finition responsive de la page Nos emplacements.
 * Même logique que l'index : gouttières de 15 px, tablette centrée comme le mobile,
 * espacements progressifs et toolbar légèrement superposée au hero.
 */

html body.cms-id-8,
html body.cms-id-8 #page,
html body.cms-id-8 #wrapper,
html body.cms-id-8 #main,
html body.cms-id-8 #content-wrapper,
html body.cms-id-8 #content,
html body.cms-id-8 .page-content,
html body.cms-id-8 #gatard-locations {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: clip !important;
}

html body.cms-id-8 #gatard-locations {
    --gatard-locations-gutter: 15px;
    --gatard-locations-max: 1800px;
    --gatard-locations-space-xs: clamp(10px, .9vw, 16px);
    --gatard-locations-space-sm: clamp(16px, 1.35vw, 24px);
    --gatard-locations-space-md: clamp(24px, 2.2vw, 38px);
    --gatard-locations-space-lg: clamp(36px, 3.6vw, 62px);
    position: relative !important;
    left: auto !important;
    right: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    font-family: "Poppins", Arial, Helvetica, sans-serif !important;
    background: #fbf7f2 !important;
}

html body.cms-id-8 #gatard-locations,
html body.cms-id-8 #gatard-locations *,
html body.cms-id-8 #gatard-locations *::before,
html body.cms-id-8 #gatard-locations *::after {
    box-sizing: border-box !important;
}

html body.cms-id-8 #gatard-locations img {
    display: block !important;
    max-width: 100% !important;
}

html body.cms-id-8 #gatard-locations .gatard-locations__hero-inner,
html body.cms-id-8 #gatard-locations .gatard-locations__shell {
    width: min(var(--gatard-locations-max), calc(100% - (var(--gatard-locations-gutter) * 2))) !important;
    max-width: var(--gatard-locations-max) !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Hero plein fond, contenu protégé par les mêmes gouttières que l'index. */
html body.cms-id-8 #gatard-locations .gatard-locations__hero {
    min-height: clamp(370px, 29vw, 520px) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background-position: center right !important;
}

html body.cms-id-8 #gatard-locations .gatard-locations__hero-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    min-height: inherit !important;
    padding-top: clamp(56px, 5vw, 88px) !important;
    padding-bottom: clamp(100px, 7.2vw, 138px) !important;
}

html body.cms-id-8 #gatard-locations .gatard-locations__eyebrow {
    margin: 0 0 clamp(16px, 1.45vw, 25px) !important;
    font-size: clamp(11px, .72vw, 14px) !important;
    line-height: 1.3 !important;
}

html body.cms-id-8 #gatard-locations .gatard-locations__hero h1 {
    width: min(100%, 850px) !important;
    max-width: 850px !important;
    margin: 0 !important;
    font-family: "Poppins", Arial, Helvetica, sans-serif !important;
    font-size: clamp(40px, 3.55vw, 66px) !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 1.02 !important;
    letter-spacing: -.04em !important;
    text-wrap: balance !important;
}

html body.cms-id-8 #gatard-locations .gatard-locations__hero h1 em {
    font-family: inherit !important;
    font-style: normal !important;
    font-weight: inherit !important;
}

html body.cms-id-8 #gatard-locations .gatard-locations__hero p {
    width: min(100%, 650px) !important;
    max-width: 650px !important;
    margin: clamp(18px, 1.7vw, 28px) 0 0 !important;
    font-size: clamp(14px, .93vw, 17px) !important;
    line-height: 1.68 !important;
    overflow-wrap: anywhere !important;
}

html body.cms-id-8 #gatard-locations .gatard-locations__hero-btn {
    min-height: clamp(48px, 3.3vw, 54px) !important;
    margin-top: clamp(22px, 1.9vw, 32px) !important;
    padding: 0 clamp(20px, 1.6vw, 28px) !important;
    font-size: clamp(13px, .82vw, 15px) !important;
}

/* La toolbar chevauche légèrement le hero, comme les blocs flottants de l'index. */
html body.cms-id-8 #gatard-locations .gatard-locations__shell {
    position: relative !important;
    z-index: 30 !important;
    margin-top: -48px !important;
    padding: 0 0 clamp(44px, 4vw, 72px) !important;
}

html body.cms-id-8 #gatard-locations .gatard-locations__toolbar {
    position: relative !important;
    z-index: 40 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: clamp(17px, 1.55vw, 27px) clamp(18px, 1.8vw, 32px) !important;
    gap: clamp(12px, 1.2vw, 20px) !important;
    border-radius: clamp(15px, 1.25vw, 19px) !important;
    overflow: visible !important;
}

html body.cms-id-8 #gatard-locations .gatard-locations__filters,
html body.cms-id-8 #gatard-locations .gatard-locations__actions {
    min-width: 0 !important;
    max-width: 100% !important;
    gap: clamp(8px, .85vw, 14px) !important;
}

html body.cms-id-8 #gatard-locations .gatard-locations__filter,
html body.cms-id-8 #gatard-locations .gatard-locations__period,
html body.cms-id-8 #gatard-locations .gatard-locations__search {
    min-height: clamp(42px, 2.8vw, 46px) !important;
    font-family: "Poppins", Arial, Helvetica, sans-serif !important;
    font-size: clamp(12px, .78vw, 14px) !important;
}

html body.cms-id-8 #gatard-locations .gatard-locations__filter {
    padding: 0 clamp(16px, 1.35vw, 24px) !important;
}

html body.cms-id-8 #gatard-locations .gatard-locations__period {
    padding: 0 clamp(14px, 1.1vw, 20px) !important;
}

html body.cms-id-8 #gatard-locations .gatard-locations__search {
    width: clamp(230px, 22vw, 340px) !important;
    min-width: clamp(230px, 22vw, 340px) !important;
    padding: 0 clamp(14px, 1.1vw, 19px) !important;
}

html body.cms-id-8 #gatard-locations .gatard-locations__search input {
    min-width: 0 !important;
    font-family: inherit !important;
    font-size: clamp(12px, .78vw, 14px) !important;
}

html body.cms-id-8 #gatard-locations .gatard-locations__results-status {
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body.cms-id-8 #gatard-locations .gatard-locations__list {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    gap: clamp(18px, 1.55vw, 28px) !important;
    margin: clamp(34px, 3.6vw, 58px) 0 0 !important;
    padding: 0 !important;
}

/* Toutes les cartes conservent l'ordre validé : image, contenu, carte. */
html body.cms-id-8 #gatard-locations .gatard-location-card,
html body.cms-id-8 #gatard-locations .gatard-location-card:nth-child(even) {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: clamp(220px, 14vw, 250px) !important;
    margin: 0 !important;
    border-radius: clamp(14px, 1.1vw, 18px) !important;
    overflow: hidden !important;
}

html body.cms-id-8 #gatard-locations .gatard-location-card__photo,
html body.cms-id-8 #gatard-locations .gatard-location-card__content,
html body.cms-id-8 #gatard-locations .gatard-location-card__map {
    min-width: 0 !important;
    max-width: 100% !important;
}

html body.cms-id-8 #gatard-locations .gatard-location-card__photo,
html body.cms-id-8 #gatard-locations .gatard-location-card__photo img {
    min-height: clamp(220px, 14vw, 250px) !important;
}

html body.cms-id-8 #gatard-locations .gatard-location-card__photo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

html body.cms-id-8 #gatard-locations .gatard-location-card__content {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding: clamp(24px, 2.1vw, 38px) !important;
}

html body.cms-id-8 #gatard-locations .gatard-location-card__date {
    margin: 0 0 clamp(9px, .8vw, 14px) !important;
    font-family: "Poppins", Arial, Helvetica, sans-serif !important;
    font-size: clamp(10px, .68vw, 12px) !important;
    line-height: 1.35 !important;
}

html body.cms-id-8 #gatard-locations .gatard-location-card h2 {
    margin: 0 !important;
    font-family: "Poppins", Arial, Helvetica, sans-serif !important;
    font-size: clamp(28px, 2.05vw, 39px) !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 1.08 !important;
    letter-spacing: -.035em !important;
    overflow-wrap: anywhere !important;
}

html body.cms-id-8 #gatard-locations .gatard-location-card__address {
    margin-top: clamp(12px, 1vw, 18px) !important;
    font-size: clamp(12px, .82vw, 15px) !important;
    line-height: 1.5 !important;
}

html body.cms-id-8 #gatard-locations .gatard-location-card__address p {
    min-width: 0 !important;
    margin: 0 !important;
    overflow-wrap: anywhere !important;
}

html body.cms-id-8 #gatard-locations .gatard-location-card__bottom {
    width: 100% !important;
    min-width: 0 !important;
    gap: var(--gatard-locations-space-sm) !important;
    margin-top: clamp(18px, 1.55vw, 27px) !important;
}

html body.cms-id-8 #gatard-locations .gatard-location-card__times {
    min-width: 0 !important;
    gap: clamp(7px, .6vw, 10px) !important;
}

html body.cms-id-8 #gatard-locations .gatard-location-card__times > span,
html body.cms-id-8 #gatard-locations .gatard-location-card__route {
    min-height: clamp(38px, 2.5vw, 43px) !important;
    font-family: "Poppins", Arial, Helvetica, sans-serif !important;
    font-size: clamp(10.5px, .7vw, 12.5px) !important;
}

html body.cms-id-8 #gatard-locations .gatard-location-card__route {
    flex: 0 0 auto !important;
    padding: 0 clamp(15px, 1.2vw, 21px) !important;
}

html body.cms-id-8 #gatard-locations .gatard-location-card__map,
html body.cms-id-8 #gatard-locations .gatard-location-card:nth-child(even) .gatard-location-card__map {
    min-height: clamp(170px, 11vw, 196px) !important;
    margin: clamp(16px, 1.35vw, 24px) clamp(16px, 1.35vw, 24px) clamp(16px, 1.35vw, 24px) 0 !important;
    border-radius: clamp(11px, .85vw, 14px) !important;
}

html body.cms-id-8 #gatard-locations .gatard-location-card__map img {
    width: 100% !important;
    height: 100% !important;
    min-height: inherit !important;
    object-fit: cover !important;
}

html body.cms-id-8 #gatard-locations .gatard-locations__note {
    width: min(100%, 1100px) !important;
    max-width: 1100px !important;
    margin: clamp(34px, 3.5vw, 56px) auto 0 !important;
    padding: 0 !important;
    gap: clamp(12px, 1.2vw, 20px) !important;
}

html body.cms-id-8 #gatard-locations .gatard-locations__note p {
    margin: 0 !important;
    font-size: clamp(13px, .88vw, 16px) !important;
    line-height: 1.55 !important;
    text-align: center !important;
}

/* Desktop : image à gauche, contenu au centre, carte à droite. */
@media (min-width: 1200px) {
    html body.cms-id-8 #gatard-locations .gatard-location-card,
    html body.cms-id-8 #gatard-locations .gatard-location-card:nth-child(even) {
        display: grid !important;
        grid-template-columns: minmax(290px, 25%) minmax(0, 1fr) minmax(190px, 15%) !important;
        grid-template-areas: "photo content map" !important;
        align-items: stretch !important;
        gap: 0 !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-location-card__photo,
    html body.cms-id-8 #gatard-locations .gatard-location-card:nth-child(even) .gatard-location-card__photo {
        grid-area: photo !important;
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-location-card__content,
    html body.cms-id-8 #gatard-locations .gatard-location-card:nth-child(even) .gatard-location-card__content {
        grid-area: content !important;
        grid-column: 2 !important;
        grid-row: 1 !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-location-card__map,
    html body.cms-id-8 #gatard-locations .gatard-location-card:nth-child(even) .gatard-location-card__map {
        grid-area: map !important;
        grid-column: 3 !important;
        grid-row: 1 !important;
    }
}

/* Tablette : même architecture verticale, centrée et lisible que le mobile/index. */
@media (min-width: 768px) and (max-width: 1199.98px) {
    html body.cms-id-8 #gatard-locations .gatard-locations__hero {
        min-height: clamp(440px, 57vw, 650px) !important;
        background-position: center center !important;
        background-image: linear-gradient(180deg, rgba(10, 8, 5, .74) 0%, rgba(10, 8, 5, .68) 56%, rgba(10, 8, 5, .82) 100%), var(--gatard-hero-image) !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-locations__hero-inner {
        align-items: center !important;
        padding-top: clamp(72px, 8vw, 96px) !important;
        padding-bottom: clamp(104px, 11vw, 136px) !important;
        text-align: center !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-locations__eyebrow {
        justify-content: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-locations__hero h1 {
        width: min(100%, 880px) !important;
        max-width: 880px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        font-size: clamp(43px, 6.2vw, 68px) !important;
        text-align: center !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-locations__hero p {
        width: min(100%, 760px) !important;
        max-width: 760px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        font-size: clamp(15px, 1.75vw, 17px) !important;
        text-align: center !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-locations__hero-btn {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-locations__shell {
        margin-top: -40px !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-locations__toolbar {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        align-items: stretch !important;
        gap: clamp(12px, 1.7vw, 18px) !important;
        padding: clamp(16px, 2.2vw, 23px) !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-locations__filters {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        width: 100% !important;
        gap: clamp(8px, 1.1vw, 12px) !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-locations__filter {
        width: 100% !important;
        min-width: 0 !important;
        padding: 0 clamp(8px, 1.3vw, 15px) !important;
        white-space: normal !important;
        text-align: center !important;
        overflow-wrap: anywhere !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-locations__actions {
        display: grid !important;
        grid-template-columns: minmax(180px, .72fr) minmax(260px, 1.28fr) !important;
        width: 100% !important;
        gap: clamp(8px, 1.1vw, 12px) !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-locations__period,
    html body.cms-id-8 #gatard-locations .gatard-locations__search {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-locations__list {
        gap: clamp(20px, 2.7vw, 30px) !important;
        margin-top: clamp(34px, 4.6vw, 52px) !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-location-card,
    html body.cms-id-8 #gatard-locations .gatard-location-card:nth-child(even) {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-areas: "photo" "content" "map" !important;
        width: min(100%, 980px) !important;
        min-height: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-location-card__photo,
    html body.cms-id-8 #gatard-locations .gatard-location-card:nth-child(even) .gatard-location-card__photo {
        grid-area: photo !important;
        grid-column: 1 !important;
        grid-row: 1 !important;
        width: 100% !important;
        min-height: 0 !important;
        aspect-ratio: 16 / 7 !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-location-card__photo img {
        min-height: 0 !important;
        aspect-ratio: inherit !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-location-card__content,
    html body.cms-id-8 #gatard-locations .gatard-location-card:nth-child(even) .gatard-location-card__content {
        grid-area: content !important;
        grid-column: 1 !important;
        grid-row: 2 !important;
        align-items: center !important;
        padding: clamp(28px, 4vw, 46px) clamp(24px, 4.5vw, 52px) !important;
        text-align: center !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-location-card__date,
    html body.cms-id-8 #gatard-locations .gatard-location-card__address,
    html body.cms-id-8 #gatard-locations .gatard-location-card__bottom {
        justify-content: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-location-card__address {
        align-items: flex-start !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-location-card__bottom {
        width: min(100%, 760px) !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-location-card__times {
        justify-content: center !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-location-card__map,
    html body.cms-id-8 #gatard-locations .gatard-location-card:nth-child(even) .gatard-location-card__map {
        grid-area: map !important;
        grid-column: 1 !important;
        grid-row: 3 !important;
        width: calc(100% - clamp(32px, 5vw, 56px)) !important;
        min-height: 0 !important;
        aspect-ratio: 16 / 5.2 !important;
        margin: 0 auto clamp(16px, 2.4vw, 26px) !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-location-card__map img {
        min-height: 0 !important;
        aspect-ratio: inherit !important;
    }
}

/* Tablette compacte : contrôles en deux colonnes et cartes toujours centrées. */
@media (min-width: 768px) and (max-width: 899.98px) {
    html body.cms-id-8 #gatard-locations .gatard-locations__filters {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-locations__actions {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-location-card__bottom {
        flex-direction: column !important;
        align-items: center !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-location-card__route {
        align-self: center !important;
    }
}

/* Mobile : une colonne, marges homogènes et dimensions compactes. */
@media (max-width: 767.98px) {
    html body.cms-id-8 #gatard-locations .gatard-locations__hero {
        min-height: 430px !important;
        background-position: center center !important;
        background-image: linear-gradient(180deg, rgba(10, 8, 5, .76) 0%, rgba(10, 8, 5, .69) 55%, rgba(10, 8, 5, .86) 100%), var(--gatard-hero-image) !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-locations__hero-inner {
        align-items: center !important;
        min-height: 430px !important;
        padding-top: 54px !important;
        padding-bottom: 82px !important;
        text-align: center !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-locations__eyebrow {
        justify-content: center !important;
        gap: 9px !important;
        margin: 0 auto 14px !important;
        font-size: 10.5px !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-locations__eyebrow-line {
        width: 25px !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-locations__hero h1 {
        width: min(100%, 560px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        font-size: clamp(34px, 10.2vw, 47px) !important;
        line-height: 1.03 !important;
        text-align: center !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-locations__hero p {
        width: min(100%, 540px) !important;
        margin: 17px auto 0 !important;
        font-size: clamp(13.5px, 3.8vw, 15px) !important;
        line-height: 1.62 !important;
        text-align: center !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-locations__hero-btn {
        width: min(100%, 300px) !important;
        min-height: 48px !important;
        margin: 20px auto 0 !important;
        padding: 0 17px !important;
        font-size: 13px !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-locations__shell {
        margin-top: -28px !important;
        padding-bottom: 42px !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-locations__toolbar {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 10px !important;
        padding: 12px !important;
        border-radius: 14px !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-locations__filters {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        width: 100% !important;
        gap: 8px !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-locations__actions {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100% !important;
        gap: 8px !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-locations__filter,
    html body.cms-id-8 #gatard-locations .gatard-locations__period,
    html body.cms-id-8 #gatard-locations .gatard-locations__search {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        min-height: 42px !important;
        font-size: 12px !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-locations__filter {
        padding: 6px 8px !important;
        white-space: normal !important;
        line-height: 1.2 !important;
        text-align: center !important;
        overflow-wrap: anywhere !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-locations__search input {
        font-size: 16px !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-locations__list {
        gap: 18px !important;
        margin-top: 28px !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-location-card,
    html body.cms-id-8 #gatard-locations .gatard-location-card:nth-child(even) {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-areas: "photo" "content" "map" !important;
        min-height: 0 !important;
        border-radius: 14px !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-location-card__photo,
    html body.cms-id-8 #gatard-locations .gatard-location-card:nth-child(even) .gatard-location-card__photo {
        grid-area: photo !important;
        grid-column: 1 !important;
        grid-row: 1 !important;
        min-height: 0 !important;
        aspect-ratio: 16 / 9 !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-location-card__photo img {
        min-height: 0 !important;
        aspect-ratio: inherit !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-location-card__content,
    html body.cms-id-8 #gatard-locations .gatard-location-card:nth-child(even) .gatard-location-card__content {
        grid-area: content !important;
        grid-column: 1 !important;
        grid-row: 2 !important;
        align-items: center !important;
        padding: 22px 16px 20px !important;
        text-align: center !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-location-card__date {
        justify-content: center !important;
        margin: 0 auto 8px !important;
        font-size: 10px !important;
        text-align: center !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-location-card h2 {
        width: 100% !important;
        font-size: clamp(27px, 8vw, 34px) !important;
        line-height: 1.08 !important;
        text-align: center !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-location-card__address {
        justify-content: center !important;
        width: min(100%, 420px) !important;
        margin: 12px auto 0 !important;
        font-size: 13px !important;
        text-align: center !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-location-card__address p {
        text-align: center !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-location-card__bottom {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        width: 100% !important;
        gap: 12px !important;
        margin-top: 18px !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-location-card__times {
        justify-content: center !important;
        width: 100% !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-location-card__times > span {
        min-height: 38px !important;
        padding: 0 11px !important;
        font-size: 10.5px !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-location-card__route {
        align-self: stretch !important;
        width: 100% !important;
        min-height: 44px !important;
        justify-content: center !important;
        font-size: 12px !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-location-card__map,
    html body.cms-id-8 #gatard-locations .gatard-location-card:nth-child(even) .gatard-location-card__map {
        grid-area: map !important;
        grid-column: 1 !important;
        grid-row: 3 !important;
        width: calc(100% - 24px) !important;
        min-height: 0 !important;
        aspect-ratio: 16 / 7.5 !important;
        margin: 0 auto 12px !important;
        border-radius: 11px !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-location-card__map img {
        min-height: 0 !important;
        aspect-ratio: inherit !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-locations__note {
        margin-top: 34px !important;
        gap: 9px !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-locations__note-line {
        min-width: 18px !important;
    }

    html body.cms-id-8 #gatard-locations .gatard-locations__note p {
        font-size: 13px !important;
        line-height: 1.5 !important;
    }
}

@media (hover: none), (pointer: coarse) {
    html body.cms-id-8 #gatard-locations .gatard-location-card:hover,
    html body.cms-id-8 #gatard-locations .gatard-locations__filter:hover,
    html body.cms-id-8 #gatard-locations .gatard-locations__period:hover {
        transform: none !important;
    }
}