.product-cats{padding:16px 0;position:relative}.product-cats .d-flex{gap:16px}.product-cats .head-cat{background:var(--white-color);padding:8px;border-radius:16px;display:flex;position:relative;width:calc(37% - 109px)}.product-cats .head-cat .head-cat-inner{width:100%;position:relative;padding:30px 62px;border-radius:12px;background:linear-gradient(var(--white-color),var(--white-color)) padding-box,linear-gradient(270deg,var(--black-color-10) 0%,transparent 100%) border-box;border-top:1px solid #fff0;border-right:1px solid #fff0;border-bottom:1px solid #fff0;display:flex;flex-direction:column;align-items:start;justify-content:center}.product-cats .head-cat .head-cat-inner:before{content:"";width:16px;height:24px;background-color:var(--main-color);mask-image:url(/wp-content/themes/beauty_shop/inc/elementor/img/flower2.svg);position:absolute;right:21px;top:50%;transform:translateY(-50%)}.product-cats .head-cat .head-cat-inner:after{content:"";width:16px;height:24px;background-color:var(--main-color);mask-image:url(/wp-content/themes/beauty_shop/inc/elementor/img/flower2.svg);position:absolute;left:21px;top:50%;transform:translateY(-50%) scaleX(-1)}.product-cats .head-cat .head-cat-inner b{font-size:20px;font-weight:700;line-height:28px;color:var(--black-color)}.product-cats .head-cat .head-cat-inner span{font-size:14px;font-weight:400;line-height:19px;color:var(--black-color-70)}.product-cats .cat-items{width:calc(62% - 16px)}.product-cats .cat-item{background:var(--white-color);padding:4px;border-radius:16px;position:relative;width:calc(25% - 12px)}.product-cats .cat-item a:before{content:"";border:12px solid var(--black-color-10);border-top-color:#fff0;border-left-color:#fff0;border-bottom-color:#fff0;position:absolute;right:4px;top:50%;transform:translateY(-50%);transition:all .3s ease-in-out}.product-cats .cat-item a{background:var(--white-color);padding:0;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease-in-out;height:100%}.product-cats .cat-item a img{width:94px;height:89px;object-fit:cover;object-position:top;transform:translateY(-12px);filter:grayscale(1);transition:all .3s ease-in-out}.product-cats.no-gray .cat-item a img{filter:grayscale(0)}.product-cats .cat-item a span{margin-bottom:15px;font-size:16px;line-height:18px;font-weight:300;color:var(--black-color);padding:0 8px;transition:all .3s ease-in-out}.product-cats .cat-item a:hover{position:relative;background:var(--main-color)}.product-cats .cat-item a:hover:after{content:"";width:90px;height:90px;border-radius:100%;background:var(--black-color);opacity:.4;filter:blur(22px);position:absolute;left:50%;bottom:-13px;transform:translateX(-50%);z-index:-1}.product-cats .cat-item a:hover img{filter:grayscale(0)}.product-cats .cat-item a:hover span{color:var(--white-color)}.product-cats .cat-item a:hover:before{opacity:0}.product-cats .btn-outline-light:before{content:"";width:100px;background:var(--black-color);border-radius:16px;opacity:.05;z-index:-1;height:calc(100% + 32px);position:absolute;right:-65px;top:50%;transform:translateY(-50%)}.product-cats .head-cat:before{content:"";width:100px;background:var(--black-color);border-radius:16px;opacity:.05;z-index:-1;height:calc(100% + 32px);position:absolute;left:-65px;top:50%;transform:translateY(-50%)}.product-cats .btn-outline-light{padding:8px;background:var(--white-color);border-radius:16px;display:block;position:relative}.product-cats .btn-outline-light span{font-size:14px;line-height:18px;font-weight:700;color:var(--black-color);text-align:center;padding:0 14px}.product-cats .btn-outline-light .inner{width:100%;height:100%;border-radius:8px;border:1px solid var(--sec-color-10);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:all .3s ease-in-out}.product-cats .btn-outline-light:hover .inner{background:var(--sec-color-10)}@media (max-width:1199px){.product-cats .btn-outline-light:before{display:none}.product-cats .cat-items{width:100%;order:3}.product-cats .head-cat{order:1;width:calc(100% - 110px)}.product-cats .btn-outline-light{order:2}}@media (max-width:767px){.product-cats .head-cat .head-cat-inner{align-items:center;padding:13px 18px}.product-cats .head-cat .head-cat-inner:before{right:18px}.product-cats .head-cat .head-cat-inner:after{left:18px}.product-cats .head-cat .head-cat-inner b{font-size:18px}.product-cats .head-cat:before{display:none}.product-cats:before{content:"";width:100px;background:var(--black-color);border-radius:16px;opacity:.05;z-index:-1;height:calc(100% - 50px);position:absolute;left:50%;top:8px;transform:translateX(-50%)}.product-cats .cat-items{flex-wrap:wrap;order:2}.product-cats .cat-item{width:calc(50% - 8px)}.product-cats .head-cat{width:100%;padding:4px}.product-cats .btn-outline-light{order:3;width:max-content;height:52px;min-width:121px;margin:0 auto;padding:4px}.product-cats .btn-outline-light .inner{padding:4px 12px;flex-direction:row;gap:0}.product-cats .btn-outline-light .inner span{display:block;margin-left:-10px}.product-cats .cat-item a img{filter:grayscale(0)}}