html[dir="rtl"] body{ text-align:right; }
html[dir="rtl"] .eyebrow::before{ margin-left:.5rem; margin-right:0; }
html[dir="rtl"] .scroll-indicator .line::after{ animation-direction:reverse; }

html[dir="rtl"] .header-inner{ flex-direction:row-reverse; }
html[dir="rtl"] .logo{ flex-direction:row-reverse; }
html[dir="rtl"] .main-nav{ flex-direction:row-reverse; }
html[dir="rtl"] .header-actions{ flex-direction:row-reverse; }
html[dir="rtl"] .main-nav a.active::after{ left:auto; right:0; }

html[dir="rtl"] .mobile-nav{ transform:translateX(-100%); }
html[dir="rtl"] .mobile-nav.is-open{ transform:translateX(0); }
html[dir="rtl"] .mobile-nav-top{ flex-direction:row-reverse; }

html[dir="rtl"] .hero-copy .brand-line,
html[dir="rtl"] .hero-cta-row,
html[dir="rtl"] .hero-stats,
html[dir="rtl"] .breadcrumb,
html[dir="rtl"] .footer-social,
html[dir="rtl"] .contact-info-card,
html[dir="rtl"] .checkbox-row,
html[dir="rtl"] .post-meta span,
html[dir="rtl"] .btn,
html[dir="rtl"] .stat span,
html[dir="rtl"] .search-box,
html[dir="rtl"] .timeline-row,
html[dir="rtl"] .pillar,
html[dir="rtl"] .sidebar-post,
html[dir="rtl"] .social-auth-row,
html[dir="rtl"] .testimonial-author{ flex-direction:row-reverse; }

html[dir="rtl"] .hero-float-card.card-1{ left:auto; right:-1.8rem; }
html[dir="rtl"] .hero-float-card.card-2{ right:auto; left:-1.8rem; }

html[dir="rtl"] .collage .img-a{ left:auto; right:0; }
html[dir="rtl"] .collage .img-b{ right:auto; left:0; }
html[dir="rtl"] .collage .img-c{ right:auto; left:6%; }

html[dir="rtl"] .bento-item .bento-label{ left:auto; right:1.3rem; }
html[dir="rtl"] .ingredient-tile .tile-label{ left:auto; right:1rem; }

html[dir="rtl"] .timeline-row::before{ left:auto; right:28px; }
html[dir="rtl"] .stat-block{ border-left:none; border-right:2px solid var(--vn-orange); border-top:none; padding-right:1rem; padding-top:0; }

html[dir="rtl"] .article-body blockquote{ border-left:none; border-right:3px solid var(--vn-orange); padding:.2rem 1.6rem .2rem 0; }
html[dir="rtl"] .article-body ul{ padding-left:0; padding-right:1.4rem; }
html[dir="rtl"] .legal-body ul{ padding-left:0; padding-right:1.4rem; }
html[dir="rtl"] .legal-toc ol{ padding-left:0; padding-right:1.3rem; }

html[dir="rtl"] .password-toggle{ right:auto; left:1rem; }
html[dir="rtl"] .back-to-top{ right:auto; left:1.4rem; }
html[dir="rtl"] .skip-link{ left:auto; right:1rem; }

html[dir="rtl"] .faq-q{ text-align:right; }
html[dir="rtl"] .form-grid,
html[dir="rtl"] .footer-grid{ direction:rtl; }

html[dir="rtl"] .cart-count{ right:auto; left:-6px; }
html[dir="rtl"] .cart-line{ direction:rtl; }
html[dir="rtl"] .line-total{ text-align:left; }
html[dir="rtl"] .cart-layout{ direction:rtl; }
html[dir="rtl"] .remove-line{ flex-direction:row-reverse; }

html[dir="rtl"] i.fa-arrow-right:before{ content:"\f060"; }
html[dir="rtl"] i.fa-arrow-left:before{ content:"\f061"; }
html[dir="rtl"] i.fa-chevron-right:before{ content:"\f053"; }
html[dir="rtl"] i.fa-chevron-left:before{ content:"\f054"; }

html[dir="rtl"] .header-cta,
html[dir="rtl"] .mobile-rtl-toggle,
html[dir="rtl"] .h2-hero-badge,
html[dir="rtl"] .h2-hero-facts,
html[dir="rtl"] .h2-hero-card,
html[dir="rtl"] .h2-bowl-tag,
html[dir="rtl"] .product-modal-top,
html[dir="rtl"] .product-modal-nutri,
html[dir="rtl"] .product-modal-points li{ flex-direction:row-reverse; }

html[dir="rtl"] .product-modal-points li{ display:flex; gap:.5rem; justify-content:flex-start; }
html[dir="rtl"] .product-modal-top{ padding-inline:2.6rem 0; }
html[dir="rtl"] .product-modal-close{ inset-inline-end:auto; inset-inline-start:.9rem; }
html[dir="rtl"] .product-modal-body{ text-align:right; }
html[dir="rtl"] .product-modal-panel{ direction:rtl; }
html[dir="rtl"] .product-modal-panel > *{ direction:ltr; }

html[dir="rtl"] .h2-hero .hero-cta-row{ justify-content:flex-start; }
html[dir="rtl"] .h2-hero-content{ text-align:right; }
html[dir="rtl"] .h2-hero h1{ margin-left:auto; }
html[dir="rtl"] .h2-hero-lede{ margin-left:auto; }
html[dir="rtl"] .h2-bowl-tag{ inset-inline-start:auto; inset-inline-end:1rem; }
html[dir="rtl"] .h2-steps li::after{ inset-inline-end:auto; inset-inline-start:1.6rem; }

html[dir="rtl"] .page-hero h1,
html[dir="rtl"] .page-hero .lede{ margin-left:auto; }
html[dir="rtl"] .page-hero .page-hero-grid{ direction:rtl; }
html[dir="rtl"] .page-hero .page-hero-grid > *{ direction:ltr; }

html[dir="rtl"] .blog-grid .post-card .body{ align-items:flex-end; }
html[dir="rtl"] .blog-grid .post-card .post-meta{ justify-content:flex-start; flex-direction:row-reverse; }
html[dir="rtl"] .story-copy .story-text{ margin-left:auto; }
html[dir="rtl"] .bestseller-grid{ direction:rtl; }
html[dir="rtl"] .bestseller-grid > *{ direction:ltr; }
html[dir="rtl"] .page-hero{ align-items:flex-end; }
html[dir="rtl"] .page-hero > .page-hero-grid{ align-self:stretch; }
html[dir="rtl"] .page-hero .eyebrow,
html[dir="rtl"] .h2-hero .eyebrow{ flex-direction:row-reverse; }

/* ---- Blog details: redesigned article hero ---- */
html[dir="rtl"] .article-hero{ direction:rtl; }
html[dir="rtl"] .article-hero > *{ direction:ltr; }
html[dir="rtl"] .article-hero::before{ right:auto; left:-8%; }
html[dir="rtl"] .article-hero h1,
html[dir="rtl"] .article-excerpt,
html[dir="rtl"] .article-byline{ margin-left:auto; }
html[dir="rtl"] .article-cat,
html[dir="rtl"] .article-byline,
html[dir="rtl"] .byline-sub,
html[dir="rtl"] .byline-sub > span{ flex-direction:row-reverse; }
html[dir="rtl"] .article-cat{ padding:.38rem .7rem .38rem .85rem; }
html[dir="rtl"] .byline-sub{ justify-content:flex-start; }
html[dir="rtl"] .article-body #articleMount blockquote::before{ left:auto; right:1.1rem; }
html[dir="rtl"] .article-body #articleMount ul li{ padding-left:0; padding-right:1.6rem; }
html[dir="rtl"] .article-body #articleMount ul li::before{ left:auto; right:.2rem; }
html[dir="rtl"] .article-toc a{ border-left:0; border-right:2px solid var(--border); }
html[dir="rtl"] .article-toc a.is-active{ border-right-color:var(--vn-lime); }
@media (max-width: 599px){
  html[dir="rtl"] .article-body #articleMount blockquote::before{ right:.7rem; }
}