:root {
    --hovamesz-feher: #e7e7e7;
    --hovamesz-szurke: #6d6d6d;
    --hovamesz-hatter: #0F1216; 
    --hovamesz-zold: #2ba84a;


}



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

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

img.site-logo.logo-general {
    height: 70px!important;
}

#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;
  color: #F2F4F7!important;
  border-radius: 30px!important;
  padding-top: 14px!important;
  padding-right: 57px!important;
  padding-bottom: 14px!important;
  padding-left: 57px!important;
}

.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;
}

/* 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;
    }
}


.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;
}