/* Arabic Home V2 — match English structure, RTL text, full feature parity */

/* ── Stories / marquee — full-width same as EN ── */
.o2f-v2-ar .stories-section{padding-left:0!important;padding-right:0!important;overflow:hidden!important}
.o2f-v2-ar .stories-section .section-head{padding:0 clamp(16px,5vw,76px)!important}
.o2f-v2-ar .stories-section>.container,.o2f-v2-ar .stories-section .container{width:100%!important;max-width:none!important;padding:0!important}
.o2f-v2-ar .marquee{position:relative!important;width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;display:grid!important;gap:18px!important;overflow:hidden!important}
.o2f-v2-ar .marquee-row{display:flex!important;gap:18px!important;width:max-content!important;will-change:transform!important}
.o2f-v2-ar .marquee-row.row-a{animation:homeV2MoveA 120s linear infinite!important}
.o2f-v2-ar .marquee-row.row-b{animation:homeV2MoveB 135s linear infinite!important}

/* ── Comment cards — identical to EN ── */
.o2f-v2-ar .comment-card{flex:0 0 420px!important;width:420px!important;min-height:235px!important;padding:24px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;direction:ltr!important}
.o2f-v2-ar .comment-card p{direction:auto!important;text-align:start!important}
.o2f-v2-ar .comment-card[dir="rtl"] p{direction:rtl!important;text-align:right!important}
.o2f-v2-ar .comment-card .quote{font-size:34px!important;color:var(--lime)!important;line-height:1!important}
@media(max-width:720px){.o2f-v2-ar .comment-card{flex-basis:300px!important;width:300px!important;min-height:210px!important;padding:18px!important}}

/* ── Experience / timeline — AR matches the EN card grid exactly ── */
.o2f-v2-ar .osama-timeline{direction:ltr!important;padding-top:clamp(70px,10vh,120px)!important;overflow:hidden!important}
.o2f-v2-ar .timeline-wrap{display:block!important}
.o2f-v2-ar .timeline-intro{padding:30px!important;margin-bottom:30px!important;position:relative!important;top:auto!important}
.o2f-v2-ar .timeline-list{
  position:relative!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  overflow:visible!important;
  padding:0!important;
}
.o2f-v2-ar .timeline-list:before{display:none!important}
.o2f-v2-ar .timeline-item{
  display:block!important;
  min-height:0!important;
  position:relative!important;
  z-index:1!important;
  background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.045))!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:30px!important;
  padding:18px!important;
  box-shadow:0 24px 70px rgba(0,0,0,.20)!important;
  transition:transform .25s ease,border-color .25s ease!important;
}
.o2f-v2-ar .timeline-item:hover{transform:translateY(-5px)!important;border-color:rgba(168,255,120,.36)!important}
.o2f-v2-ar .timeline-item:nth-child(7){grid-column:1 / -1!important}
.o2f-v2-ar .timeline-year{
  min-width:58px!important;
  width:max-content!important;
  height:auto!important;
  display:inline-grid!important;
  place-items:center!important;
  padding:8px 14px!important;
  margin:0 0 14px auto!important;
  border-radius:999px!important;
  background:linear-gradient(145deg,rgba(168,255,120,.28),rgba(255,255,255,.1))!important;
  border:1px solid rgba(168,255,120,.42)!important;
  color:#fff!important;
  font-weight:1000!important;
  font-size:12px!important;
  line-height:1!important;
  position:relative!important;
  inset:auto!important;
  z-index:3!important;
  box-shadow:0 14px 40px rgba(0,0,0,.24)!important;
}
.o2f-v2-ar .timeline-card,
.o2f-v2-ar .timeline-item:nth-child(odd) .timeline-card,
.o2f-v2-ar .timeline-item:nth-child(even) .timeline-card{
  display:block!important;
  width:100%!important;
  min-height:150px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  grid-row:auto!important;
  grid-column:auto!important;
  align-self:auto!important;
}
.o2f-v2-ar .timeline-card b{display:block!important;color:#fff!important;font-size:clamp(18px,1.35vw,24px)!important;line-height:1.22!important;margin-bottom:8px!important}
.o2f-v2-ar .timeline-card p{font-size:14px!important;line-height:1.62!important}
.o2f-v2-ar .achievement-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:12px!important;margin-top:18px!important}
.o2f-v2-ar .achievement-card{padding:16px!important;border-radius:20px!important;background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.14)!important}
.o2f-v2-ar .achievement-card strong{display:block!important;color:var(--lime)!important;font-size:30px!important;line-height:1!important;margin-bottom:8px!important}
.o2f-v2-ar .timeline-intro p,.o2f-v2-ar .timeline-intro h2,.o2f-v2-ar .timeline-card b,.o2f-v2-ar .timeline-card p,.o2f-v2-ar .achievement-card span{direction:rtl!important;text-align:right!important}
.o2f-v2-ar .timeline-intro .kicker{direction:rtl!important}


.o2f-v2-ar{font-family:Tajawal,Inter,system-ui,sans-serif!important}
.o2f-v2-ar .dock{
  direction:ltr!important;
  background:rgba(6,17,13,.72)!important;
  isolation:isolate!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:8px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:0 22px 70px rgba(0,0,0,.32)!important;
}
.o2f-v2-ar .dock a,.o2f-v2-ar .dock button{
  direction:rtl!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:40px!important;
  padding:10px 13px!important;
  border-radius:999px!important;
  white-space:nowrap!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
  text-align:center!important;
  letter-spacing:0!important;
  color:#fff!important;
}
.o2f-v2-ar .dock .dock-lang{direction:ltr!important;font-size:11px!important}
.o2f-v2-ar .grid2{grid-template-columns:minmax(320px,.9fr) minmax(520px,1.1fr)!important}
.o2f-v2-ar #coach .coach-photo{order:0!important}
.o2f-v2-ar #coach .panel{order:1!important}
.o2f-v2-ar .tab-panel{grid-template-columns:1.05fr .95fr!important}
.o2f-v2-ar .tab-copy{text-align:right!important}
.o2f-v2-ar .before-wrap{grid-template-columns:1.15fr .85fr!important}
.o2f-v2-ar #results .ba{order:0!important}
.o2f-v2-ar #results .before-wrap>div:not(.ba){order:1!important;text-align:right!important}
.o2f-v2-ar .gallery-grid{grid-template-columns:1.2fr .8fr 1fr!important}
.o2f-v2-ar .journey-card{text-align:right!important}
.o2f-v2-ar .features li{padding-left:0!important;padding-right:14px!important}
.o2f-v2-ar .features li:before{left:auto!important;right:0!important}
.o2f-v2-ar .label{left:auto!important;right:16px!important}
.o2f-v2-ar .gallery-item span{left:auto!important;right:14px!important}
.o2f-v2-ar .visual-caption{text-align:right!important}
.o2f-v2-ar .result-card{grid-template-columns:auto 1fr!important;text-align:right!important}
.o2f-v2-ar .stats small{color:rgba(247,255,247,.72)!important}
@media(max-width:1050px){.o2f-v2-ar .grid2,.o2f-v2-ar .tab-panel,.o2f-v2-ar .before-wrap{grid-template-columns:1fr!important}.o2f-v2-ar .plans,.o2f-v2-ar .steps,.o2f-v2-ar .cards3{grid-template-columns:1fr 1fr!important}.o2f-v2-ar .gallery-grid{grid-template-columns:1fr 1fr!important}.o2f-v2-ar #coach .coach-photo{order:-1!important}}
@media(max-width:720px){.o2f-v2-ar .journey,.o2f-v2-ar .plans,.o2f-v2-ar .steps,.o2f-v2-ar .cards3,.o2f-v2-ar .ba,.o2f-v2-ar .gallery-grid{grid-template-columns:1fr!important}.o2f-v2-ar .tab-panel.active{display:flex!important;flex-direction:column!important}.o2f-v2-ar .visual{order:-1!important}.o2f-v2-ar .plans .highlight{order:-1!important}.o2f-v2-ar .gallery-item,.o2f-v2-ar .gallery-item.big{grid-row:auto!important;height:260px!important}.o2f-v2-ar .result-card{grid-template-columns:1fr!important}}

@media(max-width:720px){
  .o2f-v2-ar .dock{
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    bottom:14px!important;
    top:auto!important;
    transform:translateX(-50%)!important;
    z-index:9998!important;
    display:grid!important;
    grid-template-columns:repeat(7,minmax(0,1fr))!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    width:calc(100vw - 18px)!important;
    max-width:470px!important;
    padding:6px!important;
    border-radius:999px!important;
    overflow:visible!important;
    background:rgba(6,17,13,.76)!important;
    border:1px solid rgba(255,255,255,.24)!important;
    box-shadow:0 22px 70px rgba(0,0,0,.38)!important;
    backdrop-filter:blur(24px) saturate(150%)!important;
    -webkit-backdrop-filter:blur(24px) saturate(150%)!important;
    scrollbar-width:none!important;
    touch-action:manipulation!important;
  }
  .o2f-v2-ar .dock::-webkit-scrollbar{display:none!important}
  .o2f-v2-ar .dock:before{display:none!important;content:none!important}
  .o2f-v2-ar .dock a,.o2f-v2-ar .dock button{
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    height:34px!important;
    min-height:34px!important;
    padding:0 4px!important;
    border-radius:999px!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:9.4px!important;
    line-height:1!important;
    font-weight:900!important;
    color:rgba(255,255,255,.86)!important;
    text-decoration:none!important;
    background:rgba(255,255,255,.04)!important;
    border:1px solid rgba(255,255,255,.06)!important;
    box-shadow:none!important;
    cursor:pointer!important;
    pointer-events:auto!important;
  }
  .o2f-v2-ar .dock a.active{background:linear-gradient(135deg,rgba(168,255,120,.26),rgba(84,200,255,.12))!important;border-color:rgba(168,255,120,.28)!important;color:#fff!important}
  .o2f-v2-ar .dock a:hover,.o2f-v2-ar .dock button:hover{background:rgba(255,255,255,.14)!important}
  .o2f-v2-ar .dock #socialToggle{font-size:0!important;width:100%!important;min-width:0!important;padding:0!important;background:rgba(255,255,255,.13)!important;border-color:rgba(255,255,255,.12)!important;touch-action:manipulation!important;pointer-events:auto!important}
  .o2f-v2-ar .dock #socialToggle:before{display:none!important;content:none!important}
  .o2f-v2-ar .dock #socialToggle:after{content:'☰'!important;font-size:20px!important;line-height:1!important;color:#fff!important}
  .o2f-v2-ar .social-menu{display:block!important;position:static!important;min-width:0!important;width:100%!important;pointer-events:auto!important}
}

#homeV2SocialPanel{direction:ltr!important}
#homeV2SocialPanel a{direction:rtl!important}

@media(max-width:1050px){
  .o2f-v2-ar .timeline-list{grid-template-columns:1fr!important;gap:14px!important;padding:0!important}
  .o2f-v2-ar .timeline-item,.o2f-v2-ar .timeline-item:nth-child(7){grid-column:auto!important;display:grid!important;grid-template-columns:74px 1fr!important;gap:14px!important;align-items:start!important;padding:16px!important;border-radius:26px!important}
  .o2f-v2-ar .timeline-year{grid-column:1!important;grid-row:1!important;margin:0!important;align-self:start!important;min-width:62px!important;width:62px!important;height:48px!important;padding:0!important}
  .o2f-v2-ar .timeline-card,.o2f-v2-ar .timeline-item:nth-child(odd) .timeline-card,.o2f-v2-ar .timeline-item:nth-child(even) .timeline-card{grid-column:2!important;grid-row:1!important;min-height:0!important}
  .o2f-v2-ar .achievement-grid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:720px){
  .o2f-v2-ar .timeline-item,.o2f-v2-ar .timeline-item:nth-child(7){grid-template-columns:62px 1fr!important;gap:12px!important}
  .o2f-v2-ar .timeline-year{min-width:54px!important;width:54px!important;height:46px!important;font-size:11px!important}
  .o2f-v2-ar .timeline-card b{font-size:18px!important}
  .o2f-v2-ar .achievement-grid{grid-template-columns:1fr!important}
}

/* ── Add comment card — Arabic ── */
.o2f-v2-ar .add-comment-card{max-width:980px!important;margin:32px auto 0!important;padding:24px!important;display:grid!important;grid-template-columns:1fr .8fr!important;gap:18px!important;align-items:stretch!important;direction:rtl!important}
.o2f-v2-ar .add-comment-form{display:grid!important;gap:12px!important}
.o2f-v2-ar .add-comment-form .form-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
.o2f-v2-ar .add-comment-form input,.o2f-v2-ar .add-comment-form textarea{width:100%!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:16px!important;padding:13px 15px!important;color:#fff!important;background:rgba(255,255,255,.08)!important;outline:none!important;resize:vertical!important;font-family:Tajawal,system-ui,sans-serif!important;direction:rtl!important;text-align:right!important}
.o2f-v2-ar .add-comment-note{padding:22px!important;border-radius:22px!important;background:rgba(168,255,120,.07)!important;border:1px solid rgba(168,255,120,.20)!important}
.o2f-v2-ar .add-comment-note ul{padding-right:18px!important;padding-left:0!important;margin:10px 0 0!important}
.o2f-v2-ar .add-comment-card h3{color:#fff!important;font-size:clamp(20px,1.8vw,26px)!important}
@media(max-width:1050px){.o2f-v2-ar .add-comment-card{grid-template-columns:1fr!important}}
@media(max-width:720px){.o2f-v2-ar .add-comment-form .form-row{grid-template-columns:1fr!important}}

/* Keep Arabic comments aligned with the final two-row live marquee */
.o2f-v2-ar .stories-section .marquee{
  gap:16px!important;
  padding-block:4px!important;
  mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)!important;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)!important;
}
.o2f-v2-ar .stories-section .marquee-row{
  align-items:stretch!important;
  gap:16px!important;
  min-width:200%!important;
}
.o2f-v2-ar .stories-section .marquee-row.row-a{animation:homeV2CommentsRight 72s linear infinite!important}
.o2f-v2-ar .stories-section .marquee-row.row-b{animation:homeV2CommentsLeft 86s linear infinite!important;animation-delay:-28s!important}
.o2f-v2-ar .stories-section .comment-card{
  flex:0 0 clamp(290px,28vw,380px)!important;
  width:clamp(290px,28vw,380px)!important;
  min-height:230px!important;
  direction:rtl!important;
  text-align:right!important;
}
@media(max-width:720px){
  .o2f-v2-ar .stories-section .marquee{
    gap:12px!important;
    mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)!important;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)!important;
  }
  .o2f-v2-ar .stories-section .marquee-row{gap:12px!important}
  .o2f-v2-ar .stories-section .marquee-row.row-a{animation-duration:82s!important}
  .o2f-v2-ar .stories-section .marquee-row.row-b{animation-duration:96s!important}
  .o2f-v2-ar .stories-section .comment-card{
    flex-basis:min(78vw,300px)!important;
    width:min(78vw,300px)!important;
    min-height:210px!important;
  }
}