/* Customer storefront only. Existing component hooks and appearance tokens are retained. */
:root {
  --mn-pro-accent: #a4472d;
  --ink: #18332e; --ink-2: #43534d; --muted: #69756f; --faint: #89938d;
  --accent: var(--mn-pro-accent); --accent-600: #913a23; --accent-700: #7d301e;
  --accent-soft: #f8eee8; --accent-ring: rgba(164,71,45,.2);
  --paper: #fffefa; --canvas: #fffefa; --surface: #fff; --tint: #f3f2ec;
  --line: #e2e5dc; --line-2: #edf0e8; --r: 10px; --r-lg: 16px;
  --disp: 'Inter', system-ui, sans-serif; --wrap-pad: clamp(16px,3.3vw,48px); --hd-h: 76px;
  --sec-gap: clamp(32px,4.5vw,56px); --grid-gap: clamp(12px,2vw,24px);
}
body { background: var(--canvas); color: var(--ink); -webkit-font-smoothing: antialiased; }
body main { min-height: 40vh; }
body .mn-wrap { width: 100%; max-width: var(--wrap-max,1280px); }
body :is(button,a,input,select,textarea):focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.mn-skip { position: fixed; top: -80px; left: 16px; z-index: 20000; padding: 12px 20px; color: #fff; background: var(--ink); border-radius: 6px; }
.mn-skip:focus { top: 10px; }
.mn-servicebar { background: var(--ink); color: #fff; font-size: 11px; letter-spacing: .04em; }
.mn-servicebar .mn-wrap { min-height: 34px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.mn-servicebar a { color: #fff; display: inline-flex; align-items: center; gap: 7px; }
.mn-servicebar .mn-service-links { display: flex; gap: 22px; }
body .mn-hd { background: var(--paper); border-bottom: 1px solid var(--line); box-shadow: none; }
body .mn-hd-bar { height: var(--hd-h); gap: 20px; }
body .mn-hd-bar > .mn-logo { flex: 0 1 auto; max-width: min(34vw,340px); }
body .mn-logo span { min-width: 0; }
body .mn-logo b { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
body .mn-logo b { font-size: clamp(13px,1.3vw,18px); letter-spacing: -.035em; text-transform: none; }
body .mn-logo b > span { display: none; }
body .mn-logo small { font-size: 10px; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
body .mn-logo img { width: 44px; height: 44px; border-radius: 0; flex-shrink: 0; }
body .mn-hd-search { border: 1px solid var(--line); background: #f4f5ef; border-radius: 6px; height: 44px; max-width: 370px; }
body .mn-hd-search input { font-size: 13px; }
body .mn-hd-nav a { font-size: 13px; font-weight: 500; padding: 14px 10px; }
body .mn-hd-actions { gap: 6px; }
body .mn-icon-btn,body .mn-burger { min-width: 42px; min-height: 42px; border-radius: 6px; }
body .mn-count { background: var(--accent); }
body .mn-bc { font-size: 11px; margin: 0; padding: 10px 0 6px; }
body .mn-bc .mn-bc-cnt { margin-left: auto; padding: 0; border: 0; border-radius: 0; background: transparent; color: var(--muted); font-size: 10px; font-weight: 500; letter-spacing: 0; text-transform: none; }
body .mn-eyebrow { color: var(--accent); font-size: 10px; font-weight: 600; letter-spacing: .14em; }
body .mn-hero-overlay h2 { font-family: Georgia,var(--serif); font-weight: 400; font-size: clamp(20px,3.5vw,48px); line-height: 1.1; color: inherit; }
body .mn-hero-overlay h2:empty { display: none; }
body .mn-hero-mobile-img { display: none; }
body .mn-hero-slide.has-img:has(.mn-hero-overlay h2:not(:empty))::after { opacity: 1; }
body .mn-hero-image-link { position: absolute; inset: 0; z-index: 3; }
body .mn-hero-image-link:focus-visible { outline-offset: -5px; }
body .mn-auth-card { border: 1px solid var(--line); border-radius: 8px; box-shadow: none; background: #fff; }
body .mn-auth-card h1 { font-family: Georgia,var(--serif); font-weight: 400; letter-spacing: -.035em; }
body .mn-hero-dots button { border: 0; padding: 0; width: 8px; height: 8px; border-radius: 50%; background: #ffffff70; cursor: pointer; }
body .mn-hero-dots button.on { width: 24px; border-radius: 8px; background: #fff; }
body .mn-hero-dots button::after { content: ''; display: block; width: 28px; height: 28px; transform: translate(-7px,-10px); }
body .mn-mast { position: relative; display: grid; grid-template-columns: minmax(0,1.08fr) minmax(0,1fr); align-items: center; gap: 36px; padding: clamp(28px,3.8vw,44px) 0 0; margin: 0; border: 0; }
body .mn-mast-copy { min-width: 0; max-width: 680px; }
body .mn-mast h1 { font-family: Georgia,var(--serif); font-weight: 400; font-size: clamp(30px,3.6vw,46px); line-height: 1.13; letter-spacing: -.035em; max-width: 24ch; margin: 14px 0 18px; }
body .mn-mast h1 em { color: var(--accent); font-style: italic; font-weight: 400; }
body .mn-mast-side { border: 0; padding: 0; margin: 0; max-width: none; }
body .mn-mast-side p { font-size: 14px; line-height: 1.7; color: var(--ink-2); max-width: 54ch; }
body .mn-mast-side .ax { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
body .mn-mast-stats { border: 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin-top: 20px; padding: 0; }
body .mn-mast-stats > div { border: 0; padding: 0; gap: 3px; }
body .mn-mast-stats b { font-size: 13px; letter-spacing: 0; }
body .mn-mast-stats span { font-size: 11px; line-height: 1.45; max-width: 150px; margin-top: 0; }
body .mn-mast-merch { min-width: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; align-self: center; align-content: start; }
.mn-mast-merch[hidden] { display: none !important; }
.mn-mast-merch a { background: #fff; border: 1px solid var(--line); min-width: 0; overflow: hidden; border-radius: 6px; position: relative; align-self: start; }
.mn-merch-image { height: clamp(150px,16vw,210px); display: grid; place-items: center; overflow: hidden; background: #f2f4ee; }
.mn-mast-merch img { width: 100%; height: 100%; min-height: 0; padding: 12px; object-fit: contain; mix-blend-mode: multiply; transition: transform .25s ease; }
.mn-merch-caption { display: flex; align-items: center; gap: 12px; padding: 13px 14px; }
.mn-mast-merch b { flex: 1; min-width: 0; font-size: 12px; font-weight: 500; line-height: 1.45; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.mn-merch-action { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; color: var(--muted); font-size: 11px; }
.mn-merch-action svg { width: 16px; height: 16px; }
.mn-mast-merch[data-count="1"] { grid-template-columns: 1fr; }
.mn-mast-merch[data-count="1"] .mn-merch-image { height: clamp(240px,22vw,300px); }
.mn-mast-merch[data-count="3"] a:first-child { grid-column: 1 / -1; }
.mn-mast-merch[data-count="3"] a:first-child .mn-merch-image { height: 210px; }
.mn-mast-merch[data-count="3"] a:not(:first-child) .mn-merch-image { height: 126px; }
.mn-mast-merch:not([data-count="1"]) .mn-merch-action > span { display: none; }
.mn-mast-merch a:hover img { transform: scale(1.025); }
body .mn-mast:not(:has(.mn-mast-merch:not([hidden]))) { grid-template-columns: 1fr; }
body .btn { border-radius: 5px; font-weight: 600; letter-spacing: .01em; box-shadow: none; }
/* Fixed icon buttons need their own content box, independent of text-button padding. */
body .btn.btn-icon { padding: 0; }
body .btn.btn-lg.btn-icon { width: 46px; min-width: 46px; height: 46px; }
body .btn-icon .ic { display: grid; place-items: center; flex: 0 0 20px; width: 20px; height: 20px; }
body .btn-icon .ic svg { width: 20px; height: 20px; max-width: none; }
body :is(#pFav,#pFav2)[aria-pressed="true"] { color: var(--accent); }
body .btn-lg { min-height: 46px; font-size: 12px; padding: 13px 22px; }
body .btn-primary { background: var(--accent); color: #fff; border-color: var(--accent); }
body .btn-ink { background: var(--ink); color: #fff; }
body .btn-ghost { border-color: var(--line); background: transparent; }
body .mn-sec-hd { border-bottom: 1px solid var(--line); padding-bottom: 18px; align-items: end; margin-bottom: 24px; }
body .mn-sec-hd h2 { font-size: clamp(23px,2.4vw,32px); letter-spacing: -.035em; font-weight: 500; }
body .mn-sec-hd h2 small { font-size: 12px; margin-top: 8px; font-weight: 400; letter-spacing: 0; color: var(--muted); }
body .mn-sec-hd > a { font-size: 11px; color: var(--ink); text-transform: none; letter-spacing: 0; }
body .mn-cat-thumb { border-radius: 6px; border: 1px solid var(--line); background: #f2f3ed; }
body .mn-cat-tile .meta b { font-size: 12px; font-weight: 500; text-transform: none; letter-spacing: 0; }
body .mn-cat-tile .meta span { font-size: 10px; }
body .mn-showcase-card,body .mn-showcase { border-radius: 6px; }
body .mn-prod-grid { grid-template-columns: repeat(var(--prod-cols-d,4),minmax(0,1fr)); gap: var(--grid-gap); }
body .mn-card { background: #fff; border: 1px solid var(--line); border-radius: 7px; overflow: hidden; box-shadow: none; }
body .mn-card:hover { box-shadow: 0 5px 20px rgba(24,51,46,.06); transform: translateY(-2px); }
body .mn-card-imgwrap { border-radius: 0; background: #f6f7f2; border-bottom: 1px solid var(--line-2); }
body .mn-card-imgwrap > img { padding: 20px; mix-blend-mode: multiply; }
body .mn-card-body { padding: clamp(12px,1.3vw,18px); }
body .mn-card-brand { color: var(--muted); font-size: 9px; letter-spacing: .1em; }
body .mn-card-title { font-size: 13px; font-weight: 500; line-height: 1.5; min-height: 3em; color: var(--ink); }
body .mn-card-price .now { font-size: 17px; font-weight: 600; letter-spacing: -.02em; }
body .mn-card-price .mrp { font-size: 11px; }
body .mn-card .gst { font-size: 9px; color: var(--muted); }
body .mn-card-ctl .btn { min-height: 38px; width: 100%; font-size: 11px; border-radius: 4px; background: var(--paper); color: var(--ink); border: 1px solid var(--line); }
body .mn-card-ctl .btn:hover { border-color: var(--ink); background: var(--ink); color: #fff; }
body .mn-card-step { min-height: 38px; border-radius: 4px; border-color: var(--ink); }
body .mn-card-step button { min-width: 36px; min-height: 36px; }
body .mn-card-off,body .mn-card-badge { background: #fff; color: var(--accent-700); border-radius: 3px; font-size: 9px; padding: 5px 8px; box-shadow: none; }
body .mn-card-fav,body .mn-card-qv { background: #fff; box-shadow: none; width: 36px; height: 36px; border: 1px solid var(--line); border-radius: 50%; }
body .mn-card-fav svg,body .mn-card-qv svg { width: 18px; height: 18px; }
body .mn-card:focus-within .mn-card-qv { opacity: 1; transform: none; }
body .mn-shop-top { margin-bottom: 8px; }
body .mn-shop-top h1,body .mn-page-hd h1 { font-family: Georgia,var(--serif); font-weight: 400; font-size: clamp(28px,3.4vw,40px); letter-spacing: -.035em; line-height: 1.15; }
body .mn-shop-top .sub { font-size: 12px; max-width: 580px; line-height: 1.55; margin-top: 6px; }
body .mn-chips-wrap { margin-bottom: 12px; }
body .mn-shop-chips { gap: 8px; margin: 0; padding: 4px 0; }
@media (hover: hover) and (pointer: fine) {
  body .mn-shop-chips { scrollbar-width: none; }
  body .mn-shop-chips::-webkit-scrollbar { display: none; }
}
body .mn-sugg { width: auto; min-height: 32px; flex-direction: row; gap: 6px; padding: 4px 8px; border: 1px solid var(--line); border-radius: 5px; background: #fff; }
body .mn-sugg .th { flex: 0 0 auto; width: 20px; height: 20px; border: 0; border-radius: 3px; background: #fff; box-shadow: none; animation: none; color: var(--ink-2); }
body .mn-sugg .th img { padding: 0; }
body .mn-sugg .th:has(svg) { background: transparent; color: inherit; }
body .mn-sugg .th svg { width: 15px; height: 15px; }
body .mn-sugg .lb { display: block; -webkit-line-clamp: unset; max-width: none; overflow: visible; overflow-wrap: normal; word-break: normal; hyphens: none; white-space: nowrap; font-size: 11px; font-weight: 500; line-height: 1.3; }
body .mn-sugg:hover { border-color: var(--ink-2); }
body .mn-sugg:hover .th { transform: none; }
body .mn-sugg.on { background: var(--ink); border-color: var(--ink); color: #fff; }
body .mn-sugg.on .th { color: #fff; }
body .mn-sugg.on .lb { color: #fff; font-weight: 500; }
body .mn-sugg.mn-sk { min-width: 100px; }
body .mn-sugg.mn-sk .lb { width: 60px; }
body .mn-shop-sticky { top: calc(var(--hd-h) + 1px); background: var(--paper); border: 0; border-bottom: 1px solid var(--line); border-radius: 0; padding: 0 0 8px; margin: 0 0 8px; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
body .mn-shop-search { height: 36px; padding: 0 10px; gap: 6px; background: #f4f5f0; border-radius: 5px; border: 1px solid var(--line); }
body .mn-shop-search input { padding: 0; line-height: 1.3; }
body .mn-shop-search svg { width: 16px; height: 16px; }
body .mn-shop-search .mn-search-clear { flex: 0 0 auto; width: 28px; height: 28px; font-size: 12px; }
/* The native select stays at 16px for mobile focus; its compact label supplies the visible type. */
.mn-sort-field { position: relative; display: inline-flex; align-items: center; gap: 7px; height: 36px; min-width: 140px; padding: 0 24px 0 10px; border: 1px solid var(--line); border-radius: 5px; background: #fff; color: var(--ink-2); font-size: 12px; font-weight: 500; cursor: pointer; }
.mn-sort-field > svg { width: 14px; height: 14px; flex: 0 0 auto; }
.mn-sort-field > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mn-sort-field > svg,.mn-sort-field > span,.mn-sort-field::after { pointer-events: none; }
.mn-sort-field::after { content: ''; position: absolute; right: 12px; top: 15px; width: 6px; height: 6px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); }
.mn-sort-field:focus-within { outline: 2px solid var(--accent); outline-offset: 2px; }
body .mn-sort-field .mn-sort { position: absolute; inset: 0; width: 100%; max-width: none; height: 100%; min-height: 0; margin: 0; opacity: 0; font-size: 16px; cursor: pointer; }
body .mn-filtpill { height: 36px; min-height: 36px; padding: 0 10px; font-size: 12px; font-weight: 500; background: #fff; border-radius: 5px; border-color: var(--line); }
body .mn-shop-body { padding-top: 0; }
body .mn-gallery { border: 1px solid var(--line); background: #f3f4ed; border-radius: 8px; overflow: hidden; }
body .mn-pdp-info h1 { font-family: Georgia,var(--serif); font-size: clamp(26px,2.8vw,38px); font-weight: 400; letter-spacing: -.03em; overflow-wrap: anywhere; }
body .mn-pdp-actions .btn { height: 46px; min-height: 46px; }
body .mn-pdp-actions > div { min-width: 0; }
body .mn-pdp-step.big { height: 46px; border-radius: 5px; }
body .mn-pdp-step.big button { width: 46px; }
body .mn-pdp-sku > div { max-width: 100%; overflow-wrap: anywhere; border-radius: 4px; }
body .mn-pdp-price .now { font-size: clamp(28px,2.7vw,34px); font-weight: 600; }
body .mn-gallery .main { border: 0; border-radius: 0; }
body .mn-gallery-arrow { width: 40px; height: 40px; padding: 0; box-shadow: none; backdrop-filter: none; }
body .mn-gallery-arrow svg { width: 18px; height: 18px; }
body .mn-thumbs { margin: 0; padding: 10px; gap: 8px; border-top: 1px solid var(--line); }
body .mn-thumbs button { display: grid; place-items: center; flex: 0 0 58px; width: 58px; height: 58px; padding: 4px; border: 1px solid transparent; border-radius: 4px; background: #fff; }
body .mn-thumbs button.on { border-color: var(--ink); }
body .mn-thumbs button[hidden] { display: none; }
body .mn-thumbs button img { width: 100%; height: 100%; padding: 0; border: 0; border-radius: 0; background: transparent; cursor: inherit; }
body .mn-thumbs button:hover img { transform: none; }
body .mn-pdp-trust { border-color: var(--line); border-radius: 5px; margin-top: 20px; background: var(--line); }
body .mn-pdp-trust .mn-tb { font-size: 12px; font-weight: 500; padding: 12px; min-width: 0; }
body .mn-pdp-trust .mn-tb:nth-child(odd):last-child { grid-column: 1 / -1; }
body .mn-tb .i { flex: 0 0 20px; width: 20px; text-align: center; }
body .mn-tb > span:last-child { overflow-wrap: anywhere; }
body .mn-pdp-search { margin: 0 0 22px; }
body .mn-facet-hd { width: 100%; text-align: left; }
body .mn-summary { background: #f4f5ef; border: 1px solid var(--line); border-radius: 8px; box-shadow: none; }
body .mn-cart-item { border: 1px solid var(--line); border-radius: 7px; background: #fff; }
body .mn-field input,body .mn-field select,body .mn-field textarea { border-radius: 5px; min-height: 44px; }
body .mn-about { border-top: 1px solid var(--line); padding-top: 36px; }
body .mn-about-hd h2 { font-family: Georgia,var(--serif); font-weight: 400; letter-spacing: -.03em; font-size: clamp(28px,3vw,42px); }
body .mn-band { background: #f0f2e9; color: var(--ink); }
body .mn-band .mn-eyebrow,body .mn-band dt { color: var(--accent); }
body .mn-band .mn-sec-hd h2,body .mn-band .mn-sec-hd h2 small,body .mn-band dd { color: var(--ink-2); }
body #mnTermsSec { background: #f0f2e9; color: var(--ink); }
body #mnTermsSec { padding-top: clamp(30px,4vw,48px); padding-bottom: clamp(30px,4vw,48px); }
body #mnTermsSec .mn-sec-hd { border-color: var(--line); }
body #mnTermsSec .mn-sec-hd h2 { color: var(--ink); }
body #mnTermsSec .mn-sec-hd h2 small,body #mnTermsSec dd { color: var(--ink-2); }
body #mnTermsSec .mn-eyebrow,body #mnTermsSec dt { color: var(--accent); }
body #mnTermsSec .mn-eyebrow::before { background: var(--accent); }
body .mn-terms-grid { background: var(--line); border-color: var(--line); border-radius: 6px; }
body .mn-terms-grid > div { background: #fffefa; }
body .mn-terms-grid > div:hover { background: #fff; }
body .mn-terms-grid > div { border-color: var(--line); }
body .mn-cta { background: var(--ink); border-radius: 7px; padding: clamp(26px,4vw,48px); color: #fff; }
body .mn-cta h2 { font-family: Georgia,var(--serif); font-weight: 400; font-size: clamp(27px,3vw,40px); }
body .mn-cta .btn-ghost { color: #fff; border-color: #758b81; }
body .mn-ft { background: #17342d; color: #dde6df; margin-top: 70px; padding-top: 48px; }
body .mn-ft-grid { grid-template-columns: 1.5fr 1fr 1fr; gap: 44px; }
body .mn-ft-grid > div:first-child h4 { font-family: Georgia,var(--serif); font-size: 25px; text-transform: none; letter-spacing: -.03em; }
body .mn-ft h4 { color: #fff; font-size: 11px; font-weight: 600; letter-spacing: .08em; }
body .mn-ft p,body .mn-ft a { color: #cad6ce; font-size: 12px; }
body .mn-ft-bottom { color: #a7bbb0; font-size: 10px; border-top-color: #39564a; margin-top: 30px; }
/* Visibility changes immediately so opening a dialog can focus its controls. */
body .mn-modal,body .mn-lb { transition: opacity .2s ease; }
body .mn-modal-card { border-radius: 10px; }
body .mn-modal-x { width: 40px; height: 40px; box-shadow: none; backdrop-filter: none; }
body .mn-drawer { background: var(--paper); }
body .mn-botnav { background: var(--paper); border-top: 1px solid var(--line); box-shadow: none; padding-bottom: env(safe-area-inset-bottom,0px); }
body .mn-botnav a.on { color: var(--accent); }
.mn-recent { margin-top: 44px; }
@media(min-width:768px) and (max-width:1100px) {
  :root { --hd-h: 64px; }
  body .mn-hd-bar { gap: 12px; }
  body .mn-hd-nav { display: none; }
  body .mn-prod-grid { grid-template-columns: repeat(min(var(--prod-cols-d,4),3),minmax(0,1fr)); }
  body .mn-mast { gap: 24px; }
  .mn-merch-caption { padding: 11px; gap: 8px; }
  .mn-mast-merch[data-count="1"] .mn-merch-image { height: 240px; }
}
@media(max-width:899px) {
  :root { --bot-h: 56px; }
  html.mn-hide-botnav { --bot-h: 0px; }
  body .mn-botnav { left: 0; right: 0; bottom: 0; border: 0; border-top: 1px solid var(--line); border-radius: 0; backdrop-filter: none; -webkit-backdrop-filter: none; }
  body .mn-botnav a { height: 54px; gap: 3px; font-size: 9px; font-weight: 500; letter-spacing: 0; }
  body .mn-botnav a svg { width: 18px; height: 18px; stroke-width: 1.8; }
  body .mn-botnav a.on::before { display: none; }
  body .mn-shop-search { height: 40px; }
  body .mn-shop-filtrow { margin-top: 8px; flex-wrap: wrap; gap: 8px; }
  .mn-sort-field { min-width: 0; max-width: 220px; flex: 1; }
  body .mn-cartbar { padding: 0 10px 6px; }
  body .mn-cartbar-inner { height: 42px; border-radius: 5px; padding: 0 12px; gap: 8px; box-shadow: none; }
  body .mn-cartbar-inner .l { font-size: 11px; min-width: 0; }
  body .mn-cartbar-inner .r { padding: 0; background: transparent; font-size: 11px; white-space: nowrap; }
  body .mn-pdp-stick,body .mn-quotebar { left: 0; right: 0; border-radius: 0; border: 0; border-top: 1px solid var(--line); box-shadow: none; background: var(--paper); padding: 8px 14px; }
  body .mn-pdp-stick .btn,body .mn-quotebar .qb-btn { height: 40px; min-height: 40px; border-radius: 5px; font-size: 12px; }
  body .mn-pdp-stick .mn-pdp-step { height: 40px; border-radius: 5px; }
}
@media(max-width:767px) {
  :root { --hd-h: 56px; --sec-gap: 32px; --grid-gap: 10px; }
  body { --wrap-pad: 14px; }
  .mn-servicebar .mn-wrap { justify-content: center; min-height: 22px; font-size: 9px; letter-spacing: .015em; }
  .mn-servicebar .mn-service-links { display: none; }
  body .mn-hd-bar { gap: 6px; }
  body .mn-hd-bar > .mn-logo { flex: 1 1 auto; max-width: none; margin-right: auto; gap: 8px; }
  body .mn-logo img { width: 28px; height: 28px; flex-shrink: 0; }
  body .mn-logo span { min-width: 0; }
  body .mn-logo b { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
  body .mn-logo b { font-size: 13px; }
  body .mn-logo small { font-size: 8px; letter-spacing: .02em; }
  body .mn-hd-actions { gap: 0; }
  body .mn-icon-btn,body .mn-burger { width: 40px; height: 40px; min-width: 40px; min-height: 40px; flex-shrink: 0; }
  body .mn-icon-btn svg,body .mn-burger svg { width: 20px; height: 20px; }
  body .mn-hd-actions a[aria-label="Account"] { display: none; }
  body .mn-bc { font-size: 10px; padding: 8px 0 6px; gap: 6px; }
  body .mn-bc-cnt { font-size: 10px; }
  body .mn-shop-top { margin-bottom: 6px; }
  body .mn-shop-top h1,body .mn-page-hd h1 { font-size: 26px; }
  body .mn-shop-top .sub { font-size: 11.5px; margin-top: 5px; }
  body .mn-shop-chips { gap: 6px; }
  body .mn-sugg { min-height: 36px; padding: 5px 9px; gap: 6px; }
  body .mn-sugg .th { width: 20px; height: 20px; }
  body .mn-hero-slides { aspect-ratio: auto !important; height: auto !important; }
  body .mn-hero-slide.active { position: relative; flex-direction: column; align-items: stretch; background-image: none !important; }
  body .mn-hero-slide.has-img::after { display: none; }
  body .mn-hero-mobile-img { display: block; width: 100%; aspect-ratio: 1600 / 550; object-fit: cover; }
  body .mn-hero-overlay { padding: 20px; background: var(--ink); text-align: var(--hero-text-align); }
  body .mn-hero-overlay h2 { font-size: 26px; }
  body .mn-hero-overlay p { font-size: 12px; margin-top: 10px; }
  body .mn-hero-overlay .btn { margin-top: 16px; min-height: 42px; }
  body .mn-hero-overlay:not(:has(h2:not(:empty),p,a)) { display: none; }
  body .mn-hero:has(.mn-hero-dots) .mn-hero-overlay { padding-bottom: 42px; }
  body .mn-hero-arrow { top: 48px; }
  body .mn-mast { grid-template-columns: 1fr; gap: 22px; padding: 24px 0 0; }
  body .mn-mast h1 { font-size: clamp(29px,7.4vw,36px); max-width: 24ch; margin: 12px 0 14px; }
  body .mn-mast-side { max-width: none; }
  body .mn-mast-side p { font-size: 13px; }
  body .mn-mast-stats { margin-top: 16px; gap: 10px; }
  body .mn-mast-stats b { font-size: 12px; }
  body .mn-mast-stats span { font-size: 10px; }
  body .mn-mast-merch { grid-template-columns: 1fr 1fr; }
  .mn-mast-merch[data-count="1"] .mn-merch-image { height: 210px; }
  .mn-merch-image { height: 132px; }
  .mn-mast-merch[data-count="3"] a:first-child .mn-merch-image { height: 170px; }
  .mn-mast-merch[data-count="3"] a:not(:first-child) .mn-merch-image { height: 112px; }
  .mn-mast-merch b { font-size: 11px; }
  body .mn-mast:not(:has(.mn-mast-merch:not([hidden]))) { grid-template-columns: 1fr; }
  body .mn-prod-grid { grid-template-columns: repeat(min(var(--prod-cols-m,2),2),minmax(0,1fr)); }
  body .mn-cat-grid { grid-template-columns: repeat(min(var(--cat-cols-m,3),3),minmax(0,1fr)); }
  body .mn-brand-grid { grid-template-columns: repeat(min(var(--brand-cols-m,4),4),minmax(0,1fr)); }
  body .mn-card-body { padding: 10px; gap: 4px; }
  body .mn-card-title { font-size: 12px; line-height: 1.4; min-height: 2.8em; }
  body .mn-card-price .now { font-size: 15px; }
  body .mn-card-price { flex-wrap: wrap; }
  body .mn-card-imgwrap > img { padding: 12px; }
  body .mn-card-ctl { padding-top: 8px; }
  body .mn-card-ctl .btn { min-height: 36px; height: 36px; font-size: 11px; }
  body .mn-card-fav,body .mn-card-qv { width: 36px; height: 36px; }
  body .mn-card-fav svg,body .mn-card-qv svg { width: 18px; height: 18px; }
  body .mn-card-qv { top: 50px; }
  body .mn-shop-sticky { padding: 0 0 8px; margin-bottom: 10px; }
  body .mn-msearch { padding-bottom: 10px; gap: 8px; }
  body .mn-msearch input { height: 40px; border-radius: 5px; }
  body .mn-msearch #mnMSearchClose { height: 40px; font-size: 11px; padding: 0 10px; }
  body .btn-lg { height: 42px; min-height: 42px; padding: 10px 16px; font-size: 12px; }
  body .mn-sec-hd h2 { font-size: 23px; }
  body .mn-sec-hd > a { font-size: 10px; padding: 5px 8px; }
  body .mn-ft-grid { grid-template-columns: 1fr 1fr; gap: 24px; }
  body .mn-ft-grid > div:first-child { grid-column: 1 / -1; }
  body .mn-ft { margin-top: 44px; }
  body .mn-cta .ax { flex-wrap: wrap; }
  body input,body select,body textarea { font-size: 16px; }
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}