@media (max-width: 767px) {
    .smartbanner {

        position: relative !important;

        inset: auto !important;

        display: flex !important;

        box-sizing: border-box;

        width: 100% !important;

        min-height: 72px;

        z-index: 10 !important;

        background: #fff;

        border-bottom: 1px solid #e8e8e8;

        box-shadow: none !important;

    }

    .smartbanner__icon {

    }

    .smartbanner__info {
        padding-left: 10px;
    }

    .smartbanner__info__title {
        color: #161616;
        font-size: 14px;
        font-weight: 600;
        line-height: 18px;
    }

    .smartbanner__info__author,
    .smartbanner__info__price {
        color: #737373;
        font-size: 11px;
        line-height: 14px;
    }

    .smartbanner__button {
        min-width: 88px;
        padding: 9px 14px;

        color: #ffffff;
        background: #111111;
        border: 0;
        border-radius: 999px;

        font-size: 12px;
        font-weight: 600;
        text-decoration: none;
    }

    .smartbanner__exit {
        opacity: 0.55;
    }
}

@media (min-width: 768px) {
    .smartbanner {
        display: none !important;
    }
}