/* v109 — approved light modern service cards only */
.reference-services{
  direction:rtl!important;
  position:relative!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
  width:min(1180px,calc(100% - 40px))!important;
  max-width:1180px!important;
  margin:0 auto!important;
  padding:54px 0 50px!important;
  background:#fff!important;
  box-shadow:0 0 0 100vmax #fff!important;
  clip-path:inset(0 -100vmax)!important;
  overflow:visible!important;
}
.reference-services::before{
  content:"با خیال راحت خرید کنید\A همراه شما از انتخاب تا تحویل"!important;
  white-space:pre!important;
  position:absolute!important;
  inset:0 0 auto!important;
  transform:translateY(-8px)!important;
  color:#18221f!important;
  font:900 27px/1.85 Vazirmatn,Tahoma,sans-serif!important;
  text-align:center!important;
  pointer-events:none!important;
}
.reference-services::after{
  content:"خرید مطمئن، تجربه‌ای ساده  ✿"!important;
  position:absolute!important;
  right:0!important;left:0!important;bottom:13px!important;
  color:#69736f!important;
  font-size:12px!important;
  text-align:center!important;
}
.reference-service{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 44%!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  min-width:0!important;
  min-height:205px!important;
  margin-top:54px!important;
  padding:25px 25px!important;
  overflow:hidden!important;
  border:1px solid #dce9e5!important;
  border-radius:23px!important;
  background:linear-gradient(145deg,#f8fffd,#edf8f5)!important;
  box-shadow:0 13px 32px rgba(17,83,68,.08)!important;
  color:#087f68!important;
  text-align:right!important;
}
.reference-service:nth-child(2){
  border-color:#f4dce3!important;
  background:linear-gradient(145deg,#fff9fb,#fff0f4)!important;
  color:#ef3f6d!important;
}
.reference-service::before,.reference-service::after{display:none!important}
.reference-service svg{
  grid-column:2!important;
  grid-row:1 / 3!important;
  width:100%!important;
  height:auto!important;
  max-height:150px!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background:none!important;
  color:inherit!important;
  filter:drop-shadow(0 11px 9px rgba(21,70,59,.16))!important;
  overflow:visible!important;
}
.reference-service b{
  grid-column:1!important;
  grid-row:1!important;
  align-self:end!important;
  display:block!important;
  margin:0 0 7px!important;
  color:inherit!important;
  font-size:20px!important;
  font-weight:900!important;
  line-height:1.55!important;
}
.reference-service small{
  grid-column:1!important;
  grid-row:2!important;
  align-self:start!important;
  display:block!important;
  margin:0!important;
  color:#66716d!important;
  font-size:12px!important;
  line-height:1.9!important;
}
@media(max-width:700px){
  .reference-services{
    grid-template-columns:1fr!important;
    gap:11px!important;
    width:calc(100% - 32px)!important;
    max-width:calc(100% - 32px)!important;
    padding:70px 0 49px!important;
  }
  .reference-services::before{
    transform:translateY(-1px)!important;
    font-size:22px!important;
    line-height:1.8!important;
  }
  .reference-services::after{bottom:16px!important;font-size:11px!important}
  .reference-service{
    grid-template-columns:minmax(0,1fr) 104px!important;
    min-height:116px!important;
    margin-top:0!important;
    padding:14px 18px!important;
    border-radius:18px!important;
  }
  .reference-service:first-child{margin-top:17px!important}
  .reference-service svg{max-height:91px!important}
  .reference-service b{margin-bottom:3px!important;font-size:16px!important}
  .reference-service small{font-size:10px!important;line-height:1.7!important}
}
@media(max-width:370px){
  .reference-services{width:calc(100% - 20px)!important;max-width:calc(100% - 20px)!important}
  .reference-service{grid-template-columns:minmax(0,1fr) 88px!important;padding-inline:13px!important}
}