html, body {color: var(--grey-light);font-family: 'Roboto', sans-serif;letter-spacing: 0px;}

/* Színek */

:root {
	--background: #ffffff;
	--grey-dark: #111111;
	--grey: #575757;
	--grey-2: #353535;
	--grey-light: #9b9b9b;
	--grey-lighter: #e5e5e5;
	--light: #ffffff;
	--site-color: #ff0000;
	--site-color-2: #aa0000;
}

a {color: var(--grey-light);font-weight: 400;}

h1 {color: var(--grey);}

table tr:hover {background: var(--grey-lighter);}
table td {color: var(--site-color-2); border-bottom: 1px solid var(--grey-lighter);}

.top {background: var(--light); box-shadow: 0px 0px 10px #000000CC;}
.logo {height: 50px;padding: 20px 4vw;}
.logo-scroll-height {height: 30px;}

.popup-close .x-icon, .menu-open-close .x-icon {fill: var(--grey-lighter);transition: all 0.5s;}
.popup-close:hover .x-icon {fill: var(--grey-dark);}
.menu-open-close:hover .x-icon {fill: var(--grey-dark);}

.menu-open {background: var(--grey-lighter);border: 1px solid var(--grey-lighter);}
.menu-open form {background: var(--light);}
.menu-open input[type=text], .search-container input[type=text] {background: var(--light);color: black;}

.product {background: var(--light);border: none;transition: all 0.3s;}
.product:hover {transform: scale(1.1);border: none;color: var(--site-color);box-shadow: 0 0 15px var(--grey-lighter);z-index: 9999;}
.product:empty:hover {box-shadow: none;}
.product-image img {max-width: 90%; max-height: 90%;}

.product-button::before {color: var(--grey-light);}

.product-page .product {background: url("../gfx/bg-image.jpg") no-repeat top left;} /*ennek maradnia kell*/
.product-page .product:hover {transform: none;box-shadow: none;}
.product-page .product-text {font-family: 'Roboto'!important;}
.product-page .product-image img {mix-blend-mode: multiply;}

.social-icons a {position: relative;display: block;width: 42px;height: 42px;margin: 0px;background: url("../gfx/new-footer-social-icon.png");transition: all 0.3s;}

.slick-dotted.slick-slider {margin-bottom: 0px;}

.to-top {background: var(--grey-lighter);}
.to-top svg {padding: 12px;}
.to-top:hover {background: var(--site-color);transition: all 0.3s;}
.to-top:hover .to-top-arrow {fill: white;transition: all 0.3s;}

/* slider */
.slider {height: auto;max-height: 800px;display: flex;align-items: center;}
.slider img {width: 100%!important;height: auto;min-height: auto;max-height: none;}
.slick-slide {display: block!important;}
.slick-dots li button:before {color: var(--site-color-2);}