@font-face{font-family:Cairo;src:url("fonts/Cairo-Variable.woff2") format("woff2");font-style:normal;font-weight:200 1000;font-display:swap}
/* Arabic and Persian storefronts and member workspaces. Administration retains its existing styling. */
html:is([lang="ar"],[lang="fa"]){direction:rtl}
html:is([lang="ar"],[lang="fa"]) body{font-family:Cairo,Tahoma,Arial,sans-serif;letter-spacing:normal}
html:is([lang="ar"],[lang="fa"]) :is(h1,h2,h3,h4,p,a,button,label,small,summary,.eyebrow){letter-spacing:normal}
html:is([lang="ar"],[lang="fa"]) :is(h1,h2,h3){line-height:1.4}
html:is([lang="ar"],[lang="fa"]) :is(input,textarea,select){text-align:start}
html:is([lang="ar"],[lang="fa"]) :is(input[type="email"],input[type="url"],input[type="tel"],input[name="txid"],input[name="wallet_address"],code,.amount,.coinicon){direction:ltr;unicode-bidi:isolate}
html:is([lang="ar"],[lang="fa"]) .hero-copy,html:is([lang="ar"],[lang="fa"]) .trust-hero>div,html:is([lang="ar"],[lang="fa"]) .bento-copy{text-align:right}
html:is([lang="ar"],[lang="fa"]) .site-language-popover{right:auto;left:0;text-align:right}
html:is([lang="ar"],[lang="fa"]) .site-language-popover a{flex-direction:row}
html:is([lang="ar"],[lang="fa"]) .site-language-code{direction:ltr}
html:is([lang="ar"],[lang="fa"]) :is(th,td){text-align:start}
html:is([lang="ar"],[lang="fa"]) :is(.table-scroll,.member-scroll){direction:rtl}
html:is([lang="ar"],[lang="fa"]) .faq-hero:before{content:"أسئلة";letter-spacing:normal}
html:is([lang="ar"],[lang="fa"]) .mock-grid span:after{content:"محمي";letter-spacing:normal}
html:is([lang="ar"],[lang="fa"]) .authcopy{text-align:right}
html:is([lang="ar"],[lang="fa"]) .field-error{text-align:right}
@media(max-width:820px){html:is([lang="ar"],[lang="fa"]) .topbar nav{left:0;right:auto}html:is([lang="ar"],[lang="fa"]) .site-language-popover{left:0;right:auto;max-width:calc(100vw - 32px)}}
@media(prefers-reduced-motion:reduce){html:is([lang="ar"],[lang="fa"]) *{scroll-behavior:auto}}

html:is([lang="ar"],[lang="fa"]) :is(button,input,textarea,select){font-family:Cairo,Tahoma,Arial,sans-serif}

html[lang="fa"] .faq-hero:before{content:"پرسش‌ها"}
html[lang="fa"] .mock-grid span:after{content:"محافظت‌شده"}
/* Keep editorial display faces from replacing Cairo on RTL pages. */
html:is([lang="ar"],[lang="fa"]) body :is(h1,h2,h3,h4,h5,h6,p,a,button,label,small,summary,span,strong,em,input,textarea,select,td,th,dd,dt,li,legend,div,time,b){font-family:Cairo,Tahoma,Arial,sans-serif!important}

/* Keep the anti-spam field clipped inside the viewport. A large negative
   physical left offset expands the scrollable canvas on RTL documents. */
html:is([lang="ar"],[lang="fa"]) .launch-honeypot{
  position:absolute;left:0;right:auto;top:0;bottom:auto;
  width:1px;height:1px;margin:0;padding:0;border:0;
  overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);
  white-space:nowrap;pointer-events:none;
}

/* In RTL home heroes, put the bare foot on the left and copy on the
   right. Mirror only the artwork, never the copy or its controls. */
html:is([lang="ar"],[lang="fa"]) .premium-hero .hero-copy{
  margin-left:auto;margin-right:0;min-width:0;direction:rtl;text-align:right;
}
html:is([lang="ar"],[lang="fa"]) .premium-hero h1{
  font-size:clamp(2.6rem,4.6vw,4.75rem);line-height:1.25;
  letter-spacing:normal;overflow-wrap:break-word;
}
html:is([lang="ar"],[lang="fa"]) .premium-hero:before{
  background:linear-gradient(270deg,#fffdfafa 0,#fffdfaf0 30%,#f4faf9ad 48%,#f4faf921 74%,transparent),linear-gradient(180deg,#102a3a12 0,transparent 34%,#087c7817 100%);
}
html:is([lang="ar"],[lang="fa"]) .premium-hero>.premium-visual>img{
  position:absolute;inset:0;display:block;width:100%;height:100%;
  max-width:none;object-fit:cover;object-position:center bottom;transform:scaleX(-1);
}
/* Give RTL copy its own readable surface instead of relying on the photo. */
html:is([lang="ar"],[lang="fa"]) .premium-hero .hero-copy{
  padding:clamp(20px,2.4vw,32px);border:1px solid #cbdedb;
  border-radius:20px;background:#fffdfa;color:#102a3a;
  box-shadow:0 14px 42px #102a3a14;
}
html:is([lang="ar"],[lang="fa"]) .premium-hero h1{color:#102a3a;text-shadow:none}
html:is([lang="ar"],[lang="fa"]) .premium-hero .hero-copy>p,
html:is([lang="ar"],[lang="fa"]) .premium-hero .hero-assurance,
html:is([lang="ar"],[lang="fa"]) .premium-hero .hero-assurance span{color:#36545b}
html:is([lang="ar"],[lang="fa"]) .premium-hero .eyebrow{color:#086965}
html:is([lang="ar"],[lang="fa"]) .premium-hero .hero-signal{
  color:#086965;background:#eef6f4;border-color:#c4d8d4;
}
html:is([lang="ar"],[lang="fa"]) .premium-hero .hero-actions .primary{
  color:#fff;background:#086965;border-color:#086965;
}
html:is([lang="ar"],[lang="fa"]) .premium-hero .hero-actions .primary:hover{background:#075a57}
html:is([lang="ar"],[lang="fa"]) .premium-hero .hero-actions .ghost{
  color:#102a3a;background:#fffdfa;border-color:#809b9a;
}
html:is([lang="ar"],[lang="fa"]) .premium-hero .hero-actions a:focus-visible{
  outline:3px solid #086965;outline-offset:4px;
}
/* On compact screens, give the 3:2 photo its own space below the copy. */
@media(max-width:900px){
  html:is([lang="ar"],[lang="fa"]) .premium-hero{
    display:flex;flex-direction:column;min-height:0;height:auto;
    padding:28px 18px 0;gap:24px;
  }
  html:is([lang="ar"],[lang="fa"]) .premium-hero:before,
  html:is([lang="ar"],[lang="fa"]) .premium-hero:after{display:none}
  html:is([lang="ar"],[lang="fa"]) .premium-hero .hero-copy{
    width:100%;max-width:none;margin:0;padding:0;
    border:0;border-radius:0;box-shadow:none;
  }
  html:is([lang="ar"],[lang="fa"]) .premium-hero h1{
    font-size:clamp(2rem,7vw,3.25rem);line-height:1.25;
  }
  html:is([lang="ar"],[lang="fa"]) .premium-hero>.premium-visual{
    position:relative;inset:auto;flex:none;align-self:center;
    width:calc(100% + 36px);max-width:none;height:auto;min-height:0;
    aspect-ratio:3/2;margin:0 -18px;border-radius:0;
  }
}

/* Keep the launch icon in normal grid flow, with its own RTL column. */
html:is([lang="ar"],[lang="fa"]) .marketplace-launch-banner{
  display:grid;grid-template-columns:54px minmax(0,1fr) minmax(150px,220px);
  align-items:center;gap:16px 20px;min-height:0;
  padding:24px 28px;direction:rtl;text-align:right;
}
html:is([lang="ar"],[lang="fa"]) .marketplace-launch-banner:before{
  position:static;inset:auto;transform:none;
  grid-column:1;grid-row:1;align-self:start;justify-self:center;
  width:54px;height:54px;margin:0;
}
html:is([lang="ar"],[lang="fa"]) .marketplace-launch-banner>div{
  grid-column:2;grid-row:1;min-width:0;width:auto;gap:8px;
}
html:is([lang="ar"],[lang="fa"]) .marketplace-launch-banner .eyebrow{
  max-width:100%;white-space:normal;line-height:1.6;
  letter-spacing:normal;overflow-wrap:break-word;
}
html:is([lang="ar"],[lang="fa"]) .marketplace-launch-banner strong{
  line-height:1.6;overflow-wrap:break-word;
}
html:is([lang="ar"],[lang="fa"]) .marketplace-launch-banner p{
  margin:0;line-height:1.85;overflow-wrap:break-word;
}
html:is([lang="ar"],[lang="fa"]) .marketplace-launch-banner>.primary{
  grid-column:3;grid-row:1;display:inline-flex;align-items:center;
  justify-content:center;gap:10px;min-width:0;max-width:100%;
  padding:12px 18px;white-space:normal;line-height:1.6;text-align:center;
}
html:is([lang="ar"],[lang="fa"]) .marketplace-launch-banner>.primary>span,
html:is([lang="ar"],[lang="fa"]) .marketplace-launch-banner>.primary>svg{
  flex:0 0 auto;line-height:1;
}
@media(max-width:760px){
  html:is([lang="ar"],[lang="fa"]) .marketplace-launch-banner{
    grid-template-columns:44px minmax(0,1fr);gap:16px 14px;padding:20px 18px;
  }
  html:is([lang="ar"],[lang="fa"]) .marketplace-launch-banner:before{
    width:44px;height:44px;
  }
  html:is([lang="ar"],[lang="fa"]) .marketplace-launch-banner>.primary{
    grid-column:1 / -1;grid-row:2;width:100%;
  }
}
