.shv { background:#fff; border:1px solid #e5e7eb; border-top:3px solid #16a34a; border-radius:14px; overflow:hidden; color:#18181b; }
  .shv__top { background:#fafaf9; padding:12px 14px; border-bottom:1px solid #ececeb; }
  .shv__top-label { font-size:11px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:#c2410c; margin:0 0 6px; }
  .shv__bolt { color:#f59e0b; }
  .shv__sku { display:flex; gap:8px; align-items:center; }
  .shv__sku-wrap { position:relative; flex:1; }
  .shv__sku-wrap svg { position:absolute; left:10px; top:50%; transform:translateY(-50%); color:#9ca3af; }
  .shv__sku input { width:100%; height:40px; padding:0 12px 0 34px; border:1px solid #d4d4d8; border-radius:8px; background:#fff; color:#18181b; font-size:13px; }
  .shv__sku button { height:40px; padding:0 16px; font-size:12px; font-weight:600; white-space:nowrap; background:#F15A22; color:#fff; border:0; border-radius:8px; cursor:pointer; }
  .shv__sku button:hover { background:#d94d18; }
  .shv__body { display:flex; align-items:stretch; }
  .shv__side { width:188px; flex:0 0 188px; background:#f6f6f5; padding:8px; display:flex; flex-direction:column; gap:4px; border-right:1px solid #ececeb; }
  .shv__side button { display:flex; align-items:center; gap:9px; padding:12px 11px; border:1px solid transparent; border-radius:8px; background:transparent; color:#3f3f46; font-size:13.5px; font-weight:600; text-align:left; cursor:pointer; transition:.15s; }
  .shv__side button .shv__ic { font-size:17px; width:20px; text-align:center; }
  .shv__side button:hover { background:#fff; border-color:#e5e7eb; }
  .shv__side button.on { background:#F15A22; color:#fff; border-color:#F15A22; }
  .shv__main { flex:1; min-width:0; padding:0 16px 18px; }
  .shv__subs { display:flex; flex-wrap:wrap; border-bottom:2px solid #ededec; margin:0 0 18px; }
  .shv__subs button { position:relative; padding:13px 18px; border:0; background:transparent; color:#52525b; font-size:13px; font-weight:600; cursor:pointer; border-radius:9px 9px 0 0; transition:.15s; }
  .shv__subs button:not(:first-child)::before { content:""; position:absolute; left:0; top:10px; bottom:10px; width:1px; background:#e5e7eb; }
  .shv__subs button:hover { background:#f5f5f4; color:#18181b; }
  .shv__subs button:hover::before, .shv__subs button:hover + button::before { background:transparent; }
  .shv__subs button.on { color:#F15A22; background:#fff4ee; font-weight:700; }
  .shv__subs button.on::after { content:""; position:absolute; left:0; right:0; bottom:-2px; height:3px; background:#F15A22; }
  .shv__subs button.on::before, .shv__subs button.on + button::before { background:transparent; }
  .shv__mode { display:inline-flex; background:#f4f4f5; border:1px solid #e5e7eb; border-radius:999px; padding:3px; margin-bottom:14px; gap:2px; }
  .shv__mode button { padding:7px 18px; border:0; border-radius:999px; background:transparent; color:#3f3f46; font-size:12px; font-weight:600; cursor:pointer; }
  .shv__mode button.on { background:#F15A22; color:#fff; }
  .shv__fields { display:flex; flex-wrap:wrap; gap:10px; align-items:flex-end; }
  .shv__f { display:flex; flex-direction:column; gap:5px; }
  .shv__f span { font-size:10px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:#71717a; }
  .shv__f select, .shv__f input { height:38px; min-width:108px; padding:0 10px; border:1px solid #d4d4d8; border-radius:7px; background:#fff; color:#18181b; font-size:14px; }
  .shv__f select:disabled { background:#f3f4f6; color:#9ca3af; }
  .shv__add { display:inline-flex; align-items:center; gap:4px; background:#fff; border:1px dashed #c4c4cc; color:#3f3f46; border-radius:8px; padding:8px 12px; font-size:12px; cursor:pointer; margin-top:10px; }
  .shv__add:hover { border-color:#F15A22; color:#c2410c; }
  .shv__add--remove { border:1px solid #dc2626; background:#fee2e2; color:#b91c1c; padding:6px 11px; font-size:11.5px; }
  .shv__seclbl { font-size:10px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:#71717a; margin:16px 0 7px; }
  .shv__seclbl--dim { color:#c2410c; }
  .shv__season { display:flex; gap:8px; flex-wrap:wrap; }
  .shv__season button { display:inline-flex; align-items:center; padding:8px 13px; border:1px solid #d4d4d8; border-radius:8px; background:#fff; color:#3f3f46; font-size:12.5px; font-weight:600; cursor:pointer; }
  .shv__season button:hover { border-color:#F15A22; }
  .shv__season button.on { border-color:#F15A22; background:#fff4ee; color:#c2410c; }
  .shv__box { display:inline-flex; width:16px; height:16px; border:1.5px solid #b4b4bb; border-radius:4px; margin-right:8px; align-items:center; justify-content:center; font-size:11px; font-weight:800; color:#fff; }
  .shv__season button.on .shv__box { background:#F15A22; border-color:#F15A22; }
  .shv__row { display:flex; align-items:center; justify-content:flex-end; gap:12px; margin-top:18px; flex-wrap:wrap; }
  .shv__row--split { justify-content:space-between; }
  .shv__cta { display:inline-flex; align-items:center; gap:7px; padding:12px 22px; font-size:13px; background:#F15A22; color:#fff; border:0; border-radius:9px; font-weight:700; cursor:pointer; box-shadow:0 1px 0 #c2410c; }
  .shv__cta:hover { background:#d94d18; }
  .shv__hint { color:#71717a; font-size:12px; line-height:1.5; max-width:300px; }
  .shv__bsearch { position:relative; margin-bottom:16px; }
  .shv__bsearch svg { position:absolute; left:11px; top:50%; transform:translateY(-50%); color:#9ca3af; }
  .shv__bsearch input { width:100%; height:40px; padding:0 12px 0 34px; border:1px solid #d4d4d8; border-radius:8px; background:#fff; font-size:13px; color:#18181b; }
  .shv__tiles { display:grid; grid-template-columns:repeat(auto-fill, minmax(120px,1fr)); gap:12px; }
  .shv__tile { display:flex; flex-direction:column; align-items:center; gap:9px; padding:14px 8px; border:1px solid #ececeb; border-radius:10px; background:#fff; text-decoration:none; cursor:pointer; transition:.15s; }
  .shv__tile:hover { border-color:#F15A22; transform:translateY(-2px); }
  .shv__tile-img { width:52px; height:52px; border-radius:50%; background:#f6f6f5; display:flex; align-items:center; justify-content:center; font-size:24px; }
  .shv__tile:hover .shv__tile-img { background:#fff4ee; }
  .shv__tile-lbl { font-size:12px; font-weight:600; color:#3f3f46; text-align:center; line-height:1.25; }
  .shv__tile:hover .shv__tile-lbl { color:#c2410c; }
  .shv__foot { background:#fafaf9; padding:9px 14px; display:flex; gap:16px; flex-wrap:wrap; font-size:11px; color:#52525b; border-top:1px solid #ececeb; }
  .shv__foot a { color:#c2410c; text-decoration:none; font-weight:600; }
  @media (max-width:640px){ .shv__body{ flex-direction:column; } .shv__side{ width:auto; flex:none; flex-direction:row; overflow-x:auto; border-right:0; border-bottom:1px solid #ececeb; } .shv__main{ padding:0 12px 14px; } }