.stl-section{margin:32px 0}
.stl-card{padding:0;overflow:hidden;border:1px solid #ececec;border-radius:4px;background:#fff}
.stl-wrap{display:grid;grid-template-columns:minmax(0,42%) minmax(0,58%)}
.stl-hero{position:relative;background:#f5f5f5}
.stl-hero img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:4/5}
.stl-hero-link{position:absolute;left:16px;bottom:16px;background:#fff;color:#111;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:9px 16px;border-radius:2px;text-decoration:none}
.stl-hero-link:hover{background:#111;color:#fff}
.stl-panel{padding:28px 28px 24px}
.stl-eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#8a8a8a;margin:0 0 6px}
.stl-title{font-size:21px;font-weight:600;margin:0 0 8px;line-height:1.25}
.stl-desc{font-size:13px;color:#666;margin:0 0 16px;line-height:1.5}
.stl-list{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}
.stl-item{display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:center}
.stl-item.is-current{opacity:.55}
.stl-thumb{display:block;width:64px;aspect-ratio:4/5;background:#f5f5f5;overflow:hidden;border-radius:2px}
.stl-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.stl-info{min-width:0}
.stl-name{display:block;font-size:13px;color:#111;text-decoration:none;line-height:1.35;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stl-name:hover{text-decoration:underline}
.stl-price{font-size:13px;font-weight:600;color:#111;margin-bottom:6px}
.stl-sizes{display:flex;flex-wrap:wrap;gap:4px}
.stl-size{min-width:30px;height:24px;padding:0 6px;font-size:11px;border:1px solid #d8d8d8;background:#fff;color:#333;border-radius:2px;cursor:pointer;line-height:1}
.stl-size.is-on{border-color:#111;background:#111;color:#fff}
.stl-size.is-off{opacity:.35;cursor:not-allowed;text-decoration:line-through}
.stl-add{border:1px solid #111;background:#fff;color:#111;font-size:12px;padding:8px 14px;border-radius:2px;cursor:pointer;white-space:nowrap}
.stl-add:hover:not(:disabled){background:#111;color:#fff}
.stl-add:disabled{opacity:.4;cursor:default}
.stl-add-all{width:100%;border:0;background:#111;color:#fff;font-size:13px;letter-spacing:.06em;text-transform:uppercase;padding:14px;border-radius:2px;cursor:pointer}
.stl-add-all:hover:not(:disabled){background:#333}
.stl-add-all:disabled{opacity:.6;cursor:default}
.stl-note{font-size:11px;color:#999;margin:8px 0 0;text-align:center}
@media(max-width:991px){.stl-wrap{grid-template-columns:1fr}.stl-panel{padding:20px 16px}.stl-hero img{aspect-ratio:1/1}}