/*
body {margin:0; padding:0; font-family:CeraPro, sans-serif; font-weight:400; font-size:16px;}
*:focus {outline:none}
img, svg {max-width:100%; max-height:100%}
ul {list-style:none; padding:0; margin:0}
li {padding:0; margin:0}
a {text-decoration:none; color:#111}
p {margin:0}
button {background:none; border:0; padding:0; margin:0; cursor:pointer}
.wrap {max-width:1600px; margin:0 auto}
*/
.is-flex {display:flex}
.flex1 {flex:1}
.a-i-c {align-items:center}
.a-i-bl {align-items:baseline}
.a-i-e {align-items:end}
.j-c-sb {justify-content:space-between}
.f-d-c {flex-direction:column}
.gap5 {gap:5px}
.gap10 {gap:10px}
.gap15 {gap:15px}
.gap20 {gap:20px}
.gap30 {gap:30px}
.gap40 {gap:40px}
.gap50 {gap:50px}
.w100 {width:100%}
header {border-bottom:1px solid #ccc}
header svg {max-width:100%; max-height:100%}

.header-first {background-color: #f1f1f0;  padding: 10px 60px; font-size: 14px;}
.header-second { padding: 20px 60px;}
.header-second a { color:#444;}
.header-first a {color:#444}
.header-first ul li span {position:relative; padding-bottom:10px; margin-bottom:-10px; cursor:pointer; display:block; padding-right:18px;}
.header-first ul li span::after {height:1px; width:7px; transition:0.2s all; background:#555; rotate:45deg; content:''; position:absolute; top:8px; right:4px}
.header-first ul li span::before {height:1px; width:7px; transition:0.2s all; background:#555; rotate:315deg; content:''; position:absolute; top:8px; right:0px}
.header-first ul li:hover span::before {rotate:45deg;}
.header-first ul li:hover span::after {rotate:315deg;}
[data-sb] > a {position:relative}
[data-sb] > a::after {height:2px; width:7px; transition:0.2s all; background:#d5d2c8; rotate:45deg; content:''; position:absolute; top:14px; right:18px}
[data-sb] > a::before {height:2px; width:7px; transition:0.2s all; background:#d5d2c8; rotate:315deg; content:''; position:absolute; top:18px; right:18px}
.header-first ul li ul {
    background: #fff;
    position: absolute;
    width: 200px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .2); z-index:2; margin-top:5px; overflow:hidden; height:0; transition:0.2s opacity; opacity:0}
.header-first ul li ul li a {display:block; font-size:16px; padding:5px 0}
.header-first ul li:hover ul {opacity:1; height:auto; overflow:visible; padding: 12px;}
.header-first ul li ul li a:hover {color:#9d8b74;}
.header-phone {font-weight:600; font-size:16px}
.header-logo {max-width:170px; display:block}
.header-search {width:340px}
.header-menu li button, .header-menu li a {font-size:18px; font-weight:500}
.header-menu li button {border:1px solid #767676; border-radius:10px; padding:4px 16px;}
.header-main li:first-child {margin-right: -8px;}
.header-main a {display:block; position:relative; width:28px; height:26px}
[data-cart-count], [data-wishlist-count] {position: absolute;     display: flex;     background:#a1a1a1b5;     line-height: 1em;     width: 20px;     height: 20px;     font-size: 14px;     align-items: center;     justify-content: center;     color: #fff;     border-radius: 100%;   top: -4px;   right: -9px;}
[data-main-menu] {position: absolute; display:none;  background: #fff;  border: 1px solid #ccc;  border-width:1px 0 1px; width: 100%;}
[data-main-menu] li i {display: block;
    width: 18px;
    height: 16px;
    margin: 2px 0 0 -36px;
    position: absolute;}
[data-main-menu] svg, [data-main-menu] svg path {fill:#bbb8ad}
.m-left-side {border-right:1px solid #ccc}
.m-left-side-block {padding:15px 0; width:280px; border-bottom:1px solid #ccc}
.m-left-side-block:last-of-type { border-bottom:0}
.m-left-side a {display:block;position: relative; color:#444; font-size:18px; padding:7px 10px 7px 60px}
.m-right-side {padding:28px 60px; border-left: 1px solid #ccc;}
.m-right-side > .is-flex:not(.w100) {height:100%}
.m-right-side-inner {width:650px;  overflow-y:auto; height:stretch}
.m-right-side {position:absolute; z-index:1; right:0; top:0; bottom:0}
.m-left-side li:not(.active) .m-right-side {width:0; opacity:0; overflow:hidden;}
.m-left-side li.active .m-right-side, .m-right-side:hover {opacity:1; width:calc(100% - 279px); overflow:visible;}
.m-right-side a {display:block; color:#444; padding:6px 0}
.m-right-side a:hover {color:#9d8b74;}
.m-left-side-block > ul > li > a:hover, .m-left-side-block li.active > a {color:#5e594b; background:#efebe6}
.m-right-side-block {width:calc(50% - 20px); display:inline-block; vertical-align: top;}
.m-right-side-block:nth-child(even) {margin-left:30px}
.m-right-side p a {margin-bottom:15px; font-weight:600;     max-width: max-content; border-bottom:1px solid; padding:0}
.m-right-bck {height:445px; max-width:1000px; border-radius:10px}
.m-right-bck.f-d-c {height:340px}
.m-right-side-block ul {margin:0 0 35px}
/* menu gamb */
.ban-text span {display: block; border-radius:10px; height: 100%;}
.ban-text span + span {height:auto;  border-radius:0; max-width:max-content; border-bottom:1px solid; margin-top:10px;}
.btn-menu-box { position: relative;     top: 1px; display: inline-block; width: 20px; height: 24px; vertical-align: middle; }
.btn-menu-inner {display: block; -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19); transition-timing-function: cubic-bezier(.55, .055, .675, .19); -webkit-transition-duration: .22s; transition-duration: .22s; }
.btn-menu-inner, .btn-menu-inner::before, .btn-menu-inner::after { position: absolute; width: 18px; height: 2px; -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .15s; transition-duration: .15s; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; border-radius: 4px; background-color: #191A1A; }

.btn-menu-inner::before, .btn-menu-inner::after { display: block; content: ''; }
.btn-menu-inner::before { top: -6px;  transition: 0.1s all; }
.btn-menu-inner::after { bottom: -6px; transition: 0.1s all;; }
.active .btn-menu-inner {height: 0}
.active .btn-menu-inner::after {height: 2px;rotate:45deg;bottom: -2px;}
.active .btn-menu-inner::before {height: 2px;rotate:315deg;top:auto;bottom: -2px;}
.is-active .btn-menu-inner { -webkit-transition-delay: .12s; transition-delay: .12s; -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1); -webkit-transform: rotate(225deg); transform: rotate(225deg); }
.is-active .btn-menu-inner::before { top: 0; -webkit-transition: top .1s ease-out, opacity .1s .12s ease-out; transition: top .1s ease-out, opacity .1s .12s ease-out; opacity: 0; }
.is-active .btn-menu-inner::after { bottom: 0; -webkit-transition: bottom .1s ease-out, -webkit-transform .22s .12s cubic-bezier(.215, .61, .355, 1); transition: bottom .1s ease-out, -webkit-transform .22s .12s cubic-bezier(.215, .61, .355, 1); transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .61, .355, 1); transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .61, .355, 1), -webkit-transform .22s .12s cubic-bezier(.215, .61, .355, 1); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
.search-input:focus {min-width:350px;}
.m-right-sb {background: #f3f1ed;  font-size: 14px;  color: #5c5c5c;  padding: 20px;  border-radius: 10px;}
[data-main-menu] li .m-right-sb i {margin:0; position:static; width: 95px; height: 32px}
[data-main-menu]  sup {color:#9d8b74}
[data-main-menu]  .dashed {max-width: min-content;
    border-bottom: 1px dashed;
    color: #a1842f;}
@media screen and (max-width:1280px){
	.header-second > .is-flex > .gap50 {gap:30px !important}
	.header-menu li button, .header-menu li a {font-size:16px}
	.header-first {padding:10px 20px}
	.header-first, .header-second {padding:10px 20px}
}
@media screen and (max-width:1279px){
	[data-add-blcks] {display:none}
	.header-first {padding:10px}
	.header-first, .header-second {padding:10px}
	.header-search {width:auto}
	.search-form {   max-width: 180px;}
	.search-input:focus {min-width:0}
	.header-logo {max-width:130px}
}