.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:19.92%;transform:translateY(calc(-12% - var(--jar-lift)));cursor:pointer;text-decoration:none;transition:transform .4s cubic-bezier(.22,1,.36,1),filter .4s;position:absolute;bottom:38.95%}.jar img{filter:drop-shadow(0 18px 28px #00000052);width:100%;height:auto;transition:transform .4s cubic-bezier(.22,1,.36,1),filter .4s;display:block}.jar-glow{z-index:-1;filter:blur(18px);opacity:0;background:radial-gradient(circle,#deaa545c,#0000 68%);border-radius:50%;transition:opacity .4s;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{filter:brightness(1.08)saturate(1.06)drop-shadow(0 24px 36px #0000006b)}.jar-pistachio{z-index:12;right:1.99%}.jar-walnut{right:16.33%}.jar-almond{right:30.68%}.jar-hazelnut{right:45.02%}.jar-cashew{right:59.36%}.jar-raisin{right:73.71%}.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:min(700px,128vw);margin:0 0 100px;left:50%;transform:translate(-50%)}.jar:hover,.jar:focus-visible{transform:translateY(calc(-18% - var(--jar-lift))) scale(1.025)}.jar-pistachio:after{display:none}}
.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}}