.shiffa-hero{--sh-gold: #C8A74C;--sh-gold-light: #D4B968;--sh-gold-pale: #E8D9A0;--sh-gold-glow: rgba(200, 167, 76, .25);--sh-green: #2E7D32;--sh-green-glow: rgba(46, 125, 50, .2);--sh-dark: #030303;--sh-text: #F0E9DA;--sh-text-muted: rgba(240, 233, 218, .55);--sh-radius: 12px;--sh-ease: cubic-bezier(.16, 1, .3, 1);--sh-ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--sh-ease-smooth: cubic-bezier(.25, .46, .45, .94);--sh-ease-silk: cubic-bezier(.22, .61, .36, 1)}.shiffa-hero-section.shopify-section{margin-top:calc(var(--header-group-height, var(--header-height, 0px)) * -1)!important;padding-top:0!important}.shiffa-hero{position:relative;width:100%;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--sh-dark);color:var(--sh-text);z-index:1;contain:layout paint;margin-top:0;padding-top:var(--header-group-height, var(--header-height, 0px))}.shiffa-hero:before{content:"";position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;background:radial-gradient(ellipse 35% 45% at 20% 30%,rgba(200,167,76,.07) 0%,transparent 60%),radial-gradient(ellipse 40% 35% at 75% 65%,rgba(46,125,50,.05) 0%,transparent 60%),radial-gradient(ellipse 50% 50% at 50% 50%,rgba(200,167,76,.03) 0%,transparent 70%);animation:sh-mesh-drift 25s ease-in-out infinite alternate;z-index:0}@keyframes sh-mesh-drift{0%{transform:translate(0) scale(1)}33%{transform:translate(1.2%,-.8%) scale(1.01)}66%{transform:translate(-.5%,.6%) scale(1.015)}to{transform:translate(-.8%,.4%) scale(.995)}}.shiffa-hero-section.shopify-section:before,.shiffa-hero-section.shopify-section:after{display:none!important}.sh-parallax-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;will-change:transform}.sh-layer{position:absolute;top:-10%;right:-5%;bottom:-10%;left:-5%;will-change:transform;transform:translateZ(0);transition:transform .15s linear}.sh-nebula{position:absolute;border-radius:50%;filter:blur(100px);mix-blend-mode:screen}.sh-nebula--1{width:60vw;height:60vw;max-width:700px;max-height:700px;top:-15%;left:15%;background:radial-gradient(circle,rgba(200,167,76,.22) 0%,transparent 65%);opacity:.7;animation:sh-nebula-breathe 14s ease-in-out infinite alternate}.sh-nebula--2{width:45vw;height:45vw;max-width:550px;max-height:550px;bottom:-10%;right:5%;background:radial-gradient(circle,rgba(46,125,50,.16) 0%,transparent 65%);opacity:.6;animation:sh-nebula-breathe 18s ease-in-out infinite alternate-reverse}@keyframes sh-nebula-breathe{0%{transform:translate(0) scale(1);opacity:.35}20%{transform:translate(8px,-5px) scale(1.02);opacity:.42}40%{transform:translate(16px,-10px) scale(1.05);opacity:.5}60%{transform:translate(10px,-3px) scale(1.03);opacity:.48}80%{transform:translate(-6px,8px) scale(.98);opacity:.38}to{transform:translate(-10px,12px) scale(.97);opacity:.36}}.sh-nebula--3{width:35vw;height:35vw;max-width:420px;max-height:420px;top:40%;left:50%;transform:translate(-50%);background:radial-gradient(circle,rgba(200,167,76,.08) 0%,transparent 65%);opacity:.3;animation:sh-nebula-breathe 20s ease-in-out infinite}.sh-grid-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(200,167,76,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(200,167,76,.03) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,rgba(0,0,0,.5) 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,rgba(0,0,0,.5) 0%,transparent 70%)}.sh-corner{position:absolute;width:140px;height:140px;opacity:.85}.sh-corner--tl{top:5%;left:3%}.sh-corner--tr{top:5%;right:3%}.sh-corner--bl{bottom:5%;left:3%}.sh-corner--br{bottom:5%;right:3%}@media(max-width:749px){.sh-corner{width:60px;height:60px}}.sh-mandala-svg{position:absolute;width:min(80vw,720px);height:min(80vw,720px);top:50%;left:50%;transform:translate(-50%,-50%);opacity:.9;filter:drop-shadow(0 0 50px rgba(200,167,76,.1))}.sh-mandala-rotate{transform-origin:400px 400px;animation:sh-mandala-spin 120s linear infinite}.sh-mandala-rotate-reverse{transform-origin:400px 400px;animation:sh-mandala-spin-reverse 90s linear infinite}@keyframes sh-mandala-spin{to{transform:rotate(360deg)}}@keyframes sh-mandala-spin-reverse{to{transform:rotate(-360deg)}}.sh-geo{position:absolute;opacity:0;animation:sh-geo-float 30s var(--sh-ease-silk) infinite,sh-geo-appear 2.5s var(--sh-ease-silk) forwards}.sh-geo--octagon{width:36px;height:36px;background:#c8a74c08;border:1px solid rgba(200,167,76,.1);clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.sh-geo--1{top:18%;left:8%;--float-x: 35px;--float-y: -20px}.sh-geo--2{top:32%;right:12%;width:48px;height:48px;animation-delay:-4s;--float-x: -28px;--float-y: 30px}.sh-geo--diamond{width:26px;height:26px;border:1px solid rgba(200,167,76,.08);background:#c8a74c05;transform:rotate(45deg)}.sh-geo--3{bottom:28%;left:12%;animation-delay:-2s;--float-x: 18px;--float-y: -35px}.sh-geo--4{top:58%;right:18%;width:18px;height:18px;animation-delay:-8s;--float-x: -22px;--float-y: 18px}.sh-geo--hexagon{width:30px;height:30px;border:1px solid rgba(46,125,50,.1);background:#2e7d3205;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sh-geo--5{top:22%;right:28%;animation-delay:-6s;--float-x: -30px;--float-y: -12px}.sh-geo--6{bottom:18%;right:8%;width:38px;height:38px;animation-delay:-10s;--float-x: 25px;--float-y: 22px}.sh-geo--star{width:22px;height:22px;border:1px solid rgba(200,167,76,.12);background:#c8a74c05;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.sh-geo--7{top:48%;left:5%;animation-delay:-14s;--float-x: 40px;--float-y: -8px}.sh-geo--8{bottom:38%;left:38%;width:16px;height:16px;animation-delay:-3s;--float-x: -12px;--float-y: 25px}@keyframes sh-geo-float{0%,to{transform:translate(0) rotate(0)}15%{transform:translate(calc(var(--float-x) * .4),calc(var(--float-y) * .2)) rotate(30deg)}35%{transform:translate(var(--float-x),calc(var(--float-y) * .6)) rotate(80deg)}50%{transform:translate(calc(var(--float-x) * .7),var(--float-y)) rotate(130deg)}65%{transform:translate(calc(var(--float-x) * .2),calc(var(--float-y) * .8)) rotate(200deg)}85%{transform:translate(calc(var(--float-x) * -.2),calc(var(--float-y) * -.2)) rotate(300deg)}}@keyframes sh-geo-appear{0%{opacity:0}to{opacity:1}}.sh-particles-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2}.sh-arch-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.sh-gradient-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(3,3,3,.2) 0%,transparent 25%,transparent 65%,rgba(3,3,3,.4) 100%);z-index:3;transition:opacity .6s var(--sh-ease-silk)}.sh-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1.5rem 3rem;flex:1}.sh-content__inner{max-width:820px;width:100%;padding:2.5rem;border-radius:20px;background:#08080826;backdrop-filter:blur(8px) saturate(1.1);-webkit-backdrop-filter:blur(8px) saturate(1.1);border:1px solid rgba(200,167,76,.15);box-shadow:0 16px 48px #0003,0 0 80px #c8a74c0d,inset 0 1px #c8a74c1f;position:relative;overflow:hidden;transition:transform .4s var(--sh-ease-silk),box-shadow .4s var(--sh-ease-silk);will-change:transform}.sh-content__inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;padding:1px;background:linear-gradient(135deg,#c8a74c2e,#c8a74c08 30%,#2e7d320f,#c8a74c08 70%,#c8a74c1f);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;animation:sh-border-pulse 6s ease-in-out infinite}@keyframes sh-border-pulse{0%,to{opacity:.5}25%{opacity:.7}50%{opacity:.95}75%{opacity:.75}}.sh-content__inner:after{content:"";position:absolute;top:-40%;left:-40%;width:180%;height:180%;background:radial-gradient(ellipse at 25% 25%,rgba(200,167,76,.03) 0%,transparent 50%);pointer-events:none;animation:sh-inner-glow 12s ease-in-out infinite alternate}@keyframes sh-inner-glow{0%{transform:translate(0)}to{transform:translate(4%,4%)}}.sh-bismillah{margin-bottom:1rem;position:relative;z-index:1}.sh-bismillah__text{font-family:Amiri,Scheherazade New,serif;font-size:clamp(.9rem,2.2vw,1.3rem);color:var(--sh-gold);opacity:.5;letter-spacing:.08em;display:inline-block;text-shadow:0 0 20px rgba(200,167,76,.1)}.sh-overline{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1.2rem;padding:6px 16px;font-size:.65rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--sh-gold-light);background:#c8a74c0f;border:1px solid rgba(200,167,76,.12);border-radius:100px;position:relative;z-index:1}.sh-overline__star{font-size:.5rem;opacity:.65;animation:sh-star-pulse 3s ease-in-out infinite}@keyframes sh-star-pulse{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.85;transform:scale(1.3)}}.sh-heading{font-family:Amiri,Playfair Display,serif;font-size:clamp(2rem,5vw,3.8rem);font-weight:700;line-height:1.15;color:#f0e9da!important;-webkit-text-fill-color:#F0E9DA!important;text-shadow:0 0 30px rgba(200,167,76,.3),0 2px 8px rgba(0,0,0,.5);margin:0 0 1.2rem;perspective:800px;overflow:visible;position:relative;z-index:1}.sh-heading .sh-word{display:inline-block;overflow:hidden;vertical-align:top;margin-right:.25em}.sh-heading .sh-word:last-child{margin-right:0}.sh-heading .sh-word__inner{display:inline-block;transform:translateY(0) rotateX(0);opacity:1!important;color:#f0e9da!important;-webkit-text-fill-color:#F0E9DA!important;transition:transform .7s var(--sh-ease-silk),opacity .6s var(--sh-ease-silk)}.sh-heading.is-visible .sh-word__inner{transform:translateY(0) rotateX(0);opacity:1}.sh-heading .sh-word__inner{transition-delay:calc(var(--word-index, 0) * .06s + .12s)}.sh-heading .sh-word:nth-child(n+5) .sh-word__inner{background:linear-gradient(135deg,var(--sh-gold-pale) 0%,var(--sh-gold) 40%,var(--sh-gold-light) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent!important;text-shadow:none}.sh-heading-line{display:block}.sh-subheading{font-size:clamp(.85rem,1.5vw,1.1rem);line-height:1.7;color:var(--sh-text-muted);max-width:550px;margin:0 auto 2rem;font-weight:300;letter-spacing:.015em;position:relative;z-index:1}.sh-trust-strip{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;margin-bottom:2rem;position:relative;z-index:1}.sh-trust-item{display:inline-flex;align-items:center;gap:5px;font-size:.62rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--sh-gold-light);padding:5px 12px;border:1px solid rgba(200,167,76,.1);border-radius:100px;background:#c8a74c08;transition:all .35s var(--sh-ease-silk)}.sh-trust-item svg{stroke:var(--sh-gold);flex-shrink:0;width:14px;height:14px}.sh-trust-item:hover{background:#c8a74c14;border-color:#c8a74c33}.sh-trust-divider{color:#c8a74c26;font-size:.8rem;line-height:1}.sh-cta-group{display:flex;align-items:center;justify-content:center;gap:.8rem;flex-wrap:wrap;position:relative;z-index:1}.sh-cta{position:relative;display:inline-flex;align-items:center;gap:8px;padding:14px 32px;font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border-radius:100px;overflow:hidden;cursor:pointer;transition:all .4s var(--sh-ease-silk)}.sh-cta--primary{background:linear-gradient(135deg,var(--sh-gold) 0%,var(--sh-gold-light) 50%,var(--sh-gold) 100%);background-size:200% 200%;color:#0a0a0a;border:none;box-shadow:0 4px 20px #c8a74c4d,inset 0 1px #ffffff2e;animation:sh-btn-gradient 5s ease infinite}@keyframes sh-btn-gradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.sh-cta--primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 30px #c8a74c73,inset 0 1px #ffffff38;color:#0a0a0a}.sh-cta--primary:active{transform:translateY(0) scale(.98)}.sh-cta__shine{position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:skew(-20deg)}.sh-cta--primary:hover .sh-cta__shine{animation:sh-shine-sweep .6s ease-out forwards}@keyframes sh-shine-sweep{to{left:130%}}.sh-cta--secondary{background:#c8a74c0a;color:var(--sh-gold-light);border:1px solid rgba(200,167,76,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sh-cta--secondary:hover{background:#c8a74c1a;border-color:#c8a74c59;transform:translateY(-2px);color:var(--sh-gold-light);box-shadow:0 4px 16px #c8a74c1f}.sh-cta__icon{display:flex;transition:transform .35s var(--sh-ease-silk)}.sh-cta:hover .sh-cta__icon{transform:translate(4px)}.sh-scroll-indicator{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:10}.sh-scroll-indicator__line{width:1px;height:36px;background:linear-gradient(to bottom,rgba(200,167,76,.35),transparent);position:relative;overflow:hidden}.sh-scroll-indicator__line:after{content:"";position:absolute;top:-100%;left:0;width:100%;height:50%;background:var(--sh-gold);animation:sh-scroll-drop 2.5s ease-in-out infinite}@keyframes sh-scroll-drop{0%{top:-50%;opacity:0}20%{opacity:.8}50%{opacity:1}to{top:100%;opacity:0}}.sh-scroll-indicator__text{font-size:.5rem;letter-spacing:.25em;text-transform:uppercase;color:var(--sh-gold);opacity:.4}.shiffa-hero [data-animate]{opacity:0;transform:translateY(18px);transition:opacity .65s var(--sh-ease-silk),transform .65s var(--sh-ease-silk)}.shiffa-hero [data-animate=fade-down]{transform:translateY(-12px)}.shiffa-hero [data-animate].is-visible{opacity:1;transform:translateY(0)}.shiffa-hero-section.shopify-section{position:relative}@media(max-width:749px){.shiffa-hero{min-height:100vh;min-height:100dvh;padding-top:var(--header-group-height, 100px)}.sh-content{min-height:auto;padding:.5rem .75rem 1.5rem;justify-content:flex-start}.sh-content__inner{padding:1.25rem 1rem;border-radius:16px}.sh-heading{font-size:clamp(1.5rem,6.5vw,2.2rem);margin-bottom:.6rem}.sh-subheading{font-size:.82rem;margin-bottom:1.2rem;line-height:1.6}.sh-bismillah{margin-bottom:.5rem}.sh-overline{margin-bottom:.6rem;padding:5px 12px;font-size:.55rem}.sh-trust-strip{gap:.3rem;margin-bottom:1rem}.sh-trust-divider{display:none}.sh-trust-item{font-size:.55rem;padding:4px 8px;gap:3px}.sh-trust-item svg{width:12px;height:12px}.sh-cta-group{flex-direction:column;width:100%;gap:.6rem}.sh-cta{width:100%;justify-content:center;padding:12px 20px;font-size:.75rem}.sh-geo--2,.sh-geo--4,.sh-geo--6{display:none}.sh-mandala-svg{width:110vw;height:110vw}.sh-bismillah__text{font-size:.8rem}.sh-scroll-indicator{bottom:.8rem}.sh-scroll-indicator__line{height:28px}}@media(prefers-reduced-motion:reduce){.sh-mandala-rotate,.sh-mandala-rotate-reverse,.sh-geo,.sh-nebula,.sh-scroll-indicator__line:after,.sh-overline__star{animation:none!important}.shiffa-hero:before{animation:none!important}.sh-heading .sh-word__inner{transform:none!important;opacity:1!important;transition:none!important}.shiffa-hero [data-animate]{opacity:1!important;transform:none!important;transition:none!important}.sh-particles-canvas{display:none}.sh-content__inner:before{animation:none!important}}.sh-mandala-svg,.sh-geo,.sh-nebula,.sh-arch-svg{will-change:transform;contain:strict}
/*# sourceMappingURL=/cdn/shop/t/3/assets/shiffa-hero-immersive.css.map */