/* =========================================================================
   VersusRiver — recensioni di giochi rompicapo (Match-3 & puzzle)
   Tema visivo: "EPIC" — tela aubergine notturna, lavanda lunare, ottone dorato.
   Flat design: nessuna ombra, profondità dal contrasto di colore.
   ========================================================================= */

:root{
  /* Colori tema */
  --aubergine:#271a47;
  --aubergine-deep:#1d1436;
  --panel:#2f2154;
  --panel-2:#372763;
  --lavender:#dbc9ff;
  --lavender-dim:#b3a3d6;
  --lavender-faint:rgba(219,201,255,.14);
  --lavender-hair:rgba(219,201,255,.10);
  --brass:#bc994e;
  --brass-light:#d8b768;
  --obsidian:#000000;

  /* Tipografia */
  --font-display:"Cormorant Garamond","Didot","Georgia",serif;
  --font-body:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;

  /* Layout */
  --maxw:1200px;
  --pad-inline:clamp(20px,5vw,50px);
  --section-gap:clamp(56px,8vw,96px);

  /* Raggi */
  --r-card:10px;
  --r-pill:30px;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

body{
  margin:0;
  background:var(--aubergine);
  color:var(--lavender);
  font-family:var(--font-body);
  font-size:16px;
  line-height:1.65;
  letter-spacing:.01em;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:var(--brass-light);text-decoration:none}
a:hover{color:var(--lavender)}
:focus-visible{outline:2px solid var(--brass-light);outline-offset:3px;border-radius:4px}

/* ---------- Contenitore & utility ---------- */
.container{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad-inline)}
.section{padding-block:var(--section-gap)}
.section--tight{padding-block:clamp(40px,6vw,64px)}
.eyebrow{
  font-size:11px;font-weight:600;text-transform:uppercase;
  letter-spacing:.28em;color:var(--brass-light);margin:0 0 18px;
}
.section__head{max-width:640px;margin-bottom:clamp(32px,5vw,48px)}
.section__title{
  font-family:var(--font-display);font-weight:600;
  font-size:clamp(34px,6vw,56px);line-height:1.04;letter-spacing:.005em;
  color:var(--lavender);margin:0 0 14px;
}
.section__lead{font-size:17px;color:var(--lavender-dim);margin:0;max-width:60ch}
.hairline{height:1px;background:var(--lavender-hair);border:0;margin:0}

/* ---------- Bottoni ---------- */
.btn{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--font-body);font-size:14px;font-weight:600;
  text-transform:uppercase;letter-spacing:.11em;
  padding:13px 24px;border-radius:var(--r-pill);cursor:pointer;
  border:1px solid var(--lavender);background:transparent;color:var(--lavender);
  transition:background .2s ease,color .2s ease,border-color .2s ease;
}
.btn:hover{background:var(--lavender);color:var(--aubergine)}
.btn__arrow{width:15px;height:15px;flex:none}
.btn--gold{border-color:var(--brass);color:var(--brass-light)}
.btn--gold:hover{background:var(--brass);color:var(--obsidian)}
.btn--solid{background:var(--lavender);color:var(--aubergine)}
.btn--solid:hover{background:var(--brass-light);border-color:var(--brass-light);color:var(--obsidian)}
.btn--sm{padding:10px 18px;font-size:12.5px}
.btn--block{width:100%;justify-content:center}

/* ---------- Header ---------- */
.header{
  position:sticky;top:0;z-index:60;background:rgba(29,20,54,.82);
  backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--lavender-hair);
}
.header__bar{display:flex;align-items:center;justify-content:space-between;gap:20px;height:66px}
.logo{
  font-family:var(--font-display);font-weight:700;font-size:24px;
  text-transform:uppercase;letter-spacing:.10em;color:var(--lavender);
  line-height:1;white-space:nowrap;
}
.logo b{font-weight:700;color:var(--brass-light)}
.nav{display:flex;align-items:center;gap:28px}
.nav__list{display:flex;gap:26px;list-style:none;margin:0;padding:0}
.nav__link{
  color:var(--lavender);font-size:12px;font-weight:600;text-transform:uppercase;
  letter-spacing:.12em;padding:6px 0;position:relative;
}
.nav__link:hover{color:var(--brass-light)}
.nav__link::after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:1px;background:var(--brass-light);transition:right .25s ease}
.nav__link:hover::after{right:0}
.header__cta{display:inline-flex}
.burger{
  display:none;width:44px;height:44px;border:1px solid var(--lavender-faint);
  border-radius:var(--r-pill);background:transparent;cursor:pointer;
  align-items:center;justify-content:center;color:var(--lavender);
}
.burger svg{width:20px;height:20px}
.burger__close{display:none}
.header.is-open .burger__open{display:none}
.header.is-open .burger__close{display:block}

@media (max-width:900px){
  .header__cta{display:none}
  .burger{display:inline-flex}
  .nav{
    position:fixed;inset:66px 0 auto 0;flex-direction:column;align-items:stretch;
    gap:0;background:var(--aubergine-deep);border-bottom:1px solid var(--lavender-faint);
    padding:8px var(--pad-inline) 24px;transform:translateY(-140%);transition:transform .3s ease;
    max-height:calc(100vh - 66px);overflow:auto;
  }
  .header.is-open .nav{transform:translateY(0)}
  .nav__list{flex-direction:column;gap:0;width:100%}
  .nav__link{display:block;padding:15px 0;border-bottom:1px solid var(--lavender-hair);letter-spacing:.1em;font-size:13px}
  .nav__cta{margin-top:16px}
  .nav__cta .btn{width:100%;justify-content:center}
}

/* ---------- Hero ---------- */
.hero{position:relative;overflow:hidden;background:var(--aubergine)}
.hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;z-index:0}
.hero__overlay{
  position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(90deg,var(--aubergine) 0%,rgba(39,26,71,.94) 34%,rgba(39,26,71,.62) 62%,rgba(39,26,71,.35) 100%),
    linear-gradient(180deg,rgba(29,20,54,.55) 0%,rgba(39,26,71,0) 26%,rgba(29,20,54,.75) 100%);
}
.hero__inner{position:relative;z-index:2;padding-block:clamp(70px,12vw,130px)}
.hero__eyebrow{color:var(--brass-light)}
.hero__title{
  font-family:var(--font-display);font-weight:600;color:var(--lavender);
  font-size:clamp(46px,9vw,104px);line-height:.98;letter-spacing:.004em;margin:0 0 22px;
}
.hero__title em{font-style:italic;color:var(--brass-light)}
.hero__lead{font-size:clamp(16px,2.2vw,19px);color:var(--lavender-dim);max-width:52ch;margin:0 0 30px}
.hero__actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.hero__meta{display:flex;flex-wrap:wrap;gap:26px;margin-top:44px}
.hero__meta-item{display:flex;flex-direction:column;gap:2px}
.hero__meta-num{font-family:var(--font-display);font-size:30px;font-weight:700;color:var(--lavender);line-height:1}
.hero__meta-label{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--lavender-dim)}

/* ---------- Stat band ---------- */
.stats{border-block:1px solid var(--lavender-hair);background:var(--aubergine-deep)}
.stats__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--lavender-hair)}
.stat{background:var(--aubergine-deep);padding:30px 22px;text-align:center}
.stat__num{font-family:var(--font-display);font-size:clamp(34px,5vw,46px);font-weight:700;color:var(--lavender);line-height:1}
.stat__num b{color:var(--brass-light);font-weight:700}
.stat__label{font-size:12px;text-transform:uppercase;letter-spacing:.13em;color:var(--lavender-dim);margin-top:10px}
@media (max-width:720px){.stats__grid{grid-template-columns:repeat(2,1fr)}}

/* ---------- Featured (top game) ---------- */
.featured__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,5vw,60px);align-items:start}
@media (max-width:940px){.featured__grid{grid-template-columns:1fr}}
.featured__head{display:flex;align-items:center;gap:18px;margin-bottom:22px}
.featured__icon{width:84px;height:84px;border-radius:20px;border:1px solid var(--lavender-faint);flex:none}
.featured__name{font-family:var(--font-display);font-size:clamp(30px,4.4vw,44px);font-weight:600;line-height:1.02;margin:0;color:var(--lavender)}
.featured__dev{font-size:12.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--lavender-dim);margin-top:6px}
.featured__badge{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--brass-light);border:1px solid var(--brass);border-radius:var(--r-pill);padding:5px 13px;margin-bottom:20px}
.featured__badge svg{width:13px;height:13px}
.featured__lead{font-size:17px;color:var(--lavender-dim);margin:0 0 24px}
.featured__facts{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:14px}
.featured__facts li{display:flex;gap:12px;font-size:15px;color:var(--lavender)}
.featured__facts svg{width:19px;height:19px;color:var(--brass-light);flex:none;margin-top:2px}
.featured__facts b{color:var(--lavender);font-weight:600}
.featured__rating{display:flex;align-items:center;gap:14px;margin:0 0 26px;flex-wrap:wrap}
.rating-num{font-family:var(--font-display);font-size:40px;font-weight:700;color:var(--lavender);line-height:1}
.rating-meta{font-size:13px;color:var(--lavender-dim)}
.featured__shots{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.featured__shots img{width:100%;height:auto;border-radius:var(--r-card);border:1px solid var(--lavender-faint)}

/* ---------- Video ---------- */
.video__frame{
  position:relative;width:100%;max-width:var(--maxw);margin-inline:auto;
  aspect-ratio:16/9;background:var(--obsidian);border-radius:var(--r-card);overflow:hidden;
}
.video__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video__caption{margin-top:16px;font-size:13px;color:var(--lavender-dim);text-align:center}

/* ---------- Catalogo ---------- */
.games__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.4vw,26px)}
@media (max-width:900px){.games__grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.games__grid{grid-template-columns:1fr}}
.card{
  background:var(--panel);border:1px solid var(--lavender-faint);border-radius:var(--r-card);
  padding:20px;display:flex;flex-direction:column;gap:14px;transition:border-color .2s ease,transform .2s ease;
}
.card:hover{border-color:rgba(219,201,255,.34);transform:translateY(-3px)}
.card__top{display:flex;gap:15px;align-items:center}
.card__icon{width:62px;height:62px;border-radius:14px;border:1px solid var(--lavender-faint);flex:none}
.card__name{font-family:var(--font-display);font-size:23px;font-weight:600;line-height:1.05;margin:0;color:var(--lavender)}
.card__dev{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--lavender-dim);margin-top:5px}
.card__tag{align-self:flex-start;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--brass-light);border:1px solid var(--lavender-faint);border-radius:var(--r-pill);padding:4px 11px}
.card__rating{display:flex;align-items:center;gap:9px}
.card__rating .rating-num-sm{font-size:14px;font-weight:600;color:var(--lavender)}
.card__desc{font-size:14.5px;color:var(--lavender-dim);margin:0;flex:1}
.card__btn{margin-top:2px}

/* ---------- Stelle (SVG frazionarie) ---------- */
.stars{position:relative;display:inline-flex;line-height:0;white-space:nowrap}
.stars__row{display:inline-flex;gap:2px}
.stars svg{width:18px;height:18px;flex:none}
.stars--sm svg{width:15px;height:15px}
.stars__base svg{color:rgba(219,201,255,.22)}
.stars__fill{position:absolute;top:0;left:0;overflow:hidden;white-space:nowrap}
.stars__fill svg{color:var(--brass-light)}

/* ---------- Steps / come iniziare ---------- */
.steps__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.6vw,28px);counter-reset:step}
@media (max-width:820px){.steps__grid{grid-template-columns:1fr}}
.step{border:1px solid var(--lavender-faint);border-radius:var(--r-card);padding:26px 24px;background:var(--panel)}
.step__num{font-family:var(--font-display);font-size:44px;font-weight:700;color:var(--brass-light);line-height:1}
.step__title{font-size:19px;font-weight:600;margin:14px 0 8px;color:var(--lavender)}
.step__text{font-size:14.5px;color:var(--lavender-dim);margin:0}

/* ---------- Trust / perché fidarti ---------- */
.trust__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(18px,2.5vw,26px)}
@media (max-width:760px){.trust__grid{grid-template-columns:1fr}}
.trust__item{display:flex;gap:16px;padding:24px;border:1px solid var(--lavender-faint);border-radius:var(--r-card);background:var(--panel)}
.trust__ic{width:44px;height:44px;border-radius:12px;border:1px solid var(--lavender-faint);display:flex;align-items:center;justify-content:center;flex:none;color:var(--brass-light)}
.trust__ic svg{width:22px;height:22px}
.trust__title{font-size:18px;font-weight:600;margin:0 0 7px;color:var(--lavender)}
.trust__text{font-size:14.5px;color:var(--lavender-dim);margin:0}

/* ---------- Monetizzazione ---------- */
.earn{background:var(--aubergine-deep);border-block:1px solid var(--lavender-hair)}
.earn__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,56px);align-items:center}
@media (max-width:860px){.earn__grid{grid-template-columns:1fr}}
.earn__list{list-style:none;margin:22px 0 26px;padding:0;display:grid;gap:18px}
.earn__list li{display:flex;gap:14px}
.earn__list svg{width:20px;height:20px;color:var(--brass-light);flex:none;margin-top:2px}
.earn__list b{display:block;color:var(--lavender);font-weight:600;margin-bottom:2px}
.earn__list span{font-size:14.5px;color:var(--lavender-dim)}
.earn__note{font-size:13px;color:var(--lavender-dim);border-left:2px solid var(--brass);padding-left:16px;margin:0}
.earn__panel{border:1px solid var(--lavender-faint);border-radius:var(--r-card);padding:30px;background:var(--panel)}
.earn__panel h3{font-family:var(--font-display);font-size:26px;font-weight:600;margin:0 0 14px;color:var(--lavender)}
.earn__panel p{font-size:14.5px;color:var(--lavender-dim);margin:0 0 18px}

/* ---------- Recensioni utenti ---------- */
.reviews__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.4vw,26px)}
@media (max-width:860px){.reviews__grid{grid-template-columns:1fr}}
.review{border:1px solid var(--lavender-faint);border-radius:var(--r-card);padding:26px;background:var(--panel);display:flex;flex-direction:column;gap:16px}
.review__quote{font-size:15.5px;color:var(--lavender);margin:0;line-height:1.6}
.review__author{display:flex;align-items:center;gap:13px;margin-top:auto}
.avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;color:var(--aubergine);background:var(--brass-light);flex:none}
.review__name{font-size:14px;font-weight:600;color:var(--lavender)}
.review__role{font-size:12px;color:var(--lavender-dim)}

/* ---------- Form iscrizione ---------- */
.subscribe{background:var(--aubergine-deep);border-block:1px solid var(--lavender-hair)}
.subscribe__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,60px);align-items:center}
@media (max-width:860px){.subscribe__grid{grid-template-columns:1fr}}
.form{display:grid;gap:16px}
.form__row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:520px){.form__row{grid-template-columns:1fr}}
.field{display:flex;flex-direction:column;gap:7px}
.field label{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--lavender-dim)}
.field input{
  font-family:var(--font-body);font-size:15px;color:var(--lavender);
  background:var(--aubergine);border:1px solid var(--lavender-faint);border-radius:10px;
  padding:13px 15px;width:100%;
}
.field input::placeholder{color:rgba(219,201,255,.4)}
.field input:focus{outline:none;border-color:var(--brass-light)}
.consent{display:flex;gap:12px;align-items:flex-start;font-size:13.5px;color:var(--lavender-dim)}
.consent input{margin-top:3px;width:18px;height:18px;accent-color:var(--brass);flex:none}
.form__msg{display:none;align-items:center;gap:10px;font-size:14.5px;color:var(--lavender);border:1px solid var(--brass);border-radius:10px;padding:14px 16px;background:rgba(188,153,78,.10)}
.form__msg.is-visible{display:flex}
.form__msg svg{width:20px;height:20px;color:var(--brass-light);flex:none}

/* ---------- FAQ ---------- */
.faq__list{max-width:820px;margin-inline:auto;border-top:1px solid var(--lavender-hair)}
.faq__item{border-bottom:1px solid var(--lavender-hair)}
.faq__q{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;
  background:transparent;border:0;cursor:pointer;padding:24px 4px;text-align:left;
  font-family:var(--font-body);font-size:18px;font-weight:600;color:var(--lavender);
}
.faq__q:hover{color:var(--brass-light)}
.faq__icon{width:22px;height:22px;flex:none;color:var(--brass-light);transition:transform .25s ease}
.faq__item.is-open .faq__icon{transform:rotate(45deg)}
.faq__a{max-height:0;overflow:hidden;transition:max-height .3s ease}
.faq__a p{margin:0;padding:0 4px 24px;font-size:15px;color:var(--lavender-dim);max-width:70ch}

/* ---------- Footer ---------- */
.footer{background:var(--aubergine-deep);border-top:1px solid var(--lavender-hair);padding-block:56px 30px}
.footer__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:40px}
@media (max-width:760px){.footer__grid{grid-template-columns:1fr;gap:30px}}
.footer__brand .logo{font-size:26px}
.footer__tagline{font-size:14px;color:var(--lavender-dim);margin:16px 0 0;max-width:38ch}
.footer__col h4{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--brass-light);margin:0 0 16px}
.footer__col ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.footer__col a{color:var(--lavender);font-size:14px}
.footer__col a:hover{color:var(--brass-light)}
.footer__bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:44px;padding-top:22px;border-top:1px solid var(--lavender-hair);font-size:12.5px;color:var(--lavender-dim)}

/* ---------- Back to top ---------- */
.to-top{
  position:fixed;right:22px;bottom:22px;width:48px;height:48px;border-radius:50%;
  border:1px solid var(--lavender-faint);background:var(--aubergine-deep);color:var(--lavender);
  display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:55;
  opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .25s ease,transform .25s ease,visibility .25s;
}
.to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.to-top:hover{background:var(--lavender);color:var(--aubergine)}
.to-top svg{width:20px;height:20px}

/* ---------- Cookie banner ---------- */
.cookie{
  position:fixed;left:16px;right:16px;bottom:16px;z-index:70;max-width:var(--maxw);margin-inline:auto;
  background:var(--aubergine-deep);border:1px solid var(--lavender-faint);border-radius:var(--r-card);
  padding:20px 22px;display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;
}
.cookie[hidden]{display:none}
.cookie__text{font-size:13.5px;color:var(--lavender-dim);margin:0;max-width:70ch}
.cookie__actions{display:flex;gap:12px;flex-wrap:wrap}

/* ---------- Pagine legali ---------- */
.legal{padding-block:clamp(48px,7vw,88px)}
.legal__wrap{max-width:820px;margin-inline:auto}
.legal h1{font-family:var(--font-display);font-size:clamp(34px,6vw,52px);font-weight:600;line-height:1.05;margin:0 0 10px;color:var(--lavender)}
.legal__updated{font-size:12.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--lavender-dim);margin:0 0 30px}
.legal h2{font-family:var(--font-display);font-size:26px;font-weight:600;color:var(--lavender);margin:38px 0 12px}
.legal h3{font-size:16px;font-weight:600;color:var(--lavender);margin:24px 0 8px}
.legal p,.legal li{font-size:15px;color:var(--lavender-dim);line-height:1.75}
.legal ul{padding-left:20px;display:grid;gap:8px}
.legal a{color:var(--brass-light)}
.legal__back{display:inline-flex;margin-bottom:34px}

/* ---------- Riduzione movimento ---------- */
@media (prefers-reduced-motion:reduce){
  *{transition:none !important;animation:none !important}
}

/* ============================================================
   Aggiunte v2 — zig-zag catalogo, guida, scelte redazione, firme
   ============================================================ */

/* Firma redazionale */
.byline{font-size:12.5px;color:var(--lavender-dim);letter-spacing:.03em;margin:0 0 22px}
.byline b{color:var(--lavender);font-weight:600}
.byline span{color:var(--brass-light)}

/* Verdetto / pull-quote nel discorso del top game */
.verdict{border-left:3px solid var(--brass);padding:14px 0 14px 18px;margin:26px 0 0;font-family:var(--font-display);font-size:22px;line-height:1.35;font-style:italic;color:var(--lavender)}

/* ---- Catalogo a zig-zag ---- */
.zz{display:grid;gap:clamp(30px,5vw,58px)}
.zz__row{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(22px,5vw,54px);align-items:center}
.zz__row--flip .zz__media{order:2}
.zz__media{display:flex;justify-content:center}
.zz__media img{width:100%;max-width:340px;height:auto;border-radius:var(--r-card);border:1px solid var(--lavender-faint)}
.zz__num{font-family:var(--font-display);font-size:15px;font-weight:600;letter-spacing:.16em;color:var(--brass-light);text-transform:uppercase;margin:0 0 12px}
.zz__head{display:flex;gap:15px;align-items:center;margin-bottom:12px}
.zz__icon{width:56px;height:56px;border-radius:14px;border:1px solid var(--lavender-faint);flex:none}
.zz__name{font-family:var(--font-display);font-size:clamp(26px,3.4vw,36px);font-weight:600;line-height:1.02;margin:0;color:var(--lavender)}
.zz__dev{font-size:11.5px;text-transform:uppercase;letter-spacing:.11em;color:var(--lavender-dim);margin-top:5px}
.zz__meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.zz__tag{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--brass-light);border:1px solid var(--lavender-faint);border-radius:var(--r-pill);padding:4px 12px}
.zz__desc{font-size:15.5px;color:var(--lavender-dim);margin:0 0 14px;max-width:56ch}
.zz__take{font-size:14px;font-style:italic;color:var(--lavender);border-left:2px solid var(--brass);padding-left:14px;margin:0 0 20px;max-width:52ch}
.zz__take b{color:var(--brass-light);font-style:normal;font-weight:600;letter-spacing:.02em}
@media (max-width:820px){
  .zz__row,.zz__row--flip{grid-template-columns:1fr;gap:22px}
  .zz__row--flip .zz__media{order:0}
  .zz__media img{max-width:280px}
}

/* ---- Guida "Come scegliere" ---- */
.guide__list{display:grid;gap:16px;max-width:960px}
.guide__item{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:start;padding:24px 26px;border:1px solid var(--lavender-faint);border-radius:var(--r-card);background:var(--panel)}
.guide__idx{font-family:var(--font-display);font-size:36px;font-weight:700;line-height:.9;color:var(--brass-light);min-width:44px}
.guide__t{font-size:18px;font-weight:600;color:var(--lavender);margin:2px 0 7px}
.guide__d{font-size:14.5px;color:var(--lavender-dim);margin:0}
.guide__d em{color:var(--lavender);font-style:normal;font-weight:600}
@media (max-width:520px){.guide__item{grid-template-columns:1fr;gap:8px}}

/* ---- Scelte della redazione (asimmetrico) ---- */
.picks{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:20px}
@media (max-width:900px){.picks{grid-template-columns:1fr 1fr}.pick--lead{grid-column:1/-1}}
@media (max-width:620px){.picks{grid-template-columns:1fr}.pick--lead{grid-column:auto}}
.pick{border:1px solid var(--lavender-faint);border-radius:var(--r-card);padding:26px 24px;background:var(--panel);display:flex;flex-direction:column;gap:11px}
.pick--lead{background:var(--aubergine-deep);border-color:rgba(188,153,78,.45)}
.pick__cat{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.16em;color:var(--brass-light);margin:0}
.pick__game{font-family:var(--font-display);font-size:26px;font-weight:600;line-height:1.05;color:var(--lavender);margin:0}
.pick--lead .pick__game{font-size:34px}
.pick__take{font-size:14.5px;color:var(--lavender-dim);margin:0;flex:1}
.pick__link{font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--brass-light);display:inline-flex;align-items:center;gap:7px;margin-top:4px}
.pick__link svg{width:14px;height:14px}

/* data recensione utente */
.review__date{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--lavender-dim);margin-top:3px}