/* reviews */
.ht-paws{display:inline-flex;gap:2px;color:#F6CE2B}
.ht-paw{fill:currentColor;width:18px;height:18px}
.ht-rev{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ht-gap)}
.ht-r{border:3px solid var(--ht-ink);border-radius:18px;background:#fff;overflow:hidden;display:flex;flex-direction:column;box-shadow:6px 6px 0 var(--ht-ink)}
.ht-r__ph{position:relative;aspect-ratio:4/5;overflow:hidden;border-bottom:3px solid var(--ht-ink);background:#F6F4EE}
.ht-r__ph>img,.ht-r__ph>svg{position:absolute;inset:0;width:100% !important;height:100% !important;max-width:none;object-fit:cover;display:block}
.ht-r__paws{position:absolute;left:12px;bottom:12px;background:#fff;border:2px solid var(--ht-ink);border-radius:999px;padding:5px 10px}
.ht-r__paws .ht-paw{width:15px;height:15px;position:static}
.ht-r__body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.ht-sec .ht-r__title{font-size:18px !important;letter-spacing:.03em;margin:0}
.ht-r q{font-size:15px;line-height:1.5;quotes:none;margin:0;color:var(--ht-ink);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.ht-r__who{margin-top:auto;padding-top:12px;border-top:1px solid var(--ht-line);display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:var(--ht-grey)}
.ht-r__who b{font-weight:400;color:var(--ht-ink)}
.ht-r__v{font-family:var(--ht-display);text-transform:uppercase;font-size:10px;letter-spacing:.1em;background:var(--ht-ink);color:#fff;border-radius:999px;padding:3px 8px}
.ht-r__prod{width:100%;font-size:12px}
.ht-r__prod a{color:inherit;text-decoration:underline}
.ht-score{display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit}
.ht-sec .ht-score__big{font-size:44px !important;line-height:1}
.ht-score small{font-size:13px;color:var(--ht-grey);line-height:1.5}
@media (max-width:980px){
  .ht-rev{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:calc(var(--ht-gutter) + 10px);margin:0 calc(-1 * var(--ht-gutter));padding:0 var(--ht-gutter) 10px calc(var(--ht-gutter) + 10px);scrollbar-width:none}
  .ht-rev::-webkit-scrollbar{display:none}
  .ht-r{flex:0 0 78%;scroll-snap-align:start;box-shadow:4px 4px 0 var(--ht-ink)}
  .ht-r__ph{aspect-ratio:1}
}