/* Service detail pages — "Features" list styling
   Applies to <ul class="feat-list"> inside .svc-original */
.svc-original .feat-list{
  list-style:none; margin:0; padding:0;
  display:grid; grid-template-columns:1fr; gap:12px;
  counter-reset:feat;
}
.svc-original .feat-list li{
  position:relative; counter-increment:feat;
  display:flex; align-items:flex-start; gap:14px;
  padding:16px 18px 16px 16px;
  background:var(--white,#fff);
  border:1px solid rgba(18,20,15,.1);
  border-radius:var(--radius-md,16px);
  color:#3b3f35; font-size:.98rem; line-height:1.55;
  transition:transform .35s var(--ease,ease), background .35s var(--ease,ease), color .35s var(--ease,ease), border-color .35s var(--ease,ease), box-shadow .35s var(--ease,ease);
}
.svc-original .feat-list li::before{
  content:"\F633"; /* bootstrap-icons: check-lg */
  font-family:"bootstrap-icons";
  flex:none; display:grid; place-items:center;
  width:30px; height:30px; margin-top:1px;
  border-radius:10px;
  background:var(--lime,#d6f26b); color:var(--ink,#12140f);
  font-size:1rem; line-height:1;
  transition:background .35s var(--ease,ease), color .35s var(--ease,ease), transform .35s var(--ease,ease);
}
.svc-original .feat-list li:hover{
  transform:translateX(6px);
  background:var(--ink,#12140f); color:var(--paper,#f3f5ee); border-color:var(--ink,#12140f);
  box-shadow:0 18px 34px -22px rgba(18,20,15,.55);
}
.svc-original .feat-list li:hover::before{ background:var(--coral,#ff4b33); color:#fff; transform:rotate(-8deg) scale(1.05); }
@media (prefers-reduced-motion:reduce){
  .svc-original .feat-list li, .svc-original .feat-list li::before{ transition:none; }
  .svc-original .feat-list li:hover{ transform:none; }
}
