/* ==========================================================
   KETOZONA PET MENU — ISOLATED V6.3
   ========================================================== */


/* ==========================================================
   DESKTOP — KEEP WORKING ZOOM
   ========================================================== */

html body #iqitmegamenu-horizontal,
html body #cbp-hrmenu,
html body #cbp-hrmenu-tab-79,
html body #cbp-hrmenu-tab-79 > a.nav-link,
html body #cbp-hrmenu-tab-79 .cbp-tab-title {
    overflow: visible !important;
}


html body #cbp-hrmenu-tab-79 {
    position: relative !important;
    z-index: 5 !important;
}


html body #cbp-hrmenu-tab-79:hover {
    z-index: 100 !important;
}


html body #cbp-hrmenu-tab-79
img.cbp-mainlink-iicon {

    position: relative !important;

    display: block !important;

    transform:
        scale(1)
        translateZ(0) !important;

    transform-origin:
        50% 50% !important;

    transition:
        transform .28s cubic-bezier(.18,.82,.22,1),
        filter .20s ease !important;

    will-change:
        transform !important;

    backface-visibility:
        hidden !important;
}


html body #cbp-hrmenu-tab-79:hover
img.cbp-mainlink-iicon,
html body #cbp-hrmenu-tab-79 > a.nav-link:hover
img.cbp-mainlink-iicon,
html body #cbp-hrmenu-tab-79 > a.nav-link:focus
img.cbp-mainlink-iicon {

    transform:
        scale(1.18)
        translateZ(0) !important;

    filter:
        drop-shadow(
            0 5px 7px rgba(15,46,42,.30)
        ) !important;
}


/* ==========================================================
   MOBILE
   USE REAL NATIVE IMG SRC.
   NO content:url().
   NO duplicate native title.
   ========================================================== */

html body #iqitmegamenu-mobile
li.mobile-menu__tab--id-79 {

    display: flex !important;
    align-items: center !important;

    width: 100% !important;

    margin:
        8px 0 14px !important;

    padding:
        0 !important;

    border:
        0 !important;

    border-radius:
        20px !important;

    background:
        linear-gradient(
            135deg,
            #153f39 0%,
            #285f55 100%
        ) !important;

    box-shadow:
        0 8px 22px
        rgba(20,55,52,.20) !important;

    overflow:
        hidden !important;
}


html body #iqitmegamenu-mobile
li.mobile-menu__tab--id-79
> a.mobile-menu__link {

    display: flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        100% !important;

    min-height:
        112px !important;

    margin:
        0 !important;

    padding:
        6px 14px !important;

    background:
        transparent !important;

    border:
        0 !important;

    box-sizing:
        border-box !important;

    overflow:
        hidden !important;
}


/*
 * IMPORTANT:
 * This is the REAL <img src="...kzpet-menu-logo-final.png">
 * already proven to work on desktop.
 */
html body #iqitmegamenu-mobile
li.mobile-menu__tab--id-79
img.mobile-menu__tab-icon--img {

    display:
        block !important;

    width:
        200px !important;

    height:
        100px !important;

    min-width:
        200px !important;

    min-height:
        100px !important;

    max-width:
        200px !important;

    max-height:
        100px !important;

    flex:
        0 0 200px !important;

    margin:
        0 auto !important;

    padding:
        0 !important;

    object-fit:
        contain !important;

    object-position:
        center center !important;

    transform:
        scale(1) !important;

    transform-origin:
        center center !important;

    filter:
        drop-shadow(
            0 3px 5px rgba(0,0,0,.16)
        ) !important;

    transition:
        transform .16s ease !important;
}


/*
 * The PNG already contains the KETOZONA PET wording.
 * Therefore hide IQIT's duplicate native label.
 */
html body #iqitmegamenu-mobile
li.mobile-menu__tab--id-79
span.js-mobile-menu__tab-title {

    display:
        none !important;
}


/* touch feedback instead of desktop hover */
html body #iqitmegamenu-mobile
li.mobile-menu__tab--id-79
> a.mobile-menu__link:active
img.mobile-menu__tab-icon--img {

    transform:
        scale(1.06) !important;
}


/* ==========================================================
   END KETOZONA PET MENU — ISOLATED V6.3
   ========================================================== */

/* KZ DESKTOP ANALISI SEPARATOR V1 START */

/*
 * After native IQIT reorder:
 * tab 10 = Cosmesi
 * tab 78 = Analisi corporea
 * tab 79 = KETOZONA PET
 *
 * Restore the standard vertical divider before tab 78.
 */
@media (min-width:992px){

    html body #cbp-hrmenu-tab-78{
        border-left:
            1px solid rgba(255,255,255,.38) !important;

        box-sizing:
            border-box !important;
    }

}

/* KZ DESKTOP ANALISI SEPARATOR V1 END */