/* A single visual language for the public storefront. */
body.storefront{font-family:'Segoe UI',Inter,ui-sans-serif,system-ui,-apple-system,Arial,sans-serif!important;color:#243f50!important;-webkit-font-smoothing:antialiased}
body.storefront :is(button,input,select,textarea){font-family:inherit!important}
body.storefront main.wrap{width:calc(100% - 48px)!important;max-width:1560px!important}
body.storefront main .market-layout{gap:22px!important}
body.storefront main .section-head{margin:2px 0 18px!important}
body.storefront main .section-head h2{font-family:inherit!important;font-size:23px!important;font-weight:700!important;letter-spacing:-.5px!important;line-height:1.3!important}
body.storefront main .section-head p{font-size:13px!important;line-height:1.5!important;margin-top:5px!important;color:#728693!important;font-weight:400!important}
body.storefront main .products-area #grid{gap:18px!important}
body.storefront main .products-area #grid .card{border:1px solid #dfe7ed!important;border-radius:14px!important;background:#fff!important;box-shadow:0 3px 12px #234e6408!important}
body.storefront main .products-area #grid .card .photo{height:205px!important;max-height:none!important;width:100%!important;object-fit:contain!important;background:#f3f6f8!important;padding:10px!important}
body.storefront main .products-area #grid .card .body{padding:16px!important}
body.storefront main .products-area #grid .card h3{font-size:18px!important;font-weight:650!important;letter-spacing:-.2px!important;line-height:1.35!important;color:#203e50!important;margin:10px 0 6px!important}
body.storefront main .products-area #grid .card .muted{font-size:12px!important;font-weight:400!important;line-height:1.6!important;color:#6c808f!important}
body.storefront main .products-area #grid .card .avail{font-size:10px!important;font-weight:600!important;line-height:1.8!important;letter-spacing:.15px!important;color:#397262!important}
body.storefront main .products-area #grid .card .featured-badge{font-size:10px!important;font-weight:650!important;margin-left:0!important;white-space:nowrap}
body.storefront main .products-area #grid .card .seller{font-size:12px!important;font-weight:500!important;line-height:1.55!important;padding-top:10px!important;margin-top:12px!important;border-color:#edf1f4!important;color:#3d6177!important}
body.storefront main .products-area #grid .card .price{font-size:29px!important;font-weight:750!important;letter-spacing:-.6px!important;line-height:1.2!important;margin:16px 0 12px!important;color:#234f67!important}
body.storefront main .products-area #grid .card .delivery-card-label{font:500 12px/1.4 'Segoe UI',system-ui,sans-serif!important;background:#edf5f9!important;color:#2c607c!important;border:1px solid #dae8f0!important;padding:10px!important;min-height:42px!important;border-radius:8px!important}
body.storefront main .products-area #grid .card .actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
body.storefront main .products-area #grid .card .actions .btn{font-size:11px!important;font-weight:600!important;line-height:1.3!important;min-height:38px!important;padding:9px 7px!important;border-radius:8px!important;letter-spacing:0!important}
body.storefront main .products-area #grid .card .actions>.btn:first-child{grid-column:1/-1;background:#265e7b!important;color:#fff!important;font-size:13px!important;min-height:41px!important}
body.storefront main .products-area #grid .card .actions>.btn:not(:first-child){background:#fff!important;border:1px solid #d9e5ec!important;color:#3a5e74!important}
body.storefront main .vehicle-side-showcase{border-radius:14px!important;border-color:#dfe7ed!important}
body.storefront .vehicle-side-showcase>h3{font-family:inherit!important;font-size:19px!important;line-height:1.4!important;font-weight:650!important;letter-spacing:-.3px!important}
body.storefront .vehicle-side-showcase .vehicle-home-info h3{font-family:inherit!important;font-size:18px!important;font-weight:650!important;line-height:1.4!important}
body.storefront .vehicle-side-showcase .vehicle-home-info p{font-size:12px!important;line-height:1.5!important;font-weight:400!important}
body.storefront .vehicle-side-showcase .vehicle-home-info .btn{font-size:11px!important;font-weight:600!important;border-radius:8px!important;line-height:1.4!important}
body.storefront #brandSearchOpen{font-family:inherit!important;font-size:15px!important;font-weight:600!important}
body.storefront #brandSearchSelected{font-size:13px!important;font-weight:500!important}
/* The reference menu's calm rows, aligned line icons and clear selection. */
@media(min-width:901px){
 body.storefront .category-options{display:flex;flex-direction:column;gap:3px}
 body.storefront main .categories-panel .cat-filter,body.storefront main .categories-panel .category-all{flex-direction:row;justify-content:flex-start;gap:12px;height:38px;padding:8px 11px!important;text-align:left!important;background:transparent!important;border-color:transparent!important;border-radius:8px!important;font:500 14px/1.35 'Segoe UI',Inter,system-ui,sans-serif!important}
 body.storefront main .categories-panel .category-all{height:42px;margin-bottom:6px!important;font-weight:600!important}
 body.storefront main .categories-panel .cat-filter.active{background:#e8f2f7!important;border-color:#d4e5ef!important;color:#1e5976!important;box-shadow:inset 3px 0 #dcae45!important;font-weight:650!important}
 body.storefront main .categories-panel .cat-filter:hover{background:#f0f5f8!important;border-color:#e3edf3!important}
 body.storefront .category-icon svg,body.storefront .category-all .category-icon svg{width:22px;height:22px}
 body.storefront main .categories-panel .panel-title{font-family:inherit!important;font-size:19px!important;font-weight:700!important}
}
@media(min-width:901px) and (max-width:1150px){body.storefront main .market-layout{grid-template-columns:220px minmax(0,1fr) 230px!important;gap:14px!important}body.storefront main .products-area #grid .card .body{padding:12px!important}}
@media(max-width:900px){body.storefront main.wrap{width:calc(100% - 24px)!important}body.storefront main .market-layout{gap:14px!important}body.storefront main .products-area #grid .card .photo{height:180px!important}}
@media(max-width:600px){body.storefront main .products-area #grid{grid-template-columns:minmax(0,1fr)!important}body.storefront main .products-area #grid .card .photo{height:240px!important}body.storefront main .products-area #grid .card .body{padding:18px!important}}