/* Калькулятор решёток (перенос со старого сайта) — оформление под ventar-s.ru */
.vrk-calc{background:#f6fafd;border:1.5px solid #cfe3f2;border-radius:16px;padding:18px 18px 16px;margin:18px 0;max-width:640px;}
.vrk-calc .vrk-h{margin:0 0 12px;font-size:17px;font-weight:800;color:#12333b;}
/* компактная сетка параметров: поля в 2 колонки */
.vrk-calc .form-group__row,.vrk-calc .js_form_15{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;align-items:end;}
.vrk-calc .form-group__row .form-group-column,.vrk-calc .js_form_15 .form-group-column{margin:0;}
@media (max-width:560px){.vrk-calc .form-group__row,.vrk-calc .js_form_15{grid-template-columns:1fr;}}
.vrk-calc .main-card__form{display:block;}
.vrk-calc .form-group__item{margin:0 0 8px;}
.vrk-calc .form-group__label,.vrk-calc label{display:block;font-size:12.5px;font-weight:700;color:#5d7d86;margin:0 0 4px;text-transform:uppercase;letter-spacing:.02em;}
.vrk-calc label.adaptive{display:none !important;} /* дубль-метка для мобильной темы старого сайта */
.vrk-calc input[type=text],.vrk-calc input[type=number]{width:100%;max-width:none;border:1.5px solid #cfe3f2;border-radius:10px;padding:9px 11px;font:inherit;font-size:14.5px;background:#fff;box-sizing:border-box;}
.vrk-calc input[readonly]{cursor:pointer;}
.vrk-calc .js_param-precent-title{cursor:pointer;background:#fff !important;}
.vrk-calc .form-group-row,.vrk-calc .form-group-column{display:block;}
.vrk-calc .main-card__quantity-right{display:flex;align-items:center;gap:8px;}
.vrk-calc .main-quantity__minus,.vrk-calc .main-quantity__plus{width:38px;height:38px;border:1.5px solid #cfe3f2;background:#fff;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#33637e;padding:0;line-height:1;}
.vrk-calc .main-quantity__minus:hover,.vrk-calc .main-quantity__plus:hover{border-color:#0583c2;color:#0583c2;}
.vrk-calc .main-qunatity__input{width:80px !important;text-align:center;}
.vrk-calc .card_wait{display:none;background:#0583c2;color:#fff;border-radius:100px;padding:10px 18px;cursor:pointer;font-weight:700;font-size:14px;width:max-content;margin:10px 0;}
.vrk-calc .main-card__price{margin:14px 0 4px;}
.vrk-calc .main-card__price p{margin:0;font-size:26px;font-weight:800;color:#0f3a4d;}
.vrk-calc #calc-sum-sale{font-size:26px;font-weight:800;color:#0f3a4d;}
.vrk-calc .main-card__value{font-size:15px;font-weight:600;color:#5d7d86;margin-left:4px;}
.vrk-calc .calc-output{display:none !important;}
.vrk-calc .js_result{font-size:13px;color:#5d7d86;margin-top:6px;}
.vrk-calc .calcw_result{font-size:13px;color:#5d7d86;}
.vrk-actions{margin-top:10px;}
.vrk-add{display:block;width:100%;max-width:420px;background:linear-gradient(24deg,#05adc2,#0583c2);color:#fff;border:0;border-radius:100px;padding:12px 20px;font-weight:800;font-size:15px;cursor:pointer;box-shadow:0 12px 26px -12px rgba(5,131,194,.55);}
.vrk-add:hover{filter:brightness(1.06);}
.vrk-note{font-size:12.5px;color:#5d7d86;margin-top:8px;line-height:1.45;}

/* ===== Модалка цветов RAL (grilles.ru) — свои стили + защита от .modal сайта ===== */
.modal.select-colors{display:block !important;position:fixed !important;inset:0 !important;top:0 !important;z-index:100000 !important;background:rgba(8,25,35,.62) !important;overflow-y:auto !important;padding:4vh 14px !important;opacity:1 !important;visibility:visible !important;pointer-events:auto !important;transform:none !important;}
.modal.select-colors .modal-body{background:#fff;border-radius:16px;max-width:760px;margin:0 auto;padding:20px 22px;box-shadow:0 24px 60px -20px rgba(0,0,0,.45);}
.modal.select-colors .modal-header{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;}
.modal.select-colors .modal__title{font-size:18px;font-weight:800;color:#12333b;}
.modal.select-colors .modal__close img{width:22px;height:22px;display:block;}
.modal.select-colors .box{max-height:64vh;overflow-y:auto;}
.modal.select-colors .row{display:flex;flex-wrap:wrap;margin:0 -6px;}
.modal.select-colors .col-3{width:25%;padding:6px;box-sizing:border-box;}
@media (max-width:640px){.modal.select-colors .col-3{width:33.33%;}}
.modal.select-colors .item{cursor:pointer;border:1.5px solid #e3edf4;border-radius:10px;padding:8px 6px;text-align:center;transition:.12s;}
.modal.select-colors .item:hover{border-color:#0583c2;box-shadow:0 6px 16px -8px rgba(5,131,194,.4);}
.modal.select-colors .icon{width:100%;height:44px;border-radius:8px;border:1px solid #dde7ee;margin:0 0 6px;}
.modal.select-colors .item p{margin:0;font-size:12.5px;color:#33404b;font-weight:600;}

/* ===== Попап Секция/Комплектация (grilles.ru) ===== */
/* ВАЖНО: лайтбокс сайта (assets/index.css) задаёт .popup-overlay{opacity:0} — перебиваем, у грилес-попапа оверлей оборачивает контент */
.popup.view{position:fixed !important;inset:0 !important;z-index:100000 !important;display:block !important;opacity:1 !important;visibility:visible !important;pointer-events:auto !important;}
.popup.view .popup-overlay{opacity:1 !important;position:fixed !important;inset:0 !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;background:rgba(8,25,35,.62) !important;display:block !important;overflow-y:auto !important;padding:5vh 14px !important;cursor:default !important;box-sizing:border-box !important;transition:none !important;}
.popup.view .popup__body,.popup.view .popup-content__wrap{position:relative;z-index:2;}
.popup.view .popup__body{background:#fff;border-radius:16px;max-width:720px;margin:0 auto;padding:20px 22px;box-shadow:0 24px 60px -20px rgba(0,0,0,.45);position:relative;}
.popup.view .popup__header{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;}
.popup.view .popup__title{font-size:18px;font-weight:800;color:#12333b;margin:0;}
.popup.view .popup__close img{width:22px;height:22px;display:block;}
.popup.view .popup-content{display:flex;flex-wrap:wrap;gap:12px;}
.popup.view .popup-text{cursor:pointer;border:1.5px solid #e3edf4;border-radius:12px;padding:10px;width:calc(50% - 6px);box-sizing:border-box;transition:.12s;}
@media (max-width:560px){.popup.view .popup-text{width:100%;}}
.popup.view .popup-text:hover{border-color:#0583c2;box-shadow:0 6px 16px -8px rgba(5,131,194,.4);}
.popup.view .popup__name{margin:0 0 8px;font-size:14px;font-weight:700;color:#12333b;}
.popup.view .view-img__wrapper img{width:100%;height:auto;border-radius:8px;display:block;}
.popup.view .progress-bar{display:none;}

/* обтекаемая раскладка карточки: калькулятор справа, описание без «дыры» */
.vrk-right{float:right;width:47%;max-width:640px;margin:0 0 22px 28px;}
.vrk-left{width:49%;max-width:none;}
.vrk-desc{margin-top:26px;width:auto;overflow:visible;}
.vrk-clear{clear:both;}
@media (max-width:900px){
  .vrk-right{float:none;width:100%;margin:0 0 18px;}
  .vrk-left{width:100%;}
}

/* глифы кнопок количества (иконки остались в старой теме) */
.vrk-calc .main-quantity__minus:before{content:"\2212";}
.vrk-calc .main-quantity__plus:before{content:"+";}