/* Collection pages (product category + shop): brand hero, license chips, editorial body. */
.m3-col-hero{background:var(--navy);background-image:radial-gradient(700px 300px at 88% 0%,rgba(94,162,255,.25),transparent 70%);color:var(--on-navy);padding-block:28px 26px;margin-bottom:28px}
.m3-col-crumbs{font-size:.84rem;color:var(--navy-sub);display:flex;flex-wrap:wrap;gap:8px}
.m3-col-crumbs a{color:#cfdcf0}
.m3-col-crumbs a:hover{color:#fff}
.m3-col-hero h1{color:#fff;font:800 clamp(1.8rem,1.3rem + 1.6vw,2.6rem)/1.12 var(--f-head);letter-spacing:-.03em;margin:12px 0 0}
.m3-col-tag{color:var(--navy-sub);font-size:1.02rem;max-width:64ch;margin:10px 0 0}
.m3-col-meta{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:16px;font-size:.88rem;color:#cfdcf0}
.m3-col-meta b{color:#fff;font-family:var(--f-head)}
.m3-col-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.m3-col-chips a{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:99px;border:1.5px solid rgba(255,255,255,.25);color:#e6eefb;font:600 .88rem var(--f-head);transition:background .2s,border-color .2s}
.m3-col-chips a:hover{border-color:#fff;color:#fff}
.m3-col-chips a[aria-current="page"]{background:#fff;border-color:#fff;color:var(--navy)}
.m3-col-cats{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}
.m3-col-cats::-webkit-scrollbar{display:none}
.m3-col-cats a{flex:none;padding:7px 12px;border-radius:10px;color:var(--navy-sub);font:500 .85rem var(--f-head);white-space:nowrap}
.m3-col-cats a:hover{color:#fff;background:rgba(255,255,255,.06)}
.m3-col-cats a[aria-current="page"]{color:#fff;background:rgba(94,162,255,.18)}
.m3-col-body{margin-top:48px;padding:32px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}
.m3-col-body h2{font:800 1.5rem var(--f-head);color:var(--ink);margin:0 0 18px}
.m3-col-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}
.m3-col-cols h3{font:700 1.02rem var(--f-head);color:var(--ink);margin:0 0 6px}
.m3-col-cols p{color:var(--ink-2);font-size:.94rem;margin:0}
.m3-col-faq-h{margin-top:30px!important}
.m3-col-cta{margin:24px 0 0;color:var(--ink-2)}
@media (max-width:600px){.m3-col-body{padding:20px}}

/* the hero carries the breadcrumb; hide WoodMart's duplicate in the shop toolbar */
.shop-loop-head .woocommerce-breadcrumb,.shop-loop-head .wd-breadcrumbs{display:none}
.m3-col-hero{margin-top:0}
