/**
 * 🫧 Главно меню „Liquid Glass“ (v2.63.0) — активно само с body.mega-nav-liquid.
 * Цвят: акцентът на skin-а (--v100-gold във Vini100 Motion), иначе --mega-primary.
 */
body.mega-nav-liquid {
	--mlg-acc: var(--v100-gold, var(--mega-primary, #d98d35));
	--mlg-acc-hi: color-mix(in srgb, var(--mlg-acc) 55%, #fff);
	--mlg-acc-lo: color-mix(in srgb, var(--mlg-acc) 60%, #000);
	--mlg-ease: cubic-bezier(.16, 1, .3, 1);
}

/* ── Лентата: плаваща стъклена капсула ─────────────────────────── */
body.mega-nav-liquid .mega-header,
body.mega-nav-liquid #header.mega-header {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	padding: 14px 20px 0 !important;
}
body.mega-nav-liquid .mega-header .mega-header-inner {
	max-width: min(1240px, 100%);
	min-height: 68px;
	margin: 0 auto;
	padding: 8px 10px 8px 18px;
	display: flex;
	align-items: center;
	gap: 18px;
	border: 1px solid rgba(255, 255, 255, .2);
	border-radius: 22px;
	background: rgba(14, 17, 20, .38);
	backdrop-filter: blur(20px) saturate(135%);
	-webkit-backdrop-filter: blur(20px) saturate(135%);
	box-shadow: 0 24px 65px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .13), inset 0 -1px 0 rgba(0, 0, 0, .22);
	transition: background .35s ease, box-shadow .35s ease;
}
body.mega-nav-liquid.mega-scrolled .mega-header .mega-header-inner {
	background: rgba(10, 12, 15, .66);
	box-shadow: 0 18px 50px rgba(0, 0, 0, .38), inset 0 1px 0 rgba(255, 255, 255, .1);
}
body.mega-nav-liquid .mega-header .mega-site-title { color: #f7f5f1 !important; letter-spacing: .06em; }
body.mega-nav-liquid .mega-header .mega-tagline { color: rgba(255, 255, 255, .56) !important; font-size: .62rem; letter-spacing: .18em; text-transform: uppercase; }

/* ── Бутоните на главното меню ─────────────────────────────────── */
body.mega-nav-liquid .mega-nav { flex: 1; display: flex; justify-content: center; }
body.mega-nav-liquid .mega-nav > ul { gap: 5px !important; align-items: center; }
body.mega-nav-liquid .mega-nav > ul > li > a {
	--mx: 50%;
	--my: 50%;
	position: relative;
	display: inline-flex !important;
	align-items: center;
	height: 46px;
	padding: 0 15px !important;
	border: 1px solid transparent;
	border-radius: 15px 7px 15px 7px;
	color: rgba(255, 255, 255, .76) !important;
	background: transparent !important;
	font-size: 15px;
	font-weight: 650;
	white-space: nowrap;
	overflow: hidden;
	isolation: isolate;
	text-decoration: none !important;
	transition: color .28s ease, transform .38s var(--mlg-ease), border-color .3s ease, background-color .3s ease, box-shadow .38s var(--mlg-ease);
}
body.mega-nav-liquid .mega-nav .mlg-glow {
	position: absolute; z-index: -2; left: var(--mx); top: var(--my);
	width: 145px; height: 105px;
	transform: translate(-50%, -50%) scale(.08);
	border-radius: 52% 48% 46% 54% / 49% 53% 47% 51%;
	background:
		radial-gradient(circle at 30% 22%, rgba(255, 247, 226, .95) 0 7%, transparent 18%),
		radial-gradient(circle at 72% 70%, rgba(255, 255, 255, .14), transparent 32%),
		linear-gradient(145deg, var(--mlg-acc-hi) 0%, color-mix(in srgb, var(--mlg-acc) 70%, #8a4a12) 46%, var(--mlg-acc-lo) 100%);
	box-shadow: 0 0 28px color-mix(in srgb, var(--mlg-acc) 35%, transparent), inset 0 3px 4px rgba(255, 255, 255, .42), inset 0 -9px 14px rgba(56, 27, 4, .23);
	opacity: 0;
	pointer-events: none;
	transition: left .22s var(--mlg-ease), top .22s var(--mlg-ease), transform .44s var(--mlg-ease), opacity .16s ease;
}
body.mega-nav-liquid .mega-nav .mlg-surface {
	position: absolute; inset: 1px; z-index: -1;
	border-radius: 14px 6px 14px 6px;
	background: linear-gradient(120deg, rgba(255, 255, 255, .13), rgba(255, 255, 255, .025) 48%, color-mix(in srgb, var(--mlg-acc) 5%, transparent));
	border: 1px solid rgba(255, 255, 255, .08);
	opacity: 0;
	transition: opacity .28s ease;
	pointer-events: none;
}
body.mega-nav-liquid .mega-nav .mlg-sweep {
	position: absolute; z-index: 0; inset: -80%;
	opacity: 0;
	transform: translateX(-75%) rotate(6deg);
	background: linear-gradient(105deg, transparent 43%, rgba(255, 244, 212, .28) 50%, transparent 57%);
	transition: transform .76s var(--mlg-ease), opacity .18s ease;
	pointer-events: none;
}
body.mega-nav-liquid .mega-nav .mlg-txt { position: relative; z-index: 2; transition: text-shadow .28s ease; }
body.mega-nav-liquid .mega-nav > ul > li > a:is(:hover, :focus-visible) .mlg-txt { text-shadow: 0 1px 2px rgba(40, 20, 0, .45); }
body.mega-nav-liquid .mega-nav .mlg-dot {
	position: absolute; left: 12px; bottom: 6px; z-index: 2;
	width: 4px; height: 4px; border-radius: 50%;
	background: var(--mlg-acc);
	box-shadow: 0 0 10px color-mix(in srgb, var(--mlg-acc) 50%, transparent);
	transform: scale(0);
	transition: transform .32s var(--mlg-ease);
}
body.mega-nav-liquid .mega-nav .mlg-chev {
	position: relative; z-index: 2;
	margin-left: 7px; width: 6px; height: 6px;
	border-right: 1px solid currentColor; border-bottom: 1px solid currentColor;
	transform: rotate(45deg) translateY(-2px);
	opacity: .7;
	transition: transform .28s ease;
}
body.mega-nav-liquid .mega-nav > ul > li > a:is(:hover, :focus-visible) {
	transform: translateY(-3px) scale(1.018);
	color: color-mix(in srgb, var(--mlg-acc-hi) 40%, #fff) !important;
	border-color: color-mix(in srgb, var(--mlg-acc) 28%, transparent);
	background-color: rgba(255, 255, 255, .045) !important;
	box-shadow: 0 14px 30px rgba(0, 0, 0, .16), inset 0 1px 0 rgba(255, 255, 255, .08);
	outline: none;
}
body.mega-nav-liquid .mega-nav > ul > li > a:is(:hover, :focus-visible) .mlg-glow { opacity: .95; transform: translate(-50%, -50%) scale(1.42); }
body.mega-nav-liquid .mega-nav > ul > li > a:is(:hover, :focus-visible) .mlg-surface { opacity: 1; }
body.mega-nav-liquid .mega-nav > ul > li > a:is(:hover, :focus-visible) .mlg-sweep { opacity: 1; transform: translateX(70%) rotate(6deg); }
body.mega-nav-liquid .mega-nav > ul > li > a:is(:hover, :focus-visible) .mlg-dot { transform: scale(1); }
body.mega-nav-liquid .mega-nav > ul > li > a:is(:hover, :focus-visible) .mlg-chev { transform: rotate(45deg) translate(2px, -1px); }
body.mega-nav-liquid .mega-nav > ul > li > a:focus-visible { box-shadow: 0 0 0 2px var(--mlg-acc), 0 14px 30px rgba(0, 0, 0, .16); }

/* Активна страница */
body.mega-nav-liquid .mega-nav > ul > li:is(.current-menu-item, .current_page_item, .current-menu-ancestor) > a { color: var(--mlg-acc-hi) !important; }
body.mega-nav-liquid .mega-nav > ul > li:is(.current-menu-item, .current_page_item, .current-menu-ancestor) > a .mlg-surface { opacity: .55; border-color: color-mix(in srgb, var(--mlg-acc) 18%, transparent); }
body.mega-nav-liquid .mega-nav > ul > li:is(.current-menu-item, .current_page_item, .current-menu-ancestor) > a .mlg-glow { left: 76%; top: 50%; opacity: .48; transform: translate(-50%, -50%) scale(1.08); }
body.mega-nav-liquid .mega-nav > ul > li:is(.current-menu-item, .current_page_item, .current-menu-ancestor) > a .mlg-dot { transform: scale(1); }

/* ── Падащо меню: стъклена карта ───────────────────────────────── */
body.mega-nav-liquid .mega-nav > ul > li > .sub-menu {
	top: calc(100% + 10px) !important;
	left: 50% !important;
	width: 304px;
	min-width: 0 !important;
	padding: 8px !important;
	border: 1px solid rgba(255, 255, 255, .16) !important;
	border-radius: 19px 7px 19px 8px !important;
	background: rgba(11, 14, 18, .86) !important;
	backdrop-filter: blur(22px) saturate(135%);
	-webkit-backdrop-filter: blur(22px) saturate(135%);
	box-shadow: 0 30px 70px rgba(0, 0, 0, .56), inset 0 1px rgba(255, 255, 255, .055) !important;
	transform: translateX(-50%);
	animation: none;
	z-index: 1000;
}
body.mega-nav-liquid .mega-nav > ul > li:is(:hover, :focus-within) > .sub-menu { animation: mlg-drop .4s var(--mlg-ease) both; }
@keyframes mlg-drop {
	from { opacity: 0; transform: translate(-50%, -9px) scale(.96); }
	to { opacity: 1; transform: translate(-50%, 0) scale(1); }
}
body.mega-nav-liquid .mega-nav > ul > li > .sub-menu::before {
	content: ""; position: absolute; top: -5px; left: 50%;
	width: 9px; height: 9px;
	transform: translateX(-50%) rotate(45deg);
	background: #15181c;
	border-left: 1px solid rgba(255, 255, 255, .15);
	border-top: 1px solid rgba(255, 255, 255, .15);
}
/* мостът за мишката под бутона да покрива и отстъпа до картата */
body.mega-nav-liquid .mega-nav > ul > li:hover::before { height: 22px; }
body.mega-nav-liquid .mega-nav .sub-menu li { display: block !important; }
body.mega-nav-liquid .mega-nav .sub-menu a {
	display: flex !important;
	align-items: center;
	gap: 11px;
	min-height: 52px;
	padding: 6px 10px !important;
	border-radius: 12px;
	color: #adb4bc !important;
	background: transparent !important;
	white-space: normal !important;
	font-weight: 500;
	text-decoration: none !important;
	transition: transform .3s var(--mlg-ease), background-color .26s ease, color .25s ease;
}
body.mega-nav-liquid .mega-nav .sub-menu a:is(:hover, :focus-visible) {
	transform: translateX(4px);
	color: #f3f4f5 !important;
	background: color-mix(in srgb, var(--mlg-acc) 7%, transparent) !important;
	outline: none;
}
body.mega-nav-liquid .mega-nav .mlg-ico {
	width: 34px; height: 34px; flex: 0 0 34px;
	display: grid; place-items: center;
	border: 1px solid color-mix(in srgb, var(--mlg-acc) 24%, transparent);
	border-radius: 10px;
	background: linear-gradient(145deg, color-mix(in srgb, var(--mlg-acc) 13%, transparent), rgba(255, 255, 255, .025));
	color: var(--mlg-acc);
	transition: transform .34s var(--mlg-ease), color .3s ease, background .3s ease;
}
body.mega-nav-liquid .mega-nav .sub-menu a:hover .mlg-ico { transform: rotate(-4deg) scale(1.07); color: var(--mlg-acc-hi); }
body.mega-nav-liquid .mega-nav .mlg-copy { display: block; min-width: 0; }
body.mega-nav-liquid .mega-nav .mlg-copy strong { display: block; font-size: 13px; font-weight: 650; color: #d9dde1; }
body.mega-nav-liquid .mega-nav .sub-menu a:hover .mlg-copy strong { color: #fff; }
body.mega-nav-liquid .mega-nav .mlg-desc { display: block; margin-top: 3px; font-size: 11px; line-height: 1.3; color: #8a929b; }
body.mega-nav-liquid .mega-nav .mlg-arr { margin-left: auto; padding-left: 6px; color: #6c747d; transition: transform .28s ease, color .28s ease; }
body.mega-nav-liquid .mega-nav .sub-menu a:hover .mlg-arr { transform: translateX(3px); color: var(--mlg-acc); }
/* 3-то ниво — вдясно от картата */
body.mega-nav-liquid .mega-nav .sub-menu .sub-menu { left: calc(100% + 8px) !important; top: -8px !important; transform: none; animation: none; }

/* ── Иконите вдясно (акаунт, търсене, кошница) ─────────────────── */
body.mega-nav-liquid .mega-header-tools :is(.mega-header-account, .mega-header-search, .mega-header-cart, .mega-header-wishlist) {
	position: relative;
	display: grid !important;
	place-items: center;
	width: 44px; height: 44px;
	padding: 0 !important;
	border: 1px solid rgba(255, 255, 255, .26) !important;
	border-radius: 15px 7px 15px 7px !important;
	background: rgba(255, 255, 255, .08) !important;
	color: #e2e4e7 !important;
	overflow: hidden;
	text-decoration: none;
	transition: transform .38s var(--mlg-ease), border-color .3s ease, background-color .3s ease, box-shadow .3s ease;
}
body.mega-nav-liquid .mega-header-tools :is(.mega-header-account, .mega-header-search, .mega-header-cart, .mega-header-wishlist):hover {
	transform: translateY(-3px);
	border-color: color-mix(in srgb, var(--mlg-acc) 42%, transparent) !important;
	background: color-mix(in srgb, var(--mlg-acc) 10%, transparent) !important;
	box-shadow: 0 14px 28px rgba(0, 0, 0, .18), inset 0 1px rgba(255, 255, 255, .1);
}
body.mega-nav-liquid .mega-mobile-toggle { color: #f7f5f1 !important; border-radius: 15px 7px 15px 7px; }

/* ── Телефон / таблет ──────────────────────────────────────────── */
/* v2.77.2 — по-сбито меню на по-тесни лаптопи, преди да се стигне до ☰ */
@media (max-width: 1280px) {
	body.mega-nav-liquid .mega-nav > ul > li > a { padding: 0 11px !important; letter-spacing: .06em; }
	body.mega-nav-liquid .mega-nav > ul { gap: 2px !important; }
}
@media (max-width: 1060px) {
	body.mega-nav-liquid .mega-nav > ul > li > a { font-size: 14px; padding: 0 10px !important; }
	body.mega-nav-liquid .mega-nav > ul { gap: 1px !important; }
}
@media (max-width: 900px) {
	body.mega-nav-liquid .mega-header,
	body.mega-nav-liquid #header.mega-header { padding: 10px 9px 0 !important; }
	body.mega-nav-liquid .mega-header .mega-header-inner { min-height: 57px; padding: 4px 6px 4px 14px; border-radius: 16px; gap: 8px; }
	body.mega-nav-liquid .mega-header-tools :is(.mega-header-account, .mega-header-search, .mega-header-cart, .mega-header-wishlist) { width: 40px; height: 40px; }
}

@media (prefers-reduced-motion: reduce) {
	body.mega-nav-liquid .mega-nav *,
	body.mega-nav-liquid .mega-nav > ul > li > a,
	body.mega-nav-liquid .mega-header-tools * { transition: none !important; animation: none !important; }
	body.mega-nav-liquid .mega-nav > ul > li > a:hover { transform: none; }
}

/* ── Светли skin-ове: светло стъкло и тъмен текст (падащата карта остава тъмна) ── */
body.mega-nav-liquid:not(.mega-skin-dark) .mega-header .mega-header-inner {
	background: rgba(255, 255, 255, .62);
	border-color: rgba(15, 23, 42, .08);
	box-shadow: 0 20px 50px rgba(15, 23, 42, .12), inset 0 1px 0 rgba(255, 255, 255, .7);
}
body.mega-nav-liquid:not(.mega-skin-dark).mega-scrolled .mega-header .mega-header-inner { background: rgba(255, 255, 255, .82); }
body.mega-nav-liquid:not(.mega-skin-dark) .mega-header .mega-site-title { color: #15171a !important; }
body.mega-nav-liquid:not(.mega-skin-dark) .mega-header .mega-tagline { color: rgba(21, 23, 26, .55) !important; }
body.mega-nav-liquid:not(.mega-skin-dark) .mega-nav > ul > li > a { color: rgba(21, 23, 26, .78) !important; }
body.mega-nav-liquid:not(.mega-skin-dark) .mega-nav > ul > li > a:is(:hover, :focus-visible) { color: #fff !important; }
body.mega-nav-liquid:not(.mega-skin-dark) .mega-nav > ul > li:is(.current-menu-item, .current_page_item, .current-menu-ancestor) > a { color: var(--mlg-acc-lo) !important; }
body.mega-nav-liquid:not(.mega-skin-dark) .mega-header-tools :is(.mega-header-account, .mega-header-search, .mega-header-cart, .mega-header-wishlist) {
	border-color: rgba(15, 23, 42, .12) !important;
	background: rgba(255, 255, 255, .7) !important;
	color: #15171a !important;
}
body.mega-nav-liquid:not(.mega-skin-dark) .mega-mobile-toggle { color: #15171a !important; }

/* ── Мобилното меню: същите подменюта (иконка + заглавие + описание) в компактен вид ── */
body.mega-nav-liquid .mega-mobile-panel .sub-menu a { display: flex !important; align-items: center; gap: 10px; white-space: normal; }
body.mega-nav-liquid .mega-mobile-panel .mlg-ico {
	width: 28px; height: 28px; flex: 0 0 28px; display: grid; place-items: center;
	border: 1px solid color-mix(in srgb, var(--mlg-acc) 28%, transparent); border-radius: 8px;
	color: var(--mlg-acc); font-size: 13px;
}
body.mega-nav-liquid .mega-mobile-panel .mlg-copy { display: block; min-width: 0; }
body.mega-nav-liquid .mega-mobile-panel .mlg-copy strong { display: block; font-weight: 600; }
body.mega-nav-liquid .mega-mobile-panel .mlg-desc { display: block; margin-top: 2px; font-size: .8em; opacity: .65; }
body.mega-nav-liquid .mega-mobile-panel .mlg-arr { display: none; }

/* v2.87.3 — подменю „Галерии“: кръгла снимка вляво от името на албума */
body.mega-nav-liquid .mega-nav .mega-menu-has-thumb .mlg-copy strong,
body.mega-nav-liquid .mega-mobile-panel .mega-menu-has-thumb .mlg-copy strong { display: flex; align-items: center; }