.template-product media-gallery{display:block;width:100%;color:var(--a2-espresso,#493529)}.template-product media-gallery>[id^=GalleryViewer]{position:relative;display:block;width:min(100%,calc((100svh - 150px) * .666667));min-width:0;margin-inline:auto;overflow:hidden}.template-product media-gallery .product__media-list{position:relative;display:block!important;width:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;scroll-snap-type:none!important}.template-product media-gallery .product__media-list:after{display:none!important;content:none!important}.template-product media-gallery .product__media-item{display:none!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;background:var(--product-frame,#eee7dc)!important;opacity:0}.template-product media-gallery .product__media-item.is-active{display:flex!important;align-items:center;justify-content:center;opacity:1;animation:aureaGalleryFade .22s var(--aurea-motion-ease,cubic-bezier(.22,1,.36,1))}.template-product media-gallery .product-media-container,.template-product media-gallery .product__modal-opener,.template-product media-gallery .product__media{width:100%!important;max-width:none!important}.template-product media-gallery .product-media-container{aspect-ratio:var(--preview-ratio,2/3);min-height:0!important;border:0!important;border-radius:0!important;background:var(--product-frame,#eee7dc)!important;box-shadow:none!important}.template-product media-gallery .product__modal-opener,.template-product media-gallery .product__media,.template-product media-gallery .deferred-media{height:100%!important}.template-product media-gallery .product__media-toggle{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%}.template-product media-gallery .product__media img,.template-product media-gallery .deferred-media__poster img,.template-product media-gallery video,.template-product media-gallery iframe,.template-product media-gallery model-viewer{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}.template-product .aurea-gallery-controls{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.template-product .aurea-gallery-controls--single .aurea-gallery-arrow{display:none}.template-product .aurea-gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:3.1rem;height:3.1rem;padding:0;border:1px solid rgba(73,53,41,.1);border-radius:50%;background:#f7f3ebad;color:var(--a2-espresso,#493529);box-shadow:0 2px 10px #4935290e;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer;pointer-events:auto;opacity:.72;transition:background-color .18s ease,border-color .18s ease,opacity .18s ease}.template-product .aurea-gallery-arrow:before{content:"";position:absolute;top:-.65rem;right:-.65rem;bottom:-.65rem;left:-.65rem}.template-product .aurea-gallery-arrow--prev{left:.75rem}.template-product .aurea-gallery-arrow--next{right:.75rem}.template-product .aurea-gallery-arrow:hover{background:#f7f3ebf0;border-color:#49352933;opacity:1}.template-product .aurea-gallery-arrow:focus-visible{outline:1px solid var(--a2-gold,#c4a35a);outline-offset:3px}.template-product .aurea-gallery-arrow .svg-wrapper{width:1.25rem;height:1.25rem}.template-product .aurea-gallery-arrow--prev .svg-wrapper{transform:rotate(90deg)}.template-product .aurea-gallery-arrow--next .svg-wrapper{transform:rotate(-90deg)}.template-product .aurea-gallery-counter{position:absolute;inset-inline-end:1.2rem;bottom:1.2rem;min-width:4.4rem;padding:.45rem .75rem;background:#f7f3ebc2;color:#493529b8;font-family:var(--a2-sans,"Noto Sans Arabic",sans-serif);font-size:.95rem;font-weight:400;line-height:1.4;text-align:center;pointer-events:none}.template-product media-gallery>[id^=GalleryThumbnails]{display:flex!important;align-items:center;width:min(100%,calc((100svh - 150px) * .666667));margin:.8rem auto 0!important;padding:0!important}.template-product media-gallery .thumbnail-list{display:flex!important;flex:1 1 auto;gap:.8rem!important;width:100%;margin:0!important;padding:.1rem!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity;scrollbar-width:none}.template-product media-gallery .thumbnail-list::-webkit-scrollbar{display:none}.template-product media-gallery .thumbnail-list__item.slider__slide{flex:0 0 calc((100% - 4rem)/6)!important;width:auto!important;max-width:none!important;aspect-ratio:2/3;scroll-snap-align:start}.template-product media-gallery .thumbnail{top:0;right:0;bottom:0;left:0;border:1px solid rgba(73,53,41,.12)!important;border-radius:0!important;background:#eee7dc!important;box-shadow:none!important;opacity:1!important}.template-product media-gallery .thumbnail img{width:100%;height:100%;object-fit:cover;object-position:center}.template-product media-gallery .thumbnail[aria-current]{border-color:var(--a2-espresso,#493529)!important;box-shadow:inset 0 -2px 0 var(--a2-espresso,#493529)!important}.template-product media-gallery .thumbnail:focus-visible{outline:1px solid var(--a2-gold,#c4a35a)!important;outline-offset:2px}.template-product media-gallery .thumbnail__badge{width:2.2rem;height:2.2rem;inset:.45rem .45rem auto auto;background:#f7f3ebdb;border-color:#4935291f}.template-product media-gallery>[id^=GalleryThumbnails]>.slider-button{display:none!important}.template-product .product__media-icon{top:1.2rem!important;right:1.2rem!important;width:3.2rem!important;height:3.2rem!important;border-color:#4935291f!important;background:#f7f3ebc2!important;box-shadow:none!important}@media(max-width:989px){.template-product media-gallery>[id^=GalleryViewer],.template-product media-gallery>[id^=GalleryThumbnails]{width:100%}.template-product media-gallery .thumbnail-list__item.slider__slide{flex-basis:calc((100% - 3.2rem)/5)!important}}@media(max-width:749px){.template-product .product__media-wrapper{padding-inline:1.6rem!important}.template-product media-gallery>[id^=GalleryViewer]{margin:0!important;overflow:hidden!important}.template-product media-gallery .product__media-list{width:100%!important;margin:0!important}.template-product media-gallery .product-media-container{aspect-ratio:var(--preview-ratio,2/3)}.template-product .aurea-gallery-arrow{width:3rem;height:3rem;background:#f7f3ebb3;opacity:.84}.template-product .aurea-gallery-arrow--prev{left:.65rem}.template-product .aurea-gallery-arrow--next{right:.65rem}.template-product .aurea-gallery-counter{inset-inline-end:.9rem;bottom:.9rem}.template-product media-gallery>[id^=GalleryThumbnails]{margin-top:.8rem!important}.template-product media-gallery .thumbnail-list{gap:.7rem!important}.template-product media-gallery .thumbnail-list__item.slider__slide{flex-basis:calc((100% - 2.8rem)/5)!important}}@media(max-width:359px){.template-product .product__media-wrapper{padding-inline:1.2rem!important}.template-product media-gallery .thumbnail-list__item.slider__slide{flex-basis:calc((100% - 2.1rem)/4)!important}}@media(prefers-reduced-motion:reduce){.template-product media-gallery .product__media-item.is-active{animation:none}.template-product .aurea-gallery-arrow{transition:none}}@keyframes aureaGalleryFade{0%{opacity:.72}to{opacity:1}}.template-product .product-media-modal{background:#f4efe6f9!important;transition:opacity .22s ease,visibility 0s linear .22s!important}.template-product .product-media-modal[open]{transition-delay:0s!important}.template-product .product-media-modal__dialog{min-height:100%;padding:2rem;background:transparent!important}.template-product .product-media-modal__content{display:grid!important;place-items:center;width:100%;height:100%;max-height:calc(100vh - 16rem)!important;padding:0!important;overflow:hidden!important;background:transparent!important}.template-product .product-media-modal__content>*:not(.active){display:none!important}.template-product .product-media-modal__content>.active{display:block!important;width:auto!important;max-width:min(88vw,1100px)!important;max-height:calc(100vh - 16rem)!important;margin:auto!important;animation:aureaLightboxIn .22s cubic-bezier(.22,1,.36,1)}.template-product .product-media-modal__content>img.active{height:auto!important;object-fit:contain!important;cursor:zoom-in;touch-action:none;-webkit-user-select:none;user-select:none;will-change:transform}.template-product .product-media-modal__content>img.active.is-zoomed{cursor:zoom-out}.template-product .product-media-modal__content>img.active.is-zoom-animating{transition:transform .2s cubic-bezier(.22,1,.36,1)}.template-product .product-media-modal__content>.deferred-media.active,.template-product .product-media-modal__content>.product-media-modal__model.active{width:min(88vw,1100px)!important;height:min(82vh,820px)!important}.template-product .product-media-modal__toggle{top:1.6rem!important;right:1.6rem!important;width:3.4rem!important;height:3.4rem!important;padding:.9rem!important;border:1px solid rgba(73,53,41,.16)!important;background:#f7f3ebd1!important;color:var(--a2-espresso,#493529)!important;box-shadow:none!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.template-product .product-media-modal__toggle .icon{width:1.3rem!important}.template-product .aurea-lightbox__controls{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;color:var(--a2-espresso,#493529)}.template-product .aurea-lightbox__arrow{position:absolute;top:50%;display:grid;place-items:center;width:3.2rem;height:3.2rem;padding:0;border:1px solid rgba(73,53,41,.14);border-radius:50%;background:#f7f3ebc7;color:inherit;cursor:pointer;pointer-events:auto;transform:translateY(-50%)}.template-product .aurea-lightbox__arrow:before{content:"";position:absolute;top:-.6rem;right:-.6rem;bottom:-.6rem;left:-.6rem}.template-product .aurea-lightbox__arrow .svg-wrapper{width:1.15rem;height:1.15rem}.template-product .aurea-lightbox__arrow--previous{left:2rem}.template-product .aurea-lightbox__arrow--next{right:2rem}.template-product .aurea-lightbox__arrow--previous .svg-wrapper{transform:rotate(90deg)}.template-product .aurea-lightbox__arrow--next .svg-wrapper{transform:rotate(-90deg)}.template-product .aurea-lightbox__footer{position:absolute;right:50%;bottom:1.2rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;width:min(68vw,720px);transform:translate(50%);pointer-events:auto}.template-product .aurea-lightbox__counter{font-size:.95rem;line-height:1.3;color:#4935299e;direction:ltr}.template-product .aurea-lightbox__thumbnails{display:flex;justify-content:flex-start;gap:.6rem;max-width:100%;padding:.2rem;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.template-product .aurea-lightbox__thumbnails::-webkit-scrollbar{display:none}.template-product .aurea-lightbox__thumbnail{position:relative;flex:0 0 4.2rem;width:4.2rem;aspect-ratio:2/3;padding:0;overflow:hidden;border:1px solid transparent;background:#eee7dc;cursor:pointer;opacity:.66}.template-product .aurea-lightbox__thumbnail[aria-current]{border-color:var(--a2-espresso,#493529);opacity:1}.template-product .aurea-lightbox__thumbnail img{width:100%;height:100%;display:block;object-fit:cover}.template-product .aurea-lightbox__media-badge{position:absolute;inset:.3rem .3rem auto auto;display:grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:50%;background:#f7f3ebd9}.template-product .aurea-lightbox__media-badge svg{width:.9rem;height:.9rem}@keyframes aureaLightboxIn{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@media(max-width:749px){.template-product .product-media-modal__dialog{padding:1.4rem}.template-product .product-media-modal__content{max-height:calc(100vh - 12rem)!important}.template-product .product-media-modal__content>.active{max-width:calc(100vw - 2.8rem)!important;max-height:calc(100vh - 12rem)!important}.template-product .aurea-lightbox__arrow{width:3rem;height:3rem}.template-product .aurea-lightbox__arrow--previous{left:.8rem}.template-product .aurea-lightbox__arrow--next{right:.8rem}.template-product .aurea-lightbox__footer{bottom:.8rem;width:calc(100vw - 3.2rem)}.template-product .aurea-lightbox__thumbnail{flex-basis:3.8rem;width:3.8rem}}@media(prefers-reduced-motion:reduce){.template-product .product-media-modal{transition:none!important}.template-product .product-media-modal__content>.active{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/aurea-product-gallery.css.map */