/* ===== PREMIUM HAIR PATCH DESIGN ===== */

.hsr-hairpatch-premium{
  font-family:'Inter', sans-serif;
  color:#1e1e1e;
}

.hsr-box{
  background:#fff;
  border-radius:20px;
  padding:2.8rem;
  border:1px solid #f0e2d8;
}

.hsr-hero{
  background:linear-gradient(180deg,#fff7f1,#ffffff);
}

.hsr-pill{
  display:inline-block;
  background:#fff3ea;
  color:#d76618;
  padding:6px 14px;
  border-radius:30px;
  font-size:0.75rem;
  font-weight:600;
}

.hsr-pill i{ margin-right:6px; }

.hsr-main-title{
  font-size:2.4rem;
  font-weight:700;
  margin-top:12px;
}

.hsr-main-desc{
  font-size:1.05rem;
  color:#555;
  max-width:720px;
}

.hsr-section-title{
  font-size:32px;
  font-weight:800;
  margin-bottom:1.6rem;
}

.hsr-section-title i{
  color:#d76618;
  margin-right:8px;
}

.hsr-sub-title{
  font-size:1.6rem;
  font-weight:800;
}

.hsr-sub-title i{
  color:#d76618;
  margin-right:6px;
}

.hsr-feature-list{
  list-style:none;
  padding:0;
}

.hsr-feature-list li{
  padding:8px 0;
  font-size:1rem;
}

.hsr-feature-list i{
  color:#d76618;
  margin-right:10px;
}

.hsr-benefit{
  font-size:0.95rem;
}

.hsr-benefit i{
  color:#d76618;
  margin-right:8px;
}

.hsr-process{
  list-style:none;
  padding:0;
}

.hsr-process li{
  display:flex;
  align-items:center;
  margin-bottom:14px;
}

.hsr-process span{
  width:36px;
  height:36px;
  background:#d76618;
  color:#fff;
  border-radius:50%;
  text-align:center;
  line-height:36px;
  font-size:0.8rem;
  margin-right:14px;
}

.hsr-btn{
  display:inline-block;
  background:#d76618;
  color:#fff;
  padding:14px 46px;
  border-radius:60px;
  font-weight:600;
  text-decoration:none;
  transition:0.3s;
}

.hsr-btn i{ margin-right:8px; }

.hsr-btn:hover{
  background:#b85612;
  transform:translateY(-2px);
}
.hairpatch-img-wrapper{
  width:100%;
  overflow:hidden;
  border-radius:16px;   /* optional premium look */
}

.hairpatch-img-wrapper img{
  width:100%;
  height:auto;
  display:block;
}





    /* ===== Single List Box Premium Design ===== */

.hsr-list-box{
  display:flex;
  align-items:flex-start;
  gap:14px;
  padding:14px 16px;
  border:1px solid #f1d3bf;
  border-radius:14px;
  background:#fff;
  font-size:0.95rem;
  line-height:1.6;
  transition:all 0.3s ease;
}

.hsr-list-box i{
  color:#d76618;
  font-size:1.05rem;
  margin-top:2px;
  flex-shrink:0;
}

.hsr-list-box:hover{
  border-color:#d76618;
  box-shadow:0 10px 26px rgba(215,102,24,0.14);
  transform:translateY(-2px);
}



.hsr-sidebar-box{
  background:#ffffff;
  border:1px solid #f1d3bf;
  border-radius:16px;
  padding:20px;
}

.hsr-sidebar-title{
  font-size:1.2rem;
  font-weight:600;
  margin-bottom:16px;
}

.hsr-sidebar-item{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:10px 0;
  font-size:0.95rem;
}

.hsr-sidebar-item i{
  color:#d76618;
  font-size:1.1rem;
  margin-top:2px;
}

/* CTA */
.hsr-sidebar-cta{
  background:#fff7f1;
  border:1px solid #f1d3bf;
  border-radius:16px;
  padding:22px;
}

.hsr-sidebar-btn{
  display:inline-block;
  background:#d76618;
  color:#fff;
  padding:10px 20px;
  border-radius:30px;
  text-decoration:none;
  font-weight:600;
}

.hsr-sidebar-btn i{
  margin-right:6px;
}