/* Product features (TODO 00001.5.15). FINAL design/product/inspiration/sections/features/r3/v1.png.
   A quiet summary strip on white: a 1px line hairline on top, headline and a factual paragraph sharing one top line,
   then Key features in equal columns divided by thin slate rules with small navy dots. No checks (the tick belongs
   to the AI answer), no figures. */
.p-product-features {
  box-sizing: border-box; background: var(--wp--preset--color--white);
  padding: 0 var(--wp--custom--gutter--desktop) var(--wp--preset--spacing--100);
}
.p-product-features *, .p-product-features *::before, .p-product-features *::after { box-sizing: border-box; }
.p-product-features__inner { max-width: var(--wp--custom--layout--wide); margin-inline: auto; padding-top: var(--wp--preset--spacing--100); border-top: 1px solid var(--wp--preset--color--line); }
.p-product-features__top { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: var(--wp--preset--spacing--100); align-items: start; }
.p-product-features .p-product-features__title {
  margin: 0; color: var(--wp--preset--color--navy); font-size: var(--wp--preset--font-size--h-1);
  font-weight: var(--wp--custom--font-weight--h-1); letter-spacing: var(--wp--custom--letter-spacing--h-1); line-height: 1.05;
}
.p-product-features .p-product-features__text { margin: var(--wp--preset--spacing--30) 0 0; color: var(--wp--preset--color--slate); font-size: var(--wp--preset--font-size--body-l); line-height: 1.6; }
.p-product-features .p-product-features__subtitle {
  margin: var(--wp--preset--spacing--90) 0 0; color: var(--wp--preset--color--navy); font-size: var(--wp--preset--font-size--h-3);
  font-weight: 700; line-height: 1.25;
}
.p-product-features__list {
  display: grid; grid-template-columns: repeat(var(--cols, 5), minmax(0, 1fr)); margin: var(--wp--preset--spacing--60) 0 0; padding: 0; list-style: none;
}
.p-product-features__list li {
  position: relative; padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--60) var(--wp--preset--spacing--20) var(--wp--preset--spacing--80);
  color: var(--wp--preset--color--ink); font-size: var(--wp--preset--font-size--body-l); line-height: 1.4;
}
.p-product-features__list li + li { border-left: 1px solid var(--wp--preset--color--slate); }
.p-product-features__list li::before {
  content: ""; position: absolute; left: var(--wp--preset--spacing--60); top: calc(var(--wp--preset--spacing--20) + 0.7em - 4px);
  width: 8px; height: 8px; border-radius: 50%; background: var(--wp--preset--color--navy);
}
.p-product-features__list li:first-child { padding-left: var(--wp--preset--spacing--60); }
.p-product-features__list li:first-child::before { left: 0; }
@media (max-width: 1199px) {
  .p-product-features__list { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: var(--wp--preset--spacing--50); }
  .p-product-features__list li:nth-child(3n+1) { border-left: 0; padding-left: var(--wp--preset--spacing--60); }
  .p-product-features__list li:nth-child(3n+1)::before { left: 0; }
}
@media (max-width: 991px) {
  .p-product-features { padding: 0 var(--wp--custom--gutter--tablet) var(--wp--preset--spacing--100); }
  .p-product-features__inner { padding-top: var(--wp--preset--spacing--100); }
  .p-product-features__top { grid-template-columns: minmax(0, 1fr); row-gap: var(--wp--preset--spacing--50); }
}
@media (max-width: 599px) {
  .p-product-features { padding: 0 var(--wp--custom--gutter--phone) var(--wp--preset--spacing--80); }
  .p-product-features .p-product-features__subtitle { margin-top: var(--wp--preset--spacing--80); }
  .p-product-features__inner { padding-top: var(--wp--preset--spacing--90); }
  .p-product-features__list { margin-top: var(--wp--preset--spacing--30); }
  .p-product-features__list { grid-template-columns: minmax(0, 1fr); row-gap: 0; }
  .p-product-features__list li, .p-product-features__list li:nth-child(n) {
    padding: var(--wp--preset--spacing--40) 0 var(--wp--preset--spacing--40) var(--wp--preset--spacing--60); border-left: 0; border-top: 1px solid var(--wp--preset--color--line);
  }
  .p-product-features__list li:nth-child(n)::before { left: 0; top: calc(var(--wp--preset--spacing--40) + 0.7em - 4px); }
}