/* Social Shop Italia — vetrina e procedura guidata. Carta da zucchero chiaro, testi blu scuro, un filo d'oro. */
.rsn-ssi,.rsn-ssi-proc,.rsn-ssi-admin{--ssi-blu:#1f3b5c;--ssi-azzurro:#8fb2d8;--ssi-fondo:#e6f0fa;--ssi-oro:#fbbf24;--ssi-chiaro:#c9dcf0}
.rsn-ssi{color:var(--ssi-blu);max-width:1180px;margin:0 auto;font-size:16px;line-height:1.5}
.rsn-ssi *{box-sizing:border-box}
.rsn-ssi img{max-width:100%;height:auto}
.rsn-ssi h1,.rsn-ssi h2,.rsn-ssi h3{color:var(--ssi-blu);line-height:1.25}
.rsn-ssi h2{margin:28px 0 12px;font-size:1.35em}
.ssi-testata{text-align:center;padding:10px 0 6px}
.ssi-logo{max-height:64px;width:auto}
.ssi-testata p{margin:6px 0 0;opacity:.85}
.ssi-hero{display:block;margin:10px 0 0}
.ssi-hero img{display:block;width:100%;border-radius:18px}
.ssi-cerca{display:flex;flex-wrap:wrap;gap:8px;background:var(--ssi-fondo);border:1px solid var(--ssi-chiaro);border-radius:16px;padding:12px;margin:16px 0 8px}
.ssi-cerca input,.ssi-cerca select{flex:1 1 180px;min-width:0;min-height:46px;border:1px solid var(--ssi-azzurro);border-radius:12px;padding:8px 12px;font:inherit;color:var(--ssi-blu);background:#fff}
.ssi-cerca input{flex:2 1 260px}
.ssi-cerca button,.ssi-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:10px 18px;border:0;border-radius:999px;background:var(--ssi-blu);color:#fff!important;font-weight:700;text-decoration:none;cursor:pointer;font:inherit;font-weight:700}
.ssi-cerca button:hover,.ssi-btn:hover{box-shadow:0 0 0 3px var(--ssi-oro)}
.ssi-btn-chiaro{background:#fff;color:var(--ssi-blu)!important;border:1px solid var(--ssi-azzurro)}
.ssi-btn-grande{font-size:1.1em;padding:14px 24px;margin:8px 0}
.ssi-menu{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 4px}
.ssi-menu a{padding:6px 12px;border-radius:999px;background:#fff;border:1px solid var(--ssi-chiaro);color:var(--ssi-blu);text-decoration:none;font-size:.95em}
.ssi-menu a:hover{border-color:var(--ssi-blu)}
.ssi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
.ssi-card{background:#fff;border:1px solid var(--ssi-chiaro);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.ssi-img{position:relative;display:block;aspect-ratio:1/1;background:var(--ssi-fondo)}
.ssi-img img{width:100%;height:100%;object-fit:cover;display:block}
.ssi-noimg{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:48px}
.ssi-noimg img{width:72px;height:72px;object-fit:contain}
.ssi-badge{position:absolute;top:10px;left:10px;background:var(--ssi-oro);color:#1f2937;font-size:.8em;font-weight:700;padding:2px 10px;border-radius:999px}
.ssi-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:4px;flex:1}
.ssi-body h3{font-size:1em;margin:0}
.ssi-body h3 a{color:var(--ssi-blu);text-decoration:none}
.ssi-prezzo{margin:0;font-size:1.1em}
.ssi-prezzo s{opacity:.6;font-size:.85em}
.ssi-dove,.ssi-disp{margin:0;font-size:.88em;opacity:.85;overflow-wrap:anywhere}
.ssi-dove a{color:inherit}
.ssi-body .ssi-btn{margin-top:auto;align-self:stretch}
.ssi-nota{font-size:.88em;opacity:.8;margin:10px 0}
.ssi-vuoto{background:var(--ssi-fondo);border:1px dashed var(--ssi-azzurro);border-radius:14px;padding:18px;text-align:center}
.ssi-negozi,.ssi-settori{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.ssi-negozi a,.ssi-settori a{display:flex;flex-direction:column;gap:2px;padding:12px 14px;background:#fff;border:1px solid var(--ssi-chiaro);border-radius:14px;color:var(--ssi-blu);text-decoration:none;height:100%}
.ssi-negozi a:hover,.ssi-settori a:hover{border-color:var(--ssi-blu)}
.ssi-negozi span,.ssi-settori a>span:last-child{font-size:.88em;opacity:.8}
.ssi-ico{font-size:32px;line-height:1}
.ssi-ico img{width:48px;height:48px}
.ssi-prodotto{display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:24px;align-items:start;margin-top:12px}
.ssi-prodotto-img img{width:100%;border-radius:16px;background:var(--ssi-fondo)}
.ssi-prodotto-info h1{margin:4px 0 8px;font-size:1.6em}
.ssi-pag{display:flex;gap:12px;align-items:center;justify-content:center;margin:18px 0}
.ssi-pag a{color:var(--ssi-blu);font-weight:700}
.ssi-per-negozi{margin:24px 0;text-align:center}
.ssi-per-negozi a{color:var(--ssi-blu);font-weight:700}
.ssi-punti{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin:12px 0}
.ssi-punto{background:#fff;border:1px solid var(--ssi-chiaro);border-top:4px solid var(--ssi-azzurro);border-radius:14px;padding:16px}
.ssi-punto h3{margin:6px 0}
.ssi-passi{list-style:none;margin:12px 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.ssi-passi li{background:var(--ssi-fondo);border-radius:14px;overflow:hidden;text-align:center;font-weight:700}
.ssi-passi img{display:block;width:100%}
.ssi-passi span{display:block;padding:10px}
.ssi-art{padding-left:20px}
.ssi-art h3{margin:14px 0 4px;font-size:1.05em}
@media (max-width:640px){.ssi-prodotto{grid-template-columns:1fr}.ssi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ssi-body{padding:10px}.ssi-cerca button{flex:1 1 100%}}
@media (max-width:330px){.ssi-grid{grid-template-columns:1fr}}

/* Pannello e procedura guidata (forma familiare: passi in alto, riquadro bianco, Continua in basso a destra) */
.rsn-ssi-proc{max-width:760px;margin:20px auto 40px;color:var(--ssi-blu)}
.ssi-proc-testa{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.ssi-proc-testa img{height:40px;width:auto}
.ssi-proc-testa span{font-size:1.1em;font-weight:600}
.ssi-proc-passi{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px}
.ssi-proc-passi li{display:flex;align-items:center;gap:6px;opacity:.6}
.ssi-proc-passi li span{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:2px solid var(--ssi-azzurro);font-weight:700;font-size:12px;background:#fff}
.ssi-proc-passi li.ora{opacity:1;font-weight:700}
.ssi-proc-passi li.ora span{background:var(--ssi-blu);border-color:var(--ssi-blu);color:#fff}
.ssi-proc-passi li.fatto{opacity:.9}
.ssi-proc-passi li.fatto span{background:var(--ssi-fondo);border-color:var(--ssi-azzurro);color:var(--ssi-blu)}
.ssi-proc-box{background:#fff;border:1px solid var(--ssi-chiaro);border-radius:12px;padding:26px 28px;box-shadow:0 6px 24px rgba(31,59,92,.08);display:flex;flex-direction:column;gap:12px}
.ssi-proc-box h2{margin:0;font-size:1.5em;color:var(--ssi-blu)}
.ssi-proc-num{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.06em;opacity:.7}
.ssi-proc-box label{display:block;font-weight:600;font-size:14px}
.ssi-proc-box label>input:not([type=checkbox]):not([type=radio]),.ssi-proc-box label>select{display:block;width:100%;margin-top:4px;box-sizing:border-box}
.ssi-proc-box input[type=text],.ssi-proc-box input[type=email],.ssi-proc-box input:not([type]),.ssi-proc-box select{min-height:40px;border:1px solid #c3cdd8;border-radius:6px;padding:6px 10px;font-weight:400}
.ssi-proc-box label.ssi-proc-check{display:flex;flex-direction:row;align-items:center;gap:8px;font-weight:500;flex-wrap:wrap}
.ssi-proc-due{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ssi-proc-tab{display:grid;gap:8px}
.ssi-proc-tab label{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:6px 0;border-bottom:1px solid var(--ssi-fondo)}
.ssi-proc-cat{display:flex;flex-wrap:wrap;gap:6px 16px;padding-left:24px}
.ssi-proc-cat label{display:inline-flex;gap:6px;font-weight:400}
.ssi-proc-testo{max-height:320px;overflow:auto;border:1px solid var(--ssi-chiaro);border-radius:8px;padding:6px 16px;background:var(--ssi-fondo);font-size:14px}
.ssi-proc-testo h1{font-size:1.15em}
.ssi-proc-piede{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px;padding-top:14px;border-top:1px solid var(--ssi-fondo)}
.ssi-proc-continua{background:var(--ssi-blu);color:#fff;border:0;border-radius:6px;padding:10px 22px;font-size:15px;font-weight:600;cursor:pointer;min-height:42px}
.ssi-proc-continua:hover,.ssi-proc-continua:focus-visible{box-shadow:0 0 0 3px var(--ssi-oro);outline:0}
.ssi-proc-link{background:none;border:0;color:var(--ssi-blu);text-decoration:underline;cursor:pointer;font-size:14px;padding:6px 8px}
.ssi-proc-gia{margin:0;padding:8px 12px;background:#e7f6ec;border-radius:6px;color:#166534}
.ssi-proc-errore{margin:0 0 12px;padding:10px 14px;border-left:4px solid #b91c1c;background:#fef2f2;color:#7f1d1d;border-radius:6px}
.ssi-proc-nota{font-size:13px;opacity:.8;margin:6px 0 0}
@media (max-width:600px){.ssi-proc-box{padding:18px}.ssi-proc-due{grid-template-columns:1fr}.ssi-proc-piede{flex-direction:column-reverse;align-items:stretch}.ssi-proc-continua{width:100%}}
.rsn-ssi-admin .rsn-ssi-comandi{display:flex;gap:6px;flex-wrap:wrap}
.rsn-ssi-admin .rsn-ssi-vuoto{background:#fff;border:1px dashed #8fb2d8;border-radius:10px;padding:14px 18px;max-width:900px}
.rsn-ssi-admin .rsn-ssi-stato{background:#fff;border-left:4px solid #16a34a;border-radius:6px;padding:8px 16px;max-width:900px}
.rsn-ssi-tag{font-size:11px;background:#e6f0fa;border-radius:999px;padding:1px 8px}
.rsn-ssi-aiuto{cursor:help}

/* ✨ La Home spettacolare (0.2.0): foto grande con la ricerca sopra, fiducia, settori a icone, come funziona, la fascia per chi vende. */
.ssi-home{max-width:1180px}
.ssi-h-hero{position:relative;margin:0 0 8px}
.ssi-h-hero .ssi-hero{margin:0}
.ssi-h-hero .ssi-hero img{border-radius:24px;box-shadow:0 18px 50px rgba(31,59,92,.16)}
.ssi-h-cerca{position:relative;margin:-46px 4% 0;z-index:2}
.ssi-h-cerca .ssi-cerca{background:#fff;border:0;border-radius:20px;padding:14px;box-shadow:0 14px 40px rgba(31,59,92,.18);margin:0}
.ssi-h-cerca .ssi-cerca button{background:linear-gradient(135deg,var(--ssi-blu),#2d5a8a);padding:10px 26px}
.ssi-h-fiducia{list-style:none;margin:26px 0 8px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ssi-h-fiducia li{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;background:#fff;border:1px solid var(--ssi-chiaro);border-radius:16px;padding:12px 14px}
.ssi-h-fiducia span{grid-row:1/3;font-size:28px;line-height:1}
.ssi-h-fiducia b{font-size:.98em}
.ssi-h-fiducia small{font-size:.82em;opacity:.75}
.ssi-h-tit{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:30px 0 12px}
.ssi-h-tit h2{margin:0}
.ssi-h-tit a{color:var(--ssi-blu);font-weight:700;text-decoration:none;border-bottom:2px solid var(--ssi-oro)}
.ssi-h-settori{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.ssi-h-settori a{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:16px 8px;background:linear-gradient(180deg,#fff,var(--ssi-fondo));border:1px solid var(--ssi-chiaro);border-radius:18px;color:var(--ssi-blu);text-decoration:none;height:100%;transition:transform .15s,box-shadow .15s}
.ssi-h-settori a:hover,.ssi-h-settori a:focus{transform:translateY(-3px);box-shadow:0 10px 24px rgba(31,59,92,.14);border-color:var(--ssi-azzurro)}
.ssi-h-ico{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#fff;font-size:30px;box-shadow:0 4px 12px rgba(31,59,92,.10)}
.ssi-h-ico img{width:40px;height:40px}
.ssi-h-settori b{font-size:.92em;line-height:1.2}
.ssi-h-settori small{font-size:.78em;opacity:.7}
.ssi-h-apre{display:flex;gap:18px;align-items:center;margin:30px 0;padding:24px 26px;border-radius:22px;background:linear-gradient(135deg,#fff 0%,var(--ssi-fondo) 100%);border:2px dashed var(--ssi-azzurro)}
.ssi-h-apre-ico{font-size:56px;line-height:1}
.ssi-h-apre h2{margin:0 0 6px}
.ssi-h-apre p{margin:0 0 8px}
.ssi-h-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px!important}
.ssi-h-oro{background:var(--ssi-oro)!important;color:#1f2937!important}
.ssi-h-centro{text-align:center;margin-top:40px!important}
.ssi-h-passi{list-style:none;margin:14px 0 10px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:p}
.ssi-h-passi li{background:#fff;border:1px solid var(--ssi-chiaro);border-radius:20px;padding:22px 20px;text-align:center;position:relative}
.ssi-h-num{display:inline-flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:50%;background:var(--ssi-fondo);font-size:30px;margin-bottom:8px;box-shadow:inset 0 0 0 3px var(--ssi-oro)}
.ssi-h-passi b{display:block;font-size:1.1em}
.ssi-h-passi p{margin:6px 0 0;font-size:.93em;opacity:.85}
.ssi-h-vendi{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:26px;align-items:center;margin:40px 0 24px;padding:32px;border-radius:26px;color:#fff;background:radial-gradient(circle at 85% 20%,rgba(251,191,36,.22),transparent 40%),linear-gradient(135deg,#16304d 0%,var(--ssi-blu) 55%,#2d5a8a 100%);box-shadow:0 20px 50px rgba(31,59,92,.25)}
.ssi-h-vendi h2{color:#fff!important;margin:0 0 12px;font-size:1.8em}
.ssi-h-occhiello{margin:0 0 4px;color:var(--ssi-oro);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.82em}
.ssi-h-vendi ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:1.02em}
.ssi-h-vendi-porte{display:grid;gap:12px}
.ssi-h-vendi-porte a{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;padding:16px 18px;border-radius:18px;background:#fff;color:var(--ssi-blu);text-decoration:none;transition:transform .15s,box-shadow .15s}
.ssi-h-vendi-porte a:hover,.ssi-h-vendi-porte a:focus{transform:translateY(-2px);box-shadow:0 0 0 4px var(--ssi-oro)}
.ssi-h-vendi-porte span{grid-row:1/3;font-size:34px;line-height:1}
.ssi-h-vendi-porte b{font-size:1.08em}
.ssi-h-vendi-porte small{opacity:.8}
@media (max-width:1000px){.ssi-h-settori{grid-template-columns:repeat(4,minmax(0,1fr))}.ssi-h-fiducia{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.ssi-h-cerca{margin:-24px 0 0}.ssi-h-vendi{grid-template-columns:1fr;padding:22px}.ssi-h-passi{grid-template-columns:1fr}.ssi-h-settori{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ssi-h-apre{flex-direction:column;text-align:center}.ssi-h-btns{justify-content:center}}
@media (max-width:760px){.ssi-h-fiducia li{padding:10px;column-gap:8px}.ssi-h-fiducia span{font-size:22px}.ssi-h-settori a{padding:10px 4px}.ssi-h-ico{width:50px;height:50px}.ssi-h-ico img{width:32px;height:32px}}
@media (max-width:340px){.ssi-h-settori{grid-template-columns:repeat(2,minmax(0,1fr))}.ssi-h-fiducia{grid-template-columns:1fr}}
/* ⭐ In evidenza (0.2.2): spazio promozionale, sempre riconoscibile */
.ssi-evid{margin:22px 0 6px;padding:14px 16px 16px;border-radius:20px;background:linear-gradient(180deg,#fff8e1,#fff);border:2px solid var(--ssi-oro)}
.ssi-evid .ssi-h-tit{margin:0 0 10px}
.ssi-h-tit small{font-size:.82em;opacity:.7}