.catalog-discovery { box-sizing:border-box; min-width:0; max-width:100%; padding:24px; margin-block:20px 28px; border:1px solid #bbd5c7; border-radius:20px; background:#f1f8f4; box-shadow:0 6px 22px #153c2610; overflow:hidden; }
.catalog-discovery .catalog-categories { margin:0 0 20px; padding:0; width:100%; display:grid; gap:12px; }
.catalog-discovery .catalog-categories > span { color:#16452e; font-weight:700; font-size:1rem; }
.catalog-discovery .catalog-categories > div { display:flex; flex-wrap:wrap; gap:10px; }
.catalog-discovery .catalog-categories a { padding:10px 18px; border:1px solid #bdd4c7; border-radius:12px; background:white; color:#16452e; font-weight:700; min-height:44px; display:inline-flex; align-items:center; }
.catalog-discovery .catalog-categories a[aria-current="page"] { background:#087c43; color:white; border-color:#087c43; }
.catalog-discovery a:focus-visible { outline:3px solid #16452e; outline-offset:3px; }
.catalog-discovery .section-search { margin:0; padding:18px 0 0; border:0; border-top:1px solid #ccded3; border-radius:0; background:transparent; }
@media(max-width:600px) { .catalog-discovery { padding:16px; } .catalog-discovery .catalog-categories a { max-width:100%; padding:9px 12px; font-size:.85rem; overflow-wrap:anywhere; } .catalog-discovery .section-search,.catalog-discovery .section-search>div,.catalog-discovery input,.catalog-discovery button{width:100%;max-width:100%;min-width:0} }