#one-product .outfit-examples{display:block;gap:0}#one-product .outfit-example{margin:0;padding:0;border:0;background:none}#one-product .outfit-heading{margin:0 0 20px;min-height:30px}#one-product .outfit-heading h3{margin:0}#one-product .outfit-proof{display:grid;grid-template-columns:calc((100% - 48px)/4) 1fr;gap:16px;align-items:start}#one-product .outfit-results{min-width:0}#one-product .outfit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;overflow:visible;padding:0;margin:0}#one-product .outfit-matched-image{display:block;width:100%;height:auto;aspect-ratio:1/2;min-height:0;padding:0;border:0;border-radius:0;overflow:hidden;background:transparent}#one-product .outfit-matched-image img{display:block;position:static;width:100%;height:100%;object-fit:contain;transform:none;margin:0}#one-product .media-label{min-height:24px;margin:0 0 12px;font-size:12px}#one-product .outfit-switch-controls{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:24px;font-size:13px}#one-product .outfit-switch-controls button{border:0;background:transparent;cursor:pointer;padding:8px;color:inherit}#one-product .outfit-switch-controls button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media(max-width:767px){#one-product .outfit-heading{margin-bottom:16px;min-height:48px}#one-product .outfit-heading h3{font-size:18px;line-height:24px}#one-product .outfit-proof{grid-template-columns:1fr;gap:20px}#one-product .outfit-input{display:flex;align-items:center;gap:20px}#one-product .outfit-input .media-label{order:2;margin:0}#one-product .outfit-input .outfit-matched-image{width:80px;flex:0 0 80px}#one-product .outfit-grid{gap:6px}#one-product .outfit-results .media-label{min-height:18px;margin-bottom:8px}#one-product .outfit-switch-controls{margin-top:18px}}
@media(min-width:768px){#one-product .outfit-proof>.outfit-input{display:block}#one-product .outfit-input .media-label{width:auto;max-width:none;min-height:24px;margin:0 0 12px;padding:0 0 12px}#one-product .outfit-input .outfit-matched-image{width:100%;height:auto}}
/* Same background, shared photo-height role; no controls added to autoplay. */
#one-product .outfit-matched-image{height:min(var(--media),calc(100svh - 160px));aspect-ratio:auto;background:#f5f4f0}
#one-product .outfit-heading{min-height:0;margin-bottom:16px}
#one-product .outfit-proof .media-label{min-height:34px;margin-bottom:12px;padding-bottom:10px;line-height:22px}
#one-product .outfit-original{margin-top:12px;font-size:12px}
@media(max-width:767px){#one-product .outfit-proof{grid-template-columns:76px minmax(0,1fr);gap:14px}#one-product .outfit-proof>.outfit-input{display:block}#one-product .outfit-input .outfit-matched-image{width:100%;height:142px}#one-product .outfit-input .media-label{width:auto;min-height:44px}#one-product .outfit-results .media-label{min-height:44px}#one-product .outfit-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px}#one-product .outfit-grid .outfit-matched-image{flex:0 0 92%;height:min(var(--media),calc(100svh - 210px));scroll-snap-align:start}#one-product .outfit-heading h3{font-size:16px;line-height:24px}}
@media(min-width:768px){#one-product .outfit-input .outfit-matched-image{height:min(400px,var(--media))}#one-product .outfit-input .outfit-matched-image img{height:auto;max-height:none;object-fit:cover;object-position:top}}
@media(max-width:767px){#one-product .outfit-grid{align-items:start}#one-product .outfit-grid .outfit-matched-image{aspect-ratio:1/2;height:auto;max-height:min(var(--media),calc(100svh - 210px))}}