.comp-ui-05 {
  background-color: #fff; }

@media all and (max-width: 414px) {
  .comp-ui-05 {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05); }
    .comp-ui-05 .c-wrapper {
      margin: 0;
      width: 100%; }
      .comp-ui-05 .c-wrapper .container-01 {
        width: 100%;
        height: 346px;
        padding-bottom: 48px;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
        background-color: #fff;
        margin-bottom: 1px; }
        .comp-ui-05 .c-wrapper .container-01 #remainingStockBadgeContainer > .offerProduct > div {
          color: #FFF;
          font-family: Inter;
          font-size: 12px;
          font-style: normal;
          font-weight: 600;
          line-height: normal; }
      .comp-ui-05 .c-wrapper .container-02 {
        background-color: #f5f6f9; } }
@media all and (min-width: 415px) and (max-width: 767px) {
  .comp-ui-05 {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05); }
    .comp-ui-05 .c-wrapper {
      margin: 0;
      width: 100%; }
      .comp-ui-05 .c-wrapper .container-01 {
        width: 100%;
        height: 346px;
        padding-bottom: 48px;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
        background-color: #fff;
        margin-bottom: 1px; }
        .comp-ui-05 .c-wrapper .container-01 #remainingStockBadgeContainer > .offerProduct > div {
          color: #FFF;
          font-family: Inter;
          font-size: 12px;
          font-style: normal;
          font-weight: 600;
          line-height: normal; }
      .comp-ui-05 .c-wrapper .container-02 {
        background-color: #f5f6f9; } }
@media all and (min-width: 768px) and (max-width: 1023px) {
  .comp-ui-05 {
    background-color: #F5F6F9; }
    .comp-ui-05 .c-wrapper {
      background: #f5f6f9; }
      .comp-ui-05 .c-wrapper .container-01 {
        width: 100vw;
        height: 610px;
        padding-bottom: 48px;
        background-color: #fff;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
        margin-bottom: 24px; }
      .comp-ui-05 .c-wrapper .container-02 {
        width: 100%;
        margin-bottom: 12px; } }
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .comp-ui-05 {
    background-color: #F5F6F9; }
    .comp-ui-05 .c-wrapper {
      background: #f5f6f9; }
      .comp-ui-05 .c-wrapper .container-01 {
        width: 100vw;
        height: 610px;
        padding-bottom: 48px;
        background-color: #fff;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
        margin-bottom: 24px; }
      .comp-ui-05 .c-wrapper .container-02 {
        width: 100%;
        margin-bottom: 12px; } }
@media all and (min-width: 1280px) and (max-width: 1679px) {
  .comp-ui-05 .c-wrapper {
    padding: 40px 0; } }
@media all and (min-width: 1680px) {
  .comp-ui-05 .c-wrapper {
    padding: 40px 0; } }

/*# sourceMappingURL=CompUI-05.css.map */