/* Safe defaults before JS/PHP classes are applied */
.e-loop-item .show-if-sale,
.e-loop-item .show-if-in-cart,
.ohoche-cond .show-if-sale,
.ohoche-cond .show-if-in-cart {
	display: none !important;
}

/* Sale-based visibility */
.e-loop-item.is-on-sale .show-if-no-sale,
.ohoche-cond.is-on-sale .show-if-no-sale {
	display: none !important;
}

.e-loop-item.is-on-sale .show-if-sale,
.ohoche-cond.is-on-sale .show-if-sale {
	display: flex !important;
}

/* Cart-based visibility */
.e-loop-item.is-in-cart .show-if-not-in-cart,
.ohoche-cond.is-in-cart .show-if-not-in-cart {
	display: none !important;
}

.e-loop-item.is-in-cart .show-if-in-cart,
.ohoche-cond.is-in-cart .show-if-in-cart {
	display: flex !important;
}

.e-loop-item.is-not-on-sale .show-if-sale,
.ohoche-cond.is-not-on-sale .show-if-sale {
	display: none !important;
}

.e-loop-item.is-not-on-sale .show-if-no-sale,
.ohoche-cond.is-not-on-sale .show-if-no-sale {
	display: flex !important;
}

.e-loop-item.is-not-in-cart .show-if-in-cart,
.ohoche-cond.is-not-in-cart .show-if-in-cart {
	display: none !important;
}

.e-loop-item.is-not-in-cart .show-if-not-in-cart,
.ohoche-cond.is-not-in-cart .show-if-not-in-cart {
	display: flex !important;
}

/* Section visibility on single product pages by up-sell / cross-sell products.
   Add the class to a whole section/container in Elementor; it stays exactly as
   designed and only disappears when the current product has no such products:
     .hide-if-no-related / .hide-if-no-upsells → hidden when the product has no
        Up-sells ("Пропозиції" in the Linked Products tab)
     .hide-if-no-cross-sells → hidden when the product has no cross-sell products */
body.ohoche-no-related .hide-if-no-related,
body.ohoche-no-upsells .hide-if-no-upsells,
body.ohoche-no-cross-sells .hide-if-no-cross-sells {
	display: none !important;
}

/* Inverse — hide the section when the product DOES have such products (e.g.
   show slider A with .hide-if-no-upsells and a fallback slider B with
   .hide-if-upsells on the same page). */
body.ohoche-has-related .hide-if-related,
body.ohoche-has-upsells .hide-if-upsells,
body.ohoche-has-cross-sells .hide-if-cross-sells {
	display: none !important;
}

/* ——— Content protection (body.ohoche-protect — added by JS for guests) ——— */
body.ohoche-protect {
	-webkit-user-select: none !important;
	-moz-user-select: none !important;
	user-select: none !important;
}

body.ohoche-protect input,
body.ohoche-protect textarea,
body.ohoche-protect select,
body.ohoche-protect [contenteditable] {
	-webkit-user-select: text !important;
	-moz-user-select: text !important;
	user-select: text !important;
}

body.ohoche-protect img {
	-webkit-user-drag: none !important;
	user-select: none !important;
}

/* Elementor Loop Carousel: cap each slide to its column fraction (set by JS as
   --ohoche-loop-cap from the widget's "Slides on display") so a single product
   doesn't stretch to full width. For a full carousel this is a no-op — Swiper's
   own slide width is already narrower than the cap. */
.elementor-widget-loop-carousel .swiper-slide {
	max-width: var(--ohoche-loop-cap, none) !important;
}

.elementor-widget-loop-carousel .swiper-wrapper {
	justify-content: flex-start !important;
}

/* Category carousel filter */
.ohoche-category-filter .swiper-slide {
	cursor: pointer;
}

.ohoche-category-filter .swiper-slide .elementor-widget-image,
.ohoche-category-filter .swiper-slide .elementor-widget-image .elementor-widget-container,
.ohoche-category-filter .swiper-slide .elementor-widget-image img {
	box-shadow: none !important;
	filter: none !important;
	transition: filter 0.12s linear;
}

.ohoche-category-filter .swiper-slide:hover .elementor-widget-image,
.ohoche-category-filter .swiper-slide:hover .elementor-widget-image .elementor-widget-container,
.ohoche-category-filter .swiper-slide.ohoche-slide-selected .elementor-widget-image,
.ohoche-category-filter .swiper-slide.ohoche-slide-selected .elementor-widget-image .elementor-widget-container {
	filter: none !important;
}

/* Border by mask/alpha contour, 4px */
.ohoche-category-filter .swiper-slide:hover [data-ohoche-cat] .elementor-widget-image img,
.ohoche-category-filter .swiper-slide.ohoche-slide-selected [data-ohoche-cat] .elementor-widget-image img {
	/* Lightweight contour: fewer layers to avoid UI lag */
	will-change: filter;
	filter:
		drop-shadow(4px 0 0 #6FA57C)
		drop-shadow(-4px 0 0 #6FA57C)
		drop-shadow(0 4px 0 #6FA57C)
		drop-shadow(0 -4px 0 #6FA57C) !important;
}

.ohoche-category-filter .swiper-slide .e-svg-base svg rect {
	transition: fill 0.2s ease;
}

.ohoche-category-filter .swiper-slide .e-svg-base svg path {
	transition: fill 0.2s ease;
}

.ohoche-category-filter .swiper-slide:hover .e-svg-base svg rect {
	fill: #6FA57C !important;
}

.ohoche-category-filter .swiper-slide:hover .e-svg-base svg path {
	fill: #FFFFFF !important;
}

/* Catalog filters shortcode */
.ohoche-catalog-filters {
	width: 100% !important;
	position: relative;
}

.ohoche-catalog-filters__desktop {
	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	gap: 14px !important;
	width: 100% !important;
	padding: 0 !important;
}

.ohoche-catalog-filters__btn,
.ohoche-catalog-filters__search,
.ohoche-catalog-filters__sort,
.ohoche-catalog-filters__icon-btn {
	height: 42px !important;
	border: 1px solid #ececec !important;
	border-radius: 999px !important;
	background: #f7f7f7 !important;
	color: #a5a5a5 !important;
	font-size: 14px !important;
	line-height: 1 !important;
	box-shadow: none !important;
	outline: none !important;
	text-decoration: none !important;
}

.ohoche-catalog-filters__btn {
	padding: 0 18px !important;
	cursor: pointer !important;
	transition: all 0.15s ease !important;
	white-space: nowrap !important;
	flex: 0 0 auto !important;
}

.ohoche-catalog-filters__btn:hover,
.ohoche-catalog-filters__btn:focus,
.ohoche-catalog-filters__btn:active {
	background: #f7f7f7 !important;
	color: #7f7f7f !important;
	border-color: #ececec !important;
	transform: none !important;
}

.ohoche-catalog-filters__btn--search {
	background: #6fa57c !important;
	color: #ffffff !important;
	border-color: #6fa57c !important;
}

.ohoche-catalog-filters__btn--search:hover,
.ohoche-catalog-filters__btn--search:focus,
.ohoche-catalog-filters__btn--search:active {
	background: #5d976b !important;
	color: #ffffff !important;
	border-color: #5d976b !important;
}

.ohoche-catalog-filters__search-wrap {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	flex: 0 0 auto !important;
	min-width: 0 !important;
	width: 320px !important;
	margin-left: auto !important;
	background: #f7f7f7 !important;
	border: 1px solid #ececec !important;
	border-radius: 999px !important;
	padding: 0 6px 0 16px !important;
	height: 42px !important;
	box-sizing: border-box !important;
}

.ohoche-catalog-filters__search-icon {
	color: #c4c4c4 !important;
	font-size: 16px !important;
	width: 16px !important;
	height: 16px !important;
	flex: 0 0 auto !important;
}

.ohoche-catalog-filters__search {
	flex: 1 1 0% !important;
	width: 100% !important;
	min-width: 0 !important;
	height: 100% !important;
	padding: 0 8px !important;
	border: 0 !important;
	background: transparent !important;
	color: #7f7f7f !important;
}

.ohoche-catalog-filters__search::placeholder {
	color: #bdbdbd !important;
}

.ohoche-catalog-filters__search:hover,
.ohoche-catalog-filters__search:focus,
.ohoche-catalog-filters__search:active {
	border: 0 !important;
	box-shadow: none !important;
	outline: none !important;
}

.ohoche-catalog-filters__sort {
	padding: 0 36px 0 16px !important;
	width: 230px !important;
	flex: 0 0 auto !important;
	cursor: pointer !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	background-image: linear-gradient(45deg, transparent 50%, #a5a5a5 50%), linear-gradient(135deg, #a5a5a5 50%, transparent 50%) !important;
	background-position: calc(100% - 18px) 50%, calc(100% - 13px) 50% !important;
	background-size: 5px 5px, 5px 5px !important;
	background-repeat: no-repeat !important;
}

.ohoche-catalog-filters__sort:hover,
.ohoche-catalog-filters__sort:focus,
.ohoche-catalog-filters__sort:active {
	border-color: #ececec !important;
	box-shadow: none !important;
	outline: none !important;
}

.ohoche-catalog-filters__price-panel {
	position: absolute;
	top: calc(100% + 10px);
	left: 0;
	z-index: 99;
	width: min(360px, 100%);
	background: #ffffff !important;
	border: 1px solid #ececec !important;
	border-radius: 18px !important;
	padding: 14px !important;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08) !important;
}

.ohoche-catalog-filters__price-sliders {
	margin: 6px 0 18px !important;
	padding: 0 11px !important;
}

.ohoche-catalog-filters__price-values {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 12px !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	color: #403e3c !important;
	margin: 0 !important;
}

.ohoche-catalog-filters__price-val {
	color: #403e3c !important;
	font-weight: 600 !important;
	white-space: nowrap !important;
}

.ohoche-catalog-filters__range-dual {
	position: relative;
	height: 22px;
	--ohoche-range-from: 0%;
	--ohoche-range-to: 100%;
}

.ohoche-catalog-filters__range-track,
.ohoche-catalog-filters__range-fill {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	height: 4px;
	border-radius: 999px;
}

.ohoche-catalog-filters__range-track {
	left: 0;
	right: 0;
	background: #e4e4e4;
}

.ohoche-catalog-filters__range-fill {
	left: var(--ohoche-range-from);
	right: calc(100% - var(--ohoche-range-to));
	background: #6fa57c;
}

.ohoche-catalog-filters__range-dual input[type="range"] {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 22px;
	margin: 0;
	padding: 0;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	outline: none !important;
	appearance: none;
	-webkit-appearance: none;
	pointer-events: none;
}

.ohoche-catalog-filters__range-dual input[type="range"]::-webkit-slider-runnable-track {
	height: 4px !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

.ohoche-catalog-filters__range-dual input[type="range"]::-moz-range-track {
	height: 4px !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

.ohoche-catalog-filters__range-dual input[type="range"]::-ms-track {
	height: 4px !important;
	background: transparent !important;
	border: 0 !important;
	color: transparent !important;
}

.ohoche-catalog-filters__range-dual input[type="range"]::-moz-range-progress {
	background: transparent !important;
}

.ohoche-catalog-filters__range-dual input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	pointer-events: auto;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #6fa57c;
	border: 0;
	box-shadow: none;
	margin-top: -8px;
	cursor: pointer;
}

.ohoche-catalog-filters__range-dual input[type="range"]::-moz-range-thumb {
	pointer-events: auto;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #6fa57c;
	border: 0;
	box-shadow: none;
	cursor: pointer;
}

.ohoche-catalog-filters__mobile {
	display: none !important;
	align-items: center !important;
	justify-content: space-between !important;
	width: 100% !important;
	gap: 0 !important;
}

.ohoche-catalog-filters__mobile-right {
	display: inline-flex !important;
	align-items: center !important;
	gap: 10px !important;
	margin-left: auto !important;
}

.ohoche-catalog-filters__icon-btn {
	width: 48px !important;
	height: 48px !important;
	min-width: 48px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 50% !important;
	background: #f3f3f3 !important;
	color: #403e3c !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer !important;
	box-shadow: none !important;
}

.ohoche-catalog-filters__icon-btn .dashicons {
	font-size: 20px !important;
	width: 20px !important;
	height: 20px !important;
	line-height: 20px !important;
}

.ohoche-catalog-filters__icon-btn svg {
	width: 20px !important;
	height: 20px !important;
	display: block !important;
}

.ohoche-catalog-filters__icon-btn:hover,
.ohoche-catalog-filters__icon-btn:focus,
.ohoche-catalog-filters__icon-btn:active {
	background: #ebebeb !important;
	color: #403e3c !important;
	transform: none !important;
}

.ohoche-catalog-filters *:hover,
.ohoche-catalog-filters *:focus,
.ohoche-catalog-filters *:active {
	text-decoration: none !important;
}

.ohoche-catalog-filters__icon-btn.is-active {
	background: #e8f3eb !important;
	color: #6fa57c !important;
}

.ohoche-catalog-filters__icon-btn.is-active .dashicons {
	color: #6fa57c !important;
}

.ohoche-catalog-filters__mobile-panels {
	display: block !important;
	position: absolute;
	top: calc(100% + 12px);
	left: 0;
	right: 0;
	z-index: 99;
	pointer-events: none;
}

.ohoche-catalog-filters__mobile-panel {
	display: none !important;
	flex-direction: column !important;
	gap: 12px !important;
	margin: 0 !important;
	padding: 18px 16px !important;
	background: #ffffff !important;
	border-radius: 20px !important;
	box-shadow: 0 12px 40px rgba(20, 32, 64, 0.12) !important;
	pointer-events: auto;
}

.ohoche-catalog-filters__mobile-panel[hidden] {
	display: none !important;
}

.ohoche-catalog-filters__mobile-panel:not([hidden]) {
	display: flex !important;
}

@media (max-width: 767px) {
	.ohoche-catalog-filters__desktop {
		display: none !important;
	}

	/* Desktop-only price popover must not leak into mobile layout */
	.ohoche-catalog-filters > .ohoche-catalog-filters__price-panel {
		display: none !important;
	}

	.ohoche-catalog-filters__mobile {
		display: flex !important;
	}

	.ohoche-catalog-filters__mobile-panel .ohoche-catalog-filters__search-wrap {
		width: 100% !important;
		max-width: 100% !important;
		flex: 1 1 auto !important;
	}

	.ohoche-catalog-filters__mobile-panel .ohoche-catalog-filters__search {
		width: 100% !important;
		flex: 1 1 auto !important;
		min-width: 0 !important;
		height: 44px !important;
		border: 1px solid #ececec !important;
		border-radius: 999px !important;
		padding: 0 16px !important;
	}

	.ohoche-catalog-filters__mobile-panel .ohoche-catalog-filters__sort {
		width: 100% !important;
		max-width: 100% !important;
		height: 44px !important;
	}

	.ohoche-catalog-filters__mobile-panel .ohoche-catalog-filters__btn--search {
		width: 100% !important;
		height: 44px !important;
	}

	.ohoche-catalog-filters__mobile-panel .ohoche-catalog-filters__price-values {
		font-size: 16px;
	}
}

/* ——— Search reveal (#search_button) —————————————————————————————
 * A smooth popup that drops down just below the search icon. It is anchored to
 * the icon's right edge and fades + slides in. */
#search_button.ohoche-search-open {
	z-index: 1001;
}

.ohoche-search-reveal {
	position: absolute;
	top: calc(100% + 12px);
	right: 0;
	left: auto;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	width: 380px;
	max-width: calc(100vw - 24px);
	height: 52px;
	padding: 0 8px 0 18px;
	background: #ffffff;
	border: 1px solid #ececec;
	border-radius: 999px;
	box-shadow: 0 14px 34px rgba(20, 32, 64, 0.16);
	z-index: 1001;
	box-sizing: border-box;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-8px) scale(0.98);
	transform-origin: top right;
	transition: opacity 0.22s ease, transform 0.22s ease, visibility 0s linear 0.22s;
}

.ohoche-search-reveal.is-open {
	opacity: 1;
	visibility: visible;
	transform: translateY(0) scale(1);
	transition: opacity 0.22s ease, transform 0.22s ease, visibility 0s;
}

.ohoche-search-reveal__icon {
	color: #6a6865;
	font-size: 20px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	flex: 0 0 auto;
	cursor: pointer;
}

.ohoche-search-reveal__input {
	border: 0 !important;
	outline: none !important;
	box-shadow: none !important;
	background: transparent !important;
	flex: 1 1 auto !important;
	width: 100% !important;
	min-width: 0 !important;
	height: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
	font-size: 15px;
	color: #403e3c;
}

.ohoche-search-reveal__input::placeholder {
	color: #bdbdbd;
}

.ohoche-search-chip {
	display: inline-flex;
	align-items: center !important;
	gap: 8px !important;
	padding: 7px 14px 7px 10px !important;
	margin-bottom: 16px !important;
	max-width: 450px !important;
	background: #efefef !important;
	border-radius: 999px !important;
	font-family: inherit !important;
	font-size: 14px !important;
	color: #403e3c !important;
	line-height: 1.2 !important;
	box-sizing: border-box !important;
}

/* Let a long query wrap onto the next line instead of stretching the chip
   past its 450px cap. */
.ohoche-search-chip > span {
	min-width: 0 !important;
	overflow-wrap: anywhere !important;
	word-break: break-word !important;
}

.ohoche-search-chip__close {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 auto !important;
	width: 20px !important;
	height: 20px !important;
	border: 0 !important;
	border-radius: 50% !important;
	background: transparent !important;
	color: #888 !important;
	cursor: pointer !important;
	padding: 0 !important;
	box-shadow: none !important;
	pointer-events: auto !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	transition: color 0.15s ease !important;
}

.ohoche-search-chip__close svg {
	pointer-events: none !important;
	display: block !important;
}

.ohoche-search-chip__close:hover,
.ohoche-search-chip__close:focus {
	color: #403e3c !important;
	background: transparent !important;
	transform: none !important;
	box-shadow: none !important;
}

.ohoche-search-reveal__btn {
	flex: 0 0 auto !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	height: 36px !important;
	padding: 0 16px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: #f4d77a !important;
	color: #403e3c !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	white-space: nowrap !important;
	cursor: pointer !important;
	box-shadow: none !important;
	text-decoration: none !important;
	line-height: 1 !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	transition: background 0.15s ease !important;
}

.ohoche-search-reveal__btn:hover,
.ohoche-search-reveal__btn:focus,
.ohoche-search-reveal__btn:active {
	background: #efd166 !important;
	color: #403e3c !important;
	transform: none !important;
	box-shadow: none !important;
}

/* ——— Browser default styles reset (site-wide) ———————————————————— */
html {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

/* No blue tap flash on mobile. */
a,
button,
input,
textarea,
select,
label,
summary,
[role="button"] {
	-webkit-tap-highlight-color: transparent;
}

/* Strip native look from text-like fields and buttons
   (checkbox/radio/select are NOT touched so they keep working visuals). */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="url"],
textarea,
button {
	-webkit-appearance: none;
	appearance: none;
}

/* No default focus outlines (custom focus styles still apply via box-shadow). */
a:focus,
button:focus,
input:focus,
textarea:focus,
select:focus,
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
	outline: none !important;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0 !important;
	padding: 0 !important;
}

/* Number input spinners. */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type="number"] {
	-moz-appearance: textfield;
}

/* Search field decorations (WebKit). */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	-webkit-appearance: none;
	display: none;
}

/* iOS Safari auto-zooms into fields with font-size < 16px — keep all
   form fields at 16px on phones so no zoom is triggered. */
@media (max-width: 767px) {
	input[type="text"],
	input[type="email"],
	input[type="tel"],
	input[type="number"],
	input[type="password"],
	input[type="search"],
	input[type="url"],
	textarea,
	select {
		font-size: 16px !important;
	}
}

/* ——— Global phone mask + country picker (input[type="tel"]) —————— */
.ohoche-tel-wrap {
	position: relative;
	display: block;
	width: 100%;
}

input[type="tel"].ohoche-tel-flag {
	padding-left: 64px !important;
	width: 100%;
}

.ohoche-tel-cc {
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 0 !important;
	margin: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	outline: none;
	cursor: pointer;
	line-height: 1;
	z-index: 3;
	color: #403e3c;
	appearance: none;
	-webkit-appearance: none;
}

.ohoche-tel-cc__flag {
	font-size: 20px;
	line-height: 1;
}

.ohoche-tel-cc__caret {
	display: block;
	color: #403e3c;
	transition: transform 0.15s ease;
}

.ohoche-tel-cc__list {
	position: absolute;
	top: calc(100% + 6px);
	left: 0;
	z-index: 99999;
	margin: 0 !important;
	padding: 6px 0 !important;
	list-style: none !important;
	background: #ffffff;
	border: 1px solid #ececec;
	border-radius: 14px;
	box-shadow: 0 12px 32px rgba(64, 62, 60, 0.16);
	max-height: 264px;
	overflow-y: auto;
	min-width: 252px;
}

.ohoche-tel-cc__list[hidden] {
	display: none !important;
}

.ohoche-tel-cc__item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 14px;
	margin: 0 !important;
	cursor: pointer;
	font-size: 14px;
	color: #403e3c;
	white-space: nowrap;
}

.ohoche-tel-cc__item:hover {
	background: #f4f4f2;
}

.ohoche-tel-cc__item.is-active {
	background: #eef5f0;
}

.ohoche-tel-cc__item .ohoche-tel-cc__flag {
	font-size: 18px;
}

.ohoche-tel-cc__dial {
	margin-left: auto;
	color: #9a9a9a;
}

/* Incomplete phone number — submit blocked until all digits are typed */
input[type="tel"].ohoche-tel-input--error {
	border-color: #d9534f !important;
	box-shadow: 0 0 0 1px #d9534f !important;
}

.ohoche-tel-error-msg {
	display: block;
	margin-top: 6px;
	font-size: 13px;
	line-height: 1.35;
	color: #b3504c;
}

/* ——— Body scroll lock (while a popup is open) ————————————————————— */
/* Use overflow:hidden only — no position:fixed so there is no scroll-position
   jump when the popup closes. The scroll offset is preserved naturally. */
html.ohoche-scroll-lock,
body.ohoche-scroll-lock {
	overflow: hidden !important;
}

body.ohoche-scroll-lock {
	overscroll-behavior: none !important;
}

/* ——— Selected category check icon (carousel) —————————————————————
 * The green check must fill its circle exactly like the original grey
 * icon (which uses inline width/height: 100%), on every breakpoint. */
.ohoche-cat-icon-selected svg {
	width: 100% !important;
	height: 100% !important;
}

/* ——— "Added to cart" toast ———————————————————————————————————————— */
.ohoche-toast {
	position: fixed;
	left: 50%;
	bottom: 28px;
	transform: translate(-50%, 16px);
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 22px;
	background: #ffffff;
	border-radius: 999px;
	box-shadow: 0 12px 36px rgba(64, 62, 60, 0.2);
	color: #403e3c;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.2;
	white-space: nowrap;
	z-index: 999999;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s;
}

.ohoche-toast.is-visible {
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, 0);
}

.ohoche-toast__icon {
	display: block;
	flex: 0 0 auto;
}

.ohoche-toast__icon svg {
	display: block;
	width: 26px;
	height: 26px;
}

@media (max-width: 767px) {
	.ohoche-toast {
		bottom: 18px;
		max-width: calc(100vw - 32px);
		font-size: 14px;
		padding: 10px 18px;
	}
}

/* ——— Countdown timer ([ohoche_timer]) ——————————————————————————— */
.ohoche-timer {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 28px;
	background: #ffffff;
	border-radius: 999px;
	color: #403e3c;
	font-size: 30px;
	font-weight: 500;
	line-height: 1;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

.ohoche-timer__seg {
	display: inline-block;
	min-width: 1.4em;
	text-align: center;
	font-variant-numeric: tabular-nums;
	letter-spacing: 1px;
}

.ohoche-timer__sep {
	display: inline-block;
	opacity: 0.85;
}

@media (max-width: 767px) {
	.ohoche-timer {
		font-size: 22px;
		padding: 10px 20px;
		gap: 6px;
	}
}

/* ——— Promo banner ([ohoche_banner]) ————————————————————————————— */
.ohoche-banner {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 24px;
	padding: 12px 24px;
	background: #f6d16b;
	color: #403e3c;
}

.ohoche-banner__text {
	font-size: 20px;
	font-weight: 600;
	line-height: 1.2;
}

@media (max-width: 767px) {
	.ohoche-banner {
		gap: 14px;
		padding: 10px 16px;
	}

	.ohoche-banner__text {
		font-size: 16px;
	}
}

/* ——— Cart count badge ([ohoche_cart_count]) ——— */
.ohoche-ewc-cart-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	line-height: 1;
	font-weight: 600;
	font-size: 13px;
	color: inherit;
}

.ohoche-ewc-cart-count.is-empty {
	opacity: 0.6;
}

.ohoche-ewc-cart-count__num,
.ohoche-ewc-cart-count__before,
.ohoche-ewc-cart-count__after {
	display: inline-block;
	line-height: 1;
}

/* ——— Variation colors ([ohoche_variation_colors]) ——————————————— */
/* Single row that never wraps (wrapping broke the product-card layout when a
   product had many colours). Show ~3 full swatches plus a peek of the 4th, and
   scroll horizontally for the rest. Width follows the actual swatch size/gap
   passed by the shortcode (--ohoche-vc-size / --ohoche-vc-gap). */
.ohoche-variation-colors {
	display: inline-flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: var(--ohoche-vc-gap, 6px);
	line-height: 1;
	max-width: calc(var(--ohoche-vc-size, 18px) * 3.5 + var(--ohoche-vc-gap, 6px) * 3);
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}

.ohoche-variation-colors::-webkit-scrollbar {
	display: none;
}

.ohoche-variation-colors__dot {
	display: inline-block;
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	border: 1px solid rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
	text-decoration: none;
	cursor: pointer;
	transition: transform 0.12s ease, box-shadow 0.12s ease;
}

.ohoche-variation-colors__dot:hover,
.ohoche-variation-colors__dot:focus-visible {
	transform: scale(1.12);
	box-shadow: 0 0 0 2px rgba(132, 165, 132, 0.45), inset 0 0 0 1px rgba(255, 255, 255, 0.35);
}

/* ——— Variation color select on single product ([ohoche_variation_colors_select]) — */
.ohoche-vc-select {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	line-height: 1.2;
	max-width: 100%;
}

.ohoche-vc-select__label {
	font-weight: 700;
	color: inherit;
}

.ohoche-vc-select__current {
	color: inherit;
	margin-right: 4px;
}

.ohoche-vc-select__dots {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--ohoche-vc-gap, 8px);
}

.ohoche-vc-select__dot {
	display: inline-block;
	flex: 0 0 auto;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	border: 1px solid rgba(0, 0, 0, 0.18);
	text-decoration: none;
	cursor: pointer;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
	transition: transform 0.12s ease, box-shadow 0.12s ease;
	position: relative;
}

.ohoche-vc-select__dot:hover,
.ohoche-vc-select__dot:focus-visible {
	transform: scale(1.08);
}

.ohoche-vc-select__dot.is-selected {
	box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px rgba(0, 0, 0, 0.45);
	border-color: transparent;
}

.ohoche-vc-select--needs-choice {
	animation: ohocheVcShake 0.45s ease-in-out;
}

@keyframes ohocheVcShake {
	0%, 100% { transform: translateX(0); }
	25% { transform: translateX(-6px); }
	75% { transform: translateX(6px); }
}

/* ——— Mega menu (Categories + About) ————————————————————————————— */
.ohoche-has-megamenu {
	position: relative;
}

.ohoche-has-megamenu > a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.ohoche-megamenu__caret {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 14px;
	height: 14px;
	color: currentColor;
	transition: transform 0.18s ease;
	transform-origin: center;
}

.ohoche-megamenu__caret svg {
	display: block;
}

.ohoche-has-megamenu.is-open > a .ohoche-megamenu__caret,
.ohoche-has-megamenu:hover > a .ohoche-megamenu__caret,
.ohoche-has-megamenu:focus-within > a .ohoche-megamenu__caret {
	transform: rotate(180deg);
}

.ohoche-megamenu {
	position: absolute;
	top: 100%;
	left: 0;
	margin-top: 14px;
	background: #ffffff;
	border-radius: 24px;
	box-shadow: 0 18px 50px rgba(20, 32, 64, 0.10), 0 2px 8px rgba(20, 32, 64, 0.04);
	padding: 28px 36px;
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	transform: translateY(8px);
	transition: opacity 0.18s ease, transform 0.18s ease, visibility 0s linear 0.18s;
	pointer-events: none;
	color: #1f2c4d;
}

.ohoche-megamenu::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: -14px;
	height: 14px;
}

.ohoche-has-megamenu.is-open > .ohoche-megamenu,
.ohoche-has-megamenu:hover > .ohoche-megamenu,
.ohoche-has-megamenu:focus-within > .ohoche-megamenu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	transition: opacity 0.18s ease, transform 0.18s ease;
	pointer-events: auto;
}

.ohoche-megamenu--categories {
	width: 1080px;
	max-width: calc(100vw - 32px);
}

.ohoche-megamenu--categories .ohoche-megamenu__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px 48px;
}

.ohoche-megamenu__item {
	display: flex;
	align-items: center;
	gap: 16px;
	text-decoration: none;
	color: inherit;
	padding: 8px 6px;
	border-radius: 12px;
	transition: color 0.15s ease;
	line-height: 1.3;
}

.ohoche-megamenu__item:hover,
.ohoche-megamenu__item:focus-visible {
	color: #84a584;
	outline: none;
}

.ohoche-megamenu__icon {
	flex: 0 0 auto;
	width: 40px;
	height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.ohoche-megamenu__icon img,
.ohoche-megamenu__icon svg {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.ohoche-megamenu__icon--empty {
	border: 1px dashed rgba(20, 32, 64, 0.2);
	border-radius: 8px;
}

.ohoche-megamenu__label {
	font-size: 16px;
	color: inherit;
	line-height: 1.3;
}

.ohoche-megamenu--about {
	width: 260px;
	padding: 24px 28px;
}

.ohoche-megamenu--about .ohoche-megamenu__list {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.ohoche-megamenu__about-link {
	color: inherit;
	text-decoration: none;
	font-size: 16px;
	line-height: 1.3;
	transition: color 0.15s ease;
}

.ohoche-megamenu__about-link:hover,
.ohoche-megamenu__about-link:focus-visible {
	color: #84a584;
	outline: none;
}

@media (max-width: 1140px) {
	.ohoche-megamenu--categories {
		width: 720px;
	}
	.ohoche-megamenu--categories .ohoche-megamenu__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 767px) {
	.ohoche-megamenu {
		display: none !important;
	}
}

/* ——— Quantity selector ([ohoche_product_qty]) ——————————————————— */
.ohoche-product-qty {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	padding: 6px 10px;
	background: #f1f1f3;
	border-radius: 999px;
	line-height: 1;
	user-select: none;
}

.ohoche-product-qty__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: #e5e5e9;
	color: #1f2c4d;
	cursor: pointer;
	transition: background 0.12s ease, transform 0.12s ease;
}

.ohoche-product-qty__btn:hover:not(:disabled),
.ohoche-product-qty__btn:focus-visible:not(:disabled) {
	background: #d5d5da;
}

.ohoche-product-qty__btn:active:not(:disabled) {
	transform: scale(0.95);
}

.ohoche-product-qty__btn:disabled {
	opacity: 0.4;
	cursor: not-allowed;
}

.ohoche-product-qty__btn svg {
	display: block;
}

.ohoche-product-qty__value {
	min-width: 24px;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	color: #1f2c4d;
	font-variant-numeric: tabular-nums;
}

/* ——— Product price ([ohoche_price]) ——————————————————————————————— */
.ohoche-price {
	display: inline-flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 10px;
	line-height: 1.2;
	color: #2b2b2b;
	font-weight: 700;
}

.ohoche-price__current,
.ohoche-price__current .woocommerce-Price-amount,
.ohoche-price__current bdi {
	font-size: 18px;
	font-weight: 700;
	color: #2b2b2b;
}

.ohoche-price--sale .ohoche-price__sale,
.ohoche-price--sale .ohoche-price__sale .woocommerce-Price-amount,
.ohoche-price--sale .ohoche-price__sale bdi {
	font-size: 18px;
	font-weight: 700;
	color: #6FA57C;
}

.ohoche-price--sale .ohoche-price__regular del,
.ohoche-price--sale .ohoche-price__regular .woocommerce-Price-amount,
.ohoche-price--sale .ohoche-price__regular bdi {
	font-size: 16px;
	font-weight: 500;
	color: #888;
	text-decoration: line-through;
}

.ohoche-price--sale .ohoche-price__regular {
	display: inline-flex;
	align-items: baseline;
}

@media (max-width: 767px) {
	.ohoche-price__current,
	.ohoche-price__current .woocommerce-Price-amount,
	.ohoche-price__current bdi,
	.ohoche-price--sale .ohoche-price__sale,
	.ohoche-price--sale .ohoche-price__sale .woocommerce-Price-amount,
	.ohoche-price--sale .ohoche-price__sale bdi {
		font-size: 16px;
	}
	.ohoche-price--sale .ohoche-price__regular del,
	.ohoche-price--sale .ohoche-price__regular .woocommerce-Price-amount,
	.ohoche-price--sale .ohoche-price__regular bdi {
		font-size: 12px;
	}
	.ohoche-price {
		gap: 8px;
	}
}

/* ——— Large product price ([ohoche_price_lg]) ——————————————————————— */
.ohoche-price-lg {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 18px;
	line-height: 1.1;
	color: #403E3C;
}

.ohoche-price-lg__current,
.ohoche-price-lg__current .woocommerce-Price-amount,
.ohoche-price-lg__current bdi {
	font-size: 32px;
	font-weight: 600;
	color: #403E3C;
	line-height: 1.1;
}

.ohoche-price-lg--sale .ohoche-price-lg__sale,
.ohoche-price-lg--sale .ohoche-price-lg__sale .woocommerce-Price-amount,
.ohoche-price-lg--sale .ohoche-price-lg__sale bdi {
	font-size: 32px;
	font-weight: 600;
	color: #6FA57C;
	line-height: 1.1;
}

.ohoche-price-lg--sale .ohoche-price-lg__regular {
	display: inline-flex;
	align-items: center;
}

.ohoche-price-lg--sale .ohoche-price-lg__regular del,
.ohoche-price-lg--sale .ohoche-price-lg__regular .woocommerce-Price-amount,
.ohoche-price-lg--sale .ohoche-price-lg__regular bdi {
	font-size: 16px;
	font-weight: 400;
	color: #403E3C;
	text-decoration: line-through;
	line-height: 1.2;
}

.ohoche-price-lg__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 20px;
	background: #6FA57C;
	color: #ffffff;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	border-radius: 999px;
	white-space: nowrap;
}

@media (max-width: 767px) {
	.ohoche-price-lg {
		gap: 12px;
	}
	.ohoche-price-lg__current,
	.ohoche-price-lg__current .woocommerce-Price-amount,
	.ohoche-price-lg__current bdi,
	.ohoche-price-lg--sale .ohoche-price-lg__sale,
	.ohoche-price-lg--sale .ohoche-price-lg__sale .woocommerce-Price-amount,
	.ohoche-price-lg--sale .ohoche-price-lg__sale bdi {
		font-size: 26px;
	}
	.ohoche-price-lg--sale .ohoche-price-lg__regular del,
	.ohoche-price-lg--sale .ohoche-price-lg__regular .woocommerce-Price-amount,
	.ohoche-price-lg--sale .ohoche-price-lg__regular bdi {
		font-size: 14px;
	}
	.ohoche-price-lg__badge {
		font-size: 12px;
		padding: 6px 14px;
	}
}

/* ——— Sale discount badge ([ohoche_sale_badge]) ———————————————————— */
.ohoche-sale-badge {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 8px 18px !important;
	background: #84a584 !important;
	color: #ffffff !important;
	font-weight: 700 !important;
	font-size: 15px !important;
	line-height: 1 !important;
	border-radius: 999px !important;
	text-decoration: none !important;
	box-shadow: none !important;
	white-space: nowrap !important;
}


/* ——— JS Pagination (.ohoche-js-pagination) ————————————————————————— */
.ohoche-js-pagination {
	display: flex !important;
	justify-content: center !important;
	margin: 32px 0 16px !important;
	width: 100% !important;
}

.ohoche-js-pagination ul.page-numbers {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: 6px !important;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.ohoche-js-pagination ul.page-numbers li {
	display: inline-flex !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
}

.ohoche-js-pagination .page-numbers {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 40px !important;
	height: 40px !important;
	padding: 0 12px !important;
	border-radius: 999px !important;
	border: 1px solid #ececec !important;
	background: #f7f7f7 !important;
	color: #403e3c !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	text-decoration: none !important;
	line-height: 1 !important;
	cursor: pointer !important;
	transition: background 0.18s, border-color 0.18s, color 0.18s !important;
	user-select: none !important;
	box-shadow: none !important;
	float: none !important;
}

.ohoche-js-pagination .page-numbers:hover {
	background: #eaf2ec !important;
	border-color: #6fa57c !important;
	color: #5d976b !important;
}

.ohoche-js-pagination .page-numbers.current {
	background: #6fa57c !important;
	border-color: #6fa57c !important;
	color: #ffffff !important;
	font-weight: 600 !important;
	cursor: default !important;
}

.ohoche-js-pagination .page-numbers.prev,
.ohoche-js-pagination .page-numbers.next {
	font-size: 18px !important;
	font-weight: 400 !important;
	min-width: 40px !important;
	color: #403e3c !important;
}

.ohoche-js-pagination .page-numbers.prev:hover,
.ohoche-js-pagination .page-numbers.next:hover {
	background: #eaf2ec !important;
	border-color: #6fa57c !important;
	color: #5d976b !important;
}

.ohoche-js-pagination .page-numbers.dots {
	border: none !important;
	background: transparent !important;
	color: #a5a5a5 !important;
	cursor: default !important;
	min-width: 24px !important;
	padding: 0 !important;
	box-shadow: none !important;
}

.ohoche-js-pagination .page-numbers.dots:hover {
	background: transparent !important;
	border: none !important;
	color: #a5a5a5 !important;
}

@media (max-width: 767px) {
	.ohoche-js-pagination .page-numbers {
		min-width: 34px !important;
		height: 34px !important;
		padding: 0 8px !important;
		font-size: 13px !important;
	}
	.ohoche-js-pagination ul.page-numbers {
		gap: 4px !important;
	}
}