@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,500&display=swap");

.home-product-card {
    position: relative;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 2.75rem;
}

.home-product-card.product-tile {
    border: unset ;
    margin-bottom: .25rem
}

.home-product-card img {
    width: 100%;
}

.home-product-card .section-link {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.home-product-card .image-container {
    background-color: #f6f6f6;
}

.home-product-card .tile-body {
    padding-top: 0.25rem;
    border: none;
    font-family: 'Roboto', serif;
    min-height: auto;
}

.home-product-card .tile-body .pdp-label {
    color: #4597f7;
    font-weight: 400;
    font-family: 'Roboto', serif;
}

.home-product-card .tile-body .earlyaccess {
    color: #4597F7;
}

.home-product-card .tile-body .pdp-label,
.home-product-card .tile-body .earlyaccess,
.home-product-card .pdp-link .product-titles .product-title,
.home-product-card .pdp-link .product-subtitle,
.home-product-card .price-wrapper .sales,
.home-product-card .price-wrapper .sales .value,
.home-product-card .price-wrapper .strike-through,
.home-product-card .tile-body .price .salesWithOut .value,
.home-product-card .price-wrapper .discount {
    font-size: 1.313rem !important;
    line-height: 1.875rem !important;
}

@media (max-width:991px){
    .home-product-card .tile-body .pdp-label,
    .home-product-card .tile-body .earlyaccess,
    .home-product-card .pdp-link .product-titles .product-title,
    .home-product-card .pdp-link .product-subtitle,
    .home-product-card .price-wrapper .sales,
    .home-product-card .price-wrapper .sales .value,
    .home-product-card .price-wrapper .strike-through,
    .home-product-card .tile-body .price .salesWithOut .value,
    .home-product-card .price-wrapper .discount {
        font-size: 1rem !important;
        line-height: 1.125rem !important;
    }

    .home-product-card .pdp-link .product-titles .product-title,
    .home-product-card .pdp-link .product-subtitle,
    .home-product-card .tile-body .price {
        padding-top: 0.75rem;
    }
}

.home-product-card .pdp-link .product-titles .product-title{
    color: #111111;
    font-weight: 700;
    font-family: 'Roboto', serif;
}

.home-product-card .pdp-link .product-subtitle {
    color: #939393 !important;
    font-weight: 300 !important;
    font-family: 'Roboto', serif;
}

@media (max-width:991px){
    .pdp-link .product-titles .product-subtitle{
        font-weight: 400 !important;
    }
}

.home-product-card .price-wrapper .sales {
    color: #1c4da1;
    font-weight: 700;
}

.home-product-card .price-wrapper .strike-through {
    color: #c6c6c6 !important;
    font-weight: 700;
    text-decoration: line-through !important;
    text-decoration-color: #c6c6c6 !important;
    margin-right: 1rem;
}


.home-product-card .price-wrapper .discount {
    color: #0045bc;
    font-weight: 300;
}

.product-tile .tile-body .color-swatches {
    display: none;
}

.product-tile .tile-body:hover .color-swatches {
    display: block;
}

/* .product-tile .tile-body:hover .swatches-circle {
    display: none;
} */

.product-tile .tile-body .swatches-circle {
    position: absolute;
    bottom: 0px;
}
.product-tile .tile-body .colors-wrap{
    min-height: 50px;
    position: relative;
}

.home-product-card .fa-stack.fa-lg {
    background-color: #fff;
    border-radius: 50%;
}

/* .home-product-card span.swatch-more{
    display: none;
} */

.home-product-card.product-tile .swatch-circle{
    width: 18px;
    height: 18px;
}



/* color circle */
.swatch-circle-white, .swatch-circle-blanco {
    box-shadow: 0 0 0 rem-calc(1) var(--color-grey3) inset;
}
.swatch-circle-white, .swatch-circle-blanco::before {
    color: var(--color-primary);
    background-color: var(--color-primary) !important;
}
.swatch-circle-white, .swatch-circle-blanco::after {
    color: var(--color-primary);
    background-color: var(--color-primary) !important;
}

.swatch-circle-red, .swatch-circle-rojo {
    background: var(--swatch-red) !important;
}

.swatch-circle-black, .swatch-circle-negro {
    background: var(--swatch-black) !important;
}

.swatch-circle-blue, .swatch-circle-azul {
    background: var(--swatch-blue) !important;
}

.swatch-circle-brown, .swatch-circle-marron,
.swatch-circle-brown, .swatch-circle-marrón {
    background: var(--swatch-brown) !important;
}

.swatch-circle-green, .swatch-circle-verde {
    background: var(--swatch-green) !important;
}

.swatch-circle-grey, .swatch-circle-gris {
    background: var(--swatch-grey) !important;
}

.swatch-circle-orange, .swatch-circle-naranja {
    background: var(--swatch-orange) !important;
}

.swatch-circle-pink, .swatch-circle-rosa {
    background: var(--swatch-pink) !important;
}

.swatch-circle-purple, .swatch-circle-morado {
    background: var(--swatch-purple) !important;
}

.swatch-circle-yellow, .swatch-circle-amarillo {
    background: var(--swatch-yellow) !important;
}
.swatch-circle-miscellaneous,
.swatch-circle-multicolor,
.swatch-circle-multi-color {
    background: linear-gradient(
            0deg,
            #821e91,
            #821e91 25%,
            #edd134 0,
            #ff0 50%,
            #edd134 0,
            #59ba00 0,
            #59ba00 76%,
            #111 0,
            #111
        ),
        linear-gradient(0deg, #0e5cd1, #0e5cd1 50%, #e20b0b 0, #e20b0b) !important;
    background-repeat: repeat-y, repeat !important;
    background-size: 50% 100%, 100% 100% !important;
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    border-radius: 1.25em !important;
    display: block;
    height: 2.5em;
    position: relative !important;
    transform: rotate(35deg) !important;
    width: 2.5em;
}
/* .product-tile:hover .tile-body.allowHide .swatches-circle {
    display: none;
} */



/* .wishlist-top .wishlistTile span.fa-stack{
 top:8px;
 bottom:unset;
}
.wishlist-bottom .wishlistTile span.fa-stack{
 top:unset;
 bottom:8px;
} */

/* .home-product-card .discount-tag{
    position: absolute;
    top: 20px;
    z-index: 1;
    color: white;
    font-weight: 700;
    left: 18px;
    background: #EF3E33;
    padding: 6px 10px;
    line-height: 28.13px;
} */