br-outfit-viewer.br-outfits{display:block;width:100%;min-width:0;padding-block:24px 8px;color:inherit;font-family:var(--font-body--family,inherit)}
.br-outfits *{box-sizing:border-box}
.br-outfit-heading,.br-outfit-dialog h2,.br-outfit-name{font-family:var(--font-heading--family,Georgia,serif);font-weight:400;line-height:1.25;margin:0;text-transform:none;letter-spacing:normal}
.br-outfit-heading{font-size:clamp(22px,2vw,28px)}
.br-outfit-intro{font-size:13px;line-height:1.6;margin:8px 0 20px;opacity:.75}
.br-outfit-cards{display:grid;grid-auto-flow:column;grid-auto-columns:82%;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;scrollbar-width:thin}
.br-outfit-card{display:block;min-width:0;padding:0;background:none;border:0;border-radius:0;color:inherit;font:inherit;text-align:start;cursor:pointer;scroll-snap-align:start}
.br-outfit-collage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));aspect-ratio:4/5;gap:12px;padding:12px;background:var(--br-outfit-bg,#f1f3f1)}
.br-outfit-thumb{position:relative;display:block;min-height:0;min-width:0}
.br-outfit-thumb img,.br-outfit-thumb svg{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center;mix-blend-mode:multiply}
.br-outfit-caption{display:flex;justify-content:space-between;gap:10px;font-family:var(--font-heading--family,Georgia,serif);font-size:16px;line-height:1.4;margin-top:12px}
.br-outfit-caption-note{display:block;font-size:11px;line-height:1.5;margin-top:5px;opacity:.75}
.br-outfit-card:hover .br-outfit-caption>span:first-child,.br-outfit-product:hover .br-outfit-product-title{text-decoration:underline;text-underline-offset:4px}
.br-outfits button:focus-visible,.br-outfits a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.br-outfit-dialog{position:fixed;inset:0 0 0 auto;margin:0;border:0;border-radius:0;padding:0;width:min(720px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;overflow:hidden;background:#fff;color:#1b2a2f;box-shadow:-10px 0 60px #0002;font-family:var(--font-body--family,Arial,sans-serif)}
.br-outfit-dialog[open]{display:flex;flex-direction:column;animation:br-outfit-enter .2s ease-out}
.br-outfit-dialog::backdrop{background:rgba(16,24,27,.58)}
.br-outfit-drawer-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0;padding:24px;border-bottom:1px solid #ddd5c6}
.br-outfit-eyebrow{font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;margin:0 0 6px}
.br-outfit-dialog h2{font-size:26px}
.br-outfit-icon{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;width:44px;height:44px;min-height:44px;padding:0;border:0;background:none;color:inherit;cursor:pointer;font:24px/1 Arial,sans-serif;border-radius:0}
.br-outfit-scroll{overflow:auto;overscroll-behavior:contain;min-height:0;padding:0 24px 24px}
.br-outfit-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:center;padding:24px 0}
.br-outfit-nav[data-single]{justify-content:center}
.br-outfit-name{font-size:20px}
.br-outfit-count{display:block;font-size:11px;margin-top:6px;opacity:.75}
.br-outfit-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;align-items:start}
.br-outfits [hidden]{display:none!important}
.br-outfit-product{display:block;min-width:0;color:inherit;text-decoration:none}
.br-outfit-photo{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:var(--br-outfit-bg,#f1f3f1)}
.br-outfit-photo>img,.br-outfit-photo>svg{position:absolute;inset:0;display:block;width:100%;height:100%;padding:10%;object-fit:contain;object-position:center;mix-blend-mode:multiply}
.br-outfit-badge{position:absolute;top:10px;left:10px;padding:3px 8px;background:white;font-size:10px;line-height:1.6}
.br-outfit-brand{display:block;font-size:11px;line-height:1.4;margin-top:10px;opacity:.75}
.br-outfit-product-info{display:flex;justify-content:space-between;align-items:start;gap:12px;font-family:var(--font-heading--family,Georgia,serif);font-size:14px;line-height:1.4;margin-top:4px}
.br-outfit-product-title{min-width:0;overflow-wrap:anywhere}
.br-outfit-price{flex-shrink:0;font-size:13px;white-space:nowrap}
.br-outfit-unavailable{display:block;font-size:11px;margin-top:6px}
.br-outfit-note{font-size:12px;line-height:1.5;text-align:center;margin:28px 0 0;opacity:.75}
@keyframes br-outfit-enter{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(max-width:749px){.br-outfit-dialog{width:100vw}.br-outfit-drawer-header{padding:18px}.br-outfit-scroll{padding:0 18px calc(24px + env(safe-area-inset-bottom))}.br-outfit-product-info{font-size:13px;gap:6px}.br-outfit-price{font-size:12px}.br-outfit-collage{gap:10px;padding:10px}.br-outfit-caption{font-size:14px}}
@media(max-width:370px){.br-outfit-product-info{flex-direction:column;gap:4px}}
@media(prefers-reduced-motion:reduce){.br-outfit-dialog[open]{animation:none}.br-outfit-cards{scroll-behavior:auto}}
