@charset "utf-8";
/* CSS Document */
.vm-product-descr-container-1 {min-height: 125px}
.vm-img-desc {display: none}
.product-short-description {font-weight: bold; color: #d33d35}
a#offcanvas-toggler:before {content: ""; margin-right: 10px; color: #d33d35}
.offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler {width: 100%;
text-align: right;}

#sp-header .container {width: 95%}
div.PricesalesPrice {font-size: 20px; }
div.PricesalesPrice span.PricesalesPrice {font-weight: bold; color:#d33d35; }
/*Hamburger menü mérete, színe*/
#offcanvas-toggler >i {
color: #d33d35;
font-size: 36px
}

#sp-header {height: auto !important}
@media (max-width: 991px) {
a#offcanvas-toggler::before {
    content: "Menü";
    margin-right: 10px;
    color: #d33d35;
}
}



  /*Átlátszó menü sáv*/


#sp-header {background-color: rgba(0, 0, 0, 0.4); }
#sp-header.menu-fixed .sp-megamenu-parent > li > a {color: white;}
#sp-header.menu-fixed {background: rgba(0, 0, 0, 0.7)}
.sticky-header {background: rgba(0, 0, 0, 0)!important;}


.text-shadow {text-shadow: 2px 2px 2px rgba(100, 100, 100, 1);}
.text-bg-color {background-color: rgba(112, 20, 29, 0.5); padding: 20px}

#sp-main-body {
padding: 20px;}


.height1080 {height: calc(100vh - 45px)}

#sp-header .logo {height: 90px!important}



.nav-placeholder {background: rgba(0, 0, 0, 0);}
#sp-page-builder .page-content .sppb-section:first-child {
  margin-top: -85px;}





 .sp-megamenu-parent >li >a,
.sp-megamenu-parent >li >span {
display: inline-block;
padding: 0 15px;
line-height: 90px;
font-size: 14px;
font-weight: bold!important;

text-transform: uppercase;
letter-spacing: 1px;
color: #E8E8E8;
margin: 0;
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width:720px) {
.mobileheight {height:500px}

}



/* --------------- tablazat stílus Minden táblázatra automatikus!!!!! ------------------- */

table td
{
background:#f5f5f5;
border:1px solid #dedede;
padding:8px;
}

table td img
{
margin: auto;
padding:2px;
border:1px solid #e5bfbf;
}

table td a img
{
padding:2px;
border:1px solid #e5bfbf;
}

table td a:hover img
{
padding:2px;
border:1px solid #900
}

table td:hover
{
background:#eee;
}
table td H1, table td H1 a:link, table td H1 a:visited
{
font:bold 12px Arial, Helvetica, sans-serif;
padding:0;
margin:0;
color:#900;
text-decoration:none;
}

table td H1 a:hover
{
color:#f70;
text-decoration:none;
}

table td .date
{
padding:0;
margin:2px 0 0 0;
font-size:11px;
color:#999;
letter-spacing: 0.2em;
}

table td p
{
padding:5px 0 5px 0;
margin:5px 0 5px 0;
}

table .box_vertical_separator
{
  width:5px;}

table {
    width: 100%;
}


  /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 720px) {
#sp-top1 { display:none;

}
  }


  /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 720px) {
.sp-contact-info {font-size: 24px; line-height: 1.3em

}
  }

.fastsocialshare_container {margin-top: 20px}


.visible-android {
  display:none;
}
.visible-ios {
  display:none;
}
.on-device .visible-android, .on-device .visible-android {
  display:inherit;
}
.device-ios .visible-android {
  display:none !important;
}
.device-ios .hidden-ios {
  display:none !important;
}
.device-android .hidden-android {
  display:none !important;
}
.device-android .visible-ios {
  display:none !important;
}

{codecitation}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 720px) {
.mobilehide {display:none}

}

{/codecitation}

.category-view .row {
  display: flex;
  flex-wrap: wrap; /* Kártyák sorokba rendezése */
  align-items: stretch; /* Kártyák magasságának egységesítése */
}

.category-view .row .category .spacer {
  display: flex;
  flex-direction: column; /* A tartalmat függőlegesen rendezi el */
  justify-content: space-between; /* Az elemeket a tartály végéig kitölti */
  height: 100%; /* Biztosítja, hogy minden kártya ugyanolyan magas legyen */
}

.category-view .row .category .spacer h2 {
  font-size: 16px;
  font-weight: 700;
  color: #333;
  background: linear-gradient(135deg, #f0f0f0 0%, #d9d9d9 100%);
  border: 2px solid #e0e0e0;
  border-radius: 12px;
  padding: 20px;
  max-height: 300px;
  max-width: 300px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.category-view .row .category .spacer h2:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
  background: linear-gradient(135deg, #e6e6e6 0%, #cccccc 100%);
}

@media (max-width: 1000px) {
  .category-view .row .category .spacer h2 {
    font-size: 14px;
    padding: 15px;
    height:auto;
    width:100%;
  }
}

@media (max-width: 600px) {
  .category-view .row{
    font-size: 12px;
    height: auto;
    width: auto;
    padding: 10px;
    flex-direction:column;
    align-items:center;
    justify-content:center;
  }
}


@media (max-width: 400px) {
  .category-view .row{
    font-size: 10px; 
    padding: 8px;
    height: auto;
    width: 100%;
  }
}

.vmgroup{
  display: flex;
  justify-content:center;
  align-items:center;
  flex-direction:column;
}

.vm-product-media-container a[title] {
  font-size: 12px; 
  color: #333; 
}

.browseCategoryImage {

 display: block;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
  width: 75%!important;
  max-height: none
  }

.browseProductImage {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  max-height: 180px
  }


.product-container, .vm-product-media-container{
  height: auto; 
  text-align: center;
  font-size: 20px;
  font-weight: 1000;
  color: #333;
  background-color:#ffffff;
  border: 2px solid #e0e0e0;
  border-radius: 12px;
}

.product-container{
  font-size: 16px;
  font-weight: 500;
  color: #333;
  background: linear-gradient(135deg, #f0f0f0 0%, #d9d9d9 100%);
  border: 2px solid #e0e0e0;
  border-radius: 12px;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.product-container:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
  background: linear-gradient(135deg, #e6e6e6 0%, #cccccc 100%);
}

.product-container .vm-product-media-container a {display: inline-block}

.vm-product-descr-container-1 > h2, .vm-product-descr-container-0 > h2 {font-size: 20px !important; font-weight:700; line-height: 24px}

ul#myTab li a {display: block!important} 
.product-fields-title-wrapper {padding: 0!Important}
.sp-module ul.vmmanufacturer > li > a:before, .sp-module ul.vmproduct > li.product-container a:before  {display: none}
#sp-component ul.vmproduct {list-style: none; margin: 0> padding: 0; display:flex; flex-wrap:wrap; align-items: baseline;}
#sp-component ul.vmproduct .vm-product-media-container  {height: 200px}
.sp-module ul.vmproduct > li.product-container a:first-child img,  #sp-component ul.vmproduct .vm-product-media-container a img {max-height: 150px; margin: 0 auto}
#sp-component ul.vmproduct .vm-product-media-container a img {max-width: calc(100% - 30px);}
.sp-module ul.vmproduct > li.product-container {border-bottom: none}
.sp-module ul.vmproduct > li.product-container a {line-height: 1.8}

@media (max-width: 767px){
  .sp-module ul.vmproduct > li.product-container {width: 50%; margin-bottom: 20px;}
  .sp-module ul.vmproduct {display: flex; flex-wrap: wrap}

}

.sp-module .sp-module-title {font-size: 18px; font-weight: bold }

.browseCategoryImage {

 display: block;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
  width: 60%;
  max-height: none
  border: none
  }
div.vendor-store-desc {display: block!important}

.additional-images img {
    margin-right: 8px;
  	margin-left: 8px;
    width: 150px!important;
    height: auto;
}


div.vm-details-button a {width: auto!important}

div.vm-details-button a {
  background-color: #3498db; /* Alap kék háttérszín */
  color: black; /* Fehér szöveg */
  font-size: 16px;
  font-weight: bold;
  border: 2px solid black;
  border-radius: 8px; /* Lekerekített sarkok */
  padding: 12px 24px; /* Kényelmes belső margók */
  text-transform: uppercase; /* Nagybetűs szöveg */
  cursor: pointer;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Finom árnyék */
}

.vm-product-descr-container-1 {
    min-height: 160px!important;
}

#sp-section-4 {margin-top: 20px}

.productdetails-view, .vm-product-details-container{
  font-size: 17px; 
  line-height: 1.8; 
  color: #4e4e4e; 
  background-color:#f0f0f0; 
  padding: 35px; 
  border-radius: 15px; 
  border: 1px solid #ededed; 
  margin: 30px; 
  max-width: 950px; 
  margin-left: auto; 
  margin-right: auto; 
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.vm-product-media-container img {border-radius:25px;}

.spacer.product-container, .product-container{
	margin:10px;
}


#sp-component ul.vmproduct {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:1600px;
  height:auto;
  margin-right:40px;
}

product-fields-title-wrapper{align-items:center;justify-content:center;}



 .mainpagecard-container {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      justify-content: center;
      width: 70%;
    }

    .mainpagecard {
      width: 200px;
      height: 200px;
      background-color: #ff4d4d;
      border-radius: 25px;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      font-size: 18px;
      color: white;
      font-weight: bold;
      text-decoration: none;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      transition: transform 0.2s, box-shadow 0.2s;
    }

    .mainpagecard:hover {
      transform: scale(1.05);
      box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);
    }