.index .store-header{
  position: relative;
}
.banner--fixed img {
  background-color: transparent;
}
.banner-entry {
   background-color: transparent !important;
}

section:nth-of-type(1){
  max-width: 100%;
  margin: unset;
}
section:nth-of-type(1) .container{
  max-width: unset;
  padding: unset;
}
.w-\[323px\] {
    width: 200px;
}

section:nth-of-type(2).s-block.s-block--banners.container
> div.grid.md\:grid-cols-3.two-row.grid-flow-row.gap-3.sm\:gap-8 {

    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
section:nth-of-type(3).s-block.s-block--banners.container
> div.grid.md\:grid-cols-3.two-row.grid-flow-row.gap-3.sm\:gap-8 {

    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}



section.s-block.s-block--banners.container
> div.grid:has(> a.banner-entry:nth-child(5)) {

    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}




section:nth-of-type(3){
  max-width: 660px;
}
section:nth-of-type(2){
  max-width: 660px;
}
section:nth-of-type(2) .md\:grid-cols-3 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .two-row .banner-entry:first-child {
        grid-column: span 1 / span 1;
    }
.two-row .banner-entry:first-child {
        height: 200px;
    }
}

section:nth-of-type(3) .md\:grid-cols-3 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }


 

@media (max-width: 767px) {

   .index .store-header {
    position: relative;
    }
    section.s-block.s-block--banners.container
    > div.grid.md\:grid-cols-3.two-row.grid-flow-row.gap-3.sm\:gap-8:not(:has(> a.banner-entry:nth-child(5))) {

        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }



    section.s-block.s-block--banners.container
    > div.grid.md\:grid-cols-3.two-row.grid-flow-row.gap-3.sm\:gap-8:has(> a.banner-entry:nth-child(5)) {

        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }


  
    section.s-block.s-block--banners.container
    > div.grid.md\:grid-cols-3.two-row.grid-flow-row.gap-3.sm\:gap-8:has(> a.banner-entry:nth-child(5))
    > a.banner-entry.square-photos:nth-child(5) {

        grid-column: 1 / -1 !important;
        width: 50% !important;
        justify-self: center !important;
    }
}

.s-block--banners .banner-entry {
    width: 100%;
    display: block;
}

.s-block--banners .lazy__bg {
    width: 100%;
    aspect-ratio: 1 / 1;
    background-size: contain !important;
    background-position: center;
    background-repeat: no-repeat;
}