/* Harmonieoase – mobiler Header (nur <=767px, Desktop unverändert) */
.hom-tiles{display:none}
@media (max-width:767px){
  body,.ho-site{overflow-x:clip!important;overflow-y:visible!important}
  .ho-header{position:sticky;top:0;z-index:999;background:#FFFCF3;box-shadow:0 1px 0 #E4D9C6;transition:box-shadow .2s}
  .ho-header .ho-header-main{display:grid!important;grid-template-columns:auto 1fr;grid-template-areas:"logo logo" "menu tiles" "search search"!important;align-items:center;gap:8px 8px;padding:8px 14px 10px!important}
  .ho-header .ho-logo{grid-area:logo!important;justify-self:start;width:auto!important;margin:0!important}
  .ho-header .ho-logo img{height:52px!important;width:auto!important;transition:height .2s}
  .ho-header .ho-header-actions{display:contents!important}
  .ho-header .ho-mobile-actions-button{grid-area:menu!important;position:static!important;justify-self:start;display:inline-flex!important;flex-direction:row!important;min-width:0!important;align-items:center;gap:10px;min-height:48px;padding:0 6px!important;border:0!important;background:none!important;box-shadow:none!important;color:#3B2F22;font-weight:700;font-size:17px;cursor:pointer}
  /* Hamburger als sauberes SVG (3 gleich lange Striche), statt Rahmen/Pseudo-Elemente */
  .ho-header .ho-mobile-actions-icon{order:-1;display:block!important;position:static!important;width:24px!important;height:24px!important;border:0!important;box-shadow:none!important;transform:none!important;background:#C86B2B!important;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6h18M3 12h18M3 18h18' stroke='%23000' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/24px 24px no-repeat;
            mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6h18M3 12h18M3 18h18' stroke='%23000' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/24px 24px no-repeat}
  .ho-header .ho-mobile-actions-icon::before,.ho-header .ho-mobile-actions-icon::after{content:none!important;display:none!important}
  .ho-header .ho-mobile-actions-button:has(input:checked) .ho-mobile-actions-icon{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 6l12 12M18 6L6 18' stroke='%23000' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E");
            mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 6l12 12M18 6L6 18' stroke='%23000' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E")}
  .ho-header .ho-mobile-actions-button{line-height:1;justify-content:flex-start!important;width:auto!important;margin:0!important}
  .ho-header .ho-mobile-actions-button:has(input:checked){padding:0 14px!important}
  .ho-header .ho-mobile-actions-button:has(input:checked) .ho-mobile-actions-icon{background:#fff!important}
  .ho-header .ho-cart-link{display:none!important}
  .hom-tiles{grid-area:tiles!important;justify-self:end;display:flex;gap:8px;min-height:48px}
  .ho-header .hom-tile{position:relative;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;min-width:0;margin:0;border:1px solid #E4D9C6!important;border-radius:10px!important;background:#fff!important;color:#C86B2B!important;box-shadow:none!important;padding:0!important;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .hom-tile:focus-visible{outline:3px solid #C86B2B;outline-offset:2px}
  .hom-tile svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .ho-header .hom-tile[aria-expanded=true]{background:#C86B2B!important;color:#fff!important;border-color:#C86B2B!important}
  .hom-badge{position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#3B2F22;color:#fff;font:700 12px/20px system-ui,sans-serif;text-align:center}
  .hom-badge[data-count="0"]{display:none}
  .ho-header .ho-search{grid-area:search;display:none!important;margin:0!important;padding:10px!important;grid-template-columns:1fr auto;gap:8px}
  .ho-header .ho-search select{display:none!important}
  .ho-header.hom-search-open .ho-search{display:grid!important}
  .ho-header .ho-search input[type=search]{min-height:48px;font-size:16px}
  .ho-header .ho-search button{min-height:48px;margin:0!important;padding:0 16px!important;width:auto!important}
  .ho-header .ho-nav{display:none!important}
  .ho-header .ho-header-links{grid-column:1/-1!important;grid-row:4!important}
  .ho-header.hom-compact .ho-header-links{max-height:calc(100vh - 80px);overflow-y:auto}
  /* kompakt beim Scrollen: Logo + Kacheln in einer Zeile */
  .ho-header.hom-compact{box-shadow:0 4px 14px rgba(59,47,34,.12)}
  .ho-header.hom-compact .ho-header-main{grid-template-columns:auto auto 1fr;grid-template-areas:"menu logo tiles" "search search search"!important;padding:6px 10px!important}
  .ho-header.hom-compact .ho-logo img{height:34px!important}
  .ho-header.hom-compact .ho-mobile-actions-button span:not(.ho-mobile-actions-icon){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .ho-header.hom-compact .hom-tiles{gap:6px}
  .ho-header.hom-compact .ho-header .hom-tile,.ho-header.hom-compact .hom-tile{width:44px;height:44px}
}
@media (max-width:767px) and (prefers-reduced-motion:reduce){.ho-header,.ho-header *{transition:none!important}}

/* cart-header-20261025 Teil 2: kompakte Leiste – keine Sprünge beim Hochscrollen, Zähler-Badge nicht abgeschnitten */
@media (max-width:767px){
  .ho-header.hom-compact{margin-bottom:66px}
  .ho-header.hom-compact .ho-header-main{padding:10px 10px 6px!important}
  .ho-header.hom-compact .hom-badge{top:-6px;right:-6px}
}

/* cart-header-20261025 Teil 4: klares Tipp-Feedback Header-Buttons (Handy) */
@media (max-width:767px){
.ho-header .hom-tile,.ho-header .ho-mobile-actions-button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform 100ms ease,background-color 100ms ease,border-color 100ms ease,color 100ms ease;-webkit-user-select:none;user-select:none}
.ho-header .hom-tile:active,.ho-header .hom-tile.is-pressed{transform:scale(.92);background:#A9561F!important;border-color:#A9561F!important;color:#fff!important}
.ho-header .ho-mobile-actions-button:active,.ho-header .ho-mobile-actions-button.is-pressed{transform:scale(.92);background:#A9561F!important;border-color:#A9561F!important;color:#fff!important;border-radius:10px}
.ho-header .ho-mobile-actions-button.is-pressed *{color:#fff!important;stroke:#fff}
}

/* cart-header-20261025 Teil 5: Hamburger-Linien weiß beim Drücken + aktuelle Seite bleibt markiert */
@media (max-width:767px){
.ho-header .ho-mobile-actions-button:active .ho-mobile-actions-icon,.ho-header .ho-mobile-actions-button.is-pressed .ho-mobile-actions-icon,
.ho-header .ho-mobile-actions-button:active .ho-mobile-actions-icon::before,.ho-header .ho-mobile-actions-button.is-pressed .ho-mobile-actions-icon::before,
.ho-header .ho-mobile-actions-button:active .ho-mobile-actions-icon::after,.ho-header .ho-mobile-actions-button.is-pressed .ho-mobile-actions-icon::after,
.ho-header .ho-mobile-actions-button:has(input:checked) .ho-mobile-actions-icon,.ho-header .ho-mobile-actions-button:has(input:checked) .ho-mobile-actions-icon::before,.ho-header .ho-mobile-actions-button:has(input:checked) .ho-mobile-actions-icon::after{background-color:#fff!important;border-color:#fff!important;color:#fff!important}
body.woocommerce-cart .ho-header .hom-tile--cart,body.woocommerce-checkout .ho-header .hom-tile--cart,
body.woocommerce-account .ho-header .hom-tile--account,
body.search .ho-header .hom-tile--search,body.search-results .ho-header .hom-tile--search,.ho-header .hom-tile--search[aria-expanded=true],
.ho-header .hom-tile[aria-current=page],
.ho-header .ho-mobile-actions-button:has(input:checked){background:#A9561F!important;border-color:#A9561F!important;color:#fff!important}
.ho-header .ho-mobile-actions-button:has(input:checked) *{color:#fff!important}
}

/* mobile-menu-scroll-20261026 + mobile-add-to-cart-20261026 */
@media (max-width:767px){
  .ho-header,.ho-header *{overflow-anchor:none;}
  /* Checkbox lag absolut weit unten: Fokus beim Antippen scrollte die Seite */
  .ho-header .ho-mobile-actions-toggle{position:fixed !important;top:0 !important;left:0 !important;}
  html.ho-menu-locked{overflow:hidden;}
  body.ho-menu-locked{position:fixed;left:0;right:0;width:100%;overflow:hidden;}
  body.ho-menu-locked .ho-header{position:fixed !important;top:0 !important;left:0;right:0;margin-bottom:0 !important;z-index:1000;}
  .ho-header .ho-header-actions:has(.ho-mobile-actions-toggle:checked) .ho-header-links{max-height:calc(100vh - 150px);max-height:calc(100dvh - 150px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;}
  .ho-header.hom-compact .ho-header-actions:has(.ho-mobile-actions-toggle:checked) .ho-header-links{max-height:calc(100vh - 90px);max-height:calc(100dvh - 90px);}
}
@keyframes hoCountBump{0%{transform:scale(1)}40%{transform:scale(1.35)}100%{transform:scale(1)}}
.ho-cart-count.ho-count-bump{animation:hoCountBump .35s ease-out;}
.ho-atc-busy{opacity:.7;pointer-events:none;}
@media (prefers-reduced-motion:reduce){.ho-cart-count.ho-count-bump{animation:none;}}