.hh-cgrid{--hh-cgrid-text: #1B3A8C;--hh-cgrid-gap-desktop: 1.5rem;--hh-cgrid-gap-mobile: .85rem;padding-block:clamp(2rem,5vw,3.5rem)}.hh-cgrid__inner{max-width:1400px;margin-inline:auto;padding-inline:clamp(1rem,4vw,2.5rem)}.hh-cgrid__heading{margin:0 0 clamp(1rem,3vw,2rem);color:var(--hh-cgrid-text);font-family:Tajawal,Cairo,sans-serif;font-weight:800;font-size:clamp(1.5rem,3.5vw,2.25rem);letter-spacing:-.01em;line-height:1.2}.hh-cgrid[data-align=center] .hh-cgrid__heading{text-align:center}.hh-cgrid[data-align=end] .hh-cgrid__heading{text-align:end}.hh-cgrid[data-align=start] .hh-cgrid__heading{text-align:start}.hh-cgrid__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--hh-cgrid-gap-mobile)}@media(min-width:600px){.hh-cgrid__grid{grid-template-columns:repeat(3,1fr);gap:1rem}}@media(min-width:900px){.hh-cgrid__grid{grid-template-columns:repeat(var(--hh-cgrid-cols-desktop, 4),1fr);gap:var(--hh-cgrid-gap-desktop)}}.hh-cgrid__card{display:flex;flex-direction:column;gap:.85rem;text-decoration:none;color:var(--hh-cgrid-text);opacity:0;transform:translateY(15px);transition:opacity .5s ease,transform .5s ease}.hh-cgrid__card.is-visible{opacity:1;transform:translateY(0)}.hh-cgrid__card:focus-visible{outline:2px solid var(--hh-cgrid-text);outline-offset:4px;border-radius:8px}.hh-cgrid__image-wrap{position:relative;overflow:hidden;background:#efe9e2;border-radius:var(--hh-cgrid-radius, 8px);aspect-ratio:var(--hh-cgrid-aspect, 3 / 4)}.hh-cgrid__img,.hh-cgrid__placeholder svg{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.4,0,.2,1)}.hh-cgrid__card:hover .hh-cgrid__img,.hh-cgrid__card:focus-visible .hh-cgrid__img{transform:scale(1.06)}.hh-cgrid__title-row{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;font-family:Tajawal,Cairo,sans-serif;font-weight:600;font-size:clamp(.95rem,1.6vw,1.05rem);line-height:1.3}.hh-cgrid[data-align-cards=center] .hh-cgrid__title-row{justify-content:center}.hh-cgrid[data-align-cards=start] .hh-cgrid__title-row{justify-content:flex-start}.hh-cgrid__arrow{display:inline-flex;align-items:center;transition:transform .3s ease}.hh-cgrid__card:hover .hh-cgrid__arrow{transform:translate(-4px)}[dir=ltr] .hh-cgrid__card:hover .hh-cgrid__arrow{transform:translate(4px)}.hh-cgrid__arrow svg{width:18px;height:18px}@media(prefers-reduced-motion:reduce){.hh-cgrid__card,.hh-cgrid__img,.hh-cgrid__arrow{transition:none}.hh-cgrid__card{opacity:1;transform:none}.hh-cgrid__card:hover .hh-cgrid__img,.hh-cgrid__card:hover .hh-cgrid__arrow{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/category-grid-hh.css.map */