:root {
	--wd-text-font: "Zona Pro", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(63,63,63);
	--wd-text-font-size: 15px;
	--wd-title-font: "Zona Pro", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: #141719;
	--wd-entities-title-font: "Zona Pro", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 700;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Zona Pro", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Zona Pro", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 400;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: rgb(0,0,0);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Zona Pro", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 13px;
	--wd-brd-radius: 10px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(0,0,0);
	--wd-alternative-color: rgb(138,233,0);
	--btn-default-bgcolor: rgb(138,233,0);
	--btn-default-bgcolor-hover: rgb(138,233,0);
	--btn-accented-bgcolor: rgb(138,233,0);
	--btn-accented-bgcolor-hover: rgb(138,233,0);
	--btn-transform: capitalize;
	--btn-color: rgb(255,255,255);
	--wd-form-brd-width: 1px;
	--notices-success-bg: rgb(138,233,0);
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:rgb(255,255,255);
	--wd-bordered-bg:rgb(255,255,255);
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgba(138,233,0,0);
	background-image: none;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right center;
}
html .wd-nav-mobile > li > a {
	text-transform: capitalize;
}
html .post.wd-post:not(.blog-design-small) .wd-entities-title {
	font-size: 18px;
}
html .wd-nav.wd-nav-main > li > a {
	font-weight: 600;
	font-size: 14px;
	color: rgb(0,0,0);
	text-transform: capitalize;
}
html .wd-nav.wd-nav-main > li:hover > a, html .wd-nav.wd-nav-main > li.current-menu-item > a {
	color: rgb(142,142,142);
}
html .whb-header .wd-header-cats .menu-opener {
	font-size: 18px;
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: rgb(246,246,246);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(246,246,246);
	background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: rgb(246,246,246);
	background-image: none;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: rgb(246,246,246);
	background-image: none;
}
html .btn.wd-buy-now-btn {
	color: rgb(0,0,0);
	background: rgb(138,233,0);
}
html .btn.wd-buy-now-btn:hover {
	color: rgb(255,255,255);
	background: rgb(138,233,0);
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-bg: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1400px;
--wd-form-brd-radius: 5px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #333;
--btn-accented-color-hover: #333;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}

@media (min-width: 1400px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgb(138,233,0);
}

@font-face {
	font-family: "Zona Pro";
	src: url("//ipear.gr/wp-content/uploads/2026/05/zonapro-regular-webfont.woff2") format("woff2"), 
url("//ipear.gr/wp-content/uploads/2026/05/zonapro-regular-webfont.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Zona Pro";
	src: url("//ipear.gr/wp-content/uploads/2026/05/zonapro-bold-webfont.woff2") format("woff2"), 
url("//ipear.gr/wp-content/uploads/2026/05/zonapro-bold-webfont.woff") format("woff");
	font-weight: 700;
	font-style: normal;
}

/* iPear global styles — repeated declarations removed; cascade preserved. */
:root {
--ipear-lime:         #8ae900;
--ipear-lime-hover:   #7ed600;
--ipear-lime-soft:    rgba(138, 233, 0, 0.24);
--ipear-lime-softer:  rgba(138, 233, 0, 0.08);
--ipear-lime-tint:    rgba(138, 233, 0, 0.10);
--ipear-ink:          #0a0a0a;
--ipear-ink-soft:     #222222;
--ipear-muted:        #777777;
--ipear-paper:        #ffffff;
--ipear-surface-1:    #f7f7f7;
--ipear-surface-2:    #eeeeee;
--ipear-border:       #e5e5e5;
--ipear-radius-sm:    12px;
--ipear-radius-md:    16px;
--ipear-radius-lg:    20px;
--ipear-radius-pill:  9999px;
--ipear-pill-height:  68px;
--ipear-pill-radius:  var(--ipear-radius-lg);
}
@media (min-width: 1025px) {
.wd-sticky-nav {
background-color: var(--ipear-paper) !important;
}
.wd-sticky-nav .wd-sticky-nav-title {
display: flex !important;
align-items: center !important;
color: var(--ipear-ink) !important;
background: var(--ipear-surface-1) !important;
border: 1px solid var(--ipear-border) !important;
border-radius: 14px !important;
box-shadow: none !important;
box-sizing: border-box !important;
font-size: 14px !important;
font-weight: 800 !important;
line-height: 1.1 !important;
text-transform: none !important;
}
.wd-sticky-nav .wd-sticky-nav-title,
.wd-sticky-nav .wd-sticky-nav-title:hover,
.wd-sticky-nav .wd-sticky-nav-title:focus,
.wd-sticky-nav .wd-sticky-nav-title:active,
.wd-sticky-nav .wd-sticky-nav-title * {
color: var(--ipear-ink) !important;
}
.wd-sticky-nav .wd-sticky-nav-title:hover {
background: var(--ipear-surface-2) !important;
}
.wd-sticky-nav:not(:hover):not(:focus-within) .wd-sticky-nav-title {
justify-content: center !important;
width: 44px !important;
min-width: 44px !important;
height: 44px !important;
min-height: 44px !important;
margin: 8px auto 10px !important;
padding: 0 !important;
}
.wd-sticky-nav:not(:hover):not(:focus-within) .wd-sticky-nav-title::before {
position: relative !important;
left: 0 !important;
}
.wd-sticky-nav:hover .wd-sticky-nav-title,
.wd-sticky-nav:focus-within .wd-sticky-nav-title {
justify-content: flex-start !important;
width: calc(100% - 16px) !important;
min-width: 0 !important;
height: 44px !important;
min-height: 44px !important;
margin: 8px 8px 10px !important;
padding: 0 12px !important;
}
.wd-sticky-nav .wd-nav-sticky {
width: 100% !important;
margin: 0 !important;
padding: 0 0 24px !important;
box-sizing: border-box !important;
}
.wd-sticky-nav .wd-nav-sticky > li {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
.wd-sticky-nav .wd-nav-sticky > li:not(.custom-design-btn):not(.services-heading):not(.service-btn):not(.loyalty-btn):not(.menu-item-10872) > a {
display: flex !important;
align-items: center !important;
width: calc(100% - 24px) !important;
min-height: 52px !important;
margin: 1px 12px !important;
padding: 8px 10px !important;
color: var(--ipear-ink) !important;
background: transparent !important;
border: 0 !important;
border-radius: var(--ipear-radius-sm) !important;
box-shadow: none !important;
box-sizing: border-box !important;
font-size: 15px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
text-transform: none !important;
transition: background-color 150ms ease, transform 150ms ease !important;
}
.wd-sticky-nav .wd-nav-sticky > li:not(.custom-design-btn):not(.services-heading):not(.service-btn):not(.loyalty-btn):not(.menu-item-10872) > a:hover,
.wd-sticky-nav .wd-nav-sticky > li:not(.custom-design-btn):not(.services-heading):not(.service-btn):not(.loyalty-btn):not(.menu-item-10872) > a:focus-visible {
color: var(--ipear-ink) !important;
background: var(--ipear-surface-1) !important;
}
.wd-sticky-nav .wd-nav-sticky > li > a .nav-link-text {
min-width: 0 !important;
color: inherit !important;
font: inherit !important;
white-space: normal !important;
}
.wd-sticky-nav .wd-nav-sticky > li > a .wd-nav-icon,
.wd-sticky-nav .wd-nav-sticky > li > a .wd-nav-img {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 24px !important;
width: 24px !important;
height: 24px !important;
margin-inline-end: 11px !important;
color: var(--ipear-ink) !important;
}
.wd-sticky-nav .wd-nav-sticky > li > a .wd-nav-icon img,
.wd-sticky-nav .wd-nav-sticky > li > a .wd-nav-img img,
.wd-sticky-nav .wd-nav-sticky > li > a .wd-nav-icon svg {
display: block !important;
width: auto !important;
max-width: 24px !important;
height: auto !important;
max-height: 24px !important;
margin: 0 !important;
object-fit: contain !important;
}
.wd-sticky-nav .wd-nav-sticky > li > a .wd-nav-opener {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
align-self: stretch !important;
flex: 0 0 34px !important;
width: 34px !important;
min-width: 34px !important;
margin-inline-start: auto !important;
color: var(--ipear-ink) !important;
}
.wd-sticky-nav .wd-nav-sticky > li.custom-design-btn {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
}
.wd-sticky-nav .wd-nav-sticky > li.custom-design-btn > a {
width: calc(100% - 24px) !important;
min-height: 58px !important;
margin: 8px 12px 12px !important;
padding: 12px 14px !important;
color: var(--ipear-ink) !important;
background: var(--ipear-lime) !important;
border: 0 !important;
border-radius: var(--ipear-radius-md) !important;
box-shadow: 0 5px 15px rgba(70, 110, 0, 0.10) !important;
font-family: "Zona Pro", Arial, Helvetica, sans-serif !important;
font-size: 15px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
}
.wd-sticky-nav .wd-nav-sticky > li.custom-design-btn > a:hover,
.wd-sticky-nav .wd-nav-sticky > li.custom-design-btn > a:focus-visible {
background: var(--ipear-lime-hover) !important;
}
.wd-sticky-nav .wd-nav-sticky > li.services-heading {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
}
.wd-sticky-nav .wd-nav-sticky > li.services-heading > a {
display: flex !important;
align-items: center !important;
width: calc(100% - 16px) !important;
min-height: 44px !important;
margin: 18px 8px 10px !important;
padding: 0 12px !important;
color: var(--ipear-ink) !important;
background: var(--ipear-surface-1) !important;
border: 1px solid var(--ipear-border) !important;
border-radius: 14px !important;
box-shadow: none !important;
box-sizing: border-box !important;
font-size: 14px !important;
font-weight: 800 !important;
line-height: 1.1 !important;
letter-spacing: 0 !important;
text-transform: none !important;
pointer-events: none !important;
cursor: default !important;
}
.wd-sticky-nav .wd-nav-sticky > li.services-heading > a::before,
.wd-sticky-nav .wd-nav-sticky > li.services-heading > a::after,
.wd-sticky-nav .wd-nav-sticky > li.services-heading .wd-nav-opener {
content: none !important;
display: none !important;
}
.wd-sticky-nav .wd-nav-sticky > li.services-heading .wd-nav-icon {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 20px !important;
width: 20px !important;
height: 20px !important;
margin-inline-end: 9px !important;
}
.wd-sticky-nav .wd-nav-sticky > li.services-heading:not(:has(.wd-nav-icon)) > a::before {
content: "•••" !important;
display: block !important;
margin-inline-end: 9px !important;
padding-bottom: 3px !important;
color: var(--ipear-ink) !important;
font-size: 13px !important;
line-height: 1 !important;
letter-spacing: 2px !important;
}
.wd-sticky-nav:not(:hover):not(:focus-within) .wd-nav-sticky > li.services-heading > a {
justify-content: center !important;
width: 44px !important;
min-width: 44px !important;
height: 44px !important;
min-height: 44px !important;
margin: 14px auto 10px !important;
padding: 0 !important;
}
.wd-sticky-nav:not(:hover):not(:focus-within) .wd-nav-sticky > li.services-heading > a .nav-link-text {
display: none !important;
}
.wd-sticky-nav:not(:hover):not(:focus-within) .wd-nav-sticky > li.services-heading > a .wd-nav-icon {
margin: 0 !important;
}
.wd-sticky-nav:not(:hover):not(:focus-within) .wd-nav-sticky > li.services-heading:not(:has(.wd-nav-icon)) > a::before {
margin: 0 !important;
}
.wd-sticky-nav .wd-nav-sticky > li:is(.service-btn, .loyalty-btn, .menu-item-10872),
.wd-sticky-nav .wd-nav-sticky > li:is(.service-btn, .loyalty-btn, .menu-item-10872):hover,
.wd-sticky-nav .wd-nav-sticky > li:is(.service-btn, .loyalty-btn, .menu-item-10872):focus,
.wd-sticky-nav .wd-nav-sticky > li:is(.service-btn, .loyalty-btn, .menu-item-10872):focus-within,
.wd-sticky-nav .wd-nav-sticky > li:is(.service-btn, .loyalty-btn, .menu-item-10872):active {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
outline: 0 !important;
}
.wd-sticky-nav .wd-nav-sticky > li:is(.service-btn, .loyalty-btn, .menu-item-10872)::before {
content: none !important;
display: none !important;
}
.wd-sticky-nav .wd-nav-sticky > li:is(.service-btn, .loyalty-btn, .menu-item-10872) > a {
display: flex !important;
align-items: center !important;
width: calc(100% - 24px) !important;
min-height: 68px !important;
height: 68px !important;
margin: 0 12px 10px !important;
padding: 13px 14px !important;
color: var(--ipear-ink) !important;
background: var(--ipear-paper) !important;
border: 1px solid var(--ipear-border) !important;
border-radius: var(--ipear-radius-md) !important;
box-shadow: 0 4px 14px rgba(10, 10, 10, 0.05) !important;
box-sizing: border-box !important;
transition: border-color 150ms ease, box-shadow 150ms ease,
transform 150ms ease !important;
}
.wd-sticky-nav .wd-nav-sticky > li:is(.service-btn, .loyalty-btn, .menu-item-10872) > a::before {
content: "" !important;
display: block !important;
flex: 0 0 10px !important;
width: 10px !important;
height: 10px !important;
margin-inline-end: 13px !important;
background: var(--ipear-lime) !important;
border-radius: 50% !important;
}
.wd-sticky-nav .wd-nav-sticky > li:is(.service-btn, .loyalty-btn, .menu-item-10872) > a::after {
content: "›" !important;
display: block !important;
margin-inline-start: auto !important;
padding-inline-start: 12px !important;
color: var(--ipear-ink) !important;
font-size: 27px !important;
font-weight: 400 !important;
line-height: 1 !important;
}
.wd-sticky-nav .wd-nav-sticky > li:is(.service-btn, .loyalty-btn, .menu-item-10872) > a .wd-nav-icon,
.wd-sticky-nav .wd-nav-sticky > li:is(.service-btn, .loyalty-btn, .menu-item-10872) > a .wd-nav-img,
.wd-sticky-nav .wd-nav-sticky > li:is(.service-btn, .loyalty-btn, .menu-item-10872) > a .wd-nav-opener {
display: none !important;
}
.wd-sticky-nav .wd-nav-sticky > li:is(.service-btn, .loyalty-btn, .menu-item-10872) > a .nav-link-text {
display: block !important;
min-width: 0 !important;
color: var(--ipear-ink) !important;
font-size: 15px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
letter-spacing: 0 !important;
text-transform: none !important;
white-space: normal !important;
}
.wd-sticky-nav .wd-nav-sticky > li:is(.service-btn, .loyalty-btn, .menu-item-10872) > a:hover,
.wd-sticky-nav .wd-nav-sticky > li:is(.service-btn, .loyalty-btn, .menu-item-10872) > a:focus-visible {
color: var(--ipear-ink) !important;
border-color: rgba(138, 233, 0, 0.65) !important;
box-shadow: 0 6px 18px rgba(70, 110, 0, 0.10) !important;
transform: translateY(-1px) !important;
}
.wd-sticky-nav:not(:hover):not(:focus-within) .wd-nav-sticky > li:is(.service-btn, .loyalty-btn, .menu-item-10872) > a {
justify-content: center !important;
width: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
height: 44px !important;
min-height: 44px !important;
margin: 0 auto 10px !important;
padding: 0 !important;
border-radius: 14px !important;
transform: none !important;
}
.wd-sticky-nav:not(:hover):not(:focus-within) .wd-nav-sticky > li:is(.service-btn, .loyalty-btn, .menu-item-10872) > a::before {
flex: 0 0 10px !important;
margin: 0 !important;
}
.wd-sticky-nav:not(:hover):not(:focus-within) .wd-nav-sticky > li:is(.service-btn, .loyalty-btn, .menu-item-10872) > a::after,
.wd-sticky-nav:not(:hover):not(:focus-within) .wd-nav-sticky > li:is(.service-btn, .loyalty-btn, .menu-item-10872) > a .nav-link-text {
content: none !important;
display: none !important;
}
.wd-sticky-nav .wd-nav-sticky:not(:has(> li.services-heading)) > li.menu-item-10872::before {
content: "ΥΠΗΡΕΣΙΕΣ" !important;
display: flex !important;
align-items: center !important;
width: calc(100% - 16px) !important;
min-height: 44px !important;
margin: 18px 8px 10px !important;
padding: 0 12px !important;
color: var(--ipear-ink) !important;
background: var(--ipear-surface-1) !important;
border: 1px solid var(--ipear-border) !important;
border-radius: 14px !important;
box-shadow: none !important;
box-sizing: border-box !important;
font-size: 14px !important;
font-weight: 800 !important;
line-height: 1.1 !important;
letter-spacing: 0 !important;
text-transform: none !important;
}
.wd-sticky-nav:not(:hover):not(:focus-within) .wd-nav-sticky:not(:has(> li.services-heading)) > li.menu-item-10872::before {
content: "•••" !important;
justify-content: center !important;
width: 44px !important;
min-width: 44px !important;
height: 44px !important;
min-height: 44px !important;
margin: 14px auto 10px !important;
padding: 0 0 3px !important;
font-size: 13px !important;
letter-spacing: 2px !important;
}
.wd-sticky-nav:not(:hover):not(:focus-within) .wd-nav-sticky > li:not(.services-heading):not(.service-btn):not(.loyalty-btn):not(.menu-item-10872) > a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
height: 44px !important;
min-height: 44px !important;
margin: 5px auto !important;
padding: 0 !important;
box-sizing: border-box !important;
}
.wd-sticky-nav:not(:hover):not(:focus-within) .wd-nav-sticky > li.custom-design-btn > a {
margin-top: 8px !important;
margin-bottom: 10px !important;
}
.wd-sticky-nav:not(:hover):not(:focus-within) .wd-nav-sticky > li:not(.services-heading):not(.service-btn):not(.loyalty-btn):not(.menu-item-10872) > a .nav-link-text,
.wd-sticky-nav:not(:hover):not(:focus-within) .wd-nav-sticky > li:not(.services-heading):not(.service-btn):not(.loyalty-btn):not(.menu-item-10872) > a .wd-nav-opener {
display: none !important;
}
.wd-sticky-nav:not(:hover):not(:focus-within) .wd-nav-sticky > li:not(.services-heading):not(.service-btn):not(.loyalty-btn):not(.menu-item-10872) > a::before,
.wd-sticky-nav:not(:hover):not(:focus-within) .wd-nav-sticky > li:not(.services-heading):not(.service-btn):not(.loyalty-btn):not(.menu-item-10872) > a::after {
content: none !important;
display: none !important;
width: 0 !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
.wd-sticky-nav:not(:hover):not(:focus-within) .wd-nav-sticky > li:not(.services-heading):not(.service-btn):not(.loyalty-btn):not(.menu-item-10872) > a .wd-nav-icon,
.wd-sticky-nav:not(:hover):not(:focus-within) .wd-nav-sticky > li:not(.services-heading):not(.service-btn):not(.loyalty-btn):not(.menu-item-10872) > a .wd-nav-img {
flex: 0 0 24px !important;
width: 24px !important;
height: 24px !important;
margin: 0 !important;
padding: 0 !important;
transform: none !important;
}
}
html {
min-height: 100%;
background-color: var(--ipear-paper) !important;
}
body {
min-height: 100%;
}
body:not(.ipear-studio-fullscreen) .website-wrapper {
background-color: var(--ipear-surface-1) !important;
}
.woocommerce-cart .page-title-default,
.woocommerce-checkout .page-title-default,
.woocommerce-order-received .page-title-default {
background-color: #333333 !important;
background-image: none !important;
}
.woocommerce-cart .page-title-default .entry-title,
.woocommerce-cart .page-title-default .breadcrumbs a,
.woocommerce-cart .page-title-default .breadcrumbs span,
.woocommerce-checkout .page-title-default .entry-title,
.woocommerce-checkout .page-title-default .breadcrumbs a,
.woocommerce-checkout .page-title-default .breadcrumbs span {
color: var(--ipear-paper) !important;
}
.wd-nav-mobile ul li a,
.wd-nav-mobile .wd-heading-back {
text-transform: none !important;
}
.searchform input[type="text"]::placeholder,
.searchform input[type="search"]::placeholder {
color: #111111 !important;
font-weight: 600 !important;
opacity: 1 !important;
}
li.custom-design-btn {
display: block !important;
width: 100% !important;
}
.wd-nav-mobile .custom-design-btn > a,
.wd-nav-vertical .custom-design-btn > a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: calc(100% - 30px) !important;
min-height: 52px !important;
margin: 8px 15px 12px !important;
padding: 12px 14px !important;
color: var(--ipear-ink) !important;
background-color: var(--ipear-lime) !important;
border: none !important;
border-radius: var(--ipear-radius-md) !important;
box-sizing: border-box !important;
animation: pulse-ipear-btn 2.8s ease-in-out infinite !important;
}
.wd-nav-mobile .custom-design-btn > a .wd-nav-icon,
.wd-nav-vertical .custom-design-btn > a .wd-nav-icon {
color: var(--ipear-ink) !important;
margin: 0 9px 0 0 !important;
flex-shrink: 0 !important;
}
.wd-nav-mobile .custom-design-btn > a .nav-link-text,
.wd-nav-vertical .custom-design-btn > a .nav-link-text {
display: inline-block !important;
width: auto !important;
height: auto !important;
color: var(--ipear-ink) !important;
font-weight: 800 !important;
letter-spacing: 0.02em !important;
line-height: 1.2 !important;
text-align: left !important;
flex-shrink: 0 !important;
}
.wd-nav-mobile .custom-design-btn > a .nav-link-text::after,
.wd-nav-vertical .custom-design-btn > a .nav-link-text::after {
content: none !important;
display: none !important;
animation: none !important;
border-right: 0 !important;
}
li.loyalty-btn {
position: relative !important;
display: block !important;
width: 100% !important;
margin-top: 14px !important;
padding-top: 15px !important;
}
li.loyalty-btn::before {
content: "" !important;
position: absolute !important;
top: 0 !important;
left: 15px !important;
right: 15px !important;
height: 1px !important;
background-color: var(--ipear-border) !important;
}
.wd-nav-mobile .loyalty-btn > a,
.wd-nav-vertical .loyalty-btn > a {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
width: calc(100% - 30px) !important;
min-height: 60px !important;
margin: 0 15px 8px !important;
padding: 10px 13px !important;
color: var(--ipear-ink) !important;
background-color: var(--ipear-surface-1) !important;
border: none !important;
border-radius: var(--ipear-radius-sm) !important;
box-sizing: border-box !important;
}
.wd-nav-mobile .loyalty-btn > a .wd-nav-icon,
.wd-nav-vertical .loyalty-btn > a .wd-nav-icon {
color: var(--ipear-ink) !important;
font-size: 21px !important;
margin: 0 11px 0 0 !important;
flex-shrink: 0 !important;
}
.wd-nav-mobile .loyalty-btn > a .nav-link-text,
.wd-nav-vertical .loyalty-btn > a .nav-link-text {
display: block !important;
min-width: 0 !important;
height: auto !important;
color: var(--ipear-ink) !important;
font-size: 13px !important;
line-height: 1.15 !important;
font-weight: 800 !important;
text-transform: none !important;
letter-spacing: 0 !important;
white-space: normal !important;
}
.wd-nav-mobile .loyalty-btn > a .nav-link-text::after,
.wd-nav-vertical .loyalty-btn > a .nav-link-text::after {
content: none !important;
display: none !important;
}
li.magswap-btn {
display: block !important;
width: 100% !important;
padding: 0 !important;
}
.wd-nav-mobile .magswap-btn > a,
.wd-nav-vertical .magswap-btn > a {
display: grid !important;
grid-template-columns: 30px minmax(0, 1fr) !important;
grid-template-areas:
"icon title"
"icon badge" !important;
column-gap: 10px !important;
row-gap: 7px !important;
align-items: center !important;
width: calc(100% - 24px) !important;
min-height: 88px !important;
margin: 10px 12px 4px !important;
padding: 13px 14px !important;
color: var(--ipear-ink) !important;
background:
linear-gradient(
135deg,
var(--ipear-lime-soft),
var(--ipear-lime-softer)
) !important;
border: none !important;
border-radius: var(--ipear-radius-md) !important;
box-sizing: border-box !important;
box-shadow: 0 6px 18px rgba(70, 110, 0, 0.10) !important;
}
.wd-nav-mobile .magswap-btn > a .wd-nav-icon,
.wd-nav-vertical .magswap-btn > a .wd-nav-icon {
grid-area: icon !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 30px !important;
height: 30px !important;
margin: 0 !important;
color: var(--ipear-ink) !important;
font-size: 25px !important;
flex-shrink: 0 !important;
}
.wd-nav-mobile .magswap-btn > a .nav-link-text,
.wd-nav-vertical .magswap-btn > a .nav-link-text {
grid-area: title !important;
display: block !important;
min-width: 0 !important;
width: 100% !important;
height: auto !important;
color: var(--ipear-ink) !important;
font-size: 14px !important;
line-height: 1.15 !important;
font-weight: 800 !important;
text-transform: none !important;
letter-spacing: 0 !important;
white-space: normal !important;
overflow: visible !important;
}
.wd-nav-mobile .magswap-btn > a .nav-link-text::after,
.wd-nav-vertical .magswap-btn > a .nav-link-text::after {
content: none !important;
display: none !important;
}
.wd-nav-mobile .magswap-btn > a::after,
.wd-nav-vertical .magswap-btn > a::after {
content: "iPear Exclusive" !important;
position: static !important;
grid-area: badge !important;
justify-self: start !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
min-height: 22px !important;
padding: 3px 10px !important;
color: var(--ipear-ink) !important;
background-color: var(--ipear-lime) !important;
border-radius: var(--ipear-radius-pill) !important;
font-size: 12px !important;
line-height: 1 !important;
font-weight: 800 !important;
letter-spacing: 0.3px !important;
text-transform: uppercase !important;
white-space: nowrap !important;
}
.wd-nav-mobile .magswap-btn > a > .wd-nav-opener,
.wd-nav-vertical .magswap-btn > a > .wd-nav-opener {
display: none !important;
}
.wd-nav-mobile li.magswap-btn::after,
.wd-nav-vertical li.magswap-btn::after {
content: "ΕΠΙΛΕΞΕ ΜΑΡΚΑ" !important;
position: static !important;
display: block !important;
margin: 20px 16px 8px !important;
color: var(--ipear-muted) !important;
font-size: 10px !important;
line-height: 1 !important;
font-weight: 800 !important;
letter-spacing: 0.8px !important;
}
.wd-nav-mobile .magswap-btn ~ li > a,
.wd-nav-vertical .magswap-btn ~ li > a {
display: flex !important;
align-items: center !important;
min-height: 44px !important;
padding-top: 8px !important;
padding-bottom: 8px !important;
color: var(--ipear-ink-soft) !important;
font-size: 14px !important;
line-height: 1.2 !important;
font-weight: 600 !important;
opacity: 1 !important;
}
.wd-nav-mobile .magswap-btn ~ li > a .wd-nav-img,
.wd-nav-vertical .magswap-btn ~ li > a .wd-nav-img {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 28px !important;
height: 24px !important;
margin-right: 8px !important;
opacity: 1 !important;
flex-shrink: 0 !important;
}
.wd-nav-mobile .magswap-btn ~ li > a img,
.wd-nav-vertical .magswap-btn ~ li > a img {
display: block !important;
width: auto !important;
max-width: 28px !important;
height: auto !important;
max-height: 22px !important;
object-fit: contain !important;
opacity: 1 !important;
}
@media (max-width: 430px) {
.wd-nav-mobile {
overflow-x: hidden !important;
padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px)) !important;
overscroll-behavior-y: contain;
-webkit-overflow-scrolling: touch;
}
.wd-nav-mobile .custom-design-btn > a,
.wd-nav-mobile .loyalty-btn > a,
.wd-nav-mobile .magswap-btn > a {
width: calc(100% - 24px) !important;
max-width: calc(100% - 24px) !important;
margin-left: 12px !important;
margin-right: 12px !important;
min-width: 0 !important;
box-sizing: border-box !important;
touch-action: manipulation;
}
.wd-nav-mobile .custom-design-btn > a {
min-height: 50px !important;
}
.wd-nav-mobile .loyalty-btn > a {
min-height: 58px !important;
}
.wd-nav-mobile .magswap-btn > a {
min-height: 88px !important;
}
.wd-nav-mobile .magswap-btn > a .nav-link-text,
.wd-nav-mobile .loyalty-btn > a .nav-link-text {
min-width: 0 !important;
max-width: 100% !important;
overflow-wrap: break-word !important;
}
}
@media (max-width: 360px) {
.wd-nav-mobile .custom-design-btn > a,
.wd-nav-mobile .loyalty-btn > a,
.wd-nav-mobile .magswap-btn > a {
width: calc(100% - 20px) !important;
max-width: calc(100% - 20px) !important;
margin-left: 10px !important;
margin-right: 10px !important;
}
.wd-nav-mobile .magswap-btn > a {
grid-template-columns: 26px minmax(0, 1fr) !important;
column-gap: 8px !important;
padding: 12px !important;
}
.wd-nav-mobile .magswap-btn > a .wd-nav-icon {
width: 26px !important;
height: 26px !important;
font-size: 22px !important;
}
.wd-nav-mobile .magswap-btn > a .nav-link-text {
font-size: 13px !important;
}
.wd-nav-mobile .magswap-btn > a::after {
font-size: 11px !important;
padding: 3px 9px !important;
}
}
.wd-sidebar-collapsed .wd-nav-vertical li.custom-design-btn,
.wd-sidebar-collapsed .wd-nav-vertical li.loyalty-btn {
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.wd-sidebar-collapsed .wd-nav-vertical li.loyalty-btn::before {
display: none !important;
}
.wd-sidebar-collapsed .wd-nav-vertical .custom-design-btn > a,
.wd-sidebar-collapsed .wd-nav-vertical .loyalty-btn > a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
margin: 5px 0 !important;
padding: 0 !important;
border-radius: var(--ipear-radius-sm) !important;
overflow: hidden !important;
}
.wd-sidebar-collapsed .wd-nav-vertical .custom-design-btn > a .wd-nav-icon,
.wd-sidebar-collapsed .wd-nav-vertical .loyalty-btn > a .wd-nav-icon {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
}
.wd-sidebar-collapsed .wd-nav-vertical .custom-design-btn > a .wd-nav-icon img,
.wd-sidebar-collapsed .wd-nav-vertical .custom-design-btn > a .wd-nav-icon i,
.wd-sidebar-collapsed .wd-nav-vertical .custom-design-btn > a .wd-nav-icon svg,
.wd-sidebar-collapsed .wd-nav-vertical .loyalty-btn > a .wd-nav-icon img,
.wd-sidebar-collapsed .wd-nav-vertical .loyalty-btn > a .wd-nav-icon i,
.wd-sidebar-collapsed .wd-nav-vertical .loyalty-btn > a .wd-nav-icon svg {
margin: 0 !important;
display: block !important;
}
.wd-sidebar-collapsed .wd-nav-vertical .custom-design-btn > a .nav-link-text,
.wd-sidebar-collapsed .wd-nav-vertical .loyalty-btn > a .nav-link-text {
display: none !important;
}
@supports (container-type: inline-size) {
.wd-nav-vertical {
container-type: inline-size;
container-name: ipear-sticky-menu;
}
@container ipear-sticky-menu (max-width: 90px) {
li.custom-design-btn,
li.loyalty-btn {
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
li.loyalty-btn::before {
display: none !important;
}
.custom-design-btn > a,
.loyalty-btn > a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
margin: 5px 0 !important;
padding: 0 !important;
border-radius: var(--ipear-radius-sm) !important;
overflow: hidden !important;
}
.custom-design-btn > a .wd-nav-icon,
.loyalty-btn > a .wd-nav-icon {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
}
.custom-design-btn > a .wd-nav-icon img,
.custom-design-btn > a .wd-nav-icon i,
.custom-design-btn > a .wd-nav-icon svg,
.loyalty-btn > a .wd-nav-icon img,
.loyalty-btn > a .wd-nav-icon i,
.loyalty-btn > a .wd-nav-icon svg {
margin: 0 !important;
display: block !important;
}
.custom-design-btn > a .nav-link-text,
.loyalty-btn > a .nav-link-text {
display: none !important;
}
}
}
@media (hover: hover) {
.wd-nav-mobile .custom-design-btn > a:hover,
.wd-nav-vertical .custom-design-btn > a:hover {
background-color: var(--ipear-lime-hover) !important;
}
.wd-nav-mobile .magswap-btn > a:hover,
.wd-nav-vertical .magswap-btn > a:hover {
background:
linear-gradient(
135deg,
rgba(138, 233, 0, 0.31),
rgba(138, 233, 0, 0.12)
) !important;
}
.wd-nav-mobile .loyalty-btn > a:hover,
.wd-nav-vertical .loyalty-btn > a:hover {
background-color: var(--ipear-surface-2) !important;
}
}
.wd-nav-mobile a:focus-visible,
.wd-nav-vertical a:focus-visible,
.whb-general-header a:focus-visible,
.custom-design-btn > a:focus-visible,
.magswap-btn > a:focus-visible,
.loyalty-btn > a:focus-visible {
outline: 2px solid var(--ipear-ink) !important;
outline-offset: 2px !important;
border-radius: var(--ipear-radius-sm) !important;
}
@keyframes pulse-ipear-btn {
0%, 100% {
box-shadow: 0 7px 18px rgba(70, 110, 0, 0.16), 0 0 0 0 rgba(138, 233, 0, 0);
}
50% {
box-shadow: 0 7px 18px rgba(70, 110, 0, 0.16), 0 0 0 6px rgba(138, 233, 0, 0.14);
}
}
@media (prefers-reduced-motion: reduce) {
.wd-nav-mobile .custom-design-btn > a,
.wd-nav-vertical .custom-design-btn > a {
animation: none !important;
}
}
.wd-nav-vertical > li > a .nav-link-text,
.wd-nav-mobile > li > a .nav-link-text {
font-weight: 800 !important;
}
.wd-nav-vertical .wd-dropdown-menu li > a,
.wd-nav-mobile .wd-dropdown-menu li > a {
font-weight: 700 !important;
color: var(--ipear-ink) !important;
}
.wd-nav-mobile > li:not(.custom-design-btn):not(.loyalty-btn) > a,
.wd-nav-mobile > li:not(.custom-design-btn):not(.loyalty-btn) > a .nav-link-text,
.wd-nav-mobile .wd-dropdown-menu li:not(.magswap-btn) > a,
.wd-nav-mobile .wd-dropdown-menu li:not(.magswap-btn) > a .nav-link-text,
.wd-nav-mobile .wd-heading-back,
.wd-nav-mobile .wd-heading-back > a,
.wd-nav-mobile .wd-heading-back .nav-link-text {
color: var(--ipear-ink) !important;
font-weight: 800 !important;
opacity: 1 !important;
}
.wd-nav-vertical .wd-dropdown-menu:has(.magswap-btn) {
min-width: 720px !important;
min-height: 380px !important;
padding: 30px 400px 30px 30px !important;
background-color: var(--ipear-surface-1) !important;
background-image: url('https://ipear.gr/wp-content/uploads/2026/07/Bazaart_6B3C373F-08F9-4F77-9877-A15A6CA4F2D5.jpeg') !important;
background-position: right 30px center !important;
background-repeat: no-repeat !important;
background-size: auto 85% !important;
display: flex !important;
flex-direction: column !important;
flex-wrap: wrap !important;
}
.wd-nav-vertical .wd-dropdown-menu:has(.magswap-btn) li.magswap-btn > a {
max-width: 250px !important;
min-height: 88px !important;
margin-bottom: 15px !important;
}
.wd-nav-vertical .wd-dropdown-menu:has(.magswap-btn) li > a {
max-width: 250px !important;
}
.wd-nav-vertical .wd-dropdown-menu:has(.magswap-btn) > li {
margin-bottom: 5px !important;
}
.wd-nav-vertical .wd-dropdown-menu:has(.magswap-btn)::before {
content: "" !important;
position: absolute !important;
top: 30px !important;
bottom: 30px !important;
left: 310px !important;
width: 1px !important;
background-color: #eaeaea !important;
}
.wd-nav-mobile ul:has(> li.magswap-btn)::after {
content: none !important;
display: none !important;
background-image: none !important;
}
.wd-nav-mobile li.magswap-btn::after {
content: "ΕΠΙΛΕΞΕ ΜΑΡΚΑ" !important;
position: static !important;
display: block !important;
width: calc(100% - 24px) !important;
min-height: 168px !important;
margin: 8px 12px 8px !important;
padding: 144px 4px 0 !important;
box-sizing: border-box !important;
background-color: var(--ipear-surface-1) !important;
background-image: url('https://ipear.gr/wp-content/uploads/2026/07/Bazaart_6B3C373F-08F9-4F77-9877-A15A6CA4F2D5.jpeg') !important;
background-position: center top !important;
background-repeat: no-repeat !important;
background-size: auto 136px !important;
color: var(--ipear-muted) !important;
font-size: 11px !important;
line-height: 1.2 !important;
font-weight: 800 !important;
font-family: Arial, Helvetica, sans-serif !important;
letter-spacing: 0.8px !important;
text-transform: uppercase !important;
border-radius: var(--ipear-radius-sm) !important;
}
.wd-nav-mobile ul:has(> li.magswap-btn) {
padding-bottom: 10px !important;
}
@media (max-width: 360px) {
.wd-nav-mobile li.magswap-btn::after {
min-height: 154px !important;
padding-top: 132px !important;
background-size: auto 124px !important;
}
}
.wd-nav-vertical .wd-dropdown-menu li > a,
.wd-nav-mobile .wd-dropdown-menu li > a {
padding-top: 10px !important;
padding-bottom: 10px !important;
min-height: 44px !important;
display: flex !important;
align-items: center !important;
}
.wd-nav-vertical .wd-dropdown-menu > li,
.wd-nav-mobile .wd-dropdown-menu > li {
margin-bottom: 4px !important;
}
.wd-nav-vertical .wd-dropdown-menu > li:last-child,
.wd-nav-mobile .wd-dropdown-menu > li:last-child {
margin-bottom: 0 !important;
}
.wd-nav-vertical li.magswap-btn::after {
content: none !important;
display: none !important;
}
.wd-nav-vertical .loyalty-btn > a .nav-link-text::after {
content: none !important;
display: none !important;
}
@media (max-width: 768px) {
.wd-nav-mobile .loyalty-btn > a .nav-link-text::after {
content: none !important;
display: none !important;
}
.wd-nav-mobile .loyalty-btn > a {
min-height: 56px !important;
}
.wd-nav-mobile > li,
.wd-nav-mobile ul > li,
.wd-nav-mobile .wd-dropdown-menu > li,
.wd-nav-mobile .sub-menu > li,
.wd-nav-mobile > li > a,
.wd-nav-mobile ul li > a,
.wd-nav-mobile .wd-dropdown-menu li > a,
.wd-nav-mobile .sub-menu li > a {
border: none !important;
box-shadow: none !important;
}
.wd-nav-mobile .wd-nav-opener,
.wd-nav-mobile li > a > .wd-nav-opener,
.wd-nav-mobile li > .wd-nav-opener {
border: none !important;
background-color: transparent !important;
box-shadow: none !important;
}
.wd-nav-mobile > li:not(.custom-design-btn):not(.loyalty-btn) {
margin: 1px 10px !important;
}
.wd-nav-mobile > li:not(.custom-design-btn):not(.loyalty-btn) > a {
min-height: 50px !important;
padding: 7px 8px !important;
border-radius: var(--ipear-radius-sm) !important;
}
.wd-nav-mobile ul li:not(.magswap-btn) > a,
.wd-nav-mobile .wd-dropdown-menu li:not(.magswap-btn) > a {
min-height: 48px !important;
margin: 0 10px !important;
padding: 7px 8px !important;
border-radius: var(--ipear-radius-sm) !important;
}
.wd-nav-mobile li:not(.custom-design-btn):not(.loyalty-btn):not(.magswap-btn) > a:active {
background-color: #f5f5f5 !important;
}
.wd-nav-mobile li.loyalty-btn::before {
display: block !important;
background-color: var(--ipear-border) !important;
}
.wd-nav-mobile .wd-heading-back {
border: none !important;
border-bottom: 1px solid var(--ipear-border) !important;
margin-bottom: 6px !important;
box-shadow: none !important;
}
.wd-nav-mobile .wd-heading-back > a {
border: none !important;
min-height: 52px !important;
padding-top: 7px !important;
padding-bottom: 7px !important;
}
}
body:not(.ipear-studio-fullscreen) .whb-header {
z-index: 390 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body:not(.ipear-studio-fullscreen) .whb-main-header {
z-index: 390 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
transition: transform 220ms cubic-bezier(.22, 1, .36, 1) !important;
backface-visibility: hidden !important;
-webkit-backface-visibility: hidden !important;
}
body:not(.ipear-studio-fullscreen) .whb-general-header,
body:not(.ipear-studio-fullscreen) .whb-general-header-inner {
transition: none !important;
}
body:not(.ipear-studio-fullscreen) .whb-general-header {
position: relative !important;
z-index: 2 !important;
background: var(--ipear-lime) !important;
background-image: none !important;
background-clip: padding-box !important;
border: 0 !important;
outline: 0 !important;
box-shadow: 0 8px 22px rgba(10, 10, 10, .11) !important;
overflow: visible !important;
box-sizing: border-box !important;
}
@media (min-width: 1025px) {
body:not(.ipear-studio-fullscreen) .whb-header,
body:not(.ipear-studio-fullscreen) .whb-main-header {
height: 92px !important;
min-height: 92px !important;
}
body:not(.ipear-studio-fullscreen) .whb-main-header {
padding: 12px 0 !important;
box-sizing: border-box !important;
}
body:not(.ipear-studio-fullscreen) .whb-general-header {
width: calc(100% - 30px) !important;
max-width: calc(var(--wd-container-w, 1400px) - 30px) !important;
height: var(--ipear-pill-height) !important;
min-height: var(--ipear-pill-height) !important;
margin: 0 auto !important;
padding: 0 !important;
border-radius: var(--ipear-pill-radius) !important;
}
body:not(.ipear-studio-fullscreen) .whb-general-header-inner {
position: relative !important;
width: 100% !important;
height: var(--ipear-pill-height) !important;
min-height: var(--ipear-pill-height) !important;
padding: 0 18px !important;
box-sizing: border-box !important;
}
body:not(.ipear-studio-fullscreen) .whb-general-header .whb-column {
height: 100% !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
align-items: center !important;
}
body:not(.ipear-studio-fullscreen) .whb-general-header .whb-col-left,
body:not(.ipear-studio-fullscreen) .whb-general-header .whb-col-right {
position: relative !important;
top: auto !important;
bottom: auto !important;
align-items: center !important;
align-self: center !important;
}
body:not(.ipear-studio-fullscreen) .whb-general-header .whb-col-right {
gap: 6px !important;
}
body:not(.ipear-studio-fullscreen) .whb-general-header .whb-col-center {
position: absolute !important;
top: 50% !important;
left: 50% !important;
z-index: 3 !important;
width: auto !important;
height: 52px !important;
margin: 0 !important;
transform: translate(-50%, -50%) !important;
}
body:not(.ipear-studio-fullscreen) .whb-general-header .site-logo {
position: static !important;
width: auto !important;
height: 52px !important;
margin: 0 !important;
transform: none !important;
}
body:not(.ipear-studio-fullscreen) .whb-general-header .site-logo a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
height: 52px !important;
}
body:not(.ipear-studio-fullscreen) .whb-general-header .site-logo img {
width: auto !important;
height: 50px !important;
max-width: 72px !important;
max-height: 50px !important;
margin: 0 auto !important;
}
}
body:not(.ipear-studio-fullscreen) .whb-general-header .wd-tools-element {
position: relative !important;
align-self: center !important;
flex: 0 0 44px !important;
width: 44px !important;
min-width: 44px !important;
height: 44px !important;
min-height: 44px !important;
margin: 0 !important;
padding: 0 !important;
}
body:not(.ipear-studio-fullscreen) .whb-general-header .wd-tools-element > a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 44px !important;
min-width: 44px !important;
height: 44px !important;
min-height: 44px !important;
margin: 0 !important;
padding: 0 !important;
color: var(--ipear-ink) !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
transform: none !important;
transition: opacity 140ms ease !important;
}
body:not(.ipear-studio-fullscreen) .whb-general-header .wd-tools-element:hover > a,
body:not(.ipear-studio-fullscreen) .whb-general-header .wd-tools-element > a:hover,
body:not(.ipear-studio-fullscreen) .whb-general-header .wd-tools-element > a:active {
color: var(--ipear-ink) !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
opacity: .64 !important;
transform: none !important;
}
body:not(.ipear-studio-fullscreen) .whb-general-header .wd-header-cart .wd-tools-text,
body:not(.ipear-studio-fullscreen) .whb-general-header .wd-header-cart .wd-cart-subtotal {
display: none !important;
}
body:not(.ipear-studio-fullscreen) .whb-general-header .wd-tools-count {
position: absolute !important;
top: -3px !important;
right: -4px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
min-width: 17px !important;
height: 17px !important;
padding: 0 4px !important;
color: var(--ipear-paper) !important;
background: var(--ipear-ink) !important;
border: 2px solid var(--ipear-lime) !important;
border-radius: var(--ipear-radius-pill) !important;
box-shadow: none !important;
font-size: 9px !important;
font-weight: 700 !important;
line-height: 1 !important;
box-sizing: border-box !important;
}
body:not(.ipear-studio-fullscreen) .whb-general-header .wd-tools-count span {
display: none !important;
}
body:not(.ipear-studio-fullscreen) .whb-general-header .wd-tools-element > a:focus-visible {
outline: 2px solid var(--ipear-ink) !important;
outline-offset: 2px !important;
}
body:not(.ipear-studio-fullscreen) .whb-general-header .wd-header-wishlist .wd-tools-icon,
body:not(.ipear-studio-fullscreen) .whb-general-header .wd-header-cart .wd-tools-icon {
position: relative !important;
top: 1px !important;
}
@media (max-width: 1024px) {
body:not(.ipear-studio-fullscreen) .whb-header,
body:not(.ipear-studio-fullscreen) .whb-main-header {
height: calc(80px + env(safe-area-inset-top, 0px)) !important;
min-height: calc(80px + env(safe-area-inset-top, 0px)) !important;
}
body:not(.ipear-studio-fullscreen) .whb-main-header {
padding: calc(11px + env(safe-area-inset-top, 0px)) 0 11px !important;
box-sizing: border-box !important;
}
body:not(.ipear-studio-fullscreen) .whb-general-header {
width: calc(100% - 24px) !important;
max-width: none !important;
height: 58px !important;
min-height: 58px !important;
margin: 0 12px !important;
padding: 0 !important;
border-radius: 18px !important;
box-shadow: 0 7px 18px rgba(10, 10, 10, .11) !important;
}
body:not(.ipear-studio-fullscreen) .whb-general-header-inner {
position: relative !important;
width: 100% !important;
height: 58px !important;
min-height: 58px !important;
padding: 0 9px !important;
box-sizing: border-box !important;
}
body:not(.ipear-studio-fullscreen) .whb-general-header .whb-mobile-left,
body:not(.ipear-studio-fullscreen) .whb-general-header .whb-mobile-right {
position: relative !important;
z-index: 2 !important;
flex: 1 1 0 !important;
width: 50% !important;
min-width: 0 !important;
height: 58px !important;
padding: 0 !important;
align-items: center !important;
align-self: center !important;
gap: 2px !important;
}
body:not(.ipear-studio-fullscreen) .whb-general-header .whb-mobile-left {
justify-content: flex-start !important;
}
body:not(.ipear-studio-fullscreen) .whb-general-header .whb-mobile-right {
justify-content: flex-end !important;
}
body:not(.ipear-studio-fullscreen) .whb-general-header .whb-mobile-center {
position: absolute !important;
top: 50% !important;
left: 50% !important;
z-index: 3 !important;
width: auto !important;
height: 42px !important;
padding: 0 !important;
transform: translate(-50%, -50%) !important;
}
body:not(.ipear-studio-fullscreen) .whb-general-header .site-logo,
body:not(.ipear-studio-fullscreen) .whb-general-header .site-logo a {
position: static !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
height: 42px !important;
margin: 0 !important;
padding: 0 !important;
transform: none !important;
}
body:not(.ipear-studio-fullscreen) .whb-general-header .site-logo img {
width: auto !important;
height: 40px !important;
max-width: 56px !important;
max-height: 40px !important;
margin: 0 auto !important;
}
body:not(.ipear-studio-fullscreen) .whb-general-header .wd-tools-element,
body:not(.ipear-studio-fullscreen) .whb-general-header .wd-tools-element > a {
flex-basis: 42px !important;
width: 42px !important;
min-width: 42px !important;
height: 42px !important;
min-height: 42px !important;
}
body:not(.ipear-studio-fullscreen) .whb-general-header .wd-tools-element:hover > a {
opacity: 1 !important;
}
}
@media (max-width: 390px) {
body:not(.ipear-studio-fullscreen) .whb-general-header {
width: calc(100% - 16px) !important;
margin-inline: 8px !important;
}
body:not(.ipear-studio-fullscreen) .whb-general-header .wd-tools-element,
body:not(.ipear-studio-fullscreen) .whb-general-header .wd-tools-element > a {
flex-basis: 40px !important;
width: 40px !important;
min-width: 40px !important;
}
body:not(.ipear-studio-fullscreen) .whb-general-header .site-logo img {
max-width: 46px !important;
}
}
@media (prefers-reduced-motion: reduce) {
body:not(.ipear-studio-fullscreen) .whb-header,
body:not(.ipear-studio-fullscreen) .whb-main-header,
body:not(.ipear-studio-fullscreen) .whb-general-header,
body:not(.ipear-studio-fullscreen) .whb-general-header * {
transition: none !important;
animation: none !important;
}
}
@media (max-width: 1024px) {
.mobile-nav,
.mobile-nav .wd-nav-mobile,
.mobile-nav .mobile-categories-menu {
background-color: #ffffff !important;
}
}
@media (max-width: 1024px) {
.mobile-nav .wd-nav-mobile > li:not(.custom-design-btn):not(.loyalty-btn):not(.service-btn) > a,
.mobile-nav .wd-nav-mobile > li:not(.custom-design-btn):not(.loyalty-btn):not(.service-btn) > a .nav-link-text {
color: var(--ipear-ink) !important;
font-family: "Zona Pro", Arial, Helvetica, sans-serif !important;
font-size: 16px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
letter-spacing: 0 !important;
text-transform: none !important;
}
.mobile-nav .wd-nav-mobile > li.custom-design-btn > a,
.mobile-nav .wd-nav-mobile > li.custom-design-btn > a .nav-link-text {
font-family: "Zona Pro", Arial, Helvetica, sans-serif !important;
font-size: 16px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
letter-spacing: 0 !important;
}
.mobile-nav .wd-nav-mob-tab {
display: flex !important;
flex-wrap: nowrap !important;
gap: 4px !important;
width: calc(100% - 24px) !important;
margin: 12px 12px 8px !important;
padding: 4px !important;
background: var(--ipear-surface-1) !important;
border: 1px solid var(--ipear-border) !important;
border-radius: 14px !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
.mobile-nav .wd-nav-mob-tab > li {
flex: 1 1 0 !important;
width: 0 !important;
min-width: 0 !important;
max-width: none !important;
margin: 0 !important;
}
.mobile-nav .wd-nav-mob-tab > li > a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 44px !important;
padding: 10px 8px !important;
color: var(--ipear-muted) !important;
background: transparent !important;
border: 0 !important;
border-radius: 10px !important;
box-shadow: none !important;
font-size: 13px !important;
font-weight: 800 !important;
line-height: 1 !important;
text-align: center !important;
transition: color 160ms ease, background-color 160ms ease,
box-shadow 160ms ease !important;
}
.mobile-nav .wd-nav-mob-tab > li.wd-active > a {
color: var(--ipear-ink) !important;
background: var(--ipear-paper) !important;
box-shadow: 0 2px 8px rgba(10, 10, 10, 0.08) !important;
}
.mobile-nav .wd-nav-mob-tab .nav-link-text {
position: static !important;
color: inherit !important;
font: inherit !important;
letter-spacing: 0.01em !important;
}
.mobile-nav .wd-nav-mob-tab .nav-link-text::after {
content: none !important;
display: none !important;
}
.mobile-nav .mobile-categories-menu {
padding: 10px 0 calc(24px + env(safe-area-inset-bottom, 0px)) !important;
}
.mobile-nav ul.mobile-categories-menu.wd-nav-mobile > li.service-btn {
position: relative !important;
display: block !important;
flex: 0 0 100% !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
outline: 0 !important;
}
.mobile-nav ul.mobile-categories-menu.wd-nav-mobile > li.service-btn:hover,
.mobile-nav ul.mobile-categories-menu.wd-nav-mobile > li.service-btn:focus,
.mobile-nav ul.mobile-categories-menu.wd-nav-mobile > li.service-btn:focus-within,
.mobile-nav ul.mobile-categories-menu.wd-nav-mobile > li.service-btn:active {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
outline: 0 !important;
}
.mobile-nav ul.mobile-categories-menu.wd-nav-mobile > li.service-btn::before {
content: none !important;
display: none !important;
}
.mobile-nav ul.mobile-categories-menu.wd-nav-mobile > li.service-btn > a {
display: flex !important;
flex: 0 0 auto !important;
align-items: center !important;
width: calc(100% - 24px) !important;
min-width: 0 !important;
max-width: calc(100% - 24px) !important;
min-height: 68px !important;
height: 68px !important;
margin: 0 12px 10px !important;
padding: 13px 14px !important;
color: var(--ipear-ink) !important;
background: var(--ipear-paper) !important;
border: 1px solid var(--ipear-border) !important;
border-radius: var(--ipear-radius-md) !important;
box-shadow: 0 4px 14px rgba(10, 10, 10, 0.05) !important;
box-sizing: border-box !important;
transition: border-color 150ms ease, box-shadow 150ms ease,
transform 150ms ease !important;
}
.mobile-nav ul.mobile-categories-menu.wd-nav-mobile > li.service-btn > a::before {
content: "" !important;
display: block !important;
flex: 0 0 10px !important;
width: 10px !important;
height: 10px !important;
margin-inline-end: 13px !important;
background: var(--ipear-lime) !important;
border-radius: 50% !important;
}
.mobile-nav ul.mobile-categories-menu.wd-nav-mobile > li.service-btn > a::after {
content: "›" !important;
display: block !important;
margin-inline-start: auto !important;
padding-inline-start: 12px !important;
color: var(--ipear-ink) !important;
font-size: 27px !important;
font-weight: 400 !important;
line-height: 1 !important;
}
.mobile-nav ul.mobile-categories-menu.wd-nav-mobile > li.service-btn > a .nav-link-text {
display: block !important;
min-width: 0 !important;
color: var(--ipear-ink) !important;
font-size: 16px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
letter-spacing: 0 !important;
text-transform: none !important;
white-space: normal !important;
}
.mobile-nav ul.mobile-categories-menu.wd-nav-mobile > li.service-btn > a:hover,
.mobile-nav ul.mobile-categories-menu.wd-nav-mobile > li.service-btn > a:focus-visible {
color: var(--ipear-ink) !important;
border-color: rgba(138, 233, 0, 0.65) !important;
box-shadow: 0 6px 18px rgba(70, 110, 0, 0.10) !important;
transform: translateY(-1px) !important;
}
}
@media (min-width: 1025px) {
.wd-sticky-nav:not(:hover):not(:focus-within) .wd-sticky-nav-title {
position: relative !important;
transform: translateX(-1.5px) !important;
}
.wd-sticky-nav:not(:hover):not(:focus-within) .wd-sticky-nav-title::before {
position: absolute !important;
top: 50% !important;
left: 50% !important;
width: 18px !important;
height: 18px !important;
margin: 0 !important;
line-height: 18px !important;
text-align: center !important;
transform: translate(-50%, -50%) !important;
}
.wd-sticky-nav:not(:hover):not(:focus-within) .wd-sticky-nav-title > span {
display: none !important;
}
}
@media (max-width: 1024px) {
.mobile-nav .wd-nav-mobile > li:not(.custom-design-btn):not(.loyalty-btn):not(.service-btn) {
margin: 1px 10px !important;
}
.mobile-nav .wd-nav-mobile > li:not(.custom-design-btn):not(.loyalty-btn):not(.service-btn) > a {
display: flex !important;
align-items: center !important;
min-height: 56px !important;
padding: 8px !important;
box-sizing: border-box !important;
font-size: 15px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
}
.mobile-nav .wd-nav-mobile > li:not(.custom-design-btn):not(.loyalty-btn):not(.service-btn) > a .nav-link-text {
font-size: 15px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
}
.mobile-nav .wd-nav-mobile > li:not(.custom-design-btn):not(.loyalty-btn):not(.service-btn) > a :is(.wd-nav-icon, .wd-nav-img) {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 22px !important;
width: 22px !important;
height: 22px !important;
margin-inline-end: 11px !important;
}
.mobile-nav .wd-nav-mobile > li:not(.custom-design-btn):not(.loyalty-btn):not(.service-btn) > a :is(.wd-nav-icon, .wd-nav-img) img,
.mobile-nav .wd-nav-mobile > li:not(.custom-design-btn):not(.loyalty-btn):not(.service-btn) > a .wd-nav-icon svg {
display: block !important;
width: auto !important;
max-width: 22px !important;
height: auto !important;
max-height: 22px !important;
margin: 0 !important;
object-fit: contain !important;
}
.mobile-nav .wd-nav-mobile > li.custom-design-btn > a {
min-height: 64px !important;
padding: 12px 14px !important;
font-size: 16px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
}
.mobile-nav .wd-nav-mobile > li.custom-design-btn > a .nav-link-text {
font-size: 16px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
}
.mobile-nav .wd-nav-mobile > li:not(.custom-design-btn):not(.loyalty-btn):not(.service-btn) > a > .wd-nav-opener {
align-self: stretch !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
}
@media (min-width: 1025px) {
.wd-sticky-nav,
.wd-sticky-nav .wd-sticky-nav-title,
.wd-sticky-nav .wd-sticky-nav-title > span,
.wd-sticky-nav .wd-nav-sticky > li > a .nav-link-text {
transition: none !important;
animation: none !important;
}
}
@media (min-width: 1025px) {
body:not(.ipear-studio-fullscreen) .whb-general-header .site-logo,
body:not(.ipear-studio-fullscreen) .whb-general-header .site-logo > a {
width: 52px !important;
height: 52px !important;
min-width: 52px !important;
padding: 0 !important;
}
body:not(.ipear-studio-fullscreen) .whb-general-header .site-logo img {
display: block !important;
width: 44px !important;
height: 44px !important;
max-width: 44px !important;
max-height: 44px !important;
padding: 0 !important;
margin: 0 !important;
object-fit: contain !important;
aspect-ratio: 1 / 1 !important;
}
}
@media (max-width: 1024px) {
body:not(.ipear-studio-fullscreen) .whb-general-header .site-logo,
body:not(.ipear-studio-fullscreen) .whb-general-header .site-logo > a {
width: 42px !important;
height: 42px !important;
min-width: 42px !important;
padding: 0 !important;
}
body:not(.ipear-studio-fullscreen) .whb-general-header .site-logo img {
display: block !important;
width: 38px !important;
height: 38px !important;
max-width: 38px !important;
max-height: 38px !important;
padding: 0 !important;
margin: 0 !important;
object-fit: contain !important;
aspect-ratio: 1 / 1 !important;
}
}
@media (max-width: 360px) {
body:not(.ipear-studio-fullscreen) .whb-general-header .site-logo img {
width: 36px !important;
height: 36px !important;
max-width: 36px !important;
max-height: 36px !important;
}
}
@media (min-width: 1025px) {
.wd-sticky-nav:is(:hover, :focus-within) .wd-sticky-nav-title {
position: relative !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: calc(100% - 16px) !important;
min-width: 0 !important;
height: 44px !important;
min-height: 44px !important;
margin: 8px 8px 10px !important;
padding: 0 44px !important;
box-sizing: border-box !important;
text-align: center !important;
}
.wd-sticky-nav:is(:hover, :focus-within) .wd-sticky-nav-title::before {
position: absolute !important;
top: 50% !important;
left: 12px !important;
width: 20px !important;
height: 20px !important;
margin: 0 !important;
line-height: 20px !important;
text-align: center !important;
transform: translateY(-50%) !important;
}
.wd-sticky-nav:is(:hover, :focus-within) .wd-sticky-nav-title > span {
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
text-align: center !important;
line-height: 1.1 !important;
text-transform: uppercase !important;
transform: none !important;
}
.wd-sticky-nav:is(:hover, :focus-within) .wd-nav-sticky > li.services-heading > a {
position: relative !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: calc(100% - 16px) !important;
min-width: 0 !important;
height: 44px !important;
min-height: 44px !important;
margin: 18px 8px 10px !important;
padding: 0 44px !important;
box-sizing: border-box !important;
text-align: center !important;
}
.wd-sticky-nav:is(:hover, :focus-within) .wd-nav-sticky > li.services-heading > a .nav-link-text {
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
text-align: center !important;
}
.wd-sticky-nav:is(:hover, :focus-within) .wd-nav-sticky > li.services-heading > a :is(.wd-nav-icon, .wd-nav-img),
.wd-sticky-nav:is(:hover, :focus-within) .wd-nav-sticky > li.services-heading > a::before,
.wd-sticky-nav:is(:hover, :focus-within) .wd-nav-sticky > li.services-heading > a::after {
content: none !important;
display: none !important;
}
.wd-sticky-nav:is(:hover, :focus-within) .wd-nav-sticky:not(:has(> li.services-heading)) > li.menu-item-10872::before {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: calc(100% - 16px) !important;
min-width: 0 !important;
height: 44px !important;
min-height: 44px !important;
margin: 18px 8px 10px !important;
padding: 0 44px !important;
box-sizing: border-box !important;
text-align: center !important;
}
}
@media (min-width: 1025px) {
.wd-sticky-nav:is(:hover, :focus-within) .wd-nav-sticky > li:is(.service-btn, .loyalty-btn, .menu-item-10872) > a {
position: relative !important;
}
.wd-sticky-nav:is(:hover, :focus-within) .wd-nav-sticky > li:is(.service-btn, .loyalty-btn, .menu-item-10872) > a .nav-link-text {
position: absolute !important;
top: 50% !important;
left: 50% !important;
width: calc(100% - 86px) !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
text-align: center !important;
text-transform: uppercase !important;
white-space: nowrap !important;
transform: translate(-50%, -50%) !important;
}
}
@media (min-width: 1025px) {
.wd-sticky-nav .wd-dropdown-menu,
.wd-sticky-nav .wd-dropdown-menu .wd-sub-menu {
background-color: var(--ipear-paper) !important;
}
}
@media (max-width: 1024px) {
.mobile-nav .wd-nav-mobile :is(.wd-sub-menu, .sub-menu, .sub-sub-menu, .wd-dropdown-menu) li > a,
.mobile-nav .wd-nav-mobile :is(.wd-sub-menu, .sub-menu, .sub-sub-menu, .wd-dropdown-menu) li > a .nav-link-text,
.mobile-nav .wd-nav-mobile :is(.wd-sub-menu, .sub-menu, .sub-sub-menu) > li.wd-drilldown-back > a {
color: var(--ipear-ink) !important;
font-family: "Zona Pro", Arial, Helvetica, sans-serif !important;
font-size: 15px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
letter-spacing: 0 !important;
text-transform: none !important;
}
}
@media (min-width: 1025px) {
html body .wd-sticky-nav .wd-dropdown-menu.wd-dropdown.wd-design-default {
background-color: #ffffff !important;
}
}
@media (max-width: 1024px) {
.mobile-nav {
height: var(--ipear-mobile-vh, 100vh) !important;
max-height: var(--ipear-mobile-vh, 100vh) !important;
overflow-x: hidden !important;
overflow-y: auto !important;
overscroll-behavior-y: contain !important;
-webkit-overflow-scrolling: touch !important;
touch-action: pan-y !important;
box-sizing: border-box !important;
padding-bottom: calc(32px + env(safe-area-inset-bottom, 0px)) !important;
}
.mobile-nav .wd-nav-mobile,
.mobile-nav .mobile-categories-menu {
max-height: none !important;
overflow-y: visible !important;
}
}
@supports (height: 100dvh) {
@media (max-width: 1024px) {
.mobile-nav {
height: var(--ipear-mobile-vh, 100dvh) !important;
max-height: var(--ipear-mobile-vh, 100dvh) !important;
}
}
}
@media (max-width: 1024px) {
.mobile-nav {
min-height: var(--ipear-mobile-vh, 100dvh) !important;
height: var(--ipear-mobile-vh, 100dvh) !important;
max-height: var(--ipear-mobile-vh, 100dvh) !important;
}
.mobile-nav .wd-nav-mobile,
.mobile-nav .mobile-categories-menu {
padding-bottom: calc(40px + env(safe-area-inset-bottom, 0px)) !important;
box-sizing: border-box !important;
}
}
@media (min-width: 1025px) {
.wd-sticky-nav {
min-height: 100vh !important;
height: 100vh !important;
max-height: 100vh !important;
box-sizing: border-box !important;
}
}
@supports (height: 100dvh) {
@media (min-width: 1025px) {
.wd-sticky-nav {
min-height: 100dvh !important;
height: 100dvh !important;
max-height: 100dvh !important;
}
}
}
@media (min-width: 1025px) and (max-height: 850px) {
.wd-sticky-nav .wd-sticky-nav-title,
.wd-sticky-nav:hover .wd-sticky-nav-title,
.wd-sticky-nav:focus-within .wd-sticky-nav-title {
height: 42px !important;
min-height: 42px !important;
margin-top: 6px !important;
margin-bottom: 8px !important;
}
.wd-sticky-nav .wd-nav-sticky > li:not(.custom-design-btn):not(.services-heading):not(.service-btn):not(.loyalty-btn):not(.menu-item-10872) > a {
min-height: 47px !important;
padding-top: 6px !important;
padding-bottom: 6px !important;
}
.wd-sticky-nav .wd-nav-sticky > li.custom-design-btn > a {
min-height: 54px !important;
margin-top: 6px !important;
margin-bottom: 8px !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.wd-sticky-nav:is(:hover, :focus-within) .wd-nav-sticky > li.services-heading > a,
.wd-sticky-nav:is(:hover, :focus-within) .wd-nav-sticky:not(:has(> li.services-heading)) > li.menu-item-10872::before {
height: 40px !important;
min-height: 40px !important;
margin-top: 12px !important;
margin-bottom: 8px !important;
}
.wd-sticky-nav .wd-nav-sticky > li:is(.service-btn, .loyalty-btn, .menu-item-10872) > a {
min-height: 58px !important;
height: 58px !important;
margin-bottom: 7px !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.wd-sticky-nav .wd-nav-sticky {
padding-bottom: 14px !important;
}
}
@media (min-width: 1025px) and (max-height: 720px) {
.wd-sticky-nav .wd-sticky-nav-title,
.wd-sticky-nav:hover .wd-sticky-nav-title,
.wd-sticky-nav:focus-within .wd-sticky-nav-title {
height: 40px !important;
min-height: 40px !important;
margin-top: 4px !important;
margin-bottom: 6px !important;
}
.wd-sticky-nav .wd-nav-sticky > li:not(.custom-design-btn):not(.services-heading):not(.service-btn):not(.loyalty-btn):not(.menu-item-10872) > a {
min-height: 43px !important;
padding-top: 5px !important;
padding-bottom: 5px !important;
}
.wd-sticky-nav .wd-nav-sticky > li.custom-design-btn > a {
min-height: 50px !important;
margin-top: 5px !important;
margin-bottom: 6px !important;
padding-top: 8px !important;
padding-bottom: 8px !important;
}
.wd-sticky-nav:is(:hover, :focus-within) .wd-nav-sticky > li.services-heading > a,
.wd-sticky-nav:is(:hover, :focus-within) .wd-nav-sticky:not(:has(> li.services-heading)) > li.menu-item-10872::before {
height: 38px !important;
min-height: 38px !important;
margin-top: 9px !important;
margin-bottom: 6px !important;
}
.wd-sticky-nav .wd-nav-sticky > li:is(.service-btn, .loyalty-btn, .menu-item-10872) > a {
min-height: 52px !important;
height: 52px !important;
margin-bottom: 6px !important;
padding-top: 8px !important;
padding-bottom: 8px !important;
}
.wd-sticky-nav .wd-nav-sticky {
padding-bottom: 10px !important;
}
}
html body .wd-close-side.wd-close-side-opened {
background-color: rgba(255, 255, 255, 0.88) !important;
background-image: none !important;
-webkit-backdrop-filter: blur(3px) !important;
backdrop-filter: blur(3px) !important;
}
@media (max-width: 1024px) {
html body .mobile-nav,
html body .mobile-nav .wd-nav-mobile,
html body .mobile-nav .mobile-categories-menu {
background-color: #ffffff !important;
}
}
.wd-nav-vertical .wd-dropdown-menu li.magswap-btn > a,
.wd-nav-mobile li.magswap-btn > a {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: center !important;
gap: 8px !important;
box-sizing: border-box !important;
min-width: 0 !important;
min-height: 80px !important;
height: auto !important;
padding: 12px 16px !important;
font-size: 14px !important;
line-height: 1.3 !important;
overflow: hidden !important;
}
.wd-nav-vertical .wd-dropdown-menu li.magswap-btn > a > img,
.wd-nav-mobile li.magswap-btn > a > img {
display: none !important;
}
.wd-nav-vertical .wd-dropdown-menu li.magswap-btn > a::after,
.wd-nav-mobile li.magswap-btn > a::after {
position: static !important;
flex: 0 0 auto !important;
align-self: flex-start !important;
box-sizing: border-box !important;
max-width: 100% !important;
margin: 0 !important;
padding: 4px 9px !important;
min-height: 22px !important;
font-size: 11px !important;
line-height: 1.2 !important;
letter-spacing: 0 !important;
white-space: nowrap !important;
}
.wd-nav-vertical li.magswap-btn::after,
.wd-nav-mobile li.magswap-btn::after {
content: "ΕΠΙΛΕΞΕ ΜΑΡΚΑ" !important;
display: block !important;
position: static !important;
width: auto !important;
min-height: 0 !important;
height: auto !important;
margin: 18px 12px 6px !important;
padding: 12px 0 0 !important;
border-top: 1px solid #e5e5e5 !important;
border-radius: 0 !important;
background: none !important;
color: #666 !important;
font-size: 11px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
text-align: left !important;
}
.wd-nav-vertical li.magswap-btn ~ li > a,
.wd-nav-mobile li.magswap-btn ~ li > a {
position: relative !important;
display: flex !important;
align-items: center !important;
box-sizing: border-box !important;
min-height: 46px !important;
padding: 10px 12px 10px 48px !important;
line-height: 1.4 !important;
}
.wd-nav-vertical li.magswap-btn ~ li > a > img,
.wd-nav-mobile li.magswap-btn ~ li > a > img {
position: absolute !important;
left: 10px !important;
top: 50% !important;
transform: translateY(-50%) !important;
width: 28px !important;
height: 24px !important;
max-width: 28px !important;
max-height: 24px !important;
object-fit: contain !important;
margin: 0 !important;
}
@media (min-width: 1025px) {
.wd-nav-vertical .wd-dropdown-menu:has(.magswap-btn) li.magswap-btn > a {
width: calc(100% - 24px) !important;
max-width: 250px !important;
margin-bottom: 0 !important;
}
}
@media (max-width: 1024px) {
html body .mobile-nav .wd-nav-mobile li.magswap-btn > a {
min-height: 80px !important;
padding: 12px !important;
padding-right: 72px !important;
background-image: url('https://ipear.gr/wp-content/uploads/2026/07/Bazaart_6B3C373F-08F9-4F77-9877-A15A6CA4F2D5.jpeg'), linear-gradient(135deg, rgba(138,233,0,.24), rgba(138,233,0,.08)) !important;
background-position: right 6px center, center !important;
background-size: 58px auto, cover !important;
background-repeat: no-repeat !important;
font-size: 13px !important;
}
.wd-nav-mobile li.magswap-btn > a::after {
font-size: 10px !important;
padding: 4px 7px !important;
}
}


@media (max-width: 576px) {
	/* --- ICONS: CLEAN MATCH ΜΕ ΤΟ PWA APP --- */

.whb-header .wd-tools-element {
    color: #111 !important;
}

.whb-header .wd-tools-icon {
    font-size: 24px !important;
    color: #111 !important;
    font-weight: normal !important;
    -webkit-text-stroke: 0 !important;
}

/* Αν το WoodMart χρησιμοποιεί SVG γραφικά */
.whb-header .wd-tools-icon svg {
    stroke-width: 2px !important;
    stroke: #111 !important;
}

/* Αποστάσεις mobile header */
.whb-mobile-left,
.whb-column-mobile-left {
    padding-left: 16px !important;
}

.whb-mobile-right,
.whb-column-mobile-right {
    padding-right: 16px !important;
}
}