/* 1. INFINITE BLACK HEADER & FOOTER */
.bhfb-header .bhfb-top-row, 
.bhfb-header .bhfb-main-row,
.site-footer, 
.bhfb-footer {
    background-color: #000000 !important;
}

/* 2. FIX THE HEADER OVERLAP */
/* This pushes the blog title down so it's not hidden under the logo */
#content {
    padding-top: 160px !important;
}

/* 3. CENTER IMAGES */
/* Even if the theme centers text, sometimes it misses images */
img, .wp-block-image img {
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
}
/* 4. FOOTER TEXT COLOR */
.site-footer *, .bhfb-footer * {
    color: #ffffff !important;
}
.sticky-header-active .bhfb-header.bhfb-mobile {
  position: fixed;
  width: 100%;
  top: 0;  
  z-index: 2;
}
/* Prestige Category Image Hover Effect */
.woocommerce-loop-category__title {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 400;
    font-size: 0.8rem; /* Keeps it in that 90% scale range */
}

.product-category img {
    transition: transform 1.5s ease; /* Slow and elegant zoom */
}

.product-category:hover img {
    transform: scale(1.05); /* Very slight zoom */
}
/* Universal Prestige Scaling (Works everywhere) */
@media screen and (min-width: 1024px) {
    /* Shrink the main container to 90% */
    .container, .site-header, .site-content, .site-footer {
        max-width: 90% !important;
        margin-left: auto !important;
        margin-right: auto !important;
  /* Universal Prestige Scaling (Works everywhere) */
@media screen and (min-width: 1024px) {
    /* Shrink the main container to 90% */
    .container, .site-header, .site-content, .site-footer {
        max-width: 90% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Shrink all text by 10% for the minimalist look */
    html {
        font-size: 90%;
    }
}

/* Mobile Safety: Keeps mobile at 100% so it's readable for seekers on the go */
@media screen and (max-width: 1023px) {
    html {
        font-size: 100%;
    }
	
}  }
@media (max-width: 768px) {

  body.single-product .site-header,
  body.single-product .site-header.is-sticky,
  body.single-product .site-header.header-transparent,
  body.single-product .site-header.has-transparent-header {
    background-color: #ffffff !important;
    opacity: 1 !important;
  }

  body.single-product .site-header::before,
  body.single-product .site-header::after {
    background: none !important;
    opacity: 0 !important;
  }