/* Revisione delle pagine: stessa identità, nuovi contenuti e immagini. */
.challenge-prizes{align-items:center;grid-template-columns:.9fr 1.1fr;gap:80px}
.challenge-trophy{margin:0;display:flex;justify-content:center}
.challenge-trophy img{width:min(100%,370px);height:auto;aspect-ratio:1;object-fit:contain}
.challenge-prizes h2{margin-bottom:38px}
.challenge-prizes h3:not(:first-child){margin-top:28px}
.ranking-period{display:flex;gap:30px;align-items:center;justify-content:space-between;padding:20px 0;border-block:1px solid var(--line)}
.ranking-period>span{font-size:15px;font-weight:600}
.challenge-count .text-link{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.period-toggle{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:4px;background:#e9e2f2;border-radius:100px;width:530px;max-width:100%;flex-shrink:0;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none}
.period-toggle button{position:relative;z-index:1;border:0;background:transparent;color:var(--muted);font-size:13px;font-weight:650;min-height:48px;line-height:1.4;border-radius:100px;padding:10px 12px;cursor:pointer;transition:color .24s ease;touch-action:pan-y pinch-zoom}
.period-toggle button[aria-pressed=true]{color:white}
.period-toggle button[aria-pressed=false]:hover{color:var(--purple)}
.period-indicator{position:absolute;z-index:0;inset:4px auto 4px 4px;width:calc((100% - 8px)/3);border-radius:100px;background:linear-gradient(120deg,#c6bed5,#f6f0ff 28%,#ac8ede 42%,#302137 54%,#f0e6ff 69%,#d6c9e7);pointer-events:none}
.period-indicator::before{content:"";position:absolute;inset:2px;border-radius:inherit;background:linear-gradient(180deg,#25202c,#09070d)}
.period-toggle.is-dragging,.period-toggle.is-dragging button{cursor:grabbing}
.period-toggle button:focus-visible{outline:3px solid #a078f1;outline-offset:2px}
.period-toggle[data-active-index="1"] .period-indicator{transform:translateX(100%)}
.period-toggle[data-active-index="2"] .period-indicator{transform:translateX(200%)}
.qr-art{display:flex;justify-content:center}
.real-qr{display:block;width:min(100%,350px);border-radius:14px;overflow:hidden;background:white}
.real-qr img{width:100%;height:auto;display:block}
.qr-faq .faq{border-color:#45354f}
.qr-faq .faq summary svg{color:var(--violet)}
.crm-preview{margin:0;min-width:0}
.crm-preview img{width:100%;height:auto;border-radius:12px;display:block}
.crm-preview figcaption{font-size:12px;color:var(--on-dark);margin-top:15px;text-align:center}
@media(max-width:1100px){.ranking-period{flex-direction:column;align-items:start;gap:15px}.period-toggle{width:100%}.challenge-prizes{gap:40px}.crm-preview{margin-inline:-12px}}
@media(max-width:760px){.challenge-prizes{grid-template-columns:1fr;gap:32px}.challenge-trophy img{width:260px}.challenge-prizes h2{margin-bottom:28px}.period-toggle button{font-size:12px;padding:10px 6px;min-height:54px}.real-qr{width:285px}.crm-preview{margin:12px 0 0}.crm-preview figcaption{font-size:11px}}
@media(prefers-reduced-motion:reduce){.period-indicator,.period-toggle button{transition:none}}

/* Keep both products centered together within the right hero column. */
body[data-page=recensioni] .double-product{width:100%;max-width:470px;margin-inline:auto;gap:18px;justify-content:center}
body[data-page=recensioni] .double-product .stand{width:55%;max-width:235px;transform:none;flex-shrink:1}
body[data-page=recensioni] .double-product .sticker{position:relative;right:auto;bottom:auto;width:41%;max-width:195px;transform:translateY(52px) rotate(9deg);flex-shrink:1}
.period-indicator{transition:none;transform-origin:center}
@media(max-width:760px){body[data-page=recensioni] .double-product{max-width:360px;gap:14px;min-height:340px}body[data-page=recensioni] .double-product .sticker{transform:translateY(38px) rotate(9deg)}}