Description

/* ———- Thème ———- */
.dn-pr14{
–text:#111;
–muted:#6b7280;
–accent:#ff4d00;
–border:#e5e7eb;
–soft:#f8fafc;
–shadow:0 8px 24px rgba(0,0,0,.08);
}

/* ———- Base ———- */
.dn-pr14{
font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
color:var(–text);
line-height:1.6;
}
.dn-pr14 .card{
background:#fff;
border:1px solid var(–border);
border-radius:16px;
box-shadow:var(–shadow);
padding:24px;
}
.dn-pr14 .eyebrow{text-align:center;letter-spacing:.1em;color:var(–muted);font-size:12px;text-transform:uppercase;margin-bottom:6px;}
.dn-pr14 .headline{text-align:center;font-size:24px;font-weight:900;margin-bottom:6px;}
.dn-pr14 .subtitle{text-align:center;color:var(–muted);margin-bottom:24px;}

/* ———- Badges élargis ———- */
.dn-pr14 .badges{
display:grid;
grid-template-columns:repeat(3, minmax(0,1fr));
gap:18px;
justify-items:stretch;
margin:0 0 28px;
}
.dn-pr14 .badge{
display:flex;
align-items:center;
justify-content:center;
text-align:center;
line-height:1.35;
min-height:82px;
padding:16px 22px;
font-size:16px;
font-weight:700;
border-radius:28px;
border:1px solid #e0e0e0;
background:linear-gradient(145deg,#fafafa,#f2f2f2);
box-shadow:0 3px 8px rgba(0,0,0,.06);
color:#111;
transition:all .25s ease;
}
.dn-pr14 .badge:hover{
background:linear-gradient(145deg,#ffede1,#ffe2d2);
border-color:#ff4d00;
transform:translateY(-3px) scale(1.02);
}

/* Responsive */
@media (max-width:1024px){.dn-pr14 .badges{grid-template-columns:repeat(2, minmax(0,1fr));}}
@media (max-width:620px){
.dn-pr14 .badges{grid-template-columns:1fr;}
.dn-pr14 .badge{min-height:70px;font-size:15px;}
}

/* ———- Tabs ———- */
.dn-pr14 input[type= »radio »]{display:none;}
.dn-pr14 .tabs{
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:8px;
margin:6px 0 14px;
}
.dn-pr14 .tab{
cursor:pointer;
border:1px solid var(–border);
border-radius:12px;
padding:10px 16px;
font-size:14px;
background:#fff;
transition:.15s;
box-shadow:0 2px 10px rgba(0,0,0,.05);
}
.dn-pr14 .tab:hover{transform:translateY(-1px);}
.dn-pr14 .panels .panel{display:none;}
.dn-pr14 input#flv14-choco:checked ~ .tabs label[for= »flv14-choco »],
.dn-pr14 input#flv14-straw:checked ~ .tabs label[for= »flv14-straw »],
.dn-pr14 input#flv14-pb:checked ~ .tabs label[for= »flv14-pb »],
.dn-pr14 input#flv14-cnc:checked ~ .tabs label[for= »flv14-cnc »]{
background:var(–accent);
color:#fff;
border-color:var(–accent);
}
.dn-pr14 input#flv14-choco:checked ~ .panels #panel14-choco,
.dn-pr14 input#flv14-straw:checked ~ .panels #panel14-straw,
.dn-pr14 input#flv14-pb:checked ~ .panels #panel14-pb,
.dn-pr14 input#flv14-cnc:checked ~ .panels #panel14-cnc{
display:block;
}

/* ———- Tableau ———- */
.dn-pr14 table{
width:100%;
border-collapse:separate;
border-spacing:0;
font-size:14px;
margin:8px 0 14px;
border-radius:14px;
overflow:hidden;
border:1px solid var(–border);
}
.dn-pr14 thead th{
padding:12px;
background:var(–accent);
color:#fff;
text-align:left;
}
.dn-pr14 thead th:last-child{text-align:right;}
.dn-pr14 tbody tr:nth-child(odd){background:var(–soft);}
.dn-pr14 td{padding:10px;}
.dn-pr14 td:last-child{text-align:right;}

/* ———- Sections ———- */
.dn-pr14 h4{
margin:16px 0 8px;
font-size:16px;
letter-spacing:.05em;
text-transform:uppercase;
color:var(–accent);
}
.dn-pr14 .list{margin:0 0 14px 18px;}
.dn-pr14 .ing{
background:var(–soft);
border:1px solid var(–border);
border-radius:12px;
padding:12px 14px;
margin:0 0 14px;
}