/* ================= МОБИЛНА ВЕРСИЯ — Супермаркети Равда ================= */
@media (max-width: 767px) {
  html { -webkit-text-size-adjust: 100%; }
  body { overflow-x: hidden; }

  /* Nicepage scroll-анимациите се изключват: на телефон само трептят и крият съдържание */
  [data-animation-name] {
    opacity: 1 !important; transform: none !important;
    --animation-custom_in-opacity: 1 !important;
    --animation-custom_in-scale: 1 !important;
    --animation-custom_in-translate_x: 0px !important;
    --animation-custom_in-translate_y: 0px !important;
  }

  /* Край на десктоп празнините: min-height и 60px марджини */
  section > .u-sheet {
    min-height: 0 !important; height: auto !important;
    padding: 38px 16px !important; margin: 0 !important;
    width: auto !important; max-width: 100% !important; box-sizing: border-box;
  }
  section > .u-sheet > * {
    margin: 22px auto 0 !important; width: auto !important; max-width: 100% !important;
    float: none !important; position: relative !important; left: auto !important; right: auto !important;
  }
  section > .u-sheet > *:first-child { margin-top: 0 !important; }
  .u-repeater { min-height: 0 !important; grid-row-gap: 12px !important; grid-column-gap: 10px !important; }
  .u-list-item, .u-repeater-item { min-height: 0 !important; height: auto !important; }
  .u-container-layout { min-height: 0 !important; padding: 16px 12px !important; }
  .u-list { margin-top: 20px !important; }

  /* Типография */
  .u-section-1 h1.u-text { font-size: clamp(2rem, 12vw, 3.2rem) !important; line-height: 1.02 !important; margin: 0 auto !important; }
  .u-section-1 h2.u-text { font-size: 1.35rem !important; letter-spacing: .08em !important; margin: 8px auto 0 !important; }
  h2.u-text { font-size: 1.55rem !important; line-height: 1.18 !important; }
  h3.u-text { font-size: 1.2rem !important; line-height: 1.35 !important; }
  h5.u-text { font-size: 1.02rem !important; line-height: 1.3 !important; margin-top: 14px !important; }
  h6.u-text, p.u-text { font-size: 1rem !important; line-height: 1.62 !important; }
  p.u-text { text-align: left !important; }

  /* Hero — четимост на текста върху снимката */
  .u-section-1 { position: relative !important; }
  .u-section-1::before {
    content: ""; position: absolute; inset: 0; pointer-events: none;
    background: linear-gradient(180deg, rgba(0,0,0,.42), rgba(0,0,0,.28) 55%, rgba(0,0,0,.5));
  }
  .u-section-1 > .u-sheet { position: relative; z-index: 2; }
  .u-section-1 h1.u-text, .u-section-1 h2.u-text {
    text-shadow: 0 2px 14px rgba(0,0,0,.55), 0 1px 3px rgba(0,0,0,.7) !important;
  }

  /* Hero на началната — вертикален кадър на витрината */
  #sec-0f12 {
    background-image: linear-gradient(0deg, rgba(0,0,0,.30), rgba(0,0,0,.50)), url("images/hero-steli-mob.jpg?v=3") !important;
    background-position: 50% 62% !important;
    background-size: cover !important;
  }
  #sec-0f12 > .u-sheet {
    justify-content: flex-start !important;
    padding-top: 20px !important;
    min-height: 60vh !important;
  }

  /* Hero — да заема нормална част от екрана */
  .u-section-1 > .u-sheet {
    min-height: 46vh !important;
    display: flex !important; flex-direction: column; justify-content: center;
  }

  /* Иконките */
  .u-icon img, .u-file-icon img { width: 58px !important; height: 58px !important; }
  .u-icon { width: 58px !important; height: 58px !important; margin: 0 auto !important; }

  /* Секции с десктоп min-height */
  section { min-height: 0 !important; }

  /* Parallax: background-attachment:fixed се чупи на iOS/Android — фонът изчезва */
  .u-parallax, .skrollable, .u-parallax .u-sheet {
    background-attachment: scroll !important;
  }
  .u-parallax { background-size: cover !important; background-position: 50% 50% !important; }

  /* Плочки със снимка във фон — пазят квадратна форма, не се сплескват */
  .u-repeater-item.u-image, .u-list-item.u-image {
    aspect-ratio: 1 / 1 !important; min-height: 0 !important; height: auto !important;
  }
  .u-repeater-item.u-image > .u-container-layout { padding: 0 !important; height: 100% !important; }

  /* Бутони и тап зони — минимум 48px, центрирани */
  a.u-btn:not(.u-none), a.u-button-style:not(.u-nav-link):not(.u-none) {
    min-height: 48px !important; display: flex !important;
    width: fit-content !important; margin-left: auto !important; margin-right: auto !important;
    align-items: center; justify-content: center;
    padding: 13px 28px !important; font-size: 15px !important; line-height: 1.2 !important;
  }
  a.u-btn.u-none, a.u-button-link { display: inline-block !important; padding: 9px 4px !important; font-size: 15px !important; }
  /* Хамбургер меню — по-голяма тап зона */
  .u-hamburger-link { min-width: 46px !important; min-height: 46px !important; display: flex !important; align-items: center; justify-content: flex-end; }
  .u-hamburger-link .u-svg-link { width: 26px !important; height: 26px !important; }
  /* Имената на магазините в тъмната секция — пълна тап зона */
  .u-section-4 .u-btn, .u-section-4 a.u-button-style { min-height: 44px !important; padding: 10px 18px !important; }

  /* Декоративната композиция от кръгове в Контакти се чупи на тесен екран */
  #carousel_b87b .u-group-1, .u-section-7 .u-group-1 { display: none !important; }

  /* Долна лента: обаждане + навигация */
  body { padding-bottom: 68px !important; }
  .mbar { display: flex !important; }
}

/* Долна лента — само на телефон */
.mbar {
  display: none; position: fixed; left: 0; right: 0; bottom: 0; z-index: 9998;
  background: #fff; box-shadow: 0 -2px 14px rgba(0,0,0,.16);
  padding: 8px 10px calc(8px + env(safe-area-inset-bottom));
  gap: 8px; font-family: "Open Sans", system-ui, sans-serif;
}
.mbar a {
  flex: 1; display: flex; align-items: center; justify-content: center; gap: 8px;
  height: 50px; border-radius: 10px; text-decoration: none;
  font-size: 15px; font-weight: 700; letter-spacing: .01em;
}
.mbar svg { width: 19px; height: 19px; fill: currentColor; flex: none; }
.mbar .mcall { background: #2ccc38; color: #fff; }
.mbar .mnav { background: #15181d; color: #f1c50e; }
.mbar a:active { transform: scale(.98); }
@media (min-width: 768px) { .mbar { display: none !important; } }