/* =========================================================
   HOME SIDE BANNER
   Chỉ dùng cho trang chủ
   ========================================================= */
 /* =========================================================
   HongHa UI2026
   Module : Home Side Banners
   Chỉ dùng trên Index.aspx
   ========================================================= */

.hh-home-side-banners {
    position: fixed;

    left: 0;
    right: 0;

    bottom: 24px;

    z-index: 9000;

    pointer-events: none;
}

.hh-home-side-banners__left,
.hh-home-side-banners__right {
    position: fixed;

    bottom: 24px;

    pointer-events: auto;
}

.hh-home-side-banners__left {
    left: 20px;
}

.hh-home-side-banners__right {
    right: 20px;
}

.hh-home-side-banners img {
    display: block;

    width: 130px;
    height: auto;

    border-radius: 12px;

    box-shadow:
        0 8px 25px rgba(0, 0, 0, .18);
}
.hh-home-side-banner {
    position: fixed;

    top: 250px;

    width: 130px;

    display: block;

    overflow: hidden;

    border-radius: 10px;

    background: #fff;

    box-shadow: 0 6px 20px rgba(0,0,0,.12);

    z-index: 90;

    cursor: pointer;
}


/* =========================================================
   IMAGE
   ========================================================= */

.hh-home-side-banner img {
    display: block;

    width: 100%;
    height: auto;

    max-width: 100%;

    transition: transform .3s ease;
}


/* =========================================================
   HOVER
   ========================================================= */

.hh-home-side-banner:hover img {
    transform: scale(1.04);
}


/* =========================================================
   LEFT
   1400px / 2 = 700px
   + khoảng cách 20px
   + banner 100px
   ========================================================= */

.hh-home-side-banner-left {
    left: calc(50% - 730px);
}


/* =========================================================
   RIGHT
   ========================================================= */

.hh-home-side-banner-right {
    right: calc(50% - 730px);
}


/* =========================================================
   MÀN HÌNH NHỎ
   ========================================================= */

@media (max-width: 1024px) {

    .hh-home-side-banner {
        display: none;
    }

}