@charset "utf-8";
/* CSS Document */
.spacer-buy-area .availability {text-align: left !important}
#sp-left .product-container {border: 1px solid #ddd; margin-bottom: 15px; background:#f5f5f5}
#sp-left .product-container .spacer {padding: 0 0 10px 0}
#sp-left .product-container .spacer img {margin: 0 auto 10px auto}
#sp-left .product-container .spacer a {font-weight: bold; display: block;}
#sp-left .product-container .spacer .product-price {display: block; width: 100%; text-align: center; margin-bottom: 15px}
#sp-left .product-container .spacer .product-price .vm-display {justify-content: center;}

.product-related-products {display: flex; flex-wrap: wrap;align-items: flex-end }
.product-related-products .product-fields-title-wrapper {width: 100%}
.product-related-products .product-field.product-field-type-R {width:calc(33.3% - 33px);}
@media (max-width: 520px) {
	.product-related-products .product-field.product-field-type-R {width:calc(50% - 33px);}
}
.product-related-products .product-field.product-field-type-R .product-container .vm-product-media-container {height: auto !important}
.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: "";
    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: 100px!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 .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%;
    flex-direction:column;
    align-items:center;
    justify-content:center;
  }
}

.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: 50%;
  max-height: none

  }

.browseProductImage {


  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 {height: 180px; text-align: center}

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

.vm-product-descr-container-1 > h2, .vm-product-descr-container-0 > h2 {font-size: 26px !important; line-height: 36px}

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-module ul.vmproduct > li.product-container a:first-child {height: 150px}
.sp-module ul.vmproduct > li.product-container a:first-child img {max-height: 150px; margin: 0 auto}
.sp-module ul.vmproduct > li.product-container {border-bottom: none}
.sp-module ul.vmproduct > li.product-container a {line-height: 1.8; min-height: 50px;}

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

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

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

.vmpayment_description {font-size: 14px!important}
  
.vmshipment_description {font-size: 14px!important}

.vm-product-descr-container-1 {
  min-height: 240px!Important;}

.vm-display {display: flex!important; justify-content: space-between}

.PricesalesPrice {font-size: 16px!important}

.sp-default-logo {max-width: 200%!important }

.category-view .row .category .spacer h2 {height: 280px!important}

{codecitation}

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

}

{/codecitation}

.browseCategoryImage {width: 80%!important}


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

.productdetails-view{
  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 10px 20px rgba(0, 0, 0, 0.1);
}

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

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

div.vm-details-button a {
  color: black; /* Fehér szöveg */
  font-size: 16px;
  font-weight: bold;
  border: none;
  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 2px 5px rgba(0, 0, 0, 0.1); /* Finom árnyék */
}

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


#vmCartModule{
    font-weight: 800;
  	border:2px solid black;
  	border-radius:25px;
	padding: 30px;
	font-size:14px;
}

#vmCartModule .total, .total_products{
    margin-top:30px;
}

#vmCartModule .show_cart .details{
  	height:auto;
    font-size: 14px;           
    font-weight: bold;
  	margin-top:30px;
}

.vm_cart_products .product_row {
  font-weight:bold;
}

 #system-message-container .orderby-displaynumber { display:none; }