/* ------  Top Nav Bar css Style ------- */ 

    .home-top-nav-bar{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 5px;
        background-color: var(--top-bar-back-ground-color);
        width: 100%;
        font-size: 12px;
    }

    .home-top-nav-bar div ol{
        display: flex;
        justify-content: space-around;
    }

    .home-top-nav-bar ol{
        list-style: none;
    }

    .home-top-nav-bar ol li a{
        color: black;
        text-decoration: none;
    }

    .home-top-nav-bar ol li a:hover{
        text-decoration: underline;
        color: White;
    }
    
    .home-main-account-icon a img{
        width: 25px;
        margin-bottom: -8px;
        margin-right: 5px;
    }
    
    .home-main-wishlist-icon a img{
        width: 20px;
        margin-bottom: -5px;
        margin-right: 5px;
    }

    /* Social media logo css style  */
    .top-bar-social-media-logos{
        border: 0px;
        border-radius: 100%;
        background-color: white;
        height: 20px;
    } 

    .top-bar-social-media-logos img{
        width: 20px;
    }
    
    #top-bar-social-media-logos ol li{
        margin-left: 10px;
    }

    #top-bar-contacts-cell ol li{
       margin-right: 10px;
       font-family: "Roboto", sans-serif;
    }
    /* -------------  Main Nav Bar css Style ---------- */

    .home-main-nav-bar{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 5px;
        background-color: var(--main-nav-bar-background-color);
        height: 80px;
        width: 100%;
        position: sticky;
        top: 0px;
        z-index: 99;
        box-shadow: rgba(111, 111, 111, 0.2) 0px 2px 8px 0px;
    }


    .home-main-nav-bar ol{
        list-style: none;
        text-decoration: none;
        display:flex;
        justify-content:space-evenly;
        align-items: center;
        align-content: flex-start;
        /* border: 1px solid black; */
        width: 100%;
        padding: 10px;
    }

    .home-main-nav-bar ol li{
        margin-left: 20px;
        /* border: 1px solid black; */
        width: 100%;
        text-align: center;
     }

     .home-main-nav-bar ol li:first-child{
        width: 100px;
     }

     .home-main-nav-bar ol li:nth-child(2){
        width: 70%;
     }

     .home-main-nav-bar ol li:nth-child(3){
        width: 130px;
     }

     .home-main-nav-bar ol li:nth-child(4){
        width: 100px;
     }

     .home-main-nav-bar ol li:nth-child(5){
        width: 100px;
     }

     .home-main-nav-bar ol li:nth-child(6){
        width: 100px;
     }

    .home-main-nav-bar img{
        width: 100px;
    }

    /* ---------------  Search bar css style  ---------------- */

    .search-system{
        position: relative;
    }

    .home-main-nav-bar-search-field{
        width: 100%;
        text-align: left;
    }

    .home-main-nav-bar-search-field input{
        width: 100%;
        height: 30px;
        padding: 10px 20px;
        border: 2px solid rgb(255, 0, 0);
    }

    .home-main-nav-bar-search-field input:focus{
        border: 2px solid green;
        outline: none;
    }

    /* ----------- Auto Suggeation box  -------------- */

    .auto-suggation-box{
        min-height: 300px;
        width: 100%;
        position: absolute;
        top: 32px;
        background-color: white;
        display: none;
        max-height: 400px;
        overflow-y: auto;
    }

    .auto-box-pro-card{
        border-bottom: 1px solid rgb(187, 187, 187);
        min-height: 50px;
        width: 95%;
        display: block;
        display: flex;
        justify-content: space-around;
        align-items: center;
        font-size: 12px;
        margin: 5px auto;
        gap: 10px;
    }

    .auto-box-pro-img{
        text-align: left;
    }

    .auto-box-pro-img img{
        width: 50px;
        height: 50px;
        object-fit: cover;
    }

    .auto-box-pro-data-tab{
        text-align: left;
    }

    .auto-box-view-btn button{
        width: 70px;
        height: 20px;
        border: 0px;
        border-radius: 10px;
        background-color: orange;
        color: white;
    }

    .auto-box-view-btn button:hover{
        background-color: green;
    }

    .auto-box-pro-data-tab{
        width: 100%;
        font-size: 12px;
        text-align: left;
    }

    .pro-meta-data{
        font-size: 10px;
    }

    /* ----------------  Nav bar menu css style  ----------- */

    .nav-bar-menu{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 5px;
        background-color: white;
        height: 30px;
        width: 90%;
        border-radius: 20px;
        margin: 10px auto;
    }

    .nav-bar-menu ol{
        list-style: none;
        text-decoration: none;
        display:flex;
        justify-content:space-evenly;
        align-items: center;
        align-content: flex-start;
        margin: 20px;
        font-size: 15px;
    }

    .nav-bar-menu ol li a{
        text-decoration: none;
        color: red;
    }

    .nav-bar-menu ol li{
        margin: 10px;
    }

    .nav-bar-menu ol li::before{
        position: absolute;
        content: '';
        height: 20px;
        width: 5px;
        background-color: red;
        margin-left: -10px;
    }

    .nav-bar-menu ol li a:hover{
        color: black;
    }



    /* ----------  cart icon css  ---------- */

    .home-main-cart-icon{
        /* border: 1px solid black; */
        min-height: 50px;
        position: relative;
        min-width: 50px;
    }

    .cart-icon-qty{
        position: absolute;
        left: 0px;
        /* border: 1px solid black; */
        background-color: green;
        /* filter: opacity(0.8); */
        font-size: 12px;
        min-height: 25px;
        width: 25px;
        border-radius: 50%;
        color: white;
        text-align: center;
    }

    .cart-icon-qty p{
        margin: 5px auto;
    }

    .nav-bar-cart-icon-cell img{
        width: 30px;
        height: 30px;
        object-fit: contain;
    }

    .cart-icon-total{
        font-size: 15px;
    }
        
    .main-mob-nav-bar{
        display: none;
    }


    /* -----------------  Mobile css  -------------- */

    @media only screen and (max-width: 600px) 
    {   
        .main-mob-nav-bar{
            display: block;
        }
        
        .hide-side-pannels{
            display: block;
        }

        .home-main-nav-bar{
            display: none;
        }
        
        .auto-suggation-box{
            display: none;
            top: 110px;
            z-index: 99999;
            width: 100%;
        }

        .pc-menu-text{
            display: none;
        }

        .main-mob-nav-bar{
            width: 100%;
            min-height: 100px;
            box-shadow: rgba(111, 111, 111, 0.2) 0px 2px 8px 0px;
        }

        .search-system{
            display: block;
        }

        .mob-nav-elements ol{
            display: flex;
            justify-content: space-evenly;
            align-items: center;
            gap: 10px;
        }

        .mob-nav-elements ol li{
            width: 100%;
            width: fit-content;
        }

        /* .mob-nav-elements ol li:first-child{    
            margin: 0px 20px;
        } */

        .site-nav-icons img{
            width: 100px;
        }

        .nav-mob-account-icon img{
            width: 30px;
        }

        .nav-mob-wishlist-icon img{
            width: 25px;
        }

        .nav-mob-cart-icon img{
            width: 30px;
            margin: 5px auto;
        }

        .home-main-mob-nav-bar-search-field{
            width: 100%;
            height: auto;
            text-align: center;
            margin: 5px auto;
            padding: 5px auto;
        }

        .home-main-mob-nav-bar-search-field input{
            width: 95%;
            height: 30px;
            border-radius: 20px;
        }

        .nav-mob-cart-icon{
            margin-top: 10px;
        }

        .mob-cart-icon-qty p{
            width: fit-content;
            position: absolute;
            padding: 2px;
            border-radius: 50%;
            background-color: green;
            color: white;
            min-width: 20px;
            height: 20px;
            text-align: center;
        }

    }

/*
     FILE ARCHIVED ON 01:51:35 Apr 20, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 09:58:07 Sep 25, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.656
  exclusion.robots: 0.08
  exclusion.robots.policy: 0.067
  esindex: 0.01
  cdx.remote: 25.265
  LoadShardBlock: 54.9 (3)
  PetaboxLoader3.datanode: 76.966 (5)
  PetaboxLoader3.resolve: 244.781 (2)
  load_resource: 280.228
  loaddict: 29.07
*/