/* Homepage integration only; the existing cabinet and other pages keep their styles. */
.public-site .oft-cta__actions { flex-wrap: wrap; max-width: 100%; }
.public-site .oft-cta__actions .oft-btn { max-width: 100%; white-space: normal; }
.public-site .oft-phero__inner { padding-inline: 40px; }
.public-site .oft-phero__cta .oft-btn { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
@media (max-width: 720px) { .public-site .oft-phero__inner { padding-inline: 20px; } }
.public-site .homepage-account { display: inline-flex; align-items: center; gap: 8px; }
.public-site .homepage-account__icon { flex: none; }
.public-site .homepage-logout, .public-site .homepage-register { border: 1px solid var(--line); }
.public-site .homepage-messages { padding-top: 12px; }
.public-site .homepage-message { padding: 12px 16px; margin: 0 0 8px; border-radius: 12px; background: #edf6e4; color: #254314; overflow-wrap: anywhere; }
.public-site .homepage-message--error { background: #fff1ed; color: #8d2916; }
@media (max-width: 1200px) {
  .public-site .header .nav { display: none; }
  .public-site .ot-burger { display: inline-flex; }
  .public-site .header__actions .homepage-logout, .public-site .header__actions .homepage-register { display: none; }
}
@media (max-width: 480px) {
  .public-site .homepage-account__label { display: none; }
  .public-site .header__actions .homepage-account { padding: 10px 12px; }
}

.public-site a.ot-slot { text-decoration: none; color: inherit; }