.rasa-about-widget{
  --rab-accent:#2f6f6c;
  --rab-accent-soft:#4f9a95;
  --rab-bg:#0B1F3A;
  --rab-media-opacity:.22;
  --rab-media-brightness:.7;
  --rab-card:#ffffff;
  --rab-text:#1f2933;
  --rab-muted:#6b7280;
  --rab-line:rgba(47,111,108,.18);
  --rab-shadow:0 14px 40px rgba(15,23,42,.08);
  --rab-radius:30px;
  --rab-grad:linear-gradient(90deg,#3b82f6 0%,#8b5cf6 55%,#ec4899 100%);
  direction:rtl;
  width:100%;
  color:var(--rab-text);
  font-family:inherit;
  box-sizing:border-box;
}

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

.rasa-about-widget p,
.rasa-about-widget h2,
.rasa-about-widget h3,
.rasa-about-widget h4,
.rasa-about-widget cite,
.rasa-about-widget ol{margin:0;}

.rasa-about-widget .rab-section{
  position:relative;
  margin:2.5rem 0;
  padding:4.5rem 0;
  overflow:hidden;
  background:var(--rab-bg);
  isolation:isolate;
}

.rasa-about-widget .rab-media-layer{
  position:absolute;
  inset:-10%;
  z-index:0;
  opacity:var(--rab-media-opacity,.22);
  will-change:transform;
  pointer-events:none;
}

.rasa-about-widget .rab-bg-video,
.rasa-about-widget .rab-bg-image{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  filter:grayscale(.2) contrast(1.05) brightness(var(--rab-media-brightness,.7));
}

.rasa-about-widget .rab-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(5,16,32,.35),rgba(5,16,32,.18)),
    radial-gradient(circle at 12% 20%,rgba(37,99,235,.12),transparent 38%),
    radial-gradient(circle at 88% 80%,rgba(14,165,233,.08),transparent 34%);
}

.rasa-about-widget .rab-inner{
  position:relative;
  z-index:2;
  max-width:1360px;
  margin:0 auto;
  padding:0 1.25rem;
}

/* ========== Section header ========== */
.rasa-about-widget .rab-head{
  text-align:center;
  max-width:780px;
  margin:0 auto 2.35rem;
  position:relative;
  z-index:2;
  color:#fff;
}

.rasa-about-widget .rab-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  padding:.42rem .95rem .42rem .48rem;
  border-radius:999px;
  margin-bottom:1rem;
  font-size:.8rem;
  font-weight:800;
  color:#fff;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 10px 28px rgba(0,0,0,.12);
  backdrop-filter:blur(8px);
}

.rasa-about-widget .rab-eyebrow-ico{
  width:28px;
  height:28px;
  border-radius:50%;
  display:inline-grid;
  place-items:center;
  color:#fff;
  font-size:0;
  line-height:0;
  background:linear-gradient(145deg,color-mix(in srgb,var(--rab-accent) 75%,#60a5fa),var(--rab-accent));
  box-shadow:0 4px 12px color-mix(in srgb,var(--rab-accent) 35%,transparent);
}

.rasa-about-widget .rab-eyebrow-ico i,
.rasa-about-widget .rab-eyebrow-ico svg{
  width:.78rem;
  height:.78rem;
  font-size:.78rem;
  display:block;
  line-height:1;
}

.rasa-about-widget .rab-title{
  font-size:clamp(1.55rem,3.2vw,2.35rem);
  font-weight:900;
  line-height:1.4;
  margin:0 0 .65rem;
  color:#fff;
}

.rasa-about-widget .rab-subtitle{
  margin:0 auto;
  max-width:36em;
  font-size:.95rem;
  line-height:1.9;
  color:rgba(255,255,255,.72);
}

/* چیدمان بنتو ۱۲ ستونه:
   تایم‌لاین(۵) | درباره ما(۷)
   اخبار(۵)     | درباره ما(۷)
   نقل‌قول(۸) ........ | برندها(۴)
*/
.rasa-about-widget .rab-bento{
  display:grid;
  direction:ltr;
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-auto-rows:minmax(160px,auto);
  grid-template-areas:
    "timeline timeline timeline timeline timeline about about about about about about about"
    "news news news news news about about about about about about about"
    "quote quote quote quote quote quote quote quote brands brands brands brands";
  gap:18px;
  align-items:stretch;
}

.rasa-about-widget.rab-layout-no-brands .rab-bento{
  grid-template-areas:
    "timeline timeline timeline timeline timeline about about about about about about about"
    "news news news news news about about about about about about about"
    "quote quote quote quote quote quote quote quote quote quote quote quote";
}

/* Dynamic areas + desktop hide from Elementor visibility */
@media(min-width:769px){
  .rasa-about-widget .rab-bento{
    grid-template-areas:var(--rab-areas,
      "timeline timeline timeline timeline timeline about about about about about about about"
      "news news news news news about about about about about about about"
      "quote quote quote quote quote quote quote quote brands brands brands brands"
    );
  }

  .rasa-about-widget.rab-layout-no-brands .rab-bento{
    grid-template-areas:var(--rab-areas,
      "timeline timeline timeline timeline timeline about about about about about about about"
      "news news news news news about about about about about about about"
      "quote quote quote quote quote quote quote quote quote quote quote quote"
    );
  }

  .rasa-about-widget .rab-hide-desktop{display:none!important;}
}

.rasa-about-widget .rab-card{
  position:relative;
  overflow:hidden;
  background:var(--rab-card);
  border:1px solid rgba(255,255,255,.7);
  border-radius:var(--rab-radius);
  box-shadow:var(--rab-shadow);
  transition:
    transform .55s cubic-bezier(.16,1,.3,1),
    box-shadow .55s ease,
    border-color .4s ease;
}

.rasa-about-widget .rab-card:hover{
  transform:translateY(-5px);
  box-shadow:0 22px 50px rgba(15,23,42,.12);
  border-color:rgba(47,111,108,.2);
}

.rasa-about-widget .rab-card-title{
  display:inline-block;
  font-size:1.12rem;
  font-weight:900;
  color:var(--rab-text);
  margin-bottom:.85rem;
  position:relative;
}

.rasa-about-widget .rab-card-title::after{
  content:"";
  display:block;
  width:42px;
  height:3px;
  margin-top:.4rem;
  border-radius:999px;
  background:linear-gradient(90deg,var(--rab-accent),var(--rab-accent-soft));
}

/* ========== About (tall right) ========== */
.rasa-about-widget .rab-card-about{
  grid-area:about;
  direction:rtl;
  display:grid;
  grid-template-columns:0.92fr 1.08fr;
  grid-template-areas:"photo body";
  min-height:100%;
}

.rasa-about-widget .rab-about-photo{
  grid-area:photo;
  min-height:100%;
  background:linear-gradient(160deg,#eef3f3,#f9fafb);
}

.rasa-about-widget .rab-about-photo img,
.rasa-about-widget .rab-photo-placeholder{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  display:block;
}

.rasa-about-widget .rab-photo-placeholder,
.rasa-about-widget .rab-thumb-ph{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:180px;
  color:var(--rab-muted);
  font-size:.82rem;
  font-weight:800;
  background:linear-gradient(135deg,rgba(47,111,108,.08),rgba(47,111,108,.02));
}

.rasa-about-widget .rab-about-body{
  grid-area:body;
  padding:1.55rem 1.45rem 1.25rem;
  display:flex;
  flex-direction:column;
  gap:.7rem;
}

.rasa-about-widget .rab-about-text{
  color:var(--rab-muted);
  font-size:.88rem;
  line-height:1.95;
  text-align:justify;
}

/* Thinking nested inside About */
.rasa-about-widget .rab-thinking{
  display:flex;
  align-items:flex-start;
  gap:.7rem;
  padding:.85rem .95rem;
  border-radius:18px;
  border:1px solid var(--rab-line);
  background:
    radial-gradient(circle at 8% 20%,rgba(47,111,108,.08),transparent 50%),
    rgba(47,111,108,.03);
}

.rasa-about-widget .rab-thinking-icon{
  width:28px;
  height:28px;
  color:var(--rab-accent);
  flex-shrink:0;
  margin-top:.1rem;
}

.rasa-about-widget .rab-thinking-icon svg{
  width:100%;
  height:100%;
  display:block;
}

.rasa-about-widget .rab-thinking-copy{
  min-width:0;
}

.rasa-about-widget .rab-thinking-eyebrow{
  display:block;
  font-size:.7rem;
  font-weight:900;
  color:var(--rab-accent);
  margin-bottom:.2rem;
}

.rasa-about-widget .rab-thinking-text{
  font-size:.84rem;
  font-weight:800;
  line-height:1.7;
  color:var(--rab-text);
}

.rasa-about-widget .rab-thinking-dots{
  display:inline-flex;
  align-items:center;
  gap:3px;
  margin-right:.3rem;
  vertical-align:middle;
}

.rasa-about-widget .rab-thinking-dots i{
  width:4px;
  height:4px;
  border-radius:50%;
  background:var(--rab-accent);
  opacity:.35;
  animation:rabDot 1.2s infinite ease-in-out;
}

.rasa-about-widget .rab-thinking-dots i:nth-child(2){animation-delay:.15s;}
.rasa-about-widget .rab-thinking-dots i:nth-child(3){animation-delay:.3s;}

@keyframes rabDot{
  0%,80%,100%{opacity:.25;transform:translateY(0);}
  40%{opacity:1;transform:translateY(-3px);}
}

.rasa-about-widget .rab-pill{
  margin-top:auto;
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  align-self:stretch;
  padding:.55rem .9rem;
  border-radius:999px;
  background:#eef2f2;
  border:1px solid var(--rab-line);
  color:var(--rab-accent);
  font-size:.74rem;
  font-weight:800;
}

.rasa-about-widget .rab-pill i{
  width:22px;
  height:22px;
  border-radius:50%;
  background:var(--rab-accent);
  box-shadow:0 0 0 4px rgba(47,111,108,.12);
  flex-shrink:0;
}

/* ========== Timeline — فشرده، نقطه‌روی‌خط، هاور برای توضیح ========== */
.rasa-about-widget .rab-card-timeline{
  --rab-tl-1:#2563eb;
  --rab-tl-2:#0d9488;
  --rab-tl-3:#7c3aed;
  --rab-tl-4:#db2777;
  --rab-tl-5:#d97706;
  --rab-tl-h:148px;
  grid-area:timeline;
  direction:rtl;
  padding:1.1rem 1.15rem .95rem;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background:
    radial-gradient(circle at 90% 10%,rgba(37,99,235,.10),transparent 34%),
    radial-gradient(circle at 12% 90%,rgba(13,148,136,.10),transparent 36%),
    linear-gradient(145deg,#ffffff 0%,#f4f8ff 48%,#f3fbfa 100%);
}

.rasa-about-widget .rab-timeline-wrap{
  position:relative;
  flex:0 0 auto;
  height:var(--rab-tl-h);
  max-height:var(--rab-tl-h);
  overflow:hidden;
  margin-top:.15rem;
}

.rasa-about-widget .rab-tl-orb{
  position:absolute;
  border-radius:50%;
  filter:blur(18px);
  opacity:.28;
  pointer-events:none;
  z-index:0;
  animation:rabOrbFloat 7s ease-in-out infinite;
}

.rasa-about-widget .rab-tl-orb-a{
  width:72px;
  height:72px;
  right:10%;
  top:10%;
  background:rgba(37,99,235,.35);
}

.rasa-about-widget .rab-tl-orb-b{
  width:64px;
  height:64px;
  left:12%;
  bottom:8%;
  background:rgba(219,39,119,.28);
  animation-delay:-2.5s;
}

@keyframes rabOrbFloat{
  0%,100%{transform:translate3d(0,0,0) scale(1);}
  50%{transform:translate3d(8px,-6px,0) scale(1.08);}
}

.rasa-about-widget .rab-timeline-rail{
  position:absolute;
  /* هم‌تراز با مرکز اولین و آخرین نقطه (۵ ستون مساوی) */
  left:10%;
  right:10%;
  top:50%;
  height:3px;
  transform:translateY(-50%);
  border-radius:999px;
  overflow:hidden;
  z-index:0;
  background:rgba(15,23,42,.08);
}

.rasa-about-widget .rab-timeline-rail-base{
  position:absolute;
  inset:0;
  opacity:.28;
  background:linear-gradient(90deg,#93c5fd,#5eead4,#c4b5fd,#f9a8d4,#fcd34d);
}

.rasa-about-widget .rab-timeline-rail-fill{
  position:absolute;
  inset:0;
  transform-origin:left center;
  transform:scaleX(0);
  background:linear-gradient(90deg,#2563eb,#0d9488,#7c3aed,#db2777,#f59e0b);
  box-shadow:0 0 12px rgba(37,99,235,.28);
  transition:transform 1.25s cubic-bezier(.22,1,.36,1);
}

.rasa-about-widget .rab-card-timeline.is-drawn .rab-timeline-rail-fill{
  transform:scaleX(1);
}

.rasa-about-widget .rab-timeline-rail-shine{
  position:absolute;
  top:-1px;
  bottom:-1px;
  width:22%;
  left:-24%;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);
  opacity:0;
}

.rasa-about-widget .rab-card-timeline.is-drawn .rab-timeline-rail-shine{
  opacity:.85;
  animation:rabRailShine 2.8s ease-in-out 1.2s infinite;
}

@keyframes rabRailShine{
  0%{left:-24%;}
  100%{left:108%;}
}

.rasa-about-widget .rab-timeline{
  position:relative;
  z-index:1;
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  align-items:stretch;
  justify-content:space-between;
  width:100%;
  height:100%;
  box-sizing:border-box;
  /* قدیمی‌ها چپ → آخرین سال راست */
  direction:ltr;
}

.rasa-about-widget .rab-timeline-item{
  --rab-tl-accent:var(--rab-tl-1);
  --rab-tl-soft:rgba(37,99,235,.12);
  position:relative;
  flex:1 1 0;
  min-width:0;
  height:100%;
  opacity:0;
  transform:translateY(10px);
  transition:
    opacity .55s cubic-bezier(.22,1,.36,1),
    transform .55s cubic-bezier(.22,1,.36,1);
  transition-delay:calc(0.18s + (var(--rab-i,0) * 0.1s));
}

.rasa-about-widget .rab-timeline-item.tone-1{--rab-tl-accent:var(--rab-tl-1);--rab-tl-soft:rgba(37,99,235,.14);}
.rasa-about-widget .rab-timeline-item.tone-2{--rab-tl-accent:var(--rab-tl-2);--rab-tl-soft:rgba(13,148,136,.14);}
.rasa-about-widget .rab-timeline-item.tone-3{--rab-tl-accent:var(--rab-tl-3);--rab-tl-soft:rgba(124,58,237,.14);}
.rasa-about-widget .rab-timeline-item.tone-4{--rab-tl-accent:var(--rab-tl-4);--rab-tl-soft:rgba(219,39,119,.14);}
.rasa-about-widget .rab-timeline-item.tone-5{--rab-tl-accent:var(--rab-tl-5);--rab-tl-soft:rgba(217,119,6,.16);}

.rasa-about-widget .rab-card-timeline.is-drawn .rab-timeline-item{
  opacity:1;
  transform:none;
}

.rasa-about-widget .rab-tl-hit{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
  color:inherit;
  font:inherit;
  appearance:none;
  -webkit-appearance:none;
}

.rasa-about-widget .rab-tl-hit:focus-visible{
  outline:2px solid color-mix(in srgb,var(--rab-tl-accent) 70%,#fff);
  outline-offset:-4px;
  border-radius:12px;
}

/* نقطه دقیقاً روی خط مرکزی */
.rasa-about-widget .rab-tl-node{
  position:absolute;
  left:50%;
  top:50%;
  z-index:3;
  width:18px;
  height:18px;
  display:grid;
  place-items:center;
  transform:translate(-50%,-50%) scale(.88);
  transition:transform .35s cubic-bezier(.22,1,.36,1);
}

.rasa-about-widget .rab-tl-ring{
  position:absolute;
  inset:0;
  border-radius:50%;
  border:1.5px solid color-mix(in srgb,var(--rab-tl-accent) 55%,#fff);
  background:color-mix(in srgb,var(--rab-tl-accent) 12%,#fff);
  box-shadow:0 0 0 3px #fff;
  animation:rabNodePulse 2.8s ease-in-out infinite;
  animation-delay:calc(var(--rab-i,0) * .2s);
}

.rasa-about-widget .rab-tl-core{
  position:relative;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--rab-tl-accent);
  box-shadow:0 0 8px color-mix(in srgb,var(--rab-tl-accent) 45%,transparent);
  transition:transform .3s ease;
}

.rasa-about-widget .rab-tl-meta{
  position:absolute;
  left:50%;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:0;
  width:max-content;
  max-width:92%;
  padding:0;
  text-align:center;
  border-radius:12px;
  background:transparent;
  border:1px solid transparent;
  box-shadow:none;
  direction:rtl;
  /* دقیقاً بالای/پایین همان نقطه */
  transform:translateX(-50%) scale(.86);
  transform-origin:center center;
  transition:
    transform .35s cubic-bezier(.22,1,.36,1),
    background .3s ease,
    border-color .3s ease,
    box-shadow .3s ease,
    padding .3s ease,
    gap .3s ease,
    max-width .35s cubic-bezier(.22,1,.36,1);
}

.rasa-about-widget .rab-timeline-item.is-up .rab-tl-meta{
  bottom:calc(50% + 14px);
  transform-origin:center bottom;
}

.rasa-about-widget .rab-timeline-item.is-down .rab-tl-meta{
  top:calc(50% + 14px);
  transform-origin:center top;
}

.rasa-about-widget .rab-tl-year{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:46px;
  padding:.16rem .4rem;
  border-radius:999px;
  font-size:.7rem;
  font-weight:950;
  letter-spacing:.02em;
  line-height:1.1;
  color:#fff;
  background:linear-gradient(135deg,color-mix(in srgb,var(--rab-tl-accent) 82%,#fff),var(--rab-tl-accent));
  box-shadow:0 3px 8px color-mix(in srgb,var(--rab-tl-accent) 26%,transparent);
  transition:transform .3s ease, box-shadow .3s ease;
}

.rasa-about-widget .rab-tl-label{
  display:block;
  width:100%;
  max-height:0;
  margin:0;
  opacity:0;
  overflow:hidden;
  font-size:.64rem;
  font-weight:800;
  line-height:1.35;
  color:#334155;
  transform:translateY(4px);
  transition:
    max-height .35s cubic-bezier(.22,1,.36,1),
    opacity .28s ease,
    transform .35s cubic-bezier(.22,1,.36,1),
    margin .3s ease;
}

/* غیرفعال‌ها کوچک‌تر */
.rasa-about-widget .rab-timeline-item:not(.is-active) .rab-tl-year{
  transform:scale(.92);
  filter:saturate(.85);
}

.rasa-about-widget .rab-timeline-item:not(.is-active) .rab-tl-node{
  transform:translate(-50%,-50%) scale(.78);
  opacity:.72;
}

/* فعال: توضیح باز + برجسته */
.rasa-about-widget .rab-timeline-item.is-active{
  z-index:4;
}

.rasa-about-widget .rab-timeline-item.is-active .rab-tl-node{
  transform:translate(-50%,-50%) scale(1);
  opacity:1;
}

.rasa-about-widget .rab-timeline-item.is-active .rab-tl-meta{
  max-width:min(112px, 92%);
  gap:.22rem;
  padding:.38rem .42rem .36rem;
  background:rgba(255,255,255,.97);
  border-color:color-mix(in srgb,var(--rab-tl-accent) 28%,transparent);
  box-shadow:
    0 10px 20px rgba(15,23,42,.08),
    0 0 0 3px var(--rab-tl-soft);
  transform:translateX(-50%) scale(1);
}

.rasa-about-widget .rab-timeline-item.is-active .rab-tl-year{
  transform:scale(1.04);
  box-shadow:0 5px 12px color-mix(in srgb,var(--rab-tl-accent) 34%,transparent);
}

.rasa-about-widget .rab-timeline-item.is-active .rab-tl-label{
  max-height:2.7em;
  opacity:1;
  margin-top:0;
  transform:none;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2;
  overflow:hidden;
}

.rasa-about-widget .rab-timeline-item.is-active .rab-tl-core{
  transform:scale(1.12);
}

@keyframes rabNodePulse{
  0%,100%{transform:scale(1);opacity:1;}
  50%{transform:scale(1.1);opacity:.92;}
}

/* ========== News ========== */
.rasa-about-widget .rab-card-news{
  grid-area:news;
  direction:rtl;
  padding:1.25rem 1.2rem 1.05rem;
  display:flex;
  flex-direction:column;
  min-height:0;
}

.rasa-about-widget .rab-news-empty{
  color:var(--rab-muted);
  font-size:.86rem;
  line-height:1.8;
}

.rasa-about-widget .rab-news-slider{
  position:relative;
  display:flex;
  flex-direction:column;
  flex:1;
  gap:.7rem;
  min-height:0;
}

.rasa-about-widget .rab-news-track{
  position:relative;
  height:156px;
  flex:0 0 156px;
}

.rasa-about-widget .rab-news-slide{
  display:none;
  height:100%;
  gap:.9rem;
  align-items:stretch;
  padding:.85rem;
  border-radius:18px;
  background:rgba(47,111,108,.04);
  overflow:hidden;
  text-decoration:none;
  color:inherit;
  cursor:pointer;
  transition:background .3s ease, box-shadow .3s ease, transform .3s ease;
}

.rasa-about-widget .rab-news-slide.is-active{
  display:grid;
  direction:ltr;
  grid-template-columns:108px minmax(0,1fr);
  animation:rabFade .35s ease;
}

.rasa-about-widget .rab-news-slide.is-active:hover{
  background:rgba(47,111,108,.07);
  box-shadow:0 8px 20px rgba(15,23,42,.06);
}

.rasa-about-widget .rab-news-thumb{
  position:relative;
  width:108px;
  height:100%;
  border-radius:14px;
  overflow:hidden;
  flex-shrink:0;
}

.rasa-about-widget .rab-news-thumb img,
.rasa-about-widget .rab-thumb-ph{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.rasa-about-widget .rab-news-tag{
  position:absolute;
  left:.45rem;
  bottom:.45rem;
  background:var(--rab-accent);
  color:#fff;
  font-size:.66rem;
  font-weight:900;
  padding:.25rem .5rem;
  border-radius:999px;
}

.rasa-about-widget .rab-news-copy{
  direction:rtl;
  display:flex;
  flex-direction:column;
  min-width:0;
  text-align:right;
  overflow:hidden;
}

.rasa-about-widget .rab-news-meta{
  display:flex;
  justify-content:space-between;
  gap:.75rem;
  margin-bottom:.3rem;
  font-size:.7rem;
  font-weight:800;
  color:var(--rab-muted);
  flex-shrink:0;
}

.rasa-about-widget .rab-news-copy h4{
  font-size:.84rem;
  font-weight:900;
  line-height:1.5;
  margin-bottom:.25rem;
  color:var(--rab-text);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:100%;
  flex-shrink:0;
}

.rasa-about-widget .rab-news-excerpt{
  color:var(--rab-muted);
  font-size:.74rem;
  line-height:1.55;
  margin-bottom:.2rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  min-height:1.55em;
  max-height:1.55em;
  flex-shrink:0;
}

.rasa-about-widget .rab-news-more{
  margin-top:auto;
  color:var(--rab-accent);
  font-size:.78rem;
  font-weight:900;
  text-decoration:none;
  flex-shrink:0;
  display:inline-flex;
  align-items:center;
  gap:.3rem;
  line-height:1.2;
  visibility:visible;
  opacity:1;
}

.rasa-about-widget .rab-news-slide:hover .rab-news-more{
  text-decoration:underline;
}

.rasa-about-widget .rab-news-more svg{
  display:block;
  width:13px;
  height:13px;
  flex-shrink:0;
}

.rasa-about-widget .rab-news-progress{
  height:3px;
  border-radius:999px;
  background:rgba(47,111,108,.12);
  overflow:hidden;
}

.rasa-about-widget .rab-news-progress i{
  display:block;
  width:100%;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--rab-accent-soft),var(--rab-accent));
  transform:scaleX(0);
  transform-origin:right center;
}

.rasa-about-widget .rab-news-progress i.is-running{
  animation:rabNewsProgress var(--rab-news-interval,5500ms) linear forwards;
}

@keyframes rabNewsProgress{
  from{transform:scaleX(0);}
  to{transform:scaleX(1);}
}

.rasa-about-widget .rab-news-nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  margin-top:auto;
}

.rasa-about-widget .rab-news-arrows{display:flex;gap:.4rem;}

.rasa-about-widget .rab-news-prev,
.rasa-about-widget .rab-news-next{
  width:34px;
  height:34px;
  border-radius:50%;
  border:1px solid var(--rab-line);
  background:#fff;
  color:var(--rab-accent);
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
  transition:background .3s ease,color .3s ease,border-color .3s ease,transform .25s ease,box-shadow .25s ease;
}

.rasa-about-widget .rab-news-prev svg,
.rasa-about-widget .rab-news-next svg{
  display:block;
}

.rasa-about-widget .rab-news-prev:hover,
.rasa-about-widget .rab-news-next:hover{
  background:var(--rab-accent);
  color:#fff;
  border-color:var(--rab-accent);
  transform:translateY(-1px);
  box-shadow:0 6px 14px rgba(47,111,108,.18);
}

.rasa-about-widget .rab-news-dots{
  display:flex;
  align-items:center;
  gap:.3rem;
}

.rasa-about-widget .rab-news-dots button{
  width:6px;
  height:6px;
  border-radius:999px;
  border:0;
  padding:0;
  background:rgba(47,111,108,.22);
  cursor:pointer;
  transition:width .25s ease,background .25s ease;
}

.rasa-about-widget .rab-news-dots button.is-active{
  width:20px;
  background:var(--rab-accent);
}

/* ========== Quote ========== */
.rasa-about-widget .rab-card-quote{
  grid-area:quote;
  direction:rtl;
  padding:1.55rem 1.7rem 1.15rem;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:.7rem;
  min-height:150px;
}

.rasa-about-widget .rab-big-quote{
  align-self:center;
  font-size:2.35rem;
  line-height:1;
  color:var(--rab-accent);
  opacity:.45;
}

.rasa-about-widget .rab-quote-text{
  font-size:clamp(1.05rem,1.4vw,1.28rem);
  font-weight:850;
  line-height:1.9;
  color:var(--rab-text);
  max-width:34em;
  margin-inline:auto;
  text-align:center;
}

.rasa-about-widget .rab-card-quote cite{
  display:block;
  font-style:normal;
  font-size:.78rem;
  font-weight:800;
  color:var(--rab-muted);
  text-align:center;
}

/* انیمیشن خطی: انتقال داده + مربع‌های ماژول */
.rasa-about-widget .rab-quote-flow{
  position:relative;
  width:min(100%,420px);
  height:22px;
  margin-top:.55rem;
  overflow:hidden;
}

.rasa-about-widget .rab-quote-flow-beam{
  position:absolute;
  left:0;
  right:0;
  top:50%;
  height:2px;
  transform:translateY(-50%);
  border-radius:999px;
  background:linear-gradient(90deg,transparent,rgba(47,111,108,.18) 12%,rgba(37,99,235,.35) 50%,rgba(47,111,108,.18) 88%,transparent);
}

.rasa-about-widget .rab-quote-flow-track{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px;
  padding:0 4px;
  animation:rabModSlide 7s linear infinite;
}

.rasa-about-widget .rab-qf-mod{
  width:9px;
  height:9px;
  border-radius:2px;
  flex:0 0 auto;
  background:rgba(47,111,108,.22);
  box-shadow:0 0 0 1px rgba(47,111,108,.08);
  animation:rabModPulse 1.8s ease-in-out infinite;
}

.rasa-about-widget .rab-qf-mod:nth-child(odd){
  width:7px;
  height:7px;
  border-radius:1.5px;
  background:rgba(37,99,235,.28);
  animation-delay:.2s;
}

.rasa-about-widget .rab-qf-mod:nth-child(3n){
  width:11px;
  height:5px;
  border-radius:2px;
  background:rgba(47,111,108,.35);
  animation-delay:.45s;
}

.rasa-about-widget .rab-quote-flow-pulse{
  position:absolute;
  top:50%;
  left:-20%;
  width:28%;
  height:3px;
  border-radius:999px;
  transform:translateY(-50%);
  background:linear-gradient(90deg,transparent,rgba(96,165,250,.95),rgba(47,111,108,.85),transparent);
  filter:blur(.2px);
  box-shadow:0 0 10px rgba(59,130,246,.45);
  animation:rabDataPulse 2.4s ease-in-out infinite;
}

@keyframes rabDataPulse{
  0%{left:-25%;opacity:0;}
  15%{opacity:1;}
  85%{opacity:1;}
  100%{left:100%;opacity:0;}
}

@keyframes rabModSlide{
  0%{transform:translateX(0);}
  50%{transform:translateX(6px);}
  100%{transform:translateX(0);}
}

@keyframes rabModPulse{
  0%,100%{opacity:.35;transform:scale(.92);}
  50%{opacity:1;transform:scale(1.08);}
}

/* ========== Brands ========== */
.rasa-about-widget .rab-card-brands{
  grid-area:brands;
  direction:rtl;
  padding:1.05rem 1rem .95rem;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.rasa-about-widget .rab-card-brands .rab-card-title{
  font-size:1rem;
  margin-bottom:.8rem;
}

.rasa-about-widget .rab-brands-viewport{
  direction:ltr;
  overflow:hidden;
  mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.7) 10%,rgba(0,0,0,.7) 90%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.7) 10%,rgba(0,0,0,.7) 90%,transparent);
}

.rasa-about-widget .rab-brands-track{
  display:flex;
  width:max-content;
  animation:rabBrandScroll 26s linear infinite;
}

.rasa-about-widget .rab-card-brands:hover .rab-brands-track{animation-play-state:paused;}

.rasa-about-widget .rab-brands-group{
  display:flex;
  align-items:center;
  gap:.75rem;
  padding-left:.75rem;
}

.rasa-about-widget .rab-brand-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:118px;
  height:58px;
  padding:0 1.15rem;
  border-radius:14px;
  border:1px solid rgba(15,23,42,.1);
  background:#fff;
  color:#374151;
  font-size:.92rem;
  font-weight:900;
  letter-spacing:.01em;
  white-space:nowrap;
  box-shadow:0 6px 16px rgba(15,23,42,.06);
  transition:border-color .3s ease,transform .35s ease,color .3s ease;
}

.rasa-about-widget .rab-brand-chip:hover{
  transform:translateY(-2px);
  border-color:rgba(47,111,108,.28);
  color:var(--rab-text);
}

.rasa-about-widget .rab-brand-chip img{
  max-height:38px;
  max-width:120px;
  width:auto;
  object-fit:contain;
  display:block;
  filter:grayscale(.35);
  opacity:.95;
}

.rasa-about-widget .rab-brand-chip:hover img{
  filter:none;
  opacity:1;
}

@keyframes rabBrandScroll{
  from{transform:translateX(0);}
  to{transform:translateX(-50%);}
}

.rasa-about-widget .rasa-sr{
  opacity:0;
  transform:translateY(24px);
  transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1);
}

.rasa-about-widget .rasa-sr.rasa-on{
  opacity:1;
  transform:none;
}

@keyframes rabFade{
  from{opacity:0;transform:translateY(8px);}
  to{opacity:1;transform:none;}
}

.rab-preset-editorial{
  --rab-accent:#2563eb;
  --rab-accent-soft:#60a5fa;
  --rab-line:rgba(37,99,235,.16);
}

.rab-preset-cinematic{
  --rab-accent:#d4af37;
  --rab-accent-soft:#f5e6b8;
  --rab-card:#121a2b;
  --rab-text:#f3f4f6;
  --rab-muted:#9ca3af;
  --rab-line:rgba(212,175,55,.2);
  --rab-shadow:0 18px 44px rgba(0,0,0,.35);
  --rab-grad:linear-gradient(90deg,#d4af37,#f5e6b8,#a16207);
}

.rab-preset-cinematic .rab-news-slide,
.rab-preset-cinematic .rab-brand-chip,
.rab-preset-cinematic .rab-timeline-item.is-active .rab-tl-meta,
.rab-preset-cinematic .rab-news-prev,
.rab-preset-cinematic .rab-news-next,
.rab-preset-cinematic .rab-pill{
  background:#182235;
}

.rab-preset-cinematic .rab-tl-label{
  color:#e5e7eb;
}

.rab-preset-cinematic .rab-thinking{
  background:rgba(212,175,55,.08);
}

@media(max-width:1024px){
  .rasa-about-widget .rab-bento,
  .rasa-about-widget.rab-layout-no-brands .rab-bento{
    grid-template-columns:repeat(12,minmax(0,1fr));
    grid-template-rows:auto;
    grid-template-areas:
      "about about about about about about about about about about about about"
      "timeline timeline timeline timeline timeline timeline timeline timeline timeline timeline timeline timeline"
      "news news news news news news quote quote quote quote quote quote"
      "brands brands brands brands brands brands brands brands brands brands brands brands";
  }

  .rasa-about-widget .rab-card-about{min-height:340px;}
}

@media(max-width:768px){
  .rasa-about-widget .rab-hide-mobile{display:none!important;}

  .rasa-about-widget .rab-section{padding:3.2rem 0;}
  .rasa-about-widget .rab-inner{padding:0 1rem;}
  .rasa-about-widget .rab-head{margin-bottom:1.65rem;}
  .rasa-about-widget .rab-title{font-size:clamp(1.35rem,6vw,1.75rem);}
  .rasa-about-widget .rab-subtitle{font-size:.88rem;}
  .rasa-about-widget .rab-bento,
  .rasa-about-widget.rab-layout-no-brands .rab-bento{
    grid-template-columns:1fr;
    grid-template-areas:none;
    grid-auto-flow:row;
    gap:14px;
  }

  .rasa-about-widget .rab-card-timeline,
  .rasa-about-widget .rab-card-about,
  .rasa-about-widget .rab-card-news,
  .rasa-about-widget .rab-card-quote,
  .rasa-about-widget .rab-card-brands{
    grid-area:auto;
  }

  /* ترتیب قبلی موبایل: درباره → تایم‌لاین → خبر → نقل‌قول → برند */
  .rasa-about-widget .rab-card-about{order:1;}
  .rasa-about-widget .rab-card-timeline{order:2;}
  .rasa-about-widget .rab-card-news{order:3;}
  .rasa-about-widget .rab-card-quote{order:4;}
  .rasa-about-widget .rab-card-brands{order:5;}

  .rasa-about-widget .rab-card-about{
    grid-template-columns:1fr;
    grid-template-areas:
      "photo"
      "body";
    min-height:0;
  }

  .rasa-about-widget .rab-about-photo{min-height:220px;}

  .rasa-about-widget .rab-card-timeline{--rab-tl-h:140px;}
  .rasa-about-widget .rab-timeline-item.is-active .rab-tl-meta{
    max-width:min(104px, 92%);
  }

  .rasa-about-widget .rab-news-track{height:220px;flex-basis:220px;}
  .rasa-about-widget .rab-news-slide.is-active{grid-template-columns:1fr;}
  .rasa-about-widget .rab-news-thumb{width:100%;height:110px;}
}

@media(prefers-reduced-motion:reduce){
  .rasa-about-widget .rab-media-layer,
  .rasa-about-widget .rab-card,
  .rasa-about-widget .rasa-sr,
  .rasa-about-widget .rab-brands-track,
  .rasa-about-widget .rab-thinking-dots i,
  .rasa-about-widget .rab-quote-flow-track,
  .rasa-about-widget .rab-quote-flow-pulse,
  .rasa-about-widget .rab-qf-mod,
  .rasa-about-widget .rab-timeline-rail-shine,
  .rasa-about-widget .rab-timeline-rail-fill,
  .rasa-about-widget .rab-tl-ring,
  .rasa-about-widget .rab-tl-orb,
  .rasa-about-widget .rab-news-progress i{
    transition:none!important;
    animation:none!important;
  }

  .rasa-about-widget .rab-news-progress i{
    transform:scaleX(1)!important;
  }

  .rasa-about-widget .rab-timeline-rail-fill{
    transform:scaleX(1)!important;
  }

  .rasa-about-widget .rab-timeline-item{
    opacity:1!important;
  }

  .rasa-about-widget .rab-tl-meta,
  .rasa-about-widget .rab-tl-label,
  .rasa-about-widget .rab-tl-year,
  .rasa-about-widget .rab-tl-node{
    transition:none!important;
  }
}