/* Consumer storefront: readable prices, compact discovery and direct checkout. */
.customer-shell{--ink:#15243d;--muted:#61718a;--accent:#2763df;--line:#e3e9f2;background:#f5f7fb;color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif}
.customer-shell .page-shell{max-width:1400px;padding-top:26px}
.customer-shell .site-header{background:#fff;border-bottom:1px solid var(--line);box-shadow:none}
.customer-shell .brand-mark{background:#17345d;border-radius:13px;box-shadow:none}
.customer-shell .brand small{color:var(--muted);letter-spacing:.06em}
.customer-shell .topnav a{font-weight:600;color:#40516b}
.customer-shell .button,.customer-shell button:not(.text-button):not([data-quantity-delta]){border-radius:12px;min-height:44px;font-weight:650}
.customer-shell .button:not(.secondary),.customer-shell button:not(.secondary):not(.text-button):not([data-quantity-delta]){background:#2763df;color:#fff;border-color:#2763df;box-shadow:0 4px 12px #2763df14}
.customer-shell .button:hover,.customer-shell button:hover{filter:brightness(.97)}
.customer-shell :is(a,button,input,select,summary):focus-visible{outline:3px solid #4387e8;outline-offset:3px}
.customer-shell .panel{background:#fff;border:1px solid var(--line);box-shadow:0 4px 18px #1e3b6505;border-radius:20px}
.customer-shell .market-layout{grid-template-columns:184px minmax(0,1fr);gap:26px}
.customer-shell .market-sidebar{padding:18px 12px;background:#fff;border:1px solid var(--line);border-radius:20px;align-self:start;position:sticky;top:92px}
.customer-shell .side-link{min-height:40px;border-radius:10px;color:#4f6079}
.customer-shell .side-link.active{background:#eaf1ff;color:#2456b7}
.customer-shell .storefront-hero{background:radial-gradient(ellipse at 90% 0,#2a5984 0,transparent 52%),#142a47!important;color:#fff;padding:28px 30px!important;box-shadow:none!important;border:0;border-radius:22px;overflow:hidden;position:relative}
.customer-shell .storefront-hero h1{color:#fff;font-size:30px;line-height:1.4;letter-spacing:.01em;margin:8px 0}
.customer-shell .storefront-hero p,.customer-shell .storefront-hero .hero-notes,.customer-shell .storefront-hero .hero-notes a{color:#d3e0f3}
.customer-shell .storefront-hero .hero-eyebrow{color:#91dbf5;letter-spacing:.12em;font-size:12px}
.customer-shell .search-area{margin:18px 0}
.customer-shell .search-bar{border:1px solid #d8e2f1;border-radius:16px;background:#fff;min-height:58px;box-shadow:0 3px 12px #16335a05;padding:5px 6px 5px 16px;gap:10px}
.customer-shell .search-bar input{font-size:16px;min-width:0;color:var(--ink)}
.customer-shell .search-bar button{padding:9px 22px;white-space:nowrap}
.customer-shell .business-grid{gap:12px;margin:18px 0 22px}
.customer-shell .business-entry{background:#fff!important;border:1px solid var(--line);border-radius:17px;box-shadow:none!important;min-width:0}
.customer-shell .business-entry.selected{border-color:#5f90ed;background:#f2f6ff!important;box-shadow:0 0 0 1px #5f90ed!important}
.customer-shell .business-entry strong{font-size:17px;color:#263b5d}
.customer-shell .business-entry small{color:#6c7c91;font-size:12px;line-height:1.7}
.customer-shell .business-entry .entry-count{color:#4e70ad;background:#f0f4fb;border-radius:8px;padding:3px 7px;font-size:11px}
.customer-shell .catalog-toolbar{margin:18px 0 12px}
.customer-shell .catalog-refine{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:18px}
.customer-shell .catalog-refine>summary{min-height:48px;padding:12px 16px}
.customer-shell .compact-filters{padding:14px;gap:12px}
.quick-sort{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.quick-sort a{display:flex;align-items:center;min-height:40px;padding:8px 15px;border:1px solid var(--line);background:#fff;border-radius:10px;color:#52647e;font-size:13px}
.quick-sort a[aria-current]{background:#eaf1ff;color:#2253b3;border-color:#c8daf9;font-weight:700}
.active-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.active-filters a{font-size:12px;background:#eaf0fa;color:#405a83;padding:8px 11px;border-radius:9px;overflow-wrap:anywhere}
.active-filters span{margin-left:7px;font-size:16px}
.customer-shell .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.customer-shell .product-card{display:flex;flex-direction:column;border:1px solid var(--line);background:#fff;box-shadow:0 3px 14px #16335a04;border-radius:18px;transition:border-color .15s,box-shadow .15s;overflow:hidden}
.customer-shell .product-card:hover{border-color:#a8c2ed;box-shadow:0 8px 24px #1c426e0d;transform:none}
.customer-shell .card-main{flex:1;padding:18px 18px 10px;min-width:0}
.customer-shell .card-title h3{font-size:15px;line-height:1.65;font-weight:650;color:#213553;overflow-wrap:anywhere;-webkit-line-clamp:3;min-height:0}
.customer-shell .card-kind{font-size:10px;letter-spacing:.03em;color:#74849c}
.customer-shell .card-facts{margin:15px 0 0;gap:7px;font-size:12px}
.customer-shell .card-facts dt{color:#8a96a7}
.customer-shell .card-facts dd{color:#5c6c82;overflow-wrap:anywhere}
.customer-shell .card-stock{font-size:11px;color:#398068;padding:0 18px 12px}
.customer-shell .card-footer{border-top:1px solid #edf1f7;background:#fbfcff;padding:14px 18px;gap:8px;align-items:flex-end;flex-wrap:wrap}
.customer-shell .card-price .price-number{font-size:23px;color:#2454ad;font-weight:750;line-height:1.35;overflow-wrap:anywhere;letter-spacing:-.03em}
.customer-shell .card-price>small{color:#7a889b;font-size:10px}
.customer-shell .price-unit{font-size:10px;color:#7a889b;line-height:1.5}
.customer-shell .view-product{font-size:12px;color:#2763df;min-height:36px;padding:7px 10px;background:#eaf1ff;border-radius:9px;white-space:nowrap}
.customer-shell .value-recommendations{margin:20px 0;border-radius:22px}
.customer-shell .value-heading h2{font-size:24px}
.customer-shell .detail-layout{grid-template-columns:minmax(0,1fr) 350px;gap:20px}
.customer-shell .detail-layout>.panel{padding:26px}
.customer-shell .detail-hero h1{font-size:25px;line-height:1.55;letter-spacing:-.02em;overflow-wrap:anywhere}
.customer-shell .detail-overview .product-summary{font-size:14px;color:#64738a;line-height:1.9;margin-bottom:0}
.customer-shell .details-facts{background:#f5f8fd;border-radius:13px;padding:14px;gap:12px;margin-top:20px}
.customer-shell .fact strong{font-size:13px}
.customer-shell .purchase-box{border-top:4px solid #2763df}
.customer-shell .purchase-box .section-title{font-size:18px}
.customer-shell .purchase-box .price-number{font-size:33px;color:#2155b4;font-weight:760;line-height:1.3;overflow-wrap:anywhere}
.customer-shell .purchase-row{font-size:13px;padding:10px 0;border-bottom:1px solid #f0f3f8}
.customer-shell .purchase-limit,.purchase-terms-note{font-size:12px;color:#75839a;line-height:1.7}
.quantity-stepper{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:6px;margin:8px 0 12px}
.quantity-stepper [data-quantity-delta]{height:44px;background:#f1f5fc;border:1px solid #dce5f3;border-radius:10px;color:#355d9d;font-size:20px;box-shadow:none;cursor:pointer}
.customer-shell .quantity-stepper input{margin:0;min-width:0;max-width:100%;text-align:center;font-size:17px;font-weight:650;border-radius:10px;padding:8px}
.purchase-total{display:flex;align-items:baseline;gap:6px;font-size:13px;color:#62738c}.purchase-total strong{font-size:25px;color:#1f51ac}
.customer-shell .balance-card{background:#f3f7ff;border:1px solid #e1eaf9;border-radius:12px;padding:12px 14px;font-size:12px;line-height:1.6;margin:16px 0}
.balance-card>p{margin:0}.balance-card [data-balance-shortfall] p{margin:8px 0}
.customer-shell .terms-block,.customer-shell .text-content{font-size:14px;line-height:2;overflow-wrap:anywhere;color:#4f6077}
.customer-shell [data-quote-status]{font-size:13px;line-height:1.7;color:#8c541f;background:#fff8ed;border-radius:8px;padding:10px;margin:12px 0}
.customer-shell [data-quote-status]:empty{display:none}
.mobile-buy-bar{display:none}.checkout-step{display:inline-block;font-size:12px;color:#2b62b5;background:#edf4ff;padding:5px 10px;border-radius:8px}
.checkout-heading{padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:20px}.checkout-heading h2{font-size:24px;color:#203653;margin:14px 0 6px}.checkout-heading p{font-size:13px;color:#73829a}
.customer-shell .receiver-panel form>button,.customer-shell .batch-workspace form>button{width:100%;font-size:16px;min-height:50px}
.customer-shell .order-workspace h1{font-size:26px;line-height:1.5}.customer-shell .receiver-heading p{color:#5b6d87;line-height:1.6;overflow-wrap:anywhere}
@media(min-width:1500px){.customer-shell .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1050px){.customer-shell .market-layout{grid-template-columns:minmax(0,1fr)}.customer-shell .market-sidebar{display:none}.customer-shell .detail-layout{grid-template-columns:minmax(0,1fr) 315px}.customer-shell .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.customer-shell .page-shell{padding:18px 14px}.customer-shell .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.customer-shell .detail-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"overview" "options" "purchase" "terms" "description"}.customer-shell .detail-layout>.purchase-box{position:static}.customer-shell .detail-layout>.panel{padding:20px}.customer-shell .detail-hero h1{font-size:21px}.customer-shell .business-entry strong{font-size:15px}.customer-shell .card-main{padding:14px 12px 8px}.customer-shell .card-title h3{font-size:14px;line-height:1.65}.customer-shell .card-facts{font-size:11px;gap:5px}.customer-shell .card-stock{padding:0 12px 10px}.customer-shell .card-footer{padding:12px}.customer-shell .card-price .price-number{font-size:20px}.customer-shell .card-footer .view-product{width:100%;text-align:center}.customer-shell .business-quick{padding-inline:14px}.customer-shell .site-header .header-inner{gap:10px}.customer-shell .wallet-header{font-size:11px}.customer-shell .mobile-nav{border-top:1px solid var(--line);box-shadow:0 -4px 16px #193b6607}.customer-shell .mobile-nav a{font-size:11px;color:#657791}.mobile-buy-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;position:fixed;left:0;right:0;bottom:calc(64px + env(safe-area-inset-bottom,0px));z-index:25;padding:11px 18px;background:#fffffffa;border-top:1px solid #e0e7f2;box-shadow:0 -5px 18px #193b660a;backdrop-filter:blur(12px)}.mobile-buy-bar small{display:block;font-size:10px;color:#8290a5}.mobile-buy-bar strong{font-size:23px;color:#2257b3;overflow-wrap:anywhere}.mobile-buy-bar .button{min-width:130px;padding:12px 20px}.customer-shell:has(.mobile-buy-bar){padding-bottom:calc(155px + env(safe-area-inset-bottom,0px))}.customer-shell:has(.detail-layout) .support-float{display:none}.customer-shell .detail-options,.customer-shell #purchase{scroll-margin-top:88px;scroll-margin-bottom:160px}.customer-shell .details-facts{padding:12px;gap:8px}.customer-shell .receiver-heading{align-items:flex-start}.customer-shell .receiver-heading h1{font-size:22px}}
@media(max-width:600px){.customer-shell .compact-catalog .storefront-hero{padding:20px!important;margin-bottom:16px!important;border-radius:18px}.customer-shell .compact-catalog .storefront-hero h1{font-size:23px;margin:0 0 7px}.customer-shell .compact-catalog .storefront-hero>p{font-size:12px;color:#c9daee;line-height:1.8}.customer-shell .search-bar{min-height:54px;padding-left:12px;gap:7px}.customer-shell .search-bar button{padding:8px 14px;min-height:40px}.customer-shell .compact-catalog a.business-entry{padding:14px;gap:7px;min-height:126px}.customer-shell .compact-catalog .business-entry small{font-size:12px;line-height:1.65}.customer-shell .business-icon{width:30px;height:30px}.customer-shell .catalog-toolbar{margin-top:20px}.quick-sort a{font-size:12px;padding:8px 13px}.customer-shell .catalog-refine>summary{font-size:13px}.customer-shell .catalog-refine>summary small{font-size:11px}.customer-shell .value-heading h2{font-size:22px}.customer-shell .terms-block,.customer-shell .text-content{font-size:14px}.customer-shell .receiver-panel form>button{font-size:14px}.customer-shell .order-workspace .two{display:flex;flex-direction:column;gap:16px}.customer-shell .order-workspace .two>*{width:100%;min-width:0}.customer-shell .order-workspace aside{order:2}}
@media(max-width:359px){.customer-shell .product-grid{grid-template-columns:minmax(0,1fr)}.customer-shell .card-footer .view-product{width:auto}.customer-shell .card-footer{flex-wrap:nowrap}.customer-shell .card-title h3{font-size:15px}.customer-shell .card-facts{font-size:12px}.customer-shell .compact-catalog a.business-entry{padding:12px}.customer-shell .business-entry strong{font-size:14px}.mobile-buy-bar{padding-inline:14px}.mobile-buy-bar .button{min-width:116px;padding-inline:14px}}
@media(prefers-reduced-motion:reduce){.customer-shell *{scroll-behavior:auto!important;transition:none!important}}
/* Purchase forms deliberately use a vertical flow, independent of admin forms. */
.customer-shell .purchase-box #checkout-form{display:block;width:100%}
.customer-shell .purchase-box #checkout-form>label{display:block;font-size:13px;font-weight:600;margin:16px 0 7px}
.customer-shell .purchase-box #checkout-form>p{display:block;flex:none;margin:12px 0;font-size:12px;line-height:1.8}
.customer-shell .purchase-box #checkout-form .purchase-total{display:flex;flex-direction:row;align-items:baseline;gap:7px;margin:14px 0}
.customer-shell .purchase-box #checkout-form .balance-card{display:block;width:100%;color:#516784}
.customer-shell .balance-card p{display:block;flex:none;margin:4px 0;font-size:12px;line-height:1.8}
.customer-shell .purchase-box #checkout-form>button{width:100%;min-height:50px;margin:10px 0 0;font-size:15px}
.customer-shell .purchase-box #checkout-form .quantity-stepper{width:100%;margin:8px 0 14px}
.customer-shell .quantity-stepper input[type=number]{appearance:textfield;-moz-appearance:textfield}
.customer-shell .quantity-stepper input::-webkit-inner-spin-button{appearance:none}