.mf-mobile-menu{display:none}@media(max-width:760px){body[data-mf-mobile-outfit] .site-header{position:relative;z-index:30;min-height:64px;height:auto;padding:10px 18px;gap:10px;flex-wrap:nowrap}body[data-mf-mobile-outfit] .site-header>nav{display:none}body[data-mf-mobile-outfit] .site-header .wordmark{font-size:22px}.mf-mobile-menu{display:block}.mf-mobile-menu>summary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:68px;font-size:14px;list-style:none;cursor:pointer}.mf-mobile-menu>summary::-webkit-details-marker{display:none}.mf-mobile-menu>summary svg{width:17px;height:17px}.mf-mobile-menu[open]>summary{color:var(--green)}.site-header .mf-mobile-menu nav{position:absolute;top:100%;left:0;right:0;display:grid;grid-template-columns:1fr;gap:0!important;padding:8px 18px 14px;border-block:1px solid var(--line);background:var(--paper);box-shadow:0 10px 16px #2528210d}.site-header .mf-mobile-menu nav a,.site-header .mf-mobile-menu nav a:last-of-type{display:flex;min-height:48px;font-size:15px;padding:4px 8px}body[data-mf-mobile-outfit] .page-wrap{padding-inline:18px}body[data-mf-mobile-outfit] .breadcrumb{padding:8px 0;min-height:36px;gap:8px}body[data-mf-mobile-outfit] .breadcrumb a{display:inline-flex;align-items:center;min-height:28px}body[data-mf-mobile-outfit] .outfit-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "jump" "gallery" "description" "facts" "palette" "pieces";grid-template-rows:auto;gap:0;padding-bottom:28px}body[data-mf-mobile-outfit] .look-intro{display:contents}body[data-mf-mobile-outfit] .look-intro>.eyebrow{display:none}body[data-mf-mobile-outfit] .look-intro>h1{grid-area:title;font-size:clamp(31px,8.8vw,39px);margin:6px 0 14px;line-height:1.12}html[data-layout=cards] body[data-mf-mobile-outfit] .explore-pieces{grid-area:jump;position:sticky;top:0;z-index:15;display:flex;align-items:center;justify-content:center;min-height:48px;margin:0 0 12px;padding:10px 16px;background:var(--green);color:#fff;font-size:15px;font-weight:500;text-decoration:none;border:1px solid var(--green)}body[data-mf-mobile-outfit] .look-gallery{grid-area:gallery;margin:0 0 18px}body[data-mf-mobile-outfit] .gallery-main{gap:10px}body[data-mf-mobile-outfit] .gallery-stage{max-height:none;min-height:0}body[data-mf-mobile-outfit] .gallery-panel img,body[data-mf-mobile-outfit] .gallery-panel video{object-fit:contain}body[data-mf-mobile-outfit] .gallery-thumbnails{gap:8px}body[data-mf-mobile-outfit] .gallery-thumb{width:48px}body[data-mf-mobile-outfit] .gallery-bottom{margin-top:8px}body[data-mf-mobile-outfit] .gallery-note{font-size:12px;margin-top:8px}body[data-mf-mobile-outfit] .look-dek{grid-area:description;font-size:15px;line-height:1.55;margin:0 0 14px}body[data-mf-mobile-outfit] .outfit-context{grid-area:facts;margin:0}body[data-mf-mobile-outfit] .outfit-facts{margin:0}body[data-mf-mobile-outfit] .outfit-facts>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}body[data-mf-mobile-outfit] .outfit-facts dt{font-size:11px}body[data-mf-mobile-outfit] .outfit-facts dd{font-size:13px;margin:0}body[data-mf-mobile-outfit] .palette{grid-area:palette;margin:12px 0 20px}body[data-mf-mobile-outfit] .piece-workspace{grid-area:pieces;scroll-margin-top:64px}body[data-mf-mobile-outfit] :is(a,button,input,summary){scroll-margin-top:64px;scroll-margin-bottom:16px}body[data-mf-mobile-outfit] .workspace-heading{padding-top:18px;margin-bottom:12px}body[data-mf-mobile-outfit] .workspace-heading h2{font:400 26px/1.15 var(--serif)}body[data-mf-mobile-outfit] .workspace-heading span{font-size:12px}body[data-mf-mobile-outfit] .cards-checkout-note{font-size:13px;line-height:1.5}body[data-mf-mobile-outfit] .product-grid{grid-template-columns:minmax(0,1fr);gap:14px}html[data-layout=cards] body[data-mf-mobile-outfit] .product-card{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:0 14px;padding:14px}html[data-layout=cards] body[data-mf-mobile-outfit] .product-card>.piece-picture{grid-column:1;grid-row:1 / 4;align-self:center;height:168px;border:0;padding:0}html[data-layout=cards] body[data-mf-mobile-outfit] .card-copy{display:contents}body[data-mf-mobile-outfit] .card-top{grid-column:2;grid-row:1;align-self:end}body[data-mf-mobile-outfit] .card-top{flex-wrap:wrap;gap:4px 8px}body[data-mf-mobile-outfit] .card-top .item-price{font-size:14px}body[data-mf-mobile-outfit] .card-top .item-price:empty{display:none}body[data-mf-mobile-outfit] .product-card .item-kind{font-size:18px;line-height:1.25}body[data-mf-mobile-outfit] .product-card .item-brand{grid-column:2;grid-row:2;font-size:12px;line-height:1.45;margin:6px 0}body[data-mf-mobile-outfit] .product-card .card-fact{grid-column:2;grid-row:3;font-size:13px;line-height:1.5;margin:0}body[data-mf-mobile-outfit] .product-card .card-observed{grid-column:1 / -1;margin:10px 0 0;font-size:12px;line-height:1.5}html[data-layout=cards] body[data-mf-mobile-outfit] .product-card .action-pair{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.55fr);gap:8px;margin:0;padding-top:12px}html[data-layout=cards] body[data-mf-mobile-outfit] .product-card .piece-action{min-height:48px;font-size:13px;padding:10px 8px;line-height:1.35;width:100%}body[data-mf-mobile-outfit] .inline-comparison{padding:15px;scroll-margin-top:64px}body[data-mf-mobile-outfit] .inline-comparison :is(h3,label,[data-option-jump]){scroll-margin-top:64px}body[data-mf-mobile-outfit] .inline-comparison .piece-action{min-height:48px}body[data-mf-mobile-outfit] .site-footer{gap:18px;padding:24px 18px}body[data-mf-mobile-outfit] .site-footer nav{gap:4px 18px}}@media(max-width:350px){body[data-mf-mobile-outfit] .site-header .wordmark{font-size:19px}body[data-mf-mobile-outfit] .page-wrap{padding-inline:14px}html[data-layout=cards] body[data-mf-mobile-outfit] .product-card{padding:12px;column-gap:10px}html[data-layout=cards] body[data-mf-mobile-outfit] .product-card>.piece-picture{height:150px}html[data-layout=cards] body[data-mf-mobile-outfit] .product-card .action-pair{grid-template-columns:minmax(0,.75fr) minmax(0,1.6fr);gap:6px}html[data-layout=cards] body[data-mf-mobile-outfit] .product-card .piece-action{font-size:12px;padding-inline:5px}}@media(prefers-reduced-motion:reduce){body[data-mf-mobile-outfit] *{scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/mf-mobile-all-outfits-20260911.css.map */