#pixel-pdp .relative {
  position: relative;
}

#pixel-pdp .row,
#pixel-pdp .flex-col {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-flow: column wrap;
  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
  gap: 15px;
}

#pixel-pdp .no-gap {
  gap: 0;
}

#pixel-pdp .row .col {
  flex: 1;
}

#pixel-pdp .row .col-lrg {
  flex: 2;
}

#pixel-pdp .bg-light {
  background: #f5f1ec;
}

#pixel-pdp .rounded {
  border-radius: 15px;
}

#pixel-pdp .show-for-medium,
#pixel-pdp .show-for-large {
  display: none;
}

#pixel-pdp .center-content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

#pixel-pdp .m-none {
  margin: 0 !important;
}

#pixel-pdp .mt-auto {
  margin-top: auto !important;
}

#pixel-pdp .mb-sml {
  margin-bottom: 10px !important;
}

#pixel-pdp .pt-none {
  padding-top: 0 !important;
}

#pixel-pdp .pb-none {
  padding-bottom: 0 !important;
}

#pixel-pdp .px-sml {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

#pixel-pdp .px-med {
  padding-left: 30px !important;
  padding-right: 30px !important;
}
@media (min-width: 640px) {
  #pixel-pdp .row {
    -ms-flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
  }

  #pixel-pdp .row.row-reverse {
    -ms-flex-flow: row-reverse wrap;
    -webkit-flex-flow: row-reverse wrap;
    flex-flow: row-reverse wrap;
  }

  #pixel-pdp .rounded {
    border-radius: 30px;
  }

  #pixel-pdp .show-for-medium {
    display: block;
  }

  #pixel-pdp .hide-for-medium {
    display: none;
  }

  #pixel-pdp .md-bg-lilac {
    background: #d5d9ef;
  }

  #pixel-pdp .row,
  #pixel-pdp .flex-col {
    gap: 30px;
  }
}

@media (min-width: 1024px) {
  #pixel-pdp .show-for-large {
    display: block;
  }

  #pixel-pdp .row .col-lrg {
    flex: 3;
  }
}