.reviews_container {
    display: grid;
    gap: 10px;
    grid-template-areas:
        "notif notif"
        "filter pagin-up"
        "reviews reviews"
        "pagin-bottom pagin-bottom";
    min-width: 320px;
    padding: 5px;
    float: left;
    width: 100%;
    box-sizing: border-box;
  }
  
  @media (max-width: 620px) {
    .reviews_container {
      grid-template-areas:
          "notif"
          "filter"
          "pagin-up"
          "reviews"
          "pagin-bottom ";
  }
  .reviews-filter {
    justify-content: center;
  }
  div.pagination-product-page-bottom, div.pagination-product-page {
    justify-content: center;
  }
  }

  .product-rewiews-notification {
    grid-area: notif;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 10px 5px 10px 5px;
    background: #fff57f;
    border-radius: 6px;
}


.reviews-filter {
    grid-area: filter;
    display: grid;
    gap: 10px;
    align-items: center;
    justify-content: start;
    grid-template-areas:
      "title all good bad";
  }
  .reviews-filter-title {
    pointer-events: none;
    grid-area: title;
    border-radius: 6px;
    height: auto;
    padding: 5px;
    background: rgba(94, 94, 101, 0.05);
    border-color: transparent;
  }
  .reviews-filter-all {
    grid-area: all;
    display: flex;
    justify-content: center;
    border-radius: 6px;
    align-items: center;
    padding: 4px;
    background: rgba(94, 94, 101, 0.05);
    border-color: transparent;
    box-shadow: 0 0 0px 2px rgb(169 165 165 / 16%);
    transition: all .3s;
  }
  
  .reviews-filter-bad {
    grid-area: bad;
    background: rgba(239, 90, 90, 0.76);
    box-shadow: 0 0 0px 3px rgb(241 127 127 / 16%);
  }
  .reviews-filter-good {
    grid-area: good;
    background: rgba(90, 239, 114, 0.76);
    box-shadow: 0 0 0px 3px rgb(90 239 114 / 15%);
  }
  .reviews-filter-good, .reviews-filter-bad {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    line-height: 27px;
    padding: 0px 5px 0px 5px;
    height: 27px;
    border-radius: 6px;
    transition: all .3s;
  }
  .reviews-filter-good:hover, .reviews-filter-bad:hover, .reviews-filter-all:hover {
    box-shadow: 0 0 0px 3px rgb(0 22 255 / 45%);
    cursor: pointer;
  }
  
  .filter-active {
    box-shadow: 0 0 0px 3px rgb(0 22 255 / 45%);
    cursor: default;
    pointer-events: none;
    color: currentColor;
  }

  .reviews-schema-meta {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  a.reviews-filter-all,
  a.reviews-filter-good,
  a.reviews-filter-bad {
    text-decoration: none;
    color: inherit;
  }

  div.pagination-product-page a.pagination\:number,
  div.pagination-product-page-bottom a.pagination\:number {
    text-decoration: none;
    color: rgb(239, 248, 253);
  }
  
  
  p.no_reviews {
    line-height: 30px;
    font-size: 18px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: #efefef;
    border-radius: 6px;
  }

  /* отзывы товара */
.product-rewiew-container {
    padding: 5px;
    width: 100%;
    min-height: 86px;
    box-sizing: border-box;
    border-radius: 8px;
    height: min-content;
    background: rgba(94, 94, 101, 0.05);
    border-color: transparent;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
    margin-bottom: 3px;
    display: grid;
    gap: 0px;
    max-width: 100%;
    grid-template-columns: 55px calc(100% - 55px);
    grid-template-areas:
        "A B"
        "C C"
        "D D";
  }
  .product-rewiews-body {
    grid-area: reviews;
    display: grid;
    gap: 3px;
  }
    .product-rewiew-good-title {
      padding: 3px;
    }
    
    .product-rewiew-good-title a {
      font-size: 13px;
    }
    
    
  
    
    
    .product-rewiew-icon {
      display: flex;
      grid-area: A;
      align-items: center;
      justify-content: center;
      width: 40px;
      height: 40px;
      border-radius: 6px;
      margin: 6px;
    }
    
    
    
    .good-product-rewiew .product-rewiew-icon {
      background: rgba(90, 239, 114, 0.76);
      box-shadow: 0 0 0px 5px rgb(90 239 114 / 15%);
    }
    
    .bad-product-rewiew .product-rewiew-icon {
      background: rgba(239, 90, 90, 0.76);
      box-shadow: 0 0 0px 5px rgb(241 127 127 / 16%);
    }
    
    .good-product-rewiew .product-rewiew-icon:before {
      content: "";
      width: 29px;
      height: 29px;
      background-image: url("../img/good-rewiew.b0a4ad962fb2.svg");
      background-position: center;
      background-size: cover;
      display: block;
    }
    
    .bad-product-rewiew .product-rewiew-icon:before {
      content: "";
      width: 29px;
      height: 29px;
      background-image: url("../img/bad-rewiew.bb07efcea0ea.svg");
      background-position: center;
      background-size: cover;
      display: block;
    }
    
    
    
    .product-rewiew-text {
      grid-area: B;
      display: flex;
      width: 100%;
      padding: 3px;
      align-items: center;
    }
    
    span.product-rewiew-date {
      color: black;    
      font-size: 12px;
      padding: 5px;
    }
    
    .product-rewiew-date {
      display: flex;
      grid-area: C;
      align-items: center;
      justify-content: flex-end;
      width: 100%;
    }
    .product-seller-answer {
      display: flex;
      grid-area: D;
      
      flex-direction: column;
      padding: 5px;
  }
  .product-seller-answer-title {
    padding-bottom: 5px;
  }