/* ONFIX full light UI — 2026-09-18
   Shared by catalog, brand, SEO repair and videos pages.
   Visual overrides only: no business logic is changed here. */
:root{
  color-scheme:light!important;
  --bg:#fff!important;
  --surface:#fff!important;
  --surface2:#fff!important;
  --panel:#fff!important;
  --card:#fff!important;
  --text:#111!important;
  --muted:#5f6772!important;
  --line:#111!important;
}
html,body{background:#fff!important;background-image:none!important;color:#111!important;color-scheme:light!important}
body::before,body::after{display:none!important;background:none!important}

/* Shared top bars and page shells */
.seo-top,.catalog-header,.search-header{
  background:#fff!important;background-image:none!important;color:#111!important;
  border-bottom:2px solid #111!important;box-shadow:none!important;
}
.seo-top nav a,.seo-brand,.catalog-back,.search-back{color:#111!important}
.seo-main,.catalog-main,.search-main,.reels{background:#fff!important;color:#111!important}

/* SEO repair / model / service pages */
.seo-hero{background:#fff!important;color:#111!important;border:2px solid #111!important;border-radius:24px!important;padding:38px!important;margin-top:34px!important}
.seo-hero h1,.seo-hero h2,.seo-hero strong,.seo-section h2{color:#111!important}
.seo-hero p,.seo-copy p,.seo-steps span,.seo-faq p{color:#545d68!important}
.seo-card,.seo-check-list li,.seo-steps li,.seo-faq details,
.model-card,.model-part-card,.model-no-results,.brand-models-meta{
  background:#fff!important;background-image:none!important;color:#111!important;
  border:2px solid #111!important;box-shadow:0 5px 0 rgba(0,0,0,.06)!important;
}
.seo-card strong,.seo-check-list li,.seo-steps strong,.seo-faq summary,
.model-card strong,.model-part-copy strong{color:#111!important}
.seo-card span,.seo-text-link,.model-card-top b,.model-card-bottom b,.model-part-icon,
.seo-hero>span,.section-kicker{color:#9a7b22!important}
.seo-card:hover,.model-card:hover,.model-part-card:hover{
  background:#f7f7f7!important;border-color:#000!important;transform:translateY(-2px)!important;
  box-shadow:0 7px 0 rgba(0,0,0,.08)!important;
}
.model-search{
  background:#fff!important;color:#111!important;border:2px solid #111!important;box-shadow:none!important;
}
.model-search input{background:#fff!important;color:#111!important;border:0!important}
.model-search input::placeholder{color:#6a717b!important}
.year-filter{
  background:#fff!important;color:#111!important;border:2px solid #111!important;box-shadow:none!important;
}
.year-filter.active,.year-filter:hover{background:#f0f0f0!important;color:#111!important;border-color:#000!important}
.model-card-top i,.model-card-bottom{color:#59616c!important}
.model-card[hidden]{display:none!important}
.model-parts-button{
  background:#fff!important;background-image:none!important;color:#111!important;
  border:2px solid #111!important;box-shadow:none!important;
}
.model-part-icon{background:#fff!important;border:2px solid #111!important}
.seo-cta{
  background:#fff!important;color:#111!important;border:2px solid #111!important;box-shadow:none!important;
}
.seo-cta a{background:#fff!important;color:#111!important;border:2px solid #111!important}
.seo-footer{background:#fff!important;color:#4e5660!important;border-top:2px solid #111!important}

/* Catalog / phones / electronics / all brand pages */
.catalog-hero,.brand-page-head,.brand-empty,.product-card,.catalog-empty,.brand-detail-logo{
  background:#fff!important;background-image:none!important;color:#111!important;
  border:2px solid #111!important;box-shadow:none!important;
}
.catalog-hero h1,.catalog-hero h2,.catalog-hero p,.brand-result-head h2,.brand-result-head span,
.product-title,.brand-empty,.brand-empty strong{color:#111!important}
.catalog-kicker,.product-price,.product-tag{color:#9a7b22!important}
.catalog-search,.category-pill,.catalog-btn,.catalog-back{
  background:#fff!important;background-image:none!important;color:#111!important;
  border:2px solid #111!important;box-shadow:none!important;
}
.category-pill.active,.category-pill:hover,.catalog-btn:hover,.catalog-back:hover{background:#f1f1f1!important;color:#111!important}
.brand-grid .brand-button{
  background:#fff!important;background-image:none!important;color:#111!important;
  border:2px solid #111!important;box-shadow:none!important;
}
.brand-grid .brand-button:hover,.brand-grid .brand-button.active{
  background:#f4f4f4!important;color:#111!important;border-color:#000!important;
  box-shadow:0 5px 0 rgba(0,0,0,.08)!important;
}
.brand-grid .brand-logo{filter:none!important}
.product-card{overflow:hidden!important}
.product-image{background:#fff!important;background-image:none!important;border-bottom:2px solid #111!important}
.product-image img{background:#fff!important}
.product-body{background:#fff!important;color:#111!important}
.product-heart{
  background:#fff!important;color:#111!important;border:2px solid #111!important;box-shadow:0 3px 8px rgba(0,0,0,.12)!important;
}
.product-heart.active{background:#fff!important;color:#d71920!important;border-color:#d71920!important}
.product-heart-note{background:#fff!important;color:#111!important;border:2px solid #111!important}
.catalog-footer{background:#fff!important;color:#111!important;border-top:2px solid #111!important}

/* Main page 4 category entry cards — same border on all four */
#onfix-category-menu a{
  background:#fff!important;color:#111!important;border:2px solid #111!important;box-shadow:none!important;
}
#onfix-category-menu .onfix-commerce-subaction{
  background:#fff!important;color:#111!important;border:2px solid #111!important;box-shadow:none!important;
}

/* Search page */
.search-form,.result-card,.empty{
  background:#fff!important;background-image:none!important;color:#111!important;border:2px solid #111!important;box-shadow:none!important;
}
.search-form input{background:#fff!important;color:#111!important;border:0!important}
.search-form button{background:#fff!important;color:#111!important;border:2px solid #111!important}
.result-image{background:#fff!important;color:#111!important;border:1px solid #111!important}
.result-card h2,.result-price,.empty strong{color:#111!important}
.result-card p,.search-meta,.empty{color:#545d68!important}

/* Video/reels page: white page and white controls, video remains the visual focus. */
.reels-head{background:linear-gradient(#fff 65%,rgba(255,255,255,0))!important;color:#111!important}
.reels-head a{background:#fff!important;color:#111!important;border:2px solid #111!important}
.reels-head strong{color:#111!important}
.reel{
  background:#fff!important;color:#111!important;border:2px solid #111!important;
}
.reel>video{background:#fff!important}
.reel-gradient{background:linear-gradient(transparent 45%,rgba(255,255,255,.74) 72%,rgba(255,255,255,.97))!important}
.sound,.reel-actions span{
  background:#fff!important;color:#111!important;border:2px solid #111!important;box-shadow:0 2px 8px rgba(0,0,0,.12)!important;
}
.reel-actions button,.reel-actions .views,.reel-actions b,.reel-actions small{color:#111!important}
.reel-copy{background:rgba(255,255,255,.86)!important;border:1px solid rgba(0,0,0,.16)!important;border-radius:12px!important;padding:10px 12px!important}
.reel-copy b{color:#9a7b22!important}.reel-copy h1{color:#111!important;text-shadow:none!important}
.comment-sheet{background:#fff!important;color:#111!important;border:2px solid #111!important;box-shadow:none!important}
.comment-head{border-bottom:1px solid #111!important}.comment-head button{background:#fff!important;color:#111!important;border:1px solid #111!important}
.comment{border-bottom:1px solid #bbb!important}.comment b{color:#8b6d19!important}.no-comments{color:#666!important}
.comment-form{border-top:1px solid #111!important}.comment-form input,.comment-form textarea,.comment-form button{background:#fff!important;color:#111!important;border:2px solid #111!important}
.reels-empty{background:#fff!important;color:#111!important}.reels-empty p{color:#555!important}.reels-empty a{background:#fff!important;color:#111!important;border:2px solid #111!important}

@media(max-width:760px){
  .seo-card,.model-card,.model-part-card,.catalog-hero,.product-card,.brand-grid .brand-button{border-width:1.5px!important}
}

@media(max-width:560px){.seo-hero{padding:24px 18px!important;margin-top:20px!important;border-radius:18px!important}}
.brand-detail-logo img{filter:none!important;opacity:1!important}
.brand-admin-note{background:#fff!important;color:#111!important;border:2px solid #111!important}