:root {

    --white: #fff;
    --black: #000;
    --lime: #43B174;
    --testcolor: rgb(249, 226, 176);
    --bs-navbar-toggler-icon-bg:url("img/download.svg");
    --bs-card-bg:#000 !important;
    --bs-body-bg:#000 !important;
    }
    
    
    
    
    
    body {
        font-family: "Ubuntu Mono", serif;
        background: var(--black);
        color: var(--white);
    }
    
    h1 {
        font-family: "Ubuntu Mono", serif;
        font-weight: 300;
        font-style: normal;
      }


    h2 {

    font-family: "Unbounded";


    }


    .topmenu {
    background: var(--black) !important;
    padding:5px;

    }

    .logo {

        width:auto;
        height:100%;

    }




    a {

        color: var(--white);
        font-size: 2rem;

    }

    .navbar .nav-link {

        color: var(--white);
        font-size: 1.75rem;


    }
    .oferta {

        font-size: 0.7rem;
        line-height: 110%;
              text-align: left;
           
    }


    @media (max-width: 768px) { 


        .oferta {

            font-size: 0.7rem;
            line-height: 110%;
                  text-align: left;
                  margin-top: 20px;
               
        }


    }


    .carousel {

    height: 310px;
    background: var(--lime);
    margin-top: 20px;
    margin-bottom: 20px;
    background: radial-gradient(96.9% 96.9% at 3.08% 95.5%, rgba(67, 177, 116, 0.25) 0%, #43B174 49%, rgba(67, 177, 116, 0.625) 100%);
    
}




    @media (max-width: 768px) {

        img.logo  {

            width: 100% !important;
            height: auto !important ;
          }
    

     
        .carousel {

            height: 90vh;

        }

        .logo {

            width:100%;
            height:auto;
            padding: 10px 0px 0px 0px;
   
    
        }

        a.nav-link  {

            font-family: "PT Sans Narrow";
            font-size: 1.1rem !important;
            padding-top: 8px;
        }


        a.nav-link:first-child {

 

        }
        
        


        a.nav-link:hover {
            text-decoration: underline !important;
            text-decoration-style: dashed !important;
        
        }

        /* .topmenu {
            background: var(--black) !important;
            padding:5px;
        
            }
    */

    /* a.nav-link {

    
        margin-left: 10px;
        margin-right: 10px;
    }
  
  



        .nav-link{

            color: var(--white);
            font-size: 1.35rem;
            font-family: "PT Sans Narrow" !important;
            margin-top: 40px !important;
            margin-bottom: -30px !important;
            
    
        } */


        .navbar {
        margin-top: 10px;    
        margin-bottom: -10px;
        /* padding-bottom: 25px;        */
        }


     

        .product-items .about {
            font-family: "PT Sans Narrow", serif !important;
            font-size: .4rem !important;
            line-height: 3rem;
            padding-left: 25px;
            padding-right: 25px;
            display: block;
            padding-bottom: 5px;
            
        }
    
      

        }



    button.navbar-toggler {
        display: inline-block;
        width: 2.5em;
        height: 2.5em;
        /* vertical-align: middle; */
        background-image: url(../img/burger.svg);
        /* background: red; */
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: 200%;
        /* margin-bottom: 40px; */
    }
    


    h2.firm {

        font-size: 2.5rem;
        font-weight: 700;
        /* display: inline; */
    }


  h3.firm-inline {
    font-size: 2.1rem;
    font-weight: 700;
        display: inline;
        

    }

    .product-items  {


    padding: 0px;

    }

    .product-items .about {
        font-family: "Ubuntu Mono", serif;
        font-size: 1.4rem !important;
        line-height: 1.9rem;
        padding-left: 25px;
        padding-right: 25px;
        
    }


    img.logo.logo-top  {
        position: relative;
        display: block;
        width: auto;
        height: 100px;
        right: 0;
        margin: 0 auto;

    }



    h1.text {
        font-family: "Ubuntu", serif;
        font-weight: 700;


    }
    
    .text_cat {

        /* text-transform: uppercase; */
    font-family: "Unbounded";
    font-size: 1.25rem;
    margin-top: 10px;
    }

    .text_brand {

        font-family: "Unbounded";
        display: inline;
        font-size: 1.7rem;
        color:var(--lime)
    }
    .text_aboutus {

        font-family: "Ubuntu", serif;
        font-size: 1.5rem;


    }


    img.logo  {
        position: relative;
        display: block;
        width: auto;
        height: 60px;
        right: 0;
        margin: 0 auto;

    }

    img.logo-exp  {
        position: relative;
        display: block;
        width: auto;
        height: 60px;
        right: 0;
        /* margin: 0 auto; */

    }

    @media (max-width: 768px) { 

        .text_brand {

            font-family: "Unbounded";
            display: inline;
            font-size: 1.3rem;
            color:var(--lime)
        }
        .text_aboutus {
    
            font-family: "Ubuntu", serif;
            font-size: 1.2rem;
    
    
        }


    img.logo-exp  {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        right: 0;
        margin: 0 auto;

    }

    }


    .module {

        margin-top: 20px;
        margin-bottom: 20px;


    }

    /* tovar&cat module */

    .name {

        font-family: 'Unbounded';
        font-size: 1.7rem;
        color: var(--lime);

    }


    .tovar {

        padding: 25px;
        min-height: 300px;
        margin-right:25px ;
        margin-left: 25px;
        border-radius: 20px;
        border: solid 2px var(--lime);
        font-family: 'Ubuntu', serif;
        font-size: 1.2;
        /* margin: 20px; */
    }


    .tovar > img.preview {


        width: 100%;


    }
    .tovar > * {

        margin-top: 10px;

    }

    .cat {
        border-radius: 20px;
        background: var(--lime);
        /* width: 100%; */
        min-height: 200px;
        padding: 20px;  
        margin-bottom: 20px; 
    
    }


    .cat img {

        height: 100px;

    }

     /* end tovar module */
     


/* tovar&cat mobile module */
@media (max-width: 768px) { 

    
.name {

    font-family: 'Unbounded';
    font-size: 1.1rem;
    color: var(--lime);

}


.tovar {
    margin-right:0;
    margin-left:0;
    min-height: 300px;
    border-radius: 20px; 
    border: solid 0px var(--lime) !important;
    font-family: 'Ubuntu', serif;
    font-size: 1.1;
    /* margin: 20px; */
}


.tovar ul > li {


margin-left: -25px;

}

.tovar > img.preview {


    width: 100%;


}
.tovar > * {

    margin-top: 10px;

}




.cat img {

    height: 100px;
   
}

.category {

    font-size: 1.7rem;
    color: var(--lime);
    font-weight: 700;


 }


 @media (max-width: 768px) { 
 
    .body {

        font-family: "PT Sans Narrow", sans-serif;


    }


.tovar {
    font-family: "PT Sans Narrow", sans-serif;
}

.text_aboutus {

    font-family: "PT Sans Narrow", sans-serif;


}


    h3.text_cat {

        font-family: "PT Sans Narrow", sans-serif !important;

    }

    .cat {

        border-radius: 20px;
        background: var(--lime);
        /* width: 100%; */
        min-height: 50px;
        padding: 20px;  
        margin-bottom: 20px; 
        font-family: "PT Sans Narrow", sans-serif !important;
    }
    
    
    /* .cat {
        border-radius: 20px;
        background: var(--lime);
       
        min-height: 200px;
        padding: 20px;  
        margin-bottom: 20px; 
    
    } */



    .cat img {
    
        height: 50px;
        width: auto;
       
    }
    
    .category {
    
        font-size: 0.9rem;
        color: var(--lime);
        font-weight: 700;
        
        font-family: "PT Sans Narrow", sans-serif !important;
     }





}





 .footer .copyright {

    margin-top: 20px;
    font-family: "PT Sans Narrow" !important;
    font-size: 0.7rem;
    
    }
}


 /* end tovar mobile module */



  .category {

        font-size: 2.2rem;
        color: var(--lime);
        font-weight: 700;


     }
     

.footer {
padding: 20px;
margin-top: 20px;
background: var(--lime);

}

.footer .copyright {


font-family: "Unbounded";
font-size: 2rem;

}

.contact img:hover {
  
transform: scale(0.8);
}


#homeBtn { display: none; /* Кнопка скрыта по умолчанию */ position: fixed; /* Фиксированное положение */ bottom: 20px; /* Отступ от низа экрана */ right: 30px; /* Отступ от правого края экрана */ z-index: 99; /* Поверх всех элементов */ border: none; /* Без границы */ outline: none; /* Без рамки при фокусе */ background-color: transparent; /* Прозрачный фон */ cursor: pointer; /* Курсор */ padding: 0; /* Убираем отступы */ } #homeBtn img { width: 50px; /* Ширина изображения */ height: 50px; /* Высота изображения */ }