/* Mobile footer only: readable brand block, contact details and touch targets. */
@media (max-width: 760px) {
  body > footer {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: 26px;
    padding: 30px 6% 24px;
  }
  body > footer > * { min-width: 0; max-width: 100%; }
  body > footer .footer-intro {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    grid-column: 1 / -1;
  }
  body > footer .footer-intro .brand {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-shrink: 1;
    max-width: 100%;
  }
  body > footer .brand-logo { width: 120px; height: auto; flex: 0 0 120px; }
  body > footer .brand-caption { font-size: 17px; line-height: 1.2; }
  body > footer .footer-intro p,
  body > footer .brand-history {
    width: 100%;
    max-width: 100%;
    margin: 0;
    font-size: 14px;
    line-height: 1.65;
    white-space: normal !important;
    overflow-wrap: normal;
    word-break: normal;
  }
  body > footer h2 { font-size: 17px; line-height: 1.35; margin: 0 0 10px; }
  body > footer p { font-size: 15px; line-height: 1.65; margin-bottom: 10px; }
  body > footer > div:not(.footer-intro):not(.footer-bottom) > a {
    display: flex;
    align-items: center;
    min-height: 44px;
    width: fit-content;
    max-width: 100%;
    font-size: 15px;
    line-height: 1.45;
    overflow-wrap: anywhere;
  }
  body > footer .footer-offer {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 6px 16px;
    width: 100%;
    grid-column: 1 / -1;
    padding-top: 20px;
    border-top: 1px solid #d6dce2;
  }
  body > footer .footer-offer a {
    display: flex;
    align-items: center;
    min-height: 44px;
    min-width: 0;
    font-size: 14px;
    line-height: 1.45;
    padding: 5px 0;
    overflow-wrap: anywhere;
  }
  body > footer .footer-bottom {
    grid-column: 1 / -1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    font-size: 12px;
    line-height: 1.6;
  }
}
@media (max-width: 360px) {
  body > footer .footer-intro .brand { flex-direction: column; align-items: flex-start; }
  body > footer .brand-logo { flex-basis: auto; }
}