/* ==========================================================================
   Varsity Supreme — woo.css : WooCommerce collection (archive) design.
   Loads only on shop / product taxonomy archives.
   ========================================================================== */

.vs-crumb{padding:20px 0 0} /* font/color in base.css */

.vs-col-head{padding:18px 0 30px;border-bottom:1px solid var(--line)}
.vs-col-head .vs-eyebrow{margin-bottom:10px}
.vs-col-head .vs-h1{font-size:clamp(2.2rem,6vw,3.6rem);margin:10px 0 0}

/* Toolbar */
.vs-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0;flex-wrap:wrap;position:sticky;top:64px;background:var(--paper);z-index:30;border-bottom:1px solid var(--line)}
.vs-filters{display:flex;gap:8px;flex-wrap:wrap}
.vs-fbtn{border:1.5px solid var(--line);background:transparent;border-radius:100px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;color:var(--ink);transition:border-color .15s,background .15s,color .15s;display:flex;align-items:center;gap:7px;font-family:'Inter',sans-serif}
.vs-fbtn:hover{border-color:var(--ink)}
.vs-fbtn--on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.vs-fbtn-sw{width:13px;height:13px;border-radius:50%;border:1px solid rgba(0,0,0,.2)}
.vs-tools-r{display:flex;align-items:center;gap:12px}
.vs-count{font-family:'Space Mono',monospace;font-size:12px;color:var(--grey)}
.vs-toolbar .woocommerce-ordering{margin:0}
/* select styling is global in base.css (custom chevron) */

/* Grid spacing + 3-col on tablet (base.css handles 4col / 2col) */
.vs-prod-grid{padding:30px 0}
@media(min-width:861px) and (max-width:1040px){.vs-prod-grid{grid-template-columns:repeat(3,1fr)}}

/* Build banner inside the grid */
.vs-build{grid-column:1 / -1;background:var(--ink);color:var(--paper);border-radius:var(--r);padding:clamp(26px,4vw,40px);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.vs-build h2{font-family:'Archivo';font-weight:900;text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(1.5rem,3.4vw,2.2rem);line-height:.98}
.vs-build p{color:rgba(244,242,236,.74);font-size:14px;margin-top:8px;max-width:420px}

/* Bottom SEO block (term description) */
.vs-seo{border-top:1px solid var(--line);padding:clamp(40px,6vw,64px) 0}
.vs-seo h2{font-family:'Archivo';font-weight:800;text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(1.4rem,3vw,1.9rem);margin-bottom:14px}
.vs-seo .vs-prose{max-width:760px}
.vs-seo-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.vs-seo-links a{font-family:'Space Mono',monospace;font-size:12.5px;border:1.5px solid var(--line);border-radius:100px;padding:9px 16px;transition:border-color .15s,color .15s}
.vs-seo-links a:hover{border-color:var(--red);color:var(--red)}

@media(max-width:520px){.vs-toolbar{top:64px}}