.vs-brands-page{width:100%;overflow:hidden;background:var(--vs-background);color:var(--vs-text)}.vs-brands-page *,.vs-brands-page *:before,.vs-brands-page *:after{box-sizing:border-box}.vs-brands-container{width:min(calc(100% - 40px),var(--vs-max-width));margin:0 auto}.vs-brands-hero{width:min(calc(100% - 40px),var(--vs-max-width));min-height:430px;margin:0 auto 70px;display:grid;grid-template-columns:1fr 1fr;border-radius:0 0 28px 28px;overflow:hidden;background:#f7f7f7}.vs-brands-hero-content{padding:70px 50px;display:flex;flex-direction:column;justify-content:center;background:#fff}.vs-brands-eyebrow,.vs-brands-section-eyebrow{margin-bottom:18px;color:var(--vs-accent);font-size:13px;font-weight:800;letter-spacing:3px;line-height:1.3;text-transform:uppercase}.vs-brands-hero-heading{margin:0;max-width:800px;color:var(--vs-text);font-size:var(--vs-hero-heading-size);font-weight:var(--vs-hero-heading-weight);line-height:.98;letter-spacing:-2px}.vs-brands-hero-text{max-width:760px;margin-top:26px;color:#30343a;font-size:17px;font-weight:500;line-height:1.7}.vs-brands-hero-image-wrap{position:relative;min-height:430px;overflow:hidden;background:#111}.vs-brands-hero-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.vs-brands-stats{display:flex;flex-wrap:wrap;gap:30px;margin-top:45px}.vs-brand-stat{display:flex;align-items:center;gap:12px}.vs-brand-stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;flex:0 0 48px;border-radius:15px;background:#fff0e9;color:var(--vs-accent)}.vs-brand-stat-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.vs-brand-stat strong{display:block;color:var(--vs-text);font-size:25px;font-weight:800;line-height:1.1}.vs-brand-stat span{display:block;margin-top:4px;color:var(--vs-muted);font-size:12px;font-weight:500;line-height:1.3}.vs-brands-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:35px}.vs-brands-heading-content{min-width:0}.vs-brands-title{margin:0;color:var(--vs-text);font-size:var(--vs-heading-size);font-weight:var(--vs-heading-weight);line-height:1.05;letter-spacing:-1.8px}.vs-brands-total{color:var(--vs-accent);margin-left:5px}.vs-brands-subheading{max-width:760px;margin:14px 0 0;color:var(--vs-muted);font-size:var(--vs-subheading-size);font-weight:400;line-height:1.55;letter-spacing:0}.vs-brands-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}.vs-brand-search{position:relative;width:350px}.vs-brand-search-input{display:block;width:100%;height:52px;margin:0;padding:0 48px 0 45px;border:1px solid #dfe2e6;border-radius:14px;outline:none;background:#fff;color:var(--vs-text);font-family:inherit;font-size:15px;font-weight:400;line-height:1;letter-spacing:0;-webkit-appearance:none;appearance:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.vs-brand-search-input:hover{border-color:#cfd3d8}.vs-brand-search-input:focus{border-color:var(--vs-accent);box-shadow:0 0 0 4px #f15a241a}.vs-brand-search-input::placeholder{color:#7b8490;opacity:1}.vs-brand-search-icon{position:absolute;left:15px;top:50%;width:19px;height:19px;transform:translateY(-50%);fill:none;stroke:#68717c;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;z-index:2}.vs-brand-search-clear{position:absolute;top:50%;right:12px;width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;transform:translateY(-50%);border:0;border-radius:50%;background:transparent;color:#69727d;cursor:pointer;transition:background .2s ease,color .2s ease}.vs-brand-search-clear:hover{background:#f2f3f4;color:var(--vs-accent)}.vs-brand-search-clear svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.vs-brand-sort-wrapper{display:flex;align-items:center;gap:10px}.vs-brand-sort-wrapper label{color:var(--vs-muted);font-size:13px;font-weight:500;white-space:nowrap}.vs-brand-sort{height:52px;min-width:135px;padding:0 38px 0 15px;border:1px solid #dfe2e6;border-radius:14px;background:#fff;color:var(--vs-text);font-family:inherit;font-size:14px;font-weight:500;outline:none;cursor:pointer}.vs-brands-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--vs-card-gap)}.vs-brand-card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--vs-border);border-radius:var(--vs-card-radius);background:var(--vs-card-background);color:var(--vs-text);text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.vs-brand-card:hover{transform:translateY(-5px);border-color:#f15a2459;box-shadow:0 18px 40px #00000014}.vs-brand-card[hidden]{display:none!important}.vs-brand-card-arrow{position:absolute;top:14px;right:14px;z-index:5;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fffffff2;color:#17191c;box-shadow:0 7px 18px #00000014;transition:transform .2s ease,background .2s ease,color .2s ease}.vs-brand-card:hover .vs-brand-card-arrow{transform:translate(2px);background:var(--vs-accent);color:#fff}.vs-brand-card-arrow svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.vs-brand-image-wrap{width:100%;height:var(--vs-card-image-height);display:flex;align-items:center;justify-content:center;padding:28px;overflow:hidden;background:#fafafa}.vs-brand-image{display:block!important;width:100%!important;height:100%!important;max-width:100%;max-height:100%;object-fit:contain!important;object-position:center!important;opacity:1!important;visibility:visible!important;transition:transform .3s ease}.vs-brand-card:hover .vs-brand-image{transform:scale(1.05)}.vs-brand-text-logo{width:68px;height:68px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f1f2f4;color:#9aa2ac;font-size:30px;font-weight:700;line-height:1}.vs-brand-card-content{min-height:155px;padding:22px;border-top:1px solid var(--vs-border);background:var(--vs-card-background)}.vs-brand-card-title{margin:0;color:var(--vs-text);font-size:var(--vs-card-title-size);font-weight:var(--vs-card-title-weight);line-height:1.3;letter-spacing:0}.vs-brand-product-count{display:block;margin-top:8px;color:var(--vs-muted);font-size:14px;font-weight:400;line-height:1.5}.vs-brand-view-link{display:inline-flex;align-items:center;gap:7px;margin-top:18px;color:var(--vs-accent);font-size:14px;font-weight:700;line-height:1.3}.vs-brand-view-link svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}.vs-brand-card:hover .vs-brand-view-link svg{transform:translate(4px)}.vs-brands-no-results{padding:70px 25px;margin-top:25px;border:1px solid var(--vs-border);border-radius:var(--vs-card-radius);background:var(--vs-card-background);text-align:center}.vs-brands-no-results[hidden]{display:none!important}.vs-no-results-icon{width:54px;height:54px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f4f5f6;color:#8a939e}.vs-no-results-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.vs-brands-no-results h3{margin:0;color:var(--vs-text);font-size:22px;font-weight:700}.vs-brands-no-results p{margin:9px 0 0;color:var(--vs-muted);font-size:14px}.vs-brands-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:70px;padding:35px 0 20px;border-top:1px solid var(--vs-border)}.vs-feature{display:flex;align-items:flex-start;gap:13px}.vs-feature-icon{width:42px;height:42px;flex:0 0 42px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:#fff0e9;color:var(--vs-accent)}.vs-feature-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.vs-feature strong{display:block;color:var(--vs-text);font-size:14px;font-weight:700;line-height:1.35}.vs-feature span{display:block;margin-top:5px;color:var(--vs-muted);font-size:12px;font-weight:400;line-height:1.45}@media screen and (max-width:1199px){.vs-brands-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.vs-brands-toolbar{align-items:flex-start;flex-direction:column}.vs-brands-actions{width:100%}.vs-brand-search{flex:1;width:auto}}@media screen and (max-width:899px){.vs-brands-hero{width:calc(100% - 28px);grid-template-columns:1fr;min-height:0;margin-bottom:50px}.vs-brands-hero-content{padding:50px 35px}.vs-brands-hero-image-wrap{min-height:300px}.vs-brands-grid,.vs-brands-features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.vs-brands-container{width:calc(100% - 24px)}.vs-brands-hero{width:calc(100% - 24px);border-radius:0 0 20px 20px}.vs-brands-hero-content{padding:42px 22px}.vs-brands-hero-heading{font-size:var(--vs-hero-heading-mobile-size);line-height:1.02;letter-spacing:-1px}.vs-brands-hero-text{margin-top:18px;font-size:14px;line-height:1.6}.vs-brands-stats{gap:18px;margin-top:30px}.vs-brand-stat-icon{width:40px;height:40px;flex-basis:40px;border-radius:12px}.vs-brand-stat strong{font-size:20px}.vs-brand-stat span{font-size:11px}.vs-brands-toolbar{gap:22px;margin-bottom:25px}.vs-brands-title{font-size:var(--vs-heading-mobile-size);letter-spacing:-1px}.vs-brands-subheading{margin-top:10px;font-size:14px}.vs-brands-actions{width:100%;flex-direction:column;align-items:stretch;gap:10px}.vs-brand-search{width:100%}.vs-brand-sort-wrapper{justify-content:space-between}.vs-brand-sort{flex:1}.vs-brands-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vs-brand-image-wrap{height:var(--vs-card-image-mobile-height);padding:14px}.vs-brand-card-arrow{top:9px;right:9px;width:34px;height:34px}.vs-brand-card-arrow svg{width:15px;height:15px}.vs-brand-card-content{min-height:135px;padding:14px}.vs-brand-card-title{font-size:16px}.vs-brand-product-count{margin-top:6px;font-size:12px}.vs-brand-view-link{margin-top:13px;font-size:12px}.vs-brand-view-link svg{width:14px;height:14px}.vs-brands-features{grid-template-columns:1fr;gap:18px;margin-top:50px}}@media screen and (max-width:480px){.vs-brands-grid{gap:8px}.vs-brand-image-wrap{height:135px}.vs-brand-card-content{padding:12px}.vs-brand-card-title{font-size:15px}.vs-brand-product-count,.vs-brand-view-link{font-size:11px}}.vs-brands-page .vs-brand-sort-wrap,.vs-brands-page .vs-sort-wrap{display:flex;align-items:center;gap:14px}.vs-brands-page .vs-brand-sort{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:210px;min-width:210px;height:58px;padding:0 48px 0 20px;border:1px solid #e5e7eb!important;border-radius:16px!important;background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23111111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;background-size:17px;color:#111!important;font-family:inherit;font-size:16px;font-weight:500;line-height:1;outline:none!important;box-shadow:0 4px 18px #0000000a!important;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.vs-brands-page .vs-brand-sort:hover{border-color:#d1d5db!important;box-shadow:0 6px 22px #00000012!important}.vs-brands-page .vs-brand-sort:focus,.vs-brands-page .vs-brand-sort:focus-visible,.vs-brands-page .vs-brand-sort:active{outline:none!important;border-color:#f45b18!important;box-shadow:0 0 0 3px #f45b181a,0 6px 22px #0000000f!important}.vs-brands-page .vs-brand-sort option{background:#fff;color:#111;font-size:15px;font-weight:500}.vs-brands-page .vs-brand-sort-wrap label,.vs-brands-page .vs-sort-wrap label{color:#64748b!important;font-size:15px;font-weight:500;white-space:nowrap}@media screen and (max-width:749px){.vs-brands-page .vs-brand-sort-wrap,.vs-brands-page .vs-sort-wrap{width:100%;justify-content:space-between;gap:10px}.vs-brands-page .vs-brand-sort{width:180px;min-width:180px;height:52px;border-radius:14px!important;padding-left:16px;padding-right:42px;background-position:right 15px center}}@media screen and (max-width:480px){.vs-brands-page .vs-brand-sort-wrap,.vs-brands-page .vs-sort-wrap{width:100%;display:flex;flex-direction:column;align-items:stretch}.vs-brands-page .vs-brand-sort{width:100%;min-width:0}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/vs-brands-page.css.map */