.shoe-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) auto;gap:0;margin-top:22px;padding:18px 8px;border:1px solid #dbe7f5;border-radius:16px;background:linear-gradient(180deg,#f6faff,#eef5fd);box-shadow:0 4px 18px rgba(26,43,72,.06)}
.sp-col{padding:2px 20px;border-inline-start:1px solid #dbe5f2;min-width:0}
.sp-col:first-child{border-inline-start:0}
.shoe-panel svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.sp-label{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:15px;font-weight:800;color:var(--navy)}
.sp-label svg{color:#1d4ed8}
.sp-select{position:relative}
.sp-select>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;height:44px;padding-inline:16px;border:1px solid #d5e0ee;border-radius:12px;background:#fff;font-size:14px;color:var(--ink-2);cursor:pointer}
.sp-select>summary::-webkit-details-marker,.sp-more>summary::-webkit-details-marker{display:none}
.sp-select[open]>summary{border-color:#1d4ed8;box-shadow:0 0 0 3px rgba(29,78,216,.15)}
.sp-list{position:absolute;z-index:30;inset-inline:0;top:calc(100% + 6px);max-height:280px;overflow:auto;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid #d5e0ee;border-radius:12px;box-shadow:0 12px 30px rgba(26,43,72,.18)}
.sp-list a{display:block;padding:9px 12px;border-radius:8px;font-size:14px;color:var(--navy);text-decoration:none}
.sp-list a:hover,.sp-list a:focus-visible{background:#eef4ff}
.sp-list a[aria-current=true]{background:#e6f0ff;font-weight:800}
.sp-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;position:relative}
.sp-pill{display:inline-flex;align-items:center;gap:6px;height:34px;padding-inline:16px;border:1px solid #d5e0ee;border-radius:999px;background:#fff;font-size:13px;font-weight:600;color:#475569;text-decoration:none;cursor:pointer}
.sp-pill svg{width:14px;height:14px}
.sp-pill:hover{border-color:#1d4ed8;color:#1d4ed8}
.sp-pill.on{background:#1d4ed8;border-color:#1d4ed8;color:#fff}
.sp-more{position:relative}.sp-more>summary{list-style:none}
.sp-list-sm{inset-inline:auto;inset-inline-start:0;min-width:210px}
.sp-types{display:flex;gap:8px}
.sp-types .sp-pill{height:44px}
.shoe-panel a:focus-visible,.shoe-panel summary:focus-visible{outline:3px solid #f4d03f;outline-offset:2px}
@media(max-width:1000px){.shoe-panel{grid-template-columns:1fr;row-gap:20px}.sp-col{border-inline-start:0;padding:2px 12px}}
@media (prefers-reduced-motion:reduce){.sp-card{transition:none}}