:root{font-family:Alfabet,sans-serif;color:#07517c;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;--blue: #075786;--navy: #081960;--yellow: #ffc414}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}img{height:auto}a{color:inherit;text-decoration:none}.hero{height:clamp(220px,30vw,340px);position:relative;isolation:isolate;display:grid;place-items:center;overflow:hidden;background:#d8e4e8}.hero-image{position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 55%}.hero:after{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:#ffffffab}.site-header{position:fixed;z-index:20;inset:0 0 auto;height:64px;padding:0 max(16px,calc((100% - 1320px)/2));display:flex;align-items:center;justify-content:space-between;background:transparent;transition:background-color .2s ease,box-shadow .2s ease,backdrop-filter .2s ease}.site-header.is-scrolled{background:#eef0f2d6;box-shadow:0 1px 8px #092c421a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{position:absolute;top:5px;left:50%;width:54px;height:54px;transform:translate(-50%);overflow:hidden;border-radius:50%;background:#fff}.brand img{display:block;width:100%;height:100%;object-fit:contain}.menu-button{min-height:42px;padding:0 16px 0 14px;display:flex;align-items:center;gap:10px;border:1.5px solid rgba(7,87,134,.35);border-radius:22px;background:#ffffffeb;box-shadow:0 2px 8px #092c421f;color:#075786;font:700 14px/1 Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background-color .18s ease,border-color .18s ease}.menu-button:hover,.menu-button:focus-visible,.menu-button[aria-expanded=true]{border-color:#075786;background:#fff}.menu-icon{display:flex;flex-direction:column;gap:6px}.menu-icon span{display:block;width:22px;height:2.5px;border-radius:2px;background:currentColor;transition:transform .18s ease}.menu-button[aria-expanded=true] .menu-icon span:first-child{transform:translateY(4.25px) rotate(45deg)}.menu-button[aria-expanded=true] .menu-icon span:last-child{transform:translateY(-4.25px) rotate(-45deg)}.site-menu{position:absolute;top:56px;left:max(16px,calc((100% - 1320px)/2));width:min(230px,calc(100vw - 32px));padding:8px 0;border:1px solid rgba(7,87,134,.12);border-radius:4px;background:#fff;box-shadow:0 10px 28px #092c422e}.site-menu[hidden]{display:none}.site-menu a{display:block;padding:13px 18px;color:#092c42;font-size:14px;font-weight:600}.site-menu a:hover,.site-menu a:focus-visible{background:#eef4f7;color:#075786}.header-contact{min-height:42px;padding:0 22px;display:inline-flex;align-items:center;border-radius:22px;background:var(--yellow);box-shadow:0 2px 8px #092c421f;color:#173849;text-align:center;font-size:15px;font-weight:700;transition:background-color .18s ease}.header-contact:hover,.header-contact:focus-visible{background:#ffb800}.hero-message{width:min(700px,calc(100% - 32px));margin:0 auto;transform:translateY(4px);text-align:center}h1{max-width:680px;margin:0 auto 20px;color:#064d78;font-family:Almarai,sans-serif;font-size:clamp(27px,4.1vw,53px);line-height:1.15;font-weight:700}.hero-contact{display:inline-flex;min-width:125px;min-height:34px;align-items:center;justify-content:center;border-radius:20px;background:#00649a;color:#fff;font-size:12px;font-weight:600}.hero-contact:hover{background:#004e7d}.certificates{width:min(560px,calc(100% - 48px));min-height:70px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px}.certificate{flex:0 1 58px;height:48px;display:grid;place-items:center}.certificate img{display:block;width:100%;height:100%;object-fit:contain}.certificate.bap{flex-basis:80px;height:42px}.certificate.haccp,.certificate.halal{flex-basis:53px;height:53px}.certificate.brc{flex-basis:41px;height:54px}.certificate.bizsafe{flex-basis:69px;height:45px}.statement{position:relative;max-width:880px;margin:6px auto 32px;padding:0 22px;color:#16557d;text-align:center;font-family:Alfabet,sans-serif;font-size:clamp(15px,1.8vw,20px);line-height:1.55}.statement p{display:inline;margin:0}.statement strong{color:#e2b300;font-weight:800}.quote-mark{color:#e5b600;font-size:22px;font-weight:800;line-height:0}.categories{width:min(1120px,calc(100% - 80px));margin:0 auto 34px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.category{position:relative;aspect-ratio:.72;overflow:hidden;border-radius:24px 0 24px 24px;background:#24434c;color:#fff}.category img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.category:hover img{transform:scale(1.045)}.category:after{content:"";position:absolute;top:42%;right:0;bottom:0;left:0;background:linear-gradient(transparent,#000000c7)}.category span{position:absolute;z-index:1;right:7px;bottom:9px;left:7px;color:#fff;font-size:clamp(12px,1.6vw,19px);font-weight:700;line-height:1.12;text-shadow:0 1px 3px #111}.why{padding:8px 17px;background:#fffdfd}.why:before{content:"";display:block;width:clamp(96px,10vw,140px);height:2px;margin:0 auto 14px;border-radius:2px;background:#07517c}.why h2{width:fit-content;margin:0 auto 31px;color:#07517c;font-family:Murs Gothic,Alfabet,sans-serif;font-size:38px;line-height:1.15;font-weight:700;text-align:center}.process-grid{position:relative;width:min(1138px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,auto);gap:10px 0}.process-panel{position:relative;aspect-ratio:1.84;min-width:0;overflow:hidden}.process-panel>img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.panel-copy{position:absolute;z-index:1;display:flex;width:230px;height:150px;flex-direction:column;align-items:flex-start;padding:10px 14px 14px;color:#07172b;font-family:"Alliance No.2",Alfabet,sans-serif}.panel-copy svg{width:34px;height:34px;margin-bottom:3px;color:var(--yellow);stroke-width:1.35}.panel-copy .step-title{display:block;font-size:clamp(17px,2.1vw,25px);line-height:1.15;white-space:nowrap}.panel-copy .step-title b{color:#ffc414;font-weight:500}.panel-copy p{margin:8px 0 0;font-size:clamp(13px,1.55vw,18px);line-height:1.45}.purchasing-panel .panel-copy{top:8%;left:59%;color:#fff}.warehousing-panel .panel-copy{top:8%;left:8%}.logistics-panel .panel-copy{bottom:8%;left:59%}.distribution-panel .panel-copy{left:8%;bottom:8%;color:#fff}.warehousing-panel .step-title b,.logistics-panel .step-title b{color:#064d78}.warehousing-panel .panel-copy svg,.logistics-panel .panel-copy svg{color:#075786}.distribution-panel .panel-copy svg{color:var(--yellow)}.distribution-badge{position:absolute;z-index:2;top:50%;left:50%;width:clamp(150px,22vw,250px);aspect-ratio:.99;transform:translate(-50%,-50%);padding:18px 20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border:2px solid white;border-radius:30%;background:#081960f0;box-shadow:0 2px 8px #0003;color:#fff;font-family:"Alliance No.2",Alfabet,sans-serif}.distribution-badge svg{width:52px;height:42px;margin:0 auto 8px;color:#ffc414}.distribution-badge strong{font-size:clamp(16px,2.2vw,27px);font-weight:500;white-space:nowrap}.distribution-badge strong b{color:#ffc414;font-weight:500}.distribution-badge span{width:100%;margin-top:9px;padding-top:8px;border-top:1px solid rgba(255,255,255,.7);font-size:clamp(11px,1.45vw,17px);line-height:1.4}.site-footer{min-height:245px;padding:32px 5.5%;display:grid;grid-template-columns:1.2fr .8fr 1fr;background:#eef0f2;color:#092c42}.footer-column{min-width:0}.footer-brand{display:flex;align-items:flex-start;gap:22px;padding:6px 34px 6px 0;border-right:1px solid #d5e2f2}.footer-logo{flex:0 0 142px;width:142px;height:124px;display:block}.footer-logo img{display:block;width:100%;height:100%;object-fit:contain}.footer-brand p{margin:23px 0 0;color:#092c42;font-size:14px;font-style:italic;line-height:1.45}.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:0 0 0 54px;font-family:Arial,sans-serif;font-size:14px}.footer-links a:hover{color:#0871a5}.footer-contact{padding:0 0 0 54px}.footer-column h2{margin:0 0 22px;color:#101010;font-size:14px;line-height:1.2;font-weight:700}.footer-contact address{display:flex;flex-direction:column;align-items:flex-start;gap:18px;font-size:14px;font-style:normal;line-height:1.45}.footer-contact address p{margin:0}.footer-contact address a{overflow-wrap:anywhere}.footer-contact a:hover{color:#0871a5}@media(min-width:900px){.hero{height:min(340px,34vw)}.certificates{min-height:82px}.statement{margin-top:10px;margin-bottom:42px}.categories{gap:8px}.category{aspect-ratio:.9}.process-grid{gap:10px 0}}@media(min-width:541px)and (max-width:899px){.panel-copy{width:48%;height:140px}}@media(max-width:540px){.hero{height:225px}.site-header{height:58px;padding:0 12px}.site-menu{top:52px;left:12px}.brand{top:4px;width:48px;height:48px}.menu-button{min-height:38px;padding:0 12px 0 11px;gap:8px;font-size:13px}.header-contact{min-height:38px;padding:0 15px;font-size:13px}h1{max-width:520px;margin-bottom:16px;font-size:clamp(25px,5.8vw,32px)}.certificates{width:calc(100% - 30px);min-height:64px;gap:8px}.certificate{flex-basis:51px;height:43px}.certificate.bap{flex-basis:66px;height:36px}.certificate.haccp,.certificate.halal{flex-basis:43px;height:43px}.certificate.brc{flex-basis:33px;height:45px}.certificate.bizsafe{flex-basis:57px;height:38px}.statement{margin:4px auto 22px;padding:0 15px;font-size:14px}.desktop-break{display:none}.categories{width:calc(100% - 34px);gap:5px;margin-bottom:24px}.category{border-radius:17px 0 17px 17px}.category span{right:5px;bottom:7px;left:5px;font-size:11px}.why{padding:8px 10px 24px}.why:before{margin-bottom:10px}.why h2{margin-bottom:18px;font-size:32px;font-weight:700}.process-grid{gap:6px 0}.panel-copy svg{width:20px;height:20px;margin-bottom:1px}.panel-copy{width:60%;height:105px;padding:8px}.panel-copy .step-title{font-size:clamp(10px,3.4vw,14px)}.panel-copy p{margin-top:3px;font-size:clamp(8px,2.4vw,11px);line-height:1.25}.purchasing-panel .panel-copy,.logistics-panel .panel-copy{left:50%}.warehousing-panel .panel-copy,.distribution-panel .panel-copy{left:5%}.distribution-badge{width:27vw;min-width:105px;padding:9px}.distribution-badge svg{width:25px;height:22px;margin-bottom:3px}.distribution-badge strong{font-size:clamp(10px,3vw,14px)}.distribution-badge span{margin-top:4px;padding-top:4px;font-size:clamp(8px,2.2vw,10px)}.site-footer{min-height:0;padding:30px 22px;grid-template-columns:1fr;gap:22px}.footer-brand{gap:20px;padding:0 0 22px;border-right:0;border-bottom:1px solid #d5e2f2}.footer-logo{flex-basis:94px;width:94px;height:82px}.footer-brand p{margin-top:13px;font-size:14px}.footer-links,.footer-contact{padding:0;border:0}.footer-column h2{margin-bottom:14px;font-size:17px}.footer-contact address{gap:12px;font-size:14px}}.site-footer .footer-brand p,.site-footer .footer-column h2,.site-footer .footer-contact address{font-family:Arial,sans-serif;font-size:14px}.inner-page{width:min(1120px,calc(100% - 48px));min-height:520px;margin:0 auto;padding:70px 0 90px}.products-page{width:min(1320px,calc(100% - 48px))}.inner-page-heading{margin:0 auto 42px;text-align:center}.page-eyebrow{margin:0 0 10px;color:#0871a5;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.inner-page-heading h1{max-width:none;margin:0 auto 12px;font-size:clamp(34px,4vw,48px)}.inner-page-heading>p:last-child{margin:0;color:#53748a;font-size:16px;line-height:1.6}.products-layout{display:grid;grid-template-columns:210px minmax(0,1fr);align-items:start;gap:32px}.product-categories{position:sticky;top:82px;max-height:calc(100vh - 98px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.product-categories h2{margin:0 0 8px;padding:0 10px;color:#53748a;font-family:Almarai,sans-serif;font-size:14px;font-weight:700}.product-category-list{display:grid;gap:2px}.product-category-list[hidden],.product-subcategory-list{display:none}.product-category{width:100%;min-height:34px;padding:7px 10px;border:0;border-radius:5px;background:transparent;color:#334e61;cursor:pointer;font:inherit;font-size:13px;line-height:1.35;text-align:left;transition:background-color .18s ease,color .18s ease}.product-category.is-subcategory{padding-left:22px}.product-category:hover,.product-category:focus-visible{background:#f0f6f8;color:#075786}.product-category.is-active{background:#eaf3f7;color:#075786;font-weight:700}.product-category:focus-visible{outline:2px solid #075786;outline-offset:-2px}.product-results{min-width:0}.product-result-count{margin:0 0 10px;color:#53748a;font-size:13px}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:18px}.product-card{min-width:0;overflow:hidden;border:1px solid #e0e8ec;border-radius:10px;background:#fff;box-shadow:0 5px 18px #092c420e}.product-card img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;background:#f1f5f6}.product-card-image-placeholder{display:grid;width:100%;aspect-ratio:4 / 3;place-items:center;background:#f1f5f6;color:#78909d;font-size:13px}.product-card-copy{min-width:0;padding:16px}.product-card h3{margin:0 0 8px;color:#07517c;font-family:Almarai,sans-serif;font-size:16px;font-weight:700;line-height:1.35}.product-card p{margin:0;color:#53748a;font-size:14px;line-height:1.65;overflow-wrap:anywhere}.product-empty-state{grid-column:1 / -1;margin:0;padding:28px;border:1px solid #e0e8ec;color:#53748a;text-align:center}.contact-details{width:min(920px,100%);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:36px}.contact-strengths{width:min(920px,100%);margin:-14px auto 42px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.contact-strengths img{display:block;width:100%;aspect-ratio:4 / 3;border-radius:8px;background:#f1f5f6;object-fit:contain}.contact-details section{padding:26px 28px;border-left:2px solid #d5e2f2}.contact-details h2{margin:0 0 14px;color:#111;font-size:18px}.contact-details address,.contact-details a{display:block;color:#092c42;font-size:16px;font-style:normal;line-height:1.7;overflow-wrap:anywhere}.contact-details a+a,.contact-details address+a{margin-top:12px}@media(max-width:760px){.products-page .inner-page-heading{margin-bottom:16px}.products-page{padding-top:56px}.products-layout{grid-template-columns:minmax(0,1fr);gap:12px}.product-categories{position:relative;top:auto;min-width:0;max-height:none;overflow:visible;overscroll-behavior:auto}.product-categories h2{display:none}.product-category-list{display:flex;flex-wrap:nowrap;gap:4px;overflow-x:auto;padding:5px;border-radius:9px;background:#f0f3f3;scrollbar-width:thin}.product-category-list:not(.product-subcategory-list) .product-category.is-subcategory{display:none}.product-subcategory-list:not([hidden]){position:static;display:grid;width:100%;max-height:min(60vh,360px);gap:2px;overflow-x:clip;overflow-y:auto;margin-top:5px;padding:6px;border:1px solid #e0e8ec;border-radius:9px;background:#fff;box-shadow:0 8px 24px #092c4224}.product-category{flex:0 0 auto;width:auto;min-width:max-content;min-height:38px;padding:8px 14px;border:0;border-radius:6px;font-size:12px;text-align:center}.product-subcategory-list .product-category.is-subcategory{width:100%;min-width:0;text-align:left}.product-category.is-active{background:#fff;box-shadow:0 1px 4px #092c421f}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.contact-strengths{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:430px){.categories{grid-template-columns:repeat(2,minmax(0,1fr))}.category{aspect-ratio:1}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-card-copy{padding:12px}.product-card h3{font-size:16px}.product-card p{font-size:13px}.product-result-count{margin-bottom:8px}.contact-details{grid-template-columns:1fr;gap:12px}.inner-page{width:calc(100% - 36px);padding:52px 0 64px}.products-page{width:calc(100% - 36px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.hero-tagline{margin:-8px 0 18px;color:#16557d;font-size:clamp(13px,1.5vw,17px);font-weight:600}.category{display:block}.panel-copy .step-title{margin:0;font-weight:400}