.compare-bar{z-index:999;background:var(--surface);border-top:1px solid var(--border-color);box-shadow:0 -8px 32px color-mix(in srgb, var(--black), transparent 82%);padding:.75rem 1.5rem;animation:.25s slide-up;position:fixed;bottom:0;left:0;right:0}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.compare-bar-inner{flex-wrap:wrap;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;display:flex}.compare-bar-label{color:var(--muted);white-space:nowrap;font-size:.875rem}.compare-bar-chips{flex-wrap:wrap;flex:1;gap:.5rem;display:flex}.compare-chip{background:color-mix(in oklch, var(--accent), transparent 88%);border:1px solid color-mix(in oklch, var(--accent), transparent 75%);color:var(--text);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;align-items:center;gap:.375rem;max-width:220px;padding:.25rem .625rem;font-size:.8125rem;display:inline-flex;overflow:hidden}.compare-chip-remove{color:var(--muted);cursor:pointer;transition:color .15s, transform var(--dur-fast) var(--ease-spring);background:0 0;border:none;flex-shrink:0;padding:0;font-size:.75rem;line-height:1}.compare-chip-remove:hover{color:var(--danger)}.compare-bar-actions{flex-shrink:0;gap:.5rem;display:flex}.compare-bar-btn{border-radius:var(--radius-sm);cursor:pointer;transition:all .2s, transform var(--dur-fast) var(--ease-spring);border:1px solid var(--border-color);color:var(--muted);background:0 0;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.compare-bar-btn:hover{border-color:var(--accent);color:var(--text)}.compare-bar-btn.primary{background:var(--accent);border-color:var(--accent);color:var(--white)}.compare-bar-btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.compare-toggle-btn{background:var(--glass);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;transition:all .2s, transform var(--dur-fast) var(--ease-spring);white-space:nowrap;align-items:center;gap:.3rem;padding:.3rem .625rem;font-size:.75rem;display:inline-flex}.compare-toggle-btn:hover{background:color-mix(in oklch, var(--accent), transparent 88%);border-color:color-mix(in oklch, var(--accent), transparent 70%);color:var(--accent)}.compare-toggle-btn.active{background:color-mix(in oklch, var(--accent), transparent 85%);border-color:color-mix(in oklch, var(--accent), transparent 60%);color:var(--accent)}.compare-toggle-btn.disabled{opacity:.4;cursor:not-allowed}.compare-table-overlay{background:color-mix(in srgb, var(--black), transparent 40%);z-index:1000;justify-content:center;align-items:center;padding:1.5rem;animation:.2s lpp-fade-in;display:flex;position:fixed;inset:0}.compare-table-modal{background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--radius-lg);width:100%;max-width:900px;max-height:80vh;box-shadow:var(--elev-2);flex-direction:column;display:flex;overflow:hidden}.compare-table-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.compare-table-header h2{color:var(--text);margin:0;font-size:1.125rem}.compare-close{color:var(--muted);cursor:pointer;border-radius:var(--radius-sm);width:32px;height:32px;transition:all .2s, transform var(--dur-fast) var(--ease-spring);background:0 0;border:none;justify-content:center;align-items:center;font-size:1.125rem;display:flex}.compare-close:hover{background:var(--glass);color:var(--text)}.compare-table-scroll{flex:1;padding:1rem 1.5rem;overflow:auto}.compare-table{border-collapse:collapse;width:100%;font-size:.9rem}.compare-label-col{width:120px}.compare-table th{text-align:left;color:var(--text);border-bottom:2px solid color-mix(in oklch, var(--accent), transparent 75%);vertical-align:top;min-width:180px;padding:.75rem 1rem 1rem;font-weight:600;position:relative}.compare-th-inner{flex-direction:column;gap:.375rem;display:flex}.compare-th-level{letter-spacing:.02em;text-transform:uppercase;border-radius:999px;align-self:flex-start;padding:.2rem .55rem;font-size:.7rem;font-weight:600;display:inline-block}.compare-th-title{color:var(--text);font-size:.9375rem;line-height:1.4;text-decoration:none;transition:color .15s}.compare-th-title:hover{color:var(--accent)}.compare-remove-col{color:var(--muted);cursor:pointer;width:22px;height:22px;transition:background .15s, color .15s, transform var(--dur-fast) var(--ease-spring);background:0 0;border:none;border-radius:4px;justify-content:center;align-self:flex-end;align-items:center;font-size:.75rem;display:flex;position:absolute;top:.75rem;right:.75rem}.compare-remove-col:hover{background:color-mix(in oklch, var(--danger), transparent 90%);color:var(--danger)}.compare-table td{border-bottom:1px solid var(--border-color);color:var(--muted);vertical-align:middle;padding:.75rem 1rem}.compare-row-label{white-space:nowrap;vertical-align:middle;width:120px;font-weight:600;color:var(--text)!important}.compare-cell-best{background:color-mix(in oklch, var(--level-beginner), transparent 96%)}.compare-price{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.compare-price-amount{color:var(--text);font-size:1.0625rem;font-weight:700}.compare-level-badge{border-radius:999px;padding:.25rem .625rem;font-size:.8125rem;font-weight:600;display:inline-block}.compare-duration{flex-wrap:wrap;align-items:center;gap:.375rem;font-size:.9rem;display:flex}.compare-duration-icon{opacity:.55;flex-shrink:0}.compare-badge{letter-spacing:.01em;border-radius:999px;padding:.15rem .5rem;font-size:.7rem;font-weight:600;display:inline-block}.compare-badge-green{background:color-mix(in oklch, var(--level-beginner), transparent 86%);color:var(--level-beginner)}.compare-tags-wrap{flex-wrap:wrap;gap:.25rem;display:flex}.compare-tag{background:color-mix(in oklch, var(--accent), transparent 92%);color:var(--accent,var(--accent));border:1px solid color-mix(in oklch, var(--accent), transparent 82%);border-radius:4px;padding:.2rem .5rem;font-size:.75rem;display:inline-block}.compare-cta-row td{border-bottom:none;border-top:2px solid var(--border-color);vertical-align:middle;padding:1rem}.compare-view-btn{background:var(--accent);color:var(--white);border-radius:var(--radius-sm);transition:opacity .18s, transform var(--dur-fast) var(--ease-spring);white-space:nowrap;align-items:center;gap:.375rem;padding:.55rem 1.125rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.compare-view-btn:hover:not(:active){opacity:.9;color:var(--white);text-decoration:none;transform:translateY(-1px)}@keyframes lpp-fade-in{0%{opacity:0}to{opacity:1}}@media (width<=768px){.compare-bar{bottom:calc(4.5rem + env(safe-area-inset-bottom))}.compare-bar-inner{flex-flow:row;align-items:center;gap:.5rem}.compare-bar-chips{display:none}.compare-bar-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.compare-bar-actions{flex-shrink:0}}.cat-page{max-width:1320px;margin:0 auto;padding:1rem 1rem 4rem}.cat-btn{cursor:pointer;transition:transform var(--dur-fast) var(--ease-spring), background .15s, box-shadow .15s, border-color .15s, color .15s;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;padding:.65rem 1.2rem;font-family:inherit;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.cat-btn--lg{padding:.85rem 1.5rem;font-size:.95rem}.cat-btn--primary{background:var(--accent);color:var(--white);box-shadow:0 4px 12px color-mix(in oklch, var(--accent), transparent 75%)}.cat-btn--primary:hover:not(:active){box-shadow:0 6px 16px color-mix(in oklch, var(--accent), transparent 65%);transform:translateY(-1px)}.cat-btn--ghost{color:var(--text);border:1px solid var(--border-color);background:0 0}.cat-btn--ghost:hover{border-color:var(--accent);color:var(--accent)}.cat-hero{isolation:isolate;position:relative;overflow:hidden}.cat-hero-ambient{z-index:-1;pointer-events:none;background:radial-gradient(40% 50% at 20% 40%, color-mix(in oklch, var(--accent), transparent 70%), transparent 60%), radial-gradient(40% 50% at 80% 50%, color-mix(in oklch, var(--accent), transparent 78%), transparent 60%);filter:blur(60px);opacity:.85;animation:28s ease-in-out infinite pl-nebula-drift;position:absolute;inset:-10% -10% -30%}[data-theme=light] .cat-hero-ambient{background:radial-gradient(40% 50% at 20% 40%, color-mix(in oklch, var(--accent), transparent 82%), transparent 60%), radial-gradient(40% 50% at 80% 50%, color-mix(in oklch, var(--accent), transparent 88%), transparent 60%);opacity:.7}@media (prefers-reduced-motion:reduce){.cat-hero-ambient{animation:none}}.cat-hero-inner{text-align:left}.cat-hero-lead{max-width:720px;color:var(--text-secondary,var(--muted));margin:0 0 .75rem;font-size:1.05rem;line-height:1.55}.cat-hero-stats{color:var(--text-secondary,var(--muted));margin:0 0 1.5rem;font-size:.85rem;font-weight:600}.cat-hero-actions{flex-wrap:wrap;gap:.75rem;display:flex}.cat-tracks{background:var(--surface);border:1px solid var(--border-color);-webkit-overflow-scrolling:touch;scrollbar-width:none;border-radius:14px;gap:.4rem;margin:0 0 .75rem;padding:.4rem;display:flex;overflow-x:auto}.cat-tracks::-webkit-scrollbar{display:none}.cat-track-btn{color:var(--text);cursor:pointer;white-space:nowrap;transition:background .15s, color .15s, border-color .15s, transform var(--dur-fast) var(--ease-spring);background:0 0;border:1px solid #0000;border-radius:10px;flex-shrink:0;align-items:center;gap:.4rem;padding:.55rem .95rem;font-family:inherit;font-size:.875rem;font-weight:600;display:inline-flex}.cat-track-btn:hover{background:color-mix(in oklch, var(--accent), transparent 92%)}.cat-track-btn.active{background:var(--accent);color:var(--white);border-color:var(--accent)}.cat-track-btn-icon{justify-content:center;align-items:center;display:inline-flex}.cat-track-lead{color:var(--text-secondary,var(--muted));margin:0 0 1.25rem;padding:0 .4rem;font-size:.875rem;line-height:1.5}.cat-quick{flex-wrap:wrap;align-items:center;gap:.75rem;margin:0 0 1.5rem;display:flex}.cat-quick-label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary,var(--muted));flex-shrink:0;font-size:.75rem;font-weight:700}.cat-quick-grid{flex-wrap:wrap;gap:.5rem;display:flex}.cat-quick-chip{background:color-mix(in oklch, var(--accent), transparent 94%);border:1px solid color-mix(in oklch, var(--accent), transparent 82%);color:var(--text);cursor:pointer;transition:background .15s, border-color .15s, transform var(--dur-fast) var(--ease-spring);border-radius:999px;padding:.5rem .95rem;font-family:inherit;font-size:.875rem;font-weight:500}.cat-quick-chip:hover:not(:active){background:var(--accent);color:var(--white);border-color:var(--accent);transform:translateY(-1px)}.cat-toolbar{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:0 0 1rem;padding:.75rem 0;display:flex}.cat-toolbar-left{flex-wrap:wrap;flex:1;align-items:center;gap:1rem;min-width:0;display:flex}.cat-counter{color:var(--text-secondary,var(--muted));flex-shrink:0;margin:0;font-size:.875rem}.cat-active-filters{flex-wrap:wrap;gap:.4rem;display:flex}.cat-active-pill{background:color-mix(in oklch, var(--accent), transparent 90%);border:1px solid color-mix(in oklch, var(--accent), transparent 75%);color:var(--accent);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .75rem;font-family:inherit;font-size:.78rem;font-weight:600;display:inline-flex}.cat-active-pill:hover{background:var(--accent);color:var(--white)}.cat-active-pill-x{font-weight:700}.cat-mobile-filter-toggle{border:1px solid var(--border-color);background:var(--surface);color:var(--text);cursor:pointer;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-family:inherit;font-size:.875rem;font-weight:600;display:none}.cat-active-count{background:var(--accent);min-width:20px;height:20px;color:var(--white);border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:.7rem;font-weight:700;display:inline-flex}.cat-toolbar-right{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.cat-sort{align-items:center;gap:.5rem;display:inline-flex}.cat-sort-label{color:var(--text-secondary,var(--muted));white-space:nowrap;font-size:.85rem;font-weight:600}.cat-sort-select{border:1px solid var(--border-color);background:var(--surface);color:var(--text);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right .7rem center;background-repeat:no-repeat;border-radius:10px;padding:.5rem 2rem .5rem .75rem;font-family:inherit;font-size:16px;font-weight:600}.cat-sort-select:hover{border-color:var(--accent)}.cat-sort-select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=640px){.cat-toolbar{flex-direction:column;align-items:stretch;gap:.75rem}.cat-toolbar-left{width:100%}.cat-toolbar-right{justify-content:space-between;width:100%}.cat-sort-label{display:none}.cat-sort{flex:1}.cat-sort-select{width:100%}}.cat-main{grid-template-columns:280px 1fr;align-items:start;gap:1.5rem;display:grid}.cat-sidebar{top:calc(var(--header-height,56px) + 1rem);background:var(--surface);border:1px solid var(--border-color);max-height:calc(100vh - var(--header-height,56px) - 2rem);max-height:calc(100dvh - var(--header-height,56px) - 2rem);overscroll-behavior:contain;border-radius:14px;padding:1.25rem;position:sticky;overflow-y:auto}.cat-filter-form{flex-direction:column;gap:1.25rem;display:flex}.cat-filter-group{flex-direction:column;gap:.5rem;display:flex}.cat-filter-label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary,var(--muted));font-size:.78rem;font-weight:700}.cat-filter-input{border:1px solid var(--border-color);background:var(--bg,var(--surface));width:100%;color:var(--text);border-radius:10px;padding:.65rem .9rem;font-family:inherit;font-size:16px}.cat-filter-input:focus{outline:2px solid var(--accent);outline-offset:-1px}.cat-filter-pills{flex-wrap:wrap;gap:.4rem;display:flex}.cat-filter-pills--tags{max-height:220px;padding-right:.25rem;overflow-y:auto}.cat-pill{background:var(--bg,var(--surface));border:1px solid var(--border-color);color:var(--text);cursor:pointer;transition:background .15s, color .15s, border-color .15s, transform var(--dur-fast) var(--ease-spring);border-radius:999px;padding:.4rem .8rem;font-family:inherit;font-size:.8rem;font-weight:500}.cat-pill--sm{padding:.3rem .7rem;font-size:.75rem}.cat-pill:hover{border-color:var(--accent)}.cat-pill.active{background:var(--accent);color:var(--white);border-color:var(--accent)}.cat-filter-tagcat>.cat-filter-summary{cursor:pointer;justify-content:space-between;align-items:center;gap:.4rem;margin-bottom:.4rem;padding:0;list-style:none;display:flex}.cat-filter-tagcat>.cat-filter-summary::-webkit-details-marker{display:none}.cat-filter-tagcat svg{color:var(--text-secondary,var(--muted));flex-shrink:0;transition:transform .2s}.cat-filter-tagcat[open] svg{transform:rotate(180deg)}.cat-filter-actions{flex-direction:column;gap:.5rem;margin-top:1.25rem;display:flex}.cat-filter-actions .cat-btn{width:100%}.cat-filter-apply{display:none}@media (width<=768px){.cat-filter-apply{display:flex}}.cat-grid-wrap{min-width:0}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:1rem;display:grid}.cat-card{background:var(--surface-1);border-radius:var(--radius-xl);box-shadow:var(--elev-1);cursor:pointer;transition:transform var(--dur-quick) var(--ease-out-soft), box-shadow var(--dur-quick) var(--ease-out-soft), opacity var(--dur-quick) var(--ease-out-soft);border:none;flex-direction:column;display:flex;position:relative;overflow:hidden}@media (hover:hover){.cat-card:hover{box-shadow:var(--elev-3);transform:translateY(-6px)}}.cat-card[data-hidden-by-filter]{display:none}.cat-card-imgbox{aspect-ratio:16/9;background:var(--surface-2);position:relative;overflow:hidden}.cat-card-imgbox--fallback{background:var(--surface-3)}.cat-card-imgbox picture{display:contents}.cat-card-imgbox img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.cat-card-level,.cat-card-ribbon{text-transform:uppercase;letter-spacing:.04em;color:var(--white);box-shadow:0 2px 6px color-mix(in srgb, var(--black), transparent 82%);border-radius:999px;padding:.25rem .6rem;font-size:.7rem;font-weight:700;position:absolute;top:.6rem}.cat-card-level{right:.6rem}.cat-card-ribbon--recommended{background:linear-gradient(135deg, color-mix(in oklch, var(--warn), var(--white) 15%) 0%, var(--warn) 100%);left:.6rem}.cat-card-ribbon--trending{background:linear-gradient(135deg, color-mix(in oklch, var(--danger), var(--white) 15%) 0%, var(--danger) 100%);left:.6rem}.cat-card-ribbon--stack{top:2.4rem}.cat-card-body{flex-direction:column;flex:1;gap:.6rem;padding:1rem 1.1rem;display:flex}.cat-card-chips{flex-wrap:wrap;gap:.4rem;display:flex}.cat-chip{border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .6rem;font-size:.7rem;font-weight:600;line-height:1.3;text-decoration:none;display:inline-flex}.cat-chip--track{background:color-mix(in oklch, var(--accent), transparent 90%);color:var(--accent);border:1px solid color-mix(in oklch, var(--accent), transparent 80%)}.cat-chip--track:hover{background:var(--accent);color:var(--white);text-decoration:none}.cat-chip--track-frontend{background:color-mix(in srgb, var(--track-frontend), transparent 90%);color:var(--track-frontend);border-color:color-mix(in srgb, var(--track-frontend), transparent 80%)}.cat-chip--track-frontend:hover{background:var(--track-frontend);color:var(--white)}.cat-chip--track-data{background:color-mix(in oklch, var(--success), transparent 90%);color:var(--success);border-color:color-mix(in oklch, var(--success), transparent 80%)}.cat-chip--track-data:hover{background:var(--success);color:var(--white)}.cat-chip--track-devops{background:color-mix(in oklch, var(--warn), transparent 90%);color:var(--warn);border-color:color-mix(in oklch, var(--warn), transparent 75%)}.cat-chip--track-devops:hover{background:var(--warn);color:var(--white)}.cat-chip--level{background:var(--bg,var(--surface));color:var(--text);border:1px solid var(--border-color)}.cat-card-titlelink{color:inherit;text-decoration:none}.cat-card-titlelink:after{content:"";z-index:1;position:absolute;inset:0}.cat-card-title{color:var(--text);margin:0;font-size:1.05rem;line-height:1.3;transition:color .15s}.cat-card-titlelink:hover .cat-card-title,.cat-card:hover .cat-card-title{color:var(--accent)}.cat-card-chips>.cat-chip,.cat-card-footer{z-index:2;position:relative}.cat-card-desc{color:var(--text-secondary,var(--muted));-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}.cat-card-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.cat-card-meta-item{color:var(--text-secondary,var(--muted));align-items:center;gap:.35rem;font-size:.78rem;display:inline-flex}.cat-card-price{color:var(--accent);font-size:.95rem;font-weight:700}.cat-card-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:.5rem;margin-top:auto;padding-top:.5rem;display:flex}.cat-no-results{background:var(--surface);border:1px dashed var(--border-color);text-align:center;border-radius:14px;margin-top:1rem;padding:2rem 1.5rem}.cat-no-results-title{color:var(--text);margin:0 0 .5rem;font-size:1.1rem}.cat-no-results-suggest{color:var(--text-secondary,var(--muted));margin:0 0 1rem;font-size:.9rem}.cat-no-results-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1rem;display:flex}.cat-no-results-chip{background:color-mix(in oklch, var(--accent), transparent 92%);border:1px solid color-mix(in oklch, var(--accent), transparent 80%);color:var(--accent);cursor:pointer;border-radius:999px;align-items:center;gap:.45rem;padding:.5rem .95rem;font-family:inherit;font-size:.85rem;font-weight:600;display:inline-flex}.cat-no-results-chip:hover{background:var(--accent);color:var(--white)}.cat-no-results-unlock{background:color-mix(in oklch, var(--success), transparent 82%);color:var(--success);border-radius:999px;padding:.1rem .4rem;font-size:.7rem;font-weight:700}.cat-seo{border-top:1px solid var(--border-color);color:var(--text-secondary,var(--muted));margin-top:3rem;padding-top:2rem;font-size:.92rem;line-height:1.7}.cat-seo-title{color:var(--text);margin:0 0 .75rem;font-size:1.25rem}.cat-seo-summary{color:var(--text);margin:0 0 1rem;font-weight:500}.cat-seo p{margin:0 0 .85rem}.cat-sheet{z-index:100;display:none;position:fixed;inset:0}.cat-sheet.is-open{display:block}.cat-sheet-backdrop{background:color-mix(in srgb, var(--black), transparent 50%);animation:.2s cat-fade-in;position:absolute;inset:0}.cat-sheet-panel{background:var(--surface);border-radius:16px 16px 0 0;flex-direction:column;height:90vh;animation:.25s forwards cat-slide-up;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(100%)}@keyframes cat-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cat-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cat-sheet-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:.85rem 1rem;display:flex}.cat-sheet-tabs{background:var(--bg,transparent);border-radius:10px;gap:.4rem;padding:.25rem;display:flex}.cat-sheet-tab{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;font-weight:600}.cat-sheet-tab.active{background:var(--accent);color:var(--white)}.cat-sheet-close{border:1px solid var(--border-color);width:36px;height:36px;color:var(--text);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.cat-sheet-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;padding:1rem;overflow-y:auto}@media (width<=1024px){.cat-main{grid-template-columns:240px 1fr;gap:1rem}}@media (width<=768px){.cat-page{padding:.5rem .75rem 4rem}.cat-hero{padding:2rem .5rem}.cat-hero-actions{flex-direction:column;align-items:stretch}.cat-quick{flex-direction:column;align-items:flex-start}.cat-main{grid-template-columns:1fr}.cat-sidebar{display:none}.cat-mobile-filter-toggle{display:inline-flex}.cat-toolbar{align-items:stretch;padding:.5rem 0}.cat-grid{grid-template-columns:1fr;gap:.85rem}}