/* Header styles — loaded on every page. */

.header {
	border-bottom: solid 1px #E5E0DC;
}


/* SEARCH YITH */
/* Rules for the desktop dropdown (.popover-content) also cover YITH's
   full-screen version of it (.mobile-search-content), which it swaps in when
   the window is narrower than 600px with the desktop search open. */
.ywcas-popover-results .popover-content .wp-block-yith-filled-block .ywcas-search-results .search-result-item .search-result-item__thumbnail .ywcas-badge,
.ywcas-search-mobile .mobile-search-content .wp-block-yith-filled-block .ywcas-search-results .search-result-item .search-result-item__thumbnail .ywcas-badge {
	display: none;
}

.wp-block-yith-search-block .ywcas-classic-search .ywcas-input-field-wrapper .ywcas-submit-wrapper {
	background-color: unset!important;
	border: none!important;
	display: flex;
}

.wp-block-yith-search-block .ywcas-classic-search .ywcas-input-field-wrapper .ywcas-submit-wrapper .ywcas-submit-icon {
	color: unset!important;
}

.ywcas-popover-results .popover-content,
.ywcas-search-mobile .mobile-search-content {
	padding: 15px!important;
}

.ywcas-popover-results .popover-content .wp-block-yith-filled-block .ywcas-search-results.list .ywcas-search-results-grid,
.ywcas-search-mobile .mobile-search-content .wp-block-yith-filled-block .ywcas-search-results.list .ywcas-search-results-grid {
    gap: 0!important;
}

.ywcas-popover-results .popover-content .wp-block-yith-filled-block .ywcas-search-results .search-result-item .search-result-item__thumbnail img,
.ywcas-search-mobile .mobile-search-content .wp-block-yith-filled-block .ywcas-search-results .search-result-item .search-result-item__thumbnail img {
	border: none!important;
	width: 60px;
	height: 60px;
	max-height: 60px;
	object-fit: contain;
	object-position: center;
}

.ywcas-popover-results .popover-content .wp-block-yith-filled-block hr,
.ywcas-search-mobile .mobile-search-content .wp-block-yith-filled-block hr {
	display: none;
}

.ywcas-popover-results .popover-content .wp-block-yith-filled-block .ywcas-search-results.list,
.ywcas-search-mobile .mobile-search-content .wp-block-yith-filled-block .ywcas-search-results.list {
	margin-top: 0!important;
}

.wp-block-yith-search-block .ywcas-classic-search.ywcas-small input {
	font-size: 14px!important;
}

.ywcas-overlay-search button {
	width: auto!important;
	color: #6A7181!important;
}

/* While YITH lazy-loads the icon and the overlay it shows a spinner for each —
   two spinners in the header. Show the plain search icon instead until the
   real button renders; same 24px glyph and colour, so nothing jumps. */
.ywcas-overlay-search .lapilliUI-Spinner__root {
	display: none!important;
}

.ywcas-overlay-search:not(:has(button))::before {
	content: "";
	display: block;
	width: 24px;
	height: 45px;
	background-color: #6A7181;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z'/%3E%3C/svg%3E") center / 24px 24px no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z'/%3E%3C/svg%3E") center / 24px 24px no-repeat;
}

.ywcas-overlay-search button:hover {
	background: unset!important;
	box-shadow: none!important;
}

.wp-block-yith-overlay-empty-block {
	padding-top: 0!important;
}

.lapilliUI-Modal__close:hover {
	background: unset!important;
	box-shadow: none!important;
}

.ywcas-container .wc-block-grid__products .wc-block-grid__product-image img {
	max-height: 200px;
}

.ywcas-popover-results .popover-content .ywcas-classic-related-content-wrapper .ywcas-related-content__label,
.ywcas-search-mobile .mobile-search-content .ywcas-classic-related-content-wrapper .ywcas-related-content__label {
	font-size: 1.2rem!important;
    font-weight: 600!important;
	color: var(--title-color)!important;
}

.ywcas-popover-results .popover-content .ywcas-classic-related-content-wrapper .ywcas-related-content,
.ywcas-search-mobile .mobile-search-content .ywcas-classic-related-content-wrapper .ywcas-related-content {
	background: unset!important;
	margin: 0!important;
	padding-left: 0!important;
}

.ywcas-popover-results .popover-content .ywcas-classic-related-content-wrapper .ywcas-related-content__link a,
.ywcas-search-mobile .mobile-search-content .ywcas-classic-related-content-wrapper .ywcas-related-content__link a {
	color: var(--title-color)!important;
}

.ywcas-outofstock-badge {
	display: none!important;
}

/* Mobile overlay (preset "mobile-search", opened by the header icon): show the
   results like the desktop dropdown — products first as compact rows, news
   underneath — instead of YITH's product grid of full-width cards. */

/* YITH's backdrop is 97% white; the big cards used to hide the page behind
   it, compact rows don't. The full-screen paper gets the solid white. */
.ywcas-overlay-wrapper-search .lapilliUI-Modal__paper {
	background-color: #fff!important;
	padding-top: 48px!important;
}

/* YITH leaves 124px above the field (100px paper padding + 24px) for a close
   button it sizes 100px tall. A 44px button tucked in the corner needs 48px. */
.ywcas-overlay-wrapper-search .lapilliUI-ModalContent__root {
	padding-top: 4px!important;
}

.ywcas-overlay-wrapper-search .lapilliUI-Modal__close {
	top: 2px!important;
	right: 2px!important;
	width: 44px!important;
	height: 44px!important;
	min-width: 0!important;
	min-height: 0!important;
	margin: 0!important;
	border-radius: 50%!important;
	box-shadow: none!important;
	transition: background-color 150ms ease-out;
}

.ywcas-overlay-wrapper-search .lapilliUI-Modal__close svg {
	width: 24px!important;
	height: 24px!important;
}

/* YITH's hover/focus is an 8px shadow ring; a soft tint reads better. */
.ywcas-overlay-wrapper-search .lapilliUI-Modal__close:hover {
	background-color: rgb(243, 249, 245)!important;
}

.ywcas-overlay-wrapper-search .lapilliUI-Modal__close:focus {
	outline: none!important;
}

.ywcas-overlay-wrapper-search .lapilliUI-Modal__close:focus-visible {
	outline: 2px solid #6A7181!important;
	outline-offset: -2px; /* inside: the button sits against the screen edge */
}

/* One spinner, not five. YITH lazy-loads every part of the overlay and each
   part shows its own spinner while it downloads (first visit only — cached
   after): three side by side on open, then one per column plus two inside
   the product list. The desktop bar and dropdown stack them the same way.
   Side-by-side spinners keep only the first; for the overlay results, hide
   YITH's and show one while the product list (last column in the DOM) loads. */
.lapilliUI-Spinner__root ~ .lapilliUI-Spinner__root,
.ywcas-overlay-filled-content .lapilliUI-Spinner__root {
	display: none!important;
}

.ywcas-overlay-filled-content:has(.wp-block-column:last-child .lapilliUI-Spinner__root)::before {
	content: "";
	display: block;
	width: 32px;
	height: 32px;
	margin: 48px auto;
	border: 3px solid rgba(106, 113, 129, 0.2);
	border-top-color: #6A7181;
	border-radius: 50%;
	animation: av-search-spin 0.8s linear infinite;
}

@keyframes av-search-spin {
	to {
		transform: rotate(360deg);
	}
}

@media (prefers-reduced-motion: reduce) {
	.ywcas-overlay-filled-content:has(.wp-block-column:last-child .lapilliUI-Spinner__root)::before {
		animation: none;
	}
}

.ywcas-overlay-filled-content {
	padding-top: 16px!important;
}

.ywcas-overlay-filled-content > .wp-block-columns {
	flex-direction: column-reverse;
	gap: 24px;
}

/* Both product lists in the overlay — search results and the "popular
   products" shown before typing — become rows. The card is the grid and the
   link uses display: contents, because the popular list puts the price
   outside the link while the results list puts it inside. */
.ywcas-overlay-wrapper-search .wc-block-grid__products {
	display: block!important;
	margin: 0!important;
}

.ywcas-overlay-wrapper-search .wc-block-grid__product {
	display: grid!important;
	grid-template-columns: 60px 1fr;
	column-gap: 16px;
	align-items: center;
	width: 100%!important;
	max-width: none!important;
	margin: 0!important;
	padding: 8px 0!important;
	border: 0!important;
	text-align: left!important;
}

.ywcas-overlay-wrapper-search .wc-block-grid__product-link {
	display: contents!important;
}

.ywcas-overlay-wrapper-search .wc-block-grid__product-image {
	grid-column: 1;
	grid-row: 1 / span 2;
	width: 60px!important;
	margin: 0!important;
}

.ywcas-container .ywcas-overlay-wrapper-search .wc-block-grid__product-image img,
.ywcas-overlay-wrapper-search .wc-block-grid__product-image img {
	width: 60px!important;
	height: 60px!important;
	max-height: 60px!important;
	object-fit: contain;
}

.ywcas-overlay-wrapper-search .woocommerce-loop-product__title,
.ywcas-overlay-wrapper-search .wc-block-grid__product-title {
	grid-column: 2;
	align-self: end;
	margin: 0!important;
	font-size: 15px!important;
	line-height: 1.3!important;
	color: var(--title-color)!important;
}

.ywcas-overlay-wrapper-search .wc-block-grid__product-price {
	grid-column: 2;
	align-self: start;
	margin: 4px 0 0!important;
	font-size: 15px!important;
	font-weight: 700;
	text-align: left!important;
}

.ywcas-overlay-wrapper-search .wc-block-grid__product-add-to-cart {
	display: none!important;
}

.ywcas-overlay-related-content-wrapper .ywcas-related-content {
	background: unset!important;
	margin: 0!important;
	padding: 0!important;
}

.ywcas-overlay-related-content-wrapper .ywcas-related-content__label {
	font-size: 1.2rem!important;
	font-weight: 600!important;
	color: var(--title-color)!important;
}

.ywcas-overlay-related-content-wrapper .ywcas-related-content__link a {
	color: var(--title-color)!important;
}

/* News links sat line on line (0 gap). Match the product rows' 16px rhythm;
   the inline link's padding widens its tap area without moving the layout. */
.ywcas-overlay-related-content-wrapper .ywcas-related-content__link {
	margin: 0!important;
	padding: 8px 0!important;
}

.ywcas-overlay-related-content-wrapper .ywcas-related-content__link a {
	padding: 8px 0;
}
/* END SEARCH YITH */


/* =========================================================================
   Custom SVG icons for Account + Cart
   ------------------------------------------------------------------------
   `inc/header-icons.php` replaces Flatsome's icon-font glyphs (icon-user,
   icon-shopping-basket) with inline SVGs from assets/images/header/*.svg,
   inserted inside the original `<i class="icon-…">` wrapper and tagged with
   `.av-icon-svg`. These rules suppress the font glyph (::before from the
   fl-icons webfont) and let each SVG render at its own intrinsic dimensions
   (both 20×20 after the Avemed cleanup). Stroke color #6A7181 is forced via
   CSS below (overriding each SVG's inline `stroke` attribute), so header
   text-color theme mods don't affect strokes and the color survives HTML
   caching. Change the `.av-icon-svg > svg path` stroke below to re-theme. */
/* Kill Flatsome's icon-font glyph (`:before` from fl-icons) on the icons we
   replace with inline SVGs. `!important` is required because Flatsome enqueues
   its icons CSS at priority 150 (helpers-icons.php:64), later than our child
   enqueue at priority 100 — without it, source order makes Flatsome win. */
.icon-user::before,
.icon-shopping-basket::before,
.icon-shopping-bag::before,
.icon-shopping-cart::before { content: none !important; }

.av-icon-svg {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 0;
}
.av-icon-svg > svg { display: block; }

/* Force the fill color from CSS rather than relying on the inline `fill`
   attribute baked into each SVG file. The Avemed header glyphs are solid
   fill icons, so a CSS `fill` property overrides the SVG presentation
   attribute and re-themes them even when the rendered page HTML (with an
   older inline color) is served from a full-page cache. */
.av-icon-svg > svg [fill]:not([fill="none"]),
.av-icon-svg > svg path { fill: #6A7181; }

/* User icon: bump a touch larger than the cart (20px native) so the account
   glyph reads at a similar visual weight — strokes appear heavier at 20px
   because the figure is smaller within the viewBox. Scaling the <svg> via
   CSS (width/height) preserves the source SVG's intrinsic 20×20 dimensions
   while overriding the rendered size at the use site. */
.icon-user.av-icon-svg > svg {
	width: 24px;
	height: 24px;
}

/* Cart count badge — Figma green pill driven by WC cart contents count.
   ------------------------------------------------------------------------
   Flatsome renders `<i class="icon-shopping-basket" data-icon-label="N">`
   and ships a default `[data-icon-label]::after` pill (secondary color). We
   scope the override to `.cart-item .av-icon-svg` so only the header cart
   badge is restyled — other icons that opportunistically use
   `data-icon-label` elsewhere keep Flatsome's defaults.
     * Color: Figma spec (#92C096 fill, white digits).
     * Shadow: Figma `filter0_dd` (two soft drop-shadows at dy=1).
     * Hidden when count === 0 so the empty-cart header stays clean — WC /
       Flatsome keeps the attribute present with the literal "0", so we
       match on the attribute value rather than visibility. */
.cart-item .av-icon-svg[data-icon-label]::after {
	background-color: var(--primary-color);
	box-shadow:
		0 1px 1px rgba(0, 0, 0, 0.1),
		0 1px 1.5px rgba(0, 0, 0, 0.1);
	color: #fff;
	opacity: 1;
}
.cart-item .av-icon-svg[data-icon-label="0"]::after {
	display: none;
}

/* =========================================================================
   Megamenu — post 160 "Mega Menu - UX Block", injected by Flatsome into
   the "Izdelki" top-level nav item. Matches Figma: 3 link columns + 1
   featured-products column, all inside a rounded white card.
   Width is set from the admin on the menu item (_menu_item_width = 1280).
   ========================================================================= */

/* Turn off the placeholder "shortcode-error" mark that used to render inside
   this block before it was populated (harmless once the block has content;
   the rule is a defensive left-over). */
.nav-dropdown.nav-dropdown-has-block .lead.shortcode-error { display: none; }

/* Strip Flatsome's default padding/background on this specific dropdown so
   our card visuals own the look. */
.header-nav .nav-dropdown-has-block:has(.av-megamenu) {
	padding: 0;
	background: transparent;
	border: 0;
}

.av-megamenu {
	--avm-ink:     var(--fs-color-base);
	--avm-body:    inherit;
	--avm-muted:   inherit;
	--avm-line:    rgba(0,0,0,0.04);
	--avm-green:   var(--primary-color);
	--avm-mint:    rgba(146,192,150,0.06);
	--avm-mint-soft: rgba(146,192,150,0.08);

	background: #fff;
	border-radius: 18px;
}

.header-mega-memu .sub-menu.nav-dropdown {
	box-shadow: none;
}

/* Flatsome [section] wrapper — keep our padding, ditch the section's own. */
.av-megamenu.section .section-content,
.av-megamenu .section-content {
	padding: 32px 0px;
}
.av-megamenu.section { padding: 0 !important; }

/* Flatsome [row] pinned to the Figma content width (280+280+180+400 = 1140px). */
.av-megamenu .row {
	width: 100%;
	margin: 0 auto!important;
}

/* Drop Flatsome's default per-column gutter so the cols hit exact pixel widths. */
.av-megamenu .row > .col {
	padding: 0;
}

/* Column heading */
.av-megamenu__heading {
	font-size: 13px !important;
	font-weight: 700 !important;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--avm-ink) !important;
	margin: 0 0 20px !important;
	line-height: 1.3 !important;
}

/* Link list (rendered by [menu_block]) */
.av-megamenu .av-megamenu__list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 14px 24px;
}
.av-megamenu .av-megamenu__list li { padding: 0; margin: 0!important; }
.av-megamenu .av-megamenu__list li::before { display: none; }
.av-megamenu .av-megamenu__list a {
	color: var(--avm-body);
	font-size: 15px;
	font-weight: 400;
	text-decoration: none;
	line-height: 1.4;
	transition: color 0.15s ease;
}
.av-megamenu .av-megamenu__list a:hover { color: var(--avm-ink); }

/* Highlighted item (class `is-accent` on the menu item) */
.av-megamenu .av-megamenu__list li.is-accent a{
	color: var(--avm-green);
	font-weight: 500;
}

.av-megamenu .av-megamenu__list li a:hover{
	color: var(--avm-green);
	background-color: unset!important;
}

/* =========================================================================
   Search fiels
   ========================================================================= */

.header-search-form-wrapper .search-field {
	border-radius: 9999px 0 0 9999px;
	height: 2.25rem;
	border: none;
	background-color: #f3f9f5;
	padding: 0 1rem;
}
.header-search-form-wrapper .search-field::placeholder {
	color: var(--accent-color-text);
}
.header-search-form-wrapper .searchform .button.icon {
	height: 2.25rem;
	background-color: #f3f9f5;
	border: none;
	color: var(--accent-color-text);
}
/* =========================================================================
   Featured column
   ========================================================================= */
.av-megamenu__col--feature {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.av-mm-product {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 20px 22px;
	background: var(--avm-mint);
	border-radius: 14px;
	text-decoration: none;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.av-mm-product:hover {
	transform: translateY(-1px);
	box-shadow: 0 8px 18px rgba(16, 24, 40, 0.08);
}

.av-mm-product__label {
	font-size: 11px;
	font-weight: 600;
	color: var(--avm-muted);
	letter-spacing: 0.1em;
	text-transform: uppercase;
}
.av-mm-product__name {
	font-size: 16px;
	font-weight: 600;
	color: var(--avm-ink);
	line-height: 1.3;
	letter-spacing: -0.01em;
}
.av-mm-product__price {
	font-size: 17px;
	font-weight: 700;
	color: var(--avm-ink);
}

/* CTA pill */
.av-mm-cta {
	margin-top: auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	background: var(--avm-ink);
	color: #fff !important;
	padding: 16px 24px;
	border-radius: 999px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	letter-spacing: 0.02em;
	transition: background 0.15s ease, transform 0.15s ease;
}
.av-mm-cta:hover {
	background: #000;
	transform: translateY(-1px);
	color: #fff !important;
}
.av-mm-cta .av-mm-arrow {
	transition: transform 0.2s ease;
}
.av-mm-cta:hover .av-mm-arrow { transform: translateX(3px); }


.top-bar__text {
	font-size: 0.875rem;
}

/* Keep the top bar visible in the sticky header — Flatsome hides
   .hide-for-sticky elements once .header-wrapper gets .stuck. */
.stuck #top-bar.hide-for-sticky {
	display: flex;
}

.off-canvas-left .mfp-content:has(#main-menu){
	width: 100%;
}

.off-canvas-left:has(#main-menu) .mfp-close{
	background: #FFFFFF26;
	border-radius: 40px;
	top: 20px;
	right: 20px;
	mix-blend-mode: unset;
	opacity: 1;
    align-items: center;
    justify-content: center;
}

.off-canvas-left:has(#main-menu) .mfp-close svg{
	width: 20px;
	height: 20px;
}

.off-canvas-left #main-menu,
.off-canvas-left #main-menu .sidebar-menu,
.off-canvas-left #main-menu .sidebar-menu > ul,
.off-canvas-left #main-menu .sidebar-menu > ul > .html,
.off-canvas-left #main-menu .sidebar-menu > ul > .html > .section{
	min-height: 100vh;
	height: fit-content;
}

.off-canvas-left #main-menu .sidebar-menu > ul > .html > .section{
	align-items: start;
}

.off-canvas-left #main-menu .sidebar-menu > ul > .html > .section > .section-content{
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.off-canvas-left #main-menu .sidebar-menu{
	padding: 0;
}

.off-canvas-left #main-menu .sidebar-menu > ul > .html{
	padding: 0;
}

.off-canvas-left #main-menu .mobile-menu-logo{
	max-width: 95px;
	height: auto;
	filter: brightness(500%);
}

.off-canvas-left #main-menu .kw-container:has(.mobile-menu-logo){
	position: sticky;
	top: 0;
    z-index: 2;
}

.off-canvas-left #main-menu .kw-container:last-child{
	margin-top: auto;
}

.off-canvas-left #main-menu .mobile-menu-menu a{
	padding-left: 0;
	font-weight: 300;
	font-size: 2.125rem;
	line-height: 42.5px;
	letter-spacing: -0.85px;
	padding-top: 0;
}

.off-canvas-left #main-menu .mobile-menu-menu .sub-menu a {
	font-size: 1.75rem;
}


.off-canvas-left #main-menu .mobile-menu-menu li{
	padding-bottom: 24px;
	margin: 0;
}

.off-canvas-left #main-menu .mobile-menu-menu li:last-child{
	padding-bottom: 0px;
}

.off-canvas-left #main-menu .mobile-menu-menu .sub-menu li{
	padding-bottom: 0px;
	margin: 0;
	padding-left: 0;
}

.off-canvas-left #main-menu .header-av-compare-icon .av-compare-link__icon{
	color: #FFF;
}


.primary-button-header a{
	border: solid 1px var(--fs-color-primary) !important;
	align-items: center;
	padding: 12px 24px!important;
	gap: 6px;
}

.primary-button-header a:hover{
	background: var(--fs-color-primary) !important;
	color: #FFF!important;
}


.primary-button-header a:beforee{
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.33338 8.16755C2.10806 8.16832 1.90245 8.03926 1.8052 7.83601C1.70794 7.63277 1.73643 7.39169 1.87838 7.21671L7.65337 1.26672C7.7426 1.16373 7.89123 1.13624 8.01138 1.20051C8.13154 1.26478 8.19118 1.40367 8.15504 1.53505L7.03504 5.04672C6.968 5.22613 6.99331 5.42703 7.10276 5.58421C7.21221 5.7414 7.39184 5.83484 7.58337 5.83421H11.6667C11.892 5.83345 12.0976 5.96251 12.1949 6.16575C12.2921 6.36899 12.2637 6.61007 12.1217 6.78505L6.34671 12.735C6.25749 12.838 6.10885 12.8655 5.9887 12.8013C5.86855 12.737 5.80891 12.5981 5.84504 12.4667L6.96504 8.95505C7.03208 8.77563 7.00677 8.57473 6.89732 8.41755C6.78788 8.26037 6.60824 8.16693 6.41671 8.16755H2.33338Z' fill='%239FC290'/%3E%3Cpath d='M2.33338 8.16755C2.10806 8.16832 1.90245 8.03926 1.8052 7.83601C1.70794 7.63277 1.73643 7.39169 1.87838 7.21671L7.65337 1.26672C7.7426 1.16373 7.89123 1.13624 8.01138 1.20051C8.13154 1.26478 8.19118 1.40367 8.15504 1.53505L7.03504 5.04672C6.968 5.22613 6.99331 5.42703 7.10276 5.58421C7.21221 5.7414 7.39184 5.83484 7.58337 5.83421H11.6667C11.892 5.83345 12.0976 5.96251 12.1949 6.16575C12.2921 6.36899 12.2637 6.61007 12.1217 6.78505L6.34671 12.735C6.25749 12.838 6.10885 12.8655 5.9887 12.8013C5.86855 12.737 5.8089 12.5981 5.84504 12.4667L6.96504 8.95505C7.03208 8.77563 7.00677 8.57473 6.89732 8.41755C6.78788 8.26037 6.60824 8.16693 6.41671 8.16755H2.33338' stroke='%239FC290' stroke-width='1.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
	opacity: 1 !important;
}

@media (max-width: 549px){
	#header .stuck .header-main{
		height: 60px !important;
	}
	
	.off-canvas-left #main-menu .mobile-menu-menu a{
		display: flex !important;
		justify-content: space-between;
		align-items: center;
	}
	
	.off-canvas-left #main-menu .mobile-menu-menu a .icon-angle-down{
		font-size: 20px;
		transition: transform 0.3s;
	}
	
	.off-canvas-left #main-menu .mobile-menu-menu .is-open a .icon-angle-down{
		transform: rotate(180deg);
	}
	
	.off-canvas-left #main-menu .mobile-menu-menu a{
		background: unset !important;
	}
}


/* =========================================================================
   Mobile / narrow viewports — stack columns, keep product cards legible.
   ========================================================================= */
@media (max-width: 1024px) {
	.av-megamenu .section-content { padding: 24px 28px; }
	.av-megamenu .row > .col { padding: 0 16px; }
}
@media (max-width: 850px) {
	.av-megamenu .row > .col { padding: 0; margin-bottom: 24px; }
	.av-megamenu .row > .col:last-child { margin-bottom: 0; }



	.av-megamenu { background: none; }

	.av-megamenu.section .section-content, .av-megamenu .section-content { padding: 0; }

	.av-megamenu .col-inner { padding: 0!important; }

	.av-megamenu .av-megamenu__list { grid-template-columns: 1fr; gap: 0; }

	.av-megamenu .av-megamenu__heading {
		margin: 12px 0 12px !important;
		color: #FFF!important;
	}

	.av-mm-feature__head {
		flex-direction: column;
		gap: 0;
	}

	.av-mm-feature__head  .av-megamenu__heading {
		margin-bottom: 0!important;
	}

	.av-megamenu .av-megamenu__list a{
		border-bottom: 1px solid #ececec;
	}


	.primary-button-header {
		border: solid 1px white;
		padding: 10px 20px!important;	
	}
	
	.primary-button-header a{
		padding: 0px!important;
		border: none !important;
	}
}