﻿.swiper-macstore-lobs-container {
    padding: 0 !important;
    /*border: none !important;*/
    border-bottom: 1px solid var(--gray3);
    border-top: none;
    height: 108px;
    max-height: 108px;
    overflow: hidden;
}

.swiper-container--lobs {
    padding: 0 0 0 calc((100% - 1220px) / 2 - 24px);
}

.lobs-card {
    border-radius: 8px;
    min-height: 50px;
    min-width: 264px;
    max-width: 264px;
    width: 264px;
}

    .lobs-card > a:link, .lobs-card > a:active {
        text-decoration-line: none;
    }

.lobs-card-flex {
    display: flex;
    align-items: flex-end;
    column-gap: 8px;
    flex-direction: row;
    justify-content: center;
}

.lobs-card-media {
    height: auto;
    width: auto;
}

.lobs-card-info {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    margin: 0 0 6px 8px;
    min-height: 32px;
    padding: 0;
    width: 156px;
}

    .lobs-card-info > p {
        margin: 0;
        padding: 0;
    }

.lobs-card-tags {
    display: flex;
    align-items: center;
    column-gap: 5px;
    flex-direction: row;
    flex-wrap: wrap;
    list-style: none;
    justify-content: flex-start;
    margin: 0;
    padding-inline-start: 0;
}

    .lobs-card-tags > li > p {
        font-family: "Montserrat";     font-weight: 600;
        font-size: 7px;
        line-height: 150%;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        margin: 0;
        margin-block: 0;
        margin-inline: 0;
    }

.lobs-card-product {
    display: -webkit-box;
    color: #121212bf;
    font-family: "Montserrat";     font-weight: 600;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: 0em;
    margin: 0;
    margin-block: 0;
    margin-inline: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    width: auto;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.lobs-card-price {
    color: #121212bf;
  font-family: "Montserrat";     font-weight: 500;
    font-size: 9px;
    line-height: 11.25px;
    letter-spacing: 0.02em;
    margin-top: 1px;
    width: 124px;
    white-space: normal;
}


.flex-align {
    display: inline-flex;
    align-items: end;
    gap: 1rem;
}


.last-link {
    padding: 0 !important;
}

    /*.last-link .boton {
        text-transform: capitalize !important;
    }*/

    .last-link:hover {
        background-color: var(--wwhite) !important;
    }

        .last-link:hover span, .last-link:hover svg {
            color: var(--bblue);
            stroke: var(--bblue);
            fill: var(--bblue);
        }

.image-space {
    height: 84px;
}



    .lobs-card:hover {
        background-color: var(--gray4);
    }

        .lobs-card:hover .title-regular {
            color: #121212;
        
        }

.carrusel-tags {
    margin-bottom: -15px;
}

    .carrusel-tags li p {
        font-size: 7px;
        font-family: 'sf-pro-display-light' !importanta;
    }

.titulo-lob-item {
    height: 14px;
}

.carrusel-lobs .title {
    text-decoration: none;
    color: var(--gray1);
}

.carrusel-lobs .titulo-lob-item {
    margin-top: -3px;
    margin-bottom: -10px;
}

.carrusel-mac {
    margin-bottom: 5px;
    height: 14px;
}

.swiper-lobs-button-prev {
    margin-top: 0px !important;
    min-height: 90% !important;
}

.swiper-lobs-button-next {
    min-height: 90% !important;
}








.flex-items-carrusel-apple .label-regular {
    margin-bottom: 7px;
}

.flex-items-carrusel-apple a {
    text-decoration: none;
    color: var(--bblue);
    font-size: 11px;
    letter-spacing: 0.01em;
    font-family: "Montserrat";     font-weight: 600;
}

.flex-items-carrusel-apple .label-regular {
    color: var(--gray1);
}

.flex-items-carrusel-apple .titulo-lob-item {
    color: #121212bf;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 150px;
    height: auto;
    letter-spacing: 1px;
}


.macstore-wrapper-lobs {
    padding: 12px 0 !important;
}


