/* Jinja Consolidated Hardware — brand layer over the shop's base styles (navy #12284c, gold #c8961e; a theme may override them with --site-navy / --site-gold). */
.bb-shop-detail,.bb-shop-wrapper,.bb-product-detail,.bb-products,.jch-shop{--primary-color:var(--site-navy,#12284c);--primary-rgb:18,40,76}
:root{--jch-navy:var(--site-navy,#12284c);--jch-gold:var(--site-gold,#c8961e);--jch-line:#e3e8ef;--jch-muted:#64748b;--jch-soft:#f4f7fb}

/* Page rhythm */
.bb-shop-detail,.bb-shop-wrapper,.bb-product-detail,.bb-products{padding:32px 0 56px}
.bb-shop-detail>.container,.bb-product-detail>.container{max-width:1160px}

/* Store banner: navy band, small round logo */
.bb-shop-banner{position:relative;border-radius:18px;overflow:hidden;background:linear-gradient(130deg,var(--site-navy,#12284c) 0%,var(--site-navy-2,#1f3d6d) 70%,#2a4f86 100%)!important;color:#fff;margin-bottom:28px;min-height:auto!important}
.bb-shop-banner-overlay{display:none}
.bb-shop-banner-content{display:flex!important;align-items:center;gap:24px;padding:28px 30px!important;max-width:none!important;flex-wrap:wrap}
.bb-shop-banner-logo{width:96px!important;height:96px!important;max-width:96px!important;object-fit:contain;background:#fff;border-radius:50%;padding:4px;box-shadow:0 0 0 4px rgba(200,150,30,.6);flex:none}
.bb-shop-banner-info{flex:1;min-width:240px}
.bb-shop-banner-name{color:#fff!important;font-size:26px!important;font-weight:800;margin:0 0 4px!important}
.bb-shop-banner-rating small{color:#c9d4e6}
.bb-shop-banner-contact{display:flex;flex-wrap:wrap;gap:4px 18px;margin:8px 0;color:#d6dfee;font-size:14px}
.bb-shop-banner-contact a{color:#fff;text-decoration:none}
.bb-shop-banner-description{color:#d6dfee!important;font-size:14.5px;max-width:720px}

/* Filter sidebar */
.bb-shop-sidebar{background:#fff;border:1px solid var(--jch-line);border-radius:14px;padding:18px;box-shadow:0 14px 34px -28px rgba(16,35,63,.5)}
.bb-filter-offcanvas-close{display:none}
@media (max-width:991px){.bb-filter-offcanvas-close{display:block}}
.bb-product-filter{border-bottom:1px solid var(--jch-line);padding-bottom:14px;margin-bottom:14px}
.bb-product-filter:last-child{border-bottom:0;margin-bottom:0}
.bb-product-filter-title{font-size:13px!important;text-transform:uppercase;letter-spacing:.06em;color:var(--jch-muted)!important;font-weight:800!important;margin-bottom:10px!important}
.bb-product-filter-link{color:#22304a;text-decoration:none}
.bb-product-filter-link:hover,.bb-product-filter-link.active{color:var(--jch-navy);font-weight:700}
.bb-shop-sidebar input[type=text],.bb-shop-sidebar input[type=search],.bb-shop-sidebar input[type=number],.bb-shop-sidebar select{border:1.5px solid var(--jch-line);border-radius:10px;min-height:40px;padding:6px 10px;width:100%}

/* Product cards */
.bb-product-item{background:#fff;border:1px solid var(--jch-line);border-radius:14px;overflow:hidden;height:100%;transition:transform .15s ease,box-shadow .15s ease}
.bb-product-item:hover{transform:translateY(-2px);box-shadow:0 18px 40px -26px rgba(16,35,63,.55)}
.bb-product-item img{object-fit:cover}
.bb-product-item .bb-product-content,.bb-product-item .bb-product-item-content{padding:12px 14px}
.bb-product-item a{color:var(--site-navy,#12284c);text-decoration:none}
.bb-product-price,.bb-product-price-text{color:var(--jch-navy)!important;font-weight:800}
.bb-product-price-text-old,.bb-product-price del{color:var(--jch-muted)!important;font-weight:400}

/* Buttons and badges */
.btn-primary,.bb-btn-primary,button.add-to-cart-button,.bb-product-item .add-to-cart-button{background:var(--jch-navy)!important;border-color:var(--jch-navy)!important;color:#fff!important;border-radius:999px}
.btn-primary:hover,.bb-btn-primary:hover,button.add-to-cart-button:hover{background:var(--jch-gold)!important;border-color:var(--jch-gold)!important}
.bb-product-badge,.product-badge{background:var(--jch-gold)!important;color:#fff!important;border-radius:999px}
.pagination .page-item.active .page-link{background:var(--jch-navy);border-color:var(--jch-navy)}
.pagination .page-link{color:var(--jch-navy)}

/* Empty states and toolbars */
.bb-shop-detail .alert,.bb-product-items-wrapper .alert{border-radius:12px}
.bb-product-listing-toolbar,.bb-shop-toolbar{background:#fff;border:1px solid var(--jch-line);border-radius:12px;padding:10px 14px;margin-bottom:18px}

@media (max-width:767px){.bb-shop-banner-content{padding:22px 18px!important}.bb-shop-banner-name{font-size:21px!important}}