/* /programma-fedelta-digitale/ drawn by includes/salvashop-page.php (copy in includes/content/salvashop.php). Loaded only there, on top of merchant.css. */
.sc-ss-hero { justify-content:center; text-align:left; }

/* Pain points: 5 cards, 3 + 2 on desktop */
.sc-ss-pains { grid-template-columns:repeat(6, minmax(0,1fr)); }
.sc-ss-pain { grid-column:span 2; border-top:6px solid var(--sc-mint); }
.sc-ss-pain:nth-child(4), .sc-ss-pain:nth-child(5) { grid-column:span 3; }
.sc-ss-pain h3 { font-family:var(--sc-font-title); font-size:21px; font-weight:700; line-height:1.25; color:var(--mp-dark); }
.sc-ss-pain .sc-ui-badge { justify-self:start; }

/* Hotel example */
.sc-ss-hotel { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,2fr); gap:28px; padding:36px; border-radius:var(--sc-radius); background:#fff; border:3px solid var(--mp-dark); }
.sc-ss-hotel header { display:grid; gap:10px; align-content:start; }
.sc-ss-hotel__name { font-size:15px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--sc-green); }
.sc-ss-hotel__intro { font-family:var(--sc-font-title); font-size:24px; font-weight:700; line-height:1.3; color:var(--mp-dark); }
.sc-ss-hotel__list { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:18px 24px; margin:0; }
.sc-ss-hotel__list div { display:grid; gap:4px; padding-left:14px; border-left:3px solid var(--sc-mint); }
.sc-ss-hotel__list dt { font-weight:700; color:var(--mp-dark); }
.sc-ss-hotel__list dd { margin:0; line-height:1.5; }

/* Counter steps on white cards */
.sc-ss-counter .sc-mp-card { position:relative; }

/* Emails + numbers */
.sc-ss-box { gap:18px; padding:32px; }
.sc-ss-box .sc-mp-head { text-align:left; margin:0; }
.sc-ss-box .sc-mp-title { font-size:clamp(24px, 2.6vw, 30px); }

/* Coming soon */
.sc-ss-soon { grid-template-columns:repeat(4, minmax(0,1fr)); }
.sc-ss-soon .sc-mp-card { background:var(--mp-cream); border-style:dashed; }
.sc-ss-soon .sc-ui-badge { justify-self:start; background:#fff; }

/* Price */
.sc-ss-price { max-width:760px; margin:0 auto; width:100%; padding:40px; gap:20px; border:3px solid var(--sc-mint); text-align:center; }
.sc-ss-consumer { font-size:15px; }
.sc-ss-consumer a { color:var(--sc-green); font-weight:700; }

@media (max-width: 1024px) {
  .sc-ss-pains { grid-template-columns:repeat(2, minmax(0,1fr)); }
  .sc-ss-pain, .sc-ss-pain:nth-child(4), .sc-ss-pain:nth-child(5) { grid-column:auto; }
  .sc-ss-hotel { grid-template-columns:1fr; }
  .sc-ss-soon { grid-template-columns:repeat(2, minmax(0,1fr)); }
}
@media (max-width: 767px) {
  .sc-ss-pains, .sc-ss-soon, .sc-ss-hotel__list { grid-template-columns:1fr; }
  .sc-ss-hotel { padding:24px 20px; }
  .sc-ss-box, .sc-ss-price { padding:24px 20px; }
}