/* Scoped RTL overrides, explicitly enqueued once with cache busting. */
@font-face{font-family:OcePtenArabic;src:url('static/fonts/noto-sans-arabic/NotoSansArabic.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
html[dir=rtl] body.ocepten-wp{direction:rtl;text-align:right;font-family:OcePtenArabic,Arial,Tahoma,sans-serif;line-height:1.8}
html[dir=rtl] :is(h1,h2,h3,h4,h5,h6,p,a,button,input,textarea,select,label,summary,li,dt,dd,.pxl-menu-item-text,.pxl-item--subtext,.oc-nav-language){font-family:OcePtenArabic,Arial,Tahoma,sans-serif!important;letter-spacing:normal!important}
html[dir=rtl] :is(h1,h2,h3,h4,h5,h6){line-height:1.5!important;word-break:normal;overflow-wrap:break-word}
html[dir=rtl] :is(p,dd,.pxl-item--description,.pxl-text-editor){line-height:1.85;unicode-bidi:plaintext}
html[dir=rtl] :is(.oc-lead-form,.support-inquiry .oc-lead-form,.oc-form-grid label,.oc-catalog,.oc-detail-info,.oc-tab-panel,.oc-article-card,.oc-featured-body,.pxl-post--content,.pxl-post-list .item-content,.oc-search-dialog,.pxl-icon-box .pxl-item--content){text-align:start!important}
html[dir=rtl] :is(.oc-form-grid,.oc-catalog-grid,.oc-support-grid,.oc-tab-columns){direction:rtl}
html[dir=rtl] :is(.oc-form-grid label,.oc-consent,.oc-form-status){line-height:1.8}
html[dir=rtl] :is(input[type=email],input[type=tel],input[type=number],input[name=phone],.sku,.oc-card-specs span,.oc-featured-specs span,.fs-inquiry__spec span){direction:ltr;unicode-bidi:isolate;text-align:left}
html[dir=rtl] :is(.oc-product-card h2,.oc-featured-body h3,.oc-detail-info h1){unicode-bidi:plaintext}
html[dir=rtl] .oc-form-status{unicode-bidi:plaintext}
html[dir=rtl] .oc-honeypot{left:auto;right:0;clip-path:inset(50%);pointer-events:none}
html[dir=rtl] .oc-search-dialog .oc-search-close{right:auto;left:18px}
html[dir=rtl] .oc-nav-language nav a{direction:rtl}
html[dir=rtl] .oc-nav-language nav a span{unicode-bidi:isolate}
html[dir=rtl] .oc-nav-language summary{min-height:46px}
html[dir=rtl] .oc-nav-tools{gap:10px}
html[dir=rtl] .pxl-banner .pxl-banner-inner .oc-inquiry-panel{right:auto;left:0;text-align:right}
/* Menu disclosure glyphs and nested dropdowns follow reading direction. */
html[dir=rtl] .pxl-menu-primary>li>a .caseicon-angle-arrow-down{margin-left:0;margin-right:8px}
@media(min-width:1201px){
 html[dir=rtl] .pxl-menu-primary .sub-menu{left:auto;right:0;text-align:right}
 html[dir=rtl] .pxl-menu-primary .sub-menu .sub-menu{left:auto;right:100%}
 html[dir=rtl] .pxl-menu-primary .sub-menu a{padding-left:34px;padding-right:22px}
 html[dir=rtl] .pxl-menu-primary .sub-menu .pxl-menu-toggle{right:auto;left:14px}
}
/* Only directional symbols flip, never an entire button or label. */
html[dir=rtl] :is(.oc-hero-button i,.oc-submit>span[aria-hidden],.oc-product-link>span,.oc-featured-link>span,.oc-search-field button>span,.pxl-breadcrumb .bi,.pxl-breadcrumb .flaticon,.oc-faq-contact .bi,.support-hero .bi-arrow-right,.pxl-post--readmore .flaticon,.pxl-post--readmore .bi-arrow-right){display:inline-block;transform:scaleX(-1)}
html[dir=rtl] :is(.pxl-button .btn>svg,.pxl-post-list .post-readmore .btn svg,.oc-certificates__controls>button svg){transform:scaleX(-1)}
html[dir=rtl] .pxl-breadcrumb{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;justify-content:flex-start}
html[dir=rtl] .pxl-breadcrumb :is(li,a,span){margin-inline:0}
html[dir=rtl] .support-hero .pxl-breadcrumb .bi{margin-left:0;margin-right:15px}
/* Text uses the right-hand reading area; a dark overlay keeps the existing photo legible. */
html[dir=rtl] .oc-hero-slide:before{background:linear-gradient(270deg,rgba(2,23,40,.94),rgba(2,23,40,.76) 44%,rgba(2,23,40,.16))}
html[dir=rtl] .oc-hero-copy{text-align:right}
html[dir=rtl] .oc-hero-copy :is(h1,h2){line-height:1.45!important}
html[dir=rtl] .oc-hero-description{line-height:1.9}
html[dir=rtl] .oc-hero-controls{direction:ltr}
/* Hero control buttons contain arrows only; accessible labels remain unchanged. */
html[dir=rtl] .oc-hero-controls [data-hero-step]{transform:scaleX(-1)}
html[dir=rtl] .btn--readmore .flaticon-next{display:inline-block;transform:scaleX(-1)}
/* Native scrolling and JS translation use RTL coordinates; cards retain natural reading order. */
html[dir=rtl] :is(.oc-certificates__track,.oc-certificates__controls,.oc-featured-grid){direction:rtl}
html[dir=rtl] .oc-certificate-card figcaption{line-height:1.7;unicode-bidi:plaintext}
html[dir=rtl] .oc-certificates__lightbox button{right:auto;left:24px}
html[dir=rtl] #featured-peptides .oc-product-carousel{text-align:right}
html[dir=rtl] #featured-peptides .oc-carousel-controls [data-carousel=prev]{left:auto;right:-90px}
html[dir=rtl] #featured-peptides .oc-carousel-controls [data-carousel=next]{right:auto;left:-90px}
html[dir=rtl] #featured-peptides .oc-carousel-controls [data-carousel=prev] i{transform:none}
html[dir=rtl] #featured-peptides .oc-carousel-controls [data-carousel=next] i{transform:scaleX(-1)}
html[dir=rtl] .pxl-swiper-container[dir=rtl] .pxl-swiper-wrapper{direction:rtl}
html[dir=rtl] .pxl-swiper-container[dir=rtl] .pxl-swiper-slide{text-align:right}
/* Mirror the existing news navigation placement and arrow, not its text/image. */
html[dir=rtl] .elementor-section:has([data-oc-articles]){overflow:visible!important}
html[dir=rtl] [data-oc-articles] .post-date{left:auto;right:15px;height:auto;min-height:90px;padding:12px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}
html[dir=rtl] [data-oc-articles] .post-date :is(.date-day,.year-month,.date-month){line-height:1.3;margin:0;position:static}
html[dir=rtl] .pxl-swiper-arrow-prev{left:auto!important;right:0!important}
html[dir=rtl] .pxl-swiper-arrow-next{right:auto!important;left:0!important}
html[dir=rtl] .pxl-swiper-arrow-prev i{transform:none!important}
html[dir=rtl] .pxl-swiper-arrow-next i{transform:scaleX(-1)!important}
html[dir=rtl] .pxl-swiper-arrow-wrap.style-1 .pxl-swiper-arrow-next{transform:none!important}
html[dir=rtl] .oc-faq-original summary{padding-right:0;padding-left:38px;text-align:right}
html[dir=rtl] .oc-faq-original summary:after{right:auto;left:9px}
html[dir=rtl] .oc-support-faq summary{text-align:right}
html[dir=rtl] .oc-library-checklist i{margin-right:0;margin-left:8px}
/* TranslatePress sets html[dir], while the original card rules expect body.rtl.
   Keep the sequence badge opposite the icon, including the compact card inset. */
html[dir=rtl] :is(.pxl-service-grid-layout2,.pxl-service-carousel3) .pxl-post--inner .count-post{right:auto!important;left:35px!important;direction:ltr;unicode-bidi:isolate}
@media(max-width:575px){html[dir=rtl] :is(.pxl-service-grid-layout2,.pxl-service-carousel3) .pxl-post--inner .count-post{left:15px!important}}
html[dir=rtl] .nice-select{text-align:right!important;padding-left:38px;padding-right:18px}
html[dir=rtl] .nice-select:after{right:auto;left:18px}
html[dir=rtl] .nice-select .option{text-align:right}
html[dir=rtl] .nice-select .list{left:auto;right:0}
html[dir=rtl] .oc-filter-field select{padding-left:34px;padding-right:14px}
html[dir=rtl] .ct-demo-toolbar.position-right{right:auto!important;left:0!important;border-radius:0 8px 8px 0}
html[dir=rtl] .ct-demo-toolbar.position-right a>span{right:auto;left:100%;margin-right:0;margin-left:10px}
@media(min-width:1501px){html[dir=rtl] .oc-certificates__controls>[data-cert-prev]{left:auto;right:-102px}html[dir=rtl] .oc-certificates__controls>[data-cert-next]{right:auto;left:-102px}}
@media(min-width:1501px){html[dir=rtl] .pxl-swiper-arrow-wrap.style-1 .pxl-swiper-arrow-prev{left:auto!important;right:-147px!important}html[dir=rtl] .pxl-swiper-arrow-wrap.style-1 .pxl-swiper-arrow-next{right:auto!important;left:-147px!important;transform:translateY(-50%)!important}}
@media(max-width:1500px){html[dir=rtl] #featured-peptides .oc-carousel-controls [data-carousel=prev]{right:-64px}html[dir=rtl] #featured-peptides .oc-carousel-controls [data-carousel=next]{left:-64px}}
@media(max-width:1200px){
 html[dir=rtl] #pxl-header-mobile .pxl-header-menu{left:auto!important;right:0!important;width:min(420px,100%)!important;max-width:100%!important;transform:translateX(100%);visibility:hidden;transition:transform .3s ease,visibility .3s}
 html[dir=rtl] #pxl-header-mobile .pxl-header-menu.active{transform:translateX(0);visibility:visible}
 html[dir=rtl] #pxl-header-mobile .pxl-logo-mobile{margin:0 0 28px 48px!important}
 html[dir=rtl] #pxl-header-mobile .pxl-menu-close{right:auto!important;left:20px!important}
 html[dir=rtl] #pxl-header-mobile .pxl-menu-close:before{transform:rotate(45deg)!important}
 html[dir=rtl] #pxl-header-mobile .pxl-menu-close:after{transform:rotate(-45deg)!important}
 html[dir=rtl] #pxl-header-mobile .pxl-menu-primary>li>a{padding:0 0 0 44px!important;text-align:right}
 html[dir=rtl] #pxl-header-mobile .pxl-menu-toggle{right:auto!important;left:0!important}
 html[dir=rtl] #pxl-header-mobile .sub-menu a{padding:10px 0 10px 30px!important;text-align:right}
 html[dir=rtl] #pxl-header-mobile #pxl-nav-mobile{margin:0 6px 0 0!important}
 html[dir=rtl] #pxl-header-mobile .oc-mobile-top-actions{margin-right:0!important}
}
@media(max-width:1024px) and (min-width:601px){html[dir=rtl] .oc-hero-slide{padding-left:110px;padding-right:32px}}
@media(max-width:767px){
 html[dir=rtl] #featured-peptides .oc-carousel-controls [data-carousel]{position:static;inset:auto}
 html[dir=rtl] .oc-nav-tools{gap:7px}
 html[dir=rtl] .oc-support-library h2{line-height:1.5!important}
 html[dir=rtl] .oc-consent{text-align:right;align-items:flex-start}
 html[dir=rtl] .pxl-breadcrumb{font-size:14px;line-height:1.9}
}
@media(prefers-reduced-motion:reduce){html[dir=rtl] #pxl-header-mobile .pxl-header-menu{transition:none}}
