/* Hason Adverts - Frontend Banner Styles */

.hason-advert {
    display: block;
    margin: 0 auto;
    text-align: center;
    line-height: 0;
}

.hason-advert img {
    max-width: 100%;
    height: auto;
    display: inline-block;
}

.hason-advert__link {
    display: inline-block;
    text-decoration: none;
    border: none;
    outline: none;
}

.hason-advert__link:hover {
    opacity: 0.9;
}

.hason-advert--adcode {
    line-height: normal;
}

/* Responsive: fixed-size banners scale on mobile */
@media (max-width: 768px) {
    .hason-advert img {
        width: 100% !important;
        height: auto !important;
    }
}