.hh-gallery{--hh-gallery-text: #1B3A8C;--hh-gallery-accent: #CC1515;--hh-gallery-gap: 1rem;padding-block:clamp(2rem,5vw,3.5rem);padding-inline:clamp(1rem,4vw,2.5rem);max-width:1400px;margin-inline:auto}.hh-gallery__header{text-align:center;margin-bottom:clamp(1.5rem,4vw,2.5rem)}.hh-gallery[data-align=start] .hh-gallery__header{text-align:start}.hh-gallery[data-align=end] .hh-gallery__header{text-align:end}.hh-gallery__heading{margin:0 0 .5rem;font-family:Tajawal,Cairo,sans-serif;font-weight:800;font-size:clamp(1.5rem,3.5vw,2.25rem);color:var(--hh-gallery-text);line-height:1.2}.hh-gallery__heading strong,.hh-gallery__heading b{color:var(--hh-gallery-accent)}.hh-gallery__subtitle{margin:0;font-family:Tajawal,Cairo,sans-serif;font-size:clamp(.95rem,1.6vw,1.05rem);color:#5b6273;line-height:1.5;max-width:640px;margin-inline:auto}.hh-gallery__grid{column-count:2;column-gap:var(--hh-gallery-gap)}@media(min-width:600px){.hh-gallery__grid{column-count:3}}@media(min-width:1000px){.hh-gallery__grid{column-count:var(--hh-gallery-cols, 3)}}.hh-gallery__item{position:relative;display:block;margin-bottom:var(--hh-gallery-gap);break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;border-radius:var(--hh-gallery-radius, 12px);overflow:hidden;background:#f0f0f0;cursor:zoom-in;text-decoration:none;color:inherit;box-shadow:0 2px 6px #0000000a;transition:transform .4s ease,box-shadow .4s ease;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease,box-shadow .4s ease}.hh-gallery__item.is-visible{opacity:1;transform:translateY(0)}.hh-gallery__item:hover,.hh-gallery__item:focus-visible{box-shadow:0 8px 24px #0000001f}.hh-gallery__item:focus-visible{outline:2px solid var(--hh-gallery-text);outline-offset:3px}.hh-gallery__item--link{cursor:pointer}.hh-gallery__img{display:block;width:100%;height:auto;transition:transform .6s cubic-bezier(.4,0,.2,1)}.hh-gallery__item:hover .hh-gallery__img,.hh-gallery__item:focus-visible .hh-gallery__img{transform:scale(1.04)}.hh-gallery__caption{position:absolute;inset-block-end:0;inset-inline-start:0;inset-inline-end:0;padding:.75rem 1rem;font-family:Tajawal,Cairo,sans-serif;font-weight:600;font-size:.95rem;color:#fff;background:linear-gradient(to top,#000000a6,#0000);opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease;text-align:start}.hh-gallery__item:hover .hh-gallery__caption,.hh-gallery__item:focus-visible .hh-gallery__caption{opacity:1;transform:translateY(0)}.hh-gallery__zoom-icon{position:absolute;inset-block-start:.6rem;inset-inline-end:.6rem;width:32px;height:32px;background:#ffffffd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--hh-gallery-text);opacity:0;transform:scale(.8);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.hh-gallery__item:hover .hh-gallery__zoom-icon{opacity:1;transform:scale(1)}.hh-gallery__zoom-icon svg{width:16px;height:16px}.hh-gallery-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none;align-items:center;justify-content:center;background:#0a0f1eeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:2rem;animation:hhGalleryFadeIn .3s ease}.hh-gallery-lightbox.is-open{display:flex}.hh-gallery-lightbox__img{max-width:92vw;max-height:85vh;width:auto;height:auto;border-radius:12px;box-shadow:0 20px 60px #00000080;animation:hhGalleryZoomIn .3s ease}.hh-gallery-lightbox__close,.hh-gallery-lightbox__nav{position:absolute;background:#ffffff1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);color:#fff;width:48px;height:48px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,transform .2s ease}.hh-gallery-lightbox__close:hover,.hh-gallery-lightbox__nav:hover{background:#ffffff38;transform:scale(1.08)}.hh-gallery-lightbox__close{top:1.5rem;inset-inline-end:1.5rem}.hh-gallery-lightbox__nav--prev{top:50%;transform:translateY(-50%);inset-inline-start:1.5rem}.hh-gallery-lightbox__nav--next{top:50%;transform:translateY(-50%);inset-inline-end:1.5rem}.hh-gallery-lightbox__nav--prev:hover,.hh-gallery-lightbox__nav--next:hover{transform:translateY(-50%) scale(1.08)}.hh-gallery-lightbox__close svg,.hh-gallery-lightbox__nav svg{width:20px;height:20px}[dir=rtl] .hh-gallery-lightbox__nav svg{transform:scaleX(-1)}.hh-gallery-lightbox__counter{position:absolute;inset-block-end:1.5rem;inset-inline-start:50%;transform:translate(50%);color:#fff;font-family:Tajawal,Cairo,sans-serif;font-size:.875rem;background:#ffffff1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.4rem 1rem;border-radius:999px;font-variant-numeric:tabular-nums}[dir=ltr] .hh-gallery-lightbox__counter{transform:translate(-50%)}@keyframes hhGalleryFadeIn{0%{opacity:0}to{opacity:1}}@keyframes hhGalleryZoomIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.hh-gallery__item,.hh-gallery__img,.hh-gallery__caption,.hh-gallery__zoom-icon{transition:none}.hh-gallery__item{opacity:1;transform:none}.hh-gallery__item:hover .hh-gallery__img{transform:none}.hh-gallery-lightbox,.hh-gallery-lightbox__img{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/lifestyle-gallery-hh.css.map */