/* =========================================================
   Vegas Labs — Bulk Orders (Figma "15 · Bulk Orders": desktop 1440 / mobile 390 / mobile order sheet)
   Page: Code/build-bulk.php (native widgets) + [vl_bulk part="builder"] from snippet "VL Bulk Orders".
   Shared: vl-pages.css (vl-pg-*, search field, chips, crumbs). Classes: vl-bk-*
   Desktop ≥1025: catalog + sticky summary · ≤1024: summary becomes the bottom sheet (bar + "Review order")
   ========================================================= */

/* ---------- hero ---------- */
.vl-bk-hero.e-con{--padding-top:96px;--padding-bottom:96px;background:var(--pg-ivory)}
.vl-bk-hero .elementor-widget{margin:0!important}
.vl-bk-hero__row{display:flex!important;flex-direction:row!important;align-items:center!important;gap:80px!important}
.vl-bk-hero__copy{flex:1 1 0!important;min-width:0;width:auto!important;gap:40px!important}
.vl-bk-hero__copy .vl-pg-h2 h1{margin:0}
.vl-bk-hero__meta p{color:var(--pg-mute)}
.vl-bk-hero__actions{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important}
.vl-bk-hero__visual{flex:0 0 620px!important;width:620px!important;gap:20px!important}
.vl-bk-hero__art{position:relative;height:360px;overflow:hidden;border-radius:28px;background:var(--pg-glass)}
.vl-bk-hero__img{position:absolute!important;inset:0;width:100%!important;height:100%}
.vl-bk-hero__img img{position:absolute;left:-46.15%;top:-34.46%;width:192.31%!important;max-width:none!important;height:auto!important;border-radius:0!important;transition:transform 1.2s var(--pg-ease)}
.vl-bk-hero__art:hover .vl-bk-hero__img img{transform:scale(1.02)}
.vl-bk-hero__chip{position:absolute!important;z-index:2;width:auto!important}
.vl-bk-hero__chip--1{left:24px;top:24px}
.vl-bk-hero__chip--2{right:24px;bottom:24px}
.vl-bk-chipf{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--pg-line-s);border-radius:999px;background:var(--pg-card);font:500 11px/1.3 var(--pg-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--pg-ink);white-space:nowrap}
.vl-bk-chipf i{width:6px;height:6px;border-radius:50%;background:var(--pg-green)}
.vl-bk-hero__vmeta{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:16px!important}
.vl-bk-hero__vmeta > .elementor-widget{width:auto!important}
.vl-bk-strip{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;font:400 12px/1.4 var(--pg-mono);letter-spacing:.24px;text-transform:uppercase;color:var(--pg-text)}
.vl-bk-strip i{width:1px;height:12px;background:var(--pg-line)}
/* benefits */
.vl-bk-bens{display:flex!important;flex-direction:row!important;align-items:stretch!important;gap:24px!important}
.vl-bk-ben{flex:1 1 0!important;min-width:0;width:auto!important;gap:16px!important;box-sizing:border-box;padding:24px!important;border:1px solid var(--pg-line-s)!important;border-radius:20px;background:var(--pg-card);transition:transform .45s var(--pg-ease),box-shadow .45s var(--pg-ease)}
.vl-bk-ben:hover{transform:translateY(-3px);box-shadow:0 1px 2px rgba(9,11,10,.06),0 12px 28px -14px rgba(9,11,10,.18)}
.vl-bk-ben__metric{display:flex;align-items:baseline;gap:2px;margin:0;font:500 48px/1.06 var(--pg-sans);letter-spacing:-1.2px;color:var(--pg-green)}
.vl-bk-ben__metric span{font-size:24px;line-height:1.25;letter-spacing:-.24px}
.vl-bk-ben__tile{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:var(--pg-tint);color:var(--pg-green)}
.vl-bk-ben__tile .vl-icon{width:16px;height:16px;stroke-width:1.5}
.vl-bk-ben__top p{display:flex}
.vl-bk-ben__txt p{margin:0}
.vl-bk-ben__t{font:500 14px/1.3 var(--pg-sans);color:var(--pg-ink)}
.vl-bk-ben__d{margin-top:4px!important;font:400 14px/1.5 var(--pg-sans);color:var(--pg-mute)}

/* ---------- builder section ---------- */
.vl-bk-build.e-con{--padding-top:96px;--padding-bottom:96px;background:var(--pg-paper)}
.vl-bk-build > .e-con-inner{gap:40px!important}
.vl-bk-build .elementor-widget{margin:0!important}
.vl-bk-build__head{display:flex!important;flex-direction:row!important;align-items:flex-end!important;justify-content:space-between!important;gap:24px!important}
.vl-bk-build__head > .vl-pg-sh{flex:1 1 0!important;min-width:0;width:auto!important}
.vl-bk-build__rule{width:auto!important;flex:none!important}
.vl-bk-rule{display:flex;align-items:center;gap:8px;font:500 11px/1.3 var(--pg-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--pg-mute);white-space:nowrap}
.vl-bk-rule .vl-icon{width:16px;height:16px;stroke-width:1.5}
.vl-bk-builder-w,.vl-bk-builder-w .elementor-shortcode{width:100%}

.vl-bk{display:flex;align-items:flex-start;gap:32px}
.vl-bk__catalog{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:32px}
.vl-bk__toolbar{display:flex;flex-direction:column;gap:20px}
.vl-bk__filters{display:flex;align-items:center;justify-content:space-between;gap:24px}
.vl-bk-count{display:flex;gap:16px;margin:0;white-space:nowrap}
.vl-bk-hint{display:none}
.vl-bk__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.vl-bk__none{margin:0;font:400 16px/1.6 var(--pg-sans);color:var(--pg-text)}
.vl-bk__note{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font:400 14px/1.5 var(--pg-sans);color:var(--pg-text)}
.vl-bk-ruo{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:8px;background:var(--pg-tint);font:500 11px/1.3 var(--pg-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--pg-green)}
.vl-bk-ruo .vl-icon{width:14px;height:14px;stroke-width:1.5}

/* product card (Figma "Card/Product-Bulk": Default / Selected / Out of stock) */
.vl-bk-card{display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;border:2px solid transparent;border-radius:20px;background:var(--pg-ivory);transition:border-color .3s var(--pg-ease),background-color .3s var(--pg-ease),box-shadow .3s var(--pg-ease)}
.vl-bk-card[hidden]{display:none}
.vl-bk-card:hover{box-shadow:0 12px 28px -16px rgba(9,11,10,.22)}
.vl-bk-card.is-sel{border-color:var(--pg-green);background:var(--pg-card)}
.vl-bk-card__media{position:relative;display:flex;align-items:center;justify-content:center;height:200px;overflow:hidden}
.vl-bk-card__media img{width:192px;height:240px;max-width:none;object-fit:contain;transition:transform .6s var(--pg-ease)}
.vl-bk-card:hover .vl-bk-card__media img{transform:translateY(-4px)}
.vl-bk-card__top{position:absolute;top:16px;left:16px;right:12px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.vl-bk-cat.vl-badge{height:auto;padding:0;border:0;background:none;backdrop-filter:none;font:500 11px/1.3 var(--pg-mono);letter-spacing:.08em;color:var(--pg-text)}
.vl-bk-coa{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:8px;background:var(--pg-green);font:500 11px/1.3 var(--pg-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--pg-paper)}
.vl-bk-coa .vl-icon{width:14px;height:14px;stroke-width:1.5}
.vl-bk-pill{position:absolute;left:16px;bottom:16px;display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;background:var(--pg-green);font:500 11px/1.3 var(--pg-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--pg-paper);animation:vl-bk-pop .35s var(--pg-ease)}
.vl-bk-pill[hidden]{display:none}
.vl-bk-pill.is-t2{background:var(--pg-ink)}
.vl-bk-pill .vl-icon{width:12px;height:12px;stroke-width:1.5}
@keyframes vl-bk-pop{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.vl-bk-card__meta{display:flex;flex:1 1 auto;flex-direction:column;gap:16px;padding:20px;border-top:1px solid var(--pg-line-s)}
:root .vl-bk .vl-bk-card__name{margin:0;font:600 18px/1.35 var(--pg-sans);letter-spacing:-.09px;color:var(--pg-ink)}
.vl-bk-strs{display:flex;flex-direction:column;gap:8px}
.vl-bk-str{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;box-sizing:border-box;padding:8px 16px;border:1px solid var(--pg-line);border-radius:999px;cursor:pointer;transition:background-color .25s var(--pg-ease),border-color .25s var(--pg-ease),color .25s var(--pg-ease)}
.vl-bk-str input{position:absolute;opacity:0;pointer-events:none}
.vl-bk-str__l{display:flex;align-items:center;gap:8px;font:500 14px/1.3 var(--pg-sans);color:var(--pg-ink)}
.vl-bk-str__l i{box-sizing:border-box;width:14px;height:14px;border:1.5px solid currentColor;border-radius:50%;transition:box-shadow .2s ease}
.vl-bk-str__l em{font-style:normal;font-weight:400;color:var(--pg-mute)}
.vl-bk-str__p{font:400 14px/1.3 var(--pg-mono);color:var(--pg-ink);white-space:nowrap}
.vl-bk-str:hover{border-color:var(--pg-ink)}
.vl-bk-str:has(input:checked){border-color:var(--pg-ink);background:var(--pg-ink)}
.vl-bk-str:has(input:checked) .vl-bk-str__l,.vl-bk-str:has(input:checked) .vl-bk-str__p{color:var(--pg-paper)}
.vl-bk-str:has(input:checked) .vl-bk-str__l i{background:var(--pg-paper);box-shadow:inset 0 0 0 3px var(--pg-ink)}
.vl-bk-str:has(input:focus-visible){outline:2px solid var(--pg-green);outline-offset:2px}
.vl-bk-str.is-off{cursor:not-allowed}
.vl-bk-str.is-off .vl-bk-str__l,.vl-bk-str.is-off .vl-bk-str__p{color:#707872}
.vl-bk-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:0;white-space:nowrap}
.vl-bk-price [data-vl-bk-unit]{font:400 14px/1.4 var(--pg-mono);color:var(--pg-ink)}
.vl-bk-price__off{font:400 14px/1.5 var(--pg-sans);color:var(--pg-success)}
.vl-bk-actions{display:flex;align-items:center;gap:8px;margin-top:auto}
:root .vl-bk button{font-family:var(--pg-sans);text-transform:none;letter-spacing:normal;box-shadow:none}
:root .vl-bk .vl-bk-add{display:inline-flex;flex:1 1 0;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border:1px solid var(--pg-line);border-radius:999px;background:transparent;font:500 15px/1 var(--pg-sans);letter-spacing:-.03px;color:var(--pg-ink);cursor:pointer;transition:background-color .25s var(--pg-ease),border-color .25s var(--pg-ease),transform .15s ease}
:root .vl-bk .vl-bk-add:hover{border-color:var(--pg-ink);background:rgba(9,11,10,.03);color:var(--pg-ink)}
:root .vl-bk .vl-bk-add:active{transform:scale(.98)}
:root .vl-bk .vl-bk-add .vl-icon{width:18px;height:18px;stroke-width:1.5}
:root .vl-bk .vl-bk-add:disabled{border-color:var(--pg-line-s);background:transparent;color:#707872;cursor:not-allowed;transform:none}
.vl-bk-add[hidden],.vl-bk-qty[hidden],.vl-bk-ten[hidden]{display:none!important}
.vl-bk-qty{display:flex;flex:1 1 0;align-items:center;justify-content:space-between;box-sizing:border-box;height:44px;padding:0 4px;border:1px solid var(--pg-line);border-radius:999px}
:root .vl-bk .vl-bk-qty button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-height:0;padding:0;border:0;border-radius:18px;background:transparent;color:var(--pg-ink);cursor:pointer;transition:background-color .2s ease}
:root .vl-bk .vl-bk-qty button:hover{background:rgba(9,11,10,.05);color:var(--pg-ink)}
:root .vl-bk .vl-bk-qty button:focus-visible,:root .vl-bk .vl-bk-add:focus-visible,:root .vl-bk .vl-bk-ten:focus-visible{outline:2px solid var(--pg-green);outline-offset:2px}
.vl-bk-qty .vl-icon{width:16px;height:16px;stroke-width:1.5}
:root body.vl-page .vl-bk .vl-bk-qty input{width:44px;min-width:0;height:36px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;font:400 14px/1.4 var(--pg-mono);color:var(--pg-ink);text-align:center;-moz-appearance:textfield}
.vl-bk-qty input::-webkit-outer-spin-button,.vl-bk-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
:root .vl-bk .vl-bk-ten{flex:none;height:36px;padding:0 16px;border:1px solid var(--pg-line);border-radius:999px;background:transparent;font:500 14px/1 var(--pg-sans);letter-spacing:-.028px;color:var(--pg-ink);cursor:pointer;transition:border-color .25s var(--pg-ease),background-color .25s var(--pg-ease),transform .15s ease}
:root .vl-bk .vl-bk-ten:hover{border-color:var(--pg-ink);background:rgba(9,11,10,.03);color:var(--pg-ink)}
:root .vl-bk .vl-bk-ten:active{transform:scale(.97)}
.vl-bk-card.is-oos .vl-bk-card__media img{opacity:.5}
.vl-bk-card.is-oos .vl-bk-card__name,.vl-bk-card.is-oos .vl-bk-price,.vl-bk-card.is-oos .vl-bk-price *{color:var(--pg-mute)}

/* order summary (Figma "Commerce/Bulk-Summary") */
.vl-bk__side{flex:0 0 400px;width:400px;position:sticky;top:32px}
.admin-bar .vl-bk__side{top:64px}
.vl-bk-sum{display:flex;flex-direction:column;gap:20px;box-sizing:border-box;padding:24px;border:1px solid var(--pg-line-s);border-radius:28px;background:var(--pg-card)}
.vl-bk-sum__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
:root .vl-bk .vl-bk-sum__head h3{margin:0;font:500 24px/1.25 var(--pg-sans);letter-spacing:-.24px;color:var(--pg-ink)}
.vl-bk-sum__count-m,.vl-bk-sum__sub,.vl-bk-sum__close{display:none!important}
.vl-bk-sum__lines{display:flex;flex-direction:column}
.vl-bk-sum__lines:empty{display:none}
.vl-bk-sum__empty{margin:0;padding:16px 0 0;border-top:1px solid var(--pg-line-s);font:400 14px/1.5 var(--pg-sans);color:var(--pg-mute)}
.vl-bk-sum__empty[hidden]{display:none}
.vl-bk-line{display:flex;flex-direction:column;gap:12px;padding:16px 0;border-top:1px solid var(--pg-line-s);animation:vl-bk-pop .35s var(--pg-ease)}
.vl-bk-line__item{display:flex;align-items:flex-start;gap:12px}
.vl-bk-line__thumb{display:flex;flex:none;align-items:center;justify-content:center;width:48px;height:56px;overflow:hidden;border-radius:8px;background:var(--pg-ivory)}
.vl-bk-line__thumb img{width:48px;height:60px;object-fit:cover}
.vl-bk-line__info{display:flex;flex:1 1 0;min-width:0;flex-direction:column;gap:4px}
.vl-bk-line__name{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0}
.vl-bk-line__name b{font:500 14px/1.3 var(--pg-sans);color:var(--pg-ink)}
.vl-bk-line__name span{font:400 14px/1.5 var(--pg-sans);color:var(--pg-mute)}
.vl-bk-line__name em{padding:4px 8px;border-radius:999px;background:var(--pg-green);font:500 11px/1.3 var(--pg-mono);font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:var(--pg-paper)}
.vl-bk-line__name em.is-t2{background:var(--pg-ink)}
.vl-bk-line__unit{margin:0;font:400 12px/1.4 var(--pg-mono);letter-spacing:.24px;text-transform:uppercase;color:var(--pg-mute)}
:root .vl-bk .vl-bk-line__rm{display:flex;flex:none;align-items:center;justify-content:center;width:36px;height:36px;min-height:0;padding:0;border:0;border-radius:50%;background:transparent;color:var(--pg-ink);cursor:pointer;transition:background-color .2s ease}
:root .vl-bk .vl-bk-line__rm:hover{background:rgba(9,11,10,.05);color:var(--pg-ink)}
.vl-bk-line__rm .vl-icon{width:18px;height:18px;stroke-width:1.5}
.vl-bk-line__qty{display:flex;align-items:center;justify-content:space-between;gap:12px}
.vl-bk-line__qty .vl-bk-qty{flex:0 0 132px}
.vl-bk-line__tot{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font:400 14px/1.4 var(--pg-mono);color:var(--pg-ink);white-space:nowrap}
.vl-bk-line__tot del{font-size:12px;letter-spacing:.24px;color:var(--pg-mute)}
.vl-bk-nudge{display:flex;align-items:center;gap:8px;margin:0;padding:8px 12px;border-radius:8px;background:var(--pg-tint);font:400 14px/1.5 var(--pg-sans);color:var(--pg-green)}
.vl-bk-nudge .vl-icon{flex:none;width:14px;height:14px;stroke-width:1.5}
.vl-bk-sum__totals{display:flex;flex-direction:column;gap:12px;margin:0;padding-top:16px;border-top:1px solid var(--pg-line-s)}
.vl-bk-sum__totals div{display:flex;align-items:center;justify-content:space-between;gap:12px}
.vl-bk-sum__totals dt{font:400 16px/1.6 var(--pg-sans);color:var(--pg-text)}
.vl-bk-sum__totals dd{margin:0;font:400 14px/1.4 var(--pg-mono);color:var(--pg-ink);text-align:right}
.vl-bk-sum__totals del{color:var(--pg-mute)}
.vl-bk-sum__totals dd.is-save{color:var(--pg-success)}
.vl-bk-sum__total{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--pg-line)}
.vl-bk-sum__total span{font:600 18px/1.35 var(--pg-sans);letter-spacing:-.09px;color:var(--pg-ink)}
.vl-bk-sum__total strong{font:400 20px/1.2 var(--pg-mono);letter-spacing:-.2px;color:var(--pg-ink)}
.vl-bk-sum__note,.vl-bk-sum__err{margin:0;font:400 14px/1.5 var(--pg-sans);color:var(--pg-mute)}
.vl-bk-sum__err{color:var(--pg-error)}
.vl-bk-sum__tier{display:flex;flex-direction:column;gap:8px}
.vl-bk-sum__tier p{margin:0}
.vl-bk-toggle{display:flex;gap:4px;padding:4px;border-radius:999px;background:var(--pg-glass)}
:root .vl-bk .vl-bk-toggle button{flex:1 1 0;min-width:0;padding:8px 12px;border:0;border-radius:999px;background:transparent;font:500 14px/1.3 var(--pg-sans);color:var(--pg-text);white-space:nowrap;cursor:pointer;transition:background-color .3s var(--pg-ease),color .3s var(--pg-ease)}
:root .vl-bk .vl-bk-toggle button:hover{background:rgba(9,11,10,.05);color:var(--pg-ink)}
:root .vl-bk .vl-bk-toggle button[aria-pressed="true"]{background:var(--pg-ink);color:var(--pg-paper)}
:root .vl-bk .vl-bk-toggle button:disabled{cursor:default}
:root .vl-bk .vl-bk-go{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:52px;padding:0 24px;border:0;border-radius:999px;background:var(--pg-green);font:500 15px/1 var(--pg-sans);letter-spacing:-.03px;color:var(--pg-paper);cursor:pointer;transition:background-color .3s var(--pg-ease),opacity .3s ease,transform .15s ease}
:root .vl-bk .vl-bk-go:hover{background:var(--pg-deep);color:var(--pg-paper)}
:root .vl-bk .vl-bk-go:active{transform:scale(.98)}
:root .vl-bk .vl-bk-go:focus-visible{outline:none;box-shadow:0 0 0 2px var(--pg-card),0 0 0 4px var(--pg-green)}
:root .vl-bk .vl-bk-go:disabled{opacity:.45;cursor:not-allowed;transform:none;background:var(--pg-green)}
:root .vl-bk .vl-bk-go.is-busy{opacity:.7;cursor:progress}
.vl-bk-go .vl-icon{width:20px;height:20px;stroke-width:1.5;transition:transform .35s var(--pg-ease)}
.vl-bk-go:hover .vl-icon{transform:translateX(3px)}
.vl-bk-sum__ruo{text-align:center}
/* mobile bar + sheet (hidden on desktop) */
.vl-bk-bar,.vl-bk-scrim{display:none!important}

/* ---------- notes ---------- */
.vl-bk-notes.e-con{background:var(--pg-ivory)}
.vl-bk-notes > .e-con-inner{gap:48px!important}
.vl-bk-notes .elementor-widget{margin:0!important}
.vl-bk-notes__btn-m{display:none!important}
.vl-bk-trusts{display:flex!important;flex-direction:row!important;align-items:stretch!important;gap:24px!important}
.vl-bk-trust{flex:1 1 0!important;min-width:0;width:auto!important;gap:16px!important;padding:24px 0!important;border-top:1px solid var(--pg-line)!important}
.vl-bk-trust__top{display:flex;align-items:center;justify-content:space-between;margin:0;font:500 11px/1.3 var(--pg-mono);letter-spacing:.08em;color:var(--pg-green)}
.vl-bk-trust__top .vl-icon{width:22px;height:22px;stroke-width:1.5;color:var(--pg-ink)}
.vl-bk-trust__body p{font:400 16px/1.6 var(--pg-sans);color:var(--pg-text)}

/* =========================================================
   laptop 1025–1279
   ========================================================= */
@media (min-width:1025px) and (max-width:1279px){
  .vl-bk-hero__row{gap:48px!important}
  .vl-bk-hero__visual{flex:0 0 48%!important;width:48%!important}
  .vl-bk__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vl-bk__side{flex:0 0 360px;width:360px}
}

/* =========================================================
   tablet + mobile ≤1024: summary = bottom sheet
   ========================================================= */
@media (max-width:1024px){
  .vl-bk-hero.e-con{--padding-top:64px;--padding-bottom:72px}
  .vl-bk-hero__row{flex-direction:column!important;align-items:stretch!important;gap:40px!important}
  .vl-bk-hero__visual{flex:none!important;width:100%!important}
  .vl-bk-bens{flex-wrap:wrap!important}
  .vl-bk-ben{flex:1 1 calc(50% - 12px)!important}
  .vl-bk-build.e-con{--padding-top:72px;--padding-bottom:72px}
  .vl-bk{display:block}
  .vl-bk__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vl-bk__filters{flex-direction:column;align-items:stretch;gap:16px}
  .vl-bk-chips{overflow-x:auto;margin-right:-40px;padding-right:40px;scrollbar-width:none}
  .vl-bk-chips::-webkit-scrollbar{display:none}
  .vl-bk-count{justify-content:space-between}
  .vl-bk-hint{display:inline}
  /* sheet */
  .vl-bk__side{position:fixed;z-index:1000;left:0;right:0;bottom:0;top:auto;width:auto;max-height:88vh;overflow-y:auto;overscroll-behavior:contain;transform:translateY(105%);visibility:hidden;transition:transform .45s var(--pg-ease)}
  .vl-bk.is-open .vl-bk__side,.vl-bk.is-closing .vl-bk__side{visibility:visible} /* is-closing: kept visible while it slides away (JS) */
  .vl-bk.is-open .vl-bk__side{transform:none}
  .admin-bar .vl-bk__side{top:auto}
  .vl-bk-sum{gap:16px;padding:12px 20px 24px;border:0;border-radius:28px 28px 0 0;box-shadow:0 -12px 40px -16px rgba(9,11,10,.3)}
  .vl-bk-sum::before{content:"";align-self:center;width:40px;height:4px;border-radius:2px;background:var(--pg-line)}
  .vl-bk-sum__head{align-items:center}
  :root .vl-bk .vl-bk-sum__head h3{font-size:21px;letter-spacing:-.21px}
  .vl-bk-sum__head [data-vl-bk-count]{display:none}
  .vl-bk-sum__count-m{display:inline!important}
  .vl-bk-sum__sub{display:block!important;margin:-12px 0 0!important}
  :root .vl-bk .vl-bk-sum__close{display:flex!important;align-items:center;justify-content:center;width:36px;height:36px;min-height:0;padding:0;border:0;border-radius:50%;background:transparent;color:var(--pg-ink);cursor:pointer;transition:background-color .2s ease} /* not the theme's "transition: all" (it animates visibility) */
  :root .vl-bk .vl-bk-sum__close:hover{background:rgba(9,11,10,.05);color:var(--pg-ink)}
  .vl-bk-sum__close .vl-icon{width:20px;height:20px;stroke-width:1.5}
  .vl-bk-sum__totals{gap:8px}
  .vl-bk-sum__totals dt{font-size:14px;line-height:1.5}
  .vl-bk-nudge{display:none}
  .vl-bk-sum__tier p{display:none}
  .vl-bk-scrim{position:fixed;inset:0;z-index:999;display:block!important;background:rgba(9,11,10,.4);opacity:0;pointer-events:none;transition:opacity .35s ease}
  .vl-bk.is-open .vl-bk-scrim{opacity:1;pointer-events:auto}
  .vl-bk-scrim[hidden]{display:none!important}
  .vl-bk-bar{position:fixed;z-index:998;left:20px;right:20px;bottom:16px;display:flex!important;align-items:center;gap:12px;box-sizing:border-box;padding:12px 12px 12px 16px;border:1px solid var(--pg-line-s);border-radius:20px;background:var(--pg-card);box-shadow:0 1px 2px rgba(9,11,10,.08),0 8px 24px -8px rgba(9,11,10,.16);transform:translateY(0);transition:transform .4s var(--pg-ease),opacity .3s ease}
  .vl-bk-bar[hidden],.vl-bk-bar.is-away{display:flex!important;transform:translateY(calc(100% + 24px));opacity:0;pointer-events:none}
  .vl-bk-bar__t{display:flex;flex:1 1 0;min-width:0;flex-direction:column;gap:4px}
  .vl-bk-bar__t strong{font:500 14px/1.3 var(--pg-sans);color:var(--pg-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  :root .vl-bk .vl-bk-bar__btn{display:inline-flex;flex:none;align-items:center;gap:8px;height:36px;padding:0 16px;border:0;border-radius:999px;background:var(--pg-green);font:500 14px/1 var(--pg-sans);letter-spacing:-.028px;color:var(--pg-paper);cursor:pointer}
  :root .vl-bk .vl-bk-bar__btn:hover{background:var(--pg-deep);color:var(--pg-paper)}
  .vl-bk-bar__btn .vl-icon{width:16px;height:16px;stroke-width:1.5}
  .vl-bk-trusts{flex-direction:column!important;gap:8px!important}
}

/* =========================================================
   mobile ≤767 (Figma 390)
   ========================================================= */
@media (max-width:767px){
  .vl-bk-hero.e-con{--padding-top:40px;--padding-bottom:40px}
  .vl-bk-hero > .e-con-inner{gap:32px!important}
  .vl-bk-hero__row{gap:32px!important}
  .vl-bk-hero__copy{gap:24px!important}
  .vl-bk-hero__actions{display:none!important}
  .vl-bk-hero__art{height:220px;border-radius:20px}
  .vl-bk-hero__img img{left:-51%;top:-28%;width:200%!important}
  .vl-bk-hero__chip--1{left:12px;top:12px}
  .vl-bk-hero__chip--2{right:12px;bottom:12px}
  .vl-bk-chipf{padding:6px 10px;font-size:10px}
  .vl-bk-hero__visual{gap:12px!important}
  .vl-bk-bens{gap:12px!important}
  .vl-bk-ben{flex:1 1 calc(50% - 6px)!important;padding:24px 20px!important;gap:16px!important}
  .vl-bk-ben__metric{font-size:34px;letter-spacing:-.85px}
  .vl-bk-ben__metric span{font-size:21px}
  .vl-bk-build > .e-con-inner{gap:24px!important}
  .vl-bk-build__head{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}
  .vl-bk-rule{white-space:normal}
  .vl-bk__catalog{gap:24px}
  .vl-bk__toolbar{gap:16px}
  .vl-bk-chips{margin-right:-20px;padding-right:20px}
  .vl-jn-chip span{font-size:16px;letter-spacing:-.032px}
  .vl-bk__grid{grid-template-columns:minmax(0,1fr);gap:16px}
  .vl-bk__note{flex-direction:column;align-items:flex-start;gap:8px}
  .vl-bk-notes.e-con{--padding-top:72px;--padding-bottom:72px}
  .vl-bk-notes > .e-con-inner{gap:32px!important}
  .vl-bk-notes__btn{display:none!important}
  .vl-bk-notes__btn-m{display:block!important;width:100%!important}
  .vl-bk-sum__total strong{font-size:18px}
}

@media (prefers-reduced-motion:reduce){
  .vl-bk *,.vl-bk *::before{animation:none!important;transition:none!important}
  .vl-bk-hero__art:hover .vl-bk-hero__img img,.vl-bk-ben:hover{transform:none}
}