.elementor-19597 .elementor-element.elementor-element-e04498d{--display:flex;--min-height:100vh;}/* Start custom CSS for shortcode, class: .elementor-element-dbec9f9 *//* Base styles */

header {

    flex-direction: column;

    position: fixed;

    top: 0;

    z-index: 425;

}
header.woocommerce-products-header {
    z-index: 0;
}
.header-row {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.header-row.topbar {
    text-align: center;
    justify-content: center;
    padding: 5px 0;
    background: black;
    color: #DAD054;
    width: calc(100% + 80px);
    transform: translateX(-40px);
    font-size: 17px;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    display: flex;
	gap: 10px;
}



.header-row .woocommerce-product-search {

    display: flex;

    position: relative;

    width: 65%;

}

.header-row .woocommerce-product-search input,

.header-row .woocommerce-product-search button {

    background: white;

    border: none;

    outline: none;

}

.header-row .woocommerce-product-search input {

    border-radius: 20px;

    padding: 6px;

    padding-left: 40px;

    width: 100%;

    font-family: 'Manrope', sans-serif;

    font-weight: 400;

}

.header-row .woocommerce-product-search button {

    position: absolute;

    height: 100%;

    width: 40px;

    border-bottom-left-radius: 50%;

    border-top-left-radius: 50%;

}



.header-row.messages {

    width: calc(100% + 80px);

    transform: translateX(-40px);

    background: black;

    padding: 0 40px;

    text-align: center;

}

.header-row.messages>div {

    background: black;

    color: white;

    flex: auto;

    padding: 5px 0;

    font-size: 20px;

    font-family: 'Manrope', sans-serif;

    font-weight: 700;
}
.header-row.messages>div:nth-child(2) {
    border-right: 1px solid white;
    border-left: 1px solid white;
}

/* Owl slider categories */

.owl-categories-slider {
    width: calc(100% - 80px);
    position: relative;
    overflow: hidden;
	height:auto!important;
    display: none;
}

.owl-categories-slider .owl-stage {

    display: flex;

}

.owl-categories-slider .owl-categories-slider-category a {

    text-align: center;

    display: flex;

    flex-direction: column;

    align-items: center;

    z-index: 2;

    font-family: 'Manrope', sans-serif;

    font-weight: 700;
	font-size: 12px!important;
    padding-bottom: 20px;
}

.owl-categories-slider .owl-categories-slider-category a:hover {

    text-decoration: none;

}

.owl-categories-slider .owl-categories-slider-category img {
    border-radius: 50%;
    width: 65px;
    height: 65px;
	padding: 2px;
    border: 2px solid red;
}

.owl-categories-slider .owl-nav {

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    width: 100%;

    display: flex;

    justify-content: space-between;

}

.owl-categories-slider .owl-nav button {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    border: none;

    background: transparent;

    outline: none;

    font-size: 30px;

}

.owl-categories-slider .owl-nav button.owl-next {

    right: 0;

}

.owl-categories-slider .owl-nav button.owl-prev {

    left: 0;

}

@media (max-width: 768px) {
	.smallStory img {
		width: 35px!important;
		height: 35px!important;
	}
	.smallStory a {
		font-size: 0!important;
	}
}

/* Header icons */

.header-icon {

    width: 40px;

    margin-right: 13px;

    position: relative;

}

.header-icon:last-child {

    margin-right: 0;

}

.minified .header-icon {
	width: 30px!important;
}
.minified .header-row.messages {
	display: none!important;
}
.owl-categories-slider {
	transition: .2s;
}
.minified .owl-categories-slider {
	height: 0!important;
}
.minified span.total-items {
	right: -6px;
    bottom: -9px;
}


/* Mobile menu */

.mobile-menu-button {

    margin-right: 30px;

    max-width: 80px;

    cursor: pointer;

}

.mobile-menu-button img {

    max-width: unset;

    width: 100%;

}

@media (max-width: 425px) {

    .mobile-menu-drawer {

        width: 100% !important;

    }
	.mobile-menu-button img {
		max-width: 64px;
	}

}

@media (min-width: 425px) {

    .mobile-menu-drawer {

        max-width: 400px !important;

    }

}

@media (min-width: 1240px) {
    .mobile-menu-drawer {
        max-width: 35% !important;
    }
}

@media (max-width: 900px) {
    .mobile-menu-drawer {
        max-width: 100% !important;
        width: 90% !important;
    }
}

@media (max-width: 768px) {
	.owl-categories-slider {
		width: 100%;
		margin-top: 20px;
	}
    /* .header-row.messages {
        display: none   !important;
   } */
   .hide-header-row-message{
      display: none!important;
   }
}

/* Menu */
.menu.row ul {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
    width: 100%;
    position: relative;
    margin-top: 50px;
}

.menu.row ul li {
    width: 100%;
    margin-bottom: 1px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.menu.row .sub-menu {
    position: absolute;
    top: 0;
    padding-top: 35px;
    margin-top: 0;
    right: calc(-100% - 80px);
/*     height: 100%; */
    width: 100%;
    background-color: white;
    transition-property: right !important;
    transition: .4s;
    display: block !important;
    z-index: 5;
    overflow-y: auto;
    overflow-x: hidden;
	max-height: 100%;
}

.menu.row .sub-menu.active {
    right: 0;
}
.menu.row .sub-menu .sub-menu.active {
    height: 100%;
}

.menu.row .sub-menu-back img {
	display: none	!important;
}
.menu.row .sub-menu .sub-menu-back {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}
.menu.row .sub-menu.no-scroll {
	overflow-y: hidden	!important;
}

.menu.row ul li a,
.menu.row ul li a .menu-text {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* background: #F5F4F1; */
    background: white;
}

.menu.row ul li a .menu-text {
/*     max-width: calc(100% - 70px); */
	transition: .2s;
}

.menu.row ul li a {
    padding: 14px;
    font-weight: 700;
    font-size: 18px;
    position: relative;
    width: calc(100% - 45px);
    margin-right: auto;
	text-decoration: none;
}

.menu.row ul li .icon-down:before {
    transform: rotate(-90deg);
    margin: 0;
}

.menu-thumbnail {
    width: 55px;
    height: 55px;
    position: absolute;
    right: 10px;
	transition: .2s;
}
.menu.row ul li a:hover .menu-text .menu-thumbnail {
	right: 20px;
}
.menu.row ul li a:hover .menu-text {
	opacity: .65;
}

.mobile-menu-drawer.mobilemenu {
    padding-right: 0;
    padding-left: 20px;
    padding-top: 25px;
    padding-bottom: 50px;
}

.mobile-menu-drawer>.row:not(.close-menu) {
    padding-left: 15px;
    width: 100%;
}

.mobilemenu .contact.row {
    background: black;
    color: white;
    padding: 40px;
    flex-direction: column;
    font-size: 40px;
    width: calc(100% + 80px);
    margin-left: -40px;
}

.mobilemenu .contact.row a {
    color: white;
}

.mobilemenu .contact.row span:last-child {
    font-size: 18px;
}

.mobilemenu .social.row .mobile-social-icons {
    flex-wrap: wrap;
    width: 100%;
    margin: 25px 0;
    gap: 10px;
}

.mobilemenu .social.row .mobile-social-icons>span:nth-child(1) {
    width: 100%;
    text-align: left;
    font-size: 40px;
}

@media (max-width: 768px) {
/*     .header-row.slider-menu-row .owl-categories-slider, */
    .header-row .woocommerce-product-search,
    .header-row .header-icon:not(.cart-button) {
        display: none;
    }
    .mobile-menu-button {
/*         transform: translateY(-60%);
        position: absolute; */
		position: fixed;
		left: 20px;
		top: 12px;
    }
    .header-row.topbar {
        font-size: 20px;
    }
	.mobilemenu .contact.row {
		font-size: 26px;
	}
}

@media (max-width: 425px) {
    .header-row.topbar {
        font-size: 12px;
		flex-direction: column;
    }
}

/* Scrolled nav */
/* header.minified .owl-categories-slider,
header.minified .header-row.messages {
    display: none;
} */
.header-searchbar {
    transition: .2s;
}
.center-items {
    justify-content: center;
}
header.minified .mobile-menu-button {
    position: absolute;
    transform: translateY(-80%);
    max-width: 50px;
}


@media (max-width: 768px) {
    .single-product .flex-control-nav {
        display: none   !important;
    }
}

#countdown-display > span {
    font-weight: 400;
    font-size: 12px;
}

.red-letters-menu-item > a {
	color: red!important;
}
.red-bg-menu-item > a,
.red-bg-menu-item > a > .menu-text {
	color: white!important;
	background: red	!important;
}

.blue-letters-menu-item > a {
	color: blue!important;
}

/*

	Theme Name: iLoveIt - Antithesis

	Theme URI: https://iloveit.gr

	Version: 1.0

	Author: iLoveIt

	Author URI: https://iloveit.gr

*/

/* Icons */

/* .woocommerce-checkout li.wc_payment_method.payment_method_alphabank_gateway {
	display: none!important;
} */

@font-face {

	font-family: 'iloveit-icons';

	src: url('fonts/iloveit-icons.eot?36747950');

	src: url('fonts/iloveit-icons.eot?36747950#iefix') format('embedded-opentype'),

		url('fonts/iloveit-icons.woff2') format('woff2'),

		url('fonts/iloveit-icons.woff?36747950') format('woff'),

		url('fonts/iloveit-icons.ttf?36747950') format('truetype'),

		url('fonts/iloveit-icons.svg?36747950#iloveit-icons') format('svg');

	font-weight: normal;

	font-style: normal;

}



/* Main colors */

:root {

	--lightgray: #F5F4F1;

}



/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */

/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */

/*

  @media screen and (-webkit-min-device-pixel-ratio:0) {

	@font-face {

	  font-family: 'iloveit-icons';

	  src: url('../font/iloveit-icons.svg?36747950#iloveit-icons') format('svg');

	}

  }

  */

[class^="icon-"]:before,

[class*=" icon-"]:before {

	font-family: "iloveit-icons";

	font-style: normal;

	font-weight: normal;

	speak: none;



	display: inline-block;

	text-decoration: inherit;

	width: 1em;

	margin-right: .2em;

	text-align: center;

	/* opacity: .8; */



	/* For safety - reset parent styles, that can break glyph codes*/

	font-variant: normal;

	text-transform: none;



	/* fix buttons height, for twitter bootstrap */

	line-height: 1em;



	/* Animation center compensation - margins should be symmetric */

	/* remove if not needed */

	margin-left: .2em;



	/* you can be more comfortable with increased icons size */

	/* font-size: 120%; */



	/* Font smoothing. That was taken from TWBS */

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;



	/* Uncomment for 3D effect */

	/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */

}





/* .icon-search:before { content: '\e800'; } '' */

/* .icon-heart-empty:before { content: '\e801'; } '' */

/* .icon-phone:before { content: '\e802'; } '' */

/* .icon-up-arrow:before { content: '\e803'; } '' */

/* .icon-certificate:before { content: '\e804'; } '' */

/* .icon-right:before { content: '\e805'; } '' */

/* .icon-left:before { content: '\e806'; } '' */

/* .icon-down:before { content: '\e807'; } '' */

/* .icon-up:before { content: '\e808'; } '' */

/* .icon-credit-card:before { content: '\e809'; } '' */

/* .icon-truck:before { content: '\e80a'; } '' */

/* .icon-heart:before { content: '\e80b'; } '' */

/* .icon-facebook:before { content: '\f09a'; } '' */

/* .icon-menu:before { content: '\f0c9'; } '' */

/* .icon-money:before { content: '\f0d6'; } '' */

/* .icon-angle-right:before { content: '\f105'; } '' */

/* .icon-instagram:before { content: '\f16d'; } '' */

/* .icon-share:before { content: '\f1e0'; } '' */

/* .icon-shopping-bag:before { content: '\f290'; } '' */

/* .icon-user-o:before { content: '\f2c0'; } '' */

/* .icon-mobile:before { content: '\e816'; } '  */







.icon-search:before {

	content: '\e804';

}



/* '' */

.icon-heart-empty:before {

	content: '\e805';

}



/* '' */

.icon-phone:before {

	content: '\e806';

}



/* '' */

.icon-up-arrow:before {

	content: '\e807';

}



/* '' */

.icon-certificate:before {

	content: '\e808';

}



/* '' */

.icon-right:before {

	content: '\e809';

}



/* '' */

.icon-left:before {

	content: '\e80a';

}



/* '' */

.icon-down:before {

	content: '\e80b';

}



/* '' */

.icon-up:before {

	content: '\e80c';

}



/* '' */

.icon-credit-card:before {

	content: '\e80d';

}



/* '' */

.icon-truck:before {

	content: '\e80e';

}



/* '' */

.icon-heart:before {

	content: '\e80f';

}



/* '' */

.icon-facebook:before {

	content: '\e810';

}



/* '' */

.icon-menu:before {

	content: '\e811';

}



/* '' */

.icon-instagram:before {

	content: '\e812';

}



/* '' */

.icon-shopping-bag:before {

	content: '\e813';

}



/* '' */

.icon-share:before {

	content: '\e814';

}



/* '' */

.icon-user-o:before {

	content: '\e815';

}



/* '' */

.icon-mobile:before {

	content: '\e816';

}



/* '' */

.icon-money:before {

	content: '\f0d6';

}



/* '' */

.icon-angle-right:before {

	content: '\f105';

}



/* '' */

/* BOOTSTRAP OVERRIDE */

@media (min-width: 1200px) {



	.container,

	.container-lg,

	.container-md,

	.container-sm,

	.container-xl {

		max-width: 1440px;

	}

}





/*------------------------------------*\

    MAIN

\*------------------------------------*/



/* global box-sizing */

*,

*:after,

*:before {

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	-webkit-font-smoothing: antialiased;

	font-smoothing: antialiased;

	text-rendering: optimizeLegibility;

}



/* html element 62.5% font-size for REM use */

html {

	font-size: 100%;

}

html, body {
	overflow-x: hidden!important;
}



body {

	font: 30 #444;

	background-color: #faf8f3;

	overflow: hidden auto;

}



/* main[role="main"] {

	margin-top: 264px;

} */

.single-product main {
/* 	margin-top: 280px; */
/* 	margin-top: 320px; */
	margin-top: 300px;
}

/* clear */

.clear:before,

.clear:after {

	content: ' ';

	display: table;

}



.clear:after {

	clear: both;

}


/* 
.clear {

	*zoom: 1;

} */



img {

	max-width: 100%;

	vertical-align: bottom;

}



a {

	color: #444;

	text-decoration: none;

}



a:hover {

	color: #444;

}



a:focus {

	outline: 0;

}



a:hover,

a:active {

	outline: 0;

}



input:focus {

	outline: 0;

	border: 1px solid #04A4CC;

}



/*------------------------------------*\

    STRUCTURE

\*------------------------------------*/

/* BOXNOW  */
/* ul#shipping_method li:nth-child(1),
ul#shipping_method li:nth-child(2){
   flex-wrap: wrap;
}
ul#shipping_method li:nth-child(1) button,
ul#shipping_method li:nth-child(2) button{
   width: 100%;
} */
ul#shipping_method{
   display: flex;
   flex-direction: column;
}
/* ul#shipping_method li:has(input#shipping_method_0_box_now_delivery) {
   order: -1;
} */

/* wrapper */

.wrapper {

	max-width: 1280px;

	width: 95%;

	margin: 0 auto;

	position: relative;

}



/* header */



.fixedheader {

	background-color: #faf8f3;

	box-shadow: 5px 5px 45px -5px rgba(187, 0, 0, 0.2);

	z-index: 200;

	position: Fixed;

	top: -220px;

	left: 0px;

	width: 100%;

	display: flex;

	transition: all 0.5s;

}



.fixedheader .logo-img {

	width: 150px;

}



.fixedheader #logo-left-side h3 {

	font-size: 1.3rem;

}



/* logo */

.logo {

	text-align: center;

	/* margin-top: 15px; */

}



.logo-img {



	width: 240px;

}



/* nav */



/* sidebar */



/* footer */





/*------------------------------------*\

    PAGES

\*------------------------------------*/







/*------------------------------------*\

    IMAGES

\*------------------------------------*/







/*------------------------------------*\

	TYPOGRAPHY

\*------------------------------------*/



@font-face {

	font-family: 'Font-Name';

	src: url('fonts/font-name.eot');

	src: url('fonts/font-name.eot?#iefix') format('embedded-opentype'),

		url('fonts/font-name.woff') format('woff'),

		url('fonts/font-name.ttf') format('truetype'),

		url('fonts/font-name.svg#font-name') format('svg');

	font-weight: normal;

	font-style: normal;

}



/*------------------------------------*\

    RESPONSIVE

\*------------------------------------*/



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



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



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



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



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



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



@media only screen and (-webkit-min-device-pixel-ratio:1.5),

only screen and (min-resolution:144dpi) {}



/*------------------------------------*\

    MISC

\*------------------------------------*/



::selection {

	background: #BCBCBC;

	color: #FFF;

	text-shadow: none;

}



::-webkit-selection {

	background: #BCBCBC;

	color: #FFF;

	text-shadow: none;

}



::-moz-selection {

	background: #BCBCBC;

	color: #FFF;

	text-shadow: none;

}



/*------------------------------------*\

    WORDPRESS CORE

\*------------------------------------*/



.alignnone {

	margin: 5px 20px 20px 0;

}



.aligncenter,

div.aligncenter {

	display: block;

	margin: 5px auto 5px auto;

}



.alignright {

	float: right;

	margin: 5px 0 20px 20px;

}



.alignleft {

	float: left;

	margin: 5px 20px 20px 0;

}



a img.alignright {

	float: right;

	margin: 5px 0 20px 20px;

}



a img.alignnone {

	margin: 5px 20px 20px 0;

}



a img.alignleft {

	float: left;

	margin: 5px 20px 20px 0;

}



a img.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.wp-caption {

	background: #FFF;

	border: 1px solid #F0F0F0;

	max-width: 96%;

	padding: 5px 3px 10px;

	text-align: center;

}



.wp-caption.alignnone {

	margin: 5px 20px 20px 0;

}



.wp-caption.alignleft {

	margin: 5px 20px 20px 0;

}



.wp-caption.alignright {

	margin: 5px 0 20px 20px;

}



.wp-caption img {

	border: 0 none;

	height: auto;

	margin: 0;

	max-width: 98.5%;

	padding: 0;

	width: auto;

}



.wp-caption .wp-caption-text,

.gallery-caption {

	font-size: 11px;

	line-height: 17px;

	margin: 0;

	padding: 0 4px 5px;

}



/*------------------------------------*\

PRINT

\*------------------------------------*/



@media print {

	* {

		background: transparent !important;

		color: #000 !important;

		box-shadow: none !important;

		text-shadow: none !important;

	}



	a,

	a:visited {

		text-decoration: underline;

	}



	a[href]:after {

		content: " ("attr(href) ")";

	}



	abbr[title]:after {

		content: " ("attr(title) ")";

	}



	.ir a:after,

	a[href^="javascript:"]:after,

	a[href^="#"]:after {

		content: "";

	}



	pre,

	blockquote {

		border: 1px solid #999;

		page-break-inside: avoid;

	}



	thead {

		display: table-header-group;

	}



	tr,

	img {

		page-break-inside: avoid;

	}



	img {

		max-width: 100% !important;

	}



	@page {

		margin: 0.5cm;

	}



	p,

	h2,

	h3 {

		orphans: 3;

		widows: 3;

	}



	h2,

	h3 {

		page-break-after: avoid;

	}

}



/*------------------------------------*\

Custom

\*------------------------------------*/







/*Load Indicator*/

.load-wrapper {

	display: Flex;

	justify-content: center;

	align-items: center;

	height: 90%;

}



.loadindicator {

	display: block;

	width: 100%;

	height: 10px;

	background-color: #0003;

}



.loadindicator::before {

	display: block;

	content: "";

	position: relative;

	height: 10px;

	width: 30%;

	left: 0px;

	animation: load 0.5s ease-in-out infinite alternate;

	background-color: #000;

}



@keyframes load {

	0% {

		left: 0%;

	}



	100% {

		left: 70%;

	}

}



/* width */

::-webkit-scrollbar {

	width: 10px;

}



/* Track */

::-webkit-scrollbar-track {

	background: #f1f1f1;

}



/* Handle */

::-webkit-scrollbar-thumb {

	background-color: #BCBCBC;

}



/* Handle on hover */

::-webkit-scrollbar-thumb:hover {

	background-color: #555;

}



html {

	scrollbar-color: #BCBCBC white;

	scrollbar-width: thin;

}





.site-topbar {

	border-bottom: 1px solid #000;

	color: black;

	padding: 5px 0;

	transition: all 0.2s;

}



.site-topbar div,

main .page-content {

	max-width: 1425px;

	width: 100%;

	font-weight: 700;

	text-align: center;

	font-size: 1rem;

}



main .page-content.fullwidth {

	max-width: 100%;

	padding-left: 0px;

	padding-right: 0px;

}



.site-topbar a,

.phone-on-mobile a {

	color: white;

	transition: all 0.2s;

	letter-spacing: 1px;

	font-size: 1.2rem;

	font-weight: 100;

}



.site-topbar a:hover {

	/* 	color: #000; */

	font-weight: bold;

	text-decoration: none;

}



.site-topbar .cart-icons {

	font-size: 1.5rem;

}



.site-topbar .social-icons {

	/*background-color:white;*/

	color: #000;

	font-size: 1.5rem;

}



.site-topbar .social-icons a {

	color: inherit;

}



.site-topbar .social-icons a:hover {

	color: black;

}



.site-topbar input {

	background-color: transparent;

	color: black;

	border: none;

	font-size: 0.9rem;

	padding: 2px;

	width: 180px;

}



::-moz-placeholder,

::placeholder {

	color: darkgrey !important;

}



::-webkit-input-placeholder {

	color: darkgrey !important;

}



@media screen and (max-width:1023px) {

	.site-topbar {

		display: none;

	}

}



nav>div {

	text-transform: uppercase;

	font-size: 1.2rem;

}



nav ul li {

	margin: 0 10px;

}



nav ul li a {

	transition: all 0.2s;

	background-color: transparent;

	color: black;

	padding: 5px;

}



nav ul li a .menu-text {

	display: inline-block;

}



nav ul li a .menu-text::after {

	content: "";

	display: block;

	width: 100%;

	z-index: -10;

	/* background-color: #000088; */

	height: 0px;

	position: relative;

	left: 0px;

	bottom: 10px;

	transition: all 0.2s;

	margin-bottom: -10px;

}



nav ul li a:hover .menu-text::after {

	height: 8px;

	margin-bottom: -18px;

}



nav ul li a .menu-arrow {

	display: inline;

}



nav ul li a:hover {

	/*color: white;

	background-color:black;*/

	text-decoration: none;

}



nav ul li a .menu-arrow {

	color: #000;

	padding-left: 6px;

	font-size: 1rem;

}



nav ul.sub-menu {

	list-style: none;

	background-color: White;

	padding: 15px;

	box-shadow: 0px 0px 25px #00000055;

	display: none;

	z-index: 100;

}



nav ul.sub-menu li {

	margin: 15px 0;

}



nav ul li:hover>ul.sub-menu {

	display: block;

	position: absolute;

}



nav ul li:hover>ul.sub-menu li ul.sub-menu {

	right: -240px;

	margin-top: -70px;

}



.mobilemenu ul li .menu-arrow {

	cursor: pointer;

	color: #000;

	position: absolute;

	font-size: 55px;

}



.mobilemenu form.woocommerce-product-search,

.mobilemenu form.woocommerce-product-search input {

	width: 100%;

}



.mobilemenu form.woocommerce-product-search input {

	border: none;

	border-bottom: 2px solid lightgray;

	transition: border-bottom 0.2s;

	border-radius: 0;

}



.mobilemenu form.woocommerce-product-search input:focus {

	border-bottom-color: #000;

}



.mobilemenu form.woocommerce-product-search input::placeholder {

	opacity: 0.0;

}



.mobilemenu ul.nav {

	padding: 0 50px;

	margin-bottom: 10px;

	flex-direction: column;

	gap: 10px;

}



.mobilemenu ul.nav:last-child {

	margin-bottom: 0;

}


.mobilemenu .account.row {
	flex-direction: column;
	padding-top: 10px;
	padding-bottom: 10px;
}
.mobilemenu .account.row img {

	width: 1.5rem;

}



.mobilemenu .cart-drawer-button .total-price-ajax {

	display: flex;

}



.mobilemenu .cart-drawer-button .total-items {

	background-color: transparent;

	color: #000;

	width: unset;

	position: relative;

	top: 0;

	left: 0;

	font-weight: normal;

	font-size: 1rem;

	padding: 0;

	padding-left: 5px;

}

.mobile-image {
		display: none!important;
	}

@media screen and (max-width:768px) {
	
	.mobile-image {
		display: block!important;
	}
	.desktop-image {
		display: none!important;
	}

	.guaven_woos_suggestion {

		display: none !important;

	}



	.flexsearch {

		flex-direction: column;

	}

	.woocommerce .flexsearch ul.products::before {

		display: none;

	}



	.woocommerce .flexsearch ul.products li.product {

		width: calc(50% - 10px);

		margin-right: 0;

	}

}



@media (max-width: 425px) {

	.woocommerce .flexsearch ul.products li.product {
		width: calc(47% - 2px) !important;
		margin-right: 0;
		padding-right: 0!important;
	}
	.search-results .flexsearch ul.products li.product {
		width: 100%!important;
		margin-right: 0;
	}
	.up-sells.upsells.products{
		width:100%;
	}
	.up-sells.upsells.products ul.products li.product{
		max-width:100px;
	}
	.woocommerce-tabs.wc-tabs-wrapper {
		width:100%;
	}

	.woocommerce div.product .woocommerce-tabs .panel{
		padding:10px;
	}

	#tab-additional_information .product-attributes {
		text-align: center;
	}
	.related.products, .recent_products {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		width: 100%;
	}
	 .related.products ul,.recent_products ul {
		display:flex;
		flex-direction: row!important;
		flex-wrap: wrap;
	}

	.woocommerce.single-product .related.products ul.products li.product, .woocommerce.single-product .recent_products ul.products li.product{
		display: inline-block!important;
		width: calc(89% / 2)!important;
		margin:0px!important;
	}


}



.fader {

	display: none;

	width: 100vw;

	height: 100vh;

	background-color: #000000AA;

	position: fixed;

	top: 0;

	left: 0;

	z-index: 425;

}



.mobile-menu-drawer {

	transition: all 0.6s;

	max-width: 100vw;

	background-color: white;

	height: 100vh;

	position: fixed;

	top: 0px;

	left: -110vw;

	overflow: auto;

	z-index: 430;

	align-items: flex-start;

	display: flex;

	flex-direction: column;

	overflow-x: hidden;

}



.wpml-ls-sidebars-mobile-language-switcher {

	padding-left: 25px;

	padding-bottom: 25px;

}



.mobile-menu-drawer .search.row {

	width: 100%;

}



.mobile-menu-drawer .search.row form {

	width: 100%;

	display: flex;

	flex-direction: row-reverse;
	
}



.mobile-menu-drawer .search.row form i {

	background: #000 !important;

	cursor: pointer;

}



.mobile-menu-drawer .search.row form button {

	border: none;
	border-bottom: 2px solid lightgray;
	outline: none;
	cursor: pointer;
	background: transparent;
	
}



.mobile-menu-drawer .social.row {

	display: flex !important;

	align-items: flex-start;

	flex-direction: column;

	gap: 25px;

	padding-top: 0 !important;

}



.mobile-menu-drawer .social.row img {

	width: 1.5rem;

	height: 1.5rem;

}



.mobile-social-icons {

	display: flex;

	gap: 25px;

}



.mobile-social-icons img {

	width: 32px !important;

	height: 32px !important;

}



.mobilemenu .account.row>div {

	margin-bottom: 10px;

	display: flex;

	width: fit-content;

	width: -moz-fit-content;

}



.mobilemenu .account.row>div:last-child {

	margin-bottom: 0;

}



.mobilemenu .account.row>div:hover span {

	text-decoration: underline;

}



.mobilemenu .social.row {

	font-size: 1.2rem;

	text-align: center;

	width: 100%;

}



.mobilemenu .social.row a:hover {

	text-decoration: none;

}



.mobilemenu .search.row form {

	padding: 15px 0;

	padding-bottom: 0;

}



.cart-drawer-button {

	cursor: pointer;

}



.cart-drawer-button.mobile {

	position: fixed;

	right: 0;

	top: 20px;

	display: none;

	z-index: 400;

}



@media (max-width: 1024px) {

	.cart-drawer-button.mobile {

		display: block;

	}

}



.cart-button,

#mobile-menu-button {



	font-size: 1.3rem;

}





.close-menu {

	/* 	padding: 15px; */

	padding: 0;

	transform: translateX(-25%);

	align-self: flex-start;

	cursor: pointer;

	position: absolute;

	right: 0px;

	top: 0px;

}



.cart-contents-drawer .close-menu {

	justify-content: flex-start;

}



.close-menu span {

	transition: all 0.2s;

	background-color: transparent;

	font-size: 2rem;

	text-align: center;

	width: 44px;

	display: block;

}

<!-- Place this CSS in style.css or within a <style> tag -->
<style>
    .sub-menu .menu-text {
        font-weight: 900;
        font-size: 20px;
        text-transform: uppercase;
        margin: 10px 0;
        display: inline-block;
    }

    .mobile-menu-drawer .search.row {
        position: absolute;
        bottom: 20px;
        width: 100%;
        padding: 10px;
        background-color: #fff;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    }

    .mobile-menu-drawer .search input[type="search"] {
        width: calc(100% - 50px);
        padding: 8px;
        font-size: 16px;
    }

    .mobile-menu-drawer .search button {
        background: none;
        border: none;
        cursor: pointer;
        vertical-align: middle;
    }

    .menu .sub-menu {
        padding-left: 15px;
    }

    .menu .menu-text {
        display: block;
        padding: 10px 0;
    }

	.mobile-menu-header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 20px;
	}
	
	.mobile-logo {
		height: 24px;
		width: auto;
	}
.sub-menu-back-wrapper {
    display: flex;
    justify-content: flex-end;
    padding: 10px 20px;
}


.back-button:hover {
    background: black;
    color: white;
}
.sub-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sub-menu li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1px 16px;
    font-weight: bold;
    /* border-bottom: 1px solid #f0f0f0; */
}

.sub-menu li a {
    text-decoration: none;
    color: black;
    flex-grow: 1;
}

.back-wrapper {
    justify-content: flex-end;
}

.back-button:hover {
    background-color: black;
    color: white;
}
.menu > li,
.sub-menu li {
    padding-right: 150px; /* or more if needed */
}
.search {
    padding-bottom: 20px;
}
.mobile-menu-drawer {
    padding-bottom: 100px; /* or whatever height gives enough room */
}
.woocommerce-product-search {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
  }
  
  .search-field {
	border: none;
	border-bottom: 2px solid #000;
	padding: 10px 0;
	font-size: 16px;
	width: 100%;
	background: transparent;
	outline: none;
	color: black;
  }
  
  .search-field::placeholder {
	color: black;
	opacity: 1; /* Ensures it's visible */
	font-weight: 400;
  }
  
  .search-button {
	align-self: flex-end;
	padding: 6px 16px;
	border: 2px solid black;
	background: white;
	color: black;
	border-radius: 30px;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	font-size: 14px;
	transition: all 0.3s ease;
  }
  
  .search-button:hover {
	background-color: black;
	color: white;
  }
  .search-field::placeholder {
	color: #494747 !important;
	opacity: 1 !important;
	font-weight: 400;
	font-size: 16px;
  }
  .sub-menu-back-wrapper {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 0 15px 10px 15px;
	margin-top: -10px;
  }
  
  .sub-menu-back-wrapper .back-button {
	padding: 4px 12px;
	font-size: 12px;
	font-weight: bold;
	border: 2px solid black;
	background: white;
	color: black;
	border-radius: 20px;
	cursor: pointer;
	transition: all 0.2s ease;
  }
  
  .sub-menu-back-wrapper .back-button:hover {
	background: black;
	color: white;
  }
  i.icon-left {
	display: none;
	}
	.sub-menu {
		position: relative;
		padding-top: 15px;
	  }
	  
	  .sub-menu-back-wrapper {
		position: absolute;
		right: 10px;
		z-index: 10;
	  }
	  
	  
	  .back-button:hover {
		background: black;
		color: white;
	  }
	  .sub-menu-title {
  text-align: center;
  font-weight: 900;
  font-size: 16px;
  padding-bottom: 10px;
  margin-top: 10px;
}

.sub-menu-title .menu-text {
  display: inline-block;
  font-family: "ZonaPro", sans-serif; /* your main font */
  font-weight: 900;
  letter-spacing: 1px;
}
.sub-menu > li:first-child > a .menu-text {
	display: block;
	text-align: center;
	font-weight: 900;
	font-family: "ZonaPro", sans-serif; /* use your main font */
	font-size: 18px;
	text-transform: uppercase;
	margin: 10px 0 15px 0;
	letter-spacing: 1px;
  }
  .sub-menu-all-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
  margin-bottom: 10px;
}

.sub-menu-all-button .menu-text {
  font-weight: bold;
  font-size: 14px;
}

.sub-menu-back {
	display: none!important;
	}

ul.sub-menu {
  position: relative;
}

ul.sub-menu li:first-of-type {
  position: relative;
}

ul.sub-menu {
  position: relative;
}

ul.sub-menu li:first-of-type {
  position: relative;
}

ul.sub-menu li:first-of-type .all-button {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: 1px solid #000;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: bold;
  border-radius: 20px;
  cursor: pointer;
  text-transform: uppercase;
  font-family: "ZonaPro", sans-serif;
}
ul.sub-menu li {
	display: flex;
	align-items: center;
	justify-content: space-between;
  }
  
  ul.sub-menu li .all-button {
	padding: 4px 16px;
	font-size: 12px;
	font-weight: bold;
	font-family: "ZonaPro", sans-serif;
	text-transform: uppercase;
	border: 1px solid #000;
	border-radius: 999px;
	background-color: transparent;
	color: #000;
	cursor: pointer;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
  }
  
  ul.sub-menu li .all-button:hover {
	background-color: #000;
	color: #fff;
  }
  
  /* Hide scrollbars but allow scrolling */
.sub-menu {
	overflow: auto !important;
	scrollbar-width: none !important; /* Firefox */
  }
  
  .sub-menu::-webkit-scrollbar {
	display: none !important; /* Chrome, Safari */
  }
  .menu-estimate-wrapper {
	padding-left: 20px; /* aligns with the list items */
	margin: 10px 0;
  }
  
  .estimate-button {
	border: 2px solid #000;
	background-color: transparent;
	color: #000;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
	padding: 6px 16px;
	border-radius: 24px;
	cursor: pointer;
	transition: background 0.3s, color 0.3s;
  }
  
  .estimate-button:hover {
	background-color: #000;
	color: #fff;
  }
//new css
  
.mobile-menu-drawer {
	position: relative!important;
	overflow-y: auto!important; /* or scroll */
  }
  
  .sub-menu-back-wrapper {
	position: sticky;
	bottom: 50px;
	z-index: 999;
	display: flex;
	justify-content: flex-end;
	align-items: center;
  }
  

</style>/* End custom CSS */