/* /reviews/. Ported from design-src/reviews/page.css. */

/* ===== reviews ===== */
.p-hero > img{object-position:50% 30%}
.rv-summary{padding-bottom:0}
.rv-panel{display:grid;grid-template-columns:220px 1fr 1fr;gap:56px;align-items:center;background:var(--ivory);border-top:3px solid var(--gold);padding:40px 44px;box-shadow:0 40px 70px -50px rgba(47,36,31,.45)}
.score{text-align:center}
.score b{display:block;font-family:var(--serif);font-weight:400;font-size:76px;line-height:1;color:var(--brown)}
.score .stars{color:var(--gold);letter-spacing:5px;font-size:20px;margin:8px 0 4px}
.score span{font-size:14px;color:var(--brown-mid)}
.dist div{display:grid;grid-template-columns:40px 1fr 20px;gap:12px;align-items:center;padding:5px 0;font-size:13px;color:var(--brown-mid)}
.dist i{height:8px;background:var(--linen);position:relative;overflow:hidden}
.dist s{position:absolute;inset:0 auto 0 0;background:var(--gold)}
.dist em{font-style:normal;text-align:right}
.write{display:flex;flex-direction:column;gap:8px;border-left:1px solid var(--gold-soft);padding-left:44px}
.write .caps{color:var(--gold-deep)}
.write label{font-family:var(--serif);font-size:22px;color:var(--brown);line-height:1.2}
.write select{appearance:none;-webkit-appearance:none;height:50px;border:1px solid #dccfb9;border-radius:0;background:var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%238f7a55' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat right 16px center;padding:0 38px 0 14px;font:400 15px var(--sans);color:var(--ink);outline:none;cursor:pointer}
.write select:focus{border-color:var(--gold-deep)}
.write .btn{margin-top:6px}

.rv-list .wrap{max-width:900px}
.rv-bar{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--gold-soft);font-size:14px;color:var(--brown-mid)}
.rv-bar .caps{color:var(--brown)}
.rv{padding:40px 0;border-bottom:1px solid var(--gold-soft)}
.rv-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.rv .stars{color:var(--gold);letter-spacing:5px;font-size:18px}
.rv time{font-size:13px;color:var(--brown-mid)}
.rv blockquote{font-family:var(--serif);font-size:clamp(24px,2.6vw,32px);line-height:1.4;color:var(--brown)}
.rv-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px;flex-wrap:wrap}
.who{color:var(--brown)}
.prod{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--brown-mid)}
.prod img{width:48px;height:48px;object-fit:cover}
.prod span{border-bottom:1px solid var(--gold-soft)}
.prod:hover span{color:var(--gold-deep);border-color:var(--gold)}

.rv-invite{background:var(--linen)}
.rv-invite .stars.hollow{color:var(--gold);letter-spacing:6px;font-size:18px;margin-bottom:10px}

@media (max-width:1060px){
  .rv-panel{grid-template-columns:200px 1fr;gap:36px}
  .write{grid-column:1/-1;border-left:0;border-top:1px solid var(--gold-soft);padding:26px 0 0}
}
@media (max-width:640px){
  .rv-panel{grid-template-columns:1fr;padding:30px 20px;gap:26px}
  .score b{font-size:64px}
  .rv{padding:30px 0}
}

/* theme additions */
.score .stars.hollow{color:var(--gold)}
.prod img{width:48px;height:48px}