.ohps-prefooter{
  position:relative;
  z-index:1;
  width:100%;
  box-sizing:border-box;
  background:#fff;
  color:#111;
  border-top:1px solid #e8e8e8;
  border-bottom:1px solid #e8e8e8;
  padding:34px 22px 32px;
  margin:0;
  font-family:inherit;
}
.ohps-prefooter *{box-sizing:border-box}
.ohps-prefooter__grid{
  width:100%;
  max-width:1500px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:28px;
  align-items:start;
}
.ohps-prefooter__item{
  min-width:0;
  text-align:center;
  padding:0 12px;
}
.ohps-prefooter__icon{
  width:52px;
  height:52px;
  margin:0 auto 15px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#111;
}
.ohps-prefooter__icon svg{
  width:48px;
  height:48px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:3;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.ohps-prefooter__item h3{
  margin:0 0 15px;
  color:#111;
  font-size:17px;
  line-height:1.25;
  font-weight:700;
  letter-spacing:.01em;
}
.ohps-prefooter__item p{
  margin:0 auto;
  max-width:330px;
  color:#333;
  font-size:16px;
  line-height:1.55;
  font-weight:400;
}
.ohps-prefooter__item strong{font-weight:700;color:#111}

@media (max-width:1024px){
  .ohps-prefooter{padding:30px 18px}
  .ohps-prefooter__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
  .ohps-prefooter__item{padding:0 5px}
  .ohps-prefooter__item h3{font-size:15px;margin-bottom:12px}
  .ohps-prefooter__item p{font-size:14px;line-height:1.5}
  .ohps-prefooter__icon{width:46px;height:46px;margin-bottom:12px}
  .ohps-prefooter__icon svg{width:42px;height:42px}
}

/* Phones: exactly 2 items per row. */
@media (max-width:767px){
  .ohps-prefooter{padding:28px 12px}
  .ohps-prefooter__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:8px;
    row-gap:32px;
  }
  .ohps-prefooter__item{padding:0 5px}
  .ohps-prefooter__icon{width:42px;height:42px;margin-bottom:11px}
  .ohps-prefooter__icon svg{width:39px;height:39px;stroke-width:3}
  .ohps-prefooter__item h3{font-size:13px;line-height:1.25;margin-bottom:9px}
  .ohps-prefooter__item p{font-size:13px;line-height:1.5;max-width:250px}
}

/* Very small phones. */
@media (max-width:380px){
  .ohps-prefooter{padding-left:8px;padding-right:8px}
  .ohps-prefooter__grid{column-gap:4px;row-gap:28px}
  .ohps-prefooter__item h3{font-size:12px}
  .ohps-prefooter__item p{font-size:12px}
}
