/*

OneClick.hu - CSS

Version: v4.0

Created by Pítör

Media selections:
@media only screen and (min-device-width:1px) and (max-device-width: 760px) -- mobile {}
@media only screen and (min-device-width: 761px) and (max-device-width: 1180px) -- tablet
*/

:root {
	
	/* General vars */
	--width_default: 1400px;
	
  	--color_01: #272727;
  	--color_02: #a6a6a6;
	--color_03: #242f3d;
	--color_04: #f7f7f7;
	--color_05: #f26522; /* narancs */
	--color_06: #bfbfbf;
	--color_07: #009688; /* világoskék */
	--color_07_2: #0a9d8f; /* világoskék 2 */
	--color_08: #c264d2; /* lila */
	--color_09: #dedede; /*vilagosszurke*/
    --color_10: #c5c5c5; /*szürke*/
	
	/* General colors */
	--border_1: var(--color_02);
	--border_2: var(--color_06);
	--border_3: var(--color_10);

    --OneClick_green: #22942a;
    --OneClick_light_grey: #e9e9e9;
	--OneClick_dark_grey: #3c3c3b;
	--OneClick_dark_blue: #242f3d;
	
	/* Header colors */
	--header_upper_bckgrnd: var(--color_03);
	
	/* Alternative colors */
	--color_lightBlue_1: #d4e3f1;
	--color_lightBlue_2: #97c0df;
	--color_darkBlue_1: #012641;

    /* *** NEW BRAND COLORS *** */
    /* Brand alapszínek */
	--brand-blue:#1B4965;
	--brand-blue-dark:#1B4965;
	--brand-blue-light:#E6F3FF;
	--brand-blue-hover:#339DFF;

	--brand-orange:#FF7F11; /* CTA */
	--brand-orange-soft:#FFD8A8;

	/* Kiegészítő színek */
	--accent-green:#169B95;
	--accent-green-soft:#169B95;

	--accent-purple:#7c88ba;
	--accent-purple-soft:#B7C3F3;

	--accent-pink:#F84AA7;
	--accent-pink-soft:#FBCFE8;

	--accent-red:#BA1B1D;
	--accent-red-soft:#FEE2E2;

	--accent-yellow:#1B4965;
	--accent-yellow-soft:#FEF08A;

	/* Semlegesek */
	--bg-0:#FFFFFF;
	--bg-1:#F9FAFB;
	--bg-2:#F2F4F8;
	--text-dark:#1F2937;
	--text-mid:#6B7280;
	--text-light: #ffffff;
	
}

@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {

    :root {
        --width_default: 100% !important;
    }
}

@media only screen and (min-device-width: 761px) and (max-device-width: 1180px) /* tablet */  {
	
	:root {
	--width_default: 100% !important;
	}
}

* {
    box-sizing: border-box
}


@font-face {
    font-family: 'Montserrat';
    src: url('/static_files/fonts/montserrat/Montserrat-VariableFont_wght.woff2') format('woff2'),
            url('/static_files/fonts/montserrat/Montserrat-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-display: swap;
}


body {
  /*background-color: none;*/
	margin: 0;
	/*font: 15px Arial, sans-serif;*/
	/*font-family: 'Montserrat', sans-serif;*/
	/*font-family: 'Ubuntu', sans-serif;*/
	/*font-family: 'Red Hat Display', sans-serif;*/
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	font-weight: 500;
	/*background-color: #fcfcfc;*/
	background-color: #F9FAFB;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
	body {
		background-color: #f3f3f3;
	}

	.m_hidden {
		visibility: hidden;
		display: none !important;
	}
}

h1 {
  color: navy;
  margin-left: 20px;
}

a {
	cursor: pointer !important;
	text-decoration: none;
	color: black;
}

.color_05 {
	color: var(--brand-orange) !important;
}

.pointer {
	cursor: pointer !important;
}

.clear {
    clear: both !important;
    height: 0px !important;
    width: 0px !important;
    display: block !important;
    visibility: hidden !important;
}

.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.horizontal-center {
	margin-left: auto !important;
	margin-right: auto !important;
	float: none !important;
}

.position_relative {
	position: relative !important;
}

.position_absolute {
	position: absolute !important;
}

.text_center { text-align: center; }

.text_align_right { text-align: right !important; }

.font_header_size {
	font-size: 1.3em !important;
}

.float_left {
	float: left !important;
}

.float_right {
	float: right !important;
}

.color_orange {
	color: var(--brand-orange) !important;
}

.color_07 {
	color: var(--color_07) !important;
}

.w_100p {
	width: 100% !important;
}

.w_600px {
	width: 600px !important;
}

.h_45p {
	height: 45px;
}

.h_240p {
	height: 240px !important;
}

.margin_top_10 {
	margin-top: 10px !important;
}

.margin_top_20 {
	margin-top: 20px !important;
}

.margin_top_37 {
	margin-top: 37px !important;
}

.disp_flex {
	display: flex !important;
}

.margin_left_5px {
	margin-left: 5px !important;
}

.margin_left_10px {
	margin-left: 10px !important;
}

.margin_right_5px {
	margin-right: 5px !important;
}

.margin_right_15px {
	margin-right: 15px !important;
}

.margin_bottom_0px {
	margin-bottom: 0px !important;
}

.margin_bottom_20px {
	margin-bottom: 20px !important;
}

.padding_left_right_10px {
	padding-left: 10px !important;
	padding-right: 10p !important;
}

.border_bottom_1px_dashed_color06 {
	border-bottom: 1px dashed var(--color_06) !important;
}
.height_auto {
	height: auto !important;
}
.center {
	position: absolute !important;
	top: 50%;
	left: 50%;
}

.category_route_link {
	text-decoration: none;
	color: var(--color_03);
	font-size: 0.9rem;
}
.category_route_link:hover {
	color: var(--brand-orange);
}

/* ######## LOADER CSS ######## */
#body_loader {
	visibility: hidden;
	position: fixed;
}
#body_loader_spinner {
	border: 12px solid #f3f3f3;
	border-radius: 50%;
	border-top: 12px solid var(--brand-orange);
	width: 100px;
	height: 100px;
	animation: spin 2s linear infinite;
	visibility: hidden;
	z-index: 6000;
}

@keyframes spin {
	100% {
		transform: rotate(360deg);
	}
}

.center {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

/* ##### COLORS ##### */
.product-color--light_blue {
    background-color: rgb(30, 57, 81); }
  .product-color--dark_blue {
    background-color: rgba(6,28,80,1.00); }
  .product-color--dark_green {
    background-color: rgb(176, 215, 180); }
  .product-color--light_yellow {
    background-color: rgba(255,206,24,1.00); }
  .product-color--orange {
    background-color: rgb(223, 140, 15); }
  .product-color--silver {
    background-color: rgb(56, 56, 56); }
  .product-color--beige {
    background-color: rgb(53, 48, 32); }
  .product-color--pink {
    background-color: rgba(222,9,139,1.00); }
  .product-color--dark_red {
    background-color: rgb(225, 85, 88); }
  .product-color--light_red {
    background-color: rgb(171, 50, 33); }
  .product-color--black {
    background-color: rgb(0, 0, 0); }
  .product-color--white {
    background-color: rgb(255, 255, 255); }
  .product-color--natural {
    background-color: rgb(51, 40, 11); }
  .product-color--butter_yellow {
    background-color: rgb(72, 50, 9); }
  .product-color--blue {
    background-color: rgb(88, 139, 201); }
  .product-color--old_royal_blue {
    background-color: rgb(92, 118, 171); }
  .product-color--old_dark_blue {
    background-color: rgb(158, 155, 183); }
  .product-color--turquoise {
    background-color: rgb(67, 174, 233); }
  .product-color--old_turquoise {
    background-color: rgb(109, 196, 233); }
  .product-color--light_turquoise {
    background-color: rgb(56, 184, 233); }
  .product-color--sky_blue {
    background-color: rgb(32, 67, 111); }
  .product-color--dark_sky_blue {
    background-color: rgb(66, 175, 234); }
  .product-color--medium_blue {
    background-color: rgb(41, 77, 124); }
  .product-color--midnight_blue {
    background-color: rgb(192, 214, 220); }
  .product-color--indigo_blue {
    background-color: rgb(135, 159, 180); }
  .product-color--cobalt {
    background-color: rgb(107, 107, 205); }
  .product-color--brown {
    background-color: rgb(204, 174, 162); }
  .product-color--maroon {
    background-color: rgb(223, 181, 186); }
  .product-color--bronze {
    background-color: rgb(147, 117, 81); }
  .product-color--bronze_brown {
    background-color: rgb(162, 134, 111); }
  .product-color--medium_brown_ {
    background-color: rgb(137, 113, 75); }
  .product-color--dark_brown_ {
    background-color: rgb(226, 211, 192); }
  .product-color--russet {
    background-color: rgb(236, 202, 168); }
  .product-color--gold_yellow {
    background-color: rgb(215, 151, 2); }
  .product-color--gold {
    background-color: rgb(167, 145, 67); }
  .product-color--green {
    background-color: rgb(116, 188, 123); }
  .product-color--fluorescent_green {
    background-color: rgb(77, 193, 55); }
  .product-color--mint_green {
    background-color: rgb(65, 100, 36); }
  .product-color--lime_green {
    background-color: rgb(102, 151, 49); }
  .product-color--bright_lime_green {
    background-color: rgb(112, 187, 28); }
  .product-color--kelly_green {
    background-color: rgb(92, 237, 150); }
  .product-color--old_kelly_green {
    background-color: rgb(80, 218, 166); }
  .product-color--kiwi_green {
    background-color: rgb(165, 193, 79); }
  .product-color--apple_green {
    background-color: rgb(75, 218, 122); }
  .product-color--old_apple_green {
    background-color: rgb(81, 234, 146); }
  .product-color--khaki {
    background-color: rgb(190, 196, 166); }
  .product-color--old_khaki {
    background-color: rgb(162, 176, 162); }
  .product-color--olive {
    background-color: rgb(181, 182, 163); }
  .product-color--pistachio {
    background-color: rgb(123, 135, 39); }
  .product-color--ash_grey {
    background-color: rgb(52, 52, 52); }
  .product-color--medium_ash_grey {
    background-color: rgb(118, 121, 124); }
  .product-color--medium_grey {
    background-color: rgb(92, 92, 92); }
  .product-color--dark_ash_grey {
    background-color: rgb(159, 168, 172); }
  .product-color--dark_grey {
    background-color: rgba(103,104,105,1.00); }
  .product-color--grey {
    background-color: rgba(139,139,139,1.00); }
  .product-color--light_grey {
    background-color: rgb(36, 36, 36); }
  .product-color--old_light_orange {
    background-color: rgb(165, 193, 79); }
  .product-color--fluorescent_orange {
    background-color: rgb(224, 220, 221); }
  .product-color--light_orange {
    background-color: rgb(163, 46, 96); }
  .product-color--peach {
    background-color: rgb(172, 180, 185); }
  .product-color--mandarine {
    background-color: rgb(217, 118, 9); }
  .product-color--medium_orange {
    background-color: rgb(173, 67, 10); }
  .product-color--old_orange {
    background-color: rgb(182, 85, 48); }
  .product-color--safety_orange {
    background-color: rgb(217, 118, 9); }
  .product-color--rose {
    background-color: rgb(105, 16, 56); }
  .product-color--light_rose {
    background-color: rgb(47, 6, 23); }
  .product-color--dark_pink {
    background-color: rgb(231, 31, 111); }
  .product-color--fluorescent_pink {
    background-color: rgb(170, 0, 77); }
  .product-color--bright_pink {
    background-color: rgb(177, 16, 85); }
  .product-color--old_pink {
    background-color: rgb(163, 46, 96); }
  .product-color--purple {
    background-color: rgb(170, 96, 189); }
  .product-color--purple_27 {
    background-color: rgb(160, 133, 190); }
  .product-color--purple_13 {
    background-color: rgb(165, 121, 191); }
  .product-color--dark_purple_13A {
    background-color: rgb(211, 191, 217); }
  .product-color--dark_purple_27A {
    background-color: rgb(177, 156, 199); }
  .product-color--light_purple_13V {
    background-color: rgb(118, 103, 137); }
  .product-color--light_purple_26 {
    background-color: rgb(82, 82, 131); }
  .product-color--eggplant {
    background-color: rgb(217, 166, 225); }
  .product-color--red {
    background-color: rgb(197, 22, 39); }
  .product-color--claret {
    background-color: rgb(208, 94, 102); }
  .product-color--old_claret {
    background-color: rgb(190, 80, 102); }
  .product-color--burgundy {
    background-color: rgb(206, 151, 156); }
  .product-color--transparent {
    background-color: rgb(0, 0, 0); }
  .product-color--frosted_white {
    background-color: rgb(0, 0, 0); }
  .product-color--yellow {
    background-color: rgba(255,227,45,1.00); }
  .product-color--fluorescent_yellow {
    background-color: rgb(160, 160, 22); }
  .product-color--safety_yellow {
    background-color: rgb(164, 164, 23); }
  .product-color--dark_bold_yellow {
    background-color: rgb(171, 122, 56); }
  .product-color--light_gold_yellow {
    background-color: rgb(138, 95, 4); }
  .product-color--transparent_dark_grey {
    background-color: rgb(172, 180, 185); }
  .product-color--transparent_pink {
    background-color: rgb(167, 16, 72); }
  .product-color--transparent_yellow {
    background-color: rgb(179, 166, 15); }
  .product-color--transparent_orange {
    background-color: rgb(223, 140, 15); }
  .product-color--transparent_red {
    background-color: rgb(197, 22, 39); }
  .product-color--transparent_blue {
    background-color: rgb(88, 139, 201); }
  .product-color--transparent_green {
    background-color: rgb(116, 188, 123); }
  .product-color--transparent_black {
    background-color: rgb(224, 220, 221); }
  .product-color--multicolour {
    background-image: linear-gradient(to right, #00b3ee, #7a43b6 50%, #c3325f);
    background-repeat: no-repeat; }


.arrow-up {
    width: 0; 
    height: 0; 
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    
    border-bottom: 5px solid rgb(255, 255, 255);
}

.arrow-up[data-comp-name="arrow_up_center"] {
    left: calc(50% + 30px);
    position: absolute;
    top: -5px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .arrow-up[data-comp-name="arrow_up_center"] {
        left: unset;
        right: 57px;
    }
}

.form_row_inline_flex {
	display: block;
    width: 100%;
    gap: 1rem;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
}

/* ####### CONTENT CSS ####### */
.mainContentContainer {
	
	width: 100%;
	/*max-width: var(--width_default);*/
	margin-left: auto;
	margin-right: auto;
	border-left: 0px solid var(--border_1);
	border-right: 0px solid var(--border_1);
}
@media only screen and (min-device-width: 761px) and (max-device-width: 1180px) /* tablet */  {
	.mainContentContainer {
		display: mansory;
	}
}

/* ### PAGE HEADER CSS ### */

.pageHeader_upper {
	width: 100%;
	height: 60px;
	background-color: #f9fafbd6;
	top: 0px;
	left: 0px;
	position: fixed;
	z-index: 300;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .pageHeader_upper {
        height: 45px !important;
    }
}

.pgHeader_upper_center {
	width: var(--width_default);
	margin-left: auto;
	margin-right: auto;
	height: 100%;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .pgHeader_upper_center {
        width: var(--width_default);
    }
}

.pgHeader_logo_placeHolder {
	width: 200px;
	height: 30px;
	margin-top: 5px;
	line-height: 30px;
	float: left;
	color: var(--color_02);
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .pgHeader_logo_placeHolder {

    }
}

.pageHeader_logo {
    margin-top: 7px;
    cursor: pointer;
    height: 35px;
    margin-left: 20px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .pageHeader_logo {
        height: 30px;
        margin-top: 5px;
    }
}

.pgHeader_upper_center .content_center {
	width: 600px;
	height: 50px;
	float: left;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .pgHeader_upper_center .content_center {
        width: calc(100% - 300px) !important;
    }
}

.pgHeader_upper_center .content_right {
	width: 390px;
	height: 50px;
	margin-top: 10px;
	/*line-height: 30px;*/
	color: whitesmoke;
	float: right;
	text-align: right;
	/*font-size: 18px;*/
    display: flex;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .pgHeader_upper_center .content_right {
        width: 150px;
        display: flex;
        position: absolute;
        right: 12px;
        top: -5px;
    }
}

.content_right a {
	/*color: whitesmoke;*/
}

.ph_upper_functions_container {
    margin-right: 20px;
    width: 180px;
    height: 45px;
    border-radius: 10px;
    background-color: #0a9590;
    text-align: center;
    line-height: 46px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .ph_upper_functions_container {
        margin-right: 8px !important;
        height: 40px;
        line-height: 45px;
    }
}

.ph_login_button {
    margin-right: 0px;
    width: 180px;
    height: 45px;
    border-radius: 10px;
    background-color: var(--brand-blue);
    text-align: center;
    line-height: 46px;
    margin-left: 20px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .ph_login_button {
        margin-right: 0px !important;
        height: 40px;
        line-height: 45px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }
}

[data-comp-element="pgHeaderButton"] {
	cursor: pointer;
}
[data-comp-element="pgHeaderButton"]:hover {
    /*background-color:#0077C8;*/
	background: linear-gradient(90deg, var(--brand-blue-dark), var(--brand-blue));
	color: #F9FAFB;
}

.pgHeader_userLoginCont {
    cursor: pointer;
}

.pgHeader_userLoginCont:hover{
    color: #03c3b0;
}

.header_login_button_title {
    margin-left: 12px;
    font-size: 1em;
    font-weight: 700;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .header_login_button_title {
        display: none;
    }
}

.ph_basket_info_btn {
    width: 170px;
    height: 45px;
    line-height: 46px;
    border-radius: 10px;
    background-color: var(--brand-orange);
    float: right;
    text-align: center;
	border-top-left-radius: 0;
    border-bottom-left-radius: 0;

	/* 🔑 Ez teszi animálttá a változást */
	/*transition: all 0.3s ease;*/
}
.ph_basket_info_btn:hover {
    color: white;

	filter:brightness(1.07);
	/*transform: scale(1.02); /* finom "növekedés" */
	/*box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);*/
}

.ph_basket_info_btn a {
    color: var(--text-light);
}
.ph_basket_info_btn a:hover {
    color: white;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .ph_basket_info_btn {
        width: 170px;
        height: 40px;
        line-height: 45px;
        margin-right: 8px;
        color: white;
		border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .ph_basket_info_btn a {
        color: white !important;
    }
}

.pgHeader_basketInfoCont {
    cursor: pointer;
    font-size: 1em;
    font-weight: 900;
}

.basket_info_nr {
    /*top: 2px;*/
    font-size: 12px;
    color: var(--color_03);
    min-width: 40px;
    width: auto;
    height: 20px !important;
    float: right;
    border-radius: 8px;
    background-color: whitesmoke;
    text-align: center;
    line-height: 15px;
    padding-top: 3px;
    padding-left: 3px;
    padding-right: 3px;
    /* left: 0px; */
	display: block;
    position: fixed;
    color: var(--brand-orange);
    z-index: 5000;
    margin-left: 145px;
}
.basket_info_nr:hover {
    color: white;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .basket_info_nr {
        margin-left: 47px;
    }
}

.pageHeader {
	width: 100%;
	height: 60px;
	background-color: #f9fafbd6;
	position: fixed !important;
	z-index: 200;
	top: 60px;
	left: 0px;
	/*z-index: 300;*/
	/*border-bottom: 1px dashed #EEEDED;*/
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .pageHeader {
        top: 45px;
    }
}

.pageHeader_Center {
	width: var(--width_default);
	margin-left: auto;
	margin-right: auto;
	height: 100%;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .pageHeader_Center {
        width: var(--width_default) !important;
    }
}

.pg_logo_container {
	width: 200px;
	height: 50px;
	float: left;
	margin-top: 5px;
}
.pg_filter_container {
	width: 750px;
	height: 50px;
	float: left;
	margin-top: 8px;
	/*margin-left: 320px;*/
	/*border: 1px solid lightgrey;*/
	position: relative;
	/*top: -58px;*/
	left: 100px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .pg_filter_container {
        width: calc(100% - 10px);
        position: fixed;
        top: 44px !important;

    }
}
@media only screen and (min-device-width: 761px) and (max-device-width: 1180px) /* tablet */  {
	.pg_filter_container {
		width: calc(100% - 60px);
		height: 50px;
		float: left;
		margin-top: 8px;
		/*margin-left: 320px;*/
		/*border: 1px solid lightgrey;*/
		position: relative;
		/*top: -58px;*/
		left: 100px;
	}
}

.search_input_field {
	width: 680px !important;
	margin-top: 0px;
	height: 45px !important;
	border: 1px solid var(--OneClick_light_grey) !important;
	font-size: 1em;
	padding-left: 10px;
	border-radius: 10px;
	box-sizing: border-box !important;
	background-color: #FFFFFF !important;
    border-radius: 10px !important;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .search_input_field {
        width: calc(100% - 110px) !important;
        background-color: white !important;
        border: 1px solid var(--color_02) !important;
    }
}
@media only screen and (min-device-width: 761px) and (max-device-width: 1180px) /* tablet */  {
	.search_input_field {
        width: calc(100% - 40px) !important;
        background-color: white !important;
        border: 1px solid var(--color_02) !important;
    }
}

.search_button {
    width: 32px;
    height: 27px;
    /* border: 1px solid var(--color_02); */
    /* border-left: none; */
    top: 4px;
    left: -40px;
    padding-top: 10px;
    position: relative;
    font-size: 22px;
    padding-top: 7px;
    text-align: center;
	color: #f16622;
    /* background-color: white; */
}
.pg_advanced_container {
	width: 250px;
	height: 50px;
	float: right;
	margin-top: 5px;
	line-height: 50px;
	font-size: 18px;
	text-align: right;
	position: relative;
	top: -60px;
	color: white;
}
.pg_advanced_container a {
	color: white;
}

.ph_content_element {
	min-width: 100px;
	width: auto;
	height: 50px;
	float: left;
	font-size: 25px;
	color: var(--brand-orange);
	text-align: center;
	margin-top: 7px;
	padding-left: 10px;
	padding-right: 10px;
	cursor: pointer;
}
.ph_content_element_float_right {
	float: right !important;
	right: 210px;
	position: relative;
}
.ph_content_element > div {
	font-size: 12px;
	text-align: center;
	color: var(--color_03);

}

.ph_button_container {
	min-width: 100px;
	width: auto;
	position: relative;
	height: auto;
	float: right;
	margin-left: 10px;
	display: flex;
    margin-right: 20px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
	.ph_button_container {
		display: none;
	}
}

.ph_button_div {
    /*font-family: 'Montserrat', sans-serif;*/
	min-width: 100px;
    width: auto;
    height: 40px;
    margin-top: 10px;
    line-height: 40px;
    float: left;
    padding-left: 25px;
    padding-right: 20px;
    font-size: 0.75em;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 0px 10px 10px 0px;
    cursor: pointer;
    letter-spacing: 0.1cap;
}
.ph_button_div:hover {
	color: #272727;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
	.ph_button_div {
		border-radius: 15px 15px 15px 15px;
		height: auto;
		float: unset !important;
		width: 100% !important;
	}
}
@media only screen and (min-device-width: 761px) and (max-device-width: 1180px) /* tablet */  {
	.ph_button_div {
		padding-left: 20px;
		padding-right: 20px;
		font-size: 0.7em;
	}
}

.ph_button_div a {
	/*color: var(--color_04);*/
	color: white;
	font-weight: 700;
}
.ph_button_div a:hover {
	color: #272727;
}

[data-comp-element="ph_top_prods"] {
    background-color: var(--brand-orange);
    color: #082a62;
	z-index: 8000;
	margin-left: -15px;
}

[data-comp-element="ph_promo_prods"] {
    /*background-color: #e237ef;*/
    background-color: var(--brand-blue);
    color: var(--text-light);
	z-index: 7990;
	margin-left: -15px;
}

[data-comp-element="ph_gamer_prods"] {
    background-color: var(--brand-blue);
    color: var(--text-light);
	z-index: 7991;
	margin-left: -15px;
}

[data-comp-element="ph_domestic_prods"] {
    background-color: var(--brand-blue);
    color: var(--text-light);
	z-index: 7970;
	margin-left: -15px;
}

[data-comp-element="ph_office_prods"] {
    /*background-color: #038b81;*/
	background-color: var(--brand-blue);
    color: var(--text-light);
	z-index: 7960;
	margin-left: -15px;
}

[data-comp-element="ph_beauty_prods"] {
    background-color: var(--brand-blue);
    color: var(--text-light);
	z-index: 7950;
	margin-left: -15px;
}

.categories_placeholder {
	width: 0px;
	height: 0px;
	display: none;
}

.logout_btn {
    color: var(--color_03);
    cursor: pointer;
}
.logout_btn:hover {
    color: var(--brand-orange);
}

/* *** CATEGORIES *** */

.categories_background {
	display: block;
    position: fixed;
    top: 120px;
    left: -20px;
    width: 120%;
    background-color: #e6e6e6de;
    z-index: 100;
    height: 690px;
    /* transform: rotate(-0.003turn); */
    clip-path: polygon(0% 0%, 0% 95%, 100% 85%, 100% 0%);
}

.categories_background2 {
	display: block;
    position: absolute;
    top: 60px;
    /* left: -20px; */
    width: var(--width_default);
    background-color: #e237ef;
    z-index: 110;
    height: 727px;
    /* transform: rotate(-0.003turn); */
    clip-path: polygon(0% 90%, 80% 50%, 100% 70%);
}
.categories_background3 {
	display: block;
    position: relative;
    top: 65px;
    left: -20px;
    width: var(--width_default);
    background-color: #7b43b6;
    z-index: 110;
    height: 607px;
    /* transform: rotate(-0.003turn); */
    clip-path: polygon(3% 55%, 100% 98%, 30% 5%);
    margin-left: auto;
    margin-right: auto;
}


.categories_main {
	width: 100%;
	max-width: var(--width_default);
	min-height: 550px;
	max-height: 550px;
	background-color: #f5f5f5f7;
	z-index: 1001;
	position: absolute;
	top: 80px;
	border: 1px solid #dadada;
	text-align: left !important;
	box-shadow: rgb(0 0 0 / 16%) 0px 4px 12px;
    border-radius: 10px 10px 10px 10px;
	padding: 5px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .categories_main {
        display: block;
		width: 100% !important;
		padding: 8px;
		max-height: unset !important;
    }
}

.menu_close_div {
	display: none;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
	.menu_close_div {
		display: block;
		width: 100%;
		height: auto;
		padding: 5px;
		text-align: right;
		color: var(--color_07);
	}
}

.menu_header_m_view {
	display: none;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
	.menu_header_m_view {
		display: block;
		margin-bottom: 10px;
	}
}

.categories_main_elements {
	width: 260px;
	min-height: 600px;
	max-height: 600px;
	float: left;
	overflow-y: auto;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .categories_main_elements {
        width: 100%;
    }
}

/* Hide scrollbar for Chrome, Safari and Opera */
.scrollBar_hide::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.scrollBar_hide {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.cat_main_cat_element {
	width: 260px;
	height: auto;
	font-size: 14px;
	padding: 5px;
	color: var(--color_03);
	border-bottom: 0px dashed var(--color_02);
	cursor: pointer;
	line-height: 18px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .cat_main_cat_element {
        width: 100%;
        overflow: hidden;
    }
}
@media only screen and (min-device-width: 761px) and (max-device-width: 1180px) /* tablet */  {
	.cat_main_cat_element {
		width: 210px;
	}
}
.cat_main_cat_element:hover {
	color: var(--brand-orange);
	/*
	background-color: rgb(238, 238, 238) !important;
	border-top: 1px solid var(--OneClick_light_grey) !important;
	border-bottom: 1px solid var(--OneClick_light_grey) !important;
	*/
}

.cat_main_cat_element_active {
	background-color: gray !important;
}

.cat_main_cat_element_icon {
	color: #f23526;
	font-size: 14px;
	line-height: 18px;
	padding: 3px;
}

.cat_sub_placeholder {
	margin-bottom: 1.5rem;
	width: auto;
	max-width: 1200px;
	height: auto;
    max-height: 900px;
    float: left;
    position: relative;
	overflow-y: auto;
	border-left: 1px dashed var(--color_02);
	padding-left: 5px;
	margin-left: 0px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .cat_sub_placeholder {
		width: 100%;
        position: absolute;
        z-index: 20;
        background-color: white;
        margin-left: -5px;
        height: 100%;
		display: none;
	}
}

.submenu_close_div {
	display: none;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
	.submenu_close_div {
		display: block;
		width: 100%;
		height: auto;
		padding: 5px;
		margin-bottom: 5px;
		background-color: var(--color_07_2);
		margin-left: -5px;
        color: var(--OneClick_light_grey);
        text-align: left;
	}
}

.cat_sub_titleCont {
	width: auto;
	height: auto;
}

.cat_sub_grid {
	display: grid;
    grid-auto-flow: column;
    grid-gap: 1px;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(21, auto);
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .cat_sub_grid {
        grid-auto-flow: unset;
    }
}

.category_subCat_element_container {
	float: left; 
	width: 220px; 
	height: 600px; 
	position: relative;
}


.subCat_element {
	color: var(--color_03);
	border-bottom: none !important;
	line-height: 11px;
}
.subCat_element a {
	text-decoration: none;
	color: var(--color_03);
}

.subCat_element a:hover {
	text-decoration: underline;
	color: var(--brand-orange);
}

.subCat_element i {
	font-size: 10px;
	margin-left: 5px;
	font-weight: bold;
}

.subCat_title {
	font-size: 17px;
	font-weight: 900;
	font-style: italic;
	padding-top: 10px;
	padding-bottom: 10px;
	color: var(--brand-orange);
	line-height: 17px;
}

/* ### PAGE MAIN CONTENT CSS ### */

.main {
    display: flow-root;
    width: 100%;
    max-width: var(--width_default);
	min-height: 850px;
	margin-top: 130px;
	height: auto !important;
	/*overflow: hidden;*/
	/*overflow-y: auto;*/
	/*overflow-x: hidden;*/
    margin-left: auto;
    margin-right: auto;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .main {
        margin-top: 102px;
        min-height: unset;
        margin-bottom: 20px;
    }
}

.main_content_row {
	min-height: 50px;
	width: 100%;
	margin-top: 0px;
	/*border: 1px solid lightgray;*/
}
.main_content_row_left {
	width: 261px;
	margin-right: 19px;
	float: left;
	height: 481px;
	border-top: 1px dashed var(--border_2) !important;
	border-right: 1px dashed var(--border_2) !important;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .main_content_row_left {
        visibility: hidden !important;
        display: none;
    }
}
@media only screen and (min-device-width: 761px) and (max-device-width: 1180px) /* tablet */  {
	.main_content_row_left {
        visibility: hidden !important;
        display: none;
    }
}

@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .slideshow-container {
        position: absolute;
        display: contents;
    }
}
@media only screen and (min-device-width: 761px) and (max-device-width: 1180px) /* tablet */  {
    .slideshow-container {
        position: absolute;
        display: contents;
    }
}

.mainPage_flyer_dots_container {
    text-align: center;
    width: 1120px;
    margin-left: 280px;
    height: 20px;
    position: absolute;
    margin-top: 430px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .mainPage_flyer_dots_container {
        display: none;
    }
}
@media only screen and (min-device-width: 761px) and (max-device-width: 1180px) /* tablet */  {
	.mainPage_flyer_dots_container {
        width: calc(100% - 220px);
    }
}

.main_flyer_left_a {
	text-decoration: none;
	color: var(--color_02);
	border-bottom: none;
}


.flyer_menu_element {
	width: 260px;
	margin-top: 0px; 
	background-color: white;
	border-left: 1px dashed var(--border_2); 
	border-bottom: 1px dashed var(--border_2); 
	height: 37px; 
	padding-left: 10px; 
	line-height: 37px;
	color: var(--color_01);
}
.flyer_menu_element:hover {
	text-decoration: none;
	background-color: var(--color_04);
	color: var(--brand-orange);
}

.main_content_row_content {
	width: calc(100% - 280px) !important; 
	height: 481px;
	float: right;
}

.main_content_cont_grid {
	display: grid;
	gap: 0.8rem;
	grid-template-columns: repeat(3, 1fr);
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .main_content_cont_grid {
        grid-template-columns: repeat(1, 1fr);
    }
}

.main_content_cont_grid_element {
	height: 405px;
	border-radius: 5px;
	border: 0px dashed var(--color_02);
}

.main_campaign_imgHeader {
	height: 200px;
}

.main_campaign_image {
    width:100%;
    cursor: pointer;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.main_campaign_contentCont {
	background-image: linear-gradient(#FFFFFF, #FFFFFF);
	height: 200px;
	padding: 20px;
	border: 1px dashed var(--OneClick_light_grey);
	box-shadow: rgb(0 0 0 / 6%) 0px 4px 12px;
    border-radius: 8px;
}

.main_campaign_contentCont_titleCont {
	position: relative;
	top: -34px;
	padding: 7px;
	background-color: #339901;
	width: 210px;
	font-size: 12px;
	color: whitesmoke;
	font-weight: bold;
	font-style: italic;
}

.main_campaign_content_header {
	/*font-family: Montserrat, sans-serif;*/
	font-size: 1.2em;
	font-weight: 700;
	/*font-style: italic;*/
	margin-bottom: 10px;
	margin-top: -18px;
}

.main_campaign_content_content {
	font-size: 1em;
}

.mainPage_categories_container {
	display: grid;
    gap: 0rem;
    grid-template-columns: repeat(2, 1fr);
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .mainPage_categories_container {
        grid-template-columns: repeat(1, 1fr);
    }
}

.mainPage_categories_title {
	/*font-family: Montserrat, sans-serif;*/
	font-size: 1.3em;
	padding: 8px;
	font-weight: 800;
	margin-top: 15px;
	text-transform: uppercase;
	/*font-style: italic;*/
}

.mp_cc_categories_cont {
	background-image: linear-gradient(#F4F4F4, #FBFBFB);
	border: 0px dashed var(--color_02);
	padding: 0px;
}
.mp_cc_categories_cont_grid {
	display: grid;
    gap: 0rem;
    grid-template-columns: repeat(2, 1fr);
}

.mp_cc_categories_l {
	padding: 15px;
	border-right: 1px dashed #e5e5e5;
}

.mp_cc_categories_r {
	padding: 15px;
}

.mp_cc_cat_element {
	padding-top: 3px;
	padding-bottom: 3px;
	cursor: pointer;
}
.mp_cc_cat_element:hover {
	color: var(--brand-orange);
}

.mp_cc_categories_flyer {
	background-color: burlywood;
	height: 280px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .mp_cc_categories_flyer {
        height: auto;
    }
}

.mp_cc_categories_flyer_image {
	width: 100%;
	object-fit: contain;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.mp_700x200_flyer {
	height: 200px;
}


/* ### PAGE FOOTER CSS ### */
.pageFooter_upper {
	width: 100%;
	height: 100px;
	background-color: #f5f5f5;
	border-top: 1px dashed #E5E5E5;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .pageFooter_upper {
        height: auto;
    }
}

.pageFooter_upper_main {
	/*width: var(--width_default);*/
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	height: 70px;
	margin-top: 20px;
	text-align: center;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .pageFooter_upper_main {
        width: var(--width_default) !important;
        height: auto;
    }
}

.pageFooter_upper_main_content {
    width: 100%;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .pageFooter_upper_main_content {
        width: var(--width_default) !important;
        display: grid;
	    gap: 0.8rem;
	    grid-template-columns: repeat(2, 1fr);
    }

    .pageFooter_upper_main_content > a {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

.pf_upper_content_element {
	width: 180px;
	height: 80px;
	float: left;
	position: relative;
	text-align: center;
	cursor: pointer;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .pf_upper_content_element {
        float: unset !important;
    }
}

.icon_footer_size {
	font-size: 30px !important;
	color: var(--brand-orange);
	margin-bottom: 10px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .icon_footer_size {
        /*color: var(--color_07_2);*/
		color: var(--brand-orange);
    }
}

.pf_upper_element_title {
	font-size: 1em;
	color: var(--color_03);
}

.pageFooter {
	width: 100%;
	height: auto;
	background-color: var(--brand-blue);
}

.pageFooter_main {
	width: var(--width_default);
	margin-left: auto;
	margin-right: auto;
	height: auto;
	z-index: 1;
	position: relative;
}
.pageFooter_main::before {
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    background-image: url('https://oneclick.hu/static_files/dsgn/background/OC_background_v2_1_crossLines.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; /* vagy contain */

	/*// 🔥 Ez adja az átlátszóságot:*/
    opacity: 0.15;  /* 0.0 = teljesen átlátszó, 1 = teljesen látható */

    z-index: -1;
}

.pg_footer_logo_cont {
	width: 350px;
	float: left;
	height: auto;
	min-height: 300px;
	position: relative;
	color: whitesmoke;
	padding-top: 50px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .pg_footer_logo_cont {
        float: unset !important;
        margin-left: auto;
        margin-right: auto;
        min-height: unset !important;
		text-align: center;
    }
}
@media only screen and (min-device-width: 761px) and (max-device-width: 1180px) /* tablet */  {
	.pg_footer_logo_cont {
		width: 100%;
		min-height: 10px !important;
		text-align: center;
		margin-bottom: 20px;
	}
}

.pageFooter_logo {
    margin-top: 30px;
    cursor: pointer;
    height: 40px;
    margin-left: 10px;
}

.pg_footer_content_main {
	width: calc(100% - 350px) !important;
	height: 350px;
	color: var(--color_04);
	/*margin-left: auto;
	margin-right: auto;*/
	float: left;
	position: relative;
	color: whitesmoke;
	padding-top: 40px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .pg_footer_content_main {
        width: 100% !important;
        height: auto;
        float: unset !important;
    }
}
@media only screen and (min-device-width: 761px) and (max-device-width: 1180px) /* tablet */  {
	.pg_footer_content_main {
		width: 100% !important;
		text-align: center;
		float: unset !important;
	}
}

.pg_footer_content_cont {
	width: 300px;
	float: left;
	height: 300px;
	color: whitesmoke;
	position: relative;
	padding-top: 40px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .pg_footer_content_cont {
        width: 100% !important;
        height: unset !important;
        float: unset !important;
        margin-left: auto;
        margin-right: auto;
        min-height: unset !important;
        text-align: center;
        padding-top: 0px !important;
        padding-bottom: 30px !important;
    }
}
@media only screen and (min-device-width: 761px) and (max-device-width: 1180px) /* tablet */  {
	.pg_footer_content_cont {
		width: 33.33%;
	}
}


.pg_footer_list_title {
	font-size: 1.5em;
	color: lightblue;
	line-height: 1.5em;
	margin-bottom: 20px;
}

.pg_footer_list_element {
	font-size: 1em;
	line-height: 2.4em;
}
.pg_footer_list_element a {
	color: whitesmoke;
	text-decoration: none;
	cursor: pointer;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .pg_footer_list_element {
        font-size: 1.3em;
        line-height: 50px;
    }
}


.pg_footer_bottom {
	width: 100%;
	height: 0.8em;
	line-height: 1.6em;
	padding-bottom: 10px;
	color: #add8e6;
	text-align: center;
	padding-bottom: 60px;
	padding-top: 40px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .pg_footer_bottom {
        font-size: 1em;
        color: lightblue;
        line-height: 2.4em;
        height: 130px !important;
		padding-left: 40px;
		padding-right: 40px;
		padding-bottom: 40px;

    }
}


/* ##### COOKIE WALL CSS ####### */
.cookie_wall_main {
	position: fixed;
	z-index: 8000;
	bottom: 0px;
	height: 130px;
	width: 100%;
	background-color: #f5f5f5;
	border-top: 0px solid var(--border_1);
	color: black; 
	display: block;
	box-shadow: 0px -1px 18px 0px rgba(0, 0, 0, 0.5);
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .cookie_wall_main {
        width: 100%;
        height: auto;
        padding-bottom: 0px;
    }
}

.cookie_wall_main_content_cont {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	height: 150px;
	margin-top: 30px;
	font-size: 1rem !important;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .cookie_wall_main_content_cont {
        width: 100%;
        height: auto;
		margin-top: 10px;
        padding: 20px;
        text-align: justify;
    }
}

.cookie_wall_text_cont {
	width: 100%;
	float: unset;
	margin-top: 5px;
	line-height: 1.7rem;
	text-align: center;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .cookie_wall_text_cont {
        width: 100%;
        float: unset;
        line-height: 1.9em;
    }
}

.cookie_wall_bottom {
	width: 350px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	height: 40px;
	text-align: center;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .cookie_wall_bottom {
        width: 100%;
        margin-bottom: 20px;
		height: unset;
    }
}

.mcc_manage_button {
	height: 50px;
	width: 170px;
	float: left;
	border: 0px solid var(--border_1);
	font-weight: bold;
	background-color: #dfdfdf;
	border-radius: 10px;
	cursor: pointer;
}
.mcc_manage_button:hover {
	color: var(--accent-green);
	filter:brightness(1.07);
}

.mcc_accept_all_button {
	height: 50px;
	width: 170px;
	float: right;
	background-color: var(--brand-orange);
	color: var(--brand-blue);
	font-weight: 800;
	border-radius: 10px;
	border: 0px;
	cursor: pointer;
}
.mcc_accept_all_button:hover {
	color: white;

	filter:brightness(1.07);
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
	.mcc_manage_button {
		font-size: 1em;
		width: calc(100% - 100px);
		margin-bottom: 20px;
		margin-left: auto;
		margin-right: auto;
		float: unset;
	}

	.mcc_accept_all_button {
		font-size: 1em;
		width: calc(100% - 100px);
		margin-bottom: 20px;
		margin-left: auto;
		margin-right: auto;
		float: unset;
	}
}


/* ##### STATIC CONTENTS ###### */
.st_cont_h1 {
	font-size: 1rem;
	font-weight: bold;
}
.st_cont_ttitle_1 {
	font-weight: bold;
}
.st_cont_ttitle {
	width: 180px;
	font-weight: bold;
}
.st_cont_tcont {
	font-weight: normal;
}

.static_content_title {
	height: auto !important;
	line-height: 60px !important;
}


/* ### PRODLIST ### */
.prodList_notFound_main {
	width: 100%;
	/*max-width: 1020px;*/
	height: 600px;
	margin-top: 10px;
	border: 0px solid var(--OneClick_light_grey);
	padding-top: 100px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.prodList_filter_switcher {
	visibility: visible;
    order: 1px solid #05a19a;
    width: 120px;
    /* padding: 12px; */
    /* position: relative; */
    /* margin-top: 10px; */
    /* margin-bottom: 20px; */
    border-radius: 5px;
    background-color: #dfdfdf;
    color: #242f3d;
    text-align: center;
    /* display: inline-block; */
    font-weight: 700;
    text-transform: none;
    margin-left: 8px;
    line-height: 38px;
    font-size: 0.9em;
	cursor: pointer;
}
.prodList_filter_switcher:hover {
	
	background-color: #bab9b9;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .prodList_filter_switcher {
        visibility: visible;
        height: 39px;
        text-align: center;
        width: 50px;
        padding-left: unset;
        padding-top: unset;
        padding-bottom: unset;
        position: unset;
        top: 110px;
		margin-right: 8px;
		line-height: 3.3em;
    }
}
@media only screen and (min-device-width: 761px) and (max-device-width: 1180px) /* tablet */  {
	.prodList_filter_switcher {
        visibility: visible;
        height: 40px;
        text-align: left;
        width: 120px;
        padding-left: 30px;
        padding-top: 10px;
        padding-bottom: 20px;
        background-color: var(--color_07);
        color: var(--color_04);
        position: absolute;
        top: 120px;
    }
}

[data-comp-element="prodList_filter_button_icon"] {
	font-size: 1.2em;
}

.prodList_filter_button_text {
	font-size: 1em;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
	.prodList_filter_button_text {
		display: none;
	}

	[data-comp-element="prodList_filter_button_icon"] {
		font-size: 1.6em;
		text-align: center;
	}
}

.prodList_filter_mainCont {
	width: 100%;
	height: auto;
	float: left;
	display: none;
	display: none;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .prodList_filter_mainCont {
        width: 100%;
        display: none;
    }
}
@media only screen and (min-device-width: 761px) and (max-device-width: 1180px) /* tablet */  {
	.prodList_filter_mainCont {
        width: 100%;
        display: none;
    }
}

.prodList_filter_cont {
	background-color: #ededed;
    width: calc(100% - 15px) !important;
    /* margin-top: 15px; */
    height: 550px;
    border: 1px solid #bfbfbf42;
    padding-bottom: 20px;
    margin-bottom: 20px;
    box-shadow: rgb(0 0 0 / 10%) 3px 6px 12px;
    border-radius: 8px;
	overflow: scroll;
	display: block;
}

.prodList_filter_cont div {
	margin-left: 5px;
	margin-top: 5px;
}

.prodList_filter_title_cont {
	font-size: 1.3em;
    color: var(--color_03);
    font-weight: bold;
    padding-left: 10px;
    padding-top: 10px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .prodList_filter_title_cont {
        width: 100%;
        display: none;
    }
}

.filter_group_list_element {
	font-size: 0.85rem;
}

.prodList_filter_value {
	width: 280px;
	/*float: right;*/
	text-align: left;
	height: auto;
	position: relative;
}
.prodList_filter_checkbox_value {
	left: 25px;
	top: 4px;
}

.prodList_pageNum_main {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: 30px;
	text-align: center;
	margin-bottom: 50px;
	margin-top: 50px;
}

.prodList_pageNum_element {
	width: auto;
    min-width: 30px;
	height: auto;
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
	border: 1px dotted var(--color_02);
	padding: 8px;
	cursor: pointer;
    line-height: 10px;
}

.prodList_pageNum_element:hover {
	border-color: var(--brand-orange);
}

.prodList_pageNum_element_selected {
	background-color: var(--brand-orange);	
}

/* ####### PRODLIST FILTER POPUP ######## */
[data-comp-element="prodList_filter_popup"] {
	width: 640px !important;
	height: auto;
	max-height: calc(100% - 100px);
    display: block;
    margin-top: -30px;
    max-height: unset;
	padding-bottom: 20px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
	[data-comp-element="prodList_filter_popup"] {
		width: 100% !important;
	}
}

/*Price Range CSS mods*/
.ui-widget-header {
	background-color: #f16622 !important;	
}
.ui-slider-horizontal .ui-slider-range {
	top: -5px !important;
}

.filter_group_label {
	font-size: 1em;
	padding-left: 0px;
	/*position: relative;*/
	border-top: 1px solid #017c766b;
	margin-top: 30px !important;
	margin-left: 20px !important;
	margin-right: 20px !important;
	padding-top: 10px !important;
	font-weight: bold;
}

.filter_group_contents {
	height: auto;
	max-height: 420px !important;
	overflow: auto !important;
	/*display: contents;*/
}
.scrollcucc::-webkit-scrollbar {
	width: 5px;
}
.scrollcucc::-webkit-scrollbar-track {
	background-color: darkgrey;
}
.scrollcucc::-webkit-scrollbar-thumb {
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.prodlist_result_cont {
	width: 100%;
	height: auto;
	float: left;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .prodlist_result_cont {
        width: calc(100% - 10px) !important;
        margin-top: 90px;
        margin-left: auto !important;
        margin-right: auto !important;
        float: unset !important;
        display: grid;
    }
}

@media only screen and (min-device-width: 761px) and (max-device-width: 1180px) /* tablet */  {
	.prodlist_result_cont {
		width: calc(100% - 20px) !important;
	}
}

.prodList_header_cont {
	width: 100%;
	height: 35px;
	line-height: 35px;
}

.prodList_result_nr_cont {
	width: 100%;
	height: 45px;
	line-height: 35px;
	border-bottom: 0px solid #E5E5E5;
	margin-bottom: 1.5rem;
	padding-left: 10px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .prodList_result_nr_cont {
        position: absolute;
        display: block;
    }
}

.m_vis {
    position: relative;
    height: auto;
    display: block;
	width: 120px;
	float: left;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .m_vis {
        top: 30px;
        position: relative;
        height: auto;
        display: block;
    }
}

.prodList_sorter_container {
    width: 800px; 
    float: right; 
    text-align: right; 
    margin-right: 0px;
	display: flex;
    justify-content: flex-end;   /* minden elem jobbra kerül */
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .prodList_sorter_container {
		width: 100%;
        top: -10px;
        position: relative;
        z-index: 10;
        display: flex;
        /*right: -10px;*/
    }
}

.prodList_result_category_route {
    width: calc(100% - 420px);
    overflow: hidden;
    float: left;
    max-height: 35px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .prodList_result_category_route {
        position: relative;
        top: -12px;
    }
}

.prodList_grid {
	display: grid;
	gap: 0.75rem;
	grid-template-columns: repeat(5, 1fr);
	margin-bottom: 1.5rem;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .prodList_grid {
        gap: 0.8rem;
        grid-template-columns: repeat(2, 1fr);
    }
}
@media only screen and (min-device-width: 761px) and (max-device-width: 1180px) /* tablet */  {
	.prodList_grid {
		gap: 0.8rem;
        grid-template-columns: repeat(4, 1fr);
	}
}

.prodList_grid_element {
	border: 0px solid var(--OneClick_light_grey);
	/*padding: 1.5rem;*/
	padding-top: 0.2rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	padding-bottom: 0.5rem;
	background-color: #ffffff;
	box-shadow: rgb(0 0 0 / 9%) 0px 4px 12px;
	border-radius: 8px;

    /* 🔑 Ez teszi animálttá a változást */
	transition: all 0.3s ease;
}
.prodList_grid_element:hover {
    /*transform: scale(1.03);*/ /* finom "növekedés" */
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .prodList_grid_element {
        border: 1px solid #e9e9e9;
    }
}

.prodList_img {
	width: 200px;
	height: 200px;
	margin-bottom: 10px;
	object-fit: contain;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .prodList_img {
        width: 150px;
        height: 150px;
    }
}

.prodList_prodName_cont {
	/*font-family: 'Montserrat', sans-serif;*/
	height: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 20px;
	margin-bottom: 25px;
	/*font-size: 16px;*/
	text-align: center;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .prodList_prodName_cont {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        font-size: 0.9em !important;
        font-style: italic;
        line-height: 1.5em;
        height: auto;
        max-height: 130px;
        color: var(--color_02) !important;
        text-transform: uppercase;
    }

    .prodList_prodName_cont a {
        color: #0f0f0f !important;
    }
}
.prodList_prodName_cont a:hover {
	color: var(--brand-orange) !important;
}

.prodList_prodName_link {
	font-weight: 700;
	color: black;
	text-decoration: none;
}
.prodList_prodName_link:hover {
	color: var(--brand-orange) !important;
}


.prodList_prodShortContent_cont {
	font-weight: normal;
	font-size: 13px;
	height: 90px;
	overflow:hidden;
	line-height: 18px;
	/*white-space:nowrap;*/ 
  	text-overflow:ellipsis;
	margin-bottom: 20px;
	max-width: 220px;
    display: none;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .prodList_prodShortContent_cont {
        display: none;
    }
}

.prodList_gridElement_info_icon_container {
	position: inherit;
	display: block;
	width: 30px;
	float: right;
	z-index: 300;
	height: auto;
	max-height: 150px;
	text-align: center;
}

.prodList_prodColor_stamp_container {
	width: auto;
	max-width: 250px;
	height: 40px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	display: none !important;
}
.prodList_prodColor_stamp_icon_container {
	position: relative;
	float: right;
	width: 25px;
	height: 25px;
	font-size: 25px;
	color: orangered;
}

.prodList_minimum_order_quantity_icon_container {
	position: relative;
	float: right;
	width: 25px;
	height: 25px;
	font-size: 25px;
	color: #5da760;
	margin-top: 15px;
}
.prodList_minimum_order_quantity_number {
	font-size: 13px;
	margin-bottom: -15px;
	text-align: center;
	width: 30px;
	margin-left: 0px;
	font-weight: normal;
}

.prodList_prodColor_stamp {
	width: 20px; 
	height: 20px; 
	border-radius: 8px; 
	border: 1px solid var(--color_06); 
	float: left;
	margin-left: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
}

.prodList_prodPrice_BasketBtn_cont {
	height: 35px;
}

.prodList_prodPrice {
	/*font-family: 'Montserrat', sans-serif;*/
	color: var(--accent-red);
	font-size: 1.5em;
	font-weight: 800;
	font-style: normal;
	margin-top: 10px;
	float: left;
	padding-left: 5px;

	background: -webkit-linear-gradient(
    90deg,
		var(--accent-green) 0%,
		var(--accent-green-soft) 100%
	  );
	/*
	background: -webkit-linear-gradient(
    120deg,
		var(--color_07) 0%,
		var(--color_07_2) 100%
	  );
	  */
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
	  max-width: max-content;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .prodList_prodPrice {
        font-size: 1.18em;
    }
}

.prodList_rating_stars {
	font-size: 11px;
    position: relative;
    margin-top: 0px;
    top: -52px;
    left: 5px;
    display: block;
    width: 90px;
}

.color_rating_stars {
	color: var(--color_07);
}

.visszavalt_dij_egyutas_logo {
	width: 45px;
	height: 45px;
	margin-bottom: 0px;
	object-fit: contain;
	margin-left: 20px;
	margin-top: 10px;
	position: absolute;
	display: inline;
}

.add_to_basket_btn {
	background-color: var(--brand-orange);

	background: -webkit-linear-gradient(
    -45deg,
		var(--brand-orange) 10%,
		var(--brand-orange) 100%
	  );

	color: var(--text-light);
	font-size: 20px;
	width: 55px;
	height: 55px;
	float: right;
	line-height: 55px;
	text-align: center;
	margin-right: 0px;
	cursor: pointer;
	box-shadow: rgba(0, 0, 0, 0.082) 0px 4px 12px;

	border-radius: 8px;
	/*padding-top: 17px;*/

    /* 🔑 Ez teszi animálttá a változást */
	transition: all 0.3s ease;
}
.add_to_basket_btn:hover {
	color: white !important;

    /*background-color: #fc6722;*/ /* pl. kissé sötétebb */
	filter:brightness(1.07);
	transform: scale(1.08); /* finom "növekedés" */
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .add_to_basket_btn {
        margin-right: 0px;
		padding-top: unset !important;
    }
}

.btn_product_is_unavailable {
	font-weight: 700;
	font-style: italic;
	color: var(--color_07);
	height: 20px;
	text-align: right;
}
.btn_product_is_unavailable a {
	font-weight: 700;
	font-style: italic;
	color: var(--color_07);
	height: 20px;
	text-align: right;
}
.btn_product_is_unavailable a:hover {
	font-weight: 700;
	font-style: italic;
	color: var(--brand-orange);
	height: 20px;
	text-align: right;
}

.prodList_offers_grid {
	display: grid;
	gap: 0.8rem;
	grid-template-columns: repeat(5, 1fr);
	margin-bottom: 1.5rem;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
	.prodList_offers_grid {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media only screen and (min-device-width: 761px) and (max-device-width: 1180px) /* tablet */  {
	.prodList_offers_grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

/* ***** PRODLIST AUTOCOMPLETE ****** */

.autoComplete_content {
	height: auto;
	width: auto;
	visibility: hidden;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .autoComplete_content {
        margin-left: auto;
        margin-right: auto;
        position: absolute !important;
        width: 100% !important;
        left: -95px !important;
    }
}

.prodList_autoComplete_container {
	overflow-y: auto;
	width: 680px;
	height: auto;
	max-height: 500px;
	border: 1px solid #eceef0;
	z-index: 1000;
	top: 150px;
	background-color: white;
	box-shadow: rgba(0, 0, 0, 0.082) 0px 4px 12px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.prodList_autoComplete_container::-webkit-scrollbar {
	display: none;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .prodList_autoComplete_container {
        width: 100% !important;
        height: 700px !important;
        position: absolute;
        left: -95px;
        top: revert-layer;
    }
}

.prodList_autoComplete_listElement_container {
	height: 85px;
	width: 100%;
	padding: 15px;
	border-bottom: 1px solid #ededed;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .prodList_autoComplete_listElement_container {
        width: calc(100% - 10px) !important;
        height: auto !important;
        display: inline-block;
    }
}

.prodList_autoComplete_listElement_container > a {
	color: black;
	font-weight: 700;
}

.prodList_autoComplete_listElement_container:hover {
	background-color: #f7f7f7;
}

.autoComplete_image_cont {
	float: left;
	margin-right: 10px;
	width: 65px;
}
.autoComplete_prodName_cont {
	float: left;
	width: 530px;
	height: 30px;
	font-size: 0.85em;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .autoComplete_prodName_cont {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        width: calc(100% - 120px) !important;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.prodList_autoComplete_listElement_container .btnDiv2 {
	position: relative;
	top: -22px;
}

.autoComplete_prodPrice_cont {
	color: var(--accent-green);
	font-size: 16px;
	font-weight: 700;
	margin-top: 10px;
	float: left;
}

.btnDiv2 {
	background-color: var(--brand-orange);
	color: white; 
	font-size: 16px; 
	width: 45px; 
	height: 45px; 
	float: right; 
	line-height: 45px; 
	text-align: center; 
	/*margin-right: 30px;*/
	border-radius: 8px;

	box-shadow: rgba(0, 0, 0, 0.082) 0px 4px 12px;

	border-radius: 8px;
	/*padding-top: 17px;*/

    /* 🔑 Ez teszi animálttá a változást */
	transition: all 0.3s ease;
}
.btnDiv2:hover {
	cursor: pointer;
	color: white !important;

    /*background-color: #fc6722;*/ /* pl. kissé sötétebb */
	filter:brightness(1.07);
	transform: scale(1.08); /* finom "növekedés" */
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

/* ### POPUP CSS ### */
.popupContainer {
	width: 100%;
	height: 100%;
	z-index: 9000;
	position: fixed;
	top: 0px;
	left: 0px;
}
.popupFader {
	width: 100%;
	height: 100%;
	z-index: 1001;
	background-color: gray;
	opacity: 0.3;
	position: absolute;
	top: 0px;
	left: 0px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
	.popupFader {
		background-color: #2f2f2f;
		opacity: 0.8;
	}
}

.popupFader[data-comp-name="userData_functions_popup"] {
    background-color: transparent !important;
}

.popupContent {
	width: 80%;
	max-width: 1320px;
	max-height: 80%;
	z-index: 1002;
	background-color: white;
	position: absolute;
	opacity: 1;
	margin: 0 auto;
	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
	border: 0px solid #a3a3a3;
	border-radius: 5px;
	overflow: hidden;
	/*box-shadow: 10px 10px 5px #aaaaaa;*/
	/*box-shadow: 1px 1px 5px #000000; */
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .popupContent {
        width: calc(100% - 18px);
		max-height: 90% !important; 
    }
}

.popupContent[data-comp-name='userData_functions_popup'] {
    width: 450px;
    max-width: 1320px;
    height: 350px;
    z-index: 1002;
    background-color: white;
    position: absolute;
    opacity: 1;
    margin: 0 auto;
    top: 57px;
    left: calc(50% + 262px);
    margin-left: 0px;
    transform: translate(0%, 0%);
    border: 1px solid #dddddd;
    border-radius: 10px;
    overflow: unset !important;
    /* box-shadow: 10px 10px 5px #aaaaaa; */
    /* box-shadow: 1px 1px 5px #000000; */
    box-shadow: rgba(0, 0, 0, 0.1) 4px 4px 12px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .popupContent[data-comp-name='userData_functions_popup'] {
        width: 100%;
        max-width: unset;
        left: 0px;
        top: 43px;
    }
}

.popupHead_old {
	width: 100% - 16px;
	height: 50px;
	background-color: #ffffff;
	padding: 8px;
	border-bottom: 1px solid grey;
}
.popupHead {
	/*width: calc(100% - 16px);*/
    width: 100%;
	height: 50px;
	padding: unset;
	background-color: #ffffff;
    color: var(--OneClick_dark_grey);
    font-size: 1em;
    line-height: 50px;
    padding-left: unset;
    font-weight: 900;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .popupHead {
        width: 100% !important;
    }
}

.popupHead[data-comp-name="userData_functions_popup"] {
    height: 50px !important;
    line-height: 50px !;
    padding: 0px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    border: 0px solid #dddddd;
    font-weight: 700;
    width: calc(100% - 40px) !important;
    background-color: #F5F5F5;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px;
    color: var(--color_03);
    box-sizing: unset !important;
}

.popupHead_contentTitle {
	font-size: 1.6em;
	text-transform: uppercase;
	font-weight: 1000;
	font-style: italic;
	margin-bottom: 10px;
	color: var(--OneClick_dark_grey);
	margin-top: 10px;
	margin-left: 20px;
}

.ocHeader_blue {
	/*background-color: var(--color_03) !important;*/
	background-color: white !important;
	font-weight: 900;
	color: var(--OneClick_dark_blue);
	padding-left: 20px;
}

.popupCloseBtn_cont {
    width: 30px;
    display: block;
    position: absolute;
    top: 0px;
    margin-left: auto;
    margin-right: 0px;
    right: 0px;
    font-size: 1.2em;
    cursor: pointer;
}
.popupCloseBtn_cont:hover {
    color: var(--brand-orange);
}

.popupBody {
	width: 100% - 16px;
	/*height: calc(100% - 120px) !important;*/
	height: auto;
	background-color: white;
	padding: 20px;
	overflow: auto;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
	.popupBody {
		padding: 10px;
	}
}


.popupBody[data-comp-name="userData_functions_popup"] {
    height: calc(100% - 140px) !important;
    box-sizing: unset !important;
}

.popUpBody_item {
    line-height: 1em;
    padding-top: 8px;
    padding-bottom: 8px;
}
.popUpBody_item[data-comp-name="userData_functions_popup"] {
    cursor: pointer;
    font-size: 0.9em;
}
.popUpBody_item[data-comp-name="userData_functions_popup"]:hover {
    color: var(--brand-orange);
}

.popup_buttons_container {
    display: grid;
    gap: 1.5em;
    grid-template-columns: repeat(2, 1fr);
}

.popupFoot {
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	/*background-color: grey;*/
	padding-right: 20px;
	padding-left: 20px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .popupFoot {
        width: 100%;
        height: auto;
    }
}

.popupFoot[data-comp-name="userData_functions_popup"] {
    width: calc(100% - 30px) !important;
}

.popup_footer_cancel_btn {
    height: 40px;
    background-color: var(--color_09);
    border-radius: 5px;
    border: 1px solid var(--color_10);
    cursor: pointer;
}

.popup_footer_submit_btn {
    height: 40px;
    background-color: var(--color_07);
    color: var(--color_04);
    border-radius: 5px;
    border: 1px solid var(--color_10);
    cursor: pointer;
}

/* *** POPUP MANAGE COOKIES *** */
.manageCookieConsents_popup {
	width: 900px;
	height: 650px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
	.manageCookieConsents_popup {
		width: 100%;
		height: 600px;
	}
}

.manageCookieConsents_header {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	background-color: white;
	color: var(--color_03);
	border-bottom: 0px solid var(--color_03);
}

.mcc_table {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid var(--border_1);
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
	.mcc_table {
		padding-bottom: 5px;
		margin-bottom: 5px;
	}
}

.mcc_table_row {
	padding-top: 5px;
	padding-bottom: 5px;
}

.mcc_table_col_left {
	text-align: left;
	font-weight: bold;
}

.mcc_table_col_right {
	text-align: right;
}

.mcc_table_col_bottom {
	text-align: justify;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
	.mcc_table_col_bottom {
		font-size: 0.85em;
	}
}

/* *** POPUP USERDATA FUNCTIONS - HEADER *** */

.userData_functions_popup_left {
    float: left;
    width: calc(50% - 20px);
}

.userData_functions_popup_right {
    float: right;
    width: calc(50% - 0px);
    background-color: var(--color_04);
    border: 0px solid var(--color_09);
    padding: 10px;
}

.rounded_icon_container {
    height: 40px; 
    width: 40px; 
    text-align: center; 
    line-height: 40px; 
    border-radius: 20px; 
    background-color: var(--color_07_2);
    color: var(--color_04);
    float: left;
    margin-right: 10px;
}
.rounded_icon_title_container {
    height: 40px;
    width: calc(100% - 0px);
    color: var(--color_07_2);
}
.username_field {
    font-size: 0.8em;
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 5px;
    color: var(--color_03);
}
.userEmail_field {
    font-size: 0.8em !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* *** FORM ELEMENTS *** */
.formRow {

}
.formRow[data-comp-name="user_data_name_change_popup"] {
    margin-bottom: 15px;
}
.formRow[data-comp-name="user_data_pwd_change_popup"] {
    margin-bottom: 15px;
}

.formRow_Title {

}

.formRow_Input {

}

/* *** POPUP IMAGE VIEWER *** */
[data-comp-element="imgViewer_popupContent"] {
    max-width: none !important;
}

.img_popup_body {
	height: calc(100% - 120px) !important;
}

[data-comp-element="imgViewer_HeaderProdName"] {
    color: var(--color_01);
    padding-left: 10px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    [data-comp-element="imgViewer_HeaderProdName"] {
        height: 35px;
        overflow: hidden;
    }
}

[data-comp-element="imgViewer_headerIcon"] {
    margin-right: 8px;
    font-size: 1.4em;
    color: var(--brand-orange);
}

.max_img_popUpWidth {
	width: 95%;
	max-width: 1320px !important;
	height: 95%;
	
}

.popup_img_viewer_main {
	width: 100%; 
	height: calc(100%) !important;
	display: grid; 
	gap: 0rem; 
	grid-template-columns: 180px calc(100% - 180px)
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .popup_img_viewer_main {
        display: flex;
        flex-flow: column;
    }
}

.popup_img_viewer_thumbs_cont {
	width: 180px;
	text-align: center;
	overflow-y: scroll;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .popup_img_viewer_thumbs_cont {
        width: auto;
        display: flex;
        flex-flow: row;
        overflow-y: hidden;
        order: 2;
    }
}

.popup_imgage_thumb_list_image {
	margin-bottom: 20px;
    width: 100px;
}

.popup_img_viewer_img_cont {
	width: auto;
    max-width: 1200px;
    height: 800px;
    display: -webkit-inline-box;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .popup_img_viewer_img_cont {
        order: 1;
    }
}

.popup_image {
	width: 800px;
    height: 800px;
    max-height: calc(100% - 100px);
    object-fit: contain;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
	.popup_image {
		width: 500px;
		height: 500px;
	}
}

.userLogin_popup {
	width: 400px;
	height: 450px;
}
.userRegistration_popup {
	width: 400px;
	height: 580px;
}
.userForgottenPwd_popup {
	width: 400px;
	height: 430px;
}
.userNameModify_popup {
	width: auto;
	height: auto;
	padding-right: 20px;
	padding-bottom: 20px;
}
.userPwdModify_popup {
	width: 400px;
	height: auto;
	padding-bottom: 20px;
}

.basketPopUp_head {
	font-size: 1em !important;
	font-weight: 900;
	text-transform: uppercase;
	/*color: var(--brand-orange);*/
	/*line-height: 1.8em;*/
	padding-left: 30px;
	background-color: #ffffff !important;
}

.basket_popup_content {
	min-height: 290px !important;
	height: auto;
	/*width: auto !important;
	max-width: 800px !important;*/
	width: auto;
	max-width: 980px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .basket_popup_content {
        width: calc(100% - 18px);
    }
}

.basket_popup_body {
	min-height: 130px !important;
	height: auto;
}

.basketPage_mainContent_cont {
	width: 100%;
	max-width: 1040px;
	margin-top: 70px;
	margin-bottom: 40px;
	display: inline-block;
	position: relative;
	/*top: 50px;*/
	border: 1px solid var(--OneClick_light_grey);
	padding: 20px;
	background-color: white;
	border-radius: 8px;
    box-shadow: rgb(0 0 0 / 6%) 0px 4px 12px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
	.basketPage_mainContent_cont {
		margin-top: 0px !important;
		top: 50px !important;
	}
}

.basketPage_contentTitle {
	font-size: 1.8em;
	text-transform: uppercase;
	font-weight: 1000;
	font-style: normal;
	margin-bottom: 10px;
	color: var(--OneClick_dark_grey);
	margin-top: 10px;
	margin-bottom: 20px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
	.basketPage_contentTitle {
		font-size: 1.25em;
		/*margin-top: 70px;*/
		/*padding: 10px;*/
		padding-left: 10px;
	}

	[data-comp-name="basketOrderPage_Title"] {
		margin-top: 70px;
		padding-left: 10px;
	}
}

.basket_item_row {
	width: 100%;
	/*max-width: 1040px;*/
	min-height: 60px;
	height: auto;
	/*border-bottom: 1px dashed var(--border_2);*/
	line-height: 20px;
	padding-top: 10px;
	/*padding: 20px;*/
	display: flex;
    flex-direction: row;
    align-items: center;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	/*border-top: 0px solid var(--OneClick_light_grey);*/
	border-left: 0px solid var(--OneClick_light_grey);
	border-right: 0px solid var(--OneClick_light_grey);
	border-bottom: 1px solid var(--OneClick_light_grey) !important;
	background-color: white;
	float: right;
}
.basket_item_row:first-of-type {
	border-top: 1px solid var(--OneClick_light_grey);
}
.basket_item_row:last-of-type {
    border-bottom: 1px solid var(--OneClick_light_grey) !important;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .basket_item_row {
        display: grid;
        padding: 15px;
    }

    .basket_item_row[data-comp-name="basket_popup"] {
        display: inline;
        padding: 0px !important;
    }
}

.basket_item_input_txt {
	width: 60px !important;
	height: 30px !important;
	text-align: center;
	border-radius: 0px !important;
}

.basket_item_img_cont {
	width: 80px;
}

.basket_item_img {
	width: 80px;
	height: 80px;
	margin-right: 10px;
	float: left;
	padding-bottom: 10px;
    object-fit: contain;
}
.basket_item_product_id {
	width: 90px;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .basket_item_product_id {
        width: 100% !important;
        padding-left: 0px !important;
        margin-top: 10px;
    }
}

.basket_item_product_name {
	width: auto;
	max-width: 400px;
	min-width: 400px;
	height: auto;
	float: left;
	font-weight: bold;
	padding: 20px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .basket_item_product_name {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        margin-top: 10px;
    }
}

.basket_item_product_name .prodList_prodName_link {
	font-weight: 500 !important;
}

.basket_item_product_price {
	width: 130px;
	float: left;
	/*left: 20px;*/
	position: relative;
	text-align: left;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .basket_item_product_price {
        width: 100% !important;
        text-align: right;
        margin-top: 10px;
    }
}

.basket_item_product_sum_price {
	width: 160px;
	float: right;
	font-weight: bold;
	text-align: right;
	color: darkorange;
	font-size: 1.2em;
	margin-left: auto;
	margin-right: 0px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .basket_item_product_sum_price {
        width: 100% !important;
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

.basket_item_manage {
	width: 210px;
	float: right;
	position: relative;
	top: 10px;
	margin-bottom: 20px;
	margin-right: 0px;
	line-height: 30px !important;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .basket_item_manage {
        margin-right: unset !important;
        width: 100%;
    }
}

.basket_btn_decrease {
	height: 30px !important;
	width: 30px !important;
	float: left;
	position: relative;
	border: 1px solid var(--border_1);
	text-align: center;
	margin-right: 5px;
	vertical-align: middle;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .basket_btn_decrease {
        height: 40px !important;
        width: 40px !important;
        line-height: 40px;
    }
}

.basket_item_input_txt {
	width: 60px;
	height: 30px;
	float: left;
	position: relative;
	border: 1px solid var(--border_1);
	text-align: center;
	margin-right: 5px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .basket_item_input_txt {
        height: 40px !important;
        width: 100px !important;
        line-height: 40px;
    }
}

.basket_btn_increase {
	height: 30px !important;
	width: 30px !important;
	float: left;
	position: relative;
	border: 1px solid var(--border_1);
	text-align: center;
	margin-right: 5px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .basket_btn_increase {
        height: 40px !important;
        width: 40px !important;
        line-height: 40px;
    }
}

.basket_item_delete {
	width: 30px !important;
	height: 30px !important;
	float: left;
	position: relative;
	border: 1px solid var(--border_1);
	text-align: center;
	margin-right: 5px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .basket_item_delete {
        float: right;
        height: 40px !important;
        width: 40px !important;
        line-height: 40px;
    }
}

.basket_technical_item_row {
	width: 100%;
	height: 55px;
	margin-bottom: 0px;
}

.basket_summary_cont {
	font-size: 18px;
	font-weight: normal; 
	color: darkorange; 
	margin-left: auto;
	margin-right: 0px;
	line-height: 1.5em;
	text-align: right;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .basket_summary_cont {
        display: grid;
    }
}

.basket_summary_cont_row {
	height: auto;
	line-height: 30px;
}

.visszavalt_dij {
	color: var(--color_03) !important;
}

.basket_summary_cont_title {
	float: left;
	font-weight: 500;
	margin-right: 20px;
	color: #026f65;
}

.basket_summary_cont_value {
	float: right;
	font-weight: 700;
	font-style: italic;
	color: var(--color_07);
	font-size: 1em;
}

.basketPopup_btn_back_to_shopping {
	width: 300px;
	height: 50px;
	float: left;
	position: relative;
	background-color: var(--color_04);
	border: 1px solid var(--OneClick_light_grey);
	color: orangered;
	text-align: center;
	line-height: 50px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 1em;
	font-weight: bold;
	cursor: pointer;
	margin-top: 20px;
	margin-bottom: 10px;
	left: 7px;
    position: absolute;
    margin-right: 5px;
    margin-bottom: 10px;
    bottom: 0px;
	border-radius: 8px;
}
.basketPopup_btn_back_to_shopping:hover {
	cursor: pointer;
	background-color: #e9e9e9;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .basketPopup_btn_back_to_shopping {
        display: block;
        margin-right: 0px;
        width: calc(100% - 10px);
        position:  relative !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        left: unset !important;
        bottom: 10px !important;
        float: unset !important;
    }
}

.order_data_row > .basketPopup_btn_back_to_shopping {
	position: relative !important;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .order_data_row {
        display: inline-block;
    }
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .order_data_row > .basketPopup_btn_back_to_shopping {
        width: calc(100% - 30px);
        margin-top: 25px !important;
        margin-left: 15px !important;
        margin-right: 15px !important;
		height: 70px;
		line-height: 70px;
    }
}


.basketPopup_btn_goto_basket {
	width: 300px;
	height: 50px;
	float: right;
	position: relative;
	background-color: var(--brand-orange);
	border: 0px solid var(--color_04);
	color: whitesmoke;
	text-align: center;
	line-height: 50px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 1em;
	font-weight: bold;
	cursor: pointer;
	margin-top: 20px;
	margin-bottom: 10px;
	right: 0px;
    position: absolute;
    margin-right: 5px;
    bottom: 0px;
	border-radius: 8px;
}
.basketPopup_btn_goto_basket:hover {
	cursor: pointer;
	color: var(--OneClick_light_grey);
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .basketPopup_btn_goto_basket {
        display: block;
        margin-left: 0px;
        width: calc(100% - 10px);
        position: relative !important;
        margin-top: 15px !important;
        margin-bottom: unset !important;
        margin-right: unset !important;
        bottom: 10px;
        float: unset !important;
        /*background-color: var(--color_07);*/
    }
}

.order_data_row > .basketPopup_btn_goto_basket {
	position: relative !important;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .order_data_row > .basketPopup_btn_goto_basket {
        width: calc(100% - 30px);
        margin-top: 25px !important;
        margin-left: 15px !important;
        margin-right: 15px !important;
        background-color: var(--brand-orange);
		height: 70px;
		line-height: 70px;
    }
}

.basketPage_title {
	line-height: 40px;
	font-size: 1.1em;
	font-weight: 800;
	text-transform: uppercase;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 2px;
	margin-bottom: 20px;
	width: auto;
	float: left;
	position: relative;
	color: var(--brand-orange);
	border-bottom: 3px solid var(--brand-orange);
}
.basketPage_title_small {
	line-height: 40px;
	font-size: 1.1em;
	font-weight: 800;
	text-transform: uppercase;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 2px;
	margin-bottom: 20px;
	width: auto;
	float: left;
	position: relative;
	color: var(--color_03);
	border-bottom: 3px solid var(--color_03);
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .basketPage_title_small {
        font-size: 1.05em !important;
    }
}

.od_data_group_title {
	box-sizing: border-box;
	padding: 20px;
	/*font-size: 18px;*/
	font-weight: 800;
	text-transform: uppercase;
	font-size: 1.2em;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .od_data_group_title {
        font-size: 1em;
        line-height: 1.6em;
        margin-top: 15px;
		font-weight: 900;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 20px;
		padding-bottom: 8px;
    }
}

.od_data_group_title > i {
    margin-right: 10px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .od_data_group_title > i {
        margin-right: 10px;
    }
}

.od_payment_mode_info {
	font-size: 0.9em;
	font-weight: normal;
	margin-top: -20px;
	margin-left: 68px;
	margin-bottom: 10px;
	font-style: italic;
}


.order_type_select[data-comp-value="1"] {
    margin-left: 70px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .order_type_select[data-comp-value="1"] {
        display: block;
        width: 100%;
        margin-left: unset !important;
        line-height: 2.5em;
    }
}

.order_type_select[data-comp-value="2"] {
    margin-left: 15px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .order_type_select[data-comp-value="2"] {
        display: block;
        width: 100%;
        margin-left: unset !important;
        line-height: 2.5em;
    }
}

.order_type_form_container {
	/*width: 100%;*/
	height: auto;
	background-color: #ffffff;
	padding: 14px;
	border: 1px solid var(--OneClick_light_grey);
	border-radius: 8px;
    box-shadow: rgb(0 0 0 / 6%) 0px 4px 12px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .order_type_form_container {
        display: flow-root;
    }
}

.order_data_row {
	/*width: 100%;*/
	min-height: 45px;
	margin-top: 5px;
	line-height: 45px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
	.order_data_row {
		width: 100%;
	}
}

.order_data_row_title {
	width: 200px;
	min-height: 40px;
	line-height: 40px;
	float: left;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .order_data_row_title {
        width: 100%;
        min-height: unset;
        line-height: 1em;
		margin-bottom: 5px;
    }
}

.order_data_row_content {
	width: calc(100% - 200px);
	min-height: 40px;
	line-height: 40px;
	float: left;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .order_data_row_content {
        width: 100%;
        min-height: unset;
        margin-bottom: 10px;
    }
}

.w_zip_code {
	width: 100px !important;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .w_zip_code {
        width: 100% !important;
    }
}

.w_city_title {
	width: 100px !important;
	text-align: center;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .w_city_title {
        text-align: left;
        width: 100% !important;
    }
}

.w_address {
	width: calc(100% - 500px) !important;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .w_address {
        width: 100% !important;
    }
}

.w_street {
	width: 400px !important;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .w_street {
        width: 100% !important;
    }
}

.order_data_street_number {
	width: 200px !important;
	float: left !important;
}

.order_data_street_number_input_fiel_div {
	width: 200px !important;
}
.order_data_tax_number_div {
	display: none;
}

.order_phone_country_input {
	width: 55px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    margin-right: 0px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
	.order_phone_country_input:disabled {
		border-color: var(--OneClick_dark_grey) !important;
		color: var(--OneClick_dark_grey) !important;
	}
}

[data-comp-element="order_phone_input"] {
	width: 747px !important;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	margin-left: -5px !important;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
	[data-comp-element="order_phone_input"] {
		width: calc(100% - 60px) !important;
		border-top-left-radius: 0 !important;
		border-bottom-left-radius: 0 !important;
		margin-left: -6px !important;
	}
}

.delivery_address_form_container {
	margin-top: 0px;
	/*width: 100%;*/
	height: auto;
	background-color: #ffffff;
	padding: 14px;
	border: 1px solid var(--OneClick_light_grey);
	border-radius: 8px;
    box-shadow: rgb(0 0 0 / 6%) 0px 4px 12px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .delivery_address_form_container {
        display: flow-root;
		padding: 20px;
		margin-left: 10px;
		margin-right: 10px;
    }
}

.tr_courier_row {
	line-height: 25px;
	padding-top: 8px !important;
	padding-bottom: 8px !important;
	height: 70px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
	.tr_courier_row {
		height: 100px !important;
	}
}

[data-comp-name="bo_courier_name"] {
	font-weight: bold;
}

[data-comp-name="bo_courier_name_info"] {
	font-size: 0.9em;
	font-style: italic;
}

.td_courier_chck {
	width: 20px;
}

.td_courier_img {
	width: 50px;
	text-align: center;
}

.td_courier_name {
	width: 490px;
}

.td_courier_price {
	width: 200px;
	text-align: right;
}

/* ### basket_order_page - courier modes */
.courier_list_element {
	margin-bottom: 0px;
}

.courier_apm_dropdown_container {
	/*float: right; 
	margin-left: 20px;*/
}

#foxpost_search_field {
	width: 660px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    #foxpost_search_field {
        width: calc(100%);
    }
}

.foxpost_apm_input_field_icon {
	position: absolute;
	margin-left: -27px;
	margin-top: 14px;
}

#foxpost_apm_list_container {
	height: 200px; 
	width: 680px; 
	overflow-y: scroll; 
	overflow-x: hidden; 
	background-color: whitesmoke; 
	border: 1px dashed #8C8C8C; 
	z-index: 5000; 
	position: absolute;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    #foxpost_apm_list_container {
        width: calc(100% - 90px);
    }
}

.courier_apm_list_element_row {
	line-height: 28px;
	font-size: 14px;
	border-bottom: 0px dashed #8c8c8c;
	width: 100%;
	display: flex;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .courier_apm_list_element_row {
		width: calc(100% - 20px);
	}
}

.courier_apm_list_element_row > input[type='radio'] {
	width: 15px;
	height: 15px;
	margin-right: 10px;
	position: relative; 
	top: 3px; 
	cursor: pointer;
}

/* ### basket order data - payment modes ### */
span[data-comp-element="payment_mode_name"] {
    margin-left: 40px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    span[data-comp-element="payment_mode_name"] {
        margin-left: 10px !important;
    }
}

[data-comp-element="paymentMode_NovoPayment_logo"] {
	width: 42px; 
	margin-left: 20px;
}

[data-comp-element="paymentMode_Worldline_logo"] {
	width: 22px;
	margin-left: 3px;
}

[data-comp-element="paymentMode_Visa_logo"] {
	width: 37px; 
	margin-left: 0px;
}

[data-comp-element="paymentMode_Mastercard_logo"] {
	width: 18px;
	margin-left: 3px;
}

[data-comp-element="paymentMode_Maestro_logo"] {
	width: 18px;
	margin-left: 3px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
	[data-comp-element="paymentMode_NovoPayment_logo"] {
		width: 35px; 
		margin-left: 10px;
	}
	
	[data-comp-element="paymentMode_Worldline_logo"] {
		width: 22px;
		margin-left: 3px;
	}
	
	[data-comp-element="paymentMode_Visa_logo"] {
		width: 27px; 
		margin-left: 0px;
	}
	
	[data-comp-element="paymentMode_Mastercard_logo"] {
		width: 15px;
		margin-left: 3px;
	}
	
	[data-comp-element="paymentMode_Maestro_logo"] {
		width: 15px;
		margin-left: 3px;
	}
}


/* ### basket order summary ### */
.basket_order_summary_content_title {
	width: 100%;
	min-height: 35px;
	line-height: 35px;
}

.basket_order_summary_content_container {
	width: 100%;
	min-height: 100px;
}

.basket_order_summary_content_container_grid {
	display: grid;
    gap: 0rem;
    grid-template-columns: repeat(2, 1fr);
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .basket_order_summary_content_container_grid {
        grid-template-columns: repeat(1, 1fr);
    }
}

.order_summary_container1 {
	padding: 20px;
	float: left;
	min-height: 100px;
	border: 1px solid var(--OneClick_light_grey);
	margin: 5px;
	background-color: #ffffff;
	border-radius: 8px;
    box-shadow: rgb(0 0 0 / 6%) 0px 4px 12px;
}

.os_cont_title {
	font-size: 1em;
	font-weight: 900;
	line-height: 1.5em;
	padding-bottom: 10px;
	color: var(--color_03);
	text-transform: uppercase;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
	.os_cont_title {
		font-weight: 900;
	}
}

.os_cont_content {
	font-size: 1em;
	font-weight: normal;
	line-height: 1.5em;
}
.os_cont_content_title {
	float: left;
	width: 150px;
	position: relative;
	height: 30px;
}
.os_cont_content_name {
	width: 350px;
	float: left;
	position: relative;
	height: 30px;
	font-weight: normal;
}
.os_cont_content_price {
	float: right;
	position: relative;
	height: 30px;
	width: 200px;
	text-align: right;
	padding-right: 0px !important;
	color: #ff4500;
}

.basket_order_summary_delivery_mode_container {
	width: 100%;
	/*padding: 10px;*/
	/*border: 1px dotted #fe4501;*/
	font-size: 1.2em;
	/*line-height: 1.5em;*/
	margin-top: 20px;
}
.os_delivery_mode_title {
	/*width: 200px;*/
	padding: 10px;
	float: left;
	font-weight: bold;
	line-height: 1.2em;
}

.os_delivery_mode_content {
	/*width: 400px;*/
	padding: 10px;
	float: left;
	font-weight: normal;
	line-height: 1.2em;
}

.basket_order_summary_payment_mode_container {
	width: 100%;
	padding: 10px;
}

.basket_order_summary_comment_container {
	width: calc(100% - 10px);
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	border: 1px solid var(--OneClick_light_grey);
	padding: 20px;
	background-color: #ffffff;
	border-radius: 8px;
    box-shadow: rgb(0 0 0 / 6%) 0px 4px 12px;
}

.basket_order_summary_comment_container_title {
	font-weight: 900;
	margin-bottom: 15px;
	text-transform: uppercase;
}

.basket_order_summary_prodList_container {
	width: calc(100% - 5px);
	min-height: 80px;
	margin-top: 10px;
	border: 1px solid var(--OneClick_light_grey);
	padding: 20px;
	background-color: #ffffff;
	border-radius: 8px;
    box-shadow: rgb(0 0 0 / 6%) 0px 4px 12px;
}
.os_prodList_title {
	font-size: 1em;
	font-weight: 900;
	padding-left: 0px;
	margin-bottom: 0px;
	text-transform: uppercase;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
	.os_prodList_title {
		margin-bottom: 5px;
	}
}

.os_sum_price_cont {
	line-height: 50px; 
	width: 100%; 
	text-align: right; 
	font-size: 1.4em; 
	color: var(--brand-orange); 
	padding-right: 20px;
	margin-top: 20px;
	font-weight: 900;
}

.basket_order_summary_accept_cont {
	width: 100%;
	height: auto;
	margin-top: 15px;
	margin-bottom: 40px;
	text-align: left;
	line-height: 30px;
	font-size: 1em;
}

[data-comp-name="basket_order_summary_acceptForm_row"] {
	text-align: right;
	padding: 10px;
}

.os_accept_check {
	width: 25px !important;
	height: 25px !important;
	float: left;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
	.os_accept_check {
		width: 30px !important;
		height: 30px !important;
		float: left;
	}
}

.oc_accept_content {
	/*top: -10px;*/
	position: relative;
	text-align: left;
    margin-left: 60px;
    width: calc(100% - 40px);
    display: block;
}

.basket_order_summary_btns_cont {
	height: 80px !important;
	margin-bottom: 50px !important;
	text-align: center !important;
}

/* ORDER SENT Page */
.orderSent_maniContent {
	width: 100%;
	text-align: center;
	padding: 20px;
}
.orderSent_mainCont_title {
	font-size: 2.7em;
	font-weight: 900;
	color: var(--accent-green);
	padding: 20px;
	text-transform: uppercase;
}
.orderSent_mainCont_order_number {
	width: 450px;
	padding: 20px;
	font-size: 1.3em;
	border: 1px solid var(--border_2);
	background-color: var(--color_09);
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 4px 12px;
	border-radius: 8px;
	position: relative;
	z-index: 1;
}
.orderSent_mainCont_order_number::before {
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    background-image: url('https://oneclick.hu/static_files/dsgn/background/OC_background_v2_1_crossLines.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; /* vagy contain */

	/*// 🔥 Ez adja az átlátszóságot:*/
    opacity: 0.4;  /* 0.0 = teljesen átlátszó, 1 = teljesen látható */

    z-index: -1;
}

@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
	.orderSent_mainCont_order_number {
		width: 100%;
	}
}

.orderSent_mainCont_content {
	width: 580px;
	padding: 0px;
	font-size: 1.1em;
	line-height: 2em;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
	.orderSent_mainCont_content {
		width: 100%;
	}
}

[data-element-layout="thankyou_slide"] {
	width: 580px !important;
	display: block !important;
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
	[data-element-layout="thankyou_slide"] {
		width: 100% !important;
		display: block !important;
	}
}

[data-element-layout="thankyou_slide_img"] {
	width: 500px;
	margin-left: auto !important;
	margin-right: auto !important;
}

[data-element-layout="thankyou_slide_content"] {
	width: 550px !important;
	height: auto !important;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-bottom: 60px !important;
	float: unset !important;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
	[data-element-layout="thankyou_slide_content"] {
		width: 100% !important;
		height: auto !important;
		margin-left: auto !important;
		margin-right: auto !important;
		margin-bottom: 60px !important;
		margin-top: 50px !important;
		float: unset !important;
	}
}

[data-element-layout="thankyou_slide_content_text"] {
	font-size: 3em !important;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
	[data-element-layout="thankyou_slide_content_text"] {
		font-size: 2.1em !important;
		text-align: center !important;
	}
}


/* ### Product Page CSS ### */
.pp_headerLine_cont {
	width: 100%;
	height: 55px;
	line-height: 55px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
	.pp_headerLine_cont {
		height: auto;
		line-height: 30px;
		margin-top: 18px;
		margin-left: 10px;
		margin-right: 10px;
		font-size: 0.9em !important;

	}

	.pp_headerLine_cont .category_route_link {
		font-size: 0.9em !important;
	}
}

.pp_prodMain_cont {
	/*width: 100%;*/
	min-height: 450px;
	height: auto;
	margin-bottom: 15px;
	border: 1px solid var(--OneClick_light_grey);
	position: relative;
	display: flex;
	background-color: #ffffff;
	border-radius: 8px;
    box-shadow: rgb(0 0 0 / 6%) 0px 4px 12px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .pp_prodMain_cont {
        display: inline-block;
		margin-left: 10px;
		margin-right: 10px;
    }
}

.pp_prodMainVariations_cont {
	min-height: 450px;
	height: auto;
	margin-bottom: 15px;
	border: 1px solid var(--OneClick_light_grey);
	position: relative;
	display: block;
	background-color: #ffffff;
}

.pp_prodImg_mainCont {
	width: 638px;
	height: 450px;
	float: left;
	display: contents;
}


.pp_prodImg_thmbCont {
	width: 130px;
	float: left;
	height: 450px;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid var(--OneClick_light_grey);
	overflow-y: scroll;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .pp_prodImg_thmbCont {
        width: 110px !important;
        height: 300px !important;
    }
}

/* Hide scrollbar for Chrome, Safari and Opera */
.scrollbar_hide::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.scrollbar_hide {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.pp_product_image_thnbList {
	width: 100px;
	height: 100px;
	object-fit: contain;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .pp_product_image_thnbList {
        width: 80px !important;
        height: 80px !important;
    }
}

.pp_prodImg_imgCont {
	width: 500px;
	float: left;
	text-align: center;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .pp_prodImg_imgCont {
        width: calc(100% - 120px);
    }
}

.pp_product_image {
	width: 420px;
	height: 420px;
	object-fit: contain;
	margin-top: 20px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .pp_product_image {
        width: 250px !important;
        height: 250px !important;
    }
}

.pp_prodName_mainCont {
	width: 760px;
	min-height: 450px;
	height: auto;
	margin-left: -1px;
	float: right;
	text-align: left;
	border-left: 1px solid var(--OneClick_light_grey);
	position: relative;
	/*padding-left: 20px;
	padding-right: 20px;*/
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .pp_prodName_mainCont {
        width: 100% !important;
        min-height: auto !important;
    }
}

.pp_prodName_content {
	padding: 20px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
	.pp_prodName_content {
		border-top: 1px solid var(--OneClick_light_grey);
	}
}

.pp_prodName_content h2 {
	color: black;
	margin-top: -5px;
	font-size: 25px;
	font-weight: 800;
}

@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
	.pp_prodName_content h2 {
		font-size: 22px;
		font-weight: 700;
	}
}

.pp_prodName_content h4 {
	margin-top: -15px;
	font-size: 14px;
	font-weight: 500;
	float: left; 
	width: 100%;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
	.pp_prodName_content h4 {
		margin-top: -5px !important;
		line-height: 12px;
	}
}

.pp_manufacturer_cont {
	margin-top: -15px !important; 
	font-size: 14px !important; 
	font-weight: 500 !important; 
	float: right !important; 
	width: 200px!important; 
	text-align: right !important;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
	.pp_manufacturer_cont {
		float: left !important;
		text-align: left !important;
		margin-top: 0px !important;
		margin-bottom: 10px !important;
	}
}

.pp_prodName_priceCont {
	padding-left: 20px;
	padding-right: 20px;
	height: 60px;
}

.pp_priceCont_Cont {
	width: 50%;
	float: left;
}

.pp_prodName_priceCont h2 {
	/*font-family: 'Montserrat', sans-serif;*/
	margin-top: 0px;
	color: var(--color_07);
	font-size: 30px;
	font-weight: 800;
	font-style: normal;
	
	background: -webkit-linear-gradient(
    90deg,
		var(--accent-green) 30%,
		var(--accent-green-soft) 70%
	  );
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
	  max-width: max-content;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
	.pp_prodName_priceCont h2 {
		font-weight: 700;
		font-size: 25px;
		line-height: 45px;
		margin-top: -5px;
	}
}

.pp_prodName_priceCont h4 {
	margin-top: -30px;
	color: var(--color_03);
	font-weight: normal;
	font-size: 14px;
}

.pp_prodName_basketBtnCont {
	width: 50%;
	height: 45px;
	/*padding-left: 40px;*/
	margin-bottom: 20px;
	float: right;
}
.pp_prodName_basketBtnCont input {
	width: 45px;
	height: 40px;
	border: 1px solid lightgrey;
	float: left;
	text-align: center;
	font-size: 16px;
}
.pp_prodName_basketBtnCont .btnDiv {
	width: 168px;
    height: 55px;
    float: left;
    background-color: var(--brand-orange);
    line-height: 55px;
    font-size: 16px;
    text-align: center;
    color: white;
    font-weight: bold;
    cursor: pointer;
    float: right;
    border-radius: 8px;
    margin-bottom: 5px;
    position: relative;
    display: block;
    top: -3px;

	/* 🔑 Ez teszi animálttá a változást */
	transition: all 0.3s ease;
}
.pp_prodName_basketBtnCont .btnDiv:hover {
	color: white;

	/*background-color: #fc6722;*/ /* pl. kissé sötétebb */
	filter:brightness(1.07);
	transform: scale(1.08); /* finom "növekedés" */
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.pp_prod_rating_login {
	border-bottom: 1px dashed;
	padding-top: 10px;
	padding-bottom: 0px;
	width: 100%;
	background-color: #f7f7f7;
	padding: 10px;
	color: #009688;
}

.pp_prod_rating_form_cont {
	border-bottom: 1px dashed var(--color_06);
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	width: 100%;
	background-color: #f7f7f7;
}

.pp_product_rating_form_grid {
	width: 100%; 
	display: grid; 
	gap: 1.2rem; 
	grid-template-columns: repeat(3, 1fr);
}

.pp_product_rating_radio_cont {
	width: 180px;
	display: grid;
	gap: 1.2rem;
	grid-template-columns: repeat(5, 1fr);
}

.pp_prod_rating_noRate_cont {
	padding: 10px; 
	border-bottom: 1px dashed var(--color_06);
}

.pp_prod_rating_content_row {
	border-bottom: 1px dashed var(--color_06);
	padding-top: 10px; 
	width: 100%;
	display: grid;
	gap: 1.5rem;
	grid-template-columns: repeat(2, 1fr);
}

.pp_prod_rating_user {
	padding-left: 10px;
}

.pp_prod_rating_stars {
	text-align: right;
	padding-right: 20px;
}

.pp_prod_rating_comment_cont {
	padding-left: 10px;
	margin-bottom: 10px;
}

.pp_prodName_deliveryCont {
	border-top: 1px solid var(--OneClick_light_grey); 
	padding: 15px;
}

.pp_property_short_desc {
	font-size: 14px;
	padding-top: 10px;
	border-top: 1px dashed var(--OneClick_light_grey);
	width: 100%;
	color: #515151;
    font-style: normal;
}

[data-comp-element="productPage_data_group_title"] {
	margin-top: 30px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
	[data-comp-element="productPage_data_group_title"] {
		margin-left: 15px;
	}
}

.prodProperties_grid {
	display: grid;
	gap: 0rem;
	border: 1px solid #dedede;
	border-radius: 10px;
	/*grid-template-columns: repeat(2, 1fr);*/
	margin-bottom: 20px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .prodProperties_grid {
        grid-template-columns: repeat(1, 1fr);
		margin-left: 10px;
		margin-right: 10px;
		font-size: 0.95em;
    }
}

.prodProperties_grid_element {
	border-bottom: 1px solid #dedede;
	/*padding: 1.5rem;*/
	padding-top: 0.5rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	padding-bottom: 0.5rem;
	margin-left: 1px;
	margin-bottom: 1px;
}

.prodProperties_grid > .prodProperties_grid_element:first-child {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.prodProperties_grid > .prodProperties_grid_element:last-child {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.prodProperties_grid > .prodProperties_grid_element:nth-child(odd) {
	background-color: unset;
}

.prodProperties_grid > .prodProperties_grid_element:nth-child(even) {
	background-color: #f6f6f6;
}

.prodProp_element_grid {
	display: grid;
	gap: 0rem;
	grid-template-columns: repeat(2, 1fr);
}

.prodProp_element_grid_element {
	margin: 0px;
	overflow: auto;
}
[data-comp-element="prod_prop_name"] {
    font-weight: 700;
}

.pp_productDesc_mainCont {
	margin-bottom: 20px !important;
	/*overflow: hidden;*/
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
	.pp_productDesc_mainCont {
		margin-left: 20px;
		margin-right: 20px;
		font-size: 0.95em;
	}
}

.prodPage_productRoot_listElement_container {
	width: 100%;
	height: 80px;
	padding: 5px;
	border-bottom: 1px dotted lightgrey;
	margin-left: 0px;
	margin-right: auto;
}

.prodPage_productRoot_listElement_container[data-comp-element="productPage_prodRootList_Header_row"] {
    height: 50px !important;
    display: inline-block;
}
.prodPage_productRoot_listElement_container[data-comp-element="productPage_prodRootList_Content_row"]:hover {
    background-color: #F5F5F5;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .prodPage_productRoot_listElement_container[data-comp-element="productPage_prodRootList_Content_row"] {
        display: inline-block;
        width: 100%;
        height: 130px;
    }
}

.productRoot_image_cont {
	width: 80px;
	height: 80px;
	float: left;
	margin-right: 10px;
}
.productRoot_image_cont[data-comp-element="productPage_prodRootList_Header_row"] {
    height: 20px;
}

.productRoot_image_cont img {
	width: 80px;
	height: 80px;
}

.productRoot_prodName_cont {
	width: 450px;
	height: 40px;
	line-height: 40px;
	float: left;
}
.productRoot_prodName_cont[data-comp-element="productPage_prodRootList_Header_row"] {
    height: 20px;
}

.productRoot_productId_cont {
	width: 80px;
	float: left;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .productRoot_productId_cont[data-comp-element="productPage_prodRootList_Content_row"] {
        width: 100px;
    }
}


.productRoot_color_name_cont {
	width: 120px;
	float: left;
	text-align: center;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .productRoot_color_name_cont[data-comp-element="productPage_prodRootList_Content_row"] {
        width: 90px;
    }
}

.productRoot_size_cont {
	width: 120px;
	float: left;
	text-align: center;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .productRoot_size_cont[data-comp-element="productPage_prodRootList_Content_row"] {
        width: 90px;
    }
}

.productRoot_price_cont {
	width: 100px;
	float: right;
	font-size: 22px;
	color: var(--color_07);
	font-weight: bold;
}

.pp_prodRoot_basketBtnCont {
	float: right;
	display: grid;
	margin-right: 10px;
}
.pp_prodRoot_basketBtnCont[data-comp-element="productPage_prodRootList_Content_row"] {
    display: inline-flex;
    margin-right: 30px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .pp_prodRoot_basketBtnCont[data-comp-element="productPage_prodRootList_Content_row"] {
        position: relative;
        top: -110px;
    }
}

.prodPage_productRoot_listElement_container .pp_prodName_basketBtnCont {
	float: right;
	width: 80px !important;
}





/* ###### MY ORDERS PAGE - MyOrders ######## */
.myOrders_content_row_grid {
    width: 100%;
    display: grid;
    gap: 1.5em;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 1.5em;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .myOrders_content_row_grid {
        grid-template-columns: repeat(1, 1fr);
    }
}

.myOrders_content_grid_element {
    width: 100%;
    height: auto;
    padding: 0px;
    border: 1px solid #dfdfdf;
    background-color: white;
	box-shadow: rgba(0, 0, 0, 0.082) 0px 4px 12px;
    border-radius: 8px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .myOrders_content_grid_element {
        width: calc(100% - 20px);
        margin-left: 10px;
        margin-right: 10px;
    }
}

.myOrders_grid_element_header {
    display: inline-flex;
    width: 100%;
    border-bottom: 1px solid #dfdfdf;
    padding: 15px;
    background-color: #f5f5f5;
    font-size: 1.2em;
    font-weight: 500;
	text-transform: uppercase;
	font-weight: 800;
	font-style: italic;
}
[data-comp-element="myOrderPage_grid_element_header_titles"] {
    font-size: 1em;
    font-weight: bold;
}
[data-comp-element="myOrderPage_grid_element_header_otherTitles"] {
    border-top: 1px solid #dfdfdf;
    font-size: 1em;
    font-weight: bold;
}

[data-comp-element-footer="myOrderPage_oi_header_priceNeat_footer"] {
    color: var(--color_07);
    font-weight: 700;
}

[data-comp-element-footer="myOrderPage_oi_header_priceGross_footer"] {
    color: var(--brand-orange);
    font-weight: 700;
}

.myOrders_grid_element_content_container {
    width: 100%;
    height: auto;
    padding: 15px;
    background-color: white;
}

.myOrders_grid_element_content_title {
    font-weight: 700;
    font-style: normal;
}
.myOrders_grid_element_content_value {
    font-weight: normal;
    margin-bottom: 12px;
}

[data-comp-element="myOrderPage_desktop"] {
    display: block;
}
[data-comp-element="myOrderPage_mobile"] {
    display: none;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    [data-comp-element="myOrderPage_desktop"] {
        display: none;
    }

    [data-comp-element="myOrderPage_mobile"] {
        display: block;
    }
}


[data-comp-element="myOrderPage_oi_header_product"] {
    width: calc(100% - 520px);
}

[data-comp-element="myOrderPage_oi_header_quantity"] {
    width: 80px;
}

[data-comp-element="myOrderPage_oi_header_priceNeat"] {
    width: 180px;
    text-align: center;
}

[data-comp-element="myOrderPage_oi_header_vatValue"] {
    width: 80px;
}

[data-comp-element="myOrderPage_oi_header_priceGrossSum"] {
    width: 180px;
    text-align: center;
}


[data-comp-element="myOrderPage_oi_img"] {
    width: 100px;
}

[data-comp-element="myOrderPage_oi_product"] {
    width: calc(100% - 620px);
}

    [data-comp-element="myOrderPage_oi_productId"] {
        font-weight: 700;
        margin-bottom: 5px;
    }

    [data-comp-element="myOrderPage_oi_prodName"] {
        font-style: italic;
    }

[data-comp-element="myOrderPage_oi_prod_quantity"] {
    width: 80px;
    text-align: center;
}

[data-comp-element="myOrderPage_oi_prodPriceNeat"] {
    width: 180px;
    text-align: center;
}

[data-comp-element="myOrderPage_oi_prodVatValue"] {
    width: 80p;
    text-align: center;
}

[data-comp-element="myOrderPage_oi_prodSumPriceGross"] {
    width: 180px;
    text-align: right;
    color: var(--brand-orange);
}

/* *** MyOrder Page - Mobile *** */
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    [data-comp-element="myOrderPage_oi_product"] {
        width: calc(100% - 100px);
        float: right;
    }

    [data-comp-element="myOrderPage_oi_prod_data_row"] {
        width: 100%;
        margin-top: 10px;
        display: inline-flex;
    }

    [data-comp-element="myOrderPage_oi_prod_data_row_title"] {
        width: calc(100% - 100px);
        text-align: right;
        padding-right: 10px;
        font-weight: 700;
    }

    [data-comp-element="myOrderPage_oi_prod_data_row_value"] {
        width: 100px;
        text-align: right;
    }
}



.myOrders_list_element {
	width: 100%;
	min-height: 35px;
	height: auto;
	border: 1px solid #dfdfdf;
	padding: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	box-shadow: rgba(0, 0, 0, 0.082) 0px 4px 12px;
	border-radius: 8px;
}

.mo_le_dataCont {
	width: auto;
	max-width: 450px;
	float: left;
}

.mo_le_dataTitle {
	width: 150px;
	height: 30px;
	font-size: 0.9em;
	line-height: 15px;
	float: left;
	position: relative;
	font-weight: 700;
}

.mo_le_dataValue {
	width: 250px;
	height: 30px;
	font-size: 1em;
	line-height: 15px;
	float: left;
	position: relative;
	color: var(--color_03);
	font-weight: normal;
}

.mo_le_order_number {
	font-weight: bold;
}

.mo_le_price {
	color: #f23526 !important;
	font-size: 18px;
}

.mo_le_link {
	color: darkslateblue;
	text-decoration: underline;
}

.user_data_main {
    display: inline-block;
    width: 100%;
	height: auto;
	min-height: 35px;
	border: 1px solid #dfdfdf;
	border-radius: 8px;
	padding: 10px;
	margin-bottom: 20px;
	background-color: #fefefe;
	box-shadow: rgba(0, 0, 0, 0.082) 0px 4px 12px;
}
.ud_le {
    width: 100%;
	height: 40px;
	padding: 10px;
	position: relative;
}
.ud_le_title {
	width: 50px;
	font-size: 17px;
	line-height: 17px;
	position: relative;
}
.ud_le_title i {
	font-size: 1.2em !important;
	margin-right: 5px;
	padding-top: 1px;
}
.ud_le_content {
	width: 300px;
	font-size: 1em;
	line-height: 17px;
	color: var(--color_03);
	position: relative;
}

.ud_le_content i {
	font-size: 1.4em !important;
	margin-left: 10px;
	color: #f23526;
	cursor: pointer;
}


/* ### INPUT TYPES CSS ### */
input[type='text'], input[type='password'] {
	height: 40px;
	width: 200px;
	border: 1px solid #dedede;
	font-size: 1em;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
    border-radius: 5px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
	input[type='text'], input[type='password'] {
		border: 1px solid #7d7d7d;
	}
}

input[type='text']:read-only {
	background-color: var(--OneClick_light_grey);
	color: #afafaf;
}

input[type='checkbox'] {
	height: 20px;
	width: 20px;
	margin-left: 20px;
}

.prodFilter_chck {
	margin-left: 0px !important;
	/*height: 18px; float: left; line-height: 20px; width: 20px;*/
}

input.w_400px {
	width: 400px !important;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    input.w_400px {
        width: 100% !important;
        height: 40px;
        line-height: 40px;
        font-size: 1.05em;
    }
}

input.w_600px {
	width: 600px !important;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    input.w_600px {
        width: 100% !important;
        height: 40px;
        line-height: 40px;
        font-size: 1.05em;
    }
}

input.w_800px {
	width: 800px !important;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    input.w_800px {
        width: 100% !important;
        height: 40px;
        line-height: 40px;
        font-size: 1.05em;
    }
}

input.usr_name {
	width: 330px;
	font-size: 1em;
	border-style: solid !important;
}
input.input_order_email_field {
	width: 800px !important;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    input.input_order_email_field {
        width: 100% !important;
        height: 40px;
        line-height: 40px;
        font-size: 1.05em;
    }
    
}

input.input_order_name_field {
	width: 800px !important;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    input.input_order_name_field {
        width: 100% !important;
        height: 40px;
        line-height: 40px;
        font-size: 1.05em;
    }
    
}

select.country_code_field {
	width: 300px !important;
	height: 40px;
	line-height: 40px;
	border: 1px solid #dedede;
	font-weight: normal !important;
    border-radius: 5px;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    select.country_code_field {
        width: 100% !important;
        height: 40px;
        line-height: 40px;
		background-color: white;
		border-color: #7f7f7f;
		color: black;
    }
}

input.zip_code_field {
	width: 80px !important;
}

input[type='radio'] {
  box-sizing: border-box;
  appearance: none;
  background: white;
  outline: 1px solid var(--color_03);
  border: 3px solid white;
  width: 15px !important;
  height: 15px !important;
	
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;

-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

input[type='radio']:checked {
  background: var(--brand-orange);
	outline: 1px solid var(--brand-orange);
}
input[type='radio']:disabled {
	outline: 1px solid var(--color_02) !important;
}
input[type='radio']:checked:disabled {
	background: var(--color_02) !important;
	outline: 1px solid var(--color_02) !important;
}

.select_nr1 {
		border: 1px dashed;
    	height: 40px;
	}

/* ##### ERROR MSG CSS ##### */
.errormsg {
	z-index: 10;
	position: absolute;
	margin-top: -8px;
	background-color: lightcoral;
	color: whitesmoke;
	border: 1px dotted #770404;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 25px;
	width: auto;
	max-width: 550px;
	visibility: hidden;
	
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.errormsg_up_arrow { 
	width: 0;
    height: 0;
    border-left: 10px dotted transparent;
    border-right: 10px dotted transparent;
    border-bottom: 10px dotted #780404;
    /* margin: 2rem; */
    position: absolute;
    margin-top: -15px;
	visibility: hidden;
} 

[data-comp-name="errormsg_accept_conditions"] {
	margin-left: 37px;
    margin-top: 22px;
}


/* ################# FORM CSS ################ */

/* #### SELECT - OPTIONS CSS ###### */

.dropdown-container {
      width: 250px;
      /*margin: 100px auto;*/
      position: relative;
    }

    select {
      width: auto;
		min-width: 80px;
      height: 28px;
      font-size: 16px;
		line-height: 35px;
      font-weight: bold;
      cursor: pointer;
      border-radius: 0;
      /*background-color: #c0392b;*/
      border: 1px dashed color(--var_04);
      /*border-bottom: 2px solid #962d22;*/
      /*color: white;*/
      appearance: none;
      padding-left: 8px;
      padding-right: 38px;
      -webkit-appearance: none;
      -moz-appearance: none;
      transition: color 0.3s ease, background-color 0.3s ease, border-bottom-color 0.3s ease;
    }

    /* For IE <= 11 */
    select::-ms-expand {
      display: none; 
    }

    .select-icon {
      position: absolute;
      top: 4px;
      right: 4px;
      width: 30px;
      height: 36px;
      pointer-events: none;
      border: 2px solid #962d22;
      padding-left: 5px;
      transition: background-color 0.3s ease, border-color 0.3s ease;
    }
    .select-icon svg.icon {
      transition: fill 0.3s ease;
      fill: white;
    }

    select:hover,
    select:focus {
      color: #c0392b;
      background-color: white;
      border-bottom-color: #DCDCDC;
    }
    select:hover ~ .select-icon,
    select:focus ~ .select-icon {
      background-color: white;
      border-color: #DCDCDC;
    }
    select:hover ~ .select-icon svg.icon,
    select:focus ~ .select-icon svg.icon {
      fill: #c0392b;
    }


.static_content_cont {
	text-align: justify;
    line-height: 2em;
    margin-bottom: 50px;
    /*max-width: 1250px;*/
    margin-left: auto;
    margin-right: auto;
    font-size: 1.1em;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .static_content_cont {
        padding: 30px;
    }
}

.warranty_prodList_row {
	width: 100%;
	height: 80px;
	display: block;
	border-bottom: 1px dashed var(--border_2);
	margin-bottom: 5px;
}
.warranty_prodList_row:hover {
	background-color: var(--color_04);
}

.warranty_prodList_row_img {
	width: 70px;
	height: 70px;
	float: left;
	padding-top: 10px;
}
.warranty_prodList_row_prodName {
	width: 850px;
	height: 80px;
	float: left;
	margin-left: 5px;
	padding-top: 0px;
	line-height: 40px;
}
.warranty_prodList_row_order_id {
	width: 180px;
	height: 80px;
	float: left;
	line-height: 80px;
}
.warranty_prodList_row_prodPrice {
	width: 120px;
	height: 80px;
	float: left;
	line-height: 80px;
	color: var(--color_07);
	font-weight: bold;
}
.warranty_prodList_select_btn {
    width: 150px;
    height: 50px;
    float: left;
    position: relative;
    background-color: orangered;
    border: 1px solid var(--color_04);
	border-radius: 10px;
    color: whitesmoke;
    text-align: center;
    line-height: 50px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 1em;
    font-weight: bold;
    cursor: pointer;
    margin-top: 20px;
    margin-bottom: 10px;
	cursor: pointer;
}
.warranty_prodList_select_btn:hover {
	color: white;

	filter:brightness(1.07);
}

[data-comp-element="warranty_form_description_row"] {
	height: 130px;
}

.warranty_form_textarea {
	width: 800px;
	height: 120px;
	border-radius: 8px;
	border: 1px solid var(--OneClick_light_grey);
}

@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
	.main_header_cont {
		width: 100%;
		height: 60px;
		position: absolute;
		display: block;
		background-color: #f3f3f3;
		z-index: 200;
	}
}

@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
	.basketOrderPage_form {
		margin-top: 0px;
	}
}

[data-comp-name="user_order_data_submitBtn"] {
	position: relative !important;
}

[data-comp-name="user_delivery_address_deleteBtn"] {
	position: relative !important;
}

[data-comp-name="user_delivery_address_saveBtn"] {
	position: relative !important;
}

.oc_link_base {
	color: var(--brand-orange);
}
.oc_link_base:hover {
	text-decoration: underline !important;
}

.user_data_delivery_addresses_main {
	display: grid;
	gap: 1rem;
    grid-template-columns: repeat(4, 1fr);
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
	.user_data_delivery_addresses_main {
		display: grid;
		gap: 1rem;
		grid-template-columns: repeat(1, 1fr);
	}
}

.userData_delivery_address_container {
    width: 100%;
    height: 180px;
    padding: 10px;
    position: relative;
    display: block;
    /* margin: 10px; */
    border: 1px solid var(--OneClick_light_grey);
    border-radius: 8px;
    box-shadow: rgb(0 0 0 / 6%) 0px 4px 12px;
	line-height: 28px;
}

.social_media_icon {
	font-size: 2em;
	line-height: 1.5em;
	padding-right: 5px;
}


.general_btn {
	width: 300px;
	height: 50px;
	position: relative;
	background-color: var(--brand-orange);
	border: 0px solid var(--color_04);
	color: whitesmoke;
	text-align: center;
	line-height: 50px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 1em;
	font-weight: bold;
	cursor: pointer;
	margin-top: 20px;
	margin-bottom: 10px;
	/*right: 0px;*/
    margin-right: 5px;
    bottom: 0px;
	border-radius: 8px;
	margin-left: auto;
	margin-right: auto;
}
.general_btn:hover {
	cursor: pointer;
	color: var(--OneClick_light_grey);
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .general_btn {
        display: block;
        margin-left: 0px;
        width: calc(100% - 10px);
        position: relative !important;
        margin-top: 15px !important;
        margin-bottom: unset !important;
        margin-right: unset !important;
        bottom: 10px;
        float: unset !important;
        background-color: var(--color_07);
    }
}


.products_general_info_bottom {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 50px;
	line-height: 1.8em;
	color: #54535d;
	padding:0px;
	font-size: 0.85em;
	text-align: justify;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
	.products_general_info_bottom {
		padding-left: 20px;
		padding-right: 20px;
	}
}

/* *** ********************* *** */
/* *** MAINPAGE IMAGE SLIDER *** */
/* *** ********************* *** */

.slider {
	position: relative;
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	overflow: hidden;
	border-radius: 16px;
	margin-top: -40px;
  }
  
  .slides {
	position: relative;
	width: 100%;
	height: 520px;
  }
  @media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .slides {
        height: 540px;
    }
  }
  
  .slide {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	height: 100%;
	opacity: 0;
  }

  .slide_container {
	width: 100%;
	object-fit: contain;
	display: flex;
  }
  @media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .slide_container {
        display: block;
    }
  }
  
  .slide_img {
	width: 500px;
	height: 500px;
	object-fit: contain;
	display: block;
	margin-left: 100px;
  }
  @media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
        .slide_img {
            width: 85%;
            height: 85%;
            margin-left: auto;
            margin-right: auto;
        }
  }

  .slide_content {
	width: 600px;
    height: 500px;

    display: flex;
    align-items: center;     /* függőlegesen középre */
    justify-content: center; /* vízszintesen középre (opcionális) */

    float: right;
    margin-left: 100px;
    margin-top: auto;
    margin-bottom: auto;
    background-image: url('https://oneclick.hu/static_files/dsgn/background/OC_background_v1_1.png');
  }
  @media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
        .slide_content {
            width: calc(100% - 10px);
			height: 200px;
			margin-left: auto;
			margin-right: auto;
			z-index: 99;
			display: block;
			position: relative;
			top: -30px;
        }
  }

  .slide_content_text {
    /*font-family: 'Montserrat', sans-serif;*/
    font-size: 3.5em;
    font-weight: 900;
    letter-spacing: 0.09cap;
    text-transform: uppercase;
    /*text-shadow: 1px 0 black, -1px 0 black, 0 1px black, 0 -1px black;*/
    line-height: 1em;
  }
  @media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .slide_content_text {
        font-size: 2em;
        font-weight: 900;
        text-align: left;
        padding-left: 10px;
        padding-right: 10px;
    }
  }

  .slider_btn {
	width: 300px;
	height: 50px;
	position: relative;
	background-color: var(--brand-orange);
	border: 0px solid var(--color_04);
	color: whitesmoke;
	text-align: center;
	line-height: 50px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 1em;
	font-weight: 900;
	cursor: pointer;
	margin-top: 20px;
	margin-bottom: 10px;
	/*right: 0px;*/
    margin-right: 5px;
    bottom: 0px;
	border-radius: 8px;
	margin-left: auto;
	margin-right: auto;
    text-transform: uppercase;
    letter-spacing: .9px;

    /* 🔑 Ez teszi animálttá a változást */
	transition: all 0.3s ease;
}
.slider_btn:hover {
	cursor: pointer;
	color: var(--OneClick_light_grey);
    background-color: #a506cc; /* pl. kissé sötétebb */
	transform: scale(1.05); /* finom "növekedés" */
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .slider_btn {
        display: block;
        margin-left: auto;
        width: calc(100% - 10px);
        position: relative !important;
        margin-top: 15px !important;
        margin-bottom: unset !important;
        margin-right: auto;
        bottom: 10px;
        float: unset !important;
        background-color: var(--color_07);
    }
}
  
  /* --- Dots --- */
  .dots {
	position: absolute;
	bottom: 15px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 8px;
  }
  
  .dots button {
	width: 12px;
	height: 12px;
	border-radius: 6px;
	border: none;
	background: rgba(255, 255, 255, 0.6);
	cursor: pointer;
	transition: background 0.3s;
  }
  
  .dots button.active {
	background: rgba(255, 255, 255, 1);
    border: 2px solid var(--brand-orange);
  }

  @media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
    .dots {
        bottom: 10px;
    }

    .dots button.active {
        border: 2px solid var(--OneClick_dark_grey);
    }
  }

  /* *** PRICE RANGE *** */
  .filter-price { padding: 8px 0; }
.filter-label { display:block; margin-bottom:6px; font-weight:600; }

#price-slider {
	width: 530px; 
	margin: 8px 4px 10px 4px;
	margin-left: 20px;
	margin-right: auto; 
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
	#price-slider {
		width: calc(100% - 50px);
	}
}

.price-preview {
	width: 530px; 
	margin-left: 20px !important;
	margin-right: auto;
	font-size:.95rem;
	margin-bottom:8px;
	opacity:.9; 
	text-align: center;
}
@media only screen and (min-device-width:1px) and (max-device-width: 760px) /* mobile */ {
	.price-preview {
		width: calc(100% - 50px);
	}
}

.price-inputs { display:flex; align-items:center; gap:8px; }
.price-inputs input[type="number"] {
  width: 120px; padding: 6px 8px; border: 1px solid #ddd; border-radius:6px;
}
.price-inputs .dash { opacity:.6; }
/* jQuery UI sáv kicsit magasabb legyen */
.ui-slider { height: 6px; }
.ui-slider .ui-slider-range { height: 6px; }
.ui-slider .ui-slider-handle { top: -6px; width: 16px; height:16px; border-radius:50%; }

[data-comp-element="popup_price_slider"] {
	width: 530px;
}

.popup_filter_reset_button {
	
    order: 1px solid #05a19a;
    width: 220px;
    /* padding: 12px; */
    /* position: relative; */
    /* margin-top: 10px; */
    /* margin-bottom: 20px; */
    border-radius: 5px;
    background-color: #dfdfdf;
    color: #242f3d;
    text-align: center;
    /* display: inline-block; */
    font-weight: 700;
    text-transform: none;
    margin-left: auto;
	margin-right: 15px;
    line-height: 38px;
    font-size: 0.9em;
	cursor: pointer;
}
.popup_filter_reset_button:hover {
	color: #bab9b9;
}