#templateGrid { display:block; min-width:0; }
#templateGrid .template-section { margin:24px 0; min-width:0; }
#templateGrid .template-section h2 { margin:0 0 6px; font-size:19px; }
#templateGrid .template-section p { margin:0 0 12px; font-size:12px; opacity:.65; }
#templateGrid .template-row { display:flex; gap:12px; overflow-x:auto; padding:0 0 10px; scroll-snap-type:x proximity; }
#templateGrid .template-card { flex:0 0 164px; width:164px; min-width:164px; padding:8px; box-sizing:border-box; text-align:left; scroll-snap-align:start; }
#templateGrid .template-card img { display:block; width:146px; height:146px; object-fit:contain; background:#f4f3ef; border-radius:10px; }
#templateGrid .template-card b { display:block; padding:0; margin-top:10px; font-size:14px; }
#templateGrid .template-card small { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; white-space:normal; padding:0; height:33px; margin:6px 0 4px; font-size:11px; line-height:1.5; }
#templateCategories [data-template-category="design"].active { background:#39734b; color:white; }
#templateCategories [data-template-category="pattern"].active { background:#7651a8; color:white; }
#templateCategories [data-template-category="ecommerce"].active { background:#b66b20; color:white; }