@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap');
:root{--ink:#172321;--deep:#14231f;--deep2:#1d302a;--paper:#f7f8f3;--white:#fff;--muted:#61706a;--line:#dbe2d9;--accent:#d9ed6c;--accent-dark:#b6d03d;--max:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;line-height:1.55}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.13;letter-spacing:-.045em}h1{font-size:clamp(3rem,6vw,6.2rem)}h2{font-size:clamp(2.2rem,4vw,4.3rem)}h3{font-size:1.34rem}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{width:min(var(--max),calc(100% - 72px));margin:auto}.skip-link{position:absolute;inset-inline-start:10px;top:-100px;background:#fff;padding:10px;z-index:100}.skip-link:focus{top:10px}.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#61766b;margin-bottom:21px}.eyebrow-light{color:#b8d3bb}.eyebrow-line{display:inline-block;width:24px;height:1px;background:var(--accent);vertical-align:middle;margin-inline-end:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;border:1px solid transparent;min-height:54px;padding:0 26px;font-weight:800;font-size:.84rem;letter-spacing:.01em;transition:.2s ease;white-space:nowrap}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--deep);color:#fff}.button-dark:hover{background:#29453b}.button-accent{background:var(--accent);color:var(--ink)}.button-accent:hover{background:#e4f68d}.button-outline{border-color:var(--ink)}.button-outline-light{border-color:#8fa69d;color:#fff}.button-small{min-height:42px;padding:0 17px;font-size:.76rem}.text-link{display:inline-flex;gap:16px;align-items:center;border-bottom:1px solid currentColor;padding-bottom:7px;font-size:.83rem;font-weight:800;white-space:nowrap}.text-link span{font-size:1.1rem}.site-header{position:relative;z-index:20;background:#fff;border-bottom:1px solid var(--line)}.header-inner{min-height:84px;display:flex;align-items:center;gap:34px}.brand{min-width:172px;display:flex;flex-direction:column;line-height:1}.brand-mark,.footer-brand{font:800 2rem Manrope,Arial,sans-serif;letter-spacing:-.12em}.brand-dot,.footer-brand span{color:#99bc4b}.brand-sub{font-size:.48rem;letter-spacing:.12em;font-weight:700;margin-top:4px;color:#61766b}.primary-nav{display:flex;align-items:center;gap:28px;margin-inline:auto}.primary-nav a{font-size:.82rem;font-weight:700;white-space:nowrap}.primary-nav a:hover,.footer-top a:hover{color:#77973b}.header-actions{display:flex;align-items:center;gap:15px}.language-label{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.header-actions select{appearance:none;border:0;border-bottom:1px solid var(--ink);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='m1 1 4 4 4-4' fill='none' stroke='%23172321'/%3E%3C/svg%3E") no-repeat right 6px center;padding:7px 21px 7px 3px;max-width:98px;font-size:.76rem;font-weight:800}.menu-toggle{display:none}.hero{background:var(--deep);color:#fff;overflow:hidden}.hero-grid{min-height:650px;display:grid;grid-template-columns:1fr 48%;align-items:stretch}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:92px 5vw 42px 0}.hero h1{max-width:680px;margin-bottom:26px}.hero-body{max-width:555px;font-size:1.05rem;color:#cfdbd2;line-height:1.75;margin-bottom:34px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-index{display:flex;justify-content:space-between;max-width:590px;margin-top:auto;padding-top:72px;color:#a5b6aa;font-size:.65rem;letter-spacing:.16em;font-weight:800}.hero-media{position:relative;min-height:500px;margin-inline-end:calc((min(var(--max),100vw - 72px) - 100vw)/2);overflow:hidden}.hero-media:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(20,35,31,.14),transparent 35%)}.hero-media img{width:100%;height:100%;object-fit:cover}.hero-media-label{position:absolute;z-index:2;bottom:30px;left:30px;right:30px;padding:17px 22px;display:grid;grid-template-columns:1fr auto;gap:3px 20px;background:rgba(255,255,255,.93);color:var(--ink);backdrop-filter:blur(8px)}.hero-media-label span:first-child{font-size:.6rem;letter-spacing:.16em;font-weight:800}.hero-media-label strong{font-size:1.06rem}.hero-media-label .arrow{grid-column:2;grid-row:1/span 2;align-self:center;font-size:1.4rem}.section{padding-top:100px;padding-bottom:108px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.section-heading h2{margin-bottom:16px}.section-heading p:not(.eyebrow){color:var(--muted);max-width:570px;margin-bottom:0}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.product-card{background:#fff;border:1px solid var(--line);min-width:0;transition:.25s ease}.product-card:hover{box-shadow:0 18px 42px rgba(11,36,24,.09);transform:translateY(-3px)}.product-card__media{display:block;aspect-ratio:1.43;background:#e6eae4;overflow:hidden}.product-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.product-card:hover .product-card__media img{transform:scale(1.04)}.product-card__body{padding:25px 26px 27px}.product-card .eyebrow{margin-bottom:9px;font-size:.64rem}.product-card h3{margin-bottom:15px}.card-spec{font-size:.83rem;color:var(--muted);margin-bottom:23px}.product-card .text-link{font-size:.75rem}.value-section{background:var(--deep2);color:#fff;padding:92px 0 98px}.value-section h2{max-width:730px;margin-bottom:47px}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #5a7464}.value-grid article{padding:32px 34px 0 0;border-inline-end:1px solid #5a7464;margin-inline-end:34px}.value-grid article:last-child{border:0;margin:0}.value-number{color:var(--accent);font-size:.75rem;font-weight:800}.value-grid h3{margin:38px 0 13px}.value-grid p{color:#b6c9ba;max-width:300px}.oem-preview{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;padding-top:116px;padding-bottom:116px}.oem-preview__copy h2{max-width:530px}.oem-preview__copy>p:not(.eyebrow){color:var(--muted);max-width:510px;line-height:1.8;margin-bottom:30px}.oem-preview__visual{position:relative;background:#dfe8df}.oem-preview__visual:before{content:"";position:absolute;inset:-19px 25px 19px -19px;border:1px solid #a8b7a7;z-index:-1}.oem-preview__visual img{width:100%;aspect-ratio:1.35;object-fit:cover}.contact-strip{background:var(--accent);padding:56px 0}.contact-strip__inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.contact-strip h2{font-size:clamp(1.9rem,3vw,3rem);margin-bottom:0}.contact-strip .eyebrow{color:#455728;margin-bottom:13px}.site-footer{background:#111e1a;color:#fff}.footer-top{padding-top:74px;padding-bottom:70px;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:50px}.footer-brand{font-size:2.3rem}.footer-top p{max-width:250px;color:#bac8bd;font-size:.83rem;margin-top:14px}.footer-top nav,.social-links{display:flex;flex-direction:column;gap:13px;font-size:.82rem}.social-links span{color:#82968a}.footer-bottom{border-top:1px solid #45574a;padding-top:22px;padding-bottom:27px;display:flex;justify-content:space-between;gap:30px;color:#91a396}.page-intro{background:#eaf0e6;padding:105px 0 96px}.page-intro h1{max-width:990px;font-size:clamp(3rem,5vw,5.8rem);margin-bottom:20px}.page-intro p:not(.eyebrow){max-width:740px;color:#52665a;font-size:1.05rem;line-height:1.75}.page-intro-dark{background:var(--deep);color:#fff}.page-intro-dark p:not(.eyebrow){color:#cadacf}.filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:32px}.filters a{padding:10px 15px;border:1px solid #cdd9cc;font-size:.78rem;font-weight:800;background:#fff}.filters a.active,.filters a:hover{background:var(--deep);color:#fff;border-color:var(--deep)}.pagination ul{display:flex;justify-content:center;list-style:none;gap:8px;padding:0;margin:36px 0 0}.pagination a,.pagination span{display:block;padding:8px 13px;background:#fff;border:1px solid var(--line)}.pagination .current{background:var(--deep);color:#fff}.product-detail{padding-top:26px;padding-bottom:108px}.breadcrumbs{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:.76rem;padding:16px 0 30px}.breadcrumbs a:hover{text-decoration:underline}.product-detail__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:5.5%;align-items:start}.product-detail__media{background:#e7eae4}.product-detail__media img{width:100%;aspect-ratio:1.42;object-fit:cover}.product-detail__copy{padding-top:25px}.product-detail h1{font-size:clamp(2.5rem,4vw,4.7rem);margin-bottom:24px}.detail-lead{color:var(--muted);line-height:1.7}.spec-list{margin:38px 0;border-top:1px solid var(--line)}.spec-list h2{font-size:1.25rem;letter-spacing:-.03em;margin:23px 0}.spec-list>div{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:12px 0;font-size:.88rem}.spec-list>div span{color:var(--muted)}.detail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:13px}.contact-placeholder{font-size:.8rem;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.steps>div{border-top:2px solid var(--ink);padding-top:21px}.steps span{color:#7b986f;font-size:.8rem;font-weight:800}.steps h2{font-size:1.35rem;margin-top:34px}.note{padding:21px 25px;background:#edf2e9;border-inline-start:3px solid #9cc63d;color:#4b6554;margin:30px 0}.narrow{max-width:830px}.editor-content{margin-top:42px;line-height:1.8}.editor-content a{text-decoration:underline}.contact-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:8%}.contact-layout h2{font-size:1.7rem}.contact-layout>div:first-child p{color:var(--muted);overflow-wrap:anywhere}.inquiry-form{display:grid;grid-template-columns:1fr 1fr;gap:17px;background:#fff;padding:36px;border:1px solid var(--line)}.inquiry-form label{display:flex;flex-direction:column;font-size:.77rem;font-weight:800;gap:8px}.inquiry-form label.full{grid-column:1/-1}.inquiry-form input:not([type=checkbox]),.inquiry-form textarea,.inquiry-form select{width:100%;border:1px solid #ccd7cb;background:#fbfcf9;padding:13px;font-weight:400;outline:0}.inquiry-form input:focus,.inquiry-form textarea:focus,.inquiry-form select:focus{border-color:#6b9a54;box-shadow:0 0 0 2px #d9ed6c80}.inquiry-form .checkbox{flex-direction:row;align-items:start;font-weight:500;font-size:.8rem}.inquiry-form .checkbox input{margin-top:4px}.inquiry-form .honeypot{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.inquiry-form button{justify-self:start}.notice-success,.notice-error{padding:13px 17px;margin-bottom:17px;background:#e4f4d4;border:1px solid #92bb6f}.notice-error{background:#fbe6e1;border-color:#d9988b}
html[dir="rtl"] body{font-family:"Noto Sans Arabic",Arial,sans-serif}html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3{font-family:"Noto Sans Arabic",Arial,sans-serif;letter-spacing:0}html[dir="rtl"] .hero-copy{padding:92px 0 42px 5vw}html[dir="rtl"] .hero-media-label{text-align:right}html[dir="rtl"] .hero-media-label .arrow{grid-column:2}html[dir="rtl"] .oem-preview__visual:before{inset:-19px -19px 19px 25px}html[dir="rtl"] .header-actions select{background-position:left 6px center;padding:7px 3px 7px 21px}
@media(max-width:1120px){.header-inner{gap:15px}.primary-nav{gap:14px}.brand{min-width:130px}.brand-mark{font-size:1.7rem}.brand-sub{font-size:.4rem}.header-actions{gap:8px}.header-actions .button{display:none}.hero-grid{min-height:590px}}
@media(max-width:820px){.shell{width:min(var(--max),calc(100% - 34px))}.header-inner{min-height:68px}.menu-toggle{display:flex;flex-direction:column;gap:4px;border:0;background:none;padding:8px;margin-inline-start:auto}.menu-toggle span{width:23px;height:2px;background:var(--ink)}.primary-nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;padding:20px 17px;border-bottom:1px solid var(--line);box-shadow:0 18px 25px #14231f16;flex-direction:column;align-items:stretch;gap:17px}.primary-nav.open{display:flex}.header-actions{margin-inline-start:0}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:70px 0 40px}.hero h1{max-width:650px}.hero-index{padding-top:52px}.hero-media{min-height:420px;margin:0 -17px}.product-grid{grid-template-columns:repeat(2,1fr)}.value-grid{gap:20px}.value-grid article{margin:0;padding-inline-end:10px}.oem-preview{gap:5%}.footer-top{grid-template-columns:1fr 1fr}.footer-top>div:first-child{grid-column:1/-1}.contact-layout{grid-template-columns:1fr;gap:30px}}
@media(max-width:600px){h1{font-size:3.25rem}.section{padding-top:70px;padding-bottom:74px}.section-heading{display:block}.section-heading .text-link{margin-top:25px}.product-grid{grid-template-columns:1fr}.hero-copy{padding-top:57px}.hero-body{font-size:.96rem}.hero-media{min-height:320px}.hero-media-label{left:15px;right:15px;bottom:15px}.value-section{padding:70px 0}.value-grid{grid-template-columns:1fr}.value-grid article{border-inline-end:0;border-bottom:1px solid #5a7464;padding:0 0 22px}.value-grid h3{margin-top:16px}.oem-preview{display:flex;flex-direction:column;padding-top:75px;padding-bottom:75px;gap:45px}.oem-preview__visual{width:100%}.contact-strip__inner{align-items:start;flex-direction:column}.footer-top{grid-template-columns:1fr;gap:32px}.footer-top>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:8px}.page-intro{padding:74px 0}.page-intro h1{font-size:3rem}.product-detail{padding-bottom:70px}.product-detail__grid{grid-template-columns:1fr;gap:27px}.product-detail__copy{padding:0}.steps{grid-template-columns:1fr 1fr}.inquiry-form{grid-template-columns:1fr;padding:22px}.inquiry-form label{grid-column:1/-1}}

.inquiry-form .checkbox a{text-decoration:underline;text-underline-offset:2px}

@media(max-width:820px){html[dir="rtl"] .hero-copy{padding:70px 0 40px}}
@media(max-width:600px){html[dir="rtl"] .hero-copy{padding-top:57px}}

/* Keep complete catalog compositions visible instead of cropping products. */
.product-card__media{aspect-ratio:2}.product-card__media img,.product-detail__media img{object-fit:contain}.product-detail__media img{aspect-ratio:2}.product-card h3,.product-detail h1,.page-intro h1{overflow-wrap:anywhere}.contact-layout>div,.inquiry-form{min-width:0}