@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;500;600;700;800&display=swap');
body { font-family: Work Sans,'Segoe UI','Helvetica Neue'; background-color: #fff; color: #000; background-image: none ; margin: 0;   line-height: 1.375;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.smartmenu { font-family: Work Sans,'Segoe UI','Helvetica Neue'; font-weight: 500 }
input,textarea { font-family: Work Sans,'Segoe UI','Helvetica Neue' }

.page-header .header.panel { padding: 10px 0; font-size: 1.3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; justify-content: flex-end; }
.page-header .header.panel .col-auto.top-links { padding: 0 25px; position: relative; }
.page-header .panel.wrapper .switcher { padding-left: 25px; position: relative; }
.welcome { overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis }
.header.links { margin: 0; padding: 0; list-style: none none; display: inline-block; vertical-align: top }
.header.links>li { vertical-align: top; display: block ; margin0px; }
.header.links .name { white-space: nowrap; max-width: 80px; overflow: hidden; text-overflow: ellipsis; display: block }
.header.links .log-in.link { cursor: pointer }

.sections.nav-sections {    background: #338dc9 ;     margin: 0;}
nav.navigation {
    background-color: transparent;
    font-family: Work Sans,'Segoe UI','Helvetica Neue';
    font-weight: 500;
}
.navigation .level0>.level-top {
    font-size: 16px;
    color: #fff !important;
}

.header.content .block.block-search { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin: 0 auto; }
.header.content .block.block-search .block.block-content { position: relative; width: 100%; padding-right: 100px; z-index: 8; font-size: 1.4rem; }
.block-search input { border: 1px solid #ccc; border-right: none; border-radius: 3px 0 0 3px; width: 100%; height: 42px; padding: 0 15px; margin: 0 }
.block-search .action.search { border: none; border-radius: 0 3px 3px 0; outline: none; text-transform: none; height: 42px; color: #fff !important; background-color: #338dc9 !important; font-weight: 500; position: absolute; right: 0; top: 0; margin: 0; width: 100px; text-align: center; font-size: 1.6rem; }
.block-search .action.search:before { display: none; }
.block-search .action.search>span { position: static; clip: inherit; margin: 0; height: auto; width: auto; }
.block-search .label,.block-search .block-title { display: none }
.block-search .nested { display: none }
.block-search .search-autocomplete { display: none; width: 100% !important; color: #000; max-height: 380px; overflow-y: visible; overflow-x: hidden }
.block-search .search-autocomplete>ul { padding: 10px 15px; list-style: none }
.block-search .search-autocomplete>ul .amount { color: #ccc; padding: 0 5px }
.products.wrapper.grid.products-grid.products-related ol.products.list.items.product-items {
    grid-template-columns: repeat(6, 1fr);
}
.catalog-category-view.page-products .products-grid .product-items {
    grid-template-columns: repeat(4, 1fr);
}
 
@media (max-width:991px) {
.products.wrapper.grid.products-grid.products-related ol.products.list.items.product-items {
    grid-template-columns: repeat(3, 1fr);
}
.catalog-category-view.page-products .products-grid .product-items {
    grid-template-columns: repeat(3, 1fr);
}
} 
 
@media (max-width:767px) {
.products.wrapper.grid.products-grid.products-related ol.products.list.items.product-items {
    grid-template-columns: repeat(2, 1fr);
}
.catalog-category-view.page-products .products-grid .product-items {
    grid-template-columns: repeat(2, 1fr);
}
}