/* Doktorfy Header- und Menue-Blueprint (17.10.2026): Desktop-Header mit Dropdowns, mobiles Menue mit Untermenues (Slide-in 300 ms), Such-Overlay.
   Farben/Masse aus dem Blueprint: Primaer #0B7EC8, Text #0F172A, Neutral #64748B, Linie #E2E8F0, Hover #F1F7FD, Touch-Flaeche min. 48 px, Abstand 16 px,
   Schrift 16 px Desktop / 18 px Mobil, Zeilenhoehe 24-28 px. Alle Komponenten hier, keine Einzelstyles pro Seite. */
.hd{--hm-blue:#0b7ec8;--hm-blue-d:#096aa8;--hm-ink:#0f172a;--hm-mute:#64748b;--hm-line:#e2e8f0;--hm-hover:#f1f7fd;--hm-chip:#eef2f6;--hm-ease:cubic-bezier(.4,0,.2,1)}

/* Promo-Leiste */
.hd .hd-promo{background:var(--hm-blue)}
.hd .hd-promo-pill{color:var(--hm-blue)}
.hd-cd-m,.hd-sm{display:none}

/* Desktop-Header */
.hd .hd-head{border-bottom:1px solid var(--hm-line)}
.hd .hd-head .hd-wrap{max-width:1240px}
.hd .hd-head-in{height:72px;gap:40px}
.hd .hd-logo img{height:30px}
.hd .hd-nav{display:flex;align-items:center;gap:2px;font-size:16px;line-height:24px;font-weight:500;color:var(--hm-ink)}
.hd-ni{position:relative}
.hd-nl{display:flex;align-items:center;min-height:48px;padding:0 14px;border-radius:12px;transition:background .15s,color .15s}
.hd-nl:hover,.hd-ni:focus-within>.hd-nl{background:var(--hm-hover);color:var(--hm-blue)}
.hd .hd-nav a.hd-nl[aria-current=page]{color:var(--hm-blue);font-weight:600}
.hd-dd{display:none;position:absolute;left:-6px;top:100%;margin-top:6px;min-width:272px;padding:8px;background:var(--hd-white);border:1px solid var(--hm-line);border-radius:16px;box-shadow:0 18px 44px -18px rgba(15,23,42,.28);z-index:60}
.hd-dd::before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px}
.hd-ni:hover>.hd-dd,.hd-ni:focus-within>.hd-dd{display:block}
.hd-dd a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:0 12px;border-radius:10px;font-size:15px;line-height:24px;font-weight:500;color:var(--hm-ink)}
.hd-dd a:hover,.hd-dd a:focus-visible{background:var(--hm-hover);color:var(--hm-blue)}
.hd-dd em{font-style:normal;font-size:12.5px;font-weight:600;color:var(--hm-mute);background:var(--hm-chip);border-radius:999px;padding:2px 9px}
.hd .hd-head-act{gap:6px}
.hd .hd-icon{width:44px;height:44px;color:var(--hm-ink)}
.hd .hd-icon:hover{background:var(--hm-hover);color:var(--hm-blue)}
.hd .hd-head .hd-btn-blue{background:var(--hm-blue)}
.hd .hd-head .hd-btn-blue:hover{background:var(--hm-blue-d)}
.hd .hd-head .hd-head-cta{height:44px;padding:0 28px;font-size:16px;margin-left:8px}
.hd .hd-cartbadge{background:var(--hm-blue)}
.hd a:focus-visible,.hd button:focus-visible{outline:2px solid var(--hm-blue);outline-offset:2px}
@media(max-width:1200px){.hd .hd-head-in{gap:20px}.hd-nl{padding:0 10px}.hd .hd-nav{font-size:15px}}

/* Mobiles Menue + Such-Overlay (ab 1020 px ersetzt das Burger-Menue die Hauptnavigation) */
.hd-menu,.hd-so{display:none}
.hd-mp-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none;height:64px;padding:0 8px 0 16px}
.hd-mp-head .hd-logo img{height:30px}
.hd-mp-title{flex:1;margin:0;font-size:20px;line-height:28px;font-weight:600;color:var(--hm-ink)}
.hd-mp-x,.hd-mp-back{display:grid;place-items:center;width:48px;height:48px;border:0;border-radius:50%;background:none;color:var(--hm-ink);cursor:pointer;padding:0}
.hd-mp-x:hover,.hd-mp-back:hover{background:var(--hm-hover)}
.hd-mp-head--sub{padding-left:8px}
.hd-mp-scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 16px}
.hd-ml{list-style:none;margin:0;padding:0}
.hd-mrow{display:flex;align-items:center;gap:16px;width:100%;min-height:56px;padding:0 4px;background:none;border:0;border-bottom:1px solid var(--hm-line);font:inherit;font-size:18px;line-height:28px;font-weight:500;color:var(--hm-ink)!important;text-align:left;cursor:pointer}
.hd-mrow>span{flex:1;min-width:0}
.hd-mrow .hd-i{color:var(--hm-ink)}
.hd-mrow .hd-i:last-child{color:#94a3b8}
.hd-mrow em{font-style:normal;font-size:13px;line-height:20px;font-weight:600;color:var(--hm-mute);background:var(--hm-chip);border-radius:999px;padding:4px 12px}
.hd-mrow:active,.hd-mrow:hover{background:var(--hm-hover)}
.hd-mrow[aria-current]{color:var(--hm-blue)!important}
.hd-mrow[aria-current] .hd-i:first-child{color:var(--hm-blue)}
.hd-mp-foot{flex:none;display:grid;gap:12px;padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px))}
.hd .hd-btn-full{width:100%;height:52px;border-radius:12px;padding:0 20px;font-size:16px;font-weight:600;gap:10px}
.hd .hd-btn-line{background:var(--hd-white);color:var(--hm-blue)!important;border:1.5px solid var(--hm-blue)}
.hd .hd-btn-line:hover{background:var(--hm-hover)}
.hd .hd-mp-foot .hd-btn-blue{background:var(--hm-blue)}
.hd-msearch{display:flex;align-items:center;gap:12px;width:100%;height:52px;padding:0 16px;border:1px solid var(--hm-line);border-radius:12px;background:var(--hd-white);font:inherit;font-size:16px;color:var(--hm-mute);cursor:pointer;text-align:left}
.hd-msearch span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hd-macc{margin:0;display:flex;justify-content:center;gap:8px;font-size:14px;line-height:24px;color:var(--hm-mute)}
.hd-macc a{color:var(--hm-blue)!important;font-weight:600}
.hd-so-in .hd-mp-head{padding-left:16px}
.hd-so-form{display:flex;align-items:center;gap:12px;margin:4px 16px 8px;height:56px;padding:0 8px 0 16px;border:1.5px solid var(--hm-line);border-radius:14px;color:var(--hm-mute);background:var(--hd-white)}
.hd-so-form:focus-within{border-color:var(--hm-blue)}
.hd-so-form input{flex:1;min-width:0;height:100%;border:0;background:none;font:inherit;font-size:18px;color:var(--hm-ink);padding:0}
.hd .hd-so-form input,.hd .hd-so-form input:focus,.hd .hd-so-form input:focus-visible{background:none!important;outline:none!important;box-shadow:none!important;border:0!important}
.hd-so-form input::-webkit-search-cancel-button{display:none}
.hd-so-clear{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:none;color:var(--hm-mute);cursor:pointer;padding:0}
.hd-so-clear[hidden]{display:none}
.hd-so-list{list-style:none;margin:0;padding:0 16px 16px}
.hd-so-list a{display:flex;align-items:center;gap:16px;min-height:60px;padding:6px 4px;border-bottom:1px solid var(--hm-line);color:var(--hm-ink)!important}
.hd-so-list a>span{flex:1;min-width:0}
.hd-so-list b{display:block;font-size:17px;line-height:24px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hd-so-list small{display:block;font-size:13px;line-height:20px;color:var(--hm-mute)}
.hd-so-list .hd-i:last-child{color:#94a3b8}
.hd-so-list a:hover,.hd-so-list a.sel{background:var(--hm-hover)}
.hd-so-empty{padding:20px 4px;color:var(--hm-mute);font-size:15px}
html.hd-menu-open,html.hd-menu-open body,html.hd-so-open,html.hd-so-open body{overflow:hidden!important;overscroll-behavior:none}
html.hd-so-open #zlai-fab,html.hd-so-open #zlai-teaser,html.hd-so-open #zlfb-trigger,html.hd-so-open #cookieBanner,html.hd-so-open .mobile-filter-bar,html.hd-so-open #cart-toast,html.hd-so-open .hd-stickycta,html.hd-so-open .dyp-ov{display:none!important}

.hd-so:not([hidden]){display:block;position:fixed;inset:0;z-index:2147483601;background:var(--hd-white);overflow-y:auto}
@media(min-width:1021px){
  .hd-so:not([hidden]){background:rgba(15,23,42,.45)}
  .hd-so-in{max-width:640px;margin:88px auto 0;background:var(--hd-white);border-radius:20px;box-shadow:0 30px 80px -20px rgba(15,23,42,.45);overflow:hidden;padding-bottom:8px}
}
@media(max-width:1020px){
  .hd .hd-nav,.hd .hd-nav.on{display:none!important}
  .hd .hd-head-in{height:64px;gap:8px}
  .hd .hd-head-act{gap:0;margin-left:auto}
  .hd .hd-icon-user{display:none}
  .hd .hd-burger{background:var(--hm-hover);border-radius:12px;margin-left:6px}
  .hd .hd-burger span{background:var(--hm-blue)}
  .hd-menu{position:fixed;inset:0;z-index:2147483600;background:var(--hd-white);overflow:hidden;color:var(--hm-ink)}
  .hd-menu:not([hidden]){display:block}
  .hd-mp{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--hd-white);transform:translateX(100%);visibility:hidden;transition:transform .3s var(--hm-ease),visibility 0s linear .3s}
  .hd-mp.on{transform:none;visibility:visible;transition:transform .3s var(--hm-ease),visibility 0s}
  .hd-mp[data-panel=root]{transform:translateX(-28%)}
  .hd-mp[data-panel=root].on{transform:none}
}
@media(prefers-reduced-motion:reduce){.hd-mp,.hd-mp.on{transition:none}}
@media(min-width:1021px){.hd-menu{display:none!important}}

/* Promo mobil: eine Zeile, Countdown als TT:SS:MM:SS */
@media(max-width:560px){
  .hd .hd-promo{flex-wrap:nowrap;justify-content:center;gap:8px;min-height:40px;max-height:none;padding:6px 44px 6px 12px}
  .hd .hd-promo-txt{flex:0 1 auto;width:auto;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:18px}
  .hd .hd-lg{display:none}.hd .hd-sm{display:inline}
  .hd .hd-cd{display:none}
  .hd .hd-cd-m{display:inline-block;flex:none;background:var(--hd-white);color:var(--hm-ink);border-radius:6px;padding:2px 7px;font-size:12px;line-height:18px;font-weight:700;font-variant-numeric:tabular-nums}
  .hd .hd-promo-btn,.hd .hd-promo-pill{display:none}
}