.elementor-kit-5{--e-global-color-primary:#18212D;--e-global-color-secondary:#2C3E50;--e-global-color-text:#6B7280;--e-global-color-accent:#DFFF00;--e-global-color-87cbdb0:#F8F9FB;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#F8F9FA;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1420px;}.e-con{--container-max-width:1420px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ==========================================================================
   Automated Universal Product Logo Watermark (Loop & Single Page)
   ========================================================================== */

/* 1. Ensure parent containers establish an absolute positioning frame */
.woocommerce ul.products li.product a,
.elementor-loop-container .e-loop-item,
.woocommerce-product-gallery__image {
    position: relative;
    display: block !important; /* Overrides default display flex/inline layouts if present */
}

/* 2. Fix the baseline z-index on the raw images */
.woocommerce ul.products li.product a img,
.elementor-loop-container .e-loop-item img,
.woocommerce-product-gallery__image img {
    position: relative;
    z-index: 1;
}

/* 3. Inject the Automated Graphic Watermark Layer */
.woocommerce ul.products li.product a::before,
.elementor-loop-container .e-loop-item::before,
.woocommerce-product-gallery__image::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    /* PASTE YOUR COPIED LOGO URL BETWEEN THE SINGLE QUOTES BELOW */
    background-image: url('https://yourwebsite.com/wp-content/uploads/2026/06/mim-logo.png');
    
    background-position: center;
    background-repeat: no-repeat;
    background-size: 40%; /* Slightly smaller relative size for large detailed page images */
    opacity: 0.20;         /* 20% visibility makes it clean and subtle on close-up detail shots */
    z-index: 5;            /* Sits on top of the image container cleanly */
    pointer-events: none;  /* Vital: lets customers click, zoom, or interact with gallery features safely */
}/* End custom CSS */