/* Celtiis eSIM - Cartes SIM physique / eSIM */

.celtiis-esim-cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    font-family: 'Gotham', sans-serif;
}

.celtiis-esim-card {
    position: relative;
    display: flex;
    flex-direction: column;
    background: var(--celtiis-color-surface, #fff);
    border: 1px solid var(--celtiis-color-border, #dfe5f2);
    border-radius: var(--celtiis-radius-lg, 28px);
    padding: 34px 32px;
}

.celtiis-esim-card.is-highlight {
    border-color: rgba(141, 198, 63, .6);
}

.celtiis-esim-card__badge {
    position: absolute;
    top: 22px;
    right: 22px;
    padding: 6px 16px;
    border-radius: var(--celtiis-radius-pill, 999px);
    background: var(--celtiis-color-secondary, #8DC63F);
    color: var(--celtiis-color-primary, #1D3D70);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.celtiis-esim-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 16px;
    background: rgba(29, 61, 112, .07);
    color: var(--celtiis-color-primary, #1D3D70);
    font-size: 28px;
    margin-bottom: 22px;
}

.celtiis-esim-card.is-highlight .celtiis-esim-card__icon {
    background: rgba(141, 198, 63, .18);
    color: var(--celtiis-color-secondary-dark, #6FA32C);
}

.celtiis-esim-card__icon svg { width: 28px; height: 28px; fill: currentColor; }
.celtiis-esim-card__icon i { font-size: 28px; line-height: 1; }

.celtiis-esim-card__title {
    margin: 0 0 8px;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: -.03em;
    color: var(--celtiis-color-primary, #1D3D70);
}

.celtiis-esim-card__desc {
    margin: 0 0 22px;
    color: var(--celtiis-color-muted, #54627f);
    font-size: 16px;
    line-height: 1.55;
}

.celtiis-esim-card__features {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
    flex-grow: 1;
}

.celtiis-esim-card__features li {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 16px;
    font-weight: 500;
    color: var(--celtiis-color-primary, #1D3D70);
}

.celtiis-esim-card__features li::before {
    content: "";
    flex: 0 0 auto;
    width: 28px;
    height: 28px;
    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-esim-card__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: auto;
    padding: 16px 28px;
    border: 1.5px solid var(--celtiis-color-primary, #1D3D70);
    border-radius: var(--celtiis-radius-pill, 999px);
    background: transparent;
    color: var(--celtiis-color-primary, #1D3D70);
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    transition: background-color .25s ease, color .25s ease, transform .2s ease;
}

.celtiis-esim-card__btn:hover {
    background: var(--celtiis-color-primary, #1D3D70);
    color: #fff;
    transform: translateY(-1px);
}

/* Highlight card → green filled button */
.celtiis-esim-card.is-highlight .celtiis-esim-card__btn {
    background: var(--celtiis-color-secondary, #8DC63F);
    border-color: var(--celtiis-color-secondary, #8DC63F);
    color: var(--celtiis-color-primary, #1D3D70);
}

.celtiis-esim-card.is-highlight .celtiis-esim-card__btn:hover {
    background: var(--celtiis-color-secondary-dark, #6FA32C);
    border-color: var(--celtiis-color-secondary-dark, #6FA32C);
    color: #fff;
}

@media (max-width: 767px) {
    .celtiis-esim-cards { grid-template-columns: 1fr; gap: 18px; }
    .celtiis-esim-card { padding: 26px 22px; }
    .celtiis-esim-card__title { font-size: 23px; }
}