/* V18.1 — Customer Portal Visibility */

.customer-portal-promo-v18-1{
  padding-top:18px;
  padding-bottom:72px;
}

.customer-portal-card-v18-1{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:28px;
  align-items:center;
  padding:clamp(24px,4vw,42px);
  background:#fff;
  border:1px solid var(--line);
  border-radius:28px;
  box-shadow:0 18px 55px rgba(0,0,0,.055);
}

.customer-portal-card-v18-1 h2{
  margin:6px 0 8px;
  font-size:clamp(2rem,4vw,3.6rem);
  letter-spacing:-.05em;
  line-height:.98;
}

.customer-portal-card-v18-1 p{
  margin:0;
  max-width:660px;
  color:var(--muted);
}

.customer-success-actions-v18-1{
  display:flex;
  gap:9px;
  flex-wrap:wrap;
}

.customer-success-library-v18-1{
  margin-top:26px;
  padding:20px;
  border-radius:20px;
  background:#f5f5f7;
  border:1px solid rgba(0,0,0,.055);
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:20px;
  align-items:center;
}

.customer-success-library-v18-1 h3{
  margin:5px 0 6px;
  font-size:1.35rem;
  letter-spacing:-.025em;
}

.customer-success-library-v18-1 p{
  margin:0;
  color:#66666b;
  max-width:540px;
}

.customer-back-store-v18-1{
  display:inline-block;
  margin-top:18px;
  font-size:.8rem;
  color:#6e6e73;
}

@media(max-width:720px){
  .customer-portal-card-v18-1,
  .customer-success-library-v18-1{
    grid-template-columns:1fr;
  }

  .customer-portal-card-v18-1 .btn,
  .customer-success-library-v18-1 .btn{
    width:100%;
    text-align:center;
  }
}