/* ============================================================
   PRIMZO FINAL ORANGE / BLACK / WHITE STORE OVERRIDES
   Reference direction: clean white canvas, orange actions,
   black/dark typography. Desktop is intentionally dense.
   ============================================================ */
:root{
  --ref-orange:#ff6a00!important;
  --ref-orange-2:#ff8a00!important;
  --ref-dark:#111111!important;
  --ref-ink:#111111!important;
  --ref-muted:#666666!important;
  --ref-bg:#ffffff!important;
  --ref-card:#ffffff!important;
  --ref-border:#e7e7e7!important;
  --primary-color:#ff6a00!important;
  --secondary-color:#111111!important;
  --accent-yellow:#ff8a00!important;
}
html,body.reference-store-body,
.reference-store-body main#mainContent{background:#fff!important;color:#111!important}
.reference-store-body a{color:inherit}
.reference-store-body .reference-topbar,
.reference-store-body .primzo-header-marquee,
.reference-store-body .primzo-category-marquee{background:#ff6a00!important;color:#fff!important}
.reference-store-body .reference-topbar a,.reference-store-body .reference-topbar span{color:#fff!important}
.reference-store-body .reference-nav{background:#111!important;color:#fff!important}
.reference-store-body .reference-nav a{color:#fff!important}
.reference-store-body .reference-nav a:hover,.reference-store-body .reference-nav a.active{background:#ff6a00!important;color:#fff!important}
.reference-store-body .reference-search-box:focus-within{border-color:#ff6a00!important;box-shadow:0 0 0 2px rgba(255,106,0,.12)!important}
.reference-store-body .reference-search-box button,
.reference-store-body .btn-primary,
.reference-store-body .btn-add-cart,
.reference-store-body .home-shop-btn{background:#ff6a00!important;border-color:#ff6a00!important;color:#fff!important}
.reference-store-body .btn-primary:hover,.reference-store-body .btn-add-cart:hover,.reference-store-body .home-shop-btn:hover{background:#111!important;border-color:#111!important}
.reference-store-body .price-current,.reference-store-body .product-card .price-current,
.reference-store-body .reference-section-head a,.reference-store-body .breadcrumb a{color:#ff6a00!important}
.reference-store-body .product-card,.reference-store-body .reference-section,.reference-store-body .home-cat-panel,
.reference-store-body .home-side-card,.reference-store-body .reference-trust{background:#fff!important;border-color:#e7e7e7!important}
.reference-store-body .home-cat-title{background:#ff6a00!important}
.reference-store-body .home-cat-list a:hover{background:#fff5ee!important;color:#ff6a00!important}
.reference-store-body .home-cat-list a i,.reference-store-body .reference-trust-item i{color:#ff6a00!important;border-color:#ff6a00!important}
.reference-store-body .home-side-card strong{color:#ff6a00!important}
.reference-store-body .product-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:10px!important}
.reference-store-body .product-grid-item{min-width:0!important}
.reference-store-body .product-card{min-width:0!important;overflow:hidden!important}
.reference-store-body .product-image-wrapper{height:170px!important;min-height:170px!important;background:#fff!important}
.reference-store-body .product-image img{object-fit:contain!important;background:#fff!important;padding:10px!important}
.reference-store-body .product-name{color:#111!important}
.reference-store-body .product-card .btn-add-cart{background:#ff6a00!important}
.reference-store-body .badge-discount{background:#111!important;color:#fff!important}
.reference-store-body .reference-trust-item b,.reference-store-body h1,.reference-store-body h2,.reference-store-body h3,.reference-store-body h4,.reference-store-body h5{color:#111!important}
.reference-store-body .reference-main-header{background:#fff!important}
/* Desktop-only promo stack: never show the three right-side hero cards on mobile. */
@media(max-width:767px){
  .reference-store-body .home-side-promos{display:none!important}
  .reference-store-body .home-reference-top{grid-template-columns:1fr!important}
  .reference-store-body .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .reference-store-body .product-image-wrapper{height:145px!important;min-height:145px!important}
  .reference-store-body .product-image img{padding:7px!important}
  .reference-store-body .reference-nav{display:none!important}
  .reference-store-body .reference-topbar{font-size:9px!important}
  .reference-store-body .primzo-header-marquee{font-size:9px!important}
}
@media(min-width:768px) and (max-width:1199px){
  .reference-store-body .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(min-width:1200px){
  .reference-store-body .product-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important}
  .reference-store-body .home-reference-top{grid-template-columns:190px minmax(0,1fr) 190px!important}
}

.product-variants-box{margin:12px 0;padding:11px;border:1px solid #e7e7e7;border-radius:8px;background:#fff}.product-variants-box>strong{display:block;font-size:12px;margin-bottom:8px;color:#111}.product-variants-box>strong i{color:#ff6a00;margin-right:5px}.product-variant-list{display:flex;flex-wrap:wrap;gap:6px}.product-variant-chip{border:1px solid #ddd;border-radius:999px;padding:5px 9px;font-size:11px;background:#fff;color:#222}.product-variant-chip em{font-style:normal;color:#ff6a00;font-weight:700;margin-left:4px}.seo-landing{background:#fff}.seo-landing-hero{max-width:1500px;margin:0 auto;padding:52px 24px;background:linear-gradient(100deg,#111,#202020 65%,#ff6a00 160%);color:#fff}.seo-landing-hero h1{color:#fff!important;font-size:44px;line-height:1.08;max-width:800px;margin:10px 0 14px}.seo-landing-hero p{max-width:760px;color:#eee;font-size:16px;line-height:1.7}.seo-kicker{font-size:11px;font-weight:800;letter-spacing:1.5px;color:#ff8a00}.seo-actions{display:flex;gap:10px;margin-top:22px}.seo-actions .btn:not(.btn-primary){background:#fff;color:#111;border-color:#fff}.seo-landing-section,.seo-landing-copy{max-width:1500px;margin:0 auto;padding:26px 24px}.seo-category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.seo-category-grid a{border:1px solid #e7e7e7;padding:16px;background:#fff;border-radius:8px}.seo-category-grid strong{display:block;color:#111}.seo-category-grid span{font-size:11px;color:#ff6a00}.seo-landing-copy{border-top:1px solid #eee;padding-bottom:50px}.seo-landing-copy p{line-height:1.8;color:#555}@media(max-width:767px){.seo-landing-hero{padding:34px 16px}.seo-landing-hero h1{font-size:30px}.seo-landing-hero p{font-size:13px}.seo-category-grid{grid-template-columns:repeat(2,1fr)}.seo-landing-section,.seo-landing-copy{padding:18px 10px}.seo-actions{flex-wrap:wrap}}

/* ============================================================
   PRIMZO REFERENCE-STYLE CATEGORY / SHOP COMPACT PASS
   Orange #ff6a00 + black + white. Desktop dense, mobile preserved.
   ============================================================ */
.reference-store-body .category-carousel-section,
.reference-store-body .category-rail-section{
  background:#fff!important;
  border:1px solid #ff6a00!important;
  border-radius:10px!important;
  box-shadow:0 4px 14px rgba(17,17,17,.045)!important;
  overflow:hidden!important;
}

/* Homepage Shop by Category: compact rectangular cards like the reference */
.reference-store-body .category-carousel-section{
  padding:14px 10px 12px!important;
  margin:12px 0!important;
}
.reference-store-body .category-carousel-section .reference-section-head{
  margin:0 6px 10px!important;
  padding:0 0 8px!important;
  border-bottom:1px solid #ededed!important;
}
.reference-store-body .category-carousel-section .reference-section-head h2{
  color:#111!important;
  font-size:22px!important;
  font-weight:800!important;
  line-height:1.15!important;
  margin:0!important;
}
.reference-store-body .category-carousel-section .reference-section-head h2 span{
  display:block!important;
  color:#687078!important;
  font-size:10px!important;
  font-weight:400!important;
  margin-top:5px!important;
}
.reference-store-body .category-carousel-section .reference-section-head>a{
  color:#ff6a00!important;
  font-size:11px!important;
  font-weight:800!important;
}
.reference-store-body .category-carousel-section .category-carousel{
  gap:8px!important;
}
.reference-store-body .category-carousel-section .category-carousel-track{
  gap:10px!important;
  padding:2px 2px 3px!important;
}
.reference-store-body .category-carousel-section .category-carousel-card{
  flex:0 0 124px!important;
  width:124px!important;
  min-width:124px!important;
  min-height:104px!important;
  padding:9px 7px!important;
  justify-content:center!important;
  background:#fff!important;
  border:1px solid #ff6a00!important;
  border-radius:9px!important;
  color:#111!important;
  box-shadow:none!important;
}
.reference-store-body .category-carousel-section .category-carousel-card:hover{
  transform:translateY(-2px)!important;
  background:#fff8f2!important;
  border-color:#ff6a00!important;
}
.reference-store-body .category-carousel-section .category-carousel-card .cat-icon{
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
  border-radius:50%!important;
  background:#fff!important;
  border:1px solid #ededed!important;
  box-shadow:0 0 0 3px #fff!important;
  margin-bottom:7px!important;
  overflow:hidden!important;
}
.reference-store-body .category-carousel-section .category-carousel-card .cat-icon img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:50%!important;
}
.reference-store-body .category-carousel-section .category-carousel-card strong{
  color:#111!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1.15!important;
  text-align:center!important;
}
.reference-store-body .category-carousel-section .category-sub-links{
  color:#ff6a00!important;
  font-size:8px!important;
  margin-top:3px!important;
}
.reference-store-body .category-carousel-section .category-carousel-arrow,
.reference-store-body .category-rail-section .category-carousel-arrow{
  background:#fff!important;
  color:#ff6a00!important;
  border:1px solid #ff6a00!important;
  box-shadow:0 3px 10px rgba(17,17,17,.07)!important;
}
.reference-store-body .category-carousel-section .category-carousel-arrow:hover,
.reference-store-body .category-rail-section .category-carousel-arrow:hover{
  background:#ff6a00!important;
  color:#fff!important;
}

/* Category page related subcategories: compact one-row rail */
.reference-store-body .category-page-subcats{
  padding:13px 12px 10px!important;
  margin:10px 0!important;
}
.reference-store-body .category-page-subcats .category-rail-head{
  margin:0 4px 8px!important;
}
.reference-store-body .category-page-subcats .category-rail-head strong{
  color:#111!important;
  font-size:17px!important;
  font-weight:800!important;
}
.reference-store-body .category-page-subcats .category-rail-head span{
  color:#687078!important;
  font-size:9px!important;
}
.reference-store-body .category-page-subcats .category-carousel-track{
  gap:9px!important;
  padding:1px 2px 2px!important;
}
.reference-store-body .category-page-subcats .category-carousel-card{
  flex:0 0 112px!important;
  width:112px!important;
  min-width:112px!important;
  min-height:91px!important;
  padding:7px!important;
  border:1px solid #ff6a00!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#111!important;
}
.reference-store-body .category-page-subcats .category-carousel-card.is-selected{
  outline:0!important;
  background:#fff4eb!important;
  border-color:#ff6a00!important;
  box-shadow:inset 0 0 0 1px #ff6a00!important;
}
.reference-store-body .category-page-subcats .category-carousel-card .cat-icon{
  width:50px!important;
  height:50px!important;
  border:1px solid #ededed!important;
  background:#fff!important;
  border-radius:50%!important;
  overflow:hidden!important;
  margin-bottom:5px!important;
}
.reference-store-body .category-page-subcats .category-carousel-card .cat-icon img{
  width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;
}
.reference-store-body .category-page-subcats .category-carousel-card strong{
  color:#111!important;
  font-size:9px!important;
  font-weight:800!important;
  line-height:1.1!important;
  text-align:center!important;
}
.reference-store-body .category-page-subcats .category-carousel-card>span:last-child{
  color:#ff6a00!important;
  font-size:7px!important;
  margin-top:2px!important;
}

/* Filter toolbar: orange primary control, clean white container */
.reference-store-body .products-toolbar{
  background:#fff!important;
  border:1px solid #ff6a00!important;
  border-radius:8px!important;
  box-shadow:0 3px 12px rgba(17,17,17,.04)!important;
  padding:8px 10px!important;
}
.reference-store-body .products-filter-toggle,
.reference-store-body .products-toolbar .btn-outline-primary{
  background:#ff6a00!important;
  color:#fff!important;
  border:1px solid #ff6a00!important;
  border-radius:7px!important;
  font-weight:800!important;
}
.reference-store-body .products-filter-toggle:hover,
.reference-store-body .products-toolbar .btn-outline-primary:hover{
  background:#111!important;
  border-color:#111!important;
  color:#fff!important;
}
.reference-store-body .products-toolbar-note{color:#687078!important}
.reference-store-body .filters-box{
  background:#fff!important;
  border:1px solid #ff6a00!important;
  border-radius:8px!important;
}
.reference-store-body .filters-box h5{color:#111!important}
.reference-store-body .filter-list a.active{color:#ff6a00!important}
.reference-store-body .filters-box .btn-primary{background:#ff6a00!important;border-color:#ff6a00!important;color:#fff!important}

/* Product results: six-column desktop, orange details */
@media(min-width:1200px){
  .reference-store-body .product-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important}
}
.reference-store-body .product-card{border:1px solid #e5e5e5!important;border-radius:8px!important;background:#fff!important}
.reference-store-body .product-card:hover{border-color:#ff6a00!important;box-shadow:0 7px 20px rgba(17,17,17,.08)!important}
.reference-store-body .product-card .price-current{color:#111!important;font-weight:900!important}
.reference-store-body .product-card .btn-add-cart{background:#ff6a00!important;border-color:#ff6a00!important;color:#fff!important}
.reference-store-body .product-card .btn-add-cart:hover{background:#111!important;border-color:#111!important}
.reference-store-body .product-name{color:#111!important}

/* Remove the repeated All Categories rail when viewing a specific category. */
.reference-store-body .category-store-page:has(.category-page-banner) > .category-rail-section[aria-label="All main categories"]{display:none!important}

@media(max-width:767px){
  .reference-store-body .category-carousel-section{padding:11px 7px 9px!important}
  .reference-store-body .category-carousel-section .reference-section-head h2{font-size:18px!important}
  .reference-store-body .category-carousel-section .category-carousel-card{flex-basis:102px!important;width:102px!important;min-width:102px!important;min-height:92px!important}
  .reference-store-body .category-carousel-section .category-carousel-card .cat-icon{width:48px!important;height:48px!important;min-width:48px!important}
  .reference-store-body .category-page-subcats{padding:10px 8px 8px!important}
  .reference-store-body .category-page-subcats .category-carousel-card{flex-basis:96px!important;width:96px!important;min-width:96px!important;min-height:84px!important}
  .reference-store-body .category-page-subcats .category-carousel-card .cat-icon{width:44px!important;height:44px!important}
}

/* ============================================================
   FINAL COMPACT CATEGORY SPACING PASS — 2026-09-06
   Match the supplied reference: compact orange outlined boxes,
   minimal white space, centered category items, black prices.
   ============================================================ */

/* Kill the older fixed 210/330px rail heights that created the huge
   empty white area under the category cards. */
.reference-store-body .category-carousel-section .category-carousel,
.reference-store-body .category-rail-section .category-carousel{
  min-height:0!important;
  height:auto!important;
}
.reference-store-body .category-carousel-section .category-carousel-track,
.reference-store-body .category-rail-section .category-carousel-track{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  grid-template-rows:none!important;
  grid-auto-rows:auto!important;
  align-items:center!important;
  padding-top:2px!important;
  padding-bottom:2px!important;
}

/* Homepage Shop by Category: compact reference-style panel. */
.reference-store-body .category-carousel-section{
  padding:12px 10px 10px!important;
  margin:10px 0!important;
  border:1px solid #ff6a00!important;
  border-radius:9px!important;
}
.reference-store-body .category-carousel-section .reference-section-head{
  margin-bottom:8px!important;
  padding-bottom:7px!important;
}
.reference-store-body .category-carousel-section .reference-section-head h2{
  font-size:21px!important;
  line-height:1.1!important;
  color:#111!important;
}
.reference-store-body .category-carousel-section .reference-section-head h2::before{
  background:#ff6a00!important;
  height:21px!important;
  width:4px!important;
  margin-right:8px!important;
}
.reference-store-body .category-carousel-section .reference-section-head h2 span{
  margin-left:12px!important;
  color:#687078!important;
}
.reference-store-body .category-carousel-section .reference-section-head>a{
  color:#ff6a00!important;
}
.reference-store-body .category-carousel-section .category-carousel-card{
  flex:0 0 118px!important;
  width:118px!important;
  min-width:118px!important;
  height:96px!important;
  min-height:96px!important;
  max-height:96px!important;
  padding:6px!important;
  border:1px solid #ff6a00!important;
  border-radius:8px!important;
  background:#fff!important;
  justify-content:center!important;
}
.reference-store-body .category-carousel-section .category-carousel-card .cat-icon,
.reference-store-body .category-carousel-section .category-carousel-card .cat-icon.cat-image{
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  min-height:52px!important;
  margin-bottom:5px!important;
}
.reference-store-body .category-carousel-section .category-carousel-card strong{
  color:#111!important;
  font-size:9.5px!important;
  line-height:1.1!important;
}

/* Specific category page: keep related categories compact and centered. */
.reference-store-body .category-page-subcats{
  padding:11px 12px 9px!important;
  margin:9px 0!important;
  border:1px solid #ff6a00!important;
  border-radius:9px!important;
}
.reference-store-body .category-page-subcats .category-rail-head{
  margin:0 4px 7px!important;
}
.reference-store-body .category-page-subcats .category-rail-head strong{
  color:#111!important;
  font-size:16px!important;
}
.reference-store-body .category-page-subcats .category-rail-head span{
  color:#687078!important;
}
.reference-store-body .category-page-subcats .category-carousel-track{
  justify-content:center!important;
  gap:8px!important;
  overflow-x:auto!important;
}
.reference-store-body .category-page-subcats .category-carousel-card{
  flex:0 0 104px!important;
  width:104px!important;
  min-width:104px!important;
  max-width:104px!important;
  height:86px!important;
  min-height:86px!important;
  max-height:86px!important;
  padding:6px!important;
  border:1px solid #ff6a00!important;
  border-radius:8px!important;
  background:#fff!important;
  justify-content:center!important;
}
.reference-store-body .category-page-subcats .category-carousel-card .cat-icon,
.reference-store-body .category-page-subcats .category-carousel-card .cat-icon.cat-image{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  margin-bottom:4px!important;
}
.reference-store-body .category-page-subcats .category-carousel-card strong{
  color:#111!important;
  font-size:8.5px!important;
  line-height:1.08!important;
}
.reference-store-body .category-page-subcats .category-carousel-card.is-selected{
  background:#fff5ed!important;
  border-color:#ff6a00!important;
  box-shadow:inset 0 0 0 1px #ff6a00!important;
}

/* Orange outlines for category controls/arrows; keep text readable. */
.reference-store-body .category-carousel-arrow{
  color:#ff6a00!important;
  border-color:#ff6a00!important;
  background:#fff!important;
}
.reference-store-body .category-carousel-arrow:hover{
  color:#fff!important;
  background:#ff6a00!important;
  border-color:#ff6a00!important;
}

/* Product prices are BLACK, not orange. */
.reference-store-body .product-card .price-current,
.reference-store-body .product-card .price,
.reference-store-body .product-price,
.reference-store-body .price-current{
  color:#111!important;
}

/* Keep filters consistently orange/white on category pages. */
.reference-store-body .products-filter-toggle,
.reference-store-body .products-toolbar .btn-outline-primary{
  background:#ff6a00!important;
  border-color:#ff6a00!important;
  color:#fff!important;
}
.reference-store-body .filter-list a.active,
.reference-store-body .filters-box .form-check-input:checked{
  accent-color:#ff6a00!important;
}

@media(min-width:768px){
  .reference-store-body .category-carousel-section .category-carousel-track,
  .reference-store-body .category-page-subcats .category-carousel-track{
    overflow-y:hidden!important;
  }
}

@media(max-width:767px){
  .reference-store-body .category-carousel-section{
    padding:10px 7px 8px!important;
  }
  .reference-store-body .category-carousel-section .category-carousel-card{
    flex-basis:100px!important;
    width:100px!important;
    min-width:100px!important;
    height:88px!important;
    min-height:88px!important;
    max-height:88px!important;
  }
  .reference-store-body .category-carousel-section .category-carousel-card .cat-icon,
  .reference-store-body .category-carousel-section .category-carousel-card .cat-icon.cat-image{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
  }
  .reference-store-body .category-page-subcats{
    padding:9px 7px 7px!important;
  }
  .reference-store-body .category-page-subcats .category-carousel-track{
    justify-content:flex-start!important;
  }
}