:root {

    --font-smaller-size:13px;
    --font-normal-size:14px;
    --font-bigger-size:15px;
}

.swiper-button-next, .swiper-button-prev {
    padding-left: 5px;
    padding-right: 5px;
    width: 40px;
    display: none;
}

.col-mobile-buttons .btn-mobile-search {
    position: relative;
    top:-1px;
    left:-8px;
}

.col-mobile-buttons .btn-mobile-user {
    position: relative;
    top:2px
}

.col-mobile-buttons .btn-mobile-contact {
    position: relative;
    top:3px
}


header .col-brand img {
    position: relative;
    top: 2px;
    max-width: 110%;
    max-height: none;

}

/** menu **/
.menu__canvas {display:none; background: rgba(0,0,0,0.8); position: fixed; width: 100vw; height: 100vh; top: 0; left: 0; content: ""; z-index: 999;}
section.menu { position: fixed; width: calc(100vw - 60px); height: 100vh; top: 58px; left: 0; overflow: scroll; background: white; z-index: 1000;

    transform: translateX(-100%);
    opacity: 0;
    transition: transform 0.5s ease, opacity 0.3s ease;
    pointer-events: none;
}

section.menu.active {
    transform: translateX(0);
    opacity: 1;
    pointer-events: auto;
}

section.menu .container {padding: 0}
section.menu ul {padding: 0; margin: 0;}
section.menu ul .nav-item {display: block; width:100%; text-align: left; }


.cookie-banner .btn {width: 100%}
.unee-breadcrumb {display: none;}

.container {max-width:calc(100vw - 40px)}
.slider-title {font-size: 20px;}

body {font-size: var(--font-normal-size); overflow-x: hidden!important;}
.btn {font-size: var(--font-normal-size);}
.container-text .content {font-size: var(--font-normal-size);}

h4 {font-size: 16px;}

.product .product-title {
    font-size: var(--font-smaller-size);
    /*overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;*/
}


.product .product-price {font-size: 16px;}

.badge {font-size: 8px; font-weight: normal;}

#records .product-image img {height: 120px}
.container-newsletter .input-group {width: auto!important;}


.cols-2x2-maximum > .col:nth-of-type(n + 5) {display: none !important;}

footer {padding-bottom: 40px}
footer .list-unstyled a {display: block; margin: 25px 0;}

footer h6 {padding-bottom:20px; border-bottom: 1px solid #666;}


.container-text h1 {font-size: 24px; font-weight: bold;}
details summary {font-size: var(--font-normal-size); padding: 10px}
.blockee-editor-block-element--details > *:not(summary) {padding: 15px; font-size: 15px}

.unee-breadcrumb {margin-bottom: 10px}
.unee-breadcrumb li a {font-size: 13px}
.unee-list-subpage ul li a {padding:15px 15px; font-size: var(--font-normal-size);}


.production-description-full {font-size: var(--font-bigger-size);}

td {font-size: var(--font-normal-size);}


.col-product-thumbnails a {display: inline-block; margin: 0 10px; width: 50px; height: 50px;}
.col-product-thumbnails a img {width: 100%;}


form {font-size: var(--font-normal-size);}

h2.blockee-editor-block-element {font-size: 20px;}
p.blockee-editor-block-element, .blockee-editor-block-element--p {font-size: var(--font-normal-size);}

p.blockee-editor-block-element:first-of-type, .blockee-editor-block-element--p:first-of-type {margin-top: 20px;}

blockquote.blockee-editor-block-element {padding: 15px; font-size:var(--font-bigger-size); text-align:left;}
blockquote.blockee-editor-block-element footer {padding-bottom: 0}

.brand-description {max-height: 100px; overflow-y: auto;}


body.has-banner-top {padding-top: 0px;}
body.has-banner-top header {top: 20px;}
#banner_top .banner-message {font-size: 11px}

body.has-banner-top section.menu {top: 75px}