/* Extracted from index.php: onfix-home-ad-and-price-row-20261021 */
/* Compact advertisement at left, white price calculator at right. */
html body #main > section.hero{width:min(100% - 24px,1200px)!important;max-width:1200px!important;margin:10px auto 14px!important;padding:0!important;min-height:0!important;height:auto!important;background:transparent!important;border:0!important;box-shadow:none!important}
html body #main > section.hero .container.hero-grid.hero-grid--commerce{display:grid!important;grid-template-columns:minmax(0,1.23fr) minmax(0,.77fr)!important;grid-template-rows:auto!important;align-items:stretch!important;gap:12px!important;width:100%!important;max-width:100%!important;min-height:0!important;height:auto!important;padding:0!important;margin:0 auto!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
html body #main > section.hero .container.hero-grid.hero-grid--commerce .hero-media{display:block!important;grid-column:1!important;grid-row:1!important;min-width:0!important;width:100%!important;max-width:100%!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important}
html body #main > section.hero .hero-media-stack,html body #main > section.hero .onfix-festive-video{display:block!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:16px!important;box-shadow:none!important;overflow:hidden!important}
html body #main > section.hero #promoSwipe.video-shell{display:block!important;position:relative!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:16/9!important;padding:0!important;margin:0!important;border:0!important;border-radius:16px!important;overflow:hidden!important;background:transparent!important;box-shadow:none!important}
html body #main > section.hero #promoSwipe .promo-swipe__viewport,html body #main > section.hero #promoSwipe .promo-swipe__track,html body #main > section.hero #promoSwipe .promo-swipe__slide{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:none!important;min-height:0!important;margin:0!important;padding:0!important}
html body #main > section.hero #promoSwipe .repair-process-ad-image,html body #main > section.hero #promoSwipe .repair-process-ad-video{display:block!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;object-fit:contain!important;object-position:center!important;background:transparent!important}
html body #main > section.hero .onfix-home-price-panel{display:flex!important;grid-column:2!important;grid-row:1!important;align-items:center!important;justify-content:center!important;min-width:0!important;margin:0!important;padding:18px!important;border:1px solid #ece7de!important;border-radius:16px!important;background:#fff!important;box-shadow:0 5px 18px rgba(24,32,47,.05)!important;box-sizing:border-box!important}
html body #main > section.hero .onfix-home-price-panel__content{width:100%;min-width:0}
html body #main > section.hero .onfix-home-price-panel h2{margin:0 0 9px!important;color:#17202a!important;font-size:clamp(42px,4.9vw,64px)!important;line-height:1.08!important;font-weight:900!important}
html body #main > section.hero .onfix-home-price-panel p{margin:0 0 20px!important;color:#475366!important;font-size:clamp(12px,1.18vw,16px)!important;line-height:1.45!important}
html body #main > section.hero .onfix-home-price-panel a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:10px 21px!important;border-radius:12px!important;background:#f3cc76!important;color:#211c14!important;font-weight:850!important;font-size:17px!important;text-decoration:none!important;white-space:nowrap!important}
html body #main > section.hero .onfix-home-price-panel a:hover{background:#e7b64e!important}
@media(max-width:700px){
 html body #main > section.hero{width:calc(100% - 14px)!important;margin:8px auto 12px!important}
 html body #main > section.hero .container.hero-grid.hero-grid--commerce{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:7px!important}
 html body #main > section.hero #promoSwipe.video-shell{aspect-ratio:4/5!important;border-radius:12px!important}
 html body #main > section.hero .onfix-home-price-panel{padding:10px!important;border-radius:12px!important}
 html body #main > section.hero .onfix-home-price-panel h2{font-size:clamp(30px,7.8vw,44px)!important;margin-bottom:6px!important;line-height:1.06!important}
 html body #main > section.hero .onfix-home-price-panel p{font-size:clamp(10px,2.6vw,13px)!important;margin-bottom:10px!important}
 html body #main > section.hero .onfix-home-price-panel a{width:100%!important;min-height:38px!important;padding:8px 7px!important;font-size:clamp(12px,3.1vw,16px)!important;white-space:normal!important;text-align:center!important}
}


/* Extracted from index.php: onfix-mobile-compact-header-20261013 */
html body #onfixCompactMenuButton,
html body #onfixCompactMenu{display:none!important}
@media (hover:none) and (pointer:coarse) and (max-width:900px), (max-width:680px){
  html body .onfix-primary-nav,
  html body > nav.onfix-primary-nav{display:none!important}
  html body header.site-header#top{position:sticky!important;top:0!important;z-index:4000!important;overflow:visible!important;padding:5px 0!important}
  html body header.site-header#top .onfix-header-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 76px 76px 76px!important;
    grid-template-rows:82px!important;
    column-gap:12px!important;
    width:calc(100% - 32px)!important;max-width:none!important;
    min-height:82px!important;align-items:center!important;
    margin:0 auto!important;padding:0!important;overflow:visible!important;
  }
  html body header.site-header#top .onfix-header-logo,
  html body header.site-header#top .onfix-header-logo .onfix-logo-spin-layer{
    grid-column:1!important;grid-row:1!important;
    display:flex!important;align-items:center!important;
    width:220px!important;min-width:0!important;max-width:100%!important;
    height:78px!important;min-height:0!important;max-height:78px!important;
    margin:0!important;padding:0!important;
  }
  html body header.site-header#top .onfix-header-logo img{
    width:100%!important;min-width:0!important;max-width:220px!important;
    height:78px!important;max-height:78px!important;object-fit:contain!important;
  }
  html body header.site-header#top .onfix-header-search{
    grid-column:2!important;grid-row:1!important;
    position:relative!important;display:flex!important;align-items:center!important;
    width:76px!important;min-width:76px!important;max-width:76px!important;
    height:76px!important;min-height:76px!important;max-height:76px!important;
    margin:0!important;padding:0!important;overflow:visible!important;
    background:transparent!important;border:0!important;box-shadow:none!important;
  }
  html body header.site-header#top .onfix-header-search button{
    flex:0 0 76px!important;width:76px!important;min-width:76px!important;max-width:76px!important;
    height:76px!important;min-height:76px!important;max-height:76px!important;
    border-radius:18px!important;margin:0!important;
  }
  html body header.site-header#top .onfix-header-search button svg{width:32px!important;height:32px!important}
  html body header.site-header#top .onfix-header-search.is-search-open input#siteWideSearch{
    display:block!important;position:absolute!important;
    top:calc(100% + 12px)!important;right:0!important;left:auto!important;
    width:500px!important;max-width:calc(100vw - 40px)!important;
    height:76px!important;font-size:26px!important;padding:12px 20px!important;
    border-radius:16px!important;z-index:2147483000!important;
  }
  html body header.site-header#top .onfix-header-cart{
    grid-column:3!important;grid-row:1!important;
    display:grid!important;place-items:center!important;
    width:76px!important;min-width:76px!important;max-width:76px!important;
    height:76px!important;min-height:76px!important;max-height:76px!important;
    margin:0!important;padding:0!important;border-radius:18px!important;
  }
  html body header.site-header#top .onfix-header-cart svg{width:33px!important;height:33px!important}
  html body header.site-header#top .onfix-header-account,
  html body header.site-header#top .onfix-language-dropdown{display:none!important}
  html body header.site-header#top nav#mainNav.onfix-header-menu{
    grid-column:4!important;grid-row:1!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    position:relative!important;width:76px!important;min-width:76px!important;max-width:76px!important;
    height:76px!important;min-height:76px!important;max-height:76px!important;
    margin:0!important;padding:0!important;overflow:visible!important;
  }
  html body header.site-header#top nav#mainNav .onfix-home-create{display:none!important}
  html body header.site-header#top nav#mainNav #onfixCompactMenuButton{
    display:grid!important;place-items:center!important;position:static!important;
    width:76px!important;min-width:76px!important;max-width:76px!important;
    height:76px!important;min-height:76px!important;max-height:76px!important;
    padding:0!important;margin:0!important;
    border:1px solid #b68d38!important;border-radius:18px!important;
    background:linear-gradient(140deg,#efd28a,#c99932)!important;
    color:#21190c!important;font-size:42px!important;line-height:1!important;cursor:pointer!important;
  }
  html body header.site-header#top nav#mainNav #onfixCompactMenu[hidden]{display:none!important}
  html body header.site-header#top nav#mainNav #onfixCompactMenu:not([hidden]){
    display:flex!important;flex-direction:column!important;
    position:absolute!important;top:calc(100% + 14px)!important;right:0!important;left:auto!important;
    width:min(540px,calc(100vw - 40px))!important;
    max-height:calc(100dvh - 115px)!important;overflow-y:auto!important;
    padding:16px!important;gap:5px!important;
    border:1px solid #d8bd83!important;border-radius:20px!important;
    background:#fffdf8!important;box-shadow:0 18px 42px rgba(32,22,7,.20)!important;
    z-index:99999!important;box-sizing:border-box!important;
  }
  html body header.site-header#top nav#mainNav #onfixCompactMenu a{
    display:block!important;padding:17px 19px!important;
    font:600 25px/1.35 system-ui,sans-serif!important;
    color:#201a11!important;text-decoration:none!important;
    background:transparent!important;border:0!important;border-radius:12px!important;
    text-align:left!important;white-space:normal!important;
  }
  html body header.site-header#top nav#mainNav #onfixCompactMenu a:focus-visible,
  html body header.site-header#top nav#mainNav #onfixCompactMenu a:hover{background:#f6ecd6!important}
  html body header.site-header#top nav#mainNav #onfixCompactMenu a[href="/market-create.php"]{background:#efd49a!important}
  html body header.site-header#top .onfix-compact-languages{
    display:flex!important;gap:9px!important;padding:15px 3px 3px!important;
    border-top:1px solid #e7d9bb!important;
  }
  html body header.site-header#top .onfix-compact-languages button{
    flex:1!important;border:1px solid #dfcba5!important;border-radius:11px!important;
    padding:15px 5px!important;background:#fff!important;color:#2d2418!important;
    font:600 20px/1.2 system-ui,sans-serif!important;cursor:pointer!important;
  }
}


/* Extracted from index.php: onfix-mobile-menu-search-no-overlap-20261014 */
@media (hover:none) and (pointer:coarse) and (max-width:900px), (max-width:680px){
 html body header.site-header#top:has(#onfixCompactMenu:not([hidden])) .onfix-header-search input#siteWideSearch,
 html body header.site-header#top:has(#onfixCompactMenu:not([hidden])) #homeLiveSearchResults{display:none!important}
}


/* Extracted from index.php: onfix-home-product-card-geometry-20261014 */
html body .onfix-market-latest .onfix-market-latest-card,
html body .home-accessories #homeAccessoriesRail .home-accessory-card {
  box-sizing:border-box!important;
  min-width:0!important;
  overflow:hidden!important;
}
html body .onfix-market-latest .onfix-market-latest-photo,
html body .home-accessories #homeAccessoriesRail .home-accessory-card__image {
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  aspect-ratio:4 / 3!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding:8px!important;
  margin:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  background:#fff!important;
  background-image:none!important;
}
html body .onfix-market-latest .onfix-market-latest-photo > img,
html body .home-accessories #homeAccessoriesRail .home-accessory-card__image > img {
  position:static!important;
  display:block!important;
  flex:0 1 auto!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:auto!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  clip-path:none!important;
  border-radius:0!important;
}
html body .home-accessories #homeAccessoriesRail .home-accessory-card > a{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  min-width:0!important;
  text-decoration:none!important;
}
html body .home-accessories #homeAccessoriesRail .home-accessory-card__copy {
  position:static!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  flex:1 0 auto!important;
  overflow-wrap:anywhere!important;
}
html body .home-accessories #homeAccessoriesRail .home-accessory-card__copy h3,
html body .onfix-market-latest .onfix-market-latest-card h3 {
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
@media (hover:none) and (pointer:coarse) and (max-width:900px), (max-width:680px){
  html body .onfix-market-latest .onfix-market-latest-grid,
  html body .home-accessories .home-accessories__rail#homeAccessoriesRail {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    align-items:stretch!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  html body .home-accessories .home-accessories__rail#homeAccessoriesRail{
    overflow:visible!important;
    scroll-snap-type:none!important;
    direction:ltr!important;
  }
  html body .onfix-market-latest .onfix-market-latest-card,
  html body .home-accessories #homeAccessoriesRail > .home-accessory-card {
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    margin:0!important;
    flex:none!important;
    align-self:stretch!important;
    box-sizing:border-box!important;
  }
  html body .onfix-market-latest .onfix-market-latest-photo,
  html body .home-accessories #homeAccessoriesRail .home-accessory-card__image {
    aspect-ratio:4 / 3!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:10px!important;
  }
  html body .home-accessories .home-accessories__actions [data-accessory-prev],
  html body .home-accessories .home-accessories__actions [data-accessory-next]{display:none!important}
}