/* AUTO: damen-newdesign.html -> .hb-redesign gescoped (Fonts via redesign.css-Basis) */

.hb-redesign{
  --navy:#0d1b2a;
  --navy-deep:#06101c;
  --gold:#c9a961;
  --gold-light:#e4d4a8;
  --ivory:#faf7f2;
  --cream:#ede8de;
  --stone:#8a8578;
  --text:#1a1a1a;
  --muted:#6b6b6b;
  --line:rgba(13,27,42,.08);
}
.hb-redesign *{margin:0;padding:0;box-sizing:border-box}
.hb-redesign{scroll-behavior:smooth}
.hb-redesign{font-family:'Mulish',sans-serif;font-weight:300;color:var(--text);background:var(--ivory);line-height:1.6;-webkit-font-smoothing:antialiased;}
.hb-redesign img{max-width:100%;display:block}
.hb-redesign a{color:inherit;text-decoration:none}
.hb-redesign .container{max-width:1360px;margin:0 auto;padding:0 40px}

/* TRUST BAR */
.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;}
.hb-redesign .trust-bar span{display:inline-flex;align-items:center;gap:8px;opacity:.8;}
.hb-redesign .trust-bar svg{width:12px;height:12px;stroke:var(--gold);fill:none;stroke-width:2}

/* HEADER */
.hb-redesign header{background:rgba(250,247,242,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:200;backdrop-filter:blur(10px);transition:box-shadow .3s;}
.hb-redesign header.scrolled{box-shadow:0 2px 24px rgba(13,27,42,.08)}
.hb-redesign .header-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:10px 40px;max-width:1360px;margin:0 auto;transition:padding .35s ease;}
.hb-redesign header.scrolled .header-inner{padding:5px 40px}
.hb-redesign header.scrolled .logo-img{height:60px}
.hb-redesign .logo{justify-self:center}
.hb-redesign .logo-img{height:120px;width:auto;display:block;mix-blend-mode:multiply;transition:height .35s ease}
.hb-redesign .nav-left, .hb-redesign .nav-right{display:flex;gap:22px;align-items:center;font-size:13px;letter-spacing:.05em;text-transform:uppercase;font-weight:400;}
.hb-redesign .nav-right{justify-content:flex-end}
.hb-redesign .nav-left a, .hb-redesign .nav-right a{position:relative;padding:4px 0;transition:color .3s;}
.hb-redesign .nav-left a::after, .hb-redesign .nav-right a::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .4s ease;}
.hb-redesign .nav-left a:hover::after, .hb-redesign .nav-right a:hover::after{transform:scaleX(1)}
.hb-redesign .nav-active{color:var(--navy)!important;font-weight:600;border-bottom:1px solid var(--gold);padding-bottom:2px!important;}
.hb-redesign .nav-active::after{display:none!important}
.hb-redesign .b2b-btn{font-size:11px!important;letter-spacing:.1em!important;padding:8px 18px!important;background:var(--navy);color:var(--ivory)!important;border:1.5px solid var(--navy);transition:all .3s!important;}
.hb-redesign .b2b-btn:hover{background:var(--gold);color:var(--navy)!important;border-color:var(--gold)}
.hb-redesign .b2b-btn::after{display:none!important}

/* BREADCRUMB */
.hb-redesign .breadcrumb{background:var(--cream);border-bottom:1px solid var(--line);padding:12px 40px;font-size:11px;letter-spacing:.1em;color:var(--muted);}
.hb-redesign .breadcrumb-inner{max-width:1360px;margin:0 auto;display:flex;align-items:center;gap:8px}
.hb-redesign .breadcrumb a{color:var(--muted);transition:color .3s}
.hb-redesign .breadcrumb a:hover{color:var(--gold)}

/* HERO */
/* ── BANNER-HERO (helles Lifestyle-Foto + ECHTER Marken-Text & Button) ── */
.hb-redesign .hero-banner{position:relative;height:86vh;min-height:560px;max-height:840px;overflow:hidden;background:var(--cream);}
.hb-redesign .hero-banner-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;}
.hb-redesign .hero-banner-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(247,243,236,.72) 0%,rgba(247,243,236,.34) 28%,transparent 52%);pointer-events:none;}
.hb-redesign .hero-banner-text{position:absolute;z-index:2;left:6vw;top:50%;transform:translateY(-50%);}
.hb-redesign .hb-brand{font-family:'Mulish',sans-serif;font-weight:300;font-size:clamp(40px,5.2vw,78px);letter-spacing:.16em;color:var(--navy);line-height:1;margin:0 0 44px;text-transform:uppercase;}
.hb-redesign .hb-brand-sub{display:block;font-size:clamp(11px,1vw,14px);letter-spacing:.42em;font-weight:600;margin-top:20px;color:rgba(13,27,42,.66);}
.hb-redesign .hero-entdecken{display:inline-flex;align-items:center;justify-content:center;padding:18px 58px;background:transparent;border:1px solid rgba(13,27,42,.5);color:var(--navy);font-size:12px;letter-spacing:.3em;text-transform:uppercase;font-weight:500;font-family:'Mulish',sans-serif;transition:all .4s cubic-bezier(.4,0,.2,1);}
.hb-redesign .hero-entdecken:hover{background:var(--navy);color:var(--ivory);border-color:var(--navy);transform:translateY(-2px);}
.hb-redesign .hero-valueline{margin-top:22px;font-size:13px;letter-spacing:.04em;color:rgba(13,27,42,.62);font-weight:500;}
.hb-redesign .hb-vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
@media(max-width:549px){
  .hb-redesign .hero-banner{height:66vh;min-height:460px;}
  .hb-redesign .hero-banner-img{object-position:60% center;}
  .hb-redesign .hero-banner-scrim{background:linear-gradient(180deg,rgba(247,243,236,.9) 0%,rgba(247,243,236,.45) 30%,transparent 56%);}
  .hb-redesign .hero-banner-text{left:0;right:0;top:8%;transform:none;text-align:center;}
  .hb-redesign .hb-brand{font-size:34px;margin-bottom:26px;}
  .hb-redesign .hb-brand-sub{margin-top:14px;}
  .hb-redesign .hero-entdecken{padding:15px 46px;}
}
.hb-redesign .hero-damen{position:relative;height:86vh;min-height:560px;overflow:hidden;background:var(--cream);}
.hb-redesign .hero-damen-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:72% center;filter:none;}
/* Helles Lifestyle-Hero: Creme-Scrim links fuer lesbaren dunklen Text, Uhr rechts frei */
.hb-redesign .hero-overlay{
  position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(247,243,236,.94) 0%,rgba(247,243,236,.82) 26%,rgba(247,243,236,.4) 50%,rgba(247,243,236,.05) 70%,transparent 86%),
  linear-gradient(180deg,transparent 60%,rgba(247,243,236,.5) 82%,rgba(247,243,236,.9) 100%);
}
.hb-redesign .hero-content{
  position:relative;z-index:2;height:100%;
  display:flex;flex-direction:column;justify-content:center;
  max-width:620px;padding:0 0 0 88px;
}
.hb-redesign .hero-eyebrow{font-size:10px;letter-spacing:.5em;text-transform:uppercase;color:var(--navy);margin-bottom:32px;display:flex;align-items:center;gap:16px;font-weight:600;}
.hb-redesign .hero-eyebrow::before{content:'';width:24px;height:1px;background:var(--gold)}
.hb-redesign .hero-damen h1{font-family:'Monument Extended',sans-serif;font-size:clamp(34px,5vw,74px);font-weight:400;line-height:1.08;letter-spacing:.02em;color:var(--navy);margin-bottom:28px;}
.hb-redesign .hero-damen h1 em{font-style:italic;color:var(--gold);}
.hb-redesign .hero-lead{font-size:16px;color:rgba(13,27,42,.72);font-weight:400;line-height:1.75;max-width:400px;margin-bottom:14px;}
.hb-redesign .hero-meta{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:rgba(13,27,42,.5);margin-bottom:44px;}
.hb-redesign .hero-meta strong{color:var(--navy);font-weight:700;font-size:20px;letter-spacing:.04em;margin-right:8px}
/* Hero hell: zweiter Button dunkel statt hell-ghost (sonst unsichtbar auf Creme) */
.hb-redesign .hero-damen .btn-ghost{background:transparent;color:var(--navy);border:1px solid rgba(13,27,42,.3)}
.hb-redesign .hero-damen .btn-ghost:hover{border-color:var(--gold);color:var(--gold);background:rgba(13,27,42,.03)}
.hb-redesign .cta-row{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.hb-redesign .btn{display:inline-flex;align-items:center;gap:12px;padding:16px 38px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:400;transition:all .45s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none;font-family:'Mulish',sans-serif;}
.hb-redesign .btn-primary{background:var(--gold);color:var(--navy)}
.hb-redesign .btn-primary:hover{background:var(--gold-light);transform:translateY(-2px);box-shadow:0 12px 32px rgba(201,169,97,.28)}
.hb-redesign .btn-ghost{background:transparent;color:rgba(250,247,242,.82);border:1px solid rgba(250,247,242,.22)}
.hb-redesign .btn-ghost:hover{border-color:rgba(201,169,97,.6);color:var(--gold)}
.hb-redesign .btn-outline{background:transparent;color:var(--navy);border:1px solid var(--navy)}
.hb-redesign .btn-outline:hover{background:var(--navy);color:var(--ivory)}
.hb-redesign .btn svg{width:14px;height:14px;transition:transform .3s}
.hb-redesign .btn:hover svg{transform:translateX(4px)}
.hb-redesign .hero-badge{
  position:absolute;bottom:40px;right:44px;z-index:3;
  border:none;background:transparent;backdrop-filter:none;
  padding:0;text-align:right;border-right:2px solid var(--gold);padding-right:18px;
}
.hb-redesign .hero-badge .num{font-family:'Monument Extended',sans-serif;font-size:44px;font-weight:400;color:var(--gold);line-height:1;display:block;}
.hb-redesign .hero-badge .lbl{font-size:9px;letter-spacing:.25em;text-transform:uppercase;color:rgba(13,27,42,.6);margin-top:4px;}

/* KOLLEKTION NAVIGATOR */
.hb-redesign .kollektion-nav{
  background:var(--cream);
  padding:72px 0 60px;
  border-bottom:1px solid var(--line);
}
.hb-redesign .kn-head{text-align:center;margin-bottom:48px;}
.hb-redesign .kn-eyebrow{font-size:10px;letter-spacing:.42em;text-transform:uppercase;color:var(--gold);margin-bottom:18px;display:inline-flex;align-items:center;gap:16px;}
.hb-redesign .kn-eyebrow::before, .hb-redesign .kn-eyebrow::after{content:'';width:28px;height:1px;background:var(--gold);}
.hb-redesign .kn-head h2{font-family:'Monument Extended',sans-serif;font-size:clamp(22px,2.4vw,36px);font-weight:400;color:var(--navy);letter-spacing:.03em;line-height:1.1;}
.hb-redesign .kn-head h2 em{font-style:italic;color:var(--gold);}
.hb-redesign .kn-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:1200px;margin:0 auto 28px;}
.hb-redesign .kn-tile{
  display:flex;flex-direction:column;align-items:center;gap:5px;
  padding:20px 24px 18px;min-width:132px;
  font-family:'Mulish',sans-serif;text-align:center;
  border:1.5px solid rgba(13,27,42,.1);
  background:#fff;
  cursor:pointer;transition:all .28s cubic-bezier(.4,0,.2,1);
  position:relative;overflow:hidden;
}
.hb-redesign .kn-tile::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .28s ease;}
.hb-redesign .kn-tile:hover{border-color:rgba(201,169,97,.5);transform:translateY(-3px);box-shadow:0 10px 28px rgba(13,27,42,.1);}
.hb-redesign .kn-tile:hover::after, .hb-redesign .kn-tile.active::after{transform:scaleX(1);}
.hb-redesign .kn-tile.active{background:var(--navy);border-color:var(--navy);transform:translateY(-3px);box-shadow:0 10px 28px rgba(13,27,42,.2);}
.hb-redesign .kn-name{font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;color:var(--navy);transition:color .28s;}
.hb-redesign .kn-tile.active .kn-name{color:var(--ivory);}
.hb-redesign .kn-sub{font-size:10px;letter-spacing:.04em;color:var(--stone);transition:color .28s;font-weight:300;}
.hb-redesign .kn-tile.active .kn-sub{color:rgba(201,169,97,.8);}
.hb-redesign .kn-counter{text-align:center;font-size:11px;color:var(--stone);letter-spacing:.12em;text-transform:uppercase;}

/* COMPACT STICKY FILTER (erscheint beim Scrollen) */
.hb-redesign .filter-sticky{
  background:var(--navy);
  border-bottom:1px solid rgba(201,169,97,.18);
  position:sticky;top:140px;z-index:90;
  height:0;overflow:hidden;
  transition:height .32s cubic-bezier(.4,0,.2,1), top .35s ease;
}
.hb-redesign .filter-sticky.visible{height:52px;}
.hb-redesign .fs-inner{max-width:1360px;margin:0 auto;display:flex;align-items:center;overflow-x:auto;scrollbar-width:none;padding:0 40px;gap:2px;height:52px;}
.hb-redesign .fs-inner::-webkit-scrollbar{display:none}
.hb-redesign .fs-label{flex-shrink:0;font-size:10px;letter-spacing:.35em;text-transform:uppercase;color:var(--gold);margin-right:12px;padding-right:16px;border-right:1px solid rgba(201,169,97,.2);white-space:nowrap;}
.hb-redesign .fs-pill{
  flex-shrink:0;padding:8px 14px;
  font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:400;
  color:rgba(250,247,242,.55);background:none;border:1px solid transparent;border-radius:2px;
  cursor:pointer;transition:all .2s;font-family:'Mulish',sans-serif;white-space:nowrap;
}
.hb-redesign .fs-pill:hover{color:var(--ivory);border-color:rgba(201,169,97,.35);}
.hb-redesign .fs-pill.active{color:var(--navy);background:var(--gold);border-color:var(--gold);font-weight:600;}
.hb-redesign .fs-count{margin-left:auto;flex-shrink:0;padding-left:16px;border-left:1px solid rgba(201,169,97,.2);font-size:10px;color:rgba(250,247,242,.4);letter-spacing:.06em;white-space:nowrap;}

/* PRODUCTS */
.hb-redesign .produkte{padding:80px 0 100px;background:var(--ivory)}
.hb-redesign .produkte-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:56px;}
.hb-redesign .produkte-head h2{font-family:'Monument Extended',sans-serif;font-size:clamp(20px,2.2vw,32px);font-weight:400;color:var(--navy);letter-spacing:.04em;}
.hb-redesign .produkte-head h2 em{font-style:italic;color:var(--gold)}
.hb-redesign .produkte-head .sort-label{font-size:12px;color:var(--stone);letter-spacing:.08em;}
.hb-redesign .products-grid{display:block;}
/* Flatsome [ux_products] .row uebernimmt das 4-Spalten-Layout full-width; eigenes Grid wuerde die Row in 1 Zelle quetschen (Fix 11.06.) */
.hb-redesign .product-card{cursor:pointer;position:relative;transition:transform .4s cubic-bezier(.4,0,.2,1);}
.hb-redesign .product-card:hover{transform:translateY(-4px)}
.hb-redesign .product-card.hidden{display:none}
.hb-redesign .product-thumb{aspect-ratio:1;background:var(--cream);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;margin-bottom:20px;}
.hb-redesign .product-thumb img{width:86%;height:86%;object-fit:contain;transition:transform .6s cubic-bezier(.4,0,.2,1);}
.hb-redesign .product-card:hover .product-thumb img{transform:scale(1.06)}
.hb-redesign .prod-badge{position:absolute;top:12px;left:12px;background:var(--navy);color:var(--gold);padding:4px 10px;font-size:9px;letter-spacing:.22em;text-transform:uppercase;}
.hb-redesign .prod-badge.gold-badge{background:var(--gold);color:var(--navy)}
.hb-redesign .prod-badge.konfig{background:transparent;border:1px solid rgba(201,169,97,.5);color:var(--gold)}
.hb-redesign .quick-add{position:absolute;bottom:0;left:0;right:0;background:rgba(13,27,42,.9);color:var(--ivory);padding:14px;text-align:center;font-size:11px;letter-spacing:.2em;text-transform:uppercase;transform:translateY(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);}
.hb-redesign .product-card:hover .quick-add{transform:translateY(0)}
.hb-redesign .prod-family{font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--stone);margin-bottom:6px;}
.hb-redesign .prod-name{font-family:'Monument Extended',sans-serif;font-size:14px;font-weight:400;color:var(--navy);margin-bottom:8px;letter-spacing:.04em;line-height:1.3;}
.hb-redesign .prod-price{font-size:14px;font-weight:500;color:var(--navy);}
.hb-redesign .prod-price small{color:var(--muted);font-weight:300;margin-left:4px}
.hb-redesign .prod-price.konfig-price{color:var(--gold);font-size:13px;letter-spacing:.05em}
.hb-redesign .load-more{text-align:center;margin-top:64px}

/* ANTARÈS TEASER */
/* ── TRUST- & ZAHLUNGS-BAND (echte Garantie-/Trust-Punkte + Zahlungsarten) ── */
.hb-redesign .trustband{background:var(--cream);padding:46px 0;border-top:1px solid rgba(13,27,42,.07);}
/* Echtes Google-Bewertungs-Element (4,4 = 88% Stern-Füllung, Link aufs Profil) */
.hb-redesign .google-rating{display:flex;align-items:center;gap:12px;width:fit-content;margin:0 auto 34px;padding:11px 22px;background:#fff;border:1px solid rgba(13,27,42,.1);border-radius:9px;box-shadow:0 6px 20px rgba(13,27,42,.06);text-decoration:none;transition:box-shadow .25s,transform .25s;}
.hb-redesign .google-rating:hover{box-shadow:0 12px 30px rgba(13,27,42,.12);transform:translateY(-1px);}
.hb-redesign .google-rating .g-logo{display:flex;align-items:center;}
.hb-redesign .g-stars{position:relative;display:inline-block;color:#dad3c7;font-size:16px;letter-spacing:2px;line-height:1;}
.hb-redesign .g-stars-fill{position:absolute;left:0;top:0;width:var(--fill);overflow:hidden;white-space:nowrap;color:#f5b932;}
.hb-redesign .g-text{font-size:13px;color:rgba(13,27,42,.72);letter-spacing:.01em;}
.hb-redesign .g-text strong{color:var(--navy);font-weight:700;font-size:15px;margin-right:2px;}
.hb-redesign .trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;}
.hb-redesign .trust-item{display:flex;align-items:center;gap:16px;}
.hb-redesign .trust-item svg{width:30px;height:30px;stroke:var(--gold);flex-shrink:0;}
.hb-redesign .trust-item span{display:flex;flex-direction:column;font-size:13px;color:rgba(13,27,42,.62);line-height:1.4;letter-spacing:.01em;}
.hb-redesign .trust-item strong{color:var(--navy);font-weight:600;font-size:14px;margin-bottom:2px;}
.hb-redesign .pay-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:34px;padding-top:28px;border-top:1px solid rgba(13,27,42,.07);}
.hb-redesign .pay-label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--navy);font-weight:600;margin-right:6px;}
.hb-redesign .pay-badge{font-size:12px;letter-spacing:.03em;color:var(--navy);background:#fff;border:1px solid rgba(13,27,42,.14);padding:7px 16px;border-radius:4px;font-weight:500;}
.hb-redesign .pay-note{font-size:12px;color:var(--gold);font-weight:600;letter-spacing:.02em;margin-left:auto;}
@media(max-width:860px){
  .hb-redesign .trust-grid{grid-template-columns:repeat(2,1fr);gap:22px 18px;}
  .hb-redesign .pay-note{margin-left:0;width:100%;}
}
@media(max-width:549px){
  .hb-redesign .trust-grid{grid-template-columns:1fr;}
}
.hb-redesign .antares-section{
  background:linear-gradient(112deg,#faf7f2 0%,#f4efe6 55%,#ece6db 100%);
  padding:110px 0;position:relative;overflow:hidden;
  border-top:1px solid rgba(201,169,97,.32);border-bottom:1px solid rgba(201,169,97,.32);
}
.hb-redesign .antares-section::before{
  content:'ANTARÈS';position:absolute;right:-20px;top:50%;transform:translateY(-50%);
  font-family:'Monument Extended',sans-serif;font-size:200px;font-weight:800;
  color:rgba(13,27,42,.045);letter-spacing:.02em;white-space:nowrap;pointer-events:none;line-height:1;
}
.hb-redesign .antares-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.hb-redesign .antares-eyebrow{font-size:10px;letter-spacing:.42em;text-transform:uppercase;color:var(--navy);font-weight:600;margin-bottom:20px;display:flex;align-items:center;gap:14px;}
.hb-redesign .antares-eyebrow::before{content:'';width:20px;height:1px;background:var(--gold)}
.hb-redesign .antares-section h2{font-family:'Monument Extended',sans-serif;font-size:clamp(24px,3vw,48px);font-weight:400;color:var(--navy);line-height:1.1;letter-spacing:.03em;margin-bottom:24px;}
.hb-redesign .antares-section h2 em{font-style:italic;color:var(--gold)}
.hb-redesign .antares-section > .antares-inner > div:first-child > p{font-size:16px;color:rgba(13,27,42,.72);line-height:1.8;max-width:440px;margin-bottom:36px;}
.hb-redesign .antares-features{display:flex;flex-direction:column;gap:12px;margin-bottom:40px;}
.hb-redesign .antares-feat{display:flex;align-items:center;gap:12px;font-size:13px;color:rgba(250,247,242,.7);letter-spacing:.02em;}
.hb-redesign .antares-feat::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--gold);flex-shrink:0;}

.hb-redesign .antares-visual{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto 1fr;gap:16px;}
.hb-redesign .swatch-group{grid-column:1/-1}
.hb-redesign .swatch-group + .swatch-group{grid-column:1}
.hb-redesign .swatch-label{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:10px;}
.hb-redesign .swatches{display:flex;gap:9px;flex-wrap:wrap}
.hb-redesign .swatch{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .25s;flex-shrink:0;}
.hb-redesign .swatch:hover, .hb-redesign .swatch.on{border-color:var(--gold);transform:scale(1.12)}
.hb-redesign .konfig-preview{
  grid-column:2;grid-row:2/4;
  border:1px solid rgba(201,169,97,.2);background:rgba(250,247,242,.03);
  backdrop-filter:blur(8px);
  display:flex;align-items:center;justify-content:center;
  position:relative;overflow:hidden;aspect-ratio:.8;
}
.hb-redesign .konfig-preview img{width:78%;height:78%;object-fit:contain;filter:drop-shadow(0 8px 24px rgba(201,169,97,.18));}
.hb-redesign .konfig-badge{
  position:absolute;bottom:14px;left:50%;transform:translateX(-50%);
  font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);
  border:1px solid rgba(201,169,97,.3);padding:6px 14px;white-space:nowrap;
  background:rgba(6,15,26,.65);backdrop-filter:blur(6px);
}

/* EDITORIAL */
.hb-redesign .editorial{display:grid;grid-template-columns:1fr 1fr;min-height:520px;background:var(--cream);}
.hb-redesign .edit-image{position:relative;overflow:hidden;}
.hb-redesign .edit-image img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.4,0,.2,1);}
.hb-redesign .editorial:hover .edit-image img{transform:scale(1.04)}
.hb-redesign .edit-text{padding:80px 72px;display:flex;flex-direction:column;justify-content:center;}
.hb-redesign .edit-eyebrow{font-size:10px;letter-spacing:.42em;text-transform:uppercase;color:var(--gold);margin-bottom:24px;display:flex;align-items:center;gap:14px;}
.hb-redesign .edit-eyebrow::before{content:'';width:20px;height:1px;background:var(--gold)}
.hb-redesign .edit-text h3{font-family:'Monument Extended',sans-serif;font-size:clamp(20px,2.4vw,36px);font-weight:400;color:var(--navy);line-height:1.18;letter-spacing:.03em;margin-bottom:24px;}
.hb-redesign .edit-text h3 em{font-style:italic;color:var(--gold)}
.hb-redesign .edit-text p{font-size:15px;color:var(--muted);line-height:1.8;margin-bottom:40px;max-width:420px;}
.hb-redesign .edit-stats{display:flex;gap:48px;margin-bottom:40px;}
.hb-redesign .e-num{font-family:'Monument Extended',sans-serif;font-size:42px;font-weight:400;color:var(--gold);line-height:1;margin-bottom:4px;}
.hb-redesign .e-lbl{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--navy);}

/* NEWSLETTER */
.hb-redesign .newsletter{padding:100px 0;background:var(--navy);text-align:center;position:relative;overflow:hidden;}
.hb-redesign .newsletter::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(201,169,97,.07) 0%,transparent 60%);}
.hb-redesign .newsletter-inner{position:relative;z-index:2;max-width:580px;margin:0 auto}
.hb-redesign .nl-eyebrow{font-size:10px;letter-spacing:.42em;text-transform:uppercase;color:var(--gold);margin-bottom:20px;display:inline-flex;align-items:center;gap:14px;}
.hb-redesign .nl-eyebrow::before, .hb-redesign .nl-eyebrow::after{content:'';width:28px;height:1px;background:var(--gold)}
.hb-redesign .newsletter h2{font-family:'Monument Extended',sans-serif;font-size:clamp(20px,2.4vw,34px);font-weight:400;color:var(--ivory);letter-spacing:.03em;margin-bottom:16px;line-height:1.2;}
.hb-redesign .newsletter h2 em{font-style:italic;color:var(--gold-light)}
.hb-redesign .newsletter p{color:rgba(250,247,242,.6);margin-bottom:36px;font-size:15px;line-height:1.7}
.hb-redesign .nl-form{display:flex;max-width:460px;margin:0 auto}
.hb-redesign .nl-form input{flex:1;padding:18px 24px;background:rgba(250,247,242,.06);border:1px solid rgba(250,247,242,.15);border-right:none;color:var(--ivory);font-family:'Mulish',sans-serif;font-size:14px;outline:none;transition:border-color .3s;}
.hb-redesign .nl-form input:focus{border-color:rgba(201,169,97,.4)}
.hb-redesign .nl-form input::placeholder{color:rgba(250,247,242,.3)}
.hb-redesign .nl-note{font-size:11px;color:rgba(250,247,242,.3);margin-top:16px;letter-spacing:.04em}

/* B2B BANNER */
.hb-redesign .b2b-banner{background:linear-gradient(100deg,#06101c 0%,#0d1b2a 50%,#0a1520 100%);border-top:1px solid rgba(201,169,97,.25);border-bottom:1px solid rgba(201,169,97,.25);padding:52px 0;}
.hb-redesign .b2b-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap;}
.hb-redesign .b2b-eyebrow{font-size:10px;letter-spacing:.35em;text-transform:uppercase;color:var(--gold);margin-bottom:12px;}
.hb-redesign .b2b-inner h3{font-family:'Monument Extended',sans-serif;font-size:clamp(18px,2vw,28px);font-weight:400;color:var(--ivory);letter-spacing:.03em;margin-bottom:8px;}
.hb-redesign .b2b-inner p{font-size:13px;color:rgba(250,247,242,.55);max-width:480px;line-height:1.6}
.hb-redesign .btn-b2b{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:500;background:var(--gold);color:var(--navy);transition:all .3s;cursor:pointer;border:none;font-family:'Mulish',sans-serif;}
.hb-redesign .btn-b2b:hover{background:var(--gold-light)}

/* FOOTER */
.hb-redesign footer{background:var(--navy-deep);color:var(--ivory);padding:80px 0 0}
.hb-redesign .footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.1fr;gap:40px;padding-bottom:60px;border-bottom:1px solid rgba(250,247,242,.08)}
.hb-redesign .footer-logo-img{height:48px;width:auto;filter:brightness(0) invert(1);margin-bottom:22px;opacity:.88;}
.hb-redesign .footer-brand p{font-size:13px;color:rgba(250,247,242,.48);line-height:1.75;max-width:280px;margin-bottom:22px}
.hb-redesign .footer-contact a{display:block;margin-bottom:8px;transition:color .3s;font-size:13px;color:rgba(250,247,242,.65);}
.hb-redesign .footer-contact a:first-child{font-size:15px;color:var(--gold-light);font-weight:500;}
.hb-redesign .footer-contact a:hover{color:var(--gold)}
.hb-redesign .footer-social{display:flex;gap:12px;margin-top:22px}
.hb-redesign .footer-social a{width:36px;height:36px;border:1px solid rgba(250,247,242,.15);display:flex;align-items:center;justify-content:center;transition:all .3s;}
.hb-redesign .footer-social a:hover{border-color:var(--gold);background:rgba(201,169,97,.1)}
.hb-redesign .footer-social svg{width:15px;height:15px;stroke:rgba(250,247,242,.55);fill:none;stroke-width:1.5}
.hb-redesign .footer-col h5{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-bottom:22px;font-weight:500}
.hb-redesign .footer-col ul{list-style:none}
.hb-redesign .footer-col li{margin-bottom:12px}
.hb-redesign .footer-col a{font-size:13px;color:rgba(250,247,242,.55);transition:color .3s;line-height:1.4}
.hb-redesign .footer-col a:hover{color:var(--ivory)}
.hb-redesign .footer-col-b2b{border-left:1px solid rgba(201,169,97,.2);padding-left:32px}
.hb-redesign .btn-f{display:block;width:100%;padding:11px 16px;margin-bottom:10px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;text-align:center;font-family:'Mulish',sans-serif;transition:all .3s;cursor:pointer;border:none;}
.hb-redesign .btn-f-reg{background:var(--gold);color:var(--navy);font-weight:600}
.hb-redesign .btn-f-reg:hover{background:var(--gold-light)}
.hb-redesign .btn-f-login{background:transparent;color:rgba(250,247,242,.7);border:1px solid rgba(201,169,97,.35);font-weight:400}
.hb-redesign .btn-f-login:hover{border-color:var(--gold);color:var(--gold)}
.hb-redesign .b2b-hint{font-size:11px;color:rgba(250,247,242,.32);line-height:1.5;margin-bottom:16px}
.hb-redesign .footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding:28px 0;font-size:12px;color:rgba(250,247,242,.35);border-top:1px solid rgba(250,247,242,.06);}
.hb-redesign .footer-links{display:flex;gap:28px;flex-wrap:wrap}
.hb-redesign .footer-links a{color:rgba(250,247,242,.35);transition:color .3s}
.hb-redesign .footer-links a:hover{color:var(--gold)}

/* MODAL */
.hb-redesign .modal-overlay{position:fixed;inset:0;z-index:1000;background:rgba(6,15,26,.85);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .35s ease;}
.hb-redesign .modal-overlay.open{opacity:1;pointer-events:all}
.hb-redesign .modal{background:var(--navy);border:1px solid rgba(201,169,97,.25);width:100%;max-width:560px;padding:52px;position:relative;transform:translateY(24px);transition:transform .35s ease;}
.hb-redesign .modal-overlay.open .modal{transform:translateY(0)}
.hb-redesign .modal-close{position:absolute;top:20px;right:20px;background:none;border:none;cursor:pointer;color:rgba(250,247,242,.4);font-size:22px;transition:color .3s;padding:4px;}
.hb-redesign .modal-close:hover{color:var(--gold)}
.hb-redesign .modal-eyebrow{font-size:10px;letter-spacing:.4em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.hb-redesign .modal h3{font-family:'Monument Extended',sans-serif;font-size:clamp(18px,2vw,26px);font-weight:400;color:var(--ivory);letter-spacing:.03em;margin-bottom:8px}
.hb-redesign .modal-sub{font-size:13px;color:rgba(250,247,242,.5);margin-bottom:32px;line-height:1.6}
.hb-redesign .modal-form{display:flex;flex-direction:column;gap:14px}
.hb-redesign .modal-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.hb-redesign .modal-field{display:flex;flex-direction:column;gap:6px}
.hb-redesign .modal-field label{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:rgba(250,247,242,.45)}
.hb-redesign .modal-field input, .hb-redesign .modal-field textarea{background:rgba(250,247,242,.04);border:1px solid rgba(250,247,242,.12);color:var(--ivory);padding:12px 16px;font-family:'Mulish',sans-serif;font-size:13px;outline:none;transition:border-color .3s;width:100%;}
.hb-redesign .modal-field input:focus, .hb-redesign .modal-field textarea:focus{border-color:rgba(201,169,97,.5)}
.hb-redesign .modal-field textarea{resize:vertical;min-height:90px}
.hb-redesign .modal-submit{margin-top:8px;background:var(--gold);color:var(--navy);border:none;padding:16px 32px;font-family:'Mulish',sans-serif;font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:10px;}
.hb-redesign .modal-submit:hover{background:var(--gold-light)}

/* RESPONSIVE */
@media(max-width:1100px){
  .products-grid{grid-template-columns:repeat(3,1fr)}
  .antares-inner{grid-template-columns:1fr;gap:56px}
  .editorial{grid-template-columns:1fr}
  .edit-image{min-height:400px}
  .footer-top{grid-template-columns:1fr 1fr;gap:40px}
  .footer-col-b2b{border-left:none;padding-left:0;border-top:1px solid rgba(201,169,97,.2);padding-top:32px}
}
@media(max-width:768px){
  .products-grid{grid-template-columns:repeat(2,1fr);gap:24px 16px}
  .hero-damen{height:75vh}
  .hero-content{padding:0 0 0 28px;max-width:100%}
  .antares-visual{grid-template-columns:1fr}
  .konfig-preview{grid-column:1;grid-row:auto;aspect-ratio:1}
}
@media(max-width:768px){
  .kollektion-nav{padding:52px 0 44px}
  .kn-tile{min-width:calc(50% - 8px);padding:16px 18px 14px}
}
@media(max-width:640px){
  .nav-left,.nav-right{display:none}
  .header-inner{grid-template-columns:1fr}
  .products-grid{grid-template-columns:1fr}
  .footer-top{grid-template-columns:1fr}
  .nl-form{flex-direction:column}
  .edit-text{padding:48px 28px}
  .container{padding:0 20px}
  .breadcrumb{padding:12px 20px}
  .fs-inner{padding:0 20px}
  .kn-tile{min-width:calc(50% - 6px)}
}

/* FIX 11.06.: Hero-CTA/Meta-Abstände (Buttons klebten) */
.hb-redesign .hero-content .hero-meta{margin:22px 0 26px !important}
.hb-redesign .hero-content .cta-row{gap:18px !important;margin:6px 0 0 !important}
.hb-redesign .hero-content .cta-row .btn{margin:0 !important}

/* === ANTARÈS BAUKASTEN (neu 11.06.) === */
.hb-redesign .antares-inner{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(40px,5vw,90px);align-items:center}
.hb-redesign .antares-copy h2{margin:14px 0 18px}
.hb-redesign .antares-pick{margin:22px 0 28px;font-size:14px;letter-spacing:.02em;color:rgba(13,27,42,.78)}
.hb-redesign .antares-pick strong{color:#9c7b34}
.hb-redesign .antares-note{margin-top:18px;font-size:12px;letter-spacing:.04em;color:rgba(13,27,42,.5)}
.hb-redesign .antares-config{display:flex;flex-direction:column;align-items:center;gap:26px}
.hb-redesign .antares-stage{width:100%;max-width:520px;aspect-ratio:1/1;border-radius:18px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 42%,#ffffff 0%,#f6f2ea 70%,#efe9df 100%);box-shadow:0 26px 60px rgba(13,27,42,.14),0 0 0 1px rgba(201,169,97,.3)}
.hb-redesign .antares-stage img{width:86%;height:86%;object-fit:contain;mix-blend-mode:multiply;transition:opacity .25s ease}
.hb-redesign .antares-straps{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}
.hb-redesign .ant-strap{width:44px;height:44px;border-radius:50%;background:var(--sc);border:2px solid rgba(13,27,42,.14);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;padding:0}
.hb-redesign .ant-strap:hover{transform:translateY(-2px)}
.hb-redesign .ant-strap.active{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,169,97,.32)}
.hb-redesign .antares-strap-label{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:rgba(13,27,42,.5)}
@media(max-width:860px){.hb-redesign .antares-inner{grid-template-columns:1fr;gap:40px}.hb-redesign .antares-stage{max-width:400px;margin:0 auto}}

/* ══ HERREN-HERO v5: Newport-Chrono-Foto (Uhr LINKS) → Text RECHTS, Navy auf Creme-Scrim von rechts. ══ */
.hb-redesign .hero-banner-img{object-position:center center;}
.hb-redesign .hero-banner-scrim{background:linear-gradient(270deg,rgba(247,243,236,.93) 0%,rgba(247,243,236,.62) 24%,rgba(247,243,236,.16) 48%,transparent 72%);}
.hb-redesign .hero-banner-text{left:auto;right:6vw;text-align:right;}
@media(max-width:549px){
  .hb-redesign .hero-banner-text{left:0;right:0;text-align:center;}
  .hb-redesign .hero-banner-scrim{background:linear-gradient(180deg,rgba(247,243,236,.9) 0%,rgba(247,243,236,.45) 30%,transparent 56%);}
}

/* ============================================================
   NEU-TUNING (15.06.2026) — Vorgaben aus index-neu2 übernommen:
   weiße Sektionen #fcfbfe + Produktkacheln randlos, kein Creme-Overlay
   ============================================================ */
.hb-redesign .breadcrumb{background:#fcfbfe}
.hb-redesign .hero-banner{background:#fcfbfe}
.hb-redesign .hero-damen{background:#fcfbfe}
.hb-redesign .produkte{background:#fcfbfe}
.hb-redesign .trustband{background:#fcfbfe;border-top-color:rgba(13,27,42,.07)}
.hb-redesign .editorial{background:#fcfbfe}
.hb-redesign .kn-nav, .hb-redesign .kategorie-nav{background:#fcfbfe}
/* Kacheln: Bild füllt randlos */
.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}
.hb-redesign .product-thumb{background:#fff}

/* Hero #c0cdd3 Split-Look (wie index-neu2) — 15.06. */
.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 .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-img{object-position:center}

/* 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-eyebrow{color:#7d6a39}
.hb-redesign .b2b-inner h3{color:var(--navy)}
.hb-redesign .b2b-inner p{color:rgba(13,27,42,.72)}

/* Standard-Sektionen: Neuheiten/Bestseller weiß + Uhrenfinder hell #c0cdd3 — 15.06. */
.hb-redesign .neuheiten{background:#fcfbfe}
.hb-redesign .bestseller{background:#fcfbfe}
.hb-redesign .finder{background:#c0cdd3;color:var(--navy)}
.hb-redesign .finder-text .section-eyebrow{color:#7d6a39}
.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)}
.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}
.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)}
.hb-redesign .hero-img{object-position:center}

/* Kollektion-Nav oben auf Grün-Blau #c0cdd3 + EEAT-Ratgeber-Sektion — 15.06. */
.hb-redesign .kollektion-nav{background:#c0cdd3}
.hb-redesign .uhren-info{background:#fcfbfe;padding:92px 0}
.hb-redesign .uhren-info .section-eyebrow{color:#9c7b34}
.hb-redesign .uhren-info .section-title{margin:14px 0 44px}
.hb-redesign .uhren-info-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:56px;align-items:start}
.hb-redesign .uhren-info-text p{font-size:16px;line-height:1.75;color:rgba(13,27,42,.78);margin:0 0 18px;max-width:62ch}
.hb-redesign .uhren-info-text h3,.hb-redesign .uhren-info-faq h3{font-family:'Monument Extended',sans-serif;font-weight:400;font-size:19px;color:var(--navy);margin:26px 0 16px;letter-spacing:.02em}
.hb-redesign .uhren-info-list{list-style:none;margin:0;padding:0}
.hb-redesign .uhren-info-list li{position:relative;padding-left:22px;margin-bottom:12px;font-size:15px;line-height:1.6;color:rgba(13,27,42,.78)}
.hb-redesign .uhren-info-list li::before{content:'';position:absolute;left:0;top:9px;width:7px;height:7px;background:var(--gold);border-radius:50%}
.hb-redesign .uhren-info-list strong{color:var(--navy)}
.hb-redesign .uhren-info-faq{background:#fff;border:1px solid rgba(13,27,42,.10);border-radius:6px;padding:28px 26px}
.hb-redesign .uhren-info-faq .faq-item{padding:14px 0;border-bottom:1px solid rgba(13,27,42,.08)}
.hb-redesign .uhren-info-faq .faq-item:last-child{border-bottom:0;padding-bottom:0}
.hb-redesign .uhren-info-faq .faq-item strong{display:block;color:var(--navy);font-size:14px;margin-bottom:6px}
.hb-redesign .uhren-info-faq .faq-item p{margin:0;font-size:13px;line-height:1.6;color:rgba(13,27,42,.7)}
@media(max-width:900px){.hb-redesign .uhren-info-grid{grid-template-columns:1fr;gap:30px}}

/* Kollektionen-Sektion unter Hero auf #f2f2f2 — 15.06. */
.hb-redesign .kollektion-nav{background:#f2f2f2}

/* Ratgeber-Sektion: Inhalt auf abgerundeter #f2f2f2-Fläche — 15.06. */
.hb-redesign .uhren-info{background:#fff}
.hb-redesign .uhren-info-inner{background:#f2f2f2;border-radius:20px;padding:56px 56px}
.hb-redesign .uhren-info-faq{background:#fff}
@media(max-width:700px){.hb-redesign .uhren-info-inner{padding:34px 24px;border-radius:14px}}

/* Geschmackvoll engere Abstände innerhalb der Sektionen — 15.06. */
.hb-redesign .neuheiten{padding:62px 0}
.hb-redesign .bestseller{padding:62px 0}
.hb-redesign .uhren-info{padding:62px 0}
.hb-redesign .kollektion-nav{padding:50px 0 40px}
.hb-redesign .finder{padding:70px 0}
.hb-redesign .trustband{padding:38px 0}
.hb-redesign .b2b-banner{padding:44px 0}
.hb-redesign .section-head{margin-bottom:30px!important}
.hb-redesign .neuheiten-badge{margin-bottom:22px}
.hb-redesign .uhren-info-inner{padding:44px 48px}
.hb-redesign .uhren-info .section-title{margin:10px 0 30px}
.hb-redesign .uhren-info-text p{margin:0 0 13px}
.hb-redesign .uhren-info-text h3,.hb-redesign .uhren-info-faq h3{margin:20px 0 12px}
.hb-redesign .uhren-info-list li{margin-bottom:9px}
.hb-redesign .bestseller-cta{margin-top:36px}
.hb-redesign .editorial{min-height:440px}
.hb-redesign .hero-lead{margin-bottom:18px}
@media(max-width:700px){.hb-redesign .uhren-info-inner{padding:30px 22px}}


/* ============================================================
   HERREN-LP AUSBAU (16.06.2026)
   Farbrhythmus (Anlehnung Startseite) + Highlight des Monats +
   Ratgeber Text|Bild + Schmuck-Sektion (ersetzt Haendler-Banner)
   ============================================================ */

/* --- Sektions-Farbrhythmus: jede Sektion anders als die Nachbarn --- */
.hb-redesign .hero{background:#c0cdd3}
.hb-redesign .kollektion-nav{background:#f2f2f2}
.hb-redesign #neuheiten{background:#fcfbfe}
.hb-redesign #bestseller{background:#fcfbfe}
.hb-redesign #automatik{background:#fcfbfe}
.hb-redesign .uhren-info{background:#f2f2f2}
.hb-redesign .uhren-info-inner{background:transparent;box-shadow:none;border-radius:0;padding:0}
.hb-redesign .editorial{background:#faf7f2}
.hb-redesign .finder{background:#c0cdd3;color:var(--navy)}
.hb-redesign .trustband{background:#f2f2f2;border-top-color:rgba(13,27,42,.08)}

/* --- HIGHLIGHT DES MONATS: dunkle Edel-Buehne mit Gold --- */
.hb-redesign .highlight{background:#06101c;padding:96px 0;position:relative;overflow:hidden;border-top:1px solid rgba(201,169,97,.18);border-bottom:1px solid rgba(201,169,97,.18)}
.hb-redesign .highlight::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 28% 45%,rgba(201,169,97,.12) 0%,transparent 55%);pointer-events:none}
.hb-redesign .highlight-inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;position:relative;z-index:1}
.hb-redesign .highlight-media{position:relative;display:flex;align-items:center;justify-content:center;min-height:420px}
.hb-redesign .highlight-glow{position:absolute;width:74%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(201,169,97,.24) 0%,rgba(201,169,97,.06) 45%,transparent 70%);filter:blur(10px)}
.hb-redesign .highlight-media img{position:relative;max-width:86%;max-height:480px;width:auto;height:auto;filter:drop-shadow(0 34px 64px rgba(0,0,0,.55));animation:hb-float 6s ease-in-out infinite}
@keyframes hb-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
.hb-redesign .highlight-eyebrow{font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);margin-bottom:20px;font-weight:600}
.hb-redesign .highlight-title{font-family:'Monument Extended',sans-serif;font-weight:400;font-size:clamp(30px,3.4vw,48px);line-height:1.05;color:var(--ivory);margin:0 0 22px}
.hb-redesign .highlight-title em{font-style:italic;color:var(--gold)}
.hb-redesign .highlight-lead{font-size:16px;line-height:1.75;color:rgba(250,247,242,.82);max-width:48ch;margin:0 0 28px}
.hb-redesign .highlight-specs{list-style:none;margin:0 0 34px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:13px 26px}
.hb-redesign .highlight-specs li{position:relative;padding-left:24px;font-size:14px;color:rgba(250,247,242,.8)}
.hb-redesign .highlight-specs li::before{content:'';position:absolute;left:0;top:6px;width:14px;height:8px;border-left:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(-45deg)}
.hb-redesign .highlight-foot{display:flex;align-items:center;gap:30px;flex-wrap:wrap}
.hb-redesign .highlight-price{font-family:'Monument Extended',sans-serif;font-size:27px;color:var(--ivory);line-height:1}
.hb-redesign .highlight-price span{font-family:'Mulish',sans-serif;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:rgba(250,247,242,.5);margin-right:7px}
@media(max-width:900px){
  .hb-redesign .highlight{padding:64px 0}
  .hb-redesign .highlight-inner{grid-template-columns:1fr;gap:34px}
  .hb-redesign .highlight-media{order:-1;min-height:300px}
  .hb-redesign .highlight-specs{grid-template-columns:1fr;gap:10px}
}

/* --- RATGEBER: Text links + Uhrenbild rechts --- */
.hb-redesign .uhren-info-grid{grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.hb-redesign .uhren-info-media{position:relative;border-radius:6px;overflow:hidden;background:#fff;box-shadow:0 24px 60px rgba(13,27,42,.14);aspect-ratio:4/5}
.hb-redesign .uhren-info-media img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.hb-redesign .uhren-info-media .ui-cap{position:absolute;left:0;right:0;bottom:0;padding:22px 24px;background:linear-gradient(to top,rgba(6,16,28,.82),rgba(6,16,28,.1) 70%,transparent);color:var(--ivory)}
.hb-redesign .uhren-info-media .ui-cap strong{display:block;font-family:'Monument Extended',sans-serif;font-weight:400;font-size:15px;letter-spacing:.02em;margin-bottom:3px}
.hb-redesign .uhren-info-media .ui-cap span{font-size:12px;letter-spacing:.04em;color:rgba(250,247,242,.72)}
.hb-redesign .ui-faq-compact{margin-top:26px;border-top:1px solid rgba(13,27,42,.1);padding-top:20px}
.hb-redesign .ui-faq-compact .qa{margin-bottom:14px}
.hb-redesign .ui-faq-compact .qa:last-child{margin-bottom:0}
.hb-redesign .ui-faq-compact .qa strong{display:block;color:var(--navy);font-size:14px;margin-bottom:5px}
.hb-redesign .ui-faq-compact .qa p{margin:0;font-size:13px;line-height:1.6;color:rgba(13,27,42,.68)}
@media(max-width:900px){
  .hb-redesign .uhren-info-grid{grid-template-columns:1fr;gap:30px}
  .hb-redesign .uhren-info-media{order:-1;aspect-ratio:16/11}
}

/* --- SCHMUCK ZU JEDER HERRENKOLLEKTION (ersetzt Haendler-Banner) --- */
.hb-redesign .schmuck{background:#faf7f2;padding:94px 0}
.hb-redesign .schmuck-head{text-align:center;max-width:680px;margin:0 auto 52px}
.hb-redesign .schmuck-eyebrow{font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:16px}
.hb-redesign .schmuck-head h2{font-family:'Monument Extended',sans-serif;font-weight:400;font-size:clamp(28px,3vw,42px);line-height:1.1;color:var(--navy);margin:0 0 16px}
.hb-redesign .schmuck-head h2 em{font-style:italic;color:var(--gold)}
.hb-redesign .schmuck-head p{font-size:16px;line-height:1.7;color:rgba(13,27,42,.7);margin:0}
.hb-redesign .schmuck-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.hb-redesign .schmuck-card{position:relative;display:block;background:#fff;border:1px solid rgba(13,27,42,.07);border-radius:6px;overflow:hidden;text-decoration:none;transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s}
.hb-redesign .schmuck-card:hover{transform:translateY(-6px);box-shadow:0 28px 60px rgba(13,27,42,.15)}
.hb-redesign .schmuck-media{aspect-ratio:1;background:#f2f2f2;display:flex;align-items:center;justify-content:center;overflow:hidden}
.hb-redesign .schmuck-media img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.hb-redesign .schmuck-card:hover .schmuck-media img{transform:scale(1.05)}
.hb-redesign .schmuck-body{padding:26px 26px 30px}
.hb-redesign .schmuck-body .sk-eyebrow{font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:9px}
.hb-redesign .schmuck-body h3{font-family:'Monument Extended',sans-serif;font-weight:400;font-size:20px;color:var(--navy);margin:0 0 9px;letter-spacing:.01em}
.hb-redesign .schmuck-body p{font-size:13px;line-height:1.6;color:rgba(13,27,42,.66);margin:0 0 18px}
.hb-redesign .schmuck-link{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--navy);border-bottom:1px solid rgba(201,169,97,.5);padding-bottom:5px;transition:gap .35s,color .35s,border-color .35s}
.hb-redesign .schmuck-card:hover .schmuck-link{gap:14px;color:#9c7b34;border-color:var(--gold)}
.hb-redesign .schmuck-cta{text-align:center;margin-top:48px}
@media(max-width:900px){
  .hb-redesign .schmuck{padding:64px 0}
  .hb-redesign .schmuck-grid{grid-template-columns:1fr;gap:20px;max-width:420px;margin:0 auto}
}

/* 16.06.2026 — Uhrenfinder + Trust-Leiste entfernt; Schmuck schliesst die Seite
   auf Gruen-Blau #c0cdd3 ab (Bookend zum Hero) */
.hb-redesign .schmuck{background:#c0cdd3}

/* 16.06.2026 — Highlight des Monats auf Blaugrau #c0cdd3 (statt dunkel),
   Uhr als helle Spotlight-Karte, Text dunkel/Navy */
.hb-redesign .highlight{background:#c0cdd3;border-top-color:rgba(13,27,42,.12);border-bottom-color:rgba(13,27,42,.12)}
.hb-redesign .highlight::before{background:radial-gradient(ellipse at 25% 38%,rgba(255,255,255,.50) 0%,transparent 56%)}
.hb-redesign .highlight-glow{background:radial-gradient(circle,rgba(255,255,255,.6) 0%,rgba(255,255,255,.14) 45%,transparent 70%)}
.hb-redesign .highlight-media img{background:#fff;border-radius:10px;padding:20px;box-shadow:0 30px 64px rgba(13,27,42,.20),0 0 0 1px rgba(13,27,42,.06);max-width:74%;max-height:430px}
.hb-redesign .highlight-eyebrow{color:#9c7b34}
.hb-redesign .highlight-title{color:var(--navy)}
.hb-redesign .highlight-title em{color:#9c7b34}
.hb-redesign .highlight-lead{color:rgba(13,27,42,.74)}
.hb-redesign .highlight-specs li{color:rgba(13,27,42,.8)}
.hb-redesign .highlight-specs li::before{border-color:#9c7b34}
.hb-redesign .highlight-price{color:var(--navy)}
.hb-redesign .highlight-price span{color:rgba(13,27,42,.5)}


/* ============================================================
   HERREN-LP 16.06.2026 (2) — Kollektions-Bildkacheln,
   Highlight-Mood-Bild (groesser), Automatik-Split
   ============================================================ */

/* --- Kollektions-Kacheln: Bild des neuesten Modells je Kollektion --- */
.hb-redesign .kn-grid{display:grid!important;grid-template-columns:repeat(7,1fr);gap:14px}
.hb-redesign .kn-tile{position:relative;display:flex!important;flex-direction:column;text-align:center;padding:0!important;overflow:hidden;border-radius:7px;background:#fff;border:1px solid rgba(13,27,42,.08);box-shadow:0 6px 18px rgba(13,27,42,.05);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s}
.hb-redesign .kn-tile:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(13,27,42,.12);border-color:rgba(201,169,97,.5)}
.hb-redesign .kn-tile::after{display:none!important}
.hb-redesign .kn-thumb{display:block;aspect-ratio:1;background:#f4f4f3;overflow:hidden}
.hb-redesign .kn-thumb img{width:100%;height:100%;object-fit:contain;padding:12% 14%;mix-blend-mode:multiply;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.hb-redesign .kn-tile:hover .kn-thumb img{transform:scale(1.06)}
.hb-redesign .kn-tile .kn-name{display:block;margin:13px 8px 0;font-size:13px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--navy)}
.hb-redesign .kn-tile .kn-sub{display:block;margin:4px 8px 15px;font-size:11px;letter-spacing:.04em;color:var(--muted)}
.hb-redesign .kn-tile.active{background:#fff;border-color:var(--navy);transform:none}
.hb-redesign .kn-tile.active .kn-name{color:var(--navy)}
.hb-redesign .kn-tile.active .kn-thumb{background:#eef1f3;box-shadow:inset 0 -3px 0 var(--gold)}
@media(max-width:1024px){
  .hb-redesign .kn-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:42%;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:10px}
  .hb-redesign .kn-tile{scroll-snap-align:start}
}
@media(max-width:600px){.hb-redesign .kn-grid{grid-auto-columns:60%}}

/* --- Highlight: Mood-/Handgelenk-Bild, gerahmt, ~50% groesser --- */
.hb-redesign .highlight-inner{grid-template-columns:1.12fr .88fr;gap:60px}
.hb-redesign .highlight-media{min-height:0;display:block}
.hb-redesign .highlight-glow{display:none}
.hb-redesign .highlight-frame{position:relative;width:100%;aspect-ratio:4/5;border-radius:8px;overflow:hidden;box-shadow:0 36px 74px rgba(13,27,42,.28);background:#aab8be}
.hb-redesign .highlight-frame img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;max-width:100%;max-height:none;padding:0;background:none;border-radius:0;box-shadow:none;filter:none;animation:none}
.hb-redesign .highlight-frame::after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);border-radius:8px;pointer-events:none}

/* --- Automatik-Intro: Split Mood-Bild + SEO-Text --- */
.hb-redesign .auto-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center;margin-bottom:60px}
.hb-redesign .auto-split-media{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:4/5;box-shadow:0 28px 60px rgba(13,27,42,.16);background:#dfe3e2}
.hb-redesign .auto-split-media img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.hb-redesign .auto-split-text .section-eyebrow{color:#9c7b34}
.hb-redesign .auto-split-text .section-title{margin:14px 0 22px}
.hb-redesign .auto-split-text p{font-size:16px;line-height:1.75;color:rgba(13,27,42,.78);margin:0 0 16px;max-width:60ch}
.hb-redesign .auto-split-text p strong{color:var(--navy)}
.hb-redesign .auto-split-list{list-style:none;margin:18px 0 0;padding:0}
.hb-redesign .auto-split-list li{position:relative;padding-left:26px;margin-bottom:11px;font-size:15px;color:rgba(13,27,42,.8)}
.hb-redesign .auto-split-list li::before{content:'';position:absolute;left:0;top:6px;width:15px;height:9px;border-left:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(-45deg)}
@media(max-width:900px){
  .hb-redesign .auto-split{grid-template-columns:1fr;gap:28px;margin-bottom:40px}
  .hb-redesign .auto-split-media{order:-1;aspect-ratio:16/11}
  .hb-redesign .highlight-inner{grid-template-columns:1fr;gap:34px}
  .hb-redesign .highlight-frame{aspect-ratio:16/12;max-width:520px}
}

/* 16.06.2026 — Highlight des Monats: groessere Schrift (mehr Aufmerksamkeit) */
.hb-redesign .highlight-eyebrow{font-size:15px;letter-spacing:.28em;margin-bottom:22px}
.hb-redesign .highlight-title{font-size:clamp(40px,4.6vw,62px);margin:0 0 24px}
.hb-redesign .highlight-lead{font-size:17px}
@media(max-width:900px){.hb-redesign .highlight-eyebrow{font-size:13px}.hb-redesign .highlight-title{font-size:clamp(32px,7vw,42px)}}

/* 16.06.2026 — Kollektions-Ueberschrift kraftvoller & edel */
.hb-redesign .kn-head{margin-bottom:42px;text-align:center}
.hb-redesign .kn-eyebrow{font-size:13px;letter-spacing:.4em;color:#9c7b34;font-weight:700;margin-bottom:18px}
.hb-redesign .kn-head h2{font-size:clamp(36px,4.8vw,58px);line-height:1.03;letter-spacing:.01em;color:var(--navy)}
.hb-redesign .kn-head h2 em{color:#9c7b34;font-style:italic}
@media(max-width:700px){.hb-redesign .kn-head h2{font-size:clamp(30px,8vw,40px)}}

/* 16.06.2026 — Alle-Kachel als Mood-Bild (Cover statt Produkt-Freisteller) */
.hb-redesign .kn-thumb--mood{background:none}
.hb-redesign .kn-thumb--mood img{object-fit:cover!important;padding:0!important;mix-blend-mode:normal!important;width:100%;height:100%}
.hb-redesign .kn-tile.active .kn-thumb--mood{background:none;box-shadow:none;border-bottom:3px solid var(--gold)}

/* === Inspiration 17.06.: Hero-Overlay nur links (wie Newport/CC) === */
.hb-redesign .hero-image::before{background:linear-gradient(90deg,#c0cdd3 0%,rgba(192,205,211,.70) 7%,rgba(192,205,211,.16) 17%,transparent 28%)!important}
.hb-redesign .hero-img{object-position:55% center}
@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-img{object-position:50% 45%}
  .hb-redesign .hero-image::before{background:linear-gradient(180deg,transparent 58%,rgba(192,205,211,.9) 100%)!important}
  .hb-redesign .hero-text{padding:52px 26px}
}

/* Inspiration-Hero: Business-Landscape, Uhr rechts im Bild halten */
.hb-redesign .hero-image img.hero-img{object-fit:cover !important;object-position:60% 46%}

/* Hero-Justage 18.06.: Uhr nach links (Desktop) + mobil zentriert */
.hb-redesign .hero-image img.hero-img{object-position:84% 46% !important}
@media(max-width:849px){.hb-redesign .hero-image img.hero-img{object-position:72% 42% !important}}

/* Mobil-Korrektur: Uhr zentrieren (war rechts angeschnitten) */
@media(max-width:849px){.hb-redesign .hero-image img.hero-img{object-position:44% 42% !important}}

/* Mobil final: Uhr zentriert wie Desktop */
@media(max-width:849px){.hb-redesign .hero-image img.hero-img{object-position:86% 42% !important}}

/* Inspiration-Hero NEU (03:22-Crop, Uhr zentral) */
.hb-redesign .hero-image img.hero-img{object-position:54% 42% !important}
@media(max-width:849px){.hb-redesign .hero-image img.hero-img{object-position:56% 40% !important}}

/* Inspiration-Hero 03:26 Skyline-Automatik: Uhr zentriert */
.hb-redesign .hero-image img.hero-img{object-position:47% 45% !important}
@media(max-width:849px){.hb-redesign .hero-image img.hero-img{object-position:47% 42% !important}}

/* Inspiration-Hero 03:27 final: Uhr zentriert */
.hb-redesign .hero-image img.hero-img{object-position:50% 45% !important}
@media(max-width:849px){.hb-redesign .hero-image img.hero-img{object-position:50% 42% !important}}

/* Hero zurück auf Schreibtisch-Crop 03_22: Uhr mittig-rechts */
.hb-redesign .hero-image img.hero-img{object-position:54% 42% !important}
@media(max-width:849px){.hb-redesign .hero-image img.hero-img{object-position:56% 40% !important}}


/* ════════════════════════════════════════════════════════════
   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}
}