.op-woo__category-figure{width:100%;display:flex;position:relative;padding:0;margin:0;overflow:hidden;border-radius:inherit}.op-woo__category-image-wrapper{position:relative;max-width:120px;width:120px;margin-bottom:12px}.op-woo__category-image-wrapper .op-woo__category-figure{border-radius:50%;overflow:hidden;margin:0;margin-bottom:12px}.op-woo__category-image-wrapper .cat-count{position:absolute;top:12px;left:12px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--op-clr-block-primary,#175fff);color:#fff;font-size:14px;border-radius:50%;z-index:2}.op-woo__category-pre2{transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:12px;padding:20px;background:#fff;border:1px solid #f0f0f0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.op-woo__category-pre2:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12);border-color:var(--op-clr-block-primary,#175fff)}.op-woo__category-pre2:focus-visible{outline:3px solid var(--op-clr-primary,#175fff);outline-offset:2px}.op-woo__category-pre2 img{border-radius:inherit;transition:transform .4s cubic-bezier(.4,0,.2,1);width:100%;height:auto;-o-object-fit:cover;object-fit:cover;aspect-ratio:1}.op-woo__category-pre2:hover img{transform:scale(1.08)}.op-woo__category-pre2 .op-woo__category-card-title{text-align:center}.op-woo__category-pre2 .op-woo__category-card-title h3{color:var(--op-clr-heading,#1f2937);font-weight:600;margin:0;padding:0;font-size:14px}.op-woo__category-pre3{border-radius:12px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid #f0f0f0}.op-woo__category-pre3:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.15);border-color:var(--op-clr-block-primary,#175fff)}.op-woo__category-pre3:focus-visible{outline:3px solid var(--op-clr-primary,#175fff);outline-offset:2px}.op-woo__category-pre3 .cat-count{opacity:0;color:var(--op-clr-white,#fff);font-size:14px;font-weight:500;line-height:1.2;display:inline-flex;transform:translateY(15px) translateZ(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.op-woo__category-pre3 figure{display:flex;width:100%;height:100%;cursor:pointer;aspect-ratio:1/1;margin:0;position:relative}.op-woo__category-pre3 figure img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:0;transform:scale3d(1.1,1.1,1);transition:all .4s cubic-bezier(.4,0,.2,1)}.op-woo__category-pre3 figure::after{content:"";position:absolute;background:linear-gradient(135deg,rgba(0,0,0,.6) 0,rgba(0,0,0,.3) 100%);visibility:hidden;opacity:0;inset:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.op-woo__category-pre3 .op-woo__category-pre3-label-wrap h3{padding:12px 24px;font-size:18px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.op-woo__category-pre3:hover figure img{transform:none}.op-woo__category-pre3:hover figure::after{opacity:1;visibility:visible}.op-woo__category-pre3:hover .op-woo__category-pre3-label-wrap h3{transform:none}.op-woo__category-pre3:hover .op-woo__category-pre3-label-wrap .cat-count{opacity:1;transform:none}.op-woo__category-pre1{transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:12px;overflow:hidden;background:#fff;border:1px solid #f0f0f0}.op-woo__category-pre1:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12);border-color:var(--op-clr-block-primary,#175fff)}.op-woo__category-pre1:hover img{transform:scale(1.05)}.op-woo__category-pre1:focus-visible{outline:3px solid var(--op-clr-primary,#175fff);outline-offset:2px}.op-woo__category-pre1 figure img{transition:transform .4s cubic-bezier(.4,0,.2,1)}.op-woo__category-pre1 .op-woo__category-title{font-weight:600;transition:color .2s ease}.op-woo__category-pre1:hover .op-woo__category-title{color:var(--op-clr-block-primary,#175fff)}.op-woo__category-card{display:inline-block;text-decoration:none;color:inherit;min-height:44px}.op-woo__category-card:focus-visible{outline:3px solid var(--op-clr-primary,#175fff);outline-offset:2px}@media (max-width:768px){.op-woo__category-pre1:hover,.op-woo__category-pre2:hover,.op-woo__category-pre3:hover{transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.op-woo__category *{transition:none!important;transform:none!important;animation:none!important}}@media (prefers-contrast:high){.op-woo__category-pre1,.op-woo__category-pre2,.op-woo__category-pre3{border-width:2px}.op-woo__category-pre1:focus-visible,.op-woo__category-pre2:focus-visible,.op-woo__category-pre3:focus-visible{outline-width:4px}}