@media (max-width: 768px) {
    .calculator-title {
        font-size: 1.8em;
        padding: 5px;
    }
    
    .calculator-form {
        padding: 20px;
        margin: 0 -15px;
        border-radius: 15px;
    }
    
    .payment-type-selector {
        flex-direction: column;
        gap: 10px;
    }
    
    .radio-label {
        min-width: 100%;
        padding: 12px 15px;
    }
    
    .summary-item {
        padding: 15px;
    }
    
    .summary-value {
        font-size: 1.8em;
    }
    
    .payment-schedule {
        font-size: 0.9em;
    }
    
    .payment-schedule th,
    .payment-schedule td {
        padding: 10px;
    }
    
    .calculator-info {
        padding: 20px;
        margin: 20px -15px 0;
        border-radius: 15px;
    }
    
    .credit-calculator-wrapper {
        padding: 10px;
    }
}

@media (max-width: 480px) {
    .calculator-title {
        font-size: 1.5em;
    }
    
    .input-with-slider input[type="number"] {
        padding: 12px 40px 12px 15px;
        font-size: 16px;
    }
    
    .input-with-slider .currency,
    .input-with-slider .years {
        right: 15px;
        font-size: 16px;
        padding: 3px 8px;
    }
    
    .slider::-webkit-slider-thumb {
        width: 20px;
        height: 20px;
    }
    
    select {
        padding: 12px 40px 12px 15px;
        font-size: 14px;
    }
    
    .calculate-button {
        padding: 15px;
        font-size: 16px;
    }
    
    .results-summary {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .summary-value {
        font-size: 1.5em;
    }
}

/* Портретная ориентация мобильных устройств */
@media (max-width: 768px) and (orientation: portrait) {
    .credit-calculator-wrapper {
        padding: 5px;
    }
}

/* Ландшафтная ориентация мобильных устройств */
@media (max-width: 900px) and (orientation: landscape) {
    .payment-type-selector {
        flex-direction: row;
        flex-wrap: nowrap;
    }
    
    .radio-label {
        min-width: auto;
    }
}

/* Высокое разрешение (Retina) */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .calculator-title {
        font-weight: 800;
    }
    
    .calculate-button {
        font-weight: 700;
    }
}

/* Печать */
@media print {
    .calculator-form,
    .calculate-button,
    .calculator-info {
        display: none;
    }
    
    .calculation-results {
        box-shadow: none;
        border: 1px solid #000;
    }
    
    .summary-item {
        page-break-inside: avoid;
    }
    
    .payment-schedule {
        page-break-before: always;
    }
}