/* Мобильная версия для index.php */
@media (max-width: 768px) {
    .container {
        max-width: none;
        min-width: auto;
        padding: var(--space-lg);
    }

    .hero h2 {
        font-size: 120%;
    }

.qr-code img {
    width: 100px;  /* Было 120px */
    height: 100px; /* Было 120px */
    border-radius: var(--radius-md);
}

    /* Меняем placeholder в инпутах */
    #pickupAddress::placeholder {
        content: "Откуда";
    }

    #deliveryAddress::placeholder {
        content: "Куда";
    }

    /* Увеличиваем размеры текста */
    .form-control,
    .btn,
    .btn--outline {
        font-size: 100%;
    }

    .btn-group .btn {
        font-size: 90%;
    }
}