/* ========================================
   MEDIA QUERIES для всех калькуляторов
   ======================================== */

/* Планшеты и маленькие экраны */
@media (max-width: 768px) {
    .calculator {
        padding: 12px;
    }

    .calculator__tabs {
        grid-template-columns: repeat(3, 1fr);
        gap: 4px;
        padding: 4px;
    }

    .calculator__tab {
        font-size: 0.8rem;
        padding: 8px 6px;
    }

    .calculator__panel {
        padding: 12px;
    }

    .calculator__field {
        flex-direction: column;
        align-items: stretch;
        gap: 4px;
        padding: 6px 0;
    }

    .calculator__input-group {
        flex: 1;
        justify-content: flex-end;
    }

    .calculator__input {
        width: 80px;
    }

    .calculator__label {
        font-size: 0.85rem;
    }

    .calculator__result {
        font-size: 0.9rem;
        padding: 8px 0;
    }

    .calculator__result-value {
        font-size: 1rem;
    }
}

/* Телефоны */
@media (max-width: 480px) {
    .calculator__tabs {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .calculator__tab {
        font-size: 0.9rem;
        padding: 10px;
    }

    .calculator__field-group {
        padding: 8px;
    }

    .calculator__input {
        width: 70px;
        font-size: 0.85rem;
    }

    .calculator__select {
        width: 100%;
    }

    .calculator__title {
        font-size: 1.4rem;
    }

    .calculator__toggle {
        flex-wrap: wrap;
        gap: 8px;
    }
}

/*============MEDIA=================*/

@media (max-width: 750px) {
   
    .calculators-menu {
        display: none;
    }

   .calculate-options-grid {
        min-width: 350px; 
        max-width: 350px;       
        grid-template-columns: repeat(auto-fit, minmax(175px, 1fr))
   }

   .calculate-options-cell {
        max-width: 175px;
   }

    .calculate-section {    
        max-width: 350px;           
    }

    .calculate-card {       
        max-width: 350px;
        min-height: 50px;
        border: 1px solid greenyellow;
    }

}