/* Всплывающая форма начата */
.absCenter { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; text-align: center; flex-direction: column}

.d--close,.d--Inner a,.d--but, .d--show, .ani--box
{-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s}

.d--dialog{display: none;background-color: rgba(78,78,78,.3);position: fixed;top:0;left:0;width:100%;height:100%;z-index: 1100;}
.d--dialog * {box-sizing: border-box;}
.d--inner {background-color: #fff;padding:50px;position: relative;min-width: 320px;max-width: 490px;max-height:95vh;-webkit-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);text-align: center;border-radius: 20px;width: 100%}
.d--inner h2{font-family: 'Roboto',Verdana,sans-serif;font-size: 24px; font-weight: 600;line-height: 32px;margin-bottom:14px;text-align: left}
.d--inner > div{display: none}
.d--inner > div.d--close{display: flex}
.d--inner > .d--active{display: block}
.d--inner > .do--locations.d--active{display: flex;flex-direction: column;height: 100%;}

.d--close{position: absolute;right: 15px;top:15px;width: 36px;height:36px;cursor:pointer;display: flex;align-items: center;justify-content: center;border-radius: 50%;background-color: rgba(90,92,104,.05)}
.d--close svg{fill:#9CA0A9;stroke:#9CA0A9;width: 12px;height: 12px;transition: .4s}
.d--close:hover svg{fill:var(--a);stroke:var(--a);}

.d--title{font-size: 32px;font-weight: 500;color:var(--a);width: 100%;margin: 0 auto;padding-bottom: 10px;}
.d--title .colored{color:var(--main)}
.d--text{font-size: 16px;font-weight: 400;color:var(--a);line-height: 20px;margin-top: 22px;}

.d--inner .d--input{width: 100%;height: 52px;border-radius: 12px;border: 1px solid #E8EBF1;padding: 0 20px;background-color: #fff;background-image: none;margin: 0;display: inline-block;outline: 0;color:#000;font-size: 1rem;line-height: 52px;transition: .4s}
.d--inner .d--input:hover{border-color:#adadad}
.d--inner textarea.d--input{min-height: 90px;margin-top: 16px;max-width: 100%;max-height: 250px;min-width: 100%}

.d--double {display: flex;gap:8px;}
.d--double .d--row{width: 50%}

/* Нашли дешевле     */
div.d--LINK {width: 100%}
.d--inner.d--wide {max-width: 920px;width: 100%}
.d--product {display: flex;gap:var(--gap);margin-top: 20px;}
.d--product-category {margin-bottom: 12px;color:#9CA0A9;font-size: 16px;line-height: 20px;}
.d--product-name {margin-bottom: 12px;color:var(--text);font-size: 18px;line-height: 24px;}
.d--text {font-size: 16px;line-height: 22px;color:var(--a);text-align: left}
.d--product-image {width: 140px;}
.d--product-image img{width: 100%;max-height: 140px;object-fit: contain;}
.d--product-box {flex-grow: 1;text-align: left;}

/* active state */
.d--input input:focus ~ .d--bar:before,
.d--input input:focus ~ .d--bar:after {
    width: 50%;
}

.d--submit {margin-top: 10px;}

.d--but {outline: 0;display: inline-block;padding: 0 27px;text-shadow: none;text-decoration: none;background-color: var(--main);color: #fff;min-width: 110px;height: var(--height);line-height: var(--height);border-radius: 6px;font-size: 13px;cursor: pointer;border:1px solid var(--main);width: 100%;user-select: none}
.d--but:not([disabled]):hover {background-color: #ffffff;color: var(--main);}
.d--but[disabled] {opacity: .5}

.d--policy {width: 100%;margin: 0 auto;margin-top: 30px;font-size: 12px;line-height: 16px;color:var(--text)}
.d--policy a{text-decoration: none;border-bottom:1px dashed #a2a2a2}
.d--policy a:hover{text-decoration: none;border-bottom:1px dashed transparent}

.d--bar {position: relative;display: block;width: 80%;margin: 0 auto;}
.d--bar:before, .d--bar:after {content: "";height: 2px;width: 0;bottom: 0;position: absolute;background: #000;transition: 0.2s ease all;-moz-transition: 0.2s ease all;-webkit-transition: 0.2s ease all;}
.d--bar:before {left: 50%;}
.d--bar:after {right: 50%;}

.d--row {margin-bottom: 10px}

.d--row.f--error .d--bar:before,.d--row.f--error .d--bar:after{background-color: #ff0000}
.d--row.f--error .d--input{border-bottom: 1px solid #ff0000}

.d--additional {margin-top: 10px;font-size: 12px;text-align: right}
.d--additional div {border-bottom: 1px dotted #333;display: inline-block;cursor: pointer}

.d--hire .input-row:nth-child(4){display: none}

.d--row.d--error .d--bar:before,.d--row.d--error .d--bar:after{background-color: #ff0000}
.d--row.d--error .d--input{border-bottom: 1px solid #ff0000}

.d--show {cursor:pointer}
.d--show:hover {border-color: transparent}

.f--MAIL {display: none}

.d--inf {border: 1px dotted var(--main);width: 16px;height:16px;display: inline-flex;align-items: center;justify-content: center;color:var(--main);border-radius: 50%;margin-right: 5px}
.d--MAIL {display: none}

.d--form:not(.do--locations) {overflow-y: auto;overflow-x: hidden;max-height: 100%;padding-bottom: 3px;padding-right: 10px}
.d--form form {margin-top: 16px;}

.d--additional-text {font-weight: 400;font-size: 16px;line-height: 130%;color:var(--a);border: none}
.d--sublinks .d--sub-reg {font-weight: 400;font-size: 16px;line-height: 130%;color:var(--main);border-bottom:1px solid var(--main);display: inline-block;margin-top: 10px;transition: .4s;cursor: pointer}
.d--sublinks .d--sub-reg:hover {border-bottom:1px solid transparent;}
.d--sublinks {margin: 12px 0 12px 0}

@media all and (max-width: 1024px) {
    .d--inner.d--wide{max-width: 95%}
    .d--product-category {font-size: 12px;line-height: 15px;}
    .d--product-name {font-size: 14px;line-height: 18px;}
    .d--text {font-size: 14px;line-height: 20px;}
}

@media all and (max-width: 768px) {
    .d--inner {padding: 50px 40px 50px 40px}
    .d--title{font-size: 28px;line-height: 34px;}
    .d--text{font-size: 14px;}
    .d--submit {font-size: 14px;}
    .d--inner.d--wide {padding: 20px}
}

@media all and (max-width: 545px) {
    .d--inner {min-width: 320px;max-width: 95%;padding: 40px 20px 40px 20px;}
    .d--title{font-size: 24px;line-height: 28px;}
    .d--text{font-size: 12px;}
    .d--double {flex-wrap: wrap;gap:0}
    .d--double .d--row {width: 100%}
    .d--product-image {width:50px}
}
/* Всплывающая форма окончена */

/* Выбор города */
.d--location-box {display: none}

.d--inner .bx-sls .bx-ui-sls-pane{max-height: 300px;border-radius: 12px;
    top: calc(var(--height) + 3px);
    border: none;}
.d--inner .bx-sls .bx-ui-sls-fake, .d--inner .bx-sls .bx-ui-sls-route{height: var(--height);}
.d--inner .bx-sls .dropdown-item-text span{font-weight: 600;}
.d--inner .bx-sls .bx-ui-sls-variant:hover span,
.d--inner .bx-sls .bx-ui-sls-variant-active span
{color:var(--main)}
.d--inner .bx-sls .bx-ui-sls-variant-active{background-color: transparent}
.d--inner .bx-sls .bx-ui-sls-variants{padding:16px;}
.d--inner .bx-sls .bx-ui-sls-variants .bx-ui-sls-variant{text-align: left;font-size: 16px;line-height: 20px;min-height: 35px;display: flex;align-items: center}
.d--inner .bx-sls .bx-ui-sls-variants .bx-ui-sls-variant:hover{color: var(--main);}
.d--inner .bx-sls .bx-ui-sls-variant-active {color:var(--main)}
.d--inner .location-block-wrapper .bx-sls .dropdown-icon{top:13px;}

.citiesQuick {display: flex;flex-wrap: wrap;}
.citiesQuick > div{flex-grow: 1;width: 33%;}

.d--inner .bx-sls .bx-ui-sls-container{min-height: var(--height)}
.d--inner .bx-sls .dropdown-block{border-radius: 12px;border:1px solid #39414DCC;padding: 0 var(--height) 0 40px;}
.d--inner .bx-sls .bx-ui-sls-fake, .d--inner .bx-sls .bx-ui-sls-route{min-height: var(--height)}
.d--inner .bx-sls .dropdown-icon{background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M15.7067 14.2968L12.6099 11.1987C14.9271 8.10222 14.2953 3.71356 11.1987 1.39641C8.10222 -0.920736 3.71356 -0.288925 1.39641 2.80759C-0.920736 5.90411 -0.288925 10.2928 2.80759 12.6099C5.29497 14.4712 8.71133 14.4712 11.1987 12.6099L14.2968 15.708C14.6861 16.0973 15.3174 16.0973 15.7067 15.708C16.096 15.3187 16.096 14.6874 15.7067 14.2982L15.7067 14.2968ZM7.02898 12.012C4.27695 12.012 2.04601 9.78102 2.04601 7.02898C2.04601 4.27695 4.27695 2.046 7.02898 2.046C9.78102 2.046 12.012 4.27695 12.012 7.02898C12.009 9.77977 9.77981 12.009 7.02898 12.012Z' fill='%2339414D'/%3e%3c/svg%3e ");width: 16px;height: 16px;top:16px}
.d--inner .bx-sls .dropdown-fade2white{top: 0;height: var(--height);border-radius: 12px}
.d--inner .bx-sls .dropdown-item-text{font-size: 16px;line-height: 24px;font-weight: 400;color: var(--a)}
.d--inner .bx-sls .dropdown-item-text:hover{color: var(--main)}
.d--inner .bx-sls .bx-ui-sls-variants .bx-ui-sls-variant:hover, .d--inner .bx-sls .bx-ui-sls-variant-active{background-color: transparent}
.d--inner .bx-sls .bx-ui-sls-variants .bx-ui-sls-variant{margin-bottom: 8px}
.d--inner .bx-sls .bx-ui-sls-variants .bx-ui-sls-variant:last-child{margin-bottom: 0}
.d--inner .bx-sls .bx-ui-sls-variants .bx-ui-sls-variant, .d--inner .bx-sls .bx-ui-sls-error{padding: 0}
.d--inner .bx-sls .dropdown-item{margin: 0}
.d--inner .bx-ui-sls-error > div{display: none}
.d--inner .bx-sls .bx-ui-sls-clear{width: var(--height);height: var(--height);background-repeat: no-repeat;background-position: center center;background-size: 16px;cursor: pointer;background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.09539 8.00653L13.7731 3.32871C14.0775 3.02444 14.0775 2.53245 13.7731 2.22821C13.4688 1.92393 12.9769 1.92393 12.6726 2.22821L7.99477 6.90598L3.31711 2.22821C3.01268 1.92393 2.52088 1.92393 2.2166 2.22821C1.91218 2.53249 1.91218 3.02444 2.2166 3.32871L6.89423 8.00653L2.21664 12.6843C1.91221 12.9886 1.91221 13.4806 2.21664 13.7848C2.28881 13.8572 2.37458 13.9146 2.46901 13.9537C2.56344 13.9929 2.66467 14.0129 2.76689 14.0128C2.96609 14.0128 3.16537 13.9366 3.31714 13.7848L7.99477 9.10703L12.6726 13.7848C12.7448 13.8572 12.8306 13.9146 12.925 13.9537C13.0194 13.9928 13.1207 14.0129 13.2229 14.0128C13.4221 14.0128 13.6214 13.9366 13.7731 13.7848C14.0775 13.4805 14.0775 12.9886 13.7731 12.6843L9.09539 8.00653Z' fill='%2339414D'/%3e%3c/svg%3e ");}

.d--locations {text-align: left;}

.location--head {display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px;width: 100%}
.location--head h4 {font-weight: 500;font-size: 32px;line-height: 38px;}
.location--choosed span{font-size: 16px;line-height: 20px;}
.location--choosed svg *{fill:var(--main)}

.location--hint {display: flex;align-items: flex-start;gap:10px;padding-top: 15px;text-align: left}
.location--hint svg *{fill:#9CA0A9}

.location--box {display: flex;align-items: center;margin-bottom: 20px;gap:40px;width: 100%}
.location--box > div{width: 50%}
.location--cities {text-align: left;display: flex;--gap: 40px;--columns: 3;column-gap: var(--gap);row-gap:0;flex-wrap: wrap;overflow-y: auto;height: 100%;}
.location--letter {font-size: 20px;line-height: 24px;color:var(--a);padding-bottom: 8px;margin-bottom: 20px;border-bottom:1px dotted var(--inp-border)}
.location--column {margin-bottom: 40px;display: inline-block;width: calc((100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns)));}
.location--cities-box {height: auto;overflow: hidden;flex: 1;}
.location--city {font-size: 14px;line-height: 17px;color:var(--a);margin-bottom: 8px;transition: .4s;cursor: pointer;display: flex;align-items: center;gap:10px}
.location--city svg{fill:#9CA0A9}
.location--city:hover,
.location--city.--active
{color:var(--main);}
.location--column .location--city:last-child {margin-bottom:0;}

.d--buy-btns {display: flex;align-items: center;gap:40px;justify-content: space-between;margin-top: 40px;}
.d--buy-btns .btn--gray,
.d--buy-btns .btn--fill
{max-width: 240px}

.do--auth .--sended div.d--PHONE,
.do--reg .--sended div.d--PHONE,
.do--reg .--sended div.d--EMAIL
{display: none}
.do--auth form:not(.--sended) div.d--SMS,
.do--reg form:not(.--sended) div.d--SMS
{display: none}
.do--auth form:not(.--sended) .d--row-send-info,
.do--auth form:not(.--sended) .d--auth-timer,
.do--reg form:not(.--sended) .d--row-send-info,
.do--reg form:not(.--sended) .d--auth-timer
{display: none}
.do--auth form.--sended .d--additional-text,
.do--auth form.--sended .d--sub-reg,
.do--reg form.--sended .d--additional-text,
.do--reg form.--sended .d--sub-reg
{display: none}

.d--row-send-info {margin-bottom: 22px;text-align: left;}
.d--row-send-info p {font-weight: 400;font-size: 16px;line-height: 130%;}
.d--auth-phone {margin: 8px 0;font-weight: 600;font-size: 16px;line-height: 130%;}
.js--auth-phone {font-weight: 400;font-size: 16px;line-height: 122%;margin-top: 10px;cursor: pointer;border-bottom: 1px solid var(--a);transition: border-bottom-color .4s;display: inline-block}
.js--auth-phone:hover {border-color:transparent}
.d--auth-timer{font-weight: 400;font-size: 16px;line-height: 130%;color: #9CA0A9;margin-top: 12px;margin-bottom: 12px;}
.d--auth-phone-new {font-weight: 400;font-size: 16px;line-height: 130%;color:var(--main);border-bottom:1px solid var(--main);transition: border-bottom-color .4s;display: inline-block;margin: 0 auto;margin-top: 12px;margin-bottom: 12px;cursor: pointer}
.d--auth-phone-new:hover {border-color: transparent}

.d--personal {padding-left: 5px}
.--sended .d--personal {display: none}

/* Голосование в форме */
.rate--box {display: flex;align-items: center;}
.rate--box:after {content: '';clear: both}
.rating-area {overflow: hidden;width: auto;float: left}
.rating-area:not(:checked) > input {display: none;}
.rating-area:not(:checked) > label {float: right;width: 28px;padding: 0;cursor: pointer;font-size: 24px;line-height: 24px;color: lightgrey;}
.rating-area > label:before {transition: .4s}
.rating-area:not(:checked) > label:before {content: '★';}
.rating-area > input:checked ~ label {color: var(--main);}
.rating-area:not(:checked) > label:hover,
.rating-area:not(:checked) > label:hover ~ label {color: var(--main);}
.rating-area > input:checked + label:hover,
.rating-area > input:checked + label:hover ~ label,
.rating-area > input:checked ~ label:hover,
.rating-area > input:checked ~ label:hover ~ label,
.rating-area > label:hover ~ input:checked ~ label {color: var(--main);}
.rate-area > label:active {position: relative;}
.d--RATE {padding-top: 5px}

/* Загрузка изображений */
.review--popup-box {display: flex;gap:10px;justify-content: space-between;align-items: center;}
.review--label {font-size: 14px;color: #777;white-space: nowrap;}

#gallery {width: 100%;display: flex;gap:10px;flex-wrap: wrap;max-height: 90px;overflow-y: auto}
.review--popup-img {padding: 4px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);width: calc(33.33333% - 7px)}
#gallery img {object-fit: cover;object-position: center;width: 100%;height: 100%;}

.input__wrapper {width: 100%;position: relative;margin: 5px 0;display: flex;justify-content: flex-end;}
.input__file {opacity: 0;visibility: hidden;position: absolute;display: none;}
.input__file-icon-wrapper {height: 40px;width: 40px;margin-right: 15px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;border-right: 1px solid #fff;}
.input__file-button{width: 100%;max-width: 290px;height: 40px;background: var(--main);color: #fff;font-size: 16px;font-weight: 700;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;cursor: pointer;transition: background .4s;border-radius: 6px;}
.input__file-button:hover {background: var(--main-hover);}

.d--row.d--PHOTO {margin-bottom: 0}

.input__file-error {font-size: 12px;color:#ff0000;}
.input__file-error.--show{margin-bottom: 10px}

#gallery::-webkit-scrollbar {width: 8px;height: 8px;background-color: transparent;}
#gallery::-webkit-scrollbar-thumb {background-color: var(--main);border-radius: 0;box-shadow: none;}
#gallery::-webkit-scrollbar-thumb:hover {background-color: var(--main);}

.js--pod-zakaz {width:100%;max-width:100% !important;}

.do--podzakaz .d--product-name {font-size:14px;}

@media all and (max-width: 1152px) {
    .location--head h4 {font-size: 28px;line-height: 34px;}
    .location--hint {font-size: 14px;line-height: 18px;}
}

@media all and (max-width: 768px) {
    .location--hint {font-size: 12px;line-height: 16px;}
    .location--head .header--loc {display: flex;margin-right: 50px;}
    .location--head h4 {font-size: 18px;line-height: 22px;}
    .d--inner .bx-sls .bx-ui-sls-clear {margin-top: 0}
    .d--inner .bx-sls .dropdown-icon {top:14px}
    .location--letter {font-size: 16px;line-height: 20px;}
    .location--city {font-size: 12px;line-height: 15px;}
}

@media all and (max-width: 700px) {
    .location--cities {--columns:2}
    .location--box {gap:20px;flex-wrap: wrap}
    .location--box > div {width: 100%}
}

@media all and (max-width: 500px) {
    .location--cities {--columns:1}
    .location--head {flex-wrap: wrap;gap:12px}
    .review--popup-box {flex-wrap: wrap;justify-content: flex-start;}
    .input__wrapper {justify-content: flex-start;}
    .input__file-button {max-width: 100%}
}