/* Extracted from index.php: onfix-header-install-between-logo-search-20261016 */
html body header.site-header#top .onfix-logo-install-group{grid-column:1!important;grid-row:1!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;min-width:0!important}
html body header.site-header#top .onfix-header-app-link{
  grid-column:2!important;grid-row:1!important;justify-self:center!important;align-self:center!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  box-sizing:border-box!important;width:max-content!important;max-width:100%!important;
  min-height:42px!important;padding:8px 13px!important;gap:7px!important;
  color:#21180c!important;background:linear-gradient(135deg,#fff9e9,#e9ce91)!important;
  border:1px solid #b99a61!important;border-radius:12px!important;
  font:800 clamp(12px,1.1vw,16px)/1.2 Arial,Helvetica,sans-serif!important;
  text-align:center!important;white-space:normal!important;text-decoration:none!important;
}
html body header.site-header#top .onfix-header-app-link .onfix-header-app-symbol{flex:none;font-size:19px!important}
@media (hover:none) and (pointer:coarse) and (max-width:900px), (max-width:680px){
  html body header.site-header#top .onfix-header-row{
    grid-template-columns:220px minmax(160px,1fr) 76px 76px 76px!important;
    column-gap:8px!important;
  }
  html body header.site-header#top .onfix-header-app-link{
    grid-column:2!important;grid-row:1!important;min-height:56px!important;
    padding:7px 9px!important;font-size:18px!important;line-height:1.2!important;
    letter-spacing:-.3px!important;overflow-wrap:normal!important;
  }
  html body header.site-header#top .onfix-header-app-link .onfix-header-app-symbol{font-size:20px!important}
  html body header.site-header#top .onfix-header-search{grid-column:3!important}
  html body header.site-header#top .onfix-header-cart{grid-column:4!important}
  html body header.site-header#top nav#mainNav.onfix-header-menu{grid-column:5!important}
}


/* Extracted from index.php: onfix-header-desktop-repair-20261016 */
@media (min-width:901px) and (hover:hover) {
 html body header.site-header#top .onfix-header-row{
  display:grid!important;grid-template-columns: minmax(155px,205px) minmax(10px,1fr) 48px minmax(112px,150px) 50px 58px 50px!important;
  grid-template-rows:64px!important;align-items:center!important;justify-content:stretch!important;
  column-gap:10px!important;width:calc(100% - 36px)!important;max-width:1260px!important;
  margin:0 auto!important;padding:0!important;min-height:64px!important;overflow:visible!important;
 }
 html body header.site-header#top .onfix-logo-install-group{
  grid-column:1!important;grid-row:1!important;display:flex!important;visibility:visible!important;
  width:100%!important;min-width:0!important;max-width:205px!important;flex:none!important;align-items:center!important;
 }
 html body header.site-header#top .onfix-header-logo,
 html body header.site-header#top .onfix-header-logo .onfix-logo-spin-layer{
  display:flex!important;visibility:visible!important;opacity:1!important;width:100%!important;
  max-width:205px!important;height:auto!important;min-height:0!important;
 }
 html body header.site-header#top .onfix-header-logo img{
  display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;max-width:205px!important;height:auto!important;max-height:60px!important;
 }
 html body header.site-header#top .onfix-header-search{grid-column:3!important;grid-row:1!important;width:48px!important;min-width:48px!important;max-width:48px!important;height:48px!important;min-height:48px!important;flex:none!important;margin:0!important;padding:0!important;}
 html body header.site-header#top .onfix-header-search>button{width:48px!important;min-width:48px!important;max-width:48px!important;height:48px!important;min-height:48px!important;flex:none!important;}
 html body header.site-header#top .onfix-header-account{grid-column:4!important;grid-row:1!important;width:100%!important;min-width:0!important;max-width:150px!important;height:48px!important;min-height:48px!important;flex:none!important;box-sizing:border-box!important;}
 html body header.site-header#top .onfix-header-cart{grid-column:5!important;grid-row:1!important;width:50px!important;min-width:50px!important;max-width:50px!important;height:48px!important;min-height:48px!important;flex:none!important;}
 html body header.site-header#top .onfix-language-dropdown{grid-column:6!important;grid-row:1!important;width:58px!important;min-width:58px!important;max-width:58px!important;height:48px!important;min-height:48px!important;display:flex!important;flex:none!important;}
 html body header.site-header#top .onfix-language-current{width:58px!important;min-width:58px!important;max-width:58px!important;height:48px!important;min-height:48px!important;}
 html body header.site-header#top nav#mainNav.onfix-header-menu{grid-column:7!important;grid-row:1!important;width:50px!important;min-width:50px!important;max-width:50px!important;height:48px!important;min-height:48px!important;flex:none!important;display:flex!important;overflow:visible!important;}
 html body header.site-header#top #onfixNewMenuButton{display:flex!important;width:50px!important;min-width:50px!important;max-width:50px!important;height:48px!important;min-height:48px!important;}
}
@media (max-width:900px), (hover:none) and (pointer:coarse){
 html body header.site-header#top .onfix-header-row{
  display:grid!important;grid-template-columns:minmax(130px,1fr) 64px minmax(90px,120px) 64px 58px 64px!important;
  grid-template-rows:76px!important;gap:7px!important;width:calc(100% - 20px)!important;max-width:none!important;
  align-items:center!important;justify-content:stretch!important;margin:0 auto!important;min-height:76px!important;
 }
 html body header.site-header#top .onfix-logo-install-group{grid-column:1!important;grid-row:1!important;display:flex!important;visibility:visible!important;max-width:none!important;min-width:0!important;width:100%!important;}
 html body header.site-header#top .onfix-header-logo{display:flex!important;visibility:visible!important;opacity:1!important;max-width:100%!important;width:100%!important;}
 html body header.site-header#top .onfix-header-logo img{display:block!important;visibility:visible!important;opacity:1!important;max-width:180px!important;width:100%!important;height:auto!important;}
 html body header.site-header#top .onfix-header-search{grid-column:2!important;grid-row:1!important;width:64px!important;min-width:64px!important;max-width:64px!important;height:64px!important;min-height:64px!important;}
 html body header.site-header#top .onfix-header-search>button{width:64px!important;min-width:64px!important;max-width:64px!important;height:64px!important;min-height:64px!important;}
 html body header.site-header#top .onfix-header-account{grid-column:3!important;grid-row:1!important;display:flex!important;width:100%!important;min-width:0!important;max-width:120px!important;height:64px!important;min-height:64px!important;}
 html body header.site-header#top .onfix-header-cart{grid-column:4!important;grid-row:1!important;width:64px!important;min-width:64px!important;max-width:64px!important;height:64px!important;min-height:64px!important;}
 html body header.site-header#top .onfix-language-dropdown{grid-column:5!important;grid-row:1!important;display:flex!important;width:58px!important;min-width:58px!important;max-width:58px!important;height:64px!important;min-height:64px!important;}
 html body header.site-header#top nav#mainNav.onfix-header-menu{grid-column:6!important;grid-row:1!important;display:flex!important;width:64px!important;min-width:64px!important;max-width:64px!important;height:64px!important;min-height:64px!important;}
 html body header.site-header#top #onfixNewMenuButton{width:64px!important;min-width:64px!important;max-width:64px!important;height:64px!important;min-height:64px!important;display:flex!important;}
}


/* Extracted from index.php: onfix-home-price-heading-single-line-20261024 */
/* ONFIX: one-line price headline; give the calculator a little more width. */
html body #main > section.hero .container.hero-grid.hero-grid--commerce{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
}
html body #main > section.hero .onfix-home-price-panel h2{
  white-space:nowrap!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  max-width:none!important;
  font-size:clamp(37px,4.15vw,54px)!important;
  line-height:1.1!important;
}
@media(max-width:980px){
  html body #main > section.hero .container.hero-grid.hero-grid--commerce{
    grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr)!important;
  }
  html body #main > section.hero .onfix-home-price-panel h2{
    font-size:clamp(31px,4.25vw,43px)!important;
  }
}
@media(max-width:700px){
  html body #main > section.hero .container.hero-grid.hero-grid--commerce{
    grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important;
  }
  html body #main > section.hero .onfix-home-price-panel h2{
    font-size:clamp(22px,5.5vw,36px)!important;
  }
}


/* Extracted from index.php: onfix-home-market-mobshop-price-first-2x-20261024 */
/* ONFIX: OnFix Market + MOBSHOP cards — price directly under image, then product name. */
html body .onfix-market-latest .onfix-market-latest-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:8px!important;
  padding:16px 14px 18px!important;
}
html body .onfix-market-latest .onfix-market-latest-copy > b{
  order:1!important;
  display:block!important;
  margin:0!important;
  font-size:32px!important;
  line-height:1.12!important;
  font-weight:900!important;
  color:#17130d!important;
}
html body .onfix-market-latest .onfix-market-latest-copy > h3{
  order:2!important;
  margin:0!important;
  font-size:32px!important;
  line-height:1.16!important;
  font-weight:800!important;
}
html body .onfix-market-latest .onfix-market-latest-copy > small,
html body .onfix-market-latest .onfix-market-latest-copy > span,
html body .onfix-market-latest .onfix-market-latest-copy > p{
  order:3!important;
}

html body .home-accessories #homeAccessoriesRail .home-accessory-card__copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:8px!important;
  min-height:170px!important;
  height:auto!important;
  padding:12px 13px 16px!important;
}
html body .home-accessories #homeAccessoriesRail .home-accessory-card__copy > strong{
  order:1!important;
  display:block!important;
  margin:0!important;
  font-size:32px!important;
  line-height:1.12!important;
  font-weight:900!important;
  color:#17130d!important;
}
html body .home-accessories #homeAccessoriesRail .home-accessory-card__copy > h3{
  order:2!important;
  margin:0!important;
  font-size:32px!important;
  line-height:1.16!important;
  font-weight:800!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  display:block!important;
  -webkit-line-clamp:unset!important;
}
html body .home-accessories #homeAccessoriesRail .home-accessory-card__copy > small{
  order:3!important;
  margin:0!important;
  font-size:18px!important;
  line-height:1.25!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  display:block!important;
  -webkit-line-clamp:unset!important;
  color:#8a7a5a!important;
}
html body .home-accessories #homeAccessoriesRail .home-accessory-card__copy > del{
  order:4!important;
  display:block!important;
  margin:0!important;
  font-size:18px!important;
  line-height:1.2!important;
}

@media(max-width:700px){
  html body .onfix-market-latest .onfix-market-latest-copy{padding:10px 10px 14px!important;gap:6px!important;}
  html body .onfix-market-latest .onfix-market-latest-copy > b{font-size:28px!important;line-height:1.1!important;}
  html body .onfix-market-latest .onfix-market-latest-copy > h3{font-size:28px!important;line-height:1.14!important;}

  html body .home-accessories #homeAccessoriesRail .home-accessory-card__copy{padding:10px 10px 14px!important;gap:6px!important;min-height:150px!important;}
  html body .home-accessories #homeAccessoriesRail .home-accessory-card__copy > strong{font-size:28px!important;line-height:1.1!important;}
  html body .home-accessories #homeAccessoriesRail .home-accessory-card__copy > h3{font-size:28px!important;line-height:1.14!important;}
  html body .home-accessories #homeAccessoriesRail .home-accessory-card__copy > small{font-size:16px!important;line-height:1.22!important;}
  html body .home-accessories #homeAccessoriesRail .home-accessory-card__copy > del{font-size:16px!important;line-height:1.18!important;}
}


/* Extracted from index.php: onfix-home-hide-extra-labels-20261024 */
/* Homepage only: hide condition labels and redundant brand labels under listings. */
html body #main .onfix-market-latest .onfix-market-latest-copy > small,
html body #main .home-accessories #homeAccessoriesRail .home-accessory-card__copy > small {
    display: none !important;
}


/* Extracted from index.php: onfix-home-mobshop-price-left-20261024 */
/* Main homepage MOBSHOP product prices: align left, directly below photos. */
html body #main .home-accessories #homeAccessoriesRail .home-accessory-card__copy > strong {
  display: block !important;
  align-self: stretch !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: left !important;
  justify-content: flex-start !important;
}


/* Extracted from index.php: onfix-mobshop-price-dark-champagne-20261024 */
/* ONFIX homepage MOBSHOP: dark champagne prices, preserving left alignment. */
html body #main .home-accessories #homeAccessoriesRail .home-accessory-card__copy > strong,
html body #main .home-accessories #homeAccessoriesRail .home-accessory-card__copy > strong * {
  color: #93712f !important;
  -webkit-text-fill-color: #93712f !important;
  text-shadow: none !important;
}


/* Extracted from index.php: onfix-home-post-listing-text-2x-20261025 */
/* Target the create-listing link, NOT the OnFix Market heading. */
html body .onfix-market-latest a[href*="market-create.php"],
html body .onfix-market-latest a[href*="market-create.php"] > span {
  font-size: 30px !important;
  line-height: 1.2 !important;
}
@media (max-width: 600px) {
  html body .onfix-market-latest a[href*="market-create.php"],
  html body .onfix-market-latest a[href*="market-create.php"] > span {
    font-size: 26px !important;
  }
}


/* Extracted from index.php: onfix-phone-cta-white-background-only-20261025 */
html body #main > section.hero .onfix-home-price-panel .onfix-home-calc-actions > a[href*="phone-price.php"],
html body #main > section.hero .onfix-home-price-panel .onfix-home-calc-actions > a[href*="phone-price.php"]:hover {
  background: #fff !important;
}

