/* Concept B is intentionally isolated from the approved Concept A. */
.catalog-concept-b .service-choice{
  display:flex;
  align-items:flex-start;
  flex-direction:column;
  padding:26px;
  padding-bottom:74px;
  cursor:pointer
}
.catalog-concept-b .service-choice .choice-logo{
  position:relative;
  z-index:2;
  display:grid;
  width:34px;
  height:34px;
  margin:0 0 17px;
  place-items:center;
  border-radius:11px;
  background:rgba(255,255,255,.78)
}
.catalog-concept-b .service-choice .choice-logo img{
  display:block;
  width:25px;
  height:25px;
  object-fit:contain
}
.catalog-concept-b .service-choice h3{
  margin:0 0 10px;
  font-size:25px;
  line-height:1.1;
  text-wrap:balance
}
.catalog-concept-b .service-choice>p{
  max-width:265px;
  padding:0;
  font-size:14px;
  line-height:1.48
}
.catalog-concept-b .service-choice>a{
  position:absolute;
  left:26px;
  bottom:26px
}
.catalog-concept-b .service-choice.is-previewing{
  box-shadow:inset 0 0 0 2px rgba(16,40,62,.14)
}
.catalog-concept-b .service-choice.is-sms-choice{
  background:#10283e;
  color:#fff
}
.catalog-concept-b .service-choice.is-sms-choice>p{color:rgba(255,255,255,.76)}
.catalog-concept-b .service-choice .choice-logo-sms{
  color:#10283e;
  font-size:8px;
  font-weight:800;
  letter-spacing:.04em
}
.catalog-concept-b .service-choice.is-sms-choice .catalog-cta{
  background:rgba(255,255,255,.12);
  color:#fff
}
.catalog-concept-b .choice-logo-check{
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:2px
}
.catalog-concept-b .choice-logo-check i{
  width:7px;
  height:7px;
  border:2px solid var(--green);
  border-radius:50%
}
.catalog-concept-b .choice-logo-check i::after{
  content:"";
  display:block;
  width:3px;
  height:1.5px;
  margin:1px 0 0 1px;
  border-bottom:1.5px solid var(--green);
  border-left:1.5px solid var(--green);
  transform:rotate(-45deg)
}

.catalog-concept-b .demo-card h3,
.catalog-concept-b .demo-card>p,
.catalog-concept-b .demo-card .demo-visual{
  transition:opacity .13s ease
}
.catalog-concept-b .demo-title-line{
  display:flex;
  align-items:center;
  gap:10px
}
.catalog-concept-b .demo-channel-icon{
  display:none;
  width:29px;
  height:29px;
  flex:0 0 29px;
  place-items:center;
  border-radius:9px;
  background:rgba(255,255,255,.94)
}
.catalog-concept-b .demo-channel-icon.is-visible{display:grid}
.catalog-concept-b .demo-channel-icon img{
  display:block;
  width:21px;
  height:21px;
  object-fit:contain
}
.catalog-concept-b .demo-channel-icon.is-check::before{
  content:"✓";
  display:grid;
  width:19px;
  height:19px;
  place-items:center;
  border-radius:50%;
  background:#e8f4ec;
  color:var(--green);
  font-size:12px;
  font-weight:800
}
.catalog-concept-b .demo-card.is-changing h3,
.catalog-concept-b .demo-card.is-changing>p,
.catalog-concept-b .demo-card.is-changing .demo-visual{
  opacity:.22
}
.catalog-concept-b .demo-card .sms-panel::before,
.catalog-concept-b .demo-card .sms-panel::after{
  content:none;
  display:none
}
.catalog-concept-b .demo-card .sms-panel .demo-status{
  display:block;
  color:#16824a;
  font-size:13px;
  font-weight:750;
  line-height:1.25
}
.catalog-concept-b .demo-card[data-channel="whatsapp"] .sms-screen-bubble{background:#dff1dc}
.catalog-concept-b .demo-card[data-channel="telegram"] .sms-screen-bubble{background:#dfeefa}
.catalog-concept-b .demo-card[data-channel="max"] .sms-screen-bubble{background:#ebe7fb}
.catalog-concept-b .demo-card:not([data-channel="sms"]) .sms-screen-bubble{
  min-height:72px;
  margin-top:12px;
  padding:16px 11px;
  border-radius:13px 13px 13px 4px;
  font-size:10px;
  line-height:1.35
}
.catalog-concept-b .demo-card[data-channel="check"] .sms-screen-bubble{
  display:grid;
  gap:0;
  min-height:82px;
  padding:4px 10px;
  background:#fff;
  box-shadow:inset 0 0 0 1px #dfe7eb
}
.catalog-concept-b .demo-card[data-channel="check"] .sms-screen-bubble span{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:25px;
  border-bottom:1px solid #e7edef;
  font-size:8.5px
}
.catalog-concept-b .demo-card[data-channel="check"] .sms-screen-bubble span:last-child{border-bottom:0}
.catalog-concept-b .demo-card[data-channel="check"] .sms-screen-bubble b{
  color:var(--green);
  font-size:9px
}
.catalog-concept-b .demo-card:not([data-channel="sms"]) .sms-screen-time,
.catalog-concept-b .demo-card:not([data-channel="sms"]) .sms-screen-compose{display:none}

@media(max-width:700px){
  .catalog-concept-b .service-choice{
    min-height:220px;
    padding:22px;
    padding-bottom:68px
  }
  .catalog-concept-b .service-choice>a{
    left:22px;
    bottom:22px
  }
  .catalog-concept-b .service-choice .choice-logo{
    width:32px;
    height:32px;
    margin-bottom:14px
  }
  .catalog-concept-b .service-choice h3{font-size:23px}
  .catalog-concept-b .service-choice>p{font-size:13px}
}

@media(prefers-reduced-motion:reduce){
  .catalog-concept-b .demo-card h3,
  .catalog-concept-b .demo-card>p,
  .catalog-concept-b .demo-card .demo-visual{transition:none}
}