/* Home E4 Shuttle Text and Video */ @media (max-width: 768px) { #id-home-right-automation > div > h2 { text-align: center; margin-top: -40px; } } #id-home-right-automation > div > h2 { color: #e30613; } @media (min-width: 1025px) { #id-home-right-automation .thumbnail:not(:has(.video-embed)) { padding-top: 100px; } } /* Mobile and tablet only: remove bottom padding */ @media (max-width: 1024px) { #id-home-right-automation { padding-bottom: 0 !important; } } #id-e4-shuttle { max-width: 700px; margin: 0 auto; display: block; margin-bottom: 20px; margin-top: -60px; } /* Hide Core Values Section on Our Vision Page */ #id-our-core-values { display: none; } /* Reset padding and margin for submenu */ .main-navigation .sub-menu { padding: 0 !important; margin: 0 !important; border: none !important; } /* Adjust list items within submenu */ .main-navigation .sub-menu li { padding: 0 !important; margin: 0 !important; line-height: 1.2 !important; } /* Remove pseudo-elements that might add space */ .main-navigation .sub-menu::before, .main-navigation .sub-menu::after, .main-navigation .sub-menu li::before, .main-navigation .sub-menu li::after { content: none !important; display: none !important; } /* Ensure no empty list items are present */ .main-navigation .sub-menu li:empty { display: none !important; } /* Override the excessive min-height on the submenu content */ #main-menu .listing .item .sub-menu .sub-menu-wrapper .sub-menu-content { min-height: 0 !important; } /* Hide the Search Function */ .header-menu .search{ display: none !important; } /* Remove the sub-menu sidebar */ .sub-menu .sidebar { display: none !important; } /* === MEDIA LAYOUT: FLEX FOR VIDEO === */ /* Tablet and desktop: side-by-side layout for inline video */ @media (min-width: 768px) { .media-elements.has-inline-video { display: flex; flex-wrap: wrap; align-items: flex-start; } .media-elements.has-inline-video > .description, .media-elements.has-inline-video > .thumbnail { flex: 1 1 50%; max-width: 50%; box-sizing: border-box; } } /* Mobile: stacked layout */ @media (max-width: 767px) { .media-elements > .description, .media-elements > .thumbnail { width: 100%; max-width: 100%; display: block; margin-bottom: 2rem; } } /* === VIDEO EMBED STYLES === */ .thumbnail, .video-embed { margin: 0; padding: 0; display: block; } .video-embed { aspect-ratio: 16 / 9; width: 100%; overflow: hidden; } .video-embed .responsive-iframe { width: 100%; height: 100%; border: 0; display: block; vertical-align: top; } /* Optional: remove padding from inline video block */ .thumbnail.is-inline-video { padding-top: 0 !important; } .savoye-frame-wrapper { position: relative; width: 100%; overflow: hidden; } /* This covers the existing header inside the iframe */ .savoye-header-replacement { position: absolute; top: 0; left: 0; width: 100%; height: 60px; background-color: #0052A5; color: #ffffff; display: flex; align-items: center; justify-content: center; font-family: "Arial", "Helvetica Neue", sans-serif; font-weight: 700; font-size: 28px; letter-spacing: 1px; text-transform: uppercase; z-index: 10; pointer-events: none; box-shadow: 0 2px 4px rgba(0,0,0,0.15); } /* Adjustments for smaller screens */ @media (max-width: 600px) { .savoye-header-replacement { font-size: 20px; height: 50px; } } /* X-PTS Shuttle Page Built for any environment image move down */ #id-xpts-shuttle img { padding-top: 110px; } /* Wrapper for the whole tour section */ .svy-tour-block { max-width: 960px; margin: 0 auto 40px auto; padding: 0 20px; } .svy-tour-intro { text-align: center; margin-bottom: 24px; } /* Outer form wrapper */ .svy-tour-form { max-width: 720px; margin: 0 auto 40px auto; padding: 24px 20px; text-align: left; } /* Container and row layout overrides */ .svy-tour-form .wpforms-container, .svy-tour-form .wpforms-form { max-width: 100% !important; margin: 0 auto !important; } /* Kill flex and columns that are shrinking fields */ .svy-tour-form .wpforms-field-container { display: block !important; } /* Make every field full width */ .svy-tour-form .wpforms-field, .svy-tour-form .wpforms-field.wpforms-field-text, .svy-tour-form .wpforms-field.wpforms-field-name, .svy-tour-form .wpforms-field.wpforms-field-email, .svy-tour-form .wpforms-field.wpforms-field-phone { width: 100% !important; max-width: 100% !important; float: none !important; display: block !important; margin-right: 0 !important; } /* Inputs, selects, textareas */ .svy-tour-form input[type="text"], .svy-tour-form input[type="email"], .svy-tour-form input[type="tel"], .svy-tour-form input[type="number"], .svy-tour-form input[type="date"], .svy-tour-form select, .svy-tour-form textarea { width: 100% !important; max-width: 100% !important; box-sizing: border-box; padding: 10px 12px; border: 1px solid #d4d7dd; border-radius: 4px; font-size: 14px; line-height: 1.4; background-color: #ffffff; } /* Labels */ .svy-tour-form .wpforms-field-label { font-size: 14px; font-weight: 600; letter-spacing: 0.02em; text-transform: uppercase; margin-bottom: 4px; color: #333333; } /* Errors */ .svy-tour-form .wpforms-error { font-size: 12px; color: #cd2e26; } /* Submit button */ .svy-tour-form .wpforms-submit-container { text-align: right; margin-top: 16px; } .svy-tour-form button.wpforms-submit { background-color: #cd2e26; color: #ffffff; border: none; border-radius: 999px; padding: 10px 22px; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; cursor: pointer; transition: transform 0.15s ease, opacity 0.15s ease; } .svy-tour-form button.wpforms-submit:hover { transform: translateY(-1px); opacity: 0.95; } /* Responsive tweak */ @media (max-width: 600px) { .svy-tour-form { padding: 16px 12px; } .svy-tour-form .wpforms-submit-container { text-align: center; } } /* Tour Page Form Full-Width */ #id-tour-form .wp-form-type-1-wrapper { max-width: 100% !important; width: 100% !important; } #id-home-hero-savoye { padding-top: 0px !important; } /* FAQ Padding */ #id-faq-style { padding-top: 0px !important; padding-bottom: 0px !important; } /* Culture page - equal columns fix */ .page-id-28692 .columns-listing .item { width: calc(33.333% - 40px) !important; flex-basis: calc(33.333% - 40px) !important; max-width: calc(33.333% - 40px) !important; } /* WES Page Built for Performance */ #id-wes-performance { padding-top: 0px !important; padding-bottom: 0px !important; } /* Lifecycle Services anchor navigation */ #id-anchor-navigation { background-color: #ffffff !important; border-top: 3px solid #cd2e26; border-bottom: 1px solid #e5e5e5; padding: 0 !important; } #id-anchor-navigation .simple-text-bg { display: none; } #id-anchor-navigation .center-content { max-width: 1290px; padding: 0 30px; } #id-anchor-navigation .simple-text-content, #id-anchor-navigation .text { width: 100%; } #id-anchor-navigation .text p:has(a[href^="#"]) { display: flex; width: 100%; margin: 0 !important; } #id-anchor-navigation .text p:has(a[href^="#"]) > small { display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } #id-anchor-navigation .text p > small > span { display: none; } #id-anchor-navigation .text p > small > a { position: relative; display: flex; flex: 1 1 12.5%; align-items: center; justify-content: center; box-sizing: border-box; min-width: 0; min-height: 70px; padding: 14px 12px; border-right: 1px solid #e5e5e5; color: #009cdd !important; font-family: Roboto-Bold, Arial, sans-serif; font-size: 12px; font-weight: 700; line-height: 1.25; letter-spacing: 0.04em; text-align: center; text-decoration: none !important; transition: background-color 160ms ease, color 160ms ease; } #id-anchor-navigation .text p > small > a:last-of-type, #id-anchor-navigation .text p > small > a:nth-of-type(8n) { border-right: 0; } #id-anchor-navigation .text p > small > a::after { position: absolute; right: 18px; bottom: 0; left: 18px; height: 3px; background-color: #cd2e26; content: ""; transform: scaleX(0); transform-origin: center; transition: transform 160ms ease; } #id-anchor-navigation .text p > small > a:hover, #id-anchor-navigation .text p > small > a:focus-visible { background-color: #f7f7f6; color: #009cdd !important; } #id-anchor-navigation .text p > small > a:hover::after, #id-anchor-navigation .text p > small > a:focus-visible::after { transform: scaleX(1); } #id-anchor-navigation .text p > small > a:focus-visible { outline: 2px solid #cd2e26; outline-offset: -4px; } @media (max-width: 1050px) { #id-anchor-navigation .text p > small > a { flex-basis: 25%; } #id-anchor-navigation .text p > small > a:nth-of-type(4n) { border-right: 0; } #id-anchor-navigation .text p > small > a:nth-of-type(-n+4) { border-bottom: 1px solid #e5e5e5; } } @media (max-width: 600px) { #id-anchor-navigation .center-content { padding: 0 16px; } #id-anchor-navigation .text p > small > a { flex-basis: 50%; min-height: 58px; padding: 12px 8px; font-size: 11px; } #id-anchor-navigation .text p > small > a:nth-of-type(odd) { border-right: 1px solid #e5e5e5; } #id-anchor-navigation .text p > small > a:nth-of-type(even) { border-right: 0; } #id-anchor-navigation .text p > small > a:nth-of-type(-n+6) { border-bottom: 1px solid #e5e5e5; } } @media (prefers-reduced-motion: reduce) { #id-anchor-navigation .text p > small > a, #id-anchor-navigation .text p > small > a::after { transition: none; } } #id-anchor-navigation .simple-text-content > .cta:empty { display: none; } /* Lifecycle Services closing callout: photo band used in the approved page draft */ #id-lifecycle-services-close.cta-section { padding: 0 !important; margin: 0 !important; } #id-lifecycle-services-close .cta-content { position: relative; display: flex; align-items: center; min-height: 320px; height: auto; padding: 0 !important; overflow: hidden; isolation: isolate; } #id-lifecycle-services-close .cta-content::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(5, 19, 31, .86) 0%, rgba(5, 19, 31, .74) 52%, rgba(5, 19, 31, .48) 100%); } #id-lifecycle-services-close .cta-content::after { content: none !important; display: none !important; } #id-lifecycle-services-close .center-content { position: relative; z-index: 2; width: min(1230px, 100%); margin: 0 auto; padding: 0 30px; box-sizing: border-box; } #id-lifecycle-services-close .elements-cta { position: static; display: flex; align-items: center; width: 100%; height: auto; min-height: 320px; margin: 0; padding: 0; } #id-lifecycle-services-close .square-cta { position: absolute !important; inset: 0 !important; z-index: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; } #id-lifecycle-services-close .square-cta .square, #id-lifecycle-services-close .square-cta .thumbnail { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; overflow: hidden; background: transparent; } #id-lifecycle-services-close .square-cta img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 54%; } #id-lifecycle-services-close .content { position: relative; z-index: 2; width: min(620px, 100%); margin: 0; padding: 48px 0; color: #fff; } #id-lifecycle-services-close .content .title, #id-lifecycle-services-close .content .title a { color: #fff !important; font-size: clamp(30px, 3vw, 42px); line-height: 1.14; margin: 0 0 14px; } #id-lifecycle-services-close .content .description, #id-lifecycle-services-close .content .description p { color: rgba(255, 255, 255, .94) !important; max-width: 620px; font-size: 17px; line-height: 1.55; } #id-lifecycle-services-close .content .cta { margin-top: 22px; } #id-lifecycle-services-close .content .cta a { color: #fff !important; background: #e30613 !important; } #id-lifecycle-services-close .content .cta a:hover, #id-lifecycle-services-close .content .cta a:focus-visible { background: #bd101b !important; } @media (max-width: 767px) { #id-lifecycle-services-close .cta-content, #id-lifecycle-services-close .elements-cta { min-height: 320px; } #id-lifecycle-services-close .cta-content::before { background: linear-gradient(90deg, rgba(5, 19, 31, .88), rgba(5, 19, 31, .68)); } #id-lifecycle-services-close .center-content { padding: 0 22px; } #id-lifecycle-services-close .content { padding: 42px 0; } #id-lifecycle-services-close .content .title, #id-lifecycle-services-close .content .title a { font-size: 30px; } #id-lifecycle-services-close .content .description, #id-lifecycle-services-close .content .description p { font-size: 16px; } #id-lifecycle-services-close .square-cta img { object-position: 60% center; } } /* Keep the photo full-bleed and the closing copy left aligned */ #id-lifecycle-services-close .cta-content { height: auto !important; min-height: 320px !important; } #id-lifecycle-services-close .center-content { position: static !important; z-index: auto !important; width: min(1230px, 100%) !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 30px !important; box-sizing: border-box; } #id-lifecycle-services-close .elements-cta { position: static !important; justify-content: flex-start !important; width: 100% !important; max-width: none !important; height: auto !important; min-height: 320px !important; } #id-lifecycle-services-close .content { flex: 0 1 620px !important; width: 620px !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; } #id-lifecycle-services-close .square-cta .square, #id-lifecycle-services-close .square-cta .thumbnail { transform: none !important; clip-path: none !important; } @media (max-width: 767px) { #id-lifecycle-services-close .center-content { padding: 0 22px !important; } #id-lifecycle-services-close .content { flex-basis: 100% !important; width: 100% !important; } } /* Match the original compact, centered closing band */ #id-lifecycle-services-close.cta-section { height: auto !important; min-height: 0 !important; border-radius: 0 !important; } #id-lifecycle-services-close .cta-content { height: auto !important; min-height: 270px !important; border-radius: 0 !important; } #id-lifecycle-services-close .elements-cta { justify-content: center !important; min-height: 270px !important; } #id-lifecycle-services-close .content { flex: 0 1 900px !important; width: 900px !important; max-width: 100% !important; padding: 30px 0 !important; text-align: center !important; } #id-lifecycle-services-close .content .title, #id-lifecycle-services-close .content .title a { font-size: clamp(28px, 2.5vw, 36px) !important; line-height: 1.2 !important; margin-bottom: 10px !important; } #id-lifecycle-services-close .content .description, #id-lifecycle-services-close .content .description p { max-width: 820px !important; margin: 0 auto !important; font-size: 16px !important; line-height: 1.5 !important; } #id-lifecycle-services-close .content .cta { margin-top: 16px !important; } #id-lifecycle-services-close .content .cta a { min-height: 46px; padding: 10px 22px; } /* Lifecycle Services page: match the approved draft and keep sections compact */ main:has(#id-anchor-navigation) > #article > .hero, main:has(#id-anchor-navigation) > #article > .hero .hero-wrapper, main:has(#id-anchor-navigation) > #article > .hero .hero-wrapper-content { min-height: 430px !important; } main:has(#id-anchor-navigation) > #article > .hero { height: auto !important; } main:has(#id-anchor-navigation) > #article > .hero .hero-wrapper-content { display: flex; align-items: center; } main:has(#id-anchor-navigation) > #article > .hero .hero-content { max-width: 660px; margin-left: 5.5vw; padding: 38px 0 48px; } main:has(#id-anchor-navigation) > #article > .hero .hero-content .title { max-width: 650px; font-size: clamp(38px, 4vw, 54px) !important; line-height: 1.08 !important; margin-bottom: 12px !important; } main:has(#id-anchor-navigation) > #article > .hero .hero-content .description, main:has(#id-anchor-navigation) > #article > .hero .hero-content .description p { max-width: 640px; font-size: 17px !important; line-height: 1.45 !important; margin: 0 !important; } main:has(#id-anchor-navigation) > #article > .hero .hero-content .cta { margin-top: 22px !important; } /* Keep the anchor strip and intro close to the hero */ #id-anchor-navigation { padding: 8px 0 !important; background: #fff; border-bottom: 1px solid #e6e9ec; } #id-why-lifecycle-services { padding: 34px 20px 22px !important; background: #fff !important; } #id-why-lifecycle-services .simple-text-bg { display: none !important; } #id-why-lifecycle-services .simple-text-content { max-width: 1040px; margin: 0 auto; text-align: center; } #id-why-lifecycle-services .header .title { color: #15232f; font-size: clamp(26px, 2.5vw, 34px) !important; line-height: 1.18 !important; margin: 0 0 10px !important; } #id-why-lifecycle-services .editor, #id-why-lifecycle-services .editor p { color: #26333e; font-size: 16px !important; line-height: 1.55 !important; margin: 0 auto !important; } /* Use the existing ACF Columns section as a six-card benefits grid */ #id-lcs-benefits { padding: 8px 0 34px !important; background: #fff; } #id-lcs-benefits .header { display: none !important; } #id-lcs-benefits .columns-listing { display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 12px !important; } #id-lcs-benefits .columns-listing .item { width: auto !important; min-width: 0; min-height: 154px; padding: 18px 14px 16px !important; border: 1px solid #e4e8ec; border-top: 3px solid #e30613; border-radius: 2px; background: #fff; box-shadow: 0 4px 14px rgba(18, 35, 48, .06); text-align: center; } #id-lcs-benefits .columns-listing .item > .title { color: #172632; font-size: 15px !important; line-height: 1.25 !important; margin: 0 0 8px !important; } #id-lcs-benefits .columns-listing .item > .description { color: #34414b; font-size: 12.5px !important; line-height: 1.42 !important; margin: 0 !important; } /* Render the five ACF maintenance steps as a compact process strip */ #id-preventative-maintenance-steps { padding: 18px 0 4px !important; background: #fff; } #id-preventative-maintenance-steps .header { display: none !important; } #id-preventative-maintenance-steps .elements { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 12px !important; } #id-preventative-maintenance-steps .item { width: auto !important; min-width: 0; min-height: 0; padding: 14px 15px !important; border: 1px solid #e5e8eb; border-radius: 2px; background: #f4f5f6; box-shadow: none; text-align: left; } #id-preventative-maintenance-steps .item .number { display: block; color: #e30613 !important; font-size: 16px !important; font-weight: 700; line-height: 1; margin: 0 0 8px !important; } #id-preventative-maintenance-steps .item .title { color: #172632; font-size: 15px !important; line-height: 1.2 !important; margin: 0 0 6px !important; } #id-preventative-maintenance-steps .item .description { color: #46525c; font-size: 12px !important; line-height: 1.38 !important; margin: 0 !important; } /* Tighten the service rows and size their photos for a wide crop */ #id-inspection, #id-preventative-maintenance, #id-field-services, #id-upgrades-modernization { padding: 34px 0 !important; } #id-inspection .media-elements, #id-preventative-maintenance .media-elements, #id-field-services .media-elements, #id-upgrades-modernization .media-elements { align-items: center; gap: 38px; } #id-inspection .description .title, #id-preventative-maintenance .description .title, #id-field-services .description .title, #id-upgrades-modernization .description .title { color: #15232f; font-size: clamp(27px, 2.5vw, 34px) !important; line-height: 1.15 !important; margin: 0 0 12px !important; } #id-inspection .description .editor, #id-preventative-maintenance .description .editor, #id-field-services .description .editor, #id-upgrades-modernization .description .editor, #id-inspection .description .editor p, #id-preventative-maintenance .description .editor p, #id-field-services .description .editor p, #id-upgrades-modernization .description .editor p { color: #26333e; font-size: 15.5px !important; line-height: 1.55 !important; margin-top: 0 !important; margin-bottom: 12px !important; } #id-inspection .thumbnail, #id-preventative-maintenance .thumbnail, #id-field-services .thumbnail, #id-upgrades-modernization .thumbnail { overflow: hidden; border-radius: 2px; } #id-inspection .thumbnail img, #id-preventative-maintenance .thumbnail img, #id-field-services .thumbnail img, #id-upgrades-modernization .thumbnail img { display: block; width: 100%; height: clamp(220px, 24vw, 300px) !important; object-fit: cover; object-position: center; } /* Keep the field-service checklist readable and use the brand red checks */ #id-field-services .description .editor ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 20px; margin: 14px 0 18px; padding: 0; list-style: none !important; } #id-field-services .description .editor li { position: relative; margin: 0 !important; padding: 0 0 0 22px !important; color: #26333e; font-size: 14px; line-height: 1.38; list-style: none !important; } #id-field-services .description .editor li::before { content: "✓"; position: absolute; left: 0; top: 0; color: #e30613; font-weight: 700; } /* Make the existing three support cards a single compact row */ #id-service-options { padding: 18px 0 32px !important; } #id-service-options .center-content > .header { display: none !important; } #id-service-options .elements { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 16px !important; } #id-service-options .item { display: flex !important; align-items: stretch; width: auto !important; min-width: 0; min-height: 176px; overflow: hidden; border: 1px solid #e4e8ec; border-radius: 2px; background: #fff; box-shadow: 0 4px 14px rgba(18, 35, 48, .06); } #id-service-options .item .thumbnail { flex: 0 0 36%; width: 36% !important; min-width: 0; height: auto !important; min-height: 176px; margin: 0 !important; overflow: hidden; } #id-service-options .item .thumbnail img { display: block; width: 100%; height: 100% !important; min-height: 176px; object-fit: cover; object-position: center; } #id-service-options .item .content { flex: 1 1 auto; width: auto !important; min-width: 0; padding: 16px 15px !important; } #id-service-options .item .content .title { color: #172632; font-size: 17px !important; line-height: 1.22 !important; margin: 0 0 8px !important; } #id-service-options .item .content .description { color: #34414b; font-size: 13px !important; line-height: 1.42 !important; margin: 0 0 10px !important; } @media (max-width: 1199px) { #id-lcs-benefits .columns-listing { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } #id-preventative-maintenance-steps .elements { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } } @media (max-width: 767px) { main:has(#id-anchor-navigation) > #article > .hero, main:has(#id-anchor-navigation) > #article > .hero .hero-wrapper, main:has(#id-anchor-navigation) > #article > .hero .hero-wrapper-content { min-height: 480px !important; } main:has(#id-anchor-navigation) > #article > .hero .hero-content { width: auto; max-width: 100%; margin: 0 !important; padding: 38px 22px !important; } main:has(#id-anchor-navigation) > #article > .hero .hero-content .title { font-size: clamp(32px, 9vw, 40px) !important; } main:has(#id-anchor-navigation) > #article > .hero .hero-content .description, main:has(#id-anchor-navigation) > #article > .hero .hero-content .description p { font-size: 16px !important; } #id-anchor-navigation { padding: 8px 10px !important; } #id-why-lifecycle-services { padding: 28px 20px 18px !important; } #id-why-lifecycle-services .editor, #id-why-lifecycle-services .editor p { font-size: 15px !important; } #id-lcs-benefits .columns-listing { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; } #id-lcs-benefits .columns-listing .item { min-height: 148px; padding: 16px 12px !important; } #id-preventative-maintenance-steps .elements { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 9px !important; } #id-inspection, #id-preventative-maintenance, #id-field-services, #id-upgrades-modernization { padding: 26px 0 !important; } #id-inspection .media-elements, #id-preventative-maintenance .media-elements, #id-field-services .media-elements, #id-upgrades-modernization .media-elements { gap: 20px; } #id-inspection .thumbnail img, #id-preventative-maintenance .thumbnail img, #id-field-services .thumbnail img, #id-upgrades-modernization .thumbnail img { height: 230px !important; } #id-field-services .description .editor ul { grid-template-columns: 1fr; gap: 7px; } #id-service-options .elements { grid-template-columns: 1fr !important; gap: 12px !important; } #id-service-options .item { min-height: 158px; } #id-service-options .item .thumbnail, #id-service-options .item .thumbnail img { min-height: 158px; } }
/* Lifecycle Services QA corrections: the theme renders disabled ACF rows, so suppress only these page-specific blocks. */
main:has(#id-anchor-navigation) #id-lcs-legacy-benefits,
main:has(#id-anchor-navigation) #id-one-partner-throughout-lifecycle,
main:has(#id-anchor-navigation) #id-preventative-maintenance-steps,
main:has(#id-anchor-navigation) > #article > section.cta-columns { display: none !important; }
main:has(#id-anchor-navigation) > #article > .hero,
main:has(#id-anchor-navigation) > #article > .hero .hero-background,
main:has(#id-anchor-navigation) > #article > .hero .hero-wrapper,
main:has(#id-anchor-navigation) > #article > .hero .hero-wrapper-content { height: 430px !important; min-height: 430px !important; }
main:has(#id-anchor-navigation) > #article > .hero .hero-content { height: auto !important; min-height: 0 !important; margin-left: 0 !important; padding: 30px 0 !important; }
#id-anchor-navigation { height: auto !important; min-height: 0 !important; padding: 6px 0 !important; }
#id-anchor-navigation .center-content { padding: 0 !important; }
#id-anchor-navigation .editor, #id-anchor-navigation .editor p { margin: 0 !important; line-height: 1.3 !important; }
#id-anchor-navigation small { font-size: 13px; line-height: 1.25; }
#id-inspection .media-elements,
#id-preventative-maintenance .media-elements,
#id-field-services .media-elements,
#id-upgrades-modernization .media-elements { gap: 24px !important; flex-wrap: nowrap !important; align-items: center !important; }
#id-preventative-maintenance .description .editor ol.lcs-pm-steps { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; margin: 18px 0 0 !important; padding: 0 !important; list-style: none !important; }
#id-preventative-maintenance .description .editor ol.lcs-pm-steps li { display: flex; flex-direction: column; gap: 5px; min-width: 0; min-height: 60px; margin: 0 !important; padding: 10px 11px !important; border-left: 2px solid #e30613; background: #f1f3f5; color: #26333e; font-size: 12px; line-height: 1.3; list-style: none !important; }
#id-preventative-maintenance .description .editor ol.lcs-pm-steps strong { color: #e30613; font-size: 13px; line-height: 1; }
#id-preventative-maintenance .description .editor ol.lcs-pm-steps span { display: block; }
@media (max-width: 767px) {
  main:has(#id-anchor-navigation) > #article > .hero,
  main:has(#id-anchor-navigation) > #article > .hero .hero-background,
  main:has(#id-anchor-navigation) > #article > .hero .hero-wrapper,
  main:has(#id-anchor-navigation) > #article > .hero .hero-wrapper-content { height: 420px !important; min-height: 420px !important; }
  main:has(#id-anchor-navigation) > #article > .hero .hero-content { width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 26px 20px !important; }
  main:has(#id-anchor-navigation) > #article > .hero .hero-content .title { font-size: clamp(32px, 9vw, 40px) !important; }
  #id-anchor-navigation { padding: 8px 10px !important; }
  #id-inspection .media-elements,
  #id-preventative-maintenance .media-elements,
  #id-field-services .media-elements,
  #id-upgrades-modernization .media-elements { flex-direction: column !important; flex-wrap: nowrap !important; gap: 18px !important; }
  #id-inspection .media-elements > .description,
  #id-inspection .media-elements > .thumbnail,
  #id-preventative-maintenance .media-elements > .description,
  #id-preventative-maintenance .media-elements > .thumbnail,
  #id-field-services .media-elements > .description,
  #id-field-services .media-elements > .thumbnail,
  #id-upgrades-modernization .media-elements > .description,
  #id-upgrades-modernization .media-elements > .thumbnail { width: 100% !important; max-width: 100% !important; flex: 0 0 auto !important; }
  #id-preventative-maintenance .description .editor ol.lcs-pm-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
} 
/* Lifecycle Services QA refinement; scoped to the draft page. */
main:has(#id-anchor-navigation) #id-why-lifecycle-services{padding:clamp(24px,2.3vw,34px) 20px clamp(12px,1.5vw,22px)!important}
main:has(#id-anchor-navigation) #id-why-lifecycle-services .simple-text-content{width:100%;max-width:1400px;margin:0 auto!important}
main:has(#id-anchor-navigation) #id-why-lifecycle-services .header{margin:0 0 clamp(8px,1vw,14px)!important;padding:0!important;border:0!important}
main:has(#id-anchor-navigation) #id-why-lifecycle-services .header:before,main:has(#id-anchor-navigation) #id-why-lifecycle-services .header:after{display:none!important}
main:has(#id-anchor-navigation) #id-why-lifecycle-services .header .title{color:#15232f!important;font-size:clamp(22px,2.3vw,34px)!important;line-height:1.2!important;margin:0 auto!important}
main:has(#id-anchor-navigation) #id-why-lifecycle-services .text p{font-size:clamp(12px,1.1vw,16px)!important;line-height:1.45!important;margin:0 auto!important;max-width:1200px}
main:has(#id-anchor-navigation) #id-lcs-benefits{padding:0 0 clamp(14px,2vw,26px)!important;background:#f5f7f9!important}
main:has(#id-anchor-navigation) #id-lcs-benefits .center-content,main:has(#id-anchor-navigation) #id-service-options .center-content{width:calc(100% - 40px)!important;max-width:1400px!important;margin:0 auto!important;padding:0!important;box-sizing:border-box!important}
main:has(#id-anchor-navigation) #id-lcs-benefits .columns-listing{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:clamp(8px,1vw,14px)!important;margin:0!important}
main:has(#id-anchor-navigation) #id-lcs-benefits .columns-listing .item{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;min-width:0;min-height:clamp(138px,15vw,215px)!important;padding:clamp(12px,1.25vw,18px) clamp(8px,1vw,14px)!important;border:1px solid #e6e9ec!important;background:#fff!important;box-shadow:0 3px 12px rgba(21,35,47,.06)!important;text-align:center!important}
main:has(#id-anchor-navigation) #id-lcs-benefits .columns-listing .item:before{content:"";display:block;flex:0 0 auto;width:clamp(24px,2.2vw,32px);height:clamp(24px,2.2vw,32px);margin:0 auto clamp(8px,.9vw,12px);background-position:center;background-repeat:no-repeat;background-size:contain}
main:has(#id-anchor-navigation) #id-lcs-benefits .columns-listing .item:nth-child(1)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20stroke%3D%22red%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2221%22%20r%3D%2213%22%2F%3E%3Cpath%20d%3D%22M20%2013v8l6%204M15%203h10M20%203v5%22%2F%3E%3C%2Fsvg%3E")}
main:has(#id-anchor-navigation) #id-lcs-benefits .columns-listing .item:nth-child(2)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20stroke%3D%22red%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%204l3%203%204-.2%201.3%204%204%202.3-1.2%204%201.2%204-4%202.3-1.3%204-4-.2-3%203-3-3-4%20.2-1.3-4-4-2.3%201.2-4-1.2-4%204-2.3%201.3-4%204%20.2z%22%2F%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2217%22%20r%3D%225%22%2F%3E%3Cpath%20d%3D%22M14%2032h12M20%2028v4%22%2F%3E%3C%2Fsvg%3E")}
main:has(#id-anchor-navigation) #id-lcs-benefits .columns-listing .item:nth-child(3)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20stroke%3D%22red%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cellipse%20cx%3D%2220%22%20cy%3D%2210%22%20rx%3D%2210%22%20ry%3D%224%22%2F%3E%3Cpath%20d%3D%22M10%2010v7c0%202.2%204.5%204%2010%204s10-1.8%2010-4v-7M10%2017v7c0%202.2%204.5%204%2010%204M30%2017v7c0%202.2-4.5%204-10%204M14%2024v7M20%2028v4M14%2031c1.7.7%203.8%201%206%201s4.3-.3%206-1%22%2F%3E%3C%2Fsvg%3E")}
main:has(#id-anchor-navigation) #id-lcs-benefits .columns-listing .item:nth-child(4)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20stroke%3D%22red%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%2030l9-9%207%206%2012-14M25%2013h9v9%22%2F%3E%3C%2Fsvg%3E")}
main:has(#id-anchor-navigation) #id-lcs-benefits .columns-listing .item:nth-child(5)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20stroke%3D%22red%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%204l13%205v9c0%208-5.4%2014-13%2018C12.4%2032%207%2026%207%2018V9zM14%2020l4%204%208-9%22%2F%3E%3C%2Fsvg%3E")}
main:has(#id-anchor-navigation) #id-lcs-benefits .columns-listing .item:nth-child(6)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20stroke%3D%22red%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M13%2027c0-4-5-7-5-13a12%2012%200%201%201%2024%200c0%206-5%209-5%2013zM14%2031h12M16%2035h8M20%208v4M13%2014l3%202M27%2014l-3%202%22%2F%3E%3C%2Fsvg%3E")}
main:has(#id-anchor-navigation) #id-lcs-benefits .columns-listing .title{margin:0 0 7px!important;color:#15232f!important;font-size:clamp(12px,1.05vw,15.5px)!important;line-height:1.25!important}
main:has(#id-anchor-navigation) #id-lcs-benefits .columns-listing .description{margin:0!important;padding:0!important;color:#34414b!important;font-size:clamp(10px,.9vw,13px)!important;line-height:1.4!important}
main:has(#id-anchor-navigation) #id-lcs-benefits .columns-listing .description p{margin:0!important}
main:has(#id-anchor-navigation) #id-inspection .media-elements .description:before,main:has(#id-anchor-navigation) #id-preventative-maintenance .media-elements .description:before,main:has(#id-anchor-navigation) #id-field-services .media-elements .description:before,main:has(#id-anchor-navigation) #id-upgrades-modernization .media-elements .description:before{content:"";display:block;width:36px;height:2px;margin:0 0 12px;background:#e30613}
main:has(#id-anchor-navigation) #id-inspection .media-elements .tag,main:has(#id-anchor-navigation) #id-preventative-maintenance .media-elements .tag,main:has(#id-anchor-navigation) #id-field-services .media-elements .tag,main:has(#id-anchor-navigation) #id-upgrades-modernization .media-elements .tag{display:block;margin:0 0 7px!important;color:#15232f!important;font-size:clamp(20px,2.1vw,32px)!important;font-weight:700!important;line-height:1.15!important;letter-spacing:0!important;text-transform:none!important}
main:has(#id-anchor-navigation) #id-inspection .media-elements .title,main:has(#id-anchor-navigation) #id-preventative-maintenance .media-elements .title,main:has(#id-anchor-navigation) #id-field-services .media-elements .title,main:has(#id-anchor-navigation) #id-upgrades-modernization .media-elements .title{margin:0 0 10px!important;color:#15232f!important;font-size:clamp(13px,1.15vw,18px)!important;font-weight:700!important;line-height:1.3!important}
main:has(#id-anchor-navigation) #id-inspection .media-elements .editor,main:has(#id-anchor-navigation) #id-preventative-maintenance .media-elements .editor,main:has(#id-anchor-navigation) #id-field-services .media-elements .editor,main:has(#id-anchor-navigation) #id-upgrades-modernization .media-elements .editor{color:#26333e!important;font-size:clamp(12px,1vw,15px)!important;line-height:1.45!important}
main:has(#id-anchor-navigation) #id-field-services .media-elements .editor ul{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 16px;margin:10px 0 12px!important;padding:0!important;list-style:none!important}
main:has(#id-anchor-navigation) #id-field-services .media-elements .editor li{position:relative;margin:0!important;padding:0 0 0 18px!important;list-style:none!important}
main:has(#id-anchor-navigation) #id-field-services .media-elements .editor li:before{content:"✓";position:absolute;left:0;top:0;color:#e30613;font-weight:700}
main:has(#id-anchor-navigation) #id-service-options{padding:clamp(10px,1.2vw,18px) 0 clamp(18px,2vw,30px)!important}
main:has(#id-anchor-navigation) #id-service-options .center-content>.header{display:none!important}
main:has(#id-anchor-navigation) #id-service-options .elements{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch;gap:clamp(10px,1.1vw,16px)!important}
main:has(#id-anchor-navigation) #id-service-options .item{display:flex!important;width:100%!important;height:clamp(120px,12.2vw,180px)!important;min-height:0!important;margin:0!important;overflow:hidden;border:1px solid #e2e7eb!important;background:#fff!important;box-shadow:0 3px 12px rgba(21,35,47,.07)!important}
main:has(#id-anchor-navigation) #id-service-options .thumbnail{width:35%!important;height:100%!important;flex:0 0 35%!important;min-height:0!important}
main:has(#id-anchor-navigation) #id-service-options .thumbnail-link,main:has(#id-anchor-navigation) #id-service-options .thumbnail img{display:block;width:100%!important;height:100%!important;object-fit:cover!important}
main:has(#id-anchor-navigation) #id-service-options .content{display:flex!important;flex:1 1 auto;flex-direction:column;justify-content:center;min-width:0;padding:clamp(9px,1vw,15px)!important}
main:has(#id-anchor-navigation) #id-service-options .page-title{margin:0!important;color:#15232f!important;font-size:clamp(12px,1.05vw,15px)!important;line-height:1.25!important}
main:has(#id-anchor-navigation) #id-service-options .description{margin:0 0 6px!important;padding:7px 0 0!important;color:#34414b!important;font-size:clamp(10px,.85vw,12.5px)!important;line-height:1.35!important}
main:has(#id-anchor-navigation) #id-service-options .description p{margin:0!important}
main:has(#id-anchor-navigation) #id-service-options .cta{height:auto!important;margin:0!important}
main:has(#id-anchor-navigation) #id-service-options .cta .custom-btn{display:inline-flex!important;align-items:center;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#e30613!important;font-size:clamp(10px,.85vw,12px)!important;font-weight:700!important;line-height:1.25!important;white-space:nowrap}
main:has(#id-anchor-navigation) #id-service-options .cta .custom-btn .text{color:#e30613!important}
main:has(#id-anchor-navigation) #id-service-options .cta .custom-btn .arrow-right{display:none!important}
main:has(#id-anchor-navigation) #id-service-options .cta .custom-btn:after{content:"→";margin-left:8px;color:#e30613;font-size:15px}
main:has(#id-anchor-navigation) #id-lifecycle-services-close .cta-content:before{background:linear-gradient(90deg,rgba(5,19,31,.86),rgba(5,19,31,.70) 58%,rgba(5,19,31,.55))!important}
@media(max-width:767px){
 main:has(#id-anchor-navigation) #id-why-lifecycle-services{padding:24px 16px 12px!important}
 main:has(#id-anchor-navigation) #id-why-lifecycle-services .header{margin-bottom:10px!important}
 main:has(#id-anchor-navigation) #id-why-lifecycle-services .header .title{font-size:24px!important}
 main:has(#id-anchor-navigation) #id-why-lifecycle-services .text p{font-size:14px!important}
 main:has(#id-anchor-navigation) #id-lcs-benefits .center-content{width:100%!important;padding:0 12px!important}
 main:has(#id-anchor-navigation) #id-lcs-benefits .columns-listing{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 main:has(#id-anchor-navigation) #id-lcs-benefits .columns-listing .item{min-height:160px!important;padding:14px 10px!important}
 main:has(#id-anchor-navigation) #id-lcs-benefits .columns-listing .item:before{width:28px;height:28px;margin-bottom:8px}
 main:has(#id-anchor-navigation) #id-lcs-benefits .columns-listing .title{font-size:14px!important}
 main:has(#id-anchor-navigation) #id-lcs-benefits .columns-listing .description{font-size:12px!important}
 main:has(#id-anchor-navigation) #id-service-options .center-content{width:100%!important;padding:0 16px!important}
 main:has(#id-anchor-navigation) #id-service-options .elements{grid-template-columns:1fr!important}
 main:has(#id-anchor-navigation) #id-service-options .item{height:156px!important}
 main:has(#id-anchor-navigation) #id-field-services .media-elements .editor ul{grid-template-columns:1fr}
}

/* Final lifecycle-page QA: keep anchor headings clear of the sticky nav and remove inherited list glyphs. */
main:has(#id-anchor-navigation) #id-why-lifecycle-services, main:has(#id-anchor-navigation) #id-inspection, main:has(#id-anchor-navigation) #id-preventative-maintenance, main:has(#id-anchor-navigation) #id-field-services, main:has(#id-anchor-navigation) #id-service-options, main:has(#id-anchor-navigation) #id-upgrades-modernization, main:has(#id-anchor-navigation) #id-lifecycle-services-close { scroll-margin-top: 96px !important; }
main:has(#id-anchor-navigation) #id-preventative-maintenance .description .editor ol.lcs-pm-steps > li::before { content: none !important; display: none !important; }
main:has(#id-anchor-navigation) #id-field-services .description .editor ul > li::before { content: "✓" !important; font-family: Arial, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; color: #e30613 !important; background: none !important; }

/* Keep the six-up benefits grid inside the centered content width and suppress the theme’s numbered marker. */
main:has(#id-anchor-navigation) #id-lcs-benefits .columns-listing { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; }
main:has(#id-anchor-navigation) #id-preventative-maintenance .description .editor ol.lcs-pm-steps > li::marker { content: "" !important; color: transparent !important; font-size: 0 !important; }

/* Restore the full-width dark overlay on the closing photo band; the theme clips it to a triangle. */
main:has(#id-anchor-navigation) #id-lifecycle-services-close .cta-content::before { inset: 0 !important; width: 100% !important; height: 100% !important; box-sizing: border-box !important; clip-path: none !important; background: linear-gradient(90deg, rgba(5,19,31,.86), rgba(5,19,31,.80) 58%, rgba(5,19,31,.76)) !important; }

/* Keep the closing band square edged like the approved page reference. */
main:has(#id-anchor-navigation) #id-lifecycle-services-close .square-cta .square, main:has(#id-anchor-navigation) #id-lifecycle-services-close .square-cta .thumbnail { border-radius: 0 !important; }

/* Keep all eight lifecycle shortcuts on one line at the reference tablet width. */
@media (min-width: 768px) and (max-width: 1050px) {
  main:has(#id-anchor-navigation) #id-anchor-navigation .text p > small > a {
    flex: 1 1 12.5% !important;
    min-height: 62px !important;
    padding: 10px 4px !important;
    font-size: 10.5px !important;
    border-right: 1px solid #e5e5e5 !important;
    border-bottom: 0 !important;
  }
  main:has(#id-anchor-navigation) #id-anchor-navigation .text p > small > a:nth-of-type(4n) {
    border-right: 1px solid #e5e5e5 !important;
  }
  main:has(#id-anchor-navigation) #id-anchor-navigation .text p > small > a:nth-of-type(8n) {
    border-right: 0 !important;
  }
}

/* Keep all eight lifecycle shortcuts on one line at the reference tablet width. */
@media (min-width: 768px) and (max-width: 1050px) {
  main:has(#id-anchor-navigation) #id-anchor-navigation .text p > small > a {
    flex: 1 1 12.5% !important;
    min-height: 62px !important;
    padding: 10px 4px !important;
    font-size: 10.5px !important;
    border-right: 1px solid #e5e5e5 !important;
    border-bottom: 0 !important;
  }
  main:has(#id-anchor-navigation) #id-anchor-navigation .text p > small > a:nth-of-type(4n) {
    border-right: 1px solid #e5e5e5 !important;
  }
  main:has(#id-anchor-navigation) #id-anchor-navigation .text p > small > a:nth-of-type(8n) {
    border-right: 0 !important;
  }
}

/* Tablet QA: use the available width for the benefit cards and keep support-card copy inside its image row. */
@media (min-width: 768px) and (max-width: 1050px) {
  main:has(#id-anchor-navigation) #id-lcs-benefits .center-content { display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 12px !important; align-items: stretch !important; }
  main:has(#id-anchor-navigation) #id-lcs-benefits .center-content > .item { width: auto !important; min-width: 0 !important; max-width: none !important; height: auto !important; min-height: 168px !important; margin: 0 !important; padding: 14px 9px !important; flex: none !important; align-self: stretch !important; box-sizing: border-box !important; }
  main:has(#id-anchor-navigation) #id-lcs-benefits .item .title { margin: 10px 0 0 !important; font-size: 13px !important; line-height: 1.25 !important; }
  main:has(#id-anchor-navigation) #id-lcs-benefits .item .description { height: auto !important; min-height: 0 !important; flex: 0 0 auto !important; margin: 8px 0 0 !important; font-size: 11px !important; line-height: 1.4 !important; }
  main:has(#id-anchor-navigation) #id-lcs-benefits .item .description p { margin: 0 !important; font-size: 11px !important; line-height: 1.4 !important; }
  main:has(#id-anchor-navigation) #id-service-options .elements { align-items: stretch !important; }
  main:has(#id-anchor-navigation) #id-service-options .item { height: auto !important; min-height: 150px !important; overflow: hidden !important; align-items: stretch !important; }
  main:has(#id-anchor-navigation) #id-service-options .thumbnail { height: auto !important; align-self: stretch !important; }
  main:has(#id-anchor-navigation) #id-service-options .thumbnail img { height: 100% !important; object-fit: cover !important; }
  main:has(#id-anchor-navigation) #id-service-options .content { height: auto !important; min-height: 0 !important; padding: 10px !important; justify-content: flex-start !important; gap: 4px !important; align-items: flex-start !important; }
  main:has(#id-anchor-navigation) #id-service-options .page-title { flex: none !important; }
  main:has(#id-anchor-navigation) #id-service-options .description { height: auto !important; flex: none !important; margin: 0 !important; }
  main:has(#id-anchor-navigation) #id-service-options .description p { margin: 0 !important; font-size: 11px !important; line-height: 1.35 !important; display: -webkit-box !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; }
  main:has(#id-anchor-navigation) #id-service-options .cta { margin-top: auto !important; flex: none !important; }
}

/* Correct the tablet benefits layout at the theme’s nested columns-listing level. */
@media (min-width: 768px) and (max-width: 1050px) {
  main:has(#id-anchor-navigation) #id-lcs-benefits .center-content { display: block !important; }
  main:has(#id-anchor-navigation) #id-lcs-benefits .center-content > .cta { display: none !important; }
  main:has(#id-anchor-navigation) #id-lcs-benefits .columns-listing { display: grid !important; width: 100% !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 12px !important; align-items: stretch !important; }
  main:has(#id-anchor-navigation) #id-lcs-benefits .columns-listing > .item { width: auto !important; min-width: 0 !important; max-width: none !important; height: auto !important; min-height: 168px !important; margin: 0 !important; padding: 14px 9px !important; flex: none !important; align-self: stretch !important; box-sizing: border-box !important; }
}

/* Mobile card cleanup: use compact readable benefit copy and keep every support CTA visible. */
@media (max-width: 767px) {
  main:has(#id-anchor-navigation) #id-lcs-benefits .center-content { display: block !important; }
  main:has(#id-anchor-navigation) #id-lcs-benefits .center-content > .cta { display: none !important; }
  main:has(#id-anchor-navigation) #id-lcs-benefits .columns-listing { display: grid !important; width: 100% !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; align-items: stretch !important; }
  main:has(#id-anchor-navigation) #id-lcs-benefits .columns-listing > .item { width: auto !important; min-width: 0 !important; height: auto !important; min-height: 154px !important; margin: 0 !important; padding: 14px 10px !important; flex: none !important; align-self: stretch !important; box-sizing: border-box !important; }
  main:has(#id-anchor-navigation) #id-lcs-benefits .item .title { margin: 9px 0 0 !important; font-size: 14px !important; line-height: 1.3 !important; }
  main:has(#id-anchor-navigation) #id-lcs-benefits .item .description { width: 100% !important; height: auto !important; min-height: 0 !important; flex: 0 0 auto !important; margin: 7px 0 0 !important; font-size: 12px !important; line-height: 1.4 !important; }
  main:has(#id-anchor-navigation) #id-lcs-benefits .item .description p { margin: 0 !important; font-size: 12px !important; line-height: 1.4 !important; }
  main:has(#id-anchor-navigation) #id-service-options .elements { width: calc(100% - 1px) !important; max-width: calc(100% - 1px) !important; grid-auto-rows: auto !important; box-sizing: border-box !important; }
  main:has(#id-anchor-navigation) #id-service-options .item { width: 100% !important; height: auto !important; min-height: 162px !important; overflow: hidden !important; align-items: stretch !important; box-sizing: border-box !important; }
  main:has(#id-anchor-navigation) #id-service-options .thumbnail { height: auto !important; align-self: stretch !important; }
  main:has(#id-anchor-navigation) #id-service-options .thumbnail img { height: 100% !important; object-fit: cover !important; }
  main:has(#id-anchor-navigation) #id-service-options .content { height: auto !important; min-height: 0 !important; padding: 10px !important; justify-content: flex-start !important; gap: 4px !important; align-items: flex-start !important; }
  main:has(#id-anchor-navigation) #id-service-options .page-title { flex: none !important; font-size: 14px !important; line-height: 1.25 !important; }
  main:has(#id-anchor-navigation) #id-service-options .description { height: auto !important; flex: none !important; margin: 0 !important; }
  main:has(#id-anchor-navigation) #id-service-options .description p { margin: 0 !important; font-size: 12px !important; line-height: 1.4 !important; display: -webkit-box !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; }
  main:has(#id-anchor-navigation) #id-service-options .cta { margin-top: auto !important; flex: none !important; }
}
/* Keep primary service CTAs appropriately sized at tablet widths. */
@media (min-width: 768px) and (max-width: 1050px) {
  main:has(#id-anchor-navigation) #id-inspection .description .cta > a.custom-btn,
  main:has(#id-anchor-navigation) #id-preventative-maintenance .description .cta > a.custom-btn,
  main:has(#id-anchor-navigation) #id-field-services .description .cta > a.custom-btn,
  main:has(#id-anchor-navigation) #id-upgrades-modernization .description .cta > a.custom-btn { display: inline-flex !important; width: fit-content !important; max-width: 100% !important; min-width: 0 !important; padding: 12px 18px !important; }
}

/* Match the original draft’s compact CTA scale across tablet service rows. */
@media (min-width: 768px) and (max-width: 1050px) {
  main:has(#id-anchor-navigation) #id-inspection .description .cta > a.custom-btn,
  main:has(#id-anchor-navigation) #id-preventative-maintenance .description .cta > a.custom-btn,
  main:has(#id-anchor-navigation) #id-field-services .description .cta > a.custom-btn,
  main:has(#id-anchor-navigation) #id-upgrades-modernization .description .cta > a.custom-btn { padding: 10px 14px !important; font-size: 13px !important; line-height: 1.2 !important; }
}

/* Keep the service-option text links small enough to remain inside each card. */
main:has(#id-anchor-navigation) #id-service-options .description p { margin: 0 !important; font-size: 12px !important; line-height: 1.4 !important; display: -webkit-box !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; }
main:has(#id-anchor-navigation) #id-service-options .cta > a.custom-btn { display: inline-flex !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; padding: 2px 0 !important; }
main:has(#id-anchor-navigation) #id-service-options .cta > a.custom-btn .text { font-size: 11px !important; line-height: 1.2 !important; white-space: nowrap !important; }
@media (min-width: 768px) and (max-width: 1050px) {
  main:has(#id-anchor-navigation) #id-service-options .description p { font-size: 11px !important; line-height: 1.35 !important; -webkit-line-clamp: 2 !important; }
}


/* The theme hides the square CTA image wrapper; show it behind the closing copy. */
main:has(#id-anchor-navigation) #id-lifecycle-services-close .square-cta > .square {
	  display: block !important;
}



/* Render the closing-band contrast layer above its photo. */
main:has(#id-anchor-navigation) #id-lifecycle-services-close .cta-content::before {
  display: block !important;
  z-index: 1 !important;
}


/* Make the 768–850px tablet layout fit and keep the compact card copy readable. */
@media (min-width: 768px) and (max-width: 850px) {
  main:has(#id-anchor-navigation) #id-lcs-benefits .columns-listing {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  main:has(#id-anchor-navigation) #id-service-options .elements {
    width: 100% !important;
    max-width: 100% !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  main:has(#id-anchor-navigation) #id-service-options .item {
    height: 150px !important;
  }
  main:has(#id-anchor-navigation) #id-service-options .item:last-child {
    grid-column: 1 / -1;
  }
}
@media (min-width: 851px) and (max-width: 1050px) {
  main:has(#id-anchor-navigation) #id-service-options .elements {
    width: 100% !important;
    max-width: 100% !important;
  }
}


/* ACF marks this repeated benefits block disabled, but the theme still renders it. */
main:has(#id-anchor-navigation) #id-lcs-duplicate-benefits {
  display: none !important;
}


/* Match the approved draft's tighter intro-to-benefits transition on wide layouts. */
@media (min-width: 851px) {
  main:has(#id-anchor-navigation) #id-why-lifecycle-services {
    margin-bottom: -50px !important;
    padding-bottom: 10px !important;
  }
  main:has(#id-anchor-navigation) #id-lcs-benefits .columns-listing {
    padding-top: 8px !important;
  }
  main:has(#id-anchor-navigation) #id-lcs-benefits .item {
    margin-top: 0 !important;
  }
}


/* Lifecycle Services: improve intro readability and keep benefit icons below the preceding section frame. */
main:has(#id-anchor-navigation) #id-why-lifecycle-services .text p {
  font-size: clamp(20px, 2vw, 30px) !important;
  line-height: 1.42 !important;
}
@media (max-width: 767px) {
  main:has(#id-anchor-navigation) #id-why-lifecycle-services .text p {
    font-size: 18px !important;
    line-height: 1.5 !important;
  }
}
@media (min-width: 851px) {
  main:has(#id-anchor-navigation) #id-why-lifecycle-services {
    margin-bottom: -8px !important;
    padding-bottom: 10px !important;
  }
}

/* Keep the hand-entered 01–05 labels and suppress the theme's second counter. */
main:has(#id-anchor-navigation) #id-preventative-maintenance .lcs-maintenance-steps > li::before {
  content: none !important;
  display: none !important;
}
main:has(#id-anchor-navigation) #id-preventative-maintenance .lcs-maintenance-steps > li > strong {
  display: inline-block;
  margin-right: .3em;
}

/* Give the Field Services checklist clean, aligned Savoye-red checks. */
main:has(#id-anchor-navigation) #id-field-services .media-elements .editor ul {
  gap: 8px 20px !important;
}
main:has(#id-anchor-navigation) #id-field-services .media-elements .editor li {
  line-height: 1.45 !important;
  padding-left: 22px !important;
}
main:has(#id-anchor-navigation) #id-field-services .media-elements .editor li::before {
  content: "" !important;
  left: 3px !important;
  top: 2px !important;
  width: 7px !important;
  height: 12px !important;
  box-sizing: border-box !important;
  border-right: 2px solid #e30613 !important;
  border-bottom: 2px solid #e30613 !important;
  background: none !important;
  transform: rotate(45deg) !important;
}
@media (max-width: 767px) {
  main:has(#id-anchor-navigation) #id-field-services .media-elements .editor ul {
    grid-template-columns: 1fr !important;
  }
}

/* Draw the Field Services check at its intended size instead of stacking a glyph over it. */
main:has(#id-anchor-navigation) #id-field-services .description .editor ul > li::before {
  content: "" !important;
  font-size: 0 !important;
  position: absolute !important;
  left: 3px !important;
  top: 2px !important;
  width: 7px !important;
  height: 12px !important;
  box-sizing: border-box !important;
  border-right: 2px solid #e30613 !important;
  border-bottom: 2px solid #e30613 !important;
  color: transparent !important;
  background: none !important;
  transform: rotate(45deg) !important;
}

/* Lifecycle Services section navigation: larger, higher-contrast labels */
#id-anchor-navigation .text p > small > a {
  min-height: 82px !important;
  padding: 18px 12px !important;
  color: #007da9 !important;
  font-size: clamp(15px, 1.35vw, 18px) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.05em !important;
}
@media (max-width: 1050px) {
  #id-anchor-navigation .text p > small > a {
    min-height: 74px !important;
    font-size: 16px !important;
  }
}
@media (max-width: 600px) {
  #id-anchor-navigation .text p > small > a {
    min-height: 68px !important;
    padding: 14px 8px !important;
    font-size: 14px !important;
    letter-spacing: 0.04em !important;
  }
}


/* Stronger sizing for the Lifecycle Services section navigation */
#id-anchor-navigation .text p > small > a {
  min-height: 88px !important;
  font-size: clamp(16px, 1.5vw, 20px) !important;
}
@media (max-width: 1050px) {
  #id-anchor-navigation .text p > small > a {
    min-height: 76px !important;
    font-size: 17px !important;
  }
}
@media (max-width: 600px) {
  #id-anchor-navigation .text p > small > a {
    min-height: 72px !important;
    font-size: 16px !important;
  }
}


/* Keep the larger labels within narrower desktop tabs */
@media (min-width: 1051px) and (max-width: 1250px) {
  #id-anchor-navigation .text p > small > a {
    padding-left: 6px !important;
    padding-right: 6px !important;
    font-size: 17px !important;
  }
}


@media (min-width: 1051px) and (max-width: 1250px) {
  #id-anchor-navigation .text p > small > a {
    padding-left: 8px !important;
    padding-right: 8px !important;
    font-size: 16px !important;
  }
}


/* Lifecycle Services navigation: six clear destinations with the original red icon cue */
main:has(#id-anchor-navigation) #id-anchor-navigation .text p > small.lcs-anchor-nav {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  width: 100% !important;
}
main:has(#id-anchor-navigation) #id-anchor-navigation .text p > small.lcs-anchor-nav > br {
  display: none !important;
}
main:has(#id-anchor-navigation) #id-anchor-navigation .text p > small.lcs-anchor-nav > a.lcs-nav-link {
  position: relative !important;
  display: flex !important;
  flex: none !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 100px !important;
  padding: 12px 8px !important;
  border: 0 !important;
  color: #007da9 !important;
  font-size: clamp(17px, 1.5vw, 20px) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.045em !important;
  text-align: center !important;
}
main:has(#id-anchor-navigation) #id-anchor-navigation .text p > small.lcs-anchor-nav > a.lcs-nav-link::before {
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 42px;
  background: #dce3e7;
  content: "";
  transform: translateY(-50%);
}
main:has(#id-anchor-navigation) #id-anchor-navigation .text p > small.lcs-anchor-nav > a.lcs-nav-link:not(:nth-child(6n))::before {
  display: block;
}
main:has(#id-anchor-navigation) #id-anchor-navigation .text p > small.lcs-anchor-nav > a.lcs-nav-link:nth-child(6n)::before {
  display: none;
}
main:has(#id-anchor-navigation) #id-anchor-navigation .lcs-nav-icon {
  display: block;
  flex: 0 0 26px;
  width: 26px;
  height: 26px;
  color: #cd2e26;
}
main:has(#id-anchor-navigation) #id-anchor-navigation .lcs-nav-icon svg {
  display: block;
  width: 100%;
  height: 100%;
  stroke: currentColor;
}
main:has(#id-anchor-navigation) #id-anchor-navigation .lcs-nav-label {
  display: block;
}
@media (max-width: 1050px) {
  main:has(#id-anchor-navigation) #id-anchor-navigation .text p > small.lcs-anchor-nav {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  main:has(#id-anchor-navigation) #id-anchor-navigation .text p > small.lcs-anchor-nav > a.lcs-nav-link {
    min-height: 92px !important;
    font-size: 17px !important;
  }
  main:has(#id-anchor-navigation) #id-anchor-navigation .text p > small.lcs-anchor-nav > a.lcs-nav-link:not(:nth-child(3n))::before {
    display: block;
  }
  main:has(#id-anchor-navigation) #id-anchor-navigation .text p > small.lcs-anchor-nav > a.lcs-nav-link:nth-child(3n)::before {
    display: none;
  }
  main:has(#id-anchor-navigation) #id-anchor-navigation .text p > small.lcs-anchor-nav > a.lcs-nav-link:nth-child(-n+3) {
    border-bottom: 1px solid #e5e5e5 !important;
  }
}
@media (max-width: 600px) {
  main:has(#id-anchor-navigation) #id-anchor-navigation .center-content {
    padding: 0 16px !important;
  }
  main:has(#id-anchor-navigation) #id-anchor-navigation .text p > small.lcs-anchor-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  main:has(#id-anchor-navigation) #id-anchor-navigation .text p > small.lcs-anchor-nav > a.lcs-nav-link {
    min-height: 84px !important;
    padding: 12px 6px !important;
    font-size: 15px !important;
  }
  main:has(#id-anchor-navigation) #id-anchor-navigation .text p > small.lcs-anchor-nav > a.lcs-nav-link:not(:nth-child(2n))::before {
    display: block;
  }
  main:has(#id-anchor-navigation) #id-anchor-navigation .text p > small.lcs-anchor-nav > a.lcs-nav-link:nth-child(2n)::before {
    display: none;
  }
  main:has(#id-anchor-navigation) #id-anchor-navigation .text p > small.lcs-anchor-nav > a.lcs-nav-link:nth-child(-n+4) {
    border-bottom: 1px solid #e5e5e5 !important;
  }
}

/* Lifecycle Services: fill the Preventative Maintenance image column */
@media (min-width: 768px) {
  main:has(#id-anchor-navigation) #id-preventative-maintenance .media-elements {
    align-items: stretch;
  }
  main:has(#id-anchor-navigation) #id-preventative-maintenance .thumbnail {
    align-self: stretch;
    height: auto !important;
    min-height: 0;
    overflow: hidden;
  }
  main:has(#id-anchor-navigation) #id-preventative-maintenance .thumbnail img {
    display: block;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
  }
}
@media (max-width: 767px) {
  main:has(#id-anchor-navigation) #id-preventative-maintenance .thumbnail {
    width: 100%;
    height: auto !important;
    aspect-ratio: 16 / 10;
    overflow: hidden;
  }
  main:has(#id-anchor-navigation) #id-preventative-maintenance .thumbnail img {
    display: block;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
  }
}