:root {
  --white: #ffffff;
  --white-2: #ffffffcc;
  --black: #000000;
  --black-2: #0000001a;

  /* Alap háttér + szöveg – változatlanok */
  --main: #1F1F1F;
  --main-2: #181818;
  --main-3: #484848;
  --main-4: #818181;
  --main-5: #BABABA;
  --main-6: #545454;
  --main-7: #1C1C1C99;
  --main-8: #646464;
  --main-9: #5A5A5A;
  --main-10: #D2D2D2;

  /* FŐ SZÍN – a képed szerinti virító zöld */
  --primary: #97B848;     /* fő, látványos zöld */
  --primary-2: #7FA137;   /* hover / sötétebb */
  --primary-3: #68832C;   /* még sötétebb, ikon/outline */

  /* Kékes akvás kiegészítők – modern, tiszta vízhez */
  --secondary: #ff0000;   /* élénk akvakék */
  --secondary-2: #0C7EA6; /* hover */
  --secondary-3: #085A76; /* mélyebb kék */
  --secondary-4: #6AD0F0; /* halvány kék háttér/tag */

  /* Háttérszínek – világos, hogy a zöld virítson */
  --bg: #F5F8F1;          /* nagyon világos, enyhén zöldes */
  --bg-2: #E9F3EA;        /* szekcióknak */
  --bg-3: #E3F3F8;        /* kékes szekcióknak (pl. akciók) */
  --bg-4: #D3E3B4;        /* kártya-háttérnél zöldes */
  --bg-5: #C2D78E;        /* erősebb zöldes blokkhoz */
  --bg-6: #00000033;
  --bg-7: #DDF4FA;
  --bg-8: #1E514F;        /* sötét sáv, pl. footer vagy hero */
  --bg-9: #F8FCF7;
  --bg-10: #5F854B;
  --bg-11: #FFFFFF;
  --bg-12: #DCE8DF;
  --bg-13: #C5DCB0;
  --bg-14: #E4F4F9;
  --bg-15: #D9D9D9;
  --bg-16: #E4F0E8;
  --bg-17: #97B848;       /* ha full zöld blokk kell */
  --bg-18: #EFF5EE;
  --bg-19: #F2FAFD;
  --bg-20: #6F9861;
  --bg-21: #F9FEFF;
  --bg-22: #2E6C48;
  --bg-23: #F6FEFF;
  --bg-24: #CAEAF7;
  --bg-25: #E9F5DB;
  --bg-26: #F3F3F3;

  /* Vonalak – picit zöldesek, hogy illeszkedjenek */
  --line: #11111126;
  --line-2: #1111111a;
  --line-3: #D4E2BC;
  --line-4: #6D9250;
  --line-5: #89A867;
  --line-6: #9BB87A;
  --line-7: #C1D7A0;
  --line-8: #EBEBEB;
  --line-9: #C8E2EE;
  --line-10: #8FAE73;
  --line-11: #CDE1C0;
  --line-12: #E7F1E0;
  --line-13: #D3E2C3;

  /* Árnyék – marad könnyű, de kicsit sötétebb tónusban */
  --shadow-1: rgba(6, 42, 22, 0.16);

  /* Jelzőszín – ha kell másik zöld, de erősebb */
  --green: #6E9B2F;

  /* Gradiensek – hero sávnak, CTA-nak */
  --linear-1: linear-gradient(140deg, #97B848 0%, #0F9ACB 100%);
  --linear-2: linear-gradient(140deg, #97B848 0%, #CBE38C 100%);
  --linear-3: linear-gradient(140deg, #0F9ACB 0%, #97B848 100%);
  --linear-4: linear-gradient(180deg, #FFFFFF 0%, #E9F3EA 100%);
  --linear-5: linear-gradient(180deg, rgba(151, 184, 72, 0) 0%, rgba(151, 184, 72, .35) 100%);
}








.price-wrap {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0px 10px;
  text-align:center !important;
  justify-content: center;
}

.flat-wrap-media-product .tf-product-media-main .item img {
     width: 100% !important; 

}

.tf-btn.btn-fill-4 {
  background-color: #609100;
  backdrop-filter: blur(4px);
  color: var(--white);
  border-color: #609100;
}
.tf-btn.btn-fill-4:hover {
  background-color: #609100;
  border-color: #609100;
}

.tf-mini-cart-item .tf-mini-cart-image img {
    width: 100%; 
    aspect-ratio: 0;
}

.nav-icon .nav-icon-item .count-notice-login {
  position: absolute;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: var(--green);
  border: 1px solid var(--white);
  right: 0;
  left:18px;
  top: 5px;
}

h1,
.h1 {
  font-size: clamp(32px, 5vw, 40px);
  line-height: clamp(40px, 6vw, 72px);
}

.logo-site {
  display: flex;
  align-items: center;
}
.logo-site img {
  width: 222px;
}
@media (max-width: 767px) {
  .logo-site img {
    width: 210px;
  }
}

.card_product--V01 .card_product-wrapper
 {
    aspect-ratio: 1 !important;
    position: relative;
    overflow: hidden;
    z-index: 20;
    -webkit-transition: all 0.3s 
ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s 
ease;
}