/* Mobile Ansicht für Phoca Cart: Bilder auf volle Breite */
@media (max-width: 767.98px) {

  /* 1. Bild-Container in der Kategorie-/Katalogansicht */
  .ph-item .ph-item-image,
  .ph-item .ph-image-box,
  .ph-item-box .ph-image-box {
    width: 100% !important;
    text-align: center;
  }

  /* 2. Produktbilder in Kategorieansicht auf volle Spaltenbreite strecken */
  .ph-item .ph-item-image img,
  .ph-item .ph-image-box img,
  .ph-item-box .ph-image-box img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain; /* Behält Proportionen bei ohne Verzerrung */
    display: block;
    margin: 0 auto;
  }

  /* 3. Produktdetailseite: Hauptbild auf volle Breite */
  .ph-item-view .ph-image-full,
  .ph-item-view .ph-image-full img,
  .ph-item-view .ph-main-image-box img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block;
    margin: 0 auto;
  }
/* 1. Desktop & große Bildschirme: 35px Abstand */
#sp-main-body,
#sp-main-body .container {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

/* 2. Mobile Endgeräte (Smartphones bis 767px Breite): 5px Abstand */
@media (max-width: 767.98px) {
    #sp-main-body,
    #sp-main-body .container {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}