/* Brand tokens (fallbacks if theme doesn't define them) */
:root {
    --celtiis-color-primary: #1D3D70;
    --celtiis-color-primary-soft: #2E4787;
    --celtiis-color-primary-deep: #15305a;
    --celtiis-color-accent: #8DC63F;
    --celtiis-color-text: #1D3D70;
    --celtiis-color-muted: #54627F;
    --celtiis-color-border: #DFE5F2;
    --celtiis-color-surface: #FFFFFF;
    --celtiis-bg: #fbfbfb;
    --celtiis-color-surface-alt: #F4F7FB;
    --celtiis-radius-md: 22px;
    --celtiis-radius-lg: 32px;
}

.celtiis-forfait-single {
    padding-bottom: 24px;
    color: var(--celtiis-color-text);
    background-color: #ffff;
    font-family: inherit;
}

.celtiis-forfait__children {
    background-color: #F9F9F9;
    padding-bottom: 50px;
}

.celtiis-forfait__hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
    gap: 28px;
    /* Les deux colonnes restent à la même hauteur lorsque le zoom du
       navigateur provoque un retour à la ligne dans le panneau. */
    align-items: stretch;
}

@media (max-width: 900px) {
    .celtiis-forfait__hero {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

/* Visual (gauche) - même hauteur que le panneau à droite */
.celtiis-forfait__visual {
    border-radius: var(--celtiis-radius-md);
    overflow: hidden;
    background: var(--celtiis-color-surface-alt);
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 320px;
}

@media (max-width: 900px) {
    .celtiis-forfait__visual {
        aspect-ratio: 4 / 5;
    }
}

.celtiis-forfait__visual-image,
.celtiis-forfait__visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

/* Panneau (droite) : carte blanche + encart navy en bas ─────── */
.celtiis-forfait__panel {
    background-color: var(--celtiis-color-surface);
    border: 1px solid var(--celtiis-color-border);
    border-radius: var(--celtiis-radius-md);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    font-family: 'Gotham', sans-serif;
}

/* Zone blanche : titre + description + features */
.celtiis-forfait__panel-body {
    padding: 20px 48px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    color: var(--celtiis-color-text);
}

.celtiis-forfait__panel-title {
    margin: 0;
    font-size: clamp(26px, 3vw, 28px);
    font-weight: 800;
    line-height: 1.15;
    color: var(--celtiis-color-primary);
    letter-spacing: -0.01em;
}

/* Rich content (description) - texte gris sur fond blanc */
.celtiis-forfait__rich-content {
    font-size: 16px;
    line-height: 1.6;
    color: var(--celtiis-color-muted);
}

.celtiis-forfait__rich-content > *:first-child { margin-top: 0; }
.celtiis-forfait__rich-content > *:last-child  { margin-bottom: 0; }

.celtiis-forfait__rich-content p {
    margin: 0 0 14px;
    color: var(--celtiis-color-muted);
}

.celtiis-forfait__rich-content h1,
.celtiis-forfait__rich-content h2,
.celtiis-forfait__rich-content h3 {
    color: var(--celtiis-color-primary);
    font-weight: 700;
    line-height: 1.3;
    margin: 20px 0 10px;
}

.celtiis-forfait__rich-content h2 { font-size: 20px; }
.celtiis-forfait__rich-content h3 { font-size: 17px; }

.celtiis-forfait__rich-content strong {
    color: var(--celtiis-color-primary);
    font-weight: 700;
}

.celtiis-forfait__rich-content a {
    color: var(--celtiis-color-primary);
    text-decoration: underline;
}

.celtiis-forfait__rich-content ul,
.celtiis-forfait__rich-content ol {
    padding-left: 22px;
    margin: 8px 0 14px;
}

/* Encart "Comment souscrire" (navy en bas) ──────────────────── */
.celtiis-forfait__panel-foot {
    margin-top: auto; /* colle l'encart au bas du panneau, peu importe la hauteur du body */
    background-color: var(--celtiis-color-primary);
    color: #ffffff;
    padding: 28px 48px;
    font-size: 15px;
    line-height: 1.6;
}

.celtiis-forfait__panel-foot > *:first-child { margin-top: 0; }
.celtiis-forfait__panel-foot > *:last-child  { margin-bottom: 0; }

.celtiis-forfait__panel-foot h1,
.celtiis-forfait__panel-foot h2,
.celtiis-forfait__panel-foot h3,
.celtiis-forfait__panel-foot h4 {
    color: #ffffff;
    font-weight: 700;
    font-size: 15px;
    margin: 0 0 14px;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.celtiis-forfait__panel-foot p {
    margin: 0 0 10px;
    color: rgba(255, 255, 255, 0.95);
}

.celtiis-forfait__panel-foot strong {
    color: #ffffff;
    font-weight: 700;
}

.celtiis-forfait__panel-foot a {
    color: var(--celtiis-color-accent);
    text-decoration: none;
}

.celtiis-forfait__panel-foot a:hover {
    text-decoration: underline;
}

.celtiis-forfait__panel-foot img {
    vertical-align: middle;
    max-height: 24px;
    width: auto;
}

.celtiis-forfait__panel-foot-title {
    margin: 0 0 15px;
    font-size: 11px;
    font-weight: 500;
    color: #ffffff;
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
}

.celtiis-forfait__foot-waaapp::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 60px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2272%22%20height%3D%2216%22%20viewBox%3D%220%200%2072%2016%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M8.09886%2015.5517L0%200.4375H6.00922L9.68974%208.59483L13.3118%200.4375H16.9046L20.5283%208.59483L24.2089%200.4375H30.2181L22.1175%2015.5448H18.5849L15.109%207.74178L11.6332%2015.5448L8.09886%2015.5517Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M35.3688%200C37.3999%200%2039.0785%200.677628%2040.3168%201.89185V0.435126H45.528V15.5424H40.3684V13.8501H40.322C39.6914%2014.5319%2038.9258%2015.0752%2038.074%2015.4453C37.2222%2015.8154%2036.3027%2016.0043%2035.3739%2015.9999C30.9556%2015.9999%2027.8633%2012.4364%2027.8633%208.01974C27.8633%203.60312%2030.9504%200%2035.3688%200ZM36.9287%2011.5437C38.9616%2011.5437%2040.4338%2010.0715%2040.4338%208.01114C40.4338%205.91978%2038.8739%204.44758%2036.9287%204.44758C34.956%204.44758%2033.3944%205.91978%2033.3944%208.01114C33.3944%2010.0664%2034.8081%2011.5437%2036.9287%2011.5437Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M53.2463%200C55.2775%200%2056.956%200.677628%2058.1943%201.89185V0.435126H63.4073V15.5424H58.2477V13.8501H58.1892C57.5586%2014.5319%2056.793%2015.0752%2055.9412%2015.4453C55.0894%2015.8154%2054.1699%2016.0043%2053.2411%2015.9999C48.8228%2015.9999%2045.7305%2012.4364%2045.7305%208.01974C45.7305%203.60312%2048.828%200%2053.2463%200ZM54.8062%2011.5437C56.8391%2011.5437%2058.3113%2010.0715%2058.3113%208.01114C58.3113%205.91978%2056.7497%204.44758%2054.8062%204.44758C52.8335%204.44758%2051.2719%205.91978%2051.2719%208.01114C51.2719%2010.0664%2052.6856%2011.5437%2054.8062%2011.5437Z%22%20fill%3D%22%2393C13E%22%2F%3E%0A%3Cpath%20d%3D%22M71.4523%2012.6365C71.4496%2013.3024%2071.2498%2013.9525%2070.8782%2014.5051C70.5066%2015.0576%2069.9797%2015.4877%2069.364%2015.7413C68.7483%2015.9948%2068.0713%2016.0605%2067.4183%2015.9299C66.7654%2015.7993%2066.1657%2015.4784%2065.6949%2015.0075C65.224%2014.5367%2064.9031%2013.937%2064.7725%2013.2841C64.6419%2012.6311%2064.7076%2011.9541%2064.9611%2011.3384C65.2147%2010.7227%2065.6448%2010.1958%2066.1974%209.82421C66.7499%209.45258%2067.4%209.25281%2068.0659%209.25009C68.5115%209.24688%2068.9533%209.33229%2069.3656%209.50134C69.7779%209.67039%2070.1525%209.91971%2070.4676%2010.2348C70.7827%2010.5499%2071.032%2010.9245%2071.2011%2011.3368C71.3701%2011.7491%2071.4555%2012.1909%2071.4523%2012.6365Z%22%20fill%3D%22%2393C13E%22%2F%3E%0A%3C%2Fsvg%3E");
}

.celtiis-forfait__foot-waaapp {
    margin: 0;
    font-size: 15px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.95);
    padding-left: 67px;
    position: relative;
}

.celtiis-forfait__foot-channels {
    margin: 0;
    font-size: 15px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.95);
    display: flex;
    align-items: center;
    gap: 8px;
}

.celtiis-forfait__foot-channels::before {
    content: "";
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2233%22%20viewBox%3D%220%200%2022%2033%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M14.4375%200H7.56248C5.55746%200.00218373%203.63518%200.799644%202.21741%202.21741C0.799644%203.63518%200.00218373%205.55746%200%207.56248V25.4374C0%2029.6078%203.39212%2032.9999%207.56248%2032.9999H14.4375C18.6078%2032.9999%2021.9999%2029.6078%2021.9999%2025.4374V7.56248C21.9999%203.39212%2018.6078%200%2014.4375%200ZM17.875%2025.4374C17.875%2027.3322%2016.3322%2028.8749%2014.4375%2028.8749H7.56248C6.65113%2028.8738%205.77743%2028.5113%205.13301%2027.8669C4.48859%2027.2225%204.12608%2026.3488%204.12499%2025.4374V7.56248C4.12499%206.07886%205.07099%204.81111%206.39098%204.33124L7.09361%205.73511C7.26497%206.07773%207.52838%206.36585%207.8543%206.56718C8.18021%206.76851%208.55576%206.8751%208.93885%206.87498H13.0638C13.8448%206.87498%2014.5585%206.43361%2014.9091%205.73511L15.6117%204.33124C16.2751%204.57256%2016.8483%205.01198%2017.2536%205.58996C17.659%206.16794%2017.8768%206.85654%2017.8777%207.56248V25.4374H17.875ZM12.375%2026.1249H9.62497C9.2603%2026.1249%208.91057%2025.9801%208.6527%2025.7222C8.39484%2025.4643%208.24998%2025.1146%208.24998%2024.7499C8.24998%2024.3853%208.39484%2024.0355%208.6527%2023.7777C8.91057%2023.5198%209.2603%2023.3749%209.62497%2023.3749H12.375C12.7396%2023.3749%2013.0894%2023.5198%2013.3472%2023.7777C13.6051%2024.0355%2013.75%2024.3853%2013.75%2024.7499C13.75%2025.1146%2013.6051%2025.4643%2013.3472%2025.7222C13.0894%2025.9801%2012.7396%2026.1249%2012.375%2026.1249Z%22%20fill%3D%22%238DC63F%22%2F%3E%0A%3C%2Fsvg%3E");
}

.celtiis-forfait__foot-channels strong {
    color: #ffffff;
    font-weight: 800;
}

/* Features (checks verts sur fond navy) */
.celtiis-forfait__features {
    list-style: none;
    padding: 0;
    margin: 4px 0 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.celtiis-forfait__feature {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    color: var(--celtiis-color-primary);
}

.celtiis-forfait__feature::before {
    content: "";
    flex-shrink: 0;
    width: 26px;
    height: 26px;
    margin-top: 1px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M16.3333%2024.5C22.1322%2024.5%2026.8333%2019.799%2026.8333%2014C26.8333%208.20101%2022.1322%203.5%2016.3333%203.5C10.5343%203.5%205.83325%208.20101%205.83325%2014C5.83325%2019.799%2010.5343%2024.5%2016.3333%2024.5Z%22%20fill%3D%22%23D7E184%22%2F%3E%3Cpath%20d%3D%22M14%202.625C7.728%202.625%202.625%207.728%202.625%2014C2.625%2020.272%207.728%2025.375%2014%2025.375C20.272%2025.375%2025.375%2020.272%2025.375%2014C25.375%207.728%2020.272%202.625%2014%202.625ZM14%2023.625C8.69283%2023.625%204.375%2019.3072%204.375%2014C4.375%208.69283%208.69283%204.375%2014%204.375C19.3072%204.375%2023.625%208.69283%2023.625%2014C23.625%2019.3072%2019.3072%2023.625%2014%2023.625Z%22%20fill%3D%22%23112D55%22%2F%3E%3Cpath%20d%3D%22M17.9947%209.93999L12.7751%2016.2038L9.95173%2013.3817C9.60989%2013.0398%209.05573%2013.0398%208.71389%2013.3817C8.37206%2013.7235%208.37206%2014.2777%208.71389%2014.6195L11.7612%2017.6668C12.0331%2017.941%2012.4076%2018.095%2012.7937%2018.095H12.8567C13.2662%2018.0763%2013.6512%2017.8862%2013.9137%2017.5712L19.3376%2011.0612C19.6479%2010.6902%2019.5977%2010.1383%2019.2256%209.82916C18.8534%209.51999%2018.3027%209.56899%2017.9924%209.94116L17.9947%209.93999Z%22%20fill%3D%22%23112D55%22%2F%3E%3C%2Fsvg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.celtiis-forfait__related {
    margin-top: 52px;
    padding-top: 40px;
}

.celtiis-forfait__related-title {
    margin: 0 0 40px;
}

.celtiis-forfait__related .celtiis-forfaits__grid--children {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    gap: 24px;
}

.celtiis-forfait__related .celtiis-forfaits__grid--children > .celtiis-forfaits__card {
    flex: 0 0 calc((100% - 72px) / 4);
    height: auto;
    width: calc((100% - 72px) / 4);
    max-width: calc((100% - 72px) / 4);
}

.celtiis-forfait__children-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 16px;
}

.celtiis-forfait__child-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 18px 22px;
    border: 1px solid var(--celtiis-color-border);
    border-radius: var(--celtiis-radius-md);
    background: var(--celtiis-color-surface);
    color: var(--celtiis-color-primary);
    text-decoration: none;
    transition: border-color .2s ease, transform .2s ease;
}

.celtiis-forfait__child-link:hover {
    border-color: var(--celtiis-color-primary-soft);
    transform: translateY(-1px);
}

.celtiis-forfait__child-title {
    font-weight: 600;
}

.celtiis-forfait__child-price {
    font-weight: 700;
    color: var(--celtiis-color-primary-soft);
}

/* Pays disponibles Hello */
.celtiis-forfait-countries {
    padding: 48px 0 54px;
    background: #f4f5f8;
    color: var(--celtiis-color-primary);
    font-family: 'Gotham', sans-serif;
}

.celtiis-forfait-countries__header {
    margin-bottom: 24px;
}

.celtiis-forfait-countries__header .celtiis-title {
    max-width: none;
}

/* Section FAQ optionnelle */
.celtiis-forfait-faq {
    padding: 48px 0 54px;
    background: #F1F1F1;
    color: var(--celtiis-color-primary);
    font-family: 'Gotham', sans-serif;
}

.celtiis-forfait-faq__header {
    margin-bottom: 24px;
}

.celtiis-forfait-faq__header .celtiis-title {
    max-width: none;
}

@media (max-width: 767px) {
    .celtiis-forfait-faq {
        padding: 36px 0 42px;
    }
}

.celtiis-forfait-countries__toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 26px;
}

.celtiis-forfait-countries__regions {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.celtiis-forfait-countries__region {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 38px;
    padding: 8px 17px;
    border: 1px solid #cbd6e8;
    border-radius: 999px;
    background: #fff;
    color: var(--celtiis-color-primary-soft);
    font: inherit;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

.celtiis-forfait-countries__region.is-active::before {
    content: "";
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .72);
    background: radial-gradient(
        circle,
        var(--celtiis-color-accent, #8DC63F) 0 4px,
        transparent 5px
    );
    transition: border-color .2s ease, background .2s ease;
}

.celtiis-forfait-countries__region.is-active {
    border-color: var(--celtiis-color-primary);
    background: var(--celtiis-color-primary);
    color: #fff;
}

.celtiis-forfait-countries__region:focus-visible,
.celtiis-forfait-countries__letter:focus-visible,
.celtiis-forfait-countries__page:focus-visible {
    outline: 3px solid rgba(141, 198, 63, .4);
    outline-offset: 2px;
}

.celtiis-forfait-countries__search {
    display: flex;
    align-items: center;
    gap: 10px;
    width: min(380px, 100%);
    min-height: 44px;
    padding: 0 18px;
    border: 1px solid #cbd6e8;
    border-radius: 999px;
    background: #fff;
    color: var(--celtiis-color-primary);
}

.celtiis-forfait-countries__search i {
    flex: 0 0 auto;
    font-size: 20px;
}

.celtiis-forfait-countries__search input {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--celtiis-color-primary);
    font: inherit;
    font-size: 14px;
    font-weight: 500;
}

.celtiis-forfait-countries__search input::placeholder {
    color: var(--celtiis-color-primary);
    opacity: 1;
}

.celtiis-forfait-countries__panel {
    padding: 25px 20px 24px;
    border: 1px solid #cbd6e8;
    border-radius: 20px;
    background: #fff;
}

.celtiis-forfait-countries__count {
    margin: 0 0 14px;
    color: var(--celtiis-color-primary);
    font-size: 13px;
}

.celtiis-forfait-countries__count strong {
    font-weight: 700;
}

.celtiis-forfait-countries__alphabet {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    min-height: 44px;
    padding: 10px 0;
    border-top: 1px solid var(--celtiis-color-border);
    border-bottom: 1px solid var(--celtiis-color-border);
}

.celtiis-forfait-countries__letter {
    min-width: 28px;
    padding: 4px 7px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: var(--celtiis-color-primary-soft);
    font: inherit;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
}

.celtiis-forfait-countries__letter:hover,
.celtiis-forfait-countries__letter.is-active {
    background: rgba(141, 198, 63, .16);
    color: var(--celtiis-color-primary);
    font-weight: 700;
}

.celtiis-forfait-countries__list {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 18px 14px;
    min-height: 78px;
    margin: 0;
    padding: 28px 0 18px;
    list-style: none;
}

.celtiis-forfait-countries__country {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
    color: #222;
    font-size: 13px;
    line-height: 1.25;
}

.celtiis-forfait-countries__country > span:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
}

.celtiis-forfait-countries__flag {
    flex: 0 0 auto;
    width: 24px;
    overflow: hidden;
    font-family: system-ui, sans-serif;
    font-size: 20px;
    line-height: 1;
}

.celtiis-forfait-countries__empty {
    margin: 26px 0 10px;
    color: var(--celtiis-color-muted);
    font-size: 14px;
    text-align: center;
}

.celtiis-forfait-countries__pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    margin-top: 6px;
}

.celtiis-forfait-countries__page,
.celtiis-forfait-countries__ellipsis {
    display: inline-grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    color: var(--celtiis-color-primary);
    font: inherit;
    font-size: 13px;
    font-weight: 600;
}

.celtiis-forfait-countries__page {
    border: 1px solid var(--celtiis-color-primary-soft);
    background: #fff;
    cursor: pointer;
}

.celtiis-forfait-countries__page:hover,
.celtiis-forfait-countries__page.is-active {
    border-color: var(--celtiis-color-accent);
    background: var(--celtiis-color-accent);
}

/* Responsive */
@media (max-width: 900px) {
    .celtiis-forfait__visual-image,
    .celtiis-forfait__visual img {
        height: auto;
        object-fit: initial;
    }

    .celtiis-forfait__related .celtiis-forfaits__grid--children > .celtiis-forfaits__card {
        flex-basis: calc((100% - 24px) / 2);
        width: calc((100% - 24px) / 2);
        max-width: calc((100% - 24px) / 2);
    }

    .celtiis-forfait__panel {
        padding: 0;
    }

    .celtiis-forfait__panel-body {
        padding: 28px 24px;
    }

    .celtiis-forfait__panel-foot {
        padding: 24px;
    }

    .celtiis-forfait__panel-title {
        font-size: 24px;
    }

    .celtiis-forfait-countries__list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .celtiis-forfait__related .celtiis-forfaits__grid--children > .celtiis-forfaits__card {
        flex-basis: 100%;
        width: 100%;
        max-width: 100%;
    }

    .celtiis-forfait-countries {
        padding: 36px 0 42px;
    }

    .celtiis-forfait-countries__toolbar {
        align-items: stretch;
        flex-direction: column;
        gap: 16px;
    }

    .celtiis-forfait-countries__search {
        width: 100%;
    }

    .celtiis-forfait-countries__panel {
        padding: 22px 16px;
        border-radius: 16px;
    }

    .celtiis-forfait-countries__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px 12px;
    }
}