@font-face{font-family:'Noto Sans Arabic';src:url('assets/noto-sans-arabic.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
.header-actions{display:flex;gap:24px;align-items:center}.language-toggle{border:1px solid currentColor;border-radius:24px;min-width:72px;min-height:36px;padding:5px 13px;font-size:12px;line-height:1.5;font-family:'Noto Sans Arabic',Arial,sans-serif;white-space:nowrap;transition:background .2s}.language-toggle:hover{background:#9cb57b22}
html[lang=ar]{--sans:'Noto Sans Arabic',Tahoma,Arial,sans-serif;--serif:'Noto Sans Arabic',Tahoma,Arial,sans-serif}
html[lang=ar] body{font-family:var(--sans);line-height:1.8}
html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] em,html[lang=ar] .eyebrow,html[lang=ar] .caption,html[lang=ar] .mini-brand{letter-spacing:0;line-height:1.45;font-style:normal}
html[lang=ar] p{line-height:1.95}html[lang=ar] button,html[lang=ar] input,html[lang=ar] select,html[lang=ar] textarea{font-family:var(--sans)}
html[lang=ar] .wordmark,html[lang=ar] .footer-brand{font-family:'DM Sans',Arial,sans-serif;direction:ltr}
html[lang=ar] .brand-sub{font-family:var(--sans);font-size:7px;letter-spacing:0;line-height:1.5}
html[lang=ar] .hero-title{left:auto;right:5vw;text-align:right}html[lang=ar] .hero-title h1{font-size:clamp(52px,6.4vw,96px);line-height:1.35}
html[lang=ar] .hero-title .eyebrow{letter-spacing:0}html[lang=ar] .hero-intro{max-width:300px}
html[lang=ar] .hero-side{right:auto;left:5vw;text-align:right;letter-spacing:0;max-width:240px}
html[lang=ar] .chapter-title{left:auto;right:5vw;max-width:650px}html[lang=ar] .chapter-title h2{font-size:clamp(38px,4.7vw,68px)}
html[lang=ar] .chapter-copy{right:auto;left:5vw;text-align:right;width:280px}html[lang=ar] .chapter-copy strong{letter-spacing:0;font-size:31px}
html[lang=ar] .model-position,html[lang=ar] .model-scale,html[lang=ar] .container-model,html[lang=ar] .jug-scene,html[lang=ar] .microbe-art,html[lang=ar] .globe-art,html[lang=ar] .line-container{direction:ltr}
html[lang=ar] .container-label,html[lang=ar] .back-label{font-family:Arial,sans-serif}
html[lang=ar] .chapter-dots{right:auto;left:22px}html[lang=ar] .stage-bottom .text-link{gap:16px}
html[lang=ar] .scroll-prompt,html[lang=ar] .rotation-ui{letter-spacing:0}html[lang=ar] .rotation-ui{direction:ltr}
html[lang=ar] .statement h2{font-size:clamp(48px,6.2vw,93px)}html[lang=ar] .statement-bottom{padding-left:0;padding-right:50%}
html[lang=ar] .metrics>div{border-right:0;border-left:1px solid var(--line);padding-left:12px}html[lang=ar] .metrics>div:last-child{border-left:0}
html[lang=ar] .metrics span{font-size:clamp(27px,3.8vw,52px)}html[lang=ar] .metrics p{font-size:12px}
html[lang=ar] .science-detail{margin-left:0;margin-right:50%}html[lang=ar] .science-facts article{grid-template-columns:145px 1fr}
html[lang=ar] .science-facts .fact-num{font-size:clamp(35px,4vw,58px);letter-spacing:0;line-height:1.5}
html[lang=ar] .micro-label small{font-family:var(--sans);font-size:7px;letter-spacing:0}
html[lang=ar] .application h2{font-size:clamp(42px,5.2vw,76px)}html[lang=ar] .round-link{margin-left:0;margin-right:30px}
html[lang=ar] .photo-note{right:auto;left:0;letter-spacing:0}html[lang=ar] .photo-caption h2{font-size:clamp(38px,4.5vw,66px)}
html[lang=ar] .product-art-top,html[lang=ar] .jug-view-caption{letter-spacing:0}html[lang=ar] .jug-view-caption{direction:rtl;font-size:9px}
html[lang=ar] .product-pin .product-info h2{font-family:'DM Sans',Arial,sans-serif;direction:ltr;text-align:right;line-height:1.05}
html[lang=ar] .single-pack{gap:18px}html[lang=ar] .pack-volume{font-size:37px;white-space:nowrap}html[lang=ar] .single-pack small{font-size:15px}
html[lang=ar] .price{flex-wrap:wrap;gap:10px 20px}html[lang=ar] .price strong{font-size:28px;letter-spacing:0}html[lang=ar] .price span{font-size:12px}
html[lang=ar] .jug-views button,html[lang=ar] #jug-spin,html[lang=ar] #jug-read,html[lang=ar] #jug-replay{font-size:11px}
html[lang=ar] .farm-tabs{gap:24px}html[lang=ar] .farm-tabs button{font-size:12px}html[lang=ar] .farm-description h3{font-size:30px;line-height:1.5}
html[lang=ar] .farm-example{letter-spacing:0}html[lang=ar] .countries p{letter-spacing:0;font-size:25px}html[lang=ar] .countries small{letter-spacing:0;font-size:10px}
html[lang=ar] .financial-grid>div{min-width:0}html[lang=ar] .financial-grid strong{direction:ltr;unicode-bidi:isolate;display:block;font-family:'DM Sans','Noto Sans Arabic',Arial,sans-serif}
html[lang=ar] .financial-grid span{font-size:12px;line-height:1.8}html[lang=ar] .financial-assumptions{font-size:12px;line-height:2}
html[lang=ar] .footer-bottom,html[lang=ar] .footer-links,html[lang=ar] .menu-inner{text-align:right}html[lang=ar] .footer-bottom>*{letter-spacing:0}
html[lang=ar] .dialog-close,html[lang=ar] .jug-reader-close{right:auto;left:17px}html[lang=ar] dialog{text-align:right}
html[lang=ar] #enquiry-email{direction:ltr;text-align:right}html[lang=ar] .jug-label-scroll{direction:ltr}
html[lang=ar] .lab-page h1{font-size:clamp(50px,6.3vw,94px)}html[lang=ar] .lab-page h2{font-size:clamp(36px,4.1vw,62px)}
html[lang=ar] .lab-page h3{letter-spacing:0;line-height:1.5}html[lang=ar] .lab-page .eyebrow{font-size:10px}
html[lang=ar] .lab-breadcrumb,html[lang=ar] .lab-intro-bottom,html[lang=ar] .dish-top,html[lang=ar] .dish-bottom,html[lang=ar] .dish-motion,html[lang=ar] .plate-foot,html[lang=ar] .source-tag,html[lang=ar] .method-tag,html[lang=ar] .sample-bar>span{letter-spacing:0}
html[lang=ar] .bio-options button{text-align:start;font-size:12px}html[lang=ar] .dish-readout{max-width:65%;min-width:190px;min-height:145px;text-align:center}
html[lang=ar] .dish-readout strong{font-size:clamp(25px,3.2vw,48px);letter-spacing:0;line-height:1.4}html[lang=ar] .dish-readout span{font-size:11px;letter-spacing:0;line-height:1.7}
html[lang=ar] .dish-caption,html[lang=ar] .microscope-key small{font-size:10px;line-height:1.9}html[lang=ar] .dish-motion{font-size:9px}
html[lang=ar] .lab-small{font-size:12px!important;line-height:1.9}html[lang=ar] .source-tag{font-size:10px;unicode-bidi:plaintext}
html[lang=ar] .well-circle,html[lang=ar] .element-mark,html[lang=ar] .screening-elements button>span{font-family:'Italiana',Georgia,serif;direction:ltr}
html[lang=ar] .well-number,html[lang=ar] .nutrient-value strong,html[lang=ar] .limit-result strong,html[lang=ar] #zoom-value,html[lang=ar] .bio-index{direction:ltr;unicode-bidi:isolate}
html[lang=ar] .well-name{font-size:11px}html[lang=ar] .well-unit{font-size:9px;letter-spacing:0}html[lang=ar] .well-note strong{font-size:21px;line-height:1.7}
html[lang=ar] .well-note small{font-size:9px;letter-spacing:0}html[lang=ar] .comparison-chart{direction:ltr}html[lang=ar] .comparison-row>div:first-child{flex-direction:row-reverse}
html[lang=ar] .comparison-row>div:first-child span{direction:rtl}html[lang=ar] .comparison-row strong{unicode-bidi:isolate}
html[lang=ar] .lab-table-details caption{text-align:right}html[lang=ar] .lab-table-details th:first-child,html[lang=ar] .lab-table-details td:first-child{text-align:right}
html[lang=ar] .lab-table-details td{direction:ltr;unicode-bidi:isolate}html[lang=ar] .screening-elements small{font-size:9px;letter-spacing:0}
html[lang=ar] .safety-banner h3{font-size:28px}html[lang=ar] .safety-seal{direction:ltr}html[lang=ar] .safety-seal>span{direction:rtl;font-size:9px;letter-spacing:0}
html[lang=ar] .limit-result p{unicode-bidi:plaintext}html[lang=ar] .bio-summary span{font-size:28px;letter-spacing:0}
@media(max-width:850px){.header-actions{gap:10px}.header-actions .contact-link{display:none}.language-toggle{min-width:64px;min-height:34px;font-size:11px}}
@media(max-width:700px){html[lang=ar] .hero-title{right:6vw;left:auto;top:16%}html[lang=ar] .hero-title h1{font-size:52px;line-height:1.3}html[lang=ar] .hero-intro{font-size:12px;max-width:240px;margin-top:20px}html[lang=ar] .chapter-title{left:auto;right:6vw;max-width:88vw}html[lang=ar] .chapter-title h2{font-size:36px;line-height:1.35}html[lang=ar] .chapter-copy{left:6vw;right:6vw;width:auto;bottom:16%;max-width:88vw}html[lang=ar] .chapter-copy p{font-size:11px;line-height:1.8}html[lang=ar] .chapter-copy strong{font-size:26px;margin-top:12px}html[lang=ar] .chapter-copy strong span{font-size:10px}html[lang=ar] .statement-bottom{padding-right:0}html[lang=ar] .science-detail{margin-right:0}html[lang=ar] .science-facts article{grid-template-columns:100px 1fr;gap:18px}html[lang=ar] .photo-note{left:auto;right:0}html[lang=ar] .financial-grid strong{font-size:38px}html[lang=ar] .financial-grid span{font-size:10px}html[lang=ar] .lab-page h1{font-size:49px}html[lang=ar] .lab-page h2{font-size:38px}html[lang=ar] .lab-tabs>button{font-size:11px;line-height:1.7}html[lang=ar] .dish-bottom{flex-wrap:wrap;gap:10px}html[lang=ar] .dish-bottom label{font-size:9px}html[lang=ar] .dish-motion{font-size:8px}html[lang=ar] .dish-readout{min-width:155px;min-height:130px}html[lang=ar] .well-plate{gap:7px;padding:10px}html[lang=ar] .well-unit{font-size:8px}html[lang=ar] .well-note strong{font-size:17px}html[lang=ar] .well-note small{font-size:8px}html[lang=ar] .bio-options button{font-size:11px;text-align:center}html[lang=ar] .screening-elements small{font-size:8px}html[lang=ar] .footer-bottom>*:nth-child(even){text-align:right}html[lang=ar] .safety-banner{grid-template-columns:32px 1fr}html[lang=ar] .safety-banner h3{font-size:24px}}