/* ==========================================================================
   SHOP HERO BANNER
   (The product grid itself is WooCommerce's native `ul.products` markup,
   styled in assets/css/woocommerce.css — this file just covers the banner
   at the top of the archive template.)
   ========================================================================== */

.shop-hero { padding: 150px 0 50px; border-bottom: 1px solid var(--line); }
.shop-hero .display-l { max-width: 16ch; }
.shop-hero .text-lede { margin-top: 16px; }