.hv-commerce-header { position: sticky; top: 0; z-index: 50; background: #fff; border-bottom: 1px solid #e2e4ec; color: #1c2030; }
.hv-commerce-bar { max-width: 1280px; margin: auto; min-height: 76px; padding: 12px 32px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.hv-commerce-brand { display: flex; align-items: center; gap: 10px; min-width: 0; text-decoration: none; }
.hv-commerce-mark { display: grid; place-items: center; width: 36px; height: 36px; flex-shrink: 0; border-radius: 8px; background: #4338ca; color: white; font-size: 20px; font-weight: 700; }
.hv-commerce-brand img { object-fit: cover; border-radius: 8px; }
.hv-commerce-brand-text { display: flex; flex-direction: column; gap: 2px; }
.hv-commerce-brand strong { font-size: 17px; }
.hv-commerce-brand-text > span { font-size: 12px; color: #596175; }
.hv-commerce-nav { display: flex; align-items: center; gap: 8px; }
.hv-commerce-nav > a, .hv-category-toggle, .hv-commerce-share { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 14px; border-radius: 8px; font-size: 14px; font-weight: 600; text-decoration: none; white-space: nowrap; cursor: pointer; }
.hv-category-toggle { border: 1px solid #cdd1df; background: white; color: #1c2030; }
.hv-category-toggle[aria-expanded=true], .hv-commerce-nav > a:hover, .hv-category-toggle:hover, .hv-commerce-share:hover { background: #f1f2f8; }
.hv-commerce-nav .hv-clearance-link { color: #4338ca; }
.hv-clearance-link[aria-current=page] { background: #eeecff; }
.hv-commerce-share { width: 44px; padding: 10px; border: 0; background: transparent; }
.hv-category-disclosure { position: relative; }
.hv-category-menu { position: absolute; top: calc(100% + 12px); right: 0; width: 520px; max-width: calc(100vw - 32px); padding: 20px; border: 1px solid #d8dbe6; border-radius: 12px; background: white; }
.hv-category-menu[hidden] { display: none; }
.hv-category-caption { margin: 0 0 12px; color: #596175; font-size: 13px; }
.hv-category-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.hv-category-links a { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 48px; padding: 10px; color: #1c2030; font-size: 14px; border-radius: 8px; text-decoration: none; }
.hv-category-links a:hover, .hv-category-links a[aria-current=true] { background: #f1f2f8; }
.hv-category-count { color: #596175; font-size: 12px; font-variant-numeric: tabular-nums; }
.hv-commerce-header :focus-visible, .hv-catalog-publish:focus-visible { outline: 2px solid #4338ca; outline-offset: 3px; }
.hv-screen-reader { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.hv-catalog-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.hv-catalog-publish { min-height: 44px; padding: 10px 14px; border: 1px solid #b8bed0; border-radius: 8px; color: #1c2030; background: #fff; font-size: 14px; font-weight: 600; cursor: pointer; }
.hv-catalog-publish:disabled { opacity: .6; cursor: wait; }
.hv-catalog-notice { font-size: 14px; color: #596175; }
.hv-catalog-empty { grid-column: 1 / -1; padding: 36px 24px; background: #fff; border: 1px solid #e2e4ec; border-radius: 12px; color: #596175; font-size: 14px; }
#products-section { scroll-margin-top: 100px; }
@media (max-width: 767px) {
  #products-section { scroll-margin-top: 140px; }
  .hv-commerce-bar { padding: 12px 16px; gap: 12px; flex-wrap: wrap; }
  .hv-commerce-brand-text > span { display: none; }
  .hv-commerce-brand { flex: 1; }
  .hv-commerce-nav { width: 100%; gap: 4px; justify-content: space-between; }
  .hv-commerce-nav > a, .hv-category-toggle { font-size: 13px; padding: 10px; }
  .hv-category-menu { left: 0; right: auto; width: calc(100vw - 32px); top: calc(100% + 10px); padding: 14px; }
  .hv-category-links { grid-template-columns: 1fr; }
  .hv-category-links a { min-height: 44px; }
}
@media (max-width: 359px) { .hv-commerce-nav { flex-wrap: wrap; justify-content: flex-start; } }
.hv-clearance-meta { margin-top: 10px; color: #596175; font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; }
.hv-clearance-meta p { margin: 0; }
.hv-clearance-meta .hv-image-source { margin-top: 5px; }
html[data-hv-surface=web] .card-hover .hv-image-source a { display: inline; min-height: 0; color: #4338ca; font-size: inherit; text-decoration: underline; text-underline-offset: 2px; }
.hv-clearance-price-action { margin-top: 16px; display: flex; flex-direction: column; align-items: stretch; gap: 12px; }
.hv-clearance-price-action > a { width: 100%; }
.hv-price-caption { display: block; margin-bottom: 2px; font-size: 12px; font-weight: 500; color: #596175; letter-spacing: normal; }
.hv-clearance-retail { margin-top: 3px; font-size: 12px; font-weight: 400; color: #596175; }