/* =========================================================
   24/7 · Country → Currency + Public CRM Demo
   Added 2026-08-19
   ========================================================= */

.crm-public-demo-note{
  display:block;
  margin-top:10px;
  color:#6f7480;
  font-size:.78rem;
  line-height:1.45;
  font-weight:700;
}

.section-dark .crm-public-demo-note,
.crm-hero-product .crm-public-demo-note{
  color:#aeb4bf;
}

.crm-public-demo-btn{
  white-space:normal;
  text-align:center;
}

.crm-public-demo-banner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin:22px 0 26px;
  padding:20px 22px;
  border:1px solid rgba(255,105,20,.24);
  border-radius:20px;
  background:
    radial-gradient(circle at 92% 10%,rgba(255,105,20,.10),transparent 36%),
    linear-gradient(135deg,#fff,#fffaf6);
  box-shadow:0 14px 34px rgba(22,28,45,.055);
}

.crm-public-demo-banner-copy{
  display:grid;
  gap:5px;
  min-width:0;
}

.crm-public-demo-banner-copy strong{
  color:#171a22;
  font-size:1.05rem;
  letter-spacing:-.015em;
}

.crm-public-demo-banner-copy span{
  color:#6c7280;
  font-size:.88rem;
  line-height:1.55;
}

.crm-public-demo-banner-actions{
  display:flex;
  flex:0 0 auto;
  flex-direction:column;
  align-items:center;
  gap:2px;
  min-width:190px;
}

.crm-public-demo-banner-actions .crm-public-demo-note{
  margin-top:5px;
  max-width:220px;
  text-align:center;
  font-size:.72rem;
}

#crm .tier-card .crm-public-demo-btn{
  width:100%;
}

@media(max-width:760px){
  .crm-public-demo-banner{
    align-items:stretch;
    flex-direction:column;
    gap:16px;
    padding:18px;
  }

  .crm-public-demo-banner-actions{
    width:100%;
    min-width:0;
    align-items:stretch;
  }

  .crm-public-demo-banner-actions .btn{
    width:100%;
  }

  .crm-public-demo-banner-actions .crm-public-demo-note{
    max-width:none;
    text-align:left;
  }

  .hero-actions .crm-public-demo-btn,
  .crm-actions .crm-public-demo-btn,
  .crm-final-actions .crm-public-demo-btn{
    width:100%;
    justify-content:center;
  }
}