/* Fixonic app-first components. Mobile layout overrides live in fixonic-app-mobile.css. */
.mobile-only,.app-mobile-header,.app-bottom-nav,.app-listing-cta,.app-listing-actions,.app-filter-backdrop{display:none}
.app-home-feed,.app-feed-section,.app-category-feed{color:var(--fx-text)}
.app-feed-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}
.app-feed-heading h1,.app-feed-heading h2{margin:0;color:var(--fx-text);font-size:clamp(1.45rem,2.2vw,2rem);line-height:1.06;letter-spacing:-.04em}
.app-feed-heading p{margin:6px 0 0;color:var(--fx-muted);font-size:.86rem}
.app-feed-heading>a{flex:0 0 auto;color:var(--fx-text);font-size:.86rem;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.app-shortcuts{display:flex;gap:10px;padding-top:22px;overflow-x:auto;scrollbar-width:none}.app-shortcuts::-webkit-scrollbar,.app-category-rail::-webkit-scrollbar,.app-product-rail::-webkit-scrollbar,.app-guide-rail::-webkit-scrollbar,.app-filter-chip-row::-webkit-scrollbar{display:none}
.app-shortcuts a{min-height:44px;display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:0 18px;color:var(--fx-text);border:1px solid var(--fx-line);border-radius:999px;background:var(--fx-panel);font-size:.84rem;font-weight:600}
.app-shortcuts a:hover{color:var(--fx-cyan);border-color:rgba(67,217,255,.38);text-decoration:none}.app-shortcuts a.is-featured{color:#071016;border-color:var(--fx-lime);background:var(--fx-lime)}
.shortcut-icon{font-family:"Space Grotesk",sans-serif;font-size:.92rem}
.app-feed-notice{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:22px;padding:18px;border:1px solid var(--fx-line);border-radius:15px;background:linear-gradient(145deg,rgba(19,27,39,.96),rgba(10,15,23,.98))}
.app-feed-notice-icon{width:54px;height:54px;display:grid;place-items:center;color:#071016;border-radius:12px;background:linear-gradient(135deg,var(--fx-cyan),var(--fx-lime));font-family:"Space Grotesk",sans-serif;font-weight:800}
.app-feed-notice strong{color:var(--fx-lime);font-size:.9rem}.app-feed-notice p{margin:5px 0 0;color:var(--fx-text-soft);font-size:.8rem;line-height:1.45}.app-feed-notice>a{color:var(--fx-text);font-size:2rem;line-height:1}
.app-category-feed,.app-feed-section{padding-top:48px}
.app-category-rail{display:grid;grid-template-columns:repeat(7,minmax(112px,1fr));gap:16px}.app-category-rail a{display:grid;gap:10px;justify-items:center;color:var(--fx-text-soft);text-align:center;font-size:.76rem}.app-category-rail a:hover{color:var(--fx-cyan);text-decoration:none;transform:translateY(-2px)}
.app-category-disc{width:98px;height:98px;display:grid;place-items:center;color:#071016;border-radius:50%;background:linear-gradient(145deg,#d9e3ed,#6f859e);font-family:"Space Grotesk",sans-serif;font-size:1.05rem;font-weight:800;letter-spacing:.04em;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.category-console{background:linear-gradient(145deg,var(--fx-cyan),var(--fx-blue))}.category-computing{background:linear-gradient(145deg,#f2b7ff,var(--fx-purple))}.category-donor{background:linear-gradient(145deg,var(--fx-amber),#ff7a57)}.category-parts{background:linear-gradient(145deg,var(--fx-lime),#58d99a)}.category-tools{background:linear-gradient(145deg,#e6edf4,#8996a8)}.category-guides{background:linear-gradient(145deg,#ffd7a2,#ef9d45)}
.app-product-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(190px,230px);gap:16px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;scrollbar-width:none;padding-bottom:6px}.app-product-rail-item{min-width:0;scroll-snap-align:start}
.app-listing-card{height:100%;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.app-listing-card:hover{border-color:transparent;box-shadow:none;transform:none}
.app-listing-card .listing-card-media{position:relative;aspect-ratio:1;overflow:hidden;border:0;border-radius:17px;background:#17191d}.app-listing-card .listing-card-media img{width:100%;height:100%;padding:0;object-fit:cover;background:#17191d}
.app-listing-card .media-placeholder{width:100%;height:100%;display:grid;place-items:center;padding:20px;color:rgba(255,255,255,.62);background:linear-gradient(145deg,transparent 42%,rgba(67,217,255,.1) 42% 58%,transparent 58%),radial-gradient(circle at 50% 40%,#253244,#11151c 70%);font-size:.7rem;font-weight:700;letter-spacing:.11em;text-align:center}
.app-listing-card .badge-overlay{top:10px;left:10px;color:var(--fx-text);background:rgba(3,5,8,.78);backdrop-filter:blur(10px)}.app-listing-card .badge-quick{left:10px;bottom:10px;top:auto}
.app-listing-card .watch-button{width:42px;height:42px;top:10px;right:10px;display:grid;place-items:center;color:#fff;border:0;border-radius:50%;background:rgba(0,0,0,.9);box-shadow:none;z-index:4}.app-listing-card .watch-button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2}
.app-listing-card .watch-button.is-saved,[data-watch-button].is-saved{color:var(--fx-danger)!important}.app-listing-card .watch-button.is-saved svg,[data-watch-button].is-saved svg{fill:currentColor}
.app-listing-card .listing-card-body{padding:12px 0 0}.listing-card-title-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start}
.app-listing-card h3{min-height:42px;margin:0;color:var(--fx-text);font-family:"Inter",sans-serif;font-size:.92rem;font-weight:500;line-height:1.34}.app-listing-card h3 a{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.app-card-menu{padding:0;color:var(--fx-text);border:0;background:transparent;font-size:1.35rem;line-height:1}
.app-listing-card .app-card-meta{display:grid;gap:2px;margin-top:7px;color:var(--fx-muted);font-size:.77rem}.app-listing-card .app-card-meta span:last-child{color:#858a94}.app-listing-card .fault-summary{display:none}
.app-listing-card .listing-card-footer{display:grid;justify-items:start;gap:4px;padding-top:9px;border:0}.app-listing-card .price{color:var(--fx-text);font-size:1.05rem}.app-listing-card .listing-card-footer small,.app-listing-card .delivery-note,.app-listing-card .card-auction-line{color:var(--fx-muted);font-size:.72rem}.app-listing-card .card-auction-line strong{color:var(--fx-lime)}
.app-sell-prompt{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;margin-top:48px;padding:28px;border:1px solid var(--fx-line);border-radius:18px;background:linear-gradient(130deg,rgba(67,217,255,.09),rgba(168,255,96,.08)),var(--fx-panel)}
.app-sell-prompt-icon{width:62px;height:62px;display:grid;place-items:center;color:#071016;border-radius:16px;background:var(--fx-lime);font-size:1.7rem}.app-sell-prompt span,.app-confidence-banner span{color:var(--fx-cyan);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.app-sell-prompt h2,.app-confidence-banner h2{margin:5px 0 6px;color:var(--fx-text);font-size:1.4rem;letter-spacing:-.035em}.app-sell-prompt p,.app-confidence-banner p{margin:0;color:var(--fx-muted);font-size:.84rem}
.app-guide-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,360px);gap:14px;overflow-x:auto;scroll-snap-type:inline proximity;scrollbar-width:none}.app-guide-card{min-height:190px;display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;padding:14px;border:1px solid var(--fx-line);border-radius:16px;background:var(--fx-panel);scroll-snap-align:start}.app-guide-visual{display:grid;place-content:center;gap:8px;color:#071016;border-radius:12px;background:linear-gradient(145deg,var(--fx-cyan),var(--fx-lime));text-align:center}.app-guide-visual span{font-family:"Space Grotesk",sans-serif;font-size:1.55rem;font-weight:800}.app-guide-visual small{font-size:.58rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.app-guide-card>div:last-child>span{color:var(--fx-lime);font-size:.68rem;font-weight:700}.app-guide-card h3{margin:7px 0;color:var(--fx-text);font-size:1rem;line-height:1.25}.app-guide-card p{margin:0 0 10px;color:var(--fx-muted);font-size:.75rem;line-height:1.45}.app-guide-card strong{color:var(--fx-cyan);font-size:.7rem}
.app-explore-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 16px}.app-load-more{min-height:48px;display:flex;align-items:center;justify-content:center;margin-top:28px;color:var(--fx-text);border:1px solid var(--fx-line-strong);border-radius:999px;background:var(--fx-panel);font-weight:700}.app-load-more:hover{color:var(--fx-cyan);text-decoration:none}
.app-confidence-banner{min-height:330px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:center;gap:34px;margin-top:64px;padding:44px;overflow:hidden;border:1px solid var(--fx-line);border-radius:20px;background:linear-gradient(125deg,#f1f4f6,#d8e1e7)}.app-confidence-banner span,.app-confidence-banner h2,.app-confidence-banner p{color:#11151b}.app-confidence-banner h2{max-width:650px;font-size:clamp(1.8rem,4vw,3.2rem)}.app-confidence-banner p{max-width:620px;margin-bottom:22px}.app-confidence-banner .button-secondary{color:#fff;border-color:#11151b;background:#11151b}.app-confidence-art{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;transform:rotate(-4deg)}.app-confidence-art span{aspect-ratio:.78;display:grid;place-items:center;border-radius:18px;color:#071016;background:var(--fx-cyan);font-family:"Space Grotesk",sans-serif;font-weight:800}.app-confidence-art span:nth-child(2){background:var(--fx-lime);transform:translateY(24px)}.app-confidence-art span:nth-child(3){background:var(--fx-amber)}
.app-filter-chip-row{display:flex;gap:9px;padding-top:20px;overflow-x:auto;scrollbar-width:none}.app-filter-chip-row a,.app-filter-trigger{min-height:40px;display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:0 15px;color:var(--fx-text-soft);border:1px solid var(--fx-line);border-radius:999px;background:var(--fx-panel);font-size:.78rem;font-weight:600}.app-filter-trigger svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}.app-filter-chip-row a.is-active,.app-filter-trigger:has(.filter-count){color:#071016;border-color:var(--fx-lime);background:var(--fx-lime)}.app-filter-chip-row a:hover{text-decoration:none}
.app-filter-sheet-heading,.app-filter-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.app-filter-sheet-heading span{color:var(--fx-cyan);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.app-filter-sheet-heading h2{margin:3px 0 0}.app-filter-sheet-heading button{width:42px;height:42px;color:var(--fx-text);border:1px solid var(--fx-line);border-radius:50%;background:var(--fx-panel-2);font-size:1.5rem}.app-filter-sheet-handle{display:none}.app-filter-actions{margin-top:18px}.app-filter-actions .button{flex:1}
.app-image-counter{position:absolute;right:14px;bottom:14px;z-index:3;padding:6px 10px;color:#fff;border-radius:999px;background:rgba(0,0,0,.72);font-size:.7rem}.app-product-summary h1{letter-spacing:-.035em}.app-detail-label{margin-bottom:6px;color:var(--fx-danger);font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.app-fault-disclosure{border-color:rgba(255,93,108,.3)!important}.app-seller-card{position:relative}.app-seller-chevron{margin-left:auto;color:var(--fx-muted);font-size:1.7rem}.app-related-guides,.app-similar-feed{padding-bottom:12px}
@media(min-width:901px){.app-home-feed{padding-bottom:80px}.app-home-feed>.shell,.app-feed-section.shell,.app-category-feed.shell,.app-related-guides.shell,.app-similar-feed.shell{width:min(calc(100% - 40px),1360px)}.app-results-intro{padding-block:34px}.app-filter-trigger,.app-filter-sheet-heading,.app-filter-actions{display:none}.app-filter-chip-row{padding-top:24px}.app-filter-sheet{position:sticky;top:154px;align-self:start;max-height:calc(100vh - 180px);overflow-y:auto}.app-results-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.app-product-layout{grid-template-columns:minmax(0,1.25fr) minmax(390px,.75fr)}.app-product-information{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)}}