.paw-ad-box { display: block; width: 100%; max-width: 100%; }
.paw-ad-box[hidden] { display: none; }
.paw-carousel { width: 100%; max-width: 100%; margin-inline: auto; }
.paw-carousel-stage {
    position: relative;
    width: 100%;
    aspect-ratio: 6 / 5;
    overflow: hidden;
    background: transparent;
}
.paw-carousel-slide {
    display: none;
    width: 100%;
    height: 100%;
}
.paw-carousel-slide.is-active { display: block; }
.paw-carousel-slide .paw-banner-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.paw-carousel-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 9px 6px;
}
.paw-carousel-dot {
    width: 9px;
    height: 9px;
    min-width: 9px;
    min-height: 9px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #a4a4a4;
    opacity: .8;
    cursor: pointer;
}
.paw-carousel-dot.is-active { background: #222; opacity: 1; }
.paw-carousel-dot:focus-visible { outline: 2px solid #1e8cfb; outline-offset: 3px; }
#paw-popup .paw-carousel { position: relative; width: fit-content; }
#paw-popup .paw-carousel-stage { aspect-ratio: auto; max-width: 100%; max-height: calc(100vh - 40px); }
#paw-popup .paw-carousel-dots {
    position: absolute;
    z-index: 5;
    left: 50%;
    bottom: 10px;
    transform: translateX(-50%);
    width: fit-content;
    padding: 6px 9px;
    border-radius: 20px;
    background: rgba(0, 0, 0, .48);
}
#paw-popup .paw-carousel-dot { background: rgba(255, 255, 255, .6); }
#paw-popup .paw-carousel-dot.is-active { background: #fff; }