.asem-app-promo {
  display: grid;
  grid-template-columns: minmax(150px, .72fr) minmax(0, 1.45fr) minmax(260px, 1fr);
  gap: 30px;
  align-items: center;
  margin: 18px 0 38px;
  padding: 30px 34px;
  overflow: hidden;
  border: 1px solid #d8e5f0;
  border-radius: 16px;
  background: #f3f8fc;
  box-shadow: 0 18px 40px rgba(6, 38, 95, .07);
}

.asem-app-promo__visual {
  align-self: end;
  height: 300px;
  overflow: hidden;
  border: 1px solid #b7cadb;
  border-bottom: 0;
  border-radius: 14px 14px 0 0;
  background: #dfeaf3;
  box-shadow: 0 18px 32px rgba(5, 30, 76, .18);
}

.asem-app-promo__visual img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.asem-app-promo__eyebrow {
  margin: 0 0 8px !important;
  color: #079b91 !important;
  font-size: 12px !important;
  font-weight: 900;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.asem-app-promo__content h2 {
  max-width: 620px;
  margin: 0 0 10px;
  color: #062760;
  font-size: clamp(27px, 2.7vw, 40px);
  font-weight: 800;
  letter-spacing: -.035em;
  line-height: 1.12;
}

.asem-app-promo__content > p:not(.asem-app-promo__eyebrow) {
  max-width: 650px;
  margin: 0 0 15px;
  color: #4e6682;
  font-size: 15px;
  line-height: 1.65;
}

.asem-app-promo__content ul {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.asem-app-promo__content li {
  display: flex;
  gap: 10px;
  align-items: center;
  color: #0b3569;
  font-size: 14px;
  font-weight: 700;
}

.asem-app-promo__content li i { color: #00a99d; font-size: 17px; }

.asem-app-promo__actions { display: grid; gap: 10px; }
.asem-app-promo__actions p { display: grid; gap: 5px; margin: 0 0 4px; }
.asem-app-promo__actions strong { color: #082a63; font-size: 17px; line-height: 1.35; }
.asem-app-promo__actions span { color: #526a84; font-size: 13px; line-height: 1.55; }
.asem-app-promo__stores { display: flex; gap: 8px; align-items: center; }
.asem-app-promo__stores a { display: block; }
.asem-app-promo__stores img { display: block; width: auto; height: 42px; object-fit: contain; }
.asem-app-promo__primary,
.asem-app-promo__secondary {
  display: inline-flex;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px 16px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.3;
  text-align: center;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.asem-app-promo__primary { border: 1px solid #00aa9f; background: #00aa9f; color: #fff; box-shadow: 0 9px 20px rgba(0, 170, 159, .17); }
.asem-app-promo__secondary { border: 1px solid #00a99d; background: #fff; color: #0756bf; }
.asem-app-promo__primary:hover,
.asem-app-promo__primary:focus-visible,
.asem-app-promo__secondary:hover,
.asem-app-promo__secondary:focus-visible { transform: translateY(-2px); color: inherit; }
.asem-app-promo__primary:hover,
.asem-app-promo__primary:focus-visible { color: #fff; box-shadow: 0 13px 25px rgba(0, 170, 159, .24); }
.asem-app-promo__secondary:hover,
.asem-app-promo__secondary:focus-visible { color: #064da8; border-color: #0756bf; }

@media (max-width: 1199px) {
  .asem-app-promo { grid-template-columns: 180px minmax(0, 1fr); }
  .asem-app-promo__actions { grid-column: 1 / -1; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; }
  .asem-app-promo__actions p { margin-right: 12px; }
  .asem-app-promo__stores { display: none; }
}

@media (max-width: 767px) {
  .asem-app-promo { grid-template-columns: 1fr; gap: 22px; margin-bottom: 28px; padding: 24px 20px 0; }
  .asem-app-promo__content { grid-row: 1; }
  .asem-app-promo__content h2 { font-size: 30px; }
  .asem-app-promo__content > p:not(.asem-app-promo__eyebrow) { font-size: 16px; }
  .asem-app-promo__content li { align-items: flex-start; font-size: 15px; }
  .asem-app-promo__actions { grid-column: auto; grid-row: 2; grid-template-columns: 1fr; }
  .asem-app-promo__stores { display: flex; flex-wrap: wrap; }
  .asem-app-promo__primary,
  .asem-app-promo__secondary { width: 100%; min-height: 50px; font-size: 14px; }
  .asem-app-promo__visual { grid-row: 3; width: min(260px, 78vw); height: 340px; margin: 0 auto; }
}

@media (max-width: 390px) {
  .asem-app-promo { padding-inline: 17px; }
  .asem-app-promo__content h2 { font-size: 27px; }
  .asem-app-promo__visual { width: min(230px, 76vw); height: 310px; }
}

@media (prefers-reduced-motion: reduce) {
  .asem-app-promo__primary,
  .asem-app-promo__secondary { transition: none; }
  .asem-app-promo__primary:hover,
  .asem-app-promo__primary:focus-visible,
  .asem-app-promo__secondary:hover,
  .asem-app-promo__secondary:focus-visible { transform: none; }
}