.page-id-176 nav.header-primary,
.page-id-178 nav.header-primary {
    background: #24226A;
    position: relative;
}

.page-id-176 .header-primary .nav>li>a,
.page-id-178 .header-primary .nav>li>a {
    color:#fff;
    z-index: 0;
    position: relative;
}

.page-id-176 .header-primary .nav>li>a:after,
.page-id-178 .header-primary .nav>li>a:after{
    background: rgb(255 255 255 / 20%);
    z-index: -1 !important;
}

.page-id-176 .header-primary .brand svg.blue_logo,
.page-id-178 .header-primary .brand svg.blue_logo{    
    display:none;
}

.page-id-176 .header-primary .brand svg.white_logo,
.page-id-178 .header-primary .brand svg.white_logo{    
    display:block;
}

body.page-id-176,
body.page-id-178{
    background:#F2F3F5;
}

body.page-id-176 .products-header,
body.page-id-178 .products-header{
    border-radius: 0 5px 5px 0;
    background:#fff;
    position: relative;
    padding: 48px 100px 23px 90px;
    bottom: 0;
    margin: 0 0 68px 0;
    border-radius: 5px;
}

body.page-id-176 .products-header:after,
body.page-id-178 .products-header:after{
    background: #f55b41;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    content: "";
    height: 4px;
    position: absolute;
    right: 0;
    width: 92%;
    z-index:1;
    bottom: -4px;
}

body.page-id-176 .title-outer,
body.page-id-178 .title-outer{
    margin: 0 0 47px 0;
    position: relative;
    z-index: 0;
}

.products-description {
    color:#24226A;
    font-size:16px;
    line-height:140%;
    font-family:'Century Gothic Bold';
    padding: 0 11px;
    margin: 0 0 15px 0;
}

.farma {
    justify-content: flex-end;
}

.products-filter {
    margin: 0 0 64px 0;
}

.products-filter ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    position: relative;
    padding: 0 0 40px 0;
}

.products-filter ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
    border-radius: 6px;
}

.products-filter ul li.cosmetic {
    position:absolute;
    bottom:0;
}

.products-filter ul li a,
.products-filter ul li span {
    font-size: 14px;
    line-height: 18px;
    color: rgba(0,0,0,0.5);
    /* font-family: 'Rubik'; */
    font-family: 'Century Gothic';
    cursor:pointer;
    background: rgb(216 219 226 / 80%);
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 7px 12px;
    white-space: nowrap;
}

.products-filter ul li.cosmetic a,
.products-filter ul li.cosmetic span {
    background: rgb(80 78 136 / 80%);
    color: #fff;
}

.products-filter ul li.cosmetic:hover a,
.products-filter ul li.cosmetic:hover span {
    color: rgba(0,0,0,0.5);
}

.products-filter ul li.cosmetic.active a,
.products-filter ul li.cosmetic.active span {
    color: #fff;
}
 
.products-filter ul li.active a,
.products-filter ul li.active span {
    background:#24226A;
}

.products-filter ul li.active a:hover,
.products-filter ul li.active span:hover {
    background:#4f4e88;
}

.products-filter ul li a:hover,
.products-filter ul li span:hover {
    background:rgba(0,0,0,0.1);
}

.products-filter ul li.active a,
.products-filter ul li.active span {
    color:#fff;
}

.products-wrapper {
    display: flex;
    flex-direction: column;
    gap: 32px 0;
}

.product-item {
    display:flex;
    justify-content:center;
    transition: 0.3s;
    background:#fff;
    border-radius:16px;
}

.product-item:hover {
    box-shadow: 0 12px 28px 0 rgb(22 50 106 / 20%);
    width: calc(100% + 32px);
    position: relative;
    left: -16px;
}

.product-item_inner {
    width: 100%;
    background:#fff;
    border-radius:16px;
    display: flex;
    justify-content: space-between;
    padding: 21px 34px 34px 44px;
    gap: 0 6.3%;
    box-sizing: border-box;
    transition-property: all;
    max-width: 1140px !important;
}

.product-item_left {
    display: flex;
    align-items: center;
    margin: auto 0;
    width: 35%;
    padding: 0 19px;
    box-sizing: border-box;
}

.product-item_left .slider {
    width: 100%;
    margin: auto;
    height: 276px;
}

.product-item_left .slider .slider-item {
    width: 85.5%;
    height: 100%;
    margin: 0 auto;
}

.product-item_left .slider .slider-item a{
    width: 100%;
    height: 100%;
    display:block;
}

.product-item_left .slider .slider-item img{
    width:100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.product-item_center {
    width: 35.3%;
}

.product-item_title {
    color: #24226A;
    font-size: 36px;
    line-height: 50px;
    /* font-family: 'Rubik Medium'; */
    font-family: 'Century Gothic Bold';
    margin: 0 0 5px 0;
}

.product-item_tags {
    display: flex;
    gap: 6px;
    margin: 0 0 34px 0;
    flex-wrap:wrap;
}

.product-tag {
    background: rgb(221 224 230 / 70%);
    border-radius: 4px;
    font-size: 14px;
    /* font-family: 'Rubik'; */
    font-family: 'Century Gothic';
    color: rgb(0 0 0 / 50%);
    padding: 4px 8px;
    line-height: 16px;
}

.product-item_text {
    color: #24226A;
    font-size: 16px;
    line-height: 140%;
    /* font-family: 'Rubik'; */
    font-family: 'Century Gothic';
    margin: 0 0 40px 0;
}

.product-item_files {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.product-file {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    cursor:pointer;
}

.site-link {
    position:relative;
}

.site-link:after {
    content:'';
    width:12px;
    height:12px;
    background:url(../../img/site.svg) 0 0 / 12px 12px no-repeat;
    display:inline-block;
    margin:0 0 0 6px;
    position:relative;
    top:0.5px;
}

.product-file_title {
    color: #24226A;
    font-size: 14px;
    line-height: 18px;
    /* font-family: 'Rubik'; */
    font-family: 'Century Gothic';
}

.product-file_format {
    background: #F15642;
    color: #fff;
    font-size: 10px;
    /* font-family: 'Rubik Medium'; */
    font-family: 'Century Gothic Bold';
    border-radius: 3px;
    padding: 2px 6px;
    text-transform: uppercase;
}

.product-item_right {
    flex-basis: 17.5%;
    padding: 0 0 0 32px;
    border-left: 1px solid rgba(0,0,0,0.1);
    flex-direction: column;
    display: flex;
    justify-content: center;
}

.product-doze_header {
    /* font-family: 'Rubik'; */
    font-family: 'Century Gothic';
    font-size: 14px;
    color: rgb(0 0 0 / 50%);
    text-transform: uppercase;
    margin: 16px 0 27px;
}

.product-doze_wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px 0;
    margin: 0 0 40px 0;
}

.product-doze_item {
    display: flex;
    flex-direction: column;
}

.product-doze_text {
    /* font-family: 'Rubik'; */
    font-family: 'Century Gothic';
    font-size: 14px;
    color: #000;
    line-height: 19px;
}

.product-doze_text span:after {
    content:' / ';
}

.product-doze_text span:last-of-type:after {
    content:none;
}

.product-doze_lines {
    display: flex;
    gap: 0 3px;
}

.doze_line {
    height: 6px;
}

.doze_line:first-of-type {
    border-top-left-radius:12px;
    border-bottom-left-radius:12px;
}

.doze_line:last-of-type {
    border-top-right-radius:12px;
    border-bottom-right-radius:12px;
}

.product-doze_titles {
    gap: 13px 0;
    display: flex;
    flex-direction: column;
}

.doze_title {
    display: flex;
    align-items: center;
    gap: 0 8px;
}

.doze_color {
    width: 9px;
    height: 9px;
    display: block;
    border-radius: 50%;
}

.doze_text {
    font-size: 14px;
    color: #24226A;
   /* font-family: 'Rubik'; */
    font-family: 'Century Gothic';
    flex-shrink:100;
}

.products-filter ul li.has-children {
    position:relative;
    padding-right: 40px;
    background: rgb(216 219 226 / 80%);
}

.products-filter ul li.has-children.active.opened {
   background: #24226A; 
}

.products-filter ul li.has-children > a,
.products-filter ul li.has-children > span {padding: 7px 5px 7px 12px;border-radius: 6px 0 0 6px;}

.products-filter ul li.has-children ul{
    display:none;
    transition: 0.3s;
    gap: 0 4px;
    height: 100%;
}

.products-filter ul li.has-children.active ul{background: #24226A;}

.products-filter ul li.has-children ul.opened{
    display:flex;
    padding: 0 10px;
}

.products-filter ul li.has-children ul.active{
    display: flex;
    gap: 0 4px;
}

.products-filter ul li.has-children .filter-more {
    width: 40px;
    height: 100%;
    border-radius: 0 6px 6px 0;
    position: absolute;
    right: 0;
    cursor:pointer;
    background: rgb(216 219 226 / 80%) url(../../img/plus-filter.svg) center no-repeat;
}

.products-filter ul li.has-children.opened .filter-more {
    background: rgb(216 219 226 / 80%) url(../../img/minus-filter.svg) center no-repeat;
}

.products-filter ul li.has-children.active .filter-more {
    background: #24226A url(../../img/plus-filter-white.svg) center no-repeat;
}

.products-filter ul li.has-children.opened.active .filter-more {
    background: #24226A url(../../img/minus-filter-white.svg) center no-repeat;
}

.products-filter ul li.has-children .filter-more:hover {
    background: rgba(0,0,0,0.1) url(../../img/plus-filter.svg) center no-repeat;
}

.products-filter ul li.has-children.opened .filter-more:hover {
    background: rgba(0,0,0,0.1) url(../../img/minus-filter.svg) center no-repeat;
}

.products-filter ul li.has-children.opened.active .filter-more:hover {
    background: #4f4e88 url(../../img/minus-filter-white.svg) center no-repeat;
}

.products-filter ul li.has-children.active .filter-more:hover {
    background: #4f4e88 url(../../img/plus-filter-white.svg) center no-repeat;
}

.products-filter ul li.has-children ul li a,
.products-filter ul li.has-children ul li span {background: rgba(0,0,0,0.1);}

.products-filter ul li.has-children ul li a:hover, 
.products-filter ul li.has-children ul li span:hover {
    background: rgba(0,0,0,0.2);
}
.products-filter ul li.has-children ul li a,
.products-filter ul li.has-children ul li span {padding: 3px 8px;}

.products-filter ul li.has-children.active ul li a,
.products-filter ul li.has-children.active ul li span {background: rgba(255,255,255,0.3);color:#fff;}

.products-filter ul li.has-children.active ul li.active a,
.products-filter ul li.has-children.active ul li.active span {background: #fff;color: rgba(0,0,0,0.5);}

.product-slider .slick-arrow {
    position:absolute;
    width: 8px;
    height: 13px;
    top:calc(50% - 5px);
    background: url(../../img/blue-arrow.svg) center no-repeat;
    right: -30px;
    padding: 15px;
    z-index: 10;
}

.product-slider .slick-arrow.slick-prev {
    transform:rotate(180deg);
    right:auto;
    left: -30px;
}

.product-item.inactive {
    display: none;
}

.product-item .slick-dots {
    display:flex;
    gap: 0 6px;
    justify-content: center;
    position: absolute;
    width: 100%;
    bottom: 13px;
}

.product-item .slick-dots li{
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #D9D9D9;
}

.product-item .slick-dots li.slick-active{
    background: #353383;
}

.product-item .slick-dots li button {
    font-size:0;
}

.title-cosmetic {
    margin: 0 !important;
    width: 100%;
}

.title-cosmetic .h2{
    margin: 20px 0 20px;
}

.hh-link-em {
    text-decoration:underline;
}

.hh-link-em:hover {
    text-decoration:none;
}