/* 27.1 friendly category browsing — big image tiles for the shop + category drill-down, and hide
   the product Loop Grid at the browse levels. Paired with includes/category-browse.php. */

/* Hide the Elementor product grid container (#5407 products section) at browse levels. */
.rbp-hide-products .elementor-element-6d7f901{display:none !important}

/* Navy page-title band (archive #5407's title container) to match the facelift. */
.elementor-location-archive .elementor-element-04fe246{
  background-color:#15233d !important;background-image:none !important;border-bottom:3px solid #c89a44
}
.elementor-location-archive .elementor-element-04fe246 .elementor-heading-title{color:#fff !important}
.elementor-location-archive .elementor-element-04fe246 .elementor-icon-list-text,
.elementor-location-archive .elementor-element-04fe246 a{color:#aeb9cc !important}
.elementor-location-archive .elementor-element-04fe246 a:hover{color:#e3bd6a !important}
.elementor-location-archive .elementor-element-04fe246 .elementor-icon-list-icon i,
.elementor-location-archive .elementor-element-04fe246 .elementor-icon-list-icon svg{color:#aeb9cc !important;fill:#aeb9cc !important}

/* Category / subcategory tiles */
.rbp-cat-browse{
  --navy:#15233d;--gold:#c89a44;--paper:#faf6ee;--line:#e2d8c4;--ink:#1a2130;
  display:flex;flex-wrap:wrap;justify-content:center;gap:18px;
  max-width:1160px;margin:0 auto;padding:4px 20px 28px;width:100%
}
.rbp-cat-browse .tile{
  flex:1 1 220px;max-width:280px;
  display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);
  border-radius:8px;overflow:hidden;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease
}
.rbp-cat-browse .tile:hover{transform:translateY(-4px);box-shadow:0 16px 30px rgba(20,30,50,.16)}
.rbp-cat-browse .ph{aspect-ratio:1/1;overflow:hidden;background:#fff;border-bottom:1px solid var(--line)}
.rbp-cat-browse .ph img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.rbp-cat-browse .tile:hover .ph img{transform:scale(1.05)}
.rbp-cat-browse .lab{padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.rbp-cat-browse .lab h3{
  margin:0;font-family:"Saira Condensed",Impact,sans-serif;font-weight:600;font-size:1.3rem;
  color:var(--navy);letter-spacing:.01em;line-height:1.05;text-transform:none
}
.rbp-cat-browse .tile:hover .lab h3{color:#0d1626}
.rbp-cat-browse .lab span{
  font-family:"Saira Condensed",sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.08em;
  font-size:.82rem;color:var(--gold);white-space:nowrap
}

@media(prefers-reduced-motion:reduce){.rbp-cat-browse *{transition:none!important}}