/* doc-project | public/assets/css/catalog.css | organise le catalogue filtrable de produits, visuels et contenus par cartes iconographiques */
.catalog-hero{padding-top:4rem;background:linear-gradient(135deg,#f0ebff,#fff)}.catalog-hero h1{font-size:clamp(2.6rem,7vw,5rem);line-height:.95;max-width:15ch;margin:.5rem 0}.catalog-search{display:grid;grid-template-columns:2fr 1fr auto;gap:1rem;align-items:end;margin-top:2rem}.catalog-band{background:#f8f6fc}.product-card,.compact-card,.template-card{display:grid;gap:.85rem}.compact-card .visual-icon{min-height:130px}.template-card{grid-template-columns:auto 1fr}.template-card .split,.template-card .button{grid-column:1/-1}.template-icon{width:72px;height:72px;display:grid;place-items:center;border-radius:20px;font-size:2.4rem;background:color-mix(in srgb,var(--template-color) 15%,white);border:1px solid color-mix(in srgb,var(--template-color) 35%,white)}@media(max-width:760px){.catalog-search{grid-template-columns:1fr}.template-card{grid-template-columns:1fr}.template-card .split,.template-card .button{grid-column:auto}}