/* ===================== CANDLE LAND REVIEWS: STYLES =====================
   Sab kuch .clv-root ke andar scoped hai taake theme par asar na pare.
   Design values original section jaise hi hain.
======================================================================== */
.clv-root{
  --clv-paper:#F4EBE8;
  --clv-ink:#1A1522;
  --clv-ink-mute:#6A5F6B;
  --clv-indigo:#23246B;
  --clv-magenta:#F76FA6;
  --clv-ember:#FFB463;
  --clv-line:rgba(26,21,34,.16);
  --clv-display:"Fraunces",Georgia,serif;
  --clv-sans:"Jost",system-ui,-apple-system,"Segoe UI",sans-serif;
  --clv-gut:clamp(20px,5vw,72px);
  --clv-maxw:1440px;
  width:100%;
  overflow-x:clip;
}
.clv-root *,.clv-root *::before,.clv-root *::after{box-sizing:border-box}
.clv-root h2,.clv-root p,.clv-root blockquote,.clv-root figure{margin:0;padding:0}
.clv-root blockquote{border:0;quotes:none}
.clv-root blockquote::before,.clv-root blockquote::after{content:none}

/* section */
.clv-root .clv-reviews{
  background:var(--clv-paper);color:var(--clv-ink);
  padding-block:clamp(90px,13vw,180px);overflow:hidden;
  font-family:var(--clv-sans);font-weight:300;line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
.clv-root .clv-wrap{max-width:var(--clv-maxw);margin-inline:auto;padding-inline:var(--clv-gut)}

/* head */
.clv-root .clv-head{display:flex;justify-content:space-between;align-items:flex-end;gap:26px;flex-wrap:wrap;
  margin-bottom:clamp(40px,6vw,72px)}
.clv-root .clv-display,
.clv-root .clv-display *{color:var(--clv-ink)!important}
.clv-root .clv-display{
  font-family:var(--clv-display);font-weight:300;
  font-variation-settings:"SOFT" 40,"WONK" 1,"opsz" 120;
  font-size:clamp(2rem,4.6vw,3.6rem);line-height:.92;letter-spacing:-.022em;
  text-transform:none;max-width:16ch;
}
.clv-root .clv-rv{display:block;overflow:hidden;padding-bottom:.06em}
.clv-root .clv-rv > span{display:block;will-change:transform}
.clv-root .clv-score{display:grid;gap:4px;text-align:right}
.clv-root .clv-score b{font-family:var(--clv-display);font-weight:300;font-size:clamp(2.2rem,4.6vw,3.4rem);
  line-height:1;color:var(--clv-ink)!important}
.clv-root .clv-score span{font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;line-height:1.6;
  color:var(--clv-ink-mute)!important}

/* track */
.clv-root .clv-scroll{padding-inline:var(--clv-gut);overflow:hidden}
.clv-root .clv-track{display:flex;gap:clamp(16px,2vw,28px);width:max-content;will-change:transform}

/* card */
.clv-root .clv-review{width:clamp(280px,32vw,430px);flex:none;border:1px solid var(--clv-line);border-radius:3px;
  padding:clamp(22px,2.6vw,36px);display:grid;gap:18px;align-content:start;background:rgba(255,255,255,.42)}
.clv-root .clv-stars{display:flex;gap:5px}
.clv-root .clv-stars i{width:7px;height:7px;border-radius:50%;background:var(--clv-magenta);display:block}
.clv-root .clv-stars i.off{background:rgba(26,21,34,.18)}
.clv-root .clv-review blockquote{font-family:var(--clv-display);font-weight:300;
  font-size:clamp(1.02rem,1.5vw,1.32rem);line-height:1.5;
  font-variation-settings:"SOFT" 40,"WONK" 1;letter-spacing:-.012em;font-style:normal;
  color:var(--clv-ink)!important}
.clv-root .clv-review footer{display:flex;align-items:center;gap:12px;padding-top:16px;
  border-top:1px solid var(--clv-line);background:none}
.clv-root .clv-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:none;
  background:linear-gradient(140deg,var(--clv-indigo),var(--clv-magenta));
  font-family:var(--clv-sans);font-size:.78rem;font-weight:500;letter-spacing:.03em;line-height:1;
  color:var(--clv-paper)!important}
.clv-root .clv-review footer b{font-weight:500;font-size:.88rem;line-height:1.4;color:var(--clv-ink)!important}
.clv-root .clv-review footer div span{font-size:.74rem;display:block;line-height:1.5;
  color:var(--clv-ink-mute)!important}

.clv-root :focus-visible{outline:2px solid var(--clv-ember);outline-offset:4px;border-radius:2px}

@media (prefers-reduced-motion:reduce){
  .clv-root *,.clv-root *::before,.clv-root *::after{animation-duration:.001ms!important;
    animation-iteration-count:1!important;transition-duration:.01ms!important}
  .clv-root .clv-track{flex-wrap:wrap;width:auto;transform:none!important}
}

/* touch: ungli se side mein scroll */
@media (hover:none){
  .clv-root .clv-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;
    scrollbar-width:none;padding-bottom:8px}
  .clv-root .clv-scroll::-webkit-scrollbar{display:none}
  .clv-root .clv-track{transform:none!important}
  .clv-root .clv-review{scroll-snap-align:start}
}

@media (max-width:560px){
  .clv-root .clv-head{flex-direction:column;align-items:flex-start}
  .clv-root .clv-score{text-align:left}
}