/*
 * CR2026 (01.01.2026) : CSS ของ Pop-up Banner
 * ย้ายออกมาจาก frontend/header.html เพื่อให้ "หน้าเว็บจริง" กับ "หน้าดูตัวอย่างในหลังบ้าน"
 * ใช้ไฟล์เดียวกัน จะได้ไม่ต้องดูแล CSS 2 ชุด — แก้ที่นี่ที่เดียวมีผลทั้งสองที่
 * path ของ close.svg เป็น relative จากไฟล์นี้ (assets/css/ -> assets/img/icon/)
 */

    .popup__banner {
        background: #000;
        overflow: hidden;
        z-index: 1000;

        width: 100%;
        height: 100%;

        position: fixed;
        top: 0;
        left: 0;
    }

    .popup__banner img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .popup__banner .close {
        background: url(../img/icon/close.svg) no-repeat center center;
        background-size: 40% auto;
        display: block;
        margin: 0;
        text-indent: -9998px;
        z-index: 10;

        width: 4vw;
        height: 4vw;

        position: absolute;
        top: 0;
        right: 0;
    }

    @media (max-width: 960px) {
        .popup__banner .close {
            width: 14vw;
            height: 14vw;
        }

        .popup__banner img {
            object-fit: unset;
            height: auto;
        }
    }