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

/* ECO-TEC SHOP EXPERIENCE DONE78 START */


/* =========================================================
   SHOP HERO
   ========================================================= */

.eco-v78-shop-hero {
    width:
        100%;

    margin:
        3px 0
        clamp(46px,6vw,70px);
}


.eco-v78-shop-hero-top {
    position:
        relative;

    display:
        grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(260px,.34fr);

    gap:
        clamp(36px,6vw,80px);

    overflow:
        hidden;

    padding:
        clamp(34px,5vw,61px);

    color:
        #fff;

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

    border-radius:
        23px;

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


.eco-v78-shop-hero-top::after {
    content:
        "";

    position:
        absolute;

    width:
        520px;

    height:
        520px;

    top:
        -330px;

    right:
        -160px;

    border-radius:
        50%;

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

    pointer-events:
        none;
}


.eco-v78-shop-copy,
.eco-v78-shop-proof {
    position:
        relative;

    z-index:
        1;
}


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

    margin-bottom:
        13px;

    color:
        #75A9FF;

    font-size:
        10px;

    font-weight:
        850;

    letter-spacing:
        .10em;

    text-transform:
        uppercase;
}


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

    margin:
        0;

    color:
        #fff;

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

    line-height:
        1.01;

    letter-spacing:
        -.045em;
}


.eco-v78-shop-copy > p {
    max-width:
        690px;

    margin:
        21px 0 0;

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

    font-size:
        14px;

    line-height:
        1.72;
}


/* SEARCH */

.eco-v78-shop-search {
    display:
        grid;

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

    max-width:
        670px;

    margin-top:
        29px;

    padding:
        5px;

    background:
        #fff;

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

    border-radius:
        12px;

    box-shadow:
        0 12px 32px
        rgba(0,0,0,.10);
}


.eco-v78-shop-search input[type="search"] {
    width:
        100%;

    min-width:
        0;

    min-height:
        44px;

    padding:
        9px 13px;

    color:
        #071A33;

    background:
        transparent;

    border:
        0;

    outline:
        0;

    font-size:
        13px;
}


.eco-v78-shop-search input::placeholder {
    color:
        #8A95A5;
}


.eco-v78-shop-search button {
    min-width:
        95px;

    padding:
        8px 16px;

    color:
        #fff;

    background:
        #0053FF;

    border:
        0;

    border-radius:
        8px;

    font-size:
        11px;

    font-weight:
        850;

    cursor:
        pointer;
}


.eco-v78-shop-search button:hover {
    background:
        #0046D8;
}


/* PROOF */

.eco-v78-shop-proof {
    display:
        flex;

    flex-direction:
        column;

    align-self:
        stretch;

    justify-content:
        center;

    overflow:
        hidden;

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

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

    border-radius:
        15px;
}


.eco-v78-shop-proof > div {
    padding:
        20px 22px;

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


.eco-v78-shop-proof > div:last-child {
    border-bottom:
        0;
}


.eco-v78-shop-proof strong {
    display:
        block;

    color:
        #fff;

    font-size:
        20px;

    line-height:
        1.2;
}


.eco-v78-shop-proof span {
    display:
        block;

    margin-top:
        4px;

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

    font-size:
        9px;

    font-weight:
        700;

    line-height:
        1.45;
}


/* =========================================================
   SHOP CATEGORY CARDS
   ========================================================= */

.eco-v78-shop-category-grid {
    display:
        grid;

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

    gap:
        12px;

    margin-top:
        13px;
}


.eco-v78-shop-category-card {
    display:
        grid;

    grid-template-rows:
        auto 170px;

    min-width:
        0;

    overflow:
        hidden;

    color:
        #071A33 !important;

    background:
        #F5F8FC;

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

    border-radius:
        17px;

    text-decoration:
        none !important;

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


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

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

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


.eco-v78-shop-card-copy {
    display:
        flex;

    min-height:
        220px;

    flex-direction:
        column;

    padding:
        23px;
}


.eco-v78-shop-card-copy > span {
    margin-bottom:
        11px;

    color:
        #0053FF;

    font-size:
        9px;

    font-weight:
        850;

    letter-spacing:
        .07em;

    text-transform:
        uppercase;
}


.eco-v78-shop-card-copy h2 {
    margin:
        0;

    color:
        #071A33;

    font-size:
        clamp(19px,1.8vw,25px);

    line-height:
        1.1;

    letter-spacing:
        -.025em;
}


.eco-v78-shop-card-copy p {
    margin:
        11px 0 0;

    color:
        #637083;

    font-size:
        11px;

    line-height:
        1.58;
}


.eco-v78-shop-card-meta {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        15px;

    margin-top:
        auto;

    padding-top:
        22px;
}


.eco-v78-shop-card-meta small {
    color:
        #8A95A5;

    font-size:
        9px;

    font-weight:
        750;

    text-transform:
        uppercase;
}


.eco-v78-shop-card-meta strong {
    color:
        #071A33;

    font-size:
        10px;

    font-weight:
        850;
}


.eco-v78-shop-category-card:hover
.eco-v78-shop-card-meta strong {
    color:
        #0053FF;
}


.eco-v78-shop-card-media {
    position:
        relative;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    overflow:
        hidden;

    padding:
        10px 20px 22px;
}


.eco-v78-shop-card-media::before {
    content:
        "";

    position:
        absolute;

    width:
        78%;

    aspect-ratio:
        1;

    left:
        50%;

    top:
        53%;

    transform:
        translate(-50%,-50%);

    border-radius:
        50%;

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


.eco-v78-shop-category-image {
    position:
        relative;

    z-index:
        1;

    display:
        block;

    width:
        auto !important;

    max-width:
        93% !important;

    height:
        auto !important;

    max-height:
        175px;

    margin:
        auto;

    object-fit:
        contain;

    mix-blend-mode:
        multiply;

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

    transition:
        transform .25s ease;
}


.eco-v78-shop-category-card:hover
.eco-v78-shop-category-image {
    transform:
        scale(1.025);
}


/* Highlight packages */

.eco-v78-shop-cat-pachete-complete {
    color:
        #fff !important;

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

    border-color:
        rgba(255,255,255,.08);
}


.eco-v78-shop-cat-pachete-complete
.eco-v78-shop-card-copy > span {
    color:
        #75A9FF;
}


.eco-v78-shop-cat-pachete-complete h2 {
    color:
        #fff;
}


.eco-v78-shop-cat-pachete-complete p {
    color:
        rgba(255,255,255,.57);
}


.eco-v78-shop-cat-pachete-complete
.eco-v78-shop-card-meta small {
    color:
        rgba(255,255,255,.42);
}


.eco-v78-shop-cat-pachete-complete
.eco-v78-shop-card-meta strong {
    color:
        #fff;
}


.eco-v78-shop-cat-pachete-complete
.eco-v78-shop-category-image {
    mix-blend-mode:
        normal;
}


/* QUICK NAV */

.eco-v78-shop-quick {
    display:
        flex;

    flex-wrap:
        wrap;

    align-items:
        center;

    gap:
        7px;

    margin-top:
        13px;
}


.eco-v78-shop-quick > span {
    margin-right:
        3px;

    color:
        #637083;

    font-size:
        9px;

    font-weight:
        800;
}


.eco-v78-shop-quick a {
    display:
        inline-flex;

    min-height:
        32px;

    align-items:
        center;

    padding:
        5px 11px;

    color:
        #253247 !important;

    background:
        #F5F8FC;

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

    border-radius:
        999px;

    font-size:
        9px;

    font-weight:
        750;

    text-decoration:
        none !important;
}


.eco-v78-shop-quick a:hover {
    color:
        #0053FF !important;

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


/* CATALOG LABEL */

.eco-v78-shop-catalog-label {
    display:
        flex;

    flex-direction:
        column;

    gap:
        3px;

    margin:
        0 0
        18px;
}


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

    font-size:
        9px;

    font-weight:
        850;

    letter-spacing:
        .08em;

    text-transform:
        uppercase;
}


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

    font-size:
        20px;

    line-height:
        1.2;
}


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

@media (max-width: 1020px) {

    .eco-v78-shop-category-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


@media (max-width: 820px) {

    .eco-v78-shop-hero-top {
        grid-template-columns:
            1fr;
    }


    .eco-v78-shop-proof {
        display:
            grid;

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


    .eco-v78-shop-proof > div {
        border-right:
            1px solid
            rgba(255,255,255,.08);

        border-bottom:
            0;
    }


    .eco-v78-shop-proof > div:last-child {
        border-right:
            0;
    }

}


@media (max-width: 620px) {

    .eco-v78-shop-hero {
        margin-bottom:
            44px;
    }


    .eco-v78-shop-hero-top {
        padding:
            30px 21px;

        border-radius:
            17px;
    }


    .eco-v78-shop-copy h1 {
        font-size:
            36px;
    }


    .eco-v78-shop-search {
        grid-template-columns:
            1fr;

        gap:
            5px;
    }


    .eco-v78-shop-search button {
        min-height:
            40px;
    }


    .eco-v78-shop-proof {
        display:
            block;
    }


    .eco-v78-shop-proof > div {
        border-right:
            0;

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


    .eco-v78-shop-category-grid {
        grid-template-columns:
            1fr;
    }


    .eco-v78-shop-card-copy {
        min-height:
            0;
    }


    .eco-v78-shop-category-card {
        grid-template-rows:
            auto 190px;
    }


    .eco-v78-shop-quick {
        align-items:
            stretch;

        flex-direction:
            column;
    }


    .eco-v78-shop-quick a {
        width:
            100%;

        border-radius:
            8px;
    }

}


/* ECO-TEC SHOP EXPERIENCE DONE78 END */


/* ECO-TEC DONE89 DESIGN SYSTEM */

/* Neutral, uniform product cards */

body:is(
    .woocommerce-shop,
    .post-type-archive-product,
    .tax-product_cat
) ul.products li.product {
    background: #fff;
    border: 1px solid var(--et89-rule, #dce4ec);
    border-radius: 10px;
    box-shadow: none !important;
    transition: border-color .18s ease;
}

body:is(
    .woocommerce-shop,
    .post-type-archive-product,
    .tax-product_cat
) ul.products li.product:hover {
    border-color: #91a9c7;
    box-shadow: none !important;
    transform: none;
}

body:is(
    .woocommerce-shop,
    .post-type-archive-product,
    .tax-product_cat
) ul.products li.product :is(
    h2,
    h3,
    .woocommerce-loop-product__title
) {
    font-weight: 650;
    line-height: 1.3;
    letter-spacing: -.015em;
}

/* Search and filters */

body:is(
    .woocommerce-shop,
    .post-type-archive-product,
    .tax-product_cat
) :is(input[type="search"], select) {
    background: #fff;
    border: 1px solid #dce4ec;
    border-radius: 7px;
}

body:is(
    .woocommerce-shop,
    .post-type-archive-product,
    .tax-product_cat
) [class*="eco-"][class*="filter"] {
    box-shadow: none !important;
}

/* Complete packages: same white background as other categories */

body:is(
    .woocommerce-shop,
    .post-type-archive-product
):not(.tax-product_cat) :is(
    a[href*="/produse/pachete-complete/"],
    a[href*="/produse/configuratii-complete/"]
) {
    background: #fff !important;
    background-image: none !important;
    color: var(--et89-ink, #15253a) !important;
    border-color: var(--et89-rule, #dce4ec) !important;
    box-shadow: none !important;
}

body:is(
    .woocommerce-shop,
    .post-type-archive-product
):not(.tax-product_cat) :is(
    a[href*="/produse/pachete-complete/"],
    a[href*="/produse/configuratii-complete/"]
) :is(span, strong, small, b, i) {
    color: inherit !important;
}

body:is(
    .woocommerce-shop,
    .post-type-archive-product
):not(.tax-product_cat) :is(
    div,
    li,
    article
):has(> a[href*="/produse/pachete-complete/"]) {
    background: #fff !important;
    background-image: none !important;
    border-color: var(--et89-rule, #dce4ec) !important;
    box-shadow: none !important;
}

body:is(
    .woocommerce-shop,
    .post-type-archive-product
):not(.tax-product_cat) :is(
    div,
    li,
    article
):has(> a[href*="/produse/configuratii-complete/"]) {
    background: #fff !important;
    background-image: none !important;
    border-color: var(--et89-rule, #dce4ec) !important;
    box-shadow: none !important;
}

body:is(
    .woocommerce-shop,
    .post-type-archive-product
):not(.tax-product_cat) :is(
    a[href*="/produse/pachete-complete/"],
    a[href*="/produse/configuratii-complete/"]
):hover {
    background: #f6f9ff !important;
    border-color: #b8c8de !important;
}

/* END ECO-TEC DONE89 DESIGN SYSTEM */