.pamjatnyktype label{    display: block;text-align: center;font-size: 18px;}/* контейнер */#type_start .pamjatnyktype > div {display: inline-block;width: 220px;margin: 0 20px 20px 0;vertical-align: top;position: relative;}.pamjatnyktype {text-align: center;}/* ховаємо стандартні radio */#type_start input[type="radio"] {display: none;}/* картка */#type_start input[type="radio"] + label {display: block;cursor: pointer;border: 2px solid #e6e6e6;border-radius: 8px;background: #f4f7f8;padding: 12px;min-height: 260px;position: relative;transition: all .25s ease;}/* картинка */#type_start input[type="radio"] + label::before {content: "";display: block;width: 100%;height: 180px;margin-bottom: 10px;background-size: contain;background-repeat: no-repeat;background-position: center;}/* індикатор */#type_start input[type="radio"] + label::after {content: "";position: absolute;top: 10px;right: 10px;width: 26px;height: 26px;border-radius: 50%;border: 3px solid #da4f49;background: #fff;opacity: 0;transition: .2s;}/* hover */#type_start input[type="radio"] + label:hover {transform: translateY(-3px);box-shadow: 0 6px 16px rgba(0,0,0,.12);}/* active */#type_start input[type="radio"]:checked + label {border-color: #da4f49;box-shadow: 0 8px 20px rgb(218 79 73 / 21%);}/* активний кружок */#type_start input[type="radio"]:checked + label::after {opacity: 1;background: #da4f49;box-shadow: inset 0 0 0 6px #fff;}#typepnjatnyk_0 + label::before {background-image: url("/uploads/images/qizzpamjatnyly/onetype.jpg");}#typepnjatnyk_1 + label::before {background-image: url("/uploads/images/qizzpamjatnyly/twotype.jpg");}#typepnjatnyk_2 + label::before {background-image: url("/uploads/images/qizzpamjatnyly/military.jpg");}#typepnjatnyk_3 + label::before {background-image: url("/uploads/images/qizzpamjatnyly/kigatype.jpg");}/* мобільні: два стовпці */@media (max-width: 767px) {#type_start .pamjatnyktype > div {width: 48% !important;           float: left;margin-right: 2%;margin-bottom: 10px;}}.progress {height: 26px;background: #e9ecef;border-radius: 15px;overflow: hidden;}.progress-bar {background: linear-gradient(90deg, #c82d2d, #ff8b8b);font-weight: 600;line-height: 26px;transition: width .8s ease-in-out;}/* контейнер кнопок */.pamjatnykcalc .submit {text-align: center;margin-top: 30px;}/* загальний стиль кнопок */.pamjatnykcalc .submit .cms_submit {padding: 11px 32px;font-size: 15px;border-radius: 30px;border: none;cursor: pointer;font-weight: 600;transition: all .25s ease;position: relative;outline: none;}/* Назад */.pamjatnykcalc .submit .fbsubmit_prev {background-color: #f0f0f0;color: #555;margin-right: 12px;}.pamjatnykcalc .submit .fbsubmit_prev::before {font-family: FontAwesome;content: "\f104"; /* fa-chevron-left */margin-right: 8px;}.pamjatnykcalc .submit .fbsubmit_prev:hover {background-color: #e0e0e0;}/* Далі */.pamjatnykcalc .submit .fbsubmit_next {background: linear-gradient(135deg, #ac1111, #d10909);color: #fff;box-shadow: 0 4px 10px rgba(0,0,0,.15);}.pamjatnykcalc .submit .fbsubmit_next::after {font-family: FontAwesome;content: "\f105"; /* fa-chevron-right */margin-left: 8px;}.pamjatnykcalc .submit .fbsubmit_next:hover {background: linear-gradient(135deg, #f11616, #a00d0d);box-shadow: 0 6px 16px rgba(0,0,0,.25);transform: translateY(-1px);}/* Відпавити*/.pamjatnykcalc .submit .fbsubmit {background: linear-gradient(135deg, #cb0908, #a00d0d);color: #fff;box-shadow: 0 4px 10px rgba(0,0,0,.15);}.pamjatnykcalc .submit .fbsubmit::after {font-family: FontAwesome;content: "\f105"; /* fa-chevron-right */margin-left: 8px;}.pamjatnykcalc .submit .fbsubmit:hover {background: linear-gradient(135deg, #d20707, #a00d0d);box-shadow: 0 6px 16px rgba(0,0,0,.25);transform: translateY(-1px);}.pamjatnykcalc .submit .fbsubmi:active {transform: translateY(0);box-shadow: none;}/* active (натискання) */.pamjatnykcalc .submit .cms_submit:active {transform: translateY(0);box-shadow: none;}@media (max-width: 480px) {.pamjatnykcalc .submit .cms_submit {width: 100%;margin-bottom: 10px;}.pamjatnykcalc .submit .fbsubmit_prev {margin-right: 0;}}/* --- Твої існуючі стилі --- *//* картка на всю висоту */.granittyprradio .grtype-item,.granittyprradio .grtype-item label {height: 100%;}.granittyprradio .grtype-item {margin-bottom: 20px;position: relative; /* залишилось */display: flex; /* додано: щоб картка була flex-контейнером */flex-direction: column; /* щоб вкладені елементи йшли вертикально */}.granittyprradio .grtype-item img {margin: 0 auto 10px; /* уточнено margin-bottom */max-height: 220px;object-fit: contain; /* щоб зображення не спотворювались */}/* ховаємо стандартне radio */.granittyprradio .grtype-item input[type="radio"] {display: none;}/* label = вся картка */.granittyprradio .grtype-item label {display: flex; /* змінено з block на flex */flex-direction: column; /* вертикальне розташування */justify-content: flex-start;cursor: pointer;border: 2px solid #e6e6e6;border-radius: 8px;background: #f4f7f8;padding: 12px;min-height: 260px;position: relative;transition: all .25s ease;height: 100%; /* щоб зайняти всю висоту батька */}/* hover */.granittyprradio .grtype-item label:hover {transform: translateY(-3px);box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px;}/* текст */.granittyprradio .grtype-item .text-wrap {font-weight: 600;font-size: 15px;color: #000;margin-top: 10px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}/* кастомна radio-точка */.granittyprradio .grtype-item label::after {content: "";position: absolute;top: 12px;right: 12px;opacity: 0;width: 22px;height: 22px;border-radius: 50%;border: 2px solid #da4f49;background: #fff;transition: all .25s ease;}/* активний стан */.granittyprradio .grtype-item input[type="radio"]:checked + label {border-color: #da4f49;box-shadow: 0 8px 20px rgb(218 79 73 / 21%);}/* заповнена точка */.granittyprradio .grtype-item input[type="radio"]:checked + label::after {background: #da4f49;opacity: 1;box-shadow: inset 0 0 0 5px #fff;}/* --- Нові стилі для контейнера row --- */.granittyprradio {display: flex;flex-wrap: wrap;margin-left: -15px; /* компенсуємо падінги колонок bootstrap */margin-right: -15px;}/* колонки bootstrap під flex */.granittyprradio > [class*="col-"] {display: flex;flex-direction: column;padding-left: 15px;padding-right: 15px;margin-bottom: 10px;}/* --- Загальні стилі --- */.hrobotyoptions label:first-child,.radiooptions label:first-child{display: block; text-align: center;font-size: 17px!important;}#startdodoption .radiooptions,#startdodoption .hrobotyoptions {margin-bottom: 25px;}#startdodoption .radiooptions label,#startdodoption .hrobotyoptions label {font-weight: 600;display: block;margin-bottom: 12px;font-size: 16px;}/* колонки */#startdodoption .radiooptions .col,#startdodoption .hrobotyoptions .col {display: inline-block;vertical-align: top;margin-right: 15px;position: relative;}/* ховаємо стандартні чек/радіо */#startdodoption input[type="checkbox"],#startdodoption input[type="radio"] {position: absolute;opacity: 0;width: 0;height: 0;}/* кастомні чекбокси */#startdodoption .radiooptions label[for],#startdodoption .hrobotyoptions label[for] {position: relative;padding-left: 30px;cursor: pointer;display: inline-block;line-height: 20px;user-select: none;}/* квадрат для чекбокса */#startdodoption .radiooptions label[for]::before {content: '';position: absolute;left: 0;top: 0;width: 20px;height: 20px;border: 2px solid #e6e6e6;border-radius: 4px;background: #fff;transition: all .25s ease;}/* круг для радіо */#startdodoption .hrobotyoptions label[for]::before {content: '';position: absolute;left: 0;top: 0;width: 20px;height: 20px;border: 2px solid #e6e6e6;border-radius: 50%;background: #fff;transition: all .25s ease;}/* при hover */#startdodoption .radiooptions label[for]:hover::before,#startdodoption .hrobotyoptions label[for]:hover::before {border-color: #da4f49;}/* активний стан */#startdodoption input[type="checkbox"]:checked + label::before {background: #da4f49;border-color: #da4f49;}#startdodoption input[type="radio"]:checked + label::before {background: #da4f49;border-color: #da4f49;}/* маленька точка для радіо */#startdodoption input[type="radio"]:checked + label::after {content: '';position: absolute;left: 6px;top: 6px;width: 8px;height: 8px;background: #fff;border-radius: 50%;}/* --- Мобільні пристрої: до 768px --- */@media (max-width: 767px) {#startdodoption .radiooptions .col,#startdodoption .hrobotyoptions .col {display: block;        /* колонки в стовпчик */width: 100%;           /* займають всю ширину */margin-right: 0;       /* скидаємо правий відступ */margin-bottom: 12px;   /* невеликий відступ між елементами */}}#startdodoption{background: #f4f7f8;border-radius: 5px;padding: 10px 7px 0 7px;}/* --- Контейнер форми --- */#startcontdata {margin-top: 20px;display: flex;flex-wrap: wrap;justify-content: space-between;border-top: 2px #da4f49 dotted;padding-top: 15px;}#startcontdata .statext{width: 100%; font-style: italic;}/* кожен блок input */#startcontdata .name,#startcontdata .required {display: flex;flex-direction: column;margin-bottom: 20px;width: 48%;}/* label */#startcontdata label {display: block;font-weight: 600;margin-bottom: 5px;font-size: 14px;color: #333;}/* обов’язкове поле */#startcontdata .required label::after {content: "*";color: #d9534f;margin-left: 2px;}/* інпут поля */#startcontdata input[type="text"] {display: block;width: 100%;padding: 6px 12px; /* як у Bootstrap 3 */font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;border: 1px solid #ccc;border-radius: 4px;transition: border-color 0.25s ease, box-shadow 0.25s ease;box-sizing: border-box;}/* фокус */#startcontdata input[type="text"]:focus {border-color: #66afe9;outline: 0;box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);}/* placeholder */#startcontdata input[type="text"]::placeholder {color: #999;}/* --- Мобільні пристрої: один стовпець --- */@media (max-width: 767px) {#startcontdata {display: block;}#startcontdata .name,#startcontdata .required {width: 100%;}}/* контейнер прелоадера */.throbber {position: fixed;        /* поверх всього контенту */top: 0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.8); /* напівпрозорий фон */display: flex;justify-content: center;align-items: center;z-index: 1050; /* вище модальних в Bootstrap */opacity: 0;visibility: hidden;transition: opacity 0.3s ease;}/* активний стан */.throbber.load {opacity: 1;visibility: visible;}/* сам кружок (анімований) */.throbber::before {content: "";width: 60px;height: 60px;border: 6px solid #eee;border-top-color: #F44336;border-radius: 50%;animation: spin 1s linear infinite;}/* анімація обертання */@keyframes spin {0%   { transform: rotate(0deg); }100% { transform: rotate(360deg); }}
/* Stylesheet: Postament_callculator Modified On 2026-01-29 19:31:03 */