:root {
    --hovamesz-feher: #e7e7e7;
    --hovamesz-szurke: #6d6d6d;
    --hovamesz-hatter: #0F1216; 
    --hovamesz-zold: #2ba84a;
    --hva-gradient:    linear-gradient(135deg, #6abf4b, #1e7a34);
}



.header-top {
    background-color: var(--zacher-hatter)!important;
}

.brand {
    margin-top:0px!important;
}

img.site-logo.logo-general {
   /* height: 70px!important;*/
  height: 50px !important;
  margin-top: 5px;
}

#vpf-header .inner-container {
    padding:10px 0 10px!important;

}



.navbar-mainmenu .navbar-nav > li > a,
.navbar-mainmenu .navbar-nav > li > span {
  color: var(--zacher-feher)!important;
  text-transform: uppercase;
}

.navbar-mainmenu .navbar-nav > li.open > a:after,
.navbar-mainmenu .navbar-nav > li.open > span:after {
  background-color: var(--zacher-zold)!important;
}


.navbar-mainmenu .navbar-nav > li.active > a:after,
.navbar-mainmenu .navbar-nav > li.active > span:after {
  background-color: var(--zacher-zold)!important;
}



/*
html, body, body *:not(.fa):not(.fas):not(.fab):not(.far):not(.fal):not(.fa-solid):not(.fa-regular):not(.fa-brands):not(span.menu-title):not(span.text-muted):not(.muted):not(.menuitem a) {
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  color: #C9CED6!important;
}
*/


span.menu-title, span.text-muted, .muted, .menuitem a, #mod-custom107::after, .navbar-offcanvas-modules .fa {color: #0F1216!important;}

#mainbody .container .inner-container {
    padding-top: 0px;
}

.header-top {
    background-color: #fff!important;
}

.navbar-mainmenu .navbar-nav > li:hover > a, .navbar-mainmenu .navbar-nav > li:focus > a, .navbar-mainmenu .navbar-nav > li:hover > span, .navbar-mainmenu .navbar-nav > li:focus > span, .navbar-mainmenu .navbar-nav > li.active > a, .navbar-mainmenu .navbar-nav > li.active > span, .navbar-mainmenu .navbar-nav > li.open > a, .navbar-mainmenu .navbar-nav > li.open > span {
     color: #2ba84a!important;
}
.navbar-mainmenu .navbar-nav > li > a {
     color: #0F1216 !important;
}

#sppb-addon-1597318744845 .sp-slider.dot-controller-line .sp-dots ul li.active span {
     background-color: #2ba84a!important;
}

.sppb-btn-custom {
  /* background-color: var(--hovamesz-zold)!important; */
  background: var(--hva-gradient)!important;
  color: #F2F4F7!important;
  border-radius: 30px!important;
  padding-top: 14px!important;
  padding-right: 57px!important;
  padding-bottom: 14px!important;
  padding-left: 57px!important;
}

.sppb-btn-custom:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

.szoveg .sppb-addon-text {
  font-weight:400!important;
}

.cta-form select, .cta-form input[type="email"] {
  color: var(--hovamesz-zold)!important;
}

#sppb-addon-1597411208549 .sppb-carousel-extended-content-wrap {
background: rgb(79 163 165 / 43%);
 }

#sppb-addon-1597641930092 .sppb-carousel-extended-dots ul li:hover span, #sppb-addon-1597641930092 .sppb-carousel-extended-dots ul li.active span {
    background: var(--hovamesz-zold);
}
#sppb-addon-1597641930092 .sppb-carousel-extended-dots ul li {
    background: rgba(46, 168, 74, 0.38);
}
.vpf-scroll-top-button, ::selection {
    background-color: var(--hovamesz-zold);
    border-radius: 30px;
}

#sppb-addon-1597411208549 .sppb-carousel-extended-item img, #sppb-addon-1597644169039 .sppb-addon-single-image-container img {
    border-radius: 30px;
}

#sppb-addon-5845b4fe-636f-4553-a3d9-dd7352f89971 img {
  width:100vw;  
  min-width:300px;
  max-width:2000px!important;
}

.header-top {
  box-shadow: none!important;
}

/*#mainbody {
  margin-top:20px;
}*/

.mod-header .mod-header-title {
  color:var(--hovamesz-zold)!important;
}


.btn-switch.active, .btn-switch.focus, .btn-switch:active, .btn-switch:focus, .btn-switch:hover {
  background-color: var(--hovamesz-zold)!important;
}

.tab-content {
  background-color: #fff!important;
}


.productdetails-view .product-rating-cont, .productdetails-view .product-short-desc-cont, .productdetails-view .product-price-stock-sku-cont, .productdetails-view .product-action-buttons-cont, .productdetails-view .product-addtocart-cont, .product-details-manifacturer-logo, .top-right-fields, .ontop-fields-cont, .product-top-right-cont, .related-products-cont, .related-product-header {
  color:#0F1216!important;
}

body {
  color:#0F1216!important;
}


.btn-base, .feature-icon-hover .icon {
  background-color: var(--hovamesz-zold)!important;
  color: #fff!important;
  border-color: var(--hovamesz-zold)!important;
}


.product-name a{
  color:var(--hovamesz-zold);
}

.btn-foricon.active, .btn-foricon.focus, .btn-foricon:active, .btn-foricon:focus, .btn-foricon:hover, .product-action-buttons .btn-vme-round:hover, .open > .dropdown-toggle.btn-foricon, .over .vp-dropmod-anchor > .btn-foricon, .product-action-buttons .btn-vme-round.btn-item-added, .product-action-buttons .btn-vme-round.btn-item-added:hover {
  background-color: var(--hovamesz-zold)!important;
  color: #fff!important;
  border-color: var(--hovamesz-zold)!important;
}


.category-page-title {
  color: var(--hovamesz-zold)!important;
  font-weight: 500!important;
}


.module-cont {
  margin-top:30px;
}


.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel {
  border:solid 1px var(--hovamesz-zold)!important;
}


/* ===== vppl lista – hovamesz kártya stílusban ===== */

.vppl {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

.vppl-list {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)) !important;
    gap: 18px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Kártya alap – hovamesz_card stílusban */
.vppl-inner {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 14px !important;
    border-radius: 24px !important;
    background: rgba(255, 255, 255, 0.88) !important;
    border: 1px solid rgba(255, 255, 255, 0.9) !important;
    box-shadow:
        0 10px 30px rgba(31, 41, 55, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
    backdrop-filter: blur(8px) !important;
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease !important;
    overflow: hidden !important;
}

.vppl-inner::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(43, 108, 176, 0.04), rgba(59, 130, 246, 0.00) 55%) !important;
    pointer-events: none !important;
}

.vppl-inner:hover {
    transform: translateY(-4px) !important;
    box-shadow:
        0 18px 40px rgba(31, 41, 55, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
    border-color: rgba(59, 130, 246, 0.25) !important;
}

/* Bootstrap col felülírás – flex layouthoz */
.vppl-list .row {
    display: contents !important;
}

.vppl-list .col-xs-4 {
    all: unset !important;
    flex: 0 0 auto !important;
}

.vppl-list .col-xs-8 {
    all: unset !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    position: relative !important;
    z-index: 1 !important;
}


.vppl-list > li  {
  border-bottom: none!important;
}

/* Kép – hovamesz_card-image stílusban */
.vppl-image-cont {
    width: 80px !important;
    height: 60px !important;
    flex: 0 0 auto !important;
}



.vppl-image-cont {
  border:none!important;
}
.vppl-image-cont img {
    width: 80px !important;
    height: 60px !important;
    object-fit: contain !important;
    display: block !important;
    border-radius: 14px !important;
    background: #e5e7eb !important;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.12) !important;
}

/* Terméknév – hovamesz_card-title stílusban */
.vppl-name {
    margin: 0 0 8px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: #111827 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.vppl-name a {
    color: inherit !important;
    text-decoration: none !important;
}

.vppl-name a:hover {
    color: #2b6cb0 !important;
}

/* Ár – hovamesz_price-badge stílusban */
.vppl-price-cont {
    margin: 0 !important;
    padding: 0 !important;
}

.PricesalesPrice.vm-display {
    display: inline-flex !important;
    align-items: center !important;
    padding: 8px 12px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #eafff2 0%, #f4fff9 100%) !important;
    color: #0f6b35 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    border: 1px solid rgba(34, 139, 68, 0.15) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;
}

@media (max-width: 1185px) {
  .hva-pt-actions{
    display: flex!important;
    flex-wrap: wrap!important;
    flex-direction: column!important;
  }
}
/* Reszponzív */
@media (max-width: 768px) {
    .vppl-list {
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
    }
}

@media (max-width: 480px) {
    .vppl-list {
        grid-template-columns: 1fr !important;
    }
    .hva-hero-bg{
      display:none;
    }
}


.product-rating-cont {
  display: none!important;
}

.btn-fieldvalue{
  background: linear-gradient(135deg, #eafff2 0%, #f4fff9 100%)!important;
}

.vpcf-options label a {
  color:#0F1216!important;
}

.btn .btn-fieldvalue .vpcf-option-name .hasTooltip {
  border: 1px solid rgba(34, 139, 68, 0.15);
  border-radius: 999px !important;
}

.footer {
  display: none!important;
}

#bottom {
  /*background: linear-gradient(to bottom, #4caf50, #2e7d32) !important;*/
  /* Világos teteje → sötét alja – mint a logón */
  background: linear-gradient(to bottom, #6abf4b, #1e7a34) !important;
  padding:0px 0px 0px 0px!important;
}

/*li:hover {
  background-color: none!important;
}
*/

.cart-product-name {
    color:var(--hovamesz-zold)!important;
}


.cart-product-name:hover {
    color:var(--hovamesz-zold)!important;
}


/**
 * @package     VP Smart Template
 * @copyright   Copyright (C) 2012-2025 VirtuePlanet Services LLP. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 * @author      Abhishek Das <info@virtueplanet.com>
 * @link        https://www.virtueplanet.com
 */
body {
  background-color: #ffffff;
  color: #c9ced6;
  font-size: 14px;
  line-height: 1.4;
}
a {
  color: #8e95a3;
}
a:hover,
a:focus {
  /*color: var(--hovamesz-zold)!important;*/
  text-decoration: none;
}
.form-control.vpcf-quicksearch:focus {
  border-color: rgba(142,149,163,0.7);
}
.vpcf-checkboxes input[type="checkbox"]:checked + .vpcf-checkmark,
.vpcf-radios input[type="radio"]:checked + .vpcf-radiomark {
  background-color: #8e95a3;
  border-color: #8e95a3;
}
.nav-list > .active > a:after {
  background-color: #8e95a3;
}
.color-base,
.color-base:hover,
.color-base:focus,
.color-base:visited {
  color: #c9ced6;
}
.vpcf-options label a,
.vpf-topbar a,
.vpf-topbar .nav > li > a {
  color: #c9ced6;
}
.pagination > li > a,
.pagination > li > span,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus,
.vpf-topbar .nav > li > a:hover,
.vpf-topbar .nav > li > a:focus,
.vpf-topbar .nav > li > a:active,
.vpf-topbar .nav > li > span,
.vpf-topbar .nav > li > span:hover,
.vpf-topbar .nav > li > span:focus {
  color: #8e95a3;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #8e95a3;
  border-color: #8e95a3;
}
.vpf-scroll-top-button,
::selection {
  background-color: #8e95a3;
  color: #FFFFFF;
}
.vpf-scroll-top-button:hover {
  background-color: #222222;
  color: #FFF;
}
.light-link,
.light-link:hover,
.light-link:focus,
.light-link:active,
.light-link.active {
  color: #c9ced6;
  opacity: 0.5;
}
.light-link:hover,
.light-link:focus,
.light-link:active,
.light-link.active {
  opacity: 1;
}
.table th a {
  color: #c9ced6;
}
.table th a:hover,
.table th a:focus {
  color: #8e95a3;
}
.table th a:hover .icon-circle,
.table th a:focus .icon-circle {
  background-color: #c9ced6;
  color: #000000;
}
.searched-product-title a,
.hover-invert {
  color: #c9ced6;
}
.searched-product-title a:hover,
.searched-product-title a:focus,
.hover-invert:hover,
.hover-invert:focus {
  color: #8e95a3;
}
legend {
  color: #c9ced6;
  border-bottom-color: #eeeeee;
}
.sidebar-menu .opener,
.owl-thumbnail-carousel .owl-controls .owl-buttons .owl-prev,
.owl-thumbnail-carousel .owl-controls .owl-buttons .owl-next {
  color: #000000;
}
.sidebar-menu .opener:hover,
.sidebar-menu .opener:focus,
.owl-thumbnail-carousel .owl-controls .owl-buttons .owl-prev:hover,
.owl-thumbnail-carousel .owl-controls .owl-buttons .owl-next:hover {
  color: #000000;
}
.icon-circle,
.neighbour-link {
  color: #000000;
  background-color: #eeeeee;
}
.icon-circle:hover,
button:hover .icon-circle,
a:hover .icon-circle,
.neighbour-link:hover,
.neighbour-link:focus,
.open > .dropdown-toggle.btn-primary,
.over .vp-dropmod-anchor > .btn-primary {
  color: #ffffff;
  background-color: #222222;
}
.sidebar-menu li > a,
.sidebar-menu li > span,
.aside-inner .mostread li > a,
.aside-inner .mostread li > span,
.aside-inner .latestnews li > a,
.aside-inner .latestnews li > span,
.aside-inner .archive-module li > a,
.aside-inner .archive-module li > span,
.aside-inner .categories-module li > h3 > a,
.aside-inner .categories-module li > h4 > a,
.aside-inner .categories-module li > h5 > a,
.aside-inner .categories-module li > h6 > a,
.aside-inner .categories-module li > h7 > a {
  color: #c9ced6;
  border-color: #eeeeee;
}
.sidebar-menu .open > a,
.sidebar-menu .open > span {
  background-color: transparent;
  background-color: rgba(0,0,0,0);
  border-color: #eeeeee;
}
.sidebar-menu li > a:hover,
.sidebar-menu li > a:focus,
.sidebar-menu li > span:hover,
.sidebar-menu li > span:focus,
.aside-inner .mostread li > a:hover,
.aside-inner .mostread li > a:focus,
.aside-inner .latestnews li > a:hover,
.aside-inner .latestnews li > a:focus,
.aside-inner .archive-module li > a:hover,
.aside-inner .archive-module li > a:focus,
.sidebar-menu .open > a:hover,
.sidebar-menu .open > a:focus,
.sidebar-menu .open > span:hover,
.sidebar-menu .open > span:focus,
.aside-inner .categories-module li > h3 > a:hover,
.aside-inner .categories-module li > h3 > a:focus,
.aside-inner .categories-module li > h4 > a:hover,
.aside-inner .categories-module li > h4 > a:focus,
.aside-inner .categories-module li > h5 > a:hover,
.aside-inner .categories-module li > h5 > a:focus,
.aside-inner .categories-module li > h6 > a:hover,
.aside-inner .categories-module li > h6 > a:focus,
.aside-inner .categories-module li > h7 > a:hover,
.aside-inner .categories-module li > h7 > a:focus {
  background-color: #fafafa;
  border-color: #eeeeee;
}
.sidebar-menu .active > a,
.sidebar-menu .active > a:hover,
.sidebar-menu .active > a:focus,
.sidebar-menu .active > span,
.sidebar-menu .active > span:hover,
.sidebar-menu .active > span:focus,
.aside-inner .mostread li.active > a,
.aside-inner .mostread li.active > a:hover,
.aside-inner .mostread li.active > a:focus,
.aside-inner .latestnews li.active > a,
.aside-inner .latestnews li.active > a:hover,
.aside-inner .latestnews li.active > a:focus,
.aside-inner .archive-module li.active > a,
.aside-inner .archive-module li.active > a:hover,
.aside-inner .archive-module li.active > a:focus,
.aside-inner .categories-module li.active > h3 > a,
.aside-inner .categories-module li.active > h3 > a:hover,
.aside-inner .categories-module li.active > h3 > a:focus,
.aside-inner .categories-module li.active > h4 > a,
.aside-inner .categories-module li.active > h4 > a:hover,
.aside-inner .categories-module li.active > h4 > a:focus,
.aside-inner .categories-module li.active > h5 > a,
.aside-inner .categories-module li.active > h5 > a:hover,
.aside-inner .categories-module li.active > h5 > a:focus,
.aside-inner .categories-module li.active > h6 > a,
.aside-inner .categories-module li.active > h6 > a:hover,
.aside-inner .categories-module li.active > h6 > a:focus,
.aside-inner .categories-module li.active > h7 > a,
.aside-inner .categories-module li.active > h7 > a:hover,
.aside-inner .categories-module li.active > h7 > a:focus {
  color: #8e95a3;
}
.tags a {
  color: #222222;
  background-color: #eeeeee;
}
.tags a:hover,
.tags a:focus {
  color: #ffffff;
  background-color: #333333;
}
.tags a:before {
  border-color: transparent #eeeeee transparent transparent;
  border-color: rgba(0,0,0,0) #eeeeee rgba(0,0,0,0) rgba(0,0,0,0);
}
.tags a:hover:before,
.tags a:focus:before {
  border-color: transparent #333333 transparent transparent;
  border-color: rgba(0,0,0,0) #333333 rgba(0,0,0,0) rgba(0,0,0,0);
}
.module-block .mod-header,
.page-header {
  border-color: #e6e6e6;
}
.toolbar,
.category-order-by:before,
.category-mfg-filter:before,
.category-result-counter:before {
  border-color: #eeeeee;
}
.mod-box {
  background-color: #fafafa;
  border-color: #eeeeee;
}
blockquote {
  border-color: #eeeeee;
}
.topbar-switch-list {
  color: #333333;
  background-color: #ffffff;
  border-color: #eeeeee;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.08);
  -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.08);
  box-shadow: 0 5px 10px rgba(0,0,0,0.08);
}
.vp-dropmod-inner,
.autocomplete-suggestions,
.dropdown-menu {
  color: #c9ced6;
  background-color: #ffffff;
  border-color: #e6e6e6;
  border-color: rgba(0,0,0,0.1);
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.08);
  -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.08);
  box-shadow: 0 5px 10px rgba(0,0,0,0.08);
}
.vp-dropmod-pointer {
  background-color: #ffffff;
}
.vp-dropmod-pointer:before {
  border-bottom-color: #cfcfcf;
  border-bottom-color: rgba(0,0,0,0.19);
}
.topbar-switch.over .topbar-switch-inner {
  background-color: #ffffff;
  border-color: #eeeeee;
  border-top-color: transparent;
}
.topbar-switch-list > li > a,
.topbar-switch-list > li.active > a {
  color: #333333;
}
.dropdown-menu > li > a {
  color: #c9ced6;
}
.topbar-switch-list > li > a:hover,
.topbar-switch-list > li > a:focus {
  color: #333333;
  background-color: #ffffff;
  background-color: rgba(255,255,255,0.15);
}
.autocomplete-selected,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #222222;
  background-color: #fafafa;
}
.nav-tabs > li > a {
  color: #4d4d4d;
  background-color: #fafafa;
  border-color: #e6e6e6;
  border-bottom-color: transparent;
  border-bottom-color: rgba(0,0,0,0);
}
.nav-tabs > li > a:hover {
  color: #333333;
  background-color: #eeeeee;
  border-color: #e6e6e6;
  border-bottom-color: transparent;
  border-bottom-color: rgba(0,0,0,0);
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #c9ced6;
  border-color: #e6e6e6;
  background-color: #ffffff;
  border-bottom-color: transparent;
  border-bottom-color: rgba(0,0,0,0);
}
.tab-content {
  background-color: #ffffff;
  border-color: #e6e6e6;
}
.panel {
  background-color: #ffffff;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
  box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}
.panel-default {
  border-color: #e6e6e6;
}
.panel-default > .panel-heading {
  color: #222222;
  background-color: #fafafa;
  border-color: #e6e6e6;
}
.container .inner-container {
  background-color: transparent;
  border-color: transparent;  
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  line-height: 1.1;
  color: #333333;
}
.text-muted,
.product-price-before-discount,
.rating .text-muted {
  color: #777777;
}
.text-primary {
  color: #337ab7;
}
.text-success {
  color: #3c763d;
}
.text-info {
  color: #31708f;
}
.text-warning {
  color: #8a6d3b;
}
.text-danger {
  color: #a94442;
}
.form-control,
.btn,
.dropdown-menu,
.modal-content,
.bootstrap-dialog .modal-header,
.well,
.img-thumbnail,
.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span,
.input-group-addon,
select:not(.form-control),
textarea:not(.form-control),
input[type="text"]:not(.form-control),
input[type="password"]:not(.form-control),
input[type="datetime"]:not(.form-control),
input[type="datetime-local"]:not(.form-control),
input[type="date"]:not(.form-control),
input[type="month"]:not(.form-control),
input[type="time"]:not(.form-control),
input[type="week"]:not(.form-control),
input[type="number"]:not(.form-control),
input[type="email"]:not(.form-control),
input[type="url"]:not(.form-control),
input[type="search"]:not(.form-control),
input[type="tel"]:not(.form-control),
input[type="color"]:not(.form-control),
.uneditable-input:not(.form-control),
.inputbox:not(.form-control),
.list-group-item:first-child,
.list-group-item:last-child,
.alert,
.panel,
.panel-group .panel,
.panel-heading,
.product-action-buttons .btn-vme-round {
  border-radius: 10px;
}
.btn-lg {
  border-radius: 0px;
}
.btn-sm,
.vp-dropmod-inner {
  border-radius: 0px;
}
.form-control,
select:not(.form-control),
textarea:not(.form-control),
input[type="text"]:not(.form-control),
input[type="password"]:not(.form-control),
input[type="datetime"]:not(.form-control),
input[type="datetime-local"]:not(.form-control),
input[type="date"]:not(.form-control),
input[type="month"]:not(.form-control),
input[type="time"]:not(.form-control),
input[type="week"]:not(.form-control),
input[type="number"]:not(.form-control),
input[type="email"]:not(.form-control),
input[type="url"]:not(.form-control),
input[type="search"]:not(.form-control),
input[type="tel"]:not(.form-control),
input[type="color"]:not(.form-control),
.uneditable-input:not(.form-control),
.inputbox:not(.form-control) {
  background-color: #ffffff;
  color: #555555;
  border-color: #cccccc;
}
.form-control:focus,
select:not(.form-control):focus,
textarea:not(.form-control):focus,
input[type="text"]:not(.form-control):focus,
input[type="password"]:not(.form-control):focus,
input[type="datetime"]:not(.form-control):focus,
input[type="datetime-local"]:not(.form-control):focus,
input[type="date"]:not(.form-control):focus,
input[type="month"]:not(.form-control):focus,
input[type="time"]:not(.form-control):focus,
input[type="week"]:not(.form-control):focus,
input[type="number"]:not(.form-control):focus,
input[type="email"]:not(.form-control):focus,
input[type="url"]:not(.form-control):focus,
input[type="search"]:not(.form-control):focus,
input[type="tel"]:not(.form-control):focus,
input[type="color"]:not(.form-control):focus,
.uneditable-input:not(.form-control):focus,
.inputbox:not(.form-control):focus {
  border-color: #66afe9;
  -webkit-box-shadow: inset 0 1px 1px rgba(204,204,204,0.75), 0 0 8px rgba(102,175,233,0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(204,204,204,0.75), 0 0 8px rgba(102,175,233,0.6);
  box-shadow: inset 0 1px 1px rgba(204,204,204,0.75), 0 0 8px rgba(102,175,233,0.6);
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control,
select[disabled]:not(.form-control),
textarea[disabled]:not(.form-control),
input[disabled]:not(.form-control):not(.btn),
input[type="password"][disabled]:not(.form-control),
input[type="datetime"][disabled]:not(.form-control),
input[type="datetime-local"][disabled]:not(.form-control),
input[type="date"][disabled]:not(.form-control),
input[type="month"][disabled]:not(.form-control),
input[type="time"][disabled]:not(.form-control),
input[type="week"][disabled]:not(.form-control),
input[type="number"][disabled]:not(.form-control),
input[type="email"][disabled]:not(.form-control),
input[type="url"][disabled]:not(.form-control),
input[type="search"][disabled]:not(.form-control),
input[type="tel"][disabled]:not(.form-control),
input[type="color"][disabled]:not(.form-control),
.uneditable-input[disabled]:not(.form-control),
.inputbox[disabled]:not(.form-control),
select[readonly]:not(.form-control),
textarea[readonly]:not(.form-control),
input[readonly]:not(.form-control),
input[type="password"][readonly]:not(.form-control),
input[type="datetime"][readonly]:not(.form-control),
input[type="datetime-local"][readonly]:not(.form-control),
input[type="date"][readonly]:not(.form-control),
input[type="month"][readonly]:not(.form-control),
input[type="time"][readonly]:not(.form-control),
input[type="week"][readonly]:not(.form-control),
input[type="number"][readonly]:not(.form-control),
input[type="email"][readonly]:not(.form-control),
input[type="url"][readonly]:not(.form-control),
input[type="search"][readonly]:not(.form-control),
input[type="tel"][readonly]:not(.form-control),
input[type="color"][readonly]:not(.form-control),
.uneditable-input[readonly]:not(.form-control),
.inputbox[readonly]:not(.form-control) {
  background-color: #eeeeee;
}
::-webkit-input-placeholder {
  color: #999999;
}
:-moz-placeholder {
  color: #999999;
}
::-moz-placeholder {
  color: #999999;
}
:-ms-input-placeholder {
  color: #999999;
}
.input-group-addon {
  background-color: #eeeeee;
  border-color: #cccccc;
}
.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.bg-success {
  background-color: #dff0d8;
}
.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.bg-info {
  background-color: #d9edf7;
}
.alert-warning,
.alert-message {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.bg-warning,
.bg-message {
  background-color: #fcf8e3;
}
.empty-list {
  color: #c9ced6;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-danger,
.alert-error {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.bg-danger,
.bg-error {
  background-color: #f2dede;
}
.btn {
  font-weight: normal;
}
.btn-default {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}
.btn-default.active,
.btn-default.focus,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open > .dropdown-toggle.btn-default,
.over .vp-dropmod-anchor > .btn-default {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-foricon,
.product-action-buttons .btn-vme-round {
  color: #ffffff;
  background-color: #3e3f3a;
  border-color: #3e3f3a;
}
.btn-foricon.active,
.btn-foricon.focus,
.btn-foricon:active,
.btn-foricon:focus,
.btn-foricon:hover,
.product-action-buttons .btn-vme-round:hover,
.open > .dropdown-toggle.btn-foricon,
.over .vp-dropmod-anchor > .btn-foricon,
.product-action-buttons .btn-vme-round.btn-item-added,
.product-action-buttons .btn-vme-round.btn-item-added:hover {
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d9534f;
}
.navbar-toggle.vpf-offcanvas-toggle,
.navbar-toggle.vpf-offcanvas-toggle:hover,
.navbar-toggle.vpf-offcanvas-toggle:focus,
.header-top .color-base,
.header-top .color-base:hover,
.header-top .color-base:focus,
.header-top .color-base:visited {
  color: #e6e6e6;
}
@media (max-width: 992px) {
  .navbar-offcanvas-modules .vp-dropmod-anchor > .btn,
  .navbar-offcanvas-modules .vp-dropmod-anchor > .btn:hover,
  .navbar-offcanvas-modules .vp-dropmod-anchor > .btn:focus,
  .navbar-offcanvas-modules .vp-dropmod-anchor > .btn:active,
  .navbar-offcanvas-modules .vp-dropmod-anchor > .btn.active,
  .navbar-offcanvas-modules .over .vp-dropmod-anchor > .btn {
    color: #ffffff;
  }
}
.btn-switch {
  color: #3e3f3a;
  background-color: transparent;
  border-color: transparent;
}
.btn-switch.active,
.btn-switch.focus,
.btn-switch:active,
.btn-switch:focus,
.btn-switch:hover {
  color: #ffffff;
  background-color: #d9534f;
  border-color: transparent;
}
.btn-base,
.feature-icon-hover .icon {
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d9534f;
}
.btn-base.active,
.btn-base.focus,
.btn-base:active,
.btn-base:focus,
.btn-base:hover,
.open > .dropdown-toggle.btn-base,
.over .vp-dropmod-anchor > .btn-base,
.feature-icon-hover:hover .icon,
.feature-icon-hover:focus .icon {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #c9302c;
}
.btn-primary {
  color: #ffffff;
  background-color: var(--hovamesz-zold);
  border-color: var(--hovamesz-zold);
  border-radius: 10px;
}
.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
  color: #ffffff;
  background-color: #244363;
  border-color: #244363;
}
.btn-info {
  color: #ffffff;
  background-color: #29abe0;
  border-color: #29abe0;
}
.btn-info.active,
.btn-info.focus,
.btn-info:active,
.btn-info:focus,
.btn-info:hover,
.open > .dropdown-toggle.btn-info,
.over .vp-dropmod-anchor > .btn-info {
  color: #ffffff;
  background-color: #1b8dbb;
  border-color: #1b8dbb;
}
.btn-warning {
  color: #ffffff;
  background-color: #f47c3c;
  border-color: #f47c3c;
}
.btn-warning.active,
.btn-warning.focus,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover,
.open > .dropdown-toggle.btn-warning,
.over .vp-dropmod-anchor > .btn-warning {
  color: #ffffff;
  background-color: #ef5c0e;
  border-color: #ef5c0e;
}
.btn-danger {
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d9534f;
}
.btn-danger.active,
.btn-danger.focus,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover,
.open > .dropdown-toggle.btn-danger,
.over .vp-dropmod-anchor > .btn-danger {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #c9302c;
}
.btn-invert {
  color: #ffffff;
  background-color: #3e3f3a;
  border-color: #3e3f3a;
}
.btn-invert.active,
.btn-invert.focus,
.btn-invert:active,
.btn-invert:focus,
.btn-invert:hover,
.open > .dropdown-toggle.btn-invert,
.over .vp-dropmod-anchor > .btn-invert {
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d9534f;
}


.sppb-btn-link {
    text-decoration: none;
    border-radius: 0;
    color: var(--link-color);
    border-width: 0 0 1px 0;
}



.badge,
.sticker {
  font-weight: normal;
  border-radius: 0px;
}
.badge-grey,
.sticker-grey {
  color: #ffffff;
  background-color: #777777;
}
.badge-green,
.sticker-green {
  color: #ffffff;
  background-color: #5cb85c;
}
.badge-blue,
.sticker-blue {
  color: #ffffff;
  background-color: #31b0d5;
}
.badge-yellow,
.sticker-yellow {
  color: #ffffff;
  background-color: #f0ad4e;
}
.badge-orange,
.sticker-orange {
  color: #ffffff;
  background-color: #ff6600;
}
.badge-red,
.sticker-red {
  color: #ffffff;
  background-color: #d9534f;
}
.tag {
  font-size: 1em;
  font-weight: normal;
}
.tag-sale {
  color: #ffffff;
  background-color: #337ab7;
}
.tag-new {
  color: #ffffff;
  background-color: #31b0d5;
}
.tag-promo {
  color: #ffffff;
  background-color: #d9534f;
}
.tag-sold {
  color: #ffffff;
  background-color: #f0ad4e;
}
.tag-discontinued {
  color: #ffffff;
  background-color: #d9534f;
}
#breadcrumbs {
  background-color: #eeeeee;
  background-image: none;
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: 50%;
  background-position-y: 50%;
  background-attachment: fixed;
}
#breadcrumbs .breadcrumb {
  background: #ffffff;
}
#breadcrumbs .breadcrumb a {
  color: #333333;
}
#breadcrumbs .breadcrumb a:hover {
  color: #d9534f;
}
#breadcrumbs .breadcrumb > .active {
  color: #aaaaaa;
}
#breadcrumbs ul.breadcrumb > li + li:before {
  color: #aaaaaa;
}
.vpf-topbar {
  background: linear-gradient(135deg, #6abf4b, #1e7a34) !important;
  
  border-bottom: 1px solid #eeeeee;
}
.vpf-topbar .inner-container {
  background-color: transparent;
  border-bottom-color: transparent;
  color: #fff !important;
  font-weight: 600;
}

.vpf-topbar .nav>li>a {
  color: #ffffff!important;
}

.vpf-topbar a,
.vpf-topbar a:focus,
.vpf-topbar a:hover,
.vpf-topbar .nav > li > a,
.vpf-topbar .nav > li > a:focus,
.vpf-topbar .nav > li > a:hover {
  color: #ffffff;  
    
}
.vpf-topbar .text-muted,
.vpf-topbar .muted {
  color: #ffffff;
}
.header-top {
  background-color: #1a1a1a;
  -webkit-box-shadow: 1px 1px 1px #2e2e2e;
  box-shadow: 1px 1px 1px #2e2e2e;
}
.header-top .inner-container {
  background-color: transparent;
}
.mod-slider-cont {
  background-color: transparent;
  margin-bottom: 0;
}
.mod-slider-cont .container .inner-container {
  background-color: transparent;
}
.navbar-mainmenu .navbar-collapse {
  color: #333333;
}
@media (max-width: 992px) {
  .navbar.navbar-offcanvas {
    color: #333333;
  }
}
.navbar-mainmenu .navbar-nav > li > a,
.navbar-mainmenu .navbar-nav > li > span {
  color: #333333;
  text-transform: uppercase;
}
.vpf-menu a > .menu-group > .menu-desc,
.vpf-menu span > .menu-group > .menu-desc {
  color: #777777;
}
.navbar-mainmenu .navbar-nav > li.active > a,
.navbar-mainmenu .navbar-nav > li.active > span {
  color: #333333;
  background-color: transparent;
}
.navbar-mainmenu .navbar-nav > li.open > a,
.navbar-mainmenu .navbar-nav > li > a:hover,
.navbar-mainmenu .navbar-nav > li > a:focus,
.navbar-mainmenu .navbar-nav > li.open > span,
.navbar-mainmenu .navbar-nav > li > span:hover,
.navbar-mainmenu .navbar-nav > li > span:focus {
  color: #333333;
  background-color: transparent;
  text-shadow: 0 2px 2px rgba(0,0,0,0.1);
  
}

.vpf-menu > li > a {
    position: relative;
    /* a meglévő stílusaid maradnak */
}

.vpf-menu > li > a .menu-title {
    position: relative;
    display: inline-block;
}

.vpf-menu > li > a .menu-title::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -4px;
    width: 0;
    height: 2px;
    background-color: var(--hovamesz-zold)!important;
    transition: width 0.3s ease, left 0.3s ease;
}

.vpf-menu > li > a:hover .menu-title::after,
.vpf-menu > li > a:focus .menu-title::after,
.vpf-menu > li.active > a .menu-title::after {
    width: 100%;
    left: 0;
}




.navbar-mainmenu .navbar-nav > li.open > a > .caret,
.navbar-mainmenu .navbar-nav > li.open > span > .caret {
  display: inline-block;
  border-top-color: #bebebe;
}
.navbar-mainmenu .navbar-nav > li.open > a:after,
.navbar-mainmenu .navbar-nav > li.open > span:after {
  background-color: #d7d7d7;
}
.navbar-mainmenu .navbar-nav > li.active > a:after,
.navbar-mainmenu .navbar-nav > li.active > span:after {
  background-color: #d9534f;
}
.mega-sub-cont li.submenu.deeper:not(.mega-group) > a:after,
.mega-sub-cont li.submenu.deeper:not(.mega-group) > span:after,
.mega-sub-cont ul.vpf-mega-mod li.deeper > a:after,
.mega-sub-cont ul.vpf-mega-mod li.deeper > span:after {
  display: inline-block;
  border-left-color: #bebebe;
}
.navbar-mainmenu .navbar-nav > li.active > a > .caret,
.navbar-mainmenu .navbar-nav > li.active > span > .caret {
  border-top-color: #ffffff;
}
.navbar-mainmenu .navbar-nav > li.open > a > .caret,
.navbar-mainmenu .navbar-nav > li.open > span > .caret {
  border-top-color: #bebebe;
}
.mega-menu-expand,
.vpf-menu .submenu li.deeper > ul,
.vpf-menu .submenu.deeper > .mega-menu-expand {
  color: #333333;
  background-color: #ffffff;
  border: 0 none;
  border-top: 1px solid #eeeeee;
  -webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.15);
  -moz-box-shadow: 0 3px 10px rgba(0,0,0,0.15);
  box-shadow: 0 3px 10px rgba(0,0,0,0.15);
}
.level-1 .mega-menu-expand,
.vpf-menu .submenu li.level-1.deeper > ul {
  margin-top: 0;
  border-top: 1px solid #eeeeee;
}
.mega-sub-cont li.submenu > a,
.mega-sub-cont li.submenu > span,
.mega-sub-cont ul.vpf-mega-mod li > a,
.mega-sub-cont ul.vpf-mega-mod li > span,
.navbar-mainmenu .navbar-nav li.submenu.mega-group > a,
.navbar-mainmenu .navbar-nav li.submenu.mega-group > span {
  color: #333333;
}
.mega-sub-cont li.submenu.active > a,
.mega-sub-cont li.submenu.active > span,
.mega-sub-cont ul.vpf-mega-mod li.active > a,
.mega-sub-cont ul.vpf-mega-mod li.active > span {
  color: #333333;
}
.mega-sub-cont li.submenu.open > a,
.mega-sub-cont li.submenu.open > span,
.mega-sub-cont li.submenu > a:hover,
.mega-sub-cont li.submenu > a:focus,
.mega-sub-cont li.submenu > span:hover,
.mega-sub-cont li.submenu > span:focus,
.mega-sub-cont ul.vpf-mega-mod li > a:hover,
.mega-sub-cont ul.vpf-mega-mod li > a:focus,
.mega-sub-cont ul.vpf-mega-mod li > span:hover,
.mega-sub-cont ul.vpf-mega-mod li > span:focus {
  color: #d9534f;
}
#mainbody {
  background-color: transparent;
  border-top: 0 none;
  border-bottom: 0 none;
}
#mainbody .container .inner-container {
  background-color: transparent;
  border-top: 0 none;
  border-bottom: 0 none;
}
.utility-wide {
  padding-top: 50px;
  padding-bottom: 10px;
  margin-top: 0;
  margin-bottom: 30px;
  border-top: 0 none;
  border-bottom: 0 none;
  background-color: #555354;
  background-image: url('../../../../images/banners/home-page-min.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: 50%;
  background-position-y: 50%;
  background-attachment: fixed;
}
.utility-vertical {
  padding-top: 50px;
  padding-bottom: 10px;
  margin-top: 0;
  margin-bottom: 0;
  border-top: 0 none;
  border-bottom: 0 none;
  background-color: transparent;
  background-image: none;
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: 50%;
  background-position-y: 50%;
  background-attachment: fixed;
}
.utility-horizontal {
  padding-top: 80px;
  padding-bottom: 30px;
  margin-top: 0;
  margin-bottom: 0;
  border-top: 0 none;
  border-bottom: 0 none;
  background-color: #f5f5f6;
  background-image: none;
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: 50%;
  background-position-y: 50%;
  background-attachment: fixed;
}
.quantity-box-cont.quantity-box {
  border-color: #e6e6e6;
  background: #fafafa;
}
.btn-nobg .fa,
.btn-vme-round > i {
  border-color: #e6e6e6;
}
.btn-vme-round.btn-item-added > i,
.btn-vme-round.btn-item-added:hover > i {
  background: #d9534f;
  border-color: #d9534f;
  color: #ffffff;
}
.btn-vme,
.btn-nobg {
  color: #333333;
}
.btn-vme:hover,
.btn-nobg:hover {
  color: inherit;
}
.mod-product-price,
.related-product .PricesalesPrice,
.product-sales-price,
.product-sales-price > div > span {
  color: #333333;
}
.product-image-gallery-main-cont,
.product-listing .product-inner,
.vp-product-carousel-inner .product-inner,
.category-list .category-item-inner,
.vendor-inner,
.manufacturer-inner {
  background-color: transparent;
  border-color: transparent;
}
.product-thumb-carousel .image-thumb {
  background-color: transparent;
  border-color: transparent;
}
.product-thumb-carousel .image-thumb:hover {
  background-color: transparent;
  border-color: rgba(0,0,0,0);
}
.product-listing .product-inner.open,
.vp-product-carousel-inner .product-inner.open,
.category-list .category-item-inner:hover,
.category-list .category-item-inner:focus,
.vendor-inner:hover,
.vendor-inner:focus,
.manufacturer-inner:hover,
.manufacturer-inner:focus {
  background-color: transparent;
  border-color: transparent;
}
.productdetails-view .product-rating-cont,
.productdetails-view .product-short-desc-cont,
.productdetails-view .product-price-stock-sku-cont,
.productdetails-view .product-action-buttons-cont,
.productdetails-view .product-addtocart-cont,
.product-details-manifacturer-logo,
.top-right-fields,
.ontop-fields-cont,
.product-top-right-cont,
.related-products-cont,
.related-product-header {
  border-color: #e6e6e6;
}
.vm-rating-stars,
span.vm-product-rating,
span.review-rating {
  color: #fea800;
}
.vpfc-price-range .ui-slider {
  background-color: #e6e6e6;
}
.vpfc-price-range .ui-widget-header,
.vpfc-price-range .ui-slider .ui-slider-handle {
  background-color: #fe5252;
}
.bottom-slider {
  background-color: #fafafa;
  border-top: 1px solid #eeeeee;
  border-bottom: 0 none;
}
.bottom-slider .container .inner-container {
  background-color: transparent;
  border-top: 0 none;
  border-bottom: 0 none;
}
#bottom {
  color: #999999;
  background-color: #222222;
  border-top: 0 none;
  border-bottom: 0 none;
}
#bottom .container .inner-container {
  background-color: transparent;
  border-top: 0 none;
  border-bottom: 0 none;
}
#bottom a {
  color: #e7e7e7;
}
#bottom a:hover,
#bottom a:focus {
  color: #fafafa;
}
#bottom h1,
#bottom h2,
#bottom h3,
#bottom h4,
#bottom h5,
#bottom h6,
#bottom .h1,
#bottom .h2,
#bottom .h3,
#bottom .h4,
#bottom .h5,
#bottom .h6 {
  color: #999999;
}
footer.footer {
  color: #999999;
  background-color: #1a1a1a;
  border-top: 0 none;
  border-bottom: 0 none;
}
footer.footer .container .inner-container {
  background-color: transparent;
  border-top: 0 none;
  border-bottom: 0 none;
}
footer.footer a {
  color: #aaaaaa;
}
footer.footer a:hover,
footer.footer a:focus {
  color: #fafafa;
}
footer.footer h1,
footer.footer h2,
footer.footer h3,
footer.footer h4,
footer.footer h5,
footer.footer h6,
footer.footer .h1,
footer.footer .h2,
footer.footer .h3,
footer.footer .h4,
footer.footer .h5,
footer.footer .h6 {
  color: #999999;
}
.carousel-nav-top .owl-controls.clickable .owl-buttons .owl-prev,
.carousel-nav-top .owl-controls.clickable .owl-buttons .owl-next,
.owl-nav-top .owl-controls .owl-buttons .owl-prev,
.owl-nav-top .owl-controls .owl-buttons .owl-next,
.owl-carousel.side-nav-theme .owl-controls .owl-buttons .owl-prev,
.owl-carousel.side-nav-theme .owl-controls .owl-buttons .owl-next,
.owl-nav-side .owl-controls.clickable .owl-buttons .owl-prev,
.owl-nav-side .owl-controls.clickable .owl-buttons .owl-next {
  color: #333333;
  background-color: transparent;
  border: 1px solid transparent;
}
.carousel-nav-top .owl-controls.clickable .owl-buttons .owl-prev:hover,
.carousel-nav-top .owl-controls.clickable .owl-buttons .owl-next:hover,
.owl-nav-top .owl-controls.clickable .owl-buttons .owl-prev:hover,
.owl-nav-top .owl-controls.clickable .owl-buttons .owl-next:hover,
.owl-nav-side .owl-controls.clickable .owl-buttons .owl-prev:hover,
.owl-nav-side .owl-controls.clickable .owl-buttons .owl-next:hover,
.owl-carousel.side-nav-theme .owl-controls .owl-buttons .owl-prev:hover,
.owl-carousel.side-nav-theme .owl-controls .owl-buttons .owl-next:hover {
  color: #333333;
  background-color: transparent;
  border: 1px solid transparent;
}
.carousel-nav-top .owl-controls .owl-page span,
.owl-nav-top .owl-controls .owl-page span,
.owl-nav-side .owl-controls .owl-page span,
.owl-carousel.side-nav-theme .owl-controls .owl-page span {
  background: #888888;
}
.carousel-nav-top .owl-controls .owl-page span:hover,
.owl-nav-top .owl-controls .owl-page span:hover,
.owl-nav-side .owl-controls .owl-page span:hover,
.owl-carousel.side-nav-theme .owl-controls .owl-page span:hover {
  background: #777777;
}
.carousel-nav-top .owl-controls .owl-page.active span,
.carousel-nav-top .owl-controls .owl-page.active span:hover,
.owl-nav-top .owl-controls .owl-page.active span,
.owl-nav-top .owl-controls .owl-page.active span:hover,
.owl-nav-side .owl-controls .owl-page.active span,
.owl-nav-side .owl-controls .owl-page.active span:hover,
.owl-carousel.side-nav-theme .owl-controls .owl-page.active span,
.owl-carousel.side-nav-theme .owl-controls .owl-page.active span:hover {
  background: #777777;
}
.header-search .search input[type="text"],
.header-search .search input[type="search"] {
  background-color: #ffffff;
  color: #333333;
}
.vpajaxsearch-line-loader .vpajaxsearch-loader {
  background-color: #eeeeee;
}
.vpajaxsearch-line-loader .vpajaxsearch-loader:before {
  background-color: #8e95a3;
}
@media (max-width: 991px) {
  #footer-toolbar {  
    background: none;
    border-top: unset;
    width: 100%;
    z-index: 1002;  
    color: #333333;
  }


  
  #footer-toolbar .mini-cart-total,
  #footer-toolbar .vp-dropmod-inner,
  #footer-toolbar .vp-dropmod-pointer {
      display: none !important;
  }

  #footer-toolbar .vpf-offcanvas-toggle .fa,
  #footer-toolbar .mini-cart-mod .fa {
      color: #0F1216 !important;
  }


  .header-top a,
  .header-top .color-base,
  .header-top .color-base:hover,
  .header-top .color-base:focus,
  .header-top .color-base:visited {
    color: #333333;
  }

  .navbar-offcanvas-modules > div:last-child {
    display: none!important;
  }

  .vpf-offcanvas-toggle .fa {
    color: #0F1216 !important;
  }
  
  .navbar-toggle.vpf-offcanvas-toggle {
    z-index: 9999;
  }  

   body.header-fixed .vp-minicart {
    top: 35px !important;
  }

  #footer-toolbar, .vp-minicart {
    position: fixed !important;
    top: 75px !important;
    bottom: auto !important;
    left: auto !important;
    right: 55px !important;
    z-index: 99999 !important;
    transform: none !important;    
  }
  
  
}


@media (max-width: 575.98px) {
    .sp-page-builder .page-content #section-id-1701851951190 {
        padding-top: 0px!important;
    }

    .hva-pt-price, .hva-pt-data {
      flex-basis: 100%;
    }
    .hva-pt-header{
      display: grid;
      text-align: center;
      justify-content: center;
    }
    .hva-pt-days {
      text-align: center;
    }
}    



.hovamesz_page {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px 60px;
}

.hovamesz_page-header {
    margin-bottom: 28px;
}

.hovamesz_eyebrow {
    display: inline-block;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(43, 108, 176, 0.10);
    color: #2b6cb0;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.03em;
    margin-bottom: 14px;
}


.hovamesz_subtitle {
    margin: 0;
    color: #5b6472;
    font-size: 16px;
    max-width: 760px;
    line-height: 1.6;
}

.hovamesz_error-box {
    margin: 24px 0;
    padding: 16px 18px;
    border-radius: 18px;
    background: linear-gradient(135deg, #fff1f1 0%, #fff8f8 100%);
    border: 1px solid #f2c2c2;
    color: #a11b1b;
    box-shadow: 0 8px 24px rgba(180, 40, 40, 0.06);
}

.hovamesz_grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    gap: 18px;
}

.hovamesz_card {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid rgba(255, 255, 255, 0.9);
    box-shadow:
        0 10px 30px rgba(31, 41, 55, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(8px);
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
    overflow: hidden;
}

.hovamesz_card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(43, 108, 176, 0.04), rgba(59, 130, 246, 0.00) 55%);
    pointer-events: none;
}

.hovamesz_card:hover {
    transform: translateY(-4px);
    box-shadow:
        0 18px 40px rgba(31, 41, 55, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.95);
    border-color: rgba(59, 130, 246, 0.25);
}

.hovamesz_thumb-wrap {
    position: relative;
    flex: 0 0 auto;
}

.hovamesz_card-image {
    width: 80px;
    height: 60px;
    object-fit: cover;
    display: block;
    border-radius: 14px;
    background: #e5e7eb;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.12);
}

.hovamesz_card-content {
    position: relative;
    z-index: 1;
    flex: 1 1 auto;
    min-width: 0;
}

.hovamesz_card-title {
    margin: 0 0 8px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    color: #111827;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hovamesz_card-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.hovamesz_price-badge {
    display: inline-flex;
    align-items: center;
    padding: 8px 12px;
    border-radius: 999px;
    background: linear-gradient(135deg, #eafff2 0%, #f4fff9 100%);
    color: #0f6b35;
    font-size: 14px;
    font-weight: 700;
    border: 1px solid rgba(34, 139, 68, 0.15);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

.hovamesz_small-note {
    font-size: 13px;
    color: #6b7280;
}

.hovamesz_empty-box {
    padding: 24px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.85);
    box-shadow: 0 10px 30px rgba(31, 41, 55, 0.08);
    color: #4b5563;
}

.hovamesz_debug-box {
    margin-top: 32px;
    padding: 20px;
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(31, 41, 55, 0.08);
}

.hovamesz_debug-box h3 {
    margin-top: 0;
}

pre {
    white-space: pre-wrap;
    word-break: break-word;
    margin: 0;
    font-size: 13px;
    line-height: 1.55;
}





/*menu box layout */
/* Fejléc konténer max-width korlátozása */
#vpf-header .header-top .container-fluid .inner-container {
    max-width: 1290px;
    margin: 0 auto;
}

/* Topbar max-width korlátozása */
.vpf-topbar > .container-fluid,
.vpf-topbar .container-fluid .inner-container {
    max-width: 1290px;
    margin-left: auto;
    margin-right: auto;
}





.orbit-home-slideshow {
    position: relative
}

.orbit-home-slideshow .sp-slider-content-wrap {
    max-width: 1290px;
    padding: 0px 15px;
    margin: 0 auto
}

.orbit-home-slideshow .product-price {
    max-width: 350px;
    float: left
}

.orbit-home-slideshow .product-price .price {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    color: #252525;
    margin-top: 4px
}

.orbit-home-slideshow .product-price .sale-price {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    color: #2ba84a;
    text-decoration: line-through
}

.orbit-home-slideshow .sp-slider-btn-text {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    font-weight: 500;
    border-radius: 30px;
    background-color: #2ba84a;
    padding: 7px 25px;
    margin: 0px;
    margin-left: 40px
}

.orbit-home-slideshow .sp-slider-btn-text:hover {
    background-color: #044cd0
}

.orbit-home-slideshow .sp-slider-custom-dot-indecators {
    all: unset;
    width: 100%;
    height: 100%;
    position: absolute;
    max-width: 1320px;
    margin: 0 auto;
    left: 0px;
    right: 0px
}

.orbit-home-slideshow .sp-slider-custom-dot-indecators ul {
    width: 70px !important;
    height: 100%;
    position: absolute;
    right: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 3;
    gap: 15px
}

.orbit-home-slideshow .sp-slider-custom-dot-indecators .sp-text-thumbnail-list {
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    justify-content: flex-end;
    color: #252525;
    margin: 0px
}

.orbit-home-slideshow .sp-slider-custom-dot-indecators .sp-text-thumbnail-list.active {
    color: #2ba84a
}

.orbit-home-slideshow .sp-slider-custom-dot-indecators .sp-text-thumbnail-list.active .sp-dot-indicator-wrap {
    display: block
}

.orbit-home-slideshow .sp-slider-custom-dot-indecators .sp-text-thumbnail-list .sp-dot-indicator-wrap {
    display: none;
    width: 16px;
    border-radius: 4px;
    background-color: #2ba84a
}

.orbit-home-slideshow .sp-slider-custom-dot-indecators .sp-text-thumbnail-list .sp-slider-text-thumb-caption {
    display: none
}

.orbit-home-slideshow .sppb-sp-slider-image {
    -webkit-mask-image: url("/templates/vp_smart/images/mask.svg");
    mask-image: url("/templates/vp_smart/images/mask.svg");
    mask-size: contain;
    --webkit-mask-size: contain
}


/* Hover underline animáció – vpf-menu */
.vpf-menu .menuitem a {
    position: relative !important;
    text-decoration: none !important;
    color: inherit !important;
    padding-bottom: 4px !important;
}

.vpf-menu .menuitem a::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 0% !important;
    height: 2px !important;
    background-color: #0088cc !important;
    transition: width 0.3s ease !important;
}

.vpf-menu .menuitem a:hover::after,
.vpf-menu .menuitem.active a::after {
    width: 100% !important;
}


.container .inner-container {
  padding-left:0px!important;
  padding-right:0px!important;
}

.nav-pills.nav-stacked > li > a {
    color: var(--hovamesz-feher) !important;
    padding: 10px 0 !important;
    transition: text-shadow 0.2s ease, color 0.2s ease;
}

.nav-pills.nav-stacked > li > a:hover,
.nav-pills.nav-stacked > li > a:focus {
    text-shadow: 0 0 0.5px currentColor, 0 0 0.5px currentColor;
    background-color: transparent !important;
    color: var(--hovamesz-feher) !important;
}



/*menu sorrend*/

/* Full-width modulok (mod_hovamesz_esim_global stb.) – breakout mellékhatás-kezelés */
#mainbody {
  overflow-x: hidden;
}

/* offcanvas */
.mm-menu>.mm-panel {
  background: #dddada;
}

.mm-list>li>span{
  color : #0F1216!important;
  padding-right: 20px;
}
.mm-list > li > span::before {
  content: "\f105";
  font-family: FontAwesome;
  margin-right: 8px;
}


#main {
    margin-bottom: 0px;
}

#mainbody {
    padding-bottom: 0px;
}


/* virtuemart */
.vmpayment_name {
    font-size: 0;
}

.vmpayment_name::before {
    content: "Fizetési szolgáltató: ";
    font-size: 14px;
    vertical-align: middle;
}

.vmpayment_name::after {
    content: "";
    display: inline-block;
    width: 100px;
    height: 30px;
    margin-left: 8px;
    vertical-align: middle;
    background: url('/images/logo/stripe_logo_black.png') no-repeat center center;
    background-size: contain;
}
.vmshipment_name{
    display:none;
}
.product-action-buttons-cont{
    display:none;
}
.btn-primary, .btn-sm, .cart-submission-buttons-cont .btn, .btn{
    background: var(--hva-gradient) !important;
    color: #F2F4F7 !important;
    border-radius: 30px !important;
    border: none;
}

.btn-primary:hover, .btn-sm:hover, .cart-submission-buttons-cont .btn:hover, .btn:hover {
    opacity: 0.88;
    transform: translateY(-1px);
}

.offcanvas-toggle-container .btn{
    background: none!important;
}

.form-inline .btn  {
  background: none!important;
  color: #333333!important;
}

.vp-dropmod-inner, .autocomplete-suggestions, .dropdown-menu, .searched-product-title a, .hover-invert{
  color:#333333;
}

.vpf-removefromcart-btn span[aria-hidden="true"] {
    font-size: 0;
}

.vpf-removefromcart-btn span[aria-hidden="true"]::before {
    content: "\f1f8"; /* fa-trash */
    font-family: FontAwesome;
    font-size: 16px;
    color: #cc0000;
}

.vp-minicart .col-xs-3 {
    display: none;
}
.vp-minicart .col-xs-8 {
    width: 91.66666667% !important; /* Bootstrap col-xs-11 */
}

.cart-submission-buttons-cont .align-center-xs:not(.align-right-sm) {
    display: none !important;
}

.cart-submission-buttons-cont .align-right-sm.align-center-xs {
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
}

.chosen-container-single .chosen-single{
  height:34px;
  line-height:34px;
  border-radius: 10px;
}

.chosen-container-single .chosen-single div b{
  margin-top: 5px;
}

.chosen-container-single .chosen-single span{
  font-size: 16px;
}

.btn.btn-offcanvas-close {
  border-radius: 30px !important;
  width: 30px;
}

.sp-page-builder .page-content #sim_info_block{
  z-index: 0;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
  background-color: unset;
  font-weight: bold;
}

.sp-page-builder .page-content #section-id-775a9733-5e4f-401e-baf3-9b81ee4768b0 {
  z-index: 0;
}


/* iOS zoom */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    input,
    select,
    textarea {
        font-size: 16px !important;
    }
}