/* Posnano native surfaces — footer controls, help CTA and About cards. */
:is(.f-footer, .posnano-main-footer) .f-newsletter-form__button.f-button {
  background: #335967 !important; color: #fff !important; border: 1px solid #527482 !important;
  box-shadow: none !important; min-height: 44px; flex-shrink: 0;
  transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}
:is(.f-footer, .posnano-main-footer) .f-newsletter-form__button.f-button:hover {
  background: #244753 !important; color: #fff !important; border-color: #9bb2bc !important;
  box-shadow: inset 0 -3px 0 #b4c9d0 !important;
}
:is(.f-footer, .posnano-main-footer) .f-newsletter-form__button.f-button:active {
  background: #193944 !important; color: #fff !important; border-color: #b4c9d0 !important;
  box-shadow: inset 0 2px 4px rgba(0,0,0,.24) !important;
}
:is(.f-footer, .posnano-main-footer) .f-newsletter-form__button.f-button:focus-visible {
  outline: 2px solid #ece6d9 !important; outline-offset: 4px; background: #244753 !important; color: #fff !important;
}
:is(.f-footer, .posnano-main-footer) .f-newsletter-form__button.f-button:disabled {
  background: #536b74 !important; color: #edf1f2 !important; opacity: .7; cursor: wait;
}
.posnano-home-help .f-button, .posnano-about-help .f-button {
  background: #fff !important; color: #244753 !important; border: 1px solid #fff !important;
  box-shadow: none !important; transition: background-color .18s ease, box-shadow .18s ease;
}
.posnano-home-help .f-button:hover, .posnano-about-help .f-button:hover {
  background: #eee8dc !important; color: #244753 !important; border-color: #eee8dc !important;
  box-shadow: inset 0 -3px 0 #c4b69b !important;
}
.posnano-home-help .f-button:active, .posnano-about-help .f-button:active {
  background: #dfd4c0 !important; color: #193944 !important; border-color: #dfd4c0 !important;
  box-shadow: inset 0 2px 4px rgba(25,57,68,.18) !important;
}
.posnano-home-help .f-button:focus-visible, .posnano-about-help .f-button:focus-visible {
  outline: 2px solid #fff !important; outline-offset: 5px;
}
:is(.f-footer, .posnano-main-footer) .f-footer__copyright { display: block; max-width: 100%; line-height: 1.6; overflow-wrap: anywhere; }
.posnano-about-focus .f-image-text-carousel__wrapper {
  display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; align-items: stretch; gap: 28px !important;
}
.posnano-about-focus .f-image-text { min-width: 0; height: 100%; }
.posnano-about-focus .f-image-text__wrapper.content_below {
  height: 100%; display: flex !important; flex-direction: column; overflow: hidden; border-radius: 8px;
}
.posnano-about-focus .f-image-text__image { aspect-ratio: 4 / 3; overflow: hidden; }
.posnano-about-focus .f-image-text__image img { width: 100%; height: 100%; object-fit: cover; }
.posnano-about-focus .f-image-text__content { flex: 1; padding: 26px 28px 28px !important; align-items: stretch !important; }
.posnano-about-focus .f-image-text__content-inner { display: flex; flex-direction: column; width: 100%; }
.posnano-about-focus .f-card__title { margin: 0 0 12px; }
.posnano-about-focus .f-card__description { margin: 0; font-size: 15px; line-height: 1.75; }
.posnano-about-focus .f-card__button { margin-top: auto; padding-top: 20px; }
.posnano-about-focus .f-card__button .f-button { text-align: left; white-space: normal; }
@media (min-width:768px) and (max-width:1023px) {
  .posnano-about-focus .f-image-text-carousel__wrapper { grid-template-columns: minmax(0,1fr) !important; gap: 24px !important; }
  .posnano-about-focus .f-image-text__wrapper.content_below { display: grid !important; grid-template-columns: 42% minmax(0,1fr); }
  .posnano-about-focus .f-image-text__image { position: relative; aspect-ratio: auto; min-height: 280px; }
  .posnano-about-focus .f-image-text__image responsive-image { position: absolute; inset: 0; height: 100% !important; width: 100%; }
}
@media (max-width:767px) {
  .posnano-about-focus .f-image-text-carousel { overflow: visible !important; margin: 0 !important; padding: 0 !important; }
  .posnano-about-focus .f-image-text-carousel__wrapper { grid-template-columns: minmax(0,1fr) !important; gap: 24px !important; width: 100% !important; }
  .posnano-about-focus .f-image-text { width: 100% !important; min-width: 0 !important; }
  .posnano-about-focus .f-image-text__content { padding: 22px 22px 24px !important; }
  .posnano-about-focus .f-card__title { font-size: 25px; }
  .posnano-about-focus .f-card__description { font-size: 14px; line-height: 1.75; }
  :is(.f-footer, .posnano-main-footer) .f-newsletter-form__button.f-button { padding-inline: 16px; min-width: 104px; }
  :is(.f-footer, .posnano-main-footer) .f-footer__copyright { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  :is(.f-footer, .posnano-main-footer) .f-newsletter-form__button.f-button, .posnano-home-help .f-button, .posnano-about-help .f-button { transition: none; }
}
