ul.category-menu > li > a.nav-link{color:#fff !important;}
.category-menu .nav-link:before, .headermenu-list__item .nav-link:before {background: #ffbb01; background: linear-gradient(to bottom, #ffcc33, #ffbb01);}
.header-logo-img {max-height: 125px;}
.mosaic-grid{margin-top:-100px;}
#section-seo_h1{margin-top:-100px;}
#section-seo_h1 > h1{font-size:3,625rem !important;}.module-head > h3 {font-size:2rem !important;}.advantages-grid{padding: 20px;background: #fafafa; /* Halvány háttérszín */border: 1px solid #eee; box-shadow: 0 15px 35px rgba(0,0,0,0.1); transition: all 0.4s ease-in-out;}.advantages-item__text{line-height: 1.5rem !important;}

.footer-position > .module-head > h3 {font-size:1.5rem !important;}
.footer-position > .module-head > h3:before{content: "";
        display: inline-block;
        background-color:#ffbb01;
        width: 0px;
        height: 2px;
        margin-right: 5px;}

.h2.module-head-title{text-align:left;}
.main-h1:before,.h2.module-head-title:before{content: "";
        display: inline-block;
        background-color:#ffbb01;
        width: 50px;
        height: 2px;
        margin-right: 19px;}
.main-h1:after{content: "";
        display: inline-block;
        background-color:#ffbb01;
        width: 50px;
        height: 2px;
        margin-left: 19px;}


/*Logó*/
.header-logo-img {max-width:600px !important;max-height:none !important;}

/*Header*/
.header-bottom{background:#000;}
#section-header .header {background: #ffbb01;
  background: linear-gradient(to bottom, #ffcc33, #ffbb01);
	border-bottom:none !important;}
.header-middle {padding: 0 0;}
#js-hamburger-icon {background: #ffbb01;
  background: linear-gradient(to bottom, #ffcc33, #ffbb01);}


/*Header kosár gomb*/
.cart-dropdown-toggle{border-radius:100%;}

/*Header ikonon*/
    .header-middle-right-wrapper {
        border:none;
    }
.header-middle-right-box-link{border: 1px solid #000;background: #ffbb01;
  background: linear-gradient(to bottom, #ffcc33, #ffbb01);
    padding: 15px;color:#000;
    border-radius: 100%;}
.header-middle-right-box-link:hover{background:#000;color:#fff;}

/*Main*/
.main-content{margin-top:40px;}
.main-container{margin-bottom:50px;}

/*Főoldal*/

	/*Ajánlott kategóriák*/
	.categoryoffer-card__title{font-weight: 700;font-size:1.4rem !important;}

/*Banner*/
.bannerslider-module{padding:0px;margin-top: -12px;}
#module_customcontent3_wrapper{margin-top:-100px;}

/* A H1 főcím és alcím konténere (kontextus miatt) */
        .page-headline {
          text-align: center;
          max-width: 800px;
          margin: 40px auto;
          padding: 0 15px;
        }
        .page-headline h1 {
          font-size: clamp(2rem, 5vw, 3.5rem);
          color: #2D3748;
          margin-bottom: 15px;
        }
        .page-headline .subtitle {
          font-size: 1.1rem;
          color: #4A5568;
        }

        /* ÚJ: Manifesztó blokk képpel */
        .manifesto-block-with-image {
          display: flex;
          align-items: center;
          gap: 40px; /* Térköz a kép és a szöveg között */
          max-width: 960px;
          margin: 80px auto;
          padding: 0 15px;
          background-color: #ffffff;
          border-radius: 8px;
          box-shadow: 0 4px 20px rgba(0,0,0,0.07);
          overflow: hidden; /* Biztosítja, hogy a kép sarka is le legyen kerekítve */
        }

        /* A kép konténere */
        .manifesto-image {
          flex: 0 0 40%; /* A kép a konténer 40%-át foglalja el és nem zsugorodik */
        }
        
        .manifesto-image img {
          width: 100%;
          height: 100%;
          object-fit: cover; /* A kép kitölti a teret vágással, torzítás nélkül */
          display: block;
        }

        /* A szöveg konténere */
        .manifesto-text {
          flex: 1; /* A szöveg kitölti a maradék helyet */
          padding: 40px;
          text-align: left; /* Balra igazítjuk a szöveget a jobb olvashatóságért */
        }

        .manifesto-text p {
          font-size: .95rem;
          line-height: 1.8;
          color: #000;
          margin: 0;
        }
        
        /* Reszponzív viselkedés: 768px alatt a hasábok egymás alá kerülnek */
        @media (max-width: 768px) {
            .manifesto-block-with-image {
                flex-direction: column;
                padding: 0;
            }
            .manifesto-text {
                padding: 30px;
                text-align: center;
            }
            .manifesto-image {
                width: 100%;
                height: 250px;
            }
        }
 .page-head-title {
          
            font-weight: 900;
            font-size: 2.625rem;
            text-align: center;
            position: relative;
            padding-bottom: 20px;
            margin-bottom: 30px;
        }

        .page-head-title::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 100px;
            height: 3px;
           background: #ffbb01;
  background: linear-gradient(to bottom, #ffcc33, #ffbb01);
            border-radius: 2px;
        }

.kapcsolat .column-content-left {width:100% !important;}

/* ---  Kategória Hero Blokk Kezdete --- */

.category-hero-card {
    display: flex;
    align-items: center;
    background-color: #0C121E; /* A design sötét alapszíne */
    color: #ffffff;
    padding: 30px 40px;
    margin-bottom: 30px;
    border-left: 5px solid #E4CFAD; /* A design kiemelő színe */
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}
.hero-card-icon {
    flex-shrink: 0;
    margin-right: 40px;
}
.hero-card-icon svg {
    width: 70px;
    height: 70px;
    fill:  #ffbb01;
}
.hero-card-content h4 {
    margin: 0 0 5px 0;
    font-weight: 400;
    opacity: 0.8;
    color: #ffffff;
}
.hero-card-content h3 {
    margin: 0 0 10px 0;
    color: #ffbb01;
    font-size: 1.5rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.hero-card-content p {
    margin: 0;
    font-size: 0.8rem;
    line-height: 1.6;
    color: #ffffff;
}

/* Mobilos nézet - hogy mindenhol penge legyen */
@media (max-width: 768px) {
    .category-hero-card {
        flex-direction: column;
        text-align: center;
        padding: 30px 20px;
    }
    .hero-card-icon {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .hero-card-content h3 {
        font-size: 1.5rem;
    }
    .hero-card-content p, .hero-card-content h4 {
        font-size: 1rem;
    }
}

/* --- Kategória Hero Blokk Vége --- */

 #barber-contact-section .contact-info-container {
        display: flex;
        flex-direction: column; /* Alapértelmezett beállítás (mobilon egymás alatt) */
        gap: 2rem; /* Térköz a dobozok között */
        align-items: stretch; /* Biztosítja, hogy a dobozok magassága is igazodjon */
    }

    #barber-contact-section .contact-item {
        flex: 1; /* Ez a lényeg: minden doboz egyenlően osztozik a helyen */
        display: flex;
        align-items: flex-start;
        text-align: left;
        padding: 1rem; /* Egy kis belső tér, hogy szellősebb legyen */
        background-color: #f9fafb;
        border-radius: 0.5rem;
        border: 1px solid #e5e7eb;
    }
    
    #barber-contact-section .contact-item svg {
       color: #ffbb01;
       height: 1.75rem;
       width: 1.75rem;
       flex-shrink: 0;
    }

    /* Media query nagyobb képernyőkre (pl. tabletek, desktop) */
    @media (min-width: 992px) {
        #barber-contact-section .contact-info-container {
            flex-direction: row; /* Vízszintes elrendezés */
        }
    }
/*Footer*/
footer{width:100% !important;background-color: var(--bs-primary);}
.footer-bottom{background: #ffbb01;
    background: linear-gradient(to bottom, #ffcc33, #ffbb01); width: 100vw; /* A nézet 100%-a */
  position: relative;
  left: 50%;
	color:#000;
  transform: translateX(-50%);
  box-sizing: border-box;padding:10px 20px;}
.footer-container>* {margin-bottom:0px !important;}
.footer-copyright{text-align:center;width:100%;color:#000;font-weight:700;opacity:1;}

/*Gombok*/
.btn-primary{background: #ffbb01; background: linear-gradient(to bottom, #ffcc33, #ffbb01);text-transform:uppercase;color: #000 !important;color:000;font-weight:700;}
.btn-big{    width: 100%;
    font-size: 1.1rem;}
.btn-sm{width:100%;padding:20px;font-size:1.2rem;background:#000 !important;color: #ffbb01 !important;}



/*Cookie bar*/
.nanobar{background: #ffbb01;
  background: linear-gradient(to bottom, #ffcc33, #ffbb01)}



/* Ez a stílus csak akkor lép érvénybe, ha a képernyő szélessége 1440px vagy annál KISEBB */
@media (max-width: 1540px) {
  
	.category-menu > li > .nav-link{font-size:.78rem !important;}

}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1240px;
    }
}

/* Stílusok CSAK MOBILRA (768px szélesség alatt) */
@media screen and (max-width: 768px) {
  
  /* Ide jönnek azok a CSS szabályok, amiket csak mobilon akarsz érvényesíteni */
.mosaic-grid,#section-seo_h1,#section-advantages{margin-top:0px;}
	.main-h1:before, .h2.module-head-title:before {width: 20px; margin-right: 10px;}
    	.h2.module-head-title {    font-size: 1.7rem !important;}
}

@media (max-width: 991.98px) {
    .header-middle-row {background: #000;}
	.header-navbar-search {
        background: #ffbb01;
  background: linear-gradient(to bottom, #ffcc33, #ffbb01) !important;
    }
	.header-logo-img {
		max-width: 40% !important;}
	body #section-header .header-middle-row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: initial !important;
    padding: 10px 0 0 0 !important;
  }

  /* Felső sor elemeinek sorrendje és viselkedése */
  body #section-header #js-mobile-navbar {
    order: 1 !important;
  }

  body #section-header .header-logo {
    order: 2 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    /* ÚJ: A logó belső igazítása */
    display: flex !important;
    justify-content: center !important;
  }

  body #section-header .header-logo-img {
    max-height: 75px !important;
    width: auto !important;
  }

  body #section-header .header-middle-right {
    order: 3 !important;
    /* ÚJ: Térköz a jobb oldalon */
    padding-right: 10px !important;
  }

  /* Alsó sor: Kereső */
  body #section-header .header-navbar-search {
    order: 4 !important;
    display: flex !important;
    flex-basis: 100% !important;
    margin-top: 15px !important;
    padding: 0 10px;
  }
	#module_customcontent3_wrapper{margin-top:-45px;}
	.main-h1::before,
  .main-h1::after {
    display: none;
  }
}



@media (min-width: 992px) {
    .header-navbar-search {
        height: 50%;
    }
	.headroom--not-top .header-logo-img {
        max-height: 100px !important;
    }
}