.winter-outfit[hidden],.wo-desktop-actions[hidden],.wo-mobile-only[hidden]{display:none!important}
.winter-outfit{background:#faf9f6;border:1px solid #e5e5e1;border-radius:12px;padding:18px;margin:16px 0 24px;overflow:hidden;text-align:left}
.winter-outfit h2{font-size:16px;line-height:1.4;margin:0 0 16px;font-weight:700}
.winter-outfit button{font:inherit;cursor:pointer;color:inherit;background:#fff}
.winter-outfit button:focus-visible{outline:2px solid #3e382e;outline-offset:3px}
.winter-outfit button:disabled{opacity:.5;cursor:wait}
.wo-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.wo-card{position:relative;min-width:0}.wo-cards button{width:100%;height:100%;border:1px solid #e5e5e1;border-radius:9px;padding:8px;text-align:left;min-width:0}
.wo-cards img{width:100%;height:90px;object-fit:contain}
.wo-cards strong,.wo-cards span,.wo-cards small{display:block;font-size:12px;margin-top:4px}
.wo-cards small{font-size:10px;color:#777}
.wo-focus{position:relative;display:flex;align-items:center;gap:16px;padding:10px;background:#fff;border-radius:10px;margin-bottom:16px}
.wo-focus>img{width:160px;height:160px;object-fit:contain}
.wo-focus>div{position:relative;align-self:stretch;flex:1;display:flex;flex-direction:column;justify-content:center;gap:6px;padding-right:18px}
.wo-focus strong{font-size:18px}.wo-focus span,.wo-focus small{font-size:12px}.wo-focus small{color:#666}.wo-focus b{font-size:16px}
.wo-focus .wo-close{position:absolute;right:0;top:0;border:0;background:none;font-size:24px;padding:2px;line-height:1}
.wo-colour-label,.wo-size-label{font-size:13px;margin:0 0 10px}
.wo-colours{display:flex;gap:8px;flex-wrap:wrap;padding:3px;margin-bottom:15px}
.wo-colours button{padding:4px;border:1px solid transparent;width:35px;height:35px;border-radius:50%;background:none}
.wo-colours button[aria-pressed=true]{border-color:#3e382e}.wo-colours span{background:var(--wo-colour);display:block;width:100%;height:100%;border-radius:50%;box-shadow:inset 0 0 0 1px #0001}
.wo-range{font-size:12px;color:#666;margin:0 0 12px}
.wo-sizes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:1px}
.wo-sizes button{height:40px;border:0;box-shadow:0 0 0 1px #e5e5e1;background:white;font-weight:500;font-size:14px}
.wo-sizes button[aria-pressed=true]{background:#3e382e;color:white;position:relative}
.winter-outfit--active .wo-cards{display:flex;overflow-x:auto;border-top:1px solid #e5e5e1;padding-top:14px;margin-top:18px;scroll-snap-type:x proximity}
.winter-outfit--active .wo-card{flex:0 0 90px;scroll-snap-align:start}.winter-outfit--active .wo-cards button{padding:6px}.winter-outfit--active .wo-cards img{height:59px}.winter-outfit--active .wo-cards strong,.winter-outfit--active .wo-cards span{font-size:11px}
.wo-status:empty{display:none}.wo-status{font-size:13px;color:#8b3c22;margin:12px 0 0}
.wo-desktop-actions{display:flex;gap:8px;margin:12px 0}.wo-desktop-actions .btn{flex:1;padding:12px 8px;font-size:13px;min-height:48px}.wo-only{background:white!important;border:1px solid #e5e5e1!important;color:#3e382e!important}
.wo-selected>form>.add-to-basket__submit{display:none!important}
.wo-mobile-only{display:block;font:inherit;font-size:12px;margin:2px auto 8px;background:none;border:0;text-decoration:underline;cursor:pointer;color:#3e382e;min-height:28px}
.wo-result{position:fixed;bottom:180px;left:50%;transform:translateX(-50%);z-index:10000;max-width:calc(100% - 32px);width:480px;background:white;box-shadow:0 3px 20px #0003;border-radius:14px;padding:20px 40px 20px 20px;font-size:14px}.wo-result a{display:block;margin-top:10px;text-decoration:underline}.wo-result button{position:absolute;right:10px;top:10px;border:0;background:none;font-size:22px;cursor:pointer}
@media(max-width:984px){.winter-outfit{padding:15px}.wo-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.wo-focus{gap:12px}.wo-focus>img{width:145px;height:150px}.wo-sizes{gap:6px;grid-template-columns:repeat(3,minmax(0,1fr))}.wo-sizes button{box-shadow:none;border:1px solid #e5e5e5;border-radius:10px}.wo-sizes button[aria-pressed=true]{background:#e9b354;color:#111;border-color:#e9b354}.wo-desktop-actions{display:flex;flex-direction:column}.wo-desktop-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.winter-outfit *{animation:none!important;transition:none!important}}

.wo-info{position:absolute;top:2px;right:2px;z-index:1;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#fff;color:#555;font-size:18px;text-decoration:none}
.wo-info:hover{color:#111;background:#f1eee8}.wo-info:focus-visible{outline:2px solid #3e382e;outline-offset:2px}
.wo-focus>.wo-info{top:auto;bottom:6px;right:6px}