.vsb{--ink: #1E2233;--muted: #565B6E;--paper: #FAF7F1;--sand: #EEE6D6;--line: #E4DFD1;--blue: #2E6FE0;--blue-deep: #12244E;--blue-mid: #1D3E82;--blue-soft: #E7EEFC;--accent: #F4A93B;--white: #FFFFFF;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--space-24: 96px;--container: 1240px;--radius-lg: 24px;--radius-md: 16px;--radius-sm: 10px;--radius-pill: 999px;font-family:Epilogue,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--paper);line-height:1.6;-webkit-text-size-adjust:100%}.vsb *{box-sizing:border-box}.vsb img,.vsb video{max-width:100%;display:block}.vsb .mono{font-family:Azeret Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:600;letter-spacing:.01em}.vsb .container{max-width:var(--container);margin-inline:auto;padding-inline:var(--space-4)}@media(min-width:768px){.vsb .container{padding-inline:var(--space-8)}}.vsb .measure{max-width:68ch}.vsb .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.vsb .skip-link{position:absolute;left:var(--space-3);top:-60px;background:var(--accent);color:var(--blue-deep);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-weight:700;z-index:100;transition:top .15s ease}.vsb .skip-link:focus{top:var(--space-3)}.vsb :focus-visible{outline:3px solid var(--accent);outline-offset:2px}.vsb h1,.vsb h2,.vsb h3,.vsb h4{font-weight:700;line-height:1.12;letter-spacing:-.035em;margin:0 0 var(--space-3)}.vsb .section-head h2,.vsb .benefit-card h3,.vsb .leak-card h3,.vsb .step h3{color:var(--ink)}.vsb .eyebrow{display:inline-block;font-family:Azeret Mono,ui-monospace,monospace;font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:var(--space-3)}.vsb section{padding-block:var(--space-16)}@media(min-width:768px){.vsb section{padding-block:var(--space-24)}}.vsb .section-head{margin-bottom:var(--space-8)}.vsb .section-head p{color:var(--muted);margin:var(--space-2) 0 0}.vsb .vsb-topbar{position:sticky;top:0;z-index:40;background:var(--blue-deep);color:var(--white);padding:var(--space-3) 0}.vsb .vsb-topbar .container{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-4)}.vsb .vsb-topbar .vsb-jump{font-size:.85rem;color:#ffffffb8;text-decoration:none;border-bottom:1px solid transparent}.vsb .vsb-topbar .vsb-jump:hover,.vsb .vsb-topbar .vsb-jump:focus-visible{color:var(--white);border-color:var(--accent)}body.vsb-landing-active .shopify-section-group-header-group,body.vsb-landing-active .shopify-section-group-footer-group,body.vsb-landing-active main#MainContent.content-for-layout>.shopify-section:not(.shopify-section--bonitale-vacuum-bags){display:none!important}.vsb .hero{background:radial-gradient(120% 90% at 82% 8%,var(--blue-mid),var(--blue-deep) 62%);color:var(--white);padding-block:var(--space-12) var(--space-16);position:relative;overflow:hidden}.vsb .hero-grid{display:grid;gap:var(--space-12);align-items:center}@media(min-width:960px){.vsb .hero-grid{grid-template-columns:1.05fr .95fr .85fr;align-items:start}.vsb .hero-copy{grid-column:1}.vsb .hero-stage{grid-column:2}.vsb .hero-purchase{grid-column:3}}.vsb .hero-copy h1{font-size:clamp(2.1rem,5.4vw + .4rem,3.6rem);max-width:15ch;color:var(--white)}.vsb .hero-copy .eyebrow{color:var(--accent)}.vsb .hero-copy p.lede{font-size:1.05rem;color:#ffffffc7;max-width:46ch;margin:0 0 var(--space-6)}.vsb .hero-ctas{display:flex;flex-wrap:wrap;gap:var(--space-3)}.vsb .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:inherit;font-weight:700;font-size:.98rem;padding:.85rem 1.4rem;min-height:44px;border-radius:var(--radius-pill);border:1px solid transparent;cursor:pointer;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.vsb .btn:active{transform:translateY(1px)}.vsb .btn-primary{background:var(--accent);color:var(--blue-deep)}.vsb .btn-primary:hover{box-shadow:0 8px 24px #f4a93b66}.vsb .btn-ghost{background:transparent;color:var(--white);border-color:#ffffff59}.vsb .btn-ghost:hover{border-color:var(--white)}.vsb .hero-stage{position:relative;display:grid;place-items:center;padding:var(--space-6) 0}.vsb .halo{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;z-index:0}.vsb .halo svg{width:min(92%,420px);height:auto}.vsb .halo circle{fill:none;stroke-width:1}.vsb .halo .halo-ring-1{stroke:var(--accent);opacity:.5}.vsb .halo .halo-ring-2{stroke:var(--blue-soft);opacity:.4}.vsb .halo .halo-ring-3{stroke:var(--accent);opacity:.2;stroke-dasharray:2 6}.vsb .gallery{position:relative;z-index:1;width:100%;max-width:380px}.vsb .gallery-viewport{position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:1 / 1;background:#ffffff0d}.vsb .gallery-track{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.vsb .gallery-track::-webkit-scrollbar{display:none}.vsb .gallery-slide{flex:0 0 100%;height:100%;scroll-snap-align:start}.vsb .gallery-slide img{width:100%;height:100%;object-fit:cover}.vsb .gallery-nav{display:flex;gap:var(--space-2);margin-top:var(--space-3);justify-content:center;flex-wrap:wrap}.vsb .gallery-nav-btn{border:none;background:transparent;cursor:pointer;padding:0;min-width:28px;min-height:28px;width:28px;height:28px;border-radius:var(--radius-pill);position:relative}.vsb .gallery-nav-btn:before{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border-radius:var(--radius-pill);background:#e7eefc80;transition:inset .15s ease,background-color .15s ease}.vsb .gallery-nav-btn[aria-selected=true]:before{top:9px;right:4px;bottom:9px;left:4px;background:var(--accent)}.vsb .gallery-nav-btn img{display:none}@media(min-width:960px){.vsb .gallery-track{overflow:visible;scroll-snap-type:none;display:block;position:relative}.vsb .gallery-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none}.vsb .gallery-slide.is-active{opacity:1;pointer-events:auto}.vsb .gallery-nav-btn{width:52px;height:52px;min-width:44px;min-height:44px;border-radius:var(--radius-sm);border:2px solid rgba(255,255,255,.25);background:#ffffff0d;padding:4px}.vsb .gallery-nav-btn:before{display:none}.vsb .gallery-nav-btn[aria-selected=true]{width:52px;border-color:var(--accent);background:#ffffff0d}.vsb .gallery-nav-btn:hover{border-color:var(--blue-soft)}.vsb .gallery-nav-btn img{display:block;width:100%;height:100%;object-fit:cover;border-radius:6px}}.vsb .hero-purchase{background:#12244e99;border:1px solid rgba(231,238,252,.18);border-radius:var(--radius-lg);padding:var(--space-6)}.vsb .hero-purchase h2{font-size:1.3rem;color:var(--white)}.vsb .value-prop{color:#ffffffc7;font-size:.95rem;margin:0 0 var(--space-4)}.vsb .price-row{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.vsb .price-now{font-family:Azeret Mono,ui-monospace,monospace;font-weight:600;font-size:1.9rem;color:var(--accent)}.vsb .price-compare{font-family:Azeret Mono,ui-monospace,monospace;text-decoration:line-through;color:#fff9;font-size:1.05rem}.vsb .price-save{font-size:.78rem;font-weight:700;color:var(--blue-deep);background:var(--blue-soft);padding:2px 10px;border-radius:var(--radius-pill)}.vsb .cod-hook{min-height:96px;margin-bottom:var(--space-4);border-radius:var(--radius-md)}.vsb .cod-source-form{margin:0}.vsb .cod-native-submit{display:none!important}.vsb .trust-row{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid rgba(231,238,252,.18)}.vsb .trust-row li{display:flex;align-items:center;gap:var(--space-2);font-size:.85rem;color:#ffffffc7;list-style:none}.vsb .trust-row svg{width:18px;height:18px;flex:none;color:var(--accent)}.vsb .pain-section{background:var(--white)}.vsb .pain-card{background:var(--blue-soft);border-left:4px solid var(--blue);border-radius:var(--radius-md);padding:var(--space-6) var(--space-8)}.vsb .pain-card p{margin:0 0 var(--space-3);color:var(--ink);font-size:1.02rem}.vsb .pain-card p:last-child{margin-bottom:0}.vsb .transform-section{background:var(--sand)}.vsb .transform-grid{display:grid;gap:var(--space-8);align-items:center}@media(min-width:860px){.vsb .transform-grid{grid-template-columns:1fr 1fr}}.vsb .transform-media{border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:1 / 1}.vsb .transform-media img{width:100%;height:100%;object-fit:cover}.vsb .transform-copy .eyebrow{color:#1f4f99}.vsb .transform-copy p.measure{color:var(--muted)}.vsb .transform-compare{display:grid;gap:var(--space-4);margin-top:var(--space-6)}@media(min-width:480px){.vsb .transform-compare{grid-template-columns:1fr 1fr}}.vsb .transform-compare>div{background:var(--white);border-radius:var(--radius-md);padding:var(--space-4)}.vsb .transform-label{display:inline-block;font-family:Azeret Mono,ui-monospace,monospace;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);font-weight:700;margin-bottom:var(--space-2)}.vsb .transform-compare p{margin:0;color:var(--muted);font-size:.92rem}.vsb .benefits-grid{display:grid;gap:var(--space-6)}@media(min-width:768px){.vsb .benefits-grid{grid-template-columns:repeat(3,1fr)}}.vsb .benefit-card{background:var(--white);border-radius:var(--radius-md);padding:var(--space-6);border:1px solid var(--line)}.vsb .benefit-card svg{width:30px;height:30px;color:var(--blue);margin-bottom:var(--space-3)}.vsb .benefit-card h3{font-size:1.05rem}.vsb .benefit-card p{margin:0;color:var(--muted);font-size:.92rem}.vsb .steps-section{background:var(--white)}.vsb .steps{display:grid;gap:var(--space-8)}@media(min-width:640px){.vsb .steps{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.vsb .steps{grid-template-columns:repeat(4,1fr)}}.vsb .step{display:grid;gap:var(--space-3)}.vsb .step-num{font-family:Azeret Mono,ui-monospace,monospace;font-weight:600;font-size:.95rem;color:var(--white);background:var(--blue);width:36px;height:36px;border-radius:50%;display:grid;place-items:center}.vsb .step figure{margin:0;border-radius:var(--radius-md);overflow:hidden;aspect-ratio:1 / 1;background:var(--sand)}.vsb .step figure img{width:100%;height:100%;object-fit:cover}.vsb .step h3{font-size:1.05rem}.vsb .step p{margin:0;color:var(--muted);font-size:.92rem}.vsb .package-section{background:var(--sand)}.vsb .pack-grid{display:grid;gap:var(--space-6);align-items:center}@media(min-width:860px){.vsb .pack-grid{grid-template-columns:1fr 1fr}}.vsb .pack-media{border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:1 / 1;background:var(--white)}.vsb .pack-media img{width:100%;height:100%;object-fit:contain}.vsb .pack-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-4)}.vsb .pack-list li{display:flex;align-items:center;gap:var(--space-3);font-weight:600}.vsb .pack-list svg{width:26px;height:26px;color:var(--blue);flex:none}.vsb .uses-section{background:var(--white)}.vsb .use-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media(min-width:640px){.vsb .use-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.vsb .use-grid{grid-template-columns:repeat(6,1fr)}}.vsb .use-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center;padding:var(--space-4) var(--space-2);background:var(--blue-soft);border-radius:var(--radius-md)}.vsb .use-item svg{width:32px;height:32px;color:var(--blue-mid)}.vsb .use-item strong{font-size:.85rem;color:var(--ink)}.vsb .compare-section{background:var(--sand)}.vsb .compare-table{width:100%;border-collapse:collapse;background:var(--white);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 1px #1e22330f}.vsb .compare-table caption{text-align:left;margin-bottom:var(--space-4);color:var(--muted)}.vsb .compare-table th,.vsb .compare-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line);text-align:left;font-size:.92rem;vertical-align:top}.vsb .compare-table thead th{font-family:Azeret Mono,ui-monospace,monospace;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--blue-soft)}.vsb .compare-table td[data-highlight=true],.vsb .compare-table th[data-highlight=true]{background:#2e6fe014;font-weight:700}.vsb .compare-table tbody tr:last-child td{border-bottom:none}.vsb .compare-icon-wrap{display:flex;align-items:center;gap:var(--space-2)}.vsb .compare-icon-wrap svg{width:18px;height:18px;flex:none}.vsb .compare-table td[data-highlight=true] .compare-icon-wrap svg{color:var(--blue)}.vsb .compare-table td:not([data-highlight=true]) .compare-icon-wrap svg{color:#9a96a8}@media(max-width:767.98px){.vsb .compare-table caption{display:none}.vsb .compare-table,.vsb .compare-table thead,.vsb .compare-table tbody,.vsb .compare-table th,.vsb .compare-table td,.vsb .compare-table tr{display:block}.vsb .compare-table thead{display:none}.vsb .compare-table tbody tr{margin-bottom:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden}.vsb .compare-table tbody tr:last-child{margin-bottom:0}.vsb .compare-table th[scope=row]{background:var(--blue-soft);font-weight:700;border-bottom:1px solid var(--line)}.vsb .compare-table td{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.vsb .compare-table td:before{content:attr(data-label);font-family:Azeret Mono,ui-monospace,monospace;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);flex:none}.vsb .compare-table .compare-icon-wrap{flex-direction:row-reverse;text-align:right;justify-content:flex-end}.vsb .compare-table tbody tr td:last-child{border-bottom:none}}.vsb .leakproof-section{background:var(--white)}.vsb .leak-grid{display:grid;gap:var(--space-6)}@media(min-width:640px){.vsb .leak-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.vsb .leak-grid{grid-template-columns:repeat(4,1fr)}}.vsb .leak-card{background:var(--blue-soft);border-radius:var(--radius-md);padding:var(--space-6)}.vsb .leak-card svg{width:28px;height:28px;color:var(--blue-mid);margin-bottom:var(--space-3)}.vsb .leak-card h3{font-size:1rem}.vsb .leak-card p{margin:0;color:var(--muted);font-size:.9rem}.vsb .leak-note{margin:var(--space-8) 0 0;color:var(--muted);font-size:.88rem}.vsb .faq-section{background:var(--sand)}.vsb .faq-list{display:grid;gap:var(--space-3);max-width:68ch}.vsb .faq-item{border:1px solid var(--line);border-radius:var(--radius-md);padding:0 var(--space-4);background:var(--white)}.vsb .faq-item summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) 0;font-weight:700;min-height:44px}.vsb .faq-item summary::-webkit-details-marker{display:none}.vsb .faq-item .faq-icon{font-family:Azeret Mono,ui-monospace,monospace;font-size:1.2rem;transition:transform .15s ease;flex:none;color:var(--blue)}.vsb .faq-item[open] .faq-icon{transform:rotate(45deg)}.vsb .faq-item p{margin:0 0 var(--space-4);color:var(--muted)}.vsb .closing-section{background:var(--blue-deep);color:var(--white);text-align:center}.vsb .closing-section h2{color:var(--white);font-size:clamp(1.6rem,3vw + .6rem,2.4rem);max-width:22ch;margin-inline:auto}.vsb .closing-section p{color:#ffffffc7;max-width:46ch;margin:var(--space-3) auto 0}.vsb .closing-section .btn{margin-top:var(--space-6)}.vsb .sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:50;background:#12244ef7;color:var(--white);padding:var(--space-2) var(--space-4);padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom,0px));display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);transform:translateY(100%);transition:transform .2s ease;max-height:78px;border-top:1px solid rgba(231,238,252,.2)}.vsb .sticky-cta.is-visible{transform:translateY(0)}.vsb .sticky-cta .sticky-price{font-family:Azeret Mono,ui-monospace,monospace;font-weight:600;font-size:1.05rem;color:var(--accent);white-space:nowrap}.vsb .sticky-cta .btn{padding-block:.7rem;font-size:.92rem;white-space:nowrap}@media(min-width:960px){.vsb .sticky-cta{display:none}}@media(prefers-reduced-motion:reduce){.vsb *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.vsb,.vsb body{overflow-x:hidden}
/*# sourceMappingURL=/cdn/shop/t/2/assets/vacuum-space.css.map */