/* 2026-11-10 PST · Early BF draft skin. No price or checkout logic. */
:root { --mbf-base:#F8F9F5;--mbf-band:#E7ECE4;--mbf-accent:#D1DEC9;--mbf-ink:#171D18;--mbf-muted:#596556;--mbf-gold:#A58A5B; }
html[data-mbf-store] body{background:var(--mbf-base)!important;color:var(--mbf-ink)}
html[data-mbf-store] body :focus-visible{outline:2px solid var(--mbf-gold);outline-offset:4px}
html[data-mbf-store] .header-section,html[data-mbf-store] body theme-sticky-header header,html[data-mbf-store] body [class*="header__container"]{background:var(--mbf-base)!important;background-color:var(--mbf-base)!important}
html[data-mbf-store] body .announcement-bar,html[data-mbf-store] body .announcement-bar__sticky,html[data-mbf-store] body .announcement-bar__group,html[data-mbf-store] body .announcement-bar__group-item{background:var(--mbf-ink)!important;color:var(--mbf-accent)!important}
html[data-mbf-store] body .announcement-bar *{color:var(--mbf-accent)!important}
html[data-mbf-store] body .footer,html[data-mbf-store] body [id*="footer-group__footer"],html[data-mbf-store] body [id*="footer-group__footer"]>*{background:var(--mbf-band)!important;color:var(--mbf-ink)!important}
html[data-mbf-store] body [id*="footer-group__footer"] a,html[data-mbf-store] body [id*="footer-group__footer"] p,html[data-mbf-store] body [id*="footer-group__footer"] [class*="title"],html[data-mbf-store] body [id*="footer-group__footer"] .rte,html[data-mbf-store] body [id*="footer-group__footer"] .rte *{color:var(--mbf-ink)!important}
html[data-mbf-store] body [id*="footer-group__footer"] input[type="email"]{background:#fff!important;color:var(--mbf-ink)!important;border-color:var(--mbf-gold)!important}
html[data-mbf-store] body [id*="footer-group__footer"] input::placeholder{color:var(--mbf-muted)!important}
html[data-mbf-store] body [id*="footer-group__footer"] button[type="submit"]{background:var(--mbf-ink)!important;color:#fff!important}
html[data-mbf-store] body button.block-product-buy-button,html[data-mbf-store] body .block-product-buy-button-wrapper button[name="add"]{background:var(--mbf-ink)!important;border-color:var(--mbf-ink)!important;color:#fff!important}
html[data-mbf-store] .mbf-hero,html[data-mbf-store] .mbf-offer,html[data-mbf-store] .mbf-entries,html[data-mbf-store] .mbf-pdp-offer{box-sizing:border-box;color:var(--mbf-ink);font-family:Arial,sans-serif}
html[data-mbf-store] .mbf-hero *{box-sizing:border-box}
html[data-mbf-store] .mbf-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(24px,4vw,64px);padding:clamp(30px,5vw,74px) 0;max-width:1320px;margin:auto;background:var(--mbf-base)}
html[data-mbf-store] .mbf-copy{align-self:center;position:relative;padding:20px 0 30px}
html[data-mbf-store] .mbf-eyebrow{font:700 11px/1.5 Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--mbf-muted);margin:0 0 20px}
html[data-mbf-store] .mbf-hero h1{font:500 clamp(38px,4.8vw,72px)/1.03 Georgia, serif;letter-spacing:-.025em;margin:0 0 26px;color:var(--mbf-ink);text-transform:none}
html[data-mbf-store] .mbf-desc{font:400 16px/1.75 Arial,sans-serif;max-width:480px;color:var(--mbf-muted);margin:0 0 28px}
html[data-mbf-store] .mbf-actions{display:flex;flex-wrap:wrap;gap:12px}
html[data-mbf-store] a.mbf-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:15px 24px;min-height:50px;border:1px solid var(--mbf-ink);background:var(--mbf-ink);color:#fff!important;text-decoration:none!important;font:600 13px/1.4 Arial,sans-serif;border-radius:2px}
html[data-mbf-store] a.mbf-btn--line{background:transparent;color:var(--mbf-ink)!important}
html[data-mbf-store] .mbf-seal{display:inline-block;margin-top:34px;padding:8px 12px;border:1px solid var(--mbf-gold);font:600 10px/1 Arial,sans-serif;letter-spacing:.18em;color:var(--mbf-muted)}
html[data-mbf-store] .mbf-photo{position:relative;overflow:hidden;background:var(--mbf-band);min-width:0;max-width:100%;}
html[data-mbf-store] .mbf-photo img{display:block;width:100%;height:100%;object-fit:cover;max-height:600px;margin:0;filter:none!important}
html[data-mbf-store] .mbf-caption{position:absolute;bottom:0;left:0;right:0;background:var(--mbf-accent);color:var(--mbf-ink);padding:10px 16px;font:600 10px/1.4 Arial,sans-serif;letter-spacing:.15em;text-align:center}
html[data-mbf-store="snovina"] .mbf-photo{border-radius:48% 48% 4px 4px;aspect-ratio:1/1.03}
html[data-mbf-store="snovina"] .mbf-hero h1{font-style:italic}
html[data-mbf-store="wovaren"] .mbf-photo{order:-1;aspect-ratio:750/800;border-radius:0}
html[data-mbf-store="wovaren"] .mbf-hero{grid-template-columns:.95fr 1.05fr}
html[data-mbf-store="wovaren"] .mbf-hero h1{font-weight:700;font-size:clamp(36px,4.3vw,64px);letter-spacing:-.035em}
html[data-mbf-store="wovaren"] .mbf-copy{border-top:2px solid var(--mbf-gold);padding-top:32px}
html[data-mbf-store="vellabay"] .mbf-hero{grid-template-columns:1fr;gap:22px;text-align:center;padding-top:48px}
html[data-mbf-store="vellabay"] .mbf-copy{padding-bottom:0;max-width:880px;margin:auto}
html[data-mbf-store="vellabay"] .mbf-desc{max-width:600px;margin-left:auto;margin-right:auto}
html[data-mbf-store="vellabay"] .mbf-actions{justify-content:center}
html[data-mbf-store="vellabay"] .mbf-photo{max-height:420px;aspect-ratio:2.5;border-radius:14px}
html[data-mbf-store="vellabay"] .mbf-photo img{object-position:center 46%}
html[data-mbf-store="vellabay"] .mbf-seal{margin-top:22px;background:var(--mbf-band);border:0;border-radius:40px}
html[data-mbf-store="vellabay"] a.mbf-btn{border-radius:40px}
html[data-mbf-store] .mbf-offer{background:var(--mbf-band);padding:28px clamp(12px,3vw,40px);border-top:1px solid var(--mbf-accent);border-bottom:1px solid var(--mbf-accent);text-align:center;margin:0 0 38px}
html[data-mbf-store] .mbf-offer>.mbf-eyebrow{margin-bottom:18px}
html[data-mbf-store] .mbf-tiers{display:flex;justify-content:center;gap:0;flex-wrap:wrap}
html[data-mbf-store] .mbf-tiers>div{padding:8px 25px;flex:1 1 170px;max-width:320px;border-left:1px solid var(--mbf-accent)}
html[data-mbf-store] .mbf-tiers>div:first-child{border-left:0}
html[data-mbf-store] .mbf-tiers small{display:block;font:700 10px/1.5 Arial,sans-serif;letter-spacing:.15em;color:var(--mbf-muted)}
html[data-mbf-store] .mbf-tiers strong{display:block;font:600 clamp(14px,1.6vw,20px)/1.4 Arial,sans-serif;margin-top:6px;color:var(--mbf-ink)}
html[data-mbf-store] .mbf-terms{font:400 11px/1.7 Arial,sans-serif;color:var(--mbf-muted);margin:18px auto 0;max-width:700px}
html[data-mbf-store] .mbf-entries{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:38px 0 54px}
html[data-mbf-store] .mbf-entries a{text-decoration:none!important;color:var(--mbf-ink)!important}
html[data-mbf-store] .mbf-entries a>div{aspect-ratio:1.2;overflow:hidden;background:#fff}
html[data-mbf-store] .mbf-entries img{width:100%;height:100%;object-fit:cover;object-position:top;margin:0;filter:none}
html[data-mbf-store] .mbf-entries h2{font:500 32px/1.2 Georgia,serif;color:var(--mbf-ink);margin:18px 0 8px}
html[data-mbf-store] .mbf-entries h2 span{float:right;font:400 26px/1 Arial,sans-serif}
html[data-mbf-store] .mbf-entries p{font:400 14px/1.6 Arial,sans-serif;color:var(--mbf-muted);margin:0}
html[data-mbf-store] .mbf-editorial-head{text-align:center;margin:42px auto 24px;max-width:700px}
html[data-mbf-store] .mbf-editorial-head h2{font:500 38px/1.15 Georgia,serif;color:var(--mbf-ink)}
html[data-mbf-store] .mbf-pdp-offer{background:var(--mbf-band);border-left:3px solid var(--mbf-gold);padding:12px 18px;margin:20px auto;max-width:1320px}
html[data-mbf-store] .mbf-pdp-offer span{font:700 10px/1.4 Arial,sans-serif;letter-spacing:.16em}
html[data-mbf-store] .mbf-pdp-offer p{font:400 13px/1.6 Arial,sans-serif;margin:6px 0;color:var(--mbf-ink)}
html[data-mbf-store] .mbf-pdp-offer small{font:400 11px/1.5 Arial,sans-serif;color:var(--mbf-muted)}
/* Knitford r7/r8: stable app and free-shipping reservations, no late campaign badge insertion. */
@media(min-width:960px){html[data-mbf-store] .discount-style-plugin{min-height:96px}html[data-mbf-store] body[data-page-type="product"] [class*="footer-group"]{padding-bottom:88px}}
html[data-mbf-store] body[data-page-type="cart"] zv-free-shipping{display:block;min-height:60px}
html[data-mbf-store] body[data-page-type="cart"] zv-free-shipping[data-eligible="1"]{min-height:112px}
/* Knitford r9: contain animated tickers and pause when hidden/offscreen. */
html[data-mbf-store] .vb-ticker,html[data-mbf-store] .mbf-motion{contain:paint layout}
html[data-mbf-store] .mbf-motion-paused,html[data-mbf-store] .mbf-motion-paused *{animation-play-state:paused!important}
html[data-mbf-store] .vb-hero__cutoff i{box-shadow:none!important;animation:none!important}
html[data-mbf-store] [data-mbf-placeholder]{pointer-events:none;visibility:hidden;list-style:none}
html[data-mbf-store] .brand-section,html[data-mbf-store] .brand-tiles,html[data-mbf-store] .brand-recs{background:var(--mbf-base)!important;color:var(--mbf-ink)!important}
html[data-mbf-store] .brand-eyebrow,html[data-mbf-store] .brand-title{color:var(--mbf-ink)!important}
html[data-mbf-store="vellabay"]{--vb-cream:#F8F9F5;--vb-sand:#E7ECE4;--vb-ink:#171D18;--vb-muted:#596556;--vb-green:#171D18;--vb-green-deep:#171D18;--vb-gold-soft:#D1DEC9;--vb-gold:#A58A5B;--vb-berry:#171D18}
@media(max-width:759px){
html[data-mbf-store] .mbf-hero,html[data-mbf-store="wovaren"] .mbf-hero{grid-template-columns:1fr;gap:22px;padding:26px 0}
html[data-mbf-store] .mbf-copy{padding:0 0 8px}
html[data-mbf-store] .mbf-hero h1{font-size:clamp(34px,9.2vw,48px);margin-bottom:20px}
html[data-mbf-store] .mbf-photo,html[data-mbf-store="wovaren"] .mbf-photo{max-height:440px;aspect-ratio:1.1;order:0}
html[data-mbf-store] .mbf-actions{gap:10px}
html[data-mbf-store] a.mbf-btn{flex:1 1 130px;padding:13px 16px;gap:16px;white-space:nowrap}
html[data-mbf-store] .mbf-eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:16px}
html[data-mbf-store] .mbf-desc{font-size:14px;line-height:1.65}
html[data-mbf-store] .mbf-seal{margin-top:20px}
html[data-mbf-store] .mbf-offer{padding:22px 10px;margin-bottom:28px}
html[data-mbf-store] .mbf-tiers>div{padding:8px;flex-basis:105px}
html[data-mbf-store] .mbf-tiers strong{font-size:12px}
html[data-mbf-store] .mbf-tiers small{font-size:9px;letter-spacing:.05em}
html[data-mbf-store] .mbf-entries{gap:14px;margin:28px 0}
html[data-mbf-store] .mbf-entries h2{font-size:26px}
html[data-mbf-store] .mbf-entries p{font-size:12px}
html[data-mbf-store="vellabay"] .mbf-photo{aspect-ratio:1.5}
}
@media(prefers-reduced-motion:reduce){html[data-mbf-store] .vb-ticker__track{animation:none!important}}

/* Visual QA refinement 2026-11-10 PST; draft only */
html[data-mbf-store="snovina"] .mbf-style-grid{max-width:1240px;width:100%;margin:0 auto;padding:12px 24px 36px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;box-sizing:border-box}
html[data-mbf-store="snovina"] .mbf-style-card{display:block;min-width:0;text-decoration:none;color:var(--mbf-ink);border:1px solid var(--mbf-line);background:#fff;border-radius:4px;overflow:hidden}
html[data-mbf-store="snovina"] .mbf-style-card img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:center;background:#fff}
html[data-mbf-store="snovina"] .mbf-style-card span{display:flex;justify-content:space-between;gap:8px;padding:14px;font-size:14px;line-height:1.4;font-weight:500}
html[data-mbf-store="snovina"] .mbf-style-card b{color:var(--mbf-accent)}
html[data-mbf-store="snovina"] .mbf-style-card:focus-visible{outline:3px solid var(--mbf-accent);outline-offset:3px}
@media(max-width:759px){html[data-mbf-store="snovina"] .mbf-style-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:8px 16px 24px}html[data-mbf-store="snovina"] .mbf-style-card span{padding:10px;font-size:12px}}

/* Draft speed/layout pass 2026-11-10 PST. Logos, navigation and data untouched. */
html[data-mbf-store] main{--mbf-section-space:clamp(28px,4vw,56px);min-width:0}
html[data-mbf-store] main .mbf-hero,html[data-mbf-store] main .mbf-copy,html[data-mbf-store] main .mbf-photo{min-width:0}
html[data-mbf-store] main .mbf-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1000px;margin-inline:auto;gap:0}
html[data-mbf-store="vellabay"] main .mbf-tiers{grid-template-columns:repeat(4,minmax(0,1fr))}
html[data-mbf-store] main .mbf-tiers>div{min-width:0;max-width:none;padding:12px 18px}
html[data-mbf-store] main .mbf-pdp-offer{margin-block:16px 24px;padding:14px 18px;border-radius:4px;line-height:1.5}
html[data-mbf-store] main .product-description img{max-width:100%;height:auto}
html[data-mbf-store] main .product-description table{max-width:100%}
html[data-mbf-store] main .block-product-buy-button-wrapper button[name="add"],html[data-mbf-store] main button.block-product-buy-button{min-height:50px;font-weight:700}
html[data-mbf-store] main .featured-recommend-products{padding-block:var(--mbf-section-space)}
html[data-mbf-store] main .mbf-editorial-head{margin-block:var(--mbf-section-space) 20px}
html[data-mbf-store] main .mbf-style-card{border-color:var(--mbf-accent)}
@media(max-width:759px){
html[data-mbf-store] main .page-width{padding-inline:16px}
html[data-mbf-store] main .mbf-hero{padding-block:24px 30px;gap:20px}
html[data-mbf-store] main .mbf-hero h1{font-size:clamp(32px,9vw,44px);line-height:1.07;margin-block:0 18px;overflow-wrap:break-word}
html[data-mbf-store] main .mbf-eyebrow{letter-spacing:.08em;line-height:1.5}
html[data-mbf-store] main .mbf-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
html[data-mbf-store] main a.mbf-btn{padding:13px 12px;gap:8px;min-height:48px;font-size:12px;white-space:normal;text-align:left}
html[data-mbf-store] main .mbf-tiers>div{padding:10px 7px;box-sizing:border-box}
html[data-mbf-store="vellabay"] main .mbf-tiers{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
html[data-mbf-store="vellabay"] main .mbf-tiers>div{border:1px solid var(--mbf-accent);border-radius:6px;background:rgba(255,255,255,.5)}
html[data-mbf-store] main .mbf-tiers strong{font-size:12px;line-height:1.45}
html[data-mbf-store] main .mbf-terms{font-size:11px;line-height:1.6;margin-top:14px}
html[data-mbf-store] main .mbf-pdp-offer{margin:12px 16px 18px;padding:12px 14px;max-width:calc(100% - 32px)}
html[data-mbf-store] main .mbf-pdp-offer p{font-size:12px;line-height:1.65}
html[data-mbf-store] main .product-detail{gap:24px}
html[data-mbf-store] main .product-detail__info{min-width:0}
html[data-mbf-store] main .product-detail__info h1{font-size:clamp(24px,6.7vw,30px);line-height:1.2;overflow-wrap:break-word}
html[data-mbf-store] main .product-description{overflow-wrap:anywhere}
html[data-mbf-store] main .zv-tier-row-top,html[data-mbf-store] main .zv-tier-row-sub{flex-wrap:wrap;gap:5px}
html[data-mbf-store] main .zv-tier-tag{max-width:100%;white-space:normal;line-height:1.4}
html[data-mbf-store] main .mbf-entries{gap:12px;margin-block:26px 32px}
html[data-mbf-store] main .mbf-entries h2{font-size:24px}
}
@media(prefers-reduced-motion:reduce){html[data-mbf-store] main .vb-ticker__track,html[data-mbf-store] main .oc-ticker__track{animation:none!important}}

/* Responsive QA: native sticky breakpoint must follow the stacked layout, 2026-11-10 PST. */
@media(max-width:1100px){
html[data-mbf-store] body[data-page-type="product"] theme-product-detail.product-detail,
html[data-mbf-store] body[data-page-type="product"] .product-detail__main{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:24px!important}
html[data-mbf-store] body[data-page-type="product"] .product-detail__media-group,
html[data-mbf-store] body[data-page-type="product"] .product-detail__media-group--sticky,
html[data-mbf-store] body[data-page-type="product"] .product-detail__info,
html[data-mbf-store] body[data-page-type="product"] .product-detail__info--sticky{position:static!important;inset:auto!important;top:auto!important;bottom:auto!important;transform:none!important;z-index:auto!important;width:100%!important;max-width:100%!important;min-width:0!important;align-self:stretch!important;flex-basis:auto!important}
html[data-mbf-store] body[data-page-type="product"] .product-detail__media-gallery{position:relative!important;inset:auto!important;top:auto!important;z-index:auto!important;width:100%!important;max-width:100%!important;margin-inline:0!important;overflow:hidden!important}
html[data-mbf-store] body[data-page-type="product"] .media-gallery__sticky-wrapper{position:static!important;inset:auto!important;top:auto!important;transform:none!important}
}

/* Hide only the cross-product STYLE app block; native variant/color/size choices remain. */
html[data-mbf-store="snovina"] body[data-page-type="product"] .product-group-block{display:none!important}
/* Platform cart recommendations are global-injected; hide in cart contexts without changing app/store-wide settings. */
html[data-mbf-store="snovina"] .trade-cart-product-recommend-margin,
html[data-mbf-store="snovina"] theme-cart-drawer .recommend__app-block,
html[data-mbf-store="snovina"] theme-cart-drawer [data-ssr-product-recommend-bottom],
html[data-mbf-store="snovina"] theme-cart-drawer .product-recommend,
html[data-mbf-store="snovina"] .cart-drawer__body .product-recommend,
html[data-mbf-store="snovina"] body[data-page-type="cart"] .recommend__app-block,
html[data-mbf-store="snovina"] body[data-page-type="cart"] [data-ssr-product-recommend-bottom],
html[data-mbf-store="snovina"] body[data-page-type="cart"] .product-recommend{display:none!important}

/* native-variants-qa-20261110: app self-mount fallback is not .product-group-block */
html[data-mbf-store="snovina"] body[data-page-type="product"] #plugin-product-group,
html[data-mbf-store="snovina"] body[data-page-type="product"] .plugin-product-group,
html[data-mbf-store="snovina"] body[data-page-type="product"] .plugin-product-group-modal,
html[data-mbf-store="snovina"] body[data-page-type="product"] .plugin-product-group-options-dialog{display:none!important}


/* native-options-restored-qa-20261110: app index6 inserts its own row then inline-hides the native controls. */
html[data-mbf-store="snovina"] body[data-page-type="product"] .product-detail__variant-picker .color-palette-attr-box{display:none!important}
html[data-mbf-store="snovina"] body[data-page-type="product"] .product-detail__variant-picker .variant-picker__options{display:flex!important;flex-wrap:wrap!important;visibility:visible!important;opacity:1!important}
html[data-mbf-store="snovina"] body[data-page-type="product"] .product-detail__variant-picker theme-select{display:block!important;visibility:visible!important;opacity:1!important}
