/* overlay base */
        #product-image-overlay{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;pointer-events:none}
        #product-image-overlay .overlay-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.65);opacity:0;transition:opacity .25s ease}
        #product-image-overlay .overlay-content{position:relative;max-width:92%;max-height:92%;transform:scale(.85);opacity:0;transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .25s}
        #product-image-overlay .overlay-content img{width:100%;max-height:600px;border-radius:.5rem;display:block;box-shadow:0 10px 30px rgba(0,0,0,.45)}
        #product-image-overlay .overlay-close{position:absolute;top:-12px;right:-12px;background:#000;color:#fff;border-radius:50%;width:36px;height:36px;border:0;box-shadow:0 6px 18px rgba(0,0,0,.25);cursor:pointer;font-size:20px;line-height:1}
        /* visible state */
        #product-image-overlay.show{pointer-events:auto}
        #product-image-overlay.show .overlay-backdrop{opacity:1}
        #product-image-overlay.show .overlay-content{transform:scale(1);opacity:1}

        /* nav bottom detail product */
        #nav-bottom-detail-product .nav-item .nav-link{
            font-weight: 500;
            font-size: 18px;
            padding: 8px 20px;
            border-radius: 50px;
            transition: 0.6s;
        }
        #nav-bottom-detail-product .nav-item .nav-link:hover{
            color: #fff;
        }
        #nav-bottom-detail-product .nav-item .nav-link.active{
            color: #fff!important;
            font-weight: 500;
            font-size: 18px;
            padding: 8px 20px;
            border-radius: 50px;
            transition: 0.6s;
            background: #000!important;
        }
        #nav-bottom-detail-product .nav-item:hover{
            background: #000;
            transition: 0.6s;
            color: #fff;
            border-radius: 50px;
        }
        #nav-bottom-detail-product .nav-item:hover a{
            color: #fff;
        }
        /* responsive tweaks */
        @media (max-width:576px){
            #product-image-overlay .overlay-content{max-width:96%;max-height:86%}
            #product-image-overlay .overlay-close{width:32px;height:32px;font-size:18px}
        }