/*
 * La page des particuliers (Micro-Génie) suit le gabarit commun des pages de
 * service. Seul ajout : l'encart du crédit d'impôt sous les boutons, sur le
 * modèle du label ExpertCyber de la cybersécurité.
 */
.particuliers-sap {
    display: inline-flex;
    align-items: center;
    gap: 0.9rem;
    max-inline-size: fit-content;
    margin-block-start: 0.5rem;
    padding: 0.55rem 1.2rem 0.55rem 0.55rem;
    border: 1px solid rgb(55 50 255 / 0.18);
    border-radius: var(--rayon-plein);
    background: color-mix(in srgb, var(--electrique) 5%, var(--fond));
    font-size: var(--t-sm);
    line-height: 1.3;
}

.particuliers-sap__sceau {
    display: grid;
    place-items: center;
    flex: none;
    inline-size: 2.6rem;
    block-size: 2.6rem;
    border: 1.5px dashed var(--electrique);
    border-radius: 50%;
    color: var(--electrique);
}

.particuliers-sap__sceau svg {
    inline-size: 1.25rem;
    block-size: 1.25rem;
}

.particuliers-sap__logo {
    flex: none;
    inline-size: auto;
    block-size: 3.2rem;
}

.particuliers-sap__texte {
    display: grid;
}

.particuliers-sap__texte span {
    color: var(--texte-doux);
}

/* La photo de la boutique en tête : sous les boutons sur mobile, à droite
   du titre sur ordinateur. */
.particuliers-photo {
    inline-size: 100%;
    margin: 0.5rem 0 0;
    border-radius: var(--rayon-lg);
    overflow: hidden;
    box-shadow: 0 30px 60px -34px rgb(15 8 65 / 0.55);
    aspect-ratio: 16 / 10;
}

.particuliers-photo img {
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
}

@media (min-width: 62rem) {
    .page-particuliers .tete-page__contenu {
        grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
        column-gap: clamp(2rem, 4vw, 4rem);
    }

    .page-particuliers .tete-page__contenu > * {
        grid-column: 1;
    }

    .page-particuliers .tete-page__contenu > .particuliers-photo {
        grid-column: 2;
        grid-row: 1 / span 6;
        align-self: center;
        margin: 0;
        aspect-ratio: 4 / 3;
    }
}