.templates-page-main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem 1rem}.section-header{text-align:center;margin-bottom:2rem}.section-header h2{font-size:2rem;font-weight:800;display:inline-block;position:relative}.section-header h2:after{content:"";background-color:var(--accent);border-radius:4px;width:60%;height:4px;position:absolute;bottom:-10px;left:20%}.templates-layout{flex-direction:column;align-items:flex-start;gap:2rem;display:flex}@media (max-width:767px){.templates-layout{flex-direction:column}.category-sidebar{z-index:10;width:100%;margin-bottom:2rem;position:relative;top:0}.templates-content{margin-top:1rem}}.category-sidebar{background-color:var(--card-bg);border-radius:var(--border-radius);width:100%;box-shadow:var(--shadow-soft);padding:1.5rem;position:sticky;top:100px}.category-sidebar h3{color:var(--text-color);border-bottom:2px solid #0000000d;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.2rem;font-weight:900}.category-list{flex-wrap:wrap;gap:.5rem;padding:0;list-style:none;display:flex}@media (min-width:768px){.category-list{flex-direction:column}}.category-link{color:#64748b;transition:var(--transition);background-color:#f8fafc;border-radius:99px;padding:.5rem 1rem;font-weight:700;text-decoration:none;display:block}.category-link:hover{color:var(--secondary);background-color:#60a5fa1a}.category-link.active{background-color:var(--primary);color:#fff}.templates-content{flex:1;width:100%}@media (min-width:768px){.templates-layout{flex-direction:row}.category-sidebar{z-index:20;flex-shrink:0;width:250px}}.footer{text-align:center;border-top:1px solid #0000000d;margin-top:auto;padding:3rem 1rem}.footer-small{opacity:.6;margin-top:.5rem;font-size:.875rem}