.home-products { background: var(--color-bg-light); }
.home-products__grid { display: grid; gap: 20px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.home-products__card { display: flex; min-height: 690px; overflow: hidden; border: 1px solid var(--color-border); border-radius: var(--radius-panel); flex-direction: column; }
.home-products__card-copy { display: flex; align-items: flex-start; flex: 1; flex-direction: column; padding: 42px; }
.home-products__name { margin-bottom: 24px; color: var(--color-accent); font-size: 14px; font-weight: 900; letter-spacing: .12em; }
.home-products__card h3 { max-width: 520px; margin: 0 0 18px; font-size: 30px; line-height: 1.15; }
.home-products__card p { max-width: 560px; margin-bottom: 20px; color: var(--color-text); font-size: 16px; line-height: 1.58; }
.home-products__card .home-products__audience { margin-bottom: 18px; color: var(--color-dark); font-size: 14px; font-weight: 800; }
.home-products__card ul { display: grid; gap: 11px; margin: 0 0 28px; padding: 0; list-style: none; }
.home-products__card li { position: relative; padding-left: 27px; font-size: 15px; }
.home-products__card li::before { position: absolute; top: 2px; left: 0; color: var(--color-accent); content: "●"; font-size: 13px; }
.home-products__card .btn { margin-top: auto; }
.home-products__media { min-height: 285px; padding: 0 0 0 34px; }
.home-products__media img { width: 100%; height: 100%; min-height: 285px; border: 1px solid var(--color-border-dark-soft); border-right: 0; border-bottom: 0; border-radius: var(--radius-card) 0 0; object-fit: cover; object-position: top left; }
.home-products__media img.home-products__media-image--transparent { border: 0; border-radius: 0; object-fit: contain; object-position: center; }
.home-products__card--light { background: var(--color-surface-alt); }
.home-products__card--dark { color: var(--color-white); background: var(--color-dark); }
.home-products__card--dark h3,
.home-products__card--dark .home-products__audience { color: var(--color-white); }
.home-products__card--dark p { color: var(--color-text-on-dark); }
.home-products__card--dark .home-products__media img { border-color: var(--color-border-light-soft); }
.home-products__card .btn--light { color: var(--color-white); background: var(--color-accent); }
.home-products__card .btn--light:hover,
.home-products__card .btn--light:focus-visible { color: var(--color-white); background: transparent; }
.home-products__hint { max-width: 1030px; margin: 22px auto 0; padding: 22px 26px; border: 1px solid var(--color-border-soft); border-left: 3px solid var(--color-accent); border-radius: 0 var(--radius-control) var(--radius-control) 0; color: var(--color-text); background: var(--color-white); font-size: 15px; line-height: 1.55; }

@media (max-width: 1000px) {
  .home-products__grid { grid-template-columns: 1fr; }
  .home-products__card { min-height: 0; }
  .home-products__media { min-height: auto; }
  .home-products__media img { min-height: 0; aspect-ratio: 16 / 9; }
}

@media (max-width: 620px) {
  .home-products__card { min-height: 0; border-radius: var(--radius-card); }
  .home-products__card-copy { padding: 28px 22px; }
  .home-products__card h3 { font-size: 22px; }
  .home-products__card p { font-size: 15px; }
  .home-products__media { padding: 0 0 22px 22px; }
  .home-products__hint { padding: 18px 20px; }
}