/**
 * Fulfillment Page Layout Fixes
 * - Responsive Column Stacking
 * - 3% Margin Safety (User Requested)
 */

/* 1. Global Page Padding Safety (3% Margins) */
.page-id-15 .service-content-wrapper,
.page-id-15 .entry-content,
.page-id-15 .service-content-inner,
.page-id-15 .wrap,
.page-id-15 .centeredSection,
.page-id-668 .service-content-wrapper,
.page-id-668 .entry-content,
.page-id-668 .service-content-inner,
.page-id-668 .wrap,
.page-id-668 .centeredSection {
    padding-left: 3% !important;
    padding-right: 3% !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Bullet Safety - Ensure they stay inside the 3% padding area */
.page-id-15 ul,
.page-id-15 ol,
.page-id-668 ul,
.page-id-668 ol {
    padding-left: 10% !important;
}

/* 2. Responsive Column Stacking (Mobile/Tablet) */
@media (max-width: 1400px) {

    .page-id-15 .wp-block-columns,
    .page-id-668 .wp-block-columns {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .page-id-15 .wp-block-column,
    .page-id-668 .wp-block-column {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
        margin: 0 0 40px 0 !important;
        padding: 0 !important;
        display: block !important;
    }

    /* 3. Hero Overlap Fix (Consistent with Logistyka/Magazynowanie) */
    .page-id-15 .page-content-wrapper,
    .page-id-668 .page-content-wrapper,
    .page-id-15 .service-content-wrapper,
    .page-id-668 .service-content-wrapper {
        padding-top: 200px !important;
    }
}

@media (max-width: 767px) {

    .page-id-15 .page-content-wrapper,
    .page-id-668 .page-content-wrapper,
    .page-id-15 .service-content-wrapper,
    .page-id-668 .service-content-wrapper {
        padding-top: 150px !important;
    }
}