/* =========================================================
   KATEGÓRIA AJÁNLÓ KÁRTYÁK (változatlan)
   ========================================================= */

/* Kategória ajánló – mobilon kártyán belüli középre igazítás */
@media (max-width: 768px){
  .categoryoffer-card{
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }

  .categoryoffer-card__image-wrapper{
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    padding: 16px 16px 8px !important;
  }

  .categoryoffer-card .card-body{
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    padding-top: 0 !important;
    padding-bottom: 16px !important;
  }

  .categoryoffer-card__title{
    margin: 0 !important;
    text-align: center !important;
  }

  .categoryoffer-card__link{
    display: inline-block !important;
  }
}

@media (max-width: 768px){
  /* Kártyák ne legyenek full width: legyen max szélesség + középre */
  .categoryoffer-card{
    width: 100% !important;
    max-width: 340px !important;
    margin: 0 auto 14px !important;
  }

  .categoryoffer-card .card-body{
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

/* Kategória ajánló kártyák – prémium kontraszt */
.categoryoffer-card{
  background:#fff !important;
  border:1px solid rgba(15, 59, 75, .10) !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.06) !important;
  border-radius: 16px !important;
}

.categoryoffer-card:hover{
  border-color: rgba(251, 191, 36, .55) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.10) !important;
}

@media (max-width: 768px){
  .categoryoffer-card{
    box-shadow: 0 4px 14px rgba(0,0,0,.06) !important;
  }
}


/* =========================================================
   TERMÉK KÁRTYÁK – ÁLTALÁNOS (biztonságos, nem “folyik át”)
   ========================================================= */

/* A termék-kártya alap (jó, ha a kártyák középre vannak) */
.product-card{
  text-align: center;
}

.product-card-image{
  display: flex;
  justify-content: center;
  align-items: center;
}

.product-card__title,
.product-card__price,
.product-card__short-description{
  text-align: center;
}

/* Részletek gomb blokk */
.product-card__details{
  display: flex;
  justify-content: center;
}

/* Kosárba blokk */
.product-card__addtocart{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

/* FONTOS: itt volt az “eltolás” oka mobil 2 oszlopnál (csak jobb margó)
   → megtartjuk desktopon/jól tág helyen, de mobil 2 oszlophoz később felülírjuk */
.product-card__addtocart > *{
  margin: 0 3px 6px 3px;
}

.product-card__addtocart .quantity-input{
  text-align: center;
}

@media (max-width: 768px){
  .product-card{
    margin-left: auto;
    margin-right: auto;
  }

  .product-card__footer{
    padding-left: 12px;
    padding-right: 12px;
  }
}


/* =========================================================
   FŐOLDAL – CSAK A 2 MODUL (Top + Legújabb) legyen carousel
   (a JS-ed teszi rá a .sr-home-carousel class-t)
   ========================================================= */

/* Desktopon maradhat középen és szépen “kártyás” */
.sr-home-carousel{
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  text-align: center !important;
}

/* Kártyák közti tér a főoldali 2 modulban */
.sr-home-carousel > .product-snapshot,
.sr-home-carousel > .product-snapshot.list_div_item{
  margin: 0 14px 24px 14px !important;
}

/* Mobil: 1 sor, vízszintes görgetés – CSAK főoldali carousel */
@media (max-width: 768px){
  .sr-home-carousel{
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    padding: 0 16px 12px 16px !important;
  }

  .sr-home-carousel > .product-snapshot,
  .sr-home-carousel > .product-snapshot.list_div_item{
    flex: 0 0 auto !important;
    min-width: 280px !important;
    max-width: 340px !important;
    margin: 0 14px 0 0 !important;
  }

  .sr-home-carousel > .product-snapshot .product-card,
  .sr-home-carousel > .product-snapshot.list_div_item .product-card{
    width: 100% !important;
    min-width: 260px !important;
  }

  /* Betűnként törés elleni védelem (Top termékeknél előjött) */
  .sr-home-carousel .product-card,
  .sr-home-carousel .product-card *{
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none;
  }

  .sr-home-carousel::-webkit-scrollbar{
    height: 6px;
  }
}


/* =========================================================
   KATEGÓRIA/LISTA OLDAL – MOBILON 2 OSZLOP (NEM carousel)
   ========================================================= */

@media (max-width: 768px){
  .product-snapshot-vertical:not(.sr-home-carousel){
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    padding: 0 12px !important;
    overflow: visible !important;
  }

  /* 2 oszlop: stabil, gap nélkül (szerkesztőbarát) */
  .product-snapshot-vertical:not(.sr-home-carousel) > .product-snapshot,
  .product-snapshot-vertical:not(.sr-home-carousel) > .product-snapshot.list_div_item{
    flex: 0 0 calc(50% - 12px) !important;
    max-width: calc(50% - 12px) !important;
    min-width: 0 !important;
    margin: 0 6px 12px 6px !important;
  }

  .product-snapshot-vertical:not(.sr-home-carousel) .product-card{
    width: 100% !important;
  }
}


/* =========================================================
   KATEGÓRIA/LISTA OLDAL – MOBIL GOMBOK KÖZÉPRE (eltolás fix)
   ========================================================= */

@media (max-width: 768px){
  /* Mobil 2 oszlopnál a gombcsoport legyen “stack + center” */
  .product-snapshot-vertical:not(.sr-home-carousel) .product-card__details,
  .product-snapshot-vertical:not(.sr-home-carousel) .product-card__addtocart{
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* A korábbi “csak jobb margó” eltolta a gombokat → nullázzuk mobil listában */
  .product-snapshot-vertical:not(.sr-home-carousel) .product-card__addtocart > *{
    margin: 0 0 10px 0 !important;
  }

  /* Gombok egységes szélességgel középen */
  .product-snapshot-vertical:not(.sr-home-carousel) .product-card__details a,
  .product-snapshot-vertical:not(.sr-home-carousel) .product-card__addtocart a,
  .product-snapshot-vertical:not(.sr-home-carousel) .product-card__addtocart button,
  .product-snapshot-vertical:not(.sr-home-carousel) .product-card__addtocart input[type="button"]{
    width: 100% !important;
    max-width: 180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}




@media (max-width: 768px){

  /* Mobilon (nem főoldali carousel) a gombblokkok vegyék fel a teljes szélességet */
  .product-snapshot-vertical:not(.sr-home-carousel) .product-card__details,
  .product-snapshot-vertical:not(.sr-home-carousel) .product-card__addtocart{
    width: 100% !important;
    text-align: center !important;
  }

  /* A gombokat kényszerítsük block-ra, így a margin auto tényleg középre teszi */
  .product-snapshot-vertical:not(.sr-home-carousel) .product-card__details .btn,
  .product-snapshot-vertical:not(.sr-home-carousel) .product-card__addtocart .btn,
  .product-snapshot-vertical:not(.sr-home-carousel) .product-card__details a,
  .product-snapshot-vertical:not(.sr-home-carousel) .product-card__addtocart a,
  .product-snapshot-vertical:not(.sr-home-carousel) .product-card__addtocart button{
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
  }

  /* Biztos szélesség (ha túl kicsi/nagy, állítsd 170–200 között) */
  .product-snapshot-vertical:not(.sr-home-carousel) .product-card__details .btn,
  .product-snapshot-vertical:not(.sr-home-carousel) .product-card__addtocart .btn{
    width: 100% !important;
    max-width: 180px !important;
  }
}







/* MOBIL/általános: vízszintes kicsúszás tiltása – képekhez nem nyúlunk */
html, body{
  width: 100% !important;
  max-width: 100vw !important;
  overflow-x: hidden !important;
}
.sr-home-carousel,
.product-snapshot-vertical{
  max-width: 100% !important;
}








@media (max-width: 768px){

  /* A lista vegye fel a teljes szélt (kis külső padding, de negatív margin a gutter miatt) */
  .column-right .product-snapshot-vertical:not(.sr-home-carousel){
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    padding: 0 6px !important;      /* kisebb oldalsó tér */
    margin: 0 -4px !important;      /* kompenzálja a kártyák belső paddingjét */
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  /* 2 oszlop: a wrapper ténylegesen 50% legyen, a “rés” paddingből jön */
  .column-right .product-snapshot-vertical:not(.sr-home-carousel) > .product-snapshot,
  .column-right .product-snapshot-vertical:not(.sr-home-carousel) > .product-snapshot.list_div_item{
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;

    padding: 0 4px 10px 4px !important; /* itt van a két oszlop közti rés */
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  /* A kártya töltse ki a wrapper szélességét */
  .column-right .product-snapshot-vertical:not(.sr-home-carousel) .product-card{
    width: 100% !important;
    max-width: none !important;
  }
}








/* ASZTALI: gombok egymás mellett + csillagok középre (nem főoldali carousel) */
@media (min-width: 769px){

  /* Csillagok (értékelés) középre */
  .product-snapshot-vertical:not(.sr-home-carousel) .product-card__rating,
  .product-snapshot-vertical:not(.sr-home-carousel) .rating,
  .product-snapshot-vertical:not(.sr-home-carousel) .stars{
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* A gombos részek legyenek 1 sorban, középen */
  .product-snapshot-vertical:not(.sr-home-carousel) .product-card__details,
  .product-snapshot-vertical:not(.sr-home-carousel) .product-card__addtocart{
    display: flex !important;
    flex-direction: row !important;     /* <-- ez a lényeg */
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: nowrap !important;       /* ne törje két sorba */
    width: 100% !important;
  }

  /* Ha a szerkesztő a gap-et pirossal jelzi, akkor ezt használd helyette:
     gap helyett margin a gombokon (lásd lent) */

  /* A gombok ne legyenek 100% szélesek asztalon */
  .product-snapshot-vertical:not(.sr-home-carousel) .product-card__details a,
  .product-snapshot-vertical:not(.sr-home-carousel) .product-card__addtocart a,
  .product-snapshot-vertical:not(.sr-home-carousel) .product-card__addtocart button,
  .product-snapshot-vertical:not(.sr-home-carousel) .product-card__addtocart input[type="button"]{
    width: auto !important;
    max-width: none !important;
    display: inline-flex !important;
    margin: 0 !important;
    float: none !important;
  }

  /* GAP nélküli fallback (ha a gap piros): kommenteld ki a gap sort fent,
     és ez maradjon aktív */
  .product-snapshot-vertical:not(.sr-home-carousel) .product-card__details a,
  .product-snapshot-vertical:not(.sr-home-carousel) .product-card__addtocart a,
  .product-snapshot-vertical:not(.sr-home-carousel) .product-card__addtocart button{
    margin: 0 6px 0 6px !important;
  }
}





/* ASZTALI: Részletek + Kosárba 1 sorban, középen */
@media (min-width: 769px){

  /* A közös szülő legyen vízszintes flex */
  .product-snapshot-vertical:not(.sr-home-carousel) .product-card__footer{
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
  }

  /* A két blokk ne foglaljon teljes sort */
  .product-snapshot-vertical:not(.sr-home-carousel) .product-card__details,
  .product-snapshot-vertical:not(.sr-home-carousel) .product-card__addtocart{
    width: auto !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
  }

  /* Távolság a két “blokk” között (gap helyett margin) */
  .product-snapshot-vertical:not(.sr-home-carousel) .product-card__details{
    margin-right: 2px !important;
  }

  /* Biztosítás: a gombok ne legyenek 100% szélesek asztalon */
  .product-snapshot-vertical:not(.sr-home-carousel) .product-card__details a,
  .product-snapshot-vertical:not(.sr-home-carousel) .product-card__addtocart a,
  .product-snapshot-vertical:not(.sr-home-carousel) .product-card__addtocart button{
    width: auto !important;
    max-width: none !important;
    display: inline-flex !important;
    white-space: nowrap !important;
  }
}





@media (min-width: 769px){

  /* 1) Gombok saját margója ne növelje a távolságot */
  .product-snapshot-vertical:not(.sr-home-carousel) .product-card__footer .btn,
  .product-snapshot-vertical:not(.sr-home-carousel) .product-card__footer a.btn,
  .product-snapshot-vertical:not(.sr-home-carousel) .product-card__footer button.btn{
    margin: 0 !important;
  }

  /* 2) A két blokk közti rés legyen kicsi */
  .product-snapshot-vertical:not(.sr-home-carousel) .product-card__details{
    margin-right: 4px !important; /* 4–6 px ajánlott */
  }
}










/* Termékkártyák – lágy krém háttér (arculathoz illő) */
.card.product-card{
  background: #FFFBF0 !important;                 /* lágy krém */
  border: 1px solid rgba(15, 59, 75, .08) !important;
  border-radius: 16px !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.06) !important;
}

/* Hover: finom arany kiemelés */
.card.product-card:hover{
  border-color: rgba(251, 191, 36, .45) !important; /* #FBBF24 */
  box-shadow: 0 12px 28px rgba(0,0,0,.10) !important;
}

/* Mobilon kicsit könnyebb árnyék */
@media (max-width: 768px){
  .card.product-card{
    box-shadow: 0 4px 14px rgba(0,0,0,.06) !important;
  }
}

/* (Opcionális) A kártyán belüli fehér blokkokat ne “vágja el” a háttér */
.card.product-card .product-card__footer{
  background: transparent !important;
}












/* ===== Molnár Méhészet BLOG (csak .mmh-blogpost oldalon) ===== */

/* Alap tipográfia */
.mmh-blogpost .mmh-article{
  font-size: 17px;
  line-height: 1.75;
  color: #1f2937;
}

/* Ha a szerkesztő kicsi fontot szúr be (span inline style), egységesítjük */
.mmh-blogpost .mmh-article p,
.mmh-blogpost .mmh-article li{
  font-size: 1em !important;
}
.mmh-blogpost .mmh-article p span,
.mmh-blogpost .mmh-article li span{
  font-size: 1em !important;
}

/* Címek */
.mmh-blogpost .mmh-article h2{
  margin: 26px 0 10px;
  font-size: 27px;
  line-height: 1.15;
}

/* Kártyák */
.mmh-blogpost .mmh-card{
  background: rgba(255,255,255,0.92);
  border: 1px solid rgba(31,41,55,0.10);
  border-radius: 16px;
  padding: 18px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.05);
  margin: 14px 0;
}

/* Badge (alap) */
.mmh-blogpost .mmh-badge{
  display: inline-block;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(245,158,11,0.35);
  background: #FDE68A;
  font-weight: 800;
  letter-spacing: .4px;
  margin-bottom: 10px;
  font-size: 14px;
}

.mmh-blogpost .mmh-note{
  font-size: 14px;
  color: #6b7280;
  margin-top: 10px;
}

.mmh-blogpost .mmh-hr{
  height: 1px;
  background: rgba(245,158,11,0.35);
  margin: 22px 0;
}

/* Grid/pillek (gap nélkül) */
.mmh-blogpost .mmh-grid{
  display: flex;
  flex-wrap: wrap;
  margin: -7px;
}
.mmh-blogpost .mmh-grid > .mmh-pill{
  margin: 7px;
  flex: 1 1 260px;
  max-width: 420px;
  border: 1px solid rgba(31,41,55,0.10);
  border-radius: 14px;
  padding: 14px 14px;
  background: rgba(255,255,255,0.90);
  font-size: inherit;
}
.mmh-blogpost .mmh-pill b{ display:block; margin-bottom: 4px; }

/* Listák desktopon alap */
.mmh-blogpost .mmh-list{
  list-style-position: outside;
  padding-left: 18px;
  margin: 10px 0 0;
}

/* CTA */
.mmh-blogpost .mmh-cta{
  border-radius: 18px;
  border: 1px solid rgba(245,158,11,0.35);
  background: rgba(255,255,255,0.92);
  padding: 16px;
  margin-top: 18px;
  font-weight: 700;
}

/* ===== Gradient háttér kapcsolók (TE döntöd el, hova teszed) ===== */

/* Kártya/pill gradient háttér: add hozzá a HTML-ben */
.mmh-blogpost .mmh-grad{
  background: linear-gradient(135deg, #FFF3B0, #F6B21A);
  border: 1px solid rgba(245,158,11,0.35);
}

/* Badge gradient háttér: add hozzá a HTML-ben */
.mmh-blogpost .mmh-grad-pill{
  background: linear-gradient(90deg, #FDE68A, #F59E0B) !important;
  border: 1px solid rgba(245,158,11,0.35);
}

/* Olvashatóság gradientes blokkokban */
.mmh-blogpost .mmh-grad,
.mmh-blogpost .mmh-grad *{
  color: #1f2937;
}

/* ===== Kiemelések teljes kikapcsolása ===== */

/* Ha valahol bennmaradt mmh-g a HTML-ben, ne csináljon semmit */
.mmh-blogpost .mmh-g{
  color: inherit !important;
  background: none !important;
  font-weight: inherit !important;
  -webkit-text-fill-color: initial !important;
}

/* Ne színezzük a félkövér szöveget semmire (maradjon alap) */
.mmh-blogpost .mmh-article b,
.mmh-blogpost .mmh-article strong{
  color: inherit !important;
  font-weight: bolder;
}

/* ===== Mobil: középre igazítás csak mobilon ===== */
@media (max-width: 720px){
  .mmh-blogpost .mmh-article{
    text-align: center;
    font-size: 16px;
  }
  .mmh-blogpost .mmh-article h2{ font-size: 22px; }

  .mmh-blogpost .mmh-list{
    list-style-position: inside;
    padding-left: 0;
    margin-left: 0;
  }

  .mmh-blogpost .mmh-grid{
    justify-content: center;
  }

  /* Cím/meta/bevezető + képek középre mobilon (blogoldalon) */
  .mmh-blogpost .blog-post-header,
  .mmh-blogpost .post-header,
  .mmh-blogpost .article-header,
  .mmh-blogpost .blog-post-meta,
  .mmh-blogpost .post-meta,
  .mmh-blogpost .blog-post-lead,
  .mmh-blogpost .post-lead{
    text-align: center !important;
  }

  .mmh-blogpost .page-content img,
  .mmh-blogpost .blog-post img,
  .mmh-blogpost .article-content img,
  .mmh-blogpost article img{
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ===== FIX: mmh-pill + mmh-grad együtt kapjon gradientet ===== */
.mmh-blogpost .mmh-grid > .mmh-pill.mmh-grad{
  background: linear-gradient(135deg, #FFF3B0, #F6B21A) !important;
  border: 1px solid rgba(245,158,11,0.35) !important;
}

.mmh-blogpost .mmh-grid > .mmh-pill.mmh-grad,
.mmh-blogpost .mmh-grid > .mmh-pill.mmh-grad *{
  color: #1f2937 !important;
}





/* ===== Prémium terméknek szekció: azonos méretű kártyák ===== */

/* Asztali: 3 oszlop, fix elrendezés */
@media (min-width: 721px){
  .mmh-blogpost .mmh-grid{
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin: 0; /* felülírja a -7px trükköt */
  }

  .mmh-blogpost .mmh-grid > .mmh-pill{
    margin: 0 !important;     /* ne legyen flex-margó */
    max-width: none !important;
    width: 100%;
    height: 100%;             /* cellát kitölti */
    min-height: 120px;        /* állítható: 110–140 */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
}

/* Mobil: maradjon a flex-es tördelés, középre igazítva */
@media (max-width: 720px){
  .mmh-blogpost .mmh-grid{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: -7px;
  }
  .mmh-blogpost .mmh-grid > .mmh-pill{
    margin: 7px;
  }
}









/* Blog/News modul a főoldalon – kép + cím középre (desktop + mobil) */
#module_news_wrapper .news-grid{
  justify-content: center; /* ha grid/flex: középre komponálja a kártyákat */
}

/* Kártyán belül mindent középre */
#module_news_wrapper article.news-card{
  text-align: center !important;
}

/* A képes blokk középre (mobilon is) */
#module_news_wrapper a.news-card-image-wrapper{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* A kép ne legyen inline gap-es, és középre igazítva jelenjen meg */
#module_news_wrapper img.news-card__image{
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* A blog címek (link) középre */
#module_news_wrapper article.news-card h1,
#module_news_wrapper article.news-card h2,
#module_news_wrapper article.news-card h3,
#module_news_wrapper article.news-card .news-card__title,
#module_news_wrapper article.news-card a{
  text-align: center !important;
}



/* Blog/News modul – mobil carousel: induljon az 1. kártyától (ne középről) */
@media (max-width: 768px){
  #module_news_wrapper .news-grid{
    justify-content: flex-start !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}





/* Főoldali blog preview – mobilon kisebb bevezető, hogy ne vágja */
@media (max-width: 768px){

  /* Bevezető szöveg */
  #module_news_wrapper article.news-card p{
    font-size: 14px !important;   /* 18 -> 15 */
    line-height: 1.30 !important;
    margin-bottom: 0 !important;
  }

  /* A kártya belső szöveges rész kapjon több helyet (ne vágja le) */
  #module_news_wrapper article.news-card{
    height: auto !important;      /* ha fix magasság volt, oldja */
    overflow: visible !important; /* ne vágja le a szöveget */
  }
}



@media (max-width: 768px){

  /* A blog kártya és a belső tartalom NE vágjon (ne legyen fix height/overflow) */
  #module_news_wrapper article.news-card{
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  /* A legtöbb sablon ezekre a belső blokkokra tesz fix magasságot */
  #module_news_wrapper article.news-card .news-card__body,
  #module_news_wrapper article.news-card .news-card__content,
  #module_news_wrapper article.news-card .news-card__text,
  #module_news_wrapper article.news-card .news-card__description,
  #module_news_wrapper article.news-card .news-card__excerpt,
  #module_news_wrapper article.news-card .card-body{
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  /* (Opcionális) ha nagyon keskeny nézetben még mindig sok a szöveg */
  #module_news_wrapper article.news-card p{
    line-height: 1.30 !important;
  }
}







@media (max-width: 768px){

  /* Banner tartalom: középre komponálás */
  .splide__slide .banner-item__content{
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
  }

  /* Cím + body szöveg középre (több lehetséges class esetre) */
  .splide__slide .banner-item__content h1,
  .splide__slide .banner-item__content h2,
  .splide__slide .banner-item__content h3,
  .splide__slide .banner-item__content p,
  .splide__slide .banner-item__content .banner-item__title,
  .splide__slide .banner-item__content .banner-item__text,
  .splide__slide .banner-item__content .banner-item__description{
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Gomb középre */
  .splide__slide .banner-item__content .btn,
  .splide__slide .banner-item__content a.btn,
  .splide__slide .banner-item__content button{
    margin-left: auto !important;
    margin-right: auto !important;
  }
}






@media (max-width: 768px){

  /* Teljes lábléc középre */
  footer,
  footer .footer-container,
  footer .footer-middle,
  footer .footer-bottom{
    text-align: center !important;
  }

  /* A bottom sor (ami most justify-content-between) legyen középen + oszlop */
  footer .footer-bottom{
    justify-content: center !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px; /* ha a gap piros, lásd lent */
  }

  /* Biztonság: a footerben lévő oszlopok/tartalmak középre */
  footer .footer-middle *{
    text-align: center !important;
  }

  /* Ikonok/szociál sorok középre (ha flex) */
  footer .social,
  footer .socials,
  footer .social-links,
  footer .footer-social{
    justify-content: center !important;
  }
}










/* HERO / Banner slider – prémium "méz-glow" háttér */
#section-bannerslider{
  position: relative;
  overflow: hidden; /* glow ne lógjon ki */
  padding-top: 18px;
  padding-bottom: 26px;
}

/* Lágy méz-fény a háttérben */
#section-bannerslider:before{
  content:"";
  position:absolute;
  left:50%;
  top:-220px;
  width:900px;
  height:900px;
  transform:translateX(-50%);
  background: radial-gradient(circle, rgba(251,191,36,.18) 0%, rgba(251,191,36,0) 62%);
  pointer-events:none;
}

/* Diszkrét elválasztó alul */
#section-bannerslider:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:8px;
  width:min(920px, calc(100% - 48px));
  height:1px;
  transform:translateX(-50%);
  background: linear-gradient(to right, rgba(251,191,36,0), rgba(251,191,36,.35), rgba(251,191,36,0));
  pointer-events:none;
}

/* Mobil finomhangolás */
@media (max-width: 768px){
  #section-bannerslider{
    padding-top: 10px;
    padding-bottom: 22px;
  }
  #section-bannerslider:before{
    top:-260px;
    width:620px;
    height:620px;
    background: radial-gradient(circle, rgba(251,191,36,.16) 0%, rgba(251,191,36,0) 65%);
  }
}







/* =========================
   V2 – lebegő kártyák + méz-glow háttér
   ========================= */

#module_categoryoffer_wrapper{
  position: relative;
  padding-top: 34px;
  padding-bottom: 34px;
  overflow: hidden;
}

/* V2 háttér: lágy glow + extra finom “textúra” */
#module_categoryoffer_wrapper:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(circle at 20% 10%, rgba(251,191,36,.16) 0%, rgba(251,191,36,0) 55%),
    radial-gradient(circle at 85% 35%, rgba(251,191,36,.10) 0%, rgba(251,191,36,0) 58%),
    radial-gradient(circle at 50% 120%, rgba(15,59,75,.06) 0%, rgba(15,59,75,0) 55%);
}

/* tartalom a háttér fölött */
#module_categoryoffer_wrapper > *{
  position: relative;
  z-index: 1;
}

/* A kártyák “lebegjenek”: erősebb, rétegzett shadow */
#module_categoryoffer_wrapper .categoryoffer-card{
  border-radius: 18px !important;
  border: 1px solid rgba(15,59,75,.08) !important;
  background: #ffffff !important;
  box-shadow:
    0 10px 24px rgba(0,0,0,.08),
    0 2px 6px rgba(0,0,0,.05) !important;
  transform: translateY(0);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

/* Hover: tényleges “kiemelés a térből” */
#module_categoryoffer_wrapper .categoryoffer-card:hover{
  transform: translateY(-6px);
  box-shadow:
    0 18px 40px rgba(0,0,0,.12),
    0 6px 14px rgba(0,0,0,.08) !important;
  border-color: rgba(251,191,36,.40) !important;
}

/* Kép keret: kicsit “keretezettebb” look */
#module_categoryoffer_wrapper .categoryoffer-card__image-wrapper{
  padding-top: 18px !important;
}

/* Mobil: kisebb emelés, hogy ne legyen túl erős */
@media (max-width: 768px){
  #module_categoryoffer_wrapper{
    padding-top: 22px;
    padding-bottom: 22px;
  }

  #module_categoryoffer_wrapper .categoryoffer-card:hover{
    transform: translateY(-3px);
  }
}


#module_categoryoffer_wrapper .categoryoffer-card{
  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(135deg, rgba(251,191,36,.45), rgba(251,191,36,0)) border-box !important;
  border: 1px solid transparent !important;
}



/* V2 háttér: a teljes szekció kapjon alapszínt (mobilon is biztos) */
#module_categoryoffer_wrapper{
  background: #FFFBF0 !important;  /* ugyanaz a lágy krém */
  border-radius: 0 !important;     /* szekció háttér ne legyen “dobozos” */
}

/* A glow réteg maradhat, de legyen biztosan teljes felület */
#module_categoryoffer_wrapper:before{
  inset: 0 !important;
}






/* =========================
   Categoryoffer – háttér beleolvadás (fehér → krém → fehér)
   + nagyobb, reszponzív padding
   ========================= */

#module_categoryoffer_wrapper{
  position: relative;
  overflow: hidden;

  /* nagyobb szekció magasság */
  padding-top: 70px;
  padding-bottom: 70px;

  /* alap krém háttér */
  background: #FFFBF0 !important;
  border-radius: 0 !important;
}

/* Mobilon kisebb, de még “leve­gős” */
@media (max-width: 768px){
  #module_categoryoffer_wrapper{
    padding-top: 46px;
    padding-bottom: 46px;
  }
}

/* A glow réteg marad (ez a tiéd, csak biztosítjuk a z-indexet) */
#module_categoryoffer_wrapper:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(circle at 20% 10%, rgba(251,191,36,.16) 0%, rgba(251,191,36,0) 55%),
    radial-gradient(circle at 85% 35%, rgba(251,191,36,.10) 0%, rgba(251,191,36,0) 58%),
    radial-gradient(circle at 50% 120%, rgba(15,59,75,.06) 0%, rgba(15,59,75,0) 55%);
}

/* FADE réteg: felül fehérből “beleolvad” + alul vissza fehérbe */
#module_categoryoffer_wrapper:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0; /* :after a :before fölött lesz, így a glow-t is “elhalványítja” a széleken */

  background:
    linear-gradient(to bottom, #ffffff 0%, rgba(255,255,255,0) 140px),
    linear-gradient(to top,    #ffffff 0%, rgba(255,255,255,0) 140px);
}

/* tartalom mindig a háttér fölött */
#module_categoryoffer_wrapper > *{
  position: relative;
  z-index: 1;
}









/* TOP termékek – reszponzív spacing + prémium háttér */
#module_bestseller_wrapper{
  position: relative;
  overflow: hidden;
  padding-top: 54px;     /* DESKTOP: nagyobb távolság felül */
  padding-bottom: 44px;  /* DESKTOP: levegő alul */
}

/* Finom glow a háttérben (nem panel, csak prémium fény) */
#module_bestseller_wrapper:before{
  content:"";
  position:absolute;
  left:50%;
  top:-260px;
  width:820px;
  height:820px;
  transform:translateX(-50%);
  background: radial-gradient(circle, rgba(251,191,36,.14) 0%, rgba(251,191,36,0) 62%);
  pointer-events:none;
  z-index:0;
}

/* Tartalom legyen a glow fölött */
#module_bestseller_wrapper > *{
  position: relative;
  z-index: 1;
}

/* A cím (module-head) kapjon egy kis extra távolságot alatta */
#module_bestseller_wrapper .module-head{
  margin-bottom: 18px !important;
}

/* Mobil finomhangolás */
@media (max-width: 768px){
  #module_bestseller_wrapper{
    padding-top: 30px;    /* MOBIL: ne érjen össze a fenti szekcióval */
    padding-bottom: 30px;
  }
  #module_bestseller_wrapper:before{
    top:-320px;
    width:620px;
    height:620px;
    background: radial-gradient(circle, rgba(251,191,36,.12) 0%, rgba(251,191,36,0) 68%);
  }
  #module_bestseller_wrapper .module-head{
    margin-bottom: 14px !important;
  }
}



/* TOP termékek – láthatóbb, prémium (hideg) glow desktopon */
#module_bestseller_wrapper:before{
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;

  width: 980px !important;
  height: 980px !important;

  /* Hideg prémium glow: sötétkékeszöld + pici arany */
  background:
    radial-gradient(circle,
      rgba(15,59,75,.15) 0%,
      rgba(15,59,75,0) 62%
    ),
    radial-gradient(circle,
      rgba(251,191,36,.08) 0%,
      rgba(251,191,36,0) 65%
    ) !important;

  opacity: 1 !important;
}

/* Mobilon (carousel): maradjon kikapcsolva */
@media (max-width: 768px){
  #module_bestseller_wrapper:before{ display:none !important; }
}














/* Miért válassz minket – a VALÓDI belső panel (module-body első div) kapja a stílust */
#section-advantages{
  padding-top: 36px !important;
  padding-bottom: 44px !important;
}

/* A modul-body középre rakja a belső panelt */
#section-advantages .module-advantages .module-body{
  display: flex !important;
  justify-content: center !important;
}

/* Ez a lényeg: a module-body közvetlen első doboza a lekerekített “panel” */
#section-advantages .module-advantages .module-body > div{
  width: min(1200px, calc(100% - 48px)) !important;
  background: #FFFBF0 !important;
  border: 1px solid rgba(15,59,75,.06) !important;
  border-radius: 22px !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.05) !important;

  padding: 28px 26px 38px 26px !important; /* <-- itt a több hely alul */
}

/* Cím középre */
#section-advantages .module-advantages .module-head{
  text-align: center !important;
  margin-bottom: 16px !important;
}

/* Mobil finomhangolás */
@media (max-width: 768px){
  #section-advantages{
    padding-top: 22px !important;
    padding-bottom: 30px !important;
  }

  #section-advantages .module-advantages .module-body > div{
    width: calc(100% - 24px) !important;
    border-radius: 18px !important;
    padding: 18px 16px 24px 16px !important;
  }
}



/* Miért válassz minket? – belső lekerekített box (advantages-grid) padding fix */
#section-advantages .advantages-grid{
  box-sizing: border-box !important;
  padding: 28px 26px 40px 26px !important; /* <-- bottom nagyobb, hogy ne “érjen le” */
}

/* Mobil: arányosabb belső padding */
@media (max-width: 768px){
  #section-advantages .advantages-grid{
    padding: 18px 16px 24px 16px !important;
  }
}


#section-advantages .advantages-grid{
  max-width: 1100px;
  margin-left: auto !important;
  margin-right: auto !important;
}





/* ========== Miért válassz minket? – prémium szekció háttér + panel ========== */
#section-advantages{
  position: relative;
  overflow: hidden;
  padding-top: 34px !important;
  padding-bottom: 44px !important;
}

/* Szekció-glow (láthatóbb, de prémium): hideg + pici arany */
#section-advantages:before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width: 980px;
  height: 980px;
  transform: translate(-50%, -50%);
  background:
    radial-gradient(circle, rgba(15,59,75,.12) 0%, rgba(15,59,75,0) 60%),
    radial-gradient(circle, rgba(251,191,36,.10) 0%, rgba(251,191,36,0) 62%);
  pointer-events:none;
  z-index:0;
}

/* A szekció tartalma legyen a glow fölött */
#section-advantages > *{
  position: relative;
  z-index: 1;
}

/* A belső lekerekített box (amit küldtél) – panelesítés + több alul */
#section-advantages .advantages-grid{
  box-sizing: border-box !important;

  background: #FFFBF0 !important;
  border: 1px solid rgba(15,59,75,.06) !important;
  border-radius: 22px !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.05) !important;

  padding: 28px 26px 40px 26px !important; /* bottom: több hely */
  max-width: 1100px;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Mobil finomhangolás */
@media (max-width: 768px){
  #section-advantages{
    padding-top: 22px !important;
    padding-bottom: 30px !important;
  }

  #section-advantages:before{
    width: 640px;
    height: 640px;
    background:
      radial-gradient(circle, rgba(15,59,75,.10) 0%, rgba(15,59,75,0) 65%),
      radial-gradient(circle, rgba(251,191,36,.08) 0%, rgba(251,191,36,0) 68%);
  }

  #section-advantages .advantages-grid{
    border-radius: 18px !important;
    padding: 18px 16px 24px 16px !important;
  }
}




/* Miért válassz minket – fehér box + mézes gradient border + glow */
#section-advantages{
  padding-top: 36px !important;
  padding-bottom: 44px !important;
}

/* A belső lekerekített doboz */
#section-advantages .advantages-grid{
  position: relative !important;
  z-index: 0 !important; /* stacking context a glow-hoz */

  max-width: 1100px;
  margin-left: auto !important;
  margin-right: auto !important;

  /* Fehér belső + gradient border */
  background:
    linear-gradient(#ffffff, #ffffff) padding-box,
    linear-gradient(135deg,
      rgba(251,191,36,.95) 0%,
      rgba(251,191,36,.25) 45%,
      rgba(15,59,75,.28) 100%
    ) border-box !important;

  border: 2px solid transparent !important;
  border-radius: 22px !important;

  /* spacing (a korábbi gondod miatt alul több hely) */
  padding: 28px 26px 40px 26px !important;

  /* finom mélység */
  box-shadow: 0 10px 26px rgba(0,0,0,.05) !important;
}

/* Glow réteg a keret körül */
#section-advantages .advantages-grid:before{
  content:"";
  position:absolute;
  inset: -12px;                 /* mennyire “lógjon ki” */
  border-radius: inherit;

  background: linear-gradient(135deg,
    rgba(251,191,36,.55) 0%,
    rgba(251,191,36,.14) 55%,
    rgba(15,59,75,.18) 100%
  );

  filter: blur(18px);
  opacity: .75;
  pointer-events:none;
  z-index: -1;
}

/* Mobil finomhangolás */
@media (max-width: 768px){
  #section-advantages{
    padding-top: 22px !important;
    padding-bottom: 30px !important;
  }

  #section-advantages .advantages-grid{
    border-radius: 18px !important;
    padding: 18px 16px 24px 16px !important;
    border-width: 2px !important;
  }

  #section-advantages .advantages-grid:before{
    inset: -10px;
    filter: blur(16px);
    opacity: .70;
  }
}

#section-advantages:before{ display:none !important; content:none !important; }
#section-advantages > *{ z-index:auto !important; }








/* Fedezd fel kínálatunkat – full width prémium háttér + honeycomb watermark */
#section-mosaic{
  position: relative;
  overflow: hidden;
  padding-top: 56px;
  padding-bottom: 64px;
}

/* A tartalom legyen a háttér fölött */
#section-mosaic .mosaic-module{
  position: relative;
  z-index: 2;
}

/* Lágy prémium glow réteg */
#section-mosaic:before{
  content:"";
  position:absolute;
  inset:-220px -120px;
  z-index: 0;
  pointer-events:none;
  background:
    radial-gradient(circle at 20% 10%, rgba(251,191,36,.14) 0%, rgba(251,191,36,0) 55%),
    radial-gradient(circle at 80% 55%, rgba(15,59,75,.10) 0%, rgba(15,59,75,0) 58%);
}

/* Honeycomb watermark (2 réteg, eltolt mintával → “szétszórtabb” hatás) */
#section-mosaic:after{
  content:"";
  position:absolute;
  inset:0;
  z-index: 1;
  pointer-events:none;
  opacity: .22;

  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='104' viewBox='0 0 120 104'%3E%3Cdefs%3E%3Cpattern id='p' width='60' height='52' patternUnits='userSpaceOnUse'%3E%3Cpath d='M15 1 L45 1 L59 26 L45 51 L15 51 L1 26 Z' fill='none' stroke='%23FBBF24' stroke-opacity='0.22' stroke-width='2'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23p)'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='104' viewBox='0 0 120 104'%3E%3Cdefs%3E%3Cpattern id='p' width='60' height='52' patternUnits='userSpaceOnUse'%3E%3Cpath d='M15 1 L45 1 L59 26 L45 51 L15 51 L1 26 Z' fill='none' stroke='%230F3B4B' stroke-opacity='0.12' stroke-width='2'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23p)'/%3E%3C/svg%3E");

  background-repeat: repeat, repeat;
  background-size: 260px 226px, 420px 364px;
  background-position: 0 0, 140px 90px;
}

/* Mobil spacing + mintaméret finomhangolás */
@media (max-width: 768px){
  #section-mosaic{
    padding-top: 34px;
    padding-bottom: 40px;
  }
  #section-mosaic:after{
    opacity: .20;
    background-size: 200px 174px, 320px 278px;
    background-position: 0 0, 110px 70px;
  }
}



/* ========== Fedezd fel kínálatunkat (Mozaik) – spacing + kártya kiemelés ========== */

/* 1) Reszponzív spacing (alul kisebb) */
#section-mosaic{
  padding-top: 46px !important;
  padding-bottom: 42px !important;  /* kisebb, mint eddig */
}

@media (max-width: 768px){
  #section-mosaic{
    padding-top: 28px !important;
    padding-bottom: 26px !important; /* mobilon még kisebb */
  }
}

@media (max-width: 420px){
  #section-mosaic{
    padding-bottom: 22px !important; /* extra szűk mobil */
  }
}

/* 2) Kártyák kiemelése: sötétebb border + prémium shadow */
#section-mosaic .mosaic-item{
  background: #ffffff !important;
  border: 1px solid rgba(15,59,75,.18) !important; /* sötétebb, de elegáns */
  border-radius: 22px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.06) !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

/* Desktop hover: kicsit “kiemeli a térből” */
@media (min-width: 992px){
  #section-mosaic .mosaic-item:hover{
    transform: translateY(-4px);
    box-shadow: 0 18px 40px rgba(0,0,0,.10) !important;
    border-color: rgba(15,59,75,.26) !important;
  }
}

/* 3) Cím középre (a kártyán belül) */
#section-mosaic .mosaic-item{
  text-align: center !important;
}

/* Ha a cím külön wrapperben van, ez biztosan középre húzza */
#section-mosaic .mosaic-item h1,
#section-mosaic .mosaic-item h2,
#section-mosaic .mosaic-item h3,
#section-mosaic .mosaic-item h4,
#section-mosaic .mosaic-item .mosaic-title,
#section-mosaic .mosaic-item .mosaic__title,
#section-mosaic .mosaic-item .mosaic-item__title,
#section-mosaic .mosaic-item .mosaic__name{
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}


/* Mozaik kártya cím – biztos középre */
#section-mosaic .mosaic-item__title{
  text-align: center !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Biztonsági: a teljes mozaik kártya tartalom középre */
#section-mosaic .mosaic-item{
  text-align: center !important;
}


/* Mozaik kártya – egységes lekerekítés a képen is */
#section-mosaic .mosaic-item{
  border-radius: 22px !important;
  overflow: hidden !important; /* a belső elemeket vágja */
}

/* A képes rész wrapper (ha van link/div a kép körül) */
#section-mosaic .mosaic-item a,
#section-mosaic .mosaic-item .mosaic__image-wrapper,
#section-mosaic .mosaic-item .mosaic-item__image-wrapper{
  border-radius: 22px !important;
  overflow: hidden !important;
}

/* Maga a kép */
#section-mosaic img.mosaic__image{
  border-radius: 22px !important;
  display: block !important;
}

/* Mobilon picit kisebb radius szebb */
@media (max-width: 768px){
  #section-mosaic .mosaic-item,
  #section-mosaic .mosaic-item a,
  #section-mosaic .mosaic-item .mosaic__image-wrapper,
  #section-mosaic .mosaic-item .mosaic-item__image-wrapper,
  #section-mosaic img.mosaic__image{
    border-radius: 18px !important;
  }
}


/* Kártya: maradhat teljesen lekerekített */
#section-mosaic .mosaic-item{
  border-radius: 22px !important;
  overflow: hidden !important;
}

/* KÉP: csak felül legyen lekerekítve */
#section-mosaic .mosaic-item a,
#section-mosaic .mosaic-item .mosaic__image-wrapper,
#section-mosaic .mosaic-item .mosaic-item__image-wrapper{
  border-top-left-radius: 22px !important;
  border-top-right-radius: 22px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  overflow: hidden !important;
}

/* Maga a kép */
#section-mosaic img.mosaic__image{
  display: block !important;
  border-top-left-radius: 22px !important;
  border-top-right-radius: 22px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/* Mobil: kicsit kisebb radius */
@media (max-width: 768px){
  #section-mosaic .mosaic-item{ border-radius: 18px !important; }

  #section-mosaic .mosaic-item a,
  #section-mosaic .mosaic-item .mosaic__image-wrapper,
  #section-mosaic .mosaic-item .mosaic-item__image-wrapper,
  #section-mosaic img.mosaic__image{
    border-top-left-radius: 18px !important;
    border-top-right-radius: 18px !important;
  }
}



/* Legújabb termékek – desktop spacing + Top termékekhez hasonló glow (mobilon OFF) */
#module_latest_wrapper{
  position: relative;
  overflow: hidden;
  padding-top: 54px;     /* desktop spacing */
  padding-bottom: 44px;
}

/* Glow csak desktop/tablet fölött */
@media (min-width: 769px){
  #module_latest_wrapper:before{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:980px;
    height:980px;
    transform:translate(-50%, -50%);
    pointer-events:none;
    z-index:0;

    /* ugyanaz a “hideg + pici arany” prémium glow */
    background:
      radial-gradient(circle, rgba(15,59,75,.14) 0%, rgba(15,59,75,0) 62%),
      radial-gradient(circle, rgba(251,191,36,.08) 0%, rgba(251,191,36,0) 65%);
  }

  /* tartalom a glow fölött */
  #module_latest_wrapper > *{
    position: relative;
    z-index: 1;
  }

  /* cím alatti tér (ha kell) */
  #module_latest_wrapper .module-head{
    margin-bottom: 18px !important;
  }
}

/* Legújabb termékek – mobilon is legyen spacing, de glow OFF */
@media (max-width: 768px){
  #module_latest_wrapper{
    padding-top: 26px !important;
    padding-bottom: 26px !important;
  }
  #module_latest_wrapper:before{
    display:none !important;
    content:none !important;
  }
  #module_latest_wrapper .module-head{
    margin-bottom: 14px !important;
  }
}

/* Extra szűk mobil */
@media (max-width: 420px){
  #module_latest_wrapper{
    padding-top: 22px !important;
    padding-bottom: 22px !important;
  }
}







/* Rólunk – a kártya (module-body) köré prémium keret + glow */
#module_customcontent10_wrapper{
  padding-top: 48px;
  padding-bottom: 48px;
}

/* Maga a kártya */
#module_customcontent10_wrapper #customcontent10 .module-body{
  position: relative;
  background: #ffffff !important;        /* belül marad fehér */
  border-radius: 26px !important;
  border: 2px solid transparent !important;

  /* gradient border (mézes) */
  background:
    linear-gradient(#ffffff, #ffffff) padding-box,
    linear-gradient(135deg,
      rgba(251,191,36,.85) 0%,
      rgba(251,191,36,.22) 55%,
      rgba(15,59,75,.22) 100%
    ) border-box !important;

  /* finom “lebegés” */
  box-shadow: 0 12px 30px rgba(0,0,0,.06) !important;

  overflow: visible !important; /* a külső glow látszódjon */
}

/* Glow réteg a keret körül (kívül) */
#module_customcontent10_wrapper #customcontent10 .module-body:before{
  content:"";
  position:absolute;
  inset:-14px;                 /* mennyire lógjon ki a glow */
  border-radius: inherit;
  pointer-events:none;
  z-index:-1;

  background: linear-gradient(135deg,
    rgba(251,191,36,.55) 0%,
    rgba(251,191,36,.14) 55%,
    rgba(15,59,75,.18) 100%
  );

  filter: blur(20px);
  opacity: .78;
}

/* Mobil finomhangolás */
@media (max-width: 768px){
  #module_customcontent10_wrapper{
    padding-top: 32px;
    padding-bottom: 32px;
  }

  #module_customcontent10_wrapper #customcontent10 .module-body{
    border-radius: 20px !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.06) !important;
  }

  #module_customcontent10_wrapper #customcontent10 .module-body:before{
    inset:-12px;
    filter: blur(18px);
    opacity: .72;
  }
}

@media (max-width: 420px){
  #module_customcontent10_wrapper{
    padding-top: 26px;
    padding-bottom: 26px;
  }
}


/* Rólunk – csak sárga (FBBF24) keret + glow */
#module_customcontent10_wrapper #customcontent10 .module-body{
  position: relative;
  background: #ffffff !important;
  border-radius: 26px !important;
  border: 2px solid transparent !important;

  /* csak sárga gradient border */
  background:
    linear-gradient(#ffffff, #ffffff) padding-box,
    linear-gradient(135deg,
      rgba(251,191,36,.95) 0%,
      rgba(251,191,36,.40) 55%,
      rgba(251,191,36,.18) 100%
    ) border-box !important;

  box-shadow: 0 12px 30px rgba(0,0,0,.06) !important;
  overflow: visible !important;
}

#module_customcontent10_wrapper #customcontent10 .module-body:before{
  content:"";
  position:absolute;
  inset:-14px;
  border-radius: inherit;
  pointer-events:none;
  z-index:-1;

  /* csak sárga glow */
  background: linear-gradient(135deg,
    rgba(251,191,36,.60) 0%,
    rgba(251,191,36,.18) 60%,
    rgba(251,191,36,.10) 100%
  );

  filter: blur(30px);
  opacity: .80;
}

@media (max-width: 768px){
  #module_customcontent10_wrapper #customcontent10 .module-body{
    border-radius: 20px !important;
  }
  #module_customcontent10_wrapper #customcontent10 .module-body:before{
    inset:-12px;
    filter: blur(18px);
    opacity: .75;
  }
}








#section-reviews .reviews-box__dots .slick-prev,
#section-reviews .reviews-box__dots .slick-next{
  display: none !important;
}


/* =========================
   VÁSÁRLÓI VÉLEMÉNYEK (Slick) – végleges dots design
   - Desktop: kapszula aktív pötty (tetszik, marad)
   - Mobil: JS-es mm-active-pill (nem csúszik)
   ========================= */

/* --- KÖZÖS: wrapper középre --- */
#section-reviews .reviews-box__dots{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* =========================
   DESKTOP (>= 769px) – a mostani “kapszula” stílusod
   ========================= */
@media (min-width: 769px){

  #section-reviews .reviews-box__dots .slick-dots{
    position: static !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    transform: none !important;
  }

  #section-reviews .reviews-box__dots .slick-dots li{
    margin: 0 3px !important;
  }

  #section-reviews .reviews-box__dots .slick-dots li button{
    width: 10px !important;
    height: 10px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    border: 1px solid rgba(15,59,75,.20) !important;
    background: rgba(15,59,75,.10) !important;
    opacity: 1 !important;

    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;

    transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
  }

  /* Slick default “•” OFF */
  #section-reviews .reviews-box__dots .slick-dots li button:before{
    content: "" !important;
    display: none !important;
  }

  #section-reviews .reviews-box__dots .slick-dots li button:hover{
    transform: scale(1.1);
    border-color: rgba(251,191,36,.55) !important;
  }

  #section-reviews .reviews-box__dots .slick-dots li.slick-active button{
    width: 26px !important;
    border-color: rgba(251,191,36,.70) !important;
    background: rgba(251,191,36,.85) !important;
    box-shadow: 0 6px 14px rgba(251,191,36,.25) !important;
  }
}

/* =========================
   MOBIL (<= 768px) – mm-active-pill rendszerhez
   (CSS csak az alap dotokat adja, a sárga kapszulát JS mozgatja)
   ========================= */
@media (max-width: 768px){

  #section-reviews .reviews-box__dots .slick-dots{
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;

    margin: 0 !important;
    padding: 0 12px !important;
    list-style: none !important;

    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
  }

  #section-reviews .reviews-box__dots .slick-dots li{
    flex: 0 0 auto !important;
    width: 18px !important;
    height: 8px !important;
    margin: 0 3px !important;
  }

  #section-reviews .reviews-box__dots .slick-dots li button{
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    position: relative !important;

    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
  }

  /* Slick default “•” OFF */
  #section-reviews .reviews-box__dots .slick-dots li button:before{
    content: "" !important;
    display: none !important;
  }

  /* inaktív kör */
  #section-reviews .reviews-box__dots .slick-dots li button:after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: rgba(15,59,75,.10);
    border: 1px solid rgba(15,59,75,.20);
  }

  /* aktívnál az inaktív kör eltűnik (mert a pill jelzi) */
  #section-reviews .reviews-box__dots .slick-dots li.slick-active button:after{
    display: none !important;
  }

  /* a JS által beszúrt kapszula */
  #section-reviews .reviews-box__dots .slick-dots .mm-active-pill{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateX(var(--mm-pill-x, 0px)) translateY(-50%);
    width: var(--mm-pill-w, 18px);
    height: 8px;
    border-radius: 999px;
    background: rgba(251,191,36,.85);
    border: 1px solid rgba(251,191,36,.70);
    box-shadow: 0 6px 14px rgba(251,191,36,.25);
    pointer-events: none;
    transition: transform .25s ease, width .25s ease;
  }
}



/* ===== DESKTOP (>=769px) – FIX SLOT, nem csúszik, a belső jel nyúlik ===== */
@media (min-width: 769px){

  #section-reviews .reviews-box__dots-wrapper,
  #section-reviews .reviews-box__dots{
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

  #section-reviews .reviews-box__dots .slick-dots{
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    position: static !important;
    transform: none !important;
  }

  /* FIX hely (slot) minden pöttynek */
  #section-reviews .reviews-box__dots .slick-dots li{
    width: 26px !important;
    height: 10px !important;
    margin: 0 4px !important;
    flex: 0 0 auto !important;
  }

  /* gomb mindig ugyanolyan széles -> nem tud eltolni semmit */
  #section-reviews .reviews-box__dots .slick-dots li button{
    width: 26px !important;
    height: 10px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    border-radius: 999px !important;
    position: relative !important;

    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
  }

  /* Slick default “•” OFF */
  #section-reviews .reviews-box__dots .slick-dots li button:before{
    content: "" !important;
    display: none !important;
  }

  /* Inaktív: középen kis kör */
  #section-reviews .reviews-box__dots .slick-dots li button:after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: rgba(15,59,75,.10);
    border: 1px solid rgba(15,59,75,.20);
    transition: width .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
  }

  /* Aktív: a belső jel nyúlik kapszulává a FIX sloton belül */
  #section-reviews .reviews-box__dots .slick-dots li.slick-active button:after{
    width: 26px;
    height: 10px;
    background: rgba(251,191,36,.85);
    border-color: rgba(251,191,36,.70);
    box-shadow: 0 6px 14px rgba(251,191,36,.25);
  }
}







/* Reviews – 5 db SVG csillag a szöveg fölé */
#section-reviews .reviews-box__content{
  position: relative;
}

#section-reviews .reviews-box__content:before{
  content: "";
  display: block;
  width: 120px;              /* 5 csillag szélessége */
  height: 25px;
  margin: 0 auto 10px auto; /* középre + távolság */

  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;

  /* 5 csillag egy SVG-ben (fill: #FBBF24) */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='110' height='20' viewBox='0 0 110 20'%3E%3Cg fill='%23FBBF24'%3E%3Cpath d='M10 1.6l2.47 5.2 5.73.8-4.2 4.02 1 5.72L10 14.9 5 17.34l1-5.72-4.2-4.02 5.73-.8L10 1.6z'/%3E%3Cpath d='M32 1.6l2.47 5.2 5.73.8-4.2 4.02 1 5.72-5-2.44-5 2.44 1-5.72-4.2-4.02 5.73-.8L32 1.6z'/%3E%3Cpath d='M54 1.6l2.47 5.2 5.73.8-4.2 4.02 1 5.72-5-2.44-5 2.44 1-5.72-4.2-4.02 5.73-.8L54 1.6z'/%3E%3Cpath d='M76 1.6l2.47 5.2 5.73.8-4.2 4.02 1 5.72-5-2.44-5 2.44 1-5.72-4.2-4.02 5.73-.8L76 1.6z'/%3E%3Cpath d='M98 1.6l2.47 5.2 5.73.8-4.2 4.02 1 5.72-5-2.44-5 2.44 1-5.72-4.2-4.02 5.73-.8L98 1.6z'/%3E%3C/g%3E%3C/svg%3E");

  /* finom glow */
  filter: drop-shadow(0 6px 12px rgba(251,191,36,.18));
}

/* Mobil: picit kisebb */
@media (max-width: 768px){
  #section-reviews .reviews-box__content:before{
    width: 96px;
    height: 18px;
    margin-bottom: 8px;
  }
}



/* Vásárlói vélemények – mobilon nagyobb szöveg */
@media (max-width: 768px){
  #section-reviews .reviews-box__content{
    font-size: 16px !important;   /* próbáld: 15–17px */
    line-height: 1.5 !important;
  }
}




/* Vásárlói vélemények – letisztultabb font (csak itt) */
#section-reviews .reviews-wrapper,
#section-reviews .reviews-wrapper *{
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue",
               Arial, "Noto Sans", "Liberation Sans", sans-serif !important;
}

#section-reviews .reviews-box__content{
  font-weight: 500 !important;
  letter-spacing: 0.15px !important;
}







/* ========== Vásárlói vélemények – prémium kártya design ========== */

/* Szekció spacing (reszponzív) */
#section-reviews{
  padding-top: 46px !important;
  padding-bottom: 46px !important;
}

@media (max-width: 768px){
  #section-reviews{
    padding-top: 28px !important;
    padding-bottom: 32px !important;
  }
}

/* A kártya: reviews-wrapper (fő célpont) */
#section-reviews .reviews-wrapper{
  position: relative !important;
  border-radius: 26px !important;
  overflow: visible !important;
  z-index: 0 !important;

  /* belső fehér + sárga gradient border */
  background:
    linear-gradient(#ffffff, #ffffff) padding-box,
    linear-gradient(135deg,
      rgba(251,191,36,.95) 0%,
      rgba(251,191,36,.35) 55%,
      rgba(251,191,36,.18) 100%
    ) border-box !important;

  border: 2px solid transparent !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.07) !important;
}

/* Külső sárga glow */
#section-reviews .reviews-wrapper:before{
  content:"";
  position:absolute;
  inset:-14px;
  border-radius: inherit;
  pointer-events:none;
  z-index:-1;

  background: linear-gradient(135deg,
    rgba(251,191,36,.58) 0%,
    rgba(251,191,36,.18) 60%,
    rgba(251,191,36,.10) 100%
  );

  filter: blur(20px);
  opacity: .6;
}

/* Biztonsági: ha a rounded doboz valójában a reviews-box */
#section-reviews .reviews-box{
  border-radius: 26px !important;
}

/* Desktopon finom “lebegés” hover */
@media (min-width: 992px){
  #section-reviews .reviews-wrapper{
    transition: transform .18s ease, box-shadow .18s ease;
  }
  #section-reviews .reviews-wrapper:hover{
    transform: translateY(-4px);
    box-shadow: 0 20px 46px rgba(0,0,0,.10) !important;
  }
}

/* Mobil: kisebb radius + lágyabb glow */
@media (max-width: 768px){
  #section-reviews .reviews-wrapper{
    border-radius: 20px !important;
  }
  #section-reviews .reviews-wrapper:before{
    inset:-12px;
    filter: blur(18px);
    opacity: .6;
  }
}








/* =========================================================
   BLOG MODUL (Tudj meg többet a méhpempőről) – #module_news_wrapper
   SZABÁLY:
   - Design (háttér): csak DESKTOPON
   - Spacing: reszponzívan MINDEN eszközön
   ========================================================= */

/* 1) SPACING – minden eszköz */
#module_news_wrapper{
  position: relative !important;
  overflow: hidden !important;     /* háttér ne lógjon ki */
  padding: 56px 0 !important;
  background: #ffffff !important;
}

@media (max-width: 768px){
  #module_news_wrapper{ padding: 32px 0 !important; }
}
@media (max-width: 420px){
  #module_news_wrapper{ padding: 28px 0 !important; }
}

/* 2) DESKTOP DESIGN – mézes glow + honeycomb watermark */
@media (min-width: 769px){

  /* a szekció “alap hangulata” */
  #module_news_wrapper{
    background: #ffffff !important;
  }

  /* nagy, prémium glow réteg */
  #module_news_wrapper:before{
    content:"";
    position:absolute;
    inset:-140px;                 /* nagyobb, hogy szép legyen */
    pointer-events:none;
    z-index:0;

    background:
      /* középső mézes glow */
      radial-gradient(circle at 50% 30%,
        rgba(251,191,36,.22) 0%,
        rgba(251,191,36,.10) 28%,
        rgba(251,191,36,0) 62%),

      /* bal felső “fényfolt” */
      radial-gradient(circle at 18% 22%,
        rgba(251,191,36,.18) 0%,
        rgba(251,191,36,0) 52%),

      /* jobb felső “fényfolt” */
      radial-gradient(circle at 82% 28%,
        rgba(251,191,36,.14) 0%,
        rgba(251,191,36,0) 52%),

      /* finom honeycomb watermark (nagyon halvány) */
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='104' viewBox='0 0 60 52'%3E%3Cg fill='none' stroke='%23FBBF24' stroke-width='1' opacity='.18'%3E%3Cpath d='M15 1 L45 1 L60 26 L45 51 L15 51 L0 26 Z'/%3E%3C/g%3E%3C/svg%3E");

    background-repeat: no-repeat, no-repeat, no-repeat, repeat;
    background-position: center, left top, right top, 0 0;
    background-size: 1200px 760px, 680px 520px, 680px 520px, 160px 140px;

    opacity: 1;
  }

  /* alul egy nagyon finom “fade”, hogy elváljon a következő szekciótól */
  #module_news_wrapper:after{
    content:"";
    position:absolute;
    left:0; right:0; bottom:0;
    height: 90px;
    pointer-events:none;
    z-index:0;
    background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
    opacity: .95;
  }

  /* a modul tartalma a háttér fölött legyen */
  #module_news_wrapper #news,
  #module_news_wrapper .module-head,
  #module_news_wrapper .module-body{
    position: relative;
    z-index: 1;
  }
}


/* Blog modul kártya szöveges rész – mindig tiszta fehér */
#module_news_wrapper .news-card-body-wrapper.news-card--with-image:after{
  background: #ffffff !important;
}







/* =========================================
   FAQ szekció – prémium (reviews stílus)
   - Design: csak DESKTOPON
   - Spacing: minden eszközön
   ========================================= */

/* Spacing minden eszközön */
#section-faq{
  padding-top: 54px !important;
  padding-bottom: 54px !important;
}
@media (max-width: 768px){
  #section-faq{
    padding-top: 32px !important;
    padding-bottom: 34px !important;
  }
}

/* ---------- DESKTOP DESIGN ---------- */
@media (min-width: 769px){

  /* a teljes FAQ blokk legyen “kártya” */
  #section-faq .faq-module-body{
    position: relative !important;
    border-radius: 26px !important;
    padding: 34px !important;
    background:
      linear-gradient(#ffffff,#ffffff) padding-box,
      linear-gradient(135deg,
        rgba(251,191,36,.95) 0%,
        rgba(251,191,36,.35) 55%,
        rgba(251,191,36,.18) 100%
      ) border-box !important;
    border: 2px solid transparent !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.07) !important;
    overflow: visible !important;
  }

  /* külső mézes glow */
  #section-faq .faq-module-body:before{
    content:"";
    position:absolute;
    inset:-14px;
    border-radius: inherit;
    pointer-events:none;
    z-index:-1;
    background: linear-gradient(135deg,
      rgba(251,191,36,.58) 0%,
      rgba(251,191,36,.18) 60%,
      rgba(251,191,36,.10) 100%
    );
    filter: blur(20px);
    opacity: .78;
  }

  /* itemek: finom “chip” doboz, hogy strukturált legyen */
  #section-faq .faq-item{
    background: rgba(255,255,255,.92) !important;
    border: 1px solid rgba(15,59,75,.10) !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.05) !important;
    padding: 14px 16px !important;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  }

  /* item hover */
  #section-faq .faq-item:hover{
    transform: translateY(-2px);
    border-color: rgba(251,191,36,.45) !important;
    box-shadow: 0 14px 30px rgba(0,0,0,.08) !important;
  }

  /* itemek között levegő */
  #section-faq .faq-module-body{
    grid-row-gap: 14px !important;
  }
}

/* ---------- MOBIL: csak tiszta spacing + kis levegő ---------- */
@media (max-width: 768px){
  #section-faq .faq-module-body{
    padding: 0 !important;            /* maradjon egyszerű mobilon */
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  #section-faq .faq-item{
    margin-bottom: 10px !important;
  }
}




/* =========================================
   FAQ – MOBIL kiegészítés (az első kód alá)
   Cél: a prémium kártya + glow mobilon is megmaradjon
   ========================================= */

@media (max-width: 768px){

  /* a teljes FAQ blokk (kártya) mobilon is */
  #section-faq .faq-module-body{
    position: relative !important;
    border-radius: 20px !important;
    padding: 18px !important;

    background:
      linear-gradient(#ffffff,#ffffff) padding-box,
      linear-gradient(135deg,
        rgba(251,191,36,.90) 0%,
        rgba(251,191,36,.32) 55%,
        rgba(251,191,36,.16) 100%
      ) border-box !important;

    border: 2px solid transparent !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.07) !important;
    overflow: visible !important;
  }

  /* mobil glow – kicsit finomabb */
  #section-faq .faq-module-body:before{
    content:"";
    position:absolute;
    inset:-10px;
    border-radius: inherit;
    pointer-events:none;
    z-index:-1;
    background: linear-gradient(135deg,
      rgba(251,191,36,.45) 0%,
      rgba(251,191,36,.16) 60%,
      rgba(251,191,36,.09) 100%
    );
    filter: blur(16px);
    opacity: .72;
  }

  /* itemek mobilon is chip-ek */
  #section-faq .faq-item{
    background: rgba(255,255,255,.94) !important;
    border: 1px solid rgba(15,59,75,.10) !important;
    border-radius: 14px !important;
    box-shadow: 0 7px 16px rgba(0,0,0,.05) !important;
    padding: 12px 14px !important;
    margin-bottom: 10px !important;
  }

  /* itemek között levegő */
  #section-faq .faq-module-body{
    row-gap: 12px !important;
  }
}













/* Szekciók közti üres tér leggyakoribb forrása: modul margin */
main.main-content .module{
  margin-bottom: 18px !important;
}
@media (max-width: 991px){
  main.main-content .module{
    margin-bottom: 14px !important;
  }
}





/* =========================
   Végleges overall spacing (BeoBee-s ritmus)
   Tedd a Téma CSS LEGALJÁRA
   ========================= */

/* 1) Modulok közti alap távolság – EZ volt a fő gond */
main.main-content .module{
  margin-bottom: 18px !important;
}
@media (max-width: 991px){
  main.main-content .module{
    margin-bottom: 14px !important;
  }
}

/* 2) Cím + tartalom közti levegő (ne legyen túl nagy) */
main.main-content .module-head{
  margin-bottom: 12px !important;
}
main.main-content .module-head h1,
main.main-content .module-head h2,
main.main-content .module-head h3{
  margin-bottom: 10px !important;
}

/* 3) HERO maradhat kicsit feszesebb */
#section-bannerslider{
  margin-bottom: 12px !important;
}
@media (max-width: 991px){
  #section-bannerslider{
    margin-bottom: 10px !important;
  }
}




/* Headline ↔ tartalom távolság – biztos módszer (head UTÁNI blokk) */
main.main-content .module .module-head{
  margin-bottom: 0 !important; /* ne duplázzon, és ne számítsunk rá */
}

main.main-content .module .module-head + *{
  margin-top: 60px !important;  /* ezt állítsd: 14–26px */
}

@media (max-width: 991px){
  main.main-content .module .module-head + *{
    margin-top: 30px !important; /* mobilon picit kisebb */
  }
}










/* =========================================================
   FŐOLDAL – Top termékek + Legújabb termékek
   Desktopon szélesebb kártyák + nagyobb termékkép
   (CSAK asztali nézetben!)
   ========================================================= */

@media (min-width: 992px){

  /* 4 oszlopos rács a két modulban */
  #module_bestseller_wrapper .product-snapshot-vertical,
  #module_latest_wrapper .product-snapshot-vertical{
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 24px !important;
    justify-content: stretch !important;
    align-items: stretch !important;

    /* ha korábban flex volt */
    flex-wrap: unset !important;
  }

  /* A kártya wrapper ne kapjon “szűkítést” */
  #module_bestseller_wrapper .product-snapshot-vertical > .product-snapshot,
  #module_latest_wrapper .product-snapshot-vertical > .product-snapshot{
    margin: 0 !important;
    width: auto !important;
    max-width: none !important;
    display: block !important;
  }

  /* Kártya belső padding (BeoBee-s “szellős”, de nem keskeny) */
  #module_bestseller_wrapper .product-card,
  #module_latest_wrapper .product-card{
    width: 100% !important;
    max-width: none !important;
    padding: 16px 18px 18px !important;
  }

  /* Termékkép blokk nagyobb */
  #module_bestseller_wrapper .product-card-image,
  #module_latest_wrapper .product-card-image{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 210px !important;
    padding: 10px 10px 0 !important;
  }

  /* Maga a kép is nagyobb lehet */
  #module_bestseller_wrapper .product-card-image img,
  #module_latest_wrapper .product-card-image img{
    max-height: 210px !important;
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
  }

  /* Cím/ár kicsit rendezettebb spacing */
  #module_bestseller_wrapper .product-card__title,
  #module_latest_wrapper .product-card__title{
    margin: 10px 0 8px 0 !important;
  }

  #module_bestseller_wrapper .product-card__price,
  #module_latest_wrapper .product-card__price{
    margin: 0 0 12px 0 !important;
  }
}








/* Összes termékkártyában a „Részletek” gomb fehér háttérrel */
.product-card .product-card__details-button{
  background: #ffffff !important;
}

/* Hover állapotban is maradjon fehér */
.product-card .product-card__details-button:hover{
  background: #ffffff !important;
}








/* Különleges fajtamézeink – a fade háttér legyen lejjebb */
#module_categoryoffer_wrapper{
  background: #ffffff !important;
  position: relative !important;
  overflow: hidden !important;
}

/* a glow/fade réteget lejjebb toljuk */
#module_categoryoffer_wrapper:before{
  top: 95px !important;     /* ezt tudod még finomítani */
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  inset: auto !important;

  background:
    radial-gradient(circle at 20% 10%, rgba(251,191,36,.16) 0%, rgba(251,191,36,0) 55%),
    radial-gradient(circle at 85% 35%, rgba(251,191,36,.10) 0%, rgba(251,191,36,0) 58%),
    radial-gradient(circle at 50% 120%, rgba(15,59,75,.06) 0%, rgba(15,59,75,0) 55%) !important;
}

/* külön fade réteg: fehérből krémbe, majd vissza fehérbe */
#module_categoryoffer_wrapper:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:50px;                 /* ugyanott induljon mint a glow */
  bottom:0;
  pointer-events:none;
  z-index:0;

    background:
    linear-gradient(to bottom,
      #ffffff 0px,
      rgba(255,255,255,0) 70px,
      #FFFBF0 140px,
      #FFFBF0 calc(100% - 90px),
      rgba(255,255,255,0) 100%
    ) !important;
}

/* tartalom maradjon a háttér fölött */
#module_categoryoffer_wrapper > *{
  position: relative;
  z-index: 1;
}

/* mobilon kicsit kisebb offset */
@media (max-width: 768px){
  #module_categoryoffer_wrapper:before,
  #module_categoryoffer_wrapper:after{
    top: 70px !important;
  }
}





/* Összes termékkártya az egész webshopban */
.card.product-card{
  border: 1px solid rgba(251,191,36,.26) !important;
}

.card.product-card:hover{
  border-color: rgba(251,191,36,.40) !important;
}


.card.product-card{
  border: 1px solid rgba(251,191,36,.26) !important;
  box-shadow: 0 0 0 1px rgba(251,191,36,.18) !important;
}












/* =========================================================
   LÁBLÉC – full width, sötét prémium háttér
   ========================================================= */

/* A teljes footer sáv */
footer.d-print-none{
  width: 100% !important;
  background: #1C1713 !important;   /* meleg, sötét barna-fekete */
  margin-top: 32px !important;
  padding-top: 42px !important;
  padding-bottom: 18px !important;
}

/* A jelenlegi “dobozos” footer konténer kinullázása */
footer.d-print-none .container.footer-container{
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding-left: 40px !important;
  padding-right: 40px !important;

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

/* Középső rész és row */
footer.d-print-none .footer-middle{
  background: transparent !important;
}

footer.d-print-none .footer-row{
  max-width: 1280px !important;
  margin: 0 auto !important;
  align-items: flex-start !important;
}

/* Az oszlopok */
footer.d-print-none [class*="footer-col-"]{
  background: transparent !important;
}

/* Összes szöveg színe a láblécen */
footer.d-print-none,
footer.d-print-none p,
footer.d-print-none span,
footer.d-print-none li,
footer.d-print-none small,
footer.d-print-none label,
footer.d-print-none .form-check-label{
  color: #F5EFE7 !important;
}

/* Címsorok */
footer.d-print-none h1,
footer.d-print-none h2,
footer.d-print-none h3,
footer.d-print-none h4,
footer.d-print-none h5,
footer.d-print-none h6{
  color: #FFFFFF !important;
}

/* Linkek */
footer.d-print-none a{
  color: #F5EFE7 !important;
  transition: color .18s ease, opacity .18s ease;
}

footer.d-print-none a:hover{
  color: #FBBE24 !important;
}

/* Ikonok – a te sárgád */
footer.d-print-none svg,
footer.d-print-none i,
footer.d-print-none .fa,
footer.d-print-none [class*="icon"]{
  color: #FBBE24 !important;
  fill: #FBBE24 !important;
}

/* Social ikonok: sötét háttér helyett finom keret */
footer.d-print-none .social-icon,
footer.d-print-none .social-icons a,
footer.d-print-none .footer-social a{
  background: transparent !important;
  border: 1px solid rgba(251,190,36,.35) !important;
  color: #FBBE24 !important;
}

/* Inputok / hírlevél mezők */
footer.d-print-none input,
footer.d-print-none textarea,
footer.d-print-none select{
  background: rgba(255,255,255,.04) !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(251,190,36,.35) !important;
  box-shadow: none !important;
}

footer.d-print-none input::placeholder,
footer.d-print-none textarea::placeholder{
  color: rgba(245,239,231,.70) !important;
}

/* Gomb a footerben */
footer.d-print-none .btn,
footer.d-print-none button{
  border-radius: 12px !important;
}

/* Ha a feliratkozás gomb fekete maradna, itt finomíthatod */
/*
footer.d-print-none .btn-primary,
footer.d-print-none .button,
footer.d-print-none button[type="submit"]{
  background: #FBBE24 !important;
  color: #1C1713 !important;
  border-color: #FBBE24 !important;
}
*/

/* Alsó copyright sor */
footer.d-print-none .footer-bottom,
footer.d-print-none .copyright,
footer.d-print-none .footer-copyright{
  max-width: 1280px !important;
  margin: 18px auto 0 !important;
  color: rgba(245,239,231,.68) !important;
  border-top: 1px solid rgba(255,255,255,.10) !important;
  padding-top: 16px !important;
}

/* Mobil */
@media (max-width: 991px){
  footer.d-print-none{
    padding-top: 30px !important;
    padding-bottom: 14px !important;
  }

  footer.d-print-none .container.footer-container{
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  footer.d-print-none .footer-row{
    row-gap: 20px !important;
  }
}




/* Footer – kisebb magasság */
footer.d-print-none{
  padding-top: 22px !important;
  padding-bottom: 4px !important;
}

footer.d-print-none .footer-row{
  row-gap: 12px !important;
}

footer.d-print-none .footer-bottom,
footer.d-print-none .copyright,
footer.d-print-none .footer-copyright{
  margin-top: 10px !important;
  padding-top: 10px !important;
}

/* Mobilon is kicsit alacsonyabb */
@media (max-width: 991px){
  footer.d-print-none{
    padding-top: 22px !important;
    padding-bottom: 8px !important;
  }

  footer.d-print-none .footer-row{
    row-gap: 14px !important;
  }
}





/* =========================================================
   Footer magasság csökkentés – valódi belső spacing override
   ========================================================= */

/* A belső footer blokk ne tartson fenn extra helyet */
footer.d-print-none .footer-middle{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* A row se rakjon plusz helyet alulra */
footer.d-print-none .footer-row{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  align-items: flex-start !important;
}

/* Az oszlopok alján se legyen plusz margó/padding */
footer.d-print-none [class*="footer-col-"]{
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* A footer konténer belső alsó tere is kisebb legyen */
footer.d-print-none .container.footer-container{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* A copyright sor kerüljön közelebb a tartalomhoz */
footer.d-print-none .footer-bottom,
footer.d-print-none .copyright,
footer.d-print-none .footer-copyright{
  margin-top: 8px !important;
  padding-top: 8px !important;
}

/* A footer teljes külső paddingje is maradjon alacsony */
footer.d-print-none{
  padding-top: 10px !important;
  padding-bottom: 2px !important;
}




/* Footer tartalom kicsit lejjebb a felső széltől */
footer.d-print-none .footer-middle{
  padding-top: 12px !important;
}

@media (max-width: 991px){
  footer.d-print-none .footer-middle{
    padding-top: 12px !important;
  }
}





/* Footer magasság csökkentés – a hírlevél alatti üres bekezdések eltüntetése */
footer.d-print-none .newsletter-posttext,
footer.d-print-none .newsletter-posttext + p,
footer.d-print-none .newsletter-posttext + p + p,
footer.d-print-none .newsletter-posttext + p + p + p{
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
}

/* A hírlevél modul alja se tartson fenn plusz helyet */
footer.d-print-none #newsletter_subscribe .module-body{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* A footer belső sora is maradjon feszes */
footer.d-print-none .footer-middle,
footer.d-print-none .footer-row,
footer.d-print-none .container.footer-container{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}



/* Footer – location/cím színe is világos legyen */
footer.d-print-none .contact-box__item,
footer.d-print-none .contact-box__item-address{
  color: #F5EFE7 !important;
}










/* ===== Rólunk oldal – tényleges középre igazítás + nagyobb szöveg ===== */

.mm-about-page.mm-about-page--custom{
  max-width: 1100px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 32px 24px 48px !important;
  box-sizing: border-box !important;
}

/* minden fő blokk középre */
.mm-about-page.mm-about-page--custom .mm-about-hero,
.mm-about-page.mm-about-page--custom .mm-about-card,
.mm-about-page.mm-about-page--custom .mm-about-message,
.mm-about-page.mm-about-page--custom .mm-about-cta,
.mm-about-page.mm-about-page--custom .mm-about-grid{
  text-align: center !important;
}

/* a flex/grid elemek középre rendezése */
.mm-about-page.mm-about-page--custom .mm-about-pill-row,
.mm-about-page.mm-about-page--custom .mm-about-audience,
.mm-about-page.mm-about-page--custom .mm-about-cta-buttons{
  justify-content: center !important;
}

.mm-about-page.mm-about-page--custom .mm-about-values,
.mm-about-page.mm-about-page--custom .mm-about-steps{
  align-items: stretch !important;
}

/* listák is középre “komponálva” */
.mm-about-page.mm-about-page--custom .mm-about-list{
  max-width: 760px !important;
  margin: 16px auto 0 !important;
  text-align: left !important; /* olvashatóbb így */
}

/* nagyobb szöveg – erős felülírás */
.mm-about-page.mm-about-page--custom .mm-about-card p,
.mm-about-page.mm-about-page--custom .mm-about-step p,
.mm-about-page.mm-about-page--custom .mm-about-value,
.mm-about-page.mm-about-page--custom .mm-about-list li,
.mm-about-page.mm-about-page--custom .mm-about-tag,
.mm-about-page.mm-about-page--custom .mm-about-pill,
.mm-about-page.mm-about-page--custom .mm-about-cta p{
  font-size: 17px !important;
  line-height: 1.82 !important;
}

.mm-about-page.mm-about-page--custom .mm-about-lead{
  font-size: 21px !important;
  line-height: 1.9 !important;
}

.mm-about-page.mm-about-page--custom .mm-about-message p{
  font-size: 19px !important;
  line-height: 1.82 !important;
}

.mm-about-page.mm-about-page--custom .mm-about-card h2,
.mm-about-page.mm-about-page--custom .mm-about-message h2,
.mm-about-page.mm-about-page--custom .mm-about-cta h2{
  font-size: 32px !important;
}

.mm-about-page.mm-about-page--custom .mm-about-step h3{
  font-size: 20px !important;
}

/* mobil */
@media (max-width: 768px){
  .mm-about-page.mm-about-page--custom{
    padding: 20px 14px 34px !important;
  }

  .mm-about-page.mm-about-page--custom .mm-about-card,
  .mm-about-page.mm-about-page--custom .mm-about-message,
  .mm-about-page.mm-about-page--custom .mm-about-cta,
  .mm-about-page.mm-about-page--custom .mm-about-hero{
    text-align: center !important;
  }

  .mm-about-page.mm-about-page--custom .mm-about-card p,
  .mm-about-page.mm-about-page--custom .mm-about-step p,
  .mm-about-page.mm-about-page--custom .mm-about-value,
  .mm-about-page.mm-about-page--custom .mm-about-list li{
    font-size: 15px !important;
  }

  .mm-about-page.mm-about-page--custom .mm-about-lead,
  .mm-about-page.mm-about-page--custom .mm-about-message p{
    font-size: 16px !important;
  }

  .mm-about-page.mm-about-page--custom .mm-about-card h2,
  .mm-about-page.mm-about-page--custom .mm-about-message h2,
  .mm-about-page.mm-about-page--custom .mm-about-cta h2{
    font-size: 24px !important;
  }
}



/* ===== Rólunk oldal – desktopon ne legyen üres jobb oldalsáv ===== */
@media (min-width: 992px){
  body.about-page-layout .column-right{
    display: none !important;
  }

  body.about-page-layout .column-content{
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  body.about-page-layout .column-content-wide{
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  body.about-page-layout .row{
    justify-content: center !important;
  }
}





/* Rólunk oldal – kisebb üres tér az utolsó szekció alatt */
body.about-page-layout .mm-about-page{
  padding-bottom: 18px !important;
}

body.about-page-layout .mm-about-page .mm-about-section:last-child{
  margin-bottom: 0 !important;
}






/* Rólunk oldal – felső automatikus oldalcím elrejtése */
body.about-page-layout .page-head-title{
  display: none !important;
}






/* Márciusi Méhpempő Ajánlat – fix 2 soros alcím */
.splide__link img[alt="Márciusi Méhpempő Ajánlat"] ~ .banner-item__content .banner-item__subtitle{
  font-size: 0 !important;
  line-height: 0 !important;
}

.splide__link img[alt="Márciusi Méhpempő Ajánlat"] ~ .banner-item__content .banner-item__subtitle::before{
  content: "200 g Méhpempő + 30 ml alkoholmentes propolisz AJÁNDÉK\A 100 g Méhpempő + 10 ml alkoholmentes propolisz AJÁNDÉK";
  white-space: pre-wrap;
  display: block;
  font-size: 18px !important;
  line-height: 1.45 !important;
  color: inherit !important;
  font-family: inherit !important;
}

@media (max-width: 768px){
  .splide__link img[alt="Márciusi Méhpempő Ajánlat"] ~ .banner-item__content .banner-item__subtitle::before{
    font-size: 12px !important;
    line-height: 1.4 !important;
  }
}











/* Footer – a szövegmezők maradjanak egyediek, de a checkbox ne örökölje ugyanazt */
footer.d-print-none input:not([type="checkbox"]):not([type="radio"]),
footer.d-print-none textarea,
footer.d-print-none select{
  background: rgba(255,255,255,.04) !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(251,190,36,.35) !important;
  box-shadow: none !important;
}

/* Checkbox visszaállítás + látható pipa */
footer.d-print-none input[type="checkbox"],
footer.d-print-none .form-check-input{
  appearance: auto !important;
  -webkit-appearance: checkbox !important;
  accent-color: #FBBE24 !important;
  background: #ffffff !important;
  border: 1px solid rgba(251,190,36,.55) !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

/* A checkbox label is kattintható maradjon */
footer.d-print-none .form-check-label,
footer.d-print-none .subscribe-policy__label{
  cursor: pointer !important;
}









/* =========================
   Vásárlói vélemények – név felülre, csillag alá, forrás szöveg alul
   ========================= */

/* CSAK az egy review item belső sorrendjét rendezzük át */
#section-reviews .reviews-box__item{
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

/* A név kerüljön legfelülre */
#section-reviews .reviews-box__content-author{
  order: 1 !important;
  margin: 0 0 12px 0 !important;
  font-size: 24px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  color: #2f2518 !important;
}

/* A véleményszöveg menjen a név alá
   (a csillagok a :before miatt a szöveg fölött maradnak) */
#section-reviews .reviews-box__content{
  order: 2 !important;
  margin: 0 !important;
}

/* Mobil finomhangolás */
@media (max-width: 768px){
  #section-reviews .reviews-box__content-author{
    font-size: 18px !important;
    margin-bottom: 10px !important;
  }

  #section-reviews .reviews-box__content:after{
    font-size: 13px;
    margin-top: 14px;
  }
}




/* A korábbi fake "Forrás" szöveg kikapcsolása */
#section-reviews .reviews-box__content:after{
  content: none !important;
  display: none !important;
}

/* Valódi Google forrás link */
#section-reviews .reviews-source-link{
  order: 3 !important;
  display: inline-block !important;
  margin-top: 18px !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  font-weight: 600 !important;
  color: #7d5412 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px;
  opacity: .95;
}

#section-reviews .reviews-source-link:hover{
  color: #5f3d0b !important;
}

@media (max-width: 768px){
  #section-reviews .reviews-source-link{
    font-size: 13px !important;
    margin-top: 14px !important;
  }
}








/* Newsletter popup overlay */
.sr-newsletter-overlay {
  position: fixed;
  inset: 0;
  background: rgba(32, 24, 18, 0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
  z-index: 99999;
}

.sr-newsletter-overlay[hidden] {
  display: none !important;
}

.sr-newsletter-modal {
  width: 100%;
  max-width: 560px;
  background: #fffdf8;
  border: 1px solid #efe3c6;
  border-radius: 18px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.18);
  padding: 28px 24px 24px;
  position: relative;
}

.sr-newsletter-close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 999px;
  background: #f6efe0;
  color: #4a3427;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.sr-newsletter-title {
  margin: 0 0 10px;
  font-size: 30px;
  line-height: 1.2;
  font-weight: 700;
  color: #4a3427;
  text-align: center;
}

.sr-newsletter-text {
  margin: 0 0 18px;
  font-size: 16px;
  line-height: 1.65;
  color: #6b5a4d;
  text-align: center;
}

.sr-newsletter-form-slot #newsletter_subscribe {
  margin: 0;
}

.sr-newsletter-form-slot #newsletter_subscribe .module-head,
.sr-newsletter-form-slot #newsletter_subscribe .newsletter-pretext,
.sr-newsletter-form-slot #newsletter_subscribe .newsletter-posttext,
.sr-newsletter-form-slot #newsletter_subscribe .edit-link {
  display: none !important;
}

.sr-newsletter-form-slot #newsletter_subscribe .module-body {
  padding: 0 !important;
}

.sr-newsletter-form-slot #newsletter_subscribe .subscribe-box {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.sr-newsletter-form-slot #newsletter_subscribe .subscribe-box__item {
  width: 100%;
}

.sr-newsletter-form-slot #newsletter_subscribe input.form-control {
  width: 100%;
  min-height: 48px;
  border-radius: 12px;
  border: 1px solid #dcc9a4;
  background: #fff;
  padding: 12px 14px;
  color: #4a3427;
  box-sizing: border-box;
}

.sr-newsletter-form-slot #newsletter_subscribe input.form-control:focus {
  outline: none;
  border-color: #d3b462;
  box-shadow: 0 0 0 3px rgba(211,180,98,0.18);
}

.sr-newsletter-form-slot #newsletter_subscribe .subscribe-policy {
  margin-top: 14px;
}

.sr-newsletter-form-slot #newsletter_subscribe .subscribe-policy__label {
  color: #6b5a4d;
  font-size: 14px;
  line-height: 1.5;
}

.sr-newsletter-form-slot #newsletter_subscribe .subscribe-button {
  margin-top: 16px;
}

.sr-newsletter-form-slot #newsletter_subscribe .subscribe-button .btn {
  width: 100%;
  min-height: 50px;
  border: 0;
  border-radius: 999px;
  background: #d3b462;
  color: #4a3427;
  font-weight: 700;
  font-size: 15px;
  cursor: pointer;
  box-shadow: none;
}

.sr-newsletter-form-slot #newsletter_subscribe .subscribe-button .btn:hover {
  filter: brightness(0.98);
}

body.sr-newsletter-popup-open {
  overflow: hidden;
}

@media (max-width: 640px) {
  .sr-newsletter-modal {
    padding: 22px 16px 18px;
    border-radius: 16px;
  }

  .sr-newsletter-title {
    font-size: 25px;
  }

  .sr-newsletter-text {
    font-size: 15px;
  }
}









/* Méhlegelő magkeverék oldal – jobb oldali üres oszlop eltüntetése */
@media (min-width: 992px){
  body.mm-mehlegelo-page .column-right{
    display: none !important;
  }

  body.mm-mehlegelo-page .column-content,
  body.mm-mehlegelo-page .column-content-wide{
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  body.mm-mehlegelo-page .row{
    justify-content: center !important;
  }
}








/* Méhlegelő magkeverék oldal – Shoprenter oldalcím középre */
body.mm-mehlegelo-page .page-head{
  text-align: center !important;
}

body.mm-mehlegelo-page .page-head-title{
  display: block !important;
  width: 100% !important;
  margin: 0 auto 18px !important;
  text-align: center !important;
  position: relative !important;
}

/* Az admin ceruza ikon ne borítsa a címet */
body.mm-mehlegelo-page .page-head-title .edit-link{
  position: relative !important;
  top: auto !important;
  right: auto !important;
  margin-left: 8px !important;
  vertical-align: middle !important;
}












html{
  min-height: 100% !important;
  background: #1C1713 !important;
}

body.page-body{
  min-height: 100vh !important;
  display: flex !important;
  flex-direction: column !important;
  background: transparent !important;
}

main.main-content{
  flex: 1 0 auto !important;
  background: #ffffff !important;
}

footer.d-print-none{
  margin-top: auto !important;
  flex: 0 0 auto !important;
}



body:not(.home-body) main.main-content{
  background: #ffffff !important;
  padding-top: 1px !important;
  margin-top: -1px !important;
  flex: 1 0 auto !important;
}






/* Mobilon a fejléc fölötti sötét sáv lefedése */
@media (max-width: 991px){
  body:not(.home-body) #section-header{
    position: relative !important;
    overflow: visible !important;
    background: #ffffff !important;
    z-index: 5 !important;
  }

  body:not(.home-body) #section-header:before{
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: -40px !important;
    height: 40px !important;
    background: #ffffff !important;
    pointer-events: none !important;
    z-index: 0 !important;
  }

  body:not(.home-body) #section-header > *{
    position: relative !important;
    z-index: 1 !important;
  }
}