@media (max-width: 767px) { /* ===== 1. СЖИМАЕМ ШАПКУ ===== */ .header { padding: 10px 15px 0; /* Убираем огромные отступы */ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } /* Логотип — компактный */ .logo { width: 160px; /* Уменьшаем логотип */ height: 30px; background-size: contain; background-position: left center; margin: 0; flex: 0 0 auto; } /* Слоган — скрываем, чтобы не мешал */ .slogan { display: none; } /* Контакты — в одну строку */ .contacts { font-size: 12px; padding: 0; margin: 0; text-align: right; order: 3; /* Переносим в конец */ flex: 0 0 100%; /* Занимает всю ширину */ margin-top: 5px; } .contacts p { display: inline-block; margin: 0 5px 0 0; } .contacts br { display: none; } /* Корзина — уменьшаем */ .basket { width: auto; height: auto; padding: 4px 12px 4px 30px; background-size: 16px; background-position: 8px center; margin: 0; top: auto; right: auto; position: relative; flex: 0 0 auto; } .basket .caption { font-size: 13px; } .basket .text { display: none; /* Скрываем "0 руб." */ } /* Навигация (меню-гамбургер) — делаем компактнее */ .nav { height: auto; flex: 0 0 auto; margin-left: auto; margin-right: 10px; } .nav:before { top: 8px; width: 22px; height: 2px; } .nav:after { top: 7px; left: 32px; font-size: 12px; } /* Блок "О нас/поиск" — скрываем на главной странице товара */ .about { display: none; } /* ===== 2. КОНТЕНТ ПОДНИМАЕМ ВВЕРХ ===== */ .side + .content { padding-top: 0; margin-top: 10px; } /* Хлебные крошки */ .crumbs .item { font-size: 14px; } /* ===== 3. ТОВАР НА ВЕСЬ ЭКРАН ===== */ .item_box .fig { float: none; width: 100%; max-width: 300px; margin: 0 auto 15px; } .item_box .context { padding-left: 0; } /* Название товара — покрупнее */ .item_box .caption { font-size: 20px; line-height: 1.2; margin-top: 0; } .item_box .author { font-size: 16px; margin-bottom: 8px; } /* Блок цены и кнопки — компактно */ .price-and-button { flex-direction: row; flex-wrap: wrap; gap: 10px; margin-bottom: 20px; } .price-and-button .price { font-size: 22px; } .price-and-button .btn_2 { padding: 8px 30px; font-size: 18px; } /* Блок "Опубликовано в" — скрываем или делаем мелким */ .item_box .targets { float: none; width: auto; text-align: left; font-size: 12px; margin-bottom: 10px; padding: 0; } /* Описание */ .item-description, .item-full-description { font-size: 14px; line-height: 1.5; } }