/* HelloComp × ASUS ProArt promo akce */

.hc-asuspromo-box {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 14px 0 16px;
    padding: 0;
    overflow: hidden;
    border-radius: 9px;
    border: 1px solid rgba(0, 83, 155, 0.14);
    background: #0b1018;
    box-shadow: 0 5px 14px rgba(7, 19, 38, 0.08);
}

.hc-asuspromo-box--above-buy-box {
    margin-top: 0;
    margin-bottom: 13px;
}

.hc-asuspromo-banner {
    position: relative;
    display: block;
    width: 100%;
    line-height: 0;
    text-decoration: none !important;
    outline: none;
}

.hc-asuspromo-banner::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.18s ease;
}

.hc-asuspromo-banner:hover::after,
.hc-asuspromo-banner:focus-visible::after {
    opacity: 1;
}

.hc-asuspromo-banner img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    image-rendering: auto;
    transition: filter 0.18s ease;
}

.hc-asuspromo-banner:hover img,
.hc-asuspromo-banner:focus-visible img {
    filter: brightness(1.04);
}

@media (max-width: 767px) {
    .hc-asuspromo-box {
        width: 100%;
        margin: 12px 0 15px;
        border-radius: 8px;
        box-shadow: 0 6px 14px rgba(7, 19, 38, 0.08);
    }
}