mb-category-banner.mb-category{display:block;position:relative;overflow:hidden;isolation:isolate}.mb-category__hero{position:relative;overflow:hidden;--mb-product-size: min(calc(var(--mb-height) * 1.25 * var(--mb-scale)), 58vw)}.mb-category__inner{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:0;min-height:var(--mb-height)}.mb-category__inner--no-image{grid-template-columns:minmax(0,1fr)}.mb-category__inner:not(.mb-category__inner--no-image){box-sizing:border-box;width:100%;max-width:none;padding-left:40%;padding-right:max(24px,calc((100% - var(--page-width, 1200px)) / 2 + 50px))}.mb-category__content,.mb-category__inner--no-image .mb-category__content{grid-column:1}.mb-category__media{position:absolute;inset:0 auto 0 0;width:40%;display:grid;place-items:center;min-width:0;pointer-events:none}.mb-category__halo{position:absolute;width:min(85%,calc(var(--mb-height) * .82));aspect-ratio:1;border-radius:50%;background:var(--mb-accent);opacity:.12;transform:translate(-7%,5%)}.mb-category__slide{position:relative;width:100%;height:100%;transition:transform .85s cubic-bezier(.2,.75,.25,1),opacity .65s ease;transform:translate(0);opacity:1}.mb-category__product{position:absolute;left:calc(var(--mb-product-size) * var(--mb-crop) * -1);top:50%;width:var(--mb-product-size);aspect-ratio:1;display:grid;place-items:center;transform:translateY(-50%) rotate(var(--mb-rotation))}.mb-category__image{display:block;width:100%;height:100%;min-height:0;object-fit:contain;filter:drop-shadow(0 14px 12px rgba(43,29,17,.16))}.mb-category__content{position:relative;min-width:0;padding:28px 0}.mb-category__heading{margin:0;color:inherit;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:clamp(28px,4vw,var(--mb-heading-size));line-height:1.05;letter-spacing:-.035em;overflow-wrap:anywhere;text-wrap:balance}.mb-category__text{margin-top:14px;max-width:54ch;font-size:16px;line-height:1.55;overflow-wrap:anywhere}.mb-category__text>:first-child{margin-top:0}.mb-category__text>:last-child{margin-bottom:0}.mb-category__button{margin-top:20px;gap:20px;min-height:44px;max-width:100%;white-space:normal;overflow-wrap:anywhere}.mb-category__button span{font-size:20px}.mb-category.is-ready:not(.is-visible) .mb-category__slide{transform:translate(calc(-100% - 50vw));opacity:0}.mb-category.is-ready.is-visible[data-animation=loop] .mb-category__slide{animation:mb-category-cycle var(--mb-cycle) cubic-bezier(.2,.75,.25,1) infinite}@keyframes mb-category-cycle{0%,to{transform:translate(calc(-100% - 50vw));opacity:0}14%,78%{transform:translate(0);opacity:1}93%{transform:translate(calc(-100% - 50vw));opacity:0}}.mb-category__attributes-wrap{border-top:1px solid rgba(var(--color-foreground),.14)}.mb-category__attributes{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);margin:0;padding:18px 0 22px;gap:20px}.mb-category__attribute{min-width:0;text-align:center}.mb-category__attribute dt{display:flex;justify-content:center;align-items:center;gap:7px;font-size:12px;line-height:1.4}.mb-category__attribute svg{width:19px;height:19px;flex-shrink:0}.mb-category__attribute dd{margin:5px 0 0;font-size:17px;font-weight:600;line-height:1.3;overflow-wrap:anywhere}@media screen and (max-width:749px){.mb-category__hero{--mb-product-size: min(calc(var(--mb-mobile-height) * 1.25 * var(--mb-scale)), 92vw)}.mb-category__inner,.mb-category__inner:not(.mb-category__inner--no-image){display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:none;min-height:0;padding:0;gap:0}.mb-category__content{order:1;width:100%;box-sizing:border-box;padding:24px 20px 16px}.mb-category__media{position:relative;inset:auto;order:2;width:100%;height:var(--mb-mobile-height);overflow:hidden}.mb-category__product{left:50%;transform:translate(-50%,-50%) rotate(var(--mb-rotation))}.mb-category__halo{transform:none}.mb-category__attributes{padding:14px 0 18px;gap:10px}.mb-category__attribute dt{flex-wrap:wrap;gap:4px;font-size:11px}.mb-category__attribute dd{font-size:14px}.mb-category__heading{font-size:clamp(26px,7vw,36px)}.mb-category__text{font-size:14px;line-height:1.45;margin-top:10px}.mb-category__button{padding:10px 16px;gap:12px;margin-top:14px;font-size:13px}}@media(prefers-reduced-motion:reduce){.mb-category .mb-category__slide{transition:none!important;animation:none!important;transform:none!important;opacity:1!important}}.mb-picks{padding:var(--mb-picks-pad) 0}.mb-picks__header{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;align-items:end;margin-bottom:32px}.mb-picks__eyebrow{margin:0 0 12px;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.mb-picks__title{margin:0;color:inherit;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:clamp(30px,3.5vw,46px);line-height:1.08;letter-spacing:-.035em;text-wrap:balance;overflow-wrap:anywhere}.mb-picks__intro{max-width:48ch;font-size:15px;line-height:1.6}.mb-picks__intro>:first-child{margin-top:0}.mb-picks__intro>:last-child{margin-bottom:0}.mb-picks__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px}.mb-picks__item{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:24px;min-width:0;padding:34px 0;border-top:1px solid rgba(var(--color-foreground),.18)}.mb-picks__visual{position:relative;display:grid;place-items:center;min-width:0;aspect-ratio:1 / 1.18;color:inherit;text-decoration:none}.mb-picks__image,.mb-picks__placeholder{position:relative;display:block;width:100%;height:100%;min-height:0;object-fit:contain;max-height:280px;transition:transform .3s ease}.mb-picks__placeholder{fill:currentColor;opacity:.35}.mb-picks__body{min-width:0}.mb-picks__kicker{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 14px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;line-height:1.4}.mb-picks__number{font-size:24px;font-weight:500;line-height:1;letter-spacing:-.04em;color:var(--mb-picks-accent)}.mb-picks__vendor{margin:0 0 5px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;opacity:.7}.mb-picks__product-title{margin:0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:clamp(21px,1.8vw,26px);line-height:1.15;letter-spacing:-.025em;overflow-wrap:anywhere}.mb-picks__product-title a{color:inherit;text-decoration:none}.mb-picks__reason{display:block;margin-top:5px;color:var(--mb-picks-accent)}.mb-picks__text{margin-top:14px;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.mb-picks__text>:first-child,.mb-picks__text .metafield-rich_text_field>:first-child{margin-top:0}.mb-picks__text>:last-child,.mb-picks__text .metafield-rich_text_field>:last-child{margin-bottom:0}.mb-picks__availability{margin:12px 0 0;font-size:12px;opacity:.75}.mb-picks__link{display:inline-flex;align-items:center;gap:12px;max-width:100%;min-height:44px;margin-top:12px;color:inherit;font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:5px;overflow-wrap:anywhere}.mb-picks__link svg{flex:0 0 22px;width:22px;height:22px;transition:transform .2s ease}.mb-picks__visual:focus-visible,.mb-picks__product-title a:focus-visible,.mb-picks__link:focus-visible{outline:2px solid currentColor;outline-offset:5px}.mb-picks__empty{padding-top:24px;padding-bottom:24px}@media(hover:hover)and (prefers-reduced-motion:no-preference){.mb-picks__visual:hover .mb-picks__image{transform:translateY(-5px) rotate(-3deg)}.mb-picks__link:hover svg{transform:translate(4px)}}@media screen and (max-width:989px){.mb-picks__grid{grid-template-columns:minmax(0,1fr)}.mb-picks__item{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr)}.mb-picks__image,.mb-picks__placeholder{max-height:240px}}@media screen and (max-width:749px){.mb-picks__header{grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:24px}.mb-picks__item{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);padding:26px 0;gap:18px}.mb-picks__image,.mb-picks__placeholder{max-height:200px}.mb-picks__kicker{margin-bottom:10px;font-size:9px;gap:7px}.mb-picks__number,.mb-picks__product-title{font-size:21px}.mb-picks__text{font-size:13px;margin-top:10px}}@media(prefers-reduced-motion:reduce){.mb-picks__image,.mb-picks__link svg{transition:none}}mb-youtube-text.mb-yt{display:block;padding:var(--mb-yt-pad) 0}mb-youtube-text[hidden]{display:none}.mb-yt__inner{display:grid;grid-template-columns:minmax(0,var(--mb-yt-width)) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center}.mb-yt__media,.mb-yt__content{min-width:0}.mb-yt__frame{position:relative;aspect-ratio:16 / 9;background:#1d1915;color:#fff;overflow:hidden}.mb-yt__frame iframe{display:block;width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;border:0}.mb-yt__fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:20px;color:inherit;text-align:center;font-size:14px}.mb-yt__eyebrow{margin:0 0 12px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.mb-yt__heading{margin:0;color:inherit;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:clamp(30px,3vw,46px);line-height:1.1;letter-spacing:-.035em;overflow-wrap:anywhere;text-wrap:balance}.mb-yt__text{margin-top:18px;font-size:16px;line-height:1.6;overflow-wrap:anywhere}.mb-yt__text>:first-child{margin-top:0}.mb-yt__text>:last-child{margin-bottom:0}.mb-yt__button{margin-top:24px;max-width:100%;white-space:normal;overflow-wrap:anywhere}.mb-yt--text-first .mb-yt__inner{grid-template-columns:minmax(0,1fr) minmax(0,var(--mb-yt-width))}.mb-yt--text-first .mb-yt__media{grid-column:2;grid-row:1}.mb-yt--text-first .mb-yt__content{grid-column:1;grid-row:1}.mb-yt__error,.mb-yt__empty{font-size:14px;line-height:1.5}.mb-yt__empty{padding-top:24px;padding-bottom:24px}@media screen and (max-width:749px){.mb-yt__inner,.mb-yt--text-first .mb-yt__inner{display:flex;flex-direction:column;align-items:stretch;gap:24px}.mb-yt__media{order:1}.mb-yt__content{order:2}.mb-yt--mobile-text-first .mb-yt__content{order:0}.mb-yt__heading{font-size:clamp(28px,7vw,36px)}.mb-yt__text{font-size:14px;margin-top:14px}}
/*# sourceMappingURL=/cdn/shop/t/23/compiled_assets/styles.css.map?subset=AAAAAMAB */