/*
 * ECO-TEC conditional page CSS
 * extracted from historical DONE77 blocks
 * loaded only where required
 */

/* ECO-TEC CATEGORY EXPERIENCE DONE77 START */


/* Hide the legacy taxonomy header if Woo/theme still prints it */

.tax-product_cat
.woocommerce-products-header {
    display:
        none !important;
}


/* =========================================================
   CATEGORY HERO
   ========================================================= */

.eco-v77-category-hero {
    width:
        100%;

    margin:
        3px 0
        clamp(36px,5vw,56px);
}


.eco-v77-category-hero-main {
    position:
        relative;

    display:
        grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(280px,.36fr);

    gap:
        clamp(32px,6vw,76px);

    overflow:
        hidden;

    padding:
        clamp(32px,5vw,58px);

    color:
        #fff;

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

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

    border-radius:
        22px;

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


.eco-v77-category-hero-main::after {
    content:
        "";

    position:
        absolute;

    width:
        450px;

    height:
        450px;

    top:
        -280px;

    right:
        -160px;

    border-radius:
        50%;

    background:
        radial-gradient(
            circle,
            rgba(0,83,255,.38),
            rgba(0,83,255,0) 69%
        );

    pointer-events:
        none;
}


.eco-v77-category-copy,
.eco-v77-category-summary {
    position:
        relative;

    z-index:
        1;
}


.eco-v77-category-path {
    display:
        flex;

    flex-wrap:
        wrap;

    align-items:
        center;

    gap:
        7px;

    margin-bottom:
        24px;
}


.eco-v77-category-path a,
.eco-v77-category-path span {
    color:
        rgba(255,255,255,.43);

    font-size:
        9px;

    font-weight:
        750;

    letter-spacing:
        .035em;

    text-decoration:
        none;
}


.eco-v77-category-path a:hover {
    color:
        #fff;
}


.eco-v77-kicker {
    display:
        inline-block;

    margin-bottom:
        12px;

    color:
        #75A9FF;

    font-size:
        10px;

    font-weight:
        850;

    letter-spacing:
        .09em;

    text-transform:
        uppercase;
}


.eco-v77-category-copy h1 {
    max-width:
        760px;

    margin:
        0;

    color:
        #fff;

    font-size:
        clamp(34px,4.7vw,58px);

    line-height:
        1.02;

    letter-spacing:
        -.043em;
}


.eco-v77-category-description {
    max-width:
        730px;

    margin:
        21px 0 0;

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

    font-size:
        14px;

    line-height:
        1.72;
}


.eco-v77-category-actions {
    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        8px;

    margin-top:
        27px;
}


.eco-v77-category-actions a {
    display:
        inline-flex;

    min-height:
        43px;

    align-items:
        center;

    justify-content:
        center;

    padding:
        9px 16px;

    border-radius:
        9px;

    font-size:
        11px;

    font-weight:
        800;

    text-decoration:
        none !important;
}


.eco-v77-category-primary {
    color:
        #071A33 !important;

    background:
        #fff;

    border:
        1px solid #fff;
}


.eco-v77-category-secondary {
    color:
        #fff !important;

    background:
        transparent;

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


/* SUMMARY */

.eco-v77-category-summary {
    display:
        flex;

    flex-direction:
        column;

    align-self:
        stretch;

    justify-content:
        center;

    gap:
        0;

    overflow:
        hidden;

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

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

    border-radius:
        15px;
}


.eco-v77-category-number {
    padding:
        23px;

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


.eco-v77-category-number strong {
    display:
        block;

    color:
        #fff;

    font-size:
        37px;

    line-height:
        1;
}


.eco-v77-category-number span {
    display:
        block;

    margin-top:
        6px;

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

    font-size:
        9px;

    font-weight:
        750;

    letter-spacing:
        .04em;

    text-transform:
        uppercase;
}


.eco-v77-category-benefit {
    display:
        grid;

    grid-template-columns:
        7px 1fr;

    gap:
        12px;

    align-items:
        start;

    padding:
        15px 22px;

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


.eco-v77-category-benefit:last-child {
    border-bottom:
        0;
}


.eco-v77-category-dot {
    width:
        6px;

    height:
        6px;

    margin-top:
        6px;

    border-radius:
        50%;

    background:
        #75A9FF;

    box-shadow:
        0 0 0 4px
        rgba(117,169,255,.08);
}


.eco-v77-category-benefit strong {
    display:
        block;

    color:
        #fff;

    font-size:
        11px;

    line-height:
        1.35;
}


.eco-v77-category-benefit small {
    display:
        block;

    margin-top:
        3px;

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

    font-size:
        9px;

    line-height:
        1.4;
}


/* SUBCATEGORY / SIBLING NAV */

.eco-v77-category-navigation {
    display:
        flex;

    flex-wrap:
        wrap;

    align-items:
        center;

    gap:
        7px;

    margin-top:
        12px;
}


.eco-v77-category-navigation > span {
    margin-right:
        3px;

    color:
        #637083;

    font-size:
        10px;

    font-weight:
        750;
}


.eco-v77-category-navigation a {
    display:
        inline-flex;

    align-items:
        center;

    gap:
        8px;

    min-height:
        35px;

    padding:
        6px 11px;

    color:
        #253247 !important;

    background:
        #F5F8FC;

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

    border-radius:
        999px;

    font-size:
        10px;

    font-weight:
        750;

    text-decoration:
        none !important;

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


.eco-v77-category-navigation a:hover {
    color:
        #0053FF !important;

    background:
        #fff;

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


.eco-v77-category-navigation a small {
    display:
        inline-flex;

    min-width:
        19px;

    height:
        19px;

    align-items:
        center;

    justify-content:
        center;

    padding:
        0 5px;

    color:
        #637083;

    background:
        #fff;

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

    border-radius:
        999px;

    font-size:
        8px;

    font-weight:
        800;
}


/* CATALOG LABEL */

.eco-v77-catalog-label {
    display:
        flex;

    flex-direction:
        column;

    gap:
        3px;

    margin:
        3px 0
        17px;
}


.eco-v77-catalog-label span {
    color:
        #0053FF;

    font-size:
        9px;

    font-weight:
        850;

    letter-spacing:
        .08em;

    text-transform:
        uppercase;
}


.eco-v77-catalog-label strong {
    color:
        #071A33;

    font-size:
        18px;

    line-height:
        1.25;
}


/* Keep Woo controls compact below premium intro */

.tax-product_cat
.woocommerce-result-count,
.tax-product_cat
.woocommerce-ordering {
    margin-top:
        0 !important;
}


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

@media (max-width: 880px) {

    .eco-v77-category-hero-main {
        grid-template-columns:
            1fr;
    }


    .eco-v77-category-summary {
        display:
            grid;

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


    .eco-v77-category-number {
        grid-row:
            span 2;
    }

}


@media (max-width: 620px) {

    .eco-v77-category-hero-main {
        padding:
            29px 21px;

        border-radius:
            17px;
    }


    .eco-v77-category-copy h1 {
        font-size:
            35px;
    }


    .eco-v77-category-description {
        font-size:
            13px;
    }


    .eco-v77-category-actions,
    .eco-v77-category-actions a {
        width:
            100%;
    }


    .eco-v77-category-summary {
        display:
            block;
    }


    .eco-v77-category-number {
        grid-row:
            auto;
    }


    .eco-v77-category-navigation {
        align-items:
            flex-start;

        flex-direction:
            column;
    }


    .eco-v77-category-navigation a {
        width:
            100%;

        justify-content:
            space-between;

        border-radius:
            9px;
    }

}


/* ECO-TEC CATEGORY EXPERIENCE DONE77 END */