.tf-cat-page{background:var(--bg);max-width:100%;padding-bottom:4rem;overflow-x:clip}.tf-cat-shell{max-width:80rem;padding:0 max(1rem, env(safe-area-inset-left,0px)) 0 max(1rem, env(safe-area-inset-right,0px));min-width:0;margin:0 auto}@media (width>=640px){.tf-cat-shell{padding:0 1.5rem}}@media (width>=1024px){.tf-cat-shell{padding:0 2rem}}.tf-cat-hero{isolation:isolate;background:var(--bg);border-bottom:1px solid #0f172a0f;position:relative;overflow:hidden}:root[data-theme=dark] .tf-cat-hero{border-bottom-color:#ffffff0f}.tf-cat-hero-glow{pointer-events:none;opacity:.55;position:absolute;inset:0}:root[data-theme=dark] .tf-cat-hero-glow{opacity:.35}.tf-cat-hero-inner{z-index:1;max-width:80rem;margin:0 auto;padding:1.25rem 1rem 1.75rem;position:relative}@media (width>=640px){.tf-cat-hero-inner{padding:1.5rem 1.5rem 2rem}}@media (width>=1024px){.tf-cat-hero-inner{padding:1.75rem 2rem 2.25rem}}.tf-cat-crumb{color:var(--fg-muted);flex-wrap:wrap;align-items:center;gap:.35rem .5rem;margin-bottom:1rem;font-size:12.5px;display:flex}.tf-cat-crumb a{color:var(--fg-muted);text-decoration:none;transition:color .15s}.tf-cat-crumb a:hover{color:var(--accent)}.tf-cat-crumb [aria-current=page]{color:var(--fg);font-weight:600}.tf-cat-hero-row{flex-direction:column;gap:1.25rem;display:flex}@media (width>=768px){.tf-cat-hero-row{flex-direction:row;justify-content:space-between;align-items:flex-end}}.tf-cat-hero-main{min-width:0;max-width:42rem}.tf-cat-eyebrow{background:var(--bg-soft);letter-spacing:.07em;text-transform:uppercase;color:var(--fg-muted);border-radius:999px;align-items:center;gap:.45rem;padding:4px 11px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:inset 0 0 0 1px #0f172a12}.tf-cat-icon{border-radius:8px;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-size:1rem;line-height:1;display:inline-flex}.tf-cat-title{letter-spacing:-.025em;color:var(--fg);margin:.85rem 0 0;font-size:clamp(1.65rem,3.5vw,2.35rem);font-weight:800;line-height:1.15}.tf-cat-desc{color:var(--fg-muted);margin:.65rem 0 0;font-size:15px;line-height:1.6}.tf-cat-stats{flex-wrap:wrap;gap:.65rem;margin-top:1rem;display:flex}.tf-cat-stat{background:var(--bg-soft);color:var(--fg-muted);border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .75rem;font-size:12px;font-weight:600;display:inline-flex;box-shadow:inset 0 0 0 1px #0f172a0f}.tf-cat-stat strong{color:var(--fg);font-weight:800}.tf-cat-stat svg{color:var(--accent);flex-shrink:0}.tf-cat-hero-search{align-items:center;gap:.5rem;width:100%;max-width:22rem;margin-top:.25rem;display:flex}@media (width>=768px){.tf-cat-hero-search{flex-shrink:0;margin-top:0}}.tf-cat-hero-search-wrap{flex:1;position:relative}.tf-cat-hero-search-icon{color:var(--fg-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.tf-cat-hero-search input{background:var(--bg-soft);width:100%;color:var(--fg);border:0;border-radius:10px;padding:.65rem .85rem .65rem 2.35rem;font-size:13.5px;box-shadow:inset 0 0 0 1px #0f172a14}.tf-cat-hero-search input:focus{box-shadow:inset 0 0 0 1px var(--accent), 0 0 0 3px #1da1f21f;outline:none}.tf-cat-tabs-wrap{background:var(--bg-soft);border-top:1px solid #0f172a0d}:root[data-theme=dark] .tf-cat-tabs-wrap{border-top-color:#ffffff0d}.tf-cat-tabs{scrollbar-width:thin;gap:.5rem;max-width:80rem;margin:0 auto;padding:.85rem 1rem;display:flex;overflow-x:auto}@media (width>=640px){.tf-cat-tabs{padding:.85rem 1.5rem}}@media (width>=1024px){.tf-cat-tabs{padding:.85rem 2rem}}.tf-cat-tab{color:var(--fg-muted);background:var(--bg);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:.45rem;padding:.5rem .95rem;font-size:13px;font-weight:600;text-decoration:none;transition:color .15s,box-shadow .15s,background .15s;display:inline-flex;box-shadow:inset 0 0 0 1px #0f172a12}.tf-cat-tab:hover{color:var(--accent);box-shadow:inset 0 0 0 1px #1da1f259}.tf-cat-tab.is-active{color:var(--on-solid);background:var(--accent-solid);box-shadow:0 4px 14px #1da1f259}.tf-cat-tab-count{opacity:.85;font-family:ui-monospace,monospace;font-size:10.5px;font-weight:700}.tf-cat-tab.is-active .tf-cat-tab-count{opacity:.95}.tf-cat-subcards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin-bottom:.5rem;display:grid}.tf-cat-subcard{background:var(--bg-soft);color:inherit;border-radius:12px;align-items:center;gap:.75rem;padding:.85rem 1rem;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:inset 0 0 0 1px #0f172a0f}.tf-cat-subcard:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #1da1f24d,0 8px 20px #0f172a14}.tf-cat-subcard-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:1.1rem;display:inline-flex}.tf-cat-subcard-label{color:var(--fg);font-size:13.5px;font-weight:700;line-height:1.3}.tf-cat-subcard-meta{color:var(--fg-muted);margin-top:.1rem;font-size:11.5px}.tf-cat-mobile-filter{gap:.5rem;margin-bottom:.75rem;display:flex}@media (width>=1024px){.tf-cat-mobile-filter{display:none}}.tf-cat-mobile-filter-btn{background:var(--bg-soft);color:var(--fg);cursor:pointer;border:0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.65rem 1rem;font-size:13px;font-weight:600;display:inline-flex;box-shadow:inset 0 0 0 1px #0f172a14}.tf-cat-toolbar{background:var(--bg-soft);border-radius:14px;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-bottom:1.25rem;padding:.85rem 1rem;display:flex;box-shadow:inset 0 0 0 1px #0f172a0f}.tf-cat-result-count{color:var(--fg);font-size:14px;font-weight:700}.tf-cat-result-sub{color:var(--fg-muted);font-size:11.5px}.tf-cat-toolbar-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-left:auto;display:flex}.tf-cat-select{background:var(--bg);color:var(--fg);cursor:pointer;border:0;border-radius:8px;padding:.45rem .75rem;font-size:12.5px;font-weight:600;box-shadow:inset 0 0 0 1px #0f172a12}.tf-cat-select:focus{box-shadow:inset 0 0 0 1px var(--accent), 0 0 0 3px #1da1f21a;outline:none}.tf-cat-grid{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (width>=640px){.tf-cat-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1280px){.tf-cat-grid{grid-template-columns:repeat(3,1fr)}}.tf-cat-empty{text-align:center;background:var(--bg-soft);border-radius:16px;grid-column:1/-1;padding:3rem 1.5rem;box-shadow:inset 0 0 0 1px #0f172a0f}.tf-cat-empty-icon{margin-bottom:.75rem;font-size:2.5rem}.tf-cat-cta{background:linear-gradient(135deg,#1da1f214,#6366f10f);border-radius:18px;flex-direction:column;align-items:flex-start;gap:1.25rem;margin-top:3rem;padding:2rem 1.5rem;display:flex;box-shadow:inset 0 0 0 1px #1da1f226}@media (width>=768px){.tf-cat-cta{flex-direction:row;justify-content:space-between;align-items:center;padding:2.25rem 2.5rem}}.tf-cat-cta h2{color:var(--fg);margin:0;font-size:1.35rem;font-weight:800}.tf-cat-cta p{color:var(--fg-muted);max-width:32rem;margin:.4rem 0 0;font-size:14px}.tf-cat-cta-btn{background:var(--accent-solid);color:var(--on-solid);white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;padding:.75rem 1.35rem;font-size:14px;font-weight:700;text-decoration:none;transition:background .15s;display:inline-flex}.tf-cat-cta-btn:hover{background:var(--accent-solid-hover)}@media (width<=767px){.tf-cat-hero-inner{padding-left:max(1rem, env(safe-area-inset-left,0px));padding-right:max(1rem, env(safe-area-inset-right,0px))}.tf-cat-title,.tf-cat-desc{overflow-wrap:anywhere}.tf-cat-toolbar{padding:.85rem max(.75rem, env(safe-area-inset-left,0px));flex-direction:column;align-items:stretch}.tf-cat-toolbar-actions{width:100%;margin-left:0}.tf-cat-select{width:100%;max-width:100%}.tf-cat-tabs{padding-left:max(.25rem, env(safe-area-inset-left,0px));padding-right:max(.25rem, env(safe-area-inset-right,0px))}}:root[data-theme=dark] .tf-cat-tab,:root[data-theme=dark] .tf-cat-mobile-filter-btn{color:var(--on-solid)}.market-page-shell{min-width:0;max-width:100%;overflow-x:clip}.market-subnav{max-width:100%;overflow-x:clip}.market-subnav-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;align-items:center;gap:.25rem;min-width:0;max-width:100%;padding-right:.25rem;display:flex;overflow-x:auto}.market-subnav-scroll::-webkit-scrollbar{display:none}.market-subnav-more{white-space:nowrap;color:var(--fg-muted);background:var(--bg);border-radius:.5rem;flex-shrink:0;align-items:center;gap:.35rem;padding:.375rem .75rem;font-size:12.5px;font-weight:600;text-decoration:none;transition:color .15s,box-shadow .15s;display:inline-flex;box-shadow:inset 0 0 0 1px #0f172a14}.market-subnav-more:hover{color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}:root[data-theme=dark] .market-subnav-more{color:var(--on-solid);opacity:1;box-shadow:inset 0 0 0 1px #ffffff1a}:root[data-theme=dark] .market-subnav-more:is(:hover,:focus-visible,:active){color:var(--on-solid);opacity:1}@media (width<=639px){.market-subnav-row{flex-direction:column;align-items:stretch;gap:.5rem;padding-top:.65rem;padding-bottom:.65rem}.market-subnav-scroll{width:100%;min-width:0;max-width:100%;margin:0;padding-bottom:.15rem;padding-left:0;padding-right:0}.market-subnav-more{align-self:flex-end}}.market-tf-catalog{padding:1.75rem 0 2.5rem;scroll-margin-top:96px}.market-tf-catalog-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem 1.5rem;margin-bottom:1.5rem;display:flex}.market-tf-catalog-intro{flex:1;min-width:min(100%,280px)}.market-tf-catalog-sub{text-align:left;max-width:42rem;margin-left:0;margin-right:0}.market-tf-count-badge{background:var(--bg-soft);color:var(--fg-muted);border-radius:10px;flex-shrink:0;align-items:baseline;gap:.35rem;padding:.5rem .9rem;font-size:13px;display:inline-flex;box-shadow:inset 0 0 0 1px #0f172a14}:root[data-theme=dark] .market-tf-count-badge{color:var(--on-solid);opacity:1;box-shadow:inset 0 0 0 1px #ffffff14}:root[data-theme=dark] .market-tf-count-badge :is(.market-tf-count-num,.market-tf-count-sep,.market-tf-count-total,.market-tf-count-label){color:currentColor;opacity:1}.market-tf-count-num{color:var(--fg);font-size:1.125rem;font-weight:800}.market-tf-count-total{color:var(--fg-muted);font-weight:600}.market-tf-count-label{text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.market-tf-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:1.25rem;display:grid}.market-tf-grid-item{grid-column:span 6;min-width:0}@media (width>=640px){.market-tf-grid-item{grid-column:span 3}}@media (width>=1024px){.market-tf-grid{gap:1.35rem}.market-tf-grid-item{grid-column:span 2}.market-tf-grid-item.is-balanced-pair{grid-column:span 3}}@media (width>=640px) and (width<=1023px){.market-tf-grid-item.is-wide-last{grid-column:1/-1}.market-tf-grid-item.is-wide-last .market-product-card{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:start;display:grid}.market-tf-grid-item.is-wide-last .market-product-card-cover{border-radius:12px;grid-area:1/1/3;align-self:center;width:calc(100% - 1rem);margin:1rem 0 1rem 1rem}.market-tf-grid-item.is-wide-last .market-product-cover-meta{grid-area:1/2}.market-tf-grid-item.is-wide-last .market-product-body{grid-area:2/2;min-width:0}}.market-tf-grid-item.is-collapsed{display:none}.market-product-card-cover{line-height:0}.market-product-card-cover .product-cover-img--card,.market-product-card-cover .product-cover-img{object-fit:fill;object-position:center center;background:#fff}.market-load-more-wrap{flex-direction:column;align-items:center;gap:.75rem;margin-top:2.25rem;padding-top:.5rem;display:flex}.market-load-more-btn{background:var(--bg);min-width:220px;height:46px;color:var(--fg);cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;padding:0 28px;font-size:14px;font-weight:700;transition:color .15s,box-shadow .15s,transform .15s;display:inline-flex;box-shadow:inset 0 0 0 1px #0f172a1f}.market-load-more-btn:hover{color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);transform:translateY(-1px)}.market-load-more-btn[hidden]{display:none}:root[data-theme=dark] .market-load-more-btn{background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff1f}:root[data-theme=dark] .market-load-more-btn:hover{box-shadow:inset 0 0 0 1px var(--accent)}.market-load-more-meta{color:var(--fg-muted);margin:0;font-size:13px}.market-load-more-meta[hidden]{display:none}@media (width<=639px){.market-page-shell{padding-left:max(1.125rem, env(safe-area-inset-left,0px));padding-right:max(1.125rem, env(safe-area-inset-right,0px))}.market-hero-min-sub{max-width:16.75rem}.market-product-card-cover .product-cover-img--card,.market-product-card-cover .product-cover-img{object-fit:contain}}.market-product-card-cover .product-cover-img[data-product-concept]{object-fit:contain}
