
.vs-hero{position:relative;display:grid;grid-template-columns:1.4fr 1fr;overflow:hidden;background:linear-gradient(120deg,#103f32,#18745a);border-radius:22px;color:#fff;min-height:300px}
.vs-hero-copy{position:relative;z-index:1;padding:42px 48px}.vs-kicker{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.6px;color:#36785d}.vs-hero .vs-kicker{color:#d8eaa6}.vs-hero h1{font-size:clamp(28px,3.2vw,44px);line-height:1.2;letter-spacing:-1px;margin:14px 0;overflow-wrap:anywhere}.vs-hero p{color:#d1e5db;font-size:14px;max-width:460px}.vs-hero-button{display:inline-flex;gap:20px;align-items:center;padding:11px 18px;background:#e0edae;color:#173e2f;border-radius:9px;font-size:13px;font-weight:700;margin-top:8px}.vs-hero-button:hover{background:#fff;color:#173e2f}.vs-hero-art{position:relative;display:grid;place-items:center;min-height:270px}.vs-orbit{position:absolute;width:300px;height:300px;border:1px solid #ffffff25;border-radius:50%;box-shadow:0 0 0 38px #ffffff08,0 0 0 80px #ffffff05}.vs-store-sign{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;width:185px;height:200px;border-radius:24px;background:#ffffff12;border:1px solid #ffffff30;transform:rotate(-6deg);box-shadow:10px 20px 40px #032c3525}.vs-store-sign svg{width:65px;height:65px;stroke:#e2eeaf;stroke-width:2.3;fill:none}.vs-store-sign strong{font-size:34px;color:#edf5d2}.vs-store-sign small{font-size:9px;letter-spacing:2px}
.vs-profile{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:26px 0}.vs-identity{display:flex;align-items:center;gap:18px;min-width:0}.vs-avatar{width:72px;height:72px;border-radius:20px;background:#e9f1e1;border:4px solid #fff;box-shadow:0 4px 14px #143c2710;display:grid;place-items:center;color:#14684c;font-size:24px;font-weight:800;flex-shrink:0}.vs-approved{font-size:10px;color:#17694d;background:#e6f3eb;border-radius:20px;padding:4px 9px;display:inline-block}.vs-identity h2{font-size:22px;line-height:1.3;margin:7px 0 4px;overflow-wrap:anywhere}.vs-identity p{font-size:12px;color:#708079;margin:0}.vs-stats{display:flex;gap:32px;flex-shrink:0}.vs-stats>div{display:flex;flex-direction:column;border-left:1px solid #dfe7dd;padding-left:26px}.vs-stats strong{font-size:25px;line-height:1.2;color:#14684c}.vs-stats span{font-size:10px;color:#708079;margin-top:5px}.vs-menu{display:flex;gap:8px;border-bottom:1px solid #dfe7dd;padding:5px 0 13px;overflow-x:auto}.vs-menu a{display:block;white-space:nowrap;padding:10px 18px;border-radius:8px;font-size:13px;font-weight:650;color:#627469}.vs-menu a:hover{background:#eef4e7;color:#14684c}.vs-menu a.vs-selected{background:#14684c;color:#fff}.vs-content{padding-top:28px;scroll-margin-top:150px}.vs-section-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.vs-section-title h2{font-size:25px;margin:7px 0 20px;letter-spacing:-.6px}.vs-section-title>span{color:#708079;font-size:12px}.vs-about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:start}.vs-about-grid>.vendor-info{margin-top:0}.vs-panel{background:#fff;border:1px solid #e0e8de;border-radius:18px;padding:30px}.vs-panel h2{font-size:25px;margin:12px 0}.vs-panel p{font-size:14px;color:#63776c;line-height:1.8}.vs-facts>div{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid #e8ede6;font-size:12px}.vs-facts span{color:#7c8980}.vs-facts strong{text-align:right;color:#254a38}.vs-panel .vs-footnote{font-size:11px;margin:18px 0 0}.vs-directory-heading{background:linear-gradient(110deg,#e9f2e2,#f3f6eb);padding:36px;border-radius:20px}.vs-directory-heading h1{font-size:36px;letter-spacing:-1px;margin:10px 0}.vs-directory-heading p{color:#667c6d;margin:0}.vs-search{display:flex;gap:12px;margin:24px 0}.vs-search input{flex:1;min-width:0;padding:12px 16px;border:1px solid #dce5db;border-radius:9px;background:#fff}.vs-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.vs-shop-card{background:#fff;border:1px solid #dfe8dc;border-radius:17px;overflow:hidden}.vs-mini-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(110deg,#164b38,#387c57);padding:22px;color:#e7f3ce}.vs-mini-banner>span:first-child{font-size:25px;font-weight:800;width:48px;height:48px;border:1px solid #ffffff30;border-radius:13px;display:grid;place-items:center}.vs-mini-banner>span:last-child{font-size:10px}.vs-shop-body{padding:22px}.vs-shop-body h2{font-size:19px;line-height:1.35;margin:0 0 10px;overflow-wrap:anywhere}.vs-shop-body p{font-size:12px;color:#738377;white-space:pre-line}.vs-shop-link{display:inline-block;font-size:12px;color:#14684c;font-weight:700;margin-top:10px}
@media(max-width:1000px){.vs-profile{align-items:flex-start;flex-direction:column}.vs-stats{width:100%;justify-content:space-between;gap:12px}.vs-stats>div{padding-left:18px}.vs-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.vs-hero-copy{padding:32px}}
@media(max-width:640px){.vs-hero{grid-template-columns:1fr}.vs-hero-copy{padding:28px}.vs-hero-art{display:none}.vs-hero{min-height:260px}.vs-identity h2{font-size:20px}.vs-avatar{width:58px;height:58px;font-size:20px}.vs-stats strong{font-size:22px}.vs-stats span{font-size:9px}.vs-menu a{padding:9px 13px}.vs-about-grid,.vs-directory{grid-template-columns:1fr}.vs-panel{padding:24px}.vs-directory-heading{padding:28px}.vs-directory-heading h1{font-size:29px}.vs-section-title h2{font-size:22px}}
