/* CMK Grupp Hange.ee profiili kontrollitud hinnangu kujundus.
   Staatiline ja torkekindel: ei sõltu kolmanda osapoole skriptist. */
.cmk-rating-card {
  border-color: rgba(255,255,255,.24);
  box-shadow: 0 24px 62px rgba(0,0,0,.36), 0 0 0 1px rgba(255,138,22,.06);
}
.cmk-rating-card .cmk-hange-card-head {
  padding: 18px 24px;
  background: linear-gradient(111deg,#173753,#12283d);
}
.cmk-rating-main {
  position: relative;
  overflow: hidden;
  padding: 27px 30px 27px;
  background: #fff;
}
.cmk-rating-main::before {
  content: "";
  position: absolute;
  width: 260px;
  height: 260px;
  top: -140px;
  right: -100px;
  background: radial-gradient(circle, rgba(255,138,22,.12), rgba(255,138,22,0) 70%);
  pointer-events: none;
}
.cmk-rating-overview {
  display: flex;
  align-items: center;
  gap: clamp(20px,3vw,38px);
  padding: 2px 0 23px;
  border-bottom: 1px solid #e9eef3;
}
.cmk-rating-numeric {
  flex: 0 0 auto;
  color: #152b40;
  font-size: clamp(3.65rem,5.2vw,5.2rem);
  font-weight: 950;
  letter-spacing: -.075em;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.cmk-rating-numeric span {
  color: #77889a;
  font-size: .27em;
  letter-spacing: -.02em;
  font-weight: 650;
}
.cmk-rating-summary {
  min-width: 0;
  display: grid;
  gap: 4px;
}
.cmk-rating-stars {
  color: #f58a13;
  font-size: clamp(1.15rem,1.9vw,1.53rem);
  letter-spacing: .12em;
  white-space: nowrap;
  line-height: 1.25;
}
.cmk-rating-count { color: #233e58; font-size: 1.05rem; font-weight: 650; }
.cmk-rating-count strong { font-weight: 950; }
.cmk-rating-platform { color: #718094; font-size: .78rem; line-height: 1.5; }
.cmk-rating-quote {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  margin: 20px 0 21px;
  padding: 14px 19px 16px;
  border: 1px solid #ffead4;
  background: #fff8f0;
  border-radius: 13px;
}
.cmk-rating-quote-mark {
  color: #f18c1c;
  font: 900 3rem/1 Georgia, serif;
  height: 25px;
  margin-top: -2px;
}
.cmk-rating-quote p {
  margin: 0;
  color: #2b4056;
  font-size: .95rem;
  font-weight: 650;
  line-height: 1.5;
}
.cmk-rating-quote cite {
  display: block;
  margin-top: 5px;
  color: #667789;
  font-size: .77rem;
  font-style: normal;
}
.cmk-rating-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  padding: 15px 18px;
  border-radius: 12px;
  background: #ff8a16;
  color: #fff;
  font-size: .94rem;
  font-weight: 850;
  line-height: 1.35;
  transition: background-color .15s ease, transform .15s ease;
}
.cmk-rating-action span { font-size: 1.3rem; line-height: 1; }
.cmk-rating-action:hover { color: #fff; background: #e87508; transform: translateY(-1px); }
.cmk-rating-action:focus-visible,
.cmk-rating-foot a:focus-visible { outline: 3px solid #eb7f0c; outline-offset: 3px; }
.cmk-rating-foot {
  font-size: .75rem;
  padding: 13px 24px;
}
.cmk-rating-foot a { white-space: nowrap; }
@media(max-width:1080px) {
  .cmk-rating-card .cmk-hange-card-head { padding: 16px 18px; }
  .cmk-rating-main { padding: 24px 21px; }
  .cmk-rating-overview { gap: 18px; }
  .cmk-rating-numeric { font-size: clamp(3.2rem,5vw,4.6rem); }
  .cmk-rating-stars { letter-spacing: .07em; }
}
@media(max-width:640px) {
  .cmk-rating-card .cmk-hange-card-head { padding: 16px 17px; }
  .cmk-rating-main { padding: 19px 18px 20px; }
  .cmk-rating-overview { gap: 17px; padding: 3px 0 18px; }
  .cmk-rating-numeric { font-size: clamp(3.25rem, 13.5vw,4.35rem); }
  .cmk-rating-stars { font-size: 1.1rem; letter-spacing: .06em; }
  .cmk-rating-count { font-size: .9rem; }
  .cmk-rating-platform { font-size: .68rem; }
  .cmk-rating-quote { gap: 10px; padding: 12px 13px 13px; margin: 17px 0; }
  .cmk-rating-quote-mark { font-size: 2.55rem; }
  .cmk-rating-quote p { font-size: .9rem; }
  .cmk-rating-action { padding: 14px 15px; font-size: .9rem; }
  .cmk-rating-foot { padding: 12px 16px; font-size: .68rem; flex-wrap: wrap; }
}
@media(max-width:360px) {
  .cmk-rating-overview { gap: 11px; }
  .cmk-rating-numeric { font-size: 3rem; }
  .cmk-rating-stars { font-size: .95rem; letter-spacing: .02em; }
  .cmk-rating-main { padding-left: 13px; padding-right: 13px; }
}
@media(prefers-reduced-motion:reduce) {
  .cmk-rating-action { transition: none; }
  .cmk-rating-action:hover { transform: none; }
}