/* 
 - Global
*/

.bg-white {
    background-color:#fff;
}

.grid .grid-hidden {
    display: none;
}

.object__cards {
    display: grid;
    gap:40px;
    margin-bottom:40px;
}

@media (min-width:600px) {
    .grid .object__cards {
        grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
    }
}

/* 
 - Card
*/

.grid .card {
    flex-direction: column;
}


.card {
    position: relative;
    display: flex;
}

.card__overlay {
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index: 1;
}

.card__figure {
    position: relative;
}


.card__figure img {
    width:100%;
    height:auto;
    display: block;
}

.grid .card__figure img {
    border-radius:3px 3px 0 0;
}

.card__title h2 {
    font-size:22px;
}


.card__title h2 {
    margin:0;
}

.card__title span {
    font-size:16px;
    display: block;
}

.card__brand {
    position: absolute;
    bottom:10px;
    left:10px;
    color:#fff;
    font-size:20px;
    line-height:1;
    text-transform: uppercase;
    text-shadow:0 0 4px rgba(0,0,0,0.5);
}

.card__content {
    padding:10px;
    border-style:solid;
    border-color:#E1E1E1;
}


.grid .card__content {
    border-width:0 1px 1px 1px;
    
    border-radius:0 0 3px 3px;
}

.card__listing {
    list-style:none;
    padding:0;
}

@media (min-width:600px) {
    .grid .card__listing {
        display: flex;
        gap:20px;
    }
}

.card__footer {
    margin-top:30px;
    display: flex;
    gap:20px;
    justify-content: space-between;
}

.grid .card__footer {
    align-items: center;
}

@media (max-width:599px) {
    .grid .card__footer {
        align-items: flex-end;
    }
}

.card__price {
    font-style:italic;
    font-size:20px;
    line-height:1;
}