/* ==================================================
   Agromechanika webáruház arculati alapszínek
   Zöld – arany – meleg törtfehér
   ================================================== */

:root {
  --agro-green: #2E7D32;
  --agro-green-dark: #1F5A23;
  --agro-gold: #C49A44;
  --agro-bg: #F8F7F3;
  --agro-text: #2B2B2B;
  --agro-border: #DDD6C8;
}

/* Alap háttér és szöveg */
body {
  background: var(--agro-bg);
  color: var(--agro-text);
}

/* Linkek */
a {
  color: var(--agro-green);
}

a:hover,
a:focus {
  color: var(--agro-green-dark);
}

/* Fő gombok, kosár gombok */
.btn-primary,
button.btn-primary,
.vm-button-correct,
.addtocart-button,
input.addtocart-button {
  background-color: var(--agro-green) !important;
  border-color: var(--agro-green) !important;
  color: #fff !important;
  border-radius: 6px;
}

.btn-primary:hover,
button.btn-primary:hover,
.vm-button-correct:hover,
.addtocart-button:hover,
input.addtocart-button:hover {
  background-color: var(--agro-green-dark) !important;
  border-color: var(--agro-green-dark) !important;
}

/* Másodlagos kiemelések */
.badge,
.label,
.vm-price-value,
.PricesalesPrice {
  color: var(--agro-green-dark);
}

/* Modulok, oldalsáv dobozok */
.card,
.sp-module,
.vmgroup,
.category-view,
.browse-view {
  border-color: var(--agro-border);
}

/* Modulcímek */
.sp-module-title,
.card-header,
.module-title {
  background: var(--agro-green);
  color: #fff;
  padding: 10px 14px;
  border-radius: 6px 6px 0 0;
}

/* Termékkártyák finomítása */
.product,
.productdetails-view,
.vm-product-container,
.browse-view .product {
  background: #fff;
  border: 1px solid var(--agro-border);
  border-radius: 8px;
  padding: 12px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.04);
}

/* Terméknevek */
.product-title,
.product h2,
.product h3,
.vm-product-title {
  color: var(--agro-text);
  font-weight: 700;
}

/* Ár kiemelése */
.PricesalesPrice,
.vm-price-value span {
  font-weight: 700;
  color: var(--agro-green-dark);
}

/* Lapozó */
.pagination .page-item.active .page-link,
.pagination li.active a,
.pagination li.active span {
  background-color: var(--agro-green) !important;
  border-color: var(--agro-green) !important;
  color: #fff !important;
}

.pagination a,
.pagination .page-link {
  color: var(--agro-green);
}

/* Keresőmező */
input[type="search"],
input[type="text"],
.vm-search input {
  border: 1px solid var(--agro-border);
  border-radius: 6px;
}

input[type="search"]:focus,
input[type="text"]:focus,
.vm-search input:focus {
  border-color: var(--agro-green);
  box-shadow: 0 0 0 0.15rem rgba(46,125,50,0.18);
}

/* Finom arany elválasztó */
.agro-gold-line,
hr {
  border-top: 2px solid var(--agro-gold);
  opacity: 0.6;
}

/* ==================================================
   Agromechanika – VirtueMart keresőmező kiemelése
   ================================================== */

/* Kereső blokk */
.vm-search,
.search,
form[action*="virtuemart"] {
  background: #ffffff;
  border: 1px solid var(--agro-border);
  border-left: 5px solid var(--agro-green);
  border-radius: 10px;
  padding: 18px;
  margin: 24px 0;
  box-shadow: 0 3px 10px rgba(0,0,0,0.06);
}

/* Keresőmező */
.vm-search input[type="text"],
.vm-search input[type="search"],
form[action*="virtuemart"] input[type="text"],
form[action*="virtuemart"] input[type="search"] {
  height: 46px;
  font-size: 16px;
  padding: 10px 14px;
  border: 1px solid var(--agro-border);
  border-radius: 8px;
  background: #fff;
}

/* Keresőmező fókusz */
.vm-search input[type="text"]:focus,
.vm-search input[type="search"]:focus,
form[action*="virtuemart"] input[type="text"]:focus,
form[action*="virtuemart"] input[type="search"]:focus {
  border-color: var(--agro-green);
  box-shadow: 0 0 0 0.18rem rgba(46,125,50,0.18);
  outline: none;
}

/* Kereső gomb */
.vm-search button,
.vm-search input[type="submit"],
form[action*="virtuemart"] button,
form[action*="virtuemart"] input[type="submit"] {
  height: 46px;
  background: var(--agro-green) !important;
  border-color: var(--agro-green) !important;
  color: #fff !important;
  border-radius: 8px;
  padding: 0 18px;
  font-weight: 600;
}

/* Kereső gomb hover */
.vm-search button:hover,
.vm-search input[type="submit"]:hover,
form[action*="virtuemart"] button:hover,
form[action*="virtuemart"] input[type="submit"]:hover {
  background: var(--agro-green-dark) !important;
  border-color: var(--agro-green-dark) !important;
}

/* Kereső alatti segédszöveg */
.vm-search::after,
form[action*="virtuemart"]::after {
  content: "Keressen cikkszámra, alkatrésznévre vagy géptípusra.";
  display: block;
  margin-top: 8px;
  font-size: 13px;
  color: #6f6a5f;
}

/* Mobilon teljes szélesség */
@media (max-width: 768px) {
  .vm-search,
  .search,
  form[action*="virtuemart"] {
    padding: 14px;
  }

  .vm-search input[type="text"],
  .vm-search input[type="search"],
  form[action*="virtuemart"] input[type="text"],
  form[action*="virtuemart"] input[type="search"],
  .vm-search button,
  .vm-search input[type="submit"],
  form[action*="virtuemart"] button,
  form[action*="virtuemart"] input[type="submit"] {
    width: 100%;
    margin-bottom: 8px;
  }
}

.agro-search {
    background: #fff;
    border-left: 5px solid #2E7D32;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 25px;
}

/* Agromechanika keresőblokk */

.agro-search,
.vm-search {
    background: #ffffff;
    border: 1px solid #ddd6c8;
    border-left: 6px solid #2E7D32;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 30px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
}

/* Keresőmező */

.agro-search input[type="text"],
.vm-search input[type="text"] {
    height: 54px !important;
    font-size: 18px !important;
    border-radius: 8px !important;
    border: 1px solid #d7d7d7 !important;
    padding-left: 18px !important;
}

/* Keresés gomb */

.agro-search button,
.agro-search input[type="submit"],
.vm-search button,
.vm-search input[type="submit"] {

    height: 54px !important;

    background: #2E7D32 !important;
    border: none !important;

    color: #fff !important;
    font-weight: 600;
    border-radius: 8px !important;

    padding: 0 24px;
}

/* Hover */

.agro-search button:hover,
.agro-search input[type="submit"]:hover,
.vm-search button:hover,
.vm-search input[type="submit"]:hover {

    background: #1F5A23 !important;
}

/* ==================================================
   Agromechanika – lupe ikonos kereső content-top modulhoz
   ================================================== */

.agro-search {
    background: #ffffff;
    border: 1px solid var(--agro-border);
    border-left: 6px solid var(--agro-green);
    border-radius: 12px;
    padding: 18px;
    margin: 24px 0 30px 0;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
}

.agro-search form {
    position: relative;
    margin: 0;
}

.agro-search input[type="text"],
.agro-search input[type="search"],
.agro-search input.inputbox {
    width: 100% !important;
    height: 56px !important;
    font-size: 18px !important;
    padding: 10px 70px 10px 20px !important;
    border: 1px solid #d7d7d7 !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: var(--agro-text) !important;
    box-sizing: border-box;
}

.agro-search input[type="text"]:focus,
.agro-search input[type="search"]:focus,
.agro-search input.inputbox:focus {
    border-color: var(--agro-green) !important;
    box-shadow: 0 0 0 0.18rem rgba(46,125,50,0.18) !important;
    outline: none !important;
}

/* Keresőgomb elrejtése, de kattintható marad */
.agro-search button,
.agro-search input[type="submit"],
.agro-search .button {
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 48px !important;
    height: 48px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    color: transparent !important;
    font-size: 0 !important;
    overflow: hidden !important;
    z-index: 4;
    cursor: pointer;
}

/* Lupe ikon */
.agro-search form::after {
    content: "\f002";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 28px;
    color: var(--agro-green);
    pointer-events: none;
    z-index: 5;
}

.agro-search input::placeholder {
    color: #8a8a8a;
}

@media (max-width: 768px) {
    .agro-search {
        padding: 14px;
    }

    .agro-search input[type="text"],
    .agro-search input[type="search"],
    .agro-search input.inputbox {
        height: 52px !important;
        font-size: 16px !important;
        padding-right: 62px !important;
    }

    .agro-search form::after {
        font-size: 24px;
        right: 22px;
    }
}

/* =====================================
   Agromechanika - Hero bemutatkozó blokk
   ===================================== */

.agro-hero-box {
    display: flex;
    align-items: center;
    gap: 36px;
    background: linear-gradient(90deg, #ffffff 0%, #f8f7f3 55%, #eef5ea 100%);
    border: 1px solid #ddd6c8;
    border-radius: 18px;
    padding: 34px;
    margin: 30px 0;
    box-shadow: 0 4px 16px rgba(0,0,0,.06);
    overflow: hidden;
}

.agro-hero-text {
    flex: 1 1 58%;
}

.agro-hero-text h1 {
    font-size: 36px;
    line-height: 1.18;
    margin: 0 0 12px;
    color: #1f1f1f;
    font-weight: 800;
}

.agro-hero-text h2 {
    font-size: 18px;
    color: #2E7D32;
    text-transform: uppercase;
    letter-spacing: .4px;
    margin: 0 0 18px;
    font-weight: 700;
}

.agro-hero-text p {
    font-size: 17px;
    line-height: 1.7;
    color: #333;
    margin-bottom: 16px;
}

.agro-hero-text ul {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.agro-hero-text li {
    margin: 7px 0;
    padding-left: 28px;
    position: relative;
    font-size: 16px;
}

.agro-hero-text li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: #2E7D32;
    font-weight: 800;
}

.agro-hero-image {
    flex: 1 1 42%;
    text-align: right;
}

.agro-hero-image img {
    max-width: 100%;
    border-radius: 16px;
    object-fit: cover;
    box-shadow: 0 5px 18px rgba(0,0,0,.12);
}

@media (max-width: 991px) {
    .agro-hero-box {
        flex-direction: column;
        text-align: center;
        padding: 26px;
    }

    .agro-hero-text h1 {
        font-size: 28px;
    }

    .agro-hero-text h2 {
        font-size: 16px;
    }

    .agro-hero-text li {
        text-align: left;
    }
}


/* Agromechanika - VirtueMart bemutatkozó blokk */

.agro-intro-box {
    background: linear-gradient(90deg, #ffffff 0%, #f8f7f3 60%, #eef5ea 100%);
    border: 1px solid #ddd6c8;
    border-radius: 18px;
    padding: 34px;
    margin: 28px 0;
    box-shadow: 0 4px 16px rgba(0,0,0,.06);
}

.agro-intro-text h1 {
    text-align: center;
    font-size: 34px;
    line-height: 1.2;
    margin: 0 0 12px;
    color: #1f1f1f;
    font-weight: 800;
}

.agro-intro-text h2 {
    text-align: center;
    font-size: 18px;
    color: #2E7D32;
    text-transform: uppercase;
    letter-spacing: .4px;
    margin: 0 0 22px;
    font-weight: 700;
}

.agro-intro-text p {
    font-size: 17px;
    line-height: 1.7;
    color: #333;
    text-align: justify;
    margin-bottom: 24px;
}

.agro-intro-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}

.agro-intro-links a {
    display: inline-block;
    background: #ffffff;
    border: 1px solid #ddd6c8;
    border-left: 4px solid #2E7D32;
    border-radius: 8px;
    padding: 9px 14px;
    color: #2E7D32;
    font-weight: 600;
    text-decoration: none;
}

.agro-intro-links a:hover {
    background: #2E7D32;
    color: #fff;
}

@media (max-width: 768px) {
    .agro-intro-box {
        padding: 22px;
    }

    .agro-intro-text h1 {
        font-size: 26px;
    }

    .agro-intro-text h2 {
        font-size: 15px;
    }

    .agro-intro-text p {
        font-size: 15px;
        text-align: left;
    }
}


/* Agromechanika - VirtueMart kosár modul fejlécben */

.agro-cart-module {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 13px;
    line-height: 1.25;
}

.agro-cart-module .vmCartModule,
.agro-cart-module .vmCartModule > div {
    display: flex;
    align-items: center;
    gap: 8px;
}

.agro-cart-module .vmCartModule::before {
    content: "🛒";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #2f7d32;
    color: #ffffff;
    font-size: 18px;
    margin-right: 4px;
}

.agro-cart-module a {
    color: #2f7d32;
    text-decoration: none;
    font-weight: 600;
}

.agro-cart-module a:hover {
    color: #1f5f24;
    text-decoration: underline;
}

.agro-cart-module .total,
.agro-cart-module .total_products,
.agro-cart-module .total_products_text {
    font-weight: 600;
    color: #222222;
}

@media (max-width: 768px) {
    .agro-cart-module {
        justify-content: center;
        font-size: 12px;
        margin-top: 6px;
    }

    .agro-cart-module .vmCartModule::before {
        width: 30px;
        height: 30px;
        font-size: 16px;
    }
}

/* =========================================================
   AGROMECHANIKA WEBÁRUHÁZ
   Felső fejléc és bal oldali kategóriamodul
   ========================================================= */

:root {
  --agro-green: #24752c;
  --agro-green-dark: #16551d;
  --agro-green-light: #eef6ed;
  --agro-border: #d8ded5;
  --agro-text: #20251f;
  --agro-muted: #6c746b;
  --agro-shadow: 0 5px 18px rgba(35, 65, 33, 0.10);
}


/* =========================================================
   1. FELSŐ FEJLÉC
   ========================================================= */

#sp-header {
  height: 82px;
  background: #ffffff;
  border-bottom: 1px solid #e4e7e2;
  box-shadow: 0 2px 10px rgba(25, 55, 25, 0.07);
  position: relative;
  z-index: 1000;
}

#sp-header .container,
#sp-header .container-inner {
  height: 100%;
}

#sp-header .row {
  height: 100%;
  align-items: center;
}


/* Logó mérete */

#sp-header .logo {
  height: auto;
  display: flex;
  align-items: center;
}

#sp-header .logo img {
  width: auto;
  max-width: 285px;
  max-height: 70px;
  object-fit: contain;
}


/* =========================================================
   2. FŐMENÜ
   ========================================================= */

.sp-megamenu-parent {
  display: flex;
  align-items: center;
  gap: 7px;
}

.sp-megamenu-parent > li {
  position: relative;
}

.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {
  min-height: 82px;
  padding: 0 17px;
  display: flex;
  align-items: center;
  color: var(--agro-text);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.25;
  text-transform: none;
  letter-spacing: 0;
  transition:
    color 0.2s ease,
    background-color 0.2s ease;
}

.sp-megamenu-parent > li > a:hover,
.sp-megamenu-parent > li:hover > a,
.sp-megamenu-parent > li.active > a {
  color: var(--agro-green-dark);
  background: transparent;
}


/* Aktív menüpont alsó zöld vonala */

.sp-megamenu-parent > li > a::after {
  content: "";
  position: absolute;
  left: 17px;
  right: 17px;
  bottom: 0;
  height: 3px;
  background: var(--agro-green);
  border-radius: 3px 3px 0 0;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.22s ease;
}

.sp-megamenu-parent > li:hover > a::after,
.sp-megamenu-parent > li.active > a::after {
  transform: scaleX(1);
}


/* Menü lefelé mutató nyíl */

.sp-megamenu-parent .sp-menu-item > a .menu-toggler {
  margin-left: 7px;
  color: var(--agro-green);
}


/* =========================================================
   3. LENYÍLÓ MENÜ
   ========================================================= */

.sp-megamenu-parent .sp-dropdown {
  padding-top: 8px;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  min-width: 230px;
  padding: 9px;
  background: #ffffff;
  border: 1px solid #e0e5de;
  border-radius: 5px;
  box-shadow: 0 10px 28px rgba(24, 55, 24, 0.16);
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
  margin: 0;
  border-bottom: 1px solid #edf0eb;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item:last-child {
  border-bottom: 0;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  padding: 10px 12px;
  color: #343a33;
  font-size: 14px;
  line-height: 1.35;
  border-radius: 3px;
  transition:
    color 0.2s ease,
    background-color 0.2s ease,
    padding-left 0.2s ease;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover,
.sp-megamenu-parent .sp-dropdown li.active > a {
  color: var(--agro-green-dark);
  background: var(--agro-green-light);
  padding-left: 16px;
}


/* =========================================================
   4. BAL OLDALI MODULOSZLOP
   ========================================================= */

#sp-left,
#sp-left .sp-column {
  overflow: visible;
}

#sp-left .sp-module {
  margin-bottom: 24px;
  padding: 0;
  background: #ffffff;
  border: 1px solid var(--agro-border);
  border-radius: 7px;
  box-shadow: var(--agro-shadow);
  overflow: hidden;
}


/* Modul címe */

#sp-left .sp-module .sp-module-title {
  position: relative;
  margin: 0;
  padding: 15px 48px 15px 20px;
  color: #ffffff;
  background:
    linear-gradient(
      135deg,
      var(--agro-green-dark) 0%,
      var(--agro-green) 100%
    );
  font-size: 20px;
  font-weight: 500;
  line-height: 1.25;
  text-transform: none;
  letter-spacing: 0;
  border: 0;
}


/* Levél jellegű díszítés a cím jobb oldalán */

#sp-left .sp-module .sp-module-title::after {
  content: "❧";
  position: absolute;
  right: 17px;
  top: 50%;
  transform: translateY(-52%) rotate(-12deg);
  color: #ffffff;
  font-size: 29px;
  font-family: Georgia, serif;
  font-weight: normal;
  opacity: 0.95;
}


/* =========================================================
   5. KATEGÓRIA-MENÜ
   ========================================================= */

#sp-left .sp-module ul {
  margin: 0;
  padding: 10px 17px 12px;
  list-style: none;
}

#sp-left .sp-module ul > li {
  position: relative;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #edf0eb;
}

#sp-left .sp-module ul > li:last-child {
  border-bottom: 0;
}

#sp-left .sp-module ul > li > a {
  position: relative;
  display: block;
  padding: 14px 30px 14px 42px;
  color: #293028;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.35;
  text-decoration: none;
  transition:
    color 0.2s ease,
    background-color 0.2s ease,
    padding-left 0.2s ease;
}


/* Bal oldali egységes zöld ikon */

#sp-left .sp-module ul > li > a::before {
  content: "⚙";
  position: absolute;
  left: 9px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  color: var(--agro-green);
  font-size: 20px;
  line-height: 24px;
  text-align: center;
}


/* Jobb oldali nyíl */

#sp-left .sp-module ul > li > a::after {
  content: "›";
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-52%);
  color: var(--agro-green);
  font-family: Arial, sans-serif;
  font-size: 25px;
  font-weight: 400;
  transition: transform 0.2s ease;
}


/* Kategória hover és aktív állapot */

#sp-left .sp-module ul > li > a:hover,
#sp-left .sp-module ul > li.active > a,
#sp-left .sp-module ul > li.current > a {
  color: var(--agro-green-dark);
  background: var(--agro-green-light);
  padding-left: 47px;
}

#sp-left .sp-module ul > li > a:hover::after,
#sp-left .sp-module ul > li.active > a::after {
  transform: translate(3px, -52%);
}


/* Régi Joomla-listajelek eltüntetése */

#sp-left .sp-module ul > li::before,
#sp-left .sp-module ul > li > a::marker {
  display: none !important;
  content: none !important;
}


/* =========================================================
   6. MORZSAMENÜ FINOMÍTÁSA
   ========================================================= */

.breadcrumb,
.breadcrumb-container,
#sp-breadcrumbs {
  background: #f1f3f2;
}

.breadcrumb {
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 13px;
}

.breadcrumb a {
  color: var(--agro-green);
}

.breadcrumb .active {
  color: #6d746c;
}


/* =========================================================
   7. MOBIL ÉS KISEBB KÉPERNYŐK
   ========================================================= */

@media (max-width: 1199px) {

  #sp-header {
    height: 72px;
  }

  #sp-header .logo img {
    max-width: 230px;
    max-height: 60px;
  }

  .sp-megamenu-parent > li > a,
  .sp-megamenu-parent > li > span {
    min-height: 72px;
    padding-left: 11px;
    padding-right: 11px;
    font-size: 14px;
  }
}


@media (max-width: 991px) {

  #sp-header {
    height: 66px;
  }

  #sp-header .logo img {
    max-width: 215px;
    max-height: 55px;
  }

  #sp-left .sp-module {
    margin-top: 18px;
  }
}

/* =========================================================
   AGROMECHANANIKA – BAL OLDALI TERMÉKKATEGÓRIÁK
   A tényleges .left_card HTML-szerkezethez
   ========================================================= */

:root {
  --agro-green: #287d32;
  --agro-green-dark: #175b22;
  --agro-green-light: #eef7ee;
  --agro-border: #d9e1d7;
  --agro-text: #252b25;
  --agro-shadow: 0 5px 18px rgba(30, 70, 30, 0.11);
}


/* A teljes bal oldali kártya */

#sp-left .left_card {
  margin: 0 0 25px 0 !important;
  padding: 0 !important;
  background: #ffffff !important;
  border: 1px solid var(--agro-border) !important;
  border-radius: 7px !important;
  box-shadow: var(--agro-shadow) !important;
  overflow: hidden !important;
}


/* Zöld modulfejléc */

#sp-left .left_card > .card-header {
  position: relative !important;
  margin: 0 !important;
  padding: 16px 52px 16px 20px !important;

  color: #ffffff !important;
  background: linear-gradient(
    135deg,
    var(--agro-green-dark) 0%,
    var(--agro-green) 100%
  ) !important;

  border: 0 !important;
  border-radius: 0 !important;

  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}


/* Levélszerű díszítés */

#sp-left .left_card > .card-header::after {
  content: "❧";
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-53%) rotate(-12deg);

  color: #ffffff;
  font-family: Georgia, serif;
  font-size: 31px;
  font-weight: normal;
  line-height: 1;
  opacity: 0.95;
}


/* Kártya belső része */

#sp-left .left_card > .card-body {
  padding: 9px 16px 12px !important;
  background: #ffffff !important;
}


/* VirtueMart kategórialista */

#sp-left .left_card .card-body > ul,
#sp-left .left_card ul.vmmenu {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}


/* Kategóriasor */

#sp-left .left_card ul.vmmenu > li {
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  border-bottom: 1px solid #e9eee8 !important;
}

#sp-left .left_card ul.vmmenu > li:last-child {
  border-bottom: 0 !important;
}


/* Kategória hivatkozás */

#sp-left .left_card ul.vmmenu > li > a {
  position: relative !important;
  display: flex !important;
  align-items: center !important;

  min-height: 62px !important;
  padding: 11px 34px 11px 48px !important;

  color: var(--agro-text) !important;
  background: transparent !important;

  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  text-decoration: none !important;

  transition:
    color 0.2s ease,
    background-color 0.2s ease,
    padding-left 0.2s ease !important;
}


/* Bal oldali fogaskerék ikon */

#sp-left .left_card ul.vmmenu > li > a::before {
  content: "⚙";
  position: absolute;
  left: 11px;
  top: 50%;
  transform: translateY(-50%);

  width: 26px;
  height: 26px;

  color: var(--agro-green);
  font-family: Arial, sans-serif;
  font-size: 23px;
  font-weight: normal;
  line-height: 26px;
  text-align: center;
}


/* Jobb oldali nyíl */

#sp-left .left_card ul.vmmenu > li > a::after {
  content: "›";
  position: absolute;
  right: 9px;
  top: 50%;
  transform: translateY(-53%);

  color: var(--agro-green);
  font-family: Arial, sans-serif;
  font-size: 26px;
  font-weight: normal;
  line-height: 1;

  transition: transform 0.2s ease;
}


/* Egér fölé húzás és aktív kategória */

#sp-left .left_card ul.vmmenu > li > a:hover,
#sp-left .left_card ul.vmmenu > li.active > a,
#sp-left .left_card ul.vmmenu > li.current > a {
  color: var(--agro-green-dark) !important;
  background: var(--agro-green-light) !important;
  padding-left: 53px !important;
}

#sp-left .left_card ul.vmmenu > li > a:hover::after,
#sp-left .left_card ul.vmmenu > li.active > a::after {
  transform: translate(3px, -53%);
}


/* Régi felsorolásjelek teljes kikapcsolása */

#sp-left .left_card ul.vmmenu > li::before,
#sp-left .left_card ul.vmmenu > li > a::marker {
  content: none !important;
  display: none !important;
}


/* Alkategóriák, ha később lenyílnak */

#sp-left .left_card ul.vmmenu ul {
  margin: 0 !important;
  padding: 2px 0 8px 32px !important;
  list-style: none !important;
  background: #fafcf9 !important;
}

#sp-left .left_card ul.vmmenu ul li a {
  display: block !important;
  padding: 8px 12px !important;
  color: #4a5149 !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
}

#sp-left .left_card ul.vmmenu ul li a:hover {
  color: var(--agro-green-dark) !important;
}

/* =========================================================
   AGROMECHANIKA – FELSŐ MENÜ ERŐSEBB FELÜLÍRÁSA
   ========================================================= */

#sp-header {
  min-height: 55px !important;
  height: 55px !important;
  background: #ffffff !important;
  border-bottom: 1px solid #e3e8e1 !important;
  box-shadow: 0 3px 12px rgba(30, 60, 30, 0.08) !important;
  z-index: 1000 !important;
}

#sp-header .container,
#sp-header .container-inner,
#sp-header .row,
#sp-header .sp-column {
  height: 100% !important;
}

#sp-header .row,
#sp-header .sp-column {
  align-items: center !important;
}


/* Logó */

#sp-header .logo,
#sp-header .logo-image {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
}

#sp-header .logo img,
#sp-header .logo-image {
  width: auto !important;
  max-width: 310px !important;
  max-height: 66px !important;
  object-fit: contain !important;
}


/* Főmenü */

#sp-header .sp-megamenu-parent {
  display: flex !important;
  align-items: center !important;
  gap: 3px !important;
  height: 76px !important;
}

#sp-header .sp-megamenu-parent > li {
  position: relative !important;
  height: 76px !important;
}

#sp-header .sp-megamenu-parent > li > a,
#sp-header .sp-megamenu-parent > li > span {
  position: relative !important;
  display: flex !important;
  align-items: center !important;

  height: 76px !important;
  min-height: 76px !important;
  padding: 0 16px !important;

  color: #202620 !important;
  background: transparent !important;

  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}


/* Aktív és érintett menüpont */

#sp-header .sp-megamenu-parent > li:hover > a,
#sp-header .sp-megamenu-parent > li.active > a,
#sp-header .sp-megamenu-parent > li.current-item > a {
  color: var(--agro-green-dark) !important;
}


/* Alsó zöld vonal */

#sp-header .sp-megamenu-parent > li > a::after {
  content: "" !important;
  position: absolute !important;
  left: 16px !important;
  right: 16px !important;
  bottom: 0 !important;

  height: 3px !important;
  background: var(--agro-green) !important;
  border-radius: 3px 3px 0 0 !important;

  transform: scaleX(0) !important;
  transform-origin: center !important;
  transition: transform 0.2s ease !important;
}

#sp-header .sp-megamenu-parent > li:hover > a::after,
#sp-header .sp-megamenu-parent > li.active > a::after,
#sp-header .sp-megamenu-parent > li.current-item > a::after {
  transform: scaleX(1) !important;
}


/* Lenyíló menü */

#sp-header .sp-megamenu-parent .sp-dropdown {
  padding-top: 7px !important;
}

#sp-header .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  min-width: 230px !important;
  padding: 8px !important;

  background: #ffffff !important;
  border: 1px solid #dfe6dc !important;
  border-radius: 5px !important;
  box-shadow: 0 10px 25px rgba(30, 60, 30, 0.16) !important;
}

#sp-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  padding: 10px 12px !important;
  color: #343a33 !important;
  background: transparent !important;
  border-radius: 3px !important;

  font-size: 14px !important;
  line-height: 1.35 !important;
}

#sp-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover,
#sp-header .sp-megamenu-parent .sp-dropdown li.active > a {
  color: var(--agro-green-dark) !important;
  background: var(--agro-green-light) !important;
}

/* =========================================================
   AGROMECHANIKA – BAL OLDALI TERMÉKKATEGÓRIÁK
   Tényleges HTML: class="left card"
   ========================================================= */

#sp-left .left.card {
    margin: 0 0 24px 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    border: 1px solid #d7e0d5 !important;
    border-radius: 8px !important;
    box-shadow: 0 5px 18px rgba(28, 70, 30, 0.12) !important;
    overflow: hidden !important;
}

/* Zöld fejléc */

#sp-left .left.card > h3.card-header {
    position: relative !important;
    display: block !important;
    margin: 0 !important;
    padding: 15px 50px 15px 18px !important;

    color: #ffffff !important;
    background: linear-gradient(
        135deg,
        #175b22 0%,
        #287d32 100%
    ) !important;

    border: 0 !important;
    border-radius: 0 !important;

    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

/* Fejléc díszítése */

#sp-left .left.card > h3.card-header::after {
    content: "❧" !important;
    position: absolute !important;
    right: 17px !important;
    top: 50% !important;
    transform: translateY(-52%) rotate(-12deg) !important;

    color: #ffffff !important;
    font-family: Georgia, serif !important;
    font-size: 30px !important;
    font-weight: normal !important;
    line-height: 1 !important;
}

/* Kártya belső része */

#sp-left .left.card > .card-body {
    padding: 8px 15px 11px !important;
    background: #ffffff !important;
}

/* VirtueMart kategórialista */

#sp-left .left.card ul.VMmenu {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Főkategória sorok */

#sp-left .left.card ul.VMmenu > li {
    position: relative !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    border-bottom: 1px solid #e8eee6 !important;
}

#sp-left .left.card ul.VMmenu > li:last-child {
    border-bottom: 0 !important;
}

/* A VirtueMart által létrehozott belső div */

#sp-left .left.card ul.VMmenu > li > div {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 57px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

/* Kategóriahivatkozás */

#sp-left .left.card ul.VMmenu > li > div > a,
#sp-left .left.card ul.VMmenu > li > a {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 57px !important;

    padding: 10px 34px 10px 44px !important;

    color: #283028 !important;
    background: transparent !important;

    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    text-decoration: none !important;

    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        padding-left 0.2s ease !important;
}

/* Bal oldali ikon */

#sp-left .left.card ul.VMmenu > li > div > a::before,
#sp-left .left.card ul.VMmenu > li > a::before {
    content: "⚙" !important;
    position: absolute !important;
    left: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    width: 27px !important;
    height: 27px !important;

    color: #287d32 !important;
    font-family: Arial, sans-serif !important;
    font-size: 22px !important;
    line-height: 27px !important;
    text-align: center !important;
}

/* Jobb oldali nyíl */

#sp-left .left.card ul.VMmenu > li > div > a::after,
#sp-left .left.card ul.VMmenu > li > a::after {
    content: "›" !important;
    position: absolute !important;
    right: 7px !important;
    top: 50% !important;
    transform: translateY(-52%) !important;

    color: #287d32 !important;
    font-family: Arial, sans-serif !important;
    font-size: 25px !important;
    font-weight: normal !important;
    line-height: 1 !important;
}

/* Hover és megnyitott kategória */

#sp-left .left.card ul.VMmenu > li:hover > div,
#sp-left .left.card ul.VMmenu > li.VMopen > div,
#sp-left .left.card ul.VMmenu > li.active > div {
    background: #eef7ee !important;
}

#sp-left .left.card ul.VMmenu > li:hover > div > a,
#sp-left .left.card ul.VMmenu > li.VMopen > div > a,
#sp-left .left.card ul.VMmenu > li.active > div > a {
    color: #175b22 !important;
    padding-left: 49px !important;
}

/* Alkategóriák */

#sp-left .left.card ul.VMmenu > li > ul.menu {
    margin: 0 !important;
    padding: 4px 8px 9px 37px !important;
    list-style: none !important;
    background: #f8fbf7 !important;
    border-top: 1px solid #edf1eb !important;
}

#sp-left .left.card ul.VMmenu > li > ul.menu li {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

#sp-left .left.card ul.VMmenu > li > ul.menu li a {
    display: block !important;
    padding: 7px 9px !important;

    color: #495149 !important;
    background: transparent !important;

    font-size: 13px !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
}

#sp-left .left.card ul.VMmenu > li > ul.menu li a:hover {
    color: #175b22 !important;
    background: #eaf4e9 !important;
}

#sp-left .left.card ul.VMmenu li::marker {
    content: "" !important;
}



/* =========================================================
   AGROMECHANIKA – összecsukható kategóriamenü kapcsológomb
   ========================================================= */

/* A korábbi, linkre tett jobb oldali ál-nyíl kikapcsolása */

#sp-left .left.card ul.VMmenu > li > div > a::after,
#sp-left .left.card ul.VMmenu > li > a::after {
    content: none !important;
    display: none !important;
}


/* Hely biztosítása a jobb oldali kapcsológombnak */

#sp-left .left.card ul.VMmenu > li > div > a {
    padding-right: 45px !important;
}


/* Nyitó- és zárógomb */

#sp-left .left.card .agro-category-toggle {
    position: absolute !important;
    top: 50% !important;
    right: 5px !important;
    z-index: 5 !important;

    width: 36px !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;

    transform: translateY(-50%) !important;

    border: 0 !important;
    border-radius: 50% !important;
    background: transparent !important;
    box-shadow: none !important;

    color: #287d32 !important;
    cursor: pointer !important;
}


/* Nyíl rajzolása */

#sp-left .left.card .agro-category-toggle::before {
    content: "›" !important;
    display: block !important;

    font-family: Arial, sans-serif !important;
    font-size: 27px !important;
    font-weight: normal !important;
    line-height: 34px !important;
    text-align: center !important;

    transform: rotate(0deg) !important;
    transition:
        transform 0.22s ease,
        background-color 0.2s ease !important;
}


/* Nyitott állapotban lefelé fordul */

/* #sp-left .left.card li.VMopen > div > .agro-category-toggle::before {
    transform: rotate(90deg) !important;
} /*


/* Hover és billentyűzetes fókusz */

#sp-left .left.card .agro-category-toggle:hover,
#sp-left .left.card .agro-category-toggle:focus-visible {
    color: #175b22 !important;
    background: #dfeede !important;
    outline: none !important;
}


/* Az alkategória kulturáltabb megjelenése */

#sp-left .left.card ul.VMmenu > li > ul.menu {
    transition: none !important;
}

/* A kapcsológomb állapotát az aria-expanded vezérli */

#sp-left .left.card
.agro-category-toggle[aria-expanded="false"]::before {
    transform: rotate(0deg) !important;
}

#sp-left .left.card
.agro-category-toggle[aria-expanded="true"]::before {
    transform: rotate(90deg) !important;
}

/* =========================================================
   AGROMECHANIKA – kereső a tapadós fejléc logo pozíciójában
   ========================================================= */

/* A logo és menu pozíció közös tapadós sora */

#sp-header .container-inner > .row,
#sp-header .container > .row {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
}


/* A keresőt tartalmazó bal oldali pozíció */

#sp-logo {
    flex: 0 0 42% !important;
    max-width: 42% !important;
    width: 42% !important;
    padding-right: 18px !important;
}


/* A menü jobb oldali része */

#sp-menu {
    flex: 0 0 58% !important;
    max-width: 58% !important;
    width: 58% !important;
}


/* A keresőmodul külső dobozai */

#sp-logo .sp-column,
#sp-logo .sp-module,
#sp-logo .agro-search {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}


/* Kereső űrlap */

#sp-logo .agro-search form {
    position: relative !important;
    width: 100% !important;
    margin: 0 !important;
}


/* Vékony keresőmező */

#sp-logo .agro-search input[type="text"],
#sp-logo .agro-search input[type="search"],
#sp-logo .agro-search input.inputbox {
    width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;

    margin: 0 !important;
    padding: 5px 47px 5px 14px !important;

    color: #263026 !important;
    background: #ffffff !important;

    border: 1px solid #cfd9cc !important;
    border-left: 4px solid #287d32 !important;
    border-radius: 7px !important;

    box-shadow: 0 2px 7px rgba(30, 65, 30, 0.07) !important;

    font-size: 14px !important;
    line-height: 1.2 !important;
    box-sizing: border-box !important;
}


/* Kereső fókusz */

#sp-logo .agro-search input:focus {
    border-color: #287d32 !important;
    box-shadow: 0 0 0 3px rgba(40, 125, 50, 0.12) !important;
    outline: none !important;
}


/* Keresőgomb */

#sp-logo .agro-search button,
#sp-logo .agro-search input[type="submit"],
#sp-logo .agro-search .button {
    position: absolute !important;
    top: 50% !important;
    right: 4px !important;

    width: 38px !important;
    height: 34px !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: translateY(-50%) !important;

    color: transparent !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    font-size: 0 !important;
    cursor: pointer !important;
    z-index: 4 !important;
}


/* Lupe ikon */

#sp-logo .agro-search form::after {
    content: "\f002" !important;
    position: absolute !important;
    top: 50% !important;
    right: 14px !important;

    transform: translateY(-50%) !important;

    color: #287d32 !important;
    font-family: "Font Awesome 6 Free" !important;
    font-size: 19px !important;
    font-weight: 900 !important;
    line-height: 1 !important;

    pointer-events: none !important;
    z-index: 5 !important;
}


/* Segédszöveg elrejtése ebben a pozícióban */

#sp-logo .vm-search::after,
#sp-logo form[action*="virtuemart"]::after {
    content: none !important;
    display: none !important;
}


/* A találati lista ne kerüljön a tartalom mögé */

#sp-logo,
#sp-logo .sp-column,
#sp-logo .sp-module,
#sp-logo .agro-search {
    position: relative !important;
    overflow: visible !important;
}

#sp-logo .sp-module,
#sp-logo .agro-search {
    z-index: 1100 !important;
}

#sp-logo [class*="result"],
#sp-logo [class*="suggest"],
#sp-logo [class*="dropdown"] {
    z-index: 9999 !important;
}


/* Közepes képernyőn kissé szűkebb kereső */

@media (max-width: 1199px) {

    #sp-logo {
        flex-basis: 36% !important;
        max-width: 36% !important;
        width: 36% !important;
        padding-right: 10px !important;
    }

    #sp-menu {
        flex-basis: 64% !important;
        max-width: 64% !important;
        width: 64% !important;
    }

    #sp-logo .agro-search input[type="text"],
    #sp-logo .agro-search input[type="search"],
    #sp-logo .agro-search input.inputbox {
        font-size: 13px !important;
    }
}


/* Mobilon egyelőre ne foglaljon helyet */

@media (max-width: 991px) {

    #sp-logo {
        display: none !important;
    }

    #sp-menu {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }
}
/* =========================================================
   AGROMECHANIKA – kategórialista javítás
   ========================================================= */


/* Csak a legfelső „Alkategóriák” felirat elrejtése */

.com-content-category >
.com-content-category__children >
h2:first-child,

.com-content-category >
.com-content-category__children >
h3:first-child,

.com-content-category >
.cat-children >
h2:first-child,

.com-content-category >
.cat-children >
h3:first-child,

.category-list >
.com-content-category__children >
h2:first-child,

.category-list >
.com-content-category__children >
h3:first-child,

.category-list >
.cat-children >
h2:first-child,

.category-list >
.cat-children >
h3:first-child {
    display: none !important;
}


/* Az alkategóriák saját címei ismét jelenjenek meg */

.com-content-category__children
.com-content-category__children h2,

.com-content-category__children
.com-content-category__children h3,

.cat-children .cat-children h2,

.cat-children .cat-children h3,

.cat-children .com-content-category__children h2,

.cat-children .com-content-category__children h3 {
    display: block !important;
}


/* Alkategóriaelemek közötti térköz */

.com-content-category__children
.com-content-category__children,

.cat-children .cat-children,

.cat-children .com-content-category__children {
    display: block !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
}


/* Alkategóriák neve – kártyaszerű megjelenés */

.com-content-category__children
.com-content-category__children > h3 > a,

.com-content-category__children
.com-content-category__children > h2 > a,

.cat-children .cat-children > h3 > a,

.cat-children .cat-children > h2 > a,

.cat-children
.com-content-category__children > h3 > a,

.cat-children
.com-content-category__children > h2 > a {
    position: relative !important;
    display: block !important;

    padding: 14px 44px 14px 48px !important;

    color: #1d6426 !important;
    background: #ffffff !important;

    border: 1px solid #d6e1d3 !important;
    border-left: 5px solid #287d32 !important;
    border-radius: 8px !important;

    box-shadow: 0 3px 10px rgba(30, 70, 30, 0.07) !important;

    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
}


/* Katalógusikon */

.com-content-category__children
.com-content-category__children > h3 > a::before,

.com-content-category__children
.com-content-category__children > h2 > a::before,

.cat-children .cat-children > h3 > a::before,

.cat-children .cat-children > h2 > a::before,

.cat-children
.com-content-category__children > h3 > a::before,

.cat-children
.com-content-category__children > h2 > a::before {
    content: "\f02d" !important;

    position: absolute !important;
    left: 17px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    color: #287d32 !important;
    font-family: "Font Awesome 6 Free" !important;
    font-size: 18px !important;
    font-weight: 900 !important;
}


/* Jobb oldali nyíl */

.com-content-category__children
.com-content-category__children > h3 > a::after,

.com-content-category__children
.com-content-category__children > h2 > a::after,

.cat-children .cat-children > h3 > a::after,

.cat-children .cat-children > h2 > a::after,

.cat-children
.com-content-category__children > h3 > a::after,

.cat-children
.com-content-category__children > h2 > a::after {
    content: "›" !important;

    position: absolute !important;
    right: 17px !important;
    top: 50% !important;
    transform: translateY(-53%) !important;

    color: #287d32 !important;
    font-family: Arial, sans-serif !important;
    font-size: 26px !important;
}


/* Hover */

.com-content-category__children
.com-content-category__children > h3 > a:hover,

.com-content-category__children
.com-content-category__children > h2 > a:hover,

.cat-children .cat-children > h3 > a:hover,

.cat-children .cat-children > h2 > a:hover,

.cat-children
.com-content-category__children > h3 > a:hover,

.cat-children
.com-content-category__children > h2 > a:hover {
    color: #16551d !important;
    background: #edf6ec !important;
    border-color: #bcd2b8 !important;
}


/* =========================================================
   AGROMECHANIKA – kategórialista fejlécének fehér szövege
   ========================================================= */

.com-content-category table thead,
.com-content-category table thead tr,
.com-content-category table thead th,
.com-content-category table thead th *,
.com-content-category__table thead,
.com-content-category__table thead tr,
.com-content-category__table thead th,
.com-content-category__table thead th *,
.category-list table thead,
.category-list table thead tr,
.category-list table thead th,
.category-list table thead th *,
table.category thead,
table.category thead tr,
table.category thead th,
table.category thead th * {
    color: #ffffff !important;
}

.com-content-category table thead th,
.com-content-category__table thead th,
.category-list table thead th,
table.category thead th {
    background: linear-gradient(
        135deg,
        #175b22 0%,
        #287d32 100%
    ) !important;

    font-weight: 600 !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12) !important;
}



/* =========================================================
   Találatszám-jelvény Agromechanika-zöld színnel
   ========================================================= */

.com-content-category table .badge,
.com-content-category table .bg-info,
.com-content-category table .badge-info,
.com-content-category table .label-info,
.category-list table .badge,
.category-list table .bg-info {
    min-width: 24px !important;
    padding: 4px 7px !important;

    color: #ffffff !important;
    background-color: #287d32 !important;
    border: 1px solid #287d32 !important;
    border-radius: 12px !important;

    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    text-align: center !important;

    box-shadow: none !important;
}

.sp-profile-dropdown a[href*="users/profile"] {
    font-size: 0 !important;
}
.sp-profile-dropdown a[href*="users/profile"]::after {
    content: "Profil";
    font-size: 14px;
}

.sp-profile-dropdown a[href*="/logout"] {
    font-size: 0 !important;
}
.sp-profile-dropdown a[href*="/logout"]::after {
    content: "Kijelentkezés";
    font-size: 14px;
}

/* Helix Sign In magyarosítása */

.signin-text {
    font-size: 0 !important;
}

.signin-text::after {
    content: "Bejelentkezés";
    font-size: 14px;
}

/* VirtueMart termékoldali szállítási információs blokk elrejtése */
.productdetails-view .vm-shipping-info {
    display: none !important;
}

/* =========================================================
   AGROMECHANIKA HERO – 2. VÁLTOZAT
   ========================================================= */

.agro-hero {
    position: relative;
    overflow: hidden;
    min-height: 265px;
    border-radius: 14px 14px 0 0;

    background:
        url('/images/agromechanika/agromechanika-hero.png')
        center center / cover no-repeat;

    box-shadow: 0 4px 16px rgba(0,0,0,.10);
}

/* ---------------------------------------------------------
   HERO SZÖVEG
   --------------------------------------------------------- */

.agro-hero-text {
    position: relative;
    z-index: 2;

    width: 52%;
    padding: 44px 36px 36px 38px;
}

.agro-hero-text h1 {
    margin: 0 0 19px 0;

    font-size: 25px;
    line-height: 1.28;
    font-weight: 750;

    color: #175b26;
}

.agro-hero-text p {
    max-width: 580px;
    margin: 0;

    font-size: 15px;
    line-height: 1.65;
    color: #292929;
}


/* =========================================================
   ELŐNYÖK SÁVJA
   ========================================================= */

.agro-benefits {
    display: grid;
    grid-template-columns: repeat(5, 1fr);

    background: #fffdf8;

    border: 1px solid #e3e3dc;
    border-top: 0;

    border-radius: 0 0 14px 14px;

    box-shadow: 0 4px 16px rgba(0,0,0,.08);

    margin-bottom: 32px;
}


/* Egy előny */

.agro-benefit {
    display: flex;
    align-items: center;

    gap: 12px;

    min-height: 88px;
    padding: 14px 13px;

    border-right: 1px solid #deded8;
}

.agro-benefit:last-child {
    border-right: 0;
}


/* ---------------------------------------------------------
   IKONOK
   --------------------------------------------------------- */

.agro-benefit-icon {
    flex: 0 0 42px;

    width: 42px;

    font-size: 29px;
    line-height: 1;

    text-align: center;
    color: #18702c;
}

.agro-benefit-icon i {
    font-weight: 900;
}


/* ---------------------------------------------------------
   40 ÉV IKON
   --------------------------------------------------------- */

.agro-benefit-number {
    flex: 0 0 42px;

    width: 42px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 2px solid #18702c;
    border-radius: 50%;

    font-size: 21px;
    font-weight: 800;

    color: #18702c;
}


/* ---------------------------------------------------------
   SZÖVEG
   --------------------------------------------------------- */

.agro-benefit-text strong {
    display: block;

    margin-bottom: 4px;

    font-size: 13px;
    line-height: 1.25;
    font-weight: 700;

    color: #174e24;
}

.agro-benefit-text span {
    display: block;

    font-size: 11px;
    line-height: 1.35;

    color: #555;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1199px) {

    .agro-hero {
        min-height: 250px;
    }

    .agro-hero-text {
        width: 58%;
        padding: 35px 28px;
    }

    .agro-hero-text h1 {
        font-size: 22px;
    }

    .agro-benefits {
        grid-template-columns: repeat(3, 1fr);
    }

    .agro-benefit:nth-child(3) {
        border-right: 0;
    }

}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 767px) {

    .agro-hero {
        min-height: 240px;

        border-radius: 12px 12px 0 0;

        background-position: 68% center;
    }

    .agro-hero::before {
        content: "";

        position: absolute;
        inset: 0;

        background:
            linear-gradient(
                90deg,
                rgba(255,255,255,.96) 0%,
                rgba(255,255,255,.88) 62%,
                rgba(255,255,255,.32) 100%
            );
    }

    .agro-hero-text {
        width: 88%;
        padding: 28px 22px;
    }

    .agro-hero-text h1 {
        font-size: 20px;
        line-height: 1.3;
    }

    .agro-hero-text p {
        font-size: 14px;
    }

    .agro-benefits {
        grid-template-columns: 1fr;

        border-radius: 0 0 12px 12px;

        margin-bottom: 24px;
    }

    .agro-benefit {
        min-height: 70px;

        padding: 11px 16px;

        border-right: 0;
        border-bottom: 1px solid #deded8;
    }

    .agro-benefit:last-child {
        border-bottom: 0;
    }

    .agro-benefit-text strong {
        font-size: 14px;
    }

    .agro-benefit-text span {
        font-size: 12px;
    }

}

/* Agromechanika Hero felső térköz finomítása */
.agro-hero {
    margin-top: -80px;
}

/* VirtueMart termékár – fekete */
.product-price,
.product-price .PricesalesPrice,
.product-price .PricesalesPrice span,
.product-price .vm-price-value,
.product-price .vm-price-value span {
    color: #111 !important;
}

/* Kezdőlapi VirtueMart kategóriaképek pontos középre igazítása */
.vm-category-subcategories .browseCategoryImage {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Mobilon a bal oldali Termékkategóriák modul elrejtése */
@media (max-width: 767px) {
    #sp-left {
        display: none !important;
    }

    #sp-component {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
}

/* Agromechanika előnyök – mobilon elrejtve */
@media (max-width: 767px) {
    .agro-benefits {
        display: none !important;
    }
}

@media (max-width: 767px) {

    .agro-benefits {
        display: none !important;
    }

    .agro-hero {
        border-radius: 12px !important;
        margin-bottom: 24px;
    }
}

/* Mobil Hero tömörebb kialakítása */
@media (max-width: 767px) {

    .agro-hero {
        min-height: 0 !important;
        margin-bottom: 16px;
    }

    .agro-hero-text {
        padding: 20px 18px 18px 18px !important;
    }

    .agro-hero-text h1 {
        margin-bottom: 12px;
    }

    .agro-hero-text p {
        line-height: 1.5;
    }
}

/* Mobil fejléc: normál menü elrejtése, kosár + hamburger marad */
@media (max-width: 767px) {

    #sp-menu .sp-megamenu-wrapper > ul.sp-megamenu-parent {
        display: none !important;
    }

    #offcanvas-toggler {
        display: flex !important;
    }
}

/* Mobil kereső elrejtése nyitott Off Canvas menünél */
@media (max-width: 767px) {

    body.offcanvas-active #sp-title,
    body.offcanvas-active #sp-title-wrapper {
        visibility: hidden !important;
    }

}

/* Tablet – felső kis kereső elrejtése */
@media (min-width: 768px) and (max-width: 1199px) {
    #sp-logo .sp-module.agro-search {
        display: none !important;
    }
}

/* VirtueMart termékkép alatti fájlnév elrejtése */
.productdetails-view .vm-img-desc {
    display: none !important;
}

/* =====================================================
   AGROMECHANIKA - SZAKÉRTŐI SZOLGÁLTATÁSOK
   ===================================================== */

.agro-expert-page {
    --expert-green: #176b2c;
    --expert-dark: #15351d;
    --expert-light: #f4f6ed;
    --expert-border: #dfe5d8;

    font-size: 16px;
    line-height: 1.6;
    color: #2d332d;
}


/* HERO */

.agro-expert-hero {
    display: grid;
    grid-template-columns: 46% 54%;
    min-height: 500px;
    margin: 28px 0 40px;
    overflow: hidden;

    background:
        linear-gradient(
            90deg,
            #faf8ed 0%,
            #faf8ed 42%,
            rgba(250, 248, 237, 0.92) 48%,
            rgba(250, 248, 237, 0.12) 62%
        );

    border-radius: 16px;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08);
}


/* Bal oldali szöveges rész */

.agro-expert-hero-text {
    position: relative;
    z-index: 2;

    display: flex;
    flex-direction: column;
    justify-content: center;

    padding: 55px 30px 55px 48px;
}


.agro-expert-kicker {
    margin-bottom: 10px;

    font-size: 18px;
    font-weight: 700;
    line-height: 1.45;

    text-transform: uppercase;
    color: var(--expert-dark);
}


.agro-expert-kicker strong {
    display: block;
    color: var(--expert-green);
}


.agro-expert-hero h1 {
    margin: 0 0 18px;

    font-size: clamp(36px, 3vw, 52px);
    line-height: 1.08;
    font-weight: 800;

    color: #173c22;
}


.agro-expert-name {
    margin-top: 3px;

    font-size: 23px;
    font-weight: 700;

    color: #173c22;
}


.agro-expert-title {
    margin-bottom: 18px;

    font-size: 18px;
    font-weight: 700;

    color: var(--expert-green);
}


.agro-expert-lead {
    max-width: 560px;
    margin-bottom: 12px;

    font-size: 17px;
    font-weight: 500;
}


.agro-expert-hero-text p {
    max-width: 560px;
}


/* Hero kép */

.agro-expert-hero-image {
    position: relative;
    min-height: 500px;
}


.agro-expert-hero-image img {
    width: 100%;
    height: 100%;

    display: block;
    object-fit: cover;
    object-position: center;

    border-radius: 0 16px 16px 0;
}


/* Gombok */

.agro-expert-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;

    margin-top: 18px;
}


.agro-expert-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 46px;
    padding: 10px 24px;

    border-radius: 6px;

    font-weight: 700;
    text-decoration: none !important;

    transition: all 0.2s ease;
}


.agro-expert-btn-primary {
    background: var(--expert-green);
    border: 1px solid var(--expert-green);

    color: #fff !important;
}


.agro-expert-btn-primary:hover {
    background: #105722;
    border-color: #105722;
}


.agro-expert-btn-secondary {
    background: rgba(255,255,255,0.60);
    border: 1px solid #72977a;

    color: var(--expert-dark) !important;
}


.agro-expert-btn-secondary:hover {
    background: #fff;
}


/* Tablet */

@media (max-width: 991px) {

    .agro-expert-hero {
        grid-template-columns: 1fr;
    }

    .agro-expert-hero-text {
        padding: 40px 32px;
    }

    .agro-expert-hero-image {
        min-height: 380px;
    }

    .agro-expert-hero-image img {
        border-radius: 0 0 16px 16px;
    }

}


/* Mobil */

@media (max-width: 575px) {

    .agro-expert-hero {
        margin-top: 15px;
        border-radius: 10px;
    }

    .agro-expert-hero-text {
        padding: 30px 20px;
    }

    .agro-expert-kicker {
        font-size: 15px;
    }

    .agro-expert-hero h1 {
        font-size: 34px;
    }

    .agro-expert-name {
        font-size: 20px;
    }

    .agro-expert-buttons {
        flex-direction: column;
    }

    .agro-expert-btn {
        width: 100%;
    }

    .agro-expert-hero-image {
        min-height: 310px;
    }

}

/* =====================================================
   SZAKÉRTŐI SZOLGÁLTATÁSOK - KÁRTYÁK
   ===================================================== */

.agro-expert-services {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;

    margin: -12px 0 45px;
}


.agro-expert-card {
    position: relative;

    display: flex;
    flex-direction: column;

    min-height: 430px;
    padding: 30px 30px 24px;

    overflow: hidden;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #ffffff 72%,
            #f1f6e9 100%
        );

    border: 1px solid #e2e7de;
    border-radius: 14px;

    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.07);
}


/* Finom növényi hangulat a kártya alján */

.agro-expert-card::after {
    content: "";
    position: absolute;

    right: -25px;
    bottom: -35px;

    width: 150px;
    height: 150px;

    border: 2px solid rgba(23, 107, 44, 0.06);
    border-radius: 50%;

    pointer-events: none;
}


/* Ikon */

.agro-expert-card-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 58px;
    height: 58px;

    margin-bottom: 18px;

    border-radius: 50%;

    background: #176b2c;

    font-size: 28px;
    line-height: 1;
}


/* Cím */

.agro-expert-card h2 {
    margin: 0 0 17px;

    font-size: 23px;
    line-height: 1.25;
    font-weight: 750;

    color: #173c22;
}


/* Szöveg */

.agro-expert-card p {
    margin-bottom: 16px;

    font-size: 15.5px;
    line-height: 1.55;
}


/* Felsorolás */

.agro-expert-card ul {
    margin: 0 0 22px;
    padding: 0;

    list-style: none;
}


.agro-expert-card li {
    position: relative;

    margin: 7px 0;
    padding-left: 25px;

    line-height: 1.4;
}


.agro-expert-card li::before {
    content: "✓";

    position: absolute;
    left: 0;

    font-weight: 800;
    color: #176b2c;
}


/* Tovább link */

.agro-expert-card-link {
    position: relative;
    z-index: 2;

    display: inline-flex;
    align-items: center;
    gap: 8px;

    margin-top: auto;

    font-weight: 700;

    color: #176b2c !important;
    text-decoration: none !important;
}


.agro-expert-card-link span {
    font-size: 24px;
    line-height: 1;
}


.agro-expert-card-link:hover {
    text-decoration: underline !important;
}


/* Harmadik kártya - finom arany árnyalat */

.agro-expert-card-gold {
    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #ffffff 72%,
            #faf6e9 100%
        );
}


.agro-expert-card-gold .agro-expert-card-icon {
    background: #9a7200;
}


.agro-expert-card-gold li::before,
.agro-expert-card-gold .agro-expert-card-link {
    color: #8b6700 !important;
}


/* Tablet */

@media (max-width: 991px) {

    .agro-expert-services {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .agro-expert-card {
        min-height: auto;
    }

}


/* Mobil */

@media (max-width: 575px) {

    .agro-expert-services {
        margin-top: 0;
    }

    .agro-expert-card {
        padding: 25px 22px;
    }

    .agro-expert-card h2 {
        font-size: 21px;
    }

}

/* =====================================================
   SZAKÉRTŐI MUNKA FOLYAMATA
   ===================================================== */

.agro-expert-process {
    margin: 48px 0 50px;
    padding: 0 15px;
}

.agro-expert-process > h2 {
    margin: 0 0 30px;

    text-align: center;
    font-size: 29px;
    line-height: 1.2;
    font-weight: 750;

    color: #173c22;
}


/* 5 lépés + nyilak */

.agro-expert-process-grid {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr) 28px
        minmax(0, 1fr) 28px
        minmax(0, 1fr) 28px
        minmax(0, 1fr) 28px
        minmax(0, 1fr);

    align-items: start;
}


.agro-process-step {
    position: relative;

    text-align: center;
}


/* Kör alakú ikon */

.agro-process-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 76px;
    height: 76px;

    margin: 0 auto 18px;

    border-radius: 50%;

    background: #edf3e8;

    font-size: 34px;
    font-weight: 600;

    color: #2d332d;
}


/* Sorszám */

.agro-process-number {
    position: absolute;
    z-index: 2;

    top: -8px;
    left: calc(50% - 47px);

    display: flex;
    align-items: center;
    justify-content: center;

    width: 28px;
    height: 28px;

    border-radius: 50%;

    background: #176b2c;

    font-size: 14px;
    font-weight: 800;

    color: #fff;
}


/* Lépés címe */

.agro-process-step h3 {
    min-height: 48px;
    margin: 0 0 8px;

    font-size: 17px;
    line-height: 1.35;
    font-weight: 750;

    color: #202d22;
}


/* Leírás */

.agro-process-step p {
    margin: 0 auto;

    max-width: 190px;

    font-size: 14px;
    line-height: 1.55;

    color: #424842;
}


/* Nyilak */

.agro-process-arrow {
    display: flex;
    align-items: center;
    justify-content: center;

    padding-top: 24px;

    font-size: 34px;
    font-weight: 400;

    color: #398449;
}


/* Tablet */

@media (max-width: 991px) {

    .agro-expert-process-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .agro-process-step {
        max-width: 480px;
        margin: 0 auto;
    }

    .agro-process-step h3 {
        min-height: auto;
    }

    .agro-process-step p {
        max-width: 420px;
    }

    .agro-process-arrow {
        padding: 0;

        transform: rotate(90deg);

        font-size: 28px;
    }

}


/* Mobil */

@media (max-width: 575px) {

    .agro-expert-process {
        margin: 38px 0 42px;
        padding: 0;
    }

    .agro-expert-process > h2 {
        margin-bottom: 28px;
        font-size: 25px;
    }

}
/* =====================================================
   A SZAKÉRTŐRŐL
   ===================================================== */

.agro-expert-about {
    display: grid;
    grid-template-columns: 260px 1fr 0.95fr;
    gap: 28px;

    margin: 48px 0 42px;
    padding: 22px;

    background: #fff;

    border: 1px solid #e2e7de;
    border-radius: 15px;

    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.07);
}


/* Kép */

.agro-expert-about-photo {
    overflow: hidden;

    min-height: 290px;

    border-radius: 11px;
}


.agro-expert-about-photo img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
    object-position: center;
}


/* Bemutatkozás */

.agro-expert-about-text {
    padding: 12px 4px;
}


.agro-expert-about-text h2 {
    margin: 0 0 16px;

    font-size: 28px;
    line-height: 1.2;
    font-weight: 750;

    color: #173c22;
}


.agro-expert-about-text h3 {
    margin: 0 0 3px;

    font-size: 21px;
    font-weight: 750;

    color: #173c22;
}


.agro-expert-about-title {
    margin-bottom: 20px;

    font-size: 16px;
    font-weight: 700;

    color: #176b2c;
}


.agro-expert-about-text p {
    margin-bottom: 15px;

    font-size: 15px;
    line-height: 1.6;
}


.agro-expert-about-note {
    font-style: italic;
    color: #6a716a;
}


/* Jogosultságok */

.agro-expert-credentials {
    padding: 24px 26px;

    background:
        linear-gradient(
            145deg,
            #f7f9f1 0%,
            #eef3e7 100%
        );

    border-radius: 12px;
}


.agro-expert-credentials > h3 {
    margin: 0 0 22px;

    font-size: 20px;
    line-height: 1.3;
    font-weight: 750;

    color: #173c22;
}


.agro-credential-group h4 {
    margin: 0 0 10px;

    font-size: 16px;
    font-weight: 750;

    color: #263629;
}


.agro-credential-group ul {
    margin: 0;
    padding: 0;

    list-style: none;
}


.agro-credential-group li {
    position: relative;

    margin: 7px 0;
    padding-left: 20px;

    line-height: 1.4;
}


.agro-credential-group li::before {
    content: "•";

    position: absolute;
    left: 2px;

    font-size: 20px;
    line-height: 1;

    color: #176b2c;
}


.agro-credential-group p {
    margin: 0;
}


/* Elválasztó */

.agro-credential-divider {
    height: 1px;

    margin: 22px 0;

    background: #d7dfd1;
}


/* Tablet */

@media (max-width: 991px) {

    .agro-expert-about {
        grid-template-columns: 220px 1fr;
    }

    .agro-expert-credentials {
        grid-column: 1 / -1;
    }

}


/* Mobil */

@media (max-width: 575px) {

    .agro-expert-about {
        grid-template-columns: 1fr;

        padding: 16px;
    }

    .agro-expert-about-photo {
        min-height: 350px;
    }

    .agro-expert-about-text {
        padding: 5px 3px;
    }

    .agro-expert-credentials {
        grid-column: auto;

        padding: 22px 20px;
    }

}

/* =====================================================
   SZAKÉRTŐI KAPCSOLATFELVÉTEL
   ===================================================== */

.agro-expert-contact {
    display: grid;
    grid-template-columns: 74px 1fr 1.05fr;
    gap: 24px;
    align-items: center;

    margin: 0 0 50px;
    padding: 28px 32px;

    background:
        linear-gradient(
            110deg,
            #f6f9ef 0%,
            #fbfcf7 55%,
            #edf4e7 100%
        );

    border: 1px solid #dfe6d8;
    border-radius: 15px;

    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.06);
}


/* Bal oldali ikon */

.agro-expert-contact-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 66px;
    height: 66px;

    border-radius: 50%;

    background: #176b2c;

    font-size: 31px;
    line-height: 1;

    color: #fff;
}


/* Szöveg */

.agro-expert-contact-text h2 {
    margin: 0 0 10px;

    font-size: 25px;
    line-height: 1.25;
    font-weight: 750;

    color: #173c22;
}


.agro-expert-contact-text p {
    margin: 5px 0;

    font-size: 15px;
    line-height: 1.55;
}


/* Jobb oldal */

.agro-expert-contact-action {
    text-align: center;
}


.agro-expert-contact-button {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    min-height: 48px;

    padding: 10px 22px;

    background: #176b2c;

    border-radius: 7px;

    font-size: 16px;
    font-weight: 750;

    color: #fff !important;
    text-decoration: none !important;

    transition: background 0.2s ease;
}


.agro-expert-contact-button:hover {
    background: #105722;

    color: #fff !important;
}


.agro-expert-contact-small {
    margin: 11px 0 7px;

    font-size: 13px;

    color: #606860;
}


.agro-expert-contact-details {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 22px;

    font-size: 14px;
    font-weight: 600;

    color: #176b2c;
}


/* Tablet */

@media (max-width: 991px) {

    .agro-expert-contact {
        grid-template-columns: 65px 1fr;
    }

    .agro-expert-contact-action {
        grid-column: 1 / -1;

        margin-top: 5px;
    }

}


/* Mobil */

@media (max-width: 575px) {

    .agro-expert-contact {
        grid-template-columns: 1fr;

        padding: 25px 20px;

        text-align: center;
    }

    .agro-expert-contact-icon {
        margin: 0 auto;
    }

    .agro-expert-contact-text h2 {
        font-size: 23px;
    }

    .agro-expert-contact-details {
        flex-direction: column;
        gap: 5px;
    }

}

.agro-expert-hero-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: 58% center;
    border-radius: 0 16px 16px 0;
}

/* Cikkek alatti/fölötti közösségi megosztó ikonok elrejtése */
.article-ratings-social-share {
    display: none !important;
}

/* Szakértői oldal felső térközének csökkentése - TESZT */
.agro-expert-page {
    margin-top: -70px;
}

.agro-expert-hero {
    margin-top: 0;
}

@media (max-width: 991px) {
    .agro-expert-page {
        margin-top: -35px;
    }
}

@media (max-width: 575px) {
    .agro-expert-page {
        margin-top: 0;
    }
}

.agro-expert-hero {
    position: relative;

    min-height: 500px;
    margin: 0 0 40px;

    overflow: hidden;

    background-image:
        linear-gradient(
            90deg,
            rgba(250,248,237,1) 0%,
            rgba(250,248,237,0.98) 34%,
            rgba(250,248,237,0.84) 46%,
            rgba(250,248,237,0.35) 58%,
            rgba(250,248,237,0.05) 70%
        ),
        url("/images/szakertoi/leviczkine-dobi-maria-terepen.jpg");

    background-size: cover;
    background-position: center center;

    border-radius: 16px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
}
@media (min-width: 992px) {
    #sp-left {
        margin-top: -115px;
    }
}

/* Kezdőoldali Hero függőleges igazítása */
@media (min-width: 992px) {
    .agro-hero {
        margin-top: -115px;
    }
}

/* Kezdőoldal – Szakértői szolgáltatások modul feljebb húzása */
@media (min-width: 992px) {
    #sp-left .left.card + .sp-module {
        margin-top: -5px;
    }
}

/* =========================================================
   FELSŐ MENÜSOR – függőleges és vízszintes igazítás
   ========================================================= */
@media (min-width: 992px) {

    /* Kereső blokk középre a 55 px magas fejlécben */
#sp-logo {
    height: 55px !important;
    min-height: 55px !important;
    display: flex !important;
    align-items: center !important;
}

#sp-logo .sp-column,
#sp-logo .sp-module,
#sp-logo .agro-search {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
    /* A kereső tényleges tartalma ne üljön le az aljára */
    #sp-logo .agro-search > * {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    /* Főmenü teljes magassága */
    #sp-menu,
    #sp-menu .sp-column,
    #sp-menu .sp-megamenu-parent {
        height: 55px !important;
        min-height: 55px !important;
        align-items: center !important;
    }

    /* Egyes menüpontok */
    #sp-menu .sp-megamenu-parent > li {
        height: 55px !important;
        display: flex !important;
        align-items: center !important;
    }

    /* Menüpont-feliratok középre */
    #sp-menu .sp-megamenu-parent > li > a,
    #sp-menu .sp-megamenu-parent > li > span {
        height: 55px !important;
        line-height: 1.15 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}
#sp-logo .agro-search {
    flex: 1 1 auto !important;
}

@media (min-width: 992px) {

@media (min-width: 992px) {
    #sp-header .container-inner > .row,
    #sp-header .container > .row {
        min-height: 55px !important;
        height: 55px !important;
        align-items: center !important;
    }

    #sp-logo .sp-column {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        height: 55px !important;
    }

    #sp-logo .agro-search {
        width: 100% !important;
        margin: 0 !important;
    }
}

#sp-logo .agro-search {
    position: relative !important;
    top: 0 !important;
    transform: none !important;
}

/* VirtueMart: + kiszállítás az ár alatt egy egységként */
.vm-prices-info {
    justify-content: flex-end !important;
    gap: 4px;
}
.agro-price-tax-info {
    margin-top: 3px;
    font-size: 0.78rem;
    font-weight: 400;
    line-height: 1.25;
    color: #6c757d;
}

.product-short-description {
    margin-top: 0.75rem;
    padding: 0.9rem 1rem;
    border-left: 3px solid #27813a;
    background: #f7f9f5;
    color: #5f6871;
    line-height: 1.55;
}

/* Részletes termékadatlap végleges térközei */
#sp-component .product-container.productdetails-view {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

#sp-component .productdetails-view > .row.gy-4.mb-5 {
    margin-top: 0.5rem !important;
    margin-bottom: 1.25rem !important;
}

#sp-component .product-description {
    margin-top: 0 !important;
}

/* Részletes termékadatlap feljebb helyezése */
body.view-productdetails #sp-component {
    margin-top: -110px;
}

/* További információk közelebb a vásárlási blokkhoz */
@media (min-width: 768px) {
    #sp-component .productdetails-view .product-description {
        position: relative;
        margin-top: -4.0rem !important;
    }
}

/* Kategóriához visszavezető hivatkozás */
#sp-component .productdetails-view .back-to-category a {
    color: #27813a !important;
    text-decoration-color: #27813a;
}

#sp-component .productdetails-view .back-to-category a:hover,
#sp-component .productdetails-view .back-to-category a:focus {
    color: #185d29 !important;
    text-decoration-color: #185d29;
}
/* =========================================================
   Agromechanika – termékazonosítók egységes megjelenése
   ========================================================= */

.vm-product-details-container .agro-product-sku,
.vm-product-details-container .manufacturer,
.vm-product-details-container .agro-product-gtin {
    display: flex;
    align-items: baseline;
    gap: 0.35rem;
    margin: 0 0 0.4rem !important;
    line-height: 1.4;
    white-space: nowrap;
}

/* A gyártó feliratát a másik két címkéhez igazítjuk */
.vm-product-details-container .manufacturer {
    font-weight: 600;
}

/* A gyártó neve maradjon normál vastagságú és zöld link */
.vm-product-details-container .manufacturer a {
    font-weight: 400;
}

/* Az azonosító blokk után maradjon megfelelő térköz */
.vm-product-details-container .row.mb-3.mb-xl-5 {
    margin-top: 0 !important;
}
<div class="agro-product-gpsr mt-1">
    <a href="#" class="agro-gpsr-link">GPSR</a>
</div>

/* ==========================================================
   LÁBLÉC – SZÖVEG- ÉS HIVATKOZÁSSZÍNEK EGYSÉGESÍTÉSE
   ========================================================== */

#sp-bottom {
    color: #e6e6e6;
}

/* Láblécmenük hivatkozásai */
#sp-bottom .sp-module-content ul li a,
#sp-bottom .sp-module-content .menu li a {
    color: #e6e6e6 !important;
    opacity: 1;
    text-decoration: none;
    transition: color 0.2s ease;
}

/* Egyedi modulok – például Elérhetőségünk */
#sp-bottom .sp-module-content p,
#sp-bottom .sp-module-content address,
#sp-bottom .sp-module-content span,
#sp-bottom .sp-module-content strong,
#sp-bottom .sp-module-content em {
    color: #e6e6e6;
}

/* Hivatkozások egységes színe az egyedi modulokban is */
#sp-bottom .sp-module-content p a,
#sp-bottom .sp-module-content address a {
    color: #e6e6e6 !important;
    text-decoration: none;
}

/* Egérrel rámutatás és billentyűzetes kijelölés */
#sp-bottom .sp-module-content a:hover,
#sp-bottom .sp-module-content a:focus {
    color: #8fd19a !important;
    text-decoration: underline;
}


/* ==========================================================
   LÁBLÉC – HOVER JAVÍTÁSA ÉS FÜGGŐLEGES TÉRKÖZ CSÖKKENTÉSE
   ========================================================== */

/* Menülinkek hover- és billentyűzetes fókuszállapota */
#sp-bottom .sp-module .sp-module-content ul.menu li > a:hover,
#sp-bottom .sp-module .sp-module-content ul.menu li > a:focus,
#sp-bottom .sp-module .sp-module-content ul.menu li > a:active,
#sp-bottom .sp-module .sp-module-content ul.menu li > a:hover span,
#sp-bottom .sp-module .sp-module-content ul.menu li > a:focus span {
    color: #8fd19a !important;
    opacity: 1 !important;
    text-decoration: none !important;
}

/* Az egyedi modulokban található linkek */
#sp-bottom .sp-module .sp-module-content p a:hover,
#sp-bottom .sp-module .sp-module-content p a:focus,
#sp-bottom .sp-module .sp-module-content address a:hover,
#sp-bottom .sp-module .sp-module-content address a:focus {
    color: #8fd19a !important;
    text-decoration: none !important;
}

/* Finom vizuális visszajelzés a menüpontokon */
#sp-bottom .sp-module .sp-module-content ul.menu li > a {
    transition: color 0.2s ease, padding-left 0.2s ease;
}

#sp-bottom .sp-module .sp-module-content ul.menu li > a:hover {
    padding-left: 4px;
}

/* A menüblokk alatti nagy üres terület csökkentése */
#sp-bottom {
    padding-bottom: 25px !important;
}

/* Copyright-rész belső térközének csökkentése */
#sp-footer .container-inner {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

/* Mobilnézet */
@media (max-width: 767px) {
    #sp-bottom {
        padding-top: 40px !important;
        padding-bottom: 15px !important;
    }

    #sp-footer .container-inner {
        padding-top: 18px !important;
        padding-bottom: 18px !important;
    }
}

/* ==========================================================
   LÁBLÉC – MENÜK SÚLYA ÉS ALSÓ TÉRKÖZ VÉGLEGES JAVÍTÁSA
   ========================================================== */

/* Valamennyi láblécmenü azonos betűvastagsággal jelenjen meg */
#sp-bottom .sp-module-content ul.menu li,
#sp-bottom .sp-module-content ul.menu li > a,
#sp-bottom .sp-module-content ul.menu li > a span,
#sp-bottom .sp-module-content ul.menu li > a strong {
    font-weight: 400 !important;
}

/* Ne legyen külön félkövér az aktív vagy aktuális menüpont sem */
#sp-bottom .sp-module-content ul.menu li.active > a,
#sp-bottom .sp-module-content ul.menu li.current > a,
#sp-bottom .sp-module-content ul.menu li.active > a span,
#sp-bottom .sp-module-content ul.menu li.current > a span {
    font-weight: 400 !important;
}

/* A bottom szekció felesleges alsó térközeinek megszüntetése */
#sp-bottom,
#sp-bottom > .container,
#sp-bottom > .container > .container-inner,
#sp-bottom > .container > .container-inner > .row {
    min-height: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* A modulok alapértelmezett alsó margójának megszüntetése */
#sp-bottom .sp-module,
#sp-bottom .sp-module-content {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Copyright-rész felhúzása */
#sp-footer {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

#sp-footer .container-inner {
    margin-top: 3px !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.vm-order-done #form-login {
    display: none !important;
}