/* Accessories page content; the application-service shell is shared. */
.page-accessories { --accessories-width: min(72.92vw, 1400px); }
.accessories-container { width: var(--accessories-width); margin-inline: auto; }
.accessories-content { padding: 76px 0 94px; }
.accessories-eyebrow { margin: 0 0 10px; color: var(--green); text-align: center; font-size: 17px; font-weight: 500; }
.accessories-content h2 { margin: 0; text-align: center; font-size: 30px; line-height: 1.4; }
.accessories-summary { margin: 14px auto 48px; color: #333; text-align: center; font-size: 16px; line-height: 2.5; }
.accessories-advantages > h3 { margin: 0 0 38px; text-align: center; font-size: 26px; font-weight: 500; }
.accessories-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.accessories-grid article { display: grid; align-content: center; min-height: 147px; padding: 26px 36px; background: #fff; text-align: center; box-shadow: 0 0 17px rgba(55, 96, 54, .2); }
.accessories-grid h4 { margin: 0 0 12px; color: var(--green); font-size: 20px; font-weight: 500; }
.accessories-grid p { margin: 0; color: #333; font-size: 16px; line-height: 1.9; }

@media (max-width: 1500px) {
  .page-accessories { --accessories-width: min(88vw, 1200px); }
}

@media (max-width: 760px) {
  .page-accessories { --accessories-width: calc(100vw - 36px); }
  .accessories-content { padding: 58px 0 70px; }
  .accessories-content h2 { font-size: 25px; }
  .accessories-summary { margin-bottom: 40px; font-size: 14px; line-height: 2; }
  .accessories-advantages > h3 { margin-bottom: 28px; font-size: 21px; }
  .accessories-grid { grid-template-columns: 1fr; gap: 14px; }
  .accessories-grid article { min-height: 126px; padding: 24px 20px; }
  .accessories-grid h4 { font-size: 18px; }
  .accessories-grid p { font-size: 14px; }
}