/* Add custom CSS styles below */ 
/* AB: banner 30% desktop vs mobile */
@media (max-width: 767px) { section.s-block--fixed-banner:has(img[src*="a6edc2c6"]) { display: none !important; } }
@media (min-width: 768px) { section.s-block--fixed-banner:has(img[src*="5f67bac1"]) { display: none !important; } }
/* AB: mobile swipe rows for multi-banner sections */
@media (max-width: 767px) {
  .s-block--fixed-banner .grid.md\:grid-cols-2, .s-block--fixed-banner .grid.md\:grid-cols-3 { display: flex !important; overflow-x: auto; scroll-snap-type: x mandatory; gap: 10px; padding-bottom: 6px; scrollbar-width: none; }
  .s-block--fixed-banner .grid.md\:grid-cols-2::-webkit-scrollbar, .s-block--fixed-banner .grid.md\:grid-cols-3::-webkit-scrollbar { display: none; }
  .s-block--fixed-banner .grid.md\:grid-cols-2 > .banner, .s-block--fixed-banner .grid.md\:grid-cols-3 > .banner { flex: 0 0 82%; scroll-snap-align: center; }

}
/* AB: hide offers side image on mobile/tablet (hero already shows it) */
@media (max-width: 1023px) { .s-block--products-grid-with-side-fixedarea .block-inner > div:has(> .bg-area) { display: none !important; } }

/* AB: offers grid full width on all devices (no duplicate side banner) */
.s-block--products-grid-with-side-fixedarea .block-inner > div:has(> .bg-area) { display: none !important; }
.s-block--products-grid-with-side-fixedarea .block-inner > div:not(:has(> .bg-area)) { width: 100% !important; max-width: 100% !important; flex: 1 1 100% !important; }