.elementor-4572 .elementor-element.elementor-element-e5bc719{--display:flex;}/* Start custom CSS for html, class: .elementor-element-6290c21 *//* ================================
Article lancement support suspendu
================================ */

.ppnc-launch-article {
width: 100%;
}

/* Titres et texte */
.ppnc-launch-article h2 {
color: #063f3d;
font-size: clamp(26px, 3vw, 34px);
line-height: 1.25;
margin: 0 0 18px;
}

.ppnc-launch-article h3 {
color: #0b5c58;
font-size: 21px;
line-height: 1.3;
margin: 0 0 12px;
}

.ppnc-launch-article p {
color: #173b3a;
font-size: 17px;
line-height: 1.75;
}

.ppnc-launch-article a {
text-decoration: none;
}

/* Introduction */
.ppnc-article-intro {
padding: 28px 30px;
margin-bottom: 34px;
background: linear-gradient(135deg, rgba(212,245,242,0.95), rgba(248,253,253,0.95));
border: 1px solid rgba(0,167,179,0.14);
border-radius: 22px;
}

.ppnc-kicker {
margin: 0 0 8px !important;
color: #0E7C7B !important;
font-weight: 800;
text-transform: uppercase;
font-size: 13px !important;
letter-spacing: 0.6px;
}

.ppnc-important-line {
display: inline-block;
margin-top: 8px;
padding: 8px 14px;
border-radius: 999px;
background: #0E7C7B;
color: #ffffff !important;
font-weight: 800;
}

/* Cartes résumé */
.ppnc-quick-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 16px;
margin: 0 0 42px;
}

.ppnc-quick-card {
padding: 20px 18px;
background: #ffffff;
border: 1px solid rgba(0,167,179,0.14);
border-radius: 18px;
box-shadow: 0 8px 20px rgba(0,40,38,0.08);
text-align: center;
transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.ppnc-quick-card:hover {
transform: translateY(-2px);
box-shadow: 0 12px 24px rgba(0,40,38,0.12);
}

.ppnc-quick-card span {
display: block;
font-size: 28px;
margin-bottom: 8px;
}

.ppnc-quick-card h3 {
font-size: 18px;
margin-bottom: 8px;
}

.ppnc-quick-card p {
margin: 0;
font-size: 14px;
line-height: 1.5;
}

/* Sections */
.ppnc-section {
margin: 46px 0;
}

.ppnc-note {
margin: 22px 0 0;
padding: 18px 20px;
background: rgba(14,124,123,0.08);
border-left: 5px solid #0E7C7B;
border-radius: 14px;
color: #173b3a;
line-height: 1.65;
}

/* Colonnes et cartes */
.ppnc-two-cols,
.ppnc-three-cols {
display: grid;
gap: 20px;
margin-top: 24px;
}

.ppnc-two-cols {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ppnc-three-cols {
grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ppnc-option-card,
.ppnc-size-card {
padding: 22px;
background: rgba(255,255,255,0.96);
border: 1px solid rgba(0,167,179,0.14);
border-radius: 20px;
box-shadow: 0 8px 20px rgba(0,40,38,0.08);
}

.ppnc-size-card {
text-align: center;
}

.ppnc-size-featured {
border-color: rgba(14,124,123,0.45);
box-shadow: 0 12px 26px rgba(14,124,123,0.14);
}

.ppnc-size {
display: inline-block;
margin: 0 0 12px !important;
padding: 7px 12px;
background: rgba(14,124,123,0.10);
border-radius: 999px;
color: #0E7C7B !important;
font-weight: 800;
}

/* Emplacements photos temporaires */
.ppnc-photo-placeholder {
min-height: 150px;
margin-bottom: 18px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 18px;
border: 2px dashed rgba(14,124,123,0.22);
border-radius: 18px;
background: linear-gradient(135deg, rgba(212,245,242,0.28), rgba(255,255,255,0.75));
color: rgba(0,58,64,0.68);
font-weight: 700;
}

.ppnc-wide-placeholder {
min-height: 180px;
margin-top: 24px;
margin-bottom: 0;
}

/* Coloris */
.ppnc-color-dot {
width: 58px;
height: 58px;
border-radius: 50%;
margin-bottom: 16px;
border: 3px solid rgba(255,255,255,0.9);
box-shadow: 0 8px 18px rgba(0,0,0,0.14);
}

.ppnc-black {
background: #101820;
}

.ppnc-translucent {
background: linear-gradient(135deg, rgba(255,255,255,0.95), rgba(160,220,220,0.45));
border: 2px solid rgba(14,124,123,0.25);
}

/* Étapes installation */
.ppnc-steps-list {
display: grid;
gap: 12px;
margin: 22px 0 24px;
}

.ppnc-steps-list div {
display: flex;
gap: 14px;
align-items: flex-start;
padding: 14px 16px;
background: rgba(246,248,249,0.95);
border-radius: 14px;
color: #173b3a;
line-height: 1.55;
}

.ppnc-steps-list span {
flex: 0 0 30px;
height: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
background: #0E7C7B;
color: #ffffff;
border-radius: 50%;
font-weight: 800;
}

/* Tags plantes */
.ppnc-plant-tags {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 20px 0 22px;
}

.ppnc-plant-tags span {
display: inline-flex;
padding: 8px 13px;
border-radius: 999px;
background: rgba(14,124,123,0.10);
color: #0E7C7B;
font-weight: 700;
font-size: 14px;
}

/* Bloc attention */
.ppnc-warning-box {
padding: 26px 30px;
background: #fff8e8;
border: 1px solid rgba(245,158,11,0.35);
border-left: 6px solid #F59E0B;
border-radius: 22px;
}

.ppnc-warning-box ul {
margin-bottom: 18px;
padding-left: 22px;
}

.ppnc-warning-box li {
margin-bottom: 8px;
color: #173b3a;
line-height: 1.6;
}

/* CTA commande */
.ppnc-cta-box {
margin: 54px 0;
padding: 34px 36px;
background: linear-gradient(135deg, #0E7C7B, #003a40);
border-radius: 24px;
color: #ffffff !important;
text-align: center;
box-shadow: 0 14px 32px rgba(0,40,38,0.22);
}

.ppnc-cta-box h2,
.ppnc-cta-box h3,
.ppnc-cta-box p,
#ppnc-article-content .ppnc-cta-box h2,
#ppnc-article-content .ppnc-cta-box h3,
#ppnc-article-content .ppnc-cta-box p {
color: #ffffff !important;
}

.ppnc-cta-box h2 {
margin-bottom: 18px;
}

.ppnc-cta-box p {
max-width: 760px;
margin-left: auto;
margin-right: auto;
}

.ppnc-cta-box .aqua-btn,
#ppnc-article-content .ppnc-cta-box .aqua-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 46px;
margin-top: 10px;
padding: 12px 28px;
border-radius: 999px;
background: #ffffff !important;
color: #003a40 !important;
font-weight: 800;
text-decoration: none;
box-shadow: 0 8px 20px rgba(0,0,0,0.12);
transition: transform 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.ppnc-cta-box .aqua-btn:hover,
#ppnc-article-content .ppnc-cta-box .aqua-btn:hover {
background: #d4f5f2 !important;
color: #003a40 !important;
transform: translateY(-2px);
box-shadow: 0 12px 24px rgba(0,0,0,0.16);
}

/* Résumé final */
.ppnc-summary-final {
margin-top: 52px;
padding: 28px 30px;
background: rgba(212,245,242,0.65);
border-radius: 22px;
text-align: center;
}

.ppnc-summary-final p {
max-width: 760px;
margin-left: auto;
margin-right: auto;
}

/* Responsive tablette */
@media (max-width: 900px) {
.ppnc-quick-grid,
.ppnc-three-cols {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ppnc-two-cols {
grid-template-columns: 1fr;
}
}

/* Responsive mobile */
@media (max-width: 640px) {
.ppnc-quick-grid,
.ppnc-three-cols {
grid-template-columns: 1fr;
}

.ppnc-article-intro,
.ppnc-warning-box,
.ppnc-cta-box,
.ppnc-summary-final {
padding: 22px 18px;
}

.ppnc-launch-article p {
font-size: 16px;
}

.ppnc-launch-article h2 {
font-size: 24px;
}

.ppnc-launch-article h3 {
font-size: 19px;
}

.ppnc-photo-placeholder {
min-height: 130px;
}

.ppnc-wide-placeholder {
min-height: 150px;
}
}/* End custom CSS */