/* =========================================================
   ELITANO HOMEPAGE SHOP SYSTEM
========================================================= */

.elitano-shop-home,
.elitano-shop-home *,
.elitano-variety-products,
.elitano-variety-products * {
    box-sizing: border-box;
}

.elitano-shop-home {
    width: 100vw !important;
    max-width: 100vw !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;

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

    background: #ffffff;
    color: #000000;

    overflow: hidden;
}

.elitano-inner {
    width: min(100%, 1440px);

    margin: 0 auto;

    padding-left: 64px;
    padding-right: 64px;
}


/* =========================================================
   EXPLORE SHOP INTRO
========================================================= */

.elitano-shop-start {
    padding: 65px 0 60px;

    background: #ffffff;
}

.elitano-shop-start-grid {
    display: grid;

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

    gap: 75px;

    align-items: end;
}

.elitano-eyebrow {
    display: block;

    margin-bottom: 16px;

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

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

    line-height: 1;

    letter-spacing: .30em;

    text-transform: uppercase;
}

.elitano-main-title {
    margin: 0;

    font-family: "Bebas Neue", sans-serif;

    color: #000000;

    font-size: clamp(62px, 8vw, 110px);
    font-weight: 400;

    line-height: .9;

    letter-spacing: .025em;

    text-transform: uppercase;
}

.elitano-shop-start-copy {
    max-width: 520px;
}

.elitano-shop-start-copy p {
    margin: 0 0 30px;

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

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


/* =========================================================
   MAIN BUTTON
========================================================= */

.elitano-shop-btn {
    display: inline-flex;

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

    gap: 18px;

    min-height: 54px;

    padding: 0 32px;

    border: 1px solid #000000;

    background: #000000;

    color: #ffffff !important;

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

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

    letter-spacing: .14em;

    text-transform: uppercase;

    text-decoration: none !important;

    transition:
        background .3s ease,
        color .3s ease,
        transform .3s ease;
}

.elitano-shop-btn span {
    font-size: 16px;

    transition: transform .3s ease;
}

.elitano-shop-btn:hover {
    background: transparent;

    color: #000000 !important;

    transform: translateY(-3px);
}

.elitano-shop-btn:hover span {
    transform: translateX(5px);
}


/* =========================================================
   VARIETY SECTION HEADER
========================================================= */

.elitano-variety-head {
    width: 100vw !important;
    max-width: 100vw !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;

    padding: 82px 0 28px;

    background: #ffffff;

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

.elitano-variety-grid {
    display: grid;

    grid-template-columns:
        115px
        minmax(0, 1.1fr)
        minmax(280px, .75fr);

    gap: 34px;

    align-items: end;
}

.elitano-variety-number {
    font-family: "Bebas Neue", sans-serif;

    color: rgba(0,0,0,.16);

    font-size: 74px;
    font-weight: 400;

    line-height: .8;
}

.elitano-variety-label {
    display: block;

    margin-bottom: 12px;

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

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

    letter-spacing: .28em;

    text-transform: uppercase;
}

.elitano-variety-title {
    margin: 0;

    font-family: "Bebas Neue", sans-serif;

    color: #000000;

    font-size: clamp(54px, 6.5vw, 88px);
    font-weight: 400;

    line-height: .9;

    letter-spacing: .03em;

    text-transform: uppercase;
}

.elitano-variety-description {
    max-width: 470px;

    margin: 0;

    color: rgba(0,0,0,.59);

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

.elitano-variety-line {
    width: min(100%, 1440px);

    height: 1px;

    margin: 28px auto 0;

    background: #dddddd;
}


/* =========================================================
   PRODUCT SHORTCODE WRAPPER
========================================================= */

.elitano-variety-products {
    width: 100vw !important;
    max-width: 100vw !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;

    padding: 24px 64px 38px !important;

    background: #ffffff !important;

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


/* 6 PRODUCTS = 3 x 2 */

.elitano-variety-products ul.products {
    display: grid !important;

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

    gap: 42px 26px !important;

    width: min(100%, 1312px) !important;

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

.elitano-variety-products ul.products::before,
.elitano-variety-products ul.products::after {
    display: none !important;
}


/* PRODUCT CARD */

.elitano-variety-products
ul.products
li.product {
    position: relative !important;

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

    width: 100% !important;

    float: none !important;

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

    background: transparent !important;
}


/* PRODUCT LINK */

.elitano-variety-products
.woocommerce-LoopProduct-link {
    display: flex !important;
    flex-direction: column !important;

    flex-grow: 1 !important;

    text-decoration: none !important;
}


/* IMAGE */

.elitano-variety-products
ul.products
li.product
a img {
    display: block !important;

    width: 100% !important;

    aspect-ratio: 1 / 1;

    object-fit: contain !important;

    box-sizing: border-box;

    margin: 0 0 18px !important;

    padding: 30px !important;

    border: 1px solid #e3e3df !important;

    border-radius: 0 !important;

    background: #f5f5f2 !important;

    transition:
        transform .5s cubic-bezier(.19,1,.22,1),
        background .3s ease,
        border-color .3s ease;
}

.elitano-variety-products
ul.products
li.product:hover
a img {
    transform: translateY(-5px);

    background: #efefeb !important;

    border-color: #cfcfca !important;
}


/* PRODUCT TITLE */

.elitano-variety-products
.woocommerce-loop-product__title {
    min-height: 45px;

    margin: 0 0 8px !important;
    padding: 0 !important;

    color: #111111 !important;

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

    font-size: 14px !important;
    font-weight: 500 !important;

    line-height: 1.5 !important;
}


/* PRICE */

.elitano-variety-products .price {
    display: block !important;

    margin: auto 0 15px !important;

    color: #000000 !important;

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

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

.elitano-variety-products .price del {
    margin-right: 5px;

    color: rgba(0,0,0,.4) !important;

    font-size: 11px !important;

    opacity: 1 !important;
}

.elitano-variety-products .price ins {
    color: #000000 !important;

    text-decoration: none !important;
}


/* ADD TO CART */

.elitano-variety-products
ul.products
li.product
a.button {
    display: flex !important;

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

    width: 100% !important;

    min-height: 47px !important;

    margin: 0 !important;

    padding: 0 15px !important;

    border: 1px solid #000000 !important;

    border-radius: 0 !important;

    background: transparent !important;

    color: #000000 !important;

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

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

    letter-spacing: .12em !important;

    text-transform: uppercase !important;

    transition:
        background .3s ease,
        color .3s ease !important;
}

.elitano-variety-products
ul.products
li.product
a.button:hover {
    background: #000000 !important;

    color: #ffffff !important;
}


/* SALE BADGE */

.elitano-variety-products .onsale {
    position: absolute !important;

    top: 14px !important;
    left: 14px !important;
    right: auto !important;

    z-index: 10;

    min-width: auto !important;
    min-height: auto !important;

    margin: 0 !important;

    padding: 8px 10px !important;

    border-radius: 0 !important;

    background: #000000 !important;

    color: #ffffff !important;

    font-size: 8px !important;
    font-weight: 700 !important;

    line-height: 1 !important;

    letter-spacing: .11em;

    text-transform: uppercase;
}


/* WISHLIST */

.elitano-variety-products
.yith-wcwl-add-to-wishlist,
.elitano-variety-products
.tinv-wraper,
.elitano-variety-products
.woosw-btn {
    position: absolute !important;

    top: 14px !important;
    right: 14px !important;

    z-index: 20 !important;

    margin: 0 !important;
}

.elitano-variety-products
.yith-wcwl-add-to-wishlist {
    font-size: 0 !important;
}

.elitano-variety-products
.yith-wcwl-add-to-wishlist a,
.elitano-variety-products
.tinvwl_add_to_wishlist_button,
.elitano-variety-products
.woosw-btn {
    display: flex !important;

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

    width: 38px !important;
    height: 38px !important;

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

    padding: 0 !important;

    border: 1px solid #d3d3cf !important;

    border-radius: 0 !important;

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

    color: #000000 !important;

    font-size: 0 !important;
}


/* =========================================================
   EXPLORE CATEGORY BUTTON
========================================================= */

.elitano-variety-footer {
    width: 100vw !important;
    max-width: 100vw !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;

    padding: 8px 0 95px;

    background: #ffffff;

    text-align: center;

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

.elitano-variety-footer a {
    display: inline-flex;

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

    gap: 18px;

    min-width: 300px;
    min-height: 54px;

    padding: 0 32px;

    border: 1px solid #000000;

    background: #000000;

    color: #ffffff !important;

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

    letter-spacing: .14em;

    text-transform: uppercase;

    text-decoration: none !important;

    transition:
        background .3s ease,
        color .3s ease,
        transform .3s ease;
}

.elitano-variety-footer a:hover {
    background: transparent;

    color: #000000 !important;

    transform: translateY(-3px);
}


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

@media (max-width: 1024px) {

    .elitano-inner {
        padding-left: 34px;
        padding-right: 34px;
    }

    .elitano-variety-products {
        padding-left: 34px !important;
        padding-right: 34px !important;
    }

    .elitano-variety-grid {
        grid-template-columns:
            80px
            1fr;
    }

    .elitano-variety-description {
        grid-column: 2;
    }

    .elitano-variety-products ul.products {
        grid-template-columns:
            repeat(3, minmax(0,1fr)) !important;
    }

}


@media (max-width: 767px) {

    .elitano-inner {
        padding-left: 20px;
        padding-right: 20px;
    }

    .elitano-shop-start {
        padding: 50px 0;
    }

    .elitano-shop-start-grid {
        grid-template-columns: 1fr;

        gap: 30px;
    }

    .elitano-shop-btn {
        width: 100%;
    }

    .elitano-variety-head {
        padding-top: 65px;
    }

    .elitano-variety-grid {
        grid-template-columns: 1fr;

        gap: 10px;
    }

    .elitano-variety-description {
        grid-column: auto;

        margin-top: 12px;
    }

    .elitano-variety-number {
        font-size: 50px;
    }

    .elitano-variety-products {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .elitano-variety-products ul.products {
        grid-template-columns:
            repeat(2, minmax(0,1fr)) !important;

        gap: 26px 12px !important;
    }

    .elitano-variety-products
    ul.products
    li.product
    a img {
        padding: 12px !important;
    }

    .elitano-variety-products
    .woocommerce-loop-product__title {
        min-height: 40px;

        font-size: 11px !important;
    }

    .elitano-variety-footer {
        padding-bottom: 70px;
    }

    .elitano-variety-footer a {
        width: calc(100% - 40px);

        min-width: 0;
    }

}