/**
 * Ograniczenie szerokości lewego paska bocznego i zawartości głównej,
 * aby nie wychodziły poza obszar kontenera witryny (Olivero style link).
 */
@media (min-width: 75rem) {
  .body{
    margin: 0 auto;
    background-image:none !important;
    background: none !important;
  }
  .site-header__inner__container{
    margin-left: 0 !important;
  }
  .main-content__container{
    margin: 0 auto !important;
  }
  #page-wrapper{
    /* odpowiada za wysrodkowanie*/
    /* margin: 0 auto !important; */
  }
  .main-content{
  
  }
  /* 1. Kontener siatki - dopasowujemy szerokość do głównego kontenera strony */
  .layout-main-wrapper .sidebar-grid.grid-full {
    display: grid !important;
    grid-template-columns: repeat(12, 1fr) !important;
    gap: var(--grid-gap) !important;
    width: 100% !important;
    max-width: var(--max-width) !important; /* Wymuszenie globalnej szerokości Olivero */
    margin-inline: auto !important;         /* Wyśrodkowanie kontenera */
    padding-inline: 0 !important;           /* Usunięcie rozpychających wewnętrznych marginesów */
  }

  /* 2. Pasek boczny - grzecznie zajmuje 3 kolumny */
  .layout-main-wrapper .sidebar-grid.grid-full aside.sidebar {
    grid-column: 1 / span 3 !important;
    grid-row: 1 !important;
    width: auto !important;
    margin: 0 !important;
  }

  /* 3. Główna treść - zajmuje 9 kolumn i idealnie trzyma się prawej krawędzi */
  .layout-main-wrapper .sidebar-grid.grid-full main.site-main,
  .layout-main-wrapper .sidebar-grid.grid-full main.main-content {
    grid-column: 4 / span 9 !important;
    grid-row: 1 !important;
    width: auto !important;
    margin: 0 !important;
  }




}