/* ========================================================
   MERCHAN SERVICES
   CLIENT-SPECIFIC STYLES ONLY

   Do not add Merchan overrides to styles.css.
======================================================== */


/* ========================================================
   HEADER
======================================================== */

.site-header {
    height: 92px !important;
    min-height: 92px !important;

    background: #fff !important;
}


.site-header .header-inner {
    height: 92px !important;

    display: flex !important;
    align-items: center !important;
}


.merchan-brand {
    display: flex !important;
    align-items: center !important;

    gap: 14px !important;

    min-width: 315px !important;

    text-decoration: none !important;

    flex-shrink: 0 !important;
}


.merchan-brand-logo {
    display: block !important;

    width: 82px !important;
    height: 72px !important;

    object-fit: contain !important;

    flex: 0 0 82px !important;
}


.merchan-brand-name {
    color: #202932 !important;

    font-family: "Manrope", sans-serif !important;

    font-size: 25px !important;
    font-weight: 800 !important;

    line-height: 1 !important;

    letter-spacing: -0.7px !important;

    white-space: nowrap !important;
}


/* ========================================================
   PREMIUM HERO
======================================================== */

.merchan-hero {
    position: relative;

    width: 100%;

    height: 680px;
    min-height: 680px;

    overflow: hidden;

    background: #041d31;
}


.merchan-hero-image {
    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    /*
       This controls ONLY the van/banner.
       We can tune this independently later.
    */
    object-position: 68% 66%;

    z-index: 0;
}


.merchan-hero-overlay {
    position: absolute;

    inset: 0;

    z-index: 1;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(2, 19, 34, .98) 0%,
            rgba(2, 22, 38, .94) 25%,
            rgba(2, 24, 41, .78) 41%,
            rgba(2, 25, 43, .34) 58%,
            rgba(2, 25, 43, .05) 77%
        );
}


.merchan-hero-inner {
    position: relative;

    z-index: 2;

    height: 100%;

    display: flex;
    align-items: center;
}


.merchan-hero-content {
    width: 570px;
    max-width: 570px;
}


/* ========================================================
   HERO TITLE
======================================================== */

.merchan-hero h1 {
    margin: 0 0 25px;

    padding: 0;

    color: #fff;

    font-family: "Manrope", sans-serif;

    font-size: 58px;
    font-weight: 800;

    line-height: 1.02;

    letter-spacing: -2.5px;
}


.merchan-hero h1 > span {
    display: block;

    white-space: nowrap;
}


.merchan-accent-line {
    display: flex !important;
    align-items: baseline;

    gap: 13px;

    margin-top: 5px;
}


.merchan-accent-line em,
.merchan-accent-line strong,
.merchan-accent-line b {
    display: inline !important;

    font: inherit;

    font-style: normal;

    white-space: nowrap;
}


.merchan-accent-line em {
    color: #55c765;
}


.merchan-accent-line strong {
    color: #fff;
}


.merchan-accent-line b {
    color: #ff671d;
}


/* ========================================================
   HERO COPY
======================================================== */

.merchan-hero-content > p {
    width: 525px;
    max-width: 100%;

    margin: 0 0 30px;

    color: rgba(255,255,255,.94);

    font-family: "Inter", sans-serif;

    font-size: 16px;

    line-height: 1.55;
}


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

.merchan-hero-actions {
    display: flex;

    align-items: center;

    gap: 20px;
}


.merchan-btn {
    width: 228px;
    height: 56px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 20px;

    box-sizing: border-box;

    border-radius: 5px;

    font-family: "Inter", sans-serif;

    font-size: 15px;
    font-weight: 700;

    text-decoration: none;

    transition:
        transform .2s ease,
        background .2s ease;
}


.merchan-btn:hover {
    transform: translateY(-2px);
}


.merchan-btn-primary {
    color: #fff;

    background: #ff671d;

    border: 2px solid #ff671d;
}


.merchan-btn-secondary {
    color: #fff;

    background: rgba(0, 18, 31, .35);

    border: 2px solid rgba(255,255,255,.9);
}


.merchan-btn > span {
    font-size: 23px;

    line-height: 1;
}


/* ========================================================
   TRUST ROW
======================================================== */

.merchan-hero-trust {
    width: 560px;
    max-width: 100%;

    display: flex;

    align-items: center;

    margin-top: 32px;
}


.merchan-trust {
    display: flex;

    align-items: center;

    gap: 11px;

    flex: 1;
}


.merchan-trust-circle {
    width: 52px;
    height: 48px;

    min-width: 48px;

    display: flex;

    align-items: center;
    justify-content: center;

    border: 1.5px solid rgba(255,255,255,.8);

    border-radius: 50%;

    font-size: 21px;

    font-weight: 800;
}


.merchan-trust-circle.green {
    color: #63d36f;
}


.merchan-trust-circle.orange {
    color: #ff671d;
}


.merchan-trust > span:last-child {
    color: #fff;

    font-family: "Inter", sans-serif;

    font-size: 13px;
    font-weight: 600;

    line-height: 1.35;
}


.merchan-hero-trust > i {
    width: 1px;
    height: 44px;

    margin: 0 16px;

    display: block;

    background: rgba(255,255,255,.48);
}


/* Remove duplicate generic trust strip */
.trust-bar {
    display: none !important;
}


/* ========================================================
   TABLET
======================================================== */

@media (max-width: 1100px) {

    .merchan-brand {
        min-width: 255px !important;
    }

    .merchan-brand-logo {
        width: 70px !important;
        height: 62px !important;

        flex-basis: 70px !important;
    }

    .merchan-brand-name {
        font-size: 21px !important;
    }

    .merchan-hero-content {
        width: 520px;
        max-width: 520px;
    }

    .merchan-hero h1 {
        font-size: 51px;
    }

}


/* ========================================================
   MOBILE
======================================================== */

@media (max-width: 760px) {

    .site-header,
    .site-header .header-inner {
        height: 78px !important;
        min-height: 78px !important;
    }

    .merchan-brand {
        min-width: 0 !important;

        gap: 8px !important;
    }

    .merchan-brand-logo {
        width: 55px !important;
        height: 49px !important;

        flex-basis: 55px !important;
    }

    .merchan-brand-name {
        font-size: 18px !important;
    }


    .merchan-hero {
        height: auto;
        min-height: 720px;
    }


    .merchan-hero-image {
        object-position: 70% 50%;
    }


    .merchan-hero-overlay {
        background:
            linear-gradient(
                180deg,
                rgba(2,20,34,.10) 0%,
                rgba(2,20,34,.34) 35%,
                rgba(2,20,34,.94) 64%,
                rgba(2,20,34,.99) 100%
            );
    }


    .merchan-hero-inner {
        min-height: 720px;

        align-items: flex-end;
    }


    .merchan-hero-content {
        width: 100%;
        max-width: 100%;

        padding-bottom: 42px;
    }


    .merchan-hero h1 {
        font-size: 42px;

        letter-spacing: -1.6px;
    }


    .merchan-hero h1 > span {
        white-space: normal;
    }


    .merchan-accent-line {
        gap: 9px;
    }


    .merchan-hero-actions {
        flex-direction: column;

        align-items: stretch;

        gap: 12px;
    }


    .merchan-btn {
        width: 100%;
    }


    .merchan-hero-trust {
        flex-wrap: wrap;

        gap: 18px;
    }


    .merchan-hero-trust > i {
        display: none;
    }

}


/* ========================================================
   MERCHAN HERO TRUST ICONS
======================================================== */

.merchan-trust-circle svg {
    width: 25px !important;
    height: 25px !important;

    display: block !important;

    fill: none !important;

    stroke: currentColor !important;
    stroke-width: 2 !important;

    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

.merchan-trust-circle.green {
    color: #63d36f !important;
}

.merchan-trust-circle.orange {
    color: #ff671d !important;
}



/* ========================================================
   MERCHAN TRUST ICON COLORS - FINAL FIX
======================================================== */

#merchanHero .merchan-trust-circle svg {
    width: 25px !important;
    height: 25px !important;
    display: block !important;
}

/* GREEN ICONS: shield + location */
#merchanHero .merchan-trust-circle.green svg path,
#merchanHero .merchan-trust-circle.green svg circle {
    stroke: #63d36f !important;
    fill: none !important;
    stroke-width: 2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

/* ORANGE ICON: building */
#merchanHero .merchan-trust-circle.orange svg path,
#merchanHero .merchan-trust-circle.orange svg circle {
    stroke: #ff671d !important;
    fill: none !important;
    stroke-width: 2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

/* Keep outer circles white like reference */
#merchanHero .merchan-trust-circle {
    border-color: rgba(255,255,255,.80) !important;
    background: transparent !important;
}


/* Fixed trust icon images */
#merchanHero .merchan-fixed-trust-icon {
    display: block !important;
    width: 26px !important;
    height: 26px !important;
    max-width: 26px !important;
    max-height: 26px !important;
    object-fit: contain !important;
}

/* ========================================================
   MERCHAN TRUST ROW - REFERENCE MATCH FINAL
======================================================== */

#merchanHero .merchan-hero-trust {
    display: flex !important;
    align-items: center !important;

    width: 560px !important;
    max-width: 100% !important;

    margin-top: 32px !important;
}


#merchanHero .merchan-trust {
    display: flex !important;
    align-items: center !important;

    gap: 11px !important;

    flex: 1 1 0 !important;
}


#merchanHero .merchan-trust-circle {
    width: 48px !important;
    height: 48px !important;

    min-width: 48px !important;
    min-height: 48px !important;

    max-width: 48px !important;
    max-height: 48px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 50% !important;

    background: transparent !important;

    box-sizing: border-box !important;
}


/* Shield + location circle */
#merchanHero .trust-green {
    border: 1.5px solid #72d276 !important;
}


/* Building circle in reference is neutral/white */
#merchanHero .trust-white {
    border: 1.5px solid rgba(255,255,255,.82) !important;
}


#merchanHero .merchan-fixed-trust-icon {
    display: block !important;

    width: 25px !important;
    height: 25px !important;

    min-width: 25px !important;
    min-height: 25px !important;

    max-width: 25px !important;
    max-height: 25px !important;

    object-fit: contain !important;

    margin: 0 !important;
    padding: 0 !important;
}


#merchanHero .merchan-trust-text {
    color: #ffffff !important;

    font-family: "Inter", sans-serif !important;

    font-size: 13px !important;
    font-weight: 600 !important;

    line-height: 1.35 !important;

    white-space: nowrap !important;
}


#merchanHero .merchan-trust-divider {
    display: block !important;

    width: 1px !important;
    height: 44px !important;

    flex: 0 0 1px !important;

    margin: 0 16px !important;

    background: rgba(255,255,255,.50) !important;
}


/* Merchan trust icons - smaller symbols */
#merchanHero .merchan-fixed-trust-icon {
    width: 19px !important;
    height: 19px !important;

    min-width: 19px !important;
    min-height: 19px !important;

    max-width: 19px !important;
    max-height: 19px !important;
}

/* TRUST ICONS V2 — smaller artwork */
#merchanHero .merchan-fixed-trust-icon {
    width: 17px !important;
    height: 17px !important;

    min-width: 17px !important;
    min-height: 17px !important;

    max-width: 17px !important;
    max-height: 17px !important;

    object-fit: contain !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* MERCHAN EXISTING SERVICES START */

/* ========================================================
   MERCHAN SERVICES
   CSS ONLY — existing HTML untouched
======================================================== */

.services-section {
    position: relative !important;

    padding-top: 105px !important;
    padding-bottom: 110px !important;

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(11,111,164,.07),
            transparent 30%
        ),
        #f7f9fa !important;

    overflow: hidden !important;
}


/* ========================================================
   HEADING
======================================================== */

.services-section .section-heading {
    max-width: 760px !important;

    margin: 0 auto 56px !important;

    text-align: center !important;
}


.services-section .section-label {
    margin-bottom: 14px !important;

    color: #20a64a !important;

    font-family: "Inter", sans-serif !important;

    font-size: 11px !important;
    font-weight: 800 !important;

    letter-spacing: 2.2px !important;

    text-transform: uppercase !important;
}


.services-section .section-label::before {
    width: 30px !important;
    height: 3px !important;

    background: #f58220 !important;
}


.services-section .section-heading h2 {
    margin: 0 0 17px !important;

    color: #123b5d !important;

    font-family: "Manrope", sans-serif !important;

    font-size: 46px !important;
    font-weight: 800 !important;

    line-height: 1.08 !important;

    letter-spacing: -1.6px !important;
}


.services-section .section-heading p {
    max-width: 620px !important;

    margin: 0 auto !important;

    color: #64717d !important;

    font-family: "Inter", sans-serif !important;

    font-size: 16px !important;

    line-height: 1.7 !important;
}


/* ========================================================
   GRID
======================================================== */

.services-section .services-grid {
    display: grid !important;

    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

    gap: 22px !important;
}


/* ========================================================
   CARDS
======================================================== */

.services-section .service-card {
    position: relative !important;

    min-height: 320px !important;

    display: flex !important;
    flex-direction: column !important;

    padding: 30px 28px 27px !important;

    border: 1px solid #e2e8ec !important;

    border-radius: 16px !important;

    background: #ffffff !important;

    box-shadow:
        0 7px 22px rgba(18,59,93,.045) !important;

    overflow: hidden !important;

    transition:
        transform .24s ease,
        box-shadow .24s ease,
        border-color .24s ease !important;
}


/* subtle premium accent line */
.services-section .service-card::before {
    content: "" !important;

    position: absolute !important;

    top: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 3px !important;

    opacity: 0 !important;

    background:
        linear-gradient(
            90deg,
            #20a64a 0%,
            #0b6fa4 50%,
            #f58220 100%
        ) !important;

    transition: opacity .24s ease !important;
}


.services-section .service-card:hover {
    transform: translateY(-6px) !important;

    border-color: rgba(11,111,164,.24) !important;

    box-shadow:
        0 20px 42px rgba(18,59,93,.11) !important;
}


.services-section .service-card:hover::before {
    opacity: 1 !important;
}


/* ========================================================
   ICON BOX
======================================================== */










/* ========================================================
   INDIVIDUAL SERVICE COLORS
======================================================== */

/* Maintenance */



/* Painting */



/* Landscaping */



/* Cleaning */



/* Pressure Washing */



/* Plumbing */



/* Electrical */



/* Property Improvements */



/* ========================================================
   CARD TYPOGRAPHY
======================================================== */

.services-section .service-card h3 {
    margin: 0 0 12px !important;

    color: #1d2730 !important;

    font-family: "Manrope", sans-serif !important;

    font-size: 19px !important;
    font-weight: 800 !important;

    line-height: 1.25 !important;

    letter-spacing: -.35px !important;
}


.services-section .service-card p {
    margin: 0 0 24px !important;

    color: #64717d !important;

    font-family: "Inter", sans-serif !important;

    font-size: 14px !important;

    line-height: 1.68 !important;
}


/* ========================================================
   LEARN MORE
======================================================== */

.services-section .service-card > a {
    display: inline-flex !important;

    align-items: center !important;

    gap: 8px !important;

    margin-top: auto !important;

    color: #123b5d !important;

    font-family: "Inter", sans-serif !important;

    font-size: 13px !important;
    font-weight: 800 !important;

    text-decoration: none !important;

    transition: color .2s ease !important;
}


.services-section .service-card > a span {
    color: #f58220 !important;

    font-size: 18px !important;

    transition: transform .2s ease !important;
}


.services-section .service-card:hover > a {
    color: #0b6fa4 !important;
}


.services-section .service-card:hover > a span {
    transform: translateX(4px) !important;
}


/* ========================================================
   TABLET
======================================================== */

@media (max-width: 1100px) {

    .services-section .services-grid {
        grid-template-columns:
            repeat(2, minmax(0,1fr)) !important;
    }

}


/* ========================================================
   MOBILE
======================================================== */

@media (max-width: 760px) {

    .services-section {
        padding-top: 75px !important;
        padding-bottom: 78px !important;
    }


    .services-section .section-heading {
        margin-bottom: 38px !important;

        text-align: left !important;
    }


    .services-section .section-heading h2 {
        font-size: 36px !important;
    }


    .services-section .section-heading p {
        margin-left: 0 !important;
    }


    .services-section .services-grid {
        grid-template-columns: 1fr !important;

        gap: 16px !important;
    }


    .services-section .service-card {
        min-height: 0 !important;

        padding: 26px 24px !important;
    }

}

/* MERCHAN EXISTING SERVICES END */


/* MERCHAN AUDIENCE SECTION START */

/* ========================================================
   RESIDENTIAL + COMMERCIAL
   Existing HTML only — no markup replacement
======================================================== */

.audience-section {
    position: relative !important;

    padding-top: 105px !important;
    padding-bottom: 110px !important;

    background: #ffffff !important;

    overflow: hidden !important;
}


/* ========================================================
   HEADING
======================================================== */

.audience-section .section-heading {
    max-width: 760px !important;

    margin: 0 auto 54px !important;

    text-align: center !important;
}


.audience-section .section-label {
    margin-bottom: 14px !important;

    color: #20a64a !important;

    font-family: "Inter", sans-serif !important;

    font-size: 11px !important;
    font-weight: 800 !important;

    letter-spacing: 2.2px !important;

    text-transform: uppercase !important;
}


.audience-section .section-label::before {
    background: #f58220 !important;
}


.audience-section .section-heading h2 {
    margin: 0 0 17px !important;

    color: #123b5d !important;

    font-family: "Manrope", sans-serif !important;

    font-size: 46px !important;
    font-weight: 800 !important;

    line-height: 1.08 !important;

    letter-spacing: -1.7px !important;
}


.audience-section .section-heading p {
    max-width: 650px !important;

    margin: 0 auto !important;

    color: #64717d !important;

    font-family: "Inter", sans-serif !important;

    font-size: 16px !important;

    line-height: 1.7 !important;
}


/* ========================================================
   GRID
======================================================== */

.audience-section .audience-grid {
    display: grid !important;

    grid-template-columns:
        repeat(2, minmax(0,1fr)) !important;

    gap: 24px !important;
}


/* ========================================================
   BOTH CARDS
======================================================== */

.audience-section .audience-card {
    position: relative !important;

    min-height: 470px !important;

    display: flex !important;
    align-items: flex-end !important;

    padding: 42px !important;

    border-radius: 20px !important;

    overflow: hidden !important;

    isolation: isolate !important;

    box-shadow:
        0 12px 30px rgba(18,59,93,.08) !important;

    transition:
        transform .28s ease,
        box-shadow .28s ease !important;
}


.audience-section .audience-card:hover {
    transform: translateY(-7px) !important;

    box-shadow:
        0 24px 55px rgba(18,59,93,.16) !important;
}


/* ========================================================
   RESIDENTIAL
======================================================== */

.audience-section .audience-card.residential {
    background:
        radial-gradient(
            circle at 85% 18%,
            rgba(89,203,112,.34),
            transparent 31%
        ),
        linear-gradient(
            145deg,
            #0b4c63 0%,
            #0b6f78 50%,
            #157c67 100%
        ) !important;
}


/* ========================================================
   COMMERCIAL
======================================================== */

.audience-section .audience-card.commercial {
    background:
        radial-gradient(
            circle at 88% 15%,
            rgba(245,130,32,.30),
            transparent 29%
        ),
        linear-gradient(
            145deg,
            #0a2942 0%,
            #123b5d 54%,
            #0b5277 100%
        ) !important;
}


/* ========================================================
   ABSTRACT PROPERTY PATTERN
======================================================== */

.audience-section .audience-pattern {
    position: absolute !important;

    inset: 0 !important;

    z-index: -1 !important;

    opacity: 1 !important;

    pointer-events: none !important;
}


.audience-section .audience-pattern::before {
    content: "" !important;

    position: absolute !important;

    width: 310px !important;
    height: 310px !important;

    top: -75px !important;
    right: -80px !important;

    border: 1px solid rgba(255,255,255,.12) !important;

    border-radius: 50% !important;
}


.audience-section .audience-pattern::after {
    content: "" !important;

    position: absolute !important;

    width: 220px !important;
    height: 220px !important;

    top: -10px !important;
    right: -25px !important;

    border: 1px solid rgba(255,255,255,.10) !important;

    border-radius: 50% !important;
}


/* subtle bottom overlay for readability */
.audience-section .audience-card::after {
    content: "" !important;

    position: absolute !important;

    inset: 0 !important;

    z-index: -1 !important;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,0) 12%,
            rgba(3,20,32,.16) 50%,
            rgba(3,20,32,.54) 100%
        ) !important;

    pointer-events: none !important;
}


/* ========================================================
   CONTENT
======================================================== */

.audience-section .audience-content {
    position: relative !important;

    z-index: 2 !important;

    width: 100% !important;

    max-width: 460px !important;
}


/* ========================================================
   LABEL
======================================================== */

.audience-section .audience-label {
    display: inline-flex !important;

    align-items: center !important;

    margin-bottom: 18px !important;

    padding: 7px 11px !important;

    border: 1px solid rgba(255,255,255,.20) !important;

    border-radius: 7px !important;

    color: #ffffff !important;

    background: rgba(255,255,255,.10) !important;

    backdrop-filter: blur(6px) !important;

    font-family: "Inter", sans-serif !important;

    font-size: 10px !important;
    font-weight: 800 !important;

    letter-spacing: 1.7px !important;

    text-transform: uppercase !important;
}


/* Residential accent */
.audience-section .residential .audience-label {
    color: #eaffed !important;

    border-color: rgba(100,220,123,.36) !important;

    background: rgba(54,181,78,.16) !important;
}


/* Commercial accent */
.audience-section .commercial .audience-label {
    color: #fff2e7 !important;

    border-color: rgba(245,130,32,.42) !important;

    background: rgba(245,130,32,.16) !important;
}


/* ========================================================
   TITLES
======================================================== */

.audience-section .audience-card h3 {
    max-width: 430px !important;

    margin: 0 0 17px !important;

    color: #ffffff !important;

    font-family: "Manrope", sans-serif !important;

    font-size: 35px !important;
    font-weight: 800 !important;

    line-height: 1.08 !important;

    letter-spacing: -1.3px !important;
}


/* ========================================================
   DESCRIPTION
======================================================== */

.audience-section .audience-card p {
    max-width: 430px !important;

    margin: 0 0 25px !important;

    color: rgba(255,255,255,.82) !important;

    font-family: "Inter", sans-serif !important;

    font-size: 15px !important;

    line-height: 1.65 !important;
}


/* ========================================================
   LINK / CTA
======================================================== */

.audience-section .audience-card a {
    display: inline-flex !important;

    align-items: center !important;

    min-height: 46px !important;

    padding: 0 19px !important;

    border-radius: 7px !important;

    color: #ffffff !important;

    font-family: "Inter", sans-serif !important;

    font-size: 13px !important;
    font-weight: 800 !important;

    text-decoration: none !important;

    transition:
        transform .2s ease,
        background .2s ease !important;
}


.audience-section .residential a {
    background: #20a64a !important;
}


.audience-section .commercial a {
    background: #f58220 !important;
}


.audience-section .audience-card a:hover {
    transform: translateX(3px) !important;
}


/* ========================================================
   DECORATIVE PROPERTY SHAPE
======================================================== */

.audience-section .audience-card::before {
    content: "" !important;

    position: absolute !important;

    top: 64px !important;
    right: 65px !important;

    width: 125px !important;
    height: 105px !important;

    opacity: .12 !important;

    border:
        2px solid #ffffff !important;

    clip-path:
        polygon(
            50% 0%,
            100% 38%,
            90% 38%,
            90% 100%,
            10% 100%,
            10% 38%,
            0% 38%
        ) !important;

    pointer-events: none !important;
}


/* ========================================================
   TABLET
======================================================== */

@media (max-width: 1000px) {

    .audience-section .audience-card {
        min-height: 430px !important;

        padding: 34px !important;
    }


    .audience-section .audience-card h3 {
        font-size: 31px !important;
    }

}


/* ========================================================
   MOBILE
======================================================== */

@media (max-width: 760px) {

    .audience-section {
        padding-top: 75px !important;
        padding-bottom: 80px !important;
    }


    .audience-section .section-heading {
        margin-bottom: 38px !important;

        text-align: left !important;
    }


    .audience-section .section-heading h2 {
        font-size: 36px !important;
    }


    .audience-section .section-heading p {
        margin-left: 0 !important;
    }


    .audience-section .audience-grid {
        grid-template-columns: 1fr !important;

        gap: 18px !important;
    }


    .audience-section .audience-card {
        min-height: 390px !important;

        padding: 28px !important;

        border-radius: 16px !important;
    }


    .audience-section .audience-card h3 {
        font-size: 30px !important;
    }


    .audience-section .audience-card::before {
        width: 90px !important;
        height: 75px !important;

        top: 45px !important;
        right: 35px !important;
    }

}

/* MERCHAN AUDIENCE SECTION END */

/* MERCHAN PREMIUM SERVICES PAGE START */

.merchan-services-page {
    background:#fff;
    color:#1d2730;
}

.services-page-hero {
    position:relative;
    overflow:hidden;
    background:#123b5d;
}

.services-page-hero-bg {
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 85% 25%, rgba(32,166,74,.18), transparent 28%),
        radial-gradient(circle at 70% 90%, rgba(245,130,32,.14), transparent 28%),
        linear-gradient(135deg,#0e314e 0%,#123b5d 55%,#0b6fa4 100%);
}

.services-page-hero-inner {
    position:relative;
    z-index:2;
    min-height:580px;
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);
    gap:80px;
    align-items:center;
    padding-top:90px;
    padding-bottom:90px;
}

.services-page-hero-copy {
    max-width:760px;
}

.services-eyebrow,
.services-section-label {
    display:inline-flex;
    align-items:center;
    gap:12px;
    font-family:Manrope,sans-serif;
    font-size:12px;
    font-weight:800;
    letter-spacing:.16em;
    text-transform:uppercase;
    color:#0b6fa4;
}

.services-eyebrow {
    color:#fff;
}

.services-eyebrow::before,
.services-section-label::before {
    content:"";
    width:28px;
    height:3px;
    border-radius:999px;
    background:#f58220;
}

.services-page-hero h1 {
    margin:24px 0 24px;
    max-width:800px;
    font-family:Manrope,sans-serif;
    font-size:clamp(48px,6vw,82px);
    line-height:.98;
    letter-spacing:-.055em;
    color:#fff;
}

.services-page-hero h1 span {
    display:block;
    color:#8fe0a5;
}

.services-page-hero-copy > p {
    max-width:710px;
    margin:0;
    color:rgba(255,255,255,.78);
    font-size:18px;
    line-height:1.75;
}

.services-hero-actions {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:16px;
    margin-top:36px;
}

.services-outline-btn {
    min-height:54px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 24px;
    border:1px solid rgba(255,255,255,.35);
    border-radius:8px;
    color:#fff;
    text-decoration:none;
    font-weight:700;
    transition:.2s ease;
}

.services-outline-btn:hover {
    background:#fff;
    color:#123b5d;
}

.services-hero-panel {
    padding:34px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:18px;
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(12px);
    box-shadow:0 24px 70px rgba(0,0,0,.15);
}

.services-hero-panel > span {
    display:block;
    margin-bottom:24px;
    color:#f58220;
    font-size:12px;
    font-weight:800;
    letter-spacing:.16em;
    text-transform:uppercase;
}

.services-hero-panel > strong {
    display:block;
    padding:14px 0;
    border-bottom:1px solid rgba(255,255,255,.14);
    color:#fff;
    font-family:Manrope,sans-serif;
    font-size:21px;
}

.services-hero-panel-bottom {
    margin-top:24px;
    color:rgba(255,255,255,.65);
    font-size:14px;
}

.services-intro {
    padding:100px 0 70px;
}

.services-intro-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:90px;
}

.services-intro h2,
.services-center-heading h2,
.services-why h2 {
    margin:18px 0 0;
    font-family:Manrope,sans-serif;
    font-size:clamp(38px,4vw,56px);
    line-height:1.06;
    letter-spacing:-.04em;
    color:#1d2730;
}

.services-intro-copy p {
    margin:0 0 22px;
    color:#64717d;
    font-size:17px;
    line-height:1.8;
}

.services-premium-grid-section {
    padding:30px 0 110px;
}

.services-premium-grid {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:20px;
}

.services-premium-card {
    min-height:330px;
    display:flex;
    flex-direction:column;
    padding:30px;
    border:1px solid #e4e8eb;
    border-radius:14px;
    background:#fff;
    box-shadow:0 10px 34px rgba(18,59,93,.05);
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}

.services-premium-card:hover {
    transform:translateY(-5px);
    border-color:rgba(11,111,164,.3);
    box-shadow:0 20px 50px rgba(18,59,93,.1);
}

.services-card-top {
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:38px;
}

.services-card-number {
    font-size:12px;
    font-weight:800;
    letter-spacing:.12em;
    color:#0b6fa4;
}

.services-card-icon {
    width:44px;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    background:#f2f7fa;
    color:#123b5d;
    font-size:23px;
}

.services-premium-card:nth-child(4n+2) .services-card-icon {
    background:#fff3e9;
    color:#f58220;
}

.services-premium-card:nth-child(4n+3) .services-card-icon {
    background:#eaf8ee;
    color:#20a64a;
}

.services-premium-card h3 {
    margin:0 0 15px;
    font-family:Manrope,sans-serif;
    font-size:23px;
    line-height:1.2;
    color:#1d2730;
}

.services-premium-card p {
    margin:0 0 24px;
    color:#64717d;
    line-height:1.7;
}

.services-premium-card > a {
    margin-top:auto;
    color:#0b6fa4;
    text-decoration:none;
    font-weight:800;
    font-size:14px;
}

.services-audience {
    padding:110px 0;
    background:#f7f8f9;
}

.services-center-heading {
    max-width:760px;
    margin:0 auto 52px;
    text-align:center;
}

.services-center-heading .services-section-label {
    justify-content:center;
}

.services-audience-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
}

.services-audience-card {
    min-height:440px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding:48px;
    border-radius:18px;
    overflow:hidden;
    text-decoration:none;
    position:relative;
    isolation:isolate;
}

.services-audience-card::before {
    content:"";
    position:absolute;
    inset:0;
    z-index:-2;
}

.services-audience-card::after {
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    background:linear-gradient(180deg,transparent 10%,rgba(10,33,50,.92) 100%);
}

.services-residential-card::before {
    background:
        radial-gradient(circle at 80% 20%,rgba(32,166,74,.5),transparent 30%),
        linear-gradient(135deg,#245b4f,#123b5d);
}

.services-commercial-card::before {
    background:
        radial-gradient(circle at 80% 20%,rgba(245,130,32,.46),transparent 30%),
        linear-gradient(135deg,#0b6fa4,#123b5d);
}

.services-audience-card > span {
    color:#f58220;
    text-transform:uppercase;
    letter-spacing:.14em;
    font-size:12px;
    font-weight:800;
}

.services-audience-card h3 {
    max-width:470px;
    margin:14px 0 18px;
    color:#fff;
    font-family:Manrope,sans-serif;
    font-size:38px;
    line-height:1.08;
}

.services-audience-card p {
    max-width:520px;
    margin:0 0 25px;
    color:rgba(255,255,255,.76);
    font-size:16px;
    line-height:1.7;
}

.services-audience-card strong {
    color:#fff;
    font-size:14px;
}

.services-why {
    padding:110px 0;
}

.services-why-grid {
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:100px;
    align-items:center;
}

.services-why-copy > p {
    margin:24px 0;
    max-width:560px;
    color:#64717d;
    font-size:17px;
    line-height:1.8;
}

.services-text-link {
    display:inline-block;
    margin-top:8px;
    color:#0b6fa4;
    font-weight:800;
    text-decoration:none;
}

.services-benefits {
    border-top:1px solid #dfe5e8;
}

.services-benefit {
    display:grid;
    grid-template-columns:52px 1fr;
    gap:22px;
    padding:25px 0;
    border-bottom:1px solid #dfe5e8;
}

.services-benefit > span {
    color:#f58220;
    font-family:Manrope,sans-serif;
    font-weight:800;
}

.services-benefit strong {
    display:block;
    margin-bottom:6px;
    font-family:Manrope,sans-serif;
    font-size:20px;
    color:#1d2730;
}

.services-benefit p {
    margin:0;
    color:#64717d;
    line-height:1.65;
}

.services-final-cta {
    padding:80px 0;
    background:#123b5d;
}

.services-final-cta-inner {
    display:grid;
    grid-template-columns:1fr auto;
    gap:60px;
    align-items:center;
}

.services-final-cta-inner > div:first-child > span {
    color:#8fe0a5;
    font-size:12px;
    font-weight:800;
    letter-spacing:.14em;
    text-transform:uppercase;
}

.services-final-cta h2 {
    max-width:720px;
    margin:12px 0 0;
    color:#fff;
    font-family:Manrope,sans-serif;
    font-size:clamp(34px,4vw,52px);
    line-height:1.06;
}

.services-final-actions {
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:14px;
}

.services-final-phone {
    color:#fff;
    text-decoration:none;
    font-family:Manrope,sans-serif;
    font-size:22px;
    font-weight:800;
}

.services-final-button {
    min-height:54px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 28px;
    border-radius:8px;
    background:#f58220;
    color:#fff;
    font-weight:800;
    text-decoration:none;
}

.services-footer-logo {
    width:52px;
    height:auto;
    object-fit:contain;
}

@media (max-width:1100px) {

    .services-premium-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .services-page-hero-inner,
    .services-why-grid {
        gap:50px;
    }

}

@media (max-width:820px) {

    .services-page-hero-inner,
    .services-intro-grid,
    .services-audience-grid,
    .services-why-grid,
    .services-final-cta-inner {
        grid-template-columns:1fr;
    }

    .services-page-hero-inner {
        min-height:auto;
        padding-top:70px;
        padding-bottom:70px;
    }

    .services-hero-panel {
        max-width:520px;
    }

    .services-intro {
        padding-top:75px;
    }

    .services-intro-grid,
    .services-why-grid {
        gap:38px;
    }

    .services-final-actions {
        align-items:flex-start;
    }

}

@media (max-width:600px) {

    .services-page-hero h1 {
        font-size:48px;
    }

    .services-premium-grid {
        grid-template-columns:1fr;
    }

    .services-premium-card {
        min-height:auto;
    }

    .services-audience-card {
        min-height:380px;
        padding:30px;
    }

    .services-audience-card h3 {
        font-size:32px;
    }

    .services-page-hero-inner,
    .services-intro,
    .services-premium-grid-section,
    .services-audience,
    .services-why {
        padding-left:0;
        padding-right:0;
    }

}

/* MERCHAN PREMIUM SERVICES PAGE END */

/* MERCHAN PREMIUM COMMERCIAL PAGE START */

.merchan-commercial-page {
    background:#fff;
    color:#1d2730;
}

.commercial-hero {
    position:relative;
    overflow:hidden;
    background:#102f49;
}

.commercial-hero-art {
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 88% 15%,
            rgba(11,111,164,.55), transparent 26%),
        radial-gradient(circle at 70% 85%,
            rgba(245,130,32,.18), transparent 24%),
        linear-gradient(125deg,
            #0d2b43 0%,
            #123b5d 52%,
            #0b6fa4 100%);
}

.commercial-hero-grid {
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);
    gap:80px;
    align-items:center;
    min-height:590px;
    padding-top:90px;
    padding-bottom:90px;
}

.commercial-eyebrow,
.commercial-section-label {
    display:inline-flex;
    align-items:center;
    gap:12px;
    font-family:Manrope,sans-serif;
    font-size:12px;
    font-weight:800;
    letter-spacing:.15em;
    text-transform:uppercase;
}

.commercial-eyebrow {
    color:#fff;
}

.commercial-section-label {
    color:#0b6fa4;
}

.commercial-eyebrow::before,
.commercial-section-label::before {
    content:"";
    width:28px;
    height:3px;
    border-radius:999px;
    background:#f58220;
}

.commercial-hero h1 {
    max-width:800px;
    margin:24px 0;
    color:#fff;
    font-family:Manrope,sans-serif;
    font-size:clamp(48px,6vw,82px);
    line-height:.98;
    letter-spacing:-.055em;
}

.commercial-hero h1 span {
    display:block;
    color:#90dba5;
}

.commercial-hero-copy > p {
    max-width:720px;
    margin:0;
    color:rgba(255,255,255,.77);
    font-size:18px;
    line-height:1.75;
}

.commercial-hero-actions {
    display:flex;
    flex-wrap:wrap;
    gap:16px;
    margin-top:36px;
}

.commercial-outline-btn {
    min-height:54px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 24px;
    border:1px solid rgba(255,255,255,.35);
    border-radius:8px;
    color:#fff;
    text-decoration:none;
    font-weight:800;
}

.commercial-outline-btn:hover {
    background:#fff;
    color:#123b5d;
}

.commercial-hero-card {
    padding:36px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:18px;
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(14px);
    box-shadow:0 25px 70px rgba(0,0,0,.18);
}

.commercial-card-label {
    margin-bottom:24px;
    color:#f58220;
    font-size:12px;
    font-weight:800;
    letter-spacing:.15em;
    text-transform:uppercase;
}

.commercial-hero-stat {
    display:grid;
    grid-template-columns:45px 1fr;
    gap:18px;
    align-items:start;
    padding:20px 0;
    border-bottom:1px solid rgba(255,255,255,.14);
}

.commercial-hero-stat:last-child {
    border-bottom:0;
}

.commercial-hero-stat strong {
    color:#90dba5;
    font-family:Manrope,sans-serif;
}

.commercial-hero-stat span {
    color:#fff;
    font-weight:700;
    line-height:1.45;
}

.commercial-intro {
    padding:105px 0;
}

.commercial-intro-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:100px;
}

.commercial-intro h2,
.commercial-heading-row h2,
.commercial-property-copy h2,
.commercial-advantage-heading h2,
.commercial-process-heading h2 {
    margin:18px 0 0;
    color:#1d2730;
    font-family:Manrope,sans-serif;
    font-size:clamp(38px,4vw,56px);
    line-height:1.06;
    letter-spacing:-.04em;
}

.commercial-intro-copy p {
    margin:0 0 23px;
    color:#64717d;
    font-size:17px;
    line-height:1.8;
}

.commercial-services {
    padding:105px 0;
    background:#f7f8f9;
}

.commercial-heading-row {
    display:grid;
    grid-template-columns:1.25fr .75fr;
    gap:70px;
    align-items:end;
    margin-bottom:52px;
}

.commercial-heading-row > p {
    margin:0;
    color:#64717d;
    font-size:17px;
    line-height:1.75;
}

.commercial-service-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
}

.commercial-service-card {
    min-height:285px;
    padding:32px;
    border:1px solid #e0e6ea;
    border-radius:14px;
    background:#fff;
    box-shadow:0 10px 30px rgba(18,59,93,.05);
    transition:.2s ease;
}

.commercial-service-card:hover {
    transform:translateY(-5px);
    box-shadow:0 20px 48px rgba(18,59,93,.1);
}

.commercial-service-number {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    margin-bottom:34px;
    border-radius:10px;
    background:#eaf3f8;
    color:#0b6fa4;
    font-family:Manrope,sans-serif;
    font-weight:800;
}

.commercial-service-card:nth-child(3n+2)
.commercial-service-number {
    background:#fff1e5;
    color:#f58220;
}

.commercial-service-card:nth-child(3n+3)
.commercial-service-number {
    background:#eaf8ee;
    color:#20a64a;
}

.commercial-service-card h3 {
    margin:0 0 14px;
    color:#1d2730;
    font-family:Manrope,sans-serif;
    font-size:23px;
}

.commercial-service-card p {
    margin:0;
    color:#64717d;
    line-height:1.7;
}

.commercial-services-link {
    margin-top:38px;
    text-align:center;
}

.commercial-services-link a {
    color:#0b6fa4;
    text-decoration:none;
    font-weight:800;
}

.commercial-properties {
    padding:110px 0;
}

.commercial-properties-grid {
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:100px;
    align-items:center;
}

.commercial-property-copy > p {
    max-width:560px;
    margin:24px 0 0;
    color:#64717d;
    font-size:17px;
    line-height:1.8;
}

.commercial-property-list {
    border-top:1px solid #dfe5e8;
}

.commercial-property-item {
    display:grid;
    grid-template-columns:65px 1fr;
    gap:20px;
    align-items:center;
    padding:24px 0;
    border-bottom:1px solid #dfe5e8;
}

.commercial-property-item span {
    color:#f58220;
    font-weight:800;
}

.commercial-property-item strong {
    color:#1d2730;
    font-family:Manrope,sans-serif;
    font-size:21px;
}

.commercial-advantage {
    padding:110px 0;
    background:#123b5d;
}

.commercial-advantage-heading {
    max-width:800px;
    margin-bottom:55px;
}

.commercial-advantage-heading
.commercial-section-label {
    color:#90dba5;
}

.commercial-advantage-heading h2 {
    color:#fff;
}

.commercial-advantage-grid {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:20px;
}

.commercial-advantage-grid article {
    padding:30px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:14px;
    background:rgba(255,255,255,.06);
}

.commercial-advantage-icon {
    width:46px;
    height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:30px;
    border-radius:10px;
    background:#f58220;
    color:#fff;
    font-weight:800;
}

.commercial-advantage-grid h3 {
    margin:0 0 14px;
    color:#fff;
    font-family:Manrope,sans-serif;
    font-size:21px;
}

.commercial-advantage-grid p {
    margin:0;
    color:rgba(255,255,255,.7);
    line-height:1.7;
}

.commercial-process {
    padding:110px 0;
}

.commercial-process-heading {
    max-width:720px;
    margin-bottom:52px;
}

.commercial-process-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px;
}

.commercial-process-step {
    position:relative;
    padding:34px;
    border-radius:14px;
    background:#f7f8f9;
}

.commercial-process-step span {
    display:block;
    margin-bottom:38px;
    color:#f58220;
    font-family:Manrope,sans-serif;
    font-weight:800;
}

.commercial-process-step h3 {
    margin:0 0 13px;
    color:#1d2730;
    font-family:Manrope,sans-serif;
    font-size:22px;
}

.commercial-process-step p {
    margin:0;
    color:#64717d;
    line-height:1.7;
}

.commercial-final-cta {
    padding:85px 0;
    background:
        linear-gradient(120deg,#0b6fa4,#123b5d);
}

.commercial-final-grid {
    display:grid;
    grid-template-columns:1fr auto;
    gap:70px;
    align-items:center;
}

.commercial-final-grid > div:first-child > span {
    color:#90dba5;
    font-size:12px;
    font-weight:800;
    letter-spacing:.14em;
    text-transform:uppercase;
}

.commercial-final-grid h2 {
    margin:12px 0 15px;
    color:#fff;
    font-family:Manrope,sans-serif;
    font-size:clamp(38px,4vw,54px);
    line-height:1.04;
}

.commercial-final-grid p {
    margin:0;
    max-width:620px;
    color:rgba(255,255,255,.72);
    font-size:17px;
    line-height:1.7;
}

.commercial-final-actions {
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:15px;
}

.commercial-final-phone {
    color:#fff;
    text-decoration:none;
    font-family:Manrope,sans-serif;
    font-size:22px;
    font-weight:800;
}

.commercial-final-button {
    min-height:54px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 28px;
    border-radius:8px;
    background:#f58220;
    color:#fff;
    text-decoration:none;
    font-weight:800;
}

.commercial-footer-logo {
    width:52px;
    height:auto;
}

@media (max-width:1050px) {

    .commercial-service-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .commercial-advantage-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

}

@media (max-width:820px) {

    .commercial-hero-grid,
    .commercial-intro-grid,
    .commercial-heading-row,
    .commercial-properties-grid,
    .commercial-final-grid {
        grid-template-columns:1fr;
    }

    .commercial-hero-grid {
        min-height:auto;
        gap:45px;
        padding-top:70px;
        padding-bottom:70px;
    }

    .commercial-intro-grid,
    .commercial-properties-grid {
        gap:40px;
    }

    .commercial-heading-row {
        gap:28px;
    }

    .commercial-final-actions {
        align-items:flex-start;
    }

}

@media (max-width:600px) {

    .commercial-hero h1 {
        font-size:48px;
    }

    .commercial-service-grid,
    .commercial-advantage-grid,
    .commercial-process-grid {
        grid-template-columns:1fr;
    }

    .commercial-service-card {
        min-height:auto;
    }

}

/* MERCHAN PREMIUM COMMERCIAL PAGE END */

/* MERCHAN PREMIUM RESIDENTIAL PAGE START */

.merchan-residential-page {
    background:#fff;
    color:#1d2730;
}

.res-hero {
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 85% 20%,
            rgba(32,166,74,.42),transparent 27%),
        radial-gradient(circle at 72% 90%,
            rgba(245,130,32,.16),transparent 24%),
        linear-gradient(125deg,#102f49,#123b5d 58%,#176d68);
}

.res-hero-grid {
    min-height:590px;
    display:grid;
    grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);
    gap:80px;
    align-items:center;
    padding-top:90px;
    padding-bottom:90px;
}

.res-label,
.res-section-label {
    display:inline-flex;
    align-items:center;
    gap:12px;
    font-family:Manrope,sans-serif;
    font-size:12px;
    font-weight:800;
    letter-spacing:.15em;
    text-transform:uppercase;
}

.res-label {
    color:#fff;
}

.res-section-label {
    color:#0b6fa4;
}

.res-label::before,
.res-section-label::before {
    content:"";
    width:28px;
    height:3px;
    border-radius:999px;
    background:#f58220;
}

.res-hero h1 {
    max-width:790px;
    margin:24px 0;
    color:#fff;
    font-family:Manrope,sans-serif;
    font-size:clamp(50px,6vw,82px);
    line-height:.98;
    letter-spacing:-.055em;
}

.res-hero h1 span {
    display:block;
    color:#92dfa7;
}

.res-hero-copy > p {
    max-width:700px;
    margin:0;
    color:rgba(255,255,255,.76);
    font-size:18px;
    line-height:1.75;
}

.res-actions {
    display:flex;
    flex-wrap:wrap;
    gap:16px;
    margin-top:36px;
}

.res-outline {
    min-height:54px;
    display:inline-flex;
    align-items:center;
    padding:0 24px;
    border:1px solid rgba(255,255,255,.35);
    border-radius:8px;
    color:#fff;
    text-decoration:none;
    font-weight:800;
}

.res-outline:hover {
    background:#fff;
    color:#123b5d;
}

.res-hero-panel {
    padding:36px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:18px;
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(14px);
}

.res-hero-panel > span {
    display:block;
    margin-bottom:20px;
    color:#f58220;
    font-weight:800;
    font-size:12px;
    letter-spacing:.15em;
    text-transform:uppercase;
}

.res-hero-panel > div {
    padding:18px 0;
    border-bottom:1px solid rgba(255,255,255,.14);
}

.res-hero-panel > div:last-child {
    border-bottom:0;
}

.res-hero-panel strong {
    display:block;
    margin-bottom:5px;
    color:#fff;
    font-family:Manrope,sans-serif;
    font-size:21px;
}

.res-hero-panel small {
    color:rgba(255,255,255,.65);
    line-height:1.5;
}

.res-intro {
    padding:105px 0;
}

.res-intro-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:100px;
}

.res-intro h2,
.res-heading h2,
.res-care h2 {
    margin:18px 0 0;
    color:#1d2730;
    font-family:Manrope,sans-serif;
    font-size:clamp(38px,4vw,56px);
    line-height:1.06;
    letter-spacing:-.04em;
}

.res-intro-copy p {
    margin:0 0 22px;
    color:#64717d;
    font-size:17px;
    line-height:1.8;
}

.res-services {
    padding:105px 0;
    background:#f7f8f9;
}

.res-heading {
    max-width:760px;
    margin-bottom:50px;
}

.res-card-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
}

.res-card {
    min-height:300px;
    display:flex;
    flex-direction:column;
    padding:32px;
    border:1px solid #e1e6e9;
    border-radius:14px;
    background:#fff;
    box-shadow:0 10px 32px rgba(18,59,93,.05);
    transition:.2s ease;
}

.res-card:hover {
    transform:translateY(-5px);
    box-shadow:0 20px 50px rgba(18,59,93,.1);
}

.res-card > span {
    width:44px;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:32px;
    border-radius:10px;
    background:#eaf8ee;
    color:#20a64a;
    font-weight:800;
}

.res-card:nth-child(3n+2) > span {
    background:#eaf3f8;
    color:#0b6fa4;
}

.res-card:nth-child(3n+3) > span {
    background:#fff1e5;
    color:#f58220;
}

.res-card h3 {
    margin:0 0 14px;
    color:#1d2730;
    font-family:Manrope,sans-serif;
    font-size:23px;
}

.res-card p {
    margin:0 0 24px;
    color:#64717d;
    line-height:1.7;
}

.res-card a {
    margin-top:auto;
    color:#0b6fa4;
    text-decoration:none;
    font-weight:800;
    font-size:14px;
}

.res-view-all {
    margin-top:38px;
    text-align:center;
}

.res-view-all a {
    color:#0b6fa4;
    text-decoration:none;
    font-weight:800;
}

.res-care {
    padding:110px 0;
}

.res-care-grid {
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:100px;
    align-items:center;
}

.res-care-copy {
    padding:48px;
    border-radius:18px;
    background:#123b5d;
}

.res-care-copy .res-section-label {
    color:#91dda6;
}

.res-care-copy h2 {
    color:#fff;
}

.res-care-copy p {
    margin:24px 0;
    color:rgba(255,255,255,.72);
    font-size:17px;
    line-height:1.75;
}

.res-care-copy > a {
    color:#fff;
    text-decoration:none;
    font-weight:800;
}

.res-care-list {
    border-top:1px solid #dfe5e8;
}

.res-care-list > div {
    display:grid;
    grid-template-columns:55px 1fr;
    gap:20px;
    padding:24px 0;
    border-bottom:1px solid #dfe5e8;
}

.res-care-list > div > span {
    color:#f58220;
    font-weight:800;
}

.res-care-list section {
    margin:0;
}

.res-care-list strong {
    display:block;
    margin-bottom:6px;
    font-family:Manrope,sans-serif;
    font-size:20px;
}

.res-care-list p {
    margin:0;
    color:#64717d;
    line-height:1.65;
}

.res-final {
    padding:85px 0;
    background:linear-gradient(120deg,#176d68,#123b5d);
}

.res-final-grid {
    display:grid;
    grid-template-columns:1fr auto;
    gap:70px;
    align-items:center;
}

.res-final-grid > div:first-child > span {
    color:#9be0ad;
    font-size:12px;
    font-weight:800;
    letter-spacing:.14em;
    text-transform:uppercase;
}

.res-final h2 {
    margin:12px 0 15px;
    color:#fff;
    font-family:Manrope,sans-serif;
    font-size:clamp(38px,4vw,54px);
    line-height:1.04;
}

.res-final p {
    margin:0;
    color:rgba(255,255,255,.72);
    font-size:17px;
}

.res-final-actions {
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:15px;
}

.res-final-phone {
    color:#fff;
    text-decoration:none;
    font-family:Manrope,sans-serif;
    font-size:22px;
    font-weight:800;
}

.res-final-btn {
    min-height:54px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 28px;
    border-radius:8px;
    background:#f58220;
    color:#fff;
    text-decoration:none;
    font-weight:800;
}

.residential-footer-logo {
    width:52px;
    height:auto;
}

@media (max-width:1000px) {
    .res-card-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width:820px) {

    .res-hero-grid,
    .res-intro-grid,
    .res-care-grid,
    .res-final-grid {
        grid-template-columns:1fr;
    }

    .res-hero-grid {
        min-height:auto;
        gap:45px;
        padding-top:70px;
        padding-bottom:70px;
    }

    .res-intro-grid,
    .res-care-grid {
        gap:40px;
    }

    .res-final-actions {
        align-items:flex-start;
    }
}

@media (max-width:600px) {

    .res-card-grid {
        grid-template-columns:1fr;
    }

    .res-hero h1 {
        font-size:48px;
    }

    .res-card {
        min-height:auto;
    }

    .res-care-copy {
        padding:32px;
    }
}

/* MERCHAN PREMIUM RESIDENTIAL PAGE END */

/* MERCHAN PREMIUM ABOUT PAGE START */

.merchan-about-page {
    background:#fff;
    color:#1d2730;
}

.about-hero {
    position:relative;
    overflow:hidden;
    background:#123b5d;
}

.about-hero-art {
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 82% 18%,
            rgba(11,111,164,.55),transparent 28%),
        radial-gradient(circle at 72% 90%,
            rgba(32,166,74,.24),transparent 25%),
        linear-gradient(125deg,#102f49,#123b5d 55%,#0b6fa4);
}

.about-hero-grid {
    position:relative;
    z-index:2;
    min-height:590px;
    display:grid;
    grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);
    gap:80px;
    align-items:center;
    padding-top:90px;
    padding-bottom:90px;
}

.about-eyebrow,
.about-section-label {
    display:inline-flex;
    align-items:center;
    gap:12px;
    font-family:Manrope,sans-serif;
    font-size:12px;
    font-weight:800;
    letter-spacing:.15em;
    text-transform:uppercase;
}

.about-eyebrow {
    color:#fff;
}

.about-section-label {
    color:#0b6fa4;
}

.about-eyebrow::before,
.about-section-label::before {
    content:"";
    width:28px;
    height:3px;
    border-radius:999px;
    background:#f58220;
}

.about-hero h1 {
    max-width:790px;
    margin:24px 0;
    color:#fff;
    font-family:Manrope,sans-serif;
    font-size:clamp(50px,6vw,82px);
    line-height:.98;
    letter-spacing:-.055em;
}

.about-hero h1 span {
    display:block;
    color:#91dda6;
}

.about-hero-copy > p {
    max-width:700px;
    color:rgba(255,255,255,.76);
    font-size:18px;
    line-height:1.75;
}

.about-hero-actions {
    display:flex;
    flex-wrap:wrap;
    gap:16px;
    margin-top:36px;
}

.about-outline-btn {
    min-height:54px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 25px;
    border:1px solid rgba(255,255,255,.35);
    border-radius:8px;
    color:#fff;
    text-decoration:none;
    font-weight:800;
}

.about-outline-btn:hover {
    background:#fff;
    color:#123b5d;
}

.about-hero-panel {
    padding:36px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:18px;
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(14px);
}

.about-hero-panel > span {
    display:block;
    margin-bottom:20px;
    color:#f58220;
    font-size:12px;
    font-weight:800;
    letter-spacing:.15em;
    text-transform:uppercase;
}

.about-hero-panel > div {
    padding:18px 0;
    border-bottom:1px solid rgba(255,255,255,.14);
}

.about-hero-panel > div:last-child {
    border-bottom:0;
}

.about-hero-panel strong {
    display:block;
    margin-bottom:5px;
    color:#fff;
    font-family:Manrope,sans-serif;
    font-size:21px;
}

.about-hero-panel small {
    color:rgba(255,255,255,.65);
    line-height:1.5;
}

.about-intro {
    padding:105px 0;
}

.about-intro-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:100px;
}

.about-intro h2,
.about-heading h2,
.about-who-copy h2,
.about-values-heading h2,
.about-process h2 {
    margin:18px 0 0;
    color:#1d2730;
    font-family:Manrope,sans-serif;
    font-size:clamp(38px,4vw,56px);
    line-height:1.06;
    letter-spacing:-.04em;
}

.about-intro-copy p {
    margin:0 0 22px;
    color:#64717d;
    font-size:17px;
    line-height:1.8;
}

.about-capabilities {
    padding:105px 0;
    background:#f7f8f9;
}

.about-heading {
    max-width:750px;
    margin-bottom:52px;
}

.about-capability-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
}

.about-capability-grid article {
    min-height:280px;
    padding:32px;
    border:1px solid #e1e6e9;
    border-radius:14px;
    background:#fff;
    box-shadow:0 10px 30px rgba(18,59,93,.05);
}

.about-capability-grid article > span {
    display:block;
    margin-bottom:34px;
    color:#f58220;
    font-weight:800;
}

.about-capability-grid h3 {
    margin:0 0 14px;
    color:#1d2730;
    font-family:Manrope,sans-serif;
    font-size:23px;
}

.about-capability-grid p {
    margin:0;
    color:#64717d;
    line-height:1.7;
}

.about-services-link {
    margin-top:38px;
    text-align:center;
}

.about-services-link a {
    color:#0b6fa4;
    text-decoration:none;
    font-weight:800;
}

.about-who {
    padding:110px 0;
}

.about-who-grid {
    display:grid;
    grid-template-columns:.75fr 1.25fr;
    gap:80px;
    align-items:center;
}

.about-who-copy p {
    margin:24px 0 0;
    color:#64717d;
    font-size:17px;
    line-height:1.8;
}

.about-who-cards {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
}

.about-who-card {
    min-height:400px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding:38px;
    border-radius:18px;
    text-decoration:none;
}

.about-who-card.residential {
    background:linear-gradient(145deg,#176d68,#123b5d);
}

.about-who-card.commercial {
    background:linear-gradient(145deg,#0b6fa4,#123b5d);
}

.about-who-card > span {
    color:#f58220;
    font-size:12px;
    font-weight:800;
    letter-spacing:.14em;
    text-transform:uppercase;
}

.about-who-card h3 {
    margin:14px 0;
    color:#fff;
    font-family:Manrope,sans-serif;
    font-size:34px;
    line-height:1.08;
}

.about-who-card p {
    color:rgba(255,255,255,.72);
    line-height:1.7;
}

.about-who-card strong {
    color:#fff;
}

.about-values {
    padding:110px 0;
    background:#123b5d;
}

.about-values-heading {
    max-width:780px;
    margin-bottom:55px;
}

.about-values-heading .about-section-label {
    color:#91dda6;
}

.about-values-heading h2 {
    color:#fff;
}

.about-values-grid {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:20px;
}

.about-values-grid article {
    padding:30px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:14px;
    background:rgba(255,255,255,.06);
}

.about-values-grid article > span {
    display:block;
    margin-bottom:28px;
    color:#f58220;
    font-weight:800;
}

.about-values-grid strong {
    display:block;
    margin-bottom:12px;
    color:#fff;
    font-family:Manrope,sans-serif;
    font-size:20px;
}

.about-values-grid p {
    margin:0;
    color:rgba(255,255,255,.7);
    line-height:1.7;
}

.about-process {
    padding:110px 0;
}

.about-process-grid {
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:100px;
    align-items:center;
}

.about-process-grid > div:first-child > p {
    max-width:550px;
    margin:24px 0 0;
    color:#64717d;
    font-size:17px;
    line-height:1.8;
}

.about-process-list {
    border-top:1px solid #dfe5e8;
}

.about-process-list > div {
    display:grid;
    grid-template-columns:55px 1fr;
    gap:20px;
    padding:25px 0;
    border-bottom:1px solid #dfe5e8;
}

.about-process-list > div > span {
    color:#f58220;
    font-weight:800;
}

.about-process-list strong {
    display:block;
    margin-bottom:6px;
    font-family:Manrope,sans-serif;
    font-size:20px;
}

.about-process-list p {
    margin:0;
    color:#64717d;
    line-height:1.65;
}

.about-final {
    padding:85px 0;
    background:linear-gradient(120deg,#0b6fa4,#123b5d);
}

.about-final-grid {
    display:grid;
    grid-template-columns:1fr auto;
    gap:70px;
    align-items:center;
}

.about-final-grid > div:first-child > span {
    color:#91dda6;
    font-size:12px;
    font-weight:800;
    letter-spacing:.14em;
    text-transform:uppercase;
}

.about-final h2 {
    margin:12px 0 15px;
    color:#fff;
    font-family:Manrope,sans-serif;
    font-size:clamp(38px,4vw,54px);
    line-height:1.04;
}

.about-final p {
    margin:0;
    color:rgba(255,255,255,.72);
    font-size:17px;
}

.about-final-actions {
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:15px;
}

.about-final-phone {
    color:#fff;
    text-decoration:none;
    font-family:Manrope,sans-serif;
    font-size:22px;
    font-weight:800;
}

.about-final-btn {
    min-height:54px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 28px;
    border-radius:8px;
    background:#f58220;
    color:#fff;
    text-decoration:none;
    font-weight:800;
}

.about-footer-logo {
    width:52px;
    height:auto;
}

@media (max-width:1050px) {

    .about-capability-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .about-values-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

}

@media (max-width:820px) {

    .about-hero-grid,
    .about-intro-grid,
    .about-who-grid,
    .about-process-grid,
    .about-final-grid {
        grid-template-columns:1fr;
    }

    .about-hero-grid {
        min-height:auto;
        gap:45px;
        padding-top:70px;
        padding-bottom:70px;
    }

    .about-intro-grid,
    .about-who-grid,
    .about-process-grid {
        gap:40px;
    }

    .about-final-actions {
        align-items:flex-start;
    }

}

@media (max-width:600px) {

    .about-capability-grid,
    .about-who-cards,
    .about-values-grid {
        grid-template-columns:1fr;
    }

    .about-hero h1 {
        font-size:48px;
    }

    .about-who-card {
        min-height:340px;
    }

}

/* MERCHAN PREMIUM ABOUT PAGE END */

/* MERCHAN PREMIUM SERVICE AREAS PAGE START */

.merchan-areas-page {
    background:#fff;
    color:#1d2730;
}

.areas-hero {
    position:relative;
    overflow:hidden;
    background:#123b5d;
}

.areas-hero-art {
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 84% 18%,
            rgba(32,166,74,.42),transparent 27%),
        radial-gradient(circle at 68% 90%,
            rgba(245,130,32,.17),transparent 24%),
        linear-gradient(
            125deg,
            #102f49,
            #123b5d 55%,
            #0b6fa4
        );
}

.areas-hero-grid {
    position:relative;
    z-index:2;
    min-height:590px;
    display:grid;
    grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);
    gap:80px;
    align-items:center;
    padding-top:90px;
    padding-bottom:90px;
}

.areas-eyebrow,
.areas-section-label {
    display:inline-flex;
    align-items:center;
    gap:12px;
    font-family:Manrope,sans-serif;
    font-size:12px;
    font-weight:800;
    letter-spacing:.15em;
    text-transform:uppercase;
}

.areas-eyebrow {
    color:#fff;
}

.areas-section-label {
    color:#0b6fa4;
}

.areas-eyebrow::before,
.areas-section-label::before {
    content:"";
    width:28px;
    height:3px;
    border-radius:999px;
    background:#f58220;
}

.areas-hero h1 {
    max-width:800px;
    margin:24px 0;
    color:#fff;
    font-family:Manrope,sans-serif;
    font-size:clamp(50px,6vw,82px);
    line-height:.98;
    letter-spacing:-.055em;
}

.areas-hero h1 span {
    display:block;
    color:#91dda6;
}

.areas-hero-copy > p {
    max-width:710px;
    margin:0;
    color:rgba(255,255,255,.76);
    font-size:18px;
    line-height:1.75;
}

.areas-hero-actions {
    display:flex;
    flex-wrap:wrap;
    gap:16px;
    margin-top:36px;
}

.areas-outline-btn {
    min-height:54px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 24px;
    border:1px solid rgba(255,255,255,.35);
    border-radius:8px;
    color:#fff;
    text-decoration:none;
    font-weight:800;
}

.areas-outline-btn:hover {
    background:#fff;
    color:#123b5d;
}

.areas-hero-panel {
    padding:36px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:18px;
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(14px);
}

.areas-hero-panel > span {
    display:block;
    margin-bottom:20px;
    color:#f58220;
    font-size:12px;
    font-weight:800;
    letter-spacing:.15em;
    text-transform:uppercase;
}

.areas-hero-panel > div {
    padding:18px 0;
    border-bottom:1px solid rgba(255,255,255,.14);
}

.areas-hero-panel > div:last-child {
    border-bottom:0;
}

.areas-hero-panel strong {
    display:block;
    margin-bottom:5px;
    color:#fff;
    font-family:Manrope,sans-serif;
    font-size:21px;
}

.areas-hero-panel small {
    color:rgba(255,255,255,.65);
}

.areas-intro {
    padding:105px 0;
}

.areas-intro-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:100px;
}

.areas-intro h2,
.areas-heading h2,
.areas-property-copy h2,
.areas-check h2 {
    margin:18px 0 0;
    color:#1d2730;
    font-family:Manrope,sans-serif;
    font-size:clamp(38px,4vw,56px);
    line-height:1.06;
    letter-spacing:-.04em;
}

.areas-intro-copy p {
    margin:0 0 22px;
    color:#64717d;
    font-size:17px;
    line-height:1.8;
}

.areas-coverage {
    padding:105px 0;
    background:#f7f8f9;
}

.areas-heading {
    max-width:720px;
    margin-bottom:52px;
}

.areas-coverage-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
}

.areas-card {
    min-height:320px;
    display:flex;
    flex-direction:column;
    padding:34px;
    border:1px solid #e1e6e9;
    border-radius:14px;
    background:#fff;
    box-shadow:0 10px 30px rgba(18,59,93,.05);
}

.areas-card > span {
    display:block;
    margin-bottom:42px;
    color:#f58220;
    font-weight:800;
}

.areas-card h3 {
    margin:0 0 14px;
    color:#1d2730;
    font-family:Manrope,sans-serif;
    font-size:27px;
}

.areas-card p {
    margin:0 0 24px;
    color:#64717d;
    line-height:1.75;
}

.areas-card strong {
    margin-top:auto;
    color:#0b6fa4;
    font-size:14px;
}

.areas-property-types {
    padding:110px 0;
}

.areas-property-grid {
    display:grid;
    grid-template-columns:.7fr 1.3fr;
    gap:80px;
    align-items:center;
}

.areas-property-copy p {
    margin:24px 0 0;
    color:#64717d;
    font-size:17px;
    line-height:1.8;
}

.areas-property-panels {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
}

.areas-property-card {
    min-height:390px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding:38px;
    border-radius:18px;
    text-decoration:none;
}

.areas-property-card.residential {
    background:
        linear-gradient(145deg,#176d68,#123b5d);
}

.areas-property-card.commercial {
    background:
        linear-gradient(145deg,#0b6fa4,#123b5d);
}

.areas-property-card > span {
    color:#f58220;
    font-size:12px;
    font-weight:800;
    letter-spacing:.14em;
    text-transform:uppercase;
}

.areas-property-card h3 {
    margin:14px 0;
    color:#fff;
    font-family:Manrope,sans-serif;
    font-size:33px;
    line-height:1.08;
}

.areas-property-card p {
    color:rgba(255,255,255,.72);
    line-height:1.7;
}

.areas-property-card strong {
    color:#fff;
}

.areas-check {
    padding:110px 0;
    background:#f7f8f9;
}

.areas-check-grid {
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:100px;
    align-items:center;
}

.areas-check-grid > div:first-child > p {
    margin:24px 0 0;
    color:#64717d;
    font-size:17px;
    line-height:1.8;
}

.areas-check-list {
    border-top:1px solid #dfe5e8;
}

.areas-check-list > div {
    display:grid;
    grid-template-columns:55px 1fr;
    gap:20px;
    padding:25px 0;
    border-bottom:1px solid #dfe5e8;
}

.areas-check-list > div > span {
    color:#f58220;
    font-weight:800;
}

.areas-check-list strong {
    display:block;
    margin-bottom:6px;
    font-family:Manrope,sans-serif;
    font-size:20px;
}

.areas-check-list p {
    margin:0;
    color:#64717d;
    line-height:1.65;
}

.areas-contact-strip {
    padding:70px 0;
    background:#123b5d;
}

.areas-contact-strip-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:center;
}

.areas-contact-strip-grid > div:first-child > span {
    color:#91dda6;
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.14em;
}

.areas-contact-strip h2 {
    margin:10px 0 0;
    color:#fff;
    font-family:Manrope,sans-serif;
    font-size:clamp(34px,4vw,50px);
    line-height:1.05;
}

.areas-business-info {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
}

.areas-business-info > div {
    padding:24px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:12px;
    background:rgba(255,255,255,.06);
}

.areas-business-info small {
    display:block;
    margin-bottom:8px;
    color:rgba(255,255,255,.58);
}

.areas-business-info a,
.areas-business-info strong {
    color:#fff;
    text-decoration:none;
    font-family:Manrope,sans-serif;
    font-size:18px;
}

.areas-final {
    padding:85px 0;
    background:
        linear-gradient(120deg,#0b6fa4,#123b5d);
}

.areas-final-grid {
    display:grid;
    grid-template-columns:1fr auto;
    gap:70px;
    align-items:center;
}

.areas-final-grid > div:first-child > span {
    color:#91dda6;
    font-size:12px;
    font-weight:800;
    letter-spacing:.14em;
    text-transform:uppercase;
}

.areas-final h2 {
    margin:12px 0 15px;
    color:#fff;
    font-family:Manrope,sans-serif;
    font-size:clamp(38px,4vw,54px);
    line-height:1.04;
}

.areas-final p {
    margin:0;
    color:rgba(255,255,255,.72);
    font-size:17px;
}

.areas-final-actions {
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:15px;
}

.areas-final-phone {
    color:#fff;
    text-decoration:none;
    font-family:Manrope,sans-serif;
    font-size:22px;
    font-weight:800;
}

.areas-final-btn {
    min-height:54px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 28px;
    border-radius:8px;
    background:#f58220;
    color:#fff;
    text-decoration:none;
    font-weight:800;
}

.areas-footer-logo {
    width:52px;
    height:auto;
}

@media (max-width:950px) {

    .areas-coverage-grid {
        grid-template-columns:1fr;
    }

}

@media (max-width:820px) {

    .areas-hero-grid,
    .areas-intro-grid,
    .areas-property-grid,
    .areas-check-grid,
    .areas-contact-strip-grid,
    .areas-final-grid {
        grid-template-columns:1fr;
    }

    .areas-hero-grid {
        min-height:auto;
        gap:45px;
        padding-top:70px;
        padding-bottom:70px;
    }

    .areas-intro-grid,
    .areas-property-grid,
    .areas-check-grid {
        gap:40px;
    }

    .areas-final-actions {
        align-items:flex-start;
    }

}

@media (max-width:600px) {

    .areas-property-panels,
    .areas-business-info {
        grid-template-columns:1fr;
    }

    .areas-hero h1 {
        font-size:48px;
    }

    .areas-property-card {
        min-height:330px;
    }

}

/* MERCHAN PREMIUM SERVICE AREAS PAGE END */

/* MERCHAN PREMIUM CONTACT PAGE START */

.merchan-contact-page {
    background:#fff;
    color:#1d2730;
}

.contact-hero {
    position:relative;
    overflow:hidden;
    background:#123b5d;
}

.contact-hero-art {
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 84% 18%,
            rgba(11,111,164,.55),transparent 28%),
        radial-gradient(circle at 70% 90%,
            rgba(245,130,32,.18),transparent 24%),
        linear-gradient(125deg,#102f49,#123b5d 55%,#0b6fa4);
}

.contact-hero-grid {
    position:relative;
    z-index:2;
    min-height:590px;
    display:grid;
    grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);
    gap:80px;
    align-items:center;
    padding-top:90px;
    padding-bottom:90px;
}

.contact-eyebrow,
.contact-section-label {
    display:inline-flex;
    align-items:center;
    gap:12px;
    font-family:Manrope,sans-serif;
    font-size:12px;
    font-weight:800;
    letter-spacing:.15em;
    text-transform:uppercase;
}

.contact-eyebrow {
    color:#fff;
}

.contact-section-label {
    color:#0b6fa4;
}

.contact-eyebrow::before,
.contact-section-label::before {
    content:"";
    width:28px;
    height:3px;
    border-radius:999px;
    background:#f58220;
}

.contact-hero h1 {
    max-width:800px;
    margin:24px 0;
    color:#fff;
    font-family:Manrope,sans-serif;
    font-size:clamp(50px,6vw,82px);
    line-height:.98;
    letter-spacing:-.055em;
}

.contact-hero h1 span {
    display:block;
    color:#91dda6;
}

.contact-hero-copy > p {
    max-width:700px;
    margin:0;
    color:rgba(255,255,255,.76);
    font-size:18px;
    line-height:1.75;
}

.contact-hero-actions {
    display:flex;
    flex-wrap:wrap;
    gap:16px;
    margin-top:36px;
}

.contact-outline-btn {
    min-height:54px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 25px;
    border:1px solid rgba(255,255,255,.35);
    border-radius:8px;
    color:#fff;
    text-decoration:none;
    font-weight:800;
}

.contact-outline-btn:hover {
    background:#fff;
    color:#123b5d;
}

.contact-hero-panel {
    padding:36px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:18px;
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(14px);
}

.contact-hero-panel > span {
    display:block;
    margin-bottom:20px;
    color:#f58220;
    font-size:12px;
    font-weight:800;
    letter-spacing:.15em;
    text-transform:uppercase;
}

.contact-hero-panel > div {
    padding:18px 0;
    border-bottom:1px solid rgba(255,255,255,.14);
}

.contact-hero-panel > div:last-child {
    border-bottom:0;
}

.contact-hero-panel small {
    display:block;
    margin-bottom:6px;
    color:rgba(255,255,255,.55);
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.08em;
}

.contact-hero-panel a,
.contact-hero-panel strong {
    color:#fff;
    text-decoration:none;
    font-family:Manrope,sans-serif;
    font-size:18px;
    line-height:1.5;
}

.contact-options {
    padding:105px 0;
}

.contact-heading {
    max-width:760px;
    margin-bottom:52px;
}

.contact-heading h2,
.contact-estimate h2,
.contact-services-heading h2 {
    margin:18px 0 0;
    color:#1d2730;
    font-family:Manrope,sans-serif;
    font-size:clamp(38px,4vw,56px);
    line-height:1.06;
    letter-spacing:-.04em;
}

.contact-option-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
}

.contact-option-card {
    min-height:330px;
    display:flex;
    flex-direction:column;
    padding:34px;
    border:1px solid #e0e6ea;
    border-radius:15px;
    background:#f7f8f9;
    color:#1d2730;
    text-decoration:none;
}

.contact-option-card > span {
    display:block;
    margin-bottom:35px;
    color:#f58220;
    font-weight:800;
}

.contact-option-card small {
    color:#0b6fa4;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.08em;
}

.contact-option-card h3 {
    margin:12px 0 16px;
    color:#1d2730;
    font-family:Manrope,sans-serif;
    font-size:24px;
    line-height:1.2;
}

.contact-option-card p {
    margin:0 0 25px;
    color:#64717d;
    line-height:1.7;
}

.contact-option-card strong {
    margin-top:auto;
    color:#0b6fa4;
    font-size:14px;
}

.contact-estimate {
    padding:110px 0;
    background:#f7f8f9;
}

.contact-estimate-grid {
    display:grid;
    grid-template-columns:.85fr 1.15fr;
    gap:100px;
    align-items:center;
}

.contact-estimate-grid > div:first-child > p {
    max-width:520px;
    margin:24px 0 0;
    color:#64717d;
    font-size:17px;
    line-height:1.8;
}

.contact-estimate-list {
    border-top:1px solid #dfe5e8;
}

.contact-estimate-list > div {
    display:grid;
    grid-template-columns:55px 1fr;
    gap:20px;
    padding:24px 0;
    border-bottom:1px solid #dfe5e8;
}

.contact-estimate-list > div > span {
    color:#f58220;
    font-weight:800;
}

.contact-estimate-list strong {
    display:block;
    margin-bottom:6px;
    font-family:Manrope,sans-serif;
    font-size:20px;
}

.contact-estimate-list p {
    margin:0;
    color:#64717d;
    line-height:1.65;
}

.contact-services {
    padding:110px 0;
}

.contact-services-heading {
    max-width:780px;
    margin-bottom:52px;
}

.contact-service-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
}

.contact-service-grid > div {
    display:flex;
    align-items:center;
    gap:18px;
    min-height:90px;
    padding:22px;
    border:1px solid #e0e6ea;
    border-radius:12px;
}

.contact-service-grid span {
    color:#f58220;
    font-weight:800;
}

.contact-service-grid strong {
    color:#1d2730;
    font-family:Manrope,sans-serif;
    font-size:18px;
}

.contact-services-link {
    margin-top:34px;
    text-align:center;
}

.contact-services-link a {
    color:#0b6fa4;
    text-decoration:none;
    font-weight:800;
}

.contact-area {
    padding:75px 0;
    background:#123b5d;
}

.contact-area-grid {
    display:grid;
    grid-template-columns:1fr auto;
    gap:60px;
    align-items:center;
}

.contact-area-grid > div > span {
    color:#91dda6;
    font-size:12px;
    font-weight:800;
    letter-spacing:.14em;
    text-transform:uppercase;
}

.contact-area h2 {
    margin:10px 0 14px;
    color:#fff;
    font-family:Manrope,sans-serif;
    font-size:clamp(34px,4vw,50px);
    line-height:1.05;
}

.contact-area p {
    margin:0;
    color:rgba(255,255,255,.7);
    font-size:17px;
}

.contact-area-button {
    min-height:54px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 28px;
    border:1px solid rgba(255,255,255,.3);
    border-radius:8px;
    color:#fff;
    text-decoration:none;
    font-weight:800;
}

.contact-area-button:hover {
    background:#fff;
    color:#123b5d;
}

.contact-final {
    padding:85px 0;
    background:linear-gradient(120deg,#0b6fa4,#123b5d);
}

.contact-final-grid {
    display:grid;
    grid-template-columns:1fr auto;
    gap:70px;
    align-items:center;
}

.contact-final-grid > div:first-child > span {
    color:#91dda6;
    font-size:12px;
    font-weight:800;
    letter-spacing:.14em;
    text-transform:uppercase;
}

.contact-final h2 {
    margin:12px 0 15px;
    color:#fff;
    font-family:Manrope,sans-serif;
    font-size:clamp(38px,4vw,54px);
    line-height:1.04;
}

.contact-final p {
    margin:0;
    color:rgba(255,255,255,.72);
    font-size:17px;
}

.contact-final-actions {
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:15px;
}

.contact-final-phone {
    color:#fff;
    text-decoration:none;
    font-family:Manrope,sans-serif;
    font-size:22px;
    font-weight:800;
}

.contact-final-btn {
    min-height:54px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 28px;
    border-radius:8px;
    background:#f58220;
    color:#fff;
    text-decoration:none;
    font-weight:800;
}

.contact-footer-logo {
    width:52px;
    height:auto;
}

@media (max-width:900px) {

    .contact-option-grid,
    .contact-service-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

}

@media (max-width:820px) {

    .contact-hero-grid,
    .contact-estimate-grid,
    .contact-area-grid,
    .contact-final-grid {
        grid-template-columns:1fr;
    }

    .contact-hero-grid {
        min-height:auto;
        gap:45px;
        padding-top:70px;
        padding-bottom:70px;
    }

    .contact-estimate-grid {
        gap:40px;
    }

    .contact-final-actions {
        align-items:flex-start;
    }

}

@media (max-width:600px) {

    .contact-option-grid,
    .contact-service-grid {
        grid-template-columns:1fr;
    }

    .contact-hero h1 {
        font-size:48px;
    }

    .contact-option-card {
        min-height:auto;
    }

}

/* MERCHAN PREMIUM CONTACT PAGE END */

/* MERCHAN TRUST ICON SIZE FIX */
.trust-icon,
.trust-item .icon,
.trust-row .icon {
    display:flex;
    align-items:center;
    justify-content:center;
}

.trust-icon img,
.trust-icon svg,
.trust-item .icon img,
.trust-item .icon svg,
.trust-row .icon img,
.trust-row .icon svg {
    width:24px !important;
    height:24px !important;
    max-width:none !important;
    max-height:none !important;
}

/* MERCHAN TRUST ICON SIZE FIX */
.trust-icon,
.trust-item .icon,
.trust-row .icon {
    display:flex;
    align-items:center;
    justify-content:center;
}

.trust-icon img,
.trust-icon svg,
.trust-item .icon img,
.trust-item .icon svg,
.trust-row .icon img,
.trust-row .icon svg {
    width:24px !important;
    height:24px !important;
    max-width:none !important;
    max-height:none !important;
}

/* FINAL MERCHAN TRUST ICON SIZE OVERRIDE */
#merchanHero .merchan-fixed-trust-icon {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;
    object-fit: contain !important;
    transform: none !important;
}

/* FINAL TRUST ICON SIZE - 32PX */
#merchanHero .merchan-fixed-trust-icon {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    max-width: 32px !important;
    max-height: 32px !important;
    object-fit: contain !important;
}

/* FINAL TRUST ICON SIZE - 32PX */
#merchanHero .merchan-fixed-trust-icon {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    max-width: 32px !important;
    max-height: 32px !important;
    object-fit: contain !important;
}

/* FINAL TRUST ICON SIZE - 36PX */
#merchanHero .merchan-fixed-trust-icon {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    max-width: 36px !important;
    max-height: 36px !important;
    object-fit: contain !important;
}


/* ========================================================
   MERCHAN SERVICE ICONS - CLEAN CANONICAL RESET
======================================================== */

.services-section .service-icon {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    min-height: 58px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin-bottom: 24px !important;
    border-radius: 14px !important;

    background-image: none !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: auto !important;
}

.services-section .service-icon svg {
    width: 27px !important;
    height: 27px !important;
    max-width: 27px !important;
    max-height: 27px !important;

    display: block !important;

    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

.services-section .service-icon img {
    display: none !important;
}

.services-section .service-card:hover .service-icon {
    transform: translateY(-2px) !important;
}

/* Maintenance */
.services-section .service-card:nth-child(1) .service-icon {
    color: #20a64a !important;
    background: rgba(32,166,74,.10) !important;
}

/* Painting */
.services-section .service-card:nth-child(2) .service-icon {
    color: #f58220 !important;
    background: rgba(245,130,32,.10) !important;
}

/* Landscaping */
.services-section .service-card:nth-child(3) .service-icon {
    color: #20a64a !important;
    background: rgba(32,166,74,.10) !important;
}

/* Cleaning */
.services-section .service-card:nth-child(4) .service-icon {
    color: #0b6fa4 !important;
    background: rgba(11,111,164,.10) !important;
}

/* Pressure Washing */
.services-section .service-card:nth-child(5) .service-icon {
    color: #0b6fa4 !important;
    background: rgba(11,111,164,.10) !important;
}

/* Plumbing */
.services-section .service-card:nth-child(6) .service-icon {
    color: #0b6fa4 !important;
    background: rgba(11,111,164,.10) !important;
}

/* Electrical */
.services-section .service-card:nth-child(7) .service-icon {
    color: #f58220 !important;
    background: rgba(245,130,32,.10) !important;
}

/* Property Improvements */
.services-section .service-card:nth-child(8) .service-icon {
    color: #20a64a !important;
    background: rgba(32,166,74,.10) !important;
}

/* MERCHAN LIVE NEW SERVICE ICONS */
.services-section .service-icon.new-service-icon {
    width: 68px !important;
    height: 68px !important;
    min-width: 68px !important;
    min-height: 68px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    background-image: none !important;
}

.services-section .service-icon.new-service-icon .service-icon-img {
    display: block !important;
    width: 68px !important;
    height: 68px !important;
    max-width: 68px !important;
    max-height: 68px !important;
    object-fit: contain !important;
    border-radius: 14px !important;
}

/* FINAL MERCHAN SERVICE PNG ICON DISPLAY */
.services-section .service-icon.new-service-icon {
    width: 68px !important;
    height: 68px !important;
    min-width: 68px !important;
    min-height: 68px !important;
    padding: 0 !important;
    overflow: visible !important;
    background-image: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.services-section .service-icon.new-service-icon img.service-icon-img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 68px !important;
    height: 68px !important;
    max-width: 68px !important;
    max-height: 68px !important;
    object-fit: contain !important;
}

/* Keep homepage services heading on one line */
.services-section .section-heading h2 {
    white-space: nowrap;
}

@media (max-width: 900px) {
    .services-section .section-heading h2 {
        white-space: normal;
    }
}

/* =========================================================
   MERCHAN PREMIUM CONTACT / ESTIMATE FORM
========================================================= */

.contact-form-grid {
    display: grid;
    grid-template-columns: .82fr 1.18fr;
    gap: 80px;
    align-items: start;
}

.contact-form-intro {
    max-width: 470px;
}

.contact-form-intro h2 {
    margin: 12px 0 20px;
    font-family: Manrope, sans-serif;
    font-size: clamp(38px, 4vw, 56px);
    line-height: 1.05;
    letter-spacing: -1.8px;
    color: #1d2730;
}

.contact-form-intro > p {
    margin: 0;
    color: #64717d;
    font-size: 17px;
    line-height: 1.75;
}

.contact-form-help {
    margin-top: 30px;
    padding-top: 26px;
    border-top: 1px solid #dfe5e8;
}

.contact-form-help strong {
    display: block;
    margin-bottom: 7px;
    color: #1d2730;
    font-family: Manrope, sans-serif;
    font-size: 15px;
}

.contact-form-help a {
    color: #0b6fa4;
    font-family: Manrope, sans-serif;
    font-size: 24px;
    font-weight: 800;
    text-decoration: none;
}

.estimate-form {
    padding: 38px;
    background: #ffffff;
    border: 1px solid #e0e6ea;
    border-radius: 18px;
    box-shadow: 0 18px 55px rgba(18,59,93,.10);
}

.form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.form-field {
    margin-bottom: 18px;
}

.form-field label {
    display: block;
    margin-bottom: 8px;
    color: #1d2730;
    font-family: Manrope, sans-serif;
    font-size: 13px;
    font-weight: 800;
}

.form-field input,
.form-field select,
.form-field textarea {
    width: 100%;
    padding: 0 16px;
    border: 1px solid #d7e0e5;
    border-radius: 9px;
    background: #f9fbfc;
    color: #1d2730;
    font-family: Inter, sans-serif;
    font-size: 15px;
    outline: none;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.form-field input,
.form-field select {
    height: 54px;
}

.form-field textarea {
    min-height: 155px;
    padding-top: 15px;
    resize: vertical;
}

.form-field input:focus,
.form-field select:focus,
.form-field textarea:focus {
    border-color: #0b6fa4;
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(11,111,164,.11);
}

.estimate-submit {
    width: 100%;
    min-height: 57px;
    border: 0;
    border-radius: 9px;
    background: #f58220;
    color: #ffffff;
    font-family: Manrope, sans-serif;
    font-size: 15px;
    font-weight: 800;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.estimate-submit:hover {
    background: #df7018;
    transform: translateY(-1px);
    box-shadow: 0 10px 24px rgba(245,130,32,.22);
}

.form-note {
    margin: 14px 0 0;
    text-align: center;
    color: #7a858e;
    font-size: 12px;
    line-height: 1.5;
}

.form-honeypot {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

@media (max-width: 900px) {

    .contact-form-grid {
        grid-template-columns: 1fr;
        gap: 42px;
    }

    .contact-form-intro {
        max-width: 650px;
    }

}

@media (max-width: 620px) {

    .estimate-form {
        padding: 24px 18px;
        border-radius: 14px;
    }

    .form-row {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .contact-form-intro h2 {
        font-size: 38px;
    }

}

/* Estimate form status message */
.form-status {
    max-width: 1180px;
    margin: 0 auto 24px;
    padding: 16px 20px;
    border-radius: 10px;
    font-weight: 700;
}

.form-status.success {
    background: #eaf8ee;
    color: #176b32;
    border: 1px solid #bfe5c9;
}

.form-status.error {
    background: #fff1ef;
    color: #a83a2b;
    border: 1px solid #efc5bf;
}

/* Position estimate form status message */
.contact-estimate .form-status {
    width: min(1120px, calc(100% - 40px));
    margin: 0 auto 28px;
    padding: 16px 20px;
    border-radius: 10px;
    text-align: center;
    font-size: 14px;
    line-height: 1.5;
}

.contact-estimate .form-status.success {
    background: #eaf8ee;
    border: 1px solid #bfe5c9;
    color: #176b32;
}

.contact-estimate .form-status.error {
    background: #fff1ef;
    border: 1px solid #efc5bf;
    color: #a83a2b;
}

@media (max-width: 620px) {
    .contact-estimate .form-status {
        width: calc(100% - 30px);
        margin-bottom: 20px;
    }
}

/* Services page PNG icons */
.services-card-icon.services-card-icon-image {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    overflow: hidden;
}

.services-card-icon.services-card-icon-image img {
    display: block;
    width: 64px;
    height: 64px;
    max-width: 64px;
    max-height: 64px;
    object-fit: contain;
    border-radius: 14px;
}

/* Language selector - polished pill */
.language-switch-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 58px;
    height: 46px;
    padding: 0 16px;
    border: 1px solid #d7dee5;
    border-radius: 999px;
    background: #ffffff;
    color: #1d2730;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
    letter-spacing: .02em;
    box-shadow: 0 6px 18px rgba(18, 59, 93, .07);
    transition: all .2s ease;
    white-space: nowrap;
}

.language-switch-link:hover {
    border-color: #b9c4ce;
    box-shadow: 0 8px 24px rgba(18, 59, 93, .12);
    transform: translateY(-1px);
}

.header-actions {
    display: flex;
    align-items: center;
    gap: 14px;
}

/* Spanish homepage hero buttons */
html[lang="es"] .merchan-hero-actions .merchan-btn-primary {
    min-width: 245px;
    padding-left: 24px;
    padding-right: 24px;
    white-space: nowrap;
    flex-shrink: 0;
}

html[lang="es"] .merchan-hero-actions .merchan-btn-secondary {
    min-width: 190px;
    white-space: nowrap;
    flex-shrink: 0;
}

/* Slightly wider Spanish hero estimate button */
html[lang="es"] .merchan-hero-actions .merchan-btn-primary {
    min-width: 265px;
    padding-left: 28px;
    padding-right: 28px;
}

/* HOMEPAGE FOOTER CUSTOMER LOGO */
.home-footer-logo {
    width: 48px;
    height: auto;
    object-fit: contain;
    flex: 0 0 auto;
}