.mobile-header-flex,
.mobile-navigation-dropdown,
.mobile-menu-overlay {
display: none;
}
.mobile-menu-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.6);
z-index: 99998 !important;
opacity: 0;
transition: opacity 0.3s ease;
}
.mobile-menu-overlay.open {
display: block;
opacity: 1;
}
.mobile-navigation-dropdown {
display: block !important;
position: fixed !important;
top: 0 !important;
left: -100% !important;
width: 75% !important;
max-width: 320px !important;
height: 100vh !important;
background: #2c221e !important;
padding: 25px 0;
border-right: 1px solid #C87533;
box-shadow: 5px 0 25px rgba(0, 0, 0, 0.5);
z-index: 99999 !important;
transition: left 0.35s cubic-bezier(0.77, 0, 0.175, 1) !important;
box-sizing: border-box;
overflow-y: auto;
}
.mobile-navigation-dropdown.open {
left: 0 !important;
}
.mobile-menu-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 22px 18px 22px;
border-bottom: 1px solid rgba(200, 117, 51, 0.3);
margin-bottom: 10px;
}
.mobile-menu-header .menu-title-text {
color: #C87533;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
}
.mobile-menu-close-btn {
background: none;
border: none;
color: #fff;
font-size: 28px;
cursor: pointer;
padding: 0;
line-height: 1;
}
.mobile-navigation-dropdown ul {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.mobile-navigation-dropdown ul li {
margin: 0 !important;
border-bottom: 1px solid rgba(200, 117, 51, 0.15);
}
.mobile-navigation-dropdown ul li a {
display: block;
padding: 14px 22px;
color: #ffffff !important;
font-size: 15px;
text-decoration: none;
text-transform: uppercase !important;
transition: background 0.2s, padding-left 0.2s, color 0.2s;
}
.mobile-navigation-dropdown ul li a:hover {
background: rgba(200, 117, 51, 0.2);
padding-left: 28px;
color: #C87533 !important;
}
#mobile-nav-dropdown ul.sub-menu {
display: block !important;
position: static !important;
background: transparent !important;
box-shadow: none !important;
padding-left: 15px;
}
#mobile-menu-toggle i,
.menu-toggle-btn i {
color: #ffffff !important;
} html body .site header.site-header .main-navigation ul.nav-menu ul.sub-menu,
html body .site .site-header .sub-menu,
html body .main-navigation ul ul {
background-color: #261d19 !important;
border: 1px solid #C87533 !important;
border-radius: 10px !important;
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.7) !important;
padding: 12px !important; 
min-width: 290px !important;
width: auto !important;
margin-top: 10px !important;
box-sizing: border-box !important;
}
html body .site .main-navigation ul.nav-menu ul.sub-menu li,
html body .site .site-header .sub-menu li,
html body .main-navigation ul ul li {
margin: 4px 0 !important;
padding: 0 !important;
background: none !important;
background-color: transparent !important;
float: none !important;
display: block !important;
border: none !important;
box-shadow: none !important;
}
html body .site .main-navigation ul.nav-menu ul.sub-menu li a,
html body .site .site-header .sub-menu li a,
html body .main-navigation ul ul li a {
color: #d1c7c1 !important;
font-size: 14px !important;
padding: 12px 18px !important;
white-space: nowrap !important;
display: block !important;
width: 100% !important;
box-sizing: border-box !important;
transition: all 0.25s ease !important;
background: none !important;
background-color: transparent !important;
border: 1px solid transparent !important;  
border-radius: 6px !important;
box-shadow: none !important;
}
html body .site .main-navigation ul.nav-menu ul.sub-menu li a:hover,
html body .site .site-header .sub-menu li a:hover,
html body .main-navigation ul ul li a:hover,
html body .site .main-navigation ul.nav-menu ul.sub-menu li:hover > a,
html body .site .site-header .sub-menu li:hover > a {
background: transparent !important;
background-color: rgba(200, 117, 51, 0.08) !important;
border: 1px solid #C87533 !important;
color: #e59866 !important;
padding-left: 22px !important;
}
html body .site .main-navigation .sub-menu::before,
html body .site .main-navigation .sub-menu::after,
html body .site .site-header .sub-menu::before,
html body .site .site-header .sub-menu::after {
display: none !important;
} .rev-select {
margin-top: 5px !important;
position: relative !important;
}
.rev-select .select-styled {
background-color: rgba(44, 34, 30, 0.85) !important;
backdrop-filter: blur(5px);
color: #ffffff !important;
width: 100% !important;
box-sizing: border-box !important;
padding: 10px 14px !important;
border-radius: 6px !important;
border: 1px solid #C87533 !important;
outline: none !important;
text-align: center !important;
justify-content: center !important;
font-weight: 600 !important;
cursor: pointer;
}
.rev-select .select-styled:hover,
.rev-select .select-styled.active {
background-color: rgba(53, 42, 37, 0.9) !important;
border-color: #C87533 !important;
box-shadow: 0 0 8px rgba(200, 117, 51, 0.4) !important;
}
.rev-select .select-options {
position: absolute !important;
top: 100% !important;
left: 0 !important;
right: 0 !important;
background-color: rgba(38, 29, 25, 0.95) !important;
box-sizing: border-box !important;
border: 1px solid #C87533 !important;
border-radius: 6px !important;
overflow: hidden !important;
box-shadow: 0 8px 16px rgba(0,0,0,0.4) !important;
z-index: 99999 !important;
margin-top: 4px !important;
}
.rev-select .select-options li {
background: transparent !important;
color: #d1c7c1 !important;
padding: 10px 14px !important;
text-align: center !important;
border: none !important;
cursor: pointer;
transition: background 0.2s ease, color 0.2s ease;
}
.rev-select .select-options li:hover {
background-color: rgba(200, 117, 51, 0.2) !important;
color: #e59866 !important;
font-weight: 600 !important;
}
select.select-hidden {
display: none !important;
}
.rev-select .select-options li:first-child {
display: none !important;
}
.rev-select .select-options li:nth-child(2) {
border-top-left-radius: 6px !important;
border-top-right-radius: 6px !important;
}
.rev-select .select-options li:last-child {
border-bottom-left-radius: 6px !important;
border-bottom-right-radius: 6px !important;
} .widget_price_filter {
background-color: rgba(44, 34, 30, 0.85) !important; backdrop-filter: blur(5px) !important;
padding: 14px !important;
border-radius: 6px !important;
border: 1px solid #C87533 !important;
margin-top: 15px !important;
box-sizing: border-box !important;
}
.widget_price_filter h2,
.widget_price_filter .widget-title {
color: #ffffff !important;
font-size: 14px !important;
font-weight: 600 !important;
margin-bottom: 12px !important;
text-transform: uppercase !important;
border: 1px solid #C87533 !important;
border-radius: 4px !important;
padding: 8px 10px !important;
text-align: center !important;
letter-spacing: 0.5px !important;
background: transparent !important;
}
.widget_price_filter form {
background: transparent !important;
padding: 0 !important;
border: none !important;
margin-top: 0 !important;
}
.widget_price_filter .price_slider_amount {
display: flex !important;
flex-direction: column !important;
gap: 12px !important;
margin-top: 12px !important;
}
.widget_price_filter .ui-slider {
background-color: rgba(255, 255, 255, 0.15) !important;
border-radius: 4px !important;
height: 6px !important;
margin-left: 8px !important;
margin-right: 8px !important;
margin-bottom: 8px !important;
border: none !important;
}
.widget_price_filter .ui-slider .ui-slider-range {
background-color: #C87533 !important;
border-radius: 4px !important;
}
.widget_price_filter .ui-slider .ui-slider-handle {
background-color: #ffffff !important;
border: 2px solid #C87533 !important;
border-radius: 50% !important;
width: 16px !important;
height: 16px !important;
top: -5px !important;
outline: none !important;
box-shadow: 0 2px 5px rgba(0,0,0,0.4) !important;
cursor: pointer !important;
transition: transform 0.15s ease, background-color 0.15s ease !important;
}
.widget_price_filter .ui-slider .ui-slider-handle:hover {
transform: scale(1.15) !important;
background-color: #fdfdfd !important;
}
.widget_price_filter .price_label {
order: 1 !important;
font-size: 0 !important;
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
background: rgba(0, 0, 0, 0.25) !important;
padding: 8px 12px !important;
border-radius: 4px !important;
border: 1px solid rgba(200, 117, 51, 0.2) !important;
width: 100% !important;
box-sizing: border-box !important;
}
.widget_price_filter .price_label span,
.widget_price_filter .price_label .from,
.widget_price_filter .price_label .to {
font-size: 13px !important;
font-weight: 600 !important;
color: #ffffff !important;
}
.widget_price_filter .price_slider_amount .button,
.woocommerce .widget_price_filter .price_slider_amount button.button {
width: 100% !important;
background-color: #C87533 !important;
color: #ffffff !important;
border: 1px solid #C87533 !important;
border-radius: 4px !important;
padding: 10px 16px !important;
font-weight: 600 !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
box-sizing: border-box !important;
text-align: center !important;
font-size: 13px !important;
letter-spacing: 0.5px !important;
text-transform: uppercase !important;
order: 2 !important;
box-shadow: none !important;
}
.widget_price_filter .price_slider_amount .button:hover {
background-color: #352a25 !important;
color: #e59866 !important;
border-color: #C87533 !important;
box-shadow: 0 0 8px rgba(200, 117, 51, 0.4) !important;
} .widget_layered_nav,
.widget_product_tag_cloud,
.widget_archive,
.widget_categories {
background-color: rgba(44, 34, 30, 0.85) !important;
backdrop-filter: blur(5px);
padding: 14px !important;
border-radius: 6px !important;
border: 1px solid #C87533 !important;
margin-top: 15px !important;
box-sizing: border-box !important;
}
.widget_layered_nav h2,
.widget_product_tag_cloud h2,
.widget_archive h2,
.widget_categories h2,
.widget_layered_nav .widget-title,
.widget_product_tag_cloud .widget-title {
color: #ffffff !important;
font-size: 14px !important;
font-weight: 600 !important;
margin-bottom: 12px !important;
text-transform: uppercase !important;
border: 1px solid #C87533 !important;
border-radius: 4px !important;
padding: 8px 10px !important;
text-align: center !important;
}
.widget_layered_nav ul,
.widget_archive ul,
.widget_categories ul {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
.widget_layered_nav ul li,
.widget_archive ul li,
.widget_categories ul li {
background: transparent !important;
padding: 8px 10px !important;
margin-bottom: 4px !important;
border-radius: 4px !important;
transition: background 0.2s ease, color 0.2s ease !important;
}
.widget_layered_nav ul li:hover,
.widget_archive ul li:hover,
.widget_categories ul li:hover {
background-color: rgba(200, 117, 51, 0.2) !important;
}
.widget_layered_nav ul li a,
.widget_archive ul li a,
.widget_categories ul li a {
color: #d1c7c1 !important;
text-decoration: none !important;
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
font-size: 13px !important;
font-weight: 500 !important;
}
.widget_layered_nav ul li:hover a,
.widget_archive ul li:hover a,
.widget_categories ul li:hover a {
color: #e59866 !important;
}
.widget_layered_nav ul li .count,
.widget_archive ul li .count,
.widget_categories ul li .count {
color: #9c8e85 !important;
font-size: 12px !important;
background: rgba(0, 0, 0, 0.2) !important;
padding: 2px 6px !important;
border-radius: 10px !important;
}
.widget_layered_nav ul li:hover .count {
color: #ffffff !important;
background: rgba(200, 117, 51, 0.4) !important;
} .widget_layered_nav ul li a {
position: relative !important;
padding-left: 28px !important;
}
.widget_layered_nav ul li a::before {
content: "" !important;
position: absolute !important;
left: 4px !important;
top: 50% !important;
transform: translateY(-50%) !important;
width: 14px !important;
height: 14px !important;
border-radius: 50% !important;
border: 1px solid rgba(255, 255, 255, 0.3) !important;
box-shadow: 0 1px 3px rgba(0,0,0,0.3) !important;
}
.widget_layered_nav ul li a[href*="siniy"]::before,
.widget_layered_nav ul li a[href*="blue"]::before { background-color: #2980b9 !important; }
.widget_layered_nav ul li a[href*="bezhevyy"]::before,
.widget_layered_nav ul li a[href*="beige"]::before { background-color: #F5F5DC !important; }
.widget_layered_nav ul li a[href*="bordovyy"]::before,
.widget_layered_nav ul li a[href*="burgundy"]::before { background-color: #9B2D30 !important; }
.widget_layered_nav ul li a[href*="korichnevyy"]::before,
.widget_layered_nav ul li a[href*="brown"]::before { background-color: #795548 !important; }
.widget_layered_nav ul li a[href*="krasnyy"]::before,
.widget_layered_nav ul li a[href*="red"]::before { background-color: #e74c3c !important; }
.widget_layered_nav ul li a[href*="ryzhiy"]::before,
.widget_layered_nav ul li a[href*="ginger"]::before,
.widget_layered_nav ul li a[href*="ryzh"]::before { background-color: #d35400 !important; }
.widget_layered_nav ul li a[href*="seryy"]::before,
.widget_layered_nav ul li a[href*="grey"]::before { background-color: #A9A9A9 !important; }
.widget_layered_nav ul li a[href*="chernyy"]::before,
.widget_layered_nav ul li a[href*="black"]::before { background-color: #111111 !important; border-color: #555 !important; } .widget_layered_nav_filters {
background-color: rgba(44, 34, 30, 0.85) !important;
backdrop-filter: blur(5px);
padding: 14px !important;
border-radius: 6px !important;
border: 1px solid #C87533 !important;
margin-top: 15px !important;
box-sizing: border-box !important;
}
.widget_layered_nav_filters h2,
.widget_layered_nav_filters .widget-title {
color: #ffffff !important;
font-size: 14px !important;
font-weight: 600 !important;
margin-bottom: 12px !important;
text-transform: uppercase !important;
border: 1px solid #C87533 !important;
border-radius: 4px !important;
padding: 8px 10px !important;
text-align: center !important;
}
.widget_layered_nav_filters ul,
.widget_layered_nav_filters .chosen-list {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
display: flex !important;
flex-wrap: wrap !important;
gap: 6px !important;
}
.widget_layered_nav_filters ul li,
.widget_layered_nav_filters .chosen-list li,
.widget_layered_nav_filters a {
background: rgba(200, 117, 51, 0.2) !important;
color: #d1c7c1 !important;
padding: 6px 10px !important;
border-radius: 4px !important;
font-size: 12px !important;
text-decoration: none !important;
border: 1px solid rgba(200, 117, 51, 0.4) !important;
transition: background 0.2s ease, color 0.2s ease !important;
}
.widget_layered_nav_filters ul li:hover,
.widget_layered_nav_filters a:hover {
background: rgba(200, 117, 51, 0.4) !important;
color: #ffffff !important;
}