/* HERBELIN index-neu2 — Erweiterung um Candino-inspirierte Sektionen.
   Wird NACH redesign.css geladen, alles unter .hb-redesign gescoped.
   Neue, kollisionsfreie Klassen: .gsplit / .spotlight / .editorial-banner */

/* ============================================================
   1) GENDER SPLIT  —  zwei große Editorial-Tiles (Damen | Herren)
   ============================================================ */
.hb-redesign .gsplit{padding:120px 0;background:var(--ivory)}
.hb-redesign .gsplit-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:32px;
}
.hb-redesign .gtile{
  position:relative;display:block;overflow:hidden;border-radius:4px;
  aspect-ratio:4/5;background:var(--cream);
  box-shadow:0 18px 50px rgba(13,27,42,.10);
}
.hb-redesign .gtile-media{position:absolute;inset:0}
.hb-redesign .gtile-media img{
  width:100%;height:100%;object-fit:cover;object-position:center;
  transition:transform 1.1s cubic-bezier(.2,.7,.2,1);
}
.hb-redesign .gtile:hover .gtile-media img{transform:scale(1.06)}
.hb-redesign .gtile::after{
  content:'';position:absolute;inset:0;z-index:1;
  background:linear-gradient(to top,rgba(6,16,28,.78) 0%,rgba(6,16,28,.30) 38%,rgba(6,16,28,0) 64%);
  transition:background .5s ease;
}
.hb-redesign .gtile:hover::after{
  background:linear-gradient(to top,rgba(6,16,28,.84) 0%,rgba(6,16,28,.38) 44%,rgba(6,16,28,.04) 72%);
}
.hb-redesign .gtile-overlay{
  position:absolute;left:0;right:0;bottom:0;z-index:2;
  padding:44px 44px 40px;color:var(--ivory);
}
.hb-redesign .gtile-eyebrow{
  font-size:11px;letter-spacing:.34em;text-transform:uppercase;
  color:var(--gold);margin-bottom:14px;font-weight:600;
}
.hb-redesign .gtile-overlay h3{
  font-family:'Monument Extended',sans-serif;font-weight:400;
  font-size:clamp(28px,3vw,40px);line-height:1.05;letter-spacing:.01em;
  color:var(--ivory);margin:0 0 14px;
}
.hb-redesign .gtile-overlay p{
  font-size:15px;line-height:1.6;color:rgba(250,247,242,.82);
  max-width:30ch;margin:0 0 22px;
}
.hb-redesign .gtile-cta{
  display:inline-flex;align-items:center;gap:10px;
  font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;
  color:var(--ivory);padding-bottom:6px;
  border-bottom:1px solid rgba(201,169,97,.55);
  transition:gap .35s ease,color .35s ease,border-color .35s ease;
}
.hb-redesign .gtile-cta svg{width:15px;height:15px;transition:transform .35s ease}
.hb-redesign .gtile:hover .gtile-cta{gap:16px;color:var(--gold);border-color:var(--gold)}
.hb-redesign .gtile:hover .gtile-cta svg{transform:translateX(4px)}

/* ============================================================
   2) NEWPORT SPOTLIGHT  —  Editorial-Bild + Produkt-Quad
   ============================================================ */
.hb-redesign .spotlight{padding:130px 0;background:var(--cream)}
.hb-redesign .spotlight-top{
  display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center;
  margin-bottom:72px;
}
.hb-redesign .spotlight-media{position:relative;border-radius:4px;overflow:hidden;background:var(--ivory)}
.hb-redesign .spotlight-media img{
  width:100%;height:100%;max-height:560px;object-fit:cover;object-position:center;display:block;
}
.hb-redesign .spotlight-badge{
  position:absolute;left:22px;bottom:22px;
  display:inline-flex;align-items:center;gap:9px;
  background:rgba(6,16,28,.72);backdrop-filter:blur(6px);
  color:var(--ivory);font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  padding:10px 16px;border-radius:2px;border:1px solid rgba(201,169,97,.35);
}
.hb-redesign .spotlight-badge .dot{
  width:7px;height:7px;border-radius:50%;background:var(--gold);
  box-shadow:0 0 0 0 rgba(201,169,97,.5);animation:hb-spot-pulse 2.4s infinite;
}
@keyframes hb-spot-pulse{0%{box-shadow:0 0 0 0 rgba(201,169,97,.5)}70%{box-shadow:0 0 0 9px rgba(201,169,97,0)}100%{box-shadow:0 0 0 0 rgba(201,169,97,0)}}
.hb-redesign .spotlight-body{padding:8px 0;text-align:left}
.hb-redesign .spotlight-body .section-eyebrow{color:var(--gold)}
.hb-redesign h2.spotlight-h2{
  text-align:left!important;margin:18px 0 22px;
  font-size:clamp(30px,3.4vw,46px);line-height:1.04;
}
.hb-redesign .spotlight-lead{
  font-size:17px;line-height:1.75;color:var(--text);max-width:52ch;margin:0 0 26px;
}
.hb-redesign .spotlight-points{list-style:none;margin:0 0 32px;padding:0}
.hb-redesign .spotlight-points li{
  position:relative;padding-left:30px;margin-bottom:13px;
  font-size:15px;color:var(--text);
}
.hb-redesign .spotlight-points li::before{
  content:'';position:absolute;left:0;top:7px;width:16px;height:9px;
  border-left:2px solid var(--gold);border-bottom:2px solid var(--gold);
  transform:rotate(-45deg);
}
.hb-redesign .spotlight-cta{margin-top:4px}
/* Produkt-Quad volle Breite, kein products-grid-Override hier */
.hb-redesign .spotlight-products{margin-top:8px}

/* ============================================================
   3) EDITORIAL BANNER  —  vollflächiges Stimmungsbild + Statement
   ============================================================ */
.hb-redesign .editorial-banner{
  position:relative;
  min-height:520px;display:flex;align-items:center;
  background-color:var(--navy-deep);
  border-top:1px solid rgba(201,169,97,.25);
  border-bottom:1px solid rgba(201,169,97,.25);
}
.hb-redesign .editorial-inner{max-width:1360px;width:100%;margin:0 auto;padding:80px 32px;color:var(--ivory)}
.hb-redesign .editorial-eyebrow{
  font-size:12px;letter-spacing:.42em;text-transform:uppercase;
  color:var(--gold);margin-bottom:22px;font-weight:600;
}
.hb-redesign .editorial-title{
  font-family:'Monument Extended',sans-serif;font-weight:400;
  font-size:clamp(34px,4.4vw,60px);line-height:1.04;letter-spacing:.005em;
  color:var(--ivory);margin:0 0 24px;
}
.hb-redesign .editorial-title em{font-style:italic;color:var(--gold)}
.hb-redesign .editorial-lead{
  font-size:18px;line-height:1.75;color:rgba(250,247,242,.85);
  max-width:50ch;margin:0 0 34px;
}

/* ============================================================
   4) UHRENFINDER  —  hell statt navy (#c3d6da), Design angepasst
   (überschreibt redesign.css; gleiche Spezifität, später geladen)
   ============================================================ */
.hb-redesign .finder{
  background:#c3d6da;color:var(--navy);
}
/* dezente helle Tiefe statt der Gold-Glows auf Dunkel */
.hb-redesign .finder::before{
  background:
    radial-gradient(ellipse at 18% 0%,rgba(255,255,255,.55) 0%,transparent 55%),
    radial-gradient(ellipse at 85% 100%,rgba(13,27,42,.06) 0%,transparent 55%);
}
.hb-redesign .finder-text .section-eyebrow{color:#9c7b34}
.hb-redesign .finder-text h2{color:var(--navy)}
.hb-redesign .finder-text h2 em{color:#9c7b34}
.hb-redesign .finder-text p{color:rgba(13,27,42,.72)}
/* Widget = helles Glas-Card auf dem Blaugrau */
.hb-redesign .finder-widget{
  background:rgba(255,255,255,.62);
  border:1px solid rgba(13,27,42,.10);
  box-shadow:0 26px 60px rgba(13,27,42,.14);
  backdrop-filter:blur(12px);
}
.hb-redesign .finder-step-label{color:#9c7b34}
.hb-redesign .finder-step-label .num{border-color:#9c7b34;color:#9c7b34}
/* Chips: Navy-Outline + Navy-Text auf Weiß; aktiv = Gold (Marken-Akzent) */
.hb-redesign .finder-chip{
  background:rgba(255,255,255,.5);
  border:1px solid rgba(13,27,42,.22);
  color:var(--navy);
}
.hb-redesign .finder-chip:hover, .hb-redesign .finder-chip.active{
  background:var(--gold);color:var(--navy);border-color:var(--gold);
}

/* ============================================================
   5) HÄNDLER-SEKTION  —  hell statt navy (#c3d6da), Design angepasst
   ============================================================ */
.hb-redesign .dealer-section{background:#c3d6da;color:var(--navy)}
.hb-redesign .dealer-section::before{
  background:
    radial-gradient(ellipse at 80% 50%,rgba(255,255,255,.45) 0%,transparent 55%),
    radial-gradient(ellipse at 10% 80%,rgba(13,27,42,.05) 0%,transparent 45%);
}
.hb-redesign .dealer-text .section-eyebrow{color:#9c7b34}
.hb-redesign .dealer-text h2 em{color:#9c7b34}
.hb-redesign .dealer-text > p{color:rgba(13,27,42,.72)}
.hb-redesign .dealer-stat .num{color:var(--navy)}
.hb-redesign .dealer-stat .label{color:rgba(13,27,42,.6)}
/* Karten-Card hell + Deutschland-SVG dunkel (CSS überschreibt Inline-stroke) */
.hb-redesign .dealer-map{background:rgba(255,255,255,.42);border:1px solid rgba(13,27,42,.12)}
.hb-redesign .dealer-map-bg{opacity:.12}
.hb-redesign .dealer-map-bg svg path{stroke:rgba(13,27,42,.55)!important;fill:rgba(13,27,42,.05)!important}
.hb-redesign .dealer-map-label .map-badge{border-color:rgba(13,27,42,.25);color:rgba(13,27,42,.7)}
.hb-redesign .dealer-map-label p{color:rgba(13,27,42,.5)}
.hb-redesign .city-tag{color:rgba(13,27,42,.6);border-color:rgba(13,27,42,.18)}
/* Zahlungs-Reihe hell */
.hb-redesign .payment-row{border-top-color:rgba(13,27,42,.14)}
.hb-redesign .payment-row .label{color:rgba(13,27,42,.6)}
.hb-redesign .pay{
  background:rgba(255,255,255,.6);
  border:1px solid rgba(13,27,42,.14);
  color:rgba(13,27,42,.8);
}
/* "Konzessionär werden" Ghost-Button auf Hell lesbar machen */
.hb-redesign .dealer-cta .btn-ghost{
  color:var(--navy);border:1px solid rgba(13,27,42,.28);
}
.hb-redesign .dealer-cta .btn-ghost:hover{border-color:var(--gold);color:#9c7b34}

/* (WP-Store-Locator-Embed verworfen — dekorative Karte + Link auf /verkaufspunkte/) */

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:900px){
  .hb-redesign .gsplit{padding:80px 0}
  .hb-redesign .gsplit-grid{grid-template-columns:1fr;gap:20px}
  .hb-redesign .gtile{aspect-ratio:16/13}
  .hb-redesign .gtile-overlay{padding:30px 28px 28px}
  .hb-redesign .spotlight{padding:80px 0}
  .hb-redesign .spotlight-top{grid-template-columns:1fr;gap:32px;margin-bottom:48px}
  .hb-redesign .spotlight-media img{max-height:420px}
  .hb-redesign .editorial-banner{min-height:auto;background-position:right center}
  .hb-redesign .editorial-inner{padding:64px 26px}
  .hb-redesign .editorial-lead{max-width:100%}
}
@media (max-width:600px){
  .hb-redesign .gtile{aspect-ratio:4/5}
  .hb-redesign .gtile-overlay h3{font-size:26px}
}


/* ============================================================
   6) NEU2-TUNING (15.06.2026)
   ============================================================ */
/* weiße Sektions-Hintergründe */
.hb-redesign .neuheiten{background:#fcfbfe}
.hb-redesign .bestseller{background:#fcfbfe}
.hb-redesign .heritage{background:#fcfbfe}

/* Produktkacheln: Bild füllt randlos, kein Creme-Overlay */
.hb-redesign .product-small .box-image{background:#fff;border:0;border-radius:4px}
.hb-redesign .product-small .box-image img{
  mix-blend-mode:normal;padding:0;width:100%;height:auto;display:block;
}

/* ---- HERO: heller Grün-Blau-Ton #c0cdd3, fließender Übergang ins Moodbild ---- */
.hb-redesign .hero{background:#c0cdd3}
.hb-redesign .hero::before{background:none}
.hb-redesign .hero::after{
  background:linear-gradient(90deg,transparent,rgba(13,27,42,.16) 30%,rgba(13,27,42,.16) 70%,transparent);
}
.hb-redesign .hero-eyebrow{color:#7d6a39}
.hb-redesign .hero-eyebrow::before{background:#7d6a39;opacity:.8}
.hb-redesign .hero h1{color:var(--navy)}
.hb-redesign .hero h1 em{color:#9c7b34}
.hb-redesign .hero-lead{color:rgba(13,27,42,.74)}
.hb-redesign .hero-price{color:rgba(13,27,42,.55)}
.hb-redesign .hero-price strong{color:#9c7b34}
.hb-redesign .btn-ghost{color:var(--navy);border:1px solid rgba(13,27,42,.30)}
.hb-redesign .btn-ghost:hover{border-color:#9c7b34;color:#9c7b34}

/* Moodbild nahtlos aus dem Ton heraus entwickeln */
.hb-redesign .hero-image{background:#c0cdd3}
.hb-redesign .hero-image::before{
  background:
    linear-gradient(90deg,#c0cdd3 0%,rgba(192,205,211,.72) 15%,rgba(192,205,211,.20) 33%,transparent 50%),
    linear-gradient(180deg,rgba(192,205,211,.55) 0%,transparent 20%,transparent 80%,rgba(192,205,211,.50) 100%);
}
.hb-redesign .hero-image::after{background:none}
.hb-redesign .hero-meta{
  background:rgba(255,255,255,.55);
  border:1px solid rgba(13,27,42,.16);
  color:rgba(13,27,42,.70);
  backdrop-filter:blur(8px);
}
.hb-redesign .hero-meta .num{color:#9c7b34}

/* 7) Newsletter weiß + Grün-Blau-Ton vereinheitlicht auf #c0cdd3 (15.06.) */
.hb-redesign .newsletter{background:#fcfbfe}
.hb-redesign .finder{background:#c0cdd3}
.hb-redesign .dealer-section{background:#c0cdd3}

/* 8) Heritage in ivory, alle Uhren-Sektionen weiß (15.06.) */
.hb-redesign .heritage{background:var(--ivory)}
.hb-redesign .spotlight{background:#fcfbfe}

/* 9) B2B-/Fachhandel-Banner auf Grün-Blau #c0cdd3 (15.06.) */
.hb-redesign .b2b-banner{background:#c0cdd3;border-top-color:rgba(13,27,42,.12);border-bottom-color:rgba(13,27,42,.12)}
.hb-redesign .b2b-banner-text .eyebrow{color:#7d6a39}
.hb-redesign .b2b-banner-text h3{color:var(--navy)}
.hb-redesign .b2b-banner-text p{color:rgba(13,27,42,.72)}
.hb-redesign .btn-b2b-register{color:var(--navy);border:1px solid rgba(13,27,42,.32)}
.hb-redesign .btn-b2b-register:hover{border-color:#9c7b34;color:#9c7b34}

/* === Interaktive Deutschland-Händlerkarte (15.06.2026) === */
.hb-redesign .dealer-map{justify-content:flex-start;padding:34px 26px 28px}
.hb-redesign .de-mapwrap{width:100%;display:flex;justify-content:center;flex:1}
.hb-redesign .de-map{height:350px;max-width:100%;width:auto;display:block;overflow:visible}
.hb-redesign .de-shape{fill:rgba(13,27,42,.06);stroke:rgba(13,27,42,.22);stroke-width:2.5}
.hb-redesign .de-dot{cursor:pointer}
.hb-redesign .de-dot .glow{fill:#9c7b34;opacity:.4;transform-box:fill-box;transform-origin:center;animation:hbpulse 3s ease-out infinite}
.hb-redesign .de-dot .core{fill:#9c7b34;transition:r .2s ease}
.hb-redesign .de-dot .lbl{fill:#0d1b2a;font:600 17px/1 'Inter',sans-serif;opacity:0;transition:opacity .2s;pointer-events:none;paint-order:stroke;stroke:#dfe8ea;stroke-width:4px;stroke-linejoin:round}
.hb-redesign .de-dot:hover .core{r:9.5}
.hb-redesign .de-dot:hover .lbl{opacity:1}
@keyframes hbpulse{0%{transform:scale(1);opacity:.55}70%{transform:scale(3.2);opacity:0}100%{opacity:0}}
.hb-redesign .de-mapcta{display:block;margin-top:10px;font-size:12px;letter-spacing:.05em;color:rgba(13,27,42,.6);text-decoration:none;text-align:center}
.hb-redesign .de-mapcta:hover{color:var(--navy)}
.hb-redesign .dealer-section .dealer-cities{position:static;margin-top:16px;justify-content:center}

/* Hero Newport: Mann weiter rechts + Uhr frei; 79-Badge nach rechts (15.06.2026) */
.hb-redesign .hero-img{object-position:20% top}
.hb-redesign .hero-meta{left:auto;right:44px}
/* Hero Newport: linke Blende weiter nach links, damit Gesicht frei bleibt (15.06.2026) */
.hb-redesign .hero-image::before{background:linear-gradient(90deg,#c0cdd3 0%,rgba(192,205,211,.7) 8%,rgba(192,205,211,.18) 20%,transparent 32%),linear-gradient(180deg,rgba(192,205,211,.5) 0%,transparent 18%,transparent 82%,rgba(192,205,211,.45) 100%)}

/* === MOBIL-FIX (15.06.2026): redesign.css-Responsive war UNSCOPED (.hero statt .hb-redesign .hero) → verlor Spezifität → hier korrekt gescopt === */
@media(max-width:1024px){
  .hb-redesign .hero{grid-template-columns:1fr;min-height:auto}
  .hb-redesign .hero-image{min-height:440px;order:-1}
  .hb-redesign .hero-img{object-position:center top}
  .hb-redesign .hero-image::before{background:linear-gradient(180deg,rgba(192,205,211,.22) 0%,transparent 20%,transparent 74%,rgba(192,205,211,.52) 100%)}
  .hb-redesign .hero-meta{left:auto;right:20px;bottom:20px}
  .hb-redesign .hero-text{padding:52px 26px}
  .hb-redesign .finder-inner{grid-template-columns:1fr;gap:44px}
  .hb-redesign .heritage-inner{grid-template-columns:1fr;gap:44px}
  .hb-redesign .dealer-inner{grid-template-columns:1fr;gap:40px}
  .hb-redesign .trust-grid{grid-template-columns:repeat(2,1fr);gap:40px}
  .hb-redesign .usp-grid{grid-template-columns:repeat(2,1fr)}
  .hb-redesign .usp:nth-child(2){border-right:none}
}
@media(max-width:640px){
  .hb-redesign .trust-grid,.hb-redesign .usp-grid{grid-template-columns:1fr}
  .hb-redesign .usp{border-right:none;border-bottom:1px solid var(--line);padding-bottom:18px}
  .hb-redesign .hero-text{padding:40px 22px}
  .hb-redesign .de-map{height:320px}
}


/* ════════════════════════════════════════════════════════════
   FABLE EDITION (02.07.2026) — Design-Layer über herren-neu-Basis
   Elegant · Premium · Conversion. Farbsystem unverändert:
   #c0cdd3 Hero/Akzent · #fcfbfe Produkt-Sektionen · #f2f2f2 Nav/Ratgeber
   · ivory #faf7f2 · Navy #0d1b2a · Gold #c9a961 / Bronze #9c7b34
   ════════════════════════════════════════════════════════════ */

/* ── Full-Width-Layout (Vorgabe: randvoll, ~4–6vw Gutter) ── */
.hb-redesign .container{max-width:none;padding:0 4.5vw}

/* Sanftes Anker-Scrollen + Platz für Sticky-Nav */
.hb-redesign section[id]{scroll-margin-top:76px}

/* ── HERO: größer, ruhiger, wertiger ── */
.hb-redesign .hero{min-height:88vh}
.hb-redesign .hero-text{padding:110px 4vw 110px 4.5vw}
.hb-redesign .hero-eyebrow{font-size:11px;letter-spacing:.5em;margin-bottom:34px;font-weight:600}
.hb-redesign .hero h1{font-size:clamp(36px,4.6vw,72px);line-height:1.05;letter-spacing:.02em;margin-bottom:26px}
.hb-redesign .hero-lead{font-size:17px;line-height:1.8;max-width:480px;font-weight:400}
.hb-redesign .hero-price{margin-bottom:34px}
.hb-redesign .hero-price strong{font-size:26px}
.hb-redesign .hero-cta .btn{padding:18px 44px;font-size:11.5px}
.hb-redesign .hero-trustline{list-style:none;display:flex;gap:26px;flex-wrap:wrap;margin:30px 0 0;padding:24px 0 0;border-top:1px solid rgba(13,27,42,.14)}
.hb-redesign .hero-trustline li{position:relative;padding-left:22px;font-size:12.5px;letter-spacing:.06em;color:rgba(13,27,42,.66);font-weight:500}
.hb-redesign .hero-trustline li::before{content:'';position:absolute;left:0;top:4px;width:12px;height:7px;border-left:2px solid #9c7b34;border-bottom:2px solid #9c7b34;transform:rotate(-45deg)}

/* ── STICKY QUICK-NAV (Conversion: Orientierung + Daueranker zum Sortiment) ── */
.hb-redesign .fable-nav{position:sticky;top:0;z-index:89;background:rgba(6,16,28,.96);backdrop-filter:blur(10px);border-bottom:1px solid rgba(201,169,97,.22)}
.hb-redesign .fable-nav-inner{display:flex;align-items:center;gap:28px;height:58px}
.hb-redesign .fn-brand{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);font-weight:600;white-space:nowrap}
.hb-redesign .fn-links{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:1}
.hb-redesign .fn-links::-webkit-scrollbar{display:none}
.hb-redesign .fn-links a{padding:8px 14px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:rgba(250,247,242,.62);white-space:nowrap;border-bottom:1px solid transparent;transition:color .3s,border-color .3s}
.hb-redesign .fn-links a:hover,.hb-redesign .fn-links a.on{color:var(--gold-light);border-bottom-color:var(--gold)}
.hb-redesign .fn-cta{white-space:nowrap;font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--navy);background:var(--gold);padding:10px 20px;transition:background .3s}
.hb-redesign .fn-cta:hover{background:var(--gold-light);color:var(--navy)}

/* ── SEKTIONS-KOPF mit Editorial-Nummer + Hairline ── */
.hb-redesign .fable-sechead{display:grid;grid-template-columns:auto 1fr auto;gap:0 34px;align-items:end;margin:0 0 52px;padding-bottom:26px;border-bottom:1px solid rgba(13,27,42,.1)}
.hb-redesign .fable-num{font-family:'Monument Extended',sans-serif;font-weight:400;font-size:clamp(56px,6.4vw,108px);line-height:.82;color:rgba(13,27,42,.08);letter-spacing:0}
.hb-redesign .fable-sechead-text .section-eyebrow{color:#9c7b34;font-weight:700;letter-spacing:.38em;font-size:11px}
.hb-redesign .fable-sechead-text .section-title{text-align:left;margin:12px 0 10px;font-size:clamp(28px,3vw,46px);line-height:1.06}
.hb-redesign .fable-sechead-text .section-sub{margin:0;text-align:left;font-size:15px;color:rgba(13,27,42,.6)}
.hb-redesign .fable-sechead-link{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--navy);border-bottom:1px solid rgba(201,169,97,.55);padding-bottom:6px;white-space:nowrap;transition:color .3s,border-color .3s}
.hb-redesign .fable-sechead-link:hover{color:#9c7b34;border-bottom-color:var(--gold)}
.hb-redesign .fable-num-inline{display:block;font-size:clamp(44px,4.6vw,72px);margin-bottom:10px}

/* Mehr Luft in den Produkt-Sektionen */
.hb-redesign .neuheiten{padding:88px 0}
.hb-redesign .bestseller{padding:88px 0}
.hb-redesign .uhren-info{padding:88px 0}
.hb-redesign .kollektion-nav{padding:72px 0 60px}
.hb-redesign .highlight{padding:104px 0}
.hb-redesign .schmuck{padding:100px 0}

/* ── SERVICE-BAND (ivory, Hairlines, ruhig statt Icon-Grid) ── */
.hb-redesign .serviceband{background:#faf7f2;padding:58px 0;border-top:1px solid rgba(13,27,42,.08);border-bottom:1px solid rgba(13,27,42,.08)}
.hb-redesign .sb-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;text-align:center}
.hb-redesign .sb-item{display:flex;flex-direction:column;gap:7px;padding:0 18px;border-right:1px solid rgba(13,27,42,.09)}
.hb-redesign .sb-item:last-child{border-right:0}
.hb-redesign .sb-title{font-size:14px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--navy)}
.hb-redesign .sb-sub{font-size:13px;color:rgba(13,27,42,.58);line-height:1.5}
.hb-redesign .sb-pay{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:40px;padding-top:32px;border-top:1px solid rgba(13,27,42,.08)}
.hb-redesign .sb-pay-label{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#9c7b34;font-weight:700;margin-right:10px}
.hb-redesign .sb-pay-badge{font-size:12.5px;letter-spacing:.03em;color:var(--navy);background:#fff;border:1px solid rgba(13,27,42,.13);padding:8px 18px;border-radius:3px;font-weight:500}

/* ── HIGHLIGHT: edler Rahmen mit Gold-Versatz ── */
.hb-redesign .highlight-frame{border-radius:6px;box-shadow:0 40px 80px rgba(13,27,42,.26)}
.hb-redesign .highlight-media{position:relative}
.hb-redesign .highlight-media::before{content:'';position:absolute;top:-16px;left:-16px;right:16px;bottom:16px;border:1px solid rgba(156,123,52,.5);border-radius:6px;pointer-events:none}
.hb-redesign .highlight-specs{gap:14px 30px;margin:0 0 38px;padding-top:26px;border-top:1px solid rgba(13,27,42,.14)}
.hb-redesign .highlight-specs li{font-size:14.5px;font-weight:500}
.hb-redesign .highlight-foot{gap:36px}
.hb-redesign .highlight-price{font-size:32px}

/* ── KOLLEKTIONS-KACHELN: wertiger (weiche Schatten, Gold-Ring) ── */
.hb-redesign .kn-grid{gap:18px}
.hb-redesign .kn-tile{border-radius:5px;box-shadow:0 10px 28px rgba(13,27,42,.07)}
.hb-redesign .kn-tile:hover{box-shadow:0 26px 54px rgba(13,27,42,.14);border-color:var(--gold)}
.hb-redesign .kn-tile .kn-name{font-size:13.5px;margin-top:16px}
.hb-redesign .kn-tile .kn-sub{margin-bottom:18px;color:#9c7b34;font-weight:600;letter-spacing:.08em}
.hb-redesign .kn-counter{margin-top:26px}

/* ── SCHMUCK-KARTEN: feinere Ränder, Bronze-Akzent ── */
.hb-redesign .schmuck-card{border-radius:5px}
.hb-redesign .schmuck-eyebrow{color:#7d6a39}
.hb-redesign .schmuck-head h2 em{color:#9c7b34}
.hb-redesign .schmuck-body .sk-eyebrow{color:#9c7b34}

/* ── ABSCHLUSS-CTA (Navy, Bookend zur Topbar) ── */
.hb-redesign .fable-closer{background:linear-gradient(140deg,#060f1a 0%,#0d1b2a 60%,#0e1f30 100%);padding:110px 0;text-align:center;position:relative;overflow:hidden;border-top:1px solid rgba(201,169,97,.22)}
.hb-redesign .fable-closer::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(201,169,97,.09) 0%,transparent 60%);pointer-events:none}
.hb-redesign .fable-closer-inner{position:relative;z-index:1;max-width:760px;margin:0 auto}
.hb-redesign .fc-eyebrow{font-size:11px;letter-spacing:.5em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:24px;display:inline-flex;align-items:center;gap:16px}
.hb-redesign .fc-eyebrow::before,.hb-redesign .fc-eyebrow::after{content:'';width:30px;height:1px;background:var(--gold);opacity:.7}
.hb-redesign .fable-closer h2{font-family:'Monument Extended',sans-serif;font-weight:400;font-size:clamp(30px,3.8vw,56px);line-height:1.08;color:var(--ivory);margin:0 0 22px;letter-spacing:.02em}
.hb-redesign .fable-closer h2 em{font-style:italic;color:var(--gold-light)}
.hb-redesign .fable-closer p{font-size:16px;line-height:1.8;color:rgba(250,247,242,.66);max-width:56ch;margin:0 auto 40px}
.hb-redesign .fc-cta{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}
.hb-redesign .fc-cta .btn{padding:18px 44px}

/* ── FABLE RESPONSIVE (gescoped!) ── */
@media(max-width:1024px){
  .hb-redesign .fable-sechead{grid-template-columns:auto 1fr;row-gap:14px}
  .hb-redesign .fable-sechead-link{grid-column:1/-1;justify-self:start}
}
@media(max-width:860px){
  .hb-redesign .container{padding:0 5.5vw}
  .hb-redesign .hero{min-height:auto}
  .hb-redesign .hero-text{padding:64px 6vw}
  .hb-redesign .hero h1{font-size:clamp(32px,9vw,44px)}
  .hb-redesign .hero-trustline{gap:16px}
  .hb-redesign .fn-brand{display:none}
  .hb-redesign .fn-cta{display:none}
  .hb-redesign .fable-nav-inner{gap:0;height:52px}
  .hb-redesign .fable-num{font-size:clamp(40px,10vw,56px)}
  .hb-redesign .fable-sechead{margin-bottom:36px;padding-bottom:20px}
  .hb-redesign .neuheiten,.hb-redesign .bestseller,.hb-redesign .uhren-info{padding:60px 0}
  .hb-redesign .highlight{padding:70px 0}
  .hb-redesign .schmuck{padding:66px 0}
  .hb-redesign .highlight-media::before{display:none}
  .hb-redesign .sb-grid{grid-template-columns:repeat(2,1fr);gap:24px 0}
  .hb-redesign .sb-item{border-right:0;padding:0 10px}
  .hb-redesign .sb-item:nth-child(odd){border-right:1px solid rgba(13,27,42,.09)}
  .hb-redesign .fable-closer{padding:70px 0}
}
@media(max-width:549px){
  .hb-redesign .sb-grid{grid-template-columns:1fr;gap:20px}
  .hb-redesign .sb-item:nth-child(odd){border-right:0}
  .hb-redesign .sb-item{padding:0}
  .hb-redesign .hero-cta .btn{width:100%;justify-content:center}
  .hb-redesign .fc-cta .btn{width:100%;justify-content:center}
}

/* FIX 02.07.: Produkt-Reihen ([ux_products]-Row) füllen die volle Container-Breite —
   Flatsome-Row hatte eigene max-width und kippte im Full-Width-Layout nach links */
.hb-redesign .neuheiten .row,
.hb-redesign .bestseller .row{max-width:100%!important;width:100%!important;margin-left:0!important;margin-right:0!important}

/* FIX 02.07. (2): Display-Headlines verbindlich in Monument Extended —
   Theme-Regel mit höherer Spezifität schlug font-family ohne !important
   (gleiches Muster wie .section-title in redesign.css Z.796) */
.hb-redesign .hero h1,.hb-redesign .hero h1 em,
.hb-redesign .kn-head h2,.hb-redesign .kn-head h2 em,
.hb-redesign .highlight-title,.hb-redesign .highlight-title em,
.hb-redesign .schmuck-head h2,.hb-redesign .schmuck-head h2 em,
.hb-redesign .fable-closer h2,.hb-redesign .fable-closer h2 em{font-family:'Monument Extended',sans-serif!important}
/* Monument ist sehr breit → Hero-H1 dezenter skalieren */
.hb-redesign .hero h1{font-size:clamp(28px,3.3vw,54px);line-height:1.1}
.hb-redesign .kn-head h2{font-size:clamp(28px,3.4vw,46px)}
.hb-redesign .schmuck-head h2{font-size:clamp(24px,2.6vw,38px)}
.hb-redesign .fable-closer h2{font-size:clamp(26px,3.2vw,48px)}

/* FIX 02.07. (3): Kollektions-Grid full width + Highlight-Bild auf Ultra-Wide begrenzen */
.hb-redesign .kn-grid{max-width:none}
.hb-redesign .highlight-media{max-width:700px;justify-self:center;width:100%}

/* FIX 02.07. (4): MOBIL — Hero-Split stapelt (gescoped; unscoped redesign.css-Regel verliert).
   Bild oben, Text darunter; Verlaufs-Blende auf Mobil AUS (sonst Wäsche über Gesicht). */
@media(max-width:860px){
  .hb-redesign .hero{grid-template-columns:1fr;min-height:auto}
  .hb-redesign .hero-image{order:-1;min-height:430px}
  .hb-redesign .hero-image::before{background:linear-gradient(180deg,rgba(192,205,211,.0) 78%,#c0cdd3 100%)}
  .hb-redesign .hero-img{object-position:center 18%}
  .hb-redesign .hero-text{padding:42px 6vw 56px}
  .hb-redesign .trust-bar{font-size:10px;padding:8px 0}
  .hb-redesign .trust-bar-inner{gap:8px 18px;justify-content:center;padding:0 12px}
}

/* FIX 02.07. (5): fn-links (Flex-Item mit overflow-x) braucht min-width:0 —
   sonst erzwingt es Body-Breite > Viewport (Mobil-Überlauf rechts) */
.hb-redesign .fn-links{min-width:0}

/* FIX 02.07. (6): MOBIL — fable-sechead stapelt; 1fr-Grid-Spalte konnte nicht
   unter die Monument-Wortbreite schrumpfen (min-content) → Seite wurde ~450px breit */
@media(max-width:860px){
  .hb-redesign .fable-sechead{grid-template-columns:1fr;gap:12px}
  .hb-redesign .fable-num{grid-row:1;font-size:clamp(36px,9vw,44px)}
  .hb-redesign .fable-sechead-text{min-width:0}
  .hb-redesign .fable-sechead-text .section-title{font-size:clamp(21px,6.6vw,28px)}
  .hb-redesign .fable-num-inline{font-size:clamp(32px,8vw,40px)}
  .hb-redesign .highlight-title{overflow-wrap:anywhere}
}

/* FIX 02.07. (7): Globaler Flatsome-Header sprengt mobil die Viewport-Breite
   (ul.nav-center.nav-small = 455px > 390px → SCROLLW 485, Bestandsproblem ALLER
   -neu-Seiten, auch herren-neu). Hier seiten-lokal gefixt — diese Datei lädt NUR
   auf herren-neu-fable; Header liegt außerhalb .hb-redesign, daher unscoped: */
@media(max-width:849px){
  .header-top .flex-col.flex-grow{min-width:0}
  .header-top ul.nav-small{max-width:100%;flex-wrap:wrap;justify-content:center}
  .header-top ul.nav-small>li>a{padding-left:6px!important;padding-right:6px!important}
}

/* FIX 02.07. (8): MOBIL — Social-Icon-Leiste im Header-Top ausblenden (455px breit,
   einziger Verursacher des 485px-Overflows; padding-Fix griff nicht). Nur diese Seite. */
@media(max-width:849px){
  .header-top .flex-col.show-for-medium.flex-grow{display:none!important}
}

/* SABINE 02.07.: Mobil Uhren-Kacheln 100% Breite (1 Spalte) + Uhr immer voll sichtbar */
@media(max-width:549px){
  .hb-redesign .neuheiten .row .col,
  .hb-redesign .bestseller .row .col{flex-basis:100%!important;max-width:100%!important}
}
/* SABINE 02.07.: Hero mobil — Kopf NIE abschneiden, Uhr sichtbar: Bild komplett zeigen (contain) */
@media(max-width:860px){
  .hb-redesign .hero-image{min-height:0;aspect-ratio:4/5;background:#c0cdd3}
  .hb-redesign .hero-img{object-fit:contain;object-position:center top}
  .hb-redesign .hero-image::before{background:none}
}

/* FIX 02.07. (9): MOBIL — seitlichen Überlauf kappen (Body war 485px statt 390px,
   Bestandsproblem des globalen Flatsome-Headers, betrifft auch herren-neu).
   overflow-x:clip statt hidden → position:sticky (Quick-Nav) bleibt funktionsfähig. */
@media(max-width:849px){
  html,body{overflow-x:hidden;overflow-x:clip}
  .header-inner,.header-top .flex-row{max-width:100vw}
}

/* FIX 02.07. (10): WURZEL des 485px-Overflows — AJAX-Suche (dgwt-wcas) setzt inline
   min-width:450px auf das Header-Such-Dropdown; das (zugeklappte) Dropdown drückt
   den Body mobil auf 485px. Betrifft ALLE -neu-Seiten; hier seiten-lokal neutralisiert. */
@media(max-width:849px){
  .dgwt-wcas-theme-flatsome .nav-dropdown .dgwt-wcas-search-wrapp{min-width:0!important}
  .header-search-form{min-width:0!important}
}

/* SABINE 02.07.: Hero-VERLAUF BEHALTEN (Foto läuft unten weich in #c0cdd3 aus) —
   die contain-Variante ist zurückgenommen; cover+Verlauf zeigt Kopf UND Uhr komplett
   (per iPhone-Screenshot von Sabine bestätigt = Stand Fix 4). */
@media(max-width:860px){
  .hb-redesign .hero-image{aspect-ratio:auto;min-height:430px;background:#c0cdd3}
  .hb-redesign .hero-img{object-fit:cover;object-position:center 18%}
  .hb-redesign .hero-image::before{background:linear-gradient(180deg,rgba(192,205,211,0) 78%,#c0cdd3 100%)}
}

/* SABINE 02.07.: Highlight-Bild mobil — Gesicht war teils verdeckt (16:12-Crop).
   Mobil jetzt wie Desktop 4:5 + Ausrichtung oben → Gesicht + Uhr komplett. */
@media(max-width:900px){
  .hb-redesign .highlight-frame{aspect-ratio:4/5!important;max-width:520px;margin:0 auto}
  .hb-redesign .highlight-frame img{object-position:center top!important}
}

/* SABINE 02.07.: Mood-/Lifestyle-Bilder — Gesicht UND Uhr IMMER sichtbar.
   Mobil croppten .auto-split-media + .uhren-info-media auf 16:11 (Uhr weg) → 4:5 wie Desktop. */
@media(max-width:900px){
  .hb-redesign .auto-split-media{aspect-ratio:4/5!important;max-width:520px;margin:0 auto}
  .hb-redesign .auto-split-media img{object-position:center top!important}
  .hb-redesign .uhren-info-media{aspect-ratio:4/5!important;max-width:520px;margin:0 auto}
}


/* ════════════════════════════════════════════════════════════
   INDEX FABLE — WOW-LAYER (02.07.2026)
   Cinematic Hero (Ken Burns + Stagger), Kollektions-Marquee,
   Scroll-Reveals, Count-up-Stats. Dezent, elegant, performant.
   ════════════════════════════════════════════════════════════ */

/* ── HERO: Ken-Burns-Zoom (einmalig, langsam) + Text-Stagger ── */
@keyframes hbKen{from{transform:scale(1.09)}to{transform:scale(1)}}
.hb-redesign .fable-hero .hero-img{animation:hbKen 12s cubic-bezier(.2,.6,.2,1) both}
@keyframes hbFadeUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
.hb-redesign .fable-hero .fx-1{animation:hbFadeUp .9s .15s cubic-bezier(.2,.65,.2,1) both}
.hb-redesign .fable-hero .fx-2{animation:hbFadeUp .9s .3s cubic-bezier(.2,.65,.2,1) both}
.hb-redesign .fable-hero .fx-3{animation:hbFadeUp .9s .45s cubic-bezier(.2,.65,.2,1) both}
.hb-redesign .fable-hero .fx-4{animation:hbFadeUp .9s .58s cubic-bezier(.2,.65,.2,1) both}
.hb-redesign .fable-hero .fx-5{animation:hbFadeUp .9s .7s cubic-bezier(.2,.65,.2,1) both}
.hb-redesign .fable-hero .fx-6{animation:hbFadeUp .9s .85s cubic-bezier(.2,.65,.2,1) both}

/* ── SCROLL-REVEAL (JS setzt .in via IntersectionObserver) ── */
.hb-redesign .rv{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.65,.2,1),transform .8s cubic-bezier(.2,.65,.2,1)}
.hb-redesign .rv.in{opacity:1;transform:none}
.hb-redesign .gsplit-grid .rv:nth-child(2){transition-delay:.12s}
.hb-redesign .collections-grid .rv:nth-child(2){transition-delay:.1s}
.hb-redesign .collections-grid .rv:nth-child(3){transition-delay:.2s}
.hb-redesign .collections-grid .rv:nth-child(4){transition-delay:.3s}
.hb-redesign .usp-grid .rv:nth-child(2){transition-delay:.1s}
.hb-redesign .usp-grid .rv:nth-child(3){transition-delay:.2s}
.hb-redesign .usp-grid .rv:nth-child(4){transition-delay:.3s}

/* ── KOLLEKTIONS-MARQUEE (Gold auf Navy, endlos, ruhig) ── */
.hb-redesign .fable-marquee{background:linear-gradient(100deg,#060f1c 0%,#0d1b2a 60%,#0e1f30 100%);border-top:1px solid rgba(201,169,97,.25);border-bottom:1px solid rgba(201,169,97,.25);overflow:hidden;padding:20px 0}
.hb-redesign .fm-track{display:inline-flex;align-items:center;gap:38px;white-space:nowrap;width:max-content;animation:hbMarquee 34s linear infinite}
.hb-redesign .fm-track span{font-family:'Monument Extended',sans-serif;font-size:14px;letter-spacing:.28em;text-transform:uppercase;color:rgba(250,247,242,.82)}
.hb-redesign .fm-track i{font-style:normal;color:var(--gold);font-size:10px}
@keyframes hbMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.hb-redesign .fable-marquee:hover .fm-track{animation-play-state:paused}

/* ── Hero-Bild (Newport): Uhr links im Bild — Fokus mobil links halten ── */
@media(max-width:860px){
  .hb-redesign .fable-hero .hero-img{object-position:24% 22%}
}

/* ── Coll-Cards sind jetzt Links: Farben/Hover absichern ── */
.hb-redesign a.coll-card{display:block;color:inherit;text-decoration:none}
.hb-redesign a.coll-card:hover{color:inherit}

/* ── Closer: B2B-Zeile ── */
.hb-redesign .fc-b2b{margin-top:34px;font-size:13.5px;color:rgba(250,247,242,.55)}
.hb-redesign .fc-b2b a{color:var(--gold-light);border-bottom:1px solid rgba(201,169,97,.45);padding-bottom:2px;transition:color .3s,border-color .3s}
.hb-redesign .fc-b2b a:hover{color:var(--gold);border-color:var(--gold)}

/* ── Heritage-/Dealer-Stats: leichte Gold-Betonung beim Count-up ── */
.hb-redesign .stat .num,.hb-redesign .dealer-stat .num{font-variant-numeric:tabular-nums}

/* ── Reduced Motion: alles sofort sichtbar, keine Bewegung ── */
@media(prefers-reduced-motion:reduce){
  .hb-redesign .fable-hero .hero-img,.hb-redesign .fable-hero [class*="fx-"]{animation:none!important}
  .hb-redesign .rv{opacity:1;transform:none;transition:none}
  .hb-redesign .fm-track{animation:none}
}

/* FIX: Trust-Topbar-Styles (waren nur in herren-neu.css definiert) */
.hb-redesign .trust-bar{background:var(--navy-deep);color:var(--ivory);font-size:11px;letter-spacing:.18em;text-transform:uppercase;padding:10px 0;border-bottom:1px solid rgba(201,169,97,.15)}
.hb-redesign .trust-bar-inner{display:flex;justify-content:center;gap:48px;flex-wrap:wrap}

/* FIX MOBIL (2): 79-Badge verdeckte die Uhr im Hero → mobil ausblenden;
   Bildausschnitt tiefer, damit Handgelenk + Uhr im Frame (Regel: Uhr nie verdeckt) */
@media(max-width:860px){
  .hb-redesign .fable-hero .hero-meta{display:none}
  .hb-redesign .fable-hero .hero-image{min-height:500px}
  .hb-redesign .fable-hero .hero-img{object-position:30% 30%}
  /* Trust-Topbar kompakt (Regel oben überschrieb den Mobil-Fix) */
  .hb-redesign .trust-bar{font-size:10px;padding:8px 0}
  .hb-redesign .trust-bar-inner{gap:6px 18px;padding:0 12px}
}

/* FIX MOBIL (3): Händler-Sektion stapelt (blieb 2-spaltig → Text lief rechts raus);
   Deutschland-Karte auf volle Breite skaliert */
@media(max-width:900px){
  .hb-redesign .dealer-inner{display:grid;grid-template-columns:1fr!important;gap:40px}
  .hb-redesign .dealer-text{min-width:0}
  .hb-redesign .dealer-map{max-width:100%;min-width:0}
  .hb-redesign .de-mapwrap{max-width:100%}
  .hb-redesign .de-map{width:100%;height:auto}
  .hb-redesign .dealer-stats{gap:22px;flex-wrap:wrap}
  .hb-redesign .dealer-cta{flex-wrap:wrap;gap:12px}
  .hb-redesign .dealer-cta .btn{width:100%;justify-content:center}
}

/* ════════════════════════════════════════════════════════════
   FIX MOBIL (4) 02.07. — SABINE: „schreckliches mobiles Design" /
   „Schrift läuft aus dem Rahmen". Ursache: redesign.css-Mobilregeln
   (Z.756ff) sind UNSCOPED → verlieren. Hier korrekt gescoped:
   ════════════════════════════════════════════════════════════ */
@media(max-width:1024px){
  /* Kollektions-Karten: 1 Spalte, große ruhige Karten, Text unten auf Verlauf */
  .hb-redesign .collections-grid{grid-template-columns:1fr!important;gap:16px}
  .hb-redesign .coll-card{grid-column:auto!important;grid-row:auto!important;min-height:440px!important}
  .hb-redesign .coll-card::after{background:linear-gradient(to top,rgba(6,16,28,.88) 0%,rgba(6,16,28,.42) 42%,transparent 68%)}
  .hb-redesign .coll-content{left:22px;right:22px;bottom:22px}
  .hb-redesign .coll-content p{font-size:14.5px;line-height:1.55;max-width:none}
  .hb-redesign .coll-content h3{font-size:26px}
  /* Heritage & Finder & Spotlight: stapeln, nichts läuft mehr raus */
  .hb-redesign .heritage-inner{grid-template-columns:1fr!important;gap:36px}
  .hb-redesign .heritage-content{min-width:0}
  .hb-redesign .heritage-content p{max-width:none}
  .hb-redesign .heritage-stats{display:flex;flex-wrap:wrap;gap:26px 40px}
  .hb-redesign .finder-inner{grid-template-columns:1fr!important;gap:40px}
  .hb-redesign .finder-text,.hb-redesign .finder-widget{min-width:0}
  .hb-redesign .spotlight-top{grid-template-columns:1fr!important;gap:32px}
  .hb-redesign .spotlight-media,.hb-redesign .spotlight-body{min-width:0}
  .hb-redesign .usp-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .hb-redesign .usp-grid{grid-template-columns:1fr}
  .hb-redesign .usp{border-right:none;border-bottom:1px solid var(--line);padding-bottom:18px}
  .hb-redesign .coll-card{min-height:400px!important}
  .hb-redesign .heritage-stats .stat .num{font-size:34px}
  .hb-redesign .finder-widget{padding:26px 20px}
}