#project-main-details{--project-name-color: #fff;--project-name-bg-color: var(--link-color);--project-area-color: #000;--project-cost-border-color: #ccc;--construction-bg-color: #8234af;--selector-border-color: #0003;--radio-default-color: #000;--radio-selected-color: var(--link-color)}#project-main-details .name-area .popper-info svg{width:20px;height:20px;margin-left:1rem}#project-main-details .name-area>div,#project-main-details .name-area>h1{display:flex;justify-content:center;align-items:center;padding:1rem}#project-main-details .name-area .name{min-width:60px;margin:0;background-color:var(--link-color);color:var(--box-bg-color);font-size:inherit;font-weight:700}#project-main-details .name-area .area{min-width:60px;background-color:var(--project-area-color);color:var(--box-bg-color)}#project-main-details .details{display:grid;grid-template-columns:auto;grid-auto-rows:auto;grid-template-areas:"title" "counters" "selectors" "promotion" "price" "features";gap:1rem}#project-main-details .title{grid-area:title}#project-main-details .selectors{grid-area:selectors;display:flex;flex-wrap:wrap;flex-direction:column;gap:1rem}#project-main-details .price-box{grid-area:price;padding:0}#project-main-details .mirror-switch{display:flex;padding:1.5rem 2rem;border:1px solid var(--selector-border-color);border-radius:10px;align-items:center;font-weight:700;cursor:pointer}#project-main-details .mirror-switch:hover{opacity:.75}#project-main-details .mirror-switch input[type=radio]{display:none}#project-main-details .mirror-switch label{position:relative;padding-left:30px;padding-right:30px;margin:0;cursor:inherit}#project-main-details .mirror-switch label:before,#project-main-details .mirror-switch label:after{position:absolute;content:" ";border-radius:50%;border:1px solid var(--radio-default-color)}#project-main-details .mirror-switch label:before{top:4px;left:0;width:16px;height:16px}#project-main-details .mirror-switch label:after{display:none;top:8px;left:4px;width:8px;height:8px;border-color:var(--radio-selected-color);background-color:var(--radio-selected-color)}#project-main-details .mirror-switch input[type=radio]:checked+label:before{border:2px solid var(--radio-selected-color)}#project-main-details .mirror-switch input[type=radio]:checked+label:after{display:block}.price-box .price{font-size:22px;font-weight:700}.price-box .lowest-price{font-size:13px;color:#ccc}.price-box .availability{display:flex;justify-content:flex-end;align-items:center;margin-bottom:1.5rem;font-weight:600;font-size:16px;line-height:1;gap:.5rem}.price-box .green span{color:#00d322}.price-box .orange span{color:orange}.price-box .red span{color:red}.price-box .button{display:flex;flex-wrap:wrap;justify-content:flex-end}.popper-info{cursor:pointer}.price-box .popper-info svg,.lot .popper-info svg{width:20px;height:20px;overflow:unset}project-slider{width:100%;max-width:1920px;padding:1rem;margin:auto}@media(min-width:576px){#project-main-details .selectors{flex-direction:row}}@media(min-width:768px){#project-main-details .details{grid-template-columns:1fr 1fr 340px;grid-template-rows:1fr auto auto auto;grid-template-areas:"title title price" "selectors selectors price" "promotion promotion promotion" "counters features ."}}@media(min-width:992px){#project-main-details .name-area .cost{border:1px solid var(--project-cost-border-color)}#project-main-details .name-area .popper-info svg{width:24px;height:24px}#project-main-details .price-box{display:grid;width:100%;height:100%}#project-main-details .price-box>div{align-self:end}}@media(min-width:1280px){#project-main-details .details{grid-template-columns:1fr 1fr 470px}#project-main-details .details .promotion{grid-column:span 2}#project-main-details .details.promotion{grid-template-columns:1fr 1fr 400px;grid-template-areas:"title title price" "promotion promotion price" "selectors selectors selectors" "counters features ."}project-slider{aspect-ratio:2.7}#project-main-details .project-selector{min-width:380px}}@media(min-width:1366px){#project-main-details{padding:2.5rem}#project-main-details .name-area>div,#project-main-details .name-area>h1{padding:2rem}#project-main-details .title{font-size:32px}.price-box .price{margin-bottom:.5rem;font-size:32px}.price-box .availability{font-size:20px}}