@charset "UTF-8";
/* IMPORT BASE */
/*
@font-face {
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    font-weight: 400;
    // Ezt nyitottam meg, és innét szedtem az src-t: https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@400,0..1
    src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v75/kJF4BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzBwG-RpA6RzaxHMPdY40KH8nGzv3fzfVJU22ZZLsYEpzC_1ver5Y0.woff2) format('woff2');

    // ez opsz24..48-as:
    //src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v75/kJEPBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzBwG-RpA6RzaxHMPdY40yxrjGyv3fzdVBO1Q.woff2) format('woff2');

    //src: local('Material Symbols Outlined'), local('MaterialSymbols-Outlined'), url(../fonts/MaterialSymbols-Outlined.woff2) format('woff2');
    font-display: swap;
}
*/
@font-face {
  font-family: "Material Symbols Outlined";
  font-style: normal;
  font-weight: 400;
  src: local("Material Symbols Outlined"), local("MaterialSymbols_Grube_Subset_opsz24-w400"), url(../fonts/MaterialSymbols_Grube_Subset_opsz24-w400.woff2) format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Material Symbols Outlined 48";
  font-style: normal;
  font-weight: 400;
  src: local("Material Symbols Outlined 48"), local("MaterialSymbols_Grube_Subset_opsz48-w400"), url(../fonts/MaterialSymbols_Grube_Subset_opsz48-w400.woff2) format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Material Symbols Outlined Fill";
  font-style: normal;
  font-weight: 400;
  src: local("Material Symbols Outlined fill"), local("MaterialSymbols_Grube_Subset_opsz24-w400-fill"), url(../fonts/MaterialSymbols_Grube_Subset_opsz24-w400-fill.woff2) format("woff2");
  font-display: swap;
}
.material-symbols-outlined {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

:root {
  --container: $container-xs;
  --safearea-bottom: env(safe-area-inset-bottom);
  --gutter: 24px;
  --fs-small: $fs-small;
}
@media only screen and (min-width:576px) {
  :root {
    --container: $container-sm;
  }
}
@media only screen and (min-width:768px) {
  :root {
    --container: $container-md;
  }
}
@media only screen and (min-width:992px) {
  :root {
    --container: $container-lg;
  }
}
@media only screen and (min-width:1200px) {
  :root {
    --container: $container-xl;
  }
}

html {
  font-size: 16px;
  overflow-x: hidden;
}

body {
  padding: 0;
  margin: 0;
  color: #222222;
  font-family: "Montserrat", sans-serif;
  line-height: 1.4;
  opacity: 0;
  min-height: 100vh;
  overflow-x: clip;
  overflow-y: clip;
  position: relative;
}
body.loaded {
  opacity: 1;
  z-index: 1;
}
body.noscroll {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

label {
  margin-bottom: 0;
}

.list {
  list-style-type: none;
}

img {
  height: auto;
  width: 100%;
}

::selection {
  background-color: rgba(0, 56, 28.785046729, 0.4);
  color: #fff;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.help-cursor, .cursor-help {
  cursor: help !important;
}

.cursor-default, .cursor-default * {
  cursor: default !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

.cursor-not-allowed {
  cursor: not-allowed !important;
}

.newsletter-wrapper, .downloads .downloads-wrapper .category .list, .szuropanel, .stars, .spec-wrapper ul, .spec-wrapper, .webmenu > li > ul, .webmenu, .message--to-cart ul, .option-list, .tabs-wrapper > .tabs {
  list-style: none;
  padding: 0;
  margin: 0;
}

p {
  margin: 0 0 12px 0;
}

.black {
  font-weight: 900 !important;
}

.extrabold {
  font-weight: 800 !important;
}

.bold {
  font-weight: 700 !important;
}

.semibold {
  font-weight: 600 !important;
}

.medium {
  font-weight: 500 !important;
}

.regular {
  font-weight: 400 !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.fw-medium {
  font-weight: 500 !important;
}

.fw-semi-bold {
  font-weight: 600 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-extrabold {
  font-weight: 800 !important;
}

.fw-black {
  font-weight: 900 !important;
}

.fs-null {
  font-size: 0 !important;
}

.fs-small {
  font-size: 13px !important;
}

.fs-smaller {
  font-size: 14px !important;
}

.fs-medium {
  font-size: 20px !important;
}

.fs-normal {
  font-size: 16px !important;
}

h1, .h1 {
  font-size: 32px;
  font-weight: 800;
  margin-top: 1em;
  margin-bottom: 1em;
}

h2, .h2 {
  font-size: 24px;
  font-weight: 800;
  margin-top: 1em;
  margin-bottom: 1em;
}

h3, .h3, .gallery-popper .popped__title {
  font-size: 20px;
  font-weight: 700;
  margin-top: 1em;
  margin-bottom: 1em;
}

h4, .h4 {
  font-weight: 700;
  margin-top: 1em;
  margin-bottom: 1em;
}

a, .link {
  color: #006B37;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
a:hover, .link:hover {
  color: #006B37;
}
a.-inverse, .link.-inverse {
  color: #222222;
}
a.-inverse:hover, .link.-inverse:hover {
  color: #006B37;
}

pre, .pre {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  margin-top: 1em;
  margin-bottom: 1em;
  line-height: 1.4;
  color: #222222;
  white-space: pre-line;
}

.color-inherit {
  color: inherit !important;
}

.color-primary {
  color: #006B37 !important;
}

.color-secondary {
  color: #FF3300 !important;
}

.color-light {
  color: #F6F6F6 !important;
}

.color-background {
  color: #F6F6F6 !important;
}

.color-grey {
  color: #696969 !important;
}

.color-medium-grey {
  color: #8D8D8D !important;
}

.color-dark {
  color: #222222 !important;
}

.color-font {
  color: #222222 !important;
}

.color-font-alt {
  color: #ffffff !important;
}

.color-white {
  color: #ffffff !important;
}

.color-yellow {
  color: #FAFF00 !important;
}

.color-border {
  color: #E0E0E0 !important;
}

.color-positive {
  color: #10AC4F !important;
}

.color-negative {
  color: #DF0000 !important;
}

.color-warning {
  color: #ffe000 !important;
}

.color-danger, .red {
  color: #DF0000 !important;
}

.color-success {
  color: #10AC4F !important;
}

.color-interaction {
  color: #006B37 !important;
}

.color-disabled {
  color: #696969 !important;
}

@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.anim-fade-in {
  animation: fade-in 0.25s;
}

/* IMPORT SCRIPTS */
/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
  	This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
  	calculation of the height of the owl-item that breaks page layouts
   */
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

.owl-carousel.owl-grab .owl-item {
  cursor: grabbing;
}
.owl-carousel .owl-stage-outer {
  -webkit-transition: height 0.3s ease-in-out;
  transition: height 0.3s ease-in-out;
  transition-delay: 0.2s;
}
.owl-carousel .owl-item {
  cursor: grab;
}
.owl-carousel .owl-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.5rem;
  gap: 8px;
}
.owl-carousel .owl-dots .owl-dot {
  width: 100%;
  height: 3px;
  background-color: rgba(0, 107, 55, 0.25);
}
.owl-carousel .owl-dots .owl-dot.active {
  background-color: #FF3300;
}
.owl-carousel .owl-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 0;
}
.owl-carousel .owl-nav button {
  width: 32px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.owl-carousel .owl-nav button.owl-prev {
  background: rgba(255, 255, 255, 0.9);
}
.owl-carousel .owl-nav button.owl-prev:after {
  content: "chevron_left";
}
.owl-carousel .owl-nav button.owl-next {
  background: rgba(255, 255, 255, 0.9);
}
.owl-carousel .owl-nav button.owl-next:after {
  content: "chevron_right";
}

.slider-wrapper-vue .ui-slider {
  height: 1.5rem;
  position: absolute;
  z-index: 2;
}
.slider-wrapper-vue .ui-slider .handle {
  width: 1.5rem;
  height: 1.5rem;
  outline: none;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #696969;
  box-shadow: 0px 0px 0px 2px #ffffff;
  border-radius: 50%;
  display: block;
  position: absolute;
  -webkit-transition: all 0.05s ease-in-out;
  transition: all 0.05s ease-in-out;
  left: -0.25rem;
}
.slider-wrapper-vue .ui-slider .handle:active {
  border-color: #222222;
}
.slider-wrapper-vue .ui-slider .bar {
  position: absolute;
  left: 0;
  height: 11px;
  top: calc(50% - 6px);
}
.slider-wrapper-vue .ui-slider .bar.-default {
  width: 100%;
  background: linear-gradient(90deg, rgba(0, 107, 55, 0.25) -5.05%, rgba(0, 107, 55, 0.75) 104.82%);
}
.slider-wrapper-vue .ui-slider .notches {
  display: flex;
  width: 100%;
  height: 100%;
  padding: 2px 2rem;
  justify-content: space-between;
}
.slider-wrapper-vue .ui-slider .notches > div {
  background: rgba(0, 0, 0, 0.12);
  width: 2px;
}
.slider-wrapper-vue .slider-values {
  margin: 0.5em 0 0 0 !important;
  width: 100% !important;
}
.slider-wrapper-vue .slider-values > div:first-child {
  margin-right: 0.75em;
}
.slider-wrapper-vue .slider-values > div:last-child {
  margin-left: 0.75em;
}
.slider-wrapper-vue .slider-range {
  width: calc(100% - 1.5rem);
  margin-left: 0.75rem;
  position: relative;
  background: transparent;
}
.slider-wrapper-vue .slider-range:before, .slider-wrapper-vue .slider-range:after {
  content: none;
}

#toTop {
  width: 40px;
  height: 40px;
  position: fixed;
  bottom: 24px;
  right: 0;
  left: 0;
  margin: auto;
  text-decoration: none;
  background: #F6F6F6;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
  border-radius: 50%;
  transition: 0.2s ease-in-out;
  pointer-events: none;
  opacity: 0;
  z-index: 3;
}
@media only screen and (max-width: 575px) {
  #toTop {
    margin-left: 24px;
    left: 0;
  }
}
#toTop:before {
  content: "expand_less";
}
#toTop.visible {
  opacity: 1;
  pointer-events: all;
}
/* CR TABS */
.tabs-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  width: 100%;
  margin-top: 24px;
  position: sticky;
  top: var(--stickyHeight);
  z-index: 3;
}
.tabs-wrapper > .tabs {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  scrollbar-color: #E0E0E0 #f4f7fc;
  scrollbar-width: thin;
  background: #ffffff;
  border-radius: 8px;
  height: 40px;
  max-width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
  position: relative;
}
.tabs-wrapper > .tabs::-webkit-scrollbar {
  width: 6px;
}
.tabs-wrapper > .tabs::-webkit-scrollbar-track {
  background: #f4f7fc;
  border-radius: 3px;
}
.tabs-wrapper > .tabs::-webkit-scrollbar-thumb {
  background: #E0E0E0;
  border-radius: 3px;
}
.tabs-wrapper > .tabs::-webkit-scrollbar-thumb:hover {
  background: rgb(198.5, 198.5, 198.5);
}
.tabs-wrapper > .tabs::-webkit-scrollbar {
  width: initial;
  height: 6px;
}
@media only screen and (max-width: 767px) {
  .tabs-wrapper > .tabs {
    height: initial;
  }
}
.tabs-wrapper > .tabs.-empty {
  display: none;
}
.tabs-wrapper > .tabs > li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  position: relative;
  height: 40px;
  cursor: pointer;
  padding: 0 1.5rem;
  color: #8D8D8D;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
}
.tabs-wrapper > .tabs > li:before {
  content: "";
  position: absolute;
  width: 0px;
  height: 3px;
  background: #006B37;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.tabs-wrapper > .tabs > li.-active {
  color: #222222;
}
.tabs-wrapper > .tabs > li.-active:before {
  width: 3rem;
}
.tabs-wrapper > .tabs > li:not(:last-child):after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  border-right: 1px solid #E0E0E0;
}

.tabs-sections {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 48px;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.tabs-sections > .section:focus {
  outline: none;
}
.tabs-sections > div {
  /*
  // Ez csak akkor kell, ha olyan a működés, hogy csak az aktív látszódik.

  display: none;

  &.active-section {
      display: block;
  }

  */
}
.largeImageContainer {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.largeImageContainer:before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 100%;
}
.largeImageContainer .owl-carousel {
  position: absolute;
  top: 0;
}
.largeImageContainer .owl-item {
  border: none;
}
.largeImageContainer .owl-dots {
  display: none !important;
}
@media only screen and (max-width: 575px) {
  .largeImageContainer {
    margin-bottom: 15px;
  }
}
#mainkep {
  border-radius: 8px;
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
#mainkep.noimage {
  cursor: default;
}

.largeImage {
  max-width: 100%;
  max-height: 100%;
  cursor: pointer;
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.largeImage.loaded {
  opacity: 1;
}

.largeImagePreloader {
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  font-size: 16px;
  opacity: 1;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.largeImagePreloader.loaded {
  opacity: 0;
}

.loadingText {
  width: 100px;
  height: 20px;
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}

.GalleryNav {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
}
.GalleryNav > div {
  width: 2em;
  height: 2em;
  position: absolute;
  background-size: 2em 2em;
  margin: auto;
  top: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 2;
}
.GalleryNav > div .prev {
  left: 15px;
}
.GalleryNav > div .next {
  right: 15px;
}
.owl-item {
  cursor: pointer;
}

.smallThumbnails {
  scrollbar-color: #E0E0E0 #f4f7fc;
  scrollbar-width: thin;
  height: 100%;
  max-height: 576px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 4px;
  order: -1;
  min-width: 96px;
  width: 96px;
}
.smallThumbnails::-webkit-scrollbar {
  width: 6px;
}
.smallThumbnails::-webkit-scrollbar-track {
  background: #f4f7fc;
  border-radius: 3px;
}
.smallThumbnails::-webkit-scrollbar-thumb {
  background: #E0E0E0;
  border-radius: 3px;
}
.smallThumbnails::-webkit-scrollbar-thumb:hover {
  background: rgb(198.5, 198.5, 198.5);
}
@media only screen and (max-width: 1599px) {
  .smallThumbnails {
    max-height: 426px;
  }
}
@media only screen and (max-width: 1199px) {
  .smallThumbnails {
    max-height: 336px;
  }
}
@media only screen and (max-width: 991px) {
  .smallThumbnails {
    max-height: 336px;
  }
}
@media only screen and (max-width: 767px) {
  .smallThumbnails {
    max-height: 576px;
  }
}
@media only screen and (max-width: 575px) {
  .smallThumbnails {
    max-height: 576px;
  }
}
.smallThumbnails .owl-carousel {
  height: 100%;
}
.smallThumbnails .owl-stage {
  flex-direction: column;
}
.smallThumbnails > div {
  flex-direction: column;
}
.smallThumbnails img {
  cursor: pointer;
  position: relative;
}
.smallThumbnails .item {
  opacity: 1;
  background: #F6F6F6;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  position: relative;
  margin-bottom: 0.5rem;
  width: 100%;
  padding-bottom: 100%;
  box-shadow: 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #222222;
  /* Video - cikkinfo2 - a galériából nyílik */
}
.smallThumbnails .item:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 1199px) {
  .smallThumbnails .item {
    margin-bottom: 0.5rem;
  }
}
@media only screen and (max-width: 991px) {
  .smallThumbnails .item {
    width: 40px;
    padding-bottom: 40px;
    margin-bottom: 0.5rem;
  }
}
.smallThumbnails .item.selected {
  box-shadow: 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px #222222;
}
.smallThumbnails .item.video-item {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  margin-top: 0.5rem;
}
.smallThumbnails .item.video-item:before {
  content: "";
  background-image: url(../images/video-thumb.webp);
  background-size: cover;
  filter: blur(10px);
  display: block;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
.smallThumbnails .item.video-item:after {
  content: "play_circle";
  font-size: 40px !important;
  color: #ffffff;
  position: absolute;
  display: flex;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  align-items: center;
  justify-content: center;
}

.gallery-popper {
  outline: none;
  text-align: center;
}
.gallery-popper .popped__title {
  margin-top: 0 !important;
  padding-right: 24px;
  text-align: left;
}
.gallery-popper .popped-content {
  position: relative;
}
.gallery-popper-content {
  position: relative;
  text-align: center;
}
.gallery-popper-content > img {
  max-height: 100%;
}

.gallery-popper-controls {
  position: static;
}
.gallery-popper-controls .prev, .gallery-popper-controls .next {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  width: 48px;
  height: 48px;
  border-radius: 8px;
  background: white no-repeat center;
  background-size: 24px 24px;
}
.gallery-popper-controls .prev {
  left: 0;
  background-image: url(../images/baseline-arrow_back-24px.svg);
}
.gallery-popper-controls .next {
  right: 0;
  background-image: url(../images/baseline-arrow_forward-24px.svg);
}

.gallery-popper-thumbs {
  width: auto;
  display: block;
  margin: 15px auto 0 15px;
}

.GalleryPreview {
  display: flex;
  margin: 0 auto;
  outline: none;
  position: relative;
  width: 100%;
  gap: 1.5rem;
}
.GalleryPreview.popped {
  max-width: calc(100% - 60px);
  max-height: 100vh;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  position: fixed;
}
.GalleryPreview .owl-item {
  flex-shrink: 0;
}
.GalleryPreview .owl-carousel .owl-nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.GalleryPreview .owl-carousel .owl-nav.disabled {
  display: none;
}
.GalleryPreview .owl-carousel .owl-nav > .owl-prev, .GalleryPreview .owl-carousel .owl-nav .owl-next {
  pointer-events: all;
  background: #fff no-repeat center;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  position: absolute;
  background-size: 36px 36px;
  margin-top: -24px;
  position: absolute;
  top: 50%;
  transform: translateY(10px);
  width: 48px;
  height: 48px;
}
.GalleryPreview .owl-carousel .owl-nav > .owl-prev.disabled, .GalleryPreview .owl-carousel .owl-nav .owl-next.disabled {
  opacity: 0.4;
}
.GalleryPreview .owl-carousel .owl-nav .owl-prev {
  left: 15px;
}
.GalleryPreview .owl-carousel .owl-nav .owl-next {
  right: 15px;
}
@media only screen and (max-width: 991px) {
  .GalleryPreview {
    flex-wrap: wrap;
  }
  .GalleryPreview > * {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }
  .GalleryPreview .smallThumbnails {
    border: none;
    order: 2;
  }
  .GalleryPreview .smallThumbnails .item.video-item {
    margin: 1rem auto 0 auto;
  }
  .GalleryPreview .smallThumbnails > div {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
  .GalleryPreview .smallThumbnails .item:not(.video-item) {
    margin: 0 0.25rem 0.25rem 0.25rem;
  }
}
@media only screen and (min-width:576px) and (max-width: 767px) {
  .GalleryPreview .smallThumbnails .item {
    width: 60px;
    padding-bottom: 60px;
  }
  .GalleryPreview .smallThumbnails .item:not(.video-item) {
    margin: 0 0.5rem 0.5rem 0.5rem;
  }
}

/* VSGALLERY HD EXTENSION */
.gallery-hd.gallery-popper {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100% !important;
  border-radius: 0;
  border: none;
  box-shadow: none;
  background: #F6F6F6;
  color: #222222;
  transform: translate(0, -100vh);
}
.gallery-hd.gallery-popper.popped {
  animation: GalleryRollUp 0.3s;
  transform: translate(0, 0);
}
.gallery-hd.gallery-popper.unpopped {
  animation: GalleryRollDown 0.3s;
  transform: translate(0, -100vh);
}
@keyframes GalleryRollUp {
  0% {
    transform: translate(0, -100vh);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes GalleryRollDown {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, -100vh);
  }
}
.gallery-hd h3 {
  border-top: 1px solid #E0E0E0;
  padding-top: 30px;
  margin-top: 30px;
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: 400;
  width: 100%;
}
.gallery-hd .gallery-content {
  height: 100%;
}
.gallery-hd .gallery-img {
  background: #fff;
  border-left: 1px solid #E0E0E0;
  border-right: 1px solid #E0E0E0;
  width: 75%;
  max-width: 100vh;
  margin-left: auto;
  margin-right: auto;
  height: calc(var(--vh) * 100);
  flex-grow: 1;
  position: relative;
  display: flex;
  align-items: center;
}
.gallery-hd .gallery-img .item {
  overflow: hidden;
}
.gallery-hd .gallery-img .item.unblurred > img {
  filter: blur(0px);
}
.gallery-hd .gallery-img .item > img {
  filter: blur(40px);
  max-height: 100vh;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.gallery-hd .gallery-sidebar {
  width: calc(25% - 30px);
  flex-grow: 0;
  margin-left: 30px;
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  margin-top: auto;
  max-width: 300px;
}
.gallery-hd .owl-nav {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.gallery-hd .owl-nav > * {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  position: absolute;
  margin-top: -24px;
  position: absolute;
  top: 50%;
  transform: translateY(10px);
  width: 48px;
  height: 48px;
  outline: none;
}
.gallery-hd .owl-nav > *.disabled {
  opacity: 0.6;
}
.gallery-hd .owl-nav .owl-prev {
  left: -25px !important;
}
.gallery-hd .owl-nav .owl-next {
  right: -25px !important;
}
.gallery-hd .gallery-owl {
  width: 100%;
  position: relative;
}
.gallery-hd .owl-stage-outer {
  position: relative;
  overflow: hidden;
}
.gallery-hd .owl-stage {
  display: flex;
  flex-wrap: nowrap;
}
.gallery-hd .owl-item {
  border: none;
  box-shadow: none;
  justify-content: center !important;
}
.gallery-hd .gallery-thumbs {
  width: 100%;
  flex-grow: 0;
  display: flex;
  flex-wrap: wrap;
  padding-top: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.gallery-hd .gallery-thumbs .item {
  border: 2px solid transparent;
  cursor: pointer;
  width: calc(50% - 10px);
  height: 0;
  padding-bottom: calc(50% - 10px);
  margin: 5px;
  position: relative;
  opacity: 0.5;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
@media only screen and (min-width:768px) {
  .gallery-hd .gallery-thumbs .item {
    width: calc(33.3333333333% - 10px);
    height: 0;
    padding-bottom: calc(33.3333333333% - 10px);
  }
}
.gallery-hd .gallery-thumbs .item.active {
  border-radius: 8px;
  border: 2px solid #006B37;
  opacity: 1;
}
.gallery-hd .gallery-thumbs .item:hover {
  opacity: 1;
}
.gallery-hd .gallery-thumbs .item > img {
  border-radius: 8px;
}

/* POPPER */
.popper, .share-popper {
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.15), 0px 1px 4px rgba(0, 0, 0, 0.15);
  display: none;
  padding: 20px;
  position: absolute;
  min-width: 320px;
  max-width: calc(100% - 30px);
  min-height: 60px;
  max-height: 100vh;
  z-index: 16;
  overflow: auto;
  pointer-events: all;
  white-space: normal;
  line-height: 1.4;
  text-transform: none;
  font-weight: 400;
  cursor: initial;
  scrollbar-color: #E0E0E0 #f4f7fc;
  scrollbar-width: thin;
}
.popper::-webkit-scrollbar, .share-popper::-webkit-scrollbar {
  width: 6px;
}
.popper::-webkit-scrollbar-track, .share-popper::-webkit-scrollbar-track {
  background: #f4f7fc;
  border-radius: 3px;
}
.popper::-webkit-scrollbar-thumb, .share-popper::-webkit-scrollbar-thumb {
  background: #E0E0E0;
  border-radius: 3px;
}
.popper::-webkit-scrollbar-thumb:hover, .share-popper::-webkit-scrollbar-thumb:hover {
  background: rgb(198.5, 198.5, 198.5);
}
.popper.popped, .popped.share-popper {
  display: block;
  animation: ShowPopper 0.15s;
  animation-fill-mode: forwards;
}
.popper > .title, .share-popper > .title, .popper .popper__title, .share-popper .popper__title {
  border-bottom: 1px solid #E0E0E0;
  font-weight: 700;
  margin-bottom: 24px;
  padding-bottom: 10px;
  font-size: 20px;
  text-transform: uppercase;
}
.popper.unpopped, .unpopped.share-popper {
  animation: HidePopper 0.15s;
  animation-fill-mode: forwards;
}
.popper.fixed, .fixed.share-popper {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-top: none;
  max-height: calc(100% - 30px);
}
.popper.fixed.popped, .fixed.popped.share-popper {
  animation: ShowFixedPopper 0.15s;
  animation-fill-mode: forwards;
}
.popper.fixed.unpopped, .fixed.unpopped.share-popper {
  animation: HideFixedPopper 0.15s;
  animation-fill-mode: forwards;
}
.popper .popped-close, .share-popper .popped-close, .popper .popper__close, .share-popper .popper__close, .popper .popper-close, .share-popper .popper-close {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 1rem;
  top: 1rem;
  cursor: pointer;
  z-index: 1;
  color: #222222;
}
.popper .popped-close:after, .share-popper .popped-close:after, .popper .popper__close:after, .share-popper .popper__close:after, .popper .popper-close:after, .share-popper .popper-close:after {
  content: "close";
}
.popper .popped-close.-rounded, .share-popper .popped-close.-rounded, .popper .popper__close.-rounded, .share-popper .popper__close.-rounded, .popper .popper-close.-rounded, .share-popper .popper-close.-rounded {
  border-radius: 100%;
}

.popper-wrapper {
  position: fixed;
  width: 100% !important;
  height: 100% !important;
  left: 0;
  top: 0;
  pointer-events: none;
  z-index: 5001;
}
.popper-wrapper > .popper, .popper-wrapper > .share-popper {
  position: relative;
  max-height: calc(100% - 30px);
  overflow: auto;
  overflow-y: auto;
}

@keyframes ShowPopper {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes HidePopper {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes ShowFixedPopper {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes HideFixedPopper {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
.popped-overlay, .popper-overlay, .popper-overlay-alternative, .popper-header-overlay, .popper-vue-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.25);
  z-index: 15;
  animation: ShowFixedPopper 0.25s;
  animation-fill-mode: forwards;
}
@media only screen and (max-width: 767px) {
  .popped-overlay, .popper-overlay, .popper-overlay-alternative, .popper-header-overlay, .popper-vue-overlay {
    height: 100vh;
    width: 100vw;
  }
}
.popped-overlay.fadeout, .fadeout.popper-overlay, .fadeout.popper-overlay-alternative, .fadeout.popper-header-overlay, .fadeout.popper-vue-overlay {
  animation: HideFixedPopper 0.25s;
  animation-fill-mode: forwards;
}

.system-message-popper {
  width: 380px;
  padding: 0;
}

/* First Contentful Paint miatt próba */
body:not(.loaded) .popped-overlay,
body:not(.loaded) .popper-overlay,
body:not(.loaded) .popper-overlay-alternative,
body:not(.loaded) .popper-header-overlay,
body:not(.loaded) .popper-vue-overlay {
  display: none;
}

.popper-overlay-alternative {
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
}

.popper-header-overlay {
  z-index: 14;
}

.ertesites-popup, .arertesites-popup {
  max-width: 480px;
}

#vsPopUp {
  padding: 0.25rem;
  overflow: visible;
  background: #222222;
}
#vsPopUp img {
  max-width: none;
  max-height: calc(100vh - 4rem);
}
@media only screen and (max-width: 575px) {
  #vsPopUp img {
    max-width: 100%;
  }
}
#vsPopUp .popper-close {
  border-radius: 50%;
  top: -12px;
  right: -12px;
  width: 24px;
  height: 24px;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  color: #222222;
}

.table {
  width: 100%;
  display: table;
  margin: 24px 0;
}
.table .table-head {
  display: table-row;
  background: #006B37;
}
.table .table-head > * {
  color: #ffffff;
  font-weight: 700;
  display: table-cell;
  padding: 0.5rem 0.75rem;
  vertical-align: middle;
  font-size: 13px;
}
.table .table-row {
  display: table-row;
  position: relative;
  font-size: 13px;
}
.table .table-row .positive {
  background-color: #10AC4F;
}
.table .table-row > * {
  display: table-cell;
  line-height: 1.4;
  border-bottom: 1px solid #E0E0E0;
  padding: 0.5rem 0.75rem;
  vertical-align: middle;
}
.table .table-row > *.longtext {
  max-width: 320px;
  font-size: 13px;
  text-align: justify;
}
.table .color-danger, .table .color-warning, .table .color-success {
  display: inline-block;
  border-radius: 8px;
  padding: 3px 6px;
  font-weight: 700;
  color: white !important;
}
.table .color-danger {
  background-color: #DF0000;
}
.table .color-warning {
  background-color: #ffe000;
}
.table .color-success {
  background-color: #10AC4F;
}

.rendered {
  display: block !important;
}
.rendered .table-head {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.rendered .table-head > * {
  border: none;
  flex-grow: 1;
}
.rendered .table-head > *:first-child {
  width: 24px;
  height: 100%;
  flex-shrink: 0;
  flex-grow: 0;
}
.rendered .table-row {
  display: block;
}
.rendered .table-row.expanded .innerHead > *:first-child:before {
  content: "remove";
}
.rendered .table-row.expanded .innerRow {
  display: block;
  border-top: 1px solid #E0E0E0;
}
.rendered .table-row .innerHead {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  border-bottom: none;
  padding-left: 0;
  padding-right: 0;
  border-top: none;
}
.rendered .table-row .innerHead > * {
  flex-grow: 1;
  padding: 5px 10px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.rendered .table-row .innerHead > *:first-child {
  flex-shrink: 0;
  flex-grow: 0;
  border: none;
  height: 24px;
  width: 24px;
  padding: 0;
  margin-right: 0.25rem;
  margin-left: 0.25rem;
  z-index: 2;
  cursor: pointer;
}
.rendered .table-row .innerHead > *:first-child:before {
  content: "add";
  color: #006B37;
}
.rendered .table-row .innerRow {
  display: none;
  width: 100%;
}
.rendered .table-row .innerRow > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.rendered .table-row .innerRow > div > div {
  padding-top: 5px;
  padding-bottom: 5px;
}
.rendered .table-row .innerRow > div > div:last-child {
  text-align: right;
  padding-left: 15px;
}
.rendered .table-row .innerRow > div > div:last-child input {
  margin-top: 2px;
  margin-bottom: 2px;
}
.rendered .table-row .innerLabel.hide + .innerValue {
  text-align: center;
  padding-left: 0;
  width: 100%;
}
/* VARIABLES */
.messages-container {
  background: #ffe000;
  border-radius: 8px;
  color: #222222;
  cursor: default;
  font-size: 16px;
  margin-bottom: 0.5rem;
  transition: 0.33s height ease-in-out;
}
.messages-container.collapsed {
  overflow: hidden;
  height: 48px;
}
.messages-container.collapsed .message-item {
  border-bottom: none;
}
.messages-container.expandable .message-item {
  height: 48px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.messages-container.expandable .message-item > div {
  white-space: nowrap;
}
.messages-container.expandable .message-item.expandable-item {
  position: relative;
  cursor: pointer;
  transition: 0.2s ease-in-out;
  justify-content: flex-start;
  text-align: left;
  padding-right: 2rem;
}
.messages-container.expandable .message-item.expandable-item:hover {
  background: rgb(255, 227.1, 25.5);
}
.messages-container.expandable .message-item.expandable-item:before {
  content: "";
  position: absolute;
  width: 72px;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 224, 0, 0) 0%, #ffe000 50%, #ffe000 100%);
  top: 0;
  right: 0;
  z-index: 1;
  opacity: 1;
  transition: 0.2s ease-in-out;
}
.messages-container.expandable .message-item.expandable-item:after {
  width: 2rem;
  content: "expand_more";
  position: absolute;
  right: 0;
  bottom: 0;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #222222;
  transition: 0.2s ease-in-out;
  z-index: 2;
}
.messages-container.expandable .message-item.expanded {
  overflow: visible;
  height: auto;
}
.messages-container.expandable .message-item.expanded:before {
  opacity: 0;
}
.messages-container.expandable .message-item.expanded:after {
  transform: rotate(180deg);
}
.messages-container.expandable .message-item.expanded > div {
  max-width: 100%;
  white-space: normal;
}

.messages-inner {
  transition: 0.33s transform ease-in-out;
  margin: auto;
  /*
  @media only screen and (min-width:576px) {
      width: $container-sm - $gutter * 2;
  }

  @media only screen and (min-width:768px) {
      width: $container-md - $gutter * 2;
  }

  @media only screen and (min-width:992px) {
      width: $container-lg - $gutter * 2;
  }

  @media only screen and (min-width:1200px) {
      width: $container-xl - $gutter * 2;
  }
  */
}

.message-item {
  position: relative;
  padding: 0.5rem;
}
.message-item.removable div:first-child {
  padding-right: 48px;
}

.message-remove-icon {
  height: 24px;
  z-index: 1;
  cursor: pointer;
  position: absolute;
  right: 0;
}
.message-remove-icon:before {
  content: "close";
}

.caching-content:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #F6F6F6;
  border-radius: 8px;
}

.loader-outer-wrapper.-white .loader {
  background-image: url(../images/grube-loader-icon-white-rounded.svg);
}

.loader {
  width: 1.25em;
  background-image: url(../images/grube-loader-icon-green-rounded.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.loader:after {
  content: "";
  display: block;
  padding-top: 100%;
}

.loader-active {
  color: transparent !important;
  background-image: none !important;
}
.loader-active * {
  color: transparent !important;
}

@keyframes Loader {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}
.page-loader {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(10px);
  z-index: 10001;
}
.page-loader > .box {
  width: 250px;
  max-width: 50vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-loader > .box > .loader {
  width: calc(100% - 40px);
}

.panel-loader {
  position: absolute;
  background: rgb(255, 255, 255);
  z-index: 4;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 2.5rem;
}
.panel-loader.loaded {
  animation: FadeOut 0.2s;
  animation-fill-mode: forwards;
  pointer-events: none;
}
@keyframes FadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.panel-loader > div {
  width: 2.5rem;
  height: 2.5rem;
  position: relative;
  overflow: hidden;
  animation: LoaderRotate 1s infinite;
  animation-timing-function: linear;
}
@keyframes LoaderRotate {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.panel-loader > div > span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: white;
  z-index: 1;
}
.panel-loader > div:after {
  content: "";
  width: 100%;
  height: 100%;
  border: 4px solid #006B37;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}

.app-loader-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background-color: rgba(34, 34, 34, 0.2);
}

.compare-wrapper {
  width: calc(100% + 30px);
  left: -15px;
  position: relative;
  overflow: hidden;
  font-size: 13px;
}
.compare-wrapper .compare-inner {
  width: auto;
  overflow: auto;
}
.compare-wrapper .compare-inner td:not(:first-child) {
  min-width: 170px;
  max-width: 170px;
}

.compare-layer {
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
  z-index: 2;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 5px 10px rgba(0, 0, 0, 0.1);
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  font-weight: 700;
}
.compare-layer.collapsed {
  transform: translate(-100%, 0);
}
.compare-layer.collapsed .compare-collapse {
  left: 100%;
  transform: translate(100%, -50%);
  background-image: url(../images/baseline-arrow_forward-24px.svg);
}

.compare-row {
  padding: 10px 15px;
  position: relative;
}

.compare-collapse {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  background: #F6F6F6 url(../images/baseline-arrow_back-24px.svg) no-repeat center;
  background-size: 24px 24px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 5px 10px rgba(0, 0, 0, 0.1);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.tipsy-popper {
  max-width: 320px;
  min-width: 0;
  min-height: 0;
  position: fixed;
  text-align: left;
  padding: 1rem;
  font-size: 13px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  color: #222222;
}
.tipsy-popper .popped-close {
  top: 0;
  bottom: 0;
  margin: auto;
  background-size: 16px 16px !important;
}
.tipsy-popper.pre-popped {
  display: block;
  visibility: hidden;
}
@media only screen and (min-width:768px) {
  .tipsy-popper {
    max-width: 360px;
  }
}
/* lista felugró */
.list-popper .icon, .list-popper .accordion-header .toggler, .accordion-header .list-popper .toggler {
  margin-left: 0.5rem;
  cursor: pointer;
}

.lists-wrapper .item {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
#vsAtvetPontok {
  position: relative;
}
#vsAtvetPontok .item {
  position: relative;
}

.atvet-wrapper {
  scrollbar-color: #E0E0E0 #f4f7fc;
  scrollbar-width: thin;
  max-height: 300px;
  overflow: auto;
}
.atvet-wrapper::-webkit-scrollbar {
  width: 6px;
}
.atvet-wrapper::-webkit-scrollbar-track {
  background: #f4f7fc;
  border-radius: 3px;
}
.atvet-wrapper::-webkit-scrollbar-thumb {
  background: #E0E0E0;
  border-radius: 3px;
}
.atvet-wrapper::-webkit-scrollbar-thumb:hover {
  background: rgb(198.5, 198.5, 198.5);
}
.atvet-wrapper .item {
  background: #F6F6F6 !important;
  border: none;
  border-bottom: 1px solid #E0E0E0;
  display: flex;
  justify-content: flex-start;
  margin: 0 !important;
  padding: 15px 0;
}
.atvet-wrapper .item:first-child {
  border-top: none;
}
.atvet-wrapper .item:last-child {
  border-bottom: none;
}
.atvet-wrapper .item:only-child {
  padding: 15px 0;
}
.atvet-wrapper.-selected {
  cursor: auto;
  overflow: visible;
}
.atvet-wrapper.-selected .item {
  justify-content: flex-start !important;
  background: #ffffff !important;
}
.atvet-wrapper.-selected .item .title {
  cursor: auto;
}
.atvet-wrapper.-selected .item .details {
  flex-grow: 1;
  cursor: default;
}
.atvet-wrapper.-selected .item .change-button {
  margin-left: auto;
}
.atvet-wrapper.-selected .item .more {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  font-size: 0;
}
.atvet-wrapper.-changed .help-icon {
  opacity: 0;
  pointer-events: none;
}
.atvet-wrapper .item {
  margin: 20px 0;
}
.atvet-wrapper .item.hovered .input input + label {
  background-position-y: -216px;
}
.atvet-wrapper .item .input {
  flex-shrink: 0;
}
.atvet-wrapper .item .input input {
  display: none;
}
.atvet-wrapper .item .details {
  flex-grow: 1;
  cursor: pointer;
}
.atvet-wrapper .item .address {
  font-size: 13px;
}
.atvet-wrapper .item .more-popper {
  right: 0;
  left: auto;
  top: 0;
  padding: 20px;
}
.atvet-wrapper .item .more-popper .h3, .atvet-wrapper .item .more-popper .gallery-popper .popped__title, .gallery-popper .atvet-wrapper .item .more-popper .popped__title {
  padding-right: 25px;
}
.atvet-wrapper .item .more-popper .address {
  margin: 10px 0;
}
.atvet-wrapper .item .more-popper .pre {
  font-size: 13px;
}
@media only screen and (max-width: 575px) {
  .atvet-wrapper .item .more-popper {
    min-width: 0;
  }
}
.opening-hours {
  margin-top: 1em;
}

.atvet-details .opening-hours {
  margin-top: 0;
}
.atvet-details .opening-hours .pre {
  font-size: 13px;
}

.jssocials-shares {
  margin: 0.2em 0;
}

.jssocials-shares * {
  box-sizing: border-box;
}

.jssocials-share {
  display: inline-block;
  vertical-align: top;
  margin: 0.3em 0.6em 0.3em 0;
}

.jssocials-share:last-child {
  margin-right: 0;
}

.jssocials-share-logo {
  width: 1em;
  vertical-align: middle;
  font-size: 1.5em;
  font-weight: 400;
}

img.jssocials-share-logo {
  width: auto;
  height: 1em;
}

.jssocials-share-link {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  line-height: 1;
}

.jssocials-share-link.jssocials-share-link-count {
  padding-top: 0.2em;
}

.jssocials-share-link.jssocials-share-link-count .jssocials-share-count {
  display: block;
  font-size: 0.6em;
  margin: 0 -0.5em -0.8em -0.5em;
}

.jssocials-share-link.jssocials-share-no-count {
  padding-top: 0.5em;
}

.jssocials-share-link.jssocials-share-no-count .jssocials-share-count {
  height: 1em;
}

.jssocials-share-label {
  padding-left: 0.3em;
  vertical-align: middle;
}

.jssocials-share-count-box {
  display: inline-block;
  height: 1.5em;
  padding: 0 0.3em;
  line-height: 1;
  vertical-align: middle;
  cursor: default;
}

.jssocials-share-count-box.jssocials-share-no-count {
  display: none;
}

.jssocials-share-count {
  line-height: 1.5em;
  vertical-align: middle;
}

.jssocials-share-twitter .jssocials-share-link {
  background-color: #1DA1F2;
}
.jssocials-share-twitter .jssocials-share-link > i {
  background-image: url(../images/brand/twitter.svg);
}

.jssocials-share-facebook .jssocials-share-link {
  background-color: #1877F2;
}
.jssocials-share-facebook .jssocials-share-link > i {
  background-image: url(../images/brand/facebook.svg);
}

.jssocials-share-messenger .jssocials-share-link {
  background: radial-gradient(farthest-corner at 3rem 3rem, rgb(0, 153, 255) 0%, rgb(160, 51, 255) 67%, rgb(255, 82, 128) 92%, rgb(255, 112, 97) 100%);
}
.jssocials-share-messenger .jssocials-share-link > i {
  background-image: url(../images/brand/messenger.svg);
}

.jssocials-share-pinterest .jssocials-share-link {
  background-color: #E60023;
}
.jssocials-share-pinterest .jssocials-share-link > i {
  background-image: url(../images/brand/pinterest.svg);
}

.jssocials-share-whatsapp .jssocials-share-link {
  background-color: #25D366;
}
.jssocials-share-whatsapp .jssocials-share-link > i {
  background-image: url(../images/brand/whatsapp.svg);
}

.jssocials-share-viber .jssocials-share-link {
  background-color: #7b519d;
}
.jssocials-share-viber .jssocials-share-link > i {
  background-image: url(../images/brand/viber.svg);
}

.jssocials-share-link {
  width: 3rem;
  height: 3rem;
}
.jssocials-share-link > i {
  width: 100%;
  height: 100%;
  background-size: 1.5rem 1.5rem;
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
}

.share-popper {
  padding: 1.5rem;
}
.share-popper .title {
  margin: -20px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .jssocials-shares {
    flex-wrap: wrap;
    justify-content: center !important;
    text-align: center;
  }
}

.jssocials-share {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  padding: 0.25rem;
  cursor: pointer;
}
.jssocials-share:hover .name {
  text-decoration: underline;
}
.jssocials-share:hover .jssocials-share-link {
  transform: scale(1.05);
}
.jssocials-share .jssocials-share-link {
  border-radius: 50%;
}
.jssocials-share .name {
  font-size: 11px;
  font-weight: 500;
  margin-top: 0.5rem;
}

.phoneNumber {
  width: 100%;
}
.phoneNumber .flag {
  width: 21px;
  height: 15px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../images/lang/_na.png);
  margin-right: 0.5rem;
  flex-shrink: 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .phoneNumber .flag {
    background-image: url(../images/lang/_na@2x.png);
  }
}
.phoneNumber .plussign {
  text-align: center;
  width: 10px;
  margin-right: 0.5rem;
}
.phoneNumber input.prefix {
  width: 20% !important;
  min-width: calc(3ch + 24px * 2);
  margin-right: 0.5rem;
  text-align: center;
  padding-left: 24px;
  padding-right: 24px;
  flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
  .phoneNumber input.prefix {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
.phoneNumber input.phone {
  flex-grow: 1;
}

/* vsAccordion verzionált scripthez tartozó scss fájl */
.accordion {
  margin-bottom: 1rem;
}
.accordion .accordion-header {
  background: #F6F6F6;
  cursor: pointer;
  padding: 1rem 1rem;
  margin: 0;
  border-radius: 8px;
}
.accordion .accordion-header > * {
  margin: 0 1rem 0 0;
}
.accordion .accordion-header:after {
  content: "arrow_drop_up";
  margin-left: auto;
  transform: rotate(-180deg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.accordion .accordion-header.-open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.accordion .accordion-header.-open:after {
  transform: rotate(0deg);
}
.accordion .accordion-header .accordion-header-content {
  display: inline-flex;
  column-gap: 24px;
  flex-wrap: wrap;
}
.accordion .accordion-content {
  max-height: 1000px;
  padding: 1.5rem;
  border: 1px solid #F6F6F6;
  border-top: none;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1.5rem;
  background-color: #ffffff;
  overflow: hidden;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.accordion .accordion-content p:last-child {
  margin-bottom: 0;
}
.accordion .accordion-content.collapsed {
  max-height: 0;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-top-width: 0 !important;
  border-bottom-width: 0 !important;
}
.accordion .accordion-content.animate {
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.accordion.active .accordion-header:after {
  transform: rotate(0deg);
}
@media only screen and (max-width: 991px) {
  .accordion .accordion-header {
    position: relative;
    justify-content: center !important;
  }
  .accordion .accordion-header:after {
    background-size: 18px 18px;
    margin-left: unset;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -9px;
  }
}

/* IMPORT MODULES */
.attachments .attachment-item, .accordion-header, .responsive-table .table-row .accordion-content > *, .social-wrapper, .orders-wrapper .o-item .head > div, .reg .data-wrapper .uploaded-wrapper .item, .compare__body .item, .compare__body .group, .compare__head, .download-item > .inner, .offer-head, .pack-head, .cart .tax.message .inner > div, .cart .tax.-eunum.message .inner, .cart .imports-wrapper, .cart .exports-wrapper, .cart .step, .szuropanel .filters-clear, .szuropanel .section-inner > .section-header, .pd-used .links, .questions-outer-wrapper .questions-wrapper .question-item .head, .questions-outer-wrapper .questions-head, .votes .chart .chart-item, .stars, .product-votes, .group-header, .tech-data .item .key, .site-stocks .item .title, .pl-lists .options, .pl-lists, .pl-sorter, .pl-views .toggler > div, .pl-views .toggler, .pl-views, .color-and-size-picker .title-bar, .p-item .condition > div, .p-item .shop, .p-item.-details .top-part .top-row .votes, .p-item, .labels-wrapper, .comments-wrapper .item .social, .comments-wrapper .item .author-and-date, .search-form, .webmenu > li.expandable, .webmenu, .header-icons, .header-bottom .products-nav, .header-bottom .header-bottom-inner, .header-middle, .header-top, .pager .arrows-and-pages .goto-page, .pager .arrows-and-pages .pages, .pager .arrows-and-pages .arrows, .pager .arrows-and-pages, .infogroup, .filter, .option-list > .list-item > .head, .input-wrapper > .inner, .form-block > div > .inner, .address-wrapper, .bank-wrapper, .phoneNumber, .sum-wrapper > .inner > div, .flex, .slider-wrapper-vue .slider-values, .GalleryPreview .owl-carousel .owl-nav, .gallery-hd .gallery-content, .gallery-hd .owl-item, .compare-row, .list-popper .input-wrapper, .list-popper .form-block > div, .lists-wrapper .item, .atvet-wrapper .item, .jssocials-shares {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.accessories-wrapper-outer .accessories-inner-wrapper .into-cart, .package-wizard-wrapper .package-wizard-inner-wrapper .into-cart, .p-item .into-cart, .sale-head.-points .dates-wrapper, nav[aria-label=breadcrumb] > div, .pager, input[type=checkbox] + label, input[type=radio] + label, .input[type=checkbox] + label, .input[type=radio] + label, .atvet-wrapper.-selected .item .radio + label, .no-result, .flex-start, .GalleryPreview .owl-stage, .accordion .accordion-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.flex-end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.szuropanel-toggler > .button > .qty, .video-thumb:after, .flex-center, #toTop, .smallThumbnails > div, .popper-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.spinner-input > .icon, .accordion-header .spinner-input > .toggler, .button, input[type=checkbox] + label, input[type=radio] + label, .input[type=checkbox] + label, .input[type=radio] + label, .atvet-wrapper.-selected .item .radio + label, .-faux, .gallery-hd .owl-nav > *.disabled, .owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot, .owl-carousel.owl-drag .owl-item, .slider-wrapper-vue .slider-values, .tabs-wrapper, .smallThumbnails, .accordion-header, .selection-disable {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

.stretched-link:focus-visible::after {
  outline: auto;
  border-radius: inherit;
  outline-offset: -2px;
}

.stretched-link.-no-direct-outline {
  outline: none;
}

.flex-wrap-xs > *:not(:first-child) {
  margin-left: 24px !important;
}
@media only screen and (max-width: 575px) {
  .flex-wrap-xs {
    flex-wrap: wrap;
    margin-top: 24px;
  }
  .flex-wrap-xs > * {
    flex: 0 0 100% !important;
  }
  .flex-wrap-xs > *:not(:first-child) {
    margin: 24px 0 0 0 !important;
  }
}

.head-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
@media only screen and (min-width:768px) {
  .head-title {
    margin: 24px -12px 0 -12px;
  }
}
@media only screen and (max-width: 767px) {
  .head-title {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .head-title > * {
    width: 100%;
    margin-bottom: 12px;
  }
}
@media only screen and (min-width:768px) {
  .head-title > * {
    margin: 0 12px;
  }
}

.note {
  font-size: 0.8em;
}

.no-result {
  background: rgba(223, 0, 0, 0.1);
  border: 1px solid rgba(223, 0, 0, 0.4);
  border-radius: 8px;
  color: #DF0000;
  font-weight: 600;
  margin: 24px 0;
  padding: 24px;
}
.no-result:before {
  content: "warning";
  margin-right: 10px;
}
.no-result.-products {
  padding: 0;
  margin: 0;
  color: #222222;
  background: transparent;
  border: none;
  display: block;
  font-weight: normal;
}
.no-result.-products:before {
  content: none;
}
.no-result.-info {
  background: rgba(0, 107, 55, 0.1);
  border: 1px solid rgba(0, 107, 55, 0.4);
  color: #006B37;
}
.no-result.-info:before {
  content: "info";
}

.error-message-wrapper {
  border-top: 0.5rem solid #DF0000;
  border-radius: 8px;
}
.error-message-wrapper .error-message .title {
  font-size: 48px;
  font-weight: 700;
  margin: 1rem 0 1rem 0;
}
.error-message-wrapper .error-message .subtitle {
  font-size: 20px;
  font-weight: 600;
  color: #8D8D8D;
  margin: 0 0 1rem 0;
}
.error-message-wrapper .error-message .details {
  margin-bottom: 1.5rem;
}

/*sum blokk*/
.sum-wrapper {
  display: flex;
  margin-left: auto;
}
.sum-wrapper > .inner {
  margin-left: auto;
}
.sum-wrapper > .inner > .price.-highlight > *:last-child {
  color: #006B37;
  font-size: 20px;
}
.sum-wrapper > .inner > div > *:first-child {
  color: #696969;
  font-weight: 500;
  font-size: 13px;
}
.sum-wrapper > .inner > div > *:last-child {
  font-weight: 700;
  font-size: 24px;
  padding-left: 1rem;
}

/*sum block vége*/
.message {
  border-color: #696969;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 400;
}
.message.-border {
  border-left-width: 2px;
  border-left-style: solid;
}
.message.-border .inner {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.message .inner {
  width: 100%;
  display: table;
  border: 1px solid #E0E0E0;
  border-radius: 8px;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 0.5rem;
}
@media only screen and (min-width:768px) {
  .message .inner {
    width: auto;
  }
}
.message .inner > div {
  display: table-row;
}
.message .inner > div > div {
  display: table-cell;
  padding: 0.5rem;
}
.message.-with-icon:before {
  font-size: 20px;
  content: "warning";
  vertical-align: bottom;
  display: inline-block;
}
.message.-success, .message.-type-0 {
  border-color: #10AC4F;
}
.message.-success:not(.-border), .message.-type-0:not(.-border) {
  color: #10AC4F;
}
.message.-success .inner, .message.-type-0 .inner {
  border-color: rgba(16, 172, 79, 0.5);
  background-color: rgba(16, 172, 79, 0.05);
}
.message.-success.-with-icon:before, .message.-type-0.-with-icon:before {
  color: #10AC4F;
}
.message.-inprogress, .message.-warning, .message.-type-1 {
  border-color: #ffe000;
}
.message.-inprogress:not(.-border), .message.-warning:not(.-border), .message.-type-1:not(.-border) {
  color: #ffe000;
}
.message.-inprogress .inner, .message.-warning .inner, .message.-type-1 .inner {
  border-color: rgba(255, 224, 0, 0.5);
  background-color: rgba(255, 224, 0, 0.05);
  color: #696969;
}
.message.-inprogress.-with-icon:before, .message.-warning.-with-icon:before, .message.-type-1.-with-icon:before {
  color: #ffe000;
}
.message.-invalid, .message.-error, .message.-danger, .message.-type-2 {
  border-color: #DF0000;
}
.message.-invalid:not(.-border), .message.-error:not(.-border), .message.-danger:not(.-border), .message.-type-2:not(.-border) {
  color: #DF0000;
}
.message.-invalid .inner, .message.-error .inner, .message.-danger .inner, .message.-type-2 .inner {
  border-color: rgba(223, 0, 0, 0.5);
  background-color: rgba(223, 0, 0, 0.05);
}
.message.-invalid.-with-icon:before, .message.-error.-with-icon:before, .message.-danger.-with-icon:before, .message.-type-2.-with-icon:before {
  color: #DF0000;
}

.scrollable-x {
  flex-wrap: nowrap;
  overflow-y: visible;
  overflow-x: auto;
  scrollbar-color: #E0E0E0 #f4f7fc;
  scrollbar-width: thin;
}
.scrollable-x::-webkit-scrollbar {
  width: 6px;
}
.scrollable-x::-webkit-scrollbar-track {
  background: #f4f7fc;
  border-radius: 3px;
}
.scrollable-x::-webkit-scrollbar-thumb {
  background: #E0E0E0;
  border-radius: 3px;
}
.scrollable-x::-webkit-scrollbar-thumb:hover {
  background: rgb(198.5, 198.5, 198.5);
}
.scrollable-x::-webkit-scrollbar {
  width: initial;
  height: 6px;
}

.-faux, .gallery-hd .owl-nav > *.disabled {
  cursor: not-allowed !important;
}

/* Szélesség és magasság classok gyerekeknek */
.child-w-1-in-4 > div {
  width: 25%;
}

.child-w-1-in-5 > div {
  width: 20%;
}

.grube-card {
  padding: 1rem;
  background-color: #ffffff;
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.15), 0px 1px 4px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  overflow: hidden;
}

.contact-card-inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0.5rem;
}
.contact-card-inner > div {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  font-size: 13px;
  font-weight: 500;
}
.contact-card-inner > div .title {
  font-weight: 700;
  font-size: 16px;
}
.contact-card-inner > div a {
  font-weight: 700;
  font-size: 16px;
  color: #006B37;
}

.white-box {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  background-color: #ffffff;
  padding: 1.5rem;
}
.white-box h1.title {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
}
.white-box h2.subtitle {
  color: #696969;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}
.white-box .white-box-separator {
  width: 100%;
  height: 1px;
  background: #E0E0E0;
  margin: 1.5rem 0;
}

.number-bubble, .compare__body .group > div:first-child a + span, .compare__head .qty, .accessories-wrapper-outer .accessories-inner-wrapper .into-cart .qty, .package-wizard-wrapper .package-wizard-inner-wrapper .into-cart .qty, .p-item .into-cart .qty {
  position: absolute;
  right: -9px;
  top: -9px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 3px;
  border: 2px solid #006B37;
  border-radius: 10px;
  background: #FAFF00;
  color: #006B37;
  line-height: 0;
  font-size: 11px;
  font-weight: 700;
  -webkit-animation: scale-in-center 0.5s ease-out both;
  animation: scale-in-center 0.5s ease-out both;
}

.bg-color-primary {
  background-color: #006B37 !important;
}

.bg-color-secondary {
  background-color: #FF3300 !important;
}

.bg-color-light {
  background-color: #F6F6F6 !important;
}

.bg-color-background {
  background-color: #F6F6F6 !important;
}

.bg-color-grey {
  background-color: #696969 !important;
}

.bg-color-medium-grey {
  background-color: #8D8D8D !important;
}

.bg-color-dark {
  background-color: #222222 !important;
}

.bg-color-font {
  background-color: #222222 !important;
}

.bg-color-font-alt {
  background-color: #ffffff !important;
}

.bg-color-white {
  background-color: #ffffff !important;
}

.bg-color-yellow {
  background-color: #FAFF00 !important;
}

.bg-color-border {
  background-color: #E0E0E0 !important;
}

.bg-color-positive {
  background-color: #10AC4F !important;
}

.bg-color-negative {
  background-color: #DF0000 !important;
}

.bg-color-warning {
  background-color: #ffe000 !important;
}

.bg-color-danger, .background-red {
  background-color: #DF0000 !important;
}

.bg-color-success {
  background-color: #10AC4F !important;
}

.bg-color-interaction {
  background-color: #006B37 !important;
}

.bg-color-disabled {
  background-color: #696969 !important;
}

.object-fit-cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.object-fit-cover-children img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.vs-sticky-top {
  top: var(--stickyHeight);
}

.fw-bg-before {
  position: relative;
}
.fw-bg-before:before {
  content: "";
  position: absolute;
  left: -100vw;
  bottom: 0;
  width: 300vw;
  height: 100%;
  background-color: inherit;
  z-index: -1;
}

.overflow-x-auto {
  overflow-x: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-x-visible {
  overflow-x: visible;
}
.overflow-x-scroll {
  overflow-x: scroll;
}
.overflow-x-overlay {
  overflow-x: overlay;
}

.overflow-y-auto {
  overflow-y: auto;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.overflow-y-visible {
  overflow-y: visible;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
.overflow-y-overlay {
  overflow-y: overlay;
}

.scrollbar-y {
  scrollbar-color: #E0E0E0 #f4f7fc;
  scrollbar-width: thin;
}
.scrollbar-y::-webkit-scrollbar {
  width: 6px;
}
.scrollbar-y::-webkit-scrollbar-track {
  background: #f4f7fc;
  border-radius: 3px;
}
.scrollbar-y::-webkit-scrollbar-thumb {
  background: #E0E0E0;
  border-radius: 3px;
}
.scrollbar-y::-webkit-scrollbar-thumb:hover {
  background: rgb(198.5, 198.5, 198.5);
}

.scrollbar-x {
  scrollbar-color: #E0E0E0 #f4f7fc;
  scrollbar-width: thin;
}
.scrollbar-x::-webkit-scrollbar {
  width: 6px;
}
.scrollbar-x::-webkit-scrollbar-track {
  background: #f4f7fc;
  border-radius: 3px;
}
.scrollbar-x::-webkit-scrollbar-thumb {
  background: #E0E0E0;
  border-radius: 3px;
}
.scrollbar-x::-webkit-scrollbar-thumb:hover {
  background: rgb(198.5, 198.5, 198.5);
}
.scrollbar-x::-webkit-scrollbar {
  width: initial;
  height: 6px;
}

[v-cloak] {
  display: none;
}

.lazy {
  opacity: 0;
  transition: 0.2s ease-in-out;
}
.lazy[data-loaded=true] {
  opacity: 1;
}

.button-style-reset {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  text-align: inherit;
  appearance: none;
  box-shadow: none;
  display: inline;
}

.elallas-wrapper .accordion-header {
  justify-content: flex-start !important;
}

.form-block {
  margin-bottom: 0;
}
.form-block input + label + div {
  font-weight: 400;
  font-size: 13px;
  margin-left: 24px;
  margin-top: 2px;
  margin-bottom: 2px;
}
.form-block label {
  margin-bottom: 0.5rem;
  display: inline-block;
}

.address-wrapper, .bank-wrapper, .phoneNumber {
  position: relative;
}

.bank-wrapper {
  margin: 0 -6px;
}
.bank-wrapper > * {
  margin: 0 6px;
}
.bank-wrapper > span {
  margin: 0;
}
.bank-wrapper input {
  padding-left: 24px !important;
  padding-right: 24px !important;
}
@media only screen and (max-width: 991px) {
  .bank-wrapper input {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}
.bank-wrapper input.bank-prefix {
  flex-basis: 65px;
  flex-shrink: 0;
  padding-left: 10px !important;
  padding-right: 10px !important;
  text-align: center;
}
.bank-wrapper input.bank-first, .bank-wrapper input.bank-second, .bank-wrapper input.bank-third {
  flex-basis: 25%;
  flex-grow: 1;
}
.bank-wrapper input.bank-third:after {
  display: none;
}

.address-wrapper {
  flex-wrap: wrap;
  width: calc(100% + var(--gutter));
  margin: calc(var(--gutter) * -0.5);
}
.address-wrapper > * {
  margin: 0;
  padding: calc(var(--gutter) * 0.5);
}
.address-wrapper > *.address__country {
  width: 100%;
}
.address-wrapper > *.address__zipcode {
  flex-shrink: 0;
  width: 85px !important;
}
.address-wrapper > *.address__city {
  width: calc((100% - 85px) * 0.4);
}
@media only screen and (max-width: 767px) {
  .address-wrapper > *.address__city {
    width: calc(100% - 85px - var(--gutter));
  }
}
.address-wrapper > *.address__street {
  width: calc((100% - 85px) * 0.6);
}
@media only screen and (max-width: 767px) {
  .address-wrapper > *.address__street {
    width: 100%;
  }
}

/* regWarning helyett, talán beszédesebb és általánosabb név */
.tooltip-error, .error-invalid, .error-mobile {
  position: absolute;
  font-size: 13px;
  bottom: 0;
  right: 0;
  padding-bottom: 0 !important;
  color: #DF0000 !important;
  transform: translateY(100%);
  margin-bottom: 0 !important;
  z-index: 1;
}

.error-invalid, .error-mobile {
  z-index: 2;
}

.error-mobile {
  color: #696969 !important;
}

.img {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}

.img > img, .img > .inner > img, .largeImageContainer > img, .smallThumbnails .item > img, .gallery-hd .gallery-thumbs .item > img {
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

img, iframe {
  border: 0;
  max-width: 100%;
}

.img-cover, .blog-item.-box.-horizontal .image-wrapper .img {
  width: 100%;
  height: 100%;
  display: block;
}
.img-cover > img, .blog-item.-box.-horizontal .image-wrapper .img > img {
  border: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Az új sass compilerbern már nem lehet használni pl az @extend input[type=text] -et (tehát így selectorral), ezért ezeknek a tartalmát külön kiemeltem ide */
.pager .arrows-and-pages .goto-page .goto-page-noinput, .pager .arrows-and-pages .arrow, .select-wrapper > select, .selector .input > select, .select-wrapper > .select, .selector .input > .select, .input-wrapper.-browse .browse-label, .form-block > div.-browse .browse-label, textarea, input[type=text], input[type=password], input[type=number], input[type=email], input.-qty, .input[type=text], .input[type=password], .input[type=number], .input[type=email], .input.-qty {
  display: flex;
  align-items: center;
  background: #fff;
  border: 1px solid #E0E0E0;
  border-radius: 8px;
  outline: none;
  font-size: 13px;
  font-weight: 400;
  white-space: nowrap;
  line-height: normal;
  padding: 0 1rem;
  min-width: 0;
  width: 100%;
  height: 48px;
  box-shadow: 0px 0px 0px 0px #006B37;
  -webkit-appearance: none;
  appearance: none;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.pager .arrows-and-pages .goto-page .goto-page-noinput::-ms-clear, .pager .arrows-and-pages .arrow::-ms-clear, .select-wrapper > select::-ms-clear, .selector .input > select::-ms-clear, .select-wrapper > .select::-ms-clear, .selector .input > .select::-ms-clear, .input-wrapper.-browse .browse-label::-ms-clear, .form-block > div.-browse .browse-label::-ms-clear, textarea::-ms-clear, input[type=text]::-ms-clear, input[type=password]::-ms-clear, input[type=number]::-ms-clear, input[type=email]::-ms-clear, input.-qty::-ms-clear, .input[type=text]::-ms-clear, .input[type=password]::-ms-clear, .input[type=number]::-ms-clear, .input[type=email]::-ms-clear, .input.-qty::-ms-clear {
  display: none;
}
.pager .arrows-and-pages .goto-page .goto-page-noinput::-webkit-input-placeholder, .pager .arrows-and-pages .arrow::-webkit-input-placeholder, .select-wrapper > select::-webkit-input-placeholder, .selector .input > select::-webkit-input-placeholder, .select-wrapper > .select::-webkit-input-placeholder, .selector .input > .select::-webkit-input-placeholder, .input-wrapper.-browse .browse-label::-webkit-input-placeholder, .form-block > div.-browse .browse-label::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input.-qty::-webkit-input-placeholder, .input[type=text]::-webkit-input-placeholder, .input[type=password]::-webkit-input-placeholder, .input[type=number]::-webkit-input-placeholder, .input[type=email]::-webkit-input-placeholder, .input.-qty::-webkit-input-placeholder {
  color: rgba(34, 34, 34, 0.5);
}
.pager .arrows-and-pages .goto-page .goto-page-noinput:focus, .pager .arrows-and-pages .arrow:focus, .select-wrapper > select:focus, .selector .input > select:focus, .select-wrapper > .select:focus, .selector .input > .select:focus, .input-wrapper.-browse .browse-label:focus, .form-block > div.-browse .browse-label:focus, textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=number]:focus, input[type=email]:focus, input.-qty:focus, .input[type=text]:focus, .input[type=password]:focus, .input[type=number]:focus, .input[type=email]:focus, .input.-qty:focus {
  border-color: #006B37;
  box-shadow: 0px 0px 0px 1px #006B37;
}
.pager .arrows-and-pages .goto-page .goto-page-noinput:focus-visible, .pager .arrows-and-pages .arrow:focus-visible, .select-wrapper > select:focus-visible, .selector .input > select:focus-visible, .select-wrapper > .select:focus-visible, .selector .input > .select:focus-visible, .input-wrapper.-browse .browse-label:focus-visible, .form-block > div.-browse .browse-label:focus-visible, textarea:focus-visible, input[type=text]:focus-visible, input[type=password]:focus-visible, input[type=number]:focus-visible, input[type=email]:focus-visible, input.-qty:focus-visible, .input[type=text]:focus-visible, .input[type=password]:focus-visible, .input[type=number]:focus-visible, .input[type=email]:focus-visible, .input.-qty:focus-visible {
  border-color: #006B37;
  box-shadow: 0px 0px 0px 1px #006B37;
}
.pager .arrows-and-pages .goto-page .goto-page-noinput:hover, .pager .arrows-and-pages .arrow:hover, .select-wrapper > select:hover, .selector .input > select:hover, .select-wrapper > .select:hover, .selector .input > .select:hover, .input-wrapper.-browse .browse-label:hover, .form-block > div.-browse .browse-label:hover, textarea:hover, input[type=text]:hover, input[type=password]:hover, input[type=number]:hover, input[type=email]:hover, input.-qty:hover, .input[type=text]:hover, .input[type=password]:hover, .input[type=number]:hover, .input[type=email]:hover, .input.-qty:hover {
  background: rgb(248.55, 248.55, 248.55);
  border-color: rgb(211.25, 211.25, 211.25);
}
.pager .arrows-and-pages .goto-page .goto-page-noinput:disabled, .pager .arrows-and-pages .arrow:disabled, .select-wrapper > select:disabled, .selector .input > select:disabled, .select-wrapper > .select:disabled, .selector .input > .select:disabled, .input-wrapper.-browse .browse-label:disabled, .form-block > div.-browse .browse-label:disabled, textarea:disabled, input[type=text]:disabled, input[type=password]:disabled, input[type=number]:disabled, input[type=email]:disabled, input.-qty:disabled, .input[type=text]:disabled, .input[type=password]:disabled, .input[type=number]:disabled, .input[type=email]:disabled, .input.-qty:disabled {
  opacity: 0.5;
  color: rgba(34, 34, 34, 0.5);
  -webkit-text-fill-color: rgba(34, 34, 34, 0.5);
  cursor: not-allowed;
  background: #F6F6F6;
}

input[type=number], .input[type=number] {
  -moz-appearance: textfield;
}
input[type=number]::-webkit-outer-spin-button, .input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button, .input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type=checkbox], input[type=radio], .input[type=checkbox], .input[type=radio], .atvet-wrapper.-selected .item .radio {
  cursor: pointer;
  opacity: 0;
  position: absolute;
  left: 0;
  width: 14px;
  height: 14px;
}
input[type=checkbox]:disabled, input[type=radio]:disabled, .input[type=checkbox]:disabled, .input[type=radio]:disabled, .atvet-wrapper.-selected .item .radio:disabled {
  cursor: not-allowed;
}
input[type=checkbox]:disabled + label, input[type=radio]:disabled + label, .input[type=checkbox]:disabled + label, .input[type=radio]:disabled + label, .atvet-wrapper.-selected .item .radio:disabled + label {
  cursor: not-allowed;
}
input[type=checkbox]:not(:disabled):not(:checked):not(.faux-radio.selected) + label:hover:before, input[type=radio]:not(:disabled):not(:checked):not(.faux-radio.selected) + label:hover:before, .input[type=checkbox]:not(:disabled):not(:checked):not(.faux-radio.selected) + label:hover:before, .input[type=radio]:not(:disabled):not(:checked):not(.faux-radio.selected) + label:hover:before, .atvet-wrapper.-selected .item .radio:not(:disabled):not(:checked):not(.faux-radio.selected) + label:hover:before {
  background: #F6F6F6;
}
input[type=checkbox]:not(:disabled):focus-visible + label:before, input[type=radio]:not(:disabled):focus-visible + label:before, .input[type=checkbox]:not(:disabled):focus-visible + label:before, .input[type=radio]:not(:disabled):focus-visible + label:before, .atvet-wrapper.-selected .item .radio:not(:disabled):focus-visible + label:before {
  box-shadow: 0px 0px 0px 2px #006B37;
}
input[type=checkbox] + label, input[type=radio] + label, .input[type=checkbox] + label, .input[type=radio] + label, .atvet-wrapper.-selected .item .radio + label {
  cursor: pointer;
  margin-bottom: 5px;
  position: relative;
  font-size: 13px;
}
input[type=checkbox] + label:before, input[type=radio] + label:before, .input[type=checkbox] + label:before, .input[type=radio] + label:before, .atvet-wrapper.-selected .item .radio + label:before {
  background: #F6F6F6;
  border: 1px solid #8D8D8D;
  content: "";
  display: block;
  margin-right: 10px;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  min-width: 14px;
  width: 14px;
  height: 14px;
}
input[type=checkbox] + label + .note, input[type=radio] + label + .note, .input[type=checkbox] + label + .note, .input[type=radio] + label + .note, .atvet-wrapper.-selected .item .radio + label + .note {
  margin: 0 0 0 24px;
}

input[type=checkbox], .input[type=checkbox] {
  width: 20px;
  height: 20px;
}
input[type=checkbox] + label:before, .input[type=checkbox] + label:before {
  width: 20px;
  height: 20px;
}
input[type=checkbox] + label:after, .input[type=checkbox] + label:after {
  font-weight: 700 !important;
  font-size: 16px !important;
  content: "check";
  color: #ffffff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  transform: scale(0) translateY(-50%);
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
input[type=checkbox]:checked + label:before, input[type=checkbox].faux-radio.selected + label:before, .input[type=checkbox]:checked + label:before, .input[type=checkbox].faux-radio.selected + label:before {
  background: #FF3300;
  border: 0px;
}
input[type=checkbox]:checked + label:after, input[type=checkbox].faux-radio.selected + label:after, .input[type=checkbox]:checked + label:after, .input[type=checkbox].faux-radio.selected + label:after {
  transform: scale(1) translateY(-50%);
}

.faux-radio + label:before, input[type=radio] + label:before, .input[type=radio] + label:before, .atvet-wrapper.-selected .item .radio + label:before {
  border-radius: 50%;
}
.faux-radio + label:after, input[type=radio] + label:after, .input[type=radio] + label:after, .atvet-wrapper.-selected .item .radio + label:after {
  content: "";
  display: block;
  background: #006B37;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 0;
  transform: scale(0);
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.faux-radio:checked + label:after, .faux-radio.selected + label:after, input[type=radio]:checked + label:after, .input[type=radio]:checked + label:after, .atvet-wrapper.-selected .item .radio:checked + label:after, .atvet-wrapper.-selected .item .radio.faux-radio.selected + label:after {
  transform: scale(1);
}

input[type=text].grube-special-input, input[type=password].grube-special-input, input[type=number].grube-special-input, input[type=email].grube-special-input, input.-qty.grube-special-input, .input[type=text].grube-special-input, .input[type=password].grube-special-input, .input[type=number].grube-special-input, .input[type=email].grube-special-input, .input.-qty.grube-special-input {
  /**
      Ez akkor kell, ha a grubés speckó módon akarjuk megjeleníteni az inputot. (label van használva, mint placeholder, felúszik az input fölé ha van focus vagy content vagy ha aktív)
      A vs-form-input komponensen adjuk meg, hogy input-class="grube-special-input"
  **/
}
input[type=text].grube-special-input + label, input[type=password].grube-special-input + label, input[type=number].grube-special-input + label, input[type=email].grube-special-input + label, input.-qty.grube-special-input + label, .input[type=text].grube-special-input + label, .input[type=password].grube-special-input + label, .input[type=number].grube-special-input + label, .input[type=email].grube-special-input + label, .input.-qty.grube-special-input + label {
  position: absolute;
  left: calc(1rem + 1px);
  top: 50%;
  width: initial;
  color: #696969;
  white-space: nowrap;
  pointer-events: none;
  transform: translateY(-50%);
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
input[type=text].grube-special-input:focus, input[type=password].grube-special-input:focus, input[type=number].grube-special-input:focus, input[type=email].grube-special-input:focus, input.-qty.grube-special-input:focus, .input[type=text].grube-special-input:focus, .input[type=password].grube-special-input:focus, .input[type=number].grube-special-input:focus, .input[type=email].grube-special-input:focus, .input.-qty.grube-special-input:focus {
  border-color: #006B37;
  box-shadow: 0px 0px 0px 1px #006B37;
}
input[type=text].grube-special-input:focus, input[type=password].grube-special-input:focus, input[type=number].grube-special-input:focus, input[type=email].grube-special-input:focus, input.-qty.grube-special-input:focus, .input[type=text].grube-special-input:focus, .input[type=password].grube-special-input:focus, .input[type=number].grube-special-input:focus, .input[type=email].grube-special-input:focus, .input.-qty.grube-special-input:focus, input[type=text].grube-special-input:active, input[type=password].grube-special-input:active, input[type=number].grube-special-input:active, input[type=email].grube-special-input:active, input.-qty.grube-special-input:active, .input[type=text].grube-special-input:active, .input[type=password].grube-special-input:active, .input[type=number].grube-special-input:active, .input[type=email].grube-special-input:active, .input.-qty.grube-special-input:active, input[data-length][type=text].grube-special-input, input[data-length][type=password].grube-special-input, input[data-length][type=number].grube-special-input, input[data-length][type=email].grube-special-input, input[data-length].-qty.grube-special-input, [data-length].input[type=text].grube-special-input, [data-length].input[type=password].grube-special-input, [data-length].input[type=number].grube-special-input, [data-length].input[type=email].grube-special-input, [data-length].input.-qty.grube-special-input {
  outline: none;
  color: #222222;
  padding-top: 13px;
  font-weight: 500;
}
input[type=text].grube-special-input:focus + label, input[type=password].grube-special-input:focus + label, input[type=number].grube-special-input:focus + label, input[type=email].grube-special-input:focus + label, input.-qty.grube-special-input:focus + label, .input[type=text].grube-special-input:focus + label, .input[type=password].grube-special-input:focus + label, .input[type=number].grube-special-input:focus + label, .input[type=email].grube-special-input:focus + label, .input.-qty.grube-special-input:focus + label, input[type=text].grube-special-input:active + label, input[type=password].grube-special-input:active + label, input[type=number].grube-special-input:active + label, input[type=email].grube-special-input:active + label, input.-qty.grube-special-input:active + label, .input[type=text].grube-special-input:active + label, .input[type=password].grube-special-input:active + label, .input[type=number].grube-special-input:active + label, .input[type=email].grube-special-input:active + label, .input.-qty.grube-special-input:active + label, input[data-length][type=text].grube-special-input + label, input[data-length][type=password].grube-special-input + label, input[data-length][type=number].grube-special-input + label, input[data-length][type=email].grube-special-input + label, input[data-length].-qty.grube-special-input + label, [data-length].input[type=text].grube-special-input + label, [data-length].input[type=password].grube-special-input + label, [data-length].input[type=number].grube-special-input + label, [data-length].input[type=email].grube-special-input + label, [data-length].input.-qty.grube-special-input + label {
  font-size: 11px;
  top: 0.5rem;
  transform: translateY(0);
}
input[type=text].grube-special-input:not(:focus)::-webkit-input-placeholder, input[type=password].grube-special-input:not(:focus)::-webkit-input-placeholder, input[type=number].grube-special-input:not(:focus)::-webkit-input-placeholder, input[type=email].grube-special-input:not(:focus)::-webkit-input-placeholder, input.-qty.grube-special-input:not(:focus)::-webkit-input-placeholder, .input[type=text].grube-special-input:not(:focus)::-webkit-input-placeholder, .input[type=password].grube-special-input:not(:focus)::-webkit-input-placeholder, .input[type=number].grube-special-input:not(:focus)::-webkit-input-placeholder, .input[type=email].grube-special-input:not(:focus)::-webkit-input-placeholder, .input.-qty.grube-special-input:not(:focus)::-webkit-input-placeholder, input[type=text].grube-special-input:not(:active)::-webkit-input-placeholder, input[type=password].grube-special-input:not(:active)::-webkit-input-placeholder, input[type=number].grube-special-input:not(:active)::-webkit-input-placeholder, input[type=email].grube-special-input:not(:active)::-webkit-input-placeholder, input.-qty.grube-special-input:not(:active)::-webkit-input-placeholder, .input[type=text].grube-special-input:not(:active)::-webkit-input-placeholder, .input[type=password].grube-special-input:not(:active)::-webkit-input-placeholder, .input[type=number].grube-special-input:not(:active)::-webkit-input-placeholder, .input[type=email].grube-special-input:not(:active)::-webkit-input-placeholder, .input.-qty.grube-special-input:not(:active)::-webkit-input-placeholder, input[type=text].grube-special-input:not([data-length])::-webkit-input-placeholder, input[type=password].grube-special-input:not([data-length])::-webkit-input-placeholder, input[type=number].grube-special-input:not([data-length])::-webkit-input-placeholder, input[type=email].grube-special-input:not([data-length])::-webkit-input-placeholder, input.-qty.grube-special-input:not([data-length])::-webkit-input-placeholder, .input[type=text].grube-special-input:not([data-length])::-webkit-input-placeholder, .input[type=password].grube-special-input:not([data-length])::-webkit-input-placeholder, .input[type=number].grube-special-input:not([data-length])::-webkit-input-placeholder, .input[type=email].grube-special-input:not([data-length])::-webkit-input-placeholder, .input.-qty.grube-special-input:not([data-length])::-webkit-input-placeholder {
  opacity: 0;
}

.select-wrapper .grube-special-select, .selector .input .grube-special-select {
  outline: none;
  color: #222222;
  padding-top: 13px;
  font-weight: 700;
}
.select-wrapper .grube-special-select + label, .selector .input .grube-special-select + label {
  position: absolute;
  left: calc(1rem + 1px);
  width: initial;
  color: #696969;
  white-space: nowrap;
  pointer-events: none;
  font-size: 11px;
  font-weight: 500;
  top: 0.5rem;
  transform: translateY(0);
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

input, .input {
  font-family: inherit;
}
input:-webkit-autofill, .input:-webkit-autofill {
  background-color: rgba(255, 192, 203, 0.5) !important;
  color: black;
}
input.faux, .input.faux {
  border: 1px solid #E0E0E0;
  border-radius: 8px;
  cursor: not-allowed;
  color: #696969;
  padding: 0 24px;
  background-color: #F6F6F6;
}
input.faux.small, .input.faux.small {
  border-width: 1px;
  font-size: 13px;
}
input.-qty, .input.-qty {
  padding: 0 5px;
  text-align: center;
  width: 60px;
  font-weight: 700;
  height: 40px;
}

textarea {
  -webkit-appearance: none;
  height: auto;
  white-space: normal;
  line-height: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  display: block;
}

.input-wrapper, .form-block > div {
  position: relative;
  margin-bottom: 1rem;
}
.input-wrapper .link, .form-block > div .link {
  font-size: 13px;
}
.input-wrapper.-checkbox .note, .form-block > div.-checkbox .note {
  margin-left: 24px;
  margin-top: 0;
}
.input-wrapper.-radiobutton-list .item, .form-block > div.-radiobutton-list .item {
  padding: 0.5rem;
  background-color: #ffffff;
}
.input-wrapper.-radiobutton-list .item > label, .form-block > div.-radiobutton-list .item > label {
  font-weight: 700;
  font-size: 16px;
}
.input-wrapper.-radiobutton-list .item .note-red ~ .note, .form-block > div.-radiobutton-list .item .note-red ~ .note {
  color: #DF0000;
}
.input-wrapper.-radiobutton-list .item > .inner, .form-block > div.-radiobutton-list .item > .inner {
  margin-left: 1.5rem;
  margin-top: 1rem;
}
.input-wrapper.-radiobutton-list .item.-selected, .form-block > div.-radiobutton-list .item.-selected {
  background: #f6f6f6;
}
.input-wrapper.-inline, .form-block > div.-inline {
  display: flex;
  margin-left: -5px;
  margin-right: -5px;
}
.input-wrapper.-inline .input-wrapper__item, .form-block > div.-inline .input-wrapper__item {
  margin-left: 5px;
  margin-right: 5px;
}
.input-wrapper.-datehour > .inner > *:last-child:not(:first-child), .form-block > div.-datehour > .inner > *:last-child:not(:first-child) {
  width: 50%;
}
.input-wrapper.-browse .browse-label, .form-block > div.-browse .browse-label {
  cursor: pointer;
  position: relative;
  z-index: 1;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 575px) {
  .input-wrapper.-browse .browse-label, .form-block > div.-browse .browse-label {
    white-space: pre-wrap !important;
    flex: 1;
  }
}
.input-wrapper.-browse input[type=file], .form-block > div.-browse input[type=file] {
  position: absolute;
  opacity: 0;
  z-index: -1;
  width: 0;
}
.input-wrapper.-quickorder, .form-block > div.-quickorder {
  width: 100%;
}
.input-wrapper.-quickorder .qty, .form-block > div.-quickorder .qty {
  width: 60px !important;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
}
.input-wrapper > .inner, .form-block > div > .inner {
  position: relative;
  margin-left: -5px;
  margin-right: -5px;
}
.input-wrapper > .inner > *, .form-block > div > .inner > * {
  margin-left: 5px;
  margin-right: 5px;
}
.input-wrapper .color-danger, .form-block > div .color-danger {
  font-size: 11px;
}
.input-wrapper label, .form-block > div label {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 0.25rem;
  font-size: 14px;
}
.input-wrapper input[type=text], .form-block > div input[type=text], .input-wrapper input[type=password], .form-block > div input[type=password] {
  width: 100%;
  min-width: 0;
}
.input-wrapper .note, .form-block > div .note {
  margin-top: 0.5em;
  color: #8D8D8D;
}

.input-text-group {
  display: flex;
  align-items: center;
}
.input-text-group .separator {
  position: relative;
}
.input-text-group .separator:before {
  display: flex;
  content: "";
  display: block;
  width: 1px;
  background: #E0E0E0;
  height: 1.5rem;
  position: absolute;
  transform: translateY(-50%);
}
.input-text-group > *:first-child {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-text-group > *:first-child:before {
  content: none;
}
.input-text-group > *:last-child {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-text-group > *:not(:first-child):not(:last-child) {
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

/* customDDL script helyett vs.js-ben apró script hozza ezt létre, és így tetszőlegesen formázható */
.select-wrapper, .selector .input {
  width: 100%;
  position: relative;
  display: inline-block;
}
.select-wrapper:after, .selector .input:after {
  content: "expand_more";
  position: absolute;
  height: 24px;
  right: 0.25rem;
  top: 0;
  bottom: 0;
  margin: auto;
  pointer-events: none;
}
.select-wrapper.multiple:after, .selector .multiple.input:after {
  display: none;
}
.select-wrapper.multiple select, .selector .multiple.input select {
  min-height: 94px;
  padding-right: 10px;
  padding-left: 10px;
}
.select-wrapper.multiple option, .selector .multiple.input option {
  padding: 5px 10px;
}
.select-wrapper > select, .selector .input > select, .select-wrapper > .select, .selector .input > .select {
  padding-right: calc(24px + 0.5rem);
  cursor: pointer;
}
.select-wrapper > select.-unselected, .selector .input > select.-unselected, .select-wrapper > .select.-unselected, .selector .input > .select.-unselected {
  color: rgba(34, 34, 34, 0.5);
}
.select-wrapper > select.-unselected option, .selector .input > select.-unselected option, .select-wrapper > .select.-unselected option, .selector .input > .select.-unselected option {
  color: #222222;
}
.select-wrapper > select::-ms-expand, .selector .input > select::-ms-expand, .select-wrapper > .select::-ms-expand, .selector .input > .select::-ms-expand {
  display: none;
}
.select-wrapper + .note, .selector .input + .note {
  margin-top: 0.5rem;
}

.option-list {
  background: #F6F6F6;
  width: 100%;
  max-height: 40rem;
  overflow: auto;
  overflow-y: overlay;
  scrollbar-color: #E0E0E0 #f4f7fc;
  scrollbar-width: thin;
}
.option-list::-webkit-scrollbar {
  width: 6px;
}
.option-list::-webkit-scrollbar-track {
  background: #f4f7fc;
  border-radius: 3px;
}
.option-list::-webkit-scrollbar-thumb {
  background: #E0E0E0;
  border-radius: 3px;
}
.option-list::-webkit-scrollbar-thumb:hover {
  background: rgb(198.5, 198.5, 198.5);
}
.option-list.-szallmod > .list-item > .head:before {
  display: none;
}
.option-list.-szallmod > .list-item > .head > .img-wrapper {
  border-radius: 0;
}
.option-list.-fizmod > .list-item > .head:before {
  display: none;
}
.option-list.-szallcim {
  max-height: 20rem;
  overflow: auto;
  overflow-y: overlay;
  overflow-x: hidden;
  position: relative;
}
.option-list.-szallcim::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.option-list.-szallcim::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.33);
}
.option-list.-szallcim::-webkit-scrollbar-thumb {
  background-color: #696969;
}
.option-list.-szallcim > .list-item > .head > .img-wrapper {
  border-radius: 0;
}
.option-list > .list-item {
  background: #ffffff;
  border-bottom: 1px solid #E0E0E0;
}
.option-list > .list-item:last-child {
  border-bottom: none;
}
.option-list > .list-item.-selected {
  border: 2px solid #222222;
  border-radius: 3px;
}
.option-list > .list-item.-selected > .head:before {
  background: #222222;
}
.option-list > .list-item > .head {
  padding: 1rem;
  position: relative;
}
.option-list > .list-item > .head > .img-wrapper {
  flex-shrink: 0;
  width: 2.25rem;
  height: 2.25rem;
  pointer-events: none;
  background: transparent;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
.option-list > .list-item > .head label {
  margin-bottom: 0;
}
.option-list > .list-item > .head label:before {
  margin-right: 1rem;
}
.option-list > .list-item > .head .details > .title {
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 0;
  padding-bottom: 0;
  line-height: 1em;
}
.option-list > .list-item > .head .details > .desc {
  font-size: 13px;
  margin-top: 0.5rem;
  line-height: 1em;
}
.option-list > .list-item > .head .details > .desc a {
  position: relative;
  z-index: 1;
}
.option-list > .list-item > .options {
  padding: 0 1rem 1rem 1rem;
}
.option-list > .list-item > .options .select-wrapper, .option-list > .list-item > .options .selector .input, .selector .option-list > .list-item > .options .input {
  color: #222222;
}
.option-list > .list-item > .options > .input-wrapper, .option-list > .list-item > .options.form-block > div {
  margin-bottom: 0;
}

.icons-wrapper {
  display: flex;
  align-items: center;
}
.icons-wrapper .icon, .icons-wrapper .accordion-header .toggler, .accordion-header .icons-wrapper .toggler {
  cursor: pointer !important;
}
.icons-wrapper > * {
  height: 24px;
  margin: 0 0.5rem;
}

.compare__head:after, .cards-container .card__email:before, .cards-container .card__mobile:before, .selector.-multi > .values > .value:after, .accessories-wrapper-outer .accessories-inner-wrapper .categories-wrapper .categories-list .item:after, .package-wizard-wrapper .package-wizard-inner-wrapper .items .p-item.-box .price-wrapper .price:after, .package-wizard-wrapper .package-wizard-inner-wrapper .categories-wrapper .categories-list .item:after, .votes .vote-item .inner > .content > .plus > span:first-child:before, .votes .vote-item .inner > .content > .minus > span:first-child:before, .stars > .star:before, .group-header:before, .spec-wrapper .item .value > li > span:before, .video-thumb:after, .pl-views .view:before, .color-and-size-picker .color-picker-pd > a:after, .p-item.-cod .img:after, .p-item.-shipping .img:after, .stock-wrapper > *:before, .search-suggestions .item--group > a:before, .search-form .clear, .search-form .action, .webmenu > li.expandable:after, .header-full-menu-mobile-popper .inner-wrapper > ul.webmenu li.expandable > a:after, .header-bottom-menu-tablet-wrapper .header-bottom-menu-popper .header-bottom-menu-tablet a:before, .header-menu .subnav a:before, .products-menu.-no-js > li > ul > li .subnav.contained-show-more .all-categories-toggle:after, .products-menu.-no-js > li > a:after, .pager .arrows-and-pages .arrow:before, .button:before, .button:after, .menu-icon:before, .icon:before, .accordion-header .toggler:before, .icon, .accordion-header .toggler, .owl-carousel .owl-nav button:after, #toTop:before, .smallThumbnails .item.video-item:before, .smallThumbnails .item.video-item:after, .GalleryPreview .owl-carousel .owl-nav > .owl-prev, .GalleryPreview .owl-carousel .owl-nav .owl-next, .gallery-hd .owl-nav > *, .popper .popped-close:after, .popper .popper__close:after, .popper .popper-close:after, .rendered .table-row .innerHead > *:first-child:before, .messages-container.expandable .message-item.expandable-item:after, .message-remove-icon:before, .share-popper .popped-close:after, .share-popper .popper__close:after, .share-popper .popper-close:after, .accordion .accordion-header:after, .no-result:before, .message.-with-icon:before, input[type=checkbox] + label:after, .input[type=checkbox] + label:after, .select-wrapper:after, .selector .input:after {
  font-family: "Material Symbols Outlined" !important;
  font-size: 24px;
  line-height: 1 !important;
  font-weight: normal;
  font-style: normal !important;
  border: none;
}

.stars > .star.active:before, .icon.-list.-active:before, .accordion-header .-list.-active.toggler:before, .icon.-fill, .accordion-header .-fill.toggler {
  font-family: "Material Symbols Outlined FILL" !important;
}

.icon.-lg:before, .accordion-header .-lg.toggler:before, .icon.-lg, .accordion-header .-lg.toggler {
  font-family: "Material Symbols Outlined 48" !important;
}

.icon, .accordion-header .toggler {
  width: 24px;
  height: 24px;
  box-shadow: none;
  display: inline-flex;
  align-items: center;
  padding: 0;
  flex-shrink: 0;
  flex-grow: 0;
  text-align: center;
  text-decoration: none !important;
  text-transform: none;
}
.icon:before, .accordion-header .toggler:before {
  display: block;
  color: #006B37;
}
.icon.-xs, .accordion-header .-xs.toggler {
  width: 16px;
  height: 16px;
  font-size: 16px;
}
.icon.-xs:before, .accordion-header .-xs.toggler:before {
  font-size: 16px;
}
.icon.-sm, .accordion-header .-sm.toggler {
  width: 20px;
  height: 20px;
  font-size: 20px;
}
.icon.-sm:before, .accordion-header .-sm.toggler:before {
  font-size: 20px;
}
.icon.-inherit-color:before, .accordion-header .-inherit-color.toggler:before {
  color: inherit;
}
.icon.-lg, .accordion-header .-lg.toggler {
  width: 40px;
  height: 40px;
  font-size: 40px;
}
.icon.-lg:before, .accordion-header .-lg.toggler:before {
  font-size: 40px;
}
.icon.-svg, .accordion-header .-svg.toggler {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px 24px;
  background-color: transparent;
}
.icon.-svg.-facebook, .accordion-header .-svg.-facebook.toggler {
  background-image: url(../images/facebook-logo-60px.svg);
}
.icon.-svg.-google, .accordion-header .-svg.-google.toggler {
  background-image: url(../images/google-logo-60px.svg);
}
.icon.-faux, .accordion-header .-faux.toggler, .gallery-hd .owl-nav > .icon.disabled, .gallery-hd .accordion-header .owl-nav > .disabled.toggler, .accordion-header .gallery-hd .owl-nav > .disabled.toggler {
  color: rgba(34, 34, 34, 0.5) !important;
}
.icon.-faux:before, .accordion-header .-faux.toggler:before, .gallery-hd .owl-nav > .icon.disabled:before, .gallery-hd .accordion-header .owl-nav > .disabled.toggler:before, .accordion-header .gallery-hd .owl-nav > .disabled.toggler:before {
  color: rgba(34, 34, 34, 0.5) !important;
}
.icon.-clear:before, .accordion-header .-clear.toggler:before, .icon.-remove:before, .accordion-header .-remove.toggler:before {
  content: "close";
  color: #DF0000;
}
.icon.-close:before, .accordion-header .-close.toggler:before {
  content: "close";
}
.icon.-compare:before, .accordion-header .-compare.toggler:before {
  content: "compare";
}
.icon.-compare.-active:before, .accordion-header .-compare.-active.toggler:before {
  color: #10AC4F;
}
.icon.-favorite:before, .accordion-header .-favorite.toggler:before {
  content: "favorite_border";
  color: #E0E0E0;
}
.icon.-favorite.-active:before, .accordion-header .-favorite.-active.toggler:before {
  content: "favorite";
  color: #DF0000;
}
.icon.-help, .accordion-header .-help.toggler {
  cursor: pointer;
}
.icon.-help:before, .accordion-header .-help.toggler:before {
  content: "help";
}
.icon.-info:before, .accordion-header .-info.toggler:before {
  content: "contact_support";
}
.icon.-minus:before, .accordion-header .-minus.toggler:before {
  content: "remove";
}
.icon.-plus:before, .accordion-header .-plus.toggler:before, .icon.-add:before, .accordion-header .-add.toggler:before {
  content: "add";
}
.icon.-pricenotify:before, .accordion-header .-pricenotify.toggler:before {
  content: "circle_notifications";
  font-weight: 500;
}
.icon.-stocknotify:before, .accordion-header .-stocknotify.toggler:before {
  content: "help";
}
.icon.-delete:before, .accordion-header .-delete.toggler:before {
  content: "delete";
  color: #DF0000;
}
.icon.-share:before, .accordion-header .-share.toggler:before {
  content: "share";
}
.icon.-list:before, .accordion-header .-list.toggler:before {
  content: "favorite";
}
.icon.-list.-active:before, .accordion-header .-list.-active.toggler:before {
  color: #FF3300;
}
.icon.-pdf:before, .accordion-header .-pdf.toggler:before {
  content: "text_snippet";
}
.icon.-issue:before, .accordion-header .-issue.toggler:before {
  content: "report";
}
.icon.-print:before, .accordion-header .-print.toggler:before {
  content: "print";
}
.icon.-admins:before, .accordion-header .-admins.toggler:before {
  content: "person";
}
.icon.-addresses:before, .accordion-header .-addresses.toggler:before {
  content: "place";
}
.icon.-see:before, .accordion-header .-see.toggler:before {
  content: "visibility";
}
.icon.-edit:before, .accordion-header .-edit.toggler:before {
  content: "edit";
}
.icon.-search:before, .accordion-header .-search.toggler:before {
  content: "search";
}

.clear-icon {
  background-image: url(../images/baseline-close-24px.svg);
}

.delete-icon {
  background-image: url(../images/ic_del_black_24.svg);
}

.add-icon {
  background-image: url(../images/ic_plus_dark_24px.svg);
}

button.icon, .accordion-header button.toggler {
  background-color: transparent;
}

.menu-icon {
  display: flex;
  gap: 15px;
  align-items: center;
}
.menu-icon.loading .loader {
  background-image: url(../images/grube-loader-icon-green-rounded.svg);
}
.menu-icon:before {
  width: 24px;
  height: 24px;
  color: #696969;
}
.menu-icon.receipt_long:before {
  content: "receipt_long";
}
.menu-icon.package:before {
  content: "package";
}
.menu-icon.approval_delegation:before {
  content: "approval_delegation";
}
.menu-icon.history_toggle_off:before {
  content: "history_toggle_off";
}
.menu-icon.track_changes:before {
  content: "track_changes";
}
.menu-icon.confirmation_number:before {
  content: "confirmation_number";
}
.menu-icon.settings:before {
  content: "settings";
}
.menu-icon.build:before {
  content: "build";
}
.menu-icon.assignment_return:before {
  content: "assignment_return";
}
.menu-icon.arrow_outward:before {
  content: "arrow_outward";
}

.button {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #006B37;
  color: #fff;
  white-space: nowrap;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  padding: 0 24px;
  height: 3rem;
  min-width: 224px;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
.button.loading {
  /* 2022grube: vs.loader.scss -ben definiált loaderhez override-ok - button loader */
  gap: 0.25rem;
}
.button.loading:before {
  font-size: 0 !important;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 8px;
  overflow: hidden;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(1px);
}
.button.loading .loader {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 2em;
  background-image: url(../images/grube-loader-icon-green-rounded.svg);
}
.button.-large {
  font-size: 16px;
  height: 60px;
  min-width: 300px;
}
.button:hover, .button.loader-active {
  background: rgb(0, 158, 81.214953271);
  color: #fff;
  text-decoration: none;
}
.button.-left-icon:after, .button.-back:after, .button.-left-icon:before, .button.-back:before {
  margin: 0 5px 0 -5px;
}
.button.-right-icon:after, .button.-forward:after, .button.-right-icon:before, .button.-forward:before {
  margin: 0 -5px 0 5px;
}
.button.-border {
  background: transparent;
  border: 2px solid #006B37;
  color: #006B37;
}
.button.-border.loading .loader {
  background-image: url(../images/grube-loader-icon-white-rounded.svg);
}
.button.-border:hover, .button.-border.loader-active {
  background: #006B37;
  color: #fff;
}
.button.-border:hover > *, .button.-border.loader-active > * {
  color: #fff;
}
.button.-secondary {
  background: #FF3300;
}
.button.-secondary:hover, .button.-secondary.loader-active {
  background: rgb(255, 91.8, 51);
}
.button.-secondary.-border {
  background: transparent;
  border: 2px solid #FF3300;
  color: #FF3300;
}
.button.-secondary.-border:hover, .button.-secondary.-border.loader-active {
  background: #FF3300;
  color: #fff;
}
.button.-success {
  background: #10AC4F;
}
.button.-success:hover, .button.-success.loader-active {
  background: rgb(20.3404255319, 218.6595744681, 100.4308510638);
}
.button.-success.-border {
  background: transparent;
  border: 2px solid #10AC4F;
  color: #10AC4F;
}
.button.-success.-border:hover, .button.-success.-border.loader-active {
  background: #10AC4F;
  color: #fff;
}
.button.-danger {
  background: #DF0000;
}
.button.-danger:hover, .button.-danger.loader-active {
  background: #ff1313;
}
.button.-danger.-border {
  background: transparent;
  border: 2px solid #DF0000;
  color: #DF0000;
}
.button.-danger.-border:hover, .button.-danger.-border.loader-active {
  background: #DF0000;
  color: #fff;
}
.button.-grey {
  background: #696969;
}
.button.-grey:hover, .button.-grey.loader-active {
  background: rgb(130.5, 130.5, 130.5);
}
.button.-grey.-border {
  background: transparent;
  border: 2px solid #696969;
  color: #696969;
}
.button.-grey.-border:hover, .button.-grey.-border.loader-active {
  background: #696969;
  color: #fff;
}
.button.-dark {
  background: #222222;
}
.button.-dark:hover, .button.-dark.loader-active {
  background: rgb(59.5, 59.5, 59.5);
}
.button.-dark.-border {
  background: transparent;
  border: 2px solid #222222;
  color: #222222;
}
.button.-dark.-border:hover, .button.-dark.-border.loader-active {
  background: #222222;
  color: #fff;
}
.button.-white {
  background: #fff;
  color: #006B37;
}
.button.-white:hover, .button.-white.loader-active {
  background: #fff;
  color: rgb(0, 56, 28.785046729);
}
.button.-white.-border {
  background: transparent;
  border: 2px solid #fff;
  color: #fff;
}
.button.-white.-border:hover, .button.-white.-border.loader-active {
  background: #fff;
  color: #006B37;
}
.button.-small {
  font-size: 13px;
  height: 30px !important;
  padding: 0 15px;
}
.button.-small:after, .button.-small:before {
  font-size: 20px;
}
.button.-medium {
  height: 40px;
}
.button.-autowidth {
  min-width: initial;
}
.button.-no-br {
  border-radius: 0 !important;
}
.button.-faux, .gallery-hd .owl-nav > .button.disabled, .button.loading, .button[disabled=disabled] {
  background: #E0E0E0 !important;
  opacity: 1;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  border-color: #E0E0E0 !important;
  color: #ffffff !important;
}
.button.-faux:hover, .gallery-hd .owl-nav > .button.disabled:hover, .button.loading:hover, .button[disabled=disabled]:hover {
  background: #E0E0E0 !important;
  opacity: 0.5;
}
.button.-faux > *, .gallery-hd .owl-nav > .button.disabled > *, .button.loading > *, .button[disabled=disabled] > * {
  cursor: not-allowed !important;
}
.button.-liked {
  cursor: default;
  background: #10AC4F;
}
.button.-liked:hover {
  background: #10AC4F;
}
.button.-delete {
  background: #DF0000;
}
.button.-delete:before {
  content: "delete";
  color: #ffffff;
}
.button.-pdf:before {
  content: "edit";
}
.button.-add:after {
  content: "add";
}
.button.-download:after {
  content: "file_download";
}
.button.-upload:after {
  content: "file_upload";
}
.button.-new:before {
  content: "add";
}
.button.-back:before {
  content: "arrow_back";
}
.button.-forward:after {
  content: "arrow_forward";
}
.button.-cart:before, .button.p-item.-cod:before, .button.p-item.-shipping:before {
  content: "local_mall";
}
.button.-favorite:before {
  content: "favorite_border";
}
.button.-clear, .button.-remove {
  background: #DF0000;
}
.button.-clear:before, .button.-remove:before {
  content: "close";
  color: #ffffff;
}
.button.-print:after {
  content: "print";
}

.plain-button, .jelszo_eml_link {
  font-weight: 700;
  font-size: 13px;
  color: #222222;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  margin: 0;
  border: 0;
  background: none;
  cursor: pointer;
  opacity: 1;
  position: relative;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.plain-button.loading > .loader-outer-wrapper, .loading.jelszo_eml_link > .loader-outer-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.5);
}
.plain-button.loading .loader, .loading.jelszo_eml_link .loader {
  background-image: url("../../../Content/images/grube-loader-icon-green-rounded.svg");
}
.plain-button:hover, .jelszo_eml_link:hover, .plain-button.loading, .loading.jelszo_eml_link {
  opacity: 0.9;
}

.cart-button {
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../images/baseline-shopping_cart-24px.svg);
  background-size: 24px 24px;
}

.filter {
  background: #F6F6F6;
  border-radius: 8px;
  margin-top: 24px;
  margin-bottom: 24px;
  padding: 24px 20px;
  column-gap: 1.5rem;
  flex-wrap: wrap;
}
.filter.-vertical {
  flex-direction: column;
  align-items: self-start;
  gap: 1.5rem;
}
.filter.-vertical .input-wrapper.-checkbox label, .filter.-vertical .form-block > div.-checkbox label {
  margin-bottom: 0;
}
.filter .group {
  flex-grow: 1;
  flex-basis: 0;
}
.filter .item {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
  position: relative;
  /*

  #### Checkbox függőleges igazítása a select-ekhez képest ####

  &.item-checkbox {
      transform: translateY(8px);

      @media only screen and (max-width: 767px) {
          transform: none;
      }
  }

  */
}
@media only screen and (max-width: 767px) {
  .filter .item {
    min-width: 240px;
  }
}
.filter .separator--y {
  width: 1px;
  position: relative;
  align-self: stretch;
  background: #E0E0E0;
  margin-left: 24px;
  margin-right: 24px;
}
.filter .input-wrapper, .filter .form-block > div {
  margin-bottom: 0;
}

/* special filters */
/* ALERT MESSAGES */
.messages-wrapper {
  list-style: none;
  margin: 0 0;
  padding: 0;
}
.messages-wrapper > li:not(.-border) {
  margin: 24px 0;
}
.messages-wrapper > li:not(.-border):last-child {
  margin-bottom: 0;
}
.messages-wrapper > li.-border {
  padding: 1.5rem 3rem 1.5rem 1.5rem;
}
.messages-wrapper > li p:last-child {
  margin-bottom: 0;
}

.message--to-cart ul > li > span.nostock {
  color: #DF0000;
}
.message--to-cart ul > li > span.onstock {
  color: #10AC4F;
}
.message--to-cart ul > li > span.tostock {
  color: #ffe000;
}

.alert-popper .popped-content {
  margin-right: 32px;
}
@media only screen and (min-width:576px) {
  .alert-popper {
    max-width: 546px;
  }
}
.alert-popper a {
  color: #ffffff;
}
.alert-popper a:hover, .alert-popper a:active {
  color: #ffffff;
}
.alert-popper p:first-child {
  margin-top: 0;
}
.alert-popper p:last-child {
  margin-bottom: 0;
}

.jelszo_eml_link {
  width: 100%;
}

/* INFOGROUP MODULE - számláim tetején pénzügyi információk, időarányos növekedés teteje és hasonlók */
.infogroup {
  margin-top: 12px;
  margin-bottom: 12px;
}
.infogroup > div {
  border-right: 1px solid #E0E0E0;
  flex-grow: 1;
  flex-basis: 0;
  text-align: center;
  padding: 24px;
}
.infogroup > div:last-child {
  border-right: 0 !important;
}
.infogroup > div > span {
  display: block;
}
@media only screen and (max-width: 991px) {
  .infogroup {
    flex-wrap: wrap;
  }
  .infogroup > div {
    flex-basis: 33%;
  }
  .infogroup > div:nth-child(3n) {
    border-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .infogroup > div {
    flex-basis: 50%;
  }
  .infogroup > div:nth-child(2n) {
    border-right: 0;
  }
  .infogroup > div:nth-child(3n) {
    border-right: 1px solid #E0E0E0;
  }
}

/* GRAPH MODULE */
.graph {
  margin: 0 0 24px 0;
  padding: 24px 0;
}
.graph > .item > .y {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.graph > .item > .x {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #E0E0E0;
}
.graph > .item > .x > * {
  position: relative;
  min-height: 20.8px;
  flex-basis: 0;
  flex-grow: 1;
  line-height: 1.6;
  white-space: nowrap;
}
.graph > .item > .x > *:first-child {
  flex-grow: 0;
}
.graph > .item > .x > *:first-child > * {
  transform: translateX(100%);
}
.graph > .item > .x > *:first-child > *:last-child:not(:first-child) {
  transform: translate(100%, 100%);
}
.graph > .item > .x > *:last-child > * {
  transform: translateX(0);
}
.graph > .item > .x > *:last-child > *:last-child:not(:first-child) {
  transform: translate(0, 100%);
}
.graph > .item > .x > * > * {
  position: absolute;
  right: 0;
  transform: translateX(50%);
}
.graph > .item > .x > * > *:last-child:not(:first-child) {
  transform: translate(50%, 100%);
}
.graph > .item > .x > *:after {
  content: "";
  width: 1px;
  height: 12px;
  background: #E0E0E0;
  top: -10px;
  right: 0;
  position: absolute;
}
.graph > .item > .x.-double > * {
  min-height: 44.8px;
}
.graph > .item > .bar {
  width: 100%;
  height: 10px;
  position: relative;
  margin: 8px 0;
  background: #F6F6F6;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.graph > .item > .bar > * {
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  top: 2px;
  left: 2px;
  position: absolute;
}
.graph > .item > .bar > * > * {
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #006B37;
  animation: ScaleBar 2.5s;
  transform-origin: left;
  animation-fill-mode: forwards;
}
.graph > .item > .bar > * > *:first-child {
  background: #E0E0E0;
}
.graph > .item > .bar > * > *:last-child {
  background: #006B37;
}

@keyframes ScaleBar {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(100%);
  }
}
/*hogy négyzet legyen*/
.square-boxes .image-with-text:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.square-boxes .image-with-text:hover img {
  left: -10px;
  top: -10px;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
}

.image-with-text {
  position: relative;
  width: 100%;
  overflow: hidden;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.image-with-text .title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 24px;
  color: #ffffff;
  font-size: 14px;
  text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.image-with-text .title h1, .image-with-text .title h2, .image-with-text .title h3, .image-with-text .title h4, .image-with-text .title h5, .image-with-text .title p {
  margin: 0;
  padding: 0;
}
.image-with-text .title p {
  font-size: 14px;
}
.image-with-text img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  max-width: initial;
  object-fit: cover;
  transition: 0.2s ease-in-out;
}
.image-with-text:hover img {
  object-position: bottom;
}
.image-with-text:hover .title {
  text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.8);
}

.slider-with-text {
  position: relative;
  display: block;
}
.slider-with-text span {
  position: absolute;
  padding-left: 7%;
  padding-right: 7%;
  width: 100%;
  left: 0;
  bottom: 14%;
  font-weight: 900;
  font-size: 4vw;
  line-height: 1.2em;
  color: #ffffff;
}
@media only screen and (min-width:1600px) {
  .slider-with-text span {
    font-size: 64px;
  }
}
@media only screen and (max-width: 575px) {
  .slider-with-text span {
    font-size: 9vw;
    padding-left: 5%;
    padding-right: 5%;
    left: 0;
    bottom: 8%;
  }
}

.pager {
  flex-grow: 1;
}
.pager .count {
  font-size: 13px;
  font-weight: 500;
}
.pager .arrows-and-pages .arrows {
  position: relative;
}
.pager .arrows-and-pages .arrow {
  text-decoration: none;
  color: #222222;
}
.pager .arrows-and-pages .arrow.disabled {
  pointer-events: none;
  color: #E0E0E0;
}
.pager .arrows-and-pages .arrow:before {
  font-family: "Material Symbols Outlined" !important;
}
.pager .arrows-and-pages .arrow.-first:before {
  content: "first_page";
}
.pager .arrows-and-pages .arrow.-prev {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.pager .arrows-and-pages .arrow.-prev:before {
  content: "arrow_back";
}
.pager .arrows-and-pages .arrow.-next {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.pager .arrows-and-pages .arrow.-next:before {
  content: "arrow_forward";
}
.pager .arrows-and-pages .arrow.-next:after {
  content: "";
  display: block;
  width: 1px;
  background: #E0E0E0;
  height: 1.5rem;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.pager .arrows-and-pages .arrow.-last:before {
  content: "last_page";
}
.pager .arrows-and-pages .pages .page, .pager .arrows-and-pages .pages .page.-last, .pager .arrows-and-pages .pages .page.-first {
  padding: 2px 3px;
  display: inline-block;
}
.pager .arrows-and-pages .pages .page.-selected {
  font-weight: 700;
  color: #006B37;
}
.pager .arrows-and-pages .pages .page.-first {
  margin-right: 5px;
}
.pager .arrows-and-pages .pages .page.-last {
  margin-left: 5px;
}
.pager .arrows-and-pages .goto-page {
  margin: 0 1rem;
}
.pager .arrows-and-pages .goto-page .goto-page-noinput {
  height: 40px;
  font-weight: 500;
  gap: 4px;
}
.pager .arrows-and-pages .goto-page .goto-page-noinput .field {
  padding: 0;
  margin: 0;
  max-width: 26px;
  height: 100%;
  border: none;
  background: transparent;
  text-align: right;
  font-weight: 500;
}

#pagerSize .select-wrapper, #pagerSize .selector .input, .selector #pagerSize .input {
  width: auto;
}

.yahoobar {
  margin-bottom: 32px;
}
.yahoobar > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
@media only screen and (max-width: 767px) {
  .yahoobar > div {
    justify-content: flex-start;
  }
}
.yahoobar > div > i {
  color: #696969;
  font-weight: 400;
}
.yahoobar > div > a {
  color: #696969;
  font-size: 13px;
  text-align: center;
}
.yahoobar > div > a:last-child {
  color: #222222;
  font-weight: 700;
}

nav[aria-label=breadcrumb] {
  margin: 1rem 0;
}
nav[aria-label=breadcrumb] > div {
  flex-wrap: wrap;
}
nav[aria-label=breadcrumb] > div > span:not([itemprop=itemListElement]) {
  margin: 0 5px;
}
@media only screen and (max-width: 767px) {
  nav[aria-label=breadcrumb].pd-breadcrumb > div > span:last-child, nav[aria-label=breadcrumb].pl-breadcrumb > div > span:nth-last-child(3) {
    display: block;
  }
  nav[aria-label=breadcrumb].pd-breadcrumb > div > span:last-child > a, nav[aria-label=breadcrumb].pl-breadcrumb > div > span:nth-last-child(3) > a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
  }
  nav[aria-label=breadcrumb].pd-breadcrumb > div > span:last-child > a:before, nav[aria-label=breadcrumb].pl-breadcrumb > div > span:nth-last-child(3) > a:before {
    content: "arrow_back";
    font-family: "Material Icons";
    font-weight: 400;
    font-size: 24px;
    line-height: 1.4;
    text-decoration: none;
    margin-right: 5px;
  }
  nav[aria-label=breadcrumb].pl-breadcrumb > div > span {
    display: none;
  }
  nav[aria-label=breadcrumb].pd-breadcrumb > div > span {
    display: none;
  }
}

main {
  padding-top: calc(var(--stickyHeight) + var(--gutter));
}
main.nocontainer {
  padding-top: calc(var(--stickyHeight));
}

.container-sticky-bottom {
  position: relative;
  min-height: calc(100vh - 30px);
  padding-bottom: 50px;
}

.products-menu-popper {
  padding: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  max-height: 80vh;
  min-height: 70vh;
  width: 100%;
  max-width: initial;
  scrollbar-color: #E0E0E0 #f4f7fc;
  scrollbar-width: thin;
  overflow-y: overlay;
}
.products-menu-popper::-webkit-scrollbar {
  width: 6px;
}
.products-menu-popper::-webkit-scrollbar-track {
  background: #f4f7fc;
  border-radius: 3px;
}
.products-menu-popper::-webkit-scrollbar-thumb {
  background: #E0E0E0;
  border-radius: 3px;
}
.products-menu-popper::-webkit-scrollbar-thumb:hover {
  background: rgb(198.5, 198.5, 198.5);
}

.products-menu {
  /*
  &:not(.-no-js) {
      align-items: flex-start;
      gap: $unit-3;
      // ezek akkor kellenek ha columnokat akarunk nem flex row-t
      display: block;
      column-count: 5;

      > li {
          // Ez a :not -os rész akkor kell ha columnok vannak, nem flex row
          &:not(:first-child) {
              margin-top: $unit-3;
          }

          > a {
              font-weight: $fw-bold;
              font-size: $fs-normal;
          }

          > ul {
              > li {
                  > a {
                      font-weight: $fw-semi-bold;
                      font-size: $fs-smaller;
                  }
              }
          }
      }

      a {
          color: $color-dark;
          font-size: $fs-small;
      }

      .subnav {
          list-style: none;
          padding: 0;

          .subnav {
              list-style: none;
              padding: 0;
              padding-left: $unit-2;
          }
      }
  }
  */
}
.products-menu.-no-js {
  position: initial;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 25%;
}
@media only screen and (max-width: 1199px) {
  .products-menu.-no-js {
    width: 30%;
  }
}
@media only screen and (max-width: 991px) {
  .products-menu.-no-js {
    width: 35%;
  }
}
.products-menu.-no-js ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.products-menu.-no-js a {
  color: #222222;
  font-size: 13px;
}
.products-menu.-no-js a:hover {
  color: #006B37;
}
.products-menu.-no-js > li {
  position: initial;
  display: flex;
  width: 100%;
}
.products-menu.-no-js > li > a {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding: 1rem;
  background: rgba(0, 107, 55, 0);
  border-right: 1px solid #E0E0E0;
  width: 100%;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.products-menu.-no-js > li > a:after {
  content: "chevron_right";
  color: inherit;
}
.products-menu.-no-js > li > a:before {
  content: "";
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0px;
  transition: all 0.5s;
  background: #FF3300;
}
.products-menu.-no-js > li > a {
  font-weight: 700;
  font-size: 16px;
}
.products-menu.-no-js > li > ul {
  /* IF inline-block */
  display: block;
  min-height: 100%;
  font-size: 0;
  /* IF FLEX
  display: flex;
  flex-wrap: wrap;
  row-gap: $unit-4;
  */
  /* IF GRID
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  row-gap: $unit-4;
  */
  /* IF COLUMNS 
  display: block;
  column-count: 4;
  */
  width: 0px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  left: 25%;
  top: 0;
  max-height: 100%;
  padding: 1.5rem 0;
  overflow-y: overlay;
  transition: all 0s;
  transition-delay: 0.5s;
  scrollbar-color: #E0E0E0 #f4f7fc;
  scrollbar-width: thin;
}
.products-menu.-no-js > li > ul::-webkit-scrollbar {
  width: 6px;
}
.products-menu.-no-js > li > ul::-webkit-scrollbar-track {
  background: #f4f7fc;
  border-radius: 3px;
}
.products-menu.-no-js > li > ul::-webkit-scrollbar-thumb {
  background: #E0E0E0;
  border-radius: 3px;
}
.products-menu.-no-js > li > ul::-webkit-scrollbar-thumb:hover {
  background: rgb(198.5, 198.5, 198.5);
}
@media only screen and (max-width: 1199px) {
  .products-menu.-no-js > li > ul {
    left: 30%;
  }
}
@media only screen and (max-width: 991px) {
  .products-menu.-no-js > li > ul {
    left: 35%;
  }
}
.products-menu.-no-js > li > ul > li {
  /* inline bloxkos működéshez */
  display: inline-block;
  margin-bottom: 1rem;
  vertical-align: top;
  /* inline bloxkos működéshez end */
  width: 25%;
  opacity: 0;
  transition: opacity 0.25s;
  transition-delay: 0.5s;
}
@media only screen and (max-width: 1199px) {
  .products-menu.-no-js > li > ul > li {
    width: 33.333%;
  }
}
@media only screen and (max-width: 991px) {
  .products-menu.-no-js > li > ul > li {
    width: 50%;
  }
}
.products-menu.-no-js > li > ul > li > a {
  display: inline-block;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 0.5rem;
  margin-right: 1rem;
}
.products-menu.-no-js > li > ul > li .subnav.contained-show-more > li {
  display: none;
}
.products-menu.-no-js > li > ul > li .subnav.contained-show-more > li:nth-child(-n+5) {
  display: block;
}
.products-menu.-no-js > li > ul > li .subnav.contained-show-more .all-categories-toggle {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-weight: 700;
}
.products-menu.-no-js > li > ul > li .subnav.contained-show-more .all-categories-toggle:after {
  display: inline-block;
  content: "expand_more";
  margin-left: 0.5rem;
  transform: rotate(0deg);
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.products-menu.-no-js > li > ul > li .subnav.contained-show-more.-open > li {
  display: block;
}
.products-menu.-no-js > li > ul > li .subnav.contained-show-more.-open .all-categories-toggle:after {
  transform: rotate(180deg);
}
.products-menu.-no-js > li > ul > li .subnav {
  flex-direction: column;
  display: flex;
  gap: 0.25rem;
}
.products-menu.-no-js > li > ul > li .subnav > li > a {
  display: inline-flex;
  align-items: center;
  /*
  &:before {
      @extend %iconfont;
      content: 'chevron_right';
      font-size: $icon-unit-xs;
  }
  */
}
.products-menu.-no-js > li > ul > li .subnav .subnav {
  padding-left: 0.5rem;
}
.products-menu.-no-js > li:hover > a, .products-menu.-no-js > li:focus-within > a {
  color: #ffffff;
  background: #006B37;
}
.products-menu.-no-js > li:hover > a:before, .products-menu.-no-js > li:focus-within > a:before {
  width: 100%;
}
.products-menu.-no-js > li:hover > ul, .products-menu.-no-js > li:focus-within > ul {
  width: 75%;
  opacity: 1;
  padding: 1.5rem;
}
@media only screen and (max-width: 1199px) {
  .products-menu.-no-js > li:hover > ul, .products-menu.-no-js > li:focus-within > ul {
    width: 70%;
  }
}
@media only screen and (max-width: 991px) {
  .products-menu.-no-js > li:hover > ul, .products-menu.-no-js > li:focus-within > ul {
    width: 65%;
  }
}
.products-menu.-no-js > li:hover > ul > li, .products-menu.-no-js > li:focus-within > ul > li {
  opacity: 1;
}

.shop-address {
  background: #F6F6F6;
  padding: 3rem 0;
}
@media only screen and (max-width: 991px) {
  .shop-address {
    padding-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .shop-address {
    padding-bottom: 0;
  }
}
.shop-address.-bg-white {
  background: #ffffff;
}
.shop-address .image, .shop-address .image-fullwidth {
  height: 100%;
  width: 100%;
  position: relative;
}
.shop-address .image img, .shop-address .image-fullwidth img {
  position: absolute;
  left: 0;
  top: 0;
  max-width: initial;
  min-width: initial;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.shop-address .image {
  min-height: 414px;
}
.shop-address .image-fullwidth {
  min-height: 185px;
}

.bg-color-light .shop-address {
  background: #ffffff;
}

header.header {
  background: #006B37;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 15;
}
header.header.fixed .header-top {
  gap: 1rem;
  margin: 0.5rem 0;
}
header.header.fixed .header-middle {
  margin-bottom: 1rem;
  gap: 1.5rem;
}
header.header.fixed .search-wrapper .search-form input[type=text] {
  height: 40px;
}
header.header.fixed .header-bottom {
  height: 3rem;
}
.header-top {
  gap: 1.5rem;
  margin: 1rem 0;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.header-top span, .header-top .header-top-content {
  color: #ffffff;
  font-size: 13px;
}
.header-top a {
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
}
.header-top > div {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.header-middle {
  margin-bottom: 1.5rem;
  gap: 2rem;
  flex-wrap: wrap;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
@media only screen and (min-width:992px) {
  .header-middle {
    flex-wrap: nowrap;
  }
}
@media only screen and (max-width: 767px) {
  .header-middle {
    margin-top: 1.5rem;
    gap: 1.5rem;
  }
}

.header-bottom {
  position: relative;
  height: 4rem;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
@media only screen and (max-width: 1199px) {
  .header-bottom {
    height: 3rem;
  }
}
.header-bottom > .container {
  height: 100%;
}
.header-bottom:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #006B37;
  mix-blend-mode: multiply;
  opacity: 0.25;
  z-index: -1;
}
.header-bottom .header-bottom-inner {
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  position: relative;
  gap: 40px;
  height: 100%;
}
.header-bottom .products-nav {
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  height: 100%;
}
.header-bottom .products-nav > div {
  height: 100%;
}
.header-bottom .products-nav .products-menu-icon {
  position: relative;
  display: flex;
  height: 100%;
  padding: 0 38px;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-weight: 700;
  background-color: #ffffff;
  color: #FF3300;
  cursor: pointer;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.header-bottom .products-nav .products-menu-icon:after {
  content: "";
  position: absolute;
  bottom: 0px;
  height: 2px;
  width: 0px;
  display: block;
  left: 0;
  background: #FF3300;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.header-bottom .products-nav .products-menu-icon:hover:after, .header-bottom .products-nav .products-menu-icon:focus-visible:after {
  width: 100%;
}
.header-bottom .products-nav .products-menu-icon i {
  margin-right: 0.5rem;
}
.header-bottom .webmenu > li.expandable:after {
  color: #ffffff;
}

.header-logo {
  width: 150px;
}
@media only screen and (max-width: 767px) {
  .header-logo {
    width: auto;
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
  }
  .header-logo i {
    color: #ffffff;
  }
  .header-logo:after {
    content: "";
    position: absolute;
    right: -10px;
    top: -5px;
    height: calc(100% + 10px);
    width: 1px;
    background: #006B37;
    mix-blend-mode: multiply;
    opacity: 0.5;
  }
}
.header-logo img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .header-logo img {
    width: 140px;
  }
}
@media only screen and (max-width: 389px) {
  .header-logo img {
    max-width: 110px;
  }
}
.header-bottom-menu-tablet-wrapper .header-bottom-menu-popper .header-bottom-menu-tablet a, .header-menu .subnav a {
  color: #222222;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 14px;
}
.header-bottom-menu-tablet-wrapper .header-bottom-menu-popper .header-bottom-menu-tablet a:before, .header-menu .subnav a:before {
  content: "stop";
  color: inherit;
  font-size: 16px;
}
.header-bottom-menu-tablet-wrapper .header-bottom-menu-popper .header-bottom-menu-tablet a:hover, .header-menu .subnav a:hover, .header-bottom-menu-tablet-wrapper .header-bottom-menu-popper .header-bottom-menu-tablet a:focus-visible, .header-menu .subnav a:focus-visible {
  color: #006B37;
}

.header-menu {
  gap: 40px;
  flex-grow: 0;
}
@media only screen and (max-width: 1599px) {
  .header-menu {
    gap: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .header-menu {
    display: none;
    overflow: visible;
    top: 100%;
    right: 0;
  }
}
@media only screen and (min-width:992px) {
  .header-menu {
    flex-grow: 1;
  }
}
.header-menu > li > a {
  color: #ffffff;
}
.header-menu > li > a:after {
  content: "";
  position: absolute;
  bottom: -2px;
  height: 2px;
  width: 0px;
  display: block;
  left: 0;
  background: #ffffff;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.header-menu > li > a:hover:after, .header-menu > li > a:focus-visible:after {
  width: 100%;
}
.header-menu .subnav {
  flex-direction: column;
  gap: 0.5rem;
}
.header-menu .subnav.popped {
  display: flex;
}
.header-menu .subnav li {
  display: flex;
  line-height: 1em;
}

.header-bottom-menu-tablet-wrapper {
  display: block;
}
@media only screen and (min-width:1200px) {
  .header-bottom-menu-tablet-wrapper {
    display: none;
  }
}
@media only screen and (min-width:576px) {
  .header-bottom-menu-tablet-wrapper .header-bottom-menu-icon {
    min-width: initial;
  }
}
.header-bottom-menu-tablet-wrapper .header-bottom-menu-popper {
  right: 0;
  overflow: visible;
  max-height: 50vh;
  overflow-y: overlay;
  scrollbar-color: #E0E0E0 #f4f7fc;
  scrollbar-width: thin;
}
.header-bottom-menu-tablet-wrapper .header-bottom-menu-popper::-webkit-scrollbar {
  width: 6px;
}
.header-bottom-menu-tablet-wrapper .header-bottom-menu-popper::-webkit-scrollbar-track {
  background: #f4f7fc;
  border-radius: 3px;
}
.header-bottom-menu-tablet-wrapper .header-bottom-menu-popper::-webkit-scrollbar-thumb {
  background: #E0E0E0;
  border-radius: 3px;
}
.header-bottom-menu-tablet-wrapper .header-bottom-menu-popper::-webkit-scrollbar-thumb:hover {
  background: rgb(198.5, 198.5, 198.5);
}
.header-bottom-menu-tablet-wrapper .header-bottom-menu-popper .header-bottom-menu-tablet {
  flex-direction: column;
  align-items: flex-start;
}
.header-bottom-menu-tablet-wrapper .header-bottom-menu-popper .header-bottom-menu-tablet > li > a {
  font-weight: 600;
}
.header-bottom-menu-tablet-wrapper .header-bottom-menu-popper .header-bottom-menu-tablet .subnav {
  padding: 0 0.5rem 0.5rem 1rem;
}

.header-full-menu-mobile-popper {
  padding: 1rem;
}
.header-full-menu-mobile-popper .inner-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.header-full-menu-mobile-popper .inner-wrapper > .logo {
  width: 140px;
  margin: 0 auto;
}
.header-full-menu-mobile-popper .inner-wrapper > ul.webmenu {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0;
}
.header-full-menu-mobile-popper .inner-wrapper > ul.webmenu > li a {
  font-weight: 700;
}
.header-full-menu-mobile-popper .inner-wrapper > ul.webmenu li {
  flex-direction: column;
  width: 100%;
}
.header-full-menu-mobile-popper .inner-wrapper > ul.webmenu li > a {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.5rem;
  background-color: #F6F6F6;
  color: #222222;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  margin-bottom: 0.25rem;
}
.header-full-menu-mobile-popper .inner-wrapper > ul.webmenu li.popped > a {
  background-color: #006B37;
  color: #ffffff;
}
.header-full-menu-mobile-popper .inner-wrapper > ul.webmenu li.expandable:after {
  content: none;
}
.header-full-menu-mobile-popper .inner-wrapper > ul.webmenu li.expandable > a:after {
  content: "expand_more";
  display: inline-block;
  transform: rotate(0deg);
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.header-full-menu-mobile-popper .inner-wrapper > ul.webmenu li.expandable.popped > a:after {
  transform: rotate(-180deg);
}
.header-full-menu-mobile-popper .inner-wrapper > ul.webmenu li ul {
  min-width: initial;
  max-width: initial;
  max-height: initial;
  width: calc(100% - 1rem);
  margin-left: 1rem;
  padding: 0;
  border-radius: 0;
  position: relative;
  list-style: none;
}
.header-full-menu-mobile-popper .inner-wrapper > ul.webmenu li ul li a {
  font-size: 14px;
}
.header-full-menu-mobile-popper .popper, .header-full-menu-mobile-popper .share-popper {
  box-shadow: none;
}

.header-icons {
  position: relative;
  gap: 2rem;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .header-icons {
    gap: 1rem;
    margin-left: auto;
  }
}
.header-icons .header-icon {
  color: #ffffff;
  display: flex;
  position: relative;
  bottom: 0;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.header-icons .login-box {
  display: flex;
}
.header-icons .login-box > i {
  color: #ffffff;
  cursor: pointer;
}
.header-icons .login-box > i.popped:before {
  content: "";
  position: absolute;
  display: block;
  left: 50%;
  top: 32px;
  width: 12px;
  height: 12px;
  background: #ffffff;
  background: #ffffff;
  transform: translate(-50%) rotate(45deg);
  z-index: 17;
  animation: ShowPopper 0.15s;
  animation-fill-mode: forwards;
}
/* általános keresés -> module/kereses.scss */
.search-wrapper {
  flex-grow: 1;
  max-width: 480px;
}
@media only screen and (max-width: 991px) {
  .search-wrapper {
    order: 1;
    max-width: 100%;
    width: 100%;
  }
}
.search-wrapper .search-form ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #006B37;
  opacity: 1; /* Firefox */
  text-align: center;
}
.search-wrapper .search-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #006B37;
  text-align: center;
}
.search-wrapper .search-form ::-ms-input-placeholder { /* Microsoft Edge */
  color: #006B37;
  text-align: center;
}
.search-wrapper .search-form input[type=text] {
  background: linear-gradient(269.22deg, #FFFFFF 0%, rgba(255, 255, 255, 0.85) 100%);
  border-radius: 100px;
  height: 56px;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  font-size: 16px;
}
@media only screen and (max-width: 767px) {
  .search-wrapper .search-form input[type=text] {
    height: 3rem;
    font-size: 14px;
  }
}
@media only screen and (min-width:768px) {
  .search-wrapper .search-form input[type=text]:placeholder-shown {
    padding-right: 1.5rem;
  }
  .search-wrapper .search-form input[type=text]:placeholder-shown + .action {
    right: 4rem;
  }
}
@media only screen and (min-width:768px) and (max-width: 1199px) {
  .search-wrapper .search-form input[type=text]:placeholder-shown + .action {
    right: 3rem;
  }
}
.search-wrapper .search-form input[type=text]:focus {
  background-color: #ffffff;
}

/*nyelv*/
@media only screen and (max-width: 575px) {
  .lang {
    flex: 1;
    margin-right: 1rem;
  }
}

@media only screen and (max-width: 575px) {
  .lang-button {
    width: 100%;
  }
}

/*login*/
.login-social {
  padding-top: 1rem;
  border-top: 1px solid #E0E0E0;
}
.login-social .title {
  color: #696969;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}
.login-social .social-wrapper {
  flex-direction: column !important;
  gap: 0.5rem;
}

footer {
  background: #ffffff;
  font-size: 13px;
  padding: 0 0 2rem 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
}
.footer-menu {
  background: #006B37;
  padding: 3rem 0 84px 0;
}
@media only screen and (max-width: 767px) {
  .footer-menu {
    text-align: center;
  }
}
.footer-menu .title {
  text-transform: uppercase;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 1rem;
}
.footer-menu .menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.footer-menu .menu li a {
  color: #ffffff;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .footer-menu .menu li a {
    font-size: 14px;
  }
}
.footer-menu .row {
  row-gap: 2rem;
}

.footer-bottom {
  background: #ffffff;
}
.footer-bottom .footer-logos {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1.5rem;
  padding: 1.5rem 0;
}
@media only screen and (max-width: 767px) {
  .footer-bottom .footer-logos {
    justify-content: center;
    text-align: center;
  }
}
.footer-bottom .footer-logos a {
  display: block;
}
.footer-bottom .footer-logos .grube {
  width: 152px;
}
.footer-bottom .footer-logos .otp-simplepay {
  width: 390px;
}
.footer-bottom .footer-credits {
  font-weight: 500;
  text-align: center;
}
.footer-bottom .footer-vs {
  font-weight: 400;
  color: #696969;
  text-align: center;
}

.sticky-footer {
  position: absolute;
  bottom: 0;
}

.webmenu > li {
  position: relative;
}
.webmenu > li.expandable:after {
  color: #006B37;
  content: "expand_more";
  display: block;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.webmenu > li.expandable.popped:after {
  transform: rotate(180deg);
}
.webmenu > li.-highlight > a {
  color: #FF3300;
  font-weight: 700;
  padding: 0.5rem;
  background: #ffffff;
  border-radius: 8px;
}
.webmenu > li > ul {
  padding: 20px;
  left: 0;
  top: 100%;
}

.search-form {
  flex-grow: 1;
  position: relative;
  z-index: 1;
}
.search-form input[type=text] {
  padding-right: 40px;
}
.search-form .action {
  display: flex;
  align-items: center;
  position: absolute;
  right: 0.5rem;
  top: 0;
  bottom: 0;
  margin: auto;
  background: none;
  cursor: pointer;
  color: #006B37;
  text-decoration: none;
}
.search-form .action:before {
  content: "search";
}
.search-form .action:focus {
  outline: none;
}
.search-form .clear {
  cursor: pointer;
  color: #DF0000;
  position: absolute;
  right: 2rem;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 1.5rem;
}
.search-form .clear:before {
  content: "close";
}
.search-form .loader-outer-wrapper {
  position: absolute;
  top: 0;
  right: 2rem;
  height: 100%;
  display: flex;
  align-items: center;
}
.search-form.-loading .search-panel:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(246, 246, 246, 0.5);
  border-radius: 8px;
  cursor: no-drop;
}

.search-backdrop {
  position: fixed;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.search-panel {
  position: absolute;
  z-index: 15;
  background: white;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1), 0 5px 10px rgba(0, 0, 0, 0.1);
  width: 100%;
  top: 100%;
  border-radius: 8px;
  margin-top: 0.5rem;
}
.search-panel.unpopped {
  display: none;
}

.search-suggestions {
  scrollbar-color: #E0E0E0 #f4f7fc;
  scrollbar-width: thin;
  padding: 24px;
  max-height: calc(100vh - 40px);
  overflow: auto;
}
.search-suggestions::-webkit-scrollbar {
  width: 6px;
}
.search-suggestions::-webkit-scrollbar-track {
  background: #f4f7fc;
  border-radius: 3px;
}
.search-suggestions::-webkit-scrollbar-thumb {
  background: #E0E0E0;
  border-radius: 3px;
}
.search-suggestions::-webkit-scrollbar-thumb:hover {
  background: rgb(198.5, 198.5, 198.5);
}
.search-suggestions .title {
  font-weight: 700;
  text-transform: uppercase;
}
.search-suggestions .item > a, .search-suggestions .more > a {
  display: block;
}
.search-suggestions .item.selected, .search-suggestions .more.selected {
  background-color: #F6F6F6;
}
.search-suggestions .item--group {
  display: flex;
  line-height: 1em;
  margin: 0.5rem 0;
}
.search-suggestions .item--group > a {
  display: inline-flex;
  align-items: center;
  color: #222222;
  gap: 0.25rem;
}
.search-suggestions .item--group > a:before {
  content: "stop";
  font-size: 16px;
  color: #006B37;
}
.search-suggestions .item--group > a:hover {
  color: #006B37;
}

.search-history {
  display: none;
  padding: 24px;
}
.search-history .title {
  font-weight: 700;
  text-transform: uppercase;
}
.search-history .content {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.search-history .content a {
  padding: 0.25rem;
  background: #F6F6F6;
  border-radius: 4px;
  color: #696969;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.search-history .content a:hover {
  background: white;
}

.sale-wrapper .sale-item {
  margin-bottom: 2rem;
}
.sale-wrapper .sale-item.-torzsvasarloi .sale-item-inner {
  border: 2px solid #006B37;
}
.sale-wrapper .sale-item .sale-item-inner {
  border: 1px solid rgba(224, 224, 224, 0);
  height: 100%;
  background: #F6F6F6;
  overflow: hidden;
  border-radius: 0px;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.sale-wrapper .sale-item:hover .sale-item-inner {
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.15), 0px 1px 4px rgba(0, 0, 0, 0.15);
}
.sale-wrapper .sale-item:hover .title {
  text-decoration: none;
}
.sale-wrapper .sale-item .img {
  padding-bottom: 50%;
}
.sale-wrapper .sale-item .details {
  padding: 1rem 1.5rem 1.5rem 1.5rem;
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 1rem;
}
.sale-wrapper .sale-item .title {
  margin: 0;
  color: #222222;
  font-size: 20px;
  font-weight: 700;
  line-height: 1em;
  text-transform: uppercase;
}
.sale-wrapper .sale-item .desc {
  margin: 0;
  color: #696969;
  font-weight: 400;
}
.sale-head {
  position: relative;
}
.sale-head.-points .dates-wrapper {
  flex-wrap: wrap;
}
.sale-head.-points .dates-wrapper .date {
  width: 100%;
}
.sale-head .tab {
  padding: 1rem;
}

.sale-counter {
  color: #DF0000;
}

.sale-point-type > div {
  font-size: 13px;
  font-weight: 600;
  padding: 0.25rem;
  display: inline-block;
  background: #FF3300;
  color: #ffffff;
  border-radius: 8px;
}

/* BLOG GLOBAL */
.tags {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}
.tags .item {
  background: #F6F6F6;
  border: 1px solid #E0E0E0;
  border-radius: 8px;
  color: #222222;
  margin: 0 0.5rem 0.5rem 0 !important;
  padding: 0.25rem 0.5rem;
  font-size: 13px;
}
.tags .item .qty {
  color: #696969;
  font-size: 13px;
}
.tags .item.-selected {
  border-color: #006B37;
  background-color: #006B37;
  color: #ffffff;
}
.tags .item.-selected .qty {
  color: #F6F6F6;
}

.blog-filters {
  background: #ffffff;
  padding: 1.5rem;
}
.blog-filters .input-wrapper, .blog-filters .form-block > div {
  margin-bottom: 0;
}
.blog-filters .filter-title {
  padding: 0 0 0.5rem 0;
  margin: 0;
  font-size: 13px;
  text-transform: uppercase;
}

.blog-search .input-wrapper, .blog-search .form-block > div {
  width: 100%;
  margin-bottom: 0;
}
.blog-search .action {
  right: 1rem;
}

/* BLOG LIST */
.blog-list .subtitle {
  font-size: 16px;
}

.blog-posts > .row {
  row-gap: 1.5rem;
}
.blog-posts .blog-posts-item {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  height: 100%;
}
.blog-posts .blog-posts-item .image-wrapper {
  position: relative;
  overflow: hidden;
}
.blog-posts .blog-posts-item .image-wrapper .img {
  padding-bottom: 50%;
}
.blog-posts .blog-posts-item .image-wrapper img {
  width: 100%;
  object-position: center;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.blog-posts .blog-posts-item .image-wrapper .category {
  position: absolute;
  left: 1rem;
  bottom: 1rem;
  background: #ffffff;
  color: #222222;
  font-weight: 600;
  font-size: 13px;
  padding: 0.5rem;
}
.blog-posts .blog-posts-item .image-wrapper .category a {
  color: inherit;
}
.blog-posts .blog-posts-item .meta {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex-grow: 1;
  padding: 1rem;
}
.blog-posts .blog-posts-item .meta .title {
  margin: 0;
  color: #222222;
  font-size: 24px;
  font-weight: 800;
  line-height: 1em;
}
.blog-posts .blog-posts-item .meta .subtitle {
  margin: 0;
  color: #696969;
  font-weight: 400;
}
.blog-posts .blog-posts-item .meta h1, .blog-posts .blog-posts-item .meta h2, .blog-posts .blog-posts-item .meta h3 {
  margin: 0;
}
.blog-posts .blog-posts-item .meta .bottom-bar {
  display: flex;
  justify-content: space-between;
  margin-top: auto;
  font-size: 13px;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.blog-posts.-post-list .blog-posts-item {
  border: 1px solid rgba(0, 0, 0, 0.12);
  overflow: hidden;
  border-radius: 0px;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.blog-posts.-post-list .blog-posts-item:hover {
  border-radius: 8px;
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.15), 0px 1px 4px rgba(0, 0, 0, 0.15);
}
.blog-posts.-post-list .blog-posts-item:hover .image-wrapper .img img {
  object-position: bottom;
}
.blog-posts.-single-post .blog-posts-item {
  height: initial;
}
.blog-posts.-single-post .blog-posts-item .title {
  font-size: 32px;
}
.blog-posts.-single-post .blog-posts-item .subtitle {
  font-weight: 500;
}

/* BLOG COMMENTS */
.comments-wrapper .item {
  display: flex;
  gap: 1rem;
  flex-direction: column;
  margin-top: 24px;
  margin-bottom: 24px;
  padding: 1.5rem;
  background: #ffffff;
}
@media only screen and (max-width: 575px) {
  .comments-wrapper .item .author-and-date {
    flex-direction: column;
    align-items: flex-start;
  }
}
.comments-wrapper .item .author-and-date .author {
  font-weight: 700;
}
.comments-wrapper .item .author-and-date .date {
  font-size: 13px;
}
.comments-wrapper .item .social .like-count {
  font-size: 13px;
}

/*főoldali blog sablon*/
.blog-item:hover {
  text-decoration: none;
}
.blog-item:hover.-box .image-wrapper .img img {
  object-position: bottom;
}
.blog-item.-box {
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(0, 0, 0, 0.12);
  height: 100%;
}
.blog-item.-box.-horizontal {
  flex-direction: row;
}
.blog-item.-box.-horizontal .image-wrapper {
  width: 50%;
}
.blog-item.-box.-horizontal .meta {
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .blog-item.-box.-horizontal {
    flex-direction: column;
  }
  .blog-item.-box.-horizontal .image-wrapper {
    width: 100%;
  }
  .blog-item.-box.-horizontal .meta {
    width: 100%;
  }
}
.blog-item.-box .image-wrapper {
  position: relative;
}
.blog-item.-box .image-wrapper .category {
  position: absolute;
  left: 1rem;
  bottom: 1rem;
  background: #ffffff;
  color: #222222;
  font-weight: 600;
  font-size: 13px;
  padding: 0.5rem;
}
.blog-item.-box .image-wrapper .img {
  padding-bottom: 56%;
}
.blog-item.-box .image-wrapper .img img {
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  object-position: center;
}
.blog-item.-box .meta {
  padding: 1rem 1.5rem 1.5rem 1.5rem;
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 1rem;
  height: 100%;
}
.blog-item.-box .meta .title {
  margin: 0;
  color: #222222;
  font-size: 24px;
  font-weight: 800;
  line-height: 1em;
  text-transform: uppercase;
}
.blog-item.-box .meta .text p {
  margin: 0;
  color: #696969;
  font-weight: 400;
}

.html-template {
  display: flex;
  gap: 3rem;
  flex-direction: column;
  margin-bottom: 3rem;
}
.html-template .fullwidth-wrapper {
  margin: 0 auto;
  max-width: 1440px;
}
.html-template .fullwidth-wrapper img {
  width: 100%;
  min-height: 320px;
  object-fit: cover;
}
.html-template .header-wrapper {
  text-align: center;
}
.html-template .header-wrapper .header-content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  justify-content: center;
  align-items: center;
}
.html-template .header-wrapper .header-content h1 {
  margin: 0;
}
.html-template .header-wrapper .header-content .lead {
  max-width: 840px;
}
.html-template .header-wrapper img {
  max-width: 250px;
  max-height: 200px;
  object-fit: contain;
  margin-top: 0.5rem;
}
.html-template .header-wrapper p {
  margin-bottom: 0px;
  font-size: 20px;
  line-height: 160%;
}
.html-template .main-wrapper {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.html-template .main-wrapper p {
  line-height: 150%;
  margin-bottom: 1.5rem;
}
.html-template .main-wrapper .content-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.html-template .main-wrapper .img-wrapper {
  height: 100%;
  min-height: 320px;
  width: 100%;
  overflow: hidden;
  position: relative;
  background-size: cover;
  background-position: center;
}
.html-template .main-wrapper .img-wrapper img {
  object-fit: cover;
  object-position: center;
}
.html-template .footer-wrapper {
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: 2rem;
}
.html-template .footer-wrapper .social-icons {
  display: flex;
  gap: 2rem;
  justify-content: center;
  flex-grow: 0;
}
.html-template .footer-wrapper .social-icons a {
  color: #222222;
}
.html-template .row.bg {
  position: relative;
}
.html-template .row.bg:after {
  content: "";
  display: block;
  position: absolute;
  left: -100%;
  width: 300%;
  height: 100%;
  background: #F6F6F6;
  z-index: -1;
}

/***** GDPR KÉRELEM OLDAL *****/
/***** GDPR KÉRELEM OLDAL vége*****/
/***** GDPR NYILATKOZAT ELFOGADAS OLDAL ******/
.gdpr-accept .inner .item .link {
  padding-left: calc(20px + 10px);
}

/***** GDPR NYILATKOZAT ELFOGADAS OLDAL vége******/
/**** GDPR NYILATKOZAT SZÖVEGE OLDAL ****/
/**** GDPR NYILATKOZAT SZÖVEGE OLDAL vége****/
.lab-zarunk {
  background: #DF0000;
  border-radius: 8px;
  color: #fff;
  padding: 0.25rem 0.5rem;
  font-size: 13px;
  margin-bottom: 0.5rem;
}

.package-qty {
  padding: 6px;
  background-color: #F6F6F6;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 0.25rem;
  margin-right: 0.25rem;
  text-transform: uppercase;
  position: absolute;
  right: 0.5rem;
  bottom: 0.5rem;
  background: #FF3300;
  color: #ffffff;
  z-index: 1;
  min-width: initial !important;
}

.price-wrapper > .price {
  font-size: 16px;
  white-space: nowrap;
}
.price-wrapper > .price.-original {
  text-decoration: line-through;
  color: #8D8D8D;
}
.price-wrapper > .price.-onsale {
  font-size: 20px;
  font-weight: 700;
  color: #DF0000;
}
.price-wrapper > .price.-onsale.-torzsvasarloi {
  color: #006B37 !important;
}
.price-wrapper > .price.-normal {
  font-size: 20px;
  font-weight: 700;
  color: #222222;
}
.price-wrapper > .price.-total {
  font-weight: 700;
  font-size: 16px;
}
.price-wrapper > .price.-unit {
  color: #696969;
  font-size: 13px;
}
.price-wrapper.-large > .price {
  font-size: 32px;
  font-weight: 700;
}
.price-wrapper.-large > .price.-original {
  font-size: 16px;
  font-weight: 500;
}
.price-wrapper.-large > .price.-onsale {
  font-size: 32px;
  font-weight: 700;
}
.price-wrapper.-large > .price.-normal {
  font-size: 32px;
  font-weight: 700;
}
.price-wrapper.-large > .price.-total {
  font-size: 32px;
  font-weight: 700;
}
.price-wrapper > span {
  font-size: 11px;
  color: #696969;
}
.price-wrapper .percent-calculated {
  display: inline-flex;
  background: #DF0000;
  color: white;
  padding: 0.25rem;
  margin-left: 0.25rem;
}
.price-wrapper .percent-calculated.-torzsvasarloi {
  background: #006B37;
}

.labels-wrapper {
  justify-content: flex-start;
  flex-wrap: wrap;
}
.labels-wrapper .extra-labels {
  display: inline-flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
.labels-wrapper .extra-labels > .label.-zöld {
  background-color: #006B37;
  color: #ffffff;
}
.labels-wrapper .extra-labels > .label.-piros {
  background-color: #DF0000;
  color: #ffffff;
}
.labels-wrapper .extra-labels > .label.-narancs {
  background-color: #FF3300;
  color: #ffffff;
}
.labels-wrapper .extra-labels > .label.-sötétszürke {
  background-color: #222222;
  color: #ffffff;
}
.labels-wrapper .extra-labels > .label.-világoszöld {
  background-color: #10AC4F;
  color: #ffffff;
}
.labels-wrapper .extra-labels > .label.-sárga {
  background-color: #FAFF00;
  color: #222222;
}
.labels-wrapper > .label, .labels-wrapper .extra-labels > .label {
  padding: 6px;
  background-color: #F6F6F6;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 0.25rem;
  margin-right: 0.25rem;
  text-transform: uppercase;
  position: relative;
}
.labels-wrapper > .label a, .labels-wrapper .extra-labels > .label a {
  color: inherit;
  display: inline-flex;
  align-items: center;
}
.labels-wrapper > .label.-new, .labels-wrapper .extra-labels > .label.-new {
  background-color: #006B37;
  color: #ffffff;
}
.labels-wrapper > .label.-sale, .labels-wrapper .extra-labels > .label.-sale {
  background-color: #DF0000;
  color: #ffffff;
}
.labels-wrapper > .label.-sale.-gift, .labels-wrapper .extra-labels > .label.-sale.-gift {
  position: relative;
}
.labels-wrapper > .label.-sale.-gift:hover .gift-img, .labels-wrapper .extra-labels > .label.-sale.-gift:hover .gift-img {
  display: flex;
}
.labels-wrapper > .label.-sale.-gift .gift-img, .labels-wrapper .extra-labels > .label.-sale.-gift .gift-img {
  position: relative;
  width: auto;
  height: auto;
  display: none;
  padding: 0.5rem;
  border: 1px solid #E0E0E0;
  background: white;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  z-index: 2;
}
.labels-wrapper > .label.-sale.-gift .gift-img img, .labels-wrapper .extra-labels > .label.-sale.-gift .gift-img img {
  max-width: 100px;
  max-height: 100px;
  pointer-events: none;
}
.labels-wrapper > .label.-sale.-qty .tooltip, .labels-wrapper .extra-labels > .label.-sale.-qty .tooltip {
  text-align: center;
  width: 270px;
}
.labels-wrapper > .label.-pack, .labels-wrapper .extra-labels > .label.-pack {
  background-color: #006B37;
  color: #ffffff;
  white-space: nowrap;
}
.labels-wrapper > .label.-points, .labels-wrapper .extra-labels > .label.-points {
  color: #ffffff;
  background-color: #FF3300;
}
.labels-wrapper > .label .tooltip, .labels-wrapper .extra-labels > .label .tooltip {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  max-height: 0px;
  overflow: overlay;
  background-color: #ffffff;
  color: #222222;
  border: 2px solid #DF0000;
  border-radius: 8px;
  padding: 0.5rem;
  scrollbar-color: #E0E0E0 #f4f7fc;
  scrollbar-width: thin;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.labels-wrapper > .label .tooltip::-webkit-scrollbar, .labels-wrapper .extra-labels > .label .tooltip::-webkit-scrollbar {
  width: 6px;
}
.labels-wrapper > .label .tooltip::-webkit-scrollbar-track, .labels-wrapper .extra-labels > .label .tooltip::-webkit-scrollbar-track {
  background: #f4f7fc;
  border-radius: 3px;
}
.labels-wrapper > .label .tooltip::-webkit-scrollbar-thumb, .labels-wrapper .extra-labels > .label .tooltip::-webkit-scrollbar-thumb {
  background: #E0E0E0;
  border-radius: 3px;
}
.labels-wrapper > .label .tooltip::-webkit-scrollbar-thumb:hover, .labels-wrapper .extra-labels > .label .tooltip::-webkit-scrollbar-thumb:hover {
  background: rgb(198.5, 198.5, 198.5);
}
.labels-wrapper > .label:hover .tooltip, .labels-wrapper .extra-labels > .label:hover .tooltip {
  max-height: 300px;
  max-width: 270px;
  opacity: 1;
  top: calc(100% + 0.25rem);
}
.labels-wrapper > .label.-torzsvasarloi, .labels-wrapper .extra-labels > .label.-torzsvasarloi {
  background: #006B37 !important;
  color: #ffffff !important;
}
.labels-wrapper > .label.-torzsvasarloi .tooltip, .labels-wrapper .extra-labels > .label.-torzsvasarloi .tooltip {
  border-color: #006B37;
}

.stock-wrapper > * {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  position: relative;
  font-weight: 700;
  font-size: 16px;
  /* pureshopos stock classok, vszeg nem kell */
  /* BENTI grube O8-ban beállítva, kint is majd meg kell csinálni */
}
.stock-wrapper > * > span {
  color: #222222;
}
.stock-wrapper > *.-small {
  gap: 0.25rem;
  font-weight: 500;
  font-size: 13px;
}
.stock-wrapper > *.-small:before {
  font-size: 20px;
}
.stock-wrapper > *:before {
  content: "done";
}
.stock-wrapper > *.onstock {
  color: #10AC4F;
}
.stock-wrapper > *.nostock {
  color: #DF0000;
}
.stock-wrapper > *.tostock {
  color: #ffe000;
}
.stock-wrapper > *.green-stock {
  color: #10AC4F;
}
.stock-wrapper > *.green-stock:before {
  content: "done_all";
}
.stock-wrapper > *.green-stock-dark {
  color: #006B37;
}
.stock-wrapper > *.grey-stock {
  color: #696969;
}
.stock-wrapper > *.orange-stock {
  color: #FF3300;
}
.stock-wrapper > *.orange-stock.on-order:before {
  content: "mark_email_read";
}
.stock-wrapper > *.red-stock {
  color: #DF0000;
}
.stock-wrapper > *.red-stock:before {
  content: "do_not_disturb_on";
}
.stock-wrapper > *.blue-stock {
  color: #2ca5f9;
}
.stock-wrapper > *.yellow-stock {
  color: #d5de43;
}

.p-item-outer {
  /* Ez csak akkor kell, ha van főcikk megjelenítés a csomagvarázslóban
  &.-package-wizard {
      display: inline-flex;
      align-items: center;
      gap: $unit-2;

      > .icon {
          font-size: $fs-huge;
          height: $fs-huge;
          width: $fs-huge;
          color: $color-primary;
      }
  }
  */
}
.p-item-outer.-box > div {
  height: 100%;
}

/* itt a grubén kívülre kerül a clone wrapper */
@media only screen and (min-width:768px) {
  .clone {
    position: relative;
    z-index: 16;
  }
  .clone > .p-item.-box {
    position: absolute;
    top: 0;
    left: 0;
    background: white;
    width: 100%;
    max-height: 570px;
  }
  .clone > .p-item.-box .show-on-clone {
    display: flex;
  }
  .clone > .p-item.-box .hide-on-clone {
    display: none;
  }
}

.p-item {
  position: relative;
  /* Ez csak akkor kell, ha van főcikk megjelenítés a csomagvarázslóban
  &.-package-wizard {
      background: $color-white;
      padding: $unit-2;
      gap: $unit-2;
      flex-wrap: nowrap;

      .title {
          color: $color-dark;
          font-weight: $fw-medium;
      }

      .img {
          width: 80px;
          padding-bottom: 80px;
      }
  }
  */
}
@media only screen and (max-width: 767px) {
  .p-item {
    flex-wrap: wrap;
  }
}
.p-item.-box {
  flex-direction: column;
  gap: 0.5rem;
  padding: 12px;
  text-align: center;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  background-color: #ffffff;
  min-height: 100%;
  border-radius: 0;
  overflow: hidden;
  max-height: 100%;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.p-item.-box:not(.-nohover):hover {
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.15), 0px 1px 4px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
}
.p-item.-box.-banner {
  align-self: stretch;
  padding: 0;
  margin: 0;
  height: 100%;
  width: 100%;
}
.p-item.-box.-banner > div {
  height: 100%;
}
.p-item.-box.-banner .img {
  height: 100%;
}
.p-item.-box.-banner .img > .inner img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-item.-box.-used input[type=number] {
  width: 70px;
}
.p-item.-box.-used .details {
  font-size: 13px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.p-item.-box.-used .shop {
  gap: 0.5rem;
}
.p-item.-box.-zoomy-hover .img img {
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.p-item.-box.-zoomy-hover:hover .img img {
  max-width: 105%;
  max-height: 105%;
  left: -2.5%;
  top: -2.5%;
}
.p-item.-box > * {
  min-width: 100%;
}
.p-item.-box > .shop {
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  flex-grow: 1;
}
.p-item.-box > .shop .sale-wrapper {
  width: 100%;
}
.p-item.-box > .shop .price-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.p-item.-box > .shop .price-wrapper .price {
  font-size: 16px;
  font-weight: 700;
}
.p-item.-box > .shop .price-wrapper .price.-original {
  font-size: 13px;
  font-weight: 400;
}
.p-item.-box .show-on-clone {
  display: none;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  border-top: 1px solid #E0E0E0;
  padding-top: 12px;
  max-height: 160px;
  overflow-y: overlay;
  scrollbar-color: #E0E0E0 #f4f7fc;
  scrollbar-width: thin;
  transition: none;
}
.p-item.-box .show-on-clone::-webkit-scrollbar {
  width: 6px;
}
.p-item.-box .show-on-clone::-webkit-scrollbar-track {
  background: #f4f7fc;
  border-radius: 3px;
}
.p-item.-box .show-on-clone::-webkit-scrollbar-thumb {
  background: #E0E0E0;
  border-radius: 3px;
}
.p-item.-box .show-on-clone::-webkit-scrollbar-thumb:hover {
  background: rgb(198.5, 198.5, 198.5);
}
.p-item.-box .show-on-clone .picker-title {
  font-size: 13px;
  color: #8D8D8D;
  text-align: center;
}
.p-item.-box .hide-on-clone {
  display: flex;
  margin-top: auto;
}
.p-item.-box .title {
  font-size: 13px;
  font-weight: 500;
  color: #222222;
}
.p-item.-box .labels-wrapper {
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
}
.p-item.-box .icons-wrapper {
  position: absolute;
  top: 0.5rem;
  right: 0;
  min-width: initial;
  display: inline-flex;
}
.p-item.-box-pl > .shop .price-wrapper .price {
  font-size: 20px;
}
.p-item:not(.-box-pl) .show-on-clone {
  display: none !important;
}
.p-item:not(.-box-pl) .hide-on-clone {
  display: none !important;
}
.p-item.-templates .labels-wrapper {
  position: relative;
  justify-content: center;
  gap: 0.5rem;
}
.p-item.-templates .labels-wrapper > .label {
  max-width: min-content;
}
.p-item.-templates .labels-wrapper > a {
  margin-bottom: 0;
}
.p-item.-list {
  margin-bottom: 2rem;
}
.p-item.-list > .img {
  width: 25%;
  padding-bottom: 25%;
}
.p-item.-list > .details {
  width: 50%;
  padding-left: 1rem;
  flex-grow: 1;
}
@media only screen and (max-width: 991px) {
  .p-item.-list > .details {
    width: 75%;
  }
}
.p-item.-list > .shop {
  width: 25%;
}
@media only screen and (max-width: 991px) {
  .p-item.-list > .shop {
    width: 100%;
  }
}
.p-item.-list .stock-wrapper, .p-item.-list .price-wrapper {
  text-align: right;
}
.p-item.-details {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.5rem;
}
.p-item.-details .top-part {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
.p-item.-details .top-part .title {
  font-size: 24px;
}
.p-item.-details .top-part .top-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.p-item.-details .top-part .top-row .votes {
  justify-content: flex-start;
}
.p-item.-details .top-part .top-row .votes .rating {
  margin-left: 0.5rem;
  font-size: 13px;
  font-weight: 500;
}
.p-item.-details .top-part .top-row .brand-logo {
  width: 100px;
  height: 46px;
  margin-bottom: 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
}
.p-item.-details .top-part .top-row .brand-logo span {
  font-weight: 700;
  text-transform: uppercase;
  text-align: right;
}
.p-item.-details .top-part .top-row .brand-logo img {
  width: 100%;
}
.p-item.-details .top-part .details {
  display: flex;
  column-gap: 1.5rem;
  row-gap: 0.5rem;
  flex-wrap: wrap;
}
@media only screen and (max-width: 575px) {
  .p-item.-details .top-part .details {
    flex-direction: column;
    gap: 0.25rem;
  }
}
.p-item.-details .top-part .details > div {
  font-size: 13px;
  color: #696969;
  font-weight: 500;
}
.p-item.-details .top-part .details-custom {
  font-size: 14px;
  display: flex;
  gap: 0.25rem;
}
.p-item.-details .top-part .short-description {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 4em;
}
.p-item.-details .top-part .short-description p:last-child {
  margin-bottom: 0;
}
.p-item.-details .bottom-part {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 100%;
}
.p-item.-details .bottom-part .stock-and-icons {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 575px) {
  .p-item.-details .bottom-part .stock-and-icons {
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  .p-item.-details .bottom-part .stock-and-icons > *:last-child {
    margin-left: auto;
  }
}
.p-item.-details .bottom-part .stock-and-icons .stock-wrapper {
  display: flex;
}
.p-item.-details .bottom-part .shop {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
@media only screen and (max-width: 1199px) {
  .p-item.-details .bottom-part .shop {
    flex-wrap: wrap;
  }
}
.p-item.-details .bottom-part .shop .price-used {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  color: #FF3300;
  font-size: 13px;
  font-weight: 500;
}
.p-item.-cart, .p-item.-cod, .p-item.-shipping {
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #E0E0E0;
  gap: 12px;
}
.p-item.-cart:first-child, .p-item.-cod:first-child, .p-item.-shipping:first-child {
  padding-top: 0;
}
.p-item.-cart.-mini, .p-item.-mini.-cod, .p-item.-mini.-shipping {
  flex-direction: row;
  flex-wrap: wrap;
}
.p-item.-cart.-mini > .img, .p-item.-mini.-cod > .img, .p-item.-mini.-shipping > .img {
  width: 100px;
  height: 100px;
}
.p-item.-cart.-mini .details-wrapper, .p-item.-mini.-cod .details-wrapper, .p-item.-mini.-shipping .details-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  flex-grow: 1;
  width: calc(100% - 100px - 12px);
}
.p-item.-cart.-mini .details, .p-item.-mini.-cod .details, .p-item.-mini.-shipping .details {
  width: 100%;
}
.p-item.-cart.-mini .stock-wrapper, .p-item.-mini.-cod .stock-wrapper, .p-item.-mini.-shipping .stock-wrapper {
  text-align: right;
}
.p-item.-cart > .img, .p-item.-cod > .img, .p-item.-shipping > .img {
  width: 128px;
  height: 128px;
  padding-bottom: 0;
  flex-shrink: 0;
}
.p-item.-cart .details, .p-item.-cod .details, .p-item.-shipping .details {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  flex-grow: 1;
}
.p-item.-cart .details .no, .p-item.-cod .details .no, .p-item.-shipping .details .no {
  font-size: 11px;
  color: #696969;
}
.p-item.-cart .details .title, .p-item.-cod .details .title, .p-item.-shipping .details .title {
  font-size: 15px;
  font-weight: 500;
  color: #222222;
}
.p-item.-cart .stock-wrapper > *, .p-item.-cod .stock-wrapper > *, .p-item.-shipping .stock-wrapper > * {
  font-size: 13px;
}
.p-item.-cart .stock-wrapper > *:before, .p-item.-cod .stock-wrapper > *:before, .p-item.-shipping .stock-wrapper > *:before {
  font-size: 20px;
}
.p-item.-cart .price-wrapper, .p-item.-cod .price-wrapper, .p-item.-shipping .price-wrapper {
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .p-item.-cart > .shop, .p-item.-cod > .shop, .p-item.-shipping > .shop {
    width: 100%;
  }
}
.p-item.-shipping > .shop {
  width: initial;
}
.p-item.-shipping.-mini {
  flex-direction: row;
}
.p-item.-shipping.-mini .details {
  width: auto;
}
.p-item.-shipping.-mini .shop {
  margin-left: auto;
}
.p-item.-shipping.-mini .img {
  height: 50px;
  width: 50px;
}
.p-item.-shipping .img {
  height: 75px;
  width: 75px;
  background: #F6F6F6;
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-item.-shipping .img:after {
  content: "local_shipping";
}
.p-item.-shipping > .shop {
  width: auto;
}
@media only screen and (max-width: 575px) {
  .p-item.-shipping > .shop {
    width: 100%;
  }
}
.p-item.-cod.-mini .details {
  width: auto;
}
.p-item.-cod.-mini .shop {
  margin-left: auto;
}
.p-item.-cod.-mini .img {
  height: 50px;
  width: 50px;
}
.p-item.-cod .img {
  height: 75px;
  width: 75px;
  background: #F6F6F6;
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-item.-cod .img:after {
  content: "paid";
}
.p-item.-cod > .shop {
  width: auto;
}
@media only screen and (max-width: 575px) {
  .p-item.-cod > .shop {
    width: 100%;
  }
}
.p-item.-pdf .calc {
  width: 25%;
  padding-left: 1rem;
}
@media only screen and (max-width: 991px) {
  .p-item.-pdf .calc {
    width: 100%;
    padding-left: 0;
  }
}
.p-item.-pdf .calc .input-wrapper, .p-item.-pdf .calc .form-block > div {
  margin-bottom: 0.5rem;
}
.p-item.-pdf .calc .input-wrapper label, .p-item.-pdf .calc .form-block > div label {
  text-align: right;
}
.p-item.-pdf .calc .input-wrapper .spinner-input, .p-item.-pdf .calc .form-block > div .spinner-input {
  flex-grow: 1;
  justify-content: flex-end;
}
.p-item.-pdf .calc .input-wrapper .spinner-input .field, .p-item.-pdf .calc .form-block > div .spinner-input .field {
  text-align: center;
}
.p-item.-pdf .calc .input-wrapper .spinner-input + span, .p-item.-pdf .calc .form-block > div .spinner-input + span {
  flex-shrink: 0;
}
.p-item.-pdf .calc input {
  text-align: right;
}
.p-item.-pdf .calc input + span {
  flex-shrink: 0;
}
.p-item .package__qty {
  position: absolute;
  top: 0;
  left: 24px;
  pointer-events: none;
  z-index: 1;
}
.p-item .img > .inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.p-item .title {
  width: 100%;
  display: block;
  font-size: 16px;
  margin: 0;
  position: relative;
}
.p-item .title > a {
  font-size: inherit;
}
.p-item .shop {
  flex-direction: column;
  align-items: flex-end;
  flex-shrink: 0;
}
.p-item .into-cart {
  position: relative;
}
.p-item .into-cart .me {
  margin-left: 0.5em;
  margin-right: 0.5em;
  font-size: 11px;
  font-weight: 500;
}
.p-item .into-cart .qty {
  position: absolute;
  right: -5px;
  top: -5px;
  transform: translateY(-50%);
}
.p-item .free-shipping {
  font-size: 13px;
  color: #10AC4F;
}
.p-item .condition > div > span:last-child {
  font-weight: 700;
}
.p-item .quantity-discount {
  display: inline-flex;
  flex-direction: column;
  gap: 0.25rem;
  background: #ffffff;
  font-weight: 700;
  border: 2px solid #10AC4F;
  padding: 0.5rem;
  border-radius: 8px;
  text-align: left;
}

.spinner-input {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.spinner-input.no-icons > .icon, .accordion-header .spinner-input.no-icons > .toggler {
  display: none;
}
.spinner-input > .icon, .accordion-header .spinner-input > .toggler {
  background: none;
  color: #006B37;
  cursor: pointer;
  flex-shrink: 0;
}
.spinner-input > .icon:not(.inactive):active, .accordion-header .spinner-input > .toggler:not(.inactive):active {
  background-color: #006B37;
}
.spinner-input > .icon:not(.inactive):active:before, .accordion-header .spinner-input > .toggler:not(.inactive):active:before {
  color: #ffffff;
}
.spinner-input > .icon.inactive, .accordion-header .spinner-input > .inactive.toggler {
  cursor: not-allowed;
  opacity: 0.5;
}
.spinner-input > .icon.-minus, .accordion-header .spinner-input > .-minus.toggler {
  margin-right: 5px;
}
.spinner-input > .icon.-plus, .accordion-header .spinner-input > .-plus.toggler {
  margin-left: 5px;
}
.spinner-input > .field {
  width: 60px;
  text-align: center;
}

/* Pl Alcikkválasztóban is használva van, ezért jó, ha megvannak így külön is a színek */
.green-stock {
  color: #10AC4F;
}

.green-stock-dark {
  color: #006B37;
}

.grey-stock {
  color: #696969;
}

.orange-stock {
  color: #FF3300;
}

.red-stock {
  color: #DF0000;
}

.blue-stock {
  color: #2ca5f9;
}

.yellow-stock {
  color: #d5de43;
}

/* cikklistán szín-méret választó */
.variants-count {
  font-size: 13px;
  font-weight: 600;
}

.color-picker {
  display: inline-flex;
  gap: 0.25rem;
  flex-wrap: wrap;
  justify-content: center;
}
.color-picker:last-child {
  margin-bottom: 2px;
}
.color-picker > div {
  width: 24px;
  height: 24px;
  display: inline-block;
  border-radius: 50%;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  cursor: pointer;
  box-shadow: inset 0px 0px 0px 2px transparent, 0px 0px 0px 2px transparent;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.color-picker > div.-selected {
  box-shadow: inset 0px 0px 0px 2px #ffffff, 0px 0px 0px 2px #222222;
}
.color-picker.-palette {
  margin: 0.5rem auto 0 auto;
}
.color-picker.-palette > div {
  width: 8px;
  height: 8px;
}

.size-picker {
  display: inline-flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
}
.size-picker > div span {
  font-size: 13px;
  font-weight: 700;
}

/* cikkrészletesen szín-méret választó */
.color-and-size-picker {
  border: 1px solid #E0E0E0;
  background: #ffffff;
  padding: 1.5rem;
  position: relative;
}
.color-and-size-picker .content {
  display: flex;
  flex-direction: column;
}
.color-and-size-picker .title-bar {
  margin-bottom: 12px;
  flex-wrap: wrap-reverse;
}
.color-and-size-picker .title-bar .picker-label {
  font-weight: 700;
  font-size: 13px;
}
.color-and-size-picker .title-bar .selected-color {
  font-size: 11px;
  color: #696969;
  font-weight: 500;
  display: inline-flex;
  gap: 0.25rem;
  align-items: center;
  justify-content: center;
}
.color-and-size-picker .title-bar .selected-color > span:last-child {
  font-size: 13px;
  font-weight: 700;
  border-bottom: 2px dashed currentColor;
}
.color-and-size-picker .title-bar .sizechart .sizechart-popup {
  max-width: 800px;
}
.color-and-size-picker .color-picker-pd {
  display: grid;
  grid-template-columns: repeat(14, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
}
@media only screen and (max-width: 1599px) {
  .color-and-size-picker .color-picker-pd {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media only screen and (max-width: 1199px) {
  .color-and-size-picker .color-picker-pd {
    grid-template-columns: repeat(10, 1fr);
  }
}
@media only screen and (max-width: 575px) {
  .color-and-size-picker .color-picker-pd {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media only screen and (max-width: 339px) {
  .color-and-size-picker .color-picker-pd {
    grid-template-columns: repeat(6, 1fr);
  }
}
.color-and-size-picker .color-picker-pd > a {
  width: 100%;
  padding-bottom: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  cursor: pointer;
  box-shadow: inset 0px 0px 0px 2px transparent, 0px 0px 0px 2px transparent;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.color-and-size-picker .color-picker-pd > a:after {
  color: #ffffff;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.color-and-size-picker .color-picker-pd > a.-selected {
  box-shadow: inset 0px 0px 0px 2px #ffffff, 0px 0px 0px 2px #222222;
}
.color-and-size-picker .color-picker-pd > a.-selected:after {
  content: "check";
}
.color-and-size-picker .color-picker-pd > a.-disabled:after {
  content: "";
  background: #ffffff;
  left: -1px;
  right: -1px;
  height: 4px;
  top: calc(50% - 2px);
  transform: rotate(-45deg);
}
.color-and-size-picker .color-picker-pd > a.-unavailable:after {
  content: "";
  background: #ffffff;
  left: -1px;
  right: -1px;
  height: 4px;
  top: calc(50% - 2px);
  transform: rotate(-45deg);
}
.color-and-size-picker .color-picker-pd > a:hover {
  box-shadow: inset 0px 0px 0px 2px #ffffff, 0px 0px 0px 2px #E0E0E0;
}
.color-and-size-picker .size-picker-pd {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.color-and-size-picker .size-picker-pd > div {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 700;
  min-width: 74px;
  padding: 0 0.5rem;
  height: 34px;
  box-sizing: border-box;
  border-radius: 8px;
  overflow: hidden;
  /* default lejjebb: 'csak rendelésre' szín */
  color: #696969;
  background-color: rgba(105, 105, 105, 0.1);
  border: 1px solid #696969;
  box-shadow: 0px 0px 0px 2px #ffffff, 0px 0px 0px 3px #E0E0E0;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  cursor: pointer;
  /* tr 221 097 igény kapcsán KENOCSCLASS alapú színezéshez */
}
.color-and-size-picker .size-picker-pd > div.-selected {
  box-shadow: 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px #222222;
}
.color-and-size-picker .size-picker-pd > div.-available {
  /* Ezt kiszedtem a tr 221 097 igény kapcsán. Már nem az elérhetőség alapján színezünk első sorban, hanem a kenőcsclass alapján

  background-color: rgba($color-primary, 0.1);
  border: 1px solid $color-primary;
  color: $color-primary;

  &.-selected {
      background-color: rgba($color-positive, 0.1);
      border: 1px solid $color-positive;
      color: $color-positive;
  }
  */
}
.color-and-size-picker .size-picker-pd > div.-unavailable {
  /* Ezt kiszedtem a tr 221 097 igény kapcsán. Már nem az elérhetőség alapján színezünk első sorban, hanem a kenőcsclass alapján

  background-color: rgba($color-secondary, 0.1);
  border: 1px solid $color-secondary;
  color: $color-secondary;
  */
}
.color-and-size-picker .size-picker-pd > div.-disabled {
  /* Ezt megemarad. Ha nem is kattintható a méret, akkor legyen halvány szürke a szín */
  background-color: rgba(105, 105, 105, 0.1);
  border: 1px solid rgba(105, 105, 105, 0.5);
  color: rgba(105, 105, 105, 0.5);
  cursor: not-allowed;
}
.color-and-size-picker .size-picker-pd > div.green-stock {
  color: #10AC4F;
  background-color: rgba(16, 172, 79, 0.1);
  border: 1px solid #10AC4F;
}
.color-and-size-picker .size-picker-pd > div.green-stock-dark {
  color: #006B37;
  background-color: rgba(0, 107, 55, 0.1);
  border: 1px solid #006B37;
}
.color-and-size-picker .size-picker-pd > div.grey-stock {
  color: #696969;
  background-color: rgba(105, 105, 105, 0.1);
  border: 1px solid #696969;
}
.color-and-size-picker .size-picker-pd > div.orange-stock {
  color: #FF3300;
  background-color: rgba(255, 51, 0, 0.1);
  border: 1px solid #FF3300;
}
.color-and-size-picker .size-picker-pd > div.red-stock {
  color: #DF0000;
  background-color: rgba(223, 0, 0, 0.1);
  border: 1px solid #DF0000;
}
.color-and-size-picker .size-picker-pd > div.blue-stock {
  color: #2ca5f9;
  background-color: rgba(44, 165, 249, 0.1);
  border: 1px solid #2ca5f9;
}
.color-and-size-picker .size-picker-pd > div.yellow-stock {
  color: #d5de43;
  background-color: rgba(213, 222, 67, 0.1);
  border: 1px solid #d5de43;
}
.color-and-size-picker .variant-picker-pd {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  text-align: left;
}
.color-and-size-picker .variant-picker-pd .variant-item {
  display: flex;
  flex-direction: column;
  padding: 0.5rem 0;
  border-top: 1px solid #E0E0E0;
  position: relative;
  cursor: pointer;
}
.color-and-size-picker .variant-picker-pd .variant-item > div {
  position: relative;
}
.color-and-size-picker .variant-picker-pd .variant-item:before {
  content: "";
  display: block;
  position: absolute;
  left: -1.5rem;
  top: 0;
  bottom: 0;
  right: -1.5rem;
  background: #ffffff;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.color-and-size-picker .variant-picker-pd .variant-item:hover:before {
  background: #F6F6F6;
}
.color-and-size-picker .variant-picker-pd .variant-item:after {
  content: "";
  display: block;
  border: 2px solid rgba(34, 34, 34, 0);
  position: absolute;
  left: -1.5rem;
  right: -1.5rem;
  top: -2px;
  bottom: -2px;
  border-radius: 3px;
  z-index: 1;
  pointer-events: none;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.color-and-size-picker .variant-picker-pd .variant-item.-selected:after {
  border: 2px solid #222222;
}
.color-and-size-picker .variant-picker-pd .variant-item:last-child {
  padding-bottom: 0;
}
.color-and-size-picker .variant-picker-pd .variant-item:focus-visible {
  outline: none !important;
}
.color-and-size-picker .variant-picker-pd .variant-item:focus-visible:after {
  border: 2px solid #006B37;
}
.color-and-size-picker .variant-picker-pd .variant-item .variant-name {
  font-size: 13px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  gap: 1rem;
}
.color-and-size-picker .variant-picker-pd .variant-item .variant-prodnum {
  font-size: 11px;
  color: #8D8D8D;
  flex-shrink: 0;
}
.color-and-size-picker .variant-picker-pd .variant-item .variant-stock {
  display: inline-flex;
}
.color-and-size-picker .variant-picker-pd .variant-item .variant-stock .stock-wrapper {
  display: inline-flex;
}
.color-and-size-picker .variant-picker-pd .variant-item .variant-price .price-wrapper > .price {
  font-size: 13px;
}
.color-and-size-picker .variant-picker-pd .variant-item .variant-price .price-wrapper > .price.-onsale {
  font-size: 13px;
}
.color-and-size-picker .variant-picker-pd .variant-item .variant-price .price-wrapper > .price.-normal {
  font-size: 13px;
}
.color-and-size-picker .variant-picker-pd .variant-item .variant-price .price-wrapper > .price.-total {
  font-size: 13px;
}
.color-and-size-picker .variant-picker-pd .variant-item > div:last-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.megfigyelt-cikkek-popper {
  max-width: 240px;
  min-width: initial !important;
}

/* cikkrészletesen ártáblázat */
.prices-table-popper .popper-content {
  max-width: 100%;
  overflow-x: auto;
}

.prices-table .price.-onsale {
  color: #DF0000;
  font-weight: 600;
}
.prices-table .prices-table-jelleg {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}

.pl-header-image {
  position: relative;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}

.pl-footer-text {
  margin-top: 0.5rem;
  margin-bottom: 2rem;
  text-align: justify;
  font-size: 13px;
}

.pl-title-block {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  text-align: center;
  padding: 1.5rem 0 2rem 0;
}
.pl-title-block .yahoobar {
  margin-bottom: 0;
}
.pl-title-block h1, .pl-title-block p:last-child {
  margin: 0;
}
.pl-title-block h1 {
  font-size: 24px;
  text-transform: uppercase;
}

.pl-wrapper {
  display: flex;
  flex-direction: row;
  gap: 24px;
  margin-bottom: 4rem;
}
.pl-wrapper .pl-wrapper-inner-filters {
  width: 20%;
  flex-shrink: 0;
}
@media only screen and (max-width: 1199px) {
  .pl-wrapper .pl-wrapper-inner-filters {
    width: 25%;
  }
}
@media only screen and (max-width: 991px) {
  .pl-wrapper .pl-wrapper-inner-filters {
    width: 100%;
  }
}
.pl-wrapper .pl-wrapper-inner-products {
  flex: 1;
}
@media only screen and (max-width: 767px) {
  .pl-wrapper .pl-wrapper-inner-products {
    width: 100%;
  }
}

.products-wrapper {
  position: relative;
}

.products {
  position: relative;
  z-index: 1;
}
.products.-grid {
  row-gap: 1.5rem;
}
.products.-grid > div > div {
  height: 100%;
}

.pl .panel-loader {
  z-index: 2;
}
.pl > h1 {
  margin: 24px 0 24px;
}
.pl .gift-img {
  bottom: calc(100% + 5px);
  left: 0;
}

.pager-top {
  margin-bottom: 2rem;
}
.pager-top .size {
  margin-left: auto;
}

.pager-bottom {
  margin: 24px 0;
}
.pager-bottom .pager .arrows-and-pages {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .pager-bottom .pager .arrows-and-pages {
    flex-wrap: wrap;
  }
}
.pager-bottom .pager .arrows-and-pages .loadmore-page {
  margin-right: auto;
}
@media only screen and (max-width: 767px) {
  .pager-bottom .pager .arrows-and-pages .loadmore-page {
    width: 100%;
  }
  .pager-bottom .pager .arrows-and-pages .loadmore-page .button {
    width: 100%;
    margin-bottom: 0.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .pager-bottom .pager .arrows-and-pages .goto-page {
    margin-left: auto;
  }
}

.pl-views {
  justify-content: flex-end;
}
.pl-views .toggler {
  background: #F6F6F6;
  border: 1px solid #E0E0E0;
  border-radius: 8px;
}
.pl-views .toggler > div {
  justify-content: center;
  border-right: 1px solid #E0E0E0;
  cursor: pointer;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  width: 46px;
  height: 46px;
}
.pl-views .toggler > div:hover {
  color: #006B37;
}
.pl-views .toggler > div:first-child {
  border-radius: 8px 0 0 8px;
}
.pl-views .toggler > div:last-child {
  border: none;
  border-radius: 0 8px 8px 0;
}
.pl-views .toggler .active {
  background: #fff;
}
.pl-views .view {
  height: 24px;
}
.pl-views .view:before {
  cursor: pointer;
  color: #FF3300;
}
.pl-views .view.-list:before {
  content: "view_list";
}
.pl-views .view.-grid:before {
  content: "view_module";
}

.pl-sorter {
  flex-wrap: wrap;
  flex: 0 0 auto;
}
.pl-sorter .select-wrapper label, .pl-sorter .selector .input label, .selector .pl-sorter .input label {
  position: absolute;
  top: calc(1rem - 3px);
  left: calc(1rem + 1px);
  font-size: 13px;
  font-weight: 500;
  line-height: 1em;
  color: #696969;
}
.pl-sorter .select-wrapper select, .pl-sorter .selector .input select, .selector .pl-sorter .input select {
  height: 56px;
  padding-top: 1rem;
  padding-right: 110px;
  font-weight: 700;
}
.pl-sorter .select-wrapper:after, .pl-sorter .selector .input:after, .selector .pl-sorter .input:after {
  right: 1rem;
}

/* listák kezelése -> scripts/vs.list.scss */
/*választott készülék - cikk lista*/
.pl-device .device {
  display: flex;
  align-items: center;
}
.pl-device .device img {
  width: 25%; /*ugyanannyi legyen, mint a cikk listában a kép*/
}
.pl-device .device > div {
  width: 75%;
  padding-left: 24px;
}
.qty-wrapper {
  position: relative;
}
.qty-wrapper:hover .qty-tooltip {
  opacity: 1;
  pointer-events: all;
}

.qty-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: #006B37;
  cursor: help;
  font-size: 13px;
  font-weight: 600;
}

.qty-tooltip {
  z-index: 1;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 240px;
  display: inline-flex;
  flex-direction: column;
  gap: 0.25rem;
  background: #ffffff;
  font-weight: 700;
  border: 2px solid #10AC4F;
  padding: 0.5rem;
  border-radius: 8px;
  font-size: 13px;
  text-align: center;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
@media only screen and (min-width:1200px) and (max-width: 1599px) {
  .qty-tooltip {
    width: 190px;
  }
}

.pd > .row > .img {
  order: -1;
}
@media only screen and (min-width:768px) {
  .pd > .row > .img {
    order: 0;
  }
}
.pd > .row > .p-item.-details > .points > .point {
  position: relative;
}
.pd .shipping-types {
  display: inline-flex;
  flex-direction: column;
  padding: 1rem;
  border: 1px solid #E0E0E0;
  font-size: 13px;
  margin-right: auto;
}
.pd .shipping-types .title {
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}
.pd .shipping-types .info {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  row-gap: 0.5rem;
  column-gap: 1.5rem;
}
.pd .shipping-types .info > div {
  width: calc(50% - 0.75rem);
}
@media only screen and (max-width: 991px) {
  .pd .shipping-types .info > div {
    width: 100%;
  }
}
.pd .shipping-types .info > div > div {
  display: flex;
  justify-content: space-between;
  column-gap: 1rem;
}
@media only screen and (max-width: 339px) {
  .pd .shipping-types .info > div > div {
    flex-direction: column;
  }
}
.pd .shipping-types .info > div > div > span:nth-child(2) {
  font-weight: 700;
}
.pd .labels-wrapper-aligner {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% - 96px - 24px);
  padding: 0 12px;
  flex-grow: 1;
  z-index: 1;
}
@media only screen and (max-width: 991px) {
  .pd .labels-wrapper-aligner {
    width: 100%;
  }
}
.pd .labels-wrapper {
  flex-direction: column;
  align-items: flex-start;
}

.video-container {
  background: #000;
  cursor: pointer;
  position: relative;
}
.video-container img {
  width: 100%;
}

.video-thumb:after {
  position: absolute;
  top: 50%;
  left: 50%;
  background: rgba(0, 107, 55, 0.85);
  border-radius: 50%;
  border: 4px solid #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
  color: #fff;
  content: "play_arrow";
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 40px !important;
  margin: -50px 0 0 -50px;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  width: 100px;
  height: 100px;
}
.video-thumb:hover:after {
  transform: scale(1.1, 1.1);
}

.video-iframed {
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.video-iframed iframe, .video-iframed object, .video-iframed embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.tabs-wrapper > .tabs > li.csomagok-tab {
  color: #DF0000;
}

.offer-popper, .info-popper, .issue-popper {
  width: 480px;
}

.site-stocks {
  width: 100%;
  margin-top: 1em;
  margin-bottom: 1em;
}
.site-stocks .item .name {
  font-weight: bold;
}
.site-stocks .item .details > * {
  display: block;
}

.tech-data {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.tech-data .item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 1rem 0;
  border-top: 1px solid #E0E0E0;
  column-gap: 0.5rem;
}
.tech-data .item h4 {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0;
}
.tech-data .item .key {
  width: 35%;
  justify-content: flex-start;
}
@media only screen and (max-width: 991px) {
  .tech-data .item .key {
    width: 40%;
  }
}
.tech-data .item .key .key-inner .tipsy {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}
.tech-data .item .value {
  color: #222222;
  font-weight: 600;
  margin-left: 0.5rem;
  text-align: right;
}
.tech-data .item .value li {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
}
.tech-data .item .value li .tipsy {
  display: inline-flex;
}
.tech-data .spec-wrapper {
  break-inside: avoid;
}
.tech-data .spec-wrapper > li > .item {
  padding-top: 0;
  border-top: none;
}
.tech-data .icon:before, .tech-data .accordion-header .toggler:before, .accordion-header .tech-data .toggler:before {
  color: #222222;
  margin-left: 0.25rem;
}

/* KAPCSOLÓDÓ TULAJDONSÁGOK */
.spec-wrapper .item .value {
  font-weight: 400;
  font-size: 16px;
}
.spec-wrapper .item .value > li > span {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
.spec-wrapper .item .value > li > span.-yes:before {
  content: "check_circle";
  color: #006B37;
}
.spec-wrapper .item .value > li > span.-no:before {
  content: "block";
  color: #8D8D8D;
}

/* KAPCSOLÓDÓ IKONOK */
.maticons-wrapper {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin: 1rem auto;
}
.maticons-wrapper .item img {
  height: 48px;
  width: initial;
}

/* KAPCSOLÓDÓ LEÍRÁSOK */
.descriptions-wrapper .item {
  margin-top: 12px;
  margin-bottom: 12px;
}

/* KAPCSOLÓDÓ TARTOZÉKOK */
.group-header {
  position: relative;
  width: 100%;
}
.group-header .more {
  margin-left: auto;
  font-size: 16px;
}
.group-header.-open:before {
  content: "remove";
}
.group-header.-closed + .group-wrapper {
  display: none;
}
.group-header.-closed:before {
  content: "add";
}

/* KAPCSOLÓDÓ HASONLÓK */
.similar-wrapper {
  position: relative;
  z-index: 1;
}

.related-downloads {
  row-gap: 1.5rem;
}
.related-downloads .item {
  display: flex;
  flex-grow: 1;
  gap: 1rem;
  align-items: center;
  padding: 20px 1rem;
  background: #F6F6F6;
  box-shadow: 0px 0px 0px 0px rgba(0, 107, 55, 0);
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.related-downloads .item:hover {
  box-shadow: 0px 0px 0px 2px #006b37;
}
.related-downloads .item .filetype-icon {
  border-radius: 2px;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  overflow: hidden;
}
.related-downloads .item .filetype-icon img {
  width: 24px;
  height: auto;
}
.related-downloads .item .content > div:first-child {
  font-size: 13px;
  font-weight: 500;
}
.related-downloads .item .content .data {
  color: #696969;
  font-weight: 500;
  font-size: 11px;
}
.related-downloads .item .action {
  margin-left: auto;
}

#helyettesito-tab .group-header {
  flex-wrap: wrap;
  justify-content: space-between;
}

/* KAPCSOLÓDÓ CSOMAGOK */
.package-wrapper {
  margin-top: 24px;
  margin-bottom: 24px;
}
.package-wrapper .sum {
  text-align: right;
}
.package-wrapper .sum .discount {
  padding: 6px;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 0.25rem;
  margin-right: 0.25rem;
  text-transform: uppercase;
  position: relative;
  background-color: #DF0000;
  color: #ffffff;
}

/* KAPCSOLÓDÓ LINKEK */
.links-wrapper .item {
  padding-top: 8px;
  padding-bottom: 8px;
}

/* KAPCSOLÓDÓ KÉRDÉSEK */
.faq-wrapper .item {
  margin-top: 24px;
  margin-bottom: 24px;
}
/* ÉRTÉKELÉSEK */
.product-votes {
  justify-content: flex-start;
}
.product-votes .stars > li {
  cursor: default;
}
.product-votes .rating {
  font-size: 13px;
  margin-left: 0.25rem;
}
.product-votes .link {
  margin-left: 0.25rem;
  font-size: 13px;
}

.stars-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.stars {
  justify-content: flex-start;
}
.stars > .star:before {
  content: "star";
  display: block;
  color: #006B37;
}
.stars > .star.active:before {
  content: "star";
}
.stars > .star.active-half:before {
  content: "star_half";
}
.stars.-large > .star:before {
  font-size: 40px;
}
.stars.-small > .star:before {
  font-size: 21px;
}
.stars.-dark > .star:before {
  color: #222222;
}

.votes-outer-wrapper.-novotes .votes > .head {
  padding: 1.5rem;
}

.votes > .head {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-direction: column;
  border: 1px solid #E0E0E0;
  padding: 2rem;
  gap: 1.5rem;
}
.votes > .head .rating {
  font-weight: 700;
  font-size: 16px;
}
.votes .review-popper {
  max-width: 420px;
}
.votes .review-popper > .inner .star {
  cursor: pointer;
}
.votes .vote-item {
  padding-bottom: 0.5rem;
}
.votes .vote-item.-reply {
  padding-top: 0;
}
.votes .vote-item.-reply .comment {
  margin-bottom: 0;
}
.votes .vote-item.-reply-head {
  margin-bottom: 0;
  margin-top: 0;
}
.votes .vote-item .inner {
  padding: 24px;
  background-color: #F6F6F6;
}
.votes .vote-item .inner > .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.votes .vote-item .inner > .head > .stars {
  margin: 0 5px 0 0;
}
.votes .vote-item .inner > .head > .stars > li {
  cursor: default;
}
.votes .vote-item .inner > .head > .name {
  margin: 0 5px 0 0;
  font-weight: 700;
}
.votes .vote-item .inner > .head > .date {
  font-size: 13px;
}
.votes .vote-item .inner > .content > div {
  margin: 12px 0 0 0;
}
.votes .vote-item .inner > .content > div > span:first-child {
  font-weight: 500;
  margin: 0 5px 0 0;
}
.votes .vote-item .inner > .content > .plus, .votes .vote-item .inner > .content > .minus {
  display: flex;
  align-items: flex-start;
  gap: 0.25rem;
}
@media only screen and (max-width: 767px) {
  .votes .vote-item .inner > .content > .plus, .votes .vote-item .inner > .content > .minus {
    flex-direction: column;
    justify-content: center;
  }
}
.votes .vote-item .inner > .content > .plus > span:first-child, .votes .vote-item .inner > .content > .minus > span:first-child {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
.votes .vote-item .inner > .content > .plus > span:first-child:before, .votes .vote-item .inner > .content > .minus > span:first-child:before {
  font-size: 20px;
}
.votes .vote-item .inner > .content > .plus > span:first-child:before {
  content: "thumb_up";
  color: #10AC4F;
}
.votes .vote-item .inner > .content > .minus > span:first-child:before {
  content: "thumb_down";
  color: #DF0000;
}
.votes .vote-item .inner > .content > .comment {
  font-size: 16px;
}
.votes .vote-item .inner .usefulness {
  margin: 24px 0;
}
.votes .vote-item .comment {
  width: 50%;
  margin: 24px 0;
}
.votes .vote-item .vote-replies {
  margin-left: 1rem;
}
@media only screen and (min-width:768px) {
  .votes .vote-item .vote-replies {
    margin-left: 2rem;
    margin-right: 1rem;
  }
}
@media only screen and (min-width:1200px) {
  .votes .vote-item .vote-replies {
    margin-right: 2rem;
  }
}
.votes .chart {
  width: 100%;
  max-width: 300px;
}
.votes .chart > div {
  padding-top: 5px;
  padding-bottom: 5px;
}
.votes .chart .rating-number {
  font-size: 11px;
  color: #696969;
  margin-right: 1rem;
}
.votes .chart .rating-value {
  height: 16px;
  color: #006B37;
  margin-right: 0.5em;
}
.votes .chart .rating-bar {
  height: 3px;
  background-color: rgba(0, 107, 55, 0.25);
  flex-grow: 1;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.votes .chart .rating-bar > span {
  height: 100%;
  width: 0px;
  background-color: #006B37;
  display: block;
}
.votes .chart .rating-bar .rating-count {
  font-size: 13px;
  text-align: right;
  width: 2em;
}

/*kompatibilitás*/
/* CSOMAGVARÁZSLÓ */
.package-wizard-wrapper {
  /* Ez csak akkor kell, ha van főcikk megjelenítés a csomagvarázslóban
  .main-item {
      display: flex;
      justify-content: center;
      margin-top: $unit-4;
      margin-bottom: $unit-4;
  }
  */
}
.package-wizard-wrapper .package-wizard-inner-wrapper {
  margin-top: 1.5rem;
}
.package-wizard-wrapper .package-wizard-inner-wrapper .categories-wrapper {
  padding: 1.5rem 1rem;
  background: #ffffff;
}
.package-wizard-wrapper .package-wizard-inner-wrapper .categories-wrapper .title {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
  margin-bottom: 1rem;
}
.package-wizard-wrapper .package-wizard-inner-wrapper .categories-wrapper .categories-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.package-wizard-wrapper .package-wizard-inner-wrapper .categories-wrapper .categories-list .item {
  position: relative;
  display: flex;
  font-size: 16px;
  font-weight: 400;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.package-wizard-wrapper .package-wizard-inner-wrapper .categories-wrapper .categories-list .item .number-bubble, .package-wizard-wrapper .package-wizard-inner-wrapper .categories-wrapper .categories-list .item .compare__body .group > div:first-child a + span, .compare__body .group > div:first-child .package-wizard-wrapper .package-wizard-inner-wrapper .categories-wrapper .categories-list .item a + span, .package-wizard-wrapper .package-wizard-inner-wrapper .categories-wrapper .categories-list .item .compare__head .qty, .compare__head .package-wizard-wrapper .package-wizard-inner-wrapper .categories-wrapper .categories-list .item .qty, .accessories-wrapper-outer .accessories-inner-wrapper .into-cart .package-wizard-wrapper .package-wizard-inner-wrapper .categories-wrapper .categories-list .item .qty, .package-wizard-wrapper .package-wizard-inner-wrapper .categories-wrapper .categories-list .item .into-cart .qty, .package-wizard-wrapper .package-wizard-inner-wrapper .into-cart .categories-wrapper .categories-list .item .qty, .p-item .into-cart .package-wizard-wrapper .package-wizard-inner-wrapper .categories-wrapper .categories-list .item .qty {
  position: relative;
  top: initial;
  right: initial;
}
.package-wizard-wrapper .package-wizard-inner-wrapper .categories-wrapper .categories-list .item.-active {
  color: #006B37;
  font-weight: 700;
}
.package-wizard-wrapper .package-wizard-inner-wrapper .categories-wrapper .categories-list .item.-active:after {
  content: "chevron_right";
}
.package-wizard-wrapper .package-wizard-inner-wrapper .items > .row {
  display: flex;
  flex-wrap: nowrap;
  overflow-y: visible;
  overflow-x: visible;
  scrollbar-color: #E0E0E0 #f4f7fc;
  scrollbar-width: thin;
}
.package-wizard-wrapper .package-wizard-inner-wrapper .items > .row::-webkit-scrollbar {
  width: 6px;
}
.package-wizard-wrapper .package-wizard-inner-wrapper .items > .row::-webkit-scrollbar-track {
  background: "transparent";
  border-radius: 3px;
}
.package-wizard-wrapper .package-wizard-inner-wrapper .items > .row::-webkit-scrollbar-thumb {
  background: #E0E0E0;
  border-radius: 3px;
}
.package-wizard-wrapper .package-wizard-inner-wrapper .items > .row::-webkit-scrollbar-thumb:hover {
  background: rgb(198.5, 198.5, 198.5);
}
.package-wizard-wrapper .package-wizard-inner-wrapper .items > .row::-webkit-scrollbar {
  width: initial;
  height: 6px;
}
@media only screen and (max-width: 1599px) {
  .package-wizard-wrapper .package-wizard-inner-wrapper .items > .row {
    overflow-x: overlay;
    padding-bottom: 1.5rem;
  }
}
@media only screen and (max-width: 991px) {
  .package-wizard-wrapper .package-wizard-inner-wrapper .items > .row {
    padding-bottom: 0;
  }
}
.package-wizard-wrapper .package-wizard-inner-wrapper .items .select-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 700;
  color: #006B37;
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.package-wizard-wrapper .package-wizard-inner-wrapper .items .select-overlay.input-wrapper.-checkbox, .package-wizard-wrapper .package-wizard-inner-wrapper .items .form-block > div.select-overlay.-checkbox {
  margin: 0;
}
.package-wizard-wrapper .package-wizard-inner-wrapper .items .select-overlay.input-wrapper.-checkbox .inner, .package-wizard-wrapper .package-wizard-inner-wrapper .items .form-block > div.select-overlay.-checkbox .inner {
  width: 100%;
  height: 100%;
}
.package-wizard-wrapper .package-wizard-inner-wrapper .items .select-overlay.input-wrapper.-checkbox .inner label, .package-wizard-wrapper .package-wizard-inner-wrapper .items .form-block > div.select-overlay.-checkbox .inner label {
  position: absolute;
  margin: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  justify-content: center;
}
.package-wizard-wrapper .package-wizard-inner-wrapper .items .select-overlay.input-wrapper.-checkbox .inner label:before, .package-wizard-wrapper .package-wizard-inner-wrapper .items .form-block > div.select-overlay.-checkbox .inner label:before, .package-wizard-wrapper .package-wizard-inner-wrapper .items .select-overlay.input-wrapper.-checkbox .inner label:after, .package-wizard-wrapper .package-wizard-inner-wrapper .items .form-block > div.select-overlay.-checkbox .inner label:after {
  content: none;
}
.package-wizard-wrapper .package-wizard-inner-wrapper .items .select-overlay:hover {
  opacity: 1;
}
.package-wizard-wrapper .package-wizard-inner-wrapper .items .select-overlay.-deselect {
  color: #DF0000;
}
.package-wizard-wrapper .package-wizard-inner-wrapper .items .select-overlay.-disabled {
  color: #696969;
}
.package-wizard-wrapper .package-wizard-inner-wrapper .items .clone {
  z-index: initial !important;
}
.package-wizard-wrapper .package-wizard-inner-wrapper .items .p-item.-box .price-wrapper .price {
  display: inline-flex;
  align-items: center;
}
.package-wizard-wrapper .package-wizard-inner-wrapper .items .p-item.-box .price-wrapper .price:after {
  content: "add_link";
  margin-left: 0.5rem;
  color: inherit;
}
.package-wizard-wrapper .package-wizard-inner-wrapper .items .p-item.-box .price-wrapper .price.-original:after {
  content: none;
}
.package-wizard-wrapper .package-wizard-inner-wrapper .items .subitem-selector-popper {
  min-width: 320px;
}
.package-wizard-wrapper .package-wizard-inner-wrapper .items .subitem-selector-popper .color-and-size-picker .color-picker-pd {
  /*
      grid-template-columns: repeat(12, 1fr);

      @media only screen and (max-width: 575px) {
          grid-template-columns: repeat(6, 1fr);
      }
  */
  display: flex;
  flex-wrap: wrap;
}
.package-wizard-wrapper .package-wizard-inner-wrapper .items .subitem-selector-popper .color-and-size-picker .color-picker-pd > a {
  width: 40px;
  height: 40px;
  padding-bottom: initial;
}
.package-wizard-wrapper .package-wizard-inner-wrapper .into-cart {
  position: relative;
}
.package-wizard-wrapper .package-wizard-inner-wrapper .into-cart .me {
  margin-left: 0.5em;
  margin-right: 0.5em;
  font-size: 11px;
  font-weight: 500;
}
.package-wizard-wrapper .package-wizard-inner-wrapper .into-cart .qty {
  position: absolute;
  right: -5px;
  top: -5px;
  transform: translateY(-50%);
}
.package-wizard-wrapper .package-wizard-inner-wrapper .selected-subitem {
  font-size: 13px;
  display: flex;
  flex-direction: column;
  font-weight: 700;
  background: #F6F6F6;
  padding: 0.25rem;
}
.package-wizard-wrapper .package-wizard-inner-wrapper .selected-subitem:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: #006B37;
  content: "";
}

/* KAPCSOLÓDÓ TERMÉKEK (TARTOZÉKOK) */
.accessories-wrapper-outer .accessories-inner-wrapper {
  margin-top: 1.5rem;
}
.accessories-wrapper-outer .accessories-inner-wrapper .categories-wrapper {
  padding: 1.5rem 1rem;
  background: #ffffff;
  height: 320px;
  overflow-y: auto;
  scrollbar-color: #E0E0E0 #f4f7fc;
  scrollbar-width: thin;
}
.accessories-wrapper-outer .accessories-inner-wrapper .categories-wrapper::-webkit-scrollbar {
  width: 6px;
}
.accessories-wrapper-outer .accessories-inner-wrapper .categories-wrapper::-webkit-scrollbar-track {
  background: #f4f7fc;
  border-radius: 3px;
}
.accessories-wrapper-outer .accessories-inner-wrapper .categories-wrapper::-webkit-scrollbar-thumb {
  background: #E0E0E0;
  border-radius: 3px;
}
.accessories-wrapper-outer .accessories-inner-wrapper .categories-wrapper::-webkit-scrollbar-thumb:hover {
  background: rgb(198.5, 198.5, 198.5);
}
@media only screen and (max-width: 1599px) {
  .accessories-wrapper-outer .accessories-inner-wrapper .categories-wrapper {
    height: 240px;
  }
}
@media only screen and (max-width: 1199px) {
  .accessories-wrapper-outer .accessories-inner-wrapper .categories-wrapper {
    height: 370px;
  }
}
@media only screen and (max-width: 991px) {
  .accessories-wrapper-outer .accessories-inner-wrapper .categories-wrapper {
    height: 260px;
  }
}
@media only screen and (max-width: 767px) {
  .accessories-wrapper-outer .accessories-inner-wrapper .categories-wrapper {
    height: 215px;
  }
}
.accessories-wrapper-outer .accessories-inner-wrapper .categories-wrapper .title {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
  margin-bottom: 1rem;
}
.accessories-wrapper-outer .accessories-inner-wrapper .categories-wrapper .categories-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.accessories-wrapper-outer .accessories-inner-wrapper .categories-wrapper .categories-list .item {
  position: relative;
  display: flex;
  font-size: 16px;
  font-weight: 400;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.accessories-wrapper-outer .accessories-inner-wrapper .categories-wrapper .categories-list .item .number-bubble, .accessories-wrapper-outer .accessories-inner-wrapper .categories-wrapper .categories-list .item .compare__body .group > div:first-child a + span, .compare__body .group > div:first-child .accessories-wrapper-outer .accessories-inner-wrapper .categories-wrapper .categories-list .item a + span, .accessories-wrapper-outer .accessories-inner-wrapper .categories-wrapper .categories-list .item .compare__head .qty, .compare__head .accessories-wrapper-outer .accessories-inner-wrapper .categories-wrapper .categories-list .item .qty, .accessories-wrapper-outer .accessories-inner-wrapper .categories-wrapper .categories-list .item .into-cart .qty, .accessories-wrapper-outer .accessories-inner-wrapper .into-cart .categories-wrapper .categories-list .item .qty, .p-item .into-cart .accessories-wrapper-outer .accessories-inner-wrapper .categories-wrapper .categories-list .item .qty, .package-wizard-wrapper .package-wizard-inner-wrapper .into-cart .accessories-wrapper-outer .accessories-inner-wrapper .categories-wrapper .categories-list .item .qty {
  position: relative;
  top: initial;
  right: initial;
}
.accessories-wrapper-outer .accessories-inner-wrapper .categories-wrapper .categories-list .item.-active {
  color: #006B37;
  font-weight: 700;
}
.accessories-wrapper-outer .accessories-inner-wrapper .categories-wrapper .categories-list .item.-active:after {
  content: "chevron_right";
}
.accessories-wrapper-outer .accessories-inner-wrapper .items > .row {
  display: flex;
  flex-wrap: nowrap;
  overflow-y: visible;
  overflow-x: visible;
  scrollbar-color: #E0E0E0 #f4f7fc;
  scrollbar-width: thin;
}
.accessories-wrapper-outer .accessories-inner-wrapper .items > .row::-webkit-scrollbar {
  width: 6px;
}
.accessories-wrapper-outer .accessories-inner-wrapper .items > .row::-webkit-scrollbar-track {
  background: "transparent";
  border-radius: 3px;
}
.accessories-wrapper-outer .accessories-inner-wrapper .items > .row::-webkit-scrollbar-thumb {
  background: #E0E0E0;
  border-radius: 3px;
}
.accessories-wrapper-outer .accessories-inner-wrapper .items > .row::-webkit-scrollbar-thumb:hover {
  background: rgb(198.5, 198.5, 198.5);
}
.accessories-wrapper-outer .accessories-inner-wrapper .items > .row::-webkit-scrollbar {
  width: initial;
  height: 6px;
}
@media only screen and (max-width: 1599px) {
  .accessories-wrapper-outer .accessories-inner-wrapper .items > .row {
    overflow-x: overlay;
    padding-bottom: 1.5rem;
  }
}
@media only screen and (max-width: 991px) {
  .accessories-wrapper-outer .accessories-inner-wrapper .items > .row {
    padding-bottom: 0;
  }
}
.accessories-wrapper-outer .accessories-inner-wrapper .items .clone {
  z-index: initial !important;
}
.accessories-wrapper-outer .accessories-inner-wrapper .items .p-item.-box .price-wrapper .price {
  display: inline-flex;
  align-items: center;
}
.accessories-wrapper-outer .accessories-inner-wrapper .items .p-item.-box .price-wrapper .price.-original:after {
  content: none;
}
.accessories-wrapper-outer .accessories-inner-wrapper .into-cart {
  position: relative;
}
.accessories-wrapper-outer .accessories-inner-wrapper .into-cart .me {
  margin-left: 0.5em;
  margin-right: 0.5em;
  font-size: 11px;
  font-weight: 500;
}
.accessories-wrapper-outer .accessories-inner-wrapper .into-cart .qty {
  position: absolute;
  right: -5px;
  top: -5px;
  transform: translateY(-50%);
}

.credit-popper {
  width: 32rem;
}
.credit-popper .tabs-wrapper {
  top: 0;
  margin-top: 0;
  position: relative;
}

/* KÉRDÉSEK */
.questions-outer-wrapper.-noquestions .questions > .head {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-direction: column;
  border: 1px solid #E0E0E0;
  gap: 1.5rem;
  padding: 1.5rem;
}
.questions-outer-wrapper .questions-wrapper .question-item {
  display: flex;
  gap: 1rem;
  flex-direction: column;
  margin-top: 24px;
  padding: 1.5rem;
  background: #F6F6F6;
}
.questions-outer-wrapper .questions-wrapper .question-item .head .name {
  font-weight: 700;
}
.questions-outer-wrapper .question-replies {
  margin-bottom: 0;
}
.questions-outer-wrapper .question-replies .reply-item-head {
  background-color: #ffffff;
  justify-content: flex-start !important;
}
.questions-outer-wrapper .question-replies .reply-item {
  padding: 1rem;
  background-color: #ffffff;
  border-top: 1px solid #E0E0E0;
}
.questions-ask-popper-wrapper .ask-popper {
  max-width: 420px;
}

/*filter*/
.used-prod-filter .button {
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .used-prod-filter .button {
    width: 100%;
  }
}
@media only screen and (min-width:768px) {
  .used-prod-filter > div label {
    flex-basis: 32%;
  }
}
.used-prod-filter .filter__buttons-wrapper {
  text-align: right;
}

/*used item details*/
.pd-used .p-item--details {
  align-content: flex-start;
}
@media only screen and (max-width: 991px) {
  .pd-used .links {
    flex-wrap: wrap;
  }
}
.pd-used .links a {
  margin-bottom: 12px;
}
@media only screen and (max-width: 767px) {
  .pd-used .links a {
    width: 100%;
  }
}
.pd__img .button {
  margin-bottom: 12px;
}
@media only screen and (max-width: 991px) {
  .pd__img .button {
    width: 100%;
    text-align: center;
  }
}

.szuropanel-wrapper {
  order: -1;
  position: relative;
}

.szuropanel.-top {
  margin-bottom: 1.5rem;
}
.szuropanel.-top .szuropanel-inner {
  border: 2px solid #FF3300;
  overflow: hidden;
}
.szuropanel.-top .szuropanel-top-title {
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 0.5rem;
  color: #FF3300;
  text-transform: uppercase;
}
.szuropanel.-top .section:last-child .filter-item {
  margin-bottom: 0;
}
.szuropanel.-active {
  background: #ffffff;
  padding: 1.5rem 12px 1.5rem 12px;
  margin-bottom: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.szuropanel.-active .sections .section .filter-item:not(:last-child) {
  margin-bottom: 1.5rem;
}
.szuropanel .section-inner > .section-header {
  background: #ffffff;
  border-top: 1px solid #E0E0E0;
  padding: 1.5rem 12px;
  margin: 0;
  cursor: pointer;
  font-size: 13px;
  text-transform: uppercase;
}
.szuropanel .section-inner > .section-header + .section-content {
  padding: 0 12px 1.5rem 12px;
}
.szuropanel .section-inner > .section-header + .section-content .filter-item > .label {
  text-transform: none;
}
.szuropanel .section-inner > .section-header i {
  text-transform: none;
}
.szuropanel .section-inner > .section-content {
  background: #ffffff;
  padding: 1.5rem 12px 1.5rem 12px;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.szuropanel .section:first-child .section-header {
  border: none;
}
.szuropanel .filter-item {
  position: relative;
  /* Ne legyen radio gomb a kategóriák-alkategóriák előtt */
  /* Grube specifikus, színtípus */
}
.szuropanel .filter-item.-checkbox {
  display: flex;
  align-items: center;
}
.szuropanel .filter-item.-search .clear {
  right: 2rem;
}
.szuropanel .filter-item > .label {
  display: flex;
  align-items: center;
  margin: 0;
  padding-bottom: 0.5rem;
  cursor: pointer;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
}
.szuropanel .filter-item > .label i {
  text-transform: none;
}
.szuropanel .filter-item > .label .popper, .szuropanel .filter-item > .label .share-popper {
  top: 24px;
}
.szuropanel .filter-item .clear {
  position: absolute;
  right: 0;
  top: 0;
}
.szuropanel .filter-item .clear .icon.-clear, .szuropanel .filter-item .clear .accordion-header .-clear.toggler, .accordion-header .szuropanel .filter-item .clear .-clear.toggler {
  background: #DF0000;
  border-radius: 50%;
  width: 18px;
  height: 18px;
}
.szuropanel .filter-item .clear .icon.-clear:before, .szuropanel .filter-item .clear .accordion-header .-clear.toggler:before, .accordion-header .szuropanel .filter-item .clear .-clear.toggler:before {
  color: #ffffff;
  font-size: 18px;
}
.szuropanel .filter-item .selector.-closed input[type=text] {
  padding-right: 30px;
}
.szuropanel .filter-item .icon.-help, .szuropanel .filter-item .accordion-header .-help.toggler, .accordion-header .szuropanel .filter-item .-help.toggler {
  width: 20px;
  height: 20px;
  font-size: 20px;
}
.szuropanel .filter-item .icon.-help:before, .szuropanel .filter-item .accordion-header .-help.toggler:before, .accordion-header .szuropanel .filter-item .-help.toggler:before {
  font-size: 20px;
  color: #696969;
  margin-left: 0.25rem;
}
.szuropanel .filter-item.color-type .selector.-multi > .values {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 6px;
  padding: 0;
  overflow: visible;
}
.szuropanel .filter-item.color-type .selector.-multi > .values > .value {
  display: inline-block;
}
.szuropanel .filter-item.color-type .selector.-multi > .values > .value:before, .szuropanel .filter-item.color-type .selector.-multi > .values > .value:after {
  content: none;
}
.szuropanel .filter-item.color-type .selector.-multi > .values > .value .title {
  display: none;
}
.szuropanel .filter-item.color-type .selector.-multi > .values > .value .icon, .szuropanel .filter-item.color-type .selector.-multi > .values > .value .accordion-header .toggler, .accordion-header .szuropanel .filter-item.color-type .selector.-multi > .values > .value .toggler {
  position: relative;
  width: 40px;
  height: 40px;
  display: flex;
  cursor: pointer;
}
.szuropanel .filter-item.color-type .selector.-multi > .values > .value .icon img, .szuropanel .filter-item.color-type .selector.-multi > .values > .value .accordion-header .toggler img, .accordion-header .szuropanel .filter-item.color-type .selector.-multi > .values > .value .toggler img {
  width: 100%;
  border-radius: 50%;
  overflow: hidden;
}
.szuropanel .filter-item.color-type .selector.-multi > .values > .value.selected .icon:after, .szuropanel .filter-item.color-type .selector.-multi > .values > .value.selected .accordion-header .toggler:after, .accordion-header .szuropanel .filter-item.color-type .selector.-multi > .values > .value.selected .toggler:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  box-shadow: inset 0px 0px 0px 2px #ffffff, 0px 0px 0px 2px #FF3300;
  border-radius: 50%;
}
.szuropanel .filter-item.color .selector.-multi > .values > .value:before, .szuropanel .filter-item.color .selector.-multi > .values > .value:after {
  content: none;
}
.szuropanel .filter-item.color .selector.-multi > .values > .value .icon, .szuropanel .filter-item.color .selector.-multi > .values > .value .accordion-header .toggler, .accordion-header .szuropanel .filter-item.color .selector.-multi > .values > .value .toggler {
  position: relative;
  width: 20px;
  height: 20px;
  display: flex;
  cursor: pointer;
  margin-right: 4px;
}
.szuropanel .filter-item.color .selector.-multi > .values > .value .icon img, .szuropanel .filter-item.color .selector.-multi > .values > .value .accordion-header .toggler img, .accordion-header .szuropanel .filter-item.color .selector.-multi > .values > .value .toggler img {
  width: 100%;
  border-radius: 50%;
  overflow: hidden;
}
.szuropanel .filter-item.color .selector.-multi > .values > .value.selected .icon:after, .szuropanel .filter-item.color .selector.-multi > .values > .value.selected .accordion-header .toggler:after, .accordion-header .szuropanel .filter-item.color .selector.-multi > .values > .value.selected .toggler:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  box-shadow: inset 0px 0px 0px 2px #ffffff, 0px 0px 0px 2px #FF3300;
  border-radius: 50%;
}
.szuropanel .filter-item.size .selector.-multi > .values {
  display: grid;
  grid-template-columns: repeat(4, 25%);
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding: 2px;
}
.szuropanel .filter-item.size .selector.-multi > .values > .value {
  position: relative;
  font-weight: 700;
  font-size: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #E0E0E0;
  margin-top: -1px;
  margin-left: -1px;
  padding: 10px 2px;
  text-align: center;
  line-height: 1em;
}
.szuropanel .filter-item.size .selector.-multi > .values > .value .title {
  max-height: 100%;
  overflow: hidden;
}
.szuropanel .filter-item.size .selector.-multi > .values > .value:before, .szuropanel .filter-item.size .selector.-multi > .values > .value:after {
  content: none;
}
.szuropanel .filter-item.size .selector.-multi > .values > .value.selected:after {
  content: "";
  display: block;
  position: absolute;
  width: initial;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  box-shadow: 0px 0px 0px 2px #FF3300;
  height: initial;
  transform: initial;
  z-index: 1;
}
.szuropanel .filters-more {
  cursor: pointer;
  color: #006B37;
}
.szuropanel .filters-clear {
  color: #DF0000;
  margin-bottom: 1em;
  cursor: pointer;
}
@media only screen and (max-width: 1599px) {
  .szuropanel .filters-clear {
    padding: 0.5rem;
  }
}
.szuropanel .search-form .action {
  padding: 0;
}
.szuropanel.-categories {
  margin-bottom: 1rem;
}
.szuropanel.-categories .sections {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.szuropanel.-categories .filter-item .selector .values {
  display: grid;
  grid-template-rows: 1fr;
  padding: 0.5rem;
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  grid-template-columns: repeat(1, 1fr);
  max-height: 14.5em;
}
@media only screen and (min-width:576px) {
  .szuropanel.-categories .filter-item .selector .values {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width:768px) {
  .szuropanel.-categories .filter-item .selector .values {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width:992px) {
  .szuropanel.-categories .filter-item .selector .values {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width:1200px) {
  .szuropanel.-categories .filter-item .selector .values {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (min-width:1600px) {
  .szuropanel.-categories .filter-item .selector .values {
    grid-template-columns: repeat(5, 1fr);
  }
}
.szuropanel.-categories .filter-item .selector .values .value {
  display: flex;
  gap: 0.5rem;
  background: #ffffff;
  padding: 0.25rem;
  min-width: 0;
  border: 2px solid #F6F6F6;
  position: relative;
}
.szuropanel.-categories .filter-item .selector .values .value > a {
  color: inherit;
}
.szuropanel.-categories .filter-item .selector .values .value:before {
  content: none;
}
.szuropanel.-categories .filter-item .selector .values .value .img {
  width: 50px;
  height: 50px;
  padding-bottom: initial;
  flex-shrink: 0;
}
.szuropanel.-categories .filter-item .selector .values .value .title {
  font-weight: 600;
  padding-right: 20px;
  color: #222222;
}
.szuropanel.-categories .filter-item .selector .values .value .clear {
  right: 0.25rem;
  top: 0.25rem;
}
.szuropanel.-categories .filter-item .selector .values .value.selected {
  border: 2px solid #FF3300;
}

.szuropanel-toggler {
  margin-bottom: 24px;
}
.szuropanel-toggler > .button {
  width: 100%;
  position: relative;
}
.szuropanel-toggler > .button > .qty {
  min-width: 24px;
  height: 24px;
  background: #ffffff;
  color: #10AC4F;
  position: absolute;
  right: 1rem;
  top: 0;
  bottom: 0;
  margin: auto;
  line-height: 1.4;
  border-radius: 1rem;
}

.selector {
  position: relative;
}
.selector.-single > .values > .value:before {
  border-radius: 50%;
}
.selector.-single > .values > .value:after {
  content: "";
  display: block;
  background: #006B37;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0;
  transform: scale(0);
  color: #222222;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.selector.-single > .values > .value.selected:after {
  transform: scale(1);
}
.selector.-multi > .values {
  padding: 0.25rem;
}
.selector.-multi > .values > .value:after {
  font-weight: 700 !important;
  font-size: 11px !important;
  content: "check";
  color: #ffffff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 0;
  width: 14px;
  height: 14px;
  transform: scale(0) translateY(-50%);
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.selector.-multi > .values > .value.selected:before {
  background: #FF3300;
  border: 0px;
}
.selector.-multi > .values > .value.selected:after {
  transform: scale(1) translateY(-50%);
}
.selector.-closed > .values {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 5px 10px rgba(0, 0, 0, 0.1);
  position: absolute;
  z-index: 3;
}
.selector.-closed > .values > .value {
  padding: 10px 24px;
}
.selector .input input {
  cursor: pointer;
}
.selector > .values {
  scrollbar-color: #E0E0E0 #f4f7fc;
  scrollbar-width: thin;
  display: block;
  width: 100%;
  padding: 0;
  max-height: 12.5em;
  overflow: auto;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}
.selector > .values::-webkit-scrollbar {
  width: 6px;
}
.selector > .values::-webkit-scrollbar-track {
  background: #f4f7fc;
  border-radius: 3px;
}
.selector > .values::-webkit-scrollbar-thumb {
  background: #E0E0E0;
  border-radius: 3px;
}
.selector > .values::-webkit-scrollbar-thumb:hover {
  background: rgb(198.5, 198.5, 198.5);
}
.selector > .values > .value {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  font-size: 13px;
  color: #222222;
}
.selector > .values > .value:hover:before {
  background-color: #F6F6F6;
}
.selector > .values > .value:before {
  background: #F6F6F6;
  border: 1px solid #8D8D8D;
  content: "";
  display: block;
  margin-right: 10px;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  min-width: 14px;
  width: 14px;
  height: 14px;
}

.group-item {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.group-item:hover {
  text-decoration: none;
}
.group-item:hover > .title {
  color: #FF3300;
}
.group-item > .title {
  color: #222222;
  font-size: 20px;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  margin-bottom: 0;
}

.offer-popper textarea {
  min-height: 150px;
}

.cr-popper {
  max-width: 320px;
}

.video-popper {
  width: 800px;
}

.kapcs-szallmod-popper {
  width: 800px;
}

.last-view {
  padding: 3rem 0;
}
.last-view h2 {
  margin-top: 0;
  text-transform: uppercase;
  color: #006B37;
}

body:not(.bg-color-light) .last-view {
  background-color: #F6F6F6;
  margin-bottom: 4rem;
}

.most-viewed {
  margin: 4rem 0;
}
.most-viewed > h2 {
  margin-top: 0;
  text-transform: uppercase;
  color: #006B37;
}

.loan-item {
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 0;
}
.loan-item .loan-iframe {
  min-height: 420px;
  border: none;
  width: 100%;
}
.loan-item .into-cart {
  margin-top: 1rem;
}
.loan-item .into-cart .button {
  margin-bottom: 0 !important;
}

.mainpage .main-slider-wrapper {
  display: block;
  height: 150vw;
}
@media only screen and (min-width:576px) {
  .mainpage .main-slider-wrapper {
    height: 40vw;
    display: block;
  }
}
@media only screen and (min-width:1600px) {
  .mainpage .main-slider-wrapper {
    height: 638px;
  }
}
.mainpage .slider {
  position: relative;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}
.mainpage .slider.-desktop {
  display: none !important;
}
@media only screen and (min-width:576px) {
  .mainpage .slider.-desktop {
    display: block !important;
    height: 38.66vw;
  }
}
@media only screen and (min-width:1600px) {
  .mainpage .slider.-desktop {
    height: 627px !important;
  }
}
.mainpage .slider.-mobile {
  height: 147vw;
  overflow: hidden;
  display: block;
}
@media only screen and (min-width:576px) {
  .mainpage .slider.-mobile {
    display: none !important;
  }
}
.mainpage .slider .owl-item {
  border: none;
  box-shadow: none;
  border-radius: 0;
}
.mainpage .slider .owl-nav {
  height: 0;
}
.mainpage .slider:not(.owl-loaded) {
  opacity: 0;
}
.mainpage .slider:not(.owl-loaded) .owl-dots {
  opacity: 0;
}
.mainpage .slider.owl-loaded {
  animation: fade-in 0.25s;
}
.mainpage .slider.owl-loaded .owl-dots {
  animation: fade-in 0.25s;
}

@media only screen and (max-width: 767px) {
  .mainpage-box-row .child-w-1-in-5 > div {
    width: 25%;
  }
}

/*akció sablon*/
.sale-item.-box .img {
  padding-bottom: 50%;
}

.product-categories-wrapper {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  padding-top: 37px;
  padding-bottom: 4rem;
}
@media only screen and (min-width:992px) {
  .product-categories-wrapper {
    padding-top: 53px;
  }
}
@media only screen and (max-width: 991px) {
  .product-categories-wrapper {
    gap: 3rem;
  }
}

.mainpage-offers-wrapper {
  padding-top: 2rem;
  padding-bottom: 3rem;
  background-color: #F6F6F6;
}
.mainpage-offers-wrapper h2 {
  margin-top: 0;
  color: #006B37;
}
.mainpage-offers-wrapper .mainpage-box-row {
  row-gap: 1.5rem;
}
.mainpage-offers-wrapper .offers-left > .row {
  row-gap: 1.5rem;
}
.mainpage-offers-wrapper .offers-right .p-item.-box {
  gap: 12px;
  padding: 1.5rem;
}
.mainpage-offers-wrapper .offers-right .p-item.-box .title {
  font-size: 20px;
}
.mainpage-offers-wrapper .offers-right .p-item.-box > .shop {
  width: 100%;
}
.mainpage-offers-wrapper .offers-right .p-item.-box > .shop .price-wrapper .price {
  font-size: 24px;
}
.mainpage-offers-wrapper .offers-right .p-item.-box > .shop .price-wrapper .price.-original {
  font-size: 16px;
}
.blog-newsletter-wrapper {
  display: flex;
  flex-direction: column;
  padding: 4rem 0;
  gap: 4rem;
}
.blog-newsletter-wrapper h2 {
  margin-top: 0;
  color: #006B37;
}

.services-icons {
  color: #696969;
  display: flex;
  justify-content: space-between;
  font-size: 14px;
}
@media only screen and (max-width: 1199px) {
  .services-icons {
    font-size: 12px;
    gap: 36px;
  }
}
@media only screen and (max-width: 991px) {
  .services-icons {
    gap: initial;
    row-gap: 1rem;
    column-gap: 1.5rem;
    font-size: 14px;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 575px) {
  .services-icons {
    justify-content: center;
  }
}
.services-icons > div {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media only screen and (max-width: 1599px) {
  .services-icons > div {
    gap: 0.5rem;
  }
}
@media only screen and (max-width: 1199px) {
  .services-icons > div {
    gap: 0.5rem;
  }
}
@media only screen and (max-width: 991px) {
  .services-icons > div {
    gap: 1rem;
  }
}
@media only screen and (max-width: 575px) {
  .services-icons > div {
    width: 100%;
  }
}
.services-icons > div:after {
  content: "";
  position: absolute;
  right: -45px;
  width: 1px;
  height: 100%;
  background: #E0E0E0;
}
@media only screen and (max-width: 1599px) {
  .services-icons > div:after {
    right: -16px;
  }
}
@media only screen and (max-width: 1199px) {
  .services-icons > div:after {
    right: -18px;
  }
}
@media only screen and (max-width: 991px) {
  .services-icons > div:after {
    content: none;
  }
}
.services-icons > div:last-child:after {
  content: none;
}
.services-icons > div img {
  font-size: 0px;
  width: 40px;
  height: 40px;
}
@media only screen and (max-width: 1199px) {
  .services-icons > div img {
    width: 30px;
    height: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .services-icons > div img {
    width: 40px;
    height: 40px;
  }
}
.services-icons > div div {
  font-weight: 600;
  line-height: 1.214em;
  text-transform: uppercase;
}
.services-icons > div div > span {
  display: block;
}
.services-icons > div div > span:not(:first-child) {
  margin-left: 2px;
}
@media only screen and (max-width: 575px) {
  .services-icons > div div > span {
    display: inline-block;
    margin-left: 0;
  }
}

/*
.mainpage-brands {
    display: flex;
    flex-direction: column;
    gap: $unit-3;

    .mainpage-box-row {
        display: flex;
        gap: $unit-5;
        justify-content: space-between;
        width: 100%;

        @media only screen and (max-width: 991px) {
            gap: $unit-4;
        }
    }
}
*/
.mainpage-brands-slider.owl-carousel .owl-item a:focus-visible {
  outline-offset: -2px;
}
.mainpage-brands-slider.owl-carousel .owl-item a img {
  position: relative;
  z-index: -1;
}
.mainpage-brands-slider.owl-carousel.has-nav-enabled {
  width: calc(100% - 88px);
  left: 44px;
}
.mainpage-brands-slider.owl-carousel.has-nav-enabled .owl-nav {
  width: calc(100% + 88px);
  left: -44px;
}
.mainpage-brands-slider.owl-carousel.has-nav-enabled .owl-nav button.owl-next, .mainpage-brands-slider.owl-carousel.has-nav-enabled .owl-nav button.owl-prev {
  background: rgba(246, 246, 246, 0.9);
}

/* kep_szoveggel doboz */
.boxes-to-slider .image-with-text {
  height: 358px;
}
@media only screen and (min-width:992px) {
  .boxes-to-slider .image-with-text {
    height: 256px;
  }
}

.product-group-boxes {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media only screen and (max-width: 991px) {
  .product-group-boxes {
    scrollbar-color: #E0E0E0 #f4f7fc;
    scrollbar-width: thin;
    flex-direction: row;
    overflow-x: auto;
  }
  .product-group-boxes::-webkit-scrollbar {
    width: 6px;
  }
  .product-group-boxes::-webkit-scrollbar-track {
    background: #f4f7fc;
    border-radius: 3px;
  }
  .product-group-boxes::-webkit-scrollbar-thumb {
    background: #E0E0E0;
    border-radius: 3px;
  }
  .product-group-boxes::-webkit-scrollbar-thumb:hover {
    background: rgb(198.5, 198.5, 198.5);
  }
  .product-group-boxes::-webkit-scrollbar {
    width: initial;
    height: 6px;
  }
}
.product-group-boxes .mainpage-box-row {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
}
@media only screen and (max-width: 991px) {
  .product-group-boxes .mainpage-box-row {
    min-width: 1416px;
  }
}
@media only screen and (max-width: 1599px) {
  .product-group-boxes .image-with-text .title {
    padding: 12px;
  }
}
@media only screen and (max-width: 991px) {
  .product-group-boxes .image-with-text .title {
    padding: 24px;
  }
}
@media only screen and (min-width:1200px) and (max-width: 1599px) {
  .product-group-boxes .image-with-text h2 {
    font-size: 24px;
  }
  .product-group-boxes .image-with-text h3 {
    font-size: 16px;
  }
}
@media only screen and (min-width:992px) and (max-width: 1199px) {
  .product-group-boxes .image-with-text h2 {
    font-size: 20px;
  }
  .product-group-boxes .image-with-text h3 {
    font-size: 14px;
  }
}

.mainpage-blog .mainpage-box-row {
  row-gap: 1rem;
}
@media only screen and (max-width: 991px) {
  .mainpage-blog .mainpage-box-row > div:nth-child(3) {
    display: none;
  }
}

.newsletter-block h2 {
  margin-top: 0;
}
.newsletter-block .mainpage-newsletter-settings h2 {
  display: none;
}
.newsletter-block .newsletter-content {
  padding: 2rem;
}
.newsletter-block .newsletter-image {
  height: auto;
  flex: 1;
  background-size: cover;
  background-position: center;
  min-height: 330px;
}
.newsletter-block .newsletter-image img {
  position: absolute;
  left: 0;
  top: 0;
  max-width: initial;
  min-width: initial;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.newsletter-block .image-fullwidth {
  min-height: 185px;
  position: relative;
}
.newsletter-block .image-fullwidth img {
  position: absolute;
  left: 0;
  top: 0;
  max-width: initial;
  min-width: initial;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.brands-wrapper .highlighted-brands-wrapper {
  border: 1px solid #E0E0E0;
}
.brands-wrapper .highlighted-brands-wrapper .highlighted-brands-row {
  row-gap: 1.5rem;
}
.brands-wrapper .brands-row {
  row-gap: 1.5rem;
  margin-bottom: 1.5rem;
}
.brands-wrapper .brand-item {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.brands-wrapper .brand-item .details {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.brands-wrapper .brand-item .title {
  display: block;
  font-weight: 700;
}
.brands-wrapper .brand-item .desc {
  margin-top: 0.5rem;
  font-size: 13px;
  max-height: 2.75em;
  overflow: hidden;
}
.brands-wrapper .brand-item .buttons {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: auto;
}
@media only screen and (max-width: 575px) {
  .brands-wrapper .brand-item .buttons {
    flex-direction: column;
  }
}

/* gyártói oldal, ha az nincs, törölhető */
.bd .brand-head {
  margin-top: 1rem;
}
.bd .brand-head .logo-n-title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: 1.5rem;
}
.bd .brand-head .logo-n-title > .logo {
  width: 180px;
}
.bd .brand-head .logo-n-title > .title {
  margin: 0;
}
/*főoldali brand sablon*/
.brand-item:hover {
  text-decoration: none;
}
.brand-item--box .img {
  padding-bottom: 50%;
}
.sites-container .site {
  padding-top: 24px;
  padding-bottom: 24px;
}
.sites-container .site__details {
  align-self: center;
}
.sites-container .site__details > * {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  justify-content: space-between;
}
@media only screen and (min-width:768px) {
  .sites-container .site__details > * {
    flex-wrap: nowrap;
  }
}
.sites-container .site__details > * > *:first-child {
  min-width: 100%;
}
@media only screen and (min-width:768px) {
  .sites-container .site__details > * > *:first-child {
    padding-right: 5px;
    min-width: 125px;
  }
}
.sites-container .site__details > * > *:last-child {
  font-weight: 700;
}
.sites-container .site__name {
  margin-bottom: 12px;
  font-weight: 700;
  font-size: 20px;
}
.sites-container .site__banknum .item {
  display: block;
}
.cards-container .group {
  padding-top: 24px;
  padding-bottom: 24px;
  border-top: 1px solid #E0E0E0;
}
.cards-container .group .title {
  display: flex;
  align-items: center;
}
.cards-container .group .cards-wrapper {
  row-gap: 1.5rem;
}
.cards-container .card {
  padding: 0.5rem;
  border: 1px solid #E0E0E0;
  border-radius: 8px;
}
.cards-container .card__details {
  margin-top: 0.5rem;
}
.cards-container .card__details > * {
  display: block;
}
.cards-container .card__name {
  font-weight: 700;
}
.cards-container .card__role {
  margin-bottom: 0.5rem;
  font-size: 13px;
}
.cards-container .card__landline {
  font-size: 13px;
}
.cards-container .card__mobile {
  font-size: 13px;
  display: flex;
  gap: 0.25rem;
  align-items: center;
}
.cards-container .card__mobile:before {
  content: "call";
  font-size: 16px;
}
.cards-container .card__email {
  font-size: 13px;
  display: flex;
  gap: 0.25rem;
  align-items: center;
}
.cards-container .card__email:before {
  content: "mail";
  font-size: 16px;
}

/* Floating contact popper */
.floating-contact-toggle {
  position: fixed;
  right: 0.5rem;
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.15), 0px 1px 4px rgba(0, 0, 0, 0.15);
  top: calc(50% - 32px);
  z-index: 14;
  border-radius: 50%;
  cursor: pointer;
  border: 2px solid transparent;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.floating-contact-toggle:hover {
  border: 2px solid #FF3300;
}
.floating-contact-toggle i.icon, .floating-contact-toggle .accordion-header i.toggler, .accordion-header .floating-contact-toggle i.toggler {
  color: #FF3300;
}
@media only screen and (max-width: 767px) {
  .floating-contact-toggle {
    right: 1rem;
    width: 50px;
    height: 50px;
  }
  .floating-contact-toggle i.icon, .floating-contact-toggle .accordion-header i.toggler, .accordion-header .floating-contact-toggle i.toggler {
    font-size: 24px !important;
    width: 24px !important;
    height: 24px !important;
  }
}

.floating-contact-popper {
  max-width: calc(100% - 0.5rem);
}
@media only screen and (min-width:576px) {
  .floating-contact-popper {
    max-width: 480px;
  }
}

.cart .cart-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 3rem;
}
@media only screen and (max-width: 767px) {
  .cart .cart-head {
    flex-direction: column;
    gap: 1.5rem;
    align-items: flex-start;
    padding-bottom: 1rem;
  }
}
.cart .cart-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .cart .cart-bottom {
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: flex-start;
  }
  .cart .cart-bottom > *:last-child {
    margin-left: auto;
  }
}
.cart .cart-inner-wrapper .cart-data-wrapper > .input-wrapper, .cart .cart-inner-wrapper .cart-data-wrapper.form-block > div {
  margin: 0;
}
.cart .cart-inner-wrapper .cart-data-wrapper > div {
  padding: 1.5rem 0;
  border-bottom: 1px solid #E0E0E0;
}
.cart .cart-inner-wrapper .cart-data-wrapper > div:first-child {
  padding-top: 0px;
}
.cart .cart-icons {
  display: flex;
  gap: 2rem;
  cursor: pointer;
}
.cart .cart-icons .cart-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.cart .cart-icons .cart-icon .icon, .cart .cart-icons .cart-icon .accordion-header .toggler, .accordion-header .cart .cart-icons .cart-icon .toggler {
  color: #006B37;
}
.cart .cart-icons .cart-icon span {
  font-size: 11px;
  font-weight: 500;
  text-align: center;
}
.cart .cart-icons .cart-icon.-faux .icon, .cart .cart-icons .cart-icon.-faux .accordion-header .toggler, .accordion-header .cart .cart-icons .cart-icon.-faux .toggler, .cart .cart-icons .gallery-hd .owl-nav > .cart-icon.disabled .icon, .cart .cart-icons .gallery-hd .owl-nav > .cart-icon.disabled .accordion-header .toggler, .accordion-header .cart .cart-icons .gallery-hd .owl-nav > .cart-icon.disabled .toggler, .gallery-hd .cart .cart-icons .owl-nav > .cart-icon.disabled .icon, .gallery-hd .cart .cart-icons .owl-nav > .cart-icon.disabled .accordion-header .toggler, .accordion-header .gallery-hd .cart .cart-icons .owl-nav > .cart-icon.disabled .toggler {
  color: #696969;
}
.cart .steps {
  display: inline-flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.5rem;
}
@media only screen and (max-width: 767px) {
  .cart .steps {
    width: 100%;
  }
}
.cart .step {
  justify-content: center;
  min-width: 45px;
  border-top: 3px solid rgba(0, 107, 55, 0.25);
  font-size: 11px;
  padding-top: 0.25rem;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.cart .step .step-num {
  margin-right: 0.25rem;
  display: none;
}
.cart .step.-active {
  min-width: 175px;
  border-top: 3px solid #006B37;
  color: #006B37;
  font-weight: 500;
}
.cart .step:not(.-active) .step-name {
  display: none;
}
.cart .step.-completed {
  font-weight: 700;
  border-top: 3px solid #006B37;
}
@media only screen and (max-width: 767px) {
  .cart .step {
    flex-grow: 1;
    margin: 0.25rem 0;
    min-width: initial;
  }
  .cart .step.-active {
    min-width: initial;
    flex: 0 0 35%;
  }
}
.cart .data > *:not(i) {
  align-items: center;
}
.cart .data > *:not(i) > * {
  line-height: 1em;
}
.cart .data > *:not(i) > *:first-child {
  font-size: 14px;
  font-weight: 600;
  color: #696969;
  text-transform: uppercase;
}
.cart .data > *:not(i) > *:first-child .icon, .cart .data > *:not(i) > *:first-child .accordion-header .toggler, .accordion-header .cart .data > *:not(i) > *:first-child .toggler {
  text-transform: initial;
}
@media only screen and (max-width: 575px) {
  .cart .data > *:not(i) > *:first-child {
    margin-bottom: 5px;
  }
}
.cart .data > *:not(i) > *:last-child {
  font-size: 16px;
  font-weight: 700;
  margin-top: 0.5rem;
}
.cart .data > *:not(i) > *:last-child.input-wrapper, .cart .data > *.form-block:not(i) > div:last-child {
  margin-bottom: 0;
}
.cart .data > *:not(i) > *:last-child.input-wrapper .note, .cart .data > *.form-block:not(i) > div:last-child .note {
  font-weight: 400;
  font-size: 13px;
  margin-left: 31px;
  margin-top: 2px;
  margin-bottom: 2px;
}
.cart .data.-with-gap {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.cart .data .new-billing #bc--selected,
.cart .data .new-billing .select-wrapper,
.cart .data .new-billing .selector .input,
.selector .cart .data .new-billing .input {
  margin-left: 0;
}
.cart .data .new-delivery #dc--selected,
.cart .data .new-delivery .select-wrapper,
.cart .data .new-delivery .selector .input,
.selector .cart .data .new-delivery .input {
  margin-left: 0;
}
.cart .accordion-data {
  position: relative;
}
.cart .accordion-data > .accordion-header {
  cursor: pointer;
}
.cart .accordion-data > .accordion-header .head {
  margin-bottom: 0;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.cart .accordion-data > .accordion-header .head .selected-value {
  max-height: 48px;
  overflow: hidden;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.cart .accordion-data > .accordion-header .icon, .cart .accordion-data > .accordion-header .toggler {
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.cart .accordion-data > .accordion-header.-open .icon, .cart .accordion-data > .accordion-header.-open .toggler {
  transform: rotate(180deg);
}
.cart .accordion-data > .accordion-header.-open .head {
  margin-bottom: 0.5rem;
  z-index: 1;
}
.cart .accordion-data > .accordion-header.-open .head .label {
  color: #006B37;
}
.cart .accordion-data > .accordion-header.-open .head .selected-value {
  max-height: 0;
}
.cart .accordion-data > .accordion-header.-open .icon, .cart .accordion-data > .accordion-header.-open .toggler {
  color: #006B37;
}
.cart .accordion-data > .accordion-header.-open:before {
  content: "";
  display: block;
  position: absolute;
  left: -1.5rem;
  right: -1.5rem;
  top: calc(-1.5rem - 1px);
  bottom: calc(-1.5rem - 1px);
  background: #006B37;
  opacity: 0.1;
  z-index: 0;
}
.cart .accordion-data > .accordion-content-cart {
  max-height: 0;
  overflow: hidden;
  position: relative;
  background: #ffffff;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.cart .accordion-data > .accordion-content-cart > .accordion-content-inner {
  scrollbar-color: #E0E0E0 #f4f7fc;
  scrollbar-width: thin;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid #E0E0E0;
}
.cart .accordion-data > .accordion-content-cart > .accordion-content-inner::-webkit-scrollbar {
  width: 6px;
}
.cart .accordion-data > .accordion-content-cart > .accordion-content-inner::-webkit-scrollbar-track {
  background: #f4f7fc;
  border-radius: 3px;
}
.cart .accordion-data > .accordion-content-cart > .accordion-content-inner::-webkit-scrollbar-thumb {
  background: #E0E0E0;
  border-radius: 3px;
}
.cart .accordion-data > .accordion-content-cart > .accordion-content-inner::-webkit-scrollbar-thumb:hover {
  background: rgb(198.5, 198.5, 198.5);
}
.cart .accordion-data > .accordion-content-cart > .accordion-content-inner > .input-wrapper, .cart .accordion-data > .accordion-content-cart > .accordion-content-inner.form-block > div {
  margin-bottom: 0;
}
.cart .accordion-data > .accordion-content-cart > .accordion-content-inner > .input-wrapper > label, .cart .accordion-data > .accordion-content-cart > .accordion-content-inner.form-block > div > label {
  display: none;
}
.cart .accordion-data > .accordion-content-cart.-show {
  max-height: 350px;
}
.cart .accordion-data.-szallitas > .accordion-content-cart.-show {
  max-height: initial;
}
.cart .imports-wrapper, .cart .exports-wrapper {
  margin-bottom: 1.5rem;
}
.cart .imports-wrapper > .input-wrapper, .cart .imports-wrapper.form-block > div, .cart .exports-wrapper > .input-wrapper, .cart .exports-wrapper.form-block > div {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .cart .imports-wrapper, .cart .exports-wrapper {
    flex-wrap: wrap;
  }
}
.cart .tax.-eunum {
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .cart .tax.-eunum.message .inner {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 575px) {
  .cart .tax.-eunum.message .inner > div {
    width: 100%;
  }
}
.cart .tax.-eunum div.nav {
  margin: 0 !important;
}
@media only screen and (max-width: 575px) {
  .cart .tax.-eunum div.nav {
    justify-content: center !important;
    margin: 1rem 0 0 0 !important;
  }
}
.cart .tax.-eunum div.nav input[type=submit]:first-child {
  margin-bottom: 0 !important;
}
@media only screen and (max-width: 575px) {
  .cart .tax.-eunum div.nav input[type=submit]:first-child {
    width: auto;
  }
}
.cart .tax.message .inner {
  padding: 1rem;
  margin: 0 auto;
  color: #222222;
}
@media only screen and (min-width:768px) {
  .cart .tax.message .inner {
    line-height: 48px;
  }
}
.cart .tax.message .inner > div > div {
  padding: 0;
}
.cart .tax.message .inner > div > div:first-child {
  margin-right: 1rem;
}
@media only screen and (max-width: 339px) {
  .cart .tax.message .inner > div > div:first-child {
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 339px) {
  .cart .tax.message .inner > div > div {
    width: 100%;
  }
}
@media only screen and (max-width: 339px) {
  .cart .tax.message .inner > div {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 339px) {
  .cart .tax.message .inner .field {
    width: 100%;
  }
}
.cart .order-notice {
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .cart .order-notice {
    text-align: center;
    order: 1;
  }
}
.cart .atvet-wrapper.scroll-wrapper {
  max-height: 400px;
  margin-top: 24px;
}

.cart-info {
  display: flex;
  justify-content: flex-end;
  text-align: right;
}
.cart-info.-time {
  max-width: 490px;
}
.offer-wrapper.-mini .offer-head, .offer-wrapper.-mini .pack-head, .pack-wrapper.-mini .offer-head, .pack-wrapper.-mini .pack-head {
  flex-wrap: wrap;
}
.offer-wrapper.-mini .offer-head h3, .offer-wrapper.-mini .pack-head h3, .pack-wrapper.-mini .offer-head h3, .pack-wrapper.-mini .pack-head h3 {
  width: 100%;
}
.offer-wrapper.-mini .offer-head .price, .offer-wrapper.-mini .pack-head .price, .pack-wrapper.-mini .offer-head .price, .pack-wrapper.-mini .pack-head .price {
  padding-right: 1rem;
}
.offer-wrapper.-mini .offer-content, .offer-wrapper.-mini .pack-content, .pack-wrapper.-mini .offer-content, .pack-wrapper.-mini .pack-content {
  padding: 0.5rem;
}

.offer-head, .pack-head {
  padding-top: 1rem;
  padding-bottom: 1rem;
  flex-wrap: wrap;
}
.offer-head h3, .pack-head h3 {
  margin: 0;
  text-transform: uppercase;
}
.offer-head .price, .pack-head .price {
  margin-left: auto;
  padding-right: 0rem;
  font-size: 20px;
  font-weight: 700;
}

.offer-content, .pack-content {
  border: 1px solid #E0E0E0;
  padding: 24px;
}
.offer-content .p-item.-cart:last-child, .offer-content .p-item.-shipping:last-child, .offer-content .p-item.-cod:last-child, .pack-content .p-item.-cart:last-child, .pack-content .p-item.-shipping:last-child, .pack-content .p-item.-cod:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

@media only screen and (min-width:768px) {
  .cart__creditcard .message .inner {
    min-width: 360px;
  }
}

.shipping-methods .method {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.upload-popper {
  right: 0;
}

.cart-popper {
  right: -0.5rem;
  top: calc(100% + 14px);
  max-height: 80vh;
  scrollbar-color: #E0E0E0 #f4f7fc;
  scrollbar-width: thin;
}
.cart-popper::-webkit-scrollbar {
  width: 6px;
}
.cart-popper::-webkit-scrollbar-track {
  background: #f4f7fc;
  border-radius: 3px;
}
.cart-popper::-webkit-scrollbar-thumb {
  background: #E0E0E0;
  border-radius: 3px;
}
.cart-popper::-webkit-scrollbar-thumb:hover {
  background: rgb(198.5, 198.5, 198.5);
}

.credit-card-aszf > a {
  display: block;
  margin-bottom: 1em;
}

.cart-coupon {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .cart-coupon .input-wrapper .inner, .cart-coupon .form-block > div .inner {
    flex-direction: column;
    gap: 0.5rem;
  }
  .cart-coupon .input-wrapper .inner > *, .cart-coupon .form-block > div .inner > * {
    width: 100%;
  }
}

.cart-mini {
  -webkit-animation: fade-in 0.5s ease-out both;
  animation: fade-in 0.5s ease-out both;
}
.cart-mini > a.popped > i:before {
  content: "";
  position: absolute;
  display: block;
  left: 50%;
  top: 32px;
  width: 12px;
  height: 12px;
  background: #ffffff;
  background: #ffffff;
  transform: translate(-50%) rotate(45deg);
  z-index: 17;
  animation: ShowPopper 0.15s;
  animation-fill-mode: forwards;
}
.cart-mini .sum-wrapper {
  margin: 1rem 0;
}
.cart-mini .sum-wrapper > .inner > .price.-highlight > *:last-child {
  font-size: 13px;
}
.cart-mini .sum-wrapper > .inner > div > *:last-child {
  font-size: 20px;
}

.cart-newsletter .newsletter-wrapper .item:last-child {
  margin-bottom: 0;
}
.cart-newsletter .newsletter-wrapper .item:last-child .input-wrapper, .cart-newsletter .newsletter-wrapper .item:last-child .form-block > div {
  margin-bottom: 0;
}

.shopping-type .toggler .toggler-item {
  margin-bottom: 1.5rem;
}
.shopping-type .toggler .toggler-item > div {
  background: #ffffff;
  border-radius: 8px;
  border: 2px solid #ffffff;
  padding: 1.5rem;
  cursor: pointer;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  color: #222222;
}
.shopping-type .toggler .toggler-item > div:hover {
  background: rgb(249.9, 249.9, 249.9);
  border: 2px solid #006B37;
}
.shopping-type .toggler .toggler-item > div:active {
  background: rgb(244.8, 244.8, 244.8);
  border: 2px solid #006B37;
}
.shopping-type .toggler .toggler-item > div .title {
  margin: 0;
}
.shopping-type .toggler .toggler-item > div .desc {
  font-size: 14px;
  color: #696969;
  margin-top: 0.5rem;
}

.cart-comment p:last-child {
  margin-bottom: 0;
}

.downloads .downloads-wrapper {
  flex-wrap: wrap;
  display: flex;
}
.downloads .downloads-wrapper .category .title {
  font-weight: 700;
  margin-bottom: 3px;
}
.downloads .downloads-wrapper .category .list > li > a {
  display: block;
  padding: 3px 0;
  font-size: 14px;
}
.downloads .search-form {
  display: block;
}
.downloads .pager {
  justify-content: flex-end;
}
.downloads .table img {
  width: 24px;
}
.downloads .accordion-header img {
  display: inline-block;
  width: 24px;
}

.download-item > .inner {
  background: #F6F6F6;
}
.download-item > .inner .img-wrapper {
  flex-shrink: 0;
  flex-grow: 0;
  width: 25%;
}
.download-item > .inner .details {
  flex-grow: 1;
  padding: 1rem;
}

.compare {
  bottom: 0;
  right: 0;
  min-width: 24px;
  max-height: 100%;
}
@media only screen and (max-width: 575px) {
  .compare {
    width: 75%;
  }
}
.compare .remove-icon {
  margin-left: 24px;
}
.compare .remove-icon:before {
  content: "close";
}

.compare__head {
  position: relative;
  -webkit-animation: fade-in 0.5s ease-out both;
  animation: fade-in 0.5s ease-out both;
}
.compare__head.active {
  background-color: #006B37;
}
.compare__head:after {
  content: "compare";
  color: #ffffff;
  position: relative;
  bottom: 0;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.compare__head.popped:after {
  content: "compare";
}
.compare__head .qty {
  z-index: 1;
}

.compare__body {
  position: relative;
}
.compare__body .group {
  border-top: 1px solid #E0E0E0;
  font-weight: 700;
  padding: 10px 0 5px;
}
.compare__body .group > div:first-child {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.compare__body .group > div:first-child a {
  position: relative;
  color: #222222;
}
.compare__body .group > div:first-child a:hover {
  color: #006B37;
}
.compare__body .group > div:first-child a + span {
  background: #ffffff;
  position: relative;
  right: initial;
  top: initial;
  display: inline-flex;
}
.compare__body .group:first-child {
  border: none;
  padding-top: 0;
}
.compare__body .item {
  min-height: 24px;
  padding: 3px 0;
}
.compare__body .item > a {
  color: #222222;
}
.compare__body .item > a:hover {
  color: #006B37;
}

.compare__clear {
  margin-top: 1.5rem;
}

.compare-table .compare-table-outer {
  overflow-x: overlay;
  scrollbar-color: #E0E0E0 #f4f7fc;
  scrollbar-width: thin;
}
.compare-table .compare-table-outer::-webkit-scrollbar {
  width: 6px;
}
.compare-table .compare-table-outer::-webkit-scrollbar-track {
  background: #f4f7fc;
  border-radius: 3px;
}
.compare-table .compare-table-outer::-webkit-scrollbar-thumb {
  background: #E0E0E0;
  border-radius: 3px;
}
.compare-table .compare-table-outer::-webkit-scrollbar-thumb:hover {
  background: rgb(198.5, 198.5, 198.5);
}
.compare-table .compare-table-outer::-webkit-scrollbar {
  width: initial;
  height: 6px;
}
.compare-table .compare-table-inner {
  min-width: 550px;
}
.compare-table .title {
  text-align: center;
}
.compare-table .title a {
  font-size: 16px;
  font-weight: 500;
  color: #222222;
}
.compare-table .no {
  text-align: center;
  font-size: 13px;
  color: #696969;
}
.compare-table .shop {
  text-align: center;
}
.compare-table .shop .into-cart {
  display: flex;
}
.compare-table .shop .into-cart .me {
  margin-left: 0.5em;
  margin-right: 0.5em;
  font-size: 11px;
  font-weight: 500;
}
.compare-table .compare-table-row {
  display: flex;
  position: relative;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.compare-table .compare-table-row > div {
  padding: 0.5rem;
}
.compare-table .compare-table-row:hover {
  background: #F6F6F6;
}
.compare-table .compare-table-row .compare-label {
  font-weight: 700;
  text-align: right;
}
.compare-table .compare-table-row .compare-value {
  position: relative;
  text-align: center;
}
.compare-table .compare-table-row.-different {
  background-color: rgba(255, 224, 0, 0.25);
  border-color: rgba(255, 224, 0, 0.5);
}
.compare-table .compare-table-row.-highlighted {
  background-color: rgba(255, 51, 0, 0.25);
}
.compare-table input.-qty {
  height: 48px;
}

.reg .data-wrapper .uploaded-wrapper .item {
  padding: 5px 0;
  border-bottom: 1px solid #E0E0E0;
}
.reg .data-wrapper .uploaded-wrapper .item:last-child {
  border-bottom: none;
}
.reg .data-wrapper .form .delivery {
  margin-top: 12px;
}
.reg .data-wrapper .form .hear-about > .item {
  margin-bottom: 1rem;
}
.reg .data-wrapper .form .hear-about > .item label {
  margin-bottom: 0;
}
.reg .data-wrapper .form .hear-about > .item .field {
  margin-top: 0.25rem;
}
@media only screen and (max-width: 767px) {
  .reg .data-wrapper .input-wrapper.-browse .inner, .reg .data-wrapper .form-block > div.-browse .inner {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .reg .data-wrapper .input-wrapper.-browse .browse-label, .reg .data-wrapper .form-block > div.-browse .browse-label, .reg .data-wrapper .input-wrapper.-browse .browse-comment, .reg .data-wrapper .form-block > div.-browse .browse-comment {
    width: 100%;
    margin-bottom: 12px;
  }
}
.type-wrapper > .section > div {
  position: relative;
}
.type-wrapper > .section > div > .note {
  margin: 0 0 5px 24px;
}
.type-wrapper > .section > div > .input-wrapper, .type-wrapper > .section > div.form-block > div {
  margin-bottom: 0;
}
.type-wrapper > .section > div > .input-wrapper > .inner, .type-wrapper > .section > div.form-block > div > .inner {
  margin: 0;
}
.type-wrapper > .section > div > .input-wrapper input[type=radio] + label, .type-wrapper > .section > div.form-block > div input[type=radio] + label {
  margin: 0;
  background: #F6F6F6;
  border-radius: 8px;
  border: 2px solid #ffffff;
  padding: 1.5rem;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  justify-content: center;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.type-wrapper > .section > div > .input-wrapper input[type=radio] + label:hover, .type-wrapper > .section > div.form-block > div input[type=radio] + label:hover {
  background: rgb(240.9, 240.9, 240.9);
  border: 2px solid #006B37;
}
.type-wrapper > .section > div > .input-wrapper input[type=radio] + label:before, .type-wrapper > .section > div.form-block > div input[type=radio] + label:before {
  content: none;
}
.type-wrapper > .section > div > .input-wrapper input[type=radio] + label:after, .type-wrapper > .section > div.form-block > div input[type=radio] + label:after {
  content: none;
}
.type-wrapper > .section > div > .input-wrapper input[type=radio]:checked + label, .type-wrapper > .section > div.form-block > div input[type=radio]:checked + label, .type-wrapper > .section > div > .input-wrapper input[type=radio].faux-radio.selected + label, .type-wrapper > .section > div.form-block > div input[type=radio].faux-radio.selected + label {
  background: rgb(240.9, 240.9, 240.9);
  border: 2px solid #006B37;
  font-weight: 700;
}
.type-wrapper > .section > div > .input-wrapper input[type=radio]:focus-visible + label, .type-wrapper > .section > div.form-block > div input[type=radio]:focus-visible + label {
  outline: auto;
}

.forgot-password {
  font-size: 13px;
  font-weight: 400;
}

.orders-wrapper {
  margin-top: 0;
  margin-bottom: 0;
}
.orders-wrapper .o-item {
  margin: 1rem 0;
}
.orders-wrapper .o-item:last-child {
  margin-bottom: 0;
}
.orders-wrapper .o-item .head {
  margin: 1rem 0 0 0;
}
.orders-wrapper .o-item .head > div {
  break-inside: avoid;
  margin: 1rem 0 0 0;
}
.orders-wrapper .o-item .head > div > * {
  width: 50%;
}
.orders-wrapper .o-item .head > div > *:first-child {
  font-weight: 700;
}
.orders-wrapper .o-item .atvet-wrapper {
  margin-top: 0;
}
.orders-wrapper .o-item .atvet-wrapper.-selected .item {
  margin-top: 0;
  margin-bottom: 1rem;
  position: relative;
}
.orders-wrapper .o-item .atvet-wrapper.-selected .item .more-popper {
  position: absolute;
}
.orders-wrapper .o-item .accordion {
  margin-bottom: 0;
}
.orders-wrapper .o-item .accordion .accordion-header.-open {
  background: #006B37;
  color: #ffffff;
}
.orders-wrapper .o-item .accordion .accordion-content {
  max-height: initial;
  border-color: #006B37;
}

.invoices.-list .downloads-wrapper {
  flex-wrap: wrap;
}
@media only screen and (max-width: 575px) {
  .invoices.-list .downloads-wrapper .button {
    width: 100%;
    text-align: center;
  }
}
@media only screen and (max-width: 991px) {
  .invoices.-list .downloads-wrapper .button {
    margin-bottom: 0.5rem;
  }
}
@media only screen and (min-width:576px) {
  .invoices.-list .downloads-wrapper .button {
    margin-right: 0.5rem;
  }
}
.invoices.-list .accordion-header {
  font-weight: 700;
  padding: 1rem;
}
.invoices.-list .accordion-content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1.5rem;
  background-color: #ffffff;
}
.invoices.-details .downloads-wrapper {
  justify-content: flex-end;
}
.invoices .invoice-state {
  font-size: 13px;
}
.invoices .invoice-state.-downloaded {
  color: #10AC4F;
}
.invoices .invoice-state.-undownloaded {
  color: #696969;
}
.invoices .downloads-wrapper {
  display: flex;
  align-items: center;
}
.invoices .sum-wrapper {
  margin-top: 0;
}
.invoices .buttons-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}
@media only screen and (max-width: 991px) {
  .invoices .buttons-wrapper > .button {
    flex: 1;
  }
}
@media only screen and (max-width: 991px) {
  .invoices .buttons-wrapper > .button:not(:last-child) {
    margin-bottom: 0.5rem;
  }
}

.rma-reg .data > * {
  align-items: center;
  margin-bottom: 24px;
}
.rma-reg .data textarea {
  min-height: 150px;
}

.rma {
  margin-top: 24px;
}
@media only screen and (min-width:768px) {
  .rma > .head-title {
    margin: 24px -12px;
  }
}
.rma > .head-title h2 {
  margin-top: 0;
  margin-bottom: 0;
}
@media only screen and (max-width: 991px) {
  .rma > .head-title h2 {
    margin-bottom: 12px;
  }
}
.rma > .head-title a:nth-last-child(2) {
  margin-left: auto;
}
.rma > .table > .table-row .report {
  max-width: 300px;
}
.rma > .table > .table-row .report .select-wrapper, .rma > .table > .table-row .report .selector .input, .selector .rma > .table > .table-row .report .input {
  margin-bottom: 12px;
}
.rma > .table > .table-row .report .input-wrapper, .rma > .table > .table-row .report .form-block > div {
  margin-top: 12px;
}

.price-wrapper.-re-prod > * {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.price-wrapper.-re-prod > *.price {
  font-size: 16px !important;
}

.re-prod-details .data .bold:nth-last-child(2) {
  margin-top: auto;
}

.re-w > .filter.-re-w table, .re-prod-details .data table {
  width: 100%;
}
.re-w > .filter.-re-w .filter__block:nth-child(2), .re-prod-details .data .filter__block:nth-child(2) {
  display: flex;
  flex-direction: column;
}
.re-w > .filter.-re-w .filter__block .bold:nth-last-child(3), .re-prod-details .data .filter__block .bold:nth-last-child(3) {
  margin-top: auto;
}
@media only screen and (min-width:768px) {
  .re-w > .filter.-re-w .filter__block > div label, .re-prod-details .data .filter__block > div label {
    flex-basis: 30%;
  }
}

.re-w .sum-block {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: flex-end;
}
.re-w .sum-block > div {
  display: flex;
  gap: 0.5rem;
}

.re-merchant > .head-title a:nth-last-child(2) {
  margin-left: auto;
}
@media only screen and (min-width:768px) {
  .re-merchant > .filter .button {
    margin-right: 0;
  }
}
@media only screen and (min-width:768px) {
  .re-merchant > .filter .clear-icon {
    margin-left: 24px;
    margin-bottom: 7px;
  }
}
.re-merchant > .table > .table-row .input-wrapper, .re-merchant > .table > .table-row .form-block > div {
  margin-bottom: 0;
}

.crm__table-wrapper {
  margin-top: 24px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .crm__table-wrapper > tbody > tr > th, .crm__table-wrapper > tbody > tr > td {
    display: block;
    padding: 0 24px;
  }
}
@media only screen and (min-width:768px) {
  .crm__table-wrapper > tbody > tr > th {
    padding-left: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .crm__table-wrapper > tbody > tr > th {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .crm__table-wrapper > tbody > tr > td:last-child {
    padding-bottom: 24px;
  }
}
.crm__table-wrapper > tbody > tr > td:nth-child(3) {
  font-size: 13px;
}
.crm__table-wrapper > tbody > tr input[type=text]:disabled + button {
  color: #696969;
  pointer-events: none;
}
.crm__table-wrapper .input-wrapper > .inner > .caldenar-root, .crm__table-wrapper .form-block > div > .inner > .caldenar-root {
  min-width: 220px;
}

.crm-groupname > th {
  background: #F6F6F6;
  text-align: center;
  border: 1px solid #E0E0E0;
  border-bottom: none;
  padding: 5px 24px !important;
}

.crm-groupstart {
  border-top: 1px solid #E0E0E0;
  border-left: 1px solid #E0E0E0;
  border-right: 1px solid #E0E0E0;
}
.crm-groupstart > * {
  padding-top: 24px;
}
@media only screen and (max-width: 767px) {
  .crm-groupstart th {
    padding-top: 24px !important;
  }
}

.crm-groupcenter {
  border-left: 1px solid #E0E0E0;
  border-right: 1px solid #E0E0E0;
}

.crm-groupend {
  border-left: 1px solid #E0E0E0;
  border-right: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
}
.crm-groupend > * {
  padding-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  .crm-groupend > td:last-child {
    padding-bottom: 24px;
  }
}

.social-wrapper {
  gap: 1.5rem;
  margin-bottom: 0 !important;
}
@media only screen and (max-width: 767px) {
  .social-wrapper {
    flex-direction: column;
  }
}
.social-wrapper > .social {
  width: 100%;
  position: relative;
}
.social-wrapper > .social.-facebook > .button {
  width: 100%;
  background-color: #fff;
  color: #1877f2;
  border-color: #1877f2;
}
.social-wrapper > .social.-facebook > .button:hover {
  border-color: rgb(12.8135245902, 106.4508196721, 227.6864754098);
  background-color: #fff;
}
.social-wrapper > .social.-google > .button {
  width: 100%;
  background-color: #fff;
  color: #4285F4;
  border-color: #4285F4;
}
.social-wrapper > .social.-google > .button:hover {
  border-color: rgb(41.9025, 117.445, 242.5975);
  background-color: #fff;
}
.social-wrapper > .social > .icon, .accordion-header .social-wrapper > .social > .toggler {
  position: absolute;
  left: 1rem;
  top: 0;
  bottom: 0;
  margin: auto;
  pointer-events: none;
}
.social-wrapper > .social > .button {
  text-align: left;
}

.login-popper {
  right: 0;
  top: calc(100% + 14px);
  width: 380px;
  max-height: calc(100vh - var(--stickyHeight));
  overflow-y: auto;
  scrollbar-color: #E0E0E0 #f4f7fc;
  scrollbar-width: thin;
}
.login-popper::-webkit-scrollbar {
  width: 6px;
}
.login-popper::-webkit-scrollbar-track {
  background: #f4f7fc;
  border-radius: 3px;
}
.login-popper::-webkit-scrollbar-thumb {
  background: #E0E0E0;
  border-radius: 3px;
}
.login-popper::-webkit-scrollbar-thumb:hover {
  background: rgb(198.5, 198.5, 198.5);
}
.login-popper .login-popper-inner {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.login-popper .login-popper-inner ul.topnav {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.login-popper .login-popper-inner ul.topnav li {
  color: #222222;
}
.login-popper .login-popper-inner ul.topnav li a {
  color: inherit;
}
.login-popper .login-popper-inner ul.topnav li:hover {
  color: #006B37;
}
.login-popper .login-popper-inner ul.topnav li:hover:before {
  color: inherit;
}
.login-popper .login-popper-inner .separator {
  height: 1px;
  background: #E0E0E0;
}
.login-popper .login-popper-inner .user-block {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.login-popper .login-popper-inner .user-block .image {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: #F6F6F6;
}
.login-popper .login-popper-inner .user-block .text .name {
  color: #10AC4F;
  font-weight: 700;
  font-size: 13px;
}
.login-popper .login-popper-inner .user-block .text .loggedin {
  color: #222222;
  font-weight: 500;
  font-size: 11px;
}
.login-popper .login-buttons .button {
  width: 50%;
}

.login-button {
  margin: 0 24px;
}

.timeout > .social .button {
  width: 100%;
}
.address-type-wrapper .address {
  position: relative;
}
.address-table .radio {
  cursor: pointer;
  width: 14px;
  height: 14px;
  position: relative;
  display: inline-flex;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.address-table .radio:before {
  border-radius: 50%;
  background: #F6F6F6;
  border: 1px solid #8D8D8D;
  content: "";
  display: block;
  margin-right: 10px;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  min-width: 14px;
  width: 14px;
  height: 14px;
}
.address-table .radio:after {
  content: "";
  display: block;
  background: #006B37;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(0);
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.address-table .radio:hover:before {
  background: #F6F6F6;
}
.address-table .radio.-disabled {
  cursor: not-allowed;
}
.address-table .radio.-disabled:before {
  background: #F6F6F6;
}
.address-table .radio.-disabled:hover:before {
  background: #F6F6F6;
}
.address-table .radio.-checked:after {
  transform: scale(1);
}

.newsletter-wrapper .item {
  position: relative;
  margin-bottom: 12px;
}

.newsletter-subscribe p:last-child {
  margin-bottom: 0;
}

.shipments-table .packages {
  width: 25%;
}

.packages .item {
  display: inline-flex;
}
.packages .item:after {
  content: ", ";
}
.packages .item:last-child:after {
  content: " ";
}

/*személyes oldalak*/
.calendar-root {
  position: relative;
  display: flex;
  align-items: center;
}
.calendar-root .clear-icon {
  cursor: pointer;
  margin-left: 0.25em;
  color: #DF0000;
}

.calendar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  width: 300px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 5px 10px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  background: white;
  position: fixed;
  z-index: 15;
}
.calendar.-mobile {
  width: 260px;
  z-index: 1;
  box-shadow: none;
}
@media only screen and (min-width:768px) {
  .calendar.-single {
    width: 410px;
  }
  .calendar.-single .calendar-wrap {
    flex-basis: 67%;
    max-width: 67%;
  }
  .calendar.-single .calendar-range {
    flex-basis: 33%;
    max-width: 33%;
  }
}
@media only screen and (min-width:768px) {
  .calendar.-double {
    width: 600px;
  }
  .calendar.-double .calendar-wrap {
    flex-basis: 75%;
    max-width: 75%;
  }
  .calendar.-double .calendar-range {
    flex-basis: 25%;
    max-width: 25%;
  }
  .calendar.-double .month {
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media only screen and (max-width: 575px) {
  .calendar {
    overflow: auto;
    max-height: 100vh;
    max-height: calc(var(--vh) * 100);
  }
}
@media only screen and (min-width:768px) {
  .calendar {
    position: absolute;
    top: 100%;
    left: 0;
    transform: none;
  }
}
.calendar ul {
  list-style-type: none;
}
.calendar .calendar-head {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.calendar .calendar-head > h2 {
  display: none;
  margin-bottom: 0;
}
.calendar .calendar-head .icon.-clear, .calendar .calendar-head .accordion-header .-clear.toggler, .accordion-header .calendar .calendar-head .-clear.toggler {
  font-style: normal;
}
@media only screen and (max-width: 767px) {
  .calendar .calendar-head .icon.-clear, .calendar .calendar-head .accordion-header .-clear.toggler, .accordion-header .calendar .calendar-head .-clear.toggler {
    top: 0.25em;
    right: 0.25em;
  }
}
.calendar .calendar-wrap {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width:768px) {
  .calendar .calendar-wrap {
    flex-wrap: nowrap;
  }
}
.calendar .calendar-wrap .month {
  padding: 0.5em;
  flex-basis: 100%;
  max-width: 100%;
}
.calendar .calendar-wrap .month.-full {
  width: 100% !important;
}
.calendar .calendar-wrap .month .title {
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.5em;
}
.calendar .calendar-wrap .month .title .icon.-left, .calendar .calendar-wrap .month .title .accordion-header .-left.toggler, .accordion-header .calendar .calendar-wrap .month .title .-left.toggler {
  margin-right: 0.75em;
}
.calendar .calendar-wrap .month .title .icon.-left:before, .calendar .calendar-wrap .month .title .accordion-header .-left.toggler:before, .accordion-header .calendar .calendar-wrap .month .title .-left.toggler:before {
  content: "chevron_left";
}
.calendar .calendar-wrap .month .title .icon.-right, .calendar .calendar-wrap .month .title .accordion-header .-right.toggler, .accordion-header .calendar .calendar-wrap .month .title .-right.toggler {
  margin-left: 0.75em;
}
.calendar .calendar-wrap .month .title .icon.-right:before, .calendar .calendar-wrap .month .title .accordion-header .-right.toggler:before, .accordion-header .calendar .calendar-wrap .month .title .-right.toggler:before {
  content: "chevron_right";
}
.calendar .calendar-wrap .daynames {
  margin: 0;
  padding: 0.5em 0;
  display: flex;
  justify-content: space-between;
}
.calendar .calendar-wrap .daynames > li {
  width: 13.6%;
  color: #696969;
  font-size: 13px;
  text-align: center;
}
.calendar .calendar-wrap .days {
  margin: 0;
  padding: 0.5px 0;
  display: flex;
  justify-content: space-between;
}
.calendar .calendar-wrap .days > .day {
  width: 13.6%;
  color: #FF3300;
  text-align: center;
  cursor: pointer;
  line-height: 2em;
  border-radius: 8px;
  flex-grow: 1;
  font-size: 13px;
}
.calendar .calendar-wrap .days > .day:hover {
  color: #006B37;
}
.calendar .calendar-wrap .days > .day.-disabled {
  pointer-events: none;
}
.calendar .calendar-wrap .days > .day.-selected {
  background: #006B37;
  color: #fff;
}
.calendar .calendar-wrap .days > .day.-selected.-start {
  border-radius: 1em 0 0 1em;
}
.calendar .calendar-wrap .days > .day.-selected.-end {
  border-radius: 0 1em 1em 0;
}
.calendar .calendar-wrap .days > .day.-selected.-single {
  border-radius: 1em !important;
}
.calendar .calendar-wrap .days > .day.-selected:hover {
  color: white;
}
.calendar .calendar-wrap .days > .day.-inrange {
  background: #006B37;
  color: #fff;
  border-radius: 0;
}
.calendar .calendar-wrap .days > .day.-inrange:last-child, .calendar .calendar-wrap .days > .day.-inrange.-end, .calendar .calendar-wrap .days > .day.-inrange.-last {
  background: linear-gradient(90deg, #006B37, white);
}
.calendar .calendar-wrap .days > .day.-inrange:first-child, .calendar .calendar-wrap .days > .day.-inrange.-start, .calendar .calendar-wrap .days > .day.-inrange.-first {
  background: linear-gradient(-90deg, #006B37, white);
}
.calendar .calendar-wrap .days > .day.-inrange:hover {
  color: white;
}
@media only screen and (min-width:768px) {
  .calendar .calendar-range {
    border-left: 1px solid #E0E0E0;
  }
}
.calendar .calendar-range.-full {
  width: 90%;
  padding: 2px;
  border-left: none;
  margin: -20px 0;
}
.calendar .calendar-presets {
  margin: 0;
  padding: 0;
  align-self: flex-end;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 0 0.5em 0 0.5em;
}
@media only screen and (min-width:768px) {
  .calendar .calendar-presets > .preset {
    line-height: 1.6;
    width: auto;
    display: block;
  }
}
.calendar .calendar-presets > .preset {
  cursor: pointer;
  font-size: 13px;
  white-space: nowrap;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}
@media only screen and (max-width: 575px) {
  .calendar .calendar-presets > .preset {
    padding-left: 0.25em;
    padding-right: 0.25em;
    display: none;
  }
}
.calendar .calendar-presets > .preset:hover {
  color: #006B37;
}
.calendar .calendar-presets > .preset.-active {
  color: #006B37;
}

.responsive-table .table-row {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  border: 1px solid #E0E0E0;
  border-radius: 8px;
  background: #F6F6F6;
  padding: 0.5rem;
}
.responsive-table .table-row .accordion-content {
  width: 100%;
}
.responsive-table .table-row .accordion-content > * {
  width: 100%;
}
.responsive-table .table-row .row-select label {
  margin-bottom: 0;
}

.accordion-header.-open .toggler:before {
  content: "arrow_drop_up";
}
.accordion-header .toggler {
  width: 24px;
  height: 24px;
  cursor: pointer;
  margin-left: auto;
}
.accordion-header .toggler:before {
  content: "arrow_drop_down";
}

.accordion-content {
  padding-top: 0.5rem;
}
.accordion-content .label-data-pair {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  gap: 0.5rem;
}
.accordion-content .label-data-pair > *:first-child {
  font-weight: 600;
}
.accordion-content .label-data-pair > *:last-child {
  text-align: right;
}

.attachments-wrapper {
  align-items: stretch;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.attachments .attachment-item {
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  border-bottom: 1px solid #E0E0E0;
}
.attachments .attachment-item:first-child {
  padding-top: 0;
}
.attachments .attachment-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.attachments .attachment-item .img-wrapper, .attachments .attachment-item .symbol {
  width: 4rem;
  flex-shrink: 0;
  border: 1px solid #E0E0E0;
  border-radius: 8px;
}
.attachments .attachment-item .symbol {
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.attachments .attachment-item .details {
  margin-left: 1rem;
  margin-right: 1rem;
  flex-grow: 1;
}
.attachments .attachment-item .details .meta {
  font-size: 13px;
}

.upload-area > .inner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: white;
  border-radius: 0.5rem;
  border: 2px dashed #E0E0E0;
  padding: 1rem;
  position: relative;
}
.upload-area > .inner.dragged {
  border-color: #006B37;
  background-color: rgba(0, 107, 55, 0.2);
}
.upload-area > .inner.active {
  border-color: #0dd248;
  background-color: rgba(13, 210, 72, 0.1);
}