/* Foody-Go M-02 (20261029) - home banner layout: CTA lower, image/text/CTA/"від 750 ₴" never overlap.
 * STATUS: layout подготовлено; croissant image blocked-needs-asset (ASSETS-NEEDED.md).
 * Needs the mobile-app-20261027.html working copy (div.fgm-hero.fgm-hero--m02). Works with the current
 * panini (elite.png) and with the future mobile-assets-20261029-m02/hero-croissant-*.png unchanged.
 * Include after r10/info in css/css.php:
 *   <link rel="stylesheet" href="/templates/FoodyGoCart/mobile-hero-20261029-m02.css" media="screen">
 * Yellow brand composition (#ffbf24 + white ring decoration) and all texts kept. */
@media screen and (max-width: 767px){
  .fgm-home .fgm-hero.fgm-hero--m02{
    display:grid;grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:"title title" "text text" "food food" "cta badge";
    column-gap:12px;align-items:center;min-height:0;padding:22px 18px 18px;
  }
  .fgm-hero--m02 h2{grid-area:title;margin:0 0 10px}
  .fgm-hero--m02 p{grid-area:text;margin:0 0 4px;max-width:100%}
  .fgm-hero--m02 .fgm-hero-food{
    grid-area:food;position:relative;right:auto;bottom:auto;transform:none;
    display:block;justify-self:center;width:100%;max-width:340px;height:auto;max-height:160px;
    aspect-ratio:909/566;object-fit:contain;margin:4px auto 8px;z-index:1;pointer-events:none;
  }
  .fgm-hero--m02 .fgm-hero-food--croissant{aspect-ratio:860/560}
  .fgm-hero--m02 .fgm-hero-cta{
    grid-area:cta;justify-self:start;align-self:center;position:relative;z-index:3;
    min-height:46px;padding:13px 16px;font-size:13px;line-height:1.2;white-space:nowrap;max-width:100%;
  }
  .fgm-hero--m02 .fgm-minimum{
    grid-area:badge;position:relative;right:auto;bottom:auto;align-self:center;justify-self:end;
    width:71px;height:71px;transform:rotate(9deg);z-index:2; /* same size as r3 */
  }
}
@media screen and (max-width: 340px){
  .fgm-hero--m02 .fgm-hero-cta{padding:13px 12px;font-size:12px;gap:8px}
  .fgm-hero--m02 .fgm-minimum{width:66px;height:66px}
  .fgm-hero--m02 .fgm-minimum strong{font-size:14px}
}