.b2b-frame{flex-direction:column;flex:1;min-height:0;display:flex}.b2b-frame>.nui-page-header{border-bottom:0}.b2b-frame>.nui-page-header .nui-page-title{flex-wrap:wrap;align-content:flex-start;height:32px;overflow:hidden}.b2b-body{flex:1;min-height:0;display:flex;container:b2b-body/inline-size}.b2b-searchbar{border-bottom:1px solid var(--nui-border-subtle);background:var(--nui-surface);flex:none;padding:0 24px 14px}.b2b-search{border:1px solid var(--nui-border-subtle);background:var(--nui-surface-secondary);cursor:text;border-radius:14px;align-items:center;gap:10px;height:48px;padding:0 10px 0 16px;transition:background-color .15s,border-color .15s;display:flex}.b2b-search:focus-within{border-color:var(--nui-alpha-20);background:var(--nui-surface)}.b2b-search input:focus,.b2b-search input:focus-visible{box-shadow:none;outline:none}.b2b-search>svg{color:var(--nui-text-tertiary);flex:none;font-size:20px}.b2b-search input{min-width:0;height:100%;color:var(--nui-text-emphasis);font:inherit;background:0 0;border:0;outline:none;flex:1;padding:0;font-size:16px}.b2b-search input::placeholder{color:var(--nui-text-tertiary)}.b2b-search input::-webkit-search-cancel-button{appearance:none}.b2b-search-clear{width:30px;height:30px;color:var(--nui-text-tertiary);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;padding:0;font-size:18px;display:grid}@media (hover:hover){.b2b-search-clear:hover{background:var(--nui-alpha-05);color:var(--nui-text-secondary)}}.b2b-search-key{border:1px solid var(--nui-border);background:var(--nui-surface);min-width:24px;height:24px;color:var(--nui-text-tertiary);font:500 12px/1 var(--nui-font);border-radius:6px;flex:none;place-items:center;margin-right:4px;padding:0 6px;display:grid}@media (pointer:coarse){.b2b-search-key{display:none}}.b2b-search-ask{height:32px;color:var(--nui-text-secondary);font:500 14px/1 var(--nui-font);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;align-items:center;gap:6px;padding:0 12px 0 10px;transition:background-color .15s,color .15s;display:inline-flex}.b2b-search-ask svg{font-size:16px}@media (hover:hover){.b2b-search-ask:hover{background:var(--nui-alpha-05);color:var(--nui-text-emphasis)}}.b2b-search-ask[data-primary]{background:var(--nui-gray-900);color:#fff}@media (hover:hover){.b2b-search-ask[data-primary]:hover{background:var(--nui-gray-700);color:#fff}}.b2b-search-ask:focus-visible{outline:2px solid var(--nui-ring);outline-offset:2px}.b2b-rail{border-right:1px solid var(--nui-border-subtle);overscroll-behavior:contain;flex:none;width:264px;padding:18px 20px 48px 24px;overflow:hidden auto}.b2b-filters{flex-direction:column;gap:26px;display:flex}.b2b-section-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.b2b-section h3{color:var(--nui-text-emphasis);margin:0;font-size:13px;font-weight:600;line-height:20px}.b2b-section-note{color:var(--nui-text-tertiary);margin:-4px 0 8px;font-size:12px;line-height:16px}.b2b-checks{flex-direction:column;display:flex}.b2b-checks[data-scroll]{max-height:380px;margin-right:-10px;padding-right:10px;overflow-y:auto}.b2b-check{min-height:32px;color:var(--nui-text);cursor:pointer;border-radius:8px;align-items:center;gap:10px;margin:0 -8px;padding:0 8px;font-size:14px;line-height:20px;display:flex}@media (hover:hover){.b2b-check:hover{background:var(--nui-alpha-04)}}.b2b-check[data-nested]{color:var(--nui-text-secondary);padding-left:34px}.b2b-check[data-none]{color:var(--nui-text-tertiary)}.b2b-check-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.b2b-count{color:var(--nui-text-tertiary);font-variant-numeric:tabular-nums;flex:none;font-size:12px}.b2b-switch-row{min-height:34px;color:var(--nui-text);align-items:center;gap:10px;font-size:14px;display:flex}.b2b-switch-row label{cursor:pointer;flex:1;min-width:0}.b2b-find{border:1px solid var(--nui-border);background:var(--nui-surface);width:100%;height:32px;color:var(--nui-text-emphasis);font:inherit;border-radius:8px;outline:none;margin-bottom:6px;padding:0 10px;font-size:13px}.b2b-find:focus{border-color:var(--nui-ring);box-shadow:0 0 0 3px color-mix(in oklab,var(--nui-ring)18%,transparent)}.b2b-find::-webkit-search-cancel-button{appearance:none}.b2b-range{align-items:center;gap:8px;display:flex}.b2b-range-to{color:var(--nui-text-tertiary);flex:none;font-size:13px}.b2b-money{border:1px solid var(--nui-border);background:var(--nui-surface);min-width:0;height:34px;color:var(--nui-text-tertiary);cursor:text;border-radius:8px;flex:1;align-items:center;gap:4px;padding:0 10px;font-size:14px;display:flex}.b2b-money:focus-within{border-color:var(--nui-ring);box-shadow:0 0 0 3px color-mix(in oklab,var(--nui-ring)18%,transparent)}.b2b-money input{min-width:0;color:var(--nui-text-emphasis);font:inherit;font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;flex:1;padding:0}.b2b-link{color:var(--nui-text-secondary);font:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--nui-border);text-decoration-color:var(--nui-border);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-size:13px;line-height:20px}.b2b-checks+.b2b-link{margin-top:6px}@media (hover:hover){.b2b-link:hover{color:var(--nui-text-emphasis);text-decoration-color:currentColor}}.b2b-skeleton-row{height:14px;margin:9px 0}.b2b-filters .nui-seg{width:100%;display:flex}.b2b-filters .nui-seg-option{min-width:0;padding:0 4px;font-size:13px}.b2b-main{overscroll-behavior:contain;flex:1;min-width:0;padding:0 24px 56px;position:relative;overflow:hidden auto;container:b2b-main/inline-size}.b2b-toolbar{z-index:2;background:var(--nui-surface);box-shadow:0 1px 0 var(--nui-border-subtle);margin:0 -24px 6px;padding:12px 24px;position:sticky;top:0}.b2b-toolbar-row{align-items:center;gap:12px;min-height:32px;display:flex}.b2b-total{min-width:0;color:var(--nui-text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:14px;line-height:20px;overflow:hidden}.b2b-total strong{color:var(--nui-text-emphasis);font-variant-numeric:tabular-nums;font-weight:600}.b2b-total-wait{color:var(--nui-text-tertiary)}.b2b-toolbar-actions{flex:none;align-items:center;gap:8px;display:flex}.b2b-filters-button{display:none!important}.b2b-view{display:contents}.b2b-sort svg{color:var(--nui-text-tertiary);font-size:16px}.b2b-chips{flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;display:flex}.b2b-chip{border:1px solid var(--nui-border);background:var(--nui-surface);height:28px;color:var(--nui-text);font:inherit;cursor:pointer;border-radius:8px;align-items:center;gap:4px;padding:0 7px 0 10px;font-size:13px;transition:border-color .15s,background-color .15s;display:inline-flex}.b2b-chip svg{color:var(--nui-text-tertiary);font-size:14px}@media (hover:hover){.b2b-chip:hover{border-color:var(--nui-alpha-20);background:var(--nui-surface-secondary)}.b2b-chip:hover svg{color:var(--nui-text-emphasis)}}.b2b-chips .b2b-link{align-self:center;margin-left:4px}.b2b-grid,.b2b-table-wrap{transition:opacity .2s}.b2b-main[data-stale] .b2b-grid,.b2b-main[data-stale] .b2b-table-wrap{opacity:.5;transition-delay:.18s}.b2b-main .nui-empty{margin-top:56px}.b2b-sentinel{height:1px}.b2b-end{color:var(--nui-text-tertiary);text-align:center;margin:32px 0 0;font-size:13px}.b2b-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.b2b-ask-prompt{border:1px solid var(--nui-border);background:var(--nui-surface);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;animation:shop-page-in .32s var(--nui-cubic-enter);border-radius:14px;align-items:center;gap:14px;margin:6px 0 22px;padding:14px 16px;transition:border-color .15s,background-color .15s;display:flex}@media (hover:hover){.b2b-ask-prompt:hover{border-color:var(--nui-alpha-20);background:var(--nui-surface-secondary)}}.b2b-ask-prompt:focus-visible{outline:2px solid var(--nui-ring);outline-offset:2px}.b2b-ask-icon{background:var(--nui-gray-900);color:#fff;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;font-size:18px;display:grid}.b2b-ask-text{flex-direction:column;flex:1;min-width:0;display:flex}.b2b-ask-text strong{color:var(--nui-text-emphasis);font-size:14px;font-weight:600;line-height:20px}.b2b-ask-text span{color:var(--nui-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:18px;overflow:hidden}.b2b-ask-key{border:1px solid var(--nui-border);color:var(--nui-text-tertiary);font:500 12px/1 var(--nui-font);border-radius:6px;flex:none;padding:3px 7px}@media (pointer:coarse){.b2b-ask-key{display:none}}.b2b-body[data-question] .b2b-rail{display:none}.b2b-question{max-width:820px;margin:0 auto;padding-top:24px}.b2b-lead{padding-top:16px}.b2b-lead>.b2b-ask-prompt{margin:0}.b2b-chat{min-width:0;min-height:0;animation:shop-page-in .32s var(--nui-cubic-enter);flex-direction:column;flex:1;display:flex;overflow:hidden}.b2b-body[data-chat] .b2b-rail{display:none}.b2b-grid{grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:28px 18px;margin:10px 0 0;padding:0;list-style:none;display:grid}.b2b-grid+.b2b-grid{margin-top:28px}.b2b-card{min-width:0;position:relative}.b2b-card-open{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;padding:0;display:flex}.b2b-card-open:focus-visible{outline:none}.b2b-card-open:focus-visible .b2b-card-media{outline:2px solid var(--nui-ring);outline-offset:2px}.b2b-card-media{aspect-ratio:1;background:var(--nui-surface-tertiary);border-radius:16px;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.b2b-card-media img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;transition:opacity .3s var(--nui-cubic-enter),transform .5s var(--nui-cubic-enter);padding:11%;position:absolute;inset:0}.b2b-card-media>svg{color:var(--nui-text-tertiary);opacity:.6;font-size:32px}.b2b-card-alt{opacity:0}@media (hover:hover){.b2b-card:hover .b2b-card-media img{transform:scale(1.035)}.b2b-card:hover .b2b-card-media[data-alt] img:first-child{opacity:0}.b2b-card:hover .b2b-card-alt{opacity:1}}.b2b-card-body{flex-direction:column;min-width:0;padding:12px 2px 0;display:flex}.b2b-card-brand{color:var(--nui-text-tertiary);letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:600;line-height:16px;overflow:hidden}.b2b-card-name{min-height:40px;color:var(--nui-text-emphasis);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:14px;line-height:20px;display:-webkit-box;overflow:hidden}@media (hover:hover){.b2b-card-open:hover .b2b-card-name{text-decoration:underline;-webkit-text-decoration-color:var(--nui-border);text-decoration-color:var(--nui-border);text-underline-offset:3px}}.b2b-card-price{color:var(--nui-text-emphasis);font-variant-numeric:tabular-nums;margin-top:8px;font-size:16px;font-weight:600;line-height:22px}.b2b-card-price[data-none]{color:var(--nui-text-secondary);font-size:14px;font-weight:500}.b2b-card-price>span{color:var(--nui-text-tertiary);font-size:13px;font-weight:400}.b2b-card-meta,.b2b-card-stock{color:var(--nui-text-secondary);font-variant-numeric:tabular-nums;font-size:13px;line-height:19px}.b2b-card-stock[data-out],.b2b-card-asof{color:var(--nui-text-tertiary)}.b2b-card-supplier{color:var(--nui-text-tertiary);text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:12px;line-height:16px;overflow:hidden}.b2b-card-actions{opacity:0;transition:opacity .15s ease,transform .2s var(--nui-cubic-enter);gap:6px;display:flex;position:absolute;top:10px;right:10px;transform:translateY(-3px)}.b2b-card-actions .nui-btn{--nui-btn-bg:var(--nui-surface);--nui-btn-bg-hover:var(--nui-surface-secondary);--nui-btn-bg-active:var(--nui-surface-tertiary);color:var(--nui-text-emphasis);box-shadow:0 0 0 1px var(--nui-alpha-06),0 2px 6px var(--nui-alpha-08)}@media (hover:hover){.b2b-card:hover .b2b-card-actions,.b2b-card:focus-within .b2b-card-actions{opacity:1;transform:none}}@media (hover:none){.b2b-card-actions{display:none}}.b2b-card[data-skeleton] .b2b-card-media{border-radius:16px}.b2b-skel-line{height:12px;margin-top:9px}.b2b-table-wrap{margin-top:2px}.b2b-table{border-collapse:separate;border-spacing:0;width:100%;font-size:14px}.b2b-table th{border-bottom:1px solid var(--nui-border-subtle);height:36px;color:var(--nui-text-tertiary);text-align:left;white-space:nowrap;padding:0 12px;font-size:12px;font-weight:500}.b2b-table td{border-bottom:1px solid var(--nui-border-subtle);color:var(--nui-text-secondary);vertical-align:middle;padding:10px 12px;line-height:20px}.b2b-table th:first-child,.b2b-table td:first-child{padding-left:0}.b2b-table th:last-child,.b2b-table td:last-child{padding-right:0}.b2b-table [data-align=end]{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.b2b-table td[data-out]{color:var(--nui-text-tertiary)}.b2b-row{cursor:pointer}@media (hover:hover){.b2b-row:hover td{background:var(--nui-surface-secondary)}}.b2b-row-product{align-items:center;gap:12px;min-width:220px;display:flex}.b2b-row-thumb{background:var(--nui-surface-tertiary);border-radius:10px;flex:none;place-items:center;width:48px;height:48px;display:grid;overflow:hidden}.b2b-row-thumb img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;padding:4px}.b2b-row-thumb>svg{color:var(--nui-text-tertiary);font-size:18px}.b2b-row-open{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;padding:0;display:flex}.b2b-row-name{color:var(--nui-text-emphasis);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.b2b-row-sub{color:var(--nui-text-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.b2b-table td.b2b-row-cost{color:var(--nui-text-emphasis);font-weight:600}.b2b-row-asof{color:var(--nui-text-tertiary);font-size:12px;display:block}.b2b-row-actions{justify-content:flex-end;align-items:center;gap:4px;display:flex}.b2b-list-skeleton{flex-direction:column;margin-top:6px;display:flex}.b2b-list-skeleton-row{border-bottom:1px solid var(--nui-border-subtle);align-items:center;gap:14px;height:69px;display:flex}.b2b-list-skeleton-row .b2b-skel-line{margin:0}.b2b-skel-thumb{border-radius:10px;flex:none;width:48px;height:48px}.b2b-sheet{z-index:60;background:var(--nui-surface);animation:b2b-sheet-in .32s var(--nui-cubic-enter);flex-direction:column;display:flex;position:fixed;inset:0}@keyframes b2b-sheet-in{0%{opacity:0;transform:translateY(24px)}}.b2b-sheet-head{border-bottom:1px solid var(--nui-border-subtle);flex:none;justify-content:space-between;align-items:center;height:56px;padding:0 10px 0 16px;display:flex}.b2b-sheet-head h2{color:var(--nui-text-emphasis);margin:0;font-size:16px;font-weight:600}.b2b-sheet-body{overscroll-behavior:contain;flex:1;padding:18px 16px 32px;overflow-y:auto}.b2b-sheet-foot{padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--nui-border-subtle);flex:none;align-items:center;gap:12px;display:flex}.b2b-sheet-foot>:last-child{flex:1}@container b2b-body (max-width:860px){.b2b-rail{display:none}.b2b-filters-button{display:inline-flex!important}}@container b2b-main (max-width:900px){.b2b-table [data-col=rrp],.b2b-table [data-col=supplier]{display:none}}@container b2b-main (max-width:620px){.b2b-table [data-col=margin],.b2b-table [data-col=actions]{display:none}.b2b-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.b2b-card-media{border-radius:12px}}@container b2b-main (max-width:480px){.b2b-total-for,.b2b-view{display:none}}@media (max-width:767px){.b2b-searchbar{padding:0 16px 12px}.b2b-main{padding:0 16px 40px}.b2b-toolbar{margin:0 -16px 6px;padding:10px 16px}.b2b-sort>:not(svg){text-overflow:ellipsis;white-space:nowrap;max-width:96px;overflow:hidden}}
