/* ========== АДАПТАЦИЯ ДЛЯ ТЕЛЕФОНОВ ========== */ @media screen and (max-width: 768px) { body { padding: 10px; } .checkout-card { border-radius: 0; } .item-section { flex-direction: column; align-items: center; text-align: center; padding: 15px; } .item-image { width: 150px; height: 150px; margin-bottom: 10px; } div[style*="display: flex"] { flex-direction: column !important; } .payment-section, .summary-section { padding: 20px 15px; border-left: none; } .summary-section { border-top: 1px solid #eee; } .payment-methods { flex-direction: column; gap: 10px; } .payment-method { width: 100%; justify-content: center; } .form-row { flex-direction: column; gap: 0; } .form-control { font-size: 16px; /* Чтобы не зумилось при фокусе */ padding: 14px 12px; } .place-order-btn { padding: 18px 20px; font-size: 18px; } .secure-badge { padding: 12px; } .modal-content { width: 90%; margin: 0 10px; } } /* Для очень маленьких экранов */ @media screen and (max-width: 480px) { .security-banner span { display: block; margin: 5px 0; } .item-price { font-size: 20px; } .summary-row.total { font-size: 18px; } }