body { margin: 0; }

body,
button, input, select, textarea { font-family: var(--mgk-font); }

.mgk-fm, .mgk-fm__site { font-family: var(--mgk-font); color: var(--mgk-text); background: var(--mgk-bg); }
.mgk-fm * { box-sizing: border-box; }
.mgk-fm img { max-width: 100%; display: block; }

.mgk-section { max-width: var(--mgk-maxw); width: 100%; min-width: 0; margin: 0 auto; padding: 32px var(--mgk-pad-x); box-sizing: border-box; }

.mgk-grid { display: grid; gap: 16px; }
.mgk-grid--1 { grid-template-columns: repeat(1, 1fr); }
.mgk-grid--2 { grid-template-columns: repeat(2, 1fr); }
.mgk-grid--3 { grid-template-columns: repeat(3, 1fr); }
.mgk-grid--4 { grid-template-columns: repeat(4, 1fr); }
.mgk-grid--5 { grid-template-columns: repeat(5, 1fr); }
.mgk-grid--6 { grid-template-columns: repeat(6, 1fr); }

.mgk-sh { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 32px; }
.mgk-sh > div:first-child { flex: 1 1 auto; min-width: 0; }

@media (min-width: 721px) {
	.mgk-category .mgk-sh,
	.mgk-flashwrap .mgk-sh,
	.mgk-promo .mgk-sh,
	.mgk-quickreorder .mgk-sh,
	.mgk-products .mgk-sh {
		align-items: center;
	}
}
.mgk-sh__title { font-size: 22px; font-weight: 800; color: var(--mgk-text); margin: 0; }
.mgk-sh__sub { font-size: 14px; color: var(--mgk-text-2); margin: 4px 0 0; }

.mgk-quickreorder .mgk-sh__sub { margin-top: 2.5px; line-height: 18px; }

.mgk-promo .mgk-sh__sub { margin-top: 2.5px; line-height: 18px; }

[data-widget_type="mgk_featured_products.default"] .mgk-sh__sub { margin-top: 2.5px; line-height: 18px; }

.page-id-552 .mgk-products .mgk-sh__sub { display: none; }

.mgk-card { background: var(--mgk-surface); border: 1px solid var(--mgk-border); border-radius: var(--mgk-radius); box-shadow: var(--mgk-shadow); padding: 20px; }

.mgk-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; font-family: inherit; font-weight: 600; border: none; cursor: pointer; border-radius: var(--mgk-radius-sm); padding: 8px 16px; font-size: 14px; transition: opacity .15s; text-decoration: none; line-height: 1.2; }
.mgk-btn:hover { opacity: .9; }
.mgk-btn.is-disabled { opacity: .5; cursor: not-allowed; pointer-events: none; }
.mgk-btn.is-disabled:hover { opacity: .5; }

.mgk-btn.is-loading,
.mgk-checkout__voucher-card.is-loading { pointer-events: none; }
.mgk-btn.is-loading::before,
.mgk-checkout__voucher-card.is-loading::before {
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	flex-shrink: 0;
	border: 2px solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	animation: mgk-btn-spin .6s linear infinite;
}
@keyframes mgk-btn-spin { to { transform: rotate(360deg); } }
.mgk-btn--lg { padding: 12px 20px; font-size: 15px; }
.mgk-btn--sm { padding: 6px 12px; font-size: 13px; }
.mgk-btn--xs { padding: 4px 8px; font-size: 12px; border-radius: var(--mgk-radius-sm); }
.mgk-btn--navy { background: var(--mgk-navy); color: #fff; }
.mgk-btn--teal { background: var(--mgk-teal); color: #fff; }
.mgk-btn--green { background: var(--mgk-green); color: #fff; }
.mgk-btn--red { background: var(--mgk-red); color: #fff; }
.mgk-btn--outline { background: #fff; color: var(--mgk-navy); border: 1.5px solid var(--mgk-navy); }
.mgk-btn--white { background: #fff; color: var(--mgk-navy); border: 1px solid var(--mgk-border); }

.mgk-btn--link { background: none; border: none; padding: 6px 4px; color: #165DFF; font-weight: 400; }
.mgk-btn--link:hover { opacity: .75; }
.mgk-btn--ghost { background: transparent; color: var(--mgk-navy); border: 1px solid transparent; }
.mgk-btn--ghost:hover { background: var(--mgk-bg-alt); opacity: 1; }

.mgk-chip { display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; border-radius: 999px; font-size: 12px; font-weight: 600; line-height: 1; }

.mgk-chip--halal, .mgk-chip--organic, .mgk-chip--sfa {
	flex-direction: row;
	min-width: 50px;
	height: 24px;
	padding: 4px 10px;
	gap: 4px;
	border: none;
	border-radius: 8px;
	font-family: 'Quicksand', var(--mgk-font);
	font-style: normal;
	font-weight: 600;
	font-size: 12px;
	line-height: 16px;
}
.mgk-chip--halal   { background: var(--mgk-halal-bg);   color: var(--mgk-halal); }
.mgk-chip--organic { background: var(--mgk-organic-bg); color: var(--mgk-organic); }
.mgk-chip--sfa     { background: var(--mgk-sfa-bg);     color: var(--mgk-sfa); }
.mgk-chip--teal    { background: var(--mgk-teal-bg);    color: var(--mgk-teal);    border: 1px solid rgba(0,153,179,.27); }
.mgk-chip--green   { background: var(--mgk-green-bg);   color: var(--mgk-green);   border: 1px solid rgba(34,168,107,.27); }
.mgk-chip--red     { background: var(--mgk-red-bg);     color: var(--mgk-red);     border: 1px solid rgba(232,80,64,.27); }
.mgk-chip--amber   { background: var(--mgk-amber-bg);   color: var(--mgk-amber);   border: 1px solid rgba(240,152,48,.27); }
.mgk-chip--grey    { background: var(--mgk-bg-alt);      color: var(--mgk-text-3);  border: 1px solid var(--mgk-border); }
.mgk-chip--picking   { background: #EDE9FE; color: #7C3AED; border: 1px solid rgba(124,58,237,.27); }
.mgk-chip--confirmed { background: #E3F0FF; color: var(--mgk-blue); border: 1px solid rgba(21,101,192,.27); }
.mgk-chip--default { background: var(--mgk-surface);    color: var(--mgk-text-2);  border: 1px solid var(--mgk-border); text-decoration: none; }
.mgk-chip--muted   { background: var(--mgk-bg-alt);      color: var(--mgk-text-2);  border: 1px solid var(--mgk-border); }
a.mgk-chip--default:hover { background: var(--mgk-border-lt); }
.mgk-hide-sm { display: inline; }

.mgk-header { position: fixed; top: 0; left: 0; right: 0; z-index: 500; height: 70px; background: #FFFFFF; color: var(--mgk-navy-900); display: flex; align-items: center; justify-content: space-between; gap: 12px 0; padding: 0 24px; flex-wrap: wrap; transition: transform .25s ease; }

.mgk-header__back, .mgk-header__title { display: none; }

.mgk-profile__edit { display: none; }

.mgk-profile__settings-row { display: none; }

.mgk-section.mgk-acctset,
.elementor > .elementor-element:first-child + .elementor-element .mgk-section.mgk-acctset {
	max-width: 720px;
	margin: 0 auto;
	padding: 32px var(--mgk-pad-x, 16px) 64px;
}
.mgk-acctset__rows { display: flex; flex-direction: column; gap: 12px; }
.mgk-acctset__row {
	display: flex; align-items: center; justify-content: space-between;
	padding: 14px 16px;
	border: 1px solid #E4E7EC; border-radius: 12px;
	background: #fff; text-decoration: none;
}
.mgk-acctset__row-label { font-weight: 600; color: #101828; }
.mgk-acctset__row-chev { color: #667085; }

.mgk-acctset__lang,
.mgk-acctset__actions { display: none; }

.mgk-header.is-hidden { transform: translateY(-100%); }

body { padding-top: 70px; }

body.admin-bar .mgk-header { top: 32px; }
@media (max-width: 782px) { body.admin-bar .mgk-header { top: 46px; } }

.elementor > .elementor-element:first-child + .elementor-element .mgk-section {
	padding-top: 0;
}

.elementor > .elementor-element:first-child + .elementor-element .mgk-section.mgk-profile,
.mgk-section.mgk-profile {
	padding-top: 24px;
}

.elementor > .elementor-element:first-child + .elementor-element .mgk-section.mgk-rev,
.mgk-section.mgk-rev {
	padding-top: 32px;
}
.mgk-header__left { display: flex; align-items: center; gap: 49px; min-width: 0; }

@media (min-width: 1281px) {
	.mgk-header__left { width: 691px; flex: 0 0 691px; }
}

@media (min-width: 1281px) {
	.mgk-header--home .mgk-header__logo { width: 46px; height: 46px; }
	.mgk-header--home .mgk-header__brand { width: 171px; }
	.mgk-header--home .mgk-header__brand-text { flex: 1 1 auto; min-width: 0; }
	.mgk-header--home .mgk-header__brand-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.mgk-header--home .mgk-header__location { min-width: 0; font-size: 9.5px; }
	.mgk-header--home .mgk-header__location > span { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}
.mgk-header__brand { display: flex; align-items: center; gap: 10px; text-decoration: none; color: var(--mgk-navy-900); flex-shrink: 0; }
.mgk-header__logo { background: none; width: 42px; height: 42px; border-radius: 13px; display: flex; align-items: center; justify-content: center; font-family: 'Quicksand', var(--mgk-font); font-weight: 700; font-size: 16px; color: #061937; border: 1.5px solid #0E3B81; }
.mgk-header__logo--img { border: none; background: none; object-fit: contain; }
.mgk-header__brand-text { display: flex; flex-direction: column; line-height: 1.1; }
.mgk-header__brand-name { font-family: var(--mgk-font); font-weight: 700; font-size: 20px; line-height: 17.5px; color: #061937; }
.mgk-header__location { display: flex; align-items: center; gap: 6px; padding: 6px 0 0; margin-top: 2px; color: #1B3A52; opacity: .7; font-size: 12px; font-weight: 600; line-height: 1; }
.mgk-header__location svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; flex-shrink: 0; }

.mgk-header__nav { display: flex; align-items: center; gap: 20px; list-style: none; margin: 0; padding: 0; min-width: 0; width: 404px; flex: 0 0 404px; }
.mgk-header__nav a { font-family: 'Quicksand', var(--mgk-font); color: #0A2A5C; text-decoration: none; font-size: 14px; font-weight: 700; opacity: .7; transition: opacity .15s; white-space: nowrap; }
.mgk-header__nav a:hover { opacity: 1; }
.mgk-header__nav a.is-active { opacity: 1; font-weight: 800; color: #061937; }

.mgk-header__nav-user { display: none; }

.mgk-header__right { display: flex; align-items: center; gap: 4px; flex: 1 0 0; justify-content: flex-end; min-width: 0; height: 70px; margin-left: 24px; }

@media (min-width: 1281px) {
	.mgk-header__right { gap: 8px; margin-left: 0; }
}
.mgk-header__pill { background: transparent; padding: 6px 12px; border-radius: 10px; font-size: 12px; font-weight: 600; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; color: var(--mgk-navy-900); white-space: nowrap; }
.mgk-header__cart { position: relative; text-decoration: none; }

.mgk-header__icon { position: relative; display: inline-flex; }
.mgk-header__user svg, .mgk-header__notifications svg { width: 18px; height: 18px; fill: currentColor; stroke: none; }
.mgk-header__notifications svg { height: 20px; }
.mgk-header__user svg { width: 20px; height: 20px; }

.mgk-header__badge { position: absolute; top: -4px; right: -4px; min-width: 16px; height: 16px; padding: 0 3px; border-radius: 999px; background: var(--mgk-red); color: rgba(255,255,255,.9); font-size: 10px; font-weight: 900; display: inline-flex; align-items: center; justify-content: center; line-height: 1; }
.mgk-header__badge[hidden] { display: none !important; }

.mgk-header__search { position: relative; gap: 8px; min-width: 0; height: 57.14%; flex: 0 1 max(320px, min(680px, 39.24vw)); max-width: none; border: 1px solid #86909C; }
.mgk-header__search-icon { background: none; border: 0; padding: 0; cursor: pointer; line-height: 1; color: #1A2630; display: inline-flex; }
.mgk-header__search-icon svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.mgk-header__search-input { font-family: 'Quicksand', var(--mgk-font); background: transparent; border: 0; outline: none; color: #061937; font-size: 14px; width: 100%; min-width: 0; }
.mgk-header__search-input::placeholder { color: rgba(6,25,55,.6); }
.mgk-header__burger { display: none; background: none; border: 0; color: var(--mgk-navy-900); font-size: 20px; line-height: 1; padding: 4px 6px; cursor: pointer; }
.mgk-header__search:focus-within { background: var(--mgk-bg-alt); box-shadow: 0 0 0 1px #E9EBEF inset; }
.mgk-header__zone { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: var(--mgk-navy-900); text-decoration: none; white-space: nowrap; }
.mgk-header__user, .mgk-header__notifications, .mgk-header__cart { border: none; }
.mgk-header__user, .mgk-header__notifications, .mgk-header__cart { width: 40px; height: 40px; justify-content: center; padding: 0; color: #061937; flex-shrink: 0; }

.mgk-header__user-wrap { position: relative; }

.mgk-header__user-wrap .mgk-header__user-avatar { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; object-position: center; max-width: none; }
.mgk-header__user-avatar--initials { display: flex; align-items: center; justify-content: center; background: #E8F3FF; color: #1363FF; font-size: 15px; font-weight: 700; }

.mgk-header__user-avatar--initials[hidden] { display: none !important; }

.mgk-header__user-summary { display: flex; align-items: center; gap: 10px; padding: 10px 12px 12px; margin-bottom: 4px; border-bottom: 1px solid var(--mgk-border); }
.mgk-header__user-avatar--large { width: 48px; height: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.mgk-header__user-summary .mgk-header__user-avatar { width: 48px; height: 48px; font-size: 17px; }
.mgk-header__user-summary-text { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.mgk-header__user-summary-text strong { font-family: 'Quicksand', var(--mgk-font); font-size: 14px; font-weight: 700; color: var(--mgk-navy-900); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mgk-header__user-summary-text small { font-size: 12px; color: rgba(6,25,55,.6); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mgk-header__user-dropdown { position: absolute; top: calc(100% + 8px); right: 0; z-index: 60; min-width: 220px; background: var(--mgk-surface); border: 1px solid var(--mgk-border); border-radius: 16px; box-shadow: var(--mgk-shadow-lg); padding: 8px; box-sizing: border-box; display: flex; flex-direction: column; gap: 2px; }
.mgk-header__user-dropdown[hidden] { display: none !important; }
.mgk-header__user-item { display: block; padding: 10px 12px; border-radius: 10px; font-family: 'Quicksand', var(--mgk-font); font-size: 14px; font-weight: 600; color: var(--mgk-navy-900); text-decoration: none; white-space: nowrap; }
.mgk-header__user-item:hover { background: var(--mgk-bg-alt); }
.mgk-header__user-item--signout { color: var(--mgk-red); }
.mgk-header__user-item--cta { background: var(--mgk-blue); color: #fff; text-align: center; }
.mgk-header__user-item--cta:hover { background: var(--mgk-blue); opacity: .92; }

.mgk-header__notif-wrap { position: relative; }
.mgk-header__notifications { position: relative; }
.mgk-notif__dropdown { position: absolute; top: calc(100% + 8px); right: 0; z-index: 60; width: 548px; max-width: 90vw; background: var(--mgk-surface); border: 1px solid var(--mgk-border); border-radius: 16px; box-shadow: var(--mgk-shadow-lg); padding: 24px; box-sizing: border-box; display: flex; flex-direction: column; gap: 16px; }
.mgk-notif__dropdown[hidden] { display: none !important; }
.mgk-notif__header { display: flex; align-items: center; justify-content: space-between; padding: 0; width: 100%; box-sizing: border-box; }
.mgk-notif__title { font-family: 'Quicksand', sans-serif; font-size: 18px; font-weight: 700; color: var(--mgk-blue); line-height: 28px; margin: 0; }
.mgk-notif__unread-text { font-family: 'Quicksand', sans-serif; font-size: 12px; font-weight: 500; color: var(--mgk-blue); line-height: 16px; margin: 0; }
.mgk-notif__body { max-height: 420px; overflow-y: auto; padding: 0; display: flex; flex-direction: column; width: 100%; box-sizing: border-box; }
.mgk-notif__empty { margin: 16px 8px; font-size: 13px; color: var(--mgk-navy-800); opacity: .7; text-align: center; }
.mgk-notif__list { display: flex; flex-direction: column; width: 100%; }
.mgk-notif__item { display: flex; flex-direction: column; gap: 4px; padding: 12px 8px; text-decoration: none; border-bottom: 1px solid var(--mgk-border-lt); border-top: 1px solid var(--mgk-border-lt); margin-top: -1px; width: 100%; box-sizing: border-box; }
.mgk-notif__item:first-child { border-top: 1px solid var(--mgk-border-lt); }
.mgk-notif__item:hover { background: var(--mgk-bg-alt); }
.mgk-notif__item.is-unread .mgk-notif__item-title { position: relative; }
.mgk-notif__item.is-unread .mgk-notif__item-title::after { content: ''; display: inline-block; width: 6px; height: 6px; margin-left: 6px; border-radius: 999px; background: var(--mgk-red); vertical-align: middle; }
.mgk-notif__item-title { display: block; font-family: 'Quicksand', sans-serif; font-size: 14px; font-weight: 600; color: var(--mgk-blue); line-height: 20px; }
.mgk-notif__item-msg { display: block; font-family: 'Quicksand', sans-serif; font-size: 12px; font-weight: 400; color: var(--mgk-text); line-height: 16px; }
.mgk-notif__item-time { display: block; font-family: 'Quicksand', sans-serif; font-size: 12px; font-weight: 400; color: var(--mgk-text-3); line-height: 16px; margin: 0; opacity: 1; }
.mgk-notif__footer { display: flex; justify-content: center; align-items: flex-start; padding: 0; width: 100%; box-sizing: border-box; }
.mgk-notif__viewall { display: inline-block; font-family: 'Quicksand', sans-serif; font-size: 14px; font-weight: 600; color: var(--mgk-blue); line-height: 20px; text-decoration: none; }
.mgk-notif__viewall:hover { text-decoration: underline; }
@media (max-width: 1280px) {

	.mgk-header { padding: 0 16px; }
	.mgk-header__nav { gap: 12px; }
	.mgk-header__nav a { font-size: 13px; }
}
@media (max-width: 1140px) {
	.mgk-header__left { gap: 24px; }
}

.mgk-section.mgk-hero { max-width: none; margin: 0; padding: 0; }
.mgk-hero {
	position: relative;
	background: var(--mgk-surface);

	--mgk-hero-ratio: 3.186;
	--mgk-hero-blue: #1363FF;

	--mgk-hero-blue-dark: #0048D5;
}
.mgk-hero__banner { display: block; width: 100%; aspect-ratio: var(--mgk-hero-ratio); object-fit: cover; object-position: right center; }

.mgk-hero:not(.mgk-cathero2)::before {
	content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none;
	background: linear-gradient(90deg, #D9E8F7 0%, #D9E8F7 25%, rgba(217,232,247,.5) 40%, rgba(217,232,247,0) 55%);
}

.mgk-hero__inner { position: absolute; inset: 0; z-index: 2; display: flex; align-items: center; padding: 0 5.75%; }

.mgk-hero__copy { font-size: clamp(10px, 1.05vw, 18px); max-width: 34em; }

.mgk-hero__heading { margin: 0 0 .7em; font-weight: 800; font-size: 3.5em; line-height: 1.14; letter-spacing: -.02em; }
.mgk-hero__heading-top, .mgk-hero__heading-accent { display: block; }
.mgk-hero__heading-top { color: var(--mgk-navy-900); }

.mgk-hero__heading-accent {
	color: #2666CC;
	background: linear-gradient(90deg, #2666CC 0%, #63A0EE 100%);
	-webkit-background-clip: text; background-clip: text;
	-webkit-text-fill-color: transparent;
}
.mgk-hero__sub { margin: 0 0 1.75em; max-width: 26em; font-size: 1.125em; font-weight: 500; line-height: 1.55; color: #4B5563; }

.mgk-hero__ctas { display: flex; flex-wrap: wrap; gap: .875em; }
.mgk-hero__btn {
	display: inline-flex; align-items: center; gap: .75em;
	min-height: 3.5em; padding: 0 1.375em 0 1.75em;
	border: 1.5px solid var(--mgk-hero-blue); border-radius: .625em;
	font-family: inherit; font-size: 1em; font-weight: 700; line-height: 1.2;
	text-decoration: none; cursor: pointer;
	transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
.mgk-hero__btn-arrow { flex: 0 0 auto; width: 1.625em; height: 1.625em; }

.mgk-hero__btn--primary { background: var(--mgk-hero-blue); color: #fff; }
.mgk-hero__btn--primary:hover,
.mgk-hero__btn--primary:focus-visible { background: var(--mgk-hero-blue-dark); border-color: var(--mgk-hero-blue-dark); color: #fff; }

.mgk-hero__btn--ghost { background: #fff; color: var(--mgk-hero-blue); }
.mgk-hero__btn--ghost:hover,
.mgk-hero__btn--ghost:focus-visible { background: var(--mgk-hero-blue); color: #fff; }
.mgk-hero__btn:focus-visible { outline: 3px solid rgba(19, 99, 255, .35); outline-offset: 2px; }

.mgk-hero__marks { display: flex; flex-wrap: nowrap; align-items: center; margin: 2.25em 0 0; padding: 0; list-style: none; }
.mgk-hero__mark { display: inline-flex; align-items: center; gap: .5em; padding: 0 1.125em; border-left: 1px solid rgba(27, 58, 82, .16); }
.mgk-hero__mark:first-child { padding-left: 0; border-left: 0; }
.mgk-hero__mark-chip { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 2em; height: 2em; border-radius: 50%; background: rgba(19, 99, 255, .1); color: var(--mgk-hero-blue); }
.mgk-hero__mark-icon { width: 1.125em; height: 1.125em; }
.mgk-hero__mark-text { font-size: .875em; font-weight: 500; line-height: 1.35; color: var(--mgk-navy-900); white-space: nowrap; }

@media (max-width: 820px) {
	.mgk-hero { --mgk-hero-ratio: auto; }

	.mgk-hero .mgk-hero__banner { position: absolute; inset: 0; width: 100%; height: 100%; aspect-ratio: auto; object-position: left center; }

	.mgk-hero__inner { position: relative; z-index: 2; min-height: 340px; padding: 2em 5%; }
	.mgk-hero__copy { font-size: 15px; max-width: 100%; }
	.mgk-hero__sub { max-width: 30em; }

	.mgk-hero__marks { flex-wrap: wrap; gap: .6em 1.25em; }
	.mgk-hero__mark { padding: 0; border-left: 0; }
}
@media (max-width: 640px) {
	.mgk-hero__inner { min-height: 244px; padding: 1.6em 5%; }
	.mgk-hero__copy { font-size: 13.5px; }
	.mgk-hero__heading { font-size: 2.25em; }
}

.e-con-full:has(> .elementor-widget-mgk_hero_v2),
.e-con-full:has(> .elementor-widget-mgk_hero) { padding-left: 0; padding-right: 0; }

.mgk-banner-ph { display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: var(--mgk-banner-ph-ratio, 2.4); border-radius: var(--mgk-radius-lg); background: linear-gradient(135deg, #EAF1FB, #F5F8FD); }
.mgk-hero .mgk-banner-ph { border-radius: 0; --mgk-banner-ph-ratio: var(--mgk-hero-ratio); }
.mgk-abanner .mgk-banner-ph { --mgk-banner-ph-ratio: var(--mgk-abanner-ratio); }
.mgk-banner-ph[hidden] { display: none; }
.mgk-banner-ph__icon { font-size: 64px; filter: drop-shadow(0 14px 30px rgba(0,13,38,.15)); }

.mgk-herov2 { position: relative; display: flex; align-items: center; gap: 40px; min-height: 420px; background: linear-gradient(135deg, #EAF1FB, #F5F8FD); flex-wrap: wrap; overflow: hidden; width: 100%; border-radius: 0; padding: 48px var(--mgk-pad-x); }
.mgk-herov2--photo { background-size: cover; background-position: center; }

.mgk-herov2__scrim { position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, #EAF1FB 0%, #EAF1FB 44%, rgba(234,241,251,.55) 54%, rgba(234,241,251,0) 66%); }
.mgk-herov2__left { position: relative; z-index: 2; flex: 1 1 420px; min-width: 320px; }
.mgk-herov2__tag { display: inline-block; background: #fff; border: 1px solid var(--mgk-border); border-radius: 999px; padding: 6px 14px; font-size: 13px; font-weight: 700; color: var(--mgk-navy-900); margin-bottom: 16px; }
.mgk-herov2__heading { font-size: 40px; line-height: 1.15; font-weight: 800; color: var(--mgk-navy-900); margin: 0 0 14px; }
.mgk-herov2__accent { color: var(--mgk-cta-blue); }
.mgk-herov2__sub { font-size: 15px; color: var(--mgk-text-2); max-width: 460px; margin: 0 0 22px; }
.mgk-herov2__ctas { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 18px; }
.mgk-herov2__checks { font-size: 12.5px; font-weight: 600; color: rgba(27,58,82,.65); }
.mgk-herov2__right { position: relative; z-index: 2; flex: 1 1 280px; min-width: 240px; height: 260px; display: flex; align-items: center; justify-content: center; }
.mgk-herov2__emoji { font-size: 120px; filter: drop-shadow(0 14px 30px rgba(0,13,38,.25)); }
.mgk-herov2__pills { position: absolute; inset: 0; z-index: 2; pointer-events: none; }
.mgk-herov2__pill { position: absolute; background: #fff; box-shadow: 0 8px 18px rgba(0,13,38,.2); border-radius: 999px; padding: 7px 13px; font-weight: 700; font-size: 12.5px; color: var(--mgk-navy-900); white-space: nowrap; }
.mgk-herov2__pill--1 { top: 16%; left: 58%; transform: rotate(7deg); }
.mgk-herov2__pill--2 { bottom: 24%; right: 8%; background: var(--mgk-green, #16875A); color: #fff; transform: rotate(-6deg); }
.mgk-herov2__pill--3 { bottom: 10%; left: 60%; background: var(--mgk-red); color: #fff; transform: rotate(-8deg); }
@media (max-width: 768px) {
	.mgk-herov2 { padding: 28px; min-height: 0; background-image: none !important; }
	.mgk-herov2__heading { font-size: 30px; }
	.mgk-herov2__right, .mgk-herov2__pills, .mgk-herov2__scrim { display: none; }
}

.mgk-btn--blue { background: var(--mgk-blue); color: #fff; }

.mgk-abanner {
	position: relative; isolation: isolate; overflow: hidden;
	--mgk-abanner-ratio: 5.14;
	--mgk-hero-blue: #1363FF;
	--mgk-hero-blue-dark: #0048D5;
	background: #DDECFB;
}
.mgk-abanner__img {
	display: block; width: 100%; aspect-ratio: var(--mgk-abanner-ratio);
	object-fit: cover; object-position: right center; border-radius: inherit;
}
.mgk-abanner::before {
	content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none;
	background: linear-gradient(90deg, #DDECFB 0%, rgba(221,236,251,.98) 30%, rgba(221,236,251,.58) 47%, rgba(221,236,251,0) 62%);
}
.mgk-abanner__inner {
	position: absolute; inset: 0; z-index: 2;
	display: flex; align-items: center; padding: 0 5.75%;
}
.mgk-abanner__content { max-width: 48em; font-size: clamp(11px, 1vw, 17px); }
.mgk-abanner__heading {
	margin: 0 0 .4em; color: #1761C9;
	font-size: 3em; font-weight: 800; line-height: 1.12; letter-spacing: -.025em;
}
.mgk-abanner__sub { margin: 0 0 1.7em; color: var(--mgk-navy-900); font-size: 1.25em; font-weight: 500; line-height: 1.5; }
.mgk-abanner__ctas { display: flex; flex-wrap: wrap; gap: .875em; }
.mgk-abanner__btn { min-width: 13.5em; justify-content: center; }

@media (max-width: 820px) {
	.mgk-abanner { --mgk-abanner-ratio: auto; min-height: 340px; }
	.mgk-abanner .mgk-abanner__img { position: absolute; inset: 0; width: 100%; height: 100%; aspect-ratio: auto; object-position: left center; }

	.mgk-abanner__inner { position: relative; z-index: 2; min-height: 340px; padding: 2em 5%; }
	.mgk-abanner__content { max-width: 100%; font-size: 15px; }
	.mgk-abanner__heading { font-size: 2.4em; }
}

.mgk-quickreorder .mgk-sh > div:first-child { flex: 0 0 518.33px; width: 518.33px; }

.mgk-quickreorder__row { display: flex; gap: 16px; overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none; -ms-overflow-style: none; }
.mgk-quickreorder__row::-webkit-scrollbar { display: none; }
.mgk-quickreorder-card {
	box-sizing: border-box;

	display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto 1fr;

	row-gap: 12px; column-gap: 34px;

	flex: none;
	padding: 20px; width: 260px; min-width: 0; min-height: 126px;
	background: var(--mgk-surface); border: 1px solid var(--mgk-border);
	border-radius: 16px; transition: border-color .2s;
}
.mgk-quickreorder-card:hover { border-color: #1E3545; }
.mgk-quickreorder-card:hover .mgk-quickreorder-card__add { background: #0D3985; }

.mgk-quickreorder-card__body { grid-area: 1 / 1 / 2 / 3; display: flex; flex-direction: column; min-width: 0; }

.mgk-quickreorder-card__last { display: none; }
.mgk-quickreorder-card__items { display: none; }
.mgk-quickreorder-card__total { display: none; }
.mgk-quickreorder-card__sub, .mgk-quickreorder-card__more { display: none; }
.mgk-quickreorder-card__name { font-family: 'Quicksand', var(--mgk-font); font-style: normal; font-weight: 700; font-size: 16px; line-height: 24px; color: #1B3A52; }

.mgk-quickreorder-card__media { grid-area: 2 / 1 / 3 / 2; display: flex; flex-wrap: nowrap; align-items: flex-start; gap: 8px; min-width: 0; overflow: hidden; }

.mgk-quickreorder-card__thumb { box-sizing: border-box; width: 48px; height: 48px; border: 1px solid var(--mgk-border); border-radius: 10px; overflow: hidden; background: var(--mgk-ph-bg); flex: none; display: flex; align-items: center; justify-content: center; }
body .mgk-quickreorder-card__thumb img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.mgk-quickreorder-card__ph { font-size: 20px; }

.mgk-quickreorder-card__add { grid-area: 2 / 2 / 3 / 3; align-self: end; justify-self: end; background: #1363FF; color: #fff; font-size: 12px; width: 24px; height: 24px; padding: 6px; border-radius: 18px; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; line-height: 1; border: none; cursor: pointer; transition: background .2s; }
.mgk-quickreorder-card__add:disabled { opacity: .6; cursor: default; }

@media (max-width: 640px) {
	.mgk-quickreorder-card__media { padding-left: 8px; }
	.mgk-quickreorder-card__thumb { width: 44px; height: 44px; border-radius: 50%; border: 2px solid var(--mgk-surface); box-shadow: 0 2px 6px rgba(27,58,82,.12); }
	.mgk-quickreorder-card__thumb + .mgk-quickreorder-card__thumb { margin-left: -8px; }
}

.mgk-quickreorder__signin { display: flex; align-items: center; justify-content: space-between; gap: 16px; background: var(--mgk-surface); border: 1.5px solid var(--mgk-border); border-radius: 10px; padding: 16px; }
.mgk-quickreorder__signin-title { display: block; font-size: 14px; font-weight: 600; color: var(--mgk-navy-900); }
.mgk-quickreorder__signin-sub { display: block; margin-top: 4px; font-size: 12px; color: var(--mgk-text-2); }
.mgk-quickreorder__signin-cta { flex-shrink: 0; white-space: nowrap; }
@media (max-width: 480px) {
	.mgk-quickreorder__signin { flex-direction: column; align-items: flex-start; }
}

.mgk-trust { background: var(--mgk-surface); border-bottom: 1px solid var(--mgk-border); padding: 10px 24px; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.mgk-trust__item { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 8px; }
.mgk-trust__text { font-size: 12px; font-weight: 600; }
.mgk-trust__item--halal   { background: var(--mgk-halal-bg); }   .mgk-trust__item--halal .mgk-trust__text   { color: var(--mgk-halal); }
.mgk-trust__item--sfa     { background: var(--mgk-sfa-bg); }     .mgk-trust__item--sfa .mgk-trust__text     { color: var(--mgk-sfa); }
.mgk-trust__item--organic { background: var(--mgk-organic-bg); } .mgk-trust__item--organic .mgk-trust__text { color: var(--mgk-organic); }
.mgk-trust__item--muted   { background: var(--mgk-bg-alt); }     .mgk-trust__item--muted .mgk-trust__text   { color: var(--mgk-text-2); }
.mgk-trust__item--teal    { background: var(--mgk-teal-bg); }    .mgk-trust__item--teal .mgk-trust__text    { color: var(--mgk-teal); }
.mgk-trust__item--green   { background: var(--mgk-green-bg); }   .mgk-trust__item--green .mgk-trust__text   { color: var(--mgk-green); }

.mgk-catrow { display: flex; gap: 20px; width: 100%; min-width: 0; overflow-x: auto; padding-bottom: 0; scroll-behavior: smooth; scrollbar-width: thin; scrollbar-color: transparent transparent; }
.mgk-catrow:hover { scrollbar-color: var(--mgk-border) transparent; }
.mgk-catrow::-webkit-scrollbar { height: 6px; }
.mgk-catrow::-webkit-scrollbar-track { background: transparent; }
.mgk-catrow::-webkit-scrollbar-thumb { background: transparent; border-radius: 3px; }
.mgk-catrow:hover::-webkit-scrollbar-thumb { background: var(--mgk-border); }

.mgk-cat-card { position: relative; display: flex; flex-direction: column; align-items: center; gap: 4px; text-decoration: none; flex: 0 0 auto; width: 114px; height: 88px; }
.mgk-cat-card__media { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; transition: transform .3s; }
.mgk-cat-card:hover .mgk-cat-card__media { transform: scale(1.05); }
.mgk-cat-card__icon { font-size: 40px; line-height: 1; }
.mgk-cat-card__icon img, .mgk-coltabs__icon img, .mgk-catmenu__icon img { width: 1em; height: 1em; object-fit: contain; display: block; }
.mgk-cat-card__img--ph { display: block; width: 100%; height: 100%; border-radius: 12px; background: linear-gradient(135deg, var(--mgk-bg-alt), var(--mgk-border)); }
.mgk-cat-card__name { display: block; color: var(--mgk-text-dark); font-weight: 600; font-size: 12px; line-height: 1.3; text-align: center; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 640px) {
	.mgk-catrow { gap: 12px; }
	.mgk-cat-card { width: 88px; }
	.mgk-cat-card__media { width: 48px; height: 48px; }
	.mgk-cat-card__icon { font-size: 32px; }
}

.mgk-prod { box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; background: #FFFFFF; border: 1px solid #F2F3F5; border-radius: 12px; overflow: hidden; text-decoration: none; transition: box-shadow .2s, border-color .2s; font-family: 'Quicksand', var(--mgk-font); align-self: start; }
.mgk-prod:hover { box-shadow: var(--mgk-shadow-lg); border-color: #1E3545; }

.mgk-prod .mgk-prod__add:hover, .mgk-prod .mgk-prod__add-wide:hover { background: #0D3985; }
.mgk-prod__media { position: relative; aspect-ratio: 16 / 11; background: #EBF0F6; overflow: hidden; }

.mgk-products .mgk-grid,
.mgk-reviews .mgk-grid { grid-template-columns: repeat(auto-fill, minmax(256px, 1fr)); overflow: hidden; }
.mgk-products .mgk-prod__media { height: auto; aspect-ratio: 16 / 11; min-height: 132px; }

@media (min-width: 641px) {
	[data-widget_type="mgk_featured_products.default"] .mgk-products .mgk-grid {
		overflow: visible;
	}

	body:has(.mgk-pdp) .mgk-products .mgk-grid {
		grid-template-columns: none;
		grid-auto-flow: column;
		grid-auto-columns: 256px;
		gap: 16px;
		overflow-x: auto; overflow-y: hidden;
		scroll-behavior: smooth; scroll-snap-type: x proximity;
		scrollbar-width: none; -ms-overflow-style: none;
	}
	body:has(.mgk-pdp) .mgk-products .mgk-grid::-webkit-scrollbar { display: none; }
	body:has(.mgk-pdp) .mgk-products .mgk-grid .mgk-prod { scroll-snap-align: start; }
	body:has(.mgk-pdp) .mgk-products .mgk-sh__sub,
	body:has(.mgk-pdp) .mgk-products .mgk-products__cta { display: none; }
	body:has(.mgk-pdp) .mgk-products .mgk-products__arrows { display: flex; flex: 0 0 auto; }
}

.mgk-shop .mgk-grid { grid-template-columns: repeat(auto-fill, minmax(256px, 1fr)); }
.mgk-shop .mgk-prod__media,
.mgk-freshpicks .mgk-prod__media { height: auto; aspect-ratio: 16 / 11; min-height: 132px; }

.mgk-prod[hidden], .mgk-quickreorder-card[hidden], .mgk-review[hidden] { display: none; }

body .mgk-prod__media img.mgk-prod__img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform .5s; transform: scale(1.06); }
.mgk-prod:hover .mgk-prod__img { transform: scale(var(--mgk-card-hover-zoom)); }
.mgk-prod__img--ph { display: flex; align-items: center; justify-content: center; font-size: 48px; }

.mgk-prod__badges { display: flex; flex-wrap: nowrap; gap: 4px; height: 24px; overflow: hidden; }
.mgk-prod__badges .mgk-chip { display: inline-block; max-width: calc(33.33% - 3px); flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.mgk-prod__badges .mgk-chip:not(.mgk-chip--halal):not(.mgk-chip--organic):not(.mgk-chip--sfa) {
	height: 24px;
	padding: 4px 10px;
	border: none;
	border-radius: 8px;
	font-family: 'Quicksand', var(--mgk-font);
	font-weight: 600;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
}

.mgk-prod__pct { position: absolute; top: 12px; left: 12px; display: flex; align-items: center; justify-content: center; background: var(--mgk-red); color: #fff; font-size: 12px; font-weight: 700; padding: 4px 9px; border-radius: 10px; box-shadow: 0 2px 6px rgba(0,0,0,.25); }

.mgk-prod__tag,
.mgk-flashcard__ribbon {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 70px;
	height: 26px;
	padding: 4px;
	background: #E85040;
	border-radius: 4px 4px 0 4px;
	font-family: 'Quicksand', var(--mgk-font);
	font-style: normal;
	font-weight: 700;
	font-size: 12px;
	line-height: 16px;
	color: #FFFFFF;
}
.mgk-prod__oos { position: absolute; inset: 0; background: rgba(255,255,255,.8); display: flex; align-items: center; justify-content: center; }

.mgk-flashcard__oos, .mgk-sale__herodeal-oos { position: absolute; inset: 0; background: rgba(255,255,255,.8); display: flex; align-items: center; justify-content: center; }

.mgk-prod__saletag,
.mgk-flashcard__saletag,
.mgk-sale__deal-saletag,
.mgk-sale__herodeal-saletag {
	position: absolute; left: 0; right: 0; bottom: 0;

	aspect-ratio: var(--mgk-saletag-ratio, 4.69);
	height: auto;
	min-height: 0;
	max-height: none;
	line-height: 0;

	overflow: hidden;
}

body .mgk-prod__saletag img,
body .mgk-flashcard__saletag img,
body .mgk-sale__deal-saletag img,
body .mgk-sale__herodeal-saletag img {
	display: block; width: 100%; height: 100%;

	object-fit: contain; object-position: center;
}

@media (min-width: 641px) {
	.mgk-sale__herodeal-saletag { display: none; }
}
.mgk-prod__body { padding: 12px 14px 14px; display: flex; flex-direction: column; gap: 10px; flex: 1 1 auto; }
.mgk-prod__name { font-family: var(--mgk-font); font-size: 14px; font-weight: 600; line-height: 1.15; margin: 0; min-height: 1.15em; color: #1B3A52; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mgk-prod__foot { display: flex; align-items: center; justify-content: space-between; }
.mgk-prod__price { color: #061937; font-weight: 700; font-size: 22px; }
.mgk-prod__price--sale { color: #C5342A; font-weight: 800; }
.mgk-prod__unit { color: var(--mgk-text-3); font-size: 12px; font-weight: 400; margin-left: 4px; }
.mgk-prod__was { color: #8A9FB5; font-size: 13px; font-weight: 400; text-decoration: line-through; margin-left: 8px; }
.mgk-sale-strip { margin: 0 0 28px; padding: 20px; background: linear-gradient(135deg, #fff5f5, #ffffff); border: 1px solid #f3d0d0; border-radius: 14px; }
.mgk-sale-strip__head { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; flex-wrap: wrap; }
.mgk-sale-strip__title { font-size: 20px; font-weight: 800; color: var(--mgk-navy-900); margin: 0; }
.mgk-sale-strip__badge { background: var(--mgk-red); color: #fff; font-weight: 700; font-size: 12px; padding: 4px 12px; border-radius: 20px; }
.mgk-prod__add { background: #1363FF; color: #fff; font-size: 16px; font-weight: 400; width: 24px; height: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; padding: 0; line-height: 1; transition: background .2s; }
.mgk-prod__actions { display: inline-flex; align-items: center; gap: 6px; }
.mgk-prod__wish { width: 24px; height: 24px; border-radius: 50%; border: 1px solid var(--mgk-border); background: var(--mgk-surface); color: var(--mgk-text-3); font-size: 14px; display: inline-flex; align-items: center; justify-content: center; padding: 0; line-height: 1; cursor: pointer; transition: color .15s, border-color .15s, background .15s; }
.mgk-prod__wish:hover { color: var(--mgk-wish-remove); border-color: var(--mgk-wish-remove); }
.mgk-prod__wish.is-active { color: var(--mgk-wish-remove); border-color: var(--mgk-wish-remove); background: var(--mgk-red-bg); }
.mgk-prod__options { display: block; width: 100%; min-height: 16px; margin-top: -4px; padding: 1px 8px; background: #ECF2FD; color: rgba(27,58,82,.75); font-size: 10.5px; font-weight: 600; border-radius: 8px; box-sizing: border-box; }

.mgk-prod__options:empty { background: transparent; padding: 0; }
.mgk-prod__wish-wide { display: flex; align-items: center; justify-content: center; width: 100%; margin-top: auto; padding: 10px 0; background: var(--mgk-red-bg); color: var(--mgk-red); font-size: 13px; font-weight: 700; border-radius: 10px; cursor: pointer; text-align: center; }
.mgk-prod__wish-wide:hover { background: var(--mgk-red); color: #fff; }
.mgk-prod__add-wide { display: flex; align-items: center; justify-content: center; width: 100%; margin-top: auto; padding: 10px 0; background: #1363FF; color: #fff; font-size: 14px; font-weight: 700; border-radius: 10px; cursor: pointer; text-align: center; transition: background .2s; }
.mgk-prod .mgk-chip { font-family: 'Quicksand', var(--mgk-font); }

.mgk-marquee { background: var(--mgk-navy-900); overflow: hidden; white-space: nowrap; padding: 10px 0; }
.mgk-marquee__track { display: inline-flex; animation: mgk-marquee-scroll 28s linear infinite; }
.mgk-marquee__item { color: #fff; font-weight: 700; font-size: 12px; letter-spacing: .04em; text-transform: uppercase; padding: 0 14px; }
.mgk-marquee__sep { color: rgba(255,255,255,.4); }
@keyframes mgk-marquee-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .mgk-marquee__track { animation: none; } }

.mgk-section.mgk-flashwrap,
.mgk-section.mgk-quickreorder,
.mgk-section.mgk-promo,
.mgk-section.mgk-category,
.mgk-section.mgk-products,
.mgk-section.mgk-reviews { max-width: none; margin: 0; padding-left: 24px; padding-right: 24px; }

.elementor-878 > .elementor-element.e-con-full:has(.mgk-flashwrap, .mgk-quickreorder, .mgk-promo, .mgk-category, .mgk-products, .mgk-reviews) {
	padding-left: 8px;
	padding-right: 8px;
}

.e-con:not(:has(*)) { display: none !important; }

@media (min-width: 641px) {

	.elementor .e-con { padding-top: 0; padding-bottom: 0; display: block; }

	.e-con:has([data-widget_type="mgk_header.default"]) { margin-bottom: 0; }

	.mgk-section.mgk-hero,
	.mgk-section.mgk-flashwrap,
	.mgk-section.mgk-quickreorder,
	.mgk-section.mgk-promo,
	.mgk-section.mgk-category,
	[data-widget_type="mgk_featured_products.default"] .mgk-section.mgk-products,
	.mgk-section.mgk-abanner,
	[data-widget_type="mgk_trending_products.default"] .mgk-section.mgk-products {
		padding-top: 0;
		padding-bottom: 0;
		margin-bottom: 24px !important;
	}

	body.home .mgk-footer,
	body.page-template-front-page .mgk-footer { margin-top: 0; }
}

.mgk-section.mgk-hampers,
.mgk-section.mgk-freshpicks,
.mgk-section.mgk-shop,
.mgk-section.mgk-seasonal,
.mgk-section.mgk-seasoncamp,
.mgk-section.mgk-pdp { max-width: none; margin: 0; padding-left: 24px; padding-right: 24px; }

.mgk-section.mgk-abanner { max-width: none; margin: 0; padding: 0; }

.mgk-flashwrap__box { background: rgba(247,243,236,.92); box-shadow: inset 0 0 0 1.5px #FDD18A; border-radius: 20px; padding: 22px 24px 24px; }

.mgk-flashwrap__head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-bottom: 20px; }

.mgk-flashwrap__head-left { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.mgk-flashwrap__title { font-family: 'Quicksand', inherit; font-weight: 700; font-size: 22px; color: var(--mgk-red); }
.mgk-flashwrap__countdown { display: flex; align-items: center; gap: 6px; }
.mgk-flashwrap__seg { background: #F04438; color: #fff; font-weight: 700; font-size: 14px; padding: 4px 8px; border-radius: 7px; min-width: 17px; text-align: center; }

.mgk-flashwrap__seg .mgk-sale__clock-num { color: #fff; font-size: 14px; font-weight: 700; line-height: 1; }
.mgk-flashwrap__colon { color: var(--mgk-red); font-weight: 700; }

.mgk-flashwrap__lockup, .mgk-flashwrap__endsin, .mgk-flashwrap__cap,
.mgk-flashwrap__viewall--mobile { display: none; }
.mgk-flashwrap__seg-wrap { display: contents; }

.mgk-tabbar { display: none; }

.mgk-cta__d { display: inline; }
.mgk-cta__m { display: none; }

.mgk-cat-card--all { display: none; }

.mgk-icon-m { display: none; }

.mgk-sub__m { display: none; }
.mgk-flashwrap__viewall { color: #165DFF; font-weight: 700; font-size: 13px; text-decoration: none; }
.mgk-flashwrap__viewall:hover { text-decoration: underline; }

.mgk-flashwrap__grid { display: flex; gap: 16px; width: 100%; min-width: 0; overflow-x: auto; padding-bottom: 4px; scroll-behavior: smooth; scrollbar-width: thin; scrollbar-color: transparent transparent; }
.mgk-flashwrap__grid:hover { scrollbar-color: var(--mgk-border) transparent; }
.mgk-flashwrap__grid::-webkit-scrollbar { height: 8px; }
.mgk-flashwrap__grid::-webkit-scrollbar-track { background: transparent; }
.mgk-flashwrap__grid::-webkit-scrollbar-thumb { background: transparent; border-radius: 3px; }
.mgk-flashwrap__grid:hover::-webkit-scrollbar-thumb { background: var(--mgk-border); }

.mgk-flashcard { flex: 0 0 256px; width: 256px; height: 367px; background: #fff; border: 1px solid #F2F3F5; border-radius: 12px; overflow: hidden; display: flex; flex-direction: column; transition: box-shadow .2s, border-color .2s; }
.mgk-flashcard:hover { box-shadow: var(--mgk-shadow-lg); border-color: #1E3545; }
.mgk-flashcard:hover .mgk-flashcard__buy { background: #0D3985; }

.mgk-flashcard__media { display: block; position: relative; aspect-ratio: 16 / 11; min-height: 132px; background: var(--mgk-ph-bg); overflow: hidden; }
body .mgk-flashcard__media img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.mgk-flashcard__ph { display: flex; align-items: center; justify-content: center; height: 100%; font-size: 48px; }

.mgk-flashcard__pct { position: absolute; left: 12px; top: 12px; background: var(--mgk-red); color: #fff; font-weight: 700; font-size: 12px; padding: 4px 9px; border-radius: 10px; box-shadow: 0 2px 6px rgba(0,0,0,.25); }

.mgk-flashcard__body { padding: 12px 14px 14px; display: flex; flex-direction: column; gap: 10px; flex: 1; }

.mgk-flashcard__badges { display: flex; flex-wrap: wrap; gap: 4px; min-height: 24px; }

.mgk-flashcard__badges .mgk-chip:not(.mgk-chip--halal):not(.mgk-chip--organic):not(.mgk-chip--sfa) { padding: 2px 8px; font-size: 10px; }

.mgk-flashcard__name { font-size: 14px; font-weight: 600; color: var(--mgk-navy-900); text-decoration: none; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mgk-flashcard__price { display: flex; align-items: center; gap: 8px; }
.mgk-flashcard__now { font-size: 17px; font-weight: 700; color: #C5342A; }
.mgk-flashcard__was { font-size: 12px; color: var(--mgk-text-3); text-decoration: line-through; }
.mgk-flashcard__progress { display: flex; flex-direction: column; gap: 5px; }
.mgk-flashcard__track { height: 6px; border-radius: 999px; background: #EBF0F6; overflow: hidden; }
.mgk-flashcard__track span { display: block; height: 100%; background: #F09830; border-radius: 999px; }
.mgk-flashcard__labels { display: flex; justify-content: space-between; font-size: 10px; }
.mgk-flashcard__labels span:first-child { color: var(--mgk-text-3); font-weight: 600; }
.mgk-flashcard__labels span:last-child { color: var(--mgk-red); font-weight: 700; }
.mgk-flashcard__cta { display: flex; gap: 10px; margin-top: auto; }
.mgk-flashcard__buy { flex: 1; background: #1363FF; color: #fff; font-weight: 700; font-size: 12px; padding: 9px 0; border: none; border-radius: 10px; cursor: pointer; text-align: center; text-decoration: none; display: inline-block; transition: background .2s; }
.mgk-flashcard__addicon { width: 32px; height: 32px; flex-shrink: 0; border: 1px solid var(--mgk-border); border-radius: 9px; background: #fff; font-size: 14px; cursor: pointer; display: flex; align-items: center; justify-content: center; text-decoration: none; }
.mgk-flashcard__wish { flex: 1; background: var(--mgk-red-bg); color: var(--mgk-red); font-weight: 700; font-size: 11px; padding: 9px 0; border: none; border-radius: 10px; cursor: pointer; }
.mgk-flashcard__wish:hover { background: var(--mgk-red); color: #fff; }
@media (max-width: 640px) {
	.mgk-flashwrap__box { padding: 16px 16px 40px; }

	.mgk-flashwrap__grid { display: flex; grid-template-columns: none; max-width: none; width: auto; gap: 12px; overflow: visible; overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none; -ms-overflow-style: none; }
	.mgk-flashwrap__grid::-webkit-scrollbar { display: none; }
	.mgk-flashcard { flex: 0 0 162px; }
}

.mgk-promo__tiles { display: flex; gap: 20px; width: 100%; min-width: 0; overflow-x: auto; padding-bottom: 4px; scroll-behavior: smooth; scrollbar-width: thin; scrollbar-color: transparent transparent; }
.mgk-promo__tiles:hover { scrollbar-color: var(--mgk-border) transparent; }
.mgk-promo__tiles::-webkit-scrollbar { height: 8px; }
.mgk-promo__tiles::-webkit-scrollbar-track { background: transparent; }
.mgk-promo__tiles::-webkit-scrollbar-thumb { background: transparent; border-radius: 3px; }
.mgk-promo__tiles:hover::-webkit-scrollbar-thumb { background: var(--mgk-border); }

.mgk-promo-tile { position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; gap: 4px; flex: 0 0 289px; width: 289px; min-height: 154px; border-radius: 12px; padding: 16px; overflow: hidden; color: var(--mgk-navy-800); text-decoration: none; text-shadow: 0 2px 20px rgba(0,0,0,.15); background-size: cover; background-position: center; box-sizing: border-box; }
.mgk-promo-tile--amber { background-color: var(--mgk-amber-bg); background-image: linear-gradient(135deg, rgba(255,255,255,.15), rgba(255,255,255,.75)), var(--mgk-promo-tile-bg, none); }
.mgk-promo-tile--green { background-color: var(--mgk-green-bg); background-image: linear-gradient(135deg, rgba(255,255,255,.15), rgba(255,255,255,.75)), var(--mgk-promo-tile-bg, none); }
.mgk-promo-tile--teal  { background-color: var(--mgk-teal-bg);  background-image: linear-gradient(135deg, rgba(255,255,255,.15), rgba(255,255,255,.75)), var(--mgk-promo-tile-bg, none); }
.mgk-promo-tile--red   { background-color: var(--mgk-red-bg);   background-image: linear-gradient(135deg, rgba(255,255,255,.15), rgba(255,255,255,.75)), var(--mgk-promo-tile-bg, none); }
.mgk-promo-tile--sfa   { background-color: var(--mgk-sfa-bg);   background-image: linear-gradient(135deg, rgba(255,255,255,.15), rgba(255,255,255,.75)), var(--mgk-promo-tile-bg, none); }
.mgk-promo-tile--seasonal { background-color: var(--mgk-teal-bg); background-image: linear-gradient(135deg, rgba(255,255,255,.1), rgba(255,255,255,.55)), var(--mgk-promo-tile-bg, none); text-decoration: none; }

.mgk-promo-tile--seasonal.mgk-promo-tile--has-image { background-image: var(--mgk-promo-tile-bg, none); aspect-ratio: var(--mgk-season-banner-ratio); }
.mgk-promo-tile__heading { font-size: 14px; font-weight: 800; }
.mgk-promo-tile__sub { font-size: 11px; font-weight: 800; text-transform: uppercase; margin-bottom: 6px; }
.mgk-promo-tile__cta { position: absolute; top: 12px; right: 12px; background: var(--mgk-navy-800); color: #fff; font-size: 10px; font-weight: 600; padding: 4px 12px; border-radius: 999px; text-decoration: none; text-shadow: none; }

.mgk-promo-tile--voucher { display: flex; flex-direction: column; gap: 4px; }
.mgk-promo-tile__code { align-self: flex-start; margin-top: 8px; background: #fff; color: var(--mgk-navy-800); border: 1px dashed var(--mgk-navy-800); font-size: 12px; font-weight: 800; letter-spacing: .3px; padding: 5px 12px; border-radius: 8px; cursor: pointer; text-shadow: none; }
.mgk-promo-tile__code:hover { background: var(--mgk-navy-800); color: #fff; }
.mgk-promo-tile__meta { font-size: 10px; font-weight: 600; opacity: .8; margin-top: 4px; text-shadow: none; }

.mgk-autopilot { display: flex; align-items: center; justify-content: space-between; gap: 32px; background: linear-gradient(120deg, var(--mgk-navy-900) 0%, var(--mgk-navy-700) 100%); border-radius: 16px; overflow: hidden; padding: 40px; flex-wrap: wrap; }
.mgk-autopilot__text { flex: 1; min-width: 260px; color: #fff; }
.mgk-autopilot__badge { margin-bottom: 12px; }
.mgk-autopilot__heading { color: #fff; font-size: 26px; font-weight: 800; margin: 0 0 8px; }
.mgk-autopilot__sub { color: rgba(255,255,255,.7); font-size: 14px; line-height: 1.6; margin: 0 0 20px; max-width: 46ch; }
.mgk-autopilot__actions { display: flex; gap: 12px; flex-wrap: wrap; }
.mgk-autopilot__aside { display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 140px; width: 140px; height: 140px; border-radius: 50%; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.2); }
.mgk-autopilot__savings { font-size: 32px; font-weight: 900; color: #fff; }
.mgk-autopilot__savings-cap { color: rgba(255,255,255,.7); font-size: 12px; }

.mgk-review__head { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.mgk-review__avatar { background: var(--mgk-navy); color: #fff; width: 40px; height: 40px; border-radius: var(--mgk-radius-sm); display: flex; align-items: center; justify-content: center; font-weight: 700; }
.mgk-review__meta { display: flex; align-items: center; gap: 6px; }
.mgk-review__name { font-weight: 600; font-size: 14px; color: var(--mgk-text); }
.mgk-review__date { color: var(--mgk-text-3); font-size: 12px; }
.mgk-review__stars { color: var(--mgk-amber); font-size: 14px; margin-bottom: 8px; }
.mgk-review__text { color: var(--mgk-text-2); font-size: 14px; line-height: 1.6; margin: 0; }

.mgk-sourcing { display: flex; align-items: stretch; background: var(--mgk-navy); border-radius: var(--mgk-radius); overflow: hidden; }
.mgk-sourcing__media { width: 288px; flex-shrink: 0; background: linear-gradient(135deg, var(--mgk-navy-lt), var(--mgk-navy-md)); }
.mgk-sourcing__body { flex: 1; padding: 32px; color: #fff; }
.mgk-sourcing__badge { margin-bottom: 12px; }
.mgk-sourcing__heading { color: #fff; font-size: 22px; font-weight: 800; margin: 0 0 12px; }
.mgk-sourcing__sub { color: rgba(255,255,255,.7); font-size: 14px; line-height: 1.6; margin: 0 0 16px; }
.mgk-sourcing__pillars { display: flex; gap: 16px; flex-wrap: wrap; }
.mgk-sourcing__pillar { display: inline-flex; align-items: center; gap: 6px; color: rgba(255,255,255,.7); font-size: 14px; }

.mgk-footer { background: var(--mgk-surface); color: var(--mgk-text-2); padding: 32px 24px; margin-top: 32px; border-top: 1px solid var(--mgk-border); }

.mgk-footer__row { max-width: none; margin: 0; display: flex; align-items: flex-start; justify-content: space-between; gap: 32px; flex-wrap: wrap; font-size: 14px; }
.mgk-footer__brand { display: flex; flex-direction: column; gap: 6px; }
.mgk-footer__brand-head { display: flex; align-items: center; gap: 8px; }
.mgk-footer__logo { width: 32px; height: 32px; border-radius: var(--mgk-radius-sm); background: var(--mgk-surface); border: 1px solid var(--mgk-navy-700); color: var(--mgk-navy-900); display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 12px; flex-shrink: 0; }
.mgk-footer__logo--img { border: none; background: none; object-fit: contain; }
.mgk-footer__company { font-weight: 700; font-size: 16px; margin: 0; color: var(--mgk-text); }
.mgk-footer__legal-line { margin: 0; line-height: 1.5; }
.mgk-footer__certs { display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: 4px; font-size: 12px; }
.mgk-footer__cert { color: var(--mgk-text-2); }
.mgk-footer__socials { display: flex; gap: 12px; margin-top: 8px; }
.mgk-footer__social { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; border: 1px solid var(--mgk-border); text-decoration: none; font-size: 15px; transition: opacity .15s ease; }
.mgk-footer__social:hover { opacity: .7; }
.mgk-footer__links { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; }
.mgk-footer__link { color: var(--mgk-text-2); text-decoration: none; transition: opacity .15s ease; }
.mgk-footer__trust { align-self: flex-start; }
.mgk-footer__link:hover { opacity: .7; }

.mgk-breadcrumb { background: var(--mgk-surface); border-bottom: 1px solid var(--mgk-border); padding: 10px var(--mgk-pad-x); }
.mgk-breadcrumb__inner { max-width: var(--mgk-maxw); margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: 12px; }

.mgk-breadcrumb--flush .mgk-breadcrumb__inner { max-width: none; margin: 0; }
.mgk-breadcrumb__crumb { color: var(--mgk-text-3); }
.mgk-breadcrumb__crumb.is-current { color: var(--mgk-navy); font-weight: 600; }

a.mgk-breadcrumb__crumb { text-decoration: none; }
a.mgk-breadcrumb__crumb:hover,
a.mgk-breadcrumb__crumb:focus-visible { text-decoration: underline; color: var(--mgk-navy); }
.mgk-breadcrumb__sep { color: var(--mgk-text-3); }

.mgk-cathero2.mgk-hero > .mgk-hero__banner,
.mgk-cathero2__banner--ph {
	aspect-ratio: 2560 / 1050;
	height: auto;
	object-fit: cover;
	object-position: center;
}
.mgk-cathero2__banner--ph { display: block; width: 100%; border-radius: var(--mgk-radius-lg); background: linear-gradient(135deg, var(--mgk-navy) 0%, var(--mgk-navy-md) 100%); }

.mgk-searchbar { background: var(--mgk-surface); border-bottom: 1px solid var(--mgk-border); padding: 16px var(--mgk-pad-x); }
.mgk-searchbar__inner { max-width: var(--mgk-maxw); margin: 0 auto; }
.mgk-searchbar__form { display: flex; align-items: center; gap: 12px; max-width: 640px; }
.mgk-searchbar__field { flex: 1; display: flex; align-items: center; gap: 10px; padding: 10px 16px; border-radius: var(--mgk-radius-sm); background: var(--mgk-surface); border: 1px solid var(--mgk-border); }
.mgk-searchbar__icon { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; font-size: 16px; color: var(--mgk-text-3); }
.mgk-searchbar__icon svg { display: block; width: 1em; height: 1em; fill: currentColor; }
.mgk-searchbar__input { -webkit-appearance: none; appearance: none; flex: 1; min-width: 0; padding: 0; border: none; outline: none; background: transparent; font-size: 14px; font-family: inherit; color: var(--mgk-text); }
.mgk-searchbar__input::-webkit-search-decoration, .mgk-searchbar__input::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; }
.mgk-searchbar__related { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 12px; }
.mgk-searchbar__related-label { color: var(--mgk-text-3); font-size: 12px; }

.mgk-shop__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; align-items: start; }
.mgk-shop__grid--full { grid-template-columns: minmax(0, 1fr); }
.mgk-shop__filters-toggle { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; flex: none; border: 1px solid var(--mgk-border); border-radius: var(--mgk-radius-sm); background: var(--mgk-surface); cursor: pointer; }
.mgk-shop__filters-toggle:hover { border-color: var(--mgk-navy); }
.mgk-shop__filters-toggle:hover .mgk-funnel { border-top-color: var(--mgk-navy); }
.mgk-shop__filters-toggle:hover .mgk-funnel::after { background: var(--mgk-navy); }

.mgk-funnel { position: relative; display: inline-block; width: 14px; height: 10px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 8px solid var(--mgk-text); }
.mgk-funnel::after { content: ""; position: absolute; left: 50%; top: 8px; transform: translateX(-50%); width: 2px; height: 6px; background: var(--mgk-text); }

.mgk-shop__sidebar { display: none; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.mgk-shop__sidebar.is-open { display: grid; }
.mgk-shop__sidebar .mgk-filter { width: auto; }
.mgk-filter__head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 12px; }
.mgk-filter__title { font-size: 15px; font-weight: 700; color: var(--mgk-text); margin: 0; }
.mgk-filter__opts { display: flex; flex-direction: column; gap: 8px; }
.mgk-filter__opt { display: flex; align-items: center; gap: 8px; cursor: pointer; font-size: 14px; }
.mgk-filter__opt input { accent-color: var(--mgk-navy); }
.mgk-filter__label { color: var(--mgk-text-2); }
.mgk-filter__count { color: var(--mgk-text-3); font-size: 12px; margin-left: auto; }
.mgk-cattree__node + .mgk-cattree__node { margin-top: 8px; }
.mgk-cattree__row { display: flex; align-items: center; gap: 6px; }
.mgk-cattree__row .mgk-filter__opt { flex: 1; min-width: 0; }
.mgk-cattree__toggle, .mgk-cattree__spacer { flex: 0 0 18px; width: 18px; height: 18px; }
.mgk-cattree__toggle { background: none; border: none; cursor: pointer; padding: 0; color: var(--mgk-text-3); font-size: 11px; line-height: 18px; text-align: center; }
.mgk-cattree__toggle::before { content: "▸"; display: inline-block; transition: transform .15s ease; }
.mgk-cattree__toggle[aria-expanded="true"]::before { transform: rotate(90deg); }
.mgk-cattree__children { margin-top: 8px; margin-left: 24px; display: flex; flex-direction: column; gap: 8px; }
.mgk-cattree__children[hidden] { display: none; }
.mgk-zone { background: var(--mgk-teal-bg); border-color: rgba(0,153,179,.27); }
.mgk-zone__title { color: var(--mgk-teal); font-weight: 600; font-size: 14px; margin: 0 0 4px; }
.mgk-zone__text { color: var(--mgk-teal); font-size: 12px; margin: 0 0 10px; }
.mgk-zone__cta { width: 100%; }
.mgk-shop__main { display: flex; flex-direction: column; gap: 16px; }

.mgk-shop__resultsrow { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.mgk-shop__resultsbar { display: flex; flex-direction: column; gap: 4px; }
.mgk-shop__resultheading { font-size: 24px; line-height: 32px; font-weight: 500; color: var(--mgk-navy-900); margin: 0; }
.mgk-shop__count { font-size: 14px; font-weight: 600; color: var(--mgk-navy-900); margin: 0; }

.mgk-shop__resultsrow { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; flex-wrap: wrap; }

.mgk-shop__msearch { display: none; }
.mgk-shop__count--m { display: none; }

.mgk-shop__toolbar { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }

.mgk-shop__quicktoggles { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
.mgk-qt { display: flex; align-items: center; gap: 8px; cursor: pointer; font-size: 14px; font-weight: 500; color: var(--mgk-navy-900); }
.mgk-qt input { position: absolute; opacity: 0; width: 18px; height: 18px; margin: 0; cursor: pointer; }
.mgk-qt__box { position: relative; width: 18px; height: 18px; flex: none; border: 1.5px solid #C7D2DD; border-radius: 5px; background: var(--mgk-surface); }
.mgk-qt input:checked + .mgk-qt__box { background: var(--mgk-cta-blue); border-color: var(--mgk-cta-blue); }

.mgk-qt input:checked + .mgk-qt__box::after { content: ""; position: absolute; inset: 0; margin: auto; width: 5px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg) translateY(-1px); }
.mgk-qt input:focus-visible + .mgk-qt__box { outline: 2px solid var(--mgk-cta-blue); outline-offset: 2px; }

.mgk-shop__pills { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.mgk-pill { position: relative; }
.mgk-pill__btn { display: flex; align-items: center; gap: 6px; background: var(--mgk-bg-alt); border: none; border-radius: 999px; padding: 9px 12px 9px 15px; font-weight: 700; font-size: 13px; color: var(--mgk-navy-900); font-family: inherit; cursor: pointer; }
.mgk-pill__btn svg { width: 16px; height: 16px; color: var(--mgk-navy-900); transition: transform .15s ease; }
.mgk-pill__btn[aria-expanded="true"] svg { transform: rotate(180deg); }
.mgk-pill.is-active .mgk-pill__btn { background: var(--mgk-navy-900); color: #fff; }
.mgk-pill.is-active .mgk-pill__btn svg { color: #fff; }
.mgk-pill__panel { position: absolute; top: calc(100% + 8px); left: 0; z-index: 20; min-width: 220px; max-height: 320px; overflow-y: auto; background: var(--mgk-surface); border: 1px solid var(--mgk-border); border-radius: var(--mgk-radius-sm); box-shadow: var(--mgk-shadow-lg); padding: 8px; display: flex; flex-direction: column; gap: 2px; }
.mgk-pill__panel[hidden] { display: none; }

.mgk-pill--align-right .mgk-pill__panel { left: auto; right: 0; }
.mgk-pill__opt { display: flex; align-items: center; gap: 8px; padding: 8px; border-radius: 8px; cursor: pointer; font-size: 14px; color: var(--mgk-text-2); }
.mgk-pill__opt:hover { background: var(--mgk-bg-alt); }
.mgk-pill__opt input { accent-color: var(--mgk-navy); flex: none; }
.mgk-pill__count { margin-left: auto; color: var(--mgk-text-3); font-size: 13px; }
.mgk-pill__clear { align-self: flex-start; margin-top: 6px; padding: 6px 8px; background: none; border: none; font-family: inherit; font-size: 13px; font-weight: 600; color: var(--mgk-cta-blue); text-decoration: underline; cursor: pointer; }
.mgk-pill__clear:hover { opacity: .75; }
.mgk-pill__actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 6px; }
.mgk-pill__actions .mgk-pill__clear { margin-top: 0; }
.mgk-pill__view { flex: 1 1 auto; white-space: nowrap; padding: 10px 20px; background: #1363FF; border: none; border-radius: 999px; font-family: inherit; font-size: 14px; font-weight: 700; color: #fff; cursor: pointer; }
.mgk-pill__view:hover { opacity: .9; }
.mgk-shop__reset { color: var(--mgk-cta-blue); font-size: 14px; font-weight: 600; text-decoration: underline; white-space: nowrap; }
.mgk-shop__reset:hover { opacity: .75; }
@media (max-width: 720px) {
	.mgk-shop__pills { margin-left: 0; width: 100%; }
	.mgk-pill { flex: 1 1 auto; }
	.mgk-pill__btn { width: 100%; justify-content: space-between; }
}
.mgk-shop__pagination { display: flex; justify-content: center; margin-top: 8px; }

.mgk-shop__infinite { display: none; }
.mgk-shop__pagination ul.page-numbers { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; list-style: none; margin: 0; padding: 0; }
.mgk-shop__pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 36px; padding: 0 10px; border: 1px solid var(--mgk-border); border-radius: var(--mgk-radius-sm); color: var(--mgk-text); font-size: 14px; text-decoration: none; background: var(--mgk-surface); }
.mgk-shop__pagination a.page-numbers:hover { border-color: var(--mgk-navy); color: var(--mgk-navy); }
.mgk-shop__pagination .page-numbers.current { background: var(--mgk-navy); border-color: var(--mgk-navy); color: #fff; font-weight: 600; }
.mgk-shop__pagination .page-numbers.dots { border-color: transparent; background: transparent; }
.mgk-delivery { background: var(--mgk-bg-alt); border: 1px solid var(--mgk-border); border-radius: var(--mgk-radius-sm); padding: 14px; }
.mgk-delivery__top { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 14px; font-weight: 600; color: var(--mgk-text); margin-bottom: 8px; }
.mgk-delivery__cap { color: var(--mgk-teal); }
.mgk-delivery__track { height: 8px; border-radius: 999px; background: var(--mgk-border); overflow: hidden; }
.mgk-delivery__fill { display: block; height: 100%; border-radius: 999px; background: var(--mgk-teal); }
.mgk-delivery__fill.is-done { background: var(--mgk-green); }
.mgk-delivery__cart { margin: 8px 0 0; font-size: 12px; color: var(--mgk-text-3); }

.mgk-cart__basket-heading { display: none; }
.mgk-delivery__icon { display: none; }

.mgk-cart__voucher-card,
.mgk-cart__voucher-panel,
.mgk-cart__voucher-panel[hidden] { display: contents; }
.mgk-cart__voucher-toggle { display: none; }

.mgk-shop__resultheading { font-size: 24px; line-height: 32px; font-weight: 500; color: var(--mgk-navy-900); margin: 0; }
.mgk-shop__noresults { display: flex; flex-direction: column; align-items: center; gap: 14px; max-width: 500px; margin: 64px auto; text-align: center; }
.mgk-shop__noresults-title { font-family: 'Quicksand', inherit; font-size: 22px; line-height: 28px; font-weight: 700; color: var(--mgk-navy-900); margin: 0; }
.mgk-shop__noresults-sub { font-size: 14px; line-height: 20px; color: #86909C; margin: 0; }

.mgk-nric { display: block; width: 96px; height: 96px; flex: none; }
.mgk-nric svg { display: block; width: 100%; height: 100%; }

.mgk-freshpicks__head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.mgk-freshpicks__title { font-size: 16px; line-height: 24px; font-weight: 700; color: var(--mgk-text-dark); margin: 0; }

.mgk-coltabs__count-line { display: none; }

.mgk-freshpicks__arrows { display: flex; align-items: center; gap: 12px; }

.mgk-products__arrows { display: none; }

.mgk-products__loadmore { display: flex; justify-content: center; margin-top: 24px; }
.mgk-products__loadmore .mgk-btn { min-width: 160px; }
.mgk-freshpicks__arrow { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; border: none; border-radius: 9999px; background: #F8FAFB; cursor: pointer; }
.mgk-freshpicks__arrow:hover { background: var(--mgk-bg-alt); }
.mgk-chev { position: relative; display: inline-block; width: 8px; height: 8px; }
.mgk-chev::before { content: ""; position: absolute; inset: 0; border-top: 2px solid #4E5969; border-right: 2px solid #4E5969; }
.mgk-chev--left::before { transform: rotate(-135deg); }
.mgk-chev--right::before { transform: rotate(45deg); }
.mgk-freshpicks__row { display: flex; gap: 24px; overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none; -ms-overflow-style: none; }
.mgk-freshpicks__row::-webkit-scrollbar { display: none; }
.mgk-freshpicks__row .mgk-prod { flex: 0 0 calc((100% - 24px * 4) / 5); min-width: 200px; }
@media (max-width: 1024px) {
	.mgk-freshpicks__row .mgk-prod { flex-basis: calc((100% - 24px * 2) / 3); }
}
@media (max-width: 720px) {
	.mgk-freshpicks__row .mgk-prod { flex-basis: calc((100% - 16px) / 2); min-width: 160px; }
	.mgk-freshpicks__row { gap: 16px; }
}

.mgk-card__title { font-size: 16px; font-weight: 700; color: var(--mgk-text); margin: 0 0 12px; }

.mgk-checkout .mgk-card__title { display: flex; align-items: center; gap: 10px; }
.mgk-checkout .mgk-card__step { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 999px; background: #000; color: #fff; font-size: 12px; font-weight: 700; }
.mgk-checkout__signin { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 16px; background: #EFF4FE; border-radius: 12px; font-family: 'Quicksand', var(--mgk-font); font-size: 13px; font-weight: 600; color: #1B3A52; margin-bottom: 14px; }
.mgk-checkout__signin a { color: #1363FF; font-weight: 700; text-decoration: underline; }
.mgk-card__sub { font-size: 13px; color: var(--mgk-text-2); margin: -6px 0 14px; }
.mgk-checkout__addrhead { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.mgk-checkout__addrpicker { position: relative; flex-shrink: 0; }
.mgk-checkout__addrlist { left: auto; right: 0; width: 260px; padding: 4px; }
.mgk-checkout__addrlist-item { display: flex; flex-direction: column; gap: 2px; width: 100%; text-align: left; padding: 8px 10px; border-radius: 6px; background: none; border: none; cursor: pointer; font-family: inherit; }
.mgk-checkout__addrlist-item:hover { background: var(--mgk-bg-alt); }
.mgk-checkout__addrlist-label { font-size: 13px; font-weight: 600; color: var(--mgk-text); display: flex; align-items: center; gap: 6px; }
.mgk-checkout__addrlist-detail { font-size: 12px; color: var(--mgk-text-3); }
.mgk-checkout__addrsummary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; background: var(--mgk-bg-alt); border-radius: var(--mgk-radius-sm); margin-bottom: 12px; }
.mgk-checkout__addrsummary[hidden] { display: none; }
.mgk-checkout__addrsummary-body { min-width: 0; }
.mgk-checkout__addrsummary-who { margin: 0 0 4px; font-size: 14px; font-weight: 700; color: var(--mgk-text); }
.mgk-checkout__addrsummary-detail { margin: 0; font-size: 13px; color: var(--mgk-text-3); }
.mgk-checkout__addrsummary-change { flex: 0 0 auto; font-size: 13px; font-weight: 600; color: var(--mgk-blue); text-decoration: underline; }
.mgk-checkout__addrpicker2 { margin-bottom: 16px; }
.mgk-checkout__addrpicker2[hidden] { display: none; }
.mgk-checkout__addrpicker2-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.mgk-checkout__addrpicker2-title { margin: 0 0 4px; font-size: 20px; font-weight: 800; color: var(--mgk-text); font-family: 'Quicksand', var(--mgk-font); }
.mgk-checkout__addrpicker2-sub { margin: 0; font-size: 13px; color: var(--mgk-text-3); }
.mgk-checkout__addrpicker2-list { display: flex; flex-direction: column; gap: 10px; }
.mgk-checkout__addrpicker2-item { display: flex; align-items: flex-start; gap: 12px; padding: 14px 16px; border: 1.5px solid var(--mgk-border); border-radius: var(--mgk-radius); background: var(--mgk-surface); }
.mgk-checkout__addrpicker2-item.is-sel { border-color: #1363FF; }
.mgk-checkout__addrpicker2-radio { flex: 0 0 auto; padding-top: 2px; }
.mgk-checkout__addrpicker2-radio input { width: 18px; height: 18px; accent-color: #1363FF; cursor: pointer; }
.mgk-checkout__addrpicker2-body { flex: 1 1 auto; min-width: 0; }
.mgk-checkout__addrpicker2-default { margin-bottom: 6px; }
.mgk-checkout__addrpicker2-block { margin: 0 0 2px; font-size: 14px; font-weight: 700; color: var(--mgk-text); }
.mgk-checkout__addrpicker2-who { margin: 0; font-size: 13px; color: var(--mgk-text-3); }
.mgk-checkout__addrpicker2-note { margin: 4px 0 0; font-size: 12px; font-style: italic; color: var(--mgk-text-3); }
.mgk-checkout__addrpicker2-actions { flex: 0 0 auto; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
.mgk-checkout__addrpicker2-edit, .mgk-checkout__addrpicker2-delete { display: inline-flex; align-items: center; gap: 4px; background: none; border: none; padding: 0; font-size: 13px; font-weight: 600; cursor: pointer; font-family: inherit; white-space: nowrap; }
.mgk-checkout__addrpicker2-edit svg, .mgk-checkout__addrpicker2-delete svg { display: block; flex: none; }
.mgk-checkout__addrpicker2-edit { color: #1363FF; }
.mgk-checkout__addrpicker2-delete { color: #F04438; }

.mgk-checkout__addrpicker2-edit.is-loading,
.mgk-checkout__addrpicker2-delete.is-loading { pointer-events: none; opacity: .55; }
.mgk-checkout__addrpicker2-edit.is-loading::before,
.mgk-checkout__addrpicker2-delete.is-loading::before {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	flex-shrink: 0;
	border: 2px solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	animation: mgk-btn-spin .6s linear infinite;
}
.mgk-checkout__addrpicker2-addnew { background: #fff; color: #1363FF; border: 1.5px solid #1363FF; }
.mgk-checkout__addrform-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 8px; }
.mgk-checkout__addrform-err { color: var(--mgk-red); font-size: 13px; margin: 8px 0 0; }
.mgk-checkout__addrform-err[hidden] { display: none; }

.mgk-field > .mgk-checkout__addrform-err { display: block; margin: 4px 0 0; color: var(--mgk-red); font-weight: 400; }

.mgk-addrmodal { position: fixed; inset: 0; z-index: 10000; display: flex; align-items: center; justify-content: center; padding: 24px; }
.mgk-addrmodal[hidden] { display: none; }
.mgk-addrmodal__backdrop { position: absolute; inset: 0; background: rgba(27,58,82,.55); backdrop-filter: blur(2px); }
.mgk-addrmodal__dialog { position: relative; z-index: 1; width: 100%; max-width: 560px; max-height: 90vh; display: flex; flex-direction: column; gap: 0; background: #fff; border-radius: 24px; box-shadow: 0 10px 40px rgba(15, 23, 41, .121569); overflow: hidden; font-family: 'Quicksand', var(--mgk-font); }
.mgk-addrmodal__head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 32px 32px 20px; border-bottom: none; }
.mgk-addrmodal__title { font-family: 'Quicksand', var(--mgk-font); font-size: 20px; font-weight: 700; line-height: 25px; color: #061937; margin: 0; }
.mgk-addrmodal__x { background: #F6F8FB; border: none; cursor: pointer; width: 32px; height: 32px; border-radius: 16px; font-size: 15px; color: #8A9FB5; display: flex; align-items: center; justify-content: center; transition: background .15s; flex: 0 0 auto; }
.mgk-addrmodal__x:hover { background: var(--mgk-border); }
.mgk-addrmodal__body { overflow-y: auto; padding: 0 32px; flex: 1; display: flex; flex-direction: column; gap: 16px; }
.mgk-addrmodal__body .mgk-field { margin-bottom: 0; }
.mgk-addrmodal__body .mgk-field > span { font-family: 'Quicksand', var(--mgk-font); font-size: 14px; font-weight: 600; line-height: 18px; color: #061937; margin-bottom: 8px; }
.mgk-addrmodal__body .mgk-field > input,
.mgk-addrmodal__body .mgk-field textarea,
.mgk-addrmodal__body .mgk-field__phone-row { border: 1px solid #EFF2F6; border-radius: 12px; height: 48px; padding: 0 16px; font-family: 'Quicksand', var(--mgk-font); font-size: 14px; box-sizing: border-box; }
.mgk-addrmodal__body .mgk-field textarea { height: 90px; padding: 12px 16px; resize: none; }

.mgk-addrmodal__body .mgk-field > span.mgk-field__phone-row { display: flex; align-items: center; gap: 6px; margin-bottom: 0; }

.mgk-addrmodal__body .mgk-field__phone-row input { border: none; height: 100%; padding: 0; background: transparent; }
.mgk-addrmodal__body .mgk-field__phone-prefix { font-size: 14px; color: #061937; }
.mgk-addrmodal__body .mgk-field input::placeholder,
.mgk-addrmodal__body .mgk-field textarea::placeholder { color: #8A9FB5; }
.mgk-addrmodal__body .mgk-form__grid2 { gap: 16px; }
.mgk-addrmodal__hint { font-size: 12px; color: var(--mgk-text-2); margin: -8px 0 12px; }
.mgk-addrmodal__default { display: flex; align-items: center; gap: 12px; font-family: 'Quicksand', var(--mgk-font); font-size: 14px; font-weight: 500; color: #061937; cursor: pointer; margin: 0; }

.mgk-addrmodal__default input { appearance: none; -webkit-appearance: none; width: 24px; height: 24px; border: 1px solid #DCE5EA; border-radius: 6px; background: #fff; cursor: pointer; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; }
.mgk-addrmodal__default input:checked { background: #1363FF; border-color: #1363FF; }
.mgk-addrmodal__default input:checked::after {
	content: ''; width: 14px; height: 14px; background: #fff;
	-webkit-mask: var(--mgk-tick) center / contain no-repeat;
	mask: var(--mgk-tick) center / contain no-repeat;
	--mgk-tick: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
}
.mgk-addrmodal__default input:focus-visible { outline: 2px solid #1363FF; outline-offset: 2px; }
.mgk-addrmodal__foot { display: flex; justify-content: flex-end; gap: 12px; padding: 24px 32px 32px; border-top: none; }
.mgk-addrmodal__foot .mgk-btn { min-width: 140px; height: 36px; padding: 7px 20px; font-family: 'Quicksand', var(--mgk-font); font-size: 14px; font-weight: 500; border-radius: 8px; }
.mgk-addrmodal__foot .mgk-btn--outline { background: #fff; color: #1363FF; border: 1px solid #1363FF; }
.mgk-addrmodal__foot .mgk-btn--blue, .mgk-addrmodal__foot .mgk-btn--teal { background: #1363FF; color: #fff; border: none; }

.mgk-addrform[hidden] { display: none; }

.mgk-addrform { display: flex; flex-direction: column; align-items: stretch; gap: 20px; padding: 0 0 24px; font-family: 'Quicksand', var(--mgk-font); }

.mgk-addrform__head { display: flex; flex-direction: row; align-items: center; gap: 8px; height: 28px; }
.mgk-addrform__back { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 24px; height: 24px; padding: 0; border: none; background: none; color: #292D32; cursor: pointer; }
.mgk-addrform__back svg { width: 24px; height: 24px; }
.mgk-addrform__title { margin: 0; flex: 1 1 auto; font-family: 'Quicksand', var(--mgk-font); font-size: 20px; font-weight: 700; line-height: 28px; color: #1B3A52; letter-spacing: normal; }

.mgk-addrform__card { box-sizing: border-box; display: flex; flex-direction: column; align-items: stretch; gap: 20px; padding: 20px; background: #fff; border: 1px solid #D5E2EE; border-radius: 16px; }

.mgk-addrform__card .mgk-addrmodal__body { overflow: visible; padding: 0; gap: 16px; }
.mgk-addrform__card .mgk-addrmodal__foot { padding: 0; gap: 12px; }

.mgk-addrform .mgk-addrmodal__body .mgk-field > span { font-size: 14px; font-weight: 600; line-height: 18px; color: #061937; margin-bottom: 8px; }
.mgk-addrform .mgk-addrmodal__body .mgk-field > input,
.mgk-addrform .mgk-addrmodal__body .mgk-field textarea { border: 1px solid #EFF2F6; border-radius: 12px; height: 48px; padding: 0 16px; font-size: 14px; font-weight: 400; line-height: 18px; color: #061937; }
.mgk-addrform .mgk-addrmodal__body .mgk-field input::placeholder,
.mgk-addrform .mgk-addrmodal__body .mgk-field textarea::placeholder { color: #8A9FB5; }
.mgk-addrform .mgk-addrmodal__body .mgk-field > input:focus,
.mgk-addrform .mgk-addrmodal__body .mgk-field textarea:focus { outline: none; border-color: #1363FF; }
.mgk-addrform .mgk-addrmodal__body .mgk-form__grid2 { gap: 16px; }

.mgk-addrform .mgk-field__req { color: #F04438; font-style: normal; }

.mgk-addrform .mgk-field--autocomplete { position: relative; }

.mgk-addrform .mgk-addrmodal__body .mgk-field textarea { display: block; width: 100%; height: 90px; padding: 12px 16px; }

.mgk-addrform .mgk-addrmodal__default { gap: 12px; font-size: 14px; font-weight: 500; line-height: 18px; }
.mgk-addrform .mgk-addrmodal__default input { width: 24px; height: 24px; border-radius: 6px; }

.mgk-addrform .mgk-addrmodal__foot .mgk-btn { min-width: 140px; height: 36px; padding: 7px 20px; font-size: 14px; font-weight: 500; line-height: 22px; border-radius: 8px; }
.mgk-addrform .mgk-addrmodal__foot .mgk-btn--blue:disabled { background: #94BFFF; font-weight: 400; cursor: not-allowed; }
@media (max-width: 640px) {
	.mgk-addrform__card { padding: 16px; }
	.mgk-addrform .mgk-addrmodal__foot .mgk-btn { min-width: 0; flex: 1 1 0; }
	.mgk-addrform__title { font-size: 18px; line-height: 24px; }
}

.mgk-addrsaved { position: fixed; inset: 0; z-index: 10001; display: flex; align-items: center; justify-content: center; padding: 24px; }
.mgk-addrsaved[hidden] { display: none; }
.mgk-addrsaved__card { position: relative; z-index: 1; }
.mgk-addrsaved__card .mgk-success__recap-row { justify-content: flex-start; }
.mgk-addrsaved__who { font-weight: 700; color: var(--mgk-text); text-align: left; }
.mgk-addrsaved__detail { color: var(--mgk-text-3); text-align: left; }

.mgk-addrdel { position: fixed; inset: 0; z-index: 10001; display: flex; align-items: center; justify-content: center; padding: 24px; }
.mgk-addrdel[hidden] { display: none; }
.mgk-addrdel__card { position: relative; z-index: 1; width: 100%; max-width: 420px; background: var(--mgk-surface); border-radius: var(--mgk-radius); box-shadow: var(--mgk-shadow-lg); padding: 32px; text-align: center; }
.mgk-addrdel__icon { width: 64px; height: 64px; margin: 0 auto 20px; flex: 0 0 auto; }
.mgk-addrdel__title { font-size: 22px; font-weight: 800; color: var(--mgk-text); margin: 0 0 12px; }
.mgk-addrdel__msg { font-size: 14px; line-height: 1.5; color: var(--mgk-text-3); margin: 0 0 24px; }

.mgk-addrdel__actions { display: flex; align-items: center; justify-content: center; gap: 12px; }
.mgk-addrdel__actions .mgk-btn { flex: 1 1 0; height: 36px; padding: 7px 20px; font-size: 14px; font-weight: 500; line-height: 22px; border-radius: 8px; }
.mgk-addrdel__cancel { background: #fff; color: #1363FF; border: 1px solid #1363FF; }
.mgk-addrdel__confirm { background: #1363FF; color: #fff; border: none; }

.mgk-addrdel__warn { display: flex; align-items: flex-start; gap: 10px; text-align: left; margin: 0 0 20px; padding: 12px 14px; border: 1px solid #FDBA74; border-radius: 8px; background: #FFF7ED; }
.mgk-addrdel__warn-icon { flex: 0 0 auto; font-size: 16px; line-height: 1.4; color: #C2410C; }
.mgk-addrdel__warn-text { margin: 0; font-size: 13px; line-height: 1.5; color: #9A3412; }
.mgk-addrdel__warn[hidden], .mgk-addrdel__pick[hidden] { display: none; }
.mgk-addrdel__pick { text-align: left; margin: 0 0 20px; }
.mgk-addrdel__pick-label { margin: 0 0 8px; font-size: 13px; font-weight: 700; color: var(--mgk-text); }

.mgk-addrdel__pick-list { display: flex; flex-direction: column; gap: 6px; max-height: 168px; overflow-y: auto; }
.mgk-addrdel__pick-item { display: flex; align-items: flex-start; gap: 10px; padding: 10px 12px; border: 1px solid var(--mgk-border); border-radius: 8px; cursor: pointer; }
.mgk-addrdel__pick-item:has(input:checked) { border-color: #1363FF; background: #F5F9FF; }
.mgk-addrdel__pick-item input { margin: 2px 0 0; flex: 0 0 auto; accent-color: #1363FF; }
.mgk-addrdel__pick-body { display: block; min-width: 0; }
.mgk-addrdel__pick-title { display: block; font-size: 13px; font-weight: 600; color: var(--mgk-text); }
.mgk-addrdel__pick-meta { display: block; font-size: 12px; line-height: 1.45; color: var(--mgk-text-3); overflow-wrap: anywhere; }

.mgk-addrdel__confirm:disabled { background: #A9C6FF; cursor: not-allowed; }
.mgk-qty { display: inline-flex; align-items: center; border: 1px solid var(--mgk-border); border-radius: var(--mgk-radius-sm); overflow: hidden; }
.mgk-qty__btn { background: none; border: none; cursor: pointer; font-weight: 700; font-size: 16px; padding: 8px 14px; color: var(--mgk-text); }
.mgk-qty__val { padding: 8px 14px; font-weight: 700; font-size: 14px; border-left: 1px solid var(--mgk-border); border-right: 1px solid var(--mgk-border); }

.mgk-cartrow__controls .mgk-qty { border: none; background: #F4F6F9; border-radius: 10px; }
.mgk-cartrow__controls .mgk-qty__val { border: none; background: none; }
.mgk-field { display: block; margin-bottom: 12px; }
.mgk-field > span { display: block; font-size: 13px; font-weight: 600; color: var(--mgk-text); margin-bottom: 4px; }
.mgk-field input { width: 100%; border: 1px solid var(--mgk-border); border-radius: var(--mgk-radius-sm); padding: 9px 12px; font-size: 14px; font-family: inherit; color: var(--mgk-text); background: var(--mgk-surface); }
.mgk-field input.mgk-field--err { border-color: #b3261e; background: #fce8e6; }

.mgk-field input.is-invalid { border-color: var(--mgk-red); background: #FEF3F2; }
.mgk-field input.is-invalid:focus { box-shadow: 0 0 0 3px rgba(232, 80, 64, .12); }
span.mgk-field__phone-row:has(input.is-invalid) { border-color: var(--mgk-red); background: #FEF3F2; }
.mgk-field__note { font-weight: 400; color: var(--mgk-text-3); }
.mgk-field--phone { min-width: 0; }

span.mgk-field__phone-row { display: flex; align-items: center; gap: 6px; border: 1px solid var(--mgk-border); border-radius: var(--mgk-radius-sm); background: var(--mgk-surface); padding-left: 12px; min-width: 0; }
.mgk-field__phone-prefix { flex: 0 0 auto; font-size: 14px; color: var(--mgk-text-2); }
.mgk-field__phone-row input { flex: 1 1 auto; width: auto; min-width: 0; border: none; background: transparent; padding-left: 0; }
.mgk-field__phone-row input:focus { outline: none; }
.mgk-field__phone-row:focus-within { border-color: var(--mgk-teal); box-shadow: 0 0 0 3px var(--mgk-teal-bg); }
.mgk-checkout__err { margin-bottom: 12px; padding: 12px 14px; border-radius: var(--mgk-radius-sm); background: #fce8e6; border: 1px solid #f3b9b3; color: #b3261e; font-size: 13px; }
.mgk-checkout__err strong { display: block; font-weight: 700; margin-bottom: 6px; }
.mgk-checkout__err ul { margin: 0; padding-left: 18px; }
.mgk-checkout__err li { margin: 2px 0; }
.mgk-form__grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.mgk-radio { display: flex; align-items: center; gap: 10px; cursor: pointer; font-size: 14px; color: var(--mgk-text-2); margin-bottom: 8px; }
.mgk-radio input { accent-color: var(--mgk-navy); }
.mgk-optcard { display: flex; flex-direction: row; align-items: center; gap: 10px; text-align: left; padding: 14px 16px; border: 2px solid var(--mgk-border); border-radius: var(--mgk-radius); background: var(--mgk-surface); cursor: pointer; font-family: inherit; }
.mgk-optcard.is-sel { border-color: #1363FF; background: #EFF4FE; }
.mgk-optcard__icon { flex: 0 0 auto; font-size: 24px; display: flex; }
.mgk-optcard__icon svg { display: block; width: 24px; height: 24px; }
.mgk-optcard__body { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.mgk-optcard__label { display: block; font-size: 14px; font-weight: 600; color: var(--mgk-text); }
.mgk-optcard__desc { display: block; font-size: 12px; color: var(--mgk-text-3); }
.mgk-optcard__note { font-size: 10px; color: var(--mgk-teal); font-family: monospace; margin-top: 2px; }
.mgk-gst { display: flex; flex-direction: column; gap: 8px; font-size: 14px; margin: 4px 0 16px; }
.mgk-gst__row { display: flex; justify-content: space-between; color: var(--mgk-text-2); }

.mgk-gst__row[hidden] { display: none !important; }

.mgk-gst__row--discount [data-mgk-sum-discount], .mgk-gst__row--discount [data-mgk-sum-private-discount], .mgk-gst__row--discount [data-mgk-voucher-line] > span:last-child { color: #22A86B; font-weight: 700; }
.mgk-gst__row-note { font-size: 11px; font-weight: 400; font-style: italic; color: var(--mgk-text-3); }
.mgk-gst__row-note[hidden] { display: none; }
.mgk-gst__remove {
	appearance: none; border: 0; background: transparent; cursor: pointer;
	color: var(--mgk-text-3, #90a0a8); font-size: 12px; line-height: 1;
	padding: 2px 4px; margin-left: 2px; border-radius: 4px; vertical-align: middle;
	transition: color .15s ease, background .15s ease;
}
.mgk-gst__remove:hover { color: #c0392b; background: rgba(192,57,43,.1); }
.mgk-gst__remove:disabled { opacity: .5; cursor: default; }

.mgk-gst__total { display: flex; justify-content: space-between; font-weight: 700; color: var(--mgk-text); padding-top: 2px; margin-top: -2px; font-size: 18px; }

.mgk-gst__row--tax { padding-top: 8px; margin-top: 2px; border-top: 1px solid var(--mgk-border); }

.mgk-gst__total--bordered { padding-top: 10px; margin-top: 2px; border-top: 1px solid var(--mgk-border); }
.mgk-gst__note { font-size: 11px; color: var(--mgk-text-3); margin: 0; }

.mgk-gst__note--mixed { margin-top: 2px; }
.mgk-gst__note--mixed[hidden] { display: none; }
.mgk-sumitems { display: flex; flex-direction: column; gap: 12px; margin-bottom: 16px; }
.mgk-sumitems__row { display: flex; align-items: center; gap: 10px; }
.mgk-sumitems__thumb { width: 40px; height: 40px; border-radius: 8px; overflow: hidden; border: 1px solid var(--mgk-border); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
body .mgk-sumitems__thumb img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.mgk-sumitems__body { flex: 1; display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.mgk-sumitems__name-row { display: flex; align-items: flex-start; gap: 8px; }
.mgk-sumitems__name { font-size: 12px; font-weight: 600; color: var(--mgk-text); flex: 1; min-width: 0; }
.mgk-sumitems__qty { color: var(--mgk-text-3); font-weight: 400; font-size: 12px; text-align: center; flex-shrink: 0; width: 32px; }
.mgk-sumitems__line { font-size: 12px; font-weight: 700; color: var(--mgk-navy); flex-shrink: 0; text-align: right; width: 68px; }

.mgk-sumitems__chip { display: inline-block; align-self: flex-start; font-size: 11px; font-weight: 700; color: var(--mgk-green, #22A86B); background: rgba(34,168,107,.125); border-radius: 4px; padding: 2px 8px; }

.mgk-sumitems__taxchip { display: inline-block; align-self: flex-start; margin-top: 2px; font-size: 10.5px; font-weight: 700; letter-spacing: .02em; border-radius: 4px; padding: 2px 8px; color: var(--mgk-text-2, #5C7089); background: rgba(92,112,137,.12); }
.mgk-sumitems__taxchip--zero-rated { color: #1D6FA5; background: rgba(29,111,165,.12); }
.mgk-sumitems__taxchip--exempt { color: #8A6100; background: rgba(138,97,0,.12); }
@media (min-width: 641px) {
	.mgk-cowiz-mobile-only { display: none !important; }
}

.mgk-stepper { display: flex; align-items: center; gap: 8px; margin: 0 0 4px; font-family: 'Quicksand', var(--mgk-font); font-size: 12.5px; font-weight: 600; color: #8A9FB5; }
.mgk-stepper__label { color: #8A9FB5; }
.mgk-stepper__label.is-active { color: #061937; font-weight: 700; }
.mgk-stepper__bar { color: #8A9FB5; letter-spacing: -1px; }
.mgk-timeline { display: flex; flex-direction: column; }
.mgk-timeline__step { display: flex; gap: 12px; }
.mgk-timeline__rail { display: flex; flex-direction: column; align-items: center; }
.mgk-timeline__dot { width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; border: 2px solid var(--mgk-border); background: var(--mgk-surface); color: var(--mgk-text-3); flex-shrink: 0; }
.mgk-timeline__dot--done { background: var(--mgk-green); border-color: var(--mgk-green); color: #fff; }
.mgk-timeline__dot--current { background: var(--mgk-navy); border-color: var(--mgk-navy); color: #fff; }
.mgk-timeline__bar { width: 2px; flex: 1; min-height: 28px; background: var(--mgk-border); }
.mgk-timeline__bar.is-done { background: var(--mgk-green); }
.mgk-timeline__body { padding: 2px 0 12px; }
.mgk-timeline__label { font-size: 14px; font-weight: 600; color: var(--mgk-text-3); margin: 0; }
.mgk-timeline__label.is-active { color: var(--mgk-text); }
.mgk-timeline__time { font-size: 12px; color: var(--mgk-text-3); margin: 2px 0 0; }
.mgk-timeline__ord { display: contents; }

.mgk-timeline--track { padding-top: 16px; }
.mgk-timeline--track .mgk-timeline__step { gap: 12px; align-items: stretch; }
.mgk-timeline--track .mgk-timeline__dot {
	width: 24px; height: 24px; border-width: 3px; background: var(--mgk-surface);
	border-color: #D5E2EE; box-shadow: inset 0 0 0 3px var(--mgk-surface);
}
.mgk-timeline--track .mgk-timeline__dot--done,
.mgk-timeline--track .mgk-timeline__dot--current {
	background: var(--mgk-track-blue, #1363FF); border-color: var(--mgk-track-blue, #1363FF);
}
.mgk-timeline--track .mgk-timeline__ord { display: none; }

.mgk-timeline--track .mgk-timeline__bar { width: 2px; min-height: 24px; background: #D5E2EE; }
.mgk-timeline--track .mgk-timeline__bar.is-done,
.mgk-timeline--track .mgk-timeline__dot--current + .mgk-timeline__bar { background: var(--mgk-track-blue, #1363FF); }

.mgk-timeline--track .mgk-timeline__body { padding: 2px 0 12px; }
.mgk-timeline--track .mgk-timeline__label,
.mgk-timeline--track .mgk-timeline__label.is-active { font-size: 14px; line-height: 20px; font-weight: 700; color: var(--mgk-navy); }
.mgk-timeline--track .mgk-timeline__time { font-size: 12px; line-height: 16px; font-weight: 500; color: #A1A1A1; }
.mgk-slots { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.mgk-slot { padding: 10px 8px; border-radius: var(--mgk-radius-sm); border: 1px solid var(--mgk-border); background: var(--mgk-surface); color: var(--mgk-text); font-size: 12px; font-weight: 600; cursor: pointer; font-family: inherit; }
.mgk-slot.is-full { background: var(--mgk-bg-alt); color: var(--mgk-text-3); cursor: not-allowed; }
.mgk-slot.is-sel { background: var(--mgk-navy); border-color: var(--mgk-navy); color: #fff; }

.mgk-camphero { position: relative; min-height: 256px; display: flex; align-items: center; overflow: hidden; background: linear-gradient(135deg, #8B1A1A 40%, #b33 100%); }
.mgk-camphero__overlay { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(139,26,26,.92) 40%, rgba(139,26,26,.5) 100%); }
.mgk-camphero__inner { position: relative; z-index: 1; max-width: var(--mgk-maxw); width: 100%; margin: 0 auto; padding: 32px var(--mgk-pad-x); }
.mgk-camphero__badge { margin-bottom: 12px; }
.mgk-camphero__heading { color: #fff; font-size: 30px; font-weight: 900; margin: 0 0 8px; }
.mgk-camphero__sub { color: rgba(255,255,255,.85); font-size: 14px; line-height: 1.6; margin: 0 0 16px; max-width: 520px; }
.mgk-camphero__actions { display: flex; gap: 12px; flex-wrap: wrap; }

.mgk-coltabs { background: var(--mgk-surface); }

.mgk-coltabs__inner { box-sizing: border-box; max-width: none; margin: 0; padding: 12px var(--mgk-pad-x); display: flex; align-items: center; justify-content: space-between; gap: 24px; }

.mgk-coltabs__tabs { display: flex; align-items: center; gap: 10px; min-width: 0; overflow-x: auto; }

.mgk-coltabs__inner:has(> .mgk-coltabs__tab) { min-width: 0; overflow-x: auto; }
.mgk-coltabs__tab { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 18px; border: none; border-radius: 999px; background: var(--mgk-bg-alt); font-family: inherit; font-size: 14px; font-weight: 600; line-height: 20px; color: var(--mgk-navy); cursor: pointer; white-space: nowrap; text-decoration: none; }
.mgk-coltabs__tab:hover { background: #E2E8F0; }
.mgk-coltabs__tab.is-active { background: var(--mgk-navy); color: #fff; font-weight: 700; }
.mgk-coltabs__tab.is-active:hover { background: var(--mgk-navy); }

.mgk-coltabs__count { display: inline-flex; align-items: center; justify-content: center; min-width: 21px; height: 20px; padding: 0 7px; box-sizing: border-box; border-radius: 999px; background: #fff; color: var(--mgk-navy); font-size: 12px; font-weight: 700; line-height: 16px; }

.mgk-coltabs__sort { position: relative; flex: 0 0 auto; display: inline-flex; align-items: center; }
.mgk-coltabs__sort-select { -webkit-appearance: none; appearance: none; box-sizing: border-box; height: 32px; padding: 0 32px 0 12px; background: var(--mgk-surface); border: 1px solid #D5E2EE; border-radius: 6px; font-family: inherit; font-size: 12px; font-weight: 600; line-height: 16px; color: var(--mgk-navy); cursor: pointer; }
.mgk-coltabs__sort-select:focus-visible { outline: 2px solid var(--mgk-cta-blue); outline-offset: 1px; }
.mgk-coltabs__sort-caret { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); pointer-events: none; }

.mgk-coltabs__burger, .mgk-coltabs__icon { display: none; }

.mgk-coltabs__tab--all { display: none; }

.mgk-sale__mhero, .mgk-sale__endsin { display: none; }

.mgk-hamper { background: var(--mgk-surface); border: 1px solid var(--mgk-border); border-radius: var(--mgk-radius); overflow: hidden; }
.mgk-hamper__media { position: relative; height: 144px; background: var(--mgk-amber-bg); overflow: hidden; }

@media (min-width: 1141px) {
	.mgk-hampers .mgk-grid > .mgk-hamper:not(:first-child) .mgk-hamper__media {
		height: auto;
		aspect-ratio: 91 / 30;
		min-height: 108px;
	}
}
body .mgk-hamper__media img.mgk-hamper__img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.mgk-hamper__img--ph { display: flex; align-items: center; justify-content: center; font-size: 42px; }
.mgk-hamper__badge { position: absolute; top: 8px; left: 8px; background: rgba(139,26,26,.9); color: #fff; font-size: 11px; font-weight: 700; padding: 2px 10px; border-radius: 999px; }
.mgk-hamper__body { padding: 16px; }
.mgk-hamper__name { font-weight: 700; color: var(--mgk-text); margin: 0; }
.mgk-hamper__items { font-size: 12px; color: var(--mgk-text-3); margin: 2px 0 12px; }
.mgk-hamper__foot { display: flex; align-items: center; justify-content: space-between; }
.mgk-hamper__price { color: var(--mgk-green); font-weight: 900; }

@media (min-width: 1141px) {
.mgk-hampers .mgk-grid > .mgk-hamper:first-child .mgk-hamper__media {
	width: 480px;  min-width: 480px;  max-width: 480px;
	height: 300px; min-height: 300px; max-height: 300px;

	overflow: hidden;
}

.mgk-hampers .mgk-grid--3:has(> .mgk-hamper:first-child) {
	grid-template-columns: 482px repeat(2, 1fr);
}
}

.mgk-pdp__grid { display: grid; grid-template-columns: 5fr 7fr; gap: 32px; align-items: start; }
.mgk-pdp__media { display: flex; flex-direction: column; gap: 12px; }
.mgk-pdp__main { position: relative; height: 340px; border: 1px solid var(--mgk-border); border-radius: var(--mgk-radius); overflow: hidden; }
body .mgk-pdp__main img.mgk-pdp__main-img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.mgk-pdp__main-img--ph { display: flex; align-items: center; justify-content: center; font-size: 72px; background: var(--mgk-bg-alt); }
.mgk-pdp__media-badges { position: absolute; top: 12px; left: 12px; display: flex; flex-direction: column; gap: 6px; }

.mgk-pdp__oos { position: absolute; inset: 0; background: rgba(255,255,255,.8); display: flex; align-items: center; justify-content: center; }

.mgk-pdp__media-tags { position: absolute; left: 12px; bottom: 12px; display: flex; flex-wrap: wrap; gap: 6px; max-width: calc(100% - 24px); }
.mgk-pdp__media-tag { display: inline-flex; align-items: center; background: rgba(17, 24, 39, .55); backdrop-filter: blur(3px); color: #fff; font-size: 11.5px; font-weight: 600; line-height: 1.3; padding: 5px 10px; border-radius: 999px; }
.mgk-pdp__thumbs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.mgk-pdp__thumb { position: relative; height: 64px; border: 2px solid var(--mgk-border); border-radius: var(--mgk-radius-sm); overflow: hidden; }
.mgk-pdp__thumb.is-active { border-color: var(--mgk-navy); }
.mgk-pdp__thumb-oos { position: absolute; inset: 0; background: rgba(255,255,255,.8); }
body .mgk-pdp__thumb img { width: 100%; height: 100%; object-fit: cover; object-position: center; }

.mgk-pdp-collection-strip { display: flex; align-items: center; justify-content: center; gap: 8px 20px; flex-wrap: wrap; background: linear-gradient(90deg, var(--mgk-navy-900), #123a6b); color: #fff; padding: 12px 24px; font-size: 14px; text-align: center; }
.mgk-pdp-collection-strip__text { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.mgk-pdp-collection-strip__sep { color: rgba(255,255,255,.5); }
.mgk-pdp-collection-strip__link { color: #fff; font-weight: 600; text-decoration: underline; white-space: nowrap; }

.mgk-pdp__info { display: flex; flex-direction: column; gap: 16px; }
.mgk-pdp__name { font-size: 22px; font-weight: 800; color: var(--mgk-text); margin: 0; }
.mgk-pdp__sku { font-size: 13px; color: var(--mgk-text-3); margin: 0; }

.mgk-pdp__price { color: #1454B8; font-size: 36px; font-weight: 900; }
.mgk-pdp__price-row { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.mgk-pdp__price-main { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }

.mgk-pdp__price-meta { display: flex; flex-direction: column; align-items: flex-start; gap: 9px; }
.mgk-pdp__gstline { margin: 0; font-size: 12.5px; color: var(--mgk-text-3); }
.mgk-pdp__price-was { font-size: 16px; color: var(--mgk-text-3); text-decoration: line-through; }
.mgk-chip--sale { background: var(--mgk-red); color: #fff; border: 1px solid var(--mgk-red); font-weight: 900; }

.mgk-pdp__price--sale { color: #C5342A; }
.mgk-chip--save { background: var(--mgk-green); color: #fff; border: 1px solid var(--mgk-green); font-weight: 800; }
.mgk-pdp__price-save { font-size: 13px; }
.mgk-pdp__flash { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
.mgk-pdp__flash-head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.mgk-pdp__flash-label { font-size: 14px; font-weight: 700; color: var(--mgk-text); }
.mgk-pdp__flash-clock { display: flex; gap: 6px; }
.mgk-pdp__flash-seg { background: var(--mgk-navy-900); color: #fff; font-weight: 800; font-size: 13px; padding: 4px 9px; border-radius: 6px; min-width: 28px; text-align: center; }
.mgk-pdp__flash-note { font-size: 12px; color: var(--mgk-text-3); margin: 0; }
.mgk-pdp__flash-stock { font-size: 12px; font-weight: 700; color: #c64530; margin: 2px 0 0; }

.mgk-chip--limit { background: #FFE4DC; color: #F0532D; font-weight: 800; letter-spacing: .03em; }
.mgk-pdp__limit-pill { font-size: 11px; padding: 3px 10px; }
.mgk-pdp__limit-notice { display: flex; align-items: center; gap: 6px; color: #E8503F; font-size: 13px; font-weight: 600; margin: 0; }
.mgk-pdp__limit-notice[hidden] { display: none !important; }

.mgk-pdp__upcoming-notice { display: flex; align-items: center; gap: 6px; color: #92660A; background: #FFF6DA; border: 1px solid #F5DE96; border-radius: 8px; padding: 8px 12px; font-size: 13px; font-weight: 600; margin: 0; width: fit-content; }

.mgk-pdp__offers { background: #fdf1e9; border: 1px solid #f3d9c2; border-radius: 12px; padding: 14px 16px; }
.mgk-pdp__offers-title { font-weight: 700; font-size: 12px; letter-spacing: .04em; color: #c5601f; margin: 0 0 8px; text-transform: uppercase; }
.mgk-pdp__offer-line { font-size: 14px; color: var(--mgk-text); margin: 6px 0; }

.mgk-pdp__avail { border: 1px solid var(--mgk-border); border-radius: 12px; overflow: hidden; }
.mgk-pdp__avail-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; }
.mgk-pdp__avail-row + .mgk-pdp__avail-row { border-top: 1px solid var(--mgk-border); }
.mgk-pdp__avail-icon { font-size: 20px; width: 24px; text-align: center; }
.mgk-pdp__avail-copy { flex: 1; }
.mgk-pdp__avail-title { font-weight: 700; font-size: 14px; color: var(--mgk-text); margin: 0; }
.mgk-pdp__avail-sub { font-size: 12px; color: var(--mgk-text-3); margin: 2px 0 0; }
.mgk-pdp__avail-status { font-size: 13px; font-weight: 600; color: var(--mgk-green); display: flex; align-items: center; gap: 6px; white-space: nowrap; }
.mgk-pdp__avail-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--mgk-green); display: inline-block; }

.mgk-pdp__avail-status--oos { color: var(--mgk-red); }
.mgk-pdp__avail-status--oos .mgk-pdp__avail-dot { background: var(--mgk-red); }
.mgk-btn--flash { background: #1454B8; color: #fff; }
.mgk-pdp__stock-chip { align-self: flex-start; }
.mgk-pdp__qty { display: flex; align-items: center; gap: 16px; flex-shrink: 0; }
.mgk-pdp__qty-label { font-size: 14px; font-weight: 600; color: var(--mgk-text); }
.mgk-pdp__buyrow { display: flex; align-items: center; gap: 16px; }
.mgk-pdp__buyrow .mgk-pdp__cta { flex: 1; }
@media (max-width: 768px) {
	html,
	body:has(.mgk-pdp),
	body.page-id-552,
	body.single-product {
		overflow-x: hidden;
		max-width: 100vw;
	}
	.mgk-pdp {
		overflow-x: hidden;
		max-width: 100%;
	}
	.mgk-pdp__grid { grid-template-columns: 1fr; gap: 16px; }
	.mgk-pdp__main { height: 240px; }
	.mgk-pdp__buyrow {
		position: fixed !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		z-index: 450 !important;
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		gap: 10px !important;
		margin: 0 !important;
		padding: 12px 20px calc(12px + env(safe-area-inset-bottom, 0px)) !important;
		background: rgba(255, 255, 255, 0.96) !important;
		backdrop-filter: blur(18px) !important;
		-webkit-backdrop-filter: blur(18px) !important;
		border-top: 1px solid #edf0f5 !important;
		box-shadow: 0 -2px 10px rgba(20, 33, 57, 0.06) !important;
		box-sizing: border-box !important;
	}
	body:has(.mgk-pdp),
	body.page-id-552,
	body.single-product {
		padding-bottom: calc(90px + env(safe-area-inset-bottom, 0px)) !important;
	}
}

.mgk-pdp__modifiers { display: flex; flex-direction: column; gap: 16px; }
.mgk-pdp__modifier-title { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: var(--mgk-text); margin: 0 0 10px; }
.mgk-pdp__modifier-opts { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.mgk-pdp__modifier-opt { position: relative; display: block; cursor: pointer; }
.mgk-pdp__modifier-opt input { position: absolute; opacity: 0; width: 0; height: 0; }
.mgk-pdp__modifier-card { display: flex; flex-direction: column; gap: 2px; padding: 14px; border: 2px solid var(--mgk-border); border-radius: var(--mgk-radius-sm); background: var(--mgk-surface); }
.mgk-pdp__modifier-opt input:checked + .mgk-pdp__modifier-card { border-color: var(--mgk-navy); background: #EFF4FE; }
.mgk-pdp__modifier-top { display: flex; align-items: center; justify-content: space-between; }
.mgk-pdp__modifier-label { font-weight: 700; font-size: 14px; color: var(--mgk-text); }
.mgk-pdp__modifier-tag { display: none; background: var(--mgk-navy); color: #fff; font-size: 10px; font-weight: 700; padding: 2px 8px; border-radius: 999px; }
.mgk-pdp__modifier-opt input:checked + .mgk-pdp__modifier-card .mgk-pdp__modifier-tag { display: inline-flex; }
.mgk-pdp__modifier-price { color: #1454B8; font-weight: 900; }
.mgk-pdp__modifier-pct { align-self: flex-start; margin-top: 4px; font-size: 10px; padding: 2px 8px; }
.mgk-pdp__modifier-error { color: var(--mgk-red); font-size: 12px; font-weight: 600; margin: -6px 0 10px; }
.mgk-pdp__modifier-group.is-invalid .mgk-pdp__modifier-card { border-color: var(--mgk-red); }
@media (max-width: 720px) { .mgk-pdp__modifier-opts { grid-template-columns: repeat(2, 1fr); } }

.mgk-pdp__cta { display: flex; gap: 12px; }
.mgk-pdp__add, .mgk-pdp__buynow, .mgk-pdp__wishlist-btn { flex: 1; }
.mgk-pdp__buynow { display: none; }
.mgk-pdp__add { background: #1363FF; }
.mgk-pdp__add:hover { background: #0D3985; }
.mgk-pdp__wishlist-btn.is-active { background: var(--mgk-wish-remove); }
.mgk-pdp__wishlist-btn.is-active:hover { background: var(--mgk-red); }

.mgk-pdp__weightgrid-label { font-size: 14px; font-weight: 600; color: var(--mgk-text); margin: 0 0 8px; }
.mgk-pdp__weightgrid .mgk-weight__opts { grid-template-columns: repeat(4, 1fr); }
.mgk-pdp__weightgrid .mgk-weight__opt-price { color: #1454B8; }
.mgk-pdp__weightgrid .mgk-weight__opt.is-sel { background: #EFF4FE; }
@media (max-width: 720px) { .mgk-pdp__weightgrid .mgk-weight__opts { grid-template-columns: repeat(2, 1fr); } }

.mgk-pdp__mixmatch { box-sizing: border-box; display: flex; flex-direction: column; gap: 10px; margin-top: 28px; padding: 16px 20px; background: #FFF6F1; border: 1.5px dashed #FAD1BD; border-radius: 14px; }
.mgk-pdp__mixmatch-head { display: flex; align-items: center; gap: 10px; }
.mgk-pdp__mixmatch-title { font-weight: 700; font-size: 17px; color: var(--mgk-navy-900); }
.mgk-pdp__mixmatch-till { font-weight: 600; font-size: 12.5px; color: var(--mgk-red); }
.mgk-pdp__mixmatch-items { display: flex; flex-wrap: wrap; gap: 10px; }
.mgk-pdp__mixmatch-item { box-sizing: border-box; display: flex; align-items: center; gap: 8px; padding: 8px 10px 8px 12px; background: var(--mgk-surface); border: 1px solid var(--mgk-border); border-radius: 10px; }
.mgk-pdp__mixmatch-item-name { font-weight: 600; font-size: 12px; color: var(--mgk-navy); }
.mgk-pdp__mixmatch-item-price { font-weight: 700; font-size: 12px; color: #1454B8; }
.mgk-pdp__mixmatch-add { flex: none; padding: 3px 9px; background: #1454B8; color: #fff; font-weight: 700; font-size: 11px; line-height: 14px; border: 0; border-radius: 999px; cursor: pointer; }
.mgk-pdp__mixmatch-add:hover { background: #0E3B81; }

.mgk-pdp__prodinfo { margin-top: 28px; }
.mgk-pdp__prodinfo-title { font-size: 20px; font-weight: 700; color: var(--mgk-navy-900); margin: 0 0 16px; }
.mgk-pdp__acc { display: flex; flex-direction: column; background: var(--mgk-surface); border: 1px solid var(--mgk-border); border-radius: 14px; overflow: hidden; }
.mgk-pdp__acc-item { border-top: 1px solid #ECF0F5; }
.mgk-pdp__acc-item:first-child { border-top: 0; }
.mgk-pdp__acc-head { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; font-weight: 700; font-size: 15px; color: var(--mgk-navy-900); cursor: pointer; list-style: none; }
.mgk-pdp__acc-head::-webkit-details-marker { display: none; }
.mgk-pdp__acc-head::after { content: '+'; font-weight: 700; font-size: 17px; color: var(--mgk-navy); }
.mgk-pdp__acc-item[open] > .mgk-pdp__acc-head::after { content: '\2212'; }
.mgk-pdp__acc-body { padding: 0 20px 20px; display: flex; flex-direction: column; gap: 12px; }
.mgk-pdp__acc-desc { font-size: 13.5px; color: var(--mgk-navy); margin: 0; line-height: 1.4; }

.mgk-pdp__acc-desc p, .mgk-pdp__acc-desc ul, .mgk-pdp__acc-desc ol { margin: 0 0 8px; }
.mgk-pdp__acc-desc p:last-child, .mgk-pdp__acc-desc ul:last-child, .mgk-pdp__acc-desc ol:last-child { margin-bottom: 0; }
.mgk-pdp__acc-desc ul, .mgk-pdp__acc-desc ol { padding-left: 18px; }
.mgk-pdp__acc-table { border: 1px solid #ECF0F5; border-radius: 10px; overflow: hidden; }
.mgk-pdp__acc-row { display: flex; gap: 14px; padding: 10px 14px; background: var(--mgk-surface); }
.mgk-pdp__acc-row.is-alt { background: #F8FAFC; }
.mgk-pdp__acc-row-label { flex: 0 0 220px; font-weight: 600; font-size: 12.5px; color: var(--mgk-text-3); }
.mgk-pdp__acc-row-val { font-weight: 600; font-size: 12.5px; color: var(--mgk-navy); }
@media (max-width: 720px) { .mgk-pdp__acc-row { flex-direction: column; gap: 2px; } .mgk-pdp__acc-row-label { flex-basis: auto; } }

.mgk-pdp__tabs { margin-top: 28px; }
.mgk-pdp__tabstrip { display: flex; align-items: flex-end; gap: 0; border-bottom: 1px solid var(--mgk-border); overflow-x: auto; scrollbar-width: none; }
.mgk-pdp__tabstrip::-webkit-scrollbar { display: none; }
.mgk-pdp__tab { flex: 0 0 auto; background: transparent; border: none; border-bottom: 2px solid transparent; margin-bottom: -1px; padding: 12px 20px; font-family: inherit; font-size: 15px; font-weight: 600; line-height: 20px; color: var(--mgk-text-2); white-space: nowrap; cursor: pointer; }
.mgk-pdp__tab:first-child { padding-left: 0; }
.mgk-pdp__tab:hover { color: var(--mgk-navy); }
.mgk-pdp__tab.is-active { color: var(--mgk-navy); border-bottom-color: var(--mgk-navy); font-weight: 700; }
.mgk-pdp__tab:focus-visible { outline: 2px solid var(--mgk-cta-blue); outline-offset: -2px; border-radius: 4px 4px 0 0; }
.mgk-pdp__tabpanel { padding-top: 20px; }
.mgk-pdp__tabpanel[hidden] { display: none; }

.mgk-pdp__richtext { max-width: 78ch; font-size: 14.5px; line-height: 1.7; color: var(--mgk-navy); }
.mgk-pdp__richtext > :first-child { margin-top: 0; }
.mgk-pdp__richtext > :last-child { margin-bottom: 0; }
.mgk-pdp__richtext p { margin: 0 0 14px; }
.mgk-pdp__richtext h1, .mgk-pdp__richtext h2, .mgk-pdp__richtext h3 { color: var(--mgk-navy-900); font-weight: 700; line-height: 1.35; margin: 22px 0 10px; }
.mgk-pdp__richtext h1 { font-size: 19px; }
.mgk-pdp__richtext h2 { font-size: 17px; }
.mgk-pdp__richtext h3 { font-size: 15px; }
.mgk-pdp__richtext ul, .mgk-pdp__richtext ol { margin: 0 0 14px; padding-left: 20px; }
.mgk-pdp__richtext li { margin: 0 0 6px; }
.mgk-pdp__richtext strong, .mgk-pdp__richtext b { font-weight: 700; color: var(--mgk-navy-900); }
.mgk-pdp__richtext a { color: var(--mgk-cta-blue); text-decoration: underline; }
.mgk-pdp__richtext blockquote { margin: 0 0 14px; padding: 2px 0 2px 14px; border-left: 3px solid var(--mgk-border); color: var(--mgk-text-2); }
.mgk-pdp__richtext img { max-width: 100%; height: auto; border-radius: var(--mgk-radius-sm); }
.mgk-pdp__richtext table { width: 100%; border-collapse: collapse; margin: 0 0 14px; }
.mgk-pdp__richtext th, .mgk-pdp__richtext td { border: 1px solid var(--mgk-border-lt); padding: 8px 12px; text-align: left; font-size: 13.5px; }

.mgk-pdp__tabpanel > .mgk-pdp__reviews { margin-top: 0; }

@media (max-width: 720px) {
	.mgk-pdp__tab { padding: 10px 14px; font-size: 14px; }
	.mgk-pdp__richtext { font-size: 14px; }
}

.mgk-pdp__reviews { margin-top: 32px; }
.mgk-pdp__reviews-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.mgk-pdp__reviews-title { font-size: 20px; font-weight: 800; color: var(--mgk-text); margin: 0 0 4px; }
.mgk-pdp__reviews-sub { font-size: 13px; color: var(--mgk-text-3); margin: 0; }

.mgk-pdp__reviews-sub-star { color: #F09830; }

.mgk-pdp__reviews-all,
.mgk-pdp__reviews-all:link,
.mgk-pdp__reviews-all:visited { background: #1336FF; border: 1px solid #1336FF; color: #fff; }
.mgk-pdp__reviews-all:hover,
.mgk-pdp__reviews-all:focus { background: #0F2BD1; border-color: #0F2BD1; color: #fff; }

.mgk-pdp__reviews-list { display: flex; flex-direction: column; }
.mgk-pdp__review { display: flex; flex-direction: row; align-items: center; padding: 32px 20px; border-bottom: 1px solid #A0B8C2; }
.mgk-pdp__review:last-child { border-bottom: 0; }
.mgk-pdp__review-body { flex: 1; display: flex; flex-direction: column; align-items: flex-start; min-width: 0; }
.mgk-pdp__review-head { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 4px; }
.mgk-pdp__review-who { display: flex; align-items: center; gap: 8px; }

body .mgk-pdp__review-who img.mgk-pdp__review-avatar,
.mgk-pdp__review-avatar { width: 32px; height: 32px; border-radius: 100px; object-fit: cover; flex: 0 0 auto; }
.mgk-pdp__review-avatar--initial { background: var(--mgk-navy); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 14px; }
.mgk-pdp__review-author { font-family: 'Quicksand', var(--mgk-font); font-weight: 600; font-size: 18px; line-height: 28px; color: #3D5060; }
.mgk-pdp__review-meta { display: flex; align-items: center; gap: 12px; }
.mgk-pdp__review-rating { font-family: 'Quicksand', var(--mgk-font); font-weight: 700; font-size: 20px; line-height: 28px; color: #F09830; letter-spacing: 0; }
.mgk-pdp__review-date { font-size: 12px; line-height: 16px; color: var(--mgk-text-3); }
.mgk-pdp__review-title { font-family: 'Quicksand', var(--mgk-font); font-weight: 600; font-size: 16px; line-height: 24px; color: #4A6580; margin: 0; padding: 8px 0 4px; }
.mgk-pdp__review-text { font-family: 'Quicksand', var(--mgk-font); font-weight: 500; font-size: 16px; line-height: 24px; color: #4A6580; margin: 0; padding: 8px 0; }
.mgk-pdp__review-photos { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 10px; }
body .mgk-pdp__review-photo { width: 64px; height: 64px; border-radius: var(--mgk-radius-sm); object-fit: cover; object-position: center; border: 1px solid var(--mgk-border); }
@media (max-width: 720px) { .mgk-pdp__review { padding: 20px 0; } }

.mgk-pdp__review-reply,
.mgk-rev__reply {
	margin: 12px 0 0 16px;
	padding: 12px 14px;
	background: var(--mgk-bg);
	border-left: 3px solid var(--mgk-navy);
	border-radius: 0 var(--mgk-radius-sm) var(--mgk-radius-sm) 0;
}
.mgk-pdp__review-reply-head,
.mgk-rev__reply-head { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-bottom: 6px; }
.mgk-pdp__review-reply-who,
.mgk-rev__reply-who { font-size: 13.5px; font-weight: 700; line-height: 18px; color: var(--mgk-navy-900); }
.mgk-pdp__review-reply-badge,
.mgk-rev__reply-badge {
	display: inline-flex; align-items: center;
	padding: 2px 8px; border-radius: 999px;
	background: var(--mgk-bg-alt); color: var(--mgk-navy);
	font-size: 11px; font-weight: 700; line-height: 16px;
	text-transform: uppercase; letter-spacing: .02em;
}
.mgk-pdp__review-reply-date,
.mgk-rev__reply-date { margin-left: auto; font-size: 12px; line-height: 16px; color: var(--mgk-text-3); }
.mgk-pdp__review-reply-text,
.mgk-rev__reply-text { margin: 0; font-size: 14px; font-weight: 500; line-height: 22px; color: var(--mgk-text-2); }

.mgk-pdp__discount-tag,
.mgk-pdp__wish-float,
.mgk-pdp__tags,
.mgk-pdp__collection-pill,
.mgk-pdp__accordion-summary,
.mgk-pdp__mixmatch-thumb,
.mgk-pdp__mixmatch-add-icon {
	display: none;
}

@media (max-width: 640px) {
	.mgk-pdp__review-reply,
	.mgk-rev__reply { margin-left: 10px; padding: 10px 12px; }

	.mgk-pdp__review-reply-date,
	.mgk-rev__reply-date { margin-left: 0; flex-basis: 100%; }
	.mgk-pdp__review-reply-text,
	.mgk-rev__reply-text { font-size: 13.5px; line-height: 20px; }
}

.mgk-weight__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; max-width: 960px; margin: 0 auto; }
.mgk-weight__media { }
body .mgk-weight__img { width: 100%; height: 320px; object-fit: cover; object-position: center; border: 1px solid var(--mgk-border); border-radius: var(--mgk-radius); }
.mgk-weight__img--ph { display: flex; align-items: center; justify-content: center; font-size: 72px; background: var(--mgk-bg-alt); }
.mgk-weight__panel { display: flex; flex-direction: column; gap: 16px; }
.mgk-weight__heading { font-size: 20px; font-weight: 700; color: var(--mgk-text); margin: 0; }
.mgk-weight__product { font-size: 13px; color: var(--mgk-text-3); margin: 2px 0 0; }
.mgk-weight__sub { font-size: 13px; color: var(--mgk-text-2); margin: 0 0 12px; }
.mgk-weight__opts { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.mgk-weight__opt { display: flex; flex-direction: column; gap: 2px; text-align: left; padding: 14px; border: 2px solid var(--mgk-border); border-radius: var(--mgk-radius-sm); background: var(--mgk-surface); cursor: pointer; font-family: inherit; }
.mgk-weight__opt.is-sel { border-color: var(--mgk-navy); background: var(--mgk-bg-alt); }
.mgk-weight__opt-top { display: flex; align-items: center; justify-content: space-between; }
.mgk-weight__opt-w { font-weight: 700; font-size: 14px; color: var(--mgk-text); }
.mgk-weight__opt-tag { background: var(--mgk-navy); color: #fff; font-size: 10px; font-weight: 700; padding: 2px 8px; border-radius: 999px; }
.mgk-weight__opt-price { color: var(--mgk-teal); font-weight: 900; }
.mgk-weight__opt-est { font-size: 12px; color: var(--mgk-text-3); }
.mgk-weight__bd-title { font-size: 15px; font-weight: 700; color: var(--mgk-text); margin: 0 0 12px; }
.mgk-weight__bd { display: flex; flex-direction: column; gap: 8px; font-size: 14px; color: var(--mgk-text-2); margin-bottom: 12px; }
.mgk-weight__bd-row { display: flex; justify-content: space-between; }
.mgk-weight__bd-teal { color: var(--mgk-teal); font-weight: 600; }
.mgk-weight__bd-amber { color: var(--mgk-amber); font-weight: 600; }
.mgk-weight__policy { background: var(--mgk-amber-bg); border: 1px solid rgba(240,152,48,.27); border-radius: var(--mgk-radius-sm); padding: 12px; font-size: 12px; color: var(--mgk-text-2); }
.mgk-weight__policy strong { color: var(--mgk-amber); }

.mgk-cart { font-family: 'Quicksand', var(--mgk-font); }

.mgk-cart__back { display: inline-block; color: #1363FF; font-size: 13px; font-weight: 600; text-decoration: none; margin-bottom: 8px; }
.mgk-cart__back:hover { text-decoration: underline; }
.mgk-cart__tabs { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; border-bottom: 1px solid var(--mgk-border); margin-bottom: 20px; }
.mgk-cart__tab-buttons { display: flex; align-items: flex-end; gap: 0; }
.mgk-cart__tab { background: transparent; border: none; border-bottom: 2px solid transparent; color: var(--mgk-text-2); font-family: inherit; font-size: 14px; font-weight: 600; padding: 10px 20px; cursor: pointer; }
.mgk-cart__tab.is-active { color: var(--mgk-navy); border-bottom-color: var(--mgk-navy); }
.mgk-cart__tab[data-mgk-cart-tab="wishlist"] { display: none; }
.mgk-cart__tabs-count { color: var(--mgk-text-2); font-size: 14px; font-weight: 500; padding: 10px 0; white-space: nowrap; }

.mgk-cart__main > .mgk-cart__tabs-count { display: block; text-align: right; padding: 0; }
.mgk-cart__grid { display: grid; grid-template-columns: 2fr 1fr; gap: 24px; align-items: start; }
.mgk-cart__grid[hidden] { display: none !important; }
.mgk-cart__main { display: flex; flex-direction: column; gap: 16px; }

.mgk-cart__empty { display: flex; flex-direction: column; align-items: center; gap: 24px; max-width: 349px; margin: 96px auto; text-align: center; }
.mgk-cart__empty[hidden] { display: none !important; }
.mgk-cart__empty-icon { width: 120px; height: 120px; display: flex; align-items: center; justify-content: center; }
.mgk-cart__empty-icon svg { width: 100px; height: 100px; }
.mgk-cart__empty-copy { display: flex; flex-direction: column; gap: 8px; }
.mgk-cart__empty-title { font-size: 20px; font-weight: 700; color: var(--mgk-text); margin: 0; }
.mgk-cart__empty-text { font-size: 15px; font-weight: 400; color: var(--mgk-text); margin: 0; line-height: 1.3; }
.mgk-cart__empty-cta { background: #1363FF; color: #fff; font-size: 15.5px; font-weight: 700; padding: 15px 40px; border-radius: 12px; }
.mgk-cart__empty-cta:hover { background: #0E4FD1; }

body:has(.mgk-cart__empty:not([hidden])) .mgk-footer__row { display: none; }
body:has(.mgk-cart__empty:not([hidden])) .mgk-footer { padding: 0; margin: 0; border-top: 0; background: none; }
.mgk-fbt { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--mgk-border); }
.mgk-sh--tight { margin-bottom: 12px; }

.mgk-fbt__grid { display: flex; gap: 24px; overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none; -ms-overflow-style: none; }
.mgk-fbt__grid::-webkit-scrollbar { display: none; }

.mgk-fbt__grid { padding-right: 1px; }

.mgk-fbt__grid .mgk-prod { flex: 0 0 calc((100% - 24px * 4) / 5); min-width: 256px; }
@media (max-width: 1024px) {
	.mgk-fbt__grid .mgk-prod { flex-basis: calc((100% - 24px * 2) / 3); }
}
@media (max-width: 720px) {
	.mgk-fbt__grid .mgk-prod { flex-basis: calc((100% - 16px) / 2); min-width: 160px; }
	.mgk-fbt__grid { gap: 16px; }
}
.mgk-cart__head { display: flex; align-items: baseline; justify-content: space-between; }
.mgk-cart__count { font-size: 20px; font-weight: 700; color: var(--mgk-text); }

.mgk-cart__items { display: flex; flex-direction: column; background: var(--mgk-surface); border-radius: var(--mgk-radius); }
.mgk-cart__items > .mgk-cartrow:first-child { border-top-left-radius: var(--mgk-radius); border-top-right-radius: var(--mgk-radius); }
.mgk-cart__items > .mgk-cartrow:last-child { border-bottom-left-radius: var(--mgk-radius); border-bottom-right-radius: var(--mgk-radius); }

.mgk-cartrow { display: flex; align-items: center; gap: 16px; padding: 18px 20px; border-bottom: 1px solid var(--mgk-border-lt); }
.mgk-cart__items .mgk-cartrow:last-child { border-bottom: none; }
.mgk-cartrow__media { width: 60px; height: 60px; border-radius: var(--mgk-radius-sm); overflow: hidden; background: var(--mgk-bg-alt); flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
body .mgk-cartrow__media img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.mgk-cartrow__ph { font-size: 28px; }

.mgk-cartrow__body { flex: 1; display: flex; align-items: center; gap: 12px; min-width: 0; }
.mgk-cartrow__top { flex: 1; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.mgk-cartrow__name { font-size: 16px; font-weight: 400; color: var(--mgk-text); margin: 0; text-decoration: none; }
.mgk-cartrow__name:hover { text-decoration: underline; }
.mgk-cartrow__sub { font-size: 12px; color: var(--mgk-text-3); margin: 0; }
.mgk-cartrow__discount { color: #498228; font-weight: 600; }

.mgk-cartrow__optpill { margin-top: 6px; }

.mgk-cartrow:has(.mgk-pill.is-open) { position: relative; z-index: 30; }

.mgk-cartrow__optbtn { box-sizing: border-box; display: flex; flex-direction: row; align-items: center; gap: 12px; padding: 2px 8px; width: 203px; max-width: 100%; height: 22px; border: 1px solid #E5E6EB; border-radius: 4px; background: var(--mgk-surface); cursor: pointer; }
.mgk-cartrow__optbtn-text { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; font-family: 'Quicksand', inherit; font-style: normal; font-weight: 400; font-size: 12px; line-height: 16px; color: #1E3545; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mgk-cartrow__optbtn-caret { flex: none; width: 14px; height: 14px; transition: transform .15s ease; }
.mgk-cartrow__optbtn[aria-expanded="true"] .mgk-cartrow__optbtn-caret { transform: rotate(-180deg); }

.mgk-cartrow__optpanel {
	box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-end;
	width: 203px; min-width: 0; max-width: 100%; max-height: none; padding: 12px; gap: 28px;
	background: #FFFFFF; border: 1px solid #E5E6EB; border-radius: 8px; box-shadow: none;
	font-family: 'Quicksand', var(--mgk-font);
}

.mgk-cartrow__optgroups { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; align-self: stretch; }

.mgk-cartrow__optgroup { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 4px; align-self: stretch; }
.mgk-cartrow__optlabel { flex: 0 0 auto; display: flex; align-items: center; height: 16px; font-family: 'Quicksand', var(--mgk-font); font-style: normal; font-weight: 400; font-size: 12px; line-height: 16px; color: #1E3545; }

.mgk-cartrow__optchoices { display: contents; }
.mgk-cartrow__optchoice {
	box-sizing: border-box; display: flex; flex-direction: row; justify-content: center; align-items: center;
	height: 20px; padding: 2px 8px; gap: 10px;
	border: 1px solid #DCE5EA; border-radius: 4px; background: transparent;
	font-family: 'Quicksand', var(--mgk-font); font-style: normal; font-weight: 400; font-size: 12px; line-height: 16px;
	color: #1E3545; white-space: nowrap; cursor: pointer;
}
.mgk-cartrow__optchoice:hover { border-color: #165DFF; }

.mgk-cartrow__optchoice.is-sel { background: #E8F3FF; border-color: #165DFF; color: #1363FF; }

.mgk-cartrow__optpanel .mgk-pill__actions { display: flex; flex-direction: row; justify-content: flex-end; align-items: flex-start; gap: 12px; margin-top: 0; }
.mgk-cartrow__optpanel .mgk-pill__clear,
.mgk-cartrow__optpanel .mgk-pill__view {
	box-sizing: border-box; display: flex; flex-direction: row; justify-content: center; align-items: center;
	flex: none; height: 24px; padding: 2px 12px; gap: 8px; margin-top: 0;
	border-radius: 6px; font-family: 'Quicksand', var(--mgk-font); font-style: normal; font-weight: 400;
	font-size: 12px; line-height: 20px; white-space: nowrap; cursor: pointer; text-decoration: none;
}

.mgk-cartrow__optpanel .mgk-pill__clear { align-self: auto; background: transparent; border: 1px solid #1363FF; color: #1363FF; }

.mgk-cartrow__optpanel .mgk-pill__view { background: #1363FF; border: 1px solid transparent; color: #FFFFFF; }
.mgk-cartrow__optpanel .mgk-pill__clear:hover,
.mgk-cartrow__optpanel .mgk-pill__view:hover { opacity: .85; }
.mgk-cartrow__line { color: var(--mgk-text); font-weight: 600; font-size: 16px; margin: 0; text-align: right; }

.mgk-cartrow__controls { display: flex; align-items: center; gap: 14px; flex: 0 0 302px; }
.mgk-cartrow__controls .mgk-qty { flex: 0 0 120px; }
.mgk-cartrow__controls .mgk-cartrow__line { flex: 0 0 90px; }
.mgk-cartrow__controls .mgk-cartrow__remove { flex: 0 0 64px; }

.mgk-cartrow__remove { background: none; border: none; color: var(--mgk-text-3); font-size: 12.5px; font-weight: 600; text-decoration: underline; cursor: pointer; }
.mgk-cartrow__remove:hover { color: var(--mgk-red); }
.mgk-cartrow.is-oos .mgk-cartrow__media { opacity: .5; }
.mgk-cartrow.is-oos .mgk-cartrow__name { color: var(--mgk-text-3); }
.mgk-cart__aside { display: flex; flex-direction: column; gap: 16px; }

.mgk-cart__aside > .mgk-card:first-child { box-shadow: 0 2px 12px rgba(15, 23, 41, .06); }
.mgk-cart__summary-title { font-size: 18px; font-weight: 700; color: var(--mgk-text); margin: 0 0 16px; }
.mgk-cart__freeship { display: flex; align-items: center; gap: 8px; padding: 10px 14px; margin: 4px 0; border-radius: var(--mgk-radius-sm); background: var(--mgk-halal-bg); color: var(--mgk-halal); font-size: 14px; }
.mgk-cart__freeship[hidden] { display: none !important; }

.mgk-cart__voucher-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 13px; margin: 2px 0 10px; }
.mgk-cart__voucher-hint, .mgk-cart__voucher-login { display: flex; align-items: center; gap: 6px; }
.mgk-cart__voucher-hint { color: var(--mgk-text-3); }
.mgk-cart__voucher-login { color: var(--mgk-teal); text-decoration: none; font-weight: 600; font-size: 13px; }
.mgk-cart__voucher-login:hover { text-decoration: underline; }

.mgk-gst .mgk-checkout__voucher { margin: 2px 0 0; }
.mgk-gst .mgk-checkout__voucher-msg,
.mgk-gst .mgk-checkout__voucher-note { margin: -4px 0 0; }
.mgk-gst .mgk-freshpicks__head { margin: 4px 0 0; }
.mgk-gst .mgk-checkout__vouchers { margin: 0 0 2px; }
.mgk-cart__checkout, .mgk-checkout__pay, .mgk-weight__cta, .mgk-weight__back { width: 100%; }

.mgk-checkout__pay { background: #1363FF; }
.mgk-checkout__pay:hover { background: #0E4FD1; }

.mgk-cart__checkout { background: #1363FF; font-size: 16px; padding: 15px 0; }
.mgk-cart__checkout:hover { background: #0E4FD1; }
.mgk-cart__aside-secure { display: block; text-align: center; font-size: 12px; color: var(--mgk-text-3); margin: 10px 0 0; }
.mgk-checkout__back { display: flex; width: fit-content; margin: 10px auto 0; }

.mgk-checkout__pay[hidden] { display: none !important; }
.mgk-pay__methodhint[hidden] { display: none !important; }
.mgk-pay__methodhint { font-size: 13px; color: var(--mgk-text-2); margin: 8px 0 0; line-height: 1.4; }

.mgk-checkout__grid, .mgk-pay__grid { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 24px; align-items: start; margin-top: 8px; }
.mgk-checkout__main, .mgk-pay__main { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.mgk-checkout__methods, .mgk-pay__methods { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.mgk-checkout__zone { color: var(--mgk-green); font-size: 12px; margin: 4px 0 12px; font-weight: 600; }
.mgk-checkout__zone--hint { color: #6b7280; font-weight: 500; }

.mgk-checkout__billing-card { margin-top: 14px; }
.mgk-checkout__billing-sep { height: 1px; background: transparent; margin: 8px 0; }
.mgk-checkout__billing-toggle { --mgk-checkout-accent: #1363FF; display: flex; align-items: center; gap: 10px; margin: 14px 0 0; font-size: 13px; font-weight: 600; color: var(--mgk-text-2); cursor: pointer; user-select: none; }
.mgk-checkout__billing-toggle input { width: 17px; height: 17px; accent-color: var(--mgk-checkout-accent); cursor: pointer; flex: 0 0 auto; }
.mgk-checkout__billing { margin-top: 14px; padding-top: 16px; border-top: 1px dashed var(--mgk-border); }
.mgk-checkout__billing[hidden] { display: none; }

.mgk-checkout__business-toggle { --mgk-checkout-accent: #1363FF; display: flex; align-items: center; gap: 8px; margin: 14px 0 0; font-size: 12px; font-weight: 500; color: var(--mgk-text-2); cursor: pointer; user-select: none; }
.mgk-checkout__business-toggle input { width: 17px; height: 17px; accent-color: var(--mgk-checkout-accent); cursor: pointer; flex: 0 0 auto; }
.mgk-checkout__business-fields { margin-top: 12px;  }
.mgk-field__opt { color: var(--mgk-text-3); font-weight: 400; }
.mgk-checkout__zone--ok { color: #0f5132; }
.mgk-checkout__zone--err { color: var(--mgk-red); font-weight: 400; }

.mgk-checkout__timeslots { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 12px; }
.mgk-checkout__timeslot { padding: 10px 16px; border-radius: var(--mgk-radius-sm); border: 1px solid var(--mgk-border); background: var(--mgk-surface); color: var(--mgk-text); font-size: 12.5px; font-weight: 600; cursor: pointer; font-family: inherit; white-space: nowrap; }
.mgk-checkout__timeslot.is-sel { background: #EFF4FE; border-color: #1363FF; color: #1363FF; }
.mgk-checkout .mgk-slot.is-sel { background: #EFF4FE; border: 1.5px solid #1363FF; color: #1363FF; }
.mgk-checkout__note { font-size: 12px; color: var(--mgk-text-3); margin: 12px 0 0; }
.mgk-checkout__aside .mgk-card, .mgk-pay__aside .mgk-card { position: sticky; top: 16px; }
.mgk-paynow { text-align: center; display: flex; flex-direction: column; align-items: center; gap: 12px; padding-top: 8px; }
.mgk-paynow__title { font-size: 14px; font-weight: 600; color: var(--mgk-text); margin: 0; }
.mgk-paynow__qr { width: 180px; height: 180px; padding: 10px; border: 3px solid var(--mgk-navy); border-radius: var(--mgk-radius-sm); background: #fff; display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; }
.mgk-paynow__cell { border-radius: 2px; }
.mgk-paynow__cell.is-on { background: var(--mgk-navy); }
.mgk-paynow__expiry { color: var(--mgk-red); font-size: 14px; font-weight: 700; margin: 0; }
.mgk-paynow__amount { color: var(--mgk-text); font-size: 26px; font-weight: 900; margin: 0; }
.mgk-paynow__uen { color: var(--mgk-text-3); font-size: 12px; margin: 0; }
.mgk-pay__total { text-align: center; padding: 12px 0; border-top: 1px solid var(--mgk-border); margin: 4px 0; }
.mgk-pay__total-val { display: block; color: var(--mgk-navy); font-size: 32px; font-weight: 900; }
.mgk-pay__total-cap { font-size: 12px; color: var(--mgk-text-3); }
.mgk-pay__facts { display: flex; flex-direction: column; gap: 8px; font-size: 14px; margin-bottom: 16px; }
.mgk-pay__fact { display: flex; justify-content: space-between; gap: 12px; color: var(--mgk-text-2); }
.mgk-pay__fact-val { color: var(--mgk-text); font-weight: 600; text-align: right; }
.mgk-pay__terms { font-size: 11px; color: var(--mgk-text-3); text-align: center; margin: 8px 0 0; }

.mgk-paymethods { display: flex; flex-direction: column; border: 1px solid var(--mgk-border); border-radius: var(--mgk-radius); overflow: hidden; margin-bottom: 16px; }
.mgk-paymethod { display: flex; align-items: center; gap: 12px; width: 100%; padding: 15px 16px; border: none; border-top: 1px solid var(--mgk-border); background: var(--mgk-surface); cursor: pointer; font-family: inherit; text-align: left; }
.mgk-paymethod:first-child { border-top: none; }
.mgk-paymethod.is-sel { background: var(--mgk-bg-alt, #EFF4FE); }
.mgk-paymethod.is-disabled { opacity: .5; cursor: not-allowed; pointer-events: none; }

.mgk-paymethod__off { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; font-weight: 600; color: var(--mgk-text-3, #6B7C8F); }

@media (max-width: 640px) { .mgk-paymethod__off { display: none; } }
.mgk-paymethod__radio { flex: 0 0 auto; width: 18px; height: 18px; border-radius: 50%; border: 1.5px solid var(--mgk-border-strong, #BFCCD9); background: #fff; box-sizing: border-box; }
.mgk-paymethod.is-sel .mgk-paymethod__radio { border: 5px solid #1363FF; }
.mgk-paymethod__body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.mgk-paymethod__label { font-size: 14px; font-weight: 700; color: var(--mgk-text); }
.mgk-paymethod__desc { display: none; }
.mgk-paymethod__meta { flex: 0 0 auto; font-size: 12px; font-weight: 600; color: var(--mgk-text-3); text-align: right; }

.mgk-paymethod__panel { padding: 4px 16px 16px 46px; background: var(--mgk-bg-alt, #EFF4FE); }
.mgk-paymethod__panel[hidden] { display: none; }
.mgk-paymethod__panel .mgk-paynow { padding-top: 0; align-items: flex-start; text-align: left; }
.mgk-paymethod__panel .mgk-paynow__box { align-items: center; text-align: center; width: 100%; }

.mgk-savedcard { display: block; margin-bottom: 10px; }
.mgk-savedcard[hidden] { display: none; }
.mgk-savedcard__row { display: flex; align-items: center; gap: 12px; padding: 12px 14px; background: #fff; border-radius: 10px; }

.mgk-savedcard__brand { flex: 0 0 auto; width: 40px; height: 21px; border-radius: 2px; overflow: hidden; display: flex; align-items: center; justify-content: center; color: #fff; background: var(--mgk-navy-900); font-size: 9px; font-weight: 800; text-transform: uppercase; }
.mgk-savedcard__brand img, .mgk-savedcard__brand svg { width: 100%; height: 100%; display: block; object-fit: contain; }
.mgk-savedcard__brand[data-brand="visa"] { background: #fff; }
.mgk-savedcard__brand[data-brand="amex"] { background: #016FD0; }
.mgk-savedcard__detail { flex: 1; min-width: 0; font-size: 13.5px; font-weight: 600; color: var(--mgk-text); }
.mgk-savedcard__status { flex: 0 0 auto; font-size: 13px; font-weight: 700; color: #12805C; }

a.mgk-savedcard__change, .mgk-savedcard__change { display: inline-block; margin-top: 10px; font-size: 12.5px; font-weight: 700; color: #1363FF; text-decoration: underline !important; text-underline-offset: 2px; }
a.mgk-savedcard__change:hover { text-decoration: underline !important; opacity: .85; }
.mgk-card-form__usenew { display: inline-block; margin-bottom: 12px; font-size: 12.5px; font-weight: 600; color: var(--mgk-navy); text-decoration: underline; }
.mgk-cardpicker-badge { margin-right: 6px; }

[data-mgk-card-picker].mgk-checkout__addrpicker2 .mgk-checkout__addrpicker2-item { border-color: rgba(0, 64, 93, .22); }
[data-mgk-card-picker].mgk-checkout__addrpicker2 .mgk-checkout__addrpicker2-item.is-sel { border-color: #165DFF; }
[data-mgk-card-picker].mgk-checkout__addrpicker2 .mgk-checkout__addrpicker2-block { color: #061937; font-weight: 600; }
[data-mgk-card-picker].mgk-checkout__addrpicker2 .mgk-checkout__addrpicker2-who { color: #8A9FB5; }
[data-mgk-card-picker].mgk-checkout__addrpicker2 .mgk-checkout__addrpicker2-delete { color: #F04438; }
.mgk-cardpicker-badge.mgk-chip--blue { background: #E8F7FF; color: #3491FA; border: none; }
.mgk-cardmodal__save { background: #1363FF; color: #fff; border-color: #1363FF; }

.mgk-cardmodal .mgk-addrmodal__dialog { max-width: 560px; }
.mgk-cardmodal .mgk-addrmodal__head { font-family: 'Quicksand', var(--mgk-font); }
.mgk-cardmodal .mgk-addrmodal__title { font-size: 20px; }
.mgk-cardmodal .mgk-addrmodal__body { gap: 16px; }
.mgk-cardmodal .mgk-addrmodal__body > .mgk-card-form__field { margin-bottom: 0; }
.mgk-cardmodal .mgk-card-form__row2 { display: flex; flex-direction: row; align-items: flex-start; gap: 16px; }
.mgk-cardmodal .mgk-card-form__row2 > .mgk-card-form__field { flex: 1 1 0; min-width: 0; }
.mgk-cardmodal .mgk-card-form__field { gap: 8px; }
.mgk-cardmodal .mgk-card-form__field label { font-family: 'Quicksand', var(--mgk-font); font-size: 14px; font-weight: 600; line-height: 18px; color: #061937; }
.mgk-cardmodal .mgk-card-form__input {
	box-sizing: border-box; width: 100%; height: 48px; padding: 0 16px; display: flex; align-items: center;
	border: 1px solid #EFF2F6; border-radius: 12px; background: #fff; font-family: 'Quicksand', var(--mgk-font); font-size: 14px; line-height: 18px; color: #061937;
}

.mgk-cardmodal [data-mgk-cardmodal-number], .mgk-cardmodal [data-mgk-cardmodal-exp], .mgk-cardmodal [data-mgk-cardmodal-cvc],
.mgk-cardmodal [data-mgk-paymethod-modal-number], .mgk-cardmodal [data-mgk-paymethod-modal-exp], .mgk-cardmodal [data-mgk-paymethod-modal-cvc] {
	box-sizing: border-box; width: 100%; height: 48px; padding: 15px 16px;
	border: 1px solid #EFF2F6; border-radius: 12px; background: #fff;
}
.mgk-cardmodal [data-mgk-cardmodal-number] iframe, .mgk-cardmodal [data-mgk-cardmodal-exp] iframe, .mgk-cardmodal [data-mgk-cardmodal-cvc] iframe,
.mgk-cardmodal [data-mgk-paymethod-modal-number] iframe, .mgk-cardmodal [data-mgk-paymethod-modal-exp] iframe, .mgk-cardmodal [data-mgk-paymethod-modal-cvc] iframe {
	width: 100% !important;
}

.mgk-cardmodal .mgk-card-form__number,
.mgk-card-form__number { position: relative; }
.mgk-cardmodal .mgk-card-form__brand,
.mgk-card-form__brand { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); z-index: 1; display: flex; align-items: center; pointer-events: none; font-size: 12px; font-weight: 600; color: #8A9FB5; text-transform: uppercase; }
.mgk-cardmodal .mgk-card-form__brand[hidden],
.mgk-card-form__brand[hidden] { display: none; }
.mgk-cardmodal .mgk-card-form__brand img, .mgk-cardmodal .mgk-card-form__brand svg,
.mgk-card-form__brand img, .mgk-card-form__brand svg { display: block; width: 34px; height: auto; }
.mgk-cardmodal .mgk-card-form__number:has(.mgk-card-form__brand:not([hidden])) [data-mgk-paymethod-modal-number] { padding-left: 60px; }

.mgk-card-form__number:has(.mgk-card-form__brand:not([hidden])) .mgk-card-form__stripe-mount { padding-left: 60px; }
.mgk-cardmodal .mgk-addrmodal__default { display: flex; align-items: center; gap: 12px; font-family: 'Quicksand', var(--mgk-font); font-size: 14px; font-weight: 500; color: #061937; }
.mgk-cardmodal .mgk-addrmodal__default input[type="checkbox"] { width: 24px; height: 24px; border-radius: 6px; accent-color: #1363FF; cursor: pointer; }
.mgk-cardmodal .mgk-addrmodal__foot { padding: 24px 32px 32px; gap: 12px; }
.mgk-cardmodal .mgk-addrmodal__foot .mgk-btn { min-width: 140px; height: 36px; padding: 7px 20px; font-family: 'Quicksand', var(--mgk-font); font-size: 14px; font-weight: 500; border-radius: 8px; }
.mgk-req { color: var(--mgk-red); }

.mgk-checkout__holdtimer { display: flex; align-items: center; justify-content: space-between; gap: 12px; background: #E3F0FF; border: 1px solid rgba(21,101,192,.27); border-radius: 12px; padding: 12px 16px; margin-bottom: 16px; font-size: 13.5px; color: var(--mgk-navy); }
.mgk-checkout__holdtimer-clock { font-weight: 800; color: var(--mgk-blue); font-family: var(--mgk-mono, monospace); }

.mgk-checkout__sumhead { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.mgk-checkout__sumhead .mgk-cart__summary-title { margin: 0; }
.mgk-checkout__sumcount { font-size: 12.5px; font-weight: 600; color: var(--mgk-navy); }
.mgk-checkout__voucher { display: flex; gap: 8px; margin: 4px 0 12px; }
.mgk-checkout__voucher-input { flex: 1; min-width: 0; border: 1px solid var(--mgk-border); background: var(--mgk-surface); color: var(--mgk-text); border-radius: var(--mgk-radius-sm); padding: 10px 12px; font-size: 14px; font-family: inherit; }
.mgk-checkout__voucher-input:focus { outline: none; border-color: #1363FF; box-shadow: 0 0 0 3px #EFF4FE; }
.mgk-checkout__voucher-input:disabled, .mgk-checkout__voucher .mgk-btn:disabled { opacity: .5; cursor: default; }
.mgk-checkout__voucher-note { font-size: 12px; color: var(--mgk-text-3); margin: -8px 0 12px; }

.mgk-checkout__voucher-input.is-err { border-color: #F53F3F; color: #F53F3F; }
.mgk-checkout__voucher-input.is-ok { border-color: #009A29; color: #009A29; }
.mgk-checkout__voucher-msg { font-size: 12px; margin: -8px 0 12px; }
.mgk-checkout__voucher-msg.is-err { color: #F53F3F; }
.mgk-checkout__voucher-msg.is-ok { color: #009A29; }

.mgk-checkout__vouchers { display: flex; gap: 8px; overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none; -ms-overflow-style: none; margin: 0 0 16px; }
.mgk-checkout__vouchers::-webkit-scrollbar { display: none; }
.mgk-checkout__voucher-card { position: relative; flex: 0 0 auto; min-width: 132px; display: flex; flex-direction: column; gap: 4px; align-items: flex-start; padding: 10px 12px; border: 1px solid var(--mgk-border); border-radius: var(--mgk-radius-sm); background: var(--mgk-surface); cursor: pointer; font-family: inherit; text-align: left; }
.mgk-checkout__voucher-card:hover { border-color: #1363FF; }
.mgk-checkout__voucher-card:disabled { opacity: .5; cursor: default; }

.mgk-checkout__voucher-card.is-loading { opacity: .6; }
.mgk-checkout__voucher-card.is-loading::before { position: absolute; top: 8px; right: 8px; }

.mgk-checkout__voucher-card.is-active { border-color: #1363FF; background: #EFF4FE; }
.mgk-checkout__voucher-card.is-active .mgk-checkout__voucher-desc { color: #1363FF; }
.mgk-checkout__voucher-desc { font-size: 12px; font-weight: 700; color: var(--mgk-text); }
.mgk-checkout__voucher-exp { font-size: 10px; color: var(--mgk-text-3); }

.mgk-checkout__deliverystate { display: flex; flex-direction: column; gap: 16px; }
.mgk-checkout__deliverystate[hidden] { display: none; }
.mgk-checkout__paystate[hidden] { display: none; }

.mgk-success { display: flex; align-items: center; justify-content: center; min-height: calc(100vh - 64px); padding: 40px 16px; font-family: 'Quicksand', var(--mgk-font); }
.mgk-success__card { display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 520px; padding: 36px 36px 30px; gap: 14px; background: #FFFFFF; box-shadow: 0px 6px 24px -4px rgba(15, 23, 41, 0.08); border-radius: 20px; position: relative; }
.mgk-success__check { width: 64px; height: 64px; flex: 0 0 auto; }
.mgk-success__invoice { position: absolute; top: 20px; right: 20px; display: block; color: #1B3A52; line-height: 0; }
.mgk-success__invoice:hover { opacity: .7; }
.mgk-success__heading { color: #061937; font-size: 25px; font-weight: 700; line-height: 31px; margin: 0; text-align: center; }
.mgk-success__msg { color: #8A9FB5; font-size: 13.5px; font-weight: 400; line-height: 17px; text-align: center; margin: 0; }

.mgk-success__order { width: 100%; padding: 0 20px 14px; border: 1px solid #EDF1F6; border-radius: 14px; }
.mgk-success__items { display: flex; flex-direction: column; }
.mgk-success__item { display: flex; align-items: center; gap: 14px; padding: 12px 0; }
.mgk-success__item + .mgk-success__item { border-top: 1px solid #EDF1F6; }
.mgk-success__item-img { flex: 0 0 44px; width: 44px; height: 44px; border-radius: 8px; overflow: hidden; background: #F6F8FB; }
.mgk-success__item-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mgk-success__item-name { flex: 1; min-width: 0; margin: 0; font-size: 14px; font-weight: 500; line-height: 19px; color: #1B3A52; }
.mgk-success__item-price { flex: 0 0 auto; font-size: 14px; font-weight: 700; line-height: 19px; color: #061937; white-space: nowrap; }
.mgk-success__gst { margin: 0; padding-top: 14px; border-top: 1px solid #EDF1F6; }
.mgk-success__reg { margin: 8px 0 0; font-size: 11.5px; line-height: 15px; color: #8A9FB5; }
.mgk-success__recap { display: flex; flex-direction: column; align-items: flex-start; width: 100%; padding: 16px 18px; gap: 9px; background: #F6F8FB; border-radius: 12px; }
.mgk-success__recap-row { display: flex; justify-content: space-between; align-items: flex-start; width: 100%; }
.mgk-success__recap-label { font-size: 12px; font-weight: 500; line-height: 16px; color: #8A9FB5; }
.mgk-success__recap-val { font-size: 12px; font-weight: 500; line-height: 16px; color: #1B3A52; text-align: right; }
.mgk-success__track { display: flex; align-items: center; justify-content: center; width: 100%; padding: 14px 0; background: #1363FF; border-radius: 12px; color: #FFFFFF; font-size: 15px; font-weight: 700; line-height: 19px; text-decoration: none; }
.mgk-success__track:hover { opacity: .92; }
.mgk-success__home { color: #1B3A52; font-size: 13px; font-weight: 600; line-height: 16px; text-decoration: underline; }

.mgk-success__home-narrow { display: none; }
.mgk-success__help { color: #8A9FB5; font-size: 11.5px; font-weight: 400; line-height: 14px; text-align: center; margin: 0; }

@media (max-width: 1024px) {
	.mgk-grid--4 { grid-template-columns: repeat(2, 1fr); }
	.mgk-grid--5, .mgk-grid--6 { grid-template-columns: repeat(3, 1fr); }

	.mgk-shop .mgk-grid { grid-template-columns: repeat(3, 1fr); }
	.mgk-sourcing__media { display: none; }
	.mgk-shop__grid,
	.mgk-pdp__grid,
	.mgk-weight__grid,
	.mgk-checkout__grid,
	.mgk-pay__grid { grid-template-columns: 1fr; }
	.mgk-shop__sidebar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 1180px) {
	.mgk-cart__grid { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
	.mgk-shop__sidebar { grid-template-columns: minmax(0, 1fr); }

	.mgk-cart { padding-top: 20px; padding-bottom: 32px; }
	.mgk-cart__back { margin: 0 0 18px; color: var(--mgk-text); font-size: 14px; }
	.mgk-cart__tabs { margin-bottom: 24px; }
	.mgk-cart__tab { padding: 10px 0 12px; margin-right: 24px; font-size: 17px; }
	.mgk-cart__tabs-count { padding: 10px 0 12px; font-size: 13px; }
	.mgk-cart__main { gap: 0; }
	.mgk-cart__head { display: none; }

	.mgk-cart__items { border: 1px solid var(--mgk-border-lt); border-radius: 14px; }
	.mgk-cartrow { align-items: flex-start; gap: 14px; padding: 20px 16px; }
	.mgk-cartrow__media { width: 72px; height: 72px; border-radius: 11px; }
	.mgk-cartrow__body { align-items: stretch; flex-direction: column; gap: 10px; }
	.mgk-cartrow__top { gap: 4px; }
	.mgk-cartrow__name { font-size: 15px; line-height: 1.25; }
	.mgk-cartrow__sub { font-size: 12px; line-height: 1.35; }
	.mgk-cartrow__controls { width: 100%; flex: 0 0 auto; justify-content: space-between; gap: 10px; }
	.mgk-cartrow__controls .mgk-cartrow__line {
		order: 1; flex: 1 1 auto; text-align: left; font-size: 16px; white-space: nowrap;
	}

	.mgk-cartrow__controls .mgk-qty { order: 2; flex: 0 0 auto; min-height: 38px; }
	.mgk-cartrow__controls .mgk-cartrow__remove { display: none; }
	.mgk-cart__aside { margin-top: 28px; }
	.mgk-cart__aside > .mgk-card:first-child { padding: 22px 14px; border-radius: 14px; }
	.mgk-cart__summary-title { font-size: 20px; }
	.mgk-cart__freeship { padding: 11px 12px; font-size: 13px; }
	.mgk-cart__checkout { min-height: 48px; justify-content: center; border-radius: 9px; }
	.mgk-cart__aside-secure { margin-top: 14px; }
	.mgk-fbt { margin-top: 30px; padding-top: 0; border-top: 0; }
	.mgk-fbt .mgk-sh { flex-direction: row; align-items: center; }
	.mgk-fbt .mgk-freshpicks__arrows { display: none; }
	.mgk-fbt__grid { margin-right: calc(var(--mgk-pad-x) * -1); padding-right: var(--mgk-pad-x); scroll-snap-type: x proximity; }
	.mgk-fbt__grid .mgk-prod { flex-basis: min(74vw, 280px); min-width: min(74vw, 280px); scroll-snap-align: start; }
}
@media (max-width: 720px) {
	:root { --mgk-pad-x: 16px; }
	.mgk-hide-sm { display: none; }

	.mgk-header { padding: 8px 16px; row-gap: 10px; }
	.mgk-header__right { flex: 1 1 100%; flex-wrap: wrap; }
	.mgk-header__search { max-width: none; }
	.mgk-header__nav { flex-wrap: wrap; gap: 8px 16px; }
	.mgk-grid--3, .mgk-grid--4, .mgk-grid--5, .mgk-grid--6 { grid-template-columns: repeat(2, 1fr); }

	.mgk-shop .mgk-grid { grid-template-columns: repeat(2, 1fr); }
	.mgk-sh { flex-direction: column; }
	.mgk-promo, .mgk-autopilot { flex-direction: column; align-items: flex-start; }

	body { padding-top: 110px; }

	.mgk-header__right { flex-wrap: wrap; justify-content: flex-end; row-gap: 8px; }
	.mgk-header__zone, .mgk-header__lang { display: none; }

	.mgk-checkout__methods, .mgk-pay__methods { grid-template-columns: 1fr; }
	.mgk-form__grid2 { grid-template-columns: 1fr; }
	.mgk-checkout__aside .mgk-card, .mgk-pay__aside .mgk-card { position: static; }
}

@media (max-width: 1024px) {
	.mgk-header__search-input { width: 84px; }

	.mgk-header { justify-content: space-between; flex-wrap: nowrap; }
	.mgk-header__left { flex: 0 0 auto; gap: 0; }
	.mgk-header__burger { order: -1; }
	.mgk-header__brand { position: absolute; left: 50%; transform: translateX(-50%); }
	.mgk-header__logo, .mgk-header__location { display: none; }
	.mgk-header__brand-text { flex-direction: row; }
	.mgk-header__right { flex: 0 0 auto; flex-wrap: nowrap; row-gap: 0; }
	.mgk-header__notif-wrap, .mgk-header__notifications, .mgk-header__user, .mgk-header__user-wrap { display: none; }
	.mgk-header__search { background: none; border: none; flex: 0 0 40px; width: 40px; height: 40px; padding: 0; justify-content: center; }
	.mgk-header__search-input, .mgk-header-suggest { display: none; }
	.mgk-header__search.is-expanded {
		position: fixed; left: 0; right: 0; top: 0; z-index: 501;
		width: auto; height: 56px; padding: 8px 16px; background: #fff; border-bottom: 1px solid #ECEEF2;
	}
	.mgk-header__search.is-expanded .mgk-header__search-input { display: block; }
}

@media (min-width: 641px) and (max-width: 1024px) {

	.mgk-header { flex-wrap: nowrap; }
	.mgk-header__burger { display: inline-flex; align-items: center; }
	.mgk-header__nav {
		display: none; position: absolute; left: 0; right: 0; top: 100%;
		flex-direction: column; align-items: stretch; gap: 0; z-index: 40;
		background: var(--mgk-navy-md); padding: 8px var(--mgk-pad-x); box-shadow: 0 8px 16px rgba(0,0,0,.25);
	}
	.mgk-header__nav.is-open { display: flex; }
	.mgk-header__nav li { border-top: 1px solid rgba(255,255,255,.1); }
	.mgk-header__nav li:first-child { border-top: 0; }
	.mgk-header__nav a { display: block; padding: 12px 4px; font-size: 15px; color: #fff; opacity: .85; }
	.mgk-header__nav-user { display: block; margin: -8px calc(var(--mgk-pad-x) * -1) 8px; border-top: 0 !important; background: rgba(255,255,255,.06); }
	.mgk-header__nav-user a { padding: 16px var(--mgk-pad-x); font-size: 17px; font-weight: 700; opacity: 1; }
}
@media (max-width: 460px) {

	.mgk-header__right { gap: 6px; }
	.mgk-header__pill:not(.mgk-header__search) { padding: 6px 10px; }
	.mgk-header__search { flex: 0 0 40px; padding: 0; }
	.mgk-header__zone { max-width: 112px; }
	.mgk-header__zone-label { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}

@media (max-width: 640px) {

	:root {
		--fm-blue:      #315CF5;
		--fm-blue-dk:   #0B36AE;
		--fm-blue-bg:   #EFF4FF;
		--fm-blue-bd:   #DCE6FF;
		--fm-ink:       #142139;
		--fm-ink-2:     #344054;
		--fm-ink-3:     #475467;
		--fm-muted:     #697487;
		--fm-line:      #E8ECF3;
		--fm-red:       #D8543E;
		--fm-amber:     #FEC84B;
	}

	.mgk-shop--search .mgk-shop__msearch {
		display: flex; align-items: center; gap: 10px;
		margin: 0; padding: 12px 16px 14px;
		background: #FFFFFF; border-bottom: 1px solid var(--fm-line);
	}
	.mgk-shop--search .mgk-shop__msearch-input {
		-webkit-appearance: none; appearance: none;
		flex: 1 1 auto; min-width: 0; height: 44px; padding: 0 16px;
		background: #F2F4F7; border: 1px solid var(--fm-line); border-radius: 999px;
		font-family: inherit; font-size: 15px; color: var(--fm-ink);
	}
	.mgk-shop--search .mgk-shop__msearch-input::placeholder { color: var(--fm-muted); }
	.mgk-shop--search .mgk-shop__msearch-input:focus { outline: none; border-color: var(--fm-blue); background: #FFFFFF; }

	.mgk-shop--search .mgk-shop__msearch-input::-webkit-search-decoration,
	.mgk-shop--search .mgk-shop__msearch-input::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; }
	.mgk-shop--search .mgk-shop__msearch-btn {
		flex: 0 0 auto; height: 44px; padding: 0 22px;
		background: var(--fm-blue); color: #FFFFFF;
		border: 0; border-radius: 999px; cursor: pointer;
		font-family: inherit; font-size: 15px; font-weight: 700; line-height: 1;
	}
	.mgk-shop--search .mgk-shop__msearch-btn:active { background: #0B37AF; }

	.mgk-shop--search .mgk-shop__resultheading,
	.mgk-shop--search .mgk-shop__count { display: none; }
	.mgk-shop--search .mgk-shop__count--m {
		display: block; margin: 0;
		font-size: 13px; font-weight: 500; line-height: 18px; color: var(--fm-muted);
	}
	.mgk-shop--search .mgk-shop__resultsbar { gap: 0; }

	.mgk-shop__resultsrow { display: block; }

	body.home, body.page-template-front-page { background: #FFFFFF; }
	.mgk-hero, .mgk-category, .mgk-flashwrap, .mgk-promo,
	.mgk-quickreorder, .mgk-products, .mgk-abanner { background: #FFFFFF; }

	.mgk-header {

		height: auto;
		flex-wrap: wrap; justify-content: space-between; align-items: flex-start;

		gap: 0 8px; padding: 16px 20px 14px; row-gap: 0;
		border-bottom: 0; box-shadow: 0 1px 0 rgba(16,24,40,.07);
	}

	.mgk-header__left { order: 1; flex: 1 1 auto; min-width: 0; gap: 0; }

	.mgk-header__brand {
		position: static; left: auto; transform: none;
		align-items: center; gap: 9px; min-height: 52px;
		flex-direction: row; justify-content: flex-start;
	}

	.mgk-header__logo { display: flex; width: 36px; height: 36px; }
	.mgk-header--home .mgk-header__logo { width: 36px; height: 36px; }
	.mgk-header__brand-text { flex-direction: column; min-width: 0; }
	.mgk-header__brand-name {
		font-family: 'Quicksand', var(--mgk-font);

		font-size: 23px; font-weight: 700; line-height: 1.05;
		letter-spacing: -.7px; color: var(--fm-ink);
	}

	.mgk-header__brand-accent { color: var(--fm-blue); }

	.mgk-header__location {
		display: flex; margin-top: 4px; padding: 0; max-width: 210px;

		font-size: 12px; font-weight: 400; color: var(--fm-muted);
		opacity: 1; gap: 10px; line-height: 1.2; align-items: center;

		margin-left: -45px;
	}
	.mgk-header__location svg { display: block; width: 13px; height: 13px; flex: 0 0 auto; }
	.mgk-header__location > span {
		overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
	}

	.mgk-header__burger, .mgk-header__nav { display: none; }
	body:has(.mgk-profile__nav) .mgk-header__burger {
		display: inline-flex; align-items: center; order: 0;
		width: 40px; height: 40px; min-height: 52px; margin-left: -8px;
		justify-content: center; background: none; border: 0;
		color: var(--fm-ink); font-size: 20px; flex: 0 0 auto;
	}

	.mgk-header__nav.is-open { display: none; }

	.mgk-header__right { display: contents; }

	.mgk-header__notif-wrap {
		display: flex; align-items: center;
		order: 2; flex: 0 0 auto; min-height: 52px;
	}
	.mgk-header__notifications { display: inline-flex; order: 2; }
	.mgk-header__user, .mgk-header__user-wrap { display: none; }

	.mgk-header__notifications, .mgk-header__cart {
		width: 44px; height: 44px; padding: 0; border-radius: 50%;
		background: #F2F4F7; color: var(--fm-ink); flex: 0 0 auto;
	}

	.mgk-header__cart {
		order: 3; margin-right: -8px; min-height: 52px; height: 52px;
	}

	.mgk-header__notifications:active, .mgk-header__cart:active { background: var(--fm-line); }

	.mgk-header__search-icon > svg:not(.mgk-icon-m),
	.mgk-header__icon > svg:not(.mgk-icon-m) { display: none; }

	.mgk-header__icon { position: static; }

	.mgk-header .mgk-icon-m {
		display: block; flex: 0 0 auto;
		fill: none; stroke: currentColor;
		stroke-linecap: round; stroke-linejoin: round;
	}
	.mgk-header__search-icon .mgk-icon-m { width: 18px; height: 18px; stroke-width: 2; }

	.mgk-header__notifications .mgk-icon-m { width: 22px; height: 22px; stroke-width: 1.8; }

	.mgk-header__cart-count {
		top: 3px; right: 1px; min-width: 18px; width: auto; height: 18px;
		padding: 0 4px; border-radius: 9px; background: var(--fm-blue);
		color: #FFFFFF; font-size: 11px; font-weight: 700;
	}
	.mgk-header__notif-count {
		top: 8px; right: 9px; min-width: 9px; width: 9px; height: 9px; padding: 0;
		background: #B42318; border: 1.5px solid #FFFFFF; font-size: 0;
	}

	.mgk-header__search {
		order: 4; display: flex; flex: 0 0 100%; width: 100%; max-width: none;

		height: 47px; margin-top: 12px; padding: 0 15px; gap: 10px;
		background: #F7F8FA; border: 1px solid var(--fm-line); border-radius: 13px;
		justify-content: flex-start; align-items: center;

		font-size: 16px;
	}
	.mgk-header__search:focus-within { background: #F2F4F7; box-shadow: none; }
	.mgk-header__search-input {
		display: block; width: 100%; font-size: 16px; font-weight: 500; color: var(--fm-ink);
	}
	.mgk-header__search-input::placeholder { color: #98A2B3; font-weight: 500; }
	.mgk-header__search-icon { color: #98A2B3; flex: 0 0 auto; }
	.mgk-header__search-icon svg { width: 18px; height: 18px; stroke-width: 2; }

	.mgk-header__search.is-expanded {
		position: static; height: 47px; padding: 0 15px;
		background: #F7F8FA; border: 1px solid var(--fm-line); border-bottom-width: 1px;

		left: auto; right: auto; top: auto; z-index: auto; width: 100%;
	}

	body { padding-top: 161px; }

	.mgk-tabbar {
		position: fixed; left: 0; right: 0; bottom: 0; z-index: 400;
		display: flex; padding: 6px 6px 18px;
		background: rgba(255,255,255,.96);
		border-top: 1px solid rgba(228,231,236,.9);
		-webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
	}
	.mgk-tabbar__tab {
		flex: 1; min-height: 50px; display: flex; flex-direction: column;
		align-items: center; justify-content: center; gap: 3px;
		border-radius: 12px; padding: 0; text-decoration: none;
		color: var(--fm-muted); background: none;
	}
	.mgk-tabbar__tab:active { background: #F7F8FA; }
	.mgk-tabbar__tab.is-active { color: var(--fm-blue); }

	.mgk-tabbar__icon {
		width: 22px; height: 22px; flex: 0 0 auto;
		fill: none; stroke: currentColor; stroke-width: 2;
		stroke-linecap: round; stroke-linejoin: round;
	}
	.mgk-tabbar__label {
		font-size: 10.5px; font-weight: 700; line-height: 1; color: inherit;
	}

	body:not(.mgk-is-detail) { padding-bottom: 74px; }

	.mgk-category .mgk-sh,
	.mgk-flashwrap .mgk-sh,
	.mgk-promo .mgk-sh,
	.mgk-quickreorder .mgk-sh,
	.mgk-products .mgk-sh {
		flex-direction: row; align-items: flex-end; justify-content: space-between;
		gap: 12px; margin-bottom: 0;
	}
	.mgk-category .mgk-sh__title,
	.mgk-flashwrap .mgk-sh__title,
	.mgk-promo .mgk-sh__title,
	.mgk-quickreorder .mgk-sh__title,
	.mgk-products .mgk-sh__title {
		font-size: 17px; font-weight: 700; color: var(--fm-ink); letter-spacing: 0;
	}
	.mgk-category .mgk-sh__sub,
	.mgk-flashwrap .mgk-sh__sub,
	.mgk-promo .mgk-sh__sub,
	.mgk-quickreorder .mgk-sh__sub,
	.mgk-products .mgk-sh__sub {
		font-size: 12.5px; color: var(--fm-muted); margin: 3px 0 0; line-height: 1.35;
	}

	.mgk-quickreorder .mgk-sh > div:first-child { flex: 1 1 auto; width: auto; min-width: 0; }

	.mgk-cta__d { display: none; }
	.mgk-cta__m { display: inline; }

	.mgk-cat-card__name:not(:has(.mgk-cta__m)) .mgk-cta__d,
	.mgk-sh__title:not(:has(.mgk-cta__m)) .mgk-cta__d { display: inline; }
	.mgk-sub__d { display: none; }
	.mgk-sub__m { display: block; }

	.mgk-category .mgk-btn--link,
	.mgk-flashwrap .mgk-flashwrap__viewall,
	.mgk-promo .mgk-btn--link,
	.mgk-quickreorder .mgk-btn--link,
	.mgk-products .mgk-btn--link {
		color: var(--fm-blue); font-weight: 700; white-space: nowrap;
		text-decoration: none; background: none; border: 0; min-height: 0;
		font-size: 12.5px; padding: 10px 0 1px;
	}

	.mgk-category .mgk-btn--link { font-size: 13px; padding: 8px 0; }

	.mgk-promo .mgk-btn--link { font-size: 11px; padding: 0; }

	.mgk-category .mgk-btn--link:hover,
	.mgk-promo .mgk-btn--link:hover,
	.mgk-quickreorder .mgk-btn--link:hover,
	.mgk-products .mgk-btn--link:hover { opacity: 1; }

	[data-widget_type="mgk_trending_products.default"] .mgk-products__cta { display: none; }

	[data-widget_type="mgk_trending_products.default"] .mgk-btn--outline {
		color: var(--fm-blue); border-color: var(--fm-blue);
		font-weight: 700; padding: 11px 15px; border-radius: 11px;
	}

	.mgk-hero { padding: 0; }
	.mgk-hero .mgk-banner-ph { height: 244px; --mgk-banner-ph-ratio: auto; border-radius: 0; }

	.mgk-hero {
		margin: 12px 20px 20px;
		background: #DEEBFB;
		border-radius: 14px;
		overflow: hidden;
	}

	.mgk-hero__inner { position: relative; z-index: 2; min-height: 0; padding: 17px 16px 12px; }

	.mgk-hero__btn--ghost { display: none; }

	.mgk-section.mgk-category { padding: 16px 16px 0; }

	[data-widget_type="mgk_trending_products.default"] .mgk-section.mgk-products {
		padding-left: 20px; padding-right: 20px; padding-bottom: 21px;
	}

	.elementor .e-con:has([data-widget_type="mgk_category_grid.default"]) { padding-left: 0; padding-right: 0; }

	.elementor .e-con:has([data-widget_type="mgk_trending_products.default"]) {
		padding-left: 0 !important; padding-right: 0 !important;
	}

	.mgk-catrow {
		gap: 12px; width: auto; margin: 0;
		padding: 14px 0 2px;
		margin-right: -16px;
		padding-right: 16px;
		scrollbar-width: none;
		align-items: flex-start;
	}
	.mgk-catrow::-webkit-scrollbar { display: none; }

	.mgk-catrow {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		justify-items: center;
		overflow-x: clip;
		margin-right: 0;
		padding-right: 0;
	}
	.mgk-cat-card {
		width: 100%; max-width: 90px; min-width: 0; gap: 8px;
	}

	.mgk-cat-card__media {
		width: 58px; height: 58px; border-radius: 18px;
		color: #475467; box-shadow: none;
	}
	.mgk-cat-card:nth-child(4n+1) .mgk-cat-card__media { background: #F2F5FF; }
	.mgk-cat-card:nth-child(4n+2) .mgk-cat-card__media { background: #FFF2E4; }
	.mgk-cat-card:nth-child(4n+3) .mgk-cat-card__media { background: #F6EDED; }
	.mgk-cat-card:nth-child(4n+4) .mgk-cat-card__media { background: #ECF5EB; }
	.mgk-cat-card__icon { font-size: 30px; line-height: 1; }
	.mgk-cat-card__img--ph { border-radius: 18px; }

	.mgk-cat-card--all { display: none; }
	.mgk-cat-card--all .mgk-cat-card__media {
		background: #F5F6F8; box-shadow: inset 0 0 0 1px #EAECF0; color: var(--fm-blue);
	}
	.mgk-cat-card--all .mgk-cat-card__chev { font-size: 18px; font-weight: 700; line-height: 1; }
	.mgk-cat-card--all .mgk-cat-card__name { color: var(--fm-blue); }

	.mgk-cat-card__name {
		font-size: 14px; font-weight: 600; color: var(--fm-ink); line-height: 1.2;
		text-align: center; width: 100%; min-height: 34px;
		display: block; white-space: normal; overflow: visible; text-overflow: clip;
		word-break: normal; overflow-wrap: break-word;
	}
	.mgk-cat-card__name .mgk-cta__d { display: inline; }
	.mgk-cat-card__name .mgk-cta__m { display: none; }

	.mgk-category .mgk-sh__title .mgk-cta__d { display: inline; }
	.mgk-category .mgk-sh__title .mgk-cta__m { display: none; }
	.mgk-category .mgk-sh__sub { display: none !important; }

	.mgk-section.mgk-flashwrap {
		padding: 0 16px;
		margin: 16px 0 20px;
		background: #FFFFFF;
	}
	.elementor .e-con:has([data-widget_type="mgk_flash_deals.default"]) {
		padding-left: 0;
		padding-right: 0;
	}
	.mgk-flashwrap__box {
		background: #F8F5EE;
		border-radius: 17px;
		padding: 15px 12px 14px;
		box-shadow: inset 0 0 0 3px #FFFAF0;
		border: 1px solid #EBD8A0 !important;
		overflow: hidden;
	}
	.mgk-flashwrap__head {
		position: static;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		gap: 8px;
		margin-bottom: 0;
		padding: 0 2px 12px;
		background: none;
		height: auto;
		min-height: 0;
		overflow: visible;
	}
	.mgk-flashwrap__head-left {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 8px;
	}
	.mgk-flashwrap__title {
		display: inline-flex;
		align-items: center;
		gap: 4px;
		font-size: 18px;
		font-weight: 700;
		color: #D65C45;
		letter-spacing: -0.35px;
		white-space: nowrap;
	}
	.mgk-flashwrap__lockup { display: none; }
	.mgk-flashwrap__countdown {
		position: static;
		height: auto;
		display: inline-flex;
		align-items: center;
		padding-top: 0;
		gap: 2px;
	}
	.mgk-flashwrap__endsin { display: none; }
	.mgk-flashwrap__seg-wrap {
		display: inline-flex;
		align-items: center;
		flex-direction: row;
		gap: 0;
	}
	.mgk-flashwrap__seg,
	.mgk-flashwrap__seg-wrap:first-of-type .mgk-flashwrap__seg {
		min-width: 22px;
		height: auto;
		padding: 3px 5px;
		border-radius: 5px;
		background: #D95B47;
		color: #FFFFFF;
		box-shadow: none;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}
	.mgk-flashwrap__seg .mgk-sale__clock-num {
		font-size: 12px;
		font-weight: 700;
		color: #FFFFFF;
		line-height: 1;
	}
	.mgk-flashwrap__cap { display: none; }
	.mgk-flashwrap__colon {
		display: inline-block;
		color: #D5654B;
		font-size: 12px;
		font-weight: 700;
		line-height: 1;
		margin: 0 2px;
	}
	.mgk-flashwrap__head .mgk-flashwrap__viewall {
		display: inline-flex;
		align-items: center;
		gap: 4px;
		font-size: 12px;
		font-weight: 700;
		color: var(--fm-blue, #315CF5);
		text-decoration: none;
		white-space: nowrap;
		flex-shrink: 0;
	}
	.mgk-flashwrap__viewall--mobile { display: none; }

	.mgk-flashwrap__grid {
		display: flex;
		grid-template-columns: none;
		max-width: none;
		width: auto;
		gap: 10px;
		padding: 0 0 8px;
		margin: 0;
		overflow: visible;
		overflow-x: auto;
		scroll-snap-type: x proximity;
		scrollbar-width: none;
		-ms-overflow-style: none;
		scroll-padding-left: 0;
	}
	.mgk-flashwrap__grid::-webkit-scrollbar { display: none; }
	.mgk-flashcard {
		flex: 0 0 156px;
		width: 156px;
		min-width: 156px;
		max-width: 168px;
		height: auto;
		background: #FFFFFF;
		border: 1px solid #F0E7DF;
		border-radius: 15px;
		box-shadow: none;
		scroll-snap-align: start;
		display: flex;
		flex-direction: column;
		overflow: hidden;
	}
	.mgk-flashcard__media {
		height: 124px;
		aspect-ratio: auto;
		min-height: 0;
		border-radius: 14px 14px 0 0;
		background: #F5F6F8;
		position: relative;
		overflow: hidden;
	}
	.mgk-flashcard__pct {
		top: 9px;
		left: 8px;
		font-size: 11px;
		font-weight: 700;
		padding: 3px 7px;
		border-radius: 6px;
		background: var(--mgk-badge-promo-bg, #D45B46);
		color: #FFFFFF;
		box-shadow: none;
	}

	.mgk-flashcard__ribbon {
		top: 9px;
		right: 8px;
		background: var(--mgk-badge-promo-bg, #D45B46);
		font-size: 8.5px;
		font-weight: 700;
		letter-spacing: .5px;
		padding: 3px 6px;
		border-radius: 8px;
		color: #FFFFFF;
	}

	.mgk-flashcard__ribbon,
	.mgk-prod__tag,
	.mgk-products .mgk-prod__tag,
	.cr-grid .mgk-prod__tag,
	.mgk-shop .mgk-prod__tag,
	.mgk-freshpicks .mgk-prod__tag,
	.mgk-fbt .mgk-prod__tag,
	.mgk-sale__deal-wrap .mgk-prod__tag,
	[data-widget_type="mgk_trending_products.default"] .mgk-prod__tag,
	[data-widget_type="mgk_featured_products.default"] .mgk-prod__tag {
		position: absolute !important;
		top: 9px !important;
		right: 8px !important;
		width: 70px !important;
		height: 26px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 0 !important;
		padding: 3px 6px !important;
		border-radius: 8px !important;
		font-family: 'Quicksand', var(--mgk-font) !important;
		font-style: normal !important;
		font-size: 8.5px !important;
		font-weight: 700 !important;
		letter-spacing: .5px !important;
		line-height: 16px !important;
		background: var(--mgk-badge-promo-bg, #D45B46) !important;
		color: #FFFFFF !important;
		box-sizing: border-box !important;
		max-width: none !important;
		z-index: 2 !important;
	}
	.mgk-flashcard__body {
		padding: 10px 10px 12px;
		display: grid;
		grid-template-columns: minmax(0, 1fr) 44px;
		grid-template-rows: auto auto auto;
		row-gap: 8px;
		column-gap: 6px;
		align-content: space-between;
		flex: 1;
	}
	.mgk-flashcard__badges { display: none; }
	.mgk-flashcard__name {
		grid-column: 1 / -1;
		grid-row: 1;
		font-size: 14px;
		font-weight: 600;
		color: #1E293B;
		line-height: 1.3;
		min-height: 36px;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-decoration: none;
	}
	.mgk-flashcard__progress {
		grid-column: 1 / -1;
		grid-row: 2;
		display: flex;
		flex-direction: column;
		gap: 4px;
		margin: 0;
	}
	.mgk-flashcard__track {
		height: 4px;
		border-radius: 3px;
		background: #F8E3D5;
		overflow: hidden;
	}
	.mgk-flashcard__track span {
		display: block;
		height: 100%;
		border-radius: 3px;
		background: #E97B52;
	}
	.mgk-flashcard__labels {
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 11px;
		line-height: 1.2;
	}
	.mgk-flashcard__labels span:first-child {
		color: #C54B38;
		font-weight: 600;
	}
	.mgk-flashcard__labels span:last-child {
		color: #8C6A53;
		font-weight: 500;
		margin-left: auto;
	}
	.mgk-flashcard__price {
		grid-column: 1;
		grid-row: 3;
		align-self: end;
		display: flex;
		flex-wrap: wrap;
		align-items: baseline;
		gap: 4px;
		line-height: 1.1;
		padding-bottom: 2px;
	}
	.mgk-flashcard__now {
		font-size: 17px;
		font-weight: 800;
		color: #C54B38;
	}
	.mgk-flashcard__was {
		font-size: 11px;
		font-weight: 500;
		color: #8390A3;
		text-decoration: line-through;
	}
	.mgk-flashcard__cta {
		grid-column: 2;
		grid-row: 3;
		align-self: end;
		display: flex;
		justify-content: flex-end;
		margin-top: 0;
	}
	.mgk-flashcard__addicon { display: none; }
	.mgk-flashcard__buy {
		width: 44px;
		height: 44px;
		min-height: 44px;
		padding: 0;
		margin: 0;
		border: none;
		border-radius: 13px;
		background: #315CF5;
		color: transparent;
		font-size: 0;
		line-height: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		box-shadow: 0 3px 8px rgba(49,92,245,.2);
		transition: transform 0.1s ease, background 0.15s ease;
	}
	.mgk-flashcard__buy::after {
		content: "";
		display: block;
		width: 22px;
		height: 22px;
		background-color: #FFFFFF;
		-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M12 5v14'/%3E%3C/svg%3E") no-repeat center / contain;
		mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M12 5v14'/%3E%3C/svg%3E") no-repeat center / contain;
	}
	.mgk-flashcard__buy:hover {
		background: #254EDB;
	}
	.mgk-flashcard__buy:active {
		transform: scale(0.94);
		background: #1B40C4;
	}
	.mgk-flashcard__buy.is-disabled {
		opacity: 0.5;
		pointer-events: none;
		background: #F2F4F7;
		box-shadow: none;
	}
	.mgk-flashcard__buy.is-disabled::after {
		background-color: #98A2B3;
	}
	.mgk-flashcard:hover {
		box-shadow: none;
		border-color: #F0E7DF;
	}
	.mgk-flashcard:hover .mgk-flashcard__buy {
		background: #315CF5;
	}
	.mgk-flashcard__wish {
		height: 44px;
		padding: 0;
		border-radius: 13px;
		font-size: 12px;
		font-weight: 800;
	}

	.mgk-section.mgk-promo,
	.mgk-promo {
		padding: 0 16px 20px !important;
		flex-direction: column;
		align-items: stretch;
	}
	.mgk-promo .mgk-sh {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 12px;
	}
	.mgk-promo .mgk-sh__title {
		font-size: 20px;
		font-weight: 700;
		color: var(--fm-ink, #142139);
		line-height: 1.25;
		letter-spacing: -0.5px;
		margin: 0;
	}
	.mgk-promo .mgk-sh__title .mgk-cta__d {
		display: inline !important;
	}
	.mgk-promo .mgk-sh__sub {
		display: none !important;
	}
	.mgk-promo .mgk-btn--link,
	.mgk-promo .mgk-promo__cta {
		font-size: 13.5px;
		font-weight: 600;
		color: var(--fm-blue, #315CF5) !important;
		text-decoration: none;
		padding: 0;
		display: inline-flex;
		align-items: center;
		gap: 4px;
	}
	.mgk-promo__tiles {
		display: flex;
		gap: 12px;
		width: auto;
		margin: 0 -16px;
		padding: 0 16px 4px;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}
	.mgk-promo__tiles::-webkit-scrollbar {
		display: none;
	}
	.mgk-promo-tile {
		flex: 0 0 310px;
		width: 310px;
		max-width: 85vw;
		aspect-ratio: 289 / 154;
		min-height: 0;
		height: auto;
		border: 1px solid #E9EDF3;
		border-radius: 14px;
		padding: 12px;
		scroll-snap-align: start;
		justify-content: flex-end;
		gap: 4px;
		color: #FFFFFF;
		text-shadow: none;
		background-color: #FFFFFF;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		overflow: hidden;
		box-sizing: border-box;
		position: relative;
	}

	.mgk-promo-tile::after {
		display: none !important;
	}
	.mgk-promo-tile > * {
		position: relative;
		z-index: 1;
	}
	.mgk-promo-tile--amber, .mgk-promo-tile--green, .mgk-promo-tile--teal,
	.mgk-promo-tile--red, .mgk-promo-tile--sfa, .mgk-promo-tile--seasonal {
		background-image: var(--mgk-promo-tile-bg, none);
	}
	.mgk-promo-tile__heading {
		font-size: 15.5px;
		font-weight: 700;
		line-height: 1.2;
		color: #FFFFFF;
	}
	.mgk-promo-tile__sub {
		font-size: 11px;
		font-weight: 500;
		color: rgba(255,255,255,.9);
		margin-bottom: 0;
	}
	.mgk-promo-tile__cta {
		top: 10px;
		left: 10px;
		right: auto;
		background: rgba(255,255,255,.9);
		color: var(--fm-ink);
		font-size: 9px;
		font-weight: 700;
		padding: 4px 8px;
		border-radius: 10px;
	}
	.mgk-promo-tile__code {
		font-size: 11px;
		padding: 4px 10px;
	}
	.mgk-promo-tile__meta {
		color: rgba(255,255,255,.8);
	}

	.mgk-section.mgk-quickreorder { padding: 0 20px 20px; }
	.elementor .e-con:has([data-widget_type="mgk_quick_reorder.default"]) {
		padding-left: 0 !important; padding-right: 0 !important;
	}
	.mgk-quickreorder .mgk-sh { margin-bottom: 12px; }
	.mgk-quickreorder .mgk-sh__title { font-size: 18px; font-weight: 700; color: var(--fm-ink); }
	.mgk-quickreorder .mgk-sh__title .mgk-cta__d { display: inline !important; }
	.mgk-quickreorder .mgk-sh__sub { display: none !important; }
	.mgk-quickreorder .mgk-btn--link,
	.mgk-quickreorder .mgk-quickreorder__cta {
		font-size: 13.5px; font-weight: 600; color: var(--fm-blue); text-decoration: none; padding: 0;
	}
	.mgk-quickreorder__row {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 12px;
		width: 100%;
		margin: 0;
		padding: 0;
		overflow: visible;
	}

	.mgk-quickreorder__row > .mgk-quickreorder-card:nth-child(n+3) {
		display: none !important;
	}
	.mgk-quickreorder-card {

		grid-template-columns: minmax(0, auto) 1fr;
		grid-template-rows: auto auto;
		row-gap: 10px;
		column-gap: 6px;
		min-width: 0;
		width: 100%;
		min-height: 0;
		background: #F6F8FE !important;
		border: 1px solid #E3EAFB !important;
		border-radius: 15px !important;
		padding: 13px !important;
		box-shadow: none !important;
		box-sizing: border-box;
		flex: none;
	}
	.mgk-quickreorder-card__body {
		display: flex !important;
		flex-direction: column !important;
		margin-top: 0 !important;
		min-width: 0;
	}
	.mgk-quickreorder-card__name {
		font-size: 14px !important;
		font-weight: 650 !important;
		color: var(--fm-ink, #0C1A30) !important;
		line-height: 1.25 !important;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.mgk-quickreorder-card__sub {
		display: block !important;
		font-size: 12px !important;
		color: #91A0B6 !important;
		margin-top: 3px !important;
		line-height: 1.2 !important;
	}
	.mgk-quickreorder-card__items,
	.mgk-quickreorder-card__last,
	.mgk-quickreorder-card__total {
		display: none !important;
	}
	.mgk-quickreorder-card__media {
		display: flex !important;
		align-items: center;
		flex-wrap: nowrap;
		gap: 4px;

		margin: 0 !important;
		padding: 0 !important;
		width: auto !important;
		height: auto !important;
		min-width: 0;
		overflow: hidden;
	}

	.mgk-quickreorder-card__thumb:nth-child(n+3) {
		display: none !important;
	}
	.mgk-quickreorder-card .mgk-quickreorder-card__thumb {
		width: 28px !important;
		height: 30px !important;
		margin-left: 0 !important;
		border-radius: 7px !important;
		border: none !important;
		background: #F5F7FB !important;
		overflow: hidden;
		flex: 0 0 28px !important;
		box-shadow: none !important;
		padding: 0 !important;
	}
	.mgk-quickreorder-card__thumb img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		display: block;
	}
	.mgk-quickreorder-card__ph {
		display: flex !important;
		align-items: center;
		justify-content: center;
		font-size: 14px !important;
		width: 100%;
		height: 100%;
	}
	.mgk-quickreorder-card__more {
		display: grid !important;
		place-items: center;
		width: 26px !important;
		height: 30px !important;
		border-radius: 7px !important;
		background: #EDF1F8 !important;
		color: #607088 !important;
		font-size: 10px !important;
		font-weight: 700 !important;
		flex: 0 0 26px !important;
	}
	.mgk-quickreorder-card__add {
		width: 32px !important;
		height: 32px !important;

		align-self: center;
		margin: 0 !important;
		border: none !important;
		border-radius: 9px !important;
		background: #E8EEFF !important;
		font-size: 0 !important;
		line-height: 0 !important;
		padding: 0 !important;
		display: grid !important;
		place-items: center;
		cursor: pointer;
		position: static !important;
		box-shadow: none !important;
		transition: background-color .15s ease, transform .15s ease;
	}
	.mgk-quickreorder-card__add::after {
		content: '' !important;
		display: block !important;
		width: 18px !important;
		height: 18px !important;
		background-color: #315CF5 !important;
		-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8'/%3E%3Cpath d='M3 3v5h5'/%3E%3C/svg%3E") no-repeat center / contain !important;
		mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8'/%3E%3Cpath d='M3 3v5h5'/%3E%3C/svg%3E") no-repeat center / contain !important;
	}
	.mgk-quickreorder-card__add[data-mgk-phone-label]::after {
		content: '' !important;
	}
	.mgk-quickreorder-card:hover .mgk-quickreorder-card__add { background: #DCE6FF !important; }
	.mgk-quickreorder-card__add:active { transform: scale(.95) !important; background: #CCD9FE !important; }

	.mgk-quickreorder__signin {
		flex-direction: column; align-items: flex-start; gap: 4px;
		margin: 12px 0 0; padding: 16px; border-radius: 16px;
		background: #FFFFFF; border: 1px solid var(--fm-line);
	}
	.mgk-quickreorder__signin-title { font-size: 17px; font-weight: 700; color: var(--fm-ink); }
	.mgk-quickreorder__signin-sub { font-size: 14px; color: var(--fm-ink-3); line-height: 1.5; }
	.mgk-quickreorder__signin-cta {
		margin-top: 12px; height: 40px; padding: 0 22px; border-radius: 24px;
		background: var(--fm-blue); color: #FFFFFF; font-size: 15px; font-weight: 700;
		display: inline-flex; align-items: center; justify-content: center;
	}

	.mgk-section.mgk-abanner {
		--mgk-abanner-ratio: auto;
		width: auto !important;
		height: 134px !important;
		min-height: 134px !important;
		max-height: 134px !important;
		margin: 10px 16px 24px !important;
		padding: 0 !important;
		border-radius: 14px !important;
		overflow: hidden !important;
		background: rgb(223, 234, 250) !important;
		position: relative !important;
	}
	.mgk-abanner::before {
		display: none !important;
	}
	.mgk-abanner .mgk-abanner__img {
		position: absolute !important;
		inset: 0 !important;
		width: 100% !important;
		height: 100% !important;
		aspect-ratio: auto !important;
		object-fit: cover !important;
		object-position: 67% center !important;
		border-radius: inherit !important;
		margin: 0 !important;
	}
	.mgk-abanner__inner {
		position: relative !important;
		z-index: 2 !important;
		width: 64% !important;
		height: 100% !important;
		min-height: 134px !important;
		max-height: 134px !important;
		padding: 16px 0 16px 16px !important;
		box-sizing: border-box !important;
		display: flex !important;
		align-items: center !important;
		background: linear-gradient(90deg, rgb(223, 234, 250) 0%, rgba(223, 234, 250, 0.88) 72%, rgba(223, 234, 250, 0) 100%) !important;
	}
	.mgk-abanner__content {
		font-size: 13px !important;
		max-width: 100% !important;
		width: 100% !important;
	}
	.mgk-abanner__heading {
		font-family: var(--cr-font-sans, 'Quicksand', var(--mgk-font)) !important;
		font-size: 20px !important;
		font-weight: 700 !important;
		color: var(--fm-ink, #142139) !important;
		line-height: 1.18 !important;
		letter-spacing: -0.5px !important;
		margin: 0 0 12px !important;
		max-width: 180px !important;
	}
	.mgk-abanner__sub {
		display: none !important;
	}
	.mgk-abanner__ctas {
		display: flex !important;
		margin: 0 !important;
		gap: 0 !important;
	}
	.mgk-abanner__btn.mgk-hero__btn--ghost {
		display: none !important;
	}
	.mgk-abanner__btn.mgk-hero__btn--primary {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 6px !important;
		width: auto !important;
		min-width: 0 !important;
		height: auto !important;
		padding: 8px 12px !important;
		border-radius: 8px !important;
		background: var(--fm-blue, #315CF5) !important;
		color: #FFFFFF !important;
		font-size: 12px !important;
		font-weight: 700 !important;
		line-height: 1.2 !important;
		box-shadow: none !important;
		text-decoration: none !important;
		border: none !important;
		transition: background 0.15s ease, transform 0.1s ease;
	}
	.mgk-abanner__btn.mgk-hero__btn--primary:hover {
		background: #254EDB !important;
	}
	.mgk-abanner__btn.mgk-hero__btn--primary:active {
		transform: scale(0.96) !important;
	}
	.mgk-abanner__btn .mgk-hero__btn-arrow {
		width: 14px !important;
		height: 14px !important;
		stroke: currentColor !important;
		stroke-width: 2.2 !important;
		margin: 0 !important;
	}
	.mgk-abanner__btn .mgk-hero__btn-arrow circle {
		display: none !important;
	}

	.mgk-products {
		padding: 16px 16px 0;
	}
	.mgk-products .mgk-grid,
	.cr-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 16px 12px;
	}
	.mgk-products .mgk-grid {
		padding: 8px 0 16px;
	}
	.mgk-products .mgk-prod,
	.cr-grid .mgk-prod,
	.mgk-fbt .mgk-prod,
	.mgk-seasoncamp .mgk-prod {
		border-radius: 14px;
		background: #FFFFFF;
		border: 1px solid var(--fm-line, #E8EDF5);
		overflow: hidden;
		display: flex;
		flex-direction: column;
		transition: none;
	}
	.mgk-products .mgk-prod:hover,
	.cr-grid .mgk-prod:hover,
	.mgk-fbt .mgk-prod:hover,
	.mgk-seasoncamp .mgk-prod:hover {
		border-color: var(--fm-line, #E8EDF5);
		box-shadow: none;
	}
	.mgk-products .mgk-prod__media,
	.cr-grid .mgk-prod__media,
	.mgk-fbt .mgk-prod__media,
	.mgk-seasoncamp .mgk-prod__media {
		aspect-ratio: 1.15;
		height: auto;
		min-height: 0;
	}
	.mgk-products .mgk-prod:hover .mgk-prod__img,
	.cr-grid .mgk-prod:hover .mgk-prod__img,
	.mgk-fbt .mgk-prod:hover .mgk-prod__img,
	.mgk-seasoncamp .mgk-prod:hover .mgk-prod__img {
		transform: none;
	}

	.mgk-products .mgk-prod__tag,
	.cr-grid .mgk-prod__tag,
	.mgk-fbt .mgk-prod__tag,
	.mgk-seasoncamp .mgk-prod__tag {
		position: absolute;
		top: 9px;
		right: 0;
		width: auto;
		height: auto;
		padding: 4px 6px;
		font-size: 12px;
		font-weight: 650;
		line-height: 1.25;
		background: var(--mgk-badge-promo-bg, #D45B46);
		color: #FFFFFF;
		border-radius: 4px 0 0 4px;
		max-width: 58%;
		z-index: 2;
	}

	.mgk-products .mgk-prod__pct,
	.cr-grid .mgk-prod__pct,
	.mgk-fbt .mgk-prod__pct,
	.mgk-seasoncamp .mgk-prod__pct {
		display: block;
		position: absolute;
		top: 9px;
		left: 7px;
		border-radius: 5px;
		padding: 3px 5px;
		font-size: 12px;
		font-weight: 700;
		line-height: 1;
		background: var(--mgk-badge-promo-bg, #D45B46);
		color: #FFFFFF;
		z-index: 2;
	}
	.mgk-products .mgk-prod__media:has(.mgk-prod__tag) .mgk-prod__pct,
	.cr-grid .mgk-prod__media:has(.mgk-prod__tag) .mgk-prod__pct,
	.mgk-fbt .mgk-prod__media:has(.mgk-prod__tag) .mgk-prod__pct,
	.mgk-seasoncamp .mgk-prod__media:has(.mgk-prod__tag) .mgk-prod__pct {
		max-width: 36%;
	}

	.mgk-products .mgk-prod__oos,
	.cr-grid .mgk-prod__oos,
	.mgk-fbt .mgk-prod__oos,
	.mgk-seasoncamp .mgk-prod__oos {
		position: absolute;
		inset: auto 0 0 0;
		background: #FFFFFFDB;
		padding: 9px 5px;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 2;
	}
	.mgk-products .mgk-prod__oos .mgk-chip,
	.cr-grid .mgk-prod__oos .mgk-chip,
	.mgk-fbt .mgk-prod__oos .mgk-chip,
	.mgk-seasoncamp .mgk-prod__oos .mgk-chip {
		background: transparent;
		color: #596475;
		padding: 0;
		font-size: 12px;
		font-weight: 500;
	}
	.mgk-products .mgk-prod__body,
	.cr-grid .mgk-prod__body,
	.mgk-fbt .mgk-prod__body,
	.mgk-seasoncamp .mgk-prod__body {
		display: grid;
		grid-template-columns: minmax(0, 1fr) 44px;
		align-items: end;
		column-gap: 8px;
		row-gap: 6px;
		padding: 11px;
		flex: 1 1 auto;
	}
	.mgk-products .mgk-prod__foot,
	.cr-grid .mgk-prod__foot,
	.mgk-fbt .mgk-prod__foot,
	.mgk-seasoncamp .mgk-prod__foot {
		display: contents;
	}
	.mgk-products .mgk-prod__badges,
	.mgk-products .mgk-prod__options,
	.mgk-products .mgk-prod__actions,
	.cr-grid .mgk-prod__badges,
	.cr-grid .mgk-prod__options,
	.cr-grid .mgk-prod__actions,
	.mgk-fbt .mgk-prod__badges,
	.mgk-fbt .mgk-prod__options,
	.mgk-fbt .mgk-prod__actions,
	.mgk-seasoncamp .mgk-prod__badges,
	.mgk-seasoncamp .mgk-prod__options,
	.mgk-seasoncamp .mgk-prod__actions {
		display: none;
	}
	.mgk-products .mgk-prod__name,
	.cr-grid .mgk-prod__name,
	.mgk-fbt .mgk-prod__name,
	.mgk-seasoncamp .mgk-prod__name {
		grid-column: 1 / -1;
		font-family: var(--cr-font-sans, 'Quicksand', var(--mgk-font));
		font-size: 14px;
		font-weight: 650;
		line-height: 1.4;
		min-height: 39px;
		max-height: 39px;
		margin: 0;
		white-space: normal;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		color: var(--fm-ink, var(--cr-ink, #142139));
	}
	.mgk-products .mgk-prod__price,
	.mgk-products .mgk-prod__price--sale,
	.cr-grid .mgk-prod__price,
	.cr-grid .mgk-prod__price--sale,
	.mgk-fbt .mgk-prod__price,
	.mgk-fbt .mgk-prod__price--sale,
	.mgk-seasoncamp .mgk-prod__price,
	.mgk-seasoncamp .mgk-prod__price--sale {
		grid-column: 1;
		grid-row: 2;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 2px;
		font-size: 18px;
		font-weight: 700;
		letter-spacing: -0.5px;
		line-height: 1.2;
		color: var(--fm-ink, var(--cr-ink, #142139));
		font-variant-numeric: tabular-nums;
	}

	.mgk-prod__was {
		order: -1;
	}

	.mgk-flashcard__price {
		flex-direction: column;
		align-items: flex-start;
	}
	.mgk-flashcard__was {
		order: -1;
	}

	.mgk-products .mgk-prod__unit,
	.cr-grid .mgk-prod__unit,
	.mgk-fbt .mgk-prod__unit,
	.mgk-seasoncamp .mgk-prod__unit {
		font-size: 12px;
		font-weight: 400;
		color: #7D8797;
		margin: 0;
		line-height: 1.2;
	}
	.mgk-products .mgk-prod__was,
	.cr-grid .mgk-prod__was,
	.mgk-fbt .mgk-prod__was,
	.mgk-seasoncamp .mgk-prod__was {
		font-size: 12px;
		font-weight: 500;
		color: #8390A3;
		text-decoration: line-through;
		margin: 0;
		line-height: 1.2;
	}
	.mgk-products .mgk-prod__add,
	.mgk-products .mgk-prod__add-wide,
	.cr-grid .mgk-prod__add,
	.cr-grid .mgk-prod__add-wide,
	.mgk-fbt .mgk-prod__add,
	.mgk-fbt .mgk-prod__add-wide,
	.mgk-seasoncamp .mgk-prod__add-wide {
		grid-column: 2;
		grid-row: 2;
		width: 44px;
		height: 44px;
		min-height: 44px;
		margin: 0;
		padding: 0;
		border-radius: 13px;
		background: #EDF2FF;
		border: 1px solid #DCE5FF;
		font-size: 0;
		line-height: 1;
		align-self: end;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		box-shadow: none;
		transition: background 0.15s ease, transform 0.1s ease;
	}
	.mgk-products .mgk-prod__add::after,
	.mgk-products .mgk-prod__add-wide::after,
	.cr-grid .mgk-prod__add::after,
	.cr-grid .mgk-prod__add-wide::after,
	.mgk-fbt .mgk-prod__add::after,
	.mgk-fbt .mgk-prod__add-wide::after,
	.mgk-seasoncamp .mgk-prod__add-wide::after {
		content: "";
		display: block;
		width: 22px;
		height: 22px;
		background-color: var(--fm-blue, var(--cr-primary, #315CF5));
		-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M12 5v14'/%3E%3C/svg%3E") no-repeat center / contain;
		mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M12 5v14'/%3E%3C/svg%3E") no-repeat center / contain;
	}
	.mgk-products .mgk-prod__add:hover,
	.mgk-products .mgk-prod__add-wide:hover,
	.cr-grid .mgk-prod__add:hover,
	.cr-grid .mgk-prod__add-wide:hover,
	.mgk-fbt .mgk-prod__add:hover,
	.mgk-fbt .mgk-prod__add-wide:hover,
	.mgk-seasoncamp .mgk-prod__add-wide:hover {
		background: #E1EAFF;
	}
	.mgk-products .mgk-prod__add:active,
	.mgk-products .mgk-prod__add-wide:active,
	.cr-grid .mgk-prod__add:active,
	.cr-grid .mgk-prod__add-wide:active,
	.mgk-fbt .mgk-prod__add:active,
	.mgk-fbt .mgk-prod__add-wide:active,
	.mgk-seasoncamp .mgk-prod__add-wide:active {
		transform: scale(0.94);
	}
	.mgk-products .mgk-prod__add.is-disabled,
	.mgk-products .mgk-prod__add-wide.is-disabled,
	.cr-grid .mgk-prod__add.is-disabled,
	.cr-grid .mgk-prod__add-wide.is-disabled,
	.mgk-fbt .mgk-prod__add.is-disabled,
	.mgk-fbt .mgk-prod__add-wide.is-disabled,
	.mgk-seasoncamp .mgk-prod__add-wide.is-disabled {
		opacity: 0.5;
		pointer-events: none;
		background: #F2F4F7;
		border-color: #E4E7EC;
	}
	.mgk-products .mgk-prod__add.is-disabled::after,
	.mgk-products .mgk-prod__add-wide.is-disabled::after,
	.cr-grid .mgk-prod__add.is-disabled::after,
	.cr-grid .mgk-prod__add-wide.is-disabled::after,
	.mgk-fbt .mgk-prod__add.is-disabled::after,
	.mgk-fbt .mgk-prod__add-wide.is-disabled::after,
	.mgk-seasoncamp .mgk-prod__add-wide.is-disabled::after {
		background-color: #98A2B3;
	}

	.mgk-freshpicks {
		display: block !important;
		padding: 0 20px 20px !important;

		margin-top: 40px !important;
	}

	.elementor .e-con:has([data-widget_type="mgk_featured_products.default"]) {
		padding-left: 0 !important; padding-right: 0 !important;
	}
	.mgk-freshpicks .mgk-sh {
		display: flex !important;
		justify-content: space-between !important;
		align-items: center !important;
		margin-bottom: 12px !important;
	}
	.mgk-freshpicks .mgk-sh__title {
		font-size: 20px !important;
		font-weight: 700 !important;
		color: var(--fm-ink, #142139) !important;
		line-height: 1.25 !important;
		letter-spacing: -0.5px !important;
		margin: 0 !important;
	}
	.mgk-freshpicks .mgk-sh__title .mgk-cta__d {
		display: inline !important;
	}
	.mgk-freshpicks .mgk-sh__sub {
		display: none !important;
	}
	.mgk-freshpicks .mgk-products__cta,
	.mgk-freshpicks .mgk-btn--link {
		font-size: 13.5px !important;
		font-weight: 600 !important;
		color: var(--fm-blue, #315CF5) !important;
		text-decoration: none !important;
		padding: 0 !important;
		display: inline-flex !important;
		align-items: center !important;
		gap: 4px !important;
	}
	.mgk-freshpicks .mgk-grid {
		display: flex !important;
		flex-direction: row !important;
		overflow-x: auto !important;
		scroll-snap-type: x mandatory !important;
		scrollbar-width: none !important;
		gap: 12px !important;

		margin: 0 -20px 0 0 !important;
		padding: 4px 20px 16px 0 !important;
		-webkit-overflow-scrolling: touch !important;
	}
	.mgk-freshpicks .mgk-grid::-webkit-scrollbar {
		display: none !important;
	}
	.mgk-freshpicks .mgk-prod {

		flex: 0 0 calc((100% - 12px) / 2) !important;
		width: calc((100% - 12px) / 2) !important;
		scroll-snap-align: start !important;
		box-sizing: border-box !important;
	}

	.mgk-freshpicks .mgk-carousel__prev,
	.mgk-freshpicks .mgk-carousel__next,
	.mgk-freshpicks .mgk-freshpicks__arrows {
		display: none !important;
	}

	.mgk-freshpicks .mgk-prod__media {
		aspect-ratio: 1.15 !important;
		height: auto !important;
		min-height: 0 !important;
	}
	.mgk-freshpicks .mgk-prod__body {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) 44px !important;
		align-items: end !important;
		column-gap: 8px !important;
		row-gap: 6px !important;
		padding: 11px !important;
		flex: 1 1 auto !important;
	}
	.mgk-freshpicks .mgk-prod__name {
		grid-column: 1 / -1 !important;
		font-family: var(--cr-font-sans, 'Quicksand', var(--mgk-font)) !important;
		font-size: 14px !important;
		font-weight: 650 !important;
		line-height: 1.4 !important;
		min-height: 39px !important;
		max-height: 39px !important;
		margin: 0 !important;
		white-space: normal !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 2 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
		color: var(--fm-ink, var(--cr-ink, #142139)) !important;
	}
	.mgk-freshpicks .mgk-prod__price,
	.mgk-freshpicks .mgk-prod__price--sale {
		grid-column: 1 !important;
		grid-row: 2 !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 2px !important;
		font-size: 18px !important;
		font-weight: 700 !important;
		letter-spacing: -0.5px !important;
		line-height: 1.2 !important;
		color: var(--fm-ink, var(--cr-ink, #142139)) !important;
		font-variant-numeric: tabular-nums !important;
	}
	.mgk-freshpicks .mgk-prod__unit {
		font-size: 12px !important;
		font-weight: 400 !important;
		color: #7D8797 !important;
		margin: 0 !important;
		line-height: 1.2 !important;
	}
	.mgk-freshpicks .mgk-prod__was {
		font-size: 12px !important;
		font-weight: 500 !important;
		color: #8390A3 !important;
		text-decoration: line-through !important;
		margin: 0 !important;
		line-height: 1.2 !important;
	}

	.mgk-freshpicks .mgk-prod__add,
	.mgk-freshpicks .mgk-prod__add-wide {
		grid-column: 2 !important;
		grid-row: 2 !important;
		width: 44px !important;
		height: 44px !important;
		min-height: 44px !important;
		border-radius: 13px !important;
		background: #EDF2FF !important;
		border: 1px solid #DCE5FF !important;
		font-size: 0 !important;
		line-height: 1 !important;
		align-self: end !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		cursor: pointer;
		box-shadow: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	.mgk-freshpicks .mgk-prod__add::after,
	.mgk-freshpicks .mgk-prod__add-wide::after {
		content: "" !important;
		display: block !important;
		width: 22px !important;
		height: 22px !important;
		background-color: var(--fm-blue, #315CF5) !important;
		-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M12 5v14'/%3E%3C/svg%3E") no-repeat center / contain !important;
		mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M12 5v14'/%3E%3C/svg%3E") no-repeat center / contain !important;
	}
	.mgk-freshpicks .mgk-prod__add:hover,
	.mgk-freshpicks .mgk-prod__add-wide:hover {
		background: #E1EAFF !important;
	}
	.mgk-freshpicks .mgk-prod__add:active,
	.mgk-freshpicks .mgk-prod__add-wide:active {
		transform: scale(0.94) !important;
	}

}

[class*="mgk-pill--"] { display: inline-flex; align-items: center; padding: 3px 10px; border-radius: 999px; font-size: 12px; font-weight: 600; line-height: 1.3; white-space: nowrap; }
.mgk-pill--pending    { background: var(--mgk-amber-bg); color: var(--mgk-amber); }
.mgk-pill--confirmed  { background: var(--mgk-sfa-bg);   color: var(--mgk-sfa); }
.mgk-pill--picking    { background: #EDE9FE;             color: #7C3AED; }
.mgk-pill--delivering { background: var(--mgk-teal-bg);  color: var(--mgk-teal); }
.mgk-pill--delivered  { background: var(--mgk-green-bg); color: var(--mgk-green); }
.mgk-pill--cancelled  { background: var(--mgk-red-bg);   color: var(--mgk-red); }
.mgk-pill--active     { background: var(--mgk-green-bg); color: var(--mgk-green); }
.mgk-pill--packed     { background: #EDE9FE;             color: #7C3AED; }
.mgk-pill--dispatched { background: var(--mgk-teal-bg);  color: var(--mgk-teal); }

.mgk-pill--refunded    { background: #FBF0FF; color: #8C34AB; }
.mgk-pill--mgk-partial { background: #FFF6F0; color: #B5541A; }

.mgk-dslot__date, .mgk-dslot__slot, .mgk-cc__time, .mgk-ohist__filter, .mgk-subm__freqsel-opt {
	font-family: inherit; cursor: pointer; border: 1px solid var(--mgk-border); background: var(--mgk-surface);
	color: var(--mgk-text); border-radius: var(--mgk-radius-sm); font-weight: 600; transition: all .15s;
}
.mgk-dslot__date:hover, .mgk-cc__time:hover, .mgk-ohist__filter:hover, .mgk-subm__freqsel-opt:hover { border-color: var(--mgk-teal); }

.mgk-zonechk { display: flex; flex-direction: column; gap: 20px; max-width: 760px; }
.mgk-zonechk__hero { position: relative; border-radius: var(--mgk-radius); overflow: hidden; background: linear-gradient(135deg, var(--mgk-navy) 40%, var(--mgk-navy-md) 100%); }
.mgk-zonechk__hero-body { padding: 36px 32px; color: #fff; }
.mgk-zonechk__heading { font-size: 22px; font-weight: 800; margin: 0 0 8px; color: #fff; }
.mgk-zonechk__sub { font-size: 14px; margin: 0; color: rgba(255,255,255,.72); }
.mgk-zonechk__form-card { text-align: center; }
.mgk-zonechk__form { display: flex; gap: 12px; max-width: 420px; margin: 0 auto; }
.mgk-zonechk__input { flex: 1; min-width: 0; border: 1px solid var(--mgk-border); background: var(--mgk-surface); color: var(--mgk-text); border-radius: var(--mgk-radius-sm); padding: 12px 16px; font-size: 14px; text-align: center; letter-spacing: .15em; }
.mgk-zonechk__input:focus { outline: none; border-color: var(--mgk-teal); }
.mgk-zonechk__zone { background: var(--mgk-bg-alt); border: 1px solid var(--mgk-border); border-radius: var(--mgk-radius-sm); padding: 12px; }
.mgk-zonechk__zone-top { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; }
.mgk-zonechk__zone-name { font-size: 14px; font-weight: 600; color: var(--mgk-text); margin: 0; }
.mgk-zonechk__zone-note { font-size: 12px; color: var(--mgk-text-2); margin: 0; }
.mgk-zonechk__zone-detail { font-size: 12px; color: var(--mgk-text-3); margin: 2px 0 0; }
.mgk-zonechk__zone-methods { list-style: none; margin: 2px 0 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }

.mgk-zonechk__form-card .mgk-hero__zone-result { max-width: 420px; margin: 16px auto 0; background: var(--mgk-bg-alt); color: var(--mgk-text); }

.mgk-dslot { display: flex; flex-direction: column; gap: 20px; max-width: 760px; }
.mgk-dslot__hero { position: relative; border-radius: var(--mgk-radius); overflow: hidden; background: var(--mgk-navy); }
.mgk-dslot__hero-body { padding: 28px 32px; color: #fff; }
.mgk-dslot__heading { font-size: 20px; font-weight: 700; margin: 0 0 4px; color: #fff; }
.mgk-dslot__sub { font-size: 14px; margin: 0; color: rgba(255,255,255,.72); }
.mgk-dslot__dates { display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; }
.mgk-dslot__date { padding: 12px 4px; font-size: 12px; border-width: 2px; }
.mgk-dslot__date.is-sel { background: var(--mgk-navy); color: #fff; border-color: var(--mgk-navy); }
.mgk-dslot__slots { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.mgk-dslot__slot { padding: 10px 8px; font-size: 12px; text-align: center; }
.mgk-dslot__slot.is-full { background: var(--mgk-bg-alt); color: var(--mgk-text-3); cursor: not-allowed; }
.mgk-dslot__note { font-size: 12px; color: var(--mgk-text-3); margin: 12px 0 0; }
.mgk-dslot__confirm { background: var(--mgk-teal-bg); border: 1px solid rgba(0,153,179,.3); display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.mgk-dslot__confirm-sel { font-weight: 700; color: var(--mgk-navy); margin: 0; }
.mgk-dslot__confirm-eta { font-size: 14px; color: var(--mgk-text-2); margin: 2px 0 0; }

.mgk-cc { display: flex; flex-direction: column; gap: 20px; }
.mgk-cc__heading { font-size: 20px; font-weight: 700; color: var(--mgk-text); margin: 0; }
.mgk-cc__grid { display: grid; grid-template-columns: 5fr 7fr; gap: 24px; }
.mgk-cc__list { display: flex; flex-direction: column; gap: 12px; }
.mgk-cc__outlet { text-align: left; cursor: pointer; border: 2px solid var(--mgk-border); background: var(--mgk-surface); border-radius: var(--mgk-radius); overflow: hidden; padding: 0; transition: all .15s; }
.mgk-cc__outlet:hover { box-shadow: var(--mgk-shadow-lg); }
.mgk-cc__outlet.is-sel { border-color: var(--mgk-navy); background: var(--mgk-bg-alt); }
.mgk-cc__outlet-media { position: relative; display: block; height: 112px; background: var(--mgk-navy); }
body .mgk-cc__outlet-media img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.mgk-cc__outlet-ph { display: flex; align-items: center; justify-content: center; height: 100%; font-size: 36px; }
.mgk-cc__outlet-overlay { position: absolute; left: 12px; bottom: 8px; display: flex; flex-direction: column; gap: 4px; align-items: flex-start; }
.mgk-cc__outlet-name { color: #fff; font-weight: 700; font-size: 14px; }
.mgk-cc__outlet-body { display: block; padding: 12px; }
.mgk-cc__outlet-addr { display: block; font-size: 12px; color: var(--mgk-text-3); margin-bottom: 8px; }
.mgk-cc__outlet-chips { display: flex; gap: 8px; flex-wrap: wrap; }
.mgk-cc__detail { display: flex; flex-direction: column; gap: 16px; }
.mgk-cc__map { position: relative; border-radius: var(--mgk-radius); overflow: hidden; height: 192px; background: linear-gradient(135deg, var(--mgk-navy), var(--mgk-navy-md)); }
.mgk-cc__map-overlay { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; }
.mgk-cc__map-pin { font-size: 44px; margin-bottom: 8px; }
.mgk-cc__map-title { font-weight: 700; font-size: 14px; margin: 0; }
.mgk-cc__map-sub { font-size: 12px; color: rgba(255,255,255,.6); margin: 2px 0 0; }
.mgk-cc__map-badges { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 10px; }
.mgk-cc__map-badge { cursor: pointer; transition: transform .12s ease, box-shadow .12s ease; }
.mgk-cc__map-badge:hover { transform: translateY(-1px); box-shadow: 0 2px 8px rgba(0,0,0,.25); }
.mgk-cc__times { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.mgk-cc__time { padding: 10px 8px; font-size: 12px; text-align: center; }
.mgk-cc__time.is-sel { background: var(--mgk-navy); color: #fff; border-color: var(--mgk-navy); }

.mgk-qc { display: flex; flex-direction: column; gap: 20px; max-width: 620px; }
.mgk-qc__hero { position: relative; border-radius: var(--mgk-radius); overflow: hidden; background: linear-gradient(135deg, var(--mgk-navy), var(--mgk-navy-md)); }
.mgk-qc__hero-body { padding: 32px; color: #fff; }
.mgk-qc__badge { margin-bottom: 10px; }
.mgk-qc__heading { font-size: 26px; font-weight: 900; margin: 0 0 6px; color: #fff; }
.mgk-qc__sub { font-size: 14px; margin: 0; color: rgba(255,255,255,.72); }
.mgk-qc__opts { display: flex; flex-direction: column; gap: 12px; }
.mgk-qc__opt { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; text-align: left; cursor: pointer; border: 2px solid var(--mgk-border); background: var(--mgk-surface); border-radius: var(--mgk-radius); padding: 20px; transition: all .15s; }
.mgk-qc__opt:hover { box-shadow: var(--mgk-shadow-lg); }
.mgk-qc__opt.is-sel { border-color: var(--mgk-navy); background: var(--mgk-bg-alt); }
.mgk-qc__opt-left { display: flex; gap: 12px; }
.mgk-qc__opt-icon { font-size: 30px; }
.mgk-qc__opt-body { display: flex; flex-direction: column; gap: 2px; }
.mgk-qc__opt-title { font-weight: 700; color: var(--mgk-text); }
.mgk-qc__opt-desc { font-size: 14px; color: var(--mgk-text-2); }
.mgk-qc__opt-note { font-size: 12px; color: var(--mgk-teal); font-family: monospace; }
.mgk-qc__opt-right { text-align: right; white-space: nowrap; }
.mgk-qc__opt-price { display: block; font-weight: 900; color: var(--mgk-green); }
.mgk-qc__opt-cap { font-size: 12px; color: var(--mgk-text-3); }

.mgk-track { --mgk-track-blue: #1363FF; display: flex; flex-direction: column; gap: 20px; width: 100%; max-width: 1016px; margin-inline: auto; font-family: 'Quicksand', var(--mgk-font); }

.mgk-track .mgk-track__back { align-self: flex-start; margin-bottom: 0; }

.mgk-track__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; }
.mgk-track__head-main { min-width: 0; }
.mgk-track__heading { font-size: 20px; line-height: 28px; font-weight: 700; color: var(--mgk-navy); margin: 0; }
.mgk-track__heading--mobile { display: none; }
.mgk-track__order { font-size: 14px; line-height: 20px; color: var(--mgk-text-3); margin: 0; }

.mgk-track__status { flex-shrink: 0; padding: 2px 10px; border-radius: 999px; font-size: 12px; line-height: 16px; font-weight: 600; background: var(--mgk-bg-alt); color: var(--mgk-text-2); }
.mgk-track__status--picking,
.mgk-track__status--packed,
.mgk-track__status--dispatched { background: #EDE9FE; color: #7C3AED; }
.mgk-track__status--delivered { background: var(--mgk-green-bg); color: var(--mgk-green); }
.mgk-track__status--cancelled { background: #FEE9E9; color: #C62828; }

.mgk-timeline--track .mgk-timeline__icon { display: none; }
.mgk-timeline--track .mgk-timeline__description { display: none; }

.mgk-track__cols { display: grid; grid-template-columns: minmax(0, 585fr) minmax(0, 408fr); gap: 24px; align-items: stretch; }
.mgk-track__col { display: flex; flex-direction: column; gap: 24px; min-width: 0; min-height: 0; }
.mgk-track__cols .mgk-card { border-radius: 16px; padding: 20px; }

.mgk-track__items-card { padding: 22px; gap: 13px; display: flex; flex-direction: column; flex: 1 1 0; min-height: 0; }

.mgk-track__sum-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.mgk-track__sum-title { font-size: 17px; line-height: 21px; font-weight: 700; color: var(--mgk-navy-900); margin: 0; }
.mgk-track__sum-count { font-size: 12.5px; line-height: 16px; font-weight: 600; color: var(--mgk-track-blue); }

.mgk-track__items { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; overflow-y: auto; }
.mgk-track__sum-head,
.mgk-track__sum-sep,
.mgk-track__sum-foot { flex-shrink: 0; }

.mgk-track__item { display: flex; align-items: flex-start; gap: 14px; padding: 4px 0; min-height: 68px; flex-shrink: 0; }
.mgk-track__item-img { width: 60px; height: 60px; border-radius: 4px; overflow: hidden; display: flex; align-items: center; justify-content: center; background: #F4F6F9; flex-shrink: 0; }

body .mgk-track__item-img img { width: 100%; height: 100%; object-fit: contain; object-position: center; }

.mgk-track__item-img a { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; }
.mgk-track__item-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.mgk-track__item-name { display: block; font-size: 14px; line-height: 20px; font-weight: 400; color: var(--mgk-navy-900); margin: 0; }
.mgk-track__item-name-link { color: inherit; text-decoration: none; }
.mgk-track__item-name-link:hover { text-decoration: underline; }
.mgk-track__item-note { display: block; font-size: 12px; line-height: 16px; color: var(--mgk-amber); margin: 0; }
.mgk-track__item-meta { display: none; }
.mgk-track__item-note--oos { display: none; color: var(--mgk-red); font-weight: 600; }
.mgk-track__item-note--sale { color: var(--mgk-red); font-weight: 600; }

.mgk-track__item-right { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; flex-shrink: 0; }
.mgk-track__item-qty { font-size: 14px; line-height: 20px; font-weight: 500; color: #A1A1A1; }
.mgk-track__item-price { font-size: 14px; line-height: 20px; font-weight: 600; color: var(--mgk-navy-900); white-space: nowrap; }
.mgk-track__item-review { display: none; font-size: 12px; line-height: 16px; font-weight: 600; color: var(--mgk-track-blue); text-decoration: none; white-space: nowrap; }
.mgk-track__item-review:hover { text-decoration: underline; }
.mgk-track__item.has-mgk-item-oos .mgk-track__item-note--oos { display: block; }
.mgk-track__item.has-mgk-item-oos .mgk-track__item-review { display: inline-block; }
.mgk-track__item.has-mgk-item-oos .mgk-track__item-price { display: none; }

.mgk-track__sum-sep { height: 1px; background: #EFF2F6; }
.mgk-track__sum-foot { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; padding: 12px 0; }
.mgk-track__sum-labels,
.mgk-track__sum-values { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.mgk-track__sum-values { align-items: flex-end; text-align: right; }
.mgk-track__sum-paylabel { font-size: 12px; line-height: 16px; color: #A1A1A1; }
.mgk-track__sum-payval { font-size: 12px; line-height: 16px; font-weight: 500; color: #0A0A0A; }
.mgk-track__sum-totlabel { font-size: 15.5px; line-height: 19px; font-weight: 700; color: var(--mgk-navy-900); }
.mgk-track__sum-totval { font-size: 17px; line-height: 21px; font-weight: 700; color: var(--mgk-navy-900); }

.mgk-track__estimate { font-size: 12px; line-height: 16px; font-weight: 500; color: var(--mgk-text-3); margin: 0; }

.mgk-track__actions { display: flex; align-items: center; justify-content: flex-end; gap: 16px; }
.mgk-track__act { flex: 1 1 0; min-width: 0; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; padding: 7px 12px; border: 1px solid var(--mgk-track-blue); border-radius: 8px; background: transparent; color: var(--mgk-track-blue); font-family: inherit; font-size: 14px; line-height: 20px; font-weight: 600; text-decoration: none; cursor: pointer; white-space: nowrap; }
.mgk-track__act:hover { background: rgba(19,99,255,.06); color: var(--mgk-track-blue); }
.mgk-track__act-icon,
.mgk-track__act-chevron { display: none; }

@media (max-width: 980px) {
	.mgk-track__cols { grid-template-columns: 1fr; }
	.mgk-track__actions { justify-content: flex-start; }
}
@media (max-width: 480px) {

	.mgk-track__actions { flex-wrap: wrap; }
	.mgk-track__act { flex: 1 1 100%; }
}

@media (max-width: 640px) {
	body:has(.mgk-track) { background: #F7F9FD; }
	.mgk-section.mgk-track {
		align-items: stretch; width: 100%; max-width: none; min-height: calc(100dvh - 52px);
		box-sizing: border-box; padding: 16px 20px calc(28px + env(safe-area-inset-bottom, 0px));
		gap: 18px; background: #F7F9FD;
	}
	.mgk-track__head { align-items: center; gap: 12px; }
	.mgk-track__heading { font-size: 20px; line-height: 26px; }
	.mgk-track__heading--desktop,
	.mgk-track__order,
	.mgk-track__back { display: none; }
	.mgk-track__heading--mobile { display: block; }
	.mgk-track__status {
		padding: 0; border-radius: 0; font-size: 12px; line-height: 20px;
		background: transparent !important; color: #C17A29;
	}
	.mgk-track__status--delivered { color: var(--mgk-green); }
	.mgk-track__status--cancelled { color: #C62828; }
	.mgk-track__cols { display: flex; flex-direction: column; gap: 18px; }
	.mgk-track__cols .mgk-card { padding: 18px; border-radius: 17px; }
	.mgk-track__progress-card { order: 0; }
	.mgk-track__col--aside { gap: 18px; }
	.mgk-track__items-card { order: 0; flex: 0 0 auto; min-height: auto; gap: 14px; }
	.mgk-track__items { flex: 0 0 auto; min-height: 0; overflow: visible; }
	.mgk-track__item {
		min-height: 76px; gap: 12px; padding: 10px 0;
		border-bottom: 1px solid #E7EDF5;
	}
	.mgk-track__item:first-child { padding-top: 0; }
	.mgk-track__item:last-child { padding-bottom: 0; border-bottom: 0; }
	.mgk-track__item-img { width: 58px; height: 58px; border-radius: 8px; }
	.mgk-track__item-body { gap: 2px; }
	.mgk-track__item-name { font-size: 14px; line-height: 20px; font-weight: 700; }
	.mgk-track__item-meta {
		display: block; margin: 0; font-size: 12px; line-height: 17px;
		font-weight: 500; color: #8FA4C2;
	}
	.mgk-track__item-note { line-height: 17px; }
	.mgk-track__item-right { gap: 0; padding-top: 1px; }
	.mgk-track__item-qty { display: none; }
	.mgk-track__item-price { font-size: 14px; line-height: 20px; font-weight: 700; }
	.mgk-track__sum-count { color: #9AAAC0; font-weight: 500; }
	.mgk-track__sum-foot { padding: 12px 0 0; }
	.mgk-track__sum-foot {
		display: grid; grid-template-columns: minmax(0, 1fr) auto;
		grid-template-rows: auto auto; align-items: baseline;
		column-gap: 16px; row-gap: 2px;
	}
	.mgk-track__sum-labels,
	.mgk-track__sum-values { display: contents; }
	.mgk-track__sum-paylabel { grid-column: 1; grid-row: 1; text-align: left; }
	.mgk-track__sum-payval { grid-column: 1; grid-row: 2; text-align: left; }
	.mgk-track__sum-totlabel { grid-column: 2; grid-row: 1; text-align: right; font-size: 12px; line-height: 16px; font-weight: 500; color: #9AAAC0; }
	.mgk-track__sum-totval { grid-column: 2; grid-row: 2; text-align: right; font-size: 18px; line-height: 22px; }

	.mgk-track__actions {
		flex-direction: column; flex-wrap: nowrap; align-items: stretch; gap: 0;
		background: #fff; border: 1px solid #E1E8F1; border-radius: 17px;
		overflow: hidden;
	}
	.mgk-track__act {
		width: 100%; flex: 0 0 auto; min-height: 56px; padding: 0 16px;
		border: 0; border-radius: 0; background: #fff; color: var(--mgk-navy);
		justify-content: flex-start; gap: 14px; text-align: left; font-weight: 500;
	}
	.mgk-track__act + .mgk-track__act { border-top: 1px solid #E9EEF5; }
	.mgk-track__act:hover { background: #F8FAFD; color: var(--mgk-navy); }
	.mgk-track__act:focus-visible { outline: 2px solid var(--mgk-track-blue); outline-offset: -2px; }
	.mgk-track__act-icon {
		display: inline-flex; align-items: center; justify-content: center;
		width: 22px; height: 22px; flex: 0 0 22px; color: #748AA7;
	}
	.mgk-track__act-icon svg { width: 22px; height: 22px; display: block; }
	.mgk-track__act-label { flex: 1 1 auto; min-width: 0; }
	.mgk-track__act-chevron {
		display: inline-flex; align-items: center; justify-content: center;
		width: 18px; height: 18px; flex: 0 0 18px; color: #99A9BE;
	}
	.mgk-track__act-chevron svg { width: 18px; height: 18px; display: block; }
	.mgk-timeline--track { padding-top: 14px; }
	.mgk-timeline--track .mgk-timeline__dot {
		width: 32px; height: 32px; border: 0; background: #F1F5FF;
		box-shadow: none; color: #3564F4;
	}
	.mgk-timeline--track .mgk-timeline__dot--done { background: var(--mgk-track-blue, #3564F4); border-color: transparent; }
	.mgk-timeline--track .mgk-timeline__dot--current { background: #EAF0FF; border: 1px solid #D5E2FF; color: var(--mgk-track-blue, #3564F4); }
	.mgk-timeline--track .mgk-timeline__dot--todo { background: #F8FAFD; border: 1px solid #DDE6F3; color: #A2B2C9; }
	.mgk-timeline--track .mgk-timeline__ord { display: none; }
	.mgk-timeline--track .mgk-timeline__dot--done .mgk-timeline__icon--check {
		display: inline-flex; align-items: center; justify-content: center;
		font-size: 16px; line-height: 1; font-weight: 700; color: #fff;
	}
	.mgk-timeline--track .mgk-timeline__dot--current .mgk-timeline__icon--current {
		display: block; width: 8px; height: 8px; border-radius: 50%; background: currentColor;
	}
	.mgk-timeline--track .mgk-timeline__dot--todo .mgk-timeline__icon--stage {
		display: block; width: 18px; height: 18px;
	}
	.mgk-timeline--track .mgk-timeline__bar { width: 2px; min-height: 32px; background: #DCE6F3; }
	.mgk-timeline--track .mgk-timeline__bar.is-done { background: var(--mgk-track-blue, #3564F4); }
	.mgk-timeline--track .mgk-timeline__label { font-size: 14px; line-height: 20px; font-weight: 700; color: #98A9C0; }
	.mgk-timeline--track .mgk-timeline__label.is-active { color: var(--mgk-navy); }
	.mgk-timeline--track .mgk-timeline__time { font-size: 12px; line-height: 16px; font-weight: 500; color: #8FA4C2; }
	.mgk-timeline--track .mgk-timeline__description { display: block; margin: 6px 0 0; font-size: 12px; line-height: 17px; font-weight: 500; color: #8FA4C2; }
	.mgk-timeline--track .mgk-timeline__description:empty { display: none; }
	.mgk-timeline--track .mgk-timeline__body { padding-bottom: 16px; }
	.mgk-track__estimate { margin-top: 2px; }
}

.mgk-subs { display: flex; flex-direction: column; gap: 20px; max-width: 620px; }
.mgk-subs__alert { background: var(--mgk-amber-bg); border: 1px solid rgba(240,152,48,.4); text-align: center; }
.mgk-subs__alert-icon { font-size: 32px; margin-bottom: 12px; }
.mgk-subs__heading { font-size: 20px; font-weight: 700; color: #92400E; margin: 0 0 4px; }
.mgk-subs__sub { font-size: 14px; color: #92400E; margin: 0 0 12px; }
.mgk-subs__timer { display: inline-flex; align-items: center; gap: 8px; background: #FDE68A; color: #92400E; padding: 6px 16px; border-radius: 999px; font-size: 14px; font-weight: 700; }
.mgk-subs__col { text-align: left; }
.mgk-subs__col--sub { border: 1.5px solid rgba(34,168,107,.6); background: var(--mgk-green-bg); }
.mgk-subs__col-title { font-size: 10px; font-weight: 700; text-transform: uppercase; margin: 0 0 12px; color: var(--mgk-text-3); }
.mgk-subs__col-title--sub { color: var(--mgk-green); }
.mgk-subs__media { height: 128px; border-radius: var(--mgk-radius-sm); overflow: hidden; border: 1px solid var(--mgk-border); display: flex; align-items: center; justify-content: center; font-size: 40px; background: var(--mgk-bg-alt); margin-bottom: 8px; }
body .mgk-subs__media img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.mgk-subs__media--orig img { filter: grayscale(1); opacity: .6; }
.mgk-subs__name { font-size: 14px; font-weight: 600; color: var(--mgk-text); margin: 0 0 4px; }
.mgk-subs__meta { font-size: 12px; color: var(--mgk-text-3); margin: 0 0 4px; }
.mgk-subs__price { font-weight: 700; color: var(--mgk-navy); margin: 0 0 6px; }
.mgk-subs__price--sub { color: var(--mgk-green); }
.mgk-subs__msg-title { font-size: 14px; font-weight: 600; color: var(--mgk-text); margin: 0 0 8px; }
.mgk-subs__msg { background: var(--mgk-bg-alt); border: 1px solid var(--mgk-border); border-radius: var(--mgk-radius-sm); padding: 12px; font-size: 14px; color: var(--mgk-text-2); }
.mgk-subs__actions { gap: 16px; }
.mgk-subs__whatsapp { width: 100%; }

[data-mgk-sub-actions][hidden] { display: none !important; }
.mgk-subs.is-decided .mgk-subs__alert { background: var(--mgk-green-bg); border-color: rgba(34,168,107,.4); }
.mgk-subs.is-decided .mgk-subs__heading,
.mgk-subs.is-decided .mgk-subs__sub { color: var(--mgk-green); }

.mgk-subs__col--out { opacity: .55; }
.mgk-subs__col--out .mgk-subs__media--orig img { filter: grayscale(1); opacity: .4; }

.mgk-fulchg { display: flex; flex-direction: column; gap: 20px; max-width: 620px; min-height: calc(100vh - 64px); }
.mgk-fulchg__alert { background: var(--mgk-amber-bg); border: 1px solid rgba(240,152,48,.4); text-align: center; }
.mgk-fulchg__alert-icon { font-size: 32px; margin-bottom: 12px; }
.mgk-fulchg__heading { font-size: 20px; font-weight: 700; color: #92400E; margin: 0 0 4px; }
.mgk-fulchg__sub { font-size: 14px; color: #92400E; margin: 0 0 12px; }
.mgk-fulchg__timer { display: inline-flex; align-items: center; gap: 8px; background: #FDE68A; color: #92400E; padding: 6px 16px; border-radius: 999px; font-size: 14px; font-weight: 700; }
.mgk-fulchg__actions { gap: 16px; }
[data-mgk-fulchg-actions][hidden] { display: none !important; }
.mgk-fulchg.is-decided .mgk-fulchg__alert { background: var(--mgk-green-bg); border-color: rgba(34,168,107,.4); }
.mgk-fulchg.is-decided .mgk-fulchg__heading,
.mgk-fulchg.is-decided .mgk-fulchg__sub { color: var(--mgk-green); }

.mgk-wish { display: flex; flex-direction: column; align-items: center; gap: 20px; padding: 8px 0 40px; }
.mgk-wish__head { width: 100%; max-width: 806px; }
.mgk-wish__heading { font-size: 20px; font-weight: 700; color: var(--mgk-text); margin: 0; }
.mgk-wish__list { display: flex; flex-direction: column; gap: 20px; width: 100%; max-width: 806px; }
.mgk-wish__list[hidden] { display: none; }
.mgk-wish__item { display: flex; align-items: flex-start; gap: 16px; padding: 20px; border-radius: var(--mgk-radius-sm); box-shadow: none; }
.mgk-wish__media { width: 96px; height: 96px; border: 1px solid var(--mgk-border); border-radius: 14px; overflow: hidden; flex-shrink: 0; display: flex; align-items: center; justify-content: center; background: var(--mgk-bg-alt); }
body .mgk-wish__media img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.mgk-wish__ph { font-size: 32px; }
.mgk-wish__body { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.mgk-wish__top { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.mgk-wish__info { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.mgk-wish__name { font-size: 14px; font-weight: 600; color: var(--mgk-text); text-decoration: none; }
.mgk-wish__name:hover { text-decoration: underline; }
.mgk-wish__chips { display: flex; flex-wrap: wrap; gap: 4px; }
.mgk-wish__price { display: flex; flex-direction: column; align-items: flex-end; flex-shrink: 0; }
.mgk-wish__price-now { font-size: 16px; font-weight: 700; color: var(--mgk-text); margin: 0; }
.mgk-wish__price-each { font-size: 12px; color: var(--mgk-text-3); margin: 2px 0 0; }
.mgk-wish__controls { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 12px; }
.mgk-wish__actions { display: flex; align-items: center; gap: 12px; }
.mgk-wish__add { display: inline-flex; align-items: center; gap: 6px; background: var(--mgk-wish-add); color: #fff; border: none; border-radius: 6px; padding: 4px 12px; font-size: 12px; font-weight: 600; font-family: inherit; cursor: pointer; transition: opacity .15s; }
.mgk-wish__add:hover { opacity: .9; }
.mgk-wish__add:disabled { opacity: .6; cursor: default; }
.mgk-wish__remove { background: none; border: none; cursor: pointer; font-size: 16px; line-height: 1; padding: 4px; color: var(--mgk-wish-remove); }
.mgk-wish__remove:hover { opacity: .75; }
.mgk-wish__empty { width: 100%; max-width: 806px; text-align: center; padding: 48px 24px; }
.mgk-wish__empty-icon { font-size: 32px; margin-bottom: 12px; }
.mgk-wish__empty-title { font-weight: 600; color: var(--mgk-text); margin: 0 0 4px; }
.mgk-wish__empty-text { font-size: 14px; color: var(--mgk-text-2); margin: 0 auto; max-width: 52ch; line-height: 1.6; }
@media (max-width: 640px) {
	.mgk-wish__item { flex-wrap: wrap; }
	.mgk-wish__top { flex-wrap: wrap; }
	.mgk-wish__controls { flex-wrap: wrap; }
}

[data-mgk-cart-panel="wishlist"] .mgk-wish__list,
[data-mgk-cart-panel="wishlist"] .mgk-wish__empty { max-width: none; }

.mgk-loyalty { display: flex; flex-direction: column; gap: 20px; max-width: 760px; }
.mgk-loyalty__hero { background: linear-gradient(135deg, var(--mgk-navy), var(--mgk-navy-md)); border: none; text-align: center; color: #fff; }
.mgk-loyalty__coin { font-size: 48px; }
.mgk-loyalty__balance-label { font-size: 14px; color: rgba(255,255,255,.6); margin: 12px 0 0; }
.mgk-loyalty__balance { font-size: 44px; font-weight: 900; line-height: 1.1; }
.mgk-loyalty__balance-val { color: var(--mgk-teal-lt); margin: 0; }
.mgk-loyalty__hero-chips { display: flex; justify-content: center; gap: 12px; margin: 12px 0; }
.mgk-loyalty__note { font-size: 12px; color: rgba(255,255,255,.5); margin: 0; }
.mgk-loyalty__bar { background: var(--mgk-border); height: 12px; border-radius: 999px; overflow: hidden; margin-bottom: 12px; }
.mgk-loyalty__bar-fill { display: block; height: 100%; border-radius: 999px; background: linear-gradient(90deg, var(--mgk-amber), #FCD34D); }
.mgk-loyalty__tier { background: var(--mgk-bg-alt); border: 2px solid var(--mgk-border); border-radius: var(--mgk-radius-sm); padding: 12px; text-align: center; }
.mgk-loyalty__tier.is-active { background: var(--mgk-amber-bg); border-color: var(--mgk-amber); }
.mgk-loyalty__tier-name { font-weight: 700; color: var(--mgk-text); margin: 0; }
.mgk-loyalty__tier-perk { font-size: 12px; color: var(--mgk-text-3); margin: 2px 0 0; }
.mgk-loyalty__earn, .mgk-loyalty__redeem { display: flex; flex-direction: column; gap: 8px; }
.mgk-loyalty__earn-row, .mgk-loyalty__redeem-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 14px; color: var(--mgk-text-2); }
.mgk-loyalty__redeem-label { font-size: 14px; color: var(--mgk-text-2); }
.mgk-loyalty__txs { display: flex; flex-direction: column; }
.mgk-loyalty__tx { display: flex; align-items: center; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid var(--mgk-border-lt); }
.mgk-loyalty__tx-desc { font-size: 14px; font-weight: 500; color: var(--mgk-text); margin: 0; }
.mgk-loyalty__tx-date { font-size: 12px; color: var(--mgk-text-3); margin: 0; }
.mgk-loyalty__tx-amount { font-size: 14px; font-weight: 700; }
.mgk-loyalty__tx-amount--pos { color: var(--mgk-green); }
.mgk-loyalty__tx-amount--neg { color: var(--mgk-red); }

.mgk-acct { display: flex; flex-direction: column; gap: 20px; }

.mgk-acct__profile { display: flex; align-items: center; gap: 20px; background: #FFFFFF; border: 1px solid #165DFF; padding: 31px 24px; }
.mgk-acct__avatar { width: 64px; height: 64px; border-radius: var(--mgk-radius-sm); background: #1363FF; display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: 700; color: #fff; flex-shrink: 0; }
body .mgk-acct__avatar--photo { object-fit: cover; object-position: center; }
.mgk-acct__profile-body { flex: 1; }
.mgk-acct__profile-head { display: flex; align-items: center; gap: 8px; margin-bottom: 2px; }
.mgk-acct__name { font-size: 20px; font-weight: 700; margin: 0; color: var(--mgk-navy-900, #061937); }
.mgk-acct__contact { font-size: 14px; font-weight: 600; color: var(--mgk-navy-900, #061937); margin: 0; }
.mgk-acct__edit { display: inline-flex; align-items: center; justify-content: center; padding: 5px 16px; background: #1363FF; color: #fff; font-size: 14px; font-weight: 400; border-radius: 8px; text-decoration: none; white-space: nowrap; }
.mgk-acct__edit:hover { opacity: .92; }

.mgk-acct__top { display: flex; align-items: stretch; gap: 24px; }
.mgk-acct__stats { display: flex; gap: 24px; flex: 0 0 auto; width: 678px; }
.mgk-acct__stat { flex: 1; padding: 20px; border-radius: var(--mgk-radius); box-shadow: var(--mgk-shadow); }
.mgk-acct__stat--blue { background: #E3F0FF; border: 1px solid rgba(21,101,192,.133); }
.mgk-acct__stat--green { background: var(--mgk-green-bg); border: 1px solid rgba(34,168,107,.133); }
.mgk-acct__stat-val { font-size: 24px; font-weight: 700; line-height: 32px; color: var(--mgk-text); }
.mgk-acct__stat--blue .mgk-acct__stat-val { color: var(--mgk-blue); }
.mgk-acct__stat--green .mgk-acct__stat-val { color: var(--mgk-green); }
.mgk-acct__stat-label { font-size: 14px; color: var(--mgk-text-2); margin: 8px 0 0; }

.mgk-acct__quick { flex: 1; padding: 20px; }
.mgk-acct__quick-title { font-size: 14px; font-weight: 700; color: var(--mgk-navy-900, #061937); margin: 0 0 16px; }
.mgk-acct__quick-list { display: flex; gap: 8px; }
.mgk-acct__quick-item { flex: 1; display: flex; align-items: center; gap: 4px; padding: 12px; background: var(--mgk-surface); border: 1px solid var(--mgk-border); border-radius: var(--mgk-radius-sm); text-decoration: none; color: inherit; transition: box-shadow .15s; }
.mgk-acct__quick-item:hover { box-shadow: var(--mgk-shadow-lg); }
.mgk-acct__quick-icon { font-size: 16px; line-height: 1; }
.mgk-acct__quick-label { flex: 1; font-size: 12px; color: #1E3545; }
.mgk-acct__quick-arrow { color: var(--mgk-text-3); font-size: 16px; }

.mgk-acct__mid { display: flex; align-items: stretch; gap: 24px; }
.mgk-acct__ohist, .mgk-acct__active { flex: 1; padding: 20px; }
.mgk-acct .mgk-sh { align-items: center; margin-bottom: 0; }
.mgk-acct__viewall, .mgk-acct__track { display: inline-flex; align-items: center; justify-content: center; padding: 3px 16px; background: #F2F3F5; color: #165DFF; font-size: 14px; font-weight: 400; border-radius: 6px; text-decoration: none; white-space: nowrap; }
.mgk-acct__viewall:hover, .mgk-acct__track:hover { opacity: .85; }

.mgk-acct__orders { display: flex; flex-direction: column; margin-top: 16px; }
.mgk-acct__order { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid #E8EFF7; text-decoration: none; color: inherit; }
.mgk-acct__orders .mgk-acct__order:last-child { border-bottom: none; }
.mgk-acct__order-left { display: flex; align-items: center; gap: 10px; }
.mgk-acct__order-thumb { width: 32px; height: 32px; border-radius: 10px; background: var(--mgk-bg-alt); border: 1px solid var(--mgk-border); display: flex; align-items: center; justify-content: center; font-size: 16px; }
.mgk-acct__order-thumbs { display: flex; flex-shrink: 0; }
body .mgk-acct__order-thumb-img { width: 32px; height: 32px; border-radius: 10px; object-fit: cover; object-position: center; border: 1px solid var(--mgk-border); background: var(--mgk-bg-alt); }
.mgk-acct__order-thumb-img + .mgk-acct__order-thumb-img { margin-left: -12px; }
.mgk-acct__order-id { font-weight: 600; font-size: 14px; color: #1B3A52; margin: 0; }
.mgk-acct__order-meta { font-size: 12px; color: var(--mgk-text-3); margin: 0; }

.mgk-acct__order--active { border-bottom: 1px solid #E8EFF7; margin-top: 16px; }
.mgk-acct__steps { display: flex; align-items: flex-start; padding-top: 16px; }
.mgk-acct__step { position: relative; flex: 1; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 0 4px; }
.mgk-acct__step-rail { position: relative; width: 100%; display: flex; align-items: center; justify-content: center; margin-bottom: 8px; }
.mgk-acct__step-dot { position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: #FFFFFF; border: 2px solid var(--mgk-border); font-size: 12px; font-weight: 700; color: var(--mgk-text-3); }
.mgk-acct__step-bar { position: absolute; top: 50%; left: 50%; width: 100%; height: 2px; background: var(--mgk-border); transform: translateY(-50%); }
.mgk-acct__step-bar.is-done { background: var(--mgk-green); }
.mgk-acct__step--done .mgk-acct__step-dot { background: var(--mgk-green); border-color: var(--mgk-green); color: #fff; }
.mgk-acct__step--current .mgk-acct__step-dot { background: var(--mgk-navy-900, #061937); border-color: var(--mgk-navy-900, #061937); color: #fff; }
.mgk-acct__step-label { font-size: 13px; font-weight: 600; color: var(--mgk-text-3); margin: 0; }
.mgk-acct__step--done .mgk-acct__step-label, .mgk-acct__step--current .mgk-acct__step-label { color: var(--mgk-navy-900, #061937); }
.mgk-acct__step-time { font-size: 11px; color: var(--mgk-text-3); margin: 2px 0 0; }

.mgk-acct__recent { padding: 20px; }
.mgk-acct__prods { display: flex; gap: 24px; margin-top: 16px; flex-wrap: wrap; }
.mgk-acct__prod { flex: 1; min-width: 180px; max-width: 209px; display: flex; flex-direction: column; gap: 10px; text-decoration: none; color: inherit; }
.mgk-acct__prod-media { display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 1; background: #FAFAFA; border: 1px solid var(--mgk-border); border-radius: var(--mgk-radius); overflow: hidden; }
.mgk-acct__prod-media img { width: 100%; height: 100%; object-fit: contain; }
.mgk-acct__prod-ph { font-size: 40px; }
.mgk-acct__prod-name { font-size: 14px; font-weight: 600; color: #1B3A52; margin: 0; }
.mgk-acct__prod-sku { font-size: 12px; font-weight: 500; color: var(--mgk-text-3); margin: 0; }
.mgk-acct__prod-badges { display: flex; flex-wrap: wrap; gap: 4px; }

.mgk-ohist { display: flex; flex-direction: column; gap: 20px; }
.mgk-ohist__head { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.mgk-ohist__heading { font-size: 20px; font-weight: 700; color: var(--mgk-text); margin: 0; }
.mgk-ohist__filters { display: flex; gap: 8px; flex-wrap: wrap; }
.mgk-ohist__filter { padding: 6px 16px; font-size: 12px; }
.mgk-ohist__filter.is-sel { background: #1363FF; color: #fff; border-color: #1363FF; }
.mgk-ohist__empty { text-align: center; color: #6b7280; font-size: 14px; padding: 28px 0; }
.mgk-ohist__list { display: flex; flex-direction: column; gap: 12px; }
.mgk-ohist__order { display: flex; flex-direction: column; --mgk-ohist-accent: #1363FF; cursor: pointer; transition: border-color .2s; }
.mgk-ohist__order:hover { border-color: var(--mgk-ohist-accent); }
.mgk-ohist__order[hidden] { display: none; }
.mgk-ohist__order-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.mgk-ohist__order-left { display: flex; align-items: center; gap: 16px; flex: 1 1 auto; min-width: 0; }
.mgk-ohist__thumbs { display: flex; gap: 4px; flex-shrink: 0; }
.mgk-ohist__thumb { width: 48px; height: 48px; border-radius: var(--mgk-radius-sm); overflow: hidden; border: 1px solid var(--mgk-border); display: flex; align-items: center; justify-content: center; background: var(--mgk-bg-alt); font-size: 20px; flex-shrink: 0; }
body .mgk-ohist__thumb img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.mgk-ohist__order-id-wrap { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.mgk-ohist__order-id { font-weight: 700; color: var(--mgk-text); margin: 0; }
.mgk-ohist__order-type.mgk-chip { padding: 6px 14px; }
.mgk-ohist__order-meta { font-size: 12px; color: var(--mgk-text-3); margin: 0; }
.mgk-ohist__order-total { font-size: 14px; font-weight: 600; color: var(--mgk-text-2); margin: 0; }
.mgk-ohist__order-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; flex-shrink: 0; width: 85px; }
.mgk-ohist__order-actions { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.mgk-ohist__reorder { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 5px 16px; gap: 8px; width: 85px; height: 32px; background: #1363FF; border: none; border-radius: 8px; font-family: 'Quicksand', var(--mgk-font); font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; color: #FFFFFF; text-decoration: none; cursor: pointer; }
.mgk-ohist__reorder:hover { opacity: .9; }

.mgk-ohist__mobile-detail { display: none; }
.mgk-ohist__mobile-item { display: flex; align-items: flex-start; gap: 12px; }
.mgk-ohist__mobile-thumb { width: 48px; height: 48px; border-radius: var(--mgk-radius-sm); overflow: hidden; border: 1px solid var(--mgk-border); display: flex; align-items: center; justify-content: center; background: var(--mgk-bg-alt); font-size: 20px; flex-shrink: 0; }
.mgk-ohist__mobile-thumb img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.mgk-ohist__mobile-item-body { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.mgk-ohist__mobile-item-name { font-size: 16px; font-weight: 700; color: var(--mgk-navy); margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mgk-ohist__mobile-badges { display: flex; gap: 6px; flex-wrap: wrap; }
.mgk-ohist__mobile-more { display: flex; align-items: center; justify-content: center; gap: 6px; width: 100%; background: none; border: none; padding: 8px 0; font-size: 13px; color: var(--mgk-text-3); cursor: pointer; }
.mgk-ohist__mobile-more svg { transition: transform .15s; }
.mgk-ohist__mobile-more[aria-expanded="true"] svg { transform: rotate(180deg); }
.mgk-ohist__mobile-more-panel { display: flex; flex-direction: column; gap: 12px; }
.mgk-ohist__mobile-more-panel[hidden] { display: none; }
.mgk-ohist__mobile-foot { display: flex; align-items: center; justify-content: space-between; }
.mgk-ohist__mobile-total { font-size: 14px; color: var(--mgk-text); margin: 0; }
.mgk-ohist__mobile-total strong { font-weight: 700; }

@media (max-width: 640px) {
	.mgk-ohist__order { gap: 12px; }

	.mgk-ohist__order-top { display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto auto; column-gap: 8px; row-gap: 2px; align-items: start; }
	.mgk-ohist__order-left { display: contents; }
	.mgk-ohist__thumbs { display: none; }
	.mgk-ohist__order-info { display: contents; }
	.mgk-ohist__order-id-wrap { display: contents; }
	.mgk-ohist__order-id { grid-column: 1; grid-row: 1; }
	.mgk-ohist__order-type { grid-column: 1; grid-row: 2; justify-self: start; }
	.mgk-ohist__order-meta { grid-column: 1; grid-row: 2; }
	.mgk-ohist__order-right { display: contents; }

	.mgk-ohist__order-pill { grid-column: 2; grid-row: 1; justify-self: end; align-self: center; }

	.mgk-ohist__order-right .mgk-ohist__reorder { display: none; }
	.mgk-ohist__mobile-detail { display: flex; flex-direction: column; gap: 12px; padding-top: 4px; }
	.mgk-ohist__mobile-foot .mgk-ohist__reorder { display: flex; }
}

.mgk-addr { display: flex; flex-direction: column; gap: 20px; }
.mgk-addr__head { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.mgk-addr__heading { font-size: 20px; font-weight: 700; color: var(--mgk-text); margin: 0; }
.mgk-addr__form { display: flex; flex-direction: column; gap: 12px; margin-bottom: 16px; }
.mgk-addr__form[hidden] { display: none; }
.mgk-addr__form-actions { display: flex; gap: 8px; }
.mgk-addr__add { padding: 8px 16px; font-size: 14px; font-weight: 700; background: #1363FF; color: #fff; border: 1.5px solid #1363FF; }
.mgk-addr__empty { font-size: 14px; color: var(--mgk-text-2); }
.mgk-addr__empty[hidden] { display: none; }
.mgk-addr__list { display: flex; flex-direction: column; gap: 12px; }
[data-mgk-paymethod-list].mgk-addr__list { gap: 20px; }
.mgk-addr__item { border: 1px solid var(--mgk-border); display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 16px 20px; }
.mgk-addr__item.is-default { border-color: var(--mgk-border); }
.mgk-addr__item-body { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.mgk-addr__item-head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.mgk-addr__name { font-size: 14px; font-weight: 700; color: var(--mgk-navy-900); margin: 0; }
.mgk-addr__sep { color: var(--mgk-border); font-weight: 400; }
.mgk-addr__phone { font-size: 14px; font-weight: 700; color: var(--mgk-navy-900); }
.mgk-addr__postal { font-size: 14px; color: var(--mgk-text-2); margin: 0; }

.mgk-addr__label { display: none; }
.mgk-addr__who { display: none; }
.mgk-addr__postal span { font-weight: 700; color: var(--mgk-navy-900); margin-right: 6px; }
.mgk-addr__addr { font-size: 14px; color: var(--mgk-text-2); margin: 0; }
.mgk-addr__item-actions { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.mgk-addr__iconbtn { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; padding: 0; border: none; background: transparent; color: #8A9FB5; cursor: pointer; }
.mgk-addr__iconbtn:hover { color: var(--mgk-navy-900); }
.mgk-addr__iconbtn--delete { color: #8A9FB5; }
.mgk-addr__iconbtn--delete:hover { color: var(--mgk-red); }

.mgk-paymethod__item { align-items: center; justify-content: flex-start; border-color: #C9CDD4; border-radius: 16px; padding: 24px; gap: 20px; }
.mgk-paymethod__item .mgk-addr__item-body { flex: 0 1 auto; }
.mgk-paymethod__item .mgk-addr__item-actions { margin-left: auto; }
.mgk-paymethod__brand { flex: 0 0 auto; width: 40px; height: 21px; border-radius: 2px; overflow: hidden; display: flex; align-items: center; justify-content: center; color: #fff; background: var(--mgk-navy-900); background-size: cover; background-position: center; }
.mgk-paymethod__brand img, .mgk-paymethod__brand svg { width: 100%; height: 100%; display: block; }
.mgk-paymethod__brand[data-brand="visa"] { background: #fff; }
.mgk-paymethod__brand[data-brand="amex"] { background: #016FD0; font-size: 9px; font-weight: 800; text-transform: uppercase; }
.mgk-paymethod__mask { font-size: 16px; font-weight: 700; color: #1B3A52; letter-spacing: 1px; }
.mgk-paymethod__tag { display: inline-flex; align-items: center; justify-content: center; padding: 3px 8px; border-radius: 4px; background: #FFECE8; color: #F53F3F; font-size: 14px; font-weight: 500; line-height: 1.57; }
.mgk-paymethod__defcheck { display: flex; align-items: center; gap: 12px; font-size: 14px; font-weight: 500; color: #061937; cursor: pointer; margin-top: 4px; }
.mgk-paymethod__defcheck input { appearance: none; -webkit-appearance: none; width: 20px; height: 20px; margin: 0; border-radius: 50%; border: 1px solid #DCE5EA; background: #fff; cursor: pointer; flex: 0 0 auto; position: relative; }
.mgk-paymethod__defcheck input:checked { border-color: #1363FF; }
.mgk-paymethod__defcheck input:checked::after { content: ''; position: absolute; left: 10%; top: 10%; right: 10%; bottom: 10%; border-radius: 50%; background: #1363FF; }
.mgk-paymethod__notice { display: flex; align-items: center; gap: 12px; margin: 8px 0 0; padding: 12px; border-radius: 8px; background: #E8F3FF; color: #1363FF; font-size: 16px; font-weight: 600; }
.mgk-paymethod__notice-icon { flex: 0 0 auto; display: inline-flex; }

.mgk-subm { display: flex; flex-direction: column; gap: 20px; }
.mgk-subm__heading { font-size: 20px; font-weight: 700; color: var(--mgk-text); margin: 0; }
.mgk-subm__list { display: flex; flex-direction: column; gap: 16px; }
.mgk-subm__item { display: flex; flex-direction: column; gap: 16px; }
.mgk-subm__item-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.mgk-subm__item-title { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 4px; }
.mgk-subm__icon { font-size: 20px; }
.mgk-subm__name { font-weight: 700; color: var(--mgk-text); margin: 0; }
.mgk-subm__freq { font-size: 14px; color: var(--mgk-text-3); margin: 0; }
.mgk-subm__total-wrap { text-align: right; }
.mgk-subm__total { font-size: 18px; font-weight: 900; color: var(--mgk-navy); margin: 0; }
.mgk-subm__total-cap { font-size: 12px; color: var(--mgk-text-3); margin: 0; }
.mgk-subm__next { background: var(--mgk-bg-alt); border: 1px solid var(--mgk-border); border-radius: var(--mgk-radius-sm); padding: 12px; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.mgk-subm__next-label { font-size: 10px; font-weight: 700; text-transform: uppercase; color: var(--mgk-text-3); margin: 0 0 2px; }
.mgk-subm__next-date { font-weight: 700; color: var(--mgk-text); margin: 0; }
.mgk-subm__next-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.mgk-subm__freqsel-label { font-size: 10px; font-weight: 700; text-transform: uppercase; color: var(--mgk-text-3); margin: 0 0 8px; }
.mgk-subm__freqsel-opts { display: flex; gap: 8px; flex-wrap: wrap; }
.mgk-subm__freqsel-opt { padding: 6px 12px; font-size: 12px; }
.mgk-subm__freqsel-opt.is-sel { background: var(--mgk-navy); color: #fff; border-color: var(--mgk-navy); }
.mgk-subm__actions { display: flex; gap: 8px; flex-wrap: wrap; }
.mgk-subm__pause { color: var(--mgk-amber); }
.mgk-subm__cancel { color: var(--mgk-red); }

.mgk-lang { display: flex; flex-direction: column; gap: 20px; max-width: 620px; }
.mgk-lang__picker { text-align: center; }
.mgk-lang__globe { font-size: 48px; margin-bottom: 16px; }
.mgk-lang__heading { font-size: 22px; font-weight: 700; color: var(--mgk-text); margin: 0 0 8px; }
.mgk-lang__sub { font-size: 14px; color: var(--mgk-text-2); margin: 0 auto 24px; max-width: 56ch; line-height: 1.6; }
.mgk-lang__opts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; max-width: 380px; margin: 0 auto; }
.mgk-lang__opt { display: flex; flex-direction: column; align-items: center; gap: 4px; cursor: pointer; border: 2px solid var(--mgk-border); background: var(--mgk-surface); border-radius: var(--mgk-radius); padding: 16px; transition: all .15s; }
.mgk-lang__opt:hover { box-shadow: var(--mgk-shadow-lg); }
.mgk-lang__opt.is-sel { border-color: var(--mgk-navy); background: var(--mgk-bg-alt); }
.mgk-lang__flag { font-size: 30px; margin-bottom: 4px; }
.mgk-lang__name { font-weight: 700; font-size: 14px; color: var(--mgk-text); }
.mgk-lang__native { font-size: 12px; color: var(--mgk-text-3); }
.mgk-lang__sel-chip { margin-top: 8px; }
.mgk-lang__opt:not(.is-sel) .mgk-lang__sel-chip { display: none; }
.mgk-lang__preview { background: var(--mgk-bg-alt); }
.mgk-lang__preview-label { font-weight: 600; font-size: 14px; color: var(--mgk-text); margin: 0 0 8px; }
.mgk-lang__preview-box { background: var(--mgk-surface); border: 1px solid var(--mgk-border); border-radius: var(--mgk-radius-sm); padding: 16px; }
.mgk-lang__preview-sample { font-weight: 600; font-size: 14px; color: var(--mgk-text); margin: 0 0 4px; }
.mgk-lang__preview-cta { font-size: 14px; color: var(--mgk-text-2); margin: 0; }
.mgk-lang__preview-note { font-size: 12px; color: var(--mgk-text-3); margin: 8px 0 0; }

.mgk-chip--navy { background: var(--mgk-navy); color: #fff; border: 1px solid var(--mgk-navy); }

.mgk-trustc { display: flex; flex-direction: column; gap: 16px; max-width: 920px; }
.mgk-trustc__hero { background: var(--mgk-navy); color: #fff; border-radius: var(--mgk-radius); padding: 36px 32px; }
.mgk-trustc__heading { font-size: 26px; font-weight: 800; margin: 0 0 6px; color: #fff; }
.mgk-trustc__sub { font-size: 14px; margin: 0; color: rgba(255,255,255,.7); }
.mgk-trustc__badges { border-radius: var(--mgk-radius); }
.mgk-trustc__certs { display: flex; flex-direction: column; gap: 16px; }
.mgk-trustc__cert { display: flex; gap: 16px; }
.mgk-trustc__cert--halal   { background: var(--mgk-halal-bg);   border: 1.5px solid rgba(34,168,107,.25); }
.mgk-trustc__cert--sfa     { background: var(--mgk-sfa-bg);     border: 1.5px solid rgba(21,101,192,.25); }
.mgk-trustc__cert--organic { background: var(--mgk-organic-bg); border: 1.5px solid rgba(240,152,48,.25); }
.mgk-trustc__cert-icon { width: 64px; height: 64px; border-radius: var(--mgk-radius); background: var(--mgk-bg-alt); display: flex; align-items: center; justify-content: center; font-size: 30px; flex-shrink: 0; }
.mgk-trustc__cert--halal   .mgk-trustc__cert-icon { background: rgba(34,168,107,.13); border: 1px solid rgba(34,168,107,.2); }
.mgk-trustc__cert--sfa     .mgk-trustc__cert-icon { background: rgba(21,101,192,.13); border: 1px solid rgba(21,101,192,.2); }
.mgk-trustc__cert--organic .mgk-trustc__cert-icon { background: rgba(240,152,48,.13); border: 1px solid rgba(240,152,48,.2); }
body .mgk-trustc__cert-thumb { width: 64px; height: 64px; border-radius: var(--mgk-radius); object-fit: cover; object-position: center; flex-shrink: 0; border: 1px solid var(--mgk-border); background: #fff; }
.mgk-trustc__cert-body { flex: 1; min-width: 0; }
.mgk-trustc__cert-head { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; flex-wrap: wrap; }
.mgk-trustc__cert-title { font-size: 16px; font-weight: 700; margin: 0; color: var(--mgk-text); }
.mgk-trustc__cert--halal   .mgk-trustc__cert-title { color: var(--mgk-halal); }
.mgk-trustc__cert--sfa     .mgk-trustc__cert-title { color: var(--mgk-sfa); }
.mgk-trustc__cert--organic .mgk-trustc__cert-title { color: var(--mgk-organic); }
.mgk-trustc__cert-text { font-size: 14px; line-height: 1.6; color: var(--mgk-text-2); margin: 0 0 10px; }
.mgk-trustc__cert-chips { display: flex; gap: 8px; flex-wrap: wrap; }
.mgk-trustc__cert-cta { margin-top: 4px; }
.mgk-trustc__cert-view { align-self: center; flex-shrink: 0; width: 40px; height: 40px; border-radius: 50%; border: 1.5px solid var(--mgk-text); background: transparent; color: var(--mgk-text); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background .15s, color .15s; }
.mgk-trustc__cert-view:hover { background: var(--mgk-text); color: #fff; }
.mgk-trustc__home { background: #1363FF; border-color: #1363FF; }
.mgk-trustc__home:hover { background: #0f52d6; border-color: #0f52d6; }

.mgk-certview { position: fixed; inset: 0; z-index: 10000; display: flex; align-items: center; justify-content: center; padding: 24px; }
.mgk-certview[hidden] { display: none; }
.mgk-certview__backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.8); }
.mgk-certview__dialog { position: relative; z-index: 1; width: auto; max-width: min(900px, 100%); max-height: 90vh; display: flex; flex-direction: column; background: var(--mgk-surface); border-radius: var(--mgk-radius); box-shadow: var(--mgk-shadow-lg); overflow: hidden; }
.mgk-certview__head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 20px; border-bottom: 1px solid var(--mgk-border); }
.mgk-certview__title { font-size: 16px; font-weight: 700; color: var(--mgk-text); margin: 0; }
.mgk-certview__x { background: var(--mgk-bg-alt); border: none; cursor: pointer; width: 32px; height: 32px; border-radius: 50%; font-size: 15px; color: var(--mgk-text-2); display: flex; align-items: center; justify-content: center; transition: background .15s; flex-shrink: 0; }
.mgk-certview__x:hover { background: var(--mgk-border); }
.mgk-certview__img { display: block; max-width: 100%; max-height: calc(90vh - 64px); width: auto; height: auto; object-fit: contain; margin: 0 auto; }

.mgk-rev { display: flex; flex-direction: column; align-items: stretch; gap: 0; max-width: 1200px; width: 100%; margin-inline: auto; }

.mgk-rev .mgk-rev__back { font-size: 13px; font-weight: 600; line-height: 16px; color: #1363FF; text-decoration: none; margin-bottom: 12px; }
.mgk-rev .mgk-rev__back:hover { color: #0F51D6; text-decoration: underline; }
.mgk-rev__head { display: flex; flex-direction: column; gap: 12px; margin-bottom: 20px; }
.mgk-rev__heading { font-size: 20px; font-weight: 700; line-height: 28px; color: #1A2630; margin: 0; }
.mgk-rev__product { font-size: 16px; font-weight: 500; line-height: 24px; color: #7A8E98; margin: 0; }

.mgk-rev__summary { display: flex; flex-direction: row; align-items: center; gap: 120px; padding: 20px; border: 1px solid #D5E2EE; border-radius: 12px; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px -1px rgba(0,0,0,.1); }
.mgk-rev__score { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: none; min-width: 116px; }
.mgk-rev__avg { font-size: 48px; font-weight: 700; line-height: 78px; color: #1A2630; text-align: center; }
.mgk-rev__avg-stars { font-size: 24px; line-height: 32px; color: var(--mgk-amber); text-align: center; }
.mgk-rev__count { font-size: 14px; font-weight: 400; line-height: 20px; color: #8A9FB5; text-align: center; margin: 4px 0 0; }
.mgk-rev__dist { display: flex; flex-direction: column; gap: 8px; flex: 1 1 auto; min-width: 0; margin-top: 0; }
.mgk-rev__dist-row { display: flex; align-items: center; gap: 8px; }
.mgk-rev__dist-star { flex: none; width: 22px; font-size: 14px; font-weight: 500; line-height: 20px; color: #2A3C48; text-align: center; }
.mgk-rev__dist-bar { flex: 1 1 auto; min-width: 0; height: 8px; background: #D5E2EE; border-radius: 999px; overflow: hidden; }
.mgk-rev__dist-fill { display: block; height: 100%; background: var(--mgk-amber); border-radius: 999px; }
.mgk-rev__dist-n { flex: none; width: 28px; font-size: 14px; font-weight: 500; line-height: 20px; color: #2A3C48; text-align: center; }

.mgk-rev__subs { display: flex; flex-direction: column; gap: 6px; margin-top: 16px; }
.mgk-rev__sub-row { display: flex; justify-content: space-between; font-size: 12px; color: var(--mgk-text-2); }
.mgk-rev__sub-score--green { color: var(--mgk-green); }
.mgk-rev__sub-score--amber { color: var(--mgk-amber); }

.mgk-rev__cta { display: flex; margin-top: 20px; }
.mgk-btn.mgk-rev__write { padding: 7px 15px; height: 36px; font-size: 16px; font-weight: 500; line-height: 22px; background: #1363FF; color: #fff; border-radius: 8px; }
.mgk-btn.mgk-rev__write:hover { background: #0F51D6; }

.mgk-rev__filters { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 20px; }
.mgk-rev__filter { padding: 6px 12px; font-size: 12px; font-weight: 600; border: 1px solid var(--mgk-border); background: var(--mgk-surface); color: var(--mgk-text); border-radius: var(--mgk-radius-sm); cursor: pointer; }
.mgk-rev__filter.is-sel { background: var(--mgk-navy); color: #fff; border-color: var(--mgk-navy); }

.mgk-rev__list { display: flex; flex-direction: column; margin-top: 20px; }
.mgk-rev__item { display: flex; flex-direction: column; padding: 32px 20px; border-bottom: 1px solid #A0B8C2; }
.mgk-rev__item-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 4px; }
.mgk-rev__item-who { display: flex; align-items: center; gap: 8px; }
.mgk-rev__avatar { width: 32px; height: 32px; border-radius: 100px; background: var(--mgk-navy); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; flex-shrink: 0; }
body .mgk-rev__avatar-img { width: 32px; height: 32px; border-radius: 100px; object-fit: cover; object-position: center; flex-shrink: 0; }
.mgk-rev__item-name { font-size: 18px; font-weight: 600; line-height: 28px; color: #3D5060; }
.mgk-rev__date { font-size: 12px; color: var(--mgk-text-3); margin: 0; }
.mgk-rev__item-rating { display: flex; align-items: center; gap: 12px; }
.mgk-rev__item-stars { font-size: 20px; font-weight: 700; line-height: 28px; color: var(--mgk-amber); white-space: nowrap; }
.mgk-rev__verified { display: inline-flex; align-items: center; padding: 3px 8px; font-size: 12px; font-weight: 500; line-height: 16px; color: #3491FA; background: #E8F7FF; border: 1px solid #3491FA; border-radius: 4px; }
.mgk-rev__title { font-size: 16px; font-weight: 600; line-height: 24px; color: #4A6580; margin: 8px 0 4px; }
.mgk-rev__text { font-size: 16px; font-weight: 500; line-height: 24px; color: #4A6580; margin: 8px 0; }
.mgk-rev__photos { display: flex; gap: 8px; flex-wrap: wrap; margin: 8px 0 0; }
body .mgk-rev__photo { width: 72px; height: 72px; border-radius: var(--mgk-radius-sm); object-fit: cover; object-position: center; border: 1px solid var(--mgk-border); }
.mgk-rev__actions { display: flex; gap: 12px; margin-top: 8px; }
.mgk-rev__act { font-size: 12px; color: var(--mgk-text-3); background: none; border: none; cursor: pointer; padding: 0; }
.mgk-rev__act:hover { opacity: .7; }

.mgk-revmodal { position: fixed; inset: 0; z-index: 200; display: flex; align-items: center; justify-content: center; padding: 20px; }
.mgk-revmodal[hidden] { display: none; }
.mgk-revmodal__backdrop { position: absolute; inset: 0; background: rgba(6, 25, 55, .45); }
.mgk-revmodal__card {
	position: relative; z-index: 1; box-sizing: border-box;
	display: flex; flex-direction: column; gap: 20px;
	width: 610px; max-width: 100%; max-height: calc(100vh - 40px); overflow-y: auto;
	padding: 20px; background: #FFFFFF; border: 1px solid #D5E2EE; border-radius: 16px;
}
.mgk-revmodal__head { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; gap: 20px; }
.mgk-revmodal__title { margin: 0; font-size: 20px; font-weight: 600; line-height: 28px; color: #061937; }
.mgk-revmodal__x { flex: none; width: 24px; height: 24px; padding: 0; background: none; border: none; cursor: pointer; line-height: 0; }
.mgk-revmodal__x:hover { opacity: .7; }
.mgk-revmodal__notice {
	box-sizing: border-box; margin: 0; padding: 12px;
	background: #E8F3FF; border-radius: 8px;
	font-size: 14px; font-weight: 600; line-height: 20px; color: #1363FF;
}
.mgk-revmodal__form { display: flex; flex-direction: column; gap: 16px; }
.mgk-revmodal__field { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; min-width: 0; }

.mgk-revmodal__signin {
	box-sizing: border-box; margin: 0; padding: 12px;
	background: #F4F7FA; border-radius: 8px;
	font-size: 14px; font-weight: 500; line-height: 20px; color: #3C5064;
}
.mgk-revmodal__signin-link { font-weight: 700; color: #1363FF; text-decoration: underline; }
.mgk-revmodal__signin-link:focus-visible { outline: 2px solid #1363FF; outline-offset: 2px; }

.mgk-revmodal__row { display: flex; flex-direction: row; gap: 12px; }
.mgk-revmodal__row > .mgk-revmodal__field { flex: 1 1 0; }
.mgk-revmodal__label { font-size: 14px; font-weight: 600; line-height: 18px; color: #061937; }
.mgk-revmodal__opt { font-weight: 500; color: #7A8E98; }

.mgk-revmodal__stars { display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: center; }
.mgk-revmodal__star-input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.mgk-revmodal__star { font-size: 24px; line-height: 32px; color: rgba(0, 64, 93, .22); cursor: pointer; transition: color .12s; }
.mgk-revmodal__star:hover,
.mgk-revmodal__star:hover ~ .mgk-revmodal__star,
.mgk-revmodal__star-input:checked ~ .mgk-revmodal__star { color: var(--mgk-amber); }
.mgk-revmodal__star-input:focus-visible + .mgk-revmodal__star { outline: 2px solid #1363FF; outline-offset: 2px; border-radius: 2px; }
.mgk-revmodal__sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.mgk-revmodal__input,
.mgk-revmodal__textarea {
	box-sizing: border-box; width: 100%; padding: 16px;
	background: #FFFFFF; border: 1px solid #EFF2F6; border-radius: 12px;
	font-family: inherit; font-size: 14px; font-weight: 400; line-height: 18px; color: #061937;
}
.mgk-revmodal__input { height: 50px; }
.mgk-revmodal__textarea { height: 165px; resize: vertical; }
.mgk-revmodal__input::placeholder,
.mgk-revmodal__textarea::placeholder { color: #7A8E98; }
.mgk-revmodal__input:focus,
.mgk-revmodal__textarea:focus { outline: none; border-color: #1363FF; }
.mgk-revmodal__error { margin: 0; font-size: 13px; font-weight: 600; line-height: 18px; color: var(--mgk-red, #D92D20); }
.mgk-revmodal__foot { display: flex; flex-direction: row; justify-content: flex-end; align-items: flex-start; gap: 12px; }
.mgk-revmodal__btn {
	box-sizing: border-box; display: inline-flex; justify-content: center; align-items: center;
	height: 36px; padding: 7px 20px; border-radius: 8px;
	font-family: inherit; font-weight: 500; line-height: 22px; cursor: pointer;
}
.mgk-revmodal__btn--cancel { font-size: 14px; color: #1363FF; background: none; border: 1px solid #1363FF; }
.mgk-revmodal__btn--cancel:hover { background: #E8F3FF; }
.mgk-revmodal__btn--submit { font-size: 16px; color: #FFFFFF; background: #1363FF; border: none; }
.mgk-revmodal__btn--submit:hover:not(:disabled) { background: #0F51D6; }
.mgk-revmodal__btn--submit:disabled { background: #94BFFF; cursor: not-allowed; }

@media (max-width: 640px) {
	.mgk-revmodal { padding: 12px; }
	.mgk-revmodal__card { width: 100%; gap: 16px; padding: 16px; border-radius: 16px; }
	.mgk-revmodal__row { flex-direction: column; gap: 16px; }
	.mgk-revmodal__textarea { height: 120px; }

	.mgk-revmodal__input, .mgk-revmodal__textarea { font-size: 16px; }

	.mgk-revmodal__foot { flex-direction: column-reverse; gap: 8px; }
	.mgk-revmodal__btn { width: 100%; min-height: 44px; height: auto; border-radius: 22px; font-weight: 700; }
}

.mgk-seasonal__pagehead { background: #fff; padding: 28px 0; }

.mgk-seasonal__pagetitle { padding: 0 24px 0 64px; font-size: 32px; font-weight: 800; color: var(--mgk-navy-900); box-sizing: border-box; }
.mgk-seasonal { display: flex; flex-direction: column; gap: 24px; }
.mgk-seasonal__hero { position: relative; overflow: hidden; border-radius: var(--mgk-radius); background: linear-gradient(135deg, #1A5C1A, #2E7D32); color: #fff; padding: 48px 36px; }

.mgk-seasonal__hero--banner { background-size: cover; background-position: center; }
.mgk-seasonal__hero--banner::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,.45); z-index: 0; }

.mgk-seasonal__hero--image-only { position: relative; display: flex; align-items: center; height: clamp(280px, 30vw, 360px); min-height: 280px; background: var(--mgk-bg-alt); padding: 36px 40px; }

.mgk-seasonal__hero .mgk-seasonal__hero-img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: var(--mgk-radius); }
.mgk-seasonal__hero--image-only .mgk-seasonal__hero-overlay { position: absolute; inset: 0; z-index: 0; background: linear-gradient(90deg, rgba(6,25,55,.88) 0%, rgba(6,25,55,.58) 44%, rgba(6,25,55,.08) 78%); }
.mgk-seasonal__hero--image-only .mgk-seasonal__hero-body { position: relative; z-index: 1; max-width: 560px; }
.mgk-seasonal__hero-body { position: relative; z-index: 1; max-width: 560px; }
.mgk-seasonal__badge { margin-bottom: 12px; }
.mgk-seasonal__heading { font-size: 30px; font-weight: 800; color: #fff; margin: 0 0 8px; }
.mgk-seasonal__sub { font-size: 14px; line-height: 1.6; color: #fff; margin: 0 0 20px; }
.mgk-seasonal__hero-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.mgk-seasonal__hero-moon { position: absolute; right: 24px; top: 0; font-size: 160px; opacity: .15; user-select: none; line-height: 1.2; }

.mgk-seasonal__hero--photo { position: relative; overflow: hidden; border-radius: var(--mgk-radius); min-height: 300px; background-color: var(--mgk-navy); display: flex; align-items: center; padding: 40px; color: #fff; }
.mgk-seasonal__hero--photo.mgk-seasonal__hero--has-image { display: grid; grid-template-columns: 1fr minmax(280px, 42%); padding: 0; align-items: stretch; }
.mgk-seasonal__hero-photo { display: block; grid-column: 2; grid-row: 1; width: 100%; height: 100%; min-height: 300px; object-fit: cover; object-position: right center; }
.mgk-seasonal__hero--has-image .mgk-seasonal__hero-body { grid-column: 1; grid-row: 1; align-self: center; padding: 36px 40px; }
.mgk-seasonal__hero-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.1) 0%, rgba(0,0,0,.35) 55%, rgba(0,0,0,.75) 100%); z-index: 0; }
.mgk-seasonal__hero--photo .mgk-seasonal__hero-body { position: relative; z-index: 1; max-width: 620px; }
.mgk-seasonal__hero--photo .mgk-seasonal__heading { color: #fff; }
.mgk-seasonal__hero--photo .mgk-seasonal__sub { color: #fff; }
.mgk-seasonal__hero-pills { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 14px; }
.mgk-seasonal__hero-pill, .mgk-seasonal__hero-pill-date { display: inline-flex; align-items: center; padding: 6px 14px; font-size: 12px; font-weight: 700; border-radius: 999px; }
.mgk-seasonal__hero-pill { background: rgba(255,255,255,.16); color: #fff; border: 1px solid rgba(255,255,255,.35); }
.mgk-seasonal__hero-pill-date { background: #E4342F; color: #fff; }
.mgk-seasonal__section { display: flex; flex-direction: column; }

.mgk-seasonal__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(448px, 1fr)); gap: 20px; }
@media (min-width: 961px) and (max-width: 1400px) { .mgk-seasonal__grid { grid-template-columns: repeat(3, 1fr); } }
.mgk-seasonal__card { position: relative; display: block; min-height: 220px; border-radius: var(--mgk-radius); overflow: hidden; background-color: var(--mgk-bg-alt); background-size: cover; background-position: center; text-decoration: none; transition: box-shadow .15s ease; }
.mgk-seasonal__card:hover { box-shadow: var(--mgk-shadow-lg); }
.mgk-seasonal__card-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 40%, rgba(0,0,0,.78) 100%); }
.mgk-seasonal__card-body { position: absolute; left: 16px; right: 56px; bottom: 16px; z-index: 1; }
.mgk-seasonal__card-title { display: block; font-size: 18px; font-weight: 800; color: #fff; text-shadow: 0 2px 8px rgba(0,0,0,.4); }
.mgk-seasonal__card-meta { display: block; font-size: 13px; color: rgba(255,255,255,.9); margin-top: 4px; }
.mgk-seasonal__card-arrow { position: absolute; right: 14px; bottom: 14px; z-index: 1; width: 36px; height: 36px; border-radius: 50%; background: #fff; color: var(--mgk-navy); display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 700; }
@media (max-width: 960px) { .mgk-seasonal__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .mgk-seasonal__grid { grid-template-columns: 1fr; } }

.mgk-pdpamodal { position: fixed; inset: 0; z-index: 10000; display: flex; align-items: center; justify-content: center; padding: 24px; }
.mgk-pdpamodal[hidden] { display: none; }
.mgk-pdpamodal__backdrop { position: absolute; inset: 0; background: rgba(27,58,82,.55); backdrop-filter: blur(2px); }
.mgk-pdpamodal__card { position: relative; z-index: 1; width: 100%; max-width: 620px; max-height: 90vh; overflow-y: auto; background: var(--mgk-surface); border-radius: 20px; box-shadow: var(--mgk-shadow-lg); padding: 28px; }
.mgk-pdpamodal__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 8px; }
.mgk-pdpamodal__title { font-size: 24px; font-weight: 700; color: var(--mgk-blue); margin: 0; }

.mgk-pdpamodal__sub { font-size: 14px; line-height: 1.6; color: var(--mgk-text-2); margin: 0 0 12px; }
.mgk-pdpamodal__x { flex-shrink: 0; width: 32px; height: 32px; border-radius: 50%; border: none; background: var(--mgk-bg-alt); color: var(--mgk-text-2); font-size: 14px; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.mgk-pdpamodal__x:hover { background: var(--mgk-border); }
.mgk-pdpamodal__cats { display: flex; flex-direction: column; gap: 14px; }
.mgk-pdpamodal__cat { display: flex; align-items: center; justify-content: space-between; gap: 16px; background: var(--mgk-surface); border: 1px solid var(--mgk-border); border-radius: 14px; padding: 18px 20px; }
.mgk-pdpamodal__cat.is-locked { background: var(--mgk-bg-alt); border-color: transparent; }
.mgk-pdpamodal__cat-body { flex: 1; }
.mgk-pdpamodal__cat-head { display: flex; align-items: center; gap: 10px; margin-bottom: 4px; }
.mgk-pdpamodal__cat-name { font-size: 16px; font-weight: 600; color: var(--mgk-navy); margin: 0; }
.mgk-pdpamodal__cat-desc { font-size: 13px; line-height: 1.55; color: var(--mgk-text-2); margin: 0; }
.mgk-pdpamodal__cat-chip { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .02em; padding: 3px 10px; border-radius: 999px; background: var(--mgk-navy); color: #fff; }
.mgk-pdpamodal__toggle { position: relative; width: 52px; height: 28px; border-radius: 999px; background: var(--mgk-border); flex-shrink: 0; cursor: pointer; transition: background .15s; }
.mgk-pdpamodal__toggle.is-on { background: var(--mgk-blue); }
.mgk-pdpamodal__toggle.is-locked { opacity: .6; cursor: default; }
.mgk-pdpamodal__knob { position: absolute; top: 3px; left: 3px; width: 22px; height: 22px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.2); transition: left .15s; }
.mgk-pdpamodal__toggle.is-on .mgk-pdpamodal__knob { left: 27px; }

.mgk-pdpamodal__audit { display: none; }
.mgk-consent__status { text-align: center; font-size: 14px; font-weight: 600; margin: 14px 0 0; }
.mgk-consent__status.is-ok { color: var(--mgk-green); }
.mgk-consent__status.is-err { color: var(--mgk-red); }
.mgk-chip--blue { background: var(--mgk-blue); color: #fff; border: 1px solid var(--mgk-blue); }

.mgk-support { display: flex; flex-direction: column; position: relative; }
.mgk-support__panel {
	box-sizing: border-box;
	display: flex; flex-direction: column; align-items: stretch;
	padding: 32px; gap: 32px;
	width: 100%;
	background: #FFFFFF; border: 1px solid #D7D7DB; border-radius: 24px;
}
.mgk-support__title-block { display: flex; flex-direction: column; gap: 0; }
.mgk-support__heading { font-family: 'Quicksand', var(--mgk-font); font-size: 20px; font-weight: 700; line-height: 28px; color: #1B3A52; margin: 0; }
.mgk-support__intro { display: block; margin: 0; font-family: 'Quicksand', var(--mgk-font); font-size: 16px; line-height: 24px; font-weight: 400; color: #717182; }

.mgk-support__contacts { display: flex; gap: 16px; }
.mgk-support__contact {
	box-sizing: border-box;
	display: flex; flex-direction: column; align-items: stretch;
	flex: 1 1 0; padding: 24px; gap: 20px;
	border-radius: 16px; text-align: left;
}
.mgk-support__contact--green { background: #EAFAF3; }
.mgk-support__contact--sfa   { background: #E3F0FF; }
.mgk-support__contact--plain { background: #EBF0F6; }
.mgk-support__contact-header { display: flex; flex-direction: column; gap: 6px; }
.mgk-support__contact-name { font-family: 'Quicksand', var(--mgk-font); font-size: 16px; font-weight: 700; line-height: 24px; color: #1B3A52; margin: 0; }
.mgk-support__contact-desc { font-family: 'Quicksand', var(--mgk-font); font-size: 24px; font-weight: 400; line-height: 32px; color: #1B3A52; margin: 0; }
.mgk-support__contact--green .mgk-support__contact-desc { color: #22A86B; }
.mgk-support__contact--sfa   .mgk-support__contact-desc { color: #1363FF; }
.mgk-support__contact-cta {
	width: 100%; box-sizing: border-box;
	display: flex; align-items: center; justify-content: center;
	padding: 5px 16px; background: #1363FF; border-radius: 8px;
	font-family: 'Quicksand', var(--mgk-font); font-size: 14px; font-weight: 400; line-height: 22px; color: #FFFFFF;
}

.mgk-support__faq { display: flex; flex-direction: column; gap: 16px; }
.mgk-support__faq-title { font-family: 'Quicksand', var(--mgk-font); font-size: 20px; font-weight: 700; line-height: 28px; color: #1B3A52; margin: 0; }
.mgk-support__faq-list { display: flex; flex-direction: column; gap: 12px; }
.mgk-support__faq-item { box-sizing: border-box; display: flex; flex-direction: column; gap: 10px; border: 1px solid #E5E6EB; border-radius: 12px; padding: 20px; }

.mgk-support__faq-q { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-family: 'Quicksand', var(--mgk-font); font-size: 16px; font-weight: 600; line-height: 24px; color: #1B3A52; margin: 0; cursor: default; list-style: none; }
.mgk-support__faq-q::-webkit-details-marker { display: none; }
.mgk-support__faq-q::marker { content: ''; }
.mgk-support__faq-qtext::before { content: none; }
.mgk-support__faq-mark { flex: none; width: 16px; height: 16px; border: 1.5px solid #292D32; border-width: 0 0 1.5px 1.5px; transform: rotate(-45deg); margin-top: -4px; }
.mgk-support__faq-a { font-family: 'Quicksand', var(--mgk-font); font-size: 14px; font-weight: 400; line-height: 20px; color: #717182; margin: 0; }
.mgk-support__faq-more { font-family: 'Inter', var(--mgk-font); font-size: 13px; font-weight: 600; line-height: 16px; color: #1363FF; text-decoration: none; }
.mgk-support__faq-more:hover { text-decoration: underline; }

.mgk-support__contact-cta, .mgk-support__widget-cta { background: #1363FF; }
.mgk-support__widget { display: none; }
.mgk-support__icon, .mgk-support__contact-cta-icon, .mgk-support__faq-chevron { display: none; }
.mgk-support__widget-card { max-width: 300px; box-shadow: var(--mgk-shadow-lg); }
.mgk-support__widget-card[hidden] { display: none; }
.mgk-support__widget-head { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
.mgk-support__widget-avatar { width: 32px; height: 32px; border-radius: 50%; background: #25D366; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 14px; flex-shrink: 0; }
.mgk-support__widget-name { font-size: 14px; font-weight: 700; color: var(--mgk-text); margin: 0; }
.mgk-support__widget-status { font-size: 12px; color: var(--mgk-green); margin: 0; }
.mgk-support__widget-msg { font-size: 12px; color: var(--mgk-text-2); margin: 0 0 8px; }
.mgk-support__widget-cta { width: 100%; }
.mgk-support__widget-fab { width: 56px; height: 56px; border-radius: 50%; background: #25D366; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 24px; box-shadow: var(--mgk-shadow-lg); cursor: pointer; text-decoration: none; border: none; flex-shrink: 0; }
a.mgk-support__contact-cta, a.mgk-support__widget-cta { text-decoration: none; }
@media (max-width: 640px) {
	.mgk-support__widget { right: 16px; bottom: 16px; }
	.mgk-support__widget-card { max-width: calc(100vw - 32px); }
}

.mgk-section--narrow { max-width: 720px; }

.mgk-back { display: inline-flex; align-items: center; gap: 4px; font-size: 13px; font-weight: 600; color: var(--mgk-text-3); text-decoration: none; margin-bottom: 8px; }
.mgk-back:hover { color: var(--mgk-teal); }
.mgk-ohist__back svg { flex: none; width: 20px; height: 20px; }

.mgk-trustc__footer, .mgk-loyalty__actions, .mgk-subm__footer { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 8px; }
.mgk-pay__terms-link, .mgk-consent__legal-link { color: var(--mgk-teal); text-decoration: none; }
.mgk-pay__terms-link:hover, .mgk-consent__legal-link:hover { text-decoration: underline; }

.mgk-btn--cta { background: var(--mgk-cta-blue); color: #fff; }

.mgk-section.mgk-land { max-width: none; margin: 0; }

.mgk-land { display: flex; flex-direction: column; gap: 0; padding: 0; background: var(--mgk-surface); }
.mgk-land__signup { white-space: nowrap; }

.mgk-land__hero { padding: 0; margin: 0; max-width: none; width: 100%; box-sizing: border-box; background: var(--mgk-surface); }
.mgk-land__hero-banner { display: block; width: 100%; height: auto; border-radius: 0; }

.mgk-land__values, .mgk-land__cats { padding: 8px var(--mgk-pad-x) 40px; max-width: var(--mgk-maxw); margin: 0 auto; width: 100%; box-sizing: border-box; }
.mgk-land__value { display: flex; flex-direction: column; gap: 0; padding: 0; overflow: hidden; }
.mgk-land__value-media { height: 176px; background: var(--mgk-bg-alt); display: flex; align-items: center; justify-content: center; overflow: hidden; }
body .mgk-land__value-media img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.mgk-land__value-ph { font-size: 56px; }
.mgk-land__value-title { font-size: 16px; font-weight: 700; color: var(--mgk-navy-900); margin: 0; padding: 20px 20px 8px; }
.mgk-land__value-desc { font-size: 14px; line-height: 1.6; color: var(--mgk-text-2); margin: 0; padding: 0 20px 20px; }
.mgk-land__cat { display: flex; flex-direction: column; gap: 0; padding: 0; overflow: hidden; text-decoration: none; transition: box-shadow .15s ease; }
.mgk-land__cat:hover { box-shadow: var(--mgk-shadow-lg); }
.mgk-land__cat-media { height: 128px; background: var(--mgk-bg-alt); display: flex; align-items: center; justify-content: center; overflow: hidden; }
body .mgk-land__cat-media img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.mgk-land__cat-ph { font-size: 44px; }
.mgk-land__cat-body { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 12px 14px; }
.mgk-land__cat-name { font-size: 14px; font-weight: 700; color: var(--mgk-navy-900); margin: 0; }
.mgk-land__cat-count { font-size: 12px; color: var(--mgk-text-3); margin: 2px 0 0; }
.mgk-land__cat-arrow { font-size: 20px; color: var(--mgk-cta-blue); }

.mgk-sale { display: flex; flex-direction: column; gap: 0; padding: 0; width: 100%; }
.mgk-sale__body { display: flex; flex-direction: column; gap: 0; }

.mgk-sale__hero { position: relative; overflow: hidden; min-height: 220px; background: linear-gradient(135deg, var(--mgk-red) 0%, #B91C1C 100%); }

.mgk-sale__hero--banner { min-height: 0; aspect-ratio: 2560 / 875; background: none; background-size: cover; background-position: center; }

.mgk-sale__filterbar { background: #FFFFFF; border-bottom: 1px solid var(--mgk-border); }

.mgk-sale__filterbar-inner { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; min-height: 104px; height: auto; padding: 12px var(--mgk-pad-x); max-width: none; margin: 0; width: 100%; box-sizing: border-box; }
.mgk-sale__tabs { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 0; }
.mgk-sale__tab { display: inline-flex; align-items: center; gap: 8px; height: 40px; background: #F1F5F9; border: none; border-radius: 999px; color: #1B3A52; font-family: 'Quicksand', inherit; font-size: 14px; font-weight: 600; line-height: 20px; padding: 10px 18px; cursor: pointer; text-decoration: none; box-sizing: border-box; }
.mgk-sale__tab.is-active { background: #1B3A52; color: #fff; font-weight: 700; }
.mgk-sale__tab-count { display: inline-flex; align-items: center; justify-content: center; height: 20px; padding: 2px 7px; border-radius: 999px; background: #FFFFFF; color: #1B3A52; font-family: 'Quicksand', inherit; font-size: 12px; font-weight: 700; line-height: 16px; }
.mgk-sale__tab-count[hidden] { display: none; }
.mgk-sale__countdown { display: flex; justify-content: flex-end; align-items: center; margin: 0; flex-shrink: 0; }
.mgk-sale__clock { display: flex; align-items: center; gap: 12px; }
.mgk-sale__clock-seg { display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 80px; height: 80px; background: #FFECE8; border-radius: 12px; padding: 8px 16px; box-sizing: border-box; }
.mgk-sale__clock-num { color: #DE100E; font-family: 'Quicksand', inherit; font-weight: 700; font-size: 30px; line-height: 36px; text-align: center; }
.mgk-sale__clock-unit { color: #DE100E; font-family: 'Quicksand', inherit; font-weight: 500; font-size: 20px; line-height: 28px; text-align: center; }
.mgk-sale__clock-sep { display: flex; align-items: center; color: #DE100E; font-family: 'Quicksand', inherit; font-weight: 700; font-size: 30px; line-height: 36px; }
@media (max-width: 780px) {

	.mgk-sale__filterbar-inner { flex-direction: column; align-items: stretch; height: auto; padding: 12px 32px; }
	.mgk-sale__tabs, .mgk-sale__countdown { margin: 0; }
	.mgk-sale__countdown { justify-content: center; }

	.mgk-sale__tabs { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; min-width: 0; max-width: 100%; width: 100%; }
	.mgk-sale__tabs::-webkit-scrollbar { display: none; }

	.mgk-sale__tab { flex: 0 0 auto; white-space: nowrap; }
}

.mgk-sale__toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 24px var(--mgk-pad-x) 0; max-width: none; margin: 0; width: 100%; }
.mgk-sale__toolbar-heading { font-size: 18px; font-weight: 700; color: var(--mgk-text); margin: 0; }
.mgk-sale__count { font-size: 14px; color: var(--mgk-text-2); margin: 0; }
.mgk-sale__sort { display: flex; align-items: center; gap: 8px; }
.mgk-sale__sort-label { font-size: 14px; color: var(--mgk-text-3); }

.mgk-sale__sort-select { -webkit-appearance: none; appearance: none; box-sizing: border-box; height: 36px; line-height: 20px; border: 1px solid var(--mgk-border); color: var(--mgk-text); background-color: var(--mgk-surface); border-radius: 999px; padding: 0 38px 0 8px; font-size: 13px; font-family: inherit; cursor: pointer; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B3A52' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; background-size: 16px; }

.mgk-sale__herodeal-wrap { grid-column: 1 / -1; width: 100%; box-sizing: border-box; padding: 0 0 4px; }

.mgk-sale__herodeal { display: flex; flex-direction: row; gap: 0; align-items: flex-start; padding: 0; width: 100%; box-sizing: border-box; border-radius: 20px; box-shadow: none; overflow: hidden; }

.mgk-sale__herodeal-media { position: relative; display: block; flex: 0 0 40%; aspect-ratio: 16 / 10; border-radius: 20px 0 0 20px; overflow: hidden; background: var(--mgk-bg-alt); }

@media (min-width: 781px) { .mgk-sale__herodeal-media { flex-basis: 34.88%; } }

body .mgk-sale__herodeal-media > img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 35%; }

.mgk-sale__herodeal-tag { top: 16px; left: 16px; font-size: 18px; line-height: 28px; font-weight: 700; padding: 8px 12px; border-radius: 12px; border: 2px solid #FFFFFF; box-sizing: border-box; }

.mgk-sale__herodeal-body { flex: 1 1 auto; display: flex; flex-direction: column; gap: 12px; padding: 24px 28px; align-self: stretch; justify-content: center; box-sizing: border-box; }
.mgk-sale__herodeal-badges { display: flex; gap: 6px; flex-wrap: wrap; }
.mgk-sale__herodeal-name { font-size: 24px; line-height: 32px; font-weight: 700; color: var(--mgk-navy-900); margin: 0; }
.mgk-sale__herodeal-prices { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: 0; }
.mgk-sale__herodeal-price { font-size: 36px; line-height: 40px; font-weight: 700; color: #C5342A; }
.mgk-sale__herodeal-was { font-size: 18px; color: var(--mgk-text-3); text-decoration: line-through; }

.mgk-sale__herodeal-add { width: 100%; margin-top: 4px; background: #1363FF; border-color: #1363FF; padding: 14px 0; font-size: 16px; font-weight: 700; }
.mgk-sale__herodeal-add:hover { background: #0D3985; border-color: #0D3985; }

@media (max-width: 780px) { .mgk-sale__herodeal { flex-direction: column; align-items: stretch; } .mgk-sale__herodeal-media { flex-basis: auto; width: 100%; } }

.mgk-sale__progress { display: flex; flex-direction: column; gap: 6px; font-size: 13px; padding: 8px 0; border-top: 1px solid var(--mgk-border); border-bottom: 1px solid var(--mgk-border); }
.mgk-sale__progress-bar { height: 6px; border-radius: 999px; background: var(--mgk-bg-alt); overflow: hidden; }
.mgk-sale__progress-fill { height: 100%; background: var(--mgk-amber); border-radius: 999px; }
.mgk-sale__progress-labels { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.mgk-sale__progress-sold { color: var(--mgk-text-2); }
.mgk-sale__progress-left { color: var(--mgk-red); font-weight: 700; }
.mgk-sale__progress--sm { font-size: 11px; padding: 6px 0; gap: 4px; }
.mgk-sale__progress--sm .mgk-sale__progress-bar { height: 4px; }

.mgk-sale__grid { padding: 16px var(--mgk-pad-x) 24px; max-width: none; margin: 0; width: 100%; }

.mgk-sale__grid { grid-template-columns: repeat(auto-fit, minmax(256px, 1fr)); padding-left: 24px; padding-right: 24px; }

.mgk-sale__deal-ph { display: flex; align-items: center; justify-content: center; height: 100%; font-size: 48px; }

.mgk-sale__deal-tag { position: absolute; top: 8px; left: 8px; background: var(--mgk-red); color: #fff; font-size: 12px; font-weight: 900; padding: 3px 8px; border-radius: 999px; z-index: 1; }

.mgk-sale__herodeal-wish { background: var(--mgk-red-bg); color: var(--mgk-red); }
.mgk-sale__herodeal-wish:hover { background: var(--mgk-red); color: #fff; }

@media (max-width: 960px) { .mgk-sale__grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 640px) { .mgk-sale__grid { grid-template-columns: repeat(2, 1fr); } }

.mgk-sale__pagination, .mgk-seasoncamp__pagination { display: flex; justify-content: center; padding: 8px var(--mgk-pad-x) 40px; }
.mgk-sale__pagination ul, .mgk-seasoncamp__pagination ul { display: flex; gap: 6px; list-style: none; margin: 0; padding: 0; }
.mgk-sale__pagination a, .mgk-sale__pagination span.current, .mgk-sale__pagination span.dots,
.mgk-seasoncamp__pagination a, .mgk-seasoncamp__pagination span.current, .mgk-seasoncamp__pagination span.dots {
	display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 36px; padding: 0 10px;
	border-radius: 999px; font-size: 14px; font-weight: 600; color: var(--mgk-text-2); text-decoration: none;
}
.mgk-sale__pagination span.current, .mgk-seasoncamp__pagination span.current { background: var(--mgk-navy-900); color: #fff; }
.mgk-sale__pagination a:hover, .mgk-seasoncamp__pagination a:hover { background: var(--mgk-bg-alt); }

.cr-pagination-m { display: none; }

.mgk-profile { display: block; font-family: 'Quicksand', var(--mgk-font); }

.mgk-profile__layout { display: flex; align-items: flex-start; gap: 24px; max-width: 1112px; margin: 0 auto; }
.mgk-profile__nav { flex: 0 0 256px; display: flex; flex-direction: column; background: var(--mgk-surface); border: 1px solid var(--mgk-border); border-radius: var(--mgk-radius); padding: 12px; gap: 2px; }
.mgk-profile__nav-item { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 8px; font-size: 14px; font-weight: 500; color: var(--mgk-navy-900); text-decoration: none; }
.mgk-profile__nav-item:hover { background: var(--mgk-bg-alt); }
.mgk-profile__nav-item.is-active { background: var(--mgk-sfa-bg, #E3F0FF); color: var(--mgk-blue, #1565C0); font-weight: 600; }
.mgk-profile__nav-item.is-active svg path { stroke: currentColor; }
.mgk-profile__nav-icon { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; flex-shrink: 0; }
.mgk-profile__nav-icon svg { display: block; width: 16px; height: 16px; }
.mgk-profile__nav-item--signout { border-top: 1px solid var(--mgk-border-lt); margin-top: 4px; padding-top: 12px; }
.mgk-profile__nav-item[data-mgk-nav-disabled] { color: var(--mgk-text-3); cursor: not-allowed; }
@media (max-width: 900px) {
	.mgk-profile__layout { flex-direction: column; }
	.mgk-profile__nav { flex: 0 0 auto; width: 100%; flex-direction: row; flex-wrap: wrap; }
	.mgk-profile__nav-item--signout { border-top: none; margin-top: 0; padding-top: 10px; }
}
@media (max-width: 720px) {

	.mgk-profile__nav {
		display: none;
		position: fixed;
		top: 65px;
		left: 8px;
		right: 8px;
		z-index: 490;
		width: auto;
		padding: 10px;
		border-radius: 12px;
		background: #fff;
		box-shadow: 0 10px 28px rgba(6, 25, 55, .16);
	}
	body.admin-bar .mgk-profile__nav { top: 111px; }

	@media (max-width: 640px) {
		.mgk-profile__nav { top: 118px; }
		body.admin-bar .mgk-profile__nav { top: 164px; }
	}
	.mgk-profile__nav.is-mobile-open {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 2px 4px;
	}
	.mgk-profile__nav-item {
		min-width: 0;
		padding: 9px 10px;
		gap: 8px;
		font-size: 12px;
		white-space: nowrap;
	}
	.mgk-profile__nav-item--signout {
		border-top: 0;
		margin-top: 0;
		padding-top: 9px;
	}
}
@media (max-width: 360px) {
	.mgk-profile__nav.is-mobile-open { grid-template-columns: 1fr; }
}
.mgk-profile__main { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 20px; }

.mgk-profile__hero { background: transparent; border: none; border-radius: 0; padding: 0; display: flex; align-items: center; gap: 20px; }
.mgk-profile__avatar { width: 64px; height: 64px; border-radius: 50%; background: #E8F3FF; color: #1363FF; display: flex; align-items: center; justify-content: center; font-size: 22px; font-weight: 700; flex-shrink: 0; }
body .mgk-profile__avatar--photo { object-fit: cover; object-position: center; }
.mgk-profile__hero-body { display: flex; flex-direction: column; gap: 4px; }
.mgk-profile__hero-top { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.mgk-profile__name { font-size: 22px; font-weight: 600; color: #1A2630; margin: 0; }
.mgk-profile__contact { font-size: 15px; color: rgba(26,38,48,.8); margin: 0; }
.mgk-profile__member { font-size: 13px; color: rgba(26,38,48,.8); margin: 0; }
.mgk-profile__tier { font-weight: 600; }

.elementor:has([data-widget_type="mgk_footer.default"]) { display: flex; flex-direction: column; min-height: calc(100vh - 71px - var(--mgk-abar, 0px)); }
body.admin-bar { --mgk-abar: 32px; }
@media (max-width: 782px) { body.admin-bar { --mgk-abar: 46px; } }
.elementor:has([data-widget_type="mgk_footer.default"]) > .e-con:has([data-widget_type="mgk_footer.default"]) { margin-top: auto; }
.mgk-profile__details-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 16px; }
.mgk-profile__details-title { font-size: 16px; font-weight: 700; color: var(--mgk-navy-900); margin: 0; }
.mgk-profile__save-row { display: flex; gap: 12px; margin-top: 20px; }
.mgk-profile__save-row[hidden] { display: none; }
.mgk-profile__save-row .mgk-btn--outline { background: #fff; color: #1363FF; border-color: #1363FF; }
.mgk-profile__save-row .mgk-btn--blue { background: #1363FF; border-color: #1363FF; }

.mgk-privacy { display: flex; flex-direction: column; align-items: flex-start; width: 100%; padding: 0 0 24px; gap: 20px; }
.mgk-privacy__title { font-family: 'Quicksand', var(--mgk-font); font-size: 20px; line-height: 28px; font-weight: 700; color: #1B3A52; margin: 0; align-self: stretch; }
.mgk-privacy__card { display: flex; flex-direction: column; box-sizing: border-box; width: 100%; border: 1px solid #D5E2EE; border-radius: var(--mgk-radius); padding: 20px; gap: 0; }
.mgk-privacy__row { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 0; border-bottom: 1px solid #DCE5EA; }
.mgk-privacy__card .mgk-privacy__row:first-child { padding-top: 0; }
.mgk-privacy__card .mgk-privacy__row:last-child { border-bottom: none; padding-bottom: 0; }
.mgk-privacy__row-text { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; justify-content: center; gap: 0; }
.mgk-privacy__row-title { font-family: 'Quicksand', var(--mgk-font); font-size: 18px; line-height: 28px; font-weight: 600; color: #1A2E0E; margin: 0; }
.mgk-privacy__row-title--danger { color: #F53F3F; }
.mgk-privacy__row-desc { font-family: 'Quicksand', var(--mgk-font); font-size: 12px; line-height: 16px; font-weight: 500; color: #717182; margin: 0; }
.mgk-privacy__toggle { position: relative; flex-shrink: 0; display: inline-flex; align-items: center; width: 36px; height: 20px; border-radius: 999px; background: var(--mgk-border); cursor: pointer; transition: background .15s; }

.mgk-privacy__note { display: none; }

.mgk-cardsheet { display: none; }

.mgk-card-form__note { display: none; }

.mgk-acct__row-glyph { display: none; }

.mgk-termsheet { position: fixed; inset: 0; z-index: 10000; display: flex; align-items: center; justify-content: center; padding: 24px; }
.mgk-termsheet[hidden] { display: none; }
.mgk-termsheet__backdrop { position: absolute; inset: 0; background: rgba(27,58,82,.55); backdrop-filter: blur(2px); }
.mgk-termsheet__card { position: relative; z-index: 1; width: 100%; max-width: 560px; max-height: 90vh; display: flex; flex-direction: column; overflow: hidden; background: var(--mgk-surface); border-radius: 20px; box-shadow: var(--mgk-shadow-lg); }
.mgk-termsheet__head { flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 24px 28px 8px; }
.mgk-termsheet__title { font-size: 20px; font-weight: 700; color: var(--mgk-text); margin: 0; }
.mgk-termsheet__x { flex-shrink: 0; width: 32px; height: 32px; border-radius: 50%; border: none; background: var(--mgk-bg-alt); color: var(--mgk-text-2); font-size: 18px; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.mgk-termsheet__x:hover { background: var(--mgk-border); }
.mgk-termsheet__body { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 4px 28px 24px; }
.mgk-termsheet__p { font-size: 14px; line-height: 1.65; color: var(--mgk-text-2); margin: 10px 0 0; }
.mgk-privacy__toggle.is-on { background: #1363FF; }
.mgk-privacy__knob { position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; border-radius: 50%; background: #fff; transition: left .15s; }
.mgk-privacy__toggle.is-on .mgk-privacy__knob { left: 18px; }
.mgk-privacy__btn { flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 3px 16px; font-family: 'Quicksand', var(--mgk-font); font-size: 14px; line-height: 22px; font-weight: 400; border-radius: 6px; background: #fff; }
.mgk-privacy__btn--blue { border: 1px solid #1363FF; color: #1363FF; }
.mgk-privacy__btn--red { border: 1px solid #CB272D; color: #CB272D; }
@media (max-width: 640px) {
	.mgk-privacy__row { flex-wrap: wrap; }
}

.mgk-profile__field-datewrap { position: relative; display: block; }

[data-mgk-profile-mode] .mgk-profile__field-datewrap .mgk-profile__field-input--date {
	position: absolute; left: 12px; bottom: 0; width: 1px; height: 1px;
	padding: 0; border: 0; opacity: 0; pointer-events: none;
}
.mgk-profile__field-dateicon { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); display: inline-flex; cursor: pointer; }
.mgk-profile__field-dateicon svg { display: block; width: 18px; height: 18px; }

.mgk-cal {
	position: absolute; top: calc(100% + 8px); left: 0; z-index: 60;
	display: flex; flex-direction: column; align-items: flex-start; gap: 16px;
	width: 403px; max-width: calc(100vw - 32px); padding: 20px;
	background: #fff; border-radius: 16px;
	box-shadow: 0 12px 32px rgba(6,25,55,.16), 0 0 0 1px rgba(6,25,55,.06);
	font-family: 'Quicksand', var(--mgk-font);
}
.mgk-cal[hidden] { display: none; }

.mgk-cal.is-mgk-cal-right { left: auto; right: 0; }
.mgk-cal__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; width: 100%; }

.mgk-cal__title { flex: 1 1 auto; padding: 0; border: 0; background: transparent; font-family: inherit; font-size: 20px; line-height: 25px; font-weight: 700; color: #1363FF; text-align: center; cursor: pointer; }
.mgk-cal__close { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 16px; background: #F6F8FB; cursor: pointer; }
.mgk-cal__close svg { display: block; width: 20px; height: 20px; }

.mgk-cal__year { display: none; }
.mgk-cal__months { display: none; }
.mgk-cal[data-mgk-cal-view="months"] { width: 386px; }
.mgk-cal[data-mgk-cal-view="months"] .mgk-cal__head { flex-wrap: wrap; justify-content: flex-end; gap: 16px; }

.mgk-cal[data-mgk-cal-view="months"] .mgk-cal__title,
.mgk-cal[data-mgk-cal-view="months"] .mgk-cal__dow,
.mgk-cal[data-mgk-cal-view="months"] .mgk-cal__grid { display: none; }
.mgk-cal[data-mgk-cal-view="months"] .mgk-cal__year { order: 2; display: flex; align-items: center; justify-content: space-between; width: 100%; height: 25px; }
.mgk-cal[data-mgk-cal-view="months"] .mgk-cal__close { order: 1; }
.mgk-cal[data-mgk-cal-view="months"] .mgk-cal__months { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 8px; row-gap: 4px; }
.mgk-cal__yearlabel { flex: 1 1 auto; font-size: 20px; line-height: 25px; font-weight: 700; color: #1363FF; text-align: center; }

.mgk-cal__nav { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 12px; height: 24px; padding: 0; border: 0; background: transparent; color: #002D42; cursor: pointer; }
.mgk-cal__nav svg { display: block; width: 12px; height: 24px; }
.mgk-cal__nav--next { transform: rotate(180deg); }
.mgk-cal__nav[disabled] { color: #A0B8C2; cursor: not-allowed; }
.mgk-cal__month {
	display: flex; align-items: center; justify-content: center;
	height: 45px; padding: 8px; border: 0; border-radius: 12px; background: transparent;
	font-family: inherit; font-size: 20px; line-height: 25px; font-weight: 500;
	color: #061937; cursor: pointer; white-space: nowrap;
}
.mgk-cal__month:hover:not([disabled]) { background: #F6F8FB; }
.mgk-cal__month[disabled] { color: #A9B6C8; cursor: not-allowed; }
.mgk-cal__month.is-sel { background: #E8F3FF; color: #1363FF; font-weight: 600; }
.mgk-cal__body { display: flex; flex-direction: column; gap: 12px; width: 100%; }

.mgk-cal__dow,
.mgk-cal__grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 8px; }
.mgk-cal__dow > span { font-size: 20px; line-height: 25px; font-weight: 600; color: #061937; text-align: center; }

.mgk-cal__grid { row-gap: 4px; }
.mgk-cal__day {
	display: flex; align-items: center; justify-content: center;
	height: 45px; padding: 8px; border: 0; border-radius: 12px; background: transparent;
	font-family: inherit; font-size: 20px; line-height: 25px; font-weight: 500;
	color: #061937; cursor: pointer;
}
.mgk-cal__day--pad { visibility: hidden; cursor: default; }
.mgk-cal__day:hover:not(.mgk-cal__day--pad):not([disabled]) { background: #F6F8FB; }
.mgk-cal__day[disabled] { color: #A9B6C8; cursor: not-allowed; }
.mgk-cal__day.is-sel { background: #E8F3FF; color: #1363FF; font-weight: 600; }
@media (max-width: 460px) {

	.mgk-cal { width: auto; left: 0; right: 0; padding: 16px; gap: 12px; }
	.mgk-cal__dow > span,
	.mgk-cal__day { font-size: 16px; }
	.mgk-cal__day { height: 38px; padding: 4px; }
	.mgk-cal__dow, .mgk-cal__grid { gap: 4px; }

	.mgk-cal[data-mgk-cal-view="months"] { width: auto; }
	.mgk-cal__month { height: 40px; padding: 4px; font-size: 15px; }
}

.mgk-profile__field-value { font-size: 14px; color: var(--mgk-navy-900); }

.mgk-profile__field-input,
.mgk-profile__field-datewrap,
.mgk-profile__addr-label,
[data-mgk-profile-mode="view"] .mgk-profile__addr-default,
[data-mgk-profile-mode="view"] .mgk-profile__addr-remove { display: none; }
.mgk-profile__addr-default-chip[hidden] { display: none; }
[data-mgk-profile-mode="edit"] .mgk-profile__field-value,
[data-mgk-profile-mode="edit"] .mgk-profile__addr-view-label,
[data-mgk-profile-mode="edit"] .mgk-profile__addr-recipient { display: none; }
[data-mgk-profile-mode="edit"] .mgk-profile__field-input,
[data-mgk-profile-mode="edit"] .mgk-profile__field-datewrap,
[data-mgk-profile-mode="edit"] .mgk-profile__addr-label { display: block; }
.mgk-profile__fields { gap: 16px; }
.mgk-profile__field { display: flex; flex-direction: column; gap: 4px; }
.mgk-profile__field-label { font-size: 14px; font-weight: 600; color: var(--mgk-navy-900); }
.mgk-profile__field-input { font-size: 14px; font-weight: 400; color: var(--mgk-navy-900); padding: 8px 12px; border: 1px solid var(--mgk-border); border-radius: var(--mgk-radius-sm, 8px); background: var(--mgk-surface); width: 100%; font-family: inherit; }
.mgk-profile__field-input:focus { outline: none; border-color: var(--mgk-teal); box-shadow: 0 0 0 3px rgba(20,150,130,.12); }

.mgk-profile__phone-row { display: contents; }
.mgk-profile__phone-prefix { display: none; }

[data-mgk-profile-mode="edit"] .mgk-profile__phone-row {
	display: flex; align-items: center; gap: 6px;
	border: 1px solid var(--mgk-border); border-radius: var(--mgk-radius-sm, 8px);
	background: var(--mgk-surface); padding-left: 12px;
}
[data-mgk-profile-mode="edit"] .mgk-profile__phone-row .mgk-profile__field-input {
	border: none; background: transparent; padding-left: 0;
	flex: 1 1 auto; width: auto; min-width: 0;
}
[data-mgk-profile-mode="edit"] .mgk-profile__phone-row .mgk-profile__field-input:focus {
	outline: none; border-color: transparent; box-shadow: none;
}
[data-mgk-profile-mode="edit"] .mgk-profile__phone-row:focus-within {
	border-color: var(--mgk-teal); box-shadow: 0 0 0 3px rgba(20,150,130,.12);
}
[data-mgk-profile-mode="edit"] .mgk-profile__phone-prefix {
	display: inline-flex; flex: 0 0 auto; font-size: 14px; color: var(--mgk-text-2, #667085);
}

.mgk-profile__field-dateproxy { padding-right: 36px; }

.mgk-profile__field-dateproxy:focus { border-color: var(--mgk-sfa); box-shadow: 0 0 0 3px rgba(21,101,192,.12); }

select.mgk-profile__field-input { appearance: none; -webkit-appearance: none; padding-right: 36px; background-repeat: no-repeat; background-position: right 10px center; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }

.mgk-profile__field--autocomplete,
.mgk-field--autocomplete { position: relative; }
.mgk-autocomplete { position: absolute; top: 100%; left: 0; right: 0; margin-top: 4px; z-index: 20; background: var(--mgk-surface); border: 1px solid var(--mgk-border); border-radius: var(--mgk-radius-sm, 8px); box-shadow: var(--mgk-shadow-lg); max-height: 420px; overflow-y: auto; }
.mgk-autocomplete[hidden] { display: none; }
.mgk-autocomplete__item { display: block; width: 100%; text-align: left; padding: 8px 10px; font-size: 14px; color: var(--mgk-text); background: none; border: none; cursor: pointer; font-family: inherit; }
.mgk-autocomplete__item:hover,
.mgk-autocomplete__item.is-active { background: var(--mgk-bg-alt); }
.mgk-autocomplete__item--viewall { display: block; color: var(--mgk-teal); font-weight: 600; text-decoration: none; padding: 10px; border-top: 1px solid var(--mgk-border-lt); }

.mgk-profile__avatar-wrap { position: relative; flex-shrink: 0; }
.mgk-profile__avatar-edit[hidden] { display: none; }
.mgk-profile__avatar-edit { position: absolute; bottom: -4px; right: -4px; width: 28px; height: 28px; border-radius: 50%; border: none; background: var(--mgk-red); color: #fff; font-size: 12px; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: var(--mgk-shadow); }
.mgk-profile__avatar-edit:hover { opacity: .9; }

.mgk-profile__addr-add[hidden] { display: none; }
.mgk-profile__addr-add { width: 30px; height: 30px; border-radius: 8px; border: 1px solid var(--mgk-border); background: var(--mgk-surface); color: var(--mgk-teal); font-size: 20px; line-height: 1; cursor: pointer; align-items: center; justify-content: center; flex-shrink: 0; }
.mgk-profile__addr-add:hover { border-color: var(--mgk-teal); background: rgba(20,150,130,.06); }
[data-mgk-profile-mode="edit"] .mgk-profile__addr-add { display: flex; }
.mgk-profile__addr-empty { font-size: 14px; color: var(--mgk-text-3); margin: 0; }
.mgk-profile__addr-empty[hidden] { display: none; }
.mgk-profile__addr-list { display: flex; flex-direction: column; gap: 18px; }
.mgk-profile__addr { display: flex; flex-direction: column; gap: 10px; padding-top: 18px; border-top: 1px dashed var(--mgk-border); }
.mgk-profile__addr:first-child { padding-top: 0; border-top: none; }
.mgk-profile__addr-top { display: flex; align-items: center; gap: 10px; }
.mgk-profile__addr-view-label { flex: 1; font-size: 15px; font-weight: 700; color: var(--mgk-text); }
.mgk-profile__addr-default-chip { flex-shrink: 0; text-transform: none; }
.mgk-profile__addr-recipient { display: flex; align-items: center; gap: 10px; font-size: 15px; font-weight: 700; color: var(--mgk-text); }
.mgk-profile__addr-recipient[hidden] { display: none; }
.mgk-profile__addr-recipient-sep { color: var(--mgk-border); font-weight: 400; }
.mgk-profile__addr-label { flex: 1; font-size: 14px; color: var(--mgk-text); padding: 8px 10px; border: 1px solid var(--mgk-border); border-radius: var(--mgk-radius-sm, 8px); background: var(--mgk-surface); font-family: inherit; }
.mgk-profile__addr-label:focus { outline: none; border-color: var(--mgk-teal); box-shadow: 0 0 0 3px rgba(20,150,130,.12); }
[data-mgk-profile-mode="edit"] .mgk-profile__addr-remove { display: flex; }
.mgk-profile__addr-remove { width: 30px; height: 30px; border-radius: 8px; border: 1px solid var(--mgk-border); background: var(--mgk-surface); color: var(--mgk-text-2); font-size: 20px; line-height: 1; cursor: pointer; flex-shrink: 0; align-items: center; justify-content: center; }
.mgk-profile__addr-remove:hover { border-color: var(--mgk-red); color: var(--mgk-red); }
[data-mgk-profile-mode="edit"] .mgk-profile__addr-default { display: inline-flex; }
.mgk-profile__addr-default { align-items: center; gap: 8px; cursor: pointer; width: fit-content; font-size: 13px; color: var(--mgk-text-2); }
.mgk-profile__addr-default input { accent-color: var(--mgk-teal); width: 16px; height: 16px; cursor: pointer; }
.mgk-profile__addr-grid { gap: 16px; }
[data-mgk-profile-mode="view"] .mgk-profile__addr-grid--recipient { display: none; }

.mgk-profile__field-input.is-invalid { border-color: var(--mgk-red); }
.mgk-profile__field-input.is-invalid:focus { box-shadow: 0 0 0 3px rgba(232,80,64,.12); }

.mgk-profile__field-err { margin-top: 5px; font-size: 12.5px; font-weight: 600; color: var(--mgk-red); }
.mgk-profile__field-err[hidden] { display: none; }

.mgk-profile__addr-zone { font-size: 12px; font-weight: 600; margin-top: 6px; }
.mgk-profile__addr-zone[hidden] { display: none; }
.mgk-profile__addr-zone.is-ok { color: var(--mgk-green); }
.mgk-profile__addr-zone.is-err { color: var(--mgk-red); }
.mgk-profile__addr-zone-methods { display: block; font-weight: 400; color: var(--mgk-text-2); margin-top: 2px; }

.mgk-profile__lang-opts { gap: 14px; }
.mgk-profile__lang-opt { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 16px 12px; border: 1.5px solid var(--mgk-border); border-radius: var(--mgk-radius-sm, 8px); background: var(--mgk-surface); cursor: pointer; font-family: inherit; }
.mgk-profile__lang-opt.is-active { border-color: var(--mgk-navy); background: var(--mgk-bg-alt); }
.mgk-profile__lang-flag { font-size: 22px; }
.mgk-profile__lang-name { font-size: 14px; font-weight: 700; color: var(--mgk-text); }
.mgk-profile__lang-native { font-size: 12px; color: var(--mgk-text-3); }

.mgk-profile__pref-list { display: flex; flex-direction: column; gap: 12px; }
.mgk-profile__pref { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.mgk-profile__pref-label { font-size: 14px; color: var(--mgk-text-2); }
.mgk-profile__toggle { position: relative; width: 44px; height: 24px; border-radius: 999px; background: var(--mgk-border); flex-shrink: 0; transition: background-color .15s ease; border: none; padding: 0; cursor: pointer; }
.mgk-profile__toggle.is-on { background: var(--mgk-green); }
.mgk-profile__toggle-knob { position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; border-radius: 50%; background: #fff; box-shadow: var(--mgk-shadow); transition: left .15s ease; }
.mgk-profile__toggle.is-on .mgk-profile__toggle-knob { left: 22px; }
.mgk-profile__prefs-cta { display: inline-block; margin-top: 14px; font-size: 14px; color: var(--mgk-teal); text-decoration: none; }
.mgk-profile__prefs-cta:hover { text-decoration: underline; }
.mgk-profile__actions-row { display: flex; flex-wrap: wrap; gap: 24px; }
.mgk-profile__pw,
.mgk-profile__delete,
.mgk-profile__logout { background: none; border: none; padding: 0; font-size: 14px; font-weight: 600; font-family: inherit; cursor: pointer; }
.mgk-profile__pw { color: var(--mgk-teal); }
.mgk-profile__delete { color: var(--mgk-red); }
.mgk-profile__logout { color: var(--mgk-text); }
.mgk-profile__profile-view { display: flex; flex-direction: column; gap: 20px; }
.mgk-profile__profile-view[hidden] { display: none; }
.mgk-profile__pwpanel { display: flex; flex-direction: column; gap: 18px; min-height: 374px; padding: 24px; border: 1px solid var(--mgk-border); border-radius: var(--mgk-radius); background: var(--mgk-surface); }
.mgk-profile__pwpanel[hidden] { display: none; }
.mgk-profile__pw-title { margin: 0 0 22px; color: var(--mgk-navy-900); font-size: 18px; font-weight: 700; line-height: 1.3; }

.mgk-profile__pw-input { min-height: 40px; font-size: 14px; color: var(--mgk-text); padding: 9px 12px; border: 1px solid #D5E2EF; border-radius: 8px; background: var(--mgk-surface); width: 100%; font-family: inherit; }

.mgk-profile__pw-help { display: none; }
.mgk-profile__pw-forgot { display: none; }

.mgk-profile__pw-icon { display: none; }
.mgk-profile__pw-input:focus { outline: none; border-color: #165DFF; box-shadow: 0 0 0 3px rgba(22,93,255,.10); }
.mgk-profile__pw-input.is-invalid { border-color: var(--mgk-red); }
.mgk-profile__pw-input.is-invalid:focus { box-shadow: 0 0 0 3px rgba(232,80,64,.12); }
.mgk-profile__pwpanel .mgk-profile__actions-row { margin-top: 2px; }
.mgk-profile__pwpanel [data-mgk-pw-save] { min-width: 144px; background: #165DFF; border-color: #165DFF; }
.mgk-profile__pwpanel [data-mgk-pw-save]:disabled { opacity: .45; cursor: not-allowed; }
.mgk-profile__pw-status { display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; padding: 16px 18px; border: 1.5px solid; border-radius: 12px; font-size: 18px; font-weight: 500; line-height: 1.35; }
.mgk-profile__pw-status[hidden] { display: none; }
.mgk-profile__pw-status.is-ok { color: #00A63A; background: #E8FBEA; border-color: #00C33C; }
.mgk-profile__pw-status.is-err { color: #D52E32; background: #FFF0EE; border-color: #FF3B3F; }
.mgk-profile__pw-status-close { flex: 0 0 auto; width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; padding: 0; border: 0; background: transparent; color: currentColor; font-family: 'Quicksand', var(--mgk-font); font-size: 32px; font-weight: 300; line-height: 1; cursor: pointer; }
.mgk-profile__pw-status-close:hover { opacity: .7; }
@media (max-width: 600px) {
	.mgk-profile__pwpanel { min-height: 0; padding: 20px 16px; }
	.mgk-profile__pw-title { margin-bottom: 10px; }
	.mgk-profile__pwpanel [data-mgk-pw-save] { width: 100%; }
	.mgk-profile__pw-status { padding: 13px 14px; font-size: 15px; }
}
.mgk-profile__pw:hover,
.mgk-profile__delete:hover,
.mgk-profile__logout:hover { text-decoration: underline; }

.mgk-vouch { display: flex; flex-direction: column; gap: 20px; }
.mgk-vouch__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.mgk-vouch__heading { font-size: 20px; font-weight: 700; color: var(--mgk-text); margin: 0; }
.mgk-vouch__redeem-form { display: flex; gap: 8px; }
.mgk-vouch__redeem-input { flex: 1; min-width: 0; border: 1px solid var(--mgk-border); background: var(--mgk-surface); color: var(--mgk-text); border-radius: var(--mgk-radius-sm); padding: 10px 12px; font-size: 14px; font-family: inherit; }
.mgk-vouch__redeem-input:focus { outline: none; border-color: var(--mgk-teal); box-shadow: 0 0 0 3px var(--mgk-teal-bg); }
.mgk-vouch__redeem-note { font-size: 12px; color: var(--mgk-text-3); margin: 8px 0 0; }
.mgk-vouch__tabs { display: flex; gap: 0; flex-wrap: wrap; border-bottom: 1px solid var(--mgk-border); }
.mgk-vouch__tab { background: transparent; border: none; border-bottom: 2px solid transparent; color: var(--mgk-text-2); font-family: inherit; font-size: 14px; font-weight: 600; padding: 10px 20px; cursor: pointer; text-transform: capitalize; }
.mgk-vouch__tab.is-active { color: var(--mgk-navy); border-bottom-color: var(--mgk-navy); }
.mgk-vouch__panel { display: flex; flex-direction: column; gap: 12px; }
.mgk-vouch__panel[hidden] { display: none; }
.mgk-vouch__card { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.mgk-vouch__card--green   { background: var(--mgk-green-bg);   border-color: rgba(34,168,107,.2); }
.mgk-vouch__card--sfa     { background: var(--mgk-sfa-bg);     border-color: rgba(21,101,192,.2); }
.mgk-vouch__card--halal   { background: var(--mgk-halal-bg);   border-color: rgba(22,135,90,.2); }
.mgk-vouch__card--default { background: var(--mgk-bg-alt); }
.mgk-vouch__card-left { display: flex; align-items: center; gap: 16px; }
.mgk-vouch__coupon { width: 80px; height: 64px; border: 2px dashed var(--mgk-border); border-radius: var(--mgk-radius-sm); background: var(--mgk-surface); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; flex-shrink: 0; }
.mgk-vouch__coupon-code { font-size: 12px; font-weight: 900; color: var(--mgk-navy); }
.mgk-vouch__coupon-tag { font-size: 12px; font-weight: 700; color: var(--mgk-red); }
.mgk-vouch__desc { font-size: 15px; font-weight: 700; color: var(--mgk-text); margin: 0; }
.mgk-vouch__min { font-size: 13px; color: var(--mgk-text-2); margin: 2px 0 0; }
.mgk-vouch__expiry { font-size: 12px; color: var(--mgk-text-3); margin: 2px 0 0; }
.mgk-vouch__code { display: inline-block; margin-top: 6px; font-size: 12px; font-weight: 700; padding: 2px 8px; border-radius: var(--mgk-radius-sm); background: var(--mgk-surface); color: var(--mgk-navy); border: 1px solid var(--mgk-border); }
.mgk-vouch__empty { font-size: 14px; color: var(--mgk-text-3); padding: 16px 0; margin: 0; }
.mgk-vouch__earn-grid { gap: 12px; }
.mgk-vouch__earn-item { background: var(--mgk-bg-alt); border: 1px solid var(--mgk-border); border-radius: var(--mgk-radius-sm); padding: 14px; display: flex; flex-direction: column; gap: 6px; align-items: flex-start; }
.mgk-vouch__earn-icon { font-size: 24px; }
.mgk-vouch__earn-name { font-size: 14px; font-weight: 700; color: var(--mgk-text); margin: 0; }
.mgk-vouch__earn-desc { font-size: 12px; color: var(--mgk-text-2); margin: 0; }

@media (max-width: 860px) {
	.mgk-profile__hero { flex-direction: column; align-items: flex-start; }
	.mgk-vouch__card { flex-direction: column; align-items: flex-start; }
	.mgk-vouch__card-left { width: 100%; }
}

.mgk-pay__methods { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-bottom: 24px; }
.mgk-pay__methods .mgk-optcard { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: 12px; text-align: left; border: 2px solid var(--mgk-border); background: var(--mgk-surface); border-radius: var(--mgk-radius-sm); cursor: pointer; transition: border-color .15s, background .15s; }
.mgk-pay__methods .mgk-optcard__icon { font-size: 24px; margin-bottom: 6px; }
.mgk-pay__methods .mgk-optcard__label { font-weight: 600; font-size: 14px; color: var(--mgk-text); }
.mgk-pay__methods .mgk-optcard__desc { font-size: 12px; color: var(--mgk-text-3); margin-top: 2px; }
.mgk-pay__methods .mgk-optcard.is-sel { border-color: var(--mgk-navy); background: var(--mgk-bg-alt); }

.mgk-paynow { display: flex; flex-direction: column; align-items: center; gap: 16px; text-align: center; }
.mgk-paynow[hidden] { display: none; }
.mgk-paynow__box { display: inline-flex; flex-direction: column; align-items: center; gap: 12px; background: var(--mgk-bg-alt); border: 1px solid var(--mgk-border); border-radius: 16px; padding: 24px; }
.mgk-paynow__title { font-weight: 600; font-size: 14px; color: var(--mgk-text); margin: 0; }
.mgk-paynow__qr { width: 192px; height: 192px; display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; padding: 12px; background: var(--mgk-surface); border: 3px solid var(--mgk-navy); border-radius: 12px; }
.mgk-paynow__cell { width: 100%; aspect-ratio: 1; border-radius: 2px; background: transparent; }
.mgk-paynow__cell.is-on { background: var(--mgk-navy); }

.mgk-paynow__qr.is-rendered { display: flex; align-items: center; justify-content: center; }
.mgk-paynow__qr.is-rendered canvas,
.mgk-paynow__qr.is-rendered img { width: 100%; height: 100%; display: block; }
.mgk-paynow__stripe { width: 200px; }
.mgk-paynow__stripe[hidden] { display: none; }
.mgk-paynow__expiry { display: flex; align-items: center; gap: 8px; color: var(--mgk-red); font-size: 14px; font-weight: 700; margin: 0; }
.mgk-paynow__expiry[hidden] { display: none; }
.mgk-paynow__pulse { width: 8px; height: 8px; border-radius: 50%; background: var(--mgk-red); animation: mgk-pulse 1.2s infinite; }
@keyframes mgk-pulse { 0%, 100% { opacity: 1 } 50% { opacity: .3 } }
.mgk-paynow__amount { font-size: 26px; font-weight: 900; color: var(--mgk-text); margin: 0; }
.mgk-paynow__uen { font-size: 12px; color: var(--mgk-text-3); margin: 0; }
.mgk-paynow__status { margin: 0; font-size: 13px; color: var(--mgk-teal); font-weight: 600; }
.mgk-paynow__status[hidden] { display: none; }
.mgk-paynow__br10 { width: 100%; padding: 12px; border-radius: 12px; background: var(--mgk-amber-bg); border: 1px solid rgba(240,152,48,.19); color: var(--mgk-text-2); font-size: 12px; text-align: left; }
.mgk-paynow__br10-tag { color: var(--mgk-amber); font-weight: 600; }

.mgk-paynow__locked { width: 100%; padding: 14px; border-radius: 12px; background: var(--mgk-red-bg, #FEF1F0); border: 1px solid rgba(240,68,56,.22); text-align: left; }
.mgk-paynow__locked[hidden] { display: none; }
.mgk-paynow__locked-msg { margin: 0 0 10px; font-size: 13px; color: var(--mgk-text-2); }
.mgk-paynow__locked-actions { display: flex; gap: 8px; flex-wrap: wrap; }

.mgk-card-form { display: flex; flex-direction: column; gap: 12px; }
.mgk-card-form[hidden] { display: none; }
.mgk-card-form__field { display: flex; flex-direction: column; gap: 4px; }
.mgk-card-form__field span { font-weight: 600; font-size: 14px; color: var(--mgk-text); }
.mgk-card-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.mgk-card-form__input { width: 100%; padding: 10px 12px; border: 1px solid var(--mgk-border); border-radius: 12px; font-size: 14px; font-family: inherit; color: var(--mgk-text); background: var(--mgk-surface); box-sizing: border-box; }
.mgk-card-form__input:focus { outline: none; border-color: var(--mgk-teal); box-shadow: 0 0 0 3px var(--mgk-teal-bg); }
.mgk-card-form__stripe-mount.StripeElement--focus { border-color: var(--mgk-teal); box-shadow: 0 0 0 3px var(--mgk-teal-bg); }
.mgk-card-form__stripe-mount.StripeElement--invalid { border-color: #b3261e; }

.mgk-card-form__err { display: flex; gap: 8px; align-items: flex-start; margin: 0; padding: 10px 12px; border: 1px solid #F5C2C0; border-left: 3px solid var(--mgk-red, #D93025); border-radius: 8px; background: #FDECEA; color: #A81E12; font-size: 13px; font-weight: 600; line-height: 1.5; }
.mgk-card-form__err::before { content: '⚠'; flex: 0 0 auto; font-size: 14px; line-height: 1.4; }
.mgk-card-form__err[hidden] { display: none; }
.mgk-card-form__savecard { display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--mgk-text-2); cursor: pointer; }
.mgk-card-form__savecard input { margin: 0; }
.mgk-pay__pci { display: flex; align-items: center; gap: 8px; padding: 12px; border-radius: 12px; background: #E7F0FB; border: 1px solid rgba(21,101,192,.19); color: var(--mgk-blue); font-size: 12px; }

.mgk-grabpay { display: flex; justify-content: center; }
.mgk-grabpay[hidden] { display: none; }
.mgk-grabpay__panel { display: inline-flex; flex-direction: column; align-items: center; gap: 8px; background: var(--mgk-bg-alt); border: 1px solid var(--mgk-border); border-radius: 16px; padding: 28px 32px; text-align: center; }
.mgk-grabpay__icon { font-size: 36px; }
.mgk-grabpay__title { font-weight: 700; font-size: 15px; color: var(--mgk-text); margin: 0; }
.mgk-grabpay__sub { font-size: 13px; color: var(--mgk-text-2); margin: 0; }

.mgk-gstpanel { display: flex; flex-direction: column; gap: 8px; font-size: 14px; }
.mgk-gstpanel__row { display: flex; justify-content: space-between; color: var(--mgk-text-2); }
.mgk-gstpanel__row--total { font-weight: 700; color: var(--mgk-text); padding-top: 8px; margin-top: 4px; border-top: 1px solid var(--mgk-border); }

.mgk-gstpanel__row--muted { font-size: 12px; color: var(--mgk-text-3); }
.mgk-gstpanel__reg { font-size: 12px; color: var(--mgk-text-3); margin: 4px 0 0; }

.mgk-pay__failed { margin-top: 16px; padding: 14px; border: 1px solid var(--mgk-red); background: var(--mgk-red-bg); border-radius: 12px; }
.mgk-pay__failed[hidden] { display: none; }
.mgk-pay__failed-msg { color: var(--mgk-red); margin: 0 0 10px; font-size: 14px; font-weight: 600; }
.mgk-pay__failed-actions { display: flex; gap: 8px; flex-wrap: wrap; }

.mgk-card-form__stripe { min-height: 44px; padding: 10px 12px; border: 1px solid var(--mgk-border); border-radius: 12px; background: var(--mgk-surface); transition: border-color .15s, box-shadow .15s; }
.mgk-card-form__stripe.is-focused { border-color: var(--mgk-teal); box-shadow: 0 0 0 3px var(--mgk-teal-bg); }
.mgk-card-form__stripe.is-invalid { border-color: var(--mgk-red); }
.mgk-card-form__loading { display: block; font-size: 13px; color: var(--mgk-text-3); }

.mgk-invoice { position: fixed; inset: 0; z-index: 10000; display: flex; align-items: center; justify-content: center; padding: 24px; }
.mgk-invoice[hidden] { display: none; }
.mgk-invoice__backdrop { position: absolute; inset: 0; background: rgba(27,58,82,.55); backdrop-filter: blur(2px); }
.mgk-invoice__dialog { position: relative; z-index: 1; width: 100%; max-width: 640px; max-height: 90vh; display: flex; flex-direction: column; background: var(--mgk-surface); border-radius: var(--mgk-radius); box-shadow: var(--mgk-shadow-lg); overflow: hidden; }
.mgk-invoice__head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 24px; border-bottom: 1px solid var(--mgk-border); }
.mgk-invoice__title { font-size: 18px; font-weight: 800; color: var(--mgk-text); margin: 0; }
.mgk-invoice__x { background: var(--mgk-bg-alt); border: none; cursor: pointer; width: 32px; height: 32px; border-radius: 50%; font-size: 15px; color: var(--mgk-text-2); display: flex; align-items: center; justify-content: center; transition: background .15s; }
.mgk-invoice__x:hover { background: var(--mgk-border); }
.mgk-invoice__scroll { overflow-y: auto; padding: 24px; flex: 1; }
.mgk-invoice__loading { text-align: center; color: var(--mgk-text-3); font-size: 14px; padding: 40px 0; margin: 0; }

.mgk-invoice__doc { display: flex; flex-direction: column; gap: 26px; color: var(--mgk-text); font-family: var(--mgk-font); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; font-size: 14px; line-height: 1.5; }

.mgk-invoice__doc-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding-bottom: 20px; border-bottom: 3px solid var(--mgk-navy); flex-wrap: wrap; }
.mgk-invoice__seller { min-width: 240px; }
.mgk-invoice__seller-name { font-size: 24px; font-weight: 800; color: var(--mgk-navy); margin: 0 0 8px; letter-spacing: -.01em; line-height: 1.15; }
.mgk-invoice__seller-reg { font-size: 12.5px; color: var(--mgk-text-2); margin: 0 0 4px; line-height: 1.55; font-weight: 500; }
.mgk-invoice__doc-meta { text-align: right; min-width: 190px; }
.mgk-invoice__doc-label { font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--mgk-text-3); margin: 0; }
.mgk-invoice__doc-no { font-size: 20px; font-weight: 800; color: var(--mgk-text); margin: 2px 0 14px; }
.mgk-invoice__doc-meta-row { display: flex; justify-content: space-between; gap: 16px; min-width: 180px; margin: 0 0 6px auto; padding: 7px 12px; border: 1px solid var(--mgk-border); border-radius: var(--mgk-radius-sm); font-size: 12px; }
.mgk-invoice__doc-meta-row span:first-child { color: var(--mgk-text-3); }
.mgk-invoice__doc-meta-row span:last-child { font-weight: 700; color: var(--mgk-text); }

.mgk-invoice__parties { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 20px; }
.mgk-invoice__party-label { display: block; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; color: var(--mgk-navy); margin-bottom: 7px; }

.mgk-invoice__party-rows { display: flex; flex-direction: column; gap: 5px; }
.mgk-invoice__party-field { display: flex; gap: 10px; font-size: 13px; line-height: 1.45; }
.mgk-invoice__field-label { flex: 0 0 58px; color: var(--mgk-text-3); font-weight: 700; font-size: 10.5px; text-transform: uppercase; letter-spacing: .03em; padding-top: 2px; }
.mgk-invoice__field-value { flex: 1 1 auto; min-width: 0; color: var(--mgk-text-2); font-weight: 500; overflow-wrap: anywhere; }
.mgk-invoice__party-field--name .mgk-invoice__field-value { color: var(--mgk-text); font-weight: 800; font-size: 14px; }

.mgk-invoice__party-row { font-size: 13.5px; color: var(--mgk-text-2); line-height: 1.6; font-weight: 500; }
.mgk-invoice__party-row--name { font-weight: 800; font-size: 15px; color: var(--mgk-text); margin-bottom: 3px; letter-spacing: -.01em; }

.mgk-invoice__items { display: flex; flex-direction: column; }

.mgk-invoice__table-wrap { overflow-x: auto; border: 1.5px solid var(--mgk-navy); border-radius: var(--mgk-radius-sm); }
.mgk-invoice__table { width: 100%; border-collapse: collapse; font-size: 13px; }
.mgk-invoice__table thead th { background: var(--mgk-navy); text-align: left; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; color: #fff; padding: 12px 14px; }
.mgk-invoice__table thead th.mgk-invoice__num { text-align: right; }
.mgk-invoice__table tbody tr { background: var(--mgk-surface); }
.mgk-invoice__table tbody tr:nth-child(even) { background: var(--mgk-bg-alt); }
.mgk-invoice__row td { padding: 13px 14px; border-bottom: 1px solid var(--mgk-border); color: var(--mgk-text-2); }
.mgk-invoice__row td + td { border-left: 1px solid var(--mgk-border); }
.mgk-invoice__row:last-child td { border-bottom: 0; }
.mgk-invoice__item-name { font-weight: 700; color: var(--mgk-text); }
.mgk-invoice__num { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }

.mgk-invoice__totals { display: flex; flex-direction: column; gap: 9px; align-self: flex-end; min-width: 300px; }

.mgk-invoice__totals-box { display: flex; flex-direction: column; gap: 9px; border: 1px solid var(--mgk-border); border-radius: var(--mgk-radius-sm); padding: 14px 16px; }
.mgk-invoice__total-line { display: flex; justify-content: space-between; gap: 24px; font-size: 14px; color: var(--mgk-text); }
.mgk-invoice__total-line span:first-child { color: var(--mgk-text-2); }
.mgk-invoice__grand { font-size: 19px; font-weight: 800; color: var(--mgk-navy); padding-top: 13px; margin-top: 5px; border-top: 2px solid var(--mgk-navy); }
.mgk-invoice__grand span:first-child { color: var(--mgk-navy); }
.mgk-invoice__note { font-size: 12px; color: var(--mgk-text-3); margin: 0; font-style: italic; border-top: 1px solid var(--mgk-border-lt); padding-top: 16px; }

.mgk-invoice__actions { display: flex; gap: 8px; justify-content: flex-end; padding: 16px 24px; border-top: 1px solid var(--mgk-border); background: var(--mgk-bg-alt); }
body.mgk-invoice-open { overflow: hidden; }

@media print {

  html.mgk-printing-invoice body *:not(:has(.mgk-invoice)):not(.mgk-invoice):not(.mgk-invoice *) { display: none !important; }
  html.mgk-printing-invoice .mgk-invoice { position: static; inset: auto; padding: 0; display: block; }
  html.mgk-printing-invoice .mgk-invoice__backdrop,
  html.mgk-printing-invoice .mgk-invoice__head,
  html.mgk-printing-invoice .mgk-invoice__actions { display: none !important; }

  html.mgk-printing-invoice .mgk-invoice__dialog { display: block; max-width: 100%; height: auto; max-height: none; box-shadow: none; border-radius: 0; overflow: visible; }
  html.mgk-printing-invoice .mgk-invoice__scroll { display: block; flex: none; overflow: visible; height: auto; max-height: none; padding: 0; }

  html.mgk-printing-invoice .mgk-invoice__doc { display: block; }
  html.mgk-printing-invoice .mgk-invoice__doc > * { margin-bottom: 26px; }
  html.mgk-printing-invoice .mgk-invoice__doc > *:last-child { margin-bottom: 0; }
  html.mgk-printing-invoice .mgk-invoice__doc-head { display: block; }
  html.mgk-printing-invoice .mgk-invoice__doc-meta { text-align: left; margin-top: 14px; }
  html.mgk-printing-invoice .mgk-invoice__doc-meta-row { margin: 0 0 6px 0; }
  html.mgk-printing-invoice .mgk-invoice__parties { display: block; }
  html.mgk-printing-invoice .mgk-invoice__party { display: block; margin-bottom: 20px; }
  html.mgk-printing-invoice .mgk-invoice__party:last-child { margin-bottom: 0; }
  html.mgk-printing-invoice .mgk-invoice__items { display: block; }
  html.mgk-printing-invoice .mgk-invoice__totals { display: block; width: 300px; margin-left: auto; }
  html.mgk-printing-invoice .mgk-invoice__totals-box { display: block; margin-bottom: 14px; break-inside: avoid; page-break-inside: avoid; }
  html.mgk-printing-invoice .mgk-invoice__totals-box:last-child { margin-bottom: 0; }
  html.mgk-printing-invoice .mgk-invoice__total-line { margin-bottom: 9px; }
}

@media (max-width: 560px) {
  .mgk-invoice { padding: 0; align-items: stretch; }
  .mgk-invoice__dialog { max-width: 100%; max-height: 100vh; border-radius: 0; }
  .mgk-invoice__totals { min-width: 0; width: 100%; align-self: stretch; }
}

.mgk-auth { display: flex; flex-direction: column; gap: 0; padding: 0; min-height: 100vh; background: var(--mgk-bg); }
.mgk-auth__nav { display: flex; align-items: center; justify-content: space-between; gap: 16px; background: var(--mgk-navy); padding: 14px var(--mgk-pad-x); }
.mgk-auth__brand { display: flex; align-items: center; gap: 10px; text-decoration: none; }
.mgk-auth__logo { width: 32px; height: 32px; border-radius: var(--mgk-radius-sm); background: var(--mgk-teal); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 12px; }
.mgk-auth__brand-text { display: flex; flex-direction: column; }
.mgk-auth__brand-name { color: #fff; font-weight: 700; font-size: 14px; }
.mgk-auth__brand-tag { color: rgba(255,255,255,.5); font-size: 10px; }
.mgk-auth__guest { color: #fff; border: 1px solid rgba(255,255,255,.3); background: transparent; }
.mgk-auth__wrap { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 20px; padding: 40px var(--mgk-pad-x) 56px; }
.mgk-auth__card { width: 100%; max-width: 440px; padding: 28px; display: flex; flex-direction: column; gap: 18px; box-shadow: var(--mgk-shadow-lg); }
.mgk-auth__head { display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; }
.mgk-auth__head-logo { width: 48px; height: 48px; border-radius: 14px; background: var(--mgk-teal); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 16px; margin-bottom: 4px; }
.mgk-auth__heading { font-size: 24px; font-weight: 800; color: var(--mgk-text); margin: 0; }
.mgk-auth__sub { font-size: 14px; color: var(--mgk-text-2); margin: 0; line-height: 1.5; }
.mgk-auth__tabs { display: flex; gap: 4px; background: var(--mgk-bg-alt); border-radius: var(--mgk-radius-sm); padding: 4px; }
.mgk-auth__tab { flex: 1; border: none; background: transparent; cursor: pointer; font-family: inherit; font-weight: 600; font-size: 14px; color: var(--mgk-text-2); padding: 9px 12px; border-radius: 9px; transition: background .15s, color .15s; }
.mgk-auth__tab.is-active { background: var(--mgk-surface); color: var(--mgk-navy); box-shadow: var(--mgk-shadow); }
.mgk-auth__panel { display: none; flex-direction: column; gap: 2px; }
.mgk-auth__panel.is-active { display: flex; }
.mgk-auth__panel[hidden] { display: none; }
.mgk-auth__panel .mgk-field { margin-bottom: 10px; }
.mgk-auth__panel .mgk-field input:focus { outline: none; border-color: var(--mgk-teal); box-shadow: 0 0 0 3px var(--mgk-teal-bg); }
.mgk-auth__row { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 2px 0 14px; }
.mgk-auth__remember, .mgk-auth__check { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--mgk-text-2); cursor: pointer; line-height: 1.4; }
.mgk-auth__check { margin: 4px 0 14px; }
.mgk-auth__remember input, .mgk-auth__check input { accent-color: var(--mgk-teal); flex: 0 0 auto; }
.mgk-auth__link { background: none; border: none; cursor: pointer; font-family: inherit; font-size: 13px; font-weight: 600; color: var(--mgk-teal); padding: 0; }
.mgk-auth__link:hover { text-decoration: underline; }
.mgk-auth__submit { width: 100%; }
.mgk-auth__back { display: block; width: 100%; text-align: center; margin-top: 14px; }
.mgk-auth__reset-title { font-size: 17px; font-weight: 700; color: var(--mgk-text); margin: 0 0 4px; }
.mgk-auth__reset-sub { font-size: 13px; color: var(--mgk-text-2); line-height: 1.5; margin: 0 0 14px; }
.mgk-auth__notice { font-size: 13px; line-height: 1.45; border-radius: var(--mgk-radius-sm); padding: 10px 12px; margin: 0; }
.mgk-auth__notice.is-err { background: var(--mgk-red-bg); color: var(--mgk-red); }
.mgk-auth__notice.is-ok { background: var(--mgk-green-bg); color: var(--mgk-green); }
.mgk-auth__trust { display: flex; flex-wrap: wrap; justify-content: center; gap: 18px; }
.mgk-auth__trust-item { display: inline-flex; align-items: center; gap: 6px; color: var(--mgk-text-2); font-size: 13px; }
.mgk-auth__trust-icon { font-size: 14px; }
@media (max-width: 600px) { .mgk-auth__card { padding: 20px; } .mgk-auth__wrap { padding-top: 28px; } }

.mgk-stars { position: relative; display: inline-block; white-space: nowrap; line-height: 1; }
.mgk-stars__bg { color: var(--mgk-line, #d9e0e3); }
.mgk-stars__fg {
	position: absolute; left: 0; top: 0; overflow: hidden;
	color: var(--mgk-amber, #f6a609); white-space: nowrap;
}

.mgk-fdbk { max-width: 720px; margin: 0 auto; display: flex; flex-direction: column; gap: 16px; }
.mgk-fdbk__head { text-align: left; }
.mgk-fdbk__heading { font-size: 26px; font-weight: 800; color: var(--mgk-text); margin: 4px 0 4px; }
.mgk-fdbk__sub { color: var(--mgk-text-2); margin: 0; }
.mgk-fdbk__block-title { font-size: 15px; font-weight: 700; color: var(--mgk-text); margin: 0 0 4px; }
.mgk-fdbk__block-sub { font-size: 13px; color: var(--mgk-text-3); margin: 0 0 12px; }

.mgk-fdbk__orders { display: flex; flex-direction: column; gap: 10px; margin-bottom: 12px; }
.mgk-fdbk__order {
	display: flex; align-items: center; gap: 12px; width: 100%; box-sizing: border-box;
	text-align: left; padding: 12px 14px; border: 2px solid var(--mgk-border); border-radius: var(--mgk-radius-sm);
	background: var(--mgk-surface); cursor: pointer; font-family: inherit; transition: border-color .15s, background .15s;
}
.mgk-fdbk__order.is-sel { border-color: var(--mgk-navy); background: var(--mgk-bg-alt); }
.mgk-fdbk__order-icon { font-size: 22px; flex: none; }
.mgk-fdbk__order-body { flex: 1; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.mgk-fdbk__order-id { font-weight: 700; font-size: 14px; color: var(--mgk-navy); }
.mgk-fdbk__order-meta { font-size: 12px; color: var(--mgk-text-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mgk-fdbk__order-check { width: 22px; height: 22px; border-radius: 50%; border: 2px solid var(--mgk-border); flex: none; }
.mgk-fdbk__order.is-sel .mgk-fdbk__order-check { border-color: var(--mgk-navy); background: var(--mgk-navy) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/14px no-repeat; }
.mgk-fdbk__stars { display: flex; gap: 6px; }
.mgk-fdbk__star {
	appearance: none; border: 0; background: transparent; cursor: pointer; padding: 0 2px;
	font-size: 40px; line-height: 1; color: var(--mgk-line, #d9e0e3); transition: color .12s ease, transform .12s ease;
}
.mgk-fdbk__star:hover { transform: scale(1.08); }
.mgk-fdbk__star.is-on { color: var(--mgk-amber, #f6a609); }
.mgk-fdbk__textarea {
	width: 100%; box-sizing: border-box; resize: vertical; min-height: 96px;
	border: 1px solid var(--mgk-line, #d9e0e3); border-radius: 10px; padding: 12px 14px;
	font: inherit; color: var(--mgk-text); background: #fff;
}
.mgk-fdbk__textarea:focus { outline: none; border-color: var(--mgk-teal, #0a8a6b); }
.mgk-fdbk__counter { font-size: 12px; color: var(--mgk-text-3); margin: 6px 0 0; }
.mgk-fdbk__photos { display: flex; flex-wrap: wrap; gap: 12px; }
.mgk-fdbk__photo-add {
	width: 96px; height: 96px; border: 2px dashed var(--mgk-border); border-radius: var(--mgk-radius-sm);
	display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px;
	color: var(--mgk-text-3); font-size: 12px; cursor: pointer; transition: border-color .15s, color .15s;
}
.mgk-fdbk__photo-add:hover { border-color: var(--mgk-teal, #0a8a6b); color: var(--mgk-teal, #0a8a6b); }
.mgk-fdbk__photo-icon { font-size: 22px; }
.mgk-fdbk__photo-thumb { position: relative; width: 96px; height: 96px; border-radius: var(--mgk-radius-sm); overflow: hidden; flex: none; }
body .mgk-fdbk__photo-thumb img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }
.mgk-fdbk__photo-remove {
	position: absolute; top: 4px; right: 4px; width: 22px; height: 22px; border-radius: 50%;
	background: rgba(0,0,0,.6); color: #fff; border: none; cursor: pointer; font-size: 13px; line-height: 1;
	display: flex; align-items: center; justify-content: center;
}
.mgk-fdbk__consent { display: flex; gap: 10px; align-items: flex-start; font-size: 13px; color: var(--mgk-text-2); background: var(--mgk-bg-2, #f2f5f6); padding: 14px 16px; border-radius: 10px; }
.mgk-fdbk__consent input { margin-top: 2px; flex: none; }
.mgk-fdbk__err { background: #fdecea; color: #c0392b; border: 1px solid #f5c6cb; border-radius: 10px; padding: 12px 16px; font-size: 14px; }
.mgk-fdbk__actions { display: flex; align-items: center; gap: 16px; }
.mgk-fdbk__submit { flex: 1; }
.mgk-fdbk__submit:disabled { opacity: .5; cursor: not-allowed; }
.mgk-fdbk__cancel { color: var(--mgk-text-2); text-decoration: none; }
.mgk-fdbk__cancel:hover { text-decoration: underline; }
.mgk-fdbk__gate { text-align: center; font-size: 12px; color: var(--mgk-text-3); margin: 4px 0 0; }
.mgk-pdp__reviews-head-actions { display: flex; gap: 8px; align-items: center; }

.mgk-pdp__reviews-empty,
.mgk-rev__empty {
	text-align: center; display: flex; flex-direction: column; align-items: center; gap: 6px;
	padding: 32px 20px; color: var(--mgk-text-2);
}
.mgk-pdp__reviews-empty-icon,
.mgk-rev__empty-icon { font-size: 32px; filter: grayscale(1); opacity: .6; }
.mgk-pdp__reviews-empty-title,
.mgk-rev__empty-title { font-size: 16px; font-weight: 700; color: var(--mgk-text); margin: 4px 0 0; }
.mgk-pdp__reviews-empty-text,
.mgk-rev__empty-text { margin: 0 0 8px; font-size: 14px; }

.mgk-pdp__review-verified {
	box-sizing: border-box; display: inline-flex; flex-direction: row; align-items: center; gap: 4px;
	padding: 3px 8px; background: #E8F7FF; border: 1px solid #3491FA; border-radius: 4px;
	font-family: 'Quicksand', var(--mgk-font); font-weight: 500; font-size: 12px; line-height: 16px; color: #3491FA;
	white-space: nowrap;
}

@media (max-width: 1024px) {
	.mgk-cc__grid { grid-template-columns: 1fr; }

	.mgk-rev__summary { flex-direction: column; align-items: stretch; gap: 16px; }
	.mgk-rev__dist { width: 100%; }
	.mgk-acct__top, .mgk-acct__mid { flex-direction: column; }
	.mgk-acct__stats { width: auto; }
}

.mgk-combo { position: relative; }
.mgk-combo__control { position: relative; display: block; }
.mgk-combo__control input { width: 100%; padding-right: 34px; }
.mgk-combo__toggle { position: absolute; top: 50%; right: 8px; transform: translateY(-50%); border: 0; background: transparent; cursor: pointer; font-size: 12px; line-height: 1; color: var(--mgk-text-muted, #667); padding: 4px; }
.mgk-combo__list { position: absolute; top: calc(100% + 4px); left: 0; right: 0; z-index: 60; margin: 0; padding: 4px; list-style: none; background: var(--mgk-surface); border: 1px solid var(--mgk-border); border-radius: var(--mgk-radius-sm); box-shadow: var(--mgk-shadow-lg); max-height: 240px; overflow-y: auto; }
.mgk-combo__list[hidden] { display: none; }
.mgk-combo__opt { display: flex; flex-direction: column; gap: 1px; padding: 8px 10px; border-radius: var(--mgk-radius-sm); cursor: pointer; }
.mgk-combo__opt[hidden] { display: none; }
.mgk-combo__opt:hover { background: var(--mgk-teal-bg); }
.mgk-combo__opt-name { font-size: 13px; font-weight: 600; color: var(--mgk-text); }
.mgk-combo__opt-detail { font-size: 12px; color: var(--mgk-text-muted, #667); }
.mgk-combo__opt--new { font-weight: 600; color: var(--mgk-teal); border-top: 1px solid var(--mgk-border); margin-top: 2px; }

.mgk-seasoncamp { display: flex; flex-direction: column; gap: 24px; }

.mgk-seasoncamp__hero { position: relative; overflow: hidden; border-radius: 0; background-color: var(--mgk-navy-900); padding: 24px clamp(36px, 7.8vw, 112px); min-height: 176px; display: flex; align-items: center; box-sizing: border-box; }
.mgk-seasoncamp__hero--has-image {
	width: calc(100% + (var(--mgk-pad-x) * 2));
	margin-inline: calc(var(--mgk-pad-x) * -1);
	aspect-ratio: 1440 / 176;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.mgk-seasoncamp__hero-overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(6,25,55,.98) 0%, rgba(6,25,55,.9) 42%, rgba(6,25,55,.34) 70%, rgba(6,25,55,.08) 100%); z-index: 0; }
.mgk-seasoncamp__hero-body { position: relative; z-index: 1; max-width: 640px; }

.mgk-seasoncamp__pagehead { padding-top: 20px; }
.mgk-seasoncamp__breadcrumb { font-size: 13px; color: var(--mgk-text-2); margin: 0 0 12px; display: flex; gap: 8px; flex-wrap: wrap; }
.mgk-seasoncamp__breadcrumb a { color: var(--mgk-text-2); text-decoration: none; }
.mgk-seasoncamp__breadcrumb a:hover { color: var(--mgk-navy-900); text-decoration: underline; }
.mgk-seasoncamp__title { font-size: 34px; font-weight: 800; color: var(--mgk-navy-900); margin: 0 0 8px; }
.mgk-seasoncamp__sub { font-size: 14px; color: var(--mgk-text-2); margin: 0 0 16px; }

@media (max-width: 640px) {

	.mgk-seasoncamp__pagehead { display: none; }
}

.mgk-seasoncamp__countdown { display: inline-flex; align-items: center; gap: 6px; background: var(--mgk-red-bg); color: var(--mgk-red); font-size: 13px; font-weight: 700; padding: 8px 16px; border-radius: 999px; }
.mgk-seasoncamp__toolbar { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; padding: 14px 0; border-bottom: 1px solid var(--mgk-border); }

.mgk-seasoncamp__toolbar-checks { display: flex; align-items: center; gap: 24px; }
.mgk-seasoncamp__check { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: var(--mgk-text); cursor: pointer; }
.mgk-seasoncamp__check input[type="checkbox"] { appearance: none; width: 18px; height: 18px; border: 1.5px solid var(--mgk-navy); border-radius: 5px; margin: 0; cursor: pointer; position: relative; flex-shrink: 0; }
.mgk-seasoncamp__check input[type="checkbox"]:checked { background: var(--mgk-navy); }

.mgk-seasoncamp__check input[type="checkbox"]:checked::after { content: ''; position: absolute; inset: 0; margin: auto; width: 5px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg) translateY(-1px); }

.mgk-seasoncamp__toolbar-selects { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-left: auto; }

.mgk-seasoncamp__select { border: none; background: var(--mgk-bg-alt); color: var(--mgk-text); border-radius: 999px; padding: 9px 14px; font-size: 14px; font-weight: 700; font-family: inherit; cursor: pointer; appearance: none; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B3A52' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; background-size: 16px; padding-right: 34px; }

.mgk-seasoncamp .mgk-grid { gap: 20px; }
.mgk-seasoncamp .mgk-prod__media { height: auto; aspect-ratio: 16 / 10; min-height: 132px; }

.mgk-seasoncamp__body { display: grid; grid-template-columns: 280px 1fr; gap: 24px; align-items: start; }
.mgk-seasoncamp__main { min-width: 0; }
.mgk-seasoncamp__filters { background: var(--mgk-surface); border: 1px solid var(--mgk-border); border-radius: var(--mgk-radius); padding: 20px; position: sticky; top: 92px; }
.mgk-seasoncamp__filters-head { display: flex; align-items: center; justify-content: space-between; padding-bottom: 16px; }
.mgk-seasoncamp__filters-title { font-size: 16px; font-weight: 700; margin: 0; color: var(--mgk-navy-900); }
.mgk-seasoncamp__clear { border: 0; background: none; font-size: 13px; font-weight: 600; color: var(--mgk-cta-blue); padding: 0; cursor: pointer; }
.mgk-seasoncamp__clear:hover { opacity: .75; }

.mgk-seasoncamp__fgroup { border-top: 1px solid var(--mgk-border-lt); padding-top: 16px; margin-top: 16px; }
.mgk-seasoncamp__fgroup:first-child { border-top: 0; padding-top: 0; margin-top: 0; }
.mgk-seasoncamp__fgroup-title { font-size: 13px; font-weight: 700; color: var(--mgk-navy-900); margin: 0 0 12px; }
.mgk-seasoncamp__flist { list-style: none; margin: 0; padding: 0; }
.mgk-seasoncamp__fitem { display: flex; align-items: center; gap: 10px; padding: 7px 0; cursor: pointer; position: relative; }
.mgk-seasoncamp__fitem input { position: absolute; inset: 0; opacity: 0; margin: 0; cursor: pointer; }
.mgk-seasoncamp__fitem-box { width: 18px; height: 18px; border-radius: 6px; border: 1.5px solid var(--mgk-border); background: var(--mgk-surface); flex: 0 0 auto; display: grid; place-items: center; color: #fff; }
.mgk-seasoncamp__fitem-box svg { opacity: 0; }
.mgk-seasoncamp__fitem:has(input:checked) .mgk-seasoncamp__fitem-box { background: var(--mgk-cta-blue); border-color: var(--mgk-cta-blue); }
.mgk-seasoncamp__fitem:has(input:checked) .mgk-seasoncamp__fitem-box svg { opacity: 1; }
.mgk-seasoncamp__fitem-label { font-size: 14px; font-weight: 500; color: var(--mgk-navy-900); flex: 1; }
.mgk-seasoncamp__fitem-n { font-size: 13px; font-weight: 600; color: var(--mgk-text-3); }
.mgk-seasoncamp__fitem:hover .mgk-seasoncamp__fitem-label { color: var(--mgk-cta-blue); }

.mgk-seasoncamp__prange { display: flex; align-items: center; gap: 8px; }
.mgk-seasoncamp__prange input { width: 100%; min-width: 0; height: 38px; border: 1px solid var(--mgk-border); border-radius: 10px; padding: 0 10px; font-family: inherit; font-size: 14px; font-weight: 600; color: var(--mgk-navy-900); }
.mgk-seasoncamp__prange input:focus { outline: none; border-color: var(--mgk-cta-blue); }
.mgk-seasoncamp__prange span { color: var(--mgk-text-3); flex: 0 0 auto; }
.mgk-seasoncamp__certrow { display: flex; gap: 8px; flex-wrap: wrap; }
.mgk-seasoncamp__certbtn { height: 32px; padding: 0 12px; border-radius: 8px; border: 1px solid var(--mgk-border); background: var(--mgk-surface); font-size: 13px; font-weight: 600; color: var(--mgk-text-2); font-family: inherit; cursor: pointer; }
.mgk-seasoncamp__certbtn:hover { border-color: var(--mgk-text-3); color: var(--mgk-navy-900); }
.mgk-seasoncamp__certbtn.is-on { background: var(--mgk-cta-blue); border-color: var(--mgk-cta-blue); color: #fff; }
.mgk-seasoncamp__count { font-size: 14px; font-weight: 600; color: var(--mgk-text-2); }

#seasoncamp-sheet-filters { display: block; }
#seasoncamp-sheet-filters .mgk-catmenu__head,
#seasoncamp-sheet-filters .mgk-catmenu__backdrop,
.mgk-seasoncamp__filter-trigger { display: none; }

@media (max-width: 960px) {
	.mgk-seasoncamp__body { grid-template-columns: 1fr; }
	.mgk-seasoncamp__filters { position: static; }
}

.mgk-seasoncamp__grid { margin-top: 4px; }
.mgk-seasoncamp__cell[hidden] { display: none; }

.mgk-seasoncamp__cell { display: flex; }
.mgk-seasoncamp__cell .mgk-prod { width: 100%; }
.mgk-seasoncamp__notfound { max-width: 480px; margin: 60px auto; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 10px; }
.mgk-seasoncamp__notfound-title { font-size: 22px; font-weight: 700; color: var(--mgk-text); margin: 0; }
.mgk-seasoncamp__notfound-sub { font-size: 14px; color: var(--mgk-text-2); margin: 0 0 8px; }
@media (max-width: 1200px) { .mgk-seasoncamp .mgk-grid--5 { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 960px) { .mgk-seasoncamp .mgk-grid--5 { grid-template-columns: repeat(3, 1fr); } .mgk-seasoncamp__title { font-size: 26px; } }
@media (max-width: 640px) {

	.mgk-seasoncamp .mgk-grid--5 { grid-template-columns: repeat(2, 1fr); gap: 16px 12px; }

	.mgk-seasoncamp .mgk-prod__media { aspect-ratio: 1.15; min-height: 0; }
	.mgk-seasoncamp__hero { min-height: 260px; padding: 28px 20px; }
	.mgk-seasoncamp__hero--has-image { aspect-ratio: auto; background-position: 62% center; }
	.mgk-seasoncamp__hero-overlay { background: linear-gradient(90deg, rgba(6,25,55,.94), rgba(6,25,55,.55)); }
	.mgk-seasonal__hero--photo.mgk-seasonal__hero--has-image { grid-template-columns: 1fr; padding: 0; }
	.mgk-seasonal__hero-photo { grid-column: 1; grid-row: 1; min-height: 180px; max-height: 220px; }
	.mgk-seasonal__hero--has-image .mgk-seasonal__hero-body { grid-column: 1; grid-row: 2; padding: 24px 20px; }
	.mgk-seasonal__hero--image-only { height: 300px; min-height: 300px; padding: 24px 20px; }
	.mgk-seasonal__hero--image-only .mgk-seasonal__hero-overlay { background: linear-gradient(90deg, rgba(6,25,55,.88), rgba(6,25,55,.35)); }
}

body.mgk-is-checkout .mgk-header { display: none; }
body.mgk-is-checkout { padding-top: 0; }
.mgk-checkout__header { display: flex; align-items: center; justify-content: space-between; padding: 20px 32px; background: #fff; box-shadow: 0 2px 12px rgba(15, 23, 41, .06); font-family: 'Quicksand', var(--mgk-font); }

.mgk-checkout__header-back { display: inline-flex; align-items: center; gap: 6px; color: #1B3A52; font-weight: 600; font-size: 13.5px; text-decoration: none; }
.mgk-checkout__header-back:hover { text-decoration: underline; }
.mgk-checkout__header-brand { font-weight: 700; font-size: 18px; color: #061937; }
.mgk-checkout__header-secure { font-weight: 600; font-size: 12.5px; color: #8A9FB5; }

.mgk-checkout__billing-toggle input[type="checkbox"] {
	appearance: none; -webkit-appearance: none; width: 36px; height: 20px; margin: 0;
	background: #D7D7DB; border-radius: 999px; position: relative; cursor: pointer;
	transition: background .15s; flex: 0 0 auto;
}
.mgk-checkout__billing-toggle input[type="checkbox"]::before {
	content: ""; position: absolute; top: 2px; left: 2px; width: 16px; height: 16px;
	background: #fff; border-radius: 50%; transition: left .15s;
}
.mgk-checkout__billing-toggle input[type="checkbox"]:checked { background: var(--mgk-checkout-accent); }
.mgk-checkout__billing-toggle input[type="checkbox"]:checked::before { left: 18px; }

.mgk-gst__row--free { color: var(--mgk-green, #16875A); font-weight: 700; }
.mgk-gst__row--discount [data-mgk-sum-discount], .mgk-gst__row--discount [data-mgk-sum-private-discount] { color: #22A86B; font-weight: 700; }
.mgk-gst__discount-remove { background: none; border: none; padding: 0; margin-left: 6px; color: inherit; cursor: pointer; font-size: 13px; line-height: 1; vertical-align: middle; }
.mgk-gst__discount-remove:hover { opacity: .7; }

.mgk-checkout__sumcollapse { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; margin: 4px auto 8px; padding: 0; border-radius: 50%; border: none; background: none; cursor: pointer; transform: rotate(180deg); transition: transform .15s; }
.mgk-checkout__sumcollapse svg { display: block; width: 24px; height: 24px; }
.mgk-checkout__sumcollapse:hover { opacity: .85; }
.mgk-checkout__sumcollapse.is-expanded { transform: rotate(0deg); }
.mgk-checkout__sumitems--collapsed .mgk-sumitems__row:nth-child(n+3) { display: none; }

.mgk-success__sumcollapse {
	display: none; align-items: center; justify-content: center; gap: 4px;
	margin: 8px auto 16px; padding: 0; border: none; background: none;
	font-size: 13.5px; font-weight: 600; color: #4A6580; cursor: pointer;
}

[data-mgk-sumitems-ready] + .mgk-success__sumcollapse { display: flex; }
.mgk-success__sumcollapse svg { display: block; width: 20px; height: 20px; transform: rotate(180deg); transition: transform .15s; }
.mgk-success__sumcollapse.is-expanded svg { transform: rotate(0deg); }
.mgk-success__sumcollapse:hover { opacity: .85; }

.mgk-success__items--collapsed[data-mgk-sumitems-ready] .mgk-success__item:nth-child(n+4) { display: none; }

@media (max-width: 640px) {
	body.home .elementor { display: flex; flex-direction: column; }
	body.home .elementor > .e-con:has([data-widget_type="mgk_header.default"]) { order: 1; }
	body.home .elementor > .e-con:has([data-widget_type="mgk_hero_v2.default"]) { order: 2; }
	body.home .elementor > .e-con:has([data-widget_type="mgk_marquee.default"]) { order: 3; }
	body.home .elementor > .e-con:has([data-widget_type="mgk_flash_deals.default"]) { order: 4; }
	body.home .elementor > .e-con:has([data-widget_type="mgk_quick_reorder.default"]) { order: 5; }
	body.home .elementor > .e-con:has([data-widget_type="mgk_promo.default"]) { order: 6; }
	body.home .elementor > .e-con:has([data-widget_type="mgk_category_grid.default"]) { order: 7; }
	body.home .elementor > .e-con:has([data-widget_type="mgk_featured_products.default"]) { order: 8; }
	body.home .elementor > .e-con:has([data-widget_type="mgk_appliance_banner.default"]) { order: 9; }
	body.home .elementor > .e-con:has([data-widget_type="mgk_trending_products.default"]) { order: 10; }
	body.home .elementor > .e-con:has([data-widget_type="mgk_footer.default"]) { order: 11; }
}

@media (max-width: 640px) {

	[data-widget_type="mgk_trending_products.default"] .mgk-grid:not([data-mgk-trending-expanded]) .mgk-prod:nth-child(n+7) { display: none; }
}

body.mgk-dialog-open { overflow: hidden; }
.mgk-logout-dialog[hidden] { display: none; }
.mgk-logout-dialog {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
}
.mgk-logout-dialog__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(5, 20, 42, .46);
	backdrop-filter: blur(2px);
}
.mgk-logout-dialog__panel {
	position: relative;
	width: min(100%, 480px);
	padding: 36px 44px 32px;
	border: 1px solid #DCE5EE;
	border-radius: 24px;
	background: #fff;
	box-shadow: 0 18px 50px rgba(6, 25, 55, .28);
	text-align: center;
}
.mgk-logout-dialog__panel h2 {
	margin: 0;
	color: #061937;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.3;
}
.mgk-logout-dialog__panel p {
	margin: 24px 0;
	color: #718096;
	font-size: 15px;
	line-height: 1.5;
}
.mgk-logout-dialog__actions {
	display: flex;
	justify-content: center;
	gap: 12px;
}
.mgk-logout-dialog__button {
	min-width: 140px;
	height: 44px;
	padding: 0 24px;
	border-radius: 8px;
	font: 500 15px/1 inherit;
	cursor: pointer;
	transition: background-color .15s, border-color .15s, opacity .15s;
}
.mgk-logout-dialog__button--cancel {
	border: 1px solid #1769FF;
	background: #fff;
	color: #1769FF;
}
.mgk-logout-dialog__button--confirm {
	border: 1px solid #1769FF;
	background: #1769FF;
	color: #fff;
}
.mgk-logout-dialog__button:hover { opacity: .88; }
.mgk-logout-dialog__button:focus-visible {
	outline: 3px solid rgba(23, 105, 255, .25);
	outline-offset: 2px;
}
.mgk-logout-dialog__button:disabled {
	cursor: wait;
	opacity: .65;
}
@media (max-width: 480px) {
	.mgk-logout-dialog__panel { padding: 30px 20px 24px; border-radius: 18px; }
	.mgk-logout-dialog__panel p { margin: 18px 0 22px; }
	.mgk-logout-dialog__actions { gap: 10px; }
	.mgk-logout-dialog__button { min-width: 0; flex: 1; padding: 0 12px; }
}

@media (max-width: 640px) {

	.mgk-coltabs { border-bottom: 1px solid var(--fm-line); }

	.mgk-coltabs__inner { flex-wrap: wrap; }

	.mgk-coltabs__count-line {
		display: block; margin: 0;
		padding: 12px 0 12px var(--mgk-pad-x); box-sizing: border-box;
		font-size: 13px; font-weight: 600; color: var(--fm-muted);
		white-space: nowrap;
	}
	.mgk-coltabs__sort { margin-left: auto; }
	.mgk-coltabs__inner {

		box-sizing: border-box;
		gap: 8px; padding: 12px var(--mgk-pad-x);
		width: 100%; margin: 0; max-width: none;
	}

	.mgk-coltabs__tabs { gap: 8px; width: 100%; }
	.mgk-coltabs__tab {
		flex: 0 0 auto; height: 40px; padding: 0 14px;
		border: 1.5px solid #D0D5DD; border-radius: 20px;
		background: #FFFFFF; color: var(--fm-ink-2);
		font-size: 13px; font-weight: 700; gap: 7px;
		white-space: nowrap;
	}

	.mgk-coltabs__tab.is-active,
	.mgk-coltabs__tab.is-active-m {
		background: var(--fm-blue); border-color: var(--fm-blue); color: #FFFFFF;
	}
	.mgk-coltabs__icon { display: block; font-size: 15px; line-height: 1; }

	.mgk-coltabs__count { display: none; }

	.mgk-coltabs__tab--all {
		display: inline-flex; width: 40px; padding: 0;
		align-items: center; justify-content: center; gap: 0;

		position: relative;
	}
	.mgk-coltabs__tab--all .mgk-coltabs__label {

		position: absolute; width: 1px; height: 1px;
		overflow: hidden; white-space: nowrap; clip-path: inset(50%);
	}

	.mgk-coltabs__tab--all .mgk-coltabs__burger {
		display: flex; align-items: center; justify-content: center;
		width: 16px; height: 16px; line-height: 0;
	}

	.mgk-coltabs__inner:has(> .mgk-coltabs__tab) {
		flex-wrap: nowrap;
		overflow-x: auto; overflow-y: hidden;
		scroll-behavior: smooth;
		-webkit-overflow-scrolling: touch;

		margin-right: calc(var(--mgk-pad-x) * -1);
		padding-right: var(--mgk-pad-x);
	}

	.mgk-section.mgk-shop { padding: 12px var(--mgk-pad-x) 16px; box-sizing: border-box; }
	.mgk-shop__grid, .mgk-shop__main { gap: 12px; }

	.mgk-shop__quicktoggles, .mgk-shop__pills, .mgk-shop__aside { display: none; }

	.mgk-shop__resultheading { font-size: 18px; line-height: 24px; font-weight: 700; color: var(--fm-ink); }
	.mgk-shop__count { font-size: 14px; font-weight: 600; color: var(--fm-ink-3); }

	.mgk-shop .mgk-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }

	.mgk-shop .mgk-prod, .mgk-freshpicks .mgk-prod {
		border: 1px solid var(--fm-line); border-radius: 14px;
		background: #FFFFFF; box-shadow: none; overflow: hidden;
	}
	.mgk-shop .mgk-prod:hover, .mgk-freshpicks .mgk-prod:hover {
		box-shadow: none; transform: none;
	}

	.mgk-shop .mgk-prod__media, .mgk-freshpicks .mgk-prod__media { height: 100px; aspect-ratio: auto; min-height: 0; }
	.mgk-shop .mgk-prod:hover .mgk-prod__img,
	.mgk-freshpicks .mgk-prod:hover .mgk-prod__img { transform: none; }

	.mgk-shop .mgk-prod__body, .mgk-freshpicks .mgk-prod__body {
		display: grid; grid-template-columns: minmax(0, 1fr) 40px;
		align-items: center; column-gap: 8px; row-gap: 6px; padding: 10px;
	}
	.mgk-shop .mgk-prod__foot, .mgk-freshpicks .mgk-prod__foot { display: contents; }

	.mgk-shop .mgk-prod__badges, .mgk-freshpicks .mgk-prod__badges { display: none; }

	.mgk-shop .mgk-prod__name, .mgk-freshpicks .mgk-prod__name {
		grid-column: 1 / -1;
		font-size: 13.5px; font-weight: 600; color: var(--fm-ink);
		line-height: 1.3; min-height: 35px; margin: 0;
	}

	.mgk-shop .mgk-prod__price, .mgk-freshpicks .mgk-prod__price {
		grid-column: 1; grid-row: 2;
		display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px;
		font-size: 16px; font-weight: 700; color: var(--fm-ink);
		font-variant-numeric: tabular-nums;
	}

	.mgk-shop .mgk-prod__unit, .mgk-freshpicks .mgk-prod__unit {
		order: -1; flex: 1 1 100%; margin: 0;
		font-size: 12px; font-weight: 500; color: var(--fm-muted);
	}
	.mgk-shop .mgk-prod__was, .mgk-freshpicks .mgk-prod__was {
		margin: 0; font-size: 11.5px; font-weight: 500;
		color: #98A2B3; text-decoration: line-through;
	}
	.mgk-shop .mgk-prod__pct, .mgk-freshpicks .mgk-prod__pct {
		top: 8px; left: 8px; border-radius: 7px; padding: 3px 6px;
		font-size: 10px; font-weight: 800; background: var(--mgk-badge-promo-bg, var(--fm-red, #D45B46));
	}

	.mgk-shop .mgk-prod__tag, .mgk-freshpicks .mgk-prod__tag,
	.mgk-sale__deal-wrap .mgk-prod__tag {
		top: 8px; right: 8px; border-radius: 9px; padding: 3px 6px;
		font-size: 8px; font-weight: 700; letter-spacing: .4px; background: var(--mgk-badge-promo-bg, var(--fm-red, #D45B46));
	}

	.mgk-shop .mgk-prod__add-wide, .mgk-freshpicks .mgk-prod__add-wide,
	.mgk-sale__deal-wrap .mgk-prod__add-wide {
		grid-column: 2; grid-row: 2;
		width: 40px; height: 40px; margin: 0; padding: 0;
		border-radius: 20px; background: var(--fm-blue); color: #FFFFFF;
		font-size: 0; line-height: 1; align-self: center;
	}

	.mgk-shop .mgk-prod__add-wide::after,
	.mgk-freshpicks .mgk-prod__add-wide::after,
	.mgk-sale__deal-wrap .mgk-prod__add-wide::after {
		content: "+"; font-size: 20px; font-weight: 600; line-height: 1;
	}
	.mgk-shop .mgk-prod__add-wide:hover,
	.mgk-freshpicks .mgk-prod__add-wide:hover,
	.mgk-sale__deal-wrap .mgk-prod__add-wide:hover { background: var(--fm-blue); color: #FFFFFF; }
	.mgk-shop .mgk-prod__add-wide:active,
	.mgk-freshpicks .mgk-prod__add-wide:active,
	.mgk-sale__deal-wrap .mgk-prod__add-wide:active { transform: scale(.94); }

	.mgk-shop .mgk-prod.is-oos:has(.mgk-prod__wish-wide) .mgk-prod__price,
	.mgk-freshpicks .mgk-prod.is-oos:has(.mgk-prod__wish-wide) .mgk-prod__price { display: none; }

	.mgk-shop .mgk-prod__wish-wide, .mgk-freshpicks .mgk-prod__wish-wide {

		grid-column: 1 / -1; grid-row: 2;
		width: 100%; height: 40px; margin: 0; padding: 0 12px;
		border-radius: 22px; font-size: 12.5px; font-weight: 700;
		background: #FFFFFF; color: var(--fm-ink-2); border: 1.5px solid #D0D5DD;
		align-self: center; box-sizing: border-box;
	}
	.mgk-shop .mgk-prod__oos .mgk-chip--red, .mgk-freshpicks .mgk-prod__oos .mgk-chip--red {
		background: #FEF3F2; color: #B42318; border: 1px solid #FECDCA;
		font-size: 12px; font-weight: 700; border-radius: 14px; padding: 5px 10px;
	}

	.mgk-freshpicks { display: none; }

	.mgk-shop__pagination { display: none; }

	.mgk-shop__infinite {
		display: block; min-height: 1px;
		margin: 4px 0 0; padding: 10px 0; text-align: center;
		font-size: 12.5px; font-weight: 600; color: var(--fm-muted);
	}

	.mgk-shop .mgk-prod__options,
	.mgk-freshpicks .mgk-prod__options,
	.mgk-fbt .mgk-prod__options,
	.mgk-products .mgk-prod__options { display: none; }

	.mgk-seasoncamp__toolbar { flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; border-bottom: none; }

	.mgk-seasoncamp__count { order: 1; font-size: 12px; }
	.mgk-seasoncamp__countdown { order: 2; }
	.mgk-seasoncamp__toolbar-selects { order: 3; flex-basis: 100%; width: 100%; margin-left: 0; gap: 10px; }
	.mgk-seasoncamp__toolbar-selects .mgk-pill { flex: 1 1 0; }
	.mgk-seasoncamp__toolbar-selects .mgk-pill__btn { width: 100%; box-sizing: border-box; justify-content: center; }
	.mgk-seasoncamp__filter-trigger {
		display: flex; align-items: center; justify-content: center; gap: 7px;
		flex: 1 1 0; min-height: 44px; padding: 0 13px; box-sizing: border-box;
		border: 1px solid #E4E7EE; border-radius: 11px; background: #FFFFFF;
		font-size: 12px; font-weight: 650; color: var(--fm-ink); cursor: pointer;
	}
	.mgk-seasoncamp__filter-trigger:active { background: #F4F6F9; }
	.mgk-seasoncamp__filter-trigger svg { flex-shrink: 0; }

	.mgk-seasoncamp__countdown { background: none; padding: 0; border-radius: 0; color: var(--mgk-text-2); }
	.mgk-seasoncamp__countdown > span:first-child {
		font-size: 9px; font-weight: 700; color: var(--mgk-text-2);
		text-transform: uppercase; letter-spacing: .3px;
	}
	.mgk-seasoncamp__countdown [data-mgk-flash-hrs],
	.mgk-seasoncamp__countdown [data-mgk-flash-min],
	.mgk-seasoncamp__countdown [data-mgk-flash-sec] {
		display: inline-block; background: #EDF2FF; color: var(--fm-blue);
		font-weight: 700; font-size: 12px; padding: 3px 4px; border-radius: 5px;
		font-variant-numeric: tabular-nums; min-width: 25px; text-align: center;
	}

	.mgk-seasoncamp__toolbar-selects .mgk-pill.is-active .mgk-pill__btn {
		background: #FFFFFF; color: var(--fm-ink);
		border: 1px solid #E4E7EE; border-radius: 11px;
		font-size: 12px; font-weight: 650; min-height: 44px; padding: 0 13px;
	}
	.mgk-seasoncamp__toolbar-selects .mgk-pill.is-active .mgk-pill__btn svg { color: var(--fm-ink); }

	.mgk-seasoncamp__filters { display: contents; }

	#seasoncamp-sheet-filters .mgk-catmenu__head { display: flex; }
	#seasoncamp-sheet-filters .mgk-catmenu__backdrop { display: block; }

	.mgk-seasoncamp__filters-head .mgk-seasoncamp__filters-title { display: none; }
	.mgk-seasoncamp__filters-head { padding-bottom: 10px; }

	.mgk-seasoncamp .mgk-pill { position: static; }

	.mgk-seasoncamp__sort-backdrop { display: none; }
	.mgk-seasoncamp .mgk-pill.is-open ~ .mgk-seasoncamp__sort-backdrop {
		display: block; position: fixed; inset: 0;
		background: rgba(20, 33, 57, .45); z-index: 599;
	}
	.mgk-seasoncamp .mgk-pill__panel {
		position: fixed; top: auto; left: 0; right: 0; bottom: 0;
		width: 100%; max-width: none; max-height: 70vh; margin: 0;
		border-radius: 16px 16px 0 0; box-shadow: 0 -8px 30px rgba(0,0,0,.18);
		z-index: 600;
	}

	.mgk-seasoncamp__pagination { display: none; }

	.cr-pagination-m {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 28px;
		margin: 0;
		padding: 26px 0 4px;
	}
	.cr-pager-m-btn {
		display: grid;
		place-items: center;
		width: 44px;
		height: 44px;
		border-radius: 12px;
		background: #E9F0FF;
		color: var(--fm-blue);
		text-decoration: none;
	}
	.cr-pager-m-btn[aria-disabled] {
		opacity: 0.4;
		pointer-events: none;
	}
	.cr-pager-m-info {
		text-align: center;
		font-family: var(--mgk-font);
		font-size: 13px;
		color: var(--fm-ink);
	}
	.cr-pager-m-info strong {
		font-weight: 700;
	}
	.cr-pager-m-info small {
		display: block;
		margin-top: 4px;
		font-size: 11px;
		font-weight: 400;
		color: #7C8594;
	}

	.mgk-sortlist {
		padding: 10px 16px 24px;
		display: flex;
		flex-direction: column;
		gap: 6px;
	}
	.mgk-sortlist__item {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 14px 16px;
		border-radius: 12px;
		font-family: var(--mgk-font);
		font-size: 14px;
		font-weight: 500;
		color: var(--fm-ink);
		text-decoration: none;
	}
	.mgk-sortlist__item:active,
	.mgk-sortlist__item:hover {
		background: #F4F6F9;
	}
	.mgk-sortlist__item.is-active {
		font-weight: 700;
		color: var(--fm-blue);
		background: #EEF2FF;
	}
	.mgk-sortlist__item.is-active svg {
		stroke: var(--fm-blue);
	}

	.mgk-sale__hero { display: none; }
	.mgk-sale__mhero {
		display: block; padding: 16px var(--mgk-pad-x);
		background: #B42318; color: #FFFFFF; box-sizing: border-box;
	}
	.mgk-sale__mhero-title {
		display: block; font-size: 21px; font-weight: 700; letter-spacing: .4px;
	}
	.mgk-sale__mhero-sub {
		display: block; margin-top: 2px; font-size: 13px; opacity: .9; line-height: 1.4;
	}

	.mgk-sale__filterbar { border-bottom: 1px solid var(--fm-line); }
	.mgk-sale__filterbar-inner {
		flex-direction: column; align-items: stretch; gap: 0;
		padding: 0; height: auto; box-sizing: border-box; max-width: none;
	}

	.mgk-sale__countdown {
		order: 1; display: flex; align-items: center; gap: 6px;
		justify-content: flex-start; margin: 0;

		padding: 8px calc(158px + 10px + var(--mgk-pad-x)) 8px var(--mgk-pad-x);
		box-sizing: border-box; min-height: 60px;
		min-width: 0; overflow: hidden;
	}

	.mgk-sale__endsin {
		display: inline; font-size: 14px; font-weight: 700; color: var(--fm-ink);
		white-space: nowrap;
		min-width: 0; overflow: hidden; text-overflow: ellipsis;
	}

	.mgk-sale__clock { gap: 0; align-items: baseline; flex: 0 0 auto; }

	.mgk-sale__clock-seg {
		display: inline; padding: 0; background: none; border: 0; border-radius: 0;
		min-width: 0; width: auto; height: auto; min-height: 0; box-shadow: none;
	}
	.mgk-sale__clock-num {
		font-size: 14px; font-weight: 700; color: #B42318;
		font-variant-numeric: tabular-nums;
	}

	.mgk-sale__clock-unit { display: none; }
	.mgk-sale__clock-sep {
		display: inline; margin: 0 1px; font-size: 14px; font-weight: 700; color: #B42318;
	}

	.mgk-sale__tabs {

		order: 3; gap: 8px; margin: 0; overflow-x: auto; flex-wrap: nowrap;
		padding: 10px var(--mgk-pad-x) 12px; box-sizing: border-box;
		border-top: 1px solid var(--fm-line);
		border-bottom: 1px solid var(--fm-line);
		scrollbar-width: none;

		flex: 0 1 auto; min-width: 0; max-width: 100%; width: 100%;
	}
	.mgk-sale__tabs::-webkit-scrollbar { display: none; }
	.mgk-sale__tab {
		flex: 0 0 auto; min-height: 40px; padding: 0 16px;
		display: inline-flex; align-items: center; gap: 6px;
		border: 1px solid #D0D5DD; border-radius: 20px; background: #FFFFFF;
		color: var(--fm-ink-2); font-size: 13.5px; font-weight: 700;
		white-space: nowrap;
	}
	.mgk-sale__tab.is-active {
		background: var(--fm-blue-bg); border-color: var(--fm-blue);
		color: var(--fm-blue);
	}

	.mgk-sale__filterbar,
	.mgk-sale__filterbar-inner,
	.mgk-sale__body { display: contents; }

	.mgk-sale__toolbar {
		order: 2;
		padding: 0 var(--mgk-pad-x) 0 0; border: 0;
		margin: -60px 0 0;
		display: flex; align-items: center; justify-content: flex-end;
		box-sizing: border-box; height: 60px;
		position: relative; z-index: 1;

		pointer-events: none;
	}
	.mgk-sale__toolbar > * { pointer-events: auto; }
	.mgk-sale__toolbar-heading { display: none; }
	.mgk-sale__sort { margin-left: auto; }
	.mgk-sale__sort-label { display: none; }

	.mgk-sale__sort-select {
		height: 44px; line-height: 20px; border: 1px solid #D0D5DD; border-radius: 12px;
		padding: 0 34px 0 10px; font-size: 14px; font-weight: 600;
		color: var(--fm-ink-2); background-color: #FFFFFF;
	}

	.mgk-sale__herodeal-wrap {
		grid-column: auto; padding: 0; display: flex;
	}
	.mgk-sale__herodeal {
		display: flex; flex-direction: column; width: 100%;
		border: 1px solid var(--fm-line); border-radius: 14px; overflow: hidden;
		background: #FFFFFF; box-shadow: 0 6px 16px rgba(16,24,40,.07);
		padding: 0; gap: 0;
	}
	.mgk-sale__herodeal:hover { transform: none; box-shadow: 0 6px 16px rgba(16,24,40,.07); }

	.mgk-sale__herodeal-media {
		height: 108px; min-height: 0; aspect-ratio: auto; width: auto; flex: 0 0 auto;
	}
	.mgk-sale__herodeal-body { padding: 10px; gap: 6px; }
	.mgk-sale__herodeal-name {
		font-size: 13.5px; font-weight: 600; line-height: 1.3; min-height: 35px; margin: 0;
	}
	.mgk-sale__herodeal-price { font-size: 16px; font-weight: 800; color: var(--fm-blue); }
	.mgk-sale__herodeal-was { font-size: 11px; font-weight: 600; }

	.mgk-sale__herodeal-prices {
		gap: 6px; margin: 0; flex-wrap: nowrap; align-items: baseline;
	}
	.mgk-sale__herodeal-prices .mgk-chip--save { display: none; }
	.mgk-sale__herodeal-tag {
		top: 8px; left: 8px; border-radius: 6px; padding: 3px 6px;
		font-size: 11px; font-weight: 800;
	}

	.mgk-sale__herodeal-add {
		width: 100%; height: 38px; padding: 0; border-radius: 20px;
		font-size: 12.5px; font-weight: 800;
	}

	.mgk-sale__grid,
	.mgk-sale__toolbar ~ *:not(.mgk-sale__herodeal-wrap) { order: 4; }

	.mgk-sale__mhero { order: 0; }
	.mgk-sale__grid { gap: 12px; padding: 12px var(--mgk-pad-x); box-sizing: border-box; }

	.mgk-sale__deal-tag {
		top: 8px; left: 8px; border-radius: 6px; padding: 3px 6px;
		font-size: 11px; font-weight: 800; background: var(--fm-red); color: #FFFFFF;
	}

	html,
	body:has(.mgk-pdp),
	body.page-id-552,
	body.single-product {
		overflow-x: hidden;
		max-width: 100vw;
	}
	.mgk-pdp {
		overflow-x: hidden;
		max-width: 100%;
	}
	body:has(.mgk-pdp) {
		--mgk-pdp-gutter: 20px;
		padding-bottom: calc(112px + env(safe-area-inset-bottom, 0px)) !important;
	}
	@media (max-width: 360px) {
		body:has(.mgk-pdp) {
			--mgk-pdp-gutter: 16px;
		}
	}
	body:has(.mgk-pdp) .mgk-breadcrumb { display: none !important; }
	body:has(.mgk-pdp) .mgk-trust { display: none !important; }
	body:has(.mgk-pdp) .mgk-tabbar,
	body.page-id-552 .mgk-tabbar,
	body.single-product .mgk-tabbar { display: none !important; }
	body:has(.mgk-pdp) .mgk-fab-group { display: none !important; }
	body:has(.mgk-pdp) .mgk-support__widget { display: none !important; }
	body:has(.mgk-pdp) .mgk-scroll-top { display: none !important; }

	body:has(.mgk-pdp) .mgk-header {
		position: fixed !important;
		top: 0 !important;
		transform: none !important;
		background: rgba(255, 255, 255, 0.96) !important;
		backdrop-filter: blur(20px) !important;
		-webkit-backdrop-filter: blur(20px) !important;
		border-bottom: 1px solid #edf0f570 !important;
		z-index: 500 !important;
	}

	.mgk-section.mgk-pdp { padding: 12px 0 0 !important; }
	.mgk-pdp__grid {
		grid-template-columns: 1fr; gap: 0;
		padding: 0 !important; border-bottom: 0 !important;
	}

	.mgk-pdp__media {
		padding: 0 var(--mgk-pdp-gutter, 20px); margin: 0 0 18px; gap: 0;
	}
	.mgk-pdp__main {
		height: 225px; min-height: 225px; border-radius: 17px;
		background: #f6f8fb; position: relative; overflow: hidden;
		border: 0;
	}
	.mgk-pdp__main-img {
		width: 100%; height: 100%; object-fit: cover;
	}
	.mgk-pdp__main-img--ph { width: 100%; height: 100%; font-size: 64px; }
	.mgk-pdp__discount-tag {
		position: absolute; top: 9px; left: 9px;
		background: #d4523f; color: #ffffff; border-radius: 6px;
		padding: 3px 6px; font-size: 12px; font-weight: 700;
		z-index: 2; display: inline-block; line-height: 1.2;
	}
	.mgk-pdp__wish-float {
		position: absolute; top: 10px; right: 10px;
		width: 36px; height: 36px; border-radius: 50%;
		background: #ffffff !important; border: 0;
		box-shadow: 0 1px 4px rgba(20, 33, 57, 0.08);
		display: flex !important; align-items: center; justify-content: center;
		color: #142139; cursor: pointer; z-index: 2; padding: 0;
	}
	.mgk-pdp__wish-float svg { width: 20px; height: 20px; }
	.mgk-pdp__wish-float.is-active { color: #d4523f; }
	.mgk-pdp__media-badges { display: none !important; }
	.mgk-pdp__media-tags { display: none !important; }
	.mgk-pdp__thumbs { display: none !important; }

	.mgk-pdp__info { padding: 0 var(--mgk-pdp-gutter, 20px); gap: 0; }
	.mgk-pdp__name {
		font-size: 24px; font-weight: 700; color: #142139;
		line-height: 1.2; letter-spacing: -0.6px; margin: 0;
	}
	.mgk-pdp__sku {
		font-size: 11px; font-weight: 500; color: #778396; margin: 7px 0 0;
	}
	.mgk-pdp__price-row {
		display: flex; flex-direction: column; align-items: flex-start;
		gap: 4px; margin-top: 16px;
	}
	.mgk-pdp__price-main {
		display: flex; align-items: baseline; gap: 10px;
	}
	.mgk-pdp__price {
		font-size: 25px; font-weight: 700; color: var(--fm-blue, #315cf5) !important;
		line-height: 1.2;
	}
	.mgk-pdp__price-meta {
		display: flex; align-items: baseline; gap: 8px; margin: 0;
	}
	.mgk-pdp__price-was {
		font-size: 13px; color: #8b95a5; text-decoration: line-through;
	}
	.mgk-pdp__gstline {
		font-size: 11px; color: #778396; margin-top: 7px; display: block;
	}

	.mgk-pdp__tags {
		display: flex !important; flex-wrap: wrap; gap: 6px; margin: 13px 0 17px;
	}
	.mgk-pdp__tags span {
		color: #47736c; background: #f0f5f4; border-radius: 6px;
		padding: 4px 7px; font-size: 10px; font-weight: 600;
	}

	.mgk-pdp__flash {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 8px !important;
		margin: 18px 0 !important;
		background: #fff1ec !important;
		color: #c64530 !important;
		border-radius: 13px !important;
		padding: 13px !important;
		box-sizing: border-box !important;
	}
	.mgk-pdp__flash-head {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 9px !important;
		width: 100% !important;
	}
	.mgk-pdp__flash-label {
		font-size: 13px !important;
		font-weight: 700 !important;
		color: #c64530 !important;
		display: inline-flex !important;
		align-items: center !important;
		gap: 4px !important;
		line-height: 1.3 !important;
	}
	.mgk-pdp__flash-clock {
		display: inline-flex !important;
		align-items: center !important;
		gap: 0 !important;
	}
	.mgk-pdp__flash-seg {
		position: relative !important;
		background: #d95b47 !important;
		color: #ffffff !important;
		font-weight: 700 !important;
		font-size: 12px !important;
		padding: 3px 5px !important;
		border-radius: 5px !important;
		min-width: 22px !important;
		text-align: center !important;
		line-height: 1.3 !important;
		box-sizing: border-box !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
	}
	.mgk-pdp__flash-seg:not(:last-child) {
		margin-right: 7px !important;
	}
	.mgk-pdp__flash-seg:not(:last-child)::after {
		content: ":" !important;
		position: absolute !important;
		right: -6px !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		color: #d5654b !important;
		font-size: 12px !important;
		font-weight: 700 !important;
		line-height: 1 !important;
		pointer-events: none !important;
	}
	.mgk-pdp__flash-note {
		font-size: 11px !important;
		color: #c64530 !important;
		margin: 0 !important;
		line-height: 1.4 !important;
		opacity: 0.9;
	}
	.mgk-pdp__flash .mgk-pdp__limit-notice {
		background: rgba(255, 255, 255, 0.75) !important;
		color: #c64530 !important;
		border-radius: 7px !important;
		padding: 8px 10px !important;
		font-size: 11px !important;
		font-weight: 600 !important;
		line-height: 1.5 !important;
		margin: 2px 0 0 !important;
	}
	.mgk-pdp__flash-stock {
		display: inline-block !important;
		font-size: 12px !important;
		font-weight: 700 !important;
		color: #c64530 !important;
		margin-top: 4px !important;
		line-height: 1.3 !important;
	}
	.mgk-pdp__collection-pill {
		display: flex !important; align-items: center; justify-content: space-between;
		gap: 12px; width: 100%; margin: 16px 0; padding: 13px 14px;
		font-size: 12px; font-weight: 600; color: #41699f; background: #f2f6ff;
		border-radius: 12px; text-decoration: none; box-sizing: border-box;
	}
	.mgk-pdp-collection-strip { display: none !important; }
	.mgk-pdp__offers, .mgk-pdp__avail { display: none !important; }

	.mgk-pdp__mixmatch {
		background: #f8f9fc; border-radius: 14px; margin: 23px var(--mgk-pdp-gutter, 20px); padding: 16px; border: 0;
	}
	.mgk-pdp__mixmatch-head { margin-bottom: 0; }
	.mgk-pdp__mixmatch-title {
		font-size: 15px; font-weight: 700; color: #142139; margin: 0; line-height: 1.4;
	}
	.mgk-pdp__mixmatch-till {
		font-size: 10px; color: #8290a2; margin: 4px 0 12px; display: block;
	}
	.mgk-pdp__mixmatch-items {
		display: flex; flex-direction: column; gap: 0;
	}
	.mgk-pdp__mixmatch-item {
		display: flex !important; align-items: center; gap: 9px;
		padding: 8px 0; border: 0; background: none;
	}
	.mgk-pdp__mixmatch-thumb {
		width: 43px; height: 43px; border-radius: 9px; object-fit: cover;
		flex-shrink: 0; display: block !important;
	}
	.mgk-pdp__mixmatch-info {
		flex: 1; min-width: 0; display: flex; flex-direction: column;
	}
	.mgk-pdp__mixmatch-item-name {
		font-size: 12px; font-weight: 700; color: #142139; line-height: 1.3;
	}
	.mgk-pdp__mixmatch-item-price {
		font-size: 11px; color: #8390a1; margin-top: 4px;
	}
	.mgk-pdp__mixmatch-add {
		width: 44px; min-width: 44px; height: 44px; min-height: 44px;
		border-radius: 12px; background: #edf2ff; border: 1px solid #dce5ff;
		color: var(--fm-blue, #315cf5); display: flex !important;
		align-items: center; justify-content: center; padding: 0; cursor: pointer; flex-shrink: 0;
	}
	.mgk-pdp__mixmatch-add-text { display: none !important; }
	.mgk-pdp__mixmatch-add-icon { display: block !important; }

	.mgk-pdp__tabs {
		margin: 20px 0 0;
		padding: 0 var(--mgk-pdp-gutter, 20px);
		box-sizing: border-box;
	}
	.mgk-pdp__tabstrip { display: none !important; }
	.mgk-pdp__tabpanel { padding: 0; border: 0; }
	.mgk-pdp__tabpanel[hidden] { display: block !important; }
	#mgk-pdp-panel-delivery { display: none !important; }

	.mgk-pdp__accordion { border-top: 0 !important; padding: 15px 0; }
	.mgk-pdp__accordion-summary {
		display: flex !important; align-items: center; justify-content: space-between;
		font-size: 16px; font-weight: 700; color: #142139; cursor: pointer; list-style: none; padding: 0;
	}
	.mgk-pdp__accordion-summary::-webkit-details-marker { display: none; }
	.mgk-pdp__accordion-chevron { transition: transform 0.2s ease; color: #778396; flex-shrink: 0; }
	.mgk-pdp__accordion[open] .mgk-pdp__accordion-chevron { transform: rotate(90deg); }
	.mgk-pdp__accordion-body { padding-top: 14px; font-size: 13px; line-height: 1.8; color: #6d798b; }
	.mgk-pdp__accordion-body p { margin: 7px 0; font-size: 13px; line-height: 1.8; color: #6d798b; }

	.mgk-pdp__reviews {
		margin: 24px 0 0; padding-top: 0 !important; border-top: 0 !important;
	}
	.mgk-pdp__reviews-head {
		display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px;
	}
	.mgk-pdp__reviews-title { font-size: 18px; font-weight: 700; color: #142139; margin: 0; }
	.mgk-pdp__reviews-all {
		background: none !important; border: 0 !important; color: var(--fm-blue, #315cf5) !important;
		font-size: 13px; font-weight: 600; padding: 0; display: inline-flex; align-items: center; gap: 4px;
		box-shadow: none !important;
	}
	.mgk-pdp__reviews-sub { font-size: 12px; color: #7a8597; margin-bottom: 17px; }
	.mgk-pdp__reviews-list { display: flex; flex-direction: column; }
	.mgk-pdp__review {
		display: flex; flex-direction: column; align-items: flex-start;
		padding: 15px 0; border-bottom: 0 !important;
	}
	.mgk-pdp__review:last-child { border-bottom: 0; }
	.mgk-pdp__review-head {
		display: flex; flex-direction: row; align-items: center; justify-content: space-between;
		width: 100%; margin-bottom: 4px;
	}
	.mgk-pdp__review-author { font-size: 13px; font-weight: 700; color: #142139; }
	.mgk-pdp__review-date { font-size: 10px; color: #8892a2; }
	.mgk-pdp__review-avatar { display: none !important; }
	.mgk-pdp__review-meta { margin: 0; }
	.mgk-pdp__review-rating-row {
		display: flex; align-items: center; gap: 8px; margin: 4px 0;
	}
	.mgk-pdp__review-rating { font-size: 16px; color: #e5a92c; letter-spacing: 2px; margin: 6px 8px 4px 0; }
	.mgk-pdp__review-verified {
		font-size: 12px; color: #69998d !important; display: inline-flex; align-items: center;
		gap: 3px; font-weight: 600;
	}
	.mgk-pdp__review-text { font-size: 12px; line-height: 1.7; color: #647187; margin-top: 5px; }

	.mgk-pdp__reviews-empty {
		display: flex !important;
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 10px;
		padding: 24px 10px;
		background: none !important;
		border: 0 !important;
		box-shadow: none !important;
		color: #8692a5;
	}
	.mgk-pdp__reviews-empty-icon { color: #8692a5; width: 28px; height: 28px; }
	.mgk-pdp__reviews-empty-title { color: #495b77; font-size: 14px; font-weight: 700; margin: 0; }
	.mgk-pdp__reviews-empty-text { color: #8692a5; font-size: 12px; margin: 0; }

	body:has(.mgk-pdp) .mgk-products {
		padding: 0 !important; margin: 0 !important;
	}
	body:has(.mgk-pdp) .mgk-products .mgk-sh {
		display: flex; flex-direction: row; align-items: center;
		justify-content: space-between; margin-bottom: 12px;
		padding: 0 var(--mgk-pdp-gutter, 20px) !important;
	}
	body:has(.mgk-pdp) .mgk-products .mgk-sh__title {
		font-size: 18px; font-weight: 700; color: #142139; margin: 0;
	}
	body:has(.mgk-pdp) .mgk-products .mgk-products__cta {
		display: inline-flex !important; font-size: 13px;
		color: var(--fm-blue, #315cf5) !important; font-weight: 600;
	}
	body:has(.mgk-pdp) .mgk-products .mgk-products__arrows { display: none !important; }
	body:has(.mgk-pdp) .mgk-products .mgk-grid {
		display: flex; gap: 12px; overflow-x: auto;
		scroll-snap-type: x mandatory; scrollbar-width: none;
		-ms-overflow-style: none; -webkit-overflow-scrolling: touch;
		padding: 0 var(--mgk-pdp-gutter, 20px) 10px !important; margin: 0;
	}
	body:has(.mgk-pdp) .mgk-products .mgk-grid::-webkit-scrollbar { display: none; }
	body:has(.mgk-pdp) .mgk-products .mgk-grid .mgk-prod {
		flex: 0 0 calc(50% - 6px); min-width: 0; scroll-snap-align: start;
	}
	body:has(.mgk-pdp) .mgk-products .mgk-prod__price {
		display: flex;
		flex-wrap: wrap;
		align-items: baseline;
		gap: 2px 4px;
	}
	body:has(.mgk-pdp) .mgk-products .mgk-prod__unit {
		width: 100%;
		font-size: 12px;
		color: #7d8797;
		display: block;
		margin-left: 0;
	}

	.mgk-pdp__buyrow {
		position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0 !important; z-index: 450 !important;
		display: flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: 10px !important;
		margin: 0 !important; padding: 12px var(--mgk-pdp-gutter, 20px) calc(12px + env(safe-area-inset-bottom, 0px)) !important;
		background: rgba(255, 255, 255, 0.96) !important; backdrop-filter: blur(18px) !important;
		-webkit-backdrop-filter: blur(18px) !important; border-top: 1px solid #edf0f5 !important;
		box-shadow: 0 -2px 10px rgba(20, 33, 57, 0.06) !important; box-sizing: border-box !important;
	}
	.mgk-pdp__qty { flex-shrink: 0; margin: 0; gap: 0; }
	.mgk-pdp__buyrow .mgk-pdp__limit-pill { display: none !important; }
	.mgk-pdp__buyrow .mgk-qty {
		height: 44px; background: #f3f6ff; border: 1px solid #dce4f5;
		border-radius: 9px; display: flex; align-items: center;
		justify-content: space-between; overflow: hidden; padding: 0;
	}
	.mgk-pdp__buyrow .mgk-qty__btn {
		width: 28px; height: 40px; color: var(--fm-blue, #315cf5);
		border: 0; background: none; font-size: 16px; font-weight: 700;
		display: flex; align-items: center; justify-content: center;
		cursor: pointer; padding: 0;
	}
	.mgk-pdp__buyrow .mgk-qty__val {
		min-width: 18px; text-align: center; font-size: 14px;
		font-weight: 700; color: #142139;
	}
	.mgk-pdp__cta { flex: 1; min-width: 0; margin: 0; }
	.mgk-pdp__cta .mgk-btn {
		width: 100%; height: 44px; min-height: 44px; border-radius: 12px;
		font-size: 13px; font-weight: 700; background: var(--fm-blue, #315cf5) !important;
		color: #ffffff !important; border: 0; display: flex;
		align-items: center; justify-content: center;
		box-shadow: 0 4px 12px rgba(49, 92, 245, 0.15); padding: 10px 12px;
	}
	.mgk-pdp__cta .mgk-btn .mgk-cta__m {
		display: inline !important;
	}
	.mgk-pdp__cta .mgk-btn:not(:has(.mgk-cta__m)) .mgk-cta__d {
		display: inline !important;
	}
	.mgk-pdp__buynow { display: none !important; }
	.mgk-pdp__cta .mgk-pdp__wishlist-btn {
		background: var(--mgk-wish-remove) !important; color: #ffffff !important; border: 0;
	}
	.mgk-pdp__buyrow:has(.mgk-pdp__wishlist-btn) .mgk-pdp__qty { display: none; }

	.mgk-cart { padding: 12px 20px 16px; box-sizing: border-box; }

	.mgk-section.mgk-cart,
	.elementor > .elementor-element:first-child + .elementor-element .mgk-section.mgk-cart {
		padding-top: 16px;
	}

	body:has(.mgk-cart) { background: #F5F7FB; }

	.mgk-cart__back { display: none; }

	.mgk-delivery {
		display: grid; grid-template-columns: auto 1fr; column-gap: 12px; row-gap: 10px;
		align-items: center; padding: 15px 16px;
		background: var(--fm-blue-bg); border: 0; border-radius: 15px;
	}
	.mgk-delivery__icon { display: block; grid-column: 1; grid-row: 1 / 3; color: var(--fm-blue); }
	.mgk-delivery__top { grid-column: 2; grid-row: 1; margin-bottom: 0; }
	.mgk-delivery__msg { font-size: 12px; font-weight: 700; color: var(--fm-blue); }
	.mgk-delivery__cap { display: none; }
	.mgk-delivery__track {
		grid-column: 2; grid-row: 2;
		height: 4px; border-radius: 5px; background: #DBE5FF;
	}
	.mgk-delivery__fill, .mgk-delivery__fill.is-done { background: var(--fm-blue); }

	.mgk-cart__tabs { align-items: center; margin: 0 0 20px; border-bottom: 0; }
	.mgk-cart__tab-buttons {
		flex: 1 1 auto; align-items: center; gap: 4px; padding: 4px;
		background: #E9EDF5; border-radius: 13px;
	}
	.mgk-cart__tab[data-mgk-cart-tab="wishlist"] { display: block; }

	.mgk-cart__tab {
		flex: 1 1 0; min-width: 0; min-height: 42px; padding: 0 6px; margin: 0;
		border: 0; border-radius: 10px; background: transparent;
		font-size: 14px; font-weight: 600; color: var(--fm-muted);
	}
	.mgk-cart__tab.is-active {
		background: #FFFFFF; color: var(--fm-blue); font-weight: 600;
		box-shadow: 0 2px 6px rgba(34, 62, 102, .063);
	}
	.mgk-cart__tabs-count { font-size: 13px; font-weight: 600; color: var(--fm-muted); }

	.mgk-cart__basket-heading {
		display: flex; align-items: center; justify-content: space-between;
		margin: 18px 0 12px;
	}
	.mgk-cart__basket-heading .mgk-cart__summary-title { margin: 0; }

	.mgk-cart__grid { grid-template-columns: minmax(0, 1fr); gap: 14px; }

	.mgk-cart__items {
		border: 1px solid var(--fm-line); border-radius: 16px; overflow: hidden;
		margin-top: 14px;
	}
	.mgk-cartrow {
		gap: 12px; padding: 14px; align-items: flex-start;
		border-bottom: 1px solid #F2F4F7;
	}

	.mgk-cartrow__media {
		width: 72px; height: 72px; border-radius: 12px;
	}
	.mgk-cartrow__name { font-size: 14px; font-weight: 700; line-height: 1.35; }

	.mgk-cartrow__sub { font-size: 11px; font-weight: 400; margin-top: 2px; }
	.mgk-cartrow__line { font-weight: 700; }

	.mgk-cartrow .mgk-qty {
		height: 38px; gap: 0; padding: 0;
		background: #F4F6FB; border: 1px solid var(--fm-line); border-radius: 10px;
		overflow: hidden;
	}
	.mgk-cartrow .mgk-qty__btn {
		width: 32px; height: 36px; border: 0; border-radius: 0;
		background: none; color: var(--fm-blue); font-size: 16px;
	}
	.mgk-cartrow .mgk-qty__btn:active { background: rgba(49, 92, 245, .08); }
	.mgk-cartrow .mgk-qty__val {
		min-width: 22px; text-align: center;
		font-size: 12px; font-weight: 700; color: var(--fm-ink);
	}
	.mgk-cartrow__remove {
		color: #B42318; font-size: 12.5px; font-weight: 700;
		padding: 8px 0 0; min-height: 32px;
	}

	.mgk-cart__aside { gap: 14px; }

	.mgk-cart__aside > .mgk-card,
	.mgk-cart__aside > .mgk-card:first-child {
		border: 1px solid var(--fm-line); border-radius: 16px; padding: 16px;
		box-shadow: none;
	}
	.mgk-cart__summary-title {
		font-size: 17px; font-weight: 700; color: var(--fm-ink); margin: 0 0 12px;
	}
	.mgk-cart__freeship {
		border-radius: 10px; padding: 9px 12px; font-size: 13px; font-weight: 600;
	}
	.mgk-cart__aside .mgk-btn--cta, .mgk-cart__checkout {
		width: 100%; height: 40px; border-radius: 25px;
		font-size: 16px; font-weight: 700;
		background: var(--fm-blue); color: #FFFFFF; border: 0;
	}
	.mgk-cart__aside .mgk-btn--cta:active { transform: scale(.98); }
	.mgk-cart__aside-secure { font-size: 12px; color: var(--fm-muted); margin-top: 8px; }

	.mgk-cart__dock {
		position: fixed; left: 0; right: 0; bottom: 0; z-index: 40;
		padding: 12px var(--mgk-pad-x); background: #FFFFFF; border-top: 1px solid var(--fm-line);
		box-shadow: 0 -2px 10px rgba(16, 24, 40, .06); box-sizing: border-box;
	}
	.mgk-cart__dock .mgk-cart__aside-secure { text-align: center; }

	body:has(.mgk-cart__empty[hidden]) { padding-bottom: 108px; }

	.mgk-fbt {
		margin-top: 24px;
		padding: 0 var(--mgk-pad-x, 16px) 24px;
		box-sizing: border-box;
	}
	.mgk-fbt .mgk-sh {
		display: block;
		margin-bottom: 14px;
	}
	.mgk-fbt__heading {
		font-size: 18px;
		font-weight: 700;
		color: var(--fm-ink, #142139);
		margin: 0;
		line-height: 1.25;
	}
	.mgk-fbt .mgk-freshpicks__arrows {
		display: none !important;
	}
	.mgk-fbt__grid {
		display: flex;
		flex-direction: row;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
		gap: 12px;
		margin-right: calc(var(--mgk-pad-x, 16px) * -1);
		padding-right: var(--mgk-pad-x, 16px);
		padding-bottom: 8px;
		-webkit-overflow-scrolling: touch;
	}
	.mgk-fbt__grid::-webkit-scrollbar {
		display: none;
	}
	.mgk-fbt__grid .mgk-prod {
		flex: 0 0 178px !important;
		width: 178px !important;
		max-width: 55vw !important;
		min-width: 0 !important;
		scroll-snap-align: start !important;
		box-sizing: border-box !important;
	}

	.mgk-cart__empty {
		gap: 0; max-width: none; margin: 0; padding: 45px 12px;
	}

	.mgk-cart__empty-icon { width: 40px; height: 40px; }
	.mgk-cart__empty-icon > svg:not(.mgk-icon-m) { display: none; }
	.mgk-cart__empty-icon .mgk-icon-m {
		display: block; width: 40px; height: 40px; color: #7B90BA;
	}
	.mgk-cart__empty-copy { gap: 0; }
	.mgk-cart__empty-title {
		margin: 39px auto 0; max-width: 260px;
		font-size: 21px; font-weight: 700; line-height: 1.35;
		letter-spacing: -.4px; color: var(--fm-ink);
	}
	.mgk-cart__empty-text {
		margin: 30px auto 0; max-width: 280px;
		font-size: 12px; line-height: 21px; color: #8390A1;
	}
	.mgk-cart__empty-cta {
		display: inline-flex; align-items: center; gap: 8px;
		margin-top: 47px; padding: 14px 19px;
		background: var(--fm-blue); font-size: 16px; line-height: 1.45;
		border-radius: 12px;
	}

	.mgk-cart .mgk-cart__empty-cta { box-shadow: 0 4px 12px rgba(49, 92, 245, .1); }
	.mgk-cart__empty-cta .mgk-icon-m { display: block; flex: 0 0 auto; width: 17px; height: 17px; }

	.mgk-cart__tab[data-mgk-cart-tab="wishlist"] { display: none; }

	.mgk-footer__row { display: none; }
	.mgk-footer {
		padding: 0; margin: 0; border-top: 0; background: none;
	}

	.mgk-trust { display: none; }

	.mgk-camphero { min-height: 0; }
	.mgk-camphero__inner { padding: 20px var(--mgk-pad-x); }
	.mgk-camphero__heading { font-size: 24px; font-weight: 800; line-height: 1.2; margin: 0 0 6px; }
	.mgk-camphero__sub { font-size: 13px; line-height: 1.5; margin: 0 0 14px; }
	.mgk-camphero__badge { margin-bottom: 10px; }

	.mgk-camphero__actions { gap: 8px; flex-wrap: nowrap; }
	.mgk-camphero__actions > * {
		flex: 1 1 0; min-width: 0; min-height: 44px;
		display: inline-flex; align-items: center; justify-content: center;
		padding: 0 12px; font-size: 14px; white-space: nowrap;
	}

	.mgk-section.mgk-hampers { padding: 16px var(--mgk-pad-x); box-sizing: border-box; }
	.mgk-hampers .mgk-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }

	.mgk-hamper { border-radius: 14px; }
	.mgk-hamper__media { height: 108px; }

	.mgk-hamper__img--ph { height: 100%; font-size: 34px; }
	.mgk-hamper__body { padding: 10px; }
	.mgk-hamper__name { font-size: 13.5px; font-weight: 600; line-height: 1.3; }
	.mgk-hamper__items { font-size: 11px; margin: 2px 0 8px; }
	.mgk-hamper__foot { display: block; }
	.mgk-hamper__price {
		display: block; font-size: 16px; font-weight: 800;
		color: var(--fm-blue); margin-bottom: 8px;
	}
	.mgk-hamper__foot .mgk-btn {
		display: flex; width: 100%; height: 38px; padding: 0;
		align-items: center; justify-content: center;
		border-radius: 20px; font-size: 12.5px; font-weight: 800;
		background: var(--fm-blue); color: #FFFFFF; border: 0;
		white-space: nowrap;
	}
	.mgk-hamper__foot .mgk-btn:active { transform: scale(.98); }

	.mgk-catmenu {
		position: fixed; inset: 0; z-index: 600;
		visibility: hidden; pointer-events: none;
	}
	.mgk-catmenu.is-open { visibility: visible; pointer-events: auto; }
	.mgk-catmenu__backdrop {
		position: absolute; inset: 0; background: rgba(16,24,40,.45);
		opacity: 0; transition: opacity .24s ease;
	}
	.mgk-catmenu.is-open .mgk-catmenu__backdrop { opacity: 1; }
	.mgk-catmenu__sheet {
		position: absolute; left: 0; right: 0; bottom: 0;
		max-height: 80%; display: flex; flex-direction: column;
		background: #FFFFFF; border-radius: 22px 22px 0 0;
		box-shadow: 0 -8px 28px rgba(16,24,40,.18);
		transform: translateY(100%); transition: transform .28s ease;
	}
	.mgk-catmenu.is-open .mgk-catmenu__sheet { transform: translateY(0); }
	.mgk-catmenu__head {
		display: flex; align-items: center; justify-content: space-between;
		padding: 18px 18px 8px; flex: 0 0 auto;
	}
	.mgk-catmenu__title {
		margin: 0; font-size: 18px; font-weight: 700; color: var(--fm-ink);
	}
	.mgk-catmenu__close {
		width: 40px; height: 40px; flex: 0 0 auto;
		border: 0; background: none; border-radius: 12px;
		font-size: 24px; line-height: 1; color: var(--fm-muted); cursor: pointer;
	}
	.mgk-catmenu__close:active { background: #F2F4F7; }

	.mgk-catmenu__list {
		flex: 1 1 auto; min-height: 0; overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		display: flex; flex-direction: column; gap: 4px;
		padding: 4px 12px 30px;
	}
	.mgk-catmenu__row {
		display: flex; align-items: center; gap: 12px;
		min-height: 54px; padding: 8px 12px; box-sizing: border-box;
		border: 1.5px solid transparent; border-radius: 14px;
		background: #FFFFFF; text-align: left; text-decoration: none;
	}
	.mgk-catmenu__row.is-active { border-color: var(--fm-blue); background: var(--fm-blue-bg); }
	.mgk-catmenu__row:active { background: #F2F4F7; }
	.mgk-catmenu__icon {
		width: 36px; height: 36px; flex: 0 0 auto;
		display: flex; align-items: center; justify-content: center;
		border-radius: 11px; background: #F2F4F7; font-size: 18px;
	}
	.mgk-catmenu__text { flex: 1 1 auto; min-width: 0; }
	.mgk-catmenu__name {
		display: block; font-size: 14px; font-weight: 700; color: var(--fm-ink);
	}
	.mgk-catmenu__count {
		display: block; margin-top: 1px;
		font-size: 11.5px; font-weight: 600; color: var(--fm-muted);
	}
	.mgk-catmenu__tick { flex: 0 0 auto; font-size: 16px; font-weight: 700; color: var(--fm-blue); }

	.mgk-cowiz { padding: 16px var(--mgk-pad-x) 4px; }
	.mgk-cowiz[hidden] { display: none; }
	.mgk-cowiz__top { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
	.mgk-cowiz__headings { min-width: 0; }
	.mgk-cowiz__kicker {
		display: flex; align-items: center; gap: 6px; margin: 0;
		font-size: 11px; font-weight: 700; letter-spacing: .06em;
		text-transform: uppercase; color: var(--fm-blue);
	}
	.mgk-cowiz__kicker svg { flex: 0 0 auto; }
	.mgk-cowiz__title {
		margin: 6px 0 0; font-size: 22px; font-weight: 700;
		letter-spacing: -.4px; color: var(--fm-ink);
	}
	.mgk-cowiz__step { margin: 4px 0 0; font-size: 12.5px; color: var(--fm-muted); }
	.mgk-cowiz__totals { flex: 0 0 auto; text-align: right; }
	.mgk-cowiz__count { margin: 0; font-size: 11px; font-weight: 700; color: var(--fm-muted); }
	.mgk-cowiz__total { margin: 3px 0 0; font-size: 19px; font-weight: 700; color: var(--fm-ink); }
	.mgk-cowiz__bars { display: flex; gap: 6px; margin-top: 15px; }
	.mgk-cowiz__bar {
		flex: 1 1 0; height: 5px; border-radius: 3px; background: #E4E7EC;
		transition: background .2s ease;
	}
	.mgk-cowiz__bar.is-on { background: var(--fm-blue); }

	.mgk-cowiz-off { display: none !important; }

	.mgk-checkout__aside > .mgk-card.mgk-cowiz-off {
		display: block !important;
		padding: 0 !important; margin: 0 !important;
		border: 0 !important; background: none !important; box-shadow: none !important;
	}

	.mgk-checkout__paybar[data-mgk-cowiz-continue] .mgk-checkout__pay.is-disabled {
		opacity: 1; cursor: pointer; pointer-events: auto;
	}

	.mgk-cowiz__gatenote {
		margin: 0 0 8px; text-align: center;
		font-size: 12.5px; font-weight: 600; color: #B42318;
	}
	.mgk-cowiz__gatenote[hidden] { display: none; }
	.mgk-cowiz__gatenote button {
		border: 0; background: none; padding: 0; cursor: pointer;
		font: inherit; color: var(--fm-blue); text-decoration: underline;
	}

	body.mgk-is-checkout { background: #f5f7fb; }
	.mgk-checkout { padding: 0 0 132px; background: #f5f7fb; }

	body.mgk-is-detail .mgk-tabbar { display: none; }

	.mgk-checkout__header {
		position: sticky; top: 0; z-index: 300;
		display: flex; align-items: center; justify-content: flex-start;
		min-height: 48px; padding: calc(10px + env(safe-area-inset-top, 0px)) var(--mgk-pad-x) 10px; box-sizing: border-box;
		background: #FFFFFF; box-shadow: none;
		border-bottom: 1px solid #edf0f5;
		gap: 10px;
	}
	.mgk-checkout__header-back {
		position: static; transform: none;
		width: 44px; height: 44px; padding: 0; overflow: hidden;

		justify-content: center;
		border-radius: 0; background: transparent !important;
		text-decoration: none; text-indent: 0; white-space: nowrap;
		color: #142139; margin-left: -8px; flex-shrink: 0;
	}

	.mgk-checkout__header-back-icon { display: block !important; width: 22px; height: 22px; }
	.mgk-checkout__header-back-text { display: none !important; }
	.mgk-checkout__header-title {
		letter-spacing: -.5px; flex: 1; font-size: 20px; font-weight: 700; line-height: 1.25; color: #142139; margin: 0;
	}
	.mgk-checkout__header-brand { display: none; }

	.mgk-checkout__header-secure { display: none; }

	.mgk-stepper { display: none; }

	.mgk-checkout__grid { display: block; margin-top: 0; }
	.mgk-checkout__main, .mgk-checkout__aside { display: block; }

	.mgk-checkout .mgk-card,
	.mgk-checkout__aside > .mgk-card,
	.mgk-checkout__aside > .mgk-card:first-child {
		margin: 12px var(--mgk-pad-x); padding: 16px;
		background: #FFFFFF; border: 1px solid #EAECF0; border-radius: 16px;
		box-shadow: 0 2px 8px rgba(16, 24, 40, .035);
		box-sizing: border-box;
	}
	.mgk-checkout .mgk-card[data-mgk-cowiz-step] {
		background: transparent !important;
		border: none !important;
		box-shadow: none !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	.mgk-checkout__aside .mgk-card { position: static; top: auto; }

	.mgk-checkout__deliverystate { display: block; }

	.mgk-checkout .mgk-card__title {
		gap: 10px; margin: 0 0 4px;
		font-size: 15px; font-weight: 700; color: var(--fm-ink);
	}
	.mgk-checkout .mgk-card__step {
		width: 28px; height: 28px; border-radius: 9px;
		background: var(--fm-blue-bg); color: var(--fm-blue);
		font-size: 12px; font-weight: 800;
	}
	.mgk-checkout .mgk-card__sub {
		margin: 2px 0 12px; font-size: 12px; color: var(--fm-muted); line-height: 1.4;
	}

	.mgk-checkout__signin {
		margin: 0; padding: 10px var(--mgk-pad-x); border-radius: 0;
		background: var(--fm-blue-bg);
		font-family: inherit; font-size: 13.5px; font-weight: 600;
		color: var(--fm-ink-2);
	}
	.mgk-checkout__signin a { font-size: 13.5px; font-weight: 700; color: var(--fm-blue); }

	.mgk-checkout__methods { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 12px; }
	.mgk-checkout__methods .mgk-optcard {
		display: flex; flex-direction: column; align-items: flex-start;
		min-height: 112px; padding: 12px; gap: 0;
		border: 1.5px solid #E4E7EC; border-radius: 14px;
		background: #FFFFFF; text-align: left;
	}
	.mgk-checkout__methods .mgk-optcard.is-sel {
		border-color: var(--fm-blue); background: var(--fm-blue-bg);
	}
	.mgk-checkout__methods .mgk-optcard:active { transform: scale(.985); }
	.mgk-checkout__methods .mgk-optcard__icon {
		width: 34px; height: 34px; margin: 0;
		display: flex; align-items: center; justify-content: center;
		border-radius: 10px; background: #FFFFFF; font-size: 18px;
		box-shadow: 0 1px 3px rgba(16, 24, 40, .1);
	}
	.mgk-checkout__methods .mgk-optcard__label {
		margin-top: 9px; font-size: 13.5px; font-weight: 700; color: var(--fm-ink);
	}
	.mgk-checkout__methods .mgk-optcard__desc {
		margin-top: 3px; font-size: 11.5px; line-height: 1.35; color: var(--fm-muted);
	}

	.mgk-checkout__addrhead { gap: 10px; }
	.mgk-checkout__addrsummary {
		margin: 12px 0 0; padding: 0; background: none; border-radius: 0;
		align-items: flex-start;
	}
	.mgk-checkout__addrsummary-who { font-size: 14px; font-weight: 700; color: var(--fm-ink); }
	.mgk-checkout__addrsummary-detail { font-size: 13px; line-height: 1.5; color: var(--fm-ink-3); }
	.mgk-checkout__addrsummary-change {
		display: inline-flex; align-items: center; min-height: 36px;
		font-size: 13.5px; font-weight: 700; color: var(--fm-blue);
		text-decoration: none;
	}
	.mgk-checkout__addrpicker2 {
		background: #FFFFFF;
		border: 1px solid #E3E8F1;
		border-radius: 16px;
		margin: 0 var(--mgk-pad-x) 16px !important;
		padding: 16px;
		box-sizing: border-box;
		box-shadow: 0 2px 8px rgba(16, 24, 40, .035);
	}
	.mgk-checkout__addrpicker2-head { display: block; margin-bottom: 10px; }
	.mgk-checkout__addrpicker2-title { font-family: inherit; font-size: 15px; font-weight: 700; }
	.mgk-checkout__addrpicker2-sub { font-size: 12.5px; color: var(--fm-muted); }

	.mgk-checkout__addrpicker2-addnew {
		display: flex; width: 100%; min-height: 40px; margin-top: 10px;
		align-items: center; justify-content: center;
		border: 1.5px dashed var(--fm-blue); border-radius: 12px;
		background: #FFFFFF; color: var(--fm-blue);
		font-size: 14px; font-weight: 700;
	}
	.mgk-checkout__addrpicker2-addnew:active { background: #F5F8FF; }
	.mgk-checkout__addrpicker2-item {
		gap: 10px; padding: 12px; border-radius: 12px; border-width: 1.5px;
	}
	.mgk-checkout__addrpicker2-block { font-size: 13.5px; line-height: 1.4; }
	.mgk-checkout__addrpicker2-who { font-size: 12.5px; color: var(--fm-muted); }

	.mgk-checkout__addrpicker2-actions { flex-direction: row; gap: 14px; align-items: center; }

	.mgk-checkout .mgk-form__grid2 {
		grid-template-columns: minmax(0, 1fr); gap: 14px; margin-bottom: 14px;
	}

	.mgk-checkout .mgk-field { display: block; margin-bottom: 14px; }

	.mgk-checkout .mgk-card > .mgk-field:last-child,
	.mgk-checkout .mgk-checkout__addrform > .mgk-field:last-child { margin-bottom: 0; }
	.mgk-checkout .mgk-form__grid2 > .mgk-field { margin-bottom: 0; }

	.mgk-checkout .mgk-field > span:not(.mgk-field__phone-row) {
		display: block; margin-bottom: 6px;
		font-size: 13.5px; font-weight: 700; color: var(--fm-ink-2);
	}
	.mgk-checkout .mgk-field__note { font-weight: 500; color: var(--fm-muted); }
	.mgk-checkout .mgk-field input[type="text"],
	.mgk-checkout .mgk-field input[type="email"],
	.mgk-checkout .mgk-field input[type="tel"],
	.mgk-checkout .mgk-combo__control input {
		height: 48px; padding: 0 14px; box-sizing: border-box;
		border: 1.5px solid #D0D5DD; border-radius: 12px;
		font-size: 16px; color: var(--fm-ink);
	}
	.mgk-checkout .mgk-field input:focus,
	.mgk-checkout .mgk-combo__control input:focus {
		border-color: var(--fm-blue); box-shadow: 0 0 0 3px rgba(14, 66, 210, .18);
		outline: none;
	}

	.mgk-checkout span.mgk-field__phone-row {
		height: 48px; padding: 0 14px; box-sizing: border-box; gap: 6px;
		border: 1.5px solid #D0D5DD; border-radius: 12px; background: #FFFFFF;
	}
	.mgk-checkout span.mgk-field__phone-row:focus-within {
		border-color: var(--fm-blue); box-shadow: 0 0 0 3px rgba(14, 66, 210, .18);
	}
	.mgk-checkout .mgk-field__phone-prefix { font-size: 15px; color: var(--fm-muted); }

	.mgk-checkout span.mgk-field__phone-row input[type="text"] {
		flex: 1 1 auto; min-width: 0; height: 100%; padding: 0;
		border: 0; background: transparent; font-size: 16px;
	}
	.mgk-checkout span.mgk-field__phone-row input[type="text"]:focus { box-shadow: none; }

	.mgk-checkout .mgk-field input.is-invalid {
		border-color: var(--mgk-red); background: #FEF3F2;
	}
	.mgk-checkout .mgk-field input.is-invalid:focus {
		box-shadow: 0 0 0 3px rgba(232, 80, 64, .12);
	}
	.mgk-checkout span.mgk-field__phone-row:has(input.is-invalid) {
		border-color: var(--mgk-red); background: #FEF3F2;
	}

	.mgk-checkout__zone { font-size: 12.5px; margin: 0 0 14px; line-height: 1.45; }

	.mgk-checkout__billing-toggle, .mgk-checkout__business-toggle {
		min-height: 44px; margin-top: 8px; font-size: 13.5px; color: var(--fm-ink-2);
	}
	.mgk-checkout__billing-toggle input, .mgk-checkout__business-toggle input {
		width: 20px; height: 20px; accent-color: var(--fm-blue);
	}

	.mgk-checkout__timeslots { gap: 8px; margin: 12px 0 0; }
	.mgk-checkout__timeslot {
		min-height: 40px; padding: 0 14px;
		border: 1.5px solid #E4E7EC; border-radius: 22px;
		background: #FFFFFF; color: var(--fm-ink-2);
		font-size: 13.5px; font-weight: 700;
	}
	.mgk-checkout__timeslot.is-sel {
		background: var(--fm-blue-bg); border-color: var(--fm-blue); color: var(--fm-blue);
	}
	.mgk-checkout__note { margin-top: 10px; font-size: 12.5px; line-height: 1.45; color: var(--fm-muted); }

	.mgk-paymethods { display: flex; flex-direction: column; gap: 8px; margin-top: 12px; }
	.mgk-checkout .mgk-paymethod {
		min-height: 56px; padding: 10px 12px; gap: 10px;
		border: 1.5px solid #E4E7EC; border-top: 1.5px solid #E4E7EC;
		border-radius: 12px; background: #FFFFFF;
	}
	.mgk-checkout .mgk-paymethod.is-sel { border-color: var(--fm-blue); background: #FFFFFF; }
	.mgk-checkout .mgk-paymethod__label { font-size: 14px; font-weight: 700; color: var(--fm-ink); }
	.mgk-checkout .mgk-paymethod__desc {
		display: block; margin-top: 2px; font-size: 12px; color: var(--fm-muted);
	}
	.mgk-checkout .mgk-paymethod__meta { display: none; }

	.mgk-checkout .mgk-paymethod__panel {
		margin-top: -4px; padding: 12px;
		border: 1px solid var(--fm-line); border-radius: 12px; background: #F7F8FA;
	}
	.mgk-checkout .mgk-paynow__box {
		width: 100%; padding: 16px; box-sizing: border-box;
		border: 0; background: none; border-radius: 12px;
	}
	.mgk-checkout .mgk-paynow__title { font-size: 14px; font-weight: 700; }
	.mgk-checkout .mgk-paynow__qr { width: 150px; height: 150px; }
	.mgk-checkout .mgk-paynow__amount { font-size: 22px; font-weight: 700; color: var(--fm-ink); }
	.mgk-checkout .mgk-paynow__uen { font-size: 12px; color: var(--fm-muted); line-height: 1.45; }
	.mgk-checkout .mgk-savedcard__row { padding: 10px; border-radius: 10px; gap: 10px; }
	.mgk-checkout .mgk-savedcard__detail { font-size: 13.5px; }
	.mgk-checkout .mgk-savedcard__status { font-size: 11.5px; }

	.mgk-checkout .mgk-card-form__row2 { display: flex; gap: 10px; }
	.mgk-checkout .mgk-card-form__row2 > .mgk-card-form__field { flex: 1 1 0; min-width: 0; }
	.mgk-checkout .mgk-card-form__field label { font-size: 13.5px; font-weight: 700; color: var(--fm-ink-2); }
	.mgk-checkout .mgk-card-form__input {
		height: 48px; padding: 0 14px; box-sizing: border-box;
		border: 1.5px solid #D0D5DD; border-radius: 12px; font-size: 16px;
	}

	.mgk-pay__failed-actions, .mgk-paynow__locked-actions {
		display: flex; flex-direction: column; gap: 8px;
	}
	.mgk-pay__failed-actions .mgk-btn, .mgk-paynow__locked-actions .mgk-btn {
		width: 100%; min-height: 44px; border-radius: 22px;
	}

	.mgk-checkout__sumhead { margin-bottom: 12px; }
	.mgk-checkout .mgk-cart__summary-title {
		margin: 0; font-size: 16px; font-weight: 700; color: var(--fm-ink);
	}
	.mgk-checkout__sumcount { font-size: 13px; font-weight: 700; color: var(--fm-blue); }
	.mgk-checkout .mgk-sumitems { gap: 10px; margin-bottom: 12px; }
	.mgk-checkout .mgk-sumitems__name { font-size: 13.5px; line-height: 1.4; }
	.mgk-checkout .mgk-sumitems__line { font-size: 13.5px; font-weight: 700; color: var(--fm-ink); }
	.mgk-checkout .mgk-gst {
		gap: 7px; margin: 0; padding-top: 12px; font-size: 14px;
		border-top: 1px solid var(--fm-line);
	}
	.mgk-checkout .mgk-gst__row { color: var(--fm-muted); }
	.mgk-checkout .mgk-gst__row > span:last-child { font-weight: 700; color: var(--fm-ink); }
	.mgk-checkout .mgk-gst__row--free > span:last-child { color: #067647; }

	.mgk-checkout .mgk-gst__row--tax {
		margin-top: 10px; padding-top: 12px;
		border-top: 1px solid var(--fm-line);
	}
	.mgk-checkout .mgk-gst__total { align-items: baseline; }
	.mgk-checkout .mgk-gst__total > span:first-child { font-size: 16px; font-weight: 700; color: var(--fm-ink); }
	.mgk-checkout .mgk-gst__total > span:last-child { font-size: 20px; font-weight: 700; color: var(--fm-ink); }
	.mgk-checkout .mgk-gst__note { margin-top: 8px; font-size: 11.5px; line-height: 1.45; }

	.mgk-checkout__voucher { display: grid; grid-template-columns: minmax(0, 1fr) 82px; gap: 8px; margin: 0 0 12px; }
	.mgk-checkout__voucher-input {
		min-width: 0; height: 48px; padding: 0 13px; box-sizing: border-box;
		border: 1.5px solid #D0D5DD; border-radius: 12px; font-size: 16px;
	}
	.mgk-checkout__voucher .mgk-btn {
		height: 48px; padding: 0 12px; border-radius: 12px;
		border: 1.5px solid var(--fm-blue); background: #FFFFFF; color: var(--fm-blue);
		font-size: 14px; font-weight: 700;
	}

	.mgk-checkout__vouchers {
		display: flex; gap: 8px; overflow-x: auto; -webkit-overflow-scrolling: touch;
		margin-bottom: 12px; padding-bottom: 2px;
	}
	.mgk-checkout__voucher-card {
		flex: 0 0 auto; min-width: 150px; padding: 10px 12px;
		border: 1px dashed #98A2B3; border-radius: 12px; background: #F7F8FA;
		text-align: left;
	}
	.mgk-checkout__voucher-desc { font-size: 13.5px; font-weight: 700; color: var(--fm-ink); }
	.mgk-checkout__voucher-exp { font-size: 11.5px; color: var(--fm-muted); }

	.mgk-checkout__voucher-card.is-active { border-color: var(--fm-blue); background: var(--fm-blue-bg); }

	.commerce-progress {
		margin-bottom: 4px;
		padding: 2px 8px 23px;
		display: flex;
	}
	.commerce-progress > button {
		color: #9aa6b8;
		cursor: pointer;
		flex-direction: column;
		align-items: center;
		gap: 7px;
		width: 33.333%;
		padding: 0;
		display: flex;
		position: relative;
		background: none;
		border: none;
		font-family: inherit;
	}
	.commerce-progress > button:disabled { cursor: default; }
	.commerce-progress > button + button:before {
		content: "";
		background: #e1e6ef;
		width: calc(100% - 38px);
		height: 1px;
		position: absolute;
		top: 14px;
		right: calc(50% + 19px);
	}
	.commerce-progress > button > span {
		color: #8d9ab0;
		background: #e9edf4;
		border-radius: 50%;
		place-items: center;
		width: 28px;
		height: 28px;
		font-size: 11px;
		font-weight: 700;
		display: grid;
		transition: all .2s ease;
	}
	.commerce-progress > button > small {
		font-size: 11px;
		font-weight: 650;
	}
	.commerce-progress > button.current { color: #315cf5; }
	.commerce-progress > button.current > span {
		color: #fff;
		background: #315cf5;
		box-shadow: 0 0 0 4px #e8edff;
	}
	.commerce-progress > button.done > span {
		color: #315cf5;
		background: #e3ebff;
	}
	.commerce-progress > button.done:before,
	.commerce-progress > button.current:before {
		background: #b9caff;
	}

	.commerce-stage-heading {
		justify-content: space-between;
		align-items: center;
		gap: 14px;
		margin: 0 0 22px;
		display: flex;
	}
	.commerce-stage-heading h2 {
		letter-spacing: -.65px;
		max-width: 270px;
		font-size: 23px;
		font-weight: 700;
		line-height: 1.25;
		margin: 0;
		color: var(--fm-ink);
	}
	.commerce-stage-heading > span {
		white-space: nowrap;
		color: #8a97ab;
		background: #e9edf4;
		border-radius: 6px;
		padding: 5px 8px;
		font-size: 11px;
		font-weight: 600;
	}

	div.commerce-section-heading.mgk-cowiz-mobile-only,
	.commerce-section-heading {
		display: flex !important;
		flex-direction: row !important;
		justify-content: space-between !important;
		align-items: center !important;
		width: 100% !important;
		margin: 20px var(--mgk-pad-x) 12px !important;
	}
	.commerce-section-heading h2 {
		letter-spacing: -.35px;
		font-size: 18px;
		font-weight: 700;
		line-height: 1.35;
		margin: 0;
		color: var(--fm-ink);
	}
	.commerce-section-heading > span {
		color: #7b8799;
		font-size: 12px;
	}
	.commerce-section-heading > svg { color: #9aa7b8; flex-shrink: 0; }
	.commerce-text-action {
		color: #315cf5;
		padding: 0;
		font-size: 13px;
		font-weight: 700;
		background: none;
		border: none;
		text-decoration: none;
		cursor: pointer;
	}
	.commerce-icon-action {
		color: #8594ad;
		flex: 0 0 30px;
		place-items: center;
		width: 30px;
		height: 40px;
		margin-right: -7px;
		display: grid;
		background: none;
		border: none;
		cursor: pointer;
	}

	.commerce-card {
		background: #fff;
		border: 1px solid #e9edf4;
		border-radius: 18px;
		margin: 12px var(--mgk-pad-x) 20px;
		overflow: hidden;
		box-sizing: border-box;
	}
	.commerce-icon {
		color: #315cf5;
		background: #edf2ff;
		border-radius: 12px;
		flex: 0 0 40px;
		place-items: center;
		width: 40px;
		height: 40px;
		display: grid;
	}

	.commerce-destination {
		align-items: flex-start;
		gap: 12px;
		padding: 17px 16px;
		display: flex;
	}
	.commerce-destination > span:nth-child(2),
	.commerce-destination__text {
		flex: 1;
		min-width: 0;
	}
	.commerce-destination strong {
		font-size: 14px;
		font-weight: 700;
		line-height: 1.45;
		color: var(--fm-ink);
		display: block;
	}
	.commerce-destination p {
		color: #7a889f;
		margin-top: 5px;
		font-size: 12px;
		line-height: 1.7;
		margin-bottom: 0;
	}
	.mgk-checkout__addrsummary.commerce-contact-card {
		display: block !important;
		padding: 0 !important;
		background: #fff !important;
		border: 1px solid #e9edf4 !important;
		border-radius: 18px !important;
		margin: 0 var(--mgk-pad-x) 12px !important;
	}
	.mgk-checkout__addrsummary.commerce-contact-card[hidden] {
		display: none !important;
	}
	.mgk-checkout__addrsummary.commerce-contact-card .commerce-destination {
		display: flex !important;
		align-items: flex-start !important;
		gap: 12px !important;
		padding: 17px 16px 12px !important;
	}
	.mgk-checkout__addrsummary.commerce-contact-card .mgk-checkout__addrsummary-body {
		flex: 1 1 auto !important;
		min-width: 0 !important;
	}
	.mgk-checkout__addrsummary.commerce-contact-card .commerce-contact-meta {
		display: flex !important;
		flex-direction: column !important;
		gap: 4px !important;
		padding: 0 16px 12px 68px !important;
		color: #8b97a9 !important;
		font-size: 11.5px !important;
		line-height: 1.5 !important;
	}
	.mgk-checkout__addrsummary.commerce-contact-card .commerce-contact-note {
		color: #7c899e !important;
		padding: 0 16px 16px 68px !important;
		font-size: 11.5px !important;
		line-height: 1.5 !important;
		margin: 0 !important;
	}
	.mgk-checkout__addrsummary.commerce-contact-card .commerce-contact-note[hidden],
	.mgk-checkout__addrsummary.commerce-contact-card .commerce-contact-meta span[hidden] {
		display: none !important;
	}

	.mgk-checkout__aside > .mgk-card > *:not(.mgk-checkout__paybar):not(.mgk-checkout__err) {
		display: none !important;
	}
	.mgk-checkout__holdtimer,
	.mgk-checkout__signin,
	.mgk-cowiz__bars,
	.mgk-cowiz__gatenote {
		display: none !important;
	}

	.mgk-checkout__billing-card {
		background: #FFFFFF;
		border: 1px solid #E3E8F1;
		border-radius: 16px;
		margin: 0 var(--mgk-pad-x) 16px !important;
		padding: 16px;
		box-sizing: border-box;
		box-shadow: 0 2px 8px rgba(16, 24, 40, .035);
	}
	.mgk-checkout__billing-sep {
		height: 1px;
		background: #F0F2F5;
		margin: 14px 0;
	}
	.mgk-checkout__billing-toggle {
		display: flex !important;
		align-items: center;
		gap: 12px;
		margin: 0;
		font-size: 14px;
		font-weight: 600;
		color: var(--fm-ink);
		cursor: pointer;
		user-select: none;
	}
	.mgk-checkout__billing-toggle input[type="checkbox"] {
		appearance: none !important;
		-webkit-appearance: none !important;
		width: 42px !important;
		height: 24px !important;
		margin: 0 !important;
		background: #D7D7DB !important;
		border-radius: 999px !important;
		position: relative !important;
		cursor: pointer !important;
		transition: background .15s ease !important;
		flex: 0 0 auto !important;
	}
	.mgk-checkout__billing-toggle input[type="checkbox"]::before {
		content: "" !important;
		position: absolute !important;
		top: 2px !important;
		left: 2px !important;
		width: 20px !important;
		height: 20px !important;
		background: #FFFFFF !important;
		border-radius: 50% !important;
		transition: transform .15s ease !important;
		box-shadow: 0 2px 4px rgba(0, 0, 0, .15) !important;
	}
	.mgk-checkout__billing-toggle input[type="checkbox"]:checked {
		background: #1363FF !important;
	}
	.mgk-checkout__billing-toggle input[type="checkbox"]:checked::before {
		transform: translateX(18px) !important;
	}
	.mgk-checkout__billing {
		margin-top: 14px;
		padding-top: 14px;
		border-top: 1px dashed #E3E8F1;
	}
	.mgk-checkout__billing[hidden] {
		display: none !important;
	}
	.mgk-checkout__billing:not([hidden]) {
		display: block !important;
	}
	.mgk-checkout__business-toggle {
		display: flex !important;
		align-items: center;
		gap: 10px;
		margin: 0;
		font-size: 14px;
		font-weight: 600;
		color: var(--fm-ink);
		cursor: pointer;
		user-select: none;
	}
	.mgk-checkout__business-toggle input[type="checkbox"] {
		appearance: auto !important;
		-webkit-appearance: auto !important;
		width: 20px !important;
		height: 20px !important;
		accent-color: #1363FF !important;
		cursor: pointer;
		flex: 0 0 auto;
	}
	.mgk-checkout__business-fields {
		margin-top: 12px;
	}
	.mgk-checkout__business-fields[hidden] {
		display: none !important;
	}
	.mgk-checkout__business-fields:not([hidden]) {
		display: grid !important;
	}

	*.mgk-cowiz-off,
	div.mgk-cowiz-off,
	div.mgk-cowiz-mobile-only.mgk-cowiz-off,
	.commerce-section-heading.mgk-cowiz-off,
	.commerce-card.mgk-cowiz-off,
	.mgk-card.mgk-cowiz-off {
		display: none !important;
	}

	.commerce-card {
		background: #fff;
		border: 1px solid #e3e8f1;
		border-radius: 16px;
		margin: 12px var(--mgk-pad-x);
		box-sizing: border-box;
		box-shadow: 0 2px 8px rgba(16, 24, 40, .035);
	}

	.commerce-contact-card {
		background: #fff;
		border: 1px solid #e3e8f1;
		border-radius: 16px;
		margin: 0 var(--mgk-pad-x) 12px !important;
		box-sizing: border-box;
		box-shadow: 0 2px 8px rgba(16, 24, 40, .035);
	}
	.commerce-contact-card .commerce-destination { padding-bottom: 12px; }

	.commerce-card.commerce-destination,
	.commerce-destination {
		align-items: center !important;
		gap: 12px !important;
		padding: 17px 16px !important;
		display: flex !important;
	}
	.commerce-card.commerce-destination {
		margin: 12px var(--mgk-pad-x) 16px !important;
		cursor: pointer;
	}
	.commerce-destination .commerce-icon {
		color: #315cf5;
		background: #edf2ff;
		border-radius: 12px;
		flex-shrink: 0;
		place-items: center;
		width: 40px;
		height: 40px;
		display: grid;
	}
	.commerce-destination > span:nth-child(2),
	.commerce-destination .commerce-destination__text {
		flex: 1 1 auto;
		min-width: 0;
	}
	.commerce-destination strong,
	.commerce-destination .commerce-destination__text strong {
		font-size: 14px;
		font-weight: 700;
		line-height: 1.45;
		color: var(--fm-ink);
		display: block;
	}
	.commerce-destination p,
	.commerce-destination .commerce-destination__text p {
		color: #7a889f;
		margin-top: 5px;
		margin-bottom: 0;
		font-size: 12px;
		line-height: 1.7;
	}
	.commerce-contact-meta {
		color: #8b97a9;
		overflow-wrap: anywhere;
		flex-direction: column;
		gap: 5px;
		padding: 0 16px 17px 68px;
		font-size: 11px;
		line-height: 1.5;
		display: flex;
	}
	.commerce-contact-note {
		color: #7c899e;
		padding: 0 16px 16px 68px;
		margin: 0;
		font-size: 11px;
		line-height: 1.5;
	}
	.commerce-icon-action {
		color: #8594ad;
		flex: 0 0 30px;
		place-items: center;
		width: 30px;
		height: 40px;
		margin-right: -7px;
		display: grid;
		background: none;
		border: none;
		cursor: pointer;
	}

	.commerce-billing-row {
		text-align: left;
		align-items: center;
		gap: 12px;
		width: calc(100% - 2 * var(--mgk-pad-x)) !important;
		padding: 17px 16px;
		display: flex;
		background: #fff;
		border: 1px solid #e3e8f1;
		border-radius: 16px;
		margin: 0 var(--mgk-pad-x) 20px !important;
		box-sizing: border-box;
		box-shadow: 0 2px 8px rgba(16, 24, 40, .035);
		cursor: pointer;
	}
	.commerce-billing-row > svg { color: #8a99b0; flex-shrink: 0; }
	.commerce-billing-row > span { flex: 1; }
	.commerce-billing-row strong { font-size: 13px; font-weight: 700; display: block; color: var(--fm-ink); }
	.commerce-billing-row small { color: #8795aa; margin-top: 4px; font-size: 11px; display: block; }
	.commerce-billing-row .commerce-chevron { color: #8594ad; flex-shrink: 0; }

	.commerce-section-heading {
		margin: 23px var(--mgk-pad-x) 10px !important;
		display: flex !important;
		justify-content: space-between !important;
		align-items: center !important;
	}
	.commerce-section-heading h2 {
		font-size: 18px;
		font-weight: 700;
		color: var(--fm-ink);
		letter-spacing: -.4px;
		margin: 0;
	}
	.commerce-section-heading svg {
		color: #9aa7b8;
	}

	.mgk-checkout__methods {
		margin: 0 var(--mgk-pad-x) 12px !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 12px !important;
	}
	.mgk-checkout .mgk-optcard { position: relative; }
	.mgk-checkout .commerce-radio {
		background: #fff;
		border: 1px solid #d6ddeb;
		border-radius: 50%;
		place-items: center;
		width: 17px;
		height: 17px;
		display: grid;
		position: absolute;
		top: 15px;
		right: 13px;
	}
	.mgk-checkout .commerce-radio svg { display: none; }
	.mgk-checkout .mgk-optcard.is-sel .commerce-radio {
		color: #fff;
		background: #315cf5;
		border-color: #315cf5;
	}
	.mgk-checkout .mgk-optcard.is-sel .commerce-radio svg { display: block; }

	.commerce-time-card {
		border: 1.5px solid #aebfff !important;
		border-radius: 16px !important;
		padding: 24px 20px 0 !important;
		position: relative;
		box-shadow: 0 5px 18px rgba(49, 92, 245, .05);
		margin: 0 var(--mgk-pad-x) 12px !important;
		background: #fff !important;
		overflow: hidden;
	}
	.commerce-time-icon {
		color: #315cf5;
		background: #edf2ff;
		border-radius: 18px;
		place-items: center;
		width: 58px;
		height: 58px;
		margin-bottom: 22px;
		display: grid;
	}
	.commerce-time-selected {
		color: #315cf5;
		background: #edf2ff;
		border-radius: 6px;
		align-items: center;
		gap: 5px;
		padding: 5px 8px;
		font-size: 10px;
		font-weight: 700;
		display: flex;
		position: absolute;
		top: 23px;
		right: 17px;
	}
	.commerce-time-card h3 {
		letter-spacing: -.45px;
		font-size: 20px;
		font-weight: 700;
		margin: 0;
		color: var(--fm-ink);
	}
	.commerce-time-card > p {
		color: #7a89a1;
		margin-top: 7px;
		font-size: 13px;
		line-height: 1.7;
		margin-bottom: 0;
	}
	.commerce-time-card > p > strong { color: #344e73; }
	.commerce-time-estimate {
		color: #95a1b2;
		align-items: flex-start;
		gap: 8px;
		margin-top: 17px;
		font-size: 11px;
		line-height: 1.7;
		display: flex;
	}
	.commerce-time-estimate > svg { flex-shrink: 0; margin-top: 2px; }
	.commerce-time-footer,
	.commerce-time-card footer {
		color: #7e8faa;
		background: #f6f8ff;
		justify-content: space-between;
		align-items: center;
		margin: 22px -20px 0;
		padding: 14px 20px;
		font-size: 12px;
		display: flex;
		border-bottom-left-radius: 16px;
		border-bottom-right-radius: 16px;
	}
	.commerce-time-footer strong,
	.commerce-time-card footer strong { color: #315cf5; font-size: 14px; font-weight: 700; }
	.commerce-footnote {
		text-align: center;
		color: #91a0b5;
		margin: 16px var(--mgk-pad-x) 25px !important;
		font-size: 11px;
		line-height: 1.8;
	}

	.commerce-review-delivery {
		margin: 0 var(--mgk-pad-x) 12px !important;
		background: #fff !important;
		border: 1px solid #e3e8f1 !important;
		border-radius: 16px !important;
		overflow: hidden;
	}
	.commerce-review-delivery > .commerce-destination { padding-bottom: 14px; }
	.commerce-slot-row {
		color: #6a7f9e;
		text-align: left;
		background: #f9faff;
		align-items: center;
		gap: 8px;
		width: 100%;
		padding: 11px 16px;
		font-size: 11px;
		display: flex;
		border: none;
		border-top: 1px solid #edf0f5;
		cursor: pointer;
		box-sizing: border-box;
	}
	.commerce-slot-row > span { flex: 1; }

	.mgk-card.mgk-checkout__paystate {
		margin: 0 var(--mgk-pad-x) 12px !important;
		background: #fff !important;
		border: 1px solid #e3e8f1 !important;
		border-radius: 16px !important;
		padding: 0 !important;
		overflow: hidden;
	}

	.mgk-checkout .mgk-paymethods {
		border: 1px solid #e9edf4;
		border-radius: 18px;
		background: #fff;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		gap: 0;
		margin-top: 0;
	}
	.mgk-checkout .mgk-paymethod {
		cursor: pointer;
		align-items: center;
		gap: 12px;
		padding: 17px 16px;
		display: flex;
		border: none;
		border-radius: 0;
		background: #fff;
		text-align: left;
		width: 100%;
		box-sizing: border-box;
		min-height: 64px;
	}
	.mgk-checkout .mgk-paymethod + .mgk-paymethod { border-top: 1px solid #e9edf5; }
	.mgk-checkout .mgk-paymethod__body { flex: 1; min-width: 0; }
	.mgk-checkout .mgk-paymethod__label { font-size: 14px; font-weight: 700; display: block; color: var(--fm-ink); }
	.mgk-checkout .mgk-paymethod__desc { color: #8b97ab; margin-top: 4px; font-size: 10px; display: block; }
	.commerce-payment-icon {
		color: #788ba6;
		background: #f1f4f9;
		border-radius: 11px;
		flex-shrink: 0;
		place-items: center;
		width: 39px;
		height: 39px;
		display: grid;
	}
	.mgk-checkout .mgk-paymethod.is-sel {
		background: #f7f9ff;
		box-shadow: inset 3px 0 #315cf5;
	}
	.mgk-checkout .mgk-paymethod.is-sel .commerce-payment-icon {
		color: #315cf5;
		background: #eaf0ff;
	}
	.mgk-checkout .mgk-paymethod .mgk-paymethod__radio {
		order: 3;
		margin: 0 0 0 auto;
		flex-shrink: 0;
		accent-color: #315cf5;
	}

	.commerce-review-items summary {
		cursor: pointer;
		align-items: center;
		gap: 13px;
		padding: 16px;
		list-style: none;
		display: flex;
	}
	.commerce-review-items summary::-webkit-details-marker { display: none; }
	.commerce-review-items summary > span:nth-child(2) { flex: 1; }
	.commerce-review-items summary strong { font-size: 14px; font-weight: 700; display: block; color: var(--fm-ink); }
	.commerce-review-items summary small { color: #8594ab; margin-top: 5px; font-size: 11px; display: block; }
	.commerce-review-items summary > svg { color: #8494ad; transition: transform .15s; }
	.commerce-review-items[open] summary > svg { transform: rotate(90deg); }
	.commerce-thumb-stack { padding-right: 3px; display: flex; }
	.commerce-thumb-stack > img {
		object-fit: cover;
		border: 2px solid #fff;
		border-radius: 9px;
		width: 34px;
		height: 39px;
		margin-left: -13px;
		box-shadow: 1px 1px 3px rgba(35, 50, 75, .04);
	}
	.commerce-thumb-stack > img:first-child { margin-left: 0; }
	.commerce-review-items > div { padding: 0 16px 10px; }
	.commerce-review-items article {
		border-top: 1px solid #f0f2f7;
		align-items: center;
		gap: 10px;
		padding: 12px 0;
		display: flex;
	}
	.commerce-review-items article > img {
		object-fit: cover;
		border-radius: 9px;
		flex-shrink: 0;
		width: 44px;
		height: 44px;
	}
	.commerce-review-items article > span { flex: 1; min-width: 0; }
	.commerce-review-items article strong { font-size: 11px; font-weight: 650; line-height: 1.4; display: block; color: var(--fm-ink); }
	.commerce-review-items article small { color: #8a97ac; margin-top: 4px; font-size: 10px; line-height: 1.5; display: block; }
	.commerce-review-items article > b { white-space: nowrap; font-size: 12px; font-weight: 700; color: var(--fm-ink); }

	.commerce-voucher { position: relative; }
	.commerce-voucher > button {
		text-align: left;
		align-items: center;
		gap: 12px;
		width: 100%;
		padding: 16px;
		display: flex;
		background: none;
		border: none;
		cursor: pointer;
		box-sizing: border-box;
	}
	.commerce-voucher > button > span:nth-child(2) { flex: 1; min-width: 0; }
	.commerce-voucher strong { font-size: 14px; font-weight: 700; display: block; color: var(--fm-ink); }
	.commerce-voucher small { color: #7d899c; margin-top: 4px; font-size: 11px; line-height: 1.5; display: block; }
	.commerce-voucher svg:last-child { color: #315cf5; flex-shrink: 0; }

	.commerce-receipt { padding: 19px 16px; }
	.commerce-receipt h2 {
		margin: 0 0 17px;
		letter-spacing: -.35px;
		font-size: 18px;
		font-weight: 700;
		line-height: 1.35;
		color: var(--fm-ink);
	}
	.commerce-receipt > div {
		justify-content: space-between;
		align-items: baseline;
		gap: 12px;
		margin-top: 13px;
		font-size: 12px;
		display: flex;
	}
	.commerce-receipt > div > span:first-child { color: #7a8799; }
	.commerce-receipt > div > span:last-child { text-align: right; color: #6c7b92; font-size: 11px; }
	.commerce-receipt strong { font-weight: 650; color: var(--fm-ink); }
	.commerce-receipt .commerce-savings,
	.commerce-receipt .commerce-savings > span { color: #268267 !important; }
	.commerce-receipt .commerce-receipt-total {
		border-top: 1px dashed #e2e7f0;
		margin-top: 18px;
		padding-top: 17px;
		font-size: 18px;
	}
	.commerce-receipt .commerce-receipt-total > span { color: #142139; font-weight: 700; }
	.commerce-receipt .commerce-receipt-total > strong { color: #142139; font-weight: 700; font-size: 20px; }

	.mgk-checkout .mgk-checkout__sumhead,
	.mgk-checkout .mgk-checkout__sumitems,
	.mgk-checkout .mgk-checkout__sumcollapse,
	.mgk-checkout .mgk-gst {
		display: none !important;
	}

	.mgk-checkout__paybar.commerce-dock {
		position: fixed;
		left: 50%;
		bottom: 0;
		transform: translateX(-50%);
		width: min(100%, 460px);
		box-sizing: border-box;
		padding: 13px var(--mgk-pad-x) calc(10px + env(safe-area-inset-bottom, 0px));
		-webkit-backdrop-filter: blur(18px);
		backdrop-filter: blur(18px);
		z-index: 400;
		background: #fffffff5;
		border-top: 1px solid #e9edf4;
		box-shadow: 0 -8px 28px rgba(20, 33, 57, .05);
	}
	.commerce-dock-main {
		align-items: center;
		gap: 12px;
		display: flex;
	}
	.commerce-dock-price-col {
		flex-shrink: 0;
		min-width: 86px;
	}
	.commerce-dock-price-col small {
		color: #7c889c;
		margin-bottom: 3px;
		font-size: 11px;
		display: block;
	}
	.commerce-dock-price-col strong {
		letter-spacing: -.65px;
		white-space: nowrap;
		font-size: 22px;
		font-weight: 700;
		line-height: 1.2;
		color: var(--fm-ink);
	}
	.mgk-checkout__paybar .mgk-checkout__pay {
		border-radius: 13px !important;
		flex: 1 1 auto !important;
		gap: 8px !important;
		min-height: 51px !important;
		height: 51px !important;
		padding: 12px !important;
		font-size: 13px !important;
		font-weight: 700 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		background: #315cf5 !important;
		color: #fff !important;
		box-shadow: 0 4px 12px rgba(49, 92, 245, .15) !important;
		text-decoration: none !important;
		border: none !important;
	}
	.mgk-checkout__paybar .mgk-checkout__pay:active { transform: scale(.98); }
	.mgk-checkout__paybar .mgk-checkout__pay.is-disabled { opacity: .6; }
	.commerce-dock-arrow { flex-shrink: 0; }
	.commerce-dock-note {
		color: #8b96a7;
		justify-content: center;
		align-items: center;
		gap: 5px;
		margin: 9px 0 0;
		font-size: 10px;
		display: flex;
	}
	.commerce-dock-note svg { color: #8b96a7; }

	.mgk-cowiz-mobile-only { display: flex; }
	div.mgk-cowiz-mobile-only,
	details.mgk-cowiz-mobile-only,
	p.mgk-cowiz-mobile-only { display: block; }
	.mgk-cowiz-desktop-only { display: none !important; }

	.mgk-success {
		display: block; min-height: 0;
		padding: 24px var(--mgk-pad-x);
		font-family: inherit;
		box-sizing: border-box;
	}

	.mgk-success__card {
		max-width: none; padding: 26px 20px; gap: 0;
		border: 1px solid var(--fm-line); border-radius: 18px;
		box-shadow: none; text-align: center;
	}

	.mgk-success__check {
		width: 64px; height: 64px; margin: 0 auto;
		display: flex; align-items: center; justify-content: center;
	}
	.mgk-success__check svg { width: 100%; height: 100%; display: block; }
	.mgk-success__invoice { top: 16px; right: 16px; }
	.mgk-success__invoice svg { width: 18px; height: 18px; }

	.mgk-success__heading {
		margin: 16px 0 0; font-size: 22px; font-weight: 700; line-height: 1.25;
		color: var(--fm-ink);
	}
	.mgk-success__msg {
		margin: 6px 0 0; font-size: 13.5px; line-height: 1.55; color: var(--fm-ink-3);
	}

	.mgk-success__order {
		margin-top: 16px; padding: 14px;
		border: 0; border-radius: 14px; background: #F7F8FA;
		text-align: left;
	}
	.mgk-success__item { gap: 10px; padding: 10px 0; }
	.mgk-success__item:first-child { padding-top: 0; }
	.mgk-success__item + .mgk-success__item { border-top-color: #E4E7EC; }

	.mgk-success__item-img {
		flex: 0 0 44px; width: 44px; height: 44px; border-radius: 10px;
		background: #FFFFFF;
	}
	.mgk-success__item-name {
		font-size: 13.5px; font-weight: 600; line-height: 1.4; color: var(--fm-ink);
	}
	.mgk-success__item-price { font-size: 13.5px; font-weight: 700; color: var(--fm-ink); }
	.mgk-success__gst {
		gap: 7px; margin: 0; padding-top: 12px;
		font-size: 13.5px; border-top: 1px solid #E4E7EC;
	}
	.mgk-success__gst .mgk-gst__row { color: var(--fm-muted); }
	.mgk-success__gst .mgk-gst__row > span:last-child { font-weight: 700; color: var(--fm-ink); }
	.mgk-success__gst .mgk-gst__total {
		margin-top: 4px; padding-top: 10px; align-items: baseline;
		border-top: 1px solid #E4E7EC;
	}
	.mgk-success__gst .mgk-gst__total > span:first-child { font-size: 14px; font-weight: 700; color: var(--fm-ink); }
	.mgk-success__gst .mgk-gst__total > span:last-child { font-size: 17px; font-weight: 700; color: var(--fm-ink); }
	.mgk-success__reg { margin-top: 16px; font-size: 11px; line-height: 1.45; color: var(--fm-muted); }

	.mgk-success__recap {
		margin-top: 12px; padding: 14px; gap: 9px;
		border-radius: 14px; background: #F7F8FA;
	}
	.mgk-success__recap-row { gap: 12px; }
	.mgk-success__recap-label {
		flex: 0 0 auto; font-size: 13.5px; font-weight: 500; line-height: 1.45;
		color: var(--fm-muted);
	}
	.mgk-success__recap-val {
		font-size: 13.5px; font-weight: 700; line-height: 1.45; color: var(--fm-ink);
	}

	.mgk-success__track {
		width: 100%; height: 40px; margin-top: 18px; padding: 0;
		border-radius: 25px; background: var(--fm-blue);
		font-size: 15px; font-weight: 700;
	}
	.mgk-success__track:active { transform: scale(.98); }
	.mgk-success__home {
		display: flex; align-items: center; justify-content: center;
		width: 100%; min-height: 40px; margin-top: 8px;
		font-size: 14px; font-weight: 700; color: var(--fm-ink-2);
		text-decoration: none;
	}
	.mgk-success__home-wide { display: none; }
	.mgk-success__home-narrow { display: inline; }
	.mgk-success__help { margin-top: 10px; font-size: 11.5px; line-height: 1.45; }

	body.mgk-is-checkout { --mgk-pad-x: 20px; }
	body.mgk-is-checkout .mgk-checkout__header {
		min-height: 69px;
		padding: 12px 32px;
	}
	body.mgk-is-checkout .mgk-cowiz { padding-inline: var(--mgk-pad-x); }
	body.mgk-is-checkout .commerce-stage-heading h2 {
		font-size: 22px;
		letter-spacing: -.55px;
	}
	body.mgk-is-checkout .commerce-section-heading {
		width: auto !important;
		box-sizing: border-box;
	}
	body.mgk-is-checkout .commerce-section-heading[data-mgk-cowiz-step="3"] {
		margin-top: 26px !important;
		margin-bottom: 10px !important;
	}
	body.mgk-is-checkout .mgk-checkout .mgk-paymethods {
		border-radius: 16px;
	}
	body.mgk-is-checkout .mgk-checkout .mgk-paymethod {
		min-height: 72px;
		padding: 16px;
	}
	body.mgk-is-checkout .mgk-checkout .mgk-paymethod__label.mgk-cowiz-mobile-only,
	body.mgk-is-checkout .mgk-checkout .mgk-paymethod__desc.mgk-cowiz-mobile-only {
		display: block !important;
	}
	body.mgk-is-checkout .mgk-checkout .mgk-paymethod__desc.mgk-cowiz-mobile-only {
		margin-top: 3px;
		font-size: 11.5px;
		line-height: 1.35;
	}
	body.mgk-is-checkout .mgk-checkout .mgk-paymethod__panel {
		margin: 0;
		padding: 12px 20px 16px;
		border: 0;
		border-top: 1px solid #e9edf5;
		border-radius: 0;
		background: #f7f9ff;
	}

	body.mgk-is-checkout .mgk-checkout .mgk-savedcard__row {
		padding: 10px 12px;
		border: 1px solid #e4e7ec;
		border-radius: 12px;
		background: #fff;
	}
	body.mgk-is-checkout .mgk-checkout .mgk-savedcard__brand {
		width: 42px;
		height: 28px;
		border-radius: 6px;
	}
	body.mgk-is-checkout .mgk-checkout .mgk-savedcard__status {
		font-size: 11.5px;
		white-space: nowrap;
	}
	body.mgk-is-checkout .mgk-checkout [data-mgk-card-picker] {
		margin: 0;
		padding: 0;
		border: 0;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
	}
	body.mgk-is-checkout .mgk-checkout [data-mgk-card-picker] .mgk-checkout__addrpicker2-head {
		display: block;
		margin: 0;
	}
	body.mgk-is-checkout .mgk-checkout .mgk-checkout__addrpicker2-head > div {
		display: none;
	}
	body.mgk-is-checkout .mgk-checkout [data-mgk-card-picker] .mgk-checkout__addrpicker2-addnew {
		display: flex;
		width: fit-content;
		min-height: 40px;
		margin: 8px auto 0;
		padding: 0 8px;
		border: 0;
		border-radius: 20px;
		background: transparent;
		color: #315cf5;
		font-size: 13.5px;
		font-weight: 700;
	}
	body.mgk-is-checkout .mgk-checkout [data-mgk-card-picker] .mgk-checkout__addrpicker2-addnew:active {
		background: #edf2ff;
	}
	body.mgk-is-checkout .mgk-checkout [data-mgk-card-picker] .mgk-checkout__addrpicker2-list {
		gap: 8px;
	}
	body.mgk-is-checkout .mgk-checkout [data-mgk-card-picker] .mgk-checkout__addrpicker2-item {
		align-items: center;
		gap: 10px;
		min-height: 62px;
		padding: 10px 12px;
		border: 1px solid #e4e7ec;
		border-radius: 12px;
		background: #fff;
	}
	body.mgk-is-checkout .mgk-checkout [data-mgk-card-picker] .mgk-checkout__addrpicker2-item.is-sel {
		border-color: #8ca8ff;
		box-shadow: 0 0 0 1px #8ca8ff;
	}
	body.mgk-is-checkout .mgk-checkout [data-mgk-card-picker] .mgk-checkout__addrpicker2-radio {
		padding-top: 0;
	}
	body.mgk-is-checkout .mgk-checkout [data-mgk-card-picker] .mgk-checkout__addrpicker2-radio input {
		appearance: none;
		-webkit-appearance: none;
		width: 18px;
		height: 18px;
		margin: 0;
		border: 1.5px solid #98a2b3;
		border-radius: 50%;
		background: #fff;
		box-sizing: border-box;
	}
	body.mgk-is-checkout .mgk-checkout [data-mgk-card-picker] .mgk-checkout__addrpicker2-radio input:checked {
		border: 1.5px solid #315cf5;
		box-shadow: inset 0 0 0 4px #fff;
		background: #315cf5;
	}
	body.mgk-is-checkout .mgk-checkout [data-mgk-card-picker] .mgk-checkout__addrpicker2-block {
		margin-bottom: 3px;
		font-size: 13.5px;
		font-weight: 700;
		line-height: 1.35;
		color: var(--fm-ink);
	}
	body.mgk-is-checkout .mgk-checkout [data-mgk-card-picker] .mgk-checkout__addrpicker2-who {
		font-size: 11.5px;
		line-height: 1.35;
		color: #8a97ac;
	}
	body.mgk-is-checkout .mgk-checkout [data-mgk-card-picker] .mgk-checkout__addrpicker2-actions {
		margin-left: auto;
		gap: 0;
	}
	body.mgk-is-checkout .mgk-checkout [data-mgk-card-picker] .mgk-checkout__addrpicker2-delete {
		width: 18px;
		height: 18px;
		padding: 0;
		font-size: 0;
	}
	body.mgk-is-checkout .mgk-checkout [data-mgk-card-picker] .mgk-checkout__addrpicker2-delete svg {
		width: 15px;
		height: 15px;
	}

	body.mgk-is-checkout .mgk-checkout .mgk-savedcard:has(+ [data-mgk-card-picker]:not([hidden])) {
		display: none;
	}
}

@media (min-width: 641px) {
	.mgk-checkout__paybar-secure { display: none; }
	.account-preview-label { display: none !important; }
	.mgk-profile__contact--mobile { display: none !important; }
	.mgk-addr__heading-mobile { display: none !important; }
	.mgk-addr__add-icon { display: none !important; }
	.mgk-addr__pin { display: none !important; }
	.mgk-addr__phone-line { display: none !important; }
	.mgk-addr__note { display: none !important; }
	.mgk-addr__edit-icon-v19 { display: none !important; }

	.mgk-acct__guest-avatar,
	.mgk-acct__row-icon,
	.mgk-acct__row-label--mobile,
	.mgk-acct__welcome-text--mobile,
	.mgk-acct__signin-arrow { display: none !important; }
}

.mgk-checkout__paybar-assurance {
	margin: 7px 0 0; text-align: center;
	font-size: 11.5px; color: #8A9FB5;
}
.mgk-checkout__paybar[data-mgk-cowiz-continue] .mgk-checkout__paybar-assurance {
	display: none;
}

@media (min-width: 641px) {
	.mgk-catmenu { display: none; }
}

@media (max-width: 640px) {

	.mgk-header--inner {
		flex-wrap: nowrap; align-items: center;
		gap: 6px; padding: 6px 20px; min-height: 52px;
	}

	.mgk-header--inner .mgk-header__cart,
	.mgk-header--inner .mgk-header__notifications {
		min-height: 52px; height: 52px;
	}

	.mgk-header--inner .mgk-header__notif-wrap {
		min-height: 52px; height: 52px;
	}

	.mgk-header--inner .mgk-header__left,
	.mgk-header--inner .mgk-header__notif-wrap,
	.mgk-header--inner .mgk-header__notifications,
	.mgk-header--inner .mgk-header__search { display: none; }

	.mgk-header--inner.mgk-header--search { flex-wrap: wrap; }
	.mgk-header--inner.mgk-header--search .mgk-header__search { display: flex; }

	.mgk-header--inner.mgk-header--search { row-gap: 0; }

	.mgk-header--inner.mgk-header--search { padding: 16px 20px 14px; }

	body:has(.mgk-header--inner.mgk-header--search) { padding-top: 161px; }

	body:has(.mgk-cart) .mgk-header--inner .mgk-header__cart { display: none; }
	body:has(.mgk-cart) .mgk-header--inner .mgk-header__notif-wrap {
		display: flex; align-items: center; order: 2; flex: 0 0 auto; min-height: 52px;
	}
	body:has(.mgk-cart) .mgk-header--inner .mgk-header__notifications { display: inline-flex; order: 2; }

	body:has(.native-account) .mgk-header--inner .mgk-header__notif-wrap,
	body:has(.mgk-pdp) .mgk-header--inner .mgk-header__notif-wrap,
	body:has(.mgk-seasoncamp) .mgk-header--inner .mgk-header__notif-wrap,
	body:has(.mgk-track) .mgk-header--inner .mgk-header__notif-wrap {
		display: flex; align-items: center; order: 1; flex: 0 0 auto;
	}
	body:has(.native-account) .mgk-header--inner .mgk-header__notifications,
	body:has(.mgk-pdp) .mgk-header--inner .mgk-header__notifications,
	body:has(.mgk-seasoncamp) .mgk-header--inner .mgk-header__notifications,
	body:has(.mgk-track) .mgk-header--inner .mgk-header__notifications {
		display: inline-flex; order: 1;
	}
	body:has(.native-account) .mgk-header--inner .mgk-header__cart,
	body:has(.mgk-pdp) .mgk-header--inner .mgk-header__cart,
	body:has(.mgk-seasoncamp) .mgk-header--inner .mgk-header__cart,
	body:has(.mgk-track) .mgk-header--inner .mgk-header__cart {
		display: inline-flex; order: 2;
	}

	.mgk-header--inner .mgk-header__burger,
	body:has(.mgk-profile__nav) .mgk-header--inner .mgk-header__burger { display: none; }

	.mgk-header__back {
		order: 0; flex: 0 0 auto;
		display: inline-flex; align-items: center; justify-content: center;
		width: 40px; height: 40px; margin-left: -12px;
		border: 0; border-radius: 12px;
		background: none; color: var(--fm-ink); text-decoration: none;
	}
	.mgk-header__back:active { background: #F2F4F7; }
	.mgk-header__back svg { display: block; width: 22px; height: 22px; }

	.mgk-header__title {
		display: block;
		order: 1; flex: 1 1 auto; min-width: 0;
		font-family: 'Quicksand', var(--mgk-font);

		font-size: 20px; font-weight: 700; letter-spacing: -0.5px; line-height: 25px; color: var(--fm-ink);
		white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
	}

	.mgk-header--home .mgk-header__title { display: none; }

	.mgk-header--root:not(.mgk-header--home) .mgk-header__left { display: none; }

	.mgk-header--root:not(.mgk-header--search) .mgk-header__search { display: none; }

	.mgk-header--root:not(.mgk-header--home) { align-items: center; }
	.mgk-header--root:not(.mgk-header--home) .mgk-header__title {
		font-size: 20px; line-height: 25px;
	}

	.mgk-header--inner .mgk-header__notifications,
	.mgk-header--inner .mgk-header__cart,
	.mgk-header--root:not(.mgk-header--home) .mgk-header__notifications,
	.mgk-header--root:not(.mgk-header--home) .mgk-header__cart {
		background: none;
	}

	body:has(.mgk-header--inner) { padding-top: 64px; }

	body.mgk-is-checkout { padding-top: 0 !important; }

	body:has(.mgk-header--root:not(.mgk-header--search)) { padding-top: 102px; }

	body:has(.mgk-header--root:not(.mgk-header--home).mgk-header--search) { padding-top: 161px; }

	.mgk-section.mgk-acct,
	.mgk-section.mgk-profile,
	.mgk-section.mgk-addr,
	.mgk-section.mgk-ohist,
	.mgk-section.mgk-wish,
	.mgk-section.mgk-rev,
	.mgk-section.mgk-acctset,
	.elementor > .elementor-element:first-child + .elementor-element .mgk-section.mgk-acctset,
	.elementor > .elementor-element:first-child + .elementor-element .mgk-section.mgk-acct,
	.elementor > .elementor-element:first-child + .elementor-element .mgk-section.mgk-profile,
	.elementor > .elementor-element:first-child + .elementor-element .mgk-section.mgk-addr,
	.elementor > .elementor-element:first-child + .elementor-element .mgk-section.mgk-ohist,
	.elementor > .elementor-element:first-child + .elementor-element .mgk-section.mgk-wish,
	.elementor > .elementor-element:first-child + .elementor-element .mgk-section.mgk-rev {
		padding: 14px var(--mgk-pad-x) calc(84px + env(safe-area-inset-bottom, 0px));
		box-sizing: border-box;
	}

	.mgk-section.mgk-wish { align-items: stretch; }
	.mgk-wish__head,
	.mgk-wish__list,
	.mgk-wish__empty { max-width: none; }

	.mgk-acct .mgk-card,
	.mgk-profile .mgk-card,
	.mgk-addr .mgk-card,
	.mgk-ohist .mgk-card,
	.mgk-wish .mgk-card,
	.mgk-rev .mgk-card {
		border: 1px solid var(--fm-line); border-radius: 16px;
		background: #FFFFFF; box-shadow: none;
	}

	.mgk-section.mgk-acct.native-account,
	.mgk-section.mgk-acct {
		display: flex;
		flex-direction: column;
		gap: 0;
		min-height: calc(100dvh - 72px);
		box-sizing: border-box;
	}

	.account-identity {
		display: flex;
		align-items: center;
		gap: 16px;
		margin: 8px 0 21px;
	}
	.account-avatar {
		position: relative;
		width: 72px;
		height: 72px;
		flex-shrink: 0;
		border-radius: 24px;
		border: 4px solid #ffffff;
		background: #e1e9ff;
		color: #315cf5;
		font-size: 26px;
		font-weight: 700;
		display: grid;
		place-items: center;
		box-shadow: 0 4px 16px rgba(49, 92, 245, 0.08);
		overflow: hidden;
		box-sizing: border-box;
	}
	.account-avatar img {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.account-identity h1 {
		margin: 0;
		font-size: 24px;
		font-weight: 700;
		letter-spacing: -0.5px;
		color: var(--fm-ink, #101828);
		line-height: 1.2;
	}
	.account-identity p {
		margin: 3px 0;
		font-size: 14px;
		color: #64748d;
	}
	.account-identity small {
		font-size: 12px;
		color: #7a879c;
	}

	.account-preview-label {
		display: flex;
		align-items: center;
		gap: 6px;
		margin: 0 0 20px;
		font-size: 12px;
		color: #78849a;
	}
	.account-preview-label:before {
		content: "";
		width: 5px;
		height: 5px;
		border-radius: 50%;
		background: #a2aec1;
		display: inline-block;
	}
	.account-preview-label span {
		color: #78849a;
	}

	.account-menu {
		background: #ffffff;
		border: 1px solid #e7ebf2;
		border-radius: 18px;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		box-shadow: none;
	}
	.account-menu-row {
		display: flex;
		align-items: center;
		gap: 13px;
		width: 100%;
		min-height: 68px;
		padding: 12px 15px;
		box-sizing: border-box;
		text-align: left;
		text-decoration: none;
		position: relative;
		cursor: pointer;
		background: #ffffff;
		color: inherit;
		transition: background-color 0.15s ease;
	}
	.account-menu-row:active {
		background: #f8fafc;
	}
	.account-menu-row + .account-menu-row:before {
		content: "";
		position: absolute;
		top: 0;
		left: 64px;
		right: 0;
		height: 1px;
		background: #eef1f6;
	}

	.account-menu-icon {
		width: 38px;
		height: 38px;
		border-radius: 12px;
		flex-shrink: 0;
		display: grid;
		place-items: center;
	}
	.account-menu-icon svg {
		display: block !important;
	}
	.account-menu-icon.icon-profile     { color: #496bdc; background: #edf2ff; }
	.account-menu-icon.icon-addresses   { color: #c77c38; background: #fff1e4; }
	.account-menu-icon.icon-payment     { color: #4f8e69; background: #eaf5ed; }
	.account-menu-icon.icon-password    { color: #8c72b5; background: #f1eef9; }
	.account-menu-icon.icon-preferences { color: #496bdc; background: #edf2ff; }
	.account-menu-icon.icon-support     { color: #4a91a7; background: #e9f4f8; }

	.account-menu-label {
		flex: 1;
		font-size: 16px;
		font-weight: 600;
		color: var(--fm-ink, #101828);
	}
	.account-menu-chevron {
		flex-shrink: 0;
		color: #9ba6b8;
	}

	.account-signout {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
		width: 100%;
		height: 52px;
		margin-top: 23px;
		box-sizing: border-box;
		border: 1px solid #ece4e4;
		border-radius: 14px;
		background: #ffffff;
		color: #b2524c;
		font-size: 14px;
		font-weight: 650;
		text-decoration: none;
		cursor: pointer;
		transition: background-color 0.15s ease;
	}
	.account-signout:active {
		background: #fdf6f6;
	}
	.account-signout svg {
		flex-shrink: 0;
		color: #b2524c;
	}

	.account-brand-footer {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 7px;
		margin-top: 30px;
		font-size: 12px;
		color: #9ba5b5;
	}
	.account-brand-footer img {
		display: inline-block;
		vertical-align: middle;
	}

	body:has(.mgk-acct--guest) {
		background: #F7F9FC;
		padding-top: 68px;
	}

	body:has(.mgk-header--root:not(.mgk-header--search)):has(.mgk-acct--guest) {
		padding-top: 68px;
	}
	body:has(.mgk-acct--guest) .mgk-header--root:not(.mgk-header--home) {
		min-height: 68px;
		padding: 14px 26px;
		align-items: center;
		gap: 0 8px;
	}
	body:has(.mgk-acct--guest) .mgk-header--root:not(.mgk-header--home) .mgk-header__notif-wrap,
	body:has(.mgk-acct--guest) .mgk-header--root:not(.mgk-header--home) .mgk-header__notifications,
	body:has(.mgk-acct--guest) .mgk-header--root:not(.mgk-header--home) .mgk-header__cart {
		min-height: 40px;
		height: 40px;
	}
	body:has(.mgk-acct--guest) .mgk-header--root:not(.mgk-header--home) .mgk-header__notifications,
	body:has(.mgk-acct--guest) .mgk-header--root:not(.mgk-header--home) .mgk-header__cart {
		width: 40px;
		background: transparent;
	}
	body:has(.mgk-acct--guest) .mgk-header--root:not(.mgk-header--home) .mgk-header__cart {
		margin-right: 0;
	}

	body:has(.mgk-acct--guest) .mgk-section.mgk-acct,
	body:has(.mgk-acct--guest) .elementor > .elementor-element:first-child + .elementor-element .mgk-section.mgk-acct {
		min-height: calc(100dvh - 68px);
		padding: 51px 26px calc(84px + env(safe-area-inset-bottom, 0px));
		background: #F7F9FC;
	}
	.mgk-acct--guest .mgk-acct__welcome {
		padding: 0;
		border-radius: 0;
		background: transparent;
		text-align: center;
	}
	.mgk-acct--guest .mgk-acct__guest-avatar {
		display: grid;
		place-items: center;
		width: 76px;
		height: 76px;
		margin: 0 auto 21px;
		border-radius: 24px;
		background: #EAF0FF;
		color: var(--fm-blue);
	}
	.mgk-acct--guest .mgk-acct__guest-avatar svg { display: block; }
	.mgk-acct--guest .mgk-acct__welcome-title {
		margin: 0;
		font-size: 23px;
		font-weight: 700;
		line-height: 29px;
		letter-spacing: -0.45px;
		color: var(--fm-ink);
	}
	.mgk-acct--guest .mgk-acct__welcome-text {
		max-width: 304px;
		margin: 10px auto 0;
		font-size: 13.5px;
		font-weight: 500;
		line-height: 22px;
		color: #8A98AE;
	}
	.mgk-acct--guest .mgk-acct__welcome-text--desktop { display: none; }
	.mgk-acct--guest .mgk-acct__welcome-text--mobile { display: inline; }
	.mgk-acct--guest .mgk-acct__welcome-actions {
		display: flex;
		flex-direction: column;
		gap: 10px;
		margin: 22px 8px 0;
	}
	.mgk-acct--guest .mgk-acct__signin,
	.mgk-acct--guest .mgk-acct__signup {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		min-width: 0;
		height: 52px;
		box-sizing: border-box;
		border-radius: 12px;
		font-size: 16px;
		font-weight: 700;
		line-height: 20px;
		text-decoration: none;
		text-transform: capitalize;
	}
	.mgk-acct--guest .mgk-acct__signin {
		gap: 10px;
		border: 1px solid var(--fm-blue);
		background: var(--fm-blue);
		color: #FFFFFF;
	}
	.mgk-acct--guest .mgk-acct__signin-arrow {
		display: block;
		flex: 0 0 auto;
	}
	.mgk-acct--guest .mgk-acct__signin:active { transform: none; filter: brightness(.97); }
	.mgk-acct--guest .mgk-acct__signup {
		border: 1px solid var(--fm-blue);
		background: #FFFFFF;
		color: var(--fm-blue);
	}
	.mgk-acct--guest .mgk-acct__signup:active { background: #F1F5FF; }
	.mgk-acct--guest .mgk-acct__menu {
		display: block;
		margin: 27px 0 0;
		padding: 0;
		border: 1px solid #E4EAF5;
		border-radius: 17px;
		background: #FFFFFF;
		box-shadow: none;
		overflow: hidden;
	}
	.mgk-acct--guest .mgk-acct__row {
		display: flex;
		align-items: center;
		gap: 13px;
		width: 100%;
		min-height: 68px;
		padding: 0 15px;
		box-sizing: border-box;
		border: 0;
		background: #FFFFFF;
		color: inherit;
		text-align: left;
		text-decoration: none;
	}
	.mgk-acct--guest .mgk-acct__row--legal { display: none; }
	.mgk-acct--guest .mgk-acct__row-icon {
		display: grid;
		place-items: center;
		width: 38px;
		height: 38px;
		flex: 0 0 38px;
		border-radius: 12px;
		background: #EAF0FF;
		color: var(--fm-blue);
	}
	.mgk-acct--guest .mgk-acct__row-icon svg { display: block; }
	.mgk-acct--guest .mgk-acct__row-label--desktop { display: none; }
	.mgk-acct--guest .mgk-acct__row-label--mobile {
		display: block;
		flex: 1 1 auto;
		min-width: 0;
		font-size: 16px;
		font-weight: 600;
		line-height: 20px;
		color: var(--fm-ink);
	}
	.mgk-acct--guest .mgk-acct__row-chev {
		flex: 0 0 auto;
		font-size: 25px;
		font-weight: 400;
		line-height: 1;
		color: #8EA0B8;
	}

	.mgk-profile__nav.is-mobile-open { grid-template-columns: 1fr; gap: 0; }
	.mgk-profile__nav {
		padding: 6px; border-radius: 16px;
		border: 1px solid var(--fm-line);
	}
	.mgk-profile__nav-item {
		min-height: 54px; padding: 0 10px; gap: 12px;
		border-radius: 12px;
		font-size: 14px; font-weight: 700; color: var(--fm-ink);
		white-space: normal;
	}

	.mgk-profile__nav-item .mgk-profile__nav-icon {
		width: 32px; height: 32px; border-radius: 10px;
		background: #F2F4F7; color: var(--fm-ink-2);
	}
	.mgk-profile__nav-item.is-active {
		background: var(--fm-blue-bg); color: var(--fm-blue);
	}
	.mgk-profile__nav-item.is-active .mgk-profile__nav-icon {
		background: #FFFFFF;
	}

	.mgk-profile__nav-item--signout {
		margin-top: 6px; padding-top: 0;
		border-top: 1px solid #F2F4F7;
		color: #B42318;
	}
	.mgk-profile__nav-item--signout .mgk-profile__nav-icon {
		background: #FEF3F2; color: #B42318;
	}

	.mgk-profile__nav-item::after {
		content: '›'; margin-left: auto;
		font-size: 18px; font-weight: 700; line-height: 1;
		color: #98A2B3;
	}
	.mgk-profile__nav-item--signout::after { content: none; }

	.mgk-profile.native-account {
		padding-top: 28px !important;
		padding-bottom: 110px !important;
	}
	.mgk-profile.native-account .mgk-profile__layout {
		display: flex !important;
		flex-direction: column !important;
		gap: 0 !important;
	}
	.mgk-profile.native-account .mgk-profile__nav {
		display: none !important;
	}
	.mgk-profile.native-account .account-preview-label {
		display: flex;
		align-items: center;
		gap: 6px;
		margin: 0 0 16px;
		font-size: 12px;
		color: #78849a;
	}
	.mgk-profile.native-account .account-preview-label:before {
		content: "";
		width: 5px;
		height: 5px;
		border-radius: 50%;
		background: #a2aec1;
		display: inline-block;
	}
	.mgk-profile.native-account .mgk-profile__hero.profile-photo {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		text-align: center !important;
		border: none !important;
		background: transparent !important;
		padding: 0 !important;
		margin: 0 auto 20px !important;
		width: 100% !important;
		box-shadow: none !important;
	}
	.mgk-profile.native-account .mgk-profile__avatar-wrap {
		position: relative !important;
		display: inline-block !important;
		margin: 0 auto 12px !important;
		width: 86px !important;
		height: 86px !important;
	}
	.mgk-profile.native-account .account-avatar {
		width: 86px !important;
		height: 86px !important;
		border-radius: 28px !important;
		background: #e1e9ff !important;
		color: #315cf5 !important;
		font-size: 28px !important;
		font-weight: 700 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		border: 4px solid #ffffff !important;
		box-shadow: 0 4px 16px rgba(49, 92, 245, 0.12) !important;
		overflow: hidden !important;
		margin: 0 auto !important;
		box-sizing: border-box !important;
	}
	.mgk-profile.native-account .account-avatar img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
	}
	.mgk-profile.native-account .photo-edit {
		position: absolute !important;
		bottom: -2px !important;
		right: -2px !important;
		width: 32px !important;
		height: 32px !important;
		border-radius: 50% !important;
		background: #315cf5 !important;
		color: #ffffff !important;
		border: 3px solid #f7f9fc !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		cursor: pointer !important;
		box-shadow: 0 2px 6px rgba(0,0,0,0.15) !important;
		padding: 0 !important;
		z-index: 3 !important;
	}
	.mgk-profile.native-account .photo-edit svg {
		width: 16px !important;
		height: 16px !important;
		stroke: #ffffff !important;
	}
	.mgk-profile.native-account .mgk-profile__hero-body {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		text-align: center !important;
		width: 100% !important;
		gap: 0 !important;
	}
	.mgk-profile.native-account .mgk-profile__hero-top {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
	}
	.mgk-profile.native-account .mgk-profile__name {
		font-size: 22px !important;
		font-weight: 700 !important;
		color: #0f172a !important;
		margin: 0 !important;
		line-height: 1.25 !important;
		letter-spacing: -0.4px !important;
	}
	.mgk-profile.native-account .mgk-profile__contact {
		font-size: 14px !important;
		color: #64748d !important;
		margin: 4px 0 2px !important;
	}
	.mgk-profile.native-account .mgk-profile__contact--mobile {
		display: block !important;
	}
	.mgk-profile.native-account .mgk-profile__contact--desktop {
		display: none !important;
	}
	.mgk-profile.native-account .mgk-profile__member {
		display: block !important;
		font-size: 12px !important;
		color: #7a879c !important;
		margin: 0 !important;
	}
	.mgk-profile.native-account .mgk-profile__edit,
	.mgk-profile.native-account .mgk-profile__tier {
		display: none !important;
	}

	.mgk-profile.native-account .mgk-profile__details {
		background: transparent !important;
		border: none !important;
		border-radius: 0 !important;
		padding: 0 !important;
		box-shadow: none !important;
	}
	.mgk-profile.native-account .mgk-profile__details-head {
		margin: 0 0 12px 0 !important;
		padding: 0 !important;
	}
	.mgk-profile.native-account .mgk-profile__details-title {
		font-size: 18px !important;
		font-weight: 700 !important;
		color: #0f172a !important;
		letter-spacing: -0.35px !important;
	}
	.mgk-profile.native-account .mgk-profile__details-title[data-mgk-phone-label]::after {
		content: none !important;
	}
	.mgk-profile.native-account .mgk-profile__details-title[data-mgk-phone-label] {
		font-size: 18px !important;
	}

	.mgk-profile.native-account .mgk-profile__fields {
		display: flex !important;
		flex-direction: column !important;
		background: #ffffff !important;
		border: 1px solid #e7ebf2 !important;
		border-radius: 17px !important;
		padding: 4px 16px !important;
		gap: 0 !important;
		overflow: hidden !important;
	}
	.mgk-profile.native-account .mgk-profile__field {
		display: flex !important;
		flex-direction: column !important;
		gap: 6px !important;
		padding: 14px 0 !important;
		border: none !important;
		background: transparent !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}
	.mgk-profile.native-account .mgk-profile__field + .mgk-profile__field {
		border-top: 1px solid #edf0f5 !important;
	}

	.mgk-profile.native-account .mgk-profile__field--deskonly {
		display: flex !important;
	}
	.mgk-profile.native-account .mgk-profile__field-label {
		color: #77839a !important;
		font-size: 12px !important;
		font-weight: 650 !important;
		text-transform: none !important;
		margin: 0 !important;
		display: block !important;
	}
	.mgk-profile.native-account .mgk-profile__field-label[data-mgk-phone-label]::after {
		content: none !important;
	}
	.mgk-profile.native-account .mgk-profile__field-label[data-mgk-phone-label] {
		font-size: 12px !important;
	}
	.mgk-profile.native-account .mgk-profile__field-value {
		display: none !important;
	}
	.mgk-profile.native-account .mgk-profile__field-input {
		display: block !important;
		width: 100% !important;
		height: 28px !important;
		min-height: 28px !important;
		border: none !important;
		outline: none !important;
		box-shadow: none !important;
		background: transparent !important;
		padding: 0 !important;
		font-size: 16px !important;
		color: #0f172a !important;
		font-family: inherit !important;
		margin-top: 0 !important;
	}
	.mgk-profile.native-account .mgk-profile__field-input:read-only {
		color: #8d98a9 !important;
	}
	.mgk-profile.native-account .mgk-profile__phone-row {
		display: flex !important;
		align-items: center !important;
		border: none !important;
		background: transparent !important;
		padding: 0 !important;
		margin-top: 0 !important;
		height: 28px !important;
	}
	.mgk-profile.native-account .mgk-profile__phone-prefix {
		font-size: 16px !important;
		color: #0f172a !important;
		margin-right: 6px !important;
		font-weight: 400 !important;
	}
	.mgk-profile.native-account .mgk-profile__field-datewrap {
		display: flex !important;
		align-items: center !important;
		position: relative !important;
		width: 100% !important;
	}
	.mgk-profile.native-account .mgk-profile__field-dateproxy {
		padding-right: 32px !important;
	}
	.mgk-profile.native-account .mgk-profile__field-dateicon {
		position: absolute !important;
		right: 0 !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		color: #64748b !important;
	}
	.mgk-profile.native-account select.mgk-profile__field-input {
		cursor: pointer !important;
		padding-right: 20px !important;
	}

	.mgk-profile.native-account .mgk-profile__save-row {
		display: flex !important;
		margin-top: 20px !important;
	}
	.mgk-profile.native-account .form-submit,
	.mgk-profile.native-account [data-mgk-profile-save] {
		width: 100% !important;
		min-height: 50px !important;
		border-radius: 13px !important;
		font-size: 16px !important;
		font-weight: 700 !important;
		background: #315cf5 !important;
		color: #ffffff !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		border: none !important;
		cursor: pointer !important;
	}
	.mgk-profile.native-account .mgk-profile__cancel,
	.mgk-profile.native-account [data-mgk-profile-cancel] {
		display: none !important;
	}
	.mgk-profile.native-account .mgk-profile__settings-row {
		display: none !important;
	}

	.mgk-profile__layout { gap: 12px; align-items: stretch; }
	.mgk-profile__main { gap: 12px; width: 100%; min-width: 0; }

	.mgk-profile__hero {
		gap: 12px; padding: 16px;
		border: 1px solid var(--fm-line); border-radius: 16px;
		background: #FFFFFF;
	}
	.mgk-profile__avatar {
		width: 48px; height: 48px; border-radius: 24px;
		background: var(--fm-blue); color: #FFFFFF;
		font-size: 17px; font-weight: 700;
	}
	.mgk-profile__hero-body { gap: 0; min-width: 0; flex: 1 1 auto; }
	.mgk-profile__name { font-size: 16px; font-weight: 700; color: var(--fm-ink); }

	.mgk-profile__contact { display: none; }
	.mgk-profile__member { margin-top: 2px; font-size: 12.5px; font-weight: 400; color: var(--fm-muted); }

	.mgk-profile__tier { display: none; }

	.mgk-profile__details { padding: 16px; }
	.mgk-profile__details-head { margin-bottom: 12px; flex-wrap: nowrap; }
	.mgk-profile__details-title { font-size: 15px; font-weight: 700; color: var(--fm-ink); }

	.mgk-profile__details-title[data-mgk-phone-label] { font-size: 0; }
	.mgk-profile__details-title[data-mgk-phone-label]::after {
		content: attr(data-mgk-phone-label);
		font-size: 15px; font-weight: 700; color: var(--fm-ink);
	}

	.mgk-profile__edit {
		flex: 0 0 auto;
		display: inline-flex; align-items: center; justify-content: center;
		height: 40px; padding: 0 16px;
		border: 1.5px solid var(--fm-blue); border-radius: 22px;
		background: #FFFFFF; color: var(--fm-blue);
		font-family: inherit; font-size: 13.5px; font-weight: 700;
		cursor: pointer; white-space: nowrap;
	}
	.mgk-profile__edit:active { background: #F5F8FF; }
	.mgk-profile__edit[hidden] { display: none; }

	.mgk-profile__fields { gap: 14px; }

	.mgk-profile__field { min-width: 0; gap: 0; }
	.mgk-profile__field-label {
		font-size: 12px; font-weight: 600; color: var(--fm-muted);
	}
	.mgk-profile__field-value {
		font-size: 14px; font-weight: 600; color: var(--fm-ink);
		margin-top: 3px;

		word-break: break-all;
	}

	.mgk-profile__field--deskonly { display: none; }
	.mgk-profile__field-label[data-mgk-phone-label] { font-size: 0; }
	.mgk-profile__field-label[data-mgk-phone-label]::after {
		content: attr(data-mgk-phone-label);
		font-size: 12px; font-weight: 600; color: var(--fm-muted);
	}

	[data-mgk-profile-mode="view"] .mgk-profile__field-value[data-mgk-phone-value] { font-size: 0; }
	[data-mgk-profile-mode="view"] .mgk-profile__field-value[data-mgk-phone-value]::after {
		content: attr(data-mgk-phone-value);
		font-size: 14px; font-weight: 600; color: var(--fm-ink);
	}

	[data-mgk-profile-mode="edit"] .mgk-profile__phone-row {
		display: flex; align-items: center; gap: 6px; padding: 0 14px;
	}

	[data-mgk-profile-mode="edit"] .mgk-profile__phone-row .mgk-profile__field-input {
		border: none; background: transparent; padding: 0; margin-top: 0; height: 100%;
		flex: 1 1 auto; width: auto; min-width: 0;
	}

	[data-mgk-profile-mode="edit"] .mgk-profile__phone-row .mgk-profile__field-input:focus {
		outline: none; border-color: transparent; box-shadow: none;
	}
	[data-mgk-profile-mode="edit"] .mgk-profile__phone-prefix {
		display: inline-flex; flex: 0 0 auto; font-size: 14px; color: var(--mgk-text-2, #667085);
	}

	[data-mgk-profile-mode="edit"] .mgk-profile__fields {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px 10px;
	}

	[data-mgk-profile-mode="edit"] .mgk-profile__field-label:not([data-mgk-phone-label]) {
		font-size: 13.5px; font-weight: 700; color: var(--fm-ink-2);
	}
	[data-mgk-profile-mode="edit"] .mgk-profile__field-label[data-mgk-phone-label]::after {
		font-size: 13.5px; font-weight: 700; color: var(--fm-ink-2);
	}
	[data-mgk-profile-mode="edit"] .mgk-profile__field { grid-column: 1 / -1; }

	[data-mgk-profile-mode="edit"] .mgk-profile__field:has(#mgk-profile-dob),
	[data-mgk-profile-mode="edit"] .mgk-profile__field:has(#mgk-profile-nationality) {
		grid-column: auto;
	}
	.mgk-profile__field-input,
	[data-mgk-profile-mode="edit"] .mgk-profile__phone-row {
		box-sizing: border-box;
		width: 100%; height: 48px; margin-top: 6px;
		border: 1.5px solid #D0D5DD; border-radius: 12px;
		background: #FFFFFF;
	}
	.mgk-profile__field-input {
		padding: 0 14px;

		font-size: 16px; color: var(--fm-ink);
	}
	.mgk-profile__field-input:focus,
	[data-mgk-profile-mode="edit"] .mgk-profile__phone-row:focus-within {
		border-color: var(--fm-blue); outline: none;
		box-shadow: 0 0 0 3px rgba(14, 66, 210, .18);
	}

	select.mgk-profile__field-input { padding: 0 30px 0 10px; text-overflow: ellipsis; }

	.mgk-profile__field-input.is-invalid { border-color: #FDA29B; }
	.mgk-profile__field-err {
		margin-top: 5px; font-size: 12.5px; font-weight: 600; color: #B42318;
	}

	.mgk-profile__field-datewrap { display: block; position: relative; }
	.mgk-profile__field-dateproxy { padding-right: 44px; }
	.mgk-profile__field-dateicon {
		position: absolute; right: 12px; top: 50%;
		transform: translateY(calc(-50% + 3px));
		pointer-events: none;
	}
	.mgk-profile__field-dateicon svg { width: 20px; height: 20px; }

	.mgk-profile__save-row { gap: 10px; margin-top: 4px; }
	.mgk-profile__save-row .mgk-btn {
		flex: 1 1 0; min-width: 0;
		height: 40px; padding: 0; border-radius: 24px;
		font-size: 15px; font-weight: 700;
	}
	.mgk-profile__save-row .mgk-btn--blue {
		background: var(--fm-blue); border-color: var(--fm-blue);
	}
	.mgk-profile__save-row .mgk-btn--outline {
		background: #FFFFFF; border: 1.5px solid #D0D5DD; color: var(--fm-ink-2);
	}
	.mgk-profile__actions-row { display: flex; margin-top: 4px; }
	.mgk-profile__actions-row .mgk-btn {
		flex: 1 1 auto;
		height: 40px; border-radius: 25px;
		font-size: 15px; font-weight: 700;
	}

	.mgk-profile__profile-view { gap: 12px; }
	.mgk-profile__settings-row {
		display: flex; align-items: center; justify-content: space-between;
		box-sizing: border-box;
		min-height: 52px; padding: 0 16px;
		border: 1px solid var(--fm-line); border-radius: 14px;
		background: #FFFFFF; text-decoration: none;
	}
	.mgk-profile__settings-label {
		font-size: 15px; font-weight: 700; color: var(--fm-ink);
	}
	.mgk-profile__settings-chev {
		font-size: 20px; font-weight: 700; color: var(--fm-muted); line-height: 1;
	}

	.mgk-profile__avatar-wrap { position: relative; flex: 0 0 auto; }
	.mgk-profile__avatar-edit {
		position: absolute; right: -2px; bottom: -2px;
		width: 26px; height: 26px; padding: 0;
		border: 2px solid #FFFFFF; border-radius: 13px;
		font-size: 11px; line-height: 1;
	}
	[data-mgk-profile-mode="view"] .mgk-profile__avatar-edit { display: none; }

	[data-mgk-profile-mode="view"] .mgk-profile__field-dateicon { display: none; }

	.mgk-profile__hero { flex-direction: row; align-items: center; }
	.mgk-profile__name { margin: 0; }
	.mgk-profile__contact, .mgk-profile__member { margin: 0; }

	.mgk-profile__pwpanel {
		box-sizing: border-box;
		width: 100%; max-width: none; padding: 0; gap: 16px;
		display: flex; flex-direction: column;
		border: none; border-radius: 0;
		background: transparent;
	}

	.mgk-profile__pw-head {
		display: flex; align-items: flex-start; flex-direction: column;
		gap: 12px; margin: 0 0 16px; text-align: left;
	}
	.mgk-profile__pw-icon {
		display: flex; align-items: center; justify-content: center;
		width: 62px; height: 62px; border-radius: 19px;
		background: #EAF0FF; color: var(--fm-blue, #315CF5); flex: 0 0 auto;
	}
	.mgk-profile__pw-icon svg { width: 29px; height: 29px; }

	.mgk-profile__pw-title {
		display: block; margin: 0; font-size: 18px; font-weight: 700;
		color: var(--fm-ink, #142139);
	}

	.mgk-profile__pw-input {
		box-sizing: border-box;
		width: 100%; height: 28px; min-height: 28px; margin-top: 0; padding: 0;
		border: none; border-radius: 0;
		font-size: 16px; color: var(--fm-ink); background: transparent;
	}
	.mgk-profile__pw-input:focus {
		outline: none; box-shadow: none;
	}
	.mgk-profile__pwpanel .mgk-profile__field-label {
		font-size: 13.5px; font-weight: 700; color: var(--fm-ink-2);
	}

	.mgk-profile__pw-help {
		display: none;
		margin: 5px 0 0;
		font-size: 12px; line-height: 1.45; color: var(--fm-muted);
	}

	.mgk-profile__pwpanel .mgk-profile__actions-row { display: block; margin-top: 0; }
	.mgk-profile__pwpanel [data-mgk-pw-save] {
		box-sizing: border-box;
		display: flex; align-items: center; justify-content: center; gap: 10px;
		width: 100%; min-width: 0; height: auto; padding: 14px 19px;
		border-radius: 13px;
		font-size: 16px; font-weight: 700;

		background: var(--fm-blue); border-color: var(--fm-blue);
	}
	.mgk-profile__pwpanel [data-mgk-pw-save] svg { width: 17px; height: 17px; flex: 0 0 auto; }

	.mgk-profile__pw-forgot {
		display: flex; align-items: center; justify-content: flex-end;
		min-height: 0;
		font-size: 13.5px; font-weight: 700; color: var(--fm-blue);
		text-decoration: none; background: none; border: none;
	}

	.mgk-profile__pw-status {
		border-radius: 12px; padding: 12px 14px;
		font-size: 13px; line-height: 1.45;
	}

	.mgk-addr { gap: 14px; }
	.mgk-addr__view { display: block; }
	.mgk-addr__view[hidden] { display: none !important; }
	.mgk-addr__head {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 8px;
		margin: -4px 0 15px;
	}
	.mgk-addr__heading {
		display: block;
		letter-spacing: -0.35px;
		font-size: 18px;
		font-weight: 700;
		color: #142139;
		margin: 0;
	}
	.mgk-addr__heading-desktop { display: none !important; }
	.mgk-addr__heading-mobile { display: inline !important; }

	.mgk-addr__add {
		position: static;
		width: 44px;
		height: 44px;
		min-width: 44px;
		border-radius: 50%;
		background: #EAF0FF;
		color: #315CF5;
		border: none;
		padding: 0;
		margin: 0;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		box-shadow: none;
		cursor: pointer;
	}
	.mgk-addr__add:active {
		transform: scale(0.95);
		background: #D8E4FF;
	}
	.mgk-addr__add .mgk-addr__add-text { display: none !important; }
	.mgk-addr__add .mgk-addr__add-icon {
		display: block !important;
		width: 23px;
		height: 23px;
		stroke: currentColor;
	}

	.mgk-addr__list {
		display: flex;
		flex-direction: column;
		gap: 14px;
		order: initial;
	}
	.mgk-addr__empty {
		padding: 48px 24px;
		text-align: center;
		font-size: 14px;
		color: var(--fm-ink-3);
	}

	.mgk-card.mgk-addr__item {
		background: #FFFFFF;
		border: 1px solid #E4E9F3;
		border-radius: 18px;
		padding: 14px 15px 18px;
		margin: 0;
		position: relative;
		display: block;
		box-shadow: none;
	}
	.mgk-addr__item-body { min-width: 0; }
	.mgk-addr__item-head {
		display: flex;
		align-items: center;
		gap: 8px;
		margin-bottom: 10px;
		padding-right: 44px;
	}
	.mgk-addr__pin {
		display: grid !important;
		place-items: center;
		width: 38px;
		height: 38px;
		border-radius: 12px;
		background: #EDF2FF;
		color: #496BDC;
		flex-shrink: 0;
		margin-right: 2px;
	}
	.mgk-addr__pin svg {
		width: 20px;
		height: 20px;
	}
	.mgk-addr__label,
	.mgk-addr__sep,
	.mgk-addr__phone,
	.mgk-addr__who {
		display: none !important;
	}
	.mgk-addr__name {
		display: inline;
		font-size: 16px;
		font-weight: 700;
		color: #142139;
		overflow-wrap: anywhere;
		min-width: 0;
	}
	.mgk-addr__item [data-mgk-addr-default-chip] {
		background: #EDF2FF;
		color: #5275DF;
		border: 1px solid #DFE7FC;
		border-radius: 6px;
		padding: 3px 6px;
		font-size: 12px;
		font-weight: 650;
		text-transform: capitalize;
		margin-left: 2px;
	}
	.mgk-addr__phone-line,
	.mgk-addr__addr,
	.mgk-addr__note {
		color: #667791;
		margin: 0 0 0 46px;
		font-size: 14px;
		line-height: 1.7;
		display: block;
	}
	.mgk-addr__postal {
		color: #8A97AA;
		margin: 10px 0 0 46px;
		font-size: 12px;
		display: block;
		line-height: 1.5;
	}
	.mgk-addr__postal[data-mgk-phone-postal] {
		font-size: 12px;
		word-spacing: normal;
		text-indent: 0;
	}
	.mgk-addr__postal[data-mgk-phone-postal]::after {
		content: none !important;
		display: none !important;
	}
	.mgk-addr__postal[data-mgk-phone-postal] > span {
		display: inline !important;
		color: #8A97AA;
	}
	.mgk-addr__postal strong {
		color: #142139;
		margin-left: 5px;
		font-weight: 700;
	}

	.mgk-addr__item-actions {
		position: absolute;
		top: 15px;
		right: 15px;
		display: flex;
		align-items: center;
		gap: 0;
	}
	.mgk-addr__iconbtn {
		background: transparent;
		width: 36px;
		height: 36px;
		border-radius: 8px;
		border: none;
		padding: 0;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		color: #142139;
		cursor: pointer;
	}
	.mgk-addr__iconbtn:not(.mgk-addr__iconbtn--delete) {
		width: 36px;
		height: 36px;
		padding: 0;
	}
	.mgk-addr__iconbtn:not(.mgk-addr__iconbtn--delete) svg {
		width: 17px;
		height: 17px;
		stroke: currentColor;
	}
	.mgk-addr__iconbtn:not(.mgk-addr__iconbtn--delete) .mgk-addr__edit-icon-desktop {
		display: none !important;
	}
	.mgk-addr__iconbtn:not(.mgk-addr__iconbtn--delete) .mgk-addr__edit-icon-v19 {
		display: block !important;
	}
	.mgk-addr__iconbtn:not(.mgk-addr__iconbtn--delete)::after {
		display: none !important;
		content: none !important;
	}
	.mgk-addr__iconbtn--delete {
		display: none !important;
	}
	.mgk-addr__iconbtn:active {
		background: #F2F4F7;
	}
	.mgk-addr > .mgk-addr__view[hidden] .mgk-addr__add,
	.mgk-addr > .mgk-addr__view[hidden] .mgk-addr__heading {
		display: none;
	}
	.mgk-addr__empty {
		padding: 48px 24px; text-align: center;
		font-size: 14px; color: var(--fm-ink-3);
	}

	.mgk-addrform {
		padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px));
		box-sizing: border-box;
	}
	.mgk-addrform__card { padding: 16px; border-radius: 16px; }
	.mgk-addrform__title { font-size: 17px; font-weight: 750; color: var(--fm-ink); }
	.mgk-addrmodal__body { gap: 12px; }
	.mgk-addrmodal__foot { gap: 10px; }
	.mgk-addrmodal__foot .mgk-btn {
		flex: 1 1 0; min-width: 0;
		height: 40px; border-radius: 24px;
		font-size: 15px; font-weight: 700;
	}

	.mgk-privacy { gap: 10px; }
	.mgk-privacy__title { font-size: 16px; line-height: 1.3; font-weight: 750; color: var(--fm-ink); }
	.mgk-privacy__card { padding: 6px 16px; border-radius: 16px; border-color: var(--fm-line); }
	.mgk-privacy__row {
		min-height: 52px; padding: 8px 0; gap: 12px;
		border-bottom-color: #F2F4F7;
		flex-wrap: nowrap;
	}
	.mgk-privacy__row-title {
		font-size: 14.5px; line-height: 1.35; font-weight: 600; color: var(--fm-ink);
	}
	.mgk-privacy__row-title--danger { color: #B42318; }

	.mgk-privacy__row-desc { display: none; }

	.mgk-privacy__toggle { width: 46px; height: 26px; border-radius: 13px; }

	.mgk-privacy__toggle.is-on { background: #067647; }
	.mgk-privacy__knob {
		top: 2px; left: 2px; width: 22px; height: 22px; border-radius: 11px;
		box-shadow: 0 1px 3px rgba(16, 24, 40, .25);
	}
	.mgk-privacy__toggle.is-on .mgk-privacy__knob { left: 22px; }

	.mgk-privacy__btn {
		min-height: 40px; padding: 0 16px; border-radius: 22px;
		font-size: 13px; font-weight: 700; white-space: nowrap;
	}
	.mgk-privacy__btn--red { border: 1.5px solid #FDA29B; color: #B42318; }

	.mgk-privacy__title { display: none; }

	.mgk-privacy__card:not(:last-of-type) {
		border-bottom: none;
		border-bottom-left-radius: 0; border-bottom-right-radius: 0;
	}
	.mgk-privacy__card:not(:first-of-type) {
		margin-top: calc(0px - var(--mgk-privacy-gap, 10px));
		border-top: none;
		border-top-left-radius: 0; border-top-right-radius: 0;
	}

	.mgk-privacy__row:has(> [data-mgk-consent-open]) {
		padding-top: 0; padding-bottom: 0;
		border-top: 1px solid #F2F4F7; border-bottom: none;
	}
	.mgk-privacy__row:has(> [data-mgk-consent-open]) .mgk-privacy__row-text { display: none; }

	.mgk-privacy__row:has(> [data-mgk-profile-delete]) { display: none; }

	.mgk-privacy__card:last-of-type .mgk-privacy__row:last-of-type { border-bottom: none; }

	.mgk-privacy__note {
		display: block;
		margin: 10px 0 0; padding: 0 4px;
		font-size: 12.5px; line-height: 1.5; color: var(--fm-muted);
	}
	.mgk-privacy__btn--blue {
		min-height: 52px; margin-left: 0; padding: 0;
		border: none; border-radius: 0; background: none;
		font-size: 14px; font-weight: 700; color: var(--fm-blue);
		text-align: left;
	}

	.mgk-privacy__btn--blue[data-mgk-phone-label] { font-size: 0; }
	.mgk-privacy__btn--blue[data-mgk-phone-label]::after {
		content: attr(data-mgk-phone-label) ' \2192';
		font-size: 14px; font-weight: 700; color: var(--fm-blue);
	}

	.mgk-ohist { gap: 12px; }
	.mgk-ohist__heading { font-size: 18px; font-weight: 750; color: var(--fm-ink); }

	.mgk-ohist__filters {
		box-sizing: border-box;
		flex-wrap: nowrap; gap: 8px;
		overflow-x: auto; overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		margin-right: calc(var(--mgk-pad-x) * -1);
		padding-right: var(--mgk-pad-x);
	}
	.mgk-ohist__filters::-webkit-scrollbar { display: none; }
	.mgk-ohist__filter {
		flex: 0 0 auto;
		min-height: 40px; padding: 0 16px;
		border: 1.5px solid #D0D5DD; border-radius: 20px;
		background: #FFFFFF; color: var(--fm-ink-2);
		font-size: 13.5px; font-weight: 700; white-space: nowrap;
	}
	.mgk-ohist__filter.is-sel {
		background: var(--fm-blue); border-color: var(--fm-blue); color: #FFFFFF;
	}
	.mgk-ohist__list { gap: 12px; }
	.mgk-ohist__order { padding: 14px 16px; }
	.mgk-ohist__order-id { font-size: 15px; font-weight: 700; color: var(--fm-ink); }
	.mgk-ohist__order-meta { font-size: 12.5px; color: var(--fm-muted); }
	.mgk-ohist__order-pill {
		font-size: 12px; font-weight: 700;
		border-radius: 12px; padding: 4px 10px;
	}

	.mgk-ohist__order-type { display: none; }
	.mgk-ohist__mobile-detail { gap: 10px; padding-top: 10px; }
	.mgk-ohist__mobile-thumb {
		width: 44px; height: 44px; border-radius: 10px;
		border-color: var(--fm-line);
	}
	.mgk-ohist__mobile-item { align-items: center; gap: 10px; }
	.mgk-ohist__mobile-item-body { flex: 1 1 auto; min-width: 0; gap: 3px; }
	.mgk-ohist__mobile-item-name {
		font-size: 13.5px; font-weight: 600; line-height: 1.35; color: var(--fm-ink);

		white-space: normal; overflow: visible; text-overflow: clip;
	}
	.mgk-ohist__mobile-badges .mgk-chip {
		font-size: 10.5px; font-weight: 700; padding: 2px 7px; border-radius: 10px;
	}
	.mgk-ohist__mobile-more {
		min-height: 40px; padding: 0;
		font-size: 13px; font-weight: 700; color: var(--fm-muted);
	}

	.mgk-ohist__mobile-foot {
		gap: 12px; margin-top: 2px; padding-top: 12px;
		border-top: 1px solid #F2F4F7;
	}

	.mgk-ohist__mobile-detail:not(:has(.mgk-ohist__mobile-item)) {
		gap: 0; padding-top: 0;
	}
	.mgk-ohist__mobile-total { font-size: 14px; color: var(--fm-ink); }
	.mgk-ohist__mobile-foot .mgk-ohist__reorder {
		width: auto; height: 40px; padding: 0 16px;
		border-radius: 22px;
		background: var(--fm-blue);
		font-size: 13.5px; font-weight: 700; white-space: nowrap;
	}
	.mgk-ohist__mobile-foot .mgk-ohist__reorder:active { transform: scale(.97); }
	.mgk-ohist__empty { padding: 48px 24px; font-size: 14px; color: var(--fm-ink-3); }

	.mgk-ohist__heading { display: none; }

	.mgk-ohist__back { display: none; }

	.mgk-wish { gap: 12px; padding: 0; }
	.mgk-wish__heading { font-size: 18px; font-weight: 750; color: var(--fm-ink); }
	.mgk-wish__list { gap: 12px; }

	.mgk-wish__item {
		display: grid; grid-template-columns: 56px minmax(0, 1fr);
		align-items: start; column-gap: 12px; row-gap: 0; padding: 14px;
	}
	.mgk-wish__media {
		grid-column: 1; grid-row: 1;
		width: 56px; height: 56px; margin: 0;
		border-radius: 10px; border-color: var(--fm-line);
	}
	.mgk-wish__ph { font-size: 24px; }
	.mgk-wish__body { display: contents; }
	.mgk-wish__top { grid-column: 2; grid-row: 1; display: block; }
	.mgk-wish__info { display: block; }
	.mgk-wish__name {
		display: block;
		font-size: 14px; font-weight: 600; line-height: 1.35; color: var(--fm-ink);
	}
	.mgk-wish__chips { margin-top: 4px; gap: 4px; }
	.mgk-wish__chips .mgk-chip {
		font-size: 11.5px; font-weight: 700; padding: 2px 8px; border-radius: 10px;
	}

	.mgk-wish__price {
		display: flex; flex-direction: row; align-items: baseline;
		gap: 6px; margin-top: 4px;
	}
	.mgk-wish__price-now { font-size: 16px; font-weight: 700; color: var(--fm-ink); margin: 0; }
	.mgk-wish__price-each { font-size: 12.5px; color: var(--fm-muted); margin: 0; }

	.mgk-wish__controls {
		grid-column: 1 / -1; grid-row: 2;
		display: grid; grid-template-columns: minmax(0, 1fr);
		align-items: center; gap: 10px; margin-top: 12px;
	}

	.mgk-wish__item .mgk-qty { justify-self: start; }
	.mgk-wish__item .mgk-qty { display: flex; align-items: center; gap: 2px; border: 0; background: none; }
	.mgk-wish__item .mgk-qty__btn {
		width: 40px; height: 40px;
		border: 1px solid #D0D5DD; border-radius: 10px;
		background: #FFFFFF; color: var(--fm-ink-2);
		font-size: 18px; line-height: 1;
	}
	.mgk-wish__item .mgk-qty__btn:active { background: #F2F4F7; }

	.mgk-wish__item .mgk-qty__val {
		min-width: 32px; padding: 0; text-align: center;
		border-left: 0; border-right: 0;
		font-size: 15px; font-weight: 700; color: var(--fm-ink);
	}

	.mgk-wish__actions {
		display: block; margin-top: 0; width: 100%;
	}
	.mgk-wish__add {
		box-sizing: border-box;
		display: flex; align-items: center; justify-content: center;
		width: 100%; height: 40px; padding: 0;
		border-radius: 24px; background: var(--fm-blue);
		font-size: 15px; font-weight: 700; text-decoration: none;
	}
	.mgk-wish__add:active { transform: scale(.98); }

	.mgk-wish__remove {
		display: flex; align-items: center; justify-content: center;
		width: 100%; min-height: 40px; margin-top: 6px; padding: 0;
		font-weight: 700; color: #B42318;

		font-size: 0;
	}
	.mgk-wish__remove::after {
		content: 'Remove';
		font-size: 13px; font-weight: 700;
	}

	.mgk-wish__actions .mgk-chip--red {
		display: flex; align-items: center; justify-content: center;
		width: 100%; min-height: 40px; box-sizing: border-box;
		border: 1px solid #FECDCA; border-radius: 12px;
		background: #FEF3F2; color: #B42318;
		font-size: 12px; font-weight: 700;
	}

	.mgk-wish__empty { padding: 56px 24px; }
	.mgk-wish__empty-icon {
		width: 64px; height: 64px; margin: 0 auto 16px;
		display: flex; align-items: center; justify-content: center;
		border-radius: 32px; background: var(--fm-blue-bg);
		font-size: 28px;
	}
	.mgk-wish__empty-title { font-size: 20px; font-weight: 700; color: var(--fm-ink); margin: 0; }
	.mgk-wish__empty-text {
		font-size: 14px; line-height: 1.55; color: var(--fm-ink-3); margin-top: 8px;
	}

	.mgk-rev { gap: 12px; min-width: 0; }
	.mgk-rev > * { min-width: 0; }

	.mgk-rev__heading { display: none; }
	.mgk-rev .mgk-rev__back { display: none; }
	.mgk-rev__product { font-size: 13px; line-height: 1.4; color: var(--fm-muted); }
	.mgk-rev__head { gap: 4px; margin-bottom: 0; }

	.mgk-rev__summary {
		box-sizing: border-box;
		display: flex; flex-direction: row; align-items: center; gap: 16px;
		padding: 16px; text-align: left; min-width: 0;
	}
	.mgk-rev__score { flex: 0 0 auto; min-width: 0; }
	.mgk-rev__avg {
		text-align: center;
		font-size: 34px; font-weight: 700; line-height: 1; color: var(--fm-ink);
	}
	.mgk-rev__avg-stars {
		text-align: center;
		font-size: 14px; line-height: 1.4; letter-spacing: 1px; color: #F79009;
	}
	.mgk-rev__count {
		text-align: center;
		font-size: 11.5px; color: var(--fm-muted); margin: 0;
	}

	.mgk-rev__dist {
		flex: 1 1 auto;
		gap: 5px; margin-top: 0;
		min-width: 0;
	}
	.mgk-rev__dist-row { gap: 8px; font-size: 11.5px; min-width: 0; }
	.mgk-rev__dist-star {
		width: 24px; text-align: left;
		font-size: 11.5px; font-weight: 600; color: var(--fm-muted);
	}
	.mgk-rev__dist-bar { height: 6px; border-radius: 3px; background: #F2F4F7; min-width: 0; }
	.mgk-rev__dist-fill { background: var(--fm-blue); border-radius: 3px; }
	.mgk-rev__dist-n { width: 32px; font-size: 11.5px; font-weight: 600; color: var(--fm-muted); text-align: right; }

	.mgk-rev__subs { gap: 6px; margin-top: 0; min-width: 0; }
	.mgk-rev__sub-row { font-size: 12.5px; min-width: 0; gap: 12px; }

	.mgk-rev__cta { margin-top: 0; }
	.mgk-btn.mgk-rev__write {
		width: 100%; min-height: 44px; height: auto;
		border-radius: 22px; font-size: 15px; font-weight: 700;
	}

	.mgk-rev__filters {
		box-sizing: border-box;
		flex-wrap: nowrap; gap: 8px;
		overflow-x: auto; overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		margin-right: calc(var(--mgk-pad-x) * -1);
		padding-right: var(--mgk-pad-x);
	}
	.mgk-rev__filters::-webkit-scrollbar { display: none; }
	.mgk-rev__filter {
		flex: 0 0 auto;
		min-height: 40px; padding: 0 16px;
		border: 1px solid #D0D5DD; border-radius: 20px;
		background: #FFFFFF; color: var(--fm-ink-2);
		font-size: 13.5px; font-weight: 700; white-space: nowrap;
	}
	.mgk-rev__filter.is-sel {
		background: var(--fm-blue); border-color: var(--fm-blue); color: #FFFFFF;
	}

	.mgk-rev__list { gap: 12px; margin-top: 0; }
	.mgk-rev__item {
		padding: 14px 16px; border-bottom: none;
		border: 1px solid var(--fm-line); border-radius: 16px; background: #FFFFFF;
	}
	.mgk-rev__item-head { gap: 10px; margin-bottom: 8px; align-items: center; }
	.mgk-rev__item-who { gap: 10px; flex: 1 1 auto; min-width: 0; }

	.mgk-rev__avatar {
		width: 36px; height: 36px; border-radius: 18px;
		background: var(--fm-blue-bg); color: var(--fm-blue);
		font-size: 15px; font-weight: 700;
	}
	body .mgk-rev__avatar-img { width: 36px; height: 36px; border-radius: 18px; }
	.mgk-rev__item-name { font-size: 14px; font-weight: 700; line-height: 1.4; color: var(--fm-ink); }
	.mgk-rev__item-rating { gap: 8px; margin-bottom: 6px; }
	.mgk-rev__verified {
		font-size: 11.5px; font-weight: 700; padding: 2px 8px; border-radius: 10px;
	}
	.mgk-rev__date { font-size: 11.5px; color: var(--fm-muted); margin-top: 0; flex: 0 0 auto; }
	.mgk-rev__item-stars { flex: 0 0 auto; font-size: 13px; line-height: 1.4; letter-spacing: 1px; color: #F79009; }
	.mgk-rev__title { font-size: 14px; font-weight: 700; line-height: 1.45; color: var(--fm-ink); margin: 0 0 4px; }
	.mgk-rev__text { font-size: 14px; line-height: 1.55; color: var(--fm-ink-2); margin: 0; }
	.mgk-rev__photos { gap: 8px; margin: 10px 0 0; }
	body .mgk-rev__photo { width: 72px; height: 72px; border-radius: 10px; }

	.mgk-rev__actions { gap: 10px; margin-top: 10px; align-items: center; }
	.mgk-rev__helpful {
		min-height: 40px; padding: 0 14px;
		border: 1px solid #D0D5DD; border-radius: 20px;
		background: #FFFFFF; color: var(--fm-ink-2);
		font-size: 12.5px; font-weight: 700;
	}
	.mgk-rev__report { min-height: 40px; font-size: 12.5px; font-weight: 700; color: var(--fm-muted); }
	.mgk-rev__empty { padding: 32px 16px; }
	.mgk-rev__empty-title { font-size: 15px; font-weight: 700; color: var(--fm-ink); }
	.mgk-rev__empty-text { font-size: 13.5px; color: var(--fm-ink-3); }

	.mgk-acctset { max-width: none; margin: 0; }
	.mgk-acctset__rows { display: flex; flex-direction: column; gap: 10px; }
	.mgk-acctset__lang { display: block; }
	.mgk-acctset__actions { display: flex; }
	.mgk-acctset__row {
		display: flex; align-items: center; justify-content: space-between;
		box-sizing: border-box;
		min-height: 56px; padding: 0 16px;
		border: 1px solid var(--fm-line); border-radius: 14px;
		background: #FFFFFF; text-decoration: none;
	}
	.mgk-acctset__row-label { font-size: 15px; font-weight: 700; color: var(--fm-ink); }
	.mgk-acctset__row-chev {
		font-size: 20px; font-weight: 700; color: var(--fm-muted); line-height: 1;
	}

	.mgk-acctset__lang {
		box-sizing: border-box;
		padding: 16px;
		border: 1px solid var(--fm-line); border-radius: 14px;
		background: #FFFFFF;
	}
	.mgk-acctset__lang-title {
		margin: 0;
		font-size: 15px; font-weight: 700; color: var(--fm-ink);
	}
	.mgk-acctset__lang-chips {
		display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px;
	}
	.mgk-acctset__chip {
		min-height: 40px; padding: 0 18px;
		border: 1.5px solid #D0D5DD; border-radius: 22px;
		background: #FFFFFF; color: var(--fm-ink-2);
		font-size: 14px; font-weight: 700;
	}

	.mgk-acctset__chip.is-active {
		border-color: var(--fm-blue); background: #EFF4FF; color: var(--fm-blue);
	}

	.mgk-acctset__actions {
		display: flex; justify-content: center; align-items: center;
		gap: 10px; margin-top: 8px;
	}
	.mgk-acctset__logout {
		display: inline-flex; align-items: center; justify-content: center;
		box-sizing: border-box;
		height: 40px; padding: 0 22px;
		border: 1.5px solid #D0D5DD; border-radius: 24px;
		background: #FFFFFF; color: var(--fm-ink-2);
		font-size: 14px; font-weight: 700; text-decoration: none;
	}
	.mgk-acctset__delete {
		height: 40px; padding: 0 22px;
		border: none; background: none; color: #B42318;
		font-size: 14px; font-weight: 700; text-decoration: underline;
	}

	.mgk-cardsheet {
		display: block;
		position: fixed; inset: 0; z-index: 600;
		visibility: hidden; pointer-events: none;
	}
	.mgk-cardsheet.is-open { visibility: visible; pointer-events: auto; }
	.mgk-cardsheet__backdrop {
		position: absolute; inset: 0; background: rgba(16, 24, 40, .45);
		opacity: 0; transition: opacity .24s ease;
	}
	.mgk-cardsheet.is-open .mgk-cardsheet__backdrop { opacity: 1; }
	.mgk-cardsheet__sheet {
		position: absolute; left: 0; right: 0; bottom: 0;
		box-sizing: border-box;
		max-height: 88%; display: flex; flex-direction: column;
		background: #FFFFFF; border-radius: 22px 22px 0 0;
		box-shadow: 0 -8px 28px rgba(16, 24, 40, .18);
		transform: translateY(100%); transition: transform .28s ease;
	}
	.mgk-cardsheet.is-open .mgk-cardsheet__sheet { transform: translateY(0); }

	.mgk-cardsheet__head {
		display: flex; align-items: flex-start; justify-content: space-between;
		gap: 8px; padding: 18px 18px 8px; flex: 0 0 auto;
	}
	.mgk-cardsheet__title {
		margin: 0; font-size: 18px; font-weight: 700; color: var(--fm-ink);
		line-height: 1.3;
	}
	.mgk-cardsheet__sub {
		margin: 2px 0 0; font-size: 13px; color: var(--fm-muted);
	}
	.mgk-cardsheet__close {
		flex: 0 0 auto;
		width: 40px; height: 40px; padding: 0;
		border: none; border-radius: 12px; background: none;
		font-size: 20px; line-height: 1; color: var(--fm-muted);
	}

	.mgk-cardsheet__body {
		flex: 1 1 auto; min-height: 0; overflow-y: auto;
		display: flex; flex-direction: column; gap: 10px;
		padding: 4px 18px 12px;
	}

	.mgk-cardsheet__add {
		box-sizing: border-box;
		min-height: 40px; padding: 0 12px;
		border: 1.5px dashed var(--fm-blue); border-radius: 12px;
		background: #FFFFFF; color: var(--fm-blue);
		font-size: 14px; font-weight: 700;
	}
	.mgk-cardsheet__empty { margin: 0; font-size: 13.5px; color: var(--fm-muted); }
	.mgk-cardsheet__empty[hidden] { display: none; }
	.mgk-cardsheet__list { display: flex; flex-direction: column; gap: 10px; }

	.mgk-cardsheet__item {
		display: block;
		box-sizing: border-box;
		padding: 12px 14px; margin: 0;
		border: 1.5px solid var(--fm-line); border-radius: 14px;
		background: #FFFFFF; box-shadow: none;
	}
	.mgk-cardsheet__item.is-default { border-color: var(--fm-blue); }

	.mgk-cardsheet__pick {
		display: flex; align-items: center; gap: 10px;
		box-sizing: border-box;
		width: 100%; min-height: 40px; margin: 0; padding: 0;
		border: none; background: none; text-align: left; cursor: pointer;
	}

	.mgk-cardsheet__defsink { position: absolute; opacity: 0; width: 0; height: 0; pointer-events: none; }
	.mgk-cardsheet__dot {
		flex: 0 0 auto;
		box-sizing: border-box;
		width: 18px; height: 18px; border-radius: 9px;
		border: 2px solid #D0D5DD; background: #FFFFFF;
	}

	.mgk-cardsheet__item.is-default .mgk-cardsheet__dot {
		border-color: var(--fm-blue); background: var(--fm-blue);
		box-shadow: inset 0 0 0 3px #FFFFFF;
	}
	.mgk-cardsheet__pick:focus-visible .mgk-cardsheet__dot {
		box-shadow: 0 0 0 3px rgba(14, 66, 210, .25);
	}
	.mgk-cardsheet__text { flex: 1 1 auto; min-width: 0; }
	.mgk-cardsheet__row1 { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
	.mgk-cardsheet__tag {
		font-size: 11px; font-weight: 700; color: var(--fm-blue);
		background: var(--fm-blue-bg); border-radius: 8px; padding: 2px 8px;
	}
	.mgk-cardsheet__name { font-size: 14px; font-weight: 700; color: var(--fm-ink); }
	.mgk-cardsheet__meta {
		display: block; margin-top: 2px;
		font-size: 12.5px; color: var(--fm-muted);
	}
	.mgk-cardsheet__actions { display: flex; justify-content: flex-end; }
	.mgk-cardsheet__del {
		min-height: 40px; padding: 0 6px;
		border: none; background: none; color: #B42318;
		font-size: 13px; font-weight: 700;
	}

	.mgk-cardsheet__foot {
		flex: 0 0 auto;
		padding: 12px 18px calc(30px + env(safe-area-inset-bottom, 0px));
		border-top: 1px solid var(--fm-line);
	}
	.mgk-cardsheet__cta {
		box-sizing: border-box;
		width: 100%; height: 40px; padding: 0;
		border: none; border-radius: 25px;
		background: var(--fm-blue); color: #FFFFFF;
		font-size: 15px; font-weight: 700;
	}

	.mgk-cardsheet > .mgk-addrmodal,
	.mgk-cardsheet > .mgk-addrdel {
		position: fixed; inset: 0; z-index: 2;
		pointer-events: auto;
	}
	.mgk-cardsheet > .mgk-addrmodal[hidden],
	.mgk-cardsheet > .mgk-addrdel[hidden] { display: none; }

	.mgk-cardsheet > .mgk-addrmodal:not([hidden]),
	.mgk-cardsheet > .mgk-addrdel:not([hidden]) { visibility: visible; }

	.mgk-cardsheet > .mgk-addrmodal .mgk-addrmodal__dialog {
		position: absolute; left: 0; right: 0; bottom: 0;
		box-sizing: border-box;
		width: auto; max-width: none; max-height: 88%;
		display: flex; flex-direction: column;
		margin: 0; padding: 0;
		border-radius: 22px 22px 0 0;
		box-shadow: 0 -8px 28px rgba(16, 24, 40, .18);
	}
	.mgk-cardsheet > .mgk-addrmodal .mgk-addrmodal__head {
		flex: 0 0 auto;
		align-items: center;
		padding: 18px 18px 8px; border-bottom: none;
	}
	.mgk-cardsheet > .mgk-addrmodal .mgk-addrmodal__title {
		font-size: 18px; font-weight: 700; color: var(--fm-ink);
	}
	.mgk-cardsheet > .mgk-addrmodal .mgk-addrmodal__x {
		width: 40px; height: 40px; padding: 0;
		border: none; border-radius: 12px; background: none;
		font-size: 20px; line-height: 1; color: var(--fm-muted);
	}
	.mgk-cardsheet > .mgk-addrmodal .mgk-addrmodal__body {
		flex: 1 1 auto; min-height: 0; overflow-y: auto;
		display: flex; flex-direction: column; gap: 12px;
		padding: 4px 18px 12px;
	}

	.mgk-cardsheet > .mgk-addrmodal .mgk-card-form__field > label {
		font-size: 13px; font-weight: 700; color: var(--fm-ink-2);
	}
	.mgk-cardsheet > .mgk-addrmodal .mgk-req { color: #B42318; }

	.mgk-cardsheet > .mgk-addrmodal .mgk-card-form__number {
		width: 100%; margin-top: 6px; border: none; padding: 0; background: none;
	}
	.mgk-cardsheet > .mgk-addrmodal .mgk-card-form__input,
	.mgk-cardsheet > .mgk-addrmodal .mgk-card-form__stripe,
	.mgk-cardsheet > .mgk-addrmodal [data-mgk-paymethod-modal-exp],
	.mgk-cardsheet > .mgk-addrmodal [data-mgk-paymethod-modal-cvc] {
		box-sizing: border-box;
		width: 100%; height: 48px; min-height: 0; margin-top: 6px; padding: 0 12px;
		border: 1.5px solid #D0D5DD; border-radius: 12px;
		background: #FFFFFF; font-size: 16px; color: var(--fm-ink);
		display: flex; align-items: center;
	}

	.mgk-cardsheet > .mgk-addrmodal .mgk-card-form__row2 {
		display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px;
	}
	.mgk-cardsheet > .mgk-addrmodal .mgk-addrmodal__default {
		display: flex; align-items: center; gap: 10px;
		min-height: 44px; margin: 0;
	}
	.mgk-cardsheet > .mgk-addrmodal .mgk-addrmodal__default input {
		width: 20px; height: 20px; margin: 0; accent-color: var(--fm-blue);
	}
	.mgk-cardsheet > .mgk-addrmodal .mgk-addrmodal__default span {
		font-size: 14px; font-weight: 600; color: var(--fm-ink-2);
	}
	.mgk-cardsheet > .mgk-addrmodal .mgk-card-form__number > .mgk-card-form__stripe { margin-top: 0; }
	.mgk-cardsheet > .mgk-addrmodal .mgk-card-form__note {
		display: block; margin: 0;
		font-size: 12px; line-height: 1.5; color: var(--fm-muted);
	}

	.mgk-cardsheet > .mgk-addrmodal .mgk-addrmodal__foot {
		flex: 0 0 auto; display: block;
		padding: 12px 18px calc(30px + env(safe-area-inset-bottom, 0px));
		border-top: 1px solid var(--fm-line);
	}
	.mgk-cardsheet > .mgk-addrmodal .mgk-addrmodal__foot [data-mgk-paymethod-modal-close] { display: none; }
	.mgk-cardsheet > .mgk-addrmodal .mgk-addrmodal__foot [data-mgk-paymethod-modal-save] {
		box-sizing: border-box;
		display: flex; align-items: center; justify-content: center;
		width: 100%; min-width: 0; height: 40px; padding: 0;
		border: none; border-radius: 25px;
		background: var(--fm-blue); color: #FFFFFF;
		font-size: 15px; font-weight: 700;
	}

	.mgk-pdpamodal { display: block; padding: 0; }
	.mgk-pdpamodal__backdrop { background: rgba(16, 24, 40, .45); backdrop-filter: none; }
	.mgk-pdpamodal__card {
		position: absolute; left: 0; right: 0; bottom: 0;
		width: auto; max-width: none;
		max-height: 88%; height: auto;
		display: flex; flex-direction: column;
		padding: 0; overflow: hidden;
		border-radius: 22px 22px 0 0;
	}

	.mgk-pdpamodal__head {
		flex: 0 0 auto;
		align-items: center;
		gap: 10px; margin: 0; padding: 18px 18px 4px;
	}
	.mgk-pdpamodal__title { font-size: 18px; font-weight: 700; color: var(--fm-ink); margin: 0; }
	.mgk-pdpamodal__title[data-mgk-phone-label] { font-size: 0; }
	.mgk-pdpamodal__title[data-mgk-phone-label]::after {
		content: attr(data-mgk-phone-label);
		font-size: 18px; font-weight: 700; color: var(--fm-ink);
	}
	.mgk-pdpamodal__sub {
		margin: 6px 0 0;
		font-size: 13px; line-height: 1.55; color: var(--fm-ink-3);
	}

	.mgk-pdpamodal__sub br { display: none; }
	.mgk-pdpamodal__x {
		width: 40px; height: 40px;
		border-radius: 12px; background: none;
		color: var(--fm-muted); font-size: 20px;
	}
	.mgk-pdpamodal__x:hover { background: #F2F4F7; }

	.mgk-pdpamodal__cats {
		flex: 1 1 auto; min-height: 0;
		gap: 10px; padding: 4px 18px 12px;
		overflow-y: auto; -webkit-overflow-scrolling: touch;
	}
	.mgk-pdpamodal__cat {
		align-items: flex-start;
		gap: 10px; padding: 14px;
		border: 1px solid var(--fm-line); border-radius: 14px;
		background: #FFFFFF;
	}

	.mgk-pdpamodal__cat.is-locked { background: #FFFFFF; border-color: var(--fm-line); }
	.mgk-pdpamodal__cat-body { display: flex; flex-direction: column; }
	.mgk-pdpamodal__cat-head { gap: 8px; margin: 0; }
	.mgk-pdpamodal__cat-name { font-size: 14.5px; font-weight: 700; color: var(--fm-ink); }
	.mgk-pdpamodal__cat-desc {
		margin: 6px 0 0;
		font-size: 12.5px; line-height: 1.5; color: var(--fm-muted);
	}

	.mgk-pdpamodal__cat-name[data-mgk-phone-label],
	.mgk-pdpamodal__cat-desc[data-mgk-phone-label] { font-size: 0; }
	.mgk-pdpamodal__cat-name[data-mgk-phone-label]::after {
		content: attr(data-mgk-phone-label);
		font-size: 14.5px; font-weight: 700; color: var(--fm-ink);
	}
	.mgk-pdpamodal__cat-desc[data-mgk-phone-label]::after {
		content: attr(data-mgk-phone-label);
		font-size: 12.5px; font-weight: 400; line-height: 1.5; color: var(--fm-muted);
	}

	.mgk-pdpamodal__cat-chip {
		padding: 2px 8px; border-radius: 8px;
		background: var(--fm-blue); color: #FFFFFF;
		font-size: 10.5px; font-weight: 700;
		text-transform: none; letter-spacing: 0;
	}
	.mgk-pdpamodal__toggle { width: 46px; height: 26px; border-radius: 13px; background: #E4E7EC; }

	.mgk-pdpamodal__toggle.is-on { background: #067647; }
	.mgk-pdpamodal__toggle.is-locked { opacity: .55; }
	.mgk-pdpamodal__knob {
		top: 2px; left: 2px; width: 22px; height: 22px;
		box-shadow: 0 1px 3px rgba(16, 24, 40, .25);
	}
	.mgk-pdpamodal__toggle.is-on .mgk-pdpamodal__knob { left: 22px; }

	.mgk-pdpamodal__audit {
		display: block;
		margin: 0; padding: 0 18px calc(14px + env(safe-area-inset-bottom, 0px));
		font-size: 12px; color: #98A2B3; text-align: center;
	}

	.mgk-support { gap: 0; }
	.mgk-support__panel { padding: 0; gap: 0; border: 0; border-radius: 0; background: none; }
	.mgk-support__title-block {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 24px;
	}
	.mgk-support__icon {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 62px;
		height: 62px;
		border-radius: 19px;
		background: #EAF0FF;
		color: #315CF5;
		margin-bottom: 20px;
		flex: 0 0 auto;
	}
	.mgk-support__icon svg {
		width: 28px;
		height: 28px;
	}
	.mgk-support__heading {
		display: block !important;
		margin: 0 0 10px;
		max-width: 270px;
		font-family: var(--mgk-font, 'Quicksand', sans-serif);
		font-size: 25px;
		font-weight: 700;
		line-height: 1.25;
		color: #142139;
		letter-spacing: -0.2px;
	}
	.mgk-support__intro {
		display: block;
		margin: 0;
		font-size: 14px;
		line-height: 1.5;
		color: #8390A5;
	}

	.mgk-support__contacts {
		display: flex;
		flex-direction: column;
		gap: 0;
		margin: 0 0 28px;
		background: #FFFFFF;
		border: 1px solid #E5EBF3;
		border-radius: 17px;
		overflow: hidden;
	}
	.mgk-support__contact {
		box-sizing: border-box;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		padding: 16px 18px;
		background: #FFFFFF !important;
		border: 0 !important;
		border-radius: 0 !important;
		text-align: left;
	}
	.mgk-support__contact + .mgk-support__contact {
		border-top: 1px solid #EDF1F5 !important;
	}
	.mgk-support__contact--green,
	.mgk-support__contact--sfa,
	.mgk-support__contact--plain {
		background: #FFFFFF !important;
		border: 0 !important;
	}
	.mgk-support__contact-icon,
	.mgk-support__contact-note,
	.mgk-support__contact-badge {
		display: none;
	}
	.mgk-support__contact-header {
		display: flex;
		flex-direction: column;
		gap: 4px;
		min-width: 0;
		flex: 1 1 auto;
	}
	.mgk-support__contact-name {
		margin: 0;
		font-size: 15px;
		font-weight: 700;
		color: #142139;
		line-height: 1.3;
	}
	.mgk-support__contact-desc {
		margin: 0;
		font-size: 13.5px;
		font-weight: 400;
		line-height: 1.4;
		color: #8C9BB0 !important;
	}
	.mgk-support__contact-cta {
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 44px;
		height: 44px;
		min-width: 44px;
		margin: 0;
		padding: 0;
		border: 0;
		border-radius: 50%;
		background: #EDF2FF;
		color: #315CF5;
		flex: 0 0 44px;
		text-decoration: none;
		box-shadow: none;
		cursor: pointer;
		transition: background 0.15s ease;
	}
	.mgk-support__contact-cta:active {
		background: #DCE6FF;
	}
	.mgk-support__contact-cta-text {
		display: none;
	}
	.mgk-support__contact-cta-icon {
		display: flex;
		align-items: center;
		justify-content: center;
		color: #315CF5;
	}
	.mgk-support__contact-cta-icon svg {
		width: 20px;
		height: 20px;
		stroke: currentColor;
	}

	.mgk-support__faq {
		margin-top: 0;
		padding: 0;
		gap: 0;
		border: 0;
		border-radius: 0;
		overflow: visible;
		background: none;
	}
	.mgk-support__faq-heading {
		margin: 0 0 14px;
		padding: 0;
		border: 0;
		background: none;
	}
	.mgk-support__faq-title {
		margin: 0;
		font-size: 18px;
		font-weight: 700;
		line-height: 1.3;
		color: #142139;
		text-transform: none !important;
	}
	.mgk-support__faq-title::first-letter {
		text-transform: none !important;
	}
	.mgk-support__faq-list {
		display: flex;
		flex-direction: column;
		gap: 0;
		margin-top: 0;
		border: 1px solid #E5EBF3;
		border-radius: 17px;
		background: #FFFFFF;
		overflow: hidden;
	}
	.mgk-support__faq-item {
		padding: 0;
		margin: 0;
		border: 0;
		border-bottom: 1px solid #EDF1F5;
		border-radius: 0;
	}
	.mgk-support__faq-list > .mgk-support__faq-item:last-child {
		border-bottom: 0;
	}
	.mgk-support__faq-q {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		min-height: 54px;
		padding: 16px 18px;
		margin: 0;
		font-size: 14.5px;
		font-weight: 600;
		line-height: 1.4;
		color: #142139;
		cursor: pointer;
		list-style: none;
		user-select: none;
	}
	.mgk-support__faq-q:active {
		background: #F8FAFC;
	}
	.mgk-support__faq-qtext::before {
		content: none;
	}
	.mgk-support__faq-mark {
		display: flex;
		align-items: center;
		justify-content: center;
		width: auto;
		height: auto;
		border: 0;
		transform: none;
		margin: 0;
		color: #9CA9BC;
	}
	.mgk-support__faq-mark::after {
		content: none !important;
	}
	.mgk-support__faq-chevron {
		display: block;
		width: 18px;
		height: 18px;
		color: #9CA9BC;
		transition: transform 0.2s ease;
	}
	.mgk-support__faq-item[open] .mgk-support__faq-chevron {
		transform: rotate(90deg);
	}
	.mgk-support__faq-a {
		padding: 0 18px 16px;
		margin: 0;
		font-size: 13.5px;
		line-height: 1.6;
		color: #667085;
	}
	.mgk-support__faq-more {
		display: none;
	}
	.mgk-support__widget {
		display: none;
	}

	.mgk-termsheet { display: block; padding: 0; }
	.mgk-termsheet[hidden] { display: none; }
	.mgk-termsheet__backdrop { background: rgba(16, 24, 40, .45); backdrop-filter: none; }
	.mgk-termsheet__card {
		position: absolute; left: 0; right: 0; bottom: 0;
		width: auto; max-width: none;
		max-height: 80%; height: auto;
		border-radius: 22px 22px 0 0;
	}
	.mgk-termsheet__head { align-items: center; gap: 10px; padding: 18px 18px 4px; }
	.mgk-termsheet__title { font-size: 18px; font-weight: 700; color: var(--fm-ink); }
	.mgk-termsheet__x {
		width: 40px; height: 40px;
		border-radius: 12px; background: none;
		color: var(--fm-muted); font-size: 20px;
	}
	.mgk-termsheet__x:hover { background: #F2F4F7; }
	.mgk-termsheet__body {
		padding: 4px 18px calc(30px + env(safe-area-inset-bottom, 0px));
		-webkit-overflow-scrolling: touch;
	}
	.mgk-termsheet__p {
		margin: 10px 0 0;
		font-size: 13.5px; line-height: 1.65; color: var(--fm-ink-3);
	}

}

body.mgk-noscroll { overflow: hidden; }

.mgk-header__cart svg.mgk-custom-cart-svg {
  display: block !important;
  width: 22px !important;
  height: 22px !important;
  fill: none !important;
  stroke: currentColor !important;
}

.mgk-notif-page { background: #FAFAFA; min-height: calc(100vh - 70px); padding: 40px 24px; box-sizing: border-box; }
.mgk-notif-page__inner { max-width: 1392px; margin: 0 auto; display: flex; flex-direction: column; gap: 24px; }

.mgk-notif-page__header { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 16px; }
.mgk-notif-page__title-wrap { display: flex; flex-direction: column; gap: 4px; }
.mgk-notif-page__title { margin: 0; font-family: 'Quicksand', sans-serif; font-size: 24px; font-weight: 700; color: var(--mgk-blue); line-height: 32px; }
.mgk-notif-page__subtitle { font-family: 'Quicksand', sans-serif; font-size: 16px; font-weight: 500; color: var(--mgk-text-2); line-height: 24px; }

.mgk-notif-page__mark-all { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 6px 20px; height: 36px; border: 1px solid var(--mgk-blue); border-radius: 8px; background: transparent; cursor: pointer; font-family: 'Quicksand', sans-serif; font-size: 14px; font-weight: 500; color: var(--mgk-blue); line-height: 22px; transition: all 0.2s; white-space: nowrap; }
.mgk-notif-page__mark-all:hover { background: rgba(19, 99, 255, 0.05); }

.mgk-notif-page__panel { background: #FFFFFF; border: 1px solid var(--mgk-border-lt); border-radius: 16px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.05); }
.mgk-notif-page__thead { display: flex; align-items: center; padding: 12px 24px; background: #FAFAFA; border-bottom: 1px solid var(--mgk-border-lt); }
.mgk-notif-page__col { font-family: 'Quicksand', sans-serif; font-size: 14px; font-weight: 600; color: var(--mgk-navy-900); text-transform: uppercase; }

.mgk-notif-page__tbody { display: flex; flex-direction: column; }
.mgk-notif-page__empty { padding: 40px 24px; text-align: center; color: var(--mgk-text-3); font-size: 14px; }

.mgk-notif-page__row { display: flex; align-items: center; padding: 16px 24px; border-bottom: 1px solid var(--mgk-border-lt); text-decoration: none; color: inherit; transition: background 0.2s; background: #FFFFFF; }
.mgk-notif-page__row:hover { background: var(--mgk-bg-alt); }
.mgk-notif-page__row:last-child { border-bottom: none; }

.mgk-notif-page__cell { font-family: 'Quicksand', sans-serif; font-size: 13px; line-height: 18px; color: var(--mgk-navy-900); }
.mgk-notif-page__cell--type { font-weight: 500; }
.mgk-notif-page__cell--msg { font-weight: 400; }
.mgk-notif-page__cell--order { font-weight: 600; color: var(--mgk-blue); }
.mgk-notif-page__cell--time { font-weight: 400; color: var(--mgk-text-3); }

.mgk-notif-page__col--read, .mgk-notif-page__cell--read { width: 56px; flex-shrink: 0; display: flex; align-items: center; }
.mgk-notif-page__col--type, .mgk-notif-page__cell--type { width: 200px; flex-shrink: 0; padding-right: 16px; box-sizing: border-box; }
.mgk-notif-page__col--msg, .mgk-notif-page__cell--msg { flex-grow: 1; min-width: 0; padding-right: 16px; box-sizing: border-box; }
.mgk-notif-page__col--order, .mgk-notif-page__cell--order { width: 100px; flex-shrink: 0; padding-right: 16px; box-sizing: border-box; }
.mgk-notif-page__col--time, .mgk-notif-page__cell--time { width: 110px; flex-shrink: 0; text-align: right; justify-content: flex-end; display: flex; }

.mgk-notif-page__dot { width: 8px; height: 8px; border-radius: 50%; background: transparent; }
.mgk-notif-page__row.is-unread .mgk-notif-page__dot { background: var(--mgk-blue); }
.mgk-notif-page__row.is-unread .mgk-notif-page__cell--msg { font-weight: 600; }

.mgk-notif-page__icon { display: none; }
.mgk-notif-page__mark-all-icon { display: none; }

@media (max-width: 900px) {
    .mgk-notif-page__thead { display: none; }
    .mgk-notif-page__row { flex-wrap: wrap; position: relative; padding-left: 48px; gap: 8px; }
    .mgk-notif-page__col--read, .mgk-notif-page__cell--read { position: absolute; left: 16px; top: 22px; width: auto; }
    .mgk-notif-page__col--type, .mgk-notif-page__cell--type { width: 100%; padding: 0; }
    .mgk-notif-page__col--msg, .mgk-notif-page__cell--msg { width: 100%; padding: 0; }
    .mgk-notif-page__col--order, .mgk-notif-page__cell--order { width: 100%; padding: 0; }
    .mgk-notif-page__col--time, .mgk-notif-page__cell--time { width: 100%; text-align: left; justify-content: flex-start; }
}

@media (max-width: 640px) {
	.mgk-notif-page { padding: 0; background: #FAFAFA; min-height: auto; }
	.mgk-notif-page__inner { padding: 16px; gap: 16px; }
	.mgk-notif-page__panel { border-radius: 17px; box-shadow: none; }
	.mgk-notif-page__thead { display: none; }
	.mgk-notif-page__icon {
		display: grid; place-items: center;
		grid-column: 1; grid-row: 1 / span 3;
		width: 39px; height: 39px; flex: 0 0 auto;
		border-radius: 13px; background: #E3EBFF; color: #5479DC;
	}
	.mgk-notif-page__row {
		display: grid !important;
		grid-template-columns: 39px 1fr auto;
		column-gap: 12px; row-gap: 0;
		align-items: start;
		flex-wrap: initial; position: static;
		padding: 20px 16px !important;
		background: #FFFFFF;
	}
	.mgk-notif-page__row.is-unread { background: #F1F5FF; }
	.mgk-notif-page__cell--read, .mgk-notif-page__col--read {
		grid-column: 3; grid-row: 1;
		position: static !important; left: auto; top: auto;
		justify-self: end;
	}
	.mgk-notif-page__dot { width: 6px; height: 6px; }
	.mgk-notif-page__cell--type, .mgk-notif-page__col--type {
		grid-column: 2; grid-row: 1; width: auto !important; padding: 0 !important;
		font-size: 14px; font-weight: 700; color: var(--fm-ink, #142139);
	}
	.mgk-notif-page__cell--msg, .mgk-notif-page__col--msg {
		grid-column: 2; grid-row: 2; width: auto !important; padding: 0 !important;
		font-size: 14px; color: #657A99; line-height: 1.6;
	}
	.mgk-notif-page__row.is-unread .mgk-notif-page__cell--msg { font-weight: 400; }
	.mgk-notif-page__cell--time, .mgk-notif-page__col--time {
		grid-column: 2; grid-row: 3; width: auto !important;
		text-align: left; justify-content: flex-start;
		font-size: 12px; color: #94A1B4;
	}

	.mgk-notif-page__cell--order, .mgk-notif-page__col--order { display: none; }

	.mgk-notif-page__header { align-items: center; }
	.mgk-notif-page__title { font-size: 20px; }
	.mgk-notif-page__mark-all {
		width: 40px; height: 40px; padding: 0; flex: 0 0 auto;
		border-radius: 50%; border-color: #E3EBFF; background: #EAF0FF; color: #315CF5;
	}
	.mgk-notif-page__mark-all:hover { background: #DCE6FF; }
	.mgk-notif-page__mark-all-icon { display: inline-flex; }
	.mgk-notif-page__mark-all-text { display: none; }
}

.mgk-checkout__business-fields[hidden] { display: none; }

body.page-template-elementor_canvas:not(:has(.mgk-header)) { padding-top: 0 !important; }

.mgk-prod__add.is-disabled,
.mgk-prod__add-wide.is-disabled {
	background-color: #C9CED6 !important;
	color: #ffffff;
	cursor: not-allowed;
	pointer-events: none !important;
}

.mgk-flashcard__buy.is-disabled,
.mgk-sale__herodeal-add.is-disabled {
	background-color: #C9CED6 !important;
	color: #ffffff !important;
	cursor: not-allowed !important;
	pointer-events: none !important;
}

body.woocommerce-checkout #mgk-back-to-top,
body.mgk-is-checkout #mgk-back-to-top {
    display: none !important;
}

@media (max-width: 640px) {
	body:has(.mgk-seasonal) {

		padding-top: 161px !important;
		padding-bottom: 0 !important;
	}
	body:has(.mgk-seasonal) .mgk-tabbar { display: none !important; }

	body:has(.mgk-seasonal) .mgk-header--inner {
		flex-wrap: wrap;
	}
	body:has(.mgk-seasonal) .mgk-header--inner .mgk-header__notif-wrap,
	body:has(.mgk-seasonal) .mgk-header--inner .mgk-header__notifications {
		display: inline-flex;
	}
	body:has(.mgk-seasonal) .mgk-header--inner .mgk-header__notif-wrap {
		display: flex;
	}
	body:has(.mgk-seasonal) .mgk-header--inner .mgk-header__search {
		display: flex;
		order: 4; flex: 0 0 100%; width: 100%; max-width: none;
	}
	body:has(.mgk-seasonal) .mgk-header--inner .mgk-header__cart {

		margin-left: -6px;
	}

	body:has(.mgk-seasonal) .mgk-header--inner .mgk-header__title {
		font-size: 0; line-height: 23px; white-space: normal;
		overflow: visible; text-overflow: clip; max-width: 170px;
	}
	body:has(.mgk-seasonal) .mgk-header--inner .mgk-header__title::after {
		content: 'Seasonal & Collections'; display: block;
		font-family: 'Quicksand', var(--mgk-font);
		font-size: 20px; font-weight: 700; letter-spacing: -.5px;
		line-height: 23px; color: var(--fm-ink);
	}

	body:has(.mgk-seasonal) .mgk-header--inner .mgk-header__search { position: relative; }
	body:has(.mgk-seasonal) .mgk-header--inner .mgk-header__search-input::placeholder { color: transparent; }
	body:has(.mgk-seasonal) .mgk-header--inner .mgk-header__search::after {
		content: 'What are you looking for...';
		position: absolute; left: 48px; top: 50%; transform: translateY(-50%);
		pointer-events: none; color: #98A2B3; font-family: inherit;
		font-size: 16px; font-weight: 500; line-height: 1;
	}
	body:has(.mgk-seasonal) .mgk-header--inner .mgk-header__search:focus-within::after,
	body:has(.mgk-seasonal) .mgk-header--inner .mgk-header__search:has(input:not(:placeholder-shown))::after {
		display: none;
	}

	body:has(.mgk-seasonal) .mgk-seasonal__pagehead { display: none; }
	body:has(.mgk-seasonal) .mgk-section.mgk-seasonal {
		max-width: none; margin: 0; padding: 16px 16px 28px;
		box-sizing: border-box; gap: 22px;
	}
	body:has(.mgk-seasonal) .mgk-seasonal__hero--image-only {
		display: block; height: 225px; min-height: 225px; padding: 21px;
		border-radius: 16px;
	}
	body:has(.mgk-seasonal) .mgk-seasonal__hero--image-only .mgk-seasonal__hero-overlay {
		background: linear-gradient(90deg, rgba(15,49,39,.94), rgba(15,49,39,.42));
	}
	body:has(.mgk-seasonal) .mgk-seasonal__hero--image-only .mgk-seasonal__hero-body {
		display: flex; flex-direction: column; height: 100%;
		max-width: none; padding: 0;
	}
	body:has(.mgk-seasonal) .mgk-seasonal__hero--image-only .mgk-seasonal__hero-pills {
		gap: 8px; margin-bottom: 0;
	}
	body:has(.mgk-seasonal) .mgk-seasonal__hero--image-only .mgk-seasonal__hero-pill,
	body:has(.mgk-seasonal) .mgk-seasonal__hero--image-only .mgk-seasonal__hero-pill-date {
		padding: 5px 8px; border-radius: 6px; font-size: 11px; font-weight: 600;
	}
	body:has(.mgk-seasonal) .mgk-seasonal__hero--image-only .mgk-seasonal__hero-pill-date {
		background: rgba(255,255,255,.86); border: 0; color: #273f37;
	}
	body:has(.mgk-seasonal) .mgk-seasonal__hero--image-only .mgk-seasonal__heading {
		max-width: 210px; margin: 14px 0 6px; font-size: 30px; line-height: 1.12;
	}
	body:has(.mgk-seasonal) .mgk-seasonal__hero--image-only .mgk-seasonal__sub {
		display: -webkit-box; max-width: 210px; margin: 0;
		font-size: 12px; line-height: 1.25; overflow: hidden;
		-webkit-box-orient: vertical; -webkit-line-clamp: 2;
	}
	body:has(.mgk-seasonal) .mgk-seasonal__hero--image-only .mgk-seasonal__cta-shop {
		margin-top: auto; align-self: flex-start;
		padding: 10px 12px; border-radius: 10px; font-size: 12px;
	}

	body:has(.mgk-seasonal) .mgk-seasonal__grid {
		grid-template-columns: 1fr; gap: 20px;
	}
	body:has(.mgk-seasonal) .mgk-seasonal__card {
		height: 225px; min-height: 225px; border: 1px solid #e9edf2;
		border-radius: 14px; background-color: #fff; background-repeat: no-repeat;
		background-position: center top; background-size: 100% auto;
	}
	body:has(.mgk-seasonal) .mgk-seasonal__card-overlay { display: none; }
	body:has(.mgk-seasonal) .mgk-seasonal__card-body {
		left: 0; right: 0; bottom: 0; min-height: 68px; padding: 13px 44px 13px 14px;
		box-sizing: border-box; background: #fff;
	}
	body:has(.mgk-seasonal) .mgk-seasonal__card-title {
		color: var(--mgk-navy-900); font-size: 17px; font-weight: 700;
		line-height: 1.25; text-shadow: none;
	}
	body:has(.mgk-seasonal) .mgk-seasonal__card-meta {
		margin-top: 5px; color: #829084; font-size: 10px; line-height: 1.2;
	}
	body:has(.mgk-seasonal) .mgk-seasonal__card-arrow {
		right: 14px; bottom: 26px; width: 20px; height: 20px; border-radius: 0;
		background: none; color: #1363ff; font-size: 0; line-height: 1;
		display: flex; align-items: center; justify-content: center;
	}
	body:has(.mgk-seasonal) .mgk-seasonal__card-arrow::after {
		content: ''; display: block; width: 7px; height: 7px;
		border-top: 1.75px solid currentColor;
		border-right: 1.75px solid currentColor;
		transform: rotate(45deg);
	}
}

@media (max-width: 640px) {
	body:has(.mgk-track) .mgk-header--inner .mgk-header__title {
		font-size: 0; line-height: 23px; white-space: normal;
		overflow: visible; text-overflow: clip;
	}
	body:has(.mgk-track) .mgk-header--inner .mgk-header__title::after {
		content: 'Order details'; display: block;
		font-family: 'Quicksand', var(--mgk-font);
		font-size: 20px; font-weight: 700; line-height: 23px; color: var(--fm-ink);
	}
}

@media (max-width: 640px) {
	body.mgk-is-checkout .mgk-checkout .mgk-card.mgk-checkout__paystate {

		margin: 0 var(--mgk-pad-x) 12px !important;
	}

	body.mgk-is-checkout .mgk-checkout .mgk-paymethods {

		border-color: #e9edf4;
		border-radius: 16px;
	}

	body.mgk-is-checkout .mgk-checkout .mgk-paymethod > .commerce-payment-icon {

		display: grid;
		place-items: center;
		flex: 0 0 39px;
		width: 39px;
		height: 39px;
		box-sizing: border-box;
		line-height: 0;
	}
	body.mgk-is-checkout .mgk-checkout .mgk-paymethod > .commerce-payment-icon > svg {
		display: block;
	}

	body.mgk-is-checkout .mgk-checkout .mgk-paymethod__panel + .mgk-paymethod {
		border-top: 1px solid #e9edf5;
	}

	body.mgk-is-checkout .mgk-checkout .mgk-paymethod.is-sel
	+ .mgk-paymethod__panel:not([hidden]) {

		box-shadow: inset 3px 0 #315cf5;
	}
	body.mgk-is-checkout .mgk-checkout .mgk-paymethod__panel {

		padding-inline: 16px;
	}

	body.mgk-is-checkout .mgk-checkout [data-mgk-card-picker]:not([hidden]) {
		display: flex;
		flex-direction: column;
		width: 100%;
		margin: 0 !important;
		box-sizing: border-box;
	}
	body.mgk-is-checkout .mgk-checkout [data-mgk-card-picker][hidden] {
		display: none;
	}
	body.mgk-is-checkout .mgk-checkout [data-mgk-card-picker]:not([hidden])
		.mgk-checkout__addrpicker2-head {
		display: contents;
	}
	body.mgk-is-checkout .mgk-checkout [data-mgk-card-picker]:not([hidden])
		.mgk-checkout__addrpicker2-list {
		order: 1;
	}
	body.mgk-is-checkout .mgk-checkout [data-mgk-card-picker]:not([hidden])
		.mgk-checkout__addrpicker2-addnew {
		order: 2;
		margin-top: 8px;
	}

	body.mgk-is-checkout .mgk-checkout [data-mgk-card-picker]:not([hidden])
		.mgk-cardpicker-badge {
		display: none;
	}
	body.mgk-is-checkout .mgk-checkout [data-mgk-card-picker]:not([hidden])
		[data-mgk-card-item-default="1"] .mgk-checkout__addrpicker2-who::after {
		content: " · Default";
	}

	.mgk-voucher-accordion {
		display: block;
		border: 1px solid var(--fm-line);
		border-radius: 14px;
		overflow: hidden;
		background: #FFFFFF;
		box-shadow: none;
	}
	.mgk-voucher-accordion.mgk-cart__voucher-card { margin: 0; }
	.mgk-voucher-accordion > .mgk-voucher-toggle {
		display: flex;
		align-items: center;
		gap: 12px;
		width: 100%;
		min-height: 60px;
		padding: 10px 14px;
		margin: 0;
		border: 0;
		background: none;
		color: var(--fm-ink);
		text-align: left;
		text-decoration: none;
		cursor: pointer;
		box-sizing: border-box;
	}
	.mgk-voucher-toggle:focus-visible {
		outline: 2px solid var(--fm-blue);
		outline-offset: -3px;
	}
	.mgk-voucher-icon {
		display: grid;
		place-items: center;
		flex: 0 0 auto;
		width: 36px;
		height: 36px;
		border-radius: 11px;
		background: var(--fm-blue-bg);
		color: var(--fm-blue);
	}
	.mgk-voucher-copy {
		display: flex;
		flex: 1 1 auto;
		flex-direction: column;
		gap: 2px;
		min-width: 0;
	}
	.mgk-voucher-title {
		display: block;
		font-size: 14px;
		font-weight: 700;
		line-height: 1.35;
		color: var(--fm-ink);
	}
	.mgk-voucher-subtitle {
		display: block;
		font-size: 12px;
		font-weight: 400;
		line-height: 1.4;
		color: var(--fm-muted);
	}
	.mgk-voucher-chevron {
		flex: 0 0 auto;
		color: var(--fm-muted);
		transition: transform .15s ease;
	}
	.mgk-voucher-accordion.is-open > .mgk-voucher-toggle > .mgk-voucher-chevron {
		transform: rotate(90deg);
	}
	.mgk-voucher-panel {
		display: block;
		padding: 0 14px 14px;
		border-top: 1px solid var(--fm-line);
	}
	.mgk-voucher-panel[hidden] { display: none; }

	.mgk-voucher-panel .mgk-checkout__voucher { margin: 14px 0 0; }
	.mgk-voucher-panel .mgk-checkout__voucher-msg,
	.mgk-voucher-panel .mgk-checkout__voucher-note { margin: 6px 0 0; }
	.mgk-voucher-panel .mgk-freshpicks__head { margin: 14px 0 0; }
	.mgk-voucher-panel .mgk-checkout__vouchers { margin: 8px 0 0; }

	.mgk-cart__voucher-card > .mgk-cart__voucher-row { margin: 0; padding: 14px; }

	body.mgk-is-checkout .mgk-checkout .mgk-checkout__addrform:not([hidden]) {
		box-sizing: border-box;
		width: auto;
		margin: 0 var(--mgk-pad-x) 12px;
	}
	body.mgk-is-checkout .mgk-checkout .mgk-checkout__addrform:not([hidden]) > .mgk-form__grid2 {
		gap: 10px;
		margin-bottom: 10px;
	}
	body.mgk-is-checkout .mgk-checkout .mgk-checkout__addrform:not([hidden]) > .mgk-form__grid2 > .mgk-field {
		margin-bottom: 0;
	}
	body.mgk-is-checkout .mgk-checkout .mgk-checkout__addrform:not([hidden]) > .mgk-field {
		margin-bottom: 10px;
	}
	body.mgk-is-checkout .mgk-checkout .mgk-checkout__addrform:not([hidden]) > .mgk-field > span:not(.mgk-field__phone-row) {
		margin-bottom: 4px;
	}
	body.mgk-is-checkout .mgk-checkout .mgk-checkout__addrform:not([hidden]) .mgk-checkout__zone {
		margin-bottom: 10px;
	}
	body.mgk-is-checkout .mgk-checkout .mgk-checkout__addrform:not([hidden]) > .mgk-field:last-child {
		margin-bottom: 0;
	}

	body.mgk-is-checkout .mgk-checkout [data-mgk-card-newform] {
		box-sizing: border-box;
		width: 100%;
		min-width: 0;
		display: flex;
		flex-direction: column;
		gap: 12px;
	}
	body.mgk-is-checkout .mgk-checkout [data-mgk-card-newform][hidden] {
		display: none;
	}
	body.mgk-is-checkout .mgk-checkout [data-mgk-card-newform] > .mgk-card-form__row {
		box-sizing: border-box;
		width: 100%;
		min-width: 0;
		display: grid;
		gap: 10px;
	}
	body.mgk-is-checkout .mgk-checkout [data-mgk-card-newform] > .mgk-card-form__row:first-child {
		grid-template-columns: minmax(0, 1fr);
	}
	body.mgk-is-checkout .mgk-checkout [data-mgk-card-newform] > .mgk-card-form__row:nth-child(2) {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}
	body.mgk-is-checkout .mgk-checkout [data-mgk-card-newform] .mgk-card-form__field,
	body.mgk-is-checkout .mgk-checkout [data-mgk-card-newform] .mgk-card-form__number {
		box-sizing: border-box;
		width: 100%;
		min-width: 0;
	}
	body.mgk-is-checkout .mgk-checkout [data-mgk-card-newform] .mgk-card-form__input,
	body.mgk-is-checkout .mgk-checkout [data-mgk-card-newform] .mgk-card-form__stripe-mount {
		box-sizing: border-box;
		width: 100%;
		max-width: 100%;
		min-width: 0;
	}
	body.mgk-is-checkout .mgk-checkout [data-mgk-card-newform] .mgk-card-form__stripe-mount iframe {
		display: block;
		width: 100% !important;
		max-width: 100%;
	}
	body.mgk-is-checkout .mgk-checkout [data-mgk-card-newform] .mgk-card-form__input,
	body.mgk-is-checkout .mgk-checkout [data-mgk-card-newform] .mgk-card-form__stripe-mount {
		text-align: center;
	}
	body.mgk-is-checkout .mgk-checkout [data-mgk-card-newform] .mgk-card-form__input {

		padding-top: 0;
		padding-bottom: 0;
		line-height: 46px;
	}
	body.mgk-is-checkout .mgk-checkout [data-mgk-card-newform] .mgk-card-form__stripe-mount {

		display: block;
		height: 48px;
		padding-top: 15px;
		padding-right: 14px;
		padding-bottom: 15px;
		box-sizing: border-box;
		line-height: normal;
	}
	body.mgk-is-checkout .mgk-checkout [data-mgk-card-newform] .mgk-card-form__input::placeholder {
		text-align: center;
	}
}

.mgk-ohist__mobile-card { display: none; }

@media (max-width: 640px) {
	.mgk-ohist__head,
	.mgk-ohist__back { display: none; }

	.mgk-ohist { gap: 16px; }
	.mgk-ohist__filters {
		align-items: center;
		flex-wrap: nowrap;
		gap: 8px;
		overflow-x: auto;
		overflow-y: hidden;
		margin-right: calc(var(--mgk-pad-x) * -1);
		padding: 0 var(--mgk-pad-x) 0 0;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}
	.mgk-ohist__filters::-webkit-scrollbar { display: none; }
	.mgk-ohist__filter {
		flex: 0 0 auto;
		min-height: 44px;
		padding: 0 14px;
		border: 1px solid var(--fm-line);
		border-radius: 12px;
		background: #fff;
		color: var(--fm-muted);
		font-size: 14px;
		font-weight: 700;
		line-height: 18px;
		white-space: nowrap;
	}
	.mgk-ohist__filter.is-sel {
		background: var(--fm-blue);
		border-color: var(--fm-blue);
		color: #fff;
	}
	.mgk-ohist__filter:focus-visible {
		outline: 2px solid var(--fm-blue);
		outline-offset: -2px;
	}

	.mgk-ohist__list { gap: 12px; }
	.mgk-ohist__order {
		gap: 0;
		padding: 0;
		border: 1px solid var(--fm-line);
		border-radius: 16px;
		background: #fff;
		overflow: hidden;
	}
	.mgk-ohist__order-top,
	.mgk-ohist__mobile-detail { display: none; }
	.mgk-ohist__mobile-card {
		display: flex;
		flex-direction: column;
		min-width: 0;
		background: #fff;
	}
	.mgk-ohist__mobile-open {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		min-width: 0;
		padding: 14px 16px 4px;
		border: 0;
		background: transparent;
		color: var(--fm-ink);
		text-align: left;
		text-decoration: none;
	}
	a.mgk-ohist__mobile-open:hover { color: var(--fm-ink); }
	.mgk-ohist__mobile-open:focus-visible {
		outline: 2px solid var(--fm-blue);
		outline-offset: -3px;
	}
	.mgk-ohist__mobile-open > svg {
		flex: 0 0 auto;
		color: #7C8FA8;
	}
	.mgk-ohist__mobile-open-copy {
		display: flex;
		flex: 1 1 auto;
		flex-direction: column;
		gap: 3px;
		min-width: 0;
	}
	.mgk-ohist__mobile-open-copy strong {
		font-size: 14px;
		font-weight: 700;
		line-height: 20px;
		color: var(--fm-ink);
	}
	.mgk-ohist__mobile-open-copy small {
		font-size: 12px;
		font-weight: 500;
		line-height: 17px;
		color: var(--fm-muted);
	}
	.mgk-ohist__mobile-preview {
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
		gap: 12px;
		min-width: 0;
		padding: 10px 16px 13px;
	}
	.mgk-ohist__mobile-thumbs {
		display: flex;
		align-items: center;
		gap: 6px;
		min-width: 0;
		overflow: hidden;
	}
	.mgk-ohist__mobile-preview-thumb,
	.mgk-ohist__mobile-preview-more {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 42px;
		height: 42px;
		flex: 0 0 42px;
		border: 1px solid var(--fm-line);
		border-radius: 10px;
		background: #F7F9FD;
		color: var(--fm-muted);
		font-size: 12px;
		font-weight: 700;
		overflow: hidden;
	}
	.mgk-ohist__mobile-preview-more {
		border-style: dashed;
		background: #F8FAFD;
	}
	.mgk-ohist__mobile-preview-thumb img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.mgk-ohist__mobile-meta {
		display: flex;
		flex: 0 0 auto;
		flex-direction: column;
		align-items: flex-end;
		gap: 2px;
		padding-bottom: 1px;
		white-space: nowrap;
	}
	.mgk-ohist__mobile-meta span {
		font-size: 12px;
		font-weight: 500;
		line-height: 17px;
		color: var(--fm-muted);
	}
	.mgk-ohist__mobile-meta strong {
		font-size: 14px;
		font-weight: 700;
		line-height: 20px;
		color: var(--fm-ink);
	}
	.mgk-ohist__mobile-bottom {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		min-height: 50px;
		padding: 8px 16px;
		border-top: 1px solid var(--fm-line);
	}
	.mgk-ohist__mobile-status {
		display: inline-flex;
		align-items: center;
		gap: 7px;
		min-width: 0;
		font-size: 12px;
		font-weight: 600;
		line-height: 17px;
		color: var(--fm-muted);
	}
	.mgk-ohist__mobile-status i {
		width: 7px;
		height: 7px;
		flex: 0 0 7px;
		border-radius: 50%;
		background: currentColor;
	}
	.mgk-ohist__mobile-status--picking,
	.mgk-ohist__mobile-status--pending { color: #C17A29; }
	.mgk-ohist__mobile-status--confirmed { color: var(--fm-blue); }
	.mgk-ohist__mobile-status--delivering { color: #315CF5; }
	.mgk-ohist__mobile-status--delivered { color: var(--mgk-green); }
	.mgk-ohist__mobile-status--cancelled { color: #C62828; }
	.mgk-ohist__mobile-reorder {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		width: 34px !important;
		height: 34px !important;
		flex: 0 0 34px;
		padding: 0 !important;
		border: 1px solid #D9E3F7 !important;
		border-radius: 50% !important;
		background: #F4F7FF !important;
		color: var(--fm-blue) !important;
		font-size: 0 !important;
		line-height: 1;
		text-decoration: none;
	}
	.mgk-ohist__mobile-reorder svg { display: block; }
	.mgk-ohist__mobile-reorder:hover { background: #EAF0FF !important; }
	.mgk-ohist__mobile-reorder:focus-visible {
		outline: 2px solid var(--fm-blue);
		outline-offset: 2px;
	}
	.mgk-ohist__mobile-reorder:active { transform: scale(.96); }
	.mgk-ohist__empty {
		padding: 48px 24px;
		font-size: 14px;
		color: var(--fm-ink-3);
	}
}

@media (max-width: 640px) {

	body:has(.mgk-shop--search) .mgk-header--inner .mgk-header__notif-wrap {
		display: flex;
		align-items: center;
		order: 1;
		flex: 0 0 auto;
	}
	body:has(.mgk-shop--search) .mgk-header--inner .mgk-header__notifications {
		display: inline-flex;
		order: 1;
	}
	body:has(.mgk-shop--search) .mgk-header--inner {
		min-height: 64px;
		padding: 12px 20px 8px;
	}
	body:has(.mgk-shop--search) .mgk-header--inner .mgk-header__back {
		width: 44px;
		height: 44px;
		margin-left: 0;
	}
	body:has(.mgk-shop--search) .mgk-header--inner .mgk-header__notifications,
	body:has(.mgk-shop--search) .mgk-header--inner .mgk-header__cart {
		width: 44px;
		height: 44px;
		min-height: 44px;
	}
	body:has(.mgk-shop--search) .mgk-header--inner .mgk-header__notif-wrap {
		height: 44px;
		min-height: 44px;
	}
	body:has(.mgk-shop--search) .mgk-header--inner .mgk-header__cart {
		margin-right: 0;
	}

	body:has(.mgk-shop--search) .mgk-breadcrumb {
		display: none;
	}

	body:has(.mgk-shop--search) .mgk-freshpicks {
		display: none !important;
	}

	body:has(.mgk-shop--search) .mgk-header-suggest,
	body:has(.mgk-shop--search) [data-mgk-header-search-suggest],
	body:has(.mgk-shop--search) .mgk-autocomplete--search,
	body:has(.mgk-shop--search) [data-mgk-search-suggest] {
		display: none !important;
	}
	body:has(.mgk-shop--search) .mgk-section.mgk-shop--search {
		box-sizing: border-box;
		padding: 6px 20px 16px;
	}

	body:has(.mgk-shop--search) .mgk-shop--search .mgk-shop__msearch {
		position: relative;
		display: flex;
		width: 100%;
		height: 47px;
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		background: #F7F8FA;
		border: 1px solid var(--fm-line);
		border-radius: 13px;
	}
	body:has(.mgk-shop--search) .mgk-shop--search .mgk-shop__msearch-input {
		box-sizing: border-box;
		width: 100%;
		height: 45px;
		min-width: 0;
		padding: 0 40px 0 42px;
		-webkit-appearance: none;
		appearance: none;
		border: 0;
		outline: 0;
		background-color: transparent;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 24 24' fill='none' stroke='%238A9BB4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-position: 16px center;
		background-size: 19px 19px;
		font-family: inherit;
		font-size: 15px;
		color: var(--fm-ink);
	}
	body:has(.mgk-shop--search) .mgk-shop--search .mgk-shop__msearch-input::placeholder {
		color: #8A9BB4;
	}
	body:has(.mgk-shop--search) .mgk-shop--search .mgk-shop__msearch-input:focus {
		box-shadow: inset 0 0 0 1px var(--fm-blue);
	}
	body:has(.mgk-shop--search) .mgk-shop--search .mgk-shop__msearch-input::-webkit-search-cancel-button {
		-webkit-appearance: auto;
		appearance: auto;
		opacity: .55;
	}
	body:has(.mgk-shop--search) .mgk-shop--search .mgk-shop__msearch-btn {
		position: absolute;
		width: 1px;
		height: 1px;
		margin: -1px;
		padding: 0;
		border: 0;
		clip-path: inset(50%);
		clip: rect(0 0 0 0);
		overflow: hidden;
		white-space: nowrap;
	}

	body:has(.mgk-shop--search) .mgk-shop--search .mgk-pill {
		display: none;
	}
	body:has(.mgk-shop--search) .mgk-shop--search .mgk-shop__grid {
		margin-top: 49px;
	}
	body:has(.mgk-shop--search) .mgk-shop--search .mgk-shop__main {
		gap: 19px;
	}
	body:has(.mgk-shop--search) .mgk-shop--search .mgk-shop__resultsrow {
		display: block;
	}
	body:has(.mgk-shop--search) .mgk-shop--search .mgk-shop__resultheading,
	body:has(.mgk-shop--search) .mgk-shop--search .mgk-shop__count {
		display: none;
	}
	body:has(.mgk-shop--search) .mgk-shop--search .mgk-shop__count--m {
		display: block;
		margin: 0;
		font-size: 13px;
		font-weight: 500;
		line-height: 18px;
		color: var(--fm-muted);
	}

	body:has(.mgk-shop--search) .mgk-shop--search .mgk-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}
	body:has(.mgk-shop--search) .mgk-shop--search .mgk-prod {
		border-radius: 14px;
	}
	body:has(.mgk-shop--search) .mgk-shop--search .mgk-prod__media {
		height: auto;
		min-height: 0;
		aspect-ratio: 1.15;
	}
	body:has(.mgk-shop--search) .mgk-shop--search .mgk-prod__body {
		grid-template-columns: minmax(0, 1fr) 44px;
		grid-template-rows: auto minmax(0, 1fr);
		align-content: stretch;
		row-gap: 8px;
		min-height: 134px;
		padding: 12px;
	}
	body:has(.mgk-shop--search) .mgk-shop--search .mgk-prod__name {
		min-height: 41px;
		font-size: 15px;
		font-weight: 650;
		line-height: 20px;
	}
	body:has(.mgk-shop--search) .mgk-shop--search .mgk-prod__price {
		align-self: start;
		flex-direction: column;
		align-items: flex-start;
		gap: 1px;
		font-size: 16px;
		line-height: 20px;
	}
	body:has(.mgk-shop--search) .mgk-shop--search .mgk-prod__unit {
		order: 0;
		flex: 0 0 auto;
		font-size: 12px;
		line-height: 16px;
	}
	body:has(.mgk-shop--search) .mgk-shop--search .mgk-prod__was {
		font-size: 11.5px;
		line-height: 16px;
	}
	body:has(.mgk-shop--search) .mgk-shop--search .mgk-prod__add-wide {
		grid-column: 2;
		grid-row: 2;
		align-self: end;
		position: relative;
		top: 10px;
		width: 44px;
		height: 44px;
		margin: 0;
		padding: 0;
		border: 1px solid #DDE6FF;
		border-radius: 12px;
		background: #EEF2FF;
		color: var(--fm-blue);
		font-size: 0;
		line-height: 1;
	}
	body:has(.mgk-shop--search) .mgk-shop--search .mgk-prod__add-wide::after {
		content: "+";
		font-size: 22px;
		font-weight: 500;
		line-height: 1;
	}
	body:has(.mgk-shop--search) .mgk-shop--search .mgk-prod__add-wide:hover {
		background: #EEF2FF;
		color: var(--fm-blue);
	}
}

@media (max-width: 640px) {

	body:has(.mgk-acct) .account-menu-row[href*="address-book"],

	.mgk-profile__nav-item[href*="address-book"] {
		display: none !important;
	}
}

@media (max-width: 640px) {
	body.mgk-is-checkout .mgk-checkout .commerce-time-card .mgk-checkout__mobile-timeslots {
		display: flex !important;
		flex-direction: column;
		gap: 8px;
		margin: 16px 0 0;
	}
	body.mgk-is-checkout .mgk-checkout .commerce-time-card .mgk-checkout__mobile-timeslot {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		min-height: 44px;
		padding: 10px 12px;
		border: 1.5px solid #E4E7EC;
		border-radius: 12px;
		background: #FFFFFF;
		color: var(--fm-ink-2);
		font: inherit;
		font-size: 13px;
		font-weight: 700;
		line-height: 1.35;
		text-align: left;
		white-space: normal;
	}
	body.mgk-is-checkout .mgk-checkout .commerce-time-card .mgk-checkout__mobile-timeslot.is-sel {
		border-color: var(--fm-blue);
		background: var(--fm-blue-bg);
		color: var(--fm-blue);
	}
	body.mgk-is-checkout .mgk-checkout .commerce-time-card .mgk-checkout__mobile-timeslot.is-full,
	body.mgk-is-checkout .mgk-checkout .commerce-time-card .mgk-checkout__mobile-timeslot:disabled {
		border-color: #E4E7EC;
		background: #F7F8FA;
		color: var(--fm-muted);
		cursor: not-allowed;
	}
	body.mgk-is-checkout .mgk-checkout .commerce-time-card .mgk-checkout__mobile-timeslot:focus-visible {
		outline: 2px solid var(--fm-blue);
		outline-offset: 2px;
	}
}

@media (max-width: 640px) {
    .mgk-checkout__guest-note {
        display: none !important;
    }
}

@media (max-width: 640px) {
	body.mgk-is-checkout .mgk-checkout__addrhead {
		width: 100%;
	}

	body.mgk-is-checkout .mgk-checkout__addrhead
	> .commerce-section-heading {

		flex: 1 1 auto;
		min-width: 0;
		margin-inline: var(--mgk-pad-x) !important;
		justify-content: space-between !important;
	}

	body.mgk-is-checkout .mgk-checkout__addrhead
	> .commerce-section-heading .commerce-text-action {
		flex: 0 0 auto;
		margin-left: auto;
		white-space: nowrap;
	}
}

.mgk-toast {
	position: fixed; left: 50%; bottom: 28px; transform: translate(-50%, 24px);
	z-index: 100000; max-width: min(92vw, 420px);
	display: flex; align-items: flex-start; gap: 10px;
	background: var(--mgk-navy-800, #12263f); color: #fff;
	font-size: 14px; font-weight: 600; line-height: 1.4; text-align: center;
	padding: 12px 20px; border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,.22);
	opacity: 0; transition: opacity .25s ease, transform .25s ease;

	pointer-events: auto;
}
.mgk-toast.is-in { opacity: 1; transform: translate(-50%, 0); }

.mgk-toast--error,
.mgk-toast--err { background: #c0392b; }
.mgk-toast__mark { display: none; }
.mgk-toast__msg { flex: 1 1 auto; }
.mgk-toast__x {
	flex: 0 0 auto; border: none; background: none; padding: 2px 4px;
	color: inherit; font-size: 16px; line-height: 1; cursor: pointer;
}

@media (max-width: 640px) {

	.mgk-toast {
		left: 16px; right: 16px; bottom: auto;

		top: calc(4px + var(--mgk-toast-top, 64px));
		max-width: none; transform: translate(0, -12px);
		align-items: flex-start; gap: 10px;
		padding: 12px 14px;
		border-radius: 14px;
		text-align: left;
		box-shadow: 0 8px 24px rgba(16, 24, 40, .14);

		transition: opacity .25s ease, transform .25s ease, top .25s ease;
	}
	.mgk-toast.is-in { transform: translate(0, 0); }

	.mgk-toast { background: #ECFDF3; border: 1px solid #ABEFC6; color: #067647; }
	.mgk-toast--warn { background: #FFFAEB; border-color: #FEDF89; color: #B54708; }
	.mgk-toast--err,
	.mgk-toast--error { background: #FEF3F2; border-color: #FECDCA; color: #B42318; }
	.mgk-toast__mark {
		display: flex; align-items: center; justify-content: center;
		flex: 0 0 auto;
		width: 22px; height: 22px; border-radius: 11px;
		background: #067647; color: #FFFFFF;
		font-size: 13px; font-weight: 700; line-height: 1;
	}
	.mgk-toast--warn .mgk-toast__mark { background: #B54708; }
	.mgk-toast--err .mgk-toast__mark,
	.mgk-toast--error .mgk-toast__mark { background: #B42318; }
	.mgk-toast__msg {
		flex: 1 1 auto;
		font-size: 13.5px; font-weight: 600; line-height: 1.45; color: inherit;
	}
	.mgk-toast__x { color: inherit; }

	body:has(.mgk-header--root.mgk-header--home) { --mgk-toast-top: 141px; }
	body:has(.mgk-header--root:not(.mgk-header--search)) { --mgk-toast-top: 82px; }

	body:has(.mgk-header--root:not(.mgk-header--home).mgk-header--search),
	body:has(.mgk-header--inner.mgk-header--search) { --mgk-toast-top: 141px; }

	body:has(.mgk-header.is-hidden) { --mgk-toast-top: 0px; }

	body.admin-bar .mgk-toast { top: calc(50px + var(--mgk-toast-top, 64px)); }
}

.mgk-fab-group {
	position: fixed;
	bottom: 24px;
	right: 24px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	z-index: 99;
}

@media (max-width: 640px) {
	body:not(.mgk-is-detail) .mgk-fab-group {
		bottom: 98px;
	}
}
.mgk-fab {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	padding: 0;
	border-radius: 50%;
	font-weight: 600;
	font-size: 14px;
	text-decoration: none;
	border: 1px solid transparent;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	cursor: pointer;
	transition: all 0.2s ease;
}
.mgk-fab svg {
	flex-shrink: 0;
}
.mgk-fab--btt {
	background: #fff;
	color: var(--mgk-text);
	border-color: #E2E8F0;
	opacity: 0;
	visibility: hidden;
	transform: translateY(20px);
}
.mgk-fab--btt.is-visible {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.mgk-fab--btt:hover {
	background: #F8FAFC;
}
.mgk-fab--btt svg {
	color: var(--mgk-primary);
}
.mgk-fab--contact {
	background: #EAF0FF;
	color: #1B3A52;
	border-color: #EAF0FF;
}
.mgk-fab--contact svg {
	color: #1B3A52;
}
.mgk-fab--contact:hover {
	background: #D8E4FE;
}

@media (max-width: 640px) {
	body:has(.mgk-seasonal) .mgk-fab-group { bottom: 24px; }
}

.mgk-autocomplete--search { width: 100%; max-width: none; padding: 16px; display: none; grid-template-columns: repeat(auto-fill, 260px); gap: 16px; max-height: 80vh; }
.mgk-autocomplete--search:not([hidden]) { display: grid; }
.mgk-autocomplete--search .mgk-autocomplete__item--viewall { grid-column: 1 / -1; }

.mgk-prod--suggest { width: 260px; height: 376px; flex: none; overflow: hidden; }
.mgk-prod--suggest .mgk-prod__media { width: 258px; margin: 0 auto; flex: none; }
.mgk-prod--suggest .mgk-prod__body { width: 258px; padding: 8px 12px 12px; gap: 8px; }
.mgk-prod--suggest .mgk-prod__badges { min-height: 24px; white-space: normal; }
.mgk-prod--suggest .mgk-prod__name { font-family: 'Inter', var(--mgk-font); font-size: 16px; font-weight: 500; line-height: 18px; min-height: 35px; color: #1B3A52; white-space: normal; }
.mgk-prod--suggest .mgk-prod__foot { flex-direction: column; align-items: stretch; gap: 8px; }
.mgk-prod--suggest .mgk-prod__price { display: flex; align-items: baseline; gap: 8px; }
.mgk-prod--suggest .mgk-prod__actions { display: none; }
.mgk-prod--suggest .mgk-prod__add-wide { margin-top: 0; height: 40px; }
.mgk-prod--suggest .mgk-prod__suggest-cat,
.mgk-prod--suggest .mgk-prod__options { display: none; }

.mgk-header-suggest { position: fixed; top: var(--mgk-suggest-top, 100%); left: var(--mgk-suggest-left, 24px); right: var(--mgk-suggest-right, 24px); z-index: 30; display: flex; gap: 28px; align-items: stretch; background: var(--mgk-surface); border: 1px solid var(--mgk-border); border-top: none; border-bottom-left-radius: 18px; border-bottom-right-radius: 18px; box-shadow: var(--mgk-shadow-lg); padding: 24px 26px 26px; width: auto; max-width: none; }
.mgk-header-suggest[hidden] { display: none; }
.mgk-header-suggest__col--terms { flex: 0 0 280px; padding: 0; border-right: none; display: flex; flex-direction: column; gap: 16px; }

.mgk-header-suggest__col--products { flex: 1 1 auto; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, 260px); gap: 20px; min-width: 0; max-height: 80vh; overflow-y: auto; }
.mgk-header-suggest__term { display: block; padding: 0; border-radius: 6px; font-size: 15px; color: var(--mgk-navy-900); text-decoration: none; }
.mgk-header-suggest__term:hover { text-decoration: underline; }
.mgk-header-suggest__term strong { font-weight: 700; color: var(--mgk-navy-900); }
.mgk-header-suggest__cats { margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--mgk-border-lt); display: flex; flex-direction: column; gap: 10px; }
.mgk-header-suggest__cat { display: flex; align-items: center; gap: 10px; padding: 0; border-radius: 0; font-size: 15px; font-weight: 600; color: var(--mgk-link-blue, #1454B8); text-decoration: underline; }
.mgk-header-suggest__cat:hover { color: var(--mgk-teal); }
.mgk-header-suggest__cat-icon { font-size: 13px; line-height: 1; }

@media (max-width: 700px) {
	.mgk-header-suggest { flex-direction: column; border-radius: 18px; border-top: 1px solid var(--mgk-border); gap: 16px; }
	.mgk-header-suggest__col--terms { flex: none; border-right: none; border-bottom: 1px solid var(--mgk-border-lt); padding-bottom: 12px; }
	.mgk-header-suggest__col--products { flex: none; }
}

@media (max-width: 640px) {

	.mgk-header-suggest[hidden],
	[data-mgk-header-search-suggest][hidden],
	.mgk-autocomplete--search[hidden],
	[data-mgk-search-suggest][hidden] {
		display: none !important;
	}

	.mgk-header-suggest:not([hidden]),
	[data-mgk-header-search-suggest]:not([hidden]) {
		display: flex !important;
		flex-direction: column;
	}
	.mgk-header-suggest__col--terms {
		flex: none;
		width: 100%;
		border: 0 !important;
		padding-bottom: 0 !important;
	}

	.mgk-header-suggest__cats,
	.mgk-header-suggest__col--products,
	.mgk-autocomplete--search:not([hidden]),
	[data-mgk-search-suggest]:not([hidden]) {
		display: none !important;
	}
	.mgk-header-suggest__cat-icon {
		display: none !important;
	}
}