:root {
  --wd-primary-color: #000000 !important;
  --wd-alternative-color: #111111 !important;
  --wd-link-color: #111111 !important;
  --wd-link-color-hover: #000000 !important;
  --mei-black: #000000;
  --mei-ink: #111111;
  --mei-white: #ffffff;
  --mei-paper: #f7f7f5;
  --mei-line: #deded8;
  --mei-muted: #686868;
  --mei-shell: 1420px;
  --mei-side: clamp(18px, 3.2vw, 54px);
  --mei-section: clamp(72px, 8vw, 132px);
}

html { scroll-behavior: smooth; }
body.meimode-storefront {
  background: var(--mei-white);
  color: var(--mei-ink);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}

/* Keep every commerce surface inside the approved monochrome identity. */
body.meimode-storefront { --wd-primary-color: #000000; --wd-alternative-color: #111111; }
body.page .site-content { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; }
body.page .sidebar-container { display: none !important; }
.wc-block-components-button.wc-block-components-checkout-place-order-button,
.wc-block-cart__submit-button { background: #000 !important; border-color: #000 !important; border-radius: 0 !important; color: #fff !important; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
.wc-block-components-button.wc-block-components-checkout-place-order-button:hover,
.wc-block-cart__submit-button:hover { background: #222 !important; border-color: #222 !important; color: #fff !important; }
.wc-block-components-totals-item__value,
.wc-block-components-product-price,
.woocommerce-cart .amount,
.woocommerce-checkout .amount { color: #000 !important; }
.wd-nav-product-cat li:has(a[href*="/uncategorized/"]) { display: none !important; }

body.meimode-menu-open { overflow: hidden; }
.meimode-shell { width: min(100%, var(--mei-shell)); margin-inline: auto; padding-inline: var(--mei-side); }
.meimode-skip-link { position: fixed; top: -100px; left: 16px; z-index: 99999; padding: 12px 18px; background: #fff; color: #000; }
.meimode-skip-link:focus { top: 16px; }
.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; }

.meimode-announcement { background: var(--mei-black); color: var(--mei-white); min-height: 32px; display: flex; align-items: center; text-align: center; }
.meimode-announcement span { display: block; font-size: 10px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }

.meimode-header { position: relative; z-index: 110; background: rgba(255,255,255,.98); border-bottom: 1px solid var(--mei-line); transition: box-shadow .25s ease; }
.meimode-header.is-scrolled { position: sticky; top: 0; box-shadow: 0 10px 36px rgba(0,0,0,.07); }
.admin-bar .meimode-header.is-scrolled { top: 32px; }
.meimode-header-row { min-height: 86px; display: grid; grid-template-columns: 190px minmax(480px,1fr) auto; align-items: center; gap: 28px; }
.meimode-logo { display: block; width: 172px; color: #000; line-height: 0; }
.meimode-logo img { display: block; width: 100%; height: auto; }
.meimode-desktop-nav { display: flex; justify-content: center; }
.meimode-menu, .meimode-mobile-menu { list-style: none; margin: 0; padding: 0; }
.meimode-menu { display: flex; align-items: center; justify-content: center; gap: clamp(17px, 2vw, 36px); }
.meimode-menu > li { position: relative; margin: 0; }
.meimode-menu a { display: block; padding: 31px 0 28px; color: var(--mei-ink); font-size: 11px; font-weight: 700; letter-spacing: .12em; text-decoration: none; text-transform: uppercase; white-space: nowrap; }
.meimode-menu > li > a::after { content: ''; position: absolute; left: 0; right: 100%; bottom: 23px; height: 1px; background: #000; transition: right .25s ease; }
.meimode-menu > li:hover > a::after, .meimode-menu > li.current-menu-item > a::after, .meimode-menu > li.current-menu-ancestor > a::after { right: 0; }
.meimode-menu .sub-menu { position: absolute; top: 100%; left: -24px; min-width: 240px; margin: 0; padding: 16px 24px; list-style: none; background: #fff; border: 1px solid var(--mei-line); opacity: 0; visibility: hidden; transform: translateY(8px); transition: .2s ease; box-shadow: 0 18px 36px rgba(0,0,0,.08); }
.meimode-menu li:hover > .sub-menu, .meimode-menu li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; }
.meimode-menu .sub-menu a { padding: 9px 0; font-size: 11px; font-weight: 500; letter-spacing: .08em; }
.meimode-menu .sub-menu .sub-menu { left: 100%; top: -17px; }
.meimode-header-actions { display: flex; align-items: center; justify-content: flex-end; gap: 6px; }
.meimode-icon-link { position: relative; display: grid; place-items: center; width: 40px; height: 40px; color: #000; }
.meimode-icon-link svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.meimode-cart-count { position: absolute; top: 2px; right: 0; display: grid; place-items: center; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 50%; background: #000; color: #fff; font-size: 9px; font-weight: 700; }
.meimode-header .meimode-menu-toggle { display: none !important; width: 42px; height: 42px; padding: 11px 9px; background: transparent; border: 0; }
.meimode-menu-toggle > span:not(.screen-reader-text) { display: block; width: 24px; height: 1px; margin: 5px 0; background: #000; transition: .2s ease; }
.meimode-menu-toggle[aria-expanded="true"] > span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.meimode-menu-toggle[aria-expanded="true"] > span:nth-child(2) { opacity: 0; }
.meimode-menu-toggle[aria-expanded="true"] > span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
.meimode-mobile-panel { position: fixed; z-index: 105; top: 0; left: 0; width: min(92vw, 430px); height: 100dvh; padding: 120px 26px 34px; overflow: auto; background: #fff; border-right: 1px solid var(--mei-line); box-shadow: 20px 0 50px rgba(0,0,0,.12); }
.meimode-mobile-panel[hidden] { display: none; }
.meimode-mobile-search form { display: flex; border-bottom: 1px solid #000; margin-bottom: 28px; }
.meimode-mobile-search input { flex: 1; height: 48px; padding: 0; border: 0; background: transparent; box-shadow: none; font-size: 14px; }
.meimode-mobile-search button { border: 0; background: transparent; font-size: 10px; font-weight: 700; letter-spacing: .12em; }
.meimode-mobile-menu li { margin: 0; border-bottom: 1px solid var(--mei-line); }
.meimode-mobile-menu a { display: block; padding: 15px 0; color: #000; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.meimode-mobile-menu .sub-menu { margin: 0 0 10px 14px; padding: 0; list-style: none; }
.meimode-mobile-menu .sub-menu li { border: 0; }
.meimode-mobile-menu .sub-menu a { padding: 8px 0; color: var(--mei-muted); font-size: 11px; font-weight: 500; }

/* The child theme supplies its own accessible mobile panel. Hide WoodMart's
   unused off-canvas placeholder so setup text can never reach shoppers. */
body.meimode-storefront > .mobile-nav.wd-side-hidden-nav { display: none !important; }

.wd-page-content.main-page-wrapper { padding-top: 0; }
.content-layout-wrapper { display: block; }
.meimode-home { width: 100vw; margin-left: calc(50% - 50vw); overflow: clip; }
.meimode-hero { position: relative; min-height: min(82vh, 870px); display: flex; align-items: flex-end; isolation: isolate; background: #262626 var(--meimode-hero-image) center 35% / cover no-repeat; }
.meimode-hero-overlay { position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(0,0,0,.62) 0%, rgba(0,0,0,.28) 52%, rgba(0,0,0,.12) 100%); }
.meimode-hero-content { padding-top: 130px; padding-bottom: clamp(70px, 10vw, 145px); color: #fff; }
.meimode-eyebrow { margin: 0 0 14px; font-size: 10px; font-weight: 700; letter-spacing: .25em; text-transform: uppercase; }
.meimode-hero h1 { max-width: 830px; margin: 0; color: #fff; font-size: clamp(46px, 7vw, 104px); font-weight: 500; line-height: .92; letter-spacing: -.045em; }
.meimode-hero-content > p:not(.meimode-eyebrow) { max-width: 590px; margin: 24px 0 0; font-size: clamp(16px, 1.6vw, 21px); line-height: 1.55; }
.meimode-button-row { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 16px; margin-top: 32px; }
.meimode-button { display: inline-flex; min-height: 52px; padding: 0 26px; align-items: center; justify-content: center; border: 1px solid #000; font-size: 10px; font-weight: 700; letter-spacing: .16em; text-decoration: none; text-transform: uppercase; transition: .2s ease; }
.meimode-button-light { background: #fff; color: #000; border-color: #fff; }
.meimode-button-light:hover { background: #000; color: #fff; border-color: #000; }
.meimode-button-outline-light { background: transparent; color: #fff; border-color: rgba(255,255,255,.8); }
.meimode-button-outline-light:hover { background: #fff; color: #000; }
.meimode-button-dark { background: #000; color: #fff; }
.meimode-button-dark:hover { background: #fff; color: #000; }
.meimode-text-link { position: relative; display: inline-block; padding-bottom: 4px; color: inherit; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-decoration: none; text-transform: uppercase; }
.meimode-text-link::after { content: ''; position: absolute; right: 0; bottom: 0; left: 0; height: 1px; background: currentColor; transform-origin: right; transition: transform .2s ease; }
.meimode-text-link:hover::after { transform: scaleX(.45); }

.meimode-section { padding-block: var(--mei-section); }
.meimode-section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 42px; }
.meimode-section-heading h2, .meimode-editorial h2, .meimode-home-join h2 { margin: 0; color: var(--mei-ink); font-size: clamp(36px, 4.5vw, 68px); font-weight: 500; line-height: .95; letter-spacing: -.035em; }
.meimode-category-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: clamp(12px, 1.7vw, 28px); }
.meimode-category-card { color: var(--mei-ink); text-decoration: none; }
.meimode-card-image { position: relative; aspect-ratio: .78; overflow: hidden; background: var(--mei-paper); }
.meimode-card-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .65s cubic-bezier(.2,.7,.2,1); }
.meimode-category-card:hover .meimode-card-image img { transform: scale(1.025); }
.meimode-card-copy { padding-top: 18px; }
.meimode-card-copy h3 { margin: 0 0 7px; font-size: 14px; font-weight: 700; letter-spacing: .12em; }
.meimode-card-copy p { min-height: 46px; margin: 0 0 15px; color: var(--mei-muted); font-size: 13px; }
.meimode-card-copy span { font-size: 10px; font-weight: 700; letter-spacing: .14em; border-bottom: 1px solid; }

.meimode-products-section .products { margin-bottom: 0; }
.meimode-products-section .product-grid-item { text-align: left; }
.meimode-products-section .product-element-top { overflow: hidden; background: var(--mei-paper); }
.meimode-products-section .product-element-top img { transition: transform .6s ease; }
.meimode-products-section .product-grid-item:hover .product-element-top img { transform: scale(1.02); }
.meimode-products-section .wd-entities-title, .woocommerce-loop-product__title { margin-top: 14px !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: .02em; }
.meimode-products-section .price { color: #000 !important; font-size: 13px !important; font-weight: 600 !important; }
.meimode-products-section .price del { color: #777; font-weight: 400; }
.products .wd-product-cats { display: none !important; }
.wd-compare-btn { display: none !important; }
.meimode-paper-section { background: var(--mei-paper); }

.meimode-editorial { min-height: 720px; display: grid; grid-template-columns: 1.08fr .92fr; background: var(--mei-paper); }
.meimode-editorial-image { min-height: 640px; overflow: hidden; background: #e7e7e3; }
.meimode-editorial-image img { width: 100%; height: 100%; object-fit: cover; }
.meimode-editorial-copy { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: clamp(55px, 8vw, 130px); }
.meimode-editorial-copy > p:not(.meimode-eyebrow) { max-width: 520px; margin: 28px 0 0; color: #4d4d4d; font-size: 17px; line-height: 1.7; }

.meimode-value-section { padding-block: var(--mei-section); background: #000; color: #fff; }
.meimode-section-heading-light h2 { color: #fff; }
.meimode-value-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-top: 1px solid rgba(255,255,255,.28); }
.meimode-value-grid > div { min-height: 230px; padding: 30px clamp(20px, 3vw, 48px) 30px 0; border-right: 1px solid rgba(255,255,255,.2); }
.meimode-value-grid > div + div { padding-left: clamp(20px, 3vw, 48px); }
.meimode-value-grid > div:last-child { border-right: 0; }
.meimode-value-grid span { display: block; margin-bottom: 52px; color: #aaa; font-size: 10px; letter-spacing: .2em; }
.meimode-value-grid h3 { margin: 0 0 12px; color: #fff; font-size: 15px; letter-spacing: .12em; }
.meimode-value-grid p { max-width: 320px; margin: 0; color: #bdbdbd; font-size: 14px; }

.meimode-home-join-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: end; gap: clamp(40px, 9vw, 150px); }
.meimode-home-join-grid > div:first-child > p:last-child { max-width: 570px; margin: 22px 0 0; color: var(--mei-muted); font-size: 17px; }
.meimode-lead-form { width: 100%; }
.meimode-lead-fields { display: flex; border-bottom: 1px solid currentColor; }
.meimode-lead-fields input[type="email"] { flex: 1; min-width: 0; height: 58px; padding: 0 12px 0 0; border: 0; background: transparent; color: inherit; box-shadow: none; font-size: 15px; }
.meimode-lead-fields input::placeholder { color: #7a7a7a; }
.meimode-lead-fields button { min-width: 118px; padding: 0; border: 0; background: transparent; color: inherit; font-size: 10px; font-weight: 700; letter-spacing: .15em; }
.meimode-lead-consent { display: flex; align-items: flex-start; gap: 9px; margin-top: 14px; color: #686868; font-size: 11px; line-height: 1.45; }
.meimode-lead-consent input { margin-top: 2px; }
.meimode-lead-consent a { color: inherit; text-decoration: underline; }
.meimode-lead-message { margin: 14px 0 0; font-size: 13px; }
.meimode-lead-hp { position: absolute !important; left: -9999px !important; }

.meimode-trust-strip { border-top: 1px solid var(--mei-line); border-bottom: 1px solid var(--mei-line); background: #fff; }
.meimode-trust-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); }
.meimode-trust-grid > div { min-height: 104px; display: flex; flex-direction: column; justify-content: center; padding: 20px 26px; border-right: 1px solid var(--mei-line); }
.meimode-trust-grid > div:first-child { padding-left: 0; }
.meimode-trust-grid > div:last-child { border-right: 0; }
.meimode-trust-grid strong { font-size: 10px; letter-spacing: .15em; }
.meimode-trust-grid span { margin-top: 4px; color: var(--mei-muted); font-size: 12px; }
.meimode-footer { padding-top: 78px; background: #000; color: #fff; }
.meimode-footer-grid { display: grid; grid-template-columns: 1.45fr .65fr .8fr 1.35fr; gap: clamp(28px, 4vw, 70px); }
.meimode-footer a { color: #fff; text-decoration: none; }
.meimode-footer h2 { margin: 0 0 22px; color: #fff; font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.meimode-footer ul { margin: 0; padding: 0; list-style: none; }
.meimode-footer li { margin: 0 0 11px; }
.meimode-footer li a { color: #bcbcbc; font-size: 13px; }
.meimode-footer li a:hover { color: #fff; }
.meimode-footer-brand img { width: 190px; height: auto; filter: invert(1); }
.meimode-footer-brand p { max-width: 360px; margin: 23px 0 0; color: #bcbcbc; font-size: 13px; }
.meimode-footer-join > p { max-width: 380px; margin: 0 0 20px; color: #bcbcbc; font-size: 13px; }
.meimode-footer .meimode-lead-consent { color: #8d8d8d; }
.meimode-footer-bottom { min-height: 100px; display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 70px; border-top: 1px solid #292929; color: #8d8d8d; font-size: 11px; }

.meimode-pdp-confidence { display: grid; gap: 0; margin: 24px 0 15px; border-top: 1px solid var(--mei-line); border-bottom: 1px solid var(--mei-line); }
.meimode-pdp-confidence > div { display: grid; grid-template-columns: 135px 1fr; gap: 18px; padding: 12px 0; border-bottom: 1px solid var(--mei-line); }
.meimode-pdp-confidence > div:last-child { border-bottom: 0; }
.meimode-pdp-confidence strong { font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.meimode-pdp-confidence span { color: var(--mei-muted); font-size: 12px; }
.meimode-pdp-links { display: flex; flex-wrap: wrap; gap: 8px 20px; }
.meimode-pdp-links a { color: #000; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-decoration: underline; text-underline-offset: 3px; text-transform: uppercase; }
.single-product .product_title { font-size: clamp(31px, 3.6vw, 52px); font-weight: 500; letter-spacing: -.03em; }
.single-product div.product .price { color: #000; font-size: 20px; }
.single_add_to_cart_button, .woocommerce a.button.alt, .woocommerce button.button.alt, .checkout-button { min-height: 52px !important; background: #000 !important; color: #fff !important; border-radius: 0 !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: .13em !important; text-transform: uppercase !important; }
.single_add_to_cart_button:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .checkout-button:hover { background: #242424 !important; }
.variations select, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select { border-radius: 0; border-color: var(--mei-line); }
.woocommerce-breadcrumb { font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
body.meimode-storefront .product-labels.labels-rounded .product-label { border-radius: 0 !important; }
body.meimode-storefront .product-label.onsale { background: #000 !important; color: #fff !important; }

.meimode-content-page { max-width: 920px; margin: 0 auto; padding: clamp(55px,8vw,120px) var(--mei-side); }
.meimode-content-page h1 { margin-bottom: 34px; font-size: clamp(42px,6vw,82px); font-weight: 500; letter-spacing: -.04em; }
.meimode-content-page h2 { margin-top: 48px; font-size: 26px; }
.meimode-content-page p, .meimode-content-page li { font-size: 16px; line-height: 1.75; }

@media (max-width: 1180px) {
  .meimode-header-row { grid-template-columns: auto 1fr auto; min-height: 72px; }
  .meimode-header .meimode-menu-toggle { display: block !important; z-index: 106; }
  .meimode-logo { justify-self: center; width: 160px; }
  .meimode-desktop-nav { display: none; }
  .meimode-account-link { display: none; }
  .meimode-category-grid { grid-template-columns: repeat(2,minmax(0,1fr)); row-gap: 42px; }
  .meimode-footer-grid { grid-template-columns: 1.2fr .8fr .8fr; }
  .meimode-footer-join { grid-column: 1 / -1; max-width: 650px; margin-top: 25px; }
}

@media (max-width: 782px) {
  .admin-bar .meimode-header.is-scrolled { top: 46px; }
  .meimode-announcement span { font-size: 9px; letter-spacing: .12em; }
  .meimode-header-row { min-height: 64px; gap: 8px; }
  .meimode-logo { width: 160px; }
  .meimode-icon-link { width: 36px; }
  .meimode-header-actions .meimode-icon-link:first-child { display: none; }
  .meimode-mobile-panel { padding-top: 108px; }
  .meimode-hero { min-height: 72vh; background-position: center top; }
  .meimode-hero-overlay { background: linear-gradient(0deg,rgba(0,0,0,.73) 0%,rgba(0,0,0,.22) 72%); }
  .meimode-hero-content { padding-bottom: 58px; }
  .meimode-hero h1 { max-width: 620px; font-size: clamp(45px,13vw,72px); }
  .meimode-hero-content > p:not(.meimode-eyebrow) { font-size: 15px; }
  .meimode-button { min-height: 49px; padding-inline: 20px; }
  .meimode-section-heading { align-items: flex-start; flex-direction: column; margin-bottom: 28px; }
  .meimode-category-grid { gap: 11px; row-gap: 34px; }
  .meimode-card-copy { padding-top: 12px; }
  .meimode-card-copy h3 { font-size: 12px; }
  .meimode-card-copy p { display: none; }
  .meimode-card-copy span { font-size: 9px; }
  .meimode-products-section .products { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .meimode-editorial { min-height: auto; grid-template-columns: 1fr; }
  .meimode-editorial-image { min-height: 500px; }
  .meimode-editorial-copy { padding: 58px var(--mei-side) 70px; }
  .meimode-editorial-copy > p:not(.meimode-eyebrow) { font-size: 15px; }
  .meimode-value-grid { grid-template-columns: 1fr; }
  .meimode-value-grid > div, .meimode-value-grid > div + div { min-height: auto; padding: 30px 0; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.2); }
  .meimode-value-grid > div:last-child { border-bottom: 0; }
  .meimode-value-grid span { margin-bottom: 25px; }
  .meimode-home-join-grid { grid-template-columns: 1fr; gap: 42px; }
  .meimode-trust-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .meimode-trust-grid > div { min-height: 92px; padding: 16px 14px; border-bottom: 1px solid var(--mei-line); }
  .meimode-trust-grid > div:nth-child(2) { border-right: 0; }
  .meimode-trust-grid > div:nth-child(n+3) { border-bottom: 0; }
  .meimode-trust-grid > div:first-child { padding-left: 0; }
  .meimode-footer-grid { grid-template-columns: 1fr 1fr; }
  .meimode-footer-brand, .meimode-footer-join { grid-column: 1 / -1; }
  .meimode-footer-bottom { min-height: 110px; align-items: flex-start; justify-content: center; flex-direction: column; }
  .meimode-pdp-confidence > div { grid-template-columns: 115px 1fr; }
}

@media (max-width: 420px) {
  .meimode-logo { width: 160px; }
  .meimode-hero h1 { font-size: 43px; }
  .meimode-button-row .meimode-button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* MEIMODE mobile gallery fix (3 Nov 2026): product photos use the full width on phones and tablets */
@media (max-width: 1024px) {
  .woocommerce-product-gallery.thumbs-position-left .wd-gallery-images { max-width: 100% !important; flex: 0 0 100% !important; }
  .woocommerce-product-gallery.thumbs-position-left .wd-gallery-thumb { display: none !important; }
}

/* ==========================================================================
   MEIMODE v4 design (3 Nov 2026) – homepage, header, footer and Buy 2 Get 1 trio
   Based on the approved MEIMODE preview; brand fonts Bodoni Moda + Inter.
   ========================================================================== */
.mm4{--mm4-ink:#171717;--mm4-soft:#f3f1ee;--mm4-soft2:#f5f4f1;--mm4-line:#e6e4e0;--mm4-mute:#6b6b6b;--mm4-serif:"Bodoni Moda","Times New Roman",Georgia,serif;--mm4-sans:"Inter","Helvetica Neue",Arial,sans-serif;font-family:var(--mm4-sans);color:var(--mm4-ink)}
.mm4 *,.mm4 *::before,.mm4 *::after{box-sizing:border-box}
.mm4 h1,.mm4 h2,.mm4 h3{font-family:var(--mm4-serif);font-weight:400;color:var(--mm4-ink);letter-spacing:-.01em;text-transform:none}
.mm4 h2{font-size:clamp(30px,3.2vw,40px);line-height:1.1;margin:10px 0}
.mm4 a{color:inherit;text-decoration:none}
.mm4 button{font-family:inherit;cursor:pointer}
.mm4-eyebrow{display:block;font-family:var(--mm4-sans);font-size:10px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--mm4-ink)}
.mm4-muted{color:var(--mm4-mute);line-height:1.6;margin:0}
.mm4-small{font-size:11px;color:#777;line-height:1.6;margin:16px 0 0}
.mm4-btn{display:inline-block;background:#111;color:#fff!important;border:1px solid #111;padding:16px 28px;font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;line-height:1.2;transition:background .2s;border-radius:0}
.mm4-btn:hover{background:#3b3b3b}
.mm4-btn:disabled{opacity:.6;cursor:wait}
.mm4-btn-line{background:transparent;color:#111!important;border-color:#222}
.mm4-btn-line:hover{background:#111;color:#fff!important}
.mm4-btn-light{background:#fff;color:#111!important;border-color:#fff}
.mm4-btn-light:hover{background:#e9e9e9}
.mm4-btn-wide{width:100%;text-align:center}
.mm4-link{display:inline-block;font-size:11px;border-bottom:1px solid #777;padding-bottom:4px;margin-top:18px;white-space:nowrap}
.mm4-caps{text-transform:uppercase;letter-spacing:.1em;font-size:10px}
.mm4-section{max-width:1480px;margin:0 auto;padding:70px 5%}
.mm4-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px}
.mm4-head .mm4-link{margin:0 0 6px}

/* hero */
.mm4-hero{display:grid;grid-template-columns:1fr 1fr;background:var(--mm4-soft);min-height:580px}
.mm4-hero-copy{padding:90px 10% 65px 14%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.mm4-hero h1{font-size:clamp(46px,5vw,78px);line-height:1.03;letter-spacing:-.03em;margin:26px 0}
.mm4-hero p{color:#555;line-height:1.8;max-width:340px;margin:0 0 30px}
.mm4-hero-media{position:relative;overflow:hidden;min-height:580px;display:block;background:#ece8e2}
.mm4-hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 18%}
.mm4-hero-tag{position:absolute;left:25px;bottom:25px;background:#fff;padding:12px 18px;font-size:10px;letter-spacing:.12em;text-transform:uppercase}

/* benefits */
.mm4-benefits{display:grid;grid-template-columns:repeat(3,1fr);max-width:1300px;margin:0 auto;border-bottom:1px solid var(--mm4-line);text-align:center;padding:24px 5%;font-size:10px;letter-spacing:.09em;text-transform:uppercase}
.mm4-benefits span{display:block;color:#555}
.mm4-benefits strong{display:block;font-weight:600}

/* fit finder */
.mm4-fit{background:var(--mm4-soft2);text-align:center;padding:60px 5%}
.mm4-fit h2{margin:14px 0 8px}
.mm4-fit-buttons{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:26px}
.mm4-fit-buttons button{background:#fff;border:1px solid #ddd;padding:13px 19px;font-size:12px;color:#111}
.mm4-fit-buttons button:hover{border-color:#111}

/* tiles */
.mm4-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.mm4-tile-img{display:block;height:340px;overflow:hidden;background:#f6f5f3}
.mm4-tile-img img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .4s}
.mm4-tile:hover img{transform:scale(1.03)}
.mm4-tile-label{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin-top:16px}

/* price edit */
.mm4-prices{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.mm4-prices button{background:#f1efeb;border:0;text-align:left;padding:28px 26px;color:#111;transition:background .2s}
.mm4-prices button:hover{background:#e9e6e0}
.mm4-prices span{display:block;font-size:9px;letter-spacing:.14em;text-transform:uppercase}
.mm4-prices strong{display:block;font-family:var(--mm4-serif);font-weight:400;font-size:30px;margin:14px 0 10px}
.mm4-prices em{font-style:normal;font-size:11px}

/* collection */
.mm4-tabs{display:flex;gap:28px;border-bottom:1px solid #ddd;margin-bottom:18px;overflow-x:auto}
.mm4-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:0 0 14px;font-size:13px;color:#666;white-space:nowrap}
.mm4-tabs button.is-on{color:#111;border-color:#111}
.mm4-tabs button span{display:inline-block;background:#f0efec;border-radius:20px;padding:2px 7px;font-size:10px;margin-left:4px;color:#555}
.mm4-toolbar{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:16px 0;display:flex;justify-content:space-between;gap:15px;margin-bottom:22px;align-items:center}
.mm4-chips{display:flex;gap:8px;flex-wrap:wrap}
.mm4-chip{background:#fff;border:1px solid #ddd;padding:9px 13px;font-size:11px;color:#111}
.mm4-chip.is-on{background:#111;color:#fff;border-color:#111}
.mm4-sort select{border:0;background:#fff;font-size:12px;padding:6px 4px;min-width:150px}
.mm4-filter-note{display:flex;gap:14px;align-items:center;font-size:12px;margin:-6px 0 18px}
.mm4-filter-note:empty{display:none}
.mm4-filter-note button{background:none;border:0;border-bottom:1px solid #777;font-size:11px;padding:0 0 2px}
.mm4-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 22px}
.mm4-empty{grid-column:1/-1;text-align:center;padding:40px 0}
.mm4-card{position:relative;min-width:0}
.mm4-card-media{position:relative;aspect-ratio:3/4;background:#f5f4f2;overflow:hidden}
.mm4-card-media img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .4s}
.mm4-card:hover .mm4-card-media img{transform:scale(1.025)}
.mm4-badge{position:absolute;top:12px;left:12px;background:#fff;color:#111;padding:7px 9px;font-size:8px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;z-index:2}
.mm4-heart{position:absolute;right:12px;top:11px;z-index:2;border:0;border-radius:50%;background:#fff;width:32px;height:32px;font-size:19px;line-height:30px;padding:0;color:#111}
.mm4-heart.is-on{color:#b42318}
.mm4-qv{position:absolute;left:12px;right:12px;bottom:12px;z-index:2;border:0;background:rgba(255,255,255,.96);padding:12px;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#111;opacity:0;transform:translateY(5px);transition:.2s}
.mm4-card:hover .mm4-qv,.mm4-qv:focus{opacity:1;transform:none}
.mm4-card-name{font-family:var(--mm4-sans)!important;font-size:13px!important;line-height:1.4;margin:15px 0 6px!important;letter-spacing:0!important}
.mm4-card-price{font-size:13px;font-weight:600}
.mm4-card-price s{color:#999;font-weight:400;margin-left:6px}
.mm4-dots,.mm4-swatches{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px;align-items:center}
.mm4-swatch{width:17px;height:17px;border-radius:50%;border:1px solid rgba(0,0,0,.18);background:var(--sw,#ccc);padding:0;box-shadow:inset 0 0 0 2px #fff;flex:0 0 auto}
.mm4-swatch.is-on{outline:1px solid #111;outline-offset:2px}
.mm4-swatch.is-out{opacity:.3;cursor:not-allowed}
.mm4-swatches .mm4-swatch{width:24px;height:24px}
.mm4-cname{font-size:10px;color:#777;margin-top:7px}
.mm4-more{text-align:center;margin-top:45px}

/* pick two banner */
.mm4-trio-banner{display:grid;grid-template-columns:1fr 1fr;background:#efebe5;align-items:center}
.mm4-trio-banner-copy{padding:70px 10% 70px 14%}
.mm4-trio-banner-copy h2{font-size:clamp(32px,3.4vw,46px)}
.mm4-trio-banner-copy p{color:#555;line-height:1.8;margin:0 0 24px}
.mm4-trio-banner-media{display:block;height:520px;overflow:hidden}
.mm4-trio-banner-media img{width:100%;height:100%;object-fit:cover;object-position:center 20%}

/* lookbook */
.mm4-looks{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.mm4-look-img{display:block;height:430px;overflow:hidden;background:#f3f1ee}
.mm4-look-img img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .4s}
.mm4-look:hover img{transform:scale(1.03)}
.mm4-look h3{font-size:24px;margin:22px 0 8px}
.mm4-look p{color:#666;font-size:13px;margin:0}
.mm4-look .mm4-link{margin-top:14px}

/* layers */
.mm4-layers{display:grid;grid-template-columns:1.1fr 1fr;background:var(--mm4-soft2)}
.mm4-layers-media{background:#edeae4;height:560px;overflow:hidden}
.mm4-layers-media img{width:100%;height:100%;object-fit:cover;object-position:center 15%}
.mm4-layers-copy{padding:65px;align-self:center}
.mm4-layers-copy h2{font-size:clamp(34px,3.6vw,48px)}
.mm4-layers-copy p{line-height:1.8;color:#555;max-width:360px;margin:0 0 26px}
.mm4-layers-copy .mm4-small a{text-decoration:underline}

/* dark band */
.mm4-dark{background:#111;color:#fff;text-align:center;padding:75px 20px}
.mm4-dark .mm4-eyebrow{color:#fff}
.mm4-dark h2{color:#fff!important;font-size:clamp(32px,3.6vw,46px)}
.mm4-dark p{color:#ccc;line-height:1.8;margin:0 0 26px}

/* newsletter */
.mm4-news{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;max-width:1480px;margin:0 auto;padding:60px 5%}
.mm4-news h2{font-size:32px}
.mm4-news .meimode-lead-form{margin:0}
.mm4-news .meimode-lead-fields{display:flex;border-bottom:1px solid #222;padding:8px 0;gap:10px}
.mm4-news .meimode-lead-fields input[type=email]{flex:1;border:0!important;background:transparent!important;padding:10px 0!important;box-shadow:none!important;min-height:0}
.mm4-news .meimode-lead-fields button{background:none!important;color:#111!important;border:0!important;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:0 0 0 10px!important;white-space:nowrap}
.mm4-news .meimode-lead-consent{display:flex;gap:8px;font-size:11px;color:#777;margin-top:14px;line-height:1.5}

/* floating WhatsApp (computer screens) */
.mm4-wa{position:fixed;right:22px;bottom:22px;z-index:90;display:flex;align-items:center;gap:12px;background:#111;color:#fff!important;border-radius:40px;padding:12px 20px 12px 16px;box-shadow:0 8px 24px rgba(0,0,0,.18);font-family:"Inter",Arial,sans-serif;text-decoration:none}
.mm4-wa:hover{background:#2b2b2b}
.mm4-wa-ico{font-size:18px;line-height:1}
.mm4-wa strong{display:block;font-size:13px;font-weight:500}
.mm4-wa small{display:block;font-size:10px;opacity:.8}
@media (max-width:1024px){.mm4-wa{display:none}}

/* quick view */
.mm4-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center}
.mm4-modal[hidden]{display:none}
.mm4-modal-bg{position:absolute;inset:0;background:rgba(0,0,0,.45)}
.mm4-modal-box{position:relative;background:#fff;width:min(940px,94vw);max-height:92vh;overflow:auto}
.mm4-modal-x{position:absolute;right:12px;top:8px;border:0;background:none;font-size:30px;line-height:1;z-index:2;color:#111}
.mm4-modal-body{display:grid;grid-template-columns:1fr 1fr}
.mm4-qv-media{background:#f5f4f2;aspect-ratio:3/4}
.mm4-qv-media img{width:100%;height:100%;object-fit:cover;object-position:center top}
.mm4-qv-info{padding:40px 34px}
.mm4-qv-info h2{font-size:30px;margin:12px 0}
.mm4-qv-info p{font-size:13px;line-height:1.7}
.mm4-field{display:block;margin:16px 0}
.mm4-field>span{display:block;font-size:11px;letter-spacing:.06em;margin-bottom:8px}
.mm4-field select{width:100%;border:1px solid #ccc;padding:10px;background:#fff;font-size:13px}
.mm4-qv-msg,.mm4-trio-msg{font-size:12px;margin:10px 0 0;min-height:1em}
.mm4-qv-msg a{text-decoration:underline}
.mm4-offer-tag{display:inline-block;background:#111;color:#fff;font-size:10px;letter-spacing:.08em;padding:6px 9px;margin:4px 0 8px}
html.mm4-lock{overflow:hidden}

/* Buy 2 Get 1 page */
.mm4-trio-page .mm4-offer-intro{background:#efebe5;text-align:center;padding:70px 5%}
.mm4-offer-intro h1{font-size:clamp(42px,5vw,64px);line-height:1.08;margin:20px 0}
.mm4-offer-intro p{color:#555;line-height:1.8;margin:0}
.mm4-steps{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;margin-top:24px;font-size:11px}
.mm4-trio-styles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.mm4-style{display:flex;flex-direction:column;text-align:left;background:#fff;border:1px solid #e6e4e0;padding:0;color:#111}
.mm4-style.is-on{outline:3px solid #111;outline-offset:-3px}
.mm4-style-img{display:block;aspect-ratio:3/4;overflow:hidden;background:#f5f4f2}
.mm4-style-img img{width:100%;height:100%;object-fit:cover;object-position:center top}
.mm4-style-cta{display:block;background:#f3f1ee;font-size:9px;letter-spacing:.14em;text-transform:uppercase;padding:12px 14px}
.mm4-style.is-on .mm4-style-cta{background:#111;color:#fff}
.mm4-style.is-on .mm4-style-cta::before{content:"\2713  Selected · "}
.mm4-style-name{display:block;font-size:12px;padding:14px 14px 4px}
.mm4-style-price{display:block;font-size:12px;padding:0 14px 16px}
.mm4-style-price s{color:#999;margin-left:6px}
.mm4-trio-build{border-top:1px solid #e6e4e0}
.mm4-trio-grid{display:grid;grid-template-columns:3fr 1.1fr;gap:28px;align-items:start}
.mm4-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mm4-slot-label{display:block;font-size:9px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px}
.mm4-slot-img{aspect-ratio:3/4;background:#f3f1ee;overflow:hidden}
.mm4-slot-img img{width:100%;height:100%;object-fit:cover;object-position:center top}
.mm4-slot-colour{font-family:var(--mm4-sans)!important;font-size:13px!important;font-weight:600!important;margin:14px 0 4px!important}
.mm4-slot-free .mm4-muted{font-size:12px;margin-top:8px}
.mm4-trio-sum{background:#f3f1ee;padding:26px 22px}
.mm4-trio-sum h3{font-size:26px;margin:10px 0 20px}
.mm4-sum-row{display:flex;justify-content:space-between;font-size:12px;padding:10px 0;border-bottom:1px solid #e1ddd6}
.mm4-sum-total{border-bottom:0;font-size:15px;padding-top:16px}
.mm4-sum-total strong{font-size:18px}
.mm4-trio-sum .mm4-btn{margin-top:16px}

/* builder box on offer product pages */
.mm4-trio-box{border:1px solid #111;padding:18px;margin:0 0 22px;background:#fff}
.mm4-trio-box-head h3{font-size:22px;margin:12px 0 6px}
.mm4-trio-box-head p{font-size:13px;color:#555;margin:0 0 14px;line-height:1.6}
.mm4-trio-box-head .mm4-badge{position:static;display:inline-block;background:#111;color:#fff}
.mm4-trio-grid.is-compact{grid-template-columns:1fr;gap:14px}
.mm4-trio-grid.is-compact .mm4-slots{grid-template-columns:1fr 1fr 1fr;gap:12px}
.mm4-trio-grid.is-compact .mm4-slot{background:#f8f7f5;padding:12px}
.mm4-trio-grid.is-compact .mm4-slot-colour{font-size:12px!important;margin:4px 0!important}
.mm4-trio-grid.is-compact .mm4-swatches .mm4-swatch{width:20px;height:20px}
.mm4-trio-grid.is-compact .mm4-trio-sum{padding:14px 16px}

/* ---------- header and footer in the preview's layout ---------- */
.meimode-announcement{letter-spacing:.14em!important;font-size:10px!important;text-transform:uppercase}
@media (min-width:1025px){
	header.meimode-header .meimode-header-row{display:grid!important;grid-template-columns:1fr auto 1fr;grid-template-areas:"loc logo act" "nav nav nav";align-items:center;column-gap:20px;padding-top:22px}
	header.meimode-header .meimode-header-row::before{content:"Beirut, Lebanon";grid-area:loc;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#171717}
	header.meimode-header .meimode-logo{grid-area:logo;justify-self:center}
	header.meimode-header .meimode-logo img{max-height:40px;width:auto}
	header.meimode-header .meimode-header-actions{grid-area:act;justify-self:end}
	header.meimode-header .meimode-desktop-nav{grid-area:nav;justify-self:stretch;display:flex;justify-content:center;border-top:1px solid #e9e9e9;margin-top:20px;padding:16px 0}
	header.meimode-header .meimode-desktop-nav .meimode-menu{justify-content:center;gap:34px}
	header.meimode-header .meimode-desktop-nav .meimode-menu>li>a{font-size:11px;letter-spacing:.14em}
	header.meimode-header .meimode-menu-toggle{display:none!important}
}
.mm4-fav-link{display:inline-flex!important;align-items:center;gap:3px;font-size:15px;color:inherit}
.mm4-fav-link .mm4-fav-count{font-size:11px}
footer.meimode-footer{background:#f5f5f3!important;color:#171717!important}
footer.meimode-footer h2,footer.meimode-footer h3{color:#171717!important;font-size:10px!important;letter-spacing:.12em}
footer.meimode-footer p,footer.meimode-footer span{color:#555!important}
footer.meimode-footer a{color:#171717!important}
footer.meimode-footer .meimode-footer-brand img{filter:none!important}
footer.meimode-footer .meimode-lead-form input[type=email]{background:#fff!important;color:#111!important;border:1px solid #ccc!important}
footer.meimode-footer .meimode-lead-form button{background:#111!important;color:#fff!important}
footer.meimode-footer .meimode-footer-bottom{border-top:1px solid #ddd!important}

/* ---------- phones and tablets ---------- */
@media (max-width:1024px){
	.mm4-tiles,.mm4-grid,.mm4-trio-styles{grid-template-columns:repeat(2,minmax(0,1fr))}
	.mm4-looks{grid-template-columns:1fr 1fr}
	.mm4-trio-grid{grid-template-columns:1fr}
}
@media (max-width:767px){
	.mm4-section{padding:46px 16px}
	.mm4-head{flex-direction:column;align-items:flex-start;gap:6px}
	.mm4-hero{grid-template-columns:1fr;min-height:0}
	.mm4-hero-copy{padding:40px 16px 34px;order:2}
	.mm4-hero h1{font-size:44px;margin:18px 0}
	.mm4-hero-media{order:1;min-height:440px}
	.mm4-benefits{grid-template-columns:1fr;gap:12px;padding:20px 16px}
	.mm4-fit{padding:44px 16px}
	.mm4-fit-buttons button{flex:1 1 40%}
	.mm4-tile-img{height:230px}
	.mm4-tiles{gap:12px}
	.mm4-prices{grid-template-columns:1fr;gap:10px}
	.mm4-prices button{padding:20px}
	.mm4-grid{gap:26px 12px}
	.mm4-toolbar{flex-direction:column;align-items:flex-start}
	.mm4-qv{opacity:1;transform:none;padding:9px;font-size:8px}
	.mm4-trio-banner,.mm4-layers,.mm4-news{grid-template-columns:1fr}
	.mm4-trio-banner-copy{padding:44px 16px}
	.mm4-trio-banner-media{height:420px}
	.mm4-looks{grid-template-columns:1fr}
	.mm4-look-img{height:420px}
	.mm4-layers-media{height:420px}
	.mm4-layers-copy{padding:40px 16px}
	.mm4-news{gap:20px;padding:44px 16px}
	.mm4-modal-body{grid-template-columns:1fr}
	.mm4-qv-media{aspect-ratio:auto;height:52vh}
	.mm4-qv-info{padding:24px 18px}
	.mm4-slots{grid-template-columns:1fr 1fr}
	.mm4-slot-free{grid-column:1/-1}
	.mm4-slot-free .mm4-slot-img{max-width:50%}
	.mm4-trio-grid.is-compact .mm4-slots{grid-template-columns:1fr 1fr}
	.mm4-trio-grid.is-compact .mm4-slot-free{grid-column:1/-1}
}

/* MEIMODE v4 fix 1 (3 Nov 2026): neutralise the theme's default button styles inside the new sections */
.mm4 button{min-height:0!important;height:auto;margin:0;border-radius:0!important;box-shadow:none!important;text-transform:none!important;letter-spacing:normal!important;font-weight:400!important;line-height:1.3!important;font-family:var(--mm4-sans)!important}
.mm4 .mm4-btn{display:inline-block!important;background:#111!important;color:#fff!important;border:1px solid #111!important;padding:16px 28px!important;font-size:10px!important;font-weight:500!important;letter-spacing:.14em!important;text-transform:uppercase!important;line-height:1.2!important}
.mm4 .mm4-btn:hover{background:#3b3b3b!important}
.mm4 .mm4-btn-line{background:transparent!important;color:#111!important;border-color:#222!important}
.mm4 .mm4-btn-line:hover{background:#111!important;color:#fff!important}
.mm4 .mm4-btn-light{background:#fff!important;color:#111!important;border-color:#fff!important}
.mm4 .mm4-btn-wide{display:block!important;width:100%;text-align:center}
.mm4 .mm4-fit-buttons button{display:inline-block!important;background:#fff!important;color:#111!important;border:1px solid #ddd!important;padding:13px 19px!important;font-size:12px!important}
.mm4 .mm4-fit-buttons button:hover{border-color:#111!important}
.mm4 .mm4-prices button{display:block!important;width:100%;background:#f1efeb!important;color:#111!important;border:0!important;text-align:left!important;padding:28px 26px!important}
.mm4 .mm4-prices button:hover{background:#e9e6e0!important}
.mm4 .mm4-prices span{display:block;font-size:9px;letter-spacing:.14em;text-transform:uppercase}
.mm4 .mm4-prices strong{display:block;font-family:var(--mm4-serif);font-weight:400;font-size:30px;margin:14px 0 10px;text-transform:none;letter-spacing:0}
.mm4 .mm4-prices em{display:block;font-style:normal;font-size:11px}
.mm4 .mm4-tabs button{display:inline-block!important;background:none!important;border:0!important;border-bottom:2px solid transparent!important;padding:0 0 14px!important;font-size:13px!important;color:#666!important;white-space:nowrap}
.mm4 .mm4-tabs button.is-on{color:#111!important;border-bottom-color:#111!important}
.mm4 .mm4-chip{display:inline-block!important;background:#fff!important;color:#111!important;border:1px solid #ddd!important;padding:9px 13px!important;font-size:11px!important}
.mm4 .mm4-chip.is-on{background:#111!important;color:#fff!important;border-color:#111!important}
.mm4 .mm4-filter-note button{background:none!important;border:0!important;border-bottom:1px solid #777!important;padding:0 0 2px!important;font-size:11px!important;color:#111!important}
.mm4 .mm4-heart{display:block!important;background:#fff!important;color:#111!important;border:0!important;border-radius:50%!important;width:32px;height:32px!important;padding:0!important;font-size:19px!important;line-height:32px!important;text-align:center!important}
.mm4 .mm4-heart.is-on{color:#b42318!important}
.mm4 .mm4-qv{display:block!important;background:rgba(255,255,255,.96)!important;color:#111!important;border:0!important;padding:12px!important;font-size:9px!important;letter-spacing:.12em!important;text-transform:uppercase!important;text-align:center!important}
.mm4 .mm4-swatch{display:inline-block!important;width:17px;height:17px!important;padding:0!important;border-radius:50%!important;border:1px solid rgba(0,0,0,.18)!important;background:var(--sw,#ccc)!important;box-shadow:inset 0 0 0 2px #fff!important}
.mm4 .mm4-swatches .mm4-swatch{width:24px;height:24px!important}
.mm4 .mm4-trio-grid.is-compact .mm4-swatches .mm4-swatch{width:20px;height:20px!important}
.mm4 .mm4-modal-x{display:block!important;background:none!important;border:0!important;color:#111!important;font-size:30px!important;padding:0 6px!important;line-height:1!important}
.mm4 .mm4-style{display:flex!important;flex-direction:column;background:#fff!important;color:#111!important;border:1px solid #e6e4e0!important;padding:0!important;text-align:left!important;align-items:stretch!important}
.mm4 .mm4-style-cta{font-size:9px;letter-spacing:.14em;text-transform:uppercase}
.mm4 .mm4-sort select{border:0;background:#fff;font-size:12px}
@media (max-width:767px){
	.mm4 .mm4-fit-buttons button{flex:1 1 40%}
	.mm4 .mm4-prices button{padding:20px!important}
	.mm4 .mm4-qv{padding:9px!important;font-size:8px!important}
}
/* homepage sections run edge to edge */
body.home main.wd-content-layout{max-width:none!important;width:100%!important;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important}
body.home .wd-content-layout>.mm4-home{width:100%}
@media (min-width:1025px){
	header.meimode-header .meimode-desktop-nav{padding:0!important;min-height:0!important;height:auto!important}
	header.meimode-header .meimode-desktop-nav .meimode-menu{margin:0!important;padding:14px 0!important;min-height:0!important}
	header.meimode-header .meimode-desktop-nav .meimode-menu>li>a{padding:4px 0!important;line-height:1.4!important}
}

/* MEIMODE v4 fix 2 (3 Nov 2026): trio page full width, logo size, floating buttons, homepage duplicates */
body.page-id-1441 .wd-page-title{display:none!important}
body.page-id-1441 main.wd-content-layout{max-width:none!important;width:100%!important;padding-left:0!important;padding-right:0!important;display:block!important}
body.page-id-1441 .wd-content-area{max-width:100%!important;width:100%!important;flex:0 0 100%!important}
body.page-id-1441 .wd-sidebar{display:none!important}
body.page-id-1441 .entry-content{margin:0!important}
body.page-id-1441 .mm4-trio-page .mm4-section{max-width:1480px}
@media (min-width:1025px){header.meimode-header .meimode-logo img{max-height:52px!important}}
.scrollToTop{bottom:96px!important}
body.home .meimode-trust-strip,body.home .meimode-footer-join{display:none!important}
body.home footer.meimode-footer .meimode-footer-grid{grid-template-columns:2fr 1fr 1fr!important}

/* MEIMODE v4 fix 3: colour chip on photos that do not show the chosen colour yet */
.mm4 .mm4-slot-img{position:relative}
.mm4 .mm4-slot-chip{position:absolute;left:8px;bottom:8px;display:flex;align-items:center;gap:6px;background:#fff;padding:6px 10px 6px 7px;font-size:10px;letter-spacing:.04em;color:#111;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.mm4 .mm4-slot-chip[hidden]{display:none}
.mm4 .mm4-slot-chip i{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--sw,#ccc);border:1px solid rgba(0,0,0,.2)}

/* ==========================================================================
   MEIMODE UX update – 4 Nov 2026
   ========================================================================== */
html.mm5-lock{overflow:hidden}
/* T01 search dialog + search page */
.mm5-search[hidden]{display:none!important}
.mm5-search{position:fixed;inset:0;z-index:100000}
.mm5-search-bg{position:absolute;inset:0;background:rgba(0,0,0,.45)}
.mm5-search-box{position:relative;background:#fff;max-width:720px;margin:0 auto;padding:20px 20px 26px;max-height:100%;overflow:auto;box-shadow:0 12px 40px rgba(0,0,0,.18)}
@media (min-width:768px){.mm5-search-box{margin-top:72px;max-height:calc(100% - 120px)}}
.mm5-search-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.mm5-search-top h2{font-size:22px;margin:0}
.mm5-search-x{width:44px;height:44px;border:0;background:none;font-size:30px;line-height:1;cursor:pointer;color:#111;padding:0}
.mm5-search-row{display:flex;gap:8px;align-items:stretch;flex-wrap:wrap}
.mm5-search-row input[type=search]{flex:1 1 220px;min-height:48px;font-size:16px;padding:0 14px;border:1px solid #111;border-radius:0;background:#fff;color:#111}
.mm5-search-row button{min-height:48px;padding:0 22px;background:#111;color:#fff;border:1px solid #111;text-transform:uppercase;letter-spacing:.12em;font-size:12px;cursor:pointer}
.mm5-search-hint{margin:8px 0 0;font-size:13px;color:#8a1c1c;min-height:1em}
.mm5-sugg{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}
.mm5-sugg a{display:flex;gap:12px;align-items:center;color:#111;text-decoration:none;min-height:44px}
.mm5-sugg img{width:56px;height:75px;object-fit:cover;background:#f4f2ee;flex:0 0 auto}
.mm5-sugg strong{display:block;font-weight:500;font-size:14px;line-height:1.35}
.mm5-sugg em{font-style:normal;font-size:13px;color:#555}
.mm5-sugg del{color:#999;margin-right:6px}
.mm5-all{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;font-size:13px;text-decoration:underline;color:#111}
.mm5-muted{color:#666;font-size:14px;margin:12px 0 0}
.mm5-search-page-form{max-width:680px;margin:0 0 26px}
.mm5-search-page-form label{display:block;font-size:13px;margin-bottom:8px;color:#444}
.mm5-search-clear{align-self:center;font-size:13px;text-decoration:underline;color:#111;padding:0 6px;min-height:44px;display:inline-flex;align-items:center}
.mm5-empty{padding:10px 0 40px}
.mm5-empty-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.mm5-empty-links a{border:1px solid #111;padding:10px 14px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#111;min-height:44px;display:inline-flex;align-items:center}
/* T04 focused checkout */
.mm5-checkout .meimode-announcement,.mm5-checkout .wd-page-title,.mm5-checkout .wd-toolbar,.mm5-checkout .mm4-wa,.mm5-checkout .wd-sidebar,.mm5-checkout .meimode-trust-strip{display:none!important}
.mm5-checkout .wd-content-area{width:100%!important;max-width:100%!important;flex:0 0 100%!important}
.mm5-checkout .wp-block-woocommerce-checkout{max-width:1160px;margin:0 auto;padding-top:16px}
.mm5-checkout-header{border-bottom:1px solid #e5e3de;background:#fff;position:relative}
.mm5-checkout-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:62px;gap:12px}
.mm5-checkout-row .meimode-logo{grid-area:auto!important;grid-column:2!important;grid-row:1!important;justify-self:center;position:static!important;transform:none!important}
.mm5-checkout-row .mm5-back{grid-column:1;grid-row:1;justify-self:start}
.mm5-checkout-row .mm5-help{grid-column:3;grid-row:1}
.mm5-checkout-row .meimode-logo img{max-height:26px;width:auto;display:block}
.mm5-back,.mm5-help{font-size:13px;color:#111!important;min-height:44px;display:inline-flex;align-items:center}
.mm5-back{text-decoration:none}
.mm5-help{justify-self:end;text-decoration:underline}
.mm5-progress{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:0;padding:0 16px 12px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8a8a85}
.mm5-progress li{margin:0}
.mm5-progress li+li:before{content:"—";margin-right:10px;color:#c9c7c2}
.mm5-progress .is-done,.mm5-progress .is-current{color:#111}
.mm5-progress .is-current{font-weight:600}
.mm5-checkout-footer{border-top:1px solid #e5e3de;padding:18px 16px 28px;font-size:13px;color:#555;text-align:center}
.mm5-checkout-footer a{color:#111;margin:0 8px;text-decoration:underline;display:inline-block;min-height:32px;line-height:32px}
.mm5-checkout-footer p{margin:10px 0 0}
.mm5-checkout .wc-block-components-address-form__country{display:none!important}
.mm5-field-hint{font-size:12px;line-height:1.45;color:#5f5f5a;margin:4px 0 8px}
@media (max-width:600px){.mm5-back,.mm5-help{font-size:12px}.mm5-checkout-row{grid-template-columns:auto 1fr auto}.mm5-checkout-row .meimode-logo{justify-self:center}.mm5-checkout-row .meimode-logo img{max-height:22px}}
/* T07 hero: show the whole jacket */
.mm4-hero:not(.mm4-hero-bf) .mm4-hero-media img{object-position:center 6%}
@media (min-width:768px){.mm4-hero,.mm4-hero-media{min-height:640px}}
@media (max-width:767px){.mm4-hero:not(.mm4-hero-bf) .mm4-hero-media{min-height:0!important;aspect-ratio:3/4}}
.mm5-newin .products{margin-top:6px}
/* T08 swatches: 44px touch area, same visible circle */
.mm4 .mm4-swatches{gap:0!important;margin-left:-10px}
.mm4 .mm4-swatches .mm4-swatch{width:44px!important;height:44px!important;border:10px solid transparent!important;background-clip:padding-box!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.22)!important;outline:0!important;cursor:pointer}
.mm4 .mm4-swatches .mm4-swatch.is-on{box-shadow:inset 0 0 0 2px #111,inset 0 0 0 4px #fff!important}
.mm4 .mm4-swatches .mm4-swatch:focus-visible{box-shadow:inset 0 0 0 2px #111,inset 0 0 0 4px #fff,0 0 0 2px #111!important}
.mm4 .mm4-trio-grid.is-compact .mm4-swatches .mm4-swatch{width:40px!important;height:40px!important}
.mm4 .mm4-modal-box:focus{outline:none}
/* T08 product page swatches (WoodMart): ~44px hit area, visible circles unchanged */
.single-product table.variations .wd-swatches-single{column-gap:19px!important;row-gap:19px!important}
.single-product table.variations .wd-swatches-single .wd-swatch.wd-bg::before{content:"";position:absolute;inset:-9.5px;border-radius:50%}
.single-product table.variations .wd-swatches-single .wd-swatch.wd-text::before{content:"";position:absolute;inset:-12px -6px}
.single-product table.variations .wd-swatches-single .wd-swatch:focus-visible{outline:2px solid #111;outline-offset:4px}
/* T08 mobile menu: 44px rows for sub-links, 16px search text (no iOS zoom on focus) */
.meimode-mobile-menu .sub-menu a{min-height:44px;display:flex!important;align-items:center;padding:0!important;font-size:12.5px!important}
.meimode-mobile-search input{font-size:16px!important}
/* T04 checkout on phones: less top space, 16px fields (no iOS zoom on focus) */
@media (max-width:767px){
.mm5-checkout main.wd-content-layout{padding-top:12px!important}
.mm5-checkout .wc-block-checkout input,.mm5-checkout .wc-block-checkout select,.mm5-checkout .wc-block-checkout textarea{font-size:16px!important}
}
/* T01 phones: the search icon stays in the header (one tap to a search field) */
@media (max-width:782px){.meimode-header-actions .mm5-search-open{display:grid!important}}
@media (max-width:374px){.meimode-logo{width:132px!important}.meimode-header-actions{gap:2px!important}}
/* T09 contrast and link clarity (Lighthouse after-pass) */
.mm4-small,.mm4-cname{color:#5c5c5c!important}
.mm4 s,.mm4-card-price s{color:#6b6b6b!important}
.meimode-footer .meimode-lead-consent a,.mm4-news .meimode-lead-consent a,.meimode-lead-consent a{text-decoration:underline!important;text-underline-offset:2px}
/* T02 shop header categories: hide departments that have no products (Uncategorized, Lingerie, Men). Remove a line when that category gets products. */
.wd-nav-product-cat > li.cat-item-15,.wd-nav-product-cat > li.cat-item-45,.wd-nav-product-cat > li.cat-item-44{display:none!important}