.op-woo__ratings{display:flex}.op-woo__card{display:flex;gap:0;flex-direction:column;overflow:hidden}.op-woo__category{background-color:var(--op-clr-light-gray)}.op-woo__category-card-wrapper{flex-wrap:wrap}.op-woo__category-card-wrapper .flex{justify-content:flex-start}.op-woo__category a{text-decoration:none!important}.op-woo__category .op-woo__category-card-wrapper:has(.op-woo__category-pre1){gap:20px}.op-woo__category-pre1{display:flex;flex-direction:column;gap:0}.op-woo__category-pre1-title.op-woo__card-content{padding:16px}.op-woo__category-pre1 figure{position:relative;width:100%;display:flex;padding:0;margin:0;overflow:hidden}.op-woo__category-pre1 img{-o-object-fit:cover;object-fit:cover;aspect-ratio:1/1;width:100%;transition:all .3s cubic-bezier(.25,.8,.25,1)}.op-woo__category-pre1 h3.op-woo__category-title{color:var(--op-clr-heading);font-size:16px;font-weight:600;margin:0 0 4px;padding:0}.op-woo__category-pre1-count{color:var(--op-clr-font);font-size:12px;font-weight:500}.op-woo__category-pre1:hover img{transform:scale(1.051)}.op-woo__category-pre2{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;border-radius:0;padding:18px 20px}.op-woo__category-pre2 figure{max-width:120px;max-height:120px;display:flex;border-radius:100px;overflow:hidden;margin:0}.op-woo__category-pre2 img{width:100%;aspect-ratio:1/1;margin:0 auto;transition:all .3s cubic-bezier(.25,.8,.25,1)}.op-woo__category-pre2 .op-woo__category-card-title>h3{color:var(--op-clr-heading);font-size:var(--op-fs-base);font-weight:600;margin:8px 0 0;padding:0}.op-woo__category-pre2 .cat-count{position:absolute;background-color:var(--op-clr-primary);width:24px;height:24px;top:12px;left:12px;color:var(--op-clr-white);font-size:var(--op-fs-xs);line-height:var(--op-lh-none);display:flex;justify-content:center;align-items:center;border-radius:50%}.op-woo__category-pre2:hover img{transform:scale(1.051)}.op-woo__category-pre3{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.op-woo__category-pre3-label-wrap{position:absolute;top:50%;left:50%;cursor:pointer;text-align:center;z-index:10;transform:translate(-50%,-50%)}.op-woo__category-pre3-label.category-title{background:var(--op-clr-body-bg,#fff);display:block;color:var(--op-clr-heading);font-size:var(--op-fs-base);font-weight:600;text-wrap:nowrap;border-radius:20px;padding:8px 16px;margin:0;transform:translateY(15px) translateZ(0);transition:transform .4s ease}.op-woo__category-pre3 .cat-count{opacity:0;color:var(--op-clr-white);font-size:var(--op-fs-sm);line-height:var(--op-lh-none);display:inline-flex;transform:translateY(15px) translateZ(0);transition:transform .3s ease,opacity .3s ease}.op-woo__category-pre3 figure{display:flex;width:100%;height:100%;cursor:pointer;aspect-ratio:1/1;margin:0}.op-woo__category-pre3 figure img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%;transform:scale3d(1.1,1.1,1);transition:all .3s cubic-bezier(.25,.8,.25,1)}.op-woo__category-pre3 figure::after{content:"";position:absolute;background-color:rgba(0,0,0,.5);visibility:hidden;opacity:0;inset:0;transition:opacity .2s cubic-bezier(.215,.61,.355,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-card{display:inline-block}.op-woo__category-media{overflow:hidden;margin:0;aspect-ratio:1/1}.op-woo__category-media img{width:100%;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover}.op-woo__category-content-title h4{margin:10px 0 0;font-size:18px;text-align:center}:where([class^=op-product-column]){display:grid;gap:24px}.op-product-column-1{grid-template-columns:repeat(1,minmax(0,1fr))}.op-product-column-2{grid-template-columns:repeat(2,minmax(0,1fr))}.op-product-column-3{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:768px){.op-product-column-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.op-product-column-4{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:768px){.op-product-column-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1280px){.op-product-column-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.op-product-column-5{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:768px){.op-product-column-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width:1280px){.op-product-column-5{grid-template-columns:repeat(5,minmax(0,1fr))}}.op-product-column-6{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:768px){.op-product-column-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width:1280px){.op-product-column-6{grid-template-columns:repeat(6,minmax(0,1fr))}}