challenge-vtex-io-carlos-winter/styles/css/agenciamagma.store-theme.css

/*
0 - 600PX: Phone
600 - 900px: Table portrait
900 - 1200px: Tablet landscape
[1200 - 1800] is where our nortal styles apply
1800px + : Big desktop
*/
/* Media Query M3 */
/* Grid breakpoints */
.html {
  background-color: red;
}

.html--pdp-breadcrumb {
  background-color: transparent;
}

.html--addButton {
  width: 100%;
}

:global(.vtex-store-components-3-x-discountInsideContainer) {
  display: none !important;
}

.html--prateleira-flexcol {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .html--prateleira-flexcol {
    gap: 8px;
  }
}
@media (min-width: 2560px) {
  .html--prateleira-flexcol {
    min-width: 434.4px;
    min-height: 568.4px;
  }
}

.html--slider-layout-wrapper {
  max-width: 96rem;
  margin: auto;
}
@media (min-width: 2560px) {
  .html--slider-layout-wrapper {
    margin: 0 350px !important;
    max-width: 100%;
  }
}

@media (max-width: 1024px) {
  .html--cart-content {
    flex-direction: column;
  }
}