.templates-featured{padding:var(--space-2xl) 0;background:var(--color-bg)}.templates-header{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-xl)}.templates-header-content{flex:1}.templates-badge{display:inline-flex;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--size-xs);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-accent);margin-bottom:var(--space-md)}.templates-title{font-size:var(--size-h1);font-weight:var(--weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-md);line-height:var(--leading-heading)}.templates-description{font-size:var(--size-body);color:var(--color-text-secondary);line-height:var(--leading-body)}.browse-all-link{display:inline-flex;align-items:center;gap:var(--space-sm);font-size:var(--size-body);font-weight:var(--weight-medium);color:var(--color-text-primary);text-decoration:none;transition:color .2s ease;white-space:nowrap}.browse-all-link:hover{color:var(--color-accent)}.browse-all-link svg{transition:transform .2s ease}.browse-all-link:hover svg{transform:translate(4px)}.templates-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}.template-card{display:flex;flex-direction:column;background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;transition:all .3s ease}.template-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-accent)}.template-preview{width:100%;overflow:hidden;background:var(--color-surface)}.template-image-wrapper{width:100%;height:100%}.template-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(135deg,var(--black-300) 0%,var(--black-500) 100%)}[data-theme=dark] .template-image-placeholder{background:linear-gradient(135deg,var(--black-200) 0%,var(--black-400) 100%)}.template-image-placeholder[data-template=credo]{background:linear-gradient(135deg,#1e3a2f,#2d5a47)}.template-image-placeholder[data-template=aithra]{background:linear-gradient(135deg,#1a1f3a,#2d3561)}.template-image-placeholder[data-template=kleno]{background:linear-gradient(135deg,#2f3a1e,#4a5a2d)}.template-image-placeholder[data-template=fithlive]{background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}.template-image-placeholder[data-template=dreamly]{background:linear-gradient(135deg,#3a1e2f,#5a2d47)}.template-image-placeholder[data-template=verve]{background:linear-gradient(135deg,#3a2f1e,#5a4a2d)}.template-image-placeholder[data-template=secretblue]{background:linear-gradient(135deg,#1e2f3a,#2d475a)}.template-image-placeholder[data-template=vibes]{background:linear-gradient(135deg,#2f1e3a,#472d5a)}.template-preview-label{font-size:var(--size-body);font-weight:var(--weight-medium);color:#ffffff4d;text-transform:uppercase;letter-spacing:.1em}.template-info{padding:var(--space-xs) var(--space-sm);display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs)}.template-meta{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.template-creator{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--size-xs);color:var(--color-text-secondary)}.creator-icon{font-size:1rem;line-height:1}.creator-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-name{font-size:var(--size-small);font-weight:var(--weight-medium);color:var(--color-text-primary)}.template-price{font-size:var(--size-small);font-weight:var(--weight-medium);color:var(--color-text-primary);white-space:nowrap}.template-price.strikethrough{text-decoration:line-through;color:var(--red-100);font-size:var(--size-xs);font-weight:var(--weight-regular);opacity:.7;margin-bottom:2px}@media (min-width: 640px){.templates-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.templates-header{flex-direction:row;align-items:flex-start;justify-content:space-between}.browse-all-link{margin-top:calc(var(--space-md) + 1.5rem)}}@media (min-width: 1024px){.templates-grid{grid-template-columns:repeat(4,1fr)}}.templates-all-wrapper{padding:var(--space-lg) var(--space-md) var(--space-xl);background:var(--color-bg);min-height:100vh;max-width:1600px;margin:0 auto}.breadcrumb{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--size-small);color:var(--color-text-secondary);margin-bottom:var(--space-md)}.breadcrumb a{color:var(--color-text-secondary);text-decoration:none;transition:color .2s ease}.breadcrumb a:hover{color:var(--color-accent)}.breadcrumb-separator{color:var(--color-text-secondary);opacity:.5}.page-title{font-size:var(--size-section-heading);font-weight:var(--weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-lg);line-height:var(--leading-heading)}.templates-all-layout{display:grid;grid-template-columns:1fr;gap:var(--space-xl);max-width:100%}.templates-sidebar{display:none;flex-direction:column;gap:var(--space-lg);position:sticky;top:var(--space-lg);align-self:start;max-height:calc(100vh - var(--space-2xl));overflow-y:auto}.sidebar-search{position:relative}.search-input{width:100%;padding:var(--space-sm) var(--space-md);padding-left:calc(var(--space-md) + 24px);background:var(--color-bg);border:1px solid var(--color-surface-border);border-radius:var(--radius-md);font-size:var(--size-small);color:var(--color-text-primary);font-family:var(--font-base);transition:border-color .2s ease}.search-input:focus{outline:none;border-color:var(--color-accent)}.search-input::placeholder{color:var(--color-text-secondary)}.search-icon{position:absolute;left:var(--space-sm);top:50%;transform:translateY(-50%);color:var(--color-text-secondary);pointer-events:none;display:flex;align-items:center;justify-content:center}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-xs)}.sidebar-category-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-size:var(--size-small);color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all .2s ease;background:transparent;border:none;width:100%;cursor:pointer;font-family:var(--font-base);text-align:left}.sidebar-category-item:hover{background:var(--color-bg);color:var(--color-text-primary)}.sidebar-category-item.primary{font-weight:var(--weight-medium);color:var(--color-text-primary)}.sidebar-category-item.active{background:var(--color-surface);color:var(--color-accent)}.category-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.category-name{flex:1}.sidebar-divider{height:1px;background:var(--color-surface-border);margin:var(--space-sm) 0}.filter-bar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) 0;margin-bottom:var(--space-md);flex-wrap:wrap}.filter-left{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.filter-right{display:flex;align-items:center;gap:var(--space-sm)}.filter-dropdown{position:relative}.dropdown-trigger{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-sm) var(--space-sm);background:transparent;border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);font-size:var(--size-small);color:var(--color-text-primary);cursor:pointer;transition:all .2s ease;font-family:var(--font-base);font-weight:var(--weight-normal);min-width:100px}.dropdown-trigger:hover{border-color:var(--color-text-secondary);background:var(--color-surface)}.dropdown-trigger svg{color:var(--color-text-secondary)}.dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:200px;background:var(--color-surface);border:1px solid var(--color-surface-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s ease;z-index:100;overflow:hidden}.filter-dropdown.active .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{width:100%;padding:var(--space-md) var(--space-md);background:transparent;border:none;text-align:left;font-size:var(--size-small);color:var(--color-text-primary);cursor:pointer;transition:background .2s ease;font-family:var(--font-base);font-weight:var(--weight-normal);display:block}.dropdown-item:hover{background:var(--color-bg)}.free-only-toggle{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;user-select:none}.toggle-input{appearance:none;width:42px;height:24px;background:var(--color-surface-border);border-radius:12px;position:relative;cursor:pointer;transition:background .2s ease}.toggle-input:before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform .2s ease}.toggle-input:checked{background:var(--color-primary)}.toggle-input:checked:before{transform:translate(18px)}.toggle-label{font-size:var(--size-small);color:var(--color-text-primary);font-weight:var(--weight-normal)}.template-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md)}.template-item{display:contents}@media (min-width: 640px){.templates-all-wrapper{padding:var(--space-xl) var(--space-lg) var(--space-2xl)}.template-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.filter-bar{flex-wrap:nowrap}.template-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.templates-all-wrapper{padding:var(--space-2xl) var(--space-xl)}.templates-all-layout{grid-template-columns:280px 1fr}.templates-sidebar{display:flex}.template-grid{grid-template-columns:repeat(4,1fr)}}.skeleton-card{pointer-events:none}.skeleton-preview{background:var(--color-surface-border);animation:pulse 1.5s infinite ease-in-out}.skeleton-line{height:12px;background:var(--color-surface-border);border-radius:4px;margin-bottom:8px;animation:pulse 1.5s infinite ease-in-out}.width-60{width:60%}.width-40{width:40%}.width-30{width:30%}@keyframes pulse{0%{opacity:.6}50%{opacity:.3}to{opacity:.6}}