@media all and (max-width: 414px) {
  .comp-ui-84 .c-wrapper {
    width: 100%; }
    .comp-ui-84 .c-wrapper .c-column-01 picture {
      width: 100%;
      height: 100%;
      display: block; }
      .comp-ui-84 .c-wrapper .c-column-01 picture .c-column-01-A {
        height: 316px;
        width: 100%;
        object-fit: cover;
        object-position: center;
        position: absolute;
        top: 0px;
        left: 0px; }
    .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B {
      padding: 20px;
      display: flex; }
      .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-01 {
        width: 156px; }
        .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-01 .c-container-01 {
          color: #FFF;
          font-family: 'Inter';
          font-style: normal;
          font-weight: 700;
          font-size: 16px;
          line-height: 22px; }
        .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-01 .c-container-02 {
          width: 104px;
          height: 32px;
          display: flex;
          align-items: center;
          padding-left: 40px;
          color: #171718;
          font-family: 'Inter';
          font-size: 13px;
          font-style: normal;
          font-weight: 500;
          line-height: normal;
          opacity: 0.8;
          margin-top: 20px;
          border-radius: 4px;
          background: #FAFBFD; }
          .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-01 .c-container-02:before {
            content: '';
            position: absolute;
            top: 6px;
            left: 16px;
            display: block;
            width: 20px;
            height: 20px;
            background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%20%3Cg%20opacity%3D%220.8%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_206_824%29%22%3E%20%3Cpath%20d%3D%22M11.25%203.75L10.3562%204.62063L15.0938%209.375H2.5V10.625H15.0938L10.3562%2015.3581L11.25%2016.25L17.5%2010L11.25%203.75Z%22%20fill%3D%22%23171718%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_206_824%22%3E%20%3Crect%20width%3D%2220%22%20height%3D%2220%22%20rx%3D%228%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E"); }
      .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 {
        flex: 1;
        overflow: hidden; }
        .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 {
          width: auto; }
          .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A {
            height: 284px;
            width: 156px;
            border-radius: 8px;
            border: 1px solid #F0F0F2;
            background: #FFF; }
            .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-01 {
              width: 156px;
              height: 156px;
              padding: 8px; }
              .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-01 .c-unit-01 {
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center; }
            .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-02 {
              left: 12px;
              position: absolute;
              top: 12px;
              width: 48px;
              height: 48px; }
              .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-02 img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center; }
            .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-03 {
              position: absolute;
              top: 20px;
              right: 20px; }
            .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-04 {
              position: absolute;
              width: 100%;
              top: 128px;
              color: #B00;
              font-family: 'Inter';
              font-size: 12px;
              font-style: normal;
              font-weight: 600;
              line-height: 16px;
              padding: 4px 12px;
              border-radius: 4px;
              background: #FEEAEA;
              text-align: center; }
            .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-05 {
              display: -webkit-box;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical;
              overflow: hidden;
              margin: 8px 0px;
              padding: 0px 8px;
              color: #171718;
              font-family: 'Inter';
              font-size: 12px;
              font-style: normal;
              font-weight: 500;
              line-height: 16px; }
            .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-06 {
              display: flex;
              align-items: center;
              padding: 0px 8px; }
              .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-06 .c-unit-01 {
                margin-right: 4px;
                content: '';
                display: block;
                width: 16px;
                height: 16px;
                background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_110_1510%29%22%3E%20%3Cpath%20d%3D%22M8.00014%201L5.72514%205.61L0.640137%206.345L4.32014%209.935L3.45014%2015L8.00014%2012.61L12.5501%2015L11.6801%209.935L15.3601%206.35L10.2751%205.61L8.00014%201Z%22%20fill%3D%22%23FFB700%22%20%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_110_1510%22%3E%20%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%20%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E"); }
              .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-06 .c-unit-02 {
                color: #171718;
                text-overflow: ellipsis;
                font-family: 'Inter';
                font-size: 12px;
                font-style: normal;
                font-weight: 700;
                line-height: 16px;
                letter-spacing: -0.06px; }
              .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-06 .c-unit-03 {
                overflow: hidden;
                color: #68686A;
                text-overflow: ellipsis;
                font-family: 'Inter';
                font-size: 12px;
                font-style: normal;
                font-weight: 500;
                line-height: 16px;
                letter-spacing: -0.06px; }
            .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-07 {
              height: 40px;
              position: absolute;
              bottom: 8px;
              left: 0px;
              width: calc(100% - 16px);
              display: flex;
              justify-content: space-between;
              align-items: center;
              margin-top: 4px;
              padding: 8px;
              border-radius: 4px;
              background: #F8F8F9;
              margin: 0px 8px; }
              .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-07 .c-item-07-A .c-unit-01 {
                color: #336A21;
                text-overflow: ellipsis;
                font-family: 'Inter';
                font-size: 14px;
                font-style: normal;
                font-weight: 700;
                line-height: 16px; }
              .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-07 .c-item-07-A .c-unit-02 {
                display: flex; }
                .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-07 .c-item-07-A .c-unit-02 .c-unit-02-A {
                  color: #68686A;
                  text-overflow: ellipsis;
                  font-family: 'Inter';
                  font-size: 12px;
                  font-style: normal;
                  font-weight: 500;
                  line-height: 16px;
                  text-decoration-line: line-through; }
                .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-07 .c-item-07-A .c-unit-02 .c-unit-02-B {
                  color: #F8F8F9;
                  text-overflow: ellipsis;
                  font-family: 'Inter';
                  font-size: 11px;
                  font-style: normal;
                  font-weight: 700;
                  line-height: 16px;
                  border-radius: 4px;
                  background: #336A21; }
              .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-07 .c-item-07-B {
                color: #171718;
                text-overflow: ellipsis;
                font-family: 'Inter';
                font-family: Inter;
                font-size: 16px;
                font-style: normal;
                font-weight: 700;
                line-height: 22px; }
              .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-07 .c-item-07-C {
                content: '';
                display: block;
                width: 20px;
                height: 20px;
                background-image: url("data:image/svg+xml,%20%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_110_1524%29%22%3E%20%3Cpath%20d%3D%22M6.25%2018.75C6.94036%2018.75%207.5%2018.1904%207.5%2017.5C7.5%2016.8096%206.94036%2016.25%206.25%2016.25C5.55964%2016.25%205%2016.8096%205%2017.5C5%2018.1904%205.55964%2018.75%206.25%2018.75Z%22%20fill%3D%22%23171718%22%20%2F%3E%20%3Cpath%20d%3D%22M15%2018.75C15.6904%2018.75%2016.25%2018.1904%2016.25%2017.5C16.25%2016.8096%2015.6904%2016.25%2015%2016.25C14.3096%2016.25%2013.75%2016.8096%2013.75%2017.5C13.75%2018.1904%2014.3096%2018.75%2015%2018.75Z%22%20fill%3D%22%23171718%22%20%2F%3E%20%3Cpath%20d%3D%22M3.11288%201.75244C3.08454%201.61075%203.00799%201.48327%202.89625%201.39166C2.78451%201.30006%202.64449%201.25%202.5%201.25H0V2.5H1.9875L4.38713%2014.4976C4.41546%2014.6392%204.49201%2014.7667%204.60375%2014.8583C4.71549%2014.9499%204.85551%2015%205%2015H16.25V13.75H5.5125L5.0125%2011.25H16.25C16.3922%2011.25%2016.5301%2011.2015%2016.6411%2011.1125C16.752%2011.0236%2016.8293%2010.8994%2016.8601%2010.7606L18.2778%204.375H16.9982L15.7489%2010H4.7625L3.11288%201.75244Z%22%20fill%3D%22%23171718%22%20%2F%3E%20%3Cpath%20d%3D%22M11.25%203.75V1.25H10V3.75H7.5V5H10V7.5H11.25V5H13.75V3.75H11.25Z%22%20fill%3D%22%23171718%22%20%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_110_1524%22%3E%20%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%20%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E"); }
      .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .outer-prev {
        display: none; }
      .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .outer-next {
        display: none; } }
@media all and (min-width: 415px) and (max-width: 767px) {
  .comp-ui-84 .c-wrapper {
    width: 100%; }
    .comp-ui-84 .c-wrapper .c-column-01 picture {
      width: 100%;
      height: 100%;
      display: block; }
      .comp-ui-84 .c-wrapper .c-column-01 picture .c-column-01-A {
        height: 316px;
        width: 100%;
        object-fit: cover;
        object-position: center;
        position: absolute;
        top: 0px;
        left: 0px; }
    .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B {
      padding: 20px;
      display: flex; }
      .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-01 {
        width: 156px; }
        .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-01 .c-container-01 {
          color: #FFF;
          font-family: 'Inter';
          font-style: normal;
          font-weight: 700;
          font-size: 16px;
          line-height: 22px; }
        .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-01 .c-container-02 {
          width: 104px;
          height: 32px;
          display: flex;
          align-items: center;
          padding-left: 40px;
          color: #171718;
          font-family: 'Inter';
          font-size: 13px;
          font-style: normal;
          font-weight: 500;
          line-height: normal;
          opacity: 0.8;
          margin-top: 20px;
          border-radius: 4px;
          background: #FAFBFD; }
          .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-01 .c-container-02:before {
            content: '';
            position: absolute;
            top: 6px;
            left: 16px;
            display: block;
            width: 20px;
            height: 20px;
            background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%20%3Cg%20opacity%3D%220.8%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_206_824%29%22%3E%20%3Cpath%20d%3D%22M11.25%203.75L10.3562%204.62063L15.0938%209.375H2.5V10.625H15.0938L10.3562%2015.3581L11.25%2016.25L17.5%2010L11.25%203.75Z%22%20fill%3D%22%23171718%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_206_824%22%3E%20%3Crect%20width%3D%2220%22%20height%3D%2220%22%20rx%3D%228%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E"); }
      .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 {
        flex: 1;
        overflow: hidden; }
        .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 {
          width: auto; }
          .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A {
            height: 284px;
            width: 156px;
            border-radius: 8px;
            border: 1px solid #F0F0F2;
            background: #FFF; }
            .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-01 {
              width: 156px;
              height: 156px;
              padding: 8px; }
              .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-01 .c-unit-01 {
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center; }
            .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-02 {
              left: 12px;
              position: absolute;
              top: 12px;
              width: 48px;
              height: 48px; }
              .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-02 img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center; }
            .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-03 {
              position: absolute;
              top: 20px;
              right: 20px; }
            .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-04 {
              position: absolute;
              width: 100%;
              top: 128px;
              color: #B00;
              font-family: 'Inter';
              font-size: 12px;
              font-style: normal;
              font-weight: 600;
              line-height: 16px;
              padding: 4px 12px;
              border-radius: 4px;
              background: #FEEAEA;
              text-align: center; }
            .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-05 {
              display: -webkit-box;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical;
              overflow: hidden;
              margin: 8px 0px;
              padding: 0px 8px;
              color: #171718;
              font-family: 'Inter';
              font-size: 12px;
              font-style: normal;
              font-weight: 500;
              line-height: 16px; }
            .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-06 {
              display: flex;
              align-items: center;
              padding: 0px 8px; }
              .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-06 .c-unit-01 {
                margin-right: 4px;
                content: '';
                display: block;
                width: 16px;
                height: 16px;
                background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_110_1510%29%22%3E%20%3Cpath%20d%3D%22M8.00014%201L5.72514%205.61L0.640137%206.345L4.32014%209.935L3.45014%2015L8.00014%2012.61L12.5501%2015L11.6801%209.935L15.3601%206.35L10.2751%205.61L8.00014%201Z%22%20fill%3D%22%23FFB700%22%20%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_110_1510%22%3E%20%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%20%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E"); }
              .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-06 .c-unit-02 {
                color: #171718;
                text-overflow: ellipsis;
                font-family: 'Inter';
                font-size: 12px;
                font-style: normal;
                font-weight: 700;
                line-height: 16px;
                letter-spacing: -0.06px; }
              .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-06 .c-unit-03 {
                overflow: hidden;
                color: #68686A;
                text-overflow: ellipsis;
                font-family: 'Inter';
                font-size: 12px;
                font-style: normal;
                font-weight: 500;
                line-height: 16px;
                letter-spacing: -0.06px; }
            .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-07 {
              height: 40px;
              position: absolute;
              bottom: 8px;
              left: 0px;
              width: calc(100% - 16px);
              display: flex;
              justify-content: space-between;
              align-items: center;
              margin-top: 4px;
              padding: 8px;
              border-radius: 4px;
              background: #F8F8F9;
              margin: 0px 8px; }
              .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-07 .c-item-07-A .c-unit-01 {
                color: #336A21;
                text-overflow: ellipsis;
                font-family: 'Inter';
                font-size: 14px;
                font-style: normal;
                font-weight: 700;
                line-height: 16px; }
              .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-07 .c-item-07-A .c-unit-02 {
                display: flex; }
                .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-07 .c-item-07-A .c-unit-02 .c-unit-02-A {
                  color: #68686A;
                  text-overflow: ellipsis;
                  font-family: 'Inter';
                  font-size: 12px;
                  font-style: normal;
                  font-weight: 500;
                  line-height: 16px;
                  text-decoration-line: line-through; }
                .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-07 .c-item-07-A .c-unit-02 .c-unit-02-B {
                  color: #F8F8F9;
                  text-overflow: ellipsis;
                  font-family: 'Inter';
                  font-size: 11px;
                  font-style: normal;
                  font-weight: 700;
                  line-height: 16px;
                  border-radius: 4px;
                  background: #336A21; }
              .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-07 .c-item-07-B {
                color: #171718;
                text-overflow: ellipsis;
                font-family: 'Inter';
                font-family: Inter;
                font-size: 16px;
                font-style: normal;
                font-weight: 700;
                line-height: 22px; }
              .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-07 .c-item-07-C {
                content: '';
                display: block;
                width: 20px;
                height: 20px;
                background-image: url("data:image/svg+xml,%20%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_110_1524%29%22%3E%20%3Cpath%20d%3D%22M6.25%2018.75C6.94036%2018.75%207.5%2018.1904%207.5%2017.5C7.5%2016.8096%206.94036%2016.25%206.25%2016.25C5.55964%2016.25%205%2016.8096%205%2017.5C5%2018.1904%205.55964%2018.75%206.25%2018.75Z%22%20fill%3D%22%23171718%22%20%2F%3E%20%3Cpath%20d%3D%22M15%2018.75C15.6904%2018.75%2016.25%2018.1904%2016.25%2017.5C16.25%2016.8096%2015.6904%2016.25%2015%2016.25C14.3096%2016.25%2013.75%2016.8096%2013.75%2017.5C13.75%2018.1904%2014.3096%2018.75%2015%2018.75Z%22%20fill%3D%22%23171718%22%20%2F%3E%20%3Cpath%20d%3D%22M3.11288%201.75244C3.08454%201.61075%203.00799%201.48327%202.89625%201.39166C2.78451%201.30006%202.64449%201.25%202.5%201.25H0V2.5H1.9875L4.38713%2014.4976C4.41546%2014.6392%204.49201%2014.7667%204.60375%2014.8583C4.71549%2014.9499%204.85551%2015%205%2015H16.25V13.75H5.5125L5.0125%2011.25H16.25C16.3922%2011.25%2016.5301%2011.2015%2016.6411%2011.1125C16.752%2011.0236%2016.8293%2010.8994%2016.8601%2010.7606L18.2778%204.375H16.9982L15.7489%2010H4.7625L3.11288%201.75244Z%22%20fill%3D%22%23171718%22%20%2F%3E%20%3Cpath%20d%3D%22M11.25%203.75V1.25H10V3.75H7.5V5H10V7.5H11.25V5H13.75V3.75H11.25Z%22%20fill%3D%22%23171718%22%20%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_110_1524%22%3E%20%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%20%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E"); }
      .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .outer-prev {
        display: none; }
      .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .outer-next {
        display: none; } }
@media all and (min-width: 767px) {
  .comp-ui-84 .c-wrapper .c-column-01 picture {
    width: 100%;
    height: 100%;
    display: block; }
    .comp-ui-84 .c-wrapper .c-column-01 picture .c-column-01-A {
      height: 402px;
      width: 100%;
      object-fit: cover;
      object-position: center;
      position: absolute;
      top: 0px;
      left: 0px;
      border-radius: 20px; }
  .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B {
    padding: 24px;
    display: flex; }
    .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-01 {
      width: 212px;
      margin-right: 20px; }
      .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-01 .c-container-01 {
        color: #FFF;
        font-family: 'Inter';
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px; }
      .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-01 .c-container-02 {
        width: 120px;
        height: 40px;
        display: flex;
        align-items: center;
        padding-left: 50px;
        color: #171718;
        font-family: 'Inter';
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        opacity: 0.8;
        margin-top: 20px;
        border-radius: 4px;
        background: #FAFBFD;
        cursor: pointer; }
        .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-01 .c-container-02:before {
          content: '';
          position: absolute;
          top: 11px;
          left: 24px;
          display: block;
          width: 20px;
          height: 20px;
          background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%20%3Cg%20opacity%3D%220.8%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_206_824%29%22%3E%20%3Cpath%20d%3D%22M11.25%203.75L10.3562%204.62063L15.0938%209.375H2.5V10.625H15.0938L10.3562%2015.3581L11.25%2016.25L17.5%2010L11.25%203.75Z%22%20fill%3D%22%23171718%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_206_824%22%3E%20%3Crect%20width%3D%2220%22%20height%3D%2220%22%20rx%3D%228%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E"); }
    .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 {
      flex: 1;
      overflow: hidden; }
      .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 {
        width: auto; }
        .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A {
          height: 354px;
          width: 212px;
          border-radius: 8px;
          border: 1px solid #F0F0F2;
          background: #FFF; }
          .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-01 {
            width: 212px;
            height: 212px;
            padding: 8px; }
            .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-01 .c-unit-01 {
              width: 100%;
              height: 100%;
              object-fit: cover;
              object-position: center; }
          .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-02 {
            left: 12px;
            position: absolute;
            top: 12px;
            width: 60px;
            height: 60px; }
            .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-02 img {
              width: 100%;
              height: 100%;
              object-fit: cover;
              object-position: center; }
          .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-03 {
            position: absolute;
            top: 20px;
            right: 20px;
            visibility: hidden;
            opacity: 0; }
          .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-04 {
            position: absolute;
            width: 100%;
            top: 196px;
            color: #B00;
            font-family: 'Inter';
            font-size: 12px;
            font-style: normal;
            font-weight: 600;
            line-height: 16px;
            padding: 4px 12px;
            border-radius: 4px;
            background: #FEEAEA;
            text-align: center; }
          .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-05 {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            margin: 8px 0px;
            padding: 0px 8px;
            color: #171718;
            font-family: 'Inter';
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            line-height: 18px; }
          .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-06 {
            display: flex;
            align-items: center;
            padding: 0px 8px; }
            .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-06 .c-unit-01 {
              margin-right: 4px;
              content: '';
              display: block;
              width: 16px;
              height: 16px;
              background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_110_1510%29%22%3E%20%3Cpath%20d%3D%22M8.00014%201L5.72514%205.61L0.640137%206.345L4.32014%209.935L3.45014%2015L8.00014%2012.61L12.5501%2015L11.6801%209.935L15.3601%206.35L10.2751%205.61L8.00014%201Z%22%20fill%3D%22%23FFB700%22%20%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_110_1510%22%3E%20%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%20%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E"); }
            .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-06 .c-unit-02 {
              color: #171718;
              text-overflow: ellipsis;
              font-family: 'Inter';
              font-size: 12px;
              font-style: normal;
              font-weight: 700;
              line-height: 16px;
              letter-spacing: -0.06px; }
            .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-06 .c-unit-03 {
              overflow: hidden;
              color: #68686A;
              text-overflow: ellipsis;
              font-family: 'Inter';
              font-size: 12px;
              font-style: normal;
              font-weight: 500;
              line-height: 16px;
              letter-spacing: -0.06px; }
          .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-07 {
            height: 54px;
            position: absolute;
            bottom: 8px;
            left: 0px;
            width: calc(100% - 16px);
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 4px;
            padding: 8px;
            border-radius: 4px;
            background: #F8F8F9;
            margin: 0px 8px; }
            .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-07 .c-item-07-A .c-unit-01 {
              color: #336A21;
              text-overflow: ellipsis;
              font-family: 'Inter';
              font-size: 16px;
              font-style: normal;
              font-weight: 700;
              line-height: 22px; }
            .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-07 .c-item-07-A .c-unit-02 {
              display: flex; }
              .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-07 .c-item-07-A .c-unit-02 .c-unit-02-A {
                color: #68686A;
                text-overflow: ellipsis;
                font-family: 'Inter';
                font-size: 12px;
                font-style: normal;
                font-weight: 500;
                line-height: 16px;
                text-decoration-line: line-through; }
              .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-07 .c-item-07-A .c-unit-02 .c-unit-02-B {
                color: #F8F8F9;
                text-overflow: ellipsis;
                font-family: 'Inter';
                font-size: 11px;
                font-style: normal;
                font-weight: 700;
                line-height: 16px;
                border-radius: 4px;
                background: #336A21; }
            .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-07 .c-item-07-B {
              color: #171718;
              text-overflow: ellipsis;
              font-family: 'Inter';
              font-family: Inter;
              font-size: 16px;
              font-style: normal;
              font-weight: 700;
              line-height: 22px; }
            .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01 .c-container-01-A .c-item-07 .c-item-07-C {
              content: '';
              display: block;
              width: 20px;
              height: 20px;
              background-image: url("data:image/svg+xml,%20%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_110_1524%29%22%3E%20%3Cpath%20d%3D%22M6.25%2018.75C6.94036%2018.75%207.5%2018.1904%207.5%2017.5C7.5%2016.8096%206.94036%2016.25%206.25%2016.25C5.55964%2016.25%205%2016.8096%205%2017.5C5%2018.1904%205.55964%2018.75%206.25%2018.75Z%22%20fill%3D%22%23171718%22%20%2F%3E%20%3Cpath%20d%3D%22M15%2018.75C15.6904%2018.75%2016.25%2018.1904%2016.25%2017.5C16.25%2016.8096%2015.6904%2016.25%2015%2016.25C14.3096%2016.25%2013.75%2016.8096%2013.75%2017.5C13.75%2018.1904%2014.3096%2018.75%2015%2018.75Z%22%20fill%3D%22%23171718%22%20%2F%3E%20%3Cpath%20d%3D%22M3.11288%201.75244C3.08454%201.61075%203.00799%201.48327%202.89625%201.39166C2.78451%201.30006%202.64449%201.25%202.5%201.25H0V2.5H1.9875L4.38713%2014.4976C4.41546%2014.6392%204.49201%2014.7667%204.60375%2014.8583C4.71549%2014.9499%204.85551%2015%205%2015H16.25V13.75H5.5125L5.0125%2011.25H16.25C16.3922%2011.25%2016.5301%2011.2015%2016.6411%2011.1125C16.752%2011.0236%2016.8293%2010.8994%2016.8601%2010.7606L18.2778%204.375H16.9982L15.7489%2010H4.7625L3.11288%201.75244Z%22%20fill%3D%22%23171718%22%20%2F%3E%20%3Cpath%20d%3D%22M11.25%203.75V1.25H10V3.75H7.5V5H10V7.5H11.25V5H13.75V3.75H11.25Z%22%20fill%3D%22%23171718%22%20%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_110_1524%22%3E%20%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%20%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E"); }
        .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .c-column-01-B-02 .swiper-wrapper .c-container-01:hover .c-container-01-A .c-item-03 {
          visibility: visible;
          opacity: 1; }
    .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .outer-prev {
      position: absolute;
      top: calc(50% - 24px);
      left: 208px;
      z-index: 1;
      width: 48px;
      height: 48px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 99px;
      background: #FFF;
      box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.25);
      cursor: pointer; }
      .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .outer-prev.swiper-button-disabled {
        display: none; }
      .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .outer-prev:before {
        content: '';
        display: block;
        width: 28px;
        height: 28px;
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_110_1610%29%22%3E%20%3Cpath%20d%3D%22M19.2499%2014L10.4999%2022.75L9.2749%2021.525L16.7999%2014L9.2749%206.475L10.4999%205.25L19.2499%2014Z%22%20fill%3D%22%23555556%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_110_1610%22%3E%20%3Crect%20width%3D%2228%22%20height%3D%2228%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
        transform: rotate(180deg); }
    .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .outer-next {
      position: absolute;
      top: calc(50% - 24px);
      right: -24px;
      z-index: 1;
      width: 48px;
      height: 48px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 99px;
      background: #FFF;
      box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.25);
      cursor: pointer; }
      .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .outer-next.swiper-button-disabled {
        display: none; }
      .comp-ui-84 .c-wrapper .c-column-01 .c-column-01-B .outer-next:before {
        content: '';
        display: block;
        width: 28px;
        height: 28px;
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url%28%23clip0_110_1610%29%22%3E%20%3Cpath%20d%3D%22M19.2499%2014L10.4999%2022.75L9.2749%2021.525L16.7999%2014L9.2749%206.475L10.4999%205.25L19.2499%2014Z%22%20fill%3D%22%23555556%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_110_1610%22%3E%20%3Crect%20width%3D%2228%22%20height%3D%2228%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E"); } }

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