.product-shelf{aspect-ratio:1255/449;isolation:isolate;width:min(1255px,100%);margin:0 auto 100px;position:relative;top:0}.shelf-image{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;max-width:none;height:auto;position:absolute;bottom:-21.8%;left:50%;transform:translate(-50%)}.jar{z-index:10;--jar-lift:16px;width:14.35%;transform:translateY(calc(-12% - var(--jar-lift)));cursor:pointer;text-decoration:none;transition:transform .22s ease-out;position:absolute;bottom:38.95%}.jar img{pointer-events:none;filter:drop-shadow(0 18px 28px #00000052);width:138.8%;max-width:none;height:auto;margin-inline:-19.4%;transition:transform .22s ease-out;display:block}.jar-glow{z-index:-1;opacity:0;background:radial-gradient(circle,#deaa545c,#0000 68%);border-radius:50%;transition:opacity .2s;position:absolute;inset:12% -25% -8%}.jar:hover,.jar:focus-visible{z-index:20;transform:translateY(calc(-23% - var(--jar-lift))) scale(1.045);outline:none}.jar:hover .jar-glow,.jar:focus-visible .jar-glow{opacity:1}.jar:hover img,.jar:focus-visible img{transform:translateY(-2px)}.jar-pistachio{z-index:12;right:4.78%}.jar-walnut{right:19.12%}.jar-almond{right:33.47%}.jar-hazelnut{right:47.81%}.jar-cashew{right:62.15%}.jar-raisin{right:76.5%}.jar-pistachio:after{content:"انتخاب ویژه";color:#e5ba76;white-space:nowrap;opacity:0;background:#1b130cb8;border:1px solid #e2b25c73;border-radius:999px;padding:5px 10px;font-size:clamp(8px,.82vw,12px);font-weight:700;transition:opacity .35s,transform .35s;position:absolute;top:20%;right:50%;transform:translate(50%,-115%)}.jar-pistachio:hover:after,.jar-pistachio:focus-visible:after{opacity:1;transform:translate(50%,-130%)}@media (max-width:768px){.product-shelf{width:100%;margin:0 0 100px;left:auto;transform:none}.jar:hover,.jar:focus-visible{transform:translateY(calc(-12% - var(--jar-lift)))}.jar-pistachio:after{display:none}}@media (hover:none),(prefers-reduced-motion:reduce){.jar,.jar img,.jar-glow,.jar-pistachio:after{transition:none}.jar:hover,.jar:focus-visible{transform:translateY(calc(-12% - var(--jar-lift)))}.jar:hover .jar-glow,.jar:focus-visible .jar-glow,.jar-pistachio:hover:after,.jar-pistachio:focus-visible:after{opacity:0}}
.product-scene{background:url(/products/backgrounds/wall-sketch.webp) 50%/cover no-repeat;min-height:auto;padding:80px 0 70px;position:relative;overflow:hidden}.scene-overlay{background:linear-gradient(#080808c7,#120e0c8c,#080808e0);position:absolute;inset:0}.scene-light{filter:blur(70px);pointer-events:none;background:radial-gradient(circle,#c2965a2e,#0000 72%);border-radius:50%;width:700px;height:700px;position:absolute;top:-150px;left:50%;transform:translate(-50%)}.scene-content{z-index:5;width:min(1400px,92%);margin:auto;position:relative}.scene-header{text-align:center;margin-bottom:45px}.scene-kicker{color:#b58a58;letter-spacing:3px;text-transform:uppercase;font-size:15px}.scene-header h1{color:#fff;margin-top:18px;font-size:52px;font-weight:900}.scene-header p{color:#d7d2ca;max-width:760px;margin:18px auto auto;font-size:18px;line-height:2}@media (max-width:768px){.product-scene{padding:112px 0 54px}.scene-content{width:min(100% - 32px,680px)}.scene-header{margin-bottom:28px}.scene-kicker{letter-spacing:1px;font-size:13px}.scene-header h1{margin-top:12px;font-size:clamp(30px,7vw,40px);line-height:1.4}.scene-header p{max-width:560px;margin-top:12px;font-size:15px;line-height:1.9}}@media (max-width:420px){.product-scene{padding-top:104px}.scene-header{margin-bottom:20px}}