/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./cartridges/org_marykay/cartridge/client/default/scss/experience/components/commerce_assets/customProductTile.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.mobile-2r-2c .region-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.experience-commerce_assets-customProductTile { /* stylelint-disable-line selector-class-pattern */
  height: 100%;
}

.marykay-custom-product-tile-component {
  position: relative;
}
@media (min-width: 768px) {
  .marykay-custom-product-tile-component {
    height: 100%;
  }
}
.marykay-custom-product-tile-component .product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  height: 100%;
}
.marykay-custom-product-tile-component .product-tile-error .alert {
  border-radius: 0.5rem;
  border-width: 2px;
}

/*# sourceMappingURL=customProductTile.css.map*/