/* =========================================================
   SUTEZ PRODUCT DETAIL PAGES — PREMIUM SHARED FIXES
   1. Glass-style product banner
   2. Consistent premium footer
   3. WhatsApp button removed from HTML
========================================================= */

/* ---------- GLASS PRODUCT BANNER ---------- */

body.product-detail-premium-page .page-banner {
    position: relative !important;
    min-height: 340px !important;
    display: flex !important;
    align-items: center !important;
    overflow: hidden !important;
    padding: 82px 0 !important;
    color: #ffffff !important;
    background:
        radial-gradient(circle at 78% 18%, rgba(105, 207, 252, .22), transparent 24%),
        radial-gradient(circle at 15% 90%, rgba(255, 255, 255, .09), transparent 28%),
        linear-gradient(120deg, #061725 0%, #0a2a45 54%, #125e91 100%) !important;
    isolation: isolate;
}

body.product-detail-premium-page .page-banner::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    background:
        repeating-linear-gradient(
            90deg,
            rgba(255,255,255,.14) 0,
            rgba(255,255,255,.035) 28px,
            rgba(255,255,255,.16) 56px,
            rgba(255,255,255,.025) 84px
        );
    opacity: .32;
    filter: blur(.2px);
}

body.product-detail-premium-page .page-banner::after {
    content: "";
    position: absolute;
    inset: 24px;
    z-index: -1;
    border: 1px solid rgba(255,255,255,.17);
    border-radius: 28px;
    background:
        linear-gradient(
            125deg,
            rgba(255,255,255,.12),
            rgba(255,255,255,.035)
        );
    box-shadow:
        0 30px 75px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,.16);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}

body.product-detail-premium-page .page-banner > .container {
    position: relative;
    z-index: 2;
    width: min(1180px, 92%) !important;
    margin: 0 auto !important;
    padding: 34px 42px !important;
    text-align: left !important;
}

body.product-detail-premium-page .page-banner h2 {
    max-width: 820px;
    margin: 0 0 15px !important;
    color: #ffffff !important;
    font-size: clamp(40px, 5vw, 66px) !important;
    font-weight: 800 !important;
    line-height: 1.04 !important;
    letter-spacing: -1.8px !important;
    text-shadow: 0 12px 32px rgba(0,0,0,.22);
}

body.product-detail-premium-page .page-banner h2::before {
    content: "Industrial Filtration Product";
    display: block;
    margin-bottom: 15px;
    color: #72d0ff;
    font-size: 11px;
    font-weight: 900;
    line-height: 1.4;
    letter-spacing: 2px;
    text-transform: uppercase;
}

body.product-detail-premium-page .page-banner .breadcrumb-list {
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 9px 13px !important;
    color: rgba(255,255,255,.76) !important;
    background: rgba(4,24,39,.28) !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    border-radius: 999px !important;
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
}

body.product-detail-premium-page .page-banner .breadcrumb-list a,
body.product-detail-premium-page .page-banner .breadcrumb-list span {
    color: rgba(255,255,255,.86) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

body.product-detail-premium-page .page-banner .breadcrumb-list a:hover {
    color: #72d0ff !important;
}

/* Remove inherited WOW movement from the banner for a stable premium look. */
body.product-detail-premium-page .page-banner .wow {
    animation: none !important;
    visibility: visible !important;
}

/* ---------- EXACT CONSISTENT FOOTER ---------- */

body.product-detail-premium-page .site-footer.sutez-shared-footer {
    position: relative !important;
    overflow: hidden !important;
    min-height: auto !important;
    margin: 0 !important;
    padding: 72px 0 0 !important;
    color: #aebdca !important;
    background:
        radial-gradient(circle at 90% 8%, rgba(47,158,219,.14), transparent 27%),
        linear-gradient(135deg, #061522 0%, #0a2237 57%, #071827 100%) !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

body.product-detail-premium-page .site-footer.sutez-shared-footer::before {
    content: "";
    position: absolute;
    right: -190px;
    bottom: -225px;
    width: 440px;
    height: 440px;
    border: 1px solid rgba(123,208,255,.10);
    border-radius: 50%;
    pointer-events: none;
}

body.product-detail-premium-page .site-footer .container {
    width: min(1180px, 92%) !important;
    margin: 0 auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.product-detail-premium-page .site-footer .footer-grid {
    position: relative !important;
    z-index: 2 !important;
    display: grid !important;
    grid-template-columns: 1.5fr 1fr 1.12fr 1.55fr !important;
    gap: 46px !important;
    align-items: start !important;
    margin: 0 !important;
    padding: 0 0 58px !important;
}

body.product-detail-premium-page .site-footer .footer-company,
body.product-detail-premium-page .site-footer .footer-links,
body.product-detail-premium-page .site-footer .footer-products,
body.product-detail-premium-page .site-footer .footer-official {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.product-detail-premium-page .site-footer .footer-logo {
    display: block !important;
    width: 190px !important;
    max-width: 190px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 10px 14px !important;
    object-fit: contain !important;
    background: #ffffff !important;
    border-radius: 10px !important;
    box-shadow: 0 12px 30px rgba(0,0,0,.18) !important;
}

body.product-detail-premium-page .site-footer .footer-company > p {
    max-width: 340px !important;
    margin: 22px 0 0 !important;
    padding: 0 !important;
    color: #9eafbd !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
}

body.product-detail-premium-page .site-footer h3 {
    margin: 0 0 22px !important;
    padding: 0 !important;
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

body.product-detail-premium-page .site-footer h3::after {
    content: "";
    display: block;
    width: 32px;
    height: 3px;
    margin-top: 9px;
    border-radius: 10px;
    background: #2f9edb;
}

body.product-detail-premium-page .site-footer ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body.product-detail-premium-page .site-footer li {
    margin: 12px 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

body.product-detail-premium-page .site-footer li a {
    color: #aebdca !important;
    text-decoration: none !important;
    transition: color .3s ease, padding-left .3s ease !important;
}

body.product-detail-premium-page .site-footer li a:hover {
    padding-left: 6px !important;
    color: #7bd0ff !important;
}

body.product-detail-premium-page .site-footer .footer-socials {
    display: flex !important;
    gap: 12px !important;
    margin: 25px 0 0 !important;
    padding: 0 !important;
}

body.product-detail-premium-page .site-footer .footer-socials a {
    display: grid !important;
    place-items: center !important;
    width: 40px !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(255,255,255,.78) !important;
    background: rgba(255,255,255,.06) !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    border-radius: 50% !important;
}

body.product-detail-premium-page .site-footer .footer-contact-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    margin: 0 0 15px !important;
    padding: 0 !important;
}

body.product-detail-premium-page .site-footer .footer-contact-item > i {
    display: grid !important;
    place-items: center !important;
    flex: 0 0 32px !important;
    width: 32px !important;
    height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(255,255,255,.9) !important;
    background: rgba(47,158,219,.70) !important;
    border-radius: 9px !important;
    font-size: 14px !important;
}

body.product-detail-premium-page .site-footer .footer-contact-item p {
    margin: 0 !important;
    padding: 0 !important;
    color: #b8c8d5 !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
}

body.product-detail-premium-page .site-footer .footer-contact-item a {
    padding-top: 5px !important;
    color: #dce9f3 !important;
    font-size: 14px !important;
}

body.product-detail-premium-page .site-footer .footer-newsletter {
    margin: 26px 0 0 !important;
    padding: 0 !important;
}

body.product-detail-premium-page .site-footer .footer-newsletter h3 {
    margin-bottom: 9px !important;
}

body.product-detail-premium-page .site-footer .footer-newsletter p {
    margin: 0 0 13px !important;
    color: #91a4b4 !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
}

body.product-detail-premium-page .site-footer .newsletter-form {
    display: flex !important;
    align-items: stretch !important;
    width: 100% !important;
    height: 56px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: rgba(255,255,255,.06) !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    border-radius: 10px !important;
}

body.product-detail-premium-page .site-footer .newsletter-form input {
    min-width: 0 !important;
    flex: 1 !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 14px !important;
    color: #ffffff !important;
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    font-size: 13px !important;
}

body.product-detail-premium-page .site-footer .newsletter-form button {
    display: grid !important;
    place-items: center !important;
    flex: 0 0 49px !important;
    width: 49px !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    background: #2f9edb !important;
    border: 0 !important;
    font-size: 19px !important;
}

body.product-detail-premium-page .site-footer .footer-map-link {
    display: grid !important;
    grid-template-columns: 40px 1fr 28px !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 17px 0 0 !important;
    padding: 11px 12px !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.035)) !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    border-radius: 11px !important;
    text-decoration: none !important;
}

body.product-detail-premium-page .site-footer .footer-map-icon {
    display: grid !important;
    place-items: center !important;
    width: 40px !important;
    height: 40px !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #1174b5, #2f9edb) !important;
    border-radius: 9px !important;
}

body.product-detail-premium-page .site-footer .footer-map-copy small {
    display: block !important;
    color: #8ea3b4 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 1.4px !important;
    text-transform: uppercase !important;
}

body.product-detail-premium-page .site-footer .footer-map-copy strong {
    display: block !important;
    color: #ffffff !important;
    font-size: 13px !important;
}

body.product-detail-premium-page .site-footer .footer-map-arrow {
    display: grid !important;
    place-items: center !important;
    width: 28px !important;
    height: 28px !important;
    color: #7bd0ff !important;
    background: rgba(123,208,255,.10) !important;
    border-radius: 50% !important;
}

body.product-detail-premium-page .site-footer .copyright {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 21px 20px !important;
    color: #8193a2 !important;
    background: transparent !important;
    border-top: 1px solid rgba(255,255,255,.09) !important;
    text-align: center !important;
    font-size: 13px !important;
}

/* Ensure no WhatsApp element can remain visible, even from cached markup. */
body.product-detail-premium-page .wa-premium-btn,
body.product-detail-premium-page [class*="whatsapp"],
body.product-detail-premium-page [id*="whatsapp"] {
    display: none !important;
}

@media (max-width: 992px) {
    body.product-detail-premium-page .site-footer .footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 42px !important;
    }
}

@media (max-width: 768px) {
    body.product-detail-premium-page .page-banner {
        min-height: 300px !important;
        padding: 54px 0 !important;
    }

    body.product-detail-premium-page .page-banner::after {
        inset: 14px;
        border-radius: 21px;
    }

    body.product-detail-premium-page .page-banner > .container {
        padding: 28px 24px !important;
    }

    body.product-detail-premium-page .page-banner h2 {
        font-size: 40px !important;
        letter-spacing: -1px !important;
    }

    body.product-detail-premium-page .site-footer.sutez-shared-footer {
        padding-top: 58px !important;
    }

    body.product-detail-premium-page .site-footer .footer-grid {
        grid-template-columns: 1fr !important;
        gap: 38px !important;
    }

    body.product-detail-premium-page .site-footer .footer-company > p {
        max-width: none !important;
    }
}


/* =========================================================
   TRUE GLASS BANNER — FINAL OVERRIDE
   Website palette: navy + sky blue + white glass
========================================================= */

body.product-detail-premium-page .page-banner {
    position: relative !important;
    z-index: 1 !important;
    min-height: 360px !important;
    display: flex !important;
    align-items: center !important;
    overflow: hidden !important;
    padding: 46px 0 !important;
    background:
        radial-gradient(circle at 82% 14%, rgba(91,198,255,.30), transparent 25%),
        radial-gradient(circle at 12% 90%, rgba(255,255,255,.10), transparent 27%),
        linear-gradient(120deg, #061522 0%, #0a2a45 55%, #1174b5 100%) !important;
    background-image:
        radial-gradient(circle at 82% 14%, rgba(91,198,255,.30), transparent 25%),
        radial-gradient(circle at 12% 90%, rgba(255,255,255,.10), transparent 27%),
        linear-gradient(120deg, #061522 0%, #0a2a45 55%, #1174b5 100%) !important;
}

/* Frosted vertical glass texture like the supplied reference */
body.product-detail-premium-page .page-banner::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    display: block !important;
    background:
        repeating-linear-gradient(
            90deg,
            rgba(255,255,255,.20) 0,
            rgba(255,255,255,.055) 22px,
            rgba(255,255,255,.25) 46px,
            rgba(255,255,255,.035) 70px,
            rgba(255,255,255,.16) 94px
        ) !important;
    opacity: .34 !important;
    filter: blur(1.4px) !important;
    transform: scale(1.02) !important;
    pointer-events: none !important;
}

/* Actual centered glass panel */
body.product-detail-premium-page .page-banner::after {
    content: "" !important;
    position: absolute !important;
    inset: 30px max(4%, 34px) !important;
    z-index: 1 !important;
    display: block !important;
    border: 1px solid rgba(255,255,255,.28) !important;
    border-radius: 28px !important;
    background:
        linear-gradient(
            125deg,
            rgba(255,255,255,.18) 0%,
            rgba(255,255,255,.075) 48%,
            rgba(255,255,255,.045) 100%
        ) !important;
    box-shadow:
        0 28px 70px rgba(3,18,30,.30),
        inset 0 1px 0 rgba(255,255,255,.30),
        inset 0 -1px 0 rgba(255,255,255,.06) !important;
    backdrop-filter: blur(18px) saturate(130%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(130%) !important;
    pointer-events: none !important;
}

body.product-detail-premium-page .page-banner > .container {
    position: relative !important;
    z-index: 3 !important;
    width: min(1080px, 84%) !important;
    margin: 0 auto !important;
    padding: 44px 48px !important;
    text-align: center !important;
}

body.product-detail-premium-page .page-banner h2 {
    max-width: 900px !important;
    margin: 0 auto 18px !important;
    color: #ffffff !important;
    font-size: clamp(39px, 4.7vw, 62px) !important;
    font-weight: 800 !important;
    line-height: 1.06 !important;
    letter-spacing: -1.7px !important;
    text-align: center !important;
    text-shadow: 0 12px 32px rgba(0,0,0,.26) !important;
}

body.product-detail-premium-page .page-banner h2::before {
    content: "SUTEZ FILTERS · INDUSTRIAL PRODUCT" !important;
    display: block !important;
    margin-bottom: 15px !important;
    color: #75d4ff !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    line-height: 1.4 !important;
    letter-spacing: 2.1px !important;
    text-transform: uppercase !important;
}

body.product-detail-premium-page .page-banner .breadcrumb-list {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 0 auto !important;
    padding: 9px 15px !important;
    color: rgba(255,255,255,.82) !important;
    background: rgba(4,24,39,.34) !important;
    border: 1px solid rgba(255,255,255,.17) !important;
    border-radius: 999px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}

body.product-detail-premium-page .page-banner .breadcrumb-list a,
body.product-detail-premium-page .page-banner .breadcrumb-list span {
    color: rgba(255,255,255,.90) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

/* Neutralize old template overlays and background helpers */
body.product-detail-premium-page .page-banner.bg-image {
    background-position: center !important;
    background-size: cover !important;
}

body.product-detail-premium-page .page-banner .overlay,
body.product-detail-premium-page .page-banner [class*="overlay"] {
    display: none !important;
}

@media (max-width: 768px) {
    body.product-detail-premium-page .page-banner {
        min-height: 310px !important;
        padding: 34px 0 !important;
    }

    body.product-detail-premium-page .page-banner::after {
        inset: 16px !important;
        border-radius: 21px !important;
    }

    body.product-detail-premium-page .page-banner > .container {
        width: min(100% - 44px, 1080px) !important;
        padding: 34px 22px !important;
    }

    body.product-detail-premium-page .page-banner h2 {
        font-size: 38px !important;
        letter-spacing: -1px !important;
    }
}