/* gery1979 custom css - custom-general-root.css */
/* date: 2026.06.01. */
/* Szín és font séma */
/* acculine.hu */

:root {
/* BORDEREK */
	--g-border-color-lightgrey: #f2f2f2;/*border szín világos szürke*/
	--g-border-color-grey: #f4f4f4;/*border szín szürke*/
	--g-border-color-dark-grey: #e2e2e2;/*border szín sötét szürke*/
	--g-border-color-black: #4b4f54;/*border fekete*/
	--g-border-color-1: #2d2f5f;/*border szín 1*/
	--g-border-color-2: #2d2f5f;/*border szín 2*/

/* FONTOK */
	--g-text-color-black: #4b4f54;/*fekete szöveg*/
	--g-text-color-inverse: #ffffff;/*inverse szöveg*/
	--g-shop-category-title-color: rgba(0, 122, 195, 0.15);/*shop kategória cím szín*/
	--g-breadcrumb-text-color: #595959;/*breadcrumb szöveg szín*/
	--g-text-color-1: #595959;/*színes szöveg szín 1*/
	--g-text-color-1-hover: #4b4f54;/*színes szöveg szín 1 hover*/
	--g-text-color-2: #2d2f5f;/*színes szöveg szín 2*/
	--g-text-color-2-hover: #292c53;/*színes szöveg szín 2 hover*/
	--g-text-color-3: #9f2d3b;/*színes szöveg szín 3*/
	--g-text-color-3-hover: #832c36;/*színes szöveg szín 3 hover*/
	--g-text-color-tooltip: #ffffff;/*tooltip szöveg szín*/
	--g-font-family: "Roboto Condensed";/*alapértelmezett fontkészlet*/
	--g-font-weight-light: 300;/*font vékony*/
	--g-font-weight-regular: 400;/*font normál*/
	--g-font-weight-bold: 700;/*font félkövér*/
	--g-font-weight-button: 400;
	--g-font-size-woo-message: 18px;

/* SZÍNEK */
	--g-bg-color-black: #4b4f54;/*fekete háttér*/
	--g-bg-color-white: #ffffff;/*fehér háttér*/
	--g-bg-color-lightgrey: #f9f9f9;/*halvány szürke háttér*/
	--g-bg-color-grey: #f4f4f4;/*szürke háttér*/
	--g-bg-color-1: #2d2f5f;/*színes háttér 1*/
	--g-bg-color-1-hover: #292c53;/*színes háttér 1 hover*/
	--g-bg-color-2: #2d2f5f;/*színes háttér 2*/
	--g-bg-color-2-hover: #292c53;/*színes háttér 2 hover*/
	--g-bg-color-3: #9f2d3b;/*színes háttér 3*/
	--g-bg-color-3-hover: #832c36;/*színes háttér 3 hover*/
	--g-bg-color-1-light: #f2fbfc;/*színes halvány háttér 1*/
	--g-bg-color-1-light-hover: #e5f6f9;/*színes halavány háttér 1 hover*/
	--g-bg-color-2-light: #f9f8fb;/*színes halvány háttér 2*/
	--g-bg-color-2-light-hover: #f4f1f8;/*színes halavány háttér 2 hover*/
	--g-bg-color-pic-grey: #f0eff5;/*kép alatti háttér*/
	--g-bg-color-attrib: #2d2f5f;/*attributum label háttér*/
	--g-bg-color-attrib-hover: #292c53;/*attributum label háttér hover*/
	--g-bg-color-productlist-att-size: #f7f7f7;/*attributum háttér a terméklistában*/
	--g-bg-color-tooltip: #4b4f54;/*tooltip háttér*/
	--g-color-mark-green: #7caf00;/*van készeten*/
	--g-color-mark-red: #d61500;/*nincs készleten*/
	--g-header-text-color: #4b4f54;/*header ikonok*/

/* GOMBOK */
	--g-button-1: #2d2f5f;/*szines gomb 1*/
	--g-button-1-hover: #292c53;/*szines gomb 1 hover*/
	--g-button-2: #2d2f5f;/*szines gomb 2*/
	--g-button-2-hover: #292c53;/*szines gomb 2 hover*/
	--g-button-radius: 5px;/*gomb radius*/

/* LOGO */
	--g-logo-header-height: 22px;/* a header logo magasságága */
	--g-logo-header-width: 120px;/* a header logo szélessége */
	
/* LAYOUT */
	--g-label-radius: 4px;/*label, attrib label radius*/
	--g-color-radius: 3px;/*attrib color radius*/

/* BACKGROUND */
	--g-gradient-grey-bg: #f9f9f9;
	--g-gradient-grey-bg-moz-linear: -moz-linear-gradient(top, #f9f9f9 0%, #ffffff 25%, #ffffff 100%);
	--g-gradient-grey-bg-webkit-linear: -webkit-linear-gradient(top, #f9f9f9 0%,#ffffff 25%,#ffffff 100%);
	--g-gradient-grey-bg-linear: linear-gradient(to bottom, #f9f9f9 0%,#ffffff 25%,#ffffff 100%);
	--g-gradient-grey-2-bg: #ffffff;
	--g-gradient-grey-2-bg-moz-linear: -moz-linear-gradient(top, #ffffff 0%, #ffffff 25%, #f9f9f9 100%);
	--g-gradient-grey-2-bg-webkit-linear: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 25%,#f9f9f9 100%);
	--g-gradient-grey-2-bg-linear: linear-gradient(to bottom, #ffffff 0%,#ffffff 25%,#f9f9f9 100%);
	--g-blockquote-bg: rgba(0, 0, 0, 0.03);
	--g-blockquote-bg-moz-linear: -moz-linear-gradient(90deg, rgba(0,0,0,0.03) 0%, rgba(0,0,0,0.02) 66%, rgba(0,0,0,0) 100%);
	--g-blockquote-bg-webkit-linear: -webkit-linear-gradient(90deg, rgba(0,0,0,0.03) 0%, rgba(0,0,0,0.02) 66%, rgba(0,0,0,0) 100%);
	--g-blockquote-bg-linear: linear-gradient(90deg, rgba(0,0,0,0.03) 0%, rgba(0,0,0,0.02) 66%, rgba(0,0,0,0) 100%);
	--g-gradient-color-bg: #396893;
	--g-gradient-color-bg-moz-linear: -moz-linear-gradient(-45deg, #292c53 0%, #2d2f5f 33%, #2d2f5f 60%, #9f2d3b 74%, #832c36 100%);
	--g-gradient-color-bg-webkit-linear: -webkit-linear-gradient(-45deg, #292c53 0%,#2d2f5f 33%,#2d2f5f 60%, #9f2d3b 74%, #832c36 100%);
	--g-gradient-color-bg-linear: linear-gradient(135deg, #292c53 0%,#2d2f5f 33%,#2d2f5f 60%, #9f2d3b 74%, #832c36 100%);

/* TERMÉK KEPEK */
	--g-product-image-width: 1;/* a termék kép szélesség a magassághoz (1200px) képest 1,333333 ha 900x1200px, 1 ha 1200x1200px */

/* PADDING ÉS MÉRETEK */
	--g-grid-half: calc(var(--g-grid) / 2);
	--g-grid-double: calc(var(--g-grid) * 2);
	
/* FIX FONT SIZE */
	--g-font-fix-size-s: 14px;
	--g-font-fix-size-m: 15px;
	--g-font-fix-size-l: 16px;
	--g-font-fix-size-xl: 18px;
	--g-font-fix-size-xxl: 20px;

/* BOX SHADOW */
	--g-box-shadow: 0 1px 5px 0 rgba(0,0,0,.1);
}

/* VÁLTOZÓK */
@media /* mobile */(max-width: 480px) {
	:root {
		--g-font-size-h1: 8vw;
		--g-font-size-h2: 7.4vw;
		--g-font-size-h3: 7vw;
		--g-font-size-h4: 6.6vw;
		--g-font-size-h5: 6.2vw;
		--g-font-size-h6: 5.8vw;
		--g-font-size-p: 4.8vw;
		--g-font-size-blockqute: 5vw;
		--g-font-size-label-xl: 4.65vw;
		--g-font-size-label-l: 4.5vw;
		--g-font-size-label-m: 4.3vw;
		--g-font-size-button: 4.5vw;
	}
}

@media /* mobile-extra */(min-width: 481px) and (max-width: 600px) {
	:root {
		--g-font-size-h1: 7vw;
		--g-font-size-h2: 6.4vw;
		--g-font-size-h3: 6vw;
		--g-font-size-h4: 5.6vw;
		--g-font-size-h5: 5.2vw;
		--g-font-size-h6: 4.8vw;
		--g-font-size-p: 3.8vw;
		--g-font-size-blockqute: 4vw;
		--g-font-size-label-xl: 3.6vw;
		--g-font-size-label-l: 3.5vw;
		--g-font-size-label-m: 3.3vw;
		--g-font-size-button: 3.5vw;
	}
}

@media (max-width: 600px) {
	:root {
		--g-grid: 4vw;/* - 600px */
		--g-badge-width: calc(var(--g-font-size-label-l) * 5);
		--g-badge-height: calc((var(--g-font-size-label-l) * 1.4) - 2px);
		--g-badge-padding: calc(var(--g-font-size-label-l) * 0.3) calc(var(--g-font-size-label-l) * 0.6);
		--g-badge-font-save: calc(var(--g-font-size-label-m) * 0.8);
	}
}

@media (min-width: 601px) {
	:root {
		--g-badge-width: calc(var(--g-font-size-label-l) * 6.4);
		--g-badge-height: calc((var(--g-font-size-label-l) * 2) - 2px);
		--g-badge-padding: calc(var(--g-font-size-label-l) * 0.5) var(--g-font-size-label-l);
		--g-badge-font-save: var(--g-font-size-label-l);
	}
}

@media /* tablet */(min-width: 601px) and (max-width: 772px) {
	:root {
		--g-grid: 3vw;/* 601px - 772px */
		--g-font-size-h1: 6vw;
		--g-font-size-h2: 5.4vw;
		--g-font-size-h3: 5vw;
		--g-font-size-h4: 4.6vw;
		--g-font-size-h5: 4.2vw;
		--g-font-size-h6: 3.8vw;
		--g-font-size-p: 2.8vw;
		--g-font-size-blockqute: 3vw;
		--g-font-size-label-xl: 2.6vw;
		--g-font-size-label-l: 2.5vw;
		--g-font-size-label-m: 2.3vw;
		--g-font-size-button: 2.7vw;
	}
}

@media /* tablet-extra*/(min-width: 773px) and (max-width: 992px) {
	:root {
		--g-font-size-h1: 5.5vw;
		--g-font-size-h2: 4.9vw;
		--g-font-size-h3: 4.5vw;
		--g-font-size-h4: 4.1vw;
		--g-font-size-h5: 3.7vw;
		--g-font-size-h6: 3.3vw;
		--g-font-size-p: 2.3vw;
		--g-font-size-blockqute: 2.5vw;
		--g-font-size-label-xl: 2.1vw;
		--g-font-size-label-l: 1.9vw;
		--g-font-size-label-m: 1.7vw;
		--g-font-size-button: 2.1vw;
	}
}

@media (max-width: 992px) {
	:root {
		--g-font-size-menu: 20px;
		--g-font-size-submenu-1: 19px;
		--g-font-size-submenu-2: 18px;
	}
}

@media (min-width: 773px) and (max-width: 1024px) {
	:root {
		--g-grid: 2vw;/* 773px - 1024px */
	}
}

@media /* laptop */(min-width: 993px) and (max-width: 1024px) {
	:root {
		--g-font-size-h1: 4.6vw;
		--g-font-size-h2: 4vw;
		--g-font-size-h3: 3.6vw;
		--g-font-size-h4: 3.2vw;
		--g-font-size-h5: 2.8vw;
		--g-font-size-h6: 2.4vw;
		--g-font-size-p: 2vw;
		--g-font-size-blockqute: 2.2vw;
		--g-font-size-label-xl: 1.9vw;
		--g-font-size-label-l: 1.7vw;
		--g-font-size-label-m: 1.6vw;
		--g-font-size-button: 1.9vw;
	}
}

@media /* laptop */(min-width: 993px) and (max-width: 1199.98px) {
	:root {
		--g-font-size-menu: 1.6vw;
		--g-font-size-submenu-1: 1.45vw;
		--g-font-size-submenu-2: 1.4vw;	
	}
}

@media /* desktop */(min-width: 1025px) {
	:root {
		--g-grid: 20px;/* 1025px - */
		--g-font-size-h1: 44px;
		--g-font-size-h2: 38px;
		--g-font-size-h3: 35px;
		--g-font-size-h4: 32px;
		--g-font-size-h5: 29px;
		--g-font-size-h6: 26px;
		--g-font-size-p: 20px;
		--g-font-size-blockqute: 22px;
		--g-font-size-label-xl: 18px;
		--g-font-size-label-l: 16px;
		--g-font-size-label-m: 15px;
		--g-font-size-label-s: 14px;
		--g-font-size-button: 18px;
	}
}

@media /* desktop */(min-width: 1200px) {
	:root {
		--g-font-size-menu: 18px;
		--g-font-size-submenu-1: 17px;
		--g-font-size-submenu-2: 16px;
	}
}