/*
 * FEC new brand logo (fek-logo-exact.png, 405x110px, from "Модекс 3-1 переезд" brand package).
 * Additive addon file, does not touch base sty.less.
 *
 * Why needed: new file is ~2x wider than the previous logo-header.png (210x85).
 * Base sty.less has no explicit width for header/footer .logo at most breakpoints
 * (relies on natural image width), so without a cap the new file would render at
 * its full 405px width and could overlap the address/phone block in the header
 * (address-table starts around left:27% on wide layouts).
 *
 * Width 275px chosen to mirror the value already tested for this exact header
 * layout in the sibling "Модекс 3-1 переезд" staging deploy (scripts/migration3/
 * 66-deploy-logo.sh comment: "показ на 275 точек даёт полуторный запас").
 * height:auto keeps the 405:110 aspect ratio intact (prevents squish/stretch).
 *
 * Scoped to (min-width:401px) so it never fights the existing
 * `@media (max-width:400px){ header .logo{width:185px} }` rule in sty.less,
 * which stays the sole authority on very narrow phones.
 */

@media (min-width: 401px) {
    header .logo { width: 275px; }
    header .logo img { width: 100%; height: auto; display: block; max-width: 100%; }
}

/* Footer logo: base sty.less has no explicit width rule for it at all today
   (only header .logo img has max-width:100%). Cap it the same way, with a
   viewport-relative safety net so it can never overflow a narrow container. */
.footer-block .logo { width: 275px; max-width: 70%; }
.footer-block .logo img { width: 100%; height: auto; display: block; }

@media (max-width: 480px) {
    .footer-block .logo { width: 200px; max-width: 60%; }
}