.b2b-main-content .main-warehouse-nav{display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; margin-bottom: 1.125rem;}
.b2b-main-content .main-warehouse-nav a{display: inline-flex; height: 36px; align-items: center; justify-content: center; border: 1px solid rgb(254, 215, 170); border-radius: calc(var(--radius) - 2px); padding: 0px 0.75rem; background: hsl(var(--background)); color: hsl(var(--foreground)); font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-decoration: none; transition: color 0.15s, background-color 0.15s, border-color 0.15s;}
.b2b-main-content .main-warehouse-nav a:hover{background: hsl(var(--accent)); color: hsl(var(--accent-foreground));}
.b2b-main-content .main-warehouse-nav a.active{border-color: rgb(255, 102, 0); background: rgb(255, 102, 0); color: rgb(255, 255, 255);}
.b2b-main-content .main-warehouse-image{display: flex !important; align-items: center !important; justify-content: center !important; min-height: 0px !important; height: auto !important; aspect-ratio: auto !important; padding: 0.5rem 0.5rem 0px !important; background: transparent !important;}
.b2b-main-content .main-warehouse-image img{width: 100% !important; height: auto !important; max-height: 112px !important; object-fit: contain !important; display: block !important; padding: 0px !important; background: transparent !important;}
.b2b-main-content .main-warehouse-card-content{padding-top: 0.75rem !important;}
.b2b-main-content .main-warehouse-title{display: block; overflow: visible; -webkit-line-clamp: unset; -webkit-box-orient: unset; white-space: normal; overflow-wrap: anywhere;}
.b2b-main-content .main-warehouse-article-row{display: flex; align-items: center; gap: 0.375rem; min-width: 0px; position: relative;}
.b2b-main-content .availability-battery{display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 16px; border: 0px; padding: 0px; background: transparent; cursor: help; flex: 0 0 auto;}
.b2b-main-content .availability-tooltip{position: fixed; left: 0px; top: 0px; z-index: 1000; display: none; max-width: min(280px, -24px + 100vw); border: 1px solid rgb(254, 215, 170); border-radius: 0.5rem; background: rgb(255, 255, 255); color: rgb(15, 23, 42); box-shadow: rgba(15, 23, 42, 0.16) 0px 14px 30px; padding: 0.5rem 0.625rem; font-size: 0.75rem; line-height: 1.25; pointer-events: none;}
.b2b-main-content .availability-tooltip.open{display: block;}
.b2b-main-content .battery-shell{position: relative; width: 20px; height: 11px; border: 1.5px solid rgb(22, 163, 74); border-radius: 3px; background: rgb(255, 255, 255);}
.b2b-main-content .battery-shell::after{content: ""; position: absolute; right: -4px; top: 3px; width: 3px; height: 5px; border-radius: 0px 2px 2px 0px; background: rgb(22, 163, 74);}
.b2b-main-content .battery-fill{display: block; height: 100%; border-radius: 1.5px; background: rgb(34, 197, 94);}
.b2b-main-content .battery-full .battery-fill{width: 100%;}
.b2b-main-content .battery-half .battery-fill{width: 56%; background: rgb(132, 204, 22);}
.b2b-main-content .battery-quarter .battery-shell{border-color: rgb(245, 158, 11);}
.b2b-main-content .battery-quarter .battery-shell::after{background: rgb(245, 158, 11);}
.b2b-main-content .battery-quarter .battery-fill{width: 28%; background: rgb(245, 158, 11);}
.b2b-main-content .battery-empty .battery-shell{border-color: rgb(239, 68, 68);}
.b2b-main-content .battery-empty .battery-shell::after{background: rgb(239, 68, 68);}
.b2b-main-content .battery-empty .battery-fill{width: 10%; background: rgb(239, 68, 68);}
.b2b-main-content .main-warehouse-status{white-space: nowrap;}
.b2b-main-content .main-warehouse-qty{display: grid; grid-template-columns: 40px minmax(0px, 1fr) 40px; gap: 0.5rem; align-items: center;}
.b2b-main-content .main-warehouse-qty .qty-button{width: 40px; height: 40px; touch-action: manipulation; -webkit-tap-highlight-color: transparent;}
.b2b-main-content .main-warehouse-qty-label{min-width: 0px; white-space: nowrap;}
.b2b-main-content .main-warehouse-qty-input{appearance: textfield; font-size: 16px; text-align: center;}
.b2b-main-content .add-button,.b2b-main-content .qty-button,.b2b-main-content #cartToggle,.b2b-main-content #sendButton{touch-action: manipulation;}
.b2b-main-content .main-warehouse-qty-input::-webkit-outer-spin-button,.b2b-main-content .main-warehouse-qty-input::-webkit-inner-spin-button{appearance: none; margin: 0px;}
.b2b-main-content .main-warehouse-pagination{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0.5rem; margin-top: 1.5rem;}
.b2b-main-content .main-warehouse-page-btn{display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; border: 1px solid rgb(254, 215, 170); border-radius: calc(var(--radius) - 2px); padding: 0px 0.75rem; background: hsl(var(--background)); color: hsl(var(--foreground)); font-size: 0.875rem; font-weight: 500;}
.b2b-main-content .main-warehouse-page-btn:hover{background: hsl(var(--accent)); color: hsl(var(--accent-foreground));}
.b2b-main-content .main-warehouse-page-btn.active{border-color: rgb(255, 102, 0); background: rgb(255, 102, 0); color: rgb(255, 255, 255);}
.b2b-main-content .main-warehouse-page-btn:disabled{pointer-events: none; opacity: 0.5;}
.b2b-main-content #scrollTopButton{position: fixed; right: 1rem; bottom: 1rem; z-index: 40; transform: translateY(120%); opacity: 0; transition: transform 0.2s, opacity 0.2s;}
.b2b-main-content #scrollTopButton.visible{transform: translateY(0px); opacity: 1;}
.b2b-main-content .main-warehouse-mobile-menu{transform: translateX(calc(-100% - 24px)); transition: transform 0.2s;}
.b2b-main-content .main-warehouse-mobile-menu.open{transform: translateX(0px);}
.b2b-main-content #cartPanel{width: 380px; max-width: calc(-2rem + 100vw); transform: translateX(calc(100% + 32px)); transition: transform 0.2s; position: fixed !important; top: 5rem !important; right: 1rem !important; bottom: 1rem !important;}
.b2b-main-content #cartPanel.open{transform: translateX(0px);}
.b2b-main-content .main-warehouse-cart-body{min-height: 0px; overflow-y: auto;}
.b2b-main-content .checkout-modal{position: fixed; inset: 0px; z-index: 80; display: none; align-items: center; justify-content: center; padding: 1rem; background: rgba(15, 23, 42, 0.45); backdrop-filter: blur(4px);}
.b2b-main-content .checkout-modal.open{display: flex;}
.b2b-main-content .checkout-dialog{width: min(760px, 100%); max-height: min(90vh, 820px); overflow: hidden; display: flex; flex-direction: column; border-radius: 0.75rem; border: 1px solid rgb(254, 215, 170); background: rgb(255, 255, 255); box-shadow: rgba(15, 23, 42, 0.22) 0px 24px 70px;}
.b2b-main-content .checkout-body{min-height: 0px; overflow-y: auto;}
.b2b-main-content .checkout-field{display: flex; min-height: 40px; width: 100%; border-radius: calc(var(--radius) - 2px); border: 1px solid hsl(var(--input)); background: hsl(var(--background)); padding: 0.5rem 0.75rem; font-size: 16px; line-height: 1.25rem;}
.b2b-main-content .checkout-option{display: flex; gap: 0.625rem; align-items: flex-start; border: 1px solid rgb(254, 215, 170); border-radius: 0.5rem; padding: 0.75rem; cursor: pointer; background: rgb(255, 255, 255);}
.b2b-main-content .checkout-option:has(input:checked){border-color: rgb(255, 102, 0); background: rgb(255, 247, 237);}
@media (max-width: 640px){.b2b-main-content .main-warehouse-nav{justify-content: stretch;}
.b2b-main-content .main-warehouse-nav a{flex: 1 1 calc(50% - 0.25rem); padding: 0px 0.5rem; font-size: 0.8125rem; white-space: nowrap;}
.b2b-main-content .main-warehouse-card-content{padding: 0.625rem 0.75rem 0.75rem;}
.b2b-main-content .main-warehouse-card-actions{padding: 0px 0.75rem 0.75rem;}
.b2b-main-content .main-warehouse-price-row{display: block;}
.b2b-main-content #cartPanel{width: auto; max-width: calc(-1rem + 100vw); inset: 64px 0.5rem 0.5rem !important;}
.b2b-main-content .main-warehouse-qty{grid-template-columns: 36px minmax(52px, 1fr) 36px; gap: 0.375rem;}
.b2b-main-content .main-warehouse-qty .qty-button{width: 36px; height: 36px;}
.b2b-main-content .main-warehouse-qty-label{height: 36px; padding-left: 0.25rem; padding-right: 0.25rem; font-size: 0.875rem;}
.b2b-main-content .main-warehouse-qty-input{font-size: 16px;}
.b2b-main-content .main-warehouse-pagination{gap: 0.375rem;}
.b2b-main-content .main-warehouse-page-btn{min-width: 36px; height: 36px; padding: 0px 0.5rem; font-size: 0.8125rem;}
.b2b-main-content #scrollTopButton{right: 0.75rem; bottom: 0.75rem;}
.b2b-main-content .checkout-modal{align-items: flex-end; padding: 0.5rem;}
.b2b-main-content .checkout-dialog{max-height: calc(-1rem + 100vh); border-radius: 0.75rem 0.75rem 0.5rem 0.5rem;}}
.b2b-main-content{min-width:0}.b2b-main-content #cartPanel:not(.open){visibility:hidden;pointer-events:none}.b2b-main-content .main-warehouse-nav a{letter-spacing:0}