/*
Theme Name: Connecthair
Author: HiSEO
Author URI: https://hiseo.ru/
Description:
Version: 1.0
*/

*{box-sizing: border-box;}
body{
	font-size: 14px;
	margin: 0;
	font-family: Roboto, sans-serif;
    background: #fff;
    color: #363636;
}
body.noscroll{overflow: hidden;}
h1, h2, h3, h4, h5, h6{margin: 0;}
a{color: #AE8D8D; text-decoration: underline;}
/* a:hover{color: #e84842;} */
p{margin-top: 0;}
p, pre{
	line-height: 1.7em;
}
img{max-width: 100%;}
ul{margin: 0; padding: 0;}
ol{padding-left: 20px;}
ul li{list-style: none;}
button, video, input[type=submit]{outline: 0;}
table{border: 0; border-spacing: 0;}
hr{border-style: solid;}

.lato{font-family: Lato;}

.mobile_only{display: none;}

.height_auto{max-height: none;}
.sticky{position: sticky; top:70px;}
.center{text-align: center;}

html:not(._){margin: 0!important;}
#wpadminbar{z-index: 9999; position: relative;}


/* =========================================
                  COLORS
   ========================================= */
.section_pd.pink{background-color: #FEF2F388;}


/* =========================================
                HEADERS
   ========================================= */
h1, h2{
    overflow: hidden;
    display: block;
    position: relative;
    line-height: 1.1em;
    font-size: 3.4em;
    font-weight: 700;
    margin-bottom: 20px;
    color: #4F3636;
    font-family: 'Playfair Display2';
    text-align: center;
}
h1{margin: 0 0 60px;}
h3, .h3{
    font-size: 1.5em;
    font-weight: 500;
    margin-bottom: 15px;
    color: #653C3C;
}
@media screen and (max-width: 999px){
    h1, h2{font-size: 2.8em;}
}

/* =========================================
               PAGE CONTENT
   ========================================= */
.text_content p{line-height: 2.2em}
.text_content .woocommerce p{line-height: 1.5em;}
.text_content iframe{max-width: 100%;}
.text_content h2{
    padding-left: 0;
    margin: 0 auto 20px;
    max-width: 900px;
}
.text_content h2:before{content: none;}
.text_content .has-text-align-center{text-align: center;}
.text_content .alignleft{float: left; margin-top: 0; margin-left: 0;}
.text_content .alignright{float: right; margin-top: 0; margin-right: 0;}
.text_content.with_sidebar{
    display: grid;
    grid-template-columns: 270px 1fr;
    grid-gap: 30px;
}
.text_content .sidebar ul{
    background: #FFFFFF;
    border: 1px solid #C7CFDB;
    border-radius: 5px;
    overflow: hidden;
    position: sticky;
    top: 60px;
}
.text_content .sidebar ul li a{
    font-size: 1.1em;
    text-decoration: none;
    color: #4F3636;
    font-weight: 500;
    padding: 15px 30px;
    display: block;
}
.text_content .sidebar ul li.current-menu-item a{background-color: #FFC0CB; border-radius: 4px;}
.text_content .payment_mobile{text-align: center; display: none;}

@media screen and (max-width: 999px){
    .text_content.with_sidebar{grid-template-columns: 1fr;}
    .text_content .payment_mobile{display: block;}
    .text_content .payment_pc{display: none;}
}
@media screen and (max-width: 767px){
    .text_content .alignleft{margin-right: 0; float: none;}
    .text_content .alignright{margin-left: 0; float: none;}
}

/* =========================================
                   BUTTONS
   ========================================= */
.btn{
    padding: 7px 21px;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    box-shadow: none!important;
    outline: none;
    transition: all .2s ease-in-out;
    font-weight: 500;
    font-family: 'Roboto';
    color: #653C3C;
    background-color: #ffc0cb;
    border-color: #FFC0CB;
    border-radius: 10px;
    border-style: solid;
    text-align: center;
}
.btn:hover{}
.btn.light{
    background-color: #FEF2F3;
    border-color: #FEF2F3;
}
.catalog_btn{
    background: no-repeat right bottom url(images/catalog.png), #2360E8;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700;
    color: #fff!important;
    padding: 26px 40px;
    min-width: 230px;
    display: inline-block;
}
.catalog_btn:hover{background-color: #e72e2b;}

.um input[type=submit].um-button, .um input[type=submit].um-button:focus, .um a.um-button, .um a.um-button.um-disabled:hover, .um a.um-button.um-disabled:focus, .um a.um-button.um-disabled:active{
    background: #ffc0cb!important;
    color: #653C3C;
}
.um input[type=submit].um-button:hover, .um a.um-button:hover {
    background: #ffc0cb!important;
}
.um-account-meta{display: none!important;}
body .select2-container, body .ui-widget.ui-datepicker{z-index: 5!important;}

.video_poster{position: relative; cursor: pointer;}
.video_poster button{
    border: 0;
    border-radius: 3px;
    background-color: #e72e2b;
    color: #fff;
    padding: 19px 35px;
    font-size: 1em;
    transition: 0.1s;
    cursor: pointer;
    user-select: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.video_poster:hover button{padding: 24px 41px;}

/* =========================================
                CONTAINERS
   ========================================= */   
.container{
    max-width: 1150px;
    padding: 0 15px;
    margin: 0 auto;
} 
.halved{
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.halved .left_half{margin-left: auto;}
.halved .right_half{margin-right: auto;}
.halved .left_half, .halved .right_half{
    width: 100%;
    max-width: 575px;
}
.halved .left_half{padding-left: 15px; padding-right: 35px;}
.halved .right_half{padding-left: 35px; padding-right: 15px;}
.narrow_content{
    max-width: 950px;
    margin: 0 auto;
}

.gray_bg{background-color: #f4f4f4;}

.section_mg{
    margin-top: 70px;
    margin-bottom: 70px;
}
.section_pd{
    padding-top: 70px;
    padding-bottom: 70px;
}

.grid, .grid2, .grid3, .grid4{display: grid;}
.grid2{grid-template-columns: 1fr 1fr;}
.grid3{grid-template-columns: 1fr 1fr 1fr;}
.grid4{grid-template-columns: 1fr 1fr 1fr 1fr;}

.col2{grid-column-end: span 2;}
.row2{grid-row-end: span 2;}

.spoiler > label{user-select: none; cursor: pointer; display: block;}
.spoiler > div{display: none;}

@media screen and (max-width: 1149px){
    .container{ max-width: 980px;}
    .halved .left_half, .halved .right_half{ max-width: 490px;}
} 
@media screen and (max-width: 999px){
    body{font-size: 15px;}
    .container{ max-width: 760px;}
    .narrow_content{max-width: 550px;}
    .grid2, .grid3{grid-template-columns: 1fr;}
    .grid4{grid-template-columns: 1fr 1fr;}
    .halved .left_half, .halved .right_half{ max-width: 360px;}
}
@media screen and (max-width: 767px){
    body{font-size: 14px;}
    .container{ max-width: 100%;}
    .halved{grid-template-columns: 1fr;}
    .halved .left_half, .halved .right_half{ max-width: 100%;}
    .section_pd{padding-top: 30px; padding-bottom: 30px;}
    .section_mg{margin-top: 30px; margin-bottom: 30px;}
}
@media screen and (max-width: 499px){
    .grid4{grid-template-columns: 1fr;}
}

/* =========================================
            SHADING & BACKGROUND
   ========================================= */
.shading{position: relative;}
.shading:after{
	content: '';
	display: block;
	position: absolute;
	background: #000; opacity: 0.25;
	z-index: 0;
	width: 100%; height: 100%;
	transition: 0.2s;
	top: 0;
	left: 0;
}
.shading > *{position: relative; z-index: 1;}

.cover:not(img){
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
img.cover{
	object-fit: cover;
	transition: 0.2s;
    height: 100%;
    width: 100%;
}

/* =========================================
                  LOADING
   ========================================= */
.loading{position: relative;}
.loading:before, .loading:after{
	content: '';
	position: absolute;
	transition: 0.4s;
}
.loading:before{
	z-index: 4;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.8);
	left: 0; top: 0;
}
.loading:after{
	z-index: 5;
	top: calc(50% - 15px); left: calc(50% - 15px);
	width: 30px; height: 30px;
	border-radius: 50%;
	border: 4px dashed #333;
	animation: loading  1.3s infinite;
}
.loading.loaded:after,
.loading.loaded:before{opacity: 0;}
.loading.error:after{
	content: 'Ошибка загрузки';
    color: #ff5e00;
    animation: none;
    border: 2px dashed #ff5e00;
    text-transform: uppercase;
    font-weight: bold;
    width: auto;
    height: auto;
    background: rgba(255,255,255,0.8);
    border-radius: 0;
    padding: 10px;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}
@keyframes loading{
  from{transform: rotate(0);}
  to{transform: rotate(360deg);}
}

/* =========================================
                    FORMS
   ========================================= */
.wpcf7-form input{border: 0; outline: none;}
.wpcf7-form input{border: 0; outline: none;}
.wpcf7-form input[type=text],
.wpcf7-form input[type=tel],
.wpcf7-form input[type=email],
.wpcf7-form textarea{
    padding: 10px 15px;
    width: 100%;
    max-height: 110px;
    border: 0;
    outline: none;
    resize: vertical;
}
.wpcf7-form .btn{background-color: #22609a; transition: 0s;}
.wpcf7-form .btn:hover{background-color: #2972b7;}
.form_box .wpcf7-form{padding-right: 15px;}
.wpcf7 form .wpcf7-response-output{margin: 20px 0;}

/* =========================================
                    POPUP
   ========================================= */
#popup{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 999;
    display: grid;
    grid-template-rows: 100vh;
    grid-template-columns: 1fr;
    align-items: center;
    justify-items: center;
}
#popup .bg{
    background-color: #000000aa;
    position: absolute;
    height: 100%;
    width: 100%;
    cursor: pointer;
}
#popup .cross{
    color: #fff;
    background: no-repeat center / 15px url(images/icons/cross_w.svg), #2360E8;
    border-radius: 50%;
    position: absolute;
    width: 30px;
    height: 30px;
    right: 40px;
    top: 10px;
    user-select: none;
    cursor: pointer;
    font-size: 2em;
    z-index: 2;
}
#popup .cross:hover{background-color: #E82E2A;}
#popup .content{
    z-index: 1;
}

/* IMAGE VIEWER */
#popup .img_viewer{
    overflow: auto;
    max-height: 100%;
}
#popup .img_viewer.zoom{
    text-align: center;
    width: 100%;
}
#popup .img_viewer img{object-fit: contain;}
#popup .img_viewer.zoom img{cursor: zoom-out;}
#popup .img_viewer:not(.zoom) img{
    cursor: zoom-in;
    max-width: 100%;
    max-height: 100%;
    padding: 30px;
}

/* VIDEO VIEWER */
#popup .video_viewer{}
#popup video{max-height: 80vh;}

/* POPUP FORM */
#popup .popup_form{
    background: #f7f7f7;
    padding: 35px 25px;
    border-radius: 10px;
}
#popup .popup_form .h3{margin-bottom: 20px;}

#callback_form{display: none;}

/* =========================================
                   SLIDER
   ========================================= */
.tiny-slider .box{position: relative;}
/* controls */
.tiny-slider .controls{
    color: #072869;
    outline: none;
}
.tiny-slider .controls li{
    position: absolute;
    top: 0;
    cursor: pointer;
    outline: none;
    z-index: 1;
    width: 40px;
    height: 100%;
    display: inline-block;
    font-size: 0;
    user-select: none;
    text-align: center;
    background-color: #fff;
    background-repeat: no-repeat!important;
    background-size: 10px!important;
    background-position: center!important;
    opacity: 0.5;
}
.tiny-slider .controls li:hover{color: #e72d2b; opacity: 1;}
.tiny-slider .controls li.next{right: -40px; background-image: url(images/icons/arrow_right.svg)!important}
.tiny-slider .controls li.prev{left: -40px; background-image: url(images/icons/arrow_left.svg)!important}
.tiny-slider .autoplay{
    display: none;
}


/* thumbnails */
.tiny-slider .thumbnails{
    text-align: center;
    margin-top: 10px;
}
.tiny-slider .thumbnails li{
    display: inline-block;
    padding: 3px;
    outline: none;
}
.tiny-slider .thumbnails img{
    width: 40px;
    height: 40px;
    padding: 2px;
    border: 2px solid transparent;
    border-radius: 3px;
    object-fit: cover;
    object-position: center;
    cursor: pointer;
}
.tiny-slider .thumbnails .tns-nav-active img{
    border-color: #9696ff;
    cursor: default;
}

.tiny-slider .tns-nav{display: none;}
.tiny-slider .tns-nav button{
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 0;
    background-color: #072869;
    margin: 4px;
    padding: 0;
}
.tiny-slider .tns-nav button.tns-nav-active{background-color: #e72d2b;}
.tiny-slider .slide_counter{
    position: absolute;
    left: 20px;
    bottom: 9px;
    color: #fff;
    font-size: 1.3em;
    text-shadow: 1px 1px 1px #0000005e;
}
/* cover parent area */
.tiny-slider.cover .box,
.tiny-slider.cover .tns-outer,
.tiny-slider.cover .tns-ovh,
.tiny-slider.cover .tns-inner,
.tiny-slider.cover .slides,
.tiny-slider.cover .tns-item{
    height: 100%!important;
}

@media(max-width: 765px){
    .tiny-slider .box{padding: 0;}
}

/* =========================================
			   MAIN NAVIGATION
   ========================================= */
@keyframes fix_menu{
	from {transform: translateY(-100%)}
	to {transform: translateY(0)}
}
@keyframes unfix_menu{
	from {position: fixed; transform: translateY(0)}
	to {position: fixed; transform: translateY(-100%)}
}
#master_head{position: relative; z-index: 9;}
#master_head .wrapper{
	width: 100%;
    background: #fff;
	border-bottom: 1px solid #e9e9e9;
	top: -300px;
	transition: 0.3s;
	top:0;
}
#master_head.fixed .wrapper{position: fixed; animation: fix_menu 0.2s;}
#master_head:not(.fixed) .wrapper{animation: unfix_menu 0s;}
#master_head .bg{
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    position: fixed;
    background: #00000000;
    z-index: -1;
}
#master_head:not(.opened) .bg{display: none;}
#master_head .burger{
    cursor: pointer;
    width: 30px!important;
    height: 30px!important;
    background: no-repeat center / auto 25px url(images/icons/burger.svg);
    grid-area: mbtn;
}
#master_head.opened .burger{
    background: no-repeat center / auto 25px url(images/icons/cross.svg);
}

/* --------------------
          MENU
   ------------------ */
#master_head .main_menu{
	display: flex;
    flex-wrap: wrap;
	justify-content: end;
    align-items: center;
    font-size: 1.2em;
}
#master_head .main_menu .home_link,
#master_head .mobile .main_menu li.mobile_menu{display: none;}
#master_head .main_menu li{position: relative;}

/* LVL 1 */
#master_head .main_menu > li{
    margin-right: 18px;
}
#master_head .main_menu > li > a{
	position: relative;
    font-weight: 500;   
    border-bottom: 4px solid transparent;
}
#master_head .main_menu > li:hover > a{
    border-color: #FFC0CB;
}
#master_head .main_menu > li.menu-item-has-children:hover > a:after{border-color: #22609a transparent transparent transparent;}
#master_head .main_menu button{
    position: absolute;
    right: 15px;
    top: 22px;
    cursor: pointer;
    border: 0;
    outline: 0;
    padding: 0;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    background: no-repeat center / 18px url(images/icons/arrow_bold.svg);
    transform: translateY(-50%) rotate(-180deg);
}
#master_head .main_menu > li.menu-item-has-children > button{display: none;}

#master_head .main_menu li.opened > button{
    transform: translateY(-50%);
}

/* LVL 2+ */
#master_head .main_menu ul{
    background-color: #fff;
    position: absolute; 
    display: none;
    z-index: 1;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
    box-shadow: 1px 3px 1px #00000017;
}
@media(min-width: 1000px){
    #master_head .main_menu li:hover > ul{display: block;}
}
#master_head .main_menu ul li a{
    border-radius: 0!important;
    text-align: left;
    font-weight: normal;
    text-transform: none;
    border-top: 1px solid #e7eaef;
    padding: 8px 20px;
    white-space: nowrap;
    text-decoration: underline;
    font-size: 0.9em;
}

/* ALL LVLs */
#master_head .main_menu li > a{
    display: block;
    color: #A98686;
    text-decoration: none;
    padding: 6px 0px 2px;
}
#master_head .main_menu li:hover > a{color: #653C3C;}
#master_head .main_menu li.current_page_item > a{}


/* --------------------
     OTHER STYLES
   ------------------ */
#master_head .lang{
    background-color: #fad3d9;
    border-radius: 5px;
    display: inline-flex;
    margin: 0 auto;
    padding: 3px;
    color: #4F3636;
}
#master_head .lang span{
    text-decoration: none;
    padding: 2px 6px;
    display: inline-block;
    border-radius: 4px;
    color: #4F3636;
}
#master_head .lang span.selected{
    background-color: #fff;
    font-weight: bold;
}

#master_head .right_side{
    justify-self: end;
    display: grid;
    grid-auto-flow: column;
    align-items: center; 
    grid-gap: 15px;
}
#master_head .right_side a{
    text-decoration: none;
    color: #4F3636;
}
#master_head .right_side .account{white-space: nowrap;}
#master_head .right_side .cart{
    color: #363636;
    display: flex;
    align-items: center;
    position: relative;
    justify-self: end;
    margin-left: 3px;
}
#master_head .right_side .cart > a{
    font-size: 1.3em;
    color: #363636;
    background: no-repeat left url('images/icons/cart.svg');
    background-size: 21px 21px;
    padding-left: 25px;
}
#master_head .right_side .cart > a:hover{color: #A98686;}
#master_head .right_side .cart > button{
    display: block;
    width: 20px;
    height: 20px;
    background: no-repeat center / 14px url(images/icons/arrow.svg);
    border: 0;
    cursor: pointer;
    margin-left: 4px;
}
#master_head .right_side .cart > button.opened{transform: rotate(180deg)}
#master_head .right_side .cart .contain{
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background-color: #FFFBFB;
    border-radius: 0 0 15px 15px;
    min-width: 300px;
    max-height: calc(100vh - 60px);
    overflow-y: auto;
    box-shadow: 0px 10px 10px rgba(169, 134, 134, 0.3);
}
#master_head .desktop .right_side .cart .contain{padding-top: 8px;}
#master_head .desktop .right_side .cart .list{border-top: 1px solid #F4EBED;}
#master_head .right_side .cart .list li{
    border-bottom: 1px solid #F4EBED;
    padding: 10px 20px 10px 20px;
    display: flex;
    justify-content: space-between;
}
#master_head .right_side .cart .list .product-name a{
    font-family: Playfair Display;
    font-weight: 700;
    font-size: 0.7em;
    color: #363636;
}
#master_head .right_side .cart .list .cost_grid{
    display: grid;
    grid-template-columns: 1fr auto;
    justify-items: end;
    align-items: center;
    grid-gap: 6px;
    align-self: center;
}
#master_head .right_side .cart .list .attributes{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 0.7em;
    margin-top: 3px;
}
#master_head .right_side .cart .list .attributes .sep{
    padding-right: 3px;
}
#master_head .right_side .cart .list .cost{
    font-weight: 500;
    font-size: 1.2em;
    color: #653C3C;
}
#master_head .right_side .cart .list .subtotal_cost{
    font-size: 0.9em;
    font-weight: 500;
    color: #A98686;
}
#master_head .right_side .cart .list .product-thumbnail{
    width: 70px;
    height: 55px;
}
#master_head .right_side .cart .list .product-thumbnail img{
    height: 100%;
    object-fit: cover;
}
#master_head .right_side .cart .bottom_row{
    padding: 10px 10px 10px 20px;
    display: grid;
    grid-auto-flow: column;
    grid-gap: 10px;
    align-items: center;
    justify-content: space-between;
}
#master_head .right_side .cart .bottom_row .total bdi{margin-left: 6px;}
#master_head .right_side .cart .bottom_row .total{
    color: #653C3C;
    font-weight: 500;
}
#master_head .right_side .cart .bottom_row .btn{
    font-size: 0.7em;
    padding: 0 15px;
    height: 38px;
    display: flex;
    align-items: center;
}
#master_head .right_side .cart .bottom_row .btn.light{
    border: 1px solid #A98686;
    color: #AE8D8D;
    background-color: #fff;
}
 
/* >>>>>> Desctop */
#master_head .desktop .container{
    display: grid;
    grid-template-columns: 35px auto auto 1fr;
    align-items: center;
    grid-gap: 14px;
    min-height: 64px;
}
#master_head .desktop .logo img{
    height: 33px;
    box-sizing: content-box;
    padding: 5px 0;
}
#master_head.min .desktop .logo img{height: 50px; padding: 3px 0;}

/* >>>>>> Mobile */
#master_head .mobile .container{
    position: relative;
    display: grid; 
    grid-gap: 12px;
    align-items: center;
    padding-bottom: 8px;
    padding-top: 8px;
    grid-template: 'logo lang mbtn menu user' / auto auto auto 1fr auto;
}
#master_head .mobile .logo{justify-self: start;}
#master_head .mobile .logo img{height: 40px;}



/* ------------------ */
#master_head .contacts{justify-self: start; flex-direction: column;}


#master_head .wrapper{top: 0;}
#master_head.hide .wrapper{transform: translateY(-100%);}
#master_head .desktop{
    position: fixed;
    z-index: 99;
    background: #FFFBFB;
    max-width: 100vw;
    transition: 0.2s;
    left: -100vw;
    border-radius: 0 15px 15px 0;
    box-shadow: 0px 10px 10px rgba(169, 134, 134, 0.3);
    border-top: 1px solid #FEF2F3;
}
#master_head.opened .desktop{left: calc(50% - 560px);}
#master_head .desktop .logo{display: none!important;}  
#master_head .main_menu > li.menu-item-has-children > a:after{display: inline-block;}
#master_head .main_menu button{display: flex;}
#master_head .main_menu a{background: none!important;}
#master_head .desktop .main_menu{
    grid-auto-flow: row;
    grid-gap: 0;
    display: grid;
}
#master_head .desktop .main_menu > li{min-width: 250px;}
#master_head .desktop .main_menu > li ul{
    position: relative;
    width: 100%;
    display: none;
    padding: 0 0 0 20px;
    box-shadow: none;
}
#master_head .desktop .main_menu > li ul a{
    display: block;
}
/* ------------- */

#master_head .desktop .container{display: block; padding: 0;}
#master_head .desktop .lang, #master_head .desktop .right_side{display: none;}
#master_head .main_menu > li.menu-item-has-children > a:after{content: none;}
#master_head .desktop .main_menu > li > a{border-top: 1px solid #F4EBED; border-bottom: none!important;}
#master_head .desktop .main_menu li > a{padding: 10px 20px;}
#master_head .desktop  .main_menu ul{background: none; margin: 0;}
#master_head .desktop  .main_menu ul li a{border-top: 1px solid #F4EBED;}
#master_head .desktop  .main_menu li.opened > a{color: #653C3C;}
#master_head .desktop  .main_menu li.opened li:first-child a{border-top: 2px solid #FFC0CB;}
#master_head .desktop  .main_menu button{display: inline-block!important;}
#master_head .mobile .logo img{height: 30px;}
#master_head .mobile .right_side .acc img{display: none; vertical-align: middle;}
#master_head .mobile .right_side .cart{position: unset;}
/* #master_head .mobile .right_side .cart .bottom_row{flex-direction: column;} */
#master_head .mobile .right_side .cart .contain{}

@media(max-width: 1199px){
    #master_head.opened .desktop{left: calc(50% - 475px);}
    #master_head .mobile .right_side img{display: inline-block; margin-left: 12px;}
    #master_head .mobile .right_side .acc span{display: none;}
}
@media(max-width: 999px){
    #master_head .mobile .main_menu{display: none;}
    #master_head.opened .desktop{left: 0;}
    #master_head .mobile .right_side .cart > a{font-size: 0; padding-left: 15px; height: 28px;}
    #master_head .mobile .container{grid-template: 'logo lang menu user mbtn' / auto auto auto 1fr auto;}
}



/* =========================================
                 BREADCRUMBS
   ========================================= */
.breadcrumbs{
    list-style: none;
    padding: 0;
    text-align: left;
    margin: 0;
    color: #653C3C;
    opacity: 0.6;
}
.breadcrumbs li{
    display: inline-block;
    font-size: 0.8em;
}
.breadcrumbs a{
    color: inherit;
    display: inline-block;
    text-decoration: none;
}
.breadcrumbs span[itemprop=name]{
    padding: 0;
}
.breadcrumbs a:hover span[itemprop=name]{}
.breadcrumbs img{
    margin: 0 10px;
    vertical-align: middle;
}

/* =========================================
                  BASEMENT
   ========================================= */
.basement{
    padding: 40px 0 200px;
    border-top: 1px solid #808080;
    color: #AE8D8D;
    line-height: 1.6em;
}
.basement .container{
    display: grid;
    grid-template: 'cont copy menu inst' 'cont copy menu hiseo' / 1fr 1fr 1fr 1fr;
    grid-gap: 20px 0;
    align-items: start;
}
.basement a{
    color: inherit;
    text-decoration: none;
}
.basement .copyright{grid-area: copy;}
.basement .contacts{grid-area: cont;}
.basement .contacts li{
    margin-bottom: 28px;
}
.basement .contacts button{
    background: none;
    text-decoration: underline;
    color: #455471;
    text-transform: uppercase;
    border: 0;
    font-size: 1em;
    font-weight: 600;
    display: block;
    padding: 0;
    cursor: pointer;
    margin-top: 7px;
}

.basement nav{
    grid-area: menu;
    display: flex;
    flex-direction: column;
}
.basement nav a{
    display: inline-block;
    text-decoration: underline;
}
.basement nav .home_link,
.basement nav .sub-menu{display: none;}

.basement .social{grid-area: inst;}
.basement .social a{
    background-position: left;
    background-size: 30px;
    background-repeat: no-repeat;
    padding-left: 40px;
    display: inline-block;
    line-height: 30px;
    margin-bottom: 15px;
}

.basement .hiseo{
    grid-area: hiseo;
    display: inline-flex;
    align-items: center;
    text-align: left;
}
.basement .hiseo img{
    height: 40px;
}
.basement .hiseo span{
    display: inline-block;
    margin-left: 5px;
    line-height: 1.2em;
    font-size: 0.7em;
    font-weight: 600;
    color: #653C3C;
    text-transform: uppercase;
}
@media screen and (max-width: 999px){
    .basement .container{grid-template: 'cont inst' auto 'cont menu' 1fr 'copy hiseo' / 1fr 0.7fr; grid-gap: 8px 3px; max-width: 480px;}
    .basement .contacts li{margin-bottom: 12px;}
}
@media screen and (max-width: 600px){
}


/* =========================================
             FIRST BLOCK ON PAGE
   ========================================= */
.facade{
    position: relative;
    padding-top: 10px;
    padding-bottom: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-align: center;
}
.facade .background{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    z-index: -1;
}
.facade h1{
    font-size: 3.4em;
    margin: 40px 0;
}
.facade .subheader{
    color: #A98686;
    font-size: 1.3em;
}
.facade video.logo{
    width: 100%;
    max-width: 600px;
    display: block;
    margin: 0 auto -65px;
    
}
.facade img.logo{
    margin: 20px auto 0;
    display:none;
}
.product_facade{padding-bottom: 60px;}
.product_facade video.logo{
    max-width: 400px;
    margin-bottom: -40px!important;
}
.product_facade .subheader{
    font-size: 1em;
}
.product_facade h1{
    margin: 0 0 10px;
}
#facade_slider{
    margin-top: 50px;
    background-color: #fff;
    text-align: left;
    position: relative;
}
#facade_slider .slide{
    height: 350px;
    position: relative;
    display: inline-grid;
    grid-template-columns: 2fr 1.2fr;
}
#facade_slider .text{
    padding: 70px 30px 120px 90px;
}
#facade_slider img{
    object-position: center;
    height: 100%;
    width: 100%;
}
#facade_slider .h{
    font-weight: 700;
    font-family: lato;
    font-size: 2em;
    margin-bottom: 20px;
}
#facade_slider .thumbnails{
    text-align: left;
    position: absolute;
    bottom: 40px;
    left: 90px;
}
#facade_slider .thumbnails li{
    border-radius: 10px;
    padding: 10px 12px;
    margin-right: 12px;
    background-color: #fff;
    border: 1px solid #AE8D8D;
    color: #AE8D8D;
    cursor: pointer;
}
#facade_slider .thumbnails li.tns-nav-active{
    color: #653C3C;
    background-color: #FFC0CB;
    border-color: #FFC0CB;
    cursor: default;
}
.facade_content{
    width: 100%;
    background-color: #fff;
    max-width: 700px;
    margin: 20px auto 30px;
    box-shadow: 0px 11.7021px 58.5106px rgb(174 141 141 / 30%);
    border-radius: 20px;
    padding: 40px 70px 15px;
}
.facade_content .um-half, .facade_content .um-col-121, .facade_content .um-col-122{width: calc(50% - 20px)}
.facade_content .um-field-label label{
    font-size: 14px!important;
    font-weight: 400;
    color: #653C3C;
}
.facade_content .um .um-form input[type=text], .facade_content .um .um-form input[type=search], .facade_content .um .um-form input[type=tel], .facade_content .um .um-form input[type=number], .facade_content .um .um-form input[type=password], .facade_content .um .um-form textarea, .facade_content .select2-container .select2-choice, .facade_content .select2-container-multi .select2-choices, .facade_content .select2.select2-container .select2-selection{
    border: 1px solid #C7CFDB!important;
    border-radius: 5px!important;
    padding: 0 25px !important;
    height: 60px !important;
    font-size: 14px!important;
}
.facade_content .select2-container--default .select2-selection--single .select2-selection__rendered, .facade_content .select2.select2-container .select2-selection .select2-selection__arrow:before{
    line-height: 60px;
}
.facade_content .um .um-form .select2-search--dropdown .select2-search__field{
    padding: 0 8px !important;
    height: 30px !important;
}
.um .um-tip:hover, .um .um-field-radio.active:not(.um-field-radio-state-disabled) i, .um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i, .um .um-member-name a:hover, .um .um-member-more a:hover, .um .um-member-less a:hover, .um .um-members-pagi a:hover, .um .um-cover-add:hover, .um .um-profile-subnav a.active, .um .um-item-meta a, .um-account-name a:hover, .um-account-nav a.current, .um-account-side li a.current span.um-account-icon, .um-account-side li a.current:hover span.um-account-icon, .um-dropdown li a:hover, i.um-active-color, span.um-active-color{color: #AE8D8D;}
.facade_content input[type=submit].um-button{
    background: #FEF2F3!important;
    color: #653C3C;
    padding: 20px !important;
    font-weight: 500!important;
}
.facade_content .um-account-main{
    width: 100%!important;
    padding: 0;
    max-width: 100%!important;
}
.facade_content .um-account-tab{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px 40px;
}
.facade_content .um-account-tab p{
    margin: 0!important;
}
.facade_content .um-account-tab select{
    width: 100%;
    box-sizing: border-box;
    padding: 0 25px !important;
    height: 60px !important;
    outline: none;
    border: 1px solid #C7CFDB!important;
    border-radius: 5px;
}
.facade_content .um-col-alt-b{grid-column-end: span 2;}
.facade_content .um-button{
    padding: 20px !important;
    box-shadow: none;
}
.facade_content input[type=submit].um-button{
    background: #FEF2F3!important;
    color: #653C3C;
    font-weight: 500!important;
}

/* МЕДИА-ЗАПРОСЫ - ИСПРАВЛЕННЫЕ */
@media (max-width: 767px){
    .facade video.logo{display: none;}
    .facade img.logo{display: block;}
    #facade_slider .thumbnails li{
        margin-bottom: 5px;
        padding: 4px 10px;
        margin-right: 4px;
        font-size: 1em;
    }
    .facade h1{
        font-size: 2.8em;
        margin: 30px 0;
    }
}

@media(max-width: 700px){
    .facade h1{
        font-size: 2.4em;
        margin: 20px 0;
    }
    .facade .subheader{
        font-size: 1.1em;
    }
    .facade_content .um-account-tab{
        display: block;
    }
    
    /* Исправленный слайдер */
    #facade_slider .slide{
        display: block;
        height: auto;
        padding-bottom: 40px;
    }
    #facade_slider img{
        display: block;
        width: 100%;
        height: 200px;
        object-fit: cover;
    }
    #facade_slider .text{
        padding: 30px 20px 70px;
    }
    #facade_slider .thumbnails{
        left: 20px;
        bottom: 20px;
    }
    #facade_slider .h{
        font-size: 1.8em;
    }
}

@media(max-width: 550px){
    .facade h1{
        font-size: 2.2em;
        margin: 15px 0;
    }
    .facade .subheader{
        font-size: 1em;
    }
    #facade_slider .h{
        font-size: 1.6em;
    }
    #facade_slider img{
        height: 180px;
    }
}

@media(max-width: 450px){
    .facade h1{
        font-size: 2em;
        margin: 15px 0;
    }
    .facade_content{
        padding: 20px 15px 5px;
    }
    #facade_slider .text{
        padding: 20px 15px 60px;
    }
    #facade_slider .thumbnails{
        left: 15px;
    }
    #facade_slider .thumbnails li{
        padding: 3px 8px;
        margin-right: 3px;
        font-size: 0.9em;
    }
    #facade_slider .h{
        font-size: 1.5em;
        margin-bottom: 15px;
    }
    #facade_slider img{
        height: 150px;
    }
}

@media(max-width: 350px){
    .facade h1{
        font-size: 1.8em;
        margin: 10px 0;
    }
    #facade_slider{
        margin-top: 30px;
    }
    #facade_slider .text{
        padding: 15px 10px 50px;
    }
    #facade_slider .thumbnails{
        left: 10px;
        bottom: 15px;
    }
}
/* =========================================
                  NOTICE
   ========================================= */
.um-field-arrow{color: #FFC0CB!important;}
.um-field-error{background-color: #FFC0CB!important; color: black!important;}

/* =========================================
                 CATALOG
   ========================================= */
.catalog .btn.show_more{
    text-transform: uppercase;
    background-color: #FEF2F3;
    border-color: #FEF2F3;
    margin: -20px auto;
    display: block;
}
.catalog .tabs_body > *{min-height: 420px;}
   
.colors{
    display: flex;
    text-decoration: none;
    align-items: center;
}
.colors .item{
    width: 15px; height: 15px;
    border-radius: 50%;
    display: inline-block;
}
.colors .item + .item{
    margin-left: -7px;
}
.colors .sample{
    background-position: center;
    background-size: cover;
    width: 36px;
    height: 30px;
    border-radius: 5px;
    margin-right: 3px;
}
.colors span{
    padding-left: 4px;
}
.colors_row{
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    color: #653C3C;
}
.linked_colors{
    display: grid;
    grid-gap: 0 7px;
    grid-auto-flow: column;
}

.color_samples{
    display: grid!important;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.color_samples label{
    display: flex!important;
    align-items: center;
}
.color_samples label .sample{
    width: 34px;
    height: 28px;
    margin-right: 6px;
    display: inline-block;
    border-radius: 5px;
    object-fit: cover;
    object-position: center;
    max-width: none;
}
    
.presale_label{
    background: #fbd2d7;
    border-radius: 5px;
    padding: 4px 14px;
    display: inline-block;
}

.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
    display: none;
    margin: 0;
}
.quantity input.qty {
    appearance: textfield;
    -webkit-appearance: none;
    -moz-appearance: textfield;
}
.quantity input[type=number]{
    border-radius: 5px;
    border: 1px solid #C7CFDB;
    color: #A98686;
    height: 35px;
    font-size: 1.3em;
}
.quantity input[type=button]{
    color: #A98686;
    background-color: #FFC0CB88;
    border: 0;
    border-radius: 5px;
    font-size: 1.3em;
    height: 25px;
    width: 25px;
    cursor: pointer;
}
.quantity input[type=button]:hover{background-color: #FFC0CB}

.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover{
    background-color: #e0e0e0; color: #653C3C;
}
.woocommerce-pagination{margin-bottom: 60px;}
.woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before{content: none;}
.woocommerce .products ul, .woocommerce ul.products{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
    margin: 50px 0 70px;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
    margin: 0;
    float: none;
    width: 100%!important;
    border: 1px solid #E5E5E5;
    margin: 0!important;
    display: grid;
    grid-template-rows: auto 1fr;
}
.woocommerce ul.products li.product .stock, .woocommerce-page ul.products li.product .stock{
    display: none;
}
.woocommerce ul.products li.product .thumbnail_box{
    width: 100%;
    padding-bottom: 90%;
    position: relative;
}
.woocommerce ul.products li.product .thumbnail_box > img{
    position: absolute;
    width: 100%;
    height: 100%;
    transition: 0.25s;
    object-fit: cover;
    object-position: center;
}
.woocommerce ul.products li.product .thumbnail_box > img + img:hover{opacity: 0;}
.woocommerce ul.products li.product .thumbnail_box .presale_label{
    position: absolute;
    top: -8px;
    left: 20px;
}
.woocommerce ul.products li.product .thumbnail_box .stickers{
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    display: grid;
    justify-items: end;
}
.woocommerce ul.products li.product .thumbnail_box .stickers div{
    border-radius: 50%;
    text-align: center;
    display: grid;
    align-items: center;
}
.woocommerce ul.products li.product .thumbnail_box .stickers div.limit{
    color: #653C3C;
    height: 60px;
    width: 60px;
    font-size: 0.8em;
    font-weight: 500;
    background: #FBD2D7;
    box-shadow: 0px 2px 6px rgb(0 0 0 / 20%);
    border-left: 2px solid #d4c2c4;
    margin: -14px -14px -5px;
    z-index: 3;
}
.woocommerce ul.products li.product .thumbnail_box .stickers div.sale{
    background: #FBD2D7;
    text-transform: uppercase;
    height: 48px;
    width: 48px;
    font-size: 1.7em;
    color: #653C3C;
    font-weight: 600;
    margin: -8px;
    z-index: 2;
}
.woocommerce ul.products li.product .thumbnail_box .stickers div.newest{
    background-color: #fff;
    border: 1px solid #653C3C;
    text-transform: uppercase;
    height: 48px;
    width: 48px;
    color: rgba(79, 54, 54, 0.8);
    font-weight: 500;
    margin: -8px;
    z-index: 1;
}
.woocommerce ul.products li.product .thumbnail_box .tags{
    z-index: 1;
    position: absolute;
    left: 20px;
    right: 100px;
    bottom: 10px;
    display: flex;
    flex-wrap: wrap;
}
.woocommerce ul.products li.product .thumbnail_box .tags span{
    background-color: #F4EBED;
    color: #AE8D8D;
    display: inline-block;
    padding: 2px 10px;
    line-height: 26px;
    height: 28px;
    border-radius: 10px;
    font-family: 'Roboto';
    margin: 6px 6px 0 0;
}
.woocommerce ul.products li.product .thumbnail_box .tags span.width_icon{
    background-repeat: no-repeat;
    background-position: 10px 50%;
    background-size: auto 18px;
    padding-left: 35px;
}
.woocommerce ul.products li.product .thumbnail_box .woocommerce-product-rating{
    z-index: 1;
    position: absolute;
    right: 20px;
    bottom: 10px;
}
.woocommerce ul.products li.product .body{
    padding: 20px 20px 80px;
    position: relative;
}
.woocommerce ul.products li.product .body .variations_form{position: initial!important;}
.woocommerce ul.products li.product .body > a.btn,
.woocommerce ul.products li.product .body button[type=submit]{
    position: absolute;
    bottom: 20px;
    border-radius: 5px;
    padding: 0 20px!important;
    line-height: 40px;
    margin: 0;
    border: 1px solid pink;
}
.woocommerce ul.products li.product .body > a.btn{
    right: 20px;
    border-color: #A98686;
    color: #AE8D8D;
    background-color: #fff;
    font-weight: 400;
}
.woocommerce ul.products li.product .body button[type=submit]{

}
.woocommerce ul.products li.product .body a.added_to_cart{display: none;}
.woocommerce ul.products li.product .body .header{
    margin-bottom: 9px;
    padding-right: 95px;
}
.woocommerce ul.products li.product .body .variations select{visibility: hidden; position: absolute; z-index: -10;}
.woocommerce ul.products li.product .body .variations > div{
    display: flex;
    align-items: center;
    color: #a1abb7;
}
.woocommerce ul.products li.product .body .variations > div > .label{margin-right: 10px;}
.woocommerce ul.products li.product .body .variations button{
    color: #A1ABB7;
    margin-right: 3px;
    background: none;
    border: 0;
    border-radius: 3px;
    padding: 3px 6px;
    cursor: pointer;
}
.woocommerce ul.products li.product .body .variations button:hover{color: #653C3C;}
.woocommerce ul.products li.product .body .variations button.selected{
    cursor: default;
    color: #653C3C;
    background-color: #F5E9E8;
}
.woocommerce ul.products li.product .body .variations .label{
    padding-right: 4px;
    font-size: 0.9em;
}
.woocommerce ul.products li.product .body h2{
    font-size: 1.7em;
    padding: 0;
    text-align: left;
    color: #363636;
}
.woocommerce ul.products li.product .body .cart{position: initial;}
.woocommerce ul.products li.product .body .price{
    display: grid;
    margin: 0;
    font-family: Roboto;
    font-size: 0;
    font-weight: 700;
    color: #363636;
    position: absolute;
    right: 20px;
    top: 20px;
    text-align: right;
}
.woocommerce ul.products li.product.product-type-variable .body .header .price{display: none;}
.woocommerce ul.products li.product .body .price ins{text-decoration: none;}
.woocommerce ul.products li.product .body .price > *{font-size: 1.4rem; line-height: 1.7rem;}
.woocommerce ul.products li.product .body .in-stock{display: none;}
.woocommerce a.remove{color: #653C3C!important; font-weight: 400;}
.woocommerce a.remove:hover{background-color: #FFC0CB; color: #653C3C!important;}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
    display: inline-block;
    text-transform: uppercase;
    background-color: #FFC0CB;
    border-color: #FFC0CB;
    font-size: 0.9em;
    font-weight: 500;
    font-family: 'Roboto';
    padding: 0 20px!important;
    line-height: 40px;
    border-radius: 5px;
    color: #653C3C;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
    border-color: #FFC0CB;
    background-color: #FFC0CB!important;
    color:#653C3C;
}
.woocommerce .coupon .button,
.woocommerce #pakettikauppacustom_pickup_point_btn,
.woocommerce-shipping-calculator button{background-color: #FEF2F3; border-color: #FEF2F3; color:#653C3C;}
.woocommerce .coupon .button:hover,
.woocommerce #pakettikauppacustom_pickup_point_btn:hover,
.woocommerce-shipping-calculator button:hover{background-color: #FEF2F3!important; border-color: #FEF2F3!important;}
.woocommerce table.shop_table th{font-weight: 500!important;}
.woocommerce table.shop_table tfoot td{font-weight: normal;}
.woocommerce-Price-currencySymbol{font-weight: 500; margin: 0 3px;}
.woocommerce table.shop_table{margin: 0 -1px 12px 0}
#add_payment_method .wc-proceed-to-checkout, .woocommerce-cart .wc-proceed-to-checkout, .woocommerce-checkout .wc-proceed-to-checkout{padding: 0;}
.woocommerce .cart_total_h{font-size: 1em;}
.woocommerce .cart_total_h, #order_review_heading{
    text-align: left;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Roboto';
    background: no-repeat left / 46px url(images/icons/cart_total.svg);
    line-height: 46px;
    padding-left: 55px;
    margin-bottom: 15px;
}
.woocommerce .cart-collaterals th,
.woocommerce-checkout-review-order-table tr > *:first-child{vertical-align: top;}
.woocommerce .shipping-calculator-button{
    color: #AE8D8D;
    font-weight: 600;
    text-decoration: none;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{
    border: 1px solid #C7CFDB;
    border-radius: 5px;
    padding: 0 16px;
    height: 40px;
    background-color: #ffffff;
    font-size: 1em;
}
.woocommerce form .form-row textarea{
    padding-top: 15px;
    padding-bottom: 15px;
    height: auto;
    font-family: 'Roboto';
    box-shadow: none!important;
}
.woocommerce .select2.select2-container .select2-selection{
    border: 1px solid #C7CFDB!important;
    border-radius: 5px!important;
    padding: 0 16px!important;
    height: 40px!important;
}
.woocommerce form .form-row .select2-container{z-index: 0;}
.woocommerce #customer_details{margin-bottom: 40px;}
.woocommerce #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box{background-color: #ffc0cb;}
.woocommerce .provider-group, .provider-group-title,
.woocommerce .provider-group:hover, .provider-group-title:hover{background-color: #fef2f3 !important;}
.woocommerce .provider-group.selected, .provider-group.selected .provider-group-title,
.woocommerce .provider-group.selected:hover, .provider-group.selected .provider-group-title:hover{background-color: #653C3C !important;}
.op-payment-service-woocommerce-tokenized-payment-methods-saved-payment-methods-title{padding-left: 10px;}
.woocommerce .woocommerce-checkout .add-card-button{background-color: #fef2f3;}
.woocommerce-checkout span.op-payment-service-woocommerce-tokenized-payment-add-card-button.dashicons.dashicons-plus{line-height: 42px;}

.woocommerce .woocommerce-product-rating{
    background: no-repeat 6px 50% / 18px url(images/icons/star.svg), #F4EBED;
    text-decoration: none;
    color: #000;
    display: inline-block;
    margin: 0!important;
    padding: 2px 10px 0 28px;
    line-height: 26px;
    height: 28px;
    border-radius: 10px;
    font-family: 'Roboto';
    width: auto;
}
.woocommerce div.product .tags{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.woocommerce div.product .tags span{
    background-color: #F4EBED;
    color: #AE8D8D;
    display: inline-block;
    padding: 2px 10px;
    line-height: 26px;
    height: 28px;
    border-radius: 10px;
    font-family: 'Roboto';
    margin: 6px 6px 0 0;
}
.woocommerce div.product .tags span.width_icon{
    background-repeat: no-repeat;
    background-position: 10px 50%;
    background-size: auto 18px;
    padding-left: 35px;
}
.woocommerce div.product div.summary .line{
    background-color: rgba(174, 141, 141, 0.6);
    height: 1px;
    margin: 15px 0;
}
.woocommerce div.product div.summary .color_box{
    margin-top: 22px;
}
.woocommerce div.product div.summary .color_box .header{
    display: flex;
    justify-content: space-between;
}
.woocommerce div.product div.summary .color_box .header button{
    background: none;
    outline: none;
    border: 0;
    color: #AE8D8D;
    padding-right: 40px;
    position: relative;
    cursor: pointer;
}
.woocommerce div.product div.summary .color_box .header button:after{
    content: '';
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: no-repeat center / 14px url(images/icons/arrow.svg);
}
.woocommerce div.product div.summary .color_box.opened .header button:after{
    transform: rotate(180deg) translateY(50%);
}
.woocommerce div.product div.summary .color_box .list{
    margin-top: 12px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 5px 8px;
    background-color: #FFFBFB;
    padding: 10px 15px;
    margin: 12px -15px 0;
}
.woocommerce div.product div.summary .price{
    font-weight: 600;
    font-size: 2.2em;
    line-height: 1em;
    color: #363636;
    margin: 0;
}
.woocommerce div.product div.summary .flex_row{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.woocommerce div.product div.summary .flex_row > *{margin-right: 22px;}
.woocommerce div.product form.cart .variations .label label{
    color: #494949;
    font-size: 0.9em;
    font-weight: 400;
}
.woocommerce div.product form.cart .variations select{
    visibility: hidden;
    position: absolute;
    width: 1px;
    left: -100vw;
}
.woocommerce div.product form.cart .variations .buttons{
    margin: 14px 0;
    display: flex;
    flex-wrap: wrap;
}
.woocommerce div.product form.cart .variations .buttons button{
    padding: 10px;
    font-size: 1.3em;
    font-weight: 300;
    font-family: 'Roboto';
    background: none;
    border: 0;
    border-radius: 5px;
    outline: 0;
    cursor: pointer;
    margin-right: 5px;
}
.woocommerce div.product form.cart .variations .buttons button.selected{
    background-color: #F5E9E8;
    font-weight: 400;
}
.woocommerce-product-attributes-item{font-family: Lato;}
.woocommerce-product-attributes-item p{margin: 0; display: inline-block;}

/* gallery */
.woocommerce span.onsale{display: none;}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{
    width: 38%;
}
.woocommerce div.product div.images.woocommerce-product-gallery{
    width: 58%;
}
.woocommerce div.product div.images.woocommerce-product-gallery.has_gallery{
    display: grid;
    grid-template-columns: 90px 1fr;
    grid-gap: 18px;
}
.woocommerce div.product div.images.woocommerce-product-gallery .flex-viewport{
    order: 2;
}
.woocommerce div.product div.images.woocommerce-product-gallery .flex-control-nav{
    display: flex;
    flex-direction: column;
    width: 90px;
}
.woocommerce div.product div.images.woocommerce-product-gallery .flex-control-nav li{
    width: 100%;
    margin-bottom: 18px;
}
.woocommerce div.product div.images.woocommerce-product-gallery.has_gallery .flex-viewport,
.woocommerce div.product div.images.woocommerce-product-gallery:not(.has_gallery) figure{
    border: 1px solid #C7CFDB;
}
.woocommerce div.product div.images.woocommerce-product-gallery figure a{
    display: block; 
    position: relative;
}

/* tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:before{content: none;}
.woocommerce div.product .woocommerce-tabs ul.tabs{
    padding: 0;
    border: 0;
    margin-bottom: 30px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs:before{content: none;}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
    border-radius: 10px;
    margin: 0 10px 0 0;
    border: 0;
    padding: 0;
    background-color: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background: #FFC0CB;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
    padding: 8px 15px;
    font-weight: 400;
    color: #AE8D8D;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{
    font-weight: 500;
    color: #653C3C;
}
.woocommerce div.product .woocommerce-tabs .panel{
    font-family: lato;
    font-size: 0.9em;
}
.woocommerce div.product .woocommerce-tabs .panel h2{display: none;}
.woocommerce div.product .woocommerce-tabs .panel ul li{list-style: disc; margin: 0 0 6px 17px;}

.recently_views {margin-top: 40px;}
.recently_views h2{text-align: left; font-size: 3.4em;}

#lang-comments-link{display: none;}
#review_form_wrapper{
    max-width: 500px;
}
#reviews .woocommerce-noreviews{
    font-family: lato;
    font-size: 1.2em;
    color: #653C3C;
}
#reviews .comment-reply-title{
    font-size: 3.4em;
    font-family: 'Playfair Display';
    color: #4F3636;
    font-weight: 700;
}
#reviews .comment-form{
    margin: 45px 0 20px;
    font-size: 1.1em;
}
#reviews .comment-form label{
    margin-bottom: 10px;
    display: block;
    font-family: lato;
}
#reviews .comment-form .stars{display: inline-block;}
#reviews .comment-form textarea{
    border: 1px solid #C7CFDB;
    border-radius: 5px;
    padding: 22px 19px;
    font-family: 'Roboto';
    min-height: 150px;
}
#review_form .cr-upload-local-images .cr-upload-images-status.cr-upload-images-status-error, .cr-upload-local-images .cr-upload-images-status.cr-upload-images-status-error{
    background-color: #ffc0cb;
}
#review_form .cr-upload-images-preview .cr-upload-images-containers.cr-upload-ok .cr-upload-images-thumbnail, .cr-upload-images-preview .cr-upload-images-containers.cr-upload-ok .cr-upload-images-thumbnail{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.woocommerce p.stars a{width: 25px;}
.woocommerce p.stars a:before{
    content: ''!important;
    display: inline-block;
    width: 29px;
    height: 25px;
    background-position: center;
    background-image: url(images/icons/star_off.svg);
    background-size: 25px;
    background-repeat: no-repeat;
}
.woocommerce p.stars:hover a::before,
.woocommerce p.stars.selected a.active::before,
.woocommerce p.stars.selected a:not(.active)::before{background-image: url(images/icons/star.svg);}
.woocommerce p.stars a:hover~a::before,
.woocommerce p.stars.selected a.active~a::before{background-image: url(images/icons/star_off.svg);}

/* .woocommerce .cr-comment-image-text, */
/* .woocommerce .iv-comment-images{display: none;} */
.woocommerce #reviews #comments ol.commentlist::after, .woocommerce #reviews #comments ol.commentlist::before{content: none;}
.woocommerce #reviews #comments ol.commentlist{
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-flow: dense;
    grid-auto-rows: 1fr;
    grid-gap: 30px;
    margin-bottom: 30px;
}
.woocommerce #reviews #comments ol.commentlist li{margin: 0;}
.woocommerce #reviews #comments ol.commentlist li > div{height: 100%;}
.woocommerce #reviews #comments ol.commentlist li.with_gallery{grid-row-end: span 2;}
.woocommerce #reviews #comments ol.commentlist li .gallery{margin: 30px 20px 0;}
.woocommerce #reviews #comments ol.commentlist li .gallery .slide{
    position: relative;
    padding-bottom: 16.6%;
}
.woocommerce #reviews #comments ol.commentlist li .gallery .slide img{
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
}
.woocommerce #reviews #comments ol.commentlist li .gallery .controls li{position: absolute;}
.woocommerce #reviews #comments ol.commentlist li .comment-text{
    height: 100%; 
    margin: 0; 
    padding: 18px 18px 22px;
    background-color: #fff;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text.opened{height: auto; position: absolute; z-index: 1;}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta{
    font-size: 1em; 
    color: #653C3C;
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text .content{
    min-height: 110px;
    max-height: 110px;
    overflow: hidden;
    position: relative;
}
.woocommerce #reviews #comments ol.commentlist li.with_gallery .comment-text .content{
    min-height: 89px;
    max-height: 89px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text .more{
    color: #AE8D8D;
    background: none;
    border: 0;
    padding: 0;
    cursor: pointer;
    float: right;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text:not(.opened) .more span:last-child,
.woocommerce #reviews #comments ol.commentlist li .comment-text.opened .more span:first-child{display: none;}
.woocommerce #reviews #comments ol.commentlist li .woocommerce-review__dash{display: none;}
.woocommerce #reviews #comments ol.commentlist li .woocommerce-review__author{
    font-size: 1.3em;
}
.woocommerce #reviews #comments ol.commentlist li .woocommerce-review__published-date{
    font-weight: 300;
    font-size: 0.9em;
}

.fancybox-thumbs{background: #FFC0CB;}
.fancybox-thumbs__list a{border-radius: 5px;}
.fancybox-thumbs__list a:before{border: 4px solid #FFC0CB; border-radius: 10px;}

.pr_filter{
    border-bottom: 1px solid #cebbbb;
    font-family: Roboto;
    margin-bottom: 20px;
    padding: 5px 0;
}
.pr_filter .berocket_single_filter_widget .bapf_sfilter,
.berocket_aapf_widget_selected_area{
    display: grid;
    grid-template-columns: 120px 1fr;
    margin: 0;
    padding: 15px 0 4px;
}
.pr_filter .bapf_sfilter .bapf_head h3{
    font-size: 1em;
    font-weight: 500;
    color: #653C3C;
    margin: 0;
}
.pr_filter .berocket_single_filter_widget .bapf_sfilter.bapf_colorinline h3{
    padding-top: 6px;
}
.pr_filter .bapf_sfilter ul{
    display: flex;
    flex-wrap: wrap;
}
.pr_filter .bapf_sfilter ul li{margin-right: 14px!important; margin-bottom: 7px!important;}
.pr_filter input[type=checkbox]{display: none!important;}

.pr_filter .bapf_body {color: #AE8D8D; position: relative;}
.pr_filter .bapf_body li label,
.berocket_aapf_widget_selected_area .braapf_unselect{
    padding: 4px 8px!important;
    border-radius: 5px;
    position: relative;
    display: grid!important;
    grid-auto-flow: column;
    justify-content: start;
    align-items: center;
    grid-gap: 4px;
    text-decoration: none;
    line-height: 1em;
}
.pr_filter .bapf_body li.checked label,
.berocket_aapf_widget_selected_area .braapf_unselect{
    background-color: #F5E9E8;
}
.pr_filter .bapf_body li.checked label:after,
.berocket_aapf_widget_selected_area .braapf_unselect:after{
    content: '+';
    display: inline-block;
    transform: rotate(45deg);
    color: #E3D3D3;
    font-weight: bold;
    font-size: 18px;
    line-height: 14px;
}
.pr_filter .bapf_body ul.color_samples{
    padding-right: 50px;
}
.pr_filter .bapf_body ul.color_samples li label{padding: 0 8px 0 0 !important;}
.pr_filter .spoiler_arrow{
    position: absolute;
    right: 0;
    top: 5px;
    background: no-repeat center url(/wp-content/themes/connecthair/images/icons/arrow.svg);
    border: 0;
    outline: none;
    width: 30px;
    height: 20px;
    cursor: pointer;
}
.berocket_aapf_widget_selected_filter{
    display: flex;
    flex-wrap: wrap;
}
.color_samples{overflow: hidden;}
.color_samples.closed{max-height: 28px;}
.color_samples:not(.closed) + .spoiler_arrow{
    transform: rotate(180deg);
}

.bapf_sfilter{margin: 0; position: relative;}
.berocket_aapf_widget_selected_area{
    border-bottom: 1px solid #cebbbb;
    padding-right: 140px;
}
.berocket_aapf_widget_selected_area:before{
    content: 'FILTER';
    color: #653C3C;
    padding-top: 4px;
    font-weight: 500;
}
.bapf_sfa_taxonomy{
    display: inline-block;
}
.bapf_sfa_unall{
    position: absolute;
    right: 0;
    top: 11px;
}
.bapf_sfa_unall a{
    padding: 8px 15px;
    border: 1px solid #A98686;
    border-radius: 5px;
    color: #AE8D8D;
    text-decoration: none;
    text-align: center;
    min-width: 130px;
    display: inline-block;
}
.berocket_aapf_widget_selected_area span,
.berocket_aapf_widget_selected_area .fa-times{
    display: none;
}


.cart_grid{
    grid-gap: 30px;
    grid-template-columns: 1.8fr 1fr;
}
.cart_grid #coupon_code{
    width: 120px;
    padding: 0 20px;
    line-height: 38px;
    border-radius: 5px;
    border: 1px solid #A98686;
    font-weight: 500;
    font-size: 0.9em;
    font-family: 'Roboto';
    text-align: center;
    text-transform: uppercase;
}
.cart_grid .product-price{font-size: 1.1em;}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    float: none;
    width: 100%;
}

@media screen and (max-width: 1199px){
    .color_samples{grid-template-columns: 1fr 1fr 1fr;}
    .woocommerce #reviews #comments ol.commentlist li .comment-text .content{
        min-height: 130px;
        max-height: 130px;
    }
    .woocommerce #reviews #comments ol.commentlist li.with_gallery .comment-text .content{
        min-height: 170px;
        max-height: 170px;
    }
}
@media screen and (max-width: 999px){
    .cart_grid{grid-template-columns: 1fr;}
    .woocommerce .products ul, .woocommerce ul.products,
    .woocommerce #reviews #comments ol.commentlist{grid-template-columns: 1fr 1fr;}
    .woocommerce #reviews #comments ol.commentlist li .comment-text .content{
        min-height: 110px;
        max-height: 110px;
    }
}
@media screen and (max-width: 767px){
    /* .bapf_sfa_taxonomy + .bapf_sfa_taxonomy{margin-top: 14px;} */
    .bapf_sfilter .braapf_unselect_all{display: none;}
    .berocket_aapf_widget_selected_area{padding-right: 0;}
    /* .woocommerce div.product div.images.woocommerce-product-gallery.has_gallery{display: block;} */
    .woocommerce div.product div.images.woocommerce-product-gallery,
    .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{width: 100%;}
}
@media screen and (max-width: 680px){
    .woocommerce .products ul, .woocommerce ul.products, .woocommerce #reviews #comments ol.commentlist{
        grid-template-columns: 1fr; max-width: 350px; margin: 50px auto 70px; grid-auto-rows: auto;
    }
    .color_samples{
        display: grid!important; 
        grid-template-columns: 1fr;
        justify-items: start;
    }
    .pr_filter .berocket_single_filter_widget .bapf_sfilter, .berocket_aapf_widget_selected_area{grid-template-columns: 1fr; grid-gap: 4px;}
}
@media screen and (max-width: 619px){
    .woocommerce #reviews #comments ol.commentlist li .comment-text.opened{position: relative;}
    .woocommerce .products ul, .woocommerce ul.products{grid-template-columns: 1fr;}
    .woocommerce #reviews #comments ol.commentlist li .comment-text .content{
        min-height: auto;
        max-height: 110px;
    }
}

/* =========================================
                 NOTICE
   ========================================= */
.woocommerce-notices-wrapper{margin-bottom: 20px;}
.woocommerce-error a, .woocommerce-info a, .woocommerce-message a{
    display: inline-block;
    margin: 0 5px;
}
.woocommerce-error:before, .woocommerce-info:before, .woocommerce-message:before{content: none;}
.woocommerce-error, .woocommerce-info, .woocommerce-message{
    border: 0;
    border-bottom: 2px solid #AE8D8D;
    background-color: #FFF9F9;
    background-position: 19px 12px;
    background-repeat: no-repeat;
    padding: 15px 30px 15px 55px;
    margin: 0;
    font-weight: 500;
}
.woocommerce-message{
    background-image: url(images/icons/check.svg);
}
.woocommerce-info{
    background-image: url(images/icons/info.svg);
}
.woocommerce-error{
    background-image: url(images/icons/error.svg);
    background-position: 17px 8px;
}
.woocommerce .return-to-shop{margin-top: 20px;}
.woocommerce button[name="update_cart"], .woocommerce input[name="update_cart"] {
	display: none;
}

/* =========================================
                 CONTACTS
   ========================================= */
.contacts{
    grid-gap: 40px;
}
.contacts p{
    line-height: 2.2em;
    margin-bottom: 40px;
}
.contacts ul li{
    color: #AE8D8D;
    margin-top: 20px;
    line-height: 1.6em;
}
.contacts ul .icon{
    background-position: left;
    background-size: 30px;
    background-repeat: no-repeat;
    padding-left: 40px;
    display: block;
    line-height: 30px;
    margin-bottom: 15px;
}

/* =========================================
                    TABS
   ========================================= */
.tabs .tabs_header{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 30px auto;
}
.tabs .tabs_header .btn{margin: 0 10px 10px;}
.tabs .tabs_header .btn.selected{cursor: default;}
.tabs .tabs_header .btn:not(.selected){
    color: #AE8D8D;
    background-color: #fff;
    border-color: #fff;
}

/* =========================================
               COLOR PALLETE
   ========================================= */
.color_pallete .tabs_body .btn{
    margin: 20px auto 0;
    display: block;
    border-radius: 5px;
    background-color: #FEF2F3;
    border-color: #FEF2F3;
    text-transform: uppercase;
    text-decoration: none;
    max-width: max-content;
}
/* .color_pallete .tabs_body > div > div{ */
    /* max-height: 264px; */
    /* overflow: hidden; */
/* } */
.color_pallete .grid{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.color_pallete .grid a{
    display: inline-block;
    width: 94px;
    border: 1px solid #E5E5E5;
    border-radius: 10px;
    padding: 2px;
    transition: 0.05s;
    background-color: #fff;
    margin: 0 8px 12px 8px;
}
.color_pallete .grid:not(.opened) a:nth-child(n+21){
    max-height: 0px;
    display: none;
}
.color_pallete .grid a:hover{box-shadow: 0px 10px 15px rgba(174, 183, 193, 0.5);}
.color_pallete .grid .sample{
    background-position: center;
    background-size: cover;
    width: 100%;
    padding-bottom: 85%;
    border-radius: 10px;
}
.color_pallete .grid span{
    display: inline-block;
    padding: 5px;
    font-size: 0.8em;
}

@media(max-width: 767px){
    .color_pallete .grid:not(.opened) a:nth-child(n+11){max-height: 0px; display: none;}
}


/* =========================================
               FEEDBACK FORM
   ========================================= */
.feedback .ajax-loader,
.feedback .acceptance input{display: none;}
.feedback .wpcf7-list-item{margin: 0;}
.feedback > p{
    text-align: center;
    font-weight: 600;
    font-size: 1.3em;
    margin-bottom: 50px;
}
.feedback .grid3{
    grid-gap: 40px;
    margin-bottom: 20px;
}
.feedback input[type=text],
.feedback input[type=email],
.feedback textarea{
    border: 1px solid #C7CFDB;
    padding: 15px 22px;
    border-radius: 5px;
    margin-top: 15px;
    font-family: Roboto, sans-serif;
}
.feedback input[type=submit]{
    display: block;
    margin: 25px auto 0;
    width: 230px;
    text-align: center;
    font-weight: 500;
    padding: 15px 22px;
    text-transform: uppercase;
    background-color: #FEF2F3;
}
.feedback .acceptance{
    text-align: center;
    user-select: none;
}
.feedback .acceptance label span:before{
    content: '';
    display: inline-block;
    width: 16px;
    height: 15px;
    background-repeat: no-repeat;
    background-position: left;
    background-image: url(images/icons/checkbox.svg);
    margin-right: 8px;
}
.feedback .acceptance label input:checked + span:before{
    background-image: url(images/icons/chackbox_chacked.svg);
}

.feedback .grid{
    grid-template-columns: 1fr 100px;
    grid-gap: 70px;
}
.feedback .manager img{margin: 24px 0 6px;}
.feedback .manager span{font-weight: 500; display: block;}

textarea::placeholder,
input::placeholder{
    color: #CED6E0!important;
    font-weight: 400!important;
}

@media(max-width: 999px){
    .feedback .grid{grid-gap: 30px; grid-template-columns: 1fr;}
    .feedback .grid3{grid-gap: 20px;}
    .feedback .manager{display: none;}
}


/* =========================================
                  ABOUT US
   ========================================= */
.about_us{
    margin-top: 60px;
}
.about_us > div{
    position: relative;
}
.about_us .content{
    background-color: #FEF2F3;
    padding: 100px 150px;
    margin: 0 0 0 auto;
    width: 65%;
}
.about_us .content strong{
    display: block;
    margin-bottom: 5px;
}
.about_us .content .h{
    color: #AE8D8D;
    font-size: 1.7em;
    margin-bottom: 15px;
}
.about_us .content p {
    line-height: 1.7em;
}
.about_us iframe{
    position: absolute;
    height: 272px;
    width: 480px;
    top: 50%;
    transform: translateY(-50%);
}

@media(max-width: 1199px){
    .about_us .content{padding: 100px 80px 100px 200px;}
}
@media(max-width: 999px){
    .about_us > div{display: flex; flex-flow: column-reverse;}
    .about_us .content{width: 100%; padding: 70px 100px 180px;}
    .about_us iframe{position: relative; margin: 0 auto;}
}
@media(max-width: 600px){
    .about_us iframe{width: 100%;}
    .about_us .content{padding: 50px 30px 180px;}
}


/* =========================================
                SHIPPING PAGE
   ========================================= */
.shipping_page .pink_box{
    background: no-repeat top -30px right 0px / auto 250px url(/wp-content/themes/connecthair/images/connecthair_box.png), #fdf1f3;
    padding: 50px;
    margin-bottom: 25px;
}
.shipping_page .pink_box span{
    font-weight: 700;
    font-family: lato;
    font-size: 2em;
    margin-bottom: 20px;
}
.shipping_page .shipping_list > div{
    border-bottom: 1px solid rgba(174, 141, 141, 0.6);
    margin-top: 27px;
    padding-bottom: 13px;
}
.shipping_page .shipping_list .header{
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    font-size: 1.8em;
    background-repeat: no-repeat;
    background-size: auto 69px;
    padding-left: 95px;
    margin-bottom: 10px;
    min-height: 70px;
    align-items: center;
}
.shipping_page .shipping_list .header .cost{
    font-size: 1.1em;
    white-space: nowrap;
}
@media(max-width: 999px){
    .shipping_page .shipping_list .header{font-size: 1.4em;}
    .shipping_page .pink_box{background: #fdf1f3;}
}

/* =========================================
                     FAQ
   ========================================= */
.faq_box{
    padding-left: 480px;
    min-height: 480px;
    position: relative;
}
.faq_box .img{
    position: absolute;
    left: 0;
    width: 400px;
}
.faq_box h2{
    text-align: left;
}
.faq_box .spoiler{
    border-bottom: 1px solid #7f7c7d;
    color: #653C3C;
}
.faq_box .spoiler > label{
    padding: 25px 50px 25px 0;
    font-weight: 600;
    font-size: 1.3em;
    position: relative;
}
.faq_box .spoiler > label:after{
    content: '';
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background: no-repeat center / 24px url(images/icons/arrow.svg);
}
.faq_box .spoiler.opened > label:after{transform: rotate(180deg) translateY(50%);}
.faq_box .spoiler > div{
    padding-bottom: 30px;
}

@media(max-width: 999px){
    .faq_box{padding-left: 340px; min-height: 350px;}
    .faq_box .img{width: 300px;}
}
@media(max-width: 767px){
    .faq_box .spoiler:last-child{border: 0;}
    .faq_box h2{text-align: center;}
    .faq_box{padding-left: 15px; min-height: auto;}
    .faq_box .img{display: none;}
}

/* =========================================
                  ACCOUNT
   ========================================= */
.account_box{
    border: 1px solid #ECC1C7;
    border-radius: 5px;
    margin-bottom: 20px;
}
.account_box .body{
    padding: 10px 20px;
    display: grid;
    grid-template: 'main right' 'total right' / 1fr 230px;
    grid-gap: 0 20px;
}
.account_box .body h3{
    font-size: 1em;
    margin: 0;
}
.account_box .rightside{grid-area: right;}
.account_box .rightside.to_bottom{align-self: end; text-align: right;}
.account_box .rightside.to_bottom .btn{min-width: 175px; margin: 6px 0;}
.account_box .main{grid-area: main;}

.personal_data > div{
    padding: 10px 0;
    border-bottom: 1px solid #ECC1C7;
}
.personal_data > div:first-child{padding-top: 0;}
.personal_data > div:last-child{padding-bottom: 0; border: 0;}
.personal_data span{
    color: #AE8D8D;
    font-size: 1.1em;
}
.personal_data label:first-letter{
    text-transform: uppercase;
}
.personal_data label{
    font-weight: 500;
    min-width: 115px;
    display: inline-block;
}

.orders_list .order header{
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    justify-content: start;
    grid-gap: 10px;
    padding: 10px 20px;
    border-bottom: 1px solid #ECC1C7;
}
.orders_list .order header .name{
    font-weight: 500;
    font-size: 1em;
    font-family: 'Roboto';
    margin: 0;
}
.orders_list .order header .name .id{
    font-weight: 400;
    color: #AE8D8D;
    font-size: 1.1em;
}
.orders_list .order header .date{
    color: #AE8D8D;
}
.orders_list .order .goods > div{
    padding-bottom: 10px;
    border-bottom: 1px solid #ECC1C7;
}
.orders_list .order .goods > div + div{
    margin-top: 10px;
}
.orders_list .order .goods .bottom_row{
    display: flex;
}
.orders_list .order .goods .bottom_row > span{
    font-weight: 500;
    margin-right: 30px;
}
.orders_list .order .goods .bottom_row > span span{
    font-size: 1.1em;
    color: #AE8D8D;
    margin-left: 5px;
}
.orders_list .order .review_row{
    display: flex;
    gap: 20px;
    align-items: center;
    margin-top: 10px;
}
.orders_list .order .shipping_cost{
    font-weight: 500;
    padding: 10px 0;
    border-bottom: 1px solid #ECC1C7;
}
.orders_list .order .total{
    font-weight: 500;
    margin-top: 10px;
}

.orders_list .order .shipping_cost span,
.orders_list .order .total span{
    font-size: 1.1em;
    color: #AE8D8D;
}
.orders_list .order .status_history{
    margin-bottom: 10px;
}
.orders_list .order .status_history > div{
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    justify-content: space-between;
    position: relative;
    padding-left: 17px;
}
.orders_list .order .status_history > div:last-child{
    font-weight: 600;
}
.orders_list .order .status_history > div:last-child:before{
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    display: inline-block;
    left: 0;
    border: 4px solid #FFC0CB;
}
.orders_list .order .status_history > div .date-time{
    color: #AE8D8D;
}
.orders_list .attributes_list{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 10px 0 0;
}
.orders_list .attributes_list .colors .sample{
    width: 30px;
    height: 26px;
}
.orders_list .attributes_list > div{
    color: #AE8D8D;
    background: #F5E9E8;
    line-height: 26px;
    padding: 0 8px;
    border-radius: 5px;
    white-space: nowrap;
    margin: 0 10px 5px 0;
}
.orders_list .attributes_list > div.colors{padding-left: 0;}
   
/* =========================================
                  COOKIES
   ========================================= */ 
#accepted_cookies{
    display: none;
	background-color: #ffc0cb;
	color: #653C3C;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 99;
	padding: 20px 0;
}
#accepted_cookies a{color: #4F3636;}
#accepted_cookies .container{
    display: grid; 
    grid-gap: 20px; 
    grid-auto-flow: column; 
    align-items: center;
}
#accepted_cookies strong{
    background: #fff;
    text-align: center;
    padding: 15px 25px;
    white-space: nowrap;
    border-radius: 5px;
    cursor: pointer;
    color: #AE8D8D;
    margin: 0 auto;
    font-weight: 400;
    border: 1px solid #A98686;
}
@media screen and (max-width: 767px){
	#accepted_cookies .container{grid-auto-flow: row;}
}
@media screen and (max-width:600px) {
	.woocommerce .tabs.catalog ul.products li.product .thumbnail_box .attachment-full.size-full {
	  display: none;
	}
}
li.address {
    font-family: Rustico !important;
}
li.address span {
    font-family: "Playfair Display2" !important;
}
footer.basement {
    font-family: "Playfair Display2" !important;
}
ul.tabs.wc-tabs {
    font-family: "Playfair Display2" !important;
}
.summary.entry-summary {
    font-family: "Playfair Display2" !important;
}
.woocommerce-product-attributes-item {
    font-family: "Playfair Display2" !important;
}
.woocommerce div.product form.cart .variations .buttons button {
    font-family: "Playfair Display2" !important;
}
.woocommerce .quantity .qty {

    font-family: "Playfair Display2" !important;
}
button.single_add_to_cart_button.button {
    font-family: "Playfair Display2" !important;
}
.pr_filter .bapf_sfilter .bapf_head h3 {
    font-family: "Playfair Display2" !important;
}
.pr_filter .bapf_body li label, .berocket_aapf_widget_selected_area .braapf_unselect {
    font-family: "Playfair Display2" !important;
}
.colors_row {
    font-family: 'Playfair Display2' !important;
}
.woocommerce ul.products li.product .body > a.btn {
    font-family: 'Playfair Display2'!important;
}
.woocommerce ul.products li.product .body .price > * {
    font-size: 1.4rem;
    line-height: 1.7rem;
    font-family: 'Playfair Display2'!important;
}
@media only screen and (max-width:800px){
	.single-product.woocommerce ul.products li.product .body .price > * {
    font-size: 1.4rem;
    line-height: 1.7rem;
    font-family: 'Playfair Display2'!important;
}
	.single-product li.address {
    font-family: Rustico !important;
}
	.single-product .colors_row {
    font-family: 'Playfair Display2'!important;
}
.single-product.woocommerce ul.products li.product .body > a.btn {
    font-family: 'Playfair Display2'!important;
}
.single-product li.address span {
    font-family: "Playfair Display2" !important;
}
.single-product footer.basement {
    font-family: "Playfair Display2" !important;
}
.single-product ul.tabs.wc-tabs {
    font-family: "Playfair Display2" !important;
}
.single-product .summary.entry-summary {
    font-family: "Playfair Display2" !important;
}
.single-product .woocommerce-product-attributes-item {
    font-family: "Playfair Display2" !important;
}
.single-product.woocommerce div.product form.cart .variations .buttons button {
    font-family: "Playfair Display2" !important;
}
.single-product.woocommerce .quantity .qty {

    font-family: "Playfair Display2" !important;
}
.single-product button.single_add_to_cart_button.button {
    font-family: "Playfair Display2" !important;
}
.single-product .pr_filter .bapf_sfilter .bapf_head h3 {
    font-family: "Playfair Display2" !important;
}
.single-product .pr_filter .bapf_body li label, .berocket_aapf_widget_selected_area .braapf_unselect {
    font-family: "Playfair Display2" !important;
}
}