/* Сквозная Ozon-секция: контентный блок между post-content и footer. */
.ps-ozon-section {
  border-bottom: 1px solid var(--line);
  background: #fff;
  color: #10222b;
}
.ps-ozon-section__inner {
  display: grid;
  grid-template-columns: minmax(0, .91fr) minmax(340px, 1.09fr);
  align-items: center;
  min-height: 500px;
}
.ps-ozon-section__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding-block: clamp(48px, 6vw, 88px);
  padding-right: clamp(24px, 5vw, 80px);
}
.ps-ozon-section__eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 20px;
  color: #06758d;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .13em;
  line-height: 1.2;
  text-transform: uppercase;
}
.ps-ozon-section__eyebrow::before { width: 28px; height: 1px; background: currentColor; content: ""; }
.ps-ozon-section__title {
  max-width: 590px;
  margin: 0;
  color: #10222b;
  font-family: var(--font-head);
  font-size: clamp(30px, 3.2vw, 52px);
  font-weight: 700;
  letter-spacing: -.055em;
  line-height: 1.08;
}
.ps-ozon-section__brand-line { white-space: nowrap; }
.ps-ozon-section__logo {
  display: inline-block;
  width: auto;
  min-width: 0;
  height: .55em;
  margin-left: .08em;
  vertical-align: baseline;
  transform: translateY(-2px);
}
.ps-ozon-section__text { max-width: 490px; margin: 20px 0 0; color: #526b76; font-size: 16px; line-height: 1.55; }
.ps-ozon-section__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.ps-ozon-section__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 50px;
  padding: 12px 22px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease, border-color .18s ease, color .18s ease;
}
.ps-ozon-section__button--secondary { border-color: #0e9cb9; color: #06758d; }
.ps-ozon-section__button--secondary:hover { background: rgba(14, 156, 185, .1); border-color: #087e99; color: #065f75; transform: translateY(-2px); }
.ps-ozon-section__helper { margin: 24px 0 0; color: #526b76; font-size: 14px; line-height: 1.5; }
.ps-ozon-section__helper a { color: #06758d; font-weight: 700; text-decoration: underline; text-decoration-color: rgba(6, 117, 141, .35); text-underline-offset: 3px; }
.ps-ozon-section__helper a:hover { color: #005bff; }
.ps-ozon-section__visual {
  display: grid;
  align-self: stretch;
  place-items: center;
  min-height: 420px;
  overflow: visible;
}
.ps-ozon-section__visual img {
  display: block;
  width: min(100%, 620px);
  height: auto;
  max-height: 480px;
  object-fit: contain;
}
.ps-ozon-section a:focus-visible { outline: 3px solid #10222b; outline-offset: 3px; }
@media (max-width: 1100px) {
  .ps-ozon-section__inner { grid-template-columns: minmax(0, 1fr) minmax(300px, .9fr); }
  .ps-ozon-section__visual { min-height: 390px; }
}
@media (max-width: 640px) {
  .ps-ozon-section__inner { grid-template-columns: 1fr; }
  .ps-ozon-section__content { padding: 42px 0 30px; }
  .ps-ozon-section__eyebrow { margin-bottom: 14px; font-size: 11px; }
  .ps-ozon-section__title { font-size: clamp(28px, 8vw, 40px); }
  .ps-ozon-section__text { margin-top: 16px; font-size: 15px; }
  .ps-ozon-section__actions { width: 100%; margin-top: 24px; }
  .ps-ozon-section__button,
  .ps-ozon-section__button--primary { flex: 1 1 100%; min-height: 52px; }
  .ps-ozon-section__helper { margin-top: 20px; font-size: 13px; }
  .ps-ozon-section__visual { min-height: 250px; }
  .ps-ozon-section__visual img { width: min(100%, 360px); max-height: 290px; }
}
@media (prefers-reduced-motion: reduce) { .ps-ozon-section * { transition: none !important; } }
