/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/*header*/
#top-bar a{
	color: #fff200;
	font-size: 13px;
	font-family: "Hanken Grotesk";
}
#top-bar .flex-center{
	width: 100%;
}
#top-bar .nav-center{
    justify-content: space-between;
}
.header-main .header-nav.nav-left{
	justify-content: center;
	gap:100px; 
}
li.menu-item a{
	font-size: 15px;
	color: #464646;
}
li.woocommerce-MyAccount-navigation-link--downloads{
	display: none;
}
li#menu-item-197 img.ux-menu-icon{
	width: 25px;
	margin-right: 13px !important;
}
li#menu-item-891 img.ux-menu-icon{
	width: 29px;
	margin-right: 13px !important;
}
@media only screen and (max-width: 849px){
	.header-main{
	background: #ffffff;
}
	li#menu-item-197 img.ux-menu-icon{
		display: none;
}
li#menu-item-891 img.ux-menu-icon{
			display: none;
}
	li.menu-item-197 a:before{
	content:'';
	width: 20px;
	height: 19.19px;
	position: absolute;
	top:10px;
	left:0;
	display: block;
	background: url('/wp-content/uploads/2025/10/citrom-termekek-ikon-mobile.webp');
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
		li.menu-item-891 a:before{
	content:'';
	width: 20px;
	height: 19.19px;
	position: absolute;
	top:10px;
	left:0;
	display: block;
	background: url('/wp-content/uploads/2025/10/citrom-akciok-ikon-mobile.webp');
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
}
  

/*mega menü*/
.sajat-mega-menu-row.row{
	width: 1190px !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-top: 10px;
}
.sajat-mega-menu-col{
	max-width: 10%;
	flex-basis: 10%;
	padding: 0 4px 10px 4px;
}
.sajat-mega-menu-col .col-inner{
	background: #fff200;
	border-radius: 8px;
	font-family: Mohave;
	height: 100%;
	border: 2px solid #fff200;;
	transition-duration: 0.7s;
}
.sajat-mega-menu-row .icon-box{
	height: 100%;
	display: flex;
    flex-direction: column;
}
.sajat-mega-menu-row .icon-box-img{
	margin-bottom: 10px;
}
.sajat-mega-menu-row .icon-box-text{
	flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.sajat-mega-menu-row .icon-box-text p{
	line-height: 16px;
	margin-bottom: 10px;
}
.sajat-mega-menu-col .col-inner:hover{
	border-color: #464646;
	transition-duration: 0.7s;
	background: #fffa99;
}
@media only screen and (max-width: 849px){
	ul.header-bottom-nav.nav-center{
		justify-content: space-between;
	}
	ul.header-bottom-nav.nav-center li{
	}
	.menu-item-197 .sub-menu{
	width: 90vw !important;
		position: absolute !important;
		left:-0 !important;
}
	.sajat-mega-menu-row.row{
		width: 100% !important;
	}
.sajat-mega-menu-col{
	max-width: 33%;
	flex-basis: 330%;
	padding: 0 4px 10px 4px;
}
	.sajat-mega-menu-row .icon-box-img{
		width: 70px !important;
}
	.sajat-mega-menu-row .icon-box-text p{
		font-size: 12px;
}
}
/*account*/
a.account-link.button.primary, a.account-link-mobile.button.primary, a.nav-top-not-logged-in.button.primary{
	background-color: #464646;
}
i.icon-user{
	color: #fff200;
}
a.account-link-mobile i.icon-user{
	color: #ffffff;
}
.woocommerce-MyAccount-content{
	max-width: 1190px;
	margin: 50px auto;
}
/*fontok*/ 
  h1{
   	  font-size: 48px;
			line-height: 1em;
		letter-spacing: -0.02em;
	  margin-bottom: 16px;
    }
    h2{
      font-size: 46px;
			line-height: 1.175em;
			letter-spacing: -0.02em;
		margin-bottom: 0;
    }
    h3{
        font-size: 36px;
			line-height: 1.11em;
			letter-spacing: -0.02em;
    }
		h4{
        font-size: 30px;
			line-height: 1.27em;
			letter-spacing: -0.02em;
    }
	h5{
        font-size: 20px;
			line-height: 1.4em;
		letter-spacing: -0.02em;
    }
    p, li, a {
      font-size: 16px;
			line-height: 1.5em;
			letter-spacing: -0.02em;
}
a.button{
	font-size: 16px;
	min-width: 150px;
	line-height: 48px;
	transition-duration:0.7s;
	color: #464646 !important;
	border: none;
}
a.button.account-link, a.button.nav-top-not-logged-in, a.button.account-link-mobile{
		line-height: 32px;
	top: 2px;
}
a.button:hover{
	background-color: #464646 !important;
	box-shadow: none;
	color: #ffffff !important;
	transition-duration:0.7s;
}

@media only screen and (max-width: 849px){
	 h1{
   	  font-size: 48px;
			line-height: 1em;
		letter-spacing: -0.02em;
	  margin-bottom: 16px;
    }
    h2{
      font-size: 36px;
			line-height: 44px;
    }
    h3{
        font-size: 30px;
			line-height: 36px;
    }
		h4{
        font-size: 26px;
			line-height: 32px;
    }
	h5{
        font-size: 20px;
			line-height: 1.4em;
		letter-spacing: -0.02em;
    }
}

/*általános*/
.kiemelt p{
	text-transform: uppercase;	
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.07em;
	margin-bottom: 16px;
}
.kerekitett.img img{
	border-radius: 16px;
}
button.scroll-for-more{
	background: #FFE6E1;
	opacity: 1 !important;
	width: 57px;
	padding:0;
	height: 57px;
	border: 5px solid #ffffff;
	border-radius: 50%;
}
/*aloldal kis fejlécek*/
.kis-fejlec-sec{
	max-width: 1220px;
	height: 208px;
	margin: 30px auto;
	padding-left: 80px;
}
.kis-fejlec-sec .section-bg{
	margin-bottom: 34px;
	background-size: auto 100% !important;
	background-position: top right !important;
}
.kis-fejlec-sec .col{
	padding-bottom: 0;
}
.kis-fejlec-sec h1{
	margin-bottom: 0;
}
.kis-fejlec-sec:before{
	content: '';
	width: 100%;
	height: 208px;
	background: linear-gradient(90deg, rgba(255, 242, 0, 1) 50%, rgba(255, 242, 0, 0.1) 100%);
	position: absolute;
	z-index:1;
	top: 0;
	left:0;
}
@media only screen and (min-width: 850px){
	.kis-fejlec-sec .section-bg{
	border-radius: 16px;
}
	.kis-fejlec-sec:before{
	border-radius: 16px;
}
}
@media only screen and (max-width: 849px){
	.kis-fejlec-sec{
		padding-left: 15px;
	}
	.kis-fejlec-sec h1{
		font-size: 36px;
	}
	.kis-fejlec-sec:before{
	background: linear-gradient(90deg, rgba(255, 242, 0, 1) 30%, rgba(255, 242, 0, 0.7) 70%, rgba(255, 242, 0, 0.1) 100%);
}
}
/*hátterek*/

@media only screen and (min-width: 850px){

}

/*kezdőlap*/
.kezdolap.hero h1{
	line-height: 56px;
}
.kezdolap.hero img{
	max-width: 550px;
}
.kezdolap.hero p{
	font-weight: 700;
	font-size: 20px;
}
@media only screen and (min-width: 850px){
	.kezdolap.hero{
	padding-top: 72px !important;
}
		.kezdolap.hero .large-7{
		flex-basis: 52%;
		max-width: 52%;
			padding-right: 0;
}
	.kezdolap.hero .large-5{
		flex-basis: 48%;
		max-width: 48%;
}
	.kezdolap.hero p{
		max-width: 432px;
}
}
@media only screen and (max-width: 849px){
	.kezdolap.hero h1{
	font-size: 30px;
		line-height: 34px;
}
	.kezdolap.hero p{
	font-size: 16px;
}
}
.osztott-kep-jobb .szoveg-col .col-inner, .osztott-kep-bal .szoveg-col .col-inner{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.osztott-kep-jobb .kep-col-mobile, .osztott-kep-bal .kep-col-mobile{
	padding-bottom: 0;	
}
	.osztott-kep-jobb .szoveg-col .col-inner:not(.osztott-kep-jobb.rolunk-oldal .szoveg-col .col-inner), .osztott-kep-bal .szoveg-col .col-inner:not(.osztott-kep-bal.rolunk-oldal .szoveg-col .col-inner){
	border-radius: 0 0 16px 16px;
}
 .osztott-kep-jobb .kep-col-mobile .col-inner img:not(.osztott-kep-jobb.rolunk-oldal .kep-col-mobile .col-inner img), .osztott-kep-bal .kep-col-mobile .col-inner img:not(.osztott-kep-bal.rolunk-oldal .kep-col-mobile .col-inner img){
		border-radius: 16px 16px 0 0;
}
.osztott-kep-jobb a.button, .osztott-kep-bal a.button{
	width: 150px;
}
@media only screen and (min-width: 850px){
	.osztott-kep-jobb .szoveg-col{
			padding-right: 0;
}
	.osztott-kep-jobb .kep-col{
		padding-left: 0;
}
	.osztott-kep-bal .kep-col{
		padding-right: 0;
}
	.osztott-kep-bal .szoveg-col{
			padding-left: 0;
}
	.osztott-kep-jobb .szoveg-col .col-inner:not(.osztott-kep-jobb.rolunk-oldal .szoveg-col .col-inner), .osztott-kep-bal .kep-col .col-inner img:not(.osztott-kep-bal.rolunk-oldal .kep-col .col-inner img){
	border-radius: 16px 0 0 16px;
}
.osztott-kep-bal .szoveg-col .col-inner:not(.osztott-kep-bal.rolunk-oldal .szoveg-col .col-inner), .osztott-kep-jobb .kep-col .col-inner img:not(.osztott-kep-jobb.rolunk-oldal .kep-col .col-inner img){
		border-radius: 0 16px 16px 0;
}
}
/*a te igényeidre*/
@media only screen and (max-width: 849px){
.a-te-igenyeidre-sec .icon-box.text-left{
	text-align: center;
}
	.a-te-igenyeidre-sec .icon-box .icon-box-img{
		margin: 0 auto 24px auto;
}
}
/*Vélemények*/
.velemenyek-sec .icon-box .icon-box-img{
	margin-bottom: 0;
}
.velemenyek-sec .icon-box .icon-box-img img{
	border-radius: 16px;
	border: 4px solid #f2f2f2;
}
.velemenyek-sec .icon-box .icon-box-text{
	background: #ffffff;
	padding: 94px 24px 24px 24px;
	margin-top: -70px;
	border-radius: 16px;
}
.velemenyek-sec .col-inner{
	height: 100%;
}
.velemenyek-sec .icon-box {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.velemenyek-sec .icon-box-text {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.velemenyek-nev{
	margin-bottom: 8px;
	display: block;
}
.velemenyek-nev p{
		font-size: 20px;
	line-height: 26px;
}
.velemenyek-szoveg{
	margin-bottom: 16px;
}
.velemenyek-link a{
	font-size: 14px;
	text-decoration: underline;
	color: #464646;
}



/*termék oldal*/
.termekkep-col{
	
}
.rovid-leiras-col{
	
}
.product-images{
}
h1.product-title{
	font-size: 26px;
	line-height: 32px;
}
.product-title-container .is-divider{
	display: none;
}
.product-short-description li, .pipas-lista li{
	font-size: 17px;
	list-style: none;
	margin-left: 0 !important;
	font-weight: 700;
}
.product-short-description li:before, .pipas-lista li:before{
	content:'';
	width: 20px;
	height: 20px;
	background: url('/wp-content/uploads/2025/09/citrom-hu-pipa-ikon.webp');
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
	left: 0;
	top: 4px;
	display: inline-block;
	margin-right: 10px;
}
.mennyisegi-kedvezmeny-col{
	background: #464646;
	padding: 26px 24px;
	border-radius: 8px;
}
.mennyisegi-kedvezmeny-col h4{
display: none;
}
.mennyisegi-kedvezmeny-gomb{
	color: #ffffff;
	text-transform: none;
	font-size: 18px;
	line-height: 28px;
	letter-spacing: 0;
	border: 2px solid rgba(255,255,255,0.4);
	border-radius: 24px;
	width: 100%;
	margin-bottom: 16px;
}
.mennyisegi-kedvezmeny-gomb:hover, .mennyisegi-kedvezmeny-gomb:focus{
	color: #fff200;
	border-color: #fff200;
}
del span.amount{
	opacity: 1;
}
.product-price-container{
	margin-top: 14px;
}
.product-page-price{
	color: #ffffff;
	margin-bottom: 16px;
}
.product-page-price del bdi{
	color: #ffffff;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 0;
}
.product-page-price ins bdi{
	color: #ffffff;
	font-size: 40px;
	line-height: 42px;
	letter-spacing: 0;
}
/*szállítási dátum*/
p.stock{
	display: inline;
		font-size: 14px;
	line-height:24px;
	color: #ffffff;
}
.shipping-estimate{
	color: #ffffff;
	font-size: 14px;
	line-height:24px;
	display: inline;
}

form.cart{
	margin-top: 10px;
	margin-bottom: 0;
}
form.cart .quantity{
	margin-right: 14px;
	border: 2px solid rgba(255,255,255,0.4);
	border-radius: 96px;
}
form.cart .quantity input{
	background: transparent;
	border: none;
	box-shadow: none;
	color: #ffffff;
	font-size: 18px;
	line-height: 28px;
	letter-spacing: 0;
}
form.cart .quantity input:hover{
	background: transparent;
	color: #ffffff;
}
form.cart input[type=button], form.cart input.button{
	min-height: 0 !important;
}
form.cart input[type=number]{
	height: 38px;
}
button.single_add_to_cart_button.button.alt{
	background: #fff200;
	color: #464646;
	letter-spacing: 0.04em;
	font-size: 16px;
	line-height: 28px;
	border-radius: 24px;
	width: 131px;
}

/*termék oldal kapcsolt termék*/
.kapcsolt-termek-col{
	padding: 0;
}
.custom-upsell-block{
	background: #f5f5f5;
	border-radius: 8px;
	padding: 24px 27px;
	margin-top: 16px;
	border: 2px solid rgba(0,0,0,0.1);
}
.kapcsolt-termek-col .custom-upsell-row{
	display:flex;
	gap: 8px;
}
.kapcsolt-termek-col .custom-upsell-image,
.kapcsolt-termek-col .custom-upsell-details{
	width: 50%;
}
.kapcsolt-termek-col .custom-upsell-details, .kapcsolt-termek-col .custom-upsell-price{
	display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.kapcsolt-termek-col .custom-upsell-price ins bdi{
	font-size: 26px;
	line-height: 1em;
	color: #464646;

}
.kapcsolt-termek-col .custom-upsell-title a{
	display: block;
	color: #464646;
	line-height: 22px;
	margin-bottom: 15px;
	font-weight: 700;
	min-width: unset;
}
.kapcsolt-termek-col .custom-upsell-button-wrap a.button{
	color: #464646;
	border-radius: 24px;
	font-size: 12px;
	line-height:14px;
	border: none;
	min-width: unset;
	width: 100%;
	padding-top: 8px;
	padding-bottom: 8px;
}

/*termék tabok*/
.termek-tab-sec{
	padding-top: 50px !important;
}
ul.product-tabs{
	width: 100%;
}
ul.product-tabs li{
	flex: 1;
}
ul.product-tabs li a{
	font-size: 20px;
	line-height: 28px;
	letter-spacing: 0;
	color: #464646;
	margin-bottom: 15px;
	text-transform: none;
}
ul.product-tabs li.active a{
	color: #464646 ;
}
.termek-tab-sec .tab-panels{
	padding-top: 55px;
}
.woocommerce-Tabs-panel h2{
	font-size: 30px;
	line-height: 38px;
}
.woocommerce-Tabs-panel h3{
	font-size: 26px;
	line-height: 33px;
}
.termek-tab-sec .tab-panels th:nth-child(1),
.termek-tab-sec .tab-panels td:nth-child(1) {
	 width: 50%;
}
.termek-tab-sec .tab-panels th:nth-child(2),
.termek-tab-sec .tab-panels td:nth-child(2),
.termek-tab-sec .tab-panels th:nth-child(3),
.termek-tab-sec .tab-panels td:nth-child(3) {
 width: 25%;
}
.termek-tab-sec .tab-panels th, .termek-tab-sec .tab-panels td{
	font-size: 16px;
	text-transform: none;
	color: #000000;
	line-height: 24px;
	padding: 8px 0 8px 24px;
}
.termek-tab-sec .tab-panels th{
	background: #fff200;
}
.termek-tab-sec .tab-panels tr:nth-child(2n){
	background: rgba(255, 242, 0, 0.4);
}
#tab-adagolas{
	background: #fff200;
	padding: 0 48px 0 48px;
	border-radius: 16px;
}
#tab-adagolas h2{
	padding-top: 48px;
}
#tab-adagolas p:last-child{
	margin-bottom: 0;
	padding-bottom: 48px;
}
@media only screen and (min-width: 850px){
	.termek-elso-sec{
		margin-top: 30px;
		padding-top: 12px !important;
		background: #ffffff;
	}
.termekkep-col{
}
	h1.product-title{
	font-size: 30px;
	line-height: 38px;
}
.rovid-leiras-col{
	padding-left: 33px;
	padding-right: 33px;
}
	ul.product-tabs li a:before{
	background: rgba(0,0,0,0.2);
	height: 7px;
	top: unset;
	bottom: 0;
}
	.mennyisegi-kedvezmeny-col{
}
}
@media only screen and (max-width: 849px){
		.mennyisegi-kedvezmeny-col{
		max-width: calc(100% - 30px);
		margin: 0 auto;
	}
	ul.product-tabs{
		gap: 0 5px;
}
	ul.product-tabs li{
		/*flex: unset;*/
		width: calc((100% - 10px) /3);
}
	ul.product-tabs li.active a{
		background: #fff200;
}
	ul.product-tabs li a{
		font-size: 13px;
		background: #ffffff;
		border: 1px solid #464646;
		text-align: center;
		margin-bottom: 8px;
		width: 100%;
		display: block;
}
	ul.product-tabs li a:before{
		display: none;
	}
	.termek-tab-sec .tab-panels{
    padding-top: 32px;
}
	.woocommerce-Tabs-panel h2 {
    font-size: 26px;
    line-height: 32px;
}
	.woocommerce-Tabs-panel h3 {
    font-size: 22px;
    line-height: 27px;
}
	.termek-tab-sec .tab-panels th, .termek-tab-sec .tab-panels td{
	padding: 8px;
}
	.termek-tab-sec .tab-panels th:nth-child(1),
.termek-tab-sec .tab-panels td:nth-child(1) {
	 width: 50%;
}
.termek-tab-sec .tab-panels th:nth-child(2),
.termek-tab-sec .tab-panels td:nth-child(2){
 width: 20%;
}
.termek-tab-sec .tab-panels th:nth-child(3),
.termek-tab-sec .tab-panels td:nth-child(3) {
 width: 30%;
}
	.legy-resze-sec h2{
		font-size: 36px;
		line-height: 44px;
	}
	.apro-betu p{
		font-size: 14px;
		line-height: 18px;
}
}

/*termék banner*/
.termek-banner-col{
	padding-bottom: 0;
}
.termek-banner{
	background: #ffffff;
	border-radius: 16px;
}
.banner-kep{
	display: flex;
	justify-content: center;
}
.banner-kep img{
	max-width: 300px;
	margin-bottom: 0;
}
.banner-szoveg ol {
	list-style: none;
	counter-reset: omega-counter;
}
.banner-szoveg ol li {
	position: relative;
	margin-bottom: 1em;
	counter-increment: omega-counter;
	padding-left: 50px;
	margin-left:0;
	margin-bottom: 24px;
}

.banner-szoveg ol li::before {
	content: counter(omega-counter) "";
	position: absolute;
	left: 0;
	top: -6px;
	width: 34px;
	height: 34px;
	background: #464646;
	color: #ffffff;
	border-radius: 50%;
	font-weight: bold;
	font-size: 21px;
	line-height: 34px;
	text-align: center;
}
@media only screen and (min-width: 850px){
	.termek-banner{
		display: flex;
		align-items: center;
	}
	.banner-kep, .banner-szoveg{
		flex: 1;
		padding: 34px 0 54px 0;
	}
}
@media only screen and (max-width: 849px){
	.termek-banner-sec{
		background: #ffffff;
}
	.termek-banner h2{
		font-size: 36px;
}
	.banner-kep{
		padding: 34px 0 0 0;
}
	.banner-szoveg{
		padding: 34px 0 54px 0;
}
}

/*termékkategória oldalak*/
.row.category-page-row{
    max-width: 1250px;
}
@media only screen and (max-width: 849px){
.row.category-page-row{
    padding-top: 0;
}
.row.category-page-row .large-12{
    padding-left: 0;
    padding-right: 0;
}
.row.category-page-row .large-12 .products.row{
    padding-left: 15px;
    padding-right: 15px;
}
}
.row.category-page-row .row.row-small {
    max-width: 1250px;
}
.woocommerce-shop .termekkategoria-hatterkep-wrapper:after{
	content: 'Összes termék';
	font-size: 48px;
    line-height: 1em;
    letter-spacing: -0.02em;
	font-family: Mohave;
	position: absolute;
}
.category-page-title{
	display: none;
}
.products.row{
}
.termekkategoria-hatterkep-wrapper{
	margin-bottom: 34px;
    background-image: var(--desktop-bg);
	background-size: cover;
	background-position: right center;
	height: 208px;
	padding-left: 80px;
	display: flex;
	align-items: center;
	border-radius: 16px;
}
@media (max-width: 850px){
.termekkategoria-hatterkep-wrapper{
	margin-bottom: 34px;
    background-image: var(--mobile-bg);
	background-size: cover;
	background-position: right center;
	height: 35vw;
	padding-left: 25px;
	display: flex;
	align-items: center;
	border-radius: 0;
}
}
.term-description h1{
	margin-bottom: 0;
	position: relative;
	z-index: 1;
}
/*.termekkategoria-hatterkep-wrapper:before{
	content: '';
	width: 100%;
	height: 208px;
	background: linear-gradient(90deg, rgba(255, 242, 0, 1) 50%, rgba(255, 242, 0, 0.1) 100%);
	position: absolute;
	top: 0;
	left:0;
}*/
	.products.row .col{
	padding: 0 10px 32px;
}
.products .box-image, .nepszeru-termekeink-sec .box-image{
	border-radius: 16px 16px 0 0;
}
.products .box-text, .nepszeru-termekeink-sec .box-text{
	background: #ffffff;
	padding: 5px 24px 24px 24px;
	border-radius: 0 0 16px 16px;
}

.products p.product-title a, .nepszeru-termekeink-sec p.product-title a{
	font-size: 18px;
	font-weight: 700;
	color: #464646;
}
.products .price bdi, .nepszeru-termekeink-sec .price bdi{
	font-size: 16px;
	color: #464646;
	font-weight: 700;
}
.products .price ins bdi, .nepszeru-termekeink-sec .price ins bdi{
	font-size: 24px;
	color: #464646;
}
.products .add-to-cart-button a.button, .nepszeru-termekeink-sec .add-to-cart-button a.button{
	color: #464646;
	font-size: 16px;
	border-radius: 24px;
	line-height: 48px;
	border: none;
	min-width: unset;
	width: 130px;
}
.add-to-cart-button a.button:hover{
	color: #ffffff;
}
a.product-tovabb-gomb.button{
	background: #464646;
	color: #fff200 !important;
}
a.product-tovabb-gomb.button:hover{
	background: #fff200 !important;
	color: #464646 !important;
}
@media only screen and (max-width: 849px){
	.termekkategoria-hatterkep-wrapper{
		padding-left: 15px;
	}
	.term-description h1{
		font-size: 36px;
	}
	.termekkategoria-hatterkep-wrapper:before{
	background: linear-gradient(90deg, rgba(255, 242, 0, 1) 30%, rgba(255, 242, 0, 0.7) 70%, rgba(255, 242, 0, 0.1) 100%);
}
	.woocommerce-shop .termekkategoria-hatterkep-wrapper:after{
	font-size: 36px;
}
}
@media only screen and (min-width: 850px){
	.termekkategoria-hatterkep-wrapper:before{
	width: calc(100% - 30px);
	left:15px;
}
	.products.row .col, .nepszeru-termekeink-sec .products.row .col{
	padding: 0 15px 19.6px;
}
}

/*hírlevél szekció*/
.hirlevel.hero{
	padding-top: 72px !important;
}
.hirlevel-row .col-inner{
	height: 455px;
	padding: 80px 64px 67px 64px;
}
.hirlevel-row h4{
	font-size: 110px;
	line-height: 1em;
	letter-spacing: -0.05em;
	margin-bottom: 0;
}
.iratkozz-fel-col h5{
	font-size: 36px;
	line-height: 40px;
	margin-bottom: 0;
}
.kozosseg-col h5{
	font-size: 30px;
	line-height: 38px;
	margin-bottom: 0;
}
.hirlevel-row p{
	font-size: 19px;
	line-height: 28px;
	color: #ffffff;
}
.iratkozz-fel-col .col-inner{
	background: url('/wp-content/uploads/2025/09/hirlevel-col-bg1.webp');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 16px;
}
.kozosseg-col .col-inner{
	background: url('/wp-content/uploads/2025/09/kozosseg-col-bg1.webp');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 16px;
}
.iratkozz-fel-col h4, .iratkozz-fel-col h5{
	color: #fff200;
}
.iratkozz-fel-col h4{
	font-size: 85px;
	line-height: 0.85em;
	margin-bottom: 10px;
}
.hirlevel-row a.button{
	border-radius: 24px;
	width: 190px;
	line-height: 48px;
	border: none;
	letter-spacing: 0.04em;
	margin-bottom: 0;
}
.iratkozz-fel-col a.button{
	color: #464646;
}
.kozosseg-col a.button{
	color: #ffffff !important;
	background: #464646 !important;
}
.hirlevel-row a.button:hover{
	color: #ffffff;
}
.kozosseg-col a.button:hover{
	color: #464646 !important;
	background: #fff200 !important;
}
@media only screen and (min-width: 850px){
	.hirlevel-row a.button{
	position: absolute;
	bottom:67px;
}
}
@media only screen and (max-width: 1040px){
	.kozosseg-col h4{
	font-size: 60px;
	letter-spacing: -0.07em;
}
/*	.iratkozz-fel-col h4{
	font-size: 45px;
	letter-spacing: -0.07em;
}*/
/*	.hirlevel-row .col{
		min-height: 350px;
	}*/
/*	.hirlevel-row .col-inner{
	padding: 35px 21px 35px 35px;
		height: unset;
}*/
/*	.iratkozz-fel-col h5{
		font-size: 23px;
		line-height: 23px;
		margin-bottom: 8px;
}*/
		.kozosseg-col h5{
		font-size: 19px;
		line-height: 23px;
			margin-bottom: 12px;
}
/*	.hirlevel-row p {
    font-size: 16px;
    line-height: 18px;
		margin-bottom: 12px;
}*/
/*	.hirlevel-row a.button{
	font-size: 11px;
	width: 140px;
	min-width: unset;
	line-height: 30px;
}*/
}
@media only screen and (max-width: 640px){
	.hirlevel-row .col-inner{
		height: calc((100vw - 30px) / 1.306);
		padding: 9.7vw;
		display: flex;
    flex-direction: column;
    justify-content: space-between;
	}
	.iratkozz-fel-col h4 {
    font-size: 9vw;
    line-height: 0.85em;
}
	.iratkozz-fel-col h5 {
    font-size: 6.11vw;
    line-height: 1em;
	margin-bottom: 10px;
}
	.hirlevel-row p {
    font-size: 4.44vw;
    line-height: 1.1em;
}
	.iratkozz-fel-col a.button {
	display: flex;
    justify-content: center;
    flex-direction: column;
    line-height: unset;
    font-size: 2.4vw;
	width: 29vw;
    min-width: unset;
	}
}

/*űrlap*/
.fluentform .ff-el-group{
    margin-bottom: 16px !important;
}
.ff-el-group.ff-el-input--content{
	margin-bottom: 10px !important;
}
button[type=submit]{
	background: #fff200 !important;
	color: #464646 !important;
	font-weight: 700 !important;
	letter-spacing: 0.04em;
	width: 130px;
}
textarea{
	min-height: 150px !important;
}

/*kosár*/
.kosar-sec{
	padding-top: 60px !important;
}
.woocommerce-cart-form th{
	font-size: 15px;
	text-transform: none;
	font-weight: 400;
	border-bottom: 1px solid rgba(0,0,0,0.2) !important;
}
.woocommerce-cart-form td{
		border-bottom: 1px solid rgba(0,0,0,0.2) !important;
}
.woocommerce-cart-form td img{
	border-radius: 6px;
}
.woocommerce-cart-form td a, .woocommerce-cart-form bdi{
	line-height: 20px;
	font-weight: 700;
	color: #464646;
	letter-spacing: 0;
}
td.actions{
	display: none;
}
.kosar-sec .checkout_coupon{
	display: none;
}
.ux-quantity{
	border: 2px solid rgba(0,0,0,0.2);
	border-radius: 99px;
}
.ux-quantity input, .ux-quantity input[type=button].is-form{
	border: none;
	box-shadow: none;
	background: transparent;
}
.cart-sidebar{
	background: #464646;
	color: #ffffff;
	padding: 25px 22px;
	border-radius: 8px;
}
.cart-sidebar th, .cart-sidebar td, .cart-sidebar bdi{
	border-width: 1px !important;
	color: #ffffff;
	font-weight: 400;
	font-size: 17px;
}
.cart_totals tbody th{
	font-size: 17px;
}
.cart-sidebar span.amount, .cart-sidebar small.includes_tax span.amount{
	color: #ffffff;
font-weight: 400;
}
.cart-sidebar span.amount:not(.cart-sidebar small.includes_tax span.amount){
	font-size: 17px;
}
.shipping__list_label, .cart-sidebar a:not(.cart-sidebar a.button){
	color: #ffffff;
	opacity: 1;
}
.cart-sidebar a:hover{
	color: #fff200;
}

.cart-sidebar th.product-name{
	font-size: 32px;
	letter-spacing: 0;
	font-weight: 500;
	text-transform: none;
	padding-top: 0;
}
@media only screen and (min-width: 850px){
	.kosar-sec .woocommerce .large-7{
	flex-basis: 66%;
        max-width: 66%;
}
.kosar-sec .woocommerce .large-5{
	flex-basis: 34%;
        max-width: 34%;
}
}
@media only screen and (max-width: 849px){
	.cart-collaterals{
	padding: 0;	
}
.cart-sidebar{
	border-radius: 0;	
}
}
/*pénztár*/
.checkout-sidebar{
	background: #464646;
	color: #ffffff;
	padding: 25px 22px;
	border-radius: 8px;
}
form.checkout .large-5 .col-inner{
	padding: 0;
	border: none;
}
form.checkout label{
	color: #464646;
	font-weight: 400 !important;
	font-size: 17px;
}
form.checkout .checkout-sidebar h3{
	color: #ffffff;
	font-size: 30px;
	text-transform: none;
}
form.checkout .checkout-sidebar label, form.checkout .checkout-sidebar a{
	color: #ffffff;
	opacity: 1;
}
.checkout-sidebar th, .checkout-sidebar td, .checkout-sidebar bdi{
	color: #ffffff;
}
@media only screen and (min-width: 1140px){
	label.shipping__list_label{
		display: flex !important;
		align-items: center;
		gap: 20px;
}
}
.checkout-sidebar button.button{
	width: 100%;
	color: #464646;
}
#main input:not(#main form.cart input, .ux-quantity input), #main span.select2-selection, #main textarea{
	box-shadow: none !important;
	border: 2px solid rgba(0,0,0,0.2) !important;
	border-radius: 8px;
	margin-bottom: 0;
}
#main span.select2{
	margin-bottom: 0;
}
@media only screen and (min-width: 850px){
	form.checkout .large-7, form.checkout .large-5{
	max-width: 50%;
	flex-basis: 50%;
}
}

/*kapcsolat*/
.kapcsolati-adatok-sec .icon-box-text{
	align-content: center;
	position: relative;
	top: 2px;
}
/*footer*/
.sajat-footer-sec{
	padding-top: 60px !important;
	padding-bottom: 0 !important;
}
.sajat-footer-sec p{
    font-family: "Source Sans Pro", sans-serif;
	letter-spacing: 0;
}
.sajat-footer-sec h4, .sajat-footer-sec h4 a{
    font-family: "Source Sans Pro", sans-serif;
	letter-spacing: 0;
	color: #464646;
}
.footer-logo{
	width: 137px !important;
}
.footer-logo-col p{
	margin-bottom: 5px;
	line-height: 24px;
}
.footer-menu-col p, .footer-menu-col a{
	text-transform: uppercase;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 26px;
	color: #464646 !important;
}
.sajat-footer-sec h4, .sajat-footer-sec h4 a{
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 14px;
	text-decoration: underline;
}
.footer-hirlevel-col p{
	font-size: 14px;
	line-height: 18px;
}
.footer-social-stack .img{
	width: 30px !important;
}
.footer-adatvedelem-row{
	border-top: 1px solid #464646;
	padding-top: 18px;
}
.footer-adatvedelem-col{
	padding-bottom: 0px !important;
}
.footer-adatvedelem-col p, .footer-adatvedelem-col a{
	font-size: 14px;
	color: #464646 !important;
}
.footer-visa-col{
	padding-bottom: 16px;
}
.footer-visa-col .img{
	max-width: 290px;
}
@media only screen and (max-width: 849px){
	.footer-adatvedelem-row .md\:stack-col>*~* {
        margin-top: 0 !important;
}
	.footer-adatvedelem-row p{
		margin-bottom: 0;
}
	.footer-adatvedelem-row a{
		font-size: 12px;
		line-height: 24px;
}
}
/*socket*/
.absolute-footer{
	font-size: 14px;
  font-family: "Source Sans Pro", sans-serif;
	line-height: 24px;
	padding-top: 13px;
	padding-bottom: 13px;
}



