/* Ayorn Tools — mega menu „Sklep” (tryb testowy: tylko podgląd admina). */
.ay-mm {
	display: grid;
	grid-template-columns: repeat(var(--ay-mm-kol, 3), minmax(0, 1fr)) minmax(0, 1.25fr);
	gap: 34px;
	max-width: 1180px;
	margin: 0 auto;
	padding: 30px 24px 34px;
	background: #fff;
	color: #241c18;
	text-align: left;
}
.ay-mm__tytul {
	margin: 0 0 12px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #b8892c;
}
.ay-mm__lista { list-style: none; margin: 0 !important; padding: 0 !important; }
.ay-mm__lista li { margin: 0 0 2px !important; padding: 0 !important; list-style: none; }
.ay-mm__lista a,
.ay-mm__wkrotce {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 6px 8px;
	margin-left: -8px;
	border-radius: 8px;
	color: #241c18 !important;
	font-size: 15px;
	font-weight: 400;
	text-transform: none;
	letter-spacing: 0;
	text-decoration: none;
	transition: background .2s ease;
}
.ay-mm__lista a:hover { background: #f8f2e8; }
.ay-mm__wkrotce { color: #9a8f86 !important; }
.ay-mm__ikona {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 32px;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #fbf6ec;
	border: 1px solid #ecdfc6;
	color: #b8892c;
}
.ay-mm__ikona svg { width: 19px; height: 19px; }
.ay-mm__baner {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 14px;
	min-height: 220px;
	background: #f0efea;
	color: #fff !important;
	text-decoration: none;
}
.ay-mm__baner-img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; object-fit: cover; }
.ay-mm__baner::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(36, 28, 24, 0) 35%, rgba(36, 28, 24, .78) 100%); }
.ay-mm__baner-txt {
	position: absolute;
	left: 18px;
	right: 18px;
	bottom: 16px;
	z-index: 1;
	display: grid;
	gap: 4px;
	font-size: 13px;
	line-height: 1.4;
	text-transform: none;
	letter-spacing: 0;
}
.ay-mm__baner-txt strong { font-size: 16px; font-weight: 600; color: #f3e2b8; }
@media (max-width: 1100px) {
	.ay-mm { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.ay-mm__baner { display: none; }
}
@media (prefers-reduced-motion: reduce) {
	.ay-mm__lista a { transition: none; }
}

/* 17.10: białe tło na całą szerokość (bez czarnych pasów po bokach), równe odstępy, znaczek „wkrótce” */
.nav-dropdown:has(.ay-mm), .sub-menu:has(.ay-mm) { background: #fff !important; border: 0 !important; border-top: 1px solid #efe6d8 !important; box-shadow: 0 24px 48px rgba(28, 20, 16, .14) !important; padding: 0 !important; }
.ay-mm__lista a, .ay-mm__lista li.ay-mm__wkrotce { min-height: 40px; padding: 6px 8px !important; margin-left: -8px !important; line-height: 1.3; }
.ay-mm__lista li.ay-mm__wkrotce { display: flex; align-items: center; gap: 10px; color: #9a8f86; font-size: 15px; }
.ay-mm__lista li.ay-mm__wkrotce .ay-mm__ikona { opacity: .55; }
.ay-mm__znaczek { margin-left: 2px; padding: 2px 8px; border-radius: 999px; background: #f6efe2; color: #9a7a35; font-size: 11px; font-style: normal; font-weight: 600; letter-spacing: .04em; }
.ay-mm__lista--ikony a, .ay-mm__lista--ikony li.ay-mm__wkrotce { min-height: 44px; }
.ay-mm__ikona:empty { background: transparent; border-color: transparent; }

/* ---------- 17.10 (D73): spokojniejsze menu, bez kółek i znaczków, czcionka jak reszta strony ---------- */
.ay-mm { max-width: 1080px; gap: 48px; padding: 34px 24px 38px; font-family: inherit; }
.ay-mm, .ay-mm a, .ay-mm li, .ay-mm p { font-family: "DM Sans", sans-serif !important; }
.ay-mm__tytul { margin-bottom: 14px; font-size: 11.5px; letter-spacing: .14em; color: #9a7a35; }
.ay-mm__lista a, .ay-mm__lista li.ay-mm__wkrotce { min-height: 0; padding: 7px 0 !important; margin-left: 0 !important; border-radius: 0; font-size: 16px; line-height: 1.35; }
.ay-mm__lista a:hover { background: transparent; color: #9a7a35 !important; }
.ay-mm__kol:first-child .ay-mm__lista a, .ay-mm__kol:first-child .ay-mm__lista li.ay-mm__wkrotce { font-size: 18px; font-weight: 500; padding: 8px 0 !important; }
.ay-mm__znaczek { padding: 0; background: none; color: #a39588; font-size: 13px; font-style: italic; font-weight: 400; letter-spacing: 0; }
.ay-mm__wyrozniona { margin-top: 10px !important; padding-top: 10px !important; border-top: 1px solid #efe6d8; }
.ay-mm__wyrozniona a, .ay-mm__wyrozniona.ay-mm__wkrotce, .ay-mm__wyrozniona .ay-mm__nazwa { color: #9a7a35 !important; font-weight: 600 !important; }
.ay-mm__nazwa { display: flex; flex-direction: column; gap: 2px; }
.ay-mm__opis { font-size: 13px; font-weight: 400; color: #6f645d; line-height: 1.4; }
.ay-mm__baner { border-radius: 4px; }

/* Menu na telefonie: ta sama czcionka i spokojny układ */
.off-canvas .nav-sidebar > li > a, .mobile-sidebar .nav-sidebar > li > a { font-family: "DM Sans", sans-serif !important; text-transform: none !important; letter-spacing: 0 !important; font-size: 17px !important; font-weight: 500 !important; color: #241c18 !important; padding-top: 14px !important; padding-bottom: 14px !important; }
.off-canvas .nav-sidebar > li, .mobile-sidebar .nav-sidebar > li { border-color: #efe6d8 !important; }
.ay-mm-mob { display: none; margin: 0 0 12px !important; padding: 0 !important; list-style: none; }
.ay-mm-mob.is-open { display: block; }
.ay-mm-mob__tytul { margin: 10px 0 4px; font-size: 11px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: #9a7a35; list-style: none; }
.ay-mm-mob li { list-style: none; margin: 0 !important; }
.ay-mm-mob a { display: block; padding: 8px 0 !important; font-size: 16px !important; color: #3b332e !important; text-transform: none !important; letter-spacing: 0 !important; }
.ay-mm-mob .ay-mm__wyrozniona a { color: #9a7a35 !important; font-weight: 600; }
.ay-mm-mob .ay-mm__wkrotce { padding: 8px 0; font-size: 16px; color: #a39588; }
.ay-mm-mob__przelacz { position: absolute; right: 0; top: 6px; width: 40px; height: 40px; border: 0; background: none; color: #9a7a35; font-size: 22px; line-height: 1; cursor: pointer; }
li.ay-mm-mob-rodzic { position: relative; }
.ay-mm-mob { padding-left: 12px !important; padding-right: 8px !important; }

/* ---------- 18.10: zdjęcia produktów przy kategoriach, kilka banerów, rozwijane „Naklejki” i „Świece” w nagłówku ---------- */
.ay-mm__mini { flex: 0 0 40px; width: 40px; height: 40px; border-radius: 50%; overflow: hidden; background: #f6f1ea; }
.ay-mm__mini img { display: block; width: 40px !important; height: 40px !important; object-fit: cover; }
.ay-mm__lista a:has(.ay-mm__mini) { gap: 12px; padding: 5px 0 !important; }
.ay-mm__banery { position: relative; min-height: 240px; border-radius: 4px; overflow: hidden; }
.ay-mm__banery .ay-mm__baner { position: absolute; inset: 0; min-height: 0; opacity: 0; visibility: hidden; transition: opacity .6s ease, visibility .6s; }
.ay-mm__banery .ay-mm__baner.is-on { opacity: 1; visibility: visible; }
.ay-mm__kropki { position: absolute; right: 14px; top: 12px; z-index: 2; display: flex; gap: 6px; }
.ay-mm__kropki i { width: 6px; height: 6px; border-radius: 50%; background: rgba(255, 255, 255, .55); }
.ay-mm__kropki i:first-child, .ay-mm__kropki i.is-on { background: #f3e2b8; }
.ay-mm__kropki:has(i.is-on) i:first-child:not(.is-on) { background: rgba(255, 255, 255, .55); }
@media (max-width: 1100px) { .ay-mm__banery { display: none; } }
@media (prefers-reduced-motion: reduce) { .ay-mm__banery .ay-mm__baner { transition: none; } }

/* Zwykłe rozwijane pozycje nagłówka (Naklejki, Świece): biały panel, ta sama czcionka co „Sklep” */
.header-nav-main > li.menu-item > .nav-dropdown:not(:has(.ay-mm)) { min-width: 250px; padding: 14px 0 !important; background: #fff !important; border: 0 !important; border-top: 1px solid #efe6d8 !important; border-radius: 0 0 8px 8px; box-shadow: 0 18px 40px rgba(28, 20, 16, .14) !important; }
.header-nav-main > li.menu-item > .nav-dropdown:not(:has(.ay-mm)) li a { padding: 9px 22px !important; font-family: "DM Sans", sans-serif !important; font-size: 15px !important; font-weight: 400 !important; text-transform: none !important; letter-spacing: 0 !important; color: #3b332e !important; border: 0 !important; }
.header-nav-main > li.menu-item > .nav-dropdown:not(:has(.ay-mm)) li a:hover { background: #faf6ef !important; color: #9a7a35 !important; }
.header-nav-main > li.menu-item > .nav-dropdown:not(:has(.ay-mm)) li.wyroznij a { color: #9a7a35 !important; font-weight: 600 !important; }
.header-nav-main > li.menu-item > .nav-dropdown:not(:has(.ay-mm))::before, .header-nav-main > li.menu-item > .nav-dropdown:not(:has(.ay-mm))::after { display: none !important; }
/* 18.10: przycisk rozwijania „Sklep” na telefonie jak strzałki motywu przy innych pozycjach */
.ay-mm-mob__przelacz { top: 8px !important; right: 4px !important; font-size: 0 !important; }
.ay-mm-mob__przelacz::before { content: ""; display: block; width: 10px; height: 10px; margin: 0 auto; border-right: 1.5px solid #6f645d; border-bottom: 1.5px solid #6f645d; transform: translateY(-3px) rotate(45deg); transition: transform .2s; }
.ay-mm-mob__przelacz[aria-expanded="true"]::before { transform: translateY(2px) rotate(-135deg); }
.ay-mm-mob li.ay-mm__wkrotce { padding-left: 8px !important; }