/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 10 2026 | 17:37:34 */
/* ========================================
   PALMETTO HVAC - Consolidated Stylesheet
   Scoped under .palmetto-hvac wrapper
   ======================================== */

/* ---- Variables ---- */

:root {
    --color-brand-grey-50: var(--grey-50, #fbfbf7);
    --color-brand-greengrey: var(--greengrey, #E0E8C7);
    --color-brand-green: var(--green, #DAF3A7);
    --color-brand-grey-100: var(--grey-100, #ecf0e4);
    --color-brand-grey-200: var(--grey-200, #cbd5d0);
    --color-brand-grey-300: var(--grey-300, #a7b1b0);
    --color-brand-grey-400: var(--grey-400, #819087);
    --color-brand-grey-500: var(--grey-500, #65776d);
    --color-brand-grey-600: var(--grey-600, #4a5951);
    --color-brand-grey-700: var(--grey-700, #313e37);
    --color-brand-grey-800: var(--grey-800, #28332d);
    --color-brand-grey-900: var(--grey-900, #1f2723);
    --color-brand-grey-lighter: var(--grey-150, #dae3d8);
    --color-brand-primary-400: var(--palmetto-400, #f77d67);
    --color-brand-primary-500: var(--palmetto-500, #f9593b);
    --color-brand-primary-600: var(--palmetto-600, #df3a1c);
    --color-brand-primary-base: var(--palmetto-500, #f9593b);
    --color-brand-primary-light: var(--palmetto-300, #ffb493);
    --color-brand-primary-lighter: var(--palmetto-200, #ffccb5);
    --color-brand-primary-dark: var(--palmetto-700, #952a18);
    --color-brand-primary-darker: var(--palmetto-800, #611d11);
    --color-brand-secondary-50: var(--volt-50, #f5f5fd);
    --color-brand-secondary-200: var(--volt-200, #c5abfd);
    --color-brand-secondary-400: var(--volt-400, #9469f2);
    --color-brand-secondary-500: var(--volt-500, #815ed5);
    --color-brand-secondary-light: var(--volt-300, #ad8bf5);
    --color-brand-danger-600: var(--red-600, #a61515);
    --color-brand-danger-700: var(--red-700, #881616);
    --color-brand-danger-800: var(--red-800, #4f0104);
    --color-brand-dark-500: var(--lumen-800, #323a25);
    --color-brand-dark-base: var(--lumen-800, #323a25);
    --color-brand-light-base: var(--grey-100, #ecf0e4);
    --color-brand-black-500: var(--mono-black, #000);
    --color-brand-white-500: var(--mono-white, #fff);
    --color-brand-white-base: var(--mono-white, #fff);
    --color-text-white: var(--mono-white, #fff);
    --color-text-black: var(--almostblack, #1D2320);
    --size-border-radius-md: 8px;
    --size-border-radius-lg: 16px;
    --size-spacing-2xs: 0.25rem;
    --size-spacing-xs: 0.5rem;
    --size-spacing-sm: 0.75rem;
    --size-spacing-md: 1rem;
    --size-spacing-lg: 1.5rem;
    --size-spacing-xl: 2rem;
    --size-spacing-2xl: 2.5rem;
    --size-spacing-3xl: 3rem;
    --size-spacing-4xl: 4rem;
    --size-spacing-5xl: 5rem;
    --size-spacing-6xl: 6rem;
    --size-spacing-7xl: 8rem;
    --shadow-sm: 0 2px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0,0,0,0.1);
    --shadow-lg: 0 10px 12px -4px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.06);

    /* Background colors */
    --color-bg-page: #F4F1EE;
    --color-bg-card: #F4F1EE;
    --color-bg-light: #E6DED8;
    --color-bg-green-light: #E9EEE1;
    --color-off-white: #fafafa;

    /* Text colors */
    --color-text-primary: var(--color-text-black);
    --color-text-secondary: var(--color-brand-grey-600);
    --color-text-muted: var(--color-brand-grey-400);
    --color-text-form-label: #5A6C62;
    --color-text-body-muted: #4E5351;

    /* Border colors */
    --color-border-light: var(--color-brand-grey-200);
    --color-border-medium: var(--color-brand-grey-300);

    /* Aliases for convenience */
    --color-white: var(--color-brand-white-500);
    --color-black: var(--color-brand-black-500);
    --color-primary: var(--color-brand-primary-500);
    --color-primary-dark: var(--color-brand-primary-dark);
    --color-danger: var(--color-brand-danger-600);
}


:root {
    --font-family-body: Saans, -apple-system, BlinkMacSystemFont, 'avenir next', 'avenir', 'helvetica neue', 'helvetica', 'Ubuntu', 'roboto', 'noto', 'segoe ui', arial, sans-serif;
    --font-family-brand: ABC Solar Display, 'Helvetica', Arial, sans-serif;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    --size-font-sm: 0.875rem;
    --size-font-md: 1rem;
    --size-font-lg: 1.25rem;
    --size-font-xl: 1.5rem;
    --size-font-2xl: 2.25rem;
    --size-font-3xl: 3.75rem;
}


/* ---- Font Faces (CDN) ---- */

@font-face {
font-family: Saans;
src: url(https://palmetto.com/_next/static/media/Saans-Bold.9bfe4e2b.woff2) format("woff2"), url(https://palmetto.com/_next/static/media/Saans-Bold.55af0076.woff) format("woff");
font-weight: 700;
font-style: normal;
font-display:fallback
}

@font-face {
font-family: Saans;
src: url(https://palmetto.com/_next/static/media/Saans-BoldItalic.759af772.woff2) format("woff2"), url(https://palmetto.com/_next/static/media/Saans-BoldItalic.1f68b9fd.woff) format("woff");
font-weight: 700;
font-style: italic;
font-display:fallback
}

@font-face {
font-family: Saans;
src: url(https://palmetto.com/_next/static/media/Saans-Medium.42015e2e.woff2) format("woff2"), url(https://palmetto.com/_next/static/media/Saans-Medium.bea454fa.woff) format("woff");
font-weight: 500;
font-style: normal;
font-display:fallback
}

@font-face {
font-family: Saans;
src: url(https://palmetto.com/_next/static/media/Saans-MediumItalic.514fe8eb.woff2) format("woff2"), url(https://palmetto.com/_next/static/media/Saans-MediumItalic.be66b2ca.woff) format("woff");
font-weight: 500;
font-style: italic;
font-display:fallback
}

@font-face {
font-family: Saans;
src: url(https://palmetto.com/_next/static/media/Saans-Regular.7b6112a7.woff2) format("woff2"), url(https://palmetto.com/_next/static/media/Saans-Regular.bd35f1b6.woff) format("woff");
font-weight: 400;
font-style: normal;
font-display:fallback
}

@font-face {
font-family: Saans;
src: url(https://palmetto.com/_next/static/media/Saans-RegularItalic.0f06b41c.woff2) format("woff2"), url(https://palmetto.com/_next/static/media/Saans-RegularItalic.8ab2f0b3.woff) format("woff");
font-weight: 400;
font-style: italic;
font-display:fallback
}

@font-face {
font-family: ABC Solar Display;
src: url(https://palmetto.com/_next/static/media/ABCSolarDisplay-Bold.e20e2c6c.woff2) format("woff2"), url(https://palmetto.com/_next/static/media/ABCSolarDisplay-Bold.ed5f4fc6.woff) format("woff");
font-weight: 700;
font-style: normal;
font-display:fallback
}

@font-face {
font-family: ABC Solar Display;
src: url(https://palmetto.com/_next/static/media/ABCSolarDisplay-BoldItalic.0d7817c2.woff2) format("woff2"), url(https://palmetto.com/_next/static/media/ABCSolarDisplay-BoldItalic.f1f8bb7c.woff) format("woff");
font-weight: 700;
font-style: italic;
font-display:fallback
}

@font-face {
font-family: ABC Solar Display;
src: url(https://palmetto.com/_next/static/media/ABCSolarDisplay-Extrabold.186558fe.woff2) format("woff2"), url(https://palmetto.com/_next/static/media/ABCSolarDisplay-Extrabold.781ff2ce.woff) format("woff");
font-weight: 800;
font-style: normal;
font-display:fallback
}

@font-face {
font-family: ABC Solar Display;
src: url(https://palmetto.com/_next/static/media/ABCSolarDisplay-ExtraboldItalic.e03de023.woff2) format("woff2"), url(https://palmetto.com/_next/static/media/ABCSolarDisplay-ExtraboldItalic.f47873d3.woff) format("woff");
font-weight: 800;
font-style: italic;
font-display:fallback
}


/* ---- Typography ---- */

.palmetto-hvac {
    font-size: 16px;
}


.palmetto-hvac {
    font-family: 'Saans', sans-serif;
    font-weight: var(--font-weight-regular);
    font-size: var(--size-font-md);
    line-height: 24px;
    letter-spacing: 0;
    color: var(--color-text-black);
    background: var(--color-bg-page);
    margin: 0;
    padding: 0;
}


/* Links */
.palmetto-hvac a {
    color: inherit;
    text-decoration: underline;
}


.palmetto-hvac a:hover {
    opacity: 0.8;
}


/* Headings */
.palmetto-hvac h1,
.palmetto-hvac .h1 {
    font-family: var(--font-family-brand);
    font-weight: 800;
    font-size: 160px;
    line-height: 0.9;
}


.palmetto-hvac h2,
.palmetto-hvac .h2 {
    font-family: 'ABC Solar Display', sans-serif;
    font-weight: 800;
    font-size: 64px;
    line-height: 56px;
    letter-spacing: 0;
    margin: 0;
    color: var(--color-text-black);
}


.palmetto-hvac h3,
.palmetto-hvac .h3 {
    font-family: var(--font-family-brand);
    font-size: 28px;
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 0;
    color: var(--color-text-black);
}


.palmetto-hvac h4,
.palmetto-hvac .h4 {
    font-family: 'ABC Solar Display', sans-serif;
    font-size: 24px;
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: 0;
    margin: 0;
}


.palmetto-hvac h5,
.palmetto-hvac .h5 {
    font-family: 'ABC Solar Display', sans-serif;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    line-height: 1.4;
    margin: 0;
    
}
@media screen and (max-width: 767px) {
.palmetto-hvac h5,
.palmetto-hvac .h5 {
        font-size: 14px;
    }
}


.palmetto-hvac h6,
.palmetto-hvac .h6 {
    font-size: 16px;
    line-height: 1.4;
    font-weight: 700;
    margin: 0;
}


/* Body Text */
.palmetto-hvac p {
    font-family: 'Saans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    margin: 0;
    color: var(--color-text-black);
}


.palmetto-hvac .text--display-large {
    font-size: 61px;
    line-height: 1.1;
    font-weight: 400;
}


/* Text Sizes */
.palmetto-hvac .text--16 {
    font-size: 16px;
}


.palmetto-hvac .text--18 {
    font-size: 18px;
}


.palmetto-hvac .text--large {
    font-size: 18px;
    line-height: 1.4;
}


.palmetto-hvac .text--20 {
    font-size: 20px;
    line-height: 30px;
}


.palmetto-hvac .text--22 {
    font-size: 22px;
}


.palmetto-hvac .text--24 {
    font-size: 24px;
}


.palmetto-hvac .text--28 {
    font-size: 28px;
}


.palmetto-hvac .text--32 {
    font-size: 32px;
}


.palmetto-hvac .text--40 {
    font-size: 40px;
    line-height: 40px;
}


.palmetto-hvac .text--48 {
    font-size: 48px;
    line-height: 44px;
}


.palmetto-hvac .text--54 {
    font-size: 54px;
}


.palmetto-hvac .text--60 {
    font-size: 60px;
}


.palmetto-hvac .text--64 {
    font-size: 64px;
    line-height: 56px;
}


.palmetto-hvac .text--144 {
    font-size: 144px;
    line-height: 144px;
}


.palmetto-hvac .text--small {
    font-size: 14px;
    line-height: 1.4;
}


.palmetto-hvac .text--tiny {
    font-size: 12px;
    line-height: 1.4;
}


/* Text Alignment */
.palmetto-hvac .text--center {
    text-align: center;
}


.palmetto-hvac .text--right {
    text-align: right;
}


.palmetto-hvac .text--left {
    text-align: left;
}


/* Font Weights */
.palmetto-hvac .font--light {
    font-weight: 300 !important;
}


.palmetto-hvac .font--normal {
    font-weight: 400 !important;
}


.palmetto-hvac .font--medium {
    font-weight: 500 !important;
}


.palmetto-hvac .font--semibold {
    font-weight: 600 !important;
}


.palmetto-hvac .font--bold,
.palmetto-hvac .fw--bold {
    font-weight: 700 !important;
}


.palmetto-hvac .font--extrabold {
    font-weight: 800 !important;
}


.palmetto-hvac .font--heavy {
    font-weight: 900 !important;
}


/* Font Families */
.palmetto-hvac .font--sans {
    font-family: var(--font-family-body) !important;
}


.palmetto-hvac .font--brand {
    font-family: var(--font-family-brand) !important;
}


/* Text Colors */
.palmetto-hvac .text-color--primary {
    color: var(--color-text-primary);
}


.palmetto-hvac .text-color--secondary {
    color: var(--color-text-secondary);
}


.palmetto-hvac .text-color--white {
    color: var(--color-white) !important;
}


.palmetto-hvac .text-color--muted {
    color: var(--color-text-muted);
}


.palmetto-hvac .text-color--danger {
    color: var(--color-danger);
}


.palmetto-hvac .text-color--orange {
    color: var(--color-brand-primary-500);
}


.palmetto-hvac .text-color--card {
    color: var(--color-brand-grey-800);
}


.palmetto-hvac .text-color--dark {
    color: var(--color-text-black);
}


.palmetto-hvac .text-color--gray-dark {
    color: var(--color-brand-grey-800);
}


.palmetto-hvac .text-color--gray-med {
    color: var(--color-brand-grey-600);
}


.palmetto-hvac .text-color--gray-light {
    color: var(--color-brand-grey-500);
}


.palmetto-hvac .text-color--gray-cool {
    color: var(--color-brand-grey-700);
}


.palmetto-hvac .text-color--form-label {
    color: var(--color-text-form-label);
}


.palmetto-hvac .text-color--body-muted {
    color: var(--color-text-body-muted);
}


/* Line Heights */
.palmetto-hvac .lh--tight {
    line-height: 1.1 !important;
}


.palmetto-hvac .lh--normal {
    line-height: 1.4 !important;
}


.palmetto-hvac .lh--relaxed {
    line-height: 1.6 !important;
}


.palmetto-hvac .lh--tall {
    line-height: 1.9 !important;
}


/* Text Transform */
.palmetto-hvac .text--uppercase {
    text-transform: uppercase;
}


/* Text Decoration */
.palmetto-hvac .text--underline {
    text-decoration: underline;
}


.palmetto-hvac .text--no-underline {
    text-decoration: none;
}


/* Combined Label Style */
.palmetto-hvac .text--label {
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    text-transform: uppercase;
    color: var(--color-text-secondary);
}


/* Eyebrow Style */
.palmetto-hvac .text--eyebrow {
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}


/* Description/Subtitle Style */
.palmetto-hvac .text--description {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.9;
    letter-spacing: 0;
}


/* Section number style - 24px/24px */
.palmetto-hvac .text--section-number {
    font-family: 'Saans', sans-serif;
    font-weight: 800;
    font-size: 24px;
    line-height: 24px;
    letter-spacing: 0.025em;
    color: var(--color-brand-primary-500);
}


.palmetto-hvac .text--section-number.number-reverse {
    color: var(--color-text-white);
}


/* Link style - 18px/24px */
.palmetto-hvac .text--link {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0;
}


/* Specialized Text Utilities */
/* Small label text for data displays */
.palmetto-hvac .text--label-sm {
    font-size: 12px;
    line-height: 110%;
}


/* Compact body text for tight layouts */
.palmetto-hvac .text--body-compact {
    font-size: 16px;
    line-height: 110%;
}


/* Uppercase label with standard letter-spacing */
.palmetto-hvac .text--label-uppercase {
    font-size: 14px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}


/* Uppercase label with wide letter-spacing */
.palmetto-hvac .text--label-uppercase-wide {
    font-size: 14px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}


/* Medium value text for emphasis */
.palmetto-hvac .text--value-md {
    font-size: 18px;
    line-height: 110%;
    text-transform: none;
    letter-spacing: 0;
}


/* Small body text with relaxed line-height */
.palmetto-hvac .text--body-sm {
    font-size: 14px;
    line-height: 140%;
}


/* Badge/chip text style */
.palmetto-hvac .text--badge {
    font-size: 12px;
    line-height: 1;
}


/* Body text with relaxed line-height */
.palmetto-hvac .text--body-relaxed {
    font-size: 16px;
    line-height: 1.5;
}


/* Large body text */
.palmetto-hvac .text--body-lg {
    font-size: 20px;
    line-height: 28px;
}


/* Small display text for headings/prices */
.palmetto-hvac .text--display-sm {
    font-size: 24px;
    line-height: 1.1;
}


/* Large price display text */
.palmetto-hvac .text--price-lg {
    font-size: 32px;
    line-height: 110%;
}


.palmetto-hvac .text--h1-subtitle {
    font-family: var(--font-family-brand);
    font-weight: 800;
    font-size: 56px;
    line-height: 48px;
}


/* Semantic Typography Classes */
.palmetto-hvac .text--section-heading {
    font-family: 'ABC Solar Display', sans-serif;
    font-weight: 800;
    font-size: 84px;
    line-height: 90%;
}


.palmetto-hvac .text--section-subtitle {
    font-family: 'Saans', sans-serif;
    font-weight: 380;
    font-size: 24px;
    line-height: 32px;
}


.palmetto-hvac .text--subsection-heading {
    font-family: 'ABC Solar Display', sans-serif;
    font-weight: 800;
    font-size: 48px;
    line-height: 90%;
}


.palmetto-hvac .text--card-title {
    font-family: 'ABC Solar Display', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
}


.palmetto-hvac .text--card-description {
    font-family: 'Saans', sans-serif;
    font-weight: 380;
    font-size: 18px;
    line-height: 28px;
}


.palmetto-hvac .text--cta-heading {
    font-family: 'ABC Solar Display', sans-serif;
    font-weight: 800;
    font-size: 88px;
    line-height: 95%;
}


.palmetto-hvac .text--cta-body {
    font-family: 'Saans', sans-serif;
    font-weight: 380;
    font-size: 28px;
    line-height: 40px;
}


.palmetto-hvac .text--form-label {
    font-family: 'Saans', sans-serif;
    font-weight: 790;
    font-size: 16px;
    line-height: 24px;
}


.palmetto-hvac .text--display-value {
    font-family: 'ABC Solar Display', sans-serif;
    font-weight: 800;
    font-size: 144px;
    line-height: 144px;
    letter-spacing: 0.01em;
}


/* Responsive Typography */
@media (max-width: 992px) {
    .palmetto-hvac h1,
.palmetto-hvac .h1 {
        font-size: 80px;
    }


    .palmetto-hvac h2,
.palmetto-hvac .h2 {
        font-size: 48px;
    }


    .palmetto-hvac h3,
.palmetto-hvac .h3 {
        font-size: 24px;
    }

}

@media (max-width: 768px) {
    .palmetto-hvac h1,
.palmetto-hvac .h1 {
        font-size: 50px;
    }


    .palmetto-hvac h2,
.palmetto-hvac .h2 {
        font-size: 40px;
        line-height: 90%;
    }


    .palmetto-hvac h3,
.palmetto-hvac .h3 {
        font-size: 20px;
    }


    /* Semantic responsive classes */
    .palmetto-hvac .text--section-number {
        font-size: 18px !important;
        line-height: 24px;
    }


    .palmetto-hvac .text--section-heading {
        font-size: 40px;
        line-height: 90%;
    }


    .palmetto-hvac .text--section-subtitle {
        font-size: 18px;
        line-height: 32px;
    }


    .palmetto-hvac .text--subsection-heading {
        font-size: 40px;
        line-height: 95%;
    }


    .palmetto-hvac .text--card-title {
        font-size: 20px;
        line-height: 24px;
    }


    .palmetto-hvac .text--card-description {
        font-size: 18px;
        line-height: 28px;
    }


    .palmetto-hvac .text--cta-heading {
        font-size: 48px;
        line-height: 95%;
    }


    .palmetto-hvac .text--cta-body {
        font-size: 20px;
        line-height: 25px;
    }


    .palmetto-hvac .text--form-label {
        font-size: 16px;
        line-height: 24px;
    }


    .palmetto-hvac .text--display-value {
        font-size: 94px;
        line-height: 144px;
    }

}


/* ---- Global Reset ---- */

/* Box-sizing reset */
.palmetto-hvac *,
.palmetto-hvac *::before,
.palmetto-hvac *::after {
    box-sizing: border-box;
}


/* Base reset */
.palmetto-hvac {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
}


.palmetto-hvac {
    min-height: 100vh;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    background-color: var(--color-brand-grey-50, #FBFBF7);
    color: var(--color-text-black);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* Images */
.palmetto-hvac img {
    max-width: 100%;
    height: auto;
    display: block;
}


/* Links */
.palmetto-hvac a {
    color: inherit;
    text-decoration-skip-ink: auto;
}


/* Remove default button styles */
.palmetto-hvac button {
    font: inherit;
    cursor: pointer;
    border: none;
    background: none;
    padding: 0;
}


/* Remove list styles on ul, ol with class */
.palmetto-hvac ul[class],
.palmetto-hvac ol[class] {
    list-style: none;
    padding: 0;
    margin: 0;
}


/* Headings */
.palmetto-hvac h1,
.palmetto-hvac h2,
.palmetto-hvac h3,
.palmetto-hvac h4,
.palmetto-hvac h5,
.palmetto-hvac h6 {
    font-family: var(--font-family-brand);
    font-weight: var(--font-weight-bold);
    line-height: 1.1;
    margin: 0;
}


/* Paragraphs */
.palmetto-hvac p {
    margin: 0 0 1rem 0;
}


.palmetto-hvac p:last-child {
    margin-bottom: 0;
}


/* ---- Layout ---- */

/* ========================================
    LAYOUT SYSTEM
    Container utilities
    ======================================== */

/* Container */
.palmetto-hvac .container,
.palmetto-hvac .container--narrow,
.palmetto-hvac .container--medium,
.palmetto-hvac .container--wide,
.palmetto-hvac .container--large {
    flex: 1;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 40px;
    width: 100%;
}


/* Container width variations */
.palmetto-hvac .container--narrow {
    max-width: 440px;
}


.palmetto-hvac .container--medium {
    max-width: 680px;
}


.palmetto-hvac .container--large {
    max-width: 1400px;
}


/* Container padding only (no max-width) */
.palmetto-hvac .container-padding {
    padding: 0 40px;
}


@media screen and (max-width: 992px) {
    .palmetto-hvac .container,
.palmetto-hvac .container--narrow,
.palmetto-hvac .container--medium,
.palmetto-hvac .container--wide,
.palmetto-hvac .container-padding {
        padding: 0 28px;
    }

}

@media screen and (max-width: 767px) {
    .palmetto-hvac .container,
.palmetto-hvac .container--narrow,
.palmetto-hvac .container--medium,
.palmetto-hvac .container--wide,
.palmetto-hvac .container-padding {
        padding: 0 20px;
    }

}


/* ---- Spacing ---- */

/* ========================================
    SPACING UTILITIES
    Mobile-first approach with min-width media queries
    ======================================== */

/* Margin Utilities */

/* All sides */
.palmetto-hvac .m-0 { margin: 0 !important; }

.palmetto-hvac .m-1 { margin: 0.25rem !important; }
 /* 4px */
.palmetto-hvac .m-2 { margin: 0.5rem !important; }
 /* 8px */
.palmetto-hvac .m-3 { margin: 1rem !important; }
 /* 16px */
.palmetto-hvac .m-4 { margin: 1.5rem !important; }
 /* 24px */
.palmetto-hvac .m-5 { margin: 2rem !important; }
 /* 32px */
.palmetto-hvac .m-6 { margin: 3rem !important; }
 /* 48px */
.palmetto-hvac .m-7 { margin: 4rem !important; }
 /* 64px */
.palmetto-hvac .m-8 { margin: 5rem !important; }
 /* 80px */
.palmetto-hvac .m-9 { margin: 6rem !important; }
 /* 96px */
.palmetto-hvac .m-10 { margin: 7rem !important; }
 /* 112px */
.palmetto-hvac .m-11 { margin: 8rem !important; }
 /* 128px */
.palmetto-hvac .m-auto { margin: auto !important; }


/* Top */
.palmetto-hvac .mt-0 { margin-top: 0 !important; }

.palmetto-hvac .mt-1 { margin-top: 0.25rem !important; }

.palmetto-hvac .mt-2 { margin-top: 0.5rem !important; }

.palmetto-hvac .mt-3 { margin-top: 1rem !important; }

.palmetto-hvac .mt-4 { margin-top: 1.5rem !important; }

.palmetto-hvac .mt-5 { margin-top: 2rem !important; }

.palmetto-hvac .mt-6 { margin-top: 3rem !important; }

.palmetto-hvac .mt-7 { margin-top: 4rem !important; }

.palmetto-hvac .mt-8 { margin-top: 5rem !important; }

.palmetto-hvac .mt-9 { margin-top: 6rem !important; }

.palmetto-hvac .mt-10 { margin-top: 7rem !important; }

.palmetto-hvac .mt-11 { margin-top: 8rem !important; }

.palmetto-hvac .mt-auto { margin-top: auto !important; }


/* Bottom */
.palmetto-hvac .mb-0 { margin-bottom: 0 !important; }

.palmetto-hvac .mb-1 { margin-bottom: 0.25rem !important; }

.palmetto-hvac .mb-2 { margin-bottom: 0.5rem !important; }

.palmetto-hvac .mb-3 { margin-bottom: 1rem !important; }

.palmetto-hvac .mb-4 { margin-bottom: 1.5rem !important; }

.palmetto-hvac .mb-5 { margin-bottom: 2rem !important; }

.palmetto-hvac .mb-6 { margin-bottom: 3rem !important; }

.palmetto-hvac .mb-7 { margin-bottom: 4rem !important; }

.palmetto-hvac .mb-8 { margin-bottom: 5rem !important; }

.palmetto-hvac .mb-9 { margin-bottom: 6rem !important; }

.palmetto-hvac .mb-10 { margin-bottom: 7rem !important; }

.palmetto-hvac .mb-11 { margin-bottom: 8rem !important; }

.palmetto-hvac .mb-auto { margin-bottom: auto !important; }


/* Left */
.palmetto-hvac .ms-0 { margin-left: 0 !important; }

.palmetto-hvac .ms-1 { margin-left: 0.25rem !important; }

.palmetto-hvac .ms-2 { margin-left: 0.5rem !important; }

.palmetto-hvac .ms-3 { margin-left: 1rem !important; }

.palmetto-hvac .ms-4 { margin-left: 1.5rem !important; }

.palmetto-hvac .ms-5 { margin-left: 2rem !important; }

.palmetto-hvac .ms-6 { margin-left: 3rem !important; }

.palmetto-hvac .ms-7 { margin-left: 4rem !important; }

.palmetto-hvac .ms-8 { margin-left: 5rem !important; }

.palmetto-hvac .ms-9 { margin-left: 6rem !important; }

.palmetto-hvac .ms-10 { margin-left: 7rem !important; }

.palmetto-hvac .ms-11 { margin-left: 8rem !important; }

.palmetto-hvac .ms-auto { margin-left: auto !important; }


/* Right */
.palmetto-hvac .me-0 { margin-right: 0 !important; }

.palmetto-hvac .me-1 { margin-right: 0.25rem !important; }

.palmetto-hvac .me-2 { margin-right: 0.5rem !important; }

.palmetto-hvac .me-3 { margin-right: 1rem !important; }

.palmetto-hvac .me-4 { margin-right: 1.5rem !important; }

.palmetto-hvac .me-5 { margin-right: 2rem !important; }

.palmetto-hvac .me-6 { margin-right: 3rem !important; }

.palmetto-hvac .me-7 { margin-right: 4rem !important; }

.palmetto-hvac .me-8 { margin-right: 5rem !important; }

.palmetto-hvac .me-9 { margin-right: 6rem !important; }

.palmetto-hvac .me-10 { margin-right: 7rem !important; }

.palmetto-hvac .me-11 { margin-right: 8rem !important; }

.palmetto-hvac .me-auto { margin-right: auto !important; }


/* X-axis (left and right) */
.palmetto-hvac .mx-0 { margin-left: 0 !important; margin-right: 0 !important; }

.palmetto-hvac .mx-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; }

.palmetto-hvac .mx-2 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }

.palmetto-hvac .mx-3 { margin-left: 1rem !important; margin-right: 1rem !important; }

.palmetto-hvac .mx-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }

.palmetto-hvac .mx-5 { margin-left: 2rem !important; margin-right: 2rem !important; }

.palmetto-hvac .mx-6 { margin-left: 3rem !important; margin-right: 3rem !important; }

.palmetto-hvac .mx-7 { margin-left: 4rem !important; margin-right: 4rem !important; }

.palmetto-hvac .mx-8 { margin-left: 5rem !important; margin-right: 5rem !important; }

.palmetto-hvac .mx-9 { margin-left: 6rem !important; margin-right: 6rem !important; }

.palmetto-hvac .mx-10 { margin-left: 7rem !important; margin-right: 7rem !important; }

.palmetto-hvac .mx-11 { margin-left: 8rem !important; margin-right: 8rem !important; }

.palmetto-hvac .mx-auto { margin-left: auto !important; margin-right: auto !important; }


/* Y-axis (top and bottom) */
.palmetto-hvac .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; }

.palmetto-hvac .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }

.palmetto-hvac .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }

.palmetto-hvac .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; }

.palmetto-hvac .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }

.palmetto-hvac .my-5 { margin-top: 2rem !important; margin-bottom: 2rem !important; }

.palmetto-hvac .my-6 { margin-top: 3rem !important; margin-bottom: 3rem !important; }

.palmetto-hvac .my-7 { margin-top: 4rem !important; margin-bottom: 4rem !important; }

.palmetto-hvac .my-8 { margin-top: 5rem !important; margin-bottom: 5rem !important; }

.palmetto-hvac .my-9 { margin-top: 6rem !important; margin-bottom: 6rem !important; }

.palmetto-hvac .my-10 { margin-top: 7rem !important; margin-bottom: 7rem !important; }

.palmetto-hvac .my-11 { margin-top: 8rem !important; margin-bottom: 8rem !important; }

.palmetto-hvac .my-auto { margin-top: auto !important; margin-bottom: auto !important; }


/* Padding Utilities */

/* All sides */
.palmetto-hvac .p-0 { padding: 0 !important; }

.palmetto-hvac .p-1 { padding: 0.25rem !important; }
 /* 4px */
.palmetto-hvac .p-2 { padding: 0.5rem !important; }
 /* 8px */
.palmetto-hvac .p-3 { padding: 1rem !important; }
 /* 16px */
.palmetto-hvac .p-4 { padding: 1.5rem !important; }
 /* 24px */
.palmetto-hvac .p-5 { padding: 2rem !important; }
 /* 32px */
.palmetto-hvac .p-6 { padding: 3rem !important; }
 /* 48px */
.palmetto-hvac .p-7 { padding: 4rem !important; }
 /* 64px */
.palmetto-hvac .p-8 { padding: 5rem !important; }
 /* 80px */
.palmetto-hvac .p-9 { padding: 6rem !important; }
 /* 96px */
.palmetto-hvac .p-10 { padding: 7rem !important; }
 /* 112px */
.palmetto-hvac .p-11 { padding: 8rem !important; }
 /* 128px */

/* Top */
.palmetto-hvac .pt-0 { padding-top: 0 !important; }

.palmetto-hvac .pt-1 { padding-top: 0.25rem !important; }

.palmetto-hvac .pt-2 { padding-top: 0.5rem !important; }

.palmetto-hvac .pt-3 { padding-top: 1rem !important; }

.palmetto-hvac .pt-4 { padding-top: 1.5rem !important; }

.palmetto-hvac .pt-5 { padding-top: 2rem !important; }

.palmetto-hvac .pt-6 { padding-top: 3rem !important; }

.palmetto-hvac .pt-7 { padding-top: 4rem !important; }

.palmetto-hvac .pt-8 { padding-top: 5rem !important; }

.palmetto-hvac .pt-9 { padding-top: 6rem !important; }

.palmetto-hvac .pt-10 { padding-top: 7rem !important; }

.palmetto-hvac .pt-11 { padding-top: 8rem !important; }


/* Bottom */
.palmetto-hvac .pb-0 { padding-bottom: 0 !important; }

.palmetto-hvac .pb-1 { padding-bottom: 0.25rem !important; }

.palmetto-hvac .pb-2 { padding-bottom: 0.5rem !important; }

.palmetto-hvac .pb-3 { padding-bottom: 1rem !important; }

.palmetto-hvac .pb-4 { padding-bottom: 1.5rem !important; }

.palmetto-hvac .pb-5 { padding-bottom: 2rem !important; }

.palmetto-hvac .pb-6 { padding-bottom: 3rem !important; }

.palmetto-hvac .pb-7 { padding-bottom: 4rem !important; }

.palmetto-hvac .pb-8 { padding-bottom: 5rem !important; }

.palmetto-hvac .pb-9 { padding-bottom: 6rem !important; }

.palmetto-hvac .pb-10 { padding-bottom: 7rem !important; }

.palmetto-hvac .pb-11 { padding-bottom: 8rem !important; }


/* Left */
.palmetto-hvac .ps-0 { padding-left: 0 !important; }

.palmetto-hvac .ps-1 { padding-left: 0.25rem !important; }

.palmetto-hvac .ps-2 { padding-left: 0.5rem !important; }

.palmetto-hvac .ps-3 { padding-left: 1rem !important; }

.palmetto-hvac .ps-4 { padding-left: 1.5rem !important; }

.palmetto-hvac .ps-5 { padding-left: 2rem !important; }

.palmetto-hvac .ps-6 { padding-left: 3rem !important; }

.palmetto-hvac .ps-7 { padding-left: 4rem !important; }

.palmetto-hvac .ps-8 { padding-left: 5rem !important; }

.palmetto-hvac .ps-9 { padding-left: 6rem !important; }

.palmetto-hvac .ps-10 { padding-left: 7rem !important; }

.palmetto-hvac .ps-11 { padding-left: 8rem !important; }


/* Right */
.palmetto-hvac .pe-0 { padding-right: 0 !important; }

.palmetto-hvac .pe-1 { padding-right: 0.25rem !important; }

.palmetto-hvac .pe-2 { padding-right: 0.5rem !important; }

.palmetto-hvac .pe-3 { padding-right: 1rem !important; }

.palmetto-hvac .pe-4 { padding-right: 1.5rem !important; }

.palmetto-hvac .pe-5 { padding-right: 2rem !important; }

.palmetto-hvac .pe-6 { padding-right: 3rem !important; }

.palmetto-hvac .pe-7 { padding-right: 4rem !important; }

.palmetto-hvac .pe-8 { padding-right: 5rem !important; }

.palmetto-hvac .pe-9 { padding-right: 6rem !important; }

.palmetto-hvac .pe-10 { padding-right: 7rem !important; }

.palmetto-hvac .pe-11 { padding-right: 8rem !important; }


/* X-axis (left and right) */
.palmetto-hvac .px-0 { padding-left: 0 !important; padding-right: 0 !important; }

.palmetto-hvac .px-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; }

.palmetto-hvac .px-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }

.palmetto-hvac .px-3 { padding-left: 1rem !important; padding-right: 1rem !important; }

.palmetto-hvac .px-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }

.palmetto-hvac .px-5 { padding-left: 2rem !important; padding-right: 2rem !important; }

.palmetto-hvac .px-6 { padding-left: 3rem !important; padding-right: 3rem !important; }

.palmetto-hvac .px-7 { padding-left: 4rem !important; padding-right: 4rem !important; }

.palmetto-hvac .px-8 { padding-left: 5rem !important; padding-right: 5rem !important; }

.palmetto-hvac .px-9 { padding-left: 6rem !important; padding-right: 6rem !important; }

.palmetto-hvac .px-10 { padding-left: 7rem !important; padding-right: 7rem !important; }

.palmetto-hvac .px-11 { padding-left: 8rem !important; padding-right: 8rem !important; }


/* Y-axis (top and bottom) */
.palmetto-hvac .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }

.palmetto-hvac .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }

.palmetto-hvac .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }

.palmetto-hvac .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; }

.palmetto-hvac .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }

.palmetto-hvac .py-5 { padding-top: 2rem !important; padding-bottom: 2rem !important; }

.palmetto-hvac .py-6 { padding-top: 3rem !important; padding-bottom: 3rem !important; }

.palmetto-hvac .py-7 { padding-top: 4rem !important; padding-bottom: 4rem !important; }

.palmetto-hvac .py-8 { padding-top: 5rem !important; padding-bottom: 5rem !important; }

.palmetto-hvac .py-9 { padding-top: 6rem !important; padding-bottom: 6rem !important; }

.palmetto-hvac .py-10 { padding-top: 7rem !important; padding-bottom: 7rem !important; }

.palmetto-hvac .py-11 { padding-top: 8rem !important; padding-bottom: 8rem !important; }


/* Responsive Margin Utilities - Medium (Tablet and up) */
@media screen and (min-width: 768px) {
    .palmetto-hvac .mb-md-0 { margin-bottom: 0 !important; }

    .palmetto-hvac .mb-md-1 { margin-bottom: 0.25rem !important; }

    .palmetto-hvac .mb-md-2 { margin-bottom: 0.5rem !important; }

    .palmetto-hvac .mb-md-3 { margin-bottom: 1rem !important; }

    .palmetto-hvac .mb-md-4 { margin-bottom: 1.5rem !important; }

    .palmetto-hvac .mb-md-5 { margin-bottom: 2rem !important; }

    .palmetto-hvac .mb-md-6 { margin-bottom: 3rem !important; }

    .palmetto-hvac .mb-md-7 { margin-bottom: 4rem !important; }

    .palmetto-hvac .mb-md-8 { margin-bottom: 5rem !important; }

    .palmetto-hvac .mb-md-9 { margin-bottom: 6rem !important; }

    .palmetto-hvac .mb-md-10 { margin-bottom: 7rem !important; }

    .palmetto-hvac .mb-md-11 { margin-bottom: 8rem !important; }


    .palmetto-hvac .mt-md-0 { margin-top: 0 !important; }

    .palmetto-hvac .mt-md-1 { margin-top: 0.25rem !important; }

    .palmetto-hvac .mt-md-2 { margin-top: 0.5rem !important; }

    .palmetto-hvac .mt-md-3 { margin-top: 1rem !important; }

    .palmetto-hvac .mt-md-4 { margin-top: 1.5rem !important; }

    .palmetto-hvac .mt-md-5 { margin-top: 2rem !important; }

    .palmetto-hvac .mt-md-6 { margin-top: 3rem !important; }

    .palmetto-hvac .mt-md-7 { margin-top: 4rem !important; }

    .palmetto-hvac .mt-md-8 { margin-top: 5rem !important; }

    .palmetto-hvac .mt-md-9 { margin-top: 6rem !important; }

    .palmetto-hvac .mt-md-10 { margin-top: 7rem !important; }

    .palmetto-hvac .mt-md-11 { margin-top: 8rem !important; }


    .palmetto-hvac .ms-md-0 { margin-left: 0 !important; }

    .palmetto-hvac .ms-md-1 { margin-left: 0.25rem !important; }

    .palmetto-hvac .ms-md-2 { margin-left: 0.5rem !important; }

    .palmetto-hvac .ms-md-3 { margin-left: 1rem !important; }

    .palmetto-hvac .ms-md-4 { margin-left: 1.5rem !important; }

    .palmetto-hvac .ms-md-5 { margin-left: 2rem !important; }

    .palmetto-hvac .ms-md-6 { margin-left: 3rem !important; }

    .palmetto-hvac .ms-md-7 { margin-left: 4rem !important; }

    .palmetto-hvac .ms-md-8 { margin-left: 5rem !important; }

    .palmetto-hvac .ms-md-9 { margin-left: 6rem !important; }

    .palmetto-hvac .ms-md-10 { margin-left: 7rem !important; }

    .palmetto-hvac .ms-md-11 { margin-left: 8rem !important; }


    .palmetto-hvac .me-md-0 { margin-right: 0 !important; }

    .palmetto-hvac .me-md-1 { margin-right: 0.25rem !important; }

    .palmetto-hvac .me-md-2 { margin-right: 0.5rem !important; }

    .palmetto-hvac .me-md-3 { margin-right: 1rem !important; }

    .palmetto-hvac .me-md-4 { margin-right: 1.5rem !important; }

    .palmetto-hvac .me-md-5 { margin-right: 2rem !important; }

    .palmetto-hvac .me-md-6 { margin-right: 3rem !important; }

    .palmetto-hvac .me-md-7 { margin-right: 4rem !important; }

    .palmetto-hvac .me-md-8 { margin-right: 5rem !important; }

    .palmetto-hvac .me-md-9 { margin-right: 6rem !important; }

    .palmetto-hvac .me-md-10 { margin-right: 7rem !important; }

    .palmetto-hvac .me-md-11 { margin-right: 8rem !important; }


    .palmetto-hvac .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; }

    .palmetto-hvac .my-md-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }

    .palmetto-hvac .my-md-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }

    .palmetto-hvac .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; }

    .palmetto-hvac .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }

    .palmetto-hvac .my-md-5 { margin-top: 2rem !important; margin-bottom: 2rem !important; }

    .palmetto-hvac .my-md-6 { margin-top: 3rem !important; margin-bottom: 3rem !important; }

    .palmetto-hvac .my-md-7 { margin-top: 4rem !important; margin-bottom: 4rem !important; }

    .palmetto-hvac .my-md-8 { margin-top: 5rem !important; margin-bottom: 5rem !important; }

    .palmetto-hvac .my-md-9 { margin-top: 6rem !important; margin-bottom: 6rem !important; }

    .palmetto-hvac .my-md-10 { margin-top: 7rem !important; margin-bottom: 7rem !important; }

    .palmetto-hvac .my-md-11 { margin-top: 8rem !important; margin-bottom: 8rem !important; }


    .palmetto-hvac .mx-md-0 { margin-left: 0 !important; margin-right: 0 !important; }

    .palmetto-hvac .mx-md-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; }

    .palmetto-hvac .mx-md-2 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }

    .palmetto-hvac .mx-md-3 { margin-left: 1rem !important; margin-right: 1rem !important; }

    .palmetto-hvac .mx-md-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }

    .palmetto-hvac .mx-md-5 { margin-left: 2rem !important; margin-right: 2rem !important; }

    .palmetto-hvac .mx-md-6 { margin-left: 3rem !important; margin-right: 3rem !important; }

    .palmetto-hvac .mx-md-7 { margin-left: 4rem !important; margin-right: 4rem !important; }

    .palmetto-hvac .mx-md-8 { margin-left: 5rem !important; margin-right: 5rem !important; }

    .palmetto-hvac .mx-md-9 { margin-left: 6rem !important; margin-right: 6rem !important; }

    .palmetto-hvac .mx-md-10 { margin-left: 7rem !important; margin-right: 7rem !important; }

    .palmetto-hvac .mx-md-11 { margin-left: 8rem !important; margin-right: 8rem !important; }

}

/* Responsive Padding Utilities - Medium (Tablet and up) */
@media screen and (min-width: 768px) {
    .palmetto-hvac .pb-md-0 { padding-bottom: 0 !important; }

    .palmetto-hvac .pb-md-1 { padding-bottom: 0.25rem !important; }

    .palmetto-hvac .pb-md-2 { padding-bottom: 0.5rem !important; }

    .palmetto-hvac .pb-md-3 { padding-bottom: 1rem !important; }

    .palmetto-hvac .pb-md-4 { padding-bottom: 1.5rem !important; }

    .palmetto-hvac .pb-md-5 { padding-bottom: 2rem !important; }

    .palmetto-hvac .pb-md-6 { padding-bottom: 3rem !important; }

    .palmetto-hvac .pb-md-7 { padding-bottom: 4rem !important; }

    .palmetto-hvac .pb-md-8 { padding-bottom: 5rem !important; }

    .palmetto-hvac .pb-md-9 { padding-bottom: 6rem !important; }

    .palmetto-hvac .pb-md-10 { padding-bottom: 7rem !important; }

    .palmetto-hvac .pb-md-11 { padding-bottom: 8rem !important; }


    .palmetto-hvac .pt-md-0 { padding-top: 0 !important; }

    .palmetto-hvac .pt-md-1 { padding-top: 0.25rem !important; }

    .palmetto-hvac .pt-md-2 { padding-top: 0.5rem !important; }

    .palmetto-hvac .pt-md-3 { padding-top: 1rem !important; }

    .palmetto-hvac .pt-md-4 { padding-top: 1.5rem !important; }

    .palmetto-hvac .pt-md-5 { padding-top: 2rem !important; }

    .palmetto-hvac .pt-md-6 { padding-top: 3rem !important; }

    .palmetto-hvac .pt-md-7 { padding-top: 4rem !important; }

    .palmetto-hvac .pt-md-8 { padding-top: 5rem !important; }

    .palmetto-hvac .pt-md-9 { padding-top: 6rem !important; }

    .palmetto-hvac .pt-md-10 { padding-top: 7rem !important; }

    .palmetto-hvac .pt-md-11 { padding-top: 8rem !important; }


    .palmetto-hvac .ps-md-0 { padding-left: 0 !important; }

    .palmetto-hvac .ps-md-1 { padding-left: 0.25rem !important; }

    .palmetto-hvac .ps-md-2 { padding-left: 0.5rem !important; }

    .palmetto-hvac .ps-md-3 { padding-left: 1rem !important; }

    .palmetto-hvac .ps-md-4 { padding-left: 1.5rem !important; }

    .palmetto-hvac .ps-md-5 { padding-left: 2rem !important; }

    .palmetto-hvac .ps-md-6 { padding-left: 3rem !important; }

    .palmetto-hvac .ps-md-7 { padding-left: 4rem !important; }

    .palmetto-hvac .ps-md-8 { padding-left: 5rem !important; }

    .palmetto-hvac .ps-md-9 { padding-left: 6rem !important; }

    .palmetto-hvac .ps-md-10 { padding-left: 7rem !important; }

    .palmetto-hvac .ps-md-11 { padding-left: 8rem !important; }


    .palmetto-hvac .pe-md-0 { padding-right: 0 !important; }

    .palmetto-hvac .pe-md-1 { padding-right: 0.25rem !important; }

    .palmetto-hvac .pe-md-2 { padding-right: 0.5rem !important; }

    .palmetto-hvac .pe-md-3 { padding-right: 1rem !important; }

    .palmetto-hvac .pe-md-4 { padding-right: 1.5rem !important; }

    .palmetto-hvac .pe-md-5 { padding-right: 2rem !important; }

    .palmetto-hvac .pe-md-6 { padding-right: 3rem !important; }

    .palmetto-hvac .pe-md-7 { padding-right: 4rem !important; }

    .palmetto-hvac .pe-md-8 { padding-right: 5rem !important; }

    .palmetto-hvac .pe-md-9 { padding-right: 6rem !important; }

    .palmetto-hvac .pe-md-10 { padding-right: 7rem !important; }

    .palmetto-hvac .pe-md-11 { padding-right: 8rem !important; }


    .palmetto-hvac .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; }

    .palmetto-hvac .py-md-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }

    .palmetto-hvac .py-md-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }

    .palmetto-hvac .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; }

    .palmetto-hvac .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }

    .palmetto-hvac .py-md-5 { padding-top: 2rem !important; padding-bottom: 2rem !important; }

    .palmetto-hvac .py-md-6 { padding-top: 3rem !important; padding-bottom: 3rem !important; }

    .palmetto-hvac .py-md-7 { padding-top: 4rem !important; padding-bottom: 4rem !important; }

    .palmetto-hvac .py-md-8 { padding-top: 5rem !important; padding-bottom: 5rem !important; }

    .palmetto-hvac .py-md-9 { padding-top: 6rem !important; padding-bottom: 6rem !important; }

    .palmetto-hvac .py-md-10 { padding-top: 7rem !important; padding-bottom: 7rem !important; }

    .palmetto-hvac .py-md-11 { padding-top: 8rem !important; padding-bottom: 8rem !important; }


    .palmetto-hvac .px-md-0 { padding-left: 0 !important; padding-right: 0 !important; }

    .palmetto-hvac .px-md-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; }

    .palmetto-hvac .px-md-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }

    .palmetto-hvac .px-md-3 { padding-left: 1rem !important; padding-right: 1rem !important; }

    .palmetto-hvac .px-md-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }

    .palmetto-hvac .px-md-5 { padding-left: 2rem !important; padding-right: 2rem !important; }

    .palmetto-hvac .px-md-6 { padding-left: 3rem !important; padding-right: 3rem !important; }

    .palmetto-hvac .px-md-7 { padding-left: 4rem !important; padding-right: 4rem !important; }

    .palmetto-hvac .px-md-8 { padding-left: 5rem !important; padding-right: 5rem !important; }

    .palmetto-hvac .px-md-9 { padding-left: 6rem !important; padding-right: 6rem !important; }

    .palmetto-hvac .px-md-10 { padding-left: 7rem !important; padding-right: 7rem !important; }

    .palmetto-hvac .px-md-11 { padding-left: 8rem !important; padding-right: 8rem !important; }

}

/* Responsive Margin Utilities - Large (Desktop and up) */
@media screen and (min-width: 993px) {
    .palmetto-hvac .mb-lg-0 { margin-bottom: 0 !important; }

    .palmetto-hvac .mb-lg-1 { margin-bottom: 0.25rem !important; }

    .palmetto-hvac .mb-lg-2 { margin-bottom: 0.5rem !important; }

    .palmetto-hvac .mb-lg-3 { margin-bottom: 1rem !important; }

    .palmetto-hvac .mb-lg-4 { margin-bottom: 1.5rem !important; }

    .palmetto-hvac .mb-lg-5 { margin-bottom: 2rem !important; }

    .palmetto-hvac .mb-lg-6 { margin-bottom: 3rem !important; }

    .palmetto-hvac .mb-lg-7 { margin-bottom: 4rem !important; }

    .palmetto-hvac .mb-lg-8 { margin-bottom: 5rem !important; }

    .palmetto-hvac .mb-lg-9 { margin-bottom: 6rem !important; }

    .palmetto-hvac .mb-lg-10 { margin-bottom: 7rem !important; }

    .palmetto-hvac .mb-lg-11 { margin-bottom: 8rem !important; }


    .palmetto-hvac .mt-lg-0 { margin-top: 0 !important; }

    .palmetto-hvac .mt-lg-1 { margin-top: 0.25rem !important; }

    .palmetto-hvac .mt-lg-2 { margin-top: 0.5rem !important; }

    .palmetto-hvac .mt-lg-3 { margin-top: 1rem !important; }

    .palmetto-hvac .mt-lg-4 { margin-top: 1.5rem !important; }

    .palmetto-hvac .mt-lg-5 { margin-top: 2rem !important; }

    .palmetto-hvac .mt-lg-6 { margin-top: 3rem !important; }

    .palmetto-hvac .mt-lg-7 { margin-top: 4rem !important; }

    .palmetto-hvac .mt-lg-8 { margin-top: 5rem !important; }

    .palmetto-hvac .mt-lg-9 { margin-top: 6rem !important; }

    .palmetto-hvac .mt-lg-10 { margin-top: 7rem !important; }

    .palmetto-hvac .mt-lg-11 { margin-top: 8rem !important; }


    .palmetto-hvac .ms-lg-0 { margin-left: 0 !important; }

    .palmetto-hvac .ms-lg-1 { margin-left: 0.25rem !important; }

    .palmetto-hvac .ms-lg-2 { margin-left: 0.5rem !important; }

    .palmetto-hvac .ms-lg-3 { margin-left: 1rem !important; }

    .palmetto-hvac .ms-lg-4 { margin-left: 1.5rem !important; }

    .palmetto-hvac .ms-lg-5 { margin-left: 2rem !important; }

    .palmetto-hvac .ms-lg-6 { margin-left: 3rem !important; }

    .palmetto-hvac .ms-lg-7 { margin-left: 4rem !important; }

    .palmetto-hvac .ms-lg-8 { margin-left: 5rem !important; }

    .palmetto-hvac .ms-lg-9 { margin-left: 6rem !important; }

    .palmetto-hvac .ms-lg-10 { margin-left: 7rem !important; }

    .palmetto-hvac .ms-lg-11 { margin-left: 8rem !important; }


    .palmetto-hvac .me-lg-0 { margin-right: 0 !important; }

    .palmetto-hvac .me-lg-1 { margin-right: 0.25rem !important; }

    .palmetto-hvac .me-lg-2 { margin-right: 0.5rem !important; }

    .palmetto-hvac .me-lg-3 { margin-right: 1rem !important; }

    .palmetto-hvac .me-lg-4 { margin-right: 1.5rem !important; }

    .palmetto-hvac .me-lg-5 { margin-right: 2rem !important; }

    .palmetto-hvac .me-lg-6 { margin-right: 3rem !important; }

    .palmetto-hvac .me-lg-7 { margin-right: 4rem !important; }

    .palmetto-hvac .me-lg-8 { margin-right: 5rem !important; }

    .palmetto-hvac .me-lg-9 { margin-right: 6rem !important; }

    .palmetto-hvac .me-lg-10 { margin-right: 7rem !important; }

    .palmetto-hvac .me-lg-11 { margin-right: 8rem !important; }


    .palmetto-hvac .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; }

    .palmetto-hvac .my-lg-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }

    .palmetto-hvac .my-lg-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }

    .palmetto-hvac .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; }

    .palmetto-hvac .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }

    .palmetto-hvac .my-lg-5 { margin-top: 2rem !important; margin-bottom: 2rem !important; }

    .palmetto-hvac .my-lg-6 { margin-top: 3rem !important; margin-bottom: 3rem !important; }

    .palmetto-hvac .my-lg-7 { margin-top: 4rem !important; margin-bottom: 4rem !important; }

    .palmetto-hvac .my-lg-8 { margin-top: 5rem !important; margin-bottom: 5rem !important; }

    .palmetto-hvac .my-lg-9 { margin-top: 6rem !important; margin-bottom: 6rem !important; }

    .palmetto-hvac .my-lg-10 { margin-top: 7rem !important; margin-bottom: 7rem !important; }

    .palmetto-hvac .my-lg-11 { margin-top: 8rem !important; margin-bottom: 8rem !important; }


    .palmetto-hvac .mx-lg-0 { margin-left: 0 !important; margin-right: 0 !important; }

    .palmetto-hvac .mx-lg-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; }

    .palmetto-hvac .mx-lg-2 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }

    .palmetto-hvac .mx-lg-3 { margin-left: 1rem !important; margin-right: 1rem !important; }

    .palmetto-hvac .mx-lg-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }

    .palmetto-hvac .mx-lg-5 { margin-left: 2rem !important; margin-right: 2rem !important; }

    .palmetto-hvac .mx-lg-6 { margin-left: 3rem !important; margin-right: 3rem !important; }

    .palmetto-hvac .mx-lg-7 { margin-left: 4rem !important; margin-right: 4rem !important; }

    .palmetto-hvac .mx-lg-8 { margin-left: 5rem !important; margin-right: 5rem !important; }

    .palmetto-hvac .mx-lg-9 { margin-left: 6rem !important; margin-right: 6rem !important; }

    .palmetto-hvac .mx-lg-10 { margin-left: 7rem !important; margin-right: 7rem !important; }

    .palmetto-hvac .mx-lg-11 { margin-left: 8rem !important; margin-right: 8rem !important; }

}

/* Responsive Padding Utilities - Large (Desktop and up) */
@media screen and (min-width: 993px) {
    .palmetto-hvac .pb-lg-0 { padding-bottom: 0 !important; }

    .palmetto-hvac .pb-lg-1 { padding-bottom: 0.25rem !important; }

    .palmetto-hvac .pb-lg-2 { padding-bottom: 0.5rem !important; }

    .palmetto-hvac .pb-lg-3 { padding-bottom: 1rem !important; }

    .palmetto-hvac .pb-lg-4 { padding-bottom: 1.5rem !important; }

    .palmetto-hvac .pb-lg-5 { padding-bottom: 2rem !important; }

    .palmetto-hvac .pb-lg-6 { padding-bottom: 3rem !important; }

    .palmetto-hvac .pb-lg-7 { padding-bottom: 4rem !important; }

    .palmetto-hvac .pb-lg-8 { padding-bottom: 5rem !important; }

    .palmetto-hvac .pb-lg-9 { padding-bottom: 6rem !important; }

    .palmetto-hvac .pb-lg-10 { padding-bottom: 7rem !important; }

    .palmetto-hvac .pb-lg-11 { padding-bottom: 8rem !important; }


    .palmetto-hvac .pt-lg-0 { padding-top: 0 !important; }

    .palmetto-hvac .pt-lg-1 { padding-top: 0.25rem !important; }

    .palmetto-hvac .pt-lg-2 { padding-top: 0.5rem !important; }

    .palmetto-hvac .pt-lg-3 { padding-top: 1rem !important; }

    .palmetto-hvac .pt-lg-4 { padding-top: 1.5rem !important; }

    .palmetto-hvac .pt-lg-5 { padding-top: 2rem !important; }

    .palmetto-hvac .pt-lg-6 { padding-top: 3rem !important; }

    .palmetto-hvac .pt-lg-7 { padding-top: 4rem !important; }

    .palmetto-hvac .pt-lg-8 { padding-top: 5rem !important; }

    .palmetto-hvac .pt-lg-9 { padding-top: 6rem !important; }

    .palmetto-hvac .pt-lg-10 { padding-top: 7rem !important; }

    .palmetto-hvac .pt-lg-11 { padding-top: 8rem !important; }


    .palmetto-hvac .ps-lg-0 { padding-left: 0 !important; }

    .palmetto-hvac .ps-lg-1 { padding-left: 0.25rem !important; }

    .palmetto-hvac .ps-lg-2 { padding-left: 0.5rem !important; }

    .palmetto-hvac .ps-lg-3 { padding-left: 1rem !important; }

    .palmetto-hvac .ps-lg-4 { padding-left: 1.5rem !important; }

    .palmetto-hvac .ps-lg-5 { padding-left: 2rem !important; }

    .palmetto-hvac .ps-lg-6 { padding-left: 3rem !important; }

    .palmetto-hvac .ps-lg-7 { padding-left: 4rem !important; }

    .palmetto-hvac .ps-lg-8 { padding-left: 5rem !important; }

    .palmetto-hvac .ps-lg-9 { padding-left: 6rem !important; }

    .palmetto-hvac .ps-lg-10 { padding-left: 7rem !important; }

    .palmetto-hvac .ps-lg-11 { padding-left: 8rem !important; }


    .palmetto-hvac .pe-lg-0 { padding-right: 0 !important; }

    .palmetto-hvac .pe-lg-1 { padding-right: 0.25rem !important; }

    .palmetto-hvac .pe-lg-2 { padding-right: 0.5rem !important; }

    .palmetto-hvac .pe-lg-3 { padding-right: 1rem !important; }

    .palmetto-hvac .pe-lg-4 { padding-right: 1.5rem !important; }

    .palmetto-hvac .pe-lg-5 { padding-right: 2rem !important; }

    .palmetto-hvac .pe-lg-6 { padding-right: 3rem !important; }

    .palmetto-hvac .pe-lg-7 { padding-right: 4rem !important; }

    .palmetto-hvac .pe-lg-8 { padding-right: 5rem !important; }

    .palmetto-hvac .pe-lg-9 { padding-right: 6rem !important; }

    .palmetto-hvac .pe-lg-10 { padding-right: 7rem !important; }

    .palmetto-hvac .pe-lg-11 { padding-right: 8rem !important; }


    .palmetto-hvac .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; }

    .palmetto-hvac .py-lg-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }

    .palmetto-hvac .py-lg-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }

    .palmetto-hvac .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; }

    .palmetto-hvac .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }

    .palmetto-hvac .py-lg-5 { padding-top: 2rem !important; padding-bottom: 2rem !important; }

    .palmetto-hvac .py-lg-6 { padding-top: 3rem !important; padding-bottom: 3rem !important; }

    .palmetto-hvac .py-lg-7 { padding-top: 4rem !important; padding-bottom: 4rem !important; }

    .palmetto-hvac .py-lg-8 { padding-top: 5rem !important; padding-bottom: 5rem !important; }

    .palmetto-hvac .py-lg-9 { padding-top: 6rem !important; padding-bottom: 6rem !important; }

    .palmetto-hvac .py-lg-10 { padding-top: 7rem !important; padding-bottom: 7rem !important; }

    .palmetto-hvac .py-lg-11 { padding-top: 8rem !important; padding-bottom: 8rem !important; }


    .palmetto-hvac .px-lg-0 { padding-left: 0 !important; padding-right: 0 !important; }

    .palmetto-hvac .px-lg-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; }

    .palmetto-hvac .px-lg-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }

    .palmetto-hvac .px-lg-3 { padding-left: 1rem !important; padding-right: 1rem !important; }

    .palmetto-hvac .px-lg-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }

    .palmetto-hvac .px-lg-5 { padding-left: 2rem !important; padding-right: 2rem !important; }

    .palmetto-hvac .px-lg-6 { padding-left: 3rem !important; padding-right: 3rem !important; }

    .palmetto-hvac .px-lg-7 { padding-left: 4rem !important; padding-right: 4rem !important; }

    .palmetto-hvac .px-lg-8 { padding-left: 5rem !important; padding-right: 5rem !important; }

    .palmetto-hvac .px-lg-9 { padding-left: 6rem !important; padding-right: 6rem !important; }

    .palmetto-hvac .px-lg-10 { padding-left: 7rem !important; padding-right: 7rem !important; }

    .palmetto-hvac .px-lg-11 { padding-left: 8rem !important; padding-right: 8rem !important; }

}


/* ---- Buttons ---- */

/* ========================================
    BUTTONS
    ======================================== */

.palmetto-hvac button,
.palmetto-hvac .btn {
    display: inline-block;
    width: fit-content;
    font-family: var(--font-primary);
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    text-decoration: none;
    border: none;
    border-radius: 37px;
    background: var(--color-primary-dark);
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
}


.palmetto-hvac .btn {
    white-space: nowrap;
    text-align: center;
    color: var(--color-white);
    padding: 16px 44px;
}


.palmetto-hvac .btn:hover {
    background: var(--color-primary);
}


.palmetto-hvac button:disabled,
.palmetto-hvac .btn:disabled {
    background: #ccc;
    color: #666;
    cursor: not-allowed;
    transform: none;
}


/* Primary Button */
.palmetto-hvac .btn--primary,
.palmetto-hvac .palmetto-button-primary {
    display: inline-block;
    width: fit-content;
    font-family: 'ABC Solar Display', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0.025em;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    padding: 16px 28px;
    border: none;
    border-radius: 16px;
    background: var(--color-brand-primary-500);
    color: var(--color-white);
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
}


.palmetto-hvac .btn--primary:hover,
.palmetto-hvac .palmetto-button-primary:hover {
    background: var(--color-brand-primary-600);
    transform: translateY(-1px);
}


.palmetto-hvac .btn--primary:active,
.palmetto-hvac .palmetto-button-primary:active {
    transform: translateY(0);
}


/* Secondary Button */
.palmetto-hvac .btn--secondary,
.palmetto-hvac .palmetto-button-secondary {
    display: inline-block;
    width: fit-content;
    font-family: 'ABC Solar Display', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0.025em;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    padding: 16px 28px;
    border: none;
    border-radius: 16px;
    background: var(--color-brand-grey-100);
    color: var(--color-brand-primary-500);
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
}


.palmetto-hvac .btn--secondary:hover,
.palmetto-hvac .palmetto-button-secondary:hover {
    background: #dde3d5;
    transform: translateY(-1px);
}


.palmetto-hvac .btn--secondary:active,
.palmetto-hvac .palmetto-button-secondary:active {
    transform: translateY(0);
}


@media screen and (max-width: 767px) {
    .palmetto-hvac .btn,
.palmetto-hvac .btn--secondary,
.palmetto-hvac .palmetto-button-primary,
.palmetto-hvac .palmetto-button-secondary {
        padding: 16px 20px;
        font-size: 18px;
        line-height: 22px;
        white-space: normal;
        word-wrap: break-word;
    }

}


/* ---- Utilities ---- */

/* ========================================
    UTILITY CLASSES
    ======================================== */

/* Width */
.palmetto-hvac .w-100 {
    width: 100% !important;
}

.palmetto-hvac .w-auto {
    width: auto !important;
}


/* Display */
.palmetto-hvac .d-none {
    display: none !important;
}


/* Flexbox */
.palmetto-hvac .flex--row {
    flex-direction: row !important;
}

.palmetto-hvac .flex--column {
    flex-direction: column !important;
}

.palmetto-hvac .justify--center {
    justify-content: center !important;
}

.palmetto-hvac .justify--between {
    justify-content: space-between !important;
}

.palmetto-hvac .justify--end {
    justify-content: flex-end !important;
}

.palmetto-hvac .align--center {
    align-items: center !important;
}

.palmetto-hvac .align--start {
    align-items: flex-start !important;
}

.palmetto-hvac .align--end {
    align-items: flex-end !important;
}

/* Gap Utilities (Pixel-based) */
.palmetto-hvac .gap-4 {
    gap: 4px !important;
}

.palmetto-hvac .gap-8 {
    gap: 8px !important;
}

.palmetto-hvac .gap-12 {
    gap: 12px !important;
}

.palmetto-hvac .gap-16 {
    gap: 16px !important;
}

.palmetto-hvac .gap-20 {
    gap: 20px !important;
}

.palmetto-hvac .gap-24 {
    gap: 24px !important;
}

.palmetto-hvac .gap-32 {
    gap: 32px !important;
}

.palmetto-hvac .gap-40 {
    gap: 40px !important;
}

.palmetto-hvac .gap-48 {
    gap: 48px !important;
}

.palmetto-hvac .gap-60 {
    gap: 60px !important;
}


/* Responsive Gap Utilities - Medium (Tablet and up) */
@media screen and (min-width: 768px) {
    .palmetto-hvac .gap-md-4 { gap: 4px !important; }

    .palmetto-hvac .gap-md-8 { gap: 8px !important; }

    .palmetto-hvac .gap-md-12 { gap: 12px !important; }

    .palmetto-hvac .gap-md-16 { gap: 16px !important; }

    .palmetto-hvac .gap-md-20 { gap: 20px !important; }

    .palmetto-hvac .gap-md-24 { gap: 24px !important; }

    .palmetto-hvac .gap-md-32 { gap: 32px !important; }

    .palmetto-hvac .gap-md-40 { gap: 40px !important; }

    .palmetto-hvac .gap-md-48 { gap: 48px !important; }

    .palmetto-hvac .gap-md-60 { gap: 60px !important; }

}

/* Responsive Gap Utilities - Large (Desktop) */
@media screen and (min-width: 993px) {
    .palmetto-hvac .gap-lg-4 { gap: 4px !important; }

    .palmetto-hvac .gap-lg-8 { gap: 8px !important; }

    .palmetto-hvac .gap-lg-12 { gap: 12px !important; }

    .palmetto-hvac .gap-lg-16 { gap: 16px !important; }

    .palmetto-hvac .gap-lg-20 { gap: 20px !important; }

    .palmetto-hvac .gap-lg-24 { gap: 24px !important; }

    .palmetto-hvac .gap-lg-32 { gap: 32px !important; }

    .palmetto-hvac .gap-lg-40 { gap: 40px !important; }

    .palmetto-hvac .gap-lg-48 { gap: 48px !important; }

    .palmetto-hvac .gap-lg-60 { gap: 60px !important; }

}

/* Background */
.palmetto-hvac .bg--beige-light {
    background-color: var(--color-bg-card) !important; /* #F4F1EE */
}

.palmetto-hvac .bg--beige {
    background-color: var(--color-bg-light) !important; /* #E6DED8 */
}

.palmetto-hvac .bg--white {
    background-color: var(--color-white) !important;
}

.palmetto-hvac .bg--off-white {
    background-color: var(--color-off-white) !important;
}

.palmetto-hvac .bg--black {
    background-color: var(--color-black) !important;
}

.palmetto-hvac .bg--primary {
    background-color: var(--color-primary) !important;
}

.palmetto-hvac .bg--primary-dark {
    background-color: var(--color-primary-dark) !important; /* #F26355 */
}


/* Text Color Utilities */
.palmetto-hvac .text-color--link {
    color: var(--color-brand-secondary-500) !important;
}


/* Border Utilities */
.palmetto-hvac .border {
    border: 1px solid var(--color-border-medium);
}

.palmetto-hvac .border--rounded {
    border-radius: 8px;
}

.palmetto-hvac .border--heavy {
    border-width: 4px;
    border-style: solid;
}

.palmetto-hvac .border--primary {
    border-color: var(--color-primary);
}

.palmetto-hvac .border--light {
    border-color: var(--color-border-light);
}


/* Border Radius */
.palmetto-hvac .rounded--sm {
    border-radius: 4px !important;
}

.palmetto-hvac .rounded {
    border-radius: 8px !important;
}

.palmetto-hvac .rounded--lg {
    border-radius: 16px !important;
}

.palmetto-hvac .rounded--full {
    border-radius: 9999px !important;
}


/* Max Width */
.palmetto-hvac .max-w-200 {
    max-width: 200px !important;
}

.palmetto-hvac .max-w-xs {
    max-width: 430px !important;
}

.palmetto-hvac .max-w-sm {
    max-width: 540px !important;
}

.palmetto-hvac .max-w-600 {
    max-width: 600px !important;
}

.palmetto-hvac .max-w-md {
    max-width: 800px !important;
}

.palmetto-hvac .max-w-920 {
    max-width: 920px !important;
}

.palmetto-hvac .max-w-lg {
    max-width: 1200px !important;
}


/* Aspect Ratio */
.palmetto-hvac .aspect-square {
    aspect-ratio: 1 !important;
}


/* Flex Combinations */
.palmetto-hvac .flex-center {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}


/* Filters */
.palmetto-hvac .filter-white {
    filter: brightness(0) invert(1) !important;
}


/* Text Utilities */
.palmetto-hvac .no-wrap {
    white-space: nowrap !important;
}


/* Responsive no-wrap - only on tablet and desktop */
@media screen and (min-width: 768px) {
    .palmetto-hvac .no-wrap-md {
        white-space: nowrap !important;
    }

}

/* Responsive Width */
/* Mobile-only full width (common pattern) */
.palmetto-hvac .w-sm-100 {
    width: 100% !important;
}


@media screen and (min-width: 768px) {
    .palmetto-hvac .w-sm-100 {
        width: auto !important;
    }

}

/* Mobile-first full width variants */
@media screen and (min-width: 768px) {
    .palmetto-hvac .w-md-100 {
        width: 100% !important;
    }

    .palmetto-hvac .w-md-auto {
        width: auto !important;
    }

}

@media screen and (min-width: 993px) {
    .palmetto-hvac .w-lg-100 {
        width: 100% !important;
    }

    .palmetto-hvac .w-lg-auto {
        width: auto !important;
    }

}

/* Responsive Display */
@media screen and (max-width: 767px) {
    .palmetto-hvac .mobile-hide {
        display: none !important;
    }

}

@media screen and (min-width: 768px) {
    .palmetto-hvac .desktop-hide {
        display: none !important;
    }

}


/* ---- Location Header ---- */

.palmetto-hvac .palmetto-location-header {
    position: relative;
    max-width:1375px;
    border-radius: 48px;
    overflow: hidden;
    color: var(--color-text-black);
    line-height: 1.5;
    margin: var(--size-spacing-md) auto;
    width:calc(100% - 80px);
}


.palmetto-hvac .palmetto-location-container {
    background-size: cover;
    background-position: center;
    margin: 0 auto;
    padding: var(--size-spacing-xl);
    display: flex;
    flex-direction: column;
    min-height: 500px;
}


.palmetto-hvac .palmetto-location-bottom-band {
    background: var(--color-brand-grey-100);
    display:grid;
    grid-template-columns: 375px 1fr;
    padding:40px;
}


.palmetto-hvac .palmetto-location-content-card {
    display: grid;
    grid-template-columns: 1fr 500px;
    padding:0 85px;
    gap: 40px;
    width: 100%;
    margin: 70px 0;
    overflow: hidden;
}


.palmetto-hvac .palmetto-location-left-panel {
    display: flex;
    flex-direction: column;
    color: var(--color-text-white);
}


.palmetto-hvac .palmetto-location-info {
    margin-bottom: var(--size-spacing-md);
}


.palmetto-hvac .palmetto-location-branding {
    color: var(--color-text-primary);
    text-transform: uppercase;
    font-size: var(--size-font-sm);
    font-weight: var(--font-weight-bold);
    letter-spacing: 1px;
    margin-bottom: var(--size-spacing-xs);
}


.palmetto-hvac .palmetto-location-title {
    font-size: 32px;
    font-weight: 800;
    line-height: 90%;
    color: var(--color-white);

    

    

}
@media (min-width: 768px) {
.palmetto-hvac .palmetto-location-title {
        font-size: 7vw;
    }
}
@media (min-width: 1440px) {
.palmetto-hvac .palmetto-location-title {
        font-size: 100px;
    }
}


.palmetto-hvac .palmetto-location-authors {
    display: flex;
    align-items: center;
}


.palmetto-hvac .palmetto-author-avatars {
    display: flex;
    gap: 12px;
    margin-right: 30px;
}


.palmetto-hvac .palmetto-author-avatar {
    width: 64px;
    height: 64px;
    border-radius: 16px;
    overflow: hidden;
}


.palmetto-hvac .palmetto-author-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.palmetto-hvac .palmetto-author-details {
    font-size: var(--size-font-sm);
    color: var(--color-text-black);
    line-height: 1.4;
}


.palmetto-hvac .palmetto-author-name {
    font-weight: var(--font-weight-medium);
}


.palmetto-hvac .palmetto-trust-badge {
    display: flex;
    align-items: center;
}


.palmetto-hvac .palmetto-trust-badge-icon {
    width: 64px;
    height: 64px;
    margin-right: var(--size-spacing-md);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}


.palmetto-hvac .palmetto-trust-badge-text {
    flex: 1;
}


.palmetto-hvac .palmetto-trust-badge-description {
    font-size: var(--size-font-sm);
    color: var(--color-text-primary);
    line-height: 1.3;
}


.palmetto-hvac .palmetto-location-right-panel {
    width: 100%;
    background-color: var(--color-brand-grey-100);
    border-radius: 48px;
    padding: 48px;
    color: var(--color-text-black);
    display: flex;
    flex-direction: column;
}


.palmetto-hvac .palmetto-toc-title {
    font-family: var(--font-family-brand);
    font-size: 28px;
    letter-spacing: 1px;
    margin-bottom: var(--size-spacing-sm);
}


.palmetto-hvac .palmetto-toc-list {
    font-family: var(--font-family-body);
    font-size:18px;
    font-weight: 500;
    list-style: none;
}


.palmetto-hvac .palmetto-toc-item {
    display: flex;
    gap:12px;
    align-items: baseline;
    margin-bottom: var(--size-spacing-xs);
}


.palmetto-hvac .palmetto-toc-number {
    font-size: var(--size-font-sm);
    font-weight: bold;
    width: 25px;
    opacity: 0.8;
    flex-shrink: 0;
}


.palmetto-hvac .palmetto-toc-link {
    flex: 1;
    color: var(--color-brand-grey-500);
    text-decoration: none;
    font-size: var(--size-font-md);
    transition: color 0.2s ease;
    padding-bottom: var(--size-spacing-2xs);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    line-height: 1.3;
}


.palmetto-hvac .palmetto-toc-link:hover {
    color: var(--color-text-black);
}


.palmetto-hvac .palmetto-stat-number a {
    text-decoration: none;
    transition: opacity 0.2s ease;
}


.palmetto-hvac .palmetto-stat-number a:hover {
    opacity: 0.8;
    text-decoration: underline;
}


@media (max-width: 1200px) {
    .palmetto-hvac .palmetto-location-content-card { padding:0; }

}

@media (max-width: 992px) {

    .palmetto-hvac .palmetto-location-header {
        background-size: auto;
        background-position: center -80px;
        background-repeat: no-repeat;
        background-color: #5191D3;
    }


    .palmetto-hvac .palmetto-location-bottom-band {
        grid-template-columns: 1fr;
        gap: 24px;
    }


    .palmetto-hvac .palmetto-location-content-card {
        grid-template-columns: 1fr 1fr;
        margin: 48px 0;
        max-width: 100%;
    }


    .palmetto-hvac .palmetto-location-left-panel {
        width: 100%;
        min-width: unset;
    }


    .palmetto-hvac .palmetto-location-right-panel {
        width: 100%;
    }

}

@media (max-width: 768px) {
    .palmetto-hvac .palmetto-location-header {
        width:calc(100% - 36px);
    }


    .palmetto-hvac .palmetto-location-content-card {
        grid-template-columns: 1fr;
        border-radius: 0;
    }

}

@media (max-width: 576px) {

    .palmetto-hvac .palmetto-location-content-card {
        gap: 1rem;
    }


    .palmetto-hvac .palmetto-location-container {
        margin-top: 0;
        padding: 1.5rem 1.25rem;;
    }


    .palmetto-hvac .palmetto-location-content-card {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }


    .palmetto-hvac .palmetto-toc-list {
        padding-left: 0;
    }


    .palmetto-hvac .palmetto-toc-item {
        margin-bottom: var(--size-spacing-sm);
    }

}


/* ---- Feature Cards ---- */

.palmetto-hvac .palmetto-feature-cards-header {
    text-align: center;
    margin-bottom: 40px;

    
}
@media (min-width: 768px) {
.palmetto-hvac .palmetto-feature-cards-header {
        margin-bottom: 80px;
    }
}


.palmetto-hvac .palmetto-feature-cards-title {
    font-family: var(--font-family-brand);
    font-size: 48px;
    font-weight: 800;
    line-height: 90%;
    color: var(--color-text-black);
    margin-bottom: 24px;

    

    
}
@media (min-width: 768px) {
.palmetto-hvac .palmetto-feature-cards-title {
        font-size: 64px;
        margin-bottom: 32px;
    }
}
@media (min-width: 992px) {
.palmetto-hvac .palmetto-feature-cards-title {
        font-size: 84px;
    }
}


/* Uses .text--section-subtitle in HTML */
.palmetto-hvac .palmetto-feature-cards-subtitle {
    max-width: 996px;
    margin: 0 auto;
}


.palmetto-hvac .palmetto-feature-cards-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 48px;
    max-width: 500px;
    margin: 0 auto;

    
}
@media (min-width: 768px) {
.palmetto-hvac .palmetto-feature-cards-grid {
        max-width: 100%;
        grid-template-columns: repeat(3, 1fr);
        gap: 48px;
    }
}


.palmetto-hvac .palmetto-feature-card {
    display: flex;
    flex-direction: column;
}


.palmetto-hvac .palmetto-feature-card-image {
    width: 100%;
    aspect-ratio: 4/3;
    border-radius: 48px;
    overflow: hidden;
    margin-bottom: 32px;
}


.palmetto-hvac .palmetto-feature-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.palmetto-hvac .palmetto-feature-card-heading {
    margin-bottom: 16px;
}


/* ---- Heat Pump Calculator ---- */

/* Heat Pump Load Calculator Component */

.palmetto-hvac .heat-pump-calculator {
  background-color: var(--color-brand-grey-100);
}


.palmetto-hvac .heat-pump-calculator__card {
  max-width: 1200px;
  min-height: 700px;
  margin: 0 auto;
  background-color: var(--color-brand-grey-50);
  border-radius: 24px;
  display: grid;
  grid-template-columns: 469px minmax(0, 1fr);
  overflow: hidden;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08);
}


/* Form Column */
.palmetto-hvac .heat-pump-calculator__form {
  padding: 48px 40px;
  position: relative;
  display: flex;
  flex-direction: column;
}


/* Step Management */
.palmetto-hvac .heat-pump-calculator__steps {
  display: grid;
  flex: 1;
}


.palmetto-hvac .heat-pump-step {
  grid-area: 1 / 1;
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}


.palmetto-hvac .heat-pump-step--active {
  opacity: 1;
  visibility: visible;
}


/* Form Grid Layout */
.palmetto-hvac .heat-pump-calculator__form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-bottom: 32px;
}


.palmetto-hvac .heat-pump-calculator__field {
  display: flex;
  flex-direction: column;
}


.palmetto-hvac .heat-pump-calculator__field--full {
  grid-column: 1 / -1;
}


/* Input Styles */
.palmetto-hvac .heat-pump-calculator__input {
  width: 100%;
  height: 48px;
  background: var(--color-white);
  border: 1px solid var(--color-brand-grey-100);
  border-radius: 4px;
  padding: 0 16px;
  color: var(--color-text-form-label);
  box-shadow: 0px 4px 0px 0px var(--color-brand-grey-100);
  transition: border-color 0.2s ease;
}


.palmetto-hvac .heat-pump-calculator__input:focus {
  outline: none;
  border-color: var(--color-brand-primary-500);
}


.palmetto-hvac .heat-pump-calculator__input--short {
  width: 100%;
}


/* Stepper Controls */
.palmetto-hvac .heat-pump-calculator__stepper {
  display: flex;
  align-items: center;
  gap: 0;
  height: 48px;
  background: var(--color-white);
  border: 1px solid var(--color-brand-grey-100);
  border-radius: 4px;
  box-shadow: 0px 4px 0px 0px var(--color-brand-grey-100);
  overflow: hidden;
}


.palmetto-hvac .heat-pump-calculator__stepper-btn {
  width: 48px;
  height: 48px;
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease;
  flex-shrink: 0;
}


.palmetto-hvac .heat-pump-calculator__stepper-btn:hover {
  background-color: #F5F5F5;
}


.palmetto-hvac .heat-pump-calculator__stepper-btn:active {
  background-color: #E8E8E8;
}


.palmetto-hvac .heat-pump-calculator__stepper-input {
  flex: 1;
  height: 100%;
  border: none;
  text-align: center;
  color: var(--color-text-form-label);
  background: var(--color-white);
}


.palmetto-hvac .heat-pump-calculator__stepper-input:focus {
  outline: none;
}


/* Remove spinner arrows from number inputs */
.palmetto-hvac .heat-pump-calculator__stepper-input::-webkit-inner-spin-button,
.palmetto-hvac .heat-pump-calculator__stepper-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}


.palmetto-hvac .heat-pump-calculator__stepper-input {
  -moz-appearance: textfield;
}


/* Select Dropdown */
.palmetto-hvac .heat-pump-calculator__select {
  width: 100%;
  height: 48px;
  background: var(--color-white);
  border: 1px solid var(--color-brand-grey-100);
  border-radius: 4px;
  padding: 0 16px;
  color: var(--color-text-form-label);
  box-shadow: 0px 4px 0px 0px var(--color-brand-grey-100);
  cursor: pointer;
  transition: border-color 0.2s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}


.palmetto-hvac .heat-pump-calculator__select:focus {
  outline: none;
  border-color: var(--color-brand-primary-500);
}


/* Toggle Buttons */
.palmetto-hvac .heat-pump-calculator__toggle {
  display: flex;
  gap: 12px;
}


.palmetto-hvac .heat-pump-calculator__toggle-btn {
  flex: 1;
  height: 48px;
  background: var(--color-white);
  border: 1px solid var(--color-brand-grey-100);
  border-radius: 4px;
  color: var(--color-text-form-label);
  cursor: pointer;
  transition: all 0.2s ease;
}


.palmetto-hvac .heat-pump-calculator__toggle-btn:hover {
  border-color: var(--color-brand-primary-500);
}


.palmetto-hvac .heat-pump-calculator__toggle-btn--active {
  background: var(--color-brand-primary-500);
  border-color: var(--color-brand-primary-500);
  color: var(--color-white);
  font-weight: 700;
}


/* Action Buttons */
.palmetto-hvac .heat-pump-calculator__next-btn,
.palmetto-hvac .heat-pump-calculator__calculate-btn {
  width: 100%;
  height: 48px;
  background: var(--color-brand-primary-500);
  border: none;
  border-radius: 4px;
  color: var(--color-white);
  cursor: pointer;
  transition: background-color 0.2s ease;
  margin-top: auto;
}


.palmetto-hvac .heat-pump-calculator__next-btn:hover,
.palmetto-hvac .heat-pump-calculator__calculate-btn:hover {
  background: #E04A2F;
}


.palmetto-hvac .heat-pump-calculator__next-btn:active,
.palmetto-hvac .heat-pump-calculator__calculate-btn:active {
  background: #C73F27;
}


/* Restart Button */
.palmetto-hvac .heat-pump-calculator__restart {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: opacity 0.2s ease;
}


.palmetto-hvac .heat-pump-calculator__restart:hover {
  opacity: 0.7;
}


/* Results Summary */
.palmetto-hvac .heat-pump-calculator__results-summary {
  border-radius: 48px;
}


/* Image Column */
.palmetto-hvac .heat-pump-calculator__image {
  overflow: hidden;
  border-radius: 0 24px 24px 0;
  background-image: url('https://palmetto.com/local/wp-content/uploads/heat-pump-bg.png');
  background-size: cover;
  background-position: top right;
  display: flex;
  align-items: center;
  justify-content: center;
}


/* Results Cards */
.palmetto-hvac .heat-pump-calculator__results-cards {
  padding: 48px;
  display: none;
}


.palmetto-hvac .heat-pump-calculator__results-cards--active {
  display: block;
  opacity: 0;
  transition: opacity 0.3s ease;
}


.palmetto-hvac .heat-pump-calculator__results-cards--visible {
  opacity: 1;
}


.palmetto-hvac .heat-pump-calculator__results-wrapper {
  background: var(--color-white);
  border-radius: 48px;
  padding: 20px;
  box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.12);
}


.palmetto-hvac .heat-pump-calculator__result-card {
  background: var(--color-brand-grey-100);
  border-radius: 30px;
  padding: 32px;
}


/* First card heading - "Recommended equipment capacity" */
.palmetto-hvac .heat-pump-calculator__result-card:first-child h4 {
  font-family: var(--font-family-brand);
  font-weight: 700;
  font-size: 32px;
  line-height: 100%;
  color: var(--color-text-black);
  margin-bottom: 30px;
  max-width: 12em;
}


/* First card - main values */
.palmetto-hvac .heat-pump-calculator__result-value {
  font-family: var(--font-family-brand);
  font-size: 88px;
  font-weight: 700;
  color: var(--color-brand-primary-500);
  line-height: 90%;
  margin-bottom: 8px;
}


.palmetto-hvac .heat-pump-calculator__result-unit {
  font-family: var(--font-family-brand);
  font-size: 0.45em;
  font-weight: 700;
}


.palmetto-hvac .heat-pump-calculator__result-tons {
  font-family: var(--font-family-brand);
  font-size: 88px;
  font-weight: 700;
  line-height: 90%;
}


.palmetto-hvac .heat-pump-calculator__result-tons-label {
  font-family: var(--font-family-brand);
  font-size: 0.45em;
  font-weight: 700;
}


/* Second card heading - "Calculated Cooling Mode" */
.palmetto-hvac .heat-pump-calculator__result-card:not(:first-child) h4 {
  font-family: var(--font-family-body);
  font-weight: 790;
  font-size: 16px;
  line-height: 24px;
  color: var(--color-text-black);
  margin-bottom: 12px;
}


/* Second card - smaller values */
.palmetto-hvac .heat-pump-calculator__result-card:not(:first-child) .heat-pump-calculator__result-value {
  font-size: 40px;
  line-height: 90%;
  color: var(--color-text-black);
}


.palmetto-hvac .heat-pump-calculator__result-card:not(:first-child) .heat-pump-calculator__result-unit {
  font-size: 0.6em;
}


.palmetto-hvac .heat-pump-calculator__result-card:not(:first-child) .heat-pump-calculator__result-tons {
  font-size: 40px;
  line-height: 90%;
}


.palmetto-hvac .heat-pump-calculator__result-card:not(:first-child) .heat-pump-calculator__result-tons-label {
  font-size: 0.6em;
}


/* Responsive Design */
@media (max-width: 1200px) and (min-width: 993px) {
  .palmetto-hvac .heat-pump-calculator__result-value {
    font-size: 55px;
  }


  .palmetto-hvac .heat-pump-calculator__result-tons {
    font-size: 55px;
  }

}

@media (max-width: 992px) {
  .palmetto-hvac .heat-pump-calculator__card {
    max-width: 500px;
    grid-template-columns: 1fr;
  }


  .palmetto-hvac .heat-pump-calculator__form {
    order: 2;
    align-items: center;
    min-height: 675px;
  }


  .palmetto-hvac .heat-pump-calculator__image {
    min-height: 300px;
    order: 1;
    border-radius: 24px 24px 0 0;
    background-image: url('https://palmetto.com/local/wp-content/uploads/heat-pump-mobile.png');
  }


  .palmetto-hvac .heat-pump-calculator__results-cards {
    padding: 0;
    margin-bottom: var(--size-spacing-xl);
  }


  .palmetto-hvac .heat-pump-calculator__result-card:first-child h4 {
    font-size: 16px;
    margin-bottom: 12px;
  }


  .palmetto-hvac .heat-pump-calculator__result-value,
.palmetto-hvac .heat-pump-calculator__result-tons {
    font-size: 55px;
  }

}

@media (max-width: 576px) {
  .palmetto-hvac .heat-pump-calculator__form {
    padding: 32px 24px;
  }


  .palmetto-hvac .heat-pump-calculator__form-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }


  .palmetto-hvac .heat-pump-calculator__input--short {
    width: 100%;
  }


  .palmetto-hvac .heat-pump-calculator__next-btn,
.palmetto-hvac .heat-pump-calculator__calculate-btn {
    width: 100%;
  }


  .palmetto-hvac .heat-pump-calculator__image {
    min-height: 175px;
  }


  .palmetto-hvac .heat-pump-calculator__result-value,
.palmetto-hvac .heat-pump-calculator__result-tons {
    font-size: 42px;
  }

}


/* ---- Financing Comparison ---- */

/* ========================================
   FINANCING COMPARISON COMPONENT
   ======================================== */

.palmetto-hvac .financing-comparison {
    background-color: var(--color-brand-grey-900);
    padding: var(--size-spacing-7xl) 0;
    position: relative;
}


.palmetto-hvac .financing-comparison__table {
    /* Uses .container class for max-width and centering */
    margin-bottom: var(--size-spacing-5xl);
    overflow-y: visible;
    padding-top: 24px;
    padding-bottom: 24px;
}


.palmetto-hvac .financing-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    position: relative;
    table-layout: fixed;
}


.palmetto-hvac .financing-table th,
.palmetto-hvac .financing-table td {
    width: 25%;
}


.palmetto-hvac .financing-table thead,
.palmetto-hvac .financing-table tbody,
.palmetto-hvac .financing-table tr {
    position: relative;
}


/* Override default table styles */
.palmetto-hvac .financing-table thead {
    background: none;
}


.palmetto-hvac .financing-table thead th {
    padding: 0;
}


.palmetto-hvac .financing-table tbody td:first-child {
    border-left: 2px solid #414F47;
}


.palmetto-hvac .financing-table tbody td:last-child {
    border-right: 2px solid #414F47;
}


.palmetto-hvac .financing-table tbody tr:first-child td {
    border-top: none;
}


.palmetto-hvac .financing-table tbody tr:last-child td {
    border-bottom: 2px solid #414F47;
}


.palmetto-hvac .financing-table__label {
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px solid #414F47;
    border-right: 2px solid #414F47;
    background-color: var(--color-brand-grey-900);
    font-size: 18px;
    font-weight: 600;
    color: var(--color-white);
    padding: var(--size-spacing-lg) var(--size-spacing-xl);
}


/* First column header - add border with radius */
.palmetto-hvac .financing-table thead .financing-table__label {
    border-top: 2px solid #414F47;
    border-left: 2px solid #414F47;
    border-top-left-radius: 24px;
}


/* Last column header - top right radius */
.palmetto-hvac .financing-table thead th:last-child {
    border-top-right-radius: 24px;
}


.palmetto-hvac .financing-table__header {
    background-color: var(--color-brand-grey-900);
    border-top: 2px solid #414F47;
    border-right: 2px solid #414F47;
    border-left: 2px solid #414F47;
    border-bottom: 1px solid #414F47;
    vertical-align: middle;
    color: var(--color-white);
}


.palmetto-hvac .financing-table__header--highlight {
    background-color: var(--color-brand-green);
    border-top: none;
    border-left: 2px solid #414F47;
    border-right: 2px solid #414F47;
    border-bottom: 1px solid #414F47;
    color: var(--color-text-black);
    font-weight: bold;
    position: relative;
}


/* Extend highlight column above table */
.palmetto-hvac .financing-table__header--highlight::before {
    content: '';
    position: absolute;
    top: -25px;
    left: -2px;
    right: -2px;
    height: 25px;
    background-color: var(--color-brand-green);
    border-top: 2px solid #414F47;
    border-left: 2px solid #414F47;
    border-right: 2px solid #414F47;
    border-radius: 24px 24px 0 0;
}


.palmetto-hvac .financing-table__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 60px;
}


.palmetto-hvac .financing-table__logo svg,
.palmetto-hvac .financing-table__logo img {
    max-width: 200px;
    height: auto;
}


.palmetto-hvac .financing-table__cell {
    background-color: var(--color-brand-grey-900);
    border-left: 2px solid #414F47;
    border-right: 2px solid #414F47;
    border-bottom: 1px solid #414F47;
    color: var(--color-white);
    vertical-align: middle;
    text-align: center;
    padding: var(--size-spacing-lg) var(--size-spacing-xl);
    font-weight: 600;
}


.palmetto-hvac .financing-table__cell--highlight {
    background-color: var(--color-brand-green);
    border-left: 2px solid #414F47;
    border-right: 2px solid #414F47;
    border-bottom: 1px solid #414F47;
    color: var(--color-text-black);
    font-weight: bold;
}


/* Last row styling */
.palmetto-hvac .financing-table tbody tr:last-child .financing-table__cell {
    border-bottom: 1px solid #414F47;
}


/* Bottom left corner */
.palmetto-hvac .financing-table tbody tr:last-child .financing-table__label {
    border-bottom-left-radius: 24px;
}


/* Bottom right corner */
.palmetto-hvac .financing-table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 24px;
}


.palmetto-hvac .financing-table tbody tr:last-child .financing-table__cell--highlight {
    border-bottom: none;
    position: relative;
}


/* Extend highlight column below table */
.palmetto-hvac .financing-table tbody tr:last-child .financing-table__cell--highlight::before {
    content: '';
    position: absolute;
    bottom: -25px;
    left: -2px;
    right: -2px;
    height: 25px;
    background-color: var(--color-brand-green);
    border-left: 2px solid #414F47;
    border-right: 2px solid #414F47;
    border-bottom: 2px solid #414F47;
    border-radius: 0 0 24px 24px;
}


/* Icon styling */
.palmetto-hvac .financing-table__cell svg {
    display: inline-block;
    stroke: currentColor;
}


.palmetto-hvac .financing-comparison__cta {
    display: flex;
    flex-wrap: wrap;
    gap: var(--size-spacing-lg);
    justify-content: center;
    align-items: center;
}


.palmetto-hvac .financing-comparison__cta .btn--primary,
.palmetto-hvac .financing-comparison__cta .btn--secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 32px;
    font-family: var(--font-family-body);
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    border-radius: 12px;
    cursor: pointer;
    transition: opacity 0.2s ease;
}


.palmetto-hvac .financing-comparison__cta .btn--primary:hover,
.palmetto-hvac .financing-comparison__cta .btn--secondary:hover {
    opacity: 0.9;
}


.palmetto-hvac .financing-comparison__cta .btn--primary {
    background-color: var(--color-white);
    color: var(--color-text-black);
    border: none;
}


.palmetto-hvac .financing-comparison__cta .btn--secondary {
    background-color: var(--color-brand-grey-900);
    color: var(--color-white);
    border: 2px solid var(--color-white);
}


/* ============================================
   MOBILE CARDS (Hidden by default)
   ============================================ */

.palmetto-hvac .financing-comparison__mobile {
    display: none;
}


.palmetto-hvac .financing-card {
    background-color: var(--color-brand-grey-900);
    border: 2px solid #414F47;
    border-radius: 24px;
    padding: var(--size-spacing-xl);
    margin-bottom: var(--size-spacing-lg);
}


.palmetto-hvac .financing-card--highlight {
    background-color: var(--color-brand-green);
    border-color: #414F47;
}


.palmetto-hvac .financing-card__header {
    text-align: center;
    padding-bottom: var(--size-spacing-lg);
    margin-bottom: var(--size-spacing-lg);
    border-bottom: 2px solid #414F47;
}


.palmetto-hvac .financing-card__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 60px;
}


.palmetto-hvac .financing-card__logo svg,
.palmetto-hvac .financing-card__logo img {
    max-width: 200px;
    height: auto;
}


.palmetto-hvac .financing-card__feature {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--size-spacing-md) 0;
    border-bottom: 2px solid #414F47;
}


.palmetto-hvac .financing-card__feature:last-child {
    border-bottom: none;
}


.palmetto-hvac .financing-card__label {
    font-size: 16px;
    font-weight: 500;
    color: var(--color-white);
}


.palmetto-hvac .financing-card--highlight .financing-card__label {
    color: var(--color-text-black);
}


.palmetto-hvac .financing-card__value {
    font-size: 16px;
    font-weight: 700;
    color: var(--color-white);
    display: flex;
    align-items: center;
    justify-content: center;
}


.palmetto-hvac .financing-card--highlight .financing-card__value {
    color: var(--color-text-black);
}


.palmetto-hvac .financing-card__value svg {
    display: inline-block;
}


/* ============================================
   RESPONSIVE BREAKPOINTS
   ============================================ */

@media (max-width: 768px) {
    .palmetto-hvac .financing-comparison {
        border-radius: 0 0 64px 64px;
    }


    .palmetto-hvac .financing-comparison__cta {
        flex-direction: column;
    }


    /* Hide desktop table, show mobile cards */
    .palmetto-hvac .financing-comparison__desktop {
        display: none;
    }


    .palmetto-hvac .financing-comparison__mobile {
        display: block;
    }


    .palmetto-hvac .financing-card {
        padding: 0;
    }


    .palmetto-hvac .financing-card__header {
        padding: var(--size-spacing-xs) var(--size-spacing-lg);
        margin-bottom: 0;
    }


    .palmetto-hvac .financing-card__feature {
        padding: var(--size-spacing-md) var(--size-spacing-lg);
    }


    .palmetto-hvac .financing-card__label {
        font-size: 14px;
    }


    .palmetto-hvac .financing-card__value {
        font-size: 18px;
    }

}

@media (max-width: 576px) {
    /* Stack label and value on mobile */
    .palmetto-hvac .financing-card__feature {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--size-spacing-2xs);
    }


    .palmetto-hvac .financing-card__value {
        justify-content: flex-start;
    }

}


/* ---- Local Incentives ---- */

/* ========================================
   LOCAL INCENTIVES / REBATES COMPONENT
   Row-based layout (works well with 1–5 programs)
   ======================================== */

.palmetto-hvac .local-incentives {
    background-color: var(--color-bg-green-light);
    padding: var(--size-spacing-5xl) 0;
    position: relative;
}


.palmetto-hvac .local-incentives--no-programs {
    background-color: var(--color-brand-grey-50);
}


/* ---- Row List ---- */

.palmetto-hvac .local-incentives__list {
    display: flex;
    flex-direction: column;
    gap: var(--size-spacing-md);
}


.palmetto-hvac .local-incentives__row {
    background-color: var(--color-white);
    border-radius: 16px;
    padding: var(--size-spacing-lg) var(--size-spacing-xl);
    box-shadow: var(--shadow-sm);
    display: flex;
    align-items: flex-start;
    gap: var(--size-spacing-xl);
}


.palmetto-hvac .local-incentives__row-main {
    flex: 1;
    min-width: 0;
}


.palmetto-hvac .local-incentives__row-header {
    display: flex;
    align-items: baseline;
    gap: var(--size-spacing-md);
    margin-bottom: 4px;
    overflow: hidden;
}


.palmetto-hvac .local-incentives__row-title {
    font-size: 18px;
    font-weight: 700;
    color: var(--color-text-primary);
    margin: 0;
    line-height: 1.3;
    flex-shrink: 0;
}


.palmetto-hvac .local-incentives__row-amount {
    font-size: 16px;
    font-weight: 700;
    color: var(--color-brand-primary-base);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}


.palmetto-hvac .local-incentives__row-desc {
    font-size: 15px;
    line-height: 1.5;
    color: var(--color-text-body-muted);
    margin: 0;
}


.palmetto-hvac .local-incentives__row-meta {
    flex-shrink: 0;
    width: 280px;
    display: flex;
    flex-direction: column;
    gap: var(--size-spacing-2xs);
    border-left: 1px solid var(--color-border-light);
    padding-left: var(--size-spacing-xl);
}


.palmetto-hvac .local-incentives__row-eligibility {
    font-size: 13px;
    line-height: 1.5;
    color: var(--color-text-secondary);
    margin: 0;
}


.palmetto-hvac .local-incentives__row-source {
    font-size: 13px;
    font-weight: 600;
    color: var(--color-brand-primary-base);
    text-decoration: none;
}


.palmetto-hvac .local-incentives__row-source:hover {
    text-decoration: underline;
}


/* ---- Palmetto Note / Comfort Plan ---- */

.palmetto-hvac .local-incentives__palmetto-note {
    background-color: var(--color-white);
    border-radius: 16px;
    padding: var(--size-spacing-lg) var(--size-spacing-xl);
    border-left: 4px solid var(--color-brand-green);
}


.palmetto-hvac .local-incentives__comfort-plan {
    background-color: var(--color-white);
    border-radius: 16px;
    padding: var(--size-spacing-lg) var(--size-spacing-xl);
}


.palmetto-hvac .local-incentives__disclaimer {
    font-size: 13px;
    color: var(--color-text-muted);
    text-align: center;
}


.palmetto-hvac .local-incentives__cta .btn--primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 32px;
    font-family: var(--font-family-body);
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    border-radius: 12px;
    cursor: pointer;
    transition: opacity 0.2s ease;
    background-color: var(--color-brand-grey-900);
    color: var(--color-white);
    border: none;
}


.palmetto-hvac .local-incentives__cta .btn--primary:hover {
    opacity: 0.9;
}


/* ============================================
   RESPONSIVE BREAKPOINTS
   ============================================ */

@media (max-width: 768px) {
    .palmetto-hvac .local-incentives {
        padding: var(--size-spacing-3xl) 0;
    }


    .palmetto-hvac .local-incentives__row {
        flex-direction: column;
        gap: var(--size-spacing-md);
        padding: var(--size-spacing-lg);
    }


    .palmetto-hvac .local-incentives__row-meta {
        width: 100%;
        border-left: none;
        border-top: 1px solid var(--color-border-light);
        padding-left: 0;
        padding-top: var(--size-spacing-md);
    }


    .palmetto-hvac .local-incentives__row-header {
        flex-wrap: wrap;
    }

}


/* ---- Climate Zones ---- */

/* ========================================
   CLIMATE ZONES COMPONENT
   ======================================== */

.palmetto-hvac .climate-zones {
    background-color: var(--color-off-white);
}


/* ZIP Input */
.palmetto-hvac .climate-zones__zip-input {
    display: flex;
    gap: 14px;
    justify-content: center;
    align-items: center;
}


.palmetto-hvac input.climate-zones__input {
    width: 176px;
    height: 48px;
    background: var(--color-white);
    border: 1px solid var(--color-brand-grey-100);
    box-shadow: 0px 4px 0px var(--color-brand-grey-100);
    border-radius: 8px;
    padding: 0 var(--size-spacing-md);
    color: var(--color-text-form-label);
    flex-shrink: 0;
}


.palmetto-hvac input.climate-zones__input::placeholder {
    color: var(--color-text-form-label);
}


.palmetto-hvac .climate-zones__submit {
    width: 162px;
    height: 48px;
    flex-shrink: 0;
}


/* Zone Buttons Container */
.palmetto-hvac .climate-zones__buttons {
    position: relative;
    width: 100%;
    overflow: hidden;
}


.palmetto-hvac .climate-zones__buttons-scroll {
    display: flex;
    gap: 16px;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 8px max(40px, calc((100vw - 1200px) / 2 + 40px));
}


.palmetto-hvac .climate-zones__buttons-scroll::-webkit-scrollbar {
    display: none;
}


/* Individual Zone Button */
.palmetto-hvac .climate-zone-btn {
    flex-shrink: 0;
    width: 111.82px;
    height: 113px;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    position: relative;
    transition: transform 0.2s ease;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 0;
    color: var(--color-black);
}


.palmetto-hvac .climate-zone-btn:hover {
    transform: translateY(-2px);
}


.palmetto-hvac .climate-zone-btn--active {
    outline: 4px solid var(--color-black);
}


.palmetto-hvac .climate-zone-btn__number {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-bottom: 2px solid rgba(0, 0, 0, 0.2);
    font-size: 24px;
}


.palmetto-hvac .climate-zone-btn__subzones {
    flex: 1;
    display: flex;
    gap: 0;
    width: 100%;
}


.palmetto-hvac .climate-zone-btn__subzone {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-size: 20px;
}


.palmetto-hvac .climate-zone-btn__subzone:first-child {
    border-right: 2px solid rgba(0, 0, 0, 0.2);
}


/* Two Column Layout */
.palmetto-hvac .climate-zones__content {
    /* Uses .container class for max-width and centering */
    display: grid;
    grid-template-columns: minmax(0, 1fr) 377px;
    gap: 24px;
}


.palmetto-hvac .climate-zones__map-card,
.palmetto-hvac .climate-zones__description-card {
    background: var(--color-brand-grey-100);
    border-radius: 24px;
    padding: var(--size-spacing-3xl);
}


.palmetto-hvac .climate-zones__map-card {
    display: flex;
    align-items: center;
    justify-content: center;
}


.palmetto-hvac .climate-zones__map-image {
    width: 100%;
    height: auto;
    display: block;
}


.palmetto-hvac .climate-zones__description-card {
    display: flex;
    flex-direction: column;
}


.palmetto-hvac .climate-zones__location-pill {
    display: none;
    padding: 4px 14px;
    background: var(--color-text-black);
    border-radius: 8px;
    color: var(--color-white);
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 32px;
}


.palmetto-hvac .climate-zones__location-pill.is-visible {
    display: inline-flex;
}


.palmetto-hvac .climate-zones__indicator {
    width: 285px;
    height: 24px;
    border: 4px solid var(--color-black);
    border-radius: 68px;
    margin-bottom: 26px;
}


/* ============================================
   RESPONSIVE BREAKPOINTS
   ============================================ */

@media (max-width: 992px) {
    .palmetto-hvac .climate-zones__buttons-scroll {
        justify-content: flex-start;
        padding-left: 28px;
        padding-right: 28px;
    }


    .palmetto-hvac .climate-zones__content {
        grid-template-columns: 1fr;
        gap: 0;
    }


    .palmetto-hvac .climate-zones__map-card,
.palmetto-hvac .climate-zones__description-card {
        max-width: 100%;
        width: 100%;
    }


    .palmetto-hvac .climate-zones__map-card {
        border-radius: 24px 24px 0 0;
        padding-bottom: 0;
    }


    .palmetto-hvac .climate-zones__description-card {
        border-radius: 0 0 24px 24px;
    }


    .palmetto-hvac .climate-zones__indicator {
        width: 100%;
        max-width: 285px;
    }

}

@media (max-width: 767px) {
    .palmetto-hvac .climate-zones__buttons-scroll {
        padding-left: 18px;
        padding-right: 18px;
    }


    .palmetto-hvac .climate-zones__zip-input {
        flex-direction: column;
        gap: var(--size-spacing-md);
    }


    .palmetto-hvac input.climate-zones__input,
.palmetto-hvac .climate-zones__submit {
        width: 100%;
        max-width: 300px;
    }


}


/* ---- Electricity Section ---- */

.palmetto-hvac .palmetto-electricity-section {
    padding: 4rem 0;
    width: 100%;
    background-color: var(--color-brand-green);
}


.palmetto-hvac .palmetto-section-container {
    /* Uses .container class for max-width and centering */
}


.palmetto-hvac .palmetto-electricity-grid,
.palmetto-hvac .palmetto-utilities-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
}


.palmetto-hvac .palmetto-section-intro {
    font-size: 20px;
    font-weight: normal;
    color: var(--color-text-black);
    margin-bottom: 1.5rem;
    line-height: 1.3;
}


.palmetto-hvac .palmetto-section-body {
    font-size: 1rem;
    color: var(--color-text-black);
    margin-bottom: 1rem;
    line-height: 1.6;
}


.palmetto-hvac .palmetto-section-subheading {
    font-family: var(--font-family-brand);
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    line-height: 1.2;
}


.palmetto-hvac .electricity-chart-container,
.palmetto-hvac .utilities-comparison {
    background-color: var(--color-white);
    border-radius: 48px;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    align-self: start;
}


.palmetto-hvac .utilities-comparison .chart-title,
.palmetto-hvac .chart-title {
    font-size: 40px;
    font-family: var(--font-family-brand);
    font-weight: 700;
}


.palmetto-hvac .bar-chart-container {
    height: 280px;
    margin: 2rem 0 0;
    display: flex;
}


.palmetto-hvac .y-axis {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    width: 30px;
    padding-right: 4px;
    height: 100%;
}


.palmetto-hvac .y-label {
    font-size: 0.75rem;
    color: #6e727a;
    display: flex;
    align-items: center;
    position: relative;
}


.palmetto-hvac .chart-area {
    flex: 1;
    position: relative;
    display: flex;
    justify-content: space-around;
    border-bottom: 1px solid #e0e2e7;
    border-left: 1px solid #e0e2e7;
}


.palmetto-hvac .grid-lines {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    pointer-events: none;
}


.palmetto-hvac .grid-line {
    border-top: 1px dashed #e0e2e7;
    width: 100%;
    height: 0;
}


.palmetto-hvac .year-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    flex: 1;
}


.palmetto-hvac .bar-group {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    gap: 8px;
    align-items: flex-end;
}


.palmetto-hvac .bar {
    width: 30px;
    border-radius: 8px 8px 0 0;
    position: relative;
    transition: height 1s ease-out;
}


.palmetto-hvac .us-bar {
    background: #d1d5db;
}


.palmetto-hvac .local-bar {
    background: #7754C4;
}


.palmetto-hvac .bar-label {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 0.75rem;
    font-weight: 600;
    color: #44474b;
    white-space: nowrap;
}


.palmetto-hvac .horizontal-chart {
    margin: 1.5rem 0;
    flex-shrink: 0;
}


.palmetto-hvac .h-bar-row {
    display: grid;
    grid-template-columns: 100px 1fr 60px;
    gap: 1rem;
    margin-bottom: 1rem;
    align-items: center;
}


.palmetto-hvac .h-bar-row:last-child {
    margin-bottom: 0;
}


.palmetto-hvac .h-bar-label {
    text-align: right;
    font-size: 0.875rem;
    font-weight: 500;
    color: #44474b;
}


.palmetto-hvac .h-bar-container {
    height: 30px;
    background: #f3f4f5;
    border-radius:0 8px 8px 0;
    overflow: hidden;
}


.palmetto-hvac .h-bar {
    height: 100%;
    background: #7754C4;
    border-radius:0 8px 8px 0;
    position: relative;
    transition: width 1s ease-out;
}


.palmetto-hvac .us-h-bar {
    background: #d1d5db;
}


.palmetto-hvac .us-h-bar .h-bar-value {
    color: var(--color-gray-700);
}


.palmetto-hvac .h-bar-value {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--color-white);
    font-weight: 600;
    font-size: 0.875rem;
}


.palmetto-hvac .h-bar-comparison {
    font-weight: 600;
    font-size: 0.875rem;
}


.palmetto-hvac .h-bar-row:last-child .h-bar-comparison {
    color: #6e727a;
}


.palmetto-hvac .electricity-chart-container .x-axis {
    display: flex;
    justify-content: space-around;
    margin: 0 0 10px 0;
    padding: 0 0 0 50px;
}


.palmetto-hvac .x-axis .year-label {
    font-size: 0.875rem;
    color: #6e727a;
}


.palmetto-hvac .chart-legend {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
    margin: 1rem 0;
}


.palmetto-hvac .legend-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}


.palmetto-hvac .legend-color {
    width: 16px;
    height: 16px;
    border-radius: 4px;
}


.palmetto-hvac .us-color {
    background: #d1d5db;
}


.palmetto-hvac .local-color {
    background: #7754C4;
}


.palmetto-hvac .legend-label {
font-size: 0.875rem;
color: #5b5e65;
}


.palmetto-hvac .chart-source a {
font-size: 0.75rem;
color: #6e727a;
text-align: center;
margin-top: 0.5rem;
}


@media (max-width: 992px) {
.palmetto-hvac .palmetto-electricity-grid,
.palmetto-hvac .palmetto-utilities-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
}


.palmetto-hvac .bar {
    width: 25px;
}

}

@media (max-width: 768px) {
.palmetto-hvac .palmetto-electricity-section {
    padding: 2rem 0;
}


.palmetto-hvac .palmetto-section-container {
    padding: 0 1rem;
}


.palmetto-hvac .electricity-chart-container,
.palmetto-hvac .utilities-comparison {
    padding: 1rem;
    border-radius: 24px;
}


.palmetto-hvac .bar-chart-container {
    height: 240px;
    margin: 1.5rem 0 0 0;
}


.palmetto-hvac .y-axis {
    width: 30px;
    padding-right: 8px;
}


.palmetto-hvac .y-label {
    font-size: 0.7rem;
}


.palmetto-hvac .electricity-chart-container .x-axis {
    padding: 0 0 0 38px;
}


.palmetto-hvac .bar {
    width: 20px;
}


.palmetto-hvac .chart-legend {
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}


.palmetto-hvac .h-bar-row {
    grid-template-columns: 80px 1fr 50px;
    gap: 0.75rem;
}

}

@media (max-width: 480px) {
.palmetto-hvac .chart-title {
    font-size: 1rem;
}


.palmetto-hvac .bar-chart-container {
    height: 220px;
    margin: 1rem 0 0 0;
}


.palmetto-hvac .y-axis {
    width: 25px;
    padding-right: 6px;
}


.palmetto-hvac .y-label {
    font-size: 0.65rem;
}


.palmetto-hvac .electricity-chart-container .x-axis {
    padding: 0 0 0 31px;
}


.palmetto-hvac .bar {
    width: 15px;
}


.palmetto-hvac .bar-label {
    font-size: 0.7rem;
}


.palmetto-hvac .year-label {
    margin: 0;
    padding: 0;
    font-size: 0.75rem;
}


.palmetto-hvac .h-bar-row {
    grid-template-columns: 70px 1fr 45px;
}


.palmetto-hvac .h-bar-value {
    font-size: 0.75rem;
}

}


/* ---- Reviews ---- */

.palmetto-hvac .palmetto-reviews-section {
margin: 0 auto;
max-width: 1375px;
}


.palmetto-hvac .palmetto-reviews-container {
padding: var(--size-spacing-4xl);
border-radius: 48px;
background-image: url("https://palmetto.com/local/wp-content/uploads/testimonial-bg.jpg");
background-size: cover;
color: var(--color-text-white);
position: relative;
overflow: hidden;
}


.palmetto-hvac .palmetto-section-heading-dark {
font-family: var(--font-family-brand);
font-size: var(--size-font-3xl);
line-height: 1;
font-weight: var(--size-font-weight-bold);
color: var(--color-text-white);
margin: var(--size-spacing-sm) 0px var(--size-spacing-4xl) 0px;
}


.palmetto-hvac .palmetto-reviews-carousel {
position: relative;
display: flex;
align-items: center;
}


.palmetto-hvac .palmetto-carousel-arrow {
background: none;
border: none;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: opacity 0.2s ease;
z-index: 10;
flex-shrink: 0;
padding: 0;
}


.palmetto-hvac .palmetto-carousel-arrow img {
width: 24px;
height: auto;
}


.palmetto-hvac .palmetto-carousel-arrow:hover {
opacity: .8;
}


.palmetto-hvac .palmetto-carousel-prev {
margin-right: var(--size-spacing-md);
}


.palmetto-hvac .palmetto-carousel-next {
margin-left: var(--size-spacing-md);
}


.palmetto-hvac .palmetto-reviews-slides {
flex: 1;
max-width: 1000px;
overflow: hidden;
display: grid;
}


.palmetto-hvac .palmetto-review-slide {
grid-area: 1 / 1;
background-color: var(--color-brand-white-base);
color: var(--color-text-black);
border-radius: var(--size-border-radius-lg);
padding: 32px var(--size-spacing-4xl);
text-align: center;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
display: flex;
flex-direction: column;
justify-content: center;
}


.palmetto-hvac .palmetto-review-slide.active {
opacity: 1;
visibility: visible;
}


.palmetto-hvac .palmetto-review-stars {
display: flex;
gap: 4px;
margin: 0 auto 30px auto;
width: max-content;
color: var(--color-brand-primary-500);
}


.palmetto-hvac .palmetto-star-icon {
width: 36px;
height: 36px;
}


.palmetto-hvac .palmetto-review-content {
font-size: var(--size-font-sm);
margin-bottom: var(--size-spacing-lg);
}


.palmetto-hvac .palmetto-reviewer-info {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: var(--size-spacing-md);
margin: 0 auto;
width: 100%;
font-weight: var(--size-font-weight-bold);
text-align: center;
}


.palmetto-hvac .palmetto-reviewer-name {
font-family: var(--font-family-brand);
font-weight: 700;
font-size: 28px;
line-height: 28px;
letter-spacing: 0.02em;
text-align: center;
}


.palmetto-hvac .palmetto-reviewer-location {
font-size: var(--size-font-sm);
}


.palmetto-hvac .palmetto-reviews-indicators {
display: none; /* Hidden on all sizes */
justify-content: center;
gap: var(--size-spacing-sm);
margin-bottom: var(--size-spacing-xl);
}


.palmetto-hvac .palmetto-indicator {
width: 10px;
height: 10px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.3);
border: none;
cursor: pointer;
transition: background-color 0.2s ease;
padding: 0;
}


.palmetto-hvac .palmetto-indicator.active {
background-color: var(--color-brand-primary-400);
}


.palmetto-hvac .palmetto-reviews-cta {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: var(--size-spacing-md);
}


@media (max-width: 992px) {
.palmetto-hvac .palmetto-section-heading-dark {
    font-size: var(--size-font-2xl);
}


}

@media (max-width: 768px) {
.palmetto-hvac .palmetto-reviews-container {
    padding: var(--size-spacing-lg);
    border-radius: 24px;
}


.palmetto-hvac .palmetto-star-icon {
    width: 24px;
    height: 24px;
}


.palmetto-hvac .palmetto-carousel-arrow img {
    width: 12px;
}


.palmetto-hvac .palmetto-review-slide {
    padding: 50px var(--size-spacing-md);
}


.palmetto-hvac .palmetto-carousel-prev {
    position: relative;
    right: 4px;
    margin-right: var(--size-spacing-sm);
}


.palmetto-hvac .palmetto-carousel-next {
    position: relative;
    left: 4px;
    margin-left: var(--size-spacing-sm);
}


.palmetto-hvac .palmetto-review-content {
    font-size: var(--size-font-sm);
}


.palmetto-hvac .palmetto-reviewer-name {
    font-size: 18px;
    line-height: 28px;
}


.palmetto-hvac .palmetto-reviews-container .text--section-number,
.palmetto-hvac .palmetto-section-heading-dark {
    text-align: center;
}


}

@media (max-width: 576px) {
    
.palmetto-hvac .palmetto-reviews-container {
    padding: var(--size-spacing-md);
}


.palmetto-hvac .palmetto-section-heading-dark {
    font-size: var(--size-font-2xl);
    margin-bottom: var(--size-spacing-lg);
}


.palmetto-hvac .palmetto-carousel-arrow img {
    width: 12px;
}


.palmetto-hvac .palmetto-carousel-prev {
    margin-right: var(--size-spacing-xs);
}


.palmetto-hvac .palmetto-carousel-next {
    margin-left: var(--size-spacing-xs);
}


.palmetto-hvac .palmetto-review-slide {
    padding: 50px var(--size-spacing-lg);
}


.palmetto-hvac .palmetto-reviewer-info {
    flex-direction: column;
    align-items: center;
    gap: var(--size-spacing-xs);
}


.palmetto-hvac .palmetto-review-link {
    margin-left: 0;
}


.palmetto-hvac .palmetto-reviews-cta {
    flex-direction: column;
    align-items: center;
}

}


/* ---- CTA Banner ---- */

/* ========================================
   CTA BANNER
   ======================================== */

.palmetto-hvac .palmetto-cta-banner-section {
    margin: 0 auto;
    max-width: 1375px;
}


.palmetto-hvac .palmetto-cta-banner {
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("https://palmetto.com/local/wp-content/uploads/cta-banner-bg.jpg");
    background-size: cover;
    background-position: center;
    background-color: #f3f4f5;
    border-radius: 48px;
    padding: 130px 2rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}


.palmetto-hvac .palmetto-cta-banner__heading {
    font-family: var(--font-family-brand);
    font-weight: 800;
    font-size: 88px;
    line-height: 95%;
    max-width: 950px;
    color: var(--color-text-white);
}


.palmetto-hvac .palmetto-cta-banner__description {
    font-family: var(--font-family-body);
    font-weight: 380;
    font-size: 28px;
    line-height: 40px;
    max-width: 800px;
    margin-bottom: 0;
    color: var(--color-text-white);
}


.palmetto-hvac .palmetto-cta-banner__button {
    display: inline-block;
    padding: 14px 32px;
    background-color: var(--color-brand-primary-500);
    color: var(--color-white);
    border-radius: 16px;
    text-decoration: none;
    font-size: 24px;
    font-weight: 700;
    list-style: 1;
    transition: all .2s cubic-bezier(.4,0,.2,1);
}


.palmetto-hvac .palmetto-cta-banner__button:hover {
    background-color: var(--color-brand-primary-dark);
    border-radius: 32px;
}


/* Solid background variant */
.palmetto-hvac .palmetto-cta-banner--solid {
    background-image: none;
    background-color: var(--color-bg-green-light);
}


.palmetto-hvac .palmetto-cta-banner--solid .palmetto-cta-banner__heading {
    color: var(--color-text-black);
}


.palmetto-hvac .palmetto-cta-banner--solid .palmetto-cta-banner__description {
    color: var(--color-text-black);
}


/* ============================================
   RESPONSIVE
   ============================================ */

@media (max-width: 768px) {
    .palmetto-hvac .palmetto-cta-banner {
        padding: 80px 1.5rem;
    }


    .palmetto-hvac .palmetto-cta-banner__heading {
        font-size: 48px;
        line-height: 95%;
        text-align: center;
    }


    .palmetto-hvac .palmetto-cta-banner__description {
        font-size: 20px;
        line-height: 25px;
    }


    .palmetto-hvac .palmetto-cta-banner__button {
        font-size: 18px;
        padding: 16px 60px;
        border-radius: 8px;
    }

}


/* ---- Two Column Blade ---- */

/* ========================================
   TWO COLUMN BLADE COMPONENT
   ======================================== */


.palmetto-hvac .two-col-blade__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 120px;
    align-items: stretch;
}


/* Split layout - header and body in left col, media spans right */
.palmetto-hvac .two-col-blade__grid--split {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto 1fr;
    grid-template-areas:
        "header media"
        "body media";
    gap: 0;
}


.palmetto-hvac .two-col-blade__grid--split .two-col-blade__header {
    grid-area: header;
}


.palmetto-hvac .two-col-blade__grid--split .two-col-blade__media {
    grid-area: media;
    border-left: 1px solid var(--color-brand-greengrey);
}


.palmetto-hvac .two-col-blade__grid--split .two-col-blade__body-wrap {
    grid-area: body;
}


/* Content Column */
.palmetto-hvac .two-col-blade__content {
    display: flex;
    flex-direction: column;
}


/* Uses .text--section-number in HTML */
.palmetto-hvac .two-col-blade__number {
    margin-bottom: var(--size-spacing-sm);
}


.palmetto-hvac .two-col-blade__heading {
    font-family: var(--font-family-brand);
    font-weight: 800;
    font-size: 64px;
    line-height: 60px;
    letter-spacing: 0.01em;
    color: var(--color-text-black);
    margin-bottom: var(--size-spacing-lg);
}


/* Uses .text--body-lg in HTML */
.palmetto-hvac .two-col-blade__intro {
    margin-bottom: var(--size-spacing-lg);
}


/* Inherits from p base styles */
.palmetto-hvac .two-col-blade__body {
    margin-bottom: var(--size-spacing-lg);
}


/* Uses .text--body-lg in HTML */
.palmetto-hvac .two-col-blade__list {
    list-style: none;
    padding: 0;
    margin: 0 0 var(--size-spacing-xl) 0;
}


.palmetto-hvac .two-col-blade__list li {
    margin-bottom: 4px;
    padding-left: 1.25rem;
    margin-left: 0.75rem;
    position: relative;
}


.palmetto-hvac .two-col-blade__list li::before {
    content: "•";
    position: absolute;
    left: 0;
    top: -1px;
    color: inherit;
}


.palmetto-hvac .two-col-blade__button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 16px 20px;
    gap: 8px;
    background: var(--color-brand-primary-500);
    border-radius: 16px;
    font-family: var(--font-family-brand);
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0.025em;
    color: var(--color-white);
    text-decoration: none;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    width: fit-content;
}


.palmetto-hvac .two-col-blade__button:hover {
    background: var(--color-brand-primary-dark);
    border-radius: 32px;
}


/* Media Column */
.palmetto-hvac .two-col-blade__media {
    display: flex;
    align-items: stretch;
    justify-content: center;
    height: 100%;
}


.palmetto-hvac .two-col-blade__image {
    width: 100%;
    max-width: 569px;
    height: 100%;
    min-height: 450px;
    border-radius: 48px;
    object-fit: cover;
    object-position: center;
}


/* Highlight Card (for stylized text display) */
.palmetto-hvac .two-col-blade__highlight {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 10px 0;
    min-height: 400px;
}


.palmetto-hvac .two-col-blade__highlight-value {
    font-family: var(--font-family-brand);
    font-weight: 800;
    font-size: 10vw;
    line-height: 1;
    letter-spacing: 0.01em;
    color: var(--color-brand-primary-500);
}


@media (min-width: 1440px) {
    .palmetto-hvac .two-col-blade__highlight-value {
        font-size: 144px;
    }

}

.palmetto-hvac .two-col-blade__highlight-label {
    font-family: var(--font-family-body);
    font-weight: 790;
    font-size: 28px;
    line-height: 36px;
    text-align: center;
    color: var(--color-text-black);
    max-width: 400px;
}


/* ========================================
   RESPONSIVE
   ======================================== */

@media (max-width: 992px) {
    .palmetto-hvac .two-col-blade__grid {
        grid-template-columns: 1fr;
        gap: 80px;
    }


    .palmetto-hvac .two-col-blade__grid--split {
        grid-template-areas:
            "header"
            "media"
            "body";
        grid-template-rows: auto;
    }


    .palmetto-hvac .two-col-blade__grid--split .two-col-blade__media {
        border-left: none;
    }


    .palmetto-hvac .two-col-blade__heading {
        font-size: 48px;
        line-height: 48px;
    }


    .palmetto-hvac .two-col-blade__highlight {
        min-height: auto;
    }


    .palmetto-hvac .two-col-blade__highlight-value {
        font-size: 96px;
    }


    .palmetto-hvac .two-col-blade__highlight-label {
        font-size: 22px;
        line-height: 30px;
    }

}

@media (max-width: 768px) {
    .palmetto-hvac .two-col-blade__grid {
        gap: 48px;
    }


    .palmetto-hvac .two-col-blade__heading {
        font-size: 40px;
        line-height: 95%;
    }


    .palmetto-hvac .two-col-blade__button {
        width: 100%;
        border-radius: 8px;
    }


    .palmetto-hvac .two-col-blade__button:hover {
        border-radius: 8px;
    }


    .palmetto-hvac .two-col-blade__highlight-value {
        font-size: 23vw;
    }


    .palmetto-hvac .two-col-blade__highlight-label {
        font-size: 28px;
        line-height: 36px;
    }


    .palmetto-hvac .two-col-blade__body {
        font-size: 20px;
    }

}


/* ---- Data Table ---- */

/* ========================================
   DATA TABLE
   ======================================== */

.palmetto-hvac .palmetto-data-table-container {
    overflow-x: auto;
}


.palmetto-hvac .palmetto-data-table {
    width: 100%;
    margin: 1rem 0;
    padding: 0;
    border: 1px solid var(--color-brand-grey-300);
    border-spacing: 0;
    font-size: 1.0rem;
    border-radius: 16px;
    overflow: hidden;
}


.palmetto-hvac .palmetto-data-table th {
    font-family: var(--font-family-body);
    background-color: var(--color-text-black);
    color: var(--color-white);
    text-align: left;
    padding: 1.25rem;
    margin: 0;
    font-weight: 700;
    letter-spacing: 0.05em;
}


.palmetto-hvac .palmetto-data-table td {
    padding: 1.25rem;
    border: 0;
    min-width: 80px;
    word-break: break-word;
}


.palmetto-hvac .palmetto-data-table td:nth-child(2) {
    white-space: nowrap;
}


.palmetto-hvac .palmetto-data-table td:nth-child(3) {
    min-width: 180px;
}


.palmetto-hvac .palmetto-data-table tr:nth-child(even) {
    background-color: var(--color-bg-green-light);
}


.palmetto-hvac .palmetto-data-table tr:hover {
    background-color: #dce0d5;
}


/* ============================================
   RESPONSIVE
   ============================================ */

@media (max-width: 768px) {
    .palmetto-hvac .palmetto-data-table {
        font-size: 0.8rem;
    }


    .palmetto-hvac .palmetto-data-table th {
        padding: 1.25rem 1rem;
        font-size: 14px;
    }


    .palmetto-hvac .palmetto-data-table td {
        padding: 0.5rem;
        font-size: 12px;
        min-width: unset;
    }

}

@media (max-width: 576px) {
    .palmetto-hvac .palmetto-data-table {
        font-size: 0.8rem;
    }


    .palmetto-hvac .palmetto-data-table th {
        padding: 1.25rem 1rem;
        font-size: 14px;
    }


    .palmetto-hvac .palmetto-data-table td {
        padding: .5rem;
        font-size: 12px;
        min-width: unset;
    }

}


/* ---- Accordion ---- */

/* ========================================
   ACCORDIONS / FAQ
   ======================================== */

/* Link colors in content/FAQ sections */
.palmetto-hvac .palmetto-content-section p a,
.palmetto-hvac .palmetto-incentives-section p a {
    color: var(--color-brand-secondary-500);
}


.palmetto-hvac .palmetto-incentives-accordions {
    margin-bottom: 3rem;
}


.palmetto-hvac .incentive-accordion {
    border-bottom: 2px solid var(--color-brand-grey-lighter);
}


.palmetto-hvac .incentive-accordion:first-child {
    border-top: 2px solid var(--color-brand-grey-lighter);
}


.palmetto-hvac .accordion-trigger {
    width: 100%;
    background: none;
    border: none;
    text-align: left;
    padding: 1rem 0;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: 'Helvetica', Arial, sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
}


.palmetto-hvac .accordion-title {
    font-family: var(--font-family-brand);
    font-size: var(--size-font-xl);
    flex: 1;
    color: var(--color-text-black);
    padding: 0 8px;
}


.palmetto-hvac .accordion-icon {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-brand-grey-900);
    font-size: 1.2rem;
    transition: transform 0.3s ease;
}


.palmetto-hvac .accordion-icon svg {
    width: 16px;
    height: 10px;
}


.palmetto-hvac .accordion-icon::before,
.palmetto-hvac .accordion-icon::after {
    content: none !important;
    display: none !important;
}


.palmetto-hvac .accordion-content {
    overflow: hidden;
    transition: max-height 0.3s ease;
    padding: 0 8px;
}


.palmetto-hvac .accordion-content:not(.active) {
    max-height: 0;
}


.palmetto-hvac .accordion-content.active {
    padding-bottom: 1.5rem;
}


.palmetto-hvac .accordion-content p {
    margin: 0 0 1rem;
    color: var(--color-brand-grey-600);
    line-height: 1.6;
    font-size: 1rem;
}


.palmetto-hvac .accordion-content p:last-child {
    margin-bottom: 0;
}


/* ============================================
   RESPONSIVE
   ============================================ */

@media (max-width: 992px) {
    .palmetto-hvac .accordion-trigger {
        font-size: 1.125rem;
    }

}

@media (max-width: 768px) {
    .palmetto-hvac .accordion-title {
        font-size: 16px;
    }


    .palmetto-hvac .accordion-icon svg {
        width: 14px;
        height: 9px;
    }


    .palmetto-hvac .accordion-content p {
        font-size: 14px;
    }

}