Issues:
1.cat-heading .h1{
2text-transform:uppercase;
3display:inline-block;
4}
5.cat-total sup{
6margin-left:8px;
7margin-top:-7px;
8font-size:12px;
9}
10.cat-items{
11width:100%;
12display:flex;
13flex-wrap:wrap;
14}
15.cat-item-card{
16flex: 1 0 20%;
17margin:16px;
18width:326px;
19height:326px;
20max-height:326px;
21overflow:hidden;
22text-align:center;
23border:1px solid #eee;
24border-radius:6px;
25box-shadow:2px 2px 4px rgb(0 0 0 / 10%);
26}
27.cat-item-card:hover{
28
29}
30.cat-item-card-cover{
31position:relative;
32width:232px;
33height:232px;
34margin:0 auto;
35}
36.cat-item-card-cover img{
37width:222px;
38max-width:222px;
39height:222px;
40max-height:222px;
41border-radius:6px;
42overflow:hidden;
43object-fit:cover;
44-webkit-filter:brightness(100%);
45filter:brightness(100%);
46transition:2s ease all;
47}
48.item-labels{
49position:absolute;
50top:12px;
51left:12px;
52z-index:25;
53}
54.item-labels img{
55width:32px;
56height:32px;
57}
58
59.cat-item-card-heading{
60margin:1px;
61text-transform:uppercase;
62font-size:15px;
63text-align:center;
64}
65.cat-item-card-heading a,.cat-item-card-heading a:hover{
66color:#777;
67text-decoration:none;
68}
69.cat-item-card-offer{
70text-align:center;
71}
72
73.cat-item-card-offer del{
74color:#ccc;
75text-decoration:none;
76position:relative;
77}
78.cat-item-card-offer del:before {
79content: " ";
80display: block;
81width: 100%;
82border-top: 2px solid rgba(255,0,0, 0.25);
83height: 12px;
84position: absolute;
85bottom: 0;
86left: 0;
87transform: rotate(-7deg);
88}
89
90.cat-item-card-price{
91font-size:20px;
92font-weight:600;
93margin:0;
94text-align:center;
95}
96.cat-item-card-dims{
97font-size:12px;
98text-align:center;
99}
100.cat-item-card-tagline{
101font-size:13px;
102text-align:center;
103}
104.item-tags,.btns{
105margin-bottom:24px;
106}
107.btns a{
108display:block;
109}
110
111.cat-main-text{
112font-size:14px;
113}
114
115.fltr-attr-wr{
116width:100%;
117}
118
119.cat-item-card{
120 position: relative;
121 display: flex;
122 flex-direction: column;
123 row-gap: 5px;
124 width: 100%;
125 max-width: 280px;
126 min-height: 406px;
127 height: 100%;
128 padding: 10px 10px 15px;
129 text-align: left;
130 border: 1px solid #fff;
131}
132
133.cat-item-card .swiper.cover-slider{
134padding-bottom: 30px;
135}
136.cat-item-card span.swiper-pagination-bullet{
137width:8px;
138height:8px;
139}
140.cat-item-card-bullets{
141position:absolute;
142width:100%;
143height:100%;
144top:0;
145left:0;
146display:flex;
147z-index:12;
148}
149.cat-item-card-bullets .card-bullet{
150flex:1;
151height:100%;
152}
153
154
155@media (max-width: 896px) {
156.cat-items{
157width:100%;
158display:block;
159}
160.cat-item-card{
161margin:16px 0;
162}
163
164