/* PANDABU RC9.8 – Mobile Landing Polish */

/* Mobile: Vorrat -> Einkauf -> Auffüllen ohne horizontales Scrollen */
@media (max-width: 600px){
  .rc5-story{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:32px!important;
    align-items:stretch!important;
  }

  .rc5-story-visual{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    padding:16px!important;
    border-radius:24px!important;
  }

  .rc5-flow-card{
    flex:none!important;
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:68px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:14px!important;
    row-gap:3px!important;
    align-items:center!important;
    padding:14px!important;
    text-align:left!important;
  }

  .rc5-flow-card img{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    width:60px!important;
    height:60px!important;
    margin:0!important;
  }

  .rc5-flow-card strong{
    grid-column:2!important;
    grid-row:1!important;
    margin:0!important;
    font-size:14px!important;
    line-height:1.25!important;
    text-align:left!important;
  }

  .rc5-flow-card span{
    grid-column:2!important;
    grid-row:2!important;
    margin:0!important;
    font-size:11px!important;
    line-height:1.35!important;
    text-align:left!important;
  }

  .rc5-flow-arrow{
    flex:none!important;
    width:100%!important;
    height:23px!important;
    display:grid!important;
    place-items:center!important;
    font-size:0!important;
    line-height:1!important;
  }

  .rc5-flow-arrow::after{
    content:"↓";
    color:var(--accent)!important;
    font-size:23px!important;
    font-weight:950!important;
    line-height:1!important;
  }

  .rc5-story-copy h2{
    font-size:clamp(36px,11vw,48px)!important;
    line-height:1.02!important;
    letter-spacing:-1.6px!important;
  }

  .rc5-story-copy p{
    font-size:16px!important;
    line-height:1.55!important;
  }
}

@media (max-width: 390px){
  .rc5-story-visual{padding:13px!important}
  .rc5-flow-card{
    grid-template-columns:56px minmax(0,1fr)!important;
    column-gap:10px!important;
    padding:12px!important;
  }
  .rc5-flow-card img{width:50px!important;height:50px!important}
  .rc5-flow-card strong{font-size:13px!important}
  .rc5-flow-card span{font-size:10.5px!important}
}


/* RC9.9 – Mobile Hero: Panda-Augen freihalten */
@media (max-width:600px){
  .rc5-hero-visual{
    height:430px!important;
  }

  .rc5-panda-main{
    position:relative!important;
    z-index:2!important;
  }

  .rc5-preview-today{
    left:0!important;
    top:36px!important;
  }

  .rc5-preview-shopping{
    right:-2px!important;
    top:206px!important;
  }

  .rc5-preview-stock{
    left:6px!important;
    bottom:26px!important;
  }
}

@media (max-width:390px){
  .rc5-hero-visual{
    height:420px!important;
  }

  .rc5-preview-today{
    top:30px!important;
  }

  .rc5-preview-shopping{
    top:198px!important;
    right:-4px!important;
  }

  .rc5-preview-stock{
    bottom:22px!important;
  }
}