/* Make hover overlay transparent */
.productItem .bg-light{
    background: rgba(255,255,255,0.65) !important;
}

/* Keep image visible */
.productItem img{
    opacity: 1 !important;
    visibility: visible !important;
}





/* Main Dropdown Menu */
/*.rtmega-menu-container .sub-menu {
    border-radius: 12px !important;
    overflow: hidden;
}

/* If the dropdown has a background */
/*.rtmega-menu-container .sub-menu {
    background: #fff;
}

/* Optional: Round nested dropdowns too */
/*.rtmega-menu-container .sub-menu .sub-menu {
    border-radius: 12px !important;
}

/* Optional: Add a subtle shadow */
/*.rtmega-menu-container .sub-menu {
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}*/





/* Main Dropdown Menu */
.rtmega-menu-container .sub-menu {
    background: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1) !important;
    overflow: visible !important;
    border: none !important;
}

/* Nested Dropdown Menus */
.rtmega-menu-container .sub-menu .sub-menu {
    background: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1) !important;
    overflow: visible !important;
}

/* Round top corners of first menu item */
.rtmega-menu-container .sub-menu > li:first-child > a {
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
}

/* Round bottom corners of last menu item */
.rtmega-menu-container .sub-menu > li:last-child > a {
    border-bottom-left-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
}

/* Keep images visible */
.productItem img {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Make hover overlay transparent */
.productItem .bg-light {
    background: rgba(255, 255, 255, 0.65) !important;
}










/* Floating Social */
.floating-social{
    position: fixed;
    right: 25px;
    bottom: 25px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    z-index: 99999;
}
/* Buttons */
.social-btn{
    width:58px;
    height:58px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:18px;
    color:#fff;
    text-decoration:none;
    font-size:24px;
    transition:.3s;
    box-shadow:0 12px 25px rgba(0,0,0,.2);
}
.social-btn:hover{
    transform:scale(1.08);
    color:#fff;
}
.email{ background:#1EBE5D; }
.email:hover{ background:#1EBE5D; }
.call{ background:#1EBE5D; }
.call:hover{ background:#1EBE5D; }
.whatsapp{ background:#1EBE5D; }
.whatsapp:hover{ background:#1EBE5D; }