/* stylelint-disable scss/dollar-variable-pattern */
/* stylelint-enable scss/dollar-variable-pattern */
/* correction for product tile hover border*/
.product_revamped_list-grid {
    display: grid;
    gap: 3px;
    transition: 0.2s ease-in-out;
}
.product_revamped_list-grid .product_tile {
    width: 100%;
    margin: 0;
}
@media (min-width: 1024px) {
    .product_revamped_list-grid {
        margin-top: -4px;
    }
}
@media (min-width: 1280px) {
    .product_revamped_list-grid {
        padding: 0 30px;
    }
}
.product_revamped_list-grid_mobile--2_col {
    grid-template-columns: repeat(2, 1fr);
}
.product_revamped_list-grid_mobile--3_col {
    grid-template-columns: repeat(3, 1fr);
}
.product_revamped_list-grid--4_col {
    grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 768px) {
    .product_revamped_list-grid--4_col {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media (min-width: 768px) {
    .product_revamped_list-grid--5_col {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media (min-width: 1024px) {
    .product_revamped_list-grid--5_col {
        grid-template-columns: repeat(5, 1fr);
    }
}

.page_not_found {
    margin-bottom: 50px;
}
@media (min-width: 768px) {
    .page_not_found {
        margin-bottom: 100px;
    }
}
.page_not_found-content {
    margin: 20px auto;
    padding: 20px;
    background-color: #f0f0f0;
}
@media (min-width: 768px) {
    .page_not_found-content {
        padding: 45px 0;
    }
}
.page_not_found-title {
    font-size: 24px;
    text-transform: uppercase;
    margin: 0;
}
.page_not_found-description {
    font-size: 18px;
    line-height: 30px;
}
@media (max-width: 767.98px) {
    .page_not_found-recommendation:not(:last-child) > div {
        margin-bottom: 20px;
        padding-bottom: 30px;
        border-bottom: 1px solid #ccc;
    }
}
@media (min-width: 768px) {
    .page_not_found-recommendation {
        border-right: 1px solid #ccc;
    }
    .page_not_found-recommendation:last-child {
        border: 0;
    }
    .page_not_found-recommendation:not(:first-child) > div {
        margin-left: 5px;
    }
}
.page_not_found-recommendation_title {
    text-transform: uppercase;
    margin-bottom: 10px;
}
.page_not_found-recommendation_list {
    -moz-columns: 2;
         columns: 2;
    margin-bottom: 0;
}
@media (min-width: 768px) {
    .page_not_found-recommendation_list {
        margin-bottom: 20px;
    }
}
.page_not_found-recommendation_list li {
    line-height: 24px;
}