/* Global Styles */
@import "../global/global.css";

/* Page Styles */
@import "./hero-section.css";
@import "./search-nymbl.css";
@import "./request-banner.css";

.store-sections {
  position: relative;
  background-color: var(--strawberry);
  display: flex;
  flex-direction: column;
  row-gap: 40px;
  padding-top: 36px;
  padding-bottom: 40px;
}

.store-sections .lines-container {
  opacity: .4;
}

/* TABLET */
@media (min-width: 768px) {
  .store-sections {
    row-gap: 48px;
    padding-top: 56px;
    padding-bottom: 64px;
  }
}

/* DESKTOP */
@media (min-width: 1280px) {
  .store-sections {
    row-gap: 80px;
    padding-top: 80px;
    padding-bottom: 96px;
  }
}

/* WIDER */
@media (min-width: 1536px) {
  .store-sections {
    row-gap: 112px;
    padding-top: 100px;
    padding-bottom: 120px;
  }
}