/* Start:/local/templates/prymery/assets/css/bootstrap-grid.min.css?175629731750884*/
/*!
 * Bootstrap Grid v4.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */html{box-sizing:border-box;-ms-overflow-style:scrollbar}*,::after,::before{box-sizing:inherit}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-sm-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-sm-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-sm-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-md-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-md-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-md-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-md-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-md-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-md-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-lg-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-lg-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-lg-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-xl-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-xl-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-xl-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-n1{margin:-.25rem!important}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}.m-sm-n3{margin:-1rem!important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}.m-sm-n4{margin:-1.5rem!important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}.m-sm-n5{margin:-3rem!important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-n1{margin:-.25rem!important}.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}.m-md-n2{margin:-.5rem!important}.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}.m-md-n3{margin:-1rem!important}.mt-md-n3,.my-md-n3{margin-top:-1rem!important}.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}.m-md-n4{margin:-1.5rem!important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}.m-md-n5{margin:-3rem!important}.mt-md-n5,.my-md-n5{margin-top:-3rem!important}.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}.ml-md-n5,.mx-md-n5{margin-left:-3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-n1{margin:-.25rem!important}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}.m-lg-n3{margin:-1rem!important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}.m-lg-n4{margin:-1.5rem!important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}.m-lg-n5{margin:-3rem!important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-n1{margin:-.25rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}.m-xl-n3{margin:-1rem!important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}.m-xl-n5{margin:-3rem!important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}
/* End */


/* Start:/local/templates/prymery/assets/css/swiper.min.css?17562973175576*/
/**
 * Swiper 7.2.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 27, 2021
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}
/* End */


/* Start:/local/templates/prymery/assets/css/fonts.css?17591361102847*/
@font-face {
	font-family: 'SFProDisplay';
	src: url('/local/templates/prymery/assets/css/../fonts/SFProDisplay-Ultralight.eot');
	src: url('/local/templates/prymery/assets/css/../fonts/SFProDisplay-Ultralight.eot?#iefix') format('embedded-opentype'),
		 url('/local/templates/prymery/assets/css/../fonts/SFProDisplay-Ultralight.woff') format('woff'),
		 url('/local/templates/prymery/assets/css/../fonts/SFProDisplay-Ultralight.ttf') format('truetype');
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'SFProDisplay';
	src: url('/local/templates/prymery/assets/css/../fonts/SFProDisplay-Light.eot');
	src: url('/local/templates/prymery/assets/css/../fonts/SFProDisplay-Light.eot?#iefix') format('embedded-opentype'),
		 url('/local/templates/prymery/assets/css/../fonts/SFProDisplay-Light.woff') format('woff'),
		 url('/local/templates/prymery/assets/css/../fonts/SFProDisplay-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'SFProDisplay';
	src: url('/local/templates/prymery/assets/css/../fonts/SFProDisplay-Regular.eot');
	src: url('/local/templates/prymery/assets/css/../fonts/SFProDisplay-Regular.eot?#iefix') format('embedded-opentype'),
		 url('/local/templates/prymery/assets/css/../fonts/SFProDisplay-Regular.woff') format('woff'),
		 url('/local/templates/prymery/assets/css/../fonts/SFProDisplay-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'SFProDisplay';
	src: url('/local/templates/prymery/assets/css/../fonts/SFProDisplay-Medium.eot');
	src: url('/local/templates/prymery/assets/css/../fonts/SFProDisplay-Medium.eot?#iefix') format('embedded-opentype'),
		 url('/local/templates/prymery/assets/css/../fonts/SFProDisplay-Medium.woff') format('woff'),
		 url('/local/templates/prymery/assets/css/../fonts/SFProDisplay-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'SFProDisplay';
	src: url('/local/templates/prymery/assets/css/../fonts/SFProDisplay-SemiBold.eot');
	src: url('/local/templates/prymery/assets/css/../fonts/SFProDisplay-SemiBold.eot?#iefix') format('embedded-opentype'),
		 url('/local/templates/prymery/assets/css/../fonts/SFProDisplay-SemiBold.woff') format('woff'),
		 url('/local/templates/prymery/assets/css/../fonts/SFProDisplay-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'SFProDisplay';
	src: url('/local/templates/prymery/assets/css/../fonts/SFProDisplay-Bold.eot');
	src: url('/local/templates/prymery/assets/css/../fonts/SFProDisplay-Bold.eot?#iefix') format('embedded-opentype'),
		 url('/local/templates/prymery/assets/css/../fonts/SFProDisplay-Bold.woff') format('woff'),
		 url('/local/templates/prymery/assets/css/../fonts/SFProDisplay-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Alice';
	src: url('/local/templates/prymery/assets/css/../fonts/Alice-Regular.eot');
	src: url('/local/templates/prymery/assets/css/../fonts/Alice-Regular.eot?#iefix') format('embedded-opentype'),
		 url('/local/templates/prymery/assets/css/../fonts/Alice-Regular.woff') format('woff'),
		 url('/local/templates/prymery/assets/css/../fonts/Alice-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'SpectralSC';
	src: url('/local/templates/prymery/assets/css/../fonts/SpectralSC-SemiBold.eot');
	src: url('/local/templates/prymery/assets/css/../fonts/SpectralSC-SemiBold.eot?#iefix') format('embedded-opentype'),
		 url('/local/templates/prymery/assets/css/../fonts/SpectralSC-SemiBold.woff') format('woff'),
		 url('/local/templates/prymery/assets/css/../fonts/SpectralSC-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
/* End */


/* Start:/local/templates/prymery/assets/css/ion.rangeSlider.min.css?175629731711084*/
/*!Ion.RangeSlider, 2.3.1, © Denis Ineshin, 2010 - 2019, IonDen.com, Build date: 2019-12-19 16:51:02*/.irs{position:relative;display:block;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:12px;font-family:Arial,sans-serif}.irs-line{position:relative;display:block;overflow:hidden;outline:none !important}.irs-bar{position:absolute;display:block;left:0;width:0}.irs-shadow{position:absolute;display:none;left:0;width:0}.irs-handle{position:absolute;display:block;box-sizing:border-box;cursor:default;z-index:1}.irs-handle.type_last{z-index:2}.irs-min,.irs-max{position:absolute;display:block;cursor:default}.irs-min{left:0}.irs-max{right:0}.irs-from,.irs-to,.irs-single{position:absolute;display:block;top:0;left:0;cursor:default;white-space:nowrap}.irs-grid{position:absolute;display:none;bottom:0;left:0;width:100%;height:20px}.irs-with-grid .irs-grid{display:block}.irs-grid-pol{position:absolute;top:0;left:0;width:1px;height:8px;background:#000}.irs-grid-pol.small{height:4px}.irs-grid-text{position:absolute;bottom:0;left:0;white-space:nowrap;text-align:center;font-size:9px;line-height:9px;padding:0 3px;color:#000}.irs-disable-mask{position:absolute;display:block;top:0;left:-1%;width:102%;height:100%;cursor:default;background:rgba(0,0,0,0);z-index:2}.lt-ie9 .irs-disable-mask{background:#000;filter:alpha(opacity=0);cursor:not-allowed}.irs-disabled{opacity:.4}.irs-hidden-input{position:absolute !important;display:block !important;top:0 !important;left:0 !important;width:0 !important;height:0 !important;font-size:0 !important;line-height:0 !important;padding:0 !important;margin:0 !important;overflow:hidden;outline:none !important;z-index:-9999 !important;background:none !important;border-style:solid !important;border-color:transparent !important}.irs--flat{height:40px}.irs--flat.irs-with-grid{height:60px}.irs--flat .irs-line{top:25px;height:12px;background-color:#e1e4e9;border-radius:4px}.irs--flat .irs-bar{top:25px;height:12px;background-color:#ed5565}.irs--flat .irs-bar--single{border-radius:4px 0 0 4px}.irs--flat .irs-shadow{height:1px;bottom:16px;background-color:#e1e4e9}.irs--flat .irs-handle{top:22px;width:16px;height:18px;background-color:transparent}.irs--flat .irs-handle>i:first-child{position:absolute;display:block;top:0;left:50%;width:2px;height:100%;margin-left:-1px;background-color:#da4453}.irs--flat .irs-handle.state_hover>i:first-child,.irs--flat .irs-handle:hover>i:first-child{background-color:#a43540}.irs--flat .irs-min,.irs--flat .irs-max{top:0;padding:1px 3px;color:#999;font-size:10px;line-height:1.333;text-shadow:none;background-color:#e1e4e9;border-radius:4px}.irs--flat .irs-from,.irs--flat .irs-to,.irs--flat .irs-single{color:white;font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;background-color:#ed5565;border-radius:4px}.irs--flat .irs-from:before,.irs--flat .irs-to:before,.irs--flat .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#ed5565}.irs--flat .irs-grid-pol{background-color:#e1e4e9}.irs--flat .irs-grid-text{color:#999}.irs--big{height:55px}.irs--big.irs-with-grid{height:70px}.irs--big .irs-line{top:33px;height:12px;background-color:white;background:linear-gradient(to bottom, #ddd -50%, white 150%);border:1px solid #ccc;border-radius:12px}.irs--big .irs-bar{top:33px;height:12px;background-color:#92bce0;border:1px solid #428bca;background:linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);box-shadow:inset 0 0 1px 1px rgba(255,255,255,0.5)}.irs--big .irs-bar--single{border-radius:12px 0 0 12px}.irs--big .irs-shadow{height:1px;bottom:16px;background-color:rgba(66,139,202,0.5)}.irs--big .irs-handle{top:25px;width:30px;height:30px;border:1px solid rgba(0,0,0,0.3);background-color:#cbcfd5;background:linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%);box-shadow:1px 1px 2px rgba(0,0,0,0.2),inset 0 0 3px 1px white;border-radius:30px}.irs--big .irs-handle.state_hover,.irs--big .irs-handle:hover{border-color:rgba(0,0,0,0.45);background-color:#939ba7;background:linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%)}.irs--big .irs-min,.irs--big .irs-max{top:0;padding:1px 5px;color:white;text-shadow:none;background-color:#9f9f9f;border-radius:3px}.irs--big .irs-from,.irs--big .irs-to,.irs--big .irs-single{color:white;text-shadow:none;padding:1px 5px;background-color:#428bca;background:linear-gradient(to bottom, #428bca 0%, #3071a9 100%);border-radius:3px}.irs--big .irs-grid-pol{background-color:#428bca}.irs--big .irs-grid-text{color:#428bca}.irs--modern{height:55px}.irs--modern.irs-with-grid{height:55px}.irs--modern .irs-line{top:25px;height:5px;background-color:#d1d6e0;background:linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);border:1px solid #a3adc1;border-bottom-width:0;border-radius:5px}.irs--modern .irs-bar{top:25px;height:5px;background:#20b426;background:linear-gradient(to bottom, #20b426 0%, #18891d 100%)}.irs--modern .irs-bar--single{border-radius:5px 0 0 5px}.irs--modern .irs-shadow{height:1px;bottom:21px;background-color:rgba(209,214,224,0.5)}.irs--modern .irs-handle{top:37px;width:12px;height:13px;border:1px solid #a3adc1;border-top-width:0;box-shadow:1px 1px 1px rgba(0,0,0,0.1);border-radius:0 0 3px 3px}.irs--modern .irs-handle>i:nth-child(1){position:absolute;display:block;top:-4px;left:1px;width:6px;height:6px;border:1px solid #a3adc1;background:white;transform:rotate(45deg)}.irs--modern .irs-handle>i:nth-child(2){position:absolute;display:block;box-sizing:border-box;top:0;left:0;width:10px;height:12px;background:#e9e6e6;background:linear-gradient(to bottom, white 0%, #e9e6e6 100%);border-radius:0 0 3px 3px}.irs--modern .irs-handle>i:nth-child(3){position:absolute;display:block;box-sizing:border-box;top:3px;left:3px;width:4px;height:5px;border-left:1px solid #a3adc1;border-right:1px solid #a3adc1}.irs--modern .irs-handle.state_hover,.irs--modern .irs-handle:hover{border-color:#7685a2;background:#c3c7cd;background:linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%)}.irs--modern .irs-handle.state_hover>i:nth-child(1),.irs--modern .irs-handle:hover>i:nth-child(1){border-color:#7685a2}.irs--modern .irs-handle.state_hover>i:nth-child(3),.irs--modern .irs-handle:hover>i:nth-child(3){border-color:#48536a}.irs--modern .irs-min,.irs--modern .irs-max{top:0;font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;color:white;background-color:#d1d6e0;border-radius:5px}.irs--modern .irs-from,.irs--modern .irs-to,.irs--modern .irs-single{font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;background-color:#20b426;color:white;border-radius:5px}.irs--modern .irs-from:before,.irs--modern .irs-to:before,.irs--modern .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#20b426}.irs--modern .irs-grid{height:25px}.irs--modern .irs-grid-pol{background-color:#dedede}.irs--modern .irs-grid-text{color:silver;font-size:13px}.irs--sharp{height:50px;font-size:12px;line-height:1}.irs--sharp.irs-with-grid{height:57px}.irs--sharp .irs-line{top:30px;height:2px;background-color:black;border-radius:2px}.irs--sharp .irs-bar{top:30px;height:2px;background-color:#ee22fa}.irs--sharp .irs-bar--single{border-radius:2px 0 0 2px}.irs--sharp .irs-shadow{height:1px;bottom:21px;background-color:rgba(0,0,0,0.5)}.irs--sharp .irs-handle{top:25px;width:10px;height:10px;background-color:#a804b2}.irs--sharp .irs-handle>i:first-child{position:absolute;display:block;top:100%;left:0;width:0;height:0;border:5px solid transparent;border-top-color:#a804b2}.irs--sharp .irs-handle.state_hover,.irs--sharp .irs-handle:hover{background-color:black}.irs--sharp .irs-handle.state_hover>i:first-child,.irs--sharp .irs-handle:hover>i:first-child{border-top-color:black}.irs--sharp .irs-min,.irs--sharp .irs-max{color:white;font-size:14px;line-height:1;top:0;padding:3px 4px;opacity:.4;background-color:#a804b2;border-radius:2px}.irs--sharp .irs-from,.irs--sharp .irs-to,.irs--sharp .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 4px;background-color:#a804b2;color:white;border-radius:2px}.irs--sharp .irs-from:before,.irs--sharp .irs-to:before,.irs--sharp .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#a804b2}.irs--sharp .irs-grid{height:25px}.irs--sharp .irs-grid-pol{background-color:#dedede}.irs--sharp .irs-grid-text{color:silver;font-size:13px}.irs--round{height:50px}.irs--round.irs-with-grid{height:65px}.irs--round .irs-line{top:36px;height:4px;background-color:#dee4ec;border-radius:4px}.irs--round .irs-bar{top:36px;height:4px;background-color:#006cfa}.irs--round .irs-bar--single{border-radius:4px 0 0 4px}.irs--round .irs-shadow{height:4px;bottom:21px;background-color:rgba(222,228,236,0.5)}.irs--round .irs-handle{top:26px;width:24px;height:24px;border:4px solid #006cfa;background-color:white;border-radius:24px;box-shadow:0 1px 3px rgba(0,0,255,0.3)}.irs--round .irs-handle.state_hover,.irs--round .irs-handle:hover{background-color:#f0f6ff}.irs--round .irs-min,.irs--round .irs-max{color:#333;font-size:14px;line-height:1;top:0;padding:3px 5px;background-color:rgba(0,0,0,0.1);border-radius:4px}.irs--round .irs-from,.irs--round .irs-to,.irs--round .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 5px;background-color:#006cfa;color:white;border-radius:4px}.irs--round .irs-from:before,.irs--round .irs-to:before,.irs--round .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#006cfa}.irs--round .irs-grid{height:25px}.irs--round .irs-grid-pol{background-color:#dedede}.irs--round .irs-grid-text{color:silver;font-size:13px}.irs--square{height:50px}.irs--square.irs-with-grid{height:60px}.irs--square .irs-line{top:31px;height:4px;background-color:#dedede}.irs--square .irs-bar{top:31px;height:4px;background-color:black}.irs--square .irs-shadow{height:2px;bottom:21px;background-color:#dedede}.irs--square .irs-handle{top:25px;width:16px;height:16px;border:3px solid black;background-color:white;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.irs--square .irs-handle.state_hover,.irs--square .irs-handle:hover{background-color:#f0f6ff}.irs--square .irs-min,.irs--square .irs-max{color:#333;font-size:14px;line-height:1;top:0;padding:3px 5px;background-color:rgba(0,0,0,0.1)}.irs--square .irs-from,.irs--square .irs-to,.irs--square .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 5px;background-color:black;color:white}.irs--square .irs-grid{height:25px}.irs--square .irs-grid-pol{background-color:#dedede}.irs--square .irs-grid-text{color:silver;font-size:11px}
/* End */


/* Start:/local/templates/prymery/assets/css/select2.min.css?175629731714966*/
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}

/* End */


/* Start:/local/templates/prymery/assets/css/jquery.fancybox.min.css?175629731712795*/
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/* End */


/* Start:/local/templates/prymery/assets/menu/menu.css?17756277223482*/
/*bottom panel*/
.bottom-panel__container{
    background: linear-gradient(189.87deg, rgba(0, 0, 0, 0) 7.23%, rgba(0, 0, 0, 0.2) 92.51%);
    align-items: center;
    justify-content: center;
    padding: 12px 10px;
    gap: 11px;
    display: flex;
    width: 100%;
}
.bottom-panel {
    display: none;
    position: fixed;
    background: #EEEEEE;
    width: 100%;
    bottom: 0;
    z-index: 99;
}
@media (max-width: 767px) {
    .bottom-panel{
        display: flex;
    }
    .js-header-content{
        display: none!important;
    }
}
a.bottom-panel__item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #7D7D82;
    font-weight: 400;
    font-size: 11px;
    line-height: 12px;
    max-width: 84px;
    width: calc(100%/4);
    position: relative;
}
a.bottom-panel__item img{
    margin-bottom: 6px;
}

.mobile-menu__text {
    font-weight: 400;
    font-size: 13.3px;
    line-height: 19px;
    text-align: center;
    margin-bottom: 16px;
}

.mobile-menu__phone {
    background: #CEB37C;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff!important;
    gap: 5px;
    padding: 9px;
    margin-bottom: 16px;
}

.mobile-menu__head {
    height: 65px;
    display: flex;
    align-items: center;
    background: #000;
    color: #fff;
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    padding: 0 22px;
    justify-content: center;
    font-weight: 400;
    font-size: 22px;
    line-height: 33px;
    z-index: 99;
}

.menu-close {
    top: 12px!important;
    left: 16px;
    width: 24px;
}
.menu-close img{
    display: block;
    min-width: 24px;
}
.mobile-menu.open{
    padding-top: 94px;
}
.mobile-menu__phone span {
    border-bottom: 1px solid;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0.38px;
}
.mobile-menu__list{
    align-items: start!important;
     -webkit-box-align: start!important;
    -ms-flex-align: start!important;
    gap: 0!important;
}
.mobile-menu__list li{
    width: 100%;
}
.mobile-menu__list a{
    -webkit-box-pack: start!important;
    -ms-flex-pack: start!important;
    justify-content: space-between!important;
    text-align: left!important;
    padding: 13px 32px;

    font-weight: 400!important;
    font-size: 13.5px!important;
    line-height: 19px!important;
    text-transform: inherit!important;
}
.mobile-menu__parent{
    border: 1px solid #F2F2F7;
    padding-left: 24px;
    padding-bottom: 24px;
}
.mobile-menu__list ul a{
    padding: 0 32px;
}
.mobile-menu__list ul{
    border-top: none!important;
    padding-top: 0!important;
    padding-bottom: 0!important;
    width: 100% !important;
}
.mobile-menu__list ul li{
    margin-bottom: 15px!important;
}
.bottom-panel__count {
    background: #013C25;
    font-weight: 400;
    font-size: 10px;
    line-height: 10px;
    color: #fff;
    position: absolute;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -1px;
    left: 50%;
    transform: translateX(calc(-50% + 7px));
}
.mobile-menu__list .submenu-parent{
    min-height: auto!important;
}
.menu-close{
    width: 30px;
    height: 30px;
    display: block;
    min-width: 30px;
}
/* End */


/* Start:/local/templates/prymery/assets/css/style_partner.css?1792595925356418*/
:root {
    --font: "SF Pro Display", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, "Helvetica Neue", Arial, sans-serif;
    --rb-gold: #E0A84B;
    --rb-green: #374D33;
    --rb-bg: #F6F6F6;
    --rb-note-bg: #EFF1EF;
    --rb-border: #757575;
    --rb-border-2: #777777;
    --rb-text: #000;
    --rb-muted: #757575;
    --rb-dark: #191919;
    --rb-line: #E0E0E0;
    --card-line: #e0e0e0;
    --white: #ffffff;
    --black: #00000;
    --accent: #e0a84b;
    --accent-dark: #c9902f;
    --line: #777;
    --line-light: #e0e0e0;
    --hint-bg: #eff1ef;
    --black: #000;
    --white: #fff;
    --ink: #191919;
    --text: #3d3d3d;
    --muted: #757575;
    --soft: #f6f6f6;
    --line: #777;
    --line-light: #c9c9c9;
    --topbar: #1d1c22;
    --hint-text: #374d33;
    --accent: #e0a84b;

    --promo-bg: #d8ddd7;
    --order-line: #dbdbdb;
    --current: #a4a4a4;

    --error: #c0392b;
    --success: #374d33;
    --sep: #e9e9e9;
    --card-line: #e0e0e0;
    --row-soft: #fbfbfb;
    --chart-max: 28;
    --chart-plot: 250px;
    --chart-bar: 44px;
    --chart-gutter: 46px;
    --status-pending: #b07a1e;
    --status-rejected: #c0392b;
    --status-blocked: #757575;
    --error-bg: #fcebe9;
    --error: #c0392b;
    --success-bg: #eff1ee;
    --success: #374d33;
    --success2: #374d33;
    --info-bg: #edf3fa;
    --info: #2f5d8c;
    --info2: #2f5d8c;
    --warning-bg: #fbf3e6;
    --warning: #8a6417;
    --error-bg: #fcebe9;
    --error: #c0392b;
    --skeleton-plate: #efefef;
    --skeleton-card: #ededed;
}

.layout {
    display: flex;
    align-items: flex-start;
    gap: 80px;
    margin-bottom: 100px;
}

.content {
    flex: 1 1 auto;
    min-width: 0;
}

.ui-hide-blocks [data-hide="Y"] {
    display: none !important;
}

.hide_page_title .page-header {
    background-color: var(--hint-bg);
    padding-top: 40px;
}

.hide_page_title .page-header .page-title {
    display: none !important;
}

div.empty {
    width: 100% !important;
    height: auto !important;
}

body.rb71 .toast-preview {

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

body.rb71 .toast-region {

    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 50;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 20px;
    pointer-events: none;
}

.toast {
    position: fixed;
    top: 60px;
    right: 40px;
    z-index: 1001;
    display: none;
    width: 440px;
    max-width: calc(100vw - 48px);
    padding: 16px 20px;
    border-radius: 4px;
    background: var(--ink);
    color: var(--white);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.toast.is-visible,
.toast--static {
    display: block;
}

.toast--static {
    box-shadow: none;
}

@media (max-width: 1200px) {
    .layout {
        flex-direction: column;
        gap: 0;
    }

    .content {
        margin-top: 40px;
        width: 100%;
    }
}

.skeleton-table {
    background: var(--white);
    border: 1px solid var(--card-line);
}

.skeleton-table__row {
    display: flex;
    align-items: center;
    gap: 50px;
    height: 50px;
    padding: 0 24px;
}

.skeleton-table__row--head {
    height: 57px;
    border-bottom: 1px solid var(--card-line);
}

.skeleton-table__bar {
    flex: 1 1 0;
    height: 16px;
    background: #ededed;
}

.skeleton-table__row--head .skeleton-table__bar {
    height: 14px;
}

.state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 260px;
    padding: 40px 16px;
    background: var(--white);
    border: 1px solid var(--card-line);
    text-align: center;
}

.state__title {
    margin: 0;
    font-size: 24px;
    font-weight: 400;
    line-height: 29px;
}

.state__hint {
    margin: 9px 0 0;
    color: var(--muted);
    font-size: 14px;
    line-height: 17px;
}

.state .p-btn {
    height: 44px;
    margin-top: 25px;
}

.state--empty .p-btn {
    width: 220px;
}

.state--error .p-btn {
    width: 180px;
}

.p-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 41px;
    padding: 0 20px;
    border: 0;
    border-radius: 0;
    background: var(--ink);
    color: var(--white);
    font: 500 14px/1.2 var(--font);
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

.p-btn__icon {
    display: block;
    flex: none;
}

.p-btn--outline {
    height: 42px;
    padding: 0 16px;
    background: transparent;
    border: 1px solid var(--black);
    color: var(--black);
}


.pagination {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 0 !important;
}

.pagination__pages {
    display: flex;
    align-items: center;
    gap: 16px;
}

.pagination__btn {
    padding: 0;
    background: none;
    border: 0;
    color: var(--black);
    font: 400 14px/18px var(--font);
    cursor: pointer;
}

.pagination__btn:hover {
    color: var(--accent-dark);
}

.pagination__btn.is-active {
    font-weight: 500;
}

.pagination__btn--nav {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    background: var(--white);
    border: 1px solid var(--line-light);
    border-radius: 4px;
}

.pagination__btn--nav:hover {
    border-color: var(--accent-dark);
}

.pagination__btn--nav:disabled {
    cursor: default;
    opacity: 0.4;
}

.pagination__btn--nav:disabled:hover {
    border-color: var(--line-light);
}

.pagination__icon {
    display: block;
    width: 10px;
    height: 10px;
}

.pagination__dots {
    color: var(--black);
    font-size: 14px;
    line-height: 18px;
}

@media (max-width: 640px) {
    .skeleton-table__row {
        gap: 16px;
        padding: 0 16px;
    }

    .state {
        padding: 20px;
    }

    .state__title {
        font-size: 18px;
    }

    .state__action {
        align-self: stretch;
    }

    .pagination {
        gap: 16px;
    }
}


.lk-nav {
    flex: 0 0 249px;
    width: 249px;
    display: flex;
    flex-direction: column;
}

.lk-nav__item {
    display: flex;
    align-items: center;
    height: 84px;
    padding: 0 20px 0 32px;
    box-sizing: border-box;
    background: var(--rb-bg);
    border: 0;
    border-bottom: 1px solid var(--rb-border);
    color: var(--rb-muted);
    font: 500 16px/1.24 var(--fm);
    text-decoration: none;
    transition: all .3s ease;
}

.lk-nav__item:hover {
    color: #000;
}

.lk-nav__item.is-active {
    background: #fff;
    border-bottom-color: #000;
    color: #000;
}

.lk-nav__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin-right: 14px;
    opacity: .4;
}

.lk-nav__item.is-active .lk-nav__icon {
    opacity: 1;
}

.lk-nav__icon img {
    display: block;
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.lk-nav__text {
    white-space: nowrap;
}

/* «Выйти из личного кабинета» — отдельный пункт без иконки (как в макете) */
.lk-nav__logout {
    margin-top: 24px;
    font: 500 16px/1.24 var(--fm);
    color: var(--rb-muted);
    text-decoration: none;
    transition: color .3s ease;
}

.lk-nav__logout:hover {
    color: #000;
}

@media (max-width: 1200px) {
    .lk-nav {
        flex-basis: 220px;
        width: 220px;
    }
}

@media (max-width: 992px) {
    .lk-nav {
        flex-basis: auto;
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
        margin-bottom: 24px;
    }

    .lk-nav__item {
        flex: 1 1 auto;
        height: 56px;
        padding: 0 16px;
        justify-content: center;
    }

    .lk-nav__logout {
        margin: 0;
        padding: 0 16px;
        align-self: center;
    }
}

/* =========================================================================
   RESTARTBIO-212 «Мои клиенты»
   ========================================================================= */

.pc {
    max-width: 1308px;
    margin: 0 auto;
    padding-bottom: 100px;
}

.pc__layout {
    display: flex;
    align-items: flex-start;
}

/* ---------------------------- Контент ---------------------------- */
.pc-main {
    flex: 1 1 auto;
    min-width: 0;
    padding: 0 40px;
    box-sizing: border-box;
}

/* Карточки статистики */
.pc-stats {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 40px;
}

.pc-stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    min-height: 159px;
    padding: 30px 20px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #000;
    text-align: center;
}

.pc-stat__title {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    font: 200 20px/24px var(--fm);
    color: var(--rb-text);
}

.pc-stat__value {
    margin-top: 20px;
    font: 500 25px/31px var(--fm);
    color: var(--rb-gold);
}

/* Графики */
.pc-charts {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    margin-top: 25px;
}

.pc-chart__head {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 75px;
    padding: 8px 20px;
    box-sizing: border-box;
    background: #fff;
    border: 0;
    border-bottom: 1px solid #000;
    font: 400 20px/24px var(--fm);
    text-align: center;
}

.pc-chart__body {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 320px;
}

.pc-chart__canvas {
    width: 284px;
}

.pc-barchart {
    display: flex;
    align-items: flex-start;
}

.pc-barchart__y {
    position: relative;
    flex: 0 0 24px;
    width: 24px;
    height: 240px;
}

.pc-barchart__y span {
    position: absolute;
    right: 4px;
    transform: translateY(50%);
    font: 400 11px/1 var(--fm);
    color: var(--rb-text);
}

.pc-barchart__right {
    flex: 1 1 auto;
    min-width: 0;
}

.pc-barchart__area {
    position: relative;
    height: 240px;
}

.pc-barchart__grid {
    position: absolute;
    inset: 0;
}

.pc-barchart__grid i {
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background: var(--rb-line);
}

.pc-barchart__bars {
    position: absolute;
    inset: 0;
    display: flex;
}

.pc-bar {
    flex: 1 1 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.pc-bar__fill {
    width: 24px;
    background: var(--rb-gold);
}

.pc-barchart__labels {
    display: flex;
    margin-top: 9px;
}

.pc-bar__label {
    flex: 1 1 0;
    text-align: center;
}

.pc-bar__label b {
    display: block;
    font: 400 13px/1.3 var(--fm);
    color: var(--rb-text);
}

.pc-bar__label span {
    display: block;
    font: 400 11px/1.3 var(--fm);
    color: var(--rb-text);
}

/* Блоки «Мои клиенты» / «ТОП-5» */
.pc-block {
    margin-top: 40px;
}

.pc-block__head {
    display: flex;
    align-items: center;
    min-height: 75px;
    padding: 8px 20px;
    box-sizing: border-box;
    background: #fff;
    border: 0;
    border-bottom: 1px solid #000;
}

.pc-block__head--gold {
    border-bottom-color: var(--rb-gold);
}

.pc-block__title {
    margin: 0;
    font: 400 20px/24px var(--fm);
    color: var(--rb-text);
}

/* Фильтры */
.pc-filters {
    margin-top: 25px;
    padding: 20px;
    background: var(--rb-bg);
}

.pc-filters__title {
    font: 500 16px/20px var(--fm);
    color: var(--rb-text);
}

.pc-filters__form {
    margin-top: 20px;
}

.pc-filters__row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.pc-filters__row + .pc-filters__row {
    margin-top: 20px;
}

.pc-filters__row--pair {
    flex-wrap: nowrap;
    gap: 42px;
}

.pc-filters__row--pair .pc-field {
    flex: 1 1 0;
    min-width: 0;
}

.pc-filters__row--pair .pc-field__controls {
    flex: 1 1 auto;
    min-width: 0;
}

.pc-filters__row--pair .pc-input--date,
.pc-filters__row--pair .pc-input--sum {
    flex: 1 1 0;
    width: auto;
    min-width: 0;
}

.pc-field {
    display: flex;
    align-items: center;
}

.pc-field__label {
    flex: 0 0 150px;
    width: 150px;
    font: 500 16px/20px var(--fm);
    color: var(--rb-muted);
}

.pc-field__dash {
    font: 400 20px/1 var(--fm);
    color: var(--rb-text);
}

.pc-field__controls {
    display: flex;
    align-items: center;
    gap: 15px;
}

.pc-input {
    display: block;
    height: 41px;
    padding: 0 12px;
    box-sizing: border-box;
    background: var(--rb-bg);
    border: 1px solid var(--rb-border-2);
    font: 400 15px/1 var(--fm);
    color: var(--rb-text);
    outline: none;
}

.pc-input::placeholder {
    color: #000;
    opacity: 1;
}

.pc-input--date {
    width: 126px;
    text-align: center;
    font-size: 18px;
}

.pc-input--sum {
    width: 126px;
}

.pc-input--search {
    width: 370px;
}

.pc-input-wrap {
    position: relative;
    display: block;
}

.pc-input-wrap__icon {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    display: flex;
    pointer-events: none;
}

.pc-btn {
    height: 41px;
    padding: 0 10px;
    min-width: 80px;
    background: var(--rb-dark);
    border: 0;
    color: #fff;
    font: 500 16px/1 var(--fm);
    cursor: pointer;
    transition: all .3s ease;
}

.pc-btn:hover {
    background: #000;
}

.pc-select-wrap {
    position: relative;
    display: inline-block;
}

.pc-select {
    display: block;
    width: 126px;
    height: 41px;
    padding: 0 28px 0 12px;
    box-sizing: border-box;
    background: var(--rb-bg);
    border: 1px solid var(--rb-border-2);
    font: 400 15px/1 var(--fm);
    color: var(--rb-text);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
}

.pc-select-wrap__arrow {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    display: flex;
    pointer-events: none;
}

/* Таблицы */
.pc-table-wrap {
    margin-top: 40px;
    overflow-x: auto;
}

.pc-table {
    width: 100%;
    min-width: 900px;
    border-collapse: collapse;
    table-layout: fixed;
    font: 500 16px/1.24 var(--fm);
}

.pc-table th {
    padding: 0 0 20px;
    font: 500 16px/1.24 var(--fm);
    color: var(--rb-muted);
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
}

.pc-table td {
    height: 52px;
    padding: 0;
    color: var(--rb-text);
    vertical-align: middle;
    white-space: nowrap;
}

.pc-table th:first-child,
.pc-table td:first-child {
    padding-left: 20px;
}

.pc-table th:last-child,
.pc-table td:last-child {
    padding-right: 20px;
}

.pc-table tbody tr:nth-child(odd) {
    background: var(--rb-bg);
}

.pc-table tbody tr:nth-child(even) {
    background: #fff;
}

.pc-table--top {
    min-width: 600px;
}

.pc-table--top tbody tr:nth-child(odd) {
    background: rgba(224, 168, 75, .1);
}

.pc-table--top tbody tr:nth-child(even) {
    background: #fff;
}

/* Пагинация */
.pc-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 25px;
}

.pc-pagination__pages {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pc-pagination__item,
.pc-pagination__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    box-sizing: border-box;
    border: 1px solid var(--rb-border);
    font: 400 14px/1 var(--fm);
    color: var(--rb-text);
    text-decoration: none;
}

.pc-pagination__item.is-active {
    background: #000;
    color: #fff;
}

.pc-pagination__dots {
    color: var(--rb-text);
}

.pc-pagination__per-page {
    display: flex;
    align-items: center;
    gap: 15px;
}

.pc-select-wrap--sm .pc-select--sm {
    width: 80px;
    height: 30px;
    padding: 0 24px 0 10px;
    background: #fff;
    border-color: #000;
}

.pc-pagination__per-page-text {
    font: 500 16px/20px var(--fm);
    color: var(--rb-muted);
}

/* ============================ Адаптив ============================ */
@media (max-width: 1200px) {

    .pc-main {
        padding: 0 24px;
    }

    .pc-stats {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }

    .pc-charts,
    .pc-filters__row--pair {
        gap: 20px;
    }
}

@media (max-width: 992px) {
    .pc__layout {
        flex-direction: column;
        align-items: stretch;
    }

    .pc-main {
        width: 100%;
    }


    .pc-main {
        padding: 0;
    }

    .pc-charts {
        grid-template-columns: 1fr;
    }

    .pc-stats {
        grid-template-columns: repeat(3, 1fr);
    }

    .pc-field--search .pc-input--search {
        width: 100%;
        min-width: 220px;
    }

    .pc-field--search .pc-field__controls {
        flex: 1 1 auto;
        min-width: 0;
    }

    .pc-field--search .pc-input-wrap {
        flex: 1 1 auto;
        min-width: 0;
    }
}

@media (max-width: 768px) {
    .pc-stats {
        grid-template-columns: repeat(2, 1fr);
    }

    .pc-filters__row,
    .pc-filters__row--pair {
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
    }

    .pc-field {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .pc-field__label {
        flex-basis: auto;
        width: auto;
    }

    .pc-field__controls {
        flex-wrap: wrap;
    }

    .pc-filters__row--pair .pc-input--date,
    .pc-filters__row--pair .pc-input--sum {
        flex: 1 1 120px;
        width: auto;
        min-width: 110px;
    }

    .pc-table-wrap {
        margin-top: 24px;
    }

    .pc-pagination {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
}

@media (max-width: 576px) {
    .pc {
        padding-bottom: 60px;
    }

    .pc-stats {
        grid-template-columns: 1fr;
    }

    .pc-stat {
        min-height: 120px;
        padding: 20px;
    }

    .pc-stat__title {
        min-height: 0;
    }

    .pc-block__head,
    .pc-chart__head {
        min-height: 60px;
        padding: 10px 16px;
    }

    .pc-btn {
        padding: 0 16px;
    }

    .pc-pagination__pages {
        flex-wrap: wrap;
    }
}

/* =========================================================================
   RESTARTBIO-215 «Мои промокоды»
   Макет: Figma 10304:10 «Личный кабинет партнера - Мои промокоды», desktop 1920.
   Сетка: контент 1308 px; меню ЛК (.lk-nav) 249 px; контентная колонка 998 px.
   (Меню в макете 215 нарисовано иначе, но по решению владельца везде используется
   единое меню ЛК — как в RESTARTBIO-212.)
   ========================================================================= */

.pm {
    max-width: 1308px;
    margin: 0 auto;
    padding-bottom: 60px;
}

.pm__layout {
    display: flex;
    align-items: flex-start;
}

/* ------------------------------- Контент ------------------------------- */
.pm-main {
    flex: 1 1 auto;
    min-width: 0;
    /* отступ от меню (249 px) до контентной колонки 998 px, как в макете */
    padding: 0 0 0 61px;
}

/* Заголовок секции: плашка с золотой линией снизу (как в макете) */
.pm-section__title {
    display: flex;
    align-items: center;
    min-height: 75px;
    margin: 0;
    padding: 0 20px;
    box-sizing: border-box;
    background: #fff;
    /* в макете у плашки только нижняя линия (individualStrokeWeights: bottom) */
    border: 0;
    border-bottom: 1px solid var(--rb-gold);
    font: 400 20px/28px var(--fm);
    letter-spacing: .32px;
    color: var(--rb-text);
}

/* Карточки промокодов: сетка по 3 колонки (306 px в макете) */
.pm-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    margin-top: 25px;
    padding: 0 20px;
    box-sizing: border-box;
}

.pm-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
}

.pm-card__label {
    display: flex;
    align-items: center;
    min-height: 50px;
    font: 500 16px/20px var(--fm);
    letter-spacing: .32px;
    color: var(--rb-text);
}

.pm-card__value {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 78px;
    padding: 0 60px 0 0;
    box-sizing: border-box;
    background: transparent;
    /* в макете только нижняя линия */
    border: 0;
    border-bottom: 1px solid var(--rb-text);
    font: 500 30px/48px var(--fm);
    letter-spacing: .25px;
    color: var(--rb-gold);
    word-break: break-all;
}

/* Строка «Скопировать промокод» */
.pm-copy {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-top: 20px;
    padding: 0;
    background: none;
    border: 0;
    font: 500 13px/18px var(--fm);
    letter-spacing: .32px;
    color: var(--rb-muted);
    cursor: pointer;
    transition: color .3s ease;
}

.pm-copy:hover {
    color: var(--rb-text);
}

.pm-copy svg {
    display: block;
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
}

/* Подпись без действия (напр. «Скидка фиксированная») */
.pm-card__caption {
    margin-top: 20px;
    font: 500 13px/18px var(--fm);
    letter-spacing: .32px;
    color: var(--rb-muted);
}

/* Сноска под секцией */
.pm-note {
    margin: 25px 0 0;
    padding: 15px 20px;
    box-sizing: border-box;
    background: var(--rb-note-bg);
    font: 500 14px/16px var(--fm);
    letter-spacing: .32px;
    color: var(--rb-green);
}

/* Вторая секция идёт с большим отступом */
.pm-section + .pm-section {
    margin-top: 40px;
}

/* Тост «скопировано» */
.pm-toast {
    position: fixed;
    left: 50%;
    bottom: 32px;
    transform: translateX(-50%) translateY(10px);
    padding: 12px 22px;
    background: var(--rb-dark);
    color: #fff;
    font: 500 14px/18px var(--fm);
    opacity: 0;
    pointer-events: none;
    transition: opacity .25s ease, transform .25s ease;
    z-index: 1000;
}

.pm-toast.is-visible {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

/* ============================ Адаптив ============================ */
@media (max-width: 1200px) {


    .pm-card__value {
        font-size: 26px;
        line-height: 40px;
        padding-right: 30px;
    }
}

@media (max-width: 992px) {
    .pm__layout {
        flex-direction: column;
        align-items: stretch;
    }

    .pm-main {
        padding: 0;
    }


    .pm-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {

    .pm-section__title {
        min-height: 60px;
        padding: 10px 16px;
        font-size: 18px;
        line-height: 24px;
    }

    .pm-cards {
        padding: 0;
        gap: 16px;
    }

    .pm-card__value {
        font-size: 24px;
        line-height: 32px;
        min-height: 64px;
        padding-right: 20px;
    }

    .pm-note {
        padding: 14px 16px;
    }
}

@media (max-width: 576px) {
    .pm {
        padding-bottom: 40px;
    }

    .pm-cards {
        grid-template-columns: minmax(0, 1fr);
    }

    .pm-card__label {
        min-height: 40px;
    }

    .pm-card__value {
        font-size: 22px;
        line-height: 30px;
        min-height: 58px;
    }

    .pm-section + .pm-section {
        margin-top: 28px;
    }
}


/* =========================================================================
   RESTARTBIO-166 «Главная» (Дашборд)
   Узел Figma 10305:207. Источник: docs/temp/restartbio/RESTARTBIO-166/css/styles.css.
   Все селекторы раздела ограничены корневым классом body.rb166, чтобы стили
   не затрагивали шаблон сайта и соседние страницы ЛК (212/215). На demo-странице
   задачи класс rb166 проставлен на <body>.
   ========================================================================= */

body.rb166 .layout {
    margin-top: 60px;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

body.rb166 .hero {
    background: var(--hint-bg);
    padding: 41px 0 60px;
}

body.rb166 .hero .breadcrumbs {
    margin: 0;
}

body.rb166 .hero__inner {
    display: flex;
    align-items: flex-start;
    gap: 63px;
    margin-top: 59px;
    padding-left: 63px;
}

body.rb166 .hero__avatar {
    flex: none;
    width: 184px;
    height: 184px;
    margin-top: 20px;
}

body.rb166 .hero__avatar img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

body.rb166 .hero__info {
    flex: 1 1 auto;
    min-width: 0;
}

body.rb166 .hero__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
}

body.rb166 .hero__name {
    margin: 0;
    font-size: 30px;
    font-weight: 500;
    line-height: 36px;
}

body.rb166 .hero__email {
    margin: 8px 0 0;
    color: var(--muted);
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}

body.rb166 .hero__edit {
    flex: none;
    height: 38px;
    padding: 0 15px;
    font-size: 13px;
}

body.rb166 .hero__promo {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 24px;
}

body.rb166 .hero__promo-code {
    display: inline-flex;
    align-items: center;
    height: 44px;
    padding: 0 20px;
    background: var(--promo-bg);
    color: var(--hint-text);
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
}

body.rb166 .hero__copy {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 0;
    background: none;
    border: 0;
    color: var(--muted);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
    cursor: pointer;
}

body.rb166 .hero__copy img {
    display: block;
    flex: none;
}

body.rb166 .hero__copy:hover {
    color: var(--black);
}

body.rb166 .hero__metrics {
    display: flex;
    gap: 64px;
    margin: 40px 0 0;
    padding: 0;
    list-style: none;
}

body.rb166 .metric__label {
    display: block;
    color: var(--black);
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
}

body.rb166 .metric__value {
    display: block;
    color: var(--hint-text);
    font-size: 30px;
    font-weight: 500;
    line-height: 36px;
}


body.rb166 .plate {
    display: flex;
    align-items: center;
    height: 75px;
    margin: 0;
    padding: 0 20px;
    background: var(--white);
    border-bottom: 1px solid var(--accent);
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0.32px;
}

body.rb166 .top5__cards {
    display: flex;
    gap: 12px;
    margin-top: 25px;
}

body.rb166 .client-card {
    flex: 1 1 0;
    min-width: 0;
    padding: 15px;
    background: var(--white);
    box-shadow: 0 8px 25px rgba(117, 117, 117, 0.08),
    0 2px 24px rgba(117, 117, 117, 0.02),
    0 2px 4px rgba(117, 117, 117, 0.05);
}

body.rb166 .client-card__name {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}

body.rb166 .client-card__head + .client-card__row {
    margin-top: 10px;
}

body.rb166 .client-card__row + .client-card__row {
    margin-top: 4px;
}

body.rb166 .client-card__key {
    display: block;
    color: var(--muted);
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
}

body.rb166 .client-card__value {
    display: block;
    margin-top: 11px;
    color: var(--hint-text);
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
}

body.rb166 .client-card__key--client {
    display: none;
}

body.rb166 .orders {
    margin-top: 22px;
}

body.rb166 .orders__table {
    margin-top: 25px;
}

body.rb166 .order-row {
    display: flex;
    align-items: center;
    gap: 59px;
    min-height: 79px;
    padding: 0 20px;
    border-bottom: 1px solid var(--order-line);
}

body.rb166 .order-row__client {
    flex: 1 1 auto;
    min-width: 0;
}

body.rb166 .order-row__date {
    display: block;
    color: var(--muted);
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
}

body.rb166 .order-row__name {
    display: block;
    margin-top: 8px;
    color: var(--black);
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none;
}

body.rb166 .order-row__name:hover {
    color: var(--accent);
    text-decoration: underline;
}

body.rb166 .order-row__sum {
    flex: 0 0 193px;
}

body.rb166 .order-row__caption {
    display: block;
    color: var(--muted);
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
}

body.rb166 .order-row__sum-value {
    display: block;
    margin-top: 8px;
    color: var(--black);
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}

body.rb166 .order-row__cashback {
    display: flex;
    flex: 0 0 231px;
    align-items: center;
    justify-content: space-between;
    min-height: 48px;
    padding: 0 15px;
    background: var(--hint-bg);
}

body.rb166 .order-row__cashback .order-row__caption {
    color: var(--hint-text);
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
}

body.rb166 .order-row__cashback-value {
    color: var(--hint-text);
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
}

body.rb166 .cta {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 259px;
    height: 54px;
    margin: 40px auto 0;
    padding: 0 20px;
    background: var(--black);
    color: var(--white);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
}

body.rb166 .cta:hover {
    opacity: 0.9;
}

body.rb166 .spec-notes, body.rb166 .service {
    display: none;
}

body.rb166.is-spec .spec-notes {
    display: block;
}

body.rb166.is-spec .service {
    display: block;
}

body.rb166 .spec-notes {
    margin-top: 24px;
}

body.rb166 .spec-annotation {
    margin: 0 0 8px;
    color: var(--muted);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
}

body.rb166 .service {
    margin-top: 60px;
}

body.rb166 .service__title {
    margin: 0 0 24px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;
}

body.rb166 .spec-block {
    margin-top: 24px;
}

body.rb166 .spec-label {
    margin: 0 0 12px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 400;
}

body.rb166 .skeleton {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 600px;
}

body.rb166 .skeleton__line {
    height: 16px;
    background: linear-gradient(90deg, #ececec 25%, #f6f6f6 37%, #ececec 63%);
    background-size: 400% 100%;
    animation: shimmer 1.4s ease infinite;
}

body.rb166 .skeleton__line--w120 {
    width: 120px;
}

body.rb166 .skeleton__line--w180 {
    width: 180px;
}

body.rb166 .skeleton__line--w220 {
    width: 220px;
}

body.rb166 .skeleton__line--w140 {
    width: 140px;
}

@keyframes shimmer {
    0% {
        background-position: 100% 0;
    }
    100% {
        background-position: 0 0;
    }
}

body.rb166 .hero__metrics--demo {
    margin-top: 0;
}

body.rb166 .error-state {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

body.rb166 .error-state__icon {
    display: block;
    flex: none;
    width: 20px;
    height: 20px;
    margin-top: 4px;
}

body.rb166 .toast-region {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 20;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 20px;
    pointer-events: none;
}

body.rb166 .toast {
    display: none;
    width: 440px;
    max-width: calc(100vw - 48px);
    padding: 16px 20px;
    border-radius: 4px;
    background: var(--ink);
    color: var(--white);
    font-size: 14px;
    font-weight: 500;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

body.rb166 .toast.is-visible {
    display: block;
}

@media (max-width: 1200px) {
    body.rb166 .layout {
        margin-top: 40px;
    }

    body.rb166 .hero {
        padding: 32px 0 48px;
    }

    body.rb166 .hero__inner {
        gap: 32px;
        margin-top: 40px;
        padding-left: 0;
    }

    body.rb166 .hero__avatar {
        width: 120px;
        height: 120px;
        margin-top: 0;
    }

    body.rb166 .hero__name {
        font-size: 26px;
        line-height: 32px;
    }

    body.rb166 .hero__email {
        font-size: 15px;
    }

    body.rb166 .hero__promo {
        margin-top: 20px;
    }

    body.rb166 .hero__metrics {
        gap: 32px;
        margin-top: 32px;
    }

    body.rb166 .metric__label {
        font-size: 14px;
    }

    body.rb166 .metric__value {
        font-size: 26px;
        line-height: 32px;
    }

    body.rb166 .client-card {
        padding: 16px 14px;
    }

    body.rb166 .plate {
        padding: 0 26px;
        border: 1px solid var(--accent);
        letter-spacing: normal;
    }

    body.rb166 .client-card__name {
        font-size: 15px;
        line-height: 18px;
    }

    body.rb166 .client-card__head + .client-card__row {
        margin-top: 8px;
    }

    body.rb166 .client-card__row + .client-card__row {
        margin-top: 8px;
    }

    body.rb166 .client-card__key {
        font-size: 12px;
        line-height: 14px;
    }

    body.rb166 .client-card__value {
        margin-top: 8px;
        font-size: 16px;
        line-height: 19px;
    }

    body.rb166 .order-row {
        gap: 24px;
    }

    body.rb166 .order-row__sum {
        flex: 0 0 160px;
    }

    body.rb166 .order-row__cashback {
        flex: 0 0 200px;
    }

    body.rb166 .cta {
        width: 100%;
    }

}

@media (max-width: 900px) {
    body.rb166 .hero {
        padding: 28px 0 40px;
    }

    body.rb166 .hero__inner {
        flex-wrap: wrap;
        gap: 20px;
        margin-top: 32px;
    }

    body.rb166 .hero__avatar {
        width: 96px;
        height: 96px;
    }

    body.rb166 .hero__name {
        font-size: 22px;
        line-height: 28px;
    }

    body.rb166 .hero__promo {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    body.rb166 .hero__promo-code {
        width: 100%;
        justify-content: center;
    }

    body.rb166 .hero__metrics {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 24px 32px;
        margin-top: 28px;
    }

    body.rb166 .top5__cards {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    body.rb166 .client-card {
        padding: 16px;
    }

    body.rb166 .order-row {
        gap: 20px;
    }

    body.rb166 .order-row__sum {
        flex: 0 0 140px;
    }

    body.rb166 .order-row__cashback {
        flex: 0 0 180px;
    }
}

@media (max-width: 640px) {

    body.rb166 .hero__inner {
        flex-direction: column;
        align-items: center;
        gap: 16px;
        margin-top: 24px;
    }

    body.rb166 .hero__avatar {
        width: 88px;
        height: 88px;
    }

    body.rb166 .hero__info {
        width: 100%;
        text-align: center;
    }

    body.rb166 .hero__head {
        flex-direction: column;
        align-items: center;
        gap: 16px;
    }

    body.rb166 .hero__name {
        font-size: 20px;
        line-height: 26px;
    }

    body.rb166 .hero__email {
        font-size: 14px;
    }

    body.rb166 .hero__edit {
        width: 100%;
    }

    body.rb166 .hero__promo {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        margin-top: 24px;
    }

    body.rb166 .hero__promo-code {
        width: 100%;
        justify-content: center;
    }

    body.rb166 .hero__copy {
        justify-content: center;
    }

    body.rb166 .hero__metrics {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
        width: max-content;
        max-width: 100%;
        margin: 32px auto 0;
        text-align: left;
    }

    body.rb166 .metric__label {
        font-size: 13px;
    }

    body.rb166 .metric__value {
        font-size: 22px;
        line-height: 28px;
    }

    body.rb166 .plate {
        padding: 0 20px;
    }

    body.rb166 .top5__cards {
        display: block;
        margin-top: 20px;
    }

    body.rb166 .client-card {
        display: block;
        width: 100%;
        padding: 16px;
        box-shadow: none;
    }

    body.rb166 .client-card:nth-child(odd) {
        background: var(--soft);
    }

    body.rb166 .client-card:nth-child(even) {
        background: var(--white);
    }

    body.rb166 .client-card__head {
        display: flex;
        align-items: baseline;
        gap: 8px;
        margin-top: 0;
    }

    body.rb166 .client-card__key--client {
        display: block;
        flex: 0 0 108px;
        font-size: 13px;
        font-weight: 400;
        line-height: 18px;
    }

    body.rb166 .client-card__name {
        font-size: 15px;
        font-weight: 500;
        line-height: 18px;
    }

    body.rb166 .client-card__row {
        display: flex;
        align-items: baseline;
        gap: 8px;
        margin-top: 10px;
    }

    body.rb166 .client-card__row + .client-card__row {
        margin-top: 10px;
    }

    body.rb166 .client-card__key {
        flex: 0 0 108px;
        font-size: 13px;
        font-weight: 400;
        line-height: 18px;
    }

    body.rb166 .client-card__value {
        margin-top: 0;
        color: var(--black);
        font-size: 15px;
        font-weight: 500;
        line-height: 18px;
    }

    body.rb166 .orders {
        margin-top: 24px;
    }

    body.rb166 .orders__table {
        margin-top: 20px;
    }

    body.rb166 .order-row {
        display: block;
        gap: 0;
        min-height: 0;
        margin-top: 12px;
        padding: 16px;
        border-bottom: 0;
    }

    body.rb166 .order-row:nth-child(odd) {
        background: var(--soft);
    }

    body.rb166 .order-row:nth-child(even) {
        background: var(--white);
    }

    body.rb166 .order-row__client, body.rb166 .order-row__sum {
        display: block;
        flex: none;
    }

    body.rb166 .order-row__date, body.rb166 .order-row__name, body.rb166 .order-row__sum-value, body.rb166 .order-row__cashback-value {
        display: flex;
        align-items: baseline;
        gap: 8px;
        margin-top: 0;
        padding-top: 10px;
        color: var(--black);
        font-size: 15px;
        font-weight: 500;
        line-height: 18px;
    }

    body.rb166 .order-row__date {
        padding-top: 0;
    }

    body.rb166 .order-row__date::before, body.rb166 .order-row__name::before, body.rb166 .order-row__sum-value::before, body.rb166 .order-row__cashback-value::before {
        content: attr(data-label);
        flex: 0 0 108px;
        color: var(--muted);
        font-size: 13px;
        font-weight: 400;
        line-height: 18px;
    }

    body.rb166 .order-row__caption {
        display: none;
    }

    body.rb166 .order-row__cashback {
        display: block;
        min-height: 0;
        padding: 0;
        background: none;
    }

    body.rb166 .cta {
        height: 54px;
        margin-top: 24px;
    }
}


/* ==========================================================================
   Форма профиля
   ========================================================================== */
body.rb195 .profile-form > * + * {
    margin-top: 25px;
}

body.rb195 .form-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 58px;
    row-gap: 25px;
}

body.rb195 .field {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

body.rb195 .field__label {
    display: block;
    margin-bottom: 3px;
    color: var(--black);
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
}

body.rb195 .input {
    width: 100%;
    height: 48px;
    padding: 0 12px;
    border: 1px solid var(--black);
    border-radius: 0;
    background: var(--white);
    color: var(--black);
    font: 400 15px/1 var(--font);
}

body.rb195 .input::placeholder {
    color: var(--muted);
    opacity: 1;
}

body.rb195 .input:focus {
    outline: 2px solid var(--accent);
    outline-offset: 1px;
}

body.rb195 .field__hint {
    margin: 6px 0 0;
    color: var(--muted);
    font-size: 13px;
    line-height: 16px;
    font-weight: 400;
}

body.rb195 .field__error {
    margin: 6px 0 0;
    color: var(--error-text);
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
}

body.rb195 .field__error--static {
    font-size: 13px;
}

body.rb195 .field--invalid .input {
    border-color: var(--error);
}

/* Поле со иконкой (заблокированный телефон) */
body.rb195 .control {
    position: relative;
}

body.rb195 .control__icon {
    position: absolute;
    top: 50%;
    right: 16px;
    display: block;
    transform: translateY(-50%);
    pointer-events: none;
}

body.rb195 .field--disabled .input {
    padding-right: 44px;
    background: var(--disabled-bg);
    border-color: var(--disabled-line);
    color: var(--muted);
}

/* Поле-файл (сертификат) */
body.rb195 .field--wide {
    width: 100%;
}

body.rb195 .file-field {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    height: 54px;
    padding: 0 16px;
    border: 1px solid var(--black);
    background: var(--white);
    cursor: pointer;
}

body.rb195 .file-field__input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

body.rb195 .file-field__icon {
    display: block;
    flex: none;
}

body.rb195 .file-field__text {
    overflow: hidden;
    color: var(--muted);
    font-size: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Раздел формы (Социальные сети) */
body.rb195 .form-section__title {
    margin: 0 0 25px;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
}

/* Аватар */
body.rb195 .avatar-row {
    display: flex;
    align-items: center;
    gap: 24px;
}

body.rb195 .avatar {
    flex: none;
    width: 96px;
    height: 96px;
    border: 1px solid var(--black);
    border-radius: 50%;
    background-color: var(--hint-bg);
    background-position: center;
    background-size: cover;
}

body.rb195 .avatar--loading {
    position: relative;
    overflow: hidden;
    border-color: var(--switch-off);
    background-color: #efefef;
}

body.rb195 .avatar--loading::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.7), transparent);
    animation: avatar-shimmer 1.2s infinite;
}

@keyframes avatar-shimmer {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(100%);
    }
}

body.rb195 .avatar-row__actions {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

body.rb195 .avatar-row__btn {
    width: 259px;
    height: 54px;
}

/* Текстовое поле с счётчиком */
body.rb195 .textarea {
    height: 120px;
    padding: 12px;
    resize: vertical;
    line-height: 1.3;
}

body.rb195 .counter {
    margin: 6px 0 0;
    color: var(--muted);
    font-size: 13px;
    line-height: 16px;
    font-weight: 500;
    text-align: right;
}

/* Переключатель */
body.rb195 .toggle-row {
    display: flex;
    align-items: center;
    gap: 16px;
}

body.rb195 .toggle {
    position: relative;
    flex: none;
    width: 52px;
    height: 28px;
    padding: 0;
    border: 0;
    border-radius: 14px;
    background: var(--switch-off);
    cursor: pointer;
    transition: background 0.2s ease;
}

body.rb195 .toggle__knob {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--white);
    transition: left 0.2s ease;
}

body.rb195 .toggle[aria-checked="true"] {
    background: var(--switch-on);
}

body.rb195 .toggle[aria-checked="true"] .toggle__knob {
    left: 26px;
}

body.rb195 .toggle:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

body.rb195 .toggle-row__label {
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
}

/* Блок ошибки формы */
body.rb195 .form-error {
    padding: 24px;
    background: var(--error-bg);
    border: 1px solid var(--error);
}

body.rb195 .form-error__title {
    margin: 0 0 12px;
    color: var(--error);
    font-size: 14px;
    font-weight: 500;
}

body.rb195 .form-error__list {
    margin: 0;
    color: var(--error-text);
    font-size: 13px;
    line-height: 1.4;
}

/* Кнопки формы */
body.rb195 .form-actions {
    display: flex;
    gap: 20px;
}

body.rb195 .form-actions .btn {
    width: 259px;
    height: 54px;
}

/* ==========================================================================
   Служебные состояния формы (экран спецификации)
   ========================================================================== */
body.rb195 .spec {
    margin-top: 60px;
}

body.rb195 .spec-block {
    margin-top: 40px;
}

body.rb195 .spec-block:first-child {
    margin-top: 0;
}

body.rb195 .spec-label {
    margin: 0 0 10px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 400;
}

body.rb195 .annotation {
    margin: 12px 0 0;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.4;
}

body.rb195 .spec .input {
    display: flex;
    align-items: center;
}

body.rb195 .progress {
    width: 180px;
    height: 6px;
    overflow: hidden;
    border-radius: 3px;
    background: var(--switch-off);
}

body.rb195 .progress__bar {
    display: block;
    height: 100%;
    border-radius: 3px;
    background: var(--switch-on);
}

body.rb195 .field--focus .input {
    outline: 2px solid var(--accent);
    outline-offset: 1px;
}

/* --- Тосты ----------------------------------------------------------------- */
body.rb195 .toast-region {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 20;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 20px;
    pointer-events: none;
}

body.rb195 .toast {
    display: none;
    width: 440px;
    max-width: calc(100vw - 48px);
    padding: 24px;
    border-radius: 4px;
    background: var(--ink);
    color: var(--white);
    font-size: 14px;
    font-weight: 500;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

body.rb195 .toast.is-visible {
    display: block;
}

body.rb195 .toast--static {
    display: block;
    width: 440px;
    height: 66px;
    padding: 0 24px;
    line-height: 66px;
    box-shadow: none;
}

body.rb195 .toast--success {
    display: block;
    width: 440px;
    height: 66px;
    margin-top: 12px;
    padding: 0 24px;
    border-left: 4px solid var(--success);
    border-radius: 0;
    background: var(--hint-bg);
    color: var(--hint-text);
    line-height: 66px;
    box-shadow: none;
}

/* Режим спецификации: показываем служебные состояния */
body.rb195:not(.is-spec) .spec {
    display: none;
}

/* ==========================================================================
   Моб 768 (<= 900)
   ========================================================================== */
@media (max-width: 900px) {

    body.rb195 .form-grid {
        grid-template-columns: 1fr;
    }

    body.rb195 .form-actions {
        flex-direction: column;
        gap: 20px;
    }

    body.rb195 .form-actions .btn {
        width: 100%;
    }
}

/* ==========================================================================
   Моб 375 (<= 640)
   ========================================================================== */
@media (max-width: 640px) {


    body.rb195 .avatar-row {
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
    }

    body.rb195 .avatar {
        align-self: center;
    }

    body.rb195 .avatar-row__actions {
        width: 100%;
    }

    body.rb195 .avatar-row__btn {
        width: 100%;
    }

    body.rb195 .toast--static, body.rb195 .toast--success {
        width: 100%;
    }
}

body.rb215 .promo + .promo {
    margin-top: 60px;
}

body.rb215 .promo + .promo > p {
    margin: 0 0 16px;
    font-size: 16px;
    line-height: 19px;
    color: var(--muted);
}

body.rb215 .promo + .promo .radio-items {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}

body.rb215 .promo + .promo .radio-items .radio {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 16px;
    cursor: pointer;
}

body.rb215 .promo + .promo .radio-items .radio input {
    flex: none;
    width: 20px;
    height: 20px;
    margin: 0;
    accent-color: var(--ink);
}

body.rb215 .plate {
    display: flex;
    align-items: center;
    height: 75px;
    margin: 0;
    padding: 0 20px;
    background: var(--white);
    border-bottom: 1px solid var(--accent);
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0.32px;
}

body.rb215 .promo-cards {
    display: flex;
    align-items: flex-start;
    column-gap: 20px;
    row-gap: 0;
    margin-top: 25px;
    padding: 0 20px;
}

body.rb215 .promo-card {
    flex: 0 0 306px;
    width: 306px;
}

body.rb215 .promo-card__label {
    height: 50px;
    margin: 0;
    padding-top: 15px;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.32px;
}

body.rb215 .promo-card__value {
    height: 78px;
    margin: 0;
    padding: 15px 16px 0 0;
    border-bottom: 1px solid var(--black);
    color: var(--accent);
    font-size: 30px;
    font-weight: 500;
    line-height: 48px;
    letter-spacing: 0.25px;
}

body.rb215 .promo-card__copy {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 20px;
    padding: 0;
    background: none;
    border: 0;
    color: var(--muted);
    font: 500 13px/18px var(--font);
    letter-spacing: 0.32px;
    text-align: left;
    cursor: pointer;
}

body.rb215 .promo-card__copy:hover, body.rb215 .promo-card__copy:focus-visible {
    color: var(--black);
}

body.rb215 .promo-card__copy-icon {
    display: block;
    flex: none;
    width: 16px;
    height: 16px;
}

body.rb215 .promo-card__note {
    margin: 20px 0 0;
    color: var(--muted);
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.32px;
}

body.rb215 .footnote {
    display: flex;
    align-items: center;
    min-height: 46px;
    margin: 24px 0 0;
    padding: 15px 20px;
    background: var(--hint-bg);
    color: var(--hint-text);
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.32px;
}

/* ==========================================================================
   Служебные состояния (скелетон, ошибка)
   ========================================================================== */

body.rb215 .spec {
    margin-top: 60px;
}

body.rb215 .spec-block {
    margin-top: 40px;
}

body.rb215 .spec-block:first-child {
    margin-top: 0;
}

body.rb215 .spec-label {
    margin: 0 0 8px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 400;
}

body.rb215 .skeleton {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

body.rb215 .skeleton__bar {
    background: var(--skeleton-card);
}

body.rb215 .skeleton__bar--plate {
    height: 75px;
    background: var(--skeleton-plate);
}

body.rb215 .skeleton__row {
    display: flex;
    column-gap: 20px;
}

body.rb215 .skeleton__bar--card {
    flex: 1 1 0;
    height: 170px;
}

body.rb215 .error-state {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 24px;
    background: var(--error-bg);
    border: 1px solid var(--error);
}

body.rb215 .error-state__title {
    margin: 0;
    color: var(--error);
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
}

body.rb215 .error-state__body {
    margin: 0;
    color: var(--text);
    font-size: 15px;
    line-height: 18px;
}

body.rb215 .error-state__retry {
    width: 140px;
}

body.rb215:not(.is-spec) .spec {
    display: none;
}

/* --- Тосты ----------------------------------------------------------------- */

body.rb215 .toast-region {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 20;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 20px;
    pointer-events: none;
    z-index: 1001;
}

body.rb215 .toast {
    display: none;
    align-items: center;
    width: 440px;
    max-width: calc(100vw - 48px);
    min-height: 66px;
    padding: 12px 20px;
    border-radius: 0;
    background: var(--ink);
    color: var(--white);
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

body.rb215 .toast.is-visible {
    display: flex;
}


/* ==========================================================================
   Планшет 992 (<= 1200)
   ========================================================================== */

@media (max-width: 1200px) {


    body.rb215 .promo-cards {
        padding: 0;
    }

    body.rb215 .promo-card {
        flex: 1 1 0;
        width: auto;
    }

    body.rb215 .promo-card__value {
        font-size: 26px;
        line-height: 40px;
    }

    body.rb215 .footnote {
        min-height: 57px;
        margin-top: 28px;
        padding: 20px;
    }

}

/* ==========================================================================
   Моб 768 (<= 900)
   ========================================================================== */

@media (max-width: 900px) {


    body.rb215 .promo-cards {
        flex-wrap: wrap;
    }

    body.rb215 .promo-card {
        flex: 0 1 calc(50% - 10px);
    }

    body.rb215 .promo-card__value {
        font-size: 24px;
        line-height: 32px;
    }
}

/* ==========================================================================
   Моб 375 (<= 640)
   ========================================================================== */

@media (max-width: 640px) {


    body.rb215 .promo + .promo {
        margin-top: 40px;
    }

    body.rb215 .plate {
        padding: 0 16px;
        font-size: 18px;
        line-height: 21px;
    }

    body.rb215 .promo-cards {
        flex-direction: column;
        margin-top: 20px;
    }

    body.rb215 .promo-card {
        flex: 0 0 auto;
        width: 100%;
    }

    body.rb215 .promo-card__label {
        height: 44px;
        padding-top: 12px;
        font-size: 15px;
        line-height: 18px;
    }

    body.rb215 .promo-card__value {
        height: 70px;
        padding: 12px 12px 0 0;
        font-size: 22px;
        line-height: 30px;
    }

    body.rb215 .promo-card__copy {
        font-size: 12px;
        line-height: 18px;
    }

    body.rb215 .promo-card__note {
        margin-top: 0;
        font-size: 12px;
        line-height: 14px;
    }

    body.rb215 .footnote {
        min-height: 0;
        margin-top: 24px;
        padding: 16px;
        font-size: 13px;
    }

    body.rb215 .spec {
        margin-top: 40px;
    }

    body.rb215 .skeleton__row {
        flex-direction: column;
        row-gap: 20px;
    }
}

/* =========================================================================
   RESTARTBIO-212 «Мои клиенты» — демо-страница html/RESTARTBIO-212/ (static)
   Узел Figma 10244:969. Источник: docs/temp/restartbio/RESTARTBIO-212/css/styles.css.
   Все селекторы раздела ограничены корневым классом body.rb212, чтобы стили
   не затрагивали шаблон сайта local/templates/prymery и соседние страницы ЛК
   (RESTARTBIO-215/166/195). На демо-странице класс rb212 проставлен на <body>.
   ========================================================================= */

/* ==========================================================================
   Личный кабинет партнёра — «Мои клиенты»
   Вёрстка по макету Figma (RESTARTBIO-212).
   Брейкпоинты макета: desktop 1920 (двухколоночный), планшет 992, моб 768, моб 375.
   ========================================================================== */


/* ==========================================================================
   Метрики
   ========================================================================== */

body.rb212 .metrics {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 40px;
}

body.rb212 .metrics__card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    min-height: 159px;
    padding: 30px 20px;
    background: var(--soft);
    text-align: center;
}

body.rb212 .metrics__label {
    margin: 0;
    min-height: 48px;
    font-size: 20px;
    font-weight: 300;
    line-height: 24px;
}

body.rb212 .metrics__value {
    margin: 0;
    color: var(--accent);
    font-size: 25px;
    font-weight: 500;
    line-height: 31px;
}

/* ==========================================================================
   График
   ========================================================================== */

body.rb212 .chart-block {
    margin-top: 25px;
    padding: 20px;
    background: var(--white);
    border: 1px solid var(--line-light);
}

body.rb212 .chart-block__toggle {
    display: flex;
}

body.rb212 .chart-block__tab {
    height: 38px;
    padding: 0 16px;
    border: 0;
    border-radius: 0;
    background: var(--soft);
    color: var(--muted);
    font: 500 14px/1.2 var(--font);
    white-space: nowrap;
    cursor: pointer;
}

body.rb212 .chart-block__tab.is-active {
    background: var(--ink);
    color: var(--white);
}

body.rb212 .chart-block__title {
    margin: 12px 0 0;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
}

body.rb212 .chart {
    position: relative;
    margin-top: 12px;
    /* Высота наибольшего столбца = высоте области построения: линии сетки стоят
     через каждые 50px (0…4), поэтому максимальное значение упирается в верхнюю линию. */
    --bar-max: 200px;
}

body.rb212 .chart__plot {
    position: relative;
    height: 200px;
    padding-left: 30px;
}

body.rb212 .chart__grid {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 30px;
}

body.rb212 .chart__grid-line {
    position: absolute;
    right: 0;
    left: 0;
    height: 1px;
    background: var(--line-row);
}

body.rb212 .chart__grid-line:nth-child(1) {
    bottom: 0;
}

body.rb212 .chart__grid-line:nth-child(2) {
    bottom: 50px;
}

body.rb212 .chart__grid-line:nth-child(3) {
    bottom: 100px;
}

body.rb212 .chart__grid-line:nth-child(4) {
    bottom: 150px;
}

body.rb212 .chart__grid-line:nth-child(5) {
    bottom: 200px;
}

body.rb212 .chart__ylab {
    position: absolute;
    left: 0;
    width: 30px;
    color: var(--muted);
    font-size: 11px;
    line-height: 13px;
    transform: translateY(50%);
}

body.rb212 .chart__ylab[data-level="0"] {
    bottom: 0;
}

body.rb212 .chart__ylab[data-level="1"] {
    bottom: 50px;
}

body.rb212 .chart__ylab[data-level="2"] {
    bottom: 100px;
}

body.rb212 .chart__ylab[data-level="3"] {
    bottom: 150px;
}

body.rb212 .chart__ylab[data-level="4"] {
    bottom: 200px;
}

body.rb212 .chart__bars {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 30px;
    display: flex;
    align-items: flex-end;
    height: 200px;
}

body.rb212 .chart__col {
    display: flex;
    flex: 1 1 0;
    align-items: flex-end;
    justify-content: center;
    height: 100%;
    min-width: 0;
}

body.rb212 .chart__bar {
    width: 44px;
    max-width: 100%;
    height: 0;
    background: var(--accent);
    transition: height 0.25s ease;
}

body.rb212 .chart__col:hover .chart__bar {
    background: var(--accent-dark);
}

body.rb212 .chart__months {
    display: flex;
    margin-top: 10px;
    padding-left: 30px;
}

body.rb212 .chart__month {
    flex: 1 1 0;
    min-width: 0;
    color: var(--muted);
    font-size: 13px;
    line-height: 16px;
    text-align: center;
}

body.rb212 .chart__tooltip {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    margin: 0;
    padding: 4px 8px;
    background: var(--ink);
    color: var(--white);
    font-size: 12px;
    line-height: 16px;
    white-space: nowrap;
    transform: translate(-50%, -50%);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s ease;
}

body.rb212 .chart__tooltip.is-visible {
    opacity: 1;
}

/* ==========================================================================
   Плашки разделов
   ========================================================================== */

body.rb212 .plate {
    display: flex;
    align-items: center;
    height: 75px;
    margin: 0;
    padding: 0 20px;
    background: var(--white);
    border-bottom: 1px solid var(--black);
    font-size: 20px;
    font-weight: 400;
}

body.rb212 .plate--accent {
    border-bottom-color: var(--accent);
}

body.rb212 .clients-block {
    margin-top: 40px;
}

body.rb212 .top5-block {
    margin-top: 40px;
}

/* ==========================================================================
   Фильтры
   ========================================================================== */

body.rb212 .filters {
    margin-top: 25px;
    padding: 20px 20px 27px;
    background: var(--soft);
}

/* Раскладка панели: «Дата привязки» и «Сумма заказов» в первой строке по 460px,
   во второй — «Активность» 260px и вплотную справа от неё «Поиск» с кнопками. */
body.rb212 .filters__form {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 20px;
}

body.rb212 .filters__group {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

/* Поиск занимает остаток строки после «Активности» — то есть стоит справа от неё. */
body.rb212 .filters__group--search {
    flex: 1 1 auto;
    min-width: 0;
}

body.rb212 .filters__group--date, body.rb212 .filters__group--sum {
    flex: 1 1 calc(50% - 10px);
    max-width: 460px;
}

/* Группа прижата к ширине селекта (260), чтобы «Поиск» стоял вплотную к «Активности». */
body.rb212 .filters__group--activity {
    flex: 0 0 260px;
}

body.rb212 .filters__label {
    color: var(--muted);
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
}

/* Подсказка о неверном периоде. Скрыта, пока проверка не сработала,
   поэтому высота панели фильтров в обычном состоянии не меняется. */
body.rb212 .filters__error {
    margin: 12px 0 0;
    color: var(--status-cancelled);
    font-size: 13px;
    line-height: 16px;
}

body.rb212 .filters__error[hidden] {
    display: none;
}

body.rb212 .date-field.is-invalid .filters__input {
    border-color: var(--status-cancelled);
}

body.rb212 .filters__row {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

body.rb212 .filters__row--range {
    gap: 12px;
}

/* Поле поиска не должно касаться кнопок «Найти»/«Сбросить». */
body.rb212 .filters__row--search {
    gap: 16px;
}

body.rb212 .filters__field {
    position: relative;
    display: block;
    flex: 1 1 0;
    min-width: 0;
}

body.rb212 .filters__input {
    width: 100%;
    height: 41px;
    padding: 0 16px;
    background: var(--white);
    border: 1px solid var(--line-light);
    border-radius: 0;
    color: var(--black);
    font: 400 14px/1 var(--font);
}

body.rb212 .filters__input::placeholder {
    color: var(--muted);
    opacity: 1;
}

body.rb212 .filters__input:focus {
    outline: 1px solid var(--black);
    outline-offset: -1px;
}

body.rb212 .filters__input--search {
    padding-right: 36px;
}

/* Дата: иконка календаря стоит слева, перед значением (как в макете 156),
   поэтому текст сдвинут вправо, а иконка — в начале поля. */
body.rb212 .filters__input--date {
    padding-right: 16px;
    padding-left: 40px;
}

body.rb212 .filters__input[type="search"]::-webkit-search-cancel-button {
    display: none;
}

body.rb212 .filters__field-icon {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    pointer-events: none;
}

/* На десктопе в макете у поля поиска иконки нет — она появляется на 992/375. */
body.rb212 .filters__field-icon--search {
    display: none;
}

body.rb212 .filters__field-btn {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 100%;
    padding: 0;
    background: none;
    border: 0;
    cursor: pointer;
}

/* В поле даты кнопка календаря — слева, до вводимого значения. */
body.rb212 .date-field .filters__field-btn {
    right: auto;
    left: 0;
}

body.rb212 .filters__field-btn-icon {
    display: block;
}

body.rb212 .filters__dash {
    flex: none;
    color: var(--black);
    font-size: 20px;
    line-height: 1;
}

body.rb212 .filters__submit {
    flex: none;
    width: 108px;
}

/* Кнопки «Найти» и «Сбросить» стоят рядом с полем поиска. */
body.rb212 .filters__actions {
    display: flex;
    flex: none;
    align-items: center;
    gap: 8px;
}

body.rb212 .filters__reset {
    height: 41px;
    padding: 0 16px;
}

body.rb212 .filters__select {
    position: relative;
    display: block;
    width: 260px;
    max-width: 100%;
}

body.rb212 .filters__select .filters__input {
    padding-right: 36px;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
}

body.rb212 .filters__select .filters__input--select {
    font-size: 15px;
}

body.rb212 .filters__select-icon {
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
    pointer-events: none;
}

/* --- Календарь (попап) ----------------------------------------------------- */

body.rb212 .datepicker {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    z-index: 30;
    display: none;
    width: 300px;
    max-width: calc(100vw - 40px);
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.16);
}

body.rb212 .datepicker.is-open {
    display: block;
}

body.rb212 .datepicker .calendar {
    width: 100%;
}

body.rb212 .calendar {
    width: 300px;
    max-width: 100%;
    padding: 16px;
    background: var(--white);
    border: 1px solid var(--line-light);
}

body.rb212 .calendar__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

body.rb212 .calendar__caption {
    font-size: 15px;
    font-weight: 500;
}

body.rb212 .calendar__nav {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    background: none;
    border: 0;
    cursor: pointer;
}

body.rb212 .calendar__nav img {
    transform: rotate(90deg);
}

body.rb212 .calendar__nav--next img {
    transform: rotate(-90deg);
}

body.rb212 .calendar__grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
    margin-top: 12px;
}

body.rb212 .calendar__dow {
    padding: 4px 0;
    color: var(--muted);
    font-size: 12px;
    text-align: center;
}

body.rb212 .calendar__day {
    height: 34px;
    padding: 0;
    background: none;
    border: 0;
    color: var(--black);
    font: 400 13px/1 var(--font);
    cursor: pointer;
}

body.rb212 .calendar__day:hover {
    background: var(--soft);
}

body.rb212 .calendar__day.is-muted {
    color: #a4a4a4;
}

body.rb212 .calendar__day--selected, body.rb212 .calendar__day--selected:hover {
    background: var(--accent);
    color: var(--white);
}

/* ==========================================================================
   Таблица клиентов
   ========================================================================== */

body.rb212 .clients {
    margin-top: 40px;
    background: var(--white);
}

body.rb212 .clients__row {
    display: grid;
    grid-template-columns: 40fr 90fr 150fr 130fr 96fr 140fr 140fr 154fr 56fr;
    align-items: center;
    min-height: 52px;
    padding: 0 20px;
    font-size: 13px;
    font-weight: 400;
    border-bottom: 1px solid var(--line-row);
}

body.rb212 .clients__row:nth-child(even) {
    background: var(--row);
}

body.rb212 .clients__row--head {
    min-height: 40px;
    color: var(--muted);
    font-weight: 500;
    border-bottom: 0;
}

body.rb212 .clients__row--head + .clients__row {
    border-top: 1px solid var(--line-row);
}

body.rb212 .clients__cell {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 12px;
}

body.rb212 .clients__row--head .clients__cell {
    white-space: normal;
}

body.rb212 .clients__cell:last-child {
    padding-right: 0;
}

body.rb212 .clients__cell--name {
    color: var(--accent);
}

body.rb212 .clients__link {
    color: var(--accent);
    text-decoration: underline;
    text-underline-offset: 2px;
}

body.rb212 .clients__link:hover, body.rb212 .clients__link:focus-visible {
    opacity: 0.75;
}

body.rb212 .clients__row[hidden] {
    display: none;
}

body.rb212 .clients__empty {
    margin: 0;
    padding: 24px 20px;
    color: var(--muted);
    font-size: 15px;
}

/* --- Сортировка (только моб 375) ------------------------------------------ */

body.rb212 .clients__sort {
    display: none;
}

/* ==========================================================================
   Пагинация (по образцу RESTARTBIO-156)
   ========================================================================== */

body.rb212 .clients__foot {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 12px;
}


body.rb212 .clients__count {
    margin: 0;
    color: var(--muted);
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    white-space: nowrap;
}

body.rb212 .clients__foot-spacer {
    flex: 1 0 0;
    min-width: 1px;
    height: 1px;
}

body.rb212 .clients__per-page {
    display: flex;
    align-items: center;
    gap: 16px;
    cursor: pointer;
}

body.rb212 .clients__per-page-label {
    color: var(--muted);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    white-space: nowrap;
}

body.rb212 .select {
    position: relative;
    display: block;
}

body.rb212 .select__control {
    width: 170px;
    height: 36px;
    padding: 0 34px 0 12px;
    appearance: none;
    -webkit-appearance: none;
    background: var(--white);
    border: 1px solid var(--line-light);
    border-radius: 4px;
    color: var(--black);
    font: 400 14px/1 var(--font);
    cursor: pointer;
}

body.rb212 .select__chevron {
    position: absolute;
    top: 50%;
    right: 12px;
    width: 12px;
    height: 12px;
    pointer-events: none;
    transform: translateY(-50%);
}

/* ==========================================================================
   ТОП-5 маржинальных клиентов
   ========================================================================== */

body.rb212 .top5 {
    margin-top: 25px;
    padding: 0;
    background: var(--white);
}

body.rb212 .top5__row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    min-height: 52px;
    padding: 0 20px 0 60px;
    font-size: 14px;
    border-bottom: 1px solid var(--line-row);
}

body.rb212 .top5__row:nth-child(even) {
    background: var(--row);
}

body.rb212 .top5__row--head {
    min-height: 40px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 500;
    border-bottom: 0;
}

body.rb212 .top5__row--head + .top5__row {
    border-top: 1px solid var(--line-row);
}

body.rb212 .top5__cell {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 12px;
}

body.rb212 .top5__cell--name {
    color: var(--accent);
    font-weight: 500;
}


/* ==========================================================================
   Планшет 992 (<= 1200)
   ========================================================================== */

@media (max-width: 1200px) {


    body.rb212 .metrics {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }

    body.rb212 .chart__bar {
        width: 34px;
    }

    /* Фильтры, планшет 992: подпись в строке с полем, «Дата привязки» во всю
     ширину, «Сумма заказов» и «Активность» — в общей строке (464 / 362). */
    body.rb212 .filters {
        margin-top: 16px;
        padding: 20px;
        background: var(--soft);
    }

    body.rb212 .filters__form {
        display: grid;
        grid-template-columns: 464fr 362fr;
        align-items: center;
        gap: 16px 62px;
    }

    body.rb212 .filters__group {
        flex-direction: row;
        align-items: center;
        gap: 12px;
    }

    body.rb212 .filters__group--search, body.rb212 .filters__group--date {
        grid-column: 1 / -1;
    }

    body.rb212 .filters__group--sum {
        grid-column: 1;
    }

    body.rb212 .filters__group--activity {
        grid-column: 2;
    }

    /* На планшете и мобильных группы тянутся по сетке, ограничение 460px снимаем */
    body.rb212 .filters__group--date, body.rb212 .filters__group--sum {
        max-width: none;
    }

    /* В колоночной раскладке flex-basis становится высотой — сбрасываем */
    body.rb212 .filters__group--search, body.rb212 .filters__group--activity {
        flex: 0 1 auto;
    }

    /* Подпись занимает в макете фиксированную колонку 130px */
    body.rb212 .filters__group:not(.filters__group--search) .filters__label {
        flex: 0 0 130px;
    }

    /* У поиска подпись короткая, зазор до поля — 8px */
    body.rb212 .filters__group--search {
        gap: 8px;
    }

    body.rb212 .filters__group--search .filters__row {
        flex: 1 1 auto;
        gap: 12px;
    }

    body.rb212 .filters__group:not(.filters__group--search) .filters__label::after {
        content: ':';
    }

    body.rb212 .filters__group--date .filters__row, body.rb212 .filters__group--sum .filters__row {
        flex: 0 0 auto;
    }

    body.rb212 .filters__group--date .filters__field {
        flex: 0 0 150px;
    }

    body.rb212 .filters__group--sum .filters__field {
        flex: 0 0 140px;
    }

    body.rb212 .filters__group--date .filters__dash, body.rb212 .filters__group--sum .filters__dash {
        width: 18px;
        text-align: center;
    }

    /* На планшете у поля поиска иконка есть */
    body.rb212 .filters__field-icon--search {
        display: block;
    }

    body.rb212 .filters__submit {
        width: 80px;
    }

    body.rb212 .filters__group--activity .filters__select {
        width: 220px;
    }

    body.rb212 .clients, body.rb212 .top5, body.rb212 .clients__foot {
        margin-top: 16px;
    }

    /* Колонки таблицы клиентов по макету 992: 48/96/148/124/92/132/132/116 */
    body.rb212 .clients__row {
        grid-template-columns: 48fr 96fr 148fr 124fr 92fr 132fr 132fr 116fr 52fr;
    }

    body.rb212 .clients__row--head {
        min-height: 52px;
    }

}

/* ==========================================================================
   Моб 768 (<= 900)
   ========================================================================== */

@media (max-width: 900px) {


    body.rb212 .metrics {
        grid-template-columns: repeat(2, 1fr);
    }

    body.rb212 .chart__bar {
        width: 26px;
    }

    body.rb212 .chart__months span, body.rb212 .chart__month {
        font-size: 12px;
    }

    /* Фильтры, моб 768: каждая группа — отдельной строкой во всю ширину */
    body.rb212 .filters__form {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
    }

    body.rb212 .filters__group--search .filters__row, body.rb212 .filters__group--date .filters__row, body.rb212 .filters__group--sum .filters__row {
        flex: 1 1 auto;
    }

    body.rb212 .filters__group--date .filters__field, body.rb212 .filters__group--sum .filters__field {
        flex: 1 1 0;
    }

    body.rb212 .filters__group--activity .filters__select {
        width: 100%;
    }

    /* Таблица клиентов по макету 768: колонки 42/78/112/98/78/102/90/80, текст переносится */
    body.rb212 .clients__row {
        grid-template-columns: 42fr 78fr 112fr 98fr 78fr 102fr 90fr 80fr 48fr;
        padding: 0 12px;
    }

    body.rb212 .clients__row--head {
        min-height: 52px;
    }

    body.rb212 .clients__cell {
        overflow-wrap: anywhere;
        text-overflow: clip;
        white-space: normal;
    }
}

/* ==========================================================================
   Моб 375 (<= 640)
   ========================================================================== */

@media (max-width: 640px) {


    body.rb212 .metrics {
        grid-template-columns: 1fr;
    }

    body.rb212 .chart-block {
        margin-top: 20px;
    }

    body.rb212 .chart-block__title {
        font-size: 16px;
        line-height: 20px;
    }

    body.rb212 .chart__bar {
        width: 12px;
    }

    /* На 375, как в макете 156, у графика нет оси и сетки, область построения 144px. */
    body.rb212 .chart {
        --bar-max: 144px;
    }

    body.rb212 .chart__plot {
        height: 144px;
        padding-left: 11px;
    }

    body.rb212 .chart__grid, body.rb212 .chart__ylab {
        display: none;
    }

    body.rb212 .chart__bars {
        left: 11px;
        height: 144px;
    }

    body.rb212 .chart__months {
        padding-left: 11px;
    }

    body.rb212 .chart__months span, body.rb212 .chart__month {
        font-size: 9px;
        line-height: 12px;
    }

    /* Плашки и фильтры на 375 — серые карточки с внутренними полями 20px */
    body.rb212 .plate {
        padding: 0 20px;
    }

    body.rb212 .filters {
        padding: 20px;
    }

    /* На 375 подпись стоит над полем, а не в строку с ним */
    body.rb212 .filters__group {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }

    body.rb212 .filters__group:not(.filters__group--search) .filters__label {
        flex: none;
    }

    /* В колонке фиксированный flex-basis по ширине завышал бы высоту полей */
    body.rb212 .filters__group--search .filters__field, body.rb212 .filters__group--date .filters__field, body.rb212 .filters__group--sum .filters__field {
        flex: 0 0 auto;
    }

    body.rb212 .filters__group--date .filters__row, body.rb212 .filters__group--sum .filters__row {
        flex: 0 0 auto;
    }

    body.rb212 .filters__row {
        align-items: stretch;
    }

    body.rb212 .filters__group--search .filters__row {
        flex-direction: column;
        gap: 8px;
    }

    body.rb212 .filters__actions {
        flex-direction: column;
        align-items: stretch;
        width: 100%;
    }

    body.rb212 .filters__submit, body.rb212 .filters__reset {
        width: 100%;
    }

    body.rb212 .filters__row--range {
        flex-direction: column;
        gap: 8px;
    }

    body.rb212 .filters__dash {
        display: none;
    }

    body.rb212 .filters__select {
        width: 100%;
    }

    body.rb212 .clients__sort {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-top: 16px;
        padding: 0 20px;
    }

    body.rb212 .clients__sort-label {
        flex: none;
        color: var(--black);
        font-size: 13px;
    }

    body.rb212 .filters__select--sort {
        flex: 1 1 auto;
        width: auto;
    }

    /* Таблица клиентов превращается в карточки */
    body.rb212 .clients {
        background: transparent;
    }

    body.rb212 .clients__row {
        display: block;
        min-height: 0;
        padding: 16px;
        font-size: 15px;
    }

    body.rb212 .clients__row:not(.clients__row--head) {
        margin-top: 12px;
        background: var(--soft);
    }

    body.rb212 .clients__row--head + .clients__row {
        margin-top: 0;
    }

    body.rb212 .clients__row:nth-child(even) {
        background: var(--white);
    }

    body.rb212 .clients__row--head {
        display: none;
    }

    body.rb212 .clients__cell {
        display: flex;
        align-items: baseline;
        padding: 0;
        overflow: visible;
        white-space: normal;
    }

    body.rb212 .clients__cell + .clients__cell {
        margin-top: 10px;
    }

    body.rb212 .clients__cell::before {
        content: attr(data-label);
        flex: 0 0 158px;
        color: var(--muted);
        font-size: 13px;
    }

    body.rb212 .clients__cell--name {
        font-size: 15px;
    }

    body.rb212 .clients__foot {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        margin-top: 16px;
    }

    body.rb212 .clients__count, body.rb212 .clients__foot-spacer {
        display: none;
    }

    body.rb212 .clients__per-page {
        gap: 8px;
    }

    /* ТОП-5 превращается в карточки */
    body.rb212 .top5 {
        padding: 0;
        background: transparent;
    }

    body.rb212 .top5__row {
        display: block;
        min-height: 0;
        padding: 16px;
        font-size: 15px;
    }

    body.rb212 .top5__row:not(.top5__row--head) {
        margin-top: 12px;
        background: var(--soft);
    }

    body.rb212 .top5__row--head + .top5__row {
        margin-top: 0;
    }

    body.rb212 .top5__row:nth-child(even) {
        background: var(--white);
    }

    body.rb212 .top5__row--head {
        display: none;
    }

    body.rb212 .top5__cell {
        display: flex;
        align-items: baseline;
        padding: 0;
        overflow: visible;
        white-space: normal;
    }

    body.rb212 .top5__cell + .top5__cell {
        margin-top: 10px;
    }

    body.rb212 .top5__cell::before {
        content: attr(data-label);
        flex: 0 0 158px;
        color: var(--muted);
        font-size: 13px;
    }

    body.rb212 .top5__cell--name {
        font-size: 15px;
    }

}

/* =========================================================================
   RESTARTBIO-157 «Детальная карточка клиента» — демо-страница html/RESTARTBIO-157/ (static)
   Узел Figma 12470:11. Источник: docs/temp/restartbio/RESTARTBIO-157/css/styles.css.
   Все селекторы раздела ограничены корневым классом body.rb157, чтобы стили
   не затрагивали шаблон сайта local/templates/prymery и соседние страницы ЛК
   (RESTARTBIO-166/195/212/215). На демо-странице класс rb157 проставлен на <body>.
   ========================================================================= */

/* ==========================================================================
   Личный кабинет партнёра — «Карточка клиента»
   Вёрстка по макету Figma (RESTARTBIO-157).
   Брейкпоинты макета: desktop 1920 (с меню и без меню), планшет 992,
   моб 768, моб 375. Шапка, подвал и дизайн-токены общие с RESTARTBIO-172.
   ========================================================================== */

body.rb157 {
    --font: "SF Pro Display", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Inter, Roboto, "Helvetica Neue", Arial, sans-serif;

    --black: #000;
    --white: #fff;
    --ink: #191919;
    --text: #3d3d3d;
    --muted: #757575;
    --soft: #f6f6f6;
    --soft-row: #fbfbfb;
    --line: #777;
    --line-light: #c9c9c9;
    --topbar: #1d1c22;

    --accent: #e0a84b;
    --accent-dark: #c9902f;
    --divider: #e0e0e0;
    --divider-light: #efefef;
    --field-border: #e0e0e0;
    --crumb: #a4a4a4;

    --status-delivered: #2e9e5b;
    --status-paid: #e0a84b;
    --status-cancelled: #d64545;

    --error-bg: #fcebe9;
}

body.rb157 *,
body.rb157 *::before,
body.rb157 *::after {
    box-sizing: border-box;
}

body.rb157 {
    -webkit-text-size-adjust: 100%;
}

body.rb157 {
    margin: 0;
    background: var(--white);
    color: var(--black);
    font: 400 16px/1.2 var(--font);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body.rb157 a {
    color: inherit;
}

body.rb157 button {
    font-family: inherit;
}

body.rb157 .visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

/* --- Сетка ----------------------------------------------------------------- */

body.rb157 .container {
    width: 100%;
    max-width: 1308px;
    margin: 0 auto;
}

@media (max-width: 1372px) {
    body.rb157 .container {
        max-width: none;
        padding: 0 32px;
    }
}

/* --- Кнопки ---------------------------------------------------------------- */

body.rb157 .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 40px;
    padding: 0 20px;
    border: 0;
    border-radius: 0;
    background: var(--ink);
    color: var(--white);
    font: 500 14px/1.2 var(--font);
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

body.rb157 .btn__icon {
    display: block;
    flex: none;
}

body.rb157 .btn--outline {
    height: 42px;
    padding: 0 16px;
    background: transparent;
    border: 1px solid var(--black);
    color: var(--black);
}

body.rb157 .btn--back {
    justify-content: flex-start;
    gap: 10px;
    width: 260px;
    height: 44px;
    margin-top: 24px;
    padding: 0 16px;
    background: var(--soft);
    border: 0;
    color: var(--black);
}

body.rb157 .btn--back:hover,
body.rb157 .btn--back.is-hover {
    background: var(--ink);
    color: var(--white);
}

body.rb157 .btn--back:hover .btn__icon,
body.rb157 .btn--back.is-hover .btn__icon {
    filter: invert(1);
}

/* --- Соцсети --------------------------------------------------------------- */

body.rb157 .socials {
    display: flex;
    align-items: center;
    gap: 28px;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* ==========================================================================
   Шапка
   ========================================================================== */

body.rb157 .header__top {
    background: var(--topbar);
}

body.rb157 .header__top-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 61px;
}

body.rb157 .top-nav__list {
    display: flex;
    align-items: center;
    gap: 33px;
    margin: 0;
    padding: 0;
    list-style: none;
}

body.rb157 .top-nav a {
    display: inline-block;
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: 0.3px;
    text-decoration: none;
}

body.rb157 .top-nav a:hover {
    text-decoration: underline;
}

body.rb157 .header__contacts {
    display: flex;
    align-items: center;
}

body.rb157 .header__phone {
    margin-left: 28px;
    color: var(--white);
    font-size: 16px;
    text-decoration: none;
}

body.rb157 .header__bar {
    position: relative;
    background: var(--white);
    border-bottom: 1px solid var(--black);
}

body.rb157 .header__bar-inner {
    display: flex;
    align-items: center;
    height: 80px;
}

body.rb157 .header__logo {
    position: relative;
    display: block;
    flex: none;
    width: 170px;
    height: 16.08px;
    margin-right: 45px;
    overflow: hidden;
}

body.rb157 .header__logo img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: none;
    transform: translate(-50%, -50%);
}

body.rb157 .main-nav__list {
    display: flex;
    align-items: center;
    gap: 51px;
    margin: 0;
    padding: 0;
    list-style: none;
}

body.rb157 .main-nav__item a {
    display: inline-flex;
    align-items: center;
    gap: 7.6px;
    color: rgba(0, 0, 0, 0.9);
    font-size: 12px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.72px;
    text-transform: uppercase;
    text-decoration: none;
}

body.rb157 .main-nav__item a:hover {
    opacity: 0.7;
}

body.rb157 .main-nav__chevron {
    display: block;
    flex: none;
}

body.rb157 .header__actions {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-left: auto;
}

body.rb157 .header__icon {
    display: block;
    flex: none;
}

body.rb157 .header__burger {
    display: none;
    margin-left: auto;
    padding: 0;
    background: none;
    border: 0;
    cursor: pointer;
}

body.rb157 .header__burger img {
    display: block;
}

/* ==========================================================================
   Страница
   ========================================================================== */

body.rb157 .page {
    padding-top: 58px;
}

body.rb157 .page__title {
    margin: 0;
    font-size: 48px;
    font-weight: 300;
    line-height: 57px;
}

body.rb157 .breadcrumbs {
    margin-top: 16px;
}

body.rb157 .breadcrumbs__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
    line-height: 16.38px;
    letter-spacing: 0.42px;
}

body.rb157 .breadcrumbs__item {
    display: flex;
    align-items: center;
}

body.rb157 .breadcrumbs__item a {
    color: rgba(0, 0, 0, 0.9);
    text-decoration: none;
}

body.rb157 .breadcrumbs__item a:hover {
    text-decoration: underline;
}

body.rb157 .breadcrumbs__sep {
    margin: 0 11.6px;
    color: var(--black);
}

body.rb157 .breadcrumbs__item--current {
    color: var(--crumb);
}

body.rb157 .layout {
    display: flex;
    align-items: flex-start;
    column-gap: 80px;
    margin-top: 39px;
}

body.rb157.is-no-menu .layout {
    flex-wrap: wrap;
    row-gap: 0;
}

body.rb157 .content {
    flex: 1 1 auto;
    min-width: 0;
}

/* --- Меню личного кабинета ------------------------------------------------- */

body.rb157 .lk-menu {
    flex: 0 0 249px;
}

body.rb157 .lk-menu__toggle {
    display: none;
}

body.rb157 .lk-menu__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

body.rb157 .lk-menu__item {
    display: flex;
    align-items: center;
    gap: 16px;
    height: 84px;
    padding: 0 32px;
    background: var(--soft);
    border-bottom: 1px solid var(--white);
    color: var(--muted);
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.32px;
    text-decoration: none;
}

body.rb157 .lk-menu__item:hover {
    color: var(--black);
}

body.rb157 .lk-menu__item--active {
    color: var(--black);
}

body.rb157 .lk-menu__icon {
    display: block;
    flex: none;
    width: 20px;
    height: 20px;
}

/* Кнопка переключения варианта «без меню» — прямо под меню */

body.rb157 .lk-menu__collapse {
    width: 100%;
    margin-top: 16px;
    font-size: 13px;
}

/* Вариант без меню: шапка меню убирается, кнопка остаётся доступной */

body.rb157.is-no-menu .lk-menu {
    flex: 0 0 100%;
}

body.rb157.is-no-menu .lk-menu__nav {
    display: none;
}

body.rb157.is-no-menu .lk-menu__collapse {
    width: auto;
    margin: 0 0 24px;
}

/* ==========================================================================
   Карточка клиента (шапка клиента)
   ========================================================================== */

body.rb157 .client {
    padding: 24px 24px 17px;
    background: var(--soft);
}

body.rb157 .client__top {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

body.rb157 .client__avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--divider);
    color: var(--muted);
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.3px;
}

body.rb157 .client__name {
    margin: 2px 0 0;
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
}

body.rb157 .client__meta {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 16px;
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}

body.rb157 .client__meta-item {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

body.rb157 .client__meta-label {
    color: var(--muted);
    font-size: 13px;
    line-height: 16px;
}

body.rb157 .client__meta-value {
    margin-top: 1px;
    overflow: hidden;
    color: var(--black);
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    text-overflow: ellipsis;
    text-decoration: none;
}

body.rb157 a.client__meta-value:hover {
    text-decoration: underline;
}

/* ==========================================================================
   Показатели
   ========================================================================== */

body.rb157 .metrics {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 16px;
    margin-top: 24px;
}

body.rb157 .metric {
    display: flex;
    flex-direction: column;
    height: 159px;
    padding: 22px 14px 33px;
    background: var(--soft);
    text-align: center;
}

body.rb157 .metric__title {
    margin: 0;
    color: var(--black);
    font-size: 20px;
    font-weight: 300;
    line-height: 24px;
}

body.rb157 .metric__value {
    margin: auto 0 0;
    color: var(--accent);
    font-size: 25px;
    font-weight: 500;
    line-height: 30px;
}

/* ==========================================================================
   График
   ========================================================================== */

body.rb157 .chart-panel {
    display: flex;
    flex-direction: column;
    margin-top: 24px;
    padding: 20px;
    background: var(--white);
    border: 1px solid var(--divider);
}

body.rb157 .chart-switch {
    display: inline-flex;
    align-self: flex-start;
}

body.rb157 .chart-switch__btn {
    height: 38px;
    padding: 0 16px;
    background: var(--soft);
    border: 0;
    color: var(--muted);
    font: 500 14px/1 var(--font);
    white-space: nowrap;
    cursor: pointer;
}

body.rb157 .chart-switch__btn:first-child {
    padding: 0 21px;
}

body.rb157 .chart-switch__btn.is-active {
    background: var(--ink);
    color: var(--white);
}

/* Слой «State label» из макета (12471:46) — служебная пометка для приёмки,
   а не часть интерфейса. Полностью исключён из потока, чтобы не оставлять
   пустой зазор над заголовком панели графика. */
body.rb157 .chart-state {
    display: none;
    color: var(--muted);
    font-size: 11px;
    line-height: 13px;
}

body.rb157 .chart-title {
    margin: 13px 0 0;
    color: var(--black);
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
}

body.rb157 .chart {
    position: relative;
    margin-top: 12px;
    /* Высота наибольшего столбца = высоте области построения: линии сетки стоят
     через каждые 50px (0…4), поэтому значение 4 должно упираться в верхнюю линию. */
    --bar-max: 200px;
}

body.rb157 .chart__plot {
    position: relative;
    height: 200px;
    padding-left: 30px;
}

body.rb157 .chart__grid {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 30px;
}

body.rb157 .chart__grid-line {
    position: absolute;
    right: 0;
    left: 0;
    height: 1px;
    background: var(--divider-light);
}

body.rb157 .chart__grid-line:nth-child(1) {
    bottom: 0;
}

body.rb157 .chart__grid-line:nth-child(2) {
    bottom: 50px;
}

body.rb157 .chart__grid-line:nth-child(3) {
    bottom: 100px;
}

body.rb157 .chart__grid-line:nth-child(4) {
    bottom: 150px;
}

body.rb157 .chart__grid-line:nth-child(5) {
    bottom: 200px;
}

body.rb157 .chart__ylab {
    position: absolute;
    left: 0;
    width: 30px;
    color: var(--muted);
    font-size: 11px;
    line-height: 13px;
    transform: translateY(50%);
}

body.rb157 .chart__ylab[data-level="0"] {
    bottom: 0;
}

body.rb157 .chart__ylab[data-level="1"] {
    bottom: 50px;
}

body.rb157 .chart__ylab[data-level="2"] {
    bottom: 100px;
}

body.rb157 .chart__ylab[data-level="3"] {
    bottom: 150px;
}

body.rb157 .chart__ylab[data-level="4"] {
    bottom: 200px;
}

body.rb157 .chart__bars {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 30px;
    display: flex;
    align-items: flex-end;
    height: 200px;
}

body.rb157 .chart__col {
    display: flex;
    flex: 1 1 0;
    align-items: flex-end;
    justify-content: center;
    height: 100%;
}

body.rb157 .chart__bar {
    width: 48px;
    max-width: 100%;
    height: 0;
    background: var(--accent);
    transition: height 0.25s ease;
}

body.rb157 .chart__col:hover .chart__bar {
    background: var(--accent-dark);
}

body.rb157 .chart__months {
    display: flex;
    margin-top: 10px;
    padding-left: 30px;
}

body.rb157 .chart__month {
    flex: 1 1 0;
    color: var(--muted);
    font-size: 13px;
    line-height: 16px;
    text-align: center;
}

body.rb157 .chart__tooltip {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: none;
    margin: 0;
    padding: 6px 10px;
    background: var(--ink);
    color: var(--white);
    font-size: 12px;
    line-height: 16px;
    white-space: nowrap;
    transform: translate(-50%, -100%);
    pointer-events: none;
}

body.rb157 .chart__tooltip.is-visible {
    display: block;
}

/* ==========================================================================
   Фильтры
   ========================================================================== */

body.rb157 .filters {
    margin-top: 24px;
    padding: 20px 20px 40px;
    background: var(--soft);
}

/* Подписи стоят над своими полями, поэтому поля прижаты к левому краю,
   а кнопки выравниваются по нижней границе инпутов. */
body.rb157 .filters__row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 16px 24px;
}

body.rb157 .filters__group {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

body.rb157 .filters__fields {
    display: flex;
    align-items: center;
    gap: 8px;
}

body.rb157 .filters__label {
    color: var(--muted);
    font-size: 13px;
    line-height: 16px;
}

body.rb157 .filters__dash {
    color: var(--muted);
    font-size: 14px;
}

/* Подсказка о неверном периоде. Скрыта, пока проверка не сработала,
   поэтому высота панели фильтров в обычном состоянии не меняется. */
body.rb157 .filters__error {
    margin: 12px 0 0;
    color: var(--status-cancelled);
    font-size: 13px;
    line-height: 16px;
}

body.rb157 .filters__error[hidden] {
    display: none;
}

body.rb157 .date-field.is-invalid .date-field__input {
    border-color: var(--status-cancelled);
}

body.rb157 .date-field {
    position: relative;
    display: block;
}

body.rb157 .date-field__input {
    width: 160px;
    height: 40px;
    padding: 0 12px 0 36px;
    background: var(--white);
    border: 1px solid var(--field-border);
    border-radius: 4px;
    color: var(--black);
    font: 400 14px/1 var(--font);
}

body.rb157 .date-field--plain .date-field__input {
    width: 140px;
    padding: 0 12px;
}

body.rb157 .date-field__input::placeholder {
    color: var(--crumb);
    opacity: 1;
}

body.rb157 .date-field__input:focus {
    outline: 1px solid var(--ink);
    outline-offset: -1px;
}

body.rb157 .date-field__btn {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    background: none;
    border: 0;
    cursor: pointer;
}

body.rb157 .filters__actions {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
}

body.rb157 .filters__reset {
    height: 40px;
    padding: 0 16px;
}

body.rb157 .filters__submit {
    width: 122px;
}

/* --- Календарь (попап) ----------------------------------------------------- */

body.rb157 .datepicker {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    z-index: 30;
    display: none;
    width: 300px;
    max-width: calc(100vw - 40px);
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.16);
}

body.rb157 .datepicker.is-open {
    display: block;
}

body.rb157 .datepicker .calendar {
    width: 100%;
}

/* ==========================================================================
   Заказы и начисления
   ========================================================================== */

body.rb157 .orders {
    margin-top: 24px;
}

body.rb157 .orders__title {
    display: flex;
    align-items: center;
    height: 75px;
    margin: 0;
    padding: 0 20px;
    background: var(--white);
    border-bottom: 1px solid var(--black);
    color: var(--black);
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
}

body.rb157 .orders__table {
    margin-top: 40px;
    background: var(--white);
}

body.rb157 .orders__row {
    display: grid;
    grid-template-columns: 80fr 85fr 105fr 105fr 105fr 110fr 70fr 140fr 168fr;
    align-items: center;
    min-height: 52px;
    background: var(--white);
    border: 1px solid var(--divider-light);
    border-bottom: 0;
}

body.rb157 .orders__row:last-child {
    border-bottom: 1px solid var(--divider-light);
}

body.rb157 .orders__row--head {
    min-height: 40px;
    border: 0;
}

body.rb157 .orders__row:nth-child(even) {
    background: var(--soft-row);
}

body.rb157 .orders__cell {
    overflow: hidden;
    padding: 6px 8px 6px 0;
    color: var(--black);
    font-size: 13px;
    line-height: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.rb157 .orders__cell:first-child {
    padding-left: 12px;
}

body.rb157 .orders__row--head .orders__cell {
    color: var(--muted);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    white-space: normal;
}

body.rb157 .status {
    font-weight: 400;
}

body.rb157 .status--delivered {
    color: var(--status-delivered);
}

body.rb157 .status--paid {
    color: var(--status-paid);
}

body.rb157 .status--cancelled {
    color: var(--status-cancelled);
}

/* --- Пагинация и «показать» ------------------------------------------------ */

body.rb157 .orders__foot {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 0;
}

body.rb157 .pagination {
    display: flex;
    align-items: center;
    gap: 16px;
}

body.rb157 .pagination__pages {
    display: flex;
    align-items: center;
    gap: 16px;
}

body.rb157 .pagination__btn {
    padding: 0;
    background: none;
    border: 0;
    color: var(--black);
    font: 400 14px/18px var(--font);
    cursor: pointer;
}

body.rb157 .pagination__btn:hover {
    color: var(--accent-dark);
}

body.rb157 .pagination__btn.is-active {
    font-weight: 500;
}

body.rb157 .pagination__btn--nav {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    background: var(--white);
    border: 1px solid var(--divider);
    border-radius: 4px;
}

body.rb157 .pagination__btn--nav:hover {
    border-color: var(--accent-dark);
}

body.rb157 .pagination__btn--nav:disabled {
    cursor: default;
    opacity: 0.4;
}

body.rb157 .pagination__btn--nav:disabled:hover {
    border-color: var(--divider);
}

body.rb157 .pagination__icon {
    display: block;
    width: 10px;
    height: 10px;
}

body.rb157 .pagination__dots {
    color: var(--black);
    font-size: 14px;
    line-height: 18px;
}

body.rb157 .orders__count {
    color: var(--muted);
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    white-space: nowrap;
}

body.rb157 .orders__foot-spacer {
    flex: 1 0 0;
    min-width: 1px;
    height: 1px;
}

body.rb157 .orders__per-page {
    display: flex;
    align-items: center;
    gap: 16px;
    cursor: pointer;
}

body.rb157 .orders__per-page-label {
    color: var(--muted);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    white-space: nowrap;
}

body.rb157 .select {
    position: relative;
    display: block;
}

body.rb157 .select__control {
    width: 170px;
    height: 36px;
    padding: 0 34px 0 12px;
    appearance: none;
    -webkit-appearance: none;
    background: var(--white);
    border: 1px solid var(--divider);
    border-radius: 4px;
    color: var(--black);
    font: 400 14px/1 var(--font);
    cursor: pointer;
}

body.rb157 .select__chevron {
    position: absolute;
    top: 50%;
    right: 12px;
    width: 12px;
    height: 12px;
    pointer-events: none;
    transform: translateY(-50%);
}

/* ==========================================================================
   Служебные состояния
   ========================================================================== */

body.rb157 .spec {
    margin-top: 60px;
    padding-top: 24px;
    border-top: 1px dashed var(--field-border);
}

body.rb157 .spec__title {
    margin: 0;
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
}

body.rb157 .spec__note {
    margin: 8px 0 0;
    color: var(--muted);
    font-size: 14px;
}

body.rb157 .spec__note code {
    padding: 1px 4px;
    background: var(--soft);
}

body.rb157 .spec__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    margin-top: 20px;
}

body.rb157 .spec__item {
    padding: 20px;
    background: var(--soft);
}

body.rb157 .spec-label {
    margin: 0 0 12px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 400;
}

body.rb157 .empty {
    padding: 24px;
    background: var(--white);
    color: var(--muted);
    font-size: 15px;
}

/* Загрузка */

body.rb157 .skeleton {
    padding: 8px 0;
}

body.rb157 .skeleton__row {
    height: 16px;
    margin-top: 14px;
    background: linear-gradient(90deg, #e8e8e8 25%, #f2f2f2 37%, #e8e8e8 63%);
    background-size: 400% 100%;
    animation: skeleton 1.4s ease infinite;
}

body.rb157 .skeleton__row--head {
    height: 12px;
    width: 55%;
    margin-top: 0;
}

@keyframes skeleton {
    0% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0 50%;
    }
}

/* Календарь */

body.rb157 .calendar {
    width: 300px;
    max-width: 100%;
    padding: 16px;
    background: var(--white);
    border: 1px solid var(--divider);
}

body.rb157 .calendar__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

body.rb157 .calendar__caption {
    font-size: 15px;
    font-weight: 500;
}

body.rb157 .calendar__nav {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    background: none;
    border: 0;
    cursor: pointer;
}

body.rb157 .calendar__nav img {
    transform: rotate(90deg);
}

body.rb157 .calendar__nav--next img {
    transform: rotate(-90deg);
}

body.rb157 .calendar__grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
    margin-top: 12px;
}

body.rb157 .calendar__dow {
    padding: 4px 0;
    color: var(--muted);
    font-size: 12px;
    text-align: center;
}

body.rb157 .calendar__day {
    height: 34px;
    padding: 0;
    background: none;
    border: 0;
    color: var(--black);
    font: 400 13px/1 var(--font);
    cursor: pointer;
}

body.rb157 .calendar__day:hover {
    background: var(--soft);
}

body.rb157 .calendar__day.is-muted {
    color: var(--crumb);
}

body.rb157 .calendar__day--selected,
body.rb157 .calendar__day--selected:hover {
    background: var(--accent);
    color: var(--white);
}

body.rb157:not(.is-spec) .spec {
    display: none;
}

/* ==========================================================================
   Тост
   ========================================================================== */

body.rb157 .toast-region {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 20;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    pointer-events: none;
}

body.rb157 .toast {
    width: 440px;
    max-width: calc(100vw - 48px);
    padding: 16px 20px;
    border-radius: 4px;
    background: var(--ink);
    color: var(--white);
    font-size: 14px;
    font-weight: 500;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

body.rb157 .toast[hidden] {
    display: none;
}

/* ==========================================================================
   Подвал
   ========================================================================== */

body.rb157 .footer {
    position: relative;
    margin-top: 60px;
    padding-top: 74px;
    background: var(--black);
    color: var(--white);
}

body.rb157 .footer__logo {
    display: flex;
    justify-content: center;
}

body.rb157 .footer__logo img {
    display: block;
    max-width: none;
}

body.rb157 .footer__tagline {
    margin: 24px 0 0;
    color: var(--white);
    font-size: 16px;
    text-align: center;
    opacity: 0.8;
}

body.rb157 .footer__cols {
    display: flex;
    align-items: flex-start;
    width: 1113px;
    max-width: 100%;
    margin: 49px auto 0;
    padding-top: 26px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

body.rb157 .footer__mini-logo {
    position: relative;
    display: block;
    flex: none;
    width: 150px;
    height: 14.17px;
    margin-top: 3px;
    overflow: hidden;
}

body.rb157 .footer__mini-logo img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: none;
    transform: translate(-50%, -50%);
}

body.rb157 .footer__nav--main {
    width: 103px;
    margin-left: 177px;
}

body.rb157 .footer__nav--shop {
    width: 67px;
    margin-left: 131px;
}

body.rb157 .footer__nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

body.rb157 .footer__nav a {
    display: inline-block;
    color: var(--white);
    font-size: 14px;
    line-height: 22.4px;
    text-decoration: none;
    opacity: 0.7;
}

body.rb157 .footer__nav a:hover {
    opacity: 1;
}

body.rb157 .footer__contacts {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
    width: 307px;
    margin-left: auto;
    text-align: right;
}

body.rb157 .footer__contact {
    margin: 0;
    color: var(--white);
    font-size: 16px;
    line-height: 19.2px;
    text-decoration: none;
}

body.rb157 .footer__tg {
    color: #e7b65c;
}

body.rb157 .footer__socials {
    display: flex;
    align-items: center;
    gap: 8px;
}

body.rb157 .footer__socials-label {
    font-size: 16px;
    line-height: 19.2px;
}

body.rb157 .footer__socials .socials {
    gap: 16.4px;
}

body.rb157 .footer__bottom {
    display: flex;
    align-items: flex-start;
    width: 1113px;
    max-width: 100%;
    margin: 40px auto 0;
    padding-bottom: 36px;
    font-size: 14px;
}

body.rb157 .footer__legal p {
    margin: 0;
    color: rgba(255, 255, 255, 0.9);
    line-height: 15px;
    opacity: 0.8;
}

body.rb157 .footer__legal a {
    display: inline-block;
    margin-top: 8px;
    color: rgba(255, 255, 255, 0.5);
    line-height: 16.33px;
    text-decoration: underline;
    opacity: 0.8;
}

body.rb157 .footer__dev {
    margin: 1px 10px 0 auto;
    color: rgba(255, 255, 255, 0.9);
    line-height: 15px;
    opacity: 0.8;
}

body.rb157 .footer__itargency {
    position: relative;
    display: block;
    flex: none;
}

body.rb157 .footer__itargency-img {
    display: block;
    max-width: none;
}

body.rb157 .footer__itargency-img--hover {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

body.rb157 .footer__itargency:hover .footer__itargency-img--hover {
    opacity: 1;
}

body.rb157 .footer__to-top {
    position: absolute;
    left: 40px;
    bottom: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 48px;
    padding: 0;
    background: var(--black);
    border: 1px solid var(--white);
    cursor: pointer;
}

/* ==========================================================================
   Планшет 992 (<= 1200)
   ========================================================================== */

@media (max-width: 1200px) {
    body.rb157 .top-nav,
    body.rb157 .main-nav,
    body.rb157 .header__ask {
        display: none;
    }

    body.rb157 .header__contacts {
        margin-left: auto;
    }

    body.rb157 .page {
        padding-top: 79px;
    }

    body.rb157 .page__title {
        font-size: 36px;
        line-height: 43px;
    }

    body.rb157 .breadcrumbs {
        margin-top: 32px;
    }

    body.rb157 .layout {
        flex-direction: column;
        row-gap: 0;
        margin-top: 33px;
    }

    body.rb157 .lk-menu {
        flex: none;
        width: 100%;
    }

    body.rb157 .lk-menu__collapse {
        display: none;
    }

    body.rb157 .lk-menu__nav {
        width: 100%;
    }

    body.rb157 .lk-menu__list {
        display: flex;
    }

    body.rb157 .lk-menu__list > li {
        flex: 1 1 0;
        min-width: 0;
    }

    body.rb157 .lk-menu__list > li:last-child {
        flex: 0 0 56px;
    }

    body.rb157 .lk-menu__item {
        flex: 1 1 0;
        height: 56px;
        padding: 0 16px;
        border-right: 1px solid var(--white);
        border-bottom: 0;
    }

    body.rb157 .lk-menu__list li:last-child .lk-menu__item {
        border-right: 0;
    }

    body.rb157 .lk-menu__item--logout {
        flex: 0 0 56px;
        justify-content: center;
        padding: 0;
    }

    body.rb157 .lk-menu__item--logout .lk-menu__label {
        display: none;
    }

    body.rb157 .content {
        width: 100%;
        margin-top: 39px;
    }

    body.rb157 .metrics {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }

    body.rb157 .metric {
        padding: 22px 20px 33px;
    }

    /* 992: столбцы 44, подписи месяцев 12/14, фильтры в строку + «Найти» на второй строке */
    body.rb157 .chart__bar {
        width: 44px;
    }

    body.rb157 .chart__month {
        font-size: 12px;
        line-height: 14px;
    }

    body.rb157 .filters {
        padding: 20px;
    }

    body.rb157 .filters__row {
        row-gap: 16px;
    }

    body.rb157 .filters__actions {
        margin-left: 0;
    }

    body.rb157 .filters__submit {
        width: 140px;
    }

    /* 992: таблица заказов шире контента — горизонтальная прокрутка */
    body.rb157 .orders__table {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    body.rb157 .orders__row {
        min-width: 1100px;
    }

    /* 992: пункты меню без иконок, подписи по центру */
    body.rb157 .lk-menu__icon {
        display: none;
    }

    body.rb157 .lk-menu__item {
        justify-content: center;
        min-width: 0;
        padding: 0 6px;
    }

    body.rb157 .lk-menu__label {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    body.rb157 .lk-menu__item--logout .lk-menu__icon {
        display: block;
    }

    body.rb157 .footer {
        padding-top: 41px;
        padding-bottom: 22px;
    }

    body.rb157 .footer__tagline {
        margin-top: 23px;
    }

    body.rb157 .footer__cols,
    body.rb157 .footer__itargency,
    body.rb157 .footer__to-top {
        display: none;
    }

    body.rb157 .footer__bottom {
        width: auto;
        margin: 40px 0 0;
        padding: 0 32px;
    }
}

/* ==========================================================================
   Моб 768 (<= 900)
   ========================================================================== */

@media (max-width: 900px) {
    body.rb157 .page {
        padding-top: 69px;
    }

    body.rb157 .page__title {
        font-size: 32px;
        line-height: 38px;
    }

    body.rb157 .breadcrumbs {
        margin-top: 27px;
    }

    body.rb157 .lk-menu__item {
        font-size: 15px;
    }

    body.rb157 .content {
        margin-top: 49px;
    }

    body.rb157 .metrics {
        grid-template-columns: repeat(2, 1fr);
    }

    /* 768: столбцы 32, подписи месяцев 10/12 */
    body.rb157 .chart__bar {
        width: 32px;
    }

    body.rb157 .chart__month {
        font-size: 10px;
        line-height: 12px;
    }

    /* 768: фильтры в столбик — подпись над полями, группы на всю ширину */
    body.rb157 .filters {
        padding: 20px;
    }

    body.rb157 .filters__row {
        row-gap: 16px;
    }

    body.rb157 .filters__group {
        flex: 1 1 100%;
    }

    body.rb157 .filters__fields {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }

    body.rb157 .date-field,
    body.rb157 .date-field--plain {
        flex: 1 1 100%;
    }

    body.rb157 .date-field__input,
    body.rb157 .date-field--plain .date-field__input {
        width: 100%;
    }

    body.rb157 .filters__dash {
        display: none;
    }

    body.rb157 .filters__actions {
        margin: 0;
    }

    body.rb157 .filters__submit {
        width: 140px;
    }

    body.rb157 .spec__grid {
        grid-template-columns: 1fr;
    }
}

/* ==========================================================================
   Моб 375 (<= 640)
   ========================================================================== */

@media (max-width: 640px) {
    body.rb157 .container {
        padding: 0 16px;
    }

    body.rb157 .header__top {
        display: none;
    }

    body.rb157 .header__bar-inner {
        height: 80px;
    }

    body.rb157 .header__logo {
        margin-right: 0;
    }

    body.rb157 .header__actions {
        display: none;
    }

    body.rb157 .header__burger {
        display: block;
    }

    body.rb157 .main-nav.is-open {
        position: absolute;
        right: 0;
        left: 0;
        top: 100%;
        z-index: 10;
        display: block;
        padding: 8px 16px;
        background: var(--white);
        border-bottom: 1px solid var(--black);
    }

    body.rb157 .main-nav.is-open .main-nav__list {
        flex-direction: column;
        align-items: stretch;
        gap: 0;
    }

    body.rb157 .main-nav.is-open .main-nav__item a {
        justify-content: space-between;
        width: 100%;
        height: 48px;
    }

    body.rb157 .page {
        padding-top: 100px;
    }

    body.rb157 .page__title {
        font-size: 28px;
        line-height: 33px;
    }

    body.rb157 .breadcrumbs {
        margin-top: 17px;
    }

    body.rb157 .breadcrumbs__list {
        font-size: 13px;
    }

    body.rb157 .layout {
        margin-top: 18px;
    }

    body.rb157 .lk-menu__toggle {
        display: flex;
        align-items: center;
        gap: 12px;
        width: 100%;
        height: 56px;
        padding: 0 16px;
        background: var(--soft);
        border: 0;
        color: var(--black);
        font-size: 16px;
        font-weight: 500;
        text-align: left;
        cursor: pointer;
    }

    body.rb157 .lk-menu__toggle-icon {
        display: block;
        flex: none;
    }

    body.rb157 .lk-menu__nav {
        display: none;
    }

    body.rb157 .lk-menu.is-open .lk-menu__nav {
        display: block;
    }

    body.rb157 .lk-menu__list {
        display: block;
    }

    body.rb157 .lk-menu__item {
        flex: none;
        width: 100%;
        padding: 0 16px;
        border-right: 0;
        border-bottom: 1px solid var(--white);
    }

    body.rb157 .lk-menu__item--logout {
        flex: none;
        justify-content: flex-start;
        padding: 0 16px;
    }

    body.rb157 .lk-menu__item--logout .lk-menu__label {
        display: block;
    }

    body.rb157 .lk-menu__collapse {
        display: none;
    }

    body.rb157 .content {
        margin-top: 24px;
    }

    body.rb157 .client {
        padding: 20px;
    }

    body.rb157 .client__top {
        gap: 12px;
    }

    body.rb157 .client__avatar {
        width: 40px;
        height: 40px;
        font-size: 14px;
    }

    body.rb157 .client__name {
        margin-top: 4px;
        font-size: 20px;
        line-height: 26px;
    }

    body.rb157 .client__meta {
        grid-template-columns: 1fr;
        row-gap: 8px;
        margin-top: 24px;
    }

    body.rb157 .metrics {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    body.rb157 .metric {
        padding: 22px 20px 33px;
    }

    /* Порядок блоков в панели графика как в макете 375 */
    body.rb157 .chart-panel {
        padding: 17px;
    }

    body.rb157 .chart-switch {
        order: 3;
        flex-direction: column;
        align-self: stretch;
        margin-top: 19px;
    }

    body.rb157 .chart-switch__btn,
    body.rb157 .chart-switch__btn:first-child {
        width: 100%;
        height: 40px;
        padding: 0;
    }

    body.rb157 .chart-switch__btn + .chart-switch__btn {
        margin-top: 8px;
    }

    body.rb157 .chart-state {
        order: 1;
        margin-top: 0;
    }

    body.rb157 .chart-title {
        order: 2;
        margin-top: 17px;
        font-size: 16px;
        line-height: 19px;
    }

    body.rb157 .chart {
        order: 4;
        margin-top: 42px;
        --bar-max: 144px;
    }

    /* 375: у графика нет оси и сетки, столбцы 16, область построения 144 */
    body.rb157 .chart__plot {
        height: 144px;
        padding-left: 11px;
    }

    body.rb157 .chart__grid,
    body.rb157 .chart__ylab {
        display: none;
    }

    body.rb157 .chart__bars {
        left: 11px;
        height: 144px;
    }

    body.rb157 .chart__months {
        padding-left: 11px;
    }

    body.rb157 .chart__bar {
        width: 16px;
    }

    body.rb157 .chart__month {
        font-size: 10px;
        line-height: 11px;
    }

    body.rb157 .filters {
        padding: 20px;
    }

    /* Таблица заказов превращается в карточки с подписями */
    body.rb157 .orders__table {
        overflow: visible;
        margin-top: 24px;
        background: transparent;
    }

    body.rb157 .orders__row {
        display: block;
        min-width: 0;
        min-height: 0;
        margin-top: 0;
        padding: 16px;
        background: var(--soft);
        border: 0;
    }

    body.rb157 .orders__row + .orders__row {
        margin-top: 16px;
    }

    body.rb157 .orders__row:last-child {
        border-bottom: 0;
    }

    body.rb157 .orders__row--head {
        display: none;
    }

    body.rb157 .orders__cell {
        display: flex;
        flex-direction: column;
        padding: 2px 0 0;
        font-size: 14px;
        line-height: 18px;
        white-space: normal;
    }

    body.rb157 .orders__cell:first-child {
        padding-top: 0;
        padding-left: 0;
    }

    body.rb157 .orders__row:not(.orders__row--head) .orders__cell::before {
        content: attr(data-label);
        color: var(--muted);
        font-size: 13px;
        line-height: 16px;
    }

    body.rb157 .orders__foot {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    body.rb157 .orders__count,
    body.rb157 .orders__foot-spacer {
        display: none;
    }

    body.rb157 .orders__per-page {
        gap: 8px;
    }

    body.rb157 .pagination {
        gap: 16px;
    }

    body.rb157 .btn--back {
        width: 100%;
        margin-top: 24px;
    }

    body.rb157 .spec__grid {
        gap: 16px;
    }

    body.rb157 .spec__item {
        padding: 16px;
    }

    body.rb157 .footer__bottom {
        padding: 0 16px;
    }

    body.rb157 .footer__dev {
        margin-right: 0;
    }
}


/* ==========================================================================
   Контент: подсказка, форма
   ========================================================================== */
body.rb173 .hint {

    margin: 0;
    padding: 14px 24px;
    background: var(--hint-bg);
    color: var(--hint-text);
    font-size: 14px;
    font-weight: 500;
}

body.rb173 .field-label {

    display: block;
    margin-top: 30px;
    color: var(--muted);
    font-size: 16px;
    font-weight: 500;
}

body.rb173 .check-form {

    display: flex;
    gap: 20px;
    margin-top: 10px;
}

body.rb173 .input {

    width: 370px;
    height: 41px;
    padding: 0 12px;
    background: var(--soft);
    border: 1px solid var(--line);
    border-radius: 0;
    color: var(--black);
    font: 400 15px/1 var(--font);
}

body.rb173 .input::placeholder {

    color: var(--muted);
    opacity: 1;
}

body.rb173 .input:focus {

    outline: 1px solid var(--black);
    outline-offset: -1px;
}

body.rb173 .check-form__submit {
    flex: none;
    width: 140px;
}

body.rb173 .check-form__submit.p-btn--disabled {
    pointer-events: none;
    opacity: .4;
}

body.rb173 .check-form.is-loading .input {

    opacity: 0.5;
    border-color: var(--line-light);
    pointer-events: none;
}

body.rb173 .check-form.is-loading .check-form__submit {

    opacity: 0.5;
    pointer-events: none;
}

body.rb173 .check-form.is-loading .check-form__icon-search {

    display: none;
}

body.rb173 .check-form.is-loading .check-form__icon-spinner {

    display: block;
}

/* Блок-образец состояния загрузки (как в макете) */
body.rb173 .spec-block {

    margin-top: 20px;
}

body.rb173 .spec-label {

    margin: 0 0 8px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 400;
}

body.rb173 .loading-row {

    display: flex;
    gap: 20px;
}

body.rb173 .input.input--disabled {
    opacity: 0.5;
    border-color: var(--line-light);
    color: var(--muted);
}

body.rb173 .loading-row .btn {

    width: 140px;
}

/* ==========================================================================
   Результат проверки
   ========================================================================== */
body.rb173 .results {

    margin-top: 20px;
}

body.rb173 .plate {

    display: flex;
    align-items: center;
    height: 75px;
    margin: 0;
    padding: 0 26px;
    background: var(--white);
    border-bottom: 1px solid var(--accent);
    font-size: 20px;
    font-weight: 400;
}

body.rb173 .states {

    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 24px;
}

body.rb173 .empty {
    width: 100% !important;
    height: auto !important;
    padding: 24px;
    background: var(--soft);
    color: var(--muted);
    font-size: 16px;
}

body.rb173 .state {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 24px;
    border-left: 3px solid transparent;
    min-height: auto !important;
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
}

body.rb173 .state--error {

    background: var(--error-bg);
    border-left-color: var(--error);
}

body.rb173 .state--success {

    background: var(--success-bg);
    border-left-color: var(--success);
}

body.rb173 .state--info {

    background: var(--info-bg);
    border-left-color: var(--info);
}

body.rb173 .state--warning {

    background: var(--warning-bg);
    border-left-color: var(--accent);
}

body.rb173 .state__head {

    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
}

body.rb173 .state__icon {

    display: block;
    flex: none;
    width: 24px;
    height: 24px;
}

body.rb173 .state__title {

    font-size: 16px;
    font-weight: 500;
}

body.rb173 .state--error .state__title {

    color: var(--error);
}

body.rb173 .state--success .state__title {
    color: var(--success2);
}

body.rb173 .state--info .state__title {

    color: var(--info2);
}

body.rb173 .state--warning .state__title {

    color: var(--warning);
}

body.rb173 .state__body {

    margin: 0;
    color: var(--text);
    font-size: 15px;
}

body.rb173 .state__action {

    align-self: flex-start;
}

body.rb173 .footnote {

    display: none;
    flex-direction: column;
    gap: 12px;
    padding: 24px;
    background: var(--hint-bg);
}

body.rb173 .footnote__note {

    display: none;
    margin: 0;
    color: var(--hint-text);
    font-size: 14px;
    font-weight: 500;
}

/* ==========================================================================
   Мои запросы
   ========================================================================== */
body.rb173 .requests {

    margin-top: 60px;
}

body.rb173 .requests__table {

    font-size: 16px;
    font-weight: 500;
}

body.rb173 .requests__row {

    display: grid;
    grid-template-columns: 15.43% 23.05% 20.04% 19.04% 22.44%;
    align-items: center;
    height: 52px;
}

body.rb173 .requests__row:nth-child(even) {

    background: var(--soft);
}

body.rb173 .requests__cell {

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.rb173 .requests__cell:first-child {

    padding-left: 24px;
}

body.rb173 .requests__cell:last-child {

    padding-right: 24px;
}

body.rb173 .requests__row--head .requests__cell {

    color: var(--muted);
    font-weight: 500;
}

body.rb173 .is-PENDING {

    color: var(--warning);
}

body.rb173 .is-APPROVED {

    color: var(--success2);
}

body.rb173 .is-REJECTED {

    color: var(--error);
}

/* --- Тосты ----------------------------------------------------------------- */
body.rb173 .toast-region {

    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 20;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 20px;
    pointer-events: none;
}

body.rb173 .toast {

    display: none;
    width: 440px;
    max-width: calc(100vw - 48px);
    padding: 16px 20px;
    border-radius: 4px;
    background: var(--ink);
    color: var(--white);
    font-size: 14px;
    font-weight: 500;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

body.rb173 .toast.is-visible {

    display: block;
}

/* Режим спецификации: все состояния видны, как на экране макета */
body.rb173.is-spec .footnote {

    display: flex;
}

body.rb173.is-spec .footnote__note {

    display: block;
}

body.rb173.is-spec .toast-region {

    position: static;
    pointer-events: auto;
}

body.rb173.is-spec .toast {

    display: block;
    box-shadow: none;
}

body.rb173:not(.is-spec) .spec-block,
body.rb173:not(.is-spec) .empty,
body.rb173:not(.is-spec) .state-group {

    display: none;
}

body.rb173:not(.is-spec) .state-group.is-active {

    display: block;
}


/* ==========================================================================
   Планшет 992 (<= 1200)
   ========================================================================== */
@media (max-width: 1200px) {

    body.rb173 .hint {

        padding: 16px 24px;
    }

    body.rb173 .field-label {

        margin-top: 21px;
    }

    body.rb173 .states {

        margin-top: 20px;
    }

}

/* ==========================================================================
   Моб 768 (<= 900)
   ========================================================================== */
@media (max-width: 900px) {

    body.rb173 .field-label {

        margin-top: 31px;
    }

    body.rb173 .check-form {

        flex-direction: column;
        gap: 16px;
    }

    body.rb173 .check-form .input,
    body.rb173 .check-form__submit {

        width: 100%;
    }

    body.rb173 .loading-row {

        flex-direction: column;
        gap: 16px;
    }

    body.rb173 .loading-row .input,
    body.rb173 .loading-row .btn {

        width: 100%;
    }
}

/* ==========================================================================
   Моб 375 (<= 640)
   ========================================================================== */
@media (max-width: 640px) {

    body.rb173 .hint {

        padding: 16px;
    }

    body.rb173 .field-label {

        margin-top: 13px;
    }

    body.rb173 .states {

        gap: 20px;
    }

    body.rb173 .plate {

        padding: 0 20px;
    }

    body.rb173 .empty {

        padding: 20px;
        font-size: 15px;
    }


    body.rb173 .footnote {

        padding: 20px;
    }

    /* Таблица запросов превращается в карточки */
    body.rb173 .requests__table {

        font-size: 15px;
    }

    body.rb173 .requests__row {

        display: block;
        height: auto;
        margin-top: 12px;
        padding: 16px;
    }

    body.rb173 .requests__table .requests__row--head {

        display: none;
    }

    body.rb173 .requests__cell {

        display: flex;
        padding-top: 10px;
        white-space: normal;
    }

    body.rb173 .requests__cell:first-child {

        padding-top: 0;
        padding-left: 0;
    }

    body.rb173 .requests__cell:last-child {

        padding-right: 0;
    }

    body.rb173 .requests__row:not(.requests__row--head) .requests__cell::before {

        content: attr(data-label);
        flex: 0 0 108px;
        width: 108px;
        color: var(--muted);
        font-size: 13px;
        font-weight: 400;
    }

}


/* ==========================================================================
   Таблица заявок
   ========================================================================== */
body.rb79 .applications__table {

    font-size: 15px;
}

body.rb79 .app-row {

    display: grid;
    grid-template-columns: 80px 80px 130px 150px 250px 220px 130px 150px 1fr;
    align-items: center;
    height: 50px;
    padding: 0 15px;
}

body.rb79 .app-row--head {

    height: 57px;
    border: 1px solid var(--black);
    color: var(--muted);
    font-size: 14px;
    font-weight: 500;
}

body.rb79 .app-row:not(.app-row--head):nth-child(odd) {

    background: var(--row-alt);
}

body.rb79 .app-cell {

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.rb79 .app-cell--name {

    display: none;
}

body.rb79 .app-cell--action {

    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    justify-self: end;
    overflow: visible;
}

body.rb79 .app-link {

    display: inline-flex;
    align-items: center;
    gap: 15px;
    padding: 0;
    background: none;
    border: 0;
    color: var(--link);
    font: 500 14px/1.2 var(--font);
    text-decoration: none;
    cursor: pointer;
}

body.rb79 .app-link:hover {

    text-decoration: underline;
}

body.rb79 .app-link img {

    display: block;
    width: 20px;
    height: 20px;
}

body.rb79 .applications__foot {

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 40px;
}

body.rb79 .applications__count {

    margin: 0;
    color: var(--muted);
    font-size: 13px;
    font-weight: 500;
}

body.rb79 .applications__more {

    height: 54px;
}

/* ==========================================================================
   Служебный экран: формы, состояния
   ========================================================================== */
body.rb79 .service {

    margin-top: 80px;
}

body.rb79 .service__title {

    margin: 0 0 32px;
    font-size: 32px;
    font-weight: 300;
    line-height: 38px;
}

body.rb79 .spec-block {

    margin-top: 24px;
}

body.rb79 .spec-label {

    margin: 0 0 12px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 400;
}

body.rb79 .spec-sublabel {

    margin: 16px 0 8px;
    color: var(--muted);
    font-size: 13px;
}

body.rb79 .dialog-frame {

    display: flex;
    justify-content: center;
    padding: 40px;
    background: var(--sep);
}

body.rb79 .dialog {

    position: relative;
    width: 560px;
    max-width: 100%;
    padding: 40px;
    background: var(--white);
}

body.rb79 .dialog__head {

    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

body.rb79 .dialog__title {

    margin: 0;
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
}

body.rb79 .dialog__close {

    flex: none;
    padding: 0;
    background: none;
    border: 0;
    cursor: pointer;
}

body.rb79 .dialog__close img {

    display: block;
    width: 24px;
    height: 24px;
}

body.rb79 .dialog__lead {

    margin: 24px 0 0;
    font-size: 16px;
    line-height: 19px;
    color: var(--muted);
}

body.rb79 .dialog__fields {

    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 24px 0 0;
}

body.rb79 .dialog__field {

    display: flex;
    flex-direction: column;
    gap: 4px;
}

body.rb79 .dialog__field dt,
body.rb79 .dialog__label {

    color: var(--muted);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
}

body.rb79 .dialog__field dd {

    margin: 0;
    font-size: 16px;
    line-height: 19px;
}

body.rb79 .dialog__field dd a {

    color: var(--link);
}

body.rb79 .dialog__field--stack {

    margin-top: 24px;
}

body.rb79 .dialog__hint {

    margin: 12px 0 0;
    color: var(--muted);
    font-size: 14px;
    line-height: 18px;
}

body.rb79 .dialog__radios {

    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 16px;
}

body.rb79 .dialog__radios.has-error,
body.rb79 .textarea.has-error {

    outline: 1px solid var(--error);
    outline-offset: 8px;
}

body.rb79 .radio {

    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 16px;
    cursor: pointer;
}

body.rb79 .radio input {

    flex: none;
    width: 20px;
    height: 20px;
    margin: 0;
    accent-color: var(--ink);
}

body.rb79 .dialog__actions {

    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 32px;
}

body.rb79 .textarea {

    width: 100%;
    min-height: 90px;
    padding: 12px;
    background: var(--white);
    border: 1px solid var(--line);
    border-radius: 0;
    color: var(--black);
    font: 400 16px/1.35 var(--font);
    resize: vertical;
}

body.rb79 .textarea::placeholder {

    color: var(--muted);
    opacity: 1;
}

body.rb79 .textarea:focus {

    outline: 1px solid var(--black);
    outline-offset: -1px;
}

/* --- Всплывающая форма ------------------------------------------------------ */
body.rb79 .dialog-modal {
    position: fixed;
    inset: 0;
    z-index: 40;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 110px 16px 40px;
    overflow: auto;
    z-index: 999;
}

body.rb79 .dialog-modal[hidden] {

    display: none;
}

body.rb79 .dialog-modal__overlay {

    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
}

body.rb79 .dialog-modal__dialog {

    position: relative;
    z-index: 1;
}

/* --- Состояния списка ------------------------------------------------------- */
body.rb79 .skeleton {

    display: flex;
    flex-direction: column;
    gap: 12px;
}

body.rb79 .skeleton__line {

    display: block;
    height: 28px;
    background: #ededed;
}

body.rb79 .empty {

    padding: 24px;
    background: var(--soft);
    color: var(--muted);
    font-size: 16px;
}

body.rb79 .error-state {

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 24px;
    background: var(--soft);
}

body.rb79 .error-state__text {

    margin: 0;
    font-size: 16px;
}

/* --- Тосты ----------------------------------------------------------------- */
body.rb79 .toast-preview {

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

body.rb79 .toast-region {

    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 50;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 20px;
    pointer-events: none;
}

body.rb79 .toast {

    display: none;
    width: 440px;
    max-width: calc(100vw - 48px);
    padding: 16px 20px;
    border-radius: 4px;
    background: var(--ink);
    color: var(--white);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

body.rb79 .toast.is-visible,
body.rb79 .toast--static {

    display: block;
}

body.rb79 .toast--static {

    box-shadow: none;
}

/* --- Аннотации -------------------------------------------------------------- */
body.rb79 .spec-notes {

    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 24px;
}

body.rb79 .spec-annotation {

    margin: 0;
    color: var(--muted);
    font-size: 14px;
    line-height: 20px;
}

/* Режим спецификации: служебные блоки видны, как на экране макета */
body.rb79:not(.is-spec) .service {

    display: none;
}


/* ==========================================================================
   Планшет 992 (<= 1200)
   ========================================================================== */
@media (max-width: 1200px) {

    /* Таблица сжимается; при переполнении — прокрутка внутри контейнера */
    body.rb79 .applications__table {

        overflow-x: auto;
    }

    body.rb79 .app-row {

        grid-template-columns: 64px 64px 120px 140px 200px 180px 110px 130px 130px;
        min-width: 1168px;
    }

}

/* ==========================================================================
   Моб 768 (<= 900)
   ========================================================================== */
@media (max-width: 900px) {

    body.rb79 .applications__table {

        overflow: visible;
    }

    /* Сокращённый набор колонок: ID · ФИО · Телефон · Дата запроса · Перейти */
    body.rb79 .app-row {

        grid-template-columns: 56px 1fr 150px 110px 96px;
        min-width: 0;
    }

    body.rb79 .app-cell--name {

        display: block;
    }

    body.rb79 .app-cell[data-label="ID парт."],
    body.rb79 .app-cell[data-label="Имя"],
    body.rb79 .app-cell[data-label="Фамилия"],
    body.rb79 .app-cell[data-label="E-mail"],
    body.rb79 .app-cell[data-label="Дата рег."] {

        display: none;
    }

    body.rb79 .applications__foot {

        margin-top: 32px;
    }

    body.rb79 .service__title {

        font-size: 28px;
        line-height: 34px;
    }
}

/* ==========================================================================
   Моб 375 (<= 640)
   ========================================================================== */
@media (max-width: 640px) {

    /* Таблица заявок превращается в карточки */
    body.rb79 .applications__table {

        font-size: 14px;
    }

    body.rb79 .app-row {

        display: flex;
        flex-direction: column;
        height: auto;
        padding: 16px;
        border-bottom: 1px solid var(--sep);
    }

    body.rb79 .app-row--head {

        display: none;
    }

    body.rb79 .app-row:not(.app-row--head):nth-child(odd) {

        background: transparent;
    }

    body.rb79 .app-cell {

        display: flex;
        padding-top: 8px;
        white-space: normal;
        overflow: visible;
    }

    body.rb79 .app-cell::before {

        content: attr(data-label);
        flex: 0 0 108px;
        width: 108px;
        color: var(--muted);
        font-size: 12px;
        font-weight: 500;
    }

    body.rb79 .app-cell[data-label="ID"] {

        display: none;
    }

    body.rb79 .app-cell[data-label="E-mail"],
    body.rb79 .app-cell[data-label="Дата рег."] {

        display: flex;
    }

    body.rb79 .app-cell--name {

        order: 1;
        display: block;
        padding-top: 0;
        color: var(--black);
        font-size: 16px;
        font-weight: 500;
    }

    body.rb79 .app-cell--name::before {

        content: none;
    }

    body.rb79 .app-cell[data-label="Телефон"] {

        order: 2;
    }

    body.rb79 .app-cell[data-label="E-mail"] {

        order: 3;
    }

    body.rb79 .app-cell[data-label="Дата рег."] {

        order: 4;
    }

    body.rb79 .app-cell[data-label="Дата запроса"] {

        order: 5;
    }

    body.rb79 .app-cell--action {

        order: 6;
        justify-self: auto;
        padding-top: 16px;
    }

    body.rb79 .app-cell--action::before {

        content: none;
    }

    body.rb79 .applications__foot {

        flex-direction: column;
        align-items: stretch;
        gap: 16px;
        margin-top: 24px;
    }

    body.rb79 .applications__more {

        width: 100%;
    }

    body.rb79 .dialog {

        padding: 24px;
    }

    body.rb79 .dialog-frame {

        padding: 16px;
    }

    body.rb79 .dialog__actions {

        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    body.rb79 .dialog__actions .btn {

        width: 100%;
    }

    body.rb79 .service {

        margin-top: 48px;
    }

    body.rb79 .service__title {

        font-size: 24px;
        line-height: 30px;
    }

    body.rb79 .error-state {

        flex-direction: column;
        align-items: stretch;
        gap: 16px;
    }

    body.rb79 .dialog-modal {

        padding: 24px 16px 40px;
    }
}


/* ==========================================================================
   Таблица заявок
   ========================================================================== */
body.rb66 .applications__table {

    font-size: 15px;
}

body.rb66 .app-row {

    display: grid;
    grid-template-columns: 80px 80px 130px 150px 250px 220px 130px 150px 1fr;
    align-items: center;
    height: 50px;
    padding: 0 15px;
}

body.rb66 .app-row--head {

    height: 57px;
    border: 1px solid var(--black);
    color: var(--muted);
    font-size: 14px;
    font-weight: 500;
}

body.rb66 .app-row:not(.app-row--head):nth-child(odd) {

    background: var(--row-alt);
}

body.rb66 .app-cell {

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.rb66 .app-cell--name {

    display: none;
}

body.rb66 .app-cell--action {

    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    justify-self: end;
    overflow: visible;
}

body.rb66 .app-link {

    display: inline-flex;
    align-items: center;
    gap: 15px;
    padding: 0;
    background: none;
    border: 0;
    color: var(--link);
    font: 500 14px/1.2 var(--font);
    text-decoration: none;
    cursor: pointer;
}

body.rb66 .app-link:hover {

    text-decoration: underline;
}

body.rb66 .app-link img {

    display: block;
    width: 20px;
    height: 20px;
}

body.rb66 .applications__foot {

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 40px;
}

body.rb66 .applications__count {

    margin: 0;
    color: var(--muted);
    font-size: 13px;
    font-weight: 500;
}

body.rb66 .applications__more {

    height: 54px;
}

/* ==========================================================================
   Служебный экран: формы, состояния
   ========================================================================== */
body.rb66 .service {

    margin-top: 80px;
}

body.rb66 .service__title {

    margin: 0 0 32px;
    font-size: 32px;
    font-weight: 300;
    line-height: 38px;
}

body.rb66 .spec-block {

    margin-top: 24px;
}

body.rb66 .spec-label {

    margin: 0 0 12px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 400;
}

body.rb66 .spec-sublabel {

    margin: 16px 0 8px;
    color: var(--muted);
    font-size: 13px;
}

body.rb66 .dialog-frame {

    display: flex;
    justify-content: center;
    padding: 40px;
    background: var(--sep);
}

body.rb66 .dialog {

    position: relative;
    width: 560px;
    max-width: 100%;
    padding: 40px;
    background: var(--white);
}

body.rb66 .dialog__head {

    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

body.rb66 .dialog__title {

    margin: 0;
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
}

body.rb66 .dialog__close {

    flex: none;
    padding: 0;
    background: none;
    border: 0;
    cursor: pointer;
}

body.rb66 .dialog__close img {

    display: block;
    width: 24px;
    height: 24px;
}

body.rb66 .dialog__lead {

    margin: 24px 0 0;
    font-size: 16px;
    line-height: 19px;
    color: var(--muted);
}

body.rb66 .dialog__fields {

    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 24px 0 0;
}

body.rb66 .dialog__field {

    display: flex;
    flex-direction: column;
    gap: 4px;
}

body.rb66 .dialog__field dt,
body.rb66 .dialog__label {

    color: var(--muted);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
}

body.rb66 .dialog__field dd {

    margin: 0;
    font-size: 16px;
    line-height: 19px;
}

body.rb66 .dialog__field dd a {

    color: var(--link);
}

body.rb66 .dialog__field--stack {

    margin-top: 24px;
}

body.rb66 .dialog__hint {

    margin: 12px 0 0;
    color: var(--muted);
    font-size: 14px;
    line-height: 18px;
}

body.rb66 .dialog__radios {

    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 16px;
}

body.rb66 .dialog__radios.has-error,
body.rb66 .textarea.has-error {

    outline: 1px solid var(--error);
    outline-offset: 8px;
}

body.rb66 .radio {

    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 16px;
    cursor: pointer;
}

body.rb66 .radio input {

    flex: none;
    width: 20px;
    height: 20px;
    margin: 0;
    accent-color: var(--ink);
}

body.rb66 .dialog__actions {

    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 32px;
}

body.rb66 .textarea {

    width: 100%;
    min-height: 90px;
    padding: 12px;
    background: var(--white);
    border: 1px solid var(--line);
    border-radius: 0;
    color: var(--black);
    font: 400 16px/1.35 var(--font);
    resize: vertical;
}

body.rb66 .textarea::placeholder {

    color: var(--muted);
    opacity: 1;
}

body.rb66 .textarea:focus {

    outline: 1px solid var(--black);
    outline-offset: -1px;
}

/* --- Всплывающая форма ------------------------------------------------------ */
body.rb66 .dialog-modal {

    position: fixed;
    inset: 0;
    z-index: 40;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 110px 16px 40px;
    overflow: auto;
}

body.rb66 .dialog-modal[hidden] {

    display: none;
}

body.rb66 .dialog-modal__overlay {

    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
}

body.rb66 .dialog-modal__dialog {

    position: relative;
    z-index: 1;
}

/* --- Состояния списка ------------------------------------------------------- */
body.rb66 .skeleton {

    display: flex;
    flex-direction: column;
    gap: 12px;
}

body.rb66 .skeleton__line {

    display: block;
    height: 28px;
    background: #ededed;
}

body.rb66 .empty {

    padding: 24px;
    background: var(--soft);
    color: var(--muted);
    font-size: 16px;
}

body.rb66 .error-state {

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 24px;
    background: var(--soft);
}

body.rb66 .error-state__text {

    margin: 0;
    font-size: 16px;
}

/* --- Тосты ----------------------------------------------------------------- */
body.rb66 .toast-preview {

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

body.rb66 .toast-region {

    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 50;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 20px;
    pointer-events: none;
}

body.rb66 .toast {

    display: none;
    width: 440px;
    max-width: calc(100vw - 48px);
    padding: 16px 20px;
    border-radius: 4px;
    background: var(--ink);
    color: var(--white);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

body.rb66 .toast.is-visible,
body.rb66 .toast--static {

    display: block;
}

body.rb66 .toast--static {

    box-shadow: none;
}

/* --- Аннотации -------------------------------------------------------------- */
body.rb66 .spec-notes {

    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 24px;
}

body.rb66 .spec-annotation {

    margin: 0;
    color: var(--muted);
    font-size: 14px;
    line-height: 20px;
}

/* Режим спецификации: служебные блоки видны, как на экране макета */
body.rb66:not(.is-spec) .service {

    display: none;
}

/* ==========================================================================
   Планшет 992 (<= 1200)
   ========================================================================== */
@media (max-width: 1200px) {

    /* Таблица сжимается; при переполнении — прокрутка внутри контейнера */
    body.rb66 .applications__table {

        overflow-x: auto;
    }

    body.rb66 .app-row {

        grid-template-columns: 64px 64px 120px 140px 200px 180px 110px 130px 130px;
        min-width: 1168px;
    }

}

/* ==========================================================================
   Моб 768 (<= 900)
   ========================================================================== */
@media (max-width: 900px) {

    body.rb66 .applications__table {

        overflow: visible;
    }

    /* Сокращённый набор колонок: ID · ФИО · Телефон · Дата запроса · Перейти */
    body.rb66 .app-row {

        grid-template-columns: 56px 1fr 150px 110px 96px;
        min-width: 0;
    }

    body.rb66 .app-cell--name {

        display: block;
    }

    body.rb66 .app-cell[data-label="ID парт."],
    body.rb66 .app-cell[data-label="Имя"],
    body.rb66 .app-cell[data-label="Фамилия"],
    body.rb66 .app-cell[data-label="E-mail"],
    body.rb66 .app-cell[data-label="Дата рег."] {

        display: none;
    }

    body.rb66 .applications__foot {

        margin-top: 32px;
    }

    body.rb66 .service__title {

        font-size: 28px;
        line-height: 34px;
    }
}

/* ==========================================================================
   Моб 375 (<= 640)
   ========================================================================== */
@media (max-width: 640px) {

    /* Таблица заявок превращается в карточки */
    body.rb66 .applications__table {

        font-size: 14px;
    }

    body.rb66 .app-row {

        display: flex;
        flex-direction: column;
        height: auto;
        padding: 16px;
        border-bottom: 1px solid var(--sep);
    }

    body.rb66 .app-row--head {

        display: none;
    }

    body.rb66 .app-row:not(.app-row--head):nth-child(odd) {

        background: transparent;
    }

    body.rb66 .app-cell {

        display: flex;
        padding-top: 8px;
        white-space: normal;
        overflow: visible;
    }

    body.rb66 .app-cell::before {

        content: attr(data-label);
        flex: 0 0 108px;
        width: 108px;
        color: var(--muted);
        font-size: 12px;
        font-weight: 500;
    }

    body.rb66 .app-cell[data-label="ID"] {

        display: none;
    }

    body.rb66 .app-cell[data-label="E-mail"],
    body.rb66 .app-cell[data-label="Дата рег."] {

        display: flex;
    }

    body.rb66 .app-cell--name {

        order: 1;
        display: block;
        padding-top: 0;
        color: var(--black);
        font-size: 16px;
        font-weight: 500;
    }

    body.rb66 .app-cell--name::before {

        content: none;
    }

    body.rb66 .app-cell[data-label="Телефон"] {

        order: 2;
    }

    body.rb66 .app-cell[data-label="E-mail"] {

        order: 3;
    }

    body.rb66 .app-cell[data-label="Дата рег."] {

        order: 4;
    }

    body.rb66 .app-cell[data-label="Дата запроса"] {

        order: 5;
    }

    body.rb66 .app-cell--action {

        order: 6;
        justify-self: auto;
        padding-top: 16px;
    }

    body.rb66 .app-cell--action::before {

        content: none;
    }

    body.rb66 .applications__foot {

        flex-direction: column;
        align-items: stretch;
        gap: 16px;
        margin-top: 24px;
    }

    body.rb66 .applications__more {

        width: 100%;
    }

    body.rb66 .dialog {

        padding: 24px;
    }

    body.rb66 .dialog-frame {

        padding: 16px;
    }

    body.rb66 .dialog__actions {

        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    body.rb66 .dialog__actions .btn {

        width: 100%;
    }

    body.rb66 .service {

        margin-top: 48px;
    }

    body.rb66 .service__title {

        font-size: 24px;
        line-height: 30px;
    }

    body.rb66 .error-state {

        flex-direction: column;
        align-items: stretch;
        gap: 16px;
    }

    body.rb66 .dialog-modal {

        padding: 24px 16px 40px;
    }
}

/* ==========================================================================
   RESTARTBIO-66 — «Список партнёров»
   Наследует оболочку RESTARTBIO-79 (шапка, подвал, меню админки, тосты)
   и добавляет контент раздела: метрики, график, фильтры, таблицу, пагинацию.
   Макет: RESTARTBIO-65 (desktop 1920, планшет 992, моб 768, моб 375).
   ========================================================================== */
body.rb66 {

    --card-line: #e0e0e0;
    --chart-line: #efefef;
    --row-soft: #eff1ef;
    --chart-max: 28;
    --chart-plot: 224px;
    --chart-bar: 44px;
    --status-pending: #cdb27b;
    --status-active: #374d33;
    --status-rejected: #b70f18;
    --status-blocked: #757575;
}

/* --- Заголовок страницы и хлебные крошки ---------------------------------- */
body.rb66 .page__head {

    display: flex;
    flex-direction: column;
}

body.rb66 .page__head .page__title {

    order: 1;
}

body.rb66 .page__head .breadcrumbs {

    order: 2;
}

/* --- Метрики раздела ------------------------------------------------------ */
body.rb66 .metrics {

    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 16px;
}

body.rb66 .metrics__card {

    display: flex;
    flex-direction: column;
    gap: 6px;
    min-height: 110px;
    padding: 14px;
    background: var(--soft);
    text-align: center;
}

body.rb66 .metrics__value {

    margin: 0;
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
}

body.rb66 .metrics__label {

    margin: 0;
    color: var(--muted);
    font-size: 13px;
    line-height: 15px;
}

/* --- График --------------------------------------------------------------- */
body.rb66 .chart-block {

    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 40px;
    padding: 20px;
    background: var(--white);
    border: 1px solid var(--card-line);
    /* Отступ под подписи шкалы: самое длинное значение («1 000 000») в одну строку */

    --chart-gutter: 36px;
}

body.rb66 .chart-block__toggle {

    display: flex;
    gap: 8px;
}

body.rb66 .chart-block__tab {

    height: auto;
    padding: 10px 16px;
    background: var(--soft);
    border: 0;
    color: var(--muted);
    font: 400 14px/1.2 var(--font);
    white-space: nowrap;
    cursor: pointer;
}

body.rb66 .chart-block__tab.is-active,
body.rb66 .chart-block__tab[aria-selected="true"] {

    background: var(--ink);
    border-color: var(--ink);
    color: var(--white);
}

body.rb66 .chart {

    margin-top: 0;
}

body.rb66 .chart__plot {

    position: relative;
    height: var(--chart-plot);
    margin-left: var(--chart-gutter);
}

body.rb66 .chart__grid-line {

    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background: var(--chart-line);
}

body.rb66 .chart__grid-line--0 {
    top: 0;
}

body.rb66 .chart__grid-line--1 {
    top: 25%;
}

body.rb66 .chart__grid-line--2 {
    top: 50%;
}

body.rb66 .chart__grid-line--3 {
    top: 75%;
}

body.rb66 .chart__grid-line--4 {
    top: 100%;
}

body.rb66 .chart__scale {

    position: absolute;
    right: calc(100% + 6px);
    left: auto;
    width: auto;
    min-width: 24px;
    color: var(--muted);
    font-size: 11px;
    line-height: 13px;
    white-space: nowrap;
    text-align: right;
}

body.rb66 .chart__scale--0 {
    top: -6px;
}

body.rb66 .chart__scale--1 {
    top: calc(25% - 6px);
}

body.rb66 .chart__scale--2 {
    top: calc(50% - 6px);
}

body.rb66 .chart__scale--3 {
    top: calc(75% - 6px);
}

body.rb66 .chart__scale--4 {
    top: calc(100% - 7px);
}

body.rb66 .chart__bars {

    position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-end;
}

body.rb66 .chart__col {

    display: flex;
    flex: 1 1 0;
    align-items: flex-end;
    justify-content: center;
    height: 100%;
    min-width: 0;
}

body.rb66 .chart__bar {

    position: relative;
    width: var(--chart-bar);
    max-width: 100%;
    height: calc(var(--v, 0) / var(--chart-max) * 100%);
    background: var(--accent);
    transition: height 0.35s ease;
}

/* В макете значения над столбцами не выводятся */
body.rb66 .chart__value {

    display: none;
}

body.rb66 .chart__months {

    display: flex;
    margin-top: 10px;
    margin-left: var(--chart-gutter);
}

body.rb66 .chart__month {

    flex: 1 1 0;
    min-width: 0;
    color: var(--muted);
    font-size: 13px;
    line-height: 16px;
    text-align: center;
}

/* --- Фильтры -------------------------------------------------------------- */
body.rb66 .filters {

    margin-top: 40px;
    padding: 20px;
    background: var(--soft);
    border: 0;
}

body.rb66 .filters__form {

    display: flex;
    align-items: flex-end;
    gap: 40px;
}

body.rb66 .filters__group {

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    min-width: 0;
}

body.rb66 .filters__group--status {

    flex: 0 0 260px;
}

body.rb66 .filters__group--balance {

    flex: 0 0 auto;
}

body.rb66 .filters__label {

    flex: none;
    color: var(--muted);
    font-size: 13px;
    line-height: 16px;
}

body.rb66 .filters__row {

    display: flex;
    align-items: center;
    gap: 12px;
}

body.rb66 .filters__field {

    position: relative;
    flex: 0 0 200px;
    min-width: 0;
}

body.rb66 .filters__input {

    width: 100%;
    height: 41px;
    padding: 0 16px;
    background: var(--white);
    border: 1px solid var(--card-line);
    border-radius: 0;
    color: var(--black);
    font: 400 15px/1.2 var(--font);
}

body.rb66 .filters__input::placeholder {

    color: var(--muted);
    opacity: 1;
}

body.rb66 .filters__input:focus {

    outline: 1px solid var(--black);
    outline-offset: -1px;
}

body.rb66 .filters__input.has-error {

    border-color: var(--error);
    outline: 1px solid var(--error);
    outline-offset: -1px;
}

body.rb66 .filters__select {

    position: relative;
    display: block;
    width: 100%;
}

body.rb66 .filters__input--select {

    padding-right: 40px;
    appearance: none;
    cursor: pointer;
}

body.rb66 .filters__select-icon {

    position: absolute;
    top: 50%;
    right: 16px;
    width: 12px;
    height: 12px;
    transform: translateY(-50%);
    pointer-events: none;
}

body.rb66 .filters__dash {

    flex: none;
    width: 18px;
    color: var(--black);
    font-size: 18px;
    line-height: 20px;
    text-align: center;
}

body.rb66 .filters__actions {

    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 8px;
}

body.rb66 .filters__submit {

    width: 140px;
    height: 41px;
}

body.rb66 .filters__reset {

    width: 110px;
    height: 41px;
    background: var(--white);
    border: 1px solid var(--black);
    color: var(--black);
    font-weight: 400;
}

/* --- Список партнёров ----------------------------------------------------- */
body.rb66 .partners {

    margin-top: 40px;
}

body.rb66 .partners__viewport {

    overflow: hidden;
}

/* Строки, исключённые фильтром, скрыты и в таблице, и в карточках */
body.rb66 .partners__row[hidden] {

    display: none !important;
}

body.rb66 .partners__table {

    min-width: 1308px;
    font-size: 15px;
}

body.rb66 .partners__row {

    display: grid;
    grid-template-columns: 75px 210px 200px 180px 110px 100px 75px 165px minmax(163px, 1fr);
    align-items: center;
    height: 50px;
    padding: 0 15px;
}

body.rb66 .partners__row--head {

    height: 57px;
    border-bottom: 1px solid var(--black);
    color: var(--muted);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.32px;
}

/* Чётные строки списка залиты #eff1ef (шапка — первый child) */
body.rb66 .partners__row:not(.partners__row--head):nth-child(odd) {

    background: var(--row-soft);
}

body.rb66 .partners__cell {

    min-width: 0;
    overflow: hidden;
    letter-spacing: 0.32px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.rb66 .partners__cell--action {

    display: flex;
    align-items: center;
    justify-content: flex-end;
    overflow: visible;
}

body.rb66 .partners__link {

    display: inline-flex;
    align-items: center;
    gap: 16px;
    padding: 0;
    background: none;
    border: 0;
    color: var(--link);
    font: 500 14px/1.2 var(--font);
    text-decoration: none;
    cursor: pointer;
}

body.rb66 .partners__link:hover {

    text-decoration: underline;
}

body.rb66 .partners__link img {

    display: block;
    width: 20px;
    height: 20px;
}

body.rb66 .partners__cell--status.is-CONFIRMED {
    color: var(--status-active);
}

body.rb66 .partners__cell--status.is-AWAITING_MODERATION {
    color: var(--status-pending);
}

body.rb66 .partners__cell--status.is-REJECTED {
    color: var(--status-rejected);
}

body.rb66 .partners__cell--status.is-BLOCKED {
    color: var(--status-blocked);
}

body.rb66 .partners__empty {

    padding: 24px;
    background: var(--soft);
    color: var(--muted);
    font-size: 16px;
}

body.rb66 .partners__empty[hidden] {

    display: none;
}

/* --- Пагинация ------------------------------------------------------------ */
body.rb66 .partners__foot {

    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 40px;
}

body.rb66 .pagination {

    display: flex;
    flex: none;
    align-items: center;
    gap: 16px;
}

body.rb66 .pagination__nav {

    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    background: var(--white);
    border: 1px solid var(--card-line);
    cursor: pointer;
}

body.rb66 .pagination__nav img {

    display: block;
    width: 10px;
    height: 10px;
}

body.rb66 .pagination__nav:disabled {

    opacity: 0.4;
    cursor: default;
}

body.rb66 .pagination__list {

    display: flex;
    align-items: center;
    gap: 16px;
}

body.rb66 .pagination__page {

    min-width: 0;
    padding: 0;
    background: none;
    border: 0;
    color: var(--black);
    font: 400 14px/18px var(--font);
    cursor: pointer;
}

body.rb66 .pagination__page.is-active {

    color: var(--black);
    font-weight: 500;
}

body.rb66 .pagination__dots {

    color: var(--muted);
    font-size: 14px;
}

body.rb66 .partners__count {

    margin: 0;
    color: var(--muted);
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
}

body.rb66 .partners__spacer {

    flex: 1 1 auto;
    height: 1px;
    background: none;
}

body.rb66 .partners__per-page {

    display: flex;
    flex: none;
    align-items: center;
    gap: 8px;
    color: var(--muted);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
}

body.rb66 .select {

    position: relative;
    display: block;
    width: 170px;
}

body.rb66 .select__control {

    width: 100%;
    height: 36px;
    padding: 0 30px 0 12px;
    background: var(--white);
    border: 1px solid var(--card-line);
    border-radius: 0;
    color: var(--black);
    font: 400 14px/1.2 var(--font);
    appearance: none;
    cursor: pointer;
}

body.rb66 .select__control:focus {

    outline: 1px solid var(--black);
    outline-offset: -1px;
}

body.rb66 .select__chevron {

    position: absolute;
    top: 50%;
    right: 12px;
    width: 12px;
    height: 12px;
    transform: translateY(-50%);
    pointer-events: none;
}

/* Мобильная пагинация (375) */
body.rb66 .partners__mobile-foot {

    display: none;
}

body.rb66 .pager {

    display: flex;
    gap: 8px;
    margin-top: 6px;
}

body.rb66 .pager__btn {

    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    background: var(--white);
    border: 1px solid var(--muted);
    color: var(--black);
    font: 500 14px/1.2 var(--font);
    cursor: pointer;
}

body.rb66 .pager__btn.is-active {

    background: var(--black);
    border-color: var(--muted);
    color: var(--white);
}

body.rb66 .partners__show-all {

    width: 100%;
    height: 44px;
    margin-top: 12px;
    background: var(--black);
    color: var(--white);
    font-weight: 500;
}

/* --- Служебные состояния -------------------------------------------------- */


body.rb66 .toast--compact {

    width: 360px;
    padding: 18px 20px;
    font-size: 15px;
}

body.rb66 .footer {

    margin-top: 50px;
}

/* ==========================================================================
   Планшет 992 (<= 1200)
   ========================================================================== */
@media (max-width: 1200px) {
    body.rb66 .page {

        padding-top: 41px;
    }

    /* На планшете и мобильном крошки идут над заголовком */
    body.rb66 .page__head .breadcrumbs {

        order: 1;
        margin-top: 0;
    }

    body.rb66 .page__head .page__title {

        order: 2;
        margin-top: 23px;
    }

    body.rb66 .admin-menu {

        margin-top: 35px;
    }

    body.rb66 .metrics {

        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    body.rb66 .chart-block {

        --chart-bar: 40px;
        margin-top: 24px;
    }

    body.rb66 .chart-block,
    body.rb66 .filters {

        padding: 20px;
    }

    body.rb66 .filters {

        margin-top: 24px;
    }

    body.rb66 .filters__form {

        gap: 24px;
    }

    body.rb66 .filters__group--status {

        flex-basis: 220px;
    }

    body.rb66 .filters__field {

        flex-basis: 160px;
    }

    body.rb66 .filters__row {

        gap: 12px;
    }

    body.rb66 .filters__submit {

        width: 120px;
    }

    body.rb66 .filters__reset {

        width: 108px;
    }

    /* В макете планшета у действия нет стрелки */
    body.rb66 .partners__link img {

        display: none;
    }

    body.rb66 .partners {

        margin-top: 52px;
    }

    body.rb66 .partners__viewport {

        max-height: 357px;
        overflow: auto;
    }

    /* Макет 992/768: таблица 1200 во всю ширину блока с прокруткой по горизонтали */
    body.rb66 .partners__table {

        min-width: 1200px;
    }

    body.rb66 .partners__row {

        grid-template-columns: 64px 190px 180px 160px 100px 90px 64px 150px minmax(172px, 1fr);
    }

    /* Пагинация прижимается к содержимому контейнера */
    body.rb66 .partners__foot {

        margin-top: 24px;
    }

    body.rb66 .footer {

        margin-top: 34px;
    }
}

/* ==========================================================================
   Мобильный 768 (<= 900)
   ========================================================================== */
@media (max-width: 900px) {
    body.rb66 .page__head .page__title {

        margin-top: 23px;
    }

    body.rb66 .admin-menu {

        margin-top: 40px;
    }

    body.rb66 .metrics {

        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.rb66 .chart-block {

        --chart-plot: 204px;
        --chart-bar: 30px;
    }

    body.rb66 .filters__form {

        gap: 16px;
    }

    body.rb66 .filters__group--status {

        flex-basis: 170px;
    }

    body.rb66 .filters__field {

        flex-basis: 105px;
    }

    body.rb66 .filters__row {

        gap: 10px;
    }

    body.rb66 .filters__submit {

        width: 96px;
    }

    body.rb66 .filters__reset {

        width: 96px;
    }
}

/* ==========================================================================
   Мобильный 375 (<= 640)
   ========================================================================== */
@media (max-width: 640px) {
    body.rb66 .page {

        padding-top: 40px;
    }

    body.rb66 .page__head .breadcrumbs {

        margin-top: 0;
    }

    body.rb66 .page__head .page__title {

        margin-top: 12px;
    }

    body.rb66 .admin-menu {

        margin-top: 33px;
    }

    body.rb66 .metrics {

        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
    }

    body.rb66 .metrics__card {

        min-height: 96px;
        padding: 14px 16px;
    }

    body.rb66 .chart-block {

        --chart-plot: 110px;
        --chart-bar: 12px;
        margin-top: 24px;
        padding: 20px;
    }

    body.rb66 .chart-block__toggle {

        flex-direction: column;
        gap: 8px;
        width: 100%;
    }

    body.rb66 .chart-block__tab {

        width: 100%;
        height: auto;
        padding: 10px 16px;
        font-size: 13px;
        text-align: left;
    }

    body.rb66 .chart__bar {

        transition: none;
    }

    body.rb66 .chart__month,
    body.rb66 .chart__scale {

        font-size: 10px;
        line-height: 12px;
    }

    body.rb66 .filters {

        margin-top: 18px;
        padding: 16px;
    }

    body.rb66 .filters__form {

        flex-direction: column;
        align-items: stretch;
        gap: 16px;
    }

    body.rb66 .filters__group--status,
    body.rb66 .filters__group--balance {

        flex: 0 0 auto;
        width: 100%;
    }

    body.rb66 .filters__field {

        flex: 1 1 0;
        width: auto;
    }

    body.rb66 .filters__row {

        gap: 11px;
    }

    body.rb66 .filters__dash {

        display: none;
    }

    body.rb66 .filters__actions {

        width: 100%;
        margin-top: 0;
        gap: 8px;
    }

    body.rb66 .filters__submit,
    body.rb66 .filters__reset {

        flex: 1 1 0;
        width: auto;
        height: 44px;
    }

    /* Таблица превращается в карточки */
    body.rb66 .partners {

        margin-top: 40px;
    }

    body.rb66 .partners__viewport {

        max-height: none;
        overflow: visible;
    }

    body.rb66 .partners__table {

        display: flex;
        flex-direction: column;
        gap: 12px;
        min-width: 0;
        font-size: 16px;
    }

    body.rb66 .partners__row--head {
        display: none !important;
    }

    body.rb66 .partners__row {

        display: flex;
        flex-direction: column;
        align-items: stretch;
        height: auto;
        padding: 16px;
        background: var(--soft);
        border: 0;
    }

    body.rb66 .partners__row:not(.partners__row--head):nth-child(even) {

        background: var(--soft);
    }

    /* Показываем первые три карточки до нажатия «Показать все партнёры» */
    body.rb66 .partners__table > .partners__row:nth-child(n + 5) {

        display: none;
    }

    body.rb66 .partners.is-expanded .partners__table > .partners__row:nth-child(n + 5) {

        display: flex;
    }

    body.rb66 .partners__cell {

        display: flex;
        width: 100%;
        padding-top: 12px;
        overflow: visible;
        line-height: 18px;
        white-space: normal;
    }

    body.rb66 .partners__cell::before {

        content: attr(data-label);
        flex: 0 0 116px;
        width: 116px;
        color: var(--muted);
        font-size: 14px;
        line-height: 16px;
    }

    body.rb66 .partners__cell:first-child {

        padding-top: 0;
    }

    body.rb66 .partners__cell--action {

        justify-content: stretch;
        padding-top: 16px;
    }

    body.rb66 .partners__cell--action::before {

        content: none;
    }

    body.rb66 .partners__link {

        justify-content: center;
        width: 100%;
        height: 44px;
        background: var(--black);
        color: var(--white);
        font-weight: 500;
    }

    body.rb66 .partners__link:hover {

        text-decoration: none;
    }

    body.rb66 .partners__foot {

        display: none;
    }

    body.rb66 .partners__mobile-foot {

        display: block;
        margin-top: 24px;
    }

    body.rb66 .partners__mobile-foot .partners__count {

        margin: 0;
    }

    body.rb66 .partners__empty {

        margin-top: 12px;
    }

    body.rb66 .skeleton-table__row {

        gap: 16px;
        padding: 0 16px;
    }

    body.rb66 .state__title {

        font-size: 20px;
        line-height: 24px;
    }

    body.rb66 .footer {

        margin-top: 24px;
    }
}


/* ==========================================================================
   Таблица заявок
   ========================================================================== */
body.rb150 .applications__table {

    font-size: 15px;
}

body.rb150 .app-row {

    display: grid;
    grid-template-columns: 80px 80px 130px 150px 250px 220px 130px 150px 1fr;
    align-items: center;
    height: 50px;
    padding: 0 15px;
}

body.rb150 .app-row--head {

    height: 57px;
    border: 1px solid var(--black);
    color: var(--muted);
    font-size: 14px;
    font-weight: 500;
}

body.rb150 .app-row:not(.app-row--head):nth-child(odd) {

    background: var(--row-alt);
}

body.rb150 .app-cell {

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.rb150 .app-cell--name {

    display: none;
}

body.rb150 .app-cell--action {

    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    justify-self: end;
    overflow: visible;
}

body.rb150 .app-link {

    display: inline-flex;
    align-items: center;
    gap: 15px;
    padding: 0;
    background: none;
    border: 0;
    color: var(--link);
    font: 500 14px/1.2 var(--font);
    text-decoration: none;
    cursor: pointer;
}

body.rb150 .app-link:hover {

    text-decoration: underline;
}

body.rb150 .app-link img {

    display: block;
    width: 20px;
    height: 20px;
}

body.rb150 .applications__foot {

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 40px;
}

body.rb150 .applications__count {

    margin: 0;
    color: var(--muted);
    font-size: 13px;
    font-weight: 500;
}

body.rb150 .applications__more {

    height: 54px;
}

/* ==========================================================================
   Служебный экран: формы, состояния
   ========================================================================== */
body.rb150 .service {

    margin-top: 80px;
}

body.rb150 .service__title {

    margin: 0 0 32px;
    font-size: 32px;
    font-weight: 300;
    line-height: 38px;
}

body.rb150 .spec-block {

    margin-top: 24px;
}

body.rb150 .spec-label {

    margin: 0 0 12px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 400;
}

body.rb150 .spec-sublabel {

    margin: 16px 0 8px;
    color: var(--muted);
    font-size: 13px;
}

body.rb150 .dialog-frame {

    display: flex;
    justify-content: center;
    padding: 40px;
    background: var(--sep);
}

body.rb150 .dialog {

    position: relative;
    width: 560px;
    max-width: 100%;
    padding: 40px;
    background: var(--white);
}

body.rb150 .dialog__head {

    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

body.rb150 .dialog__title {

    margin: 0;
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
}

body.rb150 .dialog__close {

    flex: none;
    padding: 0;
    background: none;
    border: 0;
    cursor: pointer;
}

body.rb150 .dialog__close img {

    display: block;
    width: 24px;
    height: 24px;
}

body.rb150 .dialog__lead {

    margin: 24px 0 0;
    font-size: 16px;
    line-height: 19px;
    color: var(--muted);
}

body.rb150 .dialog__fields {

    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 24px 0 0;
}

body.rb150 .dialog__field {

    display: flex;
    flex-direction: column;
    gap: 4px;
}

body.rb150 .dialog__field dt,
body.rb150 .dialog__label {

    color: var(--muted);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
}

body.rb150 .dialog__field dd {

    margin: 0;
    font-size: 16px;
    line-height: 19px;
}

body.rb150 .dialog__field dd a {

    color: var(--link);
}

body.rb150 .dialog__field--stack {

    margin-top: 24px;
}

body.rb150 .dialog__hint {

    margin: 12px 0 0;
    color: var(--muted);
    font-size: 14px;
    line-height: 18px;
}

body.rb150 .dialog__radios {

    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 16px;
}

body.rb150 .dialog__radios.has-error,
body.rb150 .textarea.has-error {

    outline: 1px solid var(--error);
    outline-offset: 8px;
}

body.rb150 .radio {

    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 15px;
    cursor: pointer;
}

body.rb150 .radio input {

    flex: none;
    width: 20px;
    height: 20px;
    margin: 0;
    accent-color: var(--ink);
}

body.rb150 .dialog__actions {

    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 32px;
}

body.rb150 .textarea {

    width: 100%;
    min-height: 90px;
    padding: 12px;
    background: var(--white);
    border: 1px solid var(--line);
    border-radius: 0;
    color: var(--black);
    font: 400 16px/1.35 var(--font);
    resize: vertical;
}

body.rb150 .textarea::placeholder {

    color: var(--muted);
    opacity: 1;
}

body.rb150 .textarea:focus {

    outline: 1px solid var(--black);
    outline-offset: -1px;
}

/* --- Всплывающая форма ------------------------------------------------------ */
body.rb150 .dialog-modal {

    position: fixed;
    inset: 0;
    z-index: 40;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 110px 16px 40px;
    overflow: auto;
}

body.rb150 .dialog-modal[hidden] {

    display: none;
}

body.rb150 .dialog-modal__overlay {

    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
}

body.rb150 .dialog-modal__dialog {

    position: relative;
    z-index: 1;
}

/* --- Состояния списка ------------------------------------------------------- */
body.rb150 .skeleton {

    display: flex;
    flex-direction: column;
    gap: 12px;
}

body.rb150 .skeleton__line {

    display: block;
    height: 28px;
    background: #ededed;
}

body.rb150 .empty {

    padding: 24px;
    background: var(--soft);
    color: var(--muted);
    font-size: 16px;
}

body.rb150 .error-state {

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 24px;
    background: var(--soft);
}

body.rb150 .error-state__text {

    margin: 0;
    font-size: 16px;
}

/* --- Тосты ----------------------------------------------------------------- */
body.rb150 .toast-preview {

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

body.rb150 .toast-region {

    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 50;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 20px;
    pointer-events: none;
}

body.rb150 .toast {

    display: none;
    width: 440px;
    max-width: calc(100vw - 48px);
    padding: 16px 20px;
    border-radius: 4px;
    background: var(--ink);
    color: var(--white);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

body.rb150 .toast.is-visible,
body.rb150 .toast--static {

    display: block;
}

body.rb150 .toast--static {

    box-shadow: none;
}

/* --- Аннотации -------------------------------------------------------------- */
body.rb150 .spec-notes {

    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 24px;
}

body.rb150 .spec-annotation {

    margin: 0;
    color: var(--muted);
    font-size: 14px;
    line-height: 20px;
}

/* Режим спецификации: служебные блоки видны, как на экране макета */
body.rb150:not(.is-spec) .service {

    display: none;
}

/* ==========================================================================
   Планшет 992 (<= 1200)
   ========================================================================== */
@media (max-width: 1200px) {

    /* Таблица сжимается; при переполнении — прокрутка внутри контейнера */
    body.rb150 .applications__table {

        overflow-x: auto;
    }

    body.rb150 .app-row {

        grid-template-columns: 64px 64px 120px 140px 200px 180px 110px 130px 130px;
        min-width: 1168px;
    }

}

/* ==========================================================================
   Моб 768 (<= 900)
   ========================================================================== */
@media (max-width: 900px) {

    body.rb150 .applications__table {

        overflow: visible;
    }

    /* Сокращённый набор колонок: ID · ФИО · Телефон · Дата запроса · Перейти */
    body.rb150 .app-row {

        grid-template-columns: 56px 1fr 150px 110px 96px;
        min-width: 0;
    }

    body.rb150 .app-cell--name {

        display: block;
    }

    body.rb150 .app-cell[data-label="ID парт."],
    body.rb150 .app-cell[data-label="Имя"],
    body.rb150 .app-cell[data-label="Фамилия"],
    body.rb150 .app-cell[data-label="E-mail"],
    body.rb150 .app-cell[data-label="Дата рег."] {

        display: none;
    }

    body.rb150 .applications__foot {

        margin-top: 32px;
    }

    body.rb150 .service__title {

        font-size: 28px;
        line-height: 34px;
    }
}

/* ==========================================================================
   Моб 375 (<= 640)
   ========================================================================== */
@media (max-width: 640px) {

    /* Таблица заявок превращается в карточки */
    body.rb150 .applications__table {

        font-size: 14px;
    }

    body.rb150 .app-row {

        display: flex;
        flex-direction: column;
        height: auto;
        padding: 16px;
        border-bottom: 1px solid var(--sep);
    }

    body.rb150 .app-row--head {

        display: none;
    }

    body.rb150 .app-row:not(.app-row--head):nth-child(odd) {

        background: transparent;
    }

    body.rb150 .app-cell {

        display: flex;
        padding-top: 8px;
        white-space: normal;
        overflow: visible;
    }

    body.rb150 .app-cell::before {

        content: attr(data-label);
        flex: 0 0 108px;
        width: 108px;
        color: var(--muted);
        font-size: 12px;
        font-weight: 500;
    }

    body.rb150 .app-cell[data-label="ID"] {

        display: none;
    }

    body.rb150 .app-cell[data-label="E-mail"],
    body.rb150 .app-cell[data-label="Дата рег."] {

        display: flex;
    }

    body.rb150 .app-cell--name {

        order: 1;
        display: block;
        padding-top: 0;
        color: var(--black);
        font-size: 16px;
        font-weight: 500;
    }

    body.rb150 .app-cell--name::before {

        content: none;
    }

    body.rb150 .app-cell[data-label="Телефон"] {

        order: 2;
    }

    body.rb150 .app-cell[data-label="E-mail"] {

        order: 3;
    }

    body.rb150 .app-cell[data-label="Дата рег."] {

        order: 4;
    }

    body.rb150 .app-cell[data-label="Дата запроса"] {

        order: 5;
    }

    body.rb150 .app-cell--action {

        order: 6;
        justify-self: auto;
        padding-top: 16px;
    }

    body.rb150 .app-cell--action::before {

        content: none;
    }

    body.rb150 .applications__foot {

        flex-direction: column;
        align-items: stretch;
        gap: 16px;
        margin-top: 24px;
    }

    body.rb150 .applications__more {

        width: 100%;
    }

    body.rb150 .dialog {

        padding: 24px;
    }

    body.rb150 .dialog-frame {

        padding: 16px;
    }

    body.rb150 .dialog__actions {

        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    body.rb150 .dialog__actions .btn {

        width: 100%;
    }

    body.rb150 .service {

        margin-top: 48px;
    }

    body.rb150 .service__title {

        font-size: 24px;
        line-height: 30px;
    }

    body.rb150 .error-state {

        flex-direction: column;
        align-items: stretch;
        gap: 16px;
    }

    body.rb150 .dialog-modal {

        padding: 24px 16px 40px;
    }
}

/* ==========================================================================
   RESTARTBIO-66 — «Список партнёров»
   Наследует оболочку RESTARTBIO-79 (шапка, подвал, меню админки, тосты)
   и добавляет контент раздела: метрики, график, фильтры, таблицу, пагинацию.
   Макет: RESTARTBIO-65 (desktop 1920, планшет 992, моб 768, моб 375).
   ========================================================================== */
body.rb150 {

    --card-line: #e0e0e0;
    --row-soft: #fbfbfb;
    --chart-max: 28;
    --chart-plot: 250px;
    --chart-bar: 44px;
    --chart-gutter: 46px;
    --status-pending: #b07a1e;
    --status-rejected: #c0392b;
    --status-blocked: #757575;
}

/* --- Заголовок страницы и хлебные крошки ---------------------------------- */
body.rb150 .page__head {

    display: flex;
    flex-direction: column;
}

body.rb150 .page__head .page__title {

    order: 1;
}

body.rb150 .page__head .breadcrumbs {

    order: 2;
}

/* --- Метрики раздела ------------------------------------------------------ */
body.rb150 .metrics {

    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 16px;
}

body.rb150 .metrics__card {

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 110px;
    padding: 14px;
    background: var(--soft);
    text-align: center;
}

body.rb150 .metrics__value {

    margin: 0;
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
}

body.rb150 .metrics__label {

    margin: 6px 0 0;
    color: var(--muted);
    font-size: 13px;
    line-height: 15px;
}

/* --- График --------------------------------------------------------------- */
body.rb150 .chart-block {

    margin-top: 40px;
    padding: 20px;
    background: var(--white);
    border: 1px solid var(--card-line);
}

body.rb150 .chart-block__toggle {

    display: flex;
    gap: 8px;
}

body.rb150 .chart-block__tab {

    height: 37px;
    padding: 0 16px;
    background: var(--white);
    border: 1px solid var(--card-line);
    color: var(--black);
    font: 400 14px/1.2 var(--font);
    white-space: nowrap;
    cursor: pointer;
}

body.rb150 .chart-block__tab.is-active,
body.rb150 .chart-block__tab[aria-selected="true"] {

    background: var(--ink);
    border-color: var(--ink);
    color: var(--white);
}

body.rb150 .chart {

    margin-top: 12px;
}

body.rb150 .chart__plot {

    position: relative;
    height: var(--chart-plot);
    margin-left: var(--chart-gutter);
}

body.rb150 .chart__grid-line {

    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background: #efefef;
}

body.rb150 .chart__grid-line--0 {
    top: 0;
}

body.rb150 .chart__grid-line--1 {
    top: 25%;
}

body.rb150 .chart__grid-line--2 {
    top: 50%;
}

body.rb150 .chart__grid-line--3 {
    top: 75%;
}

body.rb150 .chart__grid-line--4 {
    top: 100%;
}

body.rb150 .chart__scale {

    position: absolute;
    left: calc(-1 * var(--chart-gutter));
    width: calc(var(--chart-gutter) - 6px);
    color: var(--muted);
    font-size: 11px;
    line-height: 13px;
    text-align: right;
    white-space: nowrap;
}

body.rb150 .chart__scale--0 {
    top: -6px;
}

body.rb150 .chart__scale--1 {
    top: calc(25% - 6px);
}

body.rb150 .chart__scale--2 {
    top: calc(50% - 6px);
}

body.rb150 .chart__scale--3 {
    top: calc(75% - 6px);
}

body.rb150 .chart__scale--4 {
    top: calc(100% - 7px);
}

body.rb150 .chart__bars {

    position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-end;
}

body.rb150 .chart__col {

    display: flex;
    flex: 1 1 0;
    align-items: flex-end;
    justify-content: center;
    height: 100%;
    min-width: 0;
}

body.rb150 .chart__bar {

    width: var(--chart-bar);
    max-width: 100%;
    height: calc(var(--v, 0) / var(--chart-max) * 100%);
    background: var(--accent);
    transition: height 0.35s ease;
}

body.rb150 .chart__months {

    display: flex;
    margin-top: 10px;
    margin-left: var(--chart-gutter);
}

body.rb150 .chart__month {

    flex: 1 1 0;
    min-width: 0;
    color: var(--muted);
    font-size: 13px;
    line-height: 16px;
    text-align: center;
}

/* --- Фильтры -------------------------------------------------------------- */
body.rb150 .filters {

    margin-top: 40px;
    padding: 20px;
    background: var(--soft);
}

body.rb150 .filters__form {

    display: flex;
    align-items: flex-start;
    gap: 40px;
}

body.rb150 .filters__group {

    display: flex;
    flex-direction: column;
    min-width: 0;
}

body.rb150 .filters__group--status {

    flex: 0 0 260px;
}

body.rb150 .filters__group--balance {

    flex: 0 0 440px;
}

body.rb150 .filters__label {

    margin-bottom: 8px;
    color: var(--muted);
    font-size: 13px;
    line-height: 16px;
}

body.rb150 .filters__row {

    display: flex;
    align-items: center;
    gap: 12px;
}

body.rb150 .filters__field {

    position: relative;
    flex: 1 1 0;
    min-width: 0;
}

body.rb150 .filters__input {

    width: 100%;
    height: 41px;
    padding: 0 16px;
    background: var(--white);
    border: 1px solid var(--card-line);
    border-radius: 0;
    color: var(--black);
    font: 400 15px/1.2 var(--font);
}

body.rb150 .filters__input::placeholder {

    color: var(--muted);
    opacity: 1;
}

body.rb150 .filters__input:focus {

    outline: 1px solid var(--black);
    outline-offset: -1px;
}

body.rb150 .filters__input.has-error {

    border-color: var(--error);
    outline: 1px solid var(--error);
    outline-offset: -1px;
}

body.rb150 .filters__select {

    position: relative;
    display: block;
}

body.rb150 .filters__input--select {

    padding-right: 40px;
    appearance: none;
    cursor: pointer;
}

body.rb150 .filters__select-icon {

    position: absolute;
    top: 50%;
    right: 15px;
    width: 12px;
    height: 12px;
    transform: translateY(-50%);
    pointer-events: none;
}

/* Дата: кнопка календаря стоит в начале поля, до значения, поэтому текст
   сдвинут вправо (как в макете RESTARTBIO-212). */
body.rb150 .filters__input--date {

    padding-right: 16px;
    padding-left: 40px;
}

body.rb150 .filters__field-btn {

    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 100%;
    padding: 0;
    background: none;
    border: 0;
    color: inherit;
    cursor: pointer;
}

body.rb150 .filters__field-btn-icon {

    display: block;
    width: 16px;
    height: 16px;
}

body.rb150 .date-field.is-invalid .filters__input {

    border-color: var(--error);
    outline: 1px solid var(--error);
    outline-offset: -1px;
}

/* Подсказка о неверном периоде. Скрыта, пока проверка не сработала, поэтому
   высота панели фильтров в обычном состоянии не меняется. */
body.rb150 .filters__error {

    margin: 8px 0 0;
    color: var(--error);
    font-size: 13px;
    line-height: 16px;
}

body.rb150 .filters__error[hidden] {

    display: none;
}

body.rb150 .filters__dash {

    flex: none;
    width: 16px;
    color: var(--muted);
    font-size: 16px;
    text-align: center;
}

body.rb150 .filters__actions {

    display: flex;
    flex: 0 0 auto;
    gap: 8px;
    margin-top: 24px;
}

body.rb150 .filters__submit {

    width: 140px;
    font-weight: 400;
}

body.rb150 .filters__reset {

    width: 110px;
    height: 41px;
    border-color: var(--black);
    font-weight: 400;
}

/* --- Календарь (попап фильтра по датам) ----------------------------------- */
body.rb150 .datepicker {

    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    z-index: 30;
    display: none;
    width: 300px;
    max-width: calc(100vw - 40px);
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.16);
}

body.rb150 .datepicker.is-open {

    display: block;
}

body.rb150 .datepicker .calendar {

    width: 100%;
}

body.rb150 .calendar {

    width: 300px;
    max-width: 100%;
    padding: 16px;
    background: var(--white);
    border: 1px solid var(--line-light);
}

body.rb150 .calendar__head {

    display: flex;
    align-items: center;
    justify-content: space-between;
}

body.rb150 .calendar__caption {

    color: var(--black);
    font-size: 15px;
    font-weight: 500;
}

body.rb150 .calendar__nav {

    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    background: none;
    border: 0;
    cursor: pointer;
}

body.rb150 .calendar__nav img {

    width: 12px;
    height: 12px;
    transform: rotate(90deg);
}

body.rb150 .calendar__nav--next img {

    transform: rotate(-90deg);
}

body.rb150 .calendar__grid {

    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
    margin-top: 12px;
}

body.rb150 .calendar__dow {

    padding: 4px 0;
    color: var(--muted);
    font-size: 12px;
    text-align: center;
}

body.rb150 .calendar__day {

    height: 34px;
    padding: 0;
    background: none;
    border: 0;
    color: var(--black);
    font: 400 13px/1 var(--font);
    cursor: pointer;
}

body.rb150 .calendar__day:hover {

    background: var(--soft);
}

body.rb150 .calendar__day.is-muted {

    color: #a4a4a4;
}

body.rb150 .calendar__day--selected,
body.rb150 .calendar__day--selected:hover {

    background: var(--accent);
    color: var(--white);
}

/* --- Список партнёров ----------------------------------------------------- */
body.rb150 .partners {

    margin-top: 40px;
}

body.rb150 .partners__viewport {

    overflow: hidden;
}

body.rb150 .partners__table {

    min-width: 1308px;
    font-size: 15px;
}

body.rb150 .partners__row {

    display: grid;
    grid-template-columns: 75px 210px 200px 180px 110px 100px 75px 165px minmax(163px, 1fr);
    align-items: center;
    height: 50px;
    padding: 0 15px;
}

body.rb150 .partners__row--head {

    height: 57px;
    border: 1px solid var(--black);
    color: var(--muted);
    font-size: 14px;
    font-weight: 500;
}

body.rb150 .partners__row:not(.partners__row--head):nth-child(even) {

    background: var(--row-soft);
}

body.rb150 .partners__cell {

    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.rb150 .partners__cell--action {

    display: flex;
    align-items: center;
    justify-content: flex-end;
    overflow: visible;
}

body.rb150 .partners__link {

    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 0;
    background: none;
    border: 0;
    color: var(--link);
    font: 500 14px/1.2 var(--font);
    text-decoration: none;
    cursor: pointer;
}

body.rb150 .partners__link:hover {

    text-decoration: underline;
}

body.rb150 .partners__link img {

    display: block;
    width: 20px;
    height: 20px;
}

body.rb150 .partners__cell--status.is-CONFIRMED {
    color: var(--status-active);
}

body.rb150 .partners__cell--status.is-AWAITING_MODERATION {
    color: var(--status-pending);
}

body.rb150 .partners__cell--status.is-REJECTED {
    color: var(--status-rejected);
}

body.rb150 .partners__cell--status.is-BLOCKED {
    color: var(--status-blocked);
}


body.rb150 .partners__empty {

    padding: 24px;
    background: var(--soft);
    color: var(--muted);
    font-size: 16px;
}

body.rb150 .partners__empty[hidden] {

    display: none;
}

/* --- Пагинация ------------------------------------------------------------ */
body.rb150 .partners__foot {

    display: flex;
    align-items: center;
    margin-top: 40px;
}

body.rb150 .pagination {

    display: flex;
    flex: none;
    align-items: center;
    justify-content: space-between;
    width: 250px;
}

body.rb150 .pagination__nav {

    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    background: var(--white);
    border: 1px solid var(--card-line);
    cursor: pointer;
}

body.rb150 .pagination__nav img {

    display: block;
    width: 10px;
    height: 10px;
}

body.rb150 .pagination__nav:disabled {

    opacity: 0.4;
    cursor: default;
}

body.rb150 .pagination__list {

    display: flex;
    align-items: center;
    gap: 4px;
}

body.rb150 .pagination__page {

    min-width: 18px;
    padding: 0 2px;
    background: none;
    border: 0;
    color: var(--muted);
    font: 400 15px/18px var(--font);
    cursor: pointer;
}

body.rb150 .pagination__page.is-active {

    color: var(--black);
    font-weight: 500;
}

body.rb150 .pagination__dots {

    color: var(--muted);
    font-size: 15px;
}

body.rb150 .partners__count {

    margin: 0 0 0 16px;
    color: var(--muted);
    font-size: 13px;
    line-height: 16px;
}

body.rb150 .partners__spacer {

    flex: 1 1 auto;
    height: 1px;
    margin: 0 16px;
    background: var(--sep);
}

body.rb150 .partners__per-page {

    display: flex;
    flex: none;
    align-items: center;
    gap: 16px;
    color: var(--muted);
    font-size: 15px;
    line-height: 18px;
}

body.rb150 .select {

    position: relative;
    display: block;
    width: 170px;
}

body.rb150 .select__control {

    width: 100%;
    height: 36px;
    padding: 0 34px 0 13px;
    background: var(--white);
    border: 1px solid var(--line-light);
    border-radius: 0;
    color: var(--black);
    font: 400 15px/1.2 var(--font);
    appearance: none;
    cursor: pointer;
}

body.rb150 .select__control:focus {

    outline: 1px solid var(--black);
    outline-offset: -1px;
}

body.rb150 .select__chevron {

    position: absolute;
    top: 50%;
    right: 13px;
    width: 12px;
    height: 12px;
    transform: translateY(-50%);
    pointer-events: none;
}

/* Мобильная пагинация (375) */
body.rb150 .partners__mobile-foot {

    display: none;
}

body.rb150 .pager {

    display: flex;
    gap: 8px;
    margin-top: 6px;
}

body.rb150 .pager__btn {

    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    background: var(--white);
    border: 1px solid var(--card-line);
    color: var(--muted);
    font: 400 15px/1.2 var(--font);
    cursor: pointer;
}

body.rb150 .pager__btn.is-active {

    background: var(--ink);
    border-color: var(--ink);
    color: var(--white);
}

body.rb150 .partners__show-all {

    width: 100%;
    height: 44px;
    margin-top: 12px;
}

/* --- Служебные состояния -------------------------------------------------- */
body.rb150 .skeleton-table {

    background: var(--white);
    border: 1px solid var(--card-line);
}

body.rb150 .skeleton-table__row {

    display: flex;
    align-items: center;
    gap: 50px;
    height: 50px;
    padding: 0 24px;
}

body.rb150 .skeleton-table__row--head {

    height: 57px;
    border-bottom: 1px solid var(--card-line);
}

body.rb150 .skeleton-table__bar {

    flex: 1 1 0;
    height: 16px;
    background: #ededed;
}

body.rb150 .skeleton-table__row--head .skeleton-table__bar {

    height: 14px;
}

body.rb150 .state {

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 260px;
    padding: 40px 16px;
    background: var(--white);
    border: 1px solid var(--card-line);
    text-align: center;
}

body.rb150 .state__title {

    margin: 0;
    font-size: 24px;
    font-weight: 400;
    line-height: 29px;
}

body.rb150 .state__hint {

    margin: 9px 0 0;
    color: var(--muted);
    font-size: 14px;
    line-height: 17px;
}

body.rb150 .state .btn {

    height: 44px;
    margin-top: 25px;
}

body.rb150 .state--empty .btn {

    width: 220px;
}

body.rb150 .state--error .btn {

    width: 180px;
}

body.rb150 .toast--compact {

    width: 360px;
    padding: 18px 20px;
    font-size: 15px;
}

body.rb150 .footer {

    margin-top: 50px;
}

/* ==========================================================================
   Планшет 992 (<= 1200)
   ========================================================================== */
@media (max-width: 1200px) {
    body.rb150 .page {

        padding-top: 41px;
    }

    body.rb150 .page__head .breadcrumbs {

        margin-top: 0;
    }

    body.rb150 .page__head .page__title {

        margin-top: 23px;
    }

    body.rb150 .admin-menu {

        margin-top: 35px;
    }

    body.rb150 .metrics {

        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    body.rb150 .chart-block {

        margin-top: 24px;
    }

    body.rb150 .chart-block,
    body.rb150 .filters {

        padding: 20px;
    }

    body.rb150 .filters {

        margin-top: 24px;
    }

    body.rb150 .filters__form {

        gap: 24px;
    }

    body.rb150 .filters__group--status {

        flex-basis: 220px;
    }

    body.rb150 .filters__group--balance {

        flex-basis: 360px;
    }

    body.rb150 .filters__row {

        gap: 12px;
    }

    body.rb150 .filters__submit {

        width: 120px;
    }

    body.rb150 .filters__reset {

        width: 108px;
    }

    body.rb150 .partners {

        margin-top: 52px;
    }

    body.rb150 .partners__viewport {

        max-height: 357px;
        overflow: auto;
    }

    /* Пагинация прижимается к содержимому контейнера */
    body.rb150 .partners__foot {

        margin-top: 24px;
    }

    body.rb150 .footer {

        margin-top: 34px;
    }
}

/* ==========================================================================
   Мобильный 768 (<= 900)
   ========================================================================== */
@media (max-width: 900px) {
    body.rb150 .page__head .page__title {

        margin-top: 23px;
    }

    body.rb150 .admin-menu {

        margin-top: 40px;
    }

    body.rb150 .metrics {

        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.rb150 .chart-block {

        --chart-plot: 204px;
        --chart-bar: 30px;
    }

    body.rb150 .filters__form {

        gap: 16px;
    }

    body.rb150 .filters__group--status {

        flex-basis: 170px;
    }

    body.rb150 .filters__group--balance {

        flex-basis: 246px;
    }

    body.rb150 .filters__row {

        gap: 10px;
    }

    body.rb150 .filters__submit,
    body.rb150 .filters__reset {

        width: 96px;
    }
}

/* ==========================================================================
   Мобильный 375 (<= 640)
   ========================================================================== */
@media (max-width: 640px) {
    body.rb150 .page {

        padding-top: 40px;
    }

    body.rb150 .page__head .breadcrumbs {

        margin-top: 0;
    }

    body.rb150 .page__head .page__title {

        margin-top: 12px;
    }

    body.rb150 .admin-menu {

        margin-top: 33px;
    }

    body.rb150 .metrics {

        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
    }

    body.rb150 .metrics__card {

        min-height: 96px;
        padding: 14px 16px;
    }

    body.rb150 .chart-block {

        --chart-plot: 110px;
        --chart-bar: 12px;
        margin-top: 24px;
        padding: 21px;
    }

    body.rb150 .chart-block__toggle {

        flex-direction: column;
        gap: 8px;
        width: 100%;
        max-width: 303px;
    }

    body.rb150 .chart-block__tab {

        width: 100%;
        height: 36px;
        text-align: left;
    }

    body.rb150 .chart__bar {

        transition: none;
    }

    body.rb150 .filters {

        margin-top: 18px;
        padding: 16px;
    }

    body.rb150 .filters__form {

        flex-direction: column;
        gap: 16px;
    }

    body.rb150 .filters__group--status,
    body.rb150 .filters__group--balance {

        flex: 0 0 auto;
        width: 100%;
    }

    body.rb150 .filters__row {

        gap: 11px;
    }

    body.rb150 .filters__dash {

        display: none;
    }

    body.rb150 .filters__actions {

        width: 100%;
        margin-top: 0;
        gap: 8px;
    }

    body.rb150 .filters__submit,
    body.rb150 .filters__reset {

        flex: 1 1 0;
        width: auto;
        height: 44px;
    }

    /* Таблица превращается в карточки */
    body.rb150 .partners {

        margin-top: 40px;
    }

    body.rb150 .partners__viewport {

        max-height: none;
        overflow: visible;
    }

    body.rb150 .partners__table {

        display: flex;
        flex-direction: column;
        gap: 12px;
        min-width: 0;
        font-size: 16px;
    }

    body.rb150 .partners__row--head {

        display: none;
    }

    body.rb150 .partners__row {

        display: flex;
        flex-direction: column;
        align-items: stretch;
        height: auto;
        padding: 16px;
        background: var(--white);
        border: 1px solid var(--card-line);
    }

    body.rb150 .partners__row:not(.partners__row--head):nth-child(even) {

        background: var(--white);
    }

    /* Показываем первые три карточки до нажатия «Показать все партнёры» */
    body.rb150 .partners__table > .partners__row:nth-child(n + 5) {

        display: none;
    }

    body.rb150 .partners.is-expanded .partners__table > .partners__row:nth-child(n + 5) {

        display: flex;
    }

    body.rb150 .partners__cell {

        display: flex;
        width: 100%;
        padding-top: 12px;
        overflow: visible;
        line-height: 18px;
        white-space: normal;
    }

    body.rb150 .partners__cell::before {

        content: attr(data-label);
        flex: 0 0 116px;
        width: 116px;
        color: var(--muted);
        font-size: 14px;
        line-height: 16px;
    }

    body.rb150 .partners__cell:first-child {

        padding-top: 0;
    }

    body.rb150 .partners__cell--action {

        justify-content: stretch;
        padding-top: 16px;
    }

    body.rb150 .partners__cell--action::before {

        content: none;
    }

    body.rb150 .partners__link {

        justify-content: center;
        width: 100%;
        height: 44px;
        border: 1px solid var(--line-light);
    }

    body.rb150 .partners__foot {

        display: none;
    }

    body.rb150 .partners__mobile-foot {

        display: block;
        margin-top: 24px;
    }

    body.rb150 .partners__mobile-foot .partners__count {

        margin: 0;
    }

    body.rb150 .partners__empty {

        margin-top: 12px;
    }

    body.rb150 .skeleton-table__row {

        gap: 16px;
        padding: 0 16px;
    }

    body.rb150 .state__title {

        font-size: 20px;
        line-height: 24px;
    }

    body.rb150 .footer {

        margin-top: 24px;
    }
}

/* ==========================================================================
   RESTARTBIO-150 — «Детальная карточка партнёра»
   Наследует оболочку RESTARTBIO-66 (шапка, меню админки, фильтры, график,
   метрики, пагинация, тосты, состояния). Добавляет контент карточки:
   шапку с вкладками, «Основное», «Статистика», «Настройки».
   Макет: RESTARTBIO-149 (desktop 1920, планшет 992, моб 768, моб 375).
   ========================================================================== */
body.rb150 {

    --status-paid: #374d33;
    --status-delivery: #cdb27b;
    --status-done: #374d33;
    --badge-active-bg: #e6f0e3;
    --badge-active-text: #374d33;
    --badge-blocked-bg: #fbeaea;
    --badge-blocked-text: #b70f18;
}

/* --- Шапка карточки: аватар, имя, вкладки --------------------------------- */
body.rb150 .partner-card__head {

    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 25px;
    background: var(--soft);
}

body.rb150 .partner-card__person {

    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0;
}

body.rb150 .partner-card__avatar {

    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: var(--accent);
    color: var(--black);
}

body.rb150 .partner-card__avatar svg {

    width: 26px;
    height: 26px;
}

body.rb150 .partner-card__name {

    margin: 0;
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
}

body.rb150 .partner-tabs {

    display: flex;
    flex: none;
    gap: 32px;
}

body.rb150 .partner-tabs__tab {

    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 0;
    background: none;
    border: 0;
    color: var(--muted);
    font: 500 16px/1.2 var(--font);
    white-space: nowrap;
    cursor: pointer;
}

body.rb150 .partner-tabs__tab::after {

    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: transparent;
}

body.rb150 .partner-tabs__tab.is-active,
body.rb150 .partner-tabs__tab[aria-selected="true"] {

    color: var(--black);
}

body.rb150 .partner-tabs__tab.is-active::after,
body.rb150 .partner-tabs__tab[aria-selected="true"]::after {

    background: var(--black);
}

/* --- Панели вкладок ------------------------------------------------------- */
body.rb150 .tab-panel {

    margin-top: 40px;
}

body.rb150 .tab-panel[hidden] {

    display: none;
}

/* --- Вкладка «Основное» --------------------------------------------------- */
body.rb150 .info {

    padding: 25px;
    background: var(--white);
    border: 1px solid var(--sep);
}

body.rb150 .info__title {

    margin: 0 0 24px;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
}

body.rb150 .info__grid {

    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

body.rb150 .info__field {

    min-width: 0;
}

body.rb150 .info__label {

    margin: 0 0 6px;
    color: var(--muted);
    font-size: 13px;
    line-height: 16px;
}

body.rb150 .info__value {

    margin: 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
}

body.rb150 .info__row {

    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 24px;
}

body.rb150 .info__block {

    min-width: 0;
}

body.rb150 .info__block .info__label {

    display: block;
    margin-bottom: 8px;
}

body.rb150 .info__block--group {

    width: 100%;
}

body.rb150 .badge {

    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    border-radius: 14px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
}

body.rb150 .badge__dot {

    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: currentColor;
}

body.rb150 .badge--active {

    background: var(--badge-active-bg);
    color: var(--badge-active-text);
}

body.rb150 .badge--blocked {

    background: var(--badge-blocked-bg);
    color: var(--badge-blocked-text);
}

/* --- Выпадающий список «Группа» ------------------------------------------- */
body.rb150 .dropdown {

    position: relative;
}

body.rb150 .dropdown__control {

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    height: 48px;
    padding: 0 16px;
    background: var(--white);
    border: 1px solid var(--black);
    color: var(--black);
    font: 500 15px/1.2 var(--font);
    text-align: left;
    cursor: pointer;
}

body.rb150 .dropdown__chevron {

    display: block;
    flex: none;
    width: 16px;
    height: 16px;
    transition: transform 0.2s ease;
}

body.rb150 .dropdown.is-open .dropdown__chevron {

    transform: rotate(180deg);
}

body.rb150 .dropdown__list {

    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    z-index: 20;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    background: var(--white);
    border: 1px solid var(--black);
}

body.rb150 .dropdown__list[hidden] {

    display: none;
}

body.rb150 .dropdown__option {

    display: block;
    width: 100%;
    padding: 12px 16px;
    background: var(--white);
    border: 0;
    color: var(--black);
    font: 400 15px/1.2 var(--font);
    text-align: left;
    cursor: pointer;
}

body.rb150 .dropdown__option:hover,
body.rb150 .dropdown__option.is-selected {

    background: var(--soft);
}

body.rb150 .info__actions {

    display: flex;
    gap: 16px;
    margin-top: 24px;
}

body.rb150 .info__actions .btn--outline {

    background: var(--soft);
    border: 1px solid var(--black);
    color: var(--black);
}

body.rb150 .info__action {

    height: 48px;
    min-width: 260px;
    font-size: 15px;
}

body.rb150 .info__action .btn__icon {

    width: 16px;
    height: 16px;
}

body.rb150 .info__save {

    height: 48px;
    min-width: 260px;
    margin-top: 24px;
    font-size: 15px;
}

body.rb150 .info__save .btn__icon {

    width: 16px;
    height: 16px;
}

/* --- Вкладка «Настройки» -------------------------------------------------- */
body.rb150 .settings {

    display: flex;
    flex-direction: column;
    gap: 32px;
}

body.rb150 .settings__title {

    margin: 0;
    font-size: 25px;
    font-weight: 500;
    line-height: 30px;
}

body.rb150 .settings__readonly-note {

    display: flex;
    align-items: center;
    gap: 8px;
    margin: -16px 0 0;
    color: var(--muted);
    font-size: 14px;
    line-height: 18px;
}

body.rb150 .settings__section {

    display: flex;
    flex-direction: column;
    gap: 8px;
}

body.rb150 .settings__section--comment {

    gap: 12px;
}

body.rb150 .settings__label {

    display: block;
    margin: 0;
    color: var(--muted);
    font-size: 13px;
    line-height: 16px;
}

body.rb150 .settings__radios,
body.rb150 .settings__checks {

    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

body.rb150 .checkbox {

    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 15px;
    cursor: pointer;
}

body.rb150 .checkbox input {

    flex: none;
    width: 20px;
    height: 20px;
    margin: 0;
    accent-color: var(--ink);
}

body.rb150 .settings__input {

    width: 100%;
    height: 48px;
    padding: 0 16px;
    background: var(--white);
    border: 1px solid var(--black);
    border-radius: 0;
    color: var(--black);
    font: 400 15px/1.2 var(--font);
}

body.rb150 .settings__subtitle {
    margin: 0 !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
}

body.rb150 .settings__divider {

    height: 1px;
    margin: 0;
    background: var(--sep);
    border: 0;
}

/* --- Градация по суммам заказа -------------------------------------------- */
body.rb150 .gradation {

    margin-top: 0;
}

body.rb150 .gradation__head {

    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(150px, 300px);
    gap: 24px;
    margin-bottom: 12px;
    color: var(--muted);
    font-size: 15px;
    line-height: 18px;
}

body.rb150 .gradation__rows {

    display: flex;
    flex-direction: column;
    gap: 12px;
}

body.rb150 .gradation__row {

    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(150px, 300px);
    gap: 24px;
    align-items: center;
}

body.rb150 .gradation__field {

    min-width: 0;
}

body.rb150 .gradation__input {

    width: 225px;
    max-width: 100%;
    height: 48px;
    padding: 0 16px;
    background: var(--white);
    border: 1px solid var(--black);
    border-radius: 0;
    color: var(--black);
    font: 400 15px/1.2 var(--font);
}

body.rb150 .gradation__field--action {

    display: flex;
}

body.rb150 .gradation__remove {

    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0;
    background: none;
    border: 0;
    color: var(--muted);
    font: 400 15px/1.2 var(--font);
    cursor: pointer;
}

body.rb150 .gradation__remove svg {

    display: block;
    flex: none;
}

/* --- Комментарий администратора ------------------------------------------- */
body.rb150 .settings__textarea {

    width: 100%;
    min-height: 96px;
    padding: 16px;
    background: var(--white);
    border: 1px solid var(--sep);
    border-radius: 0;
    color: var(--black);
    font: 400 15px/1.35 var(--font);
    resize: vertical;
}

body.rb150 .settings__textarea::placeholder {

    color: var(--muted);
    opacity: 1;
}

body.rb150 .settings__note {

    margin: 0;
    color: var(--muted);
    font-size: 13px;
    line-height: 16px;
}

/* Плашка под блоком настроек: поясняет, где настройки можно отредактировать. */
body.rb150 .settings__notice {

    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    padding: 18px 20px;
    background: var(--soft);
    border-left: 3px solid var(--accent);
    color: var(--text);
    font-size: 14px;
    line-height: 20px;
}

body.rb150 .settings__notice svg {

    flex: none;
    width: 18px;
    height: 18px;
    color: var(--muted);
}

/* --- Вкладка «Настройки»: только просмотр --------------------------------- */
body.rb150 .settings.is-readonly .settings__input,
body.rb150 .settings.is-readonly .settings__textarea,
body.rb150 .settings.is-readonly .gradation__input {

    background: var(--soft);
    border-color: var(--line-light);
    color: var(--text);
    cursor: default;
}

body.rb150 .settings.is-readonly .settings__input:disabled,
body.rb150 .settings.is-readonly .settings__textarea:disabled,
body.rb150 .settings.is-readonly .gradation__input:disabled {

    opacity: 1;
    -webkit-text-fill-color: var(--text);
}

body.rb150 .settings.is-readonly .radio,
body.rb150 .settings.is-readonly .checkbox {

    color: var(--muted);
    cursor: default;
}

body.rb150 .settings.is-readonly .radio input:disabled,
body.rb150 .settings.is-readonly .checkbox input:disabled {

    opacity: 0.55;
}

body.rb150 .settings.is-readonly .gradation__remove {

    color: var(--line-light);
    cursor: default;
}

/* --- Вкладка «Статистика»: таблицы заказов -------------------------------- */
body.rb150 .orders {

    margin-top: 40px;
}

body.rb150 .orders__title {

    margin: 0 0 16px;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
}

body.rb150 .filters.orders__filters {

    margin-top: 0;
}

body.rb150 .filters__group--date,
body.rb150 .filters__group--sum {

    flex: 0 0 440px;
}

body.rb150 .orders__viewport {

    margin-top: 16px;
}

body.rb150 .orders__table {

    font-size: 15px;
    border: 1px solid var(--sep);
}

body.rb150 .orders__row {

    display: grid;
    align-items: center;
    min-height: 50px;
    padding: 0 16px;
}

body.rb150 .orders__table--personal .orders__row {

    grid-template-columns: 200px minmax(0, 1fr) 220px 220px;
}

body.rb150 .orders__table--clients .orders__row {

    grid-template-columns: 160px minmax(0, 1fr) 200px 180px 180px;
}

body.rb150 .orders__row--head {

    min-height: 57px;
    background: var(--white);
    color: var(--muted);
    font-size: 14px;
    font-weight: 500;
}

body.rb150 .orders__row:not(.orders__row--head):nth-child(even) {

    background: var(--row-soft);
}

body.rb150 .orders__cell {

    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.rb150 .orders__cell--status {

    font-weight: 400;
}

body.rb150 .orders__cell--status.is-paid {

    color: var(--status-paid);
}

body.rb150 .orders__cell--status.is-delivery {

    color: var(--status-delivery);
}

body.rb150 .orders__cell--status.is-done {

    color: var(--status-done);
}

body.rb150 .orders__empty {

    margin: 0;
    padding: 24px;
    background: var(--soft);
    color: var(--muted);
    font-size: 16px;
}

body.rb150 .orders__empty[hidden] {

    display: none;
}

body.rb150 .orders__foot {

    margin-top: 16px;
}

/* --- Служебный экран: дополнительные блоки -------------------------------- */
body.rb150 .service-dropdown {

    display: flex;
    flex-direction: column;
    max-width: 343px;
}

body.rb150 .service-dropdown__label {

    margin-bottom: 8px;
    color: var(--muted);
    font-size: 13px;
}

body.rb150 .dialog-frame--soft {

    background: var(--soft);
}

body.rb150 .skeleton-card {

    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 560px;
    max-width: 100%;
    padding: 24px;
    background: var(--white);
}

body.rb150 .skeleton-card__row {

    display: block;
    height: 16px;
    background: #ededed;
}

body.rb150 .skeleton-card__row--title {

    width: 40%;
    height: 24px;
}

body.rb150 .skeleton-card__row--short {

    width: 60%;
}

/* ==========================================================================
   RESTARTBIO-150 — адаптив
   ========================================================================== */
@media (max-width: 1200px) {
    body.rb150 .partner-tabs {

        gap: 24px;
    }

    body.rb150 .gradation__head,
    body.rb150 .gradation__row {

        grid-template-columns: repeat(3, minmax(0, 1fr)) 170px;
        gap: 16px;
    }

    body.rb150 .info__grid {

        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.rb150 .filters__group--date,
    body.rb150 .filters__group--sum {

        flex-basis: 300px;
    }

    body.rb150 .orders__foot {

        margin-top: 16px;
    }

    body.rb150 .orders__viewport {

        overflow-x: auto;
    }
}

@media (max-width: 900px) {
    body.rb150 .info__grid {

        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.rb150 .filters__group--date,
    body.rb150 .filters__group--sum {

        flex-basis: 216px;
    }

    body.rb150 .orders__table--personal .orders__row {

        grid-template-columns: 140px minmax(0, 1fr) 170px 160px;
    }

    body.rb150 .orders__table--clients .orders__row {

        grid-template-columns: 120px minmax(0, 1fr) 150px 130px 120px;
    }
}

@media (max-width: 640px) {
    body.rb150 .partner-card__head {

        flex-direction: column;
        align-items: stretch;
        gap: 16px;
        padding: 16px;
    }

    body.rb150 .partner-card__name {

        font-size: 20px;
        line-height: 24px;
    }

    body.rb150 .partner-tabs {

        gap: 20px;
    }

    body.rb150 .partner-tabs__tab {

        font-size: 14px;
    }

    body.rb150 .tab-panel {

        margin-top: 24px;
    }

    body.rb150 .info {

        padding: 16px;
    }

    body.rb150 .info__grid,
    body.rb150 .info__row {

        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
    }

    body.rb150 .info__actions {

        flex-direction: column;
        gap: 12px;
    }

    body.rb150 .info__action {

        width: 100%;
        min-width: 0;
    }

    body.rb150 .info__save {

        width: 100%;
        min-width: 0;
    }

    body.rb150 .settings {

        gap: 24px;
    }

    body.rb150 .settings__title {

        font-size: 20px;
        line-height: 24px;
    }

    body.rb150 .settings__radios,
    body.rb150 .settings__checks {

        flex-direction: column;
        gap: 12px;
    }

    body.rb150 .settings__notice {

        align-items: flex-start;
        padding: 16px;
        font-size: 13px;
        line-height: 18px;
    }

    /* Градация превращается в карточки */
    body.rb150 .gradation__head {

        display: none;
    }

    body.rb150 .gradation__row {

        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        padding: 16px;
        background: var(--white);
        border: 1px solid var(--card-line);
    }

    body.rb150 .gradation__field {

        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    body.rb150 .gradation__field::before {

        content: attr(data-label);
        color: var(--muted);
        font-size: 13px;
        line-height: 16px;
    }

    body.rb150 .gradation__input {

        width: 100%;
    }

    body.rb150 .gradation__field--action::before {

        content: none;
    }

    /* Таблицы заказов превращаются в карточки */
    body.rb150 .orders {

        margin-top: 32px;
    }

    body.rb150 .filters__group--date,
    body.rb150 .filters__group--sum {

        flex: 0 0 auto;
    }

    body.rb150 .orders__viewport {

        overflow: visible;
    }

    body.rb150 .orders__table {

        display: flex;
        flex-direction: column;
        gap: 12px;
        min-width: 0;
        border: 0;
        font-size: 16px;
    }

    body.rb150 .orders__table--personal,
    body.rb150 .orders__table--clients {

        min-width: 0;
    }

    body.rb150 .orders__table .orders__row--head {

        display: none;
    }

    body.rb150 .orders__row {

        display: flex;
        flex-direction: column;
        align-items: stretch;
        min-height: 0;
        padding: 16px;
        background: var(--white);
        border: 1px solid var(--card-line);
    }

    body.rb150 .orders__row:not(.orders__row--head):nth-child(even) {

        background: var(--white);
    }

    body.rb150 .orders__cell {

        display: flex;
        width: 100%;
        padding-top: 12px;
        overflow: visible;
        line-height: 18px;
        white-space: normal;
    }

    body.rb150 .orders__cell::before {

        content: attr(data-label);
        flex: 0 0 130px;
        width: 130px;
        color: var(--muted);
        font-size: 14px;
        line-height: 16px;
    }

    body.rb150 .orders__cell:first-child {

        padding-top: 0;
    }

    body.rb150 .orders__empty {

        margin-top: 12px;
    }
}

/* ==========================================================================
   Блок программ и групп
   ========================================================================== */
body.rb86 .settings__title {

    margin: 0;
    font-size: 25px;
    font-weight: 500;
    line-height: 32px;
}

body.rb86 .program-cards {

    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin-top: 40px;
}

body.rb86 .program-card {

    position: relative;
    display: block;
    min-height: 118px;
    padding: 25px;
    border: 1px solid var(--black);
    color: var(--black);
    text-decoration: none;
}

body.rb86 .program-card:hover {

    background: #fafafa;
}

body.rb86 .program-card__title {

    display: block;
    padding-right: 40px;
    font-size: 20px;
    line-height: 28px;
}

body.rb86 .program-card__row {

    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    font-size: 15px;
    line-height: 20px;
}

body.rb86 .program-card__label {

    flex: 0 0 200px;
    width: 200px;
    color: var(--muted);
}

body.rb86 .program-card__value {

    flex: 1 1 auto;
}

/* ==========================================================================
   Форма настроек группы
   ========================================================================== */
body.rb86 .back-link {

    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--black);
    font-size: 15px;
    line-height: 18px;
    text-decoration: none;
}

body.rb86 .back-link:hover {

    text-decoration: underline;
}

body.rb86 .settings__subtitle {

    margin: 32px 0 0;
    font-size: 25px;
    font-weight: 500;
    line-height: 30px;
}

body.rb86 .settings-form {

    --form-gap: 32px;
    display: flex;
    flex-direction: column;
    gap: var(--form-gap);
    margin-top: 32px;
}

body.rb86 .field {

    display: flex;
    flex-direction: column;
    gap: 8px;
}

body.rb86 .field__label {

    color: var(--muted);
    font-size: 13px;
    line-height: 16px;
}

body.rb86 .input {

    width: 100%;
    height: 48px;
    padding: 0 16px;
    background: var(--white);
    border: 1px solid var(--black);
    border-radius: 0;
    color: var(--black);
    font: 400 15px/1.2 var(--font);
}

body.rb86 .input::placeholder {

    color: var(--muted);
    opacity: 1;
}

body.rb86 .input:focus {

    outline: 1px solid var(--black);
    outline-offset: -1px;
}

body.rb86 .radio-group,
body.rb86 .checkbox-group {

    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

body.rb86 .option {

    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-size: 15px;
    line-height: 20px;
    cursor: pointer;
}

body.rb86 .option input {

    flex: none;
    width: 20px;
    height: 20px;
    margin: 0;
    accent-color: var(--ink);
}

body.rb86 .settings-divider {

    height: 1px;
    background: var(--sep);
}

body.rb86 .block-title {

    margin: 0;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
}

/* --- Таблица градаций по суммам заказа ------------------------------------- */
body.rb86 .grad-table {

    display: flex;
    flex-direction: column;
    gap: var(--form-gap);
}

body.rb86 .grad-table__head,
body.rb86 .grad-table__row {

    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)) 300px;
    gap: 24px;
    align-items: center;
}

body.rb86 .grad-table__head {

    color: var(--muted);
    font-size: 15px;
    line-height: 18px;
}

body.rb86 .grad-table__cell {

    min-width: 0;
}

body.rb86 .delete-btn {

    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0;
    background: none;
    border: 0;
    color: var(--muted);
    font: 400 15px/18px var(--font);
    cursor: pointer;
}

body.rb86 .delete-btn:hover {

    color: var(--black);
    text-decoration: underline;
}

body.rb86 .delete-btn img {

    display: block;
    flex: none;
    width: 16px;
    height: 18px;
}

/* --- Фиксированные градации (VIP) ------------------------------------------- */
body.rb86 .variants {

    display: flex;
    flex-direction: column;
    gap: var(--form-gap);
}

body.rb86 .variant {

    display: flex;
    align-items: center;
    gap: 14px;
}

body.rb86 .variant__line {

    display: contents;
}

body.rb86 .variant__radio {

    display: inline-flex;
    flex: none;
}

body.rb86 .variant__radio input {

    width: 20px;
    height: 20px;
    margin: 0;
    accent-color: var(--ink);
}

body.rb86 .variant__label {

    font-size: 15px;
    line-height: 20px;
}

body.rb86 .variant__suffix {

    font-size: 15px;
    line-height: 20px;
}

body.rb86 .variant__slash {

    font-size: 15px;
    line-height: 20px;
}

body.rb86 .input--pct {

    width: 120px;
    padding: 0 12px;
}

/* --- Кнопки формы ----------------------------------------------------------- */
body.rb86 .settings-actions {

    display: flex;
    align-items: center;
    gap: 16px;
}

/* ==========================================================================
   Служебные элементы: состояния и всплывающие формы
   ========================================================================== */
body.rb86 .service {

    margin-top: 80px;
}

body.rb86 .service__title {

    margin: 0 0 32px;
    font-size: 32px;
    font-weight: 300;
    line-height: 38px;
}

body.rb86 .spec-block {

    margin-top: 24px;
}

body.rb86 .spec-label {

    margin: 0 0 12px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 400;
}

body.rb86 .dialog-frame {

    display: flex;
    justify-content: center;
    padding: 40px;
    background: var(--sep);
}

body.rb86 .dialog {

    position: relative;
    width: 560px;
    max-width: 100%;
    padding: 40px;
    background: var(--white);
}

body.rb86 .dialog__head {

    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

body.rb86 .dialog__title {

    margin: 0;
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
}

body.rb86 .dialog__close {

    flex: none;
    padding: 0;
    background: none;
    border: 0;
    cursor: pointer;
}

body.rb86 .dialog__close img {

    display: block;
    width: 24px;
    height: 24px;
}

body.rb86 .dialog__text {

    margin: 24px 0 0;
    color: var(--muted);
    font-size: 15px;
    line-height: 22px;
}

body.rb86 .dialog__actions {

    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 32px;
}

/* --- Модальное окно --------------------------------------------------------- */
body.rb86 .dialog-modal {

    position: fixed;
    inset: 0;
    z-index: 40;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 110px 16px 40px;
    overflow: auto;
}

body.rb86 .dialog-modal[hidden] {

    display: none;
}

body.rb86 .dialog-modal__overlay {

    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
}

body.rb86 .dialog-modal__dialog {

    position: relative;
    z-index: 1;
}

/* --- Скелетоны -------------------------------------------------------------- */
body.rb86 .skeleton {

    display: flex;
    flex-direction: column;
    gap: 12px;
}

body.rb86 .skeleton__line {

    display: block;
    height: 28px;
    background: #ededed;
}

body.rb86 .error-state {

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 24px;
    background: var(--soft);
}

body.rb86 .error-state__text {

    margin: 0;
    font-size: 16px;
}

/* --- Тосты ----------------------------------------------------------------- */
body.rb86 .toast-preview {

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

body.rb86 .toast-region {

    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 50;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 20px;
    pointer-events: none;
}

body.rb86 .toast {

    display: none;
    width: 440px;
    max-width: calc(100vw - 48px);
    padding: 16px 20px;
    border-radius: 4px;
    background: var(--ink);
    color: var(--white);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

body.rb86 .toast.is-visible,
body.rb86 .toast--static {

    display: block;
}

body.rb86 .toast--static {

    box-shadow: none;
}

/* --- Аннотации -------------------------------------------------------------- */
body.rb86 .spec-notes {

    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 24px;
}

body.rb86 .spec-annotation {

    margin: 0;
    color: var(--muted);
    font-size: 14px;
    line-height: 20px;
}

/* Блоки спецификации: показаны только на странице спецификации */
body.rb86:not(.is-spec) .service {

    display: none;
}


/* ==========================================================================
   Планшет 992 (<= 1200)
   ========================================================================== */
@media (max-width: 1200px) {


    body.rb86 .settings-form {

        --form-gap: 28px;
    }

    body.rb86 .grad-table__head,
    body.rb86 .grad-table__row {

        grid-template-columns: repeat(3, minmax(0, 1fr)) 240px;
        gap: 20px;
    }

    body.rb86 .input--pct {

        width: 96px;
    }

}

/* ==========================================================================
   Моб 768 (<= 900)
   ========================================================================== */
@media (max-width: 900px) {


    body.rb86 .settings-form {

        --form-gap: 24px;
    }

    body.rb86 .program-cards {

        grid-template-columns: minmax(0, 1fr);
    }

    body.rb86 .settings__subtitle {

        font-size: 22px;
        line-height: 28px;
    }

    body.rb86 .grad-table__head,
    body.rb86 .grad-table__row {

        grid-template-columns: repeat(3, minmax(0, 1fr)) 190px;
        gap: 16px;
    }

    body.rb86 .input--pct {

        width: 64px;
    }

    body.rb86 .service__title {

        font-size: 28px;
        line-height: 34px;
    }
}

/* ==========================================================================
   Моб 375 (<= 640)
   ========================================================================== */
@media (max-width: 640px) {


    body.rb86 .settings-form {

        --form-gap: 20px;
    }

    body.rb86 .settings__title {

        font-size: 22px;
        line-height: 28px;
    }

    body.rb86 .program-cards {

        margin-top: 24px;
    }

    body.rb86 .program-card {

        padding: 20px;
    }

    body.rb86 .program-card__row {

        margin-top: 16px;
    }

    body.rb86 .program-card__label {

        flex: 0 0 auto;
        width: auto;
        margin-right: 8px;
    }

    body.rb86 .settings__subtitle {

        margin-top: 24px;
        font-size: 20px;
        line-height: 26px;
    }

    body.rb86 .settings-form {

        margin-top: 24px;
    }

    /* Таблица градаций превращается в карточки */
    body.rb86 .grad-table__head {

        display: none;
    }

    body.rb86 .grad-table__row {

        display: flex;
        flex-direction: column;
        gap: 12px;
        padding: 16px;
        border: 1px solid var(--black);
    }

    body.rb86 .grad-table__cell {

        display: block;
    }

    body.rb86 .grad-table__cell[data-label]::before {

        content: attr(data-label);
        display: block;
        margin-bottom: 6px;
        color: var(--muted);
        font-size: 13px;
        line-height: 16px;
    }

    body.rb86 .grad-table__actions::before {

        content: none;
    }

    body.rb86 .grad-table__actions {

        margin-top: 4px;
        padding-top: 12px;
        border-top: 1px solid var(--sep);
    }

    /* Фиксированные градации: строка и карточка на мобильных */
    body.rb86 .variant {

        flex-direction: column;
        gap: 12px;
        padding: 16px;
        border: 1px solid var(--black);
    }

    body.rb86 .variant__line {

        display: flex;
        align-items: center;
        gap: 10px;
        width: 100%;
    }

    body.rb86 .variant__label {

        flex: 0 0 auto;
    }

    body.rb86 .input--pct {

        flex: 1 1 auto;
        width: auto;
        min-width: 0;
    }

    body.rb86 .settings-actions {

        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    body.rb86 .settings-actions .btn {

        width: 100%;
    }

    body.rb86 .radio-group,
    body.rb86 .checkbox-group {

        flex-direction: column;
        gap: 12px;
    }

    body.rb86 .service {

        margin-top: 48px;
    }

    body.rb86 .service__title {

        font-size: 24px;
        line-height: 30px;
    }

    body.rb86 .dialog {

        padding: 24px;
    }

    body.rb86 .dialog-frame {

        padding: 16px;
    }

    body.rb86 .dialog__actions {

        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    body.rb86 .dialog__actions .btn {

        width: 100%;
    }

    body.rb86 .error-state {

        flex-direction: column;
        align-items: stretch;
        gap: 16px;
    }

    body.rb86 .dialog-modal {

        padding: 24px 16px 40px;
    }
}

/* ==========================================================================
   Список программ: добавление и удаление
   ========================================================================== */
body.rb86 .program-card__link {
    cursor: pointer;
    display: block;
    color: inherit;
    text-decoration: none;
}

body.rb86 .program-card__delete {

    position: absolute;
    top: 22px;
    right: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    padding: 0;
    background: none;
    border: 0;
    color: var(--muted);
    cursor: pointer;
    opacity: 0.65;
}

body.rb86 .program-card__delete img {

    display: block;
    width: 22px;
    height: 22px;
}

body.rb86 .program-card__delete:hover {

    opacity: 1;
}

body.rb86 .program-card__delete:focus-visible {

    outline: 1px solid var(--black);
    outline-offset: 2px;
}

body.rb86 .program-card--add {

    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: none;
    font: inherit;
    cursor: pointer;
}

body.rb86 .program-card__plus {

    position: relative;
    display: block;
    width: 48px;
    height: 48px;
}

body.rb86 .program-card__plus::before,
body.rb86 .program-card__plus::after {

    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background: var(--black);
    transform: translate(-50%, -50%);
}

body.rb86 .program-card__plus::before {

    width: 48px;
    height: 1px;
}

body.rb86 .program-card__plus::after {

    width: 1px;
    height: 48px;
}

@media (max-width: 640px) {
    body.rb86 .program-card__delete {

        top: 16px;
        right: 20px;
    }
}

body.rb71 .btn--outline {
    height: 42px;
    padding: 0 20px;
    background: transparent;
    border: 1px solid var(--muted);
    color: var(--black);
}

/* ==========================================================================
   Таблица заявок
   ========================================================================== */
body.rb71 .applications__table {

    font-size: 15px;
}

body.rb71 .app-row {

    display: grid;
    grid-template-columns: 80px 80px 130px 150px 250px 220px 130px 150px 1fr;
    align-items: center;
    height: 50px;
    padding: 0 15px;
}

body.rb71 .app-row--head {

    height: 57px;
    border: 1px solid var(--black);
    color: var(--muted);
    font-size: 14px;
    font-weight: 500;
}

body.rb71 .app-row:not(.app-row--head):nth-child(odd) {

    background: var(--row-alt);
}

body.rb71 .app-cell {

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.rb71 .app-cell--name {

    display: none;
}

body.rb71 .app-cell--action {

    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    justify-self: end;
    overflow: visible;
}

body.rb71 .app-link {

    display: inline-flex;
    align-items: center;
    gap: 15px;
    padding: 0;
    background: none;
    border: 0;
    color: var(--link);
    font: 500 14px/1.2 var(--font);
    text-decoration: none;
    cursor: pointer;
}

body.rb71 .app-link:hover {

    text-decoration: underline;
}

body.rb71 .app-link img {

    display: block;
    width: 20px;
    height: 20px;
}

body.rb71 .applications__foot {

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 40px;
}

body.rb71 .applications__count {

    margin: 0;
    color: var(--muted);
    font-size: 13px;
    font-weight: 500;
}

body.rb71 .applications__more {

    height: 54px;
}

/* ==========================================================================
   Служебный экран: формы, состояния
   ========================================================================== */
body.rb71 .service {

    margin-top: 80px;
}

body.rb71 .service__title {

    margin: 0 0 32px;
    font-size: 32px;
    font-weight: 300;
    line-height: 38px;
}

body.rb71 .spec-block {

    margin-top: 24px;
}

body.rb71 .spec-label {

    margin: 0 0 12px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 400;
}

body.rb71 .spec-sublabel {

    margin: 16px 0 8px;
    color: var(--muted);
    font-size: 13px;
}

body.rb71 .dialog-frame {

    display: flex;
    justify-content: center;
    padding: 40px;
    background: var(--sep);
}

body.rb71 .dialog {

    position: relative;
    width: 560px;
    max-width: 100%;
    padding: 40px;
    background: var(--white);
}

body.rb71 .dialog__head {

    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

body.rb71 .dialog__title {

    margin: 0;
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
}

body.rb71 .dialog__close {

    flex: none;
    padding: 0;
    background: none;
    border: 0;
    cursor: pointer;
}

body.rb71 .dialog__close img {

    display: block;
    width: 24px;
    height: 24px;
}

body.rb71 .dialog__lead {

    margin: 24px 0 0;
    font-size: 16px;
    line-height: 19px;
    color: var(--muted);
}

body.rb71 .dialog__fields {

    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 24px 0 0;
}

body.rb71 .dialog__field {

    display: flex;
    flex-direction: column;
    gap: 4px;
}

body.rb71 .dialog__field dt,
body.rb71 .dialog__label {

    color: var(--muted);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
}

body.rb71 .dialog__field dd {

    margin: 0;
    font-size: 16px;
    line-height: 19px;
}

body.rb71 .dialog__field dd a {

    color: var(--link);
}

body.rb71 .dialog__field--stack {

    margin-top: 24px;
}

body.rb71 .dialog__hint {

    margin: 12px 0 0;
    color: var(--muted);
    font-size: 14px;
    line-height: 18px;
}

body.rb71 .dialog__radios {

    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 16px;
}

body.rb71 .dialog__radios.has-error,
body.rb71 .textarea.has-error {

    outline: 1px solid var(--error);
    outline-offset: 8px;
}

body.rb71 .radio {

    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 16px;
    cursor: pointer;
}

body.rb71 .radio input {

    flex: none;
    width: 20px;
    height: 20px;
    margin: 0;
    accent-color: var(--ink);
}

body.rb71 .dialog__actions {

    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 32px;
}

body.rb71 .textarea {

    width: 100%;
    min-height: 90px;
    padding: 12px;
    background: var(--white);
    border: 1px solid var(--line);
    border-radius: 0;
    color: var(--black);
    font: 400 16px/1.35 var(--font);
    resize: vertical;
}

body.rb71 .textarea::placeholder {

    color: var(--muted);
    opacity: 1;
}

body.rb71 .textarea:focus {

    outline: 1px solid var(--black);
    outline-offset: -1px;
}

/* --- Всплывающая форма ------------------------------------------------------ */
body.rb71 .dialog-modal {

    position: fixed;
    inset: 0;
    z-index: 40;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 110px 16px 40px;
    overflow: auto;
    z-index: 999;
}

body.rb71 .dialog-modal[hidden] {

    display: none;
}

body.rb71 .dialog-modal__overlay {

    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
}

body.rb71 .dialog-modal__dialog {

    position: relative;
    z-index: 1;
}

/* --- Состояния списка ------------------------------------------------------- */
body.rb71 .skeleton {

    display: flex;
    flex-direction: column;
    gap: 12px;
}

body.rb71 .skeleton__line {

    display: block;
    height: 28px;
    background: #ededed;
}

body.rb71 .empty {

    padding: 24px;
    background: var(--soft);
    color: var(--muted);
    font-size: 16px;
}

body.rb71 .error-state {

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 24px;
    background: var(--soft);
}

body.rb71 .error-state__text {

    margin: 0;
    font-size: 16px;
}


/* --- Аннотации -------------------------------------------------------------- */
body.rb71 .spec-notes {

    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 24px;
}

body.rb71 .spec-annotation {

    margin: 0;
    color: var(--muted);
    font-size: 14px;
    line-height: 20px;
}

/* Режим спецификации: служебные блоки видны, как на экране макета */
body.rb71:not(.is-spec) .service {

    display: none;
}

/* ==========================================================================
   Планшет 992 (<= 1200)
   ========================================================================== */
@media (max-width: 1200px) {

    /* Таблица сжимается; при переполнении — прокрутка внутри контейнера */
    body.rb71 .applications__table {

        overflow-x: auto;
    }

    body.rb71 .app-row {

        grid-template-columns: 64px 64px 120px 140px 200px 180px 110px 130px 130px;
        min-width: 1168px;
    }

}

/* ==========================================================================
   Моб 768 (<= 900)
   ========================================================================== */
@media (max-width: 900px) {

    body.rb71 .applications__table {

        overflow: visible;
    }

    /* Сокращённый набор колонок: ID · ФИО · Телефон · Дата запроса · Перейти */
    body.rb71 .app-row {

        grid-template-columns: 56px 1fr 150px 110px 96px;
        min-width: 0;
    }

    body.rb71 .app-cell--name {

        display: block;
    }

    body.rb71 .app-cell[data-label="ID парт."],
    body.rb71 .app-cell[data-label="Имя"],
    body.rb71 .app-cell[data-label="Фамилия"],
    body.rb71 .app-cell[data-label="E-mail"],
    body.rb71 .app-cell[data-label="Дата рег."] {

        display: none;
    }

    body.rb71 .applications__foot {

        margin-top: 32px;
    }

    body.rb71 .service__title {

        font-size: 28px;
        line-height: 34px;
    }
}

/* ==========================================================================
   Моб 375 (<= 640)
   ========================================================================== */
@media (max-width: 640px) {

    /* Таблица заявок превращается в карточки */
    body.rb71 .applications__table {

        font-size: 14px;
    }

    body.rb71 .app-row {

        display: flex;
        flex-direction: column;
        height: auto;
        padding: 16px;
        border-bottom: 1px solid var(--sep);
    }

    body.rb71 .app-row--head {

        display: none;
    }

    body.rb71 .app-row:not(.app-row--head):nth-child(odd) {

        background: transparent;
    }

    body.rb71 .app-cell {

        display: flex;
        padding-top: 8px;
        white-space: normal;
        overflow: visible;
    }

    body.rb71 .app-cell::before {

        content: attr(data-label);
        flex: 0 0 108px;
        width: 108px;
        color: var(--muted);
        font-size: 12px;
        font-weight: 500;
    }

    body.rb71 .app-cell[data-label="ID"] {

        display: none;
    }

    body.rb71 .app-cell[data-label="E-mail"],
    body.rb71 .app-cell[data-label="Дата рег."] {

        display: flex;
    }

    body.rb71 .app-cell--name {

        order: 1;
        display: block;
        padding-top: 0;
        color: var(--black);
        font-size: 16px;
        font-weight: 500;
    }

    body.rb71 .app-cell--name::before {

        content: none;
    }

    body.rb71 .app-cell[data-label="Телефон"] {

        order: 2;
    }

    body.rb71 .app-cell[data-label="E-mail"] {

        order: 3;
    }

    body.rb71 .app-cell[data-label="Дата рег."] {

        order: 4;
    }

    body.rb71 .app-cell[data-label="Дата запроса"] {

        order: 5;
    }

    body.rb71 .app-cell--action {

        order: 6;
        justify-self: auto;
        padding-top: 16px;
    }

    body.rb71 .app-cell--action::before {

        content: none;
    }

    body.rb71 .applications__foot {

        flex-direction: column;
        align-items: stretch;
        gap: 16px;
        margin-top: 24px;
    }

    body.rb71 .applications__more {

        width: 100%;
    }

    body.rb71 .dialog {

        padding: 24px;
    }

    body.rb71 .dialog-frame {

        padding: 16px;
    }

    body.rb71 .dialog__actions {

        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    body.rb71 .dialog__actions .btn {

        width: 100%;
    }

    body.rb71 .service {

        margin-top: 48px;
    }

    body.rb71 .service__title {

        font-size: 24px;
        line-height: 30px;
    }

    body.rb71 .error-state {

        flex-direction: column;
        align-items: stretch;
        gap: 16px;
    }

    body.rb71 .dialog-modal {

        padding: 24px 16px 40px;
    }
}

/* ==========================================================================
   RESTARTBIO-71 ? ??????????? ?????????? (??????? ?????? RESTARTBIO-70)
   ??????? ???????: ?????????, ???? ???????, ???????, ??????? ????????,
   ?????????, ????????? ????????? ? ?????.
   ???????? (?????, ??????, ???????, ?????, ??????, ??????) ? ? styles.css.
   ???????????: desktop 1920, ??????? 992, ??? 768, ??? 375.
   ========================================================================== */
body.rb71 {

    --card-line: #e0e0e0;
    --row-soft: #eff1ef;
    --status-active: #374d33;
    --status-blocked: #757575;
}

/* --- ????????? ???????? ? ??????? ?????? ---------------------------------- */
body.rb71 .page__head {

    display: flex;
    flex-direction: column;
}

body.rb71 .page {

    padding-top: 58px;
}

body.rb71 .breadcrumbs {

    margin-top: 16px;
}

/* --- ??????? -------------------------------------------------------------- */
body.rb71 .filters {

    margin-top: 0;
    padding: 20px;
    background: var(--soft);
}

body.rb71 .filters__form {

    display: flex;
    align-items: flex-start;
    gap: 40px;
}

body.rb71 .filters__group {

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    min-width: 0;
}

body.rb71 .filters__group--partner {

    flex: 0 0 220px;
}

body.rb71 .filters__group--client {

    flex: 0 0 220px;
}

body.rb71 .filters__group--date {

    flex: 0 0 440px;
}

body.rb71 .filters__label {

    flex: none;
    color: var(--muted);
    font-size: 13px;
    line-height: 16px;
}

body.rb71 .filters__row {

    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
}

body.rb71 .filters__field {

    position: relative;
    flex: 0 0 200px;
    min-width: 0;
}

body.rb71 .filters__input {

    width: 100%;
    height: 41px;
    padding: 0 16px;
    background: var(--white);
    border: 1px solid var(--card-line);
    border-radius: 0;
    color: var(--black);
    font: 400 15px/1.2 var(--font);
}

body.rb71 .filters__input::placeholder {

    color: var(--muted);
    opacity: 1;
}

body.rb71 .filters__input:focus {

    outline: 1px solid var(--black);
    outline-offset: -1px;
}

body.rb71 .filters__input.has-error {

    border-color: var(--error);
    outline: 1px solid var(--error);
    outline-offset: -1px;
}

/* ???? ????: ?????? ????????? ????? ?????, ????? ????????? (??? ??
   ???????? ???????), ??????? ????? ??????? ??????. */
body.rb71 .filters__input--date {

    padding-right: 16px;
    padding-left: 40px;
}

body.rb71 .filters__field-btn {

    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 100%;
    padding: 0;
    background: none;
    border: 0;
    cursor: pointer;
}

body.rb71 .filters__field-btn-icon {

    display: block;
    width: 16px;
    height: 16px;
}

body.rb71 .date-field.is-invalid .filters__input {

    border-color: var(--error);
    outline: 1px solid var(--error);
    outline-offset: -1px;
}

/* ????????? ? ???????? ???????. ??????, ???? ???????? ?? ?????????, ???????
   ?????? ?????? ???????? ? ??????? ????????? ?? ????????. */
body.rb71 .filters__error {

    margin: 8px 0 0;
    color: var(--error);
    font-size: 13px;
    line-height: 16px;
}

body.rb71 .filters__error[hidden] {

    display: none;
}

/* --- ????????? (????? ? ????? ????) --------------------------------------- */
body.rb71 .datepicker {

    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    z-index: 30;
    display: none;
    width: 300px;
    max-width: calc(100vw - 40px);
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.16);
}

body.rb71 .datepicker.is-open {

    display: block;
}

body.rb71 .datepicker .calendar {

    width: 100%;
}

body.rb71 .calendar {

    width: 300px;
    max-width: 100%;
    padding: 16px;
    background: var(--white);
    border: 1px solid var(--line-light);
}

body.rb71 .calendar__head {

    display: flex;
    align-items: center;
    justify-content: space-between;
}

body.rb71 .calendar__caption {

    color: var(--black);
    font-size: 15px;
    font-weight: 500;
}

body.rb71 .calendar__nav {

    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    background: none;
    border: 0;
    cursor: pointer;
}

body.rb71 .calendar__nav img {

    width: 12px;
    height: 12px;
    transform: rotate(90deg);
}

body.rb71 .calendar__nav--next img {

    transform: rotate(-90deg);
}

body.rb71 .calendar__grid {

    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
    margin-top: 12px;
}

body.rb71 .calendar__dow {

    padding: 4px 0;
    color: var(--muted);
    font-size: 12px;
    text-align: center;
}

body.rb71 .calendar__day {

    height: 34px;
    padding: 0;
    background: none;
    border: 0;
    color: var(--black);
    font: 400 13px/1 var(--font);
    cursor: pointer;
}

body.rb71 .calendar__day:hover {

    background: var(--soft);
}

body.rb71 .calendar__day.is-muted {

    color: #a4a4a4;
}

body.rb71 .calendar__day--selected,
body.rb71 .calendar__day--selected:hover {

    background: var(--accent);
    color: var(--white);
}

body.rb71 .filters__select {

    position: relative;
    display: block;
    width: 100%;
}

body.rb71 .filters__input--select {

    padding-right: 40px;
    appearance: none;
    cursor: pointer;
}

body.rb71 .filters__select-icon {

    position: absolute;
    top: 50%;
    right: 16px;
    width: 12px;
    height: 12px;
    transform: translateY(-50%);
    pointer-events: none;
}

body.rb71 .filters__dash {

    flex: none;
    width: 16px;
    color: var(--black);
    font-size: 18px;
    line-height: 20px;
    text-align: center;
}

/* Filters are top-aligned (align-items: flex-start), so the date error hint
   only grows the date column downward instead of shifting sibling fields.
   The action buttons have no label, so a 24px top offset lines them up with
   the inputs (label height 16 + group gap 8). */
body.rb71 .filters__actions {

    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 8px;
    margin-top: 24px;
}

body.rb71 .filters__submit {

    width: 140px;
    height: 41px;
}

body.rb71 .filters__reset {

    width: 110px;
    height: 41px;
    background: var(--white);
    border: 1px solid var(--black);
    color: var(--black);
    font-weight: 400;
}

/* --- ??????? ???????? ----------------------------------------------------- */
body.rb71 .clients {

    margin-top: 48px;
}

body.rb71 .clients__viewport {

    overflow: hidden;
}

body.rb71 .clients__row[hidden] {

    display: none !important;
}

body.rb71 .clients__table {

    min-width: 1308px;
    font-size: 20px;
}

/* ??????? ??????: 315 / 450 / 235 / ??????? (1308 - 30 padding) */
body.rb71 .clients__row {

    display: grid;
    grid-template-columns: 315px 450px 235px minmax(278px, 1fr);
    align-items: center;
    height: 50px;
    padding: 0 15px;
}

body.rb71 .clients__row--head {

    height: 57px;
    border-bottom: 1px solid var(--black);
    color: var(--muted);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.32px;
}

/* ?????? ?????? ?????? ?????? #eff1ef (????? ? ?????? child) */
body.rb71 .clients__row:not(.clients__row--head):nth-child(odd) {

    background: var(--row-soft);
}

body.rb71 .clients__cell {

    min-width: 0;
    overflow: hidden;
    letter-spacing: 0.32px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.rb71 .clients__partner {

    color: var(--black);
    text-decoration: none;
}

body.rb71 .clients__partner:hover {

    text-decoration: underline;
}

body.rb71 .clients__partner--none {

    color: var(--muted);
}

body.rb71 .clients__status--blocked {

    color: var(--status-blocked);
}

body.rb71 .clients__cell--actions {

    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    overflow: visible;
}

body.rb71 .clients__action {

    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    background: var(--white);
    border: 1px solid var(--black);
    cursor: pointer;
}

body.rb71 .clients__action:hover {

    background: var(--soft);
}

body.rb71 .clients__action img {

    display: block;
    width: 16px;
    height: 16px;
}

body.rb71 .clients__action-label {

    display: none;
}

body.rb71 .clients__empty {

    padding: 24px;
    background: var(--soft);
    color: var(--muted);
    font-size: 16px;
}

body.rb71 .clients__empty[hidden] {

    display: none;
}

/* --- ????????? ------------------------------------------------------------ */
body.rb71 .clients__foot {

    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 24px;
}

body.rb71 .pagination {

    display: flex;
    flex: none;
    align-items: center;
    gap: 16px;
}

body.rb71 .pagination__nav {

    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    background: var(--white);
    border: 1px solid var(--card-line);
    cursor: pointer;
}

body.rb71 .pagination__nav img {

    display: block;
    width: 10px;
    height: 10px;
}

body.rb71 .pagination__nav:disabled {

    opacity: 0.4;
    cursor: default;
}

body.rb71 .pagination__list {

    display: flex;
    align-items: center;
    gap: 16px;
}

body.rb71 .pagination__page {

    min-width: 0;
    padding: 0;
    background: none;
    border: 0;
    color: var(--black);
    font: 400 14px/18px var(--font);
    cursor: pointer;
}

body.rb71 .pagination__page.is-active {

    color: var(--black);
    font-weight: 500;
}

body.rb71 .pagination__dots {

    color: var(--muted);
    font-size: 14px;
}

body.rb71 .clients__count {

    margin: 0;
    color: var(--muted);
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
}

body.rb71 .clients__spacer {

    flex: 1 1 auto;
    height: 1px;
}

body.rb71 .clients__per-page {

    display: flex;
    flex: none;
    align-items: center;
    gap: 16px;
    color: var(--muted);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
}

body.rb71 .select {

    position: relative;
    display: block;
    width: 170px;
}

body.rb71 .select__control {

    width: 100%;
    height: 36px;
    padding: 0 30px 0 12px;
    background: var(--white);
    border: 1px solid var(--card-line);
    border-radius: 0;
    color: var(--black);
    font: 400 14px/1.2 var(--font);
    appearance: none;
    cursor: pointer;
}

body.rb71 .select__control:focus {

    outline: 1px solid var(--black);
    outline-offset: -1px;
}

body.rb71 .select__chevron {

    position: absolute;
    top: 50%;
    right: 12px;
    width: 12px;
    height: 12px;
    transform: translateY(-50%);
    pointer-events: none;
}

/* ????????? ????????? (375) */
body.rb71 .clients__mobile-foot {

    display: none;
}

body.rb71 .pager {

    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

body.rb71 .pager__btn {

    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 8px;
    background: var(--white);
    border: 1px solid var(--muted);
    color: var(--black);
    font: 500 14px/1.2 var(--font);
    cursor: pointer;
}

body.rb71 .pager__btn.is-active {

    background: var(--black);
    border-color: var(--muted);
    color: var(--white);
}

body.rb71 .pager__dots {

    color: var(--muted);
    font-size: 14px;
}

/* --- ????????? ????????? -------------------------------------------------- */
body.rb71 .skeleton-table {

    background: var(--white);
    border: 1px solid var(--card-line);
}

body.rb71 .skeleton-table__row {

    display: flex;
    align-items: center;
    gap: 50px;
    height: 50px;
    padding: 0 24px;
}

body.rb71 .skeleton-table__row--head {

    height: 57px;
    border-bottom: 1px solid var(--card-line);
}

body.rb71 .skeleton-table__bar {

    flex: 1 1 0;
    height: 16px;
    background: #ededed;
}

body.rb71 .skeleton-table__row--head .skeleton-table__bar {

    height: 14px;
}

body.rb71 .state {

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 260px;
    padding: 40px 16px;
    background: var(--white);
    border: 1px solid var(--card-line);
    text-align: center;
}

body.rb71 .state__title {

    margin: 0;
    font-size: 24px;
    font-weight: 400;
    line-height: 29px;
}

body.rb71 .state__hint {

    margin: 9px 0 0;
    color: var(--muted);
    font-size: 14px;
    line-height: 17px;
}

body.rb71 .state .btn {

    height: 44px;
    margin-top: 25px;
}

body.rb71 .state--empty .btn {

    width: 220px;
}

body.rb71 .state--error .btn {

    width: 180px;
}

body.rb71 .toast--compact {

    width: 360px;
    padding: 18px 20px;
    font-size: 15px;
}

body.rb71 .footer {

    margin-top: 60px;
}

/* --- ?????????? ?????? (????????? ?????) ---------------------------------- */
body.rb71 .dropdown {

    display: inline-block;
    min-width: 260px;
    padding: 8px 0;
    background: var(--white);
    border: 1px solid var(--card-line);
}

body.rb71 .dropdown__list {

    margin: 0;
    padding: 0;
    list-style: none;
}

body.rb71 .dropdown__item {

    padding: 10px 16px;
    font-size: 16px;
    line-height: 20px;
}

body.rb71 .dropdown__item:first-child {

    color: var(--muted);
}

/* ==========================================================================
   ??????? 992 (<= 1200)
   ========================================================================== */
@media (max-width: 1200px) {

    /* ??????? ??????????? ? ??? ??????: ??????? + ?????? / ???? + ?????? */
    body.rb71 .filters__form {

        flex-wrap: wrap;
        column-gap: 40px;
        row-gap: 24px;
    }

    body.rb71 .clients {

        margin-top: 24px;
    }

    /* ??????? ???????? ??? ?????? ?????????? (928) ??? ????????? */
    body.rb71 .clients__table {

        min-width: 0;
        font-size: 18px;
    }

    body.rb71 .clients__row {

        grid-template-columns: 250px 300px 155px minmax(193px, 1fr);
    }

    body.rb71 .footer {

        margin-top: 60px;
    }
}

/* ==========================================================================
   ??? 768 (<= 900)
   ========================================================================== */
@media (max-width: 900px) {

    body.rb71 .clients__table {

        font-size: 16px;
    }

    body.rb71 .clients__row {

        grid-template-columns: 230px 230px 115px minmax(99px, 1fr);
    }

    body.rb71 .service__title {

        font-size: 28px;
        line-height: 34px;
    }
}

/* ==========================================================================
   ??? 375 (<= 640)
   ========================================================================== */
@media (max-width: 640px) {

    /* ??????? ? ??????? */
    body.rb71 .filters {

        padding: 16px;
    }

    body.rb71 .filters__form {

        flex-direction: column;
        align-items: stretch;
        gap: 16px;
    }

    body.rb71 .filters__group--partner,
    body.rb71 .filters__group--client,
    body.rb71 .filters__group--date {

        flex: 0 0 auto;
        width: 100%;
    }

    body.rb71 .filters__field {

        flex: 1 1 0;
        width: auto;
    }

    body.rb71 .filters__dash {

        display: none;
    }

    body.rb71 .filters__actions {

        width: 100%;
        gap: 8px;
        margin-top: 0;
    }

    body.rb71 .filters__submit,
    body.rb71 .filters__reset {

        flex: 1 1 0;
        width: auto;
        height: 44px;
    }

    /* ??????? ???????????? ? ???????? */
    body.rb71 .clients__viewport {

        overflow: visible;
    }

    body.rb71 .clients__table {

        display: flex;
        flex-direction: column;
        gap: 12px;
        min-width: 0;
        font-size: 15px;
    }

    body.rb71 .clients__row--head {
        display: none !important;
    }

    body.rb71 .clients__row {

        display: flex;
        flex-direction: column;
        align-items: stretch;
        height: auto;
        padding: 16px;
        background: var(--soft);
    }

    body.rb71 .clients__row:not(.clients__row--head):nth-child(odd) {

        background: var(--soft);
    }

    body.rb71 .clients__cell {

        display: flex;
        flex-direction: column;
        gap: 4px;
        width: 100%;
        padding-top: 12px;
        overflow: visible;
        line-height: 20px;
        white-space: normal;
    }

    body.rb71 .clients__cell::before {

        content: attr(data-label);
        color: var(--muted);
        font-size: 13px;
        line-height: 16px;
    }

    body.rb71 .clients__cell:first-child {

        padding-top: 0;
    }

    body.rb71 .clients__cell--actions {

        flex-direction: row;
        gap: 8px;
        padding-top: 16px;
    }

    body.rb71 .clients__cell--actions::before {

        content: none;
    }

    body.rb71 .clients__action {

        flex: 1 1 0;
        width: auto;
        height: 44px;
        background: var(--black);
        border-color: var(--black);
        color: var(--white);
    }

    body.rb71 .clients__action img {

        display: none;
    }

    body.rb71 .clients__action-label {

        display: inline;
        font: 500 15px/1.2 var(--font);
    }

    body.rb71 .clients__foot {

        display: none;
    }

    body.rb71 .clients__mobile-foot {

        display: flex;
        flex-direction: column;
        gap: 12px;
        margin-top: 24px;
    }

    body.rb71 .clients__mobile-foot .clients__count {

        margin: 0;
    }

    body.rb71 .clients__mobile-foot .select {

        width: 100%;
    }

    body.rb71 .clients__empty {

        margin-top: 12px;
    }

    body.rb71 .skeleton-table__row {

        gap: 16px;
        padding: 0 16px;
    }

    body.rb71 .state__title {

        font-size: 20px;
        line-height: 24px;
    }

    body.rb71 .footer {

        margin-top: 24px;
    }
}


/* ==========================================================================
   Блок программ и групп
   ========================================================================== */
body.rb136 .settings__title {

    margin: 0;
    font-size: 25px;
    font-weight: 500;
    line-height: 32px;
}

body.rb136 .program-cards {

    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin-top: 40px;
}

body.rb136 .program-card {

    position: relative;
    display: block;
    min-height: 118px;
    padding: 25px;
    border: 1px solid var(--black);
    color: var(--black);
    text-decoration: none;
}

body.rb136 .program-card:hover {

    background: #fafafa;
}

body.rb136 .program-card__title {

    display: block;
    padding-right: 40px;
    font-size: 20px;
    line-height: 28px;
}

body.rb136 .program-card__row {

    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    font-size: 15px;
    line-height: 20px;
}

body.rb136 .program-card__label {

    flex: 0 0 200px;
    width: 200px;
    color: var(--muted);
}

body.rb136 .program-card__value {

    flex: 1 1 auto;
}

/* ==========================================================================
   Форма настроек группы
   ========================================================================== */
body.rb136 .back-link {

    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--black);
    font-size: 15px;
    line-height: 18px;
    text-decoration: none;
}

body.rb136 .back-link:hover {

    text-decoration: underline;
}

body.rb136 .settings__subtitle {

    margin: 32px 0 0;
    font-size: 25px;
    font-weight: 500;
    line-height: 30px;
}

body.rb136 .settings-form {

    --form-gap: 32px;
    display: flex;
    flex-direction: column;
    gap: var(--form-gap);
    margin-top: 32px;
}

body.rb136 .field {

    display: flex;
    flex-direction: column;
    gap: 8px;
}

body.rb136 .field__label {

    color: var(--muted);
    font-size: 13px;
    line-height: 16px;
}

body.rb136 .input {

    width: 100%;
    height: 48px;
    padding: 0 16px;
    background: var(--white);
    border: 1px solid var(--black);
    border-radius: 0;
    color: var(--black);
    font: 400 15px/1.2 var(--font);
}

body.rb136 .input::placeholder {

    color: var(--muted);
    opacity: 1;
}

body.rb136 .input:focus {

    outline: 1px solid var(--black);
    outline-offset: -1px;
}

body.rb136 .radio-group,
body.rb136 .checkbox-group {

    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

body.rb136 .option {

    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-size: 15px;
    line-height: 20px;
    cursor: pointer;
}

body.rb136 .option input {

    flex: none;
    width: 20px;
    height: 20px;
    margin: 0;
    accent-color: var(--ink);
}

body.rb136 .settings-divider {

    height: 1px;
    background: var(--sep);
}

body.rb136 .block-title {

    margin: 0;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
}

/* --- Таблица градаций по суммам заказа ------------------------------------- */
body.rb136 .grad-table {

    display: flex;
    flex-direction: column;
    gap: var(--form-gap);
}

body.rb136 .grad-table__head,
body.rb136 .grad-table__row {

    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)) 300px;
    gap: 24px;
    align-items: center;
}

body.rb136 .grad-table__head {

    color: var(--muted);
    font-size: 15px;
    line-height: 18px;
}

body.rb136 .grad-table__cell {

    min-width: 0;
}

body.rb136 .delete-btn {

    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0;
    background: none;
    border: 0;
    color: var(--muted);
    font: 400 15px/18px var(--font);
    cursor: pointer;
}

body.rb136 .delete-btn:hover {

    color: var(--black);
    text-decoration: underline;
}

body.rb136 .delete-btn img {

    display: block;
    flex: none;
    width: 16px;
    height: 18px;
}

/* --- Фиксированные градации (VIP) ------------------------------------------- */
body.rb136 .variants {

    display: flex;
    flex-direction: column;
    gap: var(--form-gap);
}

body.rb136 .variant {

    display: flex;
    align-items: center;
    gap: 14px;
}

body.rb136 .variant__line {

    display: contents;
}

body.rb136 .variant__radio {

    display: inline-flex;
    flex: none;
}

body.rb136 .variant__radio input {

    width: 20px;
    height: 20px;
    margin: 0;
    accent-color: var(--ink);
}

body.rb136 .variant__label {

    font-size: 15px;
    line-height: 20px;
}

body.rb136 .variant__suffix {

    font-size: 15px;
    line-height: 20px;
}

body.rb136 .variant__slash {

    font-size: 15px;
    line-height: 20px;
}

body.rb136 .input--pct {

    width: 120px;
    padding: 0 12px;
}

/* --- Кнопки формы ----------------------------------------------------------- */
body.rb136 .settings-actions {

    display: flex;
    align-items: center;
    gap: 16px;
}

/* ==========================================================================
   Служебные элементы: состояния и всплывающие формы
   ========================================================================== */
body.rb136 .service {

    margin-top: 80px;
}

body.rb136 .service__title {

    margin: 0 0 32px;
    font-size: 32px;
    font-weight: 300;
    line-height: 38px;
}

body.rb136 .spec-block {

    margin-top: 24px;
}

body.rb136 .spec-label {

    margin: 0 0 12px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 400;
}

body.rb136 .dialog-frame {

    display: flex;
    justify-content: center;
    padding: 40px;
    background: var(--sep);
}

body.rb136 .dialog {

    position: relative;
    width: 560px;
    max-width: 100%;
    padding: 40px;
    background: var(--white);
}

body.rb136 .dialog__head {

    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

body.rb136 .dialog__title {

    margin: 0;
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
}

body.rb136 .dialog__close {

    flex: none;
    padding: 0;
    background: none;
    border: 0;
    cursor: pointer;
}

body.rb136 .dialog__close img {

    display: block;
    width: 24px;
    height: 24px;
}

body.rb136 .dialog__text {

    margin: 24px 0 0;
    color: var(--muted);
    font-size: 15px;
    line-height: 22px;
}

body.rb136 .dialog__actions {

    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 32px;
}

/* --- Модальное окно --------------------------------------------------------- */
body.rb136 .dialog-modal {

    position: fixed;
    inset: 0;
    z-index: 40;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 110px 16px 40px;
    overflow: auto;
}

body.rb136 .dialog-modal[hidden] {

    display: none;
}

body.rb136 .dialog-modal__overlay {

    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
}

body.rb136 .dialog-modal__dialog {

    position: relative;
    z-index: 1;
}

/* --- Скелетоны -------------------------------------------------------------- */
body.rb136 .skeleton {

    display: flex;
    flex-direction: column;
    gap: 12px;
}

body.rb136 .skeleton__line {

    display: block;
    height: 28px;
    background: #ededed;
}

body.rb136 .error-state {

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 24px;
    background: var(--soft);
}

body.rb136 .error-state__text {

    margin: 0;
    font-size: 16px;
}

/* --- Тосты ----------------------------------------------------------------- */
body.rb136 .toast-preview {

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

body.rb136 .toast-region {

    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 50;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 20px;
    pointer-events: none;
}

body.rb136 .toast {

    display: none;
    width: 440px;
    max-width: calc(100vw - 48px);
    padding: 16px 20px;
    border-radius: 4px;
    background: var(--ink);
    color: var(--white);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

body.rb136 .toast.is-visible,
body.rb136 .toast--static {

    display: block;
}

body.rb136 .toast--static {

    box-shadow: none;
}

/* --- Аннотации -------------------------------------------------------------- */
body.rb136 .spec-notes {

    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 24px;
}

body.rb136 .spec-annotation {

    margin: 0;
    color: var(--muted);
    font-size: 14px;
    line-height: 20px;
}

/* Блоки спецификации: показаны только на странице спецификации */
body.rb136:not(.is-spec) .service {

    display: none;
}

/* ==========================================================================
   Планшет 992 (<= 1200)
   ========================================================================== */
@media (max-width: 1200px) {

    body.rb136 .settings-form {

        --form-gap: 28px;
    }

    body.rb136 .grad-table__head,
    body.rb136 .grad-table__row {

        grid-template-columns: repeat(3, minmax(0, 1fr)) 240px;
        gap: 20px;
    }

    body.rb136 .input--pct {

        width: 96px;
    }

}

/* ==========================================================================
   Моб 768 (<= 900)
   ========================================================================== */
@media (max-width: 900px) {


    body.rb136 .settings-form {

        --form-gap: 24px;
    }

    body.rb136 .program-cards {

        grid-template-columns: minmax(0, 1fr);
    }

    body.rb136 .settings__subtitle {

        font-size: 22px;
        line-height: 28px;
    }

    body.rb136 .grad-table__head,
    body.rb136 .grad-table__row {

        grid-template-columns: repeat(3, minmax(0, 1fr)) 190px;
        gap: 16px;
    }

    body.rb136 .input--pct {

        width: 64px;
    }

    body.rb136 .service__title {

        font-size: 28px;
        line-height: 34px;
    }
}

/* ==========================================================================
   Моб 375 (<= 640)
   ========================================================================== */
@media (max-width: 640px) {


    body.rb136 .settings-form {

        --form-gap: 20px;
    }

    body.rb136 .settings__title {

        font-size: 22px;
        line-height: 28px;
    }

    body.rb136 .program-cards {

        margin-top: 24px;
    }

    body.rb136 .program-card {

        padding: 20px;
    }

    body.rb136 .program-card__row {

        margin-top: 16px;
    }

    body.rb136 .program-card__label {

        flex: 0 0 auto;
        width: auto;
        margin-right: 8px;
    }

    body.rb136 .settings__subtitle {

        margin-top: 24px;
        font-size: 20px;
        line-height: 26px;
    }

    body.rb136 .settings-form {

        margin-top: 24px;
    }

    /* Таблица градаций превращается в карточки */
    body.rb136 .grad-table__head {

        display: none;
    }

    body.rb136 .grad-table__row {

        display: flex;
        flex-direction: column;
        gap: 12px;
        padding: 16px;
        border: 1px solid var(--black);
    }

    body.rb136 .grad-table__cell {

        display: block;
    }

    body.rb136 .grad-table__cell[data-label]::before {

        content: attr(data-label);
        display: block;
        margin-bottom: 6px;
        color: var(--muted);
        font-size: 13px;
        line-height: 16px;
    }

    body.rb136 .grad-table__actions::before {

        content: none;
    }

    body.rb136 .grad-table__actions {

        margin-top: 4px;
        padding-top: 12px;
        border-top: 1px solid var(--sep);
    }

    /* Фиксированные градации: строка и карточка на мобильных */
    body.rb136 .variant {

        flex-direction: column;
        gap: 12px;
        padding: 16px;
        border: 1px solid var(--black);
    }

    body.rb136 .variant__line {

        display: flex;
        align-items: center;
        gap: 10px;
        width: 100%;
    }

    body.rb136 .variant__label {

        flex: 0 0 auto;
    }

    body.rb136 .input--pct {

        flex: 1 1 auto;
        width: auto;
        min-width: 0;
    }

    body.rb136 .settings-actions {

        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    body.rb136 .settings-actions .btn {

        width: 100%;
    }

    body.rb136 .radio-group,
    body.rb136 .checkbox-group {

        flex-direction: column;
        gap: 12px;
    }

    body.rb136 .service {

        margin-top: 48px;
    }

    body.rb136 .service__title {

        font-size: 24px;
        line-height: 30px;
    }

    body.rb136 .dialog {

        padding: 24px;
    }

    body.rb136 .dialog-frame {

        padding: 16px;
    }

    body.rb136 .dialog__actions {

        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    body.rb136 .dialog__actions .btn {

        width: 100%;
    }

    body.rb136 .error-state {

        flex-direction: column;
        align-items: stretch;
        gap: 16px;
    }


    body.rb136 .dialog-modal {

        padding: 24px 16px 40px;
    }
}

/* ==========================================================================
   Список программ: добавление и удаление
   ========================================================================== */
body.rb136 .program-card__link {

    display: block;
    color: inherit;
    text-decoration: none;
}

body.rb136 .program-card__delete {

    position: absolute;
    top: 22px;
    right: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    padding: 0;
    background: none;
    border: 0;
    color: var(--muted);
    cursor: pointer;
    opacity: 0.65;
}

body.rb136 .program-card__delete img {

    display: block;
    width: 22px;
    height: 22px;
}

body.rb136 .program-card__delete:hover {

    opacity: 1;
}

body.rb136 .program-card__delete:focus-visible {

    outline: 1px solid var(--black);
    outline-offset: 2px;
}

body.rb136 .program-card--add {

    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: none;
    font: inherit;
    cursor: pointer;
}

body.rb136 .program-card__plus {

    position: relative;
    display: block;
    width: 48px;
    height: 48px;
}

body.rb136 .program-card__plus::before,
body.rb136 .program-card__plus::after {

    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background: var(--black);
    transform: translate(-50%, -50%);
}

body.rb136 .program-card__plus::before {

    width: 48px;
    height: 1px;
}

body.rb136 .program-card__plus::after {

    width: 1px;
    height: 48px;
}

@media (max-width: 640px) {
    body.rb136 .program-card__delete {

        top: 16px;
        right: 20px;
    }
}

/* ==========================================================================
   RESTARTBIO-135 «Запросы на вывод» — стили раздела.
   Реализация (вёрстка) — RESTARTBIO-136. Макет Figma: узел 12505:18.
   Базовые токены, шапка, подвал, меню админки, кнопки, диалоги и тосты —
   в css/styles.css. Здесь только специфика раздела.
   ========================================================================== */
/* --- Панель фильтров ------------------------------------------------------ */
body.rb136 .filters {

    margin-top: 40px;
    background: var(--soft);
}

body.rb136 .filters__inner {

    display: flex;
    align-items: flex-start;
    gap: 24px;
    padding: 28px 32px;
}

body.rb136 .filter-field {

    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

body.rb136 .filter-field--status {

    width: 220px;
}

body.rb136 .filter-field--partner {

    width: 260px;
}

body.rb136 .filter-field--date {

    width: auto;
}

body.rb136 .filter-field__label {

    color: var(--muted);
    font-size: 13px;
    line-height: 16px;
}

body.rb136 .filter-field__control {

    width: 100%;
    height: 48px;
    padding: 0 16px;
    background: var(--white);
    border: 1px solid #e0e0e0;
    border-radius: 0;
    color: var(--ink);
    font: 400 15px/1.2 var(--font);
}

body.rb136 .filter-field__control:focus {

    outline: 1px solid var(--ink);
    outline-offset: -1px;
}

body.rb136 select.filter-field__control {

    padding-right: 44px;
    appearance: none;
    background-image: url("/html/RESTARTBIO-136/assets/icon-select-chevron.svg");
    background-repeat: no-repeat;
    background-position: right 16px center;
}

body.rb136 .filter-field__dates {

    display: flex;
    align-items: center;
    gap: 12px;
}

body.rb136 .filter-field__dash {

    color: var(--muted);
}

body.rb136 .filter-field__actions {

    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: auto;
    margin-top: 24px;
}

body.rb136 .filters .btn {

    height: 48px;
}

/* --- Поле даты: иконка календаря и попап (как в RESTARTBIO-71) ------------ */
body.rb136 .date-field {

    position: relative;
    flex: 0 0 150px;
    min-width: 0;
}

body.rb136 .date-field__input {

    width: 100%;
    padding-left: 40px;
}

body.rb136 .date-field__btn {

    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 48px;
    padding: 0;
    background: none;
    border: 0;
    cursor: pointer;
}

body.rb136 .date-field__btn-icon {

    display: block;
    width: 16px;
    height: 16px;
}

body.rb136 .date-field.is-invalid .filter-field__control {

    border-color: var(--error);
    outline: 1px solid var(--error);
    outline-offset: -1px;
}

body.rb136 .filter-field__error {

    margin: 8px 0 0;
    color: var(--error);
    font-size: 13px;
    line-height: 16px;
}

body.rb136 .filter-field__error[hidden] {

    display: none;
}

/* --- Календарь ------------------------------------------------------------ */
body.rb136 .datepicker {

    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    z-index: 30;
    display: none;
    background: var(--white);
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.16);
}

body.rb136 .datepicker.is-open {

    display: block;
}

body.rb136 .calendar {

    width: 300px;
    max-width: 100%;
    padding: 16px;
    background: var(--white);
    border: 1px solid #e0e0e0;
}

body.rb136 .calendar__head {

    display: flex;
    align-items: center;
    justify-content: space-between;
}

body.rb136 .calendar__caption {

    color: var(--ink);
    font-size: 15px;
    font-weight: 500;
}

body.rb136 .calendar__nav {

    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    background: none;
    border: 0;
    cursor: pointer;
}

body.rb136 .calendar__nav img {

    display: block;
    width: 12px;
    height: 12px;
    transform: rotate(90deg);
}

body.rb136 .calendar__nav--next img {

    transform: rotate(-90deg);
}

body.rb136 .calendar__grid {

    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
    margin-top: 12px;
}

body.rb136 .calendar__dow {

    padding: 4px 0;
    color: var(--muted);
    font-size: 12px;
    text-align: center;
}

body.rb136 .calendar__day {

    height: 34px;
    padding: 0;
    background: none;
    border: 0;
    color: var(--ink);
    font: 400 14px/1 var(--font);
    cursor: pointer;
}

body.rb136 .calendar__day:hover {

    background: var(--soft);
}

body.rb136 .calendar__day.is-muted {

    color: #a4a4a4;
}

body.rb136 .calendar__day--selected,
body.rb136 .calendar__day--selected:hover {

    background: var(--ink);
    color: var(--white);
}

/* --- Таблица запросов ----------------------------------------------------- */
body.rb136 .wtable {

    margin-top: 24px;
}

body.rb136 .wtable__scroll {

    width: 100%;
}

body.rb136 .wtable__head,
body.rb136 .wtable__row {

    display: grid;
    grid-template-columns: 140px minmax(160px, 1fr) 140px 190px 180px 140px;
    gap: 16px;
    align-items: center;
}

body.rb136 .wtable__head {

    padding-bottom: 14px;
    border-bottom: 1px solid var(--black);
    color: var(--muted);
    font-size: 15px;
    line-height: 18px;
}

body.rb136 .wtable__row {

    padding: 18px 0;
    border-bottom: 1px solid var(--sep);
}

body.rb136 .wtable__cell {

    min-width: 0;
    font-size: 15px;
    line-height: 20px;
}

body.rb136 .wtable__cell--amount {

    white-space: nowrap;
}

body.rb136 .wtable__actions {

    display: flex;
    align-items: center;
    gap: 8px;
}

body.rb136 .icon-btn {

    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    background: var(--white);
    border: 1px solid #e0e0e0;
    cursor: pointer;
}

body.rb136 .icon-btn img {

    display: block;
    width: 16px;
    height: 16px;
}

body.rb136 .icon-btn:hover {

    border-color: var(--ink);
}

body.rb136 .icon-btn--reject:hover {

    border-color: var(--error);
}

body.rb136 .act-none {

    color: var(--muted);
}

body.rb136 .act-none__na {

    display: none;
}

body.rb136 .act--text {

    display: none;
}

/* --- Статусы -------------------------------------------------------------- */
body.rb136 .pill {

    display: inline-flex;
    align-items: center;
    height: 32px;
    padding: 0 14px;
    border: 1px solid #e0e0e0;
    border-radius: 16px;
    font-size: 13px;
    line-height: 1;
    white-space: nowrap;
}

body.rb136 .pill--new {

    border-color: var(--ink);
    color: var(--ink);
}

body.rb136 .pill--processing {

    background: var(--soft);
    color: var(--ink);
}

body.rb136 .pill--paid {

    border-color: var(--success);
    color: var(--success);
}

body.rb136 .pill--rejected {

    border-color: var(--error);
    color: var(--error);
}

/* --- Пагинация ------------------------------------------------------------ */
body.rb136 .pager {

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 32px;
}

body.rb136 .pager__pages {

    display: flex;
    align-items: center;
    gap: 8px;
}

body.rb136 .pager__nav,
body.rb136 .pager__page {

    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 8px;
    background: var(--white);
    border: 1px solid #e0e0e0;
    color: var(--ink);
    font: 400 15px/1 var(--font);
    cursor: pointer;
}

body.rb136 .pager__nav img {

    display: block;
}

body.rb136 .pager__page.is-active {

    background: var(--ink);
    border-color: var(--ink);
    color: var(--white);
}

body.rb136 .pager__meta {

    display: flex;
    align-items: center;
    gap: 24px;
    color: var(--muted);
    font-size: 15px;
}

body.rb136 .pager__per-page {

    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--muted);
}

body.rb136 .pager__per-page select {

    height: 40px;
    padding: 0 40px 0 14px;
    background-color: var(--white);
    background-image: url("/html/RESTARTBIO-136/assets/icon-select-chevron.svg");
    background-repeat: no-repeat;
    background-position: right 14px center;
    border: 1px solid #e0e0e0;
    border-radius: 0;
    color: var(--ink);
    font: 400 15px/1 var(--font);
    appearance: none;
}

/* --- Служебный экран ------------------------------------------------------ */
body.rb136 .service .dialog .field {

    margin-top: 24px;
}

body.rb136 .textarea {

    width: 100%;
    min-height: 120px;
    padding: 14px 16px;
    background: var(--white);
    border: 1px solid #e0e0e0;
    border-radius: 0;
    color: var(--ink);
    font: 400 15px/1.4 var(--font);
    resize: vertical;
}

body.rb136 .textarea::placeholder {

    color: var(--muted);
    opacity: 1;
}

body.rb136 .textarea:focus {

    outline: 1px solid var(--ink);
    outline-offset: -1px;
}

body.rb136 .field__hint {

    color: var(--muted);
    font-size: 13px;
    line-height: 18px;
}

body.rb136 .select-open {

    width: 280px;
    max-width: 100%;
}

body.rb136 .select-open__control {

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    height: 48px;
    padding: 0 16px;
    background: var(--white);
    border: 1px solid var(--ink);
    font-size: 15px;
}

body.rb136 .select-open__list {

    margin-top: 4px;
    background: var(--white);
    border: 1px solid #e0e0e0;
}

body.rb136 .select-open__option {

    padding: 12px 16px;
    font-size: 15px;
    line-height: 18px;
}

body.rb136 .select-open__option + .select-open__option {

    border-top: 1px solid var(--sep);
}

body.rb136 .select-open__option.is-active {

    background: var(--soft);
}

body.rb136 .empty-state {

    padding: 64px 24px;
    text-align: center;
    border: 1px solid var(--sep);
}

body.rb136 .empty-state__title {

    margin: 0;
    font-size: 20px;
    line-height: 24px;
}

body.rb136 .empty-state__text {

    margin: 12px 0 0;
    color: var(--muted);
    font-size: 15px;
    line-height: 20px;
}

body.rb136 .empty-state__action {

    margin-top: 24px;
}

/* ==========================================================================
   Планшет 992 (<= 1200px) — фильтры в две строки
   ========================================================================== */
@media (max-width: 1200px) {
    body.rb136 .filters__inner {

        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px 24px;
        padding: 24px;
        align-items: start;
    }

    body.rb136 .filter-field--status,
    body.rb136 .filter-field--partner {

        width: auto;
    }

    body.rb136 .filter-field--date {

        width: auto;
    }

    body.rb136 .filter-field__actions {

        margin-left: 0;
    }

    body.rb136 .wtable__head,
    body.rb136 .wtable__row {

        grid-template-columns: 120px minmax(140px, 1fr) 120px 170px 160px 120px;
        gap: 12px;
    }
}

/* ==========================================================================
   Моб 768 (<= 900px) — таблица с горизонтальной прокруткой
   ========================================================================== */
@media (max-width: 900px) {
    body.rb136 .wtable__scroll {

        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    body.rb136 .wtable__head,
    body.rb136 .wtable__row {

        min-width: 920px;
    }

    body.rb136 .pager__meta {

        gap: 16px;
    }
}

/* ==========================================================================
   Моб 375 (<= 640px) — фильтры столбиком, строки-карточки
   ========================================================================== */
@media (max-width: 640px) {
    body.rb136 .filters {

        margin-top: 24px;
    }

    body.rb136 .filters__inner {

        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
        padding: 20px 16px;
    }

    body.rb136 .filter-field__dates {

        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }

    body.rb136 .filter-field__dash {

        display: none;
    }

    body.rb136 .date-field {

        flex: 1 1 auto;
        width: 100%;
    }

    body.rb136 .datepicker {

        top: calc(100% + 6px);
    }

    body.rb136 .filter-field__actions {

        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        margin-top: 0;
    }

    body.rb136 .filters .btn {

        width: 100%;
    }

    body.rb136 .wtable {

        margin-top: 20px;
    }

    body.rb136 .wtable__scroll {

        overflow: visible;
    }

    body.rb136 .wtable__head {

        display: none;
    }

    body.rb136 .wtable__head,
    body.rb136 .wtable__row {

        min-width: 0;
    }

    body.rb136 .wtable__row {

        display: flex;
        flex-direction: column;
        gap: 12px;
        padding: 20px;
        border: 1px solid var(--black);
    }

    body.rb136 .wtable__row + .wtable__row {

        margin-top: 16px;
    }

    body.rb136 .wtable__cell {

        display: block;
    }

    body.rb136 .wtable__cell[data-label]::before {

        content: attr(data-label);
        display: block;
        margin-bottom: 6px;
        color: var(--muted);
        font-size: 13px;
        line-height: 16px;
    }

    body.rb136 .wtable__actions {

        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        padding-top: 12px;
        border-top: 1px solid var(--sep);
    }

    body.rb136 .wtable__actions::before {

        content: none;
    }

    body.rb136 .icon-btn {

        display: none;
    }

    body.rb136 .act--text {

        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 48px;
    }

    body.rb136 .act-none__dash {

        display: none;
    }

    body.rb136 .act-none__na {

        display: inline;
    }

    body.rb136 .pager {

        flex-direction: column;
        align-items: stretch;
        gap: 20px;
    }

    body.rb136 .pager__meta {

        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    body.rb136 .select-open {

        width: 100%;
    }

    body.rb136 .empty-state {

        padding: 40px 16px;
    }
}

/* ==========================================================================
   Блок программ и групп
   ========================================================================== */
body.rb143 .settings__title {
    margin: 0;
    font-size: 25px;
    font-weight: 500;
    line-height: 32px;
}

body.rb143 .program-cards {

    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin-top: 40px;
}

body.rb143 .program-card {

    position: relative;
    display: block;
    min-height: 118px;
    padding: 25px;
    border: 1px solid var(--black);
    color: var(--black);
    text-decoration: none;
}

body.rb143 .program-card:hover {

    background: #fafafa;
}

body.rb143 .program-card__title {

    display: block;
    padding-right: 40px;
    font-size: 20px;
    line-height: 28px;
}

body.rb143 .program-card__row {

    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    font-size: 15px;
    line-height: 20px;
}

body.rb143 .program-card__label {

    flex: 0 0 200px;
    width: 200px;
    color: var(--muted);
}

body.rb143 .program-card__value {

    flex: 1 1 auto;
}

/* ==========================================================================
   Форма настроек группы
   ========================================================================== */
body.rb143 .back-link {

    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--black);
    font-size: 15px;
    line-height: 18px;
    text-decoration: none;
}

body.rb143 .back-link:hover {

    text-decoration: underline;
}

body.rb143 .settings__subtitle {

    margin: 32px 0 0;
    font-size: 25px;
    font-weight: 500;
    line-height: 30px;
}

body.rb143 .settings-form {

    --form-gap: 32px;
    display: flex;
    flex-direction: column;
    gap: var(--form-gap);
    margin-top: 32px;
}

body.rb143 .field {

    display: flex;
    flex-direction: column;
    gap: 8px;
}

body.rb143 .field__label {

    color: var(--muted);
    font-size: 13px;
    line-height: 16px;
}

body.rb143 .input {

    width: 100%;
    height: 48px;
    padding: 0 16px;
    background: var(--white);
    border: 1px solid var(--black);
    border-radius: 0;
    color: var(--black);
    font: 400 15px/1.2 var(--font);
}

body.rb143 .input::placeholder {

    color: var(--muted);
    opacity: 1;
}

body.rb143 .input:focus {

    outline: 1px solid var(--black);
    outline-offset: -1px;
}

body.rb143 .radio-group,
body.rb143 .checkbox-group {

    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

body.rb143 .option {

    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-size: 15px;
    line-height: 20px;
    cursor: pointer;
}

body.rb143 .option input {

    flex: none;
    width: 20px;
    height: 20px;
    margin: 0;
    accent-color: var(--ink);
}

body.rb143 .settings-divider {

    height: 1px;
    background: var(--sep);
}

body.rb143 .block-title {

    margin: 0;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
}

/* --- Таблица градаций по суммам заказа ------------------------------------- */
body.rb143 .grad-table {

    display: flex;
    flex-direction: column;
    gap: var(--form-gap);
}

body.rb143 .grad-table__head,
body.rb143 .grad-table__row {

    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)) 300px;
    gap: 24px;
    align-items: center;
}

body.rb143 .grad-table__head {

    color: var(--muted);
    font-size: 15px;
    line-height: 18px;
}

body.rb143 .grad-table__cell {

    min-width: 0;
}

body.rb143 .delete-btn {

    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0;
    background: none;
    border: 0;
    color: var(--muted);
    font: 400 15px/18px var(--font);
    cursor: pointer;
}

body.rb143 .delete-btn:hover {

    color: var(--black);
    text-decoration: underline;
}

body.rb143 .delete-btn img {

    display: block;
    flex: none;
    width: 16px;
    height: 18px;
}

/* --- Фиксированные градации (VIP) ------------------------------------------- */
body.rb143 .variants {

    display: flex;
    flex-direction: column;
    gap: var(--form-gap);
}

body.rb143 .variant {

    display: flex;
    align-items: center;
    gap: 14px;
}

body.rb143 .variant__line {

    display: contents;
}

body.rb143 .variant__radio {

    display: inline-flex;
    flex: none;
}

body.rb143 .variant__radio input {

    width: 20px;
    height: 20px;
    margin: 0;
    accent-color: var(--ink);
}

body.rb143 .variant__label {

    font-size: 15px;
    line-height: 20px;
}

body.rb143 .variant__suffix {

    font-size: 15px;
    line-height: 20px;
}

body.rb143 .variant__slash {

    font-size: 15px;
    line-height: 20px;
}

body.rb143 .input--pct {

    width: 120px;
    padding: 0 12px;
}

/* --- Кнопки формы ----------------------------------------------------------- */
body.rb143 .settings-actions {

    display: flex;
    align-items: center;
    gap: 16px;
}

/* ==========================================================================
   Служебные элементы: состояния и всплывающие формы
   ========================================================================== */
body.rb143 .service {

    margin-top: 80px;
}

body.rb143 .service__title {

    margin: 0 0 32px;
    font-size: 32px;
    font-weight: 300;
    line-height: 38px;
}

body.rb143 .spec-block {

    margin-top: 24px;
}

body.rb143 .spec-label {

    margin: 0 0 12px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 400;
}

body.rb143 .dialog-frame {

    display: flex;
    justify-content: center;
    padding: 40px;
    background: var(--sep);
}

body.rb143 .dialog {

    position: relative;
    width: 560px;
    max-width: 100%;
    padding: 40px;
    background: var(--white);
}

body.rb143 .dialog__head {

    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

body.rb143 .dialog__title {

    margin: 0;
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
}

body.rb143 .dialog__close {

    flex: none;
    padding: 0;
    background: none;
    border: 0;
    cursor: pointer;
}

body.rb143 .dialog__close img {

    display: block;
    width: 24px;
    height: 24px;
}

body.rb143 .dialog__text {

    margin: 24px 0 0;
    color: var(--muted);
    font-size: 15px;
    line-height: 22px;
}

body.rb143 .dialog__actions {

    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 32px;
}

/* --- Модальное окно --------------------------------------------------------- */
body.rb143 .dialog-modal {

    position: fixed;
    inset: 0;
    z-index: 40;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 110px 16px 40px;
    overflow: auto;
}

body.rb143 .dialog-modal[hidden] {

    display: none;
}

body.rb143 .dialog-modal__overlay {

    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
}

body.rb143 .dialog-modal__dialog {

    position: relative;
    z-index: 1;
}

/* --- Скелетоны -------------------------------------------------------------- */
body.rb143 .skeleton {

    display: flex;
    flex-direction: column;
    gap: 12px;
}

body.rb143 .skeleton__line {

    display: block;
    height: 28px;
    background: #ededed;
}

body.rb143 .error-state {

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 24px;
    background: var(--soft);
}

body.rb143 .error-state__text {

    margin: 0;
    font-size: 16px;
}

/* --- Тосты ----------------------------------------------------------------- */
body.rb143 .toast-preview {

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

body.rb143 .toast-region {

    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 50;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 20px;
    pointer-events: none;
}

body.rb143 .toast {

    display: none;
    width: 440px;
    max-width: calc(100vw - 48px);
    padding: 16px 20px;
    border-radius: 4px;
    background: var(--ink);
    color: var(--white);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

body.rb143 .toast.is-visible,
body.rb143 .toast--static {

    display: block;
}

body.rb143 .toast--static {

    box-shadow: none;
}

/* --- Аннотации -------------------------------------------------------------- */
body.rb143 .spec-notes {

    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 24px;
}

body.rb143 .spec-annotation {

    margin: 0;
    color: var(--muted);
    font-size: 14px;
    line-height: 20px;
}

/* Блоки спецификации: показаны только на странице спецификации */
body.rb143:not(.is-spec) .service {

    display: none;
}


/* ==========================================================================
   Планшет 992 (<= 1200)
   ========================================================================== */
@media (max-width: 1200px) {

    body.rb143 .settings-form {

        --form-gap: 28px;
    }

    body.rb143 .grad-table__head,
    body.rb143 .grad-table__row {

        grid-template-columns: repeat(3, minmax(0, 1fr)) 240px;
        gap: 20px;
    }

    body.rb143 .input--pct {

        width: 96px;
    }

}

/* ==========================================================================
   Моб 768 (<= 900)
   ========================================================================== */
@media (max-width: 900px) {


    body.rb143 .settings-form {

        --form-gap: 24px;
    }

    body.rb143 .program-cards {

        grid-template-columns: minmax(0, 1fr);
    }

    body.rb143 .settings__subtitle {

        font-size: 22px;
        line-height: 28px;
    }

    body.rb143 .grad-table__head,
    body.rb143 .grad-table__row {

        grid-template-columns: repeat(3, minmax(0, 1fr)) 190px;
        gap: 16px;
    }

    body.rb143 .input--pct {

        width: 64px;
    }

    body.rb143 .service__title {

        font-size: 28px;
        line-height: 34px;
    }
}

/* ==========================================================================
   Моб 375 (<= 640)
   ========================================================================== */
@media (max-width: 640px) {


    body.rb143 .settings-form {

        --form-gap: 20px;
    }

    body.rb143 .settings__title {

        font-size: 22px;
        line-height: 28px;
    }

    body.rb143 .program-cards {

        margin-top: 24px;
    }

    body.rb143 .program-card {

        padding: 20px;
    }

    body.rb143 .program-card__row {

        margin-top: 16px;
    }

    body.rb143 .program-card__label {

        flex: 0 0 auto;
        width: auto;
        margin-right: 8px;
    }

    body.rb143 .settings__subtitle {

        margin-top: 24px;
        font-size: 20px;
        line-height: 26px;
    }

    body.rb143 .settings-form {

        margin-top: 24px;
    }

    /* Таблица градаций превращается в карточки */
    body.rb143 .grad-table__head {

        display: none;
    }

    body.rb143 .grad-table__row {

        display: flex;
        flex-direction: column;
        gap: 12px;
        padding: 16px;
        border: 1px solid var(--black);
    }

    body.rb143 .grad-table__cell {

        display: block;
    }

    body.rb143 .grad-table__cell[data-label]::before {

        content: attr(data-label);
        display: block;
        margin-bottom: 6px;
        color: var(--muted);
        font-size: 13px;
        line-height: 16px;
    }

    body.rb143 .grad-table__actions::before {

        content: none;
    }

    body.rb143 .grad-table__actions {

        margin-top: 4px;
        padding-top: 12px;
        border-top: 1px solid var(--sep);
    }

    /* Фиксированные градации: строка и карточка на мобильных */
    body.rb143 .variant {

        flex-direction: column;
        gap: 12px;
        padding: 16px;
        border: 1px solid var(--black);
    }

    body.rb143 .variant__line {

        display: flex;
        align-items: center;
        gap: 10px;
        width: 100%;
    }

    body.rb143 .variant__label {

        flex: 0 0 auto;
    }

    body.rb143 .input--pct {

        flex: 1 1 auto;
        width: auto;
        min-width: 0;
    }

    body.rb143 .settings-actions {

        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    body.rb143 .settings-actions .btn {

        width: 100%;
    }

    body.rb143 .radio-group,
    body.rb143 .checkbox-group {

        flex-direction: column;
        gap: 12px;
    }

    body.rb143 .service {

        margin-top: 48px;
    }

    body.rb143 .service__title {

        font-size: 24px;
        line-height: 30px;
    }

    body.rb143 .dialog {

        padding: 24px;
    }

    body.rb143 .dialog-frame {

        padding: 16px;
    }

    body.rb143 .dialog__actions {

        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    body.rb143 .dialog__actions .btn {

        width: 100%;
    }

    body.rb143 .error-state {

        flex-direction: column;
        align-items: stretch;
        gap: 16px;
    }

    body.rb143 .dialog-modal {

        padding: 24px 16px 40px;
    }
}

/* ==========================================================================
   Список программ: добавление и удаление
   ========================================================================== */
body.rb143 .program-card__link {

    display: block;
    color: inherit;
    text-decoration: none;
}

body.rb143 .program-card__delete {

    position: absolute;
    top: 22px;
    right: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    padding: 0;
    background: none;
    border: 0;
    color: var(--muted);
    cursor: pointer;
    opacity: 0.65;
}

body.rb143 .program-card__delete img {

    display: block;
    width: 22px;
    height: 22px;
}

body.rb143 .program-card__delete:hover {

    opacity: 1;
}

body.rb143 .program-card__delete:focus-visible {

    outline: 1px solid var(--black);
    outline-offset: 2px;
}

body.rb143 .program-card--add {

    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: none;
    font: inherit;
    cursor: pointer;
}

body.rb143 .program-card__plus {

    position: relative;
    display: block;
    width: 48px;
    height: 48px;
}

body.rb143 .program-card__plus::before,
body.rb143 .program-card__plus::after {

    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background: var(--black);
    transform: translate(-50%, -50%);
}

body.rb143 .program-card__plus::before {

    width: 48px;
    height: 1px;
}

body.rb143 .program-card__plus::after {

    width: 1px;
    height: 48px;
}

@media (max-width: 640px) {
    body.rb143 .program-card__delete {

        top: 16px;
        right: 20px;
    }
}

/* ==========================================================================
   RESTARTBIO-142 «Запросы на привязку» — стили раздела.
   Реализация (вёрстка) — RESTARTBIO-143. Макет Figma: узел 12514:10.
   Базовые токены, шапка, подвал, меню админки, кнопки, диалоги и тосты —
   в css/styles.css. Здесь только специфика раздела.
   ========================================================================== */
/* --- Панель фильтров ------------------------------------------------------ */
body.rb143 .filters {

    margin-top: 40px;
    background: var(--soft);
}

body.rb143 .filters__inner {

    display: flex;
    align-items: flex-start;
    gap: 24px;
    padding: 28px 32px;
}

body.rb143 .filter-field {

    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

body.rb143 .filter-field--status {

    width: 220px;
}

body.rb143 .filter-field--partner {

    width: 260px;
}

body.rb143 .filter-field--type {

    width: 220px;
}

body.rb143 .filter-field--date {

    width: auto;
}

body.rb143 .filter-field__label {

    color: var(--muted);
    font-size: 13px;
    line-height: 16px;
}

body.rb143 .filter-field__control {

    width: 100%;
    height: 48px;
    padding: 0 16px;
    background: var(--white);
    border: 1px solid #e0e0e0;
    border-radius: 0;
    color: var(--ink);
    font: 400 15px/1.2 var(--font);
}

body.rb143 .filter-field__control:focus {

    outline: 1px solid var(--ink);
    outline-offset: -1px;
}

body.rb143 select.filter-field__control {

    padding-right: 44px;
    appearance: none;
    background-image: url("/html/RESTARTBIO-143/assets/icon-select-chevron.svg");
    background-repeat: no-repeat;
    background-position: right 16px center;
}

body.rb143 .filter-field__dates {

    display: flex;
    align-items: center;
    gap: 12px;
}

body.rb143 .filter-field__dash {

    color: var(--muted);
}

body.rb143 .filter-field__actions {

    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: auto;
    margin-top: 24px;
}

body.rb143 .filters .btn {

    height: 48px;
}

/* --- Поле даты: иконка календаря и попап (как в RESTARTBIO-66/136) -------- */
body.rb143 .date-field {

    position: relative;
    flex: 0 0 150px;
    min-width: 0;
}

body.rb143 .date-field__input {

    width: 100%;
    padding-left: 40px;
}

body.rb143 .date-field__btn {

    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 48px;
    padding: 0;
    background: none;
    border: 0;
    cursor: pointer;
}

body.rb143 .date-field__btn-icon {

    display: block;
    width: 16px;
    height: 16px;
}

body.rb143 .date-field.is-invalid .filter-field__control {

    border-color: var(--error);
    outline: 1px solid var(--error);
    outline-offset: -1px;
}

body.rb143 .filter-field__error {

    width: 0;
    min-width: 100%;
    margin: 8px 0 0;
    color: var(--error);
    font-size: 13px;
    line-height: 16px;
}

body.rb143 .filter-field__error[hidden] {

    display: none;
}

/* --- Календарь ------------------------------------------------------------ */
body.rb143 .datepicker {

    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    z-index: 30;
    display: none;
    background: var(--white);
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.16);
}

body.rb143 .datepicker.is-open {

    display: block;
}

body.rb143 .calendar {

    width: 300px;
    max-width: 100%;
    padding: 16px;
    background: var(--white);
    border: 1px solid #e0e0e0;
}

body.rb143 .calendar__head {

    display: flex;
    align-items: center;
    justify-content: space-between;
}

body.rb143 .calendar__caption {

    color: var(--ink);
    font-size: 15px;
    font-weight: 500;
}

body.rb143 .calendar__nav {

    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    background: none;
    border: 0;
    cursor: pointer;
}

body.rb143 .calendar__nav img {

    display: block;
    width: 12px;
    height: 12px;
    transform: rotate(90deg);
}

body.rb143 .calendar__nav--next img {

    transform: rotate(-90deg);
}

body.rb143 .calendar__grid {

    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
    margin-top: 12px;
}

body.rb143 .calendar__dow {

    padding: 4px 0;
    color: var(--muted);
    font-size: 12px;
    text-align: center;
}

body.rb143 .calendar__day {

    height: 34px;
    padding: 0;
    background: none;
    border: 0;
    color: var(--ink);
    font: 400 14px/1 var(--font);
    cursor: pointer;
}

body.rb143 .calendar__day:hover {

    background: var(--soft);
}

body.rb143 .calendar__day.is-muted {

    color: #a4a4a4;
}

body.rb143 .calendar__day--selected,
body.rb143 .calendar__day--selected:hover {

    background: var(--ink);
    color: var(--white);
}

/* --- Таблица запросов ----------------------------------------------------- */
body.rb143 .wtable {

    margin-top: 24px;
}

body.rb143 .wtable__scroll {

    width: 100%;
}

body.rb143 .wtable__head,
body.rb143 .wtable__row {

    display: grid;
    grid-template-columns: minmax(150px, 1fr) 190px 150px 140px 180px 170px;
    gap: 16px;
    align-items: center;
}

body.rb143 .wtable__head {

    padding-bottom: 14px;
    border-bottom: 1px solid var(--black);
    color: var(--muted);
    font-size: 15px;
    line-height: 18px;
}

body.rb143 .wtable__row {

    padding: 18px 0;
    border-bottom: 1px solid var(--sep);
}

body.rb143 .wtable__row[hidden] {

    display: none;
}

body.rb143 .wtable__cell {

    min-width: 0;
    font-size: 15px;
    line-height: 20px;
}

body.rb143 .wtable__cell--nowrap {

    white-space: nowrap;
}

body.rb143 .wtable__actions {

    display: flex;
    align-items: center;
    gap: 8px;
}

body.rb143 .icon-btn {

    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    background: var(--white);
    border: 1px solid #e0e0e0;
    cursor: pointer;
}

body.rb143 .icon-btn img {

    display: block;
    width: 16px;
    height: 16px;
}

body.rb143 .icon-btn:hover {

    border-color: var(--ink);
}

body.rb143 .icon-btn--reject:hover {

    border-color: var(--error);
}

body.rb143 .icon-btn--call:hover {

    border-color: var(--ink);
}

body.rb143 .act-none {

    color: var(--muted);
}

body.rb143 .act-none__na {

    display: none;
}

body.rb143 .act--text {

    display: none;
}

/* --- Статусы -------------------------------------------------------------- */
body.rb143 .status {

    font-size: 15px;
    line-height: 20px;
    color: var(--link);
    white-space: nowrap;
}

body.rb143 .status--APPROVED {
    color: var(--success2);
}

body.rb143 .status--PENDING {
    color: var(--warning);
}

body.rb143 .status--REJECTED {
    color: var(--error);
}

/* --- Пустая выборка внутри таблицы ---------------------------------------- */
body.rb143 .empty-note {

    padding: 48px 24px;
    text-align: center;
    border: 1px solid var(--sep);
}

body.rb143 .empty-note[hidden] {

    display: none;
}

body.rb143 .empty-note__title {

    margin: 0;
    font-size: 20px;
    line-height: 24px;
}

body.rb143 .empty-note__text {

    margin: 12px 0 0;
    color: var(--muted);
    font-size: 15px;
    line-height: 20px;
}

body.rb143 .empty-note .btn {

    margin-top: 24px;
}

/* --- Пагинация ------------------------------------------------------------ */
body.rb143 .pager {

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 32px;
}

body.rb143 .pager__pages {

    display: flex;
    align-items: center;
    gap: 8px;
}

body.rb143 .pager__nav,
body.rb143 .pager__page {

    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 8px;
    background: var(--white);
    border: 1px solid #e0e0e0;
    color: var(--ink);
    font: 400 15px/1 var(--font);
    cursor: pointer;
}

body.rb143 .pager__nav img {

    display: block;
}

body.rb143 .pager__page.is-active {

    background: var(--ink);
    border-color: var(--ink);
    color: var(--white);
}

body.rb143 .pager__meta {

    display: flex;
    align-items: center;
    gap: 24px;
    color: var(--muted);
    font-size: 15px;
}

body.rb143 .pager__per-page {

    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--muted);
}

body.rb143 .pager__per-page select {

    height: 40px;
    padding: 0 40px 0 14px;
    background-color: var(--white);
    background-image: url("/html/RESTARTBIO-143/assets/icon-select-chevron.svg");
    background-repeat: no-repeat;
    background-position: right 14px center;
    border: 1px solid #e0e0e0;
    border-radius: 0;
    color: var(--ink);
    font: 400 15px/1 var(--font);
    appearance: none;
}

/* --- Служебный экран ------------------------------------------------------ */
body.rb143 .service .dialog .field {

    margin-top: 24px;
}

body.rb143 .textarea {

    width: 100%;
    min-height: 120px;
    padding: 14px 16px;
    background: var(--white);
    border: 1px solid #e0e0e0;
    border-radius: 0;
    color: var(--ink);
    font: 400 15px/1.4 var(--font);
    resize: vertical;
}

body.rb143 .textarea::placeholder {

    color: var(--muted);
    opacity: 1;
}

body.rb143 .textarea:focus {

    outline: 1px solid var(--ink);
    outline-offset: -1px;
}

body.rb143 .field__hint {

    color: var(--muted);
    font-size: 13px;
    line-height: 18px;
}

body.rb143 .dialog__hint {

    margin: 16px 0 0;
    color: var(--muted);
    font-size: 13px;
    line-height: 18px;
}

/* Модалка «Связаться с клиентом» */
body.rb143 .contact-info {

    margin-top: 24px;
    border: 1px solid #e0e0e0;
}

body.rb143 .contact-info__row {

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 16px;
}

body.rb143 .contact-info__row + .contact-info__row {

    border-top: 1px solid var(--sep);
}

body.rb143 .contact-info__label {

    color: var(--muted);
    font-size: 14px;
}

body.rb143 .contact-info__value {

    font-size: 16px;
    font-weight: 500;
}

body.rb143 .select-open {

    width: 280px;
    max-width: 100%;
}

body.rb143 .select-open__control {

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    height: 48px;
    padding: 0 16px;
    background: var(--white);
    border: 1px solid var(--ink);
    font-size: 15px;
}

body.rb143 .select-open__list {

    margin-top: 4px;
    background: var(--white);
    border: 1px solid #e0e0e0;
}

body.rb143 .select-open__option {

    padding: 12px 16px;
    font-size: 15px;
    line-height: 18px;
}

body.rb143 .select-open__option + .select-open__option {

    border-top: 1px solid var(--sep);
}

body.rb143 .select-open__option.is-active {

    background: var(--soft);
}

body.rb143 .empty-state {

    padding: 64px 24px;
    text-align: center;
    border: 1px solid var(--sep);
}

body.rb143 .empty-state__title {

    margin: 0;
    font-size: 20px;
    line-height: 24px;
}

body.rb143 .empty-state__text {

    margin: 12px 0 0;
    color: var(--muted);
    font-size: 15px;
    line-height: 20px;
}

body.rb143 .empty-state__action {

    margin-top: 24px;
}

/* ==========================================================================
   Планшет 992 (<= 1200px) — фильтры в две строки
   ========================================================================== */
@media (max-width: 1200px) {
    body.rb143 .filters__inner {

        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px 24px;
        padding: 24px;
        align-items: start;
    }

    body.rb143 .filter-field--status,
    body.rb143 .filter-field--partner,
    body.rb143 .filter-field--type,
    body.rb143 .filter-field--date {

        width: auto;
    }

    body.rb143 .filter-field__actions {

        margin-left: 0;
    }

    body.rb143 .wtable__head,
    body.rb143 .wtable__row {

        grid-template-columns: minmax(130px, 1fr) 160px 130px 120px 150px 150px;
        gap: 12px;
    }
}

/* ==========================================================================
   Моб 768 (<= 900px) — таблица с горизонтальной прокруткой
   ========================================================================== */
@media (max-width: 900px) {
    body.rb143 .wtable__scroll {

        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    body.rb143 .wtable__head,
    body.rb143 .wtable__row {

        min-width: 960px;
    }

    body.rb143 .pager__meta {

        gap: 16px;
    }
}

/* ==========================================================================
   Моб 375 (<= 640px) — фильтры столбиком, строки-карточки
   ========================================================================== */
@media (max-width: 640px) {
    body.rb143 .filters {

        margin-top: 24px;
    }

    body.rb143 .filters__inner {

        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
        padding: 20px 16px;
    }

    body.rb143 .filter-field__dates {

        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }

    body.rb143 .filter-field__dash {

        display: none;
    }

    body.rb143 .date-field {

        flex: 1 1 auto;
        width: 100%;
    }

    body.rb143 .filter-field__actions {

        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        margin-top: 0;
    }

    body.rb143 .filters .btn {

        width: 100%;
    }

    body.rb143 .wtable {

        margin-top: 20px;
    }

    body.rb143 .wtable__scroll {

        overflow: visible;
    }

    body.rb143 .wtable__head {

        display: none;
    }

    body.rb143 .wtable__head,
    body.rb143 .wtable__row {

        min-width: 0;
    }

    body.rb143 .wtable__row {

        display: flex;
        flex-direction: column;
        gap: 12px;
        padding: 20px;
        border: 1px solid var(--black);
    }

    body.rb143 .wtable__row + .wtable__row {

        margin-top: 16px;
    }

    body.rb143 .wtable__cell {

        display: block;
    }

    body.rb143 .wtable__cell[data-label]::before {

        content: attr(data-label);
        display: block;
        margin-bottom: 6px;
        color: var(--muted);
        font-size: 13px;
        line-height: 16px;
    }

    body.rb143 .wtable__actions {

        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        padding-top: 12px;
        border-top: 1px solid var(--sep);
    }

    body.rb143 .wtable__actions::before {

        content: none;
    }

    body.rb143 .icon-btn {

        display: none;
    }

    body.rb143 .act--text {

        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 48px;
    }

    body.rb143 .act-none__dash {

        display: none;
    }

    body.rb143 .act-none__na {

        display: inline;
    }

    body.rb143 .pager {

        flex-direction: column;
        align-items: stretch;
        gap: 20px;
    }

    body.rb143 .pager__meta {

        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    body.rb143 .select-open {

        width: 100%;
    }

    body.rb143 .empty-state {

        padding: 40px 16px;
    }

    body.rb143 .empty-note {

        padding: 40px 16px;
    }
}

/* ===== RESTARTBIO-167 — Главная (Дашборд): состояния и ссылки ===== */
body.rb166 .state-text {
    margin: 0;
    color: var(--muted);
    font-size: 14px;
    line-height: 1.4;
}

body.rb166 .top5__empty,
body.rb166 .orders__empty {
    padding: 8px 0;
}

body.rb166 .client-card__name a {
    color: inherit;
    text-decoration: none;
}

body.rb166 .client-card__name a:hover {
    color: #E0A84B;
    text-decoration: underline;
}

body.rb166 .hero__error {
    margin-top: 12px;
}

body.rb166 .order-row__cashback-value--loading {
    display: inline-block;
    min-width: 48px;
}

body.rb166 .order-row__cashback-value--loading .skeleton-line {
    display: block;
    width: 48px;
    height: 16px;
    border-radius: 2px;
    background: linear-gradient(90deg, #ececec 25%, #f6f6f6 37%, #ececec 63%);
    background-size: 400% 100%;
    animation: shimmer 1.4s ease infinite;
}

/* ===== RESTARTBIO-167 — Главная (Дашборд): состояния и ссылки ===== */
body.rb166 .state-text {
    margin: 0;
    color: var(--muted);
    font-size: 14px;
    line-height: 1.4;
}

body.rb166 .top5__empty,
body.rb166 .orders__empty {
    padding: 8px 0;
}

body.rb166 .client-card__name a {
    color: inherit;
    text-decoration: none;
}

body.rb166 .client-card__name a:hover {
    color: #E0A84B;
    text-decoration: underline;
}

body.rb166 .hero__error {
    margin-top: 12px;
}

/* Метрика-заглушка «Рассчитывается» (переливающийся скелетон + подпись) */
body.rb166 .metric-state {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

body.rb166 .metric-state__note {
    color: var(--muted);
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
}

body.rb166 .skeleton-line {
    display: block;
    width: 60px;
    height: 16px;
    border-radius: 2px;
    background: linear-gradient(90deg, #ececec 25%, #f6f6f6 37%, #ececec 63%);
    background-size: 400% 100%;
    animation: shimmer 1.4s ease infinite;
}

/* Заглушка кэшбэка в строке заказа */
body.rb166 .order-row__cashback-value--loading {
    display: inline-block;
    min-width: 48px;
}

body.rb166 .order-row__cashback-value--loading .skeleton-line {
    width: 48px;
}

body.rb166 .order-row__cashback-note {
    display: block;
    margin-top: 2px;
    color: var(--muted);
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
}

/* Статус оплаты заказа */
body.rb166 .order-row__pay {
    display: inline-block;
    margin-left: 6px;
    font-size: 12px;
    font-weight: 500;
}

body.rb166 .order-row__pay--paid {
    color: #2e7d32;
}

body.rb166 .order-row__pay--nopay {
    color: #c62828;
}

/* Кнопки */
body.rb166 .orders .cta + .cta {
    margin-top: 12px;
}

/* ===== RESTARTBIO-167 — Главная (Дашборд): состояния и ссылки ===== */
body.rb166 .state-text {
    margin: 0;
    color: var(--muted);
    font-size: 14px;
    line-height: 1.4;
}

body.rb166 .top5__empty,
body.rb166 .orders__empty {
    padding: 8px 0;
}

body.rb166 .client-card__name a {
    color: inherit;
    text-decoration: none;
}

body.rb166 .client-card__name a:hover {
    color: #E0A84B;
    text-decoration: underline;
}

body.rb166 .hero__error {
    margin-top: 12px;
}

/* Метрика-заглушка «Рассчитывается» (переливающийся скелетон + подпись) */
body.rb166 .metric-state {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

body.rb166 .metric-state .skeleton-line {
    flex: none;
}

body.rb166 .metric-state__note {
    color: var(--muted);
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
}

body.rb166 .skeleton-line {
    display: block;
    width: 60px;
    height: 16px;
    border-radius: 2px;
    background: linear-gradient(90deg, #ececec 25%, #f6f6f6 37%, #ececec 63%);
    background-size: 400% 100%;
    animation: shimmer 1.4s ease infinite;
}

/* Заглушка кэшбэка в строке заказа */
body.rb166 .order-row__cashback-value--loading {
    display: inline-block;
    min-width: 48px;
}

body.rb166 .order-row__cashback-value--loading .skeleton-line {
    width: 48px;
    display: inline-block;
    vertical-align: middle;
}

body.rb166 .order-row__cashback-note {
    display: inline-block;
    margin-left: 6px;
    color: var(--muted);
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
}

/* Статус оплаты заказа */
body.rb166 .order-row__pay {
    display: inline-block;
    margin-left: 6px;
    font-size: 12px;
    font-weight: 500;
}

body.rb166 .order-row__pay--paid {
    color: #2e7d32;
}

body.rb166 .order-row__pay--nopay {
    color: #c62828;
}

/* Кнопки */
body.rb166 .orders .cta + .cta {
    margin-top: 12px;
}

/* RESTARTBIO-213: серый столбец месяца без заказов и сноска у метрики «Активных». */
body.rb212 .chart__col.is-empty .chart__bar {
    background: var(--line-light, #e6e6e6);
}

body.rb212 .chart__col.is-empty:hover .chart__bar {
    background: var(--line-row, #d9d9d9);
}

body.rb212 .metrics__asterisk {
    color: var(--accent);
    font-size: 0.8em;
    vertical-align: super;
}

body.rb212 .metrics__note {
    margin: 12px 0 0;
    color: var(--muted);
    font-size: 13px;
    line-height: 18px;
}

/* RESTARTBIO-213: переменные zebra/границ для таблиц rb212 (в основной таблице шаблона их не было,
   значения — из макета Figma 10244:969). */
body.rb212 {
    --row: #fbfbfb;
    --line-row: #efefef;
}

/* RESTARTBIO-213: колонка-стрелка перехода в карточку клиента (последняя, без заголовка). */


body.rb212 .clients__cell--arrow {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 0;
    cursor: pointer;
}

body.rb212 .clients__arrow {
    position: relative;
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

body.rb212 .clients__arrow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    border-top: 2px solid var(--accent);
    border-right: 2px solid var(--accent);
    transform: translate(-60%, -50%) rotate(45deg);
}

body.rb212 .clients__arrow:hover::before,
body.rb212 .clients__arrow:focus-visible::before {
    border-color: var(--accent-dark);
}

body.rb212 .clients__row--head .clients__cell--arrow {
    pointer-events: none;
}

/* RESTARTBIO-213: шапка блока графика (переключатель слева, кнопка скрытия справа). */
body.rb212 .chart-block__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

body.rb212 .chart-block__toggle-visibility {
    padding: 0;
    border: 0;
    background: none;
    color: var(--accent);
    font: 500 14px/1.2 var(--font);
    text-decoration: underline;
    text-underline-offset: 2px;
    cursor: pointer;
    white-space: nowrap;
}

body.rb212 .chart-block__toggle-visibility:hover,
body.rb212 .chart-block__toggle-visibility:focus-visible {
    opacity: 0.75;
}

body.rb212 .chart-block__body[hidden] {
    display: none;
}

/* RESTARTBIO-213: колонка «Действия» — кнопка «Перейти» со стрелкой (по дизайну RESTARTBIO-66). */
body.rb212 .clients__cell--arrow {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    overflow: visible;
    padding-right: 0;
}

body.rb212 .clients__link-action {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 0;
    border: 0;
    background: none;
    color: var(--text);
    font: 400 14px/1.2 var(--font);
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
}

body.rb212 .clients__link-action:hover,
body.rb212 .clients__link-action:focus-visible {
    text-decoration: underline;
}

body.rb212 .clients__link-action img {
    display: block;
    width: 20px;
    height: 20px;
}

body.rb212 .clients__row--head .clients__cell--arrow {
    pointer-events: none;
}


/* =========================================================================
   RESTARTBIO-158 «Детальная карточка клиента» — интеграция (дополнения)
   Изоляция: только body.rb157. Скрытие блоков списка на карточке.
   ========================================================================= */

/* Серый столбец месяца без заказов (12 столбцов, как в RESTARTBIO-213). */
body.rb157 .chart__col.is-empty .chart__bar {
    background: var(--divider, #e0e0e0);
}

body.rb157 .chart__col.is-empty:hover .chart__bar {
    background: var(--divider, #e0e0e0);
}

/* Шапка панели графика: переключатель + кнопка «Скрыть/Показать график». */
body.rb157 .chart-panel__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

body.rb157 .chart-panel__toggle {
    font-size: 13px;
    white-space: nowrap;
}

body.rb157 .status--pending {
    color: var(--muted, #757575);
}

/* Пустое состояние таблицы заказов. */
body.rb157 .orders__row--empty {
    display: block;
    border-bottom: 1px solid var(--divider-light);
}

body.rb157 .orders__row--empty .orders__cell {
    display: block;
    padding: 20px 12px;
    text-align: center;
    color: var(--muted);
}

/* На карточке клиента скрываем блоки списка «Мои клиенты» (статистика/график/список/ТОП-5). */
body.rb157 .metrics[data-statistics-app],
body.rb157 .metrics__note,
body.rb157 .chart-block,
body.rb157 .clients-block,
body.rb157 .top5-block {
    display: none !important;
}

/* Кнопка «Скрыть/показать меню» — на всём ЛК (решение владельца, RESTARTBIO-313).
   Ранее скрывалась вне карточки (body.rb157) — теперь доступна везде. */
body .lk-menu__collapse {
    display: block;
}

/* RESTARTBIO-213/158 — фильтры: поля дат (по вёрстке 212), разрядка сумм, is-invalid. */
body.rb212 .filters__field.date-field,
body.rb157 .filters__field.date-field,
body.rb157 .date-field {
    position: relative;
    display: inline-flex;
    align-items: center;
}

body.rb212 .filters__field-btn.date-field__btn,
body.rb157 .filters__field-btn.date-field__btn,
body.rb157 .date-field__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    background: none;
    border: 0;
    cursor: pointer;
}

body.rb212 .date-field.is-invalid .filters__input,
body.rb212 .date-field.is-invalid .date-field__input,
body.rb157 .date-field.is-invalid .date-field__input {
    border-color: var(--error, #c0392b);
    color: var(--error, #c0392b);
}

/* ==========================================================================
   RESTARTBIO-313: общий для ЛК паттерн «Скрыть / показать меню»
   (перенос кнопки .lk-menu__collapse с детальной карточки на весь ЛК).
   Дублирует rb157-правила как общие, чтобы работало на rb166/rb212/rb215/rb195/rb157.
   ========================================================================== */

.is-no-menu .layout {
    flex-wrap: wrap;
    row-gap: 0;
}

.is-no-menu .lk-menu {
    flex: 0 0 100%;
}

.is-no-menu .lk-menu__nav {
    display: none;
}

.is-no-menu .lk-menu__collapse {
    width: auto;
    margin: 0 0 24px;
}

/* Кнопка скрытия меню видна только там, где меню отрисовано (aside.lk-menu) */
.lk-menu__collapse {
    display: block;
}

/* RESTARTBIO-313b: кнопка меню видна во всём ЛК */
body.rb212 .lk-menu__collapse,
body.rb215 .lk-menu__collapse,
body.rb166 .lk-menu__collapse,
body.rb195 .lk-menu__collapse {
    display: block;
}

/* RESTARTBIO-313c: явный красный цвет ошибки фильтра на rb212/rb157
   (на rb212 переменная --status-cancelled не определена -> текст становился серым). */
body.rb212 .filters__error,
body.rb157 .filters__error {
    color: #d64545;
}

body.rb212 .date-field.is-invalid .filters__input,
body.rb212 .date-field.is-invalid .date-field__input,
body.rb157 .date-field.is-invalid .date-field__input,
body.rb157 .date-field.is-invalid .filters__input {
    border-color: #d64545;
}

body.rb212 .filters__error[hidden] {
    display: none;
}

/* RESTARTBIO-313d: единый вид кнопки «Скрыть/показать меню» во всём ЛК
   (на rb212 не было стилей .btn/.btn--outline -> кнопка выводилась без рамки/высоты). */
.lk-menu__collapse {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 42px;
    margin-top: 16px;
    padding: 0 16px;
    background: transparent;
    border: 1px solid #000;
    color: #000;
    font: 500 13px/1.2 inherit;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

.lk-menu__collapse:hover {
    background: #000;
    color: #fff;
}

.is-no-menu .lk-menu__collapse {
    width: auto;
    margin: 0 0 24px;
}

/* RESTARTBIO-313e: поведение «Скрыть/показать меню» общее для всего ЛК
   (раньше работало только на body.rb157; на rb212/rb215/rb166/rb195 меню не скрывалось). */
body.is-no-menu .layout {
    flex-wrap: wrap;
    row-gap: 0;
}

body.is-no-menu .lk-menu {
    flex: 0 0 100%;
}

body.is-no-menu .lk-menu__nav {
    display: none;
}

body.is-no-menu .lk-menu__collapse {
    width: auto;
    margin: 0 0 24px;
}

/* RESTARTBIO-313f: кнопка меню поверх .btn (style.css идёт после)
   На rb212 нет .btn--outline, а .btn из style.css перебивает наш стиль.
   Задаём вид кнопки с достаточной специфичностью — как на детальной (rb157). */
body .lk-menu .lk-menu__collapse.btn,
body .lk-menu .lk-menu__collapse {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 42px;
    min-height: 42px;
    margin-top: 16px;
    padding: 0 16px;
    background: transparent !important;
    border: 1px solid #000 !important;
    border-radius: 0 !important;
    color: #000 !important;
    font-family: var(--font, "SF Pro Display", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, "Helvetica Neue", Arial, sans-serif) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    white-space: nowrap;
    cursor: pointer;
}

body .lk-menu .lk-menu__collapse.btn:hover,
body .lk-menu .lk-menu__collapse:hover {
    background: #000 !important;
    color: #fff !important;
}

body.is-no-menu .lk-menu .lk-menu__collapse.btn,
body.is-no-menu .lk-menu .lk-menu__collapse {
    width: auto;
    margin: 0 0 24px;
}

/* End */


/* Start:/local/templates/prymery/assets/css/style.css?1792595925161781*/
@charset "UTF-8";
:root {
	--primary: #E7B65C;
	--primary-lighten: #ffd587;
	--success: #44C373;
	--danger: #e32227;
	--info: #8f00ff;
	--light: #9F9F9F;
	--lighter: #faf9fb;
	--dark: #000;
	--fm: "SFProDisplay", sans-serif;
	--line-height-base: 1.2;
	--border-color: #E7EDF3;
	--dt: all .3s ease;
	--border-radius: 21px;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

* {
	outline: 0 !important;
	-webkit-tap-highlight-color: transparent;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	overflow-x: hidden;
	height: 100%;
	font-family: var(--fm);
}

body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 320px;
	min-height: 100%;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.2;
	color: var(--dark, #000);
	background-color: #fff;
	overflow-x: hidden;
}

header,
section,
footer {
	font-family: var(--fm);
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

img {
	max-width: 100%;
}

a {
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration: none;
	color: var(--primary);
}

textarea,
input[type=text],
input[type=password],
input[type=email],
input[type=submit] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: 0;
	overflow: hidden;
	font-family: inherit;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus {
	-webkit-text-fill-color: var(--dark, #000);
	-webkit-box-shadow: 0 0 0 1000px #fff inset;
	-webkit-transition: background-color 5000s ease-in-out 0s;
	transition: background-color 5000s ease-in-out 0s;
	line-height: 1;
	font: 400 14px/1 var(--fm);
}

textarea {
	resize: none;
}

button {
	cursor: pointer;
	outline: none;
	border: none;
	-webkit-transition: var(--dt);
	transition: var(--dt);
	font: 400 14px/1 var(--fm);
}

ul.tabs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
ul.tabs li {
	cursor: pointer;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.tab-pane {
	visibility: hidden;
	height: 0;
	overflow-y: hidden;
	-webkit-transition: opacity 0.7s ease;
	transition: opacity 0.7s ease;
	opacity: 0;
}

.tab-pane.current {
	visibility: visible;
	height: auto;
	overflow-y: visible;
	opacity: 1;
}

.btn {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	padding: 19px 46px;
	text-decoration: none;
	font-weight: 500;
	font-size: 18px;
	line-height: 21px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	cursor: pointer;
	outline: 0;
	border: none;
	border-radius: 0;
	background-color: transparent;
}

.btn--fullwidth {
	width: 100%;
}

.btn--white {
	border: 1px solid #fff;
	color: #fff;
}
.btn--white:hover {
	background-color: #fff;
	color: #000;
}

.btn--dark {
	border: 1px solid #000;
	color: #000;
}
.btn--dark:hover {
	background-color: #000;
	color: #fff;
}
.btn--partner {
	border: 1px solid #5A6F56;
	background-color: #5A6F56;
	color: #fff;
}
.btn--partner:hover {
	border-color: #CEB37C;
	background-color: #CEB37C;
	color: #000;
}
.header-callback.btn--partner {
	width: auto;
	white-space: nowrap;
}

.main-header--overlayed .info-line:not(.is_stuck) .header-callback.btn--partner {
	border-color: #5A6F56;
}

.icon\:search-alt {
	width: 18px;
	height: 18px;
	min-width: 18px;
}

.icon\:user {
	width: 14px;
	height: 18px;
	min-width: 14px;
}

.icon\:heart-outline {
	width: 18px;
	height: 17px;
	min-width: 18px;
}

.icon\:phone {
	width: 33px !important;
	height: 33px !important;
	min-width: 33px !important;
}

.container-fluid {
	padding-right: 20px;
	padding-left: 20px;
}

.top\:0 {
	top: 0 !important;
}

.flex\:center {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-pack: center !important;
	-ms-flex-pack: center !important;
	justify-content: center !important;
	-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important;
}

@media (min-width: 1200px) {
	.container-fluid {
		padding-right: 46px;
		padding-left: 46px;
	}
}
.section__title {
	margin-bottom: 38px;
	font: 200 48px/57px var(--fm);
}

.section__header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
}
.section__header .section__title {
	margin: 0;
}

.section__link {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	gap: 14px;
	font: 400 20px/25px var(--fm);
	text-decoration: underline;
	letter-spacing: 0.02em;
	color: #3578BA;
}
.section__link:hover {
	text-decoration-color: transparent;
}
.section__link .icon {
	width: 7px;
	height: 10px;
}

.slider-arrow {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: var(--dt);
	transition: var(--dt);
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.swiper-button-disabled {
	cursor: default;
}

@media (max-width: 991px) {
	.section__title {
		margin-bottom: 33px;
		font: 200 30px/36px var(--fm);
	}
}
body.compensate-for-scrollbar {
	margin-right: 0 !important;
}

.modal {
	display: none;
}

.modal-close {
	display: none;
}

.modal-title {
	margin-bottom: 37px;
	text-align: center;
	font: 500 14px/16px var(--fm);
	letter-spacing: 0.01em;
	text-transform: uppercase;
	color: rgba(0, 0, 0, 0.9);
}

.form-group {
	margin-bottom: 13px;
}

.form-caption {
	margin-bottom: 12px;
	font: 400 14px/16px var(--fm);
	color: #8F8F8F;
}

.form-control {
	display: block;
	width: 100%;
	padding: 15px 24px;
	border: 1px solid #000;
	font: 400 14px/16px var(--fm);
}

.custom-checkbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 14px;
}

.custom-checkbox__icon {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 17px;
	height: 17px;
	min-width: 17px;
	border: 1px solid #000;
}

.custom-checkbox__text {
	display: inline-block;
	font: 400 12px/14px var(--fm);
	color: #8F8F8F;
}
.custom-checkbox__text a {
	color: rgb(53, 120, 186);
	text-decoration: underline;
}
.custom-checkbox__text a:hover {
	text-decoration-color: transparent;
}

.custom-checkbox__value {
	position: absolute;
	width: 0;
	height: 0;
	fill: rect(0, 0, 0);
}

.form-footer {
	margin-top: 46px;
}

.modal-callback {
	width: 346px;
	padding: 47px 18px 20px;
}
.modal-callback .custom-checkbox--privacy {
	margin-top: 13px;
}
.modal-callback .form-footer .btn {
	width: 100%;
	height: 48px;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0.9);
	-webkit-box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.11);
	box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.11);
	color: #fff;
	font: 400 14px/17px var(--fm);
}
.modal-callback .form-footer .btn:hover {
	background-color: #fff;
	color: #000;
}

@media (max-width: 575px) {
	.fancybox-slide--html .fancybox-close-small {
		display: none;
	}
	.fancybox-bg {
		background-color: #000;
	}
	.fancybox-is-open .fancybox-bg {
		opacity: 1;
	}
	.modal {
		position: relative;
		margin-top: 201px;
		overflow: visible;
	}
	.modal-close {
		position: absolute;
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		bottom: calc(100% + 88px);
		color: #B8B8B8;
	}
	.modal-close .icon {
		width: 65px;
		height: 66px;
	}
}
.main-header {
	position: relative;
	z-index: 101;
}

.top-line {
	padding: 7px 0;
	background-color: #1D1C22;
}

.top-menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font: 500 12px/14px var(--fm);
	letter-spacing: 0.025em;
	gap: 34px;
}
.top-menu a {
	display: block;
	color: rgba(255, 255, 255, 0.8);
	text-decoration: underline;
	text-decoration-color: transparent;
}
.top-menu a:hover {
	color: #fff;
	text-decoration-color: currentColor;
}

.header-location {
	position: relative;
}
.header-location:hover .header-location__body, .header-location:hover .header-location-bg {
	opacity: 1;
	visibility: visible;
}

.header-location__head {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 12px;
	font: 500 12px/14px var(--fm);
	letter-spacing: 0.025em;
	color: rgba(255, 255, 255, 0.8);
}

.header-location__current {
	border-bottom: 1px solid currentColor;
	cursor: pointer;
	-webkit-transition: var(--dt);
	transition: var(--dt);
}
.header-location__current:hover {
	border-color: transparent;
}

.header-location__body {
	position: absolute;
	top: calc(100% + 20px);
	right: -40px;
	width: 346px;
	padding: 50px 49px;
	background-color: #fff;
	-webkit-transition: var(--dt);
	transition: var(--dt);
	opacity: 0;
	visibility: hidden;
	z-index: 51;
}
.header-location__body::before {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 0;
	right: 0;
	height: 20px;
}
.header-location__body::after {
	content: "";
	position: absolute;
	bottom: 100%;
	right: 50px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 10px 11px 10px;
	border-color: transparent transparent #fff transparent;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
.header-location__body a {
	display: block;
	margin-bottom: 40px;
	font: 500 14px/16px var(--fm);
	letter-spacing: 0.01em;
	text-transform: uppercase;
	color: #8F8F8F;
}
.header-location__body a:hover {
	color: #000;
}
.header-location__body a:last-child {
	margin-bottom: 0;
}
.header-location__body a.current {
	color: #000;
}
.head-description {
	background: #CEB37C;
	text-align: center;
	padding: 10px;
	font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.28px;
    color: #fff;
	text-transform: uppercase;
	border-top: 1px solid #000;
	position: relative;
    top: 1px;
}
.head-description:empty {
	display: none;
}
@media (max-width:991px) {
	.head-description {
		top: 15px;
	}
}
.header-location-bg {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 41;
	pointer-events: none;
	-webkit-transition: var(--dt);
	transition: var(--dt);
	opacity: 0;
}

.header-cart-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 40px;
	color: #fff;
}
.header-cart-link .icon {
	width: 14px;
	height: 14px;
	min-width: 14px;
}

.header-phone {
	margin-right: 30px;
	font: 500 12px/14px var(--fm);
	letter-spacing: 0.025em;
	color: rgba(255, 255, 255, 0.8);
}
.header-phone:hover {
	color: #fff;
}

.header-sticky {
	z-index: 99;
}

.info-line {
	position: relative;
	border-bottom: 1px solid #000;
	background-color: #000;
}

.header-logo {
	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;
	width: 72px;
	min-width: 72px;
	margin-right: 45px;
}

.col-primary-menu {
	position: static;
}

.primary-menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 51px;
}
.primary-menu > li:hover .primary-menu__link .icon {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.primary-menu > li:hover .primary-menu__submenu {
	opacity: 1;
	visibility: visible;
}
.primary-menu a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 8px;
	color: rgba(0, 0, 0, 0.9);
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font: 500 12px/14px var(--fm);
}
.primary-menu a span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	line-height: 30px;
	position: relative;
}
.primary-menu a span::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	height: 2px;
	width: 0;
	border-bottom: 2px solid #000;
	-webkit-transition: var(--dt);
	transition: var(--dt);
}
.primary-menu a:hover {
	color: #000;
}
.primary-menu a:hover span::after {
	width: 100%;
}
.primary-menu .icon {
	width: 10px;
	height: 6px;
	min-width: 10px;
	-webkit-transition: var(--dt);
	transition: var(--dt);
}

.primary-menu li {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 79px;
}

.primary-menu__link {
	position: relative;
}

.primary-menu__submenu {
	position: absolute;
	top: calc(100% + 1px);
	left: 0;
	right: 0;
	padding: 0 0 0 130px;
	gap: 20px 68px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	z-index: 21;
}
.primary-menu__submenu::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 300%;
	min-height: 300vh;
	background: rgba(0, 0, 0, 0.3);
	z-index: -1;
	pointer-events: none;
}
.primary-menu__submenu ul {
	padding: 50px 0;
}
.primary-menu__submenu a {
	font-size: 14px;
	padding: 0 35px;
}

.submenu-parent {
	position: relative;
	width: 25%;
	min-height: 680px;
	background-color: #fff;
	pointer-events: all;
	z-index: 21;
}
.submenu-parent::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 50vw;
	background-color: #fff;
	z-index: -1;
}
.submenu-parent li {
	width: 100%;
	height: auto;
	margin-bottom: 32px;
}
.submenu-parent li:hover > a {
	color: #000;
}
.submenu-parent li:hover > ul {
	opacity: 1;
	visibility: visible;
}
.submenu-parent li:last-child {
	margin-bottom: 0;
}
.submenu-parent a {
	width: 100%;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	color: #838383;
}
.submenu-parent a .icon {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.submenu-child {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	min-height: 100%;
	-webkit-box-shadow: -1px 0 0 0 #D9D9D9;
	box-shadow: -1px 0 0 0 #D9D9D9;
	background-color: #fff;
	-webkit-transition: var(--dt);
	transition: var(--dt);
	opacity: 0;
	visibility: hidden;
}
.submenu-child a {
	text-transform: none;
}

.product-menu {
	font: 500 16px/1.175 var(--fm);
}
.product-menu .product-menu__thumb {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.product-menu .product-menu__title {
	display: block;
	margin: 0 0 8px;
	padding: 0;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.025em;
	color: rgba(0, 0, 0, 0.9);
}
.product-menu .product-menu__title:hover {
	color: #555;
}
.product-menu .product-menu__price-old {
	text-decoration-line: line-through;
	color: #AFAFAF;
}

.product-menu__prices {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 8px;
}

.product-menu__content {
	padding: 33px;
}

.submenu-child--product li {
	margin: 0 0 64px;
}
.submenu-child--product li:last-child {
	margin: 0;
}

.stock-menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.stock-menu li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-shadow: -1px 0 0 0 #000;
	box-shadow: -1px 0 0 0 #000;
}
.stock-menu a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 165px;
	height: 79px;
	font: 500 12px/14px var(--fm);
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: rgba(0, 0, 0, 0.9);
}
.stock-menu a:hover span::after {
	width: 100%;
}
.stock-menu span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	line-height: 30px;
	position: relative;
}
.stock-menu span::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	height: 2px;
	width: 0;
	border-bottom: 2px solid #000;
	-webkit-transition: var(--dt);
	transition: var(--dt);
}

.col-header-search {
	position: relative;
}

.header-search {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 20px 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 20px;
	background-color: #fff;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: var(--dt);
	transition: var(--dt);
}
.header-search.open {
	opacity: 1;
	visibility: visible;
}
.header-search .form-control {
	padding: 15px 17px;
	font-weight: 500;
	font-size: 12px;
	line-height: 117.5%;
	border-color: rgba(0, 0, 0, 0.08);
}
.header-search .form-control::-webkit-input-placeholder {
	color: #A4A4A4;
	text-transform: uppercase;
	font: inherit;
}
.header-search .form-control::-moz-placeholder {
	color: #A4A4A4;
	text-transform: uppercase;
	font: inherit;
}
.header-search .form-control:-ms-input-placeholder {
	color: #A4A4A4;
	text-transform: uppercase;
	font: inherit;
}
.header-search .form-control::-ms-input-placeholder {
	color: #A4A4A4;
	text-transform: uppercase;
	font: inherit;
}
.header-search .form-control::placeholder {
	color: #A4A4A4;
	text-transform: uppercase;
	font: inherit;
}
.header-search .btn-submit {
	background-color: transparent;
	color: #000;
	cursor: pointer;
	-webkit-transition: var(--dt);
	transition: var(--dt);
}
.header-search .btn-submit:hover {
	color: #999;
}

.header-search-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 17px;
	height: 17px;
	min-width: 17px;
}
.header-search-link .icon {
	width: 16px;
	height: 16px;
}
.header-search-link .icon:nth-child(2) {
	display: none;
}
.header-search-link.open .icon:nth-child(1) {
	display: none;
}
.header-search-link.open .icon:nth-child(2) {
	display: inline;
}

.user-menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 165px;
	min-width: 164px;
	height: 79px;
	padding: 28px;
	gap: 26px;
	-webkit-box-shadow: -1px 0 0 0 #000;
	box-shadow: -1px 0 0 0 #000;
}
.user-menu li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.user-menu a {
	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;
	color: #000;
}
.user-menu a:hover {
	color: #888;
	-webkit-transform: translateY(-2px);
	transform: translateY(-2px);
}

.header-callback {
	width: 150px;
	padding: 12px 15px;
	font: 500 14px/16px var(--fm);
}

.additional-line {
	border-bottom: 1px solid #000;
}

.shop-slogan {
	padding: 58px 0 63px;
	font: 400 20px/23px var(--fm);
}

.top-letter {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 170px;
	width: 165px;
	-webkit-box-shadow: -1px 0 0 0 #000;
	box-shadow: -1px 0 0 0 #000;
}
.top-letter img {
	display: block;
	width: 100%;
	height: 100%;
}

.letter-slider {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.letter-slider .swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.header-social {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 170px;
	width: 150px;
	gap: 16px;
}
.header-social img {
	max-width: 22px;
}

.mobile-menu {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow-y: auto;
	padding: 32px 20px 30px;
	background-color: #fff;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: var(--dt);
	transition: var(--dt);
	z-index: 301;
}
.mobile-menu.open {
	opacity: 1;
	visibility: visible;
}
.mobile-menu .header-location {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	margin-bottom: 40px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.mobile-menu .header-location .icon {
	width: 8px;
	height: 8px;
	margin-left: -5px;
}
.mobile-menu .header-location__head {
	color: #000;
	font-size: 12px;
	line-height: 117.5%;
}
.mobile-menu .user-menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	margin-top: 32px;
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.mobile-menu .header-social {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	height: auto;
	width: 100%;
	margin-top: 50px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.mobile-cart-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 50px;
}

.mobile-cart-link__count {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 33px;
	height: 20px;
	background-color: #DA0000;
	color: #fff;
	border-radius: 21px;
	margin-left: 8px;
}

.menu-close {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	/*top: 20px;*/
	/*right: 20px;*/
	top: 0;
	right: 0;
	z-index: 99;
	padding: 20px;
}
.menu-close .icon {
	width: 18px;
	height: 18px;
}

.mobile-menu__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 22px;
}
.mobile-menu__list a {
	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;
	text-align: center;
	gap: 8px;
	font: 600 14px/16px var(--fm);
	letter-spacing: 0.01em;
	text-transform: uppercase;
	color: rgba(0, 0, 0, 0.9);
}
.mobile-menu__list a.open .icon {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.mobile-menu__list a .icon {
	width: 10px;
	height: 6px;
	min-width: 10px;
	-webkit-transition: var(--dt);
	transition: var(--dt);
}
.mobile-menu__list ul {
	display: none;
	width: 160px;
	margin-top: 14px;
	padding: 22px 0;
	border-top: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;
}
.mobile-menu__list ul li {
	margin-bottom: 22px;
}
.mobile-menu__list ul li:last-child {
	margin-bottom: 0;
}
.mobile-menu__list ul a {
	font-weight: 500;
	color: #8F8F8F;
}

.mobile-menu__search {
	position: relative;
}
.mobile-menu__search .form-control {
	text-align: center;
}
.mobile-menu__search .btn-submit {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 15px;
	color: #000;
	background-color: transparent;
}
.mobile-menu__search .btn-submit .icon {
	width: 18px;
	height: 18px;
}

.user-mobile {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 29px;
}
.user-mobile a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff;
	color: #fff;
}
.user-mobile .icon {
	width: 38px;
	height: 38px;
}

.modal-location {
	width: 346px;
	max-width: 100%;
}

.modal-location__list {
	padding: 64px 5px 52px;
}
.modal-location__list li {
	margin-bottom: 40px;
}
.modal-location__list li:last-child {
	margin-bottom: 0;
}
.modal-location__list a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	font-weight: 500;
	font-size: 14px;
	line-height: 117.5%;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	color: #8F8F8F;
}
.modal-location__list a.current {
	color: rgba(0, 0, 0, 0.9);
}
.modal-location__list .icon {
	width: 14px;
	height: 14px;
}

@media (min-width: 992px) {
	.info-line {
		background-color: #fff;
	}
}
@media (max-width: 1365px) {
	.primary-menu {
		gap: 20px;
	}
	.stock-menu a {
		width: 140px;
	}
	.user-menu {
		width: 140px;
		min-width: 140px;
		padding: 15px;
	}
	.header-callback, .top-letter, .header-social {
		width: 140px;
	}
}
@media (max-width: 1199px) {
	.header-logo {
		margin-right: 20px;
	}
	.header-callback {
		display: none;
	}
	.primary-menu {
		gap: 14px;
	}
	.primary-menu a {
		font-size: 10px;
	}
	.main-adv__item .main-adv__icon img{
		min-width: 75px;
	}
}
@media (max-width: 991px) {
	.main-header {
		padding: 14px 0;
		background-color: #000;
	}
	.header-search, .top-line, .primary-menu, .stock-menu, .user-menu, .additional-line {
		display: none;
	}
	.header-logo {
		width: 80px;
		min-width: 80px;
	}
}
@media (max-width: 767px) {
	.header-logo {
		width: 62px;
		min-width: 62px;
	}
}
.hero-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.hero-slider {
	position: relative;
	width: var(--size);
	min-width: var(--size);
	overflow: hidden;
	z-index: 32;
}

.hero-item {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 512px;
	padding: 47px 42px 79px;
	/*background-size: contain;*/
	background-size: cover;
	background-repeat: no-repeat;
	/*background-position: left top;*/
	background-position: center;
	z-index: 10;
}
@media (min-width: 1500px){
	.hero-item{
		background-size: contain;
	}
}
.hero-item__bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
}
.hero-item__bg img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center top;
	object-position: center top;
}

.hero-item__title {
	max-width: 420px;
	margin-top: auto;
	font-weight: 400;
	font-size: 30px;
	line-height: 117.5%;
	color: rgba(255, 255, 255, 0.9);
	font-family: "SFProDisplay", sans-serif;
}

.hero-pagination {
	position: absolute;
	bottom: 36px;
	left: 0;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 26px;
	z-index: 1;
}

.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	background: rgba(255, 255, 255, 0.4);
	-webkit-transition: var(--dt);
	transition: var(--dt);
	cursor: pointer;
}

.swiper-pagination-bullet-active {
	background-color: #fff;
}

.hero-static {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.hero-letters {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.top-letter-divide {
	width: 100%;
	border-bottom: 1px solid #000;
	position: relative;
	z-index: 99;
}

img.letter-contain {
	margin-top: 10px;
	-o-object-fit: contain;
	object-fit: contain;
	height: auto;
}

.hero-products {
	position: relative;
}
.hero-products:hover {
	z-index: 51;
}

.hero-products-slider {
	position: absolute;
	width: 328px;
	z-index: 21;
	overflow: hidden;
}
.hero-products-slider:nth-child(1) {
	top: 0;
	left: -164px;
	-webkit-box-shadow: 1px 0 0 0 #000;
	box-shadow: 1px 0 0 0 #000;
}
.hero-products-slider:nth-child(2) {
	/*top: 33.333%;*/
	top: 171px;
	left: 2px;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}
.hero-products-slider:nth-child(2) .hero-product {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	text-align: right;
}
.hero-products-slider:nth-child(3) {
	/*top: 66.666%;*/
	/*top: 78%;*/
	top: 399px;
	left: 0;
	-webkit-transform: translateX(50%);
	transform: translateX(50%);
	margin-top: -57px;
}

.hero-product {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.hero-product::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: 4px solid #000;
	opacity: 0;
	-webkit-transition: var(--dt);
	transition: var(--dt);
	pointer-events: none;
	z-index: 31;
}
.hero-product:hover::before {
	opacity: 1;
}
.hero-product:hover .hero-product__content {
	background-color: #000;
}
.hero-product:hover * {
	color: #fff;
}

.hero-product__thumb {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 165px;
	height: 170px;
	overflow: hidden;
	min-width: 165px;
}
.hero-product__thumb img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.hero-product__content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 165px;
	height: 170px;
	min-width: 165px;
	padding: 18px;
	background-color: #fff;
	-webkit-transition: var(--dt);
	transition: var(--dt);
}

.hero-product__title {
	display: block;
	margin-top: auto;
	font: 500 14px/16px var(--fm);
	color: #000;
	-webkit-transition: var(--dt);
	transition: var(--dt);
}

.hero-product__price {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 26px;
	padding-top: 12px;
	font: 500 16px/19px var(--fm);
	-webkit-transition: var(--dt);
	transition: var(--dt);
}
.hero-product__price::before {
	content: "";
	position: absolute;
	top: 0;
	right: -11px;
	left: -11px;
	height: 1px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.hero-product__price a {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: inherit;
	-webkit-transition: none;
	transition: none;
}
.hero-product__price .icon {
	width: 22px;
	height: 22px;
	opacity: 0.8;
}

.hero-product-pagination {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 13px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 8px;
	z-index: 21;
}
.hero-product-pagination i, .hero-product-pagination .swiper-pagination-bullet {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 4px;
	height: 4px;
	border-radius: 20px;
	background-color: #8C8C8C;
	-webkit-transition: var(--dt);
	transition: var(--dt);
}
.hero-product-pagination i.active, .hero-product-pagination .swiper-pagination-bullet-active {
	width: 17px;
	background-color: #000;
}

.hero-product-next {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 24px;
	height: 33px;
	background-color: #000;
	color: rgba(255, 255, 255, 0.8);
	cursor: pointer;
	z-index: 61;
}
.hero-product-next .icon {
	width: 9px;
	height: 15px;
}

.hero-product-alt {
	-webkit-transition: var(--dt);
	transition: var(--dt);
	margin-left: 50%;
}
.hero-product-alt:hover {
	margin-left: 0;
}
.hero-product-alt:hover::before {
	content: none;
}
.hero-product-alt:hover * {
	color: #000;
}
.hero-product-alt:hover .hero-product__content {
	margin-left: 0;
	opacity: 1;
	visibility: visible;
	background-color: #fff;
}
.hero-product-alt .hero-product__title {
	text-decoration: underline;
	text-decoration-color: transparent;
}
.hero-product-alt .hero-product__title:hover {
	text-decoration-color: currentColor;
}
.hero-product-alt .hero-product__content {
	opacity: 0;
	visibility: hidden;
}

.hero-arrows {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: absolute;
	left: 10px;
	right: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 31;
	pointer-events: none;
}
.hero-arrows .slider-arrow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 44px;
	height: 84px;
	cursor: pointer;
	/*color: rgba(255, 255, 255, 0.8);*/
	color: #000;
	pointer-events: all;
	-webkit-transition: var(--dt);
	transition: var(--dt);
}
.hero-arrows .slider-arrow:hover {
	color: #fff;
}
.hero-arrows .icon {
	width: 14px;
	height: 33px;
	opacity: 0.8;
}

@media (max-width: 1365px) {
	.hero-products-slider {
		width: 280px;
	}
	.hero-products-slider:nth-child(1) {
		left: -141px;
	}
	.hero-product__thumb, .hero-product__content {
		width: 140px;
		min-width: 140px;
	}
}
@media (max-width: 991px) {
	.hero-slider {
		width: 100%;
	}
	.hero-products {
		display: none;
	}
	.hero-static {
		display: none;
	}
}
@media (max-width: 991px) {
	.hero-item {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		text-align: center;
		height: 728px;
		padding: 137px 20px;
	}
	.hero-item__logo {
		margin-top: auto;
		text-align: center;
	}
	.hero-item__logo img {
		max-width: 422px;
	}
	.hero-item__title {
		margin-top: 5px;
		font: 400 24px/28px var(--fm);
	}
	.swiper-pagination-bullet {
		width: 6px;
		height: 6px;
	}
	.hero-arrows {
		top: unset;
		bottom: -6px;
		right: 3px;
		left: 3px;
		-webkit-transform: none;
		transform: none;
	}
}
@media (max-width: 575px) {
	.hero-item__title {
		margin-top: 11px;
	}
	.hero-item__logo img {
		max-width: 299px;
	}
}
.s-categories {
	padding-top: 62px;
}

.categories__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 37px 48px;
}

.category__link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 21px 41px;
	text-align: center;
	font: 400 18px/21px var(--fm);
	letter-spacing: 0.03em;
	color: rgba(0, 0, 0, 0.9);
	border: 1px solid #000;
}
.category__link:hover {
	background-color: #000;
	color: #fff;
}

.category__link--more {
	border: none;
	text-decoration: underline;
}

@media (max-width: 991px) {
	.s-categories {
		padding-top: 41px;
	}
	.categories__list {
		gap: 12px 10px;
	}
	.category__link {
		padding: 11px 27px;
		font: 400 14px/16px var(--fm);
	}
	.category__link--more {
		padding: 11px 12px;
	}
}
.s-product-slider {
	position: relative;
	padding-top: 60px;
	z-index: 51;
}

.product-item {
	position: relative;
	/*border: 1px solid transparent;*/
	border-bottom: 0;
	-webkit-transition: var(--dt);
	transition: var(--dt);
	margin-bottom: 30px;
}

.product-item__thumb {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 275px;
	/*-webkit-box-shadow: 0 0 0 1px #DCDCDC;*/
	/*box-shadow: 0 0 0 1px #DCDCDC;*/
	-webkit-transition: var(--dt);
	transition: var(--dt);
	overflow: hidden;
}

.product-item__labels {
	position: absolute;
	top: 0;
	right: 0;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.product-item__label {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-width: 54px;
	padding: 11px;
	font: 500 14px/16px var(--fm);
	letter-spacing: 0.02em;
	color: #fff;
}

.product-item__label--new {
	background-color: #356A41;
}

.product-item__label--discount {
	background-color: #000;
}

.product-item__label--discount-alt {
	background-color: #FF4545;
}

.product-item__label--top {
	background-color: #000;
}

.product-item__thumb__link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

.product-item__content {
	padding-top: 10px;
	-webkit-transition: var(--dt);
	transition: var(--dt);
}

.product-item__title {
	display: block;
	font: 500 15px/18px var(--fm);
	color: #757575;
	/*min-height: 36px;*/
}

.product-item__prices {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 6px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.product-item__price {
	color: #757575;
	font: 500 16px/19px var(--fm);
}

.product-item__price-old {
	color: #AFAFAF;
	text-decoration-line: line-through;
	font: 500 16px/19px var(--fm);
}

.product-item__footer {
	/*position: absolute;*/
	/*top: 100%;*/
	/*right: -1px;*/
	/*left: -1px;*/
	padding-top: 8px;
	/*border: 1px solid #000;*/
	border-top: 0;
	/*opacity: 0;*/
	/*visibility: hidden;*/
	/*-webkit-transition: var(--dt);*/
	/*transition: var(--dt);*/
}

.product-item__favorite {
	position: absolute;
	right: 27px;
	bottom: calc(100% + 11px);
	color: #3C3C3C;
}
.product-item__favorite .icon {
	width: 19px;
	height: 19px;
}

.product-item__cart-link {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 40px;
	margin: -1px;
	background-color: rgba(0, 0, 0, 0.9);
	color: #fff;
	font: 500 14px/16px var(--fm);
	width: 130px;
}
.product-item__cart-link .icon {
	position: absolute;
	width: 17px;
	height: 16px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 10%;
}

.product-slider-container {
	position: relative;
}

.product-slider {
	position: relative;
	-webkit-transition: var(--dt);
	transition: var(--dt);
}
.product-slider .product-slide {
	/*width: 257px;*/
	width: 275px;
	margin-right: 28px;
	-webkit-transition: var(--dt);
	transition: var(--dt);
}
.product-slider .product-slide:hover {
	/*width: 301px;*/
	/*width: 270px;*/
}
.product-slider .product-slide:last-child {
	margin-right: 0;
}

.product-slider.translated {
	/*-webkit-transform: translateX(-22px);*/
	/*transform: translateX(-22px);*/
}

.product-arrow {
	position: absolute;
	right: -46px;
	top: 134px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 44px;
	height: 84px;
	color: rgba(255, 255, 255, 0.8);
	cursor: pointer;
	background-color: #000;
	-webkit-transition: var(--dt);
	transition: var(--dt);
	z-index: 51;
}
.product-arrow:hover {
	background-color: #222;
	color: #fff;
}
.product-arrow.swiper-button-disabled {
	opacity: 0;
	visibility: hidden;
}
.product-arrow .icon {
	width: 14px;
	height: 33px;
}

.product-prev {
	right: auto;
	left: -46px;
}
.product-prev .icon {
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}

.product-item__size {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 44px;
	height: 38px;
	border: 1px solid rgba(0, 0, 0, 0.15);
	font: 400 15px/18px var(--fm);
	letter-spacing: 0.02em;
	color: rgba(0, 0, 0, 0.35);
	cursor: pointer;
	-webkit-transition: var(--dt);
	transition: var(--dt);
}
.product-item__size.current {
	border-color: #000;
	color: #000;
}
.product-item__size.not-available {
	color: #FF4545;
	border-color: #FF4545;
	pointer-events: none;
}

.product-item__sizes {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	gap: 12px;
	position: absolute;
	top: 13px;
	left: 65px;
	right: 11px;
	opacity: 0;
	-webkit-transition: var(--dt);
	transition: var(--dt);
}
.product-item__sizes::before {
	content: "";
	position: absolute;
	top: 0;
	right: -8px;
	bottom: 0;
	width: 64px;
	background: linear-gradient(270.92deg, #fff 0.79%, rgba(255, 255, 255, 0) 148.43%);
	z-index: 21;
	pointer-events: none;
}
.product-item__sizes.expanded .sizes-slider {
	width: 100%;
}
.product-item__sizes.expanded .btn-sizes-expand {
	display: none;
}

.btn-sizes-expand {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 36px;
	height: 38px;
	cursor: pointer;
	color: #A4A4A4;
}
.btn-sizes-expand:hover {
	color: #000;
}
.btn-sizes-expand .icon {
	width: 8px;
	height: 14px;
}

.sizes-slider {
	width: 160px;
	overflow: hidden;
}
.sizes-slider:not(.swiper-initialized) .swiper-slide {
	margin-right: 12px;
}
.sizes-slider .swiper-slide {
	width: auto;
}

.product-item__colors {
	position: absolute;
	top: 50%;
	right: 17px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	padding: 15px 13px 12px;
	border: 1px solid rgba(0, 0, 0, 0.25);
	border-radius: 21px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: var(--dt);
	transition: var(--dt);
}

.product-item__color {
	position: relative;
	display: block;
	width: 13px;
	height: 13px;
	margin-bottom: 16px;
	border-radius: 50%;
	cursor: pointer;
}
.product-item__color::after {
	content: "";
	position: absolute;
	top: -4px;
	right: -4px;
	bottom: -4px;
	left: -4px;
	border-radius: 50%;
	border: 1px solid #000;
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: var(--dt);
	transition: var(--dt);
}
.product-item__color:nth-child(n+4) {
	display: none;
}
.product-item__color.current::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.colors-toggle {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	margin-top: 10px;
	color: #A4A4A4;
	cursor: pointer;
}
.colors-toggle:hover {
	color: #000;
}
.colors-toggle.open {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.colors-toggle .icon {
	width: 13px;
	height: 8px;
}

.product-item:hover {
	border-color: #000;
}

.product-item:hover .product-item__title {
	color: rgba(0, 0, 0, 0.9);
}
.product-item:hover .product-item__footer, .product-item:hover .product-item__sizes, .product-item:hover .product-item__colors {
	opacity: 1;
	visibility: visible;
}

@media (max-width: 991px) {
	.s-product-slider {
		overflow: hidden;
		padding: 41px 0 40px;
	}
	.product-arrow {
		width: 32px;
		height: 64px;
		right: -20px;
	}
	.product-prev {
		left: -20px;
	}
}
.tabs--filter {
	margin: 0 0 82px;
}

.tabs-links--filter {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 0 41px;
	gap: 0 110px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	font: 300 20px/1.175 var(--fm);
	color: #3D3D3D;
}
.tabs-links--filter .tab-link {
	padding: 0 10px 26px;
	cursor: pointer;
	-webkit-transition: var(--dt);
	transition: var(--dt);
}
.tabs-links--filter .tab-link.current {
	color: rgba(0, 0, 0, 0.9);
	-webkit-box-shadow: 0 1px 0 0 #000;
	box-shadow: 0 1px 0 0 #000;
	font-weight: 500;
}

.filter-reset {
	position: absolute;
	right: 0;
	bottom: 16px;
}

.filter-reset__link {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #000;
}
.filter-reset__link:hover {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
.filter-reset__link .icon {
	width: 30px;
	height: 30px;
}

.row--filter-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 21px 0;
	padding: 0 5vw;
}

.catalog-filter__apply {
	margin: 64px 0 0;
	text-align: center;
}
.catalog-filter__apply .btn {
	width: 230px;
	max-width: 100%;
}

.catalog-filter__price {
	max-width: 878px;
	margin: 0 auto;
}

.filter-prices__row {
	gap: 28px;
}
.filter-prices__row .form-control {
	width: 156px;
}

.filter-prices__group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 16px;
}
.filter-prices__group .caption {
	font: 400 18px/1.175 var(--fm);
}

.filter-price__main {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	margin: 82px 0 0;
	gap: 80px;
}

.filter-price__value {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.js-range-filter {
	position: absolute !important;
	display: block !important;
	top: 0 !important;
	left: 0 !important;
	width: 0 !important;
	height: 0 !important;
	font-size: 0 !important;
	line-height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	overflow: hidden;
	outline: none !important;
	z-index: -9999 !important;
	background: none !important;
	border-style: solid !important;
	border-color: transparent !important;
}

.irs {
	height: 41px;
}

.irs--round .irs-line {
	position: absolute;
	width: 100%;
	top: auto;
	bottom: 0;
	left: 0;
	height: 1px;
	background-color: #C7C7C7;
}

.irs--round .irs-bar {
	top: auto;
	bottom: 0;
	height: 1px;
	background-color: #000;
}

.irs--round .irs-handle {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	top: auto;
	bottom: 0;
	width: 24px;
	height: 8px;
	background-color: #000;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	border-radius: 0;
}
.irs--round .irs-handle:hover {
	background-color: #222;
}

.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single {
	padding: 0;
	background-color: transparent;
	font: 400 18px/1.175 var(--fm);
	letter-spacing: 0.03em;
	color: rgba(0, 0, 0, 0.9);
}
.irs--round .irs-from::before, .irs--round .irs-to::before, .irs--round .irs-single::before {
	content: none;
}

.products-alt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 52px 30px;
}

.product-alt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: calc(50% - 15px);
	gap: 27px;
}

.product-alt__thumb {
	--size: 191px;
	position: relative;
	width: var(--size);
	height: var(--size);
	min-width: var(--size);
}
.product-alt__thumb a {
	width: 100%;
	height: 100%;
}

.product-alt__title {
	display: block;
	margin: 0 0 12px;
	color: #000;
	font: 500 20px/24px var(--fm);
}
.product-alt__title:hover {
	color: #8F8F8F;
}

.product-alt__description {
	color: rgba(61, 61, 61, 0.9);
	font: 300 16px/19px var(--fm);
}
.product-alt__description a {
	color: #FF4545;
	text-decoration: underline;
}
.product-alt__description a:hover {
	text-decoration-color: transparent;
}

.product-alt__prices {
	--width: 150px;
	width: var(--width);
	min-width: var(--width);
	margin-left: auto;
	font: 400 24px/29px var(--fm);
	letter-spacing: -0.01em;
	white-space: nowrap;
}

.product-alt__price {
	font-weight: 600;
}

.product-alt__price-old {
	margin: 8px 0 0;
	text-decoration-line: line-through;
	color: #838383;
}

@media (min-width: 1200px) {
	.s-catalog-filter .s-product-slider, .s-catalog-filter .s-blogs {
		padding: 82px 0 0;
	}
}
@media (max-width: 1365px) {
	.products-alt {
		gap: 30px;
	}
	.product-alt__thumb {
		--size: 120px;
	}
}
@media (max-width: 1199px) {
	.tabs-links--filter {
		gap: 30px;
		font-size: 18px;
	}
	.tabs-links--filter .tab-link {
		padding: 0 10px 12px;
	}
	.filter-price__main {
		margin: 32px 0 0;
	}
	.catalog-filter__apply {
		margin: 32px 0 0;
	}
	.product-alt {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		gap: 20px;
	}
	.product-alt__title {
		font-size: 16px;
	}
	.product-alt__prices {
		--width: 100px;
		font: 400 18px/1.2 var(--fm);
	}
}
@media (max-width: 991px) {
	.filter-price__main {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		gap: 32px;
	}
	.filter-price__value {
		width: 100%;
		padding: 0 20px;
	}
	.irs {
		height: 32px;
	}
	.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single {
		font-size: 14px;
	}
	.product-alt {
		width: 100%;
	}
}
@media (max-width: 767px) {
	.filter-prices__row .form-control {
		width: 110px;
	}
	.tabs-links--filter {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		white-space: nowrap;
		overflow-x: auto;
		gap: 0 15px;
	}
	.tabs-links--filter .tab-link {
		padding: 0 0 10px;
	}
	.filter-reset {
		display: none;
	}
	.row--filter-list {
		padding: 0;
	}
}
@media (max-width: 575px) {
	.filter-prices__row {
		gap: 20px;
	}
	.filter-prices__row .form-control {
		width: 90px;
		padding: 12px;
	}
	.product-alt {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.product-alt__content {
		width: calc(100% - 120px);
	}
	.product-alt__thumb {
		--size: 100px;
	}
	.product-alt__prices {
		width: 100%;
		padding-left: 120px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		gap: 20px;
	}
	.product-alt__price-old {
		margin: 0;
	}
}
.s-partners {
	margin-top: 116px;
	padding: 45px 0 38px;
	background-color: #000;
}

.partner-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 175px;
	height: 115px;
}

.partners-slider:not(.swiper-initialized) .swiper-slide {
	margin-right: 63px;
}
.partners-slider .swiper-slide {
	width: auto;
}

@media (max-width: 991px) {
	.s-partners {
		margin-top: 56px;
		padding: 42px 0 46px;
	}
	.partners-slider.swiper-grid-column .swiper-wrapper {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		height: 250px;
	}
	.partners-slider.swiper-grid-column .swiper-slide {
		width: 180px;
		height: 70px;
	}
	.partner-item {
		width: 180px;
		height: 70px;
	}
}
@media (max-width: 575px) {
	.partners-slider.swiper-grid-column .swiper-slide, .partner-item {
		width: 120px;
		height: 70px;
	}
}
.s-video {
	padding-top: 85px;
}

.video-fullwidth {
	position: relative;
}
.video-fullwidth img {
	display: block;
	width: 100%;
}

.embed-video {
	display: block;
	width: 100%;
}

.video-fullwidth .triangle-play {
	-webkit-transform: translate(-50%, -50%) scale(2.5);
	transform: translate(-50%, -50%) scale(2.5);
}

.video-title {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 48px;
	max-width: 851px;
	color: #fff;
	font: 500 64px/75px "SpectralSC", sans-serif;
}

.video-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 58px;
	margin-top: 50px;
}
.video-list::-webkit-scrollbar {
	display: none;
}

.video-item {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: calc(33.333% - 39px);
}

.video-item__thumb {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.video-item__thumb:hover .triangle-play {
	opacity: 1;
}
.video-item__thumb img {
	display: block;
	width: 100%;
}

.triangle-play {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff;
	opacity: 0.7;
	-webkit-transition: var(--dt);
	transition: var(--dt);
	z-index: 21;
}
.triangle-play .icon {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 42px;
	height: 47px;
}

.video-item__title {
	display: block;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	padding: 27px 0 37px;
	border-bottom: 1px solid #000;
	color: #000;
	font: 500 16px/20px var(--fm);
}
.video-item__title:hover {
	color: #DA2F77;
}

@media (max-width: 991px) {
	.s-video {
		padding-top: 63px;
	}
	.video-title {
		top: auto;
		-webkit-transform: none;
		transform: none;
		bottom: 76px;
		left: 36px;
		max-width: 400px;
		font-size: 28px;
		line-height: 117.5%;
	}
	.video-list {
		margin-top: 26px;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		gap: 20px;
		overflow-x: auto;
		margin-right: -20px;
		padding-right: 20px;
	}
	.video-item {
		width: 255px;
		min-width: 255px;
	}
	.video-item__title {
		padding: 16px 0 12px;
		font-size: 12px;
		line-height: 124.5%;
	}
}
@media (max-width: 575px) {
	.video-fullwidth .embed-video, .video-fullwidth img {
		height: 375px;
		-o-object-fit: cover;
		object-fit: cover;
	}
	.video-title {
		left: 15px;
		max-width: 262px;
		font-size: 22px;
		line-height: 117.5%;
	}
	.video-list {
		margin-top: 20px;
	}
	.video-item {
		width: 200px;
		min-width: 200px;
	}
	.triangle-play .icon {
		width: 25px;
		height: 25px;
	}
}
.s-banners {
	padding-top: 71px;
}

.banner__content {
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	gap: 42px;
	background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(rgba(245, 245, 245, 0)));
	background: linear-gradient(180deg, #F5F5F5 0%, rgba(245, 245, 245, 0) 100%);
}

.banner__title {
	font: 400 34px/1 var(--fm);
}
.banner__title strong {
	font-weight: 400;
	font-size: 48px;
}

.banner__thumb img {
	display: block;
	width: 100%;
}

.banner-slider {
	position: relative;
}
.banner-slider .slider-arrows {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	pointer-events: none;
	z-index: 21;
}
.banner-slider .slider-arrow {
	pointer-events: all;
}
.banner-slider .slider-arrow:hover {
	opacity: 1;
}
.banner-slider .slider-arrow .icon {
	width: 36px;
	height: 60px;
}
.banner-slider .slider-prev {
	color: #fff;
}
.banner-slider .slider-next {
	opacity: 0.8;
}

.technology {
	padding: 76px 49px 105px;
}

.technology__title {
	max-width: 540px;
	margin-bottom: 23px;
	font-weight: 400;
	font-size: 34px;
	line-height: 133.5%;
	font-family: "SFProDisplay", sans-serif;
	color: rgba(0, 0, 0, 0.9);
}

.technology__description {
	font: 500 18px/29px var(--fm);
	letter-spacing: 0.02em;
	color: #757575;
}

.advantages {
	height: 100%;
	padding: 107px 79px;
	background-color: #F6F6F6;
}

.advantage-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 58px;
	gap: 68px;
}
.advantage-item img{
	max-width: 47px;
}
.advantage-item:last-child {
	margin-bottom: 0;
}

.advantage-item__description {
	font: 400 20px/24px var(--fm);
	letter-spacing: 0.02em;
}

@media (max-width: 991px) {
	.banner {
		position: relative;
	}
	.col-banner-content {
		position: static;
	}
	.banner__content {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		padding: 51px 20px;
		gap: 33px;
		background: none;
		color: #fff;
	}
	.banner__content .btn {
		width: 475px;
		max-width: 100%;
		color: #fff;
		border-color: #fff;
	}
	.banner__content .btn:hover {
		background-color: rgba(255, 255, 255, 0.6);
		color: #000;
	}
	.banner-slider .slider-next {
		opacity: 1;
		color: #fff;
	}
	.technology {
		padding: 51px 20px 100px;
	}
	.technology__title {
		max-width: unset;
		margin-bottom: 16px;
		font-size: 26px;
		line-height: 133.5%;
	}
	.technology__description {
		font-size: 14px;
		line-height: 160.5%;
	}
	.advantages {
		padding: 40px 38px;
	}
	.advantage-item {
		gap: 73px;
	}
	.advantage-item__description {
		font-size: 16px;
		line-height: 19px;
	}
}
@media (max-width: 575px) {
	.banner__thumb img {
		height: 519px;
		-o-object-fit: cover;
		object-fit: cover;
	}
	.banner__content {
		gap: 72px;
	}
	.banner__title {
		font-size: 26px;
	}
	.banner__title strong {
		font-size: 38px;
	}
	.technology {
		padding: 41px 20px;
	}
	.advantages {
		padding: 40px 30px;
	}
	.advantage-item {
		margin-bottom: 30px;
		gap: 40px;
	}
	.advantage-item img {
		max-width: 30px;
	}
	.advantage-item__description {
		font-size: 14px;
		line-height: 17px;
	}
}
.s-blogs {
	padding: 77px 0 51px;
}

.blog-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 31px;
	gap: 62px;
}
.blog-list::-webkit-scrollbar {
	display: none;
}

.blog-item {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: calc(33.333% - 42px);
}

.blog-item__thumb {
	position: relative;
	margin-bottom: 15px;
	overflow: hidden;
}
.blog-item__thumb:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.blog-item__thumb img {
	display: block;
	width: 100%;
	-webkit-transition: var(--dt);
	transition: var(--dt);
}

.blog-item__content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	padding: 0 10px;
}

.blog-item__title {
	/*position: absolute;*/
	/*top: 0;*/
	/*right: 0;*/
	/*bottom: 0;*/
	/*left: 0;*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	/*padding: 23px 25px;*/
	color: #000;
	font: 500 20px/25px var(--fm);
	letter-spacing: 0.02em;
}
.blog-item__thumb .blog-item__title{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 23px 25px;
	color: #fff;
	font: 500 20px/25px var(--fm);
	letter-spacing: 0.02em;
}

.blog-item__date {
	margin-bottom: 11px;
	letter-spacing: 0.02em;
	color: #A4A4A4;
	font: 400 16px/124.5% var(--fm);
}

.blog-item__description {
	display: block;
	margin-top: 10px;
	color: #000;
	font: 500 16px/124.5% var(--fm);
	letter-spacing: 0.02em;
}
.blog-item__description:hover {
	color: #666;
}

@media (max-width: 991px) {
	.s-blogs {
		padding: 40px 0 50px;
	}
	.s-blogs .section__link {
		display: none;
	}
	.blog-list {
		margin-top: 33px;
		margin-right: -20px;
		padding-right: 20px;
		gap: 40px;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		overflow-x: auto;
	}
	.blog-item {
		width: 425px;
		min-width: 425px;
	}
	.blog-item__thumb {
		margin-bottom: 24px;
	}
	.blog-item__title {
		padding: 24px 0;
		font-size: 20px;
		line-height: 124.5%;
	}
	.blog-item__date {
		font-size: 14px;
		line-height: 124.5%;
	}
	.blog-item__description {
		max-width: 343px;
		font-size: 14px;
		line-height: 124.5%;
	}
}
@media (max-width: 575px) {
	.blog-list {
		gap: 23px;
	}
	.blog-item {
		width: 235px;
		min-width: 235px;
	}
	.blog-item__title {
		padding: 14px 7px;
		font-size: 16px;
		line-height: 120%;
	}
}
.s-map {
	position: relative;
	height: 359px;
}
.s-map::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: linear-gradient(89.93deg, rgba(255, 255, 255, 0.9) 5.14%, rgba(255, 255, 255, 0) 84.89%);
	pointer-events: none;
}

.map-content {
	position: absolute;
	top: 50px;
	bottom: 48px;
	left: 48px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	z-index: 51;
	pointer-events: none;
}

.map-search {
	position: relative;
	width: 600px;
	max-width: 100%;
	pointer-events: all;
}
.map-search .form-control {
	display: block;
	width: 100%;
	padding: 26px 25px;
	background-color: #FFFFFF;
	-webkit-box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.07);
	box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.07);
	font: 400 18px/21px var(--fm);
	border: none;
	color: #000;
}
.map-search .form-control::-webkit-input-placeholder {
	font: inherit;
	color: #A4A4A4;
}
.map-search .form-control::-moz-placeholder {
	font: inherit;
	color: #A4A4A4;
}
.map-search .form-control:-ms-input-placeholder {
	font: inherit;
	color: #A4A4A4;
}
.map-search .form-control::-ms-input-placeholder {
	font: inherit;
	color: #A4A4A4;
}
.map-search .form-control::placeholder {
	font: inherit;
	color: #A4A4A4;
}
.map-search .btn-submit {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 26px 30px;
	background-color: transparent;
	color: #DCDCDC;
}
.map-search .btn-submit .icon {
	width: 33px;
	height: 33px;
}

@media (max-width: 991px) {
	.s-map {
		height: 205px;
	}
	.s-map .section__title {
		margin-bottom: 21px;
		font-weight: 300;
		font-size: 24px;
		line-height: 114%;
	}
	.map-search {
		width: 341px;
	}
	.map-search .form-control {
		padding: 14px;
		font-weight: 400;
		font-size: 14px;
		line-height: 17px;
	}
	.map-search .btn-submit {
		padding: 14px;
	}
	.map-search .btn-submit .icon {
		width: 18px;
		height: 18px;
	}
}
@media (max-width: 575px) {
	.s-map {
		height: 293px;
	}
	.map-content {
		left: 20px;
		right: 20px;
		bottom: 24px;
	}
	.map-search {
		width: 341px;
	}
}
.main-footer {
	padding: 74px 0 16px;
	background-color: #000;
	color: #fff;
}
.main-footer .container {
	max-width: 1143px;
}

.footer-info {
	margin-bottom: 49px;
	text-align: center;
}

.footer-info__suptitle {
	margin-bottom: 16px;
	font-family: "SFProDisplay", sans-serif;
	font-weight: 400;
	font-size: 13px;
	line-height: 139.84%;
	letter-spacing: 2px;
	text-transform: uppercase;
	opacity: 0.6;
}

.footer-info__title {
	margin-bottom: 23px;
	font-family: "Alice", sans-serif;
	font-weight: 400;
	font-size: 48px;
	line-height: 55px;
}

.footer-info__description {
	max-width: 560px;
	margin: 0 auto;
	font-family: "SFProDisplay Regular", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 33px;
	mix-blend-mode: normal;
	opacity: 0.8;
}

.footer-subscribe {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 223px;
	margin: 0 auto;
}
.footer-subscribe .caption {
	display: none;
	margin-bottom: 16px;
	font: 400 14px/17px var(--fm);
	color: rgba(255, 255, 255, 0.5);
}
.footer-subscribe .form-control {
	height: 48px;
	padding: 15px 20px;
	border: 1px solid #fff;
	background-color: transparent;
	text-align: center;
	font: 400 14px/17px var(--fm);
	color: #fff;
	caret-color: #fff;
}
.footer-subscribe .form-control::-webkit-input-placeholder {
	color: inherit;
	opacity: 1;
	font: inherit;
}
.footer-subscribe .form-control::-moz-placeholder {
	color: inherit;
	opacity: 1;
	font: inherit;
}
.footer-subscribe .form-control:-ms-input-placeholder {
	color: inherit;
	opacity: 1;
	font: inherit;
}
.footer-subscribe .form-control::-ms-input-placeholder {
	color: inherit;
	opacity: 1;
	font: inherit;
}
.footer-subscribe .form-control::placeholder {
	color: inherit;
	opacity: 1;
	font: inherit;
}
.footer-subscribe .form-control:focus::-webkit-input-placeholder {
	opacity: 0;
}
.footer-subscribe .form-control:focus::-moz-placeholder {
	opacity: 0;
}
.footer-subscribe .form-control:focus:-ms-input-placeholder {
	opacity: 0;
}
.footer-subscribe .form-control:focus::-ms-input-placeholder {
	opacity: 0;
}
.footer-subscribe .form-control:focus::placeholder {
	opacity: 0;
}
.footer-subscribe .btn-submit {
	width: 36px;
	height: 48px;
	margin-left: -1px;
	background-color: transparent;
	color: #fff;
	border: 1px solid #fff;
}
.footer-subscribe .btn-submit:hover {
	background-color: #fff;
	color: #000;
}
.footer-subscribe .btn-submit .icon {
	width: 12px;
	height: 21px;
}

.footer-line {
	margin-top: 34px;
	padding-top: 26px;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.footer-line {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.scroll-top {
	position: fixed;
	left: 40px;
	bottom: 40px;
	z-index: 999;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 40px;
	height: 48px;
	color: #fff;
	border: 1px solid #fff;
	background-color: #000;
}
.scroll-top:hover {
	background-color: #fff;
	-webkit-box-shadow: 0 0 0 1px #000;
	box-shadow: 0 0 0 1px #000;
	color: #000;
}
.scroll-top .icon {
	width: 21px;
	height: 12px;
}

@media (min-width: 992px) {
	.scroll-top:hover {
		background-color: #fff;
		-webkit-box-shadow: 0 0 0 1px #000;
		box-shadow: 0 0 0 1px #000;
		color: #000;
	}
}
.footer-logo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	width: 150px;
}

.footer-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 auto;
	gap: 131px;
}

.footer-nav__list a {
	color: #fff;
	font: 400 14px/1.6 var(--fm);
	opacity: 0.7;
}
.footer-nav__list a:hover {
	opacity: 1;
}

.footer-nav__list--secondary {
	margin-top: 19px;
}
.footer-nav__list--secondary a {
	opacity: 0.4;
}
.footer-nav__list--secondary a:hover {
	opacity: 1;
}

.footer-contacts {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.footer-social {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	gap: 21px;
}
.footer-social a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 14px;
}
.footer-social li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.footer-social li:last-child a {
	padding-right: 0;
}

.footer-callback-link {
	height: 42px;
	width: 150px;
	margin-top: auto;
	padding: 14px;
	font: 500 14px/16px var(--fm);
}

.footer-phone {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 12px;
	color: #fff;
	font: 400 14px/15px var(--fm);
	color: rgba(255, 255, 255, 0.9);
	mix-blend-mode: normal;
	opacity: 0.8;
}
.footer-phone:hover {
	opacity: 1;
}

.footer-copy {
	margin-bottom: 5px;
	color: #fff;
	font: 400 14px/15px var(--fm);
	color: rgba(255, 255, 255, 0.9);
	mix-blend-mode: normal;
	opacity: 0.8;
}

.foter-documents-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 17px;
}
.foter-documents-link a {
	display: block;
	font: 400 14px/1.1666 var(--fm);
	text-decoration-line: underline;
	color: rgba(255, 255, 255, 0.5);
	mix-blend-mode: normal;
	opacity: 0.8;
}
.foter-documents-link a:hover {
	opacity: 1;
	text-decoration-color: transparent;
}

.footer-developer {
	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;
	gap: 1px;
	font: 400 14px/14px var(--fm);
	color: rgba(255, 255, 255, 0.5);
}

.footer-payments {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.footer-logo-mobile, .btn--callback-mobile {
	display: none;
}

@media (max-width: 991px) {
	.main-footer {
		position: relative;
		padding: 43px 0 22px;
	}
	.footer-info {
		margin-bottom: 31px;
	}
	.footer-info__suptitle {
		margin-bottom: 9px;
		font-size: 10px;
		line-height: 139.84%;
	}
	.footer-info__title {
		margin-bottom: 38px;
		font-size: 36px;
		line-height: 41px;
	}
	.footer-info__description {
		max-width: 361px;
		font-size: 12px;
		line-height: 16px;
	}
	.footer-logo-mobile {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-bottom: 31px;
	}
	.footer-logo {
		margin: 0;
		width: auto;
	}
	.footer-subscribe {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 341px;
		max-width: 100%;
	}
	.footer-subscribe .caption {
		display: block;
		text-align: center;
		width: 100%;
	}
	.footer-subscribe .form-control {
		width: calc(100% - 37px);
	}
	.btn--callback-mobile {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 341px;
		max-width: 100%;
		margin: 24px auto 0;
		height: 48px;
		font-weight: 400;
		font-size: 14px;
		line-height: 17px;
	}
	.footer-contacts {
		display: none;
	}
	.footer-line {
		position: static;
		margin-top: 31px;
		padding-top: 0;
		border: 0;
	}
	.footer-line .footer-logo {
		display: none;
	}
	.footer-nav {
		width: 425px;
		max-width: 100%;
		margin-bottom: 28px;
		gap: 10px;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.col-footer-payments {
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1;
	}
	.footer-phone, .foter-documents-link {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.footer-social {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: 26px;
	}
	.footer-social a {
		padding: 0;
	}
	.footer-copy {
		text-align: center;
	}
	.footer-payments {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin: 0 -20px 30px;
		padding: 0 20px 30px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	}
	.footer-developer {
		margin-top: 17px;
	}
	.scroll-top {
		left: 20px;
		bottom: 26px;
		width: 48px;
		height: 30px;
	}
}
@media (max-width: 575px) {
	.main-footer {
		padding: 52px 0 111px;
	}
	.footer-info {
		margin-bottom: 37px;
	}
	.footer-social {
		margin-top: 19px;
	}
	.footer-developer {
		margin-top: 22px;
	}
}
.page-header {
	padding: 58px 0 63px;
}

.page-title {
	margin-bottom: 16px;
	font: 200 48px/1.1875 var(--fm);
}

.page-hero img {
	display: block;
	width: 100%;
}

.breadcrumbs-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	font: 400 14px/117% var(--fm);
	letter-spacing: 0.03em;
}
.breadcrumbs-list li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.breadcrumbs-list li::after {
	content: "/";
	margin: 0 12px;
}
.breadcrumbs-list li:last-child::after {
	content: none;
}
.breadcrumbs-list a {
	color: rgba(0, 0, 0, 0.9);
	text-decoration: underline;
	text-decoration-color: transparent;
}
.breadcrumbs-list a:hover {
	text-decoration-color: currentColor;
}
.breadcrumbs-list span {
	color: rgb(164, 164, 164);
}

.page-description {
	max-width: 1282px;
	margin-bottom: 28px;
	color: rgba(0, 0, 0, 0.9);
	font: 400 16px/130% var(--fm);
	letter-spacing: 0.02em;
}

.load-more {
	margin-top: 82px;
	text-align: center;
}
.load-more .btn {
	width: 346px;
	height: 73px;
	background-color: #000;
	border: 1px solid #000;
	color: #fff;
}
.load-more .btn:hover {
	background-color: #fff;
	color: #000;
}

.pagination {
	text-align: center;
}

.pagination-list {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 34px;
}
.pagination-list li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.pagination-list a, .pagination-list span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 50px;
	height: 48px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font: 700 16px/1 var(--fm);
	letter-spacing: 0.02em;
	color: rgba(0, 0, 0, 0.9);
	border: 1px solid transparent;
}
.pagination-list span {
	background-color: #000;
	color: #fff;
	font-weight: 500;
}
.pagination-list a:hover {
	border-color: #000;
}

@media (max-width: 991px) {
	.page-title {
		font-size: 36px;
	}
	.load-more {
		margin-top: 64px;
	}
	.load-more .btn {
		width: auto;
		height: auto;
	}
	.pagination-list {
		gap: 15px;
	}
}
@media (max-width: 575px) {
	.page-header {
		padding: 44px 0 32px;
	}
	.page-description {
		font-size: 14px;
	}
	.pagination-list a, .pagination-list span {
		width: 36px;
		height: 36px;
	}
	.load-more {
		margin-top: 32px;
	}
}
.s-brands, .s-inner {
	padding: 0 0 198px;
}

.brands-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.brands-list .brand-item {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 25%;
	-webkit-box-shadow: 0 0 0 1px #000;
	box-shadow: 0 0 0 1px #000;
	background-color: #fff;
}
.brands-list .brand-item::after {
	content: "";
	display: block;
	width: 100%;
	padding-bottom: 100%;
}
.brands-list .brand-item:hover {
	background-color: #000;
}
.brands-list .brand-item:hover img {
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}
.brands-list .brand-item img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 90%;
	max-height: 90%;
}

@media (max-width: 1199px) {
	.s-brands, .s-inner {
		padding-bottom: 120px;
	}
}
@media (max-width: 767px) {
	.s-brands, .s-inner {
		padding-bottom: 90px;
	}
	.brands-list .brand-item {
		width: 33.333%;
	}
}
@media (max-width: 575px) {
	.s-brands {
		padding-bottom: 64px;
	}
	.brands-list .brand-item {
		width: 50%;
	}
}
.toggle-dropdown {
	position: relative;
}
.toggle-dropdown::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	height: 1px;
	width: 100vw;
	border-bottom: 1px solid #000;
}
.toggle-dropdown.open .toggle-dropdown__toggler {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.toggle-dropdown__title {
	font: 300 40px/1.2 var(--fm);
	letter-spacing: 0.01em;
}

.toggle-dropdown__head {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 30px;
	padding: 45px 0;
	cursor: pointer;
}

.toggle-dropdown__toggler {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 29px;
	min-width: 29px;
	-webkit-transition: var(--dt);
	transition: var(--dt);
	opacity: 0.8;
}
.toggle-dropdown__toggler .icon {
	width: 29px;
	height: 18px;
}

.toggle-dropdown__body {
	display: none;
	padding-bottom: 45px;
	color: rgba(0, 0, 0, 0.9);
	font: 400 16px/130% var(--fm);
	letter-spacing: 0.02em;
}

@media (max-width: 1199px) {
	.toggle-dropdown__head {
		padding: 32px 0;
	}
	.toggle-dropdown__title {
		font-size: 26px;
	}
	.toggle-dropdown__body {
		padding-bottom: 32px;
	}
}
@media (max-width: 767px) {
	.toggle-dropdown__head {
		padding: 21px 0;
	}
	.toggle-dropdown__title {
		font-size: 21px;
	}
	.toggle-dropdown__toggler {
		width: 21px;
		min-width: 21px;
		margin-left: auto;
	}
}
@media (max-width: 575px) {
	.toggle-dropdown__title {
		font-size: 18px;
	}
	.toggle-dropdown__body {
		font-size: 14px;
	}
}
.categories__list--blog {
	margin-bottom: 116px;
	gap: 25px;
}

.blog__list {
	margin-bottom: 125px;
}

.blog-alt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	gap: 50px;
	max-width: 1105px;
	margin-bottom: 100px;
}
.blog-alt:last-child {
	margin-bottom: 0;
}

.blog-alt__thumb {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 410px;
	min-width: 410px;
	overflow: hidden;
}
.blog-alt__thumb:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.blog-alt__thumb img {
	display: block;
	width: 100%;
	-webkit-transition: var(--dt);
	transition: var(--dt);
}
.blog-alt__thumb.mini img{
	width: auto!important;
}
.blog-alt__date {
	margin: 0 0 25px;
	font: 400 14px/124.5% var(--fm);
	letter-spacing: 0.02em;
	color: rgb(164, 164, 164);
}

.blog-alt__time {
	margin-left: 10px;
}

.blog-alt__title {
	display: block;
	margin-bottom: 32px;
	letter-spacing: 0.02em;
	color: rgba(0, 0, 0, 0.9);
	font: 400 30px/119.5% "SFProDisplay", sans-serif;
}
.blog-alt__title:hover {
	color: #999;
}

.blog-alt__description {
	margin-bottom: 14px;
	font: 400 15px/156% var(--fm);
}
.blog-alt__description a {
	color: rgb(53, 120, 186);
	text-decoration: underline;
	text-decoration-color: currentColor;
	white-space: nowrap;
}
.blog-alt__description a:hover {
	text-decoration-color: transparent;
}

.blog-alt__tags {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 11px;
}

.blog-alt__tag {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 5px 10px;
	font: 400 12px/124.5% var(--fm);
	border: 1px solid #444444;
	letter-spacing: 0.02em;
	color: #444444;
}
.blog-alt__tag:hover {
	background-color: #444444;
	color: #fff;
}

@media (min-width: 1366px) {
	.blog__list {
		padding: 0 52px;
	}
}
@media (max-width: 991px) {
	.categories__list--blog {
		margin-bottom: 64px;
	}
	.blog__list {
		margin-bottom: 64px;
	}
	.blog-alt {
		margin-bottom: 32px;
		gap: 30px;
	}
	.blog-alt__thumb {
		width: 320px;
		min-width: 320px;
	}
}
@media (max-width: 767px) {
	.categories__list--blog {
		margin-bottom: 32px;
		gap: 15px;
	}
	.blog-alt__thumb {
		width: 280px;
		min-width: 280px;
	}
	.blog-alt__title {
		margin-bottom: 16px;
		font-size: 21px;
	}
	.blog-alt__description {
		font-size: 14px;
	}
}
@media (max-width: 575px) {
	.blog__list {
		margin-bottom: 32px;
	}
	.blog-alt {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.blog-alt__date {
		margin: 0 0 12px;
	}
}
.vacancies-form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 154px 0 20px;
	padding-right: 70px;
}
.vacancies-form.inactive {
	opacity: 0.25;
}
.vacancies-form .form-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0;
	padding: 0 18px 23px;
	gap: 15px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.vacancies-form .form-control {
	padding: 0;
	border: 0;
	font: 300 20px/117.5% var(--fm);
}
.vacancies-form .form-control::-webkit-input-placeholder {
	color: rgba(0, 0, 0, 0.9);
}
.vacancies-form .form-control::-moz-placeholder {
	color: rgba(0, 0, 0, 0.9);
}
.vacancies-form .form-control:-ms-input-placeholder {
	color: rgba(0, 0, 0, 0.9);
}
.vacancies-form .form-control::-ms-input-placeholder {
	color: rgba(0, 0, 0, 0.9);
}
.vacancies-form .form-control::placeholder {
	color: rgba(0, 0, 0, 0.9);
}
.vacancies-form .form-group--position {
	width: 326px;
	margin-right: 175px;
}
.vacancies-form .form-group--sallary {
	margin-left: auto;
}
.vacancies-form .icon {
	width: 24px;
	height: 24px;
	min-width: 24px;
	opacity: 0.5;
}

.vacancy-head {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.vacancy-head__title {
	width: 415px;
	min-width: 415px;
	margin-right: 60px;
}

.vacancy-head__location {
	margin-bottom: 10px;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	font: 300 20px/24px var(--fm);
	letter-spacing: 0.01em;
	color: #8F8F8F;
}

.vacancy-head__sallary {
	width: 285px;
	margin-left: auto;
	font: 200 48px/1.1875 var(--fm);
	letter-spacing: 0.01em;
}

.vacancy-head__phone {
	width: 370px;
	margin-left: auto;
	font: 200 32px/1.1875 var(--fm);
	letter-spacing: 0.01em;
}

.vacancy-head__extra {
	margin-top: 10px;
	color: #A4A4A4;
	font: 400 14px/1.245 var(--fm);
	letter-spacing: 0.02em;
}
.vacancy-head__extra p {
	margin: 0 0 3px;
}
.vacancy-head__extra p:last-child {
	margin: 0;
}

.vacancy-body {
	margin-right: -40px;
	margin-left: -40px;
	padding-right: 40px;
	padding-left: 40px;
}

.vacancy-detail {
	position: relative;
	padding-top: 56px;
	font: 300 20px/42px var(--fm);
	letter-spacing: 0.01em;
	color: rgba(0, 0, 0, 0.9);
	z-index: 11;
}
.vacancy-detail::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: -45px;
	width: 100vw;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: rgba(0, 0, 0, 0.025);
	border-top: 1px solid #000;
	z-index: -1;
}
.vacancy-detail ul {
	margin-bottom: 50px;
}
.vacancy-detail ul:last-child {
	margin-bottom: 0;
}
.vacancy-detail ul li {
	position: relative;
	padding-left: 31px;
}
.vacancy-detail ul li::before {
	content: "";
	position: absolute;
	left: 12px;
	top: 18px;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, 0.9);
}

.vacancy-detail__group {
	margin-bottom: 46px;
}
.vacancy-detail__group:last-child {
	margin-bottom: 0;
}

.vacancy-detail__title {
	margin-bottom: 50px;
	font: 200 40px/48px var(--fm);
	letter-spacing: 0.02em;
}

.vacancy-detail__row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 70px;
}

.vacancy-detail__col {
	width: calc(50% - 35px);
}

.vacancy-detail__photo {
	margin-bottom: -44px;
	margin-right: -60px;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}
.vacancy-detail__photo img {
	display: block;
	width: 100%;
}

.vacancy-info {
	margin-bottom: 32px;
}
.vacancy-info * {
	margin: 0;
	color: #000;
}

.vacancy-detail__footer {
	margin-top: 120px;
	text-align: center;
}
.vacancy-detail__footer .btn {
	background-color: #000;
	color: #fff;
	border: 1px solid #000;
}
.vacancy-detail__footer .btn:hover {
	background-color: #fff;
	color: #000;
}

.toggle-dropdown.inactive {
	opacity: 0.25;
}

.shops-form {
	padding: 0;
	gap: 20px 30px;
}

@media (min-width: 1200px) {
	.shops-form .form-group {
		position: relative;
		border: 0;
	}
	.shops-form .form-group::after {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		height: 1px;
		max-width: 100%;
		background-color: rgba(0, 0, 0, 0.2);
	}
	.form-group.form-group--shop {
		width: 515px;
	}
	.form-group.form-group--shop::after {
		width: 326px;
	}
	.form-group.form-group--location {
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
	}
	.form-group.form-group--location::after {
		width: 285px;
	}
	.form-group.form-group--phone {
		width: 370px;
	}
	.form-group.form-group--phone::after {
		width: 326px;
	}
	.form-group.form-group--toggler {
		width: 29px;
		border: 0;
	}
	.vacancy-info {
		display: none;
	}
}
@media (max-width: 1365px) {
	.vacancies-form .form-group--position {
		margin-right: 30px;
	}
	.vacancy-head__title {
		margin-right: 30px;
		width: 300px;
		min-width: 300px;
		font-size: 21px;
	}
	.vacancy-head__sallary {
		font-size: 36px;
	}
}
@media (max-width: 1199px) {
	.vacancies-form {
		gap: 20px;
	}
	.vacancy-head__phone {
		font-size: 23px;
	}
	.form-group.form-group--toggler {
		display: none;
	}
}
@media (max-width: 991px) {
	.vacancies-form {
		margin-top: 64px;
		padding: 0;
	}
	.vacancies-form .form-group {
		width: auto;
		margin: 0;
	}
	.vacancy-body {
		margin-right: -20px;
		margin-left: -20px;
		padding-right: 20px;
		padding-left: 20px;
	}
	.vacancy-detail::before {
		bottom: -32px;
	}
	.vacancy-detail__photo {
		margin-bottom: -32px;
	}
	.vacancy-head__sallary {
		font-size: 21px;
	}
	.vacancy-head__location {
		margin: 0;
		font-size: 16px;
	}
	.vacancy-head__phone {
		display: none;
	}
	.vacancy-detail__footer {
		margin-top: 64px;
	}
}
@media (max-width: 767px) {
	.vacancies-form {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-top: 32px;
	}
	.vacancy-head .vacancy-head__location,
	.vacancy-head .vacancy-head__sallary {
		display: none;
	}
	.vacancies-form .form-group {
		width: 100%;
	}
	.vacancy-head__title {
		width: auto;
		min-width: unset;
		margin-right: auto;
	}
	.vacancy-detail {
		padding-top: 21px;
		font-size: 16px;
		line-height: 1.2;
	}
	.vacancy-detail ul li {
		margin-bottom: 12px;
	}
	.vacancy-detail ul li::before {
		top: 8px;
	}
	.vacancy-detail__group {
		margin-bottom: 16px;
	}
	.vacancy-detail__row {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 32px;
	}
	.vacancy-detail__col {
		width: 100%;
	}
	.vacancy-detail__title {
		margin-bottom: 8px;
		font-size: 31px;
	}
	.vacancy-detail__photo {
		margin: 0;
	}
	.vacancy-detail__footer {
		margin-top: 32px;
	}
}
.blog-detail {
	max-width: 1130px;
	/*margin-bottom: 74px;*/
	/*padding-bottom: 32px;*/
	/*border-bottom: 1px solid rgba(0, 0, 0, 0.22);*/
	font: 400 15px/156% var(--fm);
}
.blog-detail h2 {
	padding: 32px 0;
	border-top: 1px solid rgba(0, 0, 0, 0.22);
	font: 500 22px/156% var(--fm);
}
.blog-detail blockquote {
	position: relative;
	max-width: 795px;
	margin: 131px 0 64px;
	padding-left: 34px;
	border-left: 5px solid #D9D9D9;
	font: 300 20px/156% var(--fm);
	letter-spacing: 0.01em;
	color: #838383;
	font-style: italic;
}
.blog-detail blockquote::before {
	content: "“";
	position: absolute;
	left: 0;
	bottom: 100%;
	font: 400 96px/50px "Arial";
	color: #D7D7D7;
}
.blog-detail blockquote cite {
	display: block;
	margin-top: 8px;
	color: #000;
	text-align: right;
	color: rgba(0, 0, 0, 0.9);
	font-size: 16px;
	font-weight: 500;
}
.blog-detail img {
	margin-bottom: 32px;
}
.blog-detail ul {
	margin-bottom: 32px;
}
.blog-detail ul li {
	padding-left: 26px;
}
.blog-detail ul li::before {
	content: "";
	position: absolute;
	left: 10px;
	top: 9px;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background-color: #000;
}
.blog-detail li {
	position: relative;
	margin-bottom: 12px;
}
.blog-detail li:last-child {
	margin-bottom: 0;
}
.blog-detail ol {
	margin-bottom: 32px;
	counter-reset: section;
}
.blog-detail ol li {
	padding-left: 18px;
}
.blog-detail ol li::before {
	counter-increment: section;
	content: "" counter(section) ".";
	font: inherit;
	position: absolute;
	left: 0;
	top: 0;
}
.blog-detail p {
	margin-bottom: 32px;
}
.blog-detail a {
	color: #3578BA;
	text-decoration: underline;
	text-decoration-color: currentColor;
}
.blog-detail a:hover {
	text-decoration-color: transparent;
}
.blog-detail iframe {
	margin-bottom: 32px;
	max-width: 100%;
}
.blog-detail > *:last-child {
	margin-bottom: 0;
}

.blog-detail__picture {
	margin-bottom: 16px;
}
.blog-detail__picture img {
	display: block;
}

.blog-detail__data {
	/*display: -webkit-box;*/
	/*display: -ms-flexbox;*/
	/*display: flex;*/
	/*-webkit-box-align: center;*/
	/*-ms-flex-align: center;*/
	/*align-items: center;*/
	margin-bottom: 40px;
	gap: 20px;
	font: 400 14px/124.5% var(--fm);
	letter-spacing: 0.02em;
}
.blog-detail__data .icon {
	width: 14px;
	height: 14px;
}

.blog-detail__author, .blog-detail__date {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 7px;
	width: 100%;
	margin-bottom: 10px;
}

.blog-detail__date {
	color: #A4A4A4;
}

ul.blog-detail__navigation li::before {
	background-color: #3578BA;
}

.blog-share {
	position: relative;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 55px;
	border: 1px solid rgba(0, 0, 0, 0.22);
	padding: 14px 22px;
}
.blog-share:hover .blog-share__body {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.blog-share__head {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 26px;
	font: 400 14px/124.5% var(--fm);
	cursor: pointer;
}
.blog-share__head span {
	width: auto;
	-webkit-transition: var(--dt);
	transition: var(--dt);
}
.blog-share__head .icon {
	width: 24px;
	height: 24px;
}

.blog-share__body {
	width: 150px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	top: -1px;
	height: 55px;
	padding: 10px 22px;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.22);
	border-left: 0;
	left: 50px;
	-webkit-transform: translateX(20px);
	transform: translateX(20px);
	gap: 12px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: var(--dt);
	transition: var(--dt);
}
.blog-share__body a {
	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;
	width: 27px;
	min-width: 27px;
}
.blog-share__body img {
	display: block;
}

@media (max-width: 767px) {
	.blog-detail {
		margin-bottom: 32px;
	}
	.blog-detail blockquote {
		margin: 90px 0 32px;
		font-size: 18px;
	}
}
.cart-head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: -130px;
	margin-bottom: 102px;
	gap: 20px;
}

.cart__count {
	color: #838383;
	font: 400 16px/19px var(--fm);
}
.cart__count span {
	color: #000;
}

.cart-head .btn {
	padding: 18px 22px;
	gap: 18px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	color: #000;
	font: 400 16px/19px var(--fm);
}
.cart-head .btn:hover {
	border-color: #000;
}

.cart-list__head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-bottom: 23px;
}

.cart-list__head__content {
	width: 641px;
}

.cart-list__head__footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	gap: 20px;
}
.cart-list__head__footer .price {
	width: 185px;
}
.cart-list__head__footer .quantity {
	width: 121px;
	justify-content: center;
}

.cart-item {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 30px 0;
	border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.cart-item__thumb {
	position: relative;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 191px;
	height: 191px;
	min-width: 191px;
	margin-right: 27px;
}

.cart-item__labels {
	position: absolute;
	top: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	z-index: 1;
}

.cart-item__label {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 11px 10px;
	font: 500 14px/16px var(--fm);
}

.cart-item__label--discount {
	background-color: #000;
	color: #fff;
}

.cart-item__thumb__link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

.cart-item__content {
	width: 300px;
	max-width: 100%;
}

.cart-item__title {
	display: block;
	margin-bottom: 12px;
	color: #000;
	font: 500 20px/24px var(--fm);
	text-decoration: underline;
	text-decoration-color: transparent;
}
.cart-item__title:hover {
	text-decoration-color: currentColor;
}

.cart-item__description {
	margin-bottom: 15px;
	color: rgba(61, 61, 61, 0.9);
	font: 300 16px/19px var(--fm);
}
.cart-item__description a {
	color: rgb(255, 69, 69);
	text-decoration: underline;
	text-decoration-color: currentColor;
}
.cart-item__description a:hover {
	text-decoration-color: transparent;
}

.cart-item__options {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 8px 14px;
}

.cart-item__option {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 0.2em;
	width: calc(50% - 7px);
	font: 300 16px/19px var(--fm);
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.cart-item__option__char {
	font-weight: 500;
}

.cart-item__option__val {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.char-color {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin-left: 6px;
	margin-top: -2px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	vertical-align: middle;
}

.char-size {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 31px;
	height: 28px;
	margin-left: 6px;
	font: inherit;
	border: 1px solid #000;
}

.cart-item__price {
	font: 600 24px/29px var(--fm);
	letter-spacing: -0.01em;
}

.cart-item__price-old {
	margin-top: 7px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 7px;
	color: #838383;
	letter-spacing: -0.01em;
	font: 400 24px/29px var(--fm);
}

.cart-item__price-old__value {
	text-decoration: line-through;
}

.cart-item__price__caption {
	margin-top: 7px;
	color: #838383;
	font: 300 16px/19px var(--fm);
}

.quantity {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 14px;
}

.quantity-controller {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 31px;
	height: 31px;
	cursor: pointer;
	font: 500 24px/1 var(--fm);
	-webkit-transition: var(--dt);
	transition: var(--dt);
}
.quantity-controller:hover {
	color: #838383;
}

.quantity-value {
	border: none;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 31px;
	height: 31px;
	color: #000;
	text-align: center;
	font: 500 20px/1 var(--fm);
}

.cart-item__prices {
	width: 185px;
}

.cart-item__quantity {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	text-align: center;
	max-width: 121px;
}

.cart-item__status {
	color: #838383;
	text-align: left;
	font: 400 16px/19px var(--fm);
}

.cart-item__status--active {
	color: #21A038;
}

.cart-item__bonus {
	padding-right: 67px;
	font: 600 32px/38px var(--fm);
	letter-spacing: -0.01em;
	text-align: center;
}
.cart-item__bonus span {
	display: block;
	margin-bottom: 4px;
	font: 400 12px/14px var(--fm);
}

.cart-item__date {
	margin: 15px 0 0;
	font: 300 16px/19px var(--fm);
	color: rgba(61, 61, 61, 0.9);
}
.cart-item__date span {
	color: rgba(0, 0, 0, 0.9);
	font-weight: 400;
}

.cart-item__footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	margin-left: 83px;
	gap: 20px;
}

.cart-item--active::before {
	content: "";
	position: absolute;
	top: -1px;
	right: 0;
	bottom: -1px;
	left: 0;
	background-color: #F3FBF5;
	z-index: -1;
}

.cart-item__delete {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 67px;
	background-color: #F8F8F8;
	border-left: 2px solid #fff;
	color: #000;
}
.cart-item__delete:hover {
	color: #666;
}
.cart-item__delete .icon {
	width: 33px;
	height: 33px;
}

.cart-info__head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 90px;
	padding-bottom: 23px;
	color: rgba(0, 0, 0, 0.9);
	font: 300 20px/23px var(--fm);
}
.cart-info__head .total {
	width: 330px;
	margin-right: 116px;
}

.cart-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 30px;
	padding: 28px 0 56px;
	border-top: 1px solid rgba(0, 0, 0, 0.2);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.cart-delivery__title {
	margin-bottom: 53px;
	color: rgba(0, 0, 0, 0.9);
	font: 300 20px/23px var(--fm);
}

.cart-checkbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 21px;
}
.cart-checkbox:last-child {
	margin-bottom: 0;
}

.cart-checkbox__icon {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 28px;
	height: 28px;
	min-width: 28px;
	margin-right: 20px;
	border: 1px solid #A4A4A4;
	-webkit-transition: var(--dt);
	transition: var(--dt);
	color: #fff;
}
.cart-checkbox__icon .icon {
	width: 15px;
	height: 15px;
}

.cart-checkbox__text {
	color: #838383;
	font: 300 20px/23px var(--fm);
	-webkit-transition: var(--dt);
	transition: var(--dt);
}
.cart-checkbox__text .price {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	margin-left: 30px;
	gap: 6px;
}
.cart-checkbox__text .price::before {
	content: "•";
	font: inherit;
}

.cart-checkbox__value {
	display: none;
}
.cart-checkbox__value:checked ~ .cart-checkbox__icon {
	border-color: #000;
	color: #000;
}
.cart-checkbox__value:checked ~ .cart-checkbox__text {
	color: #000;
}

.cart__total {
	width: 330px;
	min-width: 330px;
	margin-top: 76px;
	margin-right: 116px;
}

.order-total__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 21px;
	color: rgba(131, 131, 131, 0.9);
}
.order-total__item:last-child {
	margin-bottom: 0;
}
.order-total__item b {
	font-weight: 600;
}

.order-total__char {
	font: 300 16px/19px var(--fm);
}

.order-total__val {
	width: 185px;
}

.order-total__summ {
	margin-top: 31px;
}
.order-total__summ .order-total__val {
	color: #000;
	letter-spacing: -0.01em;
	font: 600 40px/48px var(--fm);
}

.cart-footer {
	margin-top: 76px;
	padding-right: 116px;
	text-align: right;
}

.btn--order-complete {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 346px;
	height: 48px;
	background-color: rgba(0, 0, 0, 0.9);
	color: #fff;
}
.btn--order-complete:hover {
	background-color: #000;
}
.btn--order-complete b {
	font: 600 16px/19px var(--fm);
	letter-spacing: -0.01em;
}
.btn--order-complete span {
	color: rgba(255, 255, 255, 0.9);
	letter-spacing: 0.02em;
	font: 500 14px/16px var(--fm);
}

@media (min-width: 768px) {
	.cart-item__bonus span {
		display: none;
	}
}
@media (max-width: 1199px) {
	.cart-item__thumb {
		width: 100px;
		min-width: 100px;
		height: 100px;
		-ms-flex-item-align: start;
		align-self: flex-start;
	}
	.cart-item__label {
		font-size: 12px;
		padding: 6px 8px;
	}
	.cart-item__option {
		width: 100%;
	}
	.cart-item__price, .cart-item__price-old {
		font-size: 18px;
		line-height: 1.2;
	}
	.cart-list__head__content {
		width: 460px;
	}
	.cart-list__head__footer .price, .cart-item__prices {
		width: 120px;
		text-align: center;
	}
	.cart-item__footer {
		margin-left: 30px;
	}
	.cart-info__head .total, .cart__total {
		margin-right: 0;
	}
	.cart-footer {
		padding: 0;
	}
	.cart-item__delete {
		width: 44px;
	}
}
@media (max-width: 767px) {
	.cart-head {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		margin: 0 0 32px;
	}
	.cart-list__head {
		display: none;
	}
	.cart-item {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 21px 0;
	}
	.cart-item__thumb {
		margin-right: 20px;
	}
	.cart-item__content {
		width: calc(100% - 120px);
	}
	.cart-item__footer {
		margin: 21px 0 0 120px;
	}
	.cart-info__head {
		display: none;
	}
	.cart-delivery__title {
		margin-bottom: 21px;
	}
	.cart-info {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 21px 0;
	}
	.cart__total {
		width: 100%;
		min-width: unset;
		margin: 21px 0 0;
	}
	.order-total__val {
		width: auto;
	}
	.order-total__summ {
		margin-top: 21px;
	}
	.order-total__summ .order-total__val {
		font-size: 21px;
		line-height: 1.2;
	}
	.cart-footer {
		margin-top: 32px;
	}
	.cart-checkbox__text {
		font-size: 18px;
		line-height: 1.3;
	}
	.cart-checkbox__text .price {
		width: 100%;
		margin: 0;
	}
	.cart-item__delete {
		bottom: unset;
		width: 44px;
		height: 44px;
		border-bottom: 2px solid #fff;
	}
	.cart-item__delete .icon {
		width: 21px;
		height: 21px;
	}
}
@media (max-width: 575px) {
	.cart-item__footer {
		margin-left: 0;
	}
	.cart-item__prices {
		width: 90px;
	}
	.cart-item__price-old {
		font-size: 14px;
	}
	.quantity-controller, .quantity-value {
		width: 21px;
		height: 21px;
	}
	.cart-item--active::before {
		right: -20px;
		left: -20px;
	}
	.cart-item__delete {
		top: -1px;
		right: -20px;
		border: 1px solid rgba(0, 0, 0, 0.2);
	}
	.btn--order-complete {
		width: 100%;
	}
}
.rating-star {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px;
	color: #000;
}
.rating-star li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.rating-star .icon {
	width: 20px;
	height: 20px;
}

.s-product-detail {
	margin-top: -60px;
}

.product-detail {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.product-detail__head {
	width: 100%;
}

.product-detail__title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 63px;
	margin-bottom: 14px;
	font: 200 48px/57px var(--fm);
}

.header-actions {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 32px;
}
.header-actions a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #000;
}
.header-actions a:hover {
	color: #666;
}
.header-actions a.active {
	color: #FF4545;
}
.header-actions .icon {
	width: 24px;
	height: 24px;
}

.product-detail__data {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 25px;
	gap: 25px;
	color: #A4A4A4;
	font: 400 14px/117% var(--fm);
	letter-spacing: 0.03em;
}

.product-detail__review-toggle {
	color: inherit;
	border-bottom: 1px dashed currentColor;
}
.product-detail__review-toggle:hover {
	color: #000;
}

.product-detail__thumb {
	position: relative;
	width: calc(100% - 525px);
	max-width: 739px;
}

.product-detail__labels {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 51;
}

.product-detail__label {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 11px 13px;
	font: 500 14px/117% var(--fm);
}

.product-detail__label--new {
	color: #fff;
	background-color: #356A41;
}

.product-detail-slider {
	overflow: hidden;
}
.product-detail-slider img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

.product-detail-slider-container {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.product-detail-slider-nav {
	width: 86px;
	min-width: 86px;
	height: 476px;
	margin-right: 20px;
	overflow: hidden;
}
.product-detail-slider-nav .swiper-slide {
	height: 80px;
	cursor: pointer;
}
.product-detail-slider-nav img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.product-detail-navigation {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 24px;
	width: 86px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	pointer-events: none;
	z-index: 21;
}
.product-detail-navigation .slider-arrow {
	opacity: 0.9;
	pointer-events: all;
}
.product-detail-navigation .slider-arrow:hover {
	opacity: 1;
}
.product-detail-navigation .slider-prev {
	opacity: 0;
}
.product-detail-navigation .icon {
	width: 33px;
	height: 14px;
}

.product-detail__content {
	margin-left: 43px;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.product-detail__prices {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 25px;
}

.product-detail__price {
	color: rgba(0, 0, 0, 0.9);
	font: 400 37px/117% var(--fm);
}

.product-detail__discount {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin: 0 14px 0 26px;
	padding: 6px;
	background-color: #000;
	color: rgba(255, 255, 255, 0.9);
	letter-spacing: -0.05em;
	font: 400 22px/117% var(--fm);
}

.product-detail__price-old {
	color: #A5AFB7;
	font: 400 22px/117% var(--fm);
	text-decoration: line-through;
}

.product-detail__countdown {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 18px;
	font: 400 12px/117% var(--fm);
}

.countdown__caption {
	margin-right: 12px;
	color: #8F8F8F;
}

.countdown__item {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 6px 7px;
	border: 1px solid #D9D9D9;
}

.countdown__divider {
	margin: 0 6px;
}

.product-detail__caption {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 15px;
	margin-bottom: 15px;
	font: 400 12px/14px var(--fm);
	text-transform: uppercase;
}
.product-detail__caption a {
	color: #A4A4A4;
	border-bottom: 1px dashed currentColor;
}
.product-detail__caption a:hover {
	color: #000;
}

.product-detail__sizes {
	position: relative;
	display: inline-block;
	padding-top: 25px;
	border-top: 1px solid #D9D9D9;
}

.product-detail-sizes-slider {
	position: relative;
	width: 438px;
	margin: 0 44px 0 0;
}
.product-detail-sizes-slider:not(.swiper-initialized) .swiper-slide {
	margin-right: 10px;
}
.product-detail-sizes-slider .swiper-slide {
	width: 75px;
}

.product-sizes-arrow {
	position: absolute;
	bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 36px;
	height: 35px;
	color: #A4A4A4;
	cursor: pointer;
	-webkit-transition: var(--dt);
	transition: var(--dt);
}
.product-sizes-arrow:hover {
	color: #000;
}
.product-sizes-arrow.swiper-button-disabled {
	pointer-events: none;
}
.product-sizes-arrow .icon {
	width: 8px;
	height: 13px;
}

.product-sizes-next {
	right: 0;
}

.product-size__text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 75px;
	height: 35px;
	border: 1px solid rgba(0, 0, 0, 0.15);
	letter-spacing: 0.02em;
	color: rgba(0, 0, 0, 0.35);
	font: 500 15px/1 var(--fm);
	cursor: pointer;
	-webkit-transition: var(--dt);
	transition: var(--dt);
	white-space: nowrap;
	overflow: hidden;
}

.product-size__value {
	display: none;
}
.product-size__value:checked ~ .product-size__text {
	border-color: #000;
	color: #000;
}
.product-size__value:disabled ~ .product-size__text {
	border-color: rgba(255, 0, 0, 0.45);
	color: #FF4545;
	cursor: default;
}

.product-detail__colors {
	margin: 24px 0 48px;
}

.product-detail__colors__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 20px;
	padding-left: 4px;
	gap: 34px;
}

.product-color__icon {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	cursor: pointer;
	background-color: var(--color);
}
.product-color__icon::before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border: 1px solid var(--color);
	border-radius: 50%;
	-webkit-transition: var(--dt);
	transition: var(--dt);
}

.product-color__value {
	display: none;
}
.product-color__value:checked ~ .product-color__icon::before {
	width: 22px;
	height: 22px;
}

.product-detail__stock {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin-right: 20px;
	color: #21A038;
	font: 400 12px/117% var(--fm);
}

.btn--buy-inclick {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	color: #FF4545;
	font: 400 12px/117% var(--fm);
	border-bottom: 1px dashed currentColor;
}
.btn--buy-inclick:hover {
	border-color: transparent;
}

.product-detail__action {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	max-width: 492px;
	margin-top: 15px;
	gap: 20px;
}

.btn--to-cart {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	letter-spacing: 0.02em;
	color: rgba(255, 255, 255, 0.9);
	background-color: rgba(0, 0, 0, 0.9);
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	font: 500 14px/117% var(--fm);
}
.btn--to-cart:hover {
	background-color: #000;
}
.btn--to-cart .icon {
	position: absolute;
	top: 50%;
	left: 15%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
}

.product-detail__quantity .quantity {
	width: 110px;
	height: 58px;
	padding: 20px;
	border: 1px solid #000;
}
.product-detail__quantity .quantity-value {
	font-size: 16px;
}
.product-detail__quantity .quantity-controller {
	font-size: 15px;
}

.product-detail__brand {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 45px;
}
.product-detail__brand img {
	max-width: 160px;
}

.product-detail__info {
	position: relative;
	width: 100%;
	margin-top: 80px;
	padding-top: 29px;
	letter-spacing: 0.02em;
	font: 400 16px/24px var(--fm);
}
.product-detail__info::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	height: 1px;
	width: 100vw;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.product-detail__info p {
	max-width: 450px;
	color: #8F8F8F;
}
.product-detail__info .title {
	margin-bottom: 7px;
	letter-spacing: 0.02em;
	color: rgba(0, 0, 0, 0.9);
	font: 500 16px/124.5% var(--fm);
}
.product-detail__info .row {
	position: relative;
	padding: 33px 0;
}
.product-detail__info .row::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 100vw;
	background-color: rgba(217, 217, 217, 0.13);
	opacity: 0;
	z-index: -1;
}
.product-detail__info .row:nth-child(even)::after {
	opacity: 1;
}

.info-list li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 6px;
}
.info-list li:last-child {
	margin-bottom: 0;
}
.info-list .char {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	color: #8F8F8F;
}
.info-list .char::after {
	content: "";
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	margin: 0 21px;
	border-bottom: 1px dashed #BDBDBD;
}
.info-list .val {
	width: 280px;
}

@media (max-width: 1199px) {
	.info-list .val {
		width: 40%;
	}
}
@media (max-width: 991px) {
	.product-detail__thumb {
		width: 100%;
		max-width: unset;
	}
	.product-detail__content {
		margin: 32px 0 0 100px;
	}
	.product-detail__info {
		margin-top: 32px;
	}
	.product-detail__info .row {
		gap: 32px;
	}
}
@media (max-width: 767px) {
	.product-detail__title {
		font: 200 32px/1.3 var(--fm);
		gap: 30px;
	}
	.product-detail-slider-container {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.product-detail-navigation {
		display: none;
	}
	.product-detail-slider-nav {
		margin: 20px 0 0;
		width: 100%;
		height: auto;
	}
	.product-detail-slider-nav .swiper-slide {
		height: auto;
	}
	.product-detail__content {
		width: 100%;
		margin: 32px 0 0;
	}
	.product-detail-sizes-slider {
		width: 384px;
	}
}
@media (max-width: 575px) {
	.s-product-detail {
		margin-top: -30px;
	}
	.product-detail__title {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 16px;
	}
	.product-detail__data {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 12px 20px;
	}
	.product-detail__price {
		font-size: 18px;
	}
	.product-detail__discount {
		font-size: 14px;
	}
	.product-detail__price-old {
		font-size: 16px;
	}
	.product-detail__sizes {
		width: 100%;
	}
	.product-detail-sizes-slider {
		width: calc(100% - 25px);
	}
	.product-sizes-next {
		right: -15px;
	}
	.product-detail__colors {
		margin: 24px 0 32px;
	}
	.btn--to-cart .icon {
		display: none;
	}
	.product-detail__info {
		padding: 0;
	}
	.info-list li {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	.info-list .char::after {
		content: none;
	}
	.info-list .val {
		width: 100%;
	}
}
.s-shops {
	padding-top: 60px;
}

.shops-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 75px 50px;
}
.shops-list .shop-item {
	width: calc(50% - 25px);
}

.shop-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.shop-item__thumb {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 169px;
	min-width: 169px;
	margin-right: 26px;
}
.shop-item__thumb img {
	display: block;
	width: 100%;
}

.shop-item__title {
	display: block;
	margin-bottom: 11px;
	letter-spacing: 0.02em;
	text-decoration-line: underline;
	color: rgba(0, 0, 0, 0.9);
	font: 500 15px/124.5% var(--fm);
}
.shop-item__title:hover {
	text-decoration-color: transparent;
}

.shop-item__contacts, .shop-item__stock {
	font: 400 14px/124.5% var(--fm);
	letter-spacing: 0.02em;
	color: #A4A4A4;
}

.shop-item__stock {
	color: rgb(33, 160, 56);
}

@media (max-width: 991px) {
	.s-shops {
		padding: 0;
	}
	.shops-list {
		gap: 32px;
	}
	.shops-list .shop-item {
		width: 100%;
	}
}
@media (max-width: 575px) {
	.shop-item__thumb {
		width: 100px;
		min-width: 100px;
		margin-right: 16px;
	}
}
.s-reviews {
	padding-top: 60px;
}

.review-item {
	--color: #21A038;
}

.review-item__head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	margin-bottom: 34px;
}

.review-item__thumb {
	width: 64px;
	height: 64px;
	min-width: 64px;
	margin-right: 19px;
	border-radius: 50%;
	overflow: hidden;
}
.review-item__thumb img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.review-item__data {
	width: 115px;
	margin-right: 15px;
	color: rgb(57, 57, 57);
	font: 400 14px/124.5% var(--fm);
}

.review-item__date {
	color: rgb(164, 164, 164);
}

.review-item__text {
	position: relative;
	padding-left: 34px;
	letter-spacing: 0.01em;
	color: #838383;
	font: italic 300 20px/156% var(--fm);
}
.review-item__text::before {
	content: "";
	position: absolute;
	top: 7px;
	bottom: 7px;
	left: 0;
	width: 1px;
	border-right: 1px solid var(--color);
}

.review-item--neutral {
	--color: #A5AFB7;
}

.review-item--bad {
	--color: #FF4545;
}

@media (max-width: 991px) {
	.s-reviews {
		padding: 0;
	}
}
@media (max-width: 575px) {
	.review-item__head {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 12px 0;
	}
	.review-item__text {
		padding-left: 15px;
		font-size: 16px;
	}
}
.personal-head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.personal-head .btn {
	margin: -130px 0 106px;
	padding: 18px 22px;
	gap: 18px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	color: #000;
	font: 400 16px/19px var(--fm);
}
.personal-head .btn:hover {
	border-color: #000;
}

.personal-main__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -1px;
}

.personal-main__link {
	position: relative;
	width: 25%;
	font: 400 18px/1.3 var(--fm);
	text-transform: uppercase;
	letter-spacing: 0.02em;
	font-variant: all-small-caps;
	color: #000;
	-webkit-box-shadow: 1px 0 0 0 #000, 0 1px 0 0 #000, 1px 0px 0 0 #000, 1px 0 0 0 #000 inset, 0 1px 0 0 #000 inset;
	box-shadow: 1px 0 0 0 #000, 0 1px 0 0 #000, 1px 0px 0 0 #000, 1px 0 0 0 #000 inset, 0 1px 0 0 #000 inset;
}
.personal-main__link::after {
	content: "";
	display: block;
	width: 100%;
	padding-bottom: 100%;
}
.personal-main__link:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.personal-main__link:hover .title::before {
	width: 100%;
}
.personal-main__link img {
	max-width: 40px;
	-webkit-transition: var(--dt);
	transition: var(--dt);
}
.personal-main__link .title {
	position: relative;
}
.personal-main__link .title::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 1px;
	border-bottom: 1px solid #000;
	-webkit-transition: var(--dt);
	transition: var(--dt);
}
.personal-main__link .content {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 21px;
}

.personal-nav__container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0 0 60px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.personal-nav__container .btn {
	margin-bottom: 22px;
	color: #000;
	border: 1px solid rgba(0, 0, 0, 0.1);
	font: 400 16px/19px var(--fm);
}
.personal-nav__container .btn:hover {
	border-color: #000;
}

.personal-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	gap: 67px;
	font: 300 20px/117.5% var(--fm);
	color: #000;
}
.personal-nav span, .personal-nav a {
	display: block;
	margin-bottom: -1px;
	padding-bottom: 28px;
	border-bottom: 1px solid #000;
}
.personal-nav a {
	color: rgba(61, 61, 61, 0.9);
	border-color: transparent;
}
.personal-nav a:hover {
	color: #000;
}
.personal-nav span {
	font-weight: 500;
}

.personal-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.personal-info .form-group {
	margin-bottom: 38px;
}
.personal-info .form-control {
	padding: 0 0 17px;
	border: 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	font: 300 16px/19px var(--fm);
	-webkit-transition: var(--dt);
	transition: var(--dt);
}
.personal-info .form-control:not(:-moz-placeholder-shown) {
	border-color: #000;
}
.personal-info .form-control:not(:-ms-input-placeholder) {
	border-color: #000;
}
.personal-info .form-control:focus, .personal-info .form-control:not(:placeholder-shown) {
	border-color: #000;
}
.personal-info .form-control::-webkit-input-placeholder {
	color: #A4A4A4;
}
.personal-info .form-control::-moz-placeholder {
	color: #A4A4A4;
}
.personal-info .form-control:-ms-input-placeholder {
	color: #A4A4A4;
}
.personal-info .form-control::-ms-input-placeholder {
	color: #A4A4A4;
}
.personal-info .form-control::placeholder {
	color: #A4A4A4;
}
.personal-info .form-title {
	margin-bottom: 38px;
	font: 400 20px/24px var(--fm);
	color: rgba(0, 0, 0, 0.9);
}
.personal-info .btn--submit {
	width: 100%;
	margin-top: 139px;
	background-color: #000;
	letter-spacing: 0.02em;
	font: 500 16px/117.5% var(--fm);
	color: rgba(255, 255, 255, 0.9);
}
.personal-info .btn--submit:hover {
	background-color: #333;
}

.personal-info__thumb {
	--size: 103px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-right: 58px;
}
.personal-info__thumb img {
	width: var(--size);
	height: var(--size);
	min-width: var(--size);
	border-radius: 50%;
}

.personal-info__col {
	max-width: 457px;
	margin-right: 76px;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}
.personal-info__col:last-child {
	margin-right: 0;
}

@media (max-width: 1439px) {
	.personal-nav {
		gap: 25px;
	}
}
@media (max-width: 1199px) {
	.personal-nav__container {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
}
@media (max-width: 991px) {
	.personal-nav {
		font-size: 16px;
	}
	.personal-nav span, .personal-nav a {
		padding-bottom: 16px;
	}
	.personal-info__thumb {
		margin-right: 30px;
	}
	.personal-info__col {
		max-width: 280px;
		margin-right: 30px;
	}
}
@media (max-width: 767px) {
	.personal-head {
		margin-bottom: 32px;
	}
	.personal-head .btn {
		margin: 0;
	}
	.personal-nav__container .btn {
		margin-left: auto;
	}
	.personal-nav {
		width: 100%;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 16px 0;
	}
	.personal-nav li {
		width: 50%;
	}
	.personal-nav a {
		border-color: rgba(0, 0, 0, 0.2);
	}
	.personal-info {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.personal-info .form-group {
		margin-bottom: 26px;
	}
	.personal-info .form-title {
		margin-bottom: 21px;
	}
	.personal-info .btn--submit {
		margin: 0;
	}
	.personal-info__thumb {
		width: 100%;
		margin: 0 0 32px;
	}
	.personal-info__col {
		width: calc(50% - 15px);
		max-width: unset;
	}
	.personal-main__link {
		width: 33.333%;
	}
}
@media (max-width: 575px) {
	.personal-main__link {
		width: 50%;
		font-size: 16px;
	}
	.personal-info__col {
		width: 100%;
		margin: 0 0 32px;
	}
	.personal-info__col:last-child {
		margin: 0;
	}
}
.personal-subscribe .custom-checkbox-lg {
	margin: 0 0 21px;
}
.personal-subscribe .custom-checkbox-lg:last-child {
	margin: 0;
}

.custom-checkbox-lg {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 20px;
}

.custom-checkbox-lg__icon {
	--size: 20px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: var(--size);
	height: var(--size);
	min-width: var(--size);
	border: 1px solid #A4A4A4;
	color: #fff;
	cursor: pointer;
	-webkit-transition: var(--dt);
	transition: var(--dt);
}
.custom-checkbox-lg__icon .icon {
	width: 16px;
	height: 16px;
}

.custom-checkbox-lg__text {
	color: #838383;
	font: 300 16px/117.5% var(--fm);
}

.custom-checkbox-lg__value {
	display: none;
}
.custom-checkbox-lg__value:checked ~ .custom-checkbox-lg__icon {
	border-color: #000;
	color: #000;
}

.personal-subscribe__group {
	margin: 0 0 80px;
}
.personal-subscribe__group:last-child {
	margin: 0;
}

.personal-subscribe__title {
	margin: 0 0 53px;
	color: rgba(0, 0, 0, 0.9);
	font: 300 20px/117.7% var(--fm);
}

.personal-subscribe__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	gap: 0 30px;
}
.personal-subscribe__list .custom-checkbox-lg {
	width: calc(50% - 15px);
}

@media (max-width: 767px) {
	.personal-subscribe .row {
		gap: 32px 0;
	}
	.personal-subscribe .custom-checkbox-lg {
		margin: 0 0 16px;
	}
	.custom-checkbox-lg__icon {
		--size: 21px;
	}
	.custom-checkbox-lg__text {
		font-size: 16px;
	}
	.personal-subscribe__group {
		margin: 0 0 32px;
	}
	.personal-subscribe__title {
		margin: 0 0 21px;
	}
}
.favorites-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 27px 110px;
}

.favorite-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: calc(50% - 55px);
}

.favorite-item__thumb {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 191px;
	height: 191px;
	min-width: 191px;
	margin-right: 27px;
}

.favorite-item__content {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.favorite-item__title {
	display: block;
	margin: 0 0 12px;
	color: #000;
	font: 500 20px/24px var(--fm);
}
.favorite-item__title:hover {
	color: #666;
}

.favorite-item__description {
	max-width: 260px;
	color: rgba(61, 61, 61, 0.9);
	font: 300 16px/19px var(--fm);
}
.favorite-item__description a {
	color: rgb(255, 69, 69);
	text-decoration: underline;
}
.favorite-item__description a:hover {
	text-decoration-color: transparent;
}

.favorite-item__delete {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: 25px;
	color: rgba(0, 0, 0, 0.6);
}
.favorite-item__delete:hover {
	color: #000;
}
.favorite-item__delete .icon {
	width: 33px;
	height: 33px;
}

@media (max-width: 1199px) {
	.favorites-list {
		gap: 27px 30px;
	}
	.favorite-item {
		width: calc(50% - 15px);
	}
	.favorite-item__thumb {
		width: 120px;
		height: 120px;
		min-width: 120px;
	}
}
@media (max-width: 767px) {
	.favorite-item {
		width: 100%;
	}
	.favorite-item__title {
		margin: 0 0 4px;
		font-size: 16px;
	}
	.favorite-item__description {
		font-size: 14px;
	}
	.favorite-item__delete .icon {
		width: 21px;
		height: 21px;
	}
}
@media (max-width: 575px) {
	.favorite-item__thumb {
		width: 80px;
		height: 80px;
		min-width: 80px;
	}
}
.s-contacts-main {
	padding: 85px 0 82px;
}

.contacts-main {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.contact-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 40px;
}

.contact-item__thumb {
	min-width: 34px;
}

.contact-item__title {
	color: rgba(0, 0, 0, 0.9);
	font-weight: 500;
}

.contact-item__content {
	max-width: 260px;
	color: #353535;
	font: 400 16px/1.75 var(--fm);
	letter-spacing: 0.02em;
}

.contacts-map {
	height: 370px;
}

.shop-head__title {
	max-width: 515px;
}

.contacts-body {
	position: relative;
	padding: 57px 0 80px;
	border-top: 1px solid #000;
	background-color: rgba(0, 0, 0, 0.025);
}

.shop-details {
	margin: 0 0 64px;
}

.shop-detail {
	max-width: 670px;
	margin: 0 0 27px;
	color: rgba(0, 0, 0, 0.9);
	font: 400 16px/1.7 var(--fm);
	letter-spacing: 0.01em;
}
.shop-detail:last-child {
	margin: 0;
}

.shop-detail__title {
	font-weight: 500;
}

@media (max-width: 1199px) {
	.contacts-main {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 24px 0;
	}
	.contact-item {
		width: 33%;
		gap: 20px;
	}
	.primary-menu li:nth-child(3) .primary-menu__submenu{
		padding: 0 0 0 230px;
	}
	.submenu-parent{
		width: 35%;
	}
	.product-detail__icons-item:first-child{
		min-width: calc(100% - 8px)!important;
	}
}
@media (max-width: 767px) {
	.s-contacts-main {
		padding: 64px 0;
	}
	.contact-item {
		gap: 16px;
		width: 50%;
	}
	.shop-details {
		margin: 0 0 32px;
	}
	.shop-detail {
		margin: 0 0 24px;
	}
	.contacts-body {
		padding: 32px 0 64px;
	}
}
@media (max-width: 575px) {
	.contact-item {
		width: 100%;
	}
	.contact-item__content {
		max-width: unset;
	}
}
.blog-detail--brand {
	margin: 0;
	border: 0;
}

.fullwidth-img {
	display: block;
	max-width: unset;
	width: 100vw;
	margin-left: -46px;
}

@media (min-width: 992px) {
	.blog-detail--brand {
		padding: 0;
	}
}
@media (max-width: 1199px) {
	.fullwidth-img {
		margin-left: -20px;
	}
}







.page-header--imaged {
	padding: 64px 0 40px;
	color: #fff;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.primary-menu__submenu::after {
	height: 200%;
	min-height: 200vh;
}

.page-header--imaged a, .page-header--imaged .breadcrumbs-list span {
	color: inherit;
}

@media (min-width: 992px) {
	.main-header--overlayed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}

	.main-header--overlayed .info-line:not(.is_stuck) {
		background-color: transparent;
		border-color: #fff;
	}

	.main-header--overlayed .info-line:not(.is_stuck) .primary-menu__link,
	.main-header--overlayed .info-line:not(.is_stuck) .user-menu a,
	.main-header--overlayed .info-line:not(.is_stuck) .header-callback,
	.main-header--overlayed .info-line:not(.is_stuck) .stock-menu a {
		color: #fff;
		border-color: #fff;
	}

	.main-header--overlayed .info-line:not(.is_stuck) .stock-menu li,
	.main-header--overlayed .info-line:not(.is_stuck) .user-menu {
		box-shadow: none;
	}

	.page-header--imaged {
		padding: 165px 0 40px;
	}
}

.sections-list {
	display: flex;
	flex-wrap: wrap;
	margin-right: 1px;
}

.section-item {
	position: relative;
	width: 25%;
	padding: 60px 0 80px;
	background-color: #fff;
	box-shadow: 1px 0 0 0 #000, 0 1px 0 0 #000, 1px 0px 0 0 #000, 1px 0 0 0 #000 inset, 0 1px 0 0 #000 inset;
}

.section-item__title {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 0 6px;
	padding: 41px 39px;
	color: #000;
	font: 400 18px/117.5% var(--fm);
	text-transform: uppercase;
}

.section-item__subsections {
	display: inline-block;
	margin: 0 auto 50px;
	font: 500 18px/224.5% var(--fm);
	text-transform: uppercase;
}

.section-item__subsections a {
	color: #fff;
	text-decoration: underline;
	text-decoration-color: transparent;
}

.section-item__subsections a:hover {
	text-decoration-color: currentColor;
}

.section-item__thumb {
	display: flex;
	justify-content: center;
	align-items: center;
}

.section-item__content {
	position: absolute;
	top: 0;
	left: 0;
	right: -1px;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 55px 0 64px;
	opacity: 0;
	visibility: hidden;
	transition: all .3s ease;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 21;
}

.section-item:hover .section-item__content {
	opacity: 1;
	visibility: visible;
}

.section-item__content .section-item__title {
	margin: 0 0 44px;
	padding: 0;
	color: #fff;
	font: 500 24px/136% var(--fm);
}

.section-item__content .section-item__thumb {
	filter: invert(100%);
}

@media (max-width: 1199px) {
	.section-item {
		width: 50%;
	}
}

@media (max-width: 575px) {
	.section-item {
		width: 100%;
	}
}

.about__content {
	padding: 106px 46px;
}

.about__title {
	margin: 0 0 30px;
	font: 400 34px "SFProDisplay", sans-serif;
}

.about__title strong {
	font-size: 64px;
}

.about__description {
	max-width: 639px;
	color: rgba(0, 0, 0, 0.9);
	font: 400 16px/160.5% var(--fm);
}

.about__main {
	padding: 106px 120px;
}

.about__logo {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 0 0 33px;
}

.about__logo img {
	display: block;
	min-width: 300px;
}

.about__location {
	margin: 0 0 9px;
	font: 400 36px "SFProDisplay", sans-serif;
}

@media (min-width: 992px) {
	.about {
		display: flex;
	}

	.about__content, .about__main {
		width: 50%;
	}

	.about__content {
		padding-right: 50px;
	}
}

@media (max-width: 1199px) {
	.about__main {
		padding-left: 60px;
	}
}

@media (max-width: 991px) {
	.about__content, .about__main {
		padding: 32px 20px;
	}
}

.subscribe__thumb {
	display: flex;
	justify-content: center;
	align-items: center;
}

.subscribe__thumb img {
	display: block;
	width: 100%;
}

.subscribe__content {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 50px 24px;
	background: linear-gradient(180deg,rgba(245, 245, 245, 1) 0%,rgba(245, 245, 245, 0) 100%);
	text-align: center;
}

.subscribe__form {
	width: 100%;
}

.subscribe__title {
	max-width: 524px;
	margin: 0 auto 40px;
	font: 400 34px "SFProDisplay", sans-serif;
}

.form-control--subscribe {
	border: 0;
	background-color: transparent;
	text-align: center;
	font-size: 20px;
}

.form-control--subscribe::placeholder {
	color: #a4a4a4;
}

.btn--subscribe {
	margin: 40px 0 0;
	width: 346px;
	max-width: 100%;
	background-color: #000;
	color: #fff;
}

.btn--subscribe:hover {
	background-color: #333;
}

@media (min-width: 992px) {
	.subscribe {
		display: flex;
	}

	.subscribe__thumb img {
		height: 100%;
		object-fit: cover;
	}

	.subscribe__thumb, .subscribe__content {
		width: 50%;
	}
}

.s-news-alt {
	padding: 60px 0 0;
}

.news-alt {
	display: flex;
}

.news-alt__thumb {
	position: relative;
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.news-alt__thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	transition: all .3s ease;
}

.news-alt__thumb:hover img {
	transform: scale(1.05);
}

.news-alt__overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 34px 22px;
	z-index: 21;
}

.news-alt__product {
	display: block;
	max-width: 235px;
	margin: 0 0 3px;
	color: #fff;
	font: 500 24px/26.5px var(--fm);
}

.news-cat__brand {
	display: block;
	min-height: 54px;
	color: #fff;
	font: 600 32px/167.5% var(--fm);
}

.news-alt__product-detail {
	display: flex;
	align-items: center;
	margin-top: 21px;
	gap: 30px;
	color: #fff;
	font: 500 16px/124.5% var(--fm);
}

.news-alt__product-detail .icon {
	width: 22px;
	height: 22px;
}

.news-alt__discount {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 24px 18px 9px;
	color: #fff;
	z-index: 21;
}

.news-alt__discount::before {
	content: '';
	position: absolute;
	top: -30px;
	left: -30px;
	width: 282px;
	height: 282px;
	border-radius: 50%;
	background: rgba(196, 0, 0, 0.9);
	z-index: -1;
}

.news-alt__discount .val {
	font: 600 52px/1 var(--fm);
}

.news-alt__discount .date {
	font: 600 20px/1 var(--fm);
}

.news-alt__content {
	display: flex;
	flex-direction: column;
	width: 50%;
	padding: 72px 40px 30px;
	background: #fafafa;
}

.news-alt__date {
	margin: 0 0 16px;
	color: #a3a3a3;
	font: 500 20px/124.5% var(--fm);
}

.news-alt__title {
	display: block;
	max-width: 235px;
	margin: 0 0 8px;
	color: #000;
	font: 500 16px/124.5% var(--fm);
}

.news-alt__title:hover {
	opacity: 0.7;
}

.news-alt__detail {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: auto;
	padding: 28px 0 0;
	border-top: 1px solid #d9d9d9;
	color: #ff4545;
	font: 500 16px/124.5% var(--fm);
}

.news-alt__detail:hover {
	color: #000;
}

.news-alt__detail .icon {
	width: 22px;
	height: 22px;
}

@media (min-width: 992px) {
	.news-alt-list {
		display: flex;
		flex-wrap: wrap;
	}

	.news-alt {
		width: 50%;
	}

	.news-alt:nth-child(n+3):nth-child(-n+4) {
		flex-direction: row-reverse;
	}
}

@media (max-width: 1365px) {
	.news-alt__content {
		padding: 32px 20px;
	}
}

@media (max-width: 1199px) {
	.news-alt__product-detail {
		margin: 0;
	}

	.news-alt__discount::before {
		top: 0;
		left: -18px;
		width: 160px;
		height: 160px;
	}

	.news-alt__discount .val {
		font-size: 26px;
	}

	.news-alt__discount .date {
		font-size: 12px;
	}
}

@media (max-width: 991px) {
	.news-alt-list {
		display: flex;
		margin: 0 -20px;
		padding: 0 20px;
		gap: 15px;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.news-alt-list::-webkit-scrollbar {
		display: none;
		height: 0;
		width: 0;
	}

	.news-alt {
		width: 250px;
		min-width: 250px;
		flex-direction: column;
	}

	.news-alt__thumb, .news-alt__content {
		width: 100%;
	}

	.news-alt__content {
		padding: 20px 0;
		background-color: transparent;
	}
}

@media (max-width: 575px) {
	.news-alt__date {
		margin: 0 0 6px;
		font-size: 14px;
	}

	.news-alt__title {
		font-size: 14px;
	}

	.news-alt__detail {
		font-size: 14px;
		padding-top: 6px;
	}

	.news-alt__overlay {
		padding: 20px 15px;
	}

	.news-alt__product {
		font-size: 14px;
		line-height: 1.1;
	}

	.news-cat__brand {
		min-height: 20px;
		font-size: 16px;
		line-height: 1;
	}

	.news-alt__discount {
		padding: 9px;
	}

	.news-alt__discount::before {
		left: -31px;
	}

	.news-alt__product-detail {
		gap: 6px;
	}
}

.s-counter {
	padding: 145px 0 0;
}

.counters-list {
	display: flex;
	gap: 60px;
}

.counters-list > .col {
	width: calc(25% - 45px);
	max-width: calc(25% - 45px);
	flex-basis: auto;
}

.counters-list .principle__title {
	margin: 0 0 17px;
}

.counters-list .principle__title::before, .counters-list .principle__title::after {
	content: none;
}

@media (max-width: 991px) {
	.s-counter {
		padding: 80px 0 0;
	}

	.counters-list {
		flex-wrap: wrap;
		gap: 30px 16px;
	}

	.counters-list > .col {
		width: calc(50% - 16px);
		max-width: calc(50% - 16px);
	}
}

@media (max-width: 575px) {
	.counters-list > .col {
		width: 100%;
		max-width: 100%;
	}
}


.s-timeline {
	padding: 132px 0 0;
}

.timeline {
	position: relative;
}

.timeline::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 73px;
	bottom: 0;
	width: 1px;
	border-right: 1px solid #FF4545;
}

.timeline-item {
	position: relative;
	display: flex;
	gap: 100px;
}

.timeline-item__thumb {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	width: calc(50% - 50px);
	min-width: calc(50% - 50px);
}

.timeline-item__thumb img {
	display: block;
	width: 100%;
}

.timeline-item__content {
	padding: 62px 0;
}

.timeline-item__title {
	margin: 0 0 29px;
	font: 400 36px "SFProDisplay", sans-serif;
}

.timeline-item__title::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 73px;
	width: 20px;
	height: 20px;
	margin-left: -10px;
	border-radius: 50%;
	background-color: #ff4545;
}

.timeline-item__description {
	max-width: 558px;
	color: rgba(0, 0, 0, 0.9);
	font: 400 16px/160.5% var(--fm);
}

@media (min-width: 576px) {
	.timeline-item:nth-child(even) {
		flex-direction: row-reverse;
		text-align: right;
	}
}

@media (max-width: 1199px) {
	.s-timeline {
		padding: 80px 0 0;
	}

	.timeline::before, .timeline-item__title::before {
		top: 44px;
	}

	.timeline-item__content {
		padding: 32px 0;
	}
}

@media (max-width: 767px) {
	.timeline-item {
		gap: 32px;
	}

	.timeline-item__thumb {
		width: calc(50% - 16px);
		min-width: calc(50% - 16px);
	}
}

@media (max-width: 575px) {
	.timeline-item {
		flex-direction: column;
		padding-left: 40px;
		gap: 0;
	}

	.timeline-item__thumb {
		width: 100%;
		min-width: unset;
	}

	.timeline::before {
		top: 0;
		left: 10px;
	}

	.timeline-item__title {
		position: relative;
	}

	.timeline-item__title::before {
		top: 10px;
		left: -30px;
	}
}


.s-sertificate {
	margin-top: 86px;
}

.sertificate {
	display: flex;
	color: #fff;
	background-size: cover;
	background-repeat: no-repeat;
	text-align: center;
}

.sertificate-content {
	display: flex;
	flex-grow: 1;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.sertificate__title {
	margin: 0 0 38px;
	font: 400 64px/98% "SFProDisplay", sans-serif;
}

.sertificate__subtitle {
	font: 400 40px/118.5% "SFProDisplay", sans-serif;
}

.sertificate-main {
	width: 405px;
	min-width: 405px;
	padding: 103px 28px 34px;
	background: rgba(255, 69, 69, 0.80);
	text-align: center;
}

.sertificate-slider {
	position: relative;
}

.sertificate-arrows {
	position: absolute;
	right: 0;
	left: 0;
	bottom: 41px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #fff;
	pointer-events: none;
	z-index: 21;
}

.sertificate-arrows .slider-arrow {
	pointer-events: all;
}

.sertificate-arrows .icon {
	width: 31px;
	height: 31px;
}

.sertificate-thumb {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 0 40px;
}

.sertificate-value {
	font: 400 72px/1 "SFProDisplay", sans-serif;
}

.sertificate-subtitle {
	padding: 0 0 10px;
	font: 400 48px/1 "SFProDisplay Regular", sans-serif;
}

.btn--sertificate-select {
	width: 100%;
	margin-top: 90px;
}

@media (max-width: 991px) {
	.sertificate__title {
		font-size: 36px;
	}

	.sertificate__subtitle {
		font-size: 24px;
	}
}

@media (max-width: 767px) {
	.sertificate {
		flex-direction: column;
	}

	.sertificate-content {
		padding: 32px 20px;
	}

	.sertificate__title {
		margin: 0 0 21px;
		font-size: 31px;
	}

	.sertificate-main {
		width: 100%;
		min-width: 100%;
		padding: 34px 20px;
	}

	.sertificate-thumb {
		margin: 0 0 21px;
	}

	.sertificate-thumb img {
		max-width: 64px;
	}

	.sertificate-value {
		font-size: 36px;
	}

	.sertificate-subtitle {
		font-size: 26px;
	}

	.btn--sertificate-select {
		margin-top: 21px;
	}

	.sertificate-arrows {
		bottom: 24px;
	}
}


.s-quote {
	padding: 112px 0 0;
}

.quote {
	padding: 208px 0 52px;
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
}

.quote__content {
	max-width: 759px;
}

.quote__text {
	position: relative;
	margin: 0 0 35px;
	padding-left: 34px;
	border-left: 5px solid #CCD6DF;
	color: #555555;
	font: 300 italic 20px/156% var(--fm);
}

.quote__text::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: calc(100% + 34px);
	width: 56px;
	height: 56px;
	background-image: url('/local/templates/prymery/assets/css/../img/quote/quote.svg');
	background-size: contain;
	background-repeat: no-repeat;
}

.quote__author {
	color: rgba(0, 0, 0, 0.90);
	text-align: right;
	font: 400 16px/156% var(--fm);
	font-style: italic;
}

@media (max-width: 991px) {
	.s-quote {
		padding: 64px 0 0;
	}

	.quote {
		padding: 120px 0 64px;
	}
}

@media (max-width: 767px) {
	.quote {
		background-image: none!important;
		background-color: #e9e9e9;
	}
}


.s-principles {
	padding: 121px 0 129px;
	background-repeat: no-repeat;
	background-position: left center;
}

.principles-list {
	display: flex;
	flex-wrap: wrap;
	gap: 126px 116px;
	padding: 0 110px;
}

.principle {
	width: calc(33.333333% - 78px);
	padding: 0;
}

.principle__title {
	position: relative;
	margin: 0 0 60px;
	font: 400 24px/118.5% "SFProDisplay", sans-serif;
}

.principle__title::before {
	content: '';
	position: absolute;
	right: calc(100% + 46px);
	bottom: 7px;
	width: 16px;
	height: 16px;
	background: #ff4545;
	border-radius: 50%;
	z-index: 10;
}

.principle__title::after {
	content: '';
	position: absolute;
	right: calc(100% + 46px);
	bottom: 15px;
	width: 135px;
	height: 1px;
	background: linear-gradient(90deg, rgba(255,0,0,0) 0%, rgba(255,0,0,1) 100%);
}

.principle__title strong {
	display: block;
	font: 400 48px/118.5% var(--fm);
}

.principle__descr {
	color: rgba(133, 133, 133, 0.9);
	font: 400 16px/150% var(--fm);
}

@media (max-width: 1199px) {
	.principles-list {
		gap: 60px 40px;
	}

	.principle {
		width: calc(50% - 20px);
	}

	.principle__title::before, .principle__title::after {
		right: calc(100% + 15px);
	}
}

@media (max-width: 991px) {
	.s-principles {
		padding: 80px 0 64px;
	}

	.principles-list {
		padding: 0 30px;
	}

	.principle__title {
		margin: 0 0 21px;
		font-size: 21px;
	}
}

@media (max-width: 575px) {
	.principle {
		width: 100%;
	}
}


.page-sort {
	display: flex;
	justify-content: center;
	margin: 0 0 58px;
	gap: 0 108px;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}

.page-sort a {
	display: block;
	text-align: center;
	padding: 0 0 27px;
	color: #3d3d3d;
	font: 300 20px/117.5% var(--fm);
}

.page-sort a:hover {
	color: #000;
}

.page-sort li.current a {
	font-weight: 500;
	color: #000;
	box-shadow: 0 1px 0 0 #000;
}

@media (max-width: 1199px) {
	.page-sort {
		gap: 0 30px;
		justify-content: flex-start;
		white-space: nowrap;
		overflow-x: auto;
	}

	.page-sort a {
		padding: 0 0 10px;
		font-size: 18px;
	}
}

@media (max-width: 767px) {
	.page-sort {
		margin: 0 0 32px;
	}

	.page-sort a {
		font-size: 16px;
	}
}

.brands-search {
	display: flex;
	margin: 0 0 23px;
	border: 1px solid #000
}

.brands-search .icon {
	width: 18px;
	height: 18px;
}

.brands-search .form-control {
	padding: 0;
	border: none;
}

.brands-search .form-control::placeholder {
	color: #afafaf;
}

.brands-search .btn-submit {
	padding: 14px 24px;
	background-color: transparent;
	cursor: pointer;
}

.brands-anchors {
	display: flex;
	justify-content: space-between;
	margin: 0 0 58px;
	gap: 6px;
	font: 500 20px/117.5% var(--fm);
	text-transform: uppercase;
}

.brands-anchors a {
	color: #000;
}

.brands-anchors a:hover {
	opacity: 0.7;
}

@media (max-width: 767px) {
	.brands-anchors {
		margin: 0 0 32px;
		overflow-x: auto;
	}
}

.brands-thumb {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 53px;
	gap: 20px 24px;
}

.brand-thumb {
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(50% - 12px);
	padding: 25px;
	background-color: rgba(0, 0, 0, 0.03);
	transition: var(--dt);
}

.brand-thumb:hover {
	background-color: #000;
}

.brand-thumb:hover img {
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}

@media (min-width: 768px) {
	.brand-thumb {
		width: calc(33.333333% - 16px);
	}
}

@media (min-width: 992px) {
	.brand-thumb {
		width: calc(25% - 18px);
	}
}

.brands-letters__group {
	margin-bottom: 40px;
}

.brands-letters__group:last-child {
	margin-bottom: 0;
}

.brands-letters__title {
	margin: 0 0 20px;
	font: 400 40px/117.5% var(--fm)
}


.brands-letters__list {
	display: flex;
	flex-wrap: wrap;
}

.brands-letters__list li {
	width: 25%;
	margin-bottom: 16px;
}

.brands-letters__list li:last-child {
	margin-bottom: 0px;
}


.brands-letters__list a {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	color: rgba(131, 131, 131, 0.90);
	font: 300 24px/1.2 var(--fm);
}

.brands-letters__list a.premium {
	color: rgba(0,0,0,1);
	font-weight: 400;
}

.premium-label {
	display: inline-flex;
	padding: 4px 12px;
	border: 1px solid rgba(0,0,0,1);
	font: 300 italic 16px/1 var(--fm);
	white-space: nowrap;
}

.brands-letters__list a:hover {
	color: rgba(0,0,0,1);
}

@media (max-width: 991px) {
	.brands-letters__list li {
		width: 33.3333%;
	}

	.brands-letters__list a {
		font-size: 18px;
	}

	.premium-label {
		font-size: 14px;
	}
}

@media (max-width: 767px) {
	.brands-letters__list li {
		width: 50%;
	}

	.brands-letters__list a {
		font-size: 16px;
	}

	.premium-label {
		font-size: 12px;
	}
}

.btn--black {
	background-color: #000;
	color: #fff;
}

.btn--black:hover {
	background-color: #333;
}

.page-title {
	display: flex;
	align-items: baseline;
	gap: 14px;
}

.title-counter {
	color: #A4A4A4;
	letter-spacing: 0.14px;
	font: 500 14px/117.5% var(--fm);
}

.catalog-search {
	position: relative;
	display: flex;
	justify-content: flex-end;
	margin: -140px 0 92px;
}

.catalog-search .form-control {
	border-color: #DBDBDB;
	width: 580px;
	max-width: 100%;
}

.catalog-search .btn-submit {
	position: absolute;
	top: 1px;
	right: 1px;
	bottom: 1px;
	padding: 11px 32px;
	background-color: transparent;
	border-left: 1px solid #DBDBDB;
}

.catalog-search .icon {
	width: 18px;
	height: 18px;
}

@media (max-width: 991px) {
	.catalog-search {
		margin: 0 0 32px;
	}
}

.catalog-menu {
	position: relative;
	top: unset;
	padding: 0;
	opacity: 1;
	visibility: visible;
	pointer-events: all;
	z-index: 99;
}

.catalog-menu::after {
	content: none;
}

.catalog-menu .submenu-parent {
	min-height: unset;
	width: 100%;
}

.catalog-menu .submenu-parent > li > a {
	padding-left: 0;
	justify-content: flex-start;
	gap: 0 20px;
}

.catalog-menu a {
	color: rgba(0, 0, 0, 0.90);
}

.catalog-menu:hover a {
	color: rgba(131, 131, 131, 0.90);
}

.primary-menu__counter {
	color: #A4A4A4;
}

.primary-menu__counter::after {
	content: none!important;
}

@media (max-width: 1199px) {
	.catalog-menu .submenu-parent > li > a {
		gap: 0 6px;
	}
}

@media (max-width: 991px) {
	.col-catalog-menu {
		display: none;
	}
}

.catalog-filter {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 32px;
	gap: 16px;
	z-index: 61;
}

.dropdown-toggle {
	position: relative;
}

.dropdown-toggle__head {
	display: flex;
	align-items: center;
	padding: 11px 16px;
	gap: 17px;
	border: 1px solid #000;
	cursor: pointer;
}

.dropdown-toggle__title {
	font: 400 15px/117.5% var(--fm);
}

.dropdown-toggle__toggler {
	display: flex;
	justify-content: center;
	align-items: center;
}

.dropdown-toggle__toggler .icon {
	width: 13px;
	height: 13px;
}

.dropdown-toggle__body {
	position: absolute;
	top: calc(100% + 11px);
	left: 0;
	/*left: 50%;*/
	/*transform: translateX(-50%);*/
	width: 354px;
	padding: 20px;
	background-color: #fff;
	filter: drop-shadow(8px 8px 60px rgba(0, 0, 0, 0.12));
	opacity: 0;
	visibility: hidden;
	transition: var(--dt);
	z-index: 21;
}

.dropdown-toggle.open .dropdown-toggle__body {
	opacity: 1;
	visibility: visible;
}

.catalog-filter__group__search {
	position: relative;
	margin: 0 0 32px;
}

.catalog-filter__group__search .form-control {
	border-color: #A4A4A4;
}

.catalog-filter__group__search .btn-submit {
	position: absolute;
	top: 1px;
	right: 1px;
	bottom: 1px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px 20px;
	color: #A4A4A4;
	background-color: transparent;
}

.catalog-filter__group__search .icon {
	width: 18px;
	height: 18px;
}

.catalog-filter__list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.catalog-filter__group__footer {
	margin: 32px -20px -20px;
	padding: 20px;
	border-top: 1px solid #D9D9D9;
}

.catalog-filter__group__footer .btn {
	width: 100%;
}

.filter-prices__row {
	margin: 31px 0 0;
	gap: 20px;
}

.filter-prices__group {
	gap: 9px;
}

.filter-prices__group .caption {
	color: #A4A4A4;
	font-size: 14px;
}

.filter-prices__row .form-control {
	width: 120px;
	padding: 12px;
	color: #A4A4A4;
	font-size: 14px;
	text-align: center;
}

.irs {
	height: 25px;
}

.irs--round .irs-line, .irs--round .irs-bar {
	height: 2px;
}

.irs--round .irs-handle {
	width: 20px;
	height: 20px;
	bottom: -8px;
	border-radius: 50%;
	background-color: #fff;
	border: 2px solid #000;
}

.filter-color-label {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 28px;
	height: 28px;
	min-width: 28px;
	margin-right: 20px;
	vertical-align: middle;
}

.custom-checkbox-lg__value:checked ~ .custom-checkbox-lg__text {
	color: #000;
}

@media (max-width: 1199px) {
	.catalog-filter__group {
		width: calc(33.333333% - 11px);
	}

	.dropdown-toggle__head {
		justify-content: space-between;
	}

	.dropdown-toggle__body {
		width: 100%;
	}

	.filter-prices__row {
		flex-direction: column;
	}

	.filter-prices__group {
		width: 100%;
	}

	.filter-price__value {
		padding: 0;
	}
}

@media (max-width: 991px) {
	.catalog-filter__group {
		width: calc(50% - 8px);
	}
}

@media (max-width: 575px) {
	.catalog-filter__group {
		width: 100%;
	}
}

.row--product-list {
	gap: 16px 0;
}

.col-product {
	position: relative;
}

.col-product:hover {
	z-index: 51;
}

.row--product-list .product-item__content {
	padding: 20px 0 0;
}

.product-item__cart-link {
	background-color: #191919;
}
.info-line.is_stuck .header-logo img{
}
.info-line.is_stuck .user-menu{
	height: 50px;
}
.info-line.is_stuck .primary-menu li{
	/*height: 50px;*/
}
.info-line.is_stuck .primary-menu__submenu2 li{
	height: inherit;
}
.info-line.is_stuck .header-callback{
	padding: 8px 4px;
}
/* End */


/* Start:/local/components/webtoday/partner.register/templates/.default/js/dist/style.css?17925959253604*/
.ui-label[data-v-0c1bbe98]{margin-bottom:3px;font-size:14px;line-height:25px;display:block}.ui-form-group[data-v-0c1bbe98]{margin-bottom:12px}.ui-form-group[data-type=file] .ui-label[data-v-0c1bbe98],.ui-form-group[data-type=file] input[type=file][data-v-0c1bbe98]{display:none}.ui-form-group[data-type=file] label[data-v-0c1bbe98]{cursor:pointer;background-image:url(/upload/file.svg);background-position:0;background-repeat:no-repeat;background-size:24px 24px;padding-left:44px;display:block}.ui-form-group[data-type=file] label span[data-v-0c1bbe98]{color:#757575;font-size:13px;line-height:18px;display:block}.ui-form-group[data-type=file] label span[data-v-0c1bbe98]:first-child{color:#000;font-size:14px;font-weight:600;line-height:25px}.ui-input[data-v-0c1bbe98]{width:100%;font:400 15px / 18px var(--fm);border:1px solid #000;padding:15px 16px;display:block}.ui-btn[data-v-0c1bbe98]{text-align:center;cursor:pointer;background-color:#0000;border:none;border-radius:0;outline:0;justify-content:center;align-items:center;padding:20px 48px;font-size:18px;font-weight:500;line-height:21px;text-decoration:none;transition:all .3s;display:inline-flex}.ui-btn--dark[data-v-0c1bbe98]{color:#000;border:1px solid #000}.ui-form-actions[data-v-0c1bbe98]{text-align:center;margin-top:40px;margin-bottom:24px}.ui-btn--black[data-v-0c1bbe98]{color:#fff;background-color:#000}.ui-checkbox[data-v-0c1bbe98]{align-items:center;gap:16px;display:flex}.ui-checkbox__icon[data-v-0c1bbe98]{border:1px solid #000;border-radius:3px;justify-content:center;align-items:center;width:16px;min-width:16px;height:16px;display:inline-flex}.ui-checkbox__icon .icon[data-v-0c1bbe98]{flex:0 0 14px;width:14px;height:14px;display:none}.ui-checkbox input:checked+.ui-checkbox__icon .icon[data-v-0c1bbe98]{display:block}.ui-checkbox__text[data-v-0c1bbe98]{cursor:pointer;font:400 13px/18px var(--fm);color:#757575;display:inline-block}.ui-checkbox__text a[data-v-0c1bbe98]{color:#757575;text-underline-offset:2px;text-decoration:underline}.ui-checkbox__value[data-v-0c1bbe98]{width:0;height:0;fill:rect(0, 0, 0);position:absolute}.ui-error-message[data-v-0c1bbe98]{color:red;font-size:13px;line-height:18px;display:block}.ui-notification[data-v-0c1bbe98]{font-size:13px}.ui-notification-success[data-v-0c1bbe98]{background-image:url(/upload/success.svg);background-position:0;background-repeat:no-repeat;background-size:32px 32px;padding-left:52px}.ui-title{margin:0 0 16px;font-weight:100}h2.ui-title{font-size:48px;line-height:57px}.ui-text{margin:0 0 24px;font-size:16px;line-height:20px}.ui-text-md{margin:0 0 24px;font-size:15px;line-height:18px}.ui-text-sm{font-size:14px;line-height:16px}.ui-text-note{color:#757575;font-size:13px;line-height:18px}.ui-error-summary{color:red;margin-bottom:24px;font-size:13px}body.modal-open{overflow:hidden}.ui-modal{z-index:9999;box-sizing:border-box;width:100vw;height:100vh;position:fixed;top:0;left:0}.ui-modal__overlay{background-color:#0009;width:100%;height:100%;animation:.3s fadeIn;position:absolute;top:0;left:0}.ui-modal__content{box-sizing:border-box;background:#fff;width:90%;max-width:466px;max-height:90vh;padding:30px;animation:.3s scaleIn;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.ui-modal__close{color:#000;cursor:pointer;z-index:10;background:0 0;border:none;font-size:28px;line-height:1;transition:color .2s;position:absolute;top:15px;right:15px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:translate(-50%,-48%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}
/*$vite$:1*/
/* End */


/* Start:/local/templates/prymery/styles.css?179016387773200*/
img.letter-contain{
    margin-left: 10px;
}
.product-item__label--discount{
    background: #C82E29!important;
}
.technology{
    background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(rgba(245, 245, 245, 0)));
    background: linear-gradient(180deg, #F5F5F5 0%, rgba(245, 245, 245, 0) 100%);
}
sup{
    vertical-align: super;
    font-size: 10px;
}
.letter-slider .swiper-slide{
    justify-content: center;
    font-size: 210px;
    font-weight: 100;
}
.top-letter-text{
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 0 0 0 5px;
}
.header-logo img{
    /*height: 110px;*/
}
.header-logo{
    width: 175px;
    min-width: 105px;
}
.subscribe__content_wrap h2{
    width: 100%;
}
.subscribe__content_wrap{
    flex-wrap: wrap!important;
}
.about__logo img{
    max-width: 80%;
}

.page-header.page-header--imaged:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    z-index: 9;
    width: 100%;
    height: 100%;
    opacity: .5;
}

.page-header.page-header--imaged {
    position: relative;
}

.page-header.page-header--imaged .container-fluid {
    position: relative;
    z-index: 99;
}
.product-detail__tabs-block{
    display: none;
    padding: 10px 30px;
}
.product-detail__tabs-block.open{
    display: block;
}
.product-detail__tabs-item {
    padding: 5px 20px;
    background: #f2f2f2;
    border: 1px solid #ccc;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.product-detail__tabs{
    margin-bottom: 40px;
}
.product-detail__tabs-item img{
    transition: .3s;
}
.product-detail__tabs-item.active img{
    transform: rotate(180deg);
}
.product-detail__text{
    margin-bottom: 30px;
}
.product-detail__content{
    width: calc(100% - 800px);
}

@media(min-width: 768px){
    .header-logo{
        width: 170px!important;
    }
}
@media(max-width: 768px){

    .footer__development{
        margin-top: 30px;
    }
    .footer-callback-link{
        display: none;
    }
    .product-detail__icons{
        padding-left: 0!important;
    }
    .product-detail__icons-item:first-child{
        min-width: 125px!important;
    }
    .tabs__item{
        padding: 10px!important;
    }
    .page-header{
        position: relative;
        z-index: 99;
        padding-top: 35px!important;
    }
    .page-header--imaged.page-header{
        padding: 35px 0!important;
    }
}
@media(max-width: 991px){
    .product-detail__content{
        width: 100%;
        margin: 32px 0 0 0;
    }
    .technology {
        padding: 51px 20px 60px;
    }
    .s-faq__right {
        height: 600px;
        background-size: contain !important;
        background-position: center !important;
    }
}
.btn--to-cart{
    padding: 15px!important;
}
.footer-callback-link{
    float: right;
}
.footer__development {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    justify-content: end;
}

.footer__development span {
    margin-right: 10px;
}

.footer__development-link {
    position: relative;
    top: -3px;
    display: inline-block;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    width: 100px;
    height: 27px;
}

.footer__development-link img {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: 0.4s opacity;
    -o-transition: 0.4s opacity;
    transition: 0.4s opacity;
}

.footer__development-link .img-hover {
    opacity: 0;
}

.footer__development-link:hover .img-hover {
    opacity: 1;
}

.footer__development-link:hover .img-default {
    opacity: 0;
}
.product-detail__info ul{
    padding: 30px;
    /*list-style: disc;*/
}
.filter-bg img{
    max-width: 17px;
    max-height: 17px;
    filter: invert(100%);
}
.filter-bg{

}
footer .footer-social,
header .footer-social{
    gap: 0;
}
.timeline-item__thumb img{
    max-width: 400px;
}
.where-list {
    margin-bottom: 80px;
}
.where-item {
    flex-direction: column;
    display: flex;
    padding: 40px 50px 25px;
    border-radius: 5px;
    border: 1px solid #CDCDCD;
    background: #FFF;
    margin-bottom: 20px;
    min-height: 197px;
}
.where-item img {
    max-width: 155px;
    display: inline-block;
    margin-bottom: 20px;

    height: 95px;
    object-fit: contain;
}
.where-title {
    border-radius: 32px;
    border: 1px solid #DB395E;
    background: #FFF;
    color: #DB395E;
    text-align: center;
    font-family: Gilroy;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    transition: .3s;
    padding: 9px 50px;
}
@media (max-width: 1200px) {
    .where-title {
        padding: 9px 0;
    }
}
.btn--white-outline{
    background: #fff;
    border: 1px solid #000;
    color: #000;
}
.btn--white-outline:hover{
    color: #fff;
}
@media(min-width: 991px){
    .hero-slider{
        z-index: 199;
    }
}
.blog-detail__picture{
    max-width: 400px;
    min-width: 400px;
}
.blog-detail{
    display: flex;
    gap: 40px;
}
@media(max-width: 768px){
    .blog-detail{
        flex-wrap: wrap;
    }
}
.pageContent{
    margin-bottom: 80px;
}
.enterForm {
    margin: 40px 0;
    max-width: 350px;
}
.ya-share2__list {
    margin: 0!important;
}

.catalog-description{
    margin: 50px 0 100px;
}
.blog-alt__description a{
    margin-left: 20px;
}
.blog-alt__description.mini a{
    margin: 0;
}
.header-logo .mobile-logo{
    display: none;
}
@media(max-width: 991px){
    .header-logo .desktop-logo{
        display: none;
    }
    .header-logo .mobile-logo{
        display: block;
    }
    .blog-detail__picture,
    .blog-detail__picture img{
        max-width: 100%;
        min-width: auto;
    }
    .blog-detail img{
        margin-bottom: 0;
    }
    .blog-detail{
        gap: 15px;
    }
    .product-detail__text{
        line-height: 23px;
    }
    footer .footer-social{
        gap: 10px;
    }
    .hero-item{
        height: 355px;
        padding: 20px;
    }
    .banner-slider,
    .banner__content,
    .banner__thumb{
        max-height: 350px;
        overflow: hidden;
        z-index: 9;
    }
    .hero-item__action .btn{
        padding: 10px 46px;
        font-size: 12px;
    }
}
.blog-item__thumb:not(.not_overlay):before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    position: absolute;
    opacity: .3;
}
.blog-alt__tags.detail{
    display: block;
    margin-bottom: 20px;
}
.afisha-type{
    display: inline-block;
    background: #000;
    color: #fff;
    padding: 1px 17px;
}
.blog-alt.mini{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.map-courses{
    height: 300px;
    margin-top: 20px;
}
.main-map{
    height: 500px;
    position: relative;
    margin-bottom: 50px;
}


.modal-content {
    position: relative;
    max-width: 600px;
    margin: 0 auto;
    padding: 48px;
    background: #FFFFFF;
    border-radius: 48px;
}
.modal-test {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow-y: auto;
    padding: 24px 12px;
    z-index: 9999;
}
.modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 32px;
}

@media (min-width: 768px) {
    .modal-header {
        padding-right: 40px;
    }
}
.modal-close {
    position: absolute;
    top: 32px;
    right: 32px;
    width: 48px;
    height: 48px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid #CECECE;
    border-radius: 50%;
    color: #CECECE;
    cursor: pointer;
    transition: all 0.3s ease;
}
.modal-close:hover {
    color: var(--primary);
    border-color: var(--primary);
}
.modal-close .icon {
    width: 24px;
    height: 24px;
}

.modal-title {
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 120%;
}
.js-modal-ballon .modal-title{
    margin-bottom: 0;
}
.modal-info, .info-list p {
    margin-top: 24px;
}
.modal-info__val, .info-list p {
    font-weight: 400;
    font-size: 1rem;
    line-height: 120%;
    color: #303030;
}
.modal-info__char, .info-list b {
    margin-bottom: 8px;
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 120%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #BBBBBB;
}
.modal {
    display: none;
}
.modal-test {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow-y: auto;
    padding: 24px 12px;
    z-index: 9999;
}
.js-modal-close svg{
    max-width: 20px;
}

.modal-info__img img{
    max-height: 100px;
}
.product-detail__text.center{
    max-width: 750px;
    margin: 20px auto;
}
.product-detail__content .product-detail__text{
    letter-spacing: 0.02em;
    font: 400 16px / 24px var(--fm);
}
.product-detail__text p{
     max-width: inherit!important;
     color: #000!important;
}
.s-catalog-filter .catalog-menu{
    display: flex;
    flex-direction: column;
}
.novalid {
    background: #ffe5e5;
    border-color: #ff0000;
}
.product-detail__gallery {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    flex-wrap: wrap;
    margin: 40px 0;
}
.product-detail__gallery a {
    width: calc(25% - 20px);
}
@media (max-width: 525px) {
    .product-detail__thumb{
        order:0;
    }
    .product-detail__content{
        order: 1;
    }
    .product-detail__gallery{
        order:2;
    }
    .product-detail__info{
        order:3;
    }
}
.blog-detail__picture img.main-photo{
    margin-bottom: 15px;
}
.blog-detail__photos-desc{
    color: #ccc;
    font-style: italic;
}
.s-catalog-filter .primary-menu li{
    height: 32px;
}
.bx-filter{
    padding: 0 10px;
}
.bx-filter .bx-filter-parameters-box-title span{
    color: #000;
}
.bx-filter .bx-filter-section{
    padding: 0;
}
.bx-filter-parameters-box{
    width: 160px;
    max-width: 160px;
    padding: 0 5px;
}
.smartfilter{
    display: flex;
    align-items: center;
}
.smartFilter__btns{
    margin-left: auto;
    margin-top: auto;
}
.smartFilter__btns .btn--black{
    margin-left: auto;
    height: 33px;
    font: 500 14px / 16px var(--fm);
    width: 130px;
    padding: 0;
    cursor: pointer;
}
.smartFilter__btns .btn-link{
    height: 33px;
    font: 500 14px / 16px var(--fm);
    padding: 0 10px;
    background: transparent;
    border: none;
    cursor: pointer;
}
.mobile-filter{
    display: none;
}
.mobile-filter__icon svg{
    max-width: 25px;
    max-height: 25px;
}
.mobile-filter__icon{
    max-width: 25px;
    max-height: 25px;
}
@media (max-width: 525px) {
    .smartfilter{
        flex-wrap: wrap;
    }
    .smartFilter__btns .btn--black,
    .smartFilter__btns{
        margin-left: 0;
    }
    .bx-filter-parameters-box{
        width: 50%;
        max-width: 50%;
        padding: 0 5px 0 15px;
    }
    .bx-filter{
        display: none;
    }
    .mobile-filter{
        display: flex;
        gap: 10px;
        margin-bottom: 20px;
        background: #eee;
        border-radius: 10px;
        padding: 5px 10px;
        align-items: center;
        justify-content: start;
        width: max-content;
        cursor: pointer;
    }
    .smartFilter__btns{
        margin-top: 10px;
    }
}
.top-menu__second-level{
    display: none;
    position: absolute;
    width: 150px;
    background: #1D1C22;
    top: 35px;
    z-index: 9;
    padding: 10px;
    left: -10px;
}
.top-menu li{
    padding: 10px 0;
    position: relative;
}
.top-menu li:hover .top-menu__second-level{
    display: block;
}
.defPage ul,
.defPage ol{
    padding: 20px 20px 20px 40px;
}
.defPage ul li{
    list-style: disc;
}
.defPage ol li{
    list-style: numeric;
}
.defPage li{
    margin-bottom: 10px;
}
.pageContent ul,
.pageContent ol{
    padding: 20px 20px 20px 40px;
}
.pageContent ul li{
    list-style: disc;
}
.pageContent ol li{
    list-style: numeric;
}
.pageContent li{
    margin-bottom: 10px;
}
.pageContent p{
    margin-bottom: 20px;
}
.pageContent h2{
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 30px;
}
.pageContent h3{
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 30px;
}
.pageContent h4{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 30px;
}
.bx-filter-parameters-box-container{
    padding-bottom: 0;
}

.blog-btn{
    padding: 8px;
    font: 500 14px / 16px var(--fm);
    width: 170px;
    margin-top: 10px;
}
.map-item-block{
    display: flex;
    width: calc(50% - 35px);
}
.fancybox-content #callback{
    margin: 0;
}
.fancybox-content .modal-content{
    padding: 0;
}
.fancybox-content .modal-content .form-submit{
    padding: 10px 8px;
    font: 500 14px / 16px var(--fm);
    width: 170px;
}
img.hero-item__thumb {
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .5;
    height: 100%;
    width: 100%;
}
.hero-content{
    /*background: #000;*/
}
.hero-item__desc{
    color: #fff;
}

.hero-item__title {
    /*max-width: 460px;*/
    /*margin: 0 0 32px;*/
    /*font: 400 52px / 0.8 var(--fm);*/
}
.hero-item__desc {
    max-width: 460px;
    margin: 0 0 32px;
    font: 400 18px / 1.2 var(--fa);
}
.hero-item__action .btn {
    border-color: #fff !important;
}
.top-menu a{
    font-size: 14px;
}

.hero-slider-container {
    position: relative;
}
.hero-slider-container::before {
    content: "";
    position: absolute;
    top: 20px;
    right: -20px;
    bottom: 20px;
    left: -20px;
    border-radius: 16px;
    /*background-color: var(--primary);*/
    opacity: 0.08;
}

.hero-slider-arrows {
    position: absolute;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    bottom: 40px;
    left: 80px;
    z-index: 21;
}
.hero-slider-arrows .slider-arrow {
    background-color: transparent;
    border-color: var(--primary);
    color: var(--primary);
}
.hero-slider-arrows .slider-arrow:hover {
    background-color: var(--primary);
    color: var(--light);
}

.hero-slider-alt {
    position: relative;
    overflow: hidden;
    z-index: 20;
}

.hero-item-alt {
    position: relative;
    color: var(--primary);
}

.hero-item__picture {
    display: block;
    -webkit-box-shadow: 15px 5px 30px 0px rgba(159, 129, 112, 0.05);
    box-shadow: 15px 5px 30px 0px rgba(159, 129, 112, 0.05);
}
.hero-item__picture img {
    display: block;
    width: 100%;
}

.hero-item__content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 30px 40px;
    z-index: 21;
}

.hero-item__title {
    /*max-width: 460px;*/
    /*margin: 0 0 32px;*/
    /*font: 400 72px/0.8 var(--fm);*/
}

.hero-item__description {
    max-width: 460px;
    margin: 0 0 32px;
    font: 400 18px/1.2 var(--fa);
}

@media (max-width: 1365px) {
    .hero-item__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: 30px 40px 40px;
    }
    .hero-item__title {
        /*font-size: 48px;*/
    }
    .hero-slider-arrows {
        left: 40px;
    }
}
@media (max-width: 991px) {

    .hero-slider-container::before {
        right: -12px;
        left: -12px;
    }
    .hero-item__title {
        max-width: 420px;
        margin: 0 0 20px;
    }
    .hero-item__description {
        max-width: 300px;
        font-size: 16px;
    }
    .hero-slider-arrows {
        bottom: 24px;
    }
}


@media (max-width: 767px) {
    .hero-slider-container::before {
        top: 12px;
        right: -8px;
        bottom: 12px;
        left: -8px;
    }
    .hero-item__content {
        padding: 28px 12px;
    }
    .hero-item__title {
        margin: 0 0 12px;
        font-size: 32px;
    }
    .hero-slider-arrows {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        top: calc(100% + 24px);
        bottom: unset;
        left: 0;
        gap: 24px;
    }
    .hero-item__description {
        margin: 0 0 20px;
        font-size: 14px;
    }
}
.slider-arrow .icon {
    width: 24px;
    height: 24px;
}
.hero-item-alt, .hero-item-alt .hero-item__title  {
    color: #000
}
.footer-line__tagline{

}
.hero-item__content,.hero-item__title, .hero-item__action .btn{
    color: #fff!important;
}
.hero-item__action .btn{
    border-color: #fff!important;
}
@media (min-width: 768px) {
    .hero-item-alt{
        height: 450px;
    }
}
@media (max-width: 475px) {
    .hero-item-alt{
        height: 400px;
    }
    .hero-item__picture img{
        object-fit: cover;
        height: 100%;
    }
    .hero-item__picture{
        height: 100%;
    }
    .hero-item__action .btn{
        padding: 8px 26px;
    }
    .product-slider .product-slide2{
        width: 200px!important;
        margin-right: 10px!important;
    }
    .footer-line{
        flex-wrap: wrap;
    }
    .footer-nav{
        margin-top: 20px;
    }
    .header__mobile-btns{
        text-align: center;
    }
    .header__mobile-btns a{
        display: inline-block;
    }
}
.hero-item__content {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
}
.btn--white:hover{
    color: #000;
}
.hero-slider:not(.swiper-initialized){
    opacity: 0;
}
.footer-social svg{
    max-width: 19px;
    max-height: 19px;
}
.footer-social__phone a{
    color: #fff;
}
.modal-description{
    margin-bottom: 30px;
}

.sections__item{
    position: relative;
    display: inline-block;
    width: 100%;
    min-height: 230px;
    vertical-align: top;
    margin-bottom: 30px;
    background-position: center right;
    background-repeat: no-repeat;
    border: 1px solid #ebebeb;
    background-color: #fff;
    padding: 45px 52% 30px 30px;
    transition: transform .3s linear;
    text-decoration: none;
    background-size: 50%;
}

.sections__name{
    text-transform: uppercase;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 20px;
    letter-spacing: .25px;
}
.sections__description{
    color: #000;
    font-size: 13px;
    line-height: 18px;
    margin: 0 0 13px;
}

.more {
    font-weight: 500;
    color: var(--primary);
    font-size: 13px;
    border-bottom: 1px solid var(--primary);
    transition: .3s;
    display: inline-block;
}

.more:hover{
    border-color: transparent;
}

.sections__info{
    padding: 0!important;
}

@media(min-width: 576px){
    .product__list [class*=col-] {
        padding-left: 7px;
        padding-right: 7px;
    }

    .product__list .row {
        margin-right: -7px;
        margin-left: -7px;
    }
}

@media (max-width: 575px) {
    .sections__item {
        min-height: 120px;
        margin-bottom: 16px;
        padding: 24px;
    }

    .sections__name {
        margin-bottom: 12px;
    }
}

.sections__description a{
    color: #000;
    border-bottom: 1px dashed #000;
    transition: .3s;
    margin-left: 5px;
}
.sections__description a:hover{
    border-color: transparent;
}

.s-blog-list .category__link{
    padding: 10px 40px;
    font: 400 15px / 21px var(--fm);
}
.s-blog-list .categories__list--blog{
    margin-bottom: 60px;
}
.sections__img{
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    object-fit: cover;
}
.pre-order__slider,
.pre-order__cases{
    margin-top: 60px;
}
.pre-order__slider{
    position: relative;
    overflow: hidden;
}
.pre-order-arrows{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}
.pre-order-arrows .hero-prev{
    left: 0;
    position: absolute;
    background: #fff;
    height: 100%;
}
.pre-order-arrows .hero-next{
    right: 0;
    position: absolute;
    background: #fff;
    height: 100%;
}
.pre-order__cases-title{
    margin-bottom: 30px;
}

.pre-order__form {
    background: #eee;
    margin-top: 60px;
    padding: 50px 0;
    text-align: center;
}

.pre-order__form-title {
    font-size: 24px;
    font-weight: bold;
    max-width: 800px;
    margin: 0 auto 20px;
    font: 400 30px / 119.5% "SFProDisplay", sans-serif;
}

.pre-order__form-desc {
    max-width: 650px;
    margin: 0 auto 30px;
}

.pre-order__form-btn {
    margin-bottom: 30px;
}

.pre-order__form-contacts a {
    color: #000;
    transition: .3s;
    border-bottom: 1px solid;
    display: inline-block;
    margin: 0 10px;
}

.primary-menu__submenu2{
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    top: 80px;
    left: 0;
    z-index: 99;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    background: #fff;
    width: 250px;
}
.is_stuck .primary-menu__submenu2{
    top: 51px;
}
.primary-menu li{
    /*position: relative;*/
}
.primary-menu li:hover .primary-menu__submenu2{
    opacity: 1;
    visibility: inherit;
}
.main-header{
    z-index: 200;
}
.primary-menu__submenu2 li{
    height: inherit;
}
.primary-menu__submenu2 li span{
    line-height: 18px;
    display: inline-block;
    padding: 3px 10px;
    text-transform: initial;
    font-weight: 300;
}
.primary-menu__submenu2  a:hover span::after {
    display: none!important;
}

.hero-item__action .btn--red{
    border-color: #990116!important;
    color: #fff!important;
    background: #990116!important;
}
.hero-item__action .btn--red:hover{
    border-color: #990116!important;
    background: #990116!important;
    color: #fff!important;
}
.s-principles{
    background-size: contain;
}
.s-pre-order .s-principles{
    padding-bottom: 20px;
}
.pre-order__cases-title{
    font: 400 30px / 119.5% "SFProDisplay", sans-serif;
}
.product-detail__text {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    text-align: justify;
}
.mw-100{
    max-width: 100%;
}
.pre-order__slider{
    margin-bottom: 80px;
}
.product-detail ul,
.product-detail__text ul {
    /*list-style: disc;*/
    padding: 15px 0 15px 30px;
}
.product-detail ul li,
.product-detail__text ul li{
    padding-left: 20px;
    position: relative;
}
.product-detail ul li:before,
.product-detail__text ul li:before{
    content: "";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #ff4545;
    top: 7px;
    left: 0;
}
.product-detail ol li,
.product-detail__text ol li{
    padding-left: 20px;
    position: relative;
}
.product-detail ol li:before,
.product-detail__text ol li:before{
    content: counter(item) '. ';
    counter-increment: item;

    content: counter(item) '. ';
    counter-increment: item;
    margin-right: 10px;
    color: #ff4545;
}
.product-detail li,
.product-detail__text li {
    margin-bottom: 10px;
}

.product-detail__text ol,
.product-detail ol,
.product-detail__info ol {
    /*list-style: numeric;*/
    counter-reset:  item;
    padding: 15px 0 15px 30px;
}
.main-footer{
    margin-top: auto;
}
.footer-social2 li{
    margin-bottom: 10px;
}
.hero-item__action .btn--red:hover{
    background: transparent!important;
}
.primary-menu .active a,
.primary-menu__aside a:hover{
    color: rgb(164, 164, 164);
}
@media(min-width: 1199px){
    .info-list .char{
        width: 430px;
    }
}
.product-detail__info a,
.product-detail__text a{
    color: #ff4545;
}
.info-list{
    padding: 15px 0 15px 0!important;
}
.info-list li:before{
    display: none!important;
}
.principle__title img {
    max-width: 75px;
}
.principle__descr strong{
    color: #000;
}


.section__title-map{
    margin: 80px auto 10px;
}
.section__desc-map{
    margin-bottom: 80px;
}
.new-map{
    position: relative;
    margin: 0 auto 80px;
    width: 1024px;
    text-align: center;

    background-image: url(/upload/map.png);
    background-repeat: no-repeat;
    background-position: 0px -40px;
    background-size: cover;
}
.new-map img{
    margin: 0 auto;
    opacity: 0;
    /*width: 845px;*/
}

.new-map__city{
    position: absolute;
    z-index: 5;
    transform: translate(-50%,-50%);
}

.new-map__drop{
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    padding: 10px 25px;
    border-radius: 10px;
    background: #ff4545;
    white-space: nowrap;
    left: 50%;
    transform: translate(-50%,0);
    top: -50px;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transition: 300ms;
}

.new-map__marker{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
}

.new-map__city:hover{
    z-index: 6;
}

.new-map__city:hover .new-map__drop{
    visibility: visible;
    opacity: 1;
}

.new-map__city-1{
    left: 23%;
    top: 46%;
}

.new-map__city-2{
    left: 24%;
    top: 30%;
}

.new-map__city-3{
    left: 46%;
    top: 72%;
}

.new-map__city-4{
    left: 35%;
    top: 61%;
}

.new-map__city-5{
    left: 29%;
    top: 59%;
}

.new-map__city-6{
    left: 26%;
    top: 52%;
}

.new-map__city-7{
    left: 51%;
    top: 69%;
}

.new-map__city-8{
    left: 33%;
    top: 65%;
}

.new-map__city-9{
    left: 26%;
    top: 60%;
}

.new-map__city-10{
    left: 30%;
    top: 66%;
}

.new-map__city-11{
    left: 19%;
    top: 59%;
}

.new-map__city-12{
    left: 15%;
    top: 66%;
}

.new-map__city-13{
    left: 41%;
    top: 70%;
}

.new-map__city-14{
    left: 21%;
    top: 51%;
}

.new-map__city-15{
    left: 33%;
    top: 51%;
}

.new-map__city-16{
    left: 19%;
    top: 67%;
}

.new-map__city-17{
    left: 31%;
    top: 56%;
}

.new-map__city-18{
    left: 22%;
    top: 60%;
}

.new-map__city-19{
    left: 49%;
    top: 78%;
}

.new-map__city-20{
    left: 59%;
    top: 74%;
}

.new-map__city-21{
    left: 82%;
    top: 66%;
}

.new-map__city-22{
    left: 82%;
    top: 78%;
}

.region-start{
    display: flex;
    gap: 30px;
    margin-bottom: 20px;
}

.region-start > div:first-child{
    width: 40%;
}

.region-start > div:last-child{
    width: 60%;
}

.region-list-block{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.region-list-block button{
    cursor: pointer;
    transition: 300ms;
    border: 0;
    background: #eee;
    font-weight: 500;
    padding: 10px;
    font-size: 16px;
}

.region-list-block button.active{
    background: #C93C20;
    color: #fff;
}

.region-city{
    font-size: 24px;
    font-weight: 700;
    color: #c91032;
}

#map-new{
    height: 400px;
    width: 100%;
}

.region-about__item{
    display: none;
}

.region-about__item:first-child{
    display: block;
}

.region-block__title{
    text-align: center;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 40px;
    margin-top: 40px;
}

.region-block{
    margin-bottom: 40px;
}
.s-partners{
    background: #fff;
    margin-top: 0;
}
.s-video{
    padding-top: 0;
}
.black-logo_in-white{
    display: none;
}
.is_stuck .white-logo_in-black{
    display: none;
}
.is_stuck .black-logo_in-white{
    display: block;
}
.banner-slider .slider-arrows{
    display: none;
}
.white-logo_in-black2{
    display: none;
}
@media (max-width: 575px) {
    .sections__info {
        width: 48%;
    }
    .sections__name{
        font-size: 11px;
    }
    .sections__item{
        padding: 10px;
    }
    .white-logo_in-black2{
        display: block;
    }
    .black-logo_in-white2{
        display: none;
    }

    .col-banner-content:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        background: #000;
        opacity: .5;
        z-index: 1;
    }
    .banner__content{
        z-index: 22;
    }
    .video-fullwidth iframe{
        height: 300px;
    }
    .s-principles{
        background-size: contain;
        background-position: center;
    }
    .section__desc-map {
        margin-bottom: 20px;
    }
    .container__map{
        max-width: 100%;
        overflow-x:scroll;
    }
    .s-banners {
        padding-top: 0;
    }
    .main-footer{
        margin-top: 0;
    }
}

.product-item__label--new {
    color: #fff!important;
    /*background-color: #ff4545;*/
}
.product-item__label--yellow,
.product-detail__label--yellow{
    background: #CEB37C;
    color: #fff!important;
}
.product-item__label--sale,
.product-detail__label--sale{
    background-color: #ff4545;
    color: #fff!important;
}
.section__desc-map a{
    color: #ff4545;
}
.map-contacts + .main-footer{
    margin-top: 0;
}
.category__link.active{
    background-color: #000;
    color: #fff;
}
.contact-item__content a{
    color: #000;
    font-weight: bold;
}
.product-detail__text p{
    margin-bottom: 20px;
}
.product-detail__text table{
    margin-bottom: 40px;
}
.product-detail__text td{
    border:1px solid #ccc;
    padding: 10px;
}
.basket-item-amount-filed{
    border: none;
}
.basket-items-list-header{
    margin-bottom: 30px;
}
.basket-item-actions-remove{
    background: transparent;
}
.order-payment-list{
    display: flex;
    flex-wrap: wrap;
}
.order-payment-list-item__marker{
    min-width: 16px;
}
.bx-soa-coupon{
    display: none!important;
}

@media only screen and (min-width: 1280px) {
    .order-wrapper {
        flex-wrap: nowrap;
        gap: 10px;
    }
}
#bx-soa-total #bx-soa-basket{
    display: none!important;
}
.order-total-sum{
    margin-top: 0!important;
}



.main-adv {
    display: flex;
    flex-wrap: wrap;
}

.main-adv__item {
    width: 33%;
    padding: 38px 56px;
    transition: .3s;
}
.main-adv__title{
    font-size: 25px;
    font-weight: 500;
    line-height: 31px;
    letter-spacing: 0.01em;
}
.main-adv__text{
    font-size: 14px;
    line-height: 25px;
}
.main-adv__top {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    justify-content: space-between;
    gap: 20px;
}
.main-adv__line{
    width: 148px;
    height: 3px;
    background: #374d33;
    margin-top: 30px;
}
.main-adv__item:hover{
    background: #374d33;
}
.main-adv__item:hover .main-adv__line{
    background: #fff;
}
.main-adv__item:hover .main-adv__title,
.main-adv__item:hover .main-adv__text{
    color: #fff;
}
.main-adv__item .main-adv__icon img{
    min-width: 55px;
}
.main-adv__item:hover .main-adv__icon img{
    filter: invert(1);
}

@media(max-width: 1200px){
    .main-adv__item {
        padding: 20px;
    }
}
@media(max-width: 1100px){
    .main-adv__item {
        width: 50%;
    }
    .main-adv__top{
        margin-bottom: 10px;
    }
}
@media(max-width: 768px){
    .main-adv__top {
        flex-wrap: wrap;
    }
    .main-adv__title{
        order: 2;
    }
    .main-adv__icon{
        order: 1;
        width: 100%;
    }
}
@media(max-width: 575px){
    .main-adv__item {
        width: 100%;
    }
}
.primary-menu__aside li{
    display: block;
}
.consultPage {
    display: flex;
    align-items: start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}

.consultPage__title {
    margin-bottom: 20px;
    font: 200 33px / 1.1875 var(--fm);
}
.consultPage__content{
    width: calc(50% - 10px);
}
.consultPage__picture{
    width: calc(50% - 10px);
}
.consultPage__text {
    line-height: 25px;
    margin-bottom: 30px;
}
.consultPage__picture{
    text-align: right;
}
@media (max-width: 768px) {
    .consultPage__content{
        width: 100%;
        margin-bottom: 30px;
    }
    .consultPage__picture{
        width: 100%
    }

    .hero-item__title{
        line-height: 40px;
    }
    .main-adv__item .main-adv__icon img {
        max-height: 55px;
    }
}
.consultPage__content a.header-callback{
    padding: 13px 16px;
    width: auto!important;
}
.ya-share2__list.ya-share2__list_direction_horizontal{
    width: 150px;
}
.ya-share2__list.ya-share2__list_direction_horizontal li:before{
    display: none!important;
}
.swiper-pagination-bullet{
    display: block;
}
.ps-relative{
    position: relative;
}
.swiper-pagination__heroslider{
    margin-top: -30px;
    position: absolute;
    z-index: 99;
    display: flex;
    gap: 20px;
    width: 100%;
    justify-content: center;
}
.product-sizes-arrow{
    display: none!important;
}
.s-faq{
    margin-bottom: 80px;
}
.s-faq__row{
    margin-top: 60px;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}
.s-faq__right{
    width: 548px;
    position: relative;
}
.s-faq__left{
    width: calc(100% - 548px);
}
.s-faq__preview{
    font-size: 23px;
    font-weight: 400;
    line-height: 32px;
    padding-right: 75px;
    position: relative;
}
.s-faq__preview:after{
    position: absolute;
    content:'';
    display: block;
    background: url(/local/templates/prymery/assets/img/plus.svg) no-repeat center;
    width: 40px;
    height: 40px;
    top: calc(50% - 20px);
    right: 25px;
}
.s-faq__item.active .s-faq__detail{
    display: block;
}
.s-faq__item.active .s-faq__preview:after{
    background: url(/local/templates/prymery/assets/img/minus.svg?up=12) no-repeat center;
}
.s-faq__detail{
    display: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin-top: 50px;
    color: #00000080;
}
.s-faq__item{
    border-bottom: 1px solid #E4E4E4;
    padding: 50px 0 50px 75px;
    cursor: pointer;
    border-left: 7px solid transparent;
}
.s-faq__item.active{
    border-left: 7px solid #374d33;
}
.s-faq__position{
    font-size: 28px;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: -0.03em;
    color: #000000CC;
}
.s-faq__name{
    font-size: 45px;
    font-weight: 600;
    line-height: 44px;
    letter-spacing: -0.03em;
    text-align: left;
    color: #000000B2;
    margin-top: 10px;
    margin-bottom: 44px;
}
.s-faq__btn{
    border: 1px solid #000;
    color: #000;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 17px 30px;
    justify-content: space-between;
}
.s-faq__content{
    padding: 25px 55px;
    position: absolute;
    bottom: 0;
    width: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 54.34%, rgba(255, 255, 255, 0.504413) 63.37%, rgba(255, 255, 255, 0.613893) 66.56%, rgba(255, 255, 255, 0.732338) 69.61%, rgba(255, 255, 255, 0.835059) 73.1%, rgba(255, 255, 255, 0.88) 76.3%, rgba(255, 255, 255, 0.91) 80.6%, #FFFFFF 100.84%);
    background: #ffffff99;
}
.s-faq__img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media (max-width: 991px) {
    .s-faq__left{
        width: 100%;
    }
    .s-faq__row{
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .s-faq__item{
        padding: 25px 0 25px 25px;
    }
    .s-faq__preview{
        font-size: 18px;
        line-height: 24px;
        padding-right: 45px;
    }
    .s-faq__preview:after{
        background-size: 23px;
        right: 10px;
    }
    .s-faq__item.active .s-faq__preview:after{
        background-size: 23px;
    }
    .s-faq__detail{
        margin-top: 25px;
    }
}
.btn--to-cart.added{
    background: #374d33!important;
}
.basket-btn-checkout:hover{
    background: #374d33!important;
}
.s-reviews{
    position: relative;
}
.s-reviews__header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.footer-line{
    margin-bottom: 40px;
}
.sale_order_full_table form input[type='SUBMIT']{
    width: 150px;
    padding: 12px 2px;
    font: 500 14px / 16px var(--fm);
    color: rgb(0, 0, 0);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(0, 0, 0);
    border-image: initial;
    background: transparent;
    cursor: pointer;
}
.sale_order_full_table form input[type='SUBMIT']:hover{
    background: #000;
    color: #fff;
}
.header-cart-link{
    position: relative;
}
.header-cart-link .icon{
    width: 20px;
    height: 20px;
}

.quantity-outline {
    height: 45px;
    border: 1px solid #dbdbdb;

    display: flex;
    align-items: center;
}

.quantity-controller {
    border: 0;
    outline: 0;
    background-color: transparent;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    transition: color .3s ease, background-color .3s ease;
}

.quantity-outline .quantity-controller {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 100%;
    transition: all .3s ease;
}
.quantity-outline .quantity-minus {
    border-right: 1px solid #dbdbdb;
}
.quantity__value[type="text"], .quantity__value[type="number"] {
    width: 40px;
    text-align: center;
    border: 0;
    outline: 0;
    font-size: 14px;
    font-weight: 700;
}
.quantity-outline .quantity-plus {
    border-left: 1px solid #dbdbdb;
}
.quantity-outline svg {
    width: 14px;
    height: 14px;
}
.quantity__value{
    pointer-events: none;
}
span.user-menu__counter {
    background: #ff0000;
    border-radius: 50%;
    width: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    position: absolute;
    top: -3px;
    right: -9px;
}
.basket-item-actions-remove{
    margin: 10px auto;
    border-bottom:none;
}
.basket-item-actions-remove svg{
    max-width: 30px;
    max-height: 30px;
}

.header-cart-link .icon{
    color: #000;
}
.col-header-search svg{
    color: #000;
}
.col-header-search{
    gap: 20px;
    display: flex;
}
.header-cart-link{
    /*margin-left: 20px;*/
    margin: 0;
}
.header-callback{
    width: auto;
}
.filter-bg svg{
    color: #fff;
}

@media (max-width: 1365px) {
    .hero-slider {
        --size: calc(100% - 606px);
    }
}
.hero-slider {
    --size: calc(100% - 691px);
    position: relative;
    width: var(--size);
    min-width: var(--size);
    overflow: hidden;
    z-index: 32;
}
.tabs-content__item{
    display: none;
}
.tabs-content__item.active{
    display: block;
}

.tabs {
    display: flex;
    flex-wrap: wrap;
}

.tabs__item {
    padding: 12px 23px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    cursor: pointer;
    transition: .3s;
    border-bottom: 1px dashed transparent;
}

.tabs__item:hover,
.tabs__item.active{
    background-color: #f8f8f8;
}
.tabs-content {
    background-color: #f8f8f8;
    padding: 40px 32px;
}
.sert-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.sert-list a {
    width: 25%;
}
.s-reviews__header a{
    color: #000;
}

.product-detail__icons {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    padding-left: 106px;
    margin-top: 8px;
    justify-content: flex-start;
}

.product-detail__icons-item {
    /*width: calc(25% - 10px);*/
    display: flex;
    align-items: center;
    justify-content: center;
    /*flex-wrap: wrap;*/
    background: #eee;
    padding: 5px 8px;
    font-size: 13px;
    gap: 9px;
}
.product-detail__icons-item span{
    width: 100%;
    text-align: center;
    display: inline-block;
    line-height: 11px;
}
.tabs-content__item li{
    padding-left: 0!important;
}

.main-header--overlayed .col-header-search svg{
    color: #fff!important;
}
.main-header--overlayed .header-cart-link .icon{
    color: #fff!important;
}

.product-detail ul li:before, .product-detail__text ul li:before{
    left: -18px;
}
.col-header-search a,
.js-header-content{
    display: flex;
    align-items: center;
}

.no-shadow{
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media (max-width: 768px) {
    .s-faq__right{
        max-width: 100%;
    }
    .s-faq__content{
        padding: 15px;
    }
    .s-faq__name{
        font-size: 36px;
        line-height: 25px;
        margin-bottom: 20px;
    }
}
.s-faq__item.active{
    border-color: #374d33;
}
.darkLink{
    color: #000;
}


#sostav table{
    /*background: #fff;*/
    /*border: 1px solid #ededed;*/
    border-left: 0;
    border-top: 1px solid #ccc;
}


#sostav table tr td {
    border-bottom: 1px solid #ccc;
    padding: 11px 0;
    text-align: center;
    font-size: 15px;
}
#sostav table tr:first-child td {
    /*background: #000;*/
    border-color: #ccc;
    /*color: #fff;*/
    font-weight: 500;
}
.table-text{
    margin-bottom: 20px;
}

/*.table-text .info-list .char::after{*/
/*    display: none;*/
/*}*/

#desc .info-list .char{
    width: 300px;
    min-width: 300px;
}
.table-text .info-list .char{
    width: 250px;
    max-width: 250px;
    font-weight: bold;
    color: #000;
    line-height: 18px;
}
.table-text .info-list .val {
    width: 100%;
}
#desc .info-list .val {
    width: 100%;
}

.product-detail__icons-item img {
    max-width: 23px;
}

.to_cart{
    max-width: 250px;
}
.to_cart:hover{
    background: #374d33;
}
.submenu-child li{
    margin-bottom: 0;
}
.main-header__btns-feedback{
    display: flex;
    align-items: center;
    gap: 8px;
}

.primary-menu li:nth-child(1) .primary-menu__submenu{
    padding: 0 0 0 230px;
}
.primary-menu li:nth-child(2) .primary-menu__submenu{
    padding: 0 0 0 330px;
}
.primary-menu li:nth-child(3) .primary-menu__submenu{
    padding: 0 0 0 430px;
}

.cart-list__head__footer .price{
    text-align: center;
}
/*.s-faq__row.s-faq__row2 {*/
/*    flex-direction: column;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*}*/
/*.s-faq__row.s-faq__row2 .s-faq__left {*/
/*    width: 100%;*/
/*}*/

.sostav_flex {
    display: flex;
    align-items: center;
    gap: 20px;
}

.table-text {
    max-width: 560px;
}
#sostav .info-list .char::after{
    display: none;
}

@media (max-width: 1100px) {
    .sostav_flex{
        flex-wrap: wrap;
    }
    .table-text {
        max-width: 100%;
    }
}
.sert-list__text{
    margin-bottom: 30px;
}
.page-title{
    font-weight: 500;
}
.product-detail__text h3{
    margin-bottom: 15px;
}
.table-text2 .info-list .char::after{
    display: none;
}
.table-text2 {
    max-width: 100%;
}

.product-detail ul li:before, .product-detail__text ul li:before{
    background: #356A41;
}
.product-detail__info #desc  p{
    max-width: 100%;
    color: #000;
    margin-bottom: 15px;
}
.product-detail-slider img{
    width: 100%;
}

.product-detail__prices{
    margin-top: 50px;
    margin-bottom: 50px;
}
.product-detail__action{
    margin-top: 5px;
}
.product-detail__text{
    margin-left: 0;
}
@media (max-width: 991px) {
    .header-cart-link .icon {
        color: #fff;
    }
    .col-header-search svg {
        color: #fff;
    }
    .main-header__btns-feedback{
        display: none;
    }
    .user-mobile{
        margin-left: 25px;
    }
    .header-logo {
        width: 200px;
        min-width: 105px;
    }
    .page-header{
       margin: 0!important;
        padding: 15px 0;
    }
    .s-faq__row{
        justify-content: center;
        align-items: center;
    }
    .s-banners .banner__title{
        position: relative;
        z-index: 2;
    }
    .s-banners .banner__thumb{
        background: #000;
    }
    .s-banners .banner__title{
        position: relative;
        z-index: 2;
    }
    .banner__thumb img{
        opacity: .5;
        position: relative;
        z-index: 2;
    }
    .hero-slider {
        --size: 100%;
    }
    .hero-content{
        background: #000;
    }
    .hero-pagination{
        bottom: 15px;
    }
    .tabs-content__item iframe{
        max-width: 100% !important;
    }
    .page-header{
        border-bottom: none;
    }
}
.basket-coupon-section,
.basket-checkout-section{
    max-width: 380px;
}

.mobile-menu .header__mobile-btns {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 10px;
    text-align: center;
}
.mobile-menu .header-callback{
    display: inline-block;
    max-width: max-content;
    margin: 0 auto;
}
.header__mobile-btns a{
    color: #000;
}
.quantity__value[type="text"], .quantity__value[type="number"] {
    width: 98px;
}

.bx-filter .bx-filter-parameters-box-title span{
    font: 400 15px / 117.5% var(--fm);
}
.bx-filter .bx-filter-select-container{
    border-color: #000;
    border-radius: 0;
    height: 41px;
}
.bx-filter .bx-filter-select-arrow{
    background: url(/local/templates/prymery/assets/img/arrow2.svg);
    background-size: 52%;
    background-repeat: no-repeat;
    background-position: center;
    height: 38px;
}
.bx-filter-parameters-box{
    width: 180px;
    max-width: 180px;
}
.bx-ui-slider-track-container{
    display: none!important;
}
.bx-filter-parameters-box-title{
    display: none;
}
.bx-filter .bx-filter-select-block{
    height: 39px;
}
.bx-filter .bx-filter-select-text{
    line-height: 37px;
    height: 37px;
}
.dropdown-toggle__head{
    
}
.s-catalog-filter .primary-menu li a{
    font: 500 14px / 16px var(--fm);
}
.s-catalog-filter .primary-menu li{
    height: 70px;
}
.bx-filter-popup-result{
    display: none!important;
}
.footer-logo_big{
    margin: 0 auto;
    width: auto;
    justify-content: center;
}
a.footer-logo.footer-logo_big img {
    max-width: 320px;
}
.footer__development{
    font: 400 14px / 15px var(--fm);
    color: rgba(255, 255, 255, 0.9);
    mix-blend-mode: normal;
    opacity: 0.8;
}
.product-detail__icons-item{
    min-width: 125px;
}

.mobile-text{
    display: none;
}
.product-slider-container .product-item{
    margin-bottom: 0!important;
}
@media (max-width: 575px) {
    .blog-item__title {
        padding: 14px 0!important;
    }

    .s-faq__content{
        bottom: -25px;
    }
    .s-faq__position{
        font-size: 20px;
        line-height: 22px;
    }
    .s-faq__name {
        font-size: 30px;
    }
    .footer-logo-mobile{
        /*display: none;*/
    }
    .bx-filter{
        padding: 0;
    }
    .bx-filter-parameters-box{
        margin-bottom: 10px;
    }
    .product-detail__icons{
        padding-left: 0;
    }
    .product-detail__icons-item {
        min-width: calc(50% - 4px)!important;
    }
    .product-detail__icons-item:first-child {
        width: 100%;
    }

    .tabs{
        flex-wrap: nowrap;
        overflow-x: scroll;
    }
    .desktop-text{
        display: none;
    }
    .mobile-text{
        display: block;
    }
    .fancybox-slide--html .fancybox-close-small{
        display: block!important;
    }
    .dropdown-toggle__head{
        padding-right: 6px!important;
    }
    .header-logo {
        width: 150px;
    }
}
.product-item.noaviable .product-item__thumb-text {
    position: absolute;
    top: calc(50% - 10px);
    width: 100%;
    text-align: center;
}
.product-item.noaviable .product-item__thumb img{
    opacity: .2;
}

.pagination, .search-page-container {
    margin-bottom: 40px;
}
.searchinput form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.searchinput .btn {
    display: inline-block !important;
    padding: 15px;
}
.searchinput .product-item__cart-link{
    height: 48px;
    cursor: pointer;
    transition: .3s;
    border: 1px solid #000;
}
.searchinput .product-item__cart-link:hover{
    background: #fff;
    color: #000;
}
.new-product .row--product-list .col-product{
    margin-bottom: 30px;
}
/*.hero-item:before{*/
/*    content: '';*/
/*    display: block;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    background: #fff;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    opacity: .5;*/
/*    z-index: 1;*/
/*}*/
.hero-item__title{
    position: relative;
    z-index: 2;
}

@media(min-width: 1200px){
    .s-faq__content{
        top: 390px;
        bottom: inherit;
    }
}

.add-to-cart .fly-icon, .product__action .fly-icon, .to_basket .fly-icon {
    opacity: 0;
    visibility: hidden;
}
.fly-icon {
    position: absolute;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    width: 40px;
    height: 45px;
    color: #fff;
    background-color: #356A41;
    padding: 10px;
    z-index: -1000;
}
.table-list td:first-child{
    text-align: left!important;
}

.defPage p{
    margin-bottom: 15px;
}
.defPage h2,
.defPage h3,
.defPage h4{
    margin-top: 30px;
    margin-bottom: 15px;
}
.catalog-item__button{
    font-size: 20px;
}
.footer-social2 li{
    text-align: right;
}
.where-list {
    margin-bottom: 80px;
}
.certificates-item {
    flex-direction: column;
    display: flex;
    /* padding: 40px 50px 25px; */
    border-radius: 5px;
    border: 1px solid #CDCDCD;
    background: #FFF;
    margin-bottom: 20px;
    min-height: 197px;
}
.certificates-item img {
    max-width: 100%;
    display: inline-block;
    margin-bottom: 20px;
    height: 330px;
    object-fit: contain;
}
@media (max-width: 991px) {
    .product-detail{
        margin-top: 40px;
    }
    .footer-info .footer-info__title{
        display: none;
    }
    .bx-filter-parameters-box-container{
        display: flex;
    }
    .smartFilter__btns{
        margin-top: 0;
    }
}
.product-item__thumb img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.catalog-item__text{
    font-family: Lava Pro;
}
.bx-auth-profile input[type="text"],
.bx-auth-profile input[type="password"]{
    display: block;
    width: 100%;
    padding: 15px 24px;
    border: 1px solid #000;
    font: 400 14px / 16px var(--fm);
    margin-bottom: 15px;
}
.bx-auth .bx-auth-input{
    display: block;
    width: 100%;
    padding: 15px 24px;
    border: 1px solid #000;
    font: 400 14px / 16px var(--fm);
    margin-bottom: 15px;
}
.bx-auth [type="submit"],
.bx-auth-profile [type="submit"]{
    padding: 12px 15px;
    font: 500 14px / 16px var(--fm);
    background: #000;
    color: #fff;
    margin-bottom: 30px;
    cursor: pointer;
}
.bx-registration-table td{
    padding: 0 10px;
}
.bx-registration-table thead{
    display: none;
}
.profile-block-shown{
    margin-bottom: 30px;
}
.sale-order-history-link{
    margin-top: 40px;
}
.bx-filter-parameters-box{
    margin-bottom: 10px;
}
@media(max-width: 991px){
    .sale-order-history-link {
        margin-top: 0;
        display: block;
        width: 100%;
    }
}
.sale-order-history-link[href="/catalog/"]{
    background-color: rgba(0, 0, 0, 0.9);
    color: #fff;
    display: block;
    padding: 17px 17px 18px;
    margin-top: 16px;
    font-size: 16px;
    font-weight: 500;
    max-width: 380px;
    text-align: center;
}
h3{
    margin-bottom: 15px;
}
.search-page-wrap .path{
    display: none;
}
.search-page-wrap hr{
    margin: 30px 0;
}
.search-page-wrap a{
    letter-spacing: 0.02em;
    color: rgba(0, 0, 0, 0.9);
    font: 400 21px / 119.5% "SFProDisplay", sans-serif;
}
.principle__title::before{
    background: #374d33;
}
.principle__title::after{
    background: linear-gradient(90deg, rgba(255, 0, 0, 0) 0%, #374d33 100%);
}
.quote__text::before{
    background-image: url(/local/templates/prymery/assets/img/quote/quote.svg?up=123);
}
.banner__content{
    padding: 0 50px;
}
@media(min-width: 1536px){
    .where-list .certificates-item img{
        margin: 20px 0;
    }
    .where-list .col-md-4{
        max-width: 350px;
        flex: 0 0 auto;
    }
}
.certificates-header{
    display: flex;
    gap: 40px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
}
.certificates__item a{
    margin-bottom: 0;
}
.certificates__item .certificates-item img{
    margin: 0;
    max-width: 280px;
}
.certificates__item .certificates-item{
    border: none;
}
.certificates__item{
    display: flex;
    gap: 40px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
}
.certificates__item-thumb{
    width: 350px;
    display: flex;
    justify-content: start;
}
.cetificates__item-title{
    margin-bottom: 30px;
    font-size: 23px;
    font-weight: bold;
}
.certificates-header-title{
    width: 350px;
    font-size: 22px;
}
.certificates__item-text,
.certificates-header-text{
    width: calc(100% - 400px);
}
.certificates-header-text p{
    margin-bottom: 20px;
}
.certificates__item-text p{
    margin-bottom: 15px;
}
.certificates__item-text p:last-child,
.certificates-header-text p:last-child{
    margin-bottom: 0;
}
.certificates__item-text ol{
    margin: 20px 0 20px 40px;
    list-style: numeric;
}
.certificates__item-text li{
    margin-bottom: 10px;
}
.certificates__item:last-child{
    border-bottom: none;
}
@media(max-width: 768px){
    .certificates__item,
    .certificates-header{
        flex-wrap: wrap;
        gap: 20px;
    }
    .certificates__item-text,
    .certificates-header-text{
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .container-fluid{
        max-width: 1400px;
    }
    .s-hero,
    .s-banners,
    .s-faq,
    .s-product-slider,
    .s-about{
        max-width: 1400px;
        width: 1400px;
        margin-left: auto;
        margin-right: auto;
    }
    .s-product-slider{
        overflow: hidden;
    }
    .hero-item {
        background-size: cover!important;
    }
    .s-product-slider .container-fluid,
    .s-faq .container-fluid,
    .s-blogs .container-fluid{
        padding: 0!important;
    }
}
.searchinput__page{
    margin-bottom: 40px;
}
.error404 {
    margin-bottom: 100px;
}
.error404 h2 {
    margin-bottom: 25px;
    color: #000;
    font-weight: 500;
}
.error404 p {
    margin-bottom: 35px;
    color: #6a6a6a;
}
.error404 ul {
    padding: 0 0 0 35px;
    margin-bottom: 45px;
}
.error404 li {
    position: relative;
    margin-bottom: 25px;
}
.error404 li:before {
    display: inline-block;
    width: 5px;
    height: 5px;
    content: "";
    border-radius: 50%;
    background: var(--primary);
    position: absolute;
    left: -11px;
    top: 7px;
}

/*cookie*/
.modal-cook{
    position: fixed;
    bottom: 20px;
    z-index: 999;
    width: 100%;
    text-align: center;
}
.modal-cookies {
    width: 800px;
    max-width: 95%;
    padding: 36px 50px;
    background: #fff;
    text-align: left;
    display: inline-block;
    /*border-radius: 20px;*/
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.07);
}

.modal-cookies__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    line-height: 24px;
}

.modal-cookies__content .adp-btn {
    margin-left: 90px;
    width: 120px;
    height: 40px;
    padding: 13px 30px;
    min-width: auto;
}

.modal-comment form > .modal-group {
    width: 100%;
}

.modal-confirm {
    width: 520px;
}

.modal-confirm .modal-title {
    margin: 0 0 20px;
}

.modal-confirm .buttons-inline a {
    width: 100px;
    min-width: auto;
    height: 50px;
    padding: 5px;
    margin-right: 20px;
    border-radius: 25px;
}

.modal-confirm .buttons-inline a:last-child {
    margin-right: 0;
}
@media (max-width: 991px) {
    .modal-cookies {
        padding: 35px;
    }

    .modal-cookies__content .adp-btn {
        margin-left: 30px;
    }
}

@media (max-width: 575px) {
    .modal-cookies {
        width: 335px;
    }
    .modal-cookies__content {
        flex-direction: column;
    }

    .modal-cookies__content .adp-btn {
        margin: 25px auto 0;
    }
}
.jsRemoveCookie{
    padding: 10px 20px;
    margin-left: auto;
    background-color: #191919;
    color: #fff;
}
[name=confirm-privacy] + .custom-checkbox__icon svg{
    display: none;
}
[name=confirm-privacy]:checked + .custom-checkbox__icon svg{
    display: block;
}
.s-quote-padding{
    padding-top: 0!important;
}
.main-header--overlayed .is_stuck svg{
    color: #000 !important;
}
.main-header--overlayed .is_stuck .header-cart-link svg{
    color: #000 !important;
}
.primary-menu .submenu-parent .submenu-child span:after{
    display: none!important;
}
.primary-menu .submenu-parent .submenu-child span{
    line-height: 17px;
    margin-bottom: 7px;
}
.catalog4 .product-item__thumb{
    height: 305px;
}
@media (max-width: 1350px) {
    .catalog4 .product-item__thumb{
        height: 285px;
    }
}
@media (max-width: 1278px) {
    .catalog4 .product-item__thumb{
        height: 360px;
    }
}
@media (max-width: 1145px) {
    .catalog4 .product-item__thumb{
        height: 345px;
    }
}
@media (max-width: 1045px) {
    .catalog4 .product-item__thumb{
        height: 300px;
    }
}
@media (max-width: 991px) {
    .catalog4 .product-item__thumb{
        height: 280px;
    }
    .catalog-item__text {
        font-weight: 400;
        /*font-family: Lava Pro;*/
        font-size: 12px;
        line-height: 1.7;
    }
    .banner__content .btn{
        margin-bottom: 40px;
    }

    #bx-soa-total{
        display: none!important;
    }
    .order-left{
        width: 100%!important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}
@media (max-width: 891px) {
    .catalog4 .product-item__thumb{
        height: 245px;
    }
}
@media (max-width: 768px) {
    .catalog4 .product-item__thumb{
        height: 275px;
    }
    .s-faq__right{
        margin-bottom: 20px;
    }
    .tabs-content{
        padding: 15px;
    }
    .product-detail__info .tabs-content .row{
        padding: 10px 0;
    }
}
@media (max-width: 575px) {
    .catalog4 .product-item__thumb{
        height: inherit;
    }
}
.catalog-item__footer{
    margin-top: 20px;
}
.usePage {
    /*margin: 0 -15px;*/
}
.usePage .blog-alt__description a{
    margin-left: 0;
}
.usePage .blog-alt{
    margin-bottom: 10px;
}
.blog-post__author a{
    text-decoration: none;
    font-size: inherit;
}
.order-success-page p{
    margin-bottom: 20px;
    font-size: 20px;
}
.icons-list p{
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.icons-list {
    margin-bottom: 30px;
}
.icons-list img{
    max-width: 50px;
}
.icons-list2 p{
    gap: 30px;
}
@media (min-width: 1024px) {
    .order-success-page{
        position: relative;
        overflow: hidden;
        padding-bottom: 200px;
    }
    .order-success-page__bg{
        position: absolute;
        top: 0;
        right: 0;
        z-index: -1;
    }
    .order-success-page__text{
        padding-right: 50%;
    }
}
.certificates-header__icons .product-detail__icons{
    padding-left: 0;
}
.certificates-header__icons .product-detail__icons-item{
    min-width: auto!important;
}
.product-item__offers .product-detail__sizes{
    border: none;
    max-width: 100%;
}
#bx-soa-region .bx_soa_location .col-xs-12{
    width: 100%;
}
#bx-soa-region .bx-soa-reference{
    color: #000;
    font-size: 18px;
}
#bx-soa-properties{
    margin-top: 30px;
}
#bx-soa-order-form{
    margin-top: 20px;
}
#bx-soa-main-notifications{
    margin-top: 10px;
}
.sale-order-history-link{
    color: var(--primary);
}
.sale-order-link-accomplished,
.sale-order-list-about-link{
    color: var(--primary) !important;
    text-decoration: none!important;
}

.btn--cart-return2{
    padding: 18px 22px;
    gap: 18px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #000;
    font: 400 16px / 19px var(--fm);
    width: 270px;
    justify-content: start;
}
.arrow-btn-reverse{
    transform: rotate(180deg);
}
.consultPage .btn--cart-return2{
    margin-bottom: 30px;
}
.defPage{
    margin-bottom: 80px;
}
.order-delivery-list-item #order-delivery-pickup-btn {
    flex: 0 0 100%;
    margin-top: 12px;
    display: none;
}
.order-delivery-list-item.bx-selected #order-delivery-pickup-btn {
    display: block;
}
.order-delivery-list-item #order-delivery-pickup-btn .sdek_pvzLair a {
    padding: 10px 20px;
    font-size: 14px;
    font-style: normal;
    width: 260px;
}
.bx-soa-delivery__flex{
    display: flex;
    padding: 0;
    justify-content: space-between;
}
.order-props-group_filled .order-props__placeholder, .order-props__control:focus + .order-props__placeholder{
    padding-top: 0!important;
}
table.bx-auth-table td,
.bx-registration-table td{
    position: relative;
}
.show-pass{
    position: absolute;
    top: 16px;
    right: 10px;
    cursor: pointer;
}
.bx-registration-table .show-pass{
    right: 18px;
}
.show-pass__close{
    display: none;
}
.show-pass.active .show-pass__close{
    display: block;
}
.show-pass.active .show-pass__show{
    display: none;
}
.blog-share2{
    padding: 0;
    border:none;
    height: auto;
}
.product-detail__data{
    justify-content: end;
    margin-top: -25px;
}
.blog-share2 .blog-share__body{
    border: none;
}
.blog-share2 .ya-share2__list{
    padding: 0;
}
.blog-share2 .blog-share__body{
    padding: 0;
    height: auto;
}
.add-products__basket-title{
    text-align: center;
    margin-top: 60px;
    font-size: 18px;
}
.js-present-add{
    min-width: 200px;
    margin-left: -100px;
    padding: 18px 10px;
    font-size: 16px;
    font-weight: 500;
}
.add-products__basket .cart-item__quantity{
    font: 500 20px / 1 var(--fm);
}
div.title-search-result{
    background: #fff;
}
.breadcrumbs-list{
    position: relative;
    z-index: 2;
}
.product-detail__article{
    position: relative;
    z-index: 3;
}
.blog-share.blog-share2{
    position: relative;
    z-index: 3;
}
.use-seo-text{
    margin: 40px 0;
}
.basket-item-price-difference{
    background: #374d33 !important;
}
.item_null_price .cart-item__footer{
    opacity: 0;
}
.item_null_price .basket-item-block-price{
    display: none;
}
.item_null_price-text{
    display: none;
}
.item_null_price .item_null_price-text{
    display: block;
    color: #77B18B;
    font-weight: 400;
    font-size: 18px;
    line-height: 33px;
    letter-spacing: 0.28px;
}
.product-item__label--new{
    min-width: 72px;
}
.product-detail__action {
    margin-top: 5px;
    width: 100%;
    max-width: 100%;
}
.product-detail__action a{
    width: calc(50% - 10px);
}
.for-whom{
    margin-top: 60px;
}
.for-whom .container-fluid{
    padding: 0;
}
.for-whom__item{
    min-width: 330px;
    width: 100%;
    position: relative;
    background: #DCDCDC linear-gradient(203.94deg, rgba(0, 0, 0, 0) 43.42%, rgba(0, 0, 0, 0.12) 98.69%);

    /*background-repeat: no-repeat, no-repeat;*/
    /*background-size: cover, cover;*/
    /*background-position: center, center;*/
}

.for-whom__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 26px;
}
.for-whom__col {
    display: contents;
}
.for-whom__item.children {
    grid-column: 1;
    grid-row: 1 / span 2;
    height: 500px;
}
.for-whom__item.women {
    grid-column: 2;
    grid-row: 1;
}
.for-whom__item.kids {
    grid-column: 2;
    grid-row: 2;
}
.for-whom__item.man {
    grid-column: 3;
    grid-row: 1;
}
.for-whom__item.sport {
    grid-column: 4;
    grid-row: 1;
}
.for-whom__item.old {
    grid-column: 3 / 5;
    grid-row: 2;
}
.for-whom__item.old .for-whom__thumb {
    right: 0;
}
.for-whom__thumb {
    position: absolute;
    bottom: 0;
    display: flex;
}
.for-whom__title{
    padding: 34px 32px 0;
    font-weight: 600;
    font-size: 22.7px;
    line-height: 33.6px;
    color: #000;
    margin-bottom: 6px;
}
.for-whom__subtitle{
    font-weight: 400;
    font-size: 14.6px;
    line-height: 22.4px;
    color: #231F20;
    opacity: .5;
    padding: 0 32px;
}
@media (max-width: 1450px) {
    .for-whom__item {
        min-width: 100%;
    }
    .for-whom .container-fluid{
        padding-right: 20px;
        padding-left: 20px;
    }
    .for-whom__list{
        gap: 12px;
    }
    .for-whom__title {
        padding: 22px 15px 0;
    }
    .for-whom__subtitle{
        padding: 0 15px;
    }
}
@media (max-width: 991px) {
    .for-whom__item.children {
        height: 400px;
    }
}
@media (max-width: 768px) {
    .for-whom__list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
    .for-whom__thumb{
        height: 100%;
        width: 100%;
        right: 0;
    }
    .for-whom__thumb img {
        width: auto;
        max-height: 100%;
        object-fit: contain;
        position: absolute;
        bottom: 0;
        right: 0;
    }
    .for-whom__col {
        display: contents;
    }
    .for-whom__item{
        min-height: 144px;
    }
    .for-whom__item.children {
        grid-column: 1;
        grid-row: 1 / span 2;
        height: 300px;
    }
    .for-whom__item.women {
        grid-column: 2;
        grid-row: 1;
    }
    .for-whom__item.man {
        grid-column: 2;
        grid-row: 2;
    }
    .for-whom__item.sport {
        grid-column: 1;
        grid-row: 3;
    }
    .for-whom__item.kids {
        grid-column: 2;
        grid-row: 3;
    }
    .for-whom__item.old {
        grid-column: 1 / 3;
        grid-row: 4;
    }
    .for-whom__title{
        padding: 22px 20px 0;
        font-weight: 600;
        font-size: 14px;
        line-height: 25.2px;
        margin-bottom: 0;
    }
    .for-whom__subtitle{
        padding: 0 20px;
        font-weight: 400;
        font-size: 14.6px;
        line-height: 22.4px;
    }
}
.product-detail__discount-text {background: #fff8da;padding: 4px 6px;}

.product-detail__discount-block {
    display: inline-flex;
    align-items: center;
    margin-bottom: 30px;
    gap: 10px;
    padding: 2px;
    background: #ffd83a;
    width: auto;
    font-size: 13px;
}
.hero-item__title.mobile{
    display: none;
}
.s-hero-help{
    display: none;
}
@media (max-width: 768px) {
    .mobile-slider-component .hero-content{
        height: 556px;
        position: relative;
    }
    .mobile-slider-component .hero-item__title.desktop{
        display: none;
    }
    .mobile-slider-component .hero-item__title.mobile{
        position: absolute;
        top: 210px;
        max-width: 315px;
        height: 100px;
        display: flex;
        align-items: center;
    }
    .mobile-slider-component .hero-item {
        height: 196px;
    }
    .mobile-slider-component .hero-slider{
        overflow: inherit!important;
    }
    .mobile-slider-component .hero-item__title{
        font-weight: 500;
        font-size: 20px;
        line-height: 28px;
        text-align: center;
    }
    .mobile-slider-component .hero-slide{
        background: #EEE;
    }
    .mobile-slider-component .slider-arrows.hero-arrows {
        top: -55px;
    }
    .mobile-slider-component .swiper-pagination-bullet{
        background: #00000066;
    }
    .mobile-slider-component .swiper-pagination-bullet-active {
        background: #000;
    }
    .mobile-slider-component .hero-content .slider-arrow .icon{
        color: #CEB37C;
    }
    .mobile-slider-component .hero-products{
        display: block;
        width: 100%;
        position: absolute;
        top: 345px;
        height: 100%;
        z-index: 99;
    }
    .mobile-slider-component .hero-products-slider{
        display: none;
    }
    .mobile-slider-component .hero-products-slider:first-child{
        display: block;
        left: 0;
        top: 0;
        width: 100%;
    }
    .mobile-slider-component .hero-product-alt {
        margin-left: 0;
        width: 100%;
    }
    .mobile-slider-component .hero-product-alt .hero-product__content {
        opacity: 1;
        visibility: visible;
    }
    .mobile-slider-component .hero-product__thumb, .hero-product__content {
        width: 50%;
        min-width: 50%;
    }
    .scroll-top{
        bottom: 80px;
    }
    .mobile-slider-component .s-hero-help{
        background: #CEB37C;
        font-weight: 500;
        font-size: 13px;
        line-height: 16px;
        letter-spacing: 0.28px;
        text-align: center;
        padding: 11px 7.5px;
        position: absolute;
        top: 55px;
        right: 0;
        display: flex;
        z-index: 99;
        color: #fff;
        transform-origin: top right;
        transform: rotate(-90deg) translateY(-100%);
    }
    .add-products__basket .basket-items-list-item-amount{
        display: none;
    }
    .add-products__basket .basket-item-price__title{
        text-align: left;
    }
}
.product-item__favorite2{
    position: absolute;
    top: 10px;
    left: 10px;
    cursor: pointer;
}
.js-FavoritesCount span.user-menu__counter{
    top: 9px;
}
.js-FavoritesCount {
    position: relative;
}
.product-item__favorite2.active img{
    
}
.tmp-bottom-form{
    /*display: none;*/
	height: 50px;
	display: flex;
	/*align-items: center;
	justify-content: space-between;*/
	z-index: 999;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #CEB37C;
}
footer {
	margin-bottom: 50px;
}
.tmp-bottom-form__title{
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.28px;
    color: #fff;
	margin: 0 auto;
}
.tmp-bottom-form__content{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 23px;
    width: 100%;
}
.tmp-bottom-form__btn{
    background: #fff;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.28px;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 24px;
    width: 101px;
}
@media(max-width: 768px){
	footer {
		margin-bottom: 0;
	}
    .tmp-bottom-form{
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 999;
        position: fixed;
        bottom: 68px;
        left: 0;
        width: 100%;
        background: #CEB37C;
    }
}

.tmp-top-sale {
    display: flex;
    align-items: center;
    border: 1px solid #000000;
    margin-bottom: 64px;
}

.tmp-top-sale__thumb {
    display: flex;
}

.tmp-top-sale__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc(100% - 650px);
}

.tmp-top-sale__title {
    font-weight: 600;
    font-size: 22.3px;
    line-height: 33.6px;
    text-align: center;
    color: #231F20;
    margin-bottom: 7px;
}

.tmp-top-sale__text {
    font-weight: 400;
    font-size: 14.8px;
    line-height: 22.4px;
    color: #231F20;
    margin-bottom: 50px;
    text-align: center;
}

a.tmp-top-sale__link {
    color: #AEAEB2;
    display: flex;
    align-items: center;
    gap: 17px;
    font-weight: 400;
    font-size: 15.1px;
    line-height: 22.4px;
}
@media(max-width: 991px){
    .tmp-top-sale__thumb img {
        max-width: 100%;
    }
    .tmp-top-sale {
        flex-wrap: wrap;
        padding-bottom: 30px;
    }

    .tmp-top-sale__content {
        width: 100%;
    }

    .tmp-top-sale__thumb {
        width: 100%;
        margin-bottom: 18px;
        justify-content: center;
    }
    .tmp-top-sale__text{
        margin-bottom: 21px;
    }
    footer .btn--callback-mobile{
        display: none!important;
    }
    .blog-post__main-content img{
        width: 100%!important;
        height: auto!important;
    }
}
.bottomText p{
    margin-bottom: 20px;
}
.product-item__favorite-active{
    display: none;
}
.product-item__favorite2.active .product-item__favorite-icon{
    display: none;
}
.product-item__favorite2.active .product-item__favorite-active{
    display: block;
}
ul.submenu-child {
    padding-top: 20px;
    overflow: auto;
    height: 100%;
}
.catalog-item__mobile-adv{
    display: none;
}
@media(max-width: 768px){
    .product-item__thumb img{
        object-fit: contain;
    }
    .mobile-slider-component .hero-item__title.mobile{
        padding: 0 20px;
        font-size: 15px;
        line-height: 22px;
    }
    .catalog-item__mobile-adv{
        display: block;
    }
}
.catalog-description ul{
    list-style: disc;
    padding: 0 0 0 30px;
}
.marquee-block {
    overflow: hidden;
    position: relative;
    background-color: #1D1C22;
    height: 25px;
    border-bottom: 1px solid #ffffff;
}
.marquee-block__track {
    animation-name: anim-scrolling;
    list-style: none;
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: max-content;
    -webkit-animation-duration: 40s;
    animation-duration: 40s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.marquee-block__item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    max-height: 100%;
    white-space: nowrap;
    pointer-events: all;
    -webkit-transform: translateZ(0);
}
.marquee-block__item a {
    color: #ffffff;
    font-size: 12px;
    font-weight: 300;
    text-transform: uppercase;
    color: #fffef9;
    padding: 0 10px;
}
@keyframes anim-scrolling {
    0% {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(-50%, 0, 0);
        -webkit-transform: translate3d(-50%, 0, 0);
    }
}
@media (max-width: 991px) {
    .marquee-block {
        margin: -14px 0 14px;
    }
}

.product-detail__info table td {
	text-align: center;
}

/* End */
/* /local/templates/prymery/assets/css/bootstrap-grid.min.css?175629731750884 */
/* /local/templates/prymery/assets/css/swiper.min.css?17562973175576 */
/* /local/templates/prymery/assets/css/fonts.css?17591361102847 */
/* /local/templates/prymery/assets/css/ion.rangeSlider.min.css?175629731711084 */
/* /local/templates/prymery/assets/css/select2.min.css?175629731714966 */
/* /local/templates/prymery/assets/css/jquery.fancybox.min.css?175629731712795 */
/* /local/templates/prymery/assets/menu/menu.css?17756277223482 */
/* /local/templates/prymery/assets/css/style_partner.css?1792595925356418 */
/* /local/templates/prymery/assets/css/style.css?1792595925161781 */
/* /local/components/webtoday/partner.register/templates/.default/js/dist/style.css?17925959253604 */
/* /local/templates/prymery/styles.css?179016387773200 */