.wd-empty-page {
    position: relative;
    margin-top: 5vw;
    margin-bottom: 25px;
    color: var(--wd-title-color);
    text-align: center;
    font-weight: var(--wd-title-font-weight);
    font-style: var(--wd-title-font-style);
    font-size: 48px;
    font-family: var(--wd-title-font);
    line-height: 1.2
}

.wd-empty-page:before {
    display: block;
    margin-bottom: 20px;
    color: #1e2024;
    font-weight: 400;
    font-size: 3.8em;
    line-height: 1
}

.wd-empty-page-text {
    margin-bottom: 0;
    text-align: center;
    font-size: 110%
}

.wd-empty-page-text+.return-to-shop {
    margin-top: 25px;
    margin-bottom: 5vw
}

.wd-empty-page-text+.return-to-shop .button {
    padding: 5px 28px;
    min-height: 48px;
    font-size: 14px
}

.return-to-shop {
    text-align: center
}

.return-to-shop .button {
    border-radius: 4px;
    color: var(--btn-accented-color);
    background-color: var(--btn-accented-bgcolor);
    text-transform: var(--btn-accented-transform, var(--btn-transform));
    font-weight: var(--btn-accented-font-weight, var(--btn-font-weight));
    font-family: var(--btn-accented-font-family, var(--btn-font-family));
    font-style: var(--btn-accented-font-style, var(--btn-font-style));
    padding: 5px 36px;
}

.return-to-shop .button:hover {
    color: var(--btn-accented-color-hover);
    box-shadow: var(--btn-accented-box-shadow-hover);
    background-color: var(--btn-accented-bgcolor-hover)
}

.return-to-shop .button:active {
    box-shadow: var(--btn-accented-box-shadow-active);
    bottom: var(--btn-accented-bottom-active)
}

.cart-empty:before {
    content: "\f147";
    font-family: "woodmart-font";
}

@media (max-width: 1024px) {
    .wd-empty-page {
        font-size:42px
    }
}

@media (max-width: 768.98px) {
    .wd-empty-page {
        font-size:32px
    }

    .wd-empty-page-text {
        font-size: 100%
    }

    .wd-empty-page-text br {
        display: none
    }
}

@media (max-width: 576px) {
    .wd-empty-page {
        font-size: 18px;
    }
}
