
.fhr-home{--fhr-blue:#194c85;--fhr-ink:#17283e;--fhr-muted:#566579;max-width:1180px;margin:0 auto 60px;padding:0 16px;color:var(--fhr-ink);font-family:inherit;box-sizing:border-box}.fhr-home *{box-sizing:border-box}.fhr-intro{text-align:center;padding:32px 12px 24px;background:#f6f9fd;border-radius:18px}.fhr-eyebrow{margin:0 0 8px!important;font-weight:700;color:var(--fhr-blue);font-size:.78rem;letter-spacing:.05em;text-transform:uppercase}.fhr-intro h1{font-size:clamp(1.6rem,3vw,2.5rem);line-height:1.16;margin:0 auto 12px;max-width:740px}.fhr-intro>p:not(.fhr-eyebrow){color:var(--fhr-muted);max-width:670px;margin:0 auto 20px;line-height:1.5}.fhr-search{display:flex;max-width:730px;margin:auto;background:#fff;padding:6px;border:1px solid #d4dfe9;border-radius:12px;gap:6px;box-shadow:0 5px 16px #223b5510}.fhr-search input[type=search]{flex:1;min-width:0;border:0;box-shadow:none;background:white;padding:11px 12px;font-size:16px}.fhr-search button,.fhr-button{border:0;text-decoration:none!important;background:var(--fhr-blue);color:#fff!important;border-radius:9px;padding:10px 15px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px}.fhr-category-strip{display:flex;overflow-x:auto;gap:9px;padding:16px 0 20px;scroll-snap-type:x proximity;scrollbar-width:thin}.fhr-category-strip a{flex:0 0 auto;max-width:145px;display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid #dbe5ef;border-radius:10px;color:#203d5f;text-decoration:none!important;font-size:.86rem;font-weight:600;background:#fff;scroll-snap-align:start}.fhr-category-strip img{width:32px;height:32px;object-fit:contain;border-radius:6px}.fhr-featured{display:grid;grid-template-columns:1.25fr 1fr;gap:24px;align-items:center;border:1px solid #dfe7ef;border-radius:17px;padding:22px 28px;background:#fff}.fhr-featured-copy h2{font-size:clamp(1.3rem,2.6vw,2rem);line-height:1.2;margin:0 0 12px}.fhr-featured-copy p:not(.fhr-eyebrow){margin:0 0 18px;color:var(--fhr-muted)}.fhr-featured-picture{text-align:center}.fhr-featured-picture img{height:220px;width:100%;object-fit:contain}.fhr-section{margin-top:34px}.fhr-section-heading{display:flex;justify-content:space-between;gap:14px;align-items:end;margin-bottom:15px}.fhr-section-heading h2{font-size:1.45rem;margin:0}.fhr-section-heading>a{font-size:.9rem;color:var(--fhr-blue)}.fhr-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.fhr-product{border:1px solid #e2e9f1;border-radius:13px;background:white;min-width:0;overflow:hidden;display:flex;flex-direction:column}.fhr-product-media{display:flex;align-items:center;justify-content:center;height:175px;padding:12px}.fhr-product-media img{width:100%;height:100%;object-fit:contain}.fhr-product-body{display:flex;flex-direction:column;flex:1;padding:0 13px 14px;gap:7px}.fhr-product-cat{font-size:.72rem;color:#617086;line-height:1.3}.fhr-product-cat a{color:inherit}.fhr-product h3{font-size:.94rem;line-height:1.35;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.fhr-product h3 a{color:var(--fhr-ink);text-decoration:none}.fhr-price{font-size:1rem;font-weight:700;margin-top:auto;min-height:20px}.fhr-product .fhr-button{font-size:.82rem;width:100%;padding:9px 7px}.fhr-values{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:30px}.fhr-values>div{border:1px solid #e1e9f2;border-radius:12px;padding:15px;background:#f9fbfd}.fhr-values strong{color:var(--fhr-blue)}.fhr-values p{margin:5px 0 0;color:var(--fhr-muted);font-size:.87rem;line-height:1.4}@media(max-width:760px){.fhr-home{padding:0 11px}.fhr-intro{padding:22px 12px 18px}.fhr-intro h1{font-size:1.55rem}.fhr-category-strip{padding:11px 0 14px}.fhr-category-strip a{font-size:.8rem}.fhr-featured{grid-template-columns:1fr 132px;gap:10px;padding:15px}.fhr-featured-picture img{height:145px}.fhr-featured-copy h2{font-size:1.13rem}.fhr-featured-copy p:not(.fhr-eyebrow){font-size:.86rem}.fhr-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fhr-product-media{height:135px}.fhr-product-body{padding:0 9px 10px;gap:6px}.fhr-product h3{font-size:.84rem}.fhr-product .fhr-button{font-size:.75rem;line-height:1.2}.fhr-values{grid-template-columns:1fr;gap:8px;margin-top:18px}.fhr-section{margin-top:23px}.fhr-section-heading h2{font-size:1.2rem}}@media(max-width:430px){.fhr-featured{grid-template-columns:1fr 110px;padding:12px}.fhr-featured-picture img{height:125px}.fhr-featured-copy h2{font-size:1rem}.fhr-featured-copy .fhr-button{padding:8px;font-size:.78rem}.fhr-search button{padding:8px 10px;font-size:.82rem}.fhr-section-heading>a{font-size:.78rem}}

/* Home Recovery 0.1.2: compact hero and icon-only category strip */
body.home .fhr-home {margin-top:0}
.fhr-home .fhr-intro{padding:20px 20px 18px;text-align:left;background:#fff;border-radius:0}
.fhr-home .fhr-intro h1{margin:0 0 17px;max-width:800px;font-weight:750;font-size:clamp(1.85rem,3.4vw,2.65rem);line-height:1.17}
.fhr-home .fhr-eyebrow{font-size:.76rem;letter-spacing:.11em}
.fhr-home .fhr-search{max-width:none;margin:0;border:2px solid #194c85;padding:0;overflow:hidden;border-radius:12px;box-shadow:none;gap:0}
.fhr-home .fhr-search input[type=search]{padding:14px 18px;min-height:55px}
.fhr-home .fhr-search button{border-radius:0;min-width:120px;background:#194c85}
.fhr-home .fhr-search-icon{display:none;font-size:2rem;line-height:1}
@media(max-width:760px){
 .fhr-home .fhr-intro{padding:12px 0 12px}
 .fhr-home .fhr-intro h1{font-size:clamp(1.65rem,7vw,2.2rem);margin-bottom:12px}
 .fhr-home .fhr-search input[type=search]{padding:11px 12px;min-height:50px}
 .fhr-home .fhr-search button{min-width:65px;padding:9px 13px}
 .fhr-home .fhr-search-label{display:none}
 .fhr-home .fhr-search-icon{display:block}
}

body.home .fhr-redundant-search{display:none!important}


/* Home Recovery 0.1.2: icon-only category chips */
.fhr-home .fhr-category-strip{gap:8px;padding:10px 0 12px}
.fhr-home .fhr-category-strip a{width:64px;max-width:64px;min-width:64px;min-height:64px;max-height:64px;flex:0 0 64px;padding:0;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#f5f8fc;border:1px solid #dbe5ef;box-shadow:none}
.fhr-home .fhr-category-strip img.fhr-category-thumb,.fhr-home .fhr-category-strip img{width:28px;height:28px;object-fit:contain;border-radius:0}
.fhr-home .fhr-category-icon{width:28px;height:28px;font-size:1.45rem}
.fhr-home .fhr-category-strip .screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:760px){
 .fhr-home .fhr-category-strip a{width:56px;max-width:56px;min-width:56px;min-height:56px;max-height:56px;flex-basis:56px;border-radius:12px}
 .fhr-home .fhr-category-strip img.fhr-category-thumb,.fhr-home .fhr-category-strip img{width:24px;height:24px}
 .fhr-home .fhr-category-icon{width:24px;height:24px;font-size:1.2rem}
}

/* v0.1.3: category strip contains only pictograms, never product/category pictures */
.fhr-home .fhr-category-strip .fhr-category-icon{font-family:system-ui,"Segoe UI Emoji","Apple Color Emoji",sans-serif;font-size:1.4rem;font-weight:600}


/* Home Recovery 0.1.4: compact icons with one-word labels */
.fhr-home .fhr-category-strip{gap:8px;padding:10px 0 12px}
.fhr-home .fhr-category-strip a{width:74px;max-width:74px;min-width:74px;min-height:78px;max-height:78px;flex:0 0 74px;padding:6px 4px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#f5f8fc;border:1px solid #dbe5ef;box-shadow:none;text-align:center}
.fhr-home .fhr-category-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-family:system-ui,"Segoe UI Emoji","Apple Color Emoji",sans-serif;font-size:1.2rem;line-height:1}
.fhr-home .fhr-category-label{display:block;font-size:.64rem;line-height:1.1;font-weight:700;color:#194c85;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.fhr-home .fhr-category-strip .screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:760px){
 .fhr-home .fhr-category-strip a{width:66px;max-width:66px;min-width:66px;min-height:70px;max-height:70px;flex-basis:66px;border-radius:12px;padding:5px 4px;gap:3px}
 .fhr-home .fhr-category-icon{width:22px;height:22px;font-size:1.05rem}
 .fhr-home .fhr-category-label{font-size:.58rem}
}

/* =========================================================
   FRADEVO Home Recovery 0.1.5 — mobile first-screen compact
   Presentation only; homepage only; desktop unchanged.
   ========================================================= */
@media (max-width: 760px) {
  body.home .fhr-home { margin-bottom: 36px; }
  body.home .fhr-home .fhr-intro { padding: 5px 0 6px; }
  body.home .fhr-home .fhr-intro h1 {
    font-size: clamp(1.35rem, 5.5vw, 1.65rem);
    line-height: 1.14;
    margin: 0 0 7px;
  }
  body.home .fhr-home .fhr-eyebrow { margin-bottom: 3px !important; font-size: .68rem; }
  body.home .fhr-home .fhr-intro > p:not(.fhr-eyebrow) {
    margin-bottom: 9px;
    line-height: 1.35;
    font-size: .84rem;
  }
  body.home .fhr-home .fhr-search input[type=search] {
    min-height: 42px;
    padding: 8px 11px;
  }
  body.home .fhr-home .fhr-search button {
    min-height: 42px;
    min-width: 52px;
    padding: 6px 10px;
  }
  body.home .fhr-home .fhr-category-strip {
    gap: 6px;
    padding: 6px 0 8px;
  }
  body.home .fhr-home .fhr-category-strip a {
    width: 59px;
    max-width: 59px;
    min-width: 59px;
    flex-basis: 59px;
    min-height: 58px;
    max-height: 58px;
    padding: 4px 3px;
    gap: 2px;
    border-radius: 10px;
  }
  body.home .fhr-home .fhr-category-icon { width: 20px; height: 20px; font-size: 1rem; }
  body.home .fhr-home .fhr-category-label { font-size: .55rem; line-height: 1.08; }
  body.home .fhr-home .fhr-featured {
    grid-template-columns: minmax(0, 1fr) 92px;
    gap: 8px;
    padding: 10px;
    border-radius: 12px;
  }
  body.home .fhr-home .fhr-featured-copy h2 {
    font-size: 1rem;
    line-height: 1.16;
    margin: 0 0 6px;
  }
  body.home .fhr-home .fhr-featured-copy p:not(.fhr-eyebrow) {
    font-size: .76rem;
    line-height: 1.3;
    margin: 0 0 8px;
  }
  body.home .fhr-home .fhr-featured-picture img { height: 104px; }
  body.home .fhr-home .fhr-featured-copy .fhr-button {
    min-height: 34px;
    padding: 6px 9px;
    font-size: .74rem;
    line-height: 1.2;
  }
  body.home .fhr-home .fhr-section { margin-top: 15px; }
  body.home .fhr-home .fhr-section-heading { margin-bottom: 10px; }
}


/* =========================================================
   FRADEVO Home Recovery 0.1.6 — tidy mobile section heading
   Keeps desktop, product cards and links unchanged.
   ========================================================= */
@media (max-width: 760px) {
  body.home .fhr-home .fhr-section-heading {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(105px, 36%);
    gap: 8px;
    align-items: end;
    margin-bottom: 9px;
  }
  body.home .fhr-home .fhr-section-heading h2 {
    font-size: clamp(1.03rem, 4.1vw, 1.2rem);
    line-height: 1.2;
    margin: 0;
  }
  body.home .fhr-home .fhr-section-heading > a {
    font-size: .76rem;
    line-height: 1.25;
    text-align: right;
    overflow-wrap: normal;
  }
}

/* FRADEVO Home Recovery 0.1.7 — align comparison buttons across each product row.
   Keep the price directly above the button; distribute spare height before it. */
.fhr-home .fhr-product .fhr-price { margin-top: 0; }
.fhr-home .fhr-product .fhr-button { margin-top: auto; }


/* FRADEVO Home Recovery 0.1.8 — compact product grid.
   Scope limited to homepage product cards; keeps live search, category strip,
   featured section, Frado, and the 0.1.7 button alignment intact. */
body.home .fhr-home .fhr-products { gap: 9px; }
body.home .fhr-home .fhr-product { border-radius: 10px; }
body.home .fhr-home .fhr-product-media { height: 112px; padding: 8px 10px 5px; }
body.home .fhr-home .fhr-product-body { padding: 0 10px 10px; gap: 5px; }
body.home .fhr-home .fhr-product-cat { display: none; }
body.home .fhr-home .fhr-product h3 {
  font-size: .82rem; line-height: 1.28;
  display: -webkit-box; -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; overflow: hidden;
  min-height: 2.56em;
}
body.home .fhr-home .fhr-product .fhr-price {
  font-size: .94rem; line-height: 1.2;
  min-height: 1.2em; margin-top: 0;
}
body.home .fhr-home .fhr-product .fhr-button {
  margin-top: auto; min-height: 34px; padding: 6px 5px;
  font-size: .75rem; line-height: 1.2; border-radius: 7px;
}
@media (max-width: 760px) {
  body.home .fhr-home .fhr-products { gap: 8px; }
  body.home .fhr-home .fhr-product-media { height: 94px; padding: 7px 7px 3px; }
  body.home .fhr-home .fhr-product-body { padding: 0 7px 8px; gap: 4px; }
  body.home .fhr-home .fhr-product h3 { font-size: .76rem; line-height: 1.25; min-height: 2.5em; }
  body.home .fhr-home .fhr-product .fhr-price { font-size: .88rem; }
  body.home .fhr-home .fhr-product .fhr-button { font-size: .7rem; min-height: 32px; padding: 5px 3px; }
}

/* FRADEVO — mobile search heading */
@media (max-width: 767px) {
  body.home .fhr-home .fhr-intro h1 {
    font-size: clamp(15px, 4.2vw, 18px) !important;
    line-height: 1.2 !important;
    letter-spacing: -0.45px !important;
    white-space: nowrap !important;
    text-align: left !important;
    max-width: 100% !important;
  }
}
