/* --- plant-a-tree page --- */
.pat-problems-section {
    background: #ffffff;
    padding: 4rem 0;
}

.pat-section-header-center {
    text-align: center;
    max-width: 700px;
    margin: 0 auto 3rem;
}

.pat-section-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #0B3D2C;
    margin-bottom: 1rem;
}

.pat-section-subtitle {
    font-size: 1.1rem;
    color: #6B7280;
    line-height: 1.6;
}

.pat-problems-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
}

.pat-problem-card {
    background: #ffffff;
    border-radius: 16px;
    padding: 2rem;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05);
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.pat-problem-card--bad {
    border-top: 4px solid #DC2626;
}

.pat-problem-card--good {
    border-top: 4px solid #16A34A;
}

.pat-problem-card__badge {
    position: absolute;
    top: 1rem;
    right: 1rem;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.pat-problem-card__badge--bad {
    background: #FEF2F2;
    color: #DC2626;
}

.pat-problem-card__badge--good {
    background: #DCFCE7;
    color: #16A34A;
}

.pat-problem-card__icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
}

.pat-problem-card__icon--bad {
    background: #FEF2F2;
}

.pat-problem-card__icon--good {
    background: #DCFCE7;
}

.pat-problem-card__title--bad {
    color: #991B1B;
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.pat-problem-card__title--good {
    color: #166534;
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.pat-problem-card__desc {
    color: #4b5563;
    font-size: 0.95rem;
    line-height: 1.7;
}

.pat-problem-card__desc {
    color: #4b5563;
    font-size: 0.95rem;
    line-height: 1.6;
}

.pat-info-section {
    background: #ffffff;
    padding: 2.5rem 0 3rem;
}

.pat-info-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: center;
}

.pat-info__heading-row {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.pat-info__title {
    font-size: 2.5rem;
    color: #0B3D2C;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 1.5rem;
}

.pat-info__text {
    color: #4b5563;
    font-size: 1.05rem;
    line-height: 1.8;
    margin-bottom: 1.5rem;
}

.pat-info__text--last {
    color: #4b5563;
    font-size: 1.05rem;
    line-height: 1.8;
}

.pat-info__features {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.pat-feature-card {
    background: linear-gradient(135deg, #E8F5E9, #C8E6C9);
    border-radius: 16px;
    padding: 1.5rem;
    border-left: 4px solid #6B8E23;
}

.pat-feature-card__row {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.pat-feature-card__icon {
    width: 50px;
    height: 50px;
    background: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.pat-feature-card__title {
    color: #0B3D2C;
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 0.25rem;
}

.pat-feature-card__desc {
    color: #4b5563;
    font-size: 0.9rem;
    margin: 0;
}

@media (max-width: 968px) {
    .pat-problems-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .pat-info-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .pat-problems-grid {
        grid-template-columns: 1fr;
    }
}


/* ===== Son CTA Bölməsi — Inline Stillərin Əvəzləri ===== */

/* Son CTA bölməsi — dalğa ilə, mövqeləndirmə konteksti */
.plant-cta-wave-section {
    position: relative;
}

/* Dalğa SVG konteyneri — bölmənin yuxarısında mütləq mövqe */
.plant-cta-wave {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

/* Dalğa SVG elementi — blok göstəriş */
.plant-cta-wave svg {
    display: block;
    width: 100%;
    height: 80px;
}

/* CTA konteyner — dalğadan sonra yuxarı boşluq */
.plant-cta-wave-content {
    padding-top: 80px;
}

/* Hədiyyə CTA — aşağı kənar boşluğu */
.plant-gift-cta--spaced {
    margin-bottom: var(--spacing-10);
}

/* Hədiyyə ikon sarğısı — yarı-şəffaf ağ fon */
.plant-gift-icon-wrapper--dark {
    background: rgba(255, 255, 255, 0.1);
}

/* Ağ başlıq mətni */
.plant-gift-title--white {
    color: var(--color-footer-text);
}

/* Yarı-şəffaf ağ təsvir mətni */
.plant-gift-desc--light {
    color: rgba(255, 255, 255, 0.85);
}

/* Tərs rəngli düymə — ağ fon, tünd mətn */
.plant-gift-btn--inverse {
    background: var(--color-background);
    color: #0B3D2C;
}

/* Mərkəzləşdirilmiş CTA məzmun bloku */
.plant-final-cta--centered {
    text-align: center;
}

/* CTA düymə qrupu — mərkəzləşdirilmiş, yuxarı boşluq */
.plant-final-cta-buttons--centered {
    justify-content: center;
    margin-top: var(--spacing-6);
}

/* Ghost düymə — ağ variant */
.plant-btn-eco-ghost--white {
    color: var(--color-footer-text);
    border-color: var(--color-footer-text);
}