/* Primzo Shop category system: always horizontal, compact and scrollable. */
.category-store-page{overflow-x:hidden}
.category-carousel{display:flex!important;align-items:center!important;width:100%!important;gap:8px!important}
.category-carousel-track{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:stretch!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-behavior:smooth!important;scrollbar-width:none!important;flex:1 1 auto!important;min-width:0!important;gap:9px!important;padding:3px 2px 9px!important}
.category-carousel-track::-webkit-scrollbar{display:none!important}
.category-carousel-card{display:flex!important;flex:0 0 126px!important;width:126px!important;min-width:126px!important;min-height:108px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-decoration:none!important}
.category-carousel-card.is-selected{outline:2px solid rgba(22,163,74,.28)!important;box-shadow:0 3px 12px rgba(22,163,74,.12)!important}
.category-carousel-arrow{flex:0 0 32px!important;width:32px!important;height:32px!important;border-radius:50%!important;border:1px solid #d9e4dc!important;background:#fff!important;color:#159a3b!important;display:grid!important;place-items:center!important;cursor:pointer!important;box-shadow:0 2px 8px rgba(0,0,0,.08)!important;z-index:3!important}
.category-carousel-arrow:hover{background:#eff8f1!important;border-color:#9fd4ad!important}
.category-selected-box{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:3px 0 8px;padding:9px 12px;border:1px solid #d9e7de;border-radius:9px;background:#f7fbf8}
.category-selected-box span{font-size:9px;color:#718078;text-transform:uppercase;letter-spacing:.5px;font-weight:700}
.category-selected-box strong{font-size:15px;color:#159a3b}
.category-breadcrumb-path{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:12px;color:#6b7280}
.category-breadcrumb-path a{color:#159a3b;text-decoration:none;font-weight:700}
.category-page-banner{width:100%;max-width:1200px;height:180px;margin:0 auto 15px;border-radius:10px;overflow:hidden;background:#eef2f0;border:1px solid #e1e8e3;box-shadow:0 3px 12px rgba(0,0,0,.05)}
.category-page-banner img{width:100%;height:100%;display:block;object-fit:cover}
.category-page-subcats{margin-bottom:12px}
.category-content-label{font-size:15px;font-weight:800;margin-bottom:8px;color:#18231d}
.category-content-body{font-size:13px;line-height:1.75;color:#445047}
.category-seo-content{max-width:1200px;margin:22px 0 8px;padding:18px 20px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;line-height:1.75}
@media(max-width:700px){
 .category-carousel-card{flex-basis:102px!important;width:102px!important;min-width:102px!important;min-height:94px!important;padding:7px!important}
 .category-carousel-card .cat-icon{width:50px!important;height:50px!important}
 .category-carousel-arrow{flex-basis:29px!important;width:29px!important;height:29px!important;font-size:10px!important}
 .category-page-banner{height:115px!important;margin-bottom:12px!important;border-radius:8px!important}
 .category-selected-box{padding:8px 10px!important}
 .category-selected-box strong{font-size:13px!important}
 .category-content-body{font-size:12px!important}
}

/* Final category UX: one horizontal row only, with compact cards and arrows. */
.category-carousel{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;width:100%!important;min-width:0!important}
.category-carousel-track{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:stretch!important;justify-content:flex-start!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;min-width:0!important;flex:1 1 auto!important}
.category-carousel-card{display:flex!important;flex-direction:column!important;flex:0 0 122px!important;width:122px!important;min-width:122px!important;max-width:122px!important;white-space:normal!important}
.category-carousel-card .cat-icon{flex:0 0 auto!important;border-radius:50%!important}
.category-carousel-card strong,.category-carousel-card>span:last-child{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;max-width:100%!important}
.category-page-banner{height:150px!important;max-height:150px!important}
.category-page-banner img{object-fit:cover!important}
.category-rail-section{margin-top:10px!important}
.category-rail-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px}
.category-rail-head strong{font-size:14px}
.category-rail-head span{display:block;font-size:10px;color:#8a948d;margin-top:2px}
.category-rail-section + .products-toolbar{margin-top:12px}
@media(max-width:700px){
 .category-carousel-card{flex-basis:102px!important;width:102px!important;min-width:102px!important;max-width:102px!important}
 .category-page-banner{height:100px!important;max-height:100px!important}
}

/* 2026-09-01 — Marketplace-style category rail (2-row horizontal carousel) */
.category-carousel-section,
.category-rail-section{
  background:#fff!important;
  border:1px solid #e8eee9!important;
  border-radius:18px!important;
  padding:22px 26px 20px!important;
  box-shadow:0 2px 10px rgba(20,35,25,.025)!important;
}
.category-carousel-section .reference-section-head{margin-bottom:14px!important}
.category-carousel-section .reference-section-head h2{font-size:22px!important;font-weight:500!important;color:#07145f!important}
.category-carousel-section .reference-section-head h2:before{display:none!important}
.category-carousel-section .reference-section-head h2 span{font-size:10px!important;color:#7c8581!important;margin-top:4px!important}
.category-carousel-section .reference-section-head>a{color:#59645e!important;font-weight:500!important;font-size:12px!important}
.category-carousel,
.category-rail-section .category-carousel{position:relative!important;display:flex!important;align-items:center!important;gap:10px!important}
.category-carousel-track{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-template-rows:repeat(2,1fr)!important;
  grid-auto-columns:108px!important;
  align-items:stretch!important;
  justify-content:start!important;
  gap:14px 18px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-behavior:smooth!important;
  scrollbar-width:none!important;
  white-space:normal!important;
  min-width:0!important;
  flex:1 1 auto!important;
  height:205px!important;
  padding:2px 4px 5px!important;
}
.category-carousel-track::-webkit-scrollbar{display:none!important}
.category-carousel-card,
.reference-category-card.category-carousel-card{
  box-sizing:border-box!important;
  display:flex!important;
  flex:0 0 108px!important;
  width:108px!important;
  min-width:108px!important;
  max-width:108px!important;
  height:94px!important;
  min-height:94px!important;
  padding:2px 3px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-direction:column!important;
  text-decoration:none!important;
  color:#252b28!important;
  transition:transform .18s ease!important;
}
.category-carousel-card:hover{transform:translateY(-2px)!important;border:0!important;box-shadow:none!important}
.category-carousel-card .cat-icon,
.category-carousel-card .cat-icon.cat-image{
  width:78px!important;
  height:78px!important;
  min-width:78px!important;
  min-height:78px!important;
  flex:0 0 78px!important;
  margin:0 0 7px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  background:#f4f8f5!important;
  box-shadow:0 0 0 1px #e8efea!important;
  padding:0!important;
}
.category-carousel-card .cat-icon.cat-image img{
  width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;display:block!important
}
.category-carousel-card strong{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:normal!important;
  text-align:center!important;
  font-size:11px!important;
  line-height:1.12!important;
  font-weight:600!important;
  color:#2a302d!important;
}
.category-carousel-card>span:last-child{display:none!important}
.category-carousel-arrow{
  position:relative!important;
  flex:0 0 38px!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  border-radius:50%!important;
  border:1px solid #e1e7e3!important;
  background:#fff!important;
  color:#18231d!important;
  display:grid!important;
  place-items:center!important;
  cursor:pointer!important;
  box-shadow:0 3px 10px rgba(0,0,0,.09)!important;
  z-index:5!important;
}
.category-carousel-arrow:hover{background:#f5faf6!important;color:#159a3b!important;border-color:#b9ddc4!important}
.category-carousel-arrow.prev{margin-left:-8px!important}
.category-carousel-arrow.next{margin-right:-8px!important}
.category-carousel-card.is-selected{outline:2px solid rgba(22,163,74,.22)!important;outline-offset:3px!important;border-radius:50%!important}

/* Product/category listing rails use the same visual language */
.category-rail-section .category-rail-head{margin-bottom:12px!important}
.category-rail-section .category-rail-head strong{font-size:18px!important;font-weight:600!important;color:#101827!important}
.category-rail-section .category-rail-head span{font-size:10px!important;color:#7b857f!important}
.category-page-subcats{padding-bottom:18px!important}

@media(max-width:700px){
  .category-carousel-section,
  .category-rail-section{border-radius:14px!important;padding:16px 12px 14px!important}
  .category-carousel-section .reference-section-head h2{font-size:18px!important}
  .category-carousel-section .reference-section-head>a{font-size:10px!important}
  .category-carousel-track{
    grid-auto-columns:88px!important;
    grid-template-rows:repeat(2,1fr)!important;
    gap:12px 10px!important;
    height:184px!important;
    padding-left:2px!important;
    padding-right:2px!important;
  }
  .category-carousel-card,
  .reference-category-card.category-carousel-card{
    flex-basis:88px!important;width:88px!important;min-width:88px!important;max-width:88px!important;
    height:84px!important;min-height:84px!important;
  }
  .category-carousel-card .cat-icon,
  .category-carousel-card .cat-icon.cat-image{
    width:62px!important;height:62px!important;min-width:62px!important;min-height:62px!important;flex-basis:62px!important;margin-bottom:5px!important;
  }
  .category-carousel-card strong{font-size:9px!important}
  .category-carousel-arrow{flex-basis:30px!important;width:30px!important;height:30px!important;min-width:30px!important;font-size:10px!important}
  .category-carousel-arrow.prev{margin-left:-5px!important}.category-carousel-arrow.next{margin-right:-5px!important}
}


/* 2026-09-01 premium category rail polish */
.category-carousel-section,.category-rail-section{background:linear-gradient(180deg,#fff,#fbfdfc)!important;border:1px solid #e3ebe5!important;box-shadow:0 8px 28px rgba(17,35,23,.055)!important}
.category-carousel-card .cat-icon.cat-image{background:#f2f8f4!important;box-shadow:0 0 0 1px #dce8df,0 5px 16px rgba(15,45,28,.07)!important}
.category-carousel-card:hover .cat-icon.cat-image{box-shadow:0 0 0 2px #a9d9b7,0 8px 20px rgba(15,45,28,.10)!important}
.category-carousel-card strong{color:#17221b!important;font-weight:700!important}
.category-carousel-arrow{width:40px!important;height:40px!important;min-width:40px!important;border:1px solid #d7e2da!important;background:#fff!important}
.homepage-custom-card{position:relative;display:block;width:var(--desktop-width,100%);height:var(--desktop-height,180px);margin:0 auto;border-radius:12px;overflow:hidden;border:1px solid #e2e9e4;box-shadow:0 5px 18px rgba(0,0,0,.05);background:#eef3ef}
.homepage-custom-card img{width:100%;height:100%;object-fit:cover;display:block}
.homepage-custom-overlay{position:absolute;left:0;right:0;bottom:0;padding:18px 20px;background:linear-gradient(transparent,rgba(0,0,0,.68));color:#fff;display:flex;flex-direction:column;gap:3px}
.homepage-custom-overlay strong{font-size:18px}.homepage-custom-overlay span{font-size:11px}.homepage-custom-text{padding:12px 3px 0;font-size:13px;line-height:1.7;color:#4d5a51}
.promo-wide-image-only{width:var(--desktop-width,100%)!important;height:var(--desktop-height,180px)!important;margin-left:auto!important;margin-right:auto!important}
.promo-wide-image-only img{width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important}
@media(max-width:767px){.promo-wide-image-only{width:var(--mobile-width,100%)!important;height:var(--mobile-height,105px)!important}.homepage-custom-card{width:var(--mobile-width,100%);height:var(--mobile-height,105px)}.homepage-custom-overlay{padding:12px}.homepage-custom-overlay strong{font-size:14px}.homepage-custom-text{font-size:12px}}

/* Final marketplace category rail: two visible rows, horizontal column scrolling. */
.category-carousel-section{
  border-radius:18px!important;padding:22px 26px 18px!important;background:#fff!important;
  box-shadow:0 4px 18px rgba(17,35,23,.045)!important;
}
.category-carousel-section .reference-section-head{margin-bottom:15px!important}
.category-carousel-section .reference-section-head h2{font-size:22px!important;color:#081a72!important;font-weight:600!important;letter-spacing:-.2px}
.category-carousel-section .reference-section-head h2 span{font-size:10px!important;color:#7b8580!important;font-weight:400!important}
.category-carousel{position:relative!important;display:flex!important;align-items:center!important;gap:0!important;min-height:210px!important}
.category-carousel-track{
  display:grid!important;grid-auto-flow:column!important;grid-template-rows:repeat(2,92px)!important;
  grid-auto-columns:112px!important;gap:12px 14px!important;align-items:stretch!important;
  overflow-x:auto!important;overflow-y:hidden!important;scroll-behavior:smooth!important;
  padding:2px 12px 8px!important;scrollbar-width:none!important;flex:1 1 auto!important;
}
.category-carousel-track::-webkit-scrollbar{display:none!important}
.category-carousel-card,.reference-category-card.category-carousel-card{
  width:112px!important;min-width:112px!important;height:92px!important;min-height:92px!important;
  padding:4px 2px!important;background:transparent!important;border:0!important;box-shadow:none!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;
  gap:5px!important;scroll-snap-align:start!important;transform:none!important;
}
.category-carousel-card .cat-icon,.category-carousel-card .cat-icon.cat-image{
  width:70px!important;height:70px!important;min-width:70px!important;min-height:70px!important;
  margin:0!important;border-radius:50%!important;overflow:hidden!important;background:#f4f7f5!important;
  border:1px solid #edf0ee!important;box-shadow:none!important;
}
.category-carousel-card .cat-icon.cat-image img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important}
.category-carousel-card strong{
  font-size:11px!important;line-height:1.05!important;font-weight:700!important;color:#242a27!important;
  text-align:center!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;
  overflow:hidden!important;max-width:104px!important;min-height:22px!important;
}
.category-carousel-card>span:last-child{display:block!important;font-size:8px!important;color:#89928d!important;line-height:1!important}
.category-carousel-arrow{
  position:absolute!important;top:50%!important;transform:translateY(-50%)!important;z-index:5!important;
  width:38px!important;height:38px!important;min-width:38px!important;border-radius:50%!important;
  background:#fff!important;border:1px solid #e3e8e5!important;color:#17251f!important;
  display:grid!important;place-items:center!important;box-shadow:0 4px 14px rgba(0,0,0,.10)!important;
}
.category-carousel-arrow.prev{left:0!important}.category-carousel-arrow.next{right:0!important}
.category-carousel-arrow:hover{background:#f8faf9!important;color:#159a3b!important}
.category-carousel-card:hover .cat-icon.cat-image{box-shadow:0 0 0 2px #dbe9df!important;transform:translateY(-1px)!important}
@media(max-width:767px){
  .category-carousel-section{padding:16px 10px 12px!important;border-radius:14px!important}
  .category-carousel-section .reference-section-head h2{font-size:18px!important}
  .category-carousel{min-height:174px!important}
  .category-carousel-track{grid-template-rows:repeat(2,76px)!important;grid-auto-columns:86px!important;gap:9px 7px!important;padding:2px 22px 6px!important}
  .category-carousel-card,.reference-category-card.category-carousel-card{width:86px!important;min-width:86px!important;height:76px!important;min-height:76px!important;gap:3px!important}
  .category-carousel-card .cat-icon,.category-carousel-card .cat-icon.cat-image{width:53px!important;height:53px!important;min-width:53px!important;min-height:53px!important}
  .category-carousel-card strong{font-size:8.5px!important;max-width:82px!important;min-height:18px!important}
  .category-carousel-card>span:last-child{font-size:7px!important}
  .category-carousel-arrow{width:30px!important;height:30px!important;min-width:30px!important;font-size:10px!important}
}

/* =========================================================
   Primzo 2026 Premium Marquee + Category Presentation
   ========================================================= */
.primzo-marquee{
  width:100%;
  overflow:hidden;
  position:relative;
  background:#0f1720;
  color:#fff;
  border:0;
  white-space:nowrap;
  z-index:30;
}
.primzo-header-marquee{
  height:27px;
  display:flex;
  align-items:center;
  background:linear-gradient(90deg,#0c1510,#138b3d,#0c1510);
  border-bottom:1px solid rgba(255,255,255,.10);
}
.primzo-category-marquee{
  height:34px;
  margin:0 0 10px;
  border-radius:10px;
  background:linear-gradient(90deg,#0c1711,#137c39 45%,#0c1711);
  box-shadow:0 5px 18px rgba(18,90,43,.10);
  border:1px solid rgba(24,145,64,.18);
}
.primzo-marquee-track{
  display:inline-flex;
  align-items:center;
  gap:0;
  min-width:max-content;
  padding-left:100%;
  animation:primzoMarquee 34s linear infinite;
  will-change:transform;
}
.primzo-marquee-track span{
  display:inline-flex;
  align-items:center;
  height:100%;
  padding:0 28px;
  font-size:11px;
  font-weight:600;
  letter-spacing:.15px;
}
.primzo-header-marquee .primzo-marquee-track span{
  font-size:10px;
  padding:0 24px;
}
.primzo-marquee-track span::after{
  content:"•";
  margin-left:28px;
  opacity:.55;
}
@keyframes primzoMarquee{
  from{transform:translateX(0)}
  to{transform:translateX(-100%)}
}
.primzo-marquee:hover .primzo-marquee-track{animation-play-state:paused}

/* Remove the old duplicate top navigation category button. */
.reference-nav .ref-category-button{display:none!important}

/* Make the marketplace nav start cleanly after the duplicate button is removed. */
.reference-nav-inner{
  gap:0!important;
}
.reference-nav-inner>a{
  padding-left:17px!important;
  padding-right:17px!important;
}

/* More polished Shop by Category heading */
.category-carousel-section .reference-section-head{
  align-items:flex-end!important;
  padding-bottom:2px;
}
.category-carousel-section .reference-section-head h2{
  color:#111c17!important;
  font-size:23px!important;
  font-weight:800!important;
  letter-spacing:-.35px!important;
  text-transform:none!important;
}
.category-carousel-section .reference-section-head h2::before{
  content:"";
  display:inline-block;
  width:4px;
  height:23px;
  border-radius:4px;
  margin-right:9px;
  vertical-align:-3px;
  background:#159447;
}
.category-carousel-section .reference-section-head h2 span{
  display:block!important;
  margin:5px 0 0 14px!important;
  font-size:10px!important;
  color:#7b8580!important;
  font-weight:500!important;
  letter-spacing:.1px!important;
}
.category-carousel-section .reference-section-head>a{
  color:#148e3e!important;
  font-weight:700!important;
}

/* Category cards: real category/product image remains the visual focus. */
.category-carousel-card .cat-icon.cat-image{
  background:#fff!important;
  border:1px solid #e4ebe6!important;
  box-shadow:0 3px 12px rgba(13,50,28,.07)!important;
}
.category-carousel-card .cat-icon.cat-image img{
  object-fit:cover!important;
  object-position:center!important;
}
.category-carousel-card strong{
  font-size:10.5px!important;
  font-weight:750!important;
}
.category-carousel-card>span:last-child{
  color:#159447!important;
  font-weight:600!important;
}

/* Keep arrows clearly visible over the scrolling rail. */
.category-carousel-arrow{
  color:#168f42!important;
}
@media(max-width:767px){
  .primzo-header-marquee{height:24px}
  .primzo-category-marquee{height:31px;margin-bottom:8px;border-radius:8px}
  .primzo-marquee-track{animation-duration:28s}
  .primzo-marquee-track span{font-size:9px;padding:0 18px}
  .primzo-header-marquee .primzo-marquee-track span{font-size:8.5px;padding:0 16px}
  .primzo-marquee-track span::after{margin-left:18px}
  .category-carousel-section .reference-section-head h2{font-size:18px!important}
  .category-carousel-section .reference-section-head h2::before{height:19px;width:3px;margin-right:7px}
  .category-carousel-section .reference-section-head h2 span{font-size:8.5px!important;margin-left:10px!important}
}

/* 2026-09-05 — Clean marketplace category cards: no broken image dependency. */
.category-parent-card{height:150px!important;min-height:150px!important;justify-content:flex-start!important}
.category-parent-card .category-font-icon{width:72px!important;height:72px!important;min-width:72px!important;min-height:72px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#eff9f2!important;border:1px solid #d9efdf!important;box-shadow:0 1px 4px rgba(16,120,55,.08)!important;margin-bottom:8px!important}
.category-parent-card .category-font-icon i{font-size:28px!important;color:#159a3b!important;line-height:1!important}
.category-parent-card strong{font-size:12px!important;font-weight:700!important;color:#202824!important;min-height:28px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.category-sub-links{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:3px!important;width:100%!important;max-width:108px!important;margin-top:3px!important}
.category-sub-links em{font-style:normal!important;font-size:8px!important;line-height:1.1!important;color:#6d776f!important;background:#f7faf8!important;border:1px solid #e6eee8!important;border-radius:10px!important;padding:3px 5px!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.home-cat-list>a>i{width:18px!important;min-width:18px!important;text-align:center!important;color:#159a3b!important;font-size:13px!important}
@media(max-width:700px){
 .category-parent-card{height:132px!important;min-height:132px!important}
 .category-parent-card .category-font-icon{width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;margin-bottom:6px!important}
 .category-parent-card .category-font-icon i{font-size:22px!important}
 .category-parent-card strong{font-size:10px!important;min-height:24px!important}
 .category-sub-links{max-width:94px!important}
 .category-sub-links em{font-size:7px!important;padding:2px 4px!important}
}

/* Category rail sizing for the new parent + subcategory cards. */
@media(min-width:701px){.category-carousel-track{height:330px!important;grid-template-rows:repeat(2,150px)!important;grid-auto-rows:150px!important}.category-carousel-card{height:150px!important;min-height:150px!important}}
@media(max-width:700px){.category-carousel-track{height:280px!important;grid-template-rows:repeat(2,132px)!important;grid-auto-rows:132px!important}.category-carousel-card{height:132px!important;min-height:132px!important}}