
/* =========================================================
   SINED - Simulatore Preventivo Climatizzatore
   Specifico per il simulatore: non modifica il resto del sito.
   ========================================================= */
#sined-clima-simulatore {
  --sined-blue: #1e2769;
  --sined-orange: #f26c1e;
  --sined-light: #f6f8fc;
  --sined-border: #dfe4ef;
  --sined-text: #2f3340;
  --sined-green: #218838;
  width: min(1120px, calc(100% - 32px));
  margin: 70px auto 100px;
  font-family: "Poppins", sans-serif;
  color: var(--sined-text);
}
#sined-clima-simulatore * { box-sizing: border-box; }
.scs-head {
  text-align:center;
  margin-bottom:28px;
}
.scs-head .scs-kicker {
  display:inline-block;
  color:var(--sined-orange);
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:.78rem;
  margin-bottom:8px;
}
.scs-head h2 {
  margin:0 0 8px;
  color:var(--sined-blue);
  font-size:clamp(1.7rem,3vw,2.5rem);
  line-height:1.15;
}
.scs-head p { margin:0 auto; max-width:760px; font-size:1rem; }
.scs-shell {
  background:#fff;
  border:1px solid var(--sined-border);
  border-radius:22px;
  box-shadow:0 15px 45px rgba(30,39,105,.10);
  overflow:hidden;
}
.scs-progress {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  background:var(--sined-light);
  border-bottom:1px solid var(--sined-border);
}
.scs-progress-item {
  padding:14px 8px;
  text-align:center;
  font-size:.78rem;
  color:#7a8191;
  position:relative;
}
.scs-progress-item strong {
  display:flex;
  width:28px;height:28px;
  align-items:center;justify-content:center;
  margin:0 auto 5px;
  border-radius:50%;
  background:#fff;
  border:1px solid #ccd3e2;
  color:#7a8191;
}
.scs-progress-item.active { color:var(--sined-blue); font-weight:700; }
.scs-progress-item.active strong { background:var(--sined-orange); border-color:var(--sined-orange); color:#fff; }
.scs-progress-item.done strong { background:var(--sined-blue); border-color:var(--sined-blue); color:#fff; }
.scs-step { display:none; padding:34px; }
.scs-step.active { display:block; }
.scs-step-title { color:var(--sined-blue); margin:0 0 6px; font-size:1.45rem; }
.scs-step-subtitle { margin:0 0 25px; color:#707786; }
.scs-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}
.scs-field { margin-bottom:18px; }
.scs-field label {
  display:block;
  font-weight:600;
  margin-bottom:8px;
  color:var(--sined-blue);
}
.scs-field input, .scs-field select, .scs-field textarea {
  width:100%;
  min-height:48px;
  border:1px solid var(--sined-border);
  border-radius:11px;
  padding:12px 14px;
  background:#fff;
  color:#303542;
  font:inherit;
  outline:none;
  transition:border-color .2s, box-shadow .2s;
}
.scs-field textarea { min-height:100px; resize:vertical; }
.scs-field input:focus, .scs-field select:focus, .scs-field textarea:focus {
  border-color:var(--sined-orange);
  box-shadow:0 0 0 3px rgba(242,108,30,.12);
}
.scs-choice-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.scs-choice {
  position:relative;
}
.scs-choice input {
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.scs-choice label {
  min-height:76px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  border:1.5px solid var(--sined-border);
  border-radius:14px;
  padding:12px;
  cursor:pointer;
  background:#fff;
  transition:.2s ease;
}
.scs-choice label strong { color:var(--sined-blue); }
.scs-choice label small { color:#747b89; margin-top:3px; }
.scs-choice input:checked + label {
  border-color:var(--sined-orange);
  background:#fff8f3;
  box-shadow:0 0 0 3px rgba(242,108,30,.10);
}
.scs-note {
  padding:13px 15px;
  border-radius:12px;
  background:#f8f9fc;
  border-left:4px solid var(--sined-orange);
  font-size:.9rem;
  margin:18px 0 24px;
}
.scs-rooms { display:grid; gap:18px; }
.scs-room {
  border:1px solid var(--sined-border);
  border-radius:16px;
  padding:18px;
  background:#fbfcfe;
}
.scs-room h4 { margin:0 0 14px; color:var(--sined-blue); }
.scs-room-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.scs-brand-box {
  margin-top:24px;
  padding:18px;
  border:1px solid var(--sined-border);
  border-radius:15px;
  background:#fff;
}
.scs-brand-title { margin:0 0 12px; color:var(--sined-blue); font-weight:700; }
.scs-brands {
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  align-items:center;
}
.scs-brand-logo {
  height:48px;
  width:auto;
  max-width:190px;
  object-fit:contain;
}
.scs-brand-logo.haier { height:54px; }
.scs-brand-logo.gree { height:50px; }
.scs-actions {
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-top:28px;
  padding-top:22px;
  border-top:1px solid var(--sined-border);
}
.scs-btn {
  border:0;
  border-radius:11px;
  padding:13px 22px;
  font:600 1rem "Poppins",sans-serif;
  cursor:pointer;
  transition:.2s ease;
}
.scs-btn-primary { background:var(--sined-orange); color:#fff; }
.scs-btn-primary:hover { transform:translateY(-1px); filter:brightness(.97); }
.scs-btn-secondary { background:#eef1f7; color:var(--sined-blue); }
.scs-btn:disabled { opacity:.55; cursor:not-allowed; transform:none; }
.scs-error {
  display:none;
  color:#a51f2b;
  background:#fff1f2;
  border:1px solid #f2c2c7;
  padding:12px 14px;
  border-radius:10px;
  margin-top:16px;
}
.scs-error.show { display:block; }
.scs-summary {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}
.scs-summary-card {
  border:1px solid var(--sined-border);
  border-radius:15px;
  padding:20px;
  background:#fff;
}
.scs-summary-card h4 { margin:0 0 12px; color:var(--sined-blue); }
.scs-summary-row {
  display:flex;
  justify-content:space-between;
  gap:15px;
  padding:8px 0;
  border-bottom:1px dashed #e5e8ef;
  font-size:.92rem;
}
.scs-summary-row:last-child { border-bottom:0; }
.scs-price {
  margin-top:20px;
  padding:22px;
  border-radius:16px;
  background:var(--sined-blue);
  color:#fff;
  text-align:center;
}
.scs-price .label { opacity:.86; font-size:.9rem; }
.scs-price .amount { display:block; font-size:2.25rem; font-weight:800; margin:4px 0; }
.scs-price .iva { opacity:.86; font-size:.82rem; }
.scs-mail-status {
  margin-top:15px;
  text-align:center;
  font-weight:600;
}
.scs-privacy {
  display:flex;
  align-items:flex-start;
  gap:9px;
  font-size:.83rem;
  color:#686f7d;
}
.scs-privacy input { width:18px; height:18px; margin-top:2px; flex:0 0 auto; }
.scs-small { font-size:.82rem; color:#747b89; }
.scs-hidden { display:none !important; }

@media (max-width: 760px) {
  #sined-clima-simulatore { width:min(100% - 20px, 680px); margin:45px auto 80px; }
  .scs-shell { border-radius:16px; }
  .scs-progress-item { font-size:.68rem; padding:11px 4px; }
  .scs-progress-item strong { width:25px;height:25px;font-size:.75rem; }
  .scs-step { padding:22px 17px; }
  .scs-grid, .scs-summary, .scs-room-grid { grid-template-columns:1fr; gap:0; }
  .scs-choice-grid { grid-template-columns:1fr 1fr; }
  .scs-actions { margin-top:22px; }
  .scs-btn { padding:12px 16px; font-size:.9rem; }
  .scs-brand-logo { max-width:145px; height:40px; }
}
@media (max-width: 430px) {
  #sined-clima-simulatore { width:calc(100% - 12px); }
  .scs-head h2 { font-size:1.55rem; }
  .scs-progress-item { font-size:.58rem; }
  .scs-progress-item strong { margin-bottom:3px; }
  .scs-step { padding:18px 12px; }
  .scs-step-title { font-size:1.22rem; }
  .scs-choice label { min-height:68px; padding:9px 6px; font-size:.9rem; }
  .scs-room { padding:14px; }
  .scs-price .amount { font-size:1.9rem; }
  .scs-actions { flex-direction:column-reverse; }
  .scs-btn { width:100%; }
  .scs-brands { justify-content:center; }
}


/* =========================================================
   FIX TIPOGRAFIA / CONFLITTI CSS DEL SITO
   Le regole sono volutamente molto specifiche per evitare
   che gli span/global typography del sito ingrandiscano il simulatore.
   ========================================================= */
#sined-clima-simulatore span {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}

#sined-clima-simulatore .scs-summary-card,
#sined-clima-simulatore .scs-summary-card * {
  font-size: 0.94rem;
  line-height: 1.45;
}

#sined-clima-simulatore .scs-summary-card h4 {
  font-size: 1.12rem;
  line-height: 1.3;
  font-weight: 700;
}

#sined-clima-simulatore .scs-summary-row {
  font-size: 0.92rem;
  line-height: 1.45;
  align-items: flex-start;
}

#sined-clima-simulatore .scs-summary-row span {
  font-size: 0.92rem;
  line-height: 1.45;
  font-weight: 400;
}

#sined-clima-simulatore .scs-summary-row strong {
  font-size: 0.92rem;
  line-height: 1.45;
  font-weight: 700;
}

#sined-clima-simulatore .scs-price {
  font-size: 0.9rem;
}

#sined-clima-simulatore .scs-price .label {
  display: block;
  font-size: 0.9rem;
  line-height: 1.35;
  font-weight: 500;
}

#sined-clima-simulatore .scs-price .amount {
  display: block;
  font-size: 2.15rem;
  line-height: 1.15;
  font-weight: 800;
}

#sined-clima-simulatore .scs-price .iva,
#sined-clima-simulatore .scs-price .imponibile {
  display: block;
  font-size: 0.82rem;
  line-height: 1.4;
  font-weight: 400;
}

#sined-clima-simulatore .scs-note {
  font-size: 0.86rem;
  line-height: 1.5;
}

#sined-clima-simulatore .scs-note strong {
  font-size: inherit;
  line-height: inherit;
}

#sined-clima-simulatore .scs-privacy {
  font-size: 0.82rem;
  line-height: 1.45;
  font-weight: 400;
}

#sined-clima-simulatore .scs-privacy span {
  display: inline;
  font-size: 0.82rem;
  line-height: 1.45;
  font-weight: 400;
}

#sined-clima-simulatore .scs-small {
  font-size: 0.78rem;
  line-height: 1.45;
  font-weight: 400;
}

#sined-clima-simulatore .scs-brand-title {
  font-size: 0.95rem;
  line-height: 1.4;
  font-weight: 700;
}

#sined-clima-simulatore .scs-choice label {
  font-size: 0.92rem;
  line-height: 1.3;
}

#sined-clima-simulatore .scs-choice label strong {
  font-size: 0.92rem;
  line-height: 1.3;
}

#sined-clima-simulatore .scs-choice label small {
  font-size: 0.76rem;
  line-height: 1.3;
}

@media (max-width: 760px) {
  #sined-clima-simulatore .scs-summary-card,
  #sined-clima-simulatore .scs-summary-card * {
    font-size: 0.9rem;
  }

  #sined-clima-simulatore .scs-summary-card h4 {
    font-size: 1.04rem;
  }

  #sined-clima-simulatore .scs-summary-row,
  #sined-clima-simulatore .scs-summary-row span,
  #sined-clima-simulatore .scs-summary-row strong {
    font-size: 0.86rem;
  }

  #sined-clima-simulatore .scs-price .amount {
    font-size: 1.85rem;
  }

  #sined-clima-simulatore .scs-privacy,
  #sined-clima-simulatore .scs-privacy span {
    font-size: 0.78rem;
  }
}


/* =========================================================
   TOTALE PREVENTIVO - CONTRASTO E LEGGIBILITÀ
   ========================================================= */
#sined-clima-simulatore .scs-total-card {
  background: #fff !important;
  color: #17255f !important;
  border: 1px solid #dce3f2;
  box-shadow: 0 12px 30px rgba(23, 37, 95, 0.08);
}

#sined-clima-simulatore .scs-total-card * {
  color: inherit;
}

#sined-clima-simulatore .scs-total-card .scs-total-label,
#sined-clima-simulatore .scs-total-card .scs-total-subtitle,
#sined-clima-simulatore .scs-total-card .scs-total-note,
#sined-clima-simulatore .scs-total-card .imponibile,
#sined-clima-simulatore .scs-total-card .iva {
  color: #4b5875 !important;
}

#sined-clima-simulatore .scs-total-card .scs-total-value {
  color: #17255f !important;
  font-weight: 800;
}

#sined-clima-simulatore .scs-total-card .scs-total-note strong,
#sined-clima-simulatore .scs-total-card .imponibile strong,
#sined-clima-simulatore .scs-total-card .iva strong {
  color: #17255f !important;
}

#sined-clima-simulatore .scs-submit,
#sined-clima-simulatore button[type="submit"] {
  font-size: 1rem;
  line-height: 1.25;
  white-space: normal;
  min-height: 54px;
  padding: 14px 24px;
}

@media (max-width: 760px) {
  #sined-clima-simulatore .scs-submit,
  #sined-clima-simulatore button[type="submit"] {
    width: 100%;
    font-size: 0.94rem;
    padding: 13px 16px;
  }
}


/* Final contrast override for the existing price panel */
#sined-clima-simulatore .scs-price {
  background: #ffffff !important;
  color: #17255f !important;
  border: 1px solid #dce3f2;
  box-shadow: 0 12px 30px rgba(23, 37, 95, 0.08);
}
#sined-clima-simulatore .scs-price .label,
#sined-clima-simulatore .scs-price .iva,
#sined-clima-simulatore .scs-price .imponibile {
  color: #4b5875 !important;
}
#sined-clima-simulatore .scs-price .amount {
  color: #17255f !important;
}


/* =========================================================
   VALIDAZIONE VISIBILE - evita l'effetto "sistema bloccato"
   ========================================================= */
#sined-clima-simulatore .scs-validation-message {
  display: none;
  margin: 0 0 18px;
  padding: 13px 16px;
  border: 1px solid #f0a04b;
  border-left: 5px solid #f07822;
  border-radius: 10px;
  background: #fff7ef;
  color: #17255f;
  font-size: 0.9rem;
  line-height: 1.45;
  font-weight: 600;
  box-sizing: border-box;
}

#sined-clima-simulatore .scs-validation-message.is-visible {
  display: block;
}

#sined-clima-simulatore .scs-invalid {
  outline: 2px solid rgba(240, 120, 34, 0.28);
  outline-offset: 3px;
  border-radius: 10px;
}

#sined-clima-simulatore .scs-validation-message::before {
  content: "!";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  margin-right: 8px;
  border-radius: 50%;
  background: #f07822;
  color: #fff;
  font-weight: 800;
}

@media (max-width: 760px) {
  #sined-clima-simulatore .scs-validation-message {
    font-size: 0.84rem;
    padding: 11px 13px;
  }
}


/* =========================================================
   AVVISI DI VALIDAZIONE - chiari e immediati
   ========================================================= */
#sined-clima-simulatore .scs-error {
  display: none;
  align-items: flex-start;
  gap: 9px;
  margin-top: 16px;
  padding: 12px 14px;
  border: 1px solid #f2c2c7;
  border-left: 4px solid #d93b4b;
  border-radius: 10px;
  background: #fff6f7;
  color: #7d1f2a;
  font-size: 0.88rem;
  line-height: 1.45;
  font-weight: 600;
}

#sined-clima-simulatore .scs-error.show {
  display: flex;
}

#sined-clima-simulatore .scs-error-icon {
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 1px;
  border-radius: 50%;
  background: #d93b4b;
  color: #fff !important;
  font-size: 0.78rem !important;
  line-height: 1;
  font-weight: 800 !important;
}

#sined-clima-simulatore .scs-error-text {
  display: block;
  font-size: 0.88rem !important;
  line-height: 1.45 !important;
  font-weight: 600 !important;
  color: #7d1f2a !important;
}

#sined-clima-simulatore .scs-error-text span {
  font-size: inherit !important;
}

@media (max-width: 760px) {
  #sined-clima-simulatore .scs-error {
    font-size: 0.82rem;
    padding: 11px 12px;
  }

  #sined-clima-simulatore .scs-error-text {
    font-size: 0.82rem !important;
  }
}


/* Pittogramma invio richiesta */
#sined-clima-simulatore .scs-send-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  font-size: 1rem !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  vertical-align: -2px;
}

#sined-clima-simulatore .scs-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

@media (max-width: 760px) {
  #sined-clima-simulatore .scs-send-icon {
    width: 21px;
    height: 21px;
    font-size: 0.9rem !important;
  }
}



/* =========================================================
   CTA INVIO - ANIMAZIONE CONTINUA
   Il vero pulsante è .scs-send.
   ========================================================= */
#sined-clima-simulatore .scs-send {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  transform-origin: center bottom;
  animation: scs-button-bounce 1.8s ease-in-out infinite;
  will-change: transform;
}

#sined-clima-simulatore .scs-send .scs-send-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin: 0;
  font-size: 1rem !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  transform-origin: center bottom;
  animation: scs-icon-bounce 1.8s ease-in-out infinite;
  will-change: transform;
}

@keyframes scs-button-bounce {
  0%, 100% {
    transform: translateY(0);
  }
  12% {
    transform: translateY(0);
  }
  22% {
    transform: translateY(-5px);
  }
  32% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-2px);
  }
  48% {
    transform: translateY(0);
  }
}

@keyframes scs-icon-bounce {
  0%, 100% {
    transform: translateY(0) rotate(0deg);
  }
  20% {
    transform: translateY(-9px) rotate(-8deg);
  }
  32% {
    transform: translateY(0) rotate(0deg);
  }
  40% {
    transform: translateY(-4px) rotate(4deg);
  }
  48% {
    transform: translateY(0) rotate(0deg);
  }
}

@media (max-width: 760px) {
  #sined-clima-simulatore .scs-send {
    width: 100%;
    gap: 6px;
  }

  #sined-clima-simulatore .scs-send .scs-send-icon {
    width: 21px;
    height: 21px;
    font-size: 0.9rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #sined-clima-simulatore .scs-send,
  #sined-clima-simulatore .scs-send .scs-send-icon {
    animation: none;
  }
}


/* Step 2: numero ambienti + colore globale sulla stessa riga */
#sined-clima-simulatore .scs-step2-top-grid {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(260px, 1.15fr);
  gap: 18px;
  align-items: end;
  margin-bottom: 22px;
}

#sined-clima-simulatore .scs-global-color {
  min-height: 48px;
}

#sined-clima-simulatore .scs-global-color .scs-choice {
  min-width: 0;
}

@media (max-width: 760px) {
  #sined-clima-simulatore .scs-step2-top-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }
}

/* Animazione CTA accentuata */
#sined-clima-simulatore .scs-send {
  animation: scs-button-bounce-strong 1.55s ease-in-out infinite;
}
#sined-clima-simulatore .scs-send .scs-send-icon {
  animation: scs-icon-bounce-strong 1.55s ease-in-out infinite;
}
@keyframes scs-button-bounce-strong {
  0%, 100% { transform: translateY(0) scale(1); }
  16% { transform: translateY(0) scale(1); }
  25% { transform: translateY(-9px) scale(1.015); }
  34% { transform: translateY(0) scale(1); }
  42% { transform: translateY(-4px) scale(1.005); }
  50% { transform: translateY(0) scale(1); }
}
@keyframes scs-icon-bounce-strong {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  22% { transform: translateY(-13px) rotate(-12deg); }
  34% { transform: translateY(0) rotate(0deg); }
  42% { transform: translateY(-6px) rotate(6deg); }
  50% { transform: translateY(0) rotate(0deg); }
}


/* =========================================================
   STEP 4 - IMMAGINI CONFIGURAZIONI TECNICHE
   ========================================================= */
#sined-clima-simulatore .scs-summary-config {
  display: grid;
  gap: 16px;
}

#sined-clima-simulatore .scs-config-item {
  display: grid;
  grid-template-columns: minmax(210px, 34%) 1fr;
  gap: 20px;
  align-items: center;
  padding: 14px;
  border: 1px solid #e1e6f0;
  border-radius: 14px;
  background: #fff;
}

#sined-clima-simulatore .scs-config-image-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 130px;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
}

#sined-clima-simulatore .scs-config-image {
  display: block;
  width: 100%;
  max-width: 320px;
  height: auto;
  object-fit: contain;
}

#sined-clima-simulatore .scs-config-details {
  min-width: 0;
}

#sined-clima-simulatore .scs-config-title {
  border-bottom: 0;
  padding-bottom: 4px;
}

#sined-clima-simulatore .scs-config-title span,
#sined-clima-simulatore .scs-config-title strong {
  font-size: 1rem !important;
  line-height: 1.35 !important;
}

#sined-clima-simulatore .scs-config-description {
  margin-top: 5px;
  color: #59657d;
  font-size: 0.84rem;
  line-height: 1.45;
}

@media (max-width: 760px) {
  #sined-clima-simulatore .scs-config-item {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 10px;
  }

  #sined-clima-simulatore .scs-config-image-wrap {
    min-height: 110px;
  }

  #sined-clima-simulatore .scs-config-image {
    max-width: 280px;
  }

  #sined-clima-simulatore .scs-config-title span,
  #sined-clima-simulatore .scs-config-title strong {
    font-size: 0.9rem !important;
  }

  #sined-clima-simulatore .scs-config-description {
    font-size: 0.78rem;
  }
}

#sined-clima-simulatore .scs-privacy a { font-size:inherit !important; line-height:inherit !important; color:inherit; text-decoration:underline; font-weight:600; }



/* =========================================================
   STEP 4 - IMMAGINI PRODOTTO: GRANDE MA PROPORZIONATA
   ========================================================= */
@media (min-width: 901px) {
  #sined-clima-simulatore .scs-config-item {
    grid-template-columns: minmax(360px, 48%) minmax(0, 1fr);
    gap: 28px;
    align-items: center;
  }

  #sined-clima-simulatore .scs-config-image-wrap {
    width: 100%;
    min-height: 190px;
    overflow: hidden;
  }

  #sined-clima-simulatore .scs-config-image {
    display: block;
    width: 100%;
    max-width: 540px;
    height: auto;
    object-fit: contain;
    transform: none;
  }
}

@media (min-width: 901px) and (max-width: 1200px) {
  #sined-clima-simulatore .scs-config-item {
    grid-template-columns: minmax(330px, 46%) minmax(0, 1fr);
    gap: 22px;
  }

  #sined-clima-simulatore .scs-config-image-wrap {
    min-height: 170px;
  }

  #sined-clima-simulatore .scs-config-image {
    max-width: 500px;
  }
}

.scs-bonus-link{color:#16823b!important;text-decoration:underline!important;font-weight:600}.scs-bonus-value{color:#d62828!important;font-weight:800;margin-left:8px}.scs-price .ecobonus{margin-top:10px}.scs-price .costo-effettivo{margin-top:8px;font-weight:700}@media(max-width:600px){.scs-bonus-value{display:block;margin:5px 0 0}.scs-bonus-link{display:inline-block}}


/* Schermata 4 - riepilogo Ecobonus */
.scs-price .ecobonus,
.scs-price .costo-effettivo {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin-top: 10px;
  font-size: 15px;
  line-height: 1.45;
  text-align: left;
}
.scs-price .ecobonus strong {
  color: #d62828;
  font-weight: 700;
  white-space: nowrap;
  float: right;
}
.scs-price .ecobonus a {
  color: #168a3b;
  text-decoration: underline;
  font-weight: 600;
}
.scs-price .costo-effettivo {
  margin-top: 8px;
  font-weight: 700;
}
.scs-price .costo-effettivo strong {
  float: right;
  white-space: nowrap;
}
@media (max-width: 640px) {
  .scs-price .ecobonus,
  .scs-price .costo-effettivo {
    font-size: 14px;
  }
  .scs-price .ecobonus strong,
  .scs-price .costo-effettivo strong {
    float: none;
    display: inline-block;
    margin-left: 6px;
  }
}


/* FIX DEFINITIVO - Scheda 4 preventivo */
.scs-price .ecobonus,
.scs-price .costo-effettivo {
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:100%;
  box-sizing:border-box;
  margin-top:10px;
  color:inherit;
  font-size:15px;
  line-height:1.5;
}
.scs-price .ecobonus .scs-bonus-link {
  color:#16823b !important;
  text-decoration:underline !important;
  font-weight:600 !important;
}
.scs-price .ecobonus .scs-bonus-value {
  color:#d62828 !important;
  font-weight:800 !important;
  white-space:nowrap;
}
.scs-price .costo-effettivo {
  margin-top:8px;
  font-weight:700;
}
.scs-price .costo-effettivo strong {
  font-weight:800;
}


/* Scheda 4 - SOLO valori Ecobonus e Costo effettivo ingranditi */
.scs-price .ecobonus .scs-bonus-value,
.scs-price .costo-effettivo strong {
  font-size: 21px !important;
  font-weight: 800 !important;
}
@media (max-width: 640px) {
  .scs-price .ecobonus .scs-bonus-value,
  .scs-price .costo-effettivo strong {
    font-size: 19px !important;
  }
}


/* Scheda 4 - allineamento definitivo Ecobonus / Costo effettivo */
.scs-price .ecobonus,
.scs-price .costo-effettivo {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  box-sizing: border-box !important;
  gap: 8px !important;
}
.scs-price .ecobonus {
  justify-content: flex-start !important;
}
.scs-price .ecobonus .scs-bonus-link {
  flex: 0 0 auto !important;
  margin-left: 0 !important;
  color: #16823b !important;
  text-decoration: underline !important;
  font-weight: 600 !important;
}
.scs-price .ecobonus .scs-bonus-value {
  margin-left: auto !important;
  flex: 0 0 auto !important;
  color: #d62828 !important;
  font-size: 21px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}
.scs-price .costo-effettivo {
  justify-content: space-between !important;
  font-weight: 700 !important;
}
.scs-price .costo-effettivo strong {
  margin-left: auto !important;
  flex: 0 0 auto !important;
  font-size: 21px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
  display: inline-block !important;
  animation: scsCostoEffettivoBounce 1.8s ease-in-out infinite !important;
  transform-origin: center bottom !important;
}
@keyframes scsCostoEffettivoBounce {
  0%, 55%, 100% { transform: translateY(0); }
  62% { transform: translateY(-7px); }
  69% { transform: translateY(0); }
  75% { transform: translateY(-4px); }
  81% { transform: translateY(0); }
}
@media (max-width: 640px) {
  .scs-price .ecobonus,
  .scs-price .costo-effettivo {
    font-size: 14px !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
  }
  .scs-price .ecobonus .scs-bonus-value,
  .scs-price .costo-effettivo strong {
    font-size: 19px !important;
    margin-left: auto !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .scs-price .costo-effettivo strong {
    animation: none !important;
  }
}
