/* Softaken Reviews — Trustpilot / G2 inspired product widget */
.sk-rv{
  --sk-rv-brand:#145971;
  --sk-rv-dark:#0F4557;
  --sk-rv-soft:#E8F6FB;
  --sk-rv-soft2:#F3FAFC;
  --sk-rv-line:#C5E4EF;
  --sk-rv-ink:#132029;
  --sk-rv-muted:#5A6B75;
  --sk-rv-star:#F5A623;
  --sk-rv-star-img:url('https://www.softaken.com/images/starrating.png');
  --sk-rv-ok:#0F766E;
  --sk-rv-warn:#B45309;
  font-family:"Segoe UI",system-ui,-apple-system,sans-serif;
  color:var(--sk-rv-ink);
  -webkit-font-smoothing:antialiased;
}
.sk-rv *{box-sizing:border-box}
.sk-rv a{color:var(--sk-rv-brand)}

/* —— Stars (Softaken sprite) —— */
.sk-rv-star{
  display:block;width:40px;height:40px;flex:0 0 40px;
  background-image:var(--sk-rv-star-img);background-size:cover;background-repeat:no-repeat;
  background-position:center top;
}
.sk-rv-star-icons__fill .sk-rv-star,
.sk-rv-star-icons__fill-inner .sk-rv-star,
.sk-rv-rate__fill .sk-rv-star,
.sk-rv-rate__fill .sk-rv-star-icons__fill-inner .sk-rv-star{
  background-position:center bottom;
}
.sk-rv-star-icons__empty,
.sk-rv-star-icons__fill-inner{
  display:flex;flex-direction:row;align-items:center;width:200px;height:40px;
  direction:ltr;
}
.sk-rv-star-icons,
.sk-rv-star-icons--frac{
  position:relative;display:inline-block;width:200px;height:40px;vertical-align:middle;
  pointer-events:none;flex:0 0 auto;overflow:hidden;direction:ltr;unicode-bidi:isolate;
}
.sk-rv-star-icons__fill{
  position:absolute;left:0;right:auto;top:0;height:40px;overflow:hidden;white-space:nowrap;
  z-index:1;direction:ltr;
}
.sk-rv-star-icons--sm{width:100px;height:20px}
.sk-rv-star-icons--sm .sk-rv-star-icons__empty,
.sk-rv-star-icons--sm .sk-rv-star-icons__fill-inner{width:100px;height:20px}
.sk-rv-star-icons--sm .sk-rv-star{width:20px;height:20px;flex:0 0 20px}
.sk-rv-star-icons--sm .sk-rv-star-icons__fill{height:20px}

/* Hero interactive rating */
.sk-rv-rate.sb-rating,
.sk-rv .sk-rv-rate{
  position:relative;display:inline-block;width:200px;height:40px;vertical-align:middle;flex:0 0 auto;
  direction:ltr !important;unicode-bidi:isolate;
}
.sk-rv-rate__display{
  position:absolute;left:0;top:0;width:200px;height:40px;pointer-events:none;overflow:hidden;direction:ltr;
}
.sk-rv-rate__display .sk-rv-star-icons__empty{position:relative;z-index:0}
.sk-rv-rate__fill{
  position:absolute;left:0;right:auto;top:0;height:40px;overflow:hidden;white-space:nowrap;
  z-index:1;direction:ltr;transition:width .12s ease;
}
.sk-rv-rate__hit{
  position:absolute;inset:0;display:flex;flex-direction:row;z-index:2;direction:ltr;
}
.sk-rv-rate__btn{
  flex:1 1 20%;width:40px;height:40px;margin:0;padding:0;border:0;background:transparent;cursor:pointer;
  appearance:none;-webkit-appearance:none;
}
.sk-rv-rate.sb-rating label,
.sk-rv .sb-rating.sk-rv-rate label{display:none !important}
.sk-rv-rate.sb-rating input,
.sk-rv .sb-rating.sk-rv-rate input{display:none !important}

/* —— Hero badge —— */
.sk-rv-badge{
  display:inline-flex;flex-wrap:wrap;align-items:center;gap:10px 14px;
  margin:12px 0 16px;padding:12px 16px;
  background:linear-gradient(180deg,#fff 0%,var(--sk-rv-soft2) 100%);
  border:1px solid var(--sk-rv-line);border-radius:14px;
  box-shadow:0 8px 24px rgba(15,69,87,.07);max-width:100%;
}
.sk-rv-badge__stars{display:inline-flex;align-items:center;line-height:1}
.sk-rv-badge__meta{font-size:.92rem;color:var(--sk-rv-muted);font-weight:600}
.sk-rv-badge__meta strong{color:var(--sk-rv-ink);font-size:1.08rem}
.sk-rv-badge__link{font-size:.88rem;font-weight:700;text-decoration:none;color:var(--sk-rv-brand)}
.sk-rv-badge__link:hover{text-decoration:underline;color:var(--sk-rv-dark)}
.sk-rv-badge__empty{font-size:.9rem;color:var(--sk-rv-muted)}
.sk-rv-badge__cta{
  display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:8px;
  background:var(--sk-rv-brand);color:#fff!important;font-weight:700;font-size:.85rem;text-decoration:none;
}
.sk-rv-badge__cta:hover{background:var(--sk-rv-dark);color:#fff!important}

/* —— Section shell —— */
.sk-rv-section{
  margin:48px 0;padding:0;
  background:
    radial-gradient(1200px 280px at 10% -10%,rgba(20,89,113,.08),transparent 60%),
    linear-gradient(180deg,var(--sk-rv-soft2) 0%,#fff 42%,#fff 100%);
  border-top:1px solid var(--sk-rv-line);
  border-bottom:1px solid var(--sk-rv-line);
}
.sk-rv-section__inner{max-width:1120px;margin:0 auto;padding:40px 20px 44px}
.sk-rv-section__head{margin-bottom:28px;max-width:720px}
.sk-rv-brandline{
  display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;
  color:var(--sk-rv-brand);font-weight:700;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;
}
.sk-rv-brandline__mark{
  display:inline-flex;align-items:center;justify-content:center;
  width:22px;height:22px;border-radius:6px;background:var(--sk-rv-brand);color:#fff;font-size:.75rem;
}
.sk-rv-section__title{
  margin:0 0 8px;font-size:clamp(1.55rem,2.4vw,2rem);line-height:1.15;
  color:var(--sk-rv-dark);letter-spacing:-.03em;font-weight:800;
}
.sk-rv-section__sub{margin:0 0 14px;color:var(--sk-rv-muted);font-size:.98rem;line-height:1.55}
.sk-rv-trust{
  display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0;
}
.sk-rv-trust li{
  display:inline-flex;align-items:center;gap:6px;
  padding:6px 11px;border-radius:999px;font-size:.78rem;font-weight:700;
  background:#fff;border:1px solid var(--sk-rv-line);color:var(--sk-rv-dark);
}
.sk-rv-trust li::before{
  content:"";width:7px;height:7px;border-radius:50%;background:var(--sk-rv-ok);flex:0 0 auto;
}

/* —— Two-column layout (summary + feed) —— */
.sk-rv-layout{
  display:grid;grid-template-columns:minmax(240px,280px) minmax(0,1fr);
  gap:28px;align-items:start;
}
.sk-rv-layout--empty{grid-template-columns:1fr}

.sk-rv-summary{
  position:sticky;top:16px;
  padding:22px 20px 20px;
  background:#fff;
  border:1px solid var(--sk-rv-line);
  border-radius:18px;
  box-shadow:0 12px 32px rgba(15,69,87,.08);
}
.sk-rv-summary__label{
  margin:0 0 6px;font-size:.8rem;font-weight:800;letter-spacing:.06em;
  text-transform:uppercase;color:var(--sk-rv-ok);
}
.sk-rv-summary__score{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}
.sk-rv-summary__score b{
  font-size:3.2rem;line-height:1;letter-spacing:-.04em;color:var(--sk-rv-ink);font-weight:800;
}
.sk-rv-summary__of{font-size:.92rem;color:var(--sk-rv-muted);font-weight:600}
.sk-rv-summary__stars{margin:4px 0 8px}
.sk-rv-summary__stars .sk-rv-star-icons,
.sk-rv-card__stars .sk-rv-star-icons{width:110px;height:22px}
.sk-rv-summary__stars .sk-rv-star-icons__empty,
.sk-rv-summary__stars .sk-rv-star-icons__fill-inner,
.sk-rv-card__stars .sk-rv-star-icons__empty,
.sk-rv-card__stars .sk-rv-star-icons__fill-inner{width:110px;height:22px}
.sk-rv-summary__stars .sk-rv-star,
.sk-rv-card__stars .sk-rv-star{width:22px;height:22px;flex:0 0 22px}
.sk-rv-summary__stars .sk-rv-star-icons__fill,
.sk-rv-card__stars .sk-rv-star-icons__fill{height:22px}
.sk-rv-summary__based{
  margin:0 0 16px;font-size:.88rem;color:var(--sk-rv-muted);
}
.sk-rv-summary__based strong{color:var(--sk-rv-ink)}

.sk-rv-bars{display:grid;gap:8px;margin-bottom:18px}
.sk-rv-bar{
  display:grid;grid-template-columns:18px 1fr 36px;gap:8px;align-items:center;
  font-size:.78rem;color:var(--sk-rv-muted);font-weight:600;
}
.sk-rv-bar__star{text-align:right}
.sk-rv-bar__track{
  height:9px;background:var(--sk-rv-soft);border-radius:999px;overflow:hidden;
}
.sk-rv-bar__fill{
  height:100%;background:linear-gradient(90deg,#F7C948,var(--sk-rv-star));
  border-radius:999px;min-width:0;
}
.sk-rv-bar__pct{text-align:right;font-variant-numeric:tabular-nums}

/* —— Buttons / links —— */
.sk-rv-btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:44px;padding:0 18px;border-radius:10px;
  background:var(--sk-rv-brand);color:#fff!important;font-weight:700;
  text-decoration:none!important;font-size:.92rem;
  box-shadow:0 6px 16px rgba(20,89,113,.22);
  transition:background .15s ease,transform .15s ease;
}
.sk-rv-btn:hover{background:var(--sk-rv-dark);transform:translateY(-1px)}
.sk-rv-btn--block{width:100%;margin-bottom:10px}
.sk-rv-btn--ghost{
  background:#fff;color:var(--sk-rv-brand)!important;
  border:1px solid var(--sk-rv-line);box-shadow:none;
}
.sk-rv-btn--ghost:hover{background:var(--sk-rv-soft);color:var(--sk-rv-dark)!important}
.sk-rv-link{font-weight:700;text-decoration:none}
.sk-rv-link:hover{text-decoration:underline}
.sk-rv-link--muted{
  display:block;text-align:center;font-size:.86rem;color:var(--sk-rv-muted)!important;font-weight:600;
}

/* —— Review cards (G2-style) —— */
.sk-rv-feed{min-width:0}
.sk-rv-grid{display:grid;gap:16px;grid-template-columns:1fr}
.sk-rv-card{
  background:#fff;
  border:1px solid var(--sk-rv-line);
  border-radius:16px;
  padding:20px 22px;
  display:flex;flex-direction:column;gap:10px;
  box-shadow:0 4px 18px rgba(15,69,87,.05);
  transition:box-shadow .18s ease,border-color .18s ease;
}
.sk-rv-card:hover{
  border-color:#9FD0E2;
  box-shadow:0 10px 28px rgba(15,69,87,.1);
}
.sk-rv-card__top{
  display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:start;
}
.sk-rv-card__avatar{
  width:44px;height:44px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(145deg,var(--sk-rv-brand),var(--sk-rv-dark));
  color:#fff;font-weight:800;font-size:.92rem;letter-spacing:.02em;
}
.sk-rv-card__who{min-width:0}
.sk-rv-card__name-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.sk-rv-card__name{font-weight:800;font-size:.98rem;color:var(--sk-rv-ink)}
.sk-rv-card__date{
  font-size:.8rem;color:var(--sk-rv-muted);font-weight:600;white-space:nowrap;padding-top:4px;
}
.sk-rv-card__ctx{margin:4px 0 0;font-size:.8rem;color:var(--sk-rv-muted);line-height:1.4}
.sk-rv-card__rating{display:flex;align-items:center;gap:10px}
.sk-rv-card__score{
  font-size:.82rem;font-weight:800;color:var(--sk-rv-dark);
  background:var(--sk-rv-soft);padding:3px 8px;border-radius:6px;
}
.sk-rv-card__title{
  margin:2px 0 0;font-size:1.08rem;line-height:1.35;letter-spacing:-.02em;
  color:var(--sk-rv-ink);font-weight:800;
}
.sk-rv-card__body{
  margin:0;color:#334155;line-height:1.65;font-size:.96rem;
}
.sk-rv-card__badge{
  display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;
  background:var(--sk-rv-soft);color:var(--sk-rv-dark);
  font-size:.7rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase;
}
.sk-rv-card__badge--purchase{background:var(--sk-rv-brand);color:#fff}
.sk-rv-card__badge--email{background:var(--sk-rv-dark);color:#fff}
.sk-rv-card__badge--hist{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0;text-transform:none}

.sk-rv-card__pc{
  display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:4px;
}
.sk-rv-card__pros,
.sk-rv-card__cons{
  padding:12px 14px;border-radius:12px;font-size:.88rem;line-height:1.5;
}
.sk-rv-card__pros{background:#F0FDFA;border:1px solid #99F6E4}
.sk-rv-card__cons{background:#FFF7ED;border:1px solid #FED7AA}
.sk-rv-card__pc-label{
  display:block;margin-bottom:4px;font-size:.72rem;font-weight:800;
  letter-spacing:.04em;text-transform:uppercase;
}
.sk-rv-card__pros .sk-rv-card__pc-label{color:var(--sk-rv-ok)}
.sk-rv-card__cons .sk-rv-card__pc-label{color:var(--sk-rv-warn)}
.sk-rv-card__pros p,
.sk-rv-card__cons p{margin:0;color:#334155}

.sk-rv-card__reply{
  margin-top:4px;padding:14px 14px 12px;
  background:var(--sk-rv-soft2);border:1px solid var(--sk-rv-line);
  border-left:3px solid var(--sk-rv-brand);border-radius:0 12px 12px 0;
}
.sk-rv-card__reply-head{
  display:flex;align-items:center;gap:8px;margin-bottom:6px;
  font-size:.86rem;color:var(--sk-rv-dark);
}
.sk-rv-card__reply-mark{
  width:22px;height:22px;border-radius:6px;background:var(--sk-rv-brand);
  color:#fff;font-size:.72rem;font-weight:800;
  display:inline-flex;align-items:center;justify-content:center;
}
.sk-rv-card__reply p{margin:0;font-size:.9rem;line-height:1.55;color:#334155}

.sk-rv-foot{
  margin:20px 0 0;display:flex;flex-wrap:wrap;gap:12px;align-items:center;
}
.sk-rv-empty{
  padding:36px 24px;border:1px dashed var(--sk-rv-line);border-radius:16px;
  background:#fff;color:var(--sk-rv-muted);text-align:center;
}
.sk-rv-empty__icon{
  width:48px;height:48px;margin:0 auto 12px;border-radius:14px;
  background:var(--sk-rv-soft);color:var(--sk-rv-brand);
  display:flex;align-items:center;justify-content:center;font-size:1.4rem;
}
.sk-rv-empty p{margin:0 0 8px}
.sk-rv-empty .sk-rv-btn{margin-top:12px}

@media (max-width:860px){
  .sk-rv-layout{grid-template-columns:1fr}
  .sk-rv-summary{position:static}
  .sk-rv-card__pc{grid-template-columns:1fr}
}
@media (max-width:520px){
  .sk-rv-section__inner{padding:28px 14px 32px}
  .sk-rv-card{padding:16px}
  .sk-rv-card__top{grid-template-columns:40px 1fr;grid-template-rows:auto auto}
  .sk-rv-card__date{grid-column:2;padding-top:0}
  .sk-rv-summary__score b{font-size:2.6rem}
}
.sk-rv-more{margin-top:8px}
.sk-rv-more>summary{
  cursor:pointer;font-weight:700;color:var(--sk-rv-brand);font-size:.95rem;list-style:none;
  display:inline-flex;align-items:center;min-height:40px;
}
.sk-rv-more>summary::-webkit-details-marker{display:none}
.sk-rv-more[open]>summary{margin-bottom:4px}
