#apLaserSideBySideWrap{
  display:grid;
  grid-template-columns:minmax(0,0.48fr) minmax(0,0.52fr);
  gap:16px;
  align-items:start;
  margin-top:14px;
}

#apLaserSideBySideWrap > .card,
#apLaserSideBySideWrap > section{
  width:100%;
  margin-top:0 !important;
  box-sizing:border-box;
}

/* Beide Bereiche optisch ruhiger */
#apLaserSideBySideWrap .card,
#apLaserSideBySideWrap section{
  border-radius:22px;
}

/* Shop-/Kirmesbereich kompakter machen */
#apLaserSideBySideWrap #apLaserShopmodusBox{
  padding:16px;
}

#apLaserSideBySideWrap #apLaserShopmodusBox h2{
  font-size:20px;
  margin-bottom:4px;
}

#apLaserSideBySideWrap #apLaserShopmodusBox .muted{
  font-size:13px;
  margin-bottom:10px;
}

/* Eingaben rechts zweispaltig */
#apLaserSideBySideWrap #apLaserShopmodusBox .form-grid{
  grid-template-columns:repeat(2,minmax(160px,1fr));
  gap:10px;
}

#apLaserSideBySideWrap #apLaserShopmodusBox input,
#apLaserSideBySideWrap #apLaserShopmodusBox select{
  min-height:38px;
  padding:7px 10px;
}

/* Ergebnis rechts wieder zweispaltig statt lange Liste */
#apLaserSideBySideWrap #apShopResultRows{
  grid-template-columns:repeat(2,minmax(160px,1fr));
  gap:8px;
  margin-top:12px;
}

#apLaserSideBySideWrap #apShopResultRows > div{
  min-height:38px;
  padding:9px 12px;
}

#apLaserSideBySideWrap #apShopResultRows span{
  font-size:12px;
}

#apLaserSideBySideWrap #apShopResultRows strong{
  font-size:14px;
}

/* Bewertung über volle Breite */
#apLaserSideBySideWrap #apShopResultRows > div:nth-last-child(1){
  grid-column:1 / -1;
}

/* Buttonzeile ruhiger */
#apLaserSideBySideWrap .ap-shop-actions{
  margin-top:10px;
  gap:8px;
}

#apLaserSideBySideWrap #apLaserShopmodusBox button{
  padding:9px 14px;
}

/* Linke manuelle Werte nicht unnötig aufblasen */
#apLaserSideBySideWrap input,
#apLaserSideBySideWrap select{
  max-width:100%;
}

@media(max-width:1200px){
  #apLaserSideBySideWrap{
    grid-template-columns:1fr;
  }

  #apLaserSideBySideWrap #apLaserShopmodusBox .form-grid,
  #apLaserSideBySideWrap #apShopResultRows{
    grid-template-columns:repeat(2,minmax(160px,1fr));
  }
}

@media(max-width:700px){
  #apLaserSideBySideWrap #apLaserShopmodusBox .form-grid,
  #apLaserSideBySideWrap #apShopResultRows{
    grid-template-columns:1fr;
  }

  #apLaserSideBySideWrap #apShopResultRows > div:nth-last-child(1){
    grid-column:auto;
  }
}
