:root {
   --border-color: #ebebeb;
   --orage-color: #ff9900;
 }

 .property-area {
   padding: 10px 0 0 0;
 }

 .project-image {
   width: 100%;
   height: auto;
   border-radius: 8px;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
 }

 .option-card {
   height: 26px;
   line-height: 26px;
 }

 .option-card:hover {
   border-top: 1px #bcbcbc solid;
   border-bottom: 1px #bcbcbc solid;
 }

 .total-price {
   font-size: 1.5rem;
   font-weight: bold;
   color: #d32f2f;
 }

 .summary-box {
   background-color: #f8f9fa;
   border-radius: 12px;
   padding: 20px;
   height: fit-content;
 }

 .mfp-close {
   font-size: 3.0rem
 }

 .element-name,
 .element-percent {
   user-select: none;
 }

 .area sup {
   font-size: .7rem;
   font-weight: 400;
   top: -6px;
 }

 .project-title a {
   text-decoration: none;
 }

 a.choose-this button {
   padding: 0;
 }

 .project-title a {
   color: #fff;
 }

 .property-desc-top h4.area {
   color: #ffffff;
   font-size: 1.5rem;
   font-weight: normal;
   margin-bottom: 0;
   position: absolute;
   right: 18px;
   top: 50%;
   -ms-transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
 }

 .property-desc-top h4.area sup {
   font-size: .8rem;
   top: -10px;
   font-weight: 600
 }

 .choose-this {
   font-size: 1.0rem;
   border-radius: 5px;
   /* text-transform: uppercase; */
   box-shadow: none !important;
   transition: all 0.3s ease;
 }

 .choose-this:hover {
   transform: scale(1.05);
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
 }

 .step-guide {
   height: 70px;
   font-weight: 500;
   margin-bottom: 1.0rem;
   user-select: none;
 }

 .bg-step-1 {
   background-color: #ffca57;
 }

 .bg-step-2 {
   background-color: #ffdb8a;
 }

 .bg-step-3 {
   background-color: #ffeabf;
 }

 /* Обертка Select2 */
 .select2-container--default .select2-selection--single {
   height: 50px;
   border: 1px solid var(--border-color);
   border-radius: 2px;
   background-color: #f1faff;
 }

 /* Текст в поле */
 .select2-container--default .select2-selection--single .select2-selection__rendered {
   line-height: 48px;
   /* должно соответствовать высоте */
   padding-left: 10px;
   color: #333;
 }

 /* Стрелка */
 .select2-container--default .select2-selection--single .select2-selection__arrow {
   height: 100%;
   width: 30px;
   right: 1px;
   top: 1px;
 }

 /* Выпадающий список */
 .select2-dropdown {
   border: 1px solid var(--border-color);
   border-radius: 2px;
   box-shadow: 0 2px 5px rgba(203, 203, 203, 0.1);
   display: inline;
   width: 50%;
 }

 /* Элементы списка */
 .select2-results__option {
   padding: 8px 10px;
   cursor: pointer;
 }

 .select2-results__option--highlighted[aria-selected] {
   background-color: var(--orage-color);
   color: white;
 }

 .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
   background-color: #ff9900;
   color: #fff;
 }

 .area {
   height: 60px;
   line-height: 60px;
   background-color: var(--orage-color);
   color: #fff;
   font-size: 1.2rem;
   font-weight: 500;
   padding: 0 20px;
 }

 .area-input {
   display: inline;
   background-color: transparent;
   width: 5.0rem;
   border: 1px #fff solid;
   border-radius: 5px;
   padding: 0 6px;
   /* height: 26px; */
   font-weight: bold;
 }

 .area-input:focus {
   border: 1px #fff solid;
 }

 a.save-pdf {
   background-color: var(--orage-color);
   color: #fff;
   border-radius: 4px;
   height: 30px;
   line-height: 30px;
   padding: 0 15px;
 }

 a.save-pdf:hover {
   background-color:  #ffae00;
   color: #fff;
 }
 .strong {
   font-weight: bold !important;
 }