#header{                
        position: sticky;
        z-index: 90;
        width: 100%;
        top: 0;
        left: 0;
        border: none;
        border-radius: 0;
        height: 4.5em;
        border-top-left-radius: 1em;
        border-top-right-radius: 1em;
        background: lightgreen;

    }
    #header-back{
        width: 100%;
        height: 100%;
        background-color: black;
        z-index: 91;
        position: absolute;
        top: 0;
        left: 0;
    }
    #header-front{
        width: 100%;
        height: 100%;
        background-color: lightgreen;
        z-index: 91;
        position: absolute;
        top: 0;
        left: 0;
        border-top-left-radius: 2em;
        border-top-right-radius: 2em;
    }
    #icon-box{
        float: left;
        height: 4em;
        aspect-ratio: 1/1;
        /* background-color: red; */
        width: 4em;
    }
    #icon-box img{
        width: 60%;
        top: 20%;
        position: relative;
        left: 10%;
    }
    #header-right{
        /*background-color: yellow;*/
        width: calc( 100% - 4em );
        height: 100%;
        float: right;
    }
    #header-title{
        top: 0.125em;
        position: relative;
        font-size: 1.5em;
    }
    .header-zipord{
        /* background-color: yellow; */
        display: inline;
        top: .75em !important;
        left: 0em;
    }
    #header-btns{
        float: left;
        width: 100%;
        margin-top: 0.5em;
    }

    #header-btns- img{
        height: 2em;
        width: 2em;
        float: right;
        right: 2em;
        position: relative;
        /* background-color: red; */
    }

    .header-btns- img{
        display: none;
    }

    .header-btn{
        float: right;
        display: inline;
        width: 2em;
        height: 2em;
        margin-right: 2em;
        display: none;
    }
    .header-btn img{
        width: 100%;
    }
    #lang-btn{
        margin-right: 4em;
    }
    #header-cart{
        position: relative;
    }


    #header-menu{
        margin-right: 1.5em;
    }
    #header-menu-items{
        /*background-color: red;*/
        height: 2em;
        width: 2em;
        position: absolute;
        right: 2em;
        top: 1.7em;
        display: none;
    }
    #header-menu-items-units{
        background-color: yellow;
        border-radius: 50%;
        height: 1.5em;
        width: 1.5em;
        position: absolute;
        left: 0.75em;

        text-align: center;
        font-size: 0.75em;
        line-height: 1.6;
        top: -0.15em;
    }

    #footer{
        position: sticky;
        z-index: 90;
        width: 100%;
        bottom: 0;
        left: 0;
        border: none;
        
        height: 2em;
    }
    #footer-back{
        width: 100%;
        height: 100%;
        background-color: black;
        z-index: 91;
        position: absolute;
        top: 0;
        left: 0;
    }
    #footer-front{
        width: 100%;
        height: 100%;
        background-color: lightgreen;
        z-index: 92;
        position: absolute;
        top: 0;
        left: 0;
        border-bottom-left-radius: 2em;
        border-bottom-right-radius: 2em;
    }