/* Rasa Hero Products — هیرو حرفه‌ای اکوسیستم */
.rasa-hero-products-widget{
  --rhp-accent:#1E4FD6;
  --rhp-text:#0B1F3A;
  --rhp-muted:#64748B;
  --rhp-soft:#EEF3FB;
  --rhp-card:#FFFFFF;
  --rhp-line:rgba(30,79,214,.14);
  --rhp-shadow:0 18px 50px rgba(15,40,80,.1);
  direction:rtl;
  color:var(--rhp-text);
  width:100%;
  box-sizing:border-box;
  background:transparent;
  overflow:hidden;
  position:relative;
  isolation:isolate;
  max-width:100%;
}

.rasa-hero-products-widget,
.rasa-hero-products-widget *{box-sizing:border-box;}

.rasa-hero-products-widget a{text-decoration:none;color:inherit;}
.rasa-hero-products-widget h1,
.rasa-hero-products-widget h3,
.rasa-hero-products-widget p{margin:0;}

.rasa-hero-products-widget .rhp-section{
  width:min(1380px,100%);
  max-width:100%;
  margin:0 auto;
  padding:2.75rem 1.1rem 3rem;
  position:relative;
  z-index:1;
}

/* Background — contained, soft mask, no viewport overflow */
.rasa-hero-products-widget .rhp-bg{
  --rhp-mx:0;
  --rhp-my:0;
  position:absolute;
  inset:0;
  width:100%;
  max-width:100%;
  height:100%;
  pointer-events:none;
  z-index:0;
  overflow:hidden;
  color:var(--rhp-accent);
  -webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 28%, #000 15%, rgba(0,0,0,.45) 55%, transparent 78%);
  mask-image:radial-gradient(ellipse 80% 70% at 50% 28%, #000 15%, rgba(0,0,0,.45) 55%, transparent 78%);
}

.rasa-hero-products-widget .rhp-bg-layer{
  position:absolute;
  inset:0;
  will-change:transform;
}

.rasa-hero-products-widget .rhp-bg.is-mouse .rhp-bg-layer{
  transform:translate3d(calc(var(--rhp-mx) * 28px), calc(var(--rhp-my) * 20px), 0);
}

.rasa-hero-products-widget .rhp-fx{position:absolute; pointer-events:none;}

/* 1) Bloom — شکوفایی نور */
.rasa-hero-products-widget .rhp-bloom{
  border-radius:50%;
  filter:blur(48px);
  mix-blend-mode:multiply;
  opacity:.55;
  will-change:transform, opacity;
}
.rasa-hero-products-widget .rhp-bloom-a{
  width:min(520px,85%);
  height:min(520px,85%);
  top:0%; right:5%;
  background:radial-gradient(circle, color-mix(in srgb,var(--rhp-accent) 40%,transparent), transparent 70%);
  animation:rhpBloomA 12s ease-in-out infinite alternate;
}
.rasa-hero-products-widget .rhp-bloom-b{
  width:min(420px,75%);
  height:min(420px,75%);
  top:18%; left:0%;
  background:radial-gradient(circle, color-mix(in srgb,var(--rhp-accent) 22%,#7dd3fc), transparent 72%);
  animation:rhpBloomB 15s ease-in-out infinite alternate;
}
.rasa-hero-products-widget .rhp-bloom-c{
  width:min(300px,55%);
  height:min(300px,55%);
  top:6%; left:38%;
  background:radial-gradient(circle, color-mix(in srgb,var(--rhp-accent) 18%,#c4b5fd), transparent 74%);
  opacity:.4;
  animation:rhpBloomC 10s ease-in-out infinite alternate;
}
.rasa-hero-products-widget .rhp-bloom-petal{
  width:min(180px,40%);
  height:min(180px,40%);
  border-radius:60% 40% 55% 45%;
  filter:blur(22px);
  opacity:.35;
  animation:rhpPetal 14s ease-in-out infinite alternate;
}
.rasa-hero-products-widget .rhp-bloom-petal-1{
  top:12%; left:22%;
  background:linear-gradient(135deg, color-mix(in srgb,var(--rhp-accent) 35%,transparent), transparent);
}
.rasa-hero-products-widget .rhp-bloom-petal-2{
  top:8%; right:18%;
  background:linear-gradient(220deg, color-mix(in srgb,#38bdf8 30%,transparent), transparent);
  animation-delay:-4s;
}
.rasa-hero-products-widget .rhp-bloom-petal-3{
  top:28%; left:48%;
  width:min(140px,32%); height:min(140px,32%);
  background:linear-gradient(40deg, color-mix(in srgb,var(--rhp-accent) 25%,#a5b4fc), transparent);
  animation-delay:-7s;
}
@keyframes rhpBloomA{ from{transform:translate(0,0) scale(1);} to{transform:translate(-30px,24px) scale(1.12);} }
@keyframes rhpBloomB{ from{transform:translate(0,0) scale(1.05);} to{transform:translate(36px,-20px) scale(1);} }
@keyframes rhpBloomC{ from{transform:scale(.92);} to{transform:scale(1.1);} }
@keyframes rhpPetal{
  from{transform:rotate(-8deg) translate(0,0);}
  to{transform:rotate(12deg) translate(16px,12px);}
}

/* 2) Signal — سیگنال رادار */
.rasa-hero-products-widget .rhp-signal-disc{
  left:calc(50% + var(--rhp-mx) * 12%);
  top:calc(30% + var(--rhp-my) * 10%);
  width:min(340px,70%);
  height:min(340px,70%);
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle, color-mix(in srgb,var(--rhp-accent) 14%,transparent) 0%, transparent 68%);
  transition:left .25s ease-out, top .25s ease-out;
}
.rasa-hero-products-widget .rhp-signal-sweep{
  left:calc(50% + var(--rhp-mx) * 12%);
  top:calc(30% + var(--rhp-my) * 10%);
  width:min(360px,74%);
  height:min(360px,74%);
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:conic-gradient(from 0deg, transparent 0 68%, color-mix(in srgb,var(--rhp-accent) 35%,transparent) 78%, transparent 88% 100%);
  -webkit-mask:radial-gradient(farthest-side, transparent 42%, #000 43%, #000 70%, transparent 71%);
  mask:radial-gradient(farthest-side, transparent 42%, #000 43%, #000 70%, transparent 71%);
  animation:rhpSignalSpin 5.5s linear infinite;
  opacity:.65;
  transition:left .25s ease-out, top .25s ease-out;
}
.rasa-hero-products-widget .rhp-signal-ring{
  left:calc(50% + var(--rhp-mx) * 12%);
  top:calc(30% + var(--rhp-my) * 10%);
  width:min(200px,42%);
  height:min(200px,42%);
  transform:translate(-50%,-50%);
  border-radius:50%;
  box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--rhp-accent) 22%,transparent);
  animation:rhpSignalPing 4.8s cubic-bezier(.22,.61,.36,1) infinite;
  transition:left .25s ease-out, top .25s ease-out;
}
.rasa-hero-products-widget .rhp-signal-ring-b{animation-delay:1.2s; opacity:.7;}
.rasa-hero-products-widget .rhp-signal-ring-c{animation-delay:2.4s; opacity:.5;}
.rasa-hero-products-widget .rhp-signal-dot{
  left:calc(50% + var(--rhp-mx) * 12%);
  top:calc(30% + var(--rhp-my) * 10%);
  width:10px; height:10px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:var(--rhp-accent);
  box-shadow:0 0 0 8px color-mix(in srgb,var(--rhp-accent) 14%,transparent), 0 0 28px color-mix(in srgb,var(--rhp-accent) 40%,transparent);
  animation:rhpCorePulse 2.6s ease-in-out infinite;
  transition:left .25s ease-out, top .25s ease-out;
}
@keyframes rhpSignalSpin{ to{transform:translate(-50%,-50%) rotate(360deg);} }
@keyframes rhpSignalPing{
  0%{opacity:.7; transform:translate(-50%,-50%) scale(.55);}
  70%{opacity:.15;}
  100%{opacity:0; transform:translate(-50%,-50%) scale(2.4);}
}
@keyframes rhpCorePulse{
  0%,100%{transform:translate(-50%,-50%) scale(1); opacity:.85;}
  50%{transform:translate(-50%,-50%) scale(1.2); opacity:1;}
}

/* 3) Comet — شهاب داده */
.rasa-hero-products-widget .rhp-comet-glow{
  left:50%; top:18%;
  width:min(480px,80%); height:min(220px,30%);
  transform:translateX(-50%);
  background:radial-gradient(ellipse at center, color-mix(in srgb,var(--rhp-accent) 16%,transparent), transparent 70%);
  filter:blur(10px);
}
.rasa-hero-products-widget .rhp-comet{
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg, transparent, color-mix(in srgb,var(--rhp-accent) 70%,#fff), transparent);
  filter:blur(.4px);
  opacity:0;
  --rhp-comet-rot:12deg;
  animation:rhpCometFly 7s ease-in-out infinite;
  transform-origin:left center;
}
.rasa-hero-products-widget .rhp-comet-1{ top:16%; left:0; width:38%; animation-delay:0s; --rhp-comet-rot:18deg; }
.rasa-hero-products-widget .rhp-comet-2{ top:28%; left:0; width:46%; animation-delay:1.8s; --rhp-comet-rot:12deg; }
.rasa-hero-products-widget .rhp-comet-3{ top:40%; left:0; width:32%; animation-delay:3.4s; --rhp-comet-rot:22deg; }
.rasa-hero-products-widget .rhp-comet-4{ top:22%; left:0; width:50%; animation-delay:5s; --rhp-comet-rot:8deg; }
@keyframes rhpCometFly{
  0%{ opacity:0; transform:rotate(var(--rhp-comet-rot)) translateX(-8%) scaleX(.35); }
  12%{ opacity:.85; }
  55%{ opacity:.35; transform:rotate(var(--rhp-comet-rot)) translateX(55%) scaleX(1); }
  100%{ opacity:0; transform:rotate(var(--rhp-comet-rot)) translateX(95%) scaleX(.65); }
}

/* 4) Lattice — شبکه لوزی */
.rasa-hero-products-widget .rhp-lattice{
  inset:-10% -10%;
  background-image:
    linear-gradient(60deg, color-mix(in srgb,var(--rhp-accent) 12%,transparent) 1px, transparent 1px),
    linear-gradient(-60deg, color-mix(in srgb,var(--rhp-accent) 12%,transparent) 1px, transparent 1px);
  background-size:48px 84px;
  opacity:.4;
  animation:rhpLatticeDrift 26s linear infinite;
  -webkit-mask-image:radial-gradient(ellipse 65% 55% at 50% 30%, #000 8%, transparent 72%);
  mask-image:radial-gradient(ellipse 65% 55% at 50% 30%, #000 8%, transparent 72%);
}
.rasa-hero-products-widget .rhp-lattice-shine{
  left:50%; top:20%;
  width:min(420px,70%); height:min(180px,24%);
  transform:translateX(-50%);
  background:radial-gradient(ellipse at center, color-mix(in srgb,var(--rhp-accent) 18%,transparent), transparent 70%);
  animation:rhpBloomC 9s ease-in-out infinite alternate;
}
.rasa-hero-products-widget .rhp-lattice-node{
  width:8px; height:8px; border-radius:50%;
  background:var(--rhp-accent);
  box-shadow:0 0 0 5px color-mix(in srgb,var(--rhp-accent) 14%,transparent);
  animation:rhpLatticeNode 3.8s ease-in-out infinite;
}
.rasa-hero-products-widget .rhp-lattice-node-1{ left:22%; top:22%; }
.rasa-hero-products-widget .rhp-lattice-node-2{ left:70%; top:18%; animation-delay:.8s; }
.rasa-hero-products-widget .rhp-lattice-node-3{ left:38%; top:42%; animation-delay:1.5s; }
.rasa-hero-products-widget .rhp-lattice-node-4{ left:62%; top:48%; animation-delay:2.2s; }
@keyframes rhpLatticeDrift{ to{ background-position:48px 84px, -48px 84px; } }
@keyframes rhpLatticeNode{
  0%,100%{ transform:scale(1); opacity:.45; }
  50%{ transform:scale(1.35); opacity:1; }
}

/* 5) Ribbon — روبان سیال */
.rasa-hero-products-widget .rhp-ribbon{
  left:0; top:0;
  width:100%; height:70%;
  overflow:visible;
}
.rasa-hero-products-widget .rhp-ribbon-path{
  fill:none;
  stroke:color-mix(in srgb,var(--rhp-accent) 32%,transparent);
  stroke-width:2.4;
  stroke-linecap:round;
  stroke-dasharray:14 18;
  animation:rhpRibbonDash 18s linear infinite;
  opacity:.55;
}
.rasa-hero-products-widget .rhp-ribbon-b{
  stroke:color-mix(in srgb,var(--rhp-accent) 20%,#38bdf8);
  stroke-width:1.8;
  animation-duration:24s;
  animation-direction:reverse;
  opacity:.4;
}
.rasa-hero-products-widget .rhp-ribbon-c{
  stroke:color-mix(in srgb,var(--rhp-accent) 16%,#a5b4fc);
  stroke-width:1.5;
  animation-duration:20s;
  opacity:.35;
}
.rasa-hero-products-widget .rhp-ribbon-mist{
  left:50%; top:10%;
  width:min(560px,85%); height:min(240px,32%);
  transform:translateX(-50%);
  background:radial-gradient(ellipse at center, color-mix(in srgb,var(--rhp-accent) 14%,transparent), transparent 70%);
  filter:blur(12px);
  animation:rhpBloomC 11s ease-in-out infinite alternate;
}
@keyframes rhpRibbonDash{ to{ stroke-dashoffset:-240; } }

.rasa-hero-products-widget [data-rhp-reveal]{
  opacity:0;
  transform:translateY(22px);
  transition:opacity .8s cubic-bezier(.22,1,.36,1), transform .8s cubic-bezier(.22,1,.36,1);
}
.rasa-hero-products-widget [data-rhp-reveal].is-in{
  opacity:1;
  transform:none;
}
.rasa-hero-products-widget [data-rhp-delay="1"]{transition-delay:.12s;}
.rasa-hero-products-widget [data-rhp-delay="2"]{transition-delay:.22s;}

/* Header */
.rasa-hero-products-widget .rhp-head{
  position:relative;
  z-index:1;
  text-align:center;
  max-width:920px;
  margin:0 auto 2.35rem;
}

.rasa-hero-products-widget .rhp-badge{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  padding:.42rem .9rem .42rem .55rem;
  border-radius:999px;
  background:#fff;
  border:1px solid var(--rhp-line);
  box-shadow:0 8px 22px rgba(15,40,80,.06);
  font-size:.78rem;
  font-weight:800;
  color:var(--rhp-text);
  margin-bottom:1.1rem;
}

.rasa-hero-products-widget .rhp-badge-icon{
  width:28px;
  height:28px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:linear-gradient(135deg,color-mix(in srgb,var(--rhp-accent) 80%,#0f172a),var(--rhp-accent));
  font-size:.72rem;
  line-height:0;
  padding:0;
}
.rasa-hero-products-widget .rhp-badge-icon i,
.rasa-hero-products-widget .rhp-badge-icon svg{
  display:block;
  width:1em;
  height:1em;
  line-height:1;
}

.rasa-hero-products-widget .rhp-title{
  font-size:clamp(1.55rem,3.4vw,2.45rem);
  font-weight:900;
  line-height:1.45;
  letter-spacing:-.02em;
  color:var(--rhp-text);
  margin-bottom:.85rem;
}

.rasa-hero-products-widget .rhp-subtitle{
  font-size:clamp(.92rem,1.5vw,1.05rem);
  font-weight:500;
  line-height:1.9;
  color:var(--rhp-muted);
  margin-bottom:.7rem;
}

.rasa-hero-products-widget .rhp-accent{
  font-size:.92rem;
  font-weight:800;
  color:var(--rhp-accent);
}

/* Stage */
.rasa-hero-products-widget .rhp-stage{
  position:relative;
  z-index:1;
  margin-bottom:1.75rem;
}


/* Media */
.rasa-hero-products-widget .rhp-media{
  position:relative;
  z-index:1;
  width:min(1200px,100%);
  margin:0 auto;
  border-radius:28px;
  overflow:hidden;
  background:#0B1F3A;
  box-shadow:
    0 0 0 1px color-mix(in srgb,var(--rhp-accent) 35%,transparent),
    0 0 0 10px color-mix(in srgb,var(--rhp-accent) 8%,transparent),
    0 28px 70px rgba(15,40,80,.16);
  aspect-ratio:21 / 9;
  isolation:isolate;
}
.rasa-hero-products-widget .rhp-media.is-switching{
  box-shadow:
    0 0 0 1px color-mix(in srgb,var(--rhp-accent) 55%,transparent),
    0 0 0 12px color-mix(in srgb,var(--rhp-accent) 12%,transparent),
    0 32px 80px rgba(15,40,80,.2);
}

.rasa-hero-products-widget .rhp-media-panel{
  position:absolute;
  inset:0;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate3d(0,18px,0) scale(.985);
  filter:blur(8px);
  transition:
    opacity .55s cubic-bezier(.22,1,.36,1),
    transform .65s cubic-bezier(.22,1,.36,1),
    filter .55s ease,
    visibility 0s linear .55s;
  z-index:0;
}
.rasa-hero-products-widget .rhp-media-panel.is-active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:none;
  filter:none;
  transition:
    opacity .55s cubic-bezier(.22,1,.36,1),
    transform .65s cubic-bezier(.22,1,.36,1),
    filter .55s ease,
    visibility 0s;
  z-index:2;
}
.rasa-hero-products-widget .rhp-media-panel.is-enter-next{
  animation:rhpPanelInNext .62s cubic-bezier(.22,1,.36,1) both;
}
.rasa-hero-products-widget .rhp-media-panel.is-enter-prev{
  animation:rhpPanelInPrev .62s cubic-bezier(.22,1,.36,1) both;
}
.rasa-hero-products-widget .rhp-media-panel.is-exit-next{
  animation:rhpPanelOutNext .5s cubic-bezier(.4,0,.2,1) both;
  z-index:1;
}
.rasa-hero-products-widget .rhp-media-panel.is-exit-prev{
  animation:rhpPanelOutPrev .5s cubic-bezier(.4,0,.2,1) both;
  z-index:1;
}

@keyframes rhpPanelInNext{
  from{opacity:0; transform:translate3d(-48px,10px,0) scale(.96) rotateY(6deg); filter:blur(10px);}
  to{opacity:1; transform:none; filter:none;}
}
@keyframes rhpPanelInPrev{
  from{opacity:0; transform:translate3d(48px,10px,0) scale(.96) rotateY(-6deg); filter:blur(10px);}
  to{opacity:1; transform:none; filter:none;}
}
@keyframes rhpPanelOutNext{
  from{opacity:1; transform:none; filter:none;}
  to{opacity:0; transform:translate3d(36px,-8px,0) scale(.97); filter:blur(6px);}
}
@keyframes rhpPanelOutPrev{
  from{opacity:1; transform:none; filter:none;}
  to{opacity:0; transform:translate3d(-36px,-8px,0) scale(.97); filter:blur(6px);}
}

.rasa-hero-products-widget .rhp-video-wrap,
.rasa-hero-products-widget .rhp-slider,
.rasa-hero-products-widget .rhp-media-ph{
  position:absolute;
  inset:0;
}

/* Device-specific galleries: hide non-matching until JS hydrates */
.rasa-hero-products-widget .rhp-slider[data-rhp-device="mobile"]{display:none;}
.rasa-hero-products-widget .rhp-slider[data-rhp-device="desktop"]{display:block;}
.rasa-hero-products-widget .rhp-slider[hidden]{display:none!important;}
@media(max-width:640px){
  .rasa-hero-products-widget .rhp-slider[data-rhp-device="mobile"]{display:block;}
  .rasa-hero-products-widget .rhp-slider[data-rhp-device="desktop"]{display:none;}
}

.rasa-hero-products-widget .rhp-video{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  background:#0B1F3A;
  cursor:pointer;
}
.rasa-hero-products-widget .rhp-video::-webkit-media-controls{
  display:none!important;
}
.rasa-hero-products-widget .rhp-video::-webkit-media-controls-enclosure{
  display:none!important;
}

.rasa-hero-products-widget .rhp-play{
  position:absolute;
  inset:0;
  margin:auto;
  width:86px;
  height:86px;
  border:0;
  background:transparent;
  cursor:pointer;
  z-index:2;
  display:grid;
  place-items:center;
  transition:opacity .35s ease, transform .35s ease;
}
.rasa-hero-products-widget .rhp-video-wrap.is-playing .rhp-play{
  opacity:0;
  pointer-events:none;
  transform:scale(.85);
}

.rasa-hero-products-widget .rhp-play-pulse{
  position:absolute;
  inset:0;
  border-radius:50%;
  background:color-mix(in srgb,var(--rhp-accent) 28%,transparent);
  animation:rhpPlayPulse 2s ease-out infinite;
}
.rasa-hero-products-widget .rhp-play-core{
  position:relative;
  width:68px;
  height:68px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:1.25rem;
  line-height:0;
  background:linear-gradient(135deg,color-mix(in srgb,var(--rhp-accent) 85%,#0f172a),var(--rhp-accent));
  box-shadow:0 14px 30px color-mix(in srgb,var(--rhp-accent) 40%,transparent);
  padding:0;
  overflow:hidden;
}
.rasa-hero-products-widget .rhp-play-core i{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  font-size:1.25rem;
  line-height:0;
}
.rasa-hero-products-widget .rhp-play-core i::before{
  position:absolute;
  top:50%;
  left:50%;
  /* کمی به راست برای تعادل بصری مثلث play */
  transform:translate(calc(-50% + 1.5px),-50%);
  margin:0;
  padding:0;
  width:auto;
  height:auto;
  line-height:1;
  display:block;
}
.rasa-hero-products-widget .rhp-play-core svg{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(calc(-50% + 1.5px),-50%);
  width:1.15em;
  height:1.15em;
  display:block;
}
@keyframes rhpPlayPulse{
  0%{transform:scale(.85);opacity:.9;}
  100%{transform:scale(1.45);opacity:0;}
}

.rasa-hero-products-widget .rhp-slider-track{
  position:absolute;
  inset:0;
}
.rasa-hero-products-widget .rhp-slide{
  position:absolute;
  inset:0;
  margin:0;
  opacity:0;
  transform:scale(1.04);
  transition:opacity .7s ease, transform .9s cubic-bezier(.22,1,.36,1);
}
.rasa-hero-products-widget .rhp-slide.is-active{
  opacity:1;
  transform:none;
  z-index:1;
}
.rasa-hero-products-widget .rhp-slide img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.rasa-hero-products-widget .rhp-slider-dots{
  position:absolute;
  left:50%;
  bottom:14px;
  transform:translateX(-50%);
  z-index:3;
  display:flex;
  gap:7px;
}
.rasa-hero-products-widget .rhp-slider-dots button{
  width:8px;
  height:8px;
  border-radius:999px;
  border:0;
  padding:0;
  background:rgba(255,255,255,.45);
  cursor:pointer;
  transition:width .3s ease, background .3s ease;
}
.rasa-hero-products-widget .rhp-slider-dots button.is-active{
  width:22px;
  background:#fff;
}

.rasa-hero-products-widget .rhp-slider-prev,
.rasa-hero-products-widget .rhp-slider-next{
  position:absolute;
  top:50%;
  z-index:3;
  transform:translateY(-50%);
  width:40px;
  height:40px;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.92);
  color:var(--rhp-accent);
  cursor:pointer;
  box-shadow:0 8px 20px rgba(0,0,0,.16);
  display:grid;
  place-items:center;
  opacity:0;
  transition:opacity .3s ease;
}
.rasa-hero-products-widget .rhp-slider:hover .rhp-slider-prev,
.rasa-hero-products-widget .rhp-slider:hover .rhp-slider-next{opacity:1;}
.rasa-hero-products-widget .rhp-slider-prev{right:12px;}
.rasa-hero-products-widget .rhp-slider-next{left:12px;}

.rasa-hero-products-widget .rhp-media-ph{
  display:grid;
  place-content:center;
  gap:.75rem;
  text-align:center;
  color:rgba(255,255,255,.72);
  padding:2rem;
  background:
    radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--rhp-accent) 35%,transparent),transparent 60%),
    #0B1F3A;
}
.rasa-hero-products-widget .rhp-media-ph-icon{
  width:64px;
  height:64px;
  margin:0 auto;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:var(--rhp-accent);
  color:#fff;
  font-size:1.1rem;
}
.rasa-hero-products-widget .rhp-media-ph p{font-size:.88rem;}

/* Products arc — columns follow product count */
.rasa-hero-products-widget .rhp-products{
  --rhp-cols: 3;
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(var(--rhp-cols), minmax(0, 1fr));
  gap:1.1rem;
  width:min(1180px,100%);
  margin:-3rem auto 0;
  align-items:end;
  justify-content:center;
  perspective:1200px;
}

/* یک کارت: وسط و عرض محدود */
.rasa-hero-products-widget .rhp-products[data-count="1"]{
  grid-template-columns:minmax(0, min(420px, 100%));
  justify-content:center;
}

/* دو کارت: نصف‌نصف، بدون فضای خالی */
.rasa-hero-products-widget .rhp-products[data-count="2"]{
  grid-template-columns:repeat(2, minmax(0, 1fr));
  width:min(900px, 100%);
}

/* چهار کارت و بیشتر: فشرده‌تر ولی پر عرض */
.rasa-hero-products-widget .rhp-products[data-count="4"],
.rasa-hero-products-widget .rhp-products[data-count="5"],
.rasa-hero-products-widget .rhp-products[data-count="6"]{
  gap:.85rem;
  width:min(1280px, 100%);
}

.rasa-hero-products-widget .rhp-product{
  position:relative;
  width:100%;
  min-width:0;
  background:var(--rhp-card);
  border:1.5px solid rgba(15,40,80,.06);
  border-radius:18px;
  padding:1.2rem 1.05rem 1.05rem;
  box-shadow:0 14px 34px rgba(15,40,80,.08);
  cursor:pointer;
  transition:
    transform .55s cubic-bezier(.22,1,.36,1),
    opacity .45s ease,
    border-color .35s ease,
    box-shadow .45s ease,
    filter .45s ease;
  transform-origin:center bottom;
}

.rasa-hero-products-widget .rhp-product:not(.is-active):not(.is-coming-soon){
  opacity:.78;
  transform:scale(.92) translateY(10px);
  filter:saturate(.85);
}

.rasa-hero-products-widget .rhp-product.is-active{
  z-index:3;
  border-color:var(--rhp-accent);
  box-shadow:
    0 0 0 1px color-mix(in srgb,var(--rhp-accent) 20%,transparent),
    0 22px 48px color-mix(in srgb,var(--rhp-accent) 18%,transparent);
  transform:scale(1.04) translateY(0);
}

.rasa-hero-products-widget .rhp-product.is-coming-soon{
  cursor:default;
  opacity:.62;
  filter:grayscale(.35);
  transform:scale(.9) translateY(14px);
}

.rasa-hero-products-widget .rhp-product-live,
.rasa-hero-products-widget .rhp-product-soon{
  position:absolute;
  top:-12px;
  display:inline-flex;
  align-items:center;
  gap:.3rem;
  padding:.28rem .65rem;
  border-radius:999px;
  font-size:.68rem;
  font-weight:800;
  line-height:1;
  white-space:nowrap;
}

.rasa-hero-products-widget .rhp-product-live{
  left:50%;
  transform:translateX(-50%);
  color:#fff;
  background:var(--rhp-accent);
  box-shadow:0 8px 18px color-mix(in srgb,var(--rhp-accent) 30%,transparent);
  opacity:0;
  pointer-events:none;
}
.rasa-hero-products-widget .rhp-product.is-active .rhp-product-live{
  opacity:1;
}

.rasa-hero-products-widget .rhp-product-soon{
  left:.85rem;
  color:#fff;
  background:#64748B;
}

.rasa-hero-products-widget .rhp-product-row{
  display:flex;
  flex-direction:row;
  align-items:flex-start;
  gap:.75rem;
  text-align:right;
}

.rasa-hero-products-widget .rhp-product-copy{
  flex:1 1 auto;
  min-width:0;
  order:1;
}

.rasa-hero-products-widget .rhp-product-icon{
  position:relative;
  flex:0 0 auto;
  order:2;
  width:46px;
  height:46px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--rhp-accent);
  background:color-mix(in srgb,var(--rhp-accent) 12%,#fff);
  border:1px solid color-mix(in srgb,var(--rhp-accent) 16%,transparent);
  font-size:18px;
  line-height:0;
  padding:0;
  overflow:hidden;
  box-sizing:border-box;
}

.rasa-hero-products-widget .rhp-product-icon i{
  position:absolute;
  inset:0;
  display:block;
  width:100%!important;
  height:100%!important;
  max-width:none;
  max-height:none;
  margin:0!important;
  padding:0!important;
  font-size:18px!important;
  line-height:0!important;
  text-align:center;
}
.rasa-hero-products-widget .rhp-product-icon i::before{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  margin:0!important;
  padding:0!important;
  width:auto!important;
  height:auto!important;
  line-height:1!important;
  display:block;
}
.rasa-hero-products-widget .rhp-product-icon svg{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:20px;
  height:20px;
  max-width:none;
  max-height:none;
  margin:0;
  display:block;
}

.rasa-hero-products-widget .rhp-product.is-active .rhp-product-icon{
  color:#fff;
  background:linear-gradient(145deg,color-mix(in srgb,var(--rhp-accent) 80%,#0f172a),var(--rhp-accent));
  box-shadow:0 10px 20px color-mix(in srgb,var(--rhp-accent) 28%,transparent);
}

.rasa-hero-products-widget .rhp-product-copy h3{
  font-size:.92rem;
  font-weight:850;
  line-height:1.45;
  margin-bottom:.3rem;
}
.rasa-hero-products-widget .rhp-product-copy p{
  font-size:.76rem;
  font-weight:500;
  line-height:1.65;
  color:var(--rhp-muted);
}

.rasa-hero-products-widget .rhp-product-cta{
  display:none;
  margin-top:.95rem;
  align-items:center;
  justify-content:center;
  gap:.4rem;
  min-height:40px;
  padding:.55rem 1rem;
  border-radius:999px;
  background:color-mix(in srgb,var(--rhp-accent) 10%,#fff);
  color:var(--rhp-accent);
  border:1px solid color-mix(in srgb,var(--rhp-accent) 22%,transparent);
  font-size:.8rem;
  font-weight:800;
  transition:background .25s ease, transform .25s ease;
}
.rasa-hero-products-widget .rhp-product.is-active .rhp-product-cta{display:inline-flex;}
.rasa-hero-products-widget .rhp-product-cta:hover{
  background:var(--rhp-accent);
  color:#fff;
  transform:translateY(-1px);
}

/* Features bar */
.rasa-hero-products-widget .rhp-features{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1rem;
  padding:1.15rem 1.25rem;
  border-radius:18px;
  background:linear-gradient(180deg,#F7F9FC,#EEF2F7);
  border:1px solid rgba(15,40,80,.05);
  box-shadow:0 10px 28px rgba(15,40,80,.04);
}

.rasa-hero-products-widget .rhp-feature{
  display:flex;
  align-items:flex-start;
  gap:.7rem;
  text-align:right;
}

.rasa-hero-products-widget .rhp-feature-icon{
  flex:0 0 auto;
  width:38px;
  height:38px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--rhp-accent);
  background:#fff;
  border:1px solid var(--rhp-line);
  font-size:.95rem;
  line-height:0;
  padding:0;
}
.rasa-hero-products-widget .rhp-feature-icon i,
.rasa-hero-products-widget .rhp-feature-icon svg{
  display:block;
  width:1.05em;
  height:1.05em;
  line-height:1;
}

.rasa-hero-products-widget .rhp-feature-copy{
  display:flex;
  flex-direction:column;
  gap:.15rem;
  min-width:0;
}
.rasa-hero-products-widget .rhp-feature-copy strong{
  font-size:.84rem;
  font-weight:850;
  line-height:1.4;
}
.rasa-hero-products-widget .rhp-feature-copy span{
  font-size:.72rem;
  font-weight:500;
  color:var(--rhp-muted);
  line-height:1.5;
}

@media(max-width:960px){
  .rasa-hero-products-widget{
    overflow:hidden;
    max-width:100%;
  }
  .rasa-hero-products-widget .rhp-bg{
    inset:0;
    width:100%;
    max-width:100%;
    -webkit-mask-image:radial-gradient(ellipse 90% 65% at 50% 22%, #000 20%, rgba(0,0,0,.4) 58%, transparent 82%);
    mask-image:radial-gradient(ellipse 90% 65% at 50% 22%, #000 20%, rgba(0,0,0,.4) 58%, transparent 82%);
  }
  .rasa-hero-products-widget .rhp-bg.is-mouse .rhp-bg-layer{transform:none;}
  .rasa-hero-products-widget .rhp-signal-disc,
  .rasa-hero-products-widget .rhp-signal-sweep,
  .rasa-hero-products-widget .rhp-signal-ring,
  .rasa-hero-products-widget .rhp-signal-dot{
    left:50%;
    top:28%;
    transition:none;
  }
  .rasa-hero-products-widget .rhp-bloom-petal-3,
  .rasa-hero-products-widget .rhp-comet-4,
  .rasa-hero-products-widget .rhp-lattice-node-4{display:none;}
  .rasa-hero-products-widget .rhp-section{width:100%; max-width:100%; padding:2rem 1rem 2.4rem;}
  .rasa-hero-products-widget .rhp-media{width:100%; max-width:100%; aspect-ratio:21 / 9; border-radius:22px;}
  .rasa-hero-products-widget .rhp-products,
  .rasa-hero-products-widget .rhp-products[data-count="1"],
  .rasa-hero-products-widget .rhp-products[data-count="2"],
  .rasa-hero-products-widget .rhp-products[data-count="4"],
  .rasa-hero-products-widget .rhp-products[data-count="5"],
  .rasa-hero-products-widget .rhp-products[data-count="6"]{
    grid-template-columns:1fr;
    margin-top:1.25rem;
    gap:.75rem;
    width:100%;
  }
  .rasa-hero-products-widget .rhp-product,
  .rasa-hero-products-widget .rhp-product:not(.is-active):not(.is-coming-soon),
  .rasa-hero-products-widget .rhp-product.is-active,
  .rasa-hero-products-widget .rhp-product.is-coming-soon{
    transform:none;
    opacity:1;
    filter:none;
  }
  .rasa-hero-products-widget .rhp-product.is-coming-soon{opacity:.72;filter:grayscale(.25);}
  .rasa-hero-products-widget .rhp-product.is-active{order:-1;}
  .rasa-hero-products-widget .rhp-product-cta{display:inline-flex;}
  .rasa-hero-products-widget .rhp-product:not(.is-active) .rhp-product-live{display:none;}
  .rasa-hero-products-widget .rhp-features{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media(max-width:640px){
  .rasa-hero-products-widget .rhp-bg{
    -webkit-mask-image:radial-gradient(ellipse 98% 58% at 50% 18%, #000 22%, rgba(0,0,0,.38) 58%, transparent 82%);
    mask-image:radial-gradient(ellipse 98% 58% at 50% 18%, #000 22%, rgba(0,0,0,.38) 58%, transparent 82%);
  }
  .rasa-hero-products-widget .rhp-bloom{filter:blur(34px);}
  .rasa-hero-products-widget .rhp-bloom-petal{filter:blur(16px); opacity:.25;}
  .rasa-hero-products-widget .rhp-comet-3,
  .rasa-hero-products-widget .rhp-lattice-node-3,
  .rasa-hero-products-widget .rhp-ribbon-c{display:none;}
  .rasa-hero-products-widget .rhp-lattice{background-size:36px 62px; opacity:.28;}
  .rasa-hero-products-widget .rhp-signal-sweep{width:min(260px,78%); height:min(260px,78%);}
  .rasa-hero-products-widget .rhp-section{padding:1.6rem .85rem 2rem;}
  .rasa-hero-products-widget .rhp-media{border-radius:18px; aspect-ratio:5 / 4; width:100%; max-width:100%;}
  .rasa-hero-products-widget .rhp-play{width:72px;height:72px;}
  .rasa-hero-products-widget .rhp-play-core{width:56px;height:56px;font-size:1rem;}
  .rasa-hero-products-widget .rhp-features{
    grid-template-columns:1fr;
    padding:1rem;
  }
  .rasa-hero-products-widget .rhp-slider-prev,
  .rasa-hero-products-widget .rhp-slider-next{opacity:1;}
}

@media(prefers-reduced-motion:reduce){
  .rasa-hero-products-widget [data-rhp-reveal],
  .rasa-hero-products-widget .rhp-play-pulse,
  .rasa-hero-products-widget .rhp-product,
  .rasa-hero-products-widget .rhp-slide,
  .rasa-hero-products-widget .rhp-fx,
  .rasa-hero-products-widget .rhp-ribbon-path,
  .rasa-hero-products-widget .rhp-bg-layer,
  .rasa-hero-products-widget .rhp-media-panel{
    animation:none!important;
    transition:none!important;
  }
  .rasa-hero-products-widget .rhp-bg.is-mouse .rhp-bg-layer{transform:none!important;}
  .rasa-hero-products-widget [data-rhp-reveal],
  .rasa-hero-products-widget .rhp-media-panel.is-active{
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    visibility:visible!important;
  }
}