/* MerchFuse bundle-product.css bundle — regenerated for v1.5.0 (icons + accordion + variant + wishlist + trust + mid-rail). */
/* ==== tokens.css ==== */
/* ==========================================================================
MerchFuse v1.2 — Gallery White Design System
==========================================================================
Desenio-inspired aesthetic: pure white canvas, near-black ink, Inter
sans-serif throughout, generous whitespace, tight kerning. No green
accent (legacy Forest Linen tokens mapped to Gallery White equivalents
so existing CSS keeps working).
========================================================================== */
:root {
/* --------------------------------------------------------------------
* COLOR — Gallery White
* -------------------------------------------------------------------- */
--mf-white: #FFFFFF;
--mf-ink: #111111; /* primary text (near-black, not pure) */
--mf-dark: #111111; /* alias */
--mf-dark-hover: #000000; /* button hover, stronger */
--mf-cream: #FFFFFF; /* legacy alias */
--mf-bg: #FFFFFF;
--mf-bg-subtle: #F6F6F4; /* section alt / skeleton bg */
--mf-bg-soft: #FAFAF9; /* card hover / review bubble bg */
--mf-muted: #707070; /* secondary text, labels */
--mf-muted-2: #8A8A8A; /* tertiary — least emphasis */
--mf-border: #E5E5E3; /* thin dividers */
--mf-border-dk: #CFCFCB; /* stronger divider */
/* Legacy Forest Linen names mapped to Gallery White equivalents
so older CSS blocks keep rendering without breakage. */
--mf-green: #111111;
--mf-green-dk: #000000;
--mf-sage: #8A8A8A;
--mf-sage-soft: #F6F6F4;
/* Accent — used sparingly for sale tags, urgency messaging */
--mf-accent: #ff332b; /* warm brick red, Desenio-style sale color */
--mf-accent-soft: #FBEAE8;
/* Status colors (minimal use) */
--mf-success: #2E7D32;
--mf-warn: #C47F00;
--mf-error: #ff332b;
/* --------------------------------------------------------------------
* TYPOGRAPHY — Inter + Archivo (Desenio uses Inter-like neutral sans)
* -------------------------------------------------------------------- */
--mf-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
--mf-font-display: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
--mf-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, 'Cascadia Code', Consolas, monospace;
/* Font sizes — Desenio baseline (13px body, tight scale) */
--mf-text-xxs: 0.6875rem; /* 11px — micro labels, pagination */
--mf-text-xs: 0.75rem; /* 12px — eyebrows, meta */
--mf-text-sm: 0.8125rem; /* 13px — BASE BODY SIZE */
--mf-text-md: 0.9375rem; /* 15px — lead paragraph, product titles */
--mf-text-lg: 1.125rem; /* 18px — small headings */
--mf-text-xl: 1.375rem; /* 22px — section subheads */
--mf-text-2xl: 1.75rem; /* 28px — section titles */
--mf-text-3xl: 2.25rem; /* 36px — page headings */
--mf-text-4xl: 3rem; /* 48px — hero */
--mf-text-5xl: 4rem; /* 64px — display */
/* Font weights */
--mf-fw-regular: 400;
--mf-fw-medium: 500;
--mf-fw-semibold: 600;
--mf-fw-bold: 700;
/* Line heights */
--mf-lh-tight: 1.15;
--mf-lh-snug: 1.3;
--mf-lh-normal: 1.5;
--mf-lh-loose: 1.7;
/* Letter spacing — Desenio uses tight kerning on headings,
wide tracking on uppercase labels */
--mf-ls-tightest: -0.03em;
--mf-ls-tight: -0.015em;
--mf-ls-normal: 0;
--mf-ls-wide: 0.08em;
--mf-ls-wider: 0.12em;
--mf-ls-widest: 0.18em;
/* --------------------------------------------------------------------
* SPACING — 4px grid, generous at large sizes for gallery feel
* -------------------------------------------------------------------- */
--mf-space-1: 0.25rem; /* 4px */
--mf-space-2: 0.5rem; /* 8px */
--mf-space-3: 0.75rem; /* 12px */
--mf-space-4: 1rem; /* 16px */
--mf-space-5: 1.5rem; /* 24px */
--mf-space-6: 2rem; /* 32px */
--mf-space-7: 3rem; /* 48px */
--mf-space-8: 4rem; /* 64px */
--mf-space-9: 6rem; /* 96px */
--mf-space-10: 8rem; /* 128px */
/* --------------------------------------------------------------------
* LAYOUT DIMENSIONS
* -------------------------------------------------------------------- */
--mf-container: 1400px;
--mf-container-narrow: 880px;
--mf-container-wide: 1600px;
--mf-gutter: clamp(1rem, 4vw, 2rem);
--mf-header-height: 88px;
--mf-header-height-mobile: 64px;
--mf-logo-height: 48px;
--mf-announce-height: 36px;
/* --------------------------------------------------------------------
* BORDER RADIUS — minimal, almost square (Desenio look)
* -------------------------------------------------------------------- */
--mf-radius-none: 0;
--mf-radius-xs: 1px;
--mf-radius-sm: 2px;
--mf-radius: 4px;
--mf-radius-md: 6px;
--mf-radius-lg: 8px;
--mf-radius-pill: 999px;
/* --------------------------------------------------------------------
* SHADOWS — extremely subtle, gallery-appropriate
* -------------------------------------------------------------------- */
--mf-shadow-none: none;
--mf-shadow-sm: 0 1px 2px rgba(17,17,17,0.04);
--mf-shadow: 0 2px 8px rgba(17,17,17,0.06);
--mf-shadow-md: 0 4px 16px rgba(17,17,17,0.08);
--mf-shadow-lg: 0 8px 32px rgba(17,17,17,0.10);
--mf-shadow-xl: 0 16px 48px rgba(17,17,17,0.12);
/* --------------------------------------------------------------------
* ANIMATION
* -------------------------------------------------------------------- */
--mf-ease: cubic-bezier(0.4, 0, 0.2, 1);
--mf-ease-out: cubic-bezier(0, 0, 0.2, 1);
--mf-ease-in: cubic-bezier(0.4, 0, 1, 1);
--mf-dur-instant: 100ms;
--mf-dur-fast: 180ms;
--mf-dur-normal: 260ms;
--mf-dur-slow: 400ms;
--mf-dur-slower: 600ms;
/* --------------------------------------------------------------------
* Z-INDEX — named layers
* -------------------------------------------------------------------- */
--mf-z-base: 1;
--mf-z-raised: 10;
--mf-z-header: 7000;
--mf-z-sticky: 50;
--mf-z-dropdown: 100;
--mf-z-overlay: 200;
--mf-z-drawer: 300;
--mf-z-modal: 400;
--mf-z-toast: 500;
--mf-z-top: 9999;
}
/* Respect user's preference for reduced motion */
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
/* High contrast preference */
@media (prefers-contrast: more) {
:root {
--mf-border: #999999;
--mf-border-dk: #666666;
--mf-muted: #444444;
}
}
:root { --mf-warning: #111111; }
/* ==========================================================================
MerchFuse v1.4.2 final re-analysis patch: compact search, fast suggestions,
proportionate wishlist, pagination, reviews, education and mobile polish.
========================================================================== */
.mf-search-overlay{z-index:999999!important}
.mf-search-overlay__panel{width:min(720px,calc(100vw - 24px))!important;min-height:0!important;max-height:calc(100dvh - 24px)!important;overflow:visible!important;padding:12px!important;border-radius:22px!important}
.mf-search-overlay__form{min-height:50px!important;height:50px!important;border-radius:16px!important;display:flex!important;align-items:center!important;padding:0 8px 0 14px!important;gap:8px!important;background:#fff!important;box-shadow:0 10px 38px rgba(17,17,17,.08)!important}
.mf-search-overlay__form input[name="s"]{height:48px!important;font-size:clamp(16px,3.8vw,22px)!important;min-width:0!important;text-overflow:ellipsis!important;line-height:1.1!important}
.mf-search-overlay__submit{display:none!important}.mf-search-overlay__close{width:38px!important;height:38px!important;flex:0 0 38px!important;font-size:28px!important;border-radius:999px!important}
.mf-search-suggestions{min-height:0!important;max-height:min(64vh,620px)!important;overflow:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;border-radius:18px!important;background:#fff!important;margin-top:10px!important;padding:0!important}
.mf-search-suggestions__hint{padding:12px 14px 2px!important;color:#777!important;font-size:13px!important;text-align:center!important}
.mf-search-suggestions__quick{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;padding:12px!important;align-items:stretch!important}
.mf-search-suggestions__quick a{min-width:0!important;min-height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;line-height:1.1!important;padding:9px 10px!important;border-radius:999px!important;letter-spacing:.06em!important}
.mf-search-suggestions__item{grid-template-columns:58px minmax(0,1fr) auto!important;gap:12px!important;min-height:82px!important;padding:12px!important}
.mf-search-suggestions__meta strong{white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
@media(max-width:640px){.mf-search-overlay__panel{width:calc(100vw - 20px)!important;top:8px!important}.mf-search-overlay__form{height:48px!important;min-height:48px!important;border-radius:15px!important}.mf-search-suggestions{max-height:calc(100dvh - 104px)!important}.mf-search-suggestions__quick{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.mf-search-suggestions__quick a{font-size:11px!important;min-height:40px!important;padding:9px 8px!important}.mf-search-suggestions__item{grid-template-columns:52px minmax(0,1fr)!important}.mf-search-suggestions__price,.mf-search-suggestions__pill{grid-column:2!important;justify-self:start!important}}
@media(max-width:390px){.mf-search-suggestions__quick{grid-template-columns:1fr!important}.mf-search-suggestions__quick a{min-height:38px!important}.mf-search-overlay__form input[name="s"]{font-size:15px!important}.mf-mobile-search input{font-size:13px!important}.mf-header__inner{grid-template-columns:48px minmax(88px,1fr) auto 36px!important}}
.mf-shop-pagination,.woocommerce-pagination{display:flex!important;justify-content:center!important;align-items:center!important;margin:clamp(28px,5vw,56px) 0!important;clear:both!important}
.mf-shop-pagination .page-numbers,.woocommerce-pagination .page-numbers{display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important;justify-content:center!important;list-style:none!important;margin:0!important;padding:0!important}
.mf-shop-pagination a.page-numbers,.mf-shop-pagination span.page-numbers,.woocommerce-pagination a.page-numbers,.woocommerce-pagination span.page-numbers,.mf-shop-pagination .page-numbers a,.woocommerce-pagination .page-numbers a{min-width:42px!important;height:42px!important;padding:0 12px!important;border:1px solid rgba(17,17,17,.18)!important;border-radius:999px!important;display:inline-grid!important;place-items:center!important;text-decoration:none!important;color:#111!important;background:#fff!important;font-weight:800!important}
.mf-shop-pagination .current,.woocommerce-pagination .current{background:#111!important;color:#fff!important;border-color:#111!important}.mf-shop-pagination .prev,.mf-shop-pagination .next,.woocommerce-pagination .prev,.woocommerce-pagination .next{min-width:96px!important}
.mf-wishlist-count,.mf-cart-count{position:absolute!important;top:-5px!important;right:-5px!important;min-width:16px!important;height:16px!important;padding:0 4px!important;font-size:9px!important;line-height:15px!important;border-radius:999px!important;background:#fff!important;color:#111!important;border:1px solid #111!important;font-weight:900!important;text-align:center!important;box-shadow:0 2px 8px rgba(0,0,0,.18)!important}.mf-icon-btn{position:relative!important}.mf-mobile-tools .mf-wishlist-count,.mf-mobile-tools .mf-cart-count{top:2px!important;right:-3px!important;min-width:14px!important;height:14px!important;font-size:8px!important;line-height:13px!important}.mf-icon-btn.is-wishlist-pulse svg,.mf-wishlist-btn.is-heart-pop svg{animation:mfHeartPop .62s ease both!important;color:#d91f32!important;stroke:#d91f32!important}.mf-icon-btn.has-wishlist-items svg{transition:color .2s ease,stroke .2s ease}.mf-icon-btn.has-wishlist-items.is-wishlist-pulse{animation:mfHeaderHeart 1.35s ease both!important}@keyframes mfHeartPop{0%{transform:scale(1)}35%{transform:scale(1.26)}70%{transform:scale(.94)}100%{transform:scale(1)}}@keyframes mfHeaderHeart{0%,100%{filter:none}35%{filter:drop-shadow(0 0 12px rgba(217,31,50,.38))}}
.mf-product__variation-row .mf-label{text-transform:uppercase!important}.mf-product__variation-row .mf-label[data-label="sized"]{font-size:0!important}.mf-product__variation-row .mf-label[data-label="sized"]:after{content:"SIZE";font-size:14px!important;letter-spacing:.12em!important}.mf-product-confidence a{cursor:pointer!important;text-decoration:none!important}.mf-product-confidence a:focus-visible{outline:3px solid #111!important;outline-offset:3px!important}
.mf-reviews{padding-top:clamp(20px,4vw,40px)!important}.mf-reviews__proof{display:grid!important;gap:clamp(16px,3vw,26px)!important;margin-bottom:clamp(22px,4vw,42px)!important}.mf-reviews__photos{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;overflow:visible!important;background:transparent!important;padding:0!important}.mf-reviews__photos img{width:100%!important;height:auto!important;aspect-ratio:4/3!important;object-fit:cover!important;border-radius:14px!important;background:#f5f5f3!important;display:block!important;box-shadow:none!important}.mf-reviews__form-card{background:#f8f8f6!important;border:1px solid rgba(17,17,17,.08)!important;border-radius:18px!important;padding:clamp(18px,3vw,34px)!important}.comment-form-rating select{width:100%!important;max-width:360px!important;height:48px!important;border-radius:10px!important;border:1px solid rgba(17,17,17,.22)!important;padding:0 12px!important;background:#fff!important}.comment-form-rating .stars{font-size:0!important}@media(max-width:860px){.mf-reviews__photos{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mf-reviews__grid{grid-template-columns:1fr!important}}
.mf-education__section--quality .mf-education__eyebrow,.mf-education__eyebrow{font-weight:950!important;color:#fff!important;letter-spacing:.17em!important;opacity:1!important}.mf-rp-section{margin-top:clamp(24px,4vw,44px)!important;padding-top:clamp(22px,4vw,40px)!important;border-top:1px solid rgba(17,17,17,.12)!important}.mf-rp-card{position:relative!important}.mf-rp-wishlist{position:absolute!important;top:12px!important;right:12px!important;z-index:5!important;background:#fff!important}
/* ==== MerchFuse v1.4.6 final fixes: contrast, search visibility, thumbnails, footer headings ==== */
.mf-footer,.mf-footer p,.mf-footer li,.mf-footer span,.mf-footer__tagline,.mf-footer__bottom{color:#F2F2F2!important;opacity:1!important}.mf-footer a,.mf-footer-widget a,.mf-footer__nav a{color:#F5F5F5!important;text-decoration:none!important}.mf-footer a:hover,.mf-footer-widget a:hover,.mf-footer__nav a:hover{color:#FFFFFF!important;text-decoration:underline!important}.mf-footer h2.wp-block-heading,.mf-footer h3,.mf-footer h4,.mf-footer-widget__title{color:#FFFFFF!important;font-weight:850!important;letter-spacing:.12em!important;text-transform:uppercase!important}.mf-home-confidence,.mf-home-confidence *{color:#111111!important}.mf-home-confidence a,.mf-home-confidence__inner a,.mf-home-confidence .wp-block-list a{color:#111111!important;background:#FFFFFF!important;border-color:rgba(17,17,17,.22)!important;min-height:46px!important;padding:10px 14px!important}.mf-home-confidence a:hover{background:#111111!important;color:#FFFFFF!important}.mf-vintage__viewall,.mf-photo__viewall{min-width:48px!important;min-height:48px!important;padding:12px 16px!important;color:#111!important;background:#fff!important;border:1px solid rgba(17,17,17,.18)!important}.mf-education__section--size .mf-education__eyebrow,.mf-education__section--frame .mf-education__eyebrow,.mf-education__section:not(.mf-education__section--quality) .mf-education__eyebrow{color:#111111!important;background:#FFFFFF!important;border:1px solid rgba(17,17,17,.18)!important;text-shadow:none!important;opacity:1!important}.mf-education__section--quality .mf-education__eyebrow{color:#FFFFFF!important;background:transparent!important;text-shadow:0 1px 1px rgba(0,0,0,.4)!important;opacity:1!important}.wp-block-heading.has-white-color,.has-white-color{color:#FFFFFF!important}.mf-search-overlay{position:fixed!important;inset:0!important;z-index:99997!important}.mf-header{position:relative!important;z-index:100000!important}.mf-search-overlay__backdrop{top:var(--mf-search-top,112px)!important;background:rgba(17,17,17,.72)!important}.mf-search-overlay__panel{position:fixed!important;top:var(--mf-search-top,112px)!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:min(880px,calc(100vw - 36px))!important;max-height:calc(100dvh - var(--mf-search-top,112px) - 18px)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:14px!important;border-radius:22px!important;background:#fff!important;box-shadow:0 24px 80px rgba(0,0,0,.38)!important}.mf-search-overlay__form{height:56px!important;min-height:56px!important;display:flex!important;align-items:center!important;flex:0 0 auto!important;border:2px solid #111!important;border-radius:16px!important;background:#fff!important;overflow:hidden!important}.mf-search-overlay__form input[name="s"]{display:block!important;min-width:0!important;width:100%!important;height:54px!important;line-height:54px!important;color:#111!important;background:transparent!important;opacity:1!important;visibility:visible!important;font-size:20px!important}.mf-search-suggestions{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;background:#fff!important}.mf-search-suggestions__quick{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}.mf-search-suggestions__quick a{min-width:0!important;white-space:normal!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.1!important}.mf-gallery__thumb-img{width:72px!important;height:72px!important;object-fit:cover!important}.mf-product-card__img,.mf-rp-img{image-rendering:auto!important}@media(max-width:782px){.mf-search-overlay__backdrop{top:var(--mf-search-top,82px)!important}.mf-search-overlay__panel{top:var(--mf-search-top,82px)!important;width:calc(100vw - 18px)!important;max-height:calc(100dvh - var(--mf-search-top,82px) - 12px)!important;padding:10px!important;border-radius:18px!important}.mf-search-overlay__form{height:50px!important;min-height:50px!important}.mf-search-overlay__form input[name="s"]{height:48px!important;line-height:48px!important;font-size:16px!important}.mf-search-suggestions__quick{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.mf-search-suggestions__quick a{font-size:11px!important;letter-spacing:.04em!important;min-height:40px!important;padding:8px 6px!important}.mf-vintage__viewall,.mf-photo__viewall{min-width:48px!important;min-height:48px!important}}
/* ==== MerchFuse v1.4.6 hardening: final black header/footer + non-heading footer titles ==== */
:root {
--mf-black: #0D0D0D;
--mf-black-soft: #111111;
--mf-obsidian: #1A1A1A;
--mf-charcoal: #262626;
--mf-snow: #FAFAFA;
--mf-line: #E5E5E5;
--mf-muted: #666666;
--mf-footer-text: #CCCCCC;
--mf-gold: #ff332b;
--mf-dark: #0D0D0D;
--mf-green: #0D0D0D;
--mf-green-dk: #000000;
}
.mf-header,
.mf-header[data-sticky="true"],
.mf-header[data-sticky="false"] {
background: var(--mf-black) !important;
color: #FFFFFF !important;
border-bottom: 1px solid rgba(255,255,255,.10) !important;
}
.mf-header .mf-logo,
.mf-header .mf-logo--text,
.mf-header .mf-nav > li > a,
.mf-header .mf-icon-btn,
.mf-header .mf-menu-toggle {
color: #FFFFFF !important;
}
.mf-header .mf-nav > li > a:hover,
.mf-header .mf-nav > li.current-menu-item > a,
.mf-header .mf-icon-btn:hover {
color: var(--mf-gold) !important;
}
.mf-header .mf-menu-toggle__bar,
.mf-header .mf-menu-toggle__bar::before,
.mf-header .mf-menu-toggle__bar::after {
background: #FFFFFF !important;
}
.mf-header .mf-cart-count,
.mf-header .mf-wishlist-count {
background: #FFFFFF !important;
color: #111111 !important;
border-color: rgba(255,255,255,.35) !important;
}
.mf-footer {
background: var(--mf-black) !important;
color: var(--mf-footer-text) !important;
}
.mf-footer-widget__title {
display: block;
margin: 0 0 14px;
color: #FFFFFF !important;
font-weight: 850 !important;
letter-spacing: .12em !important;
text-transform: uppercase !important;
line-height: 1.25;
}
.mf-footer a:hover { color: var(--mf-gold) !important; }
/* ==== base.css ==== */
/* ==========================================================================
MerchFuse v1.2 — Base (Reset + Typography + Accessibility)
Desenio-inspired: pure white canvas, Inter sans throughout, tight kerning.
========================================================================== */
/* --- Modern reset --- */
*, *::before, *::after { box-sizing: border-box; }
* { margin: 0; }
html {
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
scroll-behavior: smooth;
}
body {
min-height: 100vh;
line-height: var(--mf-lh-normal);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: var(--mf-font-body);
font-size: var(--mf-text-sm); /* 13px Desenio baseline */
font-weight: var(--mf-fw-regular);
color: var(--mf-dark);
background: var(--mf-white);
text-rendering: optimizeLegibility;
overflow-x: hidden; /* Bug #9 fix: prevent horizontal overflow globally */
}
/* Prevent any descendant from breaking the viewport */
img, picture, video, canvas, svg, iframe {
display: block;
max-width: 100%;
height: auto;
}
/* Bug #2 fix — SVG icons (used in stars, menu chevrons, cart) need inline-block
so they can sit next to each other in a row. Without this, SVG's default
display:block from the rule above makes stars stack vertically everywhere. */
.mf-icon {
display: inline-block;
vertical-align: middle;
width: 1em;
height: 1em;
flex-shrink: 0;
}
/* Global stars rule — wherever .mf-stars appears (homepage, product card,
category, product page) it MUST be a horizontal inline-flex row. */
.mf-stars {
display: inline-flex !important;
flex-direction: row !important;
gap: 2px;
align-items: center;
line-height: 1;
}
.mf-stars .mf-icon {
display: inline-block !important;
width: 14px;
height: 14px;
}
/* Inputs & buttons inherit font */
input, button, textarea, select {
font: inherit;
color: inherit;
}
/* Break long words instead of overflowing */
p, h1, h2, h3, h4, h5, h6 {
overflow-wrap: break-word;
word-wrap: break-word;
}
a {
color: inherit;
text-decoration: none;
transition: color var(--mf-dur-fast) var(--mf-ease);
}
a:hover { color: var(--mf-muted); }
/* --- Typography — Desenio style ---
All headings are Inter with tight kerning.
Display size is big, but weight stays medium (not bold) for that clean look. */
h1, h2, h3, h4, h5, h6 {
font-family: var(--mf-font-display);
font-weight: var(--mf-fw-medium);
line-height: var(--mf-lh-tight);
letter-spacing: var(--mf-ls-tight);
color: var(--mf-ink);
}
h1 { font-size: var(--mf-text-4xl); letter-spacing: var(--mf-ls-tightest); }
h2 { font-size: var(--mf-text-3xl); letter-spacing: var(--mf-ls-tightest); }
h3 { font-size: var(--mf-text-2xl); }
h4 { font-size: var(--mf-text-xl); }
h5 { font-size: var(--mf-text-lg); }
h6 { font-size: var(--mf-text-md); }
@media (max-width: 768px) {
h1 { font-size: var(--mf-text-3xl); }
h2 { font-size: var(--mf-text-2xl); }
h3 { font-size: var(--mf-text-xl); }
}
p { line-height: var(--mf-lh-loose); }
/* Desenio-style micro-labels — uppercase + tracked, used everywhere */
.mf-eyebrow,
.mf-label-micro {
font-size: var(--mf-text-xs);
font-weight: var(--mf-fw-semibold);
text-transform: uppercase;
letter-spacing: var(--mf-ls-widest);
color: var(--mf-muted);
}
/* --- Screen-reader-only --- */
.mf-sr-only, .screen-reader-text {
position: absolute !important;
width: 1px; height: 1px;
padding: 0; margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap; border: 0;
}
/* Visible on focus for skip links */
.mf-sr-only:focus, .screen-reader-text:focus {
position: fixed !important;
top: 16px; left: 16px;
width: auto; height: auto;
padding: 12px 20px;
background: var(--mf-dark);
color: var(--mf-white);
clip: auto;
z-index: var(--mf-z-tooltip);
}
/* Focus styles — critical accessibility */
:focus-visible {
outline: 2px solid var(--mf-dark);
outline-offset: 2px;
}
button, a, input, select, textarea {
-webkit-tap-highlight-color: transparent;
}
/* --- Layout container --- */
.mf-container {
width: 100%;
max-width: var(--mf-container);
margin: 0 auto;
padding-inline: var(--mf-gutter);
}
.mf-container-narrow {
width: 100%;
max-width: var(--mf-container-narrow);
margin: 0 auto;
padding-inline: var(--mf-gutter);
}
.mf-container-wide {
width: 100%;
max-width: var(--mf-container-wide);
margin: 0 auto;
padding-inline: var(--mf-gutter);
}
@media (min-width: 1024px) {
.mf-container, .mf-container-narrow, .mf-container-wide {
padding-inline: var(--mf-gutter-lg);
}
}
/* --- Section rhythm --- */
.mf-section { padding-block: var(--mf-space-8); }
.mf-section--sm { padding-block: var(--mf-space-6); }
.mf-section--lg { padding-block: var(--mf-space-10); }
@media (max-width: 768px) {
.mf-section { padding-block: var(--mf-space-6); }
.mf-section--sm { padding-block: var(--mf-space-5); }
.mf-section--lg { padding-block: var(--mf-space-8); }
}
/* Selection */
::selection { background: var(--mf-dark); color: var(--mf-white); }
/* ==========================================================================
MerchFuse v1.4.2 final re-analysis patch: compact search, fast suggestions,
proportionate wishlist, pagination, reviews, education and mobile polish.
========================================================================== */
.mf-search-overlay{z-index:999999!important}
.mf-search-overlay__panel{width:min(720px,calc(100vw - 24px))!important;min-height:0!important;max-height:calc(100dvh - 24px)!important;overflow:visible!important;padding:12px!important;border-radius:22px!important}
.mf-search-overlay__form{min-height:50px!important;height:50px!important;border-radius:16px!important;display:flex!important;align-items:center!important;padding:0 8px 0 14px!important;gap:8px!important;background:#fff!important;box-shadow:0 10px 38px rgba(17,17,17,.08)!important}
.mf-search-overlay__form input[name="s"]{height:48px!important;font-size:clamp(16px,3.8vw,22px)!important;min-width:0!important;text-overflow:ellipsis!important;line-height:1.1!important}
.mf-search-overlay__submit{display:none!important}.mf-search-overlay__close{width:38px!important;height:38px!important;flex:0 0 38px!important;font-size:28px!important;border-radius:999px!important}
.mf-search-suggestions{min-height:0!important;max-height:min(64vh,620px)!important;overflow:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;border-radius:18px!important;background:#fff!important;margin-top:10px!important;padding:0!important}
.mf-search-suggestions__hint{padding:12px 14px 2px!important;color:#777!important;font-size:13px!important;text-align:center!important}
.mf-search-suggestions__quick{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;padding:12px!important;align-items:stretch!important}
.mf-search-suggestions__quick a{min-width:0!important;min-height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;line-height:1.1!important;padding:9px 10px!important;border-radius:999px!important;letter-spacing:.06em!important}
.mf-search-suggestions__item{grid-template-columns:58px minmax(0,1fr) auto!important;gap:12px!important;min-height:82px!important;padding:12px!important}
.mf-search-suggestions__meta strong{white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
@media(max-width:640px){.mf-search-overlay__panel{width:calc(100vw - 20px)!important;top:8px!important}.mf-search-overlay__form{height:48px!important;min-height:48px!important;border-radius:15px!important}.mf-search-suggestions{max-height:calc(100dvh - 104px)!important}.mf-search-suggestions__quick{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.mf-search-suggestions__quick a{font-size:11px!important;min-height:40px!important;padding:9px 8px!important}.mf-search-suggestions__item{grid-template-columns:52px minmax(0,1fr)!important}.mf-search-suggestions__price,.mf-search-suggestions__pill{grid-column:2!important;justify-self:start!important}}
@media(max-width:390px){.mf-search-suggestions__quick{grid-template-columns:1fr!important}.mf-search-suggestions__quick a{min-height:38px!important}.mf-search-overlay__form input[name="s"]{font-size:15px!important}.mf-mobile-search input{font-size:13px!important}.mf-header__inner{grid-template-columns:48px minmax(88px,1fr) auto 36px!important}}
.mf-shop-pagination,.woocommerce-pagination{display:flex!important;justify-content:center!important;align-items:center!important;margin:clamp(28px,5vw,56px) 0!important;clear:both!important}
.mf-shop-pagination .page-numbers,.woocommerce-pagination .page-numbers{display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important;justify-content:center!important;list-style:none!important;margin:0!important;padding:0!important}
.mf-shop-pagination a.page-numbers,.mf-shop-pagination span.page-numbers,.woocommerce-pagination a.page-numbers,.woocommerce-pagination span.page-numbers,.mf-shop-pagination .page-numbers a,.woocommerce-pagination .page-numbers a{min-width:42px!important;height:42px!important;padding:0 12px!important;border:1px solid rgba(17,17,17,.18)!important;border-radius:999px!important;display:inline-grid!important;place-items:center!important;text-decoration:none!important;color:#111!important;background:#fff!important;font-weight:800!important}
.mf-shop-pagination .current,.woocommerce-pagination .current{background:#111!important;color:#fff!important;border-color:#111!important}.mf-shop-pagination .prev,.mf-shop-pagination .next,.woocommerce-pagination .prev,.woocommerce-pagination .next{min-width:96px!important}
.mf-wishlist-count,.mf-cart-count{position:absolute!important;top:-5px!important;right:-5px!important;min-width:16px!important;height:16px!important;padding:0 4px!important;font-size:9px!important;line-height:15px!important;border-radius:999px!important;background:#fff!important;color:#111!important;border:1px solid #111!important;font-weight:900!important;text-align:center!important;box-shadow:0 2px 8px rgba(0,0,0,.18)!important}.mf-icon-btn{position:relative!important}.mf-mobile-tools .mf-wishlist-count,.mf-mobile-tools .mf-cart-count{top:2px!important;right:-3px!important;min-width:14px!important;height:14px!important;font-size:8px!important;line-height:13px!important}.mf-icon-btn.is-wishlist-pulse svg,.mf-wishlist-btn.is-heart-pop svg{animation:mfHeartPop .62s ease both!important;color:#d91f32!important;stroke:#d91f32!important}.mf-icon-btn.has-wishlist-items svg{transition:color .2s ease,stroke .2s ease}.mf-icon-btn.has-wishlist-items.is-wishlist-pulse{animation:mfHeaderHeart 1.35s ease both!important}@keyframes mfHeartPop{0%{transform:scale(1)}35%{transform:scale(1.26)}70%{transform:scale(.94)}100%{transform:scale(1)}}@keyframes mfHeaderHeart{0%,100%{filter:none}35%{filter:drop-shadow(0 0 12px rgba(217,31,50,.38))}}
.mf-product__variation-row .mf-label{text-transform:uppercase!important}.mf-product__variation-row .mf-label[data-label="sized"]{font-size:0!important}.mf-product__variation-row .mf-label[data-label="sized"]:after{content:"SIZE";font-size:14px!important;letter-spacing:.12em!important}.mf-product-confidence a{cursor:pointer!important;text-decoration:none!important}.mf-product-confidence a:focus-visible{outline:3px solid #111!important;outline-offset:3px!important}
.mf-reviews{padding-top:clamp(20px,4vw,40px)!important}.mf-reviews__proof{display:grid!important;gap:clamp(16px,3vw,26px)!important;margin-bottom:clamp(22px,4vw,42px)!important}.mf-reviews__photos{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;overflow:visible!important;background:transparent!important;padding:0!important}.mf-reviews__photos img{width:100%!important;height:auto!important;aspect-ratio:4/3!important;object-fit:cover!important;border-radius:14px!important;background:#f5f5f3!important;display:block!important;box-shadow:none!important}.mf-reviews__form-card{background:#f8f8f6!important;border:1px solid rgba(17,17,17,.08)!important;border-radius:18px!important;padding:clamp(18px,3vw,34px)!important}.comment-form-rating select{width:100%!important;max-width:360px!important;height:48px!important;border-radius:10px!important;border:1px solid rgba(17,17,17,.22)!important;padding:0 12px!important;background:#fff!important}.comment-form-rating .stars{font-size:0!important}@media(max-width:860px){.mf-reviews__photos{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mf-reviews__grid{grid-template-columns:1fr!important}}
.mf-education__section--quality .mf-education__eyebrow,.mf-education__eyebrow{font-weight:950!important;color:#fff!important;letter-spacing:.17em!important;opacity:1!important}.mf-rp-section{margin-top:clamp(24px,4vw,44px)!important;padding-top:clamp(22px,4vw,40px)!important;border-top:1px solid rgba(17,17,17,.12)!important}.mf-rp-card{position:relative!important}.mf-rp-wishlist{position:absolute!important;top:12px!important;right:12px!important;z-index:5!important;background:#fff!important}
/* ========================================================================
MerchFuse v1.4.3 — final polish from live screenshots
======================================================================== */
/* Product education eyebrow contrast: white only on the dark quality panel. */
.mf-education__section--quality .mf-education__eyebrow{color:#fff!important;font-weight:950!important;opacity:1!important;text-shadow:0 1px 0 rgba(0,0,0,.25)!important;}
.mf-education__section--size .mf-education__eyebrow,
.mf-education__section--frame .mf-education__eyebrow,
.mf-education__section:not(.mf-education__section--quality) .mf-education__eyebrow{color:#111!important;font-weight:950!important;opacity:1!important;text-shadow:none!important;}
/* Keep breadcrumbs once, compact, and not visually duplicated by plugin output. */
.mf-product > .mf-breadcrumbs,.mf-shop-header > .mf-breadcrumbs{display:none!important;}
.mf-container-wide > .mf-breadcrumbs{margin-top:clamp(14px,2vw,24px)!important;margin-bottom:clamp(16px,2vw,26px)!important;}
/* Wishlist result layout: 1 item centered, 2/3 centered, 4+ clean grid. */
.mf-wishlist[data-state="ready"] [data-wishlist-list]{
display:grid!important;
grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),300px))!important;
justify-content:center!important;
justify-items:stretch!important;
gap:clamp(18px,2.4vw,32px)!important;
max-width:1320px!important;
margin-inline:auto!important;
}
.mf-wishlist[data-state="ready"] [data-wishlist-list] > li{width:100%!important;max-width:300px!important;}
@media(max-width:680px){
.mf-wishlist[data-state="ready"] [data-wishlist-list]{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;max-width:520px!important;gap:16px!important;}
.mf-wishlist[data-state="ready"] [data-wishlist-list] > li{max-width:240px!important;justify-self:center!important;}
}
/* Reviews tab: no narrow vertical middle column, premium two-column layout. */
.mf-reviews{padding-top:clamp(22px,4vw,44px)!important;}
.mf-reviews__proof{
display:grid!important;
grid-template-columns:minmax(0,1fr)!important;
gap:clamp(14px,2vw,22px)!important;
margin:0 0 clamp(28px,4vw,48px)!important;
width:100%!important;
}
.mf-reviews__intro{max-width:920px!important;}
.mf-reviews__intro h2{font-size:clamp(30px,4vw,54px)!important;line-height:1.02!important;margin:0 0 10px!important;}
.mf-reviews__intro p{max-width:760px!important;color:#666!important;line-height:1.55!important;}
.mf-reviews__photos{
display:grid!important;
grid-template-columns:repeat(auto-fit,minmax(92px,1fr))!important;
gap:10px!important;
max-width:100%!important;
padding:12px!important;
border:1px solid rgba(17,17,17,.08)!important;
border-radius:20px!important;
background:#fff!important;
overflow:hidden!important;
}
.mf-reviews__photos img{
width:100%!important;
height:auto!important;
aspect-ratio:1/1!important;
object-fit:cover!important;
border-radius:14px!important;
background:#f5f5f3!important;
display:block!important;
box-shadow:none!important;
}
.mf-reviews__grid{
display:grid!important;
grid-template-columns:minmax(280px,.82fr) minmax(340px,1fr)!important;
gap:clamp(24px,4vw,72px)!important;
align-items:start!important;
width:100%!important;
}
.mf-reviews__list{min-width:0!important;max-width:680px!important;}
.mf-reviews__empty{
display:block!important;
width:100%!important;
max-width:520px!important;
min-height:0!important;
padding:clamp(20px,3vw,30px)!important;
border:1px solid rgba(17,17,17,.10)!important;
border-radius:18px!important;
background:#fff!important;
text-align:left!important;
writing-mode:horizontal-tb!important;
word-break:normal!important;
overflow-wrap:normal!important;
}
.mf-reviews__empty strong{display:block!important;font-size:clamp(22px,2.4vw,34px)!important;line-height:1.05!important;margin:0 0 10px!important;}
.mf-reviews__empty p{margin:0!important;color:#555!important;line-height:1.6!important;}
.mf-reviews__form-card{width:100%!important;max-width:640px!important;justify-self:end!important;background:#f8f8f6!important;border:1px solid rgba(17,17,17,.08)!important;border-radius:22px!important;padding:clamp(20px,3vw,38px)!important;box-shadow:0 18px 60px rgba(17,17,17,.06)!important;}
.mf-review-form textarea,.mf-review-form input,.mf-review-form select{width:100%!important;max-width:100%!important;}
@media(max-width:900px){
.mf-reviews__grid{grid-template-columns:1fr!important;gap:24px!important;}
.mf-reviews__list,.mf-reviews__form-card{max-width:none!important;justify-self:stretch!important;}
.mf-reviews__photos{grid-template-columns:repeat(4,minmax(0,1fr))!important;padding:8px!important;gap:8px!important;}
}
@media(max-width:520px){
.mf-reviews__photos{grid-template-columns:repeat(4,minmax(0,1fr))!important;border-radius:16px!important;}
.mf-reviews__photos img{border-radius:10px!important;}
}
/* ========================================================================
MerchFuse v1.4.4 — search visibility, PSI contrast/touch fixes
======================================================================== */
/* Search overlay must open below the black header with the input fully visible. */
.mf-search-overlay{position:fixed!important;inset:0!important;z-index:5000000!important;pointer-events:none!important;opacity:0!important;visibility:hidden!important;transition:opacity .18s ease,visibility 0s .18s!important}
.mf-search-overlay[data-open="true"]{pointer-events:auto!important;opacity:1!important;visibility:visible!important;transition:opacity .18s ease!important}
.mf-search-overlay__backdrop{position:absolute!important;inset:0!important;background:rgba(17,17,17,.64)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}
.mf-search-overlay__panel{position:fixed!important;top:var(--mf-search-top,88px)!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:min(960px,calc(100vw - 28px))!important;max-width:none!important;max-height:calc(100dvh - var(--mf-search-top,88px) - 18px)!important;min-height:0!important;overflow:hidden auto!important;background:#fff!important;border:1px solid rgba(255,255,255,.5)!important;border-radius:24px!important;padding:14px!important;box-shadow:0 24px 90px rgba(0,0,0,.32)!important;display:flex!important;flex-direction:column!important;gap:10px!important;will-change:auto!important}
.mf-search-overlay[data-open="true"] .mf-search-overlay__panel{transform:translateX(-50%)!important}
.mf-search-overlay__form{width:100%!important;max-width:none!important;min-height:54px!important;height:54px!important;display:flex!important;align-items:center!important;gap:10px!important;border:1px solid rgba(17,17,17,.82)!important;border-radius:17px!important;background:#fff!important;padding:0 9px 0 15px!important;box-shadow:none!important;flex:0 0 auto!important;overflow:hidden!important}
.mf-search-overlay__form > .mf-icon{width:22px!important;height:22px!important;flex:0 0 22px!important;color:#111!important}
.mf-search-overlay__form input[name="s"]{display:block!important;flex:1 1 auto!important;min-width:0!important;width:100%!important;height:52px!important;border:0!important;background:transparent!important;padding:0!important;color:#111!important;font-size:clamp(16px,2vw,22px)!important;line-height:1.2!important;outline:0!important;caret-color:#111!important;opacity:1!important;visibility:visible!important;text-overflow:ellipsis!important}
.mf-search-overlay__form input[name="s"]::placeholder{color:#777!important;opacity:1!important}
.mf-search-overlay__submit{display:none!important}.mf-search-overlay__close{width:40px!important;height:40px!important;flex:0 0 40px!important;display:grid!important;place-items:center!important;color:#111!important;border-radius:999px!important;font-size:30px!important;line-height:1!important;background:#fff!important}
.mf-search-suggestions{display:block!important;width:100%!important;max-width:none!important;max-height:min(64dvh,620px)!important;min-height:0!important;overflow:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;margin:0!important;padding:0!important;background:#fff!important;border:1px solid rgba(17,17,17,.08)!important;border-radius:18px!important;box-shadow:none!important;flex:1 1 auto!important}
.mf-search-suggestions[hidden]{display:none!important}.mf-search-suggestions__hint{padding:10px 14px 0!important;color:#666!important;font-size:13px!important;text-align:center!important}.mf-search-suggestions__quick{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;padding:14px!important}.mf-search-suggestions__quick a{min-width:0!important;min-height:44px!important;width:100%!important;padding:8px 10px!important;border:1px solid rgba(17,17,17,.16)!important;border-radius:999px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;color:#111!important;background:#fff!important;font-size:12px!important;font-weight:850!important;letter-spacing:.07em!important;text-transform:uppercase!important;line-height:1.1!important;white-space:normal!important;overflow:hidden!important;text-overflow:ellipsis!important;text-decoration:none!important}.mf-search-suggestions__quick a:hover{background:#f4f4f2!important}.mf-search-suggestions__item{display:grid!important;grid-template-columns:58px minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;min-height:78px!important;padding:12px!important;color:#111!important;text-decoration:none!important;border-bottom:1px solid rgba(17,17,17,.08)!important}.mf-search-suggestions__meta strong{font-size:15px!important;line-height:1.22!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;white-space:normal!important}.mf-search-suggestions__meta small{color:#555!important}.mf-search-suggestions__price{font-size:14px!important;font-weight:900!important;white-space:nowrap!important}
@media(max-width:782px){.mf-search-overlay__panel{top:var(--mf-search-top,76px)!important;width:calc(100vw - 16px)!important;max-height:calc(100dvh - var(--mf-search-top,76px) - 10px)!important;border-radius:18px!important;padding:10px!important;gap:8px!important}.mf-search-overlay__form{height:48px!important;min-height:48px!important;border-radius:15px!important;padding:0 7px 0 12px!important}.mf-search-overlay__form input[name="s"]{height:46px!important;font-size:15px!important}.mf-search-overlay__close{width:36px!important;height:36px!important;flex-basis:36px!important}.mf-search-suggestions{max-height:calc(100dvh - var(--mf-search-top,76px) - 76px)!important;border-radius:15px!important}.mf-search-suggestions__quick{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:10px!important}.mf-search-suggestions__quick a{min-height:40px!important;font-size:11px!important;padding:7px 6px!important}.mf-search-suggestions__item{grid-template-columns:52px minmax(0,1fr)!important;min-height:80px!important}.mf-search-suggestions__price,.mf-search-suggestions__pill{grid-column:2!important;justify-self:start!important}}
@media(max-width:380px){.mf-search-suggestions__quick a{font-size:10px!important;letter-spacing:.04em!important}.mf-search-overlay__form input[name="s"]{font-size:14px!important}}
/* Duplicate breadcrumb guard: PHP prints once; CSS hides any plugin/theme leftovers. */
.mf-breadcrumbs + .mf-breadcrumbs,.mf-breadcrumbs ~ .mf-breadcrumbs{display:none!important}.woocommerce-breadcrumb{display:none!important}
/* Product education labels: contrast-safe on dark and light panels. */
.mf-education__section--quality .mf-education__eyebrow{color:#fff!important;background:transparent!important;font-weight:950!important;opacity:1!important;text-shadow:0 1px 0 rgba(0,0,0,.35)!important}.mf-education__section--size .mf-education__eyebrow,.mf-education__section--frame .mf-education__eyebrow,.mf-education__section:not(.mf-education__section--quality) .mf-education__eyebrow{display:inline-flex!important;width:auto!important;color:#111!important;background:rgba(255,255,255,.96)!important;border:1px solid rgba(17,17,17,.14)!important;border-radius:999px!important;padding:5px 10px!important;font-weight:950!important;opacity:1!important;text-shadow:none!important}.mf-education__section--size,.mf-education__section--frame{color:#111!important}.mf-education__section--size p,.mf-education__section--frame p{color:#555!important}
/* Homepage confidence links: readable contrast and 44px touch targets. */
.mf-home-confidence a,.mf-home-confidence__inner a,.mf-home-confidence .wp-block-list a{color:#111!important;text-decoration:none!important;min-height:44px!important;display:inline-flex!important;align-items:center!important}.mf-home-confidence a:hover{text-decoration:underline!important}.mf-vintage__viewall,.mf-photo__viewall{min-width:44px!important;min-height:44px!important;padding:10px 14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;color:#111!important;background:#fff!important;text-decoration:none!important}
/* Review tab and wishlist alignment hardening. */
.mf-reviews__grid{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(320px,1fr)!important;gap:clamp(22px,4vw,64px)!important;align-items:start!important}.mf-reviews__empty{writing-mode:horizontal-tb!important;word-break:normal!important;overflow-wrap:normal!important}.mf-reviews__photos{grid-template-columns:repeat(auto-fit,minmax(72px,1fr))!important;gap:8px!important;padding:10px!important;max-height:none!important}.mf-reviews__photos img{aspect-ratio:1/1!important;object-fit:cover!important;border-radius:12px!important}@media(max-width:900px){.mf-reviews__grid{grid-template-columns:1fr!important}.mf-reviews__photos{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
.mf-wishlist[data-state="ready"] [data-wishlist-list]{justify-content:center!important;justify-items:center!important}.mf-wishlist[data-state="ready"] [data-wishlist-list]>li{width:100%!important;max-width:320px!important}
/* ==== MerchFuse v1.4.6 final fixes: contrast, search visibility, thumbnails, footer headings ==== */
.mf-footer,.mf-footer p,.mf-footer li,.mf-footer span,.mf-footer__tagline,.mf-footer__bottom{color:#F2F2F2!important;opacity:1!important}.mf-footer a,.mf-footer-widget a,.mf-footer__nav a{color:#F5F5F5!important;text-decoration:none!important}.mf-footer a:hover,.mf-footer-widget a:hover,.mf-footer__nav a:hover{color:#FFFFFF!important;text-decoration:underline!important}.mf-footer h2.wp-block-heading,.mf-footer h3,.mf-footer h4,.mf-footer-widget__title{color:#FFFFFF!important;font-weight:850!important;letter-spacing:.12em!important;text-transform:uppercase!important}.mf-home-confidence,.mf-home-confidence *{color:#111111!important}.mf-home-confidence a,.mf-home-confidence__inner a,.mf-home-confidence .wp-block-list a{color:#111111!important;background:#FFFFFF!important;border-color:rgba(17,17,17,.22)!important;min-height:46px!important;padding:10px 14px!important}.mf-home-confidence a:hover{background:#111111!important;color:#FFFFFF!important}.mf-vintage__viewall,.mf-photo__viewall{min-width:48px!important;min-height:48px!important;padding:12px 16px!important;color:#111!important;background:#fff!important;border:1px solid rgba(17,17,17,.18)!important}.mf-education__section--size .mf-education__eyebrow,.mf-education__section--frame .mf-education__eyebrow,.mf-education__section:not(.mf-education__section--quality) .mf-education__eyebrow{color:#111111!important;background:#FFFFFF!important;border:1px solid rgba(17,17,17,.18)!important;text-shadow:none!important;opacity:1!important}.mf-education__section--quality .mf-education__eyebrow{color:#FFFFFF!important;background:transparent!important;text-shadow:0 1px 1px rgba(0,0,0,.4)!important;opacity:1!important}.wp-block-heading.has-white-color,.has-white-color{color:#FFFFFF!important}.mf-search-overlay{position:fixed!important;inset:0!important;z-index:99997!important}.mf-header{position:relative!important;z-index:100000!important}.mf-search-overlay__backdrop{top:var(--mf-search-top,112px)!important;background:rgba(17,17,17,.72)!important}.mf-search-overlay__panel{position:fixed!important;top:var(--mf-search-top,112px)!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:min(880px,calc(100vw - 36px))!important;max-height:calc(100dvh - var(--mf-search-top,112px) - 18px)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:14px!important;border-radius:22px!important;background:#fff!important;box-shadow:0 24px 80px rgba(0,0,0,.38)!important}.mf-search-overlay__form{height:56px!important;min-height:56px!important;display:flex!important;align-items:center!important;flex:0 0 auto!important;border:2px solid #111!important;border-radius:16px!important;background:#fff!important;overflow:hidden!important}.mf-search-overlay__form input[name="s"]{display:block!important;min-width:0!important;width:100%!important;height:54px!important;line-height:54px!important;color:#111!important;background:transparent!important;opacity:1!important;visibility:visible!important;font-size:20px!important}.mf-search-suggestions{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;background:#fff!important}.mf-search-suggestions__quick{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}.mf-search-suggestions__quick a{min-width:0!important;white-space:normal!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.1!important}.mf-gallery__thumb-img{width:72px!important;height:72px!important;object-fit:cover!important}.mf-product-card__img,.mf-rp-img{image-rendering:auto!important}@media(max-width:782px){.mf-search-overlay__backdrop{top:var(--mf-search-top,82px)!important}.mf-search-overlay__panel{top:var(--mf-search-top,82px)!important;width:calc(100vw - 18px)!important;max-height:calc(100dvh - var(--mf-search-top,82px) - 12px)!important;padding:10px!important;border-radius:18px!important}.mf-search-overlay__form{height:50px!important;min-height:50px!important}.mf-search-overlay__form input[name="s"]{height:48px!important;line-height:48px!important;font-size:16px!important}.mf-search-suggestions__quick{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.mf-search-suggestions__quick a{font-size:11px!important;letter-spacing:.04em!important;min-height:40px!important;padding:8px 6px!important}.mf-vintage__viewall,.mf-photo__viewall{min-width:48px!important;min-height:48px!important}}
/* ==== MerchFuse v1.4.6 hardening: final black header/footer + non-heading footer titles ==== */
:root {
--mf-black: #0D0D0D;
--mf-black-soft: #111111;
--mf-obsidian: #1A1A1A;
--mf-charcoal: #262626;
--mf-snow: #FAFAFA;
--mf-line: #E5E5E5;
--mf-muted: #666666;
--mf-footer-text: #CCCCCC;
--mf-gold: #ff332b;
--mf-dark: #0D0D0D;
--mf-green: #0D0D0D;
--mf-green-dk: #000000;
}
.mf-header,
.mf-header[data-sticky="true"],
.mf-header[data-sticky="false"] {
background: var(--mf-black) !important;
color: #FFFFFF !important;
border-bottom: 1px solid rgba(255,255,255,.10) !important;
}
.mf-header .mf-logo,
.mf-header .mf-logo--text,
.mf-header .mf-nav > li > a,
.mf-header .mf-icon-btn,
.mf-header .mf-menu-toggle {
color: #FFFFFF !important;
}
.mf-header .mf-nav > li > a:hover,
.mf-header .mf-nav > li.current-menu-item > a,
.mf-header .mf-icon-btn:hover {
color: var(--mf-gold) !important;
}
.mf-header .mf-menu-toggle__bar,
.mf-header .mf-menu-toggle__bar::before,
.mf-header .mf-menu-toggle__bar::after {
background: #FFFFFF !important;
}
.mf-header .mf-cart-count,
.mf-header .mf-wishlist-count {
background: #FFFFFF !important;
color: #111111 !important;
border-color: rgba(255,255,255,.35) !important;
}
.mf-footer {
background: var(--mf-black) !important;
color: var(--mf-footer-text) !important;
}
.mf-footer-widget__title {
display: block;
margin: 0 0 14px;
color: #FFFFFF !important;
font-weight: 850 !important;
letter-spacing: .12em !important;
text-transform: uppercase !important;
line-height: 1.25;
}
.mf-footer a:hover { color: var(--mf-gold) !important; }
/* ==========================================================
MerchFuse v1.4.7 hardening overrides
Search alignment, accessibility contrast, wishlist hover, shipping rounding,
touch targets, and product card/image sizing polish.
========================================================== */
.mf-search-overlay{z-index:5000000!important}
.mf-search-overlay__backdrop{top:var(--mf-search-top,78px)!important;background:rgba(17,17,17,.72)!important}
.mf-search-overlay__panel{
top:var(--mf-search-top,78px)!important;
width:min(920px,calc(100vw - 32px))!important;
max-height:calc(100dvh - var(--mf-search-top,78px) - 12px)!important;
border-radius:0 0 24px 24px!important;
margin-top:0!important;
}
.mf-search-overlay__form{border-color:#111!important;box-shadow:none!important}
.mf-search-suggestions__hint{color:#555!important}
.mf-search-suggestions__quick a,
.mf-search-suggestions__all,
.mf-search-suggestions__item{min-height:46px!important}
.mf-search-suggestions__quick a{color:#111!important;background:#fff!important;border-color:#d7d7d7!important}
.mf-search-suggestions__quick a:hover{color:#fff!important;background:#111!important;border-color:#111!important}
@media(max-width:782px){
.mf-search-overlay__panel{top:var(--mf-search-top,64px)!important;width:calc(100vw - 12px)!important;max-height:calc(100dvh - var(--mf-search-top,64px) - 8px)!important;border-radius:0 0 18px 18px!important;padding:8px!important}
.mf-search-overlay__backdrop{top:var(--mf-search-top,64px)!important}
}
.mf-product-card__action,
.mf-gallery__wishlist{color:#111!important;background:#fff!important;border-color:rgba(17,17,17,.16)!important;transition:background .16s ease,color .16s ease,border-color .16s ease!important}
.mf-product-card__action svg,
.mf-gallery__wishlist svg{color:#111!important;stroke:currentColor!important;fill:none!important}
.mf-product-card__action:hover,
.mf-product-card__action:focus-visible,
.mf-gallery__wishlist:hover,
.mf-gallery__wishlist:focus-visible{color:#111!important;background:#fff!important;border-color:#111!important;box-shadow:0 8px 18px rgba(17,17,17,.16)!important}
.mf-wishlist-btn[aria-pressed="true"] svg{color:#111!important;fill:#111!important;stroke:#111!important}
.mf-shipping__table{border-collapse:separate!important;border-spacing:0!important;border-radius:18px!important;overflow:hidden!important;clip-path:inset(0 round 18px)!important}
.mf-shipping__table thead th:first-child{border-top-left-radius:18px!important}
.mf-shipping__table thead th:last-child{border-top-right-radius:18px!important}
.mf-shipping__table tbody tr:last-child td:first-child{border-bottom-left-radius:18px!important}
.mf-shipping__table tbody tr:last-child td:last-child{border-bottom-right-radius:18px!important}
@media(max-width:760px){
.mf-shipping__table{display:table!important;width:100%!important;table-layout:fixed!important;overflow:hidden!important;border-radius:18px!important;clip-path:inset(0 round 18px)!important}
.mf-shipping__table th,.mf-shipping__table td{min-width:0!important;padding:14px 12px!important;word-break:normal!important;overflow-wrap:break-word!important}
}
.mf-footer,.mf-footer p,.mf-footer li,.mf-footer span,.mf-footer__tagline,.mf-footer__bottom{color:#f2f2f2!important;opacity:1!important}
.mf-footer a,.mf-footer-widget a,.mf-footer__nav a{color:#fff!important;text-decoration:none!important;min-height:44px!important;display:inline-flex!important;align-items:center!important}
.mf-footer a:hover,.mf-footer-widget a:hover,.mf-footer__nav a:hover{color:#fff!important;text-decoration:underline!important}
.mf-home-confidence,.mf-home-confidence *{color:#111!important}
.mf-home-confidence a,.mf-home-confidence__links a,.mf-home-confidence__inner a{color:#111!important;background:#fff!important;border-color:#111!important;min-height:46px!important;padding:10px 14px!important}
.mf-home-confidence a:hover,.mf-home-confidence__links a:hover{color:#fff!important;background:#111!important}
.mf-vintage__viewall,.mf-photo__viewall,.mf-rail__viewall{min-height:46px!important;min-width:46px!important;padding:11px 16px!important;color:#111!important;background:#fff!important;border-color:#111!important}
.mf-vintage__viewall:hover,.mf-photo__viewall:hover,.mf-rail__viewall:hover{color:#fff!important;background:#111!important}
.mf-vintage__viewall::after,.mf-photo__viewall::after{min-width:44px;min-height:44px}
/* ==== layout.css ==== */
/* ========================================================================
MerchFuse — Layout
========================================================================
Page structure, containers, header and footer shell, responsive grid.
------------------------------------------------------------------------ */
/* ---- Containers ---- */
.mf-container,
.mf-container-narrow,
.mf-container-wide {
width: 100%;
margin-inline: auto;
padding-inline: var(--mf-gutter);
max-width: 100%;
}
.mf-container { max-width: var(--mf-container); }
.mf-container-narrow { max-width: var(--mf-container-narrow); }
.mf-container-wide { max-width: var(--mf-container-wide); }
.mf-container-full { max-width: 100%; padding-inline: 0; }
/* Bug #6 + #9 fix — prevent any descendant from breaking the viewport.
Runs before descendants can declare larger widths. */
html { overflow-x: hidden; }
.mf-site { overflow-x: clip; }
.mf-site__main { overflow-x: clip; max-width: 100vw; }
/* ---- Page shell ---- */
.mf-site {
display: flex;
flex-direction: column;
min-height: 100vh;
}
.mf-site__main {
flex: 1 0 auto;
padding-block: var(--mf-space-7);
}
@media (max-width: 768px) {
.mf-site__main { padding-block: var(--mf-space-5); }
}
/* ===================================================================
ANNOUNCEMENT BAR
=================================================================== */
.mf-announce {
background: var(--mf-dark);
color: var(--mf-cream);
font-size: var(--mf-text-xs);
letter-spacing: var(--mf-ls-wide);
text-transform: uppercase;
font-weight: var(--mf-fw-medium);
}
.mf-announce__inner {
padding: var(--mf-space-2) var(--mf-gutter);
text-align: center;
}
.mf-announce a {
color: inherit;
text-decoration: underline;
text-underline-offset: 2px;
text-decoration-thickness: 1px;
}
.mf-announce a:hover { color: var(--mf-sage); }
/* ===================================================================
HEADER
=================================================================== */
.mf-header {
background: var(--mf-cream);
border-bottom: 1px solid var(--mf-border);
position: relative;
z-index: var(--mf-z-header);
}
.mf-header[data-sticky="true"] {
position: sticky;
top: 0;
backdrop-filter: saturate(1.2) blur(8px);
background: rgb(249 250 248 / 0.92);
}
.mf-header__inner {
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: center;
gap: var(--mf-space-5);
min-height: var(--mf-header-height);
padding-block: var(--mf-space-3);
}
/* Header layout variants (Customizer → Header & Layout → Header layout) */
.mf-header[data-layout="centered"] .mf-header__inner {
grid-template-columns: 1fr auto 1fr;
}
.mf-header[data-layout="left"] .mf-header__inner {
grid-template-columns: auto 1fr auto;
}
.mf-header[data-layout="left"] .mf-header__brand { justify-self: start; }
.mf-header[data-layout="left"] .mf-header__nav { justify-self: start; }
.mf-header[data-layout="split"] .mf-header__inner {
grid-template-columns: 1fr auto 1fr;
}
.mf-header[data-layout="split"] .mf-header__brand { justify-self: center; order: 2; }
.mf-header[data-layout="split"] .mf-header__nav { justify-self: end; order: 1; }
.mf-header[data-layout="split"] .mf-header__tools { justify-self: start; order: 3; }
/* Logo — Bug #1 fix.
Works for square, horizontal, and vertical logo files. Authority is the
wrapper (.mf-logo) which sets a fixed pixel height via --mf-logo-height;
the image scales to fit via object-contain, never overflows, never crops. */
.mf-header__brand { justify-self: start; }
.mf-logo {
display: inline-flex;
align-items: center;
text-decoration: none;
line-height: 1;
/* The wrapper itself is height-controlled; img inherits via object-fit */
height: var(--mf-logo-height, 48px);
max-height: 100%;
}
.mf-logo--image {
/* Max-width prevents ultra-wide logos from breaking the grid */
max-width: clamp(120px, 24vw, 240px);
}
.mf-logo img {
display: block;
height: 100%; /* fill wrapper height exactly */
width: auto; /* maintain aspect ratio */
max-width: 100%;
object-fit: contain;
object-position: left center;
}
@media (max-width: 1024px) {
.mf-logo { height: clamp(32px, 10vw, var(--mf-logo-height, 48px)); }
.mf-logo--image { max-width: 160px; }
}
.mf-logo--text {
font-family: var(--mf-font-display);
font-size: var(--mf-text-lg);
font-weight: var(--mf-fw-semibold);
letter-spacing: var(--mf-ls-tight);
color: var(--mf-ink);
}
.mf-logo--text:hover { color: var(--mf-muted); text-decoration: none; }
/* Primary navigation */
.mf-header__nav { justify-self: center; }
.mf-nav {
display: flex;
align-items: center;
gap: var(--mf-space-5);
list-style: none;
padding: 0;
margin: 0;
}
.mf-nav li { margin: 0; }
.mf-nav a {
position: relative;
display: inline-block;
padding: var(--mf-space-2) 0;
font-size: var(--mf-text-sm);
font-weight: var(--mf-fw-medium);
letter-spacing: var(--mf-ls-snug);
color: var(--mf-dark);
text-transform: uppercase;
}
.mf-nav a::after {
content: "";
position: absolute;
left: 0; right: 0; bottom: 0;
height: 1px;
background: var(--mf-green);
transform: scaleX(0);
transform-origin: left;
transition: transform var(--mf-dur-base) var(--mf-ease);
}
.mf-nav a:hover { text-decoration: none; color: var(--mf-green-dk); }
.mf-nav a:hover::after,
.mf-nav .current-menu-item a::after,
.mf-nav .current-menu-parent a::after { transform: scaleX(1); }
/* Dropdown sub-menu */
.mf-nav li { position: relative; }
.mf-nav .sub-menu {
position: absolute;
top: 100%;
left: 50%;
min-width: 220px;
padding: var(--mf-space-3) 0;
background: var(--mf-white);
border: 1px solid var(--mf-border);
border-radius: var(--mf-radius);
box-shadow: var(--mf-shadow-lg);
list-style: none;
opacity: 0;
visibility: hidden;
transform: translateX(-50%) translateY(8px);
transition: opacity var(--mf-dur-fast) var(--mf-ease), transform var(--mf-dur-fast) var(--mf-ease), visibility 0s var(--mf-dur-fast);
z-index: var(--mf-z-dropdown);
}
.mf-nav li:hover > .sub-menu,
.mf-nav li:focus-within > .sub-menu {
opacity: 1;
visibility: visible;
transform: translateX(-50%) translateY(0);
transition-delay: 0s;
}
/* Bug #7 fix — Desktop mega-menu for menus with 15+ children (e.g. artists).
JS adds .mf-submenu--grid on these. Render as a wide 3-column panel. */
.mf-nav .sub-menu.mf-submenu--grid {
min-width: 640px;
max-width: 820px;
padding: var(--mf-space-5) var(--mf-space-6);
display: grid !important;
grid-template-columns: repeat(3, 1fr);
gap: 4px var(--mf-space-5);
}
.mf-nav .sub-menu.mf-submenu--grid li { margin: 0; }
.mf-nav .sub-menu.mf-submenu--grid a {
padding: 6px 0;
font-size: var(--mf-text-sm);
color: var(--mf-muted);
white-space: nowrap;
text-transform: none;
letter-spacing: 0;
font-weight: var(--mf-fw-regular);
border-radius: 0;
}
.mf-nav .sub-menu.mf-submenu--grid a:hover {
color: var(--mf-ink);
background: transparent;
}
.mf-nav .sub-menu li { margin: 0; position: relative; }
.mf-nav .sub-menu a {
display: block;
padding: var(--mf-space-2) var(--mf-space-5);
font-size: var(--mf-text-sm);
letter-spacing: 0;
text-transform: none;
}
.mf-nav .sub-menu a::after { display: none; }
.mf-nav .menu-item-has-children > a::after {
content: "";
position: static;
display: inline-block;
width: 6px; height: 6px;
margin-left: 6px;
border-right: 1.5px solid currentColor;
border-bottom: 1.5px solid currentColor;
transform: rotate(45deg) translateY(-2px);
background: transparent;
}
/* Header tools (right side: search, wishlist, account, cart) */
.mf-header__tools {
justify-self: end;
display: flex;
align-items: center;
gap: var(--mf-space-3);
}
.mf-icon-btn {
display: inline-grid;
place-items: center;
width: 40px; height: 40px;
padding: 0;
background: transparent;
border: 0;
border-radius: var(--mf-radius-pill);
color: var(--mf-dark);
cursor: pointer;
transition: background var(--mf-dur-fast) var(--mf-ease), color var(--mf-dur-fast) var(--mf-ease);
position: relative;
}
.mf-icon-btn:hover {
background: var(--mf-sage-soft);
color: var(--mf-green-dk);
}
.mf-icon-btn .mf-icon { width: 22px; height: 22px; }
/* Cart badge */
.mf-cart-count {
position: absolute;
top: 2px; right: 2px;
min-width: 18px; height: 18px;
padding: 0 5px;
background: var(--mf-green);
color: var(--mf-cream);
border-radius: var(--mf-radius-pill);
font-size: 11px;
font-weight: var(--mf-fw-semibold);
line-height: 18px;
text-align: center;
transition: transform var(--mf-dur-fast) var(--mf-ease-out);
}
.mf-cart-count[data-count="0"] { display: none; }
.mf-cart-count.is-bump { animation: mf-bump 0.4s var(--mf-ease-out); }
@keyframes mf-bump {
0%, 100% { transform: scale(1); }
30% { transform: scale(1.25); }
}
/* Mobile menu toggle */
.mf-menu-toggle {
display: none;
width: 40px; height: 40px;
padding: 0;
background: transparent;
border: 0;
cursor: pointer;
}
.mf-menu-toggle__bar,
.mf-menu-toggle__bar::before,
.mf-menu-toggle__bar::after {
display: block;
width: 22px; height: 2px;
background: var(--mf-dark);
transition: transform var(--mf-dur-base) var(--mf-ease), opacity var(--mf-dur-fast) var(--mf-ease);
}
.mf-menu-toggle__bar { position: relative; margin: 0 auto; }
.mf-menu-toggle__bar::before,
.mf-menu-toggle__bar::after {
content: "";
position: absolute;
left: 0;
}
.mf-menu-toggle__bar::before { top: -7px; }
.mf-menu-toggle__bar::after { top: 7px; }
.mf-menu-toggle[aria-expanded="true"] .mf-menu-toggle__bar { background: transparent; }
.mf-menu-toggle[aria-expanded="true"] .mf-menu-toggle__bar::before { transform: translateY(7px) rotate(45deg); }
.mf-menu-toggle[aria-expanded="true"] .mf-menu-toggle__bar::after { transform: translateY(-7px) rotate(-45deg); }
/* ---- Mobile layout ---- */
@media (max-width: 1024px) {
.mf-header__inner {
grid-template-columns: auto 1fr auto;
min-height: var(--mf-header-height-mobile);
}
.mf-menu-toggle { display: inline-block; }
.mf-header__brand { justify-self: center; }
.mf-header__nav {
position: fixed;
inset: var(--mf-header-height-mobile) 0 0 0;
padding: var(--mf-space-5) var(--mf-gutter) var(--mf-space-8);
background: var(--mf-white);
overflow-y: auto;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
transform: translateX(-100%);
transition: transform var(--mf-dur-normal) var(--mf-ease);
visibility: hidden;
z-index: var(--mf-z-drawer);
}
.mf-header__nav[data-open="true"] {
transform: translateX(0);
visibility: visible;
}
.mf-nav {
flex-direction: column;
align-items: stretch;
gap: 0;
}
.mf-nav > li { border-bottom: 1px solid var(--mf-border); }
.mf-nav > li:last-child { border-bottom: 0; }
.mf-nav a {
font-size: var(--mf-text-md);
padding: 18px 8px;
border-bottom: 0;
letter-spacing: var(--mf-ls-tight);
font-weight: var(--mf-fw-medium);
text-transform: none;
}
.mf-nav a::after { display: none; }
/* BUG #3 FIX — Accordion sub-menus on mobile.
Previously all sub-menus were expanded which pushed top-level items
(like "Shop by Artists") below the fold. Now sub-menus collapse by
default and expand only when parent is clicked. */
.mf-nav .menu-item-has-children > a {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
}
.mf-nav .menu-item-has-children > a::before {
content: "";
position: absolute;
top: 0; right: -8px;
width: 48px; height: 100%;
pointer-events: none;
}
.mf-nav .menu-item-has-children > a::after {
content: "+";
display: inline-block !important;
width: auto; height: auto;
font-size: 20px;
font-weight: var(--mf-fw-regular);
line-height: 1;
color: var(--mf-muted);
transition: transform var(--mf-dur-fast) var(--mf-ease);
margin-left: auto;
background: none !important;
transform: none !important;
}
.mf-nav .menu-item-has-children[data-expanded="true"] > a::after {
content: "−";
}
.mf-nav .sub-menu {
position: static;
display: none;
opacity: 1; visibility: visible; transform: none;
border: 0; box-shadow: none; padding: 0 0 var(--mf-space-3);
background: transparent;
margin: 0;
padding-left: var(--mf-space-4);
}
.mf-nav .menu-item-has-children[data-expanded="true"] > .sub-menu {
display: block;
}
.mf-nav .sub-menu a {
padding: 10px 0;
font-size: var(--mf-text-sm);
color: var(--mf-muted);
font-weight: var(--mf-fw-regular);
}
/* Artist list special case — when a sub-menu has 20+ items,
render it as a 2-column compact grid for scannability */
.mf-nav .sub-menu.mf-submenu--grid,
.mf-nav [data-submenu="grid"] .sub-menu {
display: grid !important;
grid-template-columns: 1fr 1fr;
gap: 0 var(--mf-space-3);
padding-left: var(--mf-space-4);
}
.mf-nav .sub-menu.mf-submenu--grid a,
.mf-nav [data-submenu="grid"] .sub-menu a {
padding: 8px 0;
font-size: var(--mf-text-xs);
}
}
/* ===================================================================
FOOTER
=================================================================== */
.mf-footer {
background: var(--mf-dark);
color: var(--mf-cream);
padding: var(--mf-space-9) 0 var(--mf-space-5);
margin-top: var(--mf-space-9);
}
.mf-footer a { color: var(--mf-sage); }
.mf-footer a:hover { color: var(--mf-cream); }
.mf-footer__grid {
display: grid;
grid-template-columns: 1.4fr repeat(3, 1fr);
gap: var(--mf-space-7);
margin-bottom: var(--mf-space-7);
}
@media (max-width: 900px) {
.mf-footer__grid { grid-template-columns: 1fr 1fr; gap: var(--mf-space-6); }
}
@media (max-width: 540px) {
.mf-footer__grid { grid-template-columns: 1fr; gap: var(--mf-space-5); }
}
.mf-footer__brand .mf-logo--text { color: var(--mf-cream); font-size: var(--mf-text-xl); }
.mf-footer__tagline {
margin-top: var(--mf-space-3);
color: rgb(249 250 248 / 0.72);
font-size: var(--mf-text-sm);
line-height: var(--mf-lh-snug);
max-width: 340px;
}
.mf-footer__social {
display: flex;
gap: var(--mf-space-3);
margin-top: var(--mf-space-5);
list-style: none;
padding: 0;
}
.mf-footer__social li { margin: 0; }
.mf-footer__social a {
display: inline-grid;
place-items: center;
width: 40px; height: 40px;
border: 1px solid rgb(249 250 248 / 0.2);
border-radius: var(--mf-radius-pill);
transition: background var(--mf-dur-fast) var(--mf-ease), border-color var(--mf-dur-fast) var(--mf-ease);
}
.mf-footer__social a:hover {
background: var(--mf-green);
border-color: var(--mf-green);
}
.mf-footer__social .mf-icon { width: 18px; height: 18px; color: var(--mf-cream); }
.mf-footer-widget__title {
font-family: var(--mf-font-body);
font-size: var(--mf-text-xs);
font-weight: var(--mf-fw-semibold);
letter-spacing: var(--mf-ls-widest);
text-transform: uppercase;
color: var(--mf-cream);
margin-bottom: var(--mf-space-4);
}
.mf-footer-widget ul { list-style: none; padding: 0; margin: 0; }
.mf-footer-widget li { margin: 0; }
.mf-footer-widget li + li { margin-top: var(--mf-space-2); }
.mf-footer-widget a {
font-size: var(--mf-text-sm);
color: rgb(249 250 248 / 0.72);
}
.mf-footer-widget a:hover { color: var(--mf-cream); }
.mf-footer__bottom {
padding-top: var(--mf-space-5);
border-top: 1px solid rgb(249 250 248 / 0.1);
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: var(--mf-space-3);
font-size: var(--mf-text-xs);
color: rgb(249 250 248 / 0.55);
}
.mf-footer__bottom a { color: inherit; }
/* ===================================================================
GENERIC PAGE SHELL (index.php, single.php fallback)
=================================================================== */
.mf-page-header {
padding-block: var(--mf-space-7) var(--mf-space-5);
text-align: center;
}
.mf-page-header__title {
font-size: var(--mf-text-3xl);
margin-bottom: var(--mf-space-3);
}
.mf-page-header__subtitle {
font-size: var(--mf-text-md);
color: var(--mf-muted);
max-width: 640px;
margin: 0 auto;
}
.mf-post-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
gap: var(--mf-space-6);
}
/* Post card (basic) */
.mf-post {
background: var(--mf-white);
border: 1px solid var(--mf-border);
border-radius: var(--mf-radius);
overflow: hidden;
transition: transform var(--mf-dur-base) var(--mf-ease), box-shadow var(--mf-dur-base) var(--mf-ease);
}
.mf-post:hover {
transform: translateY(-2px);
box-shadow: var(--mf-shadow-md);
}
.mf-post__thumb img { aspect-ratio: 16/9; object-fit: cover; width: 100%; }
.mf-post__body { padding: var(--mf-space-5); }
.mf-post__title {
font-size: var(--mf-text-lg);
margin-bottom: var(--mf-space-2);
}
.mf-post__title a { color: inherit; }
.mf-post__meta {
font-size: var(--mf-text-xs);
letter-spacing: var(--mf-ls-wide);
text-transform: uppercase;
color: var(--mf-muted);
margin-bottom: var(--mf-space-3);
}
.mf-post__excerpt { color: var(--mf-muted); font-size: var(--mf-text-sm); line-height: var(--mf-lh-snug); }
/* Pagination */
.mf-pagination,
ul.page-numbers,
.woocommerce-pagination ul.page-numbers,
.woocommerce-pagination .page-numbers {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: var(--mf-space-2);
list-style: none;
padding: 0;
margin-top: var(--mf-space-7);
}
.mf-pagination li,
ul.page-numbers li,
.woocommerce-pagination li {
margin: 0;
list-style: none;
}
.mf-pagination li::before,
ul.page-numbers li::before { display: none; }
.mf-pagination a, .mf-pagination span,
ul.page-numbers a, ul.page-numbers span {
display: inline-grid;
place-items: center;
min-width: 40px; height: 40px;
padding: 0 var(--mf-space-3);
border: 1px solid var(--mf-border);
border-radius: var(--mf-radius-sm);
font-size: var(--mf-text-sm);
font-weight: var(--mf-fw-medium);
text-decoration: none;
color: var(--mf-dark);
transition: background var(--mf-dur-fast) var(--mf-ease), border-color var(--mf-dur-fast) var(--mf-ease);
}
.mf-pagination a:hover,
ul.page-numbers a:hover { background: var(--mf-sage-soft); border-color: var(--mf-sage); }
.mf-pagination .current,
ul.page-numbers .current { background: var(--mf-dark); color: var(--mf-cream); border-color: var(--mf-dark); }
/* Breadcrumbs — Bug #5 fix. Force horizontal flex with clean separators. */
.mf-breadcrumbs {
padding: var(--mf-space-4) 0 var(--mf-space-5);
font-size: var(--mf-text-xxs);
letter-spacing: var(--mf-ls-wide);
text-transform: uppercase;
color: var(--mf-muted);
line-height: 1.4;
}
.mf-breadcrumbs ol,
.mf-breadcrumbs .rank-math-breadcrumb,
.mf-breadcrumbs .rank-math-breadcrumb p,
.mf-breadcrumbs .woocommerce-breadcrumb {
display: flex !important;
flex-wrap: wrap;
align-items: center;
gap: 6px;
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
.mf-breadcrumbs li {
display: inline-flex;
align-items: center;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.mf-breadcrumbs li::before { display: none !important; }
.mf-breadcrumbs li + li::before {
content: "/";
display: inline-block !important;
margin-right: 6px;
color: var(--mf-border-dk);
font-weight: var(--mf-fw-regular);
}
.mf-breadcrumbs a {
color: var(--mf-muted);
text-decoration: none;
transition: color var(--mf-dur-fast) var(--mf-ease);
}
.mf-breadcrumbs a:hover { color: var(--mf-ink); }
.mf-breadcrumbs [aria-current="page"],
.mf-breadcrumbs .last {
color: var(--mf-ink);
font-weight: var(--mf-fw-medium);
}
.mf-breadcrumbs [aria-current="page"] span,
.mf-breadcrumbs span { display: inline; }
@media (max-width: 560px) {
.mf-breadcrumbs { font-size: 10px; }
}
/* ===================================================================
v1.3 HEADER / LOGO / MOBILE NAV HARDENING
=================================================================== */
.mf-header__inner,
.mf-header__brand,
.mf-header__tools,
.mf-header__nav { min-width: 0; }
.mf-logo--image {
width: auto;
max-width: min(var(--mf-logo-max-width, 220px), 28vw);
overflow: hidden;
}
.mf-logo--square,
.mf-logo[data-logo-shape="square"] {
width: var(--mf-logo-height, 56px);
max-width: var(--mf-logo-height, 56px);
aspect-ratio: 1 / 1;
}
.mf-logo--square img,
.mf-logo[data-logo-shape="square"] img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
@media (max-width: 1024px) {
.mf-header__inner { gap: clamp(4px, 2vw, 16px); }
.mf-logo { height: var(--mf-logo-height-mobile, 44px); }
.mf-logo--image { max-width: min(var(--mf-logo-max-width-mobile, 132px), 34vw); }
.mf-logo--square,
.mf-logo[data-logo-shape="square"] {
width: var(--mf-logo-height-mobile, 44px);
max-width: var(--mf-logo-height-mobile, 44px);
}
.mf-header__tools { gap: 4px; }
}
@media (max-width: 480px) {
.mf-header__inner { padding-inline: 10px; }
.mf-header__tools { gap: 0; }
.mf-icon-btn,
.mf-menu-toggle { width: 34px; height: 34px; }
.mf-icon-btn .mf-icon { width: 20px; height: 20px; }
.mf-logo { height: min(var(--mf-logo-height-mobile, 42px), 42px); }
.mf-logo--image { max-width: min(var(--mf-logo-max-width-mobile, 118px), 32vw); }
}
/* Mobile submenu collapse must beat desktop grid !important. */
@media (max-width: 1024px) {
.mf-nav .sub-menu,
.mf-nav .sub-menu.mf-submenu--grid,
.mf-nav [data-submenu="grid"] .sub-menu {
display: none !important;
min-width: 0 !important;
max-width: none !important;
width: 100% !important;
grid-template-columns: none;
}
.mf-nav .menu-item-has-children[data-expanded="true"] > .sub-menu:not(.mf-submenu--grid) {
display: block !important;
}
.mf-nav .menu-item-has-children[data-expanded="true"] > .sub-menu.mf-submenu--grid,
.mf-nav .menu-item-has-children[data-expanded="true"][data-submenu="grid"] > .sub-menu {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.mf-header__nav {
top: var(--mf-header-height-mobile);
inset-inline: 0;
max-width: 100vw;
}
}
@media (max-width: 420px) {
.mf-nav .menu-item-has-children[data-expanded="true"] > .sub-menu.mf-submenu--grid,
.mf-nav .menu-item-has-children[data-expanded="true"][data-submenu="grid"] > .sub-menu {
grid-template-columns: 1fr;
}
}
/* Desktop artist mega-menu: keep large menus readable without falling off-screen. */
@media (min-width: 1025px) {
.mf-nav .sub-menu.mf-submenu--grid {
left: 50%;
width: min(820px, calc(100vw - 48px));
max-height: min(72vh, 680px);
overflow: auto;
}
}
/* Breadcrumbs: normalize RankMath / Yoast / WooCommerce output even when plugins output their own wrapper. */
.mf-breadcrumbs,
.rank-math-breadcrumb,
.woocommerce-breadcrumb,
.yoast-breadcrumb {
width: 100%;
max-width: 100%;
}
.rank-math-breadcrumb,
.rank-math-breadcrumb p,
.woocommerce-breadcrumb,
.yoast-breadcrumb {
display: flex !important;
flex-wrap: wrap;
align-items: center;
gap: 6px;
padding: var(--mf-space-4) 0 var(--mf-space-5) !important;
margin: 0 !important;
font-size: var(--mf-text-xxs);
letter-spacing: var(--mf-ls-wide);
text-transform: uppercase;
line-height: 1.45;
}
.rank-math-breadcrumb a,
.woocommerce-breadcrumb a,
.yoast-breadcrumb a { display: inline-flex; align-items: center; }
/* ========================================================================
MerchFuse v1.3.1 — Header layering + no-sticky override
======================================================================== */
.mf-header,
.mf-header[data-sticky="true"],
.mf-header[data-sticky="false"] {
position: relative !important;
top: auto !important;
z-index: var(--mf-z-header, 7000);
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
background: var(--mf-cream);
}
.mf-header__nav,
.mf-header__inner {
position: relative;
z-index: inherit;
}
.mf-nav .sub-menu,
.mf-nav .sub-menu.mf-submenu--grid {
z-index: calc(var(--mf-z-header, 7000) + 20);
}
.mf-header:has(.sub-menu:hover),
.mf-header:has(.menu-item-has-children:focus-within) {
z-index: calc(var(--mf-z-header, 7000) + 10);
}
/* Make desktop artist megamenus feel intentional and keep them above product imagery. */
@media (min-width: 1025px) {
.mf-nav .sub-menu.mf-submenu--grid {
left: 50%;
width: min(920px, calc(100vw - 40px));
max-height: min(70vh, 640px);
overflow: auto;
grid-template-columns: repeat(3, minmax(0, 1fr));
background: #fff;
}
}
/* Mobile drawer must always cover page content, product imagery, and custom HTML blocks. */
@media (max-width: 1024px) {
.mf-header__nav {
z-index: calc(var(--mf-z-header, 7000) + 30) !important;
}
}
/* Search overlay should sit above menu/drawer. */
.mf-search-overlay {
z-index: var(--mf-z-top, 9999) !important;
}
/* ========================================================================
MerchFuse v1.3.2 — mobile logo, header layering, footer compaction
======================================================================== */
.mf-header,
.mf-header[data-sticky="true"],
.mf-header[data-sticky="false"] { position: relative !important; z-index: 1000000 !important; overflow: visible !important; }
.mf-header__inner,
.mf-header__nav,
.mf-nav,
.mf-nav li { overflow: visible !important; }
.mf-nav .sub-menu,
.mf-nav .sub-menu.mf-submenu--grid { z-index: 1000020 !important; isolation: isolate; }
@media (min-width: 1025px) {
.mf-nav .sub-menu.mf-submenu--grid { top: calc(100% + 10px); left: 50%; right: auto; transform: translateX(-50%) translateY(8px); }
.mf-nav li:hover > .sub-menu.mf-submenu--grid,
.mf-nav li:focus-within > .sub-menu.mf-submenu--grid { transform: translateX(-50%) translateY(0) !important; }
}
@media (max-width: 1024px) {
.mf-header__inner { min-height: 58px !important; padding-block: 6px !important; grid-template-columns: 42px minmax(0, 1fr) auto !important; }
.mf-header__brand { justify-self: center !important; max-width: 112px !important; }
.mf-logo,
.mf-logo--square,
.mf-logo[data-logo-shape="square"] { height: 36px !important; width: auto !important; max-width: 112px !important; aspect-ratio: auto !important; }
.mf-logo img,
.mf-logo--square img,
.mf-logo[data-logo-shape="square"] img { width: auto !important; height: 36px !important; max-width: 112px !important; object-fit: contain !important; object-position: center !important; }
.mf-header__nav { top: 58px !important; inset: 58px 0 0 0 !important; z-index: 1000030 !important; }
}
@media (max-width: 420px) {
.mf-header__inner { grid-template-columns: 38px minmax(0, 1fr) auto !important; padding-inline: 8px !important; }
.mf-header__brand { max-width: 92px !important; }
.mf-logo,
.mf-logo--square,
.mf-logo[data-logo-shape="square"] { height: 32px !important; max-width: 92px !important; }
.mf-logo img,
.mf-logo--square img,
.mf-logo[data-logo-shape="square"] img { height: 32px !important; max-width: 92px !important; }
.mf-icon-btn, .mf-menu-toggle { width: 32px !important; height: 32px !important; }
}
.mf-footer { margin-top: clamp(24px, 4vw, 48px) !important; padding: clamp(34px, 5vw, 58px) 0 24px !important; }
body.home .mf-footer,
body.front-page .mf-footer { margin-top: 20px !important; }
.mf-footer__logo { display: block; width: auto !important; max-width: min(150px, 42vw) !important; height: auto !important; max-height: 96px !important; object-fit: contain !important; }
.mf-footer__grid { align-items: start; }
@media (max-width: 540px) { .mf-footer { margin-top: 18px !important; padding-top: 30px !important; } .mf-footer__logo { max-width: 118px !important; max-height: 76px !important; } }
/* ========================================================================
MerchFuse v1.3.3 — final header/footer/mobile alignment hardening
======================================================================== */
.mf-header,
.mf-header[data-sticky="true"],
.mf-header[data-sticky="false"] { position: relative !important; top: auto !important; }
@media (max-width: 1024px) {
.mf-header__inner { min-height: 54px !important; padding-block: 5px !important; }
.mf-header__brand { display: flex !important; justify-content: center !important; align-items: center !important; max-width: 88px !important; }
.mf-logo,
.mf-logo--image { height: 30px !important; max-width: 88px !important; width: auto !important; }
.mf-logo img { height: 30px !important; width: auto !important; max-width: 88px !important; object-fit: contain !important; object-position: center center !important; }
.mf-header__nav { top: 54px !important; inset: 54px 0 0 0 !important; }
}
@media (max-width: 420px) {
.mf-header__brand { max-width: 74px !important; }
.mf-logo,
.mf-logo--image { height: 28px !important; max-width: 74px !important; }
.mf-logo img { height: 28px !important; max-width: 74px !important; }
}
.mf-footer { margin-top: clamp(16px, 3vw, 34px) !important; }
body.home .mf-footer,
body.front-page .mf-footer { margin-top: 8px !important; }
.mf-footer__logo { max-width: min(116px, 34vw) !important; max-height: 72px !important; }
@media (max-width: 540px) { .mf-footer__logo { max-width: 92px !important; max-height: 58px !important; } }
/* ========================================================================
MerchFuse v1.3.4 — black header, refined mobile header/drawer/footer
======================================================================== */
.mf-announce {
background: #111111;
color: #ffffff;
border-top: 1px solid rgba(255,255,255,.12);
border-bottom: 1px solid rgba(255,255,255,.12);
font-size: 12px;
letter-spacing: .08em;
}
.mf-announce__inner { padding-block: 9px; }
.mf-header {
background: #111111 !important;
color: #ffffff;
border-bottom: 1px solid rgba(255,255,255,.10);
position: relative !important;
top: auto !important;
z-index: 9000;
box-shadow: none;
}
.mf-header[data-sticky="true"] { position: relative !important; top: auto !important; backdrop-filter: none !important; }
.mf-header__inner { min-height: 76px; padding-block: 10px; }
.mf-header .mf-logo { height: clamp(44px, 4vw, 58px); }
.mf-header .mf-logo--image { max-width: clamp(92px, 12vw, 170px); }
.mf-header .mf-nav > li > a,
.mf-header .mf-icon-btn,
.mf-header .mf-logo--text { color: #ffffff; }
.mf-header .mf-nav > li > a:hover,
.mf-header .mf-icon-btn:hover { color: #ff332b; }
.mf-header .mf-icon-btn:hover { background: rgba(255,255,255,.10); }
.mf-header .mf-menu-toggle__bar,
.mf-header .mf-menu-toggle__bar::before,
.mf-header .mf-menu-toggle__bar::after { background: #ffffff; }
.mf-header .mf-menu-toggle[aria-expanded="true"] .mf-menu-toggle__bar { background: transparent; }
.mf-header .mf-nav .menu-item-has-children > a::after { border-color: currentColor; }
.mf-header .mf-cart-count,
.mf-header .mf-wishlist-count { background: #ffffff; color: #111111; border: 1px solid rgba(255,255,255,.35); }
.mf-header .sub-menu {
z-index: 9999 !important;
background: #ffffff;
color: #111111;
border-color: rgba(17,17,17,.10);
box-shadow: 0 22px 60px rgba(0,0,0,.18);
}
.mf-header .sub-menu a { color: #111111 !important; }
.mf-header .sub-menu a:hover { color: #000 !important; }
.mf-mobile-search { display: none; }
.mf-mobile-nav-head,
.mf-mobile-nav-actions { display: none; }
@media (max-width: 1024px) {
.mf-announce { font-size: 12px; line-height: 1.25; text-transform: none; letter-spacing: .02em; }
.mf-announce__inner { padding: 6px 12px; }
.mf-header__inner {
grid-template-columns: auto minmax(0, 1fr) auto;
min-height: 72px;
gap: 14px;
padding: 9px 12px;
}
.mf-header__brand { order: 1; justify-self: start !important; min-width: 0; }
.mf-header .mf-logo { height: clamp(42px, 12vw, 58px); max-width: 78px; }
.mf-header .mf-logo img { max-height: 58px; }
.mf-mobile-search {
order: 2;
display: flex;
align-items: center;
gap: 10px;
min-width: 0;
width: 100%;
height: 48px;
background: #ffffff;
color: #111111;
border-radius: 10px;
padding: 0 14px;
box-shadow: 0 1px 0 rgba(255,255,255,.12);
}
.mf-mobile-search .mf-icon { width: 22px; height: 22px; flex: 0 0 auto; }
.mf-mobile-search input {
width: 100%;
min-width: 0;
border: 0;
outline: 0;
background: transparent;
color: #111111;
font-size: 16px;
line-height: 1;
padding: 0;
}
.mf-mobile-search input::placeholder { color: #222; opacity: .9; }
.mf-menu-toggle { order: 3; display: inline-grid; place-items: center; width: 46px; height: 46px; justify-self: end; }
.mf-header__tools { display: none; }
.mf-header__nav {
position: fixed !important;
inset: var(--mf-mobile-drawer-top, 102px) 0 0 0 !important;
background: #111111 !important;
color: #ffffff;
padding: 20px 18px calc(24px + env(safe-area-inset-bottom));
border-top: 1px solid rgba(255,255,255,.12);
z-index: 8990 !important;
box-shadow: 0 20px 50px rgba(0,0,0,.28);
}
.mf-mobile-nav-head {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 12px;
margin: 0 0 14px;
padding: 0 2px 12px;
border-bottom: 1px solid rgba(255,255,255,.14);
color: rgba(255,255,255,.72);
font-size: 12px;
text-transform: uppercase;
letter-spacing: .12em;
font-weight: 700;
}
.mf-mobile-nav-head span:last-child { color: #fff; letter-spacing: .04em; text-transform: none; font-size: 13px; font-weight: 600; }
.mf-nav > li { border-bottom: 1px solid rgba(255,255,255,.12); }
.mf-header .mf-nav a,
.mf-nav a {
color: #ffffff !important;
font-size: 17px;
padding: 17px 2px;
letter-spacing: .01em;
font-weight: 600;
}
.mf-nav .menu-item-has-children > a::after { color: rgba(255,255,255,.72); }
.mf-nav .sub-menu {
background: rgba(255,255,255,.05) !important;
border: 1px solid rgba(255,255,255,.08) !important;
border-radius: 12px;
margin: 0 0 14px;
padding: 10px 14px !important;
}
.mf-nav .menu-item-has-children[data-expanded="true"] > .sub-menu { display: block; }
.mf-nav .menu-item-has-children[data-expanded="true"] > .sub-menu.mf-submenu--grid,
.mf-nav .menu-item-has-children[data-expanded="true"] > [data-submenu="grid"].sub-menu,
.mf-nav [data-expanded="true"][data-submenu="grid"] > .sub-menu {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.mf-header .mf-nav .sub-menu a,
.mf-nav .sub-menu a {
color: rgba(255,255,255,.78) !important;
font-size: 13px;
line-height: 1.25;
padding: 9px 0;
font-weight: 500;
}
.mf-mobile-nav-actions {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
margin-top: 18px;
}
.mf-mobile-nav-actions a {
display: flex;
justify-content: center;
align-items: center;
min-height: 44px;
border: 1px solid rgba(255,255,255,.18);
border-radius: 999px;
color: #fff;
text-decoration: none;
font-weight: 700;
font-size: 13px;
letter-spacing: .04em;
text-transform: uppercase;
}
}
@media (max-width: 520px) {
.mf-header__inner { min-height: 66px; gap: 10px; padding-inline: 8px; }
.mf-header .mf-logo { max-width: 66px; height: 48px; }
.mf-mobile-search { height: 44px; border-radius: 9px; padding-inline: 12px; }
.mf-mobile-search input { font-size: 15px; }
.mf-menu-toggle { width: 40px; height: 44px; }
}
@media (max-width: 380px) {
.mf-header .mf-logo { max-width: 58px; height: 42px; }
.mf-mobile-search { height: 42px; padding-inline: 10px; }
.mf-mobile-search input { font-size: 14px; }
}
/* Footer spacing/logo cleanup */
.mf-footer { margin-top: var(--mf-space-6); padding-top: var(--mf-space-7); }
.mf-footer__brand .mf-logo { height: clamp(92px, 11vw, 160px); max-width: 240px; }
.mf-footer__brand .mf-logo img { object-fit: contain; object-position: left top; }
@media (max-width: 760px) {
.mf-footer { margin-top: var(--mf-space-5); padding-top: var(--mf-space-6); }
.mf-footer__brand .mf-logo { height: 90px; max-width: 150px; }
}
@media (max-width: 1024px) {
.mf-nav .menu-item-has-children:not([data-expanded="true"]) > .sub-menu,
.mf-nav .menu-item-has-children:not([data-expanded="true"]) > .sub-menu.mf-submenu--grid {
display: none !important;
}
}
/* ========================================================================
MerchFuse v1.3.5 — mobile header, footer, no-green hardening
======================================================================== */
:root {
--mf-green: #111111 !important;
--mf-green-dk: #000000 !important;
--mf-sage: #8A8A8A !important;
--mf-sage-soft: #F7F7F5 !important;
--mf-success: #111111 !important;
}
.mf-skip-link {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0,0,0,0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.mf-skip-link:focus {
position: fixed !important;
top: 10px !important;
left: 10px !important;
width: auto !important;
height: auto !important;
padding: 10px 14px !important;
clip: auto !important;
z-index: 99999 !important;
background: #fff !important;
color: #111 !important;
border: 2px solid #111 !important;
}
@media (max-width: 1024px) {
.mf-header__inner {
display: grid !important;
grid-template-columns: 64px minmax(0, 1fr) 44px !important;
gap: 8px !important;
min-height: 62px !important;
padding: 8px 12px !important;
}
.mf-header__brand {
justify-self: start !important;
max-width: 64px !important;
min-width: 0 !important;
}
.mf-header .mf-logo,
.mf-header .mf-logo--image {
height: 48px !important;
max-width: 62px !important;
}
.mf-header .mf-logo img {
height: 48px !important;
max-width: 62px !important;
object-fit: contain !important;
object-position: left center !important;
}
.mf-mobile-search {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: 42px !important;
border-radius: 8px !important;
padding: 0 10px !important;
gap: 8px !important;
overflow: hidden !important;
}
.mf-mobile-search .mf-icon { width: 20px !important; height: 20px !important; }
.mf-mobile-search input {
font-size: 15px !important;
min-width: 0 !important;
width: 100% !important;
}
.mf-menu-toggle {
display: inline-grid !important;
place-items: center !important;
width: 42px !important;
height: 42px !important;
justify-self: end !important;
color: #ffffff !important;
visibility: visible !important;
opacity: 1 !important;
}
.mf-header__tools { display: none !important; }
.mf-header__nav {
inset: var(--mf-mobile-drawer-top, 78px) 0 0 0 !important;
top: var(--mf-mobile-drawer-top, 78px) !important;
}
.mf-mobile-nav-actions {
grid-template-columns: 1fr 1fr !important;
}
.mf-mobile-nav-actions a[href*="wishlist"],
.mf-mobile-nav-actions a[href*="cart"],
.mf-mobile-nav-actions a[href*="my-account"],
.mf-mobile-nav-actions a[href*="account"] { display: none !important; }
}
@media (max-width: 430px) {
.mf-header__inner { grid-template-columns: 58px minmax(0, 1fr) 40px !important; padding-inline: 8px !important; gap: 6px !important; }
.mf-header .mf-logo,
.mf-header .mf-logo--image,
.mf-header .mf-logo img { height: 44px !important; max-width: 56px !important; }
.mf-mobile-search { height: 40px !important; padding-inline: 8px !important; }
.mf-mobile-search input { font-size: 14px !important; }
.mf-menu-toggle { width: 38px !important; height: 40px !important; }
}
/* Footer: logo + text in one horizontal row on mobile, links centered below. */
@media (max-width: 760px) {
.mf-footer { padding: 34px 0 24px !important; margin-top: 28px !important; }
.mf-footer__grid {
grid-template-columns: 1fr !important;
gap: 24px !important;
text-align: center !important;
}
.mf-footer__brand {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 16px !important;
text-align: left !important;
max-width: 100% !important;
}
.mf-footer__brand .mf-logo,
.mf-footer__logo {
flex: 0 0 auto !important;
height: 64px !important;
max-height: 64px !important;
max-width: 74px !important;
width: auto !important;
}
.mf-footer__tagline {
margin: 0 !important;
max-width: 245px !important;
font-size: 14px !important;
line-height: 1.42 !important;
color: rgba(255,255,255,.74) !important;
}
.mf-footer-widget ul,
.mf-footer__nav {
display: grid !important;
justify-items: center !important;
text-align: center !important;
}
.mf-footer-widget li + li { margin-top: 12px !important; }
.mf-footer__bottom { justify-content: center !important; text-align: center !important; }
}
/* Remove legacy green tint surfaces from homepage/custom HTML blocks. */
.mf-feature__tag,
.mf-trust__icon,
.mf-trust__card,
.mf-size-pill,
.mf-spec-icon,
.mf-frame-step,
.mf-scroll-dots,
.mf-split-hero__kicker,
.mf-category-card,
.mf-live-cat,
[class*="mf-"][style*="45, 106, 79"] {
border-color: rgba(17,17,17,.16) !important;
}
.mf-feature__tag,
.mf-trust__icon,
.mf-size-pill,
.mf-spec-icon,
.mf-scroll-dots,
.mf-category-bottom,
.mf-product__summary .stock.in-stock {
background: #F7F7F5 !important;
color: #111111 !important;
}
.mf-feature__icon,
.mf-trust__icon svg,
.mf-spec-icon svg,
.mf-size-pill,
.mf-split-hero__kicker {
color: #111111 !important;
}
.mf-feature__tag::before { background: #EFEFEC !important; }
/* ========================================================================
MerchFuse v1.3.6 — mobile drawer + neutral polish
======================================================================== */
[hidden] { display: none !important; }
@media (max-width: 1024px) {
.mf-header__inner {
grid-template-columns: 58px minmax(0, 1fr) 44px !important;
min-height: 64px !important;
padding: 8px 10px !important;
gap: 8px !important;
}
.mf-header__brand { justify-self: start !important; max-width: 58px !important; }
.mf-header .mf-logo,
.mf-header .mf-logo--image,
.mf-header .mf-logo img { height: 46px !important; max-width: 58px !important; }
.mf-mobile-search {
height: 42px !important;
max-width: 100% !important;
border-radius: 9px !important;
padding: 0 10px !important;
cursor: text;
}
.mf-mobile-search input { font-size: 14px !important; pointer-events: none; }
.mf-menu-toggle { width: 42px !important; height: 42px !important; }
.mf-header__nav {
position: fixed !important;
left: 0 !important;
right: 0 !important;
top: var(--mf-mobile-drawer-top, 64px) !important;
bottom: 0 !important;
inset-inline: 0 !important;
width: 100vw !important;
max-width: none !important;
margin: 0 !important;
padding: 18px 18px calc(28px + env(safe-area-inset-bottom)) !important;
background: #111111 !important;
color: #ffffff !important;
transform: translateX(-100%) !important;
transition: transform 260ms ease, visibility 0s 260ms !important;
visibility: hidden !important;
overflow-y: auto !important;
overflow-x: hidden !important;
z-index: 2000000 !important;
box-shadow: none !important;
}
.mf-header__nav[data-open="true"] {
transform: translateX(0) !important;
visibility: visible !important;
transition: transform 260ms ease !important;
}
.mf-mobile-nav-head {
display: grid !important;
grid-template-columns: auto minmax(0, 1fr) 40px;
align-items: center;
gap: 12px;
margin: 0 0 16px !important;
padding: 0 0 14px !important;
border-bottom: 1px solid rgba(255,255,255,.16) !important;
color: rgba(255,255,255,.72) !important;
}
.mf-mobile-nav-head span:first-child { font-size: 12px; text-transform: uppercase; letter-spacing: .14em; font-weight: 800; }
.mf-mobile-nav-head span:nth-child(2) { color: #fff; font-size: 15px; font-weight: 800; text-align: right; }
.mf-mobile-nav-close {
display: grid;
place-items: center;
width: 38px;
height: 38px;
border: 1px solid rgba(255,255,255,.24);
border-radius: 999px;
background: transparent;
color: #fff;
font-size: 24px;
line-height: 1;
cursor: pointer;
}
.mf-nav { display: grid !important; gap: 0 !important; width: 100% !important; }
.mf-nav > li { border-bottom: 1px solid rgba(255,255,255,.13) !important; }
.mf-header .mf-nav a,
.mf-nav a {
display: flex !important;
align-items: center;
justify-content: space-between;
width: 100%;
color: #fff !important;
padding: 18px 0 !important;
font-size: 19px !important;
line-height: 1.2;
font-weight: 800 !important;
letter-spacing: -.01em !important;
text-transform: none !important;
}
.mf-nav .menu-item-has-children > a::after {
content: "+" !important;
border: 0 !important;
width: 30px !important;
height: 30px !important;
display: grid !important;
place-items: center;
transform: none !important;
color: rgba(255,255,255,.8) !important;
font-size: 28px !important;
line-height: 1 !important;
margin: 0 !important;
}
.mf-nav .menu-item-has-children[data-expanded="true"] > a::after { content: "−" !important; }
.mf-nav .sub-menu,
.mf-nav .sub-menu.mf-submenu--grid,
.mf-nav [data-submenu="grid"] .sub-menu {
position: static !important;
left: auto !important;
top: auto !important;
display: none !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
background: #1a1a1a !important;
border: 1px solid rgba(255,255,255,.12) !important;
border-radius: 14px !important;
box-shadow: none !important;
margin: 0 0 14px !important;
padding: 10px 14px !important;
}
.mf-nav .menu-item-has-children[data-expanded="true"] > .sub-menu { display: grid !important; grid-template-columns: 1fr !important; }
.mf-nav .menu-item-has-children[data-expanded="true"] > .sub-menu.mf-submenu--grid,
.mf-nav .menu-item-has-children[data-expanded="true"][data-submenu="grid"] > .sub-menu { grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 0 16px !important; }
.mf-header .mf-nav .sub-menu a,
.mf-nav .sub-menu a {
color: rgba(255,255,255,.78) !important;
padding: 10px 0 !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.25 !important;
}
.mf-mobile-nav-actions { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; }
.mf-mobile-nav-actions a { min-width: 0; white-space: normal; text-align: center; }
}
@media (max-width: 420px) {
.mf-header__inner { grid-template-columns: 54px minmax(0, 1fr) 40px !important; padding-inline: 8px !important; gap: 6px !important; }
.mf-header .mf-logo,
.mf-header .mf-logo--image,
.mf-header .mf-logo img { height: 42px !important; max-width: 54px !important; }
.mf-mobile-search { height: 40px !important; padding-inline: 9px !important; }
.mf-mobile-search input { font-size: 13px !important; }
.mf-nav .menu-item-has-children[data-expanded="true"] > .sub-menu.mf-submenu--grid,
.mf-nav .menu-item-has-children[data-expanded="true"][data-submenu="grid"] > .sub-menu { grid-template-columns: 1fr !important; }
}
@media (max-width: 1024px) { .mf-mobile-search input { pointer-events: auto !important; } }
/* ========================================================================
MerchFuse v1.3.8 — compact mobile header with wishlist/cart counters
======================================================================== */
.mf-mobile-tools { display: none; }
@media (max-width: 1024px) {
.mf-header__inner {
grid-template-columns: 54px minmax(118px, 1fr) auto 40px !important;
gap: 8px !important;
min-height: 62px !important;
padding: 8px 10px !important;
}
.mf-header__brand { max-width: 54px !important; }
.mf-header .mf-logo,
.mf-header .mf-logo--image,
.mf-header .mf-logo img { height: 44px !important; max-width: 54px !important; }
.mf-mobile-search {
height: 38px !important;
border-radius: 8px !important;
padding: 0 8px !important;
gap: 7px !important;
}
.mf-mobile-search .mf-icon { width: 18px !important; height: 18px !important; }
.mf-mobile-search input { font-size: 13.5px !important; letter-spacing: 0 !important; }
.mf-mobile-tools {
order: 3;
display: flex !important;
align-items: center;
justify-content: flex-end;
gap: 4px;
min-width: 70px;
}
.mf-mobile-tools .mf-icon-btn {
display: inline-grid !important;
place-items: center;
width: 34px !important;
height: 38px !important;
color: #ffffff !important;
background: transparent !important;
}
.mf-mobile-tools .mf-icon { width: 21px !important; height: 21px !important; }
.mf-mobile-tools .mf-cart-count,
.mf-mobile-tools .mf-wishlist-count {
top: 1px !important;
right: -1px !important;
min-width: 17px !important;
height: 17px !important;
line-height: 16px !important;
padding: 0 5px !important;
background: #fff !important;
color: #111 !important;
border: 1px solid rgba(17,17,17,.14) !important;
font-size: 10px !important;
}
.mf-menu-toggle {
order: 4 !important;
width: 38px !important;
height: 38px !important;
}
.mf-header__tools { display: none !important; }
}
@media (max-width: 390px) {
.mf-header__inner {
grid-template-columns: 48px minmax(96px, 1fr) auto 36px !important;
gap: 5px !important;
padding-inline: 7px !important;
}
.mf-header .mf-logo,
.mf-header .mf-logo--image,
.mf-header .mf-logo img { height: 40px !important; max-width: 48px !important; }
.mf-mobile-search { height: 36px !important; padding-inline: 7px !important; }
.mf-mobile-search input { font-size: 12.5px !important; }
.mf-mobile-tools { gap: 2px; min-width: 62px; }
.mf-mobile-tools .mf-icon-btn { width: 30px !important; height: 36px !important; }
.mf-menu-toggle { width: 34px !important; height: 36px !important; }
}
/* MerchFuse v1.4.6 — final CWV/accessibility polish */
.mf-footer a,.mf-footer-widget a,.mf-footer__tagline,.mf-footer__bottom{color:#CFCFCF!important}.mf-footer a:hover,.mf-footer-widget a:hover{color:#FFFFFF!important}.mf-footer-widget a{min-height:32px;display:inline-flex;align-items:center}.mf-footer-widget__title{color:#FFFFFF!important}@media(max-width:760px){.mf-footer-widget a,.mf-footer__nav a{min-height:44px;align-items:center;justify-content:center}.mf-footer__social a{min-width:44px;min-height:44px}}
/* ==========================================================================
MerchFuse v1.4.2 final re-analysis patch: compact search, fast suggestions,
proportionate wishlist, pagination, reviews, education and mobile polish.
========================================================================== */
.mf-search-overlay{z-index:999999!important}
.mf-search-overlay__panel{width:min(720px,calc(100vw - 24px))!important;min-height:0!important;max-height:calc(100dvh - 24px)!important;overflow:visible!important;padding:12px!important;border-radius:22px!important}
.mf-search-overlay__form{min-height:50px!important;height:50px!important;border-radius:16px!important;display:flex!important;align-items:center!important;padding:0 8px 0 14px!important;gap:8px!important;background:#fff!important;box-shadow:0 10px 38px rgba(17,17,17,.08)!important}
.mf-search-overlay__form input[name="s"]{height:48px!important;font-size:clamp(16px,3.8vw,22px)!important;min-width:0!important;text-overflow:ellipsis!important;line-height:1.1!important}
.mf-search-overlay__submit{display:none!important}.mf-search-overlay__close{width:38px!important;height:38px!important;flex:0 0 38px!important;font-size:28px!important;border-radius:999px!important}
.mf-search-suggestions{min-height:0!important;max-height:min(64vh,620px)!important;overflow:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;border-radius:18px!important;background:#fff!important;margin-top:10px!important;padding:0!important}
.mf-search-suggestions__hint{padding:12px 14px 2px!important;color:#777!important;font-size:13px!important;text-align:center!important}
.mf-search-suggestions__quick{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;padding:12px!important;align-items:stretch!important}
.mf-search-suggestions__quick a{min-width:0!important;min-height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;line-height:1.1!important;padding:9px 10px!important;border-radius:999px!important;letter-spacing:.06em!important}
.mf-search-suggestions__item{grid-template-columns:58px minmax(0,1fr) auto!important;gap:12px!important;min-height:82px!important;padding:12px!important}
.mf-search-suggestions__meta strong{white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
@media(max-width:640px){.mf-search-overlay__panel{width:calc(100vw - 20px)!important;top:8px!important}.mf-search-overlay__form{height:48px!important;min-height:48px!important;border-radius:15px!important}.mf-search-suggestions{max-height:calc(100dvh - 104px)!important}.mf-search-suggestions__quick{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.mf-search-suggestions__quick a{font-size:11px!important;min-height:40px!important;padding:9px 8px!important}.mf-search-suggestions__item{grid-template-columns:52px minmax(0,1fr)!important}.mf-search-suggestions__price,.mf-search-suggestions__pill{grid-column:2!important;justify-self:start!important}}
@media(max-width:390px){.mf-search-suggestions__quick{grid-template-columns:1fr!important}.mf-search-suggestions__quick a{min-height:38px!important}.mf-search-overlay__form input[name="s"]{font-size:15px!important}.mf-mobile-search input{font-size:13px!important}.mf-header__inner{grid-template-columns:48px minmax(88px,1fr) auto 36px!important}}
.mf-shop-pagination,.woocommerce-pagination{display:flex!important;justify-content:center!important;align-items:center!important;margin:clamp(28px,5vw,56px) 0!important;clear:both!important}
.mf-shop-pagination .page-numbers,.woocommerce-pagination .page-numbers{display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important;justify-content:center!important;list-style:none!important;margin:0!important;padding:0!important}
.mf-shop-pagination a.page-numbers,.mf-shop-pagination span.page-numbers,.woocommerce-pagination a.page-numbers,.woocommerce-pagination span.page-numbers,.mf-shop-pagination .page-numbers a,.woocommerce-pagination .page-numbers a{min-width:42px!important;height:42px!important;padding:0 12px!important;border:1px solid rgba(17,17,17,.18)!important;border-radius:999px!important;display:inline-grid!important;place-items:center!important;text-decoration:none!important;color:#111!important;background:#fff!important;font-weight:800!important}
.mf-shop-pagination .current,.woocommerce-pagination .current{background:#111!important;color:#fff!important;border-color:#111!important}.mf-shop-pagination .prev,.mf-shop-pagination .next,.woocommerce-pagination .prev,.woocommerce-pagination .next{min-width:96px!important}
.mf-wishlist-count,.mf-cart-count{position:absolute!important;top:-5px!important;right:-5px!important;min-width:16px!important;height:16px!important;padding:0 4px!important;font-size:9px!important;line-height:15px!important;border-radius:999px!important;background:#fff!important;color:#111!important;border:1px solid #111!important;font-weight:900!important;text-align:center!important;box-shadow:0 2px 8px rgba(0,0,0,.18)!important}.mf-icon-btn{position:relative!important}.mf-mobile-tools .mf-wishlist-count,.mf-mobile-tools .mf-cart-count{top:2px!important;right:-3px!important;min-width:14px!important;height:14px!important;font-size:8px!important;line-height:13px!important}.mf-icon-btn.is-wishlist-pulse svg,.mf-wishlist-btn.is-heart-pop svg{animation:mfHeartPop .62s ease both!important;color:#d91f32!important;stroke:#d91f32!important}.mf-icon-btn.has-wishlist-items svg{transition:color .2s ease,stroke .2s ease}.mf-icon-btn.has-wishlist-items.is-wishlist-pulse{animation:mfHeaderHeart 1.35s ease both!important}@keyframes mfHeartPop{0%{transform:scale(1)}35%{transform:scale(1.26)}70%{transform:scale(.94)}100%{transform:scale(1)}}@keyframes mfHeaderHeart{0%,100%{filter:none}35%{filter:drop-shadow(0 0 12px rgba(217,31,50,.38))}}
.mf-product__variation-row .mf-label{text-transform:uppercase!important}.mf-product__variation-row .mf-label[data-label="sized"]{font-size:0!important}.mf-product__variation-row .mf-label[data-label="sized"]:after{content:"SIZE";font-size:14px!important;letter-spacing:.12em!important}.mf-product-confidence a{cursor:pointer!important;text-decoration:none!important}.mf-product-confidence a:focus-visible{outline:3px solid #111!important;outline-offset:3px!important}
.mf-reviews{padding-top:clamp(20px,4vw,40px)!important}.mf-reviews__proof{display:grid!important;gap:clamp(16px,3vw,26px)!important;margin-bottom:clamp(22px,4vw,42px)!important}.mf-reviews__photos{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;overflow:visible!important;background:transparent!important;padding:0!important}.mf-reviews__photos img{width:100%!important;height:auto!important;aspect-ratio:4/3!important;object-fit:cover!important;border-radius:14px!important;background:#f5f5f3!important;display:block!important;box-shadow:none!important}.mf-reviews__form-card{background:#f8f8f6!important;border:1px solid rgba(17,17,17,.08)!important;border-radius:18px!important;padding:clamp(18px,3vw,34px)!important}.comment-form-rating select{width:100%!important;max-width:360px!important;height:48px!important;border-radius:10px!important;border:1px solid rgba(17,17,17,.22)!important;padding:0 12px!important;background:#fff!important}.comment-form-rating .stars{font-size:0!important}@media(max-width:860px){.mf-reviews__photos{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mf-reviews__grid{grid-template-columns:1fr!important}}
.mf-education__section--quality .mf-education__eyebrow,.mf-education__eyebrow{font-weight:950!important;color:#fff!important;letter-spacing:.17em!important;opacity:1!important}.mf-rp-section{margin-top:clamp(24px,4vw,44px)!important;padding-top:clamp(22px,4vw,40px)!important;border-top:1px solid rgba(17,17,17,.12)!important}.mf-rp-card{position:relative!important}.mf-rp-wishlist{position:absolute!important;top:12px!important;right:12px!important;z-index:5!important;background:#fff!important}
/* ==== MerchFuse v1.4.6 final fixes: contrast, search visibility, thumbnails, footer headings ==== */
.mf-footer,.mf-footer p,.mf-footer li,.mf-footer span,.mf-footer__tagline,.mf-footer__bottom{color:#F2F2F2!important;opacity:1!important}.mf-footer a,.mf-footer-widget a,.mf-footer__nav a{color:#F5F5F5!important;text-decoration:none!important}.mf-footer a:hover,.mf-footer-widget a:hover,.mf-footer__nav a:hover{color:#FFFFFF!important;text-decoration:underline!important}.mf-footer h2.wp-block-heading,.mf-footer h3,.mf-footer h4,.mf-footer-widget__title{color:#FFFFFF!important;font-weight:850!important;letter-spacing:.12em!important;text-transform:uppercase!important}.mf-home-confidence,.mf-home-confidence *{color:#111111!important}.mf-home-confidence a,.mf-home-confidence__inner a,.mf-home-confidence .wp-block-list a{color:#111111!important;background:#FFFFFF!important;border-color:rgba(17,17,17,.22)!important;min-height:46px!important;padding:10px 14px!important}.mf-home-confidence a:hover{background:#111111!important;color:#FFFFFF!important}.mf-vintage__viewall,.mf-photo__viewall{min-width:48px!important;min-height:48px!important;padding:12px 16px!important;color:#111!important;background:#fff!important;border:1px solid rgba(17,17,17,.18)!important}.mf-education__section--size .mf-education__eyebrow,.mf-education__section--frame .mf-education__eyebrow,.mf-education__section:not(.mf-education__section--quality) .mf-education__eyebrow{color:#111111!important;background:#FFFFFF!important;border:1px solid rgba(17,17,17,.18)!important;text-shadow:none!important;opacity:1!important}.mf-education__section--quality .mf-education__eyebrow{color:#FFFFFF!important;background:transparent!important;text-shadow:0 1px 1px rgba(0,0,0,.4)!important;opacity:1!important}.wp-block-heading.has-white-color,.has-white-color{color:#FFFFFF!important}.mf-search-overlay{position:fixed!important;inset:0!important;z-index:99997!important}.mf-header{position:relative!important;z-index:100000!important}.mf-search-overlay__backdrop{top:var(--mf-search-top,112px)!important;background:rgba(17,17,17,.72)!important}.mf-search-overlay__panel{position:fixed!important;top:var(--mf-search-top,112px)!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:min(880px,calc(100vw - 36px))!important;max-height:calc(100dvh - var(--mf-search-top,112px) - 18px)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:14px!important;border-radius:22px!important;background:#fff!important;box-shadow:0 24px 80px rgba(0,0,0,.38)!important}.mf-search-overlay__form{height:56px!important;min-height:56px!important;display:flex!important;align-items:center!important;flex:0 0 auto!important;border:2px solid #111!important;border-radius:16px!important;background:#fff!important;overflow:hidden!important}.mf-search-overlay__form input[name="s"]{display:block!important;min-width:0!important;width:100%!important;height:54px!important;line-height:54px!important;color:#111!important;background:transparent!important;opacity:1!important;visibility:visible!important;font-size:20px!important}.mf-search-suggestions{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;background:#fff!important}.mf-search-suggestions__quick{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}.mf-search-suggestions__quick a{min-width:0!important;white-space:normal!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.1!important}.mf-gallery__thumb-img{width:72px!important;height:72px!important;object-fit:cover!important}.mf-product-card__img,.mf-rp-img{image-rendering:auto!important}@media(max-width:782px){.mf-search-overlay__backdrop{top:var(--mf-search-top,82px)!important}.mf-search-overlay__panel{top:var(--mf-search-top,82px)!important;width:calc(100vw - 18px)!important;max-height:calc(100dvh - var(--mf-search-top,82px) - 12px)!important;padding:10px!important;border-radius:18px!important}.mf-search-overlay__form{height:50px!important;min-height:50px!important}.mf-search-overlay__form input[name="s"]{height:48px!important;line-height:48px!important;font-size:16px!important}.mf-search-suggestions__quick{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.mf-search-suggestions__quick a{font-size:11px!important;letter-spacing:.04em!important;min-height:40px!important;padding:8px 6px!important}.mf-vintage__viewall,.mf-photo__viewall{min-width:48px!important;min-height:48px!important}}
/* ==== MerchFuse v1.4.6 hardening: final black header/footer + non-heading footer titles ==== */
:root {
--mf-black: #0D0D0D;
--mf-black-soft: #111111;
--mf-obsidian: #1A1A1A;
--mf-charcoal: #262626;
--mf-snow: #FAFAFA;
--mf-line: #E5E5E5;
--mf-muted: #666666;
--mf-footer-text: #CCCCCC;
--mf-gold: #ff332b;
--mf-dark: #0D0D0D;
--mf-green: #0D0D0D;
--mf-green-dk: #000000;
}
.mf-header,
.mf-header[data-sticky="true"],
.mf-header[data-sticky="false"] {
background: var(--mf-black) !important;
color: #FFFFFF !important;
border-bottom: 1px solid rgba(255,255,255,.10) !important;
}
.mf-header .mf-logo,
.mf-header .mf-logo--text,
.mf-header .mf-nav > li > a,
.mf-header .mf-icon-btn,
.mf-header .mf-menu-toggle {
color: #FFFFFF !important;
}
.mf-header .mf-nav > li > a:hover,
.mf-header .mf-nav > li.current-menu-item > a,
.mf-header .mf-icon-btn:hover {
color: var(--mf-gold) !important;
}
.mf-header .mf-menu-toggle__bar,
.mf-header .mf-menu-toggle__bar::before,
.mf-header .mf-menu-toggle__bar::after {
background: #FFFFFF !important;
}
.mf-header .mf-cart-count,
.mf-header .mf-wishlist-count {
background: #FFFFFF !important;
color: #111111 !important;
border-color: rgba(255,255,255,.35) !important;
}
.mf-footer {
background: var(--mf-black) !important;
color: var(--mf-footer-text) !important;
}
.mf-footer-widget__title {
display: block;
margin: 0 0 14px;
color: #FFFFFF !important;
font-weight: 850 !important;
letter-spacing: .12em !important;
text-transform: uppercase !important;
line-height: 1.25;
}
.mf-footer a:hover { color: var(--mf-gold) !important; }
/* ==== components.css ==== */
/* ========================================================================
MerchFuse — Components
========================================================================
Reusable UI primitives. Buttons, forms, badges, alerts, cards.
------------------------------------------------------------------------ */
/* ===================================================================
BUTTONS
=================================================================== */
.mf-btn {
--_bg: var(--mf-dark);
--_fg: var(--mf-cream);
--_bg-h: var(--mf-dark-hover);
display: inline-flex;
align-items: center;
justify-content: center;
gap: var(--mf-space-2);
padding: 14px 28px;
font-family: var(--mf-font-body);
font-size: var(--mf-text-sm);
font-weight: var(--mf-fw-semibold);
letter-spacing: var(--mf-ls-wide);
text-transform: uppercase;
line-height: 1;
color: var(--_fg);
background: var(--_bg);
border: 1px solid var(--_bg);
border-radius: var(--mf-radius-sm);
cursor: pointer;
user-select: none;
text-decoration: none;
transition: background var(--mf-dur-fast) var(--mf-ease), border-color var(--mf-dur-fast) var(--mf-ease), color var(--mf-dur-fast) var(--mf-ease), transform var(--mf-dur-fast) var(--mf-ease);
}
.mf-btn:hover {
background: var(--_bg-h);
border-color: var(--_bg-h);
color: var(--_fg);
text-decoration: none;
transform: translateY(-1px);
}
.mf-btn:active { transform: translateY(0); }
.mf-btn[disabled], .mf-btn.is-disabled {
opacity: 0.55;
cursor: not-allowed;
pointer-events: none;
}
/* ===================================================================
SEARCH OVERLAY (Bug #4 fix — header search now opens a real drawer)
=================================================================== */
.mf-search-overlay {
position: fixed;
inset: 0;
z-index: var(--mf-z-modal);
opacity: 0;
visibility: hidden;
transition: opacity var(--mf-dur-fast) var(--mf-ease), visibility 0s var(--mf-dur-fast);
}
.mf-search-overlay[data-open="true"] {
opacity: 1;
visibility: visible;
transition: opacity var(--mf-dur-fast) var(--mf-ease);
}
.mf-search-overlay__backdrop {
position: absolute;
inset: 0;
background: rgba(17,17,17,0.4);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
}
.mf-search-overlay__panel {
position: absolute;
top: 0; left: 0; right: 0;
background: var(--mf-white);
padding: var(--mf-space-7) var(--mf-gutter);
transform: translateY(-100%);
transition: transform var(--mf-dur-normal) var(--mf-ease);
box-shadow: var(--mf-shadow-lg);
}
.mf-search-overlay[data-open="true"] .mf-search-overlay__panel {
transform: translateY(0);
}
.mf-search-overlay__form {
max-width: var(--mf-container-narrow);
margin: 0 auto;
display: flex;
align-items: center;
gap: var(--mf-space-3);
border-bottom: 2px solid var(--mf-ink);
padding-bottom: var(--mf-space-3);
}
.mf-search-overlay__form input[name="s"] {
flex: 1;
border: 0;
background: transparent;
font-family: var(--mf-font-body);
font-size: clamp(18px, 3vw, 24px);
font-weight: var(--mf-fw-regular);
padding: var(--mf-space-3) 0;
color: var(--mf-ink);
outline: none;
letter-spacing: var(--mf-ls-tight);
}
.mf-search-overlay__form input[name="s"]::placeholder {
color: var(--mf-muted-2);
}
.mf-search-overlay__form button {
background: transparent;
border: 0;
cursor: pointer;
padding: var(--mf-space-2);
color: var(--mf-ink);
display: inline-flex;
align-items: center;
justify-content: center;
}
.mf-search-overlay__form button:hover { color: var(--mf-muted); }
/* ===================================================================
WISHLIST COUNT BADGE (Bug #4 fix)
=================================================================== */
.mf-icon-btn { position: relative; }
.mf-wishlist-count,
.mf-cart-count {
position: absolute;
top: -4px;
right: -6px;
min-width: 18px;
height: 18px;
padding: 0 5px;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 10px;
font-weight: var(--mf-fw-semibold);
color: var(--mf-white);
background: var(--mf-ink);
border-radius: 999px;
line-height: 1;
font-family: var(--mf-font-body);
font-feature-settings: "tnum";
border: 2px solid var(--mf-white);
box-sizing: content-box;
}
.mf-cart-count[data-count="0"] { display: none; }
/* ===================================================================
MENU TOGGLE (hamburger) — Gallery White minimal look
=================================================================== */
.mf-menu-toggle {
display: none;
width: 40px;
height: 40px;
border: 0;
background: transparent;
cursor: pointer;
padding: 0;
position: relative;
align-items: center;
justify-content: center;
color: var(--mf-ink);
-webkit-tap-highlight-color: transparent;
}
.mf-menu-toggle__bar,
.mf-menu-toggle__bar::before,
.mf-menu-toggle__bar::after {
content: "";
display: block;
position: absolute;
width: 22px;
height: 1.5px;
background: currentColor;
transition: transform var(--mf-dur-fast) var(--mf-ease), top var(--mf-dur-fast) var(--mf-ease), opacity var(--mf-dur-fast) var(--mf-ease);
left: 50%;
margin-left: -11px;
}
.mf-menu-toggle__bar { top: 50%; margin-top: -1px; }
.mf-menu-toggle__bar::before { top: -7px; }
.mf-menu-toggle__bar::after { top: 7px; }
.mf-menu-toggle[aria-expanded="true"] .mf-menu-toggle__bar { background: transparent; }
.mf-menu-toggle[aria-expanded="true"] .mf-menu-toggle__bar::before {
top: 0; transform: rotate(45deg);
}
.mf-menu-toggle[aria-expanded="true"] .mf-menu-toggle__bar::after {
top: 0; transform: rotate(-45deg);
}
/* ===================================================================
ICON BUTTONS (header tools)
=================================================================== */
.mf-icon-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border: 0;
background: transparent;
cursor: pointer;
color: var(--mf-ink);
transition: color var(--mf-dur-fast) var(--mf-ease);
text-decoration: none;
padding: 0;
-webkit-tap-highlight-color: transparent;
}
.mf-icon-btn:hover { color: var(--mf-muted); }
/* Wishlist button active (hearted) state */
.mf-wishlist-btn[data-active="true"],
.mf-wishlist-btn[aria-pressed="true"] {
color: var(--mf-accent);
}
.mf-wishlist-btn[data-active="true"] .mf-icon,
.mf-wishlist-btn[aria-pressed="true"] .mf-icon {
fill: currentColor;
stroke: currentColor;
}
.mf-wishlist-btn {
transition: color var(--mf-dur-fast) var(--mf-ease), transform var(--mf-dur-fast) var(--mf-ease);
}
.mf-wishlist-btn:active { transform: scale(0.92); }
/* ===================================================================
CUSTOM HTML BLOCK WRAPPERS (v1.2 — per-product + per-category)
Minimal wrappers around user-pasted raw HTML. Width-constrained to
the container, everything else is user-controlled.
=================================================================== */
.mf-product-html,
.mf-term-html,
.mf-html-block {
margin: var(--mf-space-5) 0;
max-width: 100%;
overflow-x: auto;
}
.mf-product-html--1 { margin: 0 0 var(--mf-space-4); }
.mf-product-html--2 { margin: var(--mf-space-4) 0; }
.mf-product-html--3 { margin: var(--mf-space-7) 0; }
.mf-term-html--1 { margin: 0 0 var(--mf-space-5); }
.mf-term-html--2 { margin: var(--mf-space-5) 0; }
.mf-term-html--3 { margin: var(--mf-space-7) 0 0; }
/* User HTML content: don't force inherit font weights etc — let pasted
CSS win. Only intervention: image responsiveness as a safety net. */
.mf-product-html img,
.mf-term-html img,
.mf-html-block img {
max-width: 100%;
height: auto;
}
/* Button variants */
.mf-btn--primary {
--_bg: var(--mf-dark);
--_fg: var(--mf-cream);
--_bg-h: var(--mf-dark-hover);
}
.mf-btn--accent {
--_bg: var(--mf-green);
--_fg: var(--mf-cream);
--_bg-h: var(--mf-green-dk);
}
.mf-btn--outline {
--_bg: transparent;
--_fg: var(--mf-dark);
--_bg-h: var(--mf-dark);
border-color: var(--mf-dark);
}
.mf-btn--outline:hover { color: var(--mf-cream); }
.mf-btn--ghost {
--_bg: transparent;
--_fg: var(--mf-dark);
--_bg-h: var(--mf-sage-soft);
border-color: transparent;
}
.mf-btn--ghost:hover {
color: var(--mf-dark);
border-color: transparent;
}
.mf-btn--inverse {
--_bg: var(--mf-cream);
--_fg: var(--mf-dark);
--_bg-h: var(--mf-white);
border-color: var(--mf-cream);
}
.mf-btn--link {
--_bg: transparent;
--_fg: var(--mf-green);
--_bg-h: transparent;
padding: 0;
border: 0;
text-decoration: underline;
text-transform: none;
letter-spacing: 0;
font-weight: var(--mf-fw-medium);
}
.mf-btn--link:hover { color: var(--mf-green-dk); transform: none; }
/* Button sizes */
.mf-btn--sm { padding: 10px 18px; font-size: 12px; }
.mf-btn--lg { padding: 18px 36px; font-size: 15px; }
.mf-btn--full { width: 100%; }
/* ===================================================================
FORMS
=================================================================== */
.mf-input,
.mf-textarea,
.mf-select,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="number"],
textarea,
select {
width: 100%;
padding: 12px 14px;
font-family: var(--mf-font-body);
font-size: var(--mf-text-sm);
line-height: 1.4;
color: var(--mf-dark);
background: var(--mf-white);
border: 1px solid var(--mf-border-dk);
border-radius: var(--mf-radius-sm);
transition: border-color var(--mf-dur-fast) var(--mf-ease), box-shadow var(--mf-dur-fast) var(--mf-ease);
-webkit-appearance: none;
appearance: none;
}
.mf-input:focus,
.mf-textarea:focus,
.mf-select:focus,
input:focus,
textarea:focus,
select:focus {
outline: none;
border-color: var(--mf-green);
box-shadow: var(--mf-shadow-ring);
}
.mf-textarea, textarea { min-height: 120px; resize: vertical; line-height: var(--mf-lh-normal); }
.mf-select, select {
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='%231A2420' 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: 40px;
}
.mf-field {
display: flex;
flex-direction: column;
gap: var(--mf-space-2);
margin-bottom: var(--mf-space-4);
}
.mf-label {
font-size: var(--mf-text-xs);
font-weight: var(--mf-fw-semibold);
letter-spacing: var(--mf-ls-wide);
text-transform: uppercase;
color: var(--mf-dark);
}
.mf-field__hint {
font-size: var(--mf-text-xs);
color: var(--mf-muted);
}
.mf-field__error {
font-size: var(--mf-text-xs);
color: var(--mf-error);
}
/* Checkbox / Radio */
.mf-checkbox, .mf-radio {
display: inline-flex;
align-items: center;
gap: var(--mf-space-2);
cursor: pointer;
font-size: var(--mf-text-sm);
}
.mf-checkbox input, .mf-radio input {
width: 18px; height: 18px;
accent-color: var(--mf-green);
cursor: pointer;
}
/* ===================================================================
BADGES / PILLS
=================================================================== */
.mf-badge {
display: inline-flex;
align-items: center;
gap: 4px;
padding: 4px 10px;
font-size: 11px;
font-weight: var(--mf-fw-semibold);
letter-spacing: var(--mf-ls-wide);
text-transform: uppercase;
color: var(--mf-cream);
background: var(--mf-dark);
border-radius: var(--mf-radius-pill);
line-height: 1;
}
.mf-badge--new { background: var(--mf-green); }
.mf-badge--sale { background: var(--mf-error); }
.mf-badge--soldout{ background: var(--mf-muted); }
.mf-badge--sage { background: var(--mf-sage); color: var(--mf-dark); }
.mf-badge--ghost { background: var(--mf-white); color: var(--mf-dark); border: 1px solid var(--mf-border-dk); }
/* ===================================================================
ALERTS / NOTICES
=================================================================== */
.mf-alert {
padding: var(--mf-space-4) var(--mf-space-5);
border-radius: var(--mf-radius);
border: 1px solid;
display: flex;
gap: var(--mf-space-3);
align-items: flex-start;
font-size: var(--mf-text-sm);
line-height: var(--mf-lh-snug);
margin-bottom: var(--mf-space-4);
}
.mf-alert--info { background: var(--mf-sage-soft); border-color: var(--mf-sage); color: var(--mf-dark); }
.mf-alert--success { background: var(--mf-sage-soft); border-color: var(--mf-green); color: var(--mf-green-dk); }
.mf-alert--error { background: var(--mf-error-bg); border-color: var(--mf-error); color: var(--mf-error); }
.mf-alert__icon { flex-shrink: 0; width: 20px; height: 20px; margin-top: 1px; }
/* ===================================================================
CARDS
=================================================================== */
.mf-card {
background: var(--mf-white);
border: 1px solid var(--mf-border);
border-radius: var(--mf-radius);
overflow: hidden;
transition: box-shadow var(--mf-dur-base) var(--mf-ease), transform var(--mf-dur-base) var(--mf-ease);
}
.mf-card:hover {
box-shadow: var(--mf-shadow-md);
transform: translateY(-2px);
}
.mf-card__media { aspect-ratio: 1/1; overflow: hidden; background: var(--mf-sage-soft); }
.mf-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--mf-dur-slow) var(--mf-ease); }
.mf-card:hover .mf-card__media img { transform: scale(1.04); }
.mf-card__body { padding: var(--mf-space-4); }
/* ===================================================================
SECTION HEADERS
=================================================================== */
.mf-section-head {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: var(--mf-space-5);
margin-bottom: var(--mf-space-6);
padding-bottom: var(--mf-space-4);
border-bottom: 1px solid var(--mf-border);
}
.mf-section-head__eyebrow {
display: block;
font-size: var(--mf-text-xs);
font-weight: var(--mf-fw-semibold);
letter-spacing: var(--mf-ls-widest);
text-transform: uppercase;
color: var(--mf-green);
margin-bottom: var(--mf-space-2);
}
.mf-section-head__title {
font-size: var(--mf-text-2xl);
line-height: var(--mf-lh-tight);
}
.mf-section-head__more {
flex-shrink: 0;
font-size: var(--mf-text-sm);
font-weight: var(--mf-fw-medium);
color: var(--mf-dark);
border-bottom: 1px solid currentColor;
padding-bottom: 2px;
text-decoration: none;
}
.mf-section-head__more:hover { color: var(--mf-green-dk); text-decoration: none; }
@media (max-width: 640px) {
.mf-section-head { flex-direction: column; align-items: flex-start; gap: var(--mf-space-3); }
}
/* ===================================================================
SEARCH FORM
=================================================================== */
.mf-search-form { position: relative; max-width: 560px; margin: 0 auto; }
.mf-search-form input {
padding: 14px 48px 14px 16px;
font-size: var(--mf-text-base);
border-radius: var(--mf-radius-pill);
border: 1px solid var(--mf-border-dk);
background: var(--mf-white);
}
.mf-search-form button {
position: absolute;
top: 50%; right: 6px;
transform: translateY(-50%);
width: 40px; height: 40px;
background: var(--mf-dark);
color: var(--mf-cream);
border: 0;
border-radius: var(--mf-radius-pill);
cursor: pointer;
display: grid; place-items: center;
}
.mf-search-form button:hover { background: var(--mf-green-dk); }
.mf-search-form button .mf-icon { width: 16px; height: 16px; }
/* ===================================================================
LOADING STATES
=================================================================== */
.mf-skeleton {
background: linear-gradient(90deg, var(--mf-border) 0%, var(--mf-sage-soft) 50%, var(--mf-border) 100%);
background-size: 200% 100%;
animation: mf-shimmer 1.6s linear infinite;
border-radius: var(--mf-radius-sm);
}
@keyframes mf-shimmer {
0% { background-position: 200% 0; }
100% { background-position: -200% 0; }
}
/* ===================================================================
UTILITY CLASSES (small set — not a framework)
=================================================================== */
.mf-u-hidden { display: none !important; }
.mf-u-hidden-mobile { }
.mf-u-hidden-desktop { }
@media (max-width: 768px) { .mf-u-hidden-mobile { display: none !important; } }
@media (min-width: 769px) { .mf-u-hidden-desktop { display: none !important; } }
.mf-u-text-center { text-align: center; }
.mf-u-mt-0 { margin-top: 0 !important; }
.mf-u-mb-0 { margin-bottom: 0 !important; }
.mf-u-stack > * + * { margin-top: var(--mf-space-4); }
.mf-u-stack-lg > * + * { margin-top: var(--mf-space-6); }
/* v1.3 search overlay hardening */
.mf-search-overlay { z-index: var(--mf-z-top, 9999); }
.mf-search-overlay__panel { max-width: 100vw; }
@media (max-width: 640px) {
.mf-search-overlay__panel { padding: var(--mf-space-5) var(--mf-gutter); }
.mf-search-overlay__form { gap: var(--mf-space-2); }
}
/* Homepage HTML canvas slots */
.mf-home-canvas { width: 100%; min-height: 1px; overflow-x: clip; }
.mf-home-editor,
.mf-home-html { width: 100%; max-width: 100%; overflow-x: clip; }
.mf-home-html img,
.mf-home-editor img { max-width: 100%; height: auto; }
.mf-home-html iframe,
.mf-home-editor iframe { max-width: 100%; }
/* ========================================================================
MerchFuse v1.3.6 — search overlay + suggestions hardening
======================================================================== */
[hidden] { display: none !important; }
.mf-search-overlay {
position: fixed !important;
inset: 0 !important;
z-index: 3000000 !important;
}
.mf-search-overlay__backdrop {
background: rgba(17,17,17,.62) !important;
backdrop-filter: blur(7px);
-webkit-backdrop-filter: blur(7px);
}
.mf-search-overlay__panel {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
width: 100vw !important;
max-width: none !important;
background: #ffffff !important;
padding: clamp(18px, 3vw, 38px) var(--mf-gutter) clamp(18px, 3vw, 34px) !important;
box-shadow: 0 24px 80px rgba(0,0,0,.24) !important;
}
body.admin-bar .mf-search-overlay__panel { top: 32px !important; }
.mf-search-overlay__form {
max-width: min(980px, calc(100vw - 32px)) !important;
min-height: 58px;
border: 1px solid #111111 !important;
border-radius: 999px;
padding: 0 12px 0 18px !important;
gap: 14px !important;
background: #fff;
}
.mf-search-overlay__form > .mf-icon { flex: 0 0 auto; }
.mf-search-overlay__form input[name="s"] {
min-width: 0;
padding: 0 !important;
height: 56px;
font-size: clamp(17px, 2vw, 24px) !important;
}
.mf-search-overlay__submit {
min-width: 84px;
height: 40px;
padding: 0 18px !important;
border-radius: 999px !important;
background: #111 !important;
color: #fff !important;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .08em;
font-size: 12px;
}
.mf-search-overlay__close {
width: 42px !important;
height: 42px !important;
border-radius: 999px !important;
font-size: 30px !important;
line-height: 1 !important;
}
.mf-search-suggestions {
max-width: min(980px, calc(100vw - 32px));
margin: 18px auto 0;
background: #fff;
border: 1px solid rgba(17,17,17,.12);
border-radius: 18px;
box-shadow: 0 20px 60px rgba(0,0,0,.12);
overflow: hidden;
}
.mf-search-suggestions__item {
display: grid;
grid-template-columns: 64px minmax(0, 1fr) auto;
gap: 14px;
align-items: center;
min-height: 78px;
padding: 12px 16px;
color: #111;
text-decoration: none;
border-bottom: 1px solid rgba(17,17,17,.08);
}
.mf-search-suggestions__item:last-child { border-bottom: 0; }
.mf-search-suggestions__item:hover { background: #F7F7F5; text-decoration: none; }
.mf-search-suggestions__thumb {
width: 64px;
height: 64px;
border-radius: 10px;
background: #F1F1EF;
display: block;
overflow: hidden;
}
.mf-search-suggestions__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mf-search-suggestions__meta { min-width: 0; display: grid; gap: 4px; }
.mf-search-suggestions__meta strong { font-size: 15px; line-height: 1.25; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mf-search-suggestions__meta small { font-size: 12px; color: #707070; text-transform: uppercase; letter-spacing: .08em; }
.mf-search-suggestions__price { font-weight: 800; white-space: nowrap; }
.mf-search-suggestions__empty,
.mf-search-suggestions__loading {
margin: 0;
padding: 18px;
color: #707070;
font-size: 14px;
}
.mf-search-suggestions__quick {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 10px;
padding: 14px;
}
.mf-search-suggestions__quick a {
display: flex;
align-items: center;
justify-content: center;
min-height: 42px;
border: 1px solid rgba(17,17,17,.16);
border-radius: 999px;
color: #111;
font-weight: 700;
text-transform: uppercase;
font-size: 12px;
letter-spacing: .06em;
text-decoration: none;
}
@media (max-width: 640px) {
.mf-search-overlay__panel { padding: 12px 10px 18px !important; }
.mf-search-overlay__form { max-width: 100% !important; min-height: 52px; border-radius: 12px; padding-left: 12px !important; gap: 8px !important; }
.mf-search-overlay__form input[name="s"] { height: 50px; font-size: 16px !important; }
.mf-search-overlay__submit { display: none !important; }
.mf-search-overlay__close { width: 40px !important; height: 40px !important; }
.mf-search-suggestions { max-width: 100%; margin-top: 10px; border-radius: 12px; }
.mf-search-suggestions__item { grid-template-columns: 56px minmax(0, 1fr); }
.mf-search-suggestions__price { grid-column: 2; font-size: 13px; }
.mf-search-suggestions__thumb { width: 56px; height: 56px; }
.mf-search-suggestions__quick { grid-template-columns: 1fr 1fr; }
}
/* ========================================================================
MerchFuse v1.3.8 — scrollable intelligent search suggestions
======================================================================== */
.mf-search-overlay__panel { max-height: 100dvh !important; overflow: hidden !important; }
.mf-search-suggestions {
max-height: min(68dvh, 680px) !important;
overflow-y: auto !important;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
}
.mf-search-suggestions__item { scroll-snap-align: start; }
@media (max-width: 640px) {
.mf-search-overlay__panel {
min-height: 100dvh !important;
padding: 10px 10px calc(12px + env(safe-area-inset-bottom)) !important;
display: flex !important;
flex-direction: column !important;
}
.mf-search-overlay__form { flex: 0 0 auto; }
.mf-search-suggestions {
flex: 1 1 auto !important;
max-height: none !important;
min-height: 0 !important;
overflow-y: auto !important;
}
.mf-search-suggestions__item {
grid-template-columns: 54px minmax(0, 1fr) !important;
min-height: 96px !important;
padding: 12px !important;
}
.mf-search-suggestions__meta strong { font-size: 15px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mf-search-suggestions__price { grid-column: 2 !important; }
}
/* ==========================================================================
MerchFuse v1.4.2 — final UX fixes: compact search, wishlist, breadcrumbs,
tabs, reviews, pagination and mobile responsiveness.
========================================================================== */
/* Compact, fast-feeling search overlay. No giant blank panel before typing. */
.mf-search-overlay__panel{
width:min(760px,calc(100vw - 28px))!important;
margin-inline:auto!important;
padding:clamp(14px,3vw,28px)!important;
}
.mf-search-overlay__form{
width:100%!important;
max-width:none!important;
border:2px solid #111!important;
border-radius:18px!important;
min-height:56px!important;
overflow:hidden!important;
}
.mf-search-overlay__form input[name="s"]{
min-width:0!important;
text-overflow:ellipsis!important;
}
.mf-search-suggestions{
width:100%!important;
max-height:min(62vh,620px)!important;
min-height:0!important;
overflow:auto!important;
overscroll-behavior:contain!important;
-webkit-overflow-scrolling:touch!important;
border:1px solid rgba(17,17,17,.12)!important;
box-shadow:0 24px 80px rgba(17,17,17,.12)!important;
}
.mf-search-suggestions[hidden]{display:none!important}
.mf-search-suggestions__quick{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:10px!important;
padding:14px!important;
}
.mf-search-suggestions__quick a{
min-width:0!important;
min-height:46px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
text-align:center!important;
white-space:normal!important;
overflow-wrap:anywhere!important;
line-height:1.15!important;
padding:10px 12px!important;
}
.mf-search-suggestions__item{
min-height:78px!important;
}
.mf-search-suggestions__item.is-term{
background:#fafaf8!important;
}
.mf-search-suggestions__thumb-mark{
width:100%;height:100%;display:grid;place-items:center;border-radius:12px;background:#111;color:#fff;font-weight:900;font-size:12px;letter-spacing:.08em;
}
.mf-search-suggestions__pill,
.mf-search-suggestions__all{
display:inline-grid!important;place-items:center!important;border:1px solid rgba(17,17,17,.16)!important;border-radius:999px!important;font-size:12px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.08em!important;text-decoration:none!important;color:#111!important;background:#fff!important;
}
.mf-search-suggestions__pill{padding:8px 12px!important;white-space:nowrap!important}
.mf-search-suggestions__all{margin:12px!important;padding:13px 16px!important}
@media(max-width:760px){
.mf-search-overlay__panel{width:calc(100vw - 24px)!important;padding:12px!important;top:10px!important}
.mf-search-overlay__form{min-height:50px!important;border-radius:16px!important;padding-inline:10px 6px!important;gap:8px!important}
.mf-search-overlay__form input[name="s"]{height:48px!important;font-size:16px!important}
.mf-search-overlay__close{width:38px!important;height:38px!important;font-size:28px!important;flex:0 0 38px!important}
.mf-search-suggestions{max-height:calc(100dvh - 112px)!important;margin-top:10px!important;border-radius:18px!important}
.mf-search-suggestions__quick{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:12px!important}
.mf-search-suggestions__quick a{font-size:12px!important;letter-spacing:.06em!important}
.mf-search-suggestions__item{grid-template-columns:54px minmax(0,1fr)!important;gap:12px!important;padding:12px!important}
.mf-search-suggestions__price,.mf-search-suggestions__pill{grid-column:2!important;justify-self:start!important}
}
/* Header mobile balance: search visible, but wishlist/cart/menu remain tappable. */
@media(max-width:1024px){
.mf-header__inner{grid-template-columns:54px minmax(118px,1fr) auto 40px!important;gap:8px!important;padding-inline:10px!important}
.mf-header__brand img,.mf-logo img{max-width:54px!important;height:auto!important}
.mf-mobile-search{height:42px!important;border-radius:12px!important;padding:0 8px!important;min-width:0!important;max-width:100%!important}
.mf-mobile-search .mf-icon{width:18px!important;height:18px!important;flex:0 0 18px!important}
.mf-mobile-search input{font-size:14px!important;min-width:0!important;text-overflow:ellipsis!important;padding-inline:6px!important}
.mf-mobile-tools{gap:3px!important;display:flex!important;align-items:center!important}
.mf-mobile-tools .mf-icon-btn,.mf-menu-toggle{width:36px!important;height:42px!important;min-width:36px!important}
.mf-mobile-tools .mf-icon{width:21px!important;height:21px!important}
}
@media(max-width:390px){
.mf-header__inner{grid-template-columns:48px minmax(92px,1fr) auto 36px!important;gap:5px!important;padding-inline:8px!important}
.mf-header__brand img,.mf-logo img{max-width:48px!important}
.mf-mobile-search{height:39px!important;border-radius:11px!important}
.mf-mobile-search input{font-size:12.5px!important}
.mf-mobile-tools .mf-icon-btn,.mf-menu-toggle{width:31px!important;min-width:31px!important;height:39px!important}
}
/* Proportionate wishlist/cart counters. */
.mf-wishlist-count,.mf-cart-count{
min-width:16px!important;height:16px!important;padding:0 4px!important;font-size:9px!important;line-height:16px!important;border-radius:999px!important;border:1.5px solid #fff!important;box-shadow:0 2px 8px rgba(0,0,0,.18)!important;
}
.mf-mobile-tools .mf-wishlist-count,.mf-mobile-tools .mf-cart-count{top:1px!important;right:-2px!important;min-width:15px!important;height:15px!important;font-size:8px!important;line-height:15px!important}
/* Breadcrumbs: visible, compact, SEO-safe, and never vertical. */
.mf-breadcrumbs{display:block!important;margin:0 0 18px!important;padding-top:clamp(10px,2vw,18px)!important;font-size:12px!important;line-height:1.4!important;color:#777!important;text-transform:uppercase!important;letter-spacing:.08em!important}
.mf-breadcrumbs ol{display:flex!important;flex-wrap:wrap!important;gap:6px!important;align-items:center!important;list-style:none!important;padding:0!important;margin:0!important}
.mf-breadcrumbs li{display:inline-flex!important;align-items:center!important;min-width:0!important;max-width:100%!important}
.mf-breadcrumbs li+li:before{content:"/"!important;margin-right:6px!important;color:#aaa!important}
.mf-breadcrumbs a{color:#666!important;text-decoration:none!important}
.mf-breadcrumbs a:hover{color:#111!important;text-decoration:underline!important}
.mf-breadcrumbs [aria-current="page"] span,.mf-breadcrumbs li[aria-current="page"]{color:#111!important;overflow:hidden!important;text-overflow:ellipsis!important}
/* Product info pills should feel clickable and activate tabs. */
.mf-product-confidence a,.mf-product-confidence button{cursor:pointer!important;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease!important}
.mf-product-confidence a:hover,.mf-product-confidence button:hover{border-color:#111!important;box-shadow:0 0 0 3px rgba(17,17,17,.08)!important;transform:translateY(-1px)!important}
/* What You’re Getting heading visibility. */
.mf-education__eyebrow,.mf-education__section--quality .mf-education__eyebrow{font-weight:950!important;color:#fff!important;opacity:1!important;text-shadow:0 1px 0 rgba(0,0,0,.22)!important}
/* Reviews: star UI and photo strip without grey empty bars. */
.comment-form-rating .stars{display:flex!important;gap:6px!important;margin:8px 0 0!important}
.comment-form-rating .stars span{display:flex!important;gap:6px!important}
.comment-form-rating .stars a{width:32px!important;height:32px!important;font-size:0!important;text-indent:0!important;overflow:hidden!important;color:#111!important;text-decoration:none!important;position:relative!important}
.comment-form-rating .stars a:before{content:"★"!important;position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;font-size:26px!important;line-height:1!important;color:currentColor!important}
.comment-form-rating .stars:hover a,.comment-form-rating .stars.selected a{color:#111!important}
.mf-reviews__photos{align-items:start!important;min-height:0!important;background:transparent!important}
.mf-reviews__photos img{display:block!important;background:#f4f4f2!important;aspect-ratio:4/3!important;object-fit:cover!important}
/* Related products immediately below tabs, clean grid and visible hearts. */
.mf-rp-section{margin-top:clamp(28px,5vw,64px)!important;padding-top:clamp(22px,4vw,44px)!important;border-top:1px solid rgba(17,17,17,.12)!important}
.mf-rp-card{position:relative!important}
.mf-rp-wishlist{z-index:3!important}
@media(max-width:560px){.mf-rp-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px 14px!important}.mf-rp-title{font-size:clamp(30px,9vw,44px)!important}.mf-rp-name{font-size:15px!important;line-height:1.22!important}}
/* Product/category/search pagination: crawl-safe normal links with premium UI. */
.mf-shop-pagination .page-numbers,.mf-search-page .page-numbers{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:8px!important;list-style:none!important;margin:0!important;padding:0!important}
.mf-shop-pagination .page-numbers a,.mf-shop-pagination .page-numbers span,.mf-search-page .page-numbers a,.mf-search-page .page-numbers span{min-width:42px!important;height:42px!important;display:inline-grid!important;place-items:center!important;border:1px solid rgba(17,17,17,.18)!important;border-radius:999px!important;background:#fff!important;color:#111!important;text-decoration:none!important;font-weight:800!important;font-size:13px!important}
.mf-shop-pagination .page-numbers .current,.mf-search-page .page-numbers .current{background:#111!important;color:#fff!important;border-color:#111!important}
.mf-shop-pagination .page-numbers a:hover,.mf-search-page .page-numbers a:hover{border-color:#111!important;box-shadow:0 6px 18px rgba(17,17,17,.10)!important}
/* Variation label emergency fix for legacy imported 'Sized' attributes. */
.mf-product__variation-row .mf-label{text-transform:uppercase!important}
/* ==========================================================================
MerchFuse v1.4.2 final re-analysis patch: compact search, fast suggestions,
proportionate wishlist, pagination, reviews, education and mobile polish.
========================================================================== */
.mf-search-overlay{z-index:999999!important}
.mf-search-overlay__panel{width:min(720px,calc(100vw - 24px))!important;min-height:0!important;max-height:calc(100dvh - 24px)!important;overflow:visible!important;padding:12px!important;border-radius:22px!important}
.mf-search-overlay__form{min-height:50px!important;height:50px!important;border-radius:16px!important;display:flex!important;align-items:center!important;padding:0 8px 0 14px!important;gap:8px!important;background:#fff!important;box-shadow:0 10px 38px rgba(17,17,17,.08)!important}
.mf-search-overlay__form input[name="s"]{height:48px!important;font-size:clamp(16px,3.8vw,22px)!important;min-width:0!important;text-overflow:ellipsis!important;line-height:1.1!important}
.mf-search-overlay__submit{display:none!important}.mf-search-overlay__close{width:38px!important;height:38px!important;flex:0 0 38px!important;font-size:28px!important;border-radius:999px!important}
.mf-search-suggestions{min-height:0!important;max-height:min(64vh,620px)!important;overflow:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;border-radius:18px!important;background:#fff!important;margin-top:10px!important;padding:0!important}
.mf-search-suggestions__hint{padding:12px 14px 2px!important;color:#777!important;font-size:13px!important;text-align:center!important}
.mf-search-suggestions__quick{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;padding:12px!important;align-items:stretch!important}
.mf-search-suggestions__quick a{min-width:0!important;min-height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;line-height:1.1!important;padding:9px 10px!important;border-radius:999px!important;letter-spacing:.06em!important}
.mf-search-suggestions__item{grid-template-columns:58px minmax(0,1fr) auto!important;gap:12px!important;min-height:82px!important;padding:12px!important}
.mf-search-suggestions__meta strong{white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
@media(max-width:640px){.mf-search-overlay__panel{width:calc(100vw - 20px)!important;top:8px!important}.mf-search-overlay__form{height:48px!important;min-height:48px!important;border-radius:15px!important}.mf-search-suggestions{max-height:calc(100dvh - 104px)!important}.mf-search-suggestions__quick{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.mf-search-suggestions__quick a{font-size:11px!important;min-height:40px!important;padding:9px 8px!important}.mf-search-suggestions__item{grid-template-columns:52px minmax(0,1fr)!important}.mf-search-suggestions__price,.mf-search-suggestions__pill{grid-column:2!important;justify-self:start!important}}
@media(max-width:390px){.mf-search-suggestions__quick{grid-template-columns:1fr!important}.mf-search-suggestions__quick a{min-height:38px!important}.mf-search-overlay__form input[name="s"]{font-size:15px!important}.mf-mobile-search input{font-size:13px!important}.mf-header__inner{grid-template-columns:48px minmax(88px,1fr) auto 36px!important}}
.mf-shop-pagination,.woocommerce-pagination{display:flex!important;justify-content:center!important;align-items:center!important;margin:clamp(28px,5vw,56px) 0!important;clear:both!important}
.mf-shop-pagination .page-numbers,.woocommerce-pagination .page-numbers{display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important;justify-content:center!important;list-style:none!important;margin:0!important;padding:0!important}
.mf-shop-pagination a.page-numbers,.mf-shop-pagination span.page-numbers,.woocommerce-pagination a.page-numbers,.woocommerce-pagination span.page-numbers,.mf-shop-pagination .page-numbers a,.woocommerce-pagination .page-numbers a{min-width:42px!important;height:42px!important;padding:0 12px!important;border:1px solid rgba(17,17,17,.18)!important;border-radius:999px!important;display:inline-grid!important;place-items:center!important;text-decoration:none!important;color:#111!important;background:#fff!important;font-weight:800!important}
.mf-shop-pagination .current,.woocommerce-pagination .current{background:#111!important;color:#fff!important;border-color:#111!important}.mf-shop-pagination .prev,.mf-shop-pagination .next,.woocommerce-pagination .prev,.woocommerce-pagination .next{min-width:96px!important}
.mf-wishlist-count,.mf-cart-count{position:absolute!important;top:-5px!important;right:-5px!important;min-width:16px!important;height:16px!important;padding:0 4px!important;font-size:9px!important;line-height:15px!important;border-radius:999px!important;background:#fff!important;color:#111!important;border:1px solid #111!important;font-weight:900!important;text-align:center!important;box-shadow:0 2px 8px rgba(0,0,0,.18)!important}.mf-icon-btn{position:relative!important}.mf-mobile-tools .mf-wishlist-count,.mf-mobile-tools .mf-cart-count{top:2px!important;right:-3px!important;min-width:14px!important;height:14px!important;font-size:8px!important;line-height:13px!important}.mf-icon-btn.is-wishlist-pulse svg,.mf-wishlist-btn.is-heart-pop svg{animation:mfHeartPop .62s ease both!important;color:#d91f32!important;stroke:#d91f32!important}.mf-icon-btn.has-wishlist-items svg{transition:color .2s ease,stroke .2s ease}.mf-icon-btn.has-wishlist-items.is-wishlist-pulse{animation:mfHeaderHeart 1.35s ease both!important}@keyframes mfHeartPop{0%{transform:scale(1)}35%{transform:scale(1.26)}70%{transform:scale(.94)}100%{transform:scale(1)}}@keyframes mfHeaderHeart{0%,100%{filter:none}35%{filter:drop-shadow(0 0 12px rgba(217,31,50,.38))}}
.mf-product__variation-row .mf-label{text-transform:uppercase!important}.mf-product__variation-row .mf-label[data-label="sized"]{font-size:0!important}.mf-product__variation-row .mf-label[data-label="sized"]:after{content:"SIZE";font-size:14px!important;letter-spacing:.12em!important}.mf-product-confidence a{cursor:pointer!important;text-decoration:none!important}.mf-product-confidence a:focus-visible{outline:3px solid #111!important;outline-offset:3px!important}
.mf-reviews{padding-top:clamp(20px,4vw,40px)!important}.mf-reviews__proof{display:grid!important;gap:clamp(16px,3vw,26px)!important;margin-bottom:clamp(22px,4vw,42px)!important}.mf-reviews__photos{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;overflow:visible!important;background:transparent!important;padding:0!important}.mf-reviews__photos img{width:100%!important;height:auto!important;aspect-ratio:4/3!important;object-fit:cover!important;border-radius:14px!important;background:#f5f5f3!important;display:block!important;box-shadow:none!important}.mf-reviews__form-card{background:#f8f8f6!important;border:1px solid rgba(17,17,17,.08)!important;border-radius:18px!important;padding:clamp(18px,3vw,34px)!important}.comment-form-rating select{width:100%!important;max-width:360px!important;height:48px!important;border-radius:10px!important;border:1px solid rgba(17,17,17,.22)!important;padding:0 12px!important;background:#fff!important}.comment-form-rating .stars{font-size:0!important}@media(max-width:860px){.mf-reviews__photos{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mf-reviews__grid{grid-template-columns:1fr!important}}
.mf-education__section--quality .mf-education__eyebrow,.mf-education__eyebrow{font-weight:950!important;color:#fff!important;letter-spacing:.17em!important;opacity:1!important}.mf-rp-section{margin-top:clamp(24px,4vw,44px)!important;padding-top:clamp(22px,4vw,40px)!important;border-top:1px solid rgba(17,17,17,.12)!important}.mf-rp-card{position:relative!important}.mf-rp-wishlist{position:absolute!important;top:12px!important;right:12px!important;z-index:5!important;background:#fff!important}
/* ========================================================================
MerchFuse v1.4.3 — final polish from live screenshots
======================================================================== */
/* Product education eyebrow contrast: white only on the dark quality panel. */
.mf-education__section--quality .mf-education__eyebrow{color:#fff!important;font-weight:950!important;opacity:1!important;text-shadow:0 1px 0 rgba(0,0,0,.25)!important;}
.mf-education__section--size .mf-education__eyebrow,
.mf-education__section--frame .mf-education__eyebrow,
.mf-education__section:not(.mf-education__section--quality) .mf-education__eyebrow{color:#111!important;font-weight:950!important;opacity:1!important;text-shadow:none!important;}
/* Keep breadcrumbs once, compact, and not visually duplicated by plugin output. */
.mf-product > .mf-breadcrumbs,.mf-shop-header > .mf-breadcrumbs{display:none!important;}
.mf-container-wide > .mf-breadcrumbs{margin-top:clamp(14px,2vw,24px)!important;margin-bottom:clamp(16px,2vw,26px)!important;}
/* Wishlist result layout: 1 item centered, 2/3 centered, 4+ clean grid. */
.mf-wishlist[data-state="ready"] [data-wishlist-list]{
display:grid!important;
grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),300px))!important;
justify-content:center!important;
justify-items:stretch!important;
gap:clamp(18px,2.4vw,32px)!important;
max-width:1320px!important;
margin-inline:auto!important;
}
.mf-wishlist[data-state="ready"] [data-wishlist-list] > li{width:100%!important;max-width:300px!important;}
@media(max-width:680px){
.mf-wishlist[data-state="ready"] [data-wishlist-list]{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;max-width:520px!important;gap:16px!important;}
.mf-wishlist[data-state="ready"] [data-wishlist-list] > li{max-width:240px!important;justify-self:center!important;}
}
/* Reviews tab: no narrow vertical middle column, premium two-column layout. */
.mf-reviews{padding-top:clamp(22px,4vw,44px)!important;}
.mf-reviews__proof{
display:grid!important;
grid-template-columns:minmax(0,1fr)!important;
gap:clamp(14px,2vw,22px)!important;
margin:0 0 clamp(28px,4vw,48px)!important;
width:100%!important;
}
.mf-reviews__intro{max-width:920px!important;}
.mf-reviews__intro h2{font-size:clamp(30px,4vw,54px)!important;line-height:1.02!important;margin:0 0 10px!important;}
.mf-reviews__intro p{max-width:760px!important;color:#666!important;line-height:1.55!important;}
.mf-reviews__photos{
display:grid!important;
grid-template-columns:repeat(auto-fit,minmax(92px,1fr))!important;
gap:10px!important;
max-width:100%!important;
padding:12px!important;
border:1px solid rgba(17,17,17,.08)!important;
border-radius:20px!important;
background:#fff!important;
overflow:hidden!important;
}
.mf-reviews__photos img{
width:100%!important;
height:auto!important;
aspect-ratio:1/1!important;
object-fit:cover!important;
border-radius:14px!important;
background:#f5f5f3!important;
display:block!important;
box-shadow:none!important;
}
.mf-reviews__grid{
display:grid!important;
grid-template-columns:minmax(280px,.82fr) minmax(340px,1fr)!important;
gap:clamp(24px,4vw,72px)!important;
align-items:start!important;
width:100%!important;
}
.mf-reviews__list{min-width:0!important;max-width:680px!important;}
.mf-reviews__empty{
display:block!important;
width:100%!important;
max-width:520px!important;
min-height:0!important;
padding:clamp(20px,3vw,30px)!important;
border:1px solid rgba(17,17,17,.10)!important;
border-radius:18px!important;
background:#fff!important;
text-align:left!important;
writing-mode:horizontal-tb!important;
word-break:normal!important;
overflow-wrap:normal!important;
}
.mf-reviews__empty strong{display:block!important;font-size:clamp(22px,2.4vw,34px)!important;line-height:1.05!important;margin:0 0 10px!important;}
.mf-reviews__empty p{margin:0!important;color:#555!important;line-height:1.6!important;}
.mf-reviews__form-card{width:100%!important;max-width:640px!important;justify-self:end!important;background:#f8f8f6!important;border:1px solid rgba(17,17,17,.08)!important;border-radius:22px!important;padding:clamp(20px,3vw,38px)!important;box-shadow:0 18px 60px rgba(17,17,17,.06)!important;}
.mf-review-form textarea,.mf-review-form input,.mf-review-form select{width:100%!important;max-width:100%!important;}
@media(max-width:900px){
.mf-reviews__grid{grid-template-columns:1fr!important;gap:24px!important;}
.mf-reviews__list,.mf-reviews__form-card{max-width:none!important;justify-self:stretch!important;}
.mf-reviews__photos{grid-template-columns:repeat(4,minmax(0,1fr))!important;padding:8px!important;gap:8px!important;}
}
@media(max-width:520px){
.mf-reviews__photos{grid-template-columns:repeat(4,minmax(0,1fr))!important;border-radius:16px!important;}
.mf-reviews__photos img{border-radius:10px!important;}
}
/* ==== MerchFuse v1.4.6 final fixes: contrast, search visibility, thumbnails, footer headings ==== */
.mf-footer,.mf-footer p,.mf-footer li,.mf-footer span,.mf-footer__tagline,.mf-footer__bottom{color:#F2F2F2!important;opacity:1!important}.mf-footer a,.mf-footer-widget a,.mf-footer__nav a{color:#F5F5F5!important;text-decoration:none!important}.mf-footer a:hover,.mf-footer-widget a:hover,.mf-footer__nav a:hover{color:#FFFFFF!important;text-decoration:underline!important}.mf-footer h2.wp-block-heading,.mf-footer h3,.mf-footer h4,.mf-footer-widget__title{color:#FFFFFF!important;font-weight:850!important;letter-spacing:.12em!important;text-transform:uppercase!important}.mf-home-confidence,.mf-home-confidence *{color:#111111!important}.mf-home-confidence a,.mf-home-confidence__inner a,.mf-home-confidence .wp-block-list a{color:#111111!important;background:#FFFFFF!important;border-color:rgba(17,17,17,.22)!important;min-height:46px!important;padding:10px 14px!important}.mf-home-confidence a:hover{background:#111111!important;color:#FFFFFF!important}.mf-vintage__viewall,.mf-photo__viewall{min-width:48px!important;min-height:48px!important;padding:12px 16px!important;color:#111!important;background:#fff!important;border:1px solid rgba(17,17,17,.18)!important}.mf-education__section--size .mf-education__eyebrow,.mf-education__section--frame .mf-education__eyebrow,.mf-education__section:not(.mf-education__section--quality) .mf-education__eyebrow{color:#111111!important;background:#FFFFFF!important;border:1px solid rgba(17,17,17,.18)!important;text-shadow:none!important;opacity:1!important}.mf-education__section--quality .mf-education__eyebrow{color:#FFFFFF!important;background:transparent!important;text-shadow:0 1px 1px rgba(0,0,0,.4)!important;opacity:1!important}.wp-block-heading.has-white-color,.has-white-color{color:#FFFFFF!important}.mf-search-overlay{position:fixed!important;inset:0!important;z-index:99997!important}.mf-header{position:relative!important;z-index:100000!important}.mf-search-overlay__backdrop{top:var(--mf-search-top,112px)!important;background:rgba(17,17,17,.72)!important}.mf-search-overlay__panel{position:fixed!important;top:var(--mf-search-top,112px)!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:min(880px,calc(100vw - 36px))!important;max-height:calc(100dvh - var(--mf-search-top,112px) - 18px)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:14px!important;border-radius:22px!important;background:#fff!important;box-shadow:0 24px 80px rgba(0,0,0,.38)!important}.mf-search-overlay__form{height:56px!important;min-height:56px!important;display:flex!important;align-items:center!important;flex:0 0 auto!important;border:2px solid #111!important;border-radius:16px!important;background:#fff!important;overflow:hidden!important}.mf-search-overlay__form input[name="s"]{display:block!important;min-width:0!important;width:100%!important;height:54px!important;line-height:54px!important;color:#111!important;background:transparent!important;opacity:1!important;visibility:visible!important;font-size:20px!important}.mf-search-suggestions{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;background:#fff!important}.mf-search-suggestions__quick{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}.mf-search-suggestions__quick a{min-width:0!important;white-space:normal!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.1!important}.mf-gallery__thumb-img{width:72px!important;height:72px!important;object-fit:cover!important}.mf-product-card__img,.mf-rp-img{image-rendering:auto!important}@media(max-width:782px){.mf-search-overlay__backdrop{top:var(--mf-search-top,82px)!important}.mf-search-overlay__panel{top:var(--mf-search-top,82px)!important;width:calc(100vw - 18px)!important;max-height:calc(100dvh - var(--mf-search-top,82px) - 12px)!important;padding:10px!important;border-radius:18px!important}.mf-search-overlay__form{height:50px!important;min-height:50px!important}.mf-search-overlay__form input[name="s"]{height:48px!important;line-height:48px!important;font-size:16px!important}.mf-search-suggestions__quick{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.mf-search-suggestions__quick a{font-size:11px!important;letter-spacing:.04em!important;min-height:40px!important;padding:8px 6px!important}.mf-vintage__viewall,.mf-photo__viewall{min-width:48px!important;min-height:48px!important}}
/* ==== woocommerce.css ==== */
/* ========================================================================
MerchFuse — WooCommerce Styles
========================================================================
Shop, category, product card. Single-product and cart styles arrive
in Parts 3 and 4 respectively.
------------------------------------------------------------------------ */
/* ===================================================================
SHOP LAYOUT — sidebar + main
=================================================================== */
.mf-shop-layout {
display: grid;
grid-template-columns: 1fr;
gap: var(--mf-space-7);
padding-block: var(--mf-space-5);
}
.mf-shop-layout--with-sidebar {
grid-template-columns: 260px 1fr;
}
@media (max-width: 1024px) {
.mf-shop-layout--with-sidebar { grid-template-columns: 1fr; }
}
/* Sidebar */
.mf-shop-sidebar {
position: relative;
padding: var(--mf-space-5);
background: var(--mf-white);
border: 1px solid var(--mf-border);
border-radius: var(--mf-radius);
height: fit-content;
position: sticky;
top: calc(var(--mf-header-height) + var(--mf-space-3));
max-height: calc(100vh - var(--mf-header-height) - var(--mf-space-6));
overflow-y: auto;
}
.mf-sidebar-close { display: none; position: absolute; top: 8px; right: 8px; }
@media (max-width: 1024px) {
.mf-shop-sidebar {
position: fixed;
inset: 0 auto 0 0;
z-index: var(--mf-z-modal);
width: min(360px, 92vw);
max-height: 100vh;
border-radius: 0;
transform: translateX(-100%);
transition: transform var(--mf-dur-base) var(--mf-ease-in-out);
padding-top: var(--mf-space-6);
}
.mf-shop-sidebar.is-open { transform: translateX(0); box-shadow: var(--mf-shadow-xl); }
.mf-sidebar-close { display: inline-grid; }
}
/* Widget (sidebar) */
.mf-widget + .mf-widget { margin-top: var(--mf-space-5); padding-top: var(--mf-space-5); border-top: 1px solid var(--mf-border); }
.mf-widget__title {
font-family: var(--mf-font-body);
font-size: var(--mf-text-xs);
font-weight: var(--mf-fw-semibold);
letter-spacing: var(--mf-ls-widest);
text-transform: uppercase;
color: var(--mf-dark);
margin-bottom: var(--mf-space-4);
}
.mf-widget ul { list-style: none; padding: 0; margin: 0; }
.mf-widget li { margin: 0; }
.mf-widget li + li { margin-top: var(--mf-space-2); }
.mf-widget a {
display: flex;
justify-content: space-between;
font-size: var(--mf-text-sm);
color: var(--mf-dark);
text-decoration: none;
transition: color var(--mf-dur-fast) var(--mf-ease);
}
.mf-widget a:hover { color: var(--mf-green-dk); }
.mf-widget .count {
color: var(--mf-muted);
font-variant-numeric: tabular-nums;
font-size: 12px;
}
.mf-widget__empty { color: var(--mf-muted); font-size: var(--mf-text-sm); line-height: var(--mf-lh-snug); }
/* WooCommerce layered-nav / filters widget */
.mf-widget .woocommerce-widget-layered-nav-list,
.mf-widget .wc-layered-nav-filter { list-style: none; padding: 0; margin: 0; }
.mf-widget .chosen { font-weight: var(--mf-fw-semibold); color: var(--mf-green); }
/* Price range slider (WooCommerce default) */
.mf-widget .price_slider_wrapper { margin-top: var(--mf-space-3); }
.mf-widget .price_slider {
position: relative;
height: 4px;
background: var(--mf-border);
border-radius: var(--mf-radius-pill);
margin: var(--mf-space-5) 0 var(--mf-space-3);
}
.mf-widget .ui-slider-range {
position: absolute;
height: 100%;
background: var(--mf-green);
border-radius: var(--mf-radius-pill);
}
.mf-widget .ui-slider-handle {
position: absolute;
top: 50%;
width: 18px; height: 18px;
margin: -9px 0 0 -9px;
background: var(--mf-cream);
border: 2px solid var(--mf-green);
border-radius: 50%;
cursor: grab;
z-index: 2;
}
.mf-widget .price_slider_amount {
display: flex;
justify-content: space-between;
align-items: center;
font-size: var(--mf-text-xs);
color: var(--mf-muted);
}
.mf-widget .price_slider_amount .button {
padding: 6px 12px;
font-size: var(--mf-text-xs);
background: var(--mf-dark);
color: var(--mf-cream);
border: 0;
border-radius: var(--mf-radius-sm);
cursor: pointer;
text-transform: uppercase;
letter-spacing: var(--mf-ls-wide);
}
/* ===================================================================
SHOP HEADER
=================================================================== */
.mf-shop-header {
margin-bottom: var(--mf-space-7);
}
.mf-shop-header__title {
font-size: var(--mf-text-3xl);
line-height: var(--mf-lh-tight);
margin-bottom: var(--mf-space-3);
letter-spacing: var(--mf-ls-tight);
}
.mf-shop-header__description {
max-width: 720px;
color: var(--mf-muted);
font-size: var(--mf-text-md);
line-height: var(--mf-lh-snug);
}
.mf-shop-header__description p { margin-bottom: var(--mf-space-3); }
.mf-shop-header__description p:last-child { margin-bottom: 0; }
.mf-shop-header__image {
margin-top: var(--mf-space-5);
border-radius: var(--mf-radius-md);
overflow: hidden;
aspect-ratio: 21/9;
}
.mf-shop-header__image img { width: 100%; height: 100%; object-fit: cover; }
.mf-shop-confidence {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 10px;
margin: calc(var(--mf-space-5) * -1) 0 var(--mf-space-6);
}
.mf-shop-confidence__item {
min-width: 0;
display: flex;
align-items: center;
gap: 10px;
padding: 14px 16px;
border: 1px solid var(--mf-border);
border-radius: var(--mf-radius-sm);
background: var(--mf-white);
color: var(--mf-dark);
font-size: var(--mf-text-sm);
font-weight: var(--mf-fw-semibold);
line-height: 1.35;
}
.mf-shop-confidence__item .mf-icon {
width: 20px;
height: 20px;
flex: 0 0 auto;
}
@media (max-width: 900px) {
.mf-shop-confidence { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
.mf-shop-confidence { grid-template-columns: 1fr; margin-top: calc(var(--mf-space-4) * -1); }
}
/* Bug #8 fix — category bottom content (long-form SEO copy under products) */
.mf-category-bottom {
margin-top: var(--mf-space-9);
padding-top: var(--mf-space-7);
border-top: 1px solid var(--mf-border);
}
.mf-category-bottom__inner {
max-width: 880px;
margin: 0 auto;
font-size: var(--mf-text-md);
line-height: var(--mf-lh-loose);
color: var(--mf-ink);
}
.mf-category-bottom__inner > * + * { margin-top: var(--mf-space-4); }
.mf-category-bottom__inner h2 {
font-size: var(--mf-text-2xl);
margin-top: var(--mf-space-7);
margin-bottom: var(--mf-space-3);
letter-spacing: var(--mf-ls-tight);
}
.mf-category-bottom__inner h3 {
font-size: var(--mf-text-xl);
margin-top: var(--mf-space-6);
margin-bottom: var(--mf-space-2);
}
.mf-category-bottom__inner h4 {
font-size: var(--mf-text-lg);
margin-top: var(--mf-space-5);
margin-bottom: var(--mf-space-2);
}
.mf-category-bottom__inner p { line-height: var(--mf-lh-loose); }
.mf-category-bottom__inner ul,
.mf-category-bottom__inner ol { padding-left: 1.5em; }
.mf-category-bottom__inner li { margin-bottom: var(--mf-space-2); }
.mf-category-bottom__inner a {
color: var(--mf-ink);
text-decoration: underline;
text-underline-offset: 3px;
}
.mf-category-bottom__inner a:hover { color: var(--mf-muted); }
.mf-category-bottom__inner table {
width: 100%;
border-collapse: collapse;
margin: var(--mf-space-5) 0;
}
.mf-category-bottom__inner th,
.mf-category-bottom__inner td {
padding: var(--mf-space-3);
border-bottom: 1px solid var(--mf-border);
text-align: left;
}
@media (max-width: 720px) {
.mf-category-bottom {
margin-top: var(--mf-space-7);
padding-top: var(--mf-space-5);
}
}
/* ===================================================================
SHOP TOOLBAR (filter + sort)
=================================================================== */
.mf-shop-toolbar {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--mf-space-4);
padding: var(--mf-space-3) 0;
border-block: 1px solid var(--mf-border);
margin-bottom: var(--mf-space-5);
flex-wrap: wrap;
}
.mf-shop-toolbar__left, .mf-shop-toolbar__right {
display: flex;
align-items: center;
gap: var(--mf-space-4);
}
.mf-shop-toolbar .woocommerce-result-count {
margin: 0;
font-size: var(--mf-text-xs);
letter-spacing: var(--mf-ls-wide);
text-transform: uppercase;
color: var(--mf-muted);
}
.mf-shop-toolbar .woocommerce-ordering { margin: 0; }
.mf-shop-toolbar .orderby {
min-width: 200px;
padding: 8px 32px 8px 12px;
font-size: var(--mf-text-sm);
border: 1px solid var(--mf-border-dk);
border-radius: var(--mf-radius-sm);
background-color: var(--mf-white);
}
.mf-filter-toggle { display: none; }
@media (max-width: 1024px) {
.mf-filter-toggle { display: inline-flex; }
}
/* ===================================================================
PRODUCT GRID
=================================================================== */
.mf-product-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: var(--mf-space-6) var(--mf-space-5);
list-style: none;
padding: 0;
margin: 0;
}
.mf-product-grid[data-columns="2"] { grid-template-columns: repeat(2, 1fr); }
.mf-product-grid[data-columns="3"] { grid-template-columns: repeat(3, 1fr); }
.mf-product-grid[data-columns="4"] { grid-template-columns: repeat(4, 1fr); }
.mf-product-grid[data-columns="5"] { grid-template-columns: repeat(5, 1fr); }
.mf-product-grid[data-columns="6"] { grid-template-columns: repeat(6, 1fr); }
@media (max-width: 1200px) {
.mf-product-grid,
.mf-product-grid[data-columns="5"],
.mf-product-grid[data-columns="6"] { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
.mf-product-grid,
.mf-product-grid[data-columns="3"],
.mf-product-grid[data-columns="4"],
.mf-product-grid[data-columns="5"],
.mf-product-grid[data-columns="6"] { grid-template-columns: repeat(2, 1fr); gap: var(--mf-space-4); }
}
.mf-product-grid > li { margin: 0; list-style: none; }
/* ===================================================================
PRODUCT CARD — the most-rendered template on the site
=================================================================== */
.mf-product-card {
position: relative;
display: flex;
flex-direction: column;
height: 100%;
}
.mf-product-card__link {
display: flex;
flex-direction: column;
gap: var(--mf-space-3);
color: inherit;
text-decoration: none;
flex: 1;
}
.mf-product-card__link:hover { text-decoration: none; color: inherit; }
/* Media */
.mf-product-card__media {
position: relative;
aspect-ratio: 1/1;
overflow: hidden;
background: var(--mf-sage-soft);
border-radius: var(--mf-radius);
}
.mf-product-card__img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform var(--mf-dur-slow) var(--mf-ease), opacity var(--mf-dur-base) var(--mf-ease);
}
.mf-product-card__img--secondary {
opacity: 0;
transform: scale(1.02);
}
.mf-product-card:hover .mf-product-card__img--primary { opacity: 0; }
.mf-product-card:hover .mf-product-card__img--secondary { opacity: 1; }
.mf-product-card:hover .mf-product-card__img { transform: scale(1.03); }
/* Badge (top-left) */
.mf-product-card__badge {
position: absolute;
top: var(--mf-space-3);
left: var(--mf-space-3);
z-index: 2;
}
/* Quick-action buttons (top-right) */
.mf-product-card__actions {
position: absolute;
top: var(--mf-space-3);
right: var(--mf-space-3);
display: flex;
flex-direction: column;
gap: var(--mf-space-2);
opacity: 0;
transform: translateY(-4px);
transition: opacity var(--mf-dur-base) var(--mf-ease), transform var(--mf-dur-base) var(--mf-ease);
z-index: 2;
}
.mf-product-card:hover .mf-product-card__actions,
.mf-product-card:focus-within .mf-product-card__actions {
opacity: 1;
transform: translateY(0);
}
@media (hover: none) {
.mf-product-card__actions { opacity: 1; transform: none; }
}
.mf-product-card__action {
width: 36px; height: 36px;
background: rgb(249 250 248 / 0.95);
border: 0;
border-radius: var(--mf-radius-pill);
cursor: pointer;
display: grid;
place-items: center;
color: var(--mf-dark);
transition: background var(--mf-dur-fast) var(--mf-ease), color var(--mf-dur-fast) var(--mf-ease);
backdrop-filter: blur(4px);
}
.mf-product-card__action:hover { background: var(--mf-dark); color: var(--mf-cream); }
.mf-product-card__action.is-active { background: var(--mf-error-bg); color: var(--mf-error); }
.mf-product-card__action .mf-icon { width: 18px; height: 18px; }
/* Body */
.mf-product-card__body {
display: flex;
flex-direction: column;
gap: var(--mf-space-2);
flex: 1;
padding: 0 var(--mf-space-1);
}
.mf-product-card__cat {
font-size: 11px;
font-weight: var(--mf-fw-medium);
letter-spacing: var(--mf-ls-widest);
text-transform: uppercase;
color: var(--mf-muted);
}
.mf-product-card__title {
font-family: var(--mf-font-display);
font-size: var(--mf-text-md);
font-weight: var(--mf-fw-medium);
line-height: var(--mf-lh-snug);
color: var(--mf-dark);
letter-spacing: var(--mf-ls-snug);
margin: 0;
/* 2-line clamp for consistent card heights */
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.mf-product-card__rating {
display: flex;
align-items: center;
gap: var(--mf-space-2);
font-size: var(--mf-text-xs);
color: var(--mf-muted);
}
.mf-product-card__price {
margin-top: auto;
font-size: var(--mf-text-md);
font-weight: var(--mf-fw-semibold);
color: var(--mf-dark);
font-variant-numeric: tabular-nums;
}
.mf-product-card__price .mf-price__old,
.mf-product-card__price del {
color: var(--mf-muted);
font-weight: var(--mf-fw-regular);
text-decoration: line-through;
margin-right: 6px;
font-size: var(--mf-text-sm);
}
.mf-product-card__price .mf-price__sale,
.mf-product-card__price ins {
color: var(--mf-error);
background: transparent;
text-decoration: none;
}
/* CTA */
.mf-product-card__cta { margin-top: var(--mf-space-3); }
.mf-product-card .added_to_cart {
display: block;
text-align: center;
margin-top: var(--mf-space-2);
font-size: var(--mf-text-xs);
color: var(--mf-green);
text-decoration: underline;
}
/* ===================================================================
STAR RATING (CSS-only, uses --rating custom property)
=================================================================== */
.mf-stars {
display: inline-flex;
flex-direction: row;
gap: 1px;
position: relative;
color: var(--mf-border-dk);
white-space: nowrap;
}
.mf-stars::before {
content: "";
position: absolute;
inset: 0;
width: calc(var(--rating, 0) / 5 * 100%);
overflow: hidden;
color: var(--mf-warning);
pointer-events: none;
background-image: linear-gradient(currentColor, currentColor);
-webkit-mask: linear-gradient(#000, #000);
mask: linear-gradient(#000, #000);
}
.mf-stars .mf-icon { width: 12px; height: 12px; display: inline-block; flex-shrink: 0; }
/* ===================================================================
SUBCATEGORIES GRID (shown on /shop/ or parent category pages)
=================================================================== */
.mf-product-grid .product-category {
list-style: none;
}
.mf-product-grid .product-category a {
display: block;
position: relative;
color: var(--mf-dark);
text-decoration: none;
}
.mf-product-grid .product-category img {
aspect-ratio: 4/5;
object-fit: cover;
width: 100%;
border-radius: var(--mf-radius);
transition: transform var(--mf-dur-slow) var(--mf-ease);
}
.mf-product-grid .product-category:hover img { transform: scale(1.02); }
.mf-product-grid .product-category h2,
.mf-product-grid .product-category h3 {
position: absolute;
bottom: var(--mf-space-4);
left: var(--mf-space-4);
right: var(--mf-space-4);
font-family: var(--mf-font-display);
font-size: var(--mf-text-lg);
color: var(--mf-cream);
margin: 0;
text-shadow: 0 1px 3px rgba(0,0,0,0.4);
}
.mf-product-grid .product-category .count { display: none; }
/* ===================================================================
WOOCOMMERCE NOTICES (messages, errors, info)
=================================================================== */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-notice {
padding: var(--mf-space-4) var(--mf-space-5);
border-radius: var(--mf-radius);
border: 1px solid;
font-size: var(--mf-text-sm);
line-height: var(--mf-lh-snug);
margin-bottom: var(--mf-space-5);
list-style: none;
display: flex;
align-items: center;
gap: var(--mf-space-3);
flex-wrap: wrap;
}
.woocommerce-message { background: var(--mf-sage-soft); border-color: var(--mf-green); color: var(--mf-green-dk); }
.woocommerce-info { background: var(--mf-sage-soft); border-color: var(--mf-sage); color: var(--mf-dark); }
.woocommerce-error { background: var(--mf-error-bg); border-color: var(--mf-error); color: var(--mf-error); }
.woocommerce-message .button,
.woocommerce-info .button {
margin-left: auto;
padding: 8px 16px;
font-size: var(--mf-text-xs);
background: var(--mf-dark);
color: var(--mf-cream);
border: 0;
border-radius: var(--mf-radius-sm);
text-transform: uppercase;
letter-spacing: var(--mf-ls-wide);
font-weight: var(--mf-fw-semibold);
text-decoration: none;
}
.woocommerce-message .button:hover { background: var(--mf-dark-hover); color: var(--mf-cream); }
/* ===================================================================
UPSELLS / RELATED / CROSS-SELL headings
=================================================================== */
.related h2,
.upsells h2,
.cross-sells h2 {
font-size: var(--mf-text-2xl);
margin-block: var(--mf-space-7) var(--mf-space-5);
padding-bottom: var(--mf-space-3);
border-bottom: 1px solid var(--mf-border);
}
/* ===================================================================
SALE FLASH (when it slips through somewhere)
=================================================================== */
.onsale {
display: inline-flex;
align-items: center;
padding: 4px 10px;
font-size: 11px;
font-weight: var(--mf-fw-semibold);
letter-spacing: var(--mf-ls-wide);
text-transform: uppercase;
color: var(--mf-cream);
background: var(--mf-error);
border-radius: var(--mf-radius-pill);
}
/* v1.3 archive/category responsiveness and content spacing */
.mf-shop-layout,
.mf-shop-main,
.mf-shop-header,
.mf-product-grid,
.mf-category-bottom { min-width: 0; max-width: 100%; }
.mf-shop-header { padding-top: var(--mf-space-3); margin-bottom: var(--mf-space-6); }
.mf-shop-header__description { margin-top: var(--mf-space-2); max-width: 920px; }
.mf-shop-header__description > * + * { margin-top: var(--mf-space-3); }
.mf-category-bottom { margin-top: var(--mf-space-8); }
.mf-term-html { max-width: 100%; overflow-x: clip; }
.mf-term-html img, .mf-term-html iframe { max-width: 100%; }
@media (max-width: 1024px) {
.mf-shop-layout--with-sidebar { display: block; }
.mf-shop-main { width: 100%; }
.mf-shop-toolbar { gap: var(--mf-space-3); }
}
@media (max-width: 768px) {
.mf-shop-header__title { font-size: clamp(34px, 12vw, 56px); }
.mf-shop-toolbar__left,
.mf-shop-toolbar__right { width: 100%; justify-content: space-between; }
.mf-shop-toolbar .woocommerce-ordering,
.mf-shop-toolbar .orderby { width: 100%; min-width: 0; }
}
@media (max-width: 420px) {
.mf-product-grid,
.mf-product-grid[data-columns] { grid-template-columns: 1fr; gap: 22px; }
.mf-product-card__title { font-size: var(--mf-text-sm); }
.mf-product-card__cta .mf-btn { padding-inline: 8px; }
}
/* MerchFuse v1.3.3 — archive bottom SEO content styling */
.mf-category-bottom,
.bottom-category-description {
clear: both;
width: calc(100% - 32px);
max-width: 1080px;
margin: clamp(34px, 5vw, 72px) auto 0;
padding: clamp(22px, 4vw, 46px) 0 0;
border-top: 1px solid var(--mf-border);
color: var(--mf-dark);
line-height: 1.65;
}
.mf-category-bottom h2,
.mf-category-bottom h3,
.bottom-category-description h2,
.bottom-category-description h3 { margin-top: 1.25em; margin-bottom: .55em; }
.mf-category-bottom ul,
.bottom-category-description ul { padding-left: 1.2em; }
/* ========================================================================
MerchFuse v1.3.4 — category bottom content full-width editorial block
======================================================================== */
.mf-category-bottom {
width: 100%;
max-width: none;
margin-top: clamp(42px, 6vw, 88px) !important;
padding: clamp(28px, 5vw, 72px) clamp(16px, 4vw, 56px) !important;
background: #f7f7f5;
border: 1px solid rgba(17,17,17,.08);
border-radius: 18px;
overflow: hidden;
}
.mf-category-bottom__inner {
max-width: 1180px !important;
margin-inline: auto;
color: #222;
font-size: clamp(15px, 1.15vw, 17px);
line-height: 1.75;
}
.mf-category-bottom__inner h2 {
font-size: clamp(28px, 4vw, 52px) !important;
line-height: 1.05 !important;
letter-spacing: -.04em;
margin-bottom: 18px !important;
}
.mf-category-bottom__inner h3 {
font-size: clamp(22px, 2.3vw, 32px) !important;
margin-top: clamp(26px, 4vw, 44px) !important;
}
.mf-category-bottom__inner p { max-width: 980px; }
.mf-category-bottom__inner ul,
.mf-category-bottom__inner ol {
max-width: 980px;
display: grid;
gap: 8px;
}
.mf-category-bottom__inner table {
width: 100%;
border-radius: 12px;
overflow: hidden;
background: #fff;
}
@media (max-width: 760px) {
.mf-category-bottom { border-radius: 14px; padding: 24px 18px !important; }
}
/* ========================================================================
MerchFuse v1.3.5 — category spacing + neutral editorial surfaces
======================================================================== */
.mf-shop-header {
margin-bottom: clamp(30px, 4.5vw, 60px) !important;
}
.mf-shop-header__title {
margin-bottom: clamp(18px, 3vw, 34px) !important;
}
.mf-shop-header__description {
margin-top: clamp(12px, 2vw, 22px) !important;
max-width: min(980px, 100%) !important;
}
.mf-shop-header__description p + p { margin-top: clamp(10px, 1.6vw, 18px) !important; }
.mf-shop-toolbar {
margin-top: clamp(24px, 3.5vw, 44px) !important;
margin-bottom: clamp(20px, 3vw, 36px) !important;
}
.mf-product-grid,
.mf-product-grid[data-columns] {
margin-top: clamp(18px, 2.5vw, 32px) !important;
}
.mf-category-bottom {
background: #F7F7F5 !important;
border-color: rgba(17,17,17,.12) !important;
}
@media (max-width: 760px) {
.mf-shop-header { padding-top: 36px !important; margin-bottom: 34px !important; }
.mf-shop-header__title { margin-bottom: 18px !important; }
.mf-shop-toolbar { margin-top: 28px !important; margin-bottom: 22px !important; }
}
/* ========================================================================
MerchFuse v1.3.7 — conversion/category filters/performance polish
======================================================================== */
body.mf-shop-filters-disabled .mf-shop-layout,
.mf-shop-layout--no-sidebar {
display: block !important;
padding-block: clamp(22px, 3vw, 44px) !important;
}
body.mf-shop-filters-disabled .mf-shop-main,
.mf-shop-layout--no-sidebar .mf-shop-main {
width: 100% !important;
min-width: 0 !important;
}
body.mf-shop-filters-disabled .mf-shop-sidebar,
body.mf-shop-filters-disabled .mf-filter-toggle,
.mf-shop-layout--no-sidebar .mf-shop-sidebar,
.mf-shop-layout--no-sidebar .mf-filter-toggle {
display: none !important;
}
body.mf-shop-filters-disabled .mf-shop-toolbar {
margin-top: clamp(18px, 3vw, 34px) !important;
padding-block: clamp(12px, 2vw, 18px) !important;
}
body.mf-shop-filters-disabled .mf-shop-toolbar__left { min-width: 0; flex: 1 1 auto; }
body.mf-shop-filters-disabled .mf-product-grid,
body.mf-shop-filters-disabled .mf-product-grid[data-columns] { width: 100%; }
@media (min-width: 1280px) {
body.mf-shop-filters-disabled .mf-product-grid,
body.mf-shop-filters-disabled .mf-product-grid[data-columns="4"] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
body.mf-shop-filters-disabled .mf-shop-toolbar { border-block: 1px solid var(--mf-border); margin-top: 22px !important; margin-bottom: 22px !important; }
body.mf-shop-filters-disabled .mf-shop-toolbar__left,
body.mf-shop-filters-disabled .mf-shop-toolbar__right { justify-content: space-between; }
}
.mf-product-card__title { display: block; }
.mf-shop-confidence,
.mf-category-bottom,
.mf-feature__tag,
.mf-trust__card,
.mf-trust__icon { background-color: #F7F7F5 !important; }
.mf-shop-confidence__item .mf-icon,
.mf-trust__icon svg { color: #111111 !important; }
/* MerchFuse v1.4.6 — final CWV/accessibility polish */
.mf-product-card__media{background:#F1F1EF!important;contain:layout paint}.mf-product-card__img{backface-visibility:hidden}.mf-product-card__action{min-width:44px;min-height:44px}.mf-product-card__cta .mf-btn{min-height:44px}.mf-shop-confidence,.mf-category-bottom,.mf-feature__tag,.mf-trust__card,.mf-trust__icon{background-color:#F7F7F5!important}.mf-product-grid{align-items:start}.mf-shop-header__description{font-size:clamp(16px,1.25vw,18px);line-height:1.65}.mf-shop-header__description p{max-width:980px}@media(max-width:420px){.mf-product-grid,.mf-product-grid[data-columns]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px 16px!important}.mf-product-card__title{font-size:14px;line-height:1.25}.mf-product-card__price{font-size:15px}.mf-product-card__cat{font-size:10px;letter-spacing:.18em}.mf-product-card__media{border-radius:12px}.mf-product-card__action{width:42px;height:42px}.mf-product-card__cta .mf-btn{font-size:11px;letter-spacing:.12em;padding-inline:6px}}
/* ==========================================================================
MerchFuse v1.4.2 — final UX fixes: compact search, wishlist, breadcrumbs,
tabs, reviews, pagination and mobile responsiveness.
========================================================================== */
/* Compact, fast-feeling search overlay. No giant blank panel before typing. */
.mf-search-overlay__panel{
width:min(760px,calc(100vw - 28px))!important;
margin-inline:auto!important;
padding:clamp(14px,3vw,28px)!important;
}
.mf-search-overlay__form{
width:100%!important;
max-width:none!important;
border:2px solid #111!important;
border-radius:18px!important;
min-height:56px!important;
overflow:hidden!important;
}
.mf-search-overlay__form input[name="s"]{
min-width:0!important;
text-overflow:ellipsis!important;
}
.mf-search-suggestions{
width:100%!important;
max-height:min(62vh,620px)!important;
min-height:0!important;
overflow:auto!important;
overscroll-behavior:contain!important;
-webkit-overflow-scrolling:touch!important;
border:1px solid rgba(17,17,17,.12)!important;
box-shadow:0 24px 80px rgba(17,17,17,.12)!important;
}
.mf-search-suggestions[hidden]{display:none!important}
.mf-search-suggestions__quick{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:10px!important;
padding:14px!important;
}
.mf-search-suggestions__quick a{
min-width:0!important;
min-height:46px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
text-align:center!important;
white-space:normal!important;
overflow-wrap:anywhere!important;
line-height:1.15!important;
padding:10px 12px!important;
}
.mf-search-suggestions__item{
min-height:78px!important;
}
.mf-search-suggestions__item.is-term{
background:#fafaf8!important;
}
.mf-search-suggestions__thumb-mark{
width:100%;height:100%;display:grid;place-items:center;border-radius:12px;background:#111;color:#fff;font-weight:900;font-size:12px;letter-spacing:.08em;
}
.mf-search-suggestions__pill,
.mf-search-suggestions__all{
display:inline-grid!important;place-items:center!important;border:1px solid rgba(17,17,17,.16)!important;border-radius:999px!important;font-size:12px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.08em!important;text-decoration:none!important;color:#111!important;background:#fff!important;
}
.mf-search-suggestions__pill{padding:8px 12px!important;white-space:nowrap!important}
.mf-search-suggestions__all{margin:12px!important;padding:13px 16px!important}
@media(max-width:760px){
.mf-search-overlay__panel{width:calc(100vw - 24px)!important;padding:12px!important;top:10px!important}
.mf-search-overlay__form{min-height:50px!important;border-radius:16px!important;padding-inline:10px 6px!important;gap:8px!important}
.mf-search-overlay__form input[name="s"]{height:48px!important;font-size:16px!important}
.mf-search-overlay__close{width:38px!important;height:38px!important;font-size:28px!important;flex:0 0 38px!important}
.mf-search-suggestions{max-height:calc(100dvh - 112px)!important;margin-top:10px!important;border-radius:18px!important}
.mf-search-suggestions__quick{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:12px!important}
.mf-search-suggestions__quick a{font-size:12px!important;letter-spacing:.06em!important}
.mf-search-suggestions__item{grid-template-columns:54px minmax(0,1fr)!important;gap:12px!important;padding:12px!important}
.mf-search-suggestions__price,.mf-search-suggestions__pill{grid-column:2!important;justify-self:start!important}
}
/* Header mobile balance: search visible, but wishlist/cart/menu remain tappable. */
@media(max-width:1024px){
.mf-header__inner{grid-template-columns:54px minmax(118px,1fr) auto 40px!important;gap:8px!important;padding-inline:10px!important}
.mf-header__brand img,.mf-logo img{max-width:54px!important;height:auto!important}
.mf-mobile-search{height:42px!important;border-radius:12px!important;padding:0 8px!important;min-width:0!important;max-width:100%!important}
.mf-mobile-search .mf-icon{width:18px!important;height:18px!important;flex:0 0 18px!important}
.mf-mobile-search input{font-size:14px!important;min-width:0!important;text-overflow:ellipsis!important;padding-inline:6px!important}
.mf-mobile-tools{gap:3px!important;display:flex!important;align-items:center!important}
.mf-mobile-tools .mf-icon-btn,.mf-menu-toggle{width:36px!important;height:42px!important;min-width:36px!important}
.mf-mobile-tools .mf-icon{width:21px!important;height:21px!important}
}
@media(max-width:390px){
.mf-header__inner{grid-template-columns:48px minmax(92px,1fr) auto 36px!important;gap:5px!important;padding-inline:8px!important}
.mf-header__brand img,.mf-logo img{max-width:48px!important}
.mf-mobile-search{height:39px!important;border-radius:11px!important}
.mf-mobile-search input{font-size:12.5px!important}
.mf-mobile-tools .mf-icon-btn,.mf-menu-toggle{width:31px!important;min-width:31px!important;height:39px!important}
}
/* Proportionate wishlist/cart counters. */
.mf-wishlist-count,.mf-cart-count{
min-width:16px!important;height:16px!important;padding:0 4px!important;font-size:9px!important;line-height:16px!important;border-radius:999px!important;border:1.5px solid #fff!important;box-shadow:0 2px 8px rgba(0,0,0,.18)!important;
}
.mf-mobile-tools .mf-wishlist-count,.mf-mobile-tools .mf-cart-count{top:1px!important;right:-2px!important;min-width:15px!important;height:15px!important;font-size:8px!important;line-height:15px!important}
/* Breadcrumbs: visible, compact, SEO-safe, and never vertical. */
.mf-breadcrumbs{display:block!important;margin:0 0 18px!important;padding-top:clamp(10px,2vw,18px)!important;font-size:12px!important;line-height:1.4!important;color:#777!important;text-transform:uppercase!important;letter-spacing:.08em!important}
.mf-breadcrumbs ol{display:flex!important;flex-wrap:wrap!important;gap:6px!important;align-items:center!important;list-style:none!important;padding:0!important;margin:0!important}
.mf-breadcrumbs li{display:inline-flex!important;align-items:center!important;min-width:0!important;max-width:100%!important}
.mf-breadcrumbs li+li:before{content:"/"!important;margin-right:6px!important;color:#aaa!important}
.mf-breadcrumbs a{color:#666!important;text-decoration:none!important}
.mf-breadcrumbs a:hover{color:#111!important;text-decoration:underline!important}
.mf-breadcrumbs [aria-current="page"] span,.mf-breadcrumbs li[aria-current="page"]{color:#111!important;overflow:hidden!important;text-overflow:ellipsis!important}
/* Product info pills should feel clickable and activate tabs. */
.mf-product-confidence a,.mf-product-confidence button{cursor:pointer!important;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease!important}
.mf-product-confidence a:hover,.mf-product-confidence button:hover{border-color:#111!important;box-shadow:0 0 0 3px rgba(17,17,17,.08)!important;transform:translateY(-1px)!important}
/* What You’re Getting heading visibility. */
.mf-education__eyebrow,.mf-education__section--quality .mf-education__eyebrow{font-weight:950!important;color:#fff!important;opacity:1!important;text-shadow:0 1px 0 rgba(0,0,0,.22)!important}
/* Reviews: star UI and photo strip without grey empty bars. */
.comment-form-rating .stars{display:flex!important;gap:6px!important;margin:8px 0 0!important}
.comment-form-rating .stars span{display:flex!important;gap:6px!important}
.comment-form-rating .stars a{width:32px!important;height:32px!important;font-size:0!important;text-indent:0!important;overflow:hidden!important;color:#111!important;text-decoration:none!important;position:relative!important}
.comment-form-rating .stars a:before{content:"★"!important;position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;font-size:26px!important;line-height:1!important;color:currentColor!important}
.comment-form-rating .stars:hover a,.comment-form-rating .stars.selected a{color:#111!important}
.mf-reviews__photos{align-items:start!important;min-height:0!important;background:transparent!important}
.mf-reviews__photos img{display:block!important;background:#f4f4f2!important;aspect-ratio:4/3!important;object-fit:cover!important}
/* Related products immediately below tabs, clean grid and visible hearts. */
.mf-rp-section{margin-top:clamp(28px,5vw,64px)!important;padding-top:clamp(22px,4vw,44px)!important;border-top:1px solid rgba(17,17,17,.12)!important}
.mf-rp-card{position:relative!important}
.mf-rp-wishlist{z-index:3!important}
@media(max-width:560px){.mf-rp-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px 14px!important}.mf-rp-title{font-size:clamp(30px,9vw,44px)!important}.mf-rp-name{font-size:15px!important;line-height:1.22!important}}
/* Product/category/search pagination: crawl-safe normal links with premium UI. */
.mf-shop-pagination .page-numbers,.mf-search-page .page-numbers{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:8px!important;list-style:none!important;margin:0!important;padding:0!important}
.mf-shop-pagination .page-numbers a,.mf-shop-pagination .page-numbers span,.mf-search-page .page-numbers a,.mf-search-page .page-numbers span{min-width:42px!important;height:42px!important;display:inline-grid!important;place-items:center!important;border:1px solid rgba(17,17,17,.18)!important;border-radius:999px!important;background:#fff!important;color:#111!important;text-decoration:none!important;font-weight:800!important;font-size:13px!important}
.mf-shop-pagination .page-numbers .current,.mf-search-page .page-numbers .current{background:#111!important;color:#fff!important;border-color:#111!important}
.mf-shop-pagination .page-numbers a:hover,.mf-search-page .page-numbers a:hover{border-color:#111!important;box-shadow:0 6px 18px rgba(17,17,17,.10)!important}
/* Variation label emergency fix for legacy imported 'Sized' attributes. */
.mf-product__variation-row .mf-label{text-transform:uppercase!important}
/* ==========================================================================
MerchFuse v1.4.2 final re-analysis patch: compact search, fast suggestions,
proportionate wishlist, pagination, reviews, education and mobile polish.
========================================================================== */
.mf-search-overlay{z-index:999999!important}
.mf-search-overlay__panel{width:min(720px,calc(100vw - 24px))!important;min-height:0!important;max-height:calc(100dvh - 24px)!important;overflow:visible!important;padding:12px!important;border-radius:22px!important}
.mf-search-overlay__form{min-height:50px!important;height:50px!important;border-radius:16px!important;display:flex!important;align-items:center!important;padding:0 8px 0 14px!important;gap:8px!important;background:#fff!important;box-shadow:0 10px 38px rgba(17,17,17,.08)!important}
.mf-search-overlay__form input[name="s"]{height:48px!important;font-size:clamp(16px,3.8vw,22px)!important;min-width:0!important;text-overflow:ellipsis!important;line-height:1.1!important}
.mf-search-overlay__submit{display:none!important}.mf-search-overlay__close{width:38px!important;height:38px!important;flex:0 0 38px!important;font-size:28px!important;border-radius:999px!important}
.mf-search-suggestions{min-height:0!important;max-height:min(64vh,620px)!important;overflow:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;border-radius:18px!important;background:#fff!important;margin-top:10px!important;padding:0!important}
.mf-search-suggestions__hint{padding:12px 14px 2px!important;color:#777!important;font-size:13px!important;text-align:center!important}
.mf-search-suggestions__quick{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;padding:12px!important;align-items:stretch!important}
.mf-search-suggestions__quick a{min-width:0!important;min-height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;line-height:1.1!important;padding:9px 10px!important;border-radius:999px!important;letter-spacing:.06em!important}
.mf-search-suggestions__item{grid-template-columns:58px minmax(0,1fr) auto!important;gap:12px!important;min-height:82px!important;padding:12px!important}
.mf-search-suggestions__meta strong{white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
@media(max-width:640px){.mf-search-overlay__panel{width:calc(100vw - 20px)!important;top:8px!important}.mf-search-overlay__form{height:48px!important;min-height:48px!important;border-radius:15px!important}.mf-search-suggestions{max-height:calc(100dvh - 104px)!important}.mf-search-suggestions__quick{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.mf-search-suggestions__quick a{font-size:11px!important;min-height:40px!important;padding:9px 8px!important}.mf-search-suggestions__item{grid-template-columns:52px minmax(0,1fr)!important}.mf-search-suggestions__price,.mf-search-suggestions__pill{grid-column:2!important;justify-self:start!important}}
@media(max-width:390px){.mf-search-suggestions__quick{grid-template-columns:1fr!important}.mf-search-suggestions__quick a{min-height:38px!important}.mf-search-overlay__form input[name="s"]{font-size:15px!important}.mf-mobile-search input{font-size:13px!important}.mf-header__inner{grid-template-columns:48px minmax(88px,1fr) auto 36px!important}}
.mf-shop-pagination,.woocommerce-pagination{display:flex!important;justify-content:center!important;align-items:center!important;margin:clamp(28px,5vw,56px) 0!important;clear:both!important}
.mf-shop-pagination .page-numbers,.woocommerce-pagination .page-numbers{display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important;justify-content:center!important;list-style:none!important;margin:0!important;padding:0!important}
.mf-shop-pagination a.page-numbers,.mf-shop-pagination span.page-numbers,.woocommerce-pagination a.page-numbers,.woocommerce-pagination span.page-numbers,.mf-shop-pagination .page-numbers a,.woocommerce-pagination .page-numbers a{min-width:42px!important;height:42px!important;padding:0 12px!important;border:1px solid rgba(17,17,17,.18)!important;border-radius:999px!important;display:inline-grid!important;place-items:center!important;text-decoration:none!important;color:#111!important;background:#fff!important;font-weight:800!important}
.mf-shop-pagination .current,.woocommerce-pagination .current{background:#111!important;color:#fff!important;border-color:#111!important}.mf-shop-pagination .prev,.mf-shop-pagination .next,.woocommerce-pagination .prev,.woocommerce-pagination .next{min-width:96px!important}
.mf-wishlist-count,.mf-cart-count{position:absolute!important;top:-5px!important;right:-5px!important;min-width:16px!important;height:16px!important;padding:0 4px!important;font-size:9px!important;line-height:15px!important;border-radius:999px!important;background:#fff!important;color:#111!important;border:1px solid #111!important;font-weight:900!important;text-align:center!important;box-shadow:0 2px 8px rgba(0,0,0,.18)!important}.mf-icon-btn{position:relative!important}.mf-mobile-tools .mf-wishlist-count,.mf-mobile-tools .mf-cart-count{top:2px!important;right:-3px!important;min-width:14px!important;height:14px!important;font-size:8px!important;line-height:13px!important}.mf-icon-btn.is-wishlist-pulse svg,.mf-wishlist-btn.is-heart-pop svg{animation:mfHeartPop .62s ease both!important;color:#d91f32!important;stroke:#d91f32!important}.mf-icon-btn.has-wishlist-items svg{transition:color .2s ease,stroke .2s ease}.mf-icon-btn.has-wishlist-items.is-wishlist-pulse{animation:mfHeaderHeart 1.35s ease both!important}@keyframes mfHeartPop{0%{transform:scale(1)}35%{transform:scale(1.26)}70%{transform:scale(.94)}100%{transform:scale(1)}}@keyframes mfHeaderHeart{0%,100%{filter:none}35%{filter:drop-shadow(0 0 12px rgba(217,31,50,.38))}}
.mf-product__variation-row .mf-label{text-transform:uppercase!important}.mf-product__variation-row .mf-label[data-label="sized"]{font-size:0!important}.mf-product__variation-row .mf-label[data-label="sized"]:after{content:"SIZE";font-size:14px!important;letter-spacing:.12em!important}.mf-product-confidence a{cursor:pointer!important;text-decoration:none!important}.mf-product-confidence a:focus-visible{outline:3px solid #111!important;outline-offset:3px!important}
.mf-reviews{padding-top:clamp(20px,4vw,40px)!important}.mf-reviews__proof{display:grid!important;gap:clamp(16px,3vw,26px)!important;margin-bottom:clamp(22px,4vw,42px)!important}.mf-reviews__photos{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;overflow:visible!important;background:transparent!important;padding:0!important}.mf-reviews__photos img{width:100%!important;height:auto!important;aspect-ratio:4/3!important;object-fit:cover!important;border-radius:14px!important;background:#f5f5f3!important;display:block!important;box-shadow:none!important}.mf-reviews__form-card{background:#f8f8f6!important;border:1px solid rgba(17,17,17,.08)!important;border-radius:18px!important;padding:clamp(18px,3vw,34px)!important}.comment-form-rating select{width:100%!important;max-width:360px!important;height:48px!important;border-radius:10px!important;border:1px solid rgba(17,17,17,.22)!important;padding:0 12px!important;background:#fff!important}.comment-form-rating .stars{font-size:0!important}@media(max-width:860px){.mf-reviews__photos{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mf-reviews__grid{grid-template-columns:1fr!important}}
.mf-education__section--quality .mf-education__eyebrow,.mf-education__eyebrow{font-weight:950!important;color:#fff!important;letter-spacing:.17em!important;opacity:1!important}.mf-rp-section{margin-top:clamp(24px,4vw,44px)!important;padding-top:clamp(22px,4vw,40px)!important;border-top:1px solid rgba(17,17,17,.12)!important}.mf-rp-card{position:relative!important}.mf-rp-wishlist{position:absolute!important;top:12px!important;right:12px!important;z-index:5!important;background:#fff!important}
/* ==== MerchFuse v1.4.6 final fixes: contrast, search visibility, thumbnails, footer headings ==== */
.mf-footer,.mf-footer p,.mf-footer li,.mf-footer span,.mf-footer__tagline,.mf-footer__bottom{color:#F2F2F2!important;opacity:1!important}.mf-footer a,.mf-footer-widget a,.mf-footer__nav a{color:#F5F5F5!important;text-decoration:none!important}.mf-footer a:hover,.mf-footer-widget a:hover,.mf-footer__nav a:hover{color:#FFFFFF!important;text-decoration:underline!important}.mf-footer h2.wp-block-heading,.mf-footer h3,.mf-footer h4,.mf-footer-widget__title{color:#FFFFFF!important;font-weight:850!important;letter-spacing:.12em!important;text-transform:uppercase!important}.mf-home-confidence,.mf-home-confidence *{color:#111111!important}.mf-home-confidence a,.mf-home-confidence__inner a,.mf-home-confidence .wp-block-list a{color:#111111!important;background:#FFFFFF!important;border-color:rgba(17,17,17,.22)!important;min-height:46px!important;padding:10px 14px!important}.mf-home-confidence a:hover{background:#111111!important;color:#FFFFFF!important}.mf-vintage__viewall,.mf-photo__viewall{min-width:48px!important;min-height:48px!important;padding:12px 16px!important;color:#111!important;background:#fff!important;border:1px solid rgba(17,17,17,.18)!important}.mf-education__section--size .mf-education__eyebrow,.mf-education__section--frame .mf-education__eyebrow,.mf-education__section:not(.mf-education__section--quality) .mf-education__eyebrow{color:#111111!important;background:#FFFFFF!important;border:1px solid rgba(17,17,17,.18)!important;text-shadow:none!important;opacity:1!important}.mf-education__section--quality .mf-education__eyebrow{color:#FFFFFF!important;background:transparent!important;text-shadow:0 1px 1px rgba(0,0,0,.4)!important;opacity:1!important}.wp-block-heading.has-white-color,.has-white-color{color:#FFFFFF!important}.mf-search-overlay{position:fixed!important;inset:0!important;z-index:99997!important}.mf-header{position:relative!important;z-index:100000!important}.mf-search-overlay__backdrop{top:var(--mf-search-top,112px)!important;background:rgba(17,17,17,.72)!important}.mf-search-overlay__panel{position:fixed!important;top:var(--mf-search-top,112px)!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:min(880px,calc(100vw - 36px))!important;max-height:calc(100dvh - var(--mf-search-top,112px) - 18px)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:14px!important;border-radius:22px!important;background:#fff!important;box-shadow:0 24px 80px rgba(0,0,0,.38)!important}.mf-search-overlay__form{height:56px!important;min-height:56px!important;display:flex!important;align-items:center!important;flex:0 0 auto!important;border:2px solid #111!important;border-radius:16px!important;background:#fff!important;overflow:hidden!important}.mf-search-overlay__form input[name="s"]{display:block!important;min-width:0!important;width:100%!important;height:54px!important;line-height:54px!important;color:#111!important;background:transparent!important;opacity:1!important;visibility:visible!important;font-size:20px!important}.mf-search-suggestions{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;background:#fff!important}.mf-search-suggestions__quick{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}.mf-search-suggestions__quick a{min-width:0!important;white-space:normal!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.1!important}.mf-gallery__thumb-img{width:72px!important;height:72px!important;object-fit:cover!important}.mf-product-card__img,.mf-rp-img{image-rendering:auto!important}@media(max-width:782px){.mf-search-overlay__backdrop{top:var(--mf-search-top,82px)!important}.mf-search-overlay__panel{top:var(--mf-search-top,82px)!important;width:calc(100vw - 18px)!important;max-height:calc(100dvh - var(--mf-search-top,82px) - 12px)!important;padding:10px!important;border-radius:18px!important}.mf-search-overlay__form{height:50px!important;min-height:50px!important}.mf-search-overlay__form input[name="s"]{height:48px!important;line-height:48px!important;font-size:16px!important}.mf-search-suggestions__quick{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.mf-search-suggestions__quick a{font-size:11px!important;letter-spacing:.04em!important;min-height:40px!important;padding:8px 6px!important}.mf-vintage__viewall,.mf-photo__viewall{min-width:48px!important;min-height:48px!important}}
/* ==== single-product.css ==== */
/* ========================================================================
MerchFuse — Single Product
========================================================================
Gallery, summary, variations, add-to-cart, tabs, lightbox, related.
------------------------------------------------------------------------ */
.mf-product {
padding-block: var(--mf-space-5) var(--mf-space-9);
}
/* ===================================================================
TWO-COLUMN LAYOUT — gallery (left) + summary (right)
=================================================================== */
.mf-product__layout {
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
gap: var(--mf-space-8);
align-items: start;
}
@media (max-width: 1024px) {
.mf-product__layout { grid-template-columns: 1fr; gap: var(--mf-space-6); }
}
/* ===================================================================
GALLERY
=================================================================== */
.mf-gallery {
display: grid;
grid-template-columns: 88px 1fr;
gap: var(--mf-space-4);
outline: none; /* we handle focus via focus-visible */
}
.mf-gallery:focus-visible { box-shadow: 0 0 0 3px var(--mf-sage); border-radius: var(--mf-radius-md); }
@media (max-width: 640px) {
.mf-gallery { grid-template-columns: 1fr; grid-template-rows: auto auto; }
}
/* Thumbnails */
.mf-gallery__thumbs {
order: -1; /* thumbs on LEFT by default */
list-style: none;
padding: 0; margin: 0;
display: flex;
flex-direction: column;
gap: var(--mf-space-2);
max-height: 620px;
overflow-y: auto;
scrollbar-width: thin;
}
@media (max-width: 640px) {
.mf-gallery__thumbs {
order: 1;
flex-direction: row;
max-height: none;
overflow-x: auto;
overflow-y: visible;
}
}
.mf-gallery__thumb { margin: 0; flex-shrink: 0; }
.mf-gallery__thumb-btn {
display: block;
width: 80px; height: 80px;
padding: 0;
background: var(--mf-white);
border: 2px solid transparent;
border-radius: var(--mf-radius-sm);
cursor: pointer;
overflow: hidden;
transition: border-color var(--mf-dur-fast) var(--mf-ease);
}
.mf-gallery__thumb-btn img {
width: 100%; height: 100%;
/* v1.4.18: contain (not cover) so vertical/horizontal/square thumbnails
all show the full image without cropping. Catalog has mixed aspect
ratios — main image is square, second image varies by product. */
object-fit: contain;
background: var(--mf-white);
transition: transform var(--mf-dur-fast) var(--mf-ease);
}
.mf-gallery__thumb-btn:hover { border-color: var(--mf-sage); }
.mf-gallery__thumb.is-active .mf-gallery__thumb-btn {
border-color: var(--mf-dark);
}
/* Stage (main image area) */
.mf-gallery__stage {
position: relative;
aspect-ratio: 1/1;
background: var(--mf-sage-soft);
border-radius: var(--mf-radius-md);
overflow: hidden;
cursor: zoom-in;
user-select: none;
touch-action: pan-y; /* allow vertical page scroll, we handle horizontal */
}
.mf-gallery__stage.is-zooming { cursor: none; }
.mf-gallery__track {
position: relative;
width: 100%;
height: 100%;
}
.mf-gallery__slide {
position: absolute;
inset: 0;
margin: 0;
opacity: 0;
transition: opacity var(--mf-dur-base) var(--mf-ease);
pointer-events: none;
}
.mf-gallery__slide.is-active { opacity: 1; pointer-events: auto; }
.mf-gallery__img {
width: 100%;
height: 100%;
object-fit: contain;
background: var(--mf-white);
}
/* Hover magnifier lens (desktop only) */
.mf-gallery__lens {
position: absolute;
inset: 0;
background-size: 250%;
background-repeat: no-repeat;
opacity: 0;
animation: mf-lens-in 0.25s var(--mf-ease) forwards;
pointer-events: none;
}
@keyframes mf-lens-in { to { opacity: 1; } }
/* Badges */
.mf-gallery__badges {
position: absolute;
top: var(--mf-space-3);
left: var(--mf-space-3);
display: flex;
flex-direction: column;
gap: var(--mf-space-2);
z-index: 3;
}
/* Zoom / wishlist buttons on gallery */
.mf-gallery__zoom,
.mf-gallery__wishlist {
position: absolute;
width: 40px; height: 40px;
background: rgb(249 250 248 / 0.95);
border: 0;
border-radius: var(--mf-radius-pill);
cursor: pointer;
display: grid;
place-items: center;
color: var(--mf-dark);
backdrop-filter: blur(4px);
transition: background var(--mf-dur-fast) var(--mf-ease), color var(--mf-dur-fast) var(--mf-ease), transform var(--mf-dur-fast) var(--mf-ease);
z-index: 3;
}
.mf-gallery__zoom { top: var(--mf-space-3); right: var(--mf-space-3); }
.mf-gallery__wishlist { bottom: var(--mf-space-3); right: var(--mf-space-3); }
.mf-gallery__zoom:hover,
.mf-gallery__wishlist:hover { background: var(--mf-dark); color: var(--mf-cream); transform: scale(1.05); }
.mf-gallery__wishlist.is-active { background: var(--mf-error-bg); color: var(--mf-error); }
.mf-gallery__zoom .mf-icon,
.mf-gallery__wishlist .mf-icon { width: 18px; height: 18px; }
/* Prev / Next arrows */
.mf-gallery__nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 44px; height: 44px;
background: rgb(249 250 248 / 0.95);
border: 0;
border-radius: var(--mf-radius-pill);
cursor: pointer;
display: grid;
place-items: center;
color: var(--mf-dark);
backdrop-filter: blur(4px);
opacity: 0;
transition: opacity var(--mf-dur-fast) var(--mf-ease), background var(--mf-dur-fast) var(--mf-ease);
z-index: 3;
}
.mf-gallery__stage:hover .mf-gallery__nav,
.mf-gallery__stage:focus-within .mf-gallery__nav { opacity: 1; }
@media (hover: none) {
.mf-gallery__nav { opacity: 1; width: 38px; height: 38px; }
}
.mf-gallery__nav--prev { left: var(--mf-space-3); }
.mf-gallery__nav--next { right: var(--mf-space-3); }
.mf-gallery__nav:hover { background: var(--mf-dark); color: var(--mf-cream); }
.mf-gallery__nav .mf-icon { width: 20px; height: 20px; }
/* Counter */
.mf-gallery__counter {
position: absolute;
bottom: var(--mf-space-3);
left: var(--mf-space-3);
padding: 4px 10px;
font-size: 11px;
font-weight: var(--mf-fw-semibold);
letter-spacing: var(--mf-ls-wide);
color: var(--mf-cream);
background: rgb(26 36 32 / 0.7);
border-radius: var(--mf-radius-pill);
backdrop-filter: blur(4px);
z-index: 3;
}
/* ===================================================================
SUMMARY (right column)
=================================================================== */
.mf-product__summary {
display: flex;
flex-direction: column;
gap: var(--mf-space-4);
position: sticky;
top: calc(var(--mf-header-height) + var(--mf-space-4));
}
@media (max-width: 1024px) {
.mf-product__summary { position: static; }
}
.mf-product__title {
font-family: var(--mf-font-display);
font-size: clamp(1.75rem, 2.5vw, 2.5rem);
font-weight: var(--mf-fw-medium);
line-height: 1.15;
letter-spacing: var(--mf-ls-tight);
color: var(--mf-ink);
margin: 0;
}
.mf-product__rating {
display: flex;
align-items: center;
gap: var(--mf-space-2);
font-size: var(--mf-text-xs);
color: var(--mf-muted);
text-transform: uppercase;
letter-spacing: var(--mf-ls-wide);
}
.mf-product__rating .mf-stars .mf-icon { width: 14px; height: 14px; }
.mf-product__review-link { color: var(--mf-muted); text-decoration: underline; }
.mf-product__review-link:hover { color: var(--mf-ink); }
.mf-product__review-empty { font-style: normal; }
.mf-product__price {
font-size: clamp(1.5rem, 2vw, 2rem);
font-weight: var(--mf-fw-medium);
color: var(--mf-ink);
font-variant-numeric: tabular-nums;
letter-spacing: var(--mf-ls-tight);
margin: 0;
}
.mf-product__price del,
.mf-product__price .mf-price__old {
color: var(--mf-muted-2);
font-weight: var(--mf-fw-regular);
font-size: 0.7em;
margin-right: 10px;
text-decoration: line-through;
}
.mf-product__price ins,
.mf-product__price .mf-price__sale {
color: var(--mf-accent);
background: transparent;
text-decoration: none;
}
.mf-product__short-desc {
color: var(--mf-ink);
line-height: var(--mf-lh-loose);
font-size: var(--mf-text-md);
padding-top: var(--mf-space-3);
border-top: 1px solid var(--mf-border);
}
.mf-product__short-desc p + p { margin-top: var(--mf-space-3); }
.mf-product__short-desc ul, .mf-product__short-desc ol { padding-left: 1.2em; }
/* Divider */
.mf-product__summary::before {
content: none;
}
/* ===================================================================
VARIATIONS
=================================================================== */
.mf-product__variations {
display: flex;
flex-direction: column;
gap: var(--mf-space-4);
padding: var(--mf-space-4) 0;
border-top: 1px solid var(--mf-border);
}
.mf-product__variation-row {
display: flex;
flex-direction: column;
gap: var(--mf-space-2);
}
.mf-product__variation-row select {
/* v1.5.0: the variation select previously rendered as a flat box that
didn't read as "clickable". Now it has prominent affordances — a
red-themed border on hover/focus, a clear chevron, more padding,
and an obvious "click target" feel. */
appearance: none;
-webkit-appearance: none;
width: 100%;
max-width: 100%;
min-height: 56px;
padding: 14px 48px 14px 18px;
font-size: 16px;
font-weight: 600;
color: #111;
background-color: #fff;
/* Down chevron — inline SVG, red brand colour. */
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: right 18px center;
background-size: 14px 14px;
border: 1.5px solid rgba(17,17,17,.18);
border-radius: 12px;
cursor: pointer;
transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}
.mf-product__variation-row select:hover {
border-color: #ff332b;
background-color: rgba(255,51,43,.03);
}
.mf-product__variation-row select:focus,
.mf-product__variation-row select:focus-visible {
outline: 0;
border-color: #ff332b;
box-shadow: 0 0 0 3px rgba(255,51,43,.18);
}
.mf-product__variation-row .mf-label {
display: block;
font-size: 12px;
font-weight: 800;
letter-spacing: .14em;
text-transform: uppercase;
color: #111;
margin-bottom: 2px;
}
/* Tiny "Tap to choose" hint sits inline next to the label so the user
sees instantly that this is an interactive control. */
.mf-product__variation-row .mf-label::after {
content: " — tap to choose";
display: inline;
font-size: 11px;
font-weight: 600;
letter-spacing: .04em;
text-transform: none;
color: #6b6b6b;
margin-left: 4px;
}
.mf-product__variation-reset a {
font-size: var(--mf-text-xs);
color: var(--mf-muted);
letter-spacing: var(--mf-ls-wide);
text-transform: uppercase;
text-decoration: underline;
}
.mf-product__variation-reset a:hover { color: var(--mf-green-dk); }
.single_variation {
margin: var(--mf-space-3) 0;
}
.single_variation .price {
font-size: var(--mf-text-xl);
font-weight: var(--mf-fw-semibold);
}
.woocommerce-variation-availability { font-size: var(--mf-text-sm); color: var(--mf-muted); }
.woocommerce-variation-description p { color: var(--mf-muted); font-size: var(--mf-text-sm); }
/* ===================================================================
QUANTITY INPUT + ADD-TO-CART
=================================================================== */
.mf-product__cart-form { display: flex; flex-direction: column; gap: var(--mf-space-3); }
.mf-product__cart-row {
display: flex;
align-items: stretch;
gap: var(--mf-space-3);
flex-wrap: wrap;
}
.mf-qty {
display: inline-flex;
align-items: stretch;
border: 1px solid var(--mf-border-dk);
border-radius: var(--mf-radius-sm);
overflow: hidden;
background: var(--mf-white);
height: 52px;
}
.mf-qty__btn {
width: 44px;
background: transparent;
border: 0;
font-size: 20px;
font-weight: var(--mf-fw-semibold);
color: var(--mf-dark);
cursor: pointer;
transition: background var(--mf-dur-fast) var(--mf-ease);
}
.mf-qty__btn:hover { background: var(--mf-sage-soft); }
.mf-qty__input {
width: 56px;
padding: 0;
text-align: center;
border: 0;
border-left: 1px solid var(--mf-border-dk);
border-right: 1px solid var(--mf-border-dk);
background: transparent;
font-size: var(--mf-text-base);
font-weight: var(--mf-fw-medium);
-moz-appearance: textfield;
}
.mf-qty__input:focus { outline: none; box-shadow: none; }
.mf-qty__input::-webkit-outer-spin-button,
.mf-qty__input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.mf-product__add-btn {
flex: 1;
min-width: 200px;
height: 52px;
padding: 0 var(--mf-space-5);
font-size: var(--mf-text-sm);
}
/* Stock status */
.mf-product__summary .stock {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 4px 10px;
font-size: var(--mf-text-xs);
font-weight: var(--mf-fw-medium);
letter-spacing: var(--mf-ls-wide);
text-transform: uppercase;
border-radius: var(--mf-radius-pill);
width: fit-content;
}
.mf-product__summary .stock.in-stock { color: var(--mf-green-dk); background: var(--mf-sage-soft); }
.mf-product__summary .stock.out-of-stock { color: var(--mf-error); background: var(--mf-error-bg); }
/* ===================================================================
TRUST BADGES
=================================================================== */
.mf-trust {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: var(--mf-space-3);
padding: clamp(16px, 2vw, 22px);
margin-top: var(--mf-space-4);
background: #FAFAF8;
border: 1px solid rgba(17,17,17,.08);
border-radius: 14px;
}
@media (max-width: 900px) {
.mf-trust { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 540px) {
.mf-trust { grid-template-columns: 1fr; }
}
.mf-trust__item {
display: flex;
align-items: center;
gap: 12px;
padding: 4px 0;
}
.mf-trust__item .mf-icon {
flex-shrink: 0;
/* v1.5.0: trust icon now sits inside a soft red pill so it actually
reads as a "feature badge" rather than an inline glyph. */
width: 38px !important;
height: 38px !important;
padding: 9px;
background: rgba(255, 51, 43, .12);
color: #ff332b;
border-radius: 999px;
margin-top: 0;
box-sizing: border-box;
}
.mf-trust__item strong {
display: block;
font-size: 13px;
font-weight: 800;
color: var(--mf-dark);
line-height: 1.25;
letter-spacing: -.005em;
}
.mf-trust__item span {
display: block;
font-size: 11.5px;
color: var(--mf-muted);
line-height: 1.4;
margin-top: 2px;
}
.mf-product-confidence {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: var(--mf-space-3);
}
.mf-product-confidence a,
.mf-product-confidence span {
display: inline-flex;
min-height: 36px;
align-items: center;
padding: 0 12px;
border: 1px solid var(--mf-border);
border-radius: var(--mf-radius-pill);
background: #fff;
color: var(--mf-dark);
font-size: var(--mf-text-xs);
font-weight: var(--mf-fw-semibold);
line-height: 1.25;
text-decoration: none;
}
.mf-product-confidence span { color: var(--mf-muted); }
@media (max-width: 540px) {
.mf-product-confidence a,
.mf-product-confidence span {
width: 100%;
justify-content: center;
text-align: center;
}
}
/* ===================================================================
META BLOCK
=================================================================== */
.mf-product__meta {
padding-top: var(--mf-space-5);
border-top: 1px solid var(--mf-border);
display: flex;
flex-direction: column;
gap: var(--mf-space-2);
font-size: var(--mf-text-sm);
color: var(--mf-muted);
}
.mf-product__meta-row { display: flex; gap: var(--mf-space-3); }
.mf-product__meta-label {
min-width: 100px;
font-weight: var(--mf-fw-semibold);
letter-spacing: var(--mf-ls-wide);
text-transform: uppercase;
font-size: var(--mf-text-xs);
color: var(--mf-dark);
}
.mf-product__meta a { color: inherit; text-decoration: underline; }
.mf-product__meta a:hover { color: var(--mf-green-dk); }
/* ===================================================================
TABS — description / info / reviews
=================================================================== */
.mf-tabs { margin-top: var(--mf-space-8); }
.mf-tabs__list {
display: flex;
gap: var(--mf-space-2);
list-style: none;
padding: 0;
margin: 0 0 var(--mf-space-5);
border-bottom: 1px solid var(--mf-border);
overflow-x: auto;
scrollbar-width: none;
}
.mf-tabs__list::-webkit-scrollbar { display: none; }
.mf-tabs__item { margin: 0; }
.mf-tabs__btn {
position: relative;
padding: var(--mf-space-4) var(--mf-space-5);
background: transparent;
border: 0;
font-size: var(--mf-text-sm);
font-weight: var(--mf-fw-medium);
letter-spacing: var(--mf-ls-wide);
text-transform: uppercase;
color: var(--mf-muted);
cursor: pointer;
white-space: nowrap;
transition: color var(--mf-dur-fast) var(--mf-ease);
}
.mf-tabs__btn::after {
content: "";
position: absolute;
left: 0; right: 0; bottom: -1px;
height: 2px;
background: var(--mf-dark);
transform: scaleX(0);
transform-origin: center;
transition: transform var(--mf-dur-base) var(--mf-ease);
}
.mf-tabs__btn:hover { color: var(--mf-dark); }
.mf-tabs__btn.is-active,
.mf-tabs__btn[aria-selected="true"] {
color: var(--mf-dark);
}
.mf-tabs__btn.is-active::after,
.mf-tabs__btn[aria-selected="true"]::after { transform: scaleX(1); }
.mf-tabs__panel {
padding: var(--mf-space-4) 0;
max-width: 820px;
color: var(--mf-dark);
line-height: var(--mf-lh-normal);
}
.mf-tabs__panel h2 { font-size: var(--mf-text-xl); margin-bottom: var(--mf-space-4); }
.mf-tabs__panel p + p { margin-top: var(--mf-space-3); }
.mf-tabs__panel ul, .mf-tabs__panel ol { padding-left: 1.2em; }
.mf-tabs__panel.woocommerce-Tabs-panel--additional_information table {
width: 100%;
border-collapse: collapse;
}
.mf-tabs__panel.woocommerce-Tabs-panel--additional_information th {
width: 30%;
text-transform: uppercase;
letter-spacing: var(--mf-ls-wide);
font-size: var(--mf-text-xs);
color: var(--mf-muted);
}
/* Specifications + Shipping tables (Phase 2) */
.mf-specs__table,
.mf-shipping__table {
width: 100%;
border-collapse: collapse;
margin-bottom: var(--mf-space-5);
}
.mf-specs__table th,
.mf-specs__table td,
.mf-shipping__table th,
.mf-shipping__table td {
padding: var(--mf-space-3) var(--mf-space-4);
border-bottom: 1px solid var(--mf-border);
text-align: left;
font-size: var(--mf-text-sm);
vertical-align: top;
}
.mf-specs__table th,
.mf-shipping__table th {
width: 30%;
background: var(--mf-sage-soft);
font-weight: var(--mf-fw-semibold);
text-transform: uppercase;
letter-spacing: var(--mf-ls-wide);
font-size: var(--mf-text-xs);
color: var(--mf-dark);
}
.mf-shipping__table th {
width: auto;
}
.mf-shipping__table thead th {
background: var(--mf-dark);
color: var(--mf-cream);
}
.mf-specs__attr-heading,
.mf-shipping__heading {
font-size: var(--mf-text-md);
font-weight: var(--mf-fw-semibold);
margin: var(--mf-space-6) 0 var(--mf-space-3);
}
.mf-shipping__intro p {
margin-bottom: var(--mf-space-2);
line-height: var(--mf-lh-normal);
color: var(--mf-dark);
}
.mf-shipping__intro p:last-child {
color: var(--mf-muted);
}
/* ===================================================================
REVIEWS (WooCommerce default markup, themed)
=================================================================== */
.woocommerce-Reviews { display: grid; grid-template-columns: 1fr; gap: var(--mf-space-6); }
@media (min-width: 900px) {
.woocommerce-Reviews { grid-template-columns: 1.2fr 1fr; }
}
.commentlist {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: var(--mf-space-5);
}
.commentlist li {
display: grid;
grid-template-columns: 48px 1fr;
gap: var(--mf-space-4);
padding-bottom: var(--mf-space-5);
border-bottom: 1px solid var(--mf-border);
}
.commentlist li:last-child { border-bottom: 0; }
.commentlist .avatar { width: 48px; height: 48px; border-radius: var(--mf-radius-pill); }
.commentlist .meta {
display: flex;
gap: var(--mf-space-2);
flex-wrap: wrap;
align-items: center;
font-size: var(--mf-text-sm);
color: var(--mf-muted);
margin-bottom: var(--mf-space-2);
}
.commentlist .meta strong { color: var(--mf-dark); }
.commentlist .star-rating { color: var(--mf-warning); }
.commentlist .description p { line-height: var(--mf-lh-normal); }
#review_form_wrapper {
padding: var(--mf-space-5);
background: var(--mf-sage-soft);
border-radius: var(--mf-radius-md);
}
#review_form h2, #review_form h3 { font-size: var(--mf-text-lg); margin-bottom: var(--mf-space-3); }
.comment-form-rating .stars { font-size: var(--mf-text-lg); }
/* ===================================================================
STICKY BUY BAR (mobile)
=================================================================== */
.mf-sticky-buy {
position: fixed;
left: 0; right: 0; bottom: 0;
padding: var(--mf-space-3) var(--mf-gutter);
background: var(--mf-cream);
border-top: 1px solid var(--mf-border);
box-shadow: 0 -8px 24px var(--mf-shadow);
display: flex;
align-items: center;
gap: var(--mf-space-3);
z-index: var(--mf-z-sticky);
transform: translateY(100%);
transition: transform var(--mf-dur-base) var(--mf-ease-in-out);
padding-bottom: calc(var(--mf-space-3) + env(safe-area-inset-bottom));
}
.mf-sticky-buy.is-visible { transform: translateY(0); }
.mf-sticky-buy__thumb {
width: 48px; height: 48px;
border-radius: var(--mf-radius-sm);
object-fit: cover;
flex-shrink: 0;
}
.mf-sticky-buy__info {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
line-height: 1.2;
}
.mf-sticky-buy__name {
font-size: var(--mf-text-sm);
font-weight: var(--mf-fw-medium);
color: var(--mf-dark);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.mf-sticky-buy__price {
font-size: var(--mf-text-sm);
font-weight: var(--mf-fw-semibold);
color: var(--mf-dark);
}
.mf-sticky-buy .mf-btn {
flex-shrink: 0;
padding: 12px 18px;
font-size: 12px;
}
@media (min-width: 1025px) { .mf-sticky-buy { display: none; } }
/* ===================================================================
LIGHTBOX
=================================================================== */
.mf-lightbox {
position: fixed;
inset: 0;
background: rgb(26 36 32 / 0.96);
z-index: var(--mf-z-modal);
display: none;
align-items: center;
justify-content: center;
padding: var(--mf-space-5);
opacity: 0;
transition: opacity var(--mf-dur-base) var(--mf-ease);
}
.mf-lightbox.is-open {
display: flex;
opacity: 1;
}
.mf-lightbox__stage {
max-width: min(1400px, 96vw);
max-height: 92vh;
margin: 0;
display: flex;
flex-direction: column;
align-items: center;
}
.mf-lightbox__img {
max-width: 100%;
max-height: 86vh;
object-fit: contain;
border-radius: var(--mf-radius);
box-shadow: 0 20px 60px rgba(0,0,0,0.5);
}
.mf-lightbox__caption {
margin-top: var(--mf-space-3);
color: var(--mf-cream);
font-size: var(--mf-text-sm);
letter-spacing: var(--mf-ls-wide);
}
.mf-lightbox__close {
position: absolute;
top: var(--mf-space-4);
right: var(--mf-space-4);
width: 44px; height: 44px;
background: rgb(249 250 248 / 0.1);
border: 1px solid rgb(249 250 248 / 0.3);
border-radius: var(--mf-radius-pill);
color: var(--mf-cream);
cursor: pointer;
display: grid;
place-items: center;
backdrop-filter: blur(8px);
transition: background var(--mf-dur-fast) var(--mf-ease);
}
.mf-lightbox__close:hover { background: rgb(249 250 248 / 0.25); }
.mf-lightbox__nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 48px; height: 48px;
background: rgb(249 250 248 / 0.1);
border: 1px solid rgb(249 250 248 / 0.3);
border-radius: var(--mf-radius-pill);
color: var(--mf-cream);
cursor: pointer;
display: grid;
place-items: center;
backdrop-filter: blur(8px);
transition: background var(--mf-dur-fast) var(--mf-ease);
}
.mf-lightbox__nav:hover { background: rgb(249 250 248 / 0.25); }
.mf-lightbox__nav--prev { left: var(--mf-space-4); }
.mf-lightbox__nav--next { right: var(--mf-space-4); }
@media (max-width: 640px) {
.mf-lightbox__nav { width: 40px; height: 40px; }
.mf-lightbox__close { top: var(--mf-space-3); right: var(--mf-space-3); width: 40px; height: 40px; }
}
/* v1.3 product page responsive hardening */
.mf-product,
.mf-product__layout,
.mf-product__gallery,
.mf-product__summary,
.mf-product__extras,
.mf-gallery,
.mf-tabs,
.mf-tabs__panel { min-width: 0; max-width: 100%; }
.mf-product__extras { overflow-x: clip; }
.mf-gallery__stage { max-width: 100%; }
@media (max-width: 640px) {
.mf-product { padding-block: var(--mf-space-3) var(--mf-space-8); }
.mf-product__layout { gap: var(--mf-space-4); }
.mf-gallery__stage { border-radius: var(--mf-radius); }
.mf-product__summary { padding-inline: 0; }
}
/* Desenio/Printify-inspired specifications tab */
.mf-info-copy { font-size: var(--mf-text-md); line-height: var(--mf-lh-loose); }
.mf-description__assurance {
display: flex;
flex-wrap: wrap;
gap: var(--mf-space-2);
margin-top: var(--mf-space-5);
}
.mf-description__assurance span,
.mf-shipping__notice {
display: inline-flex;
align-items: center;
gap: var(--mf-space-2);
padding: 10px 14px;
background: var(--mf-bg-subtle);
border: 1px solid var(--mf-border);
border-radius: var(--mf-radius-sm);
font-size: var(--mf-text-xs);
text-transform: uppercase;
letter-spacing: var(--mf-ls-wide);
font-weight: var(--mf-fw-semibold);
}
.mf-specs__about,
.mf-specs__quality-grid,
.mf-shipping__intro { margin-bottom: var(--mf-space-7); }
.mf-specs__about h3,
.mf-shipping__intro h3,
.mf-shipping-region h3,
.mf-specs__heading {
font-size: var(--mf-text-xl);
margin-bottom: var(--mf-space-3);
}
.mf-specs__quality-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--mf-space-5);
}
.mf-specs__quality-grid > div {
padding: var(--mf-space-5);
background: var(--mf-bg-subtle);
border: 1px solid var(--mf-border);
}
.mf-specs__quality-grid h4 { font-size: var(--mf-text-md); margin-bottom: var(--mf-space-2); }
.mf-specs__feature-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--mf-space-7) var(--mf-space-8);
margin: var(--mf-space-5) 0 var(--mf-space-8);
}
.mf-spec-card__icon {
width: 42px;
height: 42px;
margin-bottom: var(--mf-space-4);
color: var(--mf-ink);
}
.mf-spec-card__icon svg {
width: 42px;
height: 42px;
fill: none;
stroke: currentColor;
stroke-width: 1.7;
stroke-linecap: round;
stroke-linejoin: round;
}
.mf-spec-card h4 { font-size: var(--mf-text-md); margin-bottom: var(--mf-space-2); }
.mf-spec-card p { color: var(--mf-muted); line-height: var(--mf-lh-snug); }
.mf-specs__table,
.mf-shipping__table { border: 1px solid var(--mf-border); background: var(--mf-white); }
.mf-shipping__notice {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: var(--mf-space-5);
text-transform: none;
letter-spacing: 0;
font-size: var(--mf-text-sm);
}
.mf-shipping__notice strong { color: var(--mf-ink); }
.mf-shipping__notice span { color: var(--mf-muted); }
.mf-shipping-region { margin-bottom: var(--mf-space-6); }
.mf-shipping__table th,
.mf-shipping__table td { white-space: normal; }
@media (max-width: 760px) {
.mf-tabs__panel { max-width: 100%; overflow-x: clip; }
.mf-specs__quality-grid,
.mf-specs__feature-grid { grid-template-columns: 1fr; gap: var(--mf-space-5); }
.mf-specs__table,
.mf-shipping__table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.mf-specs__table th,
.mf-specs__table td,
.mf-shipping__table th,
.mf-shipping__table td { min-width: 140px; padding: 14px; }
}
/* Sticky buy bar cannot exceed mobile viewport. */
.mf-sticky-buy {
width: 100%;
max-width: 100vw;
box-sizing: border-box;
overflow: hidden;
}
.mf-sticky-buy__info { min-width: 0; }
.mf-sticky-buy .mf-btn { max-width: 38vw; white-space: nowrap; }
@media (max-width: 380px) {
.mf-sticky-buy { gap: 8px; padding-inline: 10px; }
.mf-sticky-buy__thumb { width: 42px; height: 42px; }
.mf-sticky-buy .mf-btn { padding-inline: 14px; }
}
/* ========================================================================
MerchFuse v1.3.2 — product tab content visibility hardening
======================================================================== */
.mf-tabs__panel.is-active,
.mf-tabs__panel:not([hidden]) { display: block !important; }
.mf-tabs__panel[hidden] { display: none !important; }
.mf-tabs__panel { max-width: 980px !important; }
.mf-description,
.mf-specs,
.mf-shipping { display: block !important; width: 100%; max-width: 100%; }
.mf-info-copy p { margin: 0 0 var(--mf-space-4); }
.mf-specs__feature-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--mf-space-5); }
.mf-spec-card { border: 1px solid var(--mf-border); border-radius: var(--mf-radius-md); padding: var(--mf-space-5); background: #fff; }
.mf-spec-card__icon svg { width: 32px; height: 32px; stroke: currentColor; fill: none; stroke-width: 1.8; }
.mf-specs__quality-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--mf-space-5); margin: var(--mf-space-5) 0; }
.mf-shipping__notice { display: flex; flex-wrap: wrap; gap: 8px 14px; align-items: center; border: 1px solid var(--mf-border); background: #F6F6F4; padding: var(--mf-space-4); border-radius: var(--mf-radius-md); margin-bottom: var(--mf-space-5); }
@media (max-width: 720px) {
.mf-specs__feature-grid,
.mf-specs__quality-grid { grid-template-columns: 1fr; gap: var(--mf-space-3); }
.mf-tabs__btn { padding-inline: var(--mf-space-3); font-size: 12px; }
}
/* ========================================================================
MerchFuse v1.3.3 — product tab content safety
======================================================================== */
.mf-product__extras { clear: both; }
.mf-tabs__panel.is-active { display: block !important; visibility: visible !important; opacity: 1 !important; min-height: 80px; }
.mf-tabs__panel.is-active:empty::before { content: 'Product information is loading.'; color: var(--mf-muted); }
.mf-description, .mf-specs, .mf-shipping { color: var(--mf-dark) !important; }
.mf-spec-card__icon svg { display: block; }
/* ========================================================================
MerchFuse v1.3.4 — full-width tabs, product education, smart related
======================================================================== */
.mf-product__extras {
width: 100%;
max-width: 100%;
margin-top: clamp(36px, 5vw, 72px);
}
.mf-tabs {
width: 100%;
max-width: none;
margin-top: 0;
border-top: 1px solid var(--mf-border);
}
.mf-tabs__list {
justify-content: flex-start;
gap: clamp(8px, 3vw, 40px);
margin-bottom: 0;
border-bottom: 1px solid var(--mf-border);
}
.mf-tabs__btn {
padding: 22px 0 18px;
min-height: 60px;
letter-spacing: .10em;
}
.mf-tabs__panel,
.mf-tabs__panel.is-active,
.mf-tabs__panel:not([hidden]) {
width: 100% !important;
max-width: none !important;
padding: clamp(28px, 4vw, 54px) 0 !important;
}
.mf-description,
.mf-specs,
.mf-shipping {
width: 100%;
max-width: none;
}
.mf-description > :where(p, h2, h3, h4, ul, ol, blockquote):not(.mf-education):not(.mf-description__assurance) {
max-width: 980px;
}
.mf-description h2,
.mf-description h3 {
letter-spacing: -.02em;
margin-top: 1.25em;
}
.mf-description p {
font-size: clamp(15px, 1.2vw, 17px);
line-height: 1.72;
color: #242424;
}
.mf-description__assurance {
max-width: 980px;
margin-bottom: clamp(30px, 4vw, 54px);
}
.mf-specs__about,
.mf-shipping__intro {
max-width: 1100px;
}
.mf-specs__feature-grid,
.mf-specs__quality-grid {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: clamp(16px, 2vw, 28px) !important;
}
.mf-specs__quality-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.mf-spec-card,
.mf-specs__quality-grid > div {
border-radius: 14px;
border-color: rgba(17,17,17,.10);
box-shadow: 0 8px 28px rgba(17,17,17,.04);
}
.mf-specs__table,
.mf-shipping__table {
border-radius: 12px;
overflow: hidden;
box-shadow: 0 8px 28px rgba(17,17,17,.04);
}
.mf-shipping__tables {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}
.mf-shipping-region { margin-bottom: 0; }
.mf-shipping__notice {
max-width: 1100px;
border-radius: 12px;
}
@media (max-width: 900px) {
.mf-specs__feature-grid,
.mf-specs__quality-grid,
.mf-shipping__tables { grid-template-columns: 1fr !important; }
.mf-tabs__list { gap: 22px; }
.mf-tabs__btn { font-size: 12px; }
}
@media (max-width: 560px) {
.mf-tabs__list { gap: 18px; padding-inline: 2px; }
.mf-tabs__btn { padding-block: 18px 14px; min-height: 52px; font-size: 11px; }
.mf-tabs__panel,
.mf-tabs__panel.is-active { padding-block: 24px !important; }
}
/* Integrated product education template */
.mf-education {
width: 100%;
margin-top: clamp(34px, 6vw, 80px);
font-family: var(--mf-font-body);
}
.mf-education__section {
padding: clamp(34px, 5vw, 72px);
border: 1px solid var(--mf-border);
border-radius: 18px;
background: #fff;
margin-bottom: clamp(22px, 4vw, 44px);
overflow: hidden;
}
.mf-education__section--quality { background: #111111; color: #ffffff; border-color: #111111; }
/* v1.4.18: protect white text inside the dark "What You're Getting" section
from being overridden by the .mf-description { color: var(--mf-dark)
!important } rule on line ~945. The education template renders inside
.mf-description, so without these specific overrides the H2 ("Premium
Quality, Every Print"), body text and stat labels go invisible (dark on
dark). Don't remove without auditing that cascade. */
.mf-description .mf-education__section--quality,
.mf-description .mf-education__section--quality h2,
.mf-description .mf-education__section--quality h3,
.mf-description .mf-education__section--quality .mf-education__header p,
.mf-description .mf-education__section--quality .mf-education-card,
.mf-description .mf-education__section--quality .mf-education-card *,
.mf-description .mf-education__section--quality .mf-education__stats,
.mf-description .mf-education__section--quality .mf-education__stats * {
color: #ffffff !important;
}
.mf-description .mf-education__section--quality .mf-education__header p,
.mf-description .mf-education__section--quality .mf-education-card p {
color: rgba(255,255,255,.78) !important;
}
.mf-education__section--size { background: #f7f7f5; }
.mf-education__header { max-width: 880px; margin-bottom: clamp(22px, 3vw, 36px); }
.mf-education__header--center { text-align: center; margin-inline: auto; }
.mf-education__eyebrow {
margin: 0 0 10px;
color: #8ad9c5;
font-size: 12px;
font-weight: 800;
letter-spacing: .14em;
text-transform: uppercase;
}
.mf-education__section:not(.mf-education__section--quality) .mf-education__eyebrow { color: #111111; }
.mf-education__header h2 {
margin: 0 0 14px;
font-size: clamp(28px, 4vw, 52px);
line-height: 1.03;
letter-spacing: -.04em;
}
.mf-education__header p {
margin: 0;
color: rgba(255,255,255,.72);
font-size: clamp(15px, 1.3vw, 18px);
line-height: 1.65;
}
.mf-education__section:not(.mf-education__section--quality) .mf-education__header p { color: #5f5f5f; }
.mf-education__cards {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
.mf-education-card {
padding: clamp(20px, 2.5vw, 30px);
border-radius: 16px;
background: rgba(255,255,255,.07);
border: 1px solid rgba(255,255,255,.12);
}
.mf-education-card__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 56px;
height: 56px;
margin-bottom: 20px;
border-radius: 999px;
/* v1.5.0: soft red pill with the brand red accent inside.
The icon SVG inherits this colour via stroke="currentColor". */
background: rgba(255, 51, 43, .14);
color: #ff332b;
}
.mf-education-card__icon svg {
width: 28px;
height: 28px;
display: block;
stroke: currentColor;
fill: none;
}
.mf-education-card__label {
margin: 0 0 8px !important;
color: rgba(255,255,255,.62) !important;
font-size: 11px !important;
letter-spacing: .12em;
text-transform: uppercase;
font-weight: 800;
}
.mf-education-card h3 { color: #fff; margin: 0 0 10px; font-size: clamp(18px, 1.6vw, 24px); }
.mf-education-card p:not(.mf-education-card__label) { color: rgba(255,255,255,.74) !important; margin: 0 !important; font-size: 14px !important; line-height: 1.65; }
.mf-education__stats {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 1px;
margin-top: 18px;
border-radius: 14px;
overflow: hidden;
background: rgba(255,255,255,.14);
}
.mf-education__stats div { background: rgba(255,255,255,.07); padding: 20px; }
.mf-education__stats strong { display: block; font-size: clamp(20px, 2vw, 30px); line-height: 1.05; }
.mf-education__stats span { display: block; margin-top: 8px; color: rgba(255,255,255,.62); font-size: 12px; text-transform: uppercase; letter-spacing: .10em; }
.mf-education__image { margin: 0; }
.mf-education__image img { width: 100%; height: auto; display: block; border-radius: 16px; background: #e8e8e6; }
.mf-education__image figcaption {
margin-top: 10px;
color: #707070;
font-size: 13px;
text-align: center;
}
.mf-education__pills {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
margin-top: 22px;
}
.mf-education__pills span {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 38px;
padding: 0 16px;
border: 1px solid rgba(17,17,17,.12);
border-radius: 999px;
background: #fff;
color: #111;
font-weight: 700;
font-size: 13px;
}
.mf-education__split {
display: grid;
grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
gap: clamp(22px, 4vw, 54px);
align-items: center;
}
.mf-education__steps { list-style: none; padding: 0; margin: 0; display: grid; gap: 14px; }
.mf-education__steps li {
display: grid;
grid-template-columns: 1fr;
gap: 4px;
padding: 18px 0;
border-top: 1px solid rgba(17,17,17,.10);
}
.mf-education__steps strong { font-size: 17px; }
.mf-education__steps span { color: #656565; line-height: 1.6; }
@media (max-width: 900px) {
.mf-education__cards,
.mf-education__stats,
.mf-education__split { grid-template-columns: 1fr; }
.mf-education__section { padding: clamp(24px, 6vw, 42px); border-radius: 14px; }
.mf-education__stats div { padding: 16px; }
}
@media (max-width: 640px) {
.mf-education__pills { justify-content: flex-start; overflow-x: auto; flex-wrap: nowrap; padding-bottom: 4px; scrollbar-width: none; }
.mf-education__pills::-webkit-scrollbar { display: none; }
.mf-education__pills span { flex: 0 0 auto; }
}
/* Smart related products */
.mf-rp-section {
margin-top: clamp(36px, 5vw, 76px);
padding-top: clamp(28px, 4vw, 48px);
border-top: 1px solid var(--mf-border);
}
.mf-rp-header { margin-bottom: clamp(18px, 3vw, 34px); }
.mf-rp-eyebrow { margin: 0 0 8px; color: #707070; font-size: 12px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.mf-rp-title { margin: 0; font-size: clamp(28px, 3.5vw, 46px); line-height: 1.05; letter-spacing: -.04em; }
.mf-rp-rule { display: block; width: 56px; height: 3px; background: #111; margin-top: 18px; }
.mf-rp-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: clamp(16px, 2.4vw, 34px);
}
.mf-rp-card-link { display: block; color: inherit; text-decoration: none; }
.mf-rp-img-wrap { position: relative; aspect-ratio: 1 / 1; background: #f0f0ef; border-radius: 10px; overflow: hidden; }
.mf-rp-img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .35s var(--mf-ease); }
.mf-rp-card-link:hover .mf-rp-img { transform: scale(1.035); }
.mf-rp-view {
position: absolute;
left: 12px;
bottom: 12px;
padding: 8px 12px;
background: rgba(17,17,17,.86);
color: #fff;
border-radius: 999px;
font-size: 11px;
font-weight: 800;
letter-spacing: .08em;
text-transform: uppercase;
opacity: 0;
transform: translateY(6px);
transition: opacity .22s var(--mf-ease), transform .22s var(--mf-ease);
}
.mf-rp-card-link:hover .mf-rp-view { opacity: 1; transform: translateY(0); }
.mf-rp-info { padding-top: 14px; }
.mf-rp-name { margin: 0 0 8px; font-size: 15px; line-height: 1.35; font-weight: 600; }
.mf-rp-price { font-size: 14px; font-weight: 800; }
@media (max-width: 1024px) { .mf-rp-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 720px) { .mf-rp-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } .mf-rp-view { display: none; } }
@media (max-width: 420px) { .mf-rp-grid { grid-template-columns: 1fr; } }
/* ========================================================================
MerchFuse v1.3.5 — product trust badges neutral + USD/global wording
======================================================================== */
.mf-trust {
background: #F7F7F5 !important;
border: 1px solid rgba(17,17,17,.08) !important;
}
.mf-trust__item .mf-icon,
.mf-product__summary .stock.in-stock {
color: #111111 !important;
}
.mf-product__summary .stock.in-stock {
background: #F7F7F5 !important;
}
/* ========================================================================
MerchFuse v1.3.8 — long description read-more + related wishlist
======================================================================== */
.mf-description__content {
position: relative;
overflow: visible;
}
.mf-description__content.is-collapsed {
max-height: var(--mf-desc-collapsed-height, 920px);
overflow: hidden;
}
.mf-description__content.is-collapsed::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 150px;
pointer-events: none;
background: linear-gradient(to bottom, rgba(255,255,255,0), #fff 76%);
}
.mf-description__readmore {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 46px;
margin-top: 18px;
padding: 0 24px;
border: 1px solid #111;
border-radius: 999px;
background: #111;
color: #fff;
font-weight: 800;
letter-spacing: .04em;
text-transform: uppercase;
cursor: pointer;
}
.mf-description__readmore:hover { background: #000; }
.mf-rp-img-wrap { position: relative; }
.mf-rp-card-link--image { display: block; height: 100%; }
.mf-rp-card-link--info { display: block; color: inherit; text-decoration: none; }
.mf-rp-wishlist {
position: absolute;
top: 12px;
right: 12px;
z-index: 3;
display: inline-grid;
place-items: center;
width: 42px;
height: 42px;
border: 0;
border-radius: 999px;
background: rgba(255,255,255,.94);
color: #111;
box-shadow: 0 8px 22px rgba(0,0,0,.12);
cursor: pointer;
}
.mf-rp-wishlist .mf-icon { width: 21px; height: 21px; }
.mf-rp-wishlist:hover,
.mf-rp-wishlist[data-active="true"] { background: #111; color: #fff; }
@media (max-width: 760px) {
.mf-description__content.is-collapsed { max-height: var(--mf-desc-collapsed-height, 760px); }
.mf-description__readmore { width: 100%; }
.mf-rp-wishlist { width: 40px; height: 40px; top: 10px; right: 10px; }
}
/* MerchFuse v1.4.6 — final CWV/accessibility polish */
.mf-description__content{font-size:clamp(16px,1.1vw,18px);line-height:1.72}.mf-description__content.is-collapsed{max-height:680px;overflow:hidden;position:relative}.mf-description__content.is-collapsed:after{content:"";position:absolute;left:0;right:0;bottom:0;height:110px;background:linear-gradient(rgba(255,255,255,0),#fff)}.mf-description__readmore{min-height:44px;margin-top:18px;border:1px solid #111;background:#111;color:#fff;padding:12px 22px;border-radius:3px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.mf-gallery__stage{background:#F1F1EF!important;contain:layout paint}.mf-gallery__img{object-fit:contain}@media(max-width:760px){.mf-description__content.is-collapsed{max-height:560px}.mf-product-tabs__nav a,.woocommerce-tabs .tabs a{min-height:44px}}
/* ==========================================================================
MerchFuse v1.4.2 — final UX fixes: compact search, wishlist, breadcrumbs,
tabs, reviews, pagination and mobile responsiveness.
========================================================================== */
/* Compact, fast-feeling search overlay. No giant blank panel before typing. */
.mf-search-overlay__panel{
width:min(760px,calc(100vw - 28px))!important;
margin-inline:auto!important;
padding:clamp(14px,3vw,28px)!important;
}
.mf-search-overlay__form{
width:100%!important;
max-width:none!important;
border:2px solid #111!important;
border-radius:18px!important;
min-height:56px!important;
overflow:hidden!important;
}
.mf-search-overlay__form input[name="s"]{
min-width:0!important;
text-overflow:ellipsis!important;
}
.mf-search-suggestions{
width:100%!important;
max-height:min(62vh,620px)!important;
min-height:0!important;
overflow:auto!important;
overscroll-behavior:contain!important;
-webkit-overflow-scrolling:touch!important;
border:1px solid rgba(17,17,17,.12)!important;
box-shadow:0 24px 80px rgba(17,17,17,.12)!important;
}
.mf-search-suggestions[hidden]{display:none!important}
.mf-search-suggestions__quick{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:10px!important;
padding:14px!important;
}
.mf-search-suggestions__quick a{
min-width:0!important;
min-height:46px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
text-align:center!important;
white-space:normal!important;
overflow-wrap:anywhere!important;
line-height:1.15!important;
padding:10px 12px!important;
}
.mf-search-suggestions__item{
min-height:78px!important;
}
.mf-search-suggestions__item.is-term{
background:#fafaf8!important;
}
.mf-search-suggestions__thumb-mark{
width:100%;height:100%;display:grid;place-items:center;border-radius:12px;background:#111;color:#fff;font-weight:900;font-size:12px;letter-spacing:.08em;
}
.mf-search-suggestions__pill,
.mf-search-suggestions__all{
display:inline-grid!important;place-items:center!important;border:1px solid rgba(17,17,17,.16)!important;border-radius:999px!important;font-size:12px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.08em!important;text-decoration:none!important;color:#111!important;background:#fff!important;
}
.mf-search-suggestions__pill{padding:8px 12px!important;white-space:nowrap!important}
.mf-search-suggestions__all{margin:12px!important;padding:13px 16px!important}
@media(max-width:760px){
.mf-search-overlay__panel{width:calc(100vw - 24px)!important;padding:12px!important;top:10px!important}
.mf-search-overlay__form{min-height:50px!important;border-radius:16px!important;padding-inline:10px 6px!important;gap:8px!important}
.mf-search-overlay__form input[name="s"]{height:48px!important;font-size:16px!important}
.mf-search-overlay__close{width:38px!important;height:38px!important;font-size:28px!important;flex:0 0 38px!important}
.mf-search-suggestions{max-height:calc(100dvh - 112px)!important;margin-top:10px!important;border-radius:18px!important}
.mf-search-suggestions__quick{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:12px!important}
.mf-search-suggestions__quick a{font-size:12px!important;letter-spacing:.06em!important}
.mf-search-suggestions__item{grid-template-columns:54px minmax(0,1fr)!important;gap:12px!important;padding:12px!important}
.mf-search-suggestions__price,.mf-search-suggestions__pill{grid-column:2!important;justify-self:start!important}
}
/* Header mobile balance: search visible, but wishlist/cart/menu remain tappable. */
@media(max-width:1024px){
.mf-header__inner{grid-template-columns:54px minmax(118px,1fr) auto 40px!important;gap:8px!important;padding-inline:10px!important}
.mf-header__brand img,.mf-logo img{max-width:54px!important;height:auto!important}
.mf-mobile-search{height:42px!important;border-radius:12px!important;padding:0 8px!important;min-width:0!important;max-width:100%!important}
.mf-mobile-search .mf-icon{width:18px!important;height:18px!important;flex:0 0 18px!important}
.mf-mobile-search input{font-size:14px!important;min-width:0!important;text-overflow:ellipsis!important;padding-inline:6px!important}
.mf-mobile-tools{gap:3px!important;display:flex!important;align-items:center!important}
.mf-mobile-tools .mf-icon-btn,.mf-menu-toggle{width:36px!important;height:42px!important;min-width:36px!important}
.mf-mobile-tools .mf-icon{width:21px!important;height:21px!important}
}
@media(max-width:390px){
.mf-header__inner{grid-template-columns:48px minmax(92px,1fr) auto 36px!important;gap:5px!important;padding-inline:8px!important}
.mf-header__brand img,.mf-logo img{max-width:48px!important}
.mf-mobile-search{height:39px!important;border-radius:11px!important}
.mf-mobile-search input{font-size:12.5px!important}
.mf-mobile-tools .mf-icon-btn,.mf-menu-toggle{width:31px!important;min-width:31px!important;height:39px!important}
}
/* Proportionate wishlist/cart counters. */
.mf-wishlist-count,.mf-cart-count{
min-width:16px!important;height:16px!important;padding:0 4px!important;font-size:9px!important;line-height:16px!important;border-radius:999px!important;border:1.5px solid #fff!important;box-shadow:0 2px 8px rgba(0,0,0,.18)!important;
}
.mf-mobile-tools .mf-wishlist-count,.mf-mobile-tools .mf-cart-count{top:1px!important;right:-2px!important;min-width:15px!important;height:15px!important;font-size:8px!important;line-height:15px!important}
/* Breadcrumbs: visible, compact, SEO-safe, and never vertical. */
.mf-breadcrumbs{display:block!important;margin:0 0 18px!important;padding-top:clamp(10px,2vw,18px)!important;font-size:12px!important;line-height:1.4!important;color:#777!important;text-transform:uppercase!important;letter-spacing:.08em!important}
.mf-breadcrumbs ol{display:flex!important;flex-wrap:wrap!important;gap:6px!important;align-items:center!important;list-style:none!important;padding:0!important;margin:0!important}
.mf-breadcrumbs li{display:inline-flex!important;align-items:center!important;min-width:0!important;max-width:100%!important}
.mf-breadcrumbs li+li:before{content:"/"!important;margin-right:6px!important;color:#aaa!important}
.mf-breadcrumbs a{color:#666!important;text-decoration:none!important}
.mf-breadcrumbs a:hover{color:#111!important;text-decoration:underline!important}
.mf-breadcrumbs [aria-current="page"] span,.mf-breadcrumbs li[aria-current="page"]{color:#111!important;overflow:hidden!important;text-overflow:ellipsis!important}
/* Product info pills should feel clickable and activate tabs. */
.mf-product-confidence a,.mf-product-confidence button{cursor:pointer!important;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease!important}
.mf-product-confidence a:hover,.mf-product-confidence button:hover{border-color:#111!important;box-shadow:0 0 0 3px rgba(17,17,17,.08)!important;transform:translateY(-1px)!important}
/* What You’re Getting heading visibility. */
.mf-education__eyebrow,.mf-education__section--quality .mf-education__eyebrow{font-weight:950!important;color:#fff!important;opacity:1!important;text-shadow:0 1px 0 rgba(0,0,0,.22)!important}
/* Reviews: star UI and photo strip without grey empty bars. */
.comment-form-rating .stars{display:flex!important;gap:6px!important;margin:8px 0 0!important}
.comment-form-rating .stars span{display:flex!important;gap:6px!important}
.comment-form-rating .stars a{width:32px!important;height:32px!important;font-size:0!important;text-indent:0!important;overflow:hidden!important;color:#111!important;text-decoration:none!important;position:relative!important}
.comment-form-rating .stars a:before{content:"★"!important;position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;font-size:26px!important;line-height:1!important;color:currentColor!important}
.comment-form-rating .stars:hover a,.comment-form-rating .stars.selected a{color:#111!important}
.mf-reviews__photos{align-items:start!important;min-height:0!important;background:transparent!important}
.mf-reviews__photos img{display:block!important;background:#f4f4f2!important;aspect-ratio:4/3!important;object-fit:cover!important}
/* Related products immediately below tabs, clean grid and visible hearts. */
.mf-rp-section{margin-top:clamp(28px,5vw,64px)!important;padding-top:clamp(22px,4vw,44px)!important;border-top:1px solid rgba(17,17,17,.12)!important}
.mf-rp-card{position:relative!important}
.mf-rp-wishlist{z-index:3!important}
@media(max-width:560px){.mf-rp-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px 14px!important}.mf-rp-title{font-size:clamp(30px,9vw,44px)!important}.mf-rp-name{font-size:15px!important;line-height:1.22!important}}
/* Product/category/search pagination: crawl-safe normal links with premium UI. */
.mf-shop-pagination .page-numbers,.mf-search-page .page-numbers{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:8px!important;list-style:none!important;margin:0!important;padding:0!important}
.mf-shop-pagination .page-numbers a,.mf-shop-pagination .page-numbers span,.mf-search-page .page-numbers a,.mf-search-page .page-numbers span{min-width:42px!important;height:42px!important;display:inline-grid!important;place-items:center!important;border:1px solid rgba(17,17,17,.18)!important;border-radius:999px!important;background:#fff!important;color:#111!important;text-decoration:none!important;font-weight:800!important;font-size:13px!important}
.mf-shop-pagination .page-numbers .current,.mf-search-page .page-numbers .current{background:#111!important;color:#fff!important;border-color:#111!important}
.mf-shop-pagination .page-numbers a:hover,.mf-search-page .page-numbers a:hover{border-color:#111!important;box-shadow:0 6px 18px rgba(17,17,17,.10)!important}
/* Variation label emergency fix for legacy imported 'Sized' attributes. */
.mf-product__variation-row .mf-label{text-transform:uppercase!important}
/* ==========================================================================
MerchFuse v1.4.2 final re-analysis patch: compact search, fast suggestions,
proportionate wishlist, pagination, reviews, education and mobile polish.
========================================================================== */
.mf-search-overlay{z-index:999999!important}
.mf-search-overlay__panel{width:min(720px,calc(100vw - 24px))!important;min-height:0!important;max-height:calc(100dvh - 24px)!important;overflow:visible!important;padding:12px!important;border-radius:22px!important}
.mf-search-overlay__form{min-height:50px!important;height:50px!important;border-radius:16px!important;display:flex!important;align-items:center!important;padding:0 8px 0 14px!important;gap:8px!important;background:#fff!important;box-shadow:0 10px 38px rgba(17,17,17,.08)!important}
.mf-search-overlay__form input[name="s"]{height:48px!important;font-size:clamp(16px,3.8vw,22px)!important;min-width:0!important;text-overflow:ellipsis!important;line-height:1.1!important}
.mf-search-overlay__submit{display:none!important}.mf-search-overlay__close{width:38px!important;height:38px!important;flex:0 0 38px!important;font-size:28px!important;border-radius:999px!important}
.mf-search-suggestions{min-height:0!important;max-height:min(64vh,620px)!important;overflow:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;border-radius:18px!important;background:#fff!important;margin-top:10px!important;padding:0!important}
.mf-search-suggestions__hint{padding:12px 14px 2px!important;color:#777!important;font-size:13px!important;text-align:center!important}
.mf-search-suggestions__quick{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;padding:12px!important;align-items:stretch!important}
.mf-search-suggestions__quick a{min-width:0!important;min-height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;line-height:1.1!important;padding:9px 10px!important;border-radius:999px!important;letter-spacing:.06em!important}
.mf-search-suggestions__item{grid-template-columns:58px minmax(0,1fr) auto!important;gap:12px!important;min-height:82px!important;padding:12px!important}
.mf-search-suggestions__meta strong{white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
@media(max-width:640px){.mf-search-overlay__panel{width:calc(100vw - 20px)!important;top:8px!important}.mf-search-overlay__form{height:48px!important;min-height:48px!important;border-radius:15px!important}.mf-search-suggestions{max-height:calc(100dvh - 104px)!important}.mf-search-suggestions__quick{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.mf-search-suggestions__quick a{font-size:11px!important;min-height:40px!important;padding:9px 8px!important}.mf-search-suggestions__item{grid-template-columns:52px minmax(0,1fr)!important}.mf-search-suggestions__price,.mf-search-suggestions__pill{grid-column:2!important;justify-self:start!important}}
@media(max-width:390px){.mf-search-suggestions__quick{grid-template-columns:1fr!important}.mf-search-suggestions__quick a{min-height:38px!important}.mf-search-overlay__form input[name="s"]{font-size:15px!important}.mf-mobile-search input{font-size:13px!important}.mf-header__inner{grid-template-columns:48px minmax(88px,1fr) auto 36px!important}}
.mf-shop-pagination,.woocommerce-pagination{display:flex!important;justify-content:center!important;align-items:center!important;margin:clamp(28px,5vw,56px) 0!important;clear:both!important}
.mf-shop-pagination .page-numbers,.woocommerce-pagination .page-numbers{display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important;justify-content:center!important;list-style:none!important;margin:0!important;padding:0!important}
.mf-shop-pagination a.page-numbers,.mf-shop-pagination span.page-numbers,.woocommerce-pagination a.page-numbers,.woocommerce-pagination span.page-numbers,.mf-shop-pagination .page-numbers a,.woocommerce-pagination .page-numbers a{min-width:42px!important;height:42px!important;padding:0 12px!important;border:1px solid rgba(17,17,17,.18)!important;border-radius:999px!important;display:inline-grid!important;place-items:center!important;text-decoration:none!important;color:#111!important;background:#fff!important;font-weight:800!important}
.mf-shop-pagination .current,.woocommerce-pagination .current{background:#111!important;color:#fff!important;border-color:#111!important}.mf-shop-pagination .prev,.mf-shop-pagination .next,.woocommerce-pagination .prev,.woocommerce-pagination .next{min-width:96px!important}
.mf-wishlist-count,.mf-cart-count{position:absolute!important;top:-5px!important;right:-5px!important;min-width:16px!important;height:16px!important;padding:0 4px!important;font-size:9px!important;line-height:15px!important;border-radius:999px!important;background:#fff!important;color:#111!important;border:1px solid #111!important;font-weight:900!important;text-align:center!important;box-shadow:0 2px 8px rgba(0,0,0,.18)!important}.mf-icon-btn{position:relative!important}.mf-mobile-tools .mf-wishlist-count,.mf-mobile-tools .mf-cart-count{top:2px!important;right:-3px!important;min-width:14px!important;height:14px!important;font-size:8px!important;line-height:13px!important}.mf-icon-btn.is-wishlist-pulse svg,.mf-wishlist-btn.is-heart-pop svg{animation:mfHeartPop .62s ease both!important;color:#d91f32!important;stroke:#d91f32!important}.mf-icon-btn.has-wishlist-items svg{transition:color .2s ease,stroke .2s ease}.mf-icon-btn.has-wishlist-items.is-wishlist-pulse{animation:mfHeaderHeart 1.35s ease both!important}@keyframes mfHeartPop{0%{transform:scale(1)}35%{transform:scale(1.26)}70%{transform:scale(.94)}100%{transform:scale(1)}}@keyframes mfHeaderHeart{0%,100%{filter:none}35%{filter:drop-shadow(0 0 12px rgba(217,31,50,.38))}}
.mf-product__variation-row .mf-label{text-transform:uppercase!important}.mf-product__variation-row .mf-label[data-label="sized"]{font-size:0!important}.mf-product__variation-row .mf-label[data-label="sized"]:after{content:"SIZE";font-size:14px!important;letter-spacing:.12em!important}.mf-product-confidence a{cursor:pointer!important;text-decoration:none!important}.mf-product-confidence a:focus-visible{outline:3px solid #111!important;outline-offset:3px!important}
.mf-reviews{padding-top:clamp(20px,4vw,40px)!important}.mf-reviews__proof{display:grid!important;gap:clamp(16px,3vw,26px)!important;margin-bottom:clamp(22px,4vw,42px)!important}.mf-reviews__photos{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;overflow:visible!important;background:transparent!important;padding:0!important}.mf-reviews__photos img{width:100%!important;height:auto!important;aspect-ratio:4/3!important;object-fit:cover!important;border-radius:14px!important;background:#f5f5f3!important;display:block!important;box-shadow:none!important}.mf-reviews__form-card{background:#f8f8f6!important;border:1px solid rgba(17,17,17,.08)!important;border-radius:18px!important;padding:clamp(18px,3vw,34px)!important}.comment-form-rating select{width:100%!important;max-width:360px!important;height:48px!important;border-radius:10px!important;border:1px solid rgba(17,17,17,.22)!important;padding:0 12px!important;background:#fff!important}.comment-form-rating .stars{font-size:0!important}@media(max-width:860px){.mf-reviews__photos{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mf-reviews__grid{grid-template-columns:1fr!important}}
.mf-education__section--quality .mf-education__eyebrow,.mf-education__eyebrow{font-weight:950!important;color:#fff!important;letter-spacing:.17em!important;opacity:1!important}.mf-rp-section{margin-top:clamp(24px,4vw,44px)!important;padding-top:clamp(22px,4vw,40px)!important;border-top:1px solid rgba(17,17,17,.12)!important}.mf-rp-card{position:relative!important}.mf-rp-wishlist{position:absolute!important;top:12px!important;right:12px!important;z-index:5!important;background:#fff!important}
/* ========================================================================
MerchFuse v1.4.3 — final polish from live screenshots
======================================================================== */
/* Product education eyebrow contrast: white only on the dark quality panel. */
.mf-education__section--quality .mf-education__eyebrow{color:#fff!important;font-weight:950!important;opacity:1!important;text-shadow:0 1px 0 rgba(0,0,0,.25)!important;}
.mf-education__section--size .mf-education__eyebrow,
.mf-education__section--frame .mf-education__eyebrow,
.mf-education__section:not(.mf-education__section--quality) .mf-education__eyebrow{color:#111!important;font-weight:950!important;opacity:1!important;text-shadow:none!important;}
/* Keep breadcrumbs once, compact, and not visually duplicated by plugin output. */
.mf-product > .mf-breadcrumbs,.mf-shop-header > .mf-breadcrumbs{display:none!important;}
.mf-container-wide > .mf-breadcrumbs{margin-top:clamp(14px,2vw,24px)!important;margin-bottom:clamp(16px,2vw,26px)!important;}
/* Wishlist result layout: 1 item centered, 2/3 centered, 4+ clean grid. */
.mf-wishlist[data-state="ready"] [data-wishlist-list]{
display:grid!important;
grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),300px))!important;
justify-content:center!important;
justify-items:stretch!important;
gap:clamp(18px,2.4vw,32px)!important;
max-width:1320px!important;
margin-inline:auto!important;
}
.mf-wishlist[data-state="ready"] [data-wishlist-list] > li{width:100%!important;max-width:300px!important;}
@media(max-width:680px){
.mf-wishlist[data-state="ready"] [data-wishlist-list]{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;max-width:520px!important;gap:16px!important;}
.mf-wishlist[data-state="ready"] [data-wishlist-list] > li{max-width:240px!important;justify-self:center!important;}
}
/* Reviews tab: no narrow vertical middle column, premium two-column layout. */
.mf-reviews{padding-top:clamp(22px,4vw,44px)!important;}
.mf-reviews__proof{
display:grid!important;
grid-template-columns:minmax(0,1fr)!important;
gap:clamp(14px,2vw,22px)!important;
margin:0 0 clamp(28px,4vw,48px)!important;
width:100%!important;
}
.mf-reviews__intro{max-width:920px!important;}
.mf-reviews__intro h2{font-size:clamp(30px,4vw,54px)!important;line-height:1.02!important;margin:0 0 10px!important;}
.mf-reviews__intro p{max-width:760px!important;color:#666!important;line-height:1.55!important;}
.mf-reviews__photos{
display:grid!important;
grid-template-columns:repeat(auto-fit,minmax(92px,1fr))!important;
gap:10px!important;
max-width:100%!important;
padding:12px!important;
border:1px solid rgba(17,17,17,.08)!important;
border-radius:20px!important;
background:#fff!important;
overflow:hidden!important;
}
.mf-reviews__photos img{
width:100%!important;
height:auto!important;
aspect-ratio:1/1!important;
object-fit:cover!important;
border-radius:14px!important;
background:#f5f5f3!important;
display:block!important;
box-shadow:none!important;
}
.mf-reviews__grid{
display:grid!important;
grid-template-columns:minmax(280px,.82fr) minmax(340px,1fr)!important;
gap:clamp(24px,4vw,72px)!important;
align-items:start!important;
width:100%!important;
}
.mf-reviews__list{min-width:0!important;max-width:680px!important;}
.mf-reviews__empty{
display:block!important;
width:100%!important;
max-width:520px!important;
min-height:0!important;
padding:clamp(20px,3vw,30px)!important;
border:1px solid rgba(17,17,17,.10)!important;
border-radius:18px!important;
background:#fff!important;
text-align:left!important;
writing-mode:horizontal-tb!important;
word-break:normal!important;
overflow-wrap:normal!important;
}
.mf-reviews__empty strong{display:block!important;font-size:clamp(22px,2.4vw,34px)!important;line-height:1.05!important;margin:0 0 10px!important;}
.mf-reviews__empty p{margin:0!important;color:#555!important;line-height:1.6!important;}
.mf-reviews__form-card{width:100%!important;max-width:640px!important;justify-self:end!important;background:#f8f8f6!important;border:1px solid rgba(17,17,17,.08)!important;border-radius:22px!important;padding:clamp(20px,3vw,38px)!important;box-shadow:0 18px 60px rgba(17,17,17,.06)!important;}
.mf-review-form textarea,.mf-review-form input,.mf-review-form select{width:100%!important;max-width:100%!important;}
@media(max-width:900px){
.mf-reviews__grid{grid-template-columns:1fr!important;gap:24px!important;}
.mf-reviews__list,.mf-reviews__form-card{max-width:none!important;justify-self:stretch!important;}
.mf-reviews__photos{grid-template-columns:repeat(4,minmax(0,1fr))!important;padding:8px!important;gap:8px!important;}
}
@media(max-width:520px){
.mf-reviews__photos{grid-template-columns:repeat(4,minmax(0,1fr))!important;border-radius:16px!important;}
.mf-reviews__photos img{border-radius:10px!important;}
}
/* ==== MerchFuse v1.4.6 final fixes: contrast, search visibility, thumbnails, footer headings ==== */
.mf-footer,.mf-footer p,.mf-footer li,.mf-footer span,.mf-footer__tagline,.mf-footer__bottom{color:#F2F2F2!important;opacity:1!important}.mf-footer a,.mf-footer-widget a,.mf-footer__nav a{color:#F5F5F5!important;text-decoration:none!important}.mf-footer a:hover,.mf-footer-widget a:hover,.mf-footer__nav a:hover{color:#FFFFFF!important;text-decoration:underline!important}.mf-footer h2.wp-block-heading,.mf-footer h3,.mf-footer h4,.mf-footer-widget__title{color:#FFFFFF!important;font-weight:850!important;letter-spacing:.12em!important;text-transform:uppercase!important}.mf-home-confidence,.mf-home-confidence *{color:#111111!important}.mf-home-confidence a,.mf-home-confidence__inner a,.mf-home-confidence .wp-block-list a{color:#111111!important;background:#FFFFFF!important;border-color:rgba(17,17,17,.22)!important;min-height:46px!important;padding:10px 14px!important}.mf-home-confidence a:hover{background:#111111!important;color:#FFFFFF!important}.mf-vintage__viewall,.mf-photo__viewall{min-width:48px!important;min-height:48px!important;padding:12px 16px!important;color:#111!important;background:#fff!important;border:1px solid rgba(17,17,17,.18)!important}.mf-education__section--size .mf-education__eyebrow,.mf-education__section--frame .mf-education__eyebrow,.mf-education__section:not(.mf-education__section--quality) .mf-education__eyebrow{color:#111111!important;background:#FFFFFF!important;border:1px solid rgba(17,17,17,.18)!important;text-shadow:none!important;opacity:1!important}.mf-education__section--quality .mf-education__eyebrow{color:#FFFFFF!important;background:transparent!important;text-shadow:0 1px 1px rgba(0,0,0,.4)!important;opacity:1!important}.wp-block-heading.has-white-color,.has-white-color{color:#FFFFFF!important}.mf-search-overlay{position:fixed!important;inset:0!important;z-index:99997!important}.mf-header{position:relative!important;z-index:100000!important}.mf-search-overlay__backdrop{top:var(--mf-search-top,112px)!important;background:rgba(17,17,17,.72)!important}.mf-search-overlay__panel{position:fixed!important;top:var(--mf-search-top,112px)!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:min(880px,calc(100vw - 36px))!important;max-height:calc(100dvh - var(--mf-search-top,112px) - 18px)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:14px!important;border-radius:22px!important;background:#fff!important;box-shadow:0 24px 80px rgba(0,0,0,.38)!important}.mf-search-overlay__form{height:56px!important;min-height:56px!important;display:flex!important;align-items:center!important;flex:0 0 auto!important;border:2px solid #111!important;border-radius:16px!important;background:#fff!important;overflow:hidden!important}.mf-search-overlay__form input[name="s"]{display:block!important;min-width:0!important;width:100%!important;height:54px!important;line-height:54px!important;color:#111!important;background:transparent!important;opacity:1!important;visibility:visible!important;font-size:20px!important}.mf-search-suggestions{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;background:#fff!important}.mf-search-suggestions__quick{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}.mf-search-suggestions__quick a{min-width:0!important;white-space:normal!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.1!important}.mf-gallery__thumb-img{width:100%!important;height:100%!important;object-fit:contain!important;background:#fff!important;padding:4px!important}.mf-gallery__thumb-btn{width:80px!important;height:80px!important}.mf-product-card__img,.mf-rp-img{image-rendering:auto!important}@media(max-width:782px){.mf-search-overlay__backdrop{top:var(--mf-search-top,82px)!important}.mf-search-overlay__panel{top:var(--mf-search-top,82px)!important;width:calc(100vw - 18px)!important;max-height:calc(100dvh - var(--mf-search-top,82px) - 12px)!important;padding:10px!important;border-radius:18px!important}.mf-search-overlay__form{height:50px!important;min-height:50px!important}.mf-search-overlay__form input[name="s"]{height:48px!important;line-height:48px!important;font-size:16px!important}.mf-search-suggestions__quick{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.mf-search-suggestions__quick a{font-size:11px!important;letter-spacing:.04em!important;min-height:40px!important;padding:8px 6px!important}.mf-vintage__viewall,.mf-photo__viewall{min-width:48px!important;min-height:48px!important}}
/* ==== v1.5.0 — compact "Customers also viewed" mid-page rail ==== */
.mf-rp-mini {
margin: clamp(20px, 3vw, 28px) 0 0;
padding: clamp(16px, 2.5vw, 22px);
border: 1px solid rgba(17,17,17,.10);
border-radius: 14px;
background: #FAFAF8;
}
.mf-rp-mini__eyebrow {
margin: 0 0 12px;
font-size: 11px;
letter-spacing: .14em;
text-transform: uppercase;
font-weight: 800;
color: #ff332b;
}
.mf-rp-mini__row {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 10px;
}
.mf-rp-mini__card {
display: flex;
flex-direction: column;
gap: 6px;
text-decoration: none;
color: #111;
border-radius: 10px;
padding: 6px;
transition: background-color .15s ease, transform .15s ease;
}
.mf-rp-mini__card:hover {
background: #fff;
transform: translateY(-2px);
}
.mf-rp-mini__img-wrap {
display: block;
aspect-ratio: 1 / 1;
border-radius: 8px;
overflow: hidden;
background: #fff;
border: 1px solid rgba(17,17,17,.06);
}
.mf-rp-mini__img,
.mf-rp-mini__img-wrap img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
background: #fff;
padding: 6px;
}
.mf-rp-mini__name {
display: block;
font-size: 12px;
font-weight: 600;
line-height: 1.3;
color: #111;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.mf-rp-mini__price {
display: block;
font-size: 12px;
font-weight: 800;
color: #111;
line-height: 1.2;
}
.mf-rp-mini__price .price ins,
.mf-rp-mini__price ins { text-decoration: none; }
@media (max-width: 480px) {
.mf-rp-mini__row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* ========================================================================
MerchFuse v1.5.7 — trust, delivery, digital-download and policy UX fixes
======================================================================== */
.mf-delivery-estimate{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:10px!important;
margin-top:clamp(14px,2vw,18px)!important;
padding:14px!important;
border:1px solid rgba(17,17,17,.10)!important;
border-radius:18px!important;
background:#fff!important;
box-shadow:0 14px 42px rgba(17,17,17,.05)!important;
}
.mf-delivery-estimate div{min-width:0!important;padding:12px!important;border-radius:14px!important;background:#fafaf8!important;border:1px solid rgba(17,17,17,.06)!important}
.mf-delivery-estimate strong{display:block!important;font-size:11px!important;line-height:1.15!important;text-transform:uppercase!important;letter-spacing:.11em!important;font-weight:900!important;color:#111!important;margin-bottom:5px!important;white-space:normal!important}
.mf-delivery-estimate span{display:block!important;font-size:12.5px!important;line-height:1.35!important;color:#666!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important}
.mf-product__summary:not(.mf-digital-selected) [data-mf-digital-only]{display:none!important}
.mf-product__summary.mf-digital-selected [data-mf-physical-only]{display:none!important}
.mf-product__summary [hidden]{display:none!important}
.mf-product__summary.mf-digital-selected .mf-delivery-estimate{grid-template-columns:repeat(2,minmax(0,1fr))!important;border-color:rgba(255,51,43,.24)!important;background:rgba(255,51,43,.035)!important}
.mf-size-helper{margin:2px 0 0!important;padding:12px 14px!important;border:1px dashed rgba(17,17,17,.18)!important;border-radius:14px!important;background:#fff!important;color:#555!important;line-height:1.45!important}
.mf-size-helper strong{display:block!important;color:#111!important;font-size:13px!important;margin-bottom:4px!important;font-weight:900!important}
.mf-size-helper span{display:block!important;font-size:12.5px!important;color:#666!important;line-height:1.45!important}
.mf-variation-guidance{margin-top:10px!important}
.mf-variation-guidance__panel{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:7px 10px!important;padding:12px 14px!important;border-radius:15px!important;border:1px solid rgba(17,17,17,.10)!important;background:#fafaf8!important;color:#111!important}
.mf-variation-guidance__panel strong{font-size:13px!important;font-weight:900!important;color:#111!important;line-height:1.2!important}
.mf-variation-guidance__panel span{font-size:12.5px!important;color:#666!important;line-height:1.4!important}
.mf-variation-guidance__panel a{font-size:12px!important;font-weight:900!important;color:#ff332b!important;text-decoration:underline!important;text-underline-offset:3px!important}
.mf-variation-guidance__panel--digital{border-color:rgba(255,51,43,.26)!important;background:rgba(255,51,43,.055)!important}
.mf-trust{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:14px!important;border-radius:18px!important;background:#fafaf8!important;overflow:hidden!important}
.mf-trust__item{min-width:0!important;width:100%!important;display:flex!important;align-items:center!important;gap:10px!important;padding:12px!important;border:1px solid rgba(17,17,17,.07)!important;border-radius:14px!important;background:#fff!important;box-sizing:border-box!important;word-break:normal!important;overflow-wrap:normal!important;white-space:normal!important}
.mf-trust__item .mf-icon{width:36px!important;height:36px!important;min-width:36px!important;flex:0 0 36px!important;padding:8px!important;color:#ff332b!important;stroke:#ff332b!important;background:rgba(255,51,43,.11)!important;border:1px solid rgba(255,51,43,.20)!important;border-radius:999px!important;box-sizing:border-box!important}
.mf-trust__item strong{display:block!important;font-size:12.5px!important;line-height:1.18!important;font-weight:900!important;color:#111!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important}
.mf-trust__item span{display:block!important;font-size:11.5px!important;line-height:1.3!important;color:#666!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important}
.mf-product-confidence [data-mf-digital-only]{display:none!important}
.mf-product__summary.mf-digital-selected .mf-product-confidence [data-mf-digital-only]{display:inline-flex!important}
.mf-product__summary.mf-digital-selected .mf-product-confidence [data-mf-physical-only]{display:none!important}
@media(max-width:680px){
.mf-delivery-estimate{grid-template-columns:1fr!important;padding:12px!important}
.mf-product__summary.mf-digital-selected .mf-delivery-estimate{grid-template-columns:1fr!important}
.mf-trust{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:10px!important}
.mf-trust__item{flex-direction:column!important;align-items:flex-start!important;padding:10px!important;gap:8px!important}
.mf-trust__item .mf-icon{width:34px!important;height:34px!important;min-width:34px!important;flex-basis:auto!important}
.mf-trust__item strong{font-size:12px!important;line-height:1.2!important}
.mf-trust__item span{font-size:11px!important;line-height:1.3!important}
.mf-size-helper,.mf-variation-guidance__panel{padding:11px 12px!important}
}
@media(max-width:360px){.mf-trust{grid-template-columns:1fr!important}}
.mf-static-timeline{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;gap:12px!important;margin-top:16px!important}
.mf-static-timeline div{padding:16px!important;border:1px solid rgba(17,17,17,.10)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 10px 30px rgba(17,17,17,.045)!important}
.mf-static-timeline strong{display:block!important;font-weight:900!important;color:#111!important;margin-bottom:6px!important}
.mf-static-timeline span{display:block!important;color:#666!important;line-height:1.45!important}
.mf-product.mf-digital-selected .mf-product-top-trust > div:nth-child(1),
.mf-product.mf-digital-selected .mf-product-top-trust > div:nth-child(3),
.mf-product.mf-digital-selected .mf-product-top-trust > div:nth-child(4){display:none!important}
.mf-product.mf-digital-selected .mf-product-top-trust{grid-template-columns:minmax(0,1fr)!important}
.mf-product.mf-digital-selected .mf-product-top-trust > div:nth-child(2) span strong::after{content:" + digital delivery";text-transform:none;letter-spacing:0;font-weight:800;color:#ff332b}
/* ========================================================================
MerchFuse v1.5.8 — precise digital-download state + removed top icon strip
======================================================================== */
body.single-product .mf-product-top-trust{display:none!important}
body.single-product .mf-product:not(.mf-digital-selected) [data-mf-digital-only]{display:none!important}
body.single-product .mf-product.mf-digital-selected [data-mf-physical-only]{display:none!important}
body.single-product .mf-product.mf-digital-selected .mf-trust{border-color:rgba(255,51,43,.22)!important;background:rgba(255,51,43,.035)!important}
body.single-product .mf-product:not(.mf-digital-selected) .mf-variation-guidance__panel--digital{display:none!important}
body.single-product .mf-product.mf-digital-selected .mf-variation-guidance__panel--print{display:none!important}
/* MerchFuse v1.5.9 — market-localized conversion blocks */
.mf-market{margin:12px 0;border:1px solid rgba(17,17,17,.12);border-radius:18px;background:#fff;box-shadow:0 14px 38px rgba(17,17,17,.06);padding:14px;color:#111}.mf-market__main{display:flex;align-items:center;justify-content:space-between;gap:14px}.mf-market__copy{display:grid;gap:3px;min-width:0}.mf-market__copy strong{font-size:14px;line-height:1.25;font-weight:850;letter-spacing:-.01em;color:#111}.mf-market__copy span,.mf-market__compact-note{font-size:12.5px;line-height:1.45;color:rgba(17,17,17,.72);margin:0}.mf-market__selector{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:rgba(17,17,17,.58)}.mf-market__selector select{appearance:auto;min-height:38px;border:1px solid rgba(17,17,17,.18);border-radius:999px;background:#f8f8f6;color:#111;font-size:12px;font-weight:800;letter-spacing:0;text-transform:none;padding:0 30px 0 12px}.mf-market__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.mf-market__grid>div{border:1px solid rgba(17,17,17,.08);border-radius:14px;background:#fafaf8;padding:11px 12px;display:grid;gap:4px}.mf-market__grid b{font-size:11px;line-height:1.2;font-weight:900;text-transform:uppercase;letter-spacing:.09em;color:#111}.mf-market__grid span{font-size:12.5px;line-height:1.45;color:rgba(17,17,17,.72)}.mf-market--header{margin:0;border-radius:0;border-width:1px 0;background:#111;color:#fff;box-shadow:none;padding:7px clamp(14px,3vw,32px)}.mf-market--header .mf-market__main{max-width:var(--mf-container,1240px);margin:0 auto}.mf-market--header .mf-market__copy{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mf-market--header .mf-market__copy strong,.mf-market--header .mf-market__copy span,.mf-market--header .mf-market__compact-note,.mf-market--header .mf-market__selector{color:#fff}.mf-market--header .mf-market__selector{color:rgba(255,255,255,.74)}.mf-market--header .mf-market__selector select{min-height:30px;background:#fff;color:#111;border-color:rgba(255,255,255,.3);font-size:11px}.mf-market--header .mf-market__compact-note{display:none}.mf-market--cart,.mf-market--checkout{margin:0 0 14px;padding:13px;border-radius:16px;background:#fafaf8}.mf-market--checkout .mf-market__main,.mf-market--cart .mf-market__main{align-items:flex-start}.mf-market--shipping-tab{margin-bottom:18px}.mf-market--shipping-tab .mf-market__grid{display:none}@media(max-width:760px){.mf-market{border-radius:16px;padding:12px}.mf-market__main{align-items:flex-start;flex-direction:column}.mf-market__selector{width:100%;justify-content:space-between}.mf-market__selector select{flex:1;max-width:220px}.mf-market__grid{grid-template-columns:1fr}.mf-market--header{padding:8px 12px}.mf-market--header .mf-market__main{gap:7px}.mf-market--header .mf-market__copy{display:grid;gap:2px}.mf-market--header .mf-market__copy strong{font-size:12.5px}.mf-market--header .mf-market__copy span{font-size:11.5px}.mf-market--header .mf-market__selector{font-size:10px}.mf-market--header .mf-market__selector select{max-width:170px}}
.mf-header[data-sticky="true"]{position:sticky!important;top:0!important;z-index:100000!important}.admin-bar .mf-header[data-sticky="true"]{top:32px!important}@media(max-width:782px){.admin-bar .mf-header[data-sticky="true"]{top:46px!important}}
/* ==== merchfuse-reference.css (folded in v1.7.9.0 — was a separate stylesheet, now part of every bundle for one fewer HTTP request) ==== */
/* MerchFuse reference system, matched to the supplied UI sheets. */
:root {
--mf-white: #fff;
--mf-ink: #0b0b0b;
--mf-dark: #0b0b0b;
--mf-black: #0b0b0b;
--mf-bg: #fff;
--mf-bg-subtle: #f7f5f1;
--mf-bg-soft: #faf9f7;
--mf-muted: #5f5f5f;
--mf-muted-2: #8a8a8a;
--mf-border: #e5e2dc;
--mf-border-dk: #cfcac1;
--mf-accent: #ff332b;
--mf-accent-soft: #fff0ee;
--mf-warn: #f5a400;
--mf-container: 1440px;
--mf-gutter: clamp(16px, 3vw, 48px);
--mf-header-height: 72px;
--mf-header-height-mobile: 56px;
--mf-logo-height: 30px;
--mf-radius-sm: 2px;
--mf-radius: 4px;
--mf-radius-md: 6px;
--mf-shadow: 0 1px 8px rgba(0,0,0,.06);
--mf-shadow-md: 0 8px 24px rgba(0,0,0,.08);
--mf-ease: cubic-bezier(.22,1,.36,1);
--mf-ease-out: cubic-bezier(.16,1,.3,1);
--mf-dur-fast: 180ms;
--mf-dur-normal: 240ms;
}
html { background: #fff; }
body.mf-site {
color: var(--mf-ink);
background: radial-gradient(circle at 50% 0, #fff 0, #fff 42%, #fbfaf8 100%);
font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
font-size: 14px;
letter-spacing: 0;
}
.mf-site__main { padding-block: 0; }
.mf-container { max-width: 1440px; }
a { color: inherit; }
.mf-header {
background: #050505 !important;
border: 0 !important;
box-shadow: 0 1px 0 rgba(255,255,255,.08), 0 2px 16px rgba(0,0,0,.18);
}
.mf-header__inner {
min-height: 72px;
grid-template-columns: 220px 1fr auto !important;
padding-block: 0;
}
.mf-logo--text {
color: #fff !important;
font-size: 28px;
font-weight: 800;
letter-spacing: -.04em;
}
.mf-nav { gap: clamp(18px, 2.4vw, 38px); justify-content: center; }
.mf-nav a {
color: #fff !important;
font-size: 12px;
font-weight: 800;
letter-spacing: 0;
padding: 27px 0;
}
.mf-nav a::after {
height: 2px;
background: var(--mf-accent);
bottom: 20px;
}
.mf-nav__sale a, .mf-nav a[href*="sale"] { color: var(--mf-accent) !important; }
.mf-header__tools { gap: 14px; }
.mf-icon-btn { width: 34px; height: 34px; color: #fff !important; border-radius: 50%; }
.mf-icon-btn:hover { background: rgba(255,255,255,.12) !important; color: #fff !important; }
.mf-icon-btn .mf-icon { width: 22px; height: 22px; stroke-width: 1.8; }
.mf-cart-count, .mf-wishlist-count {
background: var(--mf-accent) !important;
color: #fff !important;
border: 2px solid #050505 !important;
}
.mf-menu-toggle__bar, .mf-menu-toggle__bar::before, .mf-menu-toggle__bar::after { background: #fff; }
.mf-mobile-tools { display: none; }
@media (min-width: 1025px) {
.mf-header__nav { position: static !important; justify-self: center; }
.mf-nav > li { position: relative !important; }
.mf-nav > li > .sub-menu {
top: calc(100% - 4px) !important;
left: 50% !important;
right: auto !important;
width: max-content !important;
min-width: 280px !important;
max-width: min(900px, calc(100vw - 48px)) !important;
max-height: calc(100vh - 128px) !important;
overflow: auto !important;
padding: 22px 26px !important;
border: 1px solid var(--mf-border) !important;
border-radius: 4px !important;
background: #fff !important;
box-shadow: 0 24px 70px rgba(0,0,0,.16) !important;
transform: translate(-50%, 10px) !important;
transition: opacity 160ms var(--mf-ease-out), transform 160ms var(--mf-ease-out), visibility 0s 160ms !important;
}
.mf-nav > li:hover > .sub-menu,
.mf-nav > li:focus-within > .sub-menu {
transform: translate(-50%, 0) !important;
}
.mf-nav > li > .sub-menu::before {
content: "";
position: absolute;
top: -10px;
left: 0;
right: 0;
height: 10px;
}
.mf-nav .sub-menu a {
color: #181818 !important;
padding: 10px 0 !important;
font-size: 15px !important;
font-weight: 750 !important;
line-height: 1.25 !important;
text-transform: none !important;
letter-spacing: 0 !important;
white-space: normal !important;
}
.mf-nav .sub-menu a:hover {
color: var(--mf-accent) !important;
background: transparent !important;
}
.mf-nav > li > .sub-menu.mf-submenu--grid {
width: min(900px, calc(100vw - 48px)) !important;
min-width: 720px !important;
display: grid !important;
grid-template-columns: repeat(3, minmax(180px, 1fr)) !important;
gap: 10px 42px !important;
}
.mf-nav > li:nth-last-child(-n+2) > .sub-menu {
left: auto !important;
right: 0 !important;
transform: translate(0, 10px) !important;
}
.mf-nav > li:nth-last-child(-n+2):hover > .sub-menu,
.mf-nav > li:nth-last-child(-n+2):focus-within > .sub-menu {
transform: translate(0, 0) !important;
}
}
.mf-btn, button.button, .button, input[type="submit"] {
min-height: 44px;
border-radius: 2px !important;
border: 1px solid #111;
font-size: 12px;
font-weight: 850;
letter-spacing: .06em;
text-transform: uppercase;
transition: transform 120ms var(--mf-ease-out), background 120ms var(--mf-ease-out), color 120ms var(--mf-ease-out), box-shadow 180ms var(--mf-ease-out);
}
.mf-btn:hover, button.button:hover, .button:hover { transform: translateY(-2px); box-shadow: 0 12px 24px rgba(0,0,0,.08); }
.mf-btn--primary, .single_add_to_cart_button, .checkout-button, #place_order {
background: #050505 !important;
color: #fff !important;
border-color: #050505 !important;
}
.mf-btn--outline, .mf-btn--ghost {
background: #fff !important;
color: #050505 !important;
border-color: #050505 !important;
}
.mf-home-canvas > *, .mf-shop-layout, .mf-product, .mf-page, .mf-post-grid, .mf-cart-form, .mf-checkout {
max-width: 1440px;
margin-inline: auto;
padding-inline: var(--mf-gutter);
}
.mf-home-canvas { padding: 0; }
.mf-section { padding-block: 48px; }
.mf-ref-hero,
.mf-ref-section,
.mf-ref-trust {
max-width: 1440px;
margin-inline: auto;
padding-inline: var(--mf-gutter);
}
.mf-ref-hero {
display: grid;
grid-template-columns: minmax(340px, .72fr) minmax(0, 1.28fr);
min-height: 548px;
padding-block: 0;
background: #f7f5f1;
border-bottom: 1px solid var(--mf-border);
}
.mf-ref-hero__copy {
display: flex;
flex-direction: column;
justify-content: center;
max-width: 540px;
padding: 64px 48px 64px 0;
}
.mf-ref-eyebrow {
margin: 0 0 28px;
color: #111;
font-size: 13px;
font-weight: 850;
letter-spacing: .42em;
text-transform: uppercase;
}
.mf-ref-eyebrow::after {
content: "";
display: inline-block;
width: 38px;
height: 3px;
margin-left: 18px;
vertical-align: middle;
background: var(--mf-accent);
}
.mf-ref-hero h1 {
margin: 0 0 24px;
color: #050505;
font-size: clamp(54px, 5.4vw, 78px);
font-weight: 900;
line-height: .95;
letter-spacing: -.05em;
}
.mf-ref-hero p:not(.mf-ref-eyebrow) {
margin: 0 0 32px;
max-width: 500px;
color: #222;
font-size: 20px;
line-height: 1.4;
}
.mf-ref-actions {
display: flex;
flex-wrap: wrap;
gap: 16px;
}
.mf-ref-hero__media {
min-height: 548px;
margin: 0 calc(var(--mf-gutter) * -1) 0 0;
overflow: hidden;
background: #ebe7df;
}
.mf-ref-hero__img,
.mf-ref-img-placeholder {
width: 100%;
height: 100%;
min-height: inherit;
display: block;
object-fit: cover;
}
.mf-ref-img-placeholder {
background:
linear-gradient(90deg, rgba(247,245,241,.92) 0 28%, rgba(247,245,241,.1) 28% 100%),
linear-gradient(135deg, #d9d2c5, #f4f0e8);
}
.mf-ref-trust {
display: grid;
grid-template-columns: repeat(4, minmax(0,1fr));
gap: 0;
border-bottom: 1px solid var(--mf-border);
}
.mf-ref-trust > div {
min-height: 78px;
display: flex;
align-items: center;
gap: 16px;
padding: 16px 36px;
border-right: 1px solid var(--mf-border);
}
.mf-ref-trust > div:last-child { border-right: 0; }
.mf-ref-trust .mf-icon { width: 30px; height: 30px; stroke-width: 1.5; }
.mf-ref-trust span { display: grid; gap: 2px; color: #686868; font-size: 12px; }
.mf-ref-trust strong { color: #111; font-size: 13px; font-weight: 850; }
.mf-ref-seo { padding-block: 34px 18px; }
.mf-ref-seo__inner {
display: grid;
grid-template-columns: minmax(220px, .42fr) minmax(0, 1fr);
gap: clamp(22px, 4vw, 64px);
align-items: start;
padding: clamp(28px, 4vw, 46px);
border: 1px solid var(--mf-border);
background: #fff;
}
.mf-ref-seo__eyebrow {
color: var(--mf-accent);
font-size: 12px;
font-weight: 900;
letter-spacing: .18em;
text-transform: uppercase;
}
.mf-ref-seo h2 {
margin: 0;
max-width: 420px;
color: #050505;
font-size: clamp(28px, 3vw, 42px);
font-weight: 900;
line-height: 1.02;
letter-spacing: -.04em;
}
.mf-ref-seo__copy {
color: #383838;
font-size: 16px;
line-height: 1.72;
}
.mf-ref-seo__copy p { margin: 0; }
.mf-ref-section { padding-block: 44px; }
.mf-ref-section__head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
margin-bottom: 24px;
padding-top: 24px;
border-top: 1px solid var(--mf-border);
}
.mf-ref-section__head--center { justify-content: center; text-align: center; }
.mf-ref-section__head h2 {
margin: 0;
font-size: 22px;
font-weight: 850;
letter-spacing: .04em;
text-transform: uppercase;
}
.mf-ref-section__head a {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 12px;
font-weight: 850;
letter-spacing: .06em;
text-transform: uppercase;
text-decoration: none;
}
.mf-ref-section__head .mf-icon { width: 18px; height: 18px; }
.mf-ref-category-grid {
display: grid;
grid-template-columns: repeat(6, minmax(0,1fr));
gap: 20px;
}
.mf-ref-category {
color: #111;
text-decoration: none;
}
.mf-ref-category figure {
aspect-ratio: 1.06;
margin: 0;
overflow: hidden;
border-radius: 3px 3px 0 0;
background: #f0ede8;
}
.mf-ref-category__img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 180ms var(--mf-ease-out);
}
.mf-ref-category:hover .mf-ref-category__img { transform: scale(1.03); }
.mf-ref-category span {
min-height: 42px;
display: flex;
align-items: center;
justify-content: space-between;
border: 1px solid var(--mf-border);
border-top: 0;
padding: 0 14px;
font-size: 12px;
font-weight: 850;
letter-spacing: .04em;
text-transform: uppercase;
}
.mf-ref-category span::after { content: "→"; font-size: 18px; }
.mf-ref-product-rail {
display: grid;
grid-template-columns: repeat(4, minmax(0,1fr));
gap: 24px;
padding: 0;
margin: 0;
list-style: none;
}
.mf-ref-promos {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0;
}
.mf-ref-promo {
min-height: 280px;
padding: 46px;
border: 1px solid var(--mf-border);
background: #f7f5f1;
}
.mf-ref-promo--dark {
background: #050505;
color: #fff;
border-color: #050505;
}
.mf-ref-promo p {
margin: 0 0 12px;
font-size: 12px;
font-weight: 850;
letter-spacing: .12em;
text-transform: uppercase;
}
.mf-ref-promo h2 {
max-width: 380px;
margin: 0 0 26px;
font-size: clamp(30px, 3vw, 42px);
font-weight: 850;
line-height: 1;
letter-spacing: -.035em;
}
.mf-ref-promo--dark .mf-btn--outline {
color: #fff !important;
background: transparent !important;
border-color: #fff !important;
}
.mf-ref-testimonial-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0,1fr));
gap: 24px;
}
.mf-ref-testimonial-grid blockquote {
margin: 0;
padding: 28px;
border: 1px solid var(--mf-border);
border-radius: 6px;
background: #fff;
}
.mf-ref-testimonial-grid div { color: var(--mf-warn); letter-spacing: .1em; }
.mf-ref-testimonial-grid p { font-size: 17px; line-height: 1.45; }
.mf-ref-testimonial-grid cite { font-style: normal; font-weight: 700; }
.mf-hero {
max-width: none;
padding: 0 !important;
border-bottom: 1px solid var(--mf-border);
background: #f7f5f1;
}
.mf-hero__inner {
max-width: 1440px;
margin-inline: auto;
padding-inline: var(--mf-gutter);
grid-template-columns: minmax(360px, .8fr) minmax(0, 1.2fr);
gap: 0;
min-height: 548px;
}
.mf-hero__content { padding-block: 72px; max-width: 520px; }
.mf-hero__eyebrow {
padding: 0 0 14px;
background: transparent;
color: #111;
border-radius: 0;
letter-spacing: .42em;
font-size: 13px;
font-weight: 700;
}
.mf-hero__eyebrow::after {
content: "";
display: block;
width: 36px;
height: 3px;
margin-top: 18px;
background: var(--mf-accent);
}
.mf-hero__headline {
font-size: clamp(48px, 5.6vw, 78px);
font-weight: 850;
line-height: .94;
letter-spacing: -.045em;
margin-bottom: 24px;
}
.mf-hero__subhead {
font-size: 20px;
color: #202020;
line-height: 1.38;
margin-bottom: 32px;
}
.mf-hero__media { height: 548px; max-height: none; aspect-ratio: auto; margin-right: calc(var(--mf-gutter) * -1); }
.mf-hero__img { border-radius: 0; object-fit: cover; }
.mf-hero__decor { display: none; }
.mf-split-hero,
.mf-live-hero {
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
background: #f7f5f1 !important;
border-bottom: 1px solid var(--mf-border) !important;
}
.mf-split-hero__shell,
.mf-live-hero__grid {
width: 100% !important;
max-width: 1440px !important;
min-height: 548px !important;
margin-inline: auto !important;
padding-inline: var(--mf-gutter) !important;
display: grid !important;
grid-template-columns: minmax(360px,.82fr) minmax(0,1.18fr) !important;
gap: 0 !important;
align-items: stretch !important;
}
.mf-split-hero__stage {
height: auto !important;
min-height: 548px !important;
display: grid !important;
grid-template-columns: minmax(360px,.82fr) minmax(0,1.18fr) !important;
border-radius: 0 !important;
box-shadow: none !important;
background: transparent !important;
overflow: hidden !important;
}
.mf-split-hero__stage::after { display: none !important; }
.mf-split-hero__slide {
position: relative !important;
inset: auto !important;
grid-column: 2 !important;
grid-row: 1 !important;
opacity: 0 !important;
height: 100% !important;
border-radius: 0 !important;
overflow: hidden !important;
}
.mf-split-hero__slide.is-active { opacity: 1 !important; }
.mf-split-hero .mf-slide__img,
.mf-live-hero__art {
width: 100% !important;
height: 100% !important;
min-height: 548px !important;
object-fit: cover !important;
}
.mf-split-hero__panel,
.mf-live-hero__content {
position: relative !important;
inset: auto !important;
grid-column: 1 !important;
grid-row: 1 !important;
width: auto !important;
height: auto !important;
background: #f7f5f1 !important;
color: #111 !important;
z-index: 4 !important;
display: flex !important;
align-items: center !important;
}
.mf-split-hero__panel-inner,
.mf-live-hero__content {
width: 100% !important;
max-width: 560px !important;
padding: 72px 48px 72px 0 !important;
}
.mf-split-hero__kicker,
.mf-live-hero__kicker {
padding: 0 0 14px !important;
border: 0 !important;
background: transparent !important;
color: #111 !important;
font-size: 13px !important;
font-weight: 800 !important;
letter-spacing: .42em !important;
text-transform: uppercase !important;
opacity: 1 !important;
}
.mf-split-hero__kicker::after,
.mf-live-hero__kicker::after {
content: "";
display: block;
width: 36px;
height: 3px;
margin-top: 18px;
background: var(--mf-accent);
}
.mf-split-hero__title,
.mf-live-hero h1 {
color: #050505 !important;
font-size: clamp(48px, 5.5vw, 78px) !important;
font-weight: 850 !important;
line-height: .94 !important;
letter-spacing: -.045em !important;
text-shadow: none !important;
max-width: 560px !important;
margin: 0 0 24px !important;
}
.mf-split-hero__desc,
.mf-live-hero__copy {
color: #202020 !important;
font-size: 20px !important;
line-height: 1.4 !important;
max-width: 500px !important;
margin-bottom: 32px !important;
}
.mf-split-hero__btn {
min-height: 48px !important;
padding: 0 28px !important;
background: #050505 !important;
color: #fff !important;
border: 1px solid #050505 !important;
border-radius: 2px !important;
font-size: 12px !important;
font-weight: 850 !important;
letter-spacing: .06em !important;
text-transform: uppercase !important;
box-shadow: none !important;
}
.mf-split-hero__dots {
left: var(--mf-gutter) !important;
right: auto !important;
bottom: 28px !important;
justify-content: flex-start !important;
}
.mf-live-hero__notes { display: none !important; }
.mf-live-hero__art {
position: relative !important;
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 28px !important;
padding: 68px 0 68px 36px !important;
}
.mf-live-hero__frame {
position: static !important;
width: 100% !important;
height: auto !important;
min-height: 0 !important;
transform: none !important;
border: 12px solid #111 !important;
border-radius: 0 !important;
box-shadow: 0 14px 28px rgba(0,0,0,.12) !important;
}
.mf-live-hero__frame:nth-child(n+3) { display: none !important; }
.mf-live-benefits__grid {
display: grid !important;
grid-template-columns: repeat(4,minmax(0,1fr)) !important;
border-block: 1px solid var(--mf-border);
}
.mf-live-benefit {
border: 0 !important;
border-right: 1px solid var(--mf-border) !important;
border-radius: 0 !important;
background: #fff !important;
padding: 22px 24px !important;
box-shadow: none !important;
}
.mf-live-benefit:last-child { border-right: 0 !important; }
.mf-live-benefit h3 {
font-size: 13px !important;
font-weight: 850 !important;
margin: 0 0 4px !important;
}
.mf-live-benefit p {
font-size: 12px !important;
color: #666 !important;
margin: 0 !important;
}
.mf-live-cats__grid {
display: grid !important;
grid-template-columns: repeat(6,minmax(0,1fr)) !important;
gap: 20px !important;
}
.mf-live-cat {
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
.mf-live-cat a { color: #111 !important; }
.mf-live-cat__media {
aspect-ratio: 1.08 !important;
border-radius: 3px 3px 0 0 !important;
background: #f1eee8 !important;
}
.mf-live-cat span {
min-height: 42px !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
border: 1px solid var(--mf-border) !important;
border-top: 0 !important;
padding: 0 14px !important;
font-size: 12px !important;
font-weight: 850 !important;
letter-spacing: .04em !important;
text-transform: uppercase !important;
}
.mf-live-cat span::after { content: "→"; font-size: 18px; }
.mf-home-confidence, .mf-shop-confidence, .mf-product-top-trust, .mf-footer-trust {
display: grid;
grid-template-columns: repeat(4, minmax(0,1fr));
gap: 0;
border-block: 1px solid var(--mf-border);
background: rgba(255,255,255,.9);
}
.mf-product-top-trust {
margin: 0 0 32px;
padding: 0;
}
.mf-product-top-trust > div, .mf-footer-trust__item, .mf-shop-confidence__item {
min-height: 86px;
display: flex;
align-items: center;
gap: 14px;
padding: 18px 32px;
border: 0;
border-right: 1px solid var(--mf-border);
border-radius: 0;
background: transparent;
}
.mf-product-top-trust > div:last-child, .mf-footer-trust__item:last-child, .mf-shop-confidence__item:last-child { border-right: 0; }
/* v1.5.0: trust icons now sit inside a soft red pill (matching the
sub-summary trust bar) so they read as feature badges, not glyphs. */
.mf-product-top-trust .mf-icon, .mf-footer-trust .mf-icon, .mf-shop-confidence .mf-icon {
width: 44px !important;
height: 44px !important;
padding: 11px;
background: rgba(255, 51, 43, .12);
color: #ff332b;
border-radius: 999px;
box-sizing: border-box;
flex-shrink: 0;
stroke-width: 1.6;
}
.mf-product-top-trust span, .mf-footer-trust span { display: grid; gap: 2px; color: #6b6b6b; font-size: 12px; }
.mf-product-top-trust strong, .mf-footer-trust strong, .mf-shop-confidence strong {
color: #111;
font-size: 13px;
font-weight: 850;
line-height: 1.15;
letter-spacing: -.005em;
}
.mf-categories__grid { grid-template-columns: repeat(6, minmax(0,1fr)); gap: 20px; }
.mf-categories__media { aspect-ratio: 1.08; border-radius: 3px; }
.mf-categories__meta {
min-height: 42px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
border: 1px solid var(--mf-border);
border-top: 0;
padding: 0 14px;
}
.mf-categories__name {
font-size: 12px;
font-weight: 850;
letter-spacing: .04em;
text-transform: uppercase;
}
.mf-categories__count { display: none; }
.mf-categories__meta::after { content: "→"; font-size: 18px; }
.mf-section-head, .mf-section-head--centered {
display: flex;
align-items: center;
justify-content: space-between;
border-top: 1px solid var(--mf-border);
padding-top: 24px;
margin-bottom: 24px;
}
.mf-section-title, .mf-section h2 {
font-size: 22px;
font-weight: 850;
letter-spacing: .02em;
text-transform: uppercase;
}
.mf-rail__track { grid-auto-columns: calc((100% - 120px) / 7); gap: 20px; }
.mf-product-card {
background: #fff;
border: 1px solid var(--mf-border) !important;
border-radius: 4px;
overflow: hidden;
transition: transform 180ms var(--mf-ease-out), box-shadow 180ms var(--mf-ease-out);
}
.mf-product-card:hover { transform: translateY(-4px) scale(1.01); box-shadow: 0 12px 24px rgba(0,0,0,.08); }
.mf-product-card__media { aspect-ratio: .82; background: #f1eee8; border-radius: 0; }
.mf-product-card__img { object-fit: cover; }
.mf-product-card__body { padding: 12px 12px 14px; }
.mf-product-card__cat { display: none; }
.mf-product-card__title {
font-size: 14px;
font-weight: 700;
line-height: 1.25;
min-height: 34px;
}
.mf-product-card__price { font-size: 13px; color: #111; }
.mf-product-card__price::before { content: "From "; color: #555; }
.mf-product-card__cta { display: none; }
.mf-product-card__action, .mf-rp-wishlist {
background: #fff !important;
border: 1px solid var(--mf-border) !important;
box-shadow: 0 4px 14px rgba(0,0,0,.06);
}
.mf-badge {
border-radius: 0 !important;
background: #fff !important;
color: #111 !important;
border: 0 !important;
font-size: 10px;
font-weight: 900;
letter-spacing: .05em;
}
.mf-badge--sale { background: var(--mf-accent) !important; color: #fff !important; }
.mf-shop-layout {
grid-template-columns: 280px minmax(0,1fr);
gap: 24px;
padding-top: 0;
}
.mf-shop-hero {
max-width: 1440px;
margin: 0 auto 0;
padding: 48px var(--mf-gutter);
min-height: 420px;
display: grid;
grid-template-columns: minmax(340px, .9fr) minmax(0, 1.1fr);
gap: 40px;
align-items: center;
background: #f7f5f1;
border-bottom: 1px solid var(--mf-border);
}
.mf-shop-hero__copy { max-width: 560px; }
.mf-shop-header__title {
font-size: clamp(44px, 5vw, 72px);
font-weight: 850;
line-height: .95;
letter-spacing: -.045em;
}
.mf-shop-header__description {
max-width: 500px;
font-size: 18px;
color: #222;
line-height: 1.45;
}
.mf-shop-hero__actions { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 28px; }
.mf-shop-header__image {
margin: 0;
border-radius: 0;
aspect-ratio: 16/9;
align-self: stretch;
}
.mf-shop-sidebar {
border: 0;
border-right: 1px solid var(--mf-border);
border-radius: 0;
padding: 28px 24px 28px 0;
background: transparent;
box-shadow: none;
}
.mf-shop-toolbar {
min-height: 64px;
margin-bottom: 24px;
border-block: 1px solid var(--mf-border);
}
.woocommerce-ordering select, select, input, textarea {
border: 1px solid var(--mf-border-dk) !important;
border-radius: 3px !important;
background: #fff !important;
min-height: 42px;
}
.products,
.mf-product-grid {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 24px !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.mf-product-grid[data-columns="3"] { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
.mf-product-grid[data-columns="4"] { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
.mf-product-grid[data-columns="5"] { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
.mf-product-grid[data-columns="6"] { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
.mf-shop-pagination .page-numbers, .woocommerce-pagination .page-numbers { gap: 8px !important; }
.mf-shop-pagination a.page-numbers, .mf-shop-pagination span.page-numbers, .woocommerce-pagination a.page-numbers, .woocommerce-pagination span.page-numbers {
border-radius: 2px !important;
min-width: 36px !important;
height: 36px !important;
font-size: 12px !important;
}
.mf-product {
padding-top: 0;
padding-bottom: 64px;
}
.mf-product__layout {
grid-template-columns: minmax(0, .98fr) minmax(420px, .82fr);
gap: 48px;
}
.mf-gallery {
display: flex;
flex-direction: column;
gap: 28px;
}
.mf-gallery__stage {
order: 1;
aspect-ratio: 1.04;
border-radius: 4px;
background: #f1eee8;
}
.mf-gallery__img { object-fit: cover; }
.mf-gallery__thumbs {
order: 2;
flex-direction: row;
max-height: none;
overflow-x: auto;
gap: 18px;
}
.mf-gallery__thumb-btn {
width: 112px;
height: 112px;
border: 1px solid var(--mf-border);
border-radius: 3px;
}
.mf-gallery__thumb.is-active .mf-gallery__thumb-btn {
border-color: var(--mf-accent);
box-shadow: 0 0 0 2px #fff inset;
}
.mf-gallery__zoom {
left: 18px;
right: auto;
top: 18px;
background: #fff;
}
.mf-gallery__wishlist { display: none; }
.mf-gallery__nav { opacity: 1; background: transparent; box-shadow: none; }
.mf-product__summary {
gap: 14px;
padding-top: 20px;
}
.mf-product__title {
font-size: clamp(36px, 3.2vw, 52px);
font-weight: 850;
letter-spacing: -.04em;
}
.mf-product__rating {
color: #111;
text-transform: none;
letter-spacing: 0;
font-size: 14px;
}
.mf-stars .mf-icon, .star-rating::before, .star-rating span::before { color: var(--mf-warn) !important; fill: var(--mf-warn) !important; }
.mf-product__price { font-size: 34px; font-weight: 850; }
.mf-product__short-desc {
border: 0;
padding-top: 4px;
font-size: 15px;
line-height: 1.7;
max-width: 620px;
}
.mf-product__summary .stock {
background: transparent !important;
padding: 0;
color: #111 !important;
letter-spacing: 0;
text-transform: none;
}
.mf-product__summary .stock::before {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
background: #138a35;
}
.mf-product__variations { border: 0; padding: 12px 0; }
.mf-product__variation-row label, .mf-label, .variations label {
font-size: 12px !important;
font-weight: 850 !important;
letter-spacing: .08em;
text-transform: uppercase;
}
.variable-items-wrapper, .mf-variation-swatches, .value {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.variable-item, .mf-swatch, .value button, .value label {
min-width: 72px;
min-height: 44px;
display: inline-grid;
place-items: center;
padding: 0 14px;
border: 1px solid var(--mf-border-dk);
border-radius: 3px;
background: #fff;
font-size: 12px;
font-weight: 700;
}
.variable-item.selected, .mf-swatch.is-selected, .value button[aria-pressed="true"] { border-color: #111; box-shadow: inset 0 0 0 1px #111; }
.mf-product__cart-row { gap: 14px; }
.mf-qty { height: 38px; border-radius: 2px; }
.mf-qty__btn { width: 38px; font-size: 16px; }
.mf-qty__input { height: 38px; width: 48px; font-size: 14px; }
.mf-product__add-btn, .single_add_to_cart_button {
width: 100%;
min-height: 52px;
font-size: 12px;
letter-spacing: .12em;
}
.mf-product__extras {
margin-top: 56px;
border-top: 1px solid var(--mf-border);
}
/* v1.4.18: Accordion-paired tabs.
* Each contains its button AND its panel,
* so the active panel renders directly below its button — not below the
* entire button list. The "+" toggles to "−" when the section is open. */
.mf-tabs__list { display: block; border: 0; margin: 0; padding: 0; list-style: none; }
.mf-tabs__item, .mf-tabs__group { border-bottom: 1px solid var(--mf-border); display: block; }
.mf-tabs__btn {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
padding: 22px 0;
background: transparent;
border: 0;
color: #111;
font-weight: 850;
text-align: left;
cursor: pointer;
font: inherit;
letter-spacing: .12em;
text-transform: uppercase;
}
.mf-tabs__btn::after {
content: "+";
position: static;
width: auto;
height: auto;
background: transparent;
transform: none;
font-size: 22px;
font-weight: 400;
line-height: 1;
color: #111;
transition: transform .2s ease;
}
.mf-tabs__btn.is-active::after,
.mf-tabs__btn[aria-expanded="true"]::after {
content: "−"; /* U+2212 minus sign — visually balanced with "+" */
}
.mf-tabs__panel {
max-width: 100%;
padding: 0 0 28px 0;
}
.mf-tabs__panel[hidden] { display: none !important; }
.mf-tabs__panel.is-active,
.mf-tabs__panel:not([hidden]) { display: block; }
.mf-cart-layout, .mf-checkout-layout {
display: grid;
grid-template-columns: minmax(0,1fr) 360px;
gap: 32px;
padding-block: 48px;
}
.mf-cart-items, .mf-cart-totals, .mf-checkout-section, .mf-checkout-review__inner {
border: 1px solid var(--mf-border);
border-radius: 8px;
background: #fff;
box-shadow: 0 4px 18px rgba(0,0,0,.035);
}
.mf-checkout-section, .mf-checkout-review__inner { padding: 24px; }
.mf-footer {
margin-top: 0;
padding: 0 0 20px;
background: #050505 !important;
color: #fff !important;
}
.mf-footer .mf-container { max-width: 1440px; }
.mf-footer-trust {
border-color: rgba(255,255,255,.16);
background: #050505;
}
.mf-footer-trust__item { color: #fff; border-color: rgba(255,255,255,.16); }
/* v1.5.0: footer trust icons keep the red pill from the global rule.
Strong/span text is white/grey on the dark footer. */
.mf-footer-trust strong { color: #fff !important; }
.mf-footer-trust span { color: rgba(255,255,255,.65); }
.mf-footer-newsletter {
display: grid;
grid-template-columns: 1fr minmax(280px, 440px);
gap: 24px;
align-items: center;
padding: 28px 0;
border-bottom: 1px solid rgba(255,255,255,.14);
}
.mf-footer-newsletter strong {
display: block;
font-size: 14px;
letter-spacing: .08em;
text-transform: uppercase;
}
.mf-footer-newsletter span { color: rgba(255,255,255,.72); font-size: 13px; }
.mf-footer-newsletter__form { display: grid; grid-template-columns: 1fr 56px; }
.mf-footer-newsletter__form input {
min-height: 46px;
border-color: rgba(255,255,255,.28) !important;
background: #fff !important;
}
.mf-footer-newsletter__form button {
border: 1px solid rgba(255,255,255,.28);
background: #fff;
color: #111;
font-size: 20px;
}
.mf-footer__grid {
grid-template-columns: 1.35fr repeat(4, 1fr);
gap: 42px;
padding: 34px 0 28px;
margin: 0;
}
.mf-footer__brand .mf-logo--text { font-size: 22px; font-weight: 850; }
.mf-footer__tagline, .mf-footer-widget a { color: rgba(255,255,255,.72) !important; }
.mf-footer-widget__title { font-size: 12px; letter-spacing: .1em; }
.mf-footer__social a {
width: 28px;
height: 28px;
border: 0;
}
.mf-footer__bottom {
border-color: rgba(255,255,255,.14);
color: rgba(255,255,255,.68);
}
@media (max-width: 1024px) {
.mf-header__inner {
grid-template-columns: 48px 1fr auto !important;
min-height: 64px;
}
.mf-header__brand { justify-self: start; }
.mf-logo--text { font-size: 21px; }
.mf-mobile-tools { display: flex; }
.mf-header__tools { display: none; }
.mf-header__nav {
inset: 64px 0 0 0;
background: #fff;
}
.mf-nav a { color: #111 !important; padding: 18px 8px; }
.mf-hero__inner, .mf-shop-hero, .mf-product__layout, .mf-cart-layout, .mf-checkout-layout {
grid-template-columns: 1fr;
}
.mf-ref-hero {
grid-template-columns: 1fr;
min-height: 0;
}
.mf-ref-hero__copy {
max-width: none;
padding: 44px 0 30px;
}
.mf-ref-hero__media {
min-height: 360px;
margin: 0 calc(var(--mf-gutter) * -1);
}
.mf-ref-trust { grid-template-columns: repeat(4, minmax(0,1fr)); }
.mf-ref-trust > div {
min-height: 66px;
flex-direction: column;
justify-content: center;
gap: 6px;
padding: 12px;
text-align: center;
}
.mf-ref-trust .mf-icon { width: 22px; height: 22px; }
.mf-ref-trust span { font-size: 10px; }
.mf-ref-category-grid {
grid-template-columns: repeat(5, minmax(120px,1fr));
overflow-x: auto;
}
.mf-ref-product-rail {
grid-template-columns: repeat(3, minmax(0,1fr));
}
.mf-ref-seo__inner {
grid-template-columns: 1fr;
padding: 30px;
}
.mf-ref-promos {
grid-template-columns: 1fr;
}
.mf-hero__media { margin: 0 calc(var(--mf-gutter) * -1); height: 360px; order: 2; }
.mf-hero__content { padding-block: 44px; }
.mf-home-confidence, .mf-shop-confidence, .mf-product-top-trust, .mf-footer-trust { grid-template-columns: repeat(4, minmax(0,1fr)); }
.mf-product-top-trust > div, .mf-footer-trust__item, .mf-shop-confidence__item {
min-height: 66px;
padding: 12px;
justify-content: center;
text-align: center;
flex-direction: column;
gap: 6px;
}
.mf-product-top-trust .mf-icon, .mf-footer-trust .mf-icon, .mf-shop-confidence .mf-icon { width: 22px; height: 22px; }
.mf-product-top-trust span, .mf-footer-trust span, .mf-shop-confidence__item span { font-size: 10px; }
.mf-categories__grid { grid-template-columns: repeat(5, minmax(120px,1fr)); overflow-x: auto; }
.mf-rail__track { grid-auto-columns: calc((100% - 48px) / 3); }
.mf-shop-layout { grid-template-columns: 1fr; }
.mf-shop-sidebar { display: none; }
.products,
.mf-product-grid,
.mf-product-grid[data-columns] { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
.mf-gallery__thumb-btn { width: 82px; height: 82px; }
.mf-footer__grid { grid-template-columns: repeat(3, 1fr); }
.mf-footer-newsletter { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
.mf-home-canvas > *, .mf-shop-layout, .mf-product, .mf-page, .mf-post-grid, .mf-cart-form, .mf-checkout { padding-inline: 14px; }
.mf-header__inner { min-height: 56px; }
.mf-logo--text { font-size: 18px; }
.mf-icon-btn { width: 32px; height: 32px; }
.mf-hero__headline, .mf-shop-header__title { font-size: 38px; }
.mf-ref-hero h1 { font-size: 38px; }
.mf-ref-hero p:not(.mf-ref-eyebrow) { font-size: 14px; }
.mf-ref-eyebrow { font-size: 11px; letter-spacing: .28em; }
.mf-ref-actions { display: grid; }
.mf-ref-hero__media { min-height: 280px; }
.mf-ref-section { padding-block: 30px; }
.mf-ref-seo { padding-block: 24px 8px; }
.mf-ref-seo__inner { padding: 22px 18px; }
.mf-ref-seo__eyebrow { font-size: 10px; }
.mf-ref-seo h2 { font-size: 24px; }
.mf-ref-seo__copy { font-size: 14px; line-height: 1.62; }
.mf-ref-section__head h2 { font-size: 16px; }
.mf-ref-category-grid {
grid-template-columns: repeat(4, minmax(96px, 1fr));
gap: 10px;
}
.mf-ref-category span { min-height: 38px; padding: 0 8px; font-size: 9px; }
.mf-ref-product-rail { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; }
.mf-ref-promo { min-height: 0; padding: 28px 20px; }
.mf-ref-promo h2 { font-size: 28px; }
.mf-ref-testimonial-grid { grid-template-columns: 1fr; }
.mf-ref-trust strong { display: none; }
.mf-hero__subhead, .mf-shop-header__description { font-size: 14px; }
.mf-hero__actions, .mf-shop-hero__actions { display: grid; }
.mf-hero__media { height: 280px; }
.mf-home-confidence, .mf-shop-confidence, .mf-product-top-trust, .mf-footer-trust { grid-template-columns: repeat(4, 1fr); }
.mf-product-top-trust strong, .mf-footer-trust strong { display: none; }
.mf-categories__grid { grid-template-columns: repeat(4, minmax(96px, 1fr)); gap: 10px; }
.mf-categories__meta { padding: 0 8px; }
.mf-categories__name { font-size: 9px; }
.mf-rail__track { grid-auto-columns: calc((100% - 12px) / 2.1); gap: 12px; }
.products,
.mf-product-grid,
.mf-product-grid[data-columns] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; }
.mf-product-card__title { font-size: 12px; }
.mf-shop-hero { min-height: 0; padding-block: 28px; gap: 20px; }
.mf-shop-toolbar { gap: 10px; overflow-x: auto; }
.mf-product__title { font-size: 28px; }
.mf-product__price { font-size: 24px; }
.mf-gallery__stage { aspect-ratio: 1; }
.mf-gallery__thumbs { gap: 8px; }
.mf-gallery__thumb-btn { width: 64px; height: 64px; }
.mf-product__add-btn, .single_add_to_cart_button { min-height: 46px; }
.mf-cart-layout, .mf-checkout-layout { padding-block: 24px; }
.mf-footer__grid { grid-template-columns: 1fr; gap: 0; padding: 18px 0; }
.mf-footer__grid > div {
padding: 16px 0;
border-bottom: 1px solid rgba(255,255,255,.12);
}
.mf-footer__bottom { justify-content: center; text-align: center; }
}
/* ========================================================================== */
/* MerchFuse v1.4.10 hotfixes: desktop mega menu, pagination, reviews */
/* ========================================================================== */
@media (min-width: 1025px) {
.mf-header,
.mf-header__inner,
.mf-header__nav,
.mf-nav,
.mf-nav > li {
overflow: visible !important;
}
.mf-header {
position: relative !important;
z-index: 1000030 !important;
}
.mf-header__inner {
grid-template-columns: minmax(128px, 180px) minmax(0, 1fr) auto !important;
column-gap: clamp(18px, 2.1vw, 34px) !important;
}
.mf-header__brand { min-width: 0 !important; }
.mf-header__nav { min-width: 0 !important; width: 100% !important; }
.mf-nav {
gap: clamp(16px, 1.65vw, 30px) !important;
min-width: 0 !important;
}
.mf-nav > li > a {
white-space: nowrap !important;
font-size: clamp(11px, .72vw, 13px) !important;
line-height: 1 !important;
padding: 30px 0 !important;
}
.mf-nav > li.mf-menu-item--mega { position: static !important; }
.mf-nav > li.mf-menu-item--mega > .sub-menu,
.mf-nav > li.mf-menu-item--mega > .sub-menu.mf-submenu--mega,
.mf-nav > li[data-submenu="mega"] > .sub-menu,
.mf-nav > li > .sub-menu.mf-submenu--grid {
top: calc(100% - 1px) !important;
left: 50% !important;
right: auto !important;
width: min(1120px, calc(100vw - 56px)) !important;
min-width: min(760px, calc(100vw - 56px)) !important;
max-width: calc(100vw - 56px) !important;
max-height: min(70vh, 620px) !important;
overflow: auto !important;
overscroll-behavior: contain !important;
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(178px, 1fr)) !important;
gap: 14px 30px !important;
padding: 24px 28px !important;
background: #fff !important;
border: 1px solid rgba(17,17,17,.12) !important;
border-radius: 8px !important;
box-shadow: 0 28px 80px rgba(0,0,0,.18) !important;
opacity: 0 !important;
visibility: hidden !important;
transform: translate(-50%, 8px) !important;
transition: opacity 140ms var(--mf-ease-out), transform 140ms var(--mf-ease-out), visibility 0s 140ms !important;
z-index: 1000040 !important;
scrollbar-width: thin !important;
}
.mf-nav > li.mf-menu-item--mega:hover > .sub-menu,
.mf-nav > li.mf-menu-item--mega:focus-within > .sub-menu,
.mf-nav > li.mf-menu-item--mega:hover > .sub-menu.mf-submenu--mega,
.mf-nav > li.mf-menu-item--mega:focus-within > .sub-menu.mf-submenu--mega,
.mf-nav > li[data-submenu="mega"]:hover > .sub-menu,
.mf-nav > li[data-submenu="mega"]:focus-within > .sub-menu,
.mf-nav > li:hover > .sub-menu.mf-submenu--grid,
.mf-nav > li:focus-within > .sub-menu.mf-submenu--grid {
opacity: 1 !important;
visibility: visible !important;
transform: translate(-50%, 0) !important;
transition-delay: 0s !important;
}
.mf-nav > li.mf-menu-item--mega > .sub-menu::before,
.mf-nav > li[data-submenu="mega"] > .sub-menu::before,
.mf-nav > li > .sub-menu.mf-submenu--grid::before {
content: "" !important;
position: absolute !important;
left: 0 !important;
right: 0 !important;
top: -14px !important;
height: 14px !important;
}
.mf-nav > li.mf-menu-item--mega > .sub-menu > li,
.mf-nav > li[data-submenu="mega"] > .sub-menu > li {
min-width: 0 !important;
margin: 0 !important;
break-inside: avoid !important;
}
.mf-nav > li.mf-menu-item--mega > .sub-menu > li > a,
.mf-nav > li[data-submenu="mega"] > .sub-menu > li > a {
display: block !important;
padding: 0 0 9px !important;
margin: 0 0 4px !important;
border-bottom: 1px solid rgba(17,17,17,.09) !important;
color: #111 !important;
font-size: 13px !important;
line-height: 1.25 !important;
font-weight: 850 !important;
letter-spacing: .01em !important;
white-space: normal !important;
text-transform: none !important;
}
.mf-nav > li.mf-menu-item--mega > .sub-menu .sub-menu,
.mf-nav > li[data-submenu="mega"] > .sub-menu .sub-menu {
position: static !important;
inset: auto !important;
display: grid !important;
grid-template-columns: 1fr !important;
gap: 1px !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
max-height: none !important;
overflow: visible !important;
margin: 0 !important;
padding: 3px 0 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
}
.mf-nav > li.mf-menu-item--mega > .sub-menu .sub-menu a,
.mf-nav > li[data-submenu="mega"] > .sub-menu .sub-menu a,
.mf-nav > li > .sub-menu.mf-submenu--grid a {
display: block !important;
padding: 6px 0 !important;
color: #4f4f4f !important;
font-size: 12.5px !important;
line-height: 1.35 !important;
font-weight: 650 !important;
letter-spacing: 0 !important;
text-transform: none !important;
white-space: normal !important;
}
.mf-nav > li.mf-menu-item--mega > .sub-menu a:hover,
.mf-nav > li[data-submenu="mega"] > .sub-menu a:hover,
.mf-nav > li > .sub-menu.mf-submenu--grid a:hover {
color: var(--mf-accent) !important;
background: transparent !important;
}
.mf-nav > li.mf-menu-item--mega > .sub-menu .menu-item-has-children > a::after,
.mf-nav > li[data-submenu="mega"] > .sub-menu .menu-item-has-children > a::after,
.mf-nav > li > .sub-menu.mf-submenu--grid .menu-item-has-children > a::after {
display: none !important;
}
.mf-nav > li:not(.mf-menu-item--mega):not([data-submenu="mega"]) > .sub-menu:not(.mf-submenu--grid) {
top: calc(100% - 1px) !important;
min-width: 260px !important;
max-width: min(360px, calc(100vw - 48px)) !important;
padding: 16px 20px !important;
}
}
@media (min-width: 1025px) and (max-width: 1240px) {
.mf-header__inner {
grid-template-columns: minmax(96px, 128px) minmax(0, 1fr) auto !important;
column-gap: 18px !important;
}
.mf-nav { gap: clamp(10px, 1.15vw, 18px) !important; }
.mf-nav > li > a { font-size: 11px !important; }
.mf-header__tools { gap: 6px !important; }
.mf-icon-btn { width: 32px !important; height: 32px !important; }
}
@media (max-width: 1024px) {
.mf-nav > li.mf-menu-item--mega > .sub-menu,
.mf-nav > li[data-submenu="mega"] > .sub-menu,
.mf-nav > li > .sub-menu.mf-submenu--mega {
position: static !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
max-height: none !important;
overflow: visible !important;
transform: none !important;
box-shadow: none !important;
border: 0 !important;
}
.mf-nav .menu-item-has-children:not([data-expanded="true"]) > .sub-menu { display: none !important; }
.mf-nav .menu-item-has-children[data-expanded="true"] > .sub-menu { display: grid !important; grid-template-columns: 1fr !important; }
}
/* Category/search pagination: force crawlable page numbers to be visible below grids. */
.mf-shop-pagination,
.woocommerce-pagination {
clear: both !important;
width: 100% !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
margin: clamp(30px, 5vw, 64px) auto clamp(34px, 5vw, 70px) !important;
padding: 0 var(--mf-gutter) !important;
}
.mf-shop-pagination:empty,
.woocommerce-pagination:empty { display: none !important; }
.mf-shop-pagination ul.page-numbers,
.woocommerce-pagination ul.page-numbers,
.mf-shop-pagination .page-numbers,
.woocommerce-pagination .page-numbers {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.mf-shop-pagination .page-numbers li,
.woocommerce-pagination .page-numbers li { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.mf-shop-pagination a.page-numbers,
.mf-shop-pagination span.page-numbers,
.mf-shop-pagination .page-numbers a,
.mf-shop-pagination .page-numbers span,
.woocommerce-pagination a.page-numbers,
.woocommerce-pagination span.page-numbers,
.woocommerce-pagination .page-numbers a,
.woocommerce-pagination .page-numbers span {
min-width: 42px !important;
height: 42px !important;
padding: 0 12px !important;
display: inline-grid !important;
place-items: center !important;
border: 1px solid rgba(17,17,17,.18) !important;
border-radius: 999px !important;
background: #fff !important;
color: #111 !important;
font-size: 13px !important;
font-weight: 850 !important;
line-height: 1 !important;
text-decoration: none !important;
}
.mf-shop-pagination .current,
.woocommerce-pagination .current { background: #111 !important; color: #fff !important; border-color: #111 !important; }
.mf-shop-pagination .prev,
.mf-shop-pagination .next,
.woocommerce-pagination .prev,
.woocommerce-pagination .next { min-width: 96px !important; }
/* Product reviews: undo the old two-column wrapper that split proof and form badly. */
.woocommerce-Reviews.mf-reviews,
#reviews.woocommerce-Reviews.mf-reviews {
display: block !important;
grid-template-columns: none !important;
gap: 0 !important;
width: 100% !important;
max-width: none !important;
}
.woocommerce-Tabs-panel--reviews,
.mf-tabs__panel--reviews { max-width: none !important; overflow: visible !important; }
.mf-reviews__proof {
display: grid !important;
grid-template-columns: minmax(280px, .9fr) minmax(320px, 1.1fr) !important;
align-items: end !important;
gap: clamp(20px, 4vw, 56px) !important;
margin: 0 0 clamp(28px, 4vw, 48px) !important;
}
.mf-reviews__intro { max-width: 760px !important; margin: 0 !important; }
.mf-reviews__intro h2 {
max-width: 760px !important;
font-size: clamp(34px, 4.8vw, 64px) !important;
line-height: .98 !important;
letter-spacing: -.055em !important;
}
.mf-reviews__photos {
display: grid !important;
grid-template-columns: repeat(4, minmax(72px, 1fr)) !important;
gap: 10px !important;
padding: 12px !important;
border: 1px solid rgba(17,17,17,.10) !important;
border-radius: 20px !important;
background: #fff !important;
overflow: visible !important;
}
.mf-reviews__photos img {
width: 100% !important;
height: auto !important;
aspect-ratio: 1 / 1 !important;
object-fit: cover !important;
border-radius: 12px !important;
}
.mf-reviews__grid {
display: grid !important;
grid-template-columns: minmax(340px, .95fr) minmax(360px, 520px) !important;
gap: clamp(24px, 4vw, 56px) !important;
align-items: stretch !important;
}
.mf-reviews__list { min-width: 0 !important; max-width: none !important; }
.mf-reviews__empty {
min-height: 0 !important;
padding: clamp(22px, 3vw, 34px) !important;
border: 1px solid rgba(17,17,17,.10) !important;
border-radius: 22px !important;
background: #fff !important;
box-shadow: 0 16px 48px rgba(17,17,17,.05) !important;
writing-mode: horizontal-tb !important;
word-break: normal !important;
overflow-wrap: normal !important;
hyphens: none !important;
}
.mf-reviews__empty strong {
max-width: 460px !important;
display: block !important;
font-size: clamp(24px, 2.5vw, 38px) !important;
line-height: 1.05 !important;
letter-spacing: -.04em !important;
}
.mf-reviews__empty p { max-width: 520px !important; }
.mf-reviews__form-card { width: 100% !important; max-width: 520px !important; justify-self: end !important; }
.mf-review-form textarea,
.mf-review-form input,
.mf-review-form select { width: 100% !important; max-width: 100% !important; }
@media (max-width: 920px) {
.mf-reviews__proof,
.mf-reviews__grid { grid-template-columns: 1fr !important; }
.mf-reviews__form-card { max-width: none !important; justify-self: stretch !important; }
}
@media (max-width: 560px) {
.mf-reviews__intro h2 { font-size: clamp(32px, 11vw, 48px) !important; }
.mf-reviews__photos { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 6px !important; padding: 8px !important; }
}
/* ========================================================================
MerchFuse v1.4.11 — Stable desktop menu switching
Prevents neighbouring mega menus from opening while the pointer is inside
the current mega panel. Desktop menus are controlled by .mf-menu-open once
JS initializes, instead of raw :hover fighting between adjacent nav items.
======================================================================== */
@media (min-width: 1025px) {
html.mf-desktop-menu-js .mf-nav > li.menu-item-has-children > .sub-menu {
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transform: translate(-50%, 8px) !important;
transition:
opacity 140ms var(--mf-ease-out, ease),
transform 140ms var(--mf-ease-out, ease),
visibility 0s 140ms !important;
}
html.mf-desktop-menu-js .mf-nav > li.menu-item-has-children:not(.mf-menu-open):hover > .sub-menu,
html.mf-desktop-menu-js .mf-nav > li.menu-item-has-children:not(.mf-menu-open):focus-within > .sub-menu {
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transform: translate(-50%, 8px) !important;
}
html.mf-desktop-menu-js .mf-nav > li.menu-item-has-children.mf-menu-open > .sub-menu,
html.mf-desktop-menu-js .mf-nav > li.menu-item-has-children.mf-menu-open > .sub-menu.mf-submenu--grid,
html.mf-desktop-menu-js .mf-nav > li.menu-item-has-children.mf-menu-open > .sub-menu.mf-submenu--mega {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
transform: translate(-50%, 0) !important;
transition-delay: 0s !important;
}
html.mf-desktop-menu-js .mf-nav > li.menu-item-has-children.mf-menu-open > a {
color: var(--mf-accent, #ff332b) !important;
}
html.mf-desktop-menu-js .mf-nav > li.menu-item-has-children.mf-menu-open > a::after {
transform: scaleX(1) !important;
}
html.mf-desktop-menu-js .mf-nav > li.menu-item-has-children > .sub-menu::before {
content: "" !important;
position: absolute !important;
left: 0 !important;
right: 0 !important;
top: -18px !important;
height: 18px !important;
display: block !important;
}
}
/* ========================================================================
MerchFuse v1.4.12 — Global red hover normalization
Keeps the brand hover color consistent across header icons, desktop/mobile
navigation, dropdowns, footer links, product links, breadcrumbs, forms,
account/cart/wishlist controls, and WooCommerce interactive states.
======================================================================== */
:root {
--mf-accent: #ff332b;
--mf-gold: #ff332b;
--mf-hover: #ff332b;
}
/* Header and menu hover/focus/active states */
.mf-header .mf-nav > li > a:hover,
.mf-header .mf-nav > li > a:focus-visible,
.mf-header .mf-nav > li.current-menu-item > a,
.mf-header .mf-nav > li.current-menu-ancestor > a,
html.mf-desktop-menu-js .mf-nav > li.menu-item-has-children.mf-menu-open > a {
color: var(--mf-hover) !important;
}
.mf-header .mf-nav > li > a:hover::after,
.mf-header .mf-nav > li > a:focus-visible::after,
html.mf-desktop-menu-js .mf-nav > li.menu-item-has-children.mf-menu-open > a::after {
background: var(--mf-hover) !important;
}
.mf-nav .sub-menu a:hover,
.mf-nav .sub-menu a:focus-visible,
.mf-nav .sub-menu .current-menu-item > a,
.mf-nav .sub-menu .current-menu-ancestor > a,
.mf-mobile-nav-actions a:hover,
.mf-mobile-nav-actions a:focus-visible,
.mf-mobile-nav-head button:hover,
.mf-mobile-nav-head button:focus-visible {
color: var(--mf-hover) !important;
background: transparent !important;
}
/* Header icon buttons: search/wishlist/account/cart */
.mf-header .mf-icon-btn:hover,
.mf-header .mf-icon-btn:focus-visible,
.mf-mobile-tools .mf-icon-btn:hover,
.mf-mobile-tools .mf-icon-btn:focus-visible {
color: var(--mf-hover) !important;
background: rgba(255, 51, 43, 0.14) !important;
box-shadow: none !important;
}
.mf-header .mf-icon-btn:hover .mf-icon,
.mf-header .mf-icon-btn:focus-visible .mf-icon,
.mf-mobile-tools .mf-icon-btn:hover .mf-icon,
.mf-mobile-tools .mf-icon-btn:focus-visible .mf-icon,
.mf-search-toggle:hover .mf-icon,
.mf-search-toggle:focus-visible .mf-icon {
color: var(--mf-hover) !important;
stroke: currentColor !important;
}
/* Footer, account, cart, wishlist, product-card, content and breadcrumb links */
.mf-footer a:hover,
.mf-footer a:focus-visible,
.mf-breadcrumb a:hover,
.mf-breadcrumb a:focus-visible,
.woocommerce-breadcrumb a:hover,
.woocommerce-breadcrumb a:focus-visible,
.mf-product-card a:hover,
.mf-product-card a:focus-visible,
.mf-product-card__title a:hover,
.mf-product-card__title a:focus-visible,
.woocommerce-loop-product__link:hover,
.woocommerce-loop-product__link:focus-visible,
.woocommerce-loop-product__title:hover,
.woocommerce-loop-product__title:focus-visible,
.mf-entry-content a:hover,
.mf-entry-content a:focus-visible,
.entry-content a:hover,
.entry-content a:focus-visible,
.mf-account a:hover,
.mf-account a:focus-visible,
.mf-cart a:hover,
.mf-cart a:focus-visible,
.mf-wishlist a:hover,
.mf-wishlist a:focus-visible {
color: var(--mf-hover) !important;
}
/* Form/rating/focus accents */
input:hover,
select:hover,
textarea:hover,
input:focus,
select:focus,
textarea:focus,
.mf-review-form .stars a:hover,
.mf-review-form .stars a:focus,
.comment-form-rating .stars a:hover,
.comment-form-rating .stars a:focus,
.woocommerce p.stars a:hover,
.woocommerce p.stars a:focus {
border-color: var(--mf-hover) !important;
outline-color: var(--mf-hover) !important;
color: var(--mf-hover) !important;
}
/* Subtle red background only where a hover background already exists. */
.mf-pagination a:hover,
.mf-pagination a:focus-visible,
.woocommerce-pagination a:hover,
.woocommerce-pagination a:focus-visible,
.mf-filter-chip:hover,
.mf-filter-chip:focus-visible {
color: var(--mf-hover) !important;
border-color: var(--mf-hover) !important;
background: rgba(255, 51, 43, 0.06) !important;
}
/* v1.4.14 — homepage promo image support + dark-card contrast fix */
.mf-ref-promo {
position: relative;
overflow: hidden;
display: flex;
align-items: flex-start;
}
.mf-ref-promo__content {
position: relative;
z-index: 2;
max-width: 460px;
}
.mf-ref-promo--dark,
.mf-ref-promo--dark p,
.mf-ref-promo--dark h2 {
color: #fff !important;
}
.mf-ref-promo--dark h2 {
text-shadow: 0 1px 18px rgba(0, 0, 0, .34);
}
.mf-ref-promo--dark.mf-ref-promo--has-image {
min-height: 360px;
background: #050505;
}
.mf-ref-promo__media {
position: absolute;
inset: 0;
z-index: 0;
margin: 0;
overflow: hidden;
}
.mf-ref-promo__img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
opacity: .72;
filter: saturate(.96) contrast(1.05);
}
.mf-ref-promo--dark.mf-ref-promo--has-image::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
pointer-events: none;
background: linear-gradient(90deg, rgba(0,0,0,.86) 0%, rgba(0,0,0,.64) 44%, rgba(0,0,0,.24) 100%);
}
.mf-ref-promo--dark .mf-btn--outline {
position: relative;
z-index: 2;
}
@media (max-width: 768px) {
.mf-ref-promo {
min-height: 300px;
padding: 34px 24px;
}
.mf-ref-promo--dark.mf-ref-promo--has-image::after {
background: linear-gradient(180deg, rgba(0,0,0,.82) 0%, rgba(0,0,0,.62) 100%);
}
}
/* ========================================================================
MerchFuse v1.4.15 — Mobile header, trust icons, and balanced categories
======================================================================== */
/* Trust icon consistency: crisp line icons with equal sizing everywhere. */
.mf-ref-trust .mf-icon,
.mf-product-top-trust .mf-icon,
.mf-shop-confidence .mf-icon,
.mf-footer-trust .mf-icon,
.mf-trust__item .mf-icon {
width: 28px !important;
height: 28px !important;
flex: 0 0 28px !important;
color: #111111 !important;
stroke: currentColor !important;
stroke-width: 1.7 !important;
}
.mf-footer-trust .mf-icon { color: #ffffff !important; }
.mf-ref-trust .mf-icon--award,
.mf-product-top-trust .mf-icon--award,
.mf-shop-confidence .mf-icon--award,
.mf-footer-trust .mf-icon--award,
.mf-trust__item .mf-icon--award,
.mf-ref-trust .mf-icon--truck,
.mf-product-top-trust .mf-icon--truck,
.mf-shop-confidence .mf-icon--truck,
.mf-footer-trust .mf-icon--truck,
.mf-trust__item .mf-icon--truck {
fill: none !important;
}
.mf-ref-trust strong,
.mf-product-top-trust strong,
.mf-footer-trust strong {
line-height: 1.08 !important;
}
/* Homepage category showcase: balanced 3-by-3/3-by-2 layout instead of 5+1 or 4+2. */
.mf-ref-category-grid {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: clamp(14px, 2.2vw, 28px) !important;
overflow: visible !important;
}
.mf-ref-category figure { aspect-ratio: 1.34 / 1 !important; }
.mf-ref-category span {
min-height: 54px !important;
padding: 0 20px !important;
font-size: clamp(13px, 1.2vw, 18px) !important;
line-height: 1.18 !important;
}
.mf-ref-category span::after { font-size: clamp(22px, 2vw, 32px) !important; }
/* Tablet keeps the exact 3 + 3 rhythm. */
@media (max-width: 1024px) {
.mf-ref-category-grid {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 16px !important;
overflow: visible !important;
}
.mf-ref-category span {
min-height: 48px !important;
padding: 0 12px !important;
font-size: 13px !important;
letter-spacing: .035em !important;
}
}
/* Mobile header: one professional row — logo, compact search, actions, menu. */
@media (max-width: 1024px) {
.mf-header {
position: relative !important;
z-index: 1000050 !important;
}
.mf-header__inner {
width: 100% !important;
max-width: none !important;
min-height: 64px !important;
display: grid !important;
grid-template-columns: minmax(88px, 116px) minmax(120px, 1fr) auto 42px !important;
align-items: center !important;
gap: 8px !important;
padding: 8px 12px !important;
}
.mf-header__brand {
order: 1 !important;
grid-column: 1 !important;
grid-row: 1 !important;
min-width: 0 !important;
justify-self: start !important;
display: flex !important;
align-items: center !important;
}
.mf-header .mf-logo,
.mf-header .mf-logo--image {
height: 40px !important;
max-height: 40px !important;
max-width: 112px !important;
width: auto !important;
display: inline-flex !important;
align-items: center !important;
}
.mf-header .mf-logo img,
.mf-header .mf-logo--image img {
width: auto !important;
height: 40px !important;
max-width: 112px !important;
max-height: 40px !important;
object-fit: contain !important;
display: block !important;
}
.mf-mobile-search {
order: 2 !important;
grid-column: 2 !important;
grid-row: 1 !important;
min-width: 0 !important;
width: 100% !important;
max-width: 100% !important;
height: 40px !important;
display: flex !important;
align-items: center !important;
gap: 8px !important;
padding: 0 10px !important;
border-radius: 12px !important;
background: #ffffff !important;
border: 1px solid rgba(255,255,255,.22) !important;
box-shadow: none !important;
overflow: hidden !important;
}
.mf-mobile-search .mf-icon {
width: 18px !important;
height: 18px !important;
flex: 0 0 18px !important;
color: #111111 !important;
}
.mf-mobile-search input {
min-width: 0 !important;
width: 100% !important;
height: 100% !important;
padding: 0 !important;
font-size: 14px !important;
line-height: 1 !important;
border: 0 !important;
background: transparent !important;
text-overflow: ellipsis !important;
}
.mf-mobile-tools {
order: 3 !important;
grid-column: 3 !important;
grid-row: 1 !important;
display: flex !important;
align-items: center !important;
gap: 4px !important;
min-width: max-content !important;
}
.mf-mobile-tools .mf-icon-btn {
width: 34px !important;
min-width: 34px !important;
height: 40px !important;
display: inline-grid !important;
place-items: center !important;
border-radius: 10px !important;
}
.mf-mobile-tools .mf-icon-btn .mf-icon {
width: 23px !important;
height: 23px !important;
}
.mf-menu-toggle {
order: 4 !important;
grid-column: 4 !important;
grid-row: 1 !important;
justify-self: end !important;
align-self: center !important;
width: 40px !important;
min-width: 40px !important;
height: 40px !important;
display: inline-grid !important;
place-items: center !important;
margin: 0 !important;
padding: 0 !important;
border-radius: 10px !important;
background: transparent !important;
}
.mf-menu-toggle__bar,
.mf-menu-toggle__bar::before,
.mf-menu-toggle__bar::after {
width: 24px !important;
height: 2px !important;
left: auto !important;
right: auto !important;
}
.mf-menu-toggle__bar { position: relative !important; margin: 0 !important; }
.mf-menu-toggle__bar::before { top: -7px !important; }
.mf-menu-toggle__bar::after { top: 7px !important; }
.mf-header__nav {
position: fixed !important;
top: var(--mf-mobile-drawer-top, 64px) !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
inset: var(--mf-mobile-drawer-top, 64px) 0 0 0 !important;
width: 100% !important;
max-width: none !important;
z-index: 1000045 !important;
}
}
/* Smaller phones: keep all controls on one row without making the logo invisible. */
@media (max-width: 480px) {
.mf-header__inner {
min-height: 60px !important;
grid-template-columns: minmax(78px, 96px) minmax(104px, 1fr) auto 36px !important;
gap: 6px !important;
padding: 7px 8px !important;
}
.mf-header .mf-logo,
.mf-header .mf-logo--image,
.mf-header .mf-logo img,
.mf-header .mf-logo--image img {
height: 36px !important;
max-height: 36px !important;
max-width: 94px !important;
}
.mf-mobile-search {
height: 36px !important;
border-radius: 10px !important;
padding: 0 8px !important;
gap: 6px !important;
}
.mf-mobile-search .mf-icon { width: 17px !important; height: 17px !important; flex-basis: 17px !important; }
.mf-mobile-search input { font-size: 13px !important; }
.mf-mobile-tools .mf-icon-btn {
width: 30px !important;
min-width: 30px !important;
height: 36px !important;
}
.mf-mobile-tools .mf-icon-btn .mf-icon { width: 21px !important; height: 21px !important; }
.mf-menu-toggle {
width: 36px !important;
min-width: 36px !important;
height: 36px !important;
}
.mf-menu-toggle__bar,
.mf-menu-toggle__bar::before,
.mf-menu-toggle__bar::after { width: 22px !important; }
.mf-ref-category-grid {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 10px !important;
}
.mf-ref-category figure { aspect-ratio: 1 / .84 !important; }
.mf-ref-category span {
min-height: 44px !important;
padding: 0 7px !important;
font-size: 10px !important;
letter-spacing: .055em !important;
}
.mf-ref-category span::after { font-size: 20px !important; }
}
@media (max-width: 360px) {
.mf-header__inner {
grid-template-columns: minmax(70px, 86px) minmax(88px, 1fr) auto 34px !important;
gap: 5px !important;
}
.mf-header .mf-logo,
.mf-header .mf-logo--image,
.mf-header .mf-logo img,
.mf-header .mf-logo--image img {
height: 34px !important;
max-width: 84px !important;
}
.mf-mobile-search { height: 34px !important; }
.mf-mobile-search input { font-size: 12px !important; }
.mf-mobile-tools .mf-icon-btn { width: 28px !important; min-width: 28px !important; height: 34px !important; }
.mf-menu-toggle { width: 34px !important; min-width: 34px !important; height: 34px !important; }
}
/* v1.4.17 - mobile header alignment + cleaner square mega-menu view-all cards */
@media (max-width: 1024px) {
.mf-header__inner {
min-height: var(--mf-ref-mobile-header-min-height, 64px) !important;
grid-template-columns: minmax(var(--mf-ref-mobile-logo-col, 124px), var(--mf-ref-mobile-logo-col, 124px)) minmax(90px, 1fr) auto 40px !important;
}
.mf-header__brand {
overflow: visible !important;
min-width: 0 !important;
}
.mf-header .mf-logo,
.mf-header .mf-logo--image {
max-width: var(--mf-ref-mobile-logo-max-width, 132px) !important;
}
.mf-header .mf-logo img,
.mf-header .mf-logo--image img {
max-width: var(--mf-ref-mobile-logo-max-width, 132px) !important;
}
.mf-header .mf-logo--text {
max-width: none !important;
width: auto !important;
height: auto !important;
font-size: clamp(21px, 5vw, 34px) !important;
line-height: 0.98 !important;
letter-spacing: -0.04em !important;
font-weight: 800 !important;
white-space: nowrap !important;
overflow: visible !important;
text-overflow: clip !important;
}
.mf-mobile-search input::placeholder {
color: #4d4d4d !important;
opacity: 1 !important;
}
.mf-mobile-tools .mf-cart-btn,
.mf-mobile-tools .mf-mobile-wishlist,
.mf-menu-toggle {
flex-shrink: 0 !important;
}
}
@media (max-width: 480px) {
.mf-header__inner {
grid-template-columns: minmax(var(--mf-ref-mobile-logo-col-small, 104px), var(--mf-ref-mobile-logo-col-small, 104px)) minmax(78px, 1fr) auto 36px !important;
}
.mf-header .mf-logo,
.mf-header .mf-logo--image,
.mf-header .mf-logo img,
.mf-header .mf-logo--image img {
max-width: var(--mf-ref-mobile-logo-max-width-small, 110px) !important;
}
.mf-header .mf-logo--text {
font-size: clamp(18px, 5.6vw, 28px) !important;
}
}
@media (min-width: 1025px) {
.mf-nav > li.mf-menu-item--mega > .sub-menu,
.mf-nav > li[data-submenu="mega"] > .sub-menu {
align-items: start !important;
}
.mf-nav > li.mf-menu-item--mega > .sub-menu > li.mf-mega-visual-item,
.mf-nav > li[data-submenu="mega"] > .sub-menu > li.mf-mega-visual-item {
grid-column: span 1 !important;
align-self: start !important;
min-width: 0 !important;
}
.mf-menu-feature-card {
display: flex !important;
flex-direction: column !important;
width: min(100%, 300px) !important;
min-height: auto !important;
border-radius: 18px !important;
overflow: hidden !important;
background: #ffffff !important;
color: #111111 !important;
text-decoration: none !important;
border: 1px solid #e6e6e6 !important;
box-shadow: 0 10px 28px rgba(0,0,0,.06) !important;
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}
.mf-menu-feature-card:hover,
.mf-menu-feature-card:focus-visible {
transform: translateY(-2px) !important;
box-shadow: 0 16px 36px rgba(0,0,0,.10) !important;
border-color: #d6d6d6 !important;
color: #111111 !important;
}
.mf-menu-feature-card__media {
display: block !important;
aspect-ratio: 1 / 1 !important;
background: linear-gradient(135deg, #f4f1ea 0%, #e8e0d3 100%) !important;
overflow: hidden !important;
}
.mf-menu-feature-card__media img,
.mf-menu-feature-card__placeholder {
width: 100% !important;
height: 100% !important;
display: block !important;
object-fit: cover !important;
}
.mf-menu-feature-card__placeholder {
background: linear-gradient(135deg, #f2ede6 0%, #dfd5c6 100%) !important;
}
.mf-menu-feature-card__content {
display: flex !important;
flex-direction: column !important;
gap: 6px !important;
padding: 14px 16px 16px !important;
}
.mf-menu-feature-card__content small,
.mf-menu-feature-card__content span,
.mf-menu-feature-card__content em,
.mf-menu-feature-card__content strong {
color: inherit !important;
}
.mf-menu-feature-card__content small {
font-size: 11px !important;
text-transform: uppercase !important;
letter-spacing: .12em !important;
color: #6c6c6c !important;
font-style: normal !important;
}
.mf-menu-feature-card__content strong {
font-size: 20px !important;
line-height: 1.08 !important;
font-weight: 850 !important;
}
.mf-menu-feature-card__content span {
display: none !important;
}
.mf-menu-feature-card__content em {
margin-top: 2px !important;
font-size: 12px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
font-style: normal !important;
letter-spacing: .08em !important;
text-transform: uppercase !important;
color: #111111 !important;
opacity: .9 !important;
}
}
@media (max-width: 1024px) {
.mf-mega-visual-item,
.mf-menu-feature-card {
display: none !important;
}
}
/* v1.4.17.1 — definitive mobile/tablet logo alignment hotfix.
The previous one-row mobile grid could clip the text logo when the search bar,
wishlist, cart, and burger all competed for the same line. This keeps tablet
as one clean row and changes smaller mobiles to a professional two-row header. */
@media (max-width: 1024px) and (min-width: 701px) {
.mf-header__inner {
min-height: 68px !important;
grid-template-columns: minmax(170px, 210px) minmax(220px, 520px) auto 44px !important;
gap: 12px !important;
padding: 9px 18px !important;
align-items: center !important;
overflow: visible !important;
}
.mf-header__brand {
min-width: 0 !important;
width: auto !important;
overflow: visible !important;
}
.mf-header .mf-logo,
.mf-header .mf-logo--image,
.mf-header .mf-logo--text {
width: auto !important;
max-width: none !important;
min-width: max-content !important;
overflow: visible !important;
white-space: nowrap !important;
}
.mf-header .mf-logo--text {
font-size: clamp(30px, 3.4vw, 40px) !important;
line-height: .95 !important;
letter-spacing: -.045em !important;
}
.mf-header .mf-logo img,
.mf-header .mf-logo--image img {
height: 42px !important;
width: auto !important;
max-width: 200px !important;
object-fit: contain !important;
}
.mf-mobile-search {
justify-self: center !important;
max-width: 520px !important;
width: 100% !important;
height: 42px !important;
}
}
@media (max-width: 700px) {
.mf-header__inner {
min-height: 112px !important;
display: grid !important;
grid-template-columns: minmax(148px, 1fr) auto 46px !important;
grid-template-rows: 46px 44px !important;
gap: 8px 10px !important;
padding: 9px 14px 11px !important;
align-items: center !important;
overflow: visible !important;
}
.mf-header__brand {
grid-column: 1 !important;
grid-row: 1 !important;
justify-self: start !important;
min-width: 0 !important;
width: auto !important;
max-width: 100% !important;
overflow: visible !important;
}
.mf-header .mf-logo,
.mf-header .mf-logo--image,
.mf-header .mf-logo--text {
display: inline-flex !important;
align-items: center !important;
width: auto !important;
max-width: none !important;
min-width: max-content !important;
height: auto !important;
overflow: visible !important;
white-space: nowrap !important;
text-overflow: clip !important;
}
.mf-header .mf-logo--text {
font-size: clamp(29px, 8.4vw, 38px) !important;
line-height: .95 !important;
letter-spacing: -.045em !important;
font-weight: 850 !important;
}
.mf-header .mf-logo img,
.mf-header .mf-logo--image img {
height: 40px !important;
width: auto !important;
max-width: 190px !important;
object-fit: contain !important;
}
.mf-mobile-tools {
grid-column: 2 !important;
grid-row: 1 !important;
justify-self: end !important;
align-self: center !important;
display: flex !important;
align-items: center !important;
gap: 8px !important;
min-width: max-content !important;
}
.mf-mobile-tools .mf-icon-btn {
width: 38px !important;
min-width: 38px !important;
height: 42px !important;
}
.mf-mobile-tools .mf-icon-btn .mf-icon {
width: 25px !important;
height: 25px !important;
}
.mf-menu-toggle {
grid-column: 3 !important;
grid-row: 1 !important;
justify-self: end !important;
align-self: center !important;
width: 46px !important;
min-width: 46px !important;
height: 42px !important;
}
.mf-menu-toggle__bar,
.mf-menu-toggle__bar::before,
.mf-menu-toggle__bar::after {
width: 28px !important;
height: 2px !important;
}
.mf-menu-toggle__bar::before { top: -8px !important; }
.mf-menu-toggle__bar::after { top: 8px !important; }
.mf-mobile-search {
grid-column: 1 / -1 !important;
grid-row: 2 !important;
justify-self: stretch !important;
width: 100% !important;
max-width: none !important;
height: 44px !important;
min-height: 44px !important;
padding: 0 14px !important;
border-radius: 14px !important;
}
.mf-mobile-search .mf-icon {
width: 21px !important;
height: 21px !important;
flex-basis: 21px !important;
}
.mf-mobile-search input {
font-size: 17px !important;
}
.mf-header__nav {
top: 112px !important;
inset: 112px 0 0 0 !important;
}
}
@media (max-width: 380px) {
.mf-header__inner {
grid-template-columns: minmax(132px, 1fr) auto 42px !important;
padding-inline: 10px !important;
gap: 7px !important;
}
.mf-header .mf-logo--text {
font-size: clamp(27px, 8.2vw, 32px) !important;
}
.mf-header .mf-logo img,
.mf-header .mf-logo--image img {
max-width: 168px !important;
}
.mf-mobile-tools { gap: 4px !important; }
.mf-mobile-tools .mf-icon-btn {
width: 34px !important;
min-width: 34px !important;
}
.mf-menu-toggle {
width: 42px !important;
min-width: 42px !important;
}
.mf-mobile-search input {
font-size: 16px !important;
}
}
/* v1.4.17.2 — mobile search becomes an icon so the logo, icons, and burger stay aligned. */
@media (max-width: 1024px) {
.mf-header {
position: relative !important;
z-index: 1000050 !important;
}
.mf-header__inner {
width: 100% !important;
max-width: none !important;
min-height: 72px !important;
display: grid !important;
grid-template-columns: minmax(150px, 1fr) auto 44px !important;
grid-template-rows: 1fr !important;
align-items: center !important;
gap: 8px !important;
padding: 12px 14px !important;
overflow: visible !important;
}
.mf-header__brand {
grid-column: 1 !important;
grid-row: 1 !important;
justify-self: start !important;
align-self: center !important;
min-width: 0 !important;
width: auto !important;
max-width: 100% !important;
overflow: visible !important;
}
.mf-header .mf-logo,
.mf-header .mf-logo--image,
.mf-header .mf-logo--text {
width: auto !important;
max-width: none !important;
min-width: 0 !important;
height: auto !important;
overflow: visible !important;
white-space: nowrap !important;
text-overflow: clip !important;
}
.mf-header .mf-logo--text {
display: inline-block !important;
font-size: clamp(29px, 6.4vw, 40px) !important;
line-height: .94 !important;
letter-spacing: -.045em !important;
font-weight: 850 !important;
}
.mf-header .mf-logo img,
.mf-header .mf-logo--image img {
height: 40px !important;
width: auto !important;
max-width: min(190px, 42vw) !important;
object-fit: contain !important;
display: block !important;
}
.mf-mobile-search {
display: none !important;
}
.mf-mobile-tools {
grid-column: 2 !important;
grid-row: 1 !important;
justify-self: end !important;
align-self: center !important;
display: flex !important;
align-items: center !important;
gap: 8px !important;
min-width: max-content !important;
}
.mf-mobile-tools .mf-icon-btn,
.mf-mobile-tools .mf-mobile-search-toggle {
width: 38px !important;
min-width: 38px !important;
height: 42px !important;
display: inline-grid !important;
place-items: center !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
color: #fff !important;
border-radius: 10px !important;
}
.mf-mobile-tools .mf-icon-btn .mf-icon,
.mf-mobile-tools .mf-mobile-search-toggle .mf-icon {
width: 25px !important;
height: 25px !important;
stroke-width: 2 !important;
}
.mf-mobile-tools .mf-mobile-search-toggle:hover,
.mf-mobile-tools .mf-mobile-search-toggle:focus-visible,
.mf-mobile-tools .mf-icon-btn:hover,
.mf-mobile-tools .mf-icon-btn:focus-visible {
color: var(--mf-accent, #ff332b) !important;
background: rgba(255,255,255,.06) !important;
}
.mf-menu-toggle {
grid-column: 3 !important;
grid-row: 1 !important;
justify-self: end !important;
align-self: center !important;
width: 44px !important;
min-width: 44px !important;
height: 42px !important;
display: inline-grid !important;
place-items: center !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 10px !important;
}
.mf-menu-toggle__bar,
.mf-menu-toggle__bar::before,
.mf-menu-toggle__bar::after {
width: 28px !important;
height: 2px !important;
left: auto !important;
right: auto !important;
background: #fff !important;
}
.mf-menu-toggle__bar {
position: relative !important;
margin: 0 !important;
}
.mf-menu-toggle__bar::before { top: -8px !important; }
.mf-menu-toggle__bar::after { top: 8px !important; }
.mf-menu-toggle:hover .mf-menu-toggle__bar,
.mf-menu-toggle:hover .mf-menu-toggle__bar::before,
.mf-menu-toggle:hover .mf-menu-toggle__bar::after,
.mf-menu-toggle:focus-visible .mf-menu-toggle__bar,
.mf-menu-toggle:focus-visible .mf-menu-toggle__bar::before,
.mf-menu-toggle:focus-visible .mf-menu-toggle__bar::after {
background: var(--mf-accent, #ff332b) !important;
}
.mf-header__nav {
top: var(--mf-mobile-drawer-top, 72px) !important;
inset: var(--mf-mobile-drawer-top, 72px) 0 0 0 !important;
}
}
@media (max-width: 420px) {
.mf-header__inner {
min-height: 68px !important;
grid-template-columns: minmax(136px, 1fr) auto 40px !important;
gap: 5px !important;
padding: 10px 10px !important;
}
.mf-header .mf-logo--text {
font-size: clamp(27px, 7.2vw, 34px) !important;
}
.mf-header .mf-logo img,
.mf-header .mf-logo--image img {
max-width: min(172px, 43vw) !important;
height: 38px !important;
}
.mf-mobile-tools {
gap: 3px !important;
}
.mf-mobile-tools .mf-icon-btn,
.mf-mobile-tools .mf-mobile-search-toggle {
width: 34px !important;
min-width: 34px !important;
height: 40px !important;
}
.mf-mobile-tools .mf-icon-btn .mf-icon,
.mf-mobile-tools .mf-mobile-search-toggle .mf-icon {
width: 23px !important;
height: 23px !important;
}
.mf-menu-toggle {
width: 40px !important;
min-width: 40px !important;
height: 40px !important;
}
.mf-menu-toggle__bar,
.mf-menu-toggle__bar::before,
.mf-menu-toggle__bar::after {
width: 25px !important;
}
}
@media (max-width: 360px) {
.mf-header__inner {
grid-template-columns: minmax(118px, 1fr) auto 38px !important;
gap: 3px !important;
padding-inline: 8px !important;
}
.mf-header .mf-logo--text {
font-size: clamp(25px, 7.4vw, 29px) !important;
}
.mf-mobile-tools .mf-icon-btn,
.mf-mobile-tools .mf-mobile-search-toggle {
width: 30px !important;
min-width: 30px !important;
}
.mf-mobile-tools .mf-icon-btn .mf-icon,
.mf-mobile-tools .mf-mobile-search-toggle .mf-icon {
width: 21px !important;
height: 21px !important;
}
.mf-menu-toggle {
width: 38px !important;
min-width: 38px !important;
}
}
/* v1.4.17.3 — final compact mobile/tablet header.
Search is icon-only; the old mobile search row is fully removed from layout. */
@media (max-width: 1024px) {
:root {
--mf-mobile-drawer-top: 74px !important;
--mf-search-top: 74px !important;
}
body.mf-site .mf-header {
height: auto !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: visible !important;
background: #050505 !important;
border-bottom: 1px solid rgba(255,255,255,.14) !important;
box-shadow: 0 1px 0 rgba(255,255,255,.08), 0 4px 16px rgba(0,0,0,.16) !important;
z-index: 1000050 !important;
}
body.mf-site .mf-header > .mf-container.mf-header__inner,
body.mf-site .mf-header__inner {
width: 100% !important;
max-width: none !important;
height: 74px !important;
min-height: 74px !important;
max-height: 74px !important;
padding: 0 16px !important;
margin: 0 !important;
display: flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 14px !important;
overflow: visible !important;
box-sizing: border-box !important;
}
body.mf-site .mf-header__brand {
flex: 1 1 auto !important;
min-width: 0 !important;
max-width: calc(100% - 205px) !important;
height: 74px !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
overflow: visible !important;
grid-column: auto !important;
grid-row: auto !important;
}
body.mf-site .mf-header .mf-logo,
body.mf-site .mf-header .mf-logo--image,
body.mf-site .mf-header .mf-logo--text {
display: inline-flex !important;
align-items: center !important;
width: auto !important;
max-width: 100% !important;
height: auto !important;
max-height: none !important;
min-width: 0 !important;
overflow: visible !important;
white-space: nowrap !important;
text-overflow: clip !important;
flex-shrink: 1 !important;
}
body.mf-site .mf-header .mf-logo--text {
font-size: clamp(30px, 5.3vw, 40px) !important;
line-height: .95 !important;
letter-spacing: -.045em !important;
font-weight: 850 !important;
}
body.mf-site .mf-header .mf-logo img,
body.mf-site .mf-header .mf-logo--image img {
width: auto !important;
height: 40px !important;
max-width: 190px !important;
max-height: 40px !important;
object-fit: contain !important;
display: block !important;
}
body.mf-site .mf-mobile-search {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
min-width: 0 !important;
min-height: 0 !important;
max-width: 0 !important;
max-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
flex: 0 0 0 !important;
}
body.mf-site .mf-mobile-tools {
flex: 0 0 auto !important;
min-width: max-content !important;
height: 74px !important;
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 10px !important;
margin-left: auto !important;
grid-column: auto !important;
grid-row: auto !important;
}
body.mf-site .mf-mobile-tools .mf-icon-btn,
body.mf-site .mf-mobile-tools .mf-mobile-search-toggle,
body.mf-site .mf-menu-toggle {
flex: 0 0 42px !important;
width: 42px !important;
min-width: 42px !important;
max-width: 42px !important;
height: 46px !important;
min-height: 46px !important;
max-height: 46px !important;
display: inline-grid !important;
place-items: center !important;
padding: 0 !important;
margin: 0 !important;
color: #ffffff !important;
background: transparent !important;
border: 0 !important;
border-radius: 12px !important;
line-height: 1 !important;
align-self: center !important;
}
body.mf-site .mf-mobile-tools .mf-icon-btn .mf-icon,
body.mf-site .mf-mobile-tools .mf-mobile-search-toggle .mf-icon {
width: 27px !important;
height: 27px !important;
stroke-width: 1.9 !important;
}
body.mf-site .mf-menu-toggle {
position: relative !important;
grid-column: auto !important;
grid-row: auto !important;
justify-self: auto !important;
margin-left: 2px !important;
}
body.mf-site .mf-menu-toggle__bar,
body.mf-site .mf-menu-toggle__bar::before,
body.mf-site .mf-menu-toggle__bar::after {
width: 30px !important;
height: 2px !important;
left: 50% !important;
right: auto !important;
background: #ffffff !important;
transform-origin: center !important;
}
body.mf-site .mf-menu-toggle__bar {
position: relative !important;
margin: 0 !important;
transform: translateX(-50%) !important;
}
body.mf-site .mf-menu-toggle__bar::before {
top: -8px !important;
}
body.mf-site .mf-menu-toggle__bar::after {
top: 8px !important;
}
body.mf-site .mf-header__tools {
display: none !important;
}
body.mf-site .mf-header__nav {
position: fixed !important;
top: 74px !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
inset: 74px 0 0 0 !important;
width: 100% !important;
max-width: none !important;
z-index: 1000045 !important;
}
body.mf-site .mf-search-overlay__backdrop,
body.mf-site .mf-search-overlay__panel {
top: 74px !important;
}
body.mf-site .mf-search-overlay__panel {
max-height: calc(100dvh - 74px - 12px) !important;
}
}
@media (max-width: 480px) {
:root {
--mf-mobile-drawer-top: 70px !important;
--mf-search-top: 70px !important;
}
body.mf-site .mf-header > .mf-container.mf-header__inner,
body.mf-site .mf-header__inner {
height: 70px !important;
min-height: 70px !important;
max-height: 70px !important;
padding-inline: 12px !important;
gap: 8px !important;
}
body.mf-site .mf-header__brand {
height: 70px !important;
max-width: calc(100% - 175px) !important;
}
body.mf-site .mf-header .mf-logo--text {
font-size: clamp(29px, 7.2vw, 36px) !important;
}
body.mf-site .mf-header .mf-logo img,
body.mf-site .mf-header .mf-logo--image img {
height: 38px !important;
max-height: 38px !important;
max-width: 168px !important;
}
body.mf-site .mf-mobile-tools {
height: 70px !important;
gap: 6px !important;
}
body.mf-site .mf-mobile-tools .mf-icon-btn,
body.mf-site .mf-mobile-tools .mf-mobile-search-toggle,
body.mf-site .mf-menu-toggle {
flex-basis: 38px !important;
width: 38px !important;
min-width: 38px !important;
max-width: 38px !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
}
body.mf-site .mf-mobile-tools .mf-icon-btn .mf-icon,
body.mf-site .mf-mobile-tools .mf-mobile-search-toggle .mf-icon {
width: 25px !important;
height: 25px !important;
}
body.mf-site .mf-menu-toggle__bar,
body.mf-site .mf-menu-toggle__bar::before,
body.mf-site .mf-menu-toggle__bar::after {
width: 28px !important;
}
body.mf-site .mf-header__nav {
top: 70px !important;
inset: 70px 0 0 0 !important;
}
body.mf-site .mf-search-overlay__backdrop,
body.mf-site .mf-search-overlay__panel {
top: 70px !important;
}
body.mf-site .mf-search-overlay__panel {
max-height: calc(100dvh - 70px - 10px) !important;
}
}
@media (max-width: 380px) {
body.mf-site .mf-header .mf-logo--text {
font-size: clamp(25px, 7.2vw, 31px) !important;
}
body.mf-site .mf-header__brand {
max-width: calc(100% - 158px) !important;
}
body.mf-site .mf-mobile-tools {
gap: 4px !important;
}
body.mf-site .mf-mobile-tools .mf-icon-btn,
body.mf-site .mf-mobile-tools .mf-mobile-search-toggle,
body.mf-site .mf-menu-toggle {
flex-basis: 35px !important;
width: 35px !important;
min-width: 35px !important;
max-width: 35px !important;
}
body.mf-site .mf-mobile-tools .mf-icon-btn .mf-icon,
body.mf-site .mf-mobile-tools .mf-mobile-search-toggle .mf-icon {
width: 23px !important;
height: 23px !important;
}
body.mf-site .mf-menu-toggle__bar,
body.mf-site .mf-menu-toggle__bar::before,
body.mf-site .mf-menu-toggle__bar::after {
width: 26px !important;
}
}
/* ========================================================================
MerchFuse v1.4.17.4 — mobile burger exact center alignment
Fixes the inherited top:50% on .mf-menu-toggle__bar that made the burger
sit lower than the search, wishlist, and cart icons on mobile.
======================================================================== */
@media (max-width: 1024px) {
body.mf-site .mf-header > .mf-container.mf-header__inner,
body.mf-site .mf-header__inner {
align-items: center !important;
}
body.mf-site .mf-mobile-tools,
body.mf-site .mf-mobile-tools .mf-icon-btn,
body.mf-site .mf-mobile-tools .mf-mobile-search-toggle,
body.mf-site .mf-menu-toggle {
align-self: center !important;
vertical-align: middle !important;
}
body.mf-site .mf-menu-toggle {
position: relative !important;
top: auto !important;
transform: none !important;
display: inline-grid !important;
place-items: center !important;
overflow: visible !important;
line-height: 0 !important;
}
body.mf-site .mf-menu-toggle__bar {
position: absolute !important;
top: 50% !important;
left: 50% !important;
right: auto !important;
margin: 0 !important;
transform: translate(-50%, -50%) !important;
display: block !important;
width: 30px !important;
height: 2px !important;
border-radius: 999px !important;
}
body.mf-site .mf-menu-toggle__bar::before,
body.mf-site .mf-menu-toggle__bar::after {
position: absolute !important;
left: 0 !important;
right: auto !important;
width: 30px !important;
height: 2px !important;
border-radius: 999px !important;
transform: none !important;
}
body.mf-site .mf-menu-toggle__bar::before { top: -8px !important; }
body.mf-site .mf-menu-toggle__bar::after { top: 8px !important; }
body.mf-site .mf-menu-toggle[aria-expanded="true"] .mf-menu-toggle__bar {
background: transparent !important;
}
body.mf-site .mf-menu-toggle[aria-expanded="true"] .mf-menu-toggle__bar::before {
transform: translateY(8px) rotate(45deg) !important;
}
body.mf-site .mf-menu-toggle[aria-expanded="true"] .mf-menu-toggle__bar::after {
transform: translateY(-8px) rotate(-45deg) !important;
}
}
@media (max-width: 480px) {
body.mf-site .mf-menu-toggle__bar,
body.mf-site .mf-menu-toggle__bar::before,
body.mf-site .mf-menu-toggle__bar::after {
width: 28px !important;
}
}
@media (max-width: 380px) {
body.mf-site .mf-menu-toggle__bar,
body.mf-site .mf-menu-toggle__bar::before,
body.mf-site .mf-menu-toggle__bar::after {
width: 26px !important;
}
}
/* MerchFuse v1.4.17.4 - mobile burger exact center alignment */
@media (max-width: 1024px) {
body.mf-site .mf-header > .mf-container.mf-header__inner,
body.mf-site .mf-header__inner { align-items: center !important; }
body.mf-site .mf-mobile-tools,
body.mf-site .mf-mobile-tools .mf-icon-btn,
body.mf-site .mf-mobile-tools .mf-mobile-search-toggle,
body.mf-site .mf-menu-toggle { align-self: center !important; vertical-align: middle !important; }
body.mf-site .mf-menu-toggle { position: relative !important; top: auto !important; transform: none !important; display: inline-grid !important; place-items: center !important; overflow: visible !important; line-height: 0 !important; }
body.mf-site .mf-menu-toggle__bar { position: absolute !important; top: 50% !important; left: 50% !important; right: auto !important; margin: 0 !important; transform: translate(-50%, -50%) !important; display: block !important; width: 30px !important; height: 2px !important; border-radius: 999px !important; }
body.mf-site .mf-menu-toggle__bar::before,
body.mf-site .mf-menu-toggle__bar::after { position: absolute !important; left: 0 !important; right: auto !important; width: 30px !important; height: 2px !important; border-radius: 999px !important; transform: none !important; }
body.mf-site .mf-menu-toggle__bar::before { top: -8px !important; }
body.mf-site .mf-menu-toggle__bar::after { top: 8px !important; }
body.mf-site .mf-menu-toggle[aria-expanded="true"] .mf-menu-toggle__bar { background: transparent !important; }
body.mf-site .mf-menu-toggle[aria-expanded="true"] .mf-menu-toggle__bar::before { transform: translateY(8px) rotate(45deg) !important; }
body.mf-site .mf-menu-toggle[aria-expanded="true"] .mf-menu-toggle__bar::after { transform: translateY(-8px) rotate(-45deg) !important; }
}
@media (max-width: 480px) {
body.mf-site .mf-menu-toggle__bar,
body.mf-site .mf-menu-toggle__bar::before,
body.mf-site .mf-menu-toggle__bar::after { width: 28px !important; }
}
@media (max-width: 380px) {
body.mf-site .mf-menu-toggle__bar,
body.mf-site .mf-menu-toggle__bar::before,
body.mf-site .mf-menu-toggle__bar::after { width: 26px !important; }
}
/* ========================================================================
MerchFuse v1.5.1 — conversion/accessibility patch
======================================================================== */
:root {
--mf-accent: #ff332b;
--mf-accent-soft: #fff0ee;
--mf-accent-border: rgba(255, 51, 43, .26);
}
/* Premium Quality cards: real branded red icon badges instead of blank circles. */
body.mf-site .mf-education-card__icon {
width: 66px !important;
height: 66px !important;
display: inline-grid !important;
place-items: center !important;
border-radius: 999px !important;
background: rgba(255, 51, 43, .13) !important;
border: 1px solid rgba(255, 51, 43, .28) !important;
color: var(--mf-accent) !important;
box-shadow: inset 0 0 0 8px rgba(255, 255, 255, .05), 0 18px 34px rgba(0, 0, 0, .18) !important;
}
body.mf-site .mf-education-card__icon svg {
width: 34px !important;
height: 34px !important;
display: block !important;
stroke: currentColor !important;
color: var(--mf-accent) !important;
}
body.mf-site .mf-education-card:hover .mf-education-card__icon {
background: var(--mf-accent) !important;
color: #fff !important;
border-color: var(--mf-accent) !important;
}
/* Trust bars: same red treatment across product top, add-to-cart box, footer and shop pages. */
body.mf-site .mf-product-top-trust,
body.mf-site .mf-shop-confidence,
body.mf-site .mf-footer-trust {
overflow: hidden !important;
}
body.mf-site .mf-product-top-trust .mf-icon,
body.mf-site .mf-shop-confidence .mf-icon,
body.mf-site .mf-footer-trust .mf-icon,
body.mf-site .mf-trust__item .mf-icon {
width: 44px !important;
height: 44px !important;
flex: 0 0 44px !important;
padding: 10px !important;
box-sizing: border-box !important;
border-radius: 999px !important;
background: rgba(255, 51, 43, .12) !important;
color: var(--mf-accent) !important;
stroke: currentColor !important;
fill: none !important;
border: 1px solid rgba(255, 51, 43, .22) !important;
}
body.mf-site .mf-footer-trust .mf-icon {
background: rgba(255, 51, 43, .18) !important;
color: var(--mf-accent) !important;
border-color: rgba(255, 51, 43, .38) !important;
}
body.mf-site .mf-product-top-trust > div,
body.mf-site .mf-shop-confidence__item,
body.mf-site .mf-footer-trust__item {
gap: 16px !important;
}
body.mf-site .mf-shop-confidence__item span {
color: inherit !important;
font-weight: 750 !important;
line-height: 1.35 !important;
}
body.mf-site .mf-trust {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 0 !important;
padding: 0 !important;
margin: 20px 0 18px !important;
border: 1px solid var(--mf-border) !important;
border-radius: 18px !important;
background: linear-gradient(180deg, #fff, #fbfaf8) !important;
box-shadow: 0 12px 34px rgba(17, 17, 17, .06) !important;
overflow: hidden !important;
}
body.mf-site .mf-trust__item {
min-width: 0 !important;
display: flex !important;
align-items: center !important;
gap: 14px !important;
padding: 22px 24px !important;
border-right: 1px solid var(--mf-border) !important;
background: transparent !important;
}
body.mf-site .mf-trust__item:last-child { border-right: 0 !important; }
body.mf-site .mf-trust__item strong {
display: block !important;
margin: 0 0 3px !important;
color: #111 !important;
font-size: 15px !important;
font-weight: 850 !important;
line-height: 1.2 !important;
letter-spacing: -.01em !important;
}
body.mf-site .mf-trust__item span {
display: block !important;
color: #686868 !important;
font-size: 13px !important;
line-height: 1.35 !important;
}
body.mf-site .mf-product-confidence a,
body.mf-site .mf-product-confidence span {
border-color: var(--mf-border) !important;
background: #fff !important;
}
body.mf-site .mf-product-confidence a:hover,
body.mf-site .mf-product-confidence a:focus-visible {
border-color: var(--mf-accent) !important;
color: var(--mf-accent) !important;
box-shadow: 0 8px 22px rgba(255, 51, 43, .12) !important;
}
/* Wishlist hearts: selected/empty state uses brand red, never black-on-black. */
body.mf-site .mf-wishlist__empty .mf-cart-empty__icon,
body.mf-site .mf-cart-empty__icon {
background: rgba(255, 51, 43, .12) !important;
color: var(--mf-accent) !important;
}
body.mf-site .mf-wishlist__empty .mf-cart-empty__icon .mf-icon,
body.mf-site .mf-cart-empty__icon .mf-icon {
color: var(--mf-accent) !important;
stroke: currentColor !important;
fill: none !important;
}
body.mf-site .mf-wishlist-btn[data-active="true"] .mf-icon,
body.mf-site .mf-wishlist-btn[aria-pressed="true"] .mf-icon,
body.mf-site .mf-wishlist-btn.is-active .mf-icon {
color: var(--mf-accent) !important;
stroke: var(--mf-accent) !important;
fill: var(--mf-accent) !important;
}
body.mf-site .mf-product-card__action:hover .mf-icon,
body.mf-site .mf-gallery__wishlist:hover .mf-icon,
body.mf-site .mf-rp-wishlist:hover .mf-icon,
body.mf-site .mf-rp-mini__wish:hover .mf-icon {
color: var(--mf-accent) !important;
stroke: var(--mf-accent) !important;
}
/* Variant selector: native select remains available, JS-enhanced pills make options obvious. */
body.mf-site .mf-product__variation-row {
margin: 0 0 18px !important;
}
body.mf-site .mf-product__variation-row .mf-label {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
margin: 0 0 10px !important;
}
body.mf-site .mf-product__variation-row .mf-label::after {
content: "Select one";
color: var(--mf-accent);
font-size: 11px;
font-weight: 850;
letter-spacing: .08em;
text-transform: uppercase;
}
body.mf-site .mf-product__variation-row select {
min-height: 58px !important;
width: 100% !important;
padding: 0 46px 0 18px !important;
border: 1.5px solid rgba(17, 17, 17, .28) !important;
border-radius: 12px !important;
background-color: #fff !important;
color: #111 !important;
font-size: 16px !important;
font-weight: 650 !important;
cursor: pointer !important;
box-shadow: 0 10px 24px rgba(17, 17, 17, .04) !important;
}
body.mf-site .mf-product__variation-row select:focus {
outline: 3px solid rgba(255, 51, 43, .18) !important;
border-color: var(--mf-accent) !important;
}
body.mf-site .mf-variation-row--enhanced select.mf-variation-select {
position: absolute !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
border: 0 !important;
padding: 0 !important;
margin: -1px !important;
}
body.mf-site .mf-variant-pills {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)) !important;
gap: 10px !important;
margin: 0 !important;
}
body.mf-site .mf-variant-pill {
min-height: 58px !important;
width: 100% !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 10px 14px !important;
border: 1.5px solid rgba(17, 17, 17, .18) !important;
border-radius: 12px !important;
background: #fff !important;
color: #111 !important;
font-size: 15px !important;
font-weight: 750 !important;
line-height: 1.15 !important;
cursor: pointer !important;
text-align: center !important;
box-shadow: 0 8px 22px rgba(17, 17, 17, .045) !important;
transition: border-color .16s ease, background .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease !important;
}
body.mf-site .mf-variant-pill:hover,
body.mf-site .mf-variant-pill:focus-visible {
border-color: var(--mf-accent) !important;
box-shadow: 0 10px 26px rgba(255, 51, 43, .14) !important;
transform: translateY(-1px) !important;
outline: none !important;
}
body.mf-site .mf-variant-pill.is-selected,
body.mf-site .mf-variant-pill[aria-checked="true"] {
background: #111 !important;
color: #fff !important;
border-color: #111 !important;
}
body.mf-site .mf-variant-pill:disabled {
opacity: .45 !important;
cursor: not-allowed !important;
transform: none !important;
}
body.mf-site .mf-variant-helper {
margin: 8px 0 0 !important;
color: #777 !important;
font-size: 12px !important;
line-height: 1.45 !important;
}
body.mf-site .mf-product__variation-reset .reset_variations {
color: #666 !important;
text-decoration-thickness: 1px !important;
text-underline-offset: 4px !important;
}
/* Product accordion: no tablist styles, no Woo tab script dependency, no page-jump. */
body.mf-site .mf-product-accordion,
body.mf-site .mf-tabs {
width: 100% !important;
margin-top: clamp(24px, 4vw, 48px) !important;
}
body.mf-site .mf-tabs__list {
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
border-top: 1px solid var(--mf-border) !important;
}
body.mf-site .mf-tabs__item {
display: block !important;
border-bottom: 1px solid var(--mf-border) !important;
}
body.mf-site .mf-tabs__btn {
min-height: 72px !important;
width: 100% !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 18px !important;
padding: 20px 0 !important;
border: 0 !important;
background: transparent !important;
color: #111 !important;
cursor: pointer !important;
text-align: left !important;
font-size: 13px !important;
font-weight: 850 !important;
letter-spacing: .14em !important;
text-transform: uppercase !important;
}
body.mf-site .mf-tabs__btn:hover,
body.mf-site .mf-tabs__btn:focus-visible {
color: var(--mf-accent) !important;
outline: none !important;
}
body.mf-site .mf-tabs__btn::after {
content: "+" !important;
display: inline-grid !important;
place-items: center !important;
width: 34px !important;
height: 34px !important;
flex: 0 0 34px !important;
border-radius: 999px !important;
border: 1px solid var(--mf-border) !important;
background: #fff !important;
color: #111 !important;
font-size: 24px !important;
font-weight: 300 !important;
line-height: 1 !important;
}
body.mf-site .mf-tabs__btn.is-active::after,
body.mf-site .mf-tabs__btn[aria-expanded="true"]::after {
content: "−" !important;
background: var(--mf-accent) !important;
border-color: var(--mf-accent) !important;
color: #fff !important;
}
body.mf-site .mf-tabs__panel {
display: block !important;
max-width: 100% !important;
width: 100% !important;
padding: 0 0 clamp(26px, 4vw, 44px) !important;
scroll-margin-top: 110px !important;
}
body.mf-site .mf-tabs__panel[hidden] {
display: none !important;
}
body.mf-site .mf-tabs__panel.is-active {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
}
/* Category pagination: force the generated crawlable links to remain visible. */
body.mf-site .mf-shop-pagination:not(:empty),
body.mf-site .woocommerce-pagination:not(:empty) {
clear: both !important;
width: 100% !important;
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
justify-content: center !important;
margin: clamp(34px, 5vw, 72px) auto clamp(36px, 5vw, 78px) !important;
position: relative !important;
z-index: 2 !important;
}
body.mf-site .mf-shop-pagination .mf-pagination,
body.mf-site .mf-shop-pagination .page-numbers,
body.mf-site .woocommerce-pagination .page-numbers {
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
align-items: center !important;
gap: 10px !important;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.mf-site .mf-shop-pagination .page-numbers li { list-style: none !important; }
body.mf-site .mf-shop-pagination a.page-numbers,
body.mf-site .mf-shop-pagination span.page-numbers,
body.mf-site .mf-shop-pagination .page-numbers a,
body.mf-site .mf-shop-pagination .page-numbers span {
min-width: 44px !important;
height: 44px !important;
display: inline-grid !important;
place-items: center !important;
padding: 0 14px !important;
border-radius: 999px !important;
border: 1px solid rgba(17, 17, 17, .18) !important;
background: #fff !important;
color: #111 !important;
font-size: 13px !important;
font-weight: 850 !important;
text-decoration: none !important;
}
body.mf-site .mf-shop-pagination .current {
background: #111 !important;
color: #fff !important;
border-color: #111 !important;
}
body.mf-site .mf-shop-pagination a.page-numbers:hover,
body.mf-site .mf-shop-pagination a.page-numbers:focus-visible,
body.mf-site .mf-shop-pagination .page-numbers a:hover,
body.mf-site .mf-shop-pagination .page-numbers a:focus-visible {
border-color: var(--mf-accent) !important;
color: var(--mf-accent) !important;
outline: 3px solid rgba(255, 51, 43, .14) !important;
}
/* Mid-page related products: visible near the buy-box, not buried at page bottom. */
body.mf-site .mf-rp-mini {
margin: 20px 0 20px !important;
padding: 18px !important;
border: 1px solid var(--mf-border) !important;
border-radius: 18px !important;
background: #fbfaf8 !important;
box-shadow: 0 12px 34px rgba(17, 17, 17, .055) !important;
}
body.mf-site .mf-rp-mini__header {
display: flex !important;
align-items: end !important;
justify-content: space-between !important;
gap: 16px !important;
margin: 0 0 14px !important;
}
body.mf-site .mf-rp-mini__eyebrow {
margin: 0 0 4px !important;
color: var(--mf-accent) !important;
font-size: 11px !important;
font-weight: 850 !important;
letter-spacing: .14em !important;
text-transform: uppercase !important;
}
body.mf-site .mf-rp-mini__title {
margin: 0 !important;
color: #111 !important;
font-size: clamp(17px, 2vw, 22px) !important;
line-height: 1.1 !important;
letter-spacing: -.03em !important;
}
body.mf-site .mf-rp-mini__row {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 12px !important;
}
body.mf-site .mf-rp-mini__card {
position: relative !important;
min-width: 0 !important;
border: 1px solid rgba(17, 17, 17, .08) !important;
border-radius: 14px !important;
background: #fff !important;
overflow: hidden !important;
}
body.mf-site .mf-rp-mini__media,
body.mf-site .mf-rp-mini__info {
display: block !important;
color: inherit !important;
text-decoration: none !important;
}
body.mf-site .mf-rp-mini__img-wrap {
display: block !important;
aspect-ratio: 1 / 1 !important;
background: #f1eee8 !important;
overflow: hidden !important;
}
body.mf-site .mf-rp-mini__img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
}
body.mf-site .mf-rp-mini__wish {
position: absolute !important;
top: 8px !important;
right: 8px !important;
width: 34px !important;
height: 34px !important;
display: inline-grid !important;
place-items: center !important;
border: 1px solid rgba(17,17,17,.10) !important;
border-radius: 999px !important;
background: rgba(255,255,255,.92) !important;
color: #111 !important;
cursor: pointer !important;
}
body.mf-site .mf-rp-mini__wish .mf-icon { width: 18px !important; height: 18px !important; }
body.mf-site .mf-rp-mini__info { padding: 10px !important; }
body.mf-site .mf-rp-mini__name {
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
min-height: 34px !important;
color: #111 !important;
font-size: 12px !important;
font-weight: 800 !important;
line-height: 1.25 !important;
}
body.mf-site .mf-rp-mini__price {
display: block !important;
margin-top: 6px !important;
color: #111 !important;
font-size: 12px !important;
font-weight: 850 !important;
}
@media (max-width: 980px) {
body.mf-site .mf-trust { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
body.mf-site .mf-trust__item:nth-child(2n) { border-right: 0 !important; }
body.mf-site .mf-rp-mini__row { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 640px) {
body.mf-site .mf-product-top-trust,
body.mf-site .mf-shop-confidence,
body.mf-site .mf-footer-trust { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
body.mf-site .mf-product-top-trust > div,
body.mf-site .mf-shop-confidence__item,
body.mf-site .mf-footer-trust__item { min-height: 78px !important; padding: 14px !important; }
body.mf-site .mf-trust { grid-template-columns: 1fr !important; }
body.mf-site .mf-trust__item { border-right: 0 !important; border-bottom: 1px solid var(--mf-border) !important; padding: 16px !important; }
body.mf-site .mf-trust__item:last-child { border-bottom: 0 !important; }
body.mf-site .mf-variant-pills { grid-template-columns: 1fr !important; }
body.mf-site .mf-rp-mini { padding: 14px !important; }
body.mf-site .mf-rp-mini__row { display: flex !important; overflow-x: auto !important; scroll-snap-type: x proximity !important; padding-bottom: 4px !important; }
body.mf-site .mf-rp-mini__card { flex: 0 0 42% !important; scroll-snap-align: start !important; }
}
/* ========================================================================
MerchFuse v1.5.2 — trust badge, accordion and mini-rail cleanup
======================================================================== */
/* Add-to-cart trust badges: remove the vertical divider lines and make the
module feel like four clean trust cards. */
body.mf-site .mf-product__summary .mf-trust,
body.mf-site .summary .mf-trust {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 12px !important;
padding: 12px !important;
margin: 20px 0 18px !important;
border: 1px solid rgba(17, 17, 17, .10) !important;
border-radius: 22px !important;
background: linear-gradient(180deg, #fff, #fbfaf8) !important;
box-shadow: 0 18px 42px rgba(17, 17, 17, .06) !important;
overflow: visible !important;
}
body.mf-site .mf-product__summary .mf-trust__item,
body.mf-site .summary .mf-trust__item {
min-width: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 12px !important;
padding: 18px 16px !important;
border: 0 !important;
border-right: 0 !important;
border-bottom: 0 !important;
border-radius: 16px !important;
background: #fff !important;
box-shadow: inset 0 0 0 1px rgba(17, 17, 17, .07), 0 10px 24px rgba(17, 17, 17, .04) !important;
}
body.mf-site .mf-product__summary .mf-trust__item .mf-icon,
body.mf-site .summary .mf-trust__item .mf-icon {
width: 48px !important;
height: 48px !important;
flex: 0 0 48px !important;
padding: 11px !important;
border-radius: 999px !important;
background: rgba(255, 51, 43, .12) !important;
border: 1px solid rgba(255, 51, 43, .28) !important;
color: var(--mf-accent) !important;
stroke: currentColor !important;
fill: none !important;
}
body.mf-site .mf-product__summary .mf-trust__item strong,
body.mf-site .summary .mf-trust__item strong {
display: block !important;
margin: 0 0 4px !important;
color: #111 !important;
font-size: clamp(14px, 1.05vw, 16px) !important;
font-weight: 850 !important;
letter-spacing: -.02em !important;
line-height: 1.15 !important;
overflow-wrap: anywhere !important;
}
body.mf-site .mf-product__summary .mf-trust__item span,
body.mf-site .summary .mf-trust__item span {
display: block !important;
color: #666 !important;
font-size: clamp(12px, .9vw, 14px) !important;
line-height: 1.35 !important;
overflow-wrap: anywhere !important;
}
/* Product accordion: perfectly centered plus/minus icons. */
body.mf-site .mf-tabs__btn::after {
content: "" !important;
display: inline-grid !important;
place-items: center !important;
width: 34px !important;
height: 34px !important;
flex: 0 0 34px !important;
border-radius: 999px !important;
border: 1px solid var(--mf-border) !important;
color: #111 !important;
background:
linear-gradient(#111, #111) center / 14px 2px no-repeat,
linear-gradient(#111, #111) center / 2px 14px no-repeat,
#fff !important;
}
body.mf-site .mf-tabs__btn.is-active::after,
body.mf-site .mf-tabs__btn[aria-expanded="true"]::after {
content: "" !important;
background:
linear-gradient(#fff, #fff) center / 14px 2px no-repeat,
var(--mf-accent) !important;
border-color: var(--mf-accent) !important;
color: #fff !important;
}
/* v1.5.2: disable the compact related rail below the buy box. The normal
full related-products section remains intact. */
body.mf-site .mf-rp-mini {
display: none !important;
}
@media (max-width: 980px) {
body.mf-site .mf-product__summary .mf-trust,
body.mf-site .summary .mf-trust {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 640px) {
body.mf-site .mf-product__summary .mf-trust,
body.mf-site .summary .mf-trust {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
padding: 10px !important;
border-radius: 18px !important;
}
body.mf-site .mf-product__summary .mf-trust__item,
body.mf-site .summary .mf-trust__item {
min-height: 132px !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: flex-start !important;
gap: 10px !important;
padding: 14px !important;
}
body.mf-site .mf-product__summary .mf-trust__item .mf-icon,
body.mf-site .summary .mf-trust__item .mf-icon {
width: 42px !important;
height: 42px !important;
flex-basis: 42px !important;
padding: 9px !important;
}
}
/* ========================================================================
MerchFuse v1.5.3 — desktop/tablet product buy-box spacing + trust cards
========================================================================
Goal: keep the mobile 2x2 trust badge behavior, but stop desktop/tablet
product summaries from forcing every word into narrow vertical columns.
Also gives the large gallery area a visible premium surface so wide screens
do not feel empty when product art has a white background.
======================================================================== */
body.mf-site .mf-product__layout {
grid-template-columns: minmax(0, 1.04fr) minmax(500px, .92fr) !important;
gap: clamp(28px, 3vw, 46px) !important;
align-items: start !important;
}
body.mf-site .mf-product__summary,
body.mf-site .summary.entry-summary {
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
}
body.mf-site .mf-gallery__stage {
border: 1px solid rgba(17, 17, 17, .08) !important;
background: #f4f2ed !important;
box-shadow: 0 18px 48px rgba(17, 17, 17, .045) !important;
}
/* Below-add-to-cart trust badges: always 2x2 in the product summary.
This uses the available buy-box width properly on desktop/tablet and keeps
mobile consistent with the layout that was already working well. */
body.mf-site .mf-product__summary .mf-trust,
body.mf-site .summary .mf-trust {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
padding: 12px !important;
margin: 18px 0 16px !important;
border-radius: 22px !important;
overflow: hidden !important;
}
body.mf-site .mf-product__summary .mf-trust__item,
body.mf-site .summary .mf-trust__item {
min-width: 0 !important;
min-height: 92px !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 14px !important;
padding: 16px !important;
text-align: left !important;
border: 0 !important;
border-right: 0 !important;
border-bottom: 0 !important;
border-radius: 16px !important;
background: #fff !important;
box-sizing: border-box !important;
}
body.mf-site .mf-product__summary .mf-trust__item > div,
body.mf-site .summary .mf-trust__item > div {
min-width: 0 !important;
width: auto !important;
max-width: 100% !important;
}
body.mf-site .mf-product__summary .mf-trust__item .mf-icon,
body.mf-site .summary .mf-trust__item .mf-icon {
width: 46px !important;
height: 46px !important;
flex: 0 0 46px !important;
padding: 10px !important;
margin: 0 !important;
color: var(--mf-accent) !important;
stroke: currentColor !important;
background: rgba(255, 51, 43, .12) !important;
border: 1px solid rgba(255, 51, 43, .28) !important;
border-radius: 999px !important;
box-sizing: border-box !important;
}
body.mf-site .mf-product__summary .mf-trust__item strong,
body.mf-site .summary .mf-trust__item strong,
body.mf-site .mf-product__summary .mf-trust__item span,
body.mf-site .summary .mf-trust__item span {
max-width: 100% !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: normal !important;
hyphens: none !important;
writing-mode: horizontal-tb !important;
text-orientation: mixed !important;
}
body.mf-site .mf-product__summary .mf-trust__item strong,
body.mf-site .summary .mf-trust__item strong {
margin: 0 0 4px !important;
font-size: clamp(14px, 1vw, 16px) !important;
line-height: 1.18 !important;
letter-spacing: -.025em !important;
}
body.mf-site .mf-product__summary .mf-trust__item span,
body.mf-site .summary .mf-trust__item span {
margin: 0 !important;
font-size: clamp(12px, .86vw, 13.5px) !important;
line-height: 1.35 !important;
}
body.mf-site .mf-product-confidence {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
}
body.mf-site .mf-product-confidence a,
body.mf-site .mf-product-confidence span {
width: 100% !important;
justify-content: center !important;
text-align: center !important;
}
body.mf-site .mf-product-confidence span {
grid-column: 1 / -1 !important;
}
@media (max-width: 1180px) {
body.mf-site .mf-product__layout {
grid-template-columns: minmax(0, 1fr) minmax(430px, .9fr) !important;
gap: 28px !important;
}
body.mf-site .mf-product__summary .mf-trust__item,
body.mf-site .summary .mf-trust__item {
min-height: 88px !important;
padding: 14px !important;
gap: 12px !important;
}
body.mf-site .mf-product__summary .mf-trust__item .mf-icon,
body.mf-site .summary .mf-trust__item .mf-icon {
width: 42px !important;
height: 42px !important;
flex-basis: 42px !important;
padding: 9px !important;
}
}
@media (max-width: 1024px) {
body.mf-site .mf-product__layout {
grid-template-columns: 1fr !important;
}
body.mf-site .mf-product__summary,
body.mf-site .summary.entry-summary {
position: static !important;
}
}
@media (max-width: 640px) {
body.mf-site .mf-product__summary .mf-trust,
body.mf-site .summary .mf-trust {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
padding: 10px !important;
border-radius: 18px !important;
}
body.mf-site .mf-product__summary .mf-trust__item,
body.mf-site .summary .mf-trust__item {
min-height: 128px !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: flex-start !important;
gap: 10px !important;
padding: 14px !important;
}
body.mf-site .mf-product__summary .mf-trust__item .mf-icon,
body.mf-site .summary .mf-trust__item .mf-icon {
width: 42px !important;
height: 42px !important;
flex: 0 0 42px !important;
padding: 9px !important;
}
body.mf-site .mf-product__summary .mf-trust__item strong,
body.mf-site .summary .mf-trust__item strong {
font-size: 13px !important;
line-height: 1.18 !important;
}
body.mf-site .mf-product__summary .mf-trust__item span,
body.mf-site .summary .mf-trust__item span {
font-size: 11.5px !important;
line-height: 1.3 !important;
}
}
@media (max-width: 380px) {
body.mf-site .mf-product__summary .mf-trust__item,
body.mf-site .summary .mf-trust__item {
min-height: 120px !important;
padding: 12px !important;
}
body.mf-site .mf-product-confidence {
grid-template-columns: 1fr !important;
}
}
/* ========================================================================
MerchFuse v1.5.4 — mobile drawer menu readability fix
Prevents mega-menu children from rendering as cramped two-column panels on
phone/tablet drawers. Mobile menus now stack as true accordion sections, so
category/artist links never overlap, overflow, or leave the drawer area.
======================================================================== */
@media (max-width: 1024px) {
body.mf-site.mf-menu-is-open {
overflow: hidden !important;
touch-action: none !important;
}
body.mf-site .mf-header__nav {
overflow-y: auto !important;
overflow-x: hidden !important;
-webkit-overflow-scrolling: touch !important;
overscroll-behavior: contain !important;
box-sizing: border-box !important;
padding: clamp(18px, 4.4vw, 28px) clamp(16px, 4vw, 28px) 92px !important;
background: #0b0b0b !important;
}
body.mf-site .mf-header__nav *,
body.mf-site .mf-header__nav *::before,
body.mf-site .mf-header__nav *::after {
box-sizing: border-box !important;
}
body.mf-site .mf-mobile-nav-head {
display: grid !important;
grid-template-columns: minmax(56px, auto) minmax(0, 1fr) 54px !important;
align-items: center !important;
gap: 12px !important;
width: 100% !important;
max-width: 100% !important;
padding: 0 0 22px !important;
margin: 0 0 20px !important;
border-bottom: 1px solid rgba(255,255,255,.16) !important;
}
body.mf-site .mf-mobile-nav-head span:first-child {
min-width: 0 !important;
color: rgba(255,255,255,.70) !important;
font-size: 13px !important;
line-height: 1 !important;
letter-spacing: .24em !important;
text-transform: uppercase !important;
white-space: nowrap !important;
}
body.mf-site .mf-mobile-nav-head span:nth-child(2) {
min-width: 0 !important;
color: #ffffff !important;
font-size: clamp(18px, 4.7vw, 28px) !important;
line-height: 1.05 !important;
font-weight: 900 !important;
letter-spacing: .12em !important;
text-align: right !important;
text-transform: uppercase !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body.mf-site .mf-mobile-nav-close {
width: 52px !important;
height: 52px !important;
min-width: 52px !important;
display: inline-grid !important;
place-items: center !important;
justify-self: end !important;
border-radius: 999px !important;
border: 1px solid rgba(255,255,255,.28) !important;
background: rgba(255,255,255,.04) !important;
color: #ffffff !important;
font-size: 42px !important;
line-height: .7 !important;
font-weight: 700 !important;
}
body.mf-site .mf-nav,
body.mf-site .mf-nav > li,
body.mf-site .mf-nav li {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
overflow: visible !important;
}
body.mf-site .mf-nav {
display: block !important;
margin: 0 !important;
padding: 0 !important;
}
body.mf-site .mf-nav > li {
display: block !important;
border-bottom: 1px solid rgba(255,255,255,.14) !important;
}
body.mf-site .mf-header .mf-nav > li > a,
body.mf-site .mf-nav > li > a {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 16px !important;
width: 100% !important;
max-width: 100% !important;
padding: 22px 0 !important;
color: #ffffff !important;
font-size: clamp(25px, 6.2vw, 38px) !important;
line-height: 1.08 !important;
font-weight: 900 !important;
letter-spacing: -.04em !important;
white-space: normal !important;
overflow-wrap: normal !important;
word-break: normal !important;
}
body.mf-site .mf-nav .menu-item-has-children > a::after {
content: "+" !important;
flex: 0 0 42px !important;
width: 42px !important;
height: 42px !important;
margin: 0 0 0 auto !important;
display: inline-grid !important;
place-items: center !important;
border: 0 !important;
border-radius: 999px !important;
background: transparent !important;
color: rgba(255,255,255,.78) !important;
font-size: 42px !important;
line-height: .72 !important;
font-weight: 500 !important;
transform: none !important;
}
body.mf-site .mf-nav .menu-item-has-children[data-expanded="true"] > a {
color: var(--mf-accent, #ff332b) !important;
}
body.mf-site .mf-nav .menu-item-has-children[data-expanded="true"] > a::after {
content: "−" !important;
color: rgba(255,255,255,.84) !important;
}
body.mf-site .mf-nav .mf-mega-visual-item,
body.mf-site .mf-nav .mf-menu-feature-card {
display: none !important;
}
body.mf-site .mf-nav .sub-menu,
body.mf-site .mf-nav .sub-menu.mf-submenu--grid,
body.mf-site .mf-nav .sub-menu.mf-submenu--mega,
body.mf-site .mf-nav [data-submenu="grid"] > .sub-menu,
body.mf-site .mf-nav [data-submenu="mega"] > .sub-menu {
position: static !important;
inset: auto !important;
left: auto !important;
right: auto !important;
top: auto !important;
bottom: auto !important;
display: none !important;
grid-template-columns: 1fr !important;
columns: 1 !important;
column-count: 1 !important;
gap: 0 !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
max-height: none !important;
margin: 0 0 18px !important;
padding: 12px clamp(12px, 3.5vw, 18px) !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
background: #171717 !important;
border: 1px solid rgba(255,255,255,.11) !important;
border-radius: 22px !important;
box-shadow: none !important;
overflow: hidden !important;
}
body.mf-site .mf-nav .menu-item-has-children[data-expanded="true"] > .sub-menu,
body.mf-site .mf-nav .menu-item-has-children[data-expanded="true"] > .sub-menu.mf-submenu--grid,
body.mf-site .mf-nav .menu-item-has-children[data-expanded="true"] > .sub-menu.mf-submenu--mega,
body.mf-site .mf-nav .menu-item-has-children[data-expanded="true"][data-submenu="grid"] > .sub-menu,
body.mf-site .mf-nav .menu-item-has-children[data-expanded="true"][data-submenu="mega"] > .sub-menu {
display: block !important;
grid-template-columns: 1fr !important;
}
body.mf-site .mf-nav .sub-menu > li,
body.mf-site .mf-nav .sub-menu.mf-submenu--grid > li,
body.mf-site .mf-nav .sub-menu.mf-submenu--mega > li {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
body.mf-site .mf-header .mf-nav .sub-menu > li > a,
body.mf-site .mf-nav .sub-menu > li > a,
body.mf-site .mf-header .mf-nav .sub-menu.mf-submenu--grid > li > a,
body.mf-site .mf-nav .sub-menu.mf-submenu--grid > li > a {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 12px !important;
width: 100% !important;
max-width: 100% !important;
padding: 14px 0 !important;
margin: 0 !important;
color: rgba(255,255,255,.82) !important;
font-size: clamp(17px, 4.25vw, 22px) !important;
line-height: 1.22 !important;
font-weight: 850 !important;
letter-spacing: -.02em !important;
text-transform: none !important;
white-space: normal !important;
overflow-wrap: normal !important;
word-break: normal !important;
border: 0 !important;
background: transparent !important;
}
body.mf-site .mf-header .mf-nav .sub-menu .sub-menu,
body.mf-site .mf-nav .sub-menu .sub-menu,
body.mf-site .mf-nav .sub-menu .sub-menu.mf-submenu--grid {
display: none !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 0 10px !important;
padding: 8px 0 8px 14px !important;
border: 0 !important;
border-left: 1px solid rgba(255,255,255,.12) !important;
border-radius: 0 !important;
background: transparent !important;
overflow: hidden !important;
}
body.mf-site .mf-nav .sub-menu .menu-item-has-children[data-expanded="true"] > .sub-menu,
body.mf-site .mf-nav .sub-menu .menu-item-has-children[data-expanded="true"] > .sub-menu.mf-submenu--grid {
display: block !important;
grid-template-columns: 1fr !important;
}
body.mf-site .mf-header .mf-nav .sub-menu .sub-menu a,
body.mf-site .mf-nav .sub-menu .sub-menu a {
display: block !important;
width: 100% !important;
max-width: 100% !important;
padding: 9px 0 !important;
color: rgba(255,255,255,.70) !important;
font-size: clamp(14px, 3.65vw, 17px) !important;
line-height: 1.32 !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
white-space: normal !important;
overflow-wrap: break-word !important;
word-break: normal !important;
}
body.mf-site .mf-mobile-nav-actions {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 10px !important;
width: 100% !important;
max-width: 100% !important;
margin-top: 22px !important;
}
body.mf-site .mf-mobile-nav-actions a {
min-width: 0 !important;
white-space: normal !important;
text-align: center !important;
}
}
@media (max-width: 520px) {
body.mf-site .mf-mobile-nav-head {
grid-template-columns: minmax(48px, auto) minmax(0, 1fr) 48px !important;
gap: 8px !important;
}
body.mf-site .mf-mobile-nav-close {
width: 46px !important;
height: 46px !important;
min-width: 46px !important;
font-size: 36px !important;
}
body.mf-site .mf-mobile-nav-head span:nth-child(2) {
font-size: clamp(17px, 5.1vw, 22px) !important;
letter-spacing: .08em !important;
}
}
/* MerchFuse v1.7.5 — Premium editorial footer redesign
Style-only footer layout upgrade. Uses existing black/white/accent system and the existing font stack. */
.mf-footer--premium{
margin-top:clamp(34px,5vw,72px)!important;
padding:clamp(22px,4vw,46px) 0 24px!important;
background:#050505!important;
color:#F5F5F5!important;
border-top:1px solid rgba(255,255,255,.08)!important;
overflow:hidden!important;
}
.mf-footer--premium .mf-container{
max-width:1360px!important;
display:grid!important;
gap:clamp(18px,2.4vw,30px)!important;
}
.mf-footer--premium *{box-sizing:border-box!important}
.mf-footer--premium a{text-underline-offset:4px!important}
.mf-footer-hero{
display:grid!important;
grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr)!important;
gap:clamp(16px,2vw,24px)!important;
align-items:stretch!important;
}
.mf-footer-hero__brand,
.mf-footer--premium .mf-footer-newsletter,
.mf-footer--premium .mf-footer__column{
border:1px solid rgba(255,255,255,.11)!important;
background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025))!important;
border-radius:28px!important;
box-shadow:0 18px 55px rgba(0,0,0,.28)!important;
}
.mf-footer-hero__brand{
min-height:230px!important;
padding:clamp(22px,3vw,38px)!important;
display:grid!important;
align-content:space-between!important;
gap:22px!important;
position:relative!important;
overflow:hidden!important;
}
.mf-footer-hero__brand:after{
content:""!important;
position:absolute!important;
right:-90px!important;
top:-110px!important;
width:260px!important;
height:260px!important;
border:1px solid rgba(255,255,255,.08)!important;
border-radius:999px!important;
pointer-events:none!important;
}
.mf-footer--premium .mf-footer__logo,
.mf-footer--premium .mf-footer__brand .mf-logo,
.mf-footer--premium .mf-logo--text{
width:auto!important;
max-width:190px!important;
height:auto!important;
max-height:74px!important;
object-fit:contain!important;
object-position:left center!important;
display:inline-flex!important;
align-items:center!important;
}
.mf-footer--premium .mf-logo--text{
font-size:24px!important;
font-weight:850!important;
letter-spacing:-.04em!important;
color:#fff!important;
}
.mf-footer--premium .mf-footer__tagline{
max-width:520px!important;
margin:0!important;
color:rgba(255,255,255,.78)!important;
font-size:clamp(14px,1.05vw,16px)!important;
line-height:1.65!important;
}
.mf-footer--premium .mf-footer__social{
display:flex!important;
flex-wrap:wrap!important;
gap:10px!important;
margin:0!important;
padding:0!important;
list-style:none!important;
}
.mf-footer--premium .mf-footer__social a{
width:44px!important;
height:44px!important;
min-width:44px!important;
min-height:44px!important;
border-radius:999px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
border:1px solid rgba(255,255,255,.14)!important;
background:rgba(255,255,255,.06)!important;
text-decoration:none!important;
transition:transform .18s ease,border-color .18s ease,background .18s ease!important;
}
.mf-footer--premium .mf-footer__social a:hover{
transform:translateY(-2px)!important;
background:rgba(255,255,255,.1)!important;
border-color:rgba(255,255,255,.28)!important;
text-decoration:none!important;
}
.mf-footer--premium .mf-footer-newsletter{
margin:0!important;
padding:clamp(22px,3vw,34px)!important;
display:grid!important;
align-content:center!important;
gap:20px!important;
}
.mf-footer-newsletter__copy{display:grid!important;gap:8px!important}
.mf-footer--premium .mf-footer-newsletter strong{
display:block!important;
color:#fff!important;
font-size:13px!important;
line-height:1.2!important;
text-transform:uppercase!important;
letter-spacing:.16em!important;
font-weight:850!important;
}
.mf-footer--premium .mf-footer-newsletter span{
color:rgba(255,255,255,.74)!important;
font-size:14px!important;
line-height:1.55!important;
}
.mf-footer--premium .mf-footer-newsletter__form{
display:grid!important;
grid-template-columns:1fr 52px!important;
gap:0!important;
min-height:58px!important;
border:1px solid rgba(255,255,255,.18)!important;
border-radius:999px!important;
overflow:hidden!important;
background:#fff!important;
box-shadow:0 14px 38px rgba(0,0,0,.22)!important;
}
.mf-footer--premium .mf-footer-newsletter__form input[type=email]{
min-width:0!important;
width:100%!important;
height:58px!important;
border:0!important;
padding:0 0 0 22px!important;
color:#111!important;
background:#fff!important;
font:inherit!important;
outline:none!important;
}
.mf-footer--premium .mf-footer-newsletter__form button{
width:52px!important;
height:58px!important;
min-height:58px!important;
border:0!important;
border-left:1px solid rgba(17,17,17,.12)!important;
background:#fff!important;
color:#111!important;
font-size:24px!important;
line-height:1!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
cursor:pointer!important;
transition:background .18s ease,color .18s ease!important;
}
.mf-footer--premium .mf-footer-newsletter__form button:hover{background:#111!important;color:#fff!important}
.mf-footer--premium .mf-footer-trust{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:12px!important;
margin:0!important;
padding:0!important;
border:0!important;
}
.mf-footer--premium .mf-footer-trust__item{
min-height:92px!important;
padding:18px!important;
border:1px solid rgba(255,255,255,.11)!important;
border-radius:22px!important;
background:rgba(255,255,255,.045)!important;
display:flex!important;
align-items:center!important;
gap:14px!important;
color:#fff!important;
}
.mf-footer--premium .mf-footer-trust__item:not(:last-child){border-right:1px solid rgba(255,255,255,.11)!important}
.mf-footer--premium .mf-footer-trust__item .mf-icon{
flex:0 0 auto!important;
width:44px!important;
height:44px!important;
padding:10px!important;
border-radius:999px!important;
color:#fff!important;
background:rgba(180,36,28,.38)!important;
border:1px solid rgba(255,255,255,.12)!important;
}
.mf-footer--premium .mf-footer-trust__item span{
display:grid!important;
gap:3px!important;
min-width:0!important;
color:rgba(255,255,255,.72)!important;
font-size:12px!important;
line-height:1.35!important;
}
.mf-footer--premium .mf-footer-trust__item strong{
color:#fff!important;
font-size:13px!important;
line-height:1.25!important;
font-weight:850!important;
}
.mf-footer--premium .mf-footer__grid{
display:grid!important;
grid-template-columns:minmax(360px,1.35fr) minmax(220px,.78fr) minmax(260px,.9fr)!important;
gap:clamp(14px,1.8vw,20px)!important;
align-items:stretch!important;
margin:0!important;
border:0!important;
}
.mf-footer--premium .mf-footer__column{
padding:clamp(20px,2.3vw,30px)!important;
min-width:0!important;
}
.mf-footer--premium .mf-footer__column--support{
background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03))!important;
}
.mf-footer--premium .mf-footer-widget{margin:0!important}
.mf-footer--premium .mf-footer-widget__title,
.mf-footer--premium .mf-footer h2.wp-block-heading,
.mf-footer--premium .mf-footer h3,
.mf-footer--premium .mf-footer h4{
color:#fff!important;
margin:0 0 18px!important;
font-size:12px!important;
line-height:1.2!important;
font-weight:850!important;
text-transform:uppercase!important;
letter-spacing:.16em!important;
}
.mf-footer--premium .mf-footer-widget ul,
.mf-footer--premium .mf-footer__nav{
list-style:none!important;
padding:0!important;
margin:0!important;
}
.mf-footer--premium .mf-footer__column--wide .mf-footer-widget ul{
columns:2 180px!important;
column-gap:28px!important;
}
.mf-footer--premium .mf-footer-widget li{
margin:0!important;
break-inside:avoid!important;
color:rgba(255,255,255,.76)!important;
font-size:14px!important;
line-height:1.55!important;
}
.mf-footer--premium .mf-footer-widget li + li{margin-top:10px!important}
.mf-footer--premium .mf-footer-widget a,
.mf-footer--premium .mf-footer__nav a{
min-height:34px!important;
display:inline-flex!important;
align-items:center!important;
color:rgba(255,255,255,.76)!important;
text-decoration:none!important;
transition:color .18s ease,transform .18s ease!important;
}
.mf-footer--premium .mf-footer-widget a:hover,
.mf-footer--premium .mf-footer__nav a:hover{
color:#fff!important;
transform:translateX(2px)!important;
text-decoration:none!important;
}
.mf-footer--premium .mf-footer-widget strong{color:#fff!important;font-weight:800!important}
.mf-footer--premium .mf-footer__bottom{
margin:0!important;
padding:18px 0 0!important;
border-top:1px solid rgba(255,255,255,.1)!important;
display:flex!important;
justify-content:space-between!important;
align-items:center!important;
gap:16px!important;
flex-wrap:wrap!important;
color:rgba(255,255,255,.72)!important;
font-size:12px!important;
}
.mf-footer--premium .mf-footer__bottom .mf-footer__nav{
display:flex!important;
flex-wrap:wrap!important;
gap:6px 18px!important;
}
@media (max-width:1024px){
.mf-footer-hero{grid-template-columns:1fr!important}
.mf-footer--premium .mf-footer__grid{grid-template-columns:1fr 1fr!important}
.mf-footer--premium .mf-footer__column--wide{grid-column:1/-1!important}
.mf-footer--premium .mf-footer-trust{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:760px){
.mf-footer--premium{padding:18px 0 22px!important;margin-top:32px!important}
.mf-footer--premium .mf-container{gap:14px!important;padding-left:14px!important;padding-right:14px!important}
.mf-footer-hero__brand,
.mf-footer--premium .mf-footer-newsletter,
.mf-footer--premium .mf-footer__column{border-radius:22px!important;padding:20px!important}
.mf-footer-hero__brand{min-height:0!important;text-align:left!important}
.mf-footer--premium .mf-footer__logo,
.mf-footer--premium .mf-logo--text{max-width:150px!important;max-height:58px!important}
.mf-footer--premium .mf-footer__tagline{font-size:14px!important;line-height:1.6!important}
.mf-footer--premium .mf-footer__social a{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important}
.mf-footer--premium .mf-footer-newsletter__form{grid-template-columns:1fr 50px!important;min-height:54px!important;border-radius:18px!important}
.mf-footer--premium .mf-footer-newsletter__form input[type=email]{height:54px!important;padding-left:16px!important;font-size:15px!important}
.mf-footer--premium .mf-footer-newsletter__form button{width:50px!important;height:54px!important;min-height:54px!important}
.mf-footer--premium .mf-footer-trust{grid-template-columns:1fr!important;gap:10px!important}
.mf-footer--premium .mf-footer-trust__item{min-height:78px!important;padding:14px!important;border-radius:18px!important}
.mf-footer--premium .mf-footer-trust__item .mf-icon{width:40px!important;height:40px!important;padding:9px!important}
.mf-footer--premium .mf-footer__grid{grid-template-columns:1fr!important;gap:12px!important}
.mf-footer--premium .mf-footer__column--wide{grid-column:auto!important}
.mf-footer--premium .mf-footer__column--wide .mf-footer-widget ul{columns:1!important}
.mf-footer--premium .mf-footer-widget__title{margin-bottom:12px!important;font-size:11px!important}
.mf-footer--premium .mf-footer-widget li + li{margin-top:8px!important}
.mf-footer--premium .mf-footer-widget a,
.mf-footer--premium .mf-footer__nav a{min-height:42px!important;width:100%!important;justify-content:flex-start!important}
.mf-footer--premium .mf-footer__bottom{justify-content:center!important;text-align:center!important;padding-top:16px!important}
.mf-footer--premium .mf-footer__bottom .mf-footer__nav{justify-content:center!important}
}
/* ========================================================================
MerchFuse v1.7.6 — footer polish + brand hover + compact product buy box
Style-only patch. Keeps existing colors, fonts, URLs, schema and checkout logic.
======================================================================== */
:root { --mf-brand-accent: var(--mf-accent, #ff332b); }
/* Brand hover consistency: links turn MerchFuse red, buttons keep their own button styling. */
body.mf-site a:not(.mf-btn):not(.button):not(.wp-element-button):not(.single_add_to_cart_button):not(.checkout-button):hover,
body.mf-site a:not(.mf-btn):not(.button):not(.wp-element-button):not(.single_add_to_cart_button):not(.checkout-button):focus-visible,
body.mf-site .mf-header a:hover,
body.mf-site .mf-header a:focus-visible,
body.mf-site .mf-nav a:hover,
body.mf-site .mf-nav a:focus-visible,
body.mf-site .mf-breadcrumb a:hover,
body.mf-site .woocommerce-breadcrumb a:hover {
color: var(--mf-brand-accent) !important;
}
body.mf-site a:focus-visible,
body.mf-site button:focus-visible,
body.mf-site input:focus-visible,
body.mf-site select:focus-visible,
body.mf-site textarea:focus-visible {
outline: 2px solid var(--mf-brand-accent) !important;
outline-offset: 3px !important;
}
/* Desktop footer: keep the premium panels, but fix the newsletter copy width and make it feel like a real ecommerce footer. */
.mf-footer--premium {
--mf-footer-panel: linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.022));
}
.mf-footer-hero {
grid-template-columns: minmax(420px, .92fr) minmax(520px, 1.08fr) !important;
gap: clamp(14px, 1.8vw, 22px) !important;
}
.mf-footer-hero__brand,
.mf-footer--premium .mf-footer-newsletter,
.mf-footer--premium .mf-footer__column,
.mf-footer--premium .mf-footer-trust__item {
background: var(--mf-footer-panel) !important;
border-color: rgba(255,255,255,.12) !important;
}
.mf-footer-hero__brand { min-height: 210px !important; }
.mf-footer--premium .mf-footer-newsletter {
grid-template-columns: minmax(230px, .62fr) minmax(300px, 1fr) !important;
gap: clamp(18px, 2vw, 28px) !important;
align-items: center !important;
align-content: center !important;
min-height: 210px !important;
padding: clamp(24px, 2.8vw, 36px) !important;
}
.mf-footer--premium .mf-footer-newsletter__copy {
min-width: 0 !important;
max-width: 340px !important;
display: grid !important;
gap: 10px !important;
}
.mf-footer--premium .mf-footer-newsletter strong {
position: relative !important;
width: fit-content !important;
max-width: 100% !important;
white-space: normal !important;
}
.mf-footer--premium .mf-footer-newsletter strong::after {
content: "" !important;
display: block !important;
width: 34px !important;
height: 2px !important;
margin-top: 10px !important;
background: var(--mf-brand-accent) !important;
border-radius: 999px !important;
}
.mf-footer--premium .mf-footer-newsletter span {
display: block !important;
max-width: 320px !important;
color: rgba(255,255,255,.78) !important;
font-size: 14.5px !important;
line-height: 1.58 !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: normal !important;
hyphens: none !important;
}
.mf-footer--premium .mf-footer-newsletter__form {
width: 100% !important;
max-width: 560px !important;
justify-self: end !important;
border-color: rgba(255,51,43,.25) !important;
}
.mf-footer--premium .mf-footer-newsletter__form button:hover,
.mf-footer--premium .mf-footer-newsletter__form button:focus-visible {
background: var(--mf-brand-accent) !important;
color: #fff !important;
}
/* Footer links and icons: use MerchFuse red on hover, not plain white. */
.mf-footer--premium .mf-footer-widget a:hover,
.mf-footer--premium .mf-footer-widget a:focus-visible,
.mf-footer--premium .mf-footer__nav a:hover,
.mf-footer--premium .mf-footer__nav a:focus-visible,
.mf-footer--premium .mf-footer__bottom a:hover,
.mf-footer--premium .mf-footer__bottom a:focus-visible {
color: var(--mf-brand-accent) !important;
transform: translateX(2px) !important;
text-decoration: none !important;
}
.mf-footer--premium .mf-footer__social a:hover,
.mf-footer--premium .mf-footer__social a:focus-visible {
color: #fff !important;
background: rgba(255,51,43,.22) !important;
border-color: rgba(255,51,43,.52) !important;
transform: translateY(-2px) !important;
}
.mf-footer--premium .mf-footer-trust__item:hover {
border-color: rgba(255,51,43,.34) !important;
}
.mf-footer--premium .mf-footer-trust__item:hover .mf-icon {
background: rgba(255,51,43,.24) !important;
border-color: rgba(255,51,43,.48) !important;
}
/* Product page: reduce oversized spacing while keeping the trustworthy card system. */
body.single-product .mf-product { padding-block: clamp(18px, 3vw, 34px) clamp(44px, 5vw, 70px) !important; }
body.single-product .mf-product__layout {
gap: clamp(22px, 2.6vw, 38px) !important;
}
body.single-product .mf-product__summary,
body.single-product .summary.entry-summary {
gap: 12px !important;
padding-top: 10px !important;
}
body.single-product .mf-product__title {
font-size: clamp(30px, 3vw, 46px) !important;
line-height: 1.05 !important;
}
body.single-product .mf-product__price,
body.single-product .price {
letter-spacing: -.02em !important;
}
body.single-product .mf-product__variations {
gap: 10px !important;
padding: 8px 0 6px !important;
}
body.single-product .variable-items-wrapper,
body.single-product .mf-variation-swatches,
body.single-product .value {
gap: 9px !important;
}
body.single-product .variable-item,
body.single-product .mf-swatch,
body.single-product .value button,
body.single-product .value label {
min-height: 52px !important;
border-radius: 12px !important;
font-size: 13px !important;
line-height: 1.15 !important;
}
body.single-product .variable-item.selected,
body.single-product .mf-swatch.is-selected,
body.single-product .value button[aria-pressed="true"] {
background: #111 !important;
color: #fff !important;
border-color: #111 !important;
box-shadow: none !important;
}
body.single-product .mf-product__variation-reset a:hover,
body.single-product .reset_variations:hover { color: var(--mf-brand-accent) !important; }
body.single-product .mf-size-helper,
body.single-product .mf-variation-guidance__panel {
padding: 10px 12px !important;
border-radius: 14px !important;
}
body.single-product .mf-size-helper { margin-top: 0 !important; }
body.single-product .mf-variation-guidance { margin-top: 8px !important; }
body.single-product .mf-size-helper strong,
body.single-product .mf-variation-guidance__panel strong { font-size: 12.5px !important; }
body.single-product .mf-size-helper span,
body.single-product .mf-variation-guidance__panel span { font-size: 12px !important; }
body.single-product .mf-product__cart-row { gap: 10px !important; }
body.single-product .mf-qty { height: 48px !important; }
body.single-product .mf-qty__btn { width: 38px !important; }
body.single-product .mf-qty__input { height: 48px !important; width: 54px !important; }
body.single-product .mf-product__add-btn,
body.single-product .single_add_to_cart_button {
min-height: 50px !important;
height: 50px !important;
border-radius: 0 !important;
}
body.single-product .mf-delivery-estimate {
gap: 8px !important;
margin-top: 12px !important;
padding: 10px !important;
border-radius: 16px !important;
box-shadow: 0 10px 28px rgba(17,17,17,.04) !important;
}
body.single-product .mf-delivery-estimate div {
padding: 10px !important;
border-radius: 12px !important;
}
body.single-product .mf-market {
margin: 12px 0 !important;
padding: 12px !important;
border-radius: 18px !important;
box-shadow: 0 10px 28px rgba(17,17,17,.045) !important;
}
body.single-product .mf-market__grid {
gap: 8px !important;
margin-top: 10px !important;
}
body.single-product .mf-market__grid > div {
padding: 10px !important;
border-radius: 12px !important;
}
body.single-product .mf-market__grid b { color: #111 !important; }
body.single-product .mf-market__selector select:hover,
body.single-product .mf-market__selector select:focus-visible {
border-color: var(--mf-brand-accent) !important;
}
body.single-product .mf-product__summary .mf-trust,
body.single-product .summary .mf-trust {
gap: 8px !important;
padding: 10px !important;
margin: 14px 0 12px !important;
border-radius: 18px !important;
box-shadow: 0 10px 28px rgba(17,17,17,.045) !important;
}
body.single-product .mf-product__summary .mf-trust__item,
body.single-product .summary .mf-trust__item {
min-height: 82px !important;
padding: 12px !important;
gap: 10px !important;
border-radius: 14px !important;
}
body.single-product .mf-product__summary .mf-trust__item .mf-icon,
body.single-product .summary .mf-trust__item .mf-icon {
width: 40px !important;
height: 40px !important;
flex: 0 0 40px !important;
padding: 9px !important;
}
body.single-product .mf-tabs__btn:hover,
body.single-product .mf-tabs__btn:focus-visible { color: var(--mf-brand-accent) !important; }
@media (max-width: 1180px) {
.mf-footer-hero { grid-template-columns: 1fr !important; }
.mf-footer--premium .mf-footer-newsletter {
grid-template-columns: minmax(220px, .55fr) minmax(280px, 1fr) !important;
min-height: 0 !important;
}
.mf-footer--premium .mf-footer-newsletter__form { justify-self: stretch !important; max-width: none !important; }
}
@media (max-width: 760px) {
.mf-footer--premium .mf-footer-newsletter {
grid-template-columns: 1fr !important;
gap: 16px !important;
min-height: 0 !important;
}
.mf-footer--premium .mf-footer-newsletter__copy,
.mf-footer--premium .mf-footer-newsletter span { max-width: none !important; }
.mf-footer--premium .mf-footer-widget a:hover,
.mf-footer--premium .mf-footer-widget a:focus-visible,
.mf-footer--premium .mf-footer__nav a:hover,
.mf-footer--premium .mf-footer__nav a:focus-visible { transform: none !important; }
body.single-product .mf-product__summary,
body.single-product .summary.entry-summary { gap: 10px !important; }
body.single-product .mf-product__title { font-size: clamp(26px, 8vw, 34px) !important; }
body.single-product .value,
body.single-product .variable-items-wrapper,
body.single-product .mf-variation-swatches {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 8px !important;
}
body.single-product .variable-item,
body.single-product .mf-swatch,
body.single-product .value button,
body.single-product .value label {
width: 100% !important;
min-width: 0 !important;
min-height: 50px !important;
padding: 8px 10px !important;
}
body.single-product .mf-delivery-estimate { grid-template-columns: 1fr !important; }
body.single-product .mf-market__main { gap: 10px !important; }
body.single-product .mf-market__grid { grid-template-columns: 1fr !important; }
body.single-product .mf-product__summary .mf-trust,
body.single-product .summary .mf-trust { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
body.single-product .mf-product__summary .mf-trust__item,
body.single-product .summary .mf-trust__item {
min-height: 104px !important;
padding: 12px !important;
gap: 8px !important;
}
}
@media (max-width: 380px) {
body.single-product .mf-product__summary .mf-trust,
body.single-product .summary .mf-trust { grid-template-columns: 1fr !important; }
body.single-product .mf-product__summary .mf-trust__item,
body.single-product .summary .mf-trust__item {
min-height: 0 !important;
flex-direction: row !important;
align-items: center !important;
}
}
/* --------------------------------------------------------------------------
v1.7.7 — Product Page Clarity & Premium Conversion Polish
Evidence-led change: reduce repeated text in the buying area, keep trust
cues visible, and move detailed shipping into progressive disclosure.
-------------------------------------------------------------------------- */
:root {
--mf-brand-red: #ff332b;
--mf-brand-red-soft: rgba(255, 51, 43, .10);
--mf-brand-red-line: rgba(255, 51, 43, .22);
}
body.single-product .summary a:hover,
body.single-product .summary a:focus-visible,
body.single-product .mf-tabs a:hover,
body.single-product .mf-tabs a:focus-visible,
body.mf-site .mf-footer--premium a:hover,
body.mf-site .mf-footer--premium a:focus-visible {
color: var(--mf-brand-red) !important;
}
body.single-product .mf-product__variations {
margin-top: 10px !important;
padding: 4px 0 0 !important;
}
body.single-product .mf-product__variation-row {
margin-bottom: 12px !important;
}
body.mf-site .mf-product__variation-row .mf-label {
margin-bottom: 8px !important;
}
body.mf-site .mf-variant-pills {
grid-template-columns: repeat(auto-fit, minmax(112px, 1fr)) !important;
gap: 8px !important;
}
body.mf-site .mf-variant-pill {
min-height: 48px !important;
padding: 9px 12px !important;
border-radius: 12px !important;
font-size: 14px !important;
font-weight: 800 !important;
box-shadow: none !important;
}
body.mf-site .mf-variant-pill:hover,
body.mf-site .mf-variant-pill:focus-visible {
border-color: var(--mf-brand-red) !important;
box-shadow: 0 8px 20px rgba(255, 51, 43, .12) !important;
}
body.mf-site .mf-variant-pill.is-selected,
body.mf-site .mf-variant-pill[aria-checked="true"] {
background: #111 !important;
border-color: #111 !important;
color: #fff !important;
}
body.single-product .mf-size-helper {
margin: 4px 0 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
color: #666 !important;
}
body.single-product details.mf-size-helper summary {
width: fit-content !important;
cursor: pointer !important;
list-style: none !important;
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
padding: 0 !important;
color: #555 !important;
font-size: 12px !important;
font-weight: 800 !important;
letter-spacing: .06em !important;
text-transform: uppercase !important;
text-decoration: underline !important;
text-underline-offset: 4px !important;
}
body.single-product details.mf-size-helper summary::-webkit-details-marker { display: none !important; }
body.single-product details.mf-size-helper summary:hover,
body.single-product details.mf-size-helper summary:focus-visible { color: var(--mf-brand-red) !important; }
body.single-product details.mf-size-helper p {
margin: 9px 0 0 !important;
padding: 10px 12px !important;
border: 1px solid rgba(17,17,17,.08) !important;
border-radius: 12px !important;
background: #fafaf8 !important;
color: #666 !important;
font-size: 12.5px !important;
line-height: 1.45 !important;
}
body.single-product .mf-variation-guidance:not(:has([data-mf-digital-only]:not([style*="display: none"]))) {
display: contents !important;
}
body.single-product .mf-variation-guidance__panel--digital {
margin-top: 8px !important;
border-color: var(--mf-brand-red-line) !important;
background: rgba(255,51,43,.045) !important;
}
body.single-product .mf-product-reassurance {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
margin: 12px 0 8px !important;
}
body.single-product .mf-product-reassurance span {
display: inline-flex !important;
align-items: center !important;
min-height: 28px !important;
padding: 5px 10px !important;
border: 1px solid rgba(17,17,17,.10) !important;
border-radius: 999px !important;
background: #fff !important;
color: #555 !important;
font-size: 11.5px !important;
font-weight: 800 !important;
letter-spacing: .01em !important;
line-height: 1.2 !important;
}
body.single-product .mf-product-reassurance span:first-child {
border-color: var(--mf-brand-red-line) !important;
background: var(--mf-brand-red-soft) !important;
color: #111 !important;
}
body.single-product .mf-market--product {
margin: 8px 0 10px !important;
padding: 10px 12px !important;
border-radius: 14px !important;
border-color: rgba(17,17,17,.09) !important;
background: #fafaf8 !important;
box-shadow: none !important;
}
body.single-product .mf-market--product .mf-market__copy strong {
font-size: 13px !important;
}
body.single-product .mf-market--product .mf-market__copy span {
font-size: 12px !important;
}
body.single-product .mf-market--product .mf-market__selector span {
font-size: 10.5px !important;
}
body.single-product .mf-market--product .mf-market__selector select {
min-height: 34px !important;
border-radius: 10px !important;
background: #fff !important;
}
body.single-product .mf-market--product .mf-market__compact-note,
body.single-product .mf-market--product .mf-market__grid {
display: none !important;
}
body.single-product .mf-trust--compact,
body.single-product .mf-product__summary .mf-trust--compact,
body.single-product .summary .mf-trust--compact {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 6px !important;
margin: 10px 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
body.single-product .mf-trust--compact .mf-trust__item {
min-height: 64px !important;
padding: 9px 8px !important;
border: 1px solid rgba(17,17,17,.08) !important;
border-radius: 14px !important;
background: #fff !important;
gap: 7px !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
box-shadow: none !important;
}
body.single-product .mf-trust--compact .mf-trust__item:hover {
border-color: var(--mf-brand-red-line) !important;
background: rgba(255,51,43,.025) !important;
}
body.single-product .mf-trust--compact .mf-trust__item .mf-icon {
width: 28px !important;
height: 28px !important;
min-width: 28px !important;
flex: 0 0 28px !important;
padding: 6px !important;
color: var(--mf-brand-red) !important;
stroke: var(--mf-brand-red) !important;
background: var(--mf-brand-red-soft) !important;
border: 1px solid var(--mf-brand-red-line) !important;
}
body.single-product .mf-trust--compact .mf-trust__item strong {
font-size: 11.5px !important;
line-height: 1.15 !important;
font-weight: 900 !important;
color: #111 !important;
}
body.single-product .mf-trust--compact .mf-trust__item span {
display: none !important;
}
body.single-product .mf-product-confidence--compact {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
margin: 8px 0 0 !important;
}
body.single-product .mf-product-confidence--compact a {
flex: 1 1 140px !important;
min-height: 34px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 7px 10px !important;
border: 1px solid rgba(17,17,17,.13) !important;
border-radius: 999px !important;
background: #fff !important;
color: #111 !important;
font-size: 11.5px !important;
font-weight: 850 !important;
text-decoration: none !important;
box-shadow: none !important;
}
body.single-product .mf-product-confidence--compact a:hover,
body.single-product .mf-product-confidence--compact a:focus-visible {
border-color: var(--mf-brand-red) !important;
color: var(--mf-brand-red) !important;
box-shadow: 0 0 0 3px rgba(255,51,43,.08) !important;
}
body.single-product .mf-product__cart-row { margin-top: 14px !important; }
body.single-product .mf-product__add-btn,
body.single-product .single_add_to_cart_button {
letter-spacing: .08em !important;
}
body.single-product .mf-shipping--clarity {
max-width: 980px !important;
overflow: hidden !important;
}
body.single-product .mf-shipping-summary {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 10px !important;
margin: 4px 0 18px !important;
}
body.single-product .mf-shipping-summary > div {
border: 1px solid rgba(17,17,17,.08) !important;
border-radius: 16px !important;
background: #fafaf8 !important;
padding: 14px !important;
}
body.single-product .mf-shipping-summary strong,
body.single-product .mf-shipping-region-row strong {
display: block !important;
color: #111 !important;
font-size: 12px !important;
font-weight: 900 !important;
letter-spacing: .09em !important;
line-height: 1.2 !important;
text-transform: uppercase !important;
}
body.single-product .mf-shipping-summary span,
body.single-product .mf-shipping-region-row span {
display: block !important;
margin-top: 6px !important;
color: #666 !important;
font-size: 13px !important;
line-height: 1.4 !important;
}
body.single-product .mf-shipping__intro h3 {
font-size: 22px !important;
line-height: 1.2 !important;
margin: 0 0 10px !important;
}
body.single-product .mf-shipping__intro p {
max-width: 760px !important;
color: #606060 !important;
font-size: 15px !important;
line-height: 1.7 !important;
}
body.single-product .mf-shipping__details {
margin-top: 18px !important;
border: 1px solid rgba(17,17,17,.10) !important;
border-radius: 18px !important;
background: #fff !important;
overflow: hidden !important;
}
body.single-product .mf-shipping__details summary {
cursor: pointer !important;
padding: 16px 18px !important;
color: #111 !important;
font-size: 13px !important;
font-weight: 900 !important;
letter-spacing: .06em !important;
text-transform: uppercase !important;
}
body.single-product .mf-shipping__details summary:hover,
body.single-product .mf-shipping__details summary:focus-visible { color: var(--mf-brand-red) !important; }
body.single-product .mf-shipping-region-list {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 0 !important;
border-top: 1px solid rgba(17,17,17,.08) !important;
}
body.single-product .mf-shipping-region-row {
padding: 15px 18px !important;
border-right: 1px solid rgba(17,17,17,.08) !important;
border-bottom: 1px solid rgba(17,17,17,.08) !important;
}
body.single-product .mf-shipping-region-row:nth-child(2n) { border-right: 0 !important; }
body.single-product .mf-shipping-region-row:nth-last-child(-n+2) { border-bottom: 0 !important; }
@media (max-width: 760px) {
body.single-product .mf-variant-pills { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
body.single-product .mf-variant-pill { min-height: 46px !important; font-size: 13.5px !important; }
body.single-product .mf-product-reassurance { gap: 6px !important; }
body.single-product .mf-product-reassurance span { font-size: 11px !important; min-height: 26px !important; padding: 5px 8px !important; }
body.single-product .mf-market--product .mf-market__main { flex-direction: row !important; align-items: center !important; gap: 8px !important; }
body.single-product .mf-market--product .mf-market__copy { flex: 1 1 auto !important; }
body.single-product .mf-market--product .mf-market__selector { width: auto !important; flex: 0 0 auto !important; }
body.single-product .mf-market--product .mf-market__selector span { display: none !important; }
body.single-product .mf-market--product .mf-market__selector select { max-width: 145px !important; min-width: 120px !important; }
body.single-product .mf-trust--compact,
body.single-product .mf-product__summary .mf-trust--compact,
body.single-product .summary .mf-trust--compact { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 5px !important; }
body.single-product .mf-trust--compact .mf-trust__item { min-height: 58px !important; padding: 7px 4px !important; gap: 5px !important; }
body.single-product .mf-trust--compact .mf-trust__item .mf-icon { width: 24px !important; height: 24px !important; min-width: 24px !important; flex-basis: 24px !important; padding: 5px !important; }
body.single-product .mf-trust--compact .mf-trust__item strong { font-size: 10.4px !important; line-height: 1.12 !important; }
body.single-product .mf-product-confidence--compact a { flex-basis: calc(50% - 4px) !important; min-height: 32px !important; }
body.single-product .mf-shipping-summary { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; }
body.single-product .mf-shipping-summary > div { padding: 12px !important; border-radius: 14px !important; }
body.single-product .mf-shipping-region-list { grid-template-columns: 1fr !important; }
body.single-product .mf-shipping-region-row,
body.single-product .mf-shipping-region-row:nth-child(2n),
body.single-product .mf-shipping-region-row:nth-last-child(-n+2) { border-right: 0 !important; border-bottom: 1px solid rgba(17,17,17,.08) !important; }
body.single-product .mf-shipping-region-row:last-child { border-bottom: 0 !important; }
}
@media (max-width: 380px) {
body.single-product .mf-trust--compact,
body.single-product .mf-product__summary .mf-trust--compact,
body.single-product .summary .mf-trust--compact { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
/* v1.7.8.3 audit polish: keep custom hover states but restore visible keyboard focus. */
body.mf-site a:focus-visible,
body.mf-site button:focus-visible,
body.mf-site input:focus-visible,
body.mf-site select:focus-visible,
body.mf-site textarea:focus-visible,
body.mf-site summary:focus-visible,
body.mf-site [tabindex]:focus-visible {
outline: 2px solid var(--mf-accent, #ff3b30) !important;
outline-offset: 3px !important;
box-shadow: 0 0 0 4px rgba(255, 59, 48, .16) !important;
}
body.mf-site .mf-search-overlay__form input[name="s"]:focus-visible {
outline: 2px solid var(--mf-accent, #ff3b30) !important;
outline-offset: 4px !important;
}
/* =====================================================================
MerchFuse v1.7.9.1 — mobile search, pagination and category-chip polish
===================================================================== */
body.mf-search-is-open .mf-search-overlay {
position: fixed !important;
inset: 0 !important;
z-index: 5000000 !important;
}
body.mf-search-is-open .mf-search-overlay__backdrop {
top: var(--mf-search-top, 0px) !important;
background: rgba(17, 17, 17, .76) !important;
backdrop-filter: blur(8px) !important;
-webkit-backdrop-filter: blur(8px) !important;
}
body.mf-search-is-open .mf-search-overlay__panel {
top: var(--mf-search-top, 0px) !important;
left: 50% !important;
right: auto !important;
transform: translateX(-50%) !important;
width: min(920px, calc(100vw - 32px)) !important;
max-height: calc(100dvh - var(--mf-search-top, 0px) - 12px) !important;
overflow: hidden !important;
}
@media (max-width: 782px) {
body.mf-search-is-open .mf-search-overlay__panel {
width: calc(100vw - 12px) !important;
max-height: calc(100dvh - var(--mf-search-top, 0px) - 8px) !important;
}
body.mf-search-is-open .mf-search-overlay__backdrop {
top: var(--mf-search-top, 0px) !important;
}
}
.mf-shop-pagination .page-numbers .current,
.mf-shop-pagination span.page-numbers.current,
.woocommerce-pagination .page-numbers .current,
.woocommerce-pagination span.page-numbers.current,
.mf-search-page .page-numbers .current,
.mf-search-page span.page-numbers.current {
background: var(--mf-brand-red, var(--mf-accent, #ff332b)) !important;
border-color: var(--mf-brand-red, var(--mf-accent, #ff332b)) !important;
color: #ffffff !important;
box-shadow: 0 8px 22px rgba(255, 51, 43, .22) !important;
}
.mf-shop-pagination a.page-numbers:hover,
.woocommerce-pagination a.page-numbers:hover,
.mf-search-page .page-numbers a:hover {
border-color: var(--mf-brand-red, var(--mf-accent, #ff332b)) !important;
color: var(--mf-brand-red, var(--mf-accent, #ff332b)) !important;
}
/* MerchFuse v1.7.9.1 — keep zoom control away from the NEW badge. */
body.single-product .mf-gallery__zoom {
left: auto !important;
right: 18px !important;
top: 18px !important;
z-index: 5 !important;
}
body.single-product .mf-gallery__badges {
left: 18px !important;
right: auto !important;
z-index: 4 !important;
max-width: calc(100% - 92px) !important;
}
@media (max-width: 520px) {
body.single-product .mf-gallery__zoom {
right: 14px !important;
top: 14px !important;
}
body.single-product .mf-gallery__badges {
left: 14px !important;
top: 14px !important;
max-width: calc(100% - 82px) !important;
}
}
/* =====================================================================
MerchFuse v1.7.9.2 — mobile header/footer responsive polish
Keeps the black header compact on phones and makes the premium footer
read as clean stacked mobile cards instead of over-tall centered blocks.
===================================================================== */
@media (max-width: 760px) {
body.mf-site .mf-header,
body.mf-site .mf-header[data-sticky="true"],
body.mf-site .mf-header[data-sticky="false"] {
background: #050505 !important;
overflow: visible !important;
}
body.mf-site .mf-header > .mf-container.mf-header__inner,
body.mf-site .mf-header__inner {
width: 100% !important;
max-width: none !important;
min-height: 62px !important;
display: grid !important;
grid-template-columns: minmax(116px, 1fr) auto 42px !important;
align-items: center !important;
gap: 8px !important;
padding: 8px 10px !important;
}
body.mf-site .mf-header__brand {
grid-column: 1 !important;
justify-self: start !important;
min-width: 0 !important;
max-width: none !important;
display: flex !important;
align-items: center !important;
}
body.mf-site .mf-header .mf-logo,
body.mf-site .mf-header .mf-logo--image,
body.mf-site .mf-header .mf-logo img,
body.mf-site .mf-header .mf-logo--image img {
height: 38px !important;
max-height: 38px !important;
max-width: 144px !important;
width: auto !important;
object-fit: contain !important;
object-position: left center !important;
}
body.mf-site .mf-header__tools { display: none !important; }
body.mf-site .mf-mobile-tools {
grid-column: 2 !important;
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 6px !important;
min-width: 0 !important;
white-space: nowrap !important;
}
body.mf-site .mf-mobile-tools .mf-icon-btn,
body.mf-site .mf-menu-toggle {
width: 38px !important;
min-width: 38px !important;
height: 42px !important;
min-height: 42px !important;
display: inline-grid !important;
place-items: center !important;
padding: 0 !important;
margin: 0 !important;
}
body.mf-site .mf-mobile-tools .mf-icon,
body.mf-site .mf-header .mf-icon-btn .mf-icon {
width: 24px !important;
height: 24px !important;
stroke-width: 2.15 !important;
}
body.mf-site .mf-menu-toggle {
grid-column: 3 !important;
justify-self: end !important;
}
body.mf-site .mf-header__nav {
top: 62px !important;
inset: 62px 0 0 0 !important;
padding: 18px 14px calc(24px + env(safe-area-inset-bottom)) !important;
}
body.mf-site .mf-footer--premium {
margin-top: 26px !important;
padding: 16px 0 max(18px, env(safe-area-inset-bottom)) !important;
overflow: hidden !important;
}
body.mf-site .mf-footer--premium > .mf-container,
body.mf-site .mf-footer--premium .mf-container {
width: 100% !important;
max-width: none !important;
padding-inline: 12px !important;
gap: 10px !important;
}
body.mf-site .mf-footer-hero,
body.mf-site .mf-footer--premium .mf-footer-trust,
body.mf-site .mf-footer--premium .mf-footer__grid {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 10px !important;
}
body.mf-site .mf-footer-hero__brand,
body.mf-site .mf-footer--premium .mf-footer-newsletter,
body.mf-site .mf-footer--premium .mf-footer__column,
body.mf-site .mf-footer--premium .mf-footer-trust__item {
width: 100% !important;
min-width: 0 !important;
min-height: 0 !important;
border-radius: 18px !important;
padding: 16px !important;
box-shadow: none !important;
text-align: left !important;
}
body.mf-site .mf-footer-hero__brand {
display: grid !important;
gap: 12px !important;
align-content: start !important;
}
body.mf-site .mf-footer--premium .mf-footer__tagline {
max-width: 100% !important;
font-size: 13.5px !important;
line-height: 1.55 !important;
text-align: left !important;
}
body.mf-site .mf-footer--premium .mf-footer-newsletter {
gap: 12px !important;
}
body.mf-site .mf-footer--premium .mf-footer-newsletter__copy,
body.mf-site .mf-footer--premium .mf-footer-newsletter span {
max-width: 100% !important;
text-align: left !important;
}
body.mf-site .mf-footer--premium .mf-footer-newsletter__form {
width: 100% !important;
max-width: none !important;
min-height: 50px !important;
justify-self: stretch !important;
border-radius: 16px !important;
grid-template-columns: minmax(0, 1fr) 48px !important;
}
body.mf-site .mf-footer--premium .mf-footer-newsletter__form input[type="email"] {
height: 50px !important;
padding-left: 14px !important;
font-size: 14px !important;
}
body.mf-site .mf-footer--premium .mf-footer-newsletter__form button {
width: 48px !important;
height: 50px !important;
min-height: 50px !important;
}
body.mf-site .mf-footer--premium .mf-footer-trust__item {
display: flex !important;
align-items: center !important;
gap: 12px !important;
padding: 13px 14px !important;
}
body.mf-site .mf-footer--premium .mf-footer-trust__item .mf-icon {
width: 38px !important;
height: 38px !important;
padding: 8px !important;
}
body.mf-site .mf-footer--premium .mf-footer-widget__title {
margin: 0 0 10px !important;
text-align: left !important;
font-size: 11px !important;
letter-spacing: .15em !important;
}
body.mf-site .mf-footer--premium .mf-footer-widget ul,
body.mf-site .mf-footer--premium .mf-footer__nav,
body.mf-site .mf-footer--premium .mf-footer__column--wide .mf-footer-widget ul {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 0 !important;
columns: auto !important;
text-align: left !important;
justify-items: stretch !important;
}
body.mf-site .mf-footer--premium .mf-footer-widget li,
body.mf-site .mf-footer--premium .mf-footer-widget li + li {
margin: 0 !important;
}
body.mf-site .mf-footer--premium .mf-footer-widget a,
body.mf-site .mf-footer--premium .mf-footer__nav a {
width: 100% !important;
min-height: 36px !important;
padding: 6px 0 !important;
justify-content: flex-start !important;
text-align: left !important;
font-size: 14px !important;
line-height: 1.35 !important;
white-space: normal !important;
overflow-wrap: anywhere !important;
}
body.mf-site .mf-footer--premium .mf-footer__column--support,
body.mf-site .mf-footer--premium .mf-footer__column--support * {
text-align: left !important;
}
body.mf-site .mf-footer--premium .mf-footer__column--support a[href^="mailto:"] {
width: auto !important;
max-width: 100% !important;
display: inline-flex !important;
overflow-wrap: anywhere !important;
word-break: break-word !important;
}
body.mf-site .mf-footer--premium .mf-footer__bottom {
justify-content: center !important;
text-align: center !important;
padding-top: 12px !important;
font-size: 12px !important;
}
}
@media (max-width: 390px) {
body.mf-site .mf-header > .mf-container.mf-header__inner,
body.mf-site .mf-header__inner {
grid-template-columns: minmax(104px, 1fr) auto 36px !important;
gap: 5px !important;
padding-inline: 8px !important;
}
body.mf-site .mf-header .mf-logo,
body.mf-site .mf-header .mf-logo--image,
body.mf-site .mf-header .mf-logo img,
body.mf-site .mf-header .mf-logo--image img {
max-width: 124px !important;
height: 35px !important;
max-height: 35px !important;
}
body.mf-site .mf-mobile-tools { gap: 3px !important; }
body.mf-site .mf-mobile-tools .mf-icon-btn,
body.mf-site .mf-menu-toggle {
width: 33px !important;
min-width: 33px !important;
height: 39px !important;
min-height: 39px !important;
}
body.mf-site .mf-mobile-tools .mf-icon,
body.mf-site .mf-header .mf-icon-btn .mf-icon {
width: 22px !important;
height: 22px !important;
}
body.mf-site .mf-header__nav {
top: 60px !important;
inset: 60px 0 0 0 !important;
}
}
/* =====================================================================
MerchFuse v1.7.9.4 — scaled premium pagination + refined category chips
Keeps controls inside the existing black / white / soft neutral brand
palette and prevents red hover conflicts on archive pagination.
===================================================================== */
body.mf-site .mf-shop-pagination:not(:empty),
body.mf-site .woocommerce-pagination:not(:empty) {
width: min(560px, calc(100% - 32px)) !important;
max-width: 560px !important;
margin: clamp(28px, 4vw, 48px) auto clamp(30px, 4vw, 52px) !important;
padding: 0 !important;
display: block !important;
clear: both !important;
text-align: center !important;
}
body.mf-site .mf-shop-pagination__inner {
width: 100% !important;
display: grid !important;
justify-items: center !important;
gap: 0 !important;
}
body.mf-site .mf-shop-pagination__status {
margin: 0 0 8px !important;
color: var(--mf-ink, #111111) !important;
font-size: clamp(14px, 1.25vw, 18px) !important;
line-height: 1.2 !important;
font-weight: 600 !important;
letter-spacing: .04em !important;
text-transform: uppercase !important;
}
body.mf-site .mf-shop-pagination__meter {
width: min(430px, 100%) !important;
height: 5px !important;
margin: 0 auto 22px !important;
overflow: hidden !important;
border-radius: 999px !important;
background: var(--mf-bg-subtle, #F6F6F4) !important;
box-shadow: none !important;
}
body.mf-site .mf-shop-pagination__meter > span {
display: block !important;
height: 100% !important;
min-width: 16px !important;
border-radius: inherit !important;
background: var(--mf-ink, #111111) !important;
}
body.mf-site .mf-shop-pagination__show-more,
body.mf-site .mf-shop-pagination__show-more:visited {
width: min(430px, 100%) !important;
min-height: 58px !important;
margin: 0 auto clamp(34px, 4.5vw, 48px) !important;
padding: 16px 22px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border: 1px solid var(--mf-ink, #111111) !important;
border-radius: var(--mf-radius-none, 0) !important;
background: var(--mf-ink, #111111) !important;
color: var(--mf-white, #ffffff) !important;
text-decoration: none !important;
text-transform: uppercase !important;
letter-spacing: .08em !important;
font-size: clamp(13px, 1.05vw, 15px) !important;
font-weight: 800 !important;
line-height: 1 !important;
box-shadow: none !important;
transition: transform .18s ease, opacity .18s ease, background-color .18s ease, border-color .18s ease, color .18s ease !important;
}
body.mf-site .mf-shop-pagination__show-more:hover,
body.mf-site .mf-shop-pagination__show-more:active,
body.mf-site .mf-shop-pagination__show-more:focus-visible {
background: var(--mf-dark-hover, #000000) !important;
border-color: var(--mf-dark-hover, #000000) !important;
color: var(--mf-white, #ffffff) !important;
opacity: .94 !important;
transform: translateY(-1px) !important;
outline: none !important;
}
body.mf-site .mf-shop-pagination__show-more:focus-visible {
box-shadow: 0 0 0 3px rgba(17, 17, 17, .16) !important;
}
body.mf-site .mf-shop-pagination__show-more[aria-busy="true"] {
cursor: wait !important;
opacity: .72 !important;
transform: none !important;
}
body.mf-site .mf-shop-pagination .mf-shop-pagination__numbers,
body.mf-site .mf-shop-pagination ul.page-numbers.mf-shop-pagination__numbers,
body.mf-site .woocommerce-pagination .mf-shop-pagination__numbers {
width: min(430px, 100%) !important;
min-height: 54px !important;
margin: 0 auto !important;
padding: 8px 12px !important;
display: flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
justify-content: space-between !important;
gap: clamp(8px, 1.8vw, 16px) !important;
list-style: none !important;
border: 1px solid var(--mf-border, #E5E5E3) !important;
border-radius: var(--mf-radius-none, 0) !important;
background: var(--mf-bg-subtle, #F6F6F4) !important;
box-shadow: none !important;
}
body.mf-site .mf-shop-pagination__numbers > li,
body.mf-site .mf-shop-pagination .mf-shop-pagination__numbers > li {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
body.mf-site .mf-shop-pagination__numbers > li > a.page-numbers,
body.mf-site .mf-shop-pagination__numbers > li > span.page-numbers,
body.mf-site .mf-shop-pagination .mf-shop-pagination__numbers a.page-numbers,
body.mf-site .mf-shop-pagination .mf-shop-pagination__numbers span.page-numbers,
body.mf-site .woocommerce-pagination .mf-shop-pagination__numbers a.page-numbers,
body.mf-site .woocommerce-pagination .mf-shop-pagination__numbers span.page-numbers {
min-width: 24px !important;
width: auto !important;
height: 34px !important;
padding: 0 3px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
color: var(--mf-ink, #111111) !important;
box-shadow: none !important;
text-decoration: none !important;
font-size: clamp(14px, 1.15vw, 18px) !important;
line-height: 1 !important;
font-weight: 500 !important;
letter-spacing: 0 !important;
}
body.mf-site .mf-shop-pagination__numbers > li > a.page-numbers:hover,
body.mf-site .mf-shop-pagination__numbers > li > a.page-numbers:focus-visible,
body.mf-site .mf-shop-pagination .mf-shop-pagination__numbers a.page-numbers:hover,
body.mf-site .mf-shop-pagination .mf-shop-pagination__numbers a.page-numbers:focus-visible {
color: var(--mf-dark-hover, #000000) !important;
background: transparent !important;
outline: none !important;
transform: translateY(-1px) !important;
}
body.mf-site .mf-shop-pagination__numbers > li > a.page-numbers:focus-visible {
box-shadow: 0 0 0 3px rgba(17, 17, 17, .14) !important;
}
body.mf-site .mf-shop-pagination__numbers > li > span.page-numbers.current,
body.mf-site .mf-shop-pagination .mf-shop-pagination__numbers span.page-numbers.current,
body.mf-site .woocommerce-pagination .mf-shop-pagination__numbers span.page-numbers.current {
background: transparent !important;
border-color: transparent !important;
color: var(--mf-ink, #111111) !important;
box-shadow: none !important;
font-weight: 800 !important;
}
body.mf-site .mf-shop-pagination__numbers .dots {
color: var(--mf-ink, #111111) !important;
opacity: 1 !important;
transform: translateY(-1px) !important;
}
body.mf-site .mf-shop-pagination__numbers .prev,
body.mf-site .mf-shop-pagination__numbers .next,
body.mf-site .mf-shop-pagination .mf-shop-pagination__numbers .prev,
body.mf-site .mf-shop-pagination .mf-shop-pagination__numbers .next,
body.mf-site .woocommerce-pagination .mf-shop-pagination__numbers .prev,
body.mf-site .woocommerce-pagination .mf-shop-pagination__numbers .next {
min-width: 36px !important;
width: 36px !important;
height: 36px !important;
padding: 0 !important;
border: 1px solid var(--mf-border-dk, #CFCFCB) !important;
border-radius: 999px !important;
background: var(--mf-white, #ffffff) !important;
color: var(--mf-ink, #111111) !important;
box-shadow: none !important;
font-size: 22px !important;
font-weight: 700 !important;
line-height: 1 !important;
}
body.mf-site .mf-shop-pagination__numbers .prev:hover,
body.mf-site .mf-shop-pagination__numbers .next:hover,
body.mf-site .mf-shop-pagination__numbers .prev:focus-visible,
body.mf-site .mf-shop-pagination__numbers .next:focus-visible {
border-color: var(--mf-ink, #111111) !important;
background: var(--mf-white, #ffffff) !important;
color: var(--mf-ink, #111111) !important;
}
body.mf-site .mf-shop-pagination__numbers .prev.disabled,
body.mf-site .mf-shop-pagination__numbers .next.disabled {
color: var(--mf-muted-2, #8A8A8A) !important;
cursor: default !important;
opacity: .72 !important;
}
body.mf-site .mf-cat-chips,
body.tax-product_cat .mf-cat-chips {
display: grid !important;
grid-template-columns: minmax(180px, 230px) minmax(0, 1fr) !important;
align-items: start !important;
gap: 14px 22px !important;
width: 100% !important;
margin: 0 0 clamp(24px, 3vw, 36px) !important;
padding: clamp(16px, 2vw, 22px) !important;
border: 1px solid var(--mf-border, #E5E5E3) !important;
border-radius: 18px !important;
background: var(--mf-white, #ffffff) !important;
box-shadow: none !important;
}
body.mf-site .mf-cat-chips__head,
body.tax-product_cat .mf-cat-chips__head {
display: grid !important;
gap: 4px !important;
align-self: start !important;
max-width: 230px !important;
}
body.mf-site .mf-cat-chips__head span,
body.tax-product_cat .mf-cat-chips__head span {
margin: 0 !important;
color: var(--mf-ink, #111111) !important;
font-size: clamp(16px, 1.4vw, 19px) !important;
line-height: 1.2 !important;
font-weight: 800 !important;
letter-spacing: var(--mf-ls-tight, -0.015em) !important;
}
body.mf-site .mf-cat-chips__head small,
body.tax-product_cat .mf-cat-chips__head small {
color: var(--mf-muted, #707070) !important;
font-size: 13px !important;
line-height: 1.35 !important;
font-weight: 500 !important;
}
body.mf-site .mf-cat-chips__list,
body.tax-product_cat .mf-cat-chips__list {
display: flex !important;
flex-wrap: wrap !important;
align-items: flex-start !important;
justify-content: flex-start !important;
align-content: flex-start !important;
gap: 8px !important;
max-width: none !important;
min-width: 0 !important;
}
body.mf-site .mf-cat-chip,
body.tax-product_cat .mf-cat-chip,
body.mf-site .mf-cat-chip:visited,
body.tax-product_cat .mf-cat-chip:visited {
width: auto !important;
min-width: 0 !important;
max-width: 100% !important;
min-height: 34px !important;
padding: 8px 12px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border: 1px solid var(--mf-border, #E5E5E3) !important;
border-radius: 999px !important;
background: var(--mf-bg-soft, #FAFAF9) !important;
color: var(--mf-ink, #111111) !important;
text-align: center !important;
text-decoration: none !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 1.15 !important;
letter-spacing: 0 !important;
white-space: normal !important;
box-shadow: none !important;
transition: transform .18s ease, border-color .18s ease, background-color .18s ease, box-shadow .18s ease, color .18s ease !important;
}
body.mf-site .mf-cat-chip:hover,
body.mf-site .mf-cat-chip:focus-visible,
body.tax-product_cat .mf-cat-chip:hover,
body.tax-product_cat .mf-cat-chip:focus-visible {
border-color: var(--mf-border-dk, #CFCFCB) !important;
background: var(--mf-white, #ffffff) !important;
color: var(--mf-ink, #111111) !important;
transform: translateY(-1px) !important;
box-shadow: 0 8px 20px rgba(17, 17, 17, .06) !important;
outline: none !important;
}
body.mf-site .mf-cat-chip:focus-visible,
body.tax-product_cat .mf-cat-chip:focus-visible {
box-shadow: 0 0 0 3px rgba(17, 17, 17, .12) !important;
}
@media (max-width: 980px) {
body.mf-site .mf-cat-chips,
body.tax-product_cat .mf-cat-chips {
grid-template-columns: 1fr !important;
}
body.mf-site .mf-cat-chips__head,
body.tax-product_cat .mf-cat-chips__head,
body.mf-site .mf-cat-chips__list,
body.tax-product_cat .mf-cat-chips__list {
max-width: none !important;
}
}
@media (max-width: 640px) {
body.mf-site .mf-shop-pagination:not(:empty),
body.mf-site .woocommerce-pagination:not(:empty) {
width: calc(100% - 24px) !important;
margin-top: 24px !important;
}
body.mf-site .mf-shop-pagination__status {
font-size: 13px !important;
letter-spacing: .035em !important;
}
body.mf-site .mf-shop-pagination__meter {
width: 100% !important;
margin-bottom: 18px !important;
}
body.mf-site .mf-shop-pagination__show-more,
body.mf-site .mf-shop-pagination__show-more:visited {
width: 100% !important;
min-height: 52px !important;
margin-bottom: 28px !important;
padding: 14px 16px !important;
font-size: 13px !important;
}
body.mf-site .mf-shop-pagination .mf-shop-pagination__numbers,
body.mf-site .mf-shop-pagination ul.page-numbers.mf-shop-pagination__numbers {
width: 100% !important;
min-height: 50px !important;
padding: 7px 9px !important;
gap: 6px !important;
}
body.mf-site .mf-shop-pagination__numbers > li > a.page-numbers,
body.mf-site .mf-shop-pagination__numbers > li > span.page-numbers {
min-width: 22px !important;
height: 32px !important;
font-size: 14px !important;
}
body.mf-site .mf-shop-pagination__numbers .prev,
body.mf-site .mf-shop-pagination__numbers .next {
min-width: 32px !important;
width: 32px !important;
height: 32px !important;
font-size: 20px !important;
}
body.mf-site .mf-cat-chips,
body.tax-product_cat .mf-cat-chips {
padding: 14px 14px 16px !important;
border-radius: 16px !important;
gap: 12px !important;
overflow: hidden !important;
}
body.mf-site .mf-cat-chips__head,
body.tax-product_cat .mf-cat-chips__head {
max-width: none !important;
}
body.mf-site .mf-cat-chips__head span,
body.tax-product_cat .mf-cat-chips__head span {
font-size: 15px !important;
}
body.mf-site .mf-cat-chips__head small,
body.tax-product_cat .mf-cat-chips__head small {
font-size: 12px !important;
}
body.mf-site .mf-cat-chips__list,
body.tax-product_cat .mf-cat-chips__list {
margin-inline: -14px !important;
padding: 0 14px 3px !important;
display: flex !important;
flex-wrap: nowrap !important;
overflow-x: auto !important;
overflow-y: hidden !important;
justify-content: flex-start !important;
gap: 8px !important;
scroll-snap-type: x proximity !important;
scrollbar-width: none !important;
-webkit-overflow-scrolling: touch !important;
}
body.mf-site .mf-cat-chips__list::-webkit-scrollbar,
body.tax-product_cat .mf-cat-chips__list::-webkit-scrollbar {
display: none !important;
}
body.mf-site .mf-cat-chip,
body.tax-product_cat .mf-cat-chip {
width: auto !important;
flex: 0 0 auto !important;
min-height: 32px !important;
padding: 7px 11px !important;
font-size: 12px !important;
white-space: nowrap !important;
scroll-snap-align: start !important;
}
}