/* Uses the storefront's ivory, olive, typography and photo viewer. */
.bag-styling{padding:60px var(--page-gutter);scroll-margin-top:100px;border-bottom:1px solid var(--line);background:#f7f5ef}
.bs-heading{max-width:1060px;margin:0 auto 28px;display:flex;align-items:end;justify-content:space-between;gap:20px}
.bs-heading h2{font-weight:500;font-size:clamp(29px,3.8vw,43px);line-height:1.5;margin:8px 0}.bs-heading p{font-size:14px;color:var(--muted)}
.bs-text-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:13px;color:var(--olive);text-decoration:underline;text-underline-offset:5px}
.bs-shell{max-width:1060px;margin:auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:clamp(25px,5vw,70px);align-items:center;direction:ltr}.bs-shell[hidden],.bs-empty[hidden]{display:none}
.bs-visual,.bs-controls{direction:rtl;min-width:0}html[dir=ltr] .bs-visual,html[dir=ltr] .bs-controls{direction:ltr}
.bs-stage{position:relative;height:620px;background:#ede7dd;border:1px solid #e4dfd5;overflow:hidden}.bs-stage>button{display:block;width:100%;height:100%;padding:0;cursor:zoom-in}.bs-stage img{height:100%;width:100%;object-fit:contain}.bs-expand{position:absolute;bottom:12px;inset-inline-end:12px;width:38px;height:38px;background:#faf8f1e8;display:grid;place-items:center;border-radius:50%;font:24px Arial;color:var(--olive)}
.bs-mode{display:flex;gap:4px;padding:4px;margin-bottom:10px;border:1px solid var(--line);width:fit-content;border-radius:30px}.bs-mode button{font-size:12px;min-height:40px;padding:7px 18px;border-radius:24px}.bs-mode button[aria-pressed=true]{color:#fff;background:var(--olive)}
.bs-controls{display:grid;gap:22px}.bs-control-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px}.bs-control-heading h3{font-size:14px;font-weight:600}.bs-step{color:#8d897b;font:11px Arial;letter-spacing:1px}
.bs-products{display:flex;gap:9px;overflow-x:auto;padding:2px 2px 5px;scrollbar-width:thin}.bs-product-option{min-width:0;flex:1;display:flex;gap:10px;text-align:start;align-items:center;min-height:72px;border:1px solid var(--line);background:#fbfaf6;border-radius:4px;padding:5px 8px;position:relative}.bs-product-option[aria-pressed=true]{border-color:var(--olive);box-shadow:0 0 0 1px var(--olive);background:#f0f1e9}.bs-product-option img{width:58px;height:58px;object-fit:contain;flex-shrink:0;background:#eee8de;border-radius:2px}.bs-product-option b{display:block;font-weight:500;font-size:13px}.bs-product-option small{display:block;font-size:11px;line-height:1.6;color:#696d60}.bs-check{font-style:normal;color:var(--olive);font-size:12px;margin-inline-start:auto}.bs-product-option>span{min-width:0;overflow-wrap:anywhere}.bs-fixed-note{color:var(--muted);font-size:11px;margin-top:5px}
.bs-outfits{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bs-outfit-option{display:flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:7px;border:1px solid var(--line);background:#fbfaf6;border-radius:4px;font-size:13px}.bs-outfit-option[aria-pressed=true]{border-color:var(--olive);box-shadow:0 0 0 1px var(--olive);background:#f0f1e9}.bs-palette{display:flex;flex-shrink:0}.bs-palette i{width:22px;height:22px;border-radius:50%;border:1px solid #b5b0a455}.bs-palette i+i{margin-inline-start:-5px}
.bs-shoes .bs-product-option{gap:7px}.bs-shoes .bs-product-option img{width:44px;height:49px}.bs-shoes .bs-check{display:none}.bs-shoes .bs-product-option small{font-size:10px}
.bs-links{display:grid;gap:8px}.bs-detail-link{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:58px;padding:11px 16px;color:white;background:var(--olive);font-size:14px;border:1px solid var(--olive)}.bs-detail-link small{display:block;font-size:11px;opacity:.8;margin-top:3px}.bs-detail-link>span:last-child{font:23px Arial}.bs-secondary{background:transparent;color:var(--olive);border-color:var(--line)}.bs-detail-link:hover{background:#405347;color:white}
.bs-originals{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:5px}.bs-originals button{min-height:44px;font-size:12px;color:var(--olive);text-decoration:underline;text-underline-offset:4px}.bs-originals>span{color:var(--muted)}
.bs-note{max-width:1060px;margin:20px auto 0;color:#706e63;font-size:12px;line-height:1.9;text-align:center}.bs-note p+p{margin-top:2px}.bs-status{position:absolute;bottom:60px;inset-inline:12px;text-align:center;pointer-events:none}.bs-status:not(:empty){padding:10px;background:#faf8f1ee;font-size:12px;color:var(--olive)}.bs-empty{max-width:1060px;margin:20px auto;padding:40px 20px;text-align:center;border:1px solid var(--line);line-height:1.9;color:var(--muted)}
.bag-styling button:focus-visible,.bag-styling a:focus-visible{outline:2px solid #9b7445;outline-offset:4px}
@media(max-width:1000px){.bs-shell{gap:25px;grid-template-columns:minmax(0,1fr) minmax(300px,1fr)}.bs-stage{height:530px}.bs-shoes .bs-product-option{flex-direction:column;text-align:center}.bs-shoes .bs-product-option img{width:65px;height:43px}.bs-controls{gap:16px}}
@media(max-width:700px){.bag-styling{padding:28px 18px;scroll-margin-top:78px}.bs-heading{margin-bottom:14px;align-items:center;gap:8px}.bs-heading h2{font-size:28px;margin:4px 0}.bs-heading .eyebrow{font-size:8px;letter-spacing:1.8px}.bs-heading p{font-size:12px}.bs-heading>.bs-text-link{font-size:11px;white-space:nowrap}.bs-shell{display:flex;flex-direction:column;gap:14px}.bs-visual,.bs-controls{width:100%}.bs-stage{height:clamp(270px,43svh,360px)}.bs-mode{margin:0 auto 8px}.bs-mode button{min-height:44px;font-size:12px;padding-inline:16px}.bs-controls{gap:12px}.bs-control-heading{margin-bottom:6px}.bs-control-heading h3{font-size:13px}.bs-product-option{min-height:58px}.bs-product-option img{width:47px;height:47px}.bs-fixed-note{font-size:10px;margin-top:2px}.bs-outfit-option{min-height:46px;font-size:12px}.bs-shoes .bs-product-option{flex-direction:row;text-align:start}.bs-shoes .bs-product-option img{width:46px;height:46px}.bs-shoes .bs-product-option b{font-size:12px}.bs-shoes .bs-product-option small{font-size:10px}.bs-links{grid-template-columns:1fr 1fr;gap:9px}.bs-detail-link{font-size:12px;padding:9px;min-height:64px}.bs-detail-link small{font-size:10px}.bs-detail-link>span:last-child{font-size:19px}.bs-note{font-size:11px;margin-top:10px}.bs-originals{gap:8px;margin:0}.bs-originals button{font-size:11px}.bs-expand{width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){.bag-styling{scroll-behavior:auto}}