/* function to convert the calc function in to rem based
$first- should be in % */
/** Slick Carousel Starts **/
/** Slick Carousel Ends **/
/* override default breakpoints */
.plp-bundle {
  bottom: 0;
  left: 0;
  z-index: 999;
  background-color: #fff;
  -webkit-box-shadow: 0rem -0.25rem 0.5rem rgba(0, 0, 0, 0.15);
          box-shadow: 0rem -0.25rem 0.5rem rgba(0, 0, 0, 0.15); }
  .plp-bundle .start,
  .plp-bundle .end {
    width: 100%; }
    @media (min-width: 768px) {
      .plp-bundle .start,
      .plp-bundle .end {
        width: 16%; } }
  .plp-bundle .middle .square-container {
    width: 7rem; }
    .plp-bundle .middle .square-container .square {
      width: 4rem;
      height: 4rem;
      background-color: #eaeaea;
      font-family: "RobotoSlab-Bold", sans-serif; }
      @media (min-width: 768px) {
        .plp-bundle .middle .square-container .square {
          width: 3.75rem;
          height: 3.75rem; } }
      .plp-bundle .middle .square-container .square img {
        top: 0;
        left: 0; }
    .plp-bundle .middle .square-container .btn-link {
      font-size: 0.75rem;
      background: none; }
  .plp-bundle .middle svg.plus-icon {
    margin-top: 1rem; }
  .plp-bundle .end .total-price {
    color: #d0021b;
    text-decoration: line-through; }
  .plp-bundle .end .btn.add-plp-bundle-to-cart.disabled {
    pointer-events: initial; }

.plp-bundle-overlay {
  background-color: #000;
  opacity: 0.5;
  left: 0;
  top: 0;
  z-index: 5; }