.categories-drawer .drawer-content{left:auto;right:0;transform:translateX(100%);width:80%;max-width:350px;transition:transform 0.3s cubic-bezier(.4,0,.2,1);will-change:transform}.opsim-drawer.categories-drawer.is-active .drawer-content{transform:translateX(0)}.categories-drawer .drawer-title{font-size:.95rem;white-space:nowrap}.categories-drawer .categories-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:15px}.categories-drawer .category-card{display:flex;flex-direction:column;text-decoration:none;border-radius:8px;overflow:hidden;background:#fff;border:1px solid var(--opsim-brand,#355872);transition:none}.category-image{position:relative;padding-top:100%;background:#f9fafb;overflow:hidden}.category-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;padding:0}.category-name{background-color:var(--opsim-brand,#355872);color:#fff;padding:0 6px;text-align:center;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;height:28px;line-height:28px;display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.categories-drawer .category-card:hover{box-shadow:0 4px 12px rgb(0 0 0 / .05)}@media (max-width:480px){.categories-drawer .categories-grid{gap:8px;padding:12px}.category-name{font-size:.6rem;padding:6px 4px}}