/* PageForge – Frontend v4 */

/* 1. Force the pf-page itself to escape any max-width container */
.pf-page {
    display: block;
    width: 100% !important;
    max-width: none !important;
    margin-left:  0 !important;
    margin-right: 0 !important;
    padding-left:  0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
}

/* 2. Each section spans full width */
.pf-section {
    display: block;
    width: 100% !important;
    max-width: none !important;
    margin-left:  0 !important;
    margin-right: 0 !important;
    box-sizing: border-box;
}

/* 3. Inner wrapper: the 10% side padding lives here */
.pf-section-inner {
    width: 100% !important;
    max-width: none !important;
    padding-left:  10% !important;
    padding-right: 10% !important;
    box-sizing: border-box;
}

/* 4. Grid row */
.pf-row {
    display: grid;
    width: 100%;
    box-sizing: border-box;
}

/* 5. Column */
.pf-col {
    min-width: 0;
    box-sizing: border-box;
}

/* 6. Widgets */
.pf-widget { box-sizing: border-box; }
.pf-widget img { max-width: 100%; height: auto; display: block; }

/* 7. Responsive */
@media (max-width: 1024px) {
    .pf-section-inner { padding-left: 6% !important; padding-right: 6% !important; }
}
@media (max-width: 768px) {
    .pf-row { grid-template-columns: 1fr !important; }
    .pf-section-inner { padding-left: 20px !important; padding-right: 20px !important; }
}