/* MHC mega menu v1 - desktop dropdown (>=1286px), mobile drawer account block (<=1285px) */
.mhm__feature, .mhm-acc, .mhm__title { display: none; }
.mhm .dropdown-content.mhm__panel > * { width: auto; margin-left: 0; margin-right: 0; }
.mhm__group { display: none; }
.mhm__group.is-cur { display: block; }
.mhm__tabs { display: flex; flex-wrap: wrap; gap: 10px; }
.mhm__tab { font: inherit; font-size: 14px; line-height: 1; letter-spacing: .5px; min-width: 72px; text-align: center; padding: 10px 18px; border: 1px solid #e2e2e2; border-radius: 999px; background: #fff; color: #202020; cursor: pointer; transition: background-color .15s, border-color .15s, color .15s; }
.mhm__tab.is-cur { background: #202020; border-color: #202020; color: #fff; }
.mhm__lh { display: block; font-weight: 700; break-after: avoid; }

@media screen and (min-width: 1286px) {
	.mhm .menu-item__dropdown--wrap { padding: 28px 40px 34px; border-top: 1px solid #ececec; box-shadow: 0 16px 30px -14px rgba(0, 0, 0, .2); }
	.mhm .menu-item__dropdown--inner.mhm__inner { max-width: 1240px; display: flex; flex-direction: row; align-items: flex-start; }
	.mhm .mhm__inner > .menu-item__dropdown--icn-back,
	.mhm .mhm__panel > .menu-item__dropdown--icn-back { display: none; }

	/* column 1 */
	.mhm .menu-item__dropdown--left.mhm__l1 { width: 250px; flex: 0 0 250px; margin: 0; padding: 0; border: 0; border-right: 1px solid #ececec; align-self: stretch; }
	.mhm .mhm__l1 .menu-item__dropdown--list { display: block; padding: 0 0 0 0; }
	.mhm .mhm__btn { display: flex; align-items: center; cursor: pointer; border-radius: 6px 0 0 6px; transition: background-color .15s; }
	.mhm .menu-item__dropdown .mhm__btn .dropdown-item__link { flex: 1 1 auto; display: block; min-height: 0; padding: 10px 14px; font-size: 15px; line-height: 1.3; letter-spacing: .1px; text-transform: none; font-weight: 400; color: #202020; background: none; }
	.mhm .mhm__btn .dropdown-item__link::before,
	.mhm .mhm__btn .dropdown-item__icn-next { display: none; }
	.mhm .mhm__btn::after { content: ""; flex: none; width: 7px; height: 7px; margin-right: 16px; border-top: 1.5px solid #202020; border-right: 1.5px solid #202020; transform: rotate(45deg); opacity: .3; transition: opacity .15s; }
	.mhm .mhm__btn:not([data-open]):not(:has(.mhm__next))::after { visibility: hidden; }
	.mhm .mhm__btn.is-cur { background: #fdf1ea; }
	.mhm .mhm__btn.is-cur .dropdown-item__link { font-weight: 600; }
	.mhm .mhm__btn.is-cur::after { opacity: 1; }

	/* column 2 */
	.mhm .menu-item__dropdown--right.mhm__l2 { flex: 1 1 auto; min-width: 0; padding: 0 36px; }
	.mhm .menu-item__dropdown--right.mhm__l2::before { display: none; }
	.mhm .dropdown-content.mhm__panel { display: none; margin: 0; }
	.mhm .dropdown-content.mhm__panel.is-cur { display: block !important; }
	.mhm .dropdown-content.mhm__panel.is_open:not(.is-cur) { display: none !important; }
	.mhm .mhm__links { column-gap: 36px; }
	.mhm .mhm__links--2 { column-count: 2; }
	.mhm .mhm__links--3 { column-count: 3; }
	.mhm .menu-item__dropdown .mhm__l2 a.dropdown-content__link { display: block; padding: 6px 0; font-size: 14px; line-height: 1.35; letter-spacing: .1px; text-transform: none; font-weight: 400; color: #444; break-inside: avoid; }
	.mhm .mhm__l2 a.dropdown-content__link::before { display: none; }
	.mhm .menu-item__dropdown .mhm__l2 a.dropdown-content__link:hover { color: #000; text-decoration: underline; text-underline-offset: 3px; }
	.mhm .menu-item__dropdown .mhm__l2 a.mhm__shopall { display: inline-block; padding: 10px 0 8px; margin-bottom: 6px; font-weight: 600; color: #202020; border-bottom: 2px solid #fac2a5; }
	.mhm .menu-item__dropdown .mhm__l2 a.mhm__viewall { margin: 14px 0 0; }
	.mhm .mhm__title { display: block; padding: 10px 0 8px; margin-bottom: 6px; font-size: 14px; font-weight: 600; color: #202020; }
	.mhm .mhm__tabs { margin: 4px 0 18px; }
	.mhm .mhm__lh { padding: 12px 0 2px; font-size: 12px; letter-spacing: 1.2px; color: #a0a0a0; }
	.mhm .mhm__group .mhm__lh:first-child { padding-top: 2px; }

	/* feature card */
	.mhm .mhm__feature { display: block; flex: 0 0 290px; width: 290px; }
	.mhm .menu-item__dropdown a.mhm__card,
	.mhm .mhm__card { display: block; padding: 0; color: #202020; text-decoration: none; }
	.mhm .mhm__card-img { display: block; aspect-ratio: 316 / 360; border-radius: 10px; overflow: hidden; background: #f6efeb; }
	.mhm .mhm__card-img img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
	.mhm .mhm__card:hover .mhm__card-img img { transform: scale(1.04); }
	.mhm .mhm__card-box { position: relative; display: block; margin: 0 12px; padding: 14px 16px 15px; background: #fff; border-radius: 8px; box-shadow: 0 8px 22px rgba(0, 0, 0, .1); }
	.mhm .mhm__card-img + .mhm__card-box { margin-top: -54px; }
	.mhm .mhm__card-h { display: block; font-size: 16px; font-weight: 700; line-height: 1.25; }
	.mhm .mhm__card-d { display: block; margin-top: 4px; font-size: 13px; line-height: 1.4; color: #555; }
	.mhm .mhm__card-cta { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; padding-bottom: 2px; font-size: 11px; font-weight: 700; letter-spacing: 1.4px; text-transform: uppercase; border-bottom: 2px solid #fac2a5; }
	.mhm .mhm__card:hover .mhm__card-cta { border-bottom-color: #202020; }
}

@media screen and (max-width: 1285px) {
	.menu__container .menu__container--top-panel { display: block !important; min-height: 0; padding: 0; }
	.menu__container--top-panel > .is_clone { display: none !important; }
	.mhm-acc { display: block; padding: 18px 12px 10px; margin-bottom: 6px; border-bottom: 1px solid #eee; }
	.mhm-acc__hi { font-size: 20px; font-weight: 700; line-height: 1.2; color: #202020; }
	.mhm-acc__sub { margin-top: 4px; font-size: 13px; color: #666; }
	.mhm-acc__rows { margin-top: 10px; }
	.mhm-acc__row { display: flex; align-items: center; gap: 12px; min-height: 46px; font-size: 14px; letter-spacing: 1.43px; text-transform: uppercase; color: #202020; text-decoration: none; }
	.mhm-acc__row:hover { color: #202020; text-decoration: none; }
	.mhm-acc__row svg { flex: none; }
	.mhm-acc__row span { flex: 1 1 auto; }
	.mhm-acc__row i { flex: none; width: 34px; text-align: center; }
	.mhm-acc__count { flex: none; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px; background: #fac2a5; font-size: 11px; font-style: normal; line-height: 20px; text-align: center; letter-spacing: 0; }
	.mhm .mhm__btn[data-open] { cursor: pointer; }
	.mhm .mhm__title { display: block; padding: 14px 20px 4px; font-weight: 700; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; }
	.mhm .mhm__tabs { padding: 12px 20px 6px; }
	.mhm .mhm__lh { padding: 14px 20px 4px; font-size: 13px; }
	.menu__container .menu-item__dropdown .dropdown-content__link.mhm__shopall { font-weight: 700; }
}

/* mhm-v3: mobile - one link per line, selected letter tab text visible */
@media screen and (max-width: 1285px) {
	.menu__container .mhm .menu-item__dropdown a.dropdown-content__link { display: block; padding: 11px 20px; }
	.menu__container .mhm .menu-item__dropdown a.dropdown-content__link.mhm__shopall { padding-top: 14px; }
	.menu__container .menu-item__dropdown .dropdown-content.is_open .mhm__tab.is-cur { color: #fff; }
}