/* Small additions for the Whop copy (store.js). Everything else is the source theme's CSS. */
.mm-form-note{margin:8px 0 0;font-size:13px;color:inherit}
.mr-mm-empty[hidden],.cart-drawer__inner[hidden]{display:none!important}
.product-grid > li[hidden]{display:none!important}
.c1-sort__menu.is-open{display:block!important}

/* The 2/3/4-piece bundle saving (10/15/20%) is applied by the checkout since 2026-10-28 (Whop promo codes
   per tier, src/server/checkout-config.ts bundleTiers), so the source's bundle bar shows again. */

/* search results: the page carries every product card; store.js shows the matches in relevance order (2026-10-29) */
[data-mm-page="search-results"] .product-grid:not(.mm-ready){visibility:hidden}

/* cart trust row = Leif & Sons Slide Cart (Tjade 2026-10-31: "make the payment icons and money back guarantee exact
   like leif and sons stonewashed cart"). Leif: pill 7px 10px, radius 6px, 12px #2f2f2f text, 16px shield, gap 10px;
   icons 38x24 in full colour, gap 5px, 10px under the pill. Pill tint = this cart's own bundle bar (#f5f4f2), as
   Leif's pill matches its own grey footer. Replaces the 2026-10-30 muted one-frame icons. */
.mm-leif-guarantee{width:100%;box-sizing:border-box;background:#f5f4f2;padding:7px 10px;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:10px;font-family:inherit;margin:8px auto 0}
.mm-leif-guarantee svg{flex-shrink:0;width:16px;height:16px}
.mm-leif-guarantee span{font-size:12px;line-height:1.5;color:#2f2f2f;letter-spacing:.2px}
.mm-leif-pay{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:5px}
.mm-leif-pay li{margin:0;padding:0;display:block;line-height:0;background:none;border:0}
.mm-leif-pay svg{display:block;width:38px;height:24px;filter:none;opacity:1}
html:not(#a):not(#b):not(#c) body main#MainContent .cart-page .mm-leif-guarantee{position:static}
/* the drawer summary already spaces its rows 11px apart: pull back to Leif's 8px above the pill and 10px above the icons */
#cart-drawer .mm-leif-guarantee{margin-top:-3px}
#cart-drawer .mm-leif-pay{margin-top:-1px}

/* 2026-11-02 sweep: page behind the open bag no longer scrolls; empty-bag text gets room under the header line; blog back link is a 44px tap target */
html.mm-drawer-open,html.mm-drawer-open body{overflow:hidden!important;overscroll-behavior:none}
.mr-mm-empty .mr-conv-cart-empty{padding-top:24px}
.mc-journal__back{padding-block:13px;margin-top:-13px}

/* 2026-11-02 sweep: search overlay "no products" line; /search empty state; search page filter + grid-size buttons did nothing on the Whop copy, so hidden */
.mm-live-none{margin:8px 0 16px;font-size:14px;color:var(--color-foreground-muted,#6b6b6b)}
.mm-search-none{margin:24px 0 48px;font-size:15px;text-align:center}.mm-search-none a{text-decoration:underline;text-underline-offset:3px}
.facets-toggle__button,.column-options{display:none!important}
/* 2026-11-02 sweep (Gemini/Astra): phone zoom = photo centred above the thumbnail strip, on the photos' own near-white, no cream band */
@media (max-width:749px){
body.mr-layout-product dialog.dialog-zoomed-gallery__dialog,body.mr-layout-product dialog.dialog-zoomed-gallery__dialog .dialog-zoomed-gallery>li,body.mr-layout-product dialog.dialog-zoomed-gallery__dialog .dialog-thumbnails-list-container{background:#fbfbfb!important;--color-background:#fbfbfb}
dialog.dialog-zoomed-gallery__dialog .dialog-zoomed-gallery>li,dialog.dialog-zoomed-gallery__dialog .product-media__drag-zoom-wrapper{height:calc(100svh - 106px)}
body.mr-layout-product dialog.dialog-zoomed-gallery__dialog .dialog-zoomed-gallery .product-media-container--image .product-media__drag-zoom-wrapper{height:calc(100svh - 106px)!important;align-items:center!important;justify-content:center!important}
}
.mm-fit p:last-child{margin-top:16px}
.mm-live-all{display:block;margin:4px 0 16px;font-size:14px;text-decoration:underline;text-underline-offset:3px}
.mm-search-none__try{display:block;margin-top:10px;font-size:14px;color:var(--color-foreground-muted,#6b6b6b)}.mm-search-none__try a{margin:0}

/* 2026-11-02 (Tjade, iPhone): Safari gave the bag photo its full 484px height inside the 84x112 box, so only the face showed. The img now sets its own 3:4 ratio */
html body .cart-items__media .cart-items__media-container{display:block!important;height:auto!important;overflow:hidden}
html body .cart-items__media .cart-items__media-container img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:3/4!important;object-fit:cover!important;object-position:50% 50%!important}

/* 2026-11-02 cart drawer in the Leif & Sons Slide Cart layout (Tjade: "make mama cart more like leif and sons where it shows
   shipping row free and in general the spacing and presentation could be more clear"). Mamarienne fonts and colours stay. */
html:not(#a):not(#b):not(#c):not(#d) body #cart-drawer .theme-drawer__badge{border:0!important;background:none!important;padding:0 0 0 2px!important;min-width:0!important;color:#9b958d!important;font-size:inherit!important;font-weight:300!important;line-height:inherit!important}
html:not(#a):not(#b):not(#c):not(#d) body #cart-drawer .theme-drawer__close-button{border-radius:50%!important;width:44px!important;height:44px!important;outline-offset:0!important}
html:not(#a):not(#b):not(#c):not(#d) body #cart-drawer .theme-drawer__close-button:focus-visible{outline:2px solid #2b2621!important;border-radius:50%!important}
html:not(#a):not(#b):not(#c):not(#d) body #cart-drawer .mr-conv-cart-bundle{margin:0 calc(-1 * var(--mm-drawer-pad,22px))!important;border-radius:0!important;padding:14px 20px 12px!important;background:#f5f4f2!important}
html:not(#a):not(#b):not(#c):not(#d) body #cart-drawer .mr-conv-cart-bundle p{margin:0!important;font-size:14px!important;line-height:1.4!important;color:#2b2621!important}
html:not(#a):not(#b):not(#c):not(#d) body #cart-drawer .mr-conv-cart-bundle p strong{font-weight:500}
html:not(#a):not(#b):not(#c):not(#d) body #cart-drawer .mr-conv-cart-bundle progress{display:none!important}
.mm-tiers{position:relative;height:48px;margin:10px 18px 0 0}
.mm-tiers__track{position:absolute;left:0;right:10px;top:21px;height:3px;border-radius:2px;background:#e2ddd6;overflow:hidden}
.mm-tiers__track span{display:block;height:100%;border-radius:2px;background:#2b2621}
.mm-tier{position:absolute;top:0;bottom:0;width:33.33%;box-sizing:border-box;padding-right:28px;text-align:right;color:#2b2621}
.mm-tier b{display:block;font-weight:400;font-size:12px;line-height:16px;white-space:nowrap}
.mm-tier em{display:block;font-style:normal;font-size:10.5px;letter-spacing:.06em;line-height:14px;margin-top:18px;white-space:nowrap;color:#6f6a63}
.mm-tier i{position:absolute;right:0;top:12px;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #e2ddd6;display:flex;align-items:center;justify-content:center;color:#9b958d}
.mm-tier i svg{width:12px;height:12px}
.mm-tier.is-on i{background:#2b2621;box-shadow:0 0 0 1px #2b2621;color:#fff}

/* line: photo left; title + x; options one per line; stepper with the struck and final price on its right */
html:not(#a):not(#b):not(#c):not(#d) body #cart-drawer .cart-items__table-row{position:relative!important;grid-template-columns:96px minmax(0,1fr) auto!important;grid-template-areas:"media details details" "media quantity price" "error error error"!important;column-gap:14px!important;row-gap:12px!important}
html:not(#a):not(#b):not(#c):not(#d) body #cart-drawer .cart-items__title-row{padding-right:34px}
html:not(#a):not(#b):not(#c):not(#d) body #cart-drawer .cart-items__variants{display:block!important}
html:not(#a):not(#b):not(#c):not(#d) body #cart-drawer .cart-items__variant{display:block!important;margin:0!important}
html:not(#a):not(#b):not(#c):not(#d) body #cart-drawer .cart-items__variant dt{display:inline!important;position:static!important;width:auto!important;height:auto!important;clip:auto!important;overflow:visible!important;margin:0!important}
html:not(#a):not(#b):not(#c):not(#d) body #cart-drawer .cart-items__variant dd{display:inline!important;margin:0!important}
html:not(#a):not(#b):not(#c):not(#d) body #cart-drawer .cart-items__variant+.cart-items__variant:before{content:none!important;padding:0!important}
html:not(#a):not(#b):not(#c):not(#d) body #cart-drawer .cart-items__unit-price-wrapper{display:none!important}
html:not(#a):not(#b):not(#c):not(#d) body #cart-drawer .cart-items__remove{position:absolute!important;top:14px!important;right:-6px!important;width:32px!important;height:32px!important;min-width:0!important;padding:0!important;margin:0!important;display:flex!important;align-items:center;justify-content:center;border:0!important;background:none!important;text-decoration:none!important;color:#2b2621!important}
html:not(#a):not(#b):not(#c):not(#d) body #cart-drawer .cart-items__remove svg{width:16px;height:16px}
html:not(#a):not(#b):not(#c):not(#d) body #cart-drawer .cart-items__price{grid-area:price!important;display:flex!important;flex-direction:column;align-items:flex-end;justify-content:center;align-self:center}
html:not(#a):not(#b):not(#c):not(#d) body #cart-drawer .mm-line-was{display:block;font-size:14px;color:#9b958d;line-height:1.3}

/* footer: one tinted band, Shipping FREE, a line, Subtotal, then CHECKOUT */
html:not(#a):not(#b):not(#c):not(#d) body #cart-drawer .cart-drawer__summary{background:#f5f4f2!important;background-color:#f5f4f2!important;padding-top:18px!important;border-top:0!important}
html:not(#a):not(#b):not(#c):not(#d) body #cart-drawer .mr-conv-cart-currency{display:none!important}
html:not(#a):not(#b):not(#c):not(#d) body #cart-drawer .mm-leif-guarantee{background:#fff}

/* 2026-11-02 r2 (Tjade: "shipping and total discount row should all have equal spacing font size ... ocd friendly"):
   every summary row is 15px on a 22px line, 12px apart; one divider with the same 12px above and below; Subtotal only adds weight */
html:not(#a):not(#b):not(#c):not(#d) body #cart-drawer .cart-totals{display:block!important;width:100%!important;padding:0!important;margin:0!important}
html:not(#a):not(#b):not(#c):not(#d) body #cart-drawer .cart-totals__original-container{display:flex!important;flex-direction:column;gap:12px;width:100%;padding:0 0 12px!important;margin:0 0 12px!important;border-bottom:1px solid #e2ddd6!important}
html:not(#a):not(#b):not(#c):not(#d) body #cart-drawer .cart-totals__original-container .cart-discounts{margin:0!important;padding:0!important;list-style:none}
html:not(#a):not(#b):not(#c):not(#d) body #cart-drawer :is(.mm-ship-row,.cart-discounts__item,.cart-totals__total){display:flex!important;justify-content:space-between!important;align-items:baseline!important;width:100%!important;margin:0!important;padding:0!important;gap:12px}
html:not(#a):not(#b):not(#c):not(#d) body #cart-drawer :is(.mm-ship-row,.cart-discounts__item,.cart-totals__total) *{font-family:inherit!important;font-size:14px!important;line-height:20px!important;letter-spacing:0!important;text-transform:none!important;color:#2b2621!important;font-weight:400!important}
html:not(#a):not(#b):not(#c):not(#d) body #cart-drawer .cart-discounts__label svg{display:none!important}
html:not(#a):not(#b):not(#c):not(#d) body #cart-drawer .cart-totals__container{display:block!important;margin:0!important;padding:0!important;gap:0!important}
html:not(#a):not(#b):not(#c):not(#d) body #cart-drawer .cart-totals__installments{display:none!important}
html:not(#a):not(#b):not(#c):not(#d) body #cart-drawer .cart-totals__total :is(.cart-totals__total-label,.cart-totals__total-value,.mr-conv-cart-total-price){font-weight:600!important}
html:not(#a):not(#b):not(#c):not(#d) body #cart-drawer .mr-conv-cart-total-price{display:inline!important}
/* 2026-11-02 r3 (Tjade: "the checkout button should be bold") */
html:not(#a):not(#b):not(#c):not(#d) body #cart-drawer .mr-conv-cart-checkout,html:not(#a):not(#b):not(#c):not(#d) body #cart-drawer .mr-conv-cart-checkout span{font-weight:700!important}
/* 2026-11-02 r4 (Tjade: "it shouldnt say subtotal but total also make the checkout bigger font size and the other things slightly smaller";
   "on mobile chrome on my iphone the cart leaves space at the bottom and the checkout button shows up very high").
   Summary rows 14px/20px (were 15/22), CHECKOUT 12.5px (r6, Tjade "do 12.5"; 15px looked too big, was 12px). The drawer was height:100dvh; Chrome on iPhone does not
   grow dvh when its toolbars hide, so the drawer stopped short. Pinned to top:0 + bottom:0 it always fills the visible screen. */
html:not(#a):not(#b):not(#c):not(#d) body #cart-drawer .mr-conv-cart-checkout{font-size:12.5px!important;letter-spacing:.12em!important;min-height:52px!important}
html:not(#a):not(#b):not(#c):not(#d) body #cart-drawer .mr-conv-cart-checkout span{font-size:12.5px!important}
html:not(#a):not(#b):not(#c):not(#d) body #cart-drawer .theme-drawer__dialog{top:0!important;bottom:0!important;height:auto!important;max-height:none!important;min-height:0!important}
html:not(#a):not(#b):not(#c):not(#d) body #cart-drawer .cart-drawer__summary{padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))!important}