:root {
    --brand: #0053FF;
    --brand-rgb: 0, 83, 255;
    --brand-soft: rgba(var(--brand-rgb), .08);

    --black: #000000;
    --dark: #1D2228;
    --text: #2A2E33;
    --muted: #687078;

    --white: #ffffff;
    --bg: #F6F7F9;
    --line: #E3E6EA;

    --radius: 16px;
    --radius-lg: 24px;

    --shadow:
        0 12px 38px
        rgba(0, 0, 0, .08);

    --width: 1280px;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    background: var(--white);
    color: var(--text);

    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Arial,
        sans-serif;

    font-size: 16px;
    line-height: 1.65;
}

body.admin-bar .eco-header {
    top: 32px;
}

img {
    max-width: 100%;
    height: auto;
}

a {
    color: var(--brand);
    text-decoration: none;
}

a:hover {
    color: var(--brand);
}

.eco-container {
    width:
        min(
            calc(100% - 40px),
            var(--width)
        );

    margin-inline: auto;
}


/* -----------------------------------------
   TOP BAR
----------------------------------------- */

.eco-topbar {
    background: var(--dark);
    color: rgba(255,255,255,.88);

    font-size: 13px;
}

.eco-topbar-inner {
    min-height: 38px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;
}

.eco-topbar strong {
    color: #fff;
}


/* -----------------------------------------
   HEADER
----------------------------------------- */

.eco-header {
    position: sticky;
    top: 0;
    z-index: 100;

    background:
        rgba(255,255,255,.96);

    border-bottom:
        1px solid var(--line);

    backdrop-filter:
        blur(12px);
}

.eco-header-inner {
    min-height: 80px;

    display: flex;
    align-items: center;

    gap: 32px;
}

.eco-logo {
    display: flex;
    align-items: center;

    margin-right: auto;
}

.eco-logo-text {
    color: var(--dark);

    font-size: 29px;
    line-height: 1;

    font-weight: 900;

    letter-spacing: -1px;
}

.eco-logo-text span {
    color: var(--brand);
}

.custom-logo {
    display: block;

    width: auto;
    max-height: 54px;
}


/* -----------------------------------------
   NAVIGATION
----------------------------------------- */

.eco-nav ul {
    display: flex;
    align-items: center;

    gap: 26px;

    list-style: none;

    margin: 0;
    padding: 0;
}

.eco-nav a {
    color: var(--dark);

    font-size: 14px;
    font-weight: 700;
}

.eco-nav a:hover {
    color: var(--brand);
}

.eco-header-actions {
    display: flex;
    align-items: center;

    gap: 10px;
}


/* -----------------------------------------
   BUTTONS
----------------------------------------- */

.eco-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
    display: inline-flex;

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

    min-height: 46px;

    padding:
        10px 20px;

    border: 0;

    border-radius: 11px;

    background:
        var(--brand);

    color: #fff;

    font-weight: 800;

    cursor: pointer;

    transition:
        transform .15s ease,
        background .15s ease,
        box-shadow .15s ease;
}

.eco-button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    background:
        var(--brand);

    color: #fff;

    transform:
        translateY(-1px);

    box-shadow:
        0 8px 18px
        rgba(var(--brand-rgb), .18);
}

.eco-button-outline {
    border:
        1px solid var(--brand);

    background:
        transparent;

    color:
        var(--brand);
}

.eco-button-outline:hover {
    background:
        var(--brand-soft);

    color:
        var(--brand);

    box-shadow:
        none;
}


/* -----------------------------------------
   HERO
----------------------------------------- */

.eco-hero {
    position: relative;

    overflow: hidden;

    padding:
        90px 0 82px;

    background:
        radial-gradient(
            circle at 85% 15%,
            rgba(var(--brand-rgb), .17),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            rgba(var(--brand-rgb), .045) 0%,
            #ffffff 56%,
            rgba(var(--brand-rgb), .075) 100%
        );
}

.eco-hero-grid {
    display: grid;

    grid-template-columns:
        1.08fr .92fr;

    gap: 74px;

    align-items: center;
}

.eco-kicker {
    display: inline-flex;

    padding:
        7px 12px;

    border-radius:
        999px;

    background:
        var(--brand-soft);

    color:
        var(--brand);

    font-size: 12px;
    font-weight: 900;

    letter-spacing:
        .5px;

    text-transform:
        uppercase;
}

.eco-hero h1 {
    max-width: 800px;

    margin:
        20px 0 22px;

    color:
        var(--dark);

    font-size:
        clamp(
            43px,
            5vw,
            69px
        );

    line-height: 1.02;

    letter-spacing:
        -2.5px;
}

.eco-hero p {
    max-width: 690px;

    margin:
        0 0 30px;

    color:
        var(--muted);

    font-size:
        19px;

    line-height:
        1.6;
}

.eco-hero-actions {
    display: flex;
    flex-wrap: wrap;

    gap: 12px;
}


/* -----------------------------------------
   TECH PANEL
----------------------------------------- */

.eco-tech-panel {
    padding: 34px;

    border:
        1px solid
        rgba(var(--brand-rgb), .14);

    border-radius:
        var(--radius-lg);

    background:
        rgba(255,255,255,.88);

    box-shadow:
        var(--shadow);
}

.eco-tech-panel h2 {
    margin:
        15px 0 10px;

    color:
        var(--dark);

    font-size:
        27px;

    line-height:
        1.2;
}

.eco-tech-panel > p {
    color:
        var(--muted);
}

.eco-spec-list {
    list-style: none;

    padding: 0;
    margin:
        24px 0 0;
}

.eco-spec-list li {
    display: flex;
    justify-content: space-between;

    gap: 25px;

    padding:
        13px 0;

    border-bottom:
        1px solid
        var(--line);
}

.eco-spec-list li:last-child {
    border-bottom: 0;
}

.eco-spec-list span {
    color:
        var(--muted);
}

.eco-spec-list strong {
    color:
        var(--dark);

    text-align: right;
}


/* -----------------------------------------
   TRUST
----------------------------------------- */

.eco-trust {
    border-top:
        1px solid var(--line);

    border-bottom:
        1px solid var(--line);

    background:
        #fff;
}

.eco-trust-grid {
    display: grid;

    grid-template-columns:
        repeat(4,1fr);
}

.eco-trust-item {
    padding:
        25px 27px;

    border-right:
        1px solid var(--line);
}

.eco-trust-item:last-child {
    border-right: 0;
}

.eco-trust-item strong {
    display: block;

    margin-bottom: 3px;

    color:
        var(--dark);

    font-size:
        15px;
}

.eco-trust-item span {
    color:
        var(--muted);

    font-size:
        13px;
}


/* -----------------------------------------
   SECTIONS
----------------------------------------- */

.eco-section {
    padding:
        78px 0;
}

.eco-section-alt {
    background:
        var(--bg);
}

.eco-section-head {
    max-width:
        800px;

    margin-bottom:
        38px;
}

.eco-section-head h2,
.eco-content h1 {
    color:
        var(--dark);

    line-height:
        1.12;

    letter-spacing:
        -1.3px;
}

.eco-section-head h2 {
    margin:
        10px 0 13px;

    font-size:
        clamp(
            30px,
            3vw,
            44px
        );
}

.eco-section-head p {
    margin: 0;

    color:
        var(--muted);
}


/* -----------------------------------------
   CARDS
----------------------------------------- */

.eco-card-grid {
    display: grid;

    grid-template-columns:
        repeat(3,1fr);

    gap: 22px;
}

.eco-card {
    padding: 29px;

    border:
        1px solid var(--line);

    border-radius:
        var(--radius);

    background:
        var(--white);

    transition:
        transform .16s ease,
        box-shadow .16s ease;
}

.eco-card:hover {
    transform:
        translateY(-3px);

    box-shadow:
        var(--shadow);
}

.eco-card h3 {
    margin:
        10px 0;

    color:
        var(--dark);

    font-size:
        22px;

    line-height:
        1.28;
}

.eco-card p {
    color:
        var(--muted);
}

.eco-card-link {
    font-weight: 850;
}


/* -----------------------------------------
   CONTENT
----------------------------------------- */

.eco-content {
    min-height:
        500px;

    padding:
        50px 0 80px;
}

.eco-content article {
    max-width:
        920px;
}

.eco-content h1 {
    margin:
        0 0 30px;

    font-size:
        clamp(
            35px,
            4vw,
            52px
        );
}


/* -----------------------------------------
   FOOTER
----------------------------------------- */

.eco-footer {
    margin-top:
        70px;

    padding:
        56px 0 28px;

    background:
        var(--dark);

    color:
        rgba(255,255,255,.72);
}

.eco-footer-grid {
    display: grid;

    grid-template-columns:
        1.4fr 1fr 1fr;

    gap:
        65px;
}

.eco-footer h3,
.eco-footer strong {
    color:
        #fff;
}

.eco-footer ul {
    list-style: none;

    padding: 0;
}

.eco-footer li {
    margin-bottom:
        7px;
}

.eco-footer a {
    color:
        rgba(255,255,255,.86);
}

.eco-footer-bottom {
    margin-top:
        42px;

    padding-top:
        21px;

    border-top:
        1px solid
        rgba(255,255,255,.12);

    font-size:
        13px;
}


/* -----------------------------------------
   WOOCOMMERCE
----------------------------------------- */

.woocommerce .woocommerce-breadcrumb {
    margin:
        0 0 28px;

    color:
        var(--muted);

    font-size:
        13px;
}

.woocommerce-products-header__title {
    color:
        var(--dark);
}

.woocommerce ul.products {
    display: grid;

    grid-template-columns:
        repeat(4,1fr);

    gap:
        22px;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after {
    display: none;
}

.woocommerce ul.products li.product {
    float: none !important;

    width: auto !important;

    margin: 0 !important;

    padding:
        18px;

    border:
        1px solid
        var(--line);

    border-radius:
        var(--radius);

    background:
        #fff;

    transition:
        transform .16s ease,
        box-shadow .16s ease;
}

.woocommerce ul.products li.product:hover {
    transform:
        translateY(-3px);

    box-shadow:
        var(--shadow);
}

.woocommerce ul.products li.product img {
    border-radius:
        10px;
}

.woocommerce ul.products li.product
.woocommerce-loop-product__title {
    color:
        var(--dark);

    font-size:
        16px;

    line-height:
        1.4;
}

.woocommerce ul.products li.product .price {
    color:
        var(--brand);

    font-weight:
        850;
}

.woocommerce div.product .product_title {
    color:
        var(--dark);
}

.woocommerce-message,
.woocommerce-info {
    border-top-color:
        var(--brand);
}


/* -----------------------------------------
   RESPONSIVE
----------------------------------------- */

@media (max-width: 1050px) {

    .eco-nav {
        display: none;
    }

    .eco-hero-grid {
        grid-template-columns:
            1fr;

        gap:
            38px;
    }

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

    .woocommerce ul.products {
        grid-template-columns:
            repeat(2,1fr);
    }

}

@media (max-width: 760px) {

    body.admin-bar .eco-header {
        top: 46px;
    }

    .eco-container {
        width:
            min(
                calc(100% - 28px),
                var(--width)
            );
    }

    .eco-header-inner {
        min-height:
            68px;
    }

    .eco-header-actions
    .eco-button:first-child {
        display: none;
    }

    .eco-topbar-inner {
        justify-content:
            center;
    }

    .eco-topbar-secondary {
        display: none;
    }

    .eco-hero {
        padding:
            58px 0;
    }

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

        letter-spacing:
            -1.6px;
    }

    .eco-trust-grid,
    .eco-card-grid,
    .eco-footer-grid,
    .woocommerce ul.products {
        grid-template-columns:
            1fr;
    }

    .eco-trust-item {
        border-right:
            0;

        border-bottom:
            1px solid var(--line);
    }

    .eco-section {
        padding:
            55px 0;
    }

}


.eco-brand-logo {
    display: block;
    width: auto;
    max-width: 220px;
    max-height: 58px;
    object-fit: contain;
}


/* ECO-TEC refined dark palette */

.eco-topbar {
    background: #1D2228;
}

.eco-footer {
    background: #1D2228;
}

.eco-footer-bottom {
    border-top-color: rgba(255,255,255,.13);
}

.eco-tech-panel {
    box-shadow:
        0 14px 38px
        rgba(20,27,35,.08);
}

.eco-card:hover,
.woocommerce ul.products li.product:hover {
    box-shadow:
        0 12px 34px
        rgba(20,27,35,.09);
}


/* ECO-TEC PREMIUM TECH START */

:root {
    --brand: #0053FF;
    --brand-dark: #003FC4;
    --brand-soft: #DCE8FF;
    --ice: #EAF2FF;

    --navy-950: #071A33;
    --navy-900: #0B2442;
    --navy-800: #0B2B50;

    --text: #253247;
    --muted: #637083;

    --surface: #FFFFFF;
    --bg: #F5F8FC;
    --line: #DEE5EF;

    --premium-shadow:
        0 24px 70px rgba(7, 26, 51, .10);

    --card-shadow:
        0 12px 34px rgba(7, 26, 51, .07);
}


/* GLOBAL */

body {
    background: var(--surface);
    color: var(--text);
}

a {
    text-underline-offset: 3px;
}


/* TOP / HEADER */

.eco-topbar {
    background:
        linear-gradient(
            100deg,
            #071A33 0%,
            #0B2B50 58%,
            #08407A 100%
        );
    color: #fff;
    border: 0;
}

.eco-header,
.site-header {
    background:
        rgba(255,255,255,.96);
    border-bottom:
        1px solid rgba(11,36,66,.08);
    box-shadow:
        0 6px 24px rgba(7,26,51,.035);
}


/* FOOTER */

.eco-footer {
    position: relative;
    background:
        linear-gradient(
            145deg,
            #071A33 0%,
            #0A2240 58%,
            #0B315B 100%
        );
    color: rgba(255,255,255,.82);
}

.eco-footer::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 1px;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(0,83,255,.9),
            transparent
        );
}

.eco-footer a {
    color: rgba(255,255,255,.82);
}

.eco-footer a:hover {
    color: #fff;
}

.eco-footer-bottom {
    border-top:
        1px solid rgba(255,255,255,.10);
}


/* HOMEPAGE BASE */

.eco-home {
    overflow: hidden;
}

.eco-home-wrap {
    width:
        min(1180px, calc(100% - 40px));
    margin-inline: auto;
}

.eco-home-section {
    padding:
        clamp(72px, 8vw, 118px)
        0;
}

.eco-home-kicker,
.eco-home-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    margin-bottom: 18px;

    color: var(--brand);

    font-size: 12px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: .14em;
}

.eco-home-kicker::before,
.eco-home-eyebrow::before {
    content: "";
    width: 20px;
    height: 2px;
    background: var(--brand);
    border-radius: 99px;
}

.eco-home h1,
.eco-home h2,
.eco-home h3 {
    color: var(--navy-950);
    letter-spacing: -.035em;
}

.eco-home h2 {
    margin: 0;
    font-size:
        clamp(32px, 4.4vw, 54px);
    line-height: 1.04;
}

.eco-home p {
    color: var(--muted);
}


/* BUTTONS */

.eco-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;

    min-height: 52px;
    padding: 0 22px;

    border:
        1px solid transparent;
    border-radius: 10px;

    font-size: 15px;
    line-height: 1;
    font-weight: 750;
    text-decoration: none;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        background .2s ease,
        color .2s ease,
        border-color .2s ease;
}

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

.eco-btn-primary {
    color: #fff;
    background:
        linear-gradient(
            135deg,
            #0053FF,
            #006CFF
        );
    box-shadow:
        0 12px 30px rgba(0,83,255,.24);
}

.eco-btn-primary:hover {
    color: #fff;
    box-shadow:
        0 17px 40px rgba(0,83,255,.31);
}

.eco-btn-secondary {
    color: var(--navy-900);
    background: #fff;
    border-color:
        rgba(11,36,66,.16);
    box-shadow:
        0 8px 22px rgba(7,26,51,.045);
}

.eco-btn-secondary:hover {
    color: var(--brand);
    border-color:
        rgba(0,83,255,.34);
}

.eco-btn-white {
    color: var(--navy-950);
    background: #fff;
    box-shadow:
        0 12px 34px rgba(7,26,51,.16);
}


/* HERO */

.eco-home-hero {
    position: relative;

    padding:
        clamp(74px, 8vw, 120px)
        0
        clamp(70px, 8vw, 110px);

    background:
        linear-gradient(
            180deg,
            #FFFFFF 0%,
            #F8FBFF 64%,
            #F2F7FF 100%
        );

    isolation: isolate;
}

.eco-home-hero::after {
    content: "";

    position: absolute;
    inset: auto 0 0 0;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(0,83,255,.15),
            transparent
        );
}

.eco-home-glow {
    position: absolute;
    z-index: -1;

    border-radius: 999px;
    filter: blur(4px);
    pointer-events: none;
}

.eco-home-glow-one {
    width: 540px;
    height: 540px;
    right: -160px;
    top: -180px;

    background:
        radial-gradient(
            circle,
            rgba(0,83,255,.13) 0%,
            rgba(0,83,255,0) 70%
        );
}

.eco-home-glow-two {
    width: 420px;
    height: 420px;
    left: -250px;
    bottom: -220px;

    background:
        radial-gradient(
            circle,
            rgba(70,145,255,.12) 0%,
            rgba(70,145,255,0) 70%
        );
}

.eco-home-hero-grid {
    display: grid;
    grid-template-columns:
        minmax(0, 1.13fr)
        minmax(340px, .72fr);
    gap:
        clamp(48px, 7vw, 92px);
    align-items: center;
}

.eco-home-hero-copy h1 {
    max-width: 780px;
    margin: 0;

    color: var(--navy-950);

    font-size:
        clamp(46px, 6.5vw, 78px);
    line-height: .99;
}

.eco-home-hero-copy h1 span {
    color: var(--brand);
}

.eco-home-lead {
    max-width: 690px;

    margin:
        28px 0 0;

    font-size:
        clamp(17px, 1.5vw, 20px);
    line-height: 1.62;
}

.eco-home-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;

    margin-top: 34px;
}

.eco-home-proof {
    display: grid;
    grid-template-columns:
        repeat(3, minmax(0,1fr));
    gap: 18px;

    max-width: 730px;
    margin-top: 42px;
    padding-top: 26px;

    border-top:
        1px solid var(--line);
}

.eco-home-proof div {
    min-width: 0;
}

.eco-home-proof strong {
    display: block;

    margin-bottom: 5px;

    color: var(--navy-950);

    font-size: 16px;
    line-height: 1.2;
}

.eco-home-proof span {
    display: block;

    color: var(--muted);

    font-size: 12px;
    line-height: 1.4;
}


/* TECH PANEL */

.eco-home-hero-panel {
    position: relative;
}

.eco-home-tech-card {
    position: relative;

    overflow: hidden;

    padding:
        clamp(28px, 4vw, 38px);

    background:
        linear-gradient(
            145deg,
            #071A33 0%,
            #0B2B50 70%,
            #0A3C70 100%
        );

    border:
        1px solid rgba(255,255,255,.11);

    border-radius: 22px;

    box-shadow:
        0 34px 75px rgba(7,26,51,.24);
}

.eco-home-tech-card::before {
    content: "";

    position: absolute;
    width: 240px;
    height: 240px;
    right: -110px;
    top: -120px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(0,83,255,.65),
            rgba(0,83,255,0) 70%
        );
}

.eco-home-tech-head {
    position: relative;

    display: flex;
    align-items: center;
    gap: 10px;

    padding-bottom: 24px;

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

    border-bottom:
        1px solid rgba(255,255,255,.11);

    font-size: 12px;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.eco-home-status-dot {
    width: 8px;
    height: 8px;

    border-radius: 50%;

    background: #62A0FF;

    box-shadow:
        0 0 0 6px rgba(98,160,255,.12);
}

.eco-home-tech-feature {
    position: relative;

    display: grid;
    grid-template-columns: 36px 1fr;
    gap: 17px;

    padding: 23px 0;

    border-bottom:
        1px solid rgba(255,255,255,.09);
}

.eco-home-tech-number {
    color:
        rgba(116,173,255,.78);

    font-size: 11px;
    font-weight: 800;
}

.eco-home-tech-feature strong {
    display: block;

    margin-bottom: 7px;

    color: #fff;

    font-size: 17px;
    line-height: 1.25;
}

.eco-home-tech-feature div span {
    display: block;

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

    font-size: 13px;
    line-height: 1.55;
}

.eco-home-panel-link {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-top: 25px;

    color: #fff;

    font-size: 14px;
    font-weight: 750;
    text-decoration: none;
}

.eco-home-panel-link:hover {
    color: #9EC4FF;
}


/* SECTION HEADER */

.eco-home-section-head {
    display: grid;
    grid-template-columns:
        minmax(0, 1.2fr)
        minmax(260px, .55fr);

    gap: 55px;
    align-items: end;

    margin-bottom: 48px;
}

.eco-home-section-head > p {
    margin: 0;

    font-size: 16px;
    line-height: 1.65;
}


/* CATEGORIES */

.eco-home-categories {
    background: #fff;
}

.eco-home-category-grid {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0,1fr));
    gap: 18px;
}

.eco-home-category-card {
    position: relative;

    min-height: 260px;

    display: grid;
    grid-template-columns:
        44px 1fr 38px;
    gap: 18px;

    padding: 34px;

    color: var(--text);
    text-decoration: none;

    background: #fff;

    border:
        1px solid var(--line);

    border-radius: 16px;

    box-shadow:
        0 8px 26px rgba(7,26,51,.035);

    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}

.eco-home-category-card:hover {
    transform:
        translateY(-5px);

    border-color:
        rgba(0,83,255,.28);

    box-shadow:
        var(--card-shadow);
}

.eco-home-category-main {
    background:
        linear-gradient(
            145deg,
            #F3F7FF,
            #FFFFFF
        );
}

.eco-home-card-index {
    color:
        rgba(0,83,255,.65);

    font-size: 12px;
    font-weight: 850;
}

.eco-home-card-label {
    display: block;

    margin-bottom: 13px;

    color: var(--brand);

    font-size: 11px;
    font-weight: 800;
    letter-spacing: .11em;
}

.eco-home-category-card h3 {
    margin:
        0 0 14px;

    font-size:
        clamp(23px, 2.2vw, 31px);
    line-height: 1.08;
}

.eco-home-category-card p {
    max-width: 460px;

    margin: 0;

    font-size: 14px;
    line-height: 1.65;
}

.eco-home-card-arrow {
    align-self: end;
    justify-self: end;

    width: 36px;
    height: 36px;

    display: grid;
    place-items: center;

    color: var(--brand);

    background: var(--ice);

    border-radius: 50%;

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

.eco-home-category-card:hover
.eco-home-card-arrow {
    color: #fff;
    background: var(--brand);
}


/* WHY */

.eco-home-why {
    background: var(--bg);
}

.eco-home-why-grid {
    display: grid;
    grid-template-columns:
        minmax(0,.78fr)
        minmax(0,1.05fr);

    gap:
        clamp(48px, 8vw, 105px);
}

.eco-home-why-copy {
    align-self: center;
}

.eco-home-why-copy h2 {
    margin-bottom: 26px;
}

.eco-home-why-copy p {
    margin-bottom: 30px;

    font-size: 17px;
    line-height: 1.7;
}

.eco-home-benefits {
    display: grid;
    grid-template-columns:
        repeat(2,minmax(0,1fr));
    gap: 16px;
}

.eco-home-benefits article {
    padding: 26px;

    background: #fff;

    border:
        1px solid var(--line);

    border-radius: 14px;

    box-shadow:
        0 8px 24px rgba(7,26,51,.035);
}

.eco-home-benefits article > span {
    display: block;

    margin-bottom: 32px;

    color: var(--brand);

    font-size: 11px;
    font-weight: 850;
}

.eco-home-benefits h3 {
    margin:
        0 0 12px;

    font-size: 20px;
    line-height: 1.25;
}

.eco-home-benefits p {
    margin: 0;

    font-size: 13px;
    line-height: 1.65;
}


/* CALCULATOR CTA */

.eco-home-selector {
    background: #fff;
}

.eco-home-selector-box {
    position: relative;

    overflow: hidden;

    display: grid;
    grid-template-columns:
        minmax(0,1fr)
        auto;

    gap: 50px;
    align-items: center;

    padding:
        clamp(38px, 6vw, 70px);

    color: #fff;

    background:
        linear-gradient(
            120deg,
            #0053FF 0%,
            #075FD8 56%,
            #0B3970 100%
        );

    border-radius: 22px;

    box-shadow:
        0 28px 60px rgba(0,83,255,.20);
}

.eco-home-selector-box::after {
    content: "";

    position: absolute;

    width: 400px;
    height: 400px;

    right: -180px;
    top: -200px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(255,255,255,.18),
            rgba(255,255,255,0) 70%
        );
}

.eco-home-kicker-light {
    position: relative;
    z-index: 1;

    color:
        rgba(255,255,255,.75);
}

.eco-home-kicker-light::before {
    background:
        rgba(255,255,255,.65);
}

.eco-home-selector h2 {
    position: relative;
    z-index: 1;

    max-width: 730px;

    color: #fff;
}

.eco-home-selector p {
    position: relative;
    z-index: 1;

    max-width: 700px;

    margin:
        22px 0 0;

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

    font-size: 15px;
    line-height: 1.7;
}

.eco-home-selector .eco-btn {
    position: relative;
    z-index: 2;
    white-space: nowrap;
}


/* ANSWERS / GEO-FRIENDLY CONTENT */

.eco-home-answers {
    background:
        linear-gradient(
            180deg,
            #F8FAFD,
            #FFFFFF
        );
}

.eco-home-answer-grid {
    display: grid;
    grid-template-columns:
        repeat(3,minmax(0,1fr));
    gap: 18px;
}

.eco-home-answer-grid article {
    padding: 30px;

    background: #fff;

    border:
        1px solid var(--line);

    border-radius: 14px;
}

.eco-home-answer-grid h3 {
    margin:
        0 0 14px;

    font-size: 21px;
}

.eco-home-answer-grid p {
    margin: 0;

    font-size: 14px;
    line-height: 1.72;
}


/* PARTNER */

.eco-home-partner {
    padding:
        62px 0 82px;

    background: #fff;
}

.eco-home-partner-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;

    padding-top: 42px;

    border-top:
        1px solid var(--line);
}

.eco-home-partner h2 {
    margin:
        0 0 9px;

    font-size:
        clamp(26px,3vw,38px);
}

.eco-home-partner p {
    max-width: 700px;

    margin: 0;

    font-size: 14px;
    line-height: 1.65;
}


/* WOOCOMMERCE PREMIUM BASE */

.woocommerce ul.products li.product,
.eco-card {
    background: #fff;

    border:
        1px solid var(--line);

    border-radius: 14px;

    box-shadow:
        0 8px 25px rgba(7,26,51,.04);

    transition:
        transform .22s ease,
        border-color .22s ease,
        box-shadow .22s ease;
}

.woocommerce ul.products li.product:hover,
.eco-card:hover {
    transform: translateY(-4px);

    border-color:
        rgba(0,83,255,.25);

    box-shadow:
        var(--card-shadow);
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    color: #fff !important;
    background:
        var(--brand) !important;

    border-radius:
        9px !important;

    font-weight:
        750 !important;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    background:
        var(--brand-dark) !important;
}


/* ACCESSIBILITY */

.eco-btn:focus-visible,
.eco-home-category-card:focus-visible,
.eco-home-panel-link:focus-visible {
    outline:
        3px solid rgba(0,83,255,.35);
    outline-offset: 3px;
}


/* RESPONSIVE */

@media (max-width: 920px) {

    .eco-home-hero-grid,
    .eco-home-why-grid {
        grid-template-columns: 1fr;
    }

    .eco-home-hero-panel {
        max-width: 620px;
    }

    .eco-home-section-head {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .eco-home-selector-box {
        grid-template-columns: 1fr;
    }

    .eco-home-selector .eco-btn {
        justify-self: start;
    }

}


@media (max-width: 700px) {

    .eco-home-wrap {
        width:
            min(100% - 28px,1180px);
    }

    .eco-home-hero {
        padding-top: 58px;
    }

    .eco-home-hero-copy h1 {
        font-size:
            clamp(39px,12vw,57px);
    }

    .eco-home-proof {
        grid-template-columns: 1fr;
    }

    .eco-home-proof div {
        padding-bottom: 13px;
    }

    .eco-home-category-grid,
    .eco-home-benefits,
    .eco-home-answer-grid {
        grid-template-columns: 1fr;
    }

    .eco-home-category-card {
        min-height: 230px;
        padding: 26px;

        grid-template-columns:
            32px 1fr;
    }

    .eco-home-card-arrow {
        display: none;
    }

    .eco-home-tech-card {
        border-radius: 17px;
    }

    .eco-home-selector-box {
        padding: 34px 25px;
        border-radius: 17px;
    }

    .eco-home-partner-inner {
        align-items: flex-start;
        flex-direction: column;
    }

}


/* REDUCED MOTION */

@media (
    prefers-reduced-motion: reduce
) {

    .eco-btn,
    .eco-home-category-card,
    .eco-home-card-arrow,
    .woocommerce ul.products li.product {
        transition: none;
    }

}

/* ECO-TEC PREMIUM TECH END */


/* ECO-TEC HEADER LOGO V30 */

.eco-brand img,
.eco-logo img,
.site-branding img,
.custom-logo-link img,
.site-logo img {
    display: block;
    width: auto;
    height: 52px;
    max-width: 260px;
    object-fit: contain;
    object-position: left center;
}

.eco-brand,
.eco-logo,
.site-branding,
.custom-logo-link,
.site-logo {
    display: inline-flex;
    align-items: center;
    line-height: 0;
}

@media (max-width: 700px) {

    .eco-brand img,
    .eco-logo img,
    .site-branding img,
    .custom-logo-link img,
    .site-logo img {
        height: 42px;
        max-width: 215px;
    }

}


/* ECO-TEC HEADER LOGO FINAL V30R */

.eco-logo .eco-brand-logo {
    display: block;
    width: auto;
    height: 52px;
    max-width: 265px;
    object-fit: contain;
    object-position: left center;
    image-rendering: auto;
}

@media (max-width: 900px) {

    .eco-logo .eco-brand-logo {
        height: 46px;
        max-width: 235px;
    }

}

@media (max-width: 600px) {

    .eco-logo .eco-brand-logo {
        height: 40px;
        max-width: 205px;
    }

}


/* ECO-TEC PRODUCT UI V31 START */


/* PRODUCT PAGE */

.single-product .site-main {
    padding-top: 42px;
}

.single-product div.product {
    position: relative;
}

.single-product div.product .woocommerce-product-gallery {
    padding: 18px;

    background:
        linear-gradient(
            145deg,
            #FFFFFF,
            #F8FAFD
        );

    border:
        1px solid var(--line);

    border-radius: 18px;

    box-shadow:
        0 14px 40px rgba(7,26,51,.055);
}

.single-product div.product
.woocommerce-product-gallery__image img {
    border-radius: 12px;
}

.single-product div.product .summary {
    padding-top: 6px;
}

.single-product .product_title {
    margin-bottom: 18px;

    color: var(--navy-950);

    font-size:
        clamp(34px,4vw,52px);

    line-height: 1.04;
    letter-spacing: -.035em;
}

.single-product div.product p.price,
.single-product div.product span.price {
    margin:
        22px 0;

    color: var(--brand);

    font-size:
        clamp(28px,3vw,39px);

    font-weight: 800;
    letter-spacing: -.025em;
}

.single-product div.product p.price del,
.single-product div.product span.price del {
    margin-right: 9px;

    color: var(--muted);

    font-size: .62em;
    opacity: .65;
}

.single-product div.product p.price ins,
.single-product div.product span.price ins {
    text-decoration: none;
}

.single-product .woocommerce-product-details__short-description {
    max-width: 690px;

    color: var(--muted);

    font-size: 16px;
    line-height: 1.67;
}

.single-product form.cart {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;

    margin-top: 25px;
}

.single-product form.cart .quantity input {
    min-height: 52px;

    border:
        1px solid var(--line);

    border-radius: 9px;
}

.single-product form.cart .single_add_to_cart_button {
    min-height: 52px;

    padding:
        0 28px !important;

    border-radius:
        9px !important;

    box-shadow:
        0 12px 28px rgba(0,83,255,.22);
}

.single-product form.cart
.single_add_to_cart_button:hover {
    transform:
        translateY(-1px);

    box-shadow:
        0 16px 34px rgba(0,83,255,.29);
}

.single-product .stock {
    display: inline-flex;
    align-items: center;
    gap: 7px;

    padding:
        7px 11px;

    color: var(--navy-900);

    background: var(--ice);

    border-radius: 999px;

    font-size: 13px;
    font-weight: 750;
}

.single-product .stock::before {
    content: "";

    width: 7px;
    height: 7px;

    background: var(--brand);

    border-radius: 50%;
}


/* QUICK FACTS */

.eco-product-facts {
    display: grid;

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

    gap: 10px;

    margin:
        24px 0;
}

.eco-product-fact {
    min-width: 0;

    padding:
        13px 15px;

    background: var(--bg);

    border:
        1px solid var(--line);

    border-radius: 10px;
}

.eco-product-fact span {
    display: block;

    margin-bottom: 4px;

    color: var(--muted);

    font-size: 11px;
    font-weight: 700;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.eco-product-fact strong {
    display: block;

    overflow-wrap: anywhere;

    color: var(--navy-950);

    font-size: 14px;
    line-height: 1.35;
}


/* SUPPORT CTA */

.eco-product-support {
    display: grid;

    grid-template-columns:
        42px
        minmax(0,1fr)
        auto;

    gap: 15px;
    align-items: center;

    margin-top: 22px;
    padding: 18px;

    background:
        linear-gradient(
            135deg,
            #F1F6FF,
            #FFFFFF
        );

    border:
        1px solid rgba(0,83,255,.17);

    border-radius: 13px;
}

.eco-product-support-icon {
    width: 40px;
    height: 40px;

    display: grid;
    place-items: center;

    color: #fff;
    background: var(--brand);

    border-radius: 50%;

    font-weight: 850;

    box-shadow:
        0 8px 20px rgba(0,83,255,.19);
}

.eco-product-support-copy strong {
    display: block;

    margin-bottom: 3px;

    color: var(--navy-950);

    font-size: 14px;
}

.eco-product-support-copy span {
    display: block;

    color: var(--muted);

    font-size: 12px;
    line-height: 1.5;
}

.eco-product-support-actions {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 5px;
}

.eco-product-support-link {
    color: var(--brand);

    font-size: 12px;
    font-weight: 750;
    text-decoration: none;
}

.eco-product-support-link:hover {
    text-decoration: underline;
}

.eco-product-support-contact {
    color: var(--navy-900);
}


/* PRODUCT TABS */

.single-product
.woocommerce-tabs {
    clear: both;

    padding-top:
        clamp(55px,7vw,90px);
}

.single-product
.woocommerce-tabs ul.tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;

    padding: 0 !important;
    margin-bottom: 25px !important;

    border: 0 !important;
}

.single-product
.woocommerce-tabs ul.tabs::before,
.single-product
.woocommerce-tabs ul.tabs li::before,
.single-product
.woocommerce-tabs ul.tabs li::after {
    display: none !important;
}

.single-product
.woocommerce-tabs ul.tabs li {
    margin: 0 !important;
    padding: 0 !important;

    background: #fff !important;

    border:
        1px solid var(--line) !important;

    border-radius:
        9px !important;
}

.single-product
.woocommerce-tabs ul.tabs li a {
    padding:
        12px 17px !important;

    color:
        var(--navy-900) !important;

    font-size: 13px;
    font-weight: 750 !important;
}

.single-product
.woocommerce-tabs ul.tabs li.active {
    background:
        var(--navy-950) !important;

    border-color:
        var(--navy-950) !important;
}

.single-product
.woocommerce-tabs ul.tabs li.active a {
    color: #fff !important;
}

.single-product
.woocommerce-Tabs-panel {
    padding:
        clamp(24px,4vw,40px);

    background: #fff;

    border:
        1px solid var(--line);

    border-radius: 14px;
}

.single-product
.woocommerce-Tabs-panel h2 {
    color: var(--navy-950);
}

.single-product
.woocommerce-Tabs-panel p,
.single-product
.woocommerce-Tabs-panel li {
    color: var(--text);

    line-height: 1.72;
}

.single-product
.woocommerce-Tabs-panel table {
    width: 100%;

    border-collapse: collapse;

    font-size: 14px;
}

.single-product
.woocommerce-Tabs-panel th,
.single-product
.woocommerce-Tabs-panel td {
    padding: 11px 12px;

    border-bottom:
        1px solid var(--line);

    text-align: left;
}

.single-product
.woocommerce-Tabs-panel th {
    color: var(--navy-950);

    background: var(--bg);

    font-weight: 750;
}

.eco-inline-cta {
    color: var(--brand);

    font-weight: 750;
    text-decoration: none;
}


/* PRODUCT GRID */

.woocommerce ul.products {
    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0,1fr)
        );

    gap: 20px;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after {
    display: none;
}

.woocommerce ul.products
li.product {
    width: auto !important;
    margin: 0 !important;

    padding: 15px 15px 19px;
}

.woocommerce ul.products
li.product a img {
    margin-bottom: 17px !important;

    border-radius: 10px;
}

.woocommerce ul.products
li.product
.woocommerce-loop-product__title {
    padding:
        0 !important;

    color: var(--navy-950);

    font-size: 17px !important;
    line-height: 1.3;
}

.woocommerce ul.products
li.product .price {
    margin-top: 12px;

    color: var(--brand) !important;

    font-size: 18px !important;
    font-weight: 800 !important;
}

.woocommerce ul.products
li.product .button {
    width: 100%;

    min-height: 44px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin-top:
        15px !important;
}


/* MOBILE */

@media (max-width: 900px) {

    .woocommerce ul.products {
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );
    }

    .eco-product-support {
        grid-template-columns:
            42px 1fr;
    }

    .eco-product-support-actions {
        grid-column: 2;
        align-items: flex-start;
    }

}

@media (max-width: 600px) {

    .single-product .site-main {
        padding-top: 25px;
    }

    .single-product
    .product_title {
        font-size:
            clamp(31px,10vw,43px);
    }

    .eco-product-facts {
        grid-template-columns: 1fr;
    }

    .woocommerce ul.products {
        grid-template-columns: 1fr;
    }

    .single-product
    .woocommerce-Tabs-panel {
        padding: 20px;
    }

}

/* ECO-TEC PRODUCT UI V31 END */


/* ECO-TEC CATALOG UI V34 START */


.woocommerce-shop .site-main,
.tax-product_cat .site-main {
    padding-top: 0;
}


/* HERO */

.eco-catalog-hero {
    position: relative;

    margin:
        0 0 28px;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 90% 10%,
            rgba(0,83,255,.15),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            #071A33,
            #0B2B50
        );

    border-radius:
        0 0 22px 22px;
}

.eco-catalog-hero-inner {
    width:
        min(
            1180px,
            calc(100% - 36px)
        );

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        minmax(0,1.55fr)
        minmax(300px,.75fr);

    gap: 42px;

    align-items: end;

    padding:
        clamp(52px,7vw,86px)
        0
        clamp(45px,6vw,72px);
}

.eco-catalog-copy h1 {
    max-width: 820px;

    margin:
        10px 0 16px;

    color: #fff;

    font-size:
        clamp(39px,5vw,64px);

    line-height: .99;

    letter-spacing: -.045em;
}

.eco-catalog-description {
    max-width: 730px;

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

    font-size: 16px;
    line-height: 1.65;
}

.eco-catalog-description p {
    margin:
        0 0 8px;
}

.eco-catalog-hero .eco-eyebrow {
    color: #9FC2FF;
}

.eco-catalog-proof {
    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0,1fr)
        );

    gap: 8px;
}

.eco-catalog-proof > div {
    min-width: 0;

    padding:
        16px 13px;

    background:
        rgba(255,255,255,.07);

    border:
        1px solid rgba(255,255,255,.11);

    border-radius: 12px;

    backdrop-filter:
        blur(7px);
}

.eco-catalog-proof strong {
    display: block;

    color: #fff;

    font-size: 19px;
    line-height: 1.15;
}

.eco-catalog-proof span {
    display: block;

    margin-top: 5px;

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

    font-size: 10px;
    line-height: 1.35;

    text-transform: uppercase;

    letter-spacing: .035em;
}


/* CATEGORY CHIPS */

.eco-category-nav {
    width:
        min(
            1180px,
            calc(100% - 36px)
        );

    margin:
        0 auto 18px;

    display: flex;
    gap: 7px;

    overflow-x: auto;

    padding-bottom: 2px;

    scrollbar-width: thin;
}

.eco-category-chip {
    flex: 0 0 auto;

    display: inline-flex;
    align-items: center;
    gap: 7px;

    min-height: 39px;

    padding:
        0 13px;

    color: var(--navy-900);

    background: #fff;

    border:
        1px solid var(--line);

    border-radius: 999px;

    font-size: 12px;
    font-weight: 750;

    text-decoration: none;

    transition:
        .18s ease;
}

.eco-category-chip:hover {
    color: var(--brand);

    border-color:
        rgba(0,83,255,.35);
}

.eco-category-chip.is-active {
    color: #fff;

    background: var(--brand);

    border-color: var(--brand);

    box-shadow:
        0 8px 22px rgba(0,83,255,.19);
}

.eco-category-chip span {
    min-width: 19px;
    height: 19px;

    display: inline-grid;
    place-items: center;

    padding:
        0 4px;

    background:
        rgba(99,112,131,.10);

    border-radius: 999px;

    font-size: 9px;
}

.eco-category-chip.is-active span {
    background:
        rgba(255,255,255,.18);
}


/* FILTERS */

.eco-filter-panel {
    width:
        min(
            1180px,
            calc(100% - 36px)
        );

    margin:
        0 auto 23px;

    padding: 17px;

    background: #fff;

    border:
        1px solid var(--line);

    border-radius: 14px;

    box-shadow:
        0 10px 32px rgba(7,26,51,.035);
}

.eco-filter-heading {
    margin-bottom: 12px;
}

.eco-filter-heading strong {
    display: block;

    color: var(--navy-950);

    font-size: 14px;
}

.eco-filter-heading span {
    display: block;

    margin-top: 2px;

    color: var(--muted);

    font-size: 11px;
}

.eco-filter-form {
    display: grid;

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

    gap: 9px;

    align-items: end;
}

.eco-filter-form label {
    display: block;
}

.eco-filter-form label > span {
    display: block;

    margin:
        0 0 5px 2px;

    color: var(--muted);

    font-size: 10px;
    font-weight: 750;

    letter-spacing: .025em;

    text-transform: uppercase;
}

.eco-filter-form select {
    width: 100%;
    min-height: 42px;

    padding:
        0 31px 0 10px;

    color: var(--navy-900);

    background: var(--bg);

    border:
        1px solid var(--line);

    border-radius: 8px;

    font-size: 12px;
}

.eco-filter-actions {
    display: flex;
    align-items: center;
    gap: 9px;
}

.eco-filter-actions .button {
    min-height: 42px;

    display: inline-flex;
    align-items: center;

    margin: 0 !important;

    white-space: nowrap;
}

.eco-filter-actions > a {
    color: var(--muted);

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

    text-decoration: none;
}


/* RESULT BAR */

.woocommerce
.woocommerce-result-count {
    color: var(--muted);

    font-size: 12px;
}

.woocommerce
.woocommerce-ordering select {
    min-height: 39px;

    padding:
        0 10px;

    background: #fff;

    border:
        1px solid var(--line);

    border-radius: 8px;
}


/* PRODUCT CARD FACTS */

.eco-loop-facts {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;

    margin:
        9px 0 0;
}

.eco-loop-facts span {
    padding:
        4px 7px;

    color: var(--navy-900);

    background: var(--ice);

    border:
        1px solid rgba(0,83,255,.08);

    border-radius: 6px;

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

    line-height: 1.25;
}


/* DOCUMENTATION */

.eco-document-panel {
    display: grid;

    grid-template-columns:
        52px
        minmax(0,1fr)
        auto;

    gap: 16px;

    align-items: center;

    padding:
        18px;

    background:
        linear-gradient(
            135deg,
            #F3F7FF,
            #FFFFFF
        );

    border:
        1px solid rgba(0,83,255,.15);

    border-radius: 12px;
}

.eco-document-icon {
    width: 50px;
    height: 50px;

    display: grid;
    place-items: center;

    color: #fff;

    background: var(--brand);

    border-radius: 10px;

    font-size: 11px;
    font-weight: 850;
}

.eco-document-copy strong {
    display: block;

    color: var(--navy-950);

    font-size: 15px;
}

.eco-document-copy span {
    display: block;

    margin-top: 3px;

    color: var(--muted);

    font-size: 12px;
}

.eco-document-button {
    margin: 0 !important;
}


/* RESPONSIVE */

@media (max-width: 1000px) {

    .eco-catalog-hero-inner {
        grid-template-columns: 1fr;
    }

    .eco-catalog-proof {
        max-width: 600px;
    }

    .eco-filter-form {
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );
    }

    .eco-filter-actions {
        grid-column:
            1 / -1;
    }

}

@media (max-width: 620px) {

    .eco-catalog-hero-inner {
        width:
            min(
                100% - 28px,
                1180px
            );

        gap: 27px;
    }

    .eco-catalog-copy h1 {
        font-size:
            clamp(36px,12vw,49px);
    }

    .eco-catalog-proof {
        grid-template-columns: 1fr;
    }

    .eco-category-nav,
    .eco-filter-panel {
        width:
            calc(100% - 28px);
    }

    .eco-filter-form {
        grid-template-columns: 1fr;
    }

    .eco-filter-actions {
        grid-column: auto;

        flex-wrap: wrap;
    }

    .eco-document-panel {
        grid-template-columns:
            46px 1fr;
    }

    .eco-document-button {
        grid-column:
            1 / -1;

        justify-content: center;
    }

}


/* ECO-TEC CATALOG UI V34 END */

/* ECO-TEC EQUAL PRODUCT CARDS V40 START */

/*
 * Equal catalogue cards.
 * Images remain proportional and uncropped.
 */

.woocommerce ul.products,
.woocommerce-page ul.products {
    align-items: stretch !important;
}


/*
 * If the catalogue already uses CSS Grid,
 * all generated rows receive the same height.
 */

@supports (display: grid) {

    .woocommerce ul.products,
    .woocommerce-page ul.products {
        grid-auto-rows: 1fr !important;
    }

}


/*
 * Product card itself.
 */

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    display: flex !important;
    flex-direction: column !important;

    height: 100% !important;
    min-height: 570px;

    box-sizing: border-box;
}


/*
 * Main clickable product area fills available height.
 */

.woocommerce ul.products li.product > a.woocommerce-LoopProduct-link,
.woocommerce-page ul.products li.product > a.woocommerce-LoopProduct-link {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;

    width: 100%;
}


/*
 * Fixed visual area for every product image.
 * Because V39 supplies the uncropped image,
 * contain shows the COMPLETE equipment.
 */

.woocommerce ul.products li.product img,
.woocommerce-page ul.products li.product img {
    width: 100% !important;
    height: 250px !important;

    object-fit: contain !important;
    object-position: center center !important;

    margin: 0 auto 16px auto !important;

    background: #fff;
}


/*
 * Reserve exactly three text lines for titles.
 * Short titles therefore occupy the same space
 * as longer titles.
 */

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title {
    line-height: 1.35 !important;

    min-height: calc(1.35em * 3);
    max-height: calc(1.35em * 3);

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;

    overflow: hidden;
}


/*
 * Price stays aligned towards the bottom
 * of the main product area.
 */

.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
    margin-top: auto !important;
    padding-top: 14px;
}


/*
 * Buttons line up on the same baseline.
 */

.woocommerce ul.products li.product .button,
.woocommerce-page ul.products li.product .button {
    margin-top: 14px !important;

    width: 100%;
    box-sizing: border-box;

    text-align: center;
}


/*
 * Technical badges / attributes should not
 * expand one card uncontrollably.
 */

.woocommerce ul.products li.product .ecotec-card-tech,
.woocommerce-page ul.products li.product .ecotec-card-tech {
    min-height: 48px;
}


/*
 * Tablet.
 */

@media (max-width: 899px) {

    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        min-height: 540px;
    }

    .woocommerce ul.products li.product img,
    .woocommerce-page ul.products li.product img {
        height: 225px !important;
    }

}


/*
 * Mobile.
 * Cards remain equal, only more compact.
 */

@media (max-width: 620px) {

    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        min-height: 500px;
    }

    .woocommerce ul.products li.product img,
    .woocommerce-page ul.products li.product img {
        height: 205px !important;
    }

}

/* ECO-TEC EQUAL PRODUCT CARDS V40 END */

/* ECO-TEC SINGLE PRODUCT UI V41 START */


/* Manufacturer + SKU */

.single-product .eco-v41-kicker {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;

    margin:
        2px
        0
        12px;
}

.single-product .eco-v41-kicker span {
    display: inline-flex;
    align-items: center;

    min-height: 28px;

    padding:
        5px
        10px;

    border:
        1px solid #D9E5F5;

    border-radius: 999px;

    background:
        #F5F8FC;

    color:
        #42526A;

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

    line-height: 1.2;
}


/* Key facts */

.single-product .eco-v41-facts {
    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );

    gap: 9px;

    margin:
        18px
        0;
}

.single-product .eco-v41-fact {
    min-width: 0;

    padding:
        12px
        13px;

    border:
        1px solid #DCE7F5;

    border-radius: 12px;

    background:
        linear-gradient(
            180deg,
            #FFFFFF 0%,
            #F7FAFE 100%
        );
}

.single-product .eco-v41-fact span {
    display: block;

    margin-bottom: 5px;

    color:
        #637083;

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

    line-height: 1.25;
}

.single-product .eco-v41-fact strong {
    display: block;

    color:
        #071A33;

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

    line-height: 1.25;
}


/* CTA */

.single-product .eco-v41-cta {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    gap: 18px;

    align-items: center;

    margin:
        20px
        0
        8px;

    padding:
        18px;

    border-radius: 16px;

    background:
        linear-gradient(
            135deg,
            #071A33 0%,
            #0B2B50 100%
        );

    box-shadow:
        0
        14px
        34px
        rgba(
            7,
            26,
            51,
            .14
        );
}

.single-product .eco-v41-cta-copy strong {
    display: block;

    margin-bottom: 5px;

    color: #FFFFFF;

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

    line-height: 1.25;
}

.single-product .eco-v41-cta-copy span {
    display: block;

    max-width: 580px;

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

    font-size: 13px;

    line-height: 1.45;
}

.single-product .eco-v41-cta-actions {
    display: flex;

    flex-direction: column;

    gap: 7px;

    min-width: 155px;
}

.single-product .eco-v41-primary,
.single-product .eco-v41-secondary {
    display: inline-flex;

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

    min-height: 42px;

    padding:
        8px
        16px;

    border-radius: 10px;

    text-align: center;

    text-decoration: none !important;

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

    line-height: 1.2;

    transition:
        transform .18s ease,
        background .18s ease,
        border-color .18s ease;
}

.single-product .eco-v41-primary {
    background:
        #0053FF;

    color:
        #FFFFFF !important;
}

.single-product .eco-v41-secondary {
    border:
        1px solid
        rgba(
            255,
            255,
            255,
            .24
        );

    background:
        rgba(
            255,
            255,
            255,
            .06
        );

    color:
        #FFFFFF !important;
}

.single-product .eco-v41-primary:hover,
.single-product .eco-v41-secondary:hover {
    transform:
        translateY(-1px);
}


/* Full technical section */

.single-product .eco-v41-spec-section {
    clear: both;

    margin:
        38px
        0
        26px;

    padding:
        28px;

    border:
        1px solid #DCE7F5;

    border-radius: 20px;

    background:
        #FFFFFF;

    box-shadow:
        0
        15px
        44px
        rgba(
            7,
            26,
            51,
            .06
        );
}

.single-product .eco-v41-spec-heading {
    max-width: 720px;

    margin-bottom: 22px;
}

.single-product .eco-v41-spec-heading > span {
    display: block;

    margin-bottom: 7px;

    color:
        #0053FF;

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

    letter-spacing: .10em;

    line-height: 1.2;
}

.single-product .eco-v41-spec-heading h2 {
    margin:
        0
        0
        7px;

    color:
        #071A33;

    font-size:
        clamp(
            24px,
            3vw,
            34px
        );

    line-height: 1.12;
}

.single-product .eco-v41-spec-heading p {
    margin: 0;

    color:
        #637083;

    font-size: 14px;

    line-height: 1.55;
}

.single-product .eco-v41-spec-grid {
    display: grid;

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

    gap:
        1px
        24px;

    margin: 0;

    border-top:
        1px solid #E4ECF6;
}

.single-product .eco-v41-spec-row {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(
            110px,
            .8fr
        );

    gap: 18px;

    align-items: center;

    min-height: 50px;

    padding:
        10px
        0;

    border-bottom:
        1px solid #E4ECF6;
}

.single-product .eco-v41-spec-row dt,
.single-product .eco-v41-spec-row dd {
    margin: 0;
}

.single-product .eco-v41-spec-row dt {
    color:
        #637083;

    font-size: 13px;

    line-height: 1.35;
}

.single-product .eco-v41-spec-row dd {
    color:
        #071A33;

    text-align: right;

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

    line-height: 1.35;
}


/* Tablet */

@media (max-width: 900px) {

    .single-product .eco-v41-facts {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }

    .single-product .eco-v41-spec-grid {
        grid-template-columns:
            1fr;
    }

}


/* Mobile */

@media (max-width: 620px) {

    .single-product .eco-v41-facts {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );

        gap: 7px;
    }

    .single-product .eco-v41-fact {
        padding:
            10px;
    }

    .single-product .eco-v41-cta {
        grid-template-columns:
            1fr;

        padding:
            16px;
    }

    .single-product .eco-v41-cta-actions {
        display: grid;

        grid-template-columns:
            1fr 1fr;

        min-width: 0;
    }

    .single-product .eco-v41-spec-section {
        margin-top:
            28px;

        padding:
            20px
            16px;

        border-radius:
            16px;
    }

    .single-product .eco-v41-spec-row {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(
                95px,
                .8fr
            );

        gap:
            12px;
    }

}

/* ECO-TEC SINGLE PRODUCT UI V41 END */

/* ECO-TEC PREMIUM VISUAL V43 START */


/* ==========================================================
   PREMIUM DESIGN TOKENS
   ========================================================== */

:root {
    --eco43-blue: #0053FF;
    --eco43-blue-deep: #0046D8;

    --eco43-navy: #071A33;
    --eco43-navy-2: #0B2442;
    --eco43-navy-3: #10345F;

    --eco43-text: #17263B;
    --eco43-muted: #68758A;

    --eco43-ice: #EEF5FF;
    --eco43-bg: #F6F8FC;
    --eco43-white: #FFFFFF;

    --eco43-line:
        rgba(7,26,51,.09);

    --eco43-shadow:
        0 28px 80px
        rgba(7,26,51,.11);

    --eco43-shadow-soft:
        0 16px 46px
        rgba(7,26,51,.07);
}


/* ==========================================================
   GLOBAL TYPOGRAPHY
   ========================================================== */

body {
    color:
        var(--eco43-text);

    font-family:
        "Segoe UI Variable",
        "Aptos",
        "Segoe UI",
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        sans-serif;

    -webkit-font-smoothing:
        antialiased;

    text-rendering:
        optimizeLegibility;
}


h1,
h2,
h3,
h4 {
    color:
        var(--eco43-navy);

    letter-spacing:
        -.025em;
}


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

.eco-topbar {
    min-height: 34px;

    display: flex;
    align-items: center;

    background:
        #071A33 !important;

    border: 0 !important;

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

    font-size: 12px;
}


.eco-header,
.site-header {
    position:
        sticky;

    top: 0;

    z-index: 999;

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

    border-bottom:
        1px solid
        rgba(
            7,
            26,
            51,
            .07
        ) !important;

    box-shadow:
        0 8px 34px
        rgba(
            7,
            26,
            51,
            .045
        ) !important;

    backdrop-filter:
        blur(18px)
        saturate(140%);

    -webkit-backdrop-filter:
        blur(18px)
        saturate(140%);
}


.eco-logo
.eco-brand-logo {
    height: 56px !important;

    max-width:
        285px !important;

    transition:
        transform .2s ease;
}


.eco-logo:hover
.eco-brand-logo {
    transform:
        translateY(-1px);
}


.eco-header nav a,
.site-header nav a {
    color:
        #1D2E45;

    font-size: 14px;
    font-weight: 650;

    letter-spacing:
        -.01em;

    text-decoration: none;

    transition:
        color .18s ease;
}


.eco-header nav a:hover,
.site-header nav a:hover {
    color:
        var(--eco43-blue);
}


/* ==========================================================
   HOMEPAGE HERO
   ========================================================== */

.eco-home-hero {
    position: relative;

    overflow: hidden;

    padding:
        clamp(
            84px,
            8.2vw,
            132px
        )
        0
        clamp(
            78px,
            8vw,
            118px
        ) !important;

    background:
        radial-gradient(
            circle
            at 85% 20%,
            rgba(
                0,
                83,
                255,
                .11
            ),
            transparent 32%
        ),
        linear-gradient(
            135deg,
            #FFFFFF 0%,
            #FAFCFF 42%,
            #EEF5FF 100%
        ) !important;
}


.eco-home-hero::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: .35;

    background-image:
        linear-gradient(
            rgba(
                0,
                83,
                255,
                .035
            )
            1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(
                0,
                83,
                255,
                .035
            )
            1px,
            transparent 1px
        );

    background-size:
        72px 72px;

    mask-image:
        linear-gradient(
            to bottom,
            black,
            transparent 83%
        );
}


.eco-home-hero-grid {
    position: relative;

    z-index: 2;

    grid-template-columns:
        minmax(0, 1.03fr)
        minmax(
            430px,
            .82fr
        ) !important;

    gap:
        clamp(
            54px,
            7vw,
            112px
        ) !important;
}


.eco-home-hero-copy::before {
    content:
        "ECO-TEC  ·  POMPE DE CĂLDURĂ";

    display: inline-flex;

    align-items: center;

    min-height: 30px;

    margin-bottom: 22px;

    padding:
        6px
        12px;

    color:
        var(--eco43-blue);

    background:
        rgba(
            0,
            83,
            255,
            .07
        );

    border:
        1px solid
        rgba(
            0,
            83,
            255,
            .12
        );

    border-radius: 999px;

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

    letter-spacing:
        .10em;
}


.eco-home-hero-copy h1 {
    max-width:
        790px !important;

    font-size:
        clamp(
            52px,
            6.4vw,
            82px
        ) !important;

    font-weight: 760;

    line-height:
        .97 !important;

    letter-spacing:
        -.048em;

    color:
        var(--eco43-navy) !important;
}


.eco-home-lead {
    max-width:
        640px !important;

    margin-top:
        28px !important;

    color:
        #56657B;

    font-size:
        clamp(
            17px,
            1.45vw,
            20px
        ) !important;

    line-height:
        1.65 !important;
}


/* CTA buttons */

.eco-btn {
    min-height: 48px;

    padding:
        13px
        20px;

    border-radius:
        11px !important;

    font-weight:
        750 !important;
}


.eco-btn-primary {
    background:
        var(--eco43-blue) !important;

    box-shadow:
        0 14px 36px
        rgba(
            0,
            83,
            255,
            .23
        ) !important;
}


.eco-btn-primary:hover {
    background:
        var(--eco43-blue-deep)
        !important;
}


/* ==========================================================
   HERO TRUST / PROOF
   ========================================================== */

.eco-home-proof {
    max-width:
        760px !important;

    margin-top:
        40px !important;

    padding-top:
        0 !important;

    gap:
        10px !important;

    border: 0 !important;
}


.eco-home-proof div {
    padding:
        15px
        16px;

    background:
        rgba(
            255,
            255,
            255,
            .76
        );

    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .075
        );

    border-radius:
        13px;

    box-shadow:
        0 9px 28px
        rgba(
            7,
            26,
            51,
            .035
        );

    backdrop-filter:
        blur(8px);
}


.eco-home-proof strong {
    font-size:
        15px !important;

    font-weight:
        760 !important;
}


.eco-home-proof span {
    color:
        #728096 !important;
}


/* ==========================================================
   HERO PRODUCT STAGE
   ========================================================== */

.eco-home-tech-card.eco-v43-product-stage {
    position: relative;

    min-height: 650px;

    padding:
        418px
        30px
        30px !important;

    overflow: hidden;

    background:
        linear-gradient(
            150deg,
            #071A33 0%,
            #0A2647 55%,
            #0B3563 100%
        ) !important;

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

    border-radius:
        28px !important;

    box-shadow:
        0 38px 90px
        rgba(
            7,
            26,
            51,
            .25
        ) !important;
}


.eco-home-tech-card.eco-v43-product-stage::before {
    width: 420px !important;
    height: 420px !important;

    right: -150px !important;
    top: -180px !important;

    opacity: .72;
}


.eco-v43-hero-visual {
    position: absolute;

    z-index: 2;

    top: 22px;
    left: 22px;
    right: 22px;

    height: 370px;

    display: grid;
    place-items: center;

    overflow: hidden;

    background:
        radial-gradient(
            circle
            at 50% 45%,
            #FFFFFF 0%,
            #F9FBFF 58%,
            #ECF3FF 100%
        );

    border-radius:
        20px;

    text-decoration:
        none !important;
}


.eco-v43-hero-visual::after {
    content: "";

    position: absolute;

    left: 18%;
    right: 18%;
    bottom: 20px;

    height: 24px;

    background:
        rgba(
            7,
            26,
            51,
            .14
        );

    filter:
        blur(22px);

    border-radius: 50%;
}


.eco-v43-hero-visual img {
    position: relative;

    z-index: 2;

    display: block;

    width: auto;
    max-width: 88%;

    height: 335px;
    max-height: 88%;

    object-fit: contain;

    filter:
        drop-shadow(
            0
            24px
            26px
            rgba(
                7,
                26,
                51,
                .20
            )
        );

    transition:
        transform .35s
        cubic-bezier(
            .2,
            .7,
            .2,
            1
        );
}


.eco-v43-hero-visual:hover img {
    transform:
        translateY(-5px)
        scale(1.025);
}


.eco-v43-product-stage
.eco-home-tech-head,
.eco-v43-product-stage
.eco-home-tech-feature,
.eco-v43-product-stage
.eco-home-panel-link {
    position: relative;

    z-index: 4;
}


/* ==========================================================
   HOME SECTIONS
   ========================================================== */

.eco-home-categories,
.eco-home-why,
.eco-home-selector,
.eco-home-answers {
    padding-top:
        clamp(
            76px,
            8vw,
            118px
        );

    padding-bottom:
        clamp(
            76px,
            8vw,
            118px
        );
}


.eco-home-section-head {
    margin-bottom:
        54px !important;
}


.eco-home-section-head h2 {
    font-size:
        clamp(
            36px,
            4.2vw,
            56px
        );

    line-height: 1.03;

    letter-spacing:
        -.04em;
}


.eco-home-section-head > p {
    color:
        var(--eco43-muted);

    line-height:
        1.72 !important;
}


/* ==========================================================
   CATEGORY CARDS WITH REAL PRODUCT PHOTOGRAPHY
   ========================================================== */

.eco-home-category-grid {
    gap:
        20px !important;
}


.eco-home-category-card {
    position: relative;

    overflow: hidden;

    min-height:
        300px !important;

    padding:
        34px
        180px
        34px
        32px !important;

    background:
        linear-gradient(
            145deg,
            #FFFFFF,
            #F8FBFF
        ) !important;

    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .08
        ) !important;

    border-radius:
        24px !important;

    box-shadow:
        0 15px 46px
        rgba(
            7,
            26,
            51,
            .055
        ) !important;

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


.eco-home-category-card::before {
    content: "";

    position: absolute;

    width: 250px;
    height: 250px;

    right: -80px;
    top: -90px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(
                0,
                83,
                255,
                .10
            ),
            transparent 70%
        );
}


.eco-home-category-card:hover {
    transform:
        translateY(-6px)
        !important;

    border-color:
        rgba(
            0,
            83,
            255,
            .20
        ) !important;

    box-shadow:
        0 26px 68px
        rgba(
            7,
            26,
            51,
            .10
        ) !important;
}


.eco-home-category-card h3 {
    position: relative;

    z-index: 3;

    font-size:
        clamp(
            25px,
            2.2vw,
            32px
        ) !important;

    letter-spacing:
        -.035em;
}


.eco-home-category-card p {
    position: relative;

    z-index: 3;

    color:
        #68768A;
}


.eco-home-card-index,
.eco-home-card-label,
.eco-home-card-arrow {
    position: relative;

    z-index: 4;
}


.eco-v43-category-visual {
    position: absolute;

    z-index: 2;

    right: 6px;
    bottom: 8px;

    width: 176px;
    height: 238px;

    display: flex;
    align-items: flex-end;
    justify-content: center;

    pointer-events: none;
}


.eco-v43-category-visual::after {
    content: "";

    position: absolute;

    left: 20%;
    right: 20%;
    bottom: 3px;

    height: 18px;

    background:
        rgba(
            7,
            26,
            51,
            .12
        );

    filter:
        blur(15px);

    border-radius: 50%;
}


.eco-v43-category-visual img {
    position: relative;

    z-index: 2;

    display: block;

    max-width: 100%;
    max-height: 220px;

    object-fit: contain;

    filter:
        drop-shadow(
            0
            18px
            19px
            rgba(
                7,
                26,
                51,
                .14
            )
        );

    transition:
        transform .3s ease;
}


.eco-home-category-card:hover
.eco-v43-category-visual img {
    transform:
        translateY(-5px)
        scale(1.025);
}


/* ==========================================================
   WHY / BENEFITS
   ========================================================== */

.eco-home-why {
    background:
        linear-gradient(
            180deg,
            #F7F9FC,
            #F1F5FA
        ) !important;
}


.eco-home-benefits {
    gap:
        13px !important;
}


.eco-home-benefits article {
    padding:
        28px !important;

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

    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .065
        ) !important;

    border-radius:
        18px !important;

    box-shadow:
        none !important;

    transition:
        transform .22s ease,
        box-shadow .22s ease;
}


.eco-home-benefits article:hover {
    transform:
        translateY(-3px);

    box-shadow:
        var(--eco43-shadow-soft)
        !important;
}


/* ==========================================================
   SELECTOR / CALCULATOR CTA
   ========================================================== */

.eco-home-selector-box {
    padding:
        clamp(
            44px,
            6vw,
            76px
        ) !important;

    background:
        radial-gradient(
            circle
            at 90% 10%,
            rgba(
                0,
                83,
                255,
                .45
            ),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #071A33 0%,
            #0B294C 62%,
            #0B3B6D 100%
        ) !important;

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

    border-radius:
        28px !important;

    box-shadow:
        0 34px 84px
        rgba(
            7,
            26,
            51,
            .20
        ) !important;
}


/* ==========================================================
   ANSWER / GEO CONTENT
   ========================================================== */

.eco-home-answer-grid {
    gap:
        14px !important;
}


.eco-home-answer-grid article {
    border:
        0 !important;

    border-top:
        2px solid
        rgba(
            0,
            83,
            255,
            .22
        ) !important;

    border-radius:
        0 !important;

    background:
        transparent !important;

    padding:
        28px
        4px !important;
}


/* ==========================================================
   WOO PRODUCT CARDS
   ========================================================== */

.woocommerce
ul.products
li.product,
.woocommerce-page
ul.products
li.product {
    overflow: hidden;

    padding:
        18px !important;

    background:
        #FFFFFF !important;

    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .075
        ) !important;

    border-radius:
        22px !important;

    box-shadow:
        0 13px 40px
        rgba(
            7,
            26,
            51,
            .045
        ) !important;

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


.woocommerce
ul.products
li.product:hover,
.woocommerce-page
ul.products
li.product:hover {
    transform:
        translateY(-5px);

    border-color:
        rgba(
            0,
            83,
            255,
            .17
        ) !important;

    box-shadow:
        0 24px 62px
        rgba(
            7,
            26,
            51,
            .095
        ) !important;
}


.woocommerce
ul.products
li.product
img,
.woocommerce-page
ul.products
li.product
img {
    border-radius:
        15px;

    background:
        linear-gradient(
            180deg,
            #FFFFFF,
            #F8FAFD
        ) !important;
}


.woocommerce
ul.products
li.product
.woocommerce-loop-product__title {
    color:
        var(--eco43-navy);

    font-weight:
        720 !important;

    letter-spacing:
        -.02em;
}


.woocommerce
ul.products
li.product
.price {
    color:
        var(--eco43-blue)
        !important;

    font-size:
        18px !important;

    font-weight:
        800 !important;
}


/* ==========================================================
   SINGLE PRODUCT PREMIUM REFINEMENT
   ========================================================== */

.single-product
.woocommerce-product-gallery {
    padding:
        18px;

    background:
        linear-gradient(
            180deg,
            #FFFFFF,
            #FAFCFF
        );

    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .075
        );

    border-radius:
        24px;

    box-shadow:
        0 20px 60px
        rgba(
            7,
            26,
            51,
            .065
        );
}


.single-product
.summary
.product_title {
    color:
        var(--eco43-navy);

    font-size:
        clamp(
            32px,
            3.2vw,
            48px
        );

    font-weight: 760;

    line-height: 1.04;

    letter-spacing:
        -.04em;
}


.single-product
.summary
.price {
    color:
        var(--eco43-blue)
        !important;

    font-size:
        clamp(
            26px,
            2.8vw,
            36px
        ) !important;

    font-weight:
        820 !important;
}


.single-product
.eco-v41-fact {
    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .075
        ) !important;

    border-radius:
        14px !important;

    background:
        #F8FAFD !important;
}


.single-product
.eco-v41-cta {
    border-radius:
        20px !important;

    box-shadow:
        0 24px 56px
        rgba(
            7,
            26,
            51,
            .16
        ) !important;
}


.single-product
.eco-v41-spec-section {
    border-radius:
        24px !important;

    border-color:
        rgba(
            7,
            26,
            51,
            .075
        ) !important;

    box-shadow:
        0 20px 60px
        rgba(
            7,
            26,
            51,
            .055
        ) !important;
}


/* ==========================================================
   FOOTER
   ========================================================== */

.eco-footer {
    background:
        linear-gradient(
            145deg,
            #06172D 0%,
            #09213E 55%,
            #0A315B 100%
        ) !important;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 1080px) {

    .eco-home-hero-grid {
        grid-template-columns:
            minmax(0,1fr)
            minmax(
                360px,
                .75fr
            ) !important;

        gap:
            42px !important;
    }


    .eco-home-category-card {
        padding-right:
            150px !important;
    }


    .eco-v43-category-visual {
        width:
            145px;
    }

}


@media (max-width: 920px) {

    .eco-home-hero-grid {
        grid-template-columns:
            1fr !important;
    }


    .eco-home-hero-panel {
        width: 100%;

        max-width:
            680px !important;

        margin:
            10px auto 0;
    }


    .eco-v43-product-stage {
        min-height:
            610px !important;
    }


    .eco-home-category-card {
        padding-right:
            160px !important;
    }

}


@media (max-width: 700px) {

    .eco-logo
    .eco-brand-logo {
        height:
            42px !important;
    }


    .eco-home-hero {
        padding-top:
            60px !important;
    }


    .eco-home-hero-copy h1 {
        font-size:
            clamp(
                42px,
                12vw,
                58px
            ) !important;
    }


    .eco-home-proof {
        grid-template-columns:
            1fr !important;
    }


    .eco-home-tech-card.eco-v43-product-stage {
        min-height:
            570px;

        padding:
            335px
            22px
            24px
            !important;

        border-radius:
            22px !important;
    }


    .eco-v43-hero-visual {
        top: 16px;
        left: 16px;
        right: 16px;

        height: 295px;

        border-radius:
            17px;
    }


    .eco-v43-hero-visual img {
        height:
            265px;
    }


    .eco-home-category-card {
        min-height:
            270px !important;

        padding:
            28px
            120px
            28px
            24px
            !important;

        border-radius:
            19px !important;
    }


    .eco-v43-category-visual {
        right: -2px;

        width:
            122px;

        height:
            205px;
    }


    .eco-v43-category-visual img {
        max-height:
            185px;
    }


    .eco-home-selector-box {
        padding:
            34px
            24px !important;

        border-radius:
            21px !important;
    }

}


/* ==========================================================
   MOTION ACCESSIBILITY
   ========================================================== */

@media (
    prefers-reduced-motion: reduce
) {

    .eco-v43-hero-visual img,
    .eco-v43-category-visual img,
    .eco-home-category-card,
    .woocommerce
    ul.products
    li.product {

        transition:
            none !important;

        transform:
            none !important;
    }

}


/* ECO-TEC PREMIUM VISUAL V43 END */

/* ECO-TEC PREMIUM COMMERCE UI V44 START */


/* ==========================================================
   CATALOG HERO
   ========================================================== */

.eco-v44-catalog-page
.eco-catalog-hero {
    width:
        min(
            1180px,
            calc(100% - 36px)
        );

    margin:
        28px auto 26px !important;

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            .09
        );

    border-radius:
        28px !important;

    box-shadow:
        0 32px 82px
        rgba(
            7,
            26,
            51,
            .17
        );

    background:
        radial-gradient(
            circle at 88% 12%,
            rgba(
                0,
                83,
                255,
                .36
            ),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            #06182F 0%,
            #0A2749 58%,
            #0B3766 100%
        ) !important;
}


.eco-v44-catalog-page
.eco-catalog-hero-inner {
    width: 100% !important;

    padding:
        clamp(
            42px,
            5vw,
            66px
        ) !important;
}


.eco-v44-catalog-page
.eco-catalog-copy h1 {
    letter-spacing:
        -.045em;

    font-weight:
        760;
}


.eco-v44-catalog-page
.eco-catalog-copy p {
    color:
        rgba(
            255,
            255,
            255,
            .72
        );

    line-height:
        1.7;
}


/* ==========================================================
   CATEGORY NAV
   ========================================================== */

.eco-v44-catalog-page
.eco-category-nav {
    gap:
        9px !important;

    margin-bottom:
        20px !important;

    padding:
        2px 1px
        5px !important;
}


.eco-v44-catalog-page
.eco-category-chip {
    min-height:
        40px;

    padding:
        8px
        13px !important;

    background:
        #FFFFFF;

    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .085
        ) !important;

    border-radius:
        999px !important;

    box-shadow:
        0 6px 20px
        rgba(
            7,
            26,
            51,
            .035
        );

    font-weight:
        700;
}


.eco-v44-catalog-page
.eco-category-chip.is-active {
    color:
        #FFFFFF !important;

    background:
        #0053FF !important;

    border-color:
        #0053FF !important;

    box-shadow:
        0 11px 28px
        rgba(
            0,
            83,
            255,
            .21
        );
}


/* ==========================================================
   PREMIUM FILTER PANEL
   ========================================================== */

.eco-v44-catalog-page
.eco-filter-panel {
    padding:
        20px !important;

    margin-bottom:
        28px !important;

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

    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .075
        ) !important;

    border-radius:
        19px !important;

    box-shadow:
        0 18px 50px
        rgba(
            7,
            26,
            51,
            .055
        ) !important;
}


.eco-v44-catalog-page
.eco-filter-heading strong {
    color:
        #071A33;

    font-size:
        16px !important;

    letter-spacing:
        -.015em;
}


.eco-v44-catalog-page
.eco-filter-heading span {
    margin-top:
        4px !important;

    color:
        #768399 !important;

    font-size:
        12px !important;
}


.eco-v44-catalog-page
.eco-filter-form select {
    min-height:
        46px !important;

    color:
        #17263B;

    background:
        #F7F9FC !important;

    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .09
        ) !important;

    border-radius:
        11px !important;
}


.eco-v44-catalog-page
.eco-filter-actions
.button {
    min-height:
        46px !important;

    padding:
        0 18px !important;

    border-radius:
        11px !important;

    background:
        #0053FF !important;

    box-shadow:
        0 10px 26px
        rgba(
            0,
            83,
            255,
            .19
        );
}


/* ==========================================================
   RESULTS / SORT
   ========================================================== */

.eco-v44-catalog-page
.woocommerce-result-count {
    color:
        #748197 !important;

    font-size:
        13px !important;
}


.eco-v44-catalog-page
.woocommerce-ordering select {
    min-height:
        42px;

    padding:
        0 38px
        0 13px;

    color:
        #26364C;

    background:
        #FFFFFF;

    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .09
        );

    border-radius:
        10px;
}


/* ==========================================================
   PRODUCT CARD COMMERCIAL DETAILS
   ========================================================== */

.eco-v44-catalog-page
.woocommerce
ul.products
li.product {
    position: relative;
}


.eco-v44-catalog-page
.woocommerce
ul.products
li.product
.onsale,
.woocommerce
.onsale.eco-v44-sale {
    min-width: 0 !important;
    min-height: 0 !important;

    top:
        13px !important;

    left:
        13px !important;

    right:
        auto !important;

    padding:
        7px 11px !important;

    color:
        #FFFFFF !important;

    background:
        #0053FF !important;

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            .28
        );

    border-radius:
        999px !important;

    box-shadow:
        0 10px 24px
        rgba(
            0,
            83,
            255,
            .24
        );

    font-size:
        11px !important;

    font-weight:
        800 !important;

    line-height:
        1 !important;

    letter-spacing:
        .035em;
}


.eco-v44-catalog-page
.woocommerce
ul.products
li.product
.button {
    min-height:
        43px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    margin-top:
        14px !important;

    padding:
        10px 15px !important;

    color:
        #071A33 !important;

    background:
        #F1F5FB !important;

    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .07
        ) !important;

    border-radius:
        10px !important;

    font-size:
        12px !important;

    font-weight:
        750 !important;

    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease;
}


.eco-v44-catalog-page
.woocommerce
ul.products
li.product:hover
.button {
    color:
        #FFFFFF !important;

    background:
        #0053FF !important;

    border-color:
        #0053FF !important;
}


/* ==========================================================
   SINGLE PRODUCT — MAIN LAYOUT
   ========================================================== */

.eco-v44-product-page
.site-main {
    max-width:
        1220px;

    margin-left:
        auto;

    margin-right:
        auto;
}


.eco-v44-product-page
.woocommerce
div.product {
    padding-top:
        24px;
}


@media (min-width: 1000px) {

    .eco-v44-product-page
    .woocommerce
    div.product
    .woocommerce-product-gallery {
        width:
            53% !important;
    }


    .eco-v44-product-page
    .woocommerce
    div.product
    .summary {
        width:
            42% !important;

        position:
            static;

        top:
            118px;

        align-self:
            flex-start;
    }

}


/* ==========================================================
   SINGLE PRODUCT — GALLERY
   ========================================================== */

.eco-v44-product-page
.woocommerce-product-gallery {
    background:
        linear-gradient(
            180deg,
            #FFFFFF 0%,
            #FBFCFE 100%
        ) !important;

    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .07
        ) !important;

    border-radius:
        28px !important;

    box-shadow:
        0 24px 70px
        rgba(
            7,
            26,
            51,
            .065
        ) !important;
}


.eco-v44-product-page
.woocommerce-product-gallery
.flex-viewport {
    border-radius:
        20px;
}


.eco-v44-product-page
.flex-control-thumbs {
    display:
        flex !important;

    flex-wrap:
        wrap;

    gap:
        8px;

    margin-top:
        12px !important;
}


.eco-v44-product-page
.flex-control-thumbs
li {
    overflow:
        hidden;

    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .08
        );

    border-radius:
        10px;
}


/* ==========================================================
   SINGLE PRODUCT — SUMMARY
   ========================================================== */

.eco-v44-product-page
.summary {
    padding:
        5px 0
        16px;
}


.eco-v44-product-page
.summary
.product_title {
    margin-bottom:
        16px !important;
}


.eco-v44-product-page
.summary
.price {
    margin:
        16px 0
        8px !important;

    color:
        #0053FF !important;

    letter-spacing:
        -.03em;
}


.eco-v44-product-page
.summary
.price
del {
    color:
        #9AA5B4;

    font-size:
        .63em;

    font-weight:
        600;

    opacity:
        1;
}


.eco-v44-product-page
.summary
.price
ins {
    text-decoration:
        none;
}


/* ==========================================================
   EUR / STOCK BADGES
   ========================================================== */

.eco-v44-commerce-flags {
    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        8px;

    margin:
        9px 0
        18px;
}


.eco-v44-commerce-flags
span {
    min-height:
        30px;

    display:
        inline-flex;

    align-items:
        center;

    gap:
        7px;

    padding:
        6px 10px;

    color:
        #536176;

    background:
        #F6F8FB;

    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .075
        );

    border-radius:
        999px;

    font-size:
        11px;

    font-weight:
        700;
}


.eco-v44-commerce-flags
i {
    width:
        7px;

    height:
        7px;

    flex:
        0 0 7px;

    background:
        #0053FF;

    border-radius:
        50%;
}


.eco-v44-stock.is-available
i {
    background:
        #20A86B;
}


.eco-v44-stock.is-order
i {
    background:
        #E5A126;
}


.eco-v44-stock.is-unavailable
i {
    background:
        #C75B5B;
}


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

.eco-v44-product-page
.woocommerce-product-details__short-description {
    color:
        #5D6A7E;

    font-size:
        15px;

    line-height:
        1.68;
}


/* ==========================================================
   KEY FACTS
   ========================================================== */

.eco-v44-product-page
.eco-v41-facts {
    gap:
        10px !important;

    margin:
        21px 0 !important;
}


.eco-v44-product-page
.eco-v41-fact {
    padding:
        13px !important;

    background:
        linear-gradient(
            180deg,
            #FAFCFF,
            #F5F8FC
        ) !important;

    border-radius:
        15px !important;
}


.eco-v44-product-page
.eco-v41-fact
strong {
    font-size:
        15px !important;
}


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

.eco-v44-product-page
.eco-v41-cta {
    padding:
        20px !important;

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(
                0,
                83,
                255,
                .40
            ),
            transparent 42%
        ),
        linear-gradient(
            135deg,
            #071A33,
            #0A2C52
        ) !important;

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

    border-radius:
        20px !important;
}


/* ==========================================================
   PRODUCT SPECS
   ========================================================== */

.eco-v44-product-page
.eco-v41-spec-section {
    margin-top:
        58px !important;

    padding:
        clamp(
            26px,
            4vw,
            40px
        ) !important;

    border-radius:
        26px !important;
}


.eco-v44-product-page
.eco-v41-spec-heading
h2 {
    letter-spacing:
        -.035em;
}


.eco-v44-product-page
.eco-v41-spec-row {
    transition:
        background .16s ease;
}


.eco-v44-product-page
.eco-v41-spec-row:hover {
    background:
        #F8FAFD;
}


/* ==========================================================
   WOO PRODUCT TABS
   ========================================================== */

.eco-v44-product-page
.woocommerce-tabs {
    margin-top:
        56px;

    padding-top:
        10px;
}


.eco-v44-product-page
.woocommerce-tabs
ul.tabs {
    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        8px;

    margin:
        0 0
        28px !important;

    padding:
        0 !important;

    border:
        0 !important;
}


.eco-v44-product-page
.woocommerce-tabs
ul.tabs::before,
.eco-v44-product-page
.woocommerce-tabs
ul.tabs
li::before,
.eco-v44-product-page
.woocommerce-tabs
ul.tabs
li::after {
    display:
        none !important;
}


.eco-v44-product-page
.woocommerce-tabs
ul.tabs
li {
    margin:
        0 !important;

    padding:
        0 !important;

    background:
        #F5F7FA !important;

    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .075
        ) !important;

    border-radius:
        999px !important;
}


.eco-v44-product-page
.woocommerce-tabs
ul.tabs
li
a {
    padding:
        11px
        17px !important;

    color:
        #4B5A70 !important;

    font-size:
        13px;

    font-weight:
        700 !important;
}


.eco-v44-product-page
.woocommerce-tabs
ul.tabs
li.active {
    background:
        #071A33 !important;

    border-color:
        #071A33 !important;

    box-shadow:
        0 10px 26px
        rgba(
            7,
            26,
            51,
            .14
        );
}


.eco-v44-product-page
.woocommerce-tabs
ul.tabs
li.active
a {
    color:
        #FFFFFF !important;
}


/* ==========================================================
   TAB CONTENT TYPOGRAPHY
   ========================================================== */

.eco-v44-product-page
.woocommerce-Tabs-panel {
    color:
        #44536A;

    font-size:
        15px;

    line-height:
        1.75;
}


.eco-v44-product-page
.woocommerce-Tabs-panel
h2,
.eco-v44-product-page
.woocommerce-Tabs-panel
h3 {
    margin-top:
        32px;

    letter-spacing:
        -.025em;
}


.eco-v44-product-page
.woocommerce-Tabs-panel
table {
    overflow:
        hidden;

    width:
        100%;

    border-collapse:
        separate;

    border-spacing:
        0;

    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .08
        );

    border-radius:
        14px;
}


.eco-v44-product-page
.woocommerce-Tabs-panel
table
tr:nth-child(even) {
    background:
        #F7F9FC;
}


.eco-v44-product-page
.woocommerce-Tabs-panel
table
th,
.eco-v44-product-page
.woocommerce-Tabs-panel
table
td {
    padding:
        11px
        13px;

    border-color:
        rgba(
            7,
            26,
            51,
            .065
        );
}


/* ==========================================================
   DOCUMENTATION
   ========================================================== */

.eco-v44-product-page
.eco-document-panel {
    padding:
        20px !important;

    background:
        linear-gradient(
            145deg,
            #F3F7FF,
            #FFFFFF
        ) !important;

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

    border-radius:
        17px !important;
}


/* ==========================================================
   RELATED PRODUCTS
   ========================================================== */

.eco-v44-product-page
.related.products {
    margin-top:
        70px;
}


.eco-v44-product-page
.related.products
> h2 {
    margin-bottom:
        28px;

    font-size:
        clamp(
            28px,
            3vw,
            40px
        );

    letter-spacing:
        -.035em;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 999px) {

    .eco-v44-product-page
    .woocommerce
    div.product
    .summary {
        position:
            static;
    }

}


@media (max-width: 700px) {

    .eco-v44-catalog-page
    .eco-catalog-hero {
        width:
            calc(
                100% - 28px
            );

        margin-top:
            18px !important;

        border-radius:
            21px !important;
    }


    .eco-v44-catalog-page
    .eco-catalog-hero-inner {
        padding:
            34px
            24px !important;
    }


    .eco-v44-catalog-page
    .eco-filter-panel {
        width:
            calc(
                100% - 28px
            );

        padding:
            16px !important;
    }


    .eco-v44-commerce-flags {
        gap:
            6px;
    }


    .eco-v44-product-page
    .woocommerce-product-gallery {
        border-radius:
            20px !important;
    }


    .eco-v44-product-page
    .woocommerce-tabs
    ul.tabs
    li
    a {
        padding:
            9px
            12px !important;

        font-size:
            12px;
    }

}


/* ECO-TEC PREMIUM COMMERCE UI V44 END */

/* ECO-TEC COMMERCE UI V45 START */


/* ==========================================================
   CART + CHECKOUT GLOBAL
   ========================================================== */

.woocommerce-cart
.site-main,
.woocommerce-checkout
.site-main {
    width:
        min(
            1180px,
            calc(
                100% - 36px
            )
        );

    margin:
        46px auto
        80px;
}


.woocommerce-cart
.entry-title,
.woocommerce-checkout
.entry-title {
    color:
        #071A33;

    font-size:
        clamp(
            38px,
            5vw,
            58px
        );

    line-height:
        1.02;

    letter-spacing:
        -.045em;
}


/* ==========================================================
   INTRO
   ========================================================== */

.eco-v45-cart-intro,
.eco-v45-checkout-intro {
    margin:
        0 0
        24px;

    padding:
        20px
        22px;

    background:
        linear-gradient(
            135deg,
            #071A33,
            #0B315B
        );

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

    border-radius:
        18px;

    box-shadow:
        0 20px 52px
        rgba(
            7,
            26,
            51,
            .13
        );
}


.eco-v45-cart-intro strong,
.eco-v45-checkout-intro strong {
    display:
        block;

    margin-bottom:
        4px;

    color:
        #FFFFFF;

    font-size:
        16px;

    font-weight:
        800;
}


.eco-v45-cart-intro span,
.eco-v45-checkout-intro span {
    display:
        block;

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

    font-size:
        13px;

    line-height:
        1.5;
}


/* ==========================================================
   CART TABLE
   ========================================================== */

.woocommerce-cart
table.shop_table {
    overflow:
        hidden;

    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .08
        ) !important;

    border-radius:
        18px !important;

    box-shadow:
        0 16px 46px
        rgba(
            7,
            26,
            51,
            .045
        );
}


.woocommerce-cart
table.shop_table
th {
    color:
        #5A687C;

    background:
        #F6F8FC;

    font-size:
        12px;

    font-weight:
        750;
}


.woocommerce-cart
table.shop_table
td,
.woocommerce-cart
table.shop_table
th {
    padding:
        15px !important;

    border-color:
        rgba(
            7,
            26,
            51,
            .07
        ) !important;
}


.woocommerce-cart
.product-thumbnail
img {
    width:
        82px !important;

    height:
        82px !important;

    object-fit:
        contain;

    background:
        #F8FAFD;

    border-radius:
        10px;
}


.woocommerce-cart
.product-name
a {
    color:
        #071A33;

    font-weight:
        700;

    text-decoration:
        none;
}


/* ==========================================================
   CART TOTAL
   ========================================================== */

.woocommerce-cart
.cart_totals {
    padding:
        24px;

    background:
        #FFFFFF;

    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .08
        );

    border-radius:
        18px;

    box-shadow:
        0 18px 50px
        rgba(
            7,
            26,
            51,
            .055
        );
}


.woocommerce-cart
.cart_totals
h2 {
    margin-top:
        0;

    color:
        #071A33;

    letter-spacing:
        -.025em;
}


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

.woocommerce-checkout
form.checkout {
    display:
        grid;

    grid-template-columns:
        minmax(
            0,
            1.08fr
        )
        minmax(
            360px,
            .72fr
        );

    gap:
        32px;

    align-items:
        start;
}


.woocommerce-checkout
#customer_details {
    min-width:
        0;
}


.woocommerce-checkout
#order_review_heading,
.woocommerce-checkout
#order_review {
    grid-column:
        2;
}


.woocommerce-checkout
#order_review_heading {
    margin:
        0 0
        -20px;

    color:
        #071A33;

    font-size:
        24px;

    letter-spacing:
        -.03em;
}


.woocommerce-checkout
#order_review {
    padding:
        24px;

    background:
        #FFFFFF;

    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .08
        );

    border-radius:
        20px;

    box-shadow:
        0 22px 58px
        rgba(
            7,
            26,
            51,
            .07
        );
}


/* ==========================================================
   CHECKOUT FIELDS
   ========================================================== */

.woocommerce-checkout
.woocommerce-billing-fields,
.woocommerce-checkout
.woocommerce-shipping-fields,
.woocommerce-checkout
.woocommerce-additional-fields {
    padding:
        25px;

    margin-bottom:
        18px;

    background:
        #FFFFFF;

    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .075
        );

    border-radius:
        19px;

    box-shadow:
        0 15px 44px
        rgba(
            7,
            26,
            51,
            .045
        );
}


.woocommerce-checkout
h3 {
    color:
        #071A33;

    letter-spacing:
        -.025em;
}


.woocommerce
form
.form-row
input.input-text,
.woocommerce
form
.form-row
textarea,
.woocommerce
form
.form-row
select {
    min-height:
        48px;

    padding:
        10px
        12px;

    color:
        #17263B;

    background:
        #F7F9FC;

    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .10
        );

    border-radius:
        10px;

    box-shadow:
        none;
}


.woocommerce
form
.form-row
textarea {
    min-height:
        110px;
}


/* ==========================================================
   PAYMENT BOX
   ========================================================== */

.woocommerce-checkout
#payment {
    background:
        #F6F8FC !important;

    border-radius:
        14px !important;
}


.woocommerce-checkout
#payment
ul.payment_methods {
    border-color:
        rgba(
            7,
            26,
            51,
            .08
        ) !important;
}


.woocommerce-checkout
.payment_box {
    color:
        #536176 !important;

    background:
        #FFFFFF !important;

    border-radius:
        10px !important;
}


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

.woocommerce-cart
.checkout-button,
.woocommerce-checkout
#place_order,
.woocommerce
button.button[name="update_cart"] {
    min-height:
        48px !important;

    padding:
        13px
        20px !important;

    color:
        #FFFFFF !important;

    background:
        #0053FF !important;

    border:
        0 !important;

    border-radius:
        11px !important;

    box-shadow:
        0 12px 30px
        rgba(
            0,
            83,
            255,
            .20
        ) !important;

    font-weight:
        800 !important;
}


.woocommerce-cart
.checkout-button:hover,
.woocommerce-checkout
#place_order:hover {
    background:
        #0046D8 !important;
}


/* ==========================================================
   NOTICES
   ========================================================== */

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    padding:
        16px
        18px
        16px
        48px !important;

    background:
        #FFFFFF;

    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .08
        );

    border-radius:
        13px;

    box-shadow:
        0 12px 36px
        rgba(
            7,
            26,
            51,
            .045
        );
}


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

@media (max-width: 900px) {

    .woocommerce-checkout
    form.checkout {
        grid-template-columns:
            1fr;
    }


    .woocommerce-checkout
    #order_review_heading,
    .woocommerce-checkout
    #order_review {
        grid-column:
            1;
    }


    .woocommerce-checkout
    #order_review_heading {
        margin-bottom:
            -10px;
    }

}


@media (max-width: 620px) {

    .woocommerce-cart
    .site-main,
    .woocommerce-checkout
    .site-main {
        width:
            calc(
                100% - 28px
            );

        margin-top:
            28px;
    }


    .woocommerce-checkout
    .woocommerce-billing-fields,
    .woocommerce-checkout
    .woocommerce-shipping-fields,
    .woocommerce-checkout
    .woocommerce-additional-fields,
    .woocommerce-checkout
    #order_review {
        padding:
            17px;
    }

}


/* ECO-TEC COMMERCE UI V45 END */

/* ECO-TEC WOO BLOCK COMMERCE V46 START */


/*
 * WooCommerce newer installations may use
 * Cart / Checkout Blocks instead of classic shortcodes.
 * V45 styles classic checkout; V46 covers both.
 */

.wc-block-cart,
.wc-block-checkout {
    --wp--preset--color--contrast:
        #071A33;

    --wp--preset--color--base:
        #FFFFFF;

    color:
        #253247;
}


.wc-block-cart__main,
.wc-block-checkout__main {
    padding:
        24px !important;

    background:
        #FFFFFF;

    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .075
        );

    border-radius:
        20px;

    box-shadow:
        0 18px 52px
        rgba(
            7,
            26,
            51,
            .055
        );
}


.wc-block-cart__sidebar,
.wc-block-checkout__sidebar {
    padding:
        22px !important;

    background:
        linear-gradient(
            180deg,
            #FFFFFF,
            #F7F9FC
        );

    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .075
        );

    border-radius:
        20px;

    box-shadow:
        0 18px 52px
        rgba(
            7,
            26,
            51,
            .055
        );
}


.wc-block-components-title,
.wc-block-components-checkout-step__title,
.wc-block-cart__totals-title {
    color:
        #071A33 !important;

    font-weight:
        760 !important;

    letter-spacing:
        -.025em;
}


.wc-block-components-text-input
input,
.wc-block-components-combobox
input,
.wc-block-components-address-form
input {
    min-height:
        50px !important;

    background:
        #F7F9FC !important;

    border-color:
        rgba(
            7,
            26,
            51,
            .11
        ) !important;

    border-radius:
        10px !important;
}


.wc-block-components-button,
.wc-block-cart__submit-button {
    min-height:
        50px !important;

    color:
        #FFFFFF !important;

    background:
        #0053FF !important;

    border:
        0 !important;

    border-radius:
        11px !important;

    box-shadow:
        0 12px 30px
        rgba(
            0,
            83,
            255,
            .20
        ) !important;

    font-weight:
        800 !important;
}


.wc-block-components-button:hover,
.wc-block-cart__submit-button:hover {
    background:
        #0046D8 !important;
}


.wc-block-cart-item__image
img,
.wc-block-components-order-summary-item__image
img {
    object-fit:
        contain !important;

    background:
        #F8FAFD;

    border-radius:
        10px;
}


.wc-block-components-product-name {
    color:
        #071A33 !important;

    font-weight:
        700 !important;

    text-decoration:
        none !important;
}


.wc-block-components-totals-item__value,
.wc-block-components-product-price {
    color:
        #071A33;

    font-weight:
        750;
}


.wc-block-components-notice-banner {
    border-radius:
        12px !important;
}


@media (max-width: 780px) {

    .wc-block-cart__main,
    .wc-block-checkout__main,
    .wc-block-cart__sidebar,
    .wc-block-checkout__sidebar {
        padding:
            16px !important;

        border-radius:
            15px;
    }

}


/* ECO-TEC WOO BLOCK COMMERCE V46 END */

/* ECO-TEC COMMERCE UX UI V47 START */


/* ==========================================================
   CHECKOUT TRUST
   ========================================================== */

.eco-v47-trust-strip {
    display:
        grid;

    grid-template-columns:
        repeat(
            3,
            minmax(
                0,
                1fr
            )
        );

    gap:
        10px;

    margin:
        0 0
        26px;
}


.eco-v47-trust-strip
div {
    padding:
        16px;

    background:
        linear-gradient(
            180deg,
            #FFFFFF,
            #F7F9FD
        );

    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .075
        );

    border-radius:
        14px;
}


.eco-v47-trust-strip
strong {
    display:
        block;

    margin-bottom:
        4px;

    color:
        #071A33;

    font-size:
        13px;

    font-weight:
        800;
}


.eco-v47-trust-strip
span {
    display:
        block;

    color:
        #69768A;

    font-size:
        12px;

    line-height:
        1.45;
}


/* ==========================================================
   CART ASSURANCE
   ========================================================== */

.eco-v47-cart-assurance {
    display:
        grid;

    grid-template-columns:
        minmax(
            0,
            1fr
        )
        auto;

    gap:
        7px 22px;

    align-items:
        center;

    margin:
        18px 0
        28px;

    padding:
        18px 20px;

    background:
        #F2F6FC;

    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .07
        );

    border-radius:
        15px;
}


.eco-v47-cart-assurance
strong {
    color:
        #071A33;

    font-weight:
        800;
}


.eco-v47-cart-assurance
span {
    grid-column:
        1;

    color:
        #68758A;

    font-size:
        13px;
}


.eco-v47-cart-assurance
a {
    grid-column:
        2;

    grid-row:
        1 / span 2;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    min-height:
        42px;

    padding:
        9px 15px;

    color:
        #0053FF;

    background:
        #FFFFFF;

    border:
        1px solid
        rgba(
            0,
            83,
            255,
            .16
        );

    border-radius:
        10px;

    font-size:
        12px;

    font-weight:
        800;

    text-decoration:
        none;
}


/* ==========================================================
   MY ACCOUNT
   ========================================================== */

.woocommerce-account
.site-main {
    width:
        min(
            1180px,
            calc(
                100% - 36px
            )
        );

    margin:
        50px auto
        80px;
}


.woocommerce-account
.woocommerce {
    display:
        grid;

    grid-template-columns:
        250px
        minmax(
            0,
            1fr
        );

    gap:
        30px;
}


.woocommerce-account
.woocommerce-MyAccount-navigation {
    float:
        none !important;

    width:
        auto !important;
}


.woocommerce-account
.woocommerce-MyAccount-navigation
ul {
    overflow:
        hidden;

    margin:
        0;

    padding:
        8px;

    list-style:
        none;

    background:
        #FFFFFF;

    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .075
        );

    border-radius:
        16px;

    box-shadow:
        0 16px 44px
        rgba(
            7,
            26,
            51,
            .045
        );
}


.woocommerce-account
.woocommerce-MyAccount-navigation
li {
    margin:
        0;
}


.woocommerce-account
.woocommerce-MyAccount-navigation
a {
    display:
        block;

    padding:
        11px 12px;

    color:
        #526077;

    border-radius:
        9px;

    font-size:
        13px;

    font-weight:
        700;

    text-decoration:
        none;
}


.woocommerce-account
.woocommerce-MyAccount-navigation
.is-active
a {
    color:
        #FFFFFF;

    background:
        #071A33;
}


.woocommerce-account
.woocommerce-MyAccount-content {
    float:
        none !important;

    width:
        auto !important;

    padding:
        25px;

    background:
        #FFFFFF;

    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .075
        );

    border-radius:
        18px;

    box-shadow:
        0 17px 50px
        rgba(
            7,
            26,
            51,
            .05
        );
}


.eco-v47-account-help {
    margin:
        0 0
        22px;

    padding:
        18px;

    background:
        linear-gradient(
            135deg,
            #071A33,
            #0B315B
        );

    border-radius:
        15px;
}


.eco-v47-account-help
strong {
    display:
        block;

    color:
        #FFFFFF;
}


.eco-v47-account-help
span {
    display:
        block;

    margin-top:
        4px;

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

    font-size:
        13px;
}


/* ==========================================================
   EMPTY CART
   ========================================================== */

.eco-v47-empty-cart-extra {
    max-width:
        650px;

    margin:
        24px auto;

    padding:
        34px;

    text-align:
        center;

    background:
        linear-gradient(
            145deg,
            #F5F8FC,
            #FFFFFF
        );

    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .075
        );

    border-radius:
        20px;
}


.eco-v47-empty-cart-extra
strong {
    display:
        block;

    color:
        #071A33;

    font-size:
        23px;

    letter-spacing:
        -.025em;
}


.eco-v47-empty-cart-extra
span {
    display:
        block;

    margin:
        8px 0
        18px;

    color:
        #68758A;
}


.eco-v47-empty-cart-extra
a {
    display:
        inline-flex;

    min-height:
        44px;

    align-items:
        center;

    justify-content:
        center;

    padding:
        10px 17px;

    color:
        #FFFFFF;

    background:
        #0053FF;

    border-radius:
        10px;

    font-weight:
        800;

    text-decoration:
        none;
}


/* ==========================================================
   FLOATING COMMERCE DOCK
   ========================================================== */

.eco-v47-commerce-dock {
    position:
        fixed;

    z-index:
        850;

    right:
        22px;

    bottom:
        22px;

    display:
        flex;

    gap:
        6px;

    padding:
        6px;

    background:
        rgba(
            7,
            26,
            51,
            .94
        );

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

    border-radius:
        16px;

    box-shadow:
        0 18px 55px
        rgba(
            7,
            26,
            51,
            .25
        );

    backdrop-filter:
        blur(16px);

    -webkit-backdrop-filter:
        blur(16px);
}


.eco-v47-commerce-dock
a {
    position:
        relative;

    display:
        inline-flex;

    align-items:
        center;

    gap:
        7px;

    min-height:
        42px;

    padding:
        8px
        11px;

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

    border-radius:
        10px;

    font-size:
        12px;

    font-weight:
        750;

    text-decoration:
        none;

    transition:
        background .18s ease;
}


.eco-v47-commerce-dock
a:hover {
    color:
        #FFFFFF;

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


.eco-v47-dock-icon {
    font-size:
        15px;

    line-height:
        1;
}


.eco-v47-cart-count {
    display:
        inline-flex;

    min-width:
        20px;

    height:
        20px;

    align-items:
        center;

    justify-content:
        center;

    padding:
        0 5px;

    color:
        #FFFFFF;

    background:
        #0053FF;

    border-radius:
        999px;

    font-size:
        10px;

    font-weight:
        900;
}


/* Do not distract inside checkout */

.woocommerce-checkout
.eco-v47-commerce-dock {
    display:
        none;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 800px) {

    .eco-v47-trust-strip {
        grid-template-columns:
            1fr;
    }


    .woocommerce-account
    .woocommerce {
        grid-template-columns:
            1fr;
    }


    .eco-v47-cart-assurance {
        grid-template-columns:
            1fr;
    }


    .eco-v47-cart-assurance
    span,
    .eco-v47-cart-assurance
    a {
        grid-column:
            1;

        grid-row:
            auto;
    }


    .eco-v47-cart-assurance
    a {
        margin-top:
            7px;
    }

}


@media (max-width: 620px) {

    .eco-v47-commerce-dock {
        right:
            12px;

        bottom:
            12px;
    }


    .eco-v47-commerce-dock
    a {
        padding:
            8px;
    }


    .eco-v47-commerce-dock
    a > span:nth-child(2) {
        display:
            none;
    }

}


/* ECO-TEC COMMERCE UX UI V47 END */

/* ECO-TEC EUR RON PRICE UI V48 START */


/*
|--------------------------------------------------------------------------
| Safety: obsolete EUR checkout strip
|--------------------------------------------------------------------------
*/

.eco-v47-trust-strip {
    display:
        none !important;
}


.eco-v44-currency {
    display:
        none !important;
}


/*
|--------------------------------------------------------------------------
| Price stack
|--------------------------------------------------------------------------
*/

.eco-v48-price-stack {
    display:
        flex;

    flex-direction:
        column;

    gap:
        5px;

    width:
        100%;

    margin:
        4px 0;

    color:
        #071A33;
}


.eco-v48-price-gross,
.eco-v48-price-net {
    display:
        flex;

    flex-direction:
        column;

    gap:
        2px;
}


.eco-v48-price-gross
small {
    color:
        #637083;

    font-size:
        11px;

    font-weight:
        700;

    line-height:
        1.2;
}


.eco-v48-price-gross
strong {
    color:
        #0053FF;

    font-size:
        20px;

    font-weight:
        850;

    line-height:
        1.15;

    letter-spacing:
        -.025em;
}


.eco-v48-price-gross
ins,
.eco-v48-price-net
ins {
    color:
        inherit;

    text-decoration:
        none;
}


.eco-v48-price-gross
del {
    margin-right:
        5px;

    color:
        #9AA5B4;

    font-size:
        .72em;

    font-weight:
        650;
}


.eco-v48-price-net {
    flex-direction:
        row;

    align-items:
        baseline;

    gap:
        6px;

    color:
        #68758A;

    font-size:
        12px;

    line-height:
        1.3;
}


.eco-v48-price-net
small {
    font-size:
        11px;

    font-weight:
        650;
}


.eco-v48-price-net
span {
    color:
        #47566C;

    font-weight:
        750;
}


.eco-v48-price-net
del {
    margin-right:
        4px;

    color:
        #9AA5B4;
}


.eco-v48-bnr-note {
    display:
        block;

    margin-top:
        5px;

    color:
        #8994A4;

    font-size:
        10px;

    font-weight:
        600;

    line-height:
        1.35;
}


/*
|--------------------------------------------------------------------------
| Catalogue equal-height price area
|--------------------------------------------------------------------------
*/

.woocommerce
ul.products
li.product
.price {
    display:
        block !important;

    min-height:
        76px;

    margin-top:
        auto !important;
}


.woocommerce
ul.products
li.product
.eco-v48-price-gross
strong {
    font-size:
        18px;
}


/*
|--------------------------------------------------------------------------
| Single product price
|--------------------------------------------------------------------------
*/

.single-product
.summary
.price {
    display:
        block;

    margin:
        18px 0
        10px !important;
}


.single-product
.summary
.eco-v48-price-gross
small {
    font-size:
        12px;
}


.single-product
.summary
.eco-v48-price-gross
strong {
    font-size:
        clamp(
            31px,
            3vw,
            42px
        );

    color:
        #0053FF;
}


.single-product
.summary
.eco-v48-price-net {
    margin-top:
        3px;

    font-size:
        14px;
}


.single-product
.summary
.eco-v48-price-net
small {
    font-size:
        12px;
}


.single-product
.summary
.eco-v48-bnr-note {
    margin-top:
        9px;

    font-size:
        11px;
}


/*
|--------------------------------------------------------------------------
| BNR / stock flags
|--------------------------------------------------------------------------
*/

.eco-v48-commerce-flags
.eco-v48-bnr-flag
i {
    background:
        #0053FF !important;
}


/*
|--------------------------------------------------------------------------
| Checkout trust
|--------------------------------------------------------------------------
*/

.eco-v48-checkout-trust {
    display:
        grid;

    grid-template-columns:
        repeat(
            3,
            minmax(
                0,
                1fr
            )
        );

    gap:
        10px;

    margin:
        0 0
        24px;
}


.eco-v48-checkout-trust
div {
    padding:
        15px;

    background:
        linear-gradient(
            180deg,
            #FFFFFF,
            #F7F9FD
        );

    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .075
        );

    border-radius:
        14px;
}


.eco-v48-checkout-trust
strong {
    display:
        block;

    margin-bottom:
        4px;

    color:
        #071A33;

    font-size:
        13px;

    font-weight:
        800;
}


.eco-v48-checkout-trust
span {
    display:
        block;

    color:
        #69768A;

    font-size:
        12px;

    line-height:
        1.45;
}


/*
|--------------------------------------------------------------------------
| Cart / checkout tax clarity
|--------------------------------------------------------------------------
*/

.woocommerce-cart
.order-total
.amount,
.woocommerce-checkout
.order-total
.amount,
.wc-block-components-totals-footer-item
.wc-block-components-totals-item__value {
    color:
        #0053FF;

    font-weight:
        850;
}


.woocommerce-cart
.tax-total,
.woocommerce-checkout
.tax-total {
    color:
        #5C697D;
}


/*
|--------------------------------------------------------------------------
| Responsive
|--------------------------------------------------------------------------
*/

@media (max-width: 700px) {

    .eco-v48-checkout-trust {
        grid-template-columns:
            1fr;
    }


    .single-product
    .summary
    .eco-v48-price-gross
    strong {
        font-size:
            30px;
    }

}


/* ECO-TEC EUR RON PRICE UI V48 END */

/* ECO-TEC PRODUCT GALLERY UI V49 START */


/* ==========================================================
   MAIN IMAGE
   ========================================================== */

.eco-v49-lightbox-gallery
.woocommerce-product-gallery
.woocommerce-product-gallery__image
a {
    position:
        relative;

    display:
        block;

    cursor:
        zoom-in;
}


.eco-v49-lightbox-gallery
.woocommerce-product-gallery
.woocommerce-product-gallery__image
a::after {
    content:
        "Vizualizează";

    position:
        absolute;

    right:
        14px;

    bottom:
        14px;

    z-index:
        5;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    min-height:
        32px;

    padding:
        6px 11px;

    color:
        #071A33;

    background:
        rgba(
            255,
            255,
            255,
            .90
        );

    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .08
        );

    border-radius:
        999px;

    box-shadow:
        0 7px 20px
        rgba(
            7,
            26,
            51,
            .10
        );

    backdrop-filter:
        blur(10px);

    -webkit-backdrop-filter:
        blur(10px);

    font-size:
        11px;

    font-weight:
        800;

    pointer-events:
        none;

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


.eco-v49-lightbox-gallery
.woocommerce-product-gallery
.woocommerce-product-gallery__image
a:hover::after {
    transform:
        translateY(-2px);

    background:
        #FFFFFF;
}


/*
|--------------------------------------------------------------------------
| Remove Woo magnifier icon
|--------------------------------------------------------------------------
|
| Clicking the actual product image is now the interaction.
|
*/

.eco-v49-lightbox-gallery
.woocommerce-product-gallery__trigger {
    display:
        none !important;
}


/*
|--------------------------------------------------------------------------
| Never show Woo hover zoom image
|--------------------------------------------------------------------------
*/

.eco-v49-lightbox-gallery
.zoomImg {
    display:
        none !important;
}


/* ==========================================================
   THUMBNAILS
   ========================================================== */

.eco-v49-lightbox-gallery
.flex-control-thumbs {
    gap:
        9px !important;
}


.eco-v49-lightbox-gallery
.flex-control-thumbs
li {
    overflow:
        hidden;

    background:
        #FFFFFF;

    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .08
        ) !important;

    border-radius:
        11px !important;

    transition:
        border-color .18s ease,
        transform .18s ease,
        box-shadow .18s ease;
}


.eco-v49-lightbox-gallery
.flex-control-thumbs
li:hover {
    transform:
        translateY(-2px);

    border-color:
        rgba(
            0,
            83,
            255,
            .30
        ) !important;

    box-shadow:
        0 8px 20px
        rgba(
            7,
            26,
            51,
            .08
        );
}


.eco-v49-lightbox-gallery
.flex-control-thumbs
img {
    object-fit:
        contain;

    background:
        #FFFFFF;
}


/*
|--------------------------------------------------------------------------
| WOOCOMMERCE PHOTOSWIPE LIGHTBOX
|--------------------------------------------------------------------------
*/

.pswp {
    --pswp-bg:
        rgba(
            5,
            14,
            27,
            .96
        );
}


.pswp__bg {
    background:
        rgba(
            5,
            14,
            27,
            .96
        ) !important;
}


.pswp__top-bar {
    background:
        linear-gradient(
            180deg,
            rgba(
                0,
                0,
                0,
                .28
            ),
            transparent
        ) !important;
}


.pswp__button {
    opacity:
        .90 !important;
}


.pswp__button:hover {
    opacity:
        1 !important;
}


.pswp__counter {
    color:
        rgba(
            255,
            255,
            255,
            .76
        ) !important;
}


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

@media (max-width: 999px) {

    

}


@media (max-width: 620px) {

    .eco-v49-lightbox-gallery
    .woocommerce-product-gallery
    .woocommerce-product-gallery__image
    a::after {
        right:
            9px;

        bottom:
            9px;

        min-height:
            29px;

        padding:
            5px 9px;

        font-size:
            10px;
    }


    

}


/* ECO-TEC PRODUCT GALLERY UI V49 END */

/* ECO-TEC PRODUCT LAYOUT SAFETY V49R START */

.single-product
.woocommerce
div.product
.woocommerce-product-gallery {
    clear: none !important;
}

@media (min-width: 1000px) {

    .single-product
    .woocommerce
    div.product
    .woocommerce-product-gallery {
        float: left !important;
        width: 53% !important;
        margin-bottom: 38px !important;
    }

    .single-product
    .woocommerce
    div.product
    .summary {
        float: right !important;
        clear: none !important;
        width: 42% !important;
        margin-bottom: 38px !important;
    }

    .single-product
    .woocommerce
    div.product::after {
        content: "";
        display: table;
        clear: both;
    }

}

/* ECO-TEC PRODUCT LAYOUT SAFETY V49R END */

/* ECO-TEC PREMIUM PRODUCT UI V50 START */


/* ==========================================================
   PRODUCT PAGE BASE
   ========================================================== */

.eco-v50-premium-product
.site-main {
    width:
        min(
            1220px,
            calc(
                100% - 40px
            )
        );

    margin-left:
        auto;

    margin-right:
        auto;
}


.eco-v50-premium-product
.woocommerce
div.product {
    position:
        relative;

    padding-top:
        38px;
}


/* ==========================================================
   GALLERY
   ========================================================== */

.eco-v50-premium-product
.woocommerce-product-gallery {
    padding:
        20px !important;

    background:
        linear-gradient(
            145deg,
            #FFFFFF 0%,
            #FBFCFF 100%
        ) !important;

    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .075
        ) !important;

    border-radius:
        26px !important;

    box-shadow:
        0 24px 70px
        rgba(
            7,
            26,
            51,
            .07
        ) !important;
}


.eco-v50-premium-product
.woocommerce-product-gallery
.woocommerce-product-gallery__image
img {
    object-fit:
        contain;

    border-radius:
        16px;
}


/* ==========================================================
   SUMMARY
   ========================================================== */

.eco-v50-premium-product
.summary.entry-summary {
    padding:
        6px 2px
        0 !important;
}


.eco-v50-premium-product
.summary
.product_title {
    max-width:
        620px;

    margin:
        7px 0
        16px !important;

    color:
        #071A33;

    font-size:
        clamp(
            36px,
            4vw,
            54px
        ) !important;

    font-weight:
        770 !important;

    line-height:
        1.02 !important;

    letter-spacing:
        -.045em !important;
}


.eco-v50-premium-product
.summary
.woocommerce-product-details__short-description {
    max-width:
        600px;

    margin:
        15px 0
        18px;

    color:
        #5E6B7E;

    font-size:
        15px;

    line-height:
        1.68;
}


/* ==========================================================
   MODEL / KICKER
   ========================================================== */

.eco-v50-premium-product
.eco-v41-kicker {
    display:
        inline-flex;

    align-items:
        center;

    gap:
        7px;

    min-height:
        30px;

    padding:
        6px 10px;

    color:
        #0053FF;

    background:
        #EEF4FF;

    border:
        1px solid
        rgba(
            0,
            83,
            255,
            .10
        );

    border-radius:
        999px;

    font-size:
        11px;

    font-weight:
        800;

    letter-spacing:
        .03em;
}


/* ==========================================================
   PRICE
   ========================================================== */

.eco-v50-premium-product
.summary
.price {
    margin:
        20px 0
        13px !important;
}


.eco-v50-premium-product
.summary
.eco-v48-price-stack {
    padding:
        18px
        20px;

    background:
        linear-gradient(
            135deg,
            #F4F8FF,
            #FFFFFF
        );

    border:
        1px solid
        rgba(
            0,
            83,
            255,
            .10
        );

    border-radius:
        17px;

    box-shadow:
        0 12px 34px
        rgba(
            7,
            26,
            51,
            .035
        );
}


.eco-v50-premium-product
.summary
.eco-v48-price-gross
strong {
    font-size:
        clamp(
            34px,
            3.5vw,
            46px
        ) !important;

    letter-spacing:
        -.045em;
}


.eco-v50-premium-product
.summary
.eco-v48-price-gross
small {
    margin-bottom:
        2px;

    color:
        #536176;

    font-weight:
        750;
}


.eco-v50-premium-product
.summary
.eco-v48-bnr-note {
    padding-top:
        7px;

    border-top:
        1px solid
        rgba(
            7,
            26,
            51,
            .06
        );

    color:
        #8590A0;
}


/* ==========================================================
   COMMERCE FLAGS
   ========================================================== */

.eco-v50-premium-product
.eco-v44-commerce-flags {
    gap:
        7px;

    margin:
        11px 0
        19px;
}


.eco-v50-premium-product
.eco-v44-commerce-flags
span {
    padding:
        7px
        10px;

    background:
        #F7F9FC;

    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .07
        );

    border-radius:
        999px;
}


/* ==========================================================
   KEY FACTS
   ========================================================== */

.eco-v50-premium-product
.eco-v41-facts {
    display:
        grid;

    grid-template-columns:
        repeat(
            3,
            minmax(
                0,
                1fr
            )
        );

    gap:
        9px !important;

    margin:
        20px 0 !important;
}


.eco-v50-premium-product
.eco-v41-fact {
    min-width:
        0;

    padding:
        13px 12px !important;

    background:
        #F8FAFD !important;

    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .07
        ) !important;

    border-radius:
        13px !important;

    box-shadow:
        none !important;
}


.eco-v50-premium-product
.eco-v41-fact
span {
    color:
        #7A8799;

    font-size:
        10px;

    font-weight:
        700;
}


.eco-v50-premium-product
.eco-v41-fact
strong {
    color:
        #17263B;

    font-size:
        14px !important;

    font-weight:
        800 !important;
}


/* ==========================================================
   CART / BUY
   ========================================================== */

.eco-v50-premium-product
.summary
form.cart {
    display:
        flex;

    gap:
        9px;

    align-items:
        stretch;

    margin:
        21px 0
        17px !important;
}


.eco-v50-premium-product
.summary
.quantity
.qty {
    width:
        74px;

    min-height:
        50px;

    padding:
        0 8px;

    text-align:
        center;

    color:
        #17263B;

    background:
        #F7F9FC;

    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .10
        );

    border-radius:
        11px;

    font-weight:
        750;
}


.eco-v50-premium-product
.summary
.single_add_to_cart_button {
    min-height:
        50px;

    flex:
        1;

    padding:
        12px
        22px !important;

    color:
        #FFFFFF !important;

    background:
        #0053FF !important;

    border:
        0 !important;

    border-radius:
        11px !important;

    box-shadow:
        0 14px 34px
        rgba(
            0,
            83,
            255,
            .24
        ) !important;

    font-size:
        14px !important;

    font-weight:
        850 !important;

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        background .18s ease;
}


.eco-v50-premium-product
.summary
.single_add_to_cart_button:hover {
    transform:
        translateY(-2px);

    background:
        #0047DD !important;

    box-shadow:
        0 18px 42px
        rgba(
            0,
            83,
            255,
            .29
        ) !important;
}


/* ==========================================================
   QUOTE CTA
   ========================================================== */

.eco-v50-premium-product
.eco-v41-cta {
    margin:
        19px 0
        16px !important;

    padding:
        21px !important;

    background:
        radial-gradient(
            circle
            at 100% 0%,
            rgba(
                0,
                83,
                255,
                .34
            ),
            transparent 45%
        ),
        linear-gradient(
            135deg,
            #06182F,
            #0B315B
        ) !important;

    border-radius:
        18px !important;

    box-shadow:
        0 20px 48px
        rgba(
            7,
            26,
            51,
            .17
        ) !important;
}


/* ==========================================================
   SUMMARY TRUST
   ========================================================== */

.eco-v50-summary-trust {
    display:
        grid;

    grid-template-columns:
        1fr;

    gap:
        7px;

    margin:
        16px 0
        18px;

    padding:
        15px 16px;

    background:
        #FFFFFF;

    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .075
        );

    border-radius:
        15px;
}


.eco-v50-summary-trust
> div {
    display:
        flex;

    align-items:
        flex-start;

    gap:
        10px;

    padding:
        5px 0;
}


.eco-v50-trust-icon {
    width:
        21px;

    height:
        21px;

    flex:
        0 0
        21px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    margin-top:
        1px;

    color:
        #0053FF;

    background:
        #EEF4FF;

    border-radius:
        50%;

    font-size:
        11px;

    font-weight:
        900;
}


.eco-v50-summary-trust
strong {
    display:
        block;

    color:
        #17263B;

    font-size:
        12px;

    font-weight:
        800;
}


.eco-v50-summary-trust
small {
    display:
        block;

    margin-top:
        1px;

    color:
        #7B8798;

    font-size:
        11px;

    line-height:
        1.4;
}


/* ==========================================================
   PRODUCT META
   ========================================================== */

.eco-v50-premium-product
.product_meta {
    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        7px 15px;

    margin-top:
        18px;

    padding-top:
        16px;

    color:
        #7D899A;

    border-top:
        1px solid
        rgba(
            7,
            26,
            51,
            .07
        );

    font-size:
        11px;
}


.eco-v50-premium-product
.product_meta
a {
    color:
        #47566B;

    font-weight:
        700;

    text-decoration:
        none;
}


/* ==========================================================
   FULL WIDTH ASSURANCE
   ========================================================== */

.eco-v50-assurance {
    clear:
        both;

    display:
        grid;

    grid-template-columns:
        repeat(
            3,
            minmax(
                0,
                1fr
            )
        );

    gap:
        1px;

    overflow:
        hidden;

    margin:
        28px 0
        46px;

    background:
        rgba(
            7,
            26,
            51,
            .08
        );

    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .08
        );

    border-radius:
        19px;
}


.eco-v50-assurance-item {
    display:
        grid;

    grid-template-columns:
        auto
        1fr;

    gap:
        12px;

    padding:
        22px;

    background:
        #FFFFFF;
}


.eco-v50-assurance-number {
    color:
        #0053FF;

    font-size:
        11px;

    font-weight:
        900;

    letter-spacing:
        .07em;
}


.eco-v50-assurance-item
strong {
    display:
        block;

    margin-bottom:
        4px;

    color:
        #071A33;

    font-size:
        13px;

    font-weight:
        800;
}


.eco-v50-assurance-item
p {
    margin:
        0;

    color:
        #718096;

    font-size:
        12px;

    line-height:
        1.5;
}


/* ==========================================================
   TECHNICAL SPECIFICATION SECTION
   ========================================================== */

.eco-v50-premium-product
.eco-v41-spec-section {
    clear:
        both;

    margin:
        0 0
        44px !important;

    padding:
        clamp(
            28px,
            4vw,
            42px
        ) !important;

    background:
        linear-gradient(
            145deg,
            #FFFFFF,
            #F8FAFD
        );

    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .075
        ) !important;

    border-radius:
        23px !important;

    box-shadow:
        0 18px 55px
        rgba(
            7,
            26,
            51,
            .055
        ) !important;
}


.eco-v50-premium-product
.eco-v41-spec-heading {
    max-width:
        700px;

    margin-bottom:
        25px !important;
}


.eco-v50-premium-product
.eco-v41-spec-heading
h2 {
    margin:
        0 0
        8px;

    color:
        #071A33;

    font-size:
        clamp(
            28px,
            3vw,
            40px
        );

    letter-spacing:
        -.035em;
}


.eco-v50-premium-product
.eco-v41-spec-row {
    padding:
        11px
        12px !important;

    border-bottom:
        1px solid
        rgba(
            7,
            26,
            51,
            .055
        ) !important;
}


.eco-v50-premium-product
.eco-v41-spec-row:nth-child(even) {
    background:
        rgba(
            245,
            248,
            252,
            .68
        );
}


/* ==========================================================
   TABS
   ========================================================== */

.eco-v50-premium-product
.woocommerce-tabs {
    clear:
        both;

    margin:
        0 0
        55px !important;

    padding:
        0 !important;
}


.eco-v50-premium-product
.woocommerce-tabs
ul.tabs {
    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        7px;

    margin:
        0 0
        25px !important;

    padding:
        0 !important;

    border:
        0 !important;
}


.eco-v50-premium-product
.woocommerce-tabs
ul.tabs::before,
.eco-v50-premium-product
.woocommerce-tabs
ul.tabs
li::before,
.eco-v50-premium-product
.woocommerce-tabs
ul.tabs
li::after {
    display:
        none !important;
}


.eco-v50-premium-product
.woocommerce-tabs
ul.tabs
li {
    margin:
        0 !important;

    padding:
        0 !important;

    background:
        #F3F6FA !important;

    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .07
        ) !important;

    border-radius:
        999px !important;
}


.eco-v50-premium-product
.woocommerce-tabs
ul.tabs
li
a {
    padding:
        10px
        16px !important;

    color:
        #56657B !important;

    font-size:
        12px;

    font-weight:
        750 !important;
}


.eco-v50-premium-product
.woocommerce-tabs
ul.tabs
li.active {
    background:
        #071A33 !important;

    border-color:
        #071A33 !important;

    box-shadow:
        0 10px 25px
        rgba(
            7,
            26,
            51,
            .13
        );
}


.eco-v50-premium-product
.woocommerce-tabs
ul.tabs
li.active
a {
    color:
        #FFFFFF !important;
}


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

.eco-v50-premium-product
.woocommerce-Tabs-panel {
    max-width:
        1040px;

    color:
        #45536A;

    font-size:
        15px;

    line-height:
        1.72;
}


.eco-v50-premium-product
.woocommerce-Tabs-panel
> h2:first-child {
    margin:
        0 0
        24px;

    color:
        #071A33;

    font-size:
        clamp(
            27px,
            3vw,
            38px
        );

    letter-spacing:
        -.035em;
}


.eco-v50-premium-product
.woocommerce-Tabs-panel
h3,
.eco-v50-premium-product
.woocommerce-Tabs-panel
h4 {
    color:
        #071A33;
}


.eco-v50-premium-product
.woocommerce-Tabs-panel
img {
    max-width:
        100%;

    height:
        auto;

    border-radius:
        16px;
}


/* ==========================================================
   TECH TABLES IN DESCRIPTION
   ========================================================== */

.eco-v50-premium-product
.woocommerce-Tabs-panel
table {
    overflow:
        hidden;

    width:
        100%;

    margin:
        24px 0;

    border-collapse:
        separate;

    border-spacing:
        0;

    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .08
        );

    border-radius:
        14px;
}


.eco-v50-premium-product
.woocommerce-Tabs-panel
table
tr:nth-child(even) {
    background:
        #F7F9FC;
}


.eco-v50-premium-product
.woocommerce-Tabs-panel
table
th {
    color:
        #071A33;

    background:
        #EFF4FA;

    font-weight:
        800;
}


.eco-v50-premium-product
.woocommerce-Tabs-panel
table
th,
.eco-v50-premium-product
.woocommerce-Tabs-panel
table
td {
    padding:
        10px
        12px;

    border-color:
        rgba(
            7,
            26,
            51,
            .06
        );
}


/* ==========================================================
   DOCUMENTATION / DELIVERY
   ========================================================== */

.eco-v50-premium-product
.eco-document-panel,
.eco-v50-premium-product
.eco-delivery-panel {
    padding:
        24px !important;

    background:
        linear-gradient(
            145deg,
            #F4F8FF,
            #FFFFFF
        ) !important;

    border:
        1px solid
        rgba(
            0,
            83,
            255,
            .09
        ) !important;

    border-radius:
        17px !important;
}


/* ==========================================================
   RELATED PRODUCTS
   ========================================================== */

.eco-v50-premium-product
.related.products {
    clear:
        both;

    margin-top:
        60px !important;

    padding-top:
        48px;

    border-top:
        1px solid
        rgba(
            7,
            26,
            51,
            .07
        );
}


.eco-v50-premium-product
.related.products
> h2 {
    margin:
        0 0
        30px;

    color:
        #071A33;

    font-size:
        clamp(
            30px,
            3.5vw,
            44px
        );

    letter-spacing:
        -.04em;
}


/* ==========================================================
   REMOVE EXCESS EMPTY SPACE
   ========================================================== */

.eco-v50-premium-product
.woocommerce-tabs:empty,
.eco-v50-premium-product
.related.products:empty,
.eco-v50-premium-product
.eco-v41-spec-section:empty {
    display:
        none !important;
}


.eco-v50-premium-product
.woocommerce
div.product
> *:last-child {
    margin-bottom:
        0;
}


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

@media (max-width: 999px) {

    .eco-v50-premium-product
    .site-main {
        width:
            min(
                100% - 32px,
                760px
            );
    }


    .eco-v50-premium-product
    .summary
    .product_title {
        font-size:
            clamp(
                34px,
                7vw,
                48px
            ) !important;
    }


    .eco-v50-assurance {
        grid-template-columns:
            1fr;
    }


    .eco-v50-premium-product
    .eco-v41-facts {
        grid-template-columns:
            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            );
    }

}


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

@media (max-width: 620px) {

    .eco-v50-premium-product
    .site-main {
        width:
            calc(
                100% - 26px
            );
    }


    .eco-v50-premium-product
    .woocommerce
    div.product {
        padding-top:
            22px;
    }


    .eco-v50-premium-product
    .woocommerce-product-gallery {
        padding:
            13px !important;

        border-radius:
            19px !important;
    }


    .eco-v50-premium-product
    .summary
    .product_title {
        font-size:
            34px !important;
    }


    .eco-v50-premium-product
    .summary
    .eco-v48-price-stack {
        padding:
            16px;
    }


    .eco-v50-premium-product
    .eco-v41-facts {
        grid-template-columns:
            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            );
    }


    .eco-v50-premium-product
    .summary
    form.cart {
        flex-wrap:
            wrap;
    }


    .eco-v50-premium-product
    .summary
    .single_add_to_cart_button {
        flex:
            1 1
            calc(
                100% - 84px
            );
    }


    .eco-v50-assurance-item {
        padding:
            18px;
    }


    .eco-v50-premium-product
    .eco-v41-spec-section {
        padding:
            22px
            17px !important;

        border-radius:
            18px !important;
    }


    .eco-v50-premium-product
    .woocommerce-tabs
    ul.tabs {
        gap:
            5px;
    }


    .eco-v50-premium-product
    .woocommerce-tabs
    ul.tabs
    li
    a {
        padding:
            9px
            12px !important;

        font-size:
            11px;
    }

}


/* ECO-TEC PREMIUM PRODUCT UI V50 END */

/* ECO-TEC CATALOG PRODUCT STRUCTURE DONE51 START */


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

@media (min-width: 1000px) {

    .eco-v44-catalog-page
    .woocommerce
    ul.products {
        display:
            grid !important;

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

        gap:
            24px !important;

        margin:
            0 !important;
    }


    .eco-v44-catalog-page
    .woocommerce
    ul.products::before,
    .eco-v44-catalog-page
    .woocommerce
    ul.products::after {
        display:
            none !important;
    }


    .eco-v44-catalog-page
    .woocommerce
    ul.products
    li.product {
        float:
            none !important;

        width:
            auto !important;

        min-width:
            0 !important;

        margin:
            0 !important;
    }

}


@media (
    min-width: 650px
)
and (
    max-width: 999px
) {

    .eco-v44-catalog-page
    .woocommerce
    ul.products {
        display:
            grid !important;

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

        gap:
            18px !important;
    }


    .eco-v44-catalog-page
    .woocommerce
    ul.products
    li.product {
        float:
            none !important;

        width:
            auto !important;

        margin:
            0 !important;
    }

}


@media (max-width: 649px) {

    .eco-v44-catalog-page
    .woocommerce
    ul.products {
        display:
            grid !important;

        grid-template-columns:
            1fr !important;

        gap:
            16px !important;
    }


    .eco-v44-catalog-page
    .woocommerce
    ul.products
    li.product {
        float:
            none !important;

        width:
            auto !important;

        margin:
            0 !important;
    }

}


/* ==========================================================
   MODEL ON PRODUCT CARDS
   ========================================================== */

.eco-product-model {
    display:
        flex;

    align-items:
        baseline;

    gap:
        6px;

    min-height:
        21px;

    margin:
        5px 0
        8px;

    line-height:
        1.2;
}


.eco-product-model
span {
    color:
        #8A96A7;

    font-size:
        9px;

    font-weight:
        800;

    letter-spacing:
        .055em;

    text-transform:
        uppercase;
}


.eco-product-model
strong {
    overflow:
        hidden;

    color:
        #17263B;

    font-size:
        12px;

    font-weight:
        850;

    text-overflow:
        ellipsis;

    white-space:
        nowrap;
}


/* ==========================================================
   STOCK STATUS
   ========================================================== */

.woocommerce
p.stock {
    display:
        inline-flex;

    align-items:
        center;

    gap:
        7px;

    margin:
        9px 0;

    color:
        #536176;

    font-size:
        12px;

    font-weight:
        750;
}


.woocommerce
p.stock::before {
    content:
        "";

    width:
        7px;

    height:
        7px;

    flex:
        0 0
        7px;

    background:
        #0053FF;

    border-radius:
        50%;
}


/* ==========================================================
   PAGINATION
   ========================================================== */

.eco-v44-catalog-page
.woocommerce-pagination {
    clear:
        both;

    margin:
        44px 0
        12px !important;

    text-align:
        center;
}


.eco-v44-catalog-page
.woocommerce-pagination
ul.page-numbers {
    display:
        inline-flex !important;

    align-items:
        center;

    justify-content:
        center;

    flex-wrap:
        wrap;

    gap:
        7px;

    margin:
        0 !important;

    padding:
        6px !important;

    background:
        #FFFFFF;

    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .075
        ) !important;

    border-radius:
        15px;

    box-shadow:
        0 14px 40px
        rgba(
            7,
            26,
            51,
            .055
        );
}


.eco-v44-catalog-page
.woocommerce-pagination
ul.page-numbers
li {
    margin:
        0 !important;

    border:
        0 !important;
}


.eco-v44-catalog-page
.woocommerce-pagination
.page-numbers
a,
.eco-v44-catalog-page
.woocommerce-pagination
.page-numbers
span {
    min-width:
        38px;

    height:
        38px;

    display:
        inline-flex !important;

    align-items:
        center;

    justify-content:
        center;

    padding:
        0 11px !important;

    color:
        #536176 !important;

    background:
        transparent !important;

    border-radius:
        9px;

    font-size:
        12px;

    font-weight:
        800;

    text-decoration:
        none;
}


.eco-v44-catalog-page
.woocommerce-pagination
.page-numbers
.current {
    color:
        #FFFFFF !important;

    background:
        #0053FF !important;

    box-shadow:
        0 8px 20px
        rgba(
            0,
            83,
            255,
            .20
        );
}


/* ==========================================================
   COMPLEX PRODUCT PAGE STRUCTURAL SAFETY
   ========================================================== */

body.single-product
.site-main {
    width:
        min(
            1220px,
            calc(
                100% - 40px
            )
        ) !important;

    max-width:
        1220px !important;

    margin-left:
        auto !important;

    margin-right:
        auto !important;
}


body.single-product
.woocommerce,
body.single-product
.woocommerce
div.product {
    width:
        100% !important;

    max-width:
        none !important;
}


body.single-product
.woocommerce-tabs,
body.single-product
.woocommerce-Tabs-panel,
body.single-product
.eco-v41-spec-section,
body.single-product
.eco-v50-assurance,
body.single-product
.related.products,
body.single-product
.upsells.products {
    clear:
        both !important;

    float:
        none !important;

    width:
        100% !important;

    max-width:
        none !important;

    box-sizing:
        border-box;
}


/*
 * V50 had a deliberate 1040px description cap.
 * Remove it so rich products do not visually shrink the lower page.
 */

body.single-product
.woocommerce-Tabs-panel {
    max-width:
        none !important;
}


/* ==========================================================
   RELATED PRODUCTS
   ========================================================== */

body.single-product
.related.products {
    width:
        100% !important;

    max-width:
        none !important;

    margin-left:
        0 !important;

    margin-right:
        0 !important;
}


body.single-product
.related.products
ul.products {
    width:
        100% !important;

    max-width:
        none !important;
}


@media (min-width: 1000px) {

    body.single-product
    .related.products
    ul.products {
        display:
            grid !important;

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

        gap:
            24px !important;
    }


    body.single-product
    .related.products
    ul.products
    li.product {
        float:
            none !important;

        width:
            auto !important;

        margin:
            0 !important;
    }

}


@media (
    min-width: 650px
)
and (
    max-width: 999px
) {

    body.single-product
    .related.products
    ul.products {
        display:
            grid !important;

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

        gap:
            18px !important;
    }


    body.single-product
    .related.products
    ul.products
    li.product {
        float:
            none !important;

        width:
            auto !important;

        margin:
            0 !important;
    }

}


@media (max-width: 649px) {

    body.single-product
    .related.products
    ul.products {
        display:
            grid !important;

        grid-template-columns:
            1fr !important;

        gap:
            16px !important;
    }


    body.single-product
    .related.products
    ul.products
    li.product {
        float:
            none !important;

        width:
            auto !important;

        margin:
            0 !important;
    }

}


/* ==========================================================
   FOOTER MUST ALWAYS BE FULL VIEWPORT WIDTH ON PRODUCT PAGES
   ========================================================== */

body.single-product
.eco-footer {
    position:
        relative !important;

    left:
        50% !important;

    width:
        100vw !important;

    max-width:
        none !important;

    margin-left:
        -50vw !important;

    margin-right:
        0 !important;

    clear:
        both !important;

    box-sizing:
        border-box !important;
}


/* ==========================================================
   RESPONSIVE PRODUCT PAGE WIDTH
   ========================================================== */

@media (max-width: 999px) {

    body.single-product
    .site-main {
        width:
            min(
                760px,
                calc(
                    100% - 32px
                )
            ) !important;
    }

}


@media (max-width: 620px) {

    body.single-product
    .site-main {
        width:
            calc(
                100% - 26px
            ) !important;
    }

}


/* ECO-TEC CATALOG PRODUCT STRUCTURE DONE51 END */

/* ECO-TEC PRODUCT FINDER DONE52 START */


/* ==========================================================
   FINDER
   ========================================================== */

.eco-product-finder {
    display:
        grid;

    grid-template-columns:
        minmax(
            210px,
            .72fr
        )
        minmax(
            420px,
            1.28fr
        );

    gap:
        18px 28px;

    align-items:
        center;

    margin:
        0 0
        24px;

    padding:
        18px 20px;

    background:
        linear-gradient(
            135deg,
            #F4F8FF 0%,
            #FFFFFF 58%,
            #F8FAFD 100%
        );

    border:
        1px solid
        rgba(
            0,
            83,
            255,
            .10
        );

    border-radius:
        17px;

    box-shadow:
        0 12px 34px
        rgba(
            7,
            26,
            51,
            .04
        );
}


.eco-product-finder-copy
strong {
    display:
        block;

    color:
        #071A33;

    font-size:
        14px;

    font-weight:
        850;

    letter-spacing:
        -.015em;
}


.eco-product-finder-copy
span {
    display:
        block;

    margin-top:
        3px;

    color:
        #748197;

    font-size:
        11px;

    line-height:
        1.4;
}


/* ==========================================================
   FORM
   ========================================================== */

.eco-product-finder-form {
    display:
        grid;

    grid-template-columns:
        minmax(
            0,
            1fr
        )
        auto;

    gap:
        8px;
}


.eco-product-finder-form
input[type="search"] {
    width:
        100%;

    min-width:
        0;

    min-height:
        47px;

    padding:
        10px
        14px;

    color:
        #17263B;

    background:
        #FFFFFF;

    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .11
        );

    border-radius:
        11px;

    outline:
        none;

    box-shadow:
        inset 0 1px 1px
        rgba(
            7,
            26,
            51,
            .02
        );

    font-size:
        13px;

    transition:
        border-color .18s ease,
        box-shadow .18s ease;
}


.eco-product-finder-form
input[type="search"]:focus {
    border-color:
        rgba(
            0,
            83,
            255,
            .45
        );

    box-shadow:
        0 0 0
        4px
        rgba(
            0,
            83,
            255,
            .07
        );
}


.eco-product-finder-form
input[type="search"]::placeholder {
    color:
        #9AA5B4;
}


.eco-product-finder-form
button {
    min-height:
        47px;

    padding:
        10px
        19px;

    color:
        #FFFFFF;

    background:
        #0053FF;

    border:
        0;

    border-radius:
        11px;

    box-shadow:
        0 10px 26px
        rgba(
            0,
            83,
            255,
            .19
        );

    cursor:
        pointer;

    font-size:
        12px;

    font-weight:
        850;

    transition:
        transform .18s ease,
        background .18s ease,
        box-shadow .18s ease;
}


.eco-product-finder-form
button:hover {
    transform:
        translateY(-1px);

    background:
        #0046DC;

    box-shadow:
        0 13px 30px
        rgba(
            0,
            83,
            255,
            .23
        );
}


/* ==========================================================
   RESULT
   ========================================================== */

.eco-product-finder-result {
    grid-column:
        1 / -1;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        15px;

    margin-top:
        -4px;

    padding-top:
        12px;

    border-top:
        1px solid
        rgba(
            7,
            26,
            51,
            .06
        );

    color:
        #637083;

    font-size:
        11px;
}


.eco-product-finder-result
span {
    font-weight:
        700;
}


.eco-product-finder-result
a {
    color:
        #0053FF;

    font-weight:
        800;

    text-decoration:
        none;
}


.eco-product-finder-result
a:hover {
    text-decoration:
        underline;
}


/* ==========================================================
   MODEL MORE VISIBLE WHEN FINDER IS ACTIVE
   ========================================================== */

.eco-done52-product-finder
.eco-product-model {
    margin-top:
        6px;
}


.eco-done52-product-finder
.eco-product-model
strong {
    color:
        #0B2442;

    font-size:
        12px;
}


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

@media (max-width: 800px) {

    .eco-product-finder {
        grid-template-columns:
            1fr;

        gap:
            13px;

        padding:
            16px;
    }


    .eco-product-finder-result {
        grid-column:
            1;
    }

}


@media (max-width: 520px) {

    .eco-product-finder-form {
        grid-template-columns:
            1fr;
    }


    .eco-product-finder-form
    button {
        width:
            100%;
    }


    .eco-product-finder-result {
        align-items:
            flex-start;

        flex-direction:
            column;

        gap:
            6px;
    }

}


/* ECO-TEC PRODUCT FINDER DONE52 END */

/* ECO-TEC PRIVACY SEARCH DONE53 START */


/* ==========================================================
   SEARCH STATE
   ========================================================== */

.eco-product-search-active
.woocommerce-result-count {
    color:
        #637083;

    font-size:
        12px;
}


/* ==========================================================
   EMPTY SEARCH
   ========================================================== */

.eco-search-empty {
    display:
        grid;

    grid-template-columns:
        64px
        minmax(
            0,
            1fr
        );

    gap:
        19px;

    align-items:
        center;

    margin:
        25px 0
        50px;

    padding:
        28px;

    background:
        linear-gradient(
            135deg,
            #F5F8FC,
            #FFFFFF
        );

    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .075
        );

    border-radius:
        19px;

    box-shadow:
        0 16px 46px
        rgba(
            7,
            26,
            51,
            .045
        );
}


.eco-search-empty-mark {
    display:
        inline-flex;

    width:
        64px;

    height:
        64px;

    align-items:
        center;

    justify-content:
        center;

    color:
        #0053FF;

    background:
        #EAF2FF;

    border-radius:
        17px;

    font-size:
        27px;

    font-weight:
        850;
}


.eco-search-empty-copy
strong {
    display:
        block;

    color:
        #071A33;

    font-size:
        20px;

    font-weight:
        850;

    letter-spacing:
        -.025em;
}


.eco-search-empty-copy
p {
    max-width:
        680px;

    margin:
        6px 0
        17px;

    color:
        #68758A;

    font-size:
        13px;

    line-height:
        1.55;
}


.eco-search-empty-actions {
    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        8px;
}


.eco-search-empty-actions
a {
    display:
        inline-flex;

    min-height:
        42px;

    align-items:
        center;

    justify-content:
        center;

    padding:
        8px
        14px;

    border-radius:
        10px;

    font-size:
        11px;

    font-weight:
        850;

    text-decoration:
        none;
}


.eco-search-empty-primary {
    color:
        #FFFFFF !important;

    background:
        #0053FF;
}


.eco-search-empty-secondary {
    color:
        #071A33 !important;

    background:
        #FFFFFF;

    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .10
        );
}


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

@media (max-width: 620px) {

    .eco-search-empty {
        grid-template-columns:
            1fr;

        padding:
            20px;
    }


    .eco-search-empty-mark {
        width:
            50px;

        height:
            50px;

        border-radius:
            14px;

        font-size:
            22px;
    }

}


/* ECO-TEC PRIVACY SEARCH DONE53 END */

/* ECO-TEC CATALOG COMMERCIAL DONE54 START */


/* ==========================================================
   CATEGORY SHORTCUTS
   ========================================================== */

.eco-catalog-shortcuts {
    display:
        flex;

    align-items:
        center;

    gap:
        8px;

    overflow-x:
        auto;

    margin:
        0 0
        15px;

    padding:
        2px 1px
        7px;

    scrollbar-width:
        thin;
}


.eco-catalog-shortcuts
a {
    display:
        inline-flex;

    align-items:
        center;

    gap:
        8px;

    flex:
        0 0
        auto;

    min-height:
        39px;

    padding:
        7px
        12px;

    color:
        #536176;

    background:
        #FFFFFF;

    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .085
        );

    border-radius:
        999px;

    font-size:
        11px;

    font-weight:
        800;

    text-decoration:
        none;

    transition:
        color .18s ease,
        background .18s ease,
        border-color .18s ease,
        transform .18s ease;
}


.eco-catalog-shortcuts
a:hover {
    transform:
        translateY(-1px);

    color:
        #071A33;

    border-color:
        rgba(
            0,
            83,
            255,
            .22
        );
}


.eco-catalog-shortcuts
a.is-active {
    color:
        #FFFFFF;

    background:
        #071A33;

    border-color:
        #071A33;

    box-shadow:
        0 9px 23px
        rgba(
            7,
            26,
            51,
            .13
        );
}


.eco-catalog-shortcuts
small {
    min-width:
        20px;

    height:
        20px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    padding:
        0
        5px;

    color:
        #778398;

    background:
        #F0F3F7;

    border-radius:
        999px;

    font-size:
        9px;

    font-weight:
        850;
}


.eco-catalog-shortcuts
a.is-active
small {
    color:
        #071A33;

    background:
        #FFFFFF;
}


/* ==========================================================
   RESULT COUNT + SORT
   ========================================================== */

.eco-catalog-commercial
.woocommerce-result-count,
.eco-catalog-commercial
.woocommerce-ordering {
    margin-top:
        7px !important;

    margin-bottom:
        21px !important;
}


.eco-catalog-commercial
.woocommerce-result-count {
    padding-top:
        11px;

    color:
        #748196;

    font-size:
        11px;

    font-weight:
        700;
}


.eco-catalog-commercial
.woocommerce-ordering
select {
    min-height:
        40px;

    padding:
        7px 34px
        7px 12px;

    color:
        #28374C;

    background-color:
        #FFFFFF;

    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .10
        );

    border-radius:
        10px;

    outline:
        0;

    font-size:
        11px;

    font-weight:
        750;
}


/* ==========================================================
   PRODUCER ON CARDS
   ========================================================== */

.woocommerce
ul.products
li.product
.eco-card-producer {
    position:
        absolute;

    top:
        13px;

    left:
        13px;

    z-index:
        4;

    max-width:
        calc(
            100% - 26px
        );

    padding:
        5px 8px;

    overflow:
        hidden;

    color:
        #36506F;

    background:
        rgba(
            255,
            255,
            255,
            .90
        );

    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .07
        );

    border-radius:
        999px;

    box-shadow:
        0 5px 16px
        rgba(
            7,
            26,
            51,
            .05
        );

    backdrop-filter:
        blur(7px);

    -webkit-backdrop-filter:
        blur(7px);

    font-size:
        9px;

    font-weight:
        850;

    letter-spacing:
        .045em;

    text-overflow:
        ellipsis;

    text-transform:
        uppercase;

    white-space:
        nowrap;
}


.woocommerce
ul.products
li.product {
    position:
        relative;
}


/* ==========================================================
   MODEL CARD
   ========================================================== */

.eco-catalog-commercial
.eco-product-model,
.single-product
.related.products
.eco-product-model {
    min-height:
        24px;

    margin:
        6px 0
        10px;

    padding:
        0;
}


.eco-catalog-commercial
.eco-product-model
span,
.single-product
.related.products
.eco-product-model
span {
    font-size:
        9px;
}


.eco-catalog-commercial
.eco-product-model
strong,
.single-product
.related.products
.eco-product-model
strong {
    color:
        #10233C;

    font-size:
        12px;

    letter-spacing:
        .005em;
}


/* ==========================================================
   SINGLE PRODUCT REFERENCE
   ========================================================== */

.eco-single-reference {
    display:
        flex;

    flex-wrap:
        wrap;

    align-items:
        center;

    gap:
        7px;

    margin:
        -5px 0
        12px;
}


.eco-single-producer {
    display:
        inline-flex;

    align-items:
        center;

    min-height:
        28px;

    padding:
        5px 9px;

    color:
        #0053FF;

    background:
        #EEF4FF;

    border:
        1px solid
        rgba(
            0,
            83,
            255,
            .10
        );

    border-radius:
        999px;

    font-size:
        10px;

    font-weight:
        850;

    letter-spacing:
        .045em;

    text-transform:
        uppercase;
}


.eco-single-model {
    display:
        inline-flex;

    align-items:
        center;

    gap:
        6px;

    min-height:
        28px;

    padding:
        5px 9px;

    color:
        #17263B;

    background:
        #F6F8FB;

    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .07
        );

    border-radius:
        999px;
}


.eco-single-model
small {
    color:
        #8994A4;

    font-size:
        9px;

    font-weight:
        750;

    text-transform:
        uppercase;
}


.eco-single-model
strong {
    color:
        #17263B;

    font-size:
        10px;

    font-weight:
        850;
}


/* ==========================================================
   NO PRODUCTS
   ========================================================== */

.eco-product-search-active
.woocommerce-info {
    display:
        none;
}


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

@media (max-width: 620px) {

    .eco-catalog-shortcuts {
        margin-left:
            -2px;

        margin-right:
            -2px;
    }


    .eco-catalog-commercial
    .woocommerce-result-count,
    .eco-catalog-commercial
    .woocommerce-ordering {
        float:
            none !important;

        width:
            100%;
    }


    .eco-catalog-commercial
    .woocommerce-ordering
    select {
        width:
            100%;
    }


    .eco-single-reference {
        margin-top:
            0;
    }

}


/* ECO-TEC CATALOG COMMERCIAL DONE54 END */


/* ECO-TEC COMMERCE PAGES DONE57 START */


/* ==========================================================
   TRANSACTIONAL PAGE WIDTH
   ========================================================== */

body.woocommerce-cart .site-main,
body.woocommerce-checkout .site-main,
body.woocommerce-account .site-main {
    width: min(1180px, calc(100% - 40px)) !important;
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}


/* ==========================================================
   PAGE HEADINGS
   ========================================================== */

body.woocommerce-cart .entry-title,
body.woocommerce-checkout .entry-title,
body.woocommerce-account .entry-title {
    margin-bottom: 24px;
    color: #071A33;
    font-size: clamp(28px, 3vw, 42px);
    font-weight: 850;
    letter-spacing: -.035em;
}


/* ==========================================================
   BLOCK CART / CHECKOUT CARDS
   ========================================================== */

body.woocommerce-cart .wc-block-cart__main,
body.woocommerce-cart .wc-block-cart__sidebar,
body.woocommerce-checkout .wc-block-checkout__main,
body.woocommerce-checkout .wc-block-checkout__sidebar {
    box-sizing: border-box;
}


body.woocommerce-cart .wc-block-cart__main,
body.woocommerce-checkout .wc-block-checkout__main {
    padding: 24px !important;
    background: #FFFFFF;
    border: 1px solid rgba(7,26,51,.075);
    border-radius: 18px;
    box-shadow: 0 16px 46px rgba(7,26,51,.045);
}


body.woocommerce-cart .wc-block-cart__sidebar,
body.woocommerce-checkout .wc-block-checkout__sidebar {
    padding: 22px !important;
    background: #F7F9FC;
    border: 1px solid rgba(7,26,51,.07);
    border-radius: 18px;
}


/* ==========================================================
   CLASSIC WOO FALLBACK
   ========================================================== */

body.woocommerce-cart .woocommerce-cart-form,
body.woocommerce-cart .cart_totals,
body.woocommerce-checkout form.checkout,
body.woocommerce-checkout .woocommerce-checkout-review-order {
    padding: 24px;
    background: #FFFFFF;
    border: 1px solid rgba(7,26,51,.075);
    border-radius: 18px;
    box-shadow: 0 16px 46px rgba(7,26,51,.045);
}


/* ==========================================================
   PRODUCT ROWS
   ========================================================== */

.wc-block-cart-items__row {
    border-bottom-color: rgba(7,26,51,.07) !important;
}


.wc-block-cart-item__image img,
.woocommerce-cart-form img {
    border-radius: 12px;
}


.wc-block-components-product-name,
.woocommerce-cart-form .product-name a {
    color: #071A33 !important;
    font-weight: 800;
    text-decoration: none !important;
}


/* ==========================================================
   INPUTS
   ========================================================== */

body.woocommerce-cart input,
body.woocommerce-checkout input,
body.woocommerce-checkout select,
body.woocommerce-checkout textarea,
body.woocommerce-account input {
    border-color: rgba(7,26,51,.12) !important;
    border-radius: 10px !important;
}


body.woocommerce-checkout input:focus,
body.woocommerce-checkout select:focus,
body.woocommerce-checkout textarea:focus,
body.woocommerce-account input:focus {
    border-color: rgba(0,83,255,.50) !important;
    box-shadow: 0 0 0 4px rgba(0,83,255,.07) !important;
    outline: 0 !important;
}


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

body.woocommerce-cart .wc-block-components-button,
body.woocommerce-checkout .wc-block-components-button,
body.woocommerce-cart .button,
body.woocommerce-checkout .button,
body.woocommerce-account .button {
    min-height: 46px;
    padding: 10px 18px !important;
    color: #FFFFFF !important;
    background: #0053FF !important;
    border: 0 !important;
    border-radius: 11px !important;
    box-shadow: 0 10px 24px rgba(0,83,255,.18);
    font-size: 12px !important;
    font-weight: 850 !important;
    text-decoration: none !important;
}


body.woocommerce-cart .wc-block-components-button:hover,
body.woocommerce-checkout .wc-block-components-button:hover,
body.woocommerce-cart .button:hover,
body.woocommerce-checkout .button:hover,
body.woocommerce-account .button:hover {
    background: #0046DC !important;
}


/* ==========================================================
   TOTALS
   ========================================================== */

.wc-block-components-totals-wrapper {
    border-top-color: rgba(7,26,51,.08) !important;
}


.wc-block-components-totals-footer-item {
    color: #071A33;
    font-size: 16px;
    font-weight: 850;
}


.wc-block-components-totals-footer-item .wc-block-formatted-money-amount {
    color: #0053FF;
}


/* ==========================================================
   CHECKOUT SECTIONS
   ========================================================== */

.wc-block-checkout__main .wc-block-components-checkout-step {
    margin-bottom: 10px;
    padding-bottom: 22px;
    border-bottom: 1px solid rgba(7,26,51,.065);
}


.wc-block-components-checkout-step__heading h2,
.wc-block-components-title {
    color: #071A33 !important;
    font-weight: 850 !important;
    letter-spacing: -.02em;
}


/* ==========================================================
   ACCOUNT
   ========================================================== */

body.woocommerce-account .woocommerce {
    display: grid;
    grid-template-columns: 230px minmax(0,1fr);
    gap: 24px;
    align-items: start;
}


body.woocommerce-account .woocommerce-MyAccount-navigation {
    padding: 10px;
    background: #F7F9FC;
    border: 1px solid rgba(7,26,51,.07);
    border-radius: 16px;
}


body.woocommerce-account .woocommerce-MyAccount-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
}


body.woocommerce-account .woocommerce-MyAccount-navigation li {
    margin: 2px 0;
}


body.woocommerce-account .woocommerce-MyAccount-navigation a {
    display: block;
    padding: 10px 12px;
    color: #536176;
    border-radius: 9px;
    font-size: 12px;
    font-weight: 750;
    text-decoration: none;
}


body.woocommerce-account .woocommerce-MyAccount-navigation .is-active a,
body.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
    color: #071A33;
    background: #FFFFFF;
}


body.woocommerce-account .woocommerce-MyAccount-content {
    min-width: 0;
    padding: 24px;
    background: #FFFFFF;
    border: 1px solid rgba(7,26,51,.075);
    border-radius: 18px;
    box-shadow: 0 16px 46px rgba(7,26,51,.04);
}


/* ==========================================================
   MESSAGES
   ========================================================== */

body.woocommerce-cart .woocommerce-message,
body.woocommerce-checkout .woocommerce-message,
body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-info {
    border: 1px solid rgba(0,83,255,.10);
    border-radius: 12px;
    background: #F2F6FF;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 900px) {

    body.woocommerce-cart .site-main,
    body.woocommerce-checkout .site-main,
    body.woocommerce-account .site-main {
        width: calc(100% - 28px) !important;
    }


    body.woocommerce-account .woocommerce {
        grid-template-columns: 1fr;
    }


    body.woocommerce-account .woocommerce-MyAccount-navigation ul {
        display: flex;
        gap: 5px;
        overflow-x: auto;
    }


    body.woocommerce-account .woocommerce-MyAccount-navigation li {
        flex: 0 0 auto;
    }

}


@media (max-width: 600px) {

    body.woocommerce-cart .wc-block-cart__main,
    body.woocommerce-cart .wc-block-cart__sidebar,
    body.woocommerce-checkout .wc-block-checkout__main,
    body.woocommerce-checkout .wc-block-checkout__sidebar,
    body.woocommerce-account .woocommerce-MyAccount-content {
        padding: 16px !important;
        border-radius: 14px;
    }

}


/* ECO-TEC COMMERCE PAGES DONE57 END */

/* ECO-TEC HEADER AIR DONE59 START */


/* ==========================================================
   LEGACY COMMERCE
   ========================================================== */

.eco-v47-commerce-dock,
#eco-header-commerce,
.eco-header-commerce {
    display:
        none !important;
}


/*
 * Native old cart is hidden immediately.
 * Refined cart explicitly overrides this below.
 */

header
a[href*="/cos/"] {
    display:
        none !important;
}


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

.eco-site-header-refined {
    background:
        rgba(
            255,
            255,
            255,
            .98
        );

    border-bottom:
        1px solid
        rgba(
            7,
            26,
            51,
            .055
        );

    box-shadow:
        0 7px 28px
        rgba(
            7,
            26,
            51,
            .025
        );

    backdrop-filter:
        blur(14px);

    -webkit-backdrop-filter:
        blur(14px);
}


.eco-site-header-refined
.eco-header-row-refined {
    width:
        min(
            1420px,
            calc(
                100% - 56px
            )
        ) !important;

    max-width:
        1420px !important;

    min-height:
        82px;

    margin-left:
        auto !important;

    margin-right:
        auto !important;

    display:
        flex;

    align-items:
        center;

    gap:
        clamp(
            22px,
            2vw,
            38px
        );
}


/* ==========================================================
   LOGO
   ========================================================== */

.eco-site-header-refined
.eco-logo {
    flex:
        0 0
        auto;
}


.eco-site-header-refined
.eco-logo
.eco-brand-logo {
    height:
        47px;

    max-width:
        240px;
}


/* ==========================================================
   NAVIGATION
   ========================================================== */

.eco-site-header-refined
.eco-main-nav-refined {
    flex:
        1 1
        auto;

    min-width:
        0;
}


.eco-site-header-refined
.eco-main-nav-refined
ul {
    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        clamp(
            17px,
            1.45vw,
            27px
        );
}


.eco-site-header-refined
.eco-main-nav-refined
a {
    color:
        #36465C;

    font-size:
        12px;

    font-weight:
        750;

    line-height:
        1;

    white-space:
        nowrap;
}


.eco-site-header-refined
.eco-main-nav-refined
a:hover {
    color:
        #0053FF;
}


/* ==========================================================
   ACCOUNT + CART CLUSTER
   ========================================================== */

.eco-header-commerce-refined {
    display:
        inline-flex;

    flex:
        0 0
        auto;

    align-items:
        center;

    gap:
        3px;

    margin-left:
        2px;

    padding:
        4px;

    background:
        #F5F8FC;

    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .065
        );

    border-radius:
        14px;
}


.eco-header-commerce-refined[hidden] {
    display:
        none !important;
}


.eco-header-commerce-refined
a {
    position:
        relative;

    display:
        inline-flex !important;

    align-items:
        center;

    justify-content:
        center;

    gap:
        7px;

    min-height:
        42px;

    padding:
        8px
        11px;

    color:
        #293B53;

    background:
        transparent;

    border:
        1px solid
        transparent;

    border-radius:
        10px;

    font-size:
        11px;

    font-weight:
        800;

    line-height:
        1;

    text-decoration:
        none;

    white-space:
        nowrap;

    transition:
        color .18s ease,
        background .18s ease,
        border-color .18s ease,
        transform .18s ease;
}


.eco-header-commerce-refined
a:hover {
    color:
        #071A33;

    background:
        #FFFFFF;

    border-color:
        rgba(
            7,
            26,
            51,
            .07
        );

    box-shadow:
        0 5px 16px
        rgba(
            7,
            26,
            51,
            .045
        );

    transform:
        translateY(-1px);
}


.eco-header-commerce-icon-refined {
    display:
        inline-flex;

    width:
        21px;

    height:
        21px;

    align-items:
        center;

    justify-content:
        center;

    color:
        #27405F;
}


.eco-header-commerce-icon-refined
svg {
    display:
        block;

    width:
        20px;

    height:
        20px;
}


/* ==========================================================
   CART COUNT
   ========================================================== */

header
a.eco-header-cart-refined {
    display:
        inline-flex !important;

    padding-right:
        8px;
}


.eco-header-cart-count-refined {
    display:
        inline-flex;

    min-width:
        20px;

    height:
        20px;

    align-items:
        center;

    justify-content:
        center;

    padding:
        0
        5px;

    color:
        #FFFFFF;

    background:
        #0053FF;

    border-radius:
        999px;

    box-shadow:
        0 5px 13px
        rgba(
            0,
            83,
            255,
            .18
        );

    font-size:
        9px;

    font-weight:
        900;
}


/* ==========================================================
   DESKTOP MEDIUM
   ========================================================== */

@media (
    min-width: 901px
)
and (
    max-width: 1240px
) {

    .eco-site-header-refined
    .eco-header-row-refined {
        width:
            calc(
                100% - 34px
            ) !important;

        gap:
            16px;
    }


    .eco-site-header-refined
    .eco-logo
    .eco-brand-logo {
        height:
            42px;

        max-width:
            210px;
    }


    .eco-site-header-refined
    .eco-main-nav-refined
    ul {
        gap:
            14px;
    }


    .eco-site-header-refined
    .eco-main-nav-refined
    a {
        font-size:
            11px;
    }


    .eco-header-commerce-label-refined {
        display:
            none;
    }


    .eco-header-commerce-refined
    a {
        width:
            40px;

        padding:
            7px;
    }


    header
    a.eco-header-cart-refined {
        width:
            48px;

        padding-right:
            7px;
    }


    .eco-header-cart-count-refined {
        position:
            absolute;

        top:
            0;

        right:
            0;

        min-width:
            16px;

        height:
            16px;

        padding:
            0 4px;

        font-size:
            8px;
    }

}


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

@media (max-width: 900px) {

    .eco-site-header-refined
    .eco-header-row-refined {
        width:
            calc(
                100% - 26px
            ) !important;

        min-height:
            70px;

        gap:
            10px;
    }


    .eco-site-header-refined
    .eco-logo
    .eco-brand-logo {
        height:
            41px;

        max-width:
            205px;
    }


    .eco-header-commerce-refined {
        margin-left:
            auto;
    }


    .eco-header-commerce-label-refined {
        display:
            none;
    }


    .eco-header-commerce-refined
    a {
        width:
            38px;

        min-height:
            38px;

        padding:
            6px;
    }


    header
    a.eco-header-cart-refined {
        width:
            45px;

        padding:
            6px;
    }


    .eco-header-cart-count-refined {
        position:
            absolute;

        top:
            -1px;

        right:
            -1px;

        min-width:
            16px;

        height:
            16px;

        padding:
            0 4px;

        font-size:
            8px;
    }

}


@media (max-width: 600px) {

    .eco-site-header-refined
    .eco-header-row-refined {
        width:
            calc(
                100% - 20px
            ) !important;

        min-height:
            66px;
    }


    .eco-site-header-refined
    .eco-logo
    .eco-brand-logo {
        height:
            37px;

        max-width:
            185px;
    }


    .eco-header-commerce-refined {
        padding:
            3px;
    }

}


/* ECO-TEC HEADER AIR DONE59 END */

/* ECO-TEC COMMERCE POLISH DONE60 START */


/* ==========================================================
   CONFIDENCE STRIP
   ========================================================== */

.eco-commerce-confidence {
    display:
        grid;

    grid-template-columns:
        repeat(
            3,
            minmax(
                0,
                1fr
            )
        );

    gap:
        1px;

    overflow:
        hidden;

    margin:
        0 0
        20px;

    background:
        rgba(
            7,
            26,
            51,
            .065
        );

    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .065
        );

    border-radius:
        14px;
}


.eco-commerce-confidence[hidden] {
    display:
        none !important;
}


.eco-confidence-item {
    min-width:
        0;

    padding:
        14px 16px;

    background:
        #F8FAFD;
}


.eco-confidence-item
strong {
    display:
        block;

    margin-bottom:
        3px;

    color:
        #071A33;

    font-size:
        11px;

    font-weight:
        850;
}


.eco-confidence-item
span {
    display:
        block;

    color:
        #748196;

    font-size:
        10px;

    line-height:
        1.45;
}


.eco-confidence-item
a {
    color:
        #0053FF;

    font-weight:
        800;

    text-decoration:
        none;
}


.eco-confidence-item
a:hover {
    text-decoration:
        underline;
}


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

@media (max-width: 720px) {

    .eco-commerce-confidence {
        grid-template-columns:
            1fr;
    }


    .eco-confidence-item {
        padding:
            12px 14px;
    }

}


/* ECO-TEC COMMERCE POLISH DONE60 END */

/* ECO-TEC TRANSACTIONAL UX DONE61 START */


/* ==========================================================
   RETIRE LEGACY TRUST PANELS
   ========================================================== */

.woocommerce-cart
.eco-v47-trust-strip,

.woocommerce-checkout
.eco-v47-trust-strip,

.woocommerce-cart
.eco-v48-checkout-trust,

.woocommerce-checkout
.eco-v48-checkout-trust,

.woocommerce-cart
.eco-v47-cart-assurance,

.woocommerce-checkout
.eco-v47-cart-assurance {
    display:
        none !important;
}


/* ==========================================================
   ORDER SUCCESS
   ========================================================== */

.eco-order-success {
    display:
        grid;

    grid-template-columns:
        auto
        minmax(
            0,
            1fr
        );

    gap:
        20px;

    width:
        min(
            1180px,
            calc(
                100% - 40px
            )
        );

    margin:
        30px auto
        26px;

    padding:
        26px;

    background:
        linear-gradient(
            135deg,
            #071A33,
            #0B2B50
        );

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            .08
        );

    border-radius:
        20px;

    box-shadow:
        0 20px 55px
        rgba(
            7,
            26,
            51,
            .12
        );
}


.eco-order-success[hidden] {
    display:
        none !important;
}


.eco-order-success-mark {
    display:
        flex;

    width:
        54px;

    height:
        54px;

    align-items:
        center;

    justify-content:
        center;

    color:
        #0053FF;

    background:
        #FFFFFF;

    border-radius:
        16px;

    font-size:
        25px;

    font-weight:
        900;
}


.eco-order-success-kicker {
    display:
        block;

    margin-bottom:
        5px;

    color:
        #79A8FF;

    font-size:
        10px;

    font-weight:
        850;

    letter-spacing:
        .10em;
}


.eco-order-success
h2 {
    margin:
        0;

    color:
        #FFFFFF;

    font-size:
        clamp(
            24px,
            3vw,
            34px
        );

    font-weight:
        850;

    letter-spacing:
        -.035em;
}


.eco-order-success
p {
    max-width:
        760px;

    margin:
        8px 0
        18px;

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

    font-size:
        13px;

    line-height:
        1.6;
}


/* ==========================================================
   ORDER META
   ========================================================== */

.eco-order-success-meta {
    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        8px;

    margin-bottom:
        18px;
}


.eco-order-success-meta
span {
    display:
        inline-flex;

    align-items:
        center;

    gap:
        6px;

    min-height:
        32px;

    padding:
        6px 10px;

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

    background:
        rgba(
            255,
            255,
            255,
            .07
        );

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            .07
        );

    border-radius:
        999px;

    font-size:
        10px;
}


.eco-order-success-meta
strong {
    color:
        #FFFFFF;

    font-weight:
        850;
}


/* ==========================================================
   ACTIONS
   ========================================================== */

.eco-order-success-actions {
    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        8px;
}


.eco-order-success-actions
a {
    display:
        inline-flex;

    min-height:
        42px;

    align-items:
        center;

    justify-content:
        center;

    padding:
        8px 14px;

    border-radius:
        10px;

    font-size:
        11px;

    font-weight:
        850;

    text-decoration:
        none;
}


.eco-order-success-primary {
    color:
        #FFFFFF !important;

    background:
        #0053FF;
}


.eco-order-success-secondary {
    color:
        #FFFFFF !important;

    background:
        transparent;

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            .18
        );
}


/* ==========================================================
   ORDER DETAILS
   ========================================================== */

.woocommerce-order-details,
.woocommerce-customer-details {
    overflow:
        hidden;

    padding:
        22px;

    background:
        #FFFFFF;

    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .075
        );

    border-radius:
        16px;
}


.woocommerce-order-details
h2,

.woocommerce-customer-details
h2 {
    color:
        #071A33;

    font-weight:
        850;
}


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

@media (max-width: 700px) {

    .eco-order-success {
        grid-template-columns:
            1fr;

        width:
            calc(
                100% - 28px
            );

        padding:
            20px;

        border-radius:
            16px;
    }


    .eco-order-success-mark {
        width:
            48px;

        height:
            48px;
    }

}


/* ECO-TEC TRANSACTIONAL UX DONE61 END */

/* ECO-TEC CATALOG LANGUAGE DONE62 START */


/* ==========================================================
   RESULT COUNT
   ========================================================== */

.eco-catalog-commercial
.woocommerce-result-count {
    display:
        inline-flex;

    min-height:
        40px;

    align-items:
        center;

    margin:
        6px 0
        22px !important;

    padding:
        8px 12px;

    color:
        #637083;

    background:
        #F7F9FC;

    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .065
        );

    border-radius:
        10px;

    font-size:
        11px;

    font-weight:
        750;

    line-height:
        1;
}


/* ==========================================================
   SORT
   ========================================================== */

.eco-catalog-commercial
.woocommerce-ordering {
    margin:
        6px 0
        22px !important;
}


.eco-catalog-commercial
.woocommerce-ordering
select {
    min-width:
        180px;

    min-height:
        40px;

    padding:
        7px 34px
        7px 12px;

    color:
        #253247;

    background-color:
        #FFFFFF;

    border:
        1px solid
        rgba(
            7,
            26,
            51,
            .10
        );

    border-radius:
        10px;

    font-size:
        11px;

    font-weight:
        750;
}


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

@media (max-width: 620px) {

    .eco-catalog-commercial
    .woocommerce-result-count,

    .eco-catalog-commercial
    .woocommerce-ordering {
        width:
            100%;

        float:
            none !important;
    }


    .eco-catalog-commercial
    .woocommerce-ordering
    select {
        width:
            100%;
    }

}


/* ECO-TEC CATALOG LANGUAGE DONE62 END */

/* ECO-TEC VISIBLE COMMERCE DONE71 START */


/* ==========================================================
   HOME — COMMERCIAL TRUST
   ========================================================== */

.eco-v71-commerce {
    padding:
        28px 0
        clamp(76px, 8vw, 118px);

    background:
        #fff;
}

.eco-v71-commerce-shell {
    position:
        relative;

    overflow:
        hidden;

    padding:
        clamp(34px, 5vw, 60px);

    background:
        linear-gradient(
            135deg,
            #071A33 0%,
            #0B2442 52%,
            #0B2B50 100%
        );

    border:
        1px solid
        rgba(255,255,255,.08);

    border-radius:
        24px;

    box-shadow:
        0 34px 85px
        rgba(7,26,51,.18);
}

.eco-v71-commerce-shell::before {
    content:
        "";

    position:
        absolute;

    width:
        420px;

    height:
        420px;

    right:
        -190px;

    top:
        -220px;

    border-radius:
        50%;

    background:
        radial-gradient(
            circle,
            rgba(0,83,255,.38) 0%,
            rgba(0,83,255,0) 70%
        );

    pointer-events:
        none;
}

.eco-v71-commerce-head {
    position:
        relative;

    z-index:
        1;

    display:
        grid;

    grid-template-columns:
        minmax(0, 1.15fr)
        minmax(280px, .58fr);

    gap:
        clamp(34px, 6vw, 80px);

    align-items:
        end;
}

.eco-v71-kicker,
.eco-contact-kicker {
    display:
        inline-block;

    margin-bottom:
        13px;

    color:
        #75A9FF;

    font-size:
        11px;

    font-weight:
        800;

    letter-spacing:
        .09em;

    text-transform:
        uppercase;
}

.eco-v71-commerce-head h2 {
    max-width:
        760px;

    margin:
        0;

    color:
        #fff;

    font-size:
        clamp(31px, 4vw, 52px);

    line-height:
        1.06;

    letter-spacing:
        -.035em;
}

.eco-v71-commerce-head h2 span {
    display:
        block;

    color:
        #75A9FF;
}

.eco-v71-commerce-head > p {
    margin:
        0;

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

    font-size:
        15px;

    line-height:
        1.7;
}

.eco-v71-benefits {
    position:
        relative;

    z-index:
        1;

    display:
        grid;

    grid-template-columns:
        repeat(3, minmax(0,1fr));

    gap:
        12px;

    margin-top:
        44px;
}

.eco-v71-benefit {
    display:
        grid;

    grid-template-columns:
        34px 1fr;

    gap:
        17px;

    min-height:
        172px;

    padding:
        25px;

    background:
        rgba(255,255,255,.055);

    border:
        1px solid
        rgba(255,255,255,.09);

    border-radius:
        16px;
}

.eco-v71-number {
    color:
        #75A9FF;

    font-size:
        11px;

    font-weight:
        850;
}

.eco-v71-benefit strong {
    display:
        block;

    margin-bottom:
        9px;

    color:
        #fff;

    font-size:
        17px;

    line-height:
        1.25;
}

.eco-v71-benefit p {
    margin:
        0;

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

    font-size:
        13px;

    line-height:
        1.6;
}

.eco-v71-commerce-bottom {
    position:
        relative;

    z-index:
        1;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        26px;

    margin-top:
        26px;

    padding-top:
        25px;

    border-top:
        1px solid
        rgba(255,255,255,.10);
}

.eco-v71-contact-inline {
    display:
        flex;

    flex-wrap:
        wrap;

    align-items:
        center;

    gap:
        11px;
}

.eco-v71-contact-inline a,
.eco-v71-contact-inline small {
    color:
        rgba(255,255,255,.78);

    font-size:
        12px;

    font-weight:
        700;

    text-decoration:
        none;
}

.eco-v71-contact-inline a:hover {
    color:
        #fff;
}

.eco-v71-contact-inline span {
    width:
        3px;

    height:
        3px;

    border-radius:
        50%;

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

.eco-v71-actions {
    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        9px;
}


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

.eco-v71-btn {
    display:
        inline-flex;

    min-height:
        44px;

    align-items:
        center;

    justify-content:
        center;

    padding:
        10px 18px;

    border-radius:
        10px;

    font-size:
        12px;

    font-weight:
        800;

    line-height:
        1;

    text-decoration:
        none !important;

    transition:
        transform .2s ease,
        background-color .2s ease,
        border-color .2s ease;
}

.eco-v71-btn:hover {
    transform:
        translateY(-1px);
}

.eco-v71-btn-light {
    color:
        #071A33 !important;

    background:
        #fff;

    border:
        1px solid #fff;
}

.eco-v71-btn-ghost {
    color:
        #fff !important;

    background:
        transparent;

    border:
        1px solid
        rgba(255,255,255,.24);
}

.eco-v71-btn-blue {
    color:
        #fff !important;

    background:
        #0053FF;

    border:
        1px solid #0053FF;
}

.eco-v71-btn-blue:hover {
    background:
        #0046D8;
}

.eco-v71-btn-outline {
    color:
        #0B2442 !important;

    background:
        #fff;

    border:
        1px solid
        rgba(7,26,51,.12);
}


/* ==========================================================
   CONTACT PAGE
   ========================================================== */

.eco-contact-premium {
    max-width:
        1120px;

    margin:
        10px auto
        58px;
}

.eco-contact-intro {
    max-width:
        780px;

    margin-bottom:
        38px;
}

.eco-contact-intro h2 {
    margin:
        0;

    color:
        #071A33;

    font-size:
        clamp(31px, 4vw, 49px);

    line-height:
        1.07;

    letter-spacing:
        -.035em;
}

.eco-contact-intro > p {
    max-width:
        690px;

    margin:
        19px 0 0;

    color:
        #637083;

    font-size:
        16px;

    line-height:
        1.7;
}

.eco-contact-grid {
    display:
        grid;

    grid-template-columns:
        repeat(3, minmax(0,1fr));

    gap:
        14px;
}

.eco-contact-card {
    min-height:
        195px;

    padding:
        27px;

    background:
        #fff;

    border:
        1px solid
        rgba(7,26,51,.085);

    border-radius:
        16px;

    box-shadow:
        0 10px 34px
        rgba(7,26,51,.045);
}

.eco-contact-card-label {
    display:
        block;

    margin-bottom:
        26px;

    color:
        #637083;

    font-size:
        10px;

    font-weight:
        800;

    letter-spacing:
        .09em;

    text-transform:
        uppercase;
}

.eco-contact-main-link,
.eco-contact-main-text {
    display:
        block;

    color:
        #071A33 !important;

    font-size:
        clamp(20px, 2vw, 25px);

    font-weight:
        800;

    line-height:
        1.2;

    text-decoration:
        none !important;
}

.eco-contact-main-link:hover {
    color:
        #0053FF !important;
}

.eco-contact-card p {
    margin:
        15px 0 0;

    color:
        #637083;

    font-size:
        13px;

    line-height:
        1.6;
}

.eco-contact-logistics {
    display:
        grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    gap:
        44px;

    align-items:
        end;

    margin-top:
        16px;

    padding:
        clamp(30px, 4vw, 46px);

    background:
        #F5F8FC;

    border:
        1px solid
        rgba(7,26,51,.07);

    border-radius:
        18px;
}

.eco-contact-logistics h3 {
    max-width:
        620px;

    margin:
        0;

    color:
        #071A33;

    font-size:
        clamp(27px, 3.3vw, 41px);

    line-height:
        1.08;

    letter-spacing:
        -.03em;
}

.eco-contact-logistics p {
    max-width:
        690px;

    margin:
        17px 0 0;

    color:
        #637083;

    font-size:
        14px;

    line-height:
        1.68;
}

.eco-contact-logistics
.eco-contact-note {
    margin-top:
        9px;

    font-size:
        12px;
}

.eco-contact-actions {
    display:
        flex;

    flex-direction:
        column;

    gap:
        9px;

    min-width:
        205px;
}

.eco-contact-legal-note {
    margin-top:
        16px;

    padding:
        15px 18px;

    color:
        #637083;

    background:
        #fff;

    border:
        1px solid
        rgba(7,26,51,.07);

    border-radius:
        11px;

    font-size:
        11px;

    line-height:
        1.55;
}

.eco-contact-legal-note a {
    color:
        #0053FF;

    font-weight:
        750;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 920px) {

    .eco-v71-commerce-head,
    .eco-contact-logistics {
        grid-template-columns:
            1fr;
    }

    .eco-v71-benefits,
    .eco-contact-grid {
        grid-template-columns:
            1fr;
    }

    .eco-v71-benefit {
        min-height:
            auto;
    }

    .eco-v71-commerce-bottom {
        align-items:
            flex-start;

        flex-direction:
            column;
    }

    .eco-contact-actions {
        flex-direction:
            row;

        flex-wrap:
            wrap;

        min-width:
            0;
    }
}


@media (max-width: 620px) {

    .eco-v71-commerce-shell {
        padding:
            30px 22px;

        border-radius:
            18px;
    }

    .eco-v71-commerce-head h2 {
        font-size:
            33px;
    }

    .eco-v71-benefit {
        padding:
            22px 19px;
    }

    .eco-v71-actions,
    .eco-v71-actions .eco-v71-btn,
    .eco-contact-actions,
    .eco-contact-actions .eco-v71-btn {
        width:
            100%;
    }

    .eco-contact-card {
        min-height:
            0;
    }

    .eco-contact-logistics {
        padding:
            27px 21px;
    }

}


/* ECO-TEC VISIBLE COMMERCE DONE71 END */

/* ECO-TEC INFORMATION UI DONE72 START */


/* =========================================================
   INFORMATION / POLICY PAGES
   ========================================================= */

.eco-policy-page {
    max-width:
        1040px;

    margin:
        0 auto
        70px;

    color:
        #253247;
}

.eco-policy-hero {
    max-width:
        850px;

    margin:
        0 0
        46px;
}

.eco-policy-kicker {
    display:
        inline-block;

    margin-bottom:
        13px;

    color:
        #0053FF;

    font-size:
        11px;

    font-weight:
        850;

    letter-spacing:
        .09em;

    text-transform:
        uppercase;
}

.eco-policy-hero h2 {
    margin:
        0;

    color:
        #071A33;

    font-size:
        clamp(34px, 4.8vw, 58px);

    line-height:
        1.03;

    letter-spacing:
        -.04em;
}

.eco-policy-lead {
    max-width:
        760px;

    margin:
        21px 0 0;

    color:
        #637083;

    font-size:
        17px;

    line-height:
        1.68;
}

.eco-policy-updated {
    margin:
        19px 0 0;

    color:
        #8A95A5;

    font-size:
        11px;
}

.eco-policy-highlight-grid {
    display:
        grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:
        13px;

    margin:
        0 0
        18px;
}

.eco-policy-highlight-grid article {
    padding:
        27px;

    background:
        #F5F8FC;

    border:
        1px solid
        rgba(7,26,51,.07);

    border-radius:
        15px;
}

.eco-policy-highlight-grid strong {
    display:
        block;

    margin-bottom:
        9px;

    color:
        #071A33;

    font-size:
        17px;
}

.eco-policy-highlight-grid p {
    margin:
        0;

    color:
        #637083;

    font-size:
        13px;

    line-height:
        1.6;
}

.eco-policy-section {
    margin:
        16px 0 0;

    padding:
        clamp(26px, 4vw, 40px);

    background:
        #fff;

    border:
        1px solid
        rgba(7,26,51,.075);

    border-radius:
        16px;
}

.eco-policy-section h3 {
    margin:
        0 0
        15px;

    color:
        #071A33;

    font-size:
        clamp(21px, 2.4vw, 29px);

    line-height:
        1.15;

    letter-spacing:
        -.025em;
}

.eco-policy-section p {
    max-width:
        860px;

    margin:
        0 0
        13px;

    color:
        #4F5C6E;

    font-size:
        14px;

    line-height:
        1.78;
}

.eco-policy-section p:last-child {
    margin-bottom:
        0;
}

.eco-policy-section ul {
    margin:
        15px 0
        0;

    padding-left:
        21px;
}

.eco-policy-section li {
    margin:
        8px 0;

    color:
        #4F5C6E;

    font-size:
        14px;

    line-height:
        1.65;
}

.eco-policy-section a,
.eco-policy-note a {
    color:
        #0053FF;

    font-weight:
        700;
}

.eco-policy-soft {
    background:
        #F5F8FC;
}

.eco-policy-steps {
    display:
        grid;

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

    gap:
        12px;

    margin-top:
        20px;
}

.eco-policy-steps > div {
    padding:
        21px;

    background:
        #fff;

    border:
        1px solid
        rgba(7,26,51,.07);

    border-radius:
        12px;
}

.eco-policy-steps span {
    display:
        block;

    margin-bottom:
        12px;

    color:
        #0053FF;

    font-size:
        10px;

    font-weight:
        850;
}

.eco-policy-steps strong {
    display:
        block;

    margin-bottom:
        7px;

    color:
        #071A33;
}

.eco-policy-steps p {
    margin:
        0;

    font-size:
        12px;
}

.eco-policy-table {
    display:
        grid;

    gap:
        0;

    border-top:
        1px solid
        rgba(7,26,51,.08);
}

.eco-policy-table > div {
    display:
        grid;

    grid-template-columns:
        minmax(180px,.4fr)
        minmax(0,1fr);

    gap:
        28px;

    padding:
        18px 0;

    border-bottom:
        1px solid
        rgba(7,26,51,.08);
}

.eco-policy-table strong {
    color:
        #071A33;

    font-size:
        13px;
}

.eco-policy-table span {
    color:
        #637083;

    font-size:
        13px;

    line-height:
        1.65;
}

.eco-policy-note {
    margin-top:
        16px;

    padding:
        23px 27px;

    color:
        #35445A;

    background:
        #EAF2FF;

    border:
        1px solid
        rgba(0,83,255,.12);

    border-radius:
        13px;
}

.eco-policy-note strong {
    display:
        block;

    margin-bottom:
        6px;

    color:
        #071A33;
}

.eco-policy-note p {
    margin:
        0;

    font-size:
        13px;

    line-height:
        1.65;
}

.eco-policy-cta {
    display:
        flex;

    justify-content:
        space-between;

    align-items:
        center;

    gap:
        35px;

    margin-top:
        16px;

    padding:
        clamp(28px,4vw,42px);

    color:
        #fff;

    background:
        linear-gradient(
            135deg,
            #071A33 0%,
            #0B2B50 100%
        );

    border-radius:
        17px;
}

.eco-policy-cta h3 {
    margin:
        0;

    color:
        #fff;

    font-size:
        clamp(24px,3vw,35px);

    line-height:
        1.1;
}

.eco-policy-cta p {
    max-width:
        610px;

    margin:
        12px 0 0;

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

    font-size:
        13px;

    line-height:
        1.65;
}

.eco-policy-actions {
    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        8px;
}

.eco-policy-btn {
    display:
        inline-flex;

    min-height:
        44px;

    align-items:
        center;

    justify-content:
        center;

    padding:
        10px 17px;

    color:
        #071A33 !important;

    background:
        #fff;

    border:
        1px solid #fff;

    border-radius:
        9px;

    font-size:
        11px;

    font-weight:
        800;

    text-decoration:
        none !important;
}

.eco-policy-btn-secondary {
    color:
        #fff !important;

    background:
        transparent;

    border-color:
        rgba(255,255,255,.25);
}


/* PAYMENT */

.eco-payment-grid {
    display:
        grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:
        13px;

    margin-bottom:
        16px;
}

.eco-payment-card {
    padding:
        27px;

    background:
        #fff;

    border:
        1px solid
        rgba(7,26,51,.08);

    border-radius:
        15px;

    box-shadow:
        0 9px 30px
        rgba(7,26,51,.035);
}

.eco-payment-label {
    color:
        #637083;

    font-size:
        10px;

    font-weight:
        850;

    letter-spacing:
        .08em;

    text-transform:
        uppercase;
}

.eco-payment-card h3 {
    min-height:
        54px;

    margin:
        11px 0
        15px;

    color:
        #071A33;

    font-size:
        21px;

    line-height:
        1.2;
}

.eco-payment-card p {
    color:
        #637083;

    font-size:
        12px;

    line-height:
        1.65;
}

.eco-payment-state {
    display:
        inline-flex;

    margin-bottom:
        13px;

    padding:
        6px 9px;

    border-radius:
        999px;

    font-size:
        9px;

    font-weight:
        850;

    letter-spacing:
        .035em;

    text-transform:
        uppercase;
}

.eco-payment-state-active {
    color:
        #0053FF;

    background:
        #EAF2FF;
}

.eco-payment-state-pending {
    color:
        #637083;

    background:
        #F2F4F7;
}


/* =========================================================
   FOOTER V72
   ========================================================= */

.eco-footer-v72 {
    margin-top:
        0 !important;

    color:
        #fff;

    background:
        #071A33 !important;
}

.eco-footer-v72-main {
    padding:
        68px 0
        55px;
}

.eco-footer-v72-wrap,
.eco-footer-v72-bottom-wrap {
    width:
        min(100% - 40px, 1420px);

    margin:
        0 auto;
}

.eco-footer-v72-wrap {
    display:
        grid;

    grid-template-columns:
        minmax(280px,1.25fr)
        repeat(3,minmax(145px,.62fr));

    gap:
        clamp(35px,5vw,75px);
}

.eco-footer-v72-logo {
    display:
        inline-flex;

    width:
        190px;
}

.eco-footer-v72-logo img {
    display:
        block;

    width:
        100%;

    height:
        auto;

    filter:
        brightness(0)
        invert(1);
}

.eco-footer-v72-brand > p {
    max-width:
        390px;

    margin:
        23px 0;

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

    font-size:
        13px;

    line-height:
        1.7;
}

.eco-footer-v72-contact {
    display:
        flex;

    flex-direction:
        column;

    align-items:
        flex-start;

    gap:
        6px;
}

.eco-footer-v72-contact a,
.eco-footer-v72-contact span {
    color:
        rgba(255,255,255,.76);

    font-size:
        12px;

    font-weight:
        650;

    text-decoration:
        none;
}

.eco-footer-v72-contact a:hover {
    color:
        #fff;
}

.eco-footer-v72-column {
    display:
        flex;

    flex-direction:
        column;

    align-items:
        flex-start;

    gap:
        10px;
}

.eco-footer-v72-column strong {
    margin-bottom:
        8px;

    color:
        #fff;

    font-size:
        12px;

    font-weight:
        800;
}

.eco-footer-v72-column a {
    color:
        rgba(255,255,255,.59);

    font-size:
        12px;

    line-height:
        1.45;

    text-decoration:
        none;
}

.eco-footer-v72-column a:hover {
    color:
        #8BB8FF;
}

.eco-footer-v72-bottom {
    border-top:
        1px solid
        rgba(255,255,255,.08);
}

.eco-footer-v72-bottom-wrap {
    display:
        grid;

    grid-template-columns:
        1fr
        auto
        auto;

    gap:
        30px;

    align-items:
        center;

    min-height:
        76px;

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

    font-size:
        10px;
}

.eco-footer-v72-bottom strong {
    color:
        rgba(255,255,255,.78);
}

.eco-footer-v72-legal {
    display:
        flex;

    flex-wrap:
        wrap;

    justify-content:
        center;

    gap:
        10px;
}

.eco-footer-v72-legal a {
    color:
        rgba(255,255,255,.62);

    font-weight:
        700;

    text-decoration:
        none;
}

.eco-footer-v72-legal a:hover {
    color:
        #fff;
}


/* RESPONSIVE */

@media (max-width: 980px) {

    .eco-policy-highlight-grid,
    .eco-payment-grid {
        grid-template-columns:
            1fr;
    }

    .eco-footer-v72-wrap {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .eco-footer-v72-brand {
        grid-column:
            1 / -1;
    }

    .eco-footer-v72-bottom-wrap {
        grid-template-columns:
            1fr;

        gap:
            9px;

        padding:
            22px 0;

        text-align:
            left;
    }

    .eco-footer-v72-legal {
        justify-content:
            flex-start;
    }

}


@media (max-width: 680px) {

    .eco-policy-page {
        margin-bottom:
            45px;
    }

    .eco-policy-section {
        padding:
            24px 20px;
    }

    .eco-policy-steps,
    .eco-policy-table > div {
        grid-template-columns:
            1fr;
    }

    .eco-policy-table > div {
        gap:
            7px;
    }

    .eco-policy-cta {
        align-items:
            flex-start;

        flex-direction:
            column;
    }

    .eco-policy-actions,
    .eco-policy-btn {
        width:
            100%;
    }

    .eco-payment-card h3 {
        min-height:
            0;
    }

    .eco-footer-v72-main {
        padding:
            48px 0;
    }

    .eco-footer-v72-wrap {
        width:
            min(100% - 32px,1420px);

        grid-template-columns:
            1fr;

        gap:
            35px;
    }

    .eco-footer-v72-brand {
        grid-column:
            auto;
    }

    .eco-footer-v72-bottom-wrap {
        width:
            min(100% - 32px,1420px);
    }

}


/* ECO-TEC INFORMATION UI DONE72 END */

/* ECO-TEC FOOTER LOGO DONE73 START */

.eco-footer-v72-logo {
    display:
        inline-flex !important;

    width:
        210px !important;

    max-width:
        100%;

    padding:
        0 !important;

    margin:
        0 !important;

    background:
        transparent !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    box-shadow:
        none !important;

    overflow:
        visible !important;
}


.eco-footer-v72-logo::before,
.eco-footer-v72-logo::after {
    display:
        none !important;
}


.eco-footer-v72-logo img {
    display:
        block !important;

    width:
        100% !important;

    height:
        auto !important;

    max-height:
        72px;

    object-fit:
        contain;

    object-position:
        left center;

    padding:
        0 !important;

    margin:
        0 !important;

    background:
        transparent !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    box-shadow:
        none !important;

    /*
     * Transparent artwork becomes a clean white
     * ECO-TEC mark on the navy footer.
     */
    filter:
        brightness(0)
        invert(1) !important;

    opacity:
        .96;
}


@media (max-width: 680px) {

    .eco-footer-v72-logo {
        width:
            185px !important;
    }

}

/* ECO-TEC FOOTER LOGO DONE73 END */

/* ECO-TEC SEO GEO DONE74 START */


/* =========================================================
   HOMEPAGE FAQ
   ========================================================= */

.eco-v74-faq {
    padding:
        clamp(70px,8vw,108px)
        0;

    background:
        #F5F8FC;

    border-top:
        1px solid
        rgba(7,26,51,.06);
}


.eco-v74-faq-head {
    display:
        grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(280px,.55fr);

    gap:
        clamp(30px,6vw,80px);

    align-items:
        end;

    margin-bottom:
        36px;
}


.eco-v74-kicker {
    display:
        inline-block;

    margin-bottom:
        12px;

    color:
        #0053FF;

    font-size:
        10px;

    font-weight:
        850;

    letter-spacing:
        .09em;

    text-transform:
        uppercase;
}


.eco-v74-faq-head h2 {
    max-width:
        680px;

    margin:
        0;

    color:
        #071A33;

    font-size:
        clamp(31px,4.2vw,51px);

    line-height:
        1.05;

    letter-spacing:
        -.038em;
}


.eco-v74-faq-head > p {
    margin:
        0;

    color:
        #637083;

    font-size:
        14px;

    line-height:
        1.7;
}


.eco-v74-faq-list {
    display:
        grid;

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

    gap:
        11px;
}


.eco-v74-faq-list details,
.eco-category-faq-v74 details {
    overflow:
        hidden;

    background:
        #fff;

    border:
        1px solid
        rgba(7,26,51,.075);

    border-radius:
        13px;
}


.eco-v74-faq-list summary,
.eco-category-faq-v74 summary {
    position:
        relative;

    cursor:
        pointer;

    list-style:
        none;

    padding:
        21px 49px 21px 21px;

    color:
        #071A33;

    font-size:
        14px;

    font-weight:
        750;

    line-height:
        1.4;
}


.eco-v74-faq-list summary::-webkit-details-marker,
.eco-category-faq-v74 summary::-webkit-details-marker {
    display:
        none;
}


.eco-v74-faq-list summary::after,
.eco-category-faq-v74 summary::after {
    content:
        "+";

    position:
        absolute;

    right:
        20px;

    top:
        50%;

    transform:
        translateY(-50%);

    color:
        #0053FF;

    font-size:
        20px;

    font-weight:
        400;
}


.eco-v74-faq-list details[open] summary::after,
.eco-category-faq-v74 details[open] summary::after {
    content:
        "–";
}


.eco-v74-faq-list details > p,
.eco-category-faq-v74 details > p {
    margin:
        0;

    padding:
        0 21px 21px;

    color:
        #637083;

    font-size:
        12px;

    line-height:
        1.68;
}


.eco-v74-faq-list a,
.eco-category-faq-v74 a {
    color:
        #0053FF;

    font-weight:
        700;
}


/* =========================================================
   PRODUCT CATEGORY SEO / GEO
   ========================================================= */

.eco-category-seo-v74 {
    clear:
        both;

    max-width:
        1180px;

    margin:
        clamp(48px,6vw,76px)
        auto 28px;

    padding-top:
        clamp(40px,5vw,62px);

    border-top:
        1px solid
        rgba(7,26,51,.08);
}


.eco-category-seo-copy {
    max-width:
        900px;
}


.eco-category-seo-copy h2,
.eco-category-faq-v74 h2 {
    margin:
        0;

    color:
        #071A33;

    font-size:
        clamp(26px,3vw,39px);

    line-height:
        1.1;

    letter-spacing:
        -.03em;
}


.eco-category-seo-copy p {
    margin:
        16px 0 0;

    color:
        #637083;

    font-size:
        14px;

    line-height:
        1.75;
}


.eco-category-seo-copy a {
    color:
        #0053FF;

    font-weight:
        700;
}


.eco-category-faq-v74 {
    max-width:
        900px;

    margin-top:
        45px;
}


.eco-category-faq-v74 h2 {
    margin-bottom:
        19px;
}


.eco-category-faq-v74 details {
    margin-top:
        8px;

    background:
        #F8FAFD;
}


.eco-category-seo-support {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        30px;

    margin-top:
        43px;

    padding:
        26px 29px;

    color:
        #fff;

    background:
        #071A33;

    border-radius:
        15px;
}


.eco-category-seo-support strong {
    display:
        block;

    margin-bottom:
        5px;

    color:
        #fff;

    font-size:
        16px;
}


.eco-category-seo-support p {
    margin:
        0;

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

    font-size:
        12px;

    line-height:
        1.6;
}


.eco-category-seo-actions {
    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        8px;
}


.eco-category-seo-actions a {
    display:
        inline-flex;

    min-height:
        41px;

    align-items:
        center;

    justify-content:
        center;

    padding:
        9px 15px;

    color:
        #071A33 !important;

    background:
        #fff;

    border:
        1px solid #fff;

    border-radius:
        8px;

    font-size:
        11px;

    font-weight:
        800;

    text-decoration:
        none !important;
}


.eco-category-seo-actions a.secondary {
    color:
        #fff !important;

    background:
        transparent;

    border-color:
        rgba(255,255,255,.25);
}


/* WooCommerce category intro */

.tax-product_cat .term-description {
    max-width:
        900px;

    margin:
        9px 0 31px;

    color:
        #637083;

    font-size:
        14px;

    line-height:
        1.7;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 850px) {

    .eco-v74-faq-head,
    .eco-v74-faq-list {
        grid-template-columns:
            1fr;
    }


    .eco-category-seo-support {
        align-items:
            flex-start;

        flex-direction:
            column;
    }

}


@media (max-width: 620px) {

    .eco-v74-faq {
        padding:
            55px 0;
    }


    .eco-v74-faq-list summary,
    .eco-category-faq-v74 summary {
        padding:
            19px 45px 19px 18px;
    }


    .eco-v74-faq-list details > p,
    .eco-category-faq-v74 details > p {
        padding:
            0 18px 19px;
    }


    .eco-category-seo-v74 {
        margin-top:
            42px;
    }


    .eco-category-seo-support {
        padding:
            24px 20px;
    }


    .eco-category-seo-actions,
    .eco-category-seo-actions a {
        width:
            100%;
    }

}


/* ECO-TEC SEO GEO DONE74 END */

/* ECO-TEC HOME CATEGORIES DONE75 START */


/* =========================================================
   HOME CATEGORY EXPERIENCE
   ========================================================= */

.eco-v75-categories {
    padding:
        clamp(74px,8vw,116px)
        0;

    background:
        #fff;
}


.eco-v75-categories-head {
    display:
        grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(280px,.52fr);

    gap:
        clamp(34px,6vw,86px);

    align-items:
        end;

    margin-bottom:
        38px;
}


.eco-v75-kicker {
    display:
        inline-block;

    margin-bottom:
        12px;

    color:
        #0053FF;

    font-size:
        10px;

    font-weight:
        850;

    letter-spacing:
        .09em;

    text-transform:
        uppercase;
}


.eco-v75-categories-head h2 {
    max-width:
        760px;

    margin:
        0;

    color:
        #071A33;

    font-size:
        clamp(34px,4.6vw,57px);

    line-height:
        1.03;

    letter-spacing:
        -.042em;
}


.eco-v75-categories-head h2 span {
    display:
        block;

    color:
        #0053FF;
}


.eco-v75-categories-intro p {
    margin:
        0;

    color:
        #637083;

    font-size:
        14px;

    line-height:
        1.72;
}


.eco-v75-categories-intro > a {
    display:
        inline-flex;

    margin-top:
        15px;

    color:
        #071A33;

    font-size:
        12px;

    font-weight:
        800;

    text-decoration:
        none;
}


.eco-v75-categories-intro > a:hover {
    color:
        #0053FF;
}


/* GRID */

.eco-v75-category-grid {
    display:
        grid;

    grid-template-columns:
        repeat(12,minmax(0,1fr));

    gap:
        13px;
}


.eco-v75-category-card {
    position:
        relative;

    display:
        grid;

    grid-column:
        span 3;

    grid-template-rows:
        auto 180px;

    min-width:
        0;

    min-height:
        390px;

    overflow:
        hidden;

    color:
        #071A33 !important;

    background:
        #F5F8FC;

    border:
        1px solid
        rgba(7,26,51,.07);

    border-radius:
        19px;

    text-decoration:
        none !important;

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


.eco-v75-category-card:hover {
    transform:
        translateY(-3px);

    border-color:
        rgba(0,83,255,.18);

    box-shadow:
        0 25px 58px
        rgba(7,26,51,.09);
}


.eco-v75-category-feature {
    grid-column:
        span 6;

    grid-template-columns:
        minmax(0,1fr)
        minmax(250px,.86fr);

    grid-template-rows:
        1fr;

    min-height:
        410px;
}


.eco-v75-category-copy {
    position:
        relative;

    z-index:
        2;

    display:
        flex;

    flex-direction:
        column;

    padding:
        27px;
}


.eco-v75-category-feature
.eco-v75-category-copy {
    padding:
        clamp(30px,4vw,43px);
}


.eco-v75-category-eyebrow {
    display:
        block;

    margin-bottom:
        14px;

    color:
        #0053FF;

    font-size:
        9px;

    font-weight:
        850;

    letter-spacing:
        .07em;

    text-transform:
        uppercase;
}


.eco-v75-category-card h3 {
    max-width:
        440px;

    margin:
        0;

    color:
        #071A33;

    font-size:
        clamp(20px,2vw,27px);

    line-height:
        1.08;

    letter-spacing:
        -.025em;
}


.eco-v75-category-feature h3 {
    font-size:
        clamp(28px,3vw,40px);
}


.eco-v75-category-card p {
    max-width:
        450px;

    margin:
        13px 0 0;

    color:
        #637083;

    font-size:
        12px;

    line-height:
        1.65;
}


.eco-v75-category-feature p {
    max-width:
        470px;

    font-size:
        13px;
}


.eco-v75-category-meta {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        20px;

    margin-top:
        auto;

    padding-top:
        27px;
}


.eco-v75-category-meta > span {
    color:
        #8A95A5;

    font-size:
        10px;

    font-weight:
        700;

    text-transform:
        uppercase;

    letter-spacing:
        .055em;
}


.eco-v75-category-meta strong {
    display:
        inline-flex;

    align-items:
        center;

    gap:
        7px;

    color:
        #071A33;

    font-size:
        11px;

    font-weight:
        800;
}


.eco-v75-category-meta i {
    color:
        #0053FF;

    font-size:
        15px;

    font-style:
        normal;

    transition:
        transform .2s ease;
}


.eco-v75-category-card:hover
.eco-v75-category-meta i {
    transform:
        translateX(3px);
}


/* PRODUCT VISUAL */

.eco-v75-category-media {
    position:
        relative;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    overflow:
        hidden;

    min-width:
        0;

    padding:
        16px 20px 23px;
}


.eco-v75-category-feature
.eco-v75-category-media {
    align-self:
        stretch;

    padding:
        36px 28px;
}


.eco-v75-category-media::before {
    content:
        "";

    position:
        absolute;

    width:
        82%;

    aspect-ratio:
        1;

    left:
        50%;

    top:
        53%;

    transform:
        translate(-50%,-50%);

    border-radius:
        50%;

    background:
        radial-gradient(
            circle,
            rgba(0,83,255,.105) 0%,
            rgba(0,83,255,.035) 46%,
            rgba(0,83,255,0) 72%
        );
}


.eco-v75-category-image {
    position:
        relative;

    z-index:
        1;

    display:
        block;

    width:
        auto !important;

    max-width:
        94% !important;

    height:
        auto !important;

    max-height:
        205px;

    margin:
        auto;

    object-fit:
        contain;

    mix-blend-mode:
        multiply;

    filter:
        drop-shadow(
            0 16px 20px
            rgba(7,26,51,.09)
        );

    transition:
        transform .28s ease;
}


.eco-v75-category-feature
.eco-v75-category-image {
    max-height:
        300px;
}


.eco-v75-category-card:hover
.eco-v75-category-image {
    transform:
        scale(1.025);
}


/* FEATURE DIFFERENTIATION */

.eco-v75-cat-aer-apa {
    background:
        linear-gradient(
            135deg,
            #F4F8FF 0%,
            #EEF4FF 100%
        );
}


.eco-v75-category-package {
    background:
        linear-gradient(
            135deg,
            #071A33 0%,
            #0B2B50 100%
        );

    border-color:
        rgba(255,255,255,.08);
}


.eco-v75-category-package
.eco-v75-category-eyebrow {
    color:
        #75A9FF;
}


.eco-v75-category-package h3 {
    color:
        #fff;
}


.eco-v75-category-package p {
    color:
        rgba(255,255,255,.62);
}


.eco-v75-category-package
.eco-v75-category-meta > span {
    color:
        rgba(255,255,255,.43);
}


.eco-v75-category-package
.eco-v75-category-meta strong {
    color:
        #fff;
}


.eco-v75-category-package
.eco-v75-category-media::before {
    background:
        radial-gradient(
            circle,
            rgba(53,124,255,.30) 0%,
            rgba(53,124,255,.08) 48%,
            rgba(53,124,255,0) 72%
        );
}


.eco-v75-category-package
.eco-v75-category-image {
    mix-blend-mode:
        normal;
}


/* BOTTOM NAV */

.eco-v75-category-bottom {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        28px;

    margin-top:
        23px;

    padding-top:
        22px;

    border-top:
        1px solid
        rgba(7,26,51,.07);
}


.eco-v75-category-tags {
    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        6px;
}


.eco-v75-category-tags span {
    display:
        inline-flex;

    min-height:
        28px;

    align-items:
        center;

    padding:
        4px 10px;

    color:
        #637083;

    background:
        #F5F8FC;

    border:
        1px solid
        rgba(7,26,51,.065);

    border-radius:
        999px;

    font-size:
        9px;

    font-weight:
        800;
}


.eco-v75-calculator-link {
    display:
        flex;

    align-items:
        center;

    gap:
        7px;

    color:
        #637083 !important;

    font-size:
        11px;

    text-decoration:
        none !important;
}


.eco-v75-calculator-link strong {
    color:
        #0053FF;

    font-weight:
        850;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1040px) {

    .eco-v75-category-feature {
        grid-column:
            span 12;
    }


    .eco-v75-category-card:not(
        .eco-v75-category-feature
    ) {
        grid-column:
            span 6;
    }

}


@media (max-width: 780px) {

    .eco-v75-categories-head {
        grid-template-columns:
            1fr;
    }


    .eco-v75-category-feature {
        grid-template-columns:
            1fr;

        grid-template-rows:
            auto 260px;
    }


    .eco-v75-category-bottom {
        align-items:
            flex-start;

        flex-direction:
            column;
    }

}


@media (max-width: 620px) {

    .eco-v75-categories {
        padding:
            58px 0;
    }


    .eco-v75-category-card,
    .eco-v75-category-card:not(
        .eco-v75-category-feature
    ) {
        grid-column:
            span 12;

        min-height:
            0;
    }


    .eco-v75-category-card {
        grid-template-rows:
            auto 190px;
    }


    .eco-v75-category-feature {
        grid-template-columns:
            1fr;

        grid-template-rows:
            auto 230px;
    }


    .eco-v75-category-copy,
    .eco-v75-category-feature
    .eco-v75-category-copy {
        padding:
            25px 21px;
    }


    .eco-v75-category-feature h3 {
        font-size:
            30px;
    }


    .eco-v75-category-feature
    .eco-v75-category-media {
        padding:
            18px;
    }


    .eco-v75-category-tags {
        gap:
            5px;
    }


    .eco-v75-calculator-link {
        display:
            block;
    }


    .eco-v75-calculator-link strong {
        display:
            block;

        margin-top:
            5px;
    }

}


/* ECO-TEC HOME CATEGORIES DONE75 END */

/* ECO-TEC HOME PACKAGES DONE76 START */

.eco-v76-packages {
    padding:
        clamp(76px,8vw,118px)
        0;

    background:
        linear-gradient(
            180deg,
            #F5F8FC 0%,
            #FFFFFF 100%
        );

    border-top:
        1px solid
        rgba(7,26,51,.055);
}


.eco-v76-packages-head {
    display:
        grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(280px,.55fr);

    gap:
        clamp(34px,6vw,84px);

    align-items:
        end;

    margin-bottom:
        31px;
}


.eco-v76-kicker {
    display:
        inline-block;

    margin-bottom:
        12px;

    color:
        #0053FF;

    font-size:
        10px;

    font-weight:
        850;

    letter-spacing:
        .09em;

    text-transform:
        uppercase;
}


.eco-v76-packages-head h2 {
    max-width:
        760px;

    margin:
        0;

    color:
        #071A33;

    font-size:
        clamp(34px,4.6vw,57px);

    line-height:
        1.03;

    letter-spacing:
        -.042em;
}


.eco-v76-packages-head h2 span {
    display:
        block;

    color:
        #0053FF;
}


.eco-v76-packages-intro p {
    margin:
        0;

    color:
        #637083;

    font-size:
        14px;

    line-height:
        1.72;
}


.eco-v76-packages-intro > a {
    display:
        inline-flex;

    margin-top:
        15px;

    color:
        #071A33;

    font-size:
        12px;

    font-weight:
        800;

    text-decoration:
        none;
}


.eco-v76-packages-intro > a:hover {
    color:
        #0053FF;
}


/* proof strip */

.eco-v76-package-proof {
    display:
        grid;

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

    margin-bottom:
        18px;

    overflow:
        hidden;

    background:
        #071A33;

    border-radius:
        15px;
}


.eco-v76-package-proof > div {
    padding:
        18px 22px;

    border-right:
        1px solid
        rgba(255,255,255,.085);
}


.eco-v76-package-proof > div:last-child {
    border-right:
        0;
}


.eco-v76-package-proof strong {
    display:
        block;

    margin-bottom:
        4px;

    color:
        #fff;

    font-size:
        13px;

    font-weight:
        800;
}


.eco-v76-package-proof span {
    display:
        block;

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

    font-size:
        10px;

    line-height:
        1.45;
}


/* products */

.eco-v76-products .woocommerce {
    margin:
        0;
}


.eco-v76-products
.woocommerce
ul.products {
    display:
        grid !important;

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

    gap:
        13px !important;

    margin:
        0 !important;

    padding:
        0 !important;
}


.eco-v76-products
.woocommerce
ul.products::before,
.eco-v76-products
.woocommerce
ul.products::after {
    display:
        none !important;
}


.eco-v76-products
.woocommerce
ul.products
li.product {
    width:
        auto !important;

    min-width:
        0;

    float:
        none !important;

    clear:
        none !important;

    margin:
        0 !important;

    padding:
        17px 17px 20px !important;

    background:
        #fff !important;

    border:
        1px solid
        rgba(7,26,51,.075) !important;

    border-radius:
        17px !important;

    box-shadow:
        0 10px 32px
        rgba(7,26,51,.04) !important;

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


.eco-v76-products
.woocommerce
ul.products
li.product:hover {
    transform:
        translateY(-3px);

    border-color:
        rgba(0,83,255,.18) !important;

    box-shadow:
        0 24px 52px
        rgba(7,26,51,.09) !important;
}


.eco-v76-products
.woocommerce
ul.products
li.product
a {
    text-decoration:
        none !important;
}


.eco-v76-products
.woocommerce
ul.products
li.product
img {
    width:
        100% !important;

    height:
        235px !important;

    margin:
        0 0 19px !important;

    padding:
        16px;

    object-fit:
        contain;

    background:
        linear-gradient(
            180deg,
            #FAFCFF,
            #F4F7FB
        );

    border-radius:
        13px !important;

    mix-blend-mode:
        multiply;
}


.eco-v76-products
.woocommerce
ul.products
li.product
.woocommerce-loop-product__title {
    min-height:
        60px;

    padding:
        0 !important;

    color:
        #071A33 !important;

    font-size:
        15px !important;

    font-weight:
        760 !important;

    line-height:
        1.35 !important;
}


.eco-v76-products
.woocommerce
ul.products
li.product
.price {
    display:
        block;

    margin-top:
        12px !important;

    color:
        #071A33 !important;

    font-size:
        17px !important;

    font-weight:
        850 !important;

    line-height:
        1.4;
}


.eco-v76-products
.woocommerce
ul.products
li.product
.button {
    width:
        100%;

    min-height:
        42px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    margin:
        17px 0 0 !important;

    padding:
        10px 13px !important;

    color:
        #fff !important;

    background:
        #0053FF !important;

    border:
        1px solid
        #0053FF !important;

    border-radius:
        9px !important;

    font-size:
        11px !important;

    font-weight:
        800 !important;

    line-height:
        1 !important;
}


.eco-v76-products
.woocommerce
ul.products
li.product
.button:hover {
    background:
        #0046D8 !important;
}


/* bottom CTA */

.eco-v76-package-bottom {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        32px;

    margin-top:
        18px;

    padding:
        24px 27px;

    background:
        #EAF2FF;

    border:
        1px solid
        rgba(0,83,255,.11);

    border-radius:
        14px;
}


.eco-v76-package-bottom > div:first-child {
    display:
        flex;

    flex-direction:
        column;

    gap:
        5px;
}


.eco-v76-package-bottom strong {
    color:
        #071A33;

    font-size:
        14px;
}


.eco-v76-package-bottom span {
    color:
        #637083;

    font-size:
        11px;

    line-height:
        1.5;
}


.eco-v76-package-actions {
    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        8px;
}


.eco-v76-btn {
    display:
        inline-flex;

    min-height:
        42px;

    align-items:
        center;

    justify-content:
        center;

    padding:
        9px 15px;

    border-radius:
        8px;

    font-size:
        11px;

    font-weight:
        800;

    text-decoration:
        none !important;
}


.eco-v76-btn-primary {
    color:
        #fff !important;

    background:
        #0053FF;

    border:
        1px solid
        #0053FF;
}


.eco-v76-btn-secondary {
    color:
        #071A33 !important;

    background:
        #fff;

    border:
        1px solid
        rgba(7,26,51,.10);
}


@media (max-width: 1050px) {

    .eco-v76-products
    .woocommerce
    ul.products {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


@media (max-width: 820px) {

    .eco-v76-packages-head {
        grid-template-columns:
            1fr;
    }


    .eco-v76-package-proof {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    .eco-v76-package-bottom {
        align-items:
            flex-start;

        flex-direction:
            column;
    }

}


@media (max-width: 620px) {

    .eco-v76-packages {
        padding:
            58px 0;
    }


    .eco-v76-package-proof {
        grid-template-columns:
            1fr;
    }


    .eco-v76-package-proof > div {
        border-right:
            0;

        border-bottom:
            1px solid
            rgba(255,255,255,.085);
    }


    .eco-v76-package-proof > div:last-child {
        border-bottom:
            0;
    }


    .eco-v76-products
    .woocommerce
    ul.products {
        grid-template-columns:
            1fr;
    }


    .eco-v76-products
    .woocommerce
    ul.products
    li.product
    img {
        height:
            280px !important;
    }


    .eco-v76-products
    .woocommerce
    ul.products
    li.product
    .woocommerce-loop-product__title {
        min-height:
            0;
    }


    .eco-v76-package-actions,
    .eco-v76-btn {
        width:
            100%;
    }

}


/* ECO-TEC HOME PACKAGES DONE76 END */


/* ECO-TEC DONE89 DESIGN SYSTEM */

:root {
    --et89-ink: #15253a;
    --et89-muted: #657185;
    --et89-rule: #dce4ec;
    --et89-blue: #0053ff;
    --et89-paper: #ffffff;
    --et89-soft: #f7f9fc;
}

/* Typography: restrained, technical, editorial */

body:not(.wp-admin) {
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    letter-spacing: normal;
}

body:not(.wp-admin) :is(h1, h2, h3) {
    letter-spacing: -.035em;
    text-wrap: balance;
}

body:not(.wp-admin) h1 {
    font-weight: 700;
    line-height: 1.09;
}

body:not(.wp-admin) h2 {
    font-weight: 680;
    line-height: 1.16;
}

body:not(.wp-admin) h3 {
    font-weight: 660;
    line-height: 1.23;
}

body:not(.wp-admin) :is(p, li) {
    text-wrap: pretty;
}

/* Buttons: industrial precision, not rounded pills */

body:not(.wp-admin) :is(
    .button,
    button[type="submit"],
    a[class*="-btn"],
    a[class*="-button"]
) {
    border-radius: 7px;
    box-shadow: none;
    transition:
        background-color .18s ease,
        border-color .18s ease,
        color .18s ease;
}

body:not(.wp-admin) :is(
    .button,
    button[type="submit"],
    a[class*="-btn"],
    a[class*="-button"]
):hover {
    transform: none;
}

body:not(.wp-admin) :is(
    input[type="search"],
    input[type="text"],
    input[type="number"],
    select,
    textarea
) {
    border-radius: 7px;
}

/* Remove decorative landing-page styling */

body:not(.wp-admin)
[class*="eco-"][class*="kicker"] {
    box-shadow: none;
    border-radius: 0;
    text-transform: uppercase;
    letter-spacing: .105em;
    font-weight: 700;
}

body:not(.wp-admin)
[class*="eco-"][class*="card"] {
    box-shadow: none !important;
    border-radius: 11px;
}

body:not(.wp-admin)
[class*="eco-"][class*="badge"] {
    box-shadow: none;
    border-radius: 5px;
}

body:not(.wp-admin)
[class*="eco-"][class*="pill"] {
    box-shadow: none;
    border-radius: 6px;
}

body:not(.wp-admin)
[class*="eco-"][class*="tag"] {
    box-shadow: none;
    border-radius: 6px;
}

/* Homepage: neutral surfaces and stronger hierarchy */

body.home
[class*="eco-"][class*="mini-kicker"] {
    letter-spacing: .11em;
}

body.home
[class*="eco-"][class*="card"]:not([class*="hero"]) {
    background-color: var(--et89-paper);
    border: 1px solid var(--et89-rule);
}

body.home
[class*="eco-"][class*="card"]:hover {
    box-shadow: none !important;
    transform: none;
}

body.home :is(h1, h2) {
    max-width: 880px;
}

@media (prefers-reduced-motion: reduce) {
    body:not(.wp-admin) * {
        scroll-behavior: auto !important;
    }
}

/* END ECO-TEC DONE89 DESIGN SYSTEM */







/* ECO-TEC DONE124 ORIGINAL HERO TYPOGRAPHY */
body .eco-v78-shop-hero-top,
body.home .eco-home-selector-box,
body.home .eco-v71-commerce-shell {
  background: radial-gradient(ellipse at 86% 15%,#174bac 0%,transparent 37%),linear-gradient(127deg,#071a33 0%,#0b2b50 63%,#102b5e 100%) !important;
  border-radius: 26px !important;
  color: #fff !important;
}
body .eco-v78-shop-hero-top h1,
body.home .eco-home-selector-box h2,
body.home .eco-v71-commerce-shell .eco-v71-commerce-head h2 {
  font-size: clamp(34px,4.6vw,63px) !important;
  font-weight: 830 !important;
  line-height: 1.08 !important;
  letter-spacing: -.056em !important;
  color: #fff !important;
}
body .eco-v78-shop-hero-top h1 em,
body.home .eco-home-selector-box h2 em,
body.home .eco-v71-commerce-shell .eco-v71-commerce-head h2 em {
  color: #93bfff !important;
  font-style: normal !important;
}
body .eco-v78-shop-hero-top .eco-v78-shop-copy p,
body.home .eco-home-selector-box>div:not(.eco86-hero-art) p,
body.home .eco-v71-commerce-shell .eco-v71-commerce-head p {
  font-size: clamp(14px,1.5vw,17px) !important;
  line-height: 1.8 !important;
  color: #c0d0e5 !important;
}
body .eco-v78-shop-hero-top .eco-v78-kicker,
body.home .eco-home-selector-box .eco-home-kicker,
body.home .eco-v71-commerce-shell .eco-v71-kicker {
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .16em !important;
  color: #8bbaff !important;
}
body .eco-v78-shop-hero-top,
body.home .eco-home-selector-box,
body.home .eco-v71-commerce-shell {
 position:relative;
 isolation:isolate;
 overflow:hidden;
}
body .eco-v78-shop-hero-top .eco86-hero-art,
body.home .eco-home-selector-box .eco86-hero-art {
 position:absolute;
 right:2%;
 top:50%;
 transform:translateY(-50%);
 pointer-events:none;
 z-index:0;
 opacity:.45;
 max-width:42%;
}
body .eco-v78-shop-hero-top .eco86-hero-number,
body.home .eco-home-selector-box .eco86-hero-number {
 display:none !important;
}
body .eco-v78-shop-hero-top .eco-v78-shop-copy,
body .eco-v78-shop-hero-top .eco-v78-shop-proof,
body.home .eco-home-selector-box>div:not(.eco86-hero-art),
body.home .eco-home-selector-box>a,
body.home .eco-v71-commerce-shell>* {
 position:relative;
 z-index:2;
}
body .eco-v78-shop-hero-top,
body.home .eco-home-selector-box {
 padding:clamp(25px,3vw,42px) !important;
}
@media(max-width:760px){
 body .eco-v78-shop-hero-top,
 body.home .eco-home-selector-box,
 body.home .eco-v71-commerce-shell {
  padding:20px !important;
 }
 body .eco-v78-shop-hero-top .eco86-hero-art,
 body.home .eco-home-selector-box .eco86-hero-art {
  opacity:.2;
  max-width:52%;
 }
 body.home .eco-home-selector-box {
  grid-template-columns:minmax(0,1fr);
 }
}
/* ECO-TEC DONE124 END */