/* Bowling Day — Full-width image page */
.hg-bowling1-page {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    line-height: 0;
}

.hg-bowling1-page .hg-bowling1-image-wrap {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

.hg-bowling1-page .hg-bowling1-image {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
}

/* Clickable button areas */
.hg-bowling1-page .hg-bowling1-button {
    position: absolute;
    display: block;
    z-index: 10;
    background: transparent;
    cursor: pointer;
}

/* Play — top left */
.hg-bowling1-page .hg-bowling-play {
    left: 18.5%;
    top: 54.3%;
    width: 30%;
    height: 7.4%;
}

/* Sponsor — top right */
.hg-bowling1-page .hg-bowling-sponsor {
    left: 51.5%;
    top: 54.3%;
    width: 30%;
    height: 7.4%;
}

/* Volunteer — bottom left */
.hg-bowling1-page .hg-bowling-volunteer {
    left: 18.5%;
    top: 62.6%;
    width: 30%;
    height: 7.4%;
}

/* Vendor — bottom right */
.hg-bowling1-page .hg-bowling-vendor {
    left: 51.5%;
    top: 62.6%;
    width: 30%;
    height: 7.4%;
}

/* Keyboard accessibility */
.hg-bowling1-page .hg-bowling1-button:focus-visible {
    outline: 3px solid #ffffff;
    outline-offset: -4px;
}

/* Mobile sizing */
@media screen and (max-width: 768px) {
    .hg-bowling1-page,
    .hg-bowling1-page .hg-bowling1-image-wrap {
        width: 100%;
        max-width: 100%;
    }

    .hg-bowling1-page .hg-bowling1-image {
        width: 100%;
        height: auto;
    }
}