/* ============================================================================
   SEPARATOR EQUIPMENT - STANDARDIZED PAGE STYLES
   Applied to: /services/, /products/, /spare-parts/, /partners/ pages

   DESIGN REQUIREMENTS:
   - Body text: 18px desktop, 14px mobile
   - Headers (h2, h3): 30px desktop
   - List items: 18px desktop, 14px mobile
   - Dropdown content: 15px desktop
   - Body links: #023777, ultra-bold, underlined

   IMPORTANT: Uses high-specificity selectors to override Divi inline styles
   ============================================================================ */

/* ============================================================================
   BASE TYPOGRAPHY - DESKTOP (Default)
   ============================================================================ */

/* Body text - 18px on desktop (EXCLUDE toggle/dropdown content) */
body,
body.et_pb_pagebuilder_layout,
.et_pb_section .et_pb_row .et_pb_column p:not(.et_pb_toggle_content p):not(.et_pb_toggle_content *),
.et_pb_section .et_pb_module:not(.et_pb_toggle) p,
.et_pb_text p,
.et_pb_text_inner p,
div.et_pb_text_inner p {
    font-size: 18px !important;
    line-height: 1.6em !important;
}

/* EXPLICITLY exclude toggle content from body text rules */
.et_pb_toggle_content,
.et_pb_toggle_content *,
.et_pb_toggle .et_pb_toggle_content,
.et_pb_toggle .et_pb_toggle_content * {
    font-size: 15px !important;
    line-height: 1.6em !important;
}

/* Headers - 30px on desktop */
.et_pb_section h2,
.et_pb_section .et_pb_row h2,
.et_pb_section .et_pb_module h2,
.et_pb_text h2,
div.et_pb_text_inner h2 {
    font-size: 30px !important;
    line-height: 1.3em !important;
}

.et_pb_section h3,
.et_pb_section .et_pb_row h3,
.et_pb_section .et_pb_module h3,
.et_pb_text h3,
div.et_pb_text_inner h3 {
    font-size: 30px !important;
    line-height: 1.3em !important;
}

/* Keep h4, h5, h6 smaller for hierarchy */
.et_pb_section h4,
.et_pb_section .et_pb_row h4,
.et_pb_section .et_pb_module h4,
.et_pb_text h4 {
    font-size: 22px !important;
    line-height: 1.4em !important;
}

.et_pb_section h5,
.et_pb_section h6,
.et_pb_text h5,
.et_pb_text h6 {
    font-size: 18px !important;
    line-height: 1.4em !important;
}

/* Lists (bullets and numbered) - 18px on desktop (EXCLUDE toggle content) */
.et_pb_section ul li:not(.et_pb_toggle_content li):not(.et_pb_toggle_content *),
.et_pb_section ol li:not(.et_pb_toggle_content li):not(.et_pb_toggle_content *),
.et_pb_module:not(.et_pb_toggle) ul li,
.et_pb_module:not(.et_pb_toggle) ol li,
.et_pb_text ul li,
.et_pb_text ol li,
.et_pb_text_inner ul li,
.et_pb_text_inner ol li,
div.et_pb_text_inner ul li,
div.et_pb_text_inner ol li {
    font-size: 18px !important;
    line-height: 1.6em !important;
}

/* Nested lists should maintain same size */
.et_pb_section ul ul li,
.et_pb_section ul ol li,
.et_pb_section ol ul li,
.et_pb_section ol ol li {
    font-size: 18px !important;
}

/* Dropdown/Toggle content - 15px on desktop, BLACK text - IMMEDIATE APPLICATION */
.et_pb_toggle_content,
.et_pb_toggle_content *,
.et_pb_toggle_content p,
.et_pb_toggle_content span,
.et_pb_toggle_content div,
.et_pb_toggle.et_pb_toggle_open .et_pb_toggle_content,
.et_pb_toggle.et_pb_toggle_open .et_pb_toggle_content p,
.et_pb_toggle.et_pb_toggle_open .et_pb_toggle_content *,
div.et_pb_toggle_content,
div.et_pb_toggle_content *,
div.et_pb_toggle_content p,
.et_pb_module .et_pb_toggle_content,
.et_pb_module .et_pb_toggle_content *,
.et_pb_module .et_pb_toggle_content p,
.et_pb_section .et_pb_toggle_content,
.et_pb_section .et_pb_toggle_content *,
.et_pb_section .et_pb_toggle_content p {
    font-size: 15px !important;
    line-height: 1.6em !important;
    color: #000000 !important;
}

/* Dropdown list items - also 15px, BLACK text */
.et_pb_toggle_content ul li,
.et_pb_toggle_content ol li,
.et_pb_toggle_content ul,
.et_pb_toggle_content ol {
    font-size: 15px !important;
    color: #000000 !important;
}

/* ============================================================================
   BODY LINKS STYLING - Main Content AND Footer
   Color: #023777, Ultra-bold (800), Underlined
   EXCLUDE: Navigation, WordPress Menus, Divi Builder
   ============================================================================ */

/* HIGH SPECIFICITY - Target links in main content area AND footer */
body .et_pb_section a,
body .et_pb_section .et_pb_row a,
body .et_pb_section .et_pb_module a,
body .et_pb_section .et_pb_text a,
body .et_pb_section .et_pb_text_inner a,
body .et_pb_section div.et_pb_text_inner a,
body .et_pb_section .et_pb_toggle_content a,
body .entry-content a,
body #main-footer a,
body #main-footer .footer-widget a,
body #footer-bottom a,
.et_pb_row .et_pb_column a,
.et_pb_row .et_pb_column .et_pb_module a,
.et_pb_row .et_pb_column .et_pb_text a {
    color: #023777 !important;
    font-weight: 800 !important;
    text-decoration: underline !important;
}

/* HIGH SPECIFICITY - Ensure links maintain styling on hover */
body .et_pb_section a:hover,
body .et_pb_section .et_pb_row a:hover,
body .et_pb_section .et_pb_module a:hover,
body .et_pb_section .et_pb_text a:hover,
body .et_pb_section .et_pb_text_inner a:hover,
body .et_pb_section div.et_pb_text_inner a:hover,
body .et_pb_section .et_pb_toggle_content a:hover,
body .entry-content a:hover,
body #main-footer a:hover,
body #main-footer .footer-widget a:hover,
body #footer-bottom a:hover,
.et_pb_row .et_pb_column a:hover,
.et_pb_row .et_pb_column .et_pb_module a:hover,
.et_pb_row .et_pb_column .et_pb_text a:hover {
    color: #023777 !important;
    font-weight: 800 !important;
    text-decoration: underline !important;
}

/* EXCLUDE ONLY: Navigation, WordPress Menus, and Divi Visual Builder */
/* Remove underlines and reset styling for navigation only */
#main-header a,
#top-header a,
#et-top-navigation a,
#et-top-navigation ul li a,
#et-top-navigation nav a,
.et-fixed-header a,
#top-menu a,
#top-menu li a,
.nav a,
.et_mobile_menu a,
.et-fb a,
.et-fb-button a,
.et_pb_portability_button a,
.et-db a,
.et-db-menu a,
.et_fb_modal a,
.et_fb_settings a,
#et-fb-app a,
#et-fb-app-frame a {
    text-decoration: none !important;
}

/* Navigation color overrides - preserve font-weight but set specific colors */
#main-header a,
#top-header a,
#et-top-navigation a,
#et-top-navigation ul li a,
#top-menu a,
#top-menu li a {
    color: #000000 !important; /* Black default */
    font-weight: inherit !important;
}

/* Divi Visual Builder - exclude from ALL link styling */
.et-fb a,
.et-fb-button a,
.et_pb_portability_button a,
.et-db a,
.et-db-menu a,
.et_fb_modal a,
.et_fb_settings a,
#et-fb-app a,
#et-fb-app-frame a {
    color: inherit !important;
    font-weight: inherit !important;
    text-decoration: inherit !important;
}

/* Top navigation hover - blue */
#main-header a:hover,
#top-header a:hover,
#et-top-navigation a:hover,
#et-top-navigation ul li a:hover,
#top-menu a:hover,
#top-menu li a:hover {
    color: #023777 !important;
}

/* Sub-menu (dropdown) default text - black */
#top-menu .sub-menu a,
#et-top-navigation .sub-menu a,
.et-menu .sub-menu a {
    color: #000000 !important;
}

/* EXCLUDE buttons from link styling */
.et_pb_button,
.et_pb_module .et_pb_button,
a.et_pb_button,
.et_pb_section a.et_pb_button {
    font-weight: 500 !important;
    text-decoration: none !important;
}

/* ============================================================================
   TABLET STYLES (768px - 1023px)
   ============================================================================ */
@media all and (min-width: 768px) and (max-width: 1023px) {
    /* Keep 18px body text on tablet */
    body,
    .et_pb_section .et_pb_row .et_pb_column p,
    .et_pb_text p,
    div.et_pb_text_inner p {
        font-size: 18px !important;
    }

    /* Headers stay 30px on tablet */
    .et_pb_section h2,
    .et_pb_text h2,
    .et_pb_section h3,
    .et_pb_text h3 {
        font-size: 30px !important;
    }

    /* Lists stay 18px on tablet */
    .et_pb_section ul li,
    .et_pb_section ol li,
    .et_pb_text ul li,
    .et_pb_text ol li {
        font-size: 18px !important;
    }

    /* Dropdown content stays 15px */
    .et_pb_toggle_content,
    .et_pb_toggle_content p {
        font-size: 15px !important;
    }
}

/* ============================================================================
   MOBILE STYLES (max-width: 767px)
   ============================================================================ */
@media all and (max-width: 767px) {
    /* Body text - 14px on mobile */
    body,
    body.et_pb_pagebuilder_layout,
    .et_pb_section .et_pb_row .et_pb_column p,
    .et_pb_section .et_pb_module p,
    .et_pb_text p,
    .et_pb_text_inner p,
    div.et_pb_text_inner p {
        font-size: 14px !important;
    }

    /* Headers on mobile - keep readable but smaller */
    .et_pb_section h2,
    .et_pb_text h2,
    div.et_pb_text_inner h2 {
        font-size: 26px !important;
    }

    .et_pb_section h3,
    .et_pb_text h3,
    div.et_pb_text_inner h3 {
        font-size: 22px !important;
    }

    .et_pb_section h4,
    .et_pb_text h4 {
        font-size: 18px !important;
    }

    .et_pb_section h5,
    .et_pb_section h6,
    .et_pb_text h5,
    .et_pb_text h6 {
        font-size: 16px !important;
    }

    /* Lists - 14px on mobile */
    .et_pb_section ul li,
    .et_pb_section ol li,
    .et_pb_module ul li,
    .et_pb_module ol li,
    .et_pb_text ul li,
    .et_pb_text ol li,
    .et_pb_text_inner ul li,
    .et_pb_text_inner ol li,
    div.et_pb_text_inner ul li,
    div.et_pb_text_inner ol li {
        font-size: 14px !important;
    }

    /* Dropdown content on mobile - 14px for readability */
    .et_pb_toggle_content,
    .et_pb_toggle_content p,
    div.et_pb_toggle_content p {
        font-size: 14px !important;
    }

    .et_pb_toggle_content ul li,
    .et_pb_toggle_content ol li {
        font-size: 14px !important;
    }
}

/* ============================================================================
   TITLE SECTION (Keep existing title styles)
   ============================================================================ */
h1.entry-title {
    font-size: 64px !important;
}

@media all and (min-width: 1024px) and (max-width: 1439px) {
    h1.entry-title {
        font-size: 55px !important;
    }
}

@media all and (min-width: 768px) and (max-width: 1023px) {
    h1.entry-title {
        font-size: 44px !important;
    }
}

@media all and (max-width: 767px) {
    h1.entry-title {
        font-size: 32px !important;
    }
}

/* ============================================================================
   TOP MENU STYLING (Keep existing)
   ============================================================================ */
#top-menu li a {
    font-size: 14px !important;
}

/* ============================================================================
   YARPP (Yet Another Related Posts Plugin) - Similar Products Styling
   High specificity to override all page-specific rules
   ============================================================================ */
/* YARPP title - 14px, BLUE #023777, ultra-bold, underlined */
body .yarpp-post-title,
body .yarpp-post-title a,
body .yarpp-image-previews .yarpp-post-title,
body .yarpp-image-previews .yarpp-post-title a,
.et_pb_section .yarpp-post-title a,
.et_pb_module .yarpp-post-title a {
    color: #023777 !important;
    font-size: 14px !important;
    line-height: 1.35em !important;
    text-decoration: underline !important;
    font-weight: 800 !important;
}

/* YARPP title hover */
body .yarpp-post-title a:hover,
body .yarpp-image-previews .yarpp-post-title a:hover,
.et_pb_section .yarpp-post-title a:hover,
.et_pb_module .yarpp-post-title a:hover {
    color: #023777 !important;
    text-decoration: underline !important;
    font-weight: 800 !important;
}

/* YARPP description text - 14px, BLACK (not links) */
body .yarpp-post-text,
body .yarpp-post-content,
body .yarpp-post-content p,
body .yarpp-image-previews .yarpp-post-text,
body .yarpp-image-previews .yarpp-post-content,
.et_pb_section .yarpp-post-text,
.et_pb_section .yarpp-post-content {
    color: #000000 !important;
    font-size: 14px !important;
    line-height: 1.35em !important;
}

/* ============================================================================
   FOOTER STYLING - Exclude from body text sizing, set ALL to 14px
   ============================================================================ */
/* All footer text elements - 14px */
#main-footer,
#main-footer *,
#main-footer p,
#main-footer span,
#main-footer div,
#main-footer .et_pb_text,
#main-footer .et_pb_text_inner,
#main-footer .et_pb_text_inner p,
#main-footer .et_pb_text_inner span,
#main-footer .et_pb_module,
#main-footer .et_pb_module p,
#main-footer .et_pb_module span,
#footer-bottom,
#footer-bottom *,
#footer-bottom p,
#footer-bottom span,
#footer-bottom div,
#footer-widgets,
#footer-widgets *,
#footer-widgets p,
#footer-widgets span,
.footer-widget,
.footer-widget *,
.footer-widget p,
.footer-widget span {
    font-size: 14px !important;
    line-height: 1.5em !important;
}

/* Footer links - 14px */
#main-footer a,
#footer-bottom a,
#footer-widgets a,
.footer-widget a {
    font-size: 14px !important;
}

/* Footer navigation links (terms, privacy, sitemap) - 14px */
#footer-nav,
#footer-nav *,
#footer-nav a,
#footer-nav li,
#footer-nav span,
.bottom-nav,
.bottom-nav *,
.bottom-nav a,
.bottom-nav li,
.bottom-nav span {
    font-size: 14px !important;
}

/* Copyright and bottom bar text */
#footer-info,
#footer-info *,
#footer-info span,
.et_pb_section_bottom,
.et_pb_section_bottom *,
.et_pb_section_bottom p {
    font-size: 14px !important;
}

/* Specific footer blurb headers (phone, fax, address, email) */
.et-l--footer h4.et_pb_module_header,
.et-l--footer h4.et_pb_module_header span,
.et-l--footer h4.et_pb_module_header a,
footer h4.et_pb_module_header,
footer h4.et_pb_module_header span,
footer h4.et_pb_module_header a {
    font-size: 14px !important;
}

/* Custom footer copyright and links */
.custom_footer,
.custom_footer *,
.custom_footer span,
.custom_footer strong,
.custom_footer a,
.span_footer,
.span_footer *,
.span_footer_2,
.span_footer_2 *,
.footer_link,
.flex_row_footer,
.flex_row_footer *,
.flex_col_footer,
.flex_col_footer *,
#copyright-footer,
#copyright-footer *,
#copyright-footer span,
#copyright-footer strong,
#copyright-footer a {
    font-size: 14px !important;
}

/* Footer layout fixes for tablet and mobile (768px and below) */
@media all and (max-width: 768px) {
    /* Add spacing between phone and fax */
    .et-l--footer .et_pb_blurb_1_tb_footer,
    footer .et_pb_blurb_1_tb_footer {
        margin-top: 20px !important;
    }

    /* Close gap between columns in footer */
    .et-l--footer .et_pb_column_1_2,
    footer .et_pb_column_1_2 {
        margin-bottom: 0 !important;
    }

    /* Reduce spacing in footer blurbs on mobile */
    .et-l--footer .et_pb_blurb,
    footer .et_pb_blurb {
        margin-bottom: 15px !important;
    }

    /* Tighten footer row spacing */
    .et-l--footer .et_pb_row,
    footer .et_pb_row {
        padding-bottom: 10px !important;
    }
}

/* ============================================================================
   WHITE TEXT SECTIONS WITH BACKGROUND IMAGES
   ONLY target parallax/background image sections (not all dark sections)
   Font size: 30px on ALL screen sizes
   ============================================================================ */

/* White text sections with PARALLAX background images - 30px on all sizes */
.et_pb_section_parallax.et_pb_bg_layout_dark p,
.et_pb_section.has_et_pb_background.et_pb_bg_layout_dark p,
.et_pb_section[style*="background-image"].et_pb_bg_layout_dark p {
    font-size: 30px !important;
}

/* Ensure white text sections with bg images stay 30px on tablet */
@media all and (min-width: 768px) and (max-width: 1023px) {
    .et_pb_section_parallax.et_pb_bg_layout_dark p,
    .et_pb_section.has_et_pb_background.et_pb_bg_layout_dark p,
    .et_pb_section[style*="background-image"].et_pb_bg_layout_dark p {
        font-size: 30px !important;
    }
}

/* Ensure white text sections with bg images stay 30px on mobile */
@media all and (max-width: 767px) {
    .et_pb_section_parallax.et_pb_bg_layout_dark p,
    .et_pb_section.has_et_pb_background.et_pb_bg_layout_dark p,
    .et_pb_section[style*="background-image"].et_pb_bg_layout_dark p {
        font-size: 30px !important;
    }
}

/* ============================================================================
   SPARE PARTS PAGE - Category link font size 20px
   EXCLUDES: Footer links and YARPP links (they stay 14px)
   ============================================================================ */
/* Main category links on spare parts page - 20px */
body.page-id-366 .et_pb_section:not(#main-footer):not(#footer-bottom) a,
body.page-id-366 .et_pb_text:not(#main-footer *):not(#footer-bottom *) a,
body.page-id-366 .et_pb_module:not(.yarpp-post-container) a {
    font-size: 20px !important;
}

/* Explicitly exclude footer and YARPP from 20px rule */
body.page-id-366 #main-footer a,
body.page-id-366 #footer-bottom a,
body.page-id-366 .yarpp-post-title a,
body.page-id-366 .yarpp-image-previews a {
    font-size: 14px !important;
}

/* ============================================================================
   OVERRIDE ANY REMAINING INLINE STYLES
   These ultra-specific selectors target common Divi builder patterns
   IMPORTANT: Exclude toggle/dropdown content from these overrides
   ============================================================================ */

/* Force paragraph sizing in all Divi text modules (EXCLUDE toggles) */
.et_pb_section .et_pb_row .et_pb_column .et_pb_module.et_pb_text:not(.et_pb_toggle) .et_pb_text_inner p {
    font-size: 18px !important;
}

/* Force list item sizing in all Divi text modules (EXCLUDE toggles) */
.et_pb_section .et_pb_row .et_pb_column .et_pb_module.et_pb_text:not(.et_pb_toggle) .et_pb_text_inner ul li,
.et_pb_section .et_pb_row .et_pb_column .et_pb_module.et_pb_text:not(.et_pb_toggle) .et_pb_text_inner ol li {
    font-size: 18px !important;
}

/* ENSURE toggle content stays 15px even with inline styles */
.et_pb_toggle .et_pb_toggle_content,
.et_pb_toggle .et_pb_toggle_content *,
.et_pb_toggle .et_pb_toggle_content p,
.et_pb_toggle .et_pb_toggle_content span,
.et_pb_toggle .et_pb_toggle_content ul li,
.et_pb_toggle .et_pb_toggle_content ol li {
    font-size: 15px !important;
}

/* Mobile override for ultra-specific selectors (EXCLUDE toggles) */
@media all and (max-width: 767px) {
    .et_pb_section .et_pb_row .et_pb_column .et_pb_module.et_pb_text:not(.et_pb_toggle) .et_pb_text_inner p {
        font-size: 14px !important;
    }

    .et_pb_section .et_pb_row .et_pb_column .et_pb_module.et_pb_text:not(.et_pb_toggle) .et_pb_text_inner ul li,
    .et_pb_section .et_pb_row .et_pb_column .et_pb_module.et_pb_text:not(.et_pb_toggle) .et_pb_text_inner ol li {
        font-size: 14px !important;
    }

    /* Mobile toggle content - keep at 14px */
    .et_pb_toggle_content,
    .et_pb_toggle_content * {
        font-size: 14px !important;
    }
}

/* ============================================================================
   BLUE BACKGROUND SECTIONS - White Text & Links
   For sections with blue backgrounds (downloads, PDFs, etc.)
   Apply "blue-bg" CSS class to section in Divi builder
   ============================================================================ */

/* Blue background sections - ALL text white */
.et_pb_section.blue-bg,
.et_pb_section.blue-bg *,
.et_pb_section.blue-bg p,
.et_pb_section.blue-bg h2,
.et_pb_section.blue-bg h3,
.et_pb_section.blue-bg h4,
.et_pb_section.blue-bg h5,
.et_pb_section.blue-bg h6,
.et_pb_section.blue-bg li,
.et_pb_section.blue-bg span,
.et_pb_section.blue-bg div,
.et_pb_section.blue-bg .et_pb_text,
.et_pb_section.blue-bg .et_pb_text_inner,
.et_pb_section.blue-bg .et_pb_module {
    color: #ffffff !important;
}

/* Blue background sections - Links: WHITE, ULTRA-BOLD (800), UNDERLINED */
.et_pb_section.blue-bg a,
.et_pb_section.blue-bg .et_pb_text a,
.et_pb_section.blue-bg .et_pb_module a,
.et_pb_section.blue-bg .et_pb_text_inner a,
.et_pb_section.blue-bg p a,
.et_pb_section.blue-bg li a,
.et_pb_section.blue-bg div a,
body .et_pb_section.blue-bg a,
body .et_pb_section.blue-bg .et_pb_row a,
body .et_pb_section.blue-bg .et_pb_module a {
    color: #ffffff !important;
    font-weight: 800 !important;
    text-decoration: underline !important;
}

/* Blue background sections - Links on hover (maintain styling) */
.et_pb_section.blue-bg a:hover,
.et_pb_section.blue-bg .et_pb_text a:hover,
.et_pb_section.blue-bg .et_pb_module a:hover,
.et_pb_section.blue-bg .et_pb_text_inner a:hover,
.et_pb_section.blue-bg p a:hover,
.et_pb_section.blue-bg li a:hover,
body .et_pb_section.blue-bg a:hover,
body .et_pb_section.blue-bg .et_pb_row a:hover {
    color: #ffffff !important;
    font-weight: 800 !important;
    text-decoration: underline !important;
    opacity: 0.9;
}

/* ============================================================================
   CRITICAL OVERRIDES: Spare Parts Page Exclusions
   MUST come LAST to override the 20px spare parts link rule
   Ultra-high specificity to ensure they win
   ============================================================================ */

/* YARPP on Spare Parts Page - 14px with ultra-high specificity */
html body.page-id-366.page .yarpp-post-title a,
html body.page-id-366.page .yarpp-image-previews .yarpp-post-title a,
html body.page-id-366.page .et_pb_section .yarpp-post-title a,
html body.page-id-366.page .et_pb_module .yarpp-post-title a,
html body.page-id-366.page .et_pb_text .yarpp-post-title a,
html body.page-id-366.page .et_pb_row .yarpp-post-title a {
    font-size: 14px !important;
    color: #023777 !important;
    font-weight: 800 !important;
    text-decoration: underline !important;
}

/* Footer on Spare Parts Page - ALL text 14px with ultra-high specificity */
html body.page-id-366.page #main-footer,
html body.page-id-366.page #main-footer *,
html body.page-id-366.page #main-footer p,
html body.page-id-366.page #main-footer span,
html body.page-id-366.page #main-footer div,
html body.page-id-366.page #main-footer a,
html body.page-id-366.page #main-footer .footer-widget,
html body.page-id-366.page #main-footer .footer-widget *,
html body.page-id-366.page #main-footer .et_pb_text,
html body.page-id-366.page #main-footer .et_pb_module,
html body.page-id-366.page #footer-bottom,
html body.page-id-366.page #footer-bottom *,
html body.page-id-366.page.page-template-default #main-footer a,
html body.page-id-366.page #main-footer .et_pb_section a,
html body.page-id-366.page #main-footer .et_pb_text a,
html body.page-id-366.page #main-footer .et_pb_module a,
html body.page-id-366.page #footer-bottom a {
    font-size: 14px !important;
}

/* ============================================================================
   ROI CALCULATOR PAGE (Page ID 29263) - Fix Text Spacing Issues
   Reduce excessive gutters and padding for better text readability
   ============================================================================ */

/* Reduce row padding on ROI Calculator page */
body.page-id-29263 .et_pb_row {
    padding: 1% 0 !important;
}

/* Reduce column gutters on ROI Calculator page */
body.page-id-29263 .et_pb_gutters3 .et_pb_column {
    margin-right: 2% !important;
}

body.page-id-29263 .et_pb_gutters3 .et_pb_column:last-child {
    margin-right: 0 !important;
}

/* Increase content width for better use of space */
body.page-id-29263 .et_pb_row {
    width: 90% !important;
    max-width: 1200px !important;
}

/* Remove excessive padding from text modules */
body.page-id-29263 .et_pb_text {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Mobile adjustments - ensure text uses full available width */
@media all and (max-width: 980px) {
    body.page-id-29263 .et_pb_row {
        width: 95% !important;
        padding: 20px 0 !important;
    }

    body.page-id-29263 .et_pb_column {
        margin-right: 0 !important;
    }
}