/* Start:/calc/calc.css?179015260712051*/
.peregonshic-calculator-container {max-width: 1000px;margin: 0 auto;padding: 25px 20px;background: #fff;border-radius: 15px;box-shadow: 0 5px 20px rgba(0,0,0,0.1);font-family: 'Arial', sans-serif;position: relative;}
.peregonshic-input-group {margin-bottom: 20px;}
.peregonshic-input-group label {display: block;margin-bottom: 8px;color: #2c3e50;font-weight: 600;font-size: 14px;font-family: 'Arial', sans-serif !important;}
.peregonshic-input {width: 100%;padding: 12px 15px;border: 2px solid #27ae60;border-radius: 8px;font-size: 15px;box-sizing: border-box;transition: border-color 0.3s;font-family: 'Arial', sans-serif !important;}
.peregonshic-input:focus {outline: none;border-color: #219653;box-shadow: 0 0 0 3px rgba(39, 174, 96, 0.1);}
.peregonshic-btn-calculate {width: 100%;padding: 14px;background: #f1c40f;color: #2c3e50;border: none;border-radius: 8px;font-size: 17px;font-weight: 700;cursor: pointer;transition: all 0.3s;box-shadow: 0 4px 10px rgba(0,0,0,0.1);margin-bottom: 15px;font-family: 'Arial', sans-serif !important;}
.peregonshic-btn-calculate:hover {background: #27ae60;color: white;transform: translateY(-2px);box-shadow: 0 6px 15px rgba(39, 174, 96, 0.3);}
.peregonshic-accordion {margin-bottom: 20px;border: 2px solid #27ae60;border-radius: 10px;overflow: hidden;}
.peregonshic-accordion-button {width: 100%;padding: 14px 20px;background: #f8f9fa;color: #2c3e50;border: none;font-size: 16px;font-weight: 600;cursor: pointer;display: flex;justify-content: space-between;align-items: center;transition: all 0.3s;font-family: 'Arial', sans-serif !important;}
.peregonshic-accordion-button:hover {background: #f1c40f;color: #2c3e50;}
.peregonshic-accordion-icon {font-size: 24px;font-weight: bold;transition: transform 0.3s;}
.peregonshic-accordion-content {padding: 20px;background: #fff;border-top: 2px solid #27ae60;}
.peregonshic-advanced-settings {display: flex;flex-direction: column;gap: 15px;}
.peregonshic-setting-item {display: flex;flex-direction: column;gap: 8px;}
.peregonshic-setting-description {font-size: 12px;color: #7f8c8d;margin: 5px 0 0 0;line-height: 1.4;font-family: 'Arial', sans-serif !important;}
.peregonshic-btn-add-route {width: 100%;padding: 12px;background: #f1c40f;color: #2c3e50;border: 2px solid #27ae60;border-radius: 8px;font-size: 15px;font-weight: 600;cursor: pointer;transition: all 0.3s;box-shadow: 0 4px 10px rgba(0,0,0,0.1);font-family: 'Arial', sans-serif !important;}
.peregonshic-btn-add-route:hover {background: #27ae60;color: white;transform: translateY(-2px);box-shadow: 0 6px 15px rgba(39, 174, 96, 0.3);}
.peregonshic-add-route-instruction {text-align: center;color: #7f8c8d;font-size: 13px;margin-bottom: 0;line-height: 1.5;font-family: 'Arial', sans-serif !important;}
.peregonshic-btn-save-route {background: #27ae60;color: white;border: none;padding: 10px 20px;border-radius: 6px;font-size: 14px;font-weight: 600;cursor: pointer;transition: all 0.3s;margin-right: 10px;font-family: 'Arial', sans-serif !important;}
.peregonshic-btn-save-route:hover {background: #219653;transform: translateY(-2px);}
.peregonshic-btn-clear-route {background: #e74c3c;color: white;border: none;padding: 10px 20px;border-radius: 6px;font-size: 14px;font-weight: 600;cursor: pointer;transition: all 0.3s;font-family: 'Arial', sans-serif !important;}
.peregonshic-btn-clear-route:hover {background: #c0392b;transform: translateY(-2px);}
.peregonshic-btn-clear-all {width: 100%;padding: 12px;background: #e74c3c;color: white;border: none;border-radius: 8px;font-size: 15px;font-weight: 600;cursor: pointer;transition: all 0.3s;margin-top: 15px;box-shadow: 0 4px 10px rgba(0,0,0,0.1);font-family: 'Arial', sans-serif !important;}
.peregonshic-btn-clear-all:hover {background: #c0392b;transform: translateY(-2px);box-shadow: 0 6px 15px rgba(231, 76, 60, 0.3);}
.peregonshic-results {margin-top: 25px;padding: 20px;background: #f8f9fa;border-radius: 12px;border: 2px solid #27ae60;display: none;}
.peregonshic-results.show {display: block;animation: peregonshicFadeIn 0.5s;}
@keyframes peregonshicFadeIn {from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); }}
.peregonshic-results-title {color: #2c3e50;margin-bottom: 20px;text-align: center;font-size: 20px;font-weight: 700;font-family: 'Arial', sans-serif !important;}
.peregonshic-btn-group-results {margin-top: 20px;display: flex;gap: 10px;justify-content: center;flex-wrap: wrap;}
.peregonshic-result-item {margin-bottom: 15px;padding: 12px;background: white;border-radius: 8px;display: flex;justify-content: space-between;align-items: center;border-left: 4px solid #27ae60;box-shadow: 0 2px 5px rgba(0,0,0,0.05);}
.peregonshic-result-label {font-weight: 600;color: #34495e;font-size: 14px;font-family: 'Arial', sans-serif !important;}
.peregonshic-result-value {font-size: 20px;color: #27ae60;font-weight: 700;font-family: 'Arial', sans-serif !important;}
.peregonshic-autocomplete-suggestions {background: white;border: 2px solid #27ae60;border-radius: 8px;max-height: 200px;overflow-y: auto;margin-top: 5px;box-shadow: 0 4px 10px rgba(0,0,0,0.1);z-index: 100;position: absolute;width: 100%;}
.peregonshic-autocomplete-suggestions div {padding: 10px 12px;cursor: pointer;transition: background 0.2s;font-size: 14px;font-family: 'Arial', sans-serif !important;}
.peregonshic-autocomplete-suggestions div:hover {background: #f1c40f;color: #2c3e50;}
.peregonshic-loader {text-align: center;padding: 15px;color: #27ae60;display: none;font-size: 15px;font-family: 'Arial', sans-serif !important;font-weight: bold;}
.peregonshic-loader.show {display: block;}
.peregonshic-error {color: #e74c3c;text-align: center;padding: 12px;background: #fadbd8;border-radius: 8px;margin-top: 15px;display: none;font-size: 14px;font-family: 'Arial', sans-serif !important;}
.peregonshic-error.show {display: block;}
.peregonshic-map-container {margin-top: 25px;height: 350px;border-radius: 10px;overflow: hidden;display: none;}
.peregonshic-map-container.show {display: block;}
#peregonshic-map {width: 100%;height: 100%;}
.peregonshic-comparison-table {margin-top: 30px;background: #fff;border-radius: 12px;padding: 20px;box-shadow: 0 3px 10px rgba(0,0,0,0.08);display: none;}
.peregonshic-comparison-title {text-align: center;color: #2c3e50;margin-bottom: 20px;font-size: 22px;font-weight: 700;font-family: 'Arial', sans-serif !important;}
.peregonshic-table-container {overflow-x: auto;border-radius: 8px;box-shadow: 0 2px 8px rgba(0,0,0,0.1);}
.peregonshic-comparison-table table {width: 100%;border-collapse: collapse;min-width: 600px;}
.peregonshic-comparison-table th {background: #27ae60;color: white;padding: 12px 15px;text-align: left;font-weight: 600;font-size: 14px;font-family: 'Arial', sans-serif !important;}
.peregonshic-comparison-table td {padding: 10px 15px;border-bottom: 1px solid #e0e0e0;font-size: 14px;font-family: 'Arial', sans-serif !important;}
.peregonshic-comparison-table tr:hover {background: #f8f9fa;}
.peregonshic-comparison-table tr.best-route {background: #e8f5e9 !important;border-left: 4px solid #27ae60;}
.peregonshic-route-name {font-weight: 600;color: #2c3e50;}
.peregonshic-route-distance {color: #27ae60;font-weight: 700;}
.peregonshic-route-fuel {color: #3498db;font-weight: 600;}
.peregonshic-route-cost {color: #e74c3c;font-weight: 700;font-size: 15px;}
.peregonshic-route-time {color: #f39c12;font-weight: 600;}
.peregonshic-btn-delete-route {background: #e74c3c;color: white;border: none;padding: 6px 12px;border-radius: 4px;font-size: 12px;cursor: pointer;transition: all 0.3s;}
.peregonshic-btn-delete-route:hover {background: #c0392b;transform: scale(1.05);}
.peregonshic-btn-show-route {background: #3498db;color: white;border: none;padding: 6px 12px;border-radius: 4px;font-size: 12px;cursor: pointer;transition: all 0.3s;margin-right: 5px;}
.peregonshic-btn-show-route:hover {background: #2980b9;transform: scale(1.05);}

/* Стили для CTA-блока */
.peregonshic-cta-block {
    margin-top: 30px;
    padding: 30px 25px;
    background: #f8f9fa;
    border: 3px solid #27ae60;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(39, 174, 96, 0.2);
    display: none;
    animation: peregonshicSlideUp 0.5s ease-out;
}
.peregonshic-cta-block.show { display: block; }
@keyframes peregonshicSlideUp {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}
.peregonshic-cta-content { text-align: center; max-width: 700px; margin: 0 auto; }
.peregonshic-cta-title {
    color: #2c3e50; font-size: 24px; font-weight: 700; margin-bottom: 15px;
    font-family: 'Arial', sans-serif !important;
}
.peregonshic-cta-text {
    color: #34495e; font-size: 16px; line-height: 1.6; margin-bottom: 25px;
    font-family: 'Arial', sans-serif !important;
}
.peregonshic-cta-text strong { color: #27ae60; font-weight: 700; }
.peregonshic-cta-buttons {
    display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; margin-bottom: 15px;
}
.peregonshic-cta-btn {
    padding: 16px 30px; border-radius: 10px; font-size: 16px; font-weight: 600;
    text-decoration: none; transition: all 0.3s; display: inline-block;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1); font-family: 'Arial', sans-serif !important;
}
.peregonshic-cta-btn-primary {
    background: #27ae60; color: white; border: 2px solid #27ae60;
}
.peregonshic-cta-btn-primary:hover {
    background: #219653; border-color: #219653; transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(39, 174, 96, 0.4);
}
.peregonshic-cta-btn-secondary {
    background: #f1c40f; color: #2c3e50; border: 2px solid #f1c40f;
}
.peregonshic-cta-btn-secondary:hover {
    background: #f39c12; border-color: #f39c12; transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(241, 196, 15, 0.4);
}
.peregonshic-cta-note {
    color: #7f8c8d; font-size: 14px; margin: 0;
    font-family: 'Arial', sans-serif !important;
}

@media (max-width: 768px) {
    .peregonshic-calculator-container { padding: 15px; border-radius: 10px; }
    .peregonshic-input { padding: 14px; font-size: 16px; }
    .peregonshic-btn-calculate, .peregonshic-btn-add-route, .peregonshic-btn-clear-all { 
        padding: 16px; font-size: 16px; margin-bottom: 10px; 
    }
    .peregonshic-result-item { flex-direction: column; align-items: flex-start; }
    .peregonshic-result-value { align-self: flex-end; }
    .peregonshic-btn-group-results { flex-direction: column; gap: 8px; }
    .peregonshic-btn-save-route, .peregonshic-btn-clear-route { 
        width: 100%; padding: 12px; font-size: 15px; 
    }
    .peregonshic-map-container { height: 300px; margin-top: 20px; }
    
    /* ✅ CTA-блок для мобильных */
    .peregonshic-cta-block { 
        padding: 20px 15px; 
        margin-top: 25px; 
        border-radius: 12px;
    }
    .peregonshic-cta-title { 
        font-size: 18px; 
        margin-bottom: 12px;
    }
    .peregonshic-cta-text { 
        font-size: 14px; 
        line-height: 1.5;
        margin-bottom: 20px;
    }
    .peregonshic-cta-buttons { 
        flex-direction: column; 
        gap: 10px; 
        width: 100%;
    }
    .peregonshic-cta-btn { 
        width: 100%; 
        padding: 14px 20px; 
        font-size: 14px; 
        text-align: center;
        box-sizing: border-box;
        white-space: normal;
        word-wrap: break-word;
    }
    .peregonshic-cta-note { 
        font-size: 12px; 
        line-height: 1.4;
    }
}
@media (max-width: 480px) {
    .peregonshic-cta-block { 
        padding: 18px 12px; 
    }
    .peregonshic-cta-title { 
        font-size: 16px; 
    }
    .peregonshic-cta-text { 
        font-size: 13px; 
    }
    .peregonshic-cta-btn { 
        padding: 12px 16px; 
        font-size: 13px; 
    }
    .peregonshic-cta-note { 
        font-size: 11px; 
    }
}

/* Стиль чекбокса в настройках */
#peregonshic-useApiTime {
    accent-color: #27ae60;
    width: 18px;
    height: 18px;
    cursor: pointer;
}
#peregonshic-useApiTime:hover {
    accent-color: #219653;
}

/* End */
/* /calc/calc.css?179015260712051 */