/* Device-aware storefront module settings managed from Admin. */
.ow-product-module {
  --ow-columns-desktop: 4;
  --ow-columns-tablet: 3;
  --ow-columns-mobile: 2;
}

.ow-product-module .home9-product-grid,
.ow-product-module .nm-product-grid {
  grid-template-columns: repeat(var(--ow-columns-desktop), minmax(0, 1fr)) !important;
}

.ow-product-module .home9-new-track > .home9-new-item {
  flex: 0 0 calc(100% / var(--ow-columns-desktop)) !important;
  max-width: calc(100% / var(--ow-columns-desktop)) !important;
}

.home9-product-grid > .ow-product-slot,
.nm-product-grid > .ow-product-slot {
  display: contents;
}

.ow-hide-brand .product-brand,
.ow-hide-brand .product-info h3 strong {
  display: none !important;
}

.ow-hide-rating .product-rating,
.ow-hide-rating .card-rating {
  display: none !important;
}

.ow-hide-sku .card-sku {
  display: none !important;
}

.ow-hide-stock .card-stock,
.ow-hide-stock .product-trust {
  display: none !important;
}

.ow-hide-wishlist .favorite-btn {
  display: none !important;
}

.ow-hide-cart .add-cart-form {
  display: none !important;
}

@media (min-width: 1025px) {
  .ow-product-module.ow-hide-on-desktop,
  .ow-hide-on-desktop,
  .ow-hide-desktop {
    display: none !important;
  }
}

@media (min-width: 581px) and (max-width: 1024px) {
  .ow-product-module {
    --product-columns: var(--ow-columns-tablet);
    --module-columns: var(--ow-columns-tablet);
  }

  .ow-product-module .home9-product-grid,
  .ow-product-module .nm-product-grid {
    grid-template-columns: repeat(var(--ow-columns-tablet), minmax(0, 1fr)) !important;
  }

  .ow-product-module .home9-new-track > .home9-new-item {
    flex-basis: calc(100% / var(--ow-columns-tablet)) !important;
    max-width: calc(100% / var(--ow-columns-tablet)) !important;
  }

  .ow-product-module.ow-hide-on-tablet,
  .ow-hide-on-tablet,
  .ow-hide-tablet {
    display: none !important;
  }
}

@media (max-width: 580px) {
  .ow-product-module {
    --product-columns: var(--ow-columns-mobile);
    --module-columns: var(--ow-columns-mobile);
  }

  .ow-product-module .home9-product-grid,
  .ow-product-module .nm-product-grid {
    grid-template-columns: repeat(var(--ow-columns-mobile), minmax(0, 1fr)) !important;
  }

  .ow-product-module .home9-new-track > .home9-new-item {
    flex-basis: calc(100% / var(--ow-columns-mobile)) !important;
    max-width: calc(100% / var(--ow-columns-mobile)) !important;
  }

  .ow-product-module.ow-hide-on-mobile,
  .ow-hide-on-mobile,
  .ow-hide-mobile {
    display: none !important;
  }
}
