/* layout for site 5 tpl=5 variant=4 — rose-red WPS family, horizontal feature list */
:root {
  --wps-brand: #e11d48;
  --wps-accent: #f43f5e;
  --wps-bg: #fff1f2;
  --wps-bg2: #ffe4e6;
  --wps-radius: 16px;
}
body.wps-l5 { background: #fff1f2; }
body.wps-l5 .redFill, body.wps-l5 .w-button-normal:not(.white) {
  background: linear-gradient(135deg, #e11d48, #be123c) !important;
}
body.wps-l5 .fresh, body.wps-l5 .hero-headline .accent {
  background: linear-gradient(135deg, #f43f5e, #e11d48);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
}
body.wps-l5 .hero-trust { display: none !important; }
body.wps-l5 .grid-wrapper {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  grid-template-columns: none !important;
}
body.wps-l5 .grid-item {
  display: grid !important;
  grid-template-columns: minmax(140px, 200px) 1fr !important;
  align-items: center !important;
  border-radius: 14px !important;
  border: 1px solid rgba(225, 29, 72, 0.1) !important;
  overflow: hidden;
}
body.wps-l5 .grid-item-illust { min-height: 120px !important; height: auto !important; }
body.wps-l5 .grid-item-cont { padding: 20px 24px !important; }
body.wps-l5 .platform-grid, body.wps-l5 .dl-platforms-grid {
  grid-template-columns: repeat(3, 1fr) !important;
}
body.wps-l5 .dl-security { order: -1; }
@media (max-width: 768px) {
  body.wps-l5 .grid-item {
    grid-template-columns: 1fr !important;
  }
}