@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

h1, h2, h3, strong {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
}

/*-------logo slider--------*/

.gyartoi-logok .slide img:hover
{
 -webkit-filter: invert(100%);
}
.gyartoi-logok .slick-list
{
    border: 2px solid;
    border-color: #e9ebef;
    border-radius: 5px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 30px;
    margin-right: 30px;
}
.slider .parent-container .slick-arrow
{
border: 0px;
}
.slider .parent-container .slick-arrow .bg-wrapper
{
    width: 2px;
    height: 2px;
}
.slider .parent-container .slick-arrow .bg-wrapper .svg-wrapper >svg
{
    width: 16px;
    height: 22px;
    fill: #f6f6f6;
}
.slider .parent-container .slick-arrow .bg-wrapper .svg-wrapper
{
    background: transparent;
}
.slider .parent-container .slick-arrow.right
{
    right: 10px;
}
.slider .parent-container .slick-arrow.left
{
    left: 10px;
}

/*--------FŐ SLIDE és BANNER és Gyártói logók elrendezése-----*/
.kerek-kep .slick-slide img 
{
    border-radius: 5px;
}
.kerek-kep .slick-list
{
    border-radius: 5px;
    margin-top: 20px;
    
    
}
.egyedi-banner .slick-slide img 
{
    border-radius: 5px;
}
.egyedi-banner .slick-list
{
    border-radius: 5px;
    margin-top: 20px;
    
   
}
/* Alap konténer: slider + banner flex, egymás mellett */
.menu-block {
    display: flex !important;
    flex-wrap: wrap;
    align-items: flex-start !important; /* függőlegesen középre */
    gap: 0 !important;
    max-width: auto;
    
}
/* Slider (bal oldal) - körülbelül 75% szélesség */
.slider.kerek-kep {
    flex: 3 1 0;
    max-width: 840px !important;  /* 967px helyett 860px */
    box-sizing: border-box;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-width: 210px;
    margin-right: 20px;
}
/* Banner (jobb oldal) - kb 25%, négyzet forma */
.slider.egyedi-banner {
    flex: 1 1 0;
    max-width: 400px !important;  
    box-sizing: border-box;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 85px;
    height: auto;  
}
.slider.gyartoi-logok {
    flex: 1 1 100%;          /* teljes sort foglal el */
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box;
    margin-top: 20px;
    display: flex !important;
    justify-content: center;
    align-items: center;
}



.kerek-kep img,
.egyedi-banner img {
    height: 100%;
    object-fit: cover;
    display: block;
}
.slick-slide img {
    display: block;
}

.kerek-kep .slick-slide,
.egyedi-banner .slick-slide {
    width: auto !important;
    height: auto !important;
}

.kerek-kep .slick-track,
.egyedi-banner .slick-track {
    display: flex !important;
    align-items: center;
}

/* Mobil nézet */
@media (max-width: 900px) {
    .menu-block {
        flex-direction: column !important;
        gap: 10px !important;
        align-items: center !important;
    }
    .slider.kerek-kep,
    .slider.egyedi-banner,
    .slider.gyartoi-logok,
    .kerek-kep,
    .egyedi-banner,
    .gyartoi-logok {
        width: 100% !important;
        max-width: 500px !important;
        height: auto !important;
        padding: 10px;
    }  
       
    .egyedi-banner img {
        object-fit: contain !important;
        border-radius: 5px !important;
    }
}

@media (max-width: 900px) {
  .kerek-kep,
  .slider.kerek-kep,
  .gyartoi-logok,
  .slider.gyartoi-logok {
    display: none !important;
  }
}



/*----------A teljes oldal szélessége------------*/
.content-wrapper
{
    max-width: 1340px;
    width: 100%;  
}
.content-block
{
    padding-right: 20px !important;
    padding-left: 20px !important;
}
@media screen and (min-width: 1000px) {
    .content-wrapper {
        min-width: 1000px;
    }

}

/*-------szövegdoboz módosítás-------*/

.text-container {
    margin: 5px 0 5px 0;
    
}

.feherbox
{
    background-color: #fff !important;
    color: #000000 !important;
    border: none !important;
    border-radius: 5px !important;
    box-shadow:  0 2px 12px rgba(15, 89, 156, 0.14) !important;
    padding: 32px 24px;          /* (Opcionális) belső margó, szebb elrendezéshez */
    box-sizing: border-box;
}

.tiszta
{
    background-color: transparent !important;
    color: #000000 !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
h4, .h4 {
    font-size: 16px;
    line-height: 1.5em;
    padding-bottom: 10px;
}
h1 {
    line-height: 1.3em;
    font-weight: 600;
}
h2
{
    font-size: 2rem !important;
    line-height: 2.3rem !important;
    font-weight: 600 !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

/*--------DROP DOWN menü kinézetének módosítása*/
.dd-menu
{
   background-color: #072d4b;
   border-radius: 5px;
}
.dd-button
{  
   color:  #ffc846;
   padding: 5px;
}
.top
{
    height: 80px;
    max-height: auto;
    display: flex !important;
    align-items: center;
}
.dd-menu .dd-menu-wrapper .dropdown-content
{
    background: #072d4b !important;
    box-shadow: none;
    border: none;
    border-radius: 5px;
}
/* Megamenu háttér kék */
.cikkcsoport-megamenu {
    background: #072d4b !important;
}

/* Szöveg színe fehér */
.cikkcsoport-megamenu .megamenu-box,
.cikkcsoport-megamenu .megamenu-box ul,
.cikkcsoport-megamenu .megamenu-box ul li,
.cikkcsoport-megamenu .megamenu-box ul li a {
    color: #fff !important;
}

/* Szöveg hover-re sárga */
.cikkcsoport-megamenu .megamenu-box ul li a:hover,
.cikkcsoport-megamenu .megamenu-box ul li:hover > a {
    color: #fcbf33 !important;
}


.cikkcsoport-megamenu > ul.depth-1 > li a,
.cikkcsoport-megamenu > ul.depth-1 > li > a {
    color: #fff !important;            /* fehér szöveg */
    text-transform: uppercase;         /* nagybetűs */
    text-decoration: none;
    white-space: normal;
    font-size: 13px;
    padding: 5px 5px;
    float: left;
    font-weight: 700;
}
svg.nav-right {
    fill: #fff !important;
}

#mainmenu a.link
{
    margin-right: 5px;
    margin-left: 5px;
}

#mainmenu a.link:hover {
    background: #072d4b !important;
    color: #fcbf33 !important;
    border-radius: 5px;
}

/*--------profil ikonok mobil nézetben---------*/







/*-------------Márka oldalon termék elrendezések slider módosítás--------*/

/* Csak ezen a termék-slideren (ahol van mozaik) lesz grid! */
.products-carousel.slider-content.mozaik {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr); /* 4 termék egysorban */
  gap: 10px; 
  width: 100% !important;
  box-sizing: border-box;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
}

.products-carousel.slider-content.mozaik .slick-track:before,
.products-carousel.slider-content.mozaik .slick-track:after {
    display: none !important;
    content: none !important;
}

.products-carousel.slider-content.mozaik .slick-arrow,
.products-carousel.slider-content.mozaik .slick-prev,
.products-carousel.slider-content.mozaik .slick-next {
    display: none !important;
}

/* A slick-slide termékkártyák normalizálása */
.products-carousel.slider-content.mozaik > *,
.products-carousel.slider-content.mozaik .slick-slide {
  display: block !important;
  width: 100% !important;
  float: none !important;
  box-sizing: border-box;
  padding: 0 !important;
  margin: 0 !important;
  min-width: 0 !important;
  height: auto !important;
}

.products-carousel.slider-content.mozaik .slick-track,
.products-carousel.slider-content.mozaik .slick-list {
  display: contents !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  height: auto !important;
}

.products-carousel.slider-content.mozaik .slick-slide.slick-cloned {
    display: none !important;
}

/* Mobil/tablet reszponzív grid */
@media (max-width: 1024px) {
  .products-carousel.slider-content.mozaik {
    grid-template-columns: repeat(2, 1fr) !important; /* tablet */
  }
}
@media (max-width: 600px) {
  .products-carousel.slider-content.mozaik {
    grid-template-columns: 1fr !important; /* mobilon mindig 1 elem/sor */
  }
}

/* 1. Grid-cell: minden termékkártya teljes magasságot kitölt, flex */
.products-carousel.slider-content.mozaik > * {
    display: flex !important;
    flex-direction: column;
    height: 100%;
    box-sizing: border-box;
    background: #fff; /* opcionális */
}

/* 2. Fő tartalom – rugalmas, nőhet, min. padding */
.products-carousel.slider-content.mozaik .product_content {
    flex: 1 1 auto;
    display: block;
}
/* 3. termék neve több soros, üres sorok, ha nem hosszú */
.products-carousel.slider-content.mozaik .product_content .product-name {
    display: -webkit-box;
    -webkit-line-clamp: 4;        
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 100px;              /* 3 sorhoz: 3 x line-height */
    max-height: 100px;              /* ugyanaz! Így fix méretű lesz a hely! */
    line-height: 25px;             /* ezt érdemes fixen tartani */
    /* opcionális: vertikális középre igazítás, ha csak max. 1 soros, de általában a min-height megoldja */
    box-sizing: border-box;
    width: 100%;
}

/* 4. Az alsó ár/gomb rész mindig a cella legalján, oldalt szellős */
.products-carousel.slider-content.mozaik .content-bottom {
    margin-top: auto;
    width: 100%;
    box-sizing: border-box;
}

.mozaik .nopad
{
    padding-right: 10px !important;
    padding-left: 10px !important;
}

.mozaik .button-cart
{
    margin-top: 10px;
    margin-bottom: 10px;
}

/*----------Márkaoldal szövegdoboz cím, logó, szöveg elrendezés, reszponzívitás----------*/

.menu_csempe.type4 .csempe {
    display: flex;
    flex-wrap: wrap; /* ha kell, hogy kisebb képernyőn is jól viselkedjen */
}


#imgHolder {
    flex: 0 0 40%; /* vagy amennyi helyet adhat a képnek */
    display: flex;
    justify-content: center;
    align-items: center;
}

.content {
    flex: 1; /* maradék hely a szövegnek */
}


.menu_csempe.type4 .csempe {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    box-shadow:  0 2px 12px rgba(15, 89, 156, 0.14) !important;
    box-sizing: border-box;
}

@media (max-width: 1000px) {
    .menu_csempe.type4 .csempe {
        flex-direction: column;
    }
}

.menu_csempe.type4 .content .title
{
    background-color: #0f599c;
    border-radius: 5px;
    font-size: 3rem;
    color: #ffffff;
    font-weight: 600;
    line-height: 1em !important;
    min-height: auto;
    padding-left: 20px !important;
    padding-top: 10px;
    padding-bottom: 10px;
    
}

/* Alap szöveg sötétítése a leírásban (bővítve strong-ra a félkövér szöveg miatt) */
.menu_csempe.type4.set-content-style .content .description p,
.menu_csempe.type4.set-content-style .content .description span,
.menu_csempe.type4.set-content-style .content .description div,
.menu_csempe.type4.set-content-style .content .description strong {
    color: #080808 !important; /* Sötétszürke a szövegre, beleértve félkövért */
}

/* Gomb stílus: Alap állapot (marad, de hozzáadunk háttér-tisztítást a gyermekeknek) */
.menu_csempe.type4.set-content-style .content .description .cu_button {
    background-color: #fcbf33 !important;
    border-radius: 7px !important;
    border-style: none !important;
    box-shadow: 0 1px 5px rgba(15,89,156,0.1) !important;
    color: #0F599C !important;
    cursor: pointer !important;
    display: inline-block !important;
    font-size: 18px !important;
    margin-bottom: 5px !important;
    padding: 10px 16px !important;
    text-align: center !important;
    text-decoration: none !important;
    transition: background-color 0.3s ease, color 0.3s ease !important; /* Egységesített transition (ease hozzáadva simábbá tételhez) */
}

/* Gomb szövegének (gyermek elemeknek) kezelése (marad, de hozzáadunk háttér-tisztítást és kizárást a sötétítésből) */
.menu_csempe.type4.set-content-style .content .description .cu_button *,
.menu_csempe.type4.set-content-style .content .description .cu_button strong {
    color: #0F599C !important; /* Alap szín a strong-ra és más gyermekekre */
    background: transparent !important; /* Eltávolít minden nem kívánt háttérszínt (pl. kék) a szöveg körül */
}

/* Hover állapot (marad, de hozzáadunk egységes transition-t és háttér-tisztítást) */
.menu_csempe.type4.set-content-style .content .description .cu_button:hover,
.menu_csempe.type4.set-content-style .content .description .cu_button:hover * {
    background-color: #0F599C !important;
    color: #ffffff !important; /* Fehér szöveg hover-re */
    transition: background-color 0.3s ease, color 0.3s ease !important; /* Egységesített transition a késés minimalizálásához */
}

/* Opcionális: Ha a   vagy más üres tér okozza a kék hátteret, ez tisztítja */
.menu_csempe.type4.set-content-style .content .description .cu_button::after,
.menu_csempe.type4.set-content-style .content .description .cu_button strong::after {
    background: transparent !important;
    content: none !important; /* Ha van pseudo-elem, ami zavar */
}


/*---------Kosárba gomb színének változtatása--------*/
.button-secondary
{
    margin-bottom: 10px;
    border: none;
}

.button-cart:hover
{
    background: #125592;
    border: none;
    color: #fff;
}

.button-cart:hover .icon
{
 fill: #fff;
}

/*-------termék oldalon a termék nevének mérete--------*/
.product-name h2
{
    font-size: 2.3rem !important;
    line-height: 2.5rem !important;
    font-weight: 600 !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.product-name .products__link
{
font-size: 1.6rem !important;
}

.cikkcsoport-menu h2
{
font-size: 1.7rem !important;
line-height: 1.2em !important; 
font-weight: 700;
margin: 10px 0;
border-radius: 5px;
padding: 10px 5px;
color: #0f599c;
text-align: center;
text-transform: uppercase;
}

.cikkcsoport-menu h2:hover
{
  color:#0f599c;
}

.cikkcsoport-menu .cikkcsoport_link
{
font-size: 14px;
line-height: 0.6em !important;

}

.cikkcsoport-menu .cikkcsoport_link:hover
{
  color: #0f599c;
  font-weight: 600;

}


/* Csak a .details-bottom-container belső left és right elemeire vonatkozik */
.details-bottom-container .left,
.details-bottom-container .right,
.details-bottom-container .product-ratings-details {
  width: 100%;
  margin-bottom: 20px;
  float: none !important;
  display: block;
}

/* Szülő konténer, oszlopos elrendezés */
.details-bottom-container {
  display: flex;
  flex-direction: column;
}

/* Értékelés belső elrendezése két oszlopra - csak ebben a konténerben */
.details-bottom-container .product-ratings-details {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
}

/* Az értékelés bal oldali oszlopa */
.details-bottom-container .product-ratings-details > div.col-xxs-120.col-xs-50.nopad {
  flex-basis: 40%;
  max-width: 40%;
  box-sizing: border-box;
  padding-right: 15px;
}

/* Az értékelés jobb oldali oszlopa */
.details-bottom-container .product-ratings-details > div.col-xxs-120.col-xs-70.nopad {
  flex-basis: 58%;
  max-width: 58%;
  box-sizing: border-box;
}

.product-ratings-details {
  display: none !important;
}

.details-bottom-container .col-xs-60,
.product-ratings-details .col-xs-60
{
  width: 50% !important;
  padding-left: 5px;
  padding-right: 5px;
  box-sizing: border-box;
}

.details-bottom-container .right.col-sm-55 {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0px;
  padding-right: 0px; /* ha kell egy kis belső távolság */
  box-sizing: border-box;
}

.details-bottom-container .left.col-xs-120
{
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0px;
  padding-right: 0px; /* ha kell egy kis belső távolság */
  box-sizing: border-box;
}

/*cikkek kinézetének javítása*/
.news_container {
    display: block;
    max-width: 900px;            /* Szélesség növelése 900px-re */
    width: 120%;
    margin-top: 10px !important;              /* Középre igazítás */
    float: none;
    background: #fff;            /* Fehér háttér */
    box-shadow: 0 2px 12px rgba(15, 89, 156, 0.14);  /* Árnyék */
    border-radius: 5px;          /* (Opcionális) lekerekítés */
    padding: 32px 24px;          /* (Opcionális) belső margó, szebb elrendezéshez */
    box-sizing: border-box;      /* Padding helyes számítása */
}

/*-----márkaleírások szövegformázás (menücsempe: kép+cím+bevezető egymás mellett)---->>>*/
.menu_csempe.type4.set-content-style .content .description, .menu_csempe.type4.set-content-style .content .description * {
    text-align: justify;
    font-size: 16px !important;
    line-height: 1.5em !important;
}

.news_prolog .news-prolog-list .white-bg .news-prolog-content .intro
{
  text-align: justify;
}


/*-------Cikkekben a termékajánló termékei slider helyett egymás alatt------>>>*/

/* Célzott felülírás a termekajanlo alatti products-carousel grid-szerűvé tételéhez */
.termekajanlo.side-content-exists .products-carousel.slick-initialized.slick-slider {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important; /* 3 termék egysorban, mint a példában */
  gap: 10px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.termekajanlo.side-content-exists .products-carousel .slick-track:before,
.termekajanlo.side-content-exists .products-carousel .slick-track:after {
  display: none !important;
  content: none !important;
}

.termekajanlo.side-content-exists .products-carousel .slick-arrow,
.termekajanlo.side-content-exists .products-carousel .slick-prev,
.termekajanlo.side-content-exists .products-carousel .slick-next {
  display: none !important;
}

/* Slick-slide normalizálása: minden látható, grid cellákban */
.termekajanlo.side-content-exists .products-carousel > *,
.termekajanlo.side-content-exists .products-carousel .slick-slide {
  display: block !important;
  width: 100% !important;
  float: none !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  margin: 0 !important;
  min-width: 0 !important;
  height: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important; /* Inline transzformáció felülírása */
}

.termekajanlo.side-content-exists .products-carousel .slick-track,
.termekajanlo.side-content-exists .products-carousel .slick-list {
  display: contents !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  height: auto !important;
  transform: none !important; /* A translate3d felülírása */
}

.termekajanlo.side-content-exists .products-carousel .slick-slide.slick-cloned {
  display: none !important;
}

/* Mobil/tablet reszponzív grid */
@media (max-width: 1024px) {
  .termekajanlo.side-content-exists .products-carousel.slick-initialized.slick-slider {
    grid-template-columns: repeat(2, 1fr) !important; /* tablet */
  }
}
@media (max-width: 600px) {
  .termekajanlo.side-content-exists .products-carousel.slick-initialized.slick-slider {
    grid-template-columns: 1fr !important; /* mobilon mindig 1 elem/sor */
  }
}

/* Termékkártyák flex elrendezése teljes magassággal */
.termekajanlo.side-content-exists .products-carousel > * {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  box-sizing: border-box !important;
  background: #fff !important;
}

/* Fő tartalom rugalmas */
.termekajanlo.side-content-exists .products-carousel .product_content {
  flex: 1 1 auto !important;
  display: block !important;
}

.termekajanlo.side-content-exists .products-carousel .product-name {
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
min-height: 75px !important;
max-height: 75px !important;
line-height: 25px !important;
box-sizing: border-box !important;
width: 100% !important;
}

/* Alsó rész alulra tolása */
.termekajanlo.side-content-exists .products-carousel .content-bottom {
  margin-top: auto !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.termekajanlo.side-content-exists .nopad {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

.termekajanlo.side-content-exists .button-cart {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}



/*--------HÍRLEVÉL form--------*/
@import url('https://fonts.googleapis.com/css?family=Inter:400,600&display=swap');

#newsletter-signup {
  font-family: 'Inter', Helvetica, Arial, sans-serif;
  min-width: 500px;
  margin: 5px auto;
  padding: 20px;
  color: #0f599c;
  font-size: 14px;
}

#newsletter-signup h2 {
  background-color:#0f599c;
  color: #ffffff;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 20px;
  letter-spacing: 0.01em;
  line-height: 1.18;
  border-radius: 5px;
  padding: 16px;
}


#newsletter-signup label,
#newsletter-signup input,
#newsletter-signup .checkbox-group,
#newsletter-signup .indicates-required {
  font-size: 16px;
}

#newsletter-signup label {
    display: block;
    text-align: left;
    margin-bottom: 6px;
    margin-left: 0;
    padding-left: 0;
}

#newsletter-signup .checkbox-item label {
    display: inline;
    margin-left: 0;
    padding-left: 0;
    text-align: left;
    font-size: 14px;    /* kisebb betűméret */
    font-weight: 400;   /* normál betűvastagság */
}

#newsletter-signup .mc-field-group {
  margin-bottom: 18px;
}

#newsletter-signup input[type="email"],
#newsletter-signup input[type="text"] {
  width: 100%;
  padding: 12px 14px;
  border: 1.5px solid #0f599c;
  border-radius: 5px;
  margin-bottom: 0;
  font-size: 14px;
  background: #f8fafd;
  color: #0f599c;
  transition: border 0.2s;
  font-family: inherit;
}

#newsletter-signup input[type="email"]:focus,
#newsletter-signup input[type="text"]:focus {
  border-color: #fcbf33;
  outline: none;
}

#newsletter-signup .checkbox-group {
  display: block;
  margin-top: 6px;
  margin-bottom: 6px;
}

#newsletter-signup .checkbox-item {
  display: flex;
  align-items: center;
  margin-bottom: 6px; /* kis távolság egymás alatt */
}


#newsletter-signup .checkbox-item input[type="checkbox"] {
  color: #fcbf33;
  margin-right: 6px;
}

#newsletter-signup .asterisk {
  color: #fcbf33;
  margin-left: 2px;
}

#newsletter-signup .indicates-required {
  font-size: 1rem;
  margin-bottom: 15px;
  color: #444;
}

#newsletter-signup .button {
  background: #fcbf33;
  color: #072d4b;
  font-weight: 700;
  font-size: 14px;
  border: none;
  border-radius: 5px;
  padding: 13px 26px;
  cursor: pointer;
  box-shadow: 0 1px 5px rgba(15,89,156,0.09);
  transition: background 0.18s, color 0.18s;
  display: block;
  width: 100%;
  margin-top: 10px;
  letter-spacing: 0.01em;
}

#newsletter-signup .button:hover {
  background: #125592;
  color: #fff;
  border: none;
}


/*-----flex card----*/
.flex-card {
  display: flex;
  align-items: center;
  justify-content: center;       /* Igazítás vertikálisan középre */
  gap: 25px;                 /* Térköz az elemek között */
  padding: 10px 10px;
}

/* Bal oldali elem */
.flex-card-left {
  flex: 1 1 48%;
  background: #0f599c;
  box-shadow: 0 2px 12px rgba(15, 89, 156, 0.14);
  border-radius: 5px;
  margin: 10px;
  padding: 20px;
  min-width: 450px;

}

/* Jobb oldali elem */
.flex-card-right {
  flex: 1 1 48%;
  background: #ffffff;
  box-shadow: 0 2px 12px rgba(15, 89, 156, 0.14);
  border-radius: 5px;
  margin: 10px;
  padding: 20px;
  min-width: 450px;
}

.flex-card-left,
.flex-card-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; /* ez hozza szöveget középre vízszintesen */
  padding: 12px;
  min-width: 0;
  text-align: center; /* opcionális: a szöveget is középre viszi */
}
.flex-card-full {
  background: #fff;
  box-shadow: 0 2px 12px rgba(15, 89, 156, 0.14);
  border-radius: 5px;
  display: flex;
  flex-direction: column;    /* Oszlopban egymás alatt legyen, ha több gyerek van */
  width: 100%;               /* 100%-os szélesség */
  max-width: 100%;           /* Túlfolyás elkerülése */
  padding: 28px 32px;
  box-sizing: border-box;    /* Padding beleszámít a szélességbe */
}

/* Mobil (≤768px): form ne lógjon ki, ne legyen levágva */
@media (max-width: 768px) {
  /* Biztosan oszlop és ne rejtse el a kilógást */
  .flex-card {
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 16px;
    padding: 12px;
    overflow-x: visible !important; /* kapcsolja vissza, ha korábban hidden volt */
  }

  .flex-card-right {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    box-sizing: border-box;
  }

  /* A form és minden fő gyereke igazodjon a konténerhez */
  #newsletter-signup,
  #newsletter-signup form {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
  }

  /* Mezők és csoportok: teljes szélesség, ne kényszerítsenek kilógást */
  #newsletter-signup .mc-field-group,
  #newsletter-signup .checkbox-group,
  #newsletter-signup input[type="email"],
  #newsletter-signup input[type="text"],
  #newsletter-signup .button {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
    display: block;
  }

  /* Hosszú szövegek/placeholder ne tolják szét a dobozt */
  #newsletter-signup {
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  /* Checkboxok egymás alatt */
  #newsletter-signup .checkbox-group {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  /* Bal oldali kép legyen rugalmas */
  .flex-card-left .image img {
    max-width: 100%;
    height: auto;
    display: block;
  }
}

/* (Opcionális) Ha a beágyazott kód/inline style fix px szélességet ad: törjük felül */
@media (max-width: 768px) {
  #newsletter-signup [style*="width"] {
    width: 100% !important;
    max-width: 100% !important;
  }
}




/*---custom button----*/

.cu_button {
  background-color: #fcbf33 !important; /* sárga háttér */
  color: #072d4b !important; /* sötétkék szöveg */
  font-family: 'Inter', Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1rem;
  border: none;
  border-radius: 5px;
  padding: 12px 28px;
  cursor: pointer;
  box-shadow: 0 1px 5px rgba(15, 89, 156, 0.1);
  transition: background-color 0.3s ease, color 0.3s ease;
  display: inline-block;
  text-align: center;
  text-decoration: none;
}

.cu_button:hover {
  background-color: #125592 !important; /* hover háttér */
  color: #fff !important; /* hover szöveg szín fehér */
  border: none;
  text-decoration: none;
}





/*--------hírbevezető cím eltüntetése----------*/

.news_prolog h2,
.news_prolog h2.title {
display: none;
}

/*----fejléc linkek aláhúzásának eltávolítása*/

.menu_keret#fejlecblokk .link
{
  margin-right: 10px;
}

.menu_keret#fejlecblokk .link:hover {
    color: #FFFFFF;
    text-decoration: none !important;
    margin-right: 10px;
    
}
.menu_keret#fejlecblokk .row
{
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.fejlecblokk .row 
{
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.row
{
  margin-left: 0px !important;
  margin-right: 0px !important;
}

/*----világos szürke szövegek sötétítése-----*/
.menu_csempe.type5 .info
{
  color: rgb(98, 98, 98);
}

.news_prolog .news-prolog-list .white-bg .news-prolog-content .intro
{
  color: rgb(98, 98, 98);
}

.product-details .details-bottom-container .left .product-tabs .tab-container .tab-content
{
  color: rgb(98, 98, 98);
}

/*----termékleírás teljes egészében látszódik, nincs részletes leírás gomb------*/

#menu_leiras3 .product-description {
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
}

#menu_leiras3 .readmore {
    display: none !important;
}

/*---------Rólunk oldal boxok középre rendez------*/
.cu_box {
    display: flex;
    align-items: center;     /* függőlegesen középre */
    justify-content: center; /* vízszintesen középre */
}

/*--MINDEN GOMB megoldása--*/

.button-primary
{
font-weight: bold;
border-radius: 5px;
color:#0F599C !important;
margin-top: 5px;
margin-bottom: 5px;
}

.button-primary:hover {
  background-color: #125592 !important; /* hover háttér */
  color: #fff !important; /* hover szöveg szín fehér */
  border: none;
  text-decoration: none;
}

.button-primary.icon-left:hover svg {
  fill: white;  /* Vagy #ffffff a hex kód */
}

.button-primary.icon-right:hover svg {
  fill: white;  /* Vagy #ffffff a hex kód */
}

.button-primary:hover .icon
{
  fill: white;  /* Vagy #ffffff a hex kód */
}

.nagykosar .megrendeles_gomb, .nagykosar .btn-penztar
{
  color: #fff !important;
}


.button-secondary
{
background-color: #0F599C;
font-weight: bold;
border-radius: 5px;
color:#fff !important;
}

.button-secondary:hover {
  background-color: #FCBF33 !important; /* hover háttér */
  box-shadow:  0 2px 12px rgba(15, 89, 156, 0.14) !important;
  color: #0F599C !important;
  border: none;
  text-decoration: none;
}

.button-secondary.icon-left:hover svg {
  fill: #0F599C;  /* Vagy #ffffff a hex kód */
}

.button-secondaryy.icon-right:hover svg {
  fill: #0F599C;  /* Vagy #ffffff a hex kód */
}

.button-secondary:hover .icon
{
  fill: #0F599C;  /* Vagy #ffffff a hex kód */
}


.product-details .add-to-favourites .addtofavorites:hover
{
color: #0F599C;
border: 1px solid #0F599C;
}

.product-details .add-to-favourites .addtofavorites:hover .icon {
    fill: #0F599C;
}

div#branding-footer
{
  display: none;
}

/*----hírek oldal navbar, képek, stb-----*/

.nav-sidebar-menu {
    border: 0px;
    background-color: transparent;
    border-radius: 2px;
}
.nav-sidebar-menu >li >a.selected {
    margin-top: 25px;
    border-left: 0px;
    background: #0F599C;
    color: #fff;
}

.nav-sidebar-menu >li >a {
    color: #0F599C;
    background: #FCBF33;
    font-weight: 600;
    border-bottom: 0px ;
    margin-top: 5px;
    border-radius: 5px;
}

.nav-sidebar-menu > li > a:hover {
    color: #FCBF33;
    background: #0F599C;
    font-weight: 600;
    border-bottom: 0px;
}

.widgets__image
{
  border-radius: 5px;
}

.news_list .hir_intro
{
  background-color: white;
  padding: 10px;
  border-radius: 5px;
  height: 200px;
  box-shadow:  0 2px 12px rgba(15, 89, 156, 0.14) !important;
}

.breadcrumbs .breadcrumb
{
  width: 1000px !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
  max-width: 1000px;
}

.fullwidth .content-wrapper
{
  padding-left: 40px !important;
  padding-right: 40px !important;
}

/* ==== Mobil: kisebb ikon-keretek + kosár fix jobb oldalon ==== */
@media (max-width: 600px) {
  /* A fejléc sor legyen pozicionált szülő a kosárhoz */
  .top .row,
  .header-block .row {
    position: relative !important;  /* containing block az abszolút gyermekhez */
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    gap: 6px;
    padding: 0;
    padding-right: 42px !important; /* hely a kosárnak (30px + ~12px rés) */
  }
  /* Ikon keretek 30×30 px-ben (bal három ikon + kosár belsője is így igazodik) */
  .searchbox.mobile,
  #mainmenu,
  .profile.mobile,
  .headrow,
  .headrow .cart-wrapper,
  .headrow .cart-icon {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    line-height: 30px !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  /* A bal három ikon belső gombja */
  .search-icon #search-button,
  .hamburger-icon #hamburger,
  .profile .profile-icon #profile {
    width: 30px !important;
    height: 30px !important;
    background: transparent !important;
    border: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  /* SVG-k mérete (kicsi, középre igazítva) */
  .search-icon #search-button svg,
  .hamburger-icon #hamburger svg,
  .profile .profile-icon #profile svg,
  .headrow .cart-icon svg {
    width: 18px !important;
    height: 18px !important;
    display: block !important;
    position: static !important;   /* absolute helyett */
    transform: none !important;
  }
  /* KOSÁR: abszolút a jobb szélhez, a sor padding-boxához igazítva */
  .headrow {
    position: absolute !important;
    top: 50% !important;
    right: 6px !important;          /* kis belső hézag a jobb szélhez képest */
    transform: translateY(-50%) !important;
    z-index: 100;                   /* biztosan a sor felett legyen */
    float: none !important;
  }
  /* A kosár <a> linkje ne legyen 100% széles (col-xs-120 kiütése helyben) */
  .headrow a.col-xs-120 {
    width: 30px !important;
    height: 30px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  /* A kosár számláló buborék a sarokban maradjon */
  .headrow .product-counter {
    position: absolute !important;
    top: -2px !important;
    right: -2px !important;
    transform: none !important;
  }
}
@media (max-width: 600px) {
  /* A kereső ikonnak extra hely a kosár előtt */
  .searchbox.mobile {
    margin-right: 30px !important; /* igény szerint 8–16px között állítható */
  }
}
@media (max-width: 600px) {
  /* A sor minimális magassága és pozicionált szülő: a vertikális középre rakáshoz */
  .top .row,
  .header-block .row {
    position: relative !important;
    min-height: 30px !important;
  }
  /* Kosár ikon pontos középre igazítása + finom korrekció (-2px fel) */
  .headrow {
    top: 30% !important;
    transform: translateY(calc(-30% - 2px)) !important; /* finomhangolás */
  }
}

/*-----cikk mobil nézet képek--------*/

/* Alap (desktop) – a meglévő inline-okat megtarthatod */
.bekezdes-tartalom { display: flex; align-items: stretch; gap: 10px; justify-content: center; }

/* Mobil */
@media (max-width: 640px) {
  .bekezdes-tartalom { flex-direction: column; }              /* kép és szöveg egymás alatt */
  .bekezdes-tartalom .col-img { order: 0; width: 100% !important; flex: 0 0 auto !important; }
  .bekezdes-tartalom .col-text { order: 1; width: 100% !important; flex: 0 0 auto !important; }
}

.alsofelsomargo
{
  margin-top: 20px;
  margin-bottom: 20px;
}
/*csúszka kinézete*/
.slider-szuro-row .szuro-slider-box .szuro-slider.noUi-target .noUi-handle {
    width: 14px;
    height: 12px;
    border-radius: 25%;
    background: #4e8cb5;
    border: none;
    cursor: pointer;
    top: -3px;
    right: -10px;
    box-shadow: none;
}
.slider-szuro-row .szuro-slider-box .szuro-slider.noUi-target .noUi-connect
{
  background: #4e8cb5;
}

.parametersor .parameter_nev {

  font-size: 1.5rem;
}
/*több oszlop gomb eltüntetése*/

.tobb_oszlop_gomb.button-secondary {
    display: none !important;
}
a.button-secondary.all-news {
   display: none !important;
}
a.button-secondary.to-category {
  display: none !important;
}


/*------------AKCIÓS felirat-----------*/
.badges > div.sale > div
{
  background: #000;
    color: #ff362c;
}

.badges > div > div
{
  font-size: 14px;
  line-height: 10px;
  padding: 10px;
}

/*------Szöveg méretek a termékoldalon-------*/
.product-details .details-main-container .product-name h1
{
  font-size: 3rem !important;
}

.product-details .details-bottom-container .right .product-specifics .title
{
  font-size: 1.8rem !important;
}

.product-specifics-name
{
  font-size: 1.4rem !important;
  line-height: 0.5 !important;
  padding: 0px !important;
  margin-left: 10px!important;
}

.product-specifics-value
{
  font-size: 1.4rem !important;
  line-height: 0.5 !important;
  padding: 0px !important;
  margin-right: 10px !important;
}

.product-specifics-row {
  display: flex;
  align-items: center;       /* <- vertikális közép */
  gap: 8px;                  /* opcionális: kis hézag a két oszlop között */
  padding: 2px 0;
}

.product-details .details-main-container .add-to-cart .product-price .price_net2
{
  font-size: 1.8rem !important;
}


/*------bejelentkezés gombok-------*/