/* Local layout utilities used by the approved pages. No external framework. */
.relative{position:relative}.absolute{position:absolute}.inset-0{inset:0}.block{display:block}.flex{display:flex}.grid{display:grid}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.w-full{width:100%}.w-auto{width:auto}.w-fit{width:fit-content}.h-full,.size-full{height:100%}.size-full{width:100%}.h-44{height:11rem}.h-\[460px\]{height:460px}.min-h-\[520px\]{min-height:520px}.min-h-\[56vh\]{min-height:56vh}.min-h-\[58vh\]{min-height:58vh}.object-cover{object-fit:cover}.object-contain{object-fit:contain}.opacity-35{opacity:.35}.opacity-55{opacity:.55}.text-center{text-align:center}.font-bold{font-weight:700}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.leading-8{line-height:2rem}.leading-\[1\.15\]{line-height:1.15}.tracking-\[\.22em\]{letter-spacing:.22em}.max-w-3xl{max-width:48rem}.max-w-5xl{max-width:64rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-12{gap:3rem}.gap-14{gap:3.5rem}.gap-px{gap:1px}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.p-9{padding:2.25rem}.p-10{padding:2.5rem}.px-5{padding-inline:1.25rem}.px-8{padding-inline:2rem}.py-8{padding-block:2rem}.py-10{padding-block:2.5rem}.py-12{padding-block:3rem}.py-14{padding-block:3.5rem}.py-16{padding-block:4rem}.pt-40{padding-top:10rem}.pb-5{padding-bottom:1.25rem}.pb-14{padding-bottom:3.5rem}.pb-16{padding-bottom:4rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.mt-12{margin-top:3rem}.border{border:1px solid rgba(0,42,51,.12)}.border-0{border:0}.border-b{border-bottom:1px solid}.border-e{border-inline-end:1px solid}.border-black\/10{border-color:rgba(0,0,0,.1)}.border-black\/8{border-color:rgba(0,0,0,.08)}.border-white\/15{border-color:rgba(255,255,255,.15)}.bg-white{background:#fff}.bg-\[\#002a33\]{background:#002a33}.bg-\[\#f3f4f1\]{background:#f3f4f1}.bg-\[\#f4f4f2\]{background:#f4f4f2}.bg-\[\#f7f7f6\]{background:#f7f7f6}.text-white{color:#fff}.text-white\/60{color:rgba(255,255,255,.6)}.text-white\/65{color:rgba(255,255,255,.65)}.text-white\/70{color:rgba(255,255,255,.7)}.text-\[\#60838a\]{color:#60838a}.text-\[\#a9cbd1\],.\!text-\[\#a9cbd1\]{color:#a9cbd1!important}.text-\[\#3f5878\]\/60{color:rgba(63,88,120,.6)}.text-\[\#3f5878\]\/65{color:rgba(63,88,120,.65)}.text-\[\#3f5878\]\/70{color:rgba(63,88,120,.7)}.text-\[\#3f5878\]\/75{color:rgba(63,88,120,.75)}.text-\[clamp\(2\.3rem\,4vw\,4\.8rem\)\]{font-size:clamp(2.3rem,4vw,4.8rem)}.text-\[clamp\(2\.6rem\,5vw\,5\.6rem\)\]{font-size:clamp(2.6rem,5vw,5.6rem)}.text-\[clamp\(3rem\,6vw\,6rem\)\]{font-size:clamp(3rem,6vw,6rem)}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-from,transparent),var(--tw-gradient-via,transparent),var(--tw-gradient-to,transparent))}.from-\[\#002a33\]{--tw-gradient-from:#002a33}.via-\[\#002a33\]\/40{--tw-gradient-via:rgba(0,42,51,.4)}.via-\[\#002a33\]\/60{--tw-gradient-via:rgba(0,42,51,.6)}.to-black\/20{--tw-gradient-to:rgba(0,0,0,.2)}.to-black\/30{--tw-gradient-to:rgba(0,0,0,.3)}
.sy-site{font-size:var(--base-font-size);font-family:var(--font-ar)}.sy-site[dir=ltr]{font-family:var(--font-en)}.reference-wide-container{width:min(var(--content-width),92vw)}.sy-header{height:var(--header-height)}.approved-product-card,.stock-card-v4,.products-controls{border-radius:var(--card-radius)}.v4-btn,.reference-link-button,.sy-catalog,.sy-profile{border-radius:var(--button-radius)}
@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-\[\.85fr_1\.15fr\]{grid-template-columns:.85fr 1.15fr}.lg\:grid-cols-\[1\.4fr_\.6fr\]{grid-template-columns:1.4fr .6fr}.lg\:items-center{align-items:center}.lg\:p-11{padding:2.75rem}.lg\:p-12{padding:3rem}.lg\:p-20{padding:5rem}.lg\:pb-20{padding-bottom:5rem}.lg\:py-16{padding-block:4rem}.lg\:py-18{padding-block:4.5rem}.lg\:py-24{padding-block:6rem}}
.bg-black\/10{background:rgba(0,0,0,.1)}
.sy-header:not(.scrolled) .sy-brand img,.sy-footer-brand img{filter:brightness(0) invert(1)}.sy-header.scrolled .sy-brand img{filter:brightness(0)}