@import "fonts.css";
@import "template.css";
@import "mobile.css";
@import "callback-modal.css";


.o-slider li {display: none}
.o-slider li:first-child {display: block;}

body {
    --general-color: #92866e;
    --prime-color: #e3bd97;
    --gen-light-color: #aca18a;
    --red-color: #874a45;
    font-family: "Bodoni";
    --scroll-nav-white: white;
    --black: #444444;
}
body {color: var(--black)}
main {padding-top: 35px}

.elimore_show, .elimore_hide {margin-left: 10px; color: var(--general-color)}

.back-none {background: white; opacity: 0; transition: .5s; width: 100%; height: 100vh; padding-top: 100px;}
button, input {outline: none;}
a:hover {cursor: pointer; text-decoration: none;}

.row-svk {display: flex; justify-content: center; flex-wrap: wrap;}

.btn-std {transition: .5s; background: var(--prime-color); color: white; text-align: center; padding: 10px 30px; margin: 0 auto; border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; font-size: 18px; }
.btn-std:hover {color: white; background: var(--red-color);}
/*------main------*/
.main-choice {height: 100vh;width: 100%; background: url(/bitrix/templates/bitrix_temp/images/gen-back.jpg) no-repeat; background-size: cover; background-position: center -100px; transition: .5s;}
.main-choice h2 {text-align: center;}
.main-choice .row-svk {justify-content: space-evenly;}
.main-choice .item {width: 30%;text-align: center;border: 10px solid #efefef;transition: .5s;padding-bottom: 20px;padding-top: 20px;}
.main-choice .item img {width: 60%;}
.main-choice .item .line {width: 40%;height: 5px;margin: 20px auto;background: var(--red-color);}
.main-choice .item .images {overflow: hidden;margin: 0 auto;margin-top: 15px;width: 70%;transition: .5s;height: 217px;}
.main-choice .item .images img {width: 100%; transition: .5s;}
.main-choice .item:hover {border-color: var(--prime-color); transition: .5s;}
.main-choice .item:hover .images img {transform: scale(1.3);}
.main-choice .container {opacity: 0; transition: .5s; position: relative; left: -3000px;}
/*------header------*/
header {position: fixed; display: block; width: 100%; height: 95px; justify-content: space-between; z-index: 994; align-items: center; top: 0; transition: .5s; background: none; opacity: 0;}
header .logo {width: 100px;margin-top: 30px; filter: invert(1);}
header .logo img {width: 100%;}

header .first-line {border-bottom: 1px solid lightgrey; height: 25px;}
header .first-line ul {display: flex; float: left; margin: 0;}
header .first-line  li {list-style: none; margin-left: 20px; }
header .first-line ul li a {color: black;}
header .first-line .lk {float: right; margin-right: 20px; }

.top-nav {display: flex; width: 100%;  justify-content: space-between;}
.top-nav ul {display: flex; padding-right: 30px; align-items: flex-end;}
.top-nav ul li {list-style: none; margin-left: 20px; line-height: 1.2; text-align: center; }
.top-nav ul li a {color: var(--scroll-nav-white); position: relative; font-size: 20px}
.top-nav .tel {font-size: 20px;     position: relative;
    top: 2px; display: flex; flex-direction: column; align-items: center; margin-left: 35px}
    .top-nav .tel a:first-child {margin-bottom: 8px}
     .top-nav .tel .callback-tog {border: 1px solid var(--scroll-nav-white); font-size: 16px; padding: 5px 15px; border-radius: 10px; text-transform: uppercase;}
.top-nav .pers {font-size: 18px; border: 1px solid var(--scroll-nav-white); border-radius: 20px; padding: 0 20px;     position: relative;
    top: 2px; padding-top: 4px; }
    .sv-menu {margin-left: 20px; margin-top: 17px }

    .top-nav ul li a:after {width: 0; opacity: 0; transition: .5s ; height: 1px; content: ""; position: absolute; background: var(--scroll-nav-white); left: 0; bottom: -5px;}
.top-nav ul li:hover a:after {width: 100%; opacity: 1;}
.top-nav ul .tel a:after, .top-nav ul .pers a:after  {display: none;}
/*-----menu--------*/
header .sidr {font-family: "Bodoni";}
header .sidr>a {display: block;}
.sidr {background: var(--prime-color)!important; box-shadow: none!important; width: 360px!important;}
header .sidr.left {left: -360px;}
header .sidr a {color: black; transition: .5s;}
header .sidr a:hover {color: white;}
header .sidr ul {padding-top: 100px;}
header .sidr ul li {border-top: none; border-bottom: none; text-align: center;}
header .sidr ul li a {font-family: "Bodoni"; font-size: 20px; color: #444444;}
header .sidr ul {border-top: none; border-bottom: none;}
header .sidr ul li:hover>a, header .sidr ul li:hover>span, header .sidr ul li.active>a, header .sidr ul li.active>span, header .sidr ul li.sidr-class-active>a, header .sidr ul li.sidr-class-active>span {
    box-shadow: none; line-height: 48px;}
header .sidr .personal {width: 60%; margin: 0 auto; text-align: center; border: 2px solid black; border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; padding: 10px; font-size: 16px; }
header .sidr .politics {text-align: center; font-size: 16px; text-decoration: underline;margin-top: 30px; margin-bottom: 30px;  }
header .sidr .social .row-svk {width: 320px; justify-content: space-evenly; margin: 30px auto;}
header .sidr .social a { width: 50px; height: 50px; border-radius: 50%; text-align: center; transition: .5s;}

header .sidr .social a img {width: 60%; margin-top: 10px; filter: invert(1); transition: .5s;}
header .sidr .social a:hover img {filter: invert(0);}

.burger .line{width: 30px; height: 5px; background: var(--scroll-nav-white); border-radius: 20px; margin: 3px; transition: .5s;}
#simple-menu {display: flex; width: 100px; align-items: center; color: var(--scroll-nav-white);}
.burger {margin-right: 15px; }
#simple-menu:hover .burger .line2 {width: 20px}
#simple-menu:hover .burger .line3 {width: 10px}
#simple-menu {text-decoration: none!important;}
.close .line2 {display: none}
.close .line1 {transform: rotate(45deg);}
.close .line3 {transform: rotate(-45deg); position: relative; top: -7px;}
#simple-menu:hover .close .line3 {width: 30px}
#simple-menu>p {font-size: 20px;     top: 3px; position: relative;}
/*------slider------*/
.o-slider h4{opacity: 0;}
.o-slider h1 {text-align: center; color: white;     text-shadow: 0px 0px 10px grey;
    margin-top: 80px;}
.o-slider span p img {    width: 800px;
    margin: 0 auto;
    display: block;
    margin-top: -100px;}
.o-slider li {height: 400px; background-size: cover!important; }
.o-slider {position: relative;}
.after-slider { margin-right: 10%; background: var(--general-color); height: 50px; width: 60%; margin-left: 30%; }

.controls ol {display: flex; align-items: center; justify-content: center; position: relative; top: -50px; margin-bottom: -50px;}
.controls ol li {list-style: none; margin: 5px; }
.controls ol li a {background: lightgrey; border-radius: 50%; width: 15px; height: 15px; display: block; border: 1px solid transparent;}
.controls ol li a span {display: none;}
.controls ol .current a {background: grey; border: 1px solid lightgrey;}
.o-slider ul{display: block; position: relative; margin: 0px 0px 0px -1480px; transform: translate(0px, 0px); width: 100%; height: 100%;}

/*------about------*/

.about .image {    width: 70%; margin: 0 auto; margin-bottom: 50px; margin-top: -50px;}
.about .image img {width: 100%;}
.about {text-align: center; margin-top: 50px; margin-bottom: 50px; }
.about h2 {margin-top: -90px;}
.about a{color: var(--general-color); display: flex; align-items: center; justify-content: center;}
.about a img {width: 30px; height: 30px; transition: .5s;  margin-left: 5px;}
.about a:hover img {width: 40px; height: 30px;}

/*------specpredl------*/
.specpredl {margin-bottom: 50px; margin-top: 50px;}
.specpredl .col-xs-5 {text-align: left}
.specpredl .col-xs-7 {padding-left: 10%;}
.specpredl img {width: 80%;}
.specpredl .btn-std{margin-top: 20px; display: inline-block; }

/*------uslugi------*/
.uslugi {overflow: hidden;}
.uslugi .col-xs-5 {position: relative; min-height: 440px;}
.uslugi .col-xs-4 {position: relative}
.uslugi .isactive {opacity: 1; height: auto; left: 0;}
.uslugi .active {color: white; background: var(--gen-light-color); border-radius: 10px; padding: 5px; text-align: center;}
.us-block {opacity: 0; transition: .5s; position: absolute; top: 0; left: -3000px;}
.us-img { width: 100%; opacity: 0; transition: .5s; position: absolute; top: 0; left: 0;}
.uslugi .menu-name {transition: .5s;  border-radius: 10px; padding: 5px; text-align: center;}
.menu-name:hover {cursor: pointer; background: var(--gen-light-color); color: white;}
.uslugi .p-section {display: none;}
.uslugi .p-active {display: block; transition: .5s; padding: 0 10px;}
.p-active:hover {background: var(--general-color); border-radius: 30px; cursor: pointer;}
.uslugi .p-list {display: none;}
.uslugi .p-l-active {display: flex;}

.uslugi .p-section .name {padding: 0px 10px; text-transform: uppercase;}

.uslugi .us-name {font-size: 30px;}
.uslugi .tag {color: var(--prime-color);}

.uslugi .podrazdel-list{     display: flex; flex-wrap: wrap; justify-content: center; background: var(--gen-light-color); color: white; border-radius: 30px; width: 80%;
    margin: 0 auto; }
.uslugi .podrazdel-list .dop-active {background: var(--general-color); border-radius: 30px; padding: 0px 10px}

.uslugi .pricelist {padding-left: 0;}
.uslugi .pricelist li { width: 100%;}
.uslugi .pricelist .main-price {background: var(--gen-light-color); color: white; display: flex;}
.uslugi .pricelist .p-list {position: relative; border-bottom: 1px solid var(--gen-light-color)}
.uslugi .pricelist .p-list .name {width: 40%; padding-left: 30px; padding-right: 30px;}
.uslugi .pricelist .p-list .podskazka {position: absolute; left: 37%; display: flex; align-items: center; height: 100%;}
.uslugi .pricelist .p-list .time {width: 20%; text-align: center;}
.uslugi .pricelist .p-list .cost {width: 40%; text-align: center; display: flex;
    align-items: center;}

.uslugi .pricelist .main-price .name {width: 40%; padding-left: 30px;}
.uslugi .pricelist .main-price .time {width: 20%; text-align: center;}
.uslugi .pricelist .main-price .cost {width: 40%; text-align: center;}

.uslugi .pricelist .podskazka span{ border-radius: 50%; border: 2px solid var(--gen-light-color); color: var(--gen-light-color); font-size: 22px; display: block; width: 30px; height: 30px; text-align: center; }
.uslugi .pricelist .podskazka .mask{opacity: 0; background: var(--general-color);
    color: white;
    padding: 15px;
    position: absolute;
    width: 300px;
    left: 1500px;
    margin: 0;
    border-radius: 10px; transition: .5s; z-index: 99; box-shadow: 0px 0px 10px grey; }
  /*  .uslugi .pricelist .podskazka:hover .mask{opacity: 1; left: 45px;}*/

    .about-section {display: none}
    .text-active {display: block}
/*------review------*/
.review {margin-top: 100px; padding-bottom: 30px;}
.review .container {text-align: center;}
.review h2 {text-transform: uppercase; text-align: center; width: 50%; margin: 20px auto; background: var(--general-color); color: white; padding: 20px; position: relative;}
.review h2:before {position: absolute; content: ''; width: 140px; height: 140px; background: var(--prime-color) url(../images/back-rev-1.png) center no-repeat; background-size: 70%; left: -50px; bottom: 20px;}
.review .item-rev {width: 80%; border: 10px solid var(--prime-color); padding: 20px; margin: 60px auto; padding-left: 40px; padding-right: 40px; position: relative; text-align: left;}
.review .item-rev .name {text-transform: uppercase; color: black;}
.review .item-rev:after {position: absolute; content: ''; width: 100px; height: 100px; background: var(--prime-color) url(../images/back-rev-2.png) center no-repeat; background-size: 60%; right: -50px; top: -50px; text-align: center; font-size: 100px; color: white;}

/*------specialist------*/
.specialist h2{text-align: center;}
.specialist .item-spec {text-align: center;}
.specialist .item-spec img {width: 90%; border-radius: 10px; height: auto; float: none!important; margin-bottom: 10px}
.specialist .item-spec a {color: var(--general-color);}
.specialist .item-spec b { font-size: 20px; font-weight: bold;  }
.specialist .item-spec small {font-style: italic; font-size: 14px;}
.specialist {text-align: center; position: relative;}
.specialist .spec-slider {margin-bottom: 20px;}
.specialist .controls .prevBtn{ position: absolute; left: 5%; top: 200px; display: none; }
.specialist .controls .nextBtn{position: absolute; right: 5%; top: 200px; display: none;}
.specialist .numericControls {margin-top: 70px; margin-bottom: 0px}
/*------zapis------*/
.zapis {margin-top: 50px; margin-bottom: 50px; }
.zapis .z-form {margin: 0 auto; width: 80%; text-align: center; position: relative; height: 200px;  }
.zapis .z-form .after-z {background: var(--prime-color); position: absolute; width: 65%; height: 75%; left: -30px; top: -30px; z-index: 0;}
.zapis .btn-std {color: black; position: relative; top: 85px; font-size: 24px;}
.zapis .zz-form {background: url(../images/back-z.jpg) center center; background-size: cover; width: 100%; height: 200px; position: relative; z-index: 5}
/*------footer------*/
footer {background: var(--general-color); color: white;}
footer .copyright {text-align: center;}
footer .f-menu ul {display: flex; align-items: center; justify-content: space-evenly; margin-top: 50px;} 
footer .f-menu ul li {background: none; list-style: none;}
footer .f-menu ul li a {color: white; font-size: 22px; font-family: 'ActaDisplay';}
footer ul.left-menu li a:visited {color: white;}
footer .social .row-svk {width: 320px; justify-content: space-evenly; margin: 30px auto;}
footer .social a {background: var(--prime-color); width: 50px; height: 50px; border-radius: 50%; text-align: center; transition: .5s;}
footer .social a:hover {background: var(--red-color);}
footer .social a img {width: 60%; margin-top: 10px;}




/*------contacts------*/
.contacts {margin-top: 70px}
.contacts .row-svk {justify-content: space-evenly;}
.contacts .item {width: 40%}
.contacts .item2{width: 0;}
.contacts .kont {display: flex; align-items: center; margin-top: 10px}
.contacts .kont img {margin-right: 30px; background: #1c4267; filter:invert(1); border-radius: 10px; padding: 5px}
.contacts .item .time p{margin:0}
.contacts .item .tel a{display: block; color: black}
.contacts .name {font-size: 25px}
.contacts h2{ margin: 25px; font-weight: 100; text-align: center; margin-top: 35px}
.contacts form .cons-in{width: 100%; margin: 10px 0; padding: 10px; border-radius: 10px; border: 1px solid var(--prime-color);}
.contacts form .btn-std{border: none; display: block; margin-top: 20px; width: 300px}
.contacts form .check {margin-top: 15px; display: flex;}
.contacts form .check label{margin-left: 20px}
.contacts .container>p{margin: 40px}

/*------gallery------*/
.gallery{display: flex; flex-wrap: wrap; width: 1140px; margin: 0 auto; margin-top: 70px; margin-bottom: 50px }
.gallery a {width: 25%; overflow: hidden; height:160px }
.gallery a img {width: 100%; transition: .5s; filter: brightness(0.8)}
.gallery a:hover img{transform: scale(1.1); filter: brightness(1)}

/*------bx-system-auth-form------*/
.bx-system-auth-form {width: 1140px; margin: 0 auto; margin-top: 100px; margin-bottom: 50px; text-align: center;}
.bx-system-auth-form table {width: 100%;}
.bx-system-auth-form table tr {margin-top: 10px; display: block; text-align: center;}
.bx-system-auth-form table tr td {display: inline;}
.bx-system-auth-form table .btn-std {border: none}
.bx-system-auth-form table tr td a {color: var(--prime-color)}

.bx-auth-reg {width: 1140px; margin: 0 auto; margin-top: 100px; margin-bottom: 50px; }
.bx-auth-reg table tr b {font-size: 22px; margin: 20px 0; display: block }
.bx-auth-reg table tr {margin: 10px 0; display: block;}
.bx-auth-reg table tr td a {color: var(--prime-color)}
.bx-auth-reg table tr td:first-child{width: 250px}

.bx-authform {width: 1140px; margin: 0 auto; margin-top: 100px; margin-bottom: 50px; }

.bx-authform .btn-primary  {transition: .5s; background: var(--prime-color); color: white; text-align: center; padding: 10px 30px; margin: 0 auto; border-radius: 10px; border: none; font-size: 18px; display: block; }
.bx-authform .btn-primary :hover {color: white; background: var(--red-color);}
.bx-authform-link-container a {display: block; text-align: center; color: var(--general-color); font-size: 16px;}
.bx-authform .bx-title {text-align: center;}

.bx-auth-profile {width: 1140px; margin: 0 auto; margin-top: 20px; margin-bottom: 50px; }
.bx-auth-profile #step2 {display: none}
.bx-auth-profile .deactive {color: lightgray}

.bx-auth-profile .col-xs-9 li{list-style: none;}
.bx-auth-profile .col-xs-9 p {margin: 0;}
.bx-auth-profile .col-xs-9 .row-svk {justify-content: flex-start; margin: 5px;}
.bx-auth-profile .col-xs-9 #step1 span {margin-left: 15px}
.bx-auth-profile .col-xs-9 #step1 p {width: 80px; color: var(--general-color)}


.bx-auth-profile .col-xs-3 li {transition: .5s;}
.bx-auth-profile .col-xs-3 li:hover {color: var(--general-color); cursor: pointer;}
.bx-auth-profile .col-xs-3 .deactive:hover {color: lightgray; cursor: default}
.bx-auth-profile .balance {background: var(--prime-color); color: white; text-align: center; padding: 5px; border-radius: 10px; display: flex; flex-wrap: wrap; justify-content: center; width: 80%; margin: 0 auto;}
.bx-auth-profile .balance p {text-transform: uppercase; width: 100%;}
.bx-auth-profile .balance input {background: none;border: none;display: inline; width: 50%; text-align: right; padding-right: 20px;}
.bx-auth-profile .balance span {width: 50%; text-align: left; padding-left: 20px}

.bx-auth-profile .last-visit {background: var(--gen-light-color); color: white; text-align: center; padding: 5px; border-radius: 10px; display: flex; flex-wrap: wrap; justify-content: center; width: 80%; margin: 0 auto; margin-top: 20px}
.bx-auth-profile .last-visit p {text-transform: uppercase; width: 100%;}
.bx-auth-profile .last-visit input {background: none;border: none;display: inline; text-align: center;}

.bx-auth-profile .profile-block-shown {margin-bottom: 30px}
.bx-auth-profile #step2 .btn-std {border: none; margin-top: 20px}
.bx-auth-profile #step2 .btn-prime {background: var(--gen-light-color);}
.bx-auth-profile #step2 .btn-prime:hover {background: var(--red-color);}
.bx-auth-profile #step2 tr {display: flex;}
.bx-auth-profile #step2 tr td {margin: 5px; display: block}
.bx-auth-profile #step2 tr td input {padding: 5px; width: 100%;}

/*------all-spec------*/
.all-spec .container {display: flex; flex-wrap: wrap; margin-top: 90px}
.all-spec .container h2 {width: 100%}
.all-spec .item-spec {width: 25%}
.spec-slider .item-spec {display: none;}
.sidr li {display: none}

/*------news-list------*/
.news-list {display: flex; flex-wrap: wrap; width: 1140px; margin: 0 auto; margin-top: 70px}
.news-list .item-spec {width: 25%; text-align: center}
.news-list .item-spec img {width: 100%; height: auto;}
.news-list .item-spec a {color: var(--general-color)}

/*------news-detail------*/
.news-detail {margin-top: 70px}
.news-detail .detail_picture {width: 80%; height: auto}
.news-detail h3 {font-size: 30px;}

.back-news {width: 300px; margin-bottom: 50px; margin-top: 30px}
.back-news a {color: white;}

.callback-modal .callback-modal__headline {margin-bottom: 40px}
.callback-modal .cons-in {font-size: 20px; display: block; border: 1px solid var(--prime-color); border-radius: 10px; width: 100%}
.callback-modal .mf-text {font-size: 20px;width: 180px}
.callback-modal .mf-name {display: flex; width: 100%; align-items: center;}
.callback-modal .mf-email {display: flex; width: 100%; align-items: center;}
.callback-modalform .cons-in {font-size: 20px;  display: block;  }
.callback-modal form .btn-std {display: block; width: 40%!important; margin-top: 10px; border-radius: 10px;}

.mfp-content .mask {background: white; width: 70%; padding: 25px; margin: 0 auto; position: relative; padding-top: 70px}

.fotofinder {margin-bottom: 80px; margin-top: 70px}
.fotofinder .container .col-xs-6 {padding-left: 10%}
.fotofinder .name {font-weight: bold; /*text-transform: uppercase;*/ font-size: 22px}
.fotofinder .text {padding-bottom: 30px; padding-right: 50px}
.fotofinder img {width: 250px; display: block; margin: 0 auto;}

.js-free-time-radio {display: flex; flex-wrap: wrap;}
.js-free-time-radio input{display: none;}
.js-free-time-radio label {width: 100px; text-align: center; padding:5px; background: var(--prime-color); margin: 5px; transition: .5s; }
.js-free-time-radio label:hover {background: var(--general-color); color: white; cursor: pointer!important;}
.js-free-time-radio input[type="radio"]:checked+label {background: var(--general-color); color: white;}

.uslugi .p-l-active {align-items: center;}
.uslugi .p-l-active .cost {text-align: right!important;}
.pricelist .btn-std { margin-left: 90px; margin-right: 20px}

.news-detail .col-xs-6 .btn-std {margin: 30px auto; display: block; width: 200px}

.akcii-list .news-item img {width: 100%; height: auto;}
.akcii-list .news-item b {color: #444444; font-size: 25px; margin-bottom: 10px; display: block;}
.akcii-list .news-item b:hover {cursor: pointer;}

.mask .fotofinder .name{display: block;}
.mask .fotofinder .text {display: block;}
.mask .fotofinder .btn-std {display: block; width: 300px}


/*-------------*/
/*----SHOP-----*/
/*-------------*/
.sblock3 .image img{width: 100%}
.tablet-sect .tree ul {display: flex; flex-wrap: wrap; justify-content: flex-start}
.tablet-sect .tree ul li {width: 21vw; height: 21vw; list-style: none; overflow: hidden; margin: 1vw; position: relative; }
.tablet-sect .tree ul li img{width: 100%; height: auto; filter: brightness(0.8); transition: .5s;}
.tablet-sect .tree ul li p { z-index: 9; color: white; position: absolute; display: flex; width: 100%; z-index: 9; top: 0; height: 100%; justify-content: center; align-items: center;}
.tablet-sect .tree ul li:hover img {filter: brightness(0.5)}

.shop-nav-panel {margin-top: 70px; padding: 0 50px; display: flex; justify-content: space-between; border-bottom: 1px solid var(--general-color)}
.shop-nav-panel a {color: var(--general-color);}

.catalog-element .col-xs-6 {padding-left: 0;}
.catalog-element .image img {width: 100%}
.catalog-element .text {width: 840px; margin: 0 auto; margin-top: 30px}
.catalog-element .catalog-gallery {width: 840px; margin: 0 auto; display: flex; flex-wrap: wrap; margin-top: 30px}
.catalog-element .catalog-gallery a {width: 20%; margin-right: 1%; margin-bottom: 1%;}
.catalog-element .catalog-gallery a img {width: 100%; height: auto;}

.catalog-card { margin-top: 30%; margin-left: 10%}
.catalog-card .brand p{ color: var(--general-color); margin: 0;}
.catalog-card .name p {margin: 0; font-size: 26px}
.catalog-card .offers .offer-item{display: flex; flex-wrap: wrap; align-items: center; margin: 10px 0}
.catalog-card .offers .offer-item .name-prop p{margin: 0; font-size: 22px; min-width: 67px;}
.catalog-card .offers .offer-item .prices {margin-left: 30px;}
.catalog-card .offers .offer-item .prices p {margin: 0; font-size: 22px; min-width: 110px; }
.catalog .catalog-price {color: var(--general-color);}
.catalog-card .offers .offer-item > p { margin: 0; margin-left: 30px}
.catalog-card .btn-add {background: var(--general-color)}
.catalog .btn-std {border-radius: 10px}

.catalog .btn-back .btn-std {width: 300px; display: block;}