/* 28.10.2026 Телефон и планшет (TZ/mobil-panel): правая плавающая панель перекрывала текст —
   теперь это нижняя панель; кнопка фильтра — плашка над ней; цена на карточке выше. */
@media (max-width:1080px) {
  /* нижняя панель: Корзина / Звонок / Калькулятор */
  .actions {
    display: flex !important;
    flex-direction: row;
    top: auto; bottom: 0; left: 0; right: 0;
    height: 56px;
    padding-bottom: env(safe-area-inset-bottom);
    box-shadow: 0 -1px 6px rgba(0,0,0,.12);
    z-index: 90;
  }
  .actions__item {
    flex: 1 1 0;
    margin: 0;
    padding: 0;
    border-bottom: none;
    border-right: 1px solid var(--dirty);
  }
  .actions__item:last-child { border-right: none; }
  .actions__link {
    width: 100%; height: 56px;
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px;
  }
  .actions__link::after { font-size: 11px; line-height: 1.1; color: #555; }
  .actions__link[data-cart-open]::after { content: "Корзина"; }
  .actions__link[data-src="#call"]::after { content: "Звонок"; }
  .actions__link[data-actions-open]::after { content: "Калькулятор"; }
  .actions__counter { top: 4px; left: calc(50% + 6px); }

  body { padding-bottom: 56px; }

  /* кнопка фильтра — плашка «Фильтр» над нижней панелью, не на тексте */
  .filter-open {
    top: auto; bottom: 66px; left: 10px;
    width: auto; height: 40px; padding: 0 16px 0 12px; gap: 6px;
    border-radius: 20px;
    background-color: var(--accent, #1A4F9C);
    box-shadow: 0 2px 8px rgba(0,0,0,.25);
  }
  .filter-open svg, .filter-open .iconify { width: 22px; height: 22px; }
  .filter-open::after { content: "Фильтр"; font-size: 14px; font-weight: 500; }

  /* «наверх» и cookie — выше нижней панели */
  .scrolltop { bottom: 66px; left: auto; right: 10px; width: 44px; height: 44px; transform: none; border-radius: 50%; }
  .b-cookie { bottom: 62px; }
}

@media (max-width:768px) {
  /* карточка товара: заголовок мельче, фото ниже, цена и кнопки — сразу под фото */
  .layout__title { font-size: 20px; }
  .c-prod__view { padding: 8px; }
  .c-prod__pic { max-height: 140px; width: auto; }
  .c-prod__body { display: flex; flex-direction: column; }
  .c-prod__body > * { order: 10; }
  .c-prod__badge { order: 1; }
  .c-prod__price { order: 2; margin-top: 5px; }
  .c-prod__skidka { order: 3; }
  .c-prod__aktualno { order: 4; }
  .c-prod__actions { order: 5; margin-top: 0; }
  .c-prod__zayavka { order: 6; }
  .c-prod__params { order: 7; margin-top: 20px; margin-bottom: 0; }
}