/* BH? No: this stylesheet belongs to the separate site supplied in Front(1).zip.
   Static content photography R1. Header/nav, main homepage hero slider, and page title
   banners intentionally untouched. Loaded after the existing theme CSS. */

/* Only content blocks; the header, homepage hero and .page-title banners are excluded. */
.static-content-images :is(
    .about-section, .about-section-two, .fluid-section-one, .case-section,
    .news-section, .default-section, .shop-section, .shop-single-section,
    .blog-page-section, .blog-single, .services-single, .contact-page-section,
    .partners-page-section, .sponsors-section, .services-block-two,
    .case-block, .shop-item, .news-block, .news-block-three,
    .award-box, .sidebar-page-container
) :is(img, picture, .image, .image-box, .image-column, .inner-box) {
    transform: none !important;
    -webkit-transform: none !important;
    transition: none !important;
    -webkit-transition: none !important;
    animation: none !important;
    -webkit-animation: none !important;
    filter: none !important;
    -webkit-filter: none !important;
    opacity: 1 !important;
}
/* Preserve original dimensions, layout and object fit: no forced widths or heights. */
.static-content-images :is(
    .about-section, .about-section-two, .fluid-section-one, .case-section,
    .news-section, .default-section, .shop-section, .shop-single-section,
    .blog-page-section, .blog-single, .services-single, .contact-page-section,
    .partners-page-section, .sponsors-section, .services-block-two,
    .case-block, .shop-item, .news-block, .news-block-three, .award-box
) :is(img:hover, a:hover img, .image:hover img, .image-box:hover img, .inner-box:hover img) {
    transform: none !important;
    -webkit-transform: none !important;
    filter: none !important;
    -webkit-filter: none !important;
    opacity: 1 !important;
}
/* Remove tint/shine/zoom pseudo-layers from photos only. */
.static-content-images :is(.case-block, .shop-item, .news-block, .news-block-three, .services-block-two, .about-section, .about-section-two, .fluid-section-one)
:is(.image, .image-box)::before,
.static-content-images :is(.case-block, .shop-item, .news-block, .news-block-three, .services-block-two, .about-section, .about-section-two, .fluid-section-one)
:is(.image, .image-box)::after {
    content: none !important;
    display: none !important;
}
/* Magnifier overlays removed from hover cards; the image itself now retains lightbox link. */
.static-content-images .shop-item .image > .overlay-box {
    display: none !important;
}
.static-content-images a.static-photo-link,
.static-content-images a.static-photo-link img {
    display: block;
    transition: none !important;
    transform: none !important;
    filter: none !important;
}
/* Product content that lived ONLY in hover overlays must stay visible and usable. */
.static-content-images .case-block .image > .overlay-box,
.static-content-images .services-block-two .inner-box > .overlay-box {
    position: static !important;
    inset: auto !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
    background-image: none !important;
    background-color: transparent !important;
    pointer-events: auto !important;
}
.static-content-images .case-block .overlay-box :is(.overlay-inner, .content),
.static-content-images .services-block-two .overlay-box :is(.overlay-inner, .content) {
    position: static !important;
    inset: auto !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    transition: none !important;
    background: transparent !important;
}
.static-content-images .case-block .overlay-box :is(h3, h3 a, .text, .read-more),
.static-content-images .services-block-two .overlay-box :is(h6, h6 a, .text) {
    color: #222 !important;
    opacity: 1 !important;
    visibility: visible !important;
}
.static-content-images .case-block .overlay-box .content,
.static-content-images .services-block-two .overlay-box .content {
    padding: 12px 15px;
}
/* Avoid sliding/fading image cards on their entry into the viewport. */
.static-content-images :is(.case-block, .shop-item, .news-block, .services-block-two, .award-box) {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Homepage product pictures no longer run in a second auto-playing carousel. */
.static-content-images .case-section .static-products-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
    max-width: 1200px;
    padding: 0 15px;
    margin: 0 auto;
}
.static-content-images .case-section .static-products-grid > .static-product-card {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
}
.static-content-images .case-section .case-block .image,
.static-content-images .services-block-two .inner-box {
    height: auto !important;
    overflow: visible !important;
}
/* Detail gallery remains clickable, but pictures are a static grid, not an Owl slider. */
.static-content-images .static-project-gallery {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.static-content-images .static-project-gallery > li { margin: 0; }
.static-content-images .static-project-gallery img {
    display: block;
    width: 100%;
    height: auto;
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
}
@media (max-width: 991px) {
    .static-content-images .case-section .static-products-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575px) {
    .static-content-images .case-section .static-products-grid,
    .static-content-images .static-project-gallery { grid-template-columns: 1fr; }
}

/* R2: Home products only. Completely bypass legacy case-block/overlay hover markup.
   Header, hero slider, page banners, and all other page templates unchanged. */
.static-content-images .case-section .static-products-grid .static-product-card,
.static-content-images .case-section .static-products-grid .static-product-card:hover {
    position: relative;
    display: block;
    min-width: 0;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible;
    filter: none !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
}
.static-content-images .case-section .static-product-card::before,
.static-content-images .case-section .static-product-card::after,
.static-content-images .case-section .static-product-picture::before,
.static-content-images .case-section .static-product-picture::after {
    content: none !important;
    display: none !important;
}
.static-content-images .case-section .static-product-picture {
    display: block;
    overflow: hidden;
    line-height: 0;
    background: transparent !important;
}
.static-content-images .case-section .static-product-picture img,
.static-content-images .case-section .static-product-picture:hover img,
.static-content-images .case-section .static-product-card:hover .static-product-picture img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    opacity: 1 !important;
    visibility: visible !important;
    background: transparent !important;
    filter: none !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
}
.static-content-images .case-section .static-product-details {
    padding: 18px 12px 10px;
    text-align: center;
    position: static;
    background: transparent !important;
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
}
.static-content-images .case-section .static-product-details h3 {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 700;
    margin: 0 0 14px;
}
.static-content-images .case-section .static-product-details h3 a,
.static-content-images .case-section .static-product-details h3 a:hover,
.static-content-images .case-section .static-product-read-more,
.static-content-images .case-section .static-product-read-more:hover {
    color: #222 !important;
    opacity: 1 !important;
    text-decoration: none;
    background: transparent !important;
    transition: none !important;
}
.static-content-images .case-section .static-product-description {
    font-size: 15px;
    line-height: 1.8;
    color: #222;
    min-height: 0;
    opacity: 1 !important;
}
.static-content-images .case-section .static-product-read-more {
    display: inline-block;
    font-size: 16px;
    line-height: 1.5;
    margin-top: 14px;
}