

/* Start:/local/components/demanoco/calculator.form/templates/.default/style.css?17586168815603*/
/* Общие стили для страницы */
body {
    font-family: Arial, sans-serif;
    background-color: #f0f2f5;
    padding: 40px;
    text-align: center;
}
/* Класс для блокировки скролла на <body> */
.body-no-scroll {
    overflow: hidden;
    position: relative; 
    touch-action: none; /* Для мобильных устройств */
}
.btn-open-calculator {
    padding: 0px 35px;
    border-radius: 50px;
    background: linear-gradient(135deg, #c84316 0%, #a13d41 100%);
    font-size: 16px;
    font-weight: 900;
    font-family: sans-serif;
    height: 50px;
    color: white;
    width: 50%;
    margin: 30px auto; 
    
    /* Технические свойства для тега <button> */
    border: none; /* Убираем стандартную рамку кнопки */
    cursor: pointer;
    display: block; /* Чтобы работали width и margin: auto */
    transition: background-color 0.3s, color 0.3s; /* Плавный переход для :hover */
}

.btn-open-calculator:hover {
    color: black;
    background: #b64128;
}

@media(max-width:676px){
    .btn-open-calculator {
        width: 100%;
    }
}
.suggestions-promo{display: block !important;opacity: 0;z-index: -9999;}
.calculator-popup-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: none;  justify-content: center; z-index: 1000; overflow: hidden; padding: 20px; }
.calculator-popup-content { position: relative; max-width: 800px; width: 100%; max-height: 95vh; overflow-y: auto;overflow-x: hidden;}

.calculator-popup-content::-webkit-scrollbar {
    width: 8px;
}

.calculator-popup-content::-webkit-scrollbar-track {
    background: #e9ecef;
}

.calculator-popup-content::-webkit-scrollbar-thumb {
    background:linear-gradient(135deg, #c84316 0%, #a13d41 100%);
    border-radius: 8px;
}
.calculator-popup-close { position: absolute; top: 10px; right: 15px; background: none; border: none; font-size: 35px; line-height: 1; color: #fff; cursor: pointer; z-index: 1001; opacity: 0.8; transition: opacity 0.2s, transform 0.2s; }
.calculator-popup-close:hover { opacity: 1; transform: rotate(90deg); }
.calculator-container{margin:0;padding:0;box-sizing:border-box;background:#fff;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.1);overflow:hidden; text-align: left;}
.calculator-header{background:linear-gradient(135deg, #c84316 0%, #a13d41 100%);color:#fff;padding:30px 20px;text-align:center}
.calculator-header h1{font-size:28px;margin-bottom:10px}
.calculator-content{padding:30px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.form-label{display:block;margin-bottom:8px;font-weight:600}
.form-grid > div{position: relative;}
.form-input,.form-select{opacity: 1 !important;width:100%;padding:12px 15px;border:2px solid #e9ecef;border-radius:8px;font-size:14px}
.address-input{position:relative;margin-bottom:10px}
.address-label{position:absolute;left:12px;top:50%;transform:translateY(-50%);background:#667eea;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:bold}
.address-input input{padding-left:50px}
.btn{background:linear-gradient(135deg, #c84316 0%, #a13d41 100%);color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer; width: 100%;}
.btn:disabled { background: #ccc; cursor: not-allowed; }
.result-panel{background:#f8f9fa;border-radius:12px;padding:25px;margin-top:30px;display:none}
.result-title{font-size:18px;font-weight:700;text-align:center;margin-bottom:15px}
.result-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #dee2e6}
.price-highlight{color:#28a745;font-weight:700;font-size:18px}
#calculationFormula { margin-top: 20px; padding: 15px; background-color: #e9ecef; border-radius: 8px; font-size: 14px; line-height: 1.6; border-bottom: 1px solid #dee2e6; margin-bottom: 8px; }
#calculationFormula .formula-title { font-weight: bold; margin-bottom: 10px; text-align: center; }
#calculationFormula p { margin: 5px 0; }
#calculationFormula .formula-total { font-weight: bold; margin-top: 10px; border-top: 1px solid #ced4da; padding-top: 10px; }
.order-form { display: none; margin-top: 30px; padding-top: 20px; border-top: 1px solid #e9ecef; }
.order-form .form-title {font-size:20px;font-weight:700;text-align:center;margin-bottom:20px;}
.order-form .form-group {margin-bottom:15px;}
.order-form input[type="text"], .order-form input[type="tel"], .order-form input[type="email"] {width:100%;padding:12px 15px;border:2px solid #e9ecef;border-radius:8px;}
.form-status {margin-top:15px;text-align:center;font-weight:bold;}
.form-status.success { color: #28a745; }
.form-status.error { color: #dc3545; }
.additional-options { margin: 20px 0; padding: 15px; background: #f8f9fa; border-radius: 8px; }
.checkbox-group { margin-bottom: 10px; }
.checkbox-group label { display: flex; align-items: center; font-weight: normal; cursor: pointer; }
.checkbox-group input[type="checkbox"] { margin-right: 8px; }
@media(max-width:768px){.form-grid{grid-template-columns:1fr}}
.ws-video-widget.ws-video-widget-id-3766.small-size.horizontal {
    position: fixed;
    inset: auto auto 3% 2%!important;
}

@media (max-width: 650px) {
    #kirpich > div.ws-video-widget {
        display: none !important;
    }
}
 #kirpich > div.ws-video-widget {
        position: fixed;
    }
/* End */
/* /local/components/demanoco/calculator.form/templates/.default/style.css?17586168815603 */
