.wsm-feature-wrapper{
  display:grid;
  grid-template-columns:var(--wsm-left-width) var(--wsm-right-width);
  gap:var(--wsm-gap);
  align-items:center;
}

.wsm-feature-wrapper.v-top{align-items:start}
.wsm-feature-wrapper.v-center{align-items:center}
.wsm-feature-wrapper.v-bottom{align-items:end}

.wsm-feature-wrapper.content-right{
  direction:rtl;
}
.wsm-feature-wrapper.content-right > *{
  direction:ltr;
}

.wsm-feature-content{
  padding:20px;
  min-width:0;
  height:100%;
}

.wsm-feature-list{
  padding:20px;
  display:flex;
  flex-direction:column;
  gap:var(--wsm-item-gap);
  min-width:0;
  height:100%;
}

.wsm-feature-section-title{
  margin:0 0 16px;
  font-size:clamp(28px,4vw,44px);
  line-height:1.15;
}

.wsm-feature-section-description{
  font-size:16px;
  line-height:1.75;
}
.wsm-feature-section-description p:first-child{margin-top:0}
.wsm-feature-section-description p:last-child{margin-bottom:0}
.wsm-feature-section-description a{text-decoration:underline}

.feature-item{
  display:flex;
  gap:14px;
  align-items:flex-start;
  border:1px solid;
  border-radius:var(--wsm-item-radius);
  padding:16px 18px;
  transition:transform .2s ease, box-shadow .2s ease;
}
.feature-item:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(0,0,0,.06);
}

.feature-icon{
  width:28px;
  min-width:28px;
  font-size:20px;
  line-height:1;
  margin-top:2px;
  text-align:center;
}

.feature-copy{
  min-width:0;
}

.feature-title{
  font-size:17px;
  font-weight:700;
  line-height:1.35;
  margin-bottom:4px;
}

.feature-description{
  font-size:15px;
  line-height:1.6;
}

@media (max-width:768px){
  .wsm-feature-wrapper{
    grid-template-columns:1fr;
    gap:0px;
  }
  .wsm-feature-wrapper.features-first .wsm-feature-list{order:1}
  .wsm-feature-wrapper.features-first .wsm-feature-content{order:2}
  .wsm-feature-wrapper.content-first .wsm-feature-content{order:1}
  .wsm-feature-wrapper.content-first .wsm-feature-list{order:2}
}

@media (max-width:480px){
  .wsm-feature-content,
  .wsm-feature-list{
    padding:24px 18px;
  }
  .feature-item{
    padding:14px 14px;
  }
  .feature-title{
    font-size:16px;
  }
  .feature-description{
    font-size:14px;
  }
}
