.page-header {
    padding-top: 9.5rem;
    padding-bottom: 52px;
}

aside{
    border: 2px solid var(--grey);
    border-radius: 5px;
    position: sticky;
    top: 80px;
}

aside .card-body{
    padding: 2rem 1.35rem;
}

aside .card-body a{
    text-decoration: none;
    display: block;
    width: max-content;
}

aside .card-body a:hover > p{
    color: var(--accent);
    transition: all 150ms linear;
}

.bar-grid{
    background: var(--primary);
    border-radius: 5px;
}

.font-icon{
    color: white;
    font-size: 1.5rem;
}

.product-list .card{
    border: 0.5px solid var(--grey);
    border-radius: 5px;
}

.storefront {
    cursor: pointer;
}

.page-link{
    border: 0;
    color: var(--black);
    transition: all 200ms linear;
}

.page-link:hover{
    transition: all 200ms linear;
    color: var(--black);
}

.page-link:hover h3{
    transition: all 200ms linear;
    color: var(--accent);
}

.media-product .media-img-wrapper {
    width: 150px;
    height: 150px;
}

a.text-hover-list:hover{
    color: var(--accent) !important;
}

@media only screen and (max-width: 768px){
    .hr-white{
        border-top: 1px solid var(--white);
    }

    .media-product .media-img-wrapper {
        width: 100px;
        height: 100px;
    }
}

@media (min-width: 768px) and (max-width: 997.98px) {

    /* Header */
    .page-header {
        padding-top: 6rem;
    }
    /* End Header */

}

@media (max-width: 767.98px) {

    /* Header */
    .page-header {
        padding-top: 4.5rem;
    }
    /* End Header */

}