/* filter */
.filter-wrap > i, .filter-buttons, .filter-name, #filter-options > i {display: none;}
.filter-all-goods .goods-list {display: none;}
.filter-wrap {min-height: 64px;margin-top: 8px;margin-bottom: 22px;padding: 4px;box-sizing: border-box;border-radius: 5px;background-color: white;box-shadow: 0 18px 38px rgb(0 0 0 / 3%);}
#filter-options {float: left;width: calc(100% - 150px);}
#filter-options .filter-group {position: relative;float: left;}
#filter-options .filter-group.check span {color: #25272f;background-color: #f7f7f7;}
#filter-options .filter-group.check span:after {display: none;}
#filter-options .filter-group.open .filter-values {top: 54px;opacity: 1;visibility: visible;}
.filter-values.size-filter > .table-link {display: block;position: absolute;width: 100%;left: 0;bottom: 0;padding: 0 0 14px 18px;box-sizing: border-box;}
.table-link a:before {content: '\f546';display: inline-block;margin-right: 4px;font-weight: 900;font-family: 'Line Awesome Free';transform: scale(1.2);-webkit-font-smoothing: antialiased;}
#filter-options .filter-group > span {display: inline-block;position: relative;z-index: 2;margin: 0 3px;padding: 18px 36px 18px 18px;box-sizing: border-box;font-size: 14px;color: #745136;font-weight: 500;border-radius: 4px;cursor: pointer;transition: all 0.3s ease;}
#filter-options .filter-group:hover > span, .custom-select .current:hover {background-color: #f8f7f6;}
#filter-options .filter-group.open span {background-color: #fbf6f0;}
#filter-options .filter-group > span:after, .custom-select .current:after {content: "\f107";display: inline-block;position: absolute;top: 20px;margin-top: -1px;margin-left: 8px;color: #b6b6b6;font-size: 17px;font-family: FontAwesome;transition: all 0.3s 
 ease;}
#filter-options .filter-group.open > span:after {color: #2a2a2a;transform: rotate(180deg);}
#filter-options .filter-group > span i {display: inline-block;position: absolute;top: 18px;right: 8px;width: 22px;height: 22px;line-height: 22px;text-align: center;background-color: #f2eee8;transition: all 0.3s 
 ease;cursor: default;}
#filter-options .filter-group > span i:hover {color: white;background-color: #25272f;}
.filter-values {
 display: grid;
 grid-auto-flow: column;
 grid-template-columns: repeat(auto-fit,auto);
 grid-template-rows: repeat(auto-fit, 25px);
 grid-row-gap: 22px;
 grid-column-gap: 0;
 -webkit-box-pack: justify;
 -webkit-justify-content: space-between;
 -ms-flex-pack: justify;
 justify-content: space-between;
 position: absolute;
 top: 48px;
 left: 3px;
 z-index: 5;
 width: 100%;
 min-width: max-content;
 max-height: 400px;
 padding: 30px 3px 20px 3px;
 box-sizing: border-box;
 background-color: #fbf6f0;
 flex-direction: column;
 opacity: 0;
 box-shadow: 0 34px 34px rgb(0 0 0 / 15%);
 transition: all 0.3s 
 ease;
 flex-wrap: wrap;
 visibility: hidden;
 border-radius: 0 10px 10px 10px;
}
.filter-values.size-filter {padding-bottom: 54px;}
#filter-options .filter-group .filter-item {margin: 2px 12px;padding: 7px 0;}
#filter-options .filter-sale {float: right;padding: 16px 22px 0 0;}

.filter-values .la-times {position: absolute;top: 8px;right: 7px;color: #cec9c3;font-size: 17px;transition: all 0.3s 
 ease;cursor: pointer;}
.filter-values .la-times:hover {color: #bb7644;}

.filter-item {display: flex;align-items: center;cursor: pointer;user-select: none;}
.filter-item input[type="checkbox"] {display: inline-block;position: relative;appearance: none;-webkit-appearance: none;width: 18px;height: 18px;border: 2px solid #a08277;/* background-color: white; */transition: all 0.25s ease;cursor: pointer;}
.filter-item input[type="checkbox"]:hover, .filter-sale .filter-item input[type="checkbox"] {}
.filter-item input[type="checkbox"]:checked {border-color: #ba7644;background-color: #ba7644;}
.filter-item input[type="checkbox"]:checked:before {content: "\f00c";position: absolute;z-index: 2;top: 0px;left: 0.5px;color: white;font-size: 14px;font-weight: 900;font-family: 'Line Awesome Free';}
.filter-item label {padding-left: 7px;font-size: 14px;color: #000;font-weight: 500;cursor: pointer;}
.filter-item label small {color: #2c2c2c;font-size: 10px;font-weight: normal;}
.filter-wrap .custom-select {display: none;float: right;position: relative;width: 140px;text-align: left;border: none;background-color: transparent;}
#filter-options[data-built] + .custom-select {display: block;}
.filter-group > i {display: inline-block;position: absolute;top: 2px;right: 5px;width: 18px;height: 18px;line-height: 18px;color: white;font-size: 11px;font-style: normal;text-align: center;border-radius: 50%;background-color: #000;}
#filter-options .filter-price .filter-values {display: block;padding: 28px 18px;}
#filter-options .filter-price .price-value {float: left;}
#filter-options .filter-price .price-value > span {display: block;margin-bottom: 6px;font-size: 14px;}
#filter-options .filter-price input {height: 44px;padding: 0 7px;font-size: 14px;font-family: 'Inter', sans-serif!important;border: 1px solid #b1b1b1;border-radius: 2px;background: white;font-family: 'Inter', sans-serif;}
#filter-options .filter-price input::placeholder {color: #25272f;}

.custom-select .current {padding: 18px 32px 18px 18px;color: #745136;font-size: 14px;font-weight: 500;border-radius: 4px;cursor: pointer;transition: all 0.3s 
 ease;}
.custom-select .current:after {top: 20px;right: 12px;}
.custom-select.open .current {background-color: #fbf6f0;}
.custom-select.open .current:after {transform: rotate(180deg);}
#filter-select {position: absolute;z-index: 10;top: 48px;left: 0;width: 100%;opacity: 0;visibility: hidden;border-radius: 0 0 10px 10px;box-shadow: 0 34px 34px rgb(0 0 0 / 15%);background-color: #fbf6f0;transition: all 0.3s 
 ease;padding: 0px 0 15px;}
#filter-select li {display: block;}
#filter-select li > a {display: block;padding: 8px 18px;color: #000;font-size: 14px;font-weight: 500;}
#filter-select li:hover > a {color: var(--mcol);}

.custom-select.open #filter-select {top: 54px;opacity: 1;visibility: visible;}

.filter-all-goods {position: relative;min-height: 300px;}
.filter-loader {position: absolute;z-index: 4;top: 0;left: 0;width: 100%;height: 100%;background: rgba(251, 247, 245);display: flex;justify-content: center;min-height: 300px;}
.filter-loader::after {content: '';width: 50px;height: 50px;border: 3px solid #f6ede3;border-top-color: #ba7644;border-radius: 50%;animation: spin 1s linear infinite;top: 150px;position: absolute;}
@keyframes spin {from {transform: rotate(0deg);}to {transform: rotate(360deg);}}

.filter-loader.remove {opacity: 0;visibility: hidden;}
.filter-loader + .pp-filter {opacity: 0;}
.filter-loader.remove + .pp-filter {opacity: 1;}

/* personal color */
:root {--mcol: #ba7644;}

/* main style */
#loading{display: flex;position: fixed;z-index: 99999;top: 0;left: 0;width: 100%;height: 100%;background: rgb(255 255 255 / 90%);justify-content: center;align-items: center;transition: all 1s ease;}#loading .box{height: 15px; width: 105px; display: flex; position: relative;}#loading .circle{width: 15px; height: 15px; border-radius: 50%; background-color: var(--mcol); animation: move 500ms linear 0ms infinite; margin-right: 30px;}#loading .circle:first-child{ position: absolute; top:0; left:0; animation: grow 500ms linear 0ms infinite;}#loading .circle:last-child{position: absolute; top: 0; right: 0; margin-right: 0; animation: grow 500ms linear 0s infinite reverse;} @keyframes grow { from {transform: scale(0,0); opacity: 0;} to {transform: scale(1,1); opacity: 1;} } @keyframes move { from {transform: translateX(0px)} to {transform: translateX(45px)}}
#loading.remove {opacity: 0;visibility: hidden;}
::selection {color: white;background-color: var(--mcol);}
html, body {margin: 0;padding: 0;height: 100%;}
body {line-height: 20px;font-size: 14px;color: #7a7a7a;font-family: 'Inter', sans-serif;background-color:#fdfbfa;overflow-x: hidden;}
body:after {content: '';position: fixed;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;opacity: 0.018;background-color: var(--mcol);}
img, a img {border: none;outline: none;max-width: 100%;}
a {text-decoration: none;color: #3e3e3e;transition: all 0.3s ease;}
a:hover {color: black;}
b {font-weight: 500;}
ul {margin: 0;padding: 0;}
li {list-style: none;}
hr {border: none;height: 1px;background: #eee;}

.glavh {color: #5b2f0c;font-weight: 700;margin: 50px auto 0;font-size: clamp(1.5rem, -0.375rem + 6vw, 3rem);text-align: center;padding: 0 20px;line-height: clamp(1.875rem, -0.1563rem + 6.5vw, 3.5rem);}
h1,h2,h3,h4,h5,h6{margin: 0 0 22px;padding:0;color: #24272f;font-weight:500;}
h1{font-size:22px;line-height:24px}
h2{font-size:22px;line-height:22px}
h3{font-size:20px;line-height:20px}
h4{font-size:17px;line-height:17px}
h5{font-size:16px;line-height:16px}
h6{font-size:15px;line-height:15px}
input {outline: none; resize: none; box-sizing: border-box;}
select {
 height:;
 padding: 10px 30px 10px 14px;
 color: #464646;
 font-family: 'Inter', sans-serif;
 border-radius: 5px;
 border: 1px solid #ba7644;
 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAFCAYAAABB9hwOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA25pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowNkFGNUM5QjJCNDkxMUU4QUY2MkQxNkZENzRCQzZFQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxNkFEN0I5MjA3MEYxMUVBQThDQkRGN0UyQTY1NzEzNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxNkFEN0I5MTA3MEYxMUVBQThDQkRGN0UyQTY1NzEzNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMTRkOWRmNS00MTYxLTRhNGMtYjg3Ny0yMzE1MDM5MjJiZWUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDZBRjVDOUIyQjQ5MTFFOEFGNjJEMTZGRDc0QkM2RUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7Zx2b3AAAAVUlEQVR42mJQVFQMZcABgHJKIPz//38GUjETUL8xUHMHNkOB1CoGMgHT/fv3K6AGdWAxNAwof48cgxmRDIMZPAvdUJDXSHYxjAFzORDspsSlMAAQYAAX00SOx3SJ8wAAAABJRU5ErkJggg==);
 background-position: right -3px top 20px;
 background-repeat: no-repeat;
 cursor: pointer;
 appearance: none;
 background-color: #faf5ef;
}
select:focus {outline: none;}
:where(body:not(.bw-theme) .myWinCont) :is(select, textarea), :where(body:not(.bw-theme) .myWinCont) input:where([type="date"], [type="datetime-local"], [type="text"], [type="time"], [type="number"], [type="password"]) {background-color: #fcf4ec !important;}
textarea {overflow: auto;color: gray;line-height: 24px;min-height: 40px;padding: 14px;box-sizing: border-box;font-size: 13px;font-family: 'Inter', sans-serif;border-radius: 5px;border: 1px solid #eee;outline: none;}
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"] {height: 44px;padding: 0 12px;color: #3b3b3b;font-size: 14px;font-family: 'Inter', sans-serif;border: 1px solid #eee;border-radius: 2px;transition: all 0.2s ease;}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, textarea:focus {border-color: var(--mcol);box-shadow: 0 3px 18px rgb(0 0 0 / 6%);}
input[type="button"], input[type="submit"], input[type="reset"], button {line-height: 44px;padding: 0 21px;color: white;font-size: 12px;font-weight: 400;font-family: 'Inter', sans-serif;text-transform: uppercase;border: none;border-radius: 3px;background-color: #24272f;cursor: pointer;transition: all 0.3s ease;}
input[type="button"]:hover, input[type="reset"]:hover, button:hover {color: white; background-color: #23262e;}
.cnt {max-width: 100%; width: 1440px; margin: 0 auto;}
.clr::after {content: '';display: block;clear: both;}
.left {float: left;}
.right {float: right;}
.col2 {width: 50%;}
.col3 {width: 33.3333%;}
.col4 {width: 25%;}
.col6 {width: 16.6667%;}
.col2, .col3, .col4, .col6 {float: left;}
#fancybox-overlay {opacity: 0.7!important;}
body > #bg { position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 240, 224, 0.84); cursor: pointer; }
#back-to-top {position: fixed;z-index: 9999;right: 0;bottom: 28px;width: 40px;height: 40px;line-height: 41px;color: white;text-align: center;border-radius: 50%;background-color: #202020;opacity: 0;visibility: hidden;cursor: pointer;transition: all 0.2s ease 0s;}
#back-to-top:before {content: "\f062";font-size: 21px;font-weight: 900;font-family: 'Line Awesome Free';}
#back-to-top:hover {background-color: var(--mcol);}
#back-to-top.show {right: 20px;opacity: 1;visibility: visible;}
.button-1 {display: inline-block;line-height: 46px;padding: 0 23px;color: white;font-size: 12px;font-weight: 500;text-transform: uppercase;border-radius: 22px;box-sizing: border-box;background-color: var(--mcol);}
.button-1 i {margin-left: 8px;margin-right: -2px;font-size: 12px;}
.button-1:hover {color: #884625;background-color: #fee5ca;}
.title-1 {font-size: clamp(20px, calc(15.636px + 1.364vw), 32px);text-align: center;text-transform: uppercase;font-weight: 700;color: #995b2b;margin-bottom: clamp(1.875rem, 0.1563rem + 5.5vw, 3.25rem);}

header {position: relative;z-index: 100;}
.top-line .contacts span {display: inline-block;float: left;line-height: 82px;margin-right: 48px;color: #24272f;font-size: 13px;}
.top-line .contacts span > i {position: relative; top: 3px; margin-right: 12px; font-size: 23px; color: var(--mcol);}

.search-select {pointer-events: none;}
.search {position: relative;float: right;width: 410px;margin-top: 18px;border: 1px solid rgb(0 0 0 / 2%);border-radius: 14px;overflow: hidden;}
.search-select-block {position: absolute;top: 0px;}
.search-select-block select {height: 42px;padding: 0 28px 0 14px;border-radius: 6px 0 0 6px;border: 0;background-color: transparent;}
.search form {width: 100%;}
.search .search-keyword {width: 100%;height: 42px;padding-left: 100px;font-size: 13px;border: none;}
.search .search-submit {position: absolute;top: 7px;right: 0;z-index: 3;padding: 0 16px;height: 28px;line-height: 29px;background: none !important;color: #212121;font-size: 20px;font-family: 'Line Awesome Free';font-weight: 900;border-left: 1px solid #ededed;border-radius: 0;}

.head {top: -75px;width: 100%;transition: all .3s ease;}
.head .cnt {background-color: #fdf5ebd1;border-radius: 20px;backdrop-filter: blur(10px);}
.u-mpanel-tags{display: none !important;}

/* top-fixed */
.top-fixed .top-line {margin-bottom: 74px;}
.top-fixed .head {position: fixed;z-index: 100;top: 0;left: 0;}

.sitelogo {display: flex;align-items: center;float: left;height: 74px;}
.sitelogo img {width: 165px;}
.sitelogo a {display: block;margin-right: 18px;padding: 0 34px;}
.sitelogo a:first-letter {color: var(--mcol);}
footer .sitelogo a {padding: 0;}
footer .sitelogo img {width: 337px;}

.kaps {background: #fff2ad;color: #000;display: table;padding: 8px 15px;border-radius: 8px;margin-top: 20px;}

.main-nav {float: left;}
.main-nav > div > ul > li {display: inline-block;position: relative;float: left;}
.main-nav > div > ul > li:nth-child(5):before {content: "HOBOE";display: block;position: absolute;z-index: 2;right: 0;top: 7px;line-height: 18px;color: white;font-size: 7px;letter-spacing: 0.1em;text-transform: uppercase;padding: 0px 8px;border-radius: 18px;background: #ba7644;}
.main-nav > div > ul > li:nth-child(5):after {content: '';display: block;position: absolute;z-index: 1;top: 18px;right: 7px;width: 10px;height: 10px;background: #ba7644;transform: rotate( 110deg) skewX( 50deg);}
.main-nav > div > ul > li > a {display: block;padding: 0 22px;line-height: 74px;font-size: 15px;font-weight: 500;color: #6a4427;}
.main-nav > div > ul > li > a:hover {color: #604029;}
.main-nav > div > ul > li > a .la-home {position: relative;top: 2px;font-size: 20px;}

.main-nav > div > ul > li.uWithSubmenu {position: relative; z-index: 100;}
.main-nav > div > ul > li.uWithSubmenu > a:after {content: "\f107";display: inline-block;position: relative;top: 3px;margin-top: -1px;margin-left: 8px;font-size: 18px;font-family: FontAwesome;transition: all 0.2s ease 0s;}
.main-nav > div > ul > li.uWithSubmenu ul {position: absolute;z-index: 100;top: 78px;left: 0;background: linear-gradient(to bottom, #fdf5eb 50%, #fdf5eb 30%, transparent 300%);min-width: 260px;padding: 8px 10px;box-sizing: border-box;border-radius: 8px;box-shadow: rgb(0 0 0 / 7%) 0 7px 20px;opacity: 0;visibility: hidden;transition: all 0.3s ease;}
.main-nav > div > ul > li.uWithSubmenu:hover ul {top: 68px;opacity: 1;visibility: visible;}
.main-nav > div > ul > li.uWithSubmenu:hover > a::after {transform: rotate(180deg);}
.main-nav > div > ul > li.uWithSubmenu ul li {display: block; float: none; margin-right: 0; border-bottom: 1px solid #ebe4df;}
.main-nav > div > ul > li.uWithSubmenu ul li:last-child {border-bottom: none;}
.main-nav > div > ul > li.uWithSubmenu ul li a {display: block;height: max-content;line-height: inherit;padding: 12px;}
.main-nav > div > ul > li.uWithSubmenu ul li a:hover {color: #683e20;}
a.menu-home-page span {display: none;}
a.menu-home-page:before {content: '\f015';display: table;font-size: 20px;font-weight: 900;font-family: 'Line Awesome Free';}

.nav-right {position: relative;float: right;}

#shop-basket {position: relative;float: right;}
#shop-basket > a {display: block;height: 74px;line-height: 74px;padding-right: 24px;color: #ba7644;font-size: 42px;}
#shop-basket > a i span {display: block;position: absolute;z-index: 2;bottom: 14px;right: 23px;width: 18px;height: 18px;line-height: 18px;text-align: center;color: white;font-size: 9px;font-weight: 600;font-family: Montserrat, sans-serif;border-radius: 4px;background-color: var(--mcol);}
.c-body {position: absolute;z-index: 10;top: 85px;right: 0;width: 310px;padding: 26px 22px;box-sizing: border-box;border-radius: 20px;box-shadow: rgb(0 0 0 / 7%) 0 7px 38px;background-color: #ffffff;opacity: 0;visibility: hidden;transition: all 0.4s ease;}
#shop-basket:hover .c-body {top: 74px;opacity: 1;visibility: visible;}
.c-body > a {display: block;margin-top: 20px;line-height: 54px;color: white;font-weight: 500;text-align: center;text-transform: uppercase;letter-spacing: 0.8px;border-radius: 3px;background-color: var(--mcol);}
.c-body > a:hover {background-color: #24272f;}
.c-body .summ {font-size: 14px;line-height: 20px;}
.c-body .summ b {float: right;color: #24272f;font-size: 20px;font-weight: 600;}
.c-body ul {margin-bottom: 20px;padding-bottom: 20px;border-bottom: 2px solid #fbfbfb;}
.c-body li {display: flex;position: relative;width: 100%;margin-bottom: 18px;align-content: center;justify-content: center;align-items: center;}
.c-body li:last-child {margin-bottom: 0;}
.basket-item-icon {float: left;margin-right: 16px;border-radius: 4px;overflow: hidden;}
.basket-item-icon img {display: block;height: 67px;mix-blend-mode: darken;}
.basket-item-name .cost {color: #b3b3b3;font-size: 12px;}
.basket-item-name {float: left;width: calc(100% - 74px);padding-right: 22px;box-sizing: border-box;}
.basket-item-name .name {margin-bottom: 5px;}
.basket-item-name .name a {display: -webkit-box;max-height: 33px;line-height: 17px;color: #24272f;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;overflow: hidden;}
.basket-item-name .name a:hover {color: var(--mcol);}
.basket-item-button {position: absolute;top: 0;right: 16px;height: 100%;}
.basket-item-button i {position: absolute;top: 0;right: -23px;padding: 4px;color: #e2e2e2;font-size: 17px;cursor: pointer;transition: all 0.2s ease 0s;}
.basket-item-button i:hover {color: red;}

.head-user {float: right;margin-right: 24px;}
.head-user .userbox {float: left;}
.head-user .userbox > i {line-height: 74px;padding-left: 12px;color: #ba7644;font-size: 42px;cursor: pointer;transition: all 0.3s ease;}
.head-user .userbox .avatar {display: flex;height: 74px;cursor: pointer;transition: all 0.4s ease;align-items: center;}
.head-user .userbox .avatar > img {display: block;height: 38px;border-radius: 50%;border: 3px solid #f5f5f5;}
.head-user .userbox:hover ul {top: 74px;opacity: 1;visibility: visible;}
.head-user .userbox ul {position: absolute;z-index: 10;top: 84px;right: 0;width: 310px;padding: 24px 18px;box-sizing: border-box;border-radius: 20px;box-shadow: rgb(0 0 0 / 7%) 0 7px 38px;background-color: white;opacity: 0;visibility: hidden;transition: all 0.3s ease;}
.head-user .userbox ul a {display: inline-block;width: 100%;padding: 20px 12px;box-sizing: border-box;border-radius: 10px;}
.head-user .userbox ul a:hover {color: var(--mcol);background-color: #f7f7f7;}
.head-user .userbox ul li.login-in {padding: 8px;background-color: #f7f7f7;}
.head-user .userbox ul li.login-in a {width: auto;padding: 10px 18px;border-radius: 5px;}
.head-user .userbox ul li.login-in a:nth-child(1) {color: white;background-color: var(--mcol);}
.head-user .userbox ul li.login-in a:nth-child(1):hover {background-color: #24272f;}
.head-user .userbox ul i {position: relative;top: 3px;margin-right: 15px;color: #24272f;font-size: 20px!important;line-height: 18px !important;transition: all 0.2s ease 0s;}
.head-user .userbox a:hover i {color: var(--mcol);}
.head-user .userbox ul i.las {transform: scale(1.3);}
.head-user .userbox ul:after, .order-details .outcome .box:after {content: "";position: absolute;top: -5px;right: 108px;width: 10px;height: 10px;transform: rotate(45deg);background-color: white;}

.slider {display: inline-block!important;width: 100%;margin-top: -157px;}
.slider > div {width: 100%;}
.slide {position: relative;height: 100vh;padding: 157px 0 0;box-sizing: border-box;background-position: center;background-size: cover;}
.slide .cnt {display: flex;position: relative;z-index: 2;height: 100%;flex-direction: column;flex-wrap: nowrap;align-content: center;justify-content: end;align-items: center;}
.slide-content {width: 70%;text-align: center;margin-bottom: 60px;}
.slide-content h2 {margin: 0 0 30px;line-height: 45px;color: white;font-size: 38px;font-weight: 700;letter-spacing: 1px;text-transform: uppercase;}
.slide-content h2 > b {color: var(--mcol);}
.slide-content p {margin: 0;line-height: 23px;font-size: 15px;color: white;font-weight: 300;}
.slide-content .button-1 {margin-top: 42px;}
.slider .owl-dots {position: absolute;left: 0;bottom: 26px;text-align: center;}
.slider .owl-dots button {margin: 0 4px;width: 26px;height: 8px;border-radius: 20px;background-color: #f7f6fb;}
.slider .owl-dots button.active {background-color: var(--mcol);}

.slide { position: relative; } 
.slide-bg img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1;filter: contrast(1.05) saturate(1.05);} 
.slide-content { position: relative; z-index: 1; }

.welcome-section { background-color: #FBEFE2; padding: 80px 0; box-sizing: border-box; overflow-x: hidden; margin-top: -5px; }
.welcome { display: flex; align-items: center; gap: 20px; }
.wlogo { flex-shrink: 0; }
@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
.wlogo img { width: clamp(7.875rem, 5.8063rem + 8.8263vw, 13.75rem); height: auto; display: block; border-radius: 50%; animation: spin 95s linear infinite; }
.wtext h2 { font-size: 30px; font-weight: 800; text-transform: uppercase; margin-top: 0; margin-bottom: 30px; line-height: 1.3; color: #5b2f0c; }
.wtext p { font-size: 18px; color: #5b2f0c; }
.wtext p:last-child { margin-bottom: 0; }
.wtext .keywords { font-size: 26px; font-weight: 700; margin-top: 40px; color: #b87643; line-height: 2.2rem; }

.catsect { display: flex; gap: 32px; width: 100%; padding: 60px 0; }
.cboys, .cgirls { flex: 1; position: relative; display: flex; align-items: flex-end; min-height: 450px; border-radius: 20px; overflow: hidden; background-size: cover; background-position: center; transition: transform 0.3s ease-in-out; color: #fff; }
.cboys::before, .cgirls::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to top, #c39666 20%, transparent 83%); z-index: 1; }
.cardc { position: relative; z-index: 2; width: 100%; padding: 40px; box-sizing: border-box; text-align: center; }
.cardlinks { width: 70%; margin: 0 auto 15px; font-size: 14px; line-height: 1.6; opacity: 0.9; }
.cardlinks a { color: #fff; text-decoration: none; transition: color 0.2s; }
.cardc > a { text-decoration: none; color: inherit; }
.cardc h2 { margin: 0; font-size: 34px; font-weight: 600; text-transform: uppercase; color: #fff;line-height: 2rem; }
.cboys { background-image: url('/img/boy.jpg'); }
.cgirls { background-image: url('/img/girl.jpg'); }

.jb { display: flex; background-color: #fef1e2; border-radius: 20px; overflow: hidden; color: #7f572b; box-shadow: 0 10px 25px rgba(0,0,0,0.05); }
.jbimage { flex: 1 1 55%; }
.jbimage img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 20px;filter: contrast(1.05) saturate(1.05);}
.jbcontent { flex: 1 1 49.5%; padding: 50px 32px; display: flex; flex-direction: column; justify-content: center; }
.jbcontent span { font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 24px; }
.jbcontent h2 { font-size: 32px; font-weight: 600; text-transform: uppercase; line-height: 1.2; margin: 0 0 24px 0; }
.jbcontent p { font-size: 16px; margin: 0 0 40px 0; color: #000; }
.jbcontent a { font-size: 20px; font-weight: 600; text-transform: uppercase; color: inherit; text-decoration: none; align-self: flex-start; }

:where(div[id^=_uwndTop]:not(.cp-modal)) .myWinCont label {color: #000 !important;}
.myWinCont a.pgSwch:link {color: #000000 !important;}

.section {margin-top: 50px;}
.icon-blocks i {display: flex;float: left;width: 62px;min-width: 62px;height: 62px;margin-right: 15px;color: var(--mcol);font-size: 34px;border-radius: 50%;box-shadow: 2px 4px 16px rgb(0 0 0 / 2%);background-color: white;justify-content: center;align-items: center;}
.icon-blocks .col3 {display: flex;align-items: center;width: 32.1937322%;margin-right: 1.70940171%;}
.icon-blocks .col3:nth-child(3n) {margin-right: 0;}
.icon-blocks h4 {color: #24272f;font-size: 15px;margin-bottom: 4px;}
.icon-blocks p {margin: 0;color: #7a7a7a;font-size: 13px;line-height: 16px;}

.main-categs {margin-bottom: -20px;}
.main-categs .categ-big {float: left;width: 32.3646724%;margin-right: 1.45299145%;margin-bottom: 20px;background-color: #efeef4;overflow: hidden;}
.main-categs .categ-big:nth-child(3) {margin-right: 0;}
.main-categs .categ-big a {display: flex;position: relative;width: 100%;height: 100%;}
.main-categs .categ-big a > .box {display: flex;position: absolute;z-index: 2;width: 100%;height: 100%;padding: 36px 30px;box-sizing: border-box;background-color: rgb(0 0 0 / 35%);flex-direction: column;justify-content: center;align-items: center;}
.main-categs .text-1 {display: inline-block;color: white;font-size: 34px;font-weight: 500;}
.main-categs .text-1:first-letter {color: var(--mcol);}
.main-categs .text-2 {display: table;margin-top: 17px;font-size: 15px;color: #ffffff;}
.main-categs .button {position: absolute;bottom: 36px;color: var(--mcol);font-size: 38px;opacity: 0;transform: translateX(-6px);transition: all 0.3s ease;}
.main-categs .categ-big:hover .button {opacity: 1;transform: translateX(0);}
.main-categs .categ-big img {transition: all 0.3s ease;}
.main-categs .categ-big:hover img {transform: scale(1.045);}

.big-banner {display: inline-block;position: relative;margin-top: 20px;width: 100%;height: 210px;overflow: hidden;clear: both;}
.big-banner .box {display: flex;position: relative;z-index: 2;width: 100%;height: 100%;text-align: center;flex-direction: column;align-items: center;justify-content: center;background-color: rgb(0 0 0 / 30%);}
.big-banner h2 {color: white;font-size: 28px;font-weight: 500;}
.big-banner h2:first-letter {color: var(--mcol);}
.big-banner p {display: table;max-width: 60%;margin: 0;color: white;transition: all 0.3s ease;}
.big-banner .image {position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;background-position: center center;transition: all 0.3s ease;}
.big-banner:hover .image { transform: scale(1.045); }
.big-banner .button-1, .big-banner:hover p {opacity: 0;}
.big-banner .button-1 {position: absolute;bottom: 28%;}
.big-banner:hover .button-1 {opacity: 1;}

/* list item */
.list-item {width: 100%;float: left;width: 340px;margin-right: 2.56410256%;border-radius: 16px;background-color: white;overflow: hidden;transition: all 0.3s ease;}
.list-item:hover {box-shadow: 2px 4px 16px rgb(120 86 51 / 21%);}
.list-item:nth-child(4n) {margin-right: 0;}
.g-image {position: relative;z-index: 3;border-radius: 16px;overflow: hidden;}
.g-image > a {display: flex;width: 100%;justify-content: center;align-items: center;}
.g-image > a img {max-height: 100%;transition: all 0.3s ease;}
.list-item:hover img {transform: scale(1.045);}
.g-image .label {position: absolute;z-index: 2;padding: 2px 7px;font-weight: 500;font-size: 12px;border-radius: 12px;background-color: #e5e5e5;}
.g-image .label.sale {top: 12px;left: 18px;color: #fff;background-color: #6aae51;}
.g-image .label.new {bottom: 12px;right: 18px;color: #fff;background-color: rgb(255 255 255 / 70%);color: #000;}
.g-image .label.brand {bottom: 12px;left: 18px;background: #ff5d37;color: #fff;}
.g-image .wish {position: absolute;z-index: 3;top: 9px;right: 8px;width: 40px!important;height: auto!important;padding: 0!important;background-color: transparent!important;background-image: none!important;font-family: 'FontAwesome';cursor: pointer;}
.g-image .wish:hover:before {color: #ff7b7b;}
.g-image .wish:before {content: "\f08a";display: block;line-height: 32px;color: #c7c7c7;font-size: 18px;text-align: center;font-family: 'FontAwesome';}
.g-image .wish.wait:before {color: black;content: "\f21e";font-weight: 900;}
.g-image .wdel:before { content: "\f004";color: #ff7b7b;font-weight: 900;}
.g-box {position: relative;z-index: 4;padding: 18px;border-radius: 16px;background: rgba(255, 255, 255, 0.78);backdrop-filter: blur(8px);overflow: hidden;transition: all 0.3s ease;}
.list-item .g-name {display: inline-block;margin-bottom: 5px;font-weight: 500;}
.list-item .g-name:first-letter {text-transform: uppercase;}
.list-item .g-stock {margin-bottom: 5px;color: #a7a7a7;font-size: 12px;font-weight: 500;}
.list-item .g-price > span {margin-right: 6px;color: #24272f;font-size: 18px;font-weight: 700;}
.list-item .g-price.sale > span {color: var(--mcol);}
.list-item .g-price s {position: relative;font-size: 13px;}
.list-item .g-button {display: block;margin-top: 14px;margin-bottom: -38px;color: #202020;font-weight: 500;background-image: none!important;visibility: hidden;transition: all 0.3s ease;cursor: pointer;}
.list-item .g-button i {position: relative;top: 2px;margin-right: 4px;font-size: 22px;}
.list-item a.g-button i {top: 2px;font-size: 18px;}
.list-item a.g-button:hover {color: var(--mcol);}
.list-item .g-button span {display: none;}
.list-item .g-button.add .add {display: inline-block;}
.list-item .g-button.done .done {display: inline-block;}
.list-item .g-button.done {color: var(--mcol);cursor: default;}
.list-item .g-button.done i:before {content: "\f14a";}
.list-item .g-button.wait i:before {content: "\f2f9";display: block;animation: rotate 1s linear 0s infinite;}
.list-item:hover .g-box {margin-top: -38px;}
.list-item:hover .g-button {margin-bottom: 0;visibility: visible;}
.g-button::after {content: 'Выбрать размер';margin-left: 8px;}

#content .list-item {width: 31.4814815%;margin-right: 2.77777778%;margin-bottom: 40px;}
#content .list-item:nth-child(3n) {margin-right: 0;}
#content .list-item:nth-child(3n+1) {clear: both;}

.items-carousel {cursor: all-scroll;}
.items-carousel > div {width: calc(100% + 30px);}
.items-carousel .list-item {float: none;margin: 0;}
.items-carousel .owl-nav button {position: absolute;z-index: 2;top: calc(40% - 26px);width: 52px;height: 52px;color: #202020;border-radius: 50%;background-color: #ffffff;}
.items-carousel .owl-nav button.disabled {opacity: 0;}
.items-carousel .owl-nav button span:after {content: '\f105';font-size: 19px;font-family: 'Line Awesome Free';font-weight: 900;}
.items-carousel .owl-nav button:hover {color: white;background-color: #202020;}
.owl-prev {left: -26px;transform: rotate(180deg);}
.owl-next {right: -26px;}

/* middle */
.middle {margin-bottom: 50px;}
#content {width: 75%;float: right;}
#sidebar {width: 22.9166667%;float: left;}
#contentbig {width: 100%;}
.ind{max-width: 1000px;margin: 0 auto;color: #000;}
.ind h1 {text-transform: uppercase;font-size: clamp(1.5rem, 0.25rem + 4vw, 2.5rem);text-align: center;margin-top: clamp(1.5rem, -1.3125rem + 9vw, 3.75rem);margin-bottom: clamp(1.25rem, -1.0938rem + 7.5vw, 3.125rem);}
.ind h2 {font-size: clamp(1.25rem, 0.3125rem + 3vw, 2rem);margin: clamp(1.25rem, -0.3125rem + 5vw, 2.5rem) 0;text-align: center;line-height: 1.2;}
.ind h3 {font-size: clamp(1.25rem, 0.3125rem + 3vw, 2rem);margin: clamp(1.25rem, -0.3125rem + 5vw, 2.5rem) 0;text-align: center;line-height: 1.2;}
.ind p {font-size: clamp(1rem, 0.8438rem + 0.5vw, 1.125rem);FONT-WEIGHT: 300;line-height: 1.8rem;}
.ind ul{font-size:clamp(1rem,0.8438rem + 0.5vw,1.125rem);list-style:none;margin:0;border-top:1px solid #ba7644;border-bottom:1px solid #ba7644;padding:20px 0}
.ind li{position:relative;padding-left:30px;line-height:1.6;margin-bottom:20px}
.ind li:last-child{margin-bottom:0}
.ind li::before{content:'✓';position:absolute;left:0;top:2px;color:#ba7644;font-weight:bold;font-size:1.2em}
.ind a{}

.block {margin-bottom: 30px;padding: 18px;box-sizing: border-box;border-radius: 8px;background-color: white;}
.b-title {padding: 16px 0;margin-bottom: 16px;line-height: 22px;color: #333;font-size: 15px;font-weight: 900;font-family: 'Comfortaa', cursive;border-bottom: 2px solid #f6f6f6;}

.promo-card{display:flex;flex-direction:column;width:100%;max-width:400px;border-radius:20px;overflow:hidden;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;box-shadow:0 10px 20px rgba(0,0,0,0.1)}
.promo-card .image-box{width:100%;height:450px;position:relative;background-color:#ffeadd}
.promo-card .image-box img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.3s ease;object-position: 50% 25%;}
.promo-card:hover .image-box img{transform:scale(1.05)}
.promo-card .content-box{width:100%;background:linear-gradient(180deg,#dca68b 0%,#d98d72 100%);padding:30px 20px;box-sizing:border-box;text-align:center;color:white;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:-20px;z-index:1;border-radius:20px}
.promo-card h3{margin:0 0 10px 0;font-size:22px;line-height:1.2;font-weight:800;text-transform:uppercase;color:#fff;text-shadow:0px 1px 0px #d99075}
.promo-card p{margin:0 0 25px 0;font-size:16px;line-height:1.3;font-weight:600;color:#5e3a2a;text-transform:uppercase}
.social-buttons{display:flex;gap:15px}
.social-btn{display:flex;align-items:center;justify-content:center;width:80px;height:50px;background-color:#2a9df4;border-radius:12px;color:white;text-decoration:none;font-size:28px;transition:background 0.2s}
.social-btn.vk{background-color:#0077ff}
.social-btn:hover{filter:brightness(1.1)}








.cont-ainer{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;gap:60px}
.contact-info{flex:1;min-width:300px}
.contact-info h2 {font-size: 32px;text-transform: uppercase;margin-top: 10px;margin-bottom: 40px;font-weight: 400;text-align: left;}
.person-block{margin-bottom:20px;font-size:16px}
.person-name{font-weight:600;color:#000}
.person-role{color:#666}
.contact-row{margin-bottom:15px;font-size:16px}
.contact-label{color:#666;margin-right:5px}
.contact-link{color:#333;text-decoration:underline;text-decoration-color:#ccc}
.contact-phone{color:#333;text-decoration:none}
.divider{border:0;border-top:1px solid #eee;margin:30px 0}
.contact-form-wrapper{flex:1;min-width:300px;padding-top:10px}
.form-header{font-weight:700;text-transform:uppercase;margin-bottom:30px;font-size:14px;letter-spacing:1px}
.form-group{margin-bottom:25px}
.form-label{display:block;font-size:11px;text-transform:uppercase;color:#999;margin-bottom:8px;letter-spacing:1px}
.form-input,.form-textarea{width:100%;border:1px solid #e0e0e0;padding:15px;font-size:14px;box-sizing:border-box;font-family:inherit}
.form-input:focus,.form-textarea:focus{border-color:#666;outline:none}
.form-textarea{height:180px;resize:vertical}
.policy-group{display:flex;align-items:flex-start;margin-bottom:25px}
.policy-checkbox{margin-top:3px;margin-right:10px;cursor:pointer;width:16px;height:16px}
.policy-label{font-size:12px;color:#666;line-height:1.4;cursor:pointer}
.policy-link{color:#333;text-decoration:underline}
.submit-btn{background-color:#1a1a1a;color:#fff;border:none;padding:15px 40px;text-transform:uppercase;font-size:12px;letter-spacing:2px;font-weight:700;cursor:pointer;transition:background 0.3s}
.submit-btn:hover{background-color:#333}
@media (max-width:768px){.container{flex-direction:column;gap:40px}
}



/* block-categs */
#categs .parent-ul > li, #categs .parent-ul > li.li-active > a, #categs .parent-ul > li.li-active > u, #categs .parent-li > .parent-ul > li > u, #categs .parent-ul > li.li-active:after {display: none;}
#categs .parent-ul > li.li-active, #categs .parent-li > .parent-ul > li {display: block;margin: 0!important;}
#categs ul .li-active ul, #categs .parent-li > ul {display: block;position: static;width: 100%;padding: 0!important;opacity: 1;box-shadow: none;visibility: visible;}
#categs ul .li-active ul a, #categs .parent-li > .parent-ul > li > a {padding: 5px 0;height: 44px;line-height: 44px;font-weight: 300;}
#categs .parent-li > a, #categs .parent-li > u {display: none;}
#categs .parent-li > ul {display: block;}
#categs .parent-li > .parent-ul > li, #categs .parent-li > .parent-ul > li > a {display: block;}
#categs .tree-li-active > li, #categs > ul > li.parent-li:after {display: none;}
#categs .tree-li-active > .parent-li {display: block;}

.block-categs {margin-bottom: 30px;box-shadow: 0 6px 38px rgb(0 0 0 / 5%);}
.cat-title {padding: 18px 20px;color: white;font-size: 15px;font-weight: 500;border-radius: 10px 10px 0 0;background-color: var(--mcol);}
.cat-title i {position: relative;top: 3px;float: right;margin-right: 10px;opacity: 0.4;transform: scale(1.7);}
.cat-tree i, #categs ul ul, #categs b {display: none;}
#categs {width: 100%;background-color: white;transition: all 0.4s ease 0s;border-radius: 0 0 10px 10px;}
#categs.hidden > ul > li {height: 0;opacity: 0;}
#categs.hidden > ul > li:nth-child(-n+9), #categs.hidden > ul > li.plus {height: auto;opacity: 1;}
#categs.hidden.open > ul > li:nth-child(n+9) {height: 52px;opacity: 1;}
#categs > ul > li.plus a {color: var(--mcol);font-weight: 600;}
#categs > ul > li.plus a:before {content: "\f0fe";color: var(--mcol);transform: scale(1.5);position: absolute;top: calc(50% - 23px);right: 12px;line-height: 47px;font-weight: 600;font-family: 'Line Awesome Free';transition: all 0.2s ease 0s;}
#categs.open > ul > li.plus a:before {content: "\f146";}
#categs > ul > li.plus a:hover:before {right: 12px;}
#categs ul.cat-tree {padding: 0;}
#categs li {position: relative;margin: 0 18px!important;box-sizing: border-box;transition: all 0.4s ease 0s;}
#categs li:last-child a, #categs.hidden li:nth-child(10) a {border-bottom: none;}
#categs.hidden.open li:nth-child(10) a {border-bottom: 1px solid #f6f6f6;}
#categs a {display: block;position: relative;z-index: 2;height: 44px;line-height: 44px;padding: 5px 0;color: #2a2a2a;font-size: 15px;font-weight: 300;text-transform: none;border-bottom: 1px solid #f6f6f6;}
#categs a:hover {color: var(--mcol);}
.cat-tree u.plus {padding: 0;background: none!important;}
#categs u:before {content: "\f061";position: absolute;z-index: 2;top: calc(50% - 23px);right: 12px;line-height: 47px;color: #24272f;font-weight: 600;font-family: 'Line Awesome Free';transition: all 0.2s ease 0s;}
#categs a:hover:before {right: 8px;color: var(--mcol);}
#categs li:hover:after {opacity: 1;}
#categs ul ul {display: block;position: absolute;z-index: 100;top: 0;left: 260px;width: 270px;padding: 9px 0!important;box-sizing: border-box;border-radius: 0 10px 10px 10px;box-shadow: 16px 6px 22px 0 rgb(0 0 0 / 12%);background-color: white;opacity: 0;visibility: hidden;transition: all 0.4s ease 0s;}
#categs li:hover > ul {left: 250px;opacity: 1;visibility: visible;}
#categs ul ul a {height: min-content;line-height: initial;padding: 13px 0;font-weight: normal;}

.ppblock {margin-top: 18px;}
.shop-page-wrap {text-align: left!important;}
#shop-page-more > button {margin-bottom: 8px;line-height: 48px;width: 100%;color: #333;font-weight: 500;letter-spacing: 2px;background-color: rgb(0 0 0 / 3%);}
#shop-page-more > button:hover {background-color: rgb(0 0 0 / 8%);}
.pp-filter-list {display: table;}
.plist > *, .pp-filter-list > * {display: inline-block;float: left;margin-right: 12px;width: 40px;height: 40px;line-height: 40px;text-align: center;font-weight: 500;border-radius: 2px;background-color: rgb(0 0 0 / 3%);cursor: pointer;}
.plist > a:hover, .pp-filter-list > a:hover {color: white;background-color: #24272f;}
.pgSwchA {color: white;border-color: var(--mcol);background-color: var(--mcol);cursor: default;}
.pprev > a, .pnext > a {display: inline-block;margin: 0 12px;line-height: 44px;color: var(--mcol);font-size: 14px;}
.pprev > a:hover, .pnext > a:hover {color: #24272f;}

/* page */
.path {margin: 22px 0;}
.path .cnt {border-radius: 5px;background-color: rgb(0 0 0 / 2%);}
.path .cnt > span {display: table;margin: auto;}
.path span > span {display: inline-block;position: relative;float: left;margin-right: 26px;}
.path span > span:last-child {margin-right: 0;}
.path span > span:after {display: inline-block;content: "\f105";margin-left: 22px;padding-left: 25px;color: var(--mcol);font-family: 'FontAwesome';}
.path span > span:last-child:after, .path span > span:last-child:before {display: none;}
.path span > span:before {content: '';position: absolute;top: 49%;right: 2px;width: 26px;height: 1px;background-color: var(--mcol);}
.path span > span a {display: inline-block;padding: 12px 0;color: gray;font-size: 13px;}
.path span > span a:hover {color: var(--mcol);}

/* categ page */
.cat-name {display: flex;align-items: center;}
.cat-name > span {display: flex;margin-left: auto;padding: 10px 0 0 0;align-items: center;}
.cat-name > span > b {display: inline-block;min-width: 28px;min-height: 26px;margin-left: 7px;padding: 3px 5px;box-sizing: border-box;text-align: center;border-radius: 2px;background-color: #f3f2f1;}
.categs-panel {margin-bottom: 16px;}
.categs-panel table.catalog tr {display: block;position: relative;float: left;margin-right: 16px;margin-bottom: 12px;padding: 12px 22px;border-radius: 4px;background-color: #ffffff;transition: all 0.4s ease;}
.categs-panel table.catalog tr:hover {box-shadow: 0 3px 14px rgb(0 0 0 / 3%);}
.categs-panel table.catalog td {padding-bottom: 0;}
.categs-panel table.catalog td > div, table.catalog img {display: none;}
.categs-panel table.catalog h3 {margin: 0;font-size: 15px;font-weight: 500;}
.categs-panel table.catalog h3 a:after {content: '';position: absolute;z-index: 2;top: 0;left: 0;width: 100%;height: 100%;}
.categs-panel table.catalog tr:hover a {color: var(--mcol);}
.sort {display: flex;width: 100%;margin-bottom: 22px;padding: 4px 14px;box-sizing: border-box;border-radius: 5px;background-color: white;align-items: center;}
.sort > span {display: inline-block;line-height: 25px;float: left;color: gray;}
.sort > span.slist {float: right;}
.sort > span.slist a {margin: 0 6px;}
.sort > span.slist a.active {color: var(--mcol);font-weight: 500;}
.sort select {margin-left: auto;border: none;padding: 0 20px 0 12px;background-position: right -1px top 21px;}
.catdes {background: #fff;padding: 18px;border-radius: 20px;color: #000;font-size: clamp(0.75rem, 0.4375rem + 1vw, 1rem);font-weight: 300;}

/* item page */
.item-page .cnt {background-color: white;}
.item-image {float: left;width: 50%;padding: 28px 15px 24px 30px;box-sizing: border-box;}
.item-image .main {
 float: right;
 width: calc(100% - 100px);
 box-sizing: border-box;
 border-radius: 10px;
 background-color: #e9e9e9;
 overflow: hidden;
}
.item-image .main .image {display: flex;position: relative;width: 100%;height: 100%;flex-direction: column;justify-content: center;align-items: center;align-content: center;}
.item-image .main img {display: table;max-height: 100%;cursor: zoom-in;}
.item-image .main .image span {display: inline-block;position: absolute;z-index: 2;bottom: 34px;padding: 6px 12px;color: white;font-size: 13px;border-radius: 16px;background-color: var(--mcol);opacity: 0;transform: scale(0.85);transition: all 0.3s ease;}
.item-image .main .image img:hover + span {opacity: 0.7;transform: scale(1);}
.item-image .main .image span i {margin-right: 4px;transform: scale(1.2);}
.item-image .sub {float: left;width: 80px;}
.item-image .sub img {display: table;width: 100%;margin-bottom: 22px;box-sizing: border-box;border-radius: 4px;border: 2px solid white;transition: all 0.3s ease;cursor: pointer;}
.item-image .sub img.active {border-color: var(--mcol);}
.item-image .sub img:last-child {margin-bottom: 0;} 

.column {float: right;width: 50%;padding: 28px 30px 28px 15px;box-sizing: border-box;background-color: white;}
.column .label {display: table;margin-bottom: 14px;}
.column .label span {display: inline-block;float: left;margin-right: 10px;padding: 0 12px;box-sizing: border-box;line-height: 32px;font-size: 11px;font-weight: 500;color: #333;border-radius: 4px;background-color: #fddec7;}
.column .label span i {margin-right: 2px;}
.column .label span.sale {background-color: #d4e49e;}
.name {margin-bottom: 20px;}
.name h1 {margin-bottom: 0;}
.name .art {margin-top: 8px;color: #b3b3b3;font-size: 13px;}
.pricebox {margin-bottom: 20px;}
.pricebox > span {color: #24272f;font-size: 38px;font-weight: 600;}
.pricebox.sale {display: flex;align-items: center;}
.pricebox.sale > span {color: var(--mcol);}
.pricebox .oldprice {display: flex;flex-direction: column;margin-left: 20px;color: #464646;font-size: 13px;line-height: 17px;}
.pricebox .oldprice > span {font-size: 11px;}

.shop-options li[id*="-oitem-"]:not([id$="-oitem-4"]) {display: none;}
.item-page .options {display: table;width: 100%;margin-top: 26px;}
.item-page .options li {display: inline-block; float: left; margin-right: 22px;}
.item-page .options li:last-child {margin-right: 0;}
.item-page .options span.opt {color: #24272f;font-size: 15px;font-weight: 600;}
.shop-options .val {display: table; width: 100%; margin-top: 8px;}
.item-page .options label {position: relative;float: left;min-width: 45px;margin-right: 6px;padding: 12px 15px;box-sizing: border-box;color: #36363f;text-align: center;font-family: Montserrat, sans-serif;}
.item-page .options input {appearance: none;-moz-appearance: none;-webkit-appearance: none;}
.item-page .options input[type="radio"] {position: absolute;top: 0;left: 0;width: 100%;height: 100%;margin: 0;border: 2px solid #f0f0f0;border-radius: 2px;appearance: none;outline: 0;transition: all 0.2s ease 0s;cursor: pointer;}
.item-page .options input[type="radio"]:hover {border-color: #e7e7e7;}
.item-page .options input[type="radio"]:checked {border-color: var(--mcol);}
.item-page .options .g-color {margin-right: 18px;min-width: auto;width: 24px;height: 24px;padding: 0;text-indent: -9999px;border: none;}
.item-page .options .g-color input {margin: 10px 0;width: 100%;height: 100%;padding: 0;border-radius: 50%;border: none;}
.item-page .options .g-color input:after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;border: 1px solid #ededed;box-sizing: border-box;transform: scale(1.5);}
.item-page .options .g-color input:checked:after {border-color: var(--mcol);}
.item-page .options .g-color input:checked:before {display: none;}
.item-page .options .g-color span {display: inline-block;position: absolute;z-index: 2;top: -13px;left: 17px;padding: 4px 12px;text-indent: 0;border-radius: 4px;background-color: #ffffff;box-shadow: 0 4px 8px rgb(0 0 0 / 7%);opacity: 0;visibility: hidden;transition: all .3s ease;}
.item-page .options .g-color:hover span {opacity: 1;visibility: visible;}

.column .button {display: table;width: 100%;margin: 26px 0;}
.basket-button {float: left;margin-bottom: 14px;}
.column .button .basket, .basket-button a {display: inline-block;position: relative;padding: 0 38px 0 64px;box-sizing: border-box;line-height: 70px;color: white;font-size: 14px;font-weight: 500;text-transform: uppercase;border-radius: 3px;background-color: #24272f;transition: all 0.4s ease;cursor: pointer;}
.column .button .basket:before, .basket-button a:before {content: "\f290";position: absolute;top: -1px;left: 32px;font-size: 23px;font-weight: 900;font-family: 'Line Awesome Free';}
.column .button .basket.wait:before {content: "\f2f9";animation: rotate 1s linear 0s infinite;}
.column .button .basket:hover, .basket-button a:hover {background-color: var(--mcol);}
.column .button .basket.done, .basket-button a {display: none;}
.column .button .basket.done + a {display: block;}
.basket-button a:before {content: "\f00c";}


.item-page .wish {float: left;width: 70px;height: 70px;margin-left: 14px;line-height: 70px;color: #202020;font-size: 36px;text-align: center;font-weight: 400;font-family: "FontAwesome";border-radius: 50%;background-color: #f3f3f3;cursor: pointer;}
.item-page .wish.wadd::after {content: "\f08a";transition: all 0.2s ease 0s;}
.item-page .wish.wait::after {content: "\f21e"; font-weight: 900;}
.item-page .wish:hover {color: #f8006a;background-color: #e7e7e7;}
.item-page .wish.wdel:after {content: "\f004";color: #f75b5b;font-weight: 900;}

#quick-order {display: table;padding-bottom: 1px;color: var(--mcol);font-weight: 500;transition: all 0.3s ease;cursor: pointer;clear: both;}
#quick-order:hover {transform: translateX(6px);}

/* order fast */
#order-fast {display: none;position: fixed;z-index: 9999;top: calc(50% - 210px);left: calc(50% - 205px);width: 410px;height: 420px;background-color: white;animation: order-fast 0.4s ease 1 forwards;}
#order-fast .item {display: flex;width: 100%;padding: 18px 40px;box-sizing: border-box;background-color: #f6f6f6;flex-wrap: nowrap;align-content: center;justify-content: flex-start;align-items: center;border-radius: 6px 6px 0 0;}
#order-fast .item > * {float: left;}
#order-fast .item img {float: l;height: 54px;margin-right: 24px;mix-blend-mode: darken;}
#order-fast .item h2 {display: -webkit-box;margin: auto;color: g;font-size: 14px;font-weight: 400;line-height: 17px;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;overflow: hidden;}
#order-fast .text {color: black;font-size: 22px;font-weight: 500;}
#order-fast .form p {margin: 30px 0;line-height: 21px;color: #858585;font-size: 14px;}
#order-fast .form {padding: 50px 40px;box-sizing: border-box;}
#order-fast input[type="tel"] {width: 100%;height: 54px;margin-bottom: 12px;padding: 0 18px;font-size: 17px;}
#order-fast i {position: absolute;top: -19px;right: -19px;width: 38px;height: 38px;line-height: 38px;color: white;font-size: 19px;text-align: center;box-shadow: 0 0 8px rgb(0 0 0 / 12%);background-color: #24272f;transition: all 0.2s ease;cursor: pointer;}
#order-fast i:hover {color: #333;background-color: #f6f6f6;}
body.order-active {overflow: hidden;}
body.order-active #order-fast, body.order-active #bg {display: block!important;}


.column .brief {display: -webkit-box;position: relative;padding-left: 0;box-sizing: border-box;line-height: 22px;-webkit-box-orient: vertical;}
.column .brief h5 {margin-bottom: 8px;font-size: 15px;font-weight: 600;}
.column .more {margin-top: 26px;box-sizing: border-box;}
.column .more li {margin-bottom: 6px;font-size: 13px;color: #b3b3b3;font-weight: 500;}
.column .more li:last-child {margin-bottom: 0;}
.column .more li b {padding-left: 5px;color: black;font-weight: 600;}

.description {margin: 0 0 50px 0;}
.description .cnt {padding: 28px 30px;box-sizing: border-box;background-color: white;}

#items-tabs .title-tabs {display: table;margin-bottom: 24px;}
#items-tabs .title-tabs span {display: inline-block;position: relative;margin-right: 12px;padding: 0 24px;line-height: 54px;color: #7a7a7a;font-size: 16px;font-weight: 500;border-radius: 8px;background-color: #eee;transition: all 0.3s ease;cursor: pointer;}
#items-tabs .title-tabs span:hover {background-color: #e7e7e7;}
#items-tabs .title-tabs span.TabsSpanActive {color: white;border-radius: 2px;background-color: var(--mcol);cursor: default;}
#items-tabs .title-tabs span.TabsSpanActive:after {content: '';display: block;position: absolute;z-index: 1;left: calc(50% - 5px);bottom: -3px;width: 10px;height: 10px;background-color: inherit;border-radius: 2px;transform: rotate( 45deg );}
#items-tabs .tabs-body {display: table;width: 100%;}
#items-tabs {color: #24272f;font-size: 15px;line-height: 24px;}
#items-tabs .tabs-body > div {display: none;}
#items-tabs .tabs-body .active {display: block!important;}

#items-tabs .images img {display: inline-block;float: left;width: 18.5585586%;margin-right: 20px;margin-bottom: 20px;}
#items-tabs .images img:nth-child(5n) {margin-right: 0;}
#items-tabs .images img:nth-child(5n+1) {clear: both;}


#items-tabs .comm {width: calc(60% - 10px);}
.usbuy {font-size: 16px;color: #000;background: #ffeee4;padding: 20px 16px;border-radius: 6px;display: table;margin-top: 20px;}

.jnewssection { background: #f5e4d7 url(/img/jbg.png); padding: 80px 0; position: relative; margin-top: 60px; }
.jnews { position: relative; padding-top: 60px; }
.jnews-header { position: absolute; top: 45px; left: 50%; transform: translate(-50%, -50%); z-index: 5; line-height: 0; box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.21); }
.header-logo { max-width: 100%; height: auto; }
.jnewsgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; text-align: left; }
.jnews-item a { text-decoration: none; color: inherit; display: block; }
.jnews-item img { width: 100%; height: auto; display: block; border-radius: 20px; margin-bottom: 25px; transition: transform 0.3s ease;filter: contrast(1.05) saturate(1.05);}
.jnews-item:hover img { transform: scale(1.03); }
.news-content { padding: 0 5px; }
.jnews-meta { display: flex; align-items: baseline; gap: 15px; margin-bottom: 10px; }
.jnews-meta span { color: #9f8068; font-size: 20px; font-weight: 600; }
.jnews-meta h3 { font-size: 20px; color: #573317; font-weight: 600; margin: 0; }
.news-content p { font-size: 16px; color: #573317; line-height: 1.4; margin: 0; }
.jnewsgrid.slick-initialized { display: block; }
.jnewsgrid .slick-slide { margin: 0 15px; }
.slick-dots { bottom: -35px; }
.slick-dots li button:before { font-size: 12px; color: #b88a6b; }
.slick-dots li.slick-active button:before { color: #b88a6b; opacity: 1; }

.footer-container {display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 32px;font-size: 16px;padding: 40px 0 80px;} 
.footer-column ul { list-style: none; margin: 0; padding: 0; } 
.footer-title { font-size: 1em; font-weight: 600; margin: 0 0 16px 0; } 
.footer-column li { margin-bottom: 12px; } 
.footer-column li a{color: #563a22;}
.footer-column li:last-child { margin-bottom: 0; } 
.social-icons { display: flex; align-items: center; gap: 12px; } 
.social-icons img { width: 46px; height: 46px; display: block; } 

/* create fashion */
.create-fashion {padding: 50px 0;background: url(/img/jbg.png) #f5eee6;}
.create-fashion + .lastv {margin-top: 50px;}
.create-fashion .title-2 {display: flex;align-items: center;text-align: center;gap: 20px; color: #9c5c2c;font-size: clamp(1.375rem, 0.75rem + 2vw, 1.875rem);margin-bottom: clamp(1.25rem, -1.875rem + 10vw, 3.75rem);}
.create-fashion .title-2::before,
.create-fashion .title-2::after {content: '';flex: 1;height: 3px;background-color: #9c5c2c;}
.create-fashion .list > div {
 display: flex;
 flex-wrap: wrap;
 align-items: normal;
}
.create-fashion .list-item {width: 18.3333333%;margin-right: 2.08333333333%;border-radius: 0;overflow: auto;background-color: transparent;}
.create-fashion .list-item:hover {box-shadow: none;}
.create-fashion .list-item:nth-child(5n) {margin-right: 0;}
.create-fashion .g-image {border-radius: 10px;border: 1px solid #d9b79a;}
.create-fashion .g-image > a img {transform: scale(1.01);}
.create-fashion .g-box {padding: 18px 8px;background-color: transparent;}
.create-fashion .list-item:hover .g-box {margin-top: 0;}
.create-fashion .g-image .label.sale {color: #333;background-color: #f8E76c;}
.create-fashion .g-button {display: none;}
/* create fashion end */

.lastv {margin-bottom: 50px;}
.section.lastv {margin: 50px 0 -20px 0;}
.lastv .list-item {display: flex;width: 337.5px;margin-right: 2.08333333%;min-width: auto;align-items: center;border-radius: 8px;}
.lastv .list-item:nth-child(4n) {margin-right: 0;}
.lastv .g-image {float: left;min-width: 90px;padding-left: 12px;overflow: hidden;border-radius: 8px;}
.lastv .g-image > a {width: 90px;height: 120px;border-radius: 8px;overflow: hidden;}
.lastv .list-item:hover img {transform: scale(1);}
.lastv .g-image > a span, .lastv .g-image .wish, .lastv .list-item .g-button {display: none;}
.lastv .g-box {float: left;padding: 0 20px;}
.lastv .list-item:hover .g-box {margin-top: 0;}

/* checkout */
.checkout-container #order-table {position: relative;}
.checkout-body table {border-spacing: 0;border-collapse: collapse;}
.checkout-body table tbody > tr:last-child, .order-item-nom {display: none!important;}
.order-head-name {opacity: 0;}
.checkout-body #order-table .order-head {background-color: rgb(36 39 47);}
.checkout-body #order-table .order-head th {width: auto!important;padding: 0 34px;line-height: 58px;color: #ffffff;font-size: 14px;font-weight: 400;border-bottom: none;}
.checkout-body #order-table .order-head .order-head-del {text-align: center;}
.checkout-body #order-table tr {border-bottom: 1px solid #f6f6f6;background-color: white;}
.checkout-body #order-table .order-item td {padding: 12px 34px;font-size: 16px;letter-spacing: 0.2px;border: none;}
.checkout-body #order-table .order-item .order-item-name {font-size: 15px;}
.checkout-body #order-table .order-item-img a {display: block;}
.checkout-body #order-table .order-item-img img {display: block;width: 75px;max-width: 75px;mix-blend-mode: darken;}
.order-item-name a:hover {color: var(--mcol)!important;}
.checkout-body #order-table .order-item td.order-item-price, .checkout-body #order-table .order-item td.order-item-sum {color: #24272f;font-weight: 600;}
.checkout-body #order-table .order-item td.order-item-del {padding: 0;}
.order-item-del input {position: absolute;opacity: 0;}
.order-item-del i {font-size: 19px;color: #a5a6aa;padding: 28px;cursor: pointer;transition: all 0.2s ease 0s;}
.order-item-del i:hover {color: red;}
.order-item-cnt > * {float: left;height: 52px;text-align: center;}
.order-item-cnt input {height: 52px;width: 120px;padding: 0 40px;box-sizing: border-box;color: gray;font-size: 15px;text-align: center;border-radius: 26px;border: 1px solid #eee;}
.order-item-cnt input:focus {color: black;border-color: var(--mcol);}
.order-item-cnt span {display: block;position: relative;z-index: 2;width: 46px;line-height: 52px;color: #808d9a;overflow: hidden;cursor: pointer;}
.order-item-cnt span:hover {color: var(--mcol);}
.order-item-cnt span:after {content: "\f107";display: inline-block;font-size: 11px;font-weight: 900;font-family: 'Line Awesome Free';}
.order-item-cnt span.minus {margin-right: -46px;}
.order-item-cnt span.plus {margin-left: -46px;}
.order-item-cnt span.plus:after {transform: rotate(-180deg);}
#order-total-line {margin-top: 20px;line-height: 44px;font-size: 14px;color: rgb(0 0 0 / 45%);}
#order-total-line input {float: right;margin-left: 12px;color: #7a7a7a;background-color: #eee;}
#order-total-line input:hover, #order-total-line.focus input[type="submit"] {color: white;background-color: var(--mcol);}
#order-table .MyWinGrid {display: none!important;}

.order-data .title {margin: 0 0 22px;font-size: 19px;color: #24272f;}
.order-data .title span {display: inline-block;position: relative;top: -2px;margin-right: 10px;width: 30px;height: 30px;line-height: 30px;color: white;font-size: 12px;text-align: center;border-radius: 50%;background-color: #24272f;}
.methods-list {width: 100%;border-spacing: 0;}
.methods-list tr {display: block;position: relative;float: left;width: 49%;min-height: 92px;margin-bottom: 18px;padding: 24px 22px;box-sizing: border-box;color: gray;font-size: 13px;background-color: white;}
.methods-list tr:nth-child(2n) {margin-left: 2%;}
.methods-list tr:nth-last-child(-n+2) {margin-bottom: 0;}
.methods-list tr:nth-child(2n+1) {clear: both;}
.methods-list th {display: block;position: absolute;top: 0;left: 0;width: 100%!important;height: 100%;}
.methods-list th div {position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;padding-bottom: 0;border: 2px solid #f6f6f6;box-sizing: border-box;border-radius: 2px;cursor: pointer;}
.methods-list th input:checked + div {border-color: var(--mcol);border-radius: 3px;}
.methods-list input {position: absolute;right: 10px;bottom: 10px;opacity: 0.6;}
.order-details .methods-list label {margin-bottom: 4px;color: #24272f;font-size: 15px;font-weight: 400;}
.order-details .methods-list label:after {content: '';position: absolute;z-index: 2;top: 0;left: 0;width: 100%;height: 100%;cursor: pointer;}
.order-details .methods-list .label + div {padding-bottom: 0;}
.order-details .methods-list .label + div:first-letter {text-transform: lowercase;}

.order-fields form {display: table;width: 100%;}
.order-fields .title {margin-bottom: 28px;}
.order-fields form div {float: left;position: relative;width: 49%;margin-bottom: 17px;padding: 0;padding-bottom: 0;border-radius: 4px;background-color: white;}
.order-fields form div:nth-child(2n) {margin-left: 2%;padding-bottom: 0;}
.order-fields form div:nth-last-child(-n+2) {margin-bottom: 0;}
.order-fields form div:nth-child(2n+1) {clear: both;}
.order-fields form div.hidden {position: absolute;opacity: 0;visibility: hidden;}
.order-fields .methods-list .label {margin: 9px 0 -29px 14px;font-size: 14px;font-weight: 400;}
.order-fields input {position: static;z-index: 2;width: 100%!important;height: 64px;padding: 17px 14px 0;color: #535260;font-size: 15px;border: 1px solid #eee;border-radius: 3px;background-color: transparent;opacity: 1;}
.order-fields input:focus {border-color: var(--mcol);}

.order-details {display: table;position: relative;width: 100%;margin-top: 40px;}
.order-data {float: left;width: 71.7948718%;padding: 32px 24px;box-sizing: border-box;border-radius: 8px;background-color: white;}
.order-data > div {margin-bottom: 50px;}
.order-data > div:last-child {margin-bottom: 0;}
.order-details .outcome {position: absolute;top: 0;right: 0;z-index: 5;width: 25.6410256%;height: 100%;}
.order-details .sticky {position: sticky;top: 95px;box-sizing: border-box;}
.order-details .sub-title {line-height: 23px;color: #24272f;font-size: 15px;font-weight: 500;}
.order-details .outcome .box {position: relative;padding: 26px 20px;border-radius: 8px;box-shadow: rgb(0 0 0 / 7%) 0 7px 38px;background-color: white;}
.order-details .outcome .box:after {right: calc(50% - 10px);}
.order-details .outcome ul {display: table;width: 100%;box-sizing: border-box;}
.order-details .outcome li {position: relative;margin-bottom: 14px;line-height: 17px;}
.order-details .outcome li:last-child {margin-bottom: 0;}
.order-details .outcome li:after {content: '';position: absolute;z-index: 1;left: 0;bottom: 4px;width: 100%;border-bottom: 1px dashed rgb(0 0 0 / 15%);}
.order-details .outcome li > span {display: inline-block;position: relative;z-index: 2;background-color: white;}
.order-details .outcome ul span.par {padding-right: 8px;color: #444444;}
.order-details .outcome ul span.val {float: right;padding-left: 8px;color: #444444;}
.order-details .outcome ul span.val .order_discount {color: #ffc910;}
.order-details .outcome .to-pay {width: 100%;margin-bottom: 20px;}
.order-details .outcome .summ {margin-top: 18px;padding-top: 18px;line-height: 27px;font-size: 18px;color: #24272f;border-top: 1px dashed rgb(0 0 0 / 15%);}
.order-details .outcome .summ span {float: right;color: #24272f;font-size: 19px;font-weight: 600;}
.order-details .outcome .to-pay #order-button {margin: 0;width: 100%;height: auto;line-height: 65px;color: white;font-size: 14px;letter-spacing: 2px;background-color: var(--mcol);}
.order-details .outcome .to-pay #order-button:hover {color: white;opacity: 0.85;}
.order-politik {display: inline-block;margin-top: 20px;line-height: 17px;font-size: 11px;color: rgb(0 0 0 / 45%);}
.order-politik a {color: inherit;border-bottom: 1px solid rgb(255 255 255 / 0.08);}

.order-details .promocode {display: table;width: 100%;margin-top: 30px;}
.order-details .promocode .sub-title {margin-bottom: 12px;}
.order-details .promocode input {float: left;height: 50px;line-height: 44px;padding: 0 20px;}
.order-details .promocode input[type="text"] {width: 100%;letter-spacing: 0.4px;text-transform: uppercase;border-radius: 44px;margin-bottom: 10px;}
.order-details .promocode input[type="text"]::placeholder {text-transform: initial;}
.order-details .promocode input[type="button"] {width: 120px;height: 36px;margin: 7px 0;line-height: 36px;margin-left: -120px;color: black;border-radius: 0;border-left: 1px solid #eee;background-color: transparent;}
.order-details .promocode input[type="button"]:hover {color: var(--mcol);}

/* invoices */
.control {margin: 60px 0;}
.income {display: inline-block;margin: 18px 0;line-height: 56px;}
.income > span {display: inline-block;float: left;margin-right: 42px;line-height: 62px;font-size: 13px;}
.income i {display: block;float: left;margin-right: 14px;width: 62px;height: 62px;line-height: 62px;color: black;font-size: 31px;text-align: center;border-radius: 5px;background-color: #f0f0f0;}
.income i.la-arrow-right {color: #003460;background-color: #e5ecf2;}
.income i.la-arrow-right:before {transform: rotate(-45deg);}
.income i.la-sync {color: #f8b21c;background-color: #ffe9ba;}
.income i.la-coins {color: #0a9f00;background-color: #d9f8d7;}
.income > span span {margin-left: 6px;color: black;font-size: 16px;font-weight: 500;}
.income p {margin: 0;color: #b3bfcb;font-size: 11px;letter-spacing: 0.5px;}
.sorting-numbers, .order-search {display: table;width: 100%;margin: 22px 0;}
.sorting-numbers .data {float: left;}
.sorting-numbers .data i {position: relative;top: 7px;margin-top: -7px;width: 44px;height: 44px;line-height: 44px;color: #323232;font-size: 32px;text-align: center;background-color: #eee;}
.sorting-numbers input[type="button"] {position: relative;top: -1px;}
.sorting-numbers input[type="text"] {color: #464646;font-size: 12px;font-family: Montserrat, sans-serif;}
.sorting-numbers .num {float: right;}
.order-search .left span {display: inline-block;float: left;margin-right: -61px;line-height: 41px;font-size: 14px;}
.order-search .left input[type="text"] {width: 182px;padding-left: 67px;font-size: 14px;border: none;border-bottom: 2px solid #eee;border-radius: 0;background-color: transparent;}
.order-search .left input[type="text"]:focus {box-shadow: none;border-color: var(--mcol);}
.order-search .right select {margin-left: 18px;}
.control #invoice_cont {margin-top: 60px;}
.control #invoice_cont hr {display: none;}
.control #invoice_cont #invoice-form {padding: 14px 23px;color: #808d9a;border-bottom: 1px solid #e7e7e7;background-color: #f6f6f6;}
.control #invoice-form-send-el-goods {float: right;color: black;background-color: #eee;}
.control #invoice-form-export, .control #invoice-form-print {float: right;margin-left: 8px;width: 44px;text-indent: -9999px;background-color: #eee;background-image: url(/img/template/xml.png);background-position: center;background-size: 24px;background-repeat: no-repeat;}
.control #invoice-form-export {background-image: url(/template/xml.png);}
.control #invoice-form-print {background-image: url(/template/print.png);}
.control #invoice-table {border-spacing: 0;border-collapse: collapse;}
.control #invoice-table tr:first-child td {padding: 0;line-height: 64px;color: #808d9a;font-size: 14px;font-family: Montserrat, sans-serif;border-color: #f6f6f6;background-color: #f6f6f6;}
.control #invoice-table td {width: max-content;font-size: 13px!important;padding: 12px 18px;border: 1px solid #eee;}
.control #invoice-table td > small {font-size: 13px;}
.control #invoice-table .inv_status_0 td {border-color: #ececec;background-color: rgb(248 234 0 / 4%);}
.control #invoice-table .inv_status_9 td {border-color: #ececec;background-color: rgb(255 0 0 / 4%);}
.control #invoice-table .inv_status_9 .col_inv_id, .control #invoice-table .inv_status_9 .col_status {text-decoration: line-through;}
.control #invoice-table .col_inv_id > a {font-size: 12px;font-weight: 500;}
.control #invoice-table .col_inv_id > a:before {content: '#';}
.control #invoice-table .col_inv_id small a {color: gray;font-size: 11px;}
.control #invoice-table .col_status a {display: block;}
.control #invoice-table .col_status a:hover {color: var(--mcol);}
.control #invoice-table .col_payment_id small {font-size: 13px;}
.control #invoice-table .col_amount b {font-weight: 600;font-family: 'Comfortaa', cursive;}

.index #invoice_cont table {border-spacing: 0;}
.index #invoice_cont tr:first-child {background-color: aliceblue;}
.index #invoice_cont tr:first-child td {padding: 23px 18px;color: gray;font-size: 13px;background-color: #fdfdfd;}
.index #invoice_cont td {width: max-content;padding: 18px 18px;box-sizing: border-box;border-bottom: 1px solid #f6f6f6;}
.index #invoice_cont td > small {font-size: 14px;}

.index #invoice_cont .col_inv_id > a {display: block;padding: 14px 21px;color: #333;font-size: 13px;font-weight: 500;border-radius: 41px;background-color: #f8f9fa;}
.index #invoice_cont .col_inv_id > a:before {content: '#';}
.index #invoice_cont .col_inv_id > a:hover {color: var(--mcol);}
.index #invoice_cont .col_inv_id small a {display: block;margin-top: 5px;color: gray;font-size: 12px;text-align: center;}
.index #invoice_cont .col_inv_id small a:hover {color: #333;}

.index #invoice_cont .col_amount b {color: #333;font-size: 15px;font-weight: 500;}

/* order checked */
.orderProcessed .shop-checkout:after {display: none;}
.processed {width: 100%;height: 100%;margin: 60px 0 120px 0;text-align: center;}
.checked-icon {position: relative;width: 100%;height: 200px;padding-bottom: 100px;}
.checked-icon svg {position: absolute;z-index: 2;left: calc(50% - 100px);width: 200px;fill: none;stroke: var(--mcol);stroke-width: 20;stroke-miterlimit: 10;stroke-dasharray: 0, 154;opacity: 0;animation: checked 0.5s cubic-bezier(0.4, 0, 1, 1) 1 forwards;animation-delay: 1.6s;}
.checked-icon i {position: absolute;z-index: 1;left: calc(50% - 90px);font-size: 180px;color: var(--mcol);opacity: 0;animation: bag 0.6s ease 1 forwards;}
.checked-icon .title {position: absolute;bottom: 0;width: 100%;margin-bottom: 0;color: #24272f;font-size: 36px;font-weight: 500;text-align: center;border-bottom: 0;opacity: 0;animation: text-up 0.8s ease 1 forwards;animation-delay: 1.8s;}
.checked-icon .title span {display: block;margin-top: 8px;line-height: 26px;font-size: 15px;}
.processed p {margin: 36px 0 0;font-size: 14px;opacity: 0;animation: text-opacity 0.8s ease 1 forwards;animation-delay: 2.4s;}
.processed .buttons {margin-top: 36px;opacity: 0;animation: text-opacity 0.6s ease 1 forwards;animation-delay: 3s;}
.processed .buttons > * {display: inline-block;line-height: 44px;margin: 0 9px;padding: 0 22px;color: #24272f;font-size: 12px;font-weight: 500;text-transform: uppercase;letter-spacing: 0.5px;border: none;border-radius: 5px;background-color: #eee;cursor: pointer;}
.processed .buttons > *:hover {color: white;background-color:var(--mcol);}
.processed .icons i {position: absolute;z-index: 1;color: var(--mcol);opacity: 0;}
.processed .icons .la-shipping-fast {top: 70px;right: 340px;font-size: 84px;animation: up1 1s ease 1 forwards;animation-delay: 0.5s;}
.processed .icons .la-clipboard-check {top: 98px;left: 340px;font-size: 58px;animation: up2 1s ease 1 forwards;animation-delay: 0.5s;}
.processed .icons .la-credit-card {top: 239px;left: 303px;font-size: 77px;;transform: rotate(-10deg);}
.processed .icons .la-thumbs-up {top: 225px;right: 330px;font-size: 64px;animation: up4 1s ease 1 forwards;animation-delay: 0.5s;}
.processed .icons .la-credit-card {top: 240px;left: 385px;font-size: 77px;animation: up3 1s ease 1 forwards;animation-delay: 0.5s;}

/* order page */
.order-section {position: relative;}
.order-section .cnt {position: relative;z-index: 2;}
.order-section #content {padding: 28px 24px;box-sizing: border-box;background-color: white;}
.order-section .title {font-size: 23px;text-transform: none;}
.order-short {display: flex;padding: 8px 40px 30px;border-bottom: 1px solid #f6f6f6;align-items: center;align-content: center;justify-content: center;}
.order-short .date {margin-bottom: 10px;font-size: 14px;}
.order-short .status {display: table;padding: 0 14px;line-height: 32px;font-size: 11px;font-weight: 500;color: #333;border-radius: 3px;background-color: #eee;}
.order-short .text {margin-left: 34px;font-size: 14px;color: var(--mcol);}
.order-short .total {margin-left: auto;font-size: 17px;}
.order-section .name {margin-bottom: 24px;color: #333;font-size: 19px;}
.state li {display: table;width: 100%;margin-bottom: 17px;}
.state li:last-child {margin-bottom: 0;}
.state span {display: inline-block;float: left;font-size: 14px;color: #333;}
.state .par {width: 100%;max-width: 220px;color: #858585;margin-right: 12px;}
.state .sum {color: var(--mcol);font-size: 16px;font-weight: 500;}
.order-section #order-table table {display: block;position: relative;z-index: 2;width: 100%;border-spacing: 0;}
.order-section #order-table tbody {display: block;padding: 0 40px;}
.order-section #order-table tr {display: table;width: 100%;padding: 16px 0;box-sizing: border-box;border-bottom: 1px dashed #f6f6f6;}
.order-section #order-table tr:last-child {border-bottom: 1px solid #f6f6f6;}
.order-section #order-table .order-item td {width: max-content;text-align: left;border-bottom: none;}
.order-section .order-item-img {width: 62px!important;padding: 0;}
.order-section .order-item-img > a {display: block;}
.order-section #order-table td.order-item-img img {display: table;mix-blend-mode: darken;width: 68px;max-width: 68px;}
.order-section .order-item-name {padding-left: 30px;}
.order-section .order-item-name a {font-size: 15px;color: #24272f;}
.order-section .order-item-cnt {color: #7a7a7a;}
.order-section .order-item-cnt:after {content: ' x';}
.order-section .order-item-sum {color: #333;font-size: 17px;font-weight: 600;}
.order-section thead, .order-section #order-table tbody:nth-child(3), .order-section #order-table .order-item td.order-item-price-in {display: none;}
.order-section .num {display: flex;margin: 22px 0 60px 0;align-items: center;}
.order-section .num input {margin-right: 12px;color: #7a7a7a;background-color: #eee;}
.order-section .num input:hover {color: white;background-color: var(--mcol);}
.order-section .num .right {margin-top: 0;margin-left: auto;color: #b3b3b3;}

/* user page */
.lk-item {width: calc(62% - 30px);float: left;margin-bottom: 40px;}
.lk-item .name {display: flex;flex-wrap: nowrap;align-items: center;width: max-content;margin-bottom: 32px;}
.lk-item .avatar {display: flex;position: relative;width: 90px;height: 90px;border: 3px solid #f6f6f6;border-radius: 50%;background-color: #fff;overflow: hidden;align-content: center;justify-content: center;align-items: center;}
.lk-item .avatar .la-user {width: 90px;height: 90px;line-height: 90px;color: gainsboro;font-size: 58px;text-align: center;}
.lk-item .avatar a {position: absolute;z-index: 2;top: 0;left: 0;width: 100%;height: 100%;line-height: 17px;padding: 32px 20px;box-sizing: border-box;color: white;font-size: 12px;text-align: center;opacity: 0;background-color: rgb(0 0 0 / 45%);}
.lk-item .avatar:hover a {opacity: 1;}
.lk-item .username {margin-left: 28px;}
.lk-item .username span {color: #333;font-size: 23px;font-weight: 500;}
.lk-item .username span > a {margin-left: 8px;color: var(--mcol);}
.lk-item .soclinks {margin-top: 8px;}
.lk-item .soclinks a i {border-radius: 2px!important;}

.lk-comments {position: relative;margin-bottom: 32px;padding: 20px;color: #9c9c9c;font-size: 14px;border-radius: 8px;border: 2px solid #f6f6f6;}
.lk-comments:after {content: '';position: absolute;z-index: 2;top: -10px;left: 37px;width: 16px;height: 16px;border-top: 2px solid #f6f6f6;border-left: 2px solid #f6f6f6;border-radius: 3px;background-color: white;transform: rotate(45deg);}
.lk-comments i {margin-right: 10px;font-size: 24px;color: #a6a6a6;}
.lk-comments a {color: #333;}
.lk-comments a:hover {color: var(--mcol);border-bottom: 0;}

.lk-contacts li {margin-bottom: 38px;}
.lk-contacts span {font-size: 15px;}
.lk-contacts .par {max-width: 100%;margin-right: 0;margin-bottom: 10px;font-size: 14px;}
.lk-contacts i {margin-right: 12px;color: var(--mcol);font-size: 17px;transform: scale(1.4);}
.lk-contacts .warning {margin-left: 14px;color: orange;font-size: 13px;}
.lk-contacts .warning i {margin-right: 4px;}
.lk-item .session {margin: 0;color: gray;font-size: 11px;letter-spacing: 0.5px;}

.lk-right {float: right;width: 38%;}

.balance {display: flex;padding: 28px 0;box-sizing: border-box;margin-bottom: 30px;color: #24272f;border-radius: 10px;background-color: #fefee6;flex-direction: column;align-items: center;}
.balance i {margin-bottom: 12px;font-size: 36px;}
.balance div {font-size: 23px;font-weight: 500;}
.balance span {display: block;margin-top: 6px;}
.balance span > a {display: inline-block;margin-left: 6px;color: black;border-bottom: 1px solid;}
.balance span > a:hover {color: var(--mcol);}

.lk-right .notice {padding: 18px;background-color: #fdfdfd;}
.lk-right .notice b {color: #333;font-size: 17px;}
.lk-right .notice span {display: flex;margin-top: 12px;font-size: 14px;flex-direction: row;align-items: center;}
.lk-right .notice span i {margin: -3px 12px 0 0;color: var(--mcol);font-size: 27px;}

.lk-message a {display: block;padding: 18px 0;text-align: center;border-radius: 43px;}
.lk-message a.message {color: #333;font-size: 15px;background-color: #f6f6f6;}
.lk-message a.mail {color: #a6a6a6;letter-spacing: 0.7px;}
.lk-message a.mail i {margin-right: 8px;transform: scale(1.4);}
.lk-message a:hover {color: var(--mcol);}

.user-menu ul {margin-bottom: 30px;padding: 12px;box-sizing: border-box;border-radius: 6px;border: 2px solid #f6f6f6;background-color: white;overflow: hidden;}
.user-menu a {display: block;margin: 3px 0;padding: 14px 10px;}
.user-menu li {border-bottom: 1px solid #f6f6f6;} 
.user-menu li:last-child {border-bottom: none;} 
.user-menu a:hover {color: var(--mcol);background-color: #fdfdfd;}

.size-chart-container h1, .size-chart-container h2 { text-align: center; font-weight: 400; text-transform: uppercase; } 
.size-chart-container h1 { font-size: 28px; margin-bottom: 60px; } 
.size-chart-container h2 { font-size: 20px; margin-top: 60px; margin-bottom: 30px; } 
.size-chart-container .table-wrapper { overflow-x: auto; margin-bottom: 30px; -webkit-overflow-scrolling: touch; } 
.size-chart-container table { width: 100%; border-collapse: collapse; text-align: center; font-size: 16px; min-width: 600px; } 
.size-chart-container th, .size-chart-container td { padding: 16px 10px; white-space: nowrap; vertical-align: middle; } 
.size-chart-container thead tr { background-color: #fdf8f1; } 
.size-chart-container thead th { font-weight: 400; font-size: 14px; border-bottom: 1px solid #e0e0e0; } 
.size-chart-container thead th:first-child { text-align: left; padding-left: 15px; } 
.size-chart-container tbody tr { border-bottom: 1px solid #f0f0f0; } 
.size-chart-container tbody tr:last-child { border-bottom: none; } 
.size-chart-container tbody th { text-align: left; font-weight: 400; color: #888; font-size: 14px; line-height: 1.4; padding-left: 15px; padding-right: 25px; } 
.size-chart-container tbody td { color: #333; }

/* FAQ page */
.faq-add-button a {display: inline-block;margin-bottom: 34px;padding: 0 18px;line-height: 44px;color: #7a7a7a;border-radius: 3px;background-color: #eee;}
.faq-add-button a:hover {color: white;background-color: var(--mcol);}
.faq .fastLinks {display: none!important;}
.faq #allEntries {display: table;width: 100%;}
.faq #allEntries > div {margin-bottom: 34px;cursor: pointer;}
.faq #allEntries > div:last-child {border-bottom: 0;}
.faq .question {padding: 22px 19px;box-sizing: border-box;border-radius: 4px;background-color: white;}
.faq .line {position: relative;padding: 0 42px 10px 0;}
.faq .line a {color: #24272f;font-size: 17px;line-height: 21px;}
.faq .line i {position: absolute;top: -7px;right: 0;width: 34px;height: 34px;line-height: 34px;color: #7a7a7a;text-align: center;border-radius: 50%;background-color: #eee;transition: all 0.2s ease;}
.faq #allEntries > div:hover .line i {color: white;background-color: var(--mcol);}
.faq #allEntries > div.active .line i {color: white;background-color: var(--mcol);}
.faq #allEntries > div.active .line i:before {display: inline-block;transform: rotate(180deg);transition: all 0.2s ease;}
.faq .message {height: 0;padding: 0 20px;color: #555555;line-height: 23px;border-left: 3px solid var(--mcol);background-color: rgb(0 0 0 / 2%);overflow: hidden;transition: all 0.4s ease;}
.faq .message p {margin: 22px 0;}
.faq #allEntries > div.active .message {height: max-content;margin-top: 18px;}
.faq .data {font-size: 13px;}
.faq .data b {display: inline-block;margin-right: 10px;font-weight: 400;width: 32px;height: 32px;line-height: 32px;color: var(--mcol);text-align: center;border-radius: 5px;background-color: #f5f5f5;}

.blog-list {max-width: 1200px;margin: 0 auto;}
.blog-item {display: flex;margin-bottom: 40px;align-items: flex-start;}
.blog-item > a {display: block;flex: 0 0 50%; width: 50%; overflow: hidden;}
.blog-item img {display: block;width: 100%;height: 100%;object-fit: cover;min-height: 250px;transition: transform 0.3s ease;margin: 0;}
.blog-item > a:hover img {transform: scale(1.05);}
.blog-content {flex: 0 0 50%;padding: 0 0 0 30px;display: flex;flex-direction: column;}
.blog-content span {color: #999;font-size: 14px;font-weight: bold;margin-bottom: 5px;display: inline-block;}
.blog-content > a {font-size: 18px;font-weight: bold;text-transform: uppercase;line-height: 1.4;display: inline-block;}
.blog-content p {color: #555;font-size: 16px;}

.blog-title{text-align:center;position:relative;font-size:0;margin:clamp(0rem, -3.9063rem + 12.5vw, 3.125rem) auto clamp(1.875rem, -1.25rem + 10vw, 4.375rem) auto;line-height:0}
.blog-title::before{content:'';position:absolute;top:50%;left:0;width:100%;height:1px;background-color:#e0e0e0;z-index:1;transform:translateY(-50%)}
.blog-img{position:relative;z-index:2;max-width:100%;height:auto}

.jblock{text-align:center}
.jdate{display:block;font-size:clamp(12px,1.2vw,14px);color:#a0a0a0;margin:0 0 25px 0;font-weight:500;letter-spacing:0.1em;text-transform:uppercase}
.jblock h1{font-size:clamp(20px, calc(15.636px + 1.364vw), 32px);margin:0 0 25px 0;color:#222;text-transform:uppercase;line-height:1.1}
.jpromo{margin-bottom:35px}
.jpromo p{font-size:clamp(16px,2vw,20px);color:#555}
.jimg{margin-bottom:clamp(1.125rem,-1.375rem + 8vw,3.125rem);overflow:hidden;border-radius:6px;max-width:800px;margin-left:auto;margin-right:auto}
.jimg img{width:100%;height:auto;display:block;object-fit:cover;transition:transform 0.5s ease}
.jimg img:hover{transform:scale(1.03)}
.jtxt{max-width:1000px;margin:0 auto;text-align:left;padding:0 20px}
.jtxt p{font-size:clamp(15px,1.8vw,18px);line-height:1.4;color:#444;margin:0;padding-bottom: 20px;font-weight: 300;}
.jtxt ul{border: 1px solid #e1cfba;padding: 20px;border-radius: 20px;margin: 0 0 20px;color: #444;font-size: clamp(15px,1.8vw,18px);line-height: 1.7rem;list-style-type: none;padding-left: 0;}
.jtxt strong {font-weight: 700;}
.jtxt ul li {position: relative;padding-left: 1em;margin-left: 0.8rem;}
.jtxt ul li::before {content: "-";position: absolute;left: 0;top: 0;color: #333;font-weight: bold;}
.jgo {
 display: flex;
 justify-content: center;
 gap: 20px;
 margin-bottom: 40px;
 flex-wrap: wrap;
}
.jgo a {
 background: #ba7644;
 color: #fff;
 padding: 20px;
 border-radius: 10px;
 font-size: 18px;
}

/* masonry */
.masonry-gallery{width:100%;margin:0 auto}
.grid-item img{display:block;width:100%;height:auto}
.masonry-gallery.count-1{display:flex;justify-content:center}
.masonry-gallery.count-1 .grid-sizer{display:none}
.masonry-gallery.count-1 .grid-item{width:60% !important;padding:0 !important}
.masonry-gallery.count-2{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.masonry-gallery.count-2 .grid-sizer{display:none}
.masonry-gallery.count-2 .grid-item{flex-grow:1;width:40% !important;padding:0 !important}
.grid-sizer,.grid-item{width:33.333%;box-sizing:border-box;padding:10px}

/* sert */
.sertf{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px;padding:20px 0}
.sertf a{display:block;overflow:hidden;border-radius:4px;box-shadow:0 2px 5px rgba(0,0,0,0.1);transition:transform 0.2s ease,box-shadow 0.2s ease;background:#fff}
.sertf a:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,0.2)}
.sertf img{width:100%;height:auto;display:block}

/* subscribe */
.subscribe-section {background-color: #d5947d; padding: clamp(80px, calc(61.818px + 5.682vw), 130px) 0; position: relative; overflow: hidden; color: #ffffff;margin-top: 40px;}
.subscribewrapper {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 40px;}
.subinfo {display: flex; align-items: center; gap: 30px; flex-wrap: wrap;}
.subheading {position: relative; flex-shrink: 0;}
.subheading h2 {font-size: 48px; font-weight: 300; line-height: 1.2; margin: 0; position: relative; z-index: 1;color: #fff;}
.subheading h2 b {font-weight: 600;}
.subheading::before {content: '\f3fe'; font-family: 'Line Awesome Brands'; font-weight: 400; font-size: 350px; color: rgba(255, 255, 255, 0.2); position: absolute; left: 44px; top: 50%; transform: translateY(-50%); line-height: 1; z-index: 0;pointer-events: none;}
.subdesc {position: relative; padding-left: 30px; max-width: 280px;}
.subdesc p {margin: 0; font-size: 18px; line-height: 1.5;}
.subdesc::before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 100px; background-color: rgba(255, 255, 255, 0.4);}
.subsform {flex-grow: 1; max-width: 480px;}
.subsform-row {display: flex;}
.subsform-row input {flex-grow: 1; border: none; padding: 18px 20px; font-size: 14px; border-radius: 10px 0 0 10px; background-color: #ffffff; color: #333333;height: 60px;}
.subbutton {border: none; background-color: #8e634b; color: #ffffff; padding: 8px 30px; font-size: 14px; text-transform: lowercase; cursor: pointer; border-radius: 0 10px 10px 0; transition: background-color 0.3s ease;}
.subbutton:hover {background-color: #79523c;}
.subprivacy {margin-top: 15px; display: flex; align-items: center; font-size: 12px; color: rgba(255, 255, 255, 0.9);}
.subprivacy input {margin: 0 10px 0 0; width: 16px; height: 16px; flex-shrink: 0; accent-color: #8e634b; background-color: white; border: 1px solid rgba(0,0,0,0.2); border-radius: 3px;flex-grow: 0 !important;}
.subprivacy a {color: #ffffff; text-decoration: underline;}
.subprivacy a:hover {text-decoration: none;}

@media (max-width: 1300px) {
 .subscribewrapper {justify-content: center; row-gap: 50px;}
 .subinfo {justify-content: center;}
 .subsform {width: 100%; max-width: 550px;}
 .subprivacy {justify-content: center;}
}

@media (max-width: 830px) {
 .subscribe-section {padding: 50px 0;}
 .subheading::before {top: 150%;}
 .subinfo {text-align: center; flex-direction: column;}
 .subheading h2 {font-size: 36px;}
 .subheading::before {font-size: 280px; left: 50%; transform: translate(-50%, -50%);}
 .subdesc {padding-left: 0;}
 .subdesc::before {display: none;}
 .subsform-row {flex-direction: column; gap: 10px;}
 .subsform-row input, .subbutton {border-radius: 10px;}
 .subsform-row input {text-align: center;}
}

.payments {display: table;float: right;}
.payments span {}
.payments span:last-child {margin-right: 0;}
.payments span.visa {background-image: url('/img/visa.svg');}
.payments span.mastercard {background-image: url('/img/mastercard.svg');}
.payments span.mir {background-image: url('/img/mir.svg');}
.payments span.apple {background-image: url('/img/apple.svg');background-color: black;}
.payments span.google {background-image: url('/img/google.svg');}

footer {padding-top: 60px;background-color: #f6ede3;}
footer #sitelogo a {line-height: 40px;color: var(--mcol);}
footer .accordion-item {display: table;margin-left: auto;}
footer .accordion-item .text-block {display: table;float: left;margin-right: 62px;}
footer .accordion-item .text-block:last-child {margin-right: 0;}
footer .accordion-item .text-block i {float: left;margin-right: 18px;line-height: 40px;color:#b98057;font-size: 38px;}
footer .accordion-item .text-block .media-body {float: left;}
footer .accordion-item .text-block p {margin: 0;line-height: 20px;color: #593316;font-size: 14px;}
footer .cols {display: table;width: 100%;padding: 60px 0 40px 0;}
footer .cols .col4 {width: 17.0940171%;margin-right: 40px;}
footer .cols .col4:nth-child(4) {display: flex;width: 38.2051282%;height: 200px;margin-right: -1px;border: 2px solid #f6f6f6;border-radius: 8px;flex-direction: row;flex-wrap: wrap;align-items: center;align-content: center;}
.col-footer-name {margin-bottom: 18px;color: #333;font-size: 18px;font-weight: 500;}
footer .links li {border-bottom: 1px dotted rgba(0,0,0,0.07);}
footer .links li:last-child {border-bottom: 0;}
footer .links a {display: inline-block;width: 100%;padding: 14px 0;color: #666;}
footer .links a:hover {color: var(--mcol);}
.top-footer {display: flex; width: 100%; margin-bottom: 34px; align-items: center; align-content: center; flex-direction: row; justify-content: center;}
footer .bottom {display: table;line-height: 40px;width: 100%;padding: 22px 0;box-sizing: border-box;color: #885534;font-size: 13px;border-top: 1px solid #cc8a58;}
footer .bottom a {color: var(--mcol);}

.locblock { position: relative; height: 560px; border-radius: 24px; overflow: hidden; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);margin-top: clamp(16px, calc(7.273px + 2.727vw), 40px);}
#locmap { width: 100%; height: 100%; }
[class*="gotoymaps-pane"], [class*="copyrights-pane"] { display: none !important; }
.locard { position: absolute; top: 50%; left: 80px; transform: translateY(-50%); width: 642px; height: 360px; max-width: 90%; background-color: #c79b85; border-radius: 20px; display: flex; overflow: hidden; z-index: 10; box-shadow: 0 5px 25px rgba(0, 0, 0, 0.35); }
.locinfo { flex-basis: 65%; padding: 60px 48px; color: white; display: flex; flex-direction: column; justify-content: center; gap: 24px; }
.locard p { margin: 0; }
.loctitle { font-size: 18px; font-weight: 500; line-height: 1.3; }
.locaddress, .locphone { font-size: 16px; font-weight: 400; line-height: 1.5; }
.locphone a {color: inherit;text-decoration: none;}
.locbutton { display: inline-block; background-color: #714523; color: white; padding: 18px 30px; border-radius: 12px; text-decoration: none; text-align: center; font-size: 16px; font-weight: 500; border: none; cursor: pointer; transition: background-color 0.3s ease; align-self: flex-start; margin-top: 15px; }
.locbutton:hover { background-color: #6d4e3c;color: #fff;}
.locimage { flex-basis: 35%; min-width: 0; }
.locimage img { width: 100%; height: 100%; object-fit: cover; display: block; }


.features-container { display: flex; justify-content: center; gap: clamp(24px, calc(21.091px + 0.909vw), 32px); flex-wrap: wrap;margin-top: 32px;}
.feature-item { background-color: #d69884; color: #ffe8e0; border-radius: 20px; padding: clamp(16px, calc(9.091px + 2.159vw), 35px) clamp(16px, calc(7.273px + 2.727vw), 40px); display: flex; align-items: center; flex: 1 1 45%; max-width: 704px; box-sizing: border-box; }
.feature-item i { font-size: clamp(50px, calc(39.091px + 3.409vw), 80px); margin-right: 30px; line-height: 1; }
.feature-item p { margin: 0; text-transform: uppercase; font-size: clamp(14px, calc(12.545px + 0.455vw), 18px); font-weight: 500; line-height: 1.5; }
.la-truck::before { content: '\f0d1'; }
.la-wallet::before { content: '\f555'; }

@media (max-width: 1199px) {
 .features-container { flex-direction: column; align-items: center;gap: 14px;}
 .feature-item { max-width: 100%; flex-basis: auto; width: 100%;}
}


body.mobile-active-menu .mobile-right-menu {display: block!important;}
body.mobile-active-menu #bg {display: block!important;}
.mobile-right-menu {position: fixed;z-index: 101;top: 0;left: -315px;width: 315px;height: 100%;background-color: white;overflow: auto;animation: m-menu-active 0.5s ease 1 forwards;}
.mobile-right-menu .box:hover {z-index: 2;}
.mobile-right-menu .contacts {padding: 26px 22px;color: #767676;}
.mobile-right-menu .contacts span {display: block;margin-bottom: 12px;line-height: 18px;font-size: 12px;}
.mobile-right-menu .contacts span:last-child {margin-bottom: 0;}
.mobile-right-menu #phone {display: block;padding: 22px 20px;}
.mobile-right-menu #phone a {color: black;font-weight: 600;font-size: 17px;font-family: Montserrat, sans-serif;}
.mobile-right-menu #phone span {margin-left: 8px;font-size: 12px;color: var(--mcol);text-decoration: underline;}
.mobile-right-menu ul > li {border-bottom: 1px solid #eee;}
.mobile-right-menu li.uWithSubmenu ul > li:last-child {border-bottom: 0;}
.mobile-right-menu ul > li > a {display: block;position: relative;padding: 14px 20px 14px 52px;color: black;font-size: 15px;}
.mobile-right-menu .user-links ul > li > a {padding-left: 20px;}
.mobile-right-menu .menu > div > ul > li > a:before {content: '';position: absolute;top: 50%;left: 20px;width: 15px;height: 1px;background-color: #000000;}
.mobile-right-menu .menu > div > ul > li.uWithSubmenu > a:after {display: inline-block;position: absolute;right: 0;content: '\f105';margin-right: 16px;font-size: 17px;font-weight: 900;font-family: 'Line Awesome Free';}
.mobile-right-menu .menu > div > ul > li.uWithSubmenu.open > a:after {transform: rotate(90deg);}
.mobile-right-menu .menu > div > ul > li.uWithSubmenu.open ul {display: block;}
.mobile-right-menu i {margin-right: 14px;font-size: 17px;}
.mobile-right-menu i.las {transform: scale(1.3);}
.mobile-right-menu a.menu-home-page span {display: inline-block;}
.mobile-right-menu .contacts i, .mobile-right-menu .menu > div > ul > li ul {display: none;}

/* keyframes */
@keyframes tabs-active {from {opacity: 0.7;} to {opacity: 1;}}
@keyframes order-fast {from {opacity: 0.7;top: calc(50% - 220px);} to {opacity: 1;top: calc(50% - 200px);}}
@keyframes rotate {from {transform:rotate(0deg);} to {transform:rotate(360deg);}}
@keyframes checked {from {stroke-dasharray: 0, 154;} to {stroke-dasharray: 140, 154;opacity: 1;}}
@keyframes bag {0% {transform: scale(0.6);} 50% {transform: scale(1.2);} 100% {transform: scale(1);opacity: 0.4;}}
@keyframes text-up {0% {transform: scale(0.6);} 50% {transform: scale(1.2);} 100% {transform: scale(1);opacity: 1;}}
@keyframes text-opacity {0% {opacity: 0;}100% {opacity: 1;}}
@keyframes up1 {from {transform: scale(0.4) rotate(180deg);} to {right: 260px;transform: scale(1) rotate(18deg);opacity: 0.1;}}
@keyframes up2 {from {transform: scale(0.4) rotate(180deg);} to {left: 260px;transform: scale(1) rotate(7deg);opacity: 0.1;}}
@keyframes up3 {from {transform: scale(0.4) rotate(-120deg);} to {left: 305px;transform: scale(1) rotate(-10deg);opacity: 0.1;}}
@keyframes up4 {from {transform: scale(0.4) rotate(-60deg);} to {right: 305px;transform: scale(1) rotate(28deg);opacity: 0.1;}}
@keyframes m-menu-active {from {left: -315px;} to {left: 0;}}

/* media */
@media (max-width: 1440px) {
 .cnt {width: 88%;}
 .items-carousel .owl-item {padding-right: 30px;box-sizing: border-box;}
 .items-carousel .owl-item .list-item {width: 100%;}
 .lastv .list-item {width: 23.4375%;}
 .list-item .g-name {font-size: 13px;line-height: 18px;}
 .list-item .g-price > span {font-size: 17px;}
 .jnews-meta {flex-direction: column;}
}

@media (max-width: 1370px) {
 .main-nav > div > ul > li > a {padding: 0 14px;}
}

@media (max-width: 1270px) {
 header .contacts, .main-nav > div {display: none;}
 .search {width: 100%;float: none;margin: 18px 0;}
 .mobile-button {display: flex!important;margin-top: 13px;margin-left: 12px;min-width: 48px;height: 48px;padding: 0 12px;color: #5b2f0c;font-size: 22px;justify-content: center;align-items: center;}
 .mobile-button span {margin-left: 8px;font-size: 15px;}
 .lastv .list-item {width: 337.5px;}
 .list {display: flex;width: 100%;overflow: auto;}
 .list > div {display: flex;align-items: flex-start;}
 .create-fashion .list > div {display: flex;flex-wrap: wrap;justify-content: flex-start;}
 .create-fashion .list-item {width: 31.6239316%; margin-right: 2.56410256%;}
 .create-fashion .list-item:nth-child(3n) {margin-right: 0;}
 .create-fashion .list-item:nth-child(5n) {margin-right: auto;}
}

@media (max-width: 1180px) {
 .slider {margin-top: -154px;}
 .slide {height: 760px;}
 .items-carousel > div {width: 100%;}
 
 .items-carousel .list-item {float: left;min-width: 270px;margin-right: 30px;}
 #content .scroll-items .list-item, #content .scroll-items .list-item:nth-child(3n) {min-width: 270px;margin-right: 30px;margin-bottom: 0;}
 .scroll-items {display: flex;overflow: auto;}
 .scroll-items > div {display: flex;width: 100%;align-items: flex-start;}
 
 .catalog-page #content .list-item {width: 23.0769231%;margin-right: 2.56410256%;}
 .catalog-page #content .list-item:nth-child(3n) {margin-right: 2.56410256%;}
 .catalog-page #content .list-item:nth-child(3n+1) {clear: none;}
 .catalog-page #content .list-item:nth-child(4n) {margin-right: 0;}
 .catalog-page #content .list-item:nth-child(4n+1) {clear: both;}
 
#content {width: 100%;float: none;}
#sidebar {width: 100%;float: none;}
.promo-card{max-width:100%;flex-direction:row;height:360px;margin-top:28px}
.promo-card .image-box{width:60%;height:100%}
.promo-card .content-box{width:55%;padding:0;margin-left:-20px;margin-top:0}

 #sidebar > div:nth-child(4n) {margin-right: 0;}
 #sidebar > div:nth-child(3n+1) {clear: both;}
 .subscribe-block .box {display: table;margin: auto;}
 .form-email {display: table;float: none;width: 60%;margin: 20px auto 0;}
 .form-email input[type="text"] {width: calc(100% - 152px);}
 .subscribe-block .cnt::before {left: calc(50% - 100px);top: 50px;bottom: auto;}
 .block-categs {display: none;}
 .create-fashion .g-image > a {min-height: auto;}
}

@media (max-width: 1024px) {
 #categs ul ul, .list-item .g-button {display: none;}
 .head .cnt {padding: 0 12px;box-sizing: border-box;}
 .top-fixed .sitelogo a {padding-left: 0;transition: none;}
 .top-fixed #shop-basket > a {padding-right: 0;transition: none;}
 .top-fixed #shop-basket > a i span {right: 0;}
 .icon-blocks .cnt {display: flex;flex-direction: column;align-items: center;}
 .icon-blocks .col3 {width: 100%;margin-bottom: 30px;}
 .list-item:hover .g-box {margin-top: 0;}
 .items-carousel .list-item, #content .scroll-items .list-item, #content .scroll-items .list-item:nth-child(3n) {
 width: 100%;
 margin-right: 2.56410256%;
 }
 
 
 .catalog-page #content .list-item {width: 31.6239316%;margin-right: 2.56410256%;}
 .catalog-page #content .list-item:nth-child(3n) {margin-right: 0!important;}
 .catalog-page #content .list-item:nth-child(3n+1) {clear: both;}
 .catalog-page #content .list-item:nth-child(4n) {margin-right: 2.56410256%;}
 .catalog-page #content .list-item:nth-child(4n+1) {clear: none;}
 
 .main-categs .categ-big {width: 31.6239316%;margin-right: 2.56410256%;}
 #content {width: 100%;float: none;}
 
 .item-image {width: 100%;padding: 28px 24px 0;}
 .column {width: 100%;padding: 28px 24px;}
 
 .top-footer {display: flex;flex-direction: column;}
 footer .sitelogo a {margin-right: 0;margin-bottom: 22px;}
 footer .accordion-item {margin-left: 0;}
 footer .accordion-item .text-block {margin: 0 22px;}
 footer .bottom {display: flex;padding-bottom: 60px;flex-direction: column;align-items: center;line-height: normal;text-align: center;}
 footer .payments {float: none;margin-top: 22px;}
 
 .checkout-body #order-table .order-head, .index #invoice_cont tr:first-child {display: none;}
 .checkout-body #order-table .order-item {display: block;margin-bottom: 22px;text-align: center;border: none;}
 .checkout-body #order-table .order-item td, .index #invoice_cont td { display: inline-block; width: 100%; padding: 14px 22px; box-sizing: border-box; border: none; }
 .order-item-cnt input, .order-fields form {width: 100%;}
 .checkout-body #order-table .order-item-img img {width: auto;max-width: max-content;height: 92px;}
 
 .order-data {width: 100%;float: none;}
 .order-details .outcome { display: table; position: static; width: 100%; max-width: 400px; margin: 40px auto 0; }
 .cardc h2 { font-size: 30px; } .cboys, .cgirls { min-height: 400px; } .cardc { padding: 30px; }
}

@media (max-width: 991px) { 
 .jnewssection { padding: 50px 0; } 
 .jnews { padding-top: 60px; } 
 .jnewsgrid { display: block; } 
 .jnews-header { top: 35px; } 
 .header-logo { max-width: 320px; } 
}

@media (max-width: 920px) {
 #order-fast {top: auto;bottom: 0;}
 @keyframes order-fast {from {bottom: -15%;} to {bottom: 0;}}
 footer .accordion-item {}
 footer .accordion-item .text-block {float: none;margin: 0 0 30px 0;}
 footer .accordion-item .text-block:last-child {margin-bottom: 0;}
 .welcome { flex-direction: column; text-align: center; gap: 40px; }
 .jb { flex-direction: column; } .jbcontent { padding: 40px 30px; } .jbcontent h2 { font-size: 26px; } .jbcontent p { max-width: none; }
 .locblock { height: 420px; }
 .locard { flex-direction: column; width: 90%; max-width: 420px; height: auto; left: clamp(3.75rem, 2.1875rem + 5vw, 5rem); }
 .locinfo { padding: 30px; gap: 16px; }
 .locimage { display: none; }
 .locbutton { align-self: stretch; }
.masonry-gallery.count-1 .grid-item{width:100% !important}
.grid-sizer,.grid-item{width:50%}
}

@media (max-width: 880px) {
 .slide .cnt {}
 .items-carousel .list-item, .scroll-items .list-item, #content .scroll-items .list-item, #content .scroll-items .list-item:nth-child(3n) {min-width: 43.717949%;}
 .main-categs .categ-big {width: 48.7179487%;margin-right: 2.56410256%;}
 .main-categs .categ-big:nth-child(2n) {margin-right: 0;}
 .main-categs .categ-big:nth-child(2n+1) {margin-right: 2.56410256%;clear: both;}
 .item-image .main {width: 100%;height: max-content;float: none;}
 .item-image .main.owl-loaded .image {display: block!important;}
 .item-image .sub {display: none;}
 .item-image .owl-dots {position: absolute;left: 0;bottom: 22px;width: 100%;text-align: center;}
 .item-image .owl-dots button {margin: 0 8px;width: 8px;height: 8px;border-radius: 50%;background-color: #f7f6fb;}
 .item-image .owl-dots button.active {background-color: var(--mcol);}
 
 .catalog-page #content .list-item {width: 48.7179487%;margin-right: 2.56410256%;}
 .catalog-page #content .list-item:nth-child(3n) {margin-right: 2.56410256%!important;}
 .catalog-page #content .list-item:nth-child(2n) {margin-right: 0!important;}
 .catalog-page #content .list-item:nth-child(2n+1) {clear: both!important;}
 .catalog-page #content .list-item:nth-child(3n+1) {clear: none;}
}

@media (max-width: 790px) {
 #uAdminBar {display: none!important;}
 .subscribe-block .e-title {float: none;margin-bottom: 12px;text-align: center;}
 .subscribe-content {float: none;max-width: 80%;margin: auto;width: auto;padding: 0;border-left: 0;text-align: center;}
 .subscribe-block .cnt:before {bottom: 56px;}
 .form-email {width: 100%;max-width: 400px;}
 .form-email input {float: none;width: 100%;}
 .form-email input[type="text"] {width: 100%;margin-right: 0;margin-bottom: 12px;}
 #sidebar {display: flex;flex-direction: column;align-content: flex-end;align-items: center;justify-content: flex-start;}
 #sidebar > div {float: none;margin-right: 0;}
 .order-fields form {max-width: 100%;}
 .filter-wrap .custom-select {float: left;}
 .filter-wrap #filter-select {}
 .filter-wrap > i {display: block;float: right;padding: 12px 14px;font-size: 32px;color: black;}
 #filter-options {display: none;position: fixed;top: 0;left: 0;z-index: 100;width: 100%;height: 100%;margin: 0;background-color: white;flex-direction: column;}
 #filter-options.open {display: block;}
 #filter-options .filter-sale {float: none;}
 #filter-options #filter-select, .filter-sale {display: table;width: max-content;margin-left: 14px;height: 44px;font-size: 15px;text-align: center;}
 #filter-options .filter-group {float: none;border-bottom: 1px solid #f3f2f1;}
 #filter-options .filter-group > span {width: 100%;margin: 0;}
 .filter-values, #filter-options .filter-price .filter-values {display: none;position: static;padding: 8px 4px;border-radius: 0;max-height: none!important;box-shadow: none;overflow: auto;}
 .filter-group.open .filter-values {display: block!important;}
 .filter-container {position: absolute;z-index: 5;top: 0;left: 0;width: 100%;height: 100%;padding: 64px 0 78px 0;box-sizing: border-box;overflow-y: scroll;}
 .filter-buttons {display: block;position: fixed;z-index: 2;bottom: 0;width: 100%;box-shadow: 0 -20px 40px #ffffff;background-color: white;}
 .filter-buttons > span {display: inline-block;float: left;width: 50%;height: 60px;line-height: 60px;font-weight: 500;text-align: center;text-transform: uppercase;letter-spacing: 0.3px;}
 .filter-buttons > span.done {color: white;background-color: #25272f;}
 #filter-options .filter-group > span i {top: 12px;right: 14px;width: 32px;height: 32px;line-height: 32px;color: white;background-color: black;}
 .filter-name {display: block;position: relative;z-index: 10;padding: 22px 18px;color: black;font-size: 23px;font-weight: 500;box-shadow: 0 12px 40px white;background-color: white;}
 #filter-options .filter-price input {width: 110px!important;margin-left: 14px;}
 #filter-options.open > i {display: block;position: fixed;z-index: 11;top: 0;right: 0;padding: 0 18px;line-height: 64px;font-size: 27px;}
 .filter-item label {width: 100%;text-align: left;}
 .filter-sale label {width: auto;font-size: 16px;}
 .catsect { flex-direction: column; } .cardc h2 { font-size: 24px; } .cboys, .cgirls { min-height: 500px; } .cardlinks { width: 95%; }
}

@media (max-width: 768px) { 
.slider .owl-dots button {width: 8px;}
.slider .owl-dots {bottom: 10px;}
.slide-content {margin-bottom: 32px;}
 .size-chart-container h1 { font-size: 22px; margin-bottom: 40px; } 
 .size-chart-container h2 { font-size: 18px; margin-top: 40px; margin-bottom: 20px; } 
 .size-chart-container table { font-size: 14px; } 
 .size-chart-container th, .size-chart-container td { padding: 12px 8px; } 
 .size-chart-container tbody th, .size-chart-container thead th:first-child { padding-left: 10px; }
.list-item:hover {box-shadow: none;}
 
.blog-item {flex-direction: column;}
.blog-item > a, .blog-content {flex: 0 0 100%;width: 100%;}
.blog-content {padding: 20px 0 0 0;}
 
 .create-fashion .list-item {width: 48.7179487%; margin-right: 2.56410256%;margin-bottom: 18px;}
 .create-fashion .list-item:nth-child(3n) {margin-right: 2.56410256%;}
 .create-fashion .list-item:nth-child(2n) {margin-right: 0!important;}
}

@media (max-width: 660px) {
 .mobile-button {margin-left: 0;padding-left: 0;}
 .sitelogo img {width: 60px;}
 .slide {height: 700px;}
 .slide .cnt {padding-bottom: 100px;}
 .slide-content {width: 90%;}
 .slide-content h2 {font-size: 32px;line-height: 38px;}
 .slide-content p {font-size: 13px;line-height: 19px;}
 .main-categs .categ-big {float: none;width: 100%;margin-right: 0;margin-bottom: 30px;}
 .main-categs .categ-big:last-child {margin-bottom: 50px;}
 .main-categs .text-1 {font-size: 38px;}
 .main-categs .text-2 {margin-top: 22px;font-size: 16px;}
 
 .path .cnt > span {width: 100%;}
 .path .cnt > span > span {display: none!important;width: 100%;float: none;padding-right: 0;}
 .path span > span:last-child {display: block!important;width: 100%;}
 .path span span > a {display: block;width: 100%;padding-left: 16px;color: var(--mcol);font-size: 15px;}
 .path span span > a:before {content: "\f060";position: relative;top: 2px;margin-right: 6px;color: var(--mcol);font-size: 17px;font-weight: 900;font-family: 'Line Awesome Free';}
 .catalog-page .path span > span:last-child {display: none!important;}
 .catalog-page .path span > span:nth-last-child(2) {display: block!important;}
 .path span > span:before, .path span > span:after {display: none;}
 
 #items-tabs .title-tabs {width: 100%;}
 #items-tabs .title-tabs span {float: none;width: 100%;box-sizing: border-box;margin: 0 0 8px;}
 #items-tabs .title-tabs span.TabsSpanActive:after {display: none;}
 
 .methods-list tr {width: 100%;margin-left: 0!important;margin-bottom: 18px!important;}
 .methods-list tr:last-child {margin-bottom: 0!important;}
 .welcome-section { padding: 40px 0; } .cnt {padding: 0 20px;} .wtext h2 { font-size: 24px; } .wtext p { font-size: 16px; }
 .locblock { height: auto; display: flex; flex-direction: column; }
 #locmap { height: 300px; }
 .locard { position: static; transform: none; width: 100%; max-width: 100%; border-radius: 0; }
 .locimage { display: none; }
 .locinfo { padding: 46px 20px; text-align: center; }
 .loctitle { font-size: 20px; }
 .locaddress, .locphone { font-size: 16px; }
}

@media (max-width: 576px) { 
 .jnews-meta { flex-direction: column; align-items: flex-start; gap: 5px; }
 .footer-container { text-align: center; } 
 .social-icons { justify-content: center; } 
 .feature-item p br {display: none;}
}

@media (max-width: 470px) {
 .mobile-button {padding: 0;}
 .mobile-button span {padding: 0;}
 .items-carousel .list-item, .scroll-items .list-item, #content .scroll-items .list-item {min-width: 43.717949%;}
 #sidebar {max-width: 100%;}
 #sidebar > div {width: 100%;}
 .catalog-page #content .list-item {width: 100%;margin-right: 0!important;}
 #order-total-line input, .order-fields form div {width: 100%;float: none;margin-left: 0;}
 #order-total-line input[type="button"] {margin-bottom: 8px;}
 .order-fields form div {margin-left: 0!important;}
 #order-fast {width: 100%;left: 0;}
 .item-image {padding: 20px 18px 0;}
 .column {padding: 30px 18px 20px 18px;}
 .basket-button {width: calc(100% - 100px);}
 .column .button .basket, .basket-button a {width: 100%;text-align: center;}
 .description .cnt, .order-data {padding: 20px 18px;}
 #filter-options .filter-group.open .filter-values {width: 100%;max-width: 100%;max-height: 460px;}
 .jb { border-radius: 16px; } .jbcontent { padding: 30px 20px; } .jbcontent h2 { font-size: 26px; } .jbcontent p { font-size: 15px; margin-bottom: 30px; }
 .promo-card{flex-direction:column;height:auto}
.promo-card .image-box{width:100%;height:300px}
.promo-card .content-box{width:100%;padding: 30px 20px;margin-left:0px;margin-top:-20px}
.promo-card h3{font-size:18px}
.promo-card p{font-size:14px}
.masonry-gallery.count-2{gap:10px}
.masonry-gallery.count-2 .grid-item{width:100% !important}
.grid-sizer,.grid-item{width:100%}
}

@media (max-width: 430px) {
 .top-fixed .head-user {display: block;}
 .column .button .basket b {display: none;}
 .sitelogo a {padding: 0;}
 #shop-basket > a {padding-right: 0;}
 .items-carousel .list-item, .scroll-items .list-item, #content .scroll-items .list-item {min-width: 83.717949%;}
}
.traz { font-size: 14px; margin-top: 10px; display: table; color: #ba7644 !important; } 
.tbrm{}


@media (max-width: 425px) { 
 .jnews-header {top: 32px;} .header-logo {max-width: 288px;} 
}

.myWinCont b {color: #000 !important;}
.xw-plain .xw-bl, .xw-plain .xw-ml, .xw-plain .xw-tl {background-color: #fdfbfa !important;}
:where(div[id^="_uwndTop"]:not(.cp-modal, .cp-alert)) .xw-hdr .xw-hdr-text {font-size: 0 !important;}
.myWinCont {text-align: center !important;font-size: 16px !important;}
#bottomInfoBar {font-family: 'Inter', sans-serif;font-size: 12px;font-weight: 300;border-radius: 10px;margin: 10px;}
#cookiePolicyAgree {font-size: 12px;font-family: inherit;font-weight: 400;}


.pagesBlockuz1 a,.pagesBlockuz1 b,.pagesBlockuz2 a, .pagesBlockuz2 b, .pagesBlockuz b,.pagesBlockuz a, #pagesBlock1 a, #pagesBlock1 b, #pagesBlock2 b, #pagesBlock2 a { 
font-size: 16px;color: #2B2B2B;line-height: 20px;text-decoration:none;font-weight:normal;background: transparent;padding: 10px 15px;border: 1px solid #ba7644;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;} 
.pagesBlockuz1 a:hover,.pagesBlockuz1 b, .pagesBlockuz2 a:hover, .pagesBlockuz2 b, .pagesBlockuz b,.pagesBlockuz a:hover, #pagesBlock1 a:hover,#pagesBlock1 b, #pagesBlock2 b, #pagesBlock2 a:hover { 
color: #F4F4F4;background: #ba7644;} 
.pagesBlockuz2 {line-height: 5em;}
#pagesBlock1 {text-align: left;}
.kapsmore {background: #f0d0b7;border-radius: 6px;}