.custom-product-reviews {
  border-top: 8px solid #f6f6f6;
  
  .jdgm-rev-widg {
    padding: 0 !important;
  }

  .jdgm-rev-widg__title {
    margin: 0;
    padding-block-start: 32px;
    padding-inline: 20px;
    color: var(--b-w-gray-900, #111);
    font-family: var(--font-family-body);
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
  }
  
  .jdgm-rev-widg__header {
    text-align: left;
  }

  .jdgm-rev-widg__summary {
     margin-block-end: 16px; 
  }

  .jdgm-rev-widg__summary-stars {
    margin-block-start: 12px;
    padding-inline: 20px;
  }

  .jdgm-star.jdgm--on::before {
    content: '';
    background: url('//kglowing.com/cdn/shop/t/30/assets/ic-full-star-black.svg?v=53175824938326856681744938858') no-repeat center center;
    background-size: contain;
    display: inline-block;
    width: 16px;
    height: 16px
  }
  
  .jdgm-star.jdgm--half::before {
    content: '';
    background: url('//kglowing.com/cdn/shop/t/30/assets/ic-half-star-black.png?v=174075519529660321971744938859') no-repeat center center;
    background-size: contain;
    display: inline-block;
    width: 16px;
    height: 16px
  }
  
  .jdgm-star.jdgm--off::before {
    content: '';
    background: url('//kglowing.com/cdn/shop/t/30/assets/ic-empty-star-black.svg?v=18738112943889541451744938857') no-repeat center center;
    background-size: contain;
    display: inline-block;
    width: 16px;
    height: 16px
  }

  .jdgm-rev-widg__summary-average {
    font-size: 20px;
    font-weight: 600;
    line-height: 34px;
    text-transform: capitalize;
    color: var(--b-w-gray-900, #111);
  }

  .jdgm-rev-widg__summary-text {
    padding-inline: 20px;
    justify-content: flex-start;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    color: var(--b-w-gray-700, #333);

    .jdgm-verified-checkmark {
      display: none;
    }
  }

  .jdgm-histogram {
    padding-inline: 20px;
  }

  .jdgm-histogram__row {
    display: flex;
    align-items: center;
    height: 22px;
  }

  .data-rating {
    width: 17px;
    color: var(--b-w-gray-700, #333);
    font-size: 12px;
    font-weight: 500;
    line-height: 22px;
  }

  .jdgm-histogram__row:not([data-rating="1"]) {
    margin-bottom: 0;
  }

  .jdgm-histogram__bar {
    margin: 0 !important; 
    width: 100% !important;
    height: 6px;
    border-radius: 10px;
    overflow: hidden;

    .jdgm-histogram__bar-content {
      border-radius: 10px;
      background-color: #333;
      opacity: 1 !important;
    }
  }

  .jdgm-histogram__frequency {
    display: none;
  }

  .jdgm-histogram__clear-filter {
    display: none;
  }

  .jdgm-widget-actions-wrapper {
    margin: 0;
    padding-block-end: 32px;
    padding-inline: 20px;
    display: flex;
    flex-direction: row-reverse;
    gap: 8px;

    a {
      padding: 14px 0;
      margin: 0;
      width: 100%;
      max-width: 100%;
      max-height: 52px;
    }
    
    .jdgm-ask-question-btn {
      color: var(--b-w-gray-900, #111);
      text-align: center;
      font-size: 16px;
      font-weight: 500;
      line-height: 24px;
      text-transform: capitalize;
      border-radius: 4px;
      border: 1px solid var(--b-w-gray-300, #EEE);
    }

    .jdgm-write-rev-link {
      color: var(--b-w-gray-50, #FFF);
      text-align: center;
      font-family: Inter;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 24px; /* 150% */
      letter-spacing: -0.016px;
      text-transform: capitalize;
      border-radius: 4px;
      background: var(--b-w-gray-900, #111);
    }
  }

  .jdgm-custom-forms-avg-responses {
    display: none;
  }

  /*! photos & videos */
  .jdgm-row-media {
    .jdgm-gallery-wrapper {
      padding: 0;

      .jdgm-gallery-title {
        padding-block-start: 24px;
        padding-inline: 20px;
        margin-block-end: 16px;
        color: var(--b-w-gray-900, #111);
        font-size: 16px;
        font-weight: 600;
        line-height: 22px;
      }

      .jdgm-gallery {
        display: flex;
        width: 100%;
        overflow-x: scroll; /* 가로 스크롤 활성화 */
        gap: 10px; /* 아이템 간 간격 */
        scroll-behavior: smooth; /* 부드러운 스크롤 */
        padding-inline: 20px;
        white-space: nowrap; /* 줄바꿈 방지 */
        
        /* 스크롤바 숨기기 */
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* IE/Edge */
      }
      
      .jdgm-gallery::-webkit-scrollbar {
        display: none; /* Chrome, Safari */
      }
      
      /* 개별 썸네일 아이템 */
      .jdgm-gallery__thumbnail-link {
        flex: 0 0 auto;
        width: 130px;
        height: 130px;
      }
      
      .jdgm-gallery__thumbnail {
        padding: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 8px;
        border-radius: 4px;
        border: 1px solid rgba(255, 255, 255, 0.10);
      }
    }
  }

  /*! search */
  .jdgm-row-search {
    padding: 10px 0;
    border: 0;

    .jdgm-keywords {
      display: flex; /* 가로로 나열 */
      gap: 10px; /* 아이템 간 간격 */
      overflow-x: auto; /* 가로 스크롤 활성화 */
      white-space: nowrap; /* 줄바꿈 방지 */
      scrollbar-width: none; /* Firefox: 스크롤바 숨김 */
      -ms-overflow-style: none; /* IE/Edge: 스크롤바 숨김 */
      padding: 10px 20px; /* 여백 추가 */
    }
    
    .jdgm-keywords::-webkit-scrollbar {
      display: none; /* Chrome, Safari: 스크롤바 숨김 */
    }

    .jdgm-chip+.jdgm-chip {
      margin: 0;
    }
    
    .jdgm-chip {
      flex: 0 0 auto; /* 크기를 고정 */
      margin: 0;
      padding: 8px 18px; /* 내부 여백 */
      font-size: 14px;
      font-weight: 500;
      line-height: 20px;
      border-radius: 4px;
      border: 1px solid var(--b-w-gray-300, #EEE);
      background: var(--b-w-gray-50, #FFF);
      color: var(--b-w-gray-900, #111);
      cursor: pointer;
      transition: background-color 0.2s ease;

      &.active {
        color: #fff;
        border-radius: 4px;
        border: 0;
        background: var(--b-w-gray-900, #111);
      }
    }
    
    .jdgm-chip:hover {
      background-color: #e0e0e0; /* 호버 효과 */
    }
  }

  /*! subtab */
  .jdgm-subtab {
    padding: 0;
    display: flex; /* 탭을 가로로 배치 */
    justify-content: space-between; /* 탭 간 균등 배치 */
    width: 100%; /* 부모 너비에 꽉 차게 */
    border-bottom: 1px solid #ddd; /* 하단 선 (전체 탭 영역 구분) */
  }
  
  /* 개별 탭 스타일 */
  .jdgm-subtab__name {
    flex: 1; /* 각 탭이 동일한 너비를 가지도록 설정 */
    text-align: center; /* 텍스트 가운데 정렬 */
    padding: 0; /* 상하 여백 */
    cursor: pointer; /* 마우스 포인터 표시 */
    height: 52px;
    position: relative; /* 언더바를 위해 필요 */
    color: var(--b-w-gray-500, #999);
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    line-height: 52px;
    text-decoration: none;
  }
  
  /* 활성화된 탭에 언더바 추가 */
  .jdgm-subtab__name.jdgm--active {
    color: #111 !important; /* 활성화된 탭 텍스트 색상 */
    background-color: #fff;
  }
  
  .jdgm-subtab__name.jdgm--active::after {
    content: ''; /* 가상 요소로 언더바 생성 */
    position: absolute;
    bottom: -1px; /* 하단에 위치 */
    left: 0;
    width: 100%; /* 탭 너비에 맞게 */
    height: 2px; /* 언더바 두께 */
    background-color: #111; /* 언더바 색상 */
  }

  /*! fillters  */
  .jdgm-row-actions {
    padding: 20px 0 32px;
    border: 0;
    
    .jdgm-rev-widg__sort-wrapper {
      padding-right: 20px;
      display: flex;
      justify-content: end;

      .jdgm-sort-dropdown {
        padding: 0;
        padding-inline-end: 12px; 
        color: var(--b-w-gray-700, #333);
        text-align: center;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
      }

      .jdgm-sort-dropdown-arrow {
        right: 0;
      }
    }
    
    .jdgm-custom-forms-filters__button {
      display: none;
    }
    
    .jdgm-custom-forms-filters {
      padding: 0;
      display: block !important;

      .jdgm-rev__cf-ans:not(:last-of-type) {
        padding-bottom: 2px;
      }

      .jdgm-rev__cf-ans__title {
        padding: 12px 20px 5px;
        color: var(--b-w-gray-900, #111);
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
      }

      .jdgm-rev__cf-options-wrapper {
        display: flex; /* 가로로 나열 */
        gap: 10px; /* 아이템 간 간격 */
        overflow-x: auto; /* 가로 스크롤 활성화 */
        white-space: nowrap; /* 줄바꿈 방지 */
        scrollbar-width: none; /* Firefox: 스크롤바 숨김 */
        -ms-overflow-style: none; /* IE/Edge: 스크롤바 숨김 */
        padding: 5px 20px 10px; /* 여백 추가 */
      }

      .jdgm-rev__cf-options-wrapper::-webkit-scrollbar {
        display: none; /* Chrome, Safari: 스크롤바 숨김 */
      }
      
      .jdgm-chip + .jdgm-chip {
        margin: 0;
      }
      
      .jdgm-chip {
        flex: 0 0 auto; /* 크기를 고정 */
        margin: 0;
        padding: 8px 18px; /* 내부 여백 */
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        border-radius: 4px;
        border: 1px solid var(--b-w-gray-300, #EEE);
        background: var(--b-w-gray-50, #FFF);
        color: var(--b-w-gray-900, #111);
        cursor: pointer;
        transition: background-color 0.2s ease;
  
        &.active {
          color: #fff;
          border-radius: 4px;
          border: 0;
          background: var(--b-w-gray-900, #111);
        }
      }
    }
  }

  
  /*! body */
  .jdgm-rev-widg__body {
    .jdgm-rev-widg__reviews {
      .jdgm-rev {
        padding: 0;
        padding-block-end: 32px;
        border-block-start: 8px solid #f6f6f6;

        .jdgm-rev__header {
          margin: 0;
          padding: 24px 20px 16px;
          border-bottom: 1px solid #eee;

          .jdgm-row-rating {
            margin: 0;
            margin-block-end: 6px;
          }
          
          .jdgm-row-profile {
            line-height: 0;
            
            .jdgm-rev__icon {
              display: none;
            }
            
            .jdgm-rev__author-wrapper {
              color: var(--b-w-gray-550, #777);
              font-size: 14px;
              font-weight: 400;
              line-height: normal;

              .jdgm-rev__author {
                color: var(--b-w-gray-550, #777);
              }
            }
          }
  
          .jdgm-row-extra {
            display: none;
          }
        }      
    
        .jdgm-rev__timestamp {
          color: var(--b-w-gray-500, #999);
          font-size: 12px;
          font-weight: 400;
          line-height: normal;
        }
    
        .jdgm-rev__content {
          padding: 16px 20px 20px;
          
          .jdgm-rev__title {
            color: var(--b-w-gray-700, #333);
            font-size: 15px;
            font-weight: 600;
            line-height: normal;
          }
    
          .jdgm-rev__body p {
            color: var(--b-w-gray-700, #333);
            font-size: 14px;
            font-weight: 400;
            line-height: normal;
            word-break: break-all;
          }

          .jdgm-rev__body-read-more {
            margin-block-start: 20px;
            width: fit-content;
            font-size: 14px;
            font-weight: 400;
            line-height: normal;
            color: var(--kglowing-point);
            letter-spacing: -0.014px;
            text-decoration-line: underline;
            text-decoration-style: solid;
            text-decoration-skip-ink: auto;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
          }
          
          .jdgm-rev__body.is-truncated .jdgm-rev__body-read-more {
            display: block;
          }
          
          .jdgm-rev__custom-form:empty {
            display: none;
          }

          .jdgm-rev__pic-link {
            border-radius: 4px;
            overflow: hidden;
          }
          
          .jdgm-rev__custom-form {
            margin: 20px 0 0;
            padding: 20px;
            border-radius: 4px;
            background: var(--b-w-gray-200, #F6F6F6);

            .jdgm-rev__cf-ans--type {
              margin: 0;
              display: flex;
              flex-direction: column;
              gap: 10px;

              .jdgm-rev__cf-ans {
                margin: 0;
                line-height: 0;

                .jdgm-rev__cf-ans__title {
                  color: var(--b-w-gray-900, #111);
                  font-size: 14px;
                  font-weight: 500;
                  line-height: normal;
                }

                .jdgm-rev__cf-ans__value {
                  color: var(--b-w-gray-700, #333);
                  font-size: 14px;
                  font-weight: 400;
                  line-height: 20px;
                }
              }
            }
          } 
        }
    
        .jdgm-rev__actions {
          margin: 0;
          padding: 0 20px;
          
          /* 버튼 스타일 */
          .jdgm-rev__thumb-btn {
            padding: 0;
            display: inline-block;
            width: 12px; /* 버튼 크기 */
            height: 12px;
            background-size: contain;
            background-repeat: no-repeat;
            cursor: pointer;
          }
          
          /* up 아이콘 변경 */
          .jdgm-rev__thumb-btn.jdgm-rev_thumb-up {
            background: url('//kglowing.com/cdn/shop/t/30/assets/ic-thumb-up.svg?v=4406685050039067341744938866') no-repeat center center;
    
             &::before {
              content: '';
            }
          }
          
          /* down 아이콘 변경 */
          .jdgm-rev__thumb-btn.jdgm-rev_thumb-down {
            background: url('//kglowing.com/cdn/shop/t/30/assets/ic-thumb-down.svg?v=174340960752634890071744938865') no-repeat center center;
    
            &::before {
              content: '';
            }
          }
          
          /* 버튼 사이 구분선 */
          .jdgm-rev__votes-inner {
            display: flex;
            align-items: center;
          }
    
          .jdgm-rev__thumb-btn:first-of-type {
            margin-left: 0;
          }
          
          .jdgm-rev__thumb-btn + .jdgm-rev__thumb-count {
            position: relative;
            padding-left: 2px; /* 간격 추가 */
          }
    
          .jdgm-rev__thumb-count {
            margin-right: 16px;
            font-size: 12px;
            font-weight: 400;
            line-height: normal;
            color: var(--b-w-gray-500, #999);
    
            &:last-of-type {
              margin-right: 0;
            }
          }
    
          .jdgm-rev_thumb-down {
            position: relative;
          }
    
          .jdgm-rev_thumb-down::before {
            content: '';
            position: absolute;
            top: 50%;
            left: -8px;
            transform: translateY(-50%);
            display: block;
            width: 1px;
            height: 10px;
            background-color: #eee;
          }
          
          /* count에 괄호 추가 */
          .jdgm-rev__thumb-count::before {
            content: '(';
          }
          
          .jdgm-rev__thumb-count::after {
            content: ')';
          }
        }

        .jdgm-rev__reply {
          margin: 20px 20px 0;
          padding: 20px;
          border-radius: 4px;
          background: var(--b-w-gray-200, #F6F6F6);

          &::before {
            content: '';
            dispaly: block;
            width: 100%;
            height: 1px;
            background: #ddd;
          }

          .jdgm-rev__replier-wrapper {
            margin-bottom: 8px;
            
            .jdgm-rev__replier {
              color: var(--b-w-gray-700, #333);
              font-size: 14px;
              font-weight: 600;
              line-height: normal;
            }
          }

          .jdgm-rev__reply-content p {
            margin: 0;
            color: var(--b-w-gray-700, #333);
            font-size: 14px;
            font-weight: 400;
            line-height: normal;
          }
        }
      }
    }

    /* 공통 스타일 */
    .jdgm-paginate {
      padding: 0;
      border: 0;
      padding-block: 20px 48px;
      padding-inline: 34px;
      display: flex; /* 가로 정렬 */
      justify-content: center; /* 양쪽 끝 배치 */
      align-items: center; /* 세로 정렬 */
      gap: 20px; /* 아이템 간 간격 */
    }
    
    /* 네비게이션 버튼 (양쪽 끝) */
    .jdgm-paginate__prev-page,
    .jdgm-paginate__next-page {
      position: absolute;
      cursor: pointer;
      text-align: center;
      transition: background-color 0.2s ease;
    }

    .jdgm-paginate__prev-page {
      left: 14px;
    }

    .jdgm-paginate__next-page {
      right: 14px; 
    }
  
    
    /* .jdgm-paginate__page 중 rel 속성이 없는 경우 스타일 적용 */
    .jdgm-paginate__page:not([rel="next"]):not([rel="prev"]) {
      padding: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 32px;
      height: 32px;
      color: #111;
      font-size: 14px;
      font-weight: 400;
      background-color: #fff;
      border-radius: 4px;
      cursor: pointer;
      text-align: center;
      transition: background-color 0.2s ease;

      &.jdgm-curt {
        background-color: #000;
        color: #fff;
      }
    }

    .jdgm-paginate-numbers .jdgm-paginate__page:hover {
      background-color: #f0f0f0;
    }

    .jdgm-paginate__first-page,
    .jdgm-paginate__last-page {
      display: none !important;
    }

    .jdgm-paginate__prev-page {
      padding: 0;
      width: 20px;
      height: 20px;
    }

    .jdgm-paginate__prev-page:before {
      content: '';
      display: block;
      width: 20px;
      height: 20px;
      background-image: url('//kglowing.com/cdn/shop/t/30/assets/ic-paginate-prev.png?v=117787574264633706471744938863'); /* 기본 아이콘 URL */
      background-size: contain;
      background-repeat: no-repeat;
    }
    
    .jdgm-paginate__next-page {
      padding: 0;
      width: 20px;
      height: 20px;
    }

    .jdgm-paginate__next-page:before {
      content: '';
      display: block;
      width: 20px;
      height: 20px;
      background-image: url('//kglowing.com/cdn/shop/t/30/assets/ic-paginate-next.png?v=136678840623831924151744938862'); /* 기본 아이콘 URL */
      background-size: contain;
      background-repeat: no-repeat;
    }
  }

  /*! form wrapper */
  .jdgm-question-form-wrapper,
  .jdgm-form-wrapper {
    padding: 0;
    padding-block: 32px;

    .jdgm-form {
      padding: 0;
      padding-inline: 20px;

      .jdgm-form__title {
        margin-bottom: 24px;
        color: var(--b-w-gray-900, #111);
        font-size: 20px;
        font-weight: 600;
        line-height: normal;
        text-transform: capitalize;
      }

      .jdgm-form__fieldset {
        margin-block-end: 30px;
        
        > label {
          margin-block-end: 12px;
          color: var(--b-w-gray-900, #111);
          font-size: 14px;
          font-weight: 500;
          line-height: 20px;
        }

        .jdgm-form__rating .jdgm-star.jdgm--on:before,
        .jdgm-form__rating .jdgm-star.jdgm--off:before {
          width: 32px;
          height: 32px;
        }

        input[type="text"],
        input[type="email"],
        textarea {
          padding: 16px;
          color: #111;
          font-size: 14px;
          font-weight: 400;
          line-height: 20px;
          border-radius: 4px;
          border: 1px solid var(--b-w-gray-300, #EEE);
          background: var(--b-w-gray-50, #FFF);
        }

        textarea {
          height: 200px;
          resize: none;
        }

        .jdgm-picture-fieldset__box {
          width: 96px;
          height: 96px;
        }

        .jdgm-picture-fieldset__box-wrapper {
          border-radius: 4px;
          border: 1px solid var(--b-w-gray-400, #DDD);
          background: var(--b-w-gray-50, #FFF);
          overflow: hidden;

          .jdgm-media-fieldset__icon {
            &:before {
              content: '';
              display: block;
              width: 28px;
              height: 32px;
              background-image: url('//kglowing.com/cdn/shop/t/30/assets/ic-upload.svg?v=48613443421238208031744938866'); /* 기본 아이콘 URL */
              background-size: contain;
              background-repeat: no-repeat;
            }
          }
        }

        .jdgm-cf-label-radio:before {
          top: 0;
          width: 20px;
          height: 20px;
          background: #fff;
          border: 1px solid #ddd;
        }

        input[type="radio"]:checked+.jdgm-cf-label-radio:after {
          top: 0;
          left: 0;
          width: 20px;
          height: 20px;
          border-radius: 50%;
          border: 5px solid #111;
          background-color: #fff;
        }
        
        .jdgm-cf__option label {
          padding-inline-start: 30px;
          color: #333;
          font-size: 14px;
          font-weight: 500;
          line-height: 20px;
        }

        .jdgm-cf-label-checkbox::before {
          content: '';
          position: absolute;
          left: 0;
          top: 50%;
          transform: translateY(-50%);
          width: 20px;
          height: 20px;
          background-image: url('//kglowing.com/cdn/shop/t/30/assets/ic-checkbox.png?v=30036345378989527931744938856'); /* 기본 아이콘 URL */
          background-size: contain;
          background-repeat: no-repeat;
          border: 0;
        }
        
        /* 체크박스가 선택된 상태일 때 아이콘 변경 */
        input[type="checkbox"]:checked + .jdgm-cf-label-checkbox:before {
          background-image: url('//kglowing.com/cdn/shop/t/30/assets/ic-checkbox-active.png?v=84669315220463571381744938856'); /* 선택된 아이콘 URL */
        }

        input[type="checkbox"]:checked + .jdgm-cf-label-checkbox::after {
          display: none;
        }

        .jdgm-cf__options:not([data-type="text"]) .jdgm-cf__option:not(:last-of-type) {
          margin-block-end: 10px;
        }

        &.jdgm-form__fieldset-actions {
          margin-block-end: 0;
          display: flex; /* 플렉스 컨테이너 */
          flex-direction: row;
          justify-content: space-between; /* 양쪽 끝으로 배치 */
          align-items: center; /* 세로 정렬 */
          gap: 8px; /* 버튼 간격 */
        }

        .jdgm-btn {
          padding: 14px 20px;
          width: 100%;
          height: 52px;
          display: inline-block;
          color: var(--b-w-gray-900, #111);
          text-align: center;
          font-size: 16px;
          font-weight: 500;
          line-height: 24px;
          letter-spacing: -0.016px;
          text-transform: capitalize;
          border-radius: 4px;
          cursor: pointer;
          transition: all 0.2s ease;
        }
        
        /* Cancel 버튼 스타일 */
        .jdgm-cancel-question,
        .jdgm-cancel-rev {
          margin: 0;
          background-color: #fff;
          border: 1px solid #eee;
        }
                
        /* Submit 버튼 스타일 */
        .jdgm-submit-question,
        .jdgm-submit-rev {
          color: #fff;
          background-color: #111;
          border: 0;
        }
      }
    }
  }

  /*! notification */
  .jdgm-notification {
    .jdgm-notification__inner {
      padding: 32px 20px; 40px;
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      color: var(--b-w-gray-500, #999);
      font-size: 14px;
      font-weight: 400;
      line-height: normal;

      .jdgm-notification__title {
        margin-bottom: 6px;
        color: var(--b-w-gray-900, #111);
        font-size: 20px;
        font-weight: 600;
        line-height: normal;
        text-transform: capitalize;
      }
    }
  }

  /*! quest */
  .jdgm-quest-widg__body {
    .jdgm-quest {
      border: 0;
      padding: 24px 20px 32px;

      .jdgm-rev__header {
        .jdgm-row-profile {
          .jdgm-rev__icon {
            display: none;
          }
        }

        .jdgm-rev__author-wrapper {
          .jdgm-rev__author {
            color: var(--b-w-gray-900, #111);
            font-size: 14px;
            font-weight: 600;
            line-height: normal;
            text-transform: capitalize;
          }
        }
      }

      .jdgm-rev__timestamp {
        margin-top: 4px;
        color: var(--b-w-gray-500, #999);
        font-size: 12px;
        font-weight: 400;
        line-height: normal;
      }
  
      .jdgm-rev__content {        
        .jdgm-rev__title {
          color: var(--b-w-gray-700, #333);
          font-size: 15px;
          font-weight: 600;
          line-height: normal;
        }
  
        .jdgm-rev__body p {
          color: var(--b-w-gray-700, #333);
          font-size: 14px;
          font-weight: 400;
          line-height: normal;
          word-break: break-all;
        }

        .jdgm-rev__body-read-more {
          margin-block-start: 20px;
          width: fit-content;
          font-size: 14px;
          font-weight: 400;
          line-height: normal;
          color: var(--kglowing-point);
          letter-spacing: -0.014px;
          text-decoration-line: underline;
          text-decoration-style: solid;
          text-decoration-skip-ink: auto;
          text-decoration-thickness: auto;
          text-underline-offset: auto;
          text-underline-position: from-font;
        }
        
        .jdgm-rev__body.is-truncated .jdgm-rev__body-read-more {
          display: block;
        }
        
        .jdgm-rev__custom-form:empty {
          display: none;
        }
        
        .jdgm-rev__custom-form {
          margin: 20px 0 0;
          padding: 20px;
          border-radius: 4px;
          background: var(--b-w-gray-200, #F6F6F6);

          .jdgm-rev__cf-ans--type {
            margin: 0;
            display: flex;
            flex-direction: column;
            gap: 10px;

            .jdgm-rev__cf-ans {
              margin: 0;
              display: flex;
              align-items: center;
              gap: 4px;

              .jdgm-rev__cf-ans__title {
                color: var(--b-w-gray-900, #111);
                font-size: 14px;
                font-weight: 500;
                line-height: normal;
              }

              .jdgm-rev__cf-ans__value {
                color: var(--b-w-gray-700, #333);
                font-size: 14px;
                font-weight: 400;
                line-height: 20px;
              }
            }
          }
        } 
      }

      .jdgm-rev__actions {
        margin: 0;
      }

      .jdgm-quest__answers {
        margin-top: 16px;
        
        .jdgm-ans {
          margin: 0;
          padding: 20px;
          border-radius: 4px;
          background: var(--b-w-gray-200, #F6F6F6);

          .jdgm-rev__timestamp {
            display: none;
          }

          .jdgm-rev__author-wrapper {
            margin-bottom: 8px;
            
            .jdgm-rev__replier {
              color: var(--b-w-gray-700, #333);
              font-size: 14px;
              font-weight: 600;
              line-height: normal;
            }
          }

          .jdgm-ans__content {
            margin: 0;
            
            .jdgm-rev__body.jdgm-ans__body {
              p {
                color: var(--b-w-gray-900, #111);
                font-size: 14px;
                font-weight: 400;
                line-height: normal;
              }

              .jdgm-rev__body-read-more {
                margin-block-start: 20px;
                width: fit-content;
                font-size: 14px;
                font-weight: 400;
                line-height: normal;
                color: var(--kglowing-point);
                letter-spacing: -0.014px;
                text-decoration-line: underline;
                text-decoration-style: solid;
                text-decoration-skip-ink: auto;
                text-decoration-thickness: auto;
                text-underline-offset: auto;
                text-underline-position: from-font;
              }
            }

            .jdgm-ans__body.is-truncated .jdgm-rev__body-read-more {
              display: block;
            }
          }
        }
      }
    }
    
    .jdgm-quest + .jdgm-quest {
      border-top: 8px solid #f6f6f6;
    }

  }
}

/*! photo review modal */
.jm-mfp-wrap .jm-mfp-container {
  padding: 0 24px !important;
  display: block;
  
  .jm-mfp-main {
    margin: 0;
    margin-block: 48px;
    max-width: 560px;
    width: 100%;
    height: auto;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background-color: transparent;

    .jm-mfp-carousel-wrapper {
      position: relative;
      width: 100%;
      height: 440px;
      overflow: hidden;

      .jm-mfp-content-wrapper {
        min-height: 320px;

        & .jm-mfp-content .jm-mfp-figure > figure {
          height: 320px;
        }
      }

      .jm-mfp-carousel {
        position: absolute;
        bottom: 0;
        padding: 0;
        padding-block: 20px;
        width: 100%;


        .jdgm-gallery {
          padding-inline: 20px;
          font-size: 0;
          line-height: 0;
          
          &::-webkit-scrollbar {
            display: none;
          }
          
          .jdgm-gallery__thumbnail-link {
            width: 80px;
            border-radius: 4px;
            border: 1px solid rgba(255, 255, 255, 0.10);
            overflow: hidden;

            &.jdgm-gallery__thumbnail-link--current .jdgm-gallery__thumbnail-wrapper .jdgm-gallery__thumbnail {
              padding: 4px;
            }
            
            .jdgm-gallery__thumbnail-wrapper .jdgm-gallery__thumbnail {
              padding: 0;
              border: 0;
            }
          }

          .jdgm-gallery__thumbnail-link + .jdgm-gallery__thumbnail-link {
            margin-inline-start: 8px;
          }
        }
      }
    }

    .jm-mfp-review-wrapper {
      padding: 0;

      .jm-mfp-close {
        top: 10px;
        right: 10px;
        font-size: 0;
        width: 16px;
        height: 16px;
        background: url('//kglowing.com/cdn/shop/t/30/assets/ic-modal-close.png?v=23905400972290787021744938860') no-repeat center center;
        background-size: contain;
        opacity: 1;
      }

      .jdgm-rev {
        padding: 0;

        .jdgm-rev__header {
          margin: 0;
          padding: 24px 20px 16px;
          border-bottom: 1px solid #eee;

          .jdgm-row-rating {
            margin: 0;
            margin-block-end: 10px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            line-height: 1;
            
            .jdgm-rev__rating {
              display: flex;
              gap: 2px;
              line-height: 0;
              
              .jdgm-star {
                padding: 0 !important;
              }
  
              .jdgm-star.jdgm--on::before {
                content: '';
                background: url('//kglowing.com/cdn/shop/t/30/assets/ic-full-star-black.svg?v=53175824938326856681744938858') no-repeat center center;
                background-size: contain;
                display: inline-block;
                width: 16px;
                height: 16px
              }
              
              .jdgm-star.jdgm--off::before {
                content: '';
                background: url('//kglowing.com/cdn/shop/t/30/assets/ic-empty-star-black.svg?v=18738112943889541451744938857') no-repeat center center;
                background-size: contain;
                display: inline-block;
                width: 16px;
                height: 16px
              }
            }

          }

          .jdgm-rev__icon {
            display: none;
          }
          
          .jdgm-row-profile {
            .jdgm-rev__author {
              color: var(--b-w-gray-550, #777);
              font-size: 14px;
              font-weight: 400;
              line-height: normal;
            }
          }
  
          .jdgm-row-extra {
            display: none;
          }
        }

        .jdgm-rev__content {
          padding: 16px 20px 32px;

          .jdgm-rev__title {
            margin-bottom: 8px;
            color: var(--b-w-gray-700, #333);
            font-size: 15px;
            font-weight: 600;
            line-height: normal;
          }

          .jdgm-rev__body p {
            color: var(--b-w-gray-700, #333);
            font-size: 14px;
            font-weight: 400;
            line-height: normal;
            word-break: break-all;
          }

          .jdgm-rev__custom-form {
            margin: 0;
            margin-block-start: 20px;
            padding: 20px;
            display: flex;
            flex-direction: column;
            gap: 10px;
            border-radius: 4px;
            background: var(--b-w-gray-200, #F6F6F6);
            

            .jdgm-rev__cf-ans {
              margin: 0;

              .jdgm-rev__cf-ans__title {
                display: inline; 
                color: var(--b-w-gray-900, #111);
                font-size: 14px;
                font-weight: 500;
                line-height: normal;
              }

              .jdgm-rev__cf-ans__value {
                color: var(--b-w-gray-700, #333);
                font-size: 14px;
                font-weight: 400;
                line-height: 20px;
              }
            }
          }
        }
      }
    }
  }
}

.jm-mfp-wrap .jm-mfp-container .jm-mfp-content .jm-mfp-close {
  top: 16px;
  font-size: 0;
  width: 16px;
  height: 16px;
  background: url('//kglowing.com/cdn/shop/t/30/assets/ic-modal-close.png?v=23905400972290787021744938860') no-repeat center center;
  background-size: contain;
  opacity: 1;
}