/* Einfach Haltbar – Homepage Mobile Polish v1.1.4
   Contract: ONLY <=760px. Desktop >=761px is intentionally untouched. */
@media (max-width:760px){
  body.eh-home-mobile-polish-114{
    --ehm-edge:14px;
  }

  /* 1. Header: stays at the top of the document instead of following scroll. */
  body.eh-home-mobile-polish-114 .eh7-nav,
  body.eh-home-mobile-polish-114.admin-bar .eh7-nav{
    position:relative!important;
    top:auto!important;
    backdrop-filter:none!important;
  }
  body.eh-home-mobile-polish-114 .eh7-nav-inner{
    width:calc(100% - 24px)!important;
    height:56px!important;
    gap:10px!important;
  }
  body.eh-home-mobile-polish-114 .eh7-logo-name{font-size:20px!important}
  body.eh-home-mobile-polish-114 .eh7-logo-claim{font-size:5.8px!important;letter-spacing:.22em!important}
  body.eh-home-mobile-polish-114 .eh7-menu-button{
    width:48px!important;height:48px!important;padding:11px!important;
  }

  /* 2. Hero: mobile-specific crop makes Micha/Kochtopf immediately recognizable. */
  body.eh-home-mobile-polish-114 .eh7-hero{
    display:block!important;
    min-height:0!important;
    background:#082e26!important;
  }
  body.eh-home-mobile-polish-114 .eh7-hero-photo{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:292px!important;
    /* The hub supplies its own .ehh-hero image; no missing homepage asset. */
    background-size:cover!important;
    background-position:center 44%!important;
    filter:saturate(.98) contrast(1.01) brightness(1.06)!important;
  }
  body.eh-home-mobile-polish-114 .eh7-hero:before{
    top:0!important;right:0!important;bottom:auto!important;left:0!important;
    height:292px!important;
    background:linear-gradient(180deg,rgba(2,18,14,.02) 0%,rgba(2,18,14,.04) 58%,rgba(2,18,14,.48) 100%)!important;
  }
  body.eh-home-mobile-polish-114 .eh7-hero-copy{
    padding:22px 0 28px!important;
  }
  body.eh-home-mobile-polish-114 .eh7-eyebrow{margin-bottom:10px!important}
  body.eh-home-mobile-polish-114 .eh7-hero h1{
    max-width:none!important;
    font-size:clamp(42px,11.5vw,49px)!important;
    line-height:.96!important;
    letter-spacing:-.045em!important;
  }
  body.eh-home-mobile-polish-114 .eh7-hero-copy>p:not(.eh7-eyebrow){
    max-width:none!important;
    margin-top:14px!important;
    font-size:14.5px!important;
    line-height:1.5!important;
  }
  body.eh-home-mobile-polish-114 .eh7-hero .eh7-actions{
    margin-top:18px!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:7px!important;
  }
  body.eh-home-mobile-polish-114 .eh7-btn{
    min-height:48px!important;
  }
  body.eh-home-mobile-polish-114 .eh7-hero .eh7-btn{width:100%!important}
  body.eh-home-mobile-polish-114 .eh7-hero .eh7-text-link{
    min-height:44px!important;
    justify-content:center!important;
  }

  /* 3. Intent area: preserve Desktop look, reduce vertical fatigue. */
  body.eh-home-mobile-polish-114 .eh7-intro{padding:22px 0 24px!important}
  body.eh-home-mobile-polish-114 .eh7-intro-copy{padding:0 0 6px!important}
  body.eh-home-mobile-polish-114 .eh7-intro-copy h2{
    font-size:clamp(30px,8.6vw,36px)!important;
    line-height:1.08!important;
    gap:.10em!important;
  }
  body.eh-home-mobile-polish-114 .eh7-intent-card{
    min-height:138px!important;
    padding:15px!important;
  }
  body.eh-home-mobile-polish-114 .eh7-intent-card strong{
    margin-top:24px!important;
    font-size:25px!important;
  }

  /* 4. Month pick: image-first but much more compact on a phone. */
  body.eh-home-mobile-polish-114 .eh7-month-pick{padding:12px 0 14px!important}
  body.eh-home-mobile-polish-114 .eh7-month-card{border-radius:18px!important}
  body.eh-home-mobile-polish-114 .eh7-month-media{
    min-height:164px!important;
    max-height:164px!important;
  }
  body.eh-home-mobile-polish-114 .eh7-month-media img{
    object-position:38% 47%!important;
  }
  body.eh-home-mobile-polish-114 .eh7-month-copy{padding:17px 15px 15px!important}
  body.eh-home-mobile-polish-114 .eh7-month-copy h2{
    font-size:30px!important;
    line-height:1.03!important;
  }
  body.eh-home-mobile-polish-114 .eh7-month-name{
    margin-top:11px!important;font-size:13.5px!important;
  }
  body.eh-home-mobile-polish-114 .eh7-month-text{
    font-size:11.5px!important;line-height:1.45!important;
  }
  body.eh-home-mobile-polish-114 .eh7-month-specs{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
  }
  body.eh-home-mobile-polish-114 .eh7-month-specs span{
    justify-content:center!important;
    min-height:32px!important;
    padding:0 8px!important;
    font-size:8.5px!important;
  }
  body.eh-home-mobile-polish-114 .eh7-month-copy .eh7-actions{
    margin-top:12px!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:7px!important;
  }
  body.eh-home-mobile-polish-114 .eh7-month-cta{width:100%!important;min-height:48px!important}
  body.eh-home-mobile-polish-114 .eh7-month-copy .eh7-text-link{
    min-height:40px!important;
    justify-content:center!important;
  }

  /* 5. Search: 48px interaction height. */
  body.eh-home-mobile-polish-114 .eh7-search-section{padding:20px 0 21px!important}
  body.eh-home-mobile-polish-114 .eh7-search-wrap{
    width:calc(100% - 28px)!important;
  }
  body.eh-home-mobile-polish-114 .eh7-search-wrap h2{
    font-size:30px!important;line-height:1!important;
  }
  body.eh-home-mobile-polish-114 .eh7-search{
    min-height:48px!important;
    margin-top:13px!important;
    grid-template-columns:minmax(0,1fr) 86px!important;
  }
  body.eh-home-mobile-polish-114 .eh7-search input{height:40px!important;font-size:13px!important}
  body.eh-home-mobile-polish-114 .eh7-search button{min-height:40px!important}

  /* 6. Methods: keep the 2x2 visual language but make it readable. */
  body.eh-home-mobile-polish-114 .eh7-methods{padding:23px 0 25px!important}
  body.eh-home-mobile-polish-114 .eh7-center-head h2{
    font-size:clamp(27px,7.7vw,30px)!important;
    line-height:1.04!important;
    white-space:nowrap!important;
  }
  body.eh-home-mobile-polish-114 .eh7-center-head h2 em{
    display:block!important;
    white-space:nowrap!important;
    margin-top:.08em!important;
  }
  body.eh-home-mobile-polish-114 .eh7-method-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    margin-top:15px!important;
  }
  body.eh-home-mobile-polish-114 .eh7-method{
    min-height:154px!important;
    padding:12px!important;
  }
  body.eh-home-mobile-polish-114 .eh7-method h3{
    top:39%!important;
    font-size:22px!important;
  }
  body.eh-home-mobile-polish-114 .eh7-method p{
    padding-top:28px!important;
    font-size:10.5px!important;
    line-height:1.35!important;
  }
  body.eh-home-mobile-polish-114 .eh7-method span{font-size:9.5px!important}

  /* 7. Buying guide: readable hierarchy, one strong CTA. */
  body.eh-home-mobile-polish-114 .eh7-commerce{padding:22px 0 24px!important}
  body.eh-home-mobile-polish-114 .eh7-commerce-media{
    min-height:100px!important;
    padding:10px 8px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  body.eh-home-mobile-polish-114 .eh7-commerce-media img{
    width:100%!important;
    height:auto!important;
    max-height:92px!important;
    object-fit:contain!important;
    object-position:center!important;
  }
  body.eh-home-mobile-polish-114 .eh7-commerce-copy h2{
    font-size:clamp(29px,8.1vw,32px)!important;
    line-height:1.04!important;
    white-space:nowrap!important;
  }
  body.eh-home-mobile-polish-114 .eh7-commerce-copy h2 span,
  body.eh-home-mobile-polish-114 .eh7-commerce-copy h2 em{
    display:block!important;
    white-space:nowrap!important;
  }
  body.eh-home-mobile-polish-114 .eh7-commerce-copy>p:not(.eh7-kicker){
    font-size:13px!important;line-height:1.5!important;
  }
  body.eh-home-mobile-polish-114 .eh7-commerce-copy .eh7-actions{
    flex-direction:column!important;align-items:stretch!important;gap:7px!important;
  }
  body.eh-home-mobile-polish-114 .eh7-commerce-copy .eh7-btn{width:100%!important}
  body.eh-home-mobile-polish-114 .eh7-commerce-copy .eh7-text-link{
    min-height:42px!important;justify-content:center!important;
  }

  /* 8. Difference: 2x2 instead of four tall full-width cards. */
  body.eh-home-mobile-polish-114 .eh7-difference{padding:22px 0 25px!important}
  body.eh-home-mobile-polish-114 .eh7-diff-head h2{
    font-size:clamp(25px,7vw,28px)!important;
    line-height:1.10!important;
    overflow:visible!important;
  }
  body.eh-home-mobile-polish-114 .eh7-diff-head h2 em{
    display:inline-block!important;
    white-space:nowrap!important;
    line-height:1.14!important;
    padding-bottom:.16em!important;
    overflow:visible!important;
  }
  body.eh-home-mobile-polish-114 .eh7-diff-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    margin-top:15px!important;
  }
  body.eh-home-mobile-polish-114 .eh7-diff-grid article{
    min-height:156px!important;
    padding:12px!important;
  }
  body.eh-home-mobile-polish-114 .eh7-diff-grid h3{
    margin-bottom:10px!important;font-size:16.5px!important;
  }
  body.eh-home-mobile-polish-114 .eh7-diff-grid dl{gap:6px!important}
  body.eh-home-mobile-polish-114 .eh7-diff-grid dl div{padding-top:5px!important}
  body.eh-home-mobile-polish-114 .eh7-diff-grid dt{font-size:6.8px!important}
  body.eh-home-mobile-polish-114 .eh7-diff-grid dd{font-size:9.5px!important}

  /* 9. Topics: single-column scan, larger tap rows. */
  body.eh-home-mobile-polish-114 .eh7-topics{padding:22px 0 24px!important}
  body.eh-home-mobile-polish-114 .eh7-topics>.eh7-shell{padding:13px!important;border-radius:18px!important}
  body.eh-home-mobile-polish-114 .eh7-topic-title h2{font-size:34px!important}
  body.eh-home-mobile-polish-114 .eh7-topic-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin-top:15px!important;
  }
  body.eh-home-mobile-polish-114 .eh7-topic-list a{
    min-height:68px!important;
    grid-template-columns:72px 1fr auto!important;
  }
  body.eh-home-mobile-polish-114 .eh7-topic-list img{width:72px!important;height:52px!important}
  body.eh-home-mobile-polish-114 .eh7-topic-list strong{font-size:11px!important}
  body.eh-home-mobile-polish-114 .eh7-topic-list small{font-size:8.5px!important}

  /* 10. Season & guides: preserve look, trim scroll height. */
  body.eh-home-mobile-polish-114 .eh7-season{padding:18px 0!important}
  body.eh-home-mobile-polish-114 .eh7-season-card{
    min-height:236px!important;
    background-position:66% center!important;
  }
  body.eh-home-mobile-polish-114 .eh7-season-copy{padding:86px 16px 17px!important}
  body.eh-home-mobile-polish-114 .eh7-season-copy h2{font-size:32px!important;line-height:1!important}
  body.eh-home-mobile-polish-114 .eh7-season-cta{min-height:48px!important}

  body.eh-home-mobile-polish-114 .eh7-guides{padding:18px 0!important}
  body.eh-home-mobile-polish-114 .eh7-guide-copy{padding:0 0 4px!important}
  body.eh-home-mobile-polish-114 .eh7-guide-copy h2{font-size:34px!important;line-height:1.04!important}
  body.eh-home-mobile-polish-114 .eh7-guide-card{min-height:128px!important;padding:15px!important}
  body.eh-home-mobile-polish-114 .eh7-guide-card strong{font-size:22px!important}

  /* 11. Clear mobile focus + no accidental horizontal overflow. */
  body.eh-home-mobile-polish-114 .eh7-home a:focus-visible,
  body.eh-home-mobile-polish-114 .eh7-home button:focus-visible,
  body.eh-home-mobile-polish-114 .eh7-nav button:focus-visible,
  body.eh-home-mobile-polish-114 .eh7-nav a:focus-visible{
    outline:3px solid rgba(214,101,29,.72)!important;
    outline-offset:3px!important;
  }
}


/* v1.1.4 — mobile line-contract + overflow root fix */
@media (max-width:760px){
  /* Hero must be exactly two visual lines: pre-BR line + italic line. */
  body.eh-home-mobile-polish-114 .eh7-hero h1{
    font-size:clamp(34px,9.4vw,40px)!important;
    line-height:.98!important;
    white-space:nowrap!important;
    max-width:100%!important;
  }
  body.eh-home-mobile-polish-114 .eh7-hero h1 em{
    display:block!important;
    white-space:nowrap!important;
    margin-top:.03em!important;
  }

  /* Root cause of horizontal scroll: .eh7-topic-title is also .eh7-center-head,
     so the generic mobile nowrap contract was leaking into this long title. */
  body.eh-home-mobile-polish-114 .eh7-topics,
  body.eh-home-mobile-polish-114 .eh7-topics>.eh7-shell,
  body.eh-home-mobile-polish-114 .eh7-topic-title,
  body.eh-home-mobile-polish-114 .eh7-topic-grid,
  body.eh-home-mobile-polish-114 .eh7-topic-card{
    min-width:0!important;
    max-width:100%!important;
  }
  body.eh-home-mobile-polish-114 .eh7-topic-title h2{
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    max-width:100%!important;
    font-size:clamp(30px,8.1vw,34px)!important;
    line-height:1.02!important;
  }
  body.eh-home-mobile-polish-114 .eh7-topic-title h2 em{
    white-space:normal!important;
  }
  body.eh-home-mobile-polish-114 .eh7-topic-title>p:last-child{
    max-width:31ch!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Safety guard: no homepage child may create horizontal page panning. */
  body.eh-home-mobile-polish-114 .eh7-home{
    width:100%!important;
    max-width:100%!important;
    overflow-x:clip!important;
  }
}


/* Desktop-only anchor offset. Visual Desktop v1.0.10 remains unchanged. */
@media (min-width:761px){
  body.eh-home-mobile-polish-114 #methoden{
    scroll-margin-top:88px!important;
  }
}
