html {

	--menuHeight: 135px;
	--menuWidth: 312px;
	--submenuWidth: 312px;

	--minicart-width: 635px;
	--sideGap_small: 45px;
	--default_padding: 25px;

	/* --containerPadding: 20px; */


	--mobileMenuSidePadding: 10px;


	/* --ContainerDefaultWidth: 1630px; */

	--responsivePadding: 15px;
	--responsivePadding: 15px;
	--ContainerDefaultWidth: 1650px;


}
body {
  --minicart-width: 635px;
  --defaultPadding: 15px;
  --maxContainerWidth: 1650px;
  --headerHeightDesktop: 127px;
  --responsiveDistancing: 50px;
}
@media (max-width: 1100px) {
	body {
		--burgerInnerNavigationHeight: 56px;
		--burgerMenuWidth: 366px;
	}
}

@media (max-width: 550px) {
	body {
		--burgerMenuWidth: calc(100vw - 50px);
	}
}
@media (max-width: 1100px) {
  html {
    --accent1: #001828;
    --accent2: #f27323;
    --menuHeight: 100px;
    --menuWidth: 0px;
    --minicart-width: 635px;
    --sideGap_small: 45px;
    --default_padding: 20px;
    --responsivePadding: 15px;
    --responsivePadding: 15px;
    --ContainerDefaultWidth: 1650px;
    --minicart-width: 635px;
    --menu-width: 600px;
    --sideGap_tiny: 24px;
    --sideGap_small: 50px;
    --sideGap_small_2: 70px;
    --HeaderHeight: 90px;
    --max-page-width: 1650px;
  }
}
@media (max-width: 1650px) {
  html {
    --ContainerDefaultWidth: 100vw!important;
  }
}
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION HEADER > DELIVERY POPUP
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                                 HEADER > DELIVERY POPUP
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

html body::after {
	transition: all .2s;
	opacity: 0;
	visibility: hidden;
	z-index: 99;

	content: '';
	width: 100vw;
	height: 100vh;

	position: fixed;
	top: 0;
	background: #000;
}

html.checkout-enable body:after {
	opacity: .58;
	visibility: visible;
}







.checkout-popup>.body-popup>div {
	-webkit-animation-name: display_delivery_popup;
	animation-name: display_delivery_popup;

	-webkit-animation-duration: 0.3s;
	animation-duration: 0.25s;

	opacity: 0;

	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}


@-webkit-keyframes display_delivery_popup {
	from {
		opacity: 0;
		transform: translate(-50%, -50%) scale(.8);
	}

	to {
		opacity: 1;
		transform: translate(-50%, -50%) scale(1);
	}
}

@keyframes display_delivery_popup {
	from {
		opacity: 0;
		transform: translate(-50%, -50%) scale(.8);
	}

	to {
		opacity: 1;
		transform: translate(-50%, -50%) scale(1);
	}
}


/*    -->                                                          HEADER > DELIVERY POPUP > COMMON FOR ALL STEPS           
[2]   =========================================================================================================== */

.checkout-popup .body-popup>div {
	border-radius: 30px;
	top: 50% !important;
	left: 50%;
	transform: translate(-50%, -50%);
	position: fixed;
	z-index: 99999;
	background: white;
	text-align: center;
	max-height: calc(100vh - 40px);
	max-width: calc(100vw - 40px);
	overflow-y: auto;
	overflow-x: hidden;
}

.close-checkout {
	position: absolute;
	top: 20px;
	right: 20px;
	background: transparent;
	border: none;
	font-size: 30px;
	font-weight: 100;
	color: #555;
}

.checkout-popup .success-msg {
	color: #19A473;
	font-weight: bold;
	margin-bottom: 20px;
}

.checkout-popup .success-msg span {
	display: block;
}

.checkout-popup .btn-popup {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto !important;
	min-width: 190px;
	height: 50px;
	font-size:14px;
	font-weight: bold;
	padding: 0px 15px !important;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}

.checkout-popup>.body-popup label {
	padding-left: 0px !important;
}

/*    -->                                                                HEADER > DELIVERY POPUP > STEP #0 (T.K.)             
[2]   =========================================================================================================== */

.checkout-popup>.body-popup>.tk {
	width: 564px !important;
	max-width: calc(100vw - 40px) !important;
	padding: 83px 120px 60px !important;
}

/*    -->                HEADER > DELIVERY POPUP > STEP #0 > ICON                   
[3]   ------------------------------------------------------------- */

.checkout-popup>.body-popup>.tk>img {
	width: 65px;
	margin-bottom: 20px;
}

/*    -->                HEADER > DELIVERY POPUP > STEP #0 > INTRO                   
[3]   ------------------------------------------------------------- */

.checkout-popup>.body-popup>.tk .intro .title {
	font-size: 25px;
	font-weight: bold;
	letter-spacing: normal;
	margin-bottom: 10px;
}

.checkout-popup>.body-popup>.tk .check-tk {
	width: 100%;
	display: flex;
	align-items: center;
	height: 48px;
	background-color: #F1F1F1;
	margin: 22px 0px;

}

.checkout-popup>.body-popup>.tk .check-tk input {
	width: 303px;
	height: 48px;
	display: flex;
	align-items: center;
	padding-left: 20px;
}



/*    -->                                                            HEADER > DELIVERY POPUP > STEP #1 (SHIPPING)             
[2]   =========================================================================================================== */

.checkout-popup>.body-popup>.shipping {
	width: 834px !important;
	max-width: calc(100vw - 40px) !important;
	padding: 60px 87px 34px !important;
}

.checkout-popup .shipping .methods {
	display: flex;
	gap: 70px;
	margin-bottom: 40px;
	justify-content: center;
}

.checkout-popup .shipping .methods>* {
	width: 50%
}

/*    -->                HEADER > DELIVERY POPUP > STEP #1 > INTRO                   
[3]   ------------------------------------------------------------- */

.checkout-popup .shipping .intro .surtitle {
	font-size: 15px;
	font-weight: 600;

}

.checkout-popup .shipping .intro .title {
	font-size: 25px;
	font-weight: bold;
	margin: 10px 0px;
}

.checkout-popup .shipping .intro .subtitle {
	font-size: 15px;
	font-weight: normal;
	line-height: normal;
}

.checkout-popup .shipping .radio {
	margin: 0px !important;
}

/*    -->                HEADER > DELIVERY POPUP > STEP #1 > LABELS                   
[3]   ------------------------------------------------------------- */

.checkout-popup .shipping label {
	cursor: pointer;
	background: #ff9e84;
	widtH: 100%;
	height: 181px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	border-radius: 28px;
	margin: 50px 0px 20px;
	position: relative;
}



.checkout-popup .shipping label>p {
	font-size: 26px;
	font-weight: 600;
	color: black;
}

.for_popup {
	display: none !important
}

.checkout-popup .shipping label>p span.for_popup {
	display: block !important;
}

.checkout-popup .shipping label>p span:not(.for_popup) {
	display: none !important;
}

.checkout-popup .shipping .radio {
	margin: 0px !important;
}

.checkout-popup .shipping .radio input[type="radio"],
.checkout-popup .shipping .radio input[type="checkbox"] {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	line-height: 1 !important;
	margin-left: 0px !important;
	top: 20px;
	left: 20px;
}

.checkout-popup .shipping .radio input[type="radio"]::before,
.checkout-popup .shipping .radio input[type="checkbox"]::before {
	content: "";
	width: 18px;
	height: 18px;
	display: inline-block;
	background-image: url("data:image/svg+xml,%3Csvg width='18px' height='18px' viewBox='0 0 18 18' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EE78737F1-08BC-48B9-BCFA-75C6A6810B7E%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='PRODUCT-LIST-_-FILTERS-OPEN' transform='translate(-987.000000, -787.000000)' fill='%23FFFFFF' stroke='%23CDCDCD'%3E%3Cg id='Group-13' transform='translate(0.000000, 460.000000)'%3E%3Cg id='Group-4' transform='translate(987.000000, 168.000000)'%3E%3Cg id='Group-8' transform='translate(0.000000, 39.000000)'%3E%3Cg id='Rectangle' transform='translate(0.000000, 120.000000)'%3E%3Crect x='0.5' y='0.5' width='17' height='17' rx='2'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.checkout-popup .shipping .radio input[type="radio"]:checked::before,
.checkout-popup .shipping .radio input[type="checkbox"]:checked::before {
	background-size: 100%;
background-image: url("data:image/svg+xml,%3Csvg width='22px' height='22px' viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Etick 2%3C/title%3E%3Cg id='PAGES' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='1' transform='translate(-1019.000000, -276.000000)'%3E%3Cg id='tick-2' transform='translate(1019.000000, 276.000000)'%3E%3Crect id='Rectangle' stroke='%23f04e23' fill='%23FFFFFF' x='0.5' y='0.5' width='21' height='21' rx='2'/%3E%3Cpath d='M7.42058824,16.5090995 L4.47941176,13.3655227 C3.77352941,12.5191751 3.77352941,11.1892003 4.47941176,10.3428526 L4.47941176,10.3428526 C5.06764706,9.61741184 6.24411765,9.49650504 6.95,10.2219458 C7.06764706,10.2219458 7.06764706,10.3428526 7.06764706,10.3428526 L8.59705882,12.1564547 L14.8323529,5.5065806 C15.5382353,4.7811398 16.7147059,4.7811398 17.4205882,5.5065806 C17.4205882,5.5065806 17.4205882,5.5065806 17.4205882,5.5065806 L17.4205882,5.5065806 C18.1264706,6.23202141 18.1264706,7.44108942 17.4205882,8.16653023 L9.42058824,16.5090995 C8.95,17.1136335 8.00882353,17.1136335 7.42058824,16.5090995 C7.42058824,16.5090995 7.42058824,16.5090995 7.42058824,16.5090995' id='Path' fill='%23f04e23' fill-rule='nonzero'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");

}

.btn-popup-minor{
font-size:14px;}
/* HEADER > DELIVERY POPUP > STEP #1 > LABELS */

.checkout-popup .shipping label.label_clicked {
	background: #f04e23;
}

.checkout-popup .shipping label.label_clicked * {
	color: white !important;
}

.checkout-popup .shipping label.label_clicked img {
	-webkit-filter: brightness(0) invert(100%) !important;
	filter: brightness(0) invert(100%) !important;
}

/*    -->                 HEADER > DELIVERY POPUP > STEP #1 > INFOS                    
[3]   ------------------------------------------------------------- */

.checkout-popup .shipping .methods>*>label+div {
	font-size: 15px;
	line-height: normal;
	text-align: left;
}

.checkout-popup .shipping .desc-ship ul {
	padding: 0px;
	padding-left: 17px;
}

.checkout-popup .shipping .desc-ship li::marker {
	color: #f04e23;
}

.checkout-popup .shipping .desc-ship li:not(:last-child) {
	margin-bottom: 10px;
}

/*    -->                                                           HEADER > DELIVERY POPUP > STEP #2 (ADDRESSES)                                   
[2]   =========================================================================================================== */

.checkout-popup>.body-popup>div[class*="address-"] {
	width: 834px !important;
	max-width: calc(100vw - 40px) !important;
	padding: 60px 87px 34px !important;
	display: flex;
	flex-direction: column;
}

/*    -->                HEADER > DELIVERY POPUP > STEP #2 > INTRO                   
[3]   ------------------------------------------------------------- */

.checkout-popup>.body-popup>div[class*="address-"] .intro {
	margin-bottom: 40px;
}

.checkout-popup>.body-popup>div[class*="address-"] .intro .surtitle {
	font-size: 15px;
	font-weight: 600;
}

.checkout-popup>.body-popup>div[class*="address-"] .intro .title {
	font-size: 25px;
	font-weight: bold;
	margin: 10px 0px;
}

.checkout-popup>.body-popup>div[class*="address-"] .intro .subtitle {
	font-size: 15px;
	font-weight: normal;
	line-height: normal;
}

/*    -->  HEADER > DELIVERY POPUP > STEP #2 > SAVED ADDRESS ITEMS                   
[3]   ------------------------------------------------------------- */

.checkout-popup>.body-popup>div[class*="address-"] #payment-existing .radio {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px 70px;
	margin-bottom: 40px;
	flex-wrap: wrap;
}

/*    -->  HEADER > DELIVERY POPUP > STEP #2 > SAVED ADDRESS ITEMS > LABELS                   
[3]   ------------------------------------------------------------- */

.checkout-popup>.body-popup>div[class*="address-"] label {
	cursor: pointer;
	background: #ff9e84;
	width: 100%;
	min-height: 130px;
	display: flex;
	align-items: center;
	/* justify-content: center; */
	flex-direction: column;
	border-radius: 28px;
	position: relative;
	text-align: left;
	width: 100%;
}

.checkout-popup>.body-popup>div[class*="address-"] #payment-existing label:not(.new_address) {
	/* padding-top: 48px; */
	padding: 48px 20px 0px !important;
}

.checkout-popup>.body-popup>div[class*="address-"] label>p {
	font-size: 18px;
	font-weight: 600;
	color: black;
	width: 100%;
}

.for_popup {
	display: none !important
}

.checkout-popup>.body-popup>div[class*="address-"] .radio {
	margin: 0px !important;
}

.checkout-popup>.body-popup>div[class*="address-"] .radio input[type="radio"],
.checkout-popup>.body-popup>div[class*="address-"] .radio input[type="checkbox"] {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	line-height: 1 !important;
	margin-left: 0px !important;
	top: 20px;
	left: 20px;
}

.checkout-popup>.body-popup>div[class*="address-"] .radio input[type="radio"]::before,
.checkout-popup>.body-popup>div[class*="address-"] .radio input[type="checkbox"]::before {
	content: "";
	width: 18px;
	height: 18px;
	display: inline-block;
	background-image: url("data:image/svg+xml,%3Csvg width='18px' height='18px' viewBox='0 0 18 18' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EE78737F1-08BC-48B9-BCFA-75C6A6810B7E%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='PRODUCT-LIST-_-FILTERS-OPEN' transform='translate(-987.000000, -787.000000)' fill='%23FFFFFF' stroke='%23CDCDCD'%3E%3Cg id='Group-13' transform='translate(0.000000, 460.000000)'%3E%3Cg id='Group-4' transform='translate(987.000000, 168.000000)'%3E%3Cg id='Group-8' transform='translate(0.000000, 39.000000)'%3E%3Cg id='Rectangle' transform='translate(0.000000, 120.000000)'%3E%3Crect x='0.5' y='0.5' width='17' height='17' rx='2'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.checkout-popup>.body-popup>div[class*="address-"] .radio input[type="radio"]:checked::before,
.checkout-popup>.body-popup>div[class*="address-"] .radio input[type="checkbox"]:checked::before {
	background-size: 100%;
	background-image: url("data:image/svg+xml,%3Csvg width='22px' height='22px' viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Etick 2%3C/title%3E%3Cg id='PAGES' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='1' transform='translate(-1019.000000, -276.000000)'%3E%3Cg id='tick-2' transform='translate(1019.000000, 276.000000)'%3E%3Crect id='Rectangle' stroke='%23f04e23' fill='%23FFFFFF' x='0.5' y='0.5' width='21' height='21' rx='2'/%3E%3Cpath d='M7.42058824,16.5090995 L4.47941176,13.3655227 C3.77352941,12.5191751 3.77352941,11.1892003 4.47941176,10.3428526 L4.47941176,10.3428526 C5.06764706,9.61741184 6.24411765,9.49650504 6.95,10.2219458 C7.06764706,10.2219458 7.06764706,10.3428526 7.06764706,10.3428526 L8.59705882,12.1564547 L14.8323529,5.5065806 C15.5382353,4.7811398 16.7147059,4.7811398 17.4205882,5.5065806 C17.4205882,5.5065806 17.4205882,5.5065806 17.4205882,5.5065806 L17.4205882,5.5065806 C18.1264706,6.23202141 18.1264706,7.44108942 17.4205882,8.16653023 L9.42058824,16.5090995 C8.95,17.1136335 8.00882353,17.1136335 7.42058824,16.5090995 C7.42058824,16.5090995 7.42058824,16.5090995 7.42058824,16.5090995' id='Path' fill='%23f04e23' fill-rule='nonzero'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");

}


/*    --> HEADER > DELIVERY POPUP > STEP #2 > SAVED ADDRESS ITEMS > NEW ADDRESS                   
[3]   ------------------------------------------------------------- */

.checkout-popup>.body-popup>div[class*="address-"] label.new_address {
	grid-column: span 2;
	height: 70px !important;
	min-height: 70px !important;
	border-radius: 35px;
	border: 2px dashed #f04e23;
	background: transparent;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 35px;
	margin-top: 25px;
	justify-content: center;
	padding-top: 0px !important;

	text-align: center;
	padding: 0px 15px !important;

}

.checkout-popup>.body-popup>div[class*="address-"] .new_address input {
	display: none !important;
}

/* WHEN CLICKED */

#payment-new.enabled {
	display: grid !important;
	padding-bottom: 30px;

}

.checkout-popup>.body-popup>div[class*="address-"] .new_address.label_clicked {
	background: #f04e23;
	color: white;
}

/*    --> HEADER > DELIVERY POPUP > STEP #2 > UNSAVED ADDRESS ITEMS                    
[3]   ------------------------------------------------------------- */

/* section titles */

.checkout-popup>.body-popup>div[class*="address-"] h2 {
	font-size: 25px;
	font-weight: bold;
}

/* απόδειξη / τιμολόγιο */

.checkout-popup>.body-popup>div[class*="address-"] .form-custom {
	margin: 20px 0px !important;
	padding: 0px 10px;
	display: flex;
	align-items: center;
	justify-content: space-between !important;
	width: 100%;
}

.checkout-popup>.body-popup>div[class*="address-"] .form-custom label {
	height: auto !important;
	height: -webkit-fit-content !important;
	height: -moz-fit-content !important;
	height: fit-content !important;
	min-height: unset;
	display: flex !Important;
	flex-direction: row;
	justify-content: flex-start;
	background: none;
	padding: 0px;
	margin-right: 20px;

}

.checkout-popup>.body-popup>div[class*="address-"] .form-custom label input {
	position: relative !important;
	top: 0px !important;
	left: 0px !important;
	margin-right: 7px;
}

/* όλα τα άλλα */

.checkout-popup>.body-popup>div[class*="address-"] .formgroup-custom .form-group label {
	height: auto !important;
	height: -webkit-fit-content !important;
	height: -moz-fit-content !important;
	height: fit-content !important;
	min-height: unset;
	display: flex !Important;
	flex-direction: row;
	justify-content: flex-start;
	background: none;
}

.checkout-popup>.body-popup>div[class*="address-"] .formgroup-custom {
	grid-template-columns: 1fr 1fr;
	gap: 10px 20px;
	display: grid;

}

.checkout-popup>.body-popup>div[class*="address-"] .formgroup-custom .form-group {
	margin: 0px;
}

.checkout-popup>.body-popup>div[class*="address-"] .formgroup-custom .form-group input,
.checkout-popup>.body-popup>div[class*="address-"] .formgroup-custom .form-group select {
	border-radius: 0px !Important;
	box-shadow: none !important;
	padding: 0px 15px;
}

/*    -->               HEADER > DELIVERY POPUP > STEP #2 > BUTTONS                   
[3]   ------------------------------------------------------------- */

.checkout-popup>.body-popup>div[class*="address-"] .intro+.row {
	display: flex;
	flex-direction: column;
}


.checkout-popup>.body-popup>div[class*="address-"] .buttons {
	display: flex;
	justify-content: center;
	gap: 25px;
}

.checkout-popup>.body-popup>div[class*="address-"] .buttons .btn-popup {
	margin: 0px 0px !important;
}

.checkout-popup>.body-popup>div[class*="address-"] .buttons>a {
	min-width: 190px;
	font-weight: bold !important;
}


.checkout-popup>.body-popup>div[class*="address-"] .buttons>.btn-popup-minor {
	border-color: #9B9B9B !important;
}

.checkout-popup>.body-popup>div[class*="address-"] .buttons>.btn-popup-minor:hover {
	border-color: #000 !important;
}




/*    -->                                                                                                                     RESPONSIVE > HEADER > DELIVERY POPUP
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                   RESPONSIVE > HEADER > DELIVERY POPUP > COMMON / ALL STEPS                    
[2]   =========================================================================================================== */

@media(max-width: 700px) {

	html .checkout-popup>.body-popup>div.tk,
	html .checkout-popup>.body-popup>div.shipping,
	html .checkout-popup>.body-popup>div[class*="address-"],
	html .checkout-popup>.body-popup>div.data-time {
		padding: 30px !important;
	}
}

@media(max-width: 850px) {
	html .checkout-popup>.body-popup>div[class*="address-"] {
		padding: 30px !important;
	}
}

/*    -->                                                   RESPONSIVE > HEADER > DELIVERY POPUP > STEP #0 (T.K.)                      
[2]   =========================================================================================================== */


@media(max-width: 700px) {
	.body-popup .tk .img-popup {
		margin-left: auto;
	}
}

@media(max-width: 400px) {
	.checkout-popup>.body-popup>.tk .check-tk input {
		width: 100px !important;
	}
}

/*    -->                                               RESPONSIVE > HEADER > DELIVERY POPUP > STEP #1 (SHIPPING)                      
[2]   =========================================================================================================== */

@media(max-width: 700px) {
	.checkout-popup .shipping .methods {
		gap: 30px !important;
		margin-top: 30px;
	}
}

@media(max-width: 550px) {
	.checkout-popup .shipping .methods {
		flex-direction: column-reverse;
	}

	.checkout-popup .shipping .methods>* {
		width: 100%;
	}

	.checkout-popup .shipping label {
		margin: 0 0 20px 0px;
		position: relative;
	}
}

/*    -->                                               RESPONSIVE > HEADER > DELIVERY POPUP > STEP #2 (ADDRESSES)                      
[2]   =========================================================================================================== */

@media(max-width: 700px) {
	.checkout-popup>.body-popup>div[class*="address-"] #payment-existing .radio {
		gap: 30px !important;
	}
}

@media(max-width: 550px) {

	.checkout-popup>.body-popup>div[class*="address-"] #payment-existing .radio,
	.checkout-popup>.body-popup>div[class*="address-"] .formgroup-custom,
	.checkout-popup>.body-popup>div[class*="address-"] #payment-new.enabled {
		display: flex !important;
		flex-direction: column !important;
	}
}

/*    -->                                                   RESPONSIVE > HEADER > DELIVERY POPUP > STEP #3 (TIME)                      
[2]   =========================================================================================================== */

@media(max-width: 700px) {



	.checkout-popup .body-popup .data-time .intro {
		flex-direction: column;
		gap: 10px;
		text-align: center;
		align-items: center;
	}

	.checkout-popup .data-time .intro .left-side {
		width: 100% !important;
		text-align: center !important;
		justify-content: center !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
	}

	.checkout-popup .data-time .intro .right-side {
		width: 100% !important;
	}

	.checkout-popup .data-time .intro .address-to {
		padding: 20px !important;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center !important;
	}

	.checkout-popup .data-time .swiper-button-next_dates::after,
	.checkout-popup .data-time .swiper-button-prev_dates::after {
		width: 20px !important;
		height: 17px !important;
		margin-top: 13px;
	}

	.checkout-popup .data-time .swiper-button-prev.swiper-button-prev_dates {
		transform: translateX(10px);
	}

	.checkout-popup .data-time .carousel {
		padding-top: 10px;
	}

	.checkout-popup .data-time .timeslots {
		margin-bottom: 30px;
	}

}

/*    -->                                                          RESPONSIVE > HEADER > DELIVERY POPUP > BUTTONS                   
[2]   =========================================================================================================== */

@media(max-width: 550px) {
	.checkout-popup>.body-popup .buttons {
		display: flex;
		gap: 25px;
		flex-direction: column;
	}

	.checkout-popup>.body-popup .buttons>* {
		width: 100% !important;
	}
}

/*header delivery_info*/
.delivery_info > .user-address{
    cursor:pointer;
}
/*html checkout popup enable*/
html.checkout-enable{
    overflow:hidden;
}


/*validator tk */

.checkout-popup .body-popup .tk{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
.tk .b{
    font-size:25px;
    color:black;
    font-weight:bold;
    letter-spacing:3px;
}
.checkout-popup .tk .error-msg, .shipping .error-msg {
    margin-bottom: 20px;
    font-weight: bold;
}
.tk .l{
    font-size:15px;
    color:black;
    font-weight:normal;
    letter-spacing:1.8px;
}
/*.check-tk{*/
/*    display: flex;*/
/*    width: 100%;*/
/*        padding: 10px 50px;*/
/*}*/

.checkout-popup .success-msg{
    color: #19A473;
}
.checkout-popup .error-msg{
    max-width: 475px;
    text-align: center;
    margin: auto auto 20px auto;
    color: red;
}
.img-popup img{
    width:50px;
}
.body-popup .tk input{
    border: none;
    box-shadow: none;
}
.body-popup .tk input,.body-popup .tk .img-popup{
    background-color:#F1F1F1;
}
.btn-popup{
    background-color: #f04e23;
    color: white;
    border:1px solid #f04e23;
    cursor:pointer;
    padding: 15px 25px;
    transition: all 0.3s;
}
.btn-popup.disable{
     cursor:not-allowed;
    pointer-events: none;
    opacity:0.7;
}
.btn-popup:hover{
    color:black;
    background-color: transparent;
}
.btn-popup-minor{
    background-color: transparent;
    color: black;
    border:1px solid black;
    cursor:pointer;
    padding: 15px 25px;
    transition: all 0.3s;
}
.btn-popup-minor:hover{
    color:white;
    background-color: black
}

/*shipping step*/

.checkout-popup .shipping .xshippingpro-desc{
    display:none!important;
    
}

/*address step*/

.checkout-popup .address .form-horizontal .form-group{
    margin:unset;
    width:45%;
    text-align: left;
}
.close-checkout #shipping-new{
    display: flex!important;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}
.close-checkout #shipping-new label{
    padding-bottom:10px;
}
/* .checkout-popup .formgroup-custom .form-group{
    float: left;
    width: 45%;
    margin-left: 10px;
    margin-right: 10px;
} */
.checkout-popup .form-custom .radio{
        margin-top: 10px;
    margin-bottom: 10px;
}

/*step with time and date*/

.timeslots a.disabled{
    pointer-events:none;
}
.checkout-popup .body-popup .data-time{
    width: 1200px !important;
    max-width: calc(100vw - 40px) !important;
    padding: 60px 65px 34px !important;
}
.checkout-popup .body-popup .data-time .intro{
    display: flex;
    justify-content: space-between;
    padding-bottom: 50px;
    gap:40px;
}
.checkout-popup .data-time .intro .surtitle {
    font-size: 15px;
        text-align:left;
    font-weight: 600;
}
.checkout-popup .data-time .intro .title {
    font-size: 20px;
    font-weight: bold;
    text-align:left;
    margin: 10px 0px;
}
.checkout-popup .data-time .intro .sub-title {
    font-size: 16px;
    text-align:left;
    margin: 10px 0px;
}
.checkout-popup .data-time .intro .left-side{
    width:60%;
}
.checkout-popup .data-time .intro .right-side{
    width:40%;
}

.checkout-popup .data-time .intro .address-to{
    width: 100%;
    height: 100%;
    background: #f04e23;
    border-top-left-radius: 25px;
    color:white;
	font-size:14px;
    border-bottom-right-radius: 25px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 20px 100px 20px 15px;
}
.checkout-popup .data-time .intro .address-to img{
-webkit-filter: brightness(0) invert(100%) !important;
        filter:brightness(0) invert(100%) !important;
}
#datescarousel a{
	display: flex;
	font-size:14px;
	width: 100%;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	border: 1px solid #f04e23;
	cursor:pointer;
	padding: 25px 15px;
	background:white;
	transition:all 0.2s;
	border-radius: 10px;
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	-ms-transition:all 0.2s;
	-o-transition:all 0.2s;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}
#datescarousel a.disabled{
    background:#E7E7E7;
	border-color: #E7E7E7;
    opacity:0.7;
    pointer-events:none;
}
#datescarousel a.active{
        background:#f04e23;
        color:white;
}
.checkout-popup .data-time .carousel{
    padding: 30px 0;
}
#datescarousel a span{
    font-weight:bold;
}
.data-time .timeslots{
    display: flex;
    flex-direction: row;
    gap:30px;
    padding:15px 0;
    justify-content: center;
    flex-wrap: wrap;
}
.data-time .timeslots a{
    padding: 15px 50px;
    font-weight:bold;
    transition:all 0.2s;
    cursor:pointer;
	font-size:14px;
    border:1px solid #C8C8C8;
    border-radius:10px;
}
.data-time .timeslots a.disabled{
    background:#E7E7E7;
	opacity: 0.7;
	border-color: #E7E7E7;
	pointer-events: none;
}
.data-time .timeslots a.active{
    background:#f04e23;
    color:white;
    border-color:#f04e23;
}
.checkout-popup > .body-popup > div[class*="data-time"] .buttons {
    display: flex;
    justify-content: center;
    gap: 25px;
}
.checkout-popup > .body-popup > div[class*="data-time"] .buttons .btn-popup {
    margin: 0px 0px !important;
}
.checkout-popup > .body-popup > div[class*="data-time"] .buttons > a {
    min-width: 190px;
    font-weight: bold !important;
}
.swiper-button-prev_dates::before {
    content: unset!important;

}
.swiper-button-next_dates::before {
    content: unset!important;
}
.swiper-button-next_dates{
    right:-40px!important;
    
}
.swiper-button-prev_dates{
    left:-40px!important;
    
}
.swiper-button-prev_dates::after {
        content: "";
    background: url(/catalog/view/theme/digital4u/stylesheet/svg/arrowdates.svg);
    width: 25px;
    height: 45px;
    background-repeat: no-repeat;
    display: block;
    transform: rotate(180deg);

}
.swiper-button-next_dates::after {
        content: "";
    background: url(/catalog/view/theme/digital4u/stylesheet/svg/arrowdates.svg);
    width: 25px;
    height: 45px;
    background-repeat: no-repeat;
    display: block;
}

.delivery_text,.deadline{
	display: flex;
    align-items: center;
    gap: 10px;
}
div.delivery_info > div:nth-child(1), #non-deliver-yet,div.delivery_info .delivery_text,.deadline {
  cursor: pointer;
}
.delivery_text img {
-webkit-filter:brightness(0) invert(100%) !important;
  filter:brightness(0) invert(100%) !important;
}
.subtitle,.success-msg,.error-msg{
font-size:14px;
}




html body::after {
	transition: all .2s;
	opacity: 0;
	visibility: hidden;
	z-index: 99;

	content: '';
	width: 100vw;
	height: 100vh;

	position: fixed;
	top: 0;
	background: #000;
}

html.checkout-enable body:after {
	opacity: .58;
	visibility: visible;
}






/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION ONEPAGE CHECKOUT
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                          ONEPAGE CHECKOUT > AVOID SHOWING HIDDEN ON LOAD
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.onepage_checkout_sidebar .hide_in_column_left,
#content .show_in_column_left {
	display: none !important;
}

/*    -->                                                                                                                         ONEPAGE CHECKOUT > EMPTY / ERROR
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.no_sidebar .overfooter_top_section {
	justify-content: space-around !important;
}

/* .no_sidebar .breadcrumb{
	display:none !important;
} */

.no_sidebar #error-not-found {
	padding-top: 100px;
}

/*    -->                                                                                                                            ONEPAGE CHECKOUT > MAIN TITLE                  
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#checkout-checkout>.row>h1 {
	font-size: 25px;
	font-weight: bold;
	line-height: normal;
	text-align: center;
	transform: translateX(calc(-1 * var(--menuWidth)));
	margin-bottom: 33px;
	width: var(--ContainerDefaultWidth);
}

/*    -->                                                                                                                               ONEPAGE CHECKOUT > SIDEBAR                
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                     ONEPAGE CHECKOUT > SIDEBAR > LAYOUT                              
[2]   =========================================================================================================== */

.onepage_checkout_sidebar {
	top: calc(var(--menuHeight) + 125px) !important;
	padding-top: 0px !important;
}

/*    -->                                                               ONEPAGE CHECKOUT > SIDEBAR > ORDER DETAILS                              
[2]   =========================================================================================================== */

.onepage_checkout_sidebar .panel-body>h2 {
	display: none !important;
}

.onepage_checkout_sidebar tfoot tr td:first-child {
	text-align: left;
	font-size: 14px;
	color: #737373;
	line-height: 1;
	padding-left: 0px;
}

.onepage_checkout_sidebar tfoot tr td:last-child {
	color: black;
	font-weight: bold;
	font-size: 16px;
	line-height: 1;
	padding-right: 0px;
}





/*    -->                                                                     ONEPAGE CHECKOUT > SIDEBAR > COUPON                           
[2]   =========================================================================================================== */

.onepage_checkout_sidebar .coupon_section {
	margin-top: 30px;
	margin-bottom: 50px;
}

.onepage_checkout_sidebar .coupon_section .input-group {
	margin-top: 6px;
}

.onepage_checkout_sidebar .coupon_section .coupon_instructions {

	display: block;
}


.onepage_checkout_sidebar .coupon_section .input-group-btn {
	position: absolute;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
	z-index: 2;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}

/*    -->                                                                     ONEPAGE CHECKOUT > SIDEBAR > BUTTONS                           
[2]   =========================================================================================================== */

.checkout-checkout .buttons {
	margin: 0px 0px;
	width: 100%;
	margin-top: 10px;
}

.checkout-checkout .buttons .pull-right {
	width: 100%;
}

.onepage_checkout_button {
	font-size: 16px !important;
	font-weight: bold !important;
	height: unset !important;
	min-height: unset !important;
	padding: 15px 0px !important;
	display: block !important;
	border-radius: 10px !important;
	width: 100%;
	text-align: center !important;
	line-height: 1 !important;
}


.submit_order.onepage_checkout_button {
	background: #f04e23 !important;
	color: white !important;
	border: none !important;
	transition: all .12s;
}

.submit_order.onepage_checkout_button:hover {
	background: var(--accent2) !important;
}

.continue_shopping.onepage_checkout_button {
	border: 1px solid #9B9B9B !important;
	margin-top: 20px !important;
	transition: all .12s;
}

.continue_shopping.onepage_checkout_button:hover {
	border-color: black !important;
}



/*    -->                                                                                                                          ONEPAGE CHECKOUT > ALL SECTIONS                         
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                           ONEPAGE CHECKOUT > ALL SECTIONS > CONTAINERS                    
[2]   =========================================================================================================== */

.checkout-checkout .well-sm {
	padding-bottom: 0px;
}

.checkout-checkout .panel-body .row {
	margin-left: 0px;
	margin-right: 0px;
}

.checkout-checkout .panel-body:after {
	display: none !important;
}

.checkout-checkout .panel-body {
	margin-bottom: 50px;
}

.checkout-checkout #payment-text-more {
	margin-top: 50px
}

/*    -->                                                                ONEPAGE CHECKOUT > ALL SECTIONS > TITLES                    
[2]   =========================================================================================================== */

.checkout-checkout .panel-body h2,
.checkout-checkout .panel-body h3,
.checkout-checkout .panels-custom h3,
.checkout-checkout .panels-custom h2,
.onepage_checkout_sidebar .column_left_title,
.onepage_checkout_sidebar .coupon_section .coupon_instructions {
	margin-top: 0px;
	font-weight: bold;
	font-size: 16px;
	text-transform: none !important;
	margin-bottom: 0px !important;
	padding-bottom: 10px !important;
	text-transform: none !important;
	color: black;
}

/*    -->                                                                                                            ONEPAGE CHECKOUT > PAYMENT & SHIPPING METHODS                          
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#collapse-shipping-method label,
#collapse-payment-method label {
	font-size: 15px;
	color: #6F6F6F
}

/*    -->                                                                                                                    ONEPAGE CHECKOUT > PAYMENT GUIDELINES                         
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#payment-text-more .well-sm {
	padding: 13px;
	border-radius: 0px;
	border: none;
	box-shadow: none;
}

#payment-text-more .well-sm,
#payment-text-more .well-sm * {
	color: #6f6f6f;
}

#payment-text-more .well-sm *:last-child {
	margin-bottom: 0px;
}

/*    -->                                                                                                               ONEPAGE CHECKOUT > ADDRESS & PAYMENT INFOS                     
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#collapse-payment-address fieldset {
	margin-bottom: 20px;
}

/*    -->                                                         ONEPAGE CHECKOUT > ADDRESS & PAYMENT INFOS > RADIOS                       
[2]   =========================================================================================================== */

#collapse-payment-address .radio,
#collapse-shipping-address .radio {
	min-height: unset !important;
	margin: 10px 0px !important;
}

#collapse-payment-address .radio label,
#collapse-shipping-address .radio label {
	display: flex;
	align-items: center;
}

.checkout-checkout .radio label input[type="radio"] {
	margin-top: 0px;
	margin-bottom: 0px;
	accent-color: #777;
}

/*    -->                                                                                                                          ONEPAGE CHECKOUT > REGISTRATION
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.checkout-checkout #button-register {
	margin-bottom: 40px;
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION CHECKOUT PAGE
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

.poc_row {
	margin-left: 0px !important;
	margin-right: 0px !important;
	padding-left: 20px;
	padding-right: 20px;
}

/*    -->                                                                                                                               CHECKOUT PAGE > HEADER > CART            
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.extension-module-qnec header #cart>button>svg {
	width: 30px;
	height: 26px;
	-webkit-filter: brightness(0) invert(16%) sepia(86%) saturate(3672%) hue-rotate(348deg) brightness(94%) contrast(104%) !important;
	filter: brightness(0) invert(16%) sepia(86%) saturate(3672%) hue-rotate(348deg) brightness(94%) contrast(104%) !important;
}

/*    -->                                                                                                                               CHECKOUT PAGE > MAIN TITLE            
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.extension-module-qnec #content>h1 {
	display: none !important;
}

/*    -->                                                                                                                                   CHECKOUT PAGE > LAYOUT               
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */


.extension-module-qnec body {
	overflow: hidden !important;
}

div.perfect_one_checkout_main_container {
	margin-left: -20px;
	margin-right: -20px;
}

div.perfect_one_checkout_main_container>div.flex_column {
	flex: 1 !important;
	padding: 0px 20px !important;
}

div.perfect_one_checkout_main_container .loading::after {
	display: none !important;
}

/* .extension-module-qnec #content{
  z-index: -1;
} */

/* body div.poc_container {
	width: 100% !important;
	max-width: 100% !important;
	padding-right: calc(((100vw - 1650px) / 2)) !important;
	padding-left: calc(((100vw - 1650px) / 2)) !important;
} */

.perfect_one_checkout_main_container>.col_2 {
	/* max-width: 550px !important; */
	/* padding-right: 35px; */
}

.perfect_one_checkout_main_container>.col_3 {
	/* padding-left: 67px; */
	position: relative;
	/* margin-top: -138px !important; */
}

/*    -->                                                                         CHECKOUT PAGE > LAYOUT > HEADER
[2]   =========================================================================================================== */

.extension-module-qnec header #cart>.btn {
	margin-top: 0px !important;
}

/*    -->                                                                         CHECKOUT PAGE > LAYOUT > SIDEBAR
[2]   =========================================================================================================== */

div.poc_container {
	padding-right: 0px !important;
	padding-left: 0px !important;
}

/*    -->                 CHECKOUT PAGE > LAYOUT > SIDEBAR > SIDEBAR                               
[3]   ------------------------------------------------------------- */

.extension-module-qnec .checkout_sidebar {
	width: var(--menuWidth);
	position: fixed;
	top: var(--menuHeight);
	right: 0px;
	z-index: 9;
	height: calc(100vh - var(--menuHeight));
	overflow: auto;
	background: #fff;
	display: flex;
	flex-direction: column;
	padding-left: 24px !important;
	padding-right: 24px !important;
	padding-top: 40px;
	box-shadow: 5px -2px 21px 0 rgba(112, 112, 112, 0.23);
	display: flex !important;
	flex-direction: column !important;
	justify-content: space-between !important;
	flex-wrap: nowrap !important;
	margin: 0px !important;
	padding-bottom: 20px !important;
}

/*    -->            CHECKOUT PAGE > LAYOUT > SIDEBAR > REST OF PAGE                               
[3]   ------------------------------------------------------------- */

.extension-module-qnec header~ :not(#ac-menu):not(.cookie_bar) {
	margin-right: auto !important;
	margin-left: 0px !important;
}

/*    -->              CHECKOUT PAGE > LAYOUT > SIDEBAR > GET RID OF                               
[3]   ------------------------------------------------------------- */

.panel_confirm>.panel_poc>.panel_poc-heading,
.extension-module-qnec .poc_row .discount_zone,
.extension-module-qnec .checkout_sidebar .panel_cart .cart_heading,
.extension-module-qnec .checkout_sidebar .products_info_cart {
	display: none !important;
}

/*    -->                                                                                                                                       CHECKOUT PAGE > SIDEBAR
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.checkout_sidebar .edit_product_list {
	display: none !important;
}

/*    -->                                                        CHECKOUT PAGE > SIDEBAR > EDIT MESSAGES                    
[2]   =========================================================================================================== */

.checkout_sidebar .poc_alert-success {
	display: none !important;
}

div.perfect_one_checkout_main_container>div.poc_alert_container {
	margin: 0px 20px;
}

/*    -->                                                                           CHECKOUT PAGE > SIDEBAR > TOTALS                    
[2]   =========================================================================================================== */


/* .extension-module-qnec .checkout_sidebar .totals {
	margin-bottom: 100%;
} */

/*    -->                     CHECKOUT PAGE > SIDEBAR > TOTALS > ROWS                               
[3]   ------------------------------------------------------------- */

.panel_poc-body .totals_info>div.totals_row {
	display: flex;
	width: 100%;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	margin: 5px 0px;
}

.panel_poc-body .totals_info>div.totals_row:before,
.panel_poc-body .totals_info>div.totals_row:after {
	display: none !important;
}

.panel_poc-body .totals_info>div.totals_row>div {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	font-weight: 400;
}

.panel_poc-body .totals_info>div.totals_row>div.title {
	font-size: 16px;
	color: #737373;
}

.panel_poc-body .totals_info>div.totals_row>div.value {
	font-size: 18px;
	color: #000;
}

/*    -->                     CHECKOUT PAGE > SIDEBAR > TOTALS > SUM                               
[3]   ------------------------------------------------------------- */

.panel_poc-body .totals_info>div.totals_row:last-child {
	border-top: 1px solid #dcdcdc !important;
	border-bottom: 1px solid #dcdcdc !important;
	padding: 10px 0px !important;
	margin-top: 15px;
}

.panel_poc-body .totals_info>div.totals_row:last-child>.title {
	font-weight: 600 !important;
	color: black !important;
	font-size: 18px !important;
}

.panel_poc-body .totals_info>div.totals_row:last-child>.value {
	font-size: 25px !important;
	color: black !important;
	font-weight: 600 !important;
}


/*    -->                                                             CHECKOUT PAGE > SIDEBAR > COUPON & DISCOUNT                                          
[2]   =========================================================================================================== */

.discount_zone {
	order: 99;
	margin-top: 35px;
}

.discount_container {
	display: flex;
	flex-direction: column;
	padding: 0px !important;
}

.discount_container>div {
	width: 100% !important;
	float: none !important;
	margin: 0px !important;
	padding-right: 0px !important;
}

.discount_container .poc_input-group {
	display: flex !important;
}

.poc_input-group>.poc_input-group-addon:first-child {
	display: none !important;
}

/*    -->               CHECKOUT PAGE > SIDEBAR > COUPON & DISCOUNT > ADD TITLE
[3]   ------------------------------------------------------------- */

.discount_zone::before {
	color: #000000;
	font-size: 18px;
	content: "Κωδικός έκπτωσης";
	font-weight: 600;
	margin-bottom: 2px !important;
	display: block;
}

.discount_zone .discount_container:before {
	content: "Συμπληρώστε αν έχετε εκπτωτικό κωδικό και κερδίστε έκπτωση";
	color: #737373;
	display: block;
	margin-bottom: 10px;
	font-size: 14px
}

html:not([lang*="el"]) .discount_zone::before {
	content: "Discount code";
}

html:not([lang*="el"]) .discount_container:before {
	content: "Enter the discount code in the field below and get a discount";
}

/*    -->                                                                        CHECKOUT PAGE > SIDEBAR > COUPON                                           
[2]   =========================================================================================================== */

/*    -->                 CHECKOUT PAGE > SIDEBAR > COUPON > LAYOUT                                 
[3]   ------------------------------------------------------------- */

div.panel_cart div.discount_zone div.discount_container .coupon {
	/* margin: 20px 0px !important; */
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

div.panel_cart div.discount_zone div.discount_container {
	background: none !important;
	margin-bottom: 0px !important;
}

div.panel_cart div.discount_zone div.discount_container div.icons {
	display: none;
}

.coupon .poc_input-group {
	display: flex !important;
	align-items: flex-end;
	position: relative;
	height: 48px;
}

/*    -->                 CHECKOUT PAGE > SIDEBAR > COUPON > INPUT                                 
[3]   ------------------------------------------------------------- */

div.panel_cart div.discount_zone div.discount_container .poc_form-control {
	width: 447px !important;
}

div.panel_cart div.discount_zone div.discount_container .poc_form-control::-webkit-input-placeholder {
	color: #6f6f6f !important;
}

div.panel_cart div.discount_zone div.discount_container .poc_form-control::-moz-placeholder {
	color: #6f6f6f !important;
}

div.panel_cart div.discount_zone div.discount_container .poc_form-control:-ms-input-placeholder {
	color: #6f6f6f !important;
}

div.panel_cart div.discount_zone div.discount_container .poc_form-control::-ms-input-placeholder {
	color: #6f6f6f !important;
}

div.panel_cart div.discount_zone div.discount_container .poc_form-control::placeholder {
	color: #6f6f6f !important;
}

div.panel_cart div.discount_zone div.discount_container .poc_form-control {
	height: 48px !important;
	font-size: 14px !important;
	border: none !important;
	color: black !important;
	background: #F9F9F9 !important;
	width: 100% !important;
	border-radius: 24px !important;
	padding: 0px 40px 0px 20px !important;
}

/*    -->                 CHECKOUT PAGE > SIDEBAR > COUPON > BUTTON                                 
[3]   ------------------------------------------------------------- */

div.panel_cart div.discount_zone div.discount_container .poc_btn-success {
	border: none !important;
	background: var(--accent2) !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	font-size: 15px !important;
	height: 35px !important;
	width: 35px !important;
	border-radius: 100% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	position: absolute !important;
	top: 50% !important;
	right: 10px !important;
	transform: translateY(-50%) !important;
	padding: 0px !important;
}

div.panel_cart div.discount_zone div.discount_container .poc_btn-success>span::before {
	content: url("/image/catalog/_digital/demo/icons/arrow_2.svg");
	-webkit-filter: brightness(100);
	filter: brightness(100);
	margin-top: 2px;
	margin-right: 2px;
}


/*    -->                                                                CHECKOUT PAGE > SIDEBAR > TERMS & BUTTON
[2]   =========================================================================================================== */

.checkout_sidebar>.panel_container>.panel_poc.loading {
	height: auto !important;
}

.checkout_sidebar.perfect_one_checkout_main_container .panel_confirm {
	order: 99;
	margin-top: 35px;
}

.modal-agree h1 {
	font-weight: bold;
	font-size: 20px;
}

.checkout-checkout .modal-backdrop {
	display: none;
}

.checkout-checkout .modal-agree .modal-dialog {
	box-shadow: 0 0 200px -50px rgba(0, 0, 0, .6);
}



div[class*="sidebar"] {
  width: var(--menuWidth);
  position: fixed;
  top: var(--menuHeight);
  left: calc((100% - var(--ContainerDefaultWidth)) / 2) !important;
  z-index: 3;
  height: calc(100vh - var(--menuHeight));
  overflow: auto;
  display: flex;
  flex-direction: column;
  padding-left: var(--default_padding) !important;
  padding-right: var(--default_padding) !important;
  padding-top: 45px;
  box-shadow: none !important;
}

html.checkout-checkout header ~ :not(#checkout-modal):not(#ac-menu):not(.cookie_bar):not(.review_modal):not(.alert):not(#ac-menu):not(.cookie_bar):not(#modal-agree):not(.bootstrap-datetimepicker-widget):not(#error-not-found):not(.load-cont):not(.bottom_panel) {
  margin-right: auto !important;
  margin-left: calc(var(--menuWidth) + calc(100% - var(--ContainerDefaultWidth)) / 2) !important;
  width: calc(var(--ContainerDefaultWidth) - var(--menuWidth));
  padding-left: var(--default_padding) !important;
  padding-right: var(--default_padding) !important;
  transform: none !important;
}
@media (max-width: 1100px) {
  div.onepage_checkout_sidebar {
    position: relative !important;
    top: 0px !important;
    order: 99;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    left: 0px !important;
    padding: 0px !important;
    width: 100% !important;
    margin-left: 0px !important;
  }
}

@media (max-width: 1650px) {
  html {
    --ContainerDefaultWidth: 100vw;
  }
}
@media (max-width: 768px) {
  html {
    --default_padding: 15px;
  }
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION RESPONSIVE > CHECKOUT PAGE
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/


@media(max-width: 1400px) {
	.desktoptable {
		display: block;
	}
}

@media(max-width: 1100px) {
	#checkout-checkout>.row {
		margin-right: 0px;
		margin-left: 0px;
	}

	div.onepage_checkout_sidebar {
		position: relative !important;
		top: 0px !important;
		order: 99;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		left: 0px !important;
		padding: 0px !important;
		width: 100% !important;
		margin-left: 0px !important;
	}

	#checkout-checkout.container>.row {
		display: flex;
		flex-direction: column;
	}

	.coupon_section .input-group #input-coupon {
		max-width: 100%;
	}
}

@media(max-width: 990px) {
	.checkout-checkout #content {
		display: flex;
		flex-direction: column;
	}

	.checkout-checkout #content>div {
		width: 100%;
		padding-right: 0px !important;
		padding-left: 0px !important;
	}
}
@media (max-width: 1100px) {
  html {
    --accent1: #001828;
    --accent2: #f27323;
    --menuHeight: 100px;
    --menuWidth: 0px;
    --minicart-width: 635px;
    --sideGap_small: 45px;
    --default_padding: 20px;
    --responsivePadding: 15px;
    --responsivePadding: 15px;
    --ContainerDefaultWidth: 1650px;
    --minicart-width: 635px;
    --menu-width: 600px;
    --sideGap_tiny: 24px;
    --sideGap_small: 50px;
    --sideGap_small_2: 70px;
    --HeaderHeight: 90px;
    --max-page-width: 1650px;
  }
}

@media(max-width: 550px) {
	.delivery_text img{
		display:none;
	}
	.top_bar_container > div{
		flex-wrap:wrap;
	}
	.top_bar_container{
		padding:5px;
		height:fit-content!important;
	}
	
}


/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION OVERFOOTER (USP SECTION)
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/



.before_footer {
  background: white;
  /* margin-top: 90px; */
}

#common-home+.before_footer {
  margin-top: 90px;
}



.before_footer .before_footer_content {
  margin: 0 auto;
  padding: 0 15px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  padding: 35px var(--defaultPadding) 35px var(--defaultPadding);
  gap: 30px;
  max-width: var(--maxContainerWidth);
}

.before_footer .before_footer_box {
  display: grid;
  grid-template-areas:
    "image title"
    "image description";
  gap: 0px 15px
}

.before_footer_box>svg {
  grid-area: image;
}

.before_footer .before_footer_box h2 {
  font-weight: 800 !important;
  text-transform: uppercase;
  grid-area: title;
  text-align: left !important;
  padding-block: 0px !important;
  margin-block: 0px !important;
  margin-bottom: 7px !important;
  color: var(--accent1) !important;
  font-size: 17px !important;
}

.before_footer .before_footer_box p {
  grid-area: description;
  text-align: left !important;
  line-height: normal;
  font-weight: 600 !important;
  margin-bottom: 0px;

  color: #000000;
  font-size: 14px;
  /* text-align: center;
  font-weight: normal; */
}

/* 
.before_footer .before_footer_box {
  display: flex;
  flex-direction: column;
  align-items: center;
} */

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
/* !SECTION */
/* SECTION RESPONSIVE > BEFORE FOOTER
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

@media(max-width: 1200px) {
  .before_footer_content {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    grid-gap: 50px !important;
  }
}

@media(max-width: 768px) {
  .before_footer_content>.before_footer_box {
    flex-direction: column !important;
    display: flex
  }

  .before_footer_content>.before_footer_box svg {
    margin-bottom: 20px;
  }
}

@media(max-width: 500px) {
  .before_footer_content {
    grid-template-columns: 1fr;
  }
}
.checkout-popup .shipping.address-pickup .methods{
	gap:25px!important;
}
.checkout-popup .shipping.address-pickup .methods label > p{
	text-align:center!important;
}

@media (max-width: 768px) {
  .before_footer .before_footer_content {
    padding-top: var(--responsiveDistancing);
  }
}

.mfilter-tb-as-td, .mfilter-heading-text {
	text-transform: uppercase;
}
.price-quantity-pop{
	display: flex;
	gap:10px;
	align-items: center;
}