.template-product{--zz-gold:#c7a14a;--zz-ink:#092a4f;--zz-ease:cubic-bezier(.22,1,.36,1);--zz-speed:.82s}.template-product [id^=ZP-].zz-motion-shell,.template-product [id^=DS-].zz-motion-shell{position:relative;isolation:isolate;overflow:hidden;overflow:clip}.template-product [id^=ZP-].zz-motion-shell:before,.template-product [id^=DS-].zz-motion-shell:before{content:"";position:absolute;z-index:0;top:-28%;right:-24%;width:min(70vw,860px);aspect-ratio:1;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 35% 38%,rgba(255,240,190,.28),transparent 32%),radial-gradient(circle at 62% 58%,rgba(199,161,74,.17),transparent 45%),radial-gradient(circle,rgba(9,42,79,.08),transparent 70%);filter:blur(8px);opacity:.78;animation:zzAura 16s ease-in-out infinite alternate}.template-product [id^=ZP-].zz-motion-shell>*,.template-product [id^=DS-].zz-motion-shell>*{position:relative;z-index:1}.zz-motion-enabled .template-product .zz-intro,.zz-motion-enabled .template-product .zz-reveal{opacity:0;filter:blur(8px);transform:translate3d(0,28px,0) scale(.985);transition:opacity var(--zz-speed) var(--zz-ease) var(--zz-delay,0ms),transform var(--zz-speed) var(--zz-ease) var(--zz-delay,0ms),filter .68s var(--zz-ease) var(--zz-delay,0ms)}.zz-motion-enabled .template-product .zz-from-left{transform:translate3d(-34px,0,0) scale(.985)}.zz-motion-enabled .template-product .zz-from-right{transform:translate3d(34px,0,0) scale(.985)}.zz-motion-enabled .template-product .zz-intro.is-in-view,.zz-motion-enabled .template-product .zz-reveal.is-in-view{opacity:1;filter:blur(0);transform:translateZ(0) scale(1)}.template-product .zz-heading{background-image:linear-gradient(90deg,var(--zz-gold),rgba(199,161,74,.05));background-repeat:no-repeat;background-position:0 100%;background-size:0 1px;transition:background-size 1.05s var(--zz-ease) calc(var(--zz-delay,0ms) + .18s)}.template-product .zz-heading.is-in-view,.template-product .is-in-view .zz-heading{background-size:100% 1px}.template-product .zz-media{--rx:0deg;--ry:0deg;--gx:50%;--gy:42%;position:relative;isolation:isolate;transform-style:preserve-3d;transform:perspective(1200px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .56s var(--zz-ease),box-shadow .56s var(--zz-ease)}.template-product .zz-media:after{content:"";position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--gx) var(--gy),rgba(255,244,205,.34),transparent 23%),linear-gradient(115deg,transparent 30%,rgba(255,255,255,.18) 45%,transparent 59%);background-size:100% 100%,220% 100%;background-position:center,150% 0;opacity:0;transition:opacity .42s ease,background-position .95s var(--zz-ease)}.template-product .zz-media:hover:after,.template-product .zz-media:focus-within:after{opacity:.72;background-position:center,-45% 0}.template-product .zz-media img{backface-visibility:hidden;transform:translateZ(0) scale(1.001);transition:transform .9s var(--zz-ease),filter .7s ease}.template-product .zz-media:hover img{transform:translateZ(18px) scale(1.025);filter:saturate(1.04) contrast(1.015)}.template-product .zz-thumb,.template-product .zz-card,.template-product .zz-cta{position:relative;overflow:hidden;transition:transform .46s var(--zz-ease),box-shadow .46s var(--zz-ease),border-color .36s ease,filter .3s ease}.template-product .zz-thumb:after,.template-product .zz-cta:after{content:"";position:absolute;pointer-events:none;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.46) 48%,transparent 72%);transition:transform .8s var(--zz-ease)}.template-product .zz-thumb:after{top:0;right:0;bottom:0;left:0;transform:translate(-135%)}.template-product .zz-thumb:hover,.template-product .zz-thumb[aria-current=true],.template-product .zz-thumb.is-active{transform:translateY(-4px);border-color:var(--zz-gold);box-shadow:0 12px 26px #092a4f24}.template-product .zz-thumb:hover:after{transform:translate(135%)}.template-product .zz-card{transform-origin:50% 100%}.template-product .zz-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent 42%,rgba(199,161,74,.08));opacity:0;transition:opacity .42s ease}.template-product .zz-card>*{position:relative;z-index:1}.template-product .zz-card:hover{transform:translateY(-7px);border-color:#c7a14a7a;box-shadow:0 22px 54px #092a4f21}.template-product .zz-card:hover:before{opacity:1}.template-product .zz-cta{isolation:isolate;transform:translateZ(0)}.template-product .zz-cta:after{z-index:2;top:-80%;bottom:-80%;left:-48%;width:34%;transform:rotate(16deg) translate(-210%)}.template-product .zz-cta:hover{transform:translateY(-3px);box-shadow:0 15px 34px #092a4f2e;filter:saturate(1.03)}.template-product .zz-cta:hover:after{transform:rotate(16deg) translate(530%)}.template-product .zz-cta:active{transform:scale(.985)}.template-product .zz-cta:focus-visible{outline:2px solid var(--zz-gold);outline-offset:4px}.zz-motion-enabled .template-product .zz-meter .zp-fill,.zz-motion-enabled .template-product .zz-meter .zz-fill{transform:scaleX(0);transform-origin:0 50%;transition:transform 1.25s var(--zz-ease) .16s}.zz-motion-enabled .template-product .zz-meter.is-in-view .zp-fill,.zz-motion-enabled .template-product .zz-meter.is-in-view .zz-fill{transform:scaleX(1)}.template-product .zz-trust>*{transition:transform .42s var(--zz-ease),opacity .35s ease}.template-product .zz-trust>*:hover{transform:translateY(-4px)}@keyframes zzAura{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-7%,9%,0) scale(1.08)}}@media(max-width:859px){.template-product [id^=ZP-].zz-motion-shell:before,.template-product [id^=DS-].zz-motion-shell:before{width:110vw;right:-55%;top:-8%;opacity:.5;animation-duration:20s}.template-product .zz-media{transform:none!important}.template-product .zz-media:hover img{transform:scale(1.012)}.template-product .zz-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #092a4f1a}}@media(prefers-reduced-motion:reduce){.template-product [id^=ZP-].zz-motion-shell:before,.template-product [id^=DS-].zz-motion-shell:before{animation:none}.zz-motion-enabled .template-product .zz-intro,.zz-motion-enabled .template-product .zz-reveal{opacity:1!important;filter:none!important;transform:none!important;transition:none!important}.template-product .zz-media,.template-product .zz-media img,.template-product .zz-thumb,.template-product .zz-card,.template-product .zz-cta,.template-product .zz-meter .zp-fill,.template-product .zz-meter .zz-fill{animation:none!important;transition:none!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/zamzam-product-luxury-motion.css.map */