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

body {
  font-family: "Raleway", sans-serif !important;
  font-size: 17px;
  line-height: 30px;
  font-weight: 400;
  color: var(--main);
  background-color: var(--white);
}


h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Raleway", sans-serif;
  text-rendering: optimizeLegibility;
  font-weight: 500;
  margin-bottom: 0;
  letter-spacing: 0;
}
















/*---------------------------------------------------------------------------------*/

:root {
  --color-dark: #333333;
  --color-medium: #e4e5e6;
  --color-light: #ffffff;

  --color-1: #3D5A80;
  --color-2: #98C1D9;
  --color-3: #E0FBFC;
  --color-4: #EE6C4D;
  --color-5: #293241;
  --color-6: #36494E;
}

/* EGYÉNI H TAGOK */

h2.h-custom {
  font-size: 33px;
  margin-bottom: 15px;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}

h3.h-custom {
  font-size: 28px;
  margin-bottom: 15px;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}

h4.h-custom {
  font-size: 24px;
  margin-bottom: 15px;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}

h5.h-custom {
  font-size: 20px;
  margin-bottom: 15px;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}

h6.h-custom {
  font-size: 18px;
  margin-bottom: 15px;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}

/* SZÍN UTIL OSZTÁLYOK – nem ütköznek BS5-tel */

.color-dark {color:var(--color-dark) !important;}
.color-medium {color:var(--color-medium) !important;}
.color-light {color:var(--color-light) !important;}
.color-1 {color:var(--color-1) !important;}
.color-2 {color:var(--color-2) !important;}
.color-3 {color:var(--color-3) !important;}
.color-4 {color:var(--color-4) !important;}
.color-5 {color:var(--color-5) !important;}
.color-6 {color:var(--color-6) !important;}

.xl-border-color-dark {border-left:12px solid var(--color-dark) !important;}
.xl-border-color-medium {border-left:12px solid var(--color-medium) !important;}
.xl-border-color-light {border-left:12px solid var(--color-light) !important;}
.xl-border-color-1 {border-left:12px solid var(--color-1) !important;}
.xl-border-color-2 {border-left:12px solid var(--color-2) !important;}
.xl-border-color-3 {border-left:12px solid var(--color-3) !important;}
.xl-border-color-4 {border-left:12px solid var(--color-4) !important;}
.xl-border-color-5 {border-left:12px solid var(--color-5) !important;}
.xl-border-color-6 {border-left:12px solid var(--color-6) !important;}

.s-border-color-dark {border-left:8px solid var(--color-dark) !important;}
.s-border-color-medium {border-left:8px solid var(--color-medium) !important;}
.s-border-color-light {border-left:8px solid var(--color-light) !important;}
.s-border-color-1 {border-left:8px solid var(--color-1) !important;}
.s-border-color-2 {border-left:8px solid var(--color-2) !important;}
.s-border-color-3 {border-left:8px solid var(--color-3) !important;}
.s-border-color-4 {border-left:8px solid var(--color-4) !important;}
.s-border-color-5 {border-left:8px solid var(--color-5) !important;}
.s-border-color-6 {border-left:8px solid var(--color-6) !important;}

.border-bottom-color-dark {border-bottom:5px solid var(--color-dark) !important;}
.border-bottom-color-medium {border-bottom:5px solid var(--color-medium) !important;}
.border-bottom-color-light {border-bottom:5px solid var(--color-light) !important;}
.border-bottom-color-1 {border-bottom:5px solid var(--color-1) !important;}
.border-bottom-color-2 {border-bottom:5px solid var(--color-2) !important;}
.border-bottom-color-3 {border-bottom:5px solid var(--color-3) !important;}
.border-bottom-color-4 {border-bottom:5px solid var(--color-4) !important;}
.border-bottom-color-5 {border-bottom:5px solid var(--color-5) !important;}
.border-bottom-color-6 {border-bottom:5px solid var(--color-6) !important;}

.border-color-dark {border:1px solid var(--color-dark) !important;}
.border-color-medium {border:1px solid var(--color-medium) !important;}
.border-color-light {border:1px solid var(--color-light) !important;}
.border-color-1 {border:1px solid var(--color-1) !important;}
.border-color-2 {border:1px solid var(--color-2) !important;}
.border-color-3 {border:1px solid var(--color-3) !important;}
.border-color-4 {border:1px solid var(--color-4) !important;}
.border-color-5 {border:1px solid var(--color-5) !important;}
.border-color-6 {border:1px solid var(--color-6) !important;}

.background-color-dark{background-color: var(--color-dark) !important;}
.background-color-medium{background-color: var(--color-medium) !important;}
.background-color-light{background-color: var(--color-light) !important;}
.background-color-1{background-color: var(--color-1) !important;}
.background-color-2{background-color: var(--color-2) !important;}
.background-color-3{background-color: var(--color-3) !important;}
.background-color-4{background-color: var(--color-4) !important;}
.background-color-5{background-color: var(--color-5) !important;}
.background-color-6{background-color: var(--color-6) !important;}

.shadow-default-color-dark{-webkit-box-shadow: 10px 0 0 var(--color-dark) !important;}
.shadow-default-color-medium{-webkit-box-shadow: 10px 0 0 var(--color-medium) !important;}
.shadow-default-color-light{-webkit-box-shadow: 10px 0 0  var(--color-light) !important;}
.shadow-default-color-1{-webkit-box-shadow: 10px 0 0  var(--color-1) !important;}
.shadow-default-color-2{-webkit-box-shadow: 10px 0 0 var(--color-2) !important;}
.shadow-default-color-3{-webkit-box-shadow: 10px 0 0  var(--color-3) !important;}
.shadow-default-color-4{-webkit-box-shadow: 10px 0 0 var(--color-4) !important;}
.shadow-default-color-5{-webkit-box-shadow: 10px 0 0 var(--color-5) !important;}
.shadow-default-color-6{-webkit-box-shadow: 10px 0 0 var(--color-6) !important;}

/* BAL SZEGÉLYES DOBOZOK */

.left-bordered-text-xl{ 
  min-height:60px;
  padding-left:20px;
}

.left-bordered-text-s{ 
  min-height:80px;
  padding-left:20px;
}

.left-bordered-div{
  min-height:40px;
  padding-left:20px;
}

.left-bordered-top-text{
  display:block;
  font-weight:bold;
  padding-bottom:10px;
}

.left-bordered-bottom-text{
  display:block;
}

/* ELVÁLASZTÓK */

.separator-xl {
  width: 100%;
  margin: 10px auto 10px;
  position: relative;
  height: 8px;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
}

.separator-l{
  width: 100%;
  margin: 10px auto 10px;
  position: relative;
  height: 5px;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
}

.separator-m{
  width: 100%;
  margin: 10px auto 10px;
  position: relative;
  height: 3px;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
}

.separator-color-2{
  width:40%;
  margin: 10px auto 10px;
  position: relative;
  height: 1px;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
  background: -webkit-linear-gradient(#f8da9c, #c5a754);
  margin-top:20px !important;
  margin-bottom:20px !important;
}

/* KERETES CÍM / SZÍNES HÁTTÉR DOBOZOK */

.bordered-title{
  text-transform: none;
  padding-top:25px;
  padding-bottom:25px;
  padding-left:20px;
  padding-right:20px;
  display:inline-block;
}

.bgcolored-div-1{
  padding:20px;
  border-radius: 0px 20px 0px 20px;
  -moz-border-radius: 0px 20px 0px 20px;
  -webkit-border-radius: 0px 20px 0px 20px;
}

.bgcolored-div-2{
  padding:20px;
  border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px 20px 20px 20px;
  -webkit-border-radius: 20px 20px 20px 20px;
}

.bgcolored-div-3{
  padding:20px;
  border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  -webkit-border-radius: 0 0 0 0;
}

/* SORSZÁMOZOTT CÍM – SZÜRKE 01 */

.numbered-text-left{
  font-family: 'Open Sans Condensed', sans-serif !important;
  font-size: 70px !important;
  color: #bfbfbf;
  left: 0;
  margin-right:20px;
}

.numbered-text-right{
  font-size: 25px;
}

@media (max-width: 767px) {
  .numbered-text-left{
    font-size: 25px;
    display: block;
    color: #bfbfbf;
    left: 0;
    margin-right:20px;
  }

  .numbered-text-right{
    font-size: 25px;
  }
}

/* AKVÁRIUMOS TÁBLÁK – BS5-BARÁT (NEM ÍRJA FELÜL A .table-T) */

.akv-table {
  font-size:13px !important;
}

.akv-table th {
  white-space: nowrap !important;
}

.akv-table-colored > thead > tr > th{
  background-color:#4255FA !important;
  border-color: #ffffff !important;
}

/* EGYÉB UTILOK */

.main-underlined{
  display:inline-block;
  padding-bottom:2px;
  text-align:center;
}

.centered-element{
  display: flex;
  justify-content: center;
  align-items: center;
}

.uppercased-callout-box{
  background-color:#ff0000;
  display:inline;
  font-weight:inherit;
  line-height:15px !important;
  padding:5px;
  padding-left:20px;  
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  text-transform: uppercase;
}

/* AKV LISTA – HOGY LEGYENEK PÖTTYÖK A CIKKEKBEN IS */
.akv-list {
  list-style: disc;
  margin-left: 1.5rem;
  padding-left: 1.5rem;
}

.akv-list-numbered {
  list-style: decimal;
  margin-left: 1.5rem;
  padding-left: 1.5rem;
}



/* --- 1. TARTALOM VISSZAÁLLÍTÁSA --- */

/* Fontos: az 'ul li'-t is meg kell célozni, nem csak az 'ul'-t! */
ul {
    padding-left: 40px !important; /* Hely a pöttyöknek */
    margin-bottom: 1em;
}

ul li {
    list-style-type: disc !important; /* Pöttyök kényszerítése az elemen */
    list-style: disc !important;
    padding-left: 0; /* A lista elemen belül nem kell extra behúzás */
}


/* --- 2. NAVIGÁCIÓ (KIVÉTEL) --- */

/* Itt is mindkettőt (ul és li) le kell tiltani */
.nav ul, 
.nav li {
    list-style-type: none !important; /* Pöttyök tiltása */
    list-style: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}



@media (max-width: 1439px) {
  .box-navigation .box-nav-menu {
    gap: 20px;
  }
  .box-navigation .item-link {
    line-height: 80px;
  }
  .box-navigation .item-link::after {
    width: calc(100% + 100px);
  }
}