/* Original quality copy and photography, presented as one readable story. */
.quality-section{background:var(--brand-white);padding-block:88px;color:var(--brand-charcoal)}
.quality-composition{max-width:1280px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(44px,5vw,80px);align-items:start}
.quality-content h2{font-size:clamp(2.2rem,3.1vw,2.75rem);font-weight:600;line-height:1.18;letter-spacing:-.045em;color:var(--brand-deep-blue);max-width:720px}
.quality-content .quality-lead{font-size:1.3rem;line-height:1.65;letter-spacing:0;font-weight:500;color:var(--brand-deep-blue);margin:24px 0 28px;padding-inline-start:18px;border-inline-start:3px solid var(--brand-green)}
.quality-intro p{font-size:1.075rem;line-height:1.85;color:var(--brand-charcoal);margin:0 0 16px}
.quality-content .quality-facts-title{font-size:1.1rem;line-height:1.6;letter-spacing:0;font-weight:600;color:var(--brand-deep-blue);margin:28px 0 12px}
.quality-facts{list-style:none;padding:0;margin:0 0 28px;border-top:1px solid var(--line)}
.quality-facts li{font-size:1rem;line-height:1.8;padding:14px 0;padding-inline-start:23px;border-bottom:1px solid var(--line);position:relative;color:var(--brand-charcoal)}
.quality-facts li:before{content:'';position:absolute;inset-inline-start:1px;top:25px;width:7px;height:7px;border-radius:50%;background:var(--brand-green)}
.quality-facts bdi{white-space:nowrap;font-weight:600;color:var(--brand-deep-blue)}
.quality-content>.button{background:var(--brand-deep-blue);border-color:var(--brand-deep-blue);color:var(--brand-white);font-size:1rem;padding:15px 25px}
.quality-content>.button:hover{background:var(--brand-green);border-color:var(--brand-green);color:var(--brand-charcoal)}
.quality-visual{position:sticky;top:120px;min-width:0;display:grid;gap:20px}
.quality-lab-photo{height:460px;overflow:hidden;border-radius:12px;background:var(--brand-blue-wash)}
.quality-lab-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 52%;animation:qualityPhotoDrift 18s ease-in-out infinite alternate}
.quality-section .quality-certificates{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0;margin:0;width:100%;max-width:none;border:0;border-radius:0;background:none;align-items:stretch;justify-self:stretch}
.quality-section .quality-certificates figure{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:15px;width:auto;max-width:none;min-width:0;margin:0;padding:22px 16px;border:1px solid var(--line);border-radius:10px;background:var(--brand-white);box-shadow:none;transform:none;transition:none}
.quality-section .quality-certificates figure:hover{transform:none}
.quality-section .quality-certificates img{width:86px;height:86px;max-height:none;object-fit:contain;margin:0}
.quality-section .quality-certificates figcaption{font-size:.875rem;line-height:1.65;letter-spacing:0;color:var(--brand-deep-blue);margin:0;text-align:center}
[lang=ar] .quality-content h2{font-size:clamp(2.05rem,2.8vw,2.6rem);line-height:1.6;letter-spacing:0}
[lang=ar] .quality-content .quality-lead{font-size:1.25rem;line-height:1.9;margin-top:18px}
[lang=ar] .quality-intro p{font-size:1.1rem;line-height:1.95}
[lang=ar] .quality-facts li{font-size:1.025rem;line-height:1.95}
[lang=ar] .quality-section .quality-certificates figcaption{font-size:.875rem;line-height:1.9}
@keyframes qualityPhotoDrift{from{transform:scale(1)}to{transform:scale(1.045)}}

/* Four benefits share a quiet, consistent surface instead of oversized colored cards. */
.benefits-section{background:var(--brand-blue-wash);padding-block:76px;color:var(--brand-charcoal)}
.benefits-composition{max-width:1280px;display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.8fr);align-items:start;gap:clamp(35px,4vw,65px)}
.benefits-heading{padding-top:18px}
.benefits-heading:before{content:'';display:block;width:42px;height:3px;background:var(--brand-green);margin-bottom:22px}
.benefits-heading h2{font-size:clamp(2.1rem,3vw,2.7rem);font-weight:600;line-height:1.15;letter-spacing:-.045em;color:var(--brand-deep-blue)}
.benefits-section .benefits-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);border-radius:14px;background:var(--brand-white);overflow:hidden}
.benefit-feature{display:flex;flex-direction:column;align-items:start;gap:20px;min-width:0;padding:30px;border:0;border-bottom:1px solid var(--line)}
.benefit-feature:nth-child(odd){border-inline-end:1px solid var(--line)}
.benefit-feature:nth-last-child(-n+2){border-bottom:0}
.benefit-icon{display:grid;place-items:center;width:52px;height:52px;flex:none;border-radius:50%;background:var(--brand-blue-soft);color:var(--brand-deep-blue);transition:background .35s,transform .35s}
.benefit-icon svg{width:31px;height:31px;display:block}
.benefit-feature:hover .benefit-icon{background:var(--brand-blue-light);transform:translateY(-3px)}
.benefit-text{min-width:0}
.benefit-feature h3{font-size:1.45rem;line-height:1.35;letter-spacing:-.025em;font-weight:600;color:var(--brand-deep-blue);margin:0 0 12px}
.benefit-feature p{font-size:1rem;line-height:1.8;color:var(--brand-charcoal);margin:0}
[lang=ar] .benefits-heading h2{font-size:clamp(2.05rem,2.7vw,2.55rem);line-height:1.6;letter-spacing:0}
[lang=ar] .benefit-feature h3{font-size:1.4rem;line-height:1.7;letter-spacing:0}
[lang=ar] .benefit-feature p{font-size:1.025rem;line-height:1.95}
@media(max-width:1100px){
 .quality-composition{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:38px}
 .quality-lab-photo{height:430px}
 .benefits-composition{grid-template-columns:minmax(190px,.65fr) minmax(0,1.8fr);gap:32px}
 .benefit-feature{padding:25px}
}
@media(max-width:900px){
 .quality-section{padding-block:65px}
 .quality-composition{grid-template-columns:1fr;gap:36px}
 .quality-visual{position:static;grid-template-columns:1fr 1fr;align-items:stretch;gap:20px}
 .quality-lab-photo{height:410px}
 .quality-section .quality-certificates{grid-template-columns:1fr;gap:14px}
 .quality-section .quality-certificates figure{display:grid;grid-template-columns:78px minmax(0,1fr);align-items:center;gap:18px;padding:20px}
 .quality-section .quality-certificates img{width:78px;height:78px}
 .quality-section .quality-certificates figcaption{text-align:start;font-size:.95rem}
 .benefits-composition{grid-template-columns:1fr;gap:30px}
 .benefits-heading{padding-top:0;max-width:660px}
 .benefits-section{padding-block:60px}
 .benefit-feature{display:grid;grid-template-columns:52px minmax(0,1fr);gap:18px;padding:28px}
}
@media(max-width:650px){
 .quality-section{padding-block:48px}
 .quality-content h2{font-size:2rem;line-height:1.25}
 .quality-content .quality-lead{font-size:1.125rem;line-height:1.75;margin-block:20px 24px;padding-inline-start:14px}
 .quality-intro p{font-size:1rem;line-height:1.85}
 .quality-content .quality-facts-title{font-size:1.05rem;margin-top:24px}
 .quality-facts li{font-size:1rem;line-height:1.8;padding-block:13px}
 .quality-content>.button{font-size:.95rem}
 .quality-visual{grid-template-columns:1fr;gap:16px}
 .quality-lab-photo{height:380px}
 .quality-section .quality-certificates{grid-template-columns:1fr 1fr;gap:10px}
 .quality-section .quality-certificates figure{display:flex;gap:14px;padding:18px 12px;align-items:center}
 .quality-section .quality-certificates img{width:72px;height:72px}
 .quality-section .quality-certificates figcaption{text-align:center;font-size:.8rem;line-height:1.75}
 .benefits-section{padding-block:48px}
 .benefits-heading h2{font-size:2rem;line-height:1.2}
 .benefits-heading:before{margin-bottom:18px}
 .benefits-section .benefits-grid{grid-template-columns:1fr;border-radius:12px}
 .benefit-feature{padding:24px 20px;grid-template-columns:46px minmax(0,1fr);gap:17px}
 .benefit-feature:nth-child(odd){border-inline-end:0}
 .benefit-feature:nth-last-child(-n+2){border-bottom:1px solid var(--line)}
 .benefit-feature:last-child{border-bottom:0}
 .benefit-icon{width:46px;height:46px}
 .benefit-icon svg{width:29px;height:29px}
 .benefit-feature h3{font-size:1.3rem;line-height:1.4;margin-bottom:8px}
 .benefit-feature p{font-size:1rem;line-height:1.8}
 [lang=ar] .quality-content h2{font-size:1.95rem;line-height:1.65}
 [lang=ar] .quality-content .quality-lead{font-size:1.125rem;line-height:1.9}
 [lang=ar] .quality-intro p,[lang=ar] .quality-facts li{font-size:1rem;line-height:2}
 [lang=ar] .quality-section .quality-certificates figcaption{font-size:.8rem;line-height:1.85}
 [lang=ar] .benefits-heading h2{font-size:1.95rem;line-height:1.6}
 [lang=ar] .benefit-feature h3{font-size:1.25rem;line-height:1.7}
 [lang=ar] .benefit-feature p{font-size:1rem;line-height:2}
}