html{line-height:1.15;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:border-box}body{background-color:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1rem;font-weight:400;line-height:1.5;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{color:inherit;font-family:inherit;font-weight:500;line-height:1.2;margin-block-end:1rem;margin-block-start:.5rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-block-end:.9rem;margin-block-start:0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em;white-space:pre-wrap}a{background-color:transparent;color:#c36;text-decoration:none}a:active,a:hover{color:#336}a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}abbr[title]{border-block-end:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;height:auto;max-width:100%}details{display:block}summary{display:list-item}figcaption{color:#333;font-size:16px;font-style:italic;font-weight:400;line-height:1.4}[hidden],template{display:none}@media print{*,:after,:before{background:transparent!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre{white-space:pre-wrap!important}blockquote,pre{-moz-column-break-inside:avoid;border:1px solid #ccc;break-inside:avoid}thead{display:table-header-group}img,tr{-moz-column-break-inside:avoid;break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{-moz-column-break-after:avoid;break-after:avoid}}label{display:inline-block;line-height:1;vertical-align:middle}button,input,optgroup,select,textarea{font-family:inherit;font-size:1rem;line-height:1.5;margin:0}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{border:1px solid #666;border-radius:3px;padding:.5rem 1rem;transition:all .3s;width:100%}input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,select:focus,textarea:focus{border-color:#333}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;width:auto}[type=button],[type=submit],button{background-color:transparent;border:1px solid #c36;border-radius:3px;color:#c36;display:inline-block;font-size:1rem;font-weight:400;padding:.5rem 1rem;text-align:center;transition:all .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}[type=button]:focus:not(:focus-visible),[type=submit]:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none}[type=button]:focus,[type=button]:hover,[type=submit]:focus,[type=submit]:hover,button:focus,button:hover{background-color:#c36;color:#fff;text-decoration:none}[type=button]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto;resize:vertical}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}select{display:block}table{background-color:transparent;border-collapse:collapse;border-spacing:0;font-size:.9em;margin-block-end:15px;width:100%}table td,table th{border:1px solid hsla(0,0%,50%,.502);line-height:1.5;padding:15px;vertical-align:top}table th{font-weight:700}table tfoot th,table thead th{font-size:1em}table caption+thead tr:first-child td,table caption+thead tr:first-child th,table colgroup+thead tr:first-child td,table colgroup+thead tr:first-child th,table thead:first-child tr:first-child td,table thead:first-child tr:first-child th{border-block-start:1px solid hsla(0,0%,50%,.502)}table tbody>tr:nth-child(odd)>td,table tbody>tr:nth-child(odd)>th{background-color:hsla(0,0%,50%,.071)}table tbody tr:hover>td,table tbody tr:hover>th{background-color:hsla(0,0%,50%,.102)}table tbody+tbody{border-block-start:2px solid hsla(0,0%,50%,.502)}@media(max-width:767px){table table{font-size:.8em}table table td,table table th{line-height:1.3;padding:7px}table table th{font-weight:400}}dd,dl,dt,li,ol,ul{background:transparent;border:0;font-size:100%;margin-block-end:0;margin-block-start:0;outline:0;vertical-align:baseline}.comments-area a,.page-content a{text-decoration:underline}.alignright{float:right;margin-left:1rem}.alignleft{float:left;margin-right:1rem}.aligncenter{clear:both;display:block;margin-inline:auto}.alignwide{margin-inline:-80px}.alignfull{margin-inline:calc(50% - 50vw);max-width:100vw}.alignfull,.alignfull img{width:100vw}.wp-caption{margin-block-end:1.25rem;max-width:100%}.wp-caption.alignleft{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{display:block;margin-inline:auto}.wp-caption-text{margin:0}.gallery-caption{display:block;font-size:.8125rem;line-height:1.5;margin:0;padding:.75rem}.pagination{display:flex;justify-content:space-between;margin:20px auto}.sticky{display:block;position:relative}.bypostauthor{font-size:inherit}.hide{display:none!important}.post-password-form{margin:50px auto;max-width:500px}.post-password-form p{align-items:flex-end;display:flex;width:100%}.post-password-form [type=submit]{margin-inline-start:3px}.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#eee;clip:auto!important;clip-path:none;color:#333;display:block;font-size:1rem;height:auto;left:5px;line-height:normal;padding:12px 24px;text-decoration:none;top:5px;width:auto;z-index:100000}.post .entry-title a{text-decoration:none}.post .wp-post-image{max-height:500px;-o-object-fit:cover;object-fit:cover;width:100%}@media(max-width:991px){.post .wp-post-image{max-height:400px}}@media(max-width:575px){.post .wp-post-image{max-height:300px}}#comments .comment-list{font-size:.9em;list-style:none;margin:0;padding:0}#comments .comment,#comments .pingback{position:relative}#comments .comment .comment-body,#comments .pingback .comment-body{border-block-end:1px solid #ccc;display:flex;flex-direction:column;padding-block-end:30px;padding-block-start:30px;padding-inline-end:0;padding-inline-start:60px}#comments .comment .avatar,#comments .pingback .avatar{border-radius:50%;left:0;margin-inline-end:10px;position:absolute}body.rtl #comments .comment .avatar,body.rtl #comments .pingback .avatar,html[dir=rtl] #comments .comment .avatar,html[dir=rtl] #comments .pingback .avatar{left:auto;right:0}#comments .comment-meta{display:flex;justify-content:space-between;margin-block-end:.9rem}#comments .comment-metadata,#comments .reply{font-size:11px;line-height:1}#comments .children{list-style:none;margin:0;padding-inline-start:30px;position:relative}#comments .children li:last-child{padding-block-end:0}#comments ol.comment-list .children:before{content:"↪";display:inline-block;font-size:1em;font-weight:400;left:0;line-height:100%;position:absolute;top:45px;width:auto}body.rtl #comments ol.comment-list .children:before,html[dir=rtl] #comments ol.comment-list .children:before{content:"↩";left:auto;right:0}@media(min-width:768px){#comments .comment-author,#comments .comment-metadata{line-height:1}}@media(max-width:767px){#comments .comment .comment-body{padding:30px 0}#comments .children{padding-inline-start:20px}#comments .comment .avatar{float:left;position:inherit}body.rtl #comments .comment .avatar,html[dir=rtl] #comments .comment .avatar{float:right}}.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{margin-inline-end:auto;margin-inline-start:auto;width:100%}@media(max-width:575px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{padding-inline-end:10px;padding-inline-start:10px}}@media(min-width:576px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:500px}.site-footer.footer-full-width .footer-inner,.site-header.header-full-width .header-inner{max-width:100%}}@media(min-width:768px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:600px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}@media(min-width:992px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:800px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}@media(min-width:1200px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:1140px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}.site-header+.elementor{min-height:calc(100vh - 320px)}.site-header{display:flex;flex-wrap:wrap;justify-content:space-between;padding-block-end:1rem;padding-block-start:1rem;position:relative}.site-header .site-title{font-size:2.5rem;font-weight:500;line-height:1.2}.site-header .site-branding{display:flex;flex-direction:column;gap:.5rem;justify-content:center}.site-header .header-inner{display:flex;flex-wrap:wrap;justify-content:space-between}.site-header .header-inner .custom-logo-link{display:block}.site-header .header-inner .site-branding .site-description,.site-header .header-inner .site-branding .site-title{margin:0}.site-header .header-inner .site-branding .site-logo img{display:block}.site-header .header-inner .site-branding.show-logo .site-title,.site-header .header-inner .site-branding.show-title .site-logo{display:none!important}.site-header.header-inverted .header-inner{flex-direction:row-reverse}.site-header.header-inverted .header-inner .site-branding{text-align:end}.site-header.header-stacked .header-inner{align-items:center;flex-direction:column;text-align:center}.site-footer{padding-block-end:1rem;padding-block-start:1rem;position:relative}.site-footer .site-title{font-size:1.5rem;font-weight:500;line-height:1.2}.site-footer .site-branding{display:flex;flex-direction:column;gap:.5rem;justify-content:center}.site-footer .footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between}.site-footer .footer-inner .custom-logo-link{display:block}.site-footer .footer-inner .site-branding .site-description,.site-footer .footer-inner .site-branding .site-title{margin:0}.site-footer .footer-inner .site-branding .site-logo img{display:block}.site-footer .footer-inner .site-branding.show-logo .site-title,.site-footer .footer-inner .site-branding.show-title .site-logo{display:none!important}.site-footer .footer-inner .copyright{align-items:center;display:flex;justify-content:flex-end}.site-footer .footer-inner .copyright p{margin:0}.site-footer.footer-inverted .footer-inner{flex-direction:row-reverse}.site-footer.footer-inverted .footer-inner .site-branding{text-align:end}.site-footer.footer-stacked .footer-inner{align-items:center;flex-direction:column;text-align:center}.site-footer.footer-stacked .footer-inner .site-branding .site-title{text-align:center}.site-footer.footer-stacked .footer-inner .site-navigation .menu{padding:0}@media(max-width:576px){.site-footer:not(.footer-stacked) .footer-inner .copyright,.site-footer:not(.footer-stacked) .footer-inner .site-branding,.site-footer:not(.footer-stacked) .footer-inner .site-navigation{display:block;max-width:none;text-align:center;width:100%}.site-footer .footer-inner .site-navigation ul.menu{justify-content:center}.site-footer .footer-inner .site-navigation ul.menu li{display:inline-block}}.site-header.header-stacked .site-navigation-toggle-holder{justify-content:center;max-width:100%}.site-header.menu-layout-dropdown .site-navigation{display:none}.site-navigation-toggle-holder{align-items:center;display:flex;padding:8px 15px}.site-navigation-toggle-holder .site-navigation-toggle{align-items:center;background-color:rgba(0,0,0,.05);border:0 solid;border-radius:3px;color:#494c4f;cursor:pointer;display:flex;justify-content:center;padding:.5rem}.site-navigation-toggle-holder .site-navigation-toggle-icon{display:block;width:1.25rem}.site-navigation-toggle-holder .site-navigation-toggle-icon:after,.site-navigation-toggle-holder .site-navigation-toggle-icon:before{background-color:currentColor;border-radius:3px;content:"";display:block;height:3px;transition:all .2s ease-in-out}.site-navigation-toggle-holder .site-navigation-toggle-icon:before{box-shadow:0 .35rem 0 currentColor;margin-block-end:.5rem}.site-navigation-toggle-holder .site-navigation-toggle[aria-expanded=true] .site-navigation-toggle-icon:before{box-shadow:none;transform:translateY(.35rem) rotate(45deg)}.site-navigation-toggle-holder .site-navigation-toggle[aria-expanded=true] .site-navigation-toggle-icon:after{transform:translateY(-.35rem) rotate(-45deg)}.site-navigation{align-items:center;display:flex}.site-navigation ul.menu,.site-navigation ul.menu ul{list-style-type:none;padding:0}.site-navigation ul.menu{display:flex;flex-wrap:wrap}.site-navigation ul.menu li{display:flex;position:relative}.site-navigation ul.menu li a{display:block;padding:8px 15px}.site-navigation ul.menu li.menu-item-has-children{padding-inline-end:15px}.site-navigation ul.menu li.menu-item-has-children:after{align-items:center;color:#666;content:"▾";display:flex;font-size:1.5em;justify-content:center;text-decoration:none}.site-navigation ul.menu li.menu-item-has-children:focus-within>ul{display:block}.site-navigation ul.menu li ul{background:#fff;display:none;left:0;min-width:150px;position:absolute;top:100%;z-index:2}.site-navigation ul.menu li ul li{border-block-end:1px solid #eee}.site-navigation ul.menu li ul li:last-child{border-block-end:none}.site-navigation ul.menu li ul li.menu-item-has-children a{flex-grow:1}.site-navigation ul.menu li ul li.menu-item-has-children:after{transform:translateY(-50%) rotate(-90deg)}.site-navigation ul.menu li ul ul{left:100%;top:0}.site-navigation ul.menu li:hover>ul{display:block}footer .site-navigation ul.menu li ul{bottom:100%;top:auto}footer .site-navigation ul.menu li ul ul{bottom:0}footer .site-navigation ul.menu a{padding:5px 15px}.site-navigation-dropdown{bottom:0;left:0;margin-block-start:10px;position:absolute;transform-origin:top;transition:max-height .3s,transform .3s;width:100%;z-index:10000}.site-navigation-toggle-holder:not(.elementor-active)+.site-navigation-dropdown{max-height:0;transform:scaleY(0)}.site-navigation-toggle-holder.elementor-active+.site-navigation-dropdown{max-height:100vh;transform:scaleY(1)}.site-navigation-dropdown ul{padding:0}.site-navigation-dropdown ul.menu{background:#fff;margin:0;padding:0;position:absolute;width:100%}.site-navigation-dropdown ul.menu li{display:block;position:relative;width:100%}.site-navigation-dropdown ul.menu li a{background:#fff;box-shadow:inset 0 -1px 0 rgba(0,0,0,.102);color:#55595c;display:block;padding:20px}.site-navigation-dropdown ul.menu li.current-menu-item a{background:#55595c;color:#fff}.site-navigation-dropdown ul.menu>li li{max-height:0;transform:scaleY(0);transform-origin:top;transition:max-height .3s,transform .3s}.site-navigation-dropdown ul.menu li.elementor-active>ul>li{max-height:100vh;transform:scaleY(1)}@media(max-width:576px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation{display:none!important}}@media(min-width:768px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}}@media(min-width:576px)and (max-width:767px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation{display:none!important}}@media(min-width:992px){.site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}}@media(max-width:992px){.site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation{display:none!important}}.site-header.menu-dropdown-none:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}.shop-wrapper{
max-width:calc(100% - (96px * 2));
margin:0 auto;
padding:150px 0px;
display:flex;
align-items:flex-start;
gap:50px;
color:#1A1C1C;
background-color: #F9F9F9;
} .sidebar{
width:100%;
max-width: 25%;
position:sticky;
top:20px;
}
.filter-group{
margin-bottom:45px;
}
.filter-title{
font-size:18px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
margin-bottom:18px;
padding-bottom:12px;
border-bottom:1px solid #cfcfcf;
}
.filter-list{
list-style:none;
}
.filter-list li{
margin-bottom:20px;
}
.filter-list label{
display:flex;
align-items:center;
gap:18px;
cursor:pointer;
font-size:21px;
}
.filter-list input[type="checkbox"]{
appearance:none;
-webkit-appearance:none;
width:24px;
height:24px;
border:1px solid #999;
background:#fff;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
} .filter-list input[type="checkbox"]:checked{
background:#000;
border-color:#000;
} .filter-list input[type="checkbox"]:checked::before{
content:"✓";
color:#fff;
font-size:9px; font-weight:700;
line-height:1;
} .products-grid{
flex:1;
display:flex;
flex-wrap:wrap;
gap:40px 36px;
align-items: flex-start;
} .product-card{
width:calc(33.333% - 24px);
}
.product-image{
position:relative;
background:#dcdcdc;
aspect-ratio:1 / 1.12;
overflow:hidden;
}
.badge{
position:absolute;
top:16px;
left:16px;
background:#000;
color:#fff;
padding:8px 18px;
font-size:14.4px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
}
.product-content{
padding:36px;
background:#fff;
}
.product-title{
font-size:27px !important;
font-weight:700 !important;
text-transform:uppercase !important;
margin-bottom:12px !important;
}
.product-subtitle{
font-size:18px;
color:#474747;
text-transform:uppercase;
margin-bottom:28px;
}
.product-footer{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
}
.price{
font-size:30px;
font-weight:800;
}
.buy-btn{
height:48px;
padding:0 24px;
display:inline-flex;
align-items:center;
justify-content:center;
background:#000;
color:#E2E2E2;
font-size:15px;
font-weight:400;
letter-spacing:1px;
text-transform:uppercase;
transition:0.3s ease;
}
.buy-btn:hover{
background:#222;
} .promo-card{
width:calc(33.333% - 24px);
background:#000;
color:#fff;
padding:28px;
display:flex;
flex-direction:column;
justify-content:flex-start;
}
.promo-card h3{
font-size:24px;
line-height:1.2;
text-transform:uppercase;
margin-bottom:22px;
font-weight:700;
}
.promo-card p{
font-size:18px;
line-height:1.7;
color:#bdbdbd;
margin-bottom:34px;
}
.promo-btn{
display:inline-flex;
align-items:center;
justify-content:center;
width:max-content;
padding:16px 24px;
background:#fff;
color:#000;
font-size:15px;
font-weight:400;
letter-spacing:1px;
text-transform:uppercase;
} .quote-wrap{
width:100%;
margin-top:10px;
}
.quote-btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:22px 38px;
background:#000;
color:#fff;
font-size:24px;
font-weight:400;
text-transform:uppercase;
}
.quote-btn:hover{
background:#222;
} @media (min-width:1024px) and (max-width:1365px){
.shop-wrapper{
max-width:calc(100% - (40px * 2));
gap:28px;
padding:90px 0;
}
.sidebar{
max-width:24%;
}
.products-grid{
gap:24px 20px;
}
.filter-group{
margin-bottom:28px;
}
.filter-title{
font-size:13px;
margin-bottom:12px;
padding-bottom:8px;
}
.filter-list li{
margin-bottom:14px;
}
.filter-list label{
font-size:15px;
gap:12px;
}
.filter-list input[type="checkbox"]{
width:18px;
height:18px;
}
.filter-list input[type="checkbox"]:checked::before{
font-size:8px;
}
.badge{
top:12px;
left:12px;
padding:6px 12px;
font-size:10px;
}
.product-card,
.promo-card{
width:calc(33.333% - 14px);
}
.product-content{
padding:22px;
}
.product-title{
font-size:18px;
margin-bottom:8px;
}
.product-subtitle{
font-size:13px;
margin-bottom:18px;
}
.product-footer{
gap:8px;
}
.price{
font-size:20px;
}
.buy-btn{
height:38px;
padding:0 14px;
font-size:11px;
letter-spacing:0.5px;
}
.promo-card{
padding:22px;
}
.promo-card h3{
font-size:17px;
margin-bottom:14px;
}
.promo-card p{
font-size:13px;
line-height:1.6;
margin-bottom:20px;
}
.promo-btn{
padding:12px 16px;
font-size:11px;
}
.quote-wrap{
margin-top:0;
}
.quote-btn{
padding:16px 26px;
font-size:16px;
}
} @media (min-width:1366px) and (max-width:1600px){
.shop-wrapper{
max-width:calc(100% - (70px * 2));
gap:36px;
padding:110px 0;
}
.products-grid{
gap:32px 28px;
}
.filter-group{
margin-bottom:36px;
}
.filter-title{
font-size:15px;
margin-bottom:14px;
padding-bottom:10px;
}
.filter-list li{
margin-bottom:16px;
}
.filter-list label{
font-size:17px;
gap:14px;
}
.filter-list input[type="checkbox"]{
width:20px;
height:20px;
}
.badge{
font-size:11px;
padding:7px 14px;
}
.product-content{
padding:28px;
}
.product-title{
font-size:22px;
margin-bottom:10px;
}
.product-subtitle{
font-size:15px;
margin-bottom:22px;
}
.price{
font-size:24px;
}
.buy-btn{
height:42px;
padding:0 18px;
font-size:13px;
}
.promo-card{
padding:24px;
}
.promo-card h3{
font-size:20px;
margin-bottom:18px;
}
.promo-card p{
font-size:15px;
margin-bottom:26px;
}
.promo-btn{
padding:14px 18px;
font-size:13px;
}
.quote-btn{
padding:18px 30px;
font-size:18px;
}
} @media (max-width:1200px){
.product-card,
.promo-card{
width:calc(50% - 18px);
}
} @media (max-width:991px){
.shop-wrapper{
flex-direction:column;
gap:32px;
max-width:calc(100% - 40px);
padding:70px 0;
}
.sidebar{
width:100%;
max-width:100%;
min-width:100%;
position:relative;
top:auto;
}
.filter-group{
margin-bottom:28px;
}
.filter-title{
font-size:14px;
margin-bottom:12px;
padding-bottom:10px;
}
.filter-list li{
margin-bottom:14px;
}
.filter-list label{
font-size:16px;
gap:12px;
}
.filter-list input[type="checkbox"]{
width:18px;
height:18px;
}
.products-grid{
width:100%;
gap:24px 20px;
}
.product-card,
.promo-card{
width:calc(50% - 10px);
}
.badge{
top:12px;
left:12px;
padding:6px 12px;
font-size:10px;
}
.product-content{
padding:20px;
}
.product-title{
font-size:18px;
margin-bottom:8px;
}
.product-subtitle{
font-size:13px;
margin-bottom:16px;
}
.price{
font-size:20px;
}
.buy-btn{
height:40px;
padding:0 16px;
font-size:11px;
}
.promo-card{
padding:22px;
}
.promo-card h3{
font-size:18px;
margin-bottom:14px;
}
.promo-card p{
font-size:13px;
margin-bottom:20px;
}
.promo-btn{
padding:12px 16px;
font-size:11px;
}
.quote-btn{
padding:16px 24px;
font-size:16px;
}
} @media (max-width:767px){
.shop-wrapper{
padding:25px 18px 60px;
}
.products-grid{
gap:40px;
}
.product-card,
.promo-card{
width:100%;
}
.product-title{
font-size:18px;
}
.price{
font-size:22px;
}
.promo-card h3{
font-size:20px;
}
.product-footer{
flex-direction:column;
align-items:flex-start;
}
.buy-btn{
width:100%;
}
.quote-btn{
width:100%;
}
}  .xc-gallery-wrapper {
position: relative;
width: 100%;
overflow: hidden;
box-shadow: 0 24px 64px rgba(0,0,0,0.18);
} .xc-swiper-main {
position: relative;
width: 100%;
height: 500px;
background: #111;
}
.swiper-slide {
overflow: hidden;
}
.swiper-slide img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.7s ease;
}
.swiper-slide-active img {
transform: scale(1.03);
} .xc-overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 15%;
background: linear-gradient(
to top,
rgba(0,0,0,0.75) 0%,
rgba(0,0,0,0.15) 60%,
transparent 100%
);
pointer-events: none;
z-index: 5;
} .xc-gallery-tabs {
position: absolute;
left: 16px;
bottom: 16px;
right: 150px;
display: flex;
align-items: center;
gap: 8px;
z-index: 10;
flex-wrap: nowrap;
}
.xc-tab {
display: inline-flex;
align-items: center;
justify-content: center;
white-space: nowrap;
border: none;
background: rgba(20,20,20,0.75);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
color: rgba(255,255,255,0.85);
padding: 12px 20px !important;
border-radius: 0;
cursor: pointer !important;;
font-family: inherit !important;;
font-size: 13px !important;;
font-weight: 600 !important;;
letter-spacing: 0.07em !important;;
text-transform: uppercase !important;;
transition: all 0.25s ease;
flex-shrink: 0;
}
.xc-tab:hover {
background: rgba(255,255,255,0.15);
color: #fff;
}
.xc-tab.active {
background-color: var(--e-global-color-primary, #d2b277);
color: var(--e-global-color-accent, #fff);
border-radius: 0;
} .xc-slider-nav {
position: absolute;
right: 16px;
bottom: 16px;
display: inline-flex;
align-items: center;
gap: 6px;
background: rgba(10,10,10,0.75);
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
border: 1px solid rgba(255,255,255,0.12);
padding: 6px 10px;
border-radius: 999px;
z-index: 10;
} .xc-nav-btn {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 32px !important;
height: 32px !important;
min-width: 32px !important;
border-radius: 50% !important;
border: 1.5px solid rgba(255,255,255,0.2) !important;
background: rgba(255,255,255,0.1) !important;
color: #fff !important;
cursor: pointer !important;
transition: background 0.2s, color 0.2s, transform 0.2s !important;
flex-shrink: 0 !important;
position: static !important;
margin: 0 !important;
padding: 0 !important;
}
.xc-nav-btn:hover {
background: var(--e-global-color-primary, #d2b277) !important;
color: #1a1207 !important;
border-color: var(--e-global-color-primary, #d2b277) !important;
transform: scale(1.08) !important;
}
.xc-nav-btn svg {
width: 16px !important;
height: 16px !important;
display: block !important;
flex-shrink: 0 !important;
pointer-events: none;
} .xc-nav-btn.swiper-button-prev::after,
.xc-nav-btn.swiper-button-next::after {
display: none !important;
content: '' !important;
} .xc-slide-counter {
color: #fff;
font-family: inherit;
font-size: 14px;
font-weight: 500;
min-width: 46px;
text-align: center;
padding: 0 6px;
user-select: none;
line-height: 1;
}
.xc-slide-counter .sep {
margin: 0 2px;
opacity: 0.4;
}
.xc-slide-counter .current {
color: #fff;
font-weight: 700;
} @media (max-width: 767px) {
.xc-swiper-main {
height: 320px;
}
.xc-gallery-tabs {
left: 10px;
bottom: 10px;
right: 130px;
gap: 6px;
}
.xc-tab {
padding: 9px 13px !important;
font-size: 10px;
letter-spacing: 0.05em;
}
.xc-slider-nav {
right: 10px;
bottom: 10px;
padding: 5px 7px;
gap: 4px;
}
.xc-nav-btn {
width: 26px !important;
height: 26px !important;
min-width: 26px !important;
}
.xc-nav-btn svg {
width: 13px !important;
height: 13px !important;
}
.xc-slide-counter {
font-size: 12px;
min-width: 36px;
}
} @media (max-width: 400px) {
.xc-gallery-tabs {
right: 115px;
gap: 4px;
}
.xc-tab {
padding: 8px 10px !important;
font-size: 9px !important;
}
}