/* ThinkPHP view integration for the imported static site. */
.boomwow-site-header > a:first-child img {
    content: url('/static/site/images/index/logo-light.png');
}

.boomwow-about-page .boomwow-site-header:not(.is-scrolled) > a:first-child img,
.boomwow-support-page .boomwow-site-header:not(.is-scrolled) > a:first-child img {
    filter: invert(1);
}

.boomwow-site-header.is-scrolled > a:first-child img,
.boomwow-site-header.is-menu-open > a:first-child img {
    filter: none;
}

.boomwow-site-header [aria-current='page'],
.boomwow-index-header [aria-current='page'] {
    font-weight: 600;
}

/* Static pages are intentionally presentation-only in this phase. */
.boomwow-contact-form [type='submit'],
.boomwow-index-subscription-submit {
    cursor: pointer;
}

.boomwow-product-detail-thumbnails {
    overflow-y: auto;
    scrollbar-width: none;
}

.boomwow-product-detail-thumbnails::-webkit-scrollbar {
    display: none;
}

.boomwow-product-detail-main-image {
    position: relative;
    overflow: hidden;
}

.boomwow-product-detail-main-image .swiper-wrapper,
.boomwow-product-detail-main-image .swiper-slide {
    height: 100%;
}

.boomwow-product-detail-main-image .swiper-slide {
    display: grid;
    place-items: center;
    margin: 0;
    background: #fafafa;
}

.boomwow-product-detail-main-image .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.boomwow-product-detail-gallery-control {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    z-index: 3;
    display: grid;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    place-items: center;
    color: #111;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid #ddd;
    border-radius: 50%;
    cursor: pointer;
}

.boomwow-product-detail-gallery-prev {
    right: 4rem;
}

.boomwow-product-detail-gallery-control.swiper-button-disabled {
    opacity: 0.35;
    cursor: default;
}

.boomwow-product-detail-gallery-pagination {
    position: absolute;
    bottom: 1.6rem;
    left: 1rem;
    z-index: 3;
    width: auto;
    color: #555;
    font-size: 0.75rem;
}

/* Homepage contact inquiry section — harmonized with index page rhythm. */
.boomwow-index-page .boomwow-index-contact {
    padding-top: 2rem;
    padding-bottom: 6rem;
    background: var(--boomwow-paper);
}

.boomwow-index-page .boomwow-index-contact .boomwow-contact-intro-heading {
    margin-bottom: 2rem;
}

.boomwow-index-page .boomwow-index-contact .boomwow-contact-intro-heading h2 {
    font-size: var(--boomwow-type-section, 3rem);
    font-weight: var(--boomwow-weight-display, 700);
    line-height: var(--boomwow-leading-section, 1);
    letter-spacing: normal;
}

@media (max-width: 63.9375rem) {
    .boomwow-index-page .boomwow-index-contact {
        padding-top: 3rem;
        padding-bottom: 4rem;
    }
}