/* ═══════════════════════════════════════════════
   Bedroom Diagnostic — Frontend CSS v1.4.0
   Design light : #F4F0E6 (beige) / #0A2342 (navy)
   ═══════════════════════════════════════════════ */

/* ── Modal overlay ── */
.bd-modal {
position: fixed !important;
inset: 0 !important;
z-index: 9999 !important;
display: flex !important;
align-items: stretch;
background: #F4F0E6 !important;
overflow-y: auto;
}
.bd-modal[hidden] {
display: none !important;
}
.bd-modal-inner {
display: flex;
width: 100%;
min-height: 100vh;
}

/* Panneau gauche — masqué */
.bd-modal-cover {
display: none !important;
}

/* Panneau droit — formulaire plein écran */
.bd-modal-content {
position: relative;
width: 100%;
min-height: 100vh;
background: #F4F0E6 !important;
color: #0A2342 !important;
display: flex;
flex-direction: column;
}

/* Scroll interne */
.bd-modal-scroll {
flex: 1;
overflow-y: auto;
display: flex;
align-items: center;
padding: clamp(28px, 5vw, 72px);
padding-top: clamp(60px, 8vw, 90px);
}
/* Mode résultat : pleine largeur, pas de centrage vertical */
.bd-modal-scroll.bd-has-result {
align-items: flex-start !important;
padding: 0 !important;
}
#bd-form-wrap {
width: min(100%, 720px);
margin: 0 auto;
padding: 24px 0;
}
/* #bd-result : pleine largeur dans la modal */
#bd-result {
width: 100%;
}

/* Bouton fermer — placé dans .bd-modal-inner pour éviter tout stacking context piège */
.bd-modal-close {
position: fixed !important;
top: 22px;
right: 22px;
background: rgba(255,255,255,.15) !important;
border: none;
color: #fff !important;
cursor: pointer;
padding: 8px;
border-radius: 50%;
line-height: 0;
z-index: 100000 !important;
transition: background .15s, opacity .15s;
}
.bd-modal-close:hover {
background: rgba(255,255,255,.3) !important;
opacity: 1;
}
.bd-modal-close svg line {
stroke: #fff !important;
}
/* En mode formulaire (pas de résultat) : croix navy sur beige */
.bd-modal:not(.bd-result-open) .bd-modal-close {
background: transparent !important;
}
.bd-modal:not(.bd-result-open) .bd-modal-close svg line {
stroke: #0A2342 !important;
}

/* ── Intro titre ── */
.bd-intro-title {
font-family: "Roboto Condensed", sans-serif;
color: #0A2342 !important;
-webkit-text-fill-color: #0A2342 !important;
font-size: clamp(12px, 1.5vw, 14px);
font-weight: 700;
letter-spacing: .18em;
line-height: 1.45;
text-align: center;
text-transform: uppercase;
margin: 0 0 26px;
}

/* ── Label question ── */
.bd-question-label {
display: block;
font-family: "Crimson Text", Georgia, serif;
font-size: 30px;
font-weight: 400;
color: #0A2342 !important;
-webkit-text-fill-color: #0A2342 !important;
line-height: 1.18;
margin: 0 0 16px;
padding: 0;
}
.bd-question-meta {
font-size: .8rem;
color: rgba(10,35,66,.55);
margin: 0 0 20px;
text-align: center;
}

/* ── Options radio / checkbox — style pilules ── */
.bd-options {
display: grid;
gap: 11px;
width: min(100%, 650px);
margin: 0 auto 1.5rem;
}
.bd-option-block {
position: relative;
display: flex;
align-items: center;
min-height: 58px;
margin: 0;
padding: 7px 18px;
border: 1px solid #0A2342 !important;
border-radius: 999px !important;
background: transparent !important;
box-sizing: border-box;
cursor: pointer;
transition: background-color .2s ease, border-color .2s ease;
}
.bd-option-block:has(input:checked),
.bd-option-block:has(input:checked):hover {
background: #0A2342 !important;
border-color: #0A2342 !important;
}

/* Inputs natifs — visibles, positionnés */
/* Préfixe #bd-modal pour battre la spécificité YOOtheme */
#bd-modal .bd-option-block input[type=radio],
#bd-modal .bd-option-block input[type=checkbox] {
-webkit-appearance: none !important;
appearance: none !important;
position: absolute !important;
top: 50% !important;
left: 18px !important;
margin: 0 !important;
padding: 0 !important;
transform: translateY(-50%) !important;
width: 16px !important;
min-width: 16px !important;
max-width: 16px !important;
height: 16px !important;
min-height: 16px !important;
max-height: 16px !important;
box-sizing: border-box !important;
border: 1px solid #0A2342 !important;
background-color: transparent !important;
background-image: none !important;
background-position: 50% 50% !important;
background-repeat: no-repeat !important;
background-size: 100% 100% !important;
box-shadow: none !important;
outline: none !important;
opacity: 1 !important;
pointer-events: none;
flex: 0 0 16px;
}
#bd-modal .bd-option-block input[type=radio] {
border-radius: 50% !important;
}
#bd-modal .bd-option-block input[type=checkbox] {
border-radius: 999px !important;
}
#bd-modal .bd-option-block input[type=radio]:checked,
#bd-modal .bd-option-block:has(input:checked) input[type=radio],
#bd-modal .bd-option-block input[type=radio]:checked:focus,
#bd-modal .bd-option-block input[type=radio]:checked:active,
#bd-modal .bd-option-block input[type=radio]:checked:hover {
-webkit-appearance: none !important;
appearance: none !important;
border: 1px solid #F4F0E6 !important;
border-radius: 50% !important;
background-color: #F4F0E6 !important;
background-image: radial-gradient(circle at 50% 50%, #0A2342 0 3px, transparent 3.5px) !important;
background-position: 50% 50% !important;
background-repeat: no-repeat !important;
background-size: 100% 100% !important;
box-shadow: none !important;
outline: none !important;
}
#bd-modal .bd-option-block input[type=checkbox]:checked,
#bd-modal .bd-option-block:has(input:checked) input[type=checkbox],
#bd-modal .bd-option-block input[type=checkbox]:checked:focus,
#bd-modal .bd-option-block input[type=checkbox]:checked:active {
-webkit-appearance: none !important;
appearance: none !important;
border: 1px solid #F4F0E6 !important;
border-radius: 50% !important;
background-color: #F4F0E6 !important;
background-image: radial-gradient(circle at 50% 50%, #0A2342 0 3px, transparent 3.5px) !important;
background-position: 50% 50% !important;
background-repeat: no-repeat !important;
background-size: 100% 100% !important;
box-shadow: none !important;
outline: none !important;
}

.bd-option-block label {
display: flex;
align-items: center;
width: 100%;
min-height: 40px;
color: #0A2342 !important;
-webkit-text-fill-color: #0A2342 !important;
font-size: 17px;
font-weight: 400;
line-height: 1.25;
cursor: pointer;
padding: 0;
padding-left: 30px;
border: 0;
background: transparent;
box-shadow: none;
margin: 8px 0 !important;
}
.bd-option-block:has(input:checked) label,
.bd-option-block:has(input:checked):hover label {
color: #F4F0E6 !important;
-webkit-text-fill-color: #F4F0E6 !important;
}

/* Champ "Autre" conditionnel */
.bd-autre-wrap,
.bd-libre-wrap {
padding: 8px 22px 4px;
}
.bd-autre-wrap input,
.bd-libre-wrap input {
background: #fffaf1 !important;
border: 1px solid #0A2342 !important;
color: #0A2342 !important;
border-radius: 999px;
padding: 10px 18px;
width: 100%;
font-size: .95rem;
box-sizing: border-box;
height: 48px;
}
.bd-autre-wrap input::placeholder,
.bd-libre-wrap input::placeholder {
color: rgba(10,35,66,.58) !important;
}
.bd-autre-wrap input:focus,
.bd-libre-wrap input:focus {
outline: none;
border-color: #0A2342;
}

/* ── Étape contact ── */
.bd-contact-grid {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 10px;
width: min(100%, 650px);
margin: 0 auto 1.5rem;
}
.bd-contact-grid input {
height: 56px;
border: 1px solid #0A2342 !important;
border-radius: 999px;
background: #fffaf1 !important;
color: #0A2342 !important;
padding: 0 22px;
font-size: .95rem;
box-sizing: border-box;
width: 100%;
}
.bd-contact-grid input::placeholder {
color: rgba(10,35,66,.58) !important;
}
.bd-contact-grid input:focus {
outline: none;
border-color: #0A2342;
}

/* ── Navigation ── */
.bd-nav {
display: flex;
justify-content: center;
align-items: center;
gap: 12px;
flex-wrap: wrap;
margin-top: 30px;
width: min(100%, 650px);
margin-inline: auto;
}
.bd-btn-back {
min-height: 56px;
padding: 0 30px !important;
border-radius: 999px !important;
border: 1px solid #0A2342 !important;
background: transparent !important;
color: #0A2342 !important;
font-family: "Crimson Text", serif !important;
font-size: 18px !important;
font-weight: 400 !important;
line-height: 54px !important;
letter-spacing: 0 !important;
text-transform: none !important;
box-shadow: none !important;
cursor: pointer;
transition: background .15s, color .15s;
}
.bd-btn-back:hover {
background: rgba(10,35,66,.07) !important;
}
.bd-btn-next {
min-height: 56px;
padding: 0 30px !important;
border-radius: 999px !important;
border: 1px solid #0A2342 !important;
background: #0A2342 !important;
color: #F4F0E6 !important;
font-family: "Crimson Text", serif !important;
font-size: 18px !important;
font-weight: 400 !important;
line-height: 54px !important;
letter-spacing: 0 !important;
text-transform: none !important;
box-shadow: none !important;
cursor: pointer;
transition: background .15s, border-color .15s;
}
.bd-btn-next:hover {
background: #12345D !important;
border-color: #12345D !important;
}
.bd-btn-next:disabled {
opacity: .6;
cursor: default;
}
#bd-feedback {
color: #0A2342 !important;
-webkit-text-fill-color: #0A2342 !important;
font-size: .8rem;
text-align: center;
width: 100%;
margin-top: 8px;
}

/* ── Responsive mobile ── */
@media (max-width: 639px) {
.bd-modal-content {
    background: #F4F0E6 !important;
}
.bd-modal-scroll {
    padding: 62px 20px 24px !important;
}
#bd-form-wrap {
    padding: 8px 0;
}
.bd-intro-title {
    font-size: 19px !important;
    margin-bottom: 24px !important;
}
.bd-question-label {
    font-size: 28px !important;
    line-height: 1.18 !important;
    margin-bottom: 14px !important;
}
.bd-option-block {
    min-height: 58px;
}
.bd-btn-next {
    width: 100%;
}
}

/* ═══════════════════════════════════════════════
   Page de résultats — diagnostic-prescription
   Préfixe #bd-modal pour gagner la spécificité YOOtheme
   ═══════════════════════════════════════════════ */

/* Sections sombres : hero + showroom + rdv — texte blanc */
#bd-modal .diagnostic-prescription-hero,
#bd-modal .diagnostic-prescription-hero *,
#bd-modal .diagnostic-showroom,
#bd-modal .diagnostic-showroom *,
#bd-modal .diagnostic-rdv-panel,
#bd-modal .diagnostic-rdv-panel * {
color: #fff !important;
-webkit-text-fill-color: inherit !important;
}
/* Section sélection (fond beige) : forcer navy */
#bd-modal .diagnostic-selection,
#bd-modal .diagnostic-selection * {
-webkit-text-fill-color: inherit !important;
}
#bd-modal .diagnostic-prescription {
font-family: inherit;
}

.diagnostic-result-reveal {
animation: bedroom-result-reveal .75s ease both;
}
@keyframes bedroom-result-reveal {
from { opacity: 0; transform: translateY(18px); }
to   { opacity: 1; transform: translateY(0); }
}

/* ── Hero ── */
.diagnostic-prescription-hero {
position: relative;
min-height: 60vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 80px 24px;
overflow: hidden;
background: #001A3D;
}
.diagnostic-result-video {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
}
.diagnostic-result-image-bg {
position: absolute;
inset: 0;
background-size: cover;
background-position: center;
z-index: 0;
}
.diagnostic-result-video-veil {
position: absolute;
inset: 0;
background: rgba(0,26,61,.65);
z-index: 1;
}
.diagnostic-prescription-hero > *:not(.diagnostic-result-video):not(.diagnostic-result-image-bg):not(.diagnostic-result-video-veil) {
position: relative;
z-index: 2;
}
.diagnostic-prescription-hero h2 {
font-size: clamp(2rem, 5vw, 3.5rem);
font-weight: 700;
letter-spacing: .06em;
text-transform: uppercase;
line-height: 1.1;
margin: 0 0 20px;
}
.diagnostic-prescription-hero h2 em {
font-style: italic;
font-weight: 400;
display: block;
}
.diagnostic-prescription-lead {
font-size: 1.05rem;
line-height: 1.6;
max-width: 640px;
margin: 0 auto 32px;
opacity: .9;
}
.diagnostic-recommendation-label {
display: block;
font-size: .75rem;
letter-spacing: .12em;
text-transform: uppercase;
color: #9cac6c;
margin-bottom: 8px;
}

/* ── Profil grille ── */
.diagnostic-profile-grid {
display: flex;
flex-wrap: wrap;
gap: 12px;
justify-content: center;
margin-top: 12px;
border-top: none !important;
border-bottom: none !important;
}
.diagnostic-profile-item {
background: rgba(255,255,255,.12);
border: 1px solid rgba(255,255,255,.2);
border-radius: 8px;
padding: 10px 16px;
display: flex;
flex-direction: column;
align-items: center;
gap: 2px;
min-width: 90px;
}
.diagnostic-profile-icon { font-size: 1.3rem; }
.diagnostic-profile-label {
font-size: .65rem;
text-transform: uppercase;
letter-spacing: .1em;
opacity: .6;
}
.diagnostic-profile-value {
font-size: .8rem;
font-weight: 600;
}

/* ── Section sélection matelas ── */
.diagnostic-selection {
padding: 72px 24px;
background: #F4F0E6;
}
.diagnostic-kicker {
font-size: .75rem;
letter-spacing: .15em;
text-transform: uppercase;
color: #9cac6c;
margin-bottom: 12px;
}
.diagnostic-selection h2 {
font-size: clamp(1.5rem, 3.5vw, 2.4rem);
font-weight: 700;
line-height: 1.2;
margin: 0 0 48px;
color: #0A2342;
}
.diagnostic-selection h2 em {
font-style: italic;
font-weight: 400;
}

/* Grille produits */
.diagnostic-product-layout {
display: grid;
gap: 24px;
max-width: 1200px;
margin: 0 auto;
}
@media (min-width: 640px) {
.diagnostic-product-layout {
    grid-template-columns: 1fr 1fr;
}
.diagnostic-product-card.is-primary {
    grid-column: 1 / -1;
}
}

/* Carte principale */
.diagnostic-product-card.is-primary {
display: grid;
grid-template-columns: 1fr 1fr;
border: 1px solid rgba(10,35,66,.12);
border-radius: 12px;
overflow: hidden;
background: #fff;
box-shadow: 0 2px 16px rgba(10,35,66,.06);
}
.diagnostic-product-card.is-primary .diagnostic-product-visual {
position: relative;
height: 340px;
background: #e8e4da;
}
.diagnostic-product-card.is-primary .diagnostic-product-content {
padding: 28px !important;
}
.diagnostic-product-card.is-primary .diagnostic-product-image {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}

/* Cartes alternatives */
.diagnostic-product-card.is-alternative {
display: flex;
flex-direction: column;
border: 1px solid rgba(10,35,66,.12);
border-radius: 12px;
overflow: hidden;
background: #fff;
box-shadow: 0 2px 12px rgba(10,35,66,.05);
}
.diagnostic-product-card.is-alternative .diagnostic-product-visual {
position: relative;
height: 200px;
flex-shrink: 0;
background: #e8e4da;
}
.diagnostic-product-card.is-alternative .diagnostic-product-image {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}

/* Index numérique */
.diagnostic-product-index {
position: absolute;
top: 24px;
left: 24px;
width: 52px;
height: 52px;
display: grid;
place-items: center;
font-family: "Roboto Condensed", sans-serif;
font-size: 13px;
font-weight: 800;
letter-spacing: .1em;
background: #0A2342;
border-radius: 50%;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
line-height: 1;
pointer-events: none;
}

/* Contenu carte — fond blanc, texte navy */
.diagnostic-product-content {
padding: 24px !important;
flex: 1;
display: flex;
flex-direction: column;
gap: 10px;
background: #fff;
}
.diagnostic-product-label {
font-size: .7rem;
letter-spacing: .12em;
text-transform: uppercase;
color: #9cac6c;
margin: 0;
}
.matelas-title { margin: 0; line-height: 1.2; }
.matelas-name {
display: block;
font-size: 1.25rem;
font-weight: 700;
color: #0A2342;
}
.matelas-marque {
display: block;
font-size: .75rem;
font-weight: 400;
color: rgba(10,35,66,.45);
letter-spacing: .08em;
text-transform: uppercase;
margin-top: 2px;
}
.diagnostic-product-benefits {
margin: 0;
padding-left: 20px;
list-style: disc !important;
font-size: .88rem;
color: rgba(10,35,66,.8);
line-height: 1.5;
}
.diagnostic-product-benefits li {
list-style: disc !important;
margin-bottom: 3px;
}
.diagnostic-product-why {
margin-top: auto;
border-top: 1px solid rgba(10,35,66,.1);
padding-top: 12px;
}
.diagnostic-product-why > span {
display: block;
font-size: .7rem;
text-transform: uppercase;
letter-spacing: .1em;
color: rgba(10,35,66,.4);
margin-bottom: 5px;
}
.diagnostic-product-why > p {
font-size: .88rem;
font-style: italic;
color: rgba(10,35,66,.7);
margin: 0;
line-height: 1.5;
}

/* ── Section showroom ── */
.diagnostic-showroom {
padding: 72px 24px;
background: #0d2235;
text-align: center;
}
.diagnostic-showroom h2 {
font-size: clamp(1.5rem, 3.5vw, 2.4rem);
font-weight: 700;
line-height: 1.2;
margin: 0 0 20px;
}
.diagnostic-showroom h2 em {
font-style: italic;
font-weight: 400;
display: block;
}
.diagnostic-showroom > p {
max-width: 560px;
margin: 0 auto 36px;
opacity: .8;
font-size: 1rem;
line-height: 1.6;
}
.diagnostic-showroom-actions {
display: flex;
flex-wrap: wrap;
gap: 14px;
justify-content: center;
}
.diagnostic-primary-button {
background: #9cac6c;
color: #fff;
border: none;
padding: 14px 32px;
border-radius: 6px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
text-decoration: none;
transition: filter .15s;
display: inline-block;
}
.diagnostic-primary-button:hover {
filter: brightness(1.1);
color: #0A2342 !important;
-webkit-text-fill-color: #0A2342 !important;
}
#bd-modal .diagnostic-showroom-actions .diagnostic-primary-button,
#bd-modal .diagnostic-showroom-actions .diagnostic-primary-button:hover {
color: #0A2342 !important;
-webkit-text-fill-color: #0A2342 !important;
}
.diagnostic-secondary-button {
background: transparent;
color: #fff;
border: 1px solid rgba(255,255,255,.4);
padding: 14px 32px;
border-radius: 6px;
font-size: 1rem;
cursor: pointer;
text-decoration: none;
transition: border-color .15s, color .15s;
display: inline-block;
}
.diagnostic-secondary-button:hover {
border-color: #0A2342 !important;
color: #0A2342 !important;
-webkit-text-fill-color: #0A2342 !important;
}

/* ── Formulaire RDV ── */
.diagnostic-rdv-panel {
padding: 64px 24px;
background: #001A3D;
}
.diagnostic-rdv-panel h3 {
font-size: 1.4rem;
font-weight: 700;
margin: 0 0 32px;
text-align: center;
color: #fff;
}
.diagnostic-rdv-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
max-width: 600px;
margin: 0 auto 20px;
}
@media (max-width: 600px) {
.diagnostic-rdv-grid { grid-template-columns: 1fr; }
}
.diagnostic-rdv-grid input,
.diagnostic-rdv-grid select {
padding: 11px 14px;
background: rgba(255,255,255,.08);
border: 1px solid rgba(255,255,255,.2);
border-radius: 6px;
color: #fff;
font-size: .95rem;
width: 100%;
box-sizing: border-box;
}
.diagnostic-rdv-grid input::placeholder { color: rgba(255,255,255,.4); }
.diagnostic-rdv-grid input:focus,
.diagnostic-rdv-grid select:focus {
outline: none;
border-color: #9cac6c;
}
.diagnostic-rdv-grid select option {
background: #001A3D;
color: #fff;
}
.diagnostic-rdv-panel .diagnostic-primary-button {
display: block;
max-width: 600px;
margin: 0 auto;
text-align: center;
width: 100%;
box-sizing: border-box;
}
.diagnostic-rdv-success {
text-align: center;
padding: 32px;
color: #9cac6c;
font-weight: 600;
font-size: 1.1rem;
}
.diagnostic-rdv-error {
color: #e74c3c;
font-size: .9rem;
text-align: center;
margin: 8px 0 0;
}

/* ── Responsive carte principale ── */
@media (max-width: 639px) {
.diagnostic-product-card.is-primary {
    grid-template-columns: 1fr;
}
.diagnostic-product-card.is-primary .diagnostic-product-visual {
    height: 220px;
}
}

/* ── Question textarea (q10 libre) ── */
.bd-textarea-wrap {
width: min(100%, 650px);
margin-inline: auto;
}
.bd-textarea {
width: 100%;
min-height: 160px;
padding: 16px 20px;
border: 1.5px solid rgba(10,35,66,.2);
border-radius: 14px;
background: #fff;
color: #0A2342;
font-family: inherit;
font-size: 16px;
line-height: 1.6;
resize: vertical;
transition: border-color .18s;
box-sizing: border-box;
}
.bd-textarea:focus {
outline: none;
border-color: #0A2342;
}
.bd-question-optional {
text-align: center;
color: rgba(10,35,66,.45);
font-size: .85rem;
margin-top: 10px;
}

/* ════════════════════════════════════════════════════════════
   Surcharges UIkit/YOOtheme — Page résultats séparée
   Neutralise --uk-inverse et les resets de liste UIkit
   ════════════════════════════════════════════════════════════ */

/* Forcer les variables CSS UIkit à des valeurs neutres dans nos sections */
.diagnostic-selection,
.diagnostic-showroom,
.diagnostic-prescription-hero,
.diagnostic-rdv-panel {
--uk-inverse: none;
}

/* Neutraliser le reset de liste UIkit sur nos puces */
.diagnostic-product-benefits,
.diagnostic-product-benefits li {
list-style: disc !important;
-webkit-padding-start: 0;
}
.diagnostic-product-benefits {
padding-left: 20px !important;
}

/* Forcer les couleurs texte dans .diagnostic-selection (fond beige) */
.diagnostic-selection,
.diagnostic-selection h2,
.diagnostic-selection p,
.diagnostic-selection li {
color: #0A2342 !important;
-webkit-text-fill-color: #0A2342 !important;
}
.diagnostic-selection span:not(.diagnostic-product-index) {
color: #0A2342 !important;
-webkit-text-fill-color: #0A2342 !important;
}
.diagnostic-selection .diagnostic-kicker,
.diagnostic-selection .diagnostic-product-label {
color: #9cac6c !important;
-webkit-text-fill-color: #9cac6c !important;
}
.diagnostic-selection .matelas-name {
color: #0A2342 !important;
-webkit-text-fill-color: #0A2342 !important;
}
.diagnostic-selection .matelas-marque {
color: rgba(10,35,66,.45) !important;
-webkit-text-fill-color: rgba(10,35,66,.45) !important;
}
.diagnostic-selection .diagnostic-product-benefits li {
color: rgba(10,35,66,.8) !important;
-webkit-text-fill-color: rgba(10,35,66,.8) !important;
}
.diagnostic-selection .diagnostic-product-why > span {
color: rgba(10,35,66,.4) !important;
-webkit-text-fill-color: rgba(10,35,66,.4) !important;
}
.diagnostic-selection .diagnostic-product-why > p {
color: rgba(10,35,66,.7) !important;
-webkit-text-fill-color: rgba(10,35,66,.7) !important;
}

/* Forcer fond blanc sur les cartes */
.diagnostic-product-content {
background: #fff !important;
}
.diagnostic-product-card.is-primary,
.diagnostic-product-card.is-alternative {
background: #fff !important;
}

/* Réinitialiser les marges/paddings UIkit sur les listes dans les cartes */
.diagnostic-product-benefits {
margin: 0 !important;
}
.diagnostic-product-benefits li {
margin-bottom: 3px !important;
padding-left: 0 !important;
}

/* Forcer affichage du fond beige de la section sélection */
#bd-selection-content .diagnostic-selection {
background: #F4F0E6 !important;
}