/* CREDIT-ONE · PAGINE PRODOTTO 2026 — coerente con il brand del sito (Inter/Outfit, #A0092F) */
#prodotto-root { padding-top: 205px; --brand:#A0092F; --brand-dark:#700620; --brand-light:#FFF0F3; --ink:#0F172A; --slate:#475569; --gray:#64748B; --silver:#E2E8F0; --panna:#FDFBF7; --oro:#D4AF37;
  font-family:'Inter',sans-serif; color:var(--ink); background:var(--panna); line-height:1.65; }
#prodotto-root * { box-sizing:border-box; }
#prodotto-root .cont { max-width:1140px; margin:0 auto; padding:0 22px; }
#prodotto-root .briciole { padding:18px 0 0; font-size:.82rem; color:var(--gray); }
#prodotto-root .briciole a { color:var(--gray); text-decoration:none; }
#prodotto-root .briciole a:hover { color:var(--brand); }

#prodotto-root .hero { padding:38px 0 44px; }
#prodotto-root .occhiello { display:inline-block; color:var(--brand); font-weight:800; font-size:.78rem; letter-spacing:.16em; text-transform:uppercase; border:1px solid var(--brand); border-radius:999px; padding:7px 14px; background:#fff; }
#prodotto-root h1 { font-family:'Outfit','Inter',sans-serif; font-weight:800; font-size:clamp(1.9rem,4vw,2.7rem); line-height:1.12; letter-spacing:-.02em; margin:16px 0 12px; }
#prodotto-root .sotto { max-width:760px; color:var(--slate); font-size:1.12rem; }
#prodotto-root .cta-riga { display:flex; gap:12px; flex-wrap:wrap; margin-top:24px; }
#prodotto-root .btn { display:inline-flex; align-items:center; gap:10px; padding:14px 24px; border-radius:12px; font-weight:800; text-decoration:none; font-size:.98rem; }
#prodotto-root .btn-pieno { background:linear-gradient(135deg,var(--brand),var(--brand-dark)); color:#fff; box-shadow:0 8px 26px rgba(160,9,47,.35); }
#prodotto-root .btn-vuoto { background:#fff; color:var(--brand); border:2px solid var(--brand); }
#prodotto-root .fiducia { display:flex; gap:20px; flex-wrap:wrap; margin-top:20px; color:var(--gray); font-size:.85rem; font-weight:600; }
#prodotto-root .fiducia i { color:var(--brand); margin-right:6px; }

#prodotto-root .sez { padding:34px 0; }
#prodotto-root .sez-alt { background:#fff; border-top:1px solid var(--silver); border-bottom:1px solid var(--silver); }
#prodotto-root h2 { font-family:'Outfit','Inter',sans-serif; font-weight:800; font-size:1.55rem; letter-spacing:-.015em; margin:0 0 14px; }
#prodotto-root h3 { font-weight:700; font-size:1.08rem; margin:0 0 8px; }
#prodotto-root p { margin:0 0 14px; color:var(--slate); }
#prodotto-root .testo-max { max-width:820px; }

#prodotto-root .passi { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:16px; margin-top:8px; }
#prodotto-root .passo { background:#fff; border:1px solid var(--silver); border-radius:16px; padding:20px; position:relative; }
#prodotto-root .sez-alt .passo { background:var(--panna); }
#prodotto-root .passo .n { position:absolute; top:-14px; left:18px; background:var(--brand); color:#fff; font-weight:800; width:30px; height:30px; border-radius:999px; display:flex; align-items:center; justify-content:center; font-size:.9rem; }
#prodotto-root .passo h3 { margin-top:8px; }
#prodotto-root .passo p { font-size:.92rem; margin:0; }

#prodotto-root .due-col { display:grid; grid-template-columns:1fr 1fr; gap:22px; align-items:start; }
#prodotto-root .lista { list-style:none; margin:0; padding:0; }
#prodotto-root .lista li { padding:9px 0 9px 30px; position:relative; color:var(--slate); border-bottom:1px dashed var(--silver); }
#prodotto-root .lista li::before { content:'\2713'; position:absolute; left:0; top:9px; color:var(--brand); font-weight:800; }
#prodotto-root .lista-attenzione li::before { content:'\26A0'; color:var(--oro); }

#prodotto-root table.confronto { width:100%; border-collapse:collapse; background:#fff; border:1px solid var(--silver); border-radius:14px; overflow:hidden; font-size:.94rem; }
#prodotto-root table.confronto th, #prodotto-root table.confronto td { padding:12px 14px; text-align:left; border-bottom:1px solid var(--silver); vertical-align:top; }
#prodotto-root table.confronto th { background:var(--brand); color:#fff; font-weight:700; }
#prodotto-root table.confronto tr:last-child td { border-bottom:0; }

#prodotto-root details.faq { background:#fff; border:1px solid var(--silver); border-radius:12px; margin-bottom:10px; }
#prodotto-root details.faq summary { cursor:pointer; padding:15px 18px; font-weight:700; list-style:none; position:relative; padding-right:40px; }
#prodotto-root details.faq summary::-webkit-details-marker { display:none; }
#prodotto-root details.faq summary::after { content:'+'; position:absolute; right:18px; top:12px; color:var(--brand); font-size:1.3rem; font-weight:800; }
#prodotto-root details.faq[open] summary::after { content:'\2212'; }
#prodotto-root details.faq .r { padding:0 18px 16px; color:var(--slate); }

#prodotto-root .correlati { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px; }
#prodotto-root .correlato { background:#fff; border:1px solid var(--silver); border-radius:14px; padding:16px 18px; text-decoration:none; transition:.2s; }
#prodotto-root .correlato:hover { border-color:var(--brand); transform:translateY(-2px); box-shadow:0 10px 24px rgba(15,23,42,.08); }
#prodotto-root .correlato b { color:var(--ink); display:block; margin-bottom:4px; }
#prodotto-root .correlato span { color:var(--gray); font-size:.85rem; }

#prodotto-root .cta-finale { background:linear-gradient(135deg,var(--brand),var(--brand-dark)); border-radius:20px; padding:36px 30px; color:#fff; text-align:center; }
#prodotto-root .cta-finale h2 { color:#fff; }
#prodotto-root .cta-finale p { color:rgba(255,255,255,.85); max-width:640px; margin:0 auto 20px; }
#prodotto-root .cta-finale .btn-vuoto { background:#fff; border-color:#fff; }
#prodotto-root .nota-legale { font-size:.8rem; color:var(--gray); margin-top:14px; }

#prodotto-root .calc { background:#fff; border:1px solid var(--silver); border-radius:16px; padding:22px; }
#prodotto-root .calc label { display:block; font-weight:600; font-size:.86rem; margin-bottom:12px; color:var(--ink); }
#prodotto-root .calc input, #prodotto-root .calc select { width:100%; margin-top:5px; padding:11px 12px; border:1px solid var(--silver); border-radius:10px; font:inherit; }
#prodotto-root .calc .ris { background:var(--brand-light); border:1px solid #F3C1CD; border-radius:12px; padding:16px 18px; margin-top:6px; }
#prodotto-root .calc .ris b { font-size:1.35rem; color:var(--brand-dark); font-family:'Outfit',sans-serif; }
#prodotto-root .calc .ris small { display:block; color:var(--slate); margin-top:4px; }

@media (max-width:860px){ #prodotto-root .due-col { grid-template-columns:1fr; } }
