/*
 * The "Pan-India Delivery / Quality Assured / Here to Help" trust strip
 * (components/home/PolicyStrip.tsx). Extracted verbatim from home3.css's
 * `.so-spotlight2` rules — that whole stylesheet is only loaded on the
 * homepage (app/(storefront)/page.tsx's HOME3_STYLESHEETS), so PolicyStrip
 * needs its own copy of just these rules to render correctly when reused on
 * Shop/Search/Category, without pulling in the rest of home3.css (a large
 * vendor file with its own page-wide selectors) on those pages.
 */
.so-spotlight2 {
  padding: 50px 0;
}
.so-spotlight2 .policy-detail .banner-policy .policy {
  width: 33.3333%;
  float: left;
  display: block;
  text-align: center;
  border-right: 1px dashed #ddd;
}
.so-spotlight2 .policy-detail .banner-policy .policy .service-info h3 {
  font-size: 15px;
  font-weight: 600;
  color: #333333;
}
.so-spotlight2 .policy-detail .banner-policy .policy .service-info p {
  color: #777777;
}
.so-spotlight2 .policy-detail .banner-policy .policy .icon-policy {
  height: 54px;
  width: 100%;
  opacity: 0.5;
}
.so-spotlight2 .policy-detail .banner-policy .policy:hover .icon-policy {
  opacity: 1;
}
.so-spotlight2 .policy-detail .banner-policy .policy:last-child {
  border: none;
}
.so-spotlight2 .policy-detail .banner-policy .policy1 .icon-policy {
  background: url(/theme/img/theme/icon/home-3/icon-1.png) no-repeat center;
}
.so-spotlight2 .policy-detail .banner-policy .policy2 .icon-policy {
  background: url(/theme/img/theme/icon/home-3/icon-2.png) no-repeat center;
}
.so-spotlight2 .policy-detail .banner-policy .policy3 .icon-policy {
  background: url(/theme/img/theme/icon/home-3/icon-3.png) no-repeat center;
}

@media (max-width: 767px) {
  .so-spotlight2 .policy-detail .banner-policy .policy {
    width: 100%;
    border: none;
  }
}