﻿        .cr-rating{border:1px solid #e3e3e3;border-radius:10px;padding:14px;background:#fff;font-family:Arial,Helvetica,sans-serif;color:#4A5E34}
        .cr-rating *{box-sizing:border-box}
        .cr-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
        .cr-title{font-size:18px;font-weight:700;line-height:1.2;margin:0;color:#4A5E34}
        .cr-badge{display:inline-block;background:#C65D3B;color:#fff;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;letter-spacing:.2px;white-space:nowrap}
        .cr-body{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}
        .cr-options{display:flex;flex-direction:column;gap:6px}
.cr-option {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 8px; /* meno spazio verticale */
  border: 1px solid #e9e9e9;
  border-radius: 8px;
  cursor: pointer;
  transition: background .15s, border-color .15s;
}        .cr-option:hover{background:#faf6f5;border-color:#E2B3A5}
        .cr-radio{position:relative;width:18px;height:18px;border:2px solid #C65D3B;border-radius:50%;flex:0 0 18px}
.cr-input{
  position:absolute;
  opacity:0;
  width:1px; height:1px;
  margin:0; padding:0;
  /* li lasciamo “nascosti” ma non estesi sull’intera label */
}        .cr-input:focus-visible + .cr-radio{outline:2px solid #7aa35c;outline-offset:2px}
        .cr-input:checked + .cr-radio{background:#C65D3B;box-shadow:inset 0 0 0 3px #fff}
.cr-label {
  display: flex;
  flex-wrap: wrap;
  gap: 4px; /* ridotto da 6px a 4px */
  align-items: center; /* testo allineato verticalmente alle stelle */
  font-size: 16px;
  line-height: 1.2; /* meno interlinea */
}        .cr-stars{font-size:14px;letter-spacing:.3px;color:#DAA520}
        .cr-caption{font-size:14px;color:#4A5E34}
        .cr-cta{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
        .cr-button{background:#C65D3B;color:#fff;border:0;border-radius:8px;padding:10px 14px;font-weight:700;cursor:pointer;transition:filter .15s}
        .cr-button:hover{filter:brightness(.94)}
        .cr-meta{font-size:13px;color:#4A5E34;text-align:right}
        .cr-footer{margin-top:8px;font-size:12px;color:#6b6b6b}
        .cr-sep{height:1px;background:#eee;margin:10px 0}
        @media (max-width: 560px){
          .cr-body{grid-template-columns:1fr}
          .cr-cta{align-items:stretch}
          .cr-meta{text-align:left}
        }
/* Feedback e animazioni */
.cr-option { transition: background .15s, border-color .15s, transform .08s; }
.cr-option:hover { background:#faf6f5; border-color:#E2B3A5; }
.cr-option:hover .cr-stars { transform: scale(1.05); transition: transform .08s; }

.cr-option.selected { border-color:#C65D3B; background:#fff8f4; }
.cr-option.selected .cr-stars { color:#DAA520; }

.cr-alert {
  display:none; margin:6px 0 8px; padding:8px 10px; border-radius:8px;
  background:#e8f6ea; color:#1d5e27; font-size:12px; border:1px solid #c5e7cc;
}
.cr-alert.error { background:#fdecec; color:#7a1e1e; border-color:#f2c2c2; }
.cr-disabled { opacity:.6; pointer-events:none; }      


.cr-summary{
    margin-top:12px; padding:12px 14px; border:1px solid #e3e3e3;
    border-radius:10px; background:#fff; color:#4A5E34; font-family:Arial,Helvetica,sans-serif
  }
  .cr-summary-title{ font-weight:700; font-size:16px; margin:0 0 6px 0 }
  .cr-summary-badge{ display:inline-block; background:#C65D3B; color:#fff;
    border-radius:999px; padding:4px 10px; font-size:13px; font-weight:700 }
  .cr-summary-note{ font-size:12px; color:#6b6b6b; margin-top:6px }
