@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700|Roboto:400,500,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Serif&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@400;500;700&display=swap');

* {
    margin: 0;
    padding: 0;
    outline: 0!important;
}

body {
	font-family: "Mulish", sans-serif;
	font-size: 16px;
	font-weight: 400;
	background: #f6f6f6;
}

font.text {
	margin-left: 15px;
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0;
}
h1 {
	font-family: Playfair Display;
	font-style: normal;
	font-weight: normal;
	font-size: 60.6316px;
	line-height: 81px;
	text-align: center;
	color: #1B2437;
	padding: 30px;
}

section, header, footer {
    width: 100%;
    position: relative;
}
section {
    overflow-x: hidden;
    overflow-y: hidden;
}

.main-center {
    max-width: 1440px;
    margin: 0 auto 42px;
	min-height:10px;
}
.btn-primary {
    color: #fff;
    background-color: #B59349;
    border-color: #B59349;
}
.btn-sm, .btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 5px;
}
.header-center {
    max-width: 1440px;
    margin: 0 auto;
	background: #fff;
;
}

header {
    position: static;
    top: 0;
    left: 0;
    z-index: 99;
	background: #FFF !important;
	font-family: 'Playfair Display', serif;
}

header .navbar-brand > img {
    margin: 15px 0 0 0;
	width: 110px; 
	left: 42px; 
	top: 36px;
}

header .soc {
    width: 60%;
}

.soc a i {
    font-size: 22px;
    color: #000;
}

.fa-search:before {
    content: url("/local/templates/emmi_copy/image/search_icn_black.svg") !important;
}

header.iskl {
    position: static;
}

header .navbar-default {
    background-color: transparent;
    border: 0;
}

.navbar {
    position: relative;
    min-height: 110px;
    margin-bottom: 0;
    border: 0;
    border-radius: 0;
}
.navbar-toggle {
    margin-top: 12px;
}
.navbar-collapse.collapse {
	padding: 0;
}

.navbar-brand {
    height: 75px;
    padding: 17.5px 15px;
    line-height: 75px;
    width: 20%;
}

footer .navbar-brand > img {
    margin: 49px 0 35px 122px;
}

.navbar-right {
    float: right !important;
    display: inline-flex;
    justify-content: flex-end;
}

.f1block {
	margin: 11px 0 11px 0;
}

.f3block {
	display: inline-block;
	width: 33%;
	height: 88px;
	text-align: center;
    padding-top: 25px;
}

.f3block span {
	font-family: "Mulish", sans-serif;
	font-size: 16px;
	font-weight: 400;
}

.f3block a {
	color: #000;
}
.f3block img {
	padding: 0 0 10px;
}

.f3block .fa {
	font-size: 20px;
}

#footer-collapse {
	border-top: 1.26px solid #efeff4;
	padding-bottom: 10px;
}

.footer-logo {
	margin: 49px 0 35px 122px;
	font-family: 'Playfair Display', serif;
	font-size: 30px;
	line-height: 40px;
}

.footer-logo a {
	dext-decoration: none;
	color: #000;
}

.footer-logo img {
	margin-right: 18px;
}

footer .navbar-nav {
    display: inline-flex;
    justify-content: space-around;
    align-content: flex-start;
    width: 100%;
}

footer .footer-ul {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
}

footer .navbar-right {
    width: 85%;
	display:inline-block;
}

footer .leftMenu {
	width: 15%;
	display:inline-block;
	padding: 0 0 0 5%;
}
.footer-about {
	display:inline-block;
	padding-top: 34px;
}
.footer-about-text {
	width:100%;
	padding: 14px 20px 86px 0;
	display:inline-block;
	color: #8E8E93;
}
footer .navbar-nav a:hover {
	text-decoration: none;
}

footer .navbar-nav img {
    padding: 5px 0 20px 0;
}

footer .navbar-default .navbar-nav .second-inner a {
	font-family: "Mulish", sans-serif;
	font-size: 20px;
    line-height: 29px;
	font-weight: 400;
	color: #8E8E93;
	padding: 0;
}

footer .second-inner {
	display:block;
}

footer .second-inner li {
	padding: 10px;
}

header .navbar-default .navbar-nav>li>a {
    color: #000 !important;
    padding: 10px 31px;
	font-family: 'Playfair Display', serif;
    font-size: 25px;
    line-height: 29px;
	position: static;
}

header .soc a {
    color: #000 !important;
    padding: 34px 10px;
	font-family: 'Playfair Display', serif;
    font-size: 30px;
    line-height: 30px;
    text-decoration: none;
	display: inline-block;
}
header .navbar-nav li.is-active:after {
	content: url(/local/templates/emmi_copy/image/rectangle2.svg);
	color: #B59349;
	display: block;
	text-align: center;
	font-weight: bold;
	margin-bottom: 0;
    line-height: 0;
}
header .navbar-nav li.is-active {
	margin-bottom: 0;
}
header .navbar-nav li {
	margin-bottom: 12px;
}

footer .soc a {
	padding: 20px;
}

footer .soc {
	float: right;
	display: inline-block;
}

.header-ic {
	display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-content: stretch;
    align-items: center;
	min-width: 50px;
}

.header-ic div a:hover {
	text-decoration: none;
}

.header-icr {
	width: 20%;
    display: inline-flex;
    flex-direction: row;
    justify-content: space-between;
	padding-right: 60px;
}

.header-menu {
	display: flex; 
	justify-content: center;
}

.navbar-default .navbar-nav>li>img {
    padding: 40px 0 20px 92px;
}

.navbar-default .navbar-nav.leftMenu > li > a:hover, .navbar-default .navbar-nav.leftMenu > li > a:focus {
    background-color: #B69949;
}

.navbar-default .navbar-nav.navbar-right > li > a:focus, .navbar-default .navbar-nav.navbar-right > li > a:hover,
header.iskl .navbar-default .navbar-right > li > a:hover {
    color: #B69949;
}

.navbar-default .navbar-nav.leftMenu > li.dropLi {
    position: relative;
}

.navbar-default .navbar-nav.leftMenu > li.dropLi ul {
    display:none;
    width: auto;
    position: absolute;
    z-index: 2;
    margin: 0;
    list-style: none;
    background-color: #B69949;
    overflow: hidden;
}

.navbar-default .navbar-nav.leftMenu > li.dropLi {
    position: static;
}

.navbar-default .navbar-nav.leftMenu > li.dropLi ul li {
    display: block;
    float: left;
}

.navbar-default .navbar-nav.leftMenu > li.dropLi ul li a {
    display: block;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    padding: 30px 20px;
    text-decoration: none;
}

.navbar-default .navbar-nav.leftMenu > li.dropLi ul li a:hover {
    color: #000;
}

/*.navbar-default .navbar-right > li > a {
    font-size: 25px;
    line-height: 20px;
    padding: 34px 20px;
}*/

header.iskl .navbar-default .navbar-right > li > a {
    color: #000;
}

footer     {
	max-width: 1440px;
}

footer .navbar-default, footer {
    background-color: #fff;
    margin: 0 auto 0;
	border-radius: 16px 16px 0 0;
}

footer .navbar-default .navbar-nav>li>a {
    color: #000 !important;
    padding: 34px 90px 20px 20px;
	font-family: 'Playfair Display', serif;
    font-size: 25px;
    line-height: 29px;
}
footer .navbar-default .navbar-nav a {
    color: #000;
    padding: 34px 10px;
	font-family: 'Playfair Display', serif;
    font-size: 25px;
    line-height: 29px;
}

footer .navbar-brand {
    padding-right: 230px;
}

footer .blockMobileFooter {
    padding: 10px 0;
}

footer .blockMobileFooter ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

footer .blockMobileFooter ul li a {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    text-decoration: none;
    padding: 5px 0;
}

.footer-copy-soc {
	background-color: #EFEFF4;
}

.footer-copy {
	float:left;
	display:inline-block;
	padding: 34px 20px 34px 102px;
}

.footer-copy span {
	text-align: center;
	font-family: Mulish;
	font-size: 20px;
	line-height: 25px;
	color: #8E8E93;
}

footer .soc a {
    color: #000 !important;
    padding: 34px 20px;
	font-family: 'Playfair Display', serif;
    font-size: 20px;
    line-height: 25px;
    text-decoration: none;
	display: inline-block;
}

footer .soc {
	padding-right: 82px;
}


#topWindow {
    z-index: 1;
}

#topWindow .absoluteContainer {
    width: 100%;
    overflow: hidden;
    height: 100vh;
}

#topWindow .absoluteContainer .leftPath {
    display: flex;
    width: 55.2%;
    float:left;
    height: 100vh;
    align-items: center;
}

#topWindow .absoluteContainer .leftPath .item {
    padding-top: 35px;
    padding-right: 80px;
}

#topWindow .absoluteContainer .rightPath {
    width: 44.8%;
    margin-left: 55.2%;
    height: 100vh;
    background-image: url('../image/topImage.png');
    background-position: top;
    background-size: cover;
}

#topWindow .centerElement {
    position: absolute;
    background-image: url('../image/centerImageTop.png');
    background-position: center center;
    background-size: cover;
}

#topWindow .absoluteContainer .leftPath .item h1 {
    font-family: 'Roboto Slab', sans-serif;
    font-weight: bold;
    font-size: 46px;
    line-height: 61px;
    color: #000;
    margin-bottom: 40px;
}

#topWindow .absoluteContainer .leftPath .item p {
    font-size: 18px;
    line-height: 27px;
    color: #000;
    opacity: 0.6;
}

#topWindow .absoluteContainer .leftPath .item a, .itemSearch .item a.more {
    display: flex;
    height: 44px;
    width: 100%;
    max-width: 195px;
    background-color: #B69949;
    border-radius: 2px;
    align-items: center;
    margin-top: 50px;
    text-decoration: none;
}

#topWindow .absoluteContainer .leftPath .item a:hover {
    background-color: #191919;
}

#topWindow .absoluteContainer .leftPath .item a p, .itemSearch .item a.more span {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #000;
    margin: 0 auto;
}

#topWindow .absoluteContainer .leftPath .item a:hover p {
    color: #fff;
}

#about .epilogBlock {
    width: 100%;
    height: 250px;
    /*background-image: url('../image/epilogBlockImage.png');*/
    background-size: cover;
    background-position: center center;
}

#about .content {
    background-color: #000;
    position: relative;
}

#about .image {
    width: 100%;
    min-height: 705px;
    /*background-image: url('../image/aboutImage.png');*/
    background-position: center center;
    background-size: cover;
}

#about .content .aboutBlock {
    position: relative;
    top: -105px;
    z-index: 2;
}

#about .text {
    width: 100%;
    min-height: 705px;
    background-color: #fff;
    padding: 70px 40px 45px 65px;
}

#about .text h2 {
    font-family: 'Roboto Slab', sans-serif;
    font-weight: bold;
    font-size: 36px;
    line-height: 62px;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 45px;
}

#about .text p {
    font-size: 14px;
    line-height: 21px;
    color: #000;
}

#about .text p+p {
    margin-top: 25px;
}

#about .backFon {
    width: calc(50% - 50px);
    min-height: 705px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: url('../image/eImageAbout.png');
    background-size: cover;
    background-position: center center;
    z-index: 1;
}

#categoriesBlock {
    background-image: url('../image/categoriesBack.png');
    background-position: top;
    background-size: cover;
    padding-top: 15px;
}

#categoriesBlock .title {
    margin-bottom: 25px;
}

#categoriesBlock .title h2 {
    font-family: 'Roboto Slab', sans-serif;
    font-weight: bold;
    font-size: 36px;
    line-height: 55px;
    letter-spacing: 0.03em;
    color: #fff;
}

#categoriesBlock .item a.titleItem {
    font-family: 'Roboto Slab', sans-serif;
    font-weight: bold;
    font-size: 36px;
    line-height: 47px;
    color: #fff;
    text-decoration: none;
}

#categoriesBlock .item {
    position: relative;
}

#categoriesBlock .item a.more {
    display: flex;
    width: 100%;
    max-width: 195px;
    height: 44px;
    align-items: center;
    background-color: #FFFBFB;
    border-radius: 2px;
    margin-top: 25px;
    text-decoration: none;
}

#categoriesBlock .item a.more:hover {
    background-color: #B69949;
}

#categoriesBlock .item a.more span {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-transform: capitalize;
    color: #000;
    margin: 0 auto;
}

#categoriesBlock .item a.more:hover span {
    color: #000;
}

#categoriesBlock .item img {
    position: absolute;
	max-height: 80%;
}

#categoriesBlock .itemsLeft .item {
    width: 100%;
    min-height: 370px;
    position: relative;
    margin-bottom: 30px;
}

#categoriesBlock .itemsLeft .item.topBig {
    background-color: #5F001A;
    padding: 40px 75px;
}

#categoriesBlock .itemsLeft .bot .item {
    padding: 30px;
}

#categoriesBlock .itemsLeft .bot .col-md-6:nth-child(1) .item {
    background-color: #88334A;
}

#categoriesBlock .itemsLeft .bot .col-md-6:nth-child(2) .item {
    background-color: #3C0333;
}

#categoriesBlock .item.topBig img {
    bottom: 0;
    right: 145px;
}

#categoriesBlock .itemsLeft .bot .col-md-6:nth-child(1) .item img {
    bottom: 0;
    right: 20px;
}

#categoriesBlock .itemsLeft .bot .col-md-6:nth-child(2) .item img {
    bottom: 10px;
    right: 0;
}

#categoriesBlock .itemRight .item {
    width: 100%;
    min-height: 770px;
    position: relative;
    background-color: #001E33;
    padding: 40px 50px;
}

#categoriesBlock .itemRight .item img {
    bottom: 0;
    left: 40px;
}

#categoriesBlock .lineDiscount {
    width: 100%;
    margin-top: 70px;
    position: relative;
}

#categoriesBlock .lineDiscount .contentDiscount {
    display: flex;
    width: 100%;
    min-height: 250px;
    align-items: center;
    background-image: url(/local/templates/emmi/css/../image/discountImage.png);
    background-size: cover;
    background-position: center center;
    z-index: 1;
    padding-left: 315px;
}

#categoriesBlock .line {
    width: 38%;
    height: 1px;
    position: absolute;
    left: 0;
    top: calc(50% - 0.5px);
    background-color: #fff;
    z-index: 2;
}

#categoriesBlock .lineDiscount .text h2 {
    font-family: 'Roboto Slab', sans-serif;
    font-weight: bold;
    font-size: 64px;
    line-height: 110px;
    text-transform: uppercase;
    color: #fff;
}

#categoriesBlock .lineDiscount .text h2 span {
    font-size: 96px;
}

#categoriesBlock .lineDiscount .text p {
    font-family: 'Roboto Slab', sans-serif;
    font-size: 24px;
    line-height: 41px;
    color: #fff;
    opacity: 0.8;
}

#productsBlock {
    padding: 42px 0;
}

#productsBlock .title {
    width: 100%;
    margin-bottom: 35px;
}

#productsBlock .title h2, #reviews .title h2 {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    font-size: 34px;
    line-height: 62px;
    color: #1B2437;
	text-align: center;
}

#productsBlock .carouselContainer {
    padding: 0 30px;
	min-height: 350px;
}

.sectionElements .items .item {
    width: 100%;
    padding: 0 0 16px;
	border: 1.5px solid #F6F6F6;
    box-sizing: border-box;
    border-radius: 4px;
    text-align: center;
    background-color: #fff;
}

#catalog.sectionElements .items .item {
    margin-bottom: 30px;
	border-radius: 16px;
}

#productsBlock .carouselContainer .items .owl-item {
    padding: 0 15px;
}

.sectionElements .items .item a.img {
    display: flex;
    width: 100%;
    height: 200px;
    align-items: center;
    padding: 0 15px;
}

.sectionElements .items .item a.img img {
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    max-height: 200px;
}

.sectionElements .items .item .line {
    width: 100%;
    height: 1px;
    background-color: #FFD770;
    opacity: 0.5;
    margin: 20px 0;
}

.sectionElements .items .item .desc {
    width: 100%;
    margin-bottom: 0;
	min-height: 135px;
	padding: 0 15px 0;
}

.sectionElements .items .item .desc p {
    font-size: 13px;
}

.sectionElements .items .item .desc a.title {
    font-weight: 500;
    font-size: 26px;
    line-height: 32px;
    color: #000;
	font-family: 'Playfair Display', serif;
	min-height: 67px;
}

.sectionElements .items .item .desc span {
    display: block;
    font-size: 18px;
    line-height: 18px;
    color: #000;
    height: 36px;
	padding-top: 15px;
}

.sectionElements .items .item .price {
    margin-bottom: 30px;
}

.sectionElements .items .item .price p {
    font-weight: bold;
    font-size: 32px;
    line-height: 42px;
    color: #000;
	font-family: 'Playfair Display', serif;
}

.sectionElements .items .item .price p span {
    font-size: 13px;
    color: #000;
    margin-left: 7px;
	display: none;
}

.sectionElements .items .item .price p:before {
	content: url(/local/templates/emmi_copy/image/rub.svg);
	height: 22px;
}

.sectionElements .items .item a.more {
    display: flex;
    width: 50%;
    height: 44px;
    align-items: center;
    border-radius: 15px;
	border: 2px solid #B69949;
    text-decoration: none;
	margin-left: 120px;
}

.sectionElements .items .item a.more:hover {
    background-color: #fff;
}

.sectionElements .items .item a.more span {
    font-weight: 500;
    font-size: 19px;
    line-height: 19px;
    text-transform: capitalize;
    color: #B59349;
    margin: 0 auto;

}

.sectionElements .items .item a.more span:after {
	/*content: url(/local/templates/emmi_copy/image/cart_icn_g.svg);
	height: 24px;
    padding-left: 8px;*/
}

#productsBlock .carouselContainer .owl-nav {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: -1;
}

#productsBlock .carouselContainer .owl-nav button {
    position: absolute;
    width: 12px;
    height: 100%;
    outline: none;
}

#productsBlock .carouselContainer .owl-nav button span {
    font-size: 76px;
    color: #000;
}

#productsBlock .carouselContainer .owl-nav button.owl-prev {
    left: -20px;
}

#productsBlock .carouselContainer .owl-nav button.owl-next {
    right: -20px;
}

#reviews {
    /*background-image: url('../image/reviewFon.png');
    background-position: top;
    background-size: cover;*/
    padding: 35px 0 40px 0;
}

#reviews .title {
    width: 100%;
    margin-bottom: 60px;
    text-align: center;
}

/*#reviews .title h2 {
    font-family: 'Roboto Slab', sans-serif;
    font-weight: bold;
    font-size: 36px;
    line-height: 62px;
    text-transform: uppercase;
    color: #fff;
}*/

/*#reviews #carousel {
    width:100%;
    height:520px;
    position:relative;
    clear:both;
    overflow:hidden;
}*/

#reviews .carouselContainer {
    max-width: 990px;
    padding: 0 15px;
    margin: 0 auto;
  	animation-name: carouselShow;
	animation-duration: 1s;
	animation-delay: 0.5s;
	animation-timing-function: ease-in;
}

@keyframes carouselShow {
	from {opacity: 0}
	to {opacity: 1}
}

#reviews #carousel .itemContent {
    height: 400px;

    position: relative;
}

#reviews #carousel .itemContent .image {
    height: 400px;
    background-size: cover;
    background-position: center center;
    /*position: absolute;
    width: 100%;
    top: 0;
    left: 0;*/
	border-radius: 16px
}

#reviews #carousel .itemContent .text {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    /*background-color: rgba(0,0,0,0.8);
    padding: 15px;*/
    min-height: 200px;
	border-bottom-right-radius: 16px;
	border-bottom-left-radius: 16px;
}

#reviews #carousel .itemContent .text::before {
    background: linear-gradient(to top, white 0%, rgba(255, 255, 255, 0) 100%);
    content: "";
    height: 200px;
    position: absolute;
    width: 260px;
    z-index: 2;
	border-bottom-right-radius: 16px;
	border-bottom-left-radius: 16px;
}

#reviews #carousel .itemContent .text p {
    font-size: 14px;
    line-height: 16px;
    color: #fff;
}

#reviews #carousel .itemContent a {
    display: flex;
    width: 100%;
    height: 44px;
    align-items: center;
    position: absolute;
    bottom: 0;
    text-decoration: none;
	z-index: 3;
	border-bottom-right-radius: 16px;
	border-bottom-left-radius: 16px;
}

#reviews #carousel .itemContent a span {
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    margin: 0 auto;
    color: #000;
}

#reviews #carousel .itemContent a:hover {
    background-color: #fff;
}

#reviews #carousel .slick-slide {
    padding: 0 10px;
    opacity: 0.7;
    height: auto;
}

#reviews #carousel .slick-prev {
    left: -40px;
}
#reviews #carousel .slick-next {
    right: -40px;
}

#reviews #carousel .slick-prev, #reviews #carousel .slick-next {
    font-size: 76px;
    color: #B59349;
}

#reviews #carousel .slick-prev:before, #reviews #carousel .slick-next:before {
    content: none;
}

#reviews #carousel .slick-slide.slick-center {
    opacity: 1;
}

#reviews .modal .modal-content .image {
    width: 100%;
    background-position: center center;
    background-size: cover;
    position: relative;
}

#reviews .modal .modal-content .image img {
    max-width: 100%;
}

#reviews .modal.fade.in {
    background: rgba(0,0,0,0.8);
}

#reviews .modal .modal-dialog {
    display: flex;
    height: 100vh;
    align-items: center;
    margin: 0 auto;
}

#reviews .modal .modal-content .text {
    width: 100%;
    padding: 0;
    background-color: rgba(0,0,0,0.1);
}

#reviews .modal .modal-content .text p {
    font-size: 14px;
    line-height: 16px;
    color: #fff;
}

#reviews .modal .modal-content .text p+p {
    margin-top: 10px;
}

#reviews .modal .modal-content .close {
    float: none;
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    text-shadow: none;
    opacity: 1;
    font-size: 25px;
}

#contact {
    background: #fff;
    background-position: top;
    background-size: cover;
    padding: 0;
	margin-bottom: 42px;
}

.contact-button {
	display: flex;
    justify-content: center;
    padding: 30px;
}

#contact .content .info {
    padding: 0 75px 45px 75px;
    background-color: #fff;
    min-height: 590px;
}

#contact .content .info h2 {
    font-family: 'Roboto Slab', sans-serif;
    font-weight: bold;
    font-size: 36px;
    line-height: 62px;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 25px;
}

#contact .content .info .infoCity {
    display: none;
    margin-top: 10px;
    min-height: 280px;
}

#contact .content .info .infoCity .item+.item {
    margin-top: 20px;
}

#contact .content .info .infoCity .item span, #contact .content .info .infoCity .item p {
    font-weight: bold;
    font-size: 19px;
    line-height: 24px;
    color: #000;
    opacity: 0.8;
    padding: 0 15px;
}

#contact .content .info .infoCity .item p {
    font-weight: normal;
}
#contact .content .info .infoCity .item {
    display: inline-flex;
    margin-top: 20px;
	min-height:80px;
}
#contact .item-text {
	display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
}

#contact .content .info .infoCity .item a:hover {
	text-decoration: none;
}

#contact .item-desc>.fade {
	height:0;
}

#contact .content .info .infoCity .item:before {
    content: url(/local/templates/emmi_copy/image/location_icn.svg);
}

#contact .content .info .infoCity.active {
    display: block;
}

#contact .content .soc {
    margin-top : 40px;
	margin-left: 15px;
}

#contact .content .soc a {
    margin-right: 18px;
    text-decoration: none;
}

#contact .header-ic {
	margin-left:50px;
}

#contact .content #map {
    width: 100%;
    min-height: 590px;
}

#contact .content .jq-selectbox {
	float: right;
    margin: 15px;
}

#contact .content .col-sm-12 {
    margin: 15px 0;
}

#catalog {
    /*background-image: url('../image/catalogBack.png');
    background-position: top;
    background-size: cover;*/
    padding: 65px 0;
	background: #fff;
}

#catalog .paginationItems {
    width: 100%;
    margin-top: 45px;
    text-align: center;
}

#catalog .paginationItems a {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    padding: 0 13px;
    text-decoration: none;
}

#catalog .paginationItems a:hover {
    color: #B69949;
}

#catalog .paginationItems a.active {
    font-weight: 900;
    font-size: 18px;
    line-height: 21px;
    color: #B69949;
}

#catalog .itemsSection .item {
    width: 100%;
    height: 280px;
    position: relative;
    margin-bottom: 30px;
    padding: 30px;
}

#catalog .itemsSection .item a.titleItem {
    font-family: 'Roboto Slab', sans-serif;
    font-weight: bold;
    font-size: 36px;
    line-height: 47px;
    color: #fff;
    text-decoration: none;
}

#catalog .itemsSection .item a.more {
    display: flex;
    width: 100%;
    max-width: 195px;
    height: 44px;
    align-items: center;
    background-color: #FFFBFB;
    border-radius: 2px;
    margin-top: 25px;
    text-decoration: none;
}

#catalog .itemsSection .item a.more:hover {
    background-color: #B69949;
}

#catalog .itemsSection .item a.more:hover span {
    color: #000;
}

#catalog .itemsSection .item a.more span {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-transform: capitalize;
    color: #000;
    margin: 0 auto;
}

#catalog .itemsSection .item img {
    position: absolute;
    bottom: 0;
    right: 45px;
    max-height: 200px;
    max-width: 200px;
}

#catalog .itemDetail {
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
	margin-bottom: 40px
}

.bx_item_list_recommended {
    margin: 40px 0 80px;
}

.bx_item_list_recommended.bx_blue .bx_item_list_title {
    background: #fff;
}

.wrapperDetail {
    width: 100%;
}

.wrapperDetail .descDetail .title {
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
    margin-bottom: 15px;
}

.wrapperDetail .descDetail .title h1 {
    font-family: 'Playfair Display', serif;
    font-weight: bold;
    font-size: 48px;
    line-height: 56px;
    color: #1B2437;
}

.wrapperDetail .bx_item_detail .bx_item_slider .bx_bigimages {
    max-width: 100%;
    height: 400px;
    padding-top: 0;
}

.wrapperDetail .linePrice {
    width: 100%;
    min-height: 44px;
    padding: 25px 0;
    border-bottom: 1px solid #fff;
}

.wrapperDetail .linePrice .item_price {
    margin-bottom: 0;
}

.wrapperDetail .linePrice .item_current_price {
    display: block;
    margin-top: 0;
    padding: 0;
    border-bottom: 0;
    background: none;
    line-height: 44px;
    color: #000;
	font-size: 32px;
	font-family: 'Playfair Display', serif;
}

.wrapperDetail .linePrice .item_current_price:before {
	content: url(/local/templates/emmi_copy/image/rub.svg);
	height: 22px;
	margin-right: 7px;
}


.wrapperDetail .linePrice .bx_big.bx_bt_button, .blockForm .buttonSubmit {
    width: 120px;
    height: 44px;
    line-height: 44px;
    background: #B59349;
    border-radius: 15px;
    text-decoration: none;
    padding: 0 5px;
	display: inline-block;
	font-size: 18px;
	text-shadow: none;
	color: #fff;
	margin-left: 5px;
}

.wrapperDetail .linePrice .bx_big.bx_bc_button, .blockForm .buttonSubmit {
	width: 140px;
    height: 44px;
    line-height: 40px;
    background: #fff;
    border: 2px solid #B59349;
    border-radius: 15px;
    text-decoration: none;
    padding: 0 5px;
    display: inline-block;
    font-size: 18px;
    text-shadow: none;
    color: #B59349;
    margin-left: 5px;
    text-align: center;
}

.blockForm .buttonSubmit:hover {
    background-color: #fff;
    color: #000;
}

.button-submit-cont {
	display: flex;
    justify-content: center;
}

.wrapperDetail .linePrice .item_buttons {
    overflow: hidden;
	display: flex;
}

.wrapperDetail .linePrice .item_buttons_counter_block {
    margin-right: 0;
    float: right;
}

.wrapperDetail .propBlock {
    margin-top: 15px;
}



.wrapperDetail .propBlock .bx_item_description .bx_item_section_name_gray {
    color: #000;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
}

.wrapperDetail .propBlock .bx_item_description p {
    font-size: 16px;
    line-height: 24px;
	margin: 15px 0;
	color: #8E8E93;
	font-family: 'Mulish', sans-serif;
}

.wrapperDetail .item_info_section {
    width: 100%;
    margin: 0;
    padding: 0;
}

.wrapperDetail .item_info_section tr {
    background-color: #fff;
    /*border-bottom: 1px solid #000;*/
}

.wrapperDetail .item_info_section tr td:first-child {
    font-weight: bold;
	min-width: 180px;
}

.wrapperDetail .item_info_section tr td {
    padding: 15px;
}

.wrapperDetail .bx_item_detail_scu .bx_scu ul li {
	border: 2px solid #E5E5EA;
	border-radius: 8px;
    display: flex;
    width: auto!important;
    min-height: 34px;
    align-items: center;
    background: #fff;
    padding: 8px 13px!important;
}

.wrapperDetail .bx_item_detail_scu .bx_scu ul li:active, .wrapperDetail .bx_item_detail_scu .bx_scu ul li.bx_active,
.wrapperDetail .bx_item_detail_scu .bx_scu ul li:hover {
    background: #B59349;
	border: 2px solid #B59349;;
}

.wrapperDetail .bx_item_detail_scu .bx_scu ul li:active .cnt, .wrapperDetail .bx_item_detail_scu .bx_scu ul li.bx_active .cnt,
.wrapperDetail .bx_item_detail_scu .bx_scu ul li:hover .cnt {
    padding: 0;
    border: 0;
    color: #fff;
  /*background: transparent!important;*/
	background: #B59349;
    outline: 0!important;
}
/*.wrapperDetail .bx_item_detail_scu ul li:active .bx_scu p {
	color: #fff;
    background: #B59349;
}*/

.wrapperDetail .bx_item_detail_scu .bx_scu ul li+li {
    margin-left: 10px;
}

.wrapperDetail .bx_item_detail_scu .bx_scu ul li .cnt {
    cursor: pointer;
    position: static;
    display: flex;
    overflow: hidden;
    border: 0;
    z-index: 20;
    background: none;
}
#catalog .bx-filter .bx-filter-parameters-box-title {
    font-size: 16px;
	line-height: 20px;
    padding-bottom: 7px;
}
#catalog .bx-filter-parameters-box-title i {
	font-size: 0;
}
#catalog .bx-filter {
    width: 100%;
    min-width: 220px;
	font-family: Mulish, sans-serif;
    margin-bottom: 20px;
	background-color: #F6F6F6;
	padding: 21px 24px;
	border-radius: 16px;
}

#catalog .bx-filter.bx-blue .bx-filter-section {
    background: #000;
}

#catalog .bx-filter .bx-filter-parameters-box-title span, #catalog .bx-filter .bx-filter-parameters-box.bx-active .bx-filter-block i.bx-ft-sub {
    color: #B59349;
}

#catalog .bx-filter .bx-filter-title {
    display: none;
}

#catalog .bx-filter .bx-filter-input-checkbox .bx-filter-param-text {
    color: #000;
}

#catalog .bx-filter .bx-ui-slider-track {
    position: relative;
    height: 2px;
}

#catalog .bx-filter.bx-blue .bx-ui-slider-pricebar-v {
    background: #B59349;
}

#catalog .bx-filter .bx-ui-slider-pricebar-vn {
    z-index: 0;
    background-color: #E5E5EA;
}
#catalog .bx-filter .bx-ui-slider-pricebar-v {
    z-index: 0;
	background: #B59349;
}

#catalog .bx-filter .bx-ui-slider-part.p2 span, #catalog .bx-filter .bx-ui-slider-part.p3 span,
#catalog .bx-filter .bx-ui-slider-part.p4 span {
    color: #fff;
}

#catalog .bx-filter .bx-ui-slider-handle.left {
    left: 0;
    margin-left: -21px;
    background: #FFFFFF;
    border: 2px solid #E5E5EA;
    box-sizing: border-box;
    box-shadow: 0px 2px 5px 2px rgb(0 0 0 / 5%);
    border-radius: 50%;
}

#catalog .bx-filter .bx-ui-slider-handle.right {
    right: 0;
    margin-right: -21px;
    background: #FFFFFF;
    border: 2px solid #E5E5EA;
    box-sizing: border-box;
    box-shadow: 0px 2px 5px 2px rgb(0 0 0 / 5%);
    border-radius: 50%;
}

#catalog .bx-filter .bx-ui-slider-handle {
    position: absolute;
    top: -11px;
    width: 22px;
    height: 22px;
    border-bottom: none;
}

#catalog .bx-filter .bx-ui-slider-part {
    display: none;
}

#catalog .bx-filter-button-box .btn-link {
    color: #000;
}

#catalog .bx-filter-button-box .btn-themes {
    color: #fff;
}

#catalog .bx-filter-param-text {
	font-size: 16px;
}

#catalog .bx-filter.bx-blue .btn-themes {
    background-color: #B59349;
    border-color: #B59349;
    color: #000;
}
#catalog .bx-filter-parameters-box-container .btn-themes {
    background-color: #B59349;
;
}

#catalog .bx-filter-parameters-box-container .btn {
	font-size: 16px;
}

#catalog .bx-filter.bx-blue .btn-themes.bx-active, #catalog .bx-filter.bx-blue .btn-themes.focus,
#catalog .bx-filter.bx-blue .btn-themes:active, #catalog .bx-filter.bx-blue .btn-themes:focus,
#catalog .bx-filter.bx-blue .btn-themes:hover {
    background-color: #fff;
    border-color: #fff;
    color: #000;
}

#catalog .bx-filter .bx-filter-popup-result.left {
    left: 97%;
    right: auto;
}

#catalog .bx-filter .bx-filter-select-container {
    height: 44px;
    border-radius: 16px;
    border: 2px solid #e5e5ea;
}

.btn-md {
    color: #fff;
    background-color: #B59349;
    font-style: normal;
    font-weight: 500;
    font-size: 19px;
    line-height: 22px;
	border-radius: 8px;
	border-color: #B59349;
}

#basket div.bx-blue .btn.btn-default {
    background-color: #B69949;
    border-color: #B69949;
    color: #000;
}

#basket div.bx-blue .btn.btn-default:hover {
    background-color: #191919;
    color: #fff;
    border-color: transparent;
}

.navbar-nav li form {
    display: block;
    position: relative;
    width: 50px;
    height: 90px;
    z-index: 99;
}

.wrapperForm {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.containerForm {
    width: 0px;
    height: 50px;
    text-align: center;
    line-height: 45px;
    padding-right: 50px;
    transition: all 0.5s ease;
    border-radius: 5px;
    position: relative;
}
.containerForm {
    width: 0px;
    height: 50px;
    text-align: center;
    line-height: 45px;
    padding-right: 50px;
    transition: all 0.5s ease;
    border-radius: 5px;
    position: relative;
}

.containerForm .input{
    border: 0px;
    /*border-bottom: 2px solid #fff;*/
    background: transparent;
    width: 0%;
    padding: 2px 0;
    outline: none;
    color: #fff;
    font-weight: bold;
    transition: all 0.3s ease;
}

.containerForm .fa {
    /*color: #ffffff;*/
    position: absolute;
    right: 15px;
    top: 13px;
    font-size: 22px;
    cursor: pointer;
}

.containerForm .fa:hover, header.iskl .containerForm .fa:hover {
    color: #B69949;
}

.containerForm.active{
    width: 250px;
    padding-left: 25px;
    transition: all 0.5s ease;
    background: #41484a;
    margin-right: 70px;
}

.containerForm .input.active{
    width: 98%;
    padding-left: 5px;
    transition: all 0.5s 0.8s ease;
}

.containerForm .input-search.active{
    width: 98%;
    padding-left: 5px;
    transition: all 0.5s 0.8s ease;
	color: #000;
    background: #B69949;
	border-radius: 5px;
	position: relative;
    z-index: 100;
	margin-top: 2px;
}

.containerForm input::placeholder {
    color: #fff;
}

.itemSearch .item {
    width: 100%;
    background-color: #000;
    padding: 15px;
}

.itemSearch .col-md-12+.col-md-12 {
    margin-top: 20px;
}

.itemSearch .item a.title {
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    color: #fff;
    display: inline-block;
    margin-bottom: 10px;
}

.itemSearch .item p {
    font-size: 14px;
    line-height: 18px;
    color: #999;
}

.itemSearch .item a.more {
    margin-top: 25px;
}

.itemSearch .item a.more:hover {
    background-color: #fff;
}

.itemSearch .item a.more:hover span {
    color: #000;
}

.itemSearch form {
    margin-bottom: 45px;
}

.itemSearch form .lineSearch {
    position: relative;
    width: 100%;
    height: 50px;
}

.itemSearch form .lineSearch input {
    width: 100%;
    height: 50px;
    padding: 0 100px 0 15px;
    border-radius: 3px;
    border: 0;
    outline: 0;
}

.itemSearch form .lineSearch button {
    height: 50px;
    padding: 0 15px;
    position: absolute;
    right: 0;
    background-color: #B69949;
    border-radius: 0 3px 3px 0;
    border: 0;
    outline: 0;
    font-size: 16px;
    font-weight: bold;
}

.itemSearch form .lineSearch button:hover {
    background-color: #191919;
    color: #fff;
}

header.iskl .containerForm .fa {
    color: #000;
}

header.iskl .containerForm.active .fa {
    color: #fff;
    top: 12px;
}

.blockForm {
    width: 100%;
    padding: 50px;
    background: #fff;
}

.blockForm .buttonSubmit {
    margin-top: 10px;
    /*border: 0;*/
    outline: 0;
    font-weight: bold;
}

.blockForm form label {
    color: #1B2437;
}

.blockForm form label span {
    color: sandybrown;
}

.blockForm form textarea {
    resize: none;
}

.blockForm .text p {
    font-size: 14px;
    line-height: 18px;
    color: #fff;
}

.blockForm .text p+p {
    margin-top: 15px;
}
input[type="checkbox"]:checked {
    background: #B59349;
}

.nav-tabs {
    border-bottom: none;
}

.nav-tabs>li {
	border: none;
	border-bottom: 1px solid #ddd;
}
.nav-tabs>li.active, .nav-tabs>li.active:focus, .nav-tabs>li.active:hover {
	border: none;
	border-bottom-color: #B59349;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.nav-tabs>li>a {
	text-align: center;
	border: none;
	color: #1B2437;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	border: none;
	color: #B59349;
	font-weight: 700;
	/*border-bottom-color: transparent;
	border-bottom-width: 1px;
	border-bottom-style: solid;*/
}

.nav-tabs>li.active>a:hover {
	border: none;
	cursor: pointer;
	border: none;
}
.nav>li>a:focus, .nav>li>a:hover {
	border: none;
    text-decoration: none;
    background-color: #fff;
}
.basket-btn-checkout a {
	color: #000;
}
.basket-btn-checkout a:hover {
	color: #fff;
	text-decoration: none;
}

	.fa-instagram:hover {
	color: #fd5949;
	}
	.fa-vk:hover {
	color:#07f;
	}
	.fa-facebook:hover {
	color:#1877f2;
	}
	.fa-whatsapp:hover {
	color:#009688;
	}

	.back-to-blog {
    padding: 20px;
    font-size: 20px;
	}
	.back-to-blog a {
	color: #B59349;
	}

.bx-sbb-empty-cart-text {
    font-size: 36px;
    text-align: center;
    color: #bababa;
    margin-bottom: 22px;
}
.back-from-payment {
	font-size: 36px;
    text-align: center;
    color: #B59349;
    margin-bottom: 22px;
}
.pagination > li > a, .pagination > li > span {
    font-size:16px;
    color: #B59349;
	font-weight: bold;
}

<!-- mobile about -->

.emmi-about-mobile{
  max-width: 780px;
  margin: 0 auto;
  padding: 14px 14px 22px;
}

.emmi-about-mobile__head{
  text-align: center;
  margin-bottom: 16px;
}

.emmi-about-mobile__title{
  font-size: 22px;
  line-height: 1.15;
  margin: 0 0 8px;
  letter-spacing: .4px;
}

.emmi-about-mobile__subtitle{
  margin: 0;
  font-size: 14px;
  opacity: .75;
}

.emmi-about-mobile__text{
  font-size: 16px;
  line-height: 1.65;
  margin: 0 0 12px;
}

.emmi-about-mobile__stats{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 12px 0 16px;
}

.emmi-stat{
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 14px;
  padding: 10px 10px;
  text-align: center;
  background: #fff;
}

.emmi-stat__num{
  font-weight: 800;
  font-size: 20px;
  line-height: 1.1;
}

.emmi-stat__label{
  font-size: 13px;
  opacity: .75;
  margin-top: 4px;
}

.emmi-acc{
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 14px;
  background: #fff;
  margin: 10px 0;
  overflow: hidden;
}

.emmi-acc__summary{
  list-style: none;
  cursor: pointer;
  padding: 12px 12px;
  font-weight: 800;
  letter-spacing: .4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.emmi-acc__summary::-webkit-details-marker{
  display: none;
}

.emmi-acc__summary:after{
  content: "⌄";
  font-weight: 900;
  opacity: .7;
  transform: translateY(-1px);
}

.emmi-acc[open] .emmi-acc__summary:after{
  content: "⌃";
}

.emmi-acc__body{
  padding: 0 12px 12px;
}

.emmi-about-mobile__final{
  margin-top: 14px;
  padding-top: 10px;
}

.emmi-about-mobile__text--final{
  font-weight: 600;
}

.emmi-about-mobile__actions{
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin-top: 12px;
}

.emmi-btn{
  display: block;
  width: 100%;
  text-align: center;
  padding: 12px 14px;
  border-radius: 14px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
  transition: .2s ease;
}

.emmi-btn--primary{
  background: #111;
  color: #fff;
}

.emmi-btn--primary:hover{ opacity: .92; }

.emmi-btn--ghost{
  background: #fff;
  color: #111;
  border: 1px solid rgba(0,0,0,.18);
}

/* По умолчанию скрываем (на ПК) */
.emmi-about-mobile{
  display: none;
}

/* Показываем только на мобильных */
@media (max-width: 768px){
  .emmi-about-mobile{
    display: block;
  }
}

.emmi-about-mobile{ display:none; }

@media (max-width: 992px){
  .emmi-about-mobile{ display:block; }
}

/* По умолчанию: ПК */
.emmi-about-mobile{ display: none; }
.emmi-about-desktop{ display: block; }

/* Мобильная версия */
@media (max-width: 768px){
  .emmi-about-mobile{ display: block; }
  .emmi-about-desktop{ display: none; }
}

<!-- mobile contr -->

/* Показывать ТОЛЬКО на десктопе */
.emmi-contr-desktop{ display:block; }
@media (max-width: 768px){
  .emmi-contr-desktop{ display:none; }
}

/* Общие */
.emmi-contr-desktop{
  max-width: 1200px;
  margin: 0 auto;
  padding: 22px 14px 40px;
  font-family: inherit;
}

/* HERO */
.emmi-contr-hero{
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 22px;
  padding: 26px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
}

.emmi-contr-hero__inner{
  display: grid;
  grid-template-columns: 1.35fr .85fr;
  gap: 22px;
  align-items: stretch;
}

.emmi-contr-badge{
  display: inline-block;
  padding: 7px 12px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.14);
  font-weight: 700;
  font-size: 13px;
  letter-spacing: .4px;
  opacity: .9;
}

.emmi-contr-title{
  font-size: 34px;
  line-height: 1.1;
  margin: 14px 0 10px;
}

.emmi-contr-lead{
  font-size: 17px;
  line-height: 1.65;
  opacity: .9;
  margin: 0 0 16px;
}

.emmi-contr-actions{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 14px 0 14px;
}

.emmi-contr-btn{
  display: inline-block;
  padding: 12px 16px;
  border-radius: 14px;
  text-decoration: none;
  font-weight: 800;
  font-size: 15px;
  transition: .2s ease;
  border: 1px solid rgba(0,0,0,.14);
}

.emmi-contr-btn--primary{
  background: #111;
  color: #fff;
  border-color: #111;
}

.emmi-contr-btn--primary:hover{ opacity: .92; }

.emmi-contr-btn--ghost{
  background: #fff;
  color: #111;
}

.emmi-contr-btn--ghost:hover{
  transform: translateY(-1px);
}

.emmi-contr-mini{
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
  margin-top: 10px;
}

.emmi-contr-mini__item{
  font-size: 14px;
  line-height: 1.4;
  opacity: .85;
}

/* HERO CARD */
.emmi-contr-hero__card{
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 18px;
  padding: 18px;
  background: #fafafa;
}

.emmi-contr-card__title{
  font-weight: 900;
  font-size: 16px;
  margin-bottom: 12px;
}

.emmi-contr-metrics{
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin-bottom: 12px;
}

.emmi-contr-metric{
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 14px;
  padding: 12px;
  background: #fff;
}

.emmi-contr-metric__value{
  font-weight: 900;
  font-size: 18px;
  line-height: 1.2;
}

.emmi-contr-metric__label{
  font-size: 13px;
  opacity: .75;
  margin-top: 4px;
}

.emmi-contr-card__note{
  font-size: 14px;
  line-height: 1.5;
  opacity: .88;
}

/* Layout */
.emmi-contr-wrap{
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 22px;
  margin-top: 18px;
}

.emmi-contr-nav{
  position: sticky;
  top: 18px;
  align-self: start;
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 18px;
  padding: 12px;
  background: #fff;
}

.emmi-contr-nav__link{
  display: block;
  padding: 10px 10px;
  border-radius: 12px;
  text-decoration: none;
  font-weight: 800;
  color: #111;
  opacity: .85;
  transition: .2s ease;
}

.emmi-contr-nav__link:hover{
  background: rgba(0,0,0,.04);
  opacity: 1;
}

/* Blocks */
.emmi-contr-main{
  min-width: 0;
}

.emmi-contr-block{
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 22px;
  padding: 22px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(0,0,0,.04);
  margin-bottom: 16px;
}

.emmi-contr-h2{
  font-size: 22px;
  margin: 0 0 12px;
}

.emmi-contr-p{
  font-size: 16px;
  line-height: 1.7;
  opacity: .92;
  margin: 0 0 12px;
}

/* Cards */
.emmi-contr-grid3{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 12px;
}

.emmi-contr-box{
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 18px;
  padding: 14px;
  background: #fafafa;
}

.emmi-contr-box__t{
  font-weight: 900;
  letter-spacing: .5px;
  margin-bottom: 6px;
}

.emmi-contr-box__p{
  font-size: 14px;
  line-height: 1.55;
  opacity: .9;
}

/* Steps */
.emmi-contr-steps{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 10px;
}

.emmi-step{
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 18px;
  padding: 14px;
  background: #fafafa;
  display: grid;
  grid-template-columns: 54px 1fr;
  gap: 12px;
  align-items: start;
}

.emmi-step__num{
  width: 54px;
  height: 54px;
  border-radius: 16px;
  background: #111;
  color: #fff;
  display: grid;
  place-items: center;
  font-weight: 900;
  font-size: 14px;
  letter-spacing: .6px;
}

.emmi-step__t{
  font-weight: 900;
  margin-bottom: 4px;
  font-size: 16px;
}

.emmi-step__p{
  font-size: 14px;
  line-height: 1.55;
  opacity: .9;
}

/* Benefits */
.emmi-contr-grid2{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 10px;
}

.emmi-contr-benefit{
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 18px;
  padding: 16px;
  background: #fafafa;
}

.emmi-contr-benefit__t{
  font-weight: 900;
  margin-bottom: 6px;
}

.emmi-contr-benefit__p{
  font-size: 14px;
  line-height: 1.55;
  opacity: .9;
  margin: 0;
}

.emmi-contr-note{
  margin-top: 12px;
  padding: 14px;
  border-radius: 18px;
  border: 1px dashed rgba(0,0,0,.20);
  background: #fff;
  font-size: 14px;
  line-height: 1.55;
  opacity: .9;
}

/* Quality list */
.emmi-contr-quality{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 12px;
}

.emmi-contr-quality__item{
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 16px;
  padding: 12px 14px;
  background: #fafafa;
  font-weight: 700;
  font-size: 14px;
}

/* CTA */
.emmi-contr-cta{
  border-radius: 22px;
  padding: 22px;
  border: 1px solid rgba(0,0,0,.10);
  background: #111;
  color: #fff;
  display: grid;
  grid-template-columns: 1.3fr .7fr;
  gap: 16px;
  align-items: center;
  margin-top: 10px;
}

.emmi-contr-cta__title{
  margin: 0 0 6px;
  font-size: 22px;
}

.emmi-contr-cta__text{
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
  opacity: .88;
}

.emmi-contr-cta__right{
  display: grid;
  gap: 10px;
}

.emmi-contr-cta .emmi-contr-btn--primary{
  background: #fff;
  color: #111;
  border-color: #fff;
}
.emmi-contr-cta .emmi-contr-btn--ghost{
  background: transparent;
  color: #fff;
  border-color: rgba(255,255,255,.25);
}

/* Небольшая адаптация под узкие ноутбуки */
@media (max-width: 1100px){
  .emmi-contr-hero__inner{ grid-template-columns: 1fr; }
  .emmi-contr-wrap{ grid-template-columns: 1fr; }
  .emmi-contr-nav{ position: relative; top: 0; }
  .emmi-contr-grid3{ grid-template-columns: 1fr; }
  .emmi-contr-steps{ grid-template-columns: 1fr; }
  .emmi-contr-grid2{ grid-template-columns: 1fr; }
  .emmi-contr-quality{ grid-template-columns: 1fr; }
  .emmi-contr-cta{ grid-template-columns: 1fr; }
}


<!-- mobile contr v2 -->

/* =========================
   SWITCH: Desktop / Mobile
   ========================= */
.emmi-contr-desktop{ display:block; }
.emmi-contr-mobile{ display:none; }

@media (max-width: 768px){
  .emmi-contr-desktop{ display:none; }
  .emmi-contr-mobile{ display:block; }
}

/* =========================
   MOBILE (аккордеоны)
   ========================= */
.emmi-about-mobile{
  max-width: 780px;
  margin: 0 auto;
  padding: 14px 14px 22px;
}

.emmi-about-mobile__head{
  text-align: center;
  margin-bottom: 16px;
}

.emmi-about-mobile__title{
  font-size: 22px;
  line-height: 1.15;
  margin: 0 0 8px;
  letter-spacing: .4px;
}

.emmi-about-mobile__subtitle{
  margin: 0;
  font-size: 14px;
  opacity: .75;
}

.emmi-about-mobile__text{
  font-size: 16px;
  line-height: 1.65;
  margin: 0 0 12px;
}

.emmi-about-mobile__stats{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 12px 0 16px;
}

.emmi-stat{
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 14px;
  padding: 10px 10px;
  text-align: center;
  background: #fff;
}

.emmi-stat__num{
  font-weight: 800;
  font-size: 18px;
  line-height: 1.2;
}

.emmi-stat__label{
  font-size: 13px;
  opacity: .75;
  margin-top: 4px;
}

.emmi-acc{
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 14px;
  background: #fff;
  margin: 10px 0;
  overflow: hidden;
}

.emmi-acc__summary{
  list-style: none;
  cursor: pointer;
  padding: 12px 12px;
  font-weight: 800;
  letter-spacing: .4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.emmi-acc__summary::-webkit-details-marker{ display: none; }

.emmi-acc__summary:after{
  content: "⌄";
  font-weight: 900;
  opacity: .7;
  transform: translateY(-1px);
}
.emmi-acc[open] .emmi-acc__summary:after{ content: "⌃"; }

.emmi-acc__body{ padding: 0 12px 12px; }

.emmi-about-mobile__list{
  margin: 0;
  padding-left: 18px;
}
.emmi-about-mobile__list li{
  margin: 8px 0;
  font-size: 16px;
  line-height: 1.5;
}

.emmi-steps{
  margin: 0;
  padding-left: 18px;
}
.emmi-steps li{
  margin: 8px 0;
  font-size: 16px;
  line-height: 1.5;
}

.emmi-about-mobile__final{
  margin-top: 14px;
  padding-top: 10px;
}
.emmi-about-mobile__text--final{ font-weight: 600; }

.emmi-about-mobile__actions{
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin-top: 12px;
}

.emmi-btn{
  display: block;
  width: 100%;
  text-align: center;
  padding: 12px 14px;
  border-radius: 14px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
  transition: .2s ease;
}
.emmi-btn--primary{
  background: #111;
  color: #fff;
  border: 1px solid #111;
}
.emmi-btn--primary:hover{ opacity: .92; }
.emmi-btn--ghost{
  background: #fff;
  color: #111;
  border: 1px solid rgba(0,0,0,.18);
}

/* =========================
   DESKTOP (дорогой стиль)
   ========================= */
.emmi-contr-desktop{
  max-width: 1200px;
  margin: 0 auto;
  padding: 22px 14px 40px;
  font-family: inherit;
}

.emmi-contr-hero{
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 22px;
  padding: 26px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
}

.emmi-contr-hero__inner{
  display: grid;
  grid-template-columns: 1.35fr .85fr;
  gap: 22px;
  align-items: stretch;
}

.emmi-contr-badge{
  display: inline-block;
  padding: 7px 12px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.14);
  font-weight: 700;
  font-size: 13px;
  letter-spacing: .4px;
  opacity: .9;
}

.emmi-contr-title{
  font-size: 34px;
  line-height: 1.1;
  margin: 14px 0 10px;
}

.emmi-contr-lead{
  font-size: 17px;
  line-height: 1.65;
  opacity: .9;
  margin: 0 0 16px;
}

.emmi-contr-actions{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 14px 0 14px;
}

.emmi-contr-btn{
  display: inline-block;
  padding: 12px 16px;
  border-radius: 14px;
  text-decoration: none;
  font-weight: 800;
  font-size: 15px;
  transition: .2s ease;
  border: 1px solid rgba(0,0,0,.14);
}

.emmi-contr-btn--primary{
  background: #111;
  color: #fff;
  border-color: #111;
}
.emmi-contr-btn--primary:hover{ opacity: .92; }

.emmi-contr-btn--ghost{
  background: #fff;
  color: #111;
}
.emmi-contr-btn--ghost:hover{ transform: translateY(-1px); }

.emmi-contr-mini{
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
  margin-top: 10px;
}
.emmi-contr-mini__item{
  font-size: 14px;
  line-height: 1.4;
  opacity: .85;
}

/* hero card */
.emmi-contr-hero__card{
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 18px;
  padding: 18px;
  background: #fafafa;
}
.emmi-contr-card__title{
  font-weight: 900;
  font-size: 16px;
  margin-bottom: 12px;
}
.emmi-contr-metrics{
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin-bottom: 12px;
}
.emmi-contr-metric{
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 14px;
  padding: 12px;
  background: #fff;
}
.emmi-contr-metric__value{
  font-weight: 900;
  font-size: 18px;
  line-height: 1.2;
}
.emmi-contr-metric__label{
  font-size: 13px;
  opacity: .75;
  margin-top: 4px;
}
.emmi-contr-card__note{
  font-size: 14px;
  line-height: 1.5;
  opacity: .88;
}

/* layout */
.emmi-contr-wrap{
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 22px;
  margin-top: 18px;
}

.emmi-contr-nav{
  position: sticky;
  top: 18px;
  align-self: start;
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 18px;
  padding: 12px;
  background: #fff;
}
.emmi-contr-nav__link{
  display: block;
  padding: 10px 10px;
  border-radius: 12px;
  text-decoration: none;
  font-weight: 800;
  color: #111;
  opacity: .85;
  transition: .2s ease;
}
.emmi-contr-nav__link:hover{
  background: rgba(0,0,0,.04);
  opacity: 1;
}

.emmi-contr-main{ min-width: 0; }

.emmi-contr-block{
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 22px;
  padding: 22px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(0,0,0,.04);
  margin-bottom: 16px;
}

.emmi-contr-h2{
  font-size: 22px;
  margin: 0 0 12px;
}

.emmi-contr-p{
  font-size: 16px;
  line-height: 1.7;
  opacity: .92;
  margin: 0 0 12px;
}

.emmi-contr-grid3{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 12px;
}
.emmi-contr-box{
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 18px;
  padding: 14px;
  background: #fafafa;
}
.emmi-contr-box__t{
  font-weight: 900;
  letter-spacing: .5px;
  margin-bottom: 6px;
}
.emmi-contr-box__p{
  font-size: 14px;
  line-height: 1.55;
  opacity: .9;
}

/* steps */
.emmi-contr-steps{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 10px;
}
.emmi-step{
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 18px;
  padding: 14px;
  background: #fafafa;
  display: grid;
  grid-template-columns: 54px 1fr;
  gap: 12px;
  align-items: start;
}
.emmi-step__num{
  width: 54px;
  height: 54px;
  border-radius: 16px;
  background: #111;
  color: #fff;
  display: grid;
  place-items: center;
  font-weight: 900;
  font-size: 14px;
  letter-spacing: .6px;
}
.emmi-step__t{
  font-weight: 900;
  margin-bottom: 4px;
  font-size: 16px;
}
.emmi-step__p{
  font-size: 14px;
  line-height: 1.55;
  opacity: .9;
}

/* benefits */
.emmi-contr-grid2{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 10px;
}
.emmi-contr-benefit{
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 18px;
  padding: 16px;
  background: #fafafa;
}
.emmi-contr-benefit__t{
  font-weight: 900;
  margin-bottom: 6px;
}
.emmi-contr-benefit__p{
  font-size: 14px;
  line-height: 1.55;
  opacity: .9;
  margin: 0;
}
.emmi-contr-note{
  margin-top: 12px;
  padding: 14px;
  border-radius: 18px;
  border: 1px dashed rgba(0,0,0,.20);
  background: #fff;
  font-size: 14px;
  line-height: 1.55;
  opacity: .9;
}

/* quality */
.emmi-contr-quality{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 12px;
}
.emmi-contr-quality__item{
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 16px;
  padding: 12px 14px;
  background: #fafafa;
  font-weight: 700;
  font-size: 14px;
}

/* CTA */
.emmi-contr-cta{
  border-radius: 22px;
  padding: 22px;
  border: 1px solid rgba(0,0,0,.10);
  background: #111;
  color: #fff;
  display: grid;
  grid-template-columns: 1.3fr .7fr;
  gap: 16px;
  align-items: center;
  margin-top: 10px;
}
.emmi-contr-cta__title{
  margin: 0 0 6px;
  font-size: 22px;
}
.emmi-contr-cta__text{
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
  opacity: .88;
}
.emmi-contr-cta__right{
  display: grid;
  gap: 10px;
}
.emmi-contr-cta .emmi-contr-btn--primary{
  background: #fff;
  color: #111;
  border-color: #fff;
}
.emmi-contr-cta .emmi-contr-btn--ghost{
  background: transparent;
  color: #fff;
  border-color: rgba(255,255,255,.25);
}

/* adaptive (laptop) */
@media (max-width: 1100px){
  .emmi-contr-hero__inner{ grid-template-columns: 1fr; }
  .emmi-contr-wrap{ grid-template-columns: 1fr; }
  .emmi-contr-nav{ position: relative; top: 0; }
  .emmi-contr-grid3{ grid-template-columns: 1fr; }
  .emmi-contr-steps{ grid-template-columns: 1fr; }
  .emmi-contr-grid2{ grid-template-columns: 1fr; }
  .emmi-contr-quality{ grid-template-columns: 1fr; }
  .emmi-contr-cta{ grid-template-columns: 1fr; }
}

/* ====== Certificates & Awards ====== */
.emmi-awards {
  padding: 56px 0;
  background: #fff;
}

.emmi-awards__container {
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto;
}

.emmi-awards__head {
  text-align: center;
  margin-bottom: 26px;
}

.emmi-awards__badge {
  display: inline-block;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(0,0,0,0.05);
  font-weight: 600;
  font-size: 13px;
  letter-spacing: .2px;
}

.emmi-awards__title {
  margin: 14px 0 8px;
  font-size: clamp(24px, 3vw, 36px);
  line-height: 1.15;
}

.emmi-awards__text {
  margin: 0 auto;
  max-width: 760px;
  color: rgba(0,0,0,0.72);
  font-size: 16px;
  line-height: 1.55;
}

.emmi-awards__grid {
  margin-top: 22px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.emmi-awards__item {
  margin: 0;
  border-radius: 18px;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(0,0,0,0.08);
  box-shadow: 0 12px 26px rgba(0,0,0,0.06);
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease;
}

.emmi-awards__item:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 34px rgba(0,0,0,0.08);
}

.emmi-awards__imgwrap {
  background: linear-gradient(180deg, rgba(0,0,0,0.03), rgba(0,0,0,0.00));
  height: 360px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.emmi-awards__imgwrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* сертификаты часто вертикальные — лучше "contain" на десктопе */
.emmi-awards__item:nth-child(1) .emmi-awards__imgwrap img {
  object-fit: contain;
  background: #fff;
}

.emmi-awards__caption {
  padding: 14px 16px 16px;
}

.emmi-awards__name {
  font-weight: 800;
  font-size: 15px;
}

.emmi-awards__sub {
  margin-top: 4px;
  font-size: 13px;
  color: rgba(0,0,0,0.65);
}

.emmi-awards__footer {
  margin-top: 18px;
  text-align: center;
}

.emmi-awards__note {
  display: inline-block;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(0,0,0,0.04);
  font-size: 13px;
  color: rgba(0,0,0,0.65);
}

/* ====== Lightbox ====== */
.emmi-lightbox {
  position: fixed;
  inset: 0;
  display: none;
  z-index: 9999;
}

.emmi-lightbox.is-open {
  display: block;
}

.emmi-lightbox__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.72);
}

.emmi-lightbox__panel {
  position: relative;
  z-index: 2;
  width: min(1100px, calc(100% - 24px));
  max-height: calc(100% - 24px);
  margin: 12px auto;
  border-radius: 18px;
  overflow: hidden;
  background: #0f0f10;
  box-shadow: 0 18px 60px rgba(0,0,0,0.55);
}

.emmi-lightbox__content {
  padding: 18px;
  display: grid;
  gap: 10px;
  align-items: center;
  justify-items: center;
}

.emmi-lightbox__img {
  width: 100%;
  height: calc(100vh - 140px);
  object-fit: contain;
  background: #0f0f10;
  border-radius: 12px;
}

.emmi-lightbox__title {
  text-align: center;
  color: rgba(255,255,255,0.85);
  font-size: 14px;
}

.emmi-lightbox__close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.18);
  background: rgba(255,255,255,0.06);
  color: #fff;
  font-size: 18px;
  cursor: pointer;
}

.emmi-lightbox__nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 64px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.18);
  background: rgba(255,255,255,0.06);
  color: #fff;
  font-size: 32px;
  cursor: pointer;
  display: grid;
  place-items: center;
}

.emmi-lightbox__prev { left: 10px; }
.emmi-lightbox__next { right: 10px; }

/* Mobile */
@media (max-width: 860px) {
  .emmi-awards__grid {
    grid-template-columns: 1fr;
  }
  .emmi-awards__imgwrap {
    height: 300px;
  }
  .emmi-lightbox__nav {
    width: 40px;
    height: 54px;
  }
  .emmi-lightbox__img {
    height: calc(100vh - 160px);
  }
}

.emmi-cookie {
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: 16px;
  z-index: 99999;
  font-family: inherit;
}

.emmi-cookie__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 16px;
  border-radius: 14px;
  background: rgba(20, 20, 20, 0.92);
  color: #fff;
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
  backdrop-filter: blur(10px);
}

.emmi-cookie__text {
  font-size: 14px;
  line-height: 1.35;
  opacity: 0.95;
}

.emmi-cookie__link {
  color: #fff;
  text-decoration: underline;
  margin-left: 6px;
  opacity: 0.95;
}

.emmi-cookie__actions {
  flex: 0 0 auto;
  display: flex;
  gap: 10px;
}

.emmi-cookie__btn {
  border: 0;
  cursor: pointer;
  border-radius: 10px;
  padding: 10px 14px;
  font-size: 14px;
  line-height: 1;
  transition: transform .12s ease, opacity .12s ease;
}

.emmi-cookie__btn:hover { opacity: 0.92; }
.emmi-cookie__btn:active { transform: scale(0.98); }

.emmi-cookie__btn--primary {
  background: #ffffff;
  color: #111;
  font-weight: 600;
}

@media (max-width: 640px) {
  .emmi-cookie__inner {
    flex-direction: column;
    align-items: stretch;
  }
  .emmi-cookie__actions {
    justify-content: flex-end;
  }
}

/* Иконки соцсетей в ряд + текст ниже */
.soc.header-ic{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

/* сами ссылки-иконки */
.soc.header-ic a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto !important;
}

/* текст под иконками */
.soc.header-ic .meta-note{
  flex-basis: 100%;
  margin-top: 6px;
  font-size: 11px;
  line-height: 1.2;
  color: rgba(0,0,0,.55);
  text-align: center;
}

.footer-copy-soc{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

.footer-copy-soc .soc{
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

/* текст под иконками */
.footer-copy-soc .soc .meta-note{
  flex-basis: 100%;
  margin-top: 6px;
  font-size: 11px;
  line-height: 1.2;
  color: rgba(0,0,0); /* если фон футера тёмный */
  text-align: right;
}

.emmi-split-banner{
  position: relative;
  overflow: hidden;
  border-radius: 22px;
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 14px 38px rgba(0,0,0,.08);
  margin: 10px 0 18px;
  background:
    radial-gradient(900px 260px at 15% 20%, rgba(255,255,255,.92), rgba(255,255,255,0) 60%),
    radial-gradient(700px 240px at 70% 60%, rgba(255,255,255,.55), rgba(255,255,255,0) 62%),
    linear-gradient(135deg, rgba(245,245,245,.96), rgba(235,238,248,.96));
}

/* “Парфюмерная” декоративная подложка */
.emmi-split-banner:before{
  content:"";
  position:absolute; inset:-40px -80px -60px -80px;
  background:
    radial-gradient(240px 240px at 80% 30%, rgba(0,0,0,.08), rgba(0,0,0,0) 60%),
    radial-gradient(320px 280px at 88% 70%, rgba(0,0,0,.06), rgba(0,0,0,0) 62%),
    radial-gradient(220px 200px at 72% 86%, rgba(0,0,0,.05), rgba(0,0,0,0) 60%);
  transform: rotate(-8deg);
  pointer-events:none;
}

.emmi-split-banner__inner{
  position: relative;
  padding: 20px 22px;
  max-width: 1100px;
}

.emmi-split-banner__top{
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  margin-bottom: 10px;
}

.emmi-split-banner__kicker{
  font-weight: 700;
  font-size: 13px;
  letter-spacing: .2px;
  opacity: .8;
}

.emmi-split-banner__pill{
  font-size: 12px;
  font-weight: 800;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.9);
  border: 1px solid rgba(0,0,0,.06);
}

.emmi-split-banner__title{
  font-size: 26px;
  font-weight: 900;
  line-height: 1.1;
  margin: 2px 0 8px;
}

.emmi-split-banner__subtitle{
  font-size: 14px;
  line-height: 1.55;
  opacity: .9;
  max-width: 860px;
}

.emmi-split-banner__chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin: 12px 0 14px;
}

.emmi-split-banner__chip{
  font-size: 12px;
  font-weight: 700;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.85);
  border: 1px solid rgba(0,0,0,.06);
}

.emmi-split-banner__calc{
  margin: 12px 0 14px;
  padding: 12px 12px;
  border-radius: 16px;
  background: rgba(255,255,255,.7);
  border: 1px solid rgba(0,0,0,.05);
  max-width: 520px;
}

.emmi-split-banner__calcLabel{
  font-size: 12px;
  font-weight: 800;
  opacity: .8;
  margin-bottom: 8px;
}

.emmi-split-banner__calcRow{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}

.emmi-split-banner__input{
  height: 42px;
  padding: 0 12px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.12);
  background: #fff;
  min-width: 210px;
  font-weight: 700;
}

.emmi-split-banner__calcOut{
  font-size: 14px;
  font-weight: 900;
}

.emmi-split-banner__calcHint{
  margin-top: 8px;
  font-size: 11px;
  opacity: .7;
  line-height: 1.35;
}

.emmi-split-banner__actions{
  display:flex;
  gap:12px;
  align-items:center;
  flex-wrap:wrap;
}

.emmi-split-banner__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height: 42px;
  padding: 0 14px;
  border-radius: 14px;
  text-decoration:none;
  font-weight: 900;
  background:#111;
  color:#fff;
}

.emmi-split-banner__btn:hover{ opacity:.9; }

.emmi-split-banner__hint{
  font-size: 12px;
  opacity: .75;
}

.emmi-split-banner__note{
  margin-top: 10px;
  font-size: 11px;
  opacity: .65;
  line-height: 1.35;
}

@media (max-width: 768px){
  .emmi-split-banner__inner{ padding: 16px; }
  .emmi-split-banner__title{ font-size: 22px; }
}

.social-max {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    vertical-align: middle;
    text-decoration: none;
}

.social-max img {
    display: block;
    width: 18px;
    height: 18px;
    object-fit: contain;
}

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