/* Start:/local/components/crystallux/calculator.track_system/templates/.default/style.css?17562944706570*/
/* .fancybox-outer > .fancybox-inner:has(form){max-width: initial;} */

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type="number"] {-moz-appearance: textfield;}


#lamp_list .lamp-select:has(option[data-type="accent"]:checked) ~ div>div:not([data-purpose="accent"]) {display: none;}
#lamp_list .lamp-select:has(option[data-type="local"]:checked) ~ div>div:not([data-purpose="local"]) {display: none;}
#lamp_list .lamp-select:has(option[data-type="general"]:checked) ~ div>div:not([data-purpose="general"]) {display: none;}
#lamp_list .lamp-select:has(option[data-type="decorative"]:checked) ~ div>div:not([data-purpose="decorative"]) {display: none;}

.option_block > div:has(input[type="radio"]){display: flex; gap: 20px;}
.option_block label{font: 400 14px/34px "Arial"; color: #444444; display: flex; align-items: center;margin: 0;cursor: pointer;}
.option_block label:not(.not-allowed):hover{color: #365EDC;}
.option_block input[type="radio"]{display: none;}
.option_block label::before{display: inline-block;content: "";width: 20px;aspect-ratio: 1 / 1;border:1px solid #E5E5E5; border-radius: 20px;background: #F8F8F8;margin-right: 8px;}
.option_block input[type="radio"]:checked + label::before{border:6px solid #365EDC;background: white;}

#content {margin-bottom: 40px;}
#content >#form {display: flex;flex-direction: column;gap: 32px;}

.option_block{display: flex;flex-direction: column;gap: 16px;color: #333333;}
.option_block .field_name{font: 700 20px/26px "Roboto", Arial, sans-serif;;}
.option_block select{max-width: 420px;width: initial;}

.option_block label.not-allowed{cursor: not-allowed;opacity: 0.7;}

.option_block .sizes{display: flex;gap: 12px;flex-wrap: wrap;}
.option_block .sizes input{max-width: 158px;font: 400 14px / 34px "Arial";padding: 7px 20px;border: 1px solid #E5E5E5; border-radius: 4px;background: #F8F8F8;}

.option_block #add_lamp{min-height: 390px;border-radius: 4px;border: 1px solid #E5E5E5;background: #F8F8F8;cursor: pointer;display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 20px;order: 1;}

.option_block #add_lamp .cross {position: relative;width: 48px;height: 48px;}
.option_block #add_lamp .cross::before,.option_block #add_lamp .cross::after {content: "";position: absolute;background: #365EDC; transition: .3s;}
.option_block #add_lamp .cross::before {width: 48px;height: 2px;top: 50%;left: 0;transform: translateY(-50%);}
.option_block #add_lamp .cross::after {width: 2px;height: 48px;left: 50%;top: 0;transform: translateX(-50%);}
.option_block #add_lamp .button_text {font: 700 15px / 20px "Arial";color: #365EDC; transition: .3s; text-align: center;}
.option_block #add_lamp:hover .cross::before,.option_block #add_lamp:hover .cross::after {background: #FF56A6;}
.option_block #add_lamp:hover .button_text {color: #FF56A6;}
.option_block #add_lamp {transition: .3s;}
.option_block #add_lamp:hover {box-shadow: 0 5px 20px rgba(0, 0, 0, .1);}

.lamp_block{display: flex; flex-wrap: wrap;}
.lamp_block .chosen, #lamp_list > div{display: flex;flex-wrap: wrap;gap: 12px; width: 100%;}
.lamp_block .chosen > div {width: calc(100%/6 - 12px*5/6); display: flex; flex-direction: column; padding: 24px;border: 1px solid #E5E5E5; border-radius: 4px;gap: 12px; transition: .3s}
.lamp_block .chosen > div:hover {box-shadow: 0 5px 20px rgba(0, 0, 0, .1); }
#lamp_list >div > div{width: calc(100%/4 - 12px*3/4); display: flex; flex-direction: column; padding: 24px;border: 1px solid #E5E5E5; border-radius: 4px;gap: 12px; transition: ease .3s; cursor: pointer;}
#lamp_list >div > div:hover{box-shadow: 0 5px 20px rgba(0, 0, 0, .1);}
.lamp_block .chosen > div .image_block, #lamp_list >div > div .image_block{aspect-ratio: 1 / 1; display: flex;}
.lamp_block .chosen > div .image_block img, #lamp_list >div > div .image_block img{width: 100%;border-radius: 2px; object-fit: contain;}
.lamp_block .chosen > div .remove_lamp{cursor: pointer; position: absolute; top: 8px; right: 8px; border-radius: 2px; background: white; width: 32px; aspect-ratio: 1/1; display: flex; justify-content: center; align-items: center;}
.lamp_block .chosen > div .remove_lamp > img{opacity: .5; transition: .5s;}
.lamp_block .chosen > div .remove_lamp:hover > img{opacity: 1;}
.lamp_block .chosen > div .lamp-info{flex-grow: 1;margin-top: 4px;}
.lamp_block .chosen > div p, #lamp_list p{margin: 0;font: 700 14px/18px "Roboto", Arial, sans-serif;}
.lamp_block .chosen > div > p, #lamp_list >div >div >p{color: #365EDC;}

.quantity {display: flex;border:1px solid #B9C7F3;border-radius: 4px;width: fit-content;}
.quantity .btn_plus, .quantity .btn_minus, .quantity input{width: 40px;aspect-ratio: 1/1;cursor: pointer;display: flex;}
.quantity .btn_plus, .quantity .btn_plus{transition: .3s;}
.quantity .btn_plus svg, .quantity .btn_minus svg{stroke: #365EDC;stroke-width: 2;transition: .3s; margin: 10px;}
.quantity .btn_plus:hover svg, .quantity .btn_minus:hover svg{stroke: white;}
.quantity .btn_plus:hover, .quantity .btn_minus:hover{background: #365EDC;}
.quantity input{text-align: center; font: 700 17px/24px "Arial"; color: #365EDC;border: 0;}


#content:has(#lamp_list)::before {content: "";width: 100%;height: 100%;position: fixed;background: rgba(0, 0, 0, 0.7);top: 0;left: 0;z-index: 2000;}
#lamp_list{padding: 32px;max-width: 1116px; width: calc(100% - 64px);height: calc(100% - 64px);display: flex;flex-direction: column;gap: 32px;border: 0;border-radius: 4px;}
#lamp_list > div{display: flex; flex-wrap: wrap;}
#lamp_list .not_products{display: none;margin-top: -32px;}

#pdf{font-size: 14px;font-weight: 700;background-color: #365EDC;color: #fff;margin: 8px 0 0 0;border-radius: 4px;padding: 17px 26px;text-decoration: none;line-height: 14px;transform: translate3d(0, 0, 0);width: fit-content;cursor: pointer;}
#pdf:hover{background-color: #5273E0;background: #5273E0;transform: translate3d(0,0,0);}

@media(max-width: 1475px){
    .lamp_block .chosen > div {width: calc(100%/5 - 12px*4/5);}
}
@media (max-width: 1227px){
    .lamp_block .chosen > div {width: calc(100%/4 - 12px*3/4);}
}
@media (max-width: 979px){
    .lamp_block .chosen > div {width: calc(100%/3 - 12px*2/3);}
    #lamp_list >div > div{width: calc(100%/3 - 12px*2/3);}
}
@media (max-width: 731px)
{
    .lamp_block .chosen > div {width: calc(100%/2 - 12px*1/2);}
    #lamp_list >div > div{width: calc(100%/2 - 12px*1/2);}
}
@media (max-width:483px)
{
    .lamp_block .chosen > div {width: 100%}
    #lamp_list >div > div{width: 100%;}
}
/* End */


/* Start:/bitrix/templates/crystallux/components/bitrix/breadcrumb/my_breadcrumbs/style.min.css?1713520553467*/
.bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0}
/* End */
/* /local/components/crystallux/calculator.track_system/templates/.default/style.css?17562944706570 */
/* /bitrix/templates/crystallux/components/bitrix/breadcrumb/my_breadcrumbs/style.min.css?1713520553467 */