.section-pad:has(.collection-nav){position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 18% 18%,rgba(14,96,120,.24),transparent 0 28%,transparent 29%),radial-gradient(circle at 82% 24%,rgba(198,150,54,.16),transparent 0 26%,transparent 27%),radial-gradient(circle at 50% 110%,rgba(91,60,132,.22),transparent 0 38%,transparent 39%),linear-gradient(135deg,#031221,#071d37 44%,#02050d)}.section-pad:has(.collection-nav):before{content:"";position:absolute;top:-24%;right:-24%;bottom:-24%;left:-24%;z-index:-4;pointer-events:none;opacity:.72;background:conic-gradient(from 120deg at 30% 40%,transparent 0deg,rgba(14,182,190,.18) 58deg,transparent 110deg,rgba(238,200,108,.18) 172deg,transparent 236deg,rgba(130,88,188,.14) 302deg,transparent 360deg);filter:blur(2px);animation:zzTilesPrismRotate 24s linear infinite}.section-pad:has(.collection-nav):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;pointer-events:none;opacity:.55;background-image:linear-gradient(120deg,transparent 0 46%,rgba(255,235,168,.18) 49%,transparent 52% 100%),linear-gradient(60deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(120deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:100% 100%,78px 78px,78px 78px;animation:zzTilesLightRibbon 7.5s ease-in-out infinite,zzTilesGridDrift 14s linear infinite;mix-blend-mode:screen}.section-pad:has(.collection-nav) .page-width{position:relative;z-index:2}.section-pad:has(.collection-nav) .page-width:before,.section-pad:has(.collection-nav) .page-width:after{content:"";position:absolute;z-index:-1;pointer-events:none;border-radius:999px;opacity:.58;filter:blur(.3px)}.section-pad:has(.collection-nav) .page-width:before{width:420px;height:420px;right:-120px;top:20px;border:1px solid rgba(238,200,108,.2);box-shadow:inset 0 0 55px #eec86c14,0 0 85px #0eb6be1f;animation:zzTilesOrbitHalo 12s ease-in-out infinite}.section-pad:has(.collection-nav) .page-width:after{width:260px;height:260px;left:-80px;bottom:-70px;border:1px solid rgba(14,182,190,.22);box-shadow:inset 0 0 45px #0eb6be17,0 0 65px #8258bc21;animation:zzTilesOrbitHalo 9s ease-in-out infinite reverse}.section-pad:has(.collection-nav) .section-head{position:relative;overflow:hidden;isolation:isolate;padding:clamp(18px,3vw,30px);border:1px solid rgba(238,200,108,.2);border-radius:34px;background:linear-gradient(135deg,#ffffff0e,#ffffff05);box-shadow:0 22px 80px #00000038,inset 0 1px #ffffff14}.section-pad:has(.collection-nav) .section-head:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(14,182,190,.16),rgba(238,200,108,.18),transparent);transform:translate(-110%);animation:zzTilesHeaderScan 6.2s ease-in-out infinite}.section-pad:has(.collection-nav) .lux-heading{color:#fff2c5;text-shadow:0 0 28px rgba(238,200,108,.24),0 0 48px rgba(14,182,190,.12)}.collection-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,24px);margin-top:clamp(24px,4vw,42px);perspective:1400px;transform-style:preserve-3d}.collection-tile{--tile-accent: #eec86c;--tile-glow: rgba(238, 200, 108, .28);position:relative;min-height:clamp(300px,34vw,460px);overflow:hidden;isolation:isolate;border:1px solid rgba(238,200,108,.24);border-radius:34px;background:linear-gradient(145deg,#ffffff13,#ffffff06);box-shadow:0 28px 78px #0000004d,inset 0 1px #ffffff14;text-decoration:none;transform:translateY(28px) rotateX(6deg) scale(.965);opacity:0;animation:zzTilesEntrance .9s cubic-bezier(.19,1,.22,1) forwards,zzTilesIdleFloat 7s ease-in-out infinite;transition:transform .55s cubic-bezier(.19,1,.22,1),box-shadow .55s ease,border-color .55s ease,filter .55s ease}.collection-tile:nth-child(1){--tile-accent: #eec86c;--tile-glow: rgba(238,200,108,.28);animation-delay:.05s,.8s}.collection-tile:nth-child(2){--tile-accent: #19d0bd;--tile-glow: rgba(25,208,189,.24);animation-delay:.16s,1s}.collection-tile:nth-child(3){--tile-accent: #d79cff;--tile-glow: rgba(215,156,255,.22);animation-delay:.27s,1.2s}.collection-tile:nth-child(4){--tile-accent: #f4df9b;--tile-glow: rgba(244,223,155,.25);animation-delay:.38s,1.4s}.collection-tile:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;z-index:2;pointer-events:none;border-radius:inherit;padding:1px;background:conic-gradient(from var(--tile-angle, 0deg),transparent,var(--tile-accent),transparent 32%,rgba(255,255,255,.2),transparent 62%,var(--tile-accent),transparent);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.44;animation:zzTilesBorderSpin 7.2s linear infinite}.collection-tile:after{content:"";position:absolute;top:-42%;right:-42%;bottom:-42%;left:-42%;z-index:1;pointer-events:none;background:radial-gradient(circle at 28% 22%,var(--tile-glow),transparent 0 22%,transparent 23%),linear-gradient(115deg,transparent 36%,rgba(255,255,255,.28) 48%,rgba(238,200,108,.1) 52%,transparent 64%);transform:translate(-62%) rotate(8deg);opacity:.55;mix-blend-mode:screen;animation:zzTilesPrismSweep 6s ease-in-out infinite}.collection-tile img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;object-fit:cover;transform:scale(1.08);filter:saturate(1.05) contrast(1.08) brightness(.72);transition:transform .9s cubic-bezier(.19,1,.22,1),filter .7s ease}.collection-tile .collection-tile__text{position:absolute;inset:auto 18px 18px;z-index:4;overflow:hidden;display:grid;gap:8px;padding:clamp(18px,2.2vw,26px);border:1px solid rgba(255,255,255,.14);border-radius:26px;background:linear-gradient(145deg,#020b16b8,#061f3070);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 1px #ffffff1a,0 18px 44px #00000047;transform:translateY(0);transition:transform .55s cubic-bezier(.19,1,.22,1),border-color .45s ease,background .45s ease}.collection-tile .collection-tile__text:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.42;background:linear-gradient(90deg,transparent,var(--tile-glow),transparent),radial-gradient(circle at 12% 20%,var(--tile-glow),transparent 0 24%,transparent 25%);transform:translate(-100%);animation:zzTilesTextGlide 5.5s ease-in-out infinite}.collection-tile .eyebrow{color:var(--tile-accent);text-shadow:0 0 18px var(--tile-glow)}.collection-tile h3{margin:0;color:#fff6d7;font-family:Georgia,serif;font-size:clamp(25px,2.3vw,38px);line-height:1.02;text-shadow:0 0 26px rgba(238,200,108,.26)}.collection-tile .collection-tile__text>span:last-child{color:#fffae8bd;line-height:1.5}.collection-tile:hover{transform:translateY(-13px) rotateX(0) rotateY(-2deg) scale(1.025);border-color:color-mix(in srgb,var(--tile-accent) 70%,white 20%);box-shadow:0 42px 120px #00000070,0 0 70px var(--tile-glow),inset 0 1px #ffffff21;filter:saturate(1.08)}.collection-tile:hover img{transform:scale(1.18) translateY(-10px);filter:saturate(1.22) contrast(1.15) brightness(.86)}.collection-tile:hover .collection-tile__text{transform:translateY(-10px);border-color:color-mix(in srgb,var(--tile-accent) 55%,white 10%);background:linear-gradient(145deg,#020b16c7,#082a3e85)}.collection-tile:hover:after{animation-duration:1.85s;opacity:.85}.collection-tile:hover:before{opacity:.88}@keyframes zzTilesPrismRotate{to{transform:rotate(360deg)}}@keyframes zzTilesLightRibbon{0%,35%{transform:translate(-65%);opacity:.18}52%{opacity:.7}to{transform:translate(65%);opacity:.22}}@keyframes zzTilesGridDrift{0%{background-position:0 0,0 0,0 0}to{background-position:0 0,78px 78px,-78px 78px}}@keyframes zzTilesOrbitHalo{0%,to{transform:translateZ(0) scale(.95);opacity:.36}50%{transform:translate3d(-18px,12px,0) scale(1.08);opacity:.66}}@keyframes zzTilesHeaderScan{0%,45%{transform:translate(-110%)}72%,to{transform:translate(110%)}}@keyframes zzTilesEntrance{to{opacity:1;transform:translateY(0) rotateX(0) scale(1)}}@keyframes zzTilesIdleFloat{0%,to{translate:0 0}50%{translate:0 -6px}}@keyframes zzTilesBorderSpin{to{--tile-angle: 360deg}}@keyframes zzTilesPrismSweep{0%,42%{transform:translate(-62%) rotate(8deg);opacity:.25}55%{opacity:.76}to{transform:translate(62%) rotate(8deg);opacity:.34}}@keyframes zzTilesTextGlide{0%,48%{transform:translate(-100%)}75%,to{transform:translate(100%)}}@media(max-width:1099px){.collection-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-tile{min-height:380px}}@media(max-width:640px){.section-pad:has(.collection-nav) .section-head{border-radius:24px}.collection-nav{grid-template-columns:1fr;gap:16px}.collection-tile{min-height:330px;border-radius:28px}.collection-tile .collection-tile__text{inset:auto 14px 14px;border-radius:22px}}@media(prefers-reduced-motion:reduce){.section-pad:has(.collection-nav),.section-pad:has(.collection-nav):before,.section-pad:has(.collection-nav):after,.section-pad:has(.collection-nav) .page-width:before,.section-pad:has(.collection-nav) .page-width:after,.section-pad:has(.collection-nav) .section-head:after,.collection-tile,.collection-tile:before,.collection-tile:after,.collection-tile .collection-tile__text:before{animation:none!important;transition:none!important}.collection-tile,.collection-tile:hover,.collection-tile:hover .collection-tile__text,.collection-tile:hover img{transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/zamzam-category-tiles-prism-animation.css.map */