/* Magicwant Blocks — layout for the section blocks.
 * Colours, type scale and spacing come from the Magicwant Block theme (theme.json tokens + magicwant.css). */

/* ---------- Shared ---------- */
.mw-link { color: var(--mw-blue); text-decoration: none; font: 600 16px/1.4 var(--wp--preset--font-family--poppins); }
.mw-link:hover { text-decoration: underline; text-underline-offset: 3px; }
.mw-link--strong { font-size: 17px; }
.is-navy .mw-link { color: var(--mw-yellow); }
.mw-ph { background: #d8dce6; border-radius: var(--mw-radius-photo); display: grid; place-items: center; margin: 0; min-height: 240px; aspect-ratio: 15/16; color: #6f7591; font: 500 14px/1.4 var(--wp--preset--font-family--poppins); }
.mw-ph span { padding: 8px 14px; background: rgba(255,255,255,.7); border-radius: 999px; }
.mw-hero__person.mw-ph { aspect-ratio: 560/680; background: rgba(255,255,255,.08); color: rgba(255,255,255,.7); }
.mw-hero__person.mw-ph span { background: rgba(255,255,255,.12); }
.mw-rp-beat .mw-ph { aspect-ratio: 4/5; margin-bottom: 24px; }
.mw-closing__photo .mw-ph { aspect-ratio: 560/480; background: rgba(255,255,255,.08); color: rgba(255,255,255,.7); }
.mw-closing__photo .mw-ph span { background: rgba(255,255,255,.12); }
.mw-heading.mw-showcase__head > *, .mw-heading > * { margin-block-start: 0; }
.mw-heading .mw-sub { margin: 20px 0 0; max-width: 640px; }
.mw-section .mw-feat h3, .mw-steps h3, .mw-facts h3 { font-size: var(--wp--preset--font-size--h-3); font-weight: 600; color: var(--mw-navy); line-height: 1.2; }
.mw-viz__arrow { width: 56px; height: 2px; flex: none; background: repeating-linear-gradient(90deg, var(--mw-blue) 0 4px, transparent 4px 9px); position: relative; }
.mw-viz__arrow::after { content: ""; position: absolute; right: -2px; top: -5px; width: 10px; height: 10px; border: solid var(--mw-blue); border-width: 2px 2px 0 0; transform: rotate(45deg); }
.mw-pill--paid { background: #E6F6EC; color: #1E7A41; font-size: 11px; padding: 4px 10px; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ---------- Hero variants ---------- */
.mw-hero.is-card { min-height: 600px; padding-bottom: 96px; }
.mw-hero.is-none { min-height: 460px; padding-bottom: 96px; }
.mw-hero.is-none .mw-hero__copy .mw-sub { max-width: 640px; }
.mw-hero__card { position: absolute; right: max(80px, calc((100vw - 1280px) / 2)); top: 140px; width: 440px; transform: rotate(-3deg); z-index: 2; padding: 28px 32px; }
.mw-pricecard__title { font: 600 18px/1.3 var(--wp--preset--font-family--poppins); color: var(--mw-title); margin: 0 0 18px; }
.mw-pricecard__rows { margin: 0; padding: 14px 0; border-block: 1px dashed #d5dae8; display: grid; gap: 14px; }
.mw-pricecard__rows div { display: flex; justify-content: space-between; gap: 16px; font-size: 15px; }
.mw-pricecard__rows dt { color: var(--mw-title); }
.mw-pricecard__rows dd { margin: 0; font-weight: 500; color: var(--mw-title); }
.mw-pricecard__rows dd.is-free { color: var(--mw-blue); }
.mw-pricecard__rows s { color: var(--mw-sub); font-weight: 400; margin-right: 4px; }
.mw-pricecard__total { display: flex; justify-content: space-between; align-items: center; padding-top: 18px; font: 600 16px/1.2 var(--wp--preset--font-family--poppins); color: var(--mw-title); }
.mw-pricecard__total b { font-family: var(--wp--preset--font-family--area); font-variation-settings: "wdth" 200; font-weight: 800; font-size: 44px; line-height: 1; color: var(--mw-navy); }
.mw-pricecard__total b.is-badge { background: var(--mw-yellow); padding: 6px 14px; border-radius: 10px; }
.mw-pricecard__note { margin: 12px 0 0; font-size: 12px; color: var(--mw-sub); }

/* ---------- CTA band with eyebrow (e.g. For supermarkets) ---------- */
.mw-band.has-eyebrow .mw-headline { font-size: var(--wp--preset--font-size--h-2-s); }
.mw-band.is-blue-50 .mw-band__text p:not(.mw-headline), .mw-band.is-white .mw-band__text p:not(.mw-headline) { color: var(--mw-navy); max-width: 620px; }
.mw-band .mw-band__text > * { margin-block: 0; }
.mw-band .mw-band__text .mw-eyebrow { margin-bottom: 10px; }

/* ---------- Price block extras ---------- */
.mw-pricing.is-blue-50 .mw-rp-explainer { background: #fff; }
.mw-rp-explainer .mw-link { font-size: 18px; }

/* ---------- Showcase ---------- */
.mw-showcase.is-center .mw-showcase__head { text-align: center; max-width: 820px; margin-inline: auto; }
.mw-showcase.is-center .mw-showcase__head .mw-sub { margin-inline: auto; max-width: 780px; }
.mw-showcase__head .mw-link { display: inline-block; margin-top: 4px; }
.mw-showcase__feats { margin-top: 96px; }
.mw-feats.cols-4 { grid-template-columns: repeat(4, 1fr); gap: 32px; }
.mw-feats.cols-4 h3 { font-size: 17px; font-family: var(--wp--preset--font-family--poppins); font-variation-settings: normal; }
.mw-feats.cols-4 .mw-sub-s { font-size: 15px; }
.mw-viz { position: relative; display: flex; align-items: center; justify-content: center; gap: 64px; }
.mw-viz .mw-card { animation-duration: 3.6s; }

/* Delivery route */
.mw-viz--route { display: block; height: 500px; }
.mw-route__path { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.mw-route__path path { fill: none; stroke: var(--mw-blue); stroke-width: 3; stroke-dasharray: 1 9; stroke-linecap: round; }
.mw-viz--route.is-in .mw-route__path path { animation: mw-route 1.6s ease-out both; }
@keyframes mw-route { from { stroke-dashoffset: 400; opacity: 0; } to { stroke-dashoffset: 0; opacity: 1; } }
.mw-route__shop { position: absolute; left: 8%; top: 53%; display: grid; justify-items: center; gap: 8px; color: var(--mw-navy); font: 600 16px/1 var(--wp--preset--font-family--poppins); }
.mw-route__tile { width: 96px; height: 96px; border-radius: 20px; background: var(--mw-navy); color: var(--mw-yellow); display: grid; place-items: center; }
.mw-route__tile svg { width: 44px; height: 44px; }
.mw-route__shop b { background: #fff; padding: 6px 8px; border-radius: 0 0 6px 6px; }
.mw-route__pin { position: absolute; width: 44px; height: 44px; margin: -22px 0 0 -22px; border-radius: 50%; background: #fff; border: 2px solid var(--mw-blue); color: var(--mw-navy); display: grid; place-items: center; }
.mw-route__pin--p1 { left: 31.1%; top: 58.8%; } .mw-route__pin--p2 { left: 49.8%; top: 58.8%; }
.mw-route__pin--p3 { left: 69.6%; top: 31.8%; } .mw-route__pin--p4 { left: 89.8%; top: 58.8%; }
.mw-route__drop { position: absolute; width: 240px; font-size: 14px; font-weight: 500; line-height: 1.6; }
.mw-route__drop .mw-card__label { font-size: 10px; margin-bottom: 4px; }
.mw-route__drop--d1 { left: 25.6%; top: 25%; rotate: 3deg; }
.mw-route__drop--d2 { left: 47.1%; top: 78%; rotate: -2deg; }
.mw-route__drop--d3 { left: 61.5%; top: 1%; rotate: 3deg; }
.mw-route__chip { position: absolute; }
.mw-route__chip--pickup { left: 4.8%; top: 86%; }
.mw-route__chip--drop { left: 82.9%; top: 72%; }

/* Chat folds into one order */
.mw-viz--chat { gap: 80px; }
.mw-fold__chat { width: 460px; display: flex; flex-direction: column; gap: 14px; }
.mw-fold__msg { max-width: 300px; padding: 12px 16px; border-radius: 14px; font: 400 15px/1.45 var(--wp--preset--font-family--poppins); color: var(--mw-title); background: #fff; box-shadow: 0 4px 14px rgba(0,21,138,.06); }
.mw-fold__msg.is-out { align-self: flex-end; background: #C9D4FB; box-shadow: none; }
.mw-fold__msg.is-pay { width: 160px; height: 96px; box-sizing: border-box; border: 3px solid #fff; background: var(--mw-blue-50); display: grid; align-content: end; gap: 6px; }
.mw-fold__msg.is-pay i { height: 6px; border-radius: 3px; background: #a9b8f5; width: 60%; } .mw-fold__msg.is-pay i + i { width: 90%; }
.mw-fold__msg.is-pay b { font: 700 20px/1 var(--wp--preset--font-family--poppins); color: var(--mw-navy); margin-top: 8px; }
.mw-viz--chat.is-in .mw-fold__msg { animation: mw-fold .5s ease-out both; }
.mw-viz--chat.is-in .mw-fold__msg:nth-child(2) { animation-delay: .1s; } .mw-viz--chat.is-in .mw-fold__msg:nth-child(3) { animation-delay: .2s; }
.mw-viz--chat.is-in .mw-fold__msg:nth-child(4) { animation-delay: .3s; } .mw-viz--chat.is-in .mw-fold__msg:nth-child(5) { animation-delay: .4s; } .mw-viz--chat.is-in .mw-fold__msg:nth-child(6) { animation-delay: .5s; }
@keyframes mw-fold { from { opacity: 0; translate: 0 10px; } to { opacity: 1; translate: 0 0; } }
.mw-order-card { width: 440px; padding: 28px; box-sizing: border-box; font-size: 15px; }
.mw-order-card__top { display: flex; justify-content: space-between; align-items: center; }
.mw-order-card__top .mw-card__label { margin: 0; }
.mw-order-card__title { font: 600 20px/1.3 var(--wp--preset--font-family--poppins); margin: 16px 0 8px; color: var(--mw-title); }
.mw-order-card dl, .mw-pass dl { margin: 0; }
.mw-order-card dl div { display: flex; justify-content: space-between; gap: 16px; padding: 12px 0; border-top: 1px solid #e6e9f2; }
.mw-order-card dt, .mw-pass dt { color: var(--mw-sub); }
.mw-order-card dd, .mw-pass dd { margin: 0; font-weight: 500; color: var(--mw-title); }

/* Event pass and live count */
.mw-viz--gate { gap: 64px; }
.mw-pass { display: flex; padding: 0; width: 440px; overflow: hidden; }
.mw-pass__main { flex: 1; padding: 28px 24px 24px 28px; border-right: 2px dashed #c7d0f4; font-size: 14px; }
.mw-pass__title { font: 600 22px/1.2 var(--wp--preset--font-family--poppins); margin: 4px 0 14px; color: var(--mw-title); }
.mw-pass dl div { display: flex; justify-content: space-between; padding: 5px 0; }
.mw-pass .mw-pill { margin-top: 14px; font-size: 13px; font-weight: 600; }
.mw-pass__qr { width: 140px; flex: none; background: var(--mw-blue-50); display: grid; place-items: center; color: var(--mw-navy); }
.mw-pass__qr svg { background: #fff; padding: 12px; border-radius: 10px; width: 84px; height: 84px; }
.mw-count { width: 420px; padding: 28px; box-sizing: border-box; }
.mw-count__n { margin: 6px 0 14px; display: flex; align-items: baseline; gap: 10px; }
.mw-count__n b { font-family: var(--wp--preset--font-family--area); font-variation-settings: "wdth" 200; font-weight: 800; font-size: 44px; line-height: 1; color: var(--mw-navy); }
.mw-count__n span { font: 500 16px/1 var(--wp--preset--font-family--poppins); color: var(--mw-sub); }
.mw-count__bar { height: 10px; border-radius: 5px; background: var(--mw-blue-50); overflow: hidden; }
.mw-count__bar i { display: block; height: 100%; background: var(--mw-blue); border-radius: 5px; }
.mw-viz--gate.is-in .mw-count__bar i { animation: mw-bar 1.2s ease-out both; }
@keyframes mw-bar { from { width: 0 !important; } }
.mw-count__gates { display: flex; gap: 8px; margin-top: 16px; }
.mw-count__gates span { background: var(--mw-blue-50); color: var(--mw-navy); border-radius: 6px; padding: 6px 10px; font-size: 12px; font-weight: 500; }

/* WhatsApp order updates */
.mw-thread { width: 440px; border-radius: 20px; overflow: hidden; background: #F4F6FF; box-shadow: var(--mw-shadow); font-family: var(--wp--preset--font-family--poppins); }
.mw-thread__head { background: var(--mw-navy); color: #fff; display: flex; gap: 12px; align-items: center; padding: 18px 20px; }
.mw-thread__head b { display: block; font-size: 15px; } .mw-thread__head small { font-size: 12px; opacity: .8; }
.mw-thread__avatar { width: 36px; height: 36px; border-radius: 50%; background: var(--mw-yellow); color: var(--mw-navy); display: grid; place-items: center; font-weight: 700; font-size: 15px; }
.mw-thread__body { padding: 16px; display: grid; gap: 12px; }
.mw-thread__msg { background: #fff; border-radius: 12px; padding: 12px 14px; width: 86%; box-sizing: border-box; display: grid; gap: 4px; font-size: 14px; color: var(--mw-sub); }
.mw-thread__msg b { color: var(--mw-title); font-size: 15px; font-weight: 600; }
.mw-thread__msg time { font-size: 11px; }
.mw-viz--thread.is-in .mw-thread__msg { animation: mw-fold .45s ease-out both; }
.mw-viz--thread.is-in .mw-thread__msg:nth-child(2) { animation-delay: .35s; } .mw-viz--thread.is-in .mw-thread__msg:nth-child(3) { animation-delay: .7s; } .mw-viz--thread.is-in .mw-thread__msg:nth-child(4) { animation-delay: 1.05s; }

/* Segments and preview */
.mw-viz--segments { justify-content: space-between; align-items: center; gap: 56px; }
.mw-segs { flex: 0 1 760px; padding: 28px; box-sizing: border-box; }
.mw-segs__label { font: 600 14px/1 var(--wp--preset--font-family--poppins); color: var(--mw-sub); margin: 0 0 16px; }
.mw-segs ul { list-style: none; margin: 0 0 16px; padding: 0; display: grid; gap: 12px; }
.mw-seg { display: flex; align-items: center; gap: 18px; padding: 16px 22px; border: 1.5px solid #e1e5f0; border-radius: 12px; }
.mw-seg i { width: 18px; height: 18px; border-radius: 50%; border: 2px solid #b8c0d6; flex: none; box-sizing: border-box; }
.mw-seg div { flex: 1; } .mw-seg b { display: block; font-size: 15px; color: var(--mw-title); font-weight: 600; } .mw-seg small { font-size: 13px; color: var(--mw-sub); }
.mw-seg span { font-weight: 600; color: var(--mw-sub); font-size: 15px; }
.mw-seg.is-on { border-color: var(--mw-navy); background: var(--mw-blue-50); }
.mw-seg.is-on i { border-color: var(--mw-navy); box-shadow: inset 0 0 0 3px #fff; background: var(--mw-navy); }
.mw-seg.is-on span { color: var(--mw-navy); }
.mw-segs > small, .mw-preview > small { font-size: 13px; color: var(--mw-sub); }
.mw-preview { flex: 0 1 460px; background: #F4F6FF; padding: 24px; box-sizing: border-box; }
.mw-preview__msg { background: #fff; border-radius: 12px; padding: 16px; display: grid; gap: 6px; font-size: 14px; color: var(--mw-sub); }
.mw-preview__msg b { color: var(--mw-title); font-size: 15px; }
.mw-preview__msg em { font-style: normal; color: var(--mw-blue); font-weight: 600; text-align: center; border-top: 1px solid #e6e9f2; padding-top: 10px; margin-top: 6px; }
.mw-preview__send { display: block; text-align: center; background: var(--mw-navy); color: #fff; border-radius: 10px; padding: 14px; font-weight: 600; font-size: 15px; margin: 16px 0 14px; }
.mw-viz--segments.is-in .mw-preview__send { animation: mw-send .6s 1.3s ease-out both; }
@keyframes mw-send { 50% { transform: scale(.97); } }

/* ---------- Photo and story ---------- */
.mw-split__text > * { margin-block: 0; }
.mw-split__text > * + * { margin-top: 28px; }
.mw-split .mw-rp-counter { align-items: start; }
.mw-split .mw-rp-photo { margin-top: 0; }
.mw-tags { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 12px; }
.mw-tags li { background: var(--mw-blue-50); color: var(--mw-navy); border-radius: 999px; padding: 10px 18px; font: 500 14px/1.2 var(--wp--preset--font-family--poppins); }
.mw-split.is-blue-50 .mw-tags li { background: #fff; }
.mw-split .mw-caption a { color: var(--mw-blue); font-weight: 600; text-decoration: none; }
.mw-week { padding: 24px; box-sizing: border-box; animation: none !important; }
.mw-week__top { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 18px; }
.mw-week__top b { font-size: 16px; font-weight: 600; } .mw-week__top span { font-size: 13px; color: var(--mw-sub); font-weight: 500; }
.mw-week__row { display: grid; grid-template-columns: 1fr repeat(7, 48px); align-items: center; padding: 11px 0; border-top: 1px solid #eef0f6; }
.mw-week__row > div b { display: block; font-size: 14px; font-weight: 500; } .mw-week__row > div small { font-size: 12px; color: var(--mw-sub); }
.mw-week__head { border-top: 0; padding-top: 0; font-size: 12px; font-weight: 500; color: var(--mw-sub); text-align: center; }
.mw-week__head .is-today { background: var(--mw-yellow); color: var(--mw-navy); border-radius: 6px; font-size: 10px; font-weight: 600; padding: 4px 0; margin: 0 4px; }
.mw-week__row i { width: 6px; height: 6px; border-radius: 50%; background: #dfe3ee; justify-self: center; }
.mw-week__row i.is-on, .mw-week__row i.is-done { width: 12px; height: 12px; background: var(--mw-blue); }
.mw-week__row i.is-done { background: var(--mw-navy); }

/* Video facade */
.mw-video { position: relative; border-radius: var(--mw-radius-photo); overflow: hidden; background: #d8dce6; aspect-ratio: 16/9; display: grid; place-items: center; margin: 0; }
.mw-video.is-portrait { aspect-ratio: 9/16; max-width: 340px; }
.mw-video img, .mw-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border: 0; }
.mw-video__play { all: unset; position: relative; z-index: 1; width: 72px; height: 72px; border-radius: 50%; background: #fff; cursor: pointer; box-shadow: 0 8px 24px rgba(0,21,138,.2); display: grid; place-items: center; }
.mw-video__play::before { content: ""; border-style: solid; border-width: 11px 0 11px 18px; border-color: transparent transparent transparent var(--mw-navy); margin-left: 5px; }
.mw-video__play:focus-visible { outline: 3px solid var(--mw-navy); outline-offset: 4px; }
.mw-video.mw-ph > span:last-child { position: absolute; bottom: 16px; }

/* ---------- Numbered steps ---------- */
.mw-steps__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 32px 48px; }
.mw-steps.is-columns .mw-steps__list { grid-template-columns: repeat(var(--n, 4), 1fr); }
.mw-steps.is-columns .mw-steps__list li { display: grid; gap: 22px; }
.mw-steps__n { width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; background: var(--mw-blue-50); color: var(--mw-navy); font: 600 17px/1 var(--wp--preset--font-family--poppins); }
.mw-steps li:first-child .mw-steps__n { background: var(--mw-yellow); }
.mw-steps.is-blue-50 .mw-steps__n { background: #fff; }
.mw-steps.is-blue-50 li:first-child .mw-steps__n { background: var(--mw-yellow); }
.mw-steps h3 { margin: 0 0 10px; }
.mw-steps.is-video .mw-steps__row { display: grid; grid-template-columns: 760px 1fr; gap: 72px; align-items: center; }
.mw-steps.is-video .mw-steps__list li { display: flex; gap: 20px; }
.mw-steps.is-video .mw-steps__n { width: 40px; height: 40px; font-size: 15px; flex: none; }
.mw-steps__note { margin-top: 56px; }
.mw-steps__row > * { margin-block: 0; }

/* ---------- Link cards ---------- */
.mw-cards__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 24px; }
.mw-cards__list.cols-3 { grid-template-columns: repeat(3, 1fr); } .mw-cards__list.cols-2 { grid-template-columns: repeat(2, 1fr); }
.mw-card-link { position: relative; background: var(--mw-blue-50); border-radius: 20px; padding: 32px; }
.mw-cards.is-on-blue-50 .mw-card-link { background: #fff; }
.mw-card-link h3 { font-size: var(--wp--preset--font-size--h-3-l); color: var(--mw-navy); margin: 0 0 14px; font-weight: 600; }
.mw-card-link .mw-sub-s { margin-bottom: 18px; }
.mw-card-link .mw-sub-s:last-child { margin-bottom: 0; }
.mw-card-link.has-link { transition: transform .2s ease-out, box-shadow .2s; }
.mw-card-link.has-link:hover { transform: translateY(-3px); box-shadow: var(--mw-shadow); }
.mw-card-link__a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.mw-card-link__a { font-size: 16px; }

/* ---------- Searchable feature list ---------- */
.mw-ft__search { position: relative; max-width: 640px; margin-bottom: 12px; }
.mw-ft__input { width: 100%; box-sizing: border-box; height: 60px; padding: 0 52px 0 56px; border: 1.5px solid #d5dae8; border-radius: 14px; font: 400 16px/1 var(--wp--preset--font-family--poppins); color: var(--mw-title); background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%236F7591' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") 20px center no-repeat; }
.mw-ft__input:focus { outline: none; border-color: var(--mw-navy); box-shadow: 0 0 0 3px var(--mw-blue-50); }
.mw-ft__input::-webkit-search-cancel-button { display: none; }
.mw-ft__clear { all: unset; position: absolute; right: 16px; top: 50%; translate: 0 -50%; width: 28px; height: 28px; border-radius: 50%; text-align: center; line-height: 28px; font-size: 20px; color: var(--mw-sub); cursor: pointer; }
.mw-ft__clear:hover { background: var(--mw-blue-50); }
.mw-ft__status { min-height: 20px; margin: 0 0 24px; font-size: 13px; color: var(--mw-sub); }
.mw-ft__wrap { border: 1px solid #e6e9f2; border-radius: 16px; overflow: hidden; }
.mw-ft__table { width: 100%; border-collapse: collapse; font-family: var(--wp--preset--font-family--poppins); }
.mw-ft__table thead th { font-size: 13px; font-weight: 600; color: var(--mw-sub); text-align: left; padding: 18px 16px; background: #F7F8FC; }
.mw-ft__table thead th:last-child, .mw-ft__inc { text-align: right; width: 110px; }
.mw-ft__table th:first-child, .mw-ft__table td:first-child { padding-left: 16px; }
.mw-ft__gh th { font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--mw-blue); text-align: left; padding: 28px 16px 10px; }
.mw-ft__row th { font-weight: 500; font-size: 16px; color: var(--mw-title); text-align: left; width: 300px; }
.mw-ft__row th, .mw-ft__row td { padding: 16px; border-top: 1px solid #eef0f6; vertical-align: top; }
.mw-ft__row td { font-size: 15px; color: var(--mw-sub); }
.mw-ft__inc { padding-right: 24px !important; }
.mw-tick { display: inline-block; width: 22px; height: 22px; border-radius: 50%; background: var(--mw-blue-50) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2300158A' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L19 7'/%3E%3C/svg%3E") center no-repeat; }
.mw-ft__none { padding: 40px 16px; margin: 0; text-align: center; color: var(--mw-sub); }
.mw-ft__none a { color: var(--mw-blue); font-weight: 600; }

/* ---------- Add-on tools ---------- */
.mw-addons__panel { background: #fff; border-radius: 20px; overflow: hidden; box-shadow: 0 2px 0 rgba(0,21,138,.04); }
.mw-addons__list { list-style: none; margin: 0; padding: 0; }
.mw-addon { display: grid; grid-template-columns: 300px 1fr 120px; gap: 8px 32px; align-items: center; padding: 18px 24px; border-top: 1px solid #eef0f6; font-family: var(--wp--preset--font-family--poppins); }
.mw-addon:first-child { border-top: 0; }
.mw-addon.is-filtered { display: none; }
.mw-addon.is-on { background: #FAFBFF; }
.mw-addon__name { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 4px 16px; }
.mw-addon__name label { font-size: 16px; font-weight: 500; color: var(--mw-title); cursor: pointer; }
.mw-badge-free { grid-column: 2; justify-self: start; background: var(--mw-yellow); color: var(--mw-navy); font-size: 11px; font-weight: 600; padding: 3px 8px; border-radius: 6px; }
.mw-addon__desc { margin: 0; font-size: 15px; color: var(--mw-sub); line-height: 1.5; }
.mw-addon__price { margin: 0; text-align: right; display: grid; justify-items: end; }
.mw-addon__price b { font-size: 18px; font-weight: 600; color: var(--mw-navy); } .mw-addon__price b.is-free { color: var(--mw-blue); }
.mw-addon__price small { font-size: 12px; color: var(--mw-sub); }
.mw-addon__qty { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; padding: 6px 0 4px 72px; font-size: 14px; color: var(--mw-title); }
.mw-addon__qty label { font-weight: 500; }
.mw-addon__n { width: 140px; height: 44px; box-sizing: border-box; border: 1.5px solid #d5dae8; border-radius: 10px; padding: 0 14px; font: 500 15px/1 var(--wp--preset--font-family--poppins); }
.mw-addon__n:focus { outline: none; border-color: var(--mw-navy); }
.mw-addon__est { color: var(--mw-sub); }
.mw-switch { appearance: none; -webkit-appearance: none; margin: 0; width: 44px; height: 26px; border-radius: 13px; background: #d5dae8; position: relative; cursor: pointer; transition: background .2s; flex: none; }
.mw-switch::after { content: ""; position: absolute; left: 3px; top: 3px; width: 20px; height: 20px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.2); transition: transform .2s cubic-bezier(.34,1.56,.64,1); }
.mw-switch:checked { background: var(--mw-navy); }
.mw-switch:checked::after { transform: translateX(18px); }
.mw-switch:focus-visible { outline: 2px solid var(--mw-navy); outline-offset: 3px; }
.mw-addons__bar { background: var(--mw-navy); color: #fff; display: flex; align-items: center; gap: 32px; padding: 24px; font-family: var(--wp--preset--font-family--poppins); }
.mw-stepper { display: flex; align-items: center; gap: 10px; }
.mw-stepper__label { font-size: 14px; font-weight: 500; margin-right: 6px; }
.mw-stepper__btn { all: unset; width: 34px; height: 34px; border-radius: 8px; background: rgba(255,255,255,.12); text-align: center; line-height: 34px; font-size: 18px; font-weight: 600; cursor: pointer; }
.mw-stepper__btn:hover { background: rgba(255,255,255,.2); } .mw-stepper__btn:focus-visible { outline: 2px solid var(--mw-yellow); }
.mw-stepper__n { min-width: 22px; text-align: center; font-weight: 600; font-size: 16px; }
.mw-addons__total { flex: 1; }
.mw-addons__total p { margin: 0; display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px 12px; font-size: 15px; font-weight: 500; }
.mw-addons__sum { font-family: var(--wp--preset--font-family--area); font-variation-settings: "wdth" 200; font-weight: 600; font-size: 36px; line-height: 1; color: var(--mw-yellow); }
.mw-addons__note { display: block; margin-top: 6px; font-size: 12px; opacity: .8; }
.mw-addons__bar .wp-block-buttons { margin: 0; }

/* ---------- About: shutter ---------- */
.mw-shutter { min-height: 820px; box-sizing: border-box; padding-top: 80px; padding-bottom: 32px; overflow: clip; }
/* Live (JS on): the section is taller than the screen and its content is pinned while the shutter lifts. */
.mw-js .mw-shutter.is-live { min-height: 0; height: calc(170vh - var(--mw-pin-top, 0px)); padding-top: 0; padding-bottom: 0; }
.mw-js .mw-shutter.is-live .mw-shutter__pin { position: sticky; top: var(--mw-pin-top, 0px); height: calc(100vh - var(--mw-pin-top, 0px)); box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; padding: 24px 0; }
.mw-js .mw-shutter.is-live .mw-shutter__stage { margin-top: 32px; min-height: min(560px, calc(100vh - var(--mw-pin-top, 0px) - 170px)); display: flex; flex-direction: column; justify-content: center; padding-bottom: 14px; }
.mw-js .mw-shutter.is-live .mw-shutter__headline { padding-top: 0; }
.mw-shutter .mw-eyebrow { color: var(--mw-yellow); margin-bottom: 0; }
.mw-shutter__stage { position: relative; margin-top: 70px; padding-top: 50px; min-height: 560px; }
.mw-shutter__stage::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 36px; background: repeating-linear-gradient(180deg, #0a1f8f 0 10px, #000d5c 10px 12px, #0a1f8f 12px 14px); border-radius: 4px; z-index: 3; }
.mw-shutter__headline { color: #fff; margin: 0; padding-top: 40px; font-size: var(--wp--preset--font-size--display); }
.mw-shutter__door { position: absolute; left: 0; right: 0; top: 36px; height: calc(100% - 36px); z-index: 2; will-change: transform; transform: translateY(-100%); background: repeating-linear-gradient(180deg, #1636c9 0 22px, #0b23a6 22px 25px, #2b4bdc 25px 28px); border-radius: 0 0 6px 6px; box-shadow: 0 20px 40px rgba(0,0,0,.25); }
.mw-shutter__stage { clip-path: inset(0); }
.mw-js .mw-shutter.is-live .mw-shutter__door { transform: translateY(0); }
.mw-shutter.is-open .mw-shutter__door { transform: translateY(-100%) !important; }
.mw-shutter__line { position: absolute; left: 60px; top: 60px; margin: 0; font: 600 40px/1.25 var(--wp--preset--font-family--poppins); color: #fff; text-shadow: 0 2px 0 rgba(0,0,0,.15); }
.mw-shutter__handle { position: absolute; left: 50%; bottom: 14px; width: 64px; height: 8px; margin-left: -32px; border-radius: 4px; background: var(--mw-yellow); }
.mw-shutter__hint { text-align: center; font-size: 13px; color: rgba(255,255,255,.7); margin: 24px 0 0; }
.mw-shutter.is-open .mw-shutter__hint { opacity: 0; transition: opacity .3s; }

/* ---------- Story lines ---------- */
.mw-story { padding-block: 160px 120px; }
.mw-story__line { font-family: var(--wp--preset--font-family--area); font-variation-settings: "wdth" 200; font-weight: 800; font-size: var(--wp--preset--font-size--sentence); line-height: 1.1; margin: 0; color: #fff; }
.mw-story__line + .mw-story__line { margin-top: 120px; }
.mw-story.is-white .mw-story__line, .mw-story:not(.is-navy) .mw-story__line { color: var(--mw-navy); }
.mw-js:not(.mw-reduce) [data-mw-reveal] { opacity: 0; translate: 0 28px; transition: opacity .8s ease-out, translate .8s ease-out; }
.mw-js:not(.mw-reduce) [data-mw-reveal].is-in { opacity: 1; translate: 0 0; }
.editor-styles-wrapper [data-mw-reveal] { opacity: 1 !important; translate: none !important; }

/* ---------- Full-width photo ---------- */
.mw-bleed { padding: 0; }
.mw-section.mw-bleed > * { max-width: none; }
.mw-bleed__img { margin: 0; }
.mw-bleed__img img { display: block; width: 100%; height: auto; aspect-ratio: 2/1; object-fit: cover; }
.mw-bleed .mw-ph { aspect-ratio: 2/1; border-radius: 0; background: #050a33; color: rgba(255,255,255,.7); }
.mw-bleed__fade { height: 280px; background: linear-gradient(180deg, var(--mw-navy), #fff); }

/* ---------- Statement ---------- */
.mw-statement__inner > * { margin-block: 0; }
.mw-statement__inner { max-width: 1280px; }
.mw-statement__headline { font-family: var(--wp--preset--font-family--area); font-variation-settings: "wdth" 200; font-weight: 800; line-height: 1.04; letter-spacing: -.01em; color: var(--mw-navy); text-wrap: balance; }
.mw-statement.is-size-xl .mw-statement__headline { font-size: var(--wp--preset--font-size--display); }
.mw-statement.is-size-l .mw-statement__headline { font-size: var(--wp--preset--font-size--sentence); }
.mw-statement.is-size-m .mw-statement__headline { font-size: clamp(30px, 3.3vw, 48px); }
.mw-statement.is-fraunces .mw-statement__headline { font-family: "Fraunces", Georgia, serif; font-variation-settings: normal; font-weight: 600; letter-spacing: -.015em; line-height: 1.12; }
.mw-statement.is-fraunces.is-size-xl .mw-statement__headline { font-size: clamp(40px, 5.6vw, 80px); }
.mw-statement.is-fraunces.is-size-l .mw-statement__headline { font-size: clamp(34px, 4.45vw, 64px); }
.mw-statement.is-fraunces .mw-eyebrow { font-size: 13px; letter-spacing: .08em; text-transform: uppercase; color: var(--mw-navy); }
.mw-statement.is-navy .mw-statement__headline { color: #fff; }
.mw-statement.is-navy.is-fraunces .mw-eyebrow { color: var(--mw-yellow); }
.mw-statement__second { color: var(--mw-yellow) !important; margin-top: 32px !important; }
.mw-statement .mw-eyebrow + .mw-statement__headline { margin-top: 40px; }
.mw-statement__body { margin-top: 36px !important; max-width: 680px; font-size: var(--wp--preset--font-size--body-l); line-height: 1.6; }
.mw-statement.is-navy .mw-statement__body { color: #fff; }
.mw-statement.is-size-xl .mw-statement__body { font-size: 22px; max-width: 760px; }
.mw-statement__link { margin-top: 36px !important; }
.mw-share { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 40px; }
.mw-share__btn { all: unset; cursor: pointer; display: inline-block; padding: 14px 20px; border-radius: 10px; font: 600 15px/1 var(--wp--preset--font-family--poppins); color: var(--mw-navy); box-shadow: inset 0 0 0 1.5px #d5dae8; background: #fff; transition: transform .2s cubic-bezier(.34,1.56,.64,1); }
.mw-share__btn:hover { box-shadow: inset 0 0 0 1.5px var(--mw-navy); }
.mw-share__btn:active { transform: scale(.96); }
.mw-share__btn:focus-visible { outline: 2px solid var(--mw-navy); outline-offset: 3px; }
.mw-share__btn.is-primary { background: var(--mw-navy); color: #fff; box-shadow: none; }

/* ---------- Good commerce list ---------- */
.mw-manifesto__title { font-family: "Fraunces", Georgia, serif; font-weight: 600; font-size: clamp(32px, 3.3vw, 48px); line-height: 1.15; color: var(--mw-navy); margin: 0; }
.mw-manifesto .mw-eyebrow { font-size: 13px; letter-spacing: .08em; text-transform: uppercase; color: var(--mw-navy); }
.mw-manifesto__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 96px; }
.mw-manifesto__list li { display: grid; grid-template-columns: 60px 1fr; align-items: start; }
.mw-spark { color: var(--mw-yellow); margin-top: 2px; }
.mw-manifesto__list li.is-in .mw-spark { animation: mw-twinkle 1s .3s ease-out both; }
@keyframes mw-twinkle { 0% { transform: scale(.4) rotate(-40deg); opacity: 0; } 60% { transform: scale(1.25) rotate(8deg); opacity: 1; } 100% { transform: none; } }
.mw-manifesto__label { display: block; font: 600 13px/1 var(--wp--preset--font-family--poppins); letter-spacing: .08em; text-transform: uppercase; color: var(--mw-sub); margin-bottom: 14px; }
.mw-manifesto__line { font-family: "Fraunces", Georgia, serif; font-weight: 600; font-size: clamp(28px, 3.05vw, 44px); line-height: 1.2; color: var(--mw-navy); margin: 0; }

/* ---------- Facts row ---------- */
.mw-facts__row { display: grid; gap: 40px; border-top: 1px solid var(--mw-hairline); padding-top: 56px; }
.mw-facts__row.cols-3 { grid-template-columns: repeat(3, 1fr); } .mw-facts__row.cols-2 { grid-template-columns: repeat(2, 1fr); } .mw-facts__row.cols-4 { grid-template-columns: repeat(4, 1fr); }
.mw-facts h3 { font-size: var(--wp--preset--font-size--h-3-l); margin: 0 0 10px; }
.mw-facts__foot { display: flex; align-items: center; gap: 24px; margin-top: 64px; }
.mw-facts__foot > * { margin: 0 !important; }

/* ---------- Contact ---------- */
.mw-contact__row { display: grid; grid-template-columns: 400px 1fr; gap: 96px; align-items: start; }
.mw-contact__row > * { margin-block: 0; }
.mw-checks { list-style: none; margin: 32px 0; padding: 0; display: grid; gap: 16px; }
.mw-checks li { position: relative; padding-left: 32px; color: var(--mw-sub); font-size: 16px; line-height: 1.5; }
.mw-checks li::before { content: ""; position: absolute; left: 0; top: 2px; width: 20px; height: 20px; border-radius: 50%; background: var(--mw-blue-50) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 24 24' fill='none' stroke='%230029FF' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L19 7'/%3E%3C/svg%3E") center no-repeat; }
.mw-contact__note { border-top: 1px solid var(--mw-hairline); padding-top: 24px; }
.mw-contact__note > * { margin: 0 0 6px; }
.mw-contact__note-title { font-weight: 600; font-size: 15px; color: var(--mw-title); }
.mw-contact__form { padding: 40px; border: 1px solid #e6e9f2; animation: none !important; box-shadow: 0 12px 40px rgba(0,21,138,.06); }
.mw-contact__ph { margin: 0; color: var(--mw-sub); }

/* ---------- Tablet and phone ---------- */
@media (max-width: 1100px) {
	.mw-hero__card { width: 380px; right: 40px; }
	.mw-route__drop { width: 200px; font-size: 13px; }
	.mw-steps.is-video .mw-steps__row { grid-template-columns: 1fr; }
	.mw-addon { grid-template-columns: 240px 1fr 100px; }
}
@media (max-width: 900px) {
	.mw-hero.is-card { padding-bottom: 72px; }
	.mw-hero__card { position: relative; right: auto; top: auto; width: auto; max-width: 440px; margin: 40px 0 0; transform: rotate(-2deg); }
	.mw-hero.is-none { min-height: 0; }
	.mw-viz { flex-direction: column; gap: 32px; }
	.mw-viz__arrow { transform: rotate(90deg); }
	.mw-viz--route { height: auto; display: grid; gap: 14px; }
	.mw-route__path, .mw-route__pin { display: none; }
	.mw-route__shop, .mw-route__drop, .mw-route__chip { position: static; rotate: none; width: auto; }
	.mw-route__shop { justify-items: start; grid-auto-flow: column; align-items: center; gap: 14px; }
	.mw-route__tile { width: 56px; height: 56px; border-radius: 14px; } .mw-route__tile svg { width: 28px; height: 28px; }
	.mw-route__chip { justify-self: start; }
	.mw-fold__chat, .mw-order-card, .mw-pass, .mw-count, .mw-thread, .mw-segs, .mw-preview { width: 100%; max-width: 460px; flex-basis: auto; }
	.mw-pass__qr { width: 110px; }
	.mw-showcase__feats { margin-top: 56px; }
	.mw-feats.cols-4 { grid-template-columns: 1fr 1fr; }
	.mw-week__row { grid-template-columns: 1fr repeat(7, 26px); }
	.mw-week__head .is-today { font-size: 0; } .mw-week__head .is-today::after { content: "W"; font-size: 10px; }
	.mw-steps.is-columns .mw-steps__list { grid-template-columns: 1fr 1fr; }
	.mw-cards__list.cols-3, .mw-cards__list.cols-2 { grid-template-columns: 1fr; }
	.mw-ft__row th { width: auto; }
	.mw-ft__table thead { display: none; }
	.mw-ft__row { display: grid; grid-template-columns: 1fr auto; }
	.mw-ft__row th { border-top: 1px solid #eef0f6; padding-bottom: 4px; }
	.mw-ft__row td:not(.mw-ft__inc) { grid-column: 1; border-top: 0; padding-top: 0; }
	.mw-ft__row .mw-ft__inc { grid-row: 1; grid-column: 2; }
	.mw-addon { grid-template-columns: 1fr auto; padding: 18px 16px; }
	.mw-addon__desc { grid-column: 1 / -1; grid-row: 2; padding-left: 60px; }
	.mw-addon__qty { padding-left: 60px; }
	.mw-addons__bar { flex-wrap: wrap; gap: 18px; }
	.mw-shutter { min-height: 0; }
	.mw-shutter__stage { min-height: 420px; }
	.mw-shutter__line { left: 24px; top: 40px; font-size: 26px; }
	.mw-story { padding-block: 96px 80px; }
	.mw-story__line + .mw-story__line { margin-top: 72px; }
	.mw-bleed__fade { height: 160px; }
	.mw-manifesto__list { gap: 56px; }
	.mw-manifesto__list li { grid-template-columns: 40px 1fr; }
	.mw-facts__row.cols-3, .mw-facts__row.cols-4 { grid-template-columns: 1fr; gap: 28px; }
	.mw-facts__foot { flex-direction: column; align-items: flex-start; }
	.mw-contact__row { grid-template-columns: 1fr; gap: 48px; }
	.mw-contact__form { padding: 24px; }
}
@media (max-width: 560px) {
	.mw-steps.is-columns .mw-steps__list, .mw-feats.cols-4 { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
	.mw-viz *, .mw-manifesto *, .mw-card-link { animation: none !important; transition: none !important; }
}
.mw-video.is-file video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; background: #000; }
.mw-rp-photo .mw-video.is-portrait { margin-inline: auto; }

/* ---------- Fixes after first render ---------- */
.mw-ft [hidden], .mw-addons [hidden], .mw-section [hidden] { display: none !important; }
.is-navy .mw-pricecard__title, .is-navy .mw-pricecard__rows dt, .is-navy .mw-pricecard__rows dd { color: var(--mw-title); }
.is-navy .mw-pricecard__rows dd.is-free { color: var(--mw-blue); }
.is-navy .mw-pricecard__note { color: var(--mw-sub); }
.is-navy .mw-pricecard__total b { color: var(--mw-navy); }
.is-navy .mw-card p, .is-navy .mw-card h3 { color: inherit; }
.mw-band__text { flex: 1 1 auto; min-width: 0; }
.mw-band__cta { flex: none; }
.mw-band .wp-block-button__link, .mw-steps .wp-block-button__link { white-space: nowrap; }
.mw-section > .mw-eyebrow { margin-inline: auto; }
.mw-section.mw-bleed { padding: 0 !important; }
.mw-section.mw-bleed > * { max-width: none; margin-inline: 0; }
.mw-showcase.is-center .mw-showcase__head { max-width: 1100px; }
.mw-section .mw-showcase__feats { margin-top: 96px !important; }
.mw-section .mw-viz { margin-top: 72px; }
/* Area at width 200 runs wider than the Figma stand-in: keep extra-large statements on their designed lines */
.mw-statement.is-area.is-size-xl .mw-statement__headline { font-size: clamp(44px, 5.4vw, 78px); }
@media (max-width: 900px) { .mw-section .mw-showcase__feats { margin-top: 56px !important; } .mw-section .mw-viz { margin-top: 40px; } }
.mw-addon:target { background: #FFF8E1; }
[id] { scroll-margin-top: 110px; }

/* ---------- Contact form (Fluent Forms, form styled to the Magicwant design) ---------- */
.mw-contact__form .fluentform { font-family: var(--wp--preset--font-family--poppins); }
.mw-contact__form .ff-el-group { margin-bottom: 22px; }
.mw-contact__form .ff-el-input--label label, .mw-contact__form .ff-el-input--label { font-size: 14px; font-weight: 500; color: var(--mw-title); margin-bottom: 8px; }
.mw-contact__form .ff-el-input--label.ff-el-is-required.asterisk-right label::after { color: var(--mw-sub); }
.mw-contact__form .ff-el-form-control { width: 100%; box-sizing: border-box; min-height: 50px; border: 1.5px solid #d5dae8; border-radius: 10px; padding: 12px 16px; font: 400 15px/1.4 var(--wp--preset--font-family--poppins); color: var(--mw-title); background: #fff; box-shadow: none; transition: border-color .15s, box-shadow .15s; }
.mw-contact__form textarea.ff-el-form-control { min-height: 120px; }
.mw-contact__form .ff-el-form-control::placeholder { color: #9aa0b8; }
.mw-contact__form .ff-el-form-control:focus { outline: none; border-color: var(--mw-navy); box-shadow: 0 0 0 3px var(--mw-blue-50); }
.mw-contact__form .ff-t-container { display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px; }
.mw-contact__form .ff-t-container .ff-t-cell { width: auto !important; padding: 0 !important; }
/* What can we help with: four cards */
.mw-contact__form .mw-ff-choice > .ff-el-input--label label { font: 600 17px/1.3 var(--wp--preset--font-family--poppins); color: var(--mw-navy); margin-bottom: 14px; }
.mw-contact__form .mw-ff-choice .ff-el-input--content { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.mw-contact__form .mw-ff-choice .ff-el-form-check { margin: 0; }
.mw-contact__form .mw-ff-choice .ff-el-form-check-label { display: grid; grid-template-columns: 20px 1fr; gap: 2px 12px; align-items: start; padding: 16px 18px; border: 1.5px solid #e1e5f0; border-radius: 12px; cursor: pointer; height: 100%; box-sizing: border-box; font-size: 15px; font-weight: 600; color: var(--mw-title); }
.mw-contact__form .mw-ff-choice .ff-el-form-check:has(input:checked) .ff-el-form-check-label { border-color: var(--mw-navy); background: var(--mw-blue-50); }
.mw-contact__form .mw-ff-choice input { margin: 3px 0 0; accent-color: var(--mw-navy); width: 16px; height: 16px; }
.mw-contact__form .mw-ff-choice input + span::after { display: block; font-size: 13px; font-weight: 400; color: var(--mw-sub); margin-top: 2px; }
.mw-contact__form .mw-ff-choice input[value="demo"] + span::after { content: "See Magicwant set up for your business"; }
.mw-contact__form .mw-ff-choice input[value="partnership"] + span::after { content: "Delivery, resellers, integrations, events"; }
.mw-contact__form .mw-ff-choice input[value="other"] + span::after { content: "Press, careers or a general question"; }
.mw-contact__form .mw-ff-choice input[value="existing"] + span::after { content: "Get support inside the app"; }
/* Pills: shops, best time */
.mw-contact__form .mw-ff-pills .ff-el-input--content { display: flex; flex-wrap: wrap; gap: 10px; }
.mw-contact__form .mw-ff-pills .ff-el-form-check { margin: 0; }
.mw-contact__form .mw-ff-pills .ff-el-form-check-label { display: inline-block; position: relative; padding: 10px 18px; border: 1.5px solid #d5dae8; border-radius: 10px; font-size: 14px; font-weight: 500; color: var(--mw-title); cursor: pointer; }
.mw-contact__form .mw-ff-pills input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
.mw-contact__form .mw-ff-pills .ff-el-form-check:has(input:checked) .ff-el-form-check-label { background: var(--mw-navy); border-color: var(--mw-navy); color: #fff; }
.mw-contact__form .mw-ff-pills .ff-el-form-check:has(input:focus-visible) .ff-el-form-check-label { outline: 2px solid var(--mw-navy); outline-offset: 2px; }
/* Consent, privacy, submit */
.mw-contact__form .ff_gdpr_field, .mw-contact__form .ff-el-tc input { accent-color: var(--mw-navy); width: 18px; height: 18px; }
.mw-contact__form .ff-el-tc label, .mw-contact__form .ff_t_c { font-size: 15px; color: var(--mw-title); }
.mw-contact__form .ff_submit_btn_wrapper { display: inline-block; margin: 6px 20px 0 0; vertical-align: middle; }
.mw-contact__form .ff-btn-submit { background: var(--mw-yellow) !important; color: var(--mw-navy) !important; border: 0 !important; border-radius: 10px !important; padding: 15px 26px !important; font: 600 16px/1 var(--wp--preset--font-family--poppins) !important; cursor: pointer; transition: transform .2s cubic-bezier(.34,1.56,.64,1); }
.mw-contact__form .ff-btn-submit:hover { background: #ffcf33 !important; }
.mw-contact__form .ff-btn-submit:active { transform: scale(.96); }
.mw-contact__form .mw-ff-privacy-wrap { margin: 0; }
.mw-contact__form .mw-ff-privacy { font-size: 13px; color: var(--mw-sub); margin: 0; }
.mw-contact__form .mw-ff-privacy a { color: var(--mw-sub); }
.mw-contact__form .ff-el-group.mw-ff-privacy-wrap { order: 99; }
/* Existing merchants */
.mw-ff-existing { border: 1.5px solid #e1e5f0; border-radius: 14px; padding: 24px; }
.mw-ff-existing p { margin: 0 0 10px; font-size: 15px; color: var(--mw-sub); }
.mw-ff-existing .mw-ff-existing__title { font-weight: 600; font-size: 17px; color: var(--mw-title); }
.mw-ff-btn { display: inline-block; margin-top: 6px; background: var(--mw-navy); color: #fff !important; text-decoration: none; padding: 14px 22px; border-radius: 10px; font-weight: 600; font-size: 15px; }
/* Errors and success */
.mw-contact__form .ff-el-is-error .ff-el-form-control { border-color: #D92D20; }
.mw-contact__form .error.text-danger, .mw-contact__form .ff-el-is-error .error { color: #D92D20; font-size: 13px; margin-top: 6px; }
.mw-contact__form .ff-message-success { border: 0; box-shadow: none; padding: 8px 0; }
.mw-ff-success__title { font: 600 22px/1.3 var(--wp--preset--font-family--poppins); color: var(--mw-title); margin: 0 0 10px; }
.mw-ff-success::before { content: ""; display: block; width: 44px; height: 44px; border-radius: 50%; margin-bottom: 18px; background: var(--mw-yellow) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2300158A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L19 7'/%3E%3C/svg%3E") center no-repeat; }
.mw-ff-success p { color: var(--mw-sub); font-size: 15px; }
.mw-ff-success a { color: var(--mw-blue); font-weight: 600; text-decoration: none; }
@media (max-width: 600px) {
	.mw-contact__form .ff-t-container, .mw-contact__form .mw-ff-choice .ff-el-input--content { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
	/* Homepage “Own it” text: the desktop two-column rule was overriding the phone layout */
	.mw-own__text { grid-template-columns: 1fr !important; }
	.mw-closing__photo .mw-chip { right: 12px; }
	.mw-route__shop b { padding: 0; background: none; }
}

/* ---------- Closing: floating “this week” trends card ---------- */
.mw-closing__photo .mw-trends { position: absolute; left: -28px; bottom: 24px; width: 216px; padding: 12px 14px 10px; border-radius: 14px; box-sizing: border-box; z-index: 2; }
.mw-trends__top { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 2px; }
.mw-trends__top .mw-card__label { font-size: 10px; }
.mw-trends__top .mw-card__label { margin: 0; }
.mw-trends__days { font-size: 10px; color: var(--mw-sub); }
.mw-trends__row { padding: 6px 0 2px; border-top: 1px solid #eef0f6; }
.mw-trends__row:first-of-type { border-top: 0; }
.mw-trends__meta { display: flex; justify-content: space-between; align-items: baseline; font-size: 11px; color: var(--mw-sub); }
.mw-trends__meta b { font-size: 12px; color: var(--mw-title); font-weight: 600; }
.mw-trends__row svg { display: block; width: 100%; height: 18px; margin-top: 2px; overflow: visible; }
.mw-trends__row polyline { fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.mw-trends__row--blue polyline { stroke: var(--mw-blue); }
.mw-trends__row--pink polyline { stroke: var(--mw-pink); }
.mw-trends__row--yellow polyline { stroke: #C99400; }
.mw-closing__photo.is-in .mw-trends polyline, .mw-js .mw-trends polyline { stroke-dasharray: 400; stroke-dashoffset: 0; }
@media (max-width: 900px) { .mw-closing__photo .mw-trends { left: 12px; bottom: 12px; width: 190px; } }

/* Buttons: ACF sections print core button markup without WordPress's layout classes, so give the row its own spacing and alignment. */
.wp-block-buttons:not(.is-layout-flex) { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.wp-block-buttons:not(.is-layout-flex) > .wp-block-button { margin: 0; }
/* Small print on yellow: navy, so it stays readable (the default grey is too faint on yellow). */
.mw-section.is-yellow .mw-caption { color: var(--mw-navy); opacity: .8; }

/* Delivery route: after it draws in, the dots keep travelling from the shop to the drops. */
.mw-viz--route.is-in .mw-route__path path { animation: mw-route 1.6s ease-out both, mw-march 1.4s linear 1.6s infinite; }
@keyframes mw-march { from { stroke-dashoffset: 0; } to { stroke-dashoffset: -20; } }
@media (prefers-reduced-motion: reduce) { .mw-viz--route .mw-route__path path { animation: none !important; } }

/* Margin card on a closing photo (sits bottom-right, over the street side of the photo). */
.mw-closing__photo .mw-margin { position: absolute; right: -28px; bottom: -24px; width: 224px; padding: 12px 14px; border-radius: 14px; box-sizing: border-box; z-index: 2; font-size: 12px; }
.mw-margin__top { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 6px; }
.mw-margin__top .mw-card__label { margin: 0; font-size: 10px; }
.mw-margin__day { font-size: 10px; color: var(--mw-sub); }
.mw-margin dl { margin: 0; display: grid; gap: 2px; }
.mw-margin dl > div { display: flex; justify-content: space-between; }
.mw-margin dt { color: var(--mw-sub); }
.mw-margin dd { margin: 0; color: var(--mw-title); font-weight: 600; }
.mw-margin__bar { position: relative; display: flex; height: 8px; margin: 10px 0 6px; border-radius: 4px; overflow: hidden; background: var(--mw-yellow); }
.mw-margin__bar i { display: block; height: 100%; background: var(--mw-navy); }
.mw-margin__key { display: flex; justify-content: space-between; font-size: 10px; color: var(--mw-sub); }
.mw-margin__key i { display: inline-block; width: 7px; height: 7px; border-radius: 2px; margin-right: 4px; vertical-align: 0; }
.mw-margin__key i.is-cost { background: var(--mw-navy); }
.mw-margin__key i.is-margin { background: var(--mw-yellow); }
.mw-margin__foot { display: flex; justify-content: space-between; align-items: baseline; margin-top: 8px; padding-top: 8px; border-top: 1px solid #eef0f6; color: var(--mw-sub); }
.mw-margin__foot b { color: var(--mw-title); font-size: 13px; font-weight: 600; }
@media (max-width: 900px) { .mw-closing__photo .mw-margin { right: 12px; bottom: 12px; width: 200px; } }

/* Chat-to-order: WhatsApp-style time and ticks inside each bubble. */
.mw-fold__meta { display: flex; justify-content: flex-end; align-items: center; gap: 4px; margin-top: 4px; font-size: 11px; line-height: 1; color: var(--mw-sub); }
.mw-fold__msg.is-pay .mw-fold__meta { margin-top: 0; }
.mw-fold__tick { display: inline-flex; }
.mw-fold__tick.is-read { color: #34B7F1; }
.mw-fold__tick.is-delivered { color: #8696A0; }
.mw-fold__msg.is-pay { height: auto; min-height: 96px; }
/* Dotted arrows keep moving towards the result card. */
.mw-viz.is-in .mw-viz__arrow { animation: mw-dash 0.9s linear infinite; }
@keyframes mw-dash { from { background-position: 0 0; } to { background-position: 9px 0; } }
@media (prefers-reduced-motion: reduce) { .mw-viz .mw-viz__arrow { animation: none !important; } }

/* Closing chip can sit top-left instead of top-right. */
.mw-closing__photo .mw-chip.is-left { right: auto; left: -24px; top: 40px; }
@media (max-width: 900px) { .mw-closing__photo .mw-chip.is-left { left: 12px; top: 12px; } }

/* ==========================================================================
   Insights (blog), articles and text pages
   ========================================================================== */
.mw-section.mw-blog-head { padding-top: 72px; padding-bottom: 40px; }
.mw-blog-head h1 { font-size: var(--wp--preset--font-size--h-2); font-weight: 700; line-height: 1.06; color: var(--mw-navy); margin: 0 0 12px; }
.mw-blog-head .mw-sub { margin: 0; max-width: 640px; }
.mw-blog-filter ul { list-style: none; margin: 28px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.mw-blog-filter a { display: inline-block; padding: 8px 16px; border-radius: 999px; background: #fff; box-shadow: inset 0 0 0 1.5px #d5dae8; color: var(--mw-title); font-size: 14px; font-weight: 500; text-decoration: none; }
.mw-blog-filter a:hover { box-shadow: inset 0 0 0 1.5px var(--mw-blue); color: var(--mw-blue); }
.mw-blog-filter a[aria-current] { background: var(--mw-navy); color: #fff; box-shadow: none; }
.mw-section.mw-blog-list { padding-top: 16px; }
.mw-blog-grid, .mw-blog-list .wp-block-post-template { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 48px 32px; }
.mw-post-card { display: flex; flex-direction: column; gap: 0; margin: 0; }
.mw-post-card .wp-block-post-featured-image, .mw-post-card__img { display: block; margin: 0 0 18px; border-radius: var(--mw-radius-card); overflow: hidden; aspect-ratio: 16 / 10; background: var(--mw-blue-50); }
.mw-post-card .wp-block-post-featured-image img, .mw-post-card__img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s ease; }
.mw-post-card:hover .wp-block-post-featured-image img, .mw-post-card:hover .mw-post-card__img img { transform: scale(1.03); }
.mw-post-card .mw-post-cat { margin: 0 0 8px; font-size: 13px; }
.mw-post-cat a { color: inherit; text-decoration: none; }
.mw-post-card .wp-block-post-title, .mw-post-card__title { font-size: 22px; line-height: 1.2; font-weight: 700; margin: 0 0 10px; color: var(--mw-navy); }
.mw-post-card .wp-block-post-title a, .mw-post-card__title a { color: inherit; text-decoration: none; }
.mw-post-card .wp-block-post-title a:hover, .mw-post-card__title a:hover { color: var(--mw-blue); }
.mw-post-card .wp-block-post-excerpt { margin: 0 0 10px; color: var(--mw-sub); font-size: 15px; line-height: 1.55; }
.mw-post-card .wp-block-post-excerpt__excerpt { margin: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.mw-post-meta { margin: 0; font-size: 13px; color: var(--mw-sub); }
/* First post on page 1 of Insights: a wide lead card */
body:not(.paged) .mw-blog-list.is-lead .wp-block-post-template > li:first-child { grid-column: 1 / -1; }
body:not(.paged) .mw-blog-list.is-lead .wp-block-post-template > li:first-child > .mw-post-card { display: grid; grid-template-columns: 1.25fr 1fr; gap: 0 48px; align-items: center; }
body:not(.paged) .mw-blog-list.is-lead .wp-block-post-template > li:first-child .wp-block-post-featured-image { margin: 0; aspect-ratio: 16 / 10; }
.mw-post-card__body > * { margin-block-start: 0; }
body:not(.paged) .mw-blog-list.is-lead .wp-block-post-template > li:first-child .wp-block-post-title { font-size: var(--wp--preset--font-size--h-2-s); }
.mw-blog-list .wp-block-query-pagination { margin-top: 64px; justify-content: center; gap: 8px; font-size: 15px; }
.mw-blog-list .wp-block-query-pagination a, .mw-blog-list .wp-block-query-pagination .current { padding: 8px 14px; border-radius: 10px; text-decoration: none; color: var(--mw-title); }
.mw-blog-list .wp-block-query-pagination .current { background: var(--mw-navy); color: #fff; }
.mw-blog-list .wp-block-query-pagination a:hover { background: var(--mw-blue-50); }

/* Breadcrumbs */
.mw-crumbs ol { list-style: none; margin: 0 0 28px; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; font-size: 13px; color: var(--mw-sub); }
.mw-crumbs li + li::before { content: "›"; margin-right: 6px; color: #b4bdd6; }
.mw-crumbs a { color: var(--mw-sub); text-decoration: none; }
.mw-crumbs a:hover { color: var(--mw-blue); text-decoration: underline; }
.mw-crumbs [aria-current] { color: var(--mw-title); max-width: 46ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Article */
.mw-section.mw-article-head { padding-top: 56px; padding-bottom: 40px; }
.mw-article-head > *, .mw-prose > *, .mw-article-foot > * { max-width: 760px !important; }
.mw-article-head .wp-block-post-title, .mw-text-page h1 { font-size: clamp(34px, 4.2vw, 56px); font-weight: 700; line-height: 1.08; letter-spacing: -.01em; color: var(--mw-navy); margin: 0 auto 16px; }
.mw-section.mw-article-image { padding-block: 0; }
.mw-article-image > * { max-width: 1100px !important; }
.mw-article-image .wp-block-post-featured-image { margin: 0 auto; border-radius: var(--mw-radius-photo); overflow: hidden; aspect-ratio: 16 / 8; }
.mw-article-image .wp-block-post-featured-image img { width: 100%; height: 100%; object-fit: cover; }
.mw-prose { font-size: 18px; line-height: 1.72; color: var(--mw-title); }
.mw-prose > * { margin-inline: auto; }
.mw-prose p, .mw-prose ul, .mw-prose ol { margin: 0 auto 1.15em; }
.mw-prose h2 { font-size: clamp(26px, 2.4vw, 32px); line-height: 1.15; font-weight: 700; color: var(--mw-navy); margin: 1.9em auto .55em; }
.mw-prose h3 { font-size: 22px; line-height: 1.25; font-weight: 700; color: var(--mw-navy); margin: 1.6em auto .5em; }
.mw-prose h4 { font-family: var(--wp--preset--font-family--poppins); font-variation-settings: normal; font-size: 18px; font-weight: 600; margin: 1.4em auto .4em; }
.mw-prose a { color: var(--mw-blue); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.mw-prose a:hover { text-decoration-thickness: 2px; }
.mw-prose li { margin-bottom: .4em; }
.mw-prose .wp-block-image { margin: 2em auto; }
.mw-prose .wp-block-image img { border-radius: var(--mw-radius-card); height: auto; }
.mw-prose figcaption { font-size: 14px; color: var(--mw-sub); text-align: center; margin-top: 8px; }
.mw-prose blockquote { border-left: 4px solid var(--mw-pink); margin: 1.8em auto; padding: 4px 0 4px 24px; font-size: 21px; line-height: 1.5; color: var(--mw-navy); }
.mw-prose .wp-block-table table { width: 100%; border-collapse: collapse; font-size: 16px; }
.mw-prose .wp-block-table td, .mw-prose .wp-block-table th { border-bottom: 1px solid #e6e9f2; padding: 10px 12px; text-align: left; vertical-align: top; }
.mw-prose .wp-block-table th { color: var(--mw-navy); font-weight: 600; }
.mw-prose details { border-bottom: 1px solid #e6e9f2; padding: 14px 0; }
.mw-prose summary { font-weight: 600; color: var(--mw-navy); cursor: pointer; }
.mw-article-foot { padding-top: 24px; }
.mw-article-foot .wp-block-post-terms { font-size: 14px; }
.mw-article-foot .wp-block-post-terms a { display: inline-block; padding: 6px 12px; margin: 0 6px 6px 0; border-radius: 999px; background: var(--mw-blue-50); color: var(--mw-navy); text-decoration: none; }
.mw-section.mw-article-body { padding-top: 56px; padding-bottom: 72px; }
.mw-narrow { max-width: 760px !important; margin-inline: auto; }
.mw-text-page .mw-section { padding-top: 64px; }
.mw-text-page .mw-post-meta { margin-bottom: 40px; }
.mw-404__links { list-style: none; padding: 0; margin: 28px 0 0; display: flex; flex-wrap: wrap; gap: 10px; }
.mw-404__links a { display: inline-block; padding: 10px 18px; border-radius: 999px; background: var(--mw-blue-50); color: var(--mw-navy); font-weight: 500; text-decoration: none; }
.mw-404__links a:hover { background: var(--mw-navy); color: #fff; }
.mw-related__title { font-size: var(--wp--preset--font-size--h-2-s); font-weight: 700; color: var(--mw-navy); margin: 0 0 32px; }
.mw-post-cta { margin-top: 0; }

/* Text pages (terms, privacy …) */
.mw-text-page .mw-prose { font-size: 17px; }
.mw-text-page .mw-prose h2 { font-size: 24px; }

@media (max-width: 900px) {
	.mw-blog-grid, .mw-blog-list .wp-block-post-template { grid-template-columns: 1fr 1fr; gap: 40px 20px; }
	body:not(.paged) .mw-blog-list.is-lead .wp-block-post-template > li:first-child > .mw-post-card { grid-template-columns: 1fr; }
	body:not(.paged) .mw-blog-list.is-lead .wp-block-post-template > li:first-child .wp-block-post-featured-image { margin-bottom: 18px; }
	.mw-prose { font-size: 17px; }
	.mw-article-image .wp-block-post-featured-image { aspect-ratio: 4 / 3; }
}
@media (max-width: 600px) {
	.mw-blog-grid, .mw-blog-list .wp-block-post-template { grid-template-columns: 1fr; }
}
.mw-blog-list .wp-block-post-template > li { margin: 0 !important; }
.mw-post-card > * { margin-block-start: 0; }

/* FAQ: the WhatsApp line under the heading is a quiet aside, not body copy. */
.mw-faq__more { font-size: 16px; line-height: 1.5; color: var(--mw-sub); margin: 20px 0 0; }
.mw-faq__more a { color: var(--mw-blue); }
.is-navy .mw-faq__more { color: rgba(255,255,255,.8); }
.is-navy .mw-faq__more a { color: #fff; }
.mw-count__note { margin: 14px 0 0; font-size: 13px; color: var(--mw-sub); }

/* Accessibility: the subtitle grey #6F7591 passed on white (4.5:1) but failed on light-blue sections and cards (3.7:1).
   It is deepened slightly to #5B6478 everywhere, which passes WCAG AA on every background the site uses. */
body { --wp--preset--color--subtitle: #5B6478; --mw-sub: #5B6478; --mw-subtitle: #5B6478; } /* 5.9:1 on white, 4.8:1 on light blue, 5.6:1 on light yellow */

/* Accessibility: faded (not-yet-active) items use solid colours that still meet WCAG AA,
   instead of opacity, which dropped them to about 2:1. */
body .mw-router__list a, body .mw-router__list li:last-child a { opacity: 1; color: #878DA6; } /* large text, 3.3:1 */
body .mw-router__list li.is-active a, body .mw-router__list a:hover, body .mw-router__list a:focus-visible { color: var(--mw-blue); }
body .mw-router.is-scroll .mw-router__list li:not(.is-active) a:hover { color: #878DA6; opacity: 1; }
body .mw-back .mw-beat { opacity: 1; }
body .mw-back .mw-beat:not(.is-active) h3 { color: var(--mw-sub); }
body .mw-back .mw-beat:not(.is-active) p { color: var(--mw-sub); }
@media (hover: hover) and (min-width: 901px) { body .mw-back .mw-beat:not(.is-active):hover h3 { color: var(--mw-navy); } }

/* Delivery route on phones (27 Oct): a dotted route snakes down between the drop cards, like the desktop map */
.mw-route__path--m { display: none; }
@media (max-width: 900px) {
	body .mw-viz--route { display: block; position: relative; height: 760px; max-width: 420px; margin-inline: auto; }
	body .mw-viz--route .mw-route__path { display: none; }
	body .mw-viz--route .mw-route__path--m { display: block; position: absolute; inset: 0; width: 100%; height: 100%; }
	.mw-route__path--m path { vector-effect: non-scaling-stroke; }
	body .mw-viz--route .mw-route__shop { position: absolute; left: 4%; top: 0; display: flex; align-items: center; gap: 12px; }
	body .mw-viz--route .mw-route__drop, body .mw-viz--route .mw-route__chip { position: absolute; }
	body .mw-viz--route .mw-route__drop { width: 64%; }
	body .mw-viz--route .mw-route__drop--d1 { left: auto; right: 0; top: 140px; rotate: 2deg; }
	body .mw-viz--route .mw-route__drop--d2 { left: 0; top: 340px; rotate: -2deg; }
	body .mw-viz--route .mw-route__drop--d3 { left: auto; right: 0; top: 540px; rotate: 2deg; }
	body .mw-viz--route .mw-route__chip--pickup { left: 4%; top: 72px; }
	body .mw-viz--route .mw-route__chip--drop { left: auto; right: 0; top: 700px; }
	body .mw-viz--route .mw-route__pin { display: grid; width: 40px; height: 40px; margin: -20px 0 0 -20px; }
	body .mw-viz--route .mw-route__pin--p1 { left: 12%; top: 200px; }
	body .mw-viz--route .mw-route__pin--p2 { left: 88%; top: 400px; }
	body .mw-viz--route .mw-route__pin--p3 { left: 12%; top: 590px; }
	body .mw-viz--route .mw-route__pin--p4 { display: none; }
}

/* Feature list on phones (27 Oct): tighter spacing around the search, feature name and tick on one line, text full width */
@media (max-width: 900px) {
	body .mw-ft .mw-heading { margin-bottom: 24px; }
	body .mw-ft__search { margin-top: 0; margin-bottom: 0; }
	body .mw-ft__input { height: 54px; padding-left: 50px; font-size: 15px; background-position: 16px center; }
	body .mw-ft__status { min-height: 0; margin: 8px 0 0; }
	body .mw-ft__status:empty { margin: 0; }
	body .mw-ft__wrap { margin-top: 16px; }
	body .mw-ft__row { grid-template-columns: 1fr 44px; align-items: center; border-top: 1px solid #eef0f6; }
	body .mw-ft__row th { padding: 14px 0 4px 16px; border-top: 0; }
	body .mw-ft__row .mw-ft__inc { width: auto; padding: 14px 16px 4px 0 !important; border-top: 0; }
	body .mw-ft__row td:not(.mw-ft__inc) { grid-column: 1 / -1; padding: 0 16px 14px; }
	body .mw-ft__gh th { padding: 20px 16px 8px; }
}