#hodnoceniobchodu {
  --cdmc-star-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.9 6.26 6.85.7-5.1 4.6 1.44 6.72L12 16.9l-6.09 3.38 1.44-6.72-5.1-4.6 6.85-.7z'/%3E%3C/svg%3E");
  --cdmc-user-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10zm0 2c-4.42 0-8 2.24-8 5v1h16v-1c0-2.76-3.58-5-8-5z'/%3E%3C/svg%3E");

  box-sizing: border-box;
  display: block;
  max-width: var(--cdmc-max, 1344px);
  margin: 0 auto var(--cdmc-section-gap, 64px);
  padding: 0 16px;
  font-family: var(--cdmc-font);
  color: var(--cdmc-ink, #171717);
}

#hodnoceniobchodu * {
  box-sizing: border-box;
}

#hodnoceniobchodu > br {
  display: none;
}
#hodnoceniobchodu > h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  margin: 0 0 18px;
  font-family: var(--cdmc-font);
  font-size: 40px;
  line-height: 1.25;
  font-weight: 600;
  text-align: center;
}

#hodnoceniobchodu > h2 a {
  text-decoration: none;
  color: inherit;
}

#hodnoceniobchodu > h2::before,
#hodnoceniobchodu > h2::after {
  content: "";
  flex: 0 0 auto;
  width: 22px;
  height: 30px;
  background-color: var(--cdmc-blue, #385bff);
  -webkit-mask: var(--cdmc-tri-shape) no-repeat center / contain;
  mask: var(--cdmc-tri-shape) no-repeat center / contain;
}

#hodnoceniobchodu > h2::after {
  transform: scaleX(-1);
}
#hodnoceniobchodu .shop-eval-stars {
  margin: 0 0 28px;
  text-align: center;
}

#hodnoceniobchodu .rate-average-inner {
  display: none;
}
#hodnoceniobchodu .stars {
  display: inline-flex;
  gap: 0 !important;
  vertical-align: middle;
  font-size: 20px;
  line-height: 1;
}

#hodnoceniobchodu .star {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: #d9d9d9;
  -webkit-mask: var(--cdmc-star-shape) no-repeat center / contain;
  mask: var(--cdmc-star-shape) no-repeat center / contain;
}

#hodnoceniobchodu .star::before,
#hodnoceniobchodu .star::after {
  content: none;
}

#hodnoceniobchodu .star-on {
  background-color: var(--cdmc-blue-alt, #5170ff);
}

#hodnoceniobchodu .star-half {
  background-color: transparent;
  background-image: linear-gradient(
    90deg,
    var(--cdmc-blue-alt, #5170ff) 50%,
    #d9d9d9 50%
  );
}
#hodnoceniobchodu .shop-eval {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 34px;
}
#hodnoceniobchodu .vote-wrap:nth-of-type(n + 5) {
  display: none;
}

#hodnoceniobchodu .vote-wrap {
  display: grid !important;
  width: 100%;
  grid-template-columns: 120px minmax(0, 1fr);
  column-gap: 24px;
  align-content: start;
  margin: 0;
  padding: 36px 32px !important;
  border-radius: var(--cdmc-radius, 14px) !important;
  background: var(--cdmc-surface-soft, #f2f2f0);
  box-shadow: 2px 8px 4.3px -2px rgba(0, 0, 0, 0.2) inset;
}
#hodnoceniobchodu .vote-wrap::before {
  content: "";
  display: block !important;
  grid-column: 1;
  grid-row: 1 / 3;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  /* webpackIgnore drzi cestu tak, jak je - soubor lezi az na eshopu */
  background-image: /* webpackIgnore: true */ url("/user/documents/upload/avatar.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

#hodnoceniobchodu .vote-header {
  grid-column: 2;
  grid-row: 1;
}

#hodnoceniobchodu .vote-content {
  grid-column: 2;
  grid-row: 2;
}
#hodnoceniobchodu .vote-summary {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#hodnoceniobchodu .vote-name {
  font-size: 28px;
  line-height: 1.26;
  font-weight: 700;
  white-space: normal;
}

#hodnoceniobchodu .vote-rating {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: auto;
  gap: 8px 12px;
  font-size: 18px;
  line-height: 1.25;
}

#hodnoceniobchodu .vote-time {
  order: -1;
  flex: 1 1 100%;
}

#hodnoceniobchodu .vote-delimeter {
  display: none !important;
}

#hodnoceniobchodu .vote-content {
  margin-top: 16px;
  font-size: 18px;
  line-height: 1.6;
}

#hodnoceniobchodu .vote-content br {
  display: none;
}

#hodnoceniobchodu .heureka-rating-group {
  margin: 0 0 6px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

#hodnoceniobchodu .heureka-rating-group > div {
  position: relative;
  margin-bottom: 0px;
  padding-left: 15px;
  line-height: 1;
}
#hodnoceniobchodu .heureka-rating-group.plus > div::first-letter {
  font-size: 0;
}

#hodnoceniobchodu .heureka-rating-group.plus > div::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 10px;
  height: 15px;
  background-color: var(--cdmc-blue, #385bff);
  -webkit-mask: var(--cdmc-tri-shape) no-repeat center / contain;
  mask: var(--cdmc-tri-shape) no-repeat center / contain;
}
#hodnoceniobchodu .shop-stat-all {
  display: none;
}

@media (max-width: 991px) {
  #hodnoceniobchodu > h2 {
    font-size: 30px;
  }

  #hodnoceniobchodu .shop-eval {
    grid-template-columns: minmax(0, 1fr);
  }

  #hodnoceniobchodu .vote-name {
    font-size: 24px;
  }
}

@media (max-width: 767px) {
  #hodnoceniobchodu > h2 {
    font-size: 24px;
    gap: 12px;
  }

  #hodnoceniobchodu .vote-wrap {
    grid-template-columns: 80px minmax(0, 1fr);
    column-gap: 16px;
    padding: 24px 20px;
  }

  #hodnoceniobchodu .vote-wrap::before {
    width: 80px;
    height: 80px;
  }

  #hodnoceniobchodu .vote-name {
    font-size: 20px;
  }

  #hodnoceniobchodu .vote-rating,
  #hodnoceniobchodu .vote-content {
    font-size: 16px;
  }
}