

/* Start:/bitrix/templates/bs_beauty_s9/components/bitrix/news/price_cat/bitrix/news.list/.default/style.css?17749457784975*/
.price_wrapper h2 {margin-bottom: 10px!important;}
.price_wrapper h3 {font-size: 1.4rem; margin: 0.8rem 0 0.8rem;}
.price_wrapper h4, .price_wrapper h5 {font-size: 1.1rem; margin: 0.6rem 0 0.6rem;}
.price_wrapper .price_cat {position: relative;}


.price_wrapper .section_block {margin-bottom: 20px;}
.price_wrapper .item {
    width: 100%;
    overflow: hidden; 
    padding: 12px 25px;
    border: 1px solid #f1f1f1;
    margin-bottom: -1px;
    position: relative;
    border-radius: 10px;
    margin-bottom: 5px;
}
.price_wrapper .item:hover {box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.1);}
.price_wrapper .item .name {font-weight: 500; flex: 0 0 60%;}
.price_wrapper .item  a.name {z-index: 2;}
//.price_wrapper .item:hover .name {color: var(--OPTION_BASE_COLOR);}
.price_wrapper .item .price_info {flex: 0 0 40%; text-align: right;}
.price_wrapper .item .price_info .price_val {white-space: nowrap;}
.price_wrapper .item .price_btn_form_container {flex: 0 0 160px;}
.price_wrapper .item .price_btn_form {margin-left: 15px; white-space: nowrap;}

.price_wrapper .item .href {position: absolute; width: 100%; height: 100%; left: 0; top: 0;}

.price_wrapper .btn_order {
    position: relative;
    background-color: #FFF;
    width: 40px;
    height: 40px;
    text-align: center;
    display: inline-block;
    border-radius: 20px;
    transition: all 0.3s ease-out 0s;
    line-height: 40px;
    box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
    z-index: 2;
}
.price_wrapper .btn_order svg {
    width: auto;
    display: inline-block !important;
    vertical-align: middle;
    margin-top: -3px;
}
.price_wrapper .btn_order svg path {stroke: var(--OPTION_BASE_COLOR);} 
.price_wrapper .btn_order:hover {background-color: var(--OPTION_BASE_COLOR);}
.price_wrapper .btn_order:hover svg path {stroke: #FFF;} 


body.SITE_THEME_DARK .price_wrapper .item {border: 1px solid var(--THEME_DARK_LINE_COLOR)}


/*Поиск*/
.price_wrapper .search {position: relative; width: 300px; margin-top: 10px; display: inline-block; z-index: 1;}
.price_wrapper .search input[type="text"] {
    margin: 0; border-radius: 50px; 
    border: none; 
    background-color: #f8f9fb;
    border: 1px solid #f4f4f4;
    padding: 5px 10px;
}
.price_wrapper .search:not(.search_active)::before 
{
    content: "\ea4f";
    color: #d5d5d5;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    right: 5px;
    top: 7px;
  
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body.SITE_THEME_DARK .price_wrapper .search {opacity: 0.8;}
body.SITE_THEME_DARK .price_wrapper .search:hover {opacity: 1;}

.price_wrapper .clear_search
{
    content: "\ea4f";
    color: #000;
    position: absolute;
    right: 10px;
    top: 7px;
    text-decoration: none;
    cursor: pointer;
}
.price_wrapper .show_filter::before {
  content: "\e9dd";
  margin-right: 5px;
  display: inline-block;
  margin-top: -2px;
  vertical-align: middle;
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/*.col-xl-  (>= 1200px)*/
@media screen and (min-width: 1200px)
{
    .price_wrapper .price_cat h3:first-child {padding-right: 350px;}
    .price_wrapper .price_cat:not(.search_active) {margin-top: -40px;}
       
}
/*.col-lg-  (>= 992px)*/
@media screen and (max-width: 1200px)
{
     
}
/*.col-md-  (>= 768px)*/
@media screen and (max-width: 991px)
{
    
    .price_wrapper {-ms-flex-wrap: wrap !important; flex-wrap: wrap !important;}
    .price_wrapper .left_col {flex: 0 0 100%; max-width: 100%; padding-right: 0px;} 
    

    .price_wrapper .cat_menu {padding: 15px; margin-bottom: 10px;}
    .price_wrapper .cat_menu > a {display: inline-block; margin-right: 10px;}  
    .price_wrapper .cat_menu .show_all {width: auto;}
    
    
    .price_wrapper .show_filter {display: inline-block!important;}
    .price_wrapper .cat_menu {display: none;}
    .price_wrapper .search {display: none;}
    
    .price_wrapper .item .price_btn_form_container {display: none}
    .price_wrapper .item .name {font-weight: 400; font-size: 0.9rem;}
    .price_wrapper .item .price_info .price_val {font-size: 0.9rem;}
    
    .price_wrapper h2 {margin-bottom: 10px!important;}
    .price_wrapper h3 {font-size: 1rem; margin: 0.8rem 0 0.8rem;}
    .price_wrapper h4, .price_wrapper h5 {font-size: 0.9rem; margin: 0.6rem 0 0.6rem;}
    
    .price_wrapper h2, .price_wrapper h3, .price_wrapper h4, .price_wrapper h5 {text-align: center;}
}
/*.col-sm-  (>= 576px)*/
@media screen and (max-width: 767px)
{
    
}
/*.col-*/
@media screen and (max-width: 575px)
{
    
}

/* End */
/* /bitrix/templates/bs_beauty_s9/components/bitrix/news/price_cat/bitrix/news.list/.default/style.css?17749457784975 */
