@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#164f4d;--navy2:#205e5a;--orange:#287f7b;--cream:#f4f7f6;--ink:#202626;--muted:#687583;--line:#e3e6e8;--white:#fff;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;background:#fff}a{color:inherit;text-decoration:none}.topbar{background:var(--navy);color:#dce4eb;text-align:center;font-size:11px;letter-spacing:.08em;padding:10px 18px}.site-header{height:82px;padding:0 7%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eef0f1;background:#fff;position:sticky;top:0;z-index:10}.brand{display:flex;gap:11px;align-items:center}.brand-mark{display:grid;place-items:center;width:42px;height:42px;background:var(--orange);color:white;font-family:Manrope,sans-serif;font-weight:800;font-size:22px;border-radius:10px}.brand strong,.brand small{display:block}.brand strong{font-family:Manrope,sans-serif;font-size:14px;letter-spacing:.07em}.brand small{font-size:8px;letter-spacing:.1em;color:var(--muted);margin-top:4px}.site-header nav{display:flex;align-items:center;gap:30px;font-size:12px;font-weight:700}.site-header nav>a:not(.nav-cta){color:#45515e}.site-header nav>a:hover{color:var(--orange)}.nav-cta{background:var(--navy);color:#fff;padding:13px 17px;border-radius:8px}.nav-cta span{color:var(--orange);margin-left:10px}.menu-toggle{display:none;background:none;border:0;font-size:25px}.hero{padding:62px 7% 58px;display:grid;grid-template-columns:1fr .92fr;gap:6%;align-items:center;background:linear-gradient(115deg,#f4f7f6 0%,#fff 70%);min-height:540px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.18em;color:var(--orange);margin:0 0 18px}.eyebrow span{display:inline-block;width:22px;height:2px;background:var(--orange);vertical-align:middle;margin-right:9px}.hero h1,.section-heading h2,.why-copy h2,.cta-band h2{font-family:Manrope,sans-serif;letter-spacing:-.055em;font-size:clamp(38px,5vw,66px);line-height:1.06;margin:0;font-weight:800;color:var(--navy)}h1 em,h2 em{font-style:normal;color:var(--orange)}.hero-text{font-size:14px;line-height:1.9;color:var(--muted);max-width:470px;margin:24px 0 28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:15px 19px;border-radius:8px;font-size:12px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-orange{background:var(--orange);color:white}.button-orange span{font-size:17px}.button-outline{border:1px solid #d8dde1;color:var(--navy)}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:37px}.proof-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#e8f3f2;color:#236e69;font-weight:800}.hero-proof strong,.hero-proof small{display:block}.hero-proof strong{font-size:11px}.hero-proof small{font-size:10px;color:var(--muted);margin-top:4px}.hero-visual{position:relative;min-height:400px}.hero-image{position:absolute;inset:0 20px 18px 0;border-radius:22px;background:#d8dce0 url('https://images.unsplash.com/photo-1581092160562-40aa08e78837?auto=format&fit=crop&w=1200&q=85') center/cover;box-shadow:0 22px 55px #182a3a20}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#142a3a20,transparent 60%);border-radius:22px}.image-label{position:absolute;bottom:0;left:-20px;display:flex;align-items:center;gap:12px;background:#fff;padding:17px 21px;border-radius:12px;box-shadow:0 10px 35px #1c2d3a1a}.label-dot{width:9px;height:9px;border-radius:50%;background:var(--orange)}.image-label strong,.image-label small{display:block}.image-label strong{font-size:11px}.image-label small{font-size:10px;color:var(--muted);margin-top:5px}.hero-stamp{position:absolute;right:0;top:24px;background:var(--orange);color:#fff;border-radius:12px;padding:18px;font-size:10px;line-height:1.5;font-weight:800;letter-spacing:.08em;transform:rotate(4deg);box-shadow:0 12px 25px #287f7b40}.hero-stamp span{font-size:20px;display:block;margin-top:8px}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:23px 7%;background:var(--navy);color:#fff;gap:20px}.trust-strip div{display:flex;align-items:center;gap:13px;border-right:1px solid #ffffff20}.trust-strip div:last-child{border:0}.trust-strip strong{font-size:11px;color:var(--orange);font-family:Manrope}.trust-strip span{font-size:11px;color:#d7dfe7}.section{padding:88px 7%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:34px}.section-heading .eyebrow{margin-bottom:13px}.section-heading h2,.why-copy h2,.cta-band h2{font-size:clamp(30px,3.5vw,45px)}.section-heading>p{max-width:360px;font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 3px}.catalogue-tools{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:24px}.search-wrap{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;padding:0 14px;min-width:240px;height:43px}.search-wrap span{font-size:23px;color:var(--muted)}.search-wrap input{border:0;outline:0;width:100%;font:inherit;font-size:12px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter-button{border:1px solid var(--line);background:#fff;padding:10px 13px;border-radius:7px;font-size:10px;font-weight:700;cursor:pointer;color:#5c6772}.filter-button.active,.filter-button:hover{background:var(--navy);color:white;border-color:var(--navy)}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.product-card{border:1px solid #e9ecee;border-radius:13px;overflow:hidden;transition:transform .2s,box-shadow .2s;background:#fff}.product-card:hover{transform:translateY(-4px);box-shadow:0 14px 35px #15283a12}.product-image{height:205px;background:var(--cream);position:relative;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.product-card:hover .product-image img{transform:scale(1.04)}.product-tag{position:absolute;left:13px;top:13px;background:#fff;color:var(--navy);font-size:9px;font-weight:800;padding:7px 9px;border-radius:5px}.product-info{padding:18px}.product-category{font-size:9px;letter-spacing:.1em;color:var(--orange);font-weight:800;text-transform:uppercase}.product-info h3{font-family:Manrope,sans-serif;font-size:17px;color:var(--navy);margin:9px 0}.product-info p{font-size:11px;color:var(--muted);line-height:1.7;min-height:38px;margin:0 0 16px}.product-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eef0f1;padding-top:14px}.product-footer span{font-size:10px;color:var(--muted)}.product-footer a{font-size:11px;font-weight:800;color:var(--navy)}.product-footer a:hover{color:var(--orange)}.empty-state{text-align:center;padding:40px;color:var(--muted);font-size:13px}.catalogue-note{margin-top:27px;background:#f4f7f6;padding:18px;border-radius:9px;font-size:11px;color:#596674}.catalogue-note span{color:var(--orange);margin-right:8px}.catalogue-note a{font-weight:800;color:var(--navy);text-decoration:underline;text-underline-offset:3px}.why-section{display:grid;grid-template-columns:.95fr 1.05fr;gap:8%;align-items:center;background:#f4f7f6;padding:80px 7%}.why-photo{min-height:510px;border-radius:16px;background:#ddd url('https://images.unsplash.com/photo-1581092921461-eab62e97a780?auto=format&fit=crop&w=1200&q=85') center/cover}.why-copy>p:not(.eyebrow){font-size:12px;line-height:1.9;color:var(--muted);margin:20px 0 26px}.benefits>div{display:flex;gap:16px;border-top:1px solid #dfe3e4;padding:16px 0}.benefits>div>span{font-family:Manrope;color:var(--orange);font-size:11px;font-weight:800}.benefits p{margin:0}.benefits strong,.benefits small{display:block}.benefits strong{font-size:12px}.benefits small{font-size:10px;line-height:1.7;color:var(--muted);margin-top:5px}.cta-band{background:var(--navy);padding:52px 7%;display:flex;justify-content:space-between;align-items:center;gap:30px;color:#fff}.cta-band .eyebrow{margin-bottom:13px}.cta-band h2{color:#fff}.cta-band>div>p:last-child{font-size:11px;color:#b9c5cf;margin:14px 0 0}.button-light{background:#fff;color:var(--navy);white-space:nowrap}.button-light span{color:var(--orange);font-size:17px}.contact-section{padding-bottom:85px}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.contact-card{border:1px solid var(--line);border-radius:13px;padding:24px}.contact-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:8px;background:#e8f3f2;color:var(--orange);font-size:18px;margin-bottom:23px}.contact-card>small{display:block;font-size:9px;letter-spacing:.12em;color:var(--orange);font-weight:800}.contact-card h3{font-family:Manrope;color:var(--navy);font-size:17px;margin:10px 0}.contact-card p{font-size:11px;line-height:1.7;color:var(--muted);min-height:38px}.contact-card>a{font-size:11px;font-weight:800;color:var(--navy)}.contact-card>a:hover{color:var(--orange)}.footer{background:#123b3a;color:#cbd4dc;padding:25px 7%;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand-footer .brand-mark{width:35px;height:35px;font-size:18px}.brand-footer strong{color:white;font-size:11px}.brand-footer small{font-size:7px;color:#9eabb6}.footer>p,.footer>a:last-child{font-size:10px;color:#9eabb6}.floating-whatsapp{position:fixed;right:20px;bottom:20px;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#20b86a;color:white;font-size:28px;box-shadow:0 8px 25px #0b402a35;z-index:9}.floating-whatsapp:hover{transform:translateY(-2px)}@media(max-width:900px){.site-header{padding:0 5%}.site-header nav{gap:16px}.hero,.why-section{padding-left:5%;padding-right:5%;gap:4%}.hero{min-height:480px}.hero-visual{min-height:340px}.section{padding:70px 5%}.trust-strip{padding:22px 5%}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.why-photo{min-height:430px}.cta-band{padding:45px 5%}}@media(max-width:650px){.topbar{font-size:9px}.site-header{height:70px}.brand-mark{width:37px;height:37px}.brand strong{font-size:12px}.site-header nav{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;padding:20px 6%;box-shadow:0 10px 20px #00000010;align-items:stretch;flex-direction:column;gap:20px}.menu-open .site-header nav{display:flex}.menu-toggle{display:block}.hero{grid-template-columns:1fr;padding:47px 6% 40px;gap:35px}.hero h1{font-size:48px}.hero-visual{min-height:300px;margin-left:12px}.hero-image{right:10px}.hero-stamp{right:-2px;top:10px}.trust-strip{grid-template-columns:repeat(2,1fr);padding:20px 6%;gap:18px}.trust-strip div:nth-child(2){border:0}.section{padding:62px 6%}.section-heading{display:block}.section-heading>p{margin-top:17px}.catalogue-tools{align-items:stretch;flex-direction:column}.search-wrap{width:100%}.filters{gap:6px}.filter-button{padding:9px 10px}.product-grid{grid-template-columns:1fr 1fr;gap:11px}.product-image{height:145px}.product-info{padding:12px}.product-info h3{font-size:14px}.product-info p{font-size:10px;min-height:50px}.product-footer{align-items:flex-start;gap:8px;flex-direction:column}.product-footer a{font-size:10px}.why-section{grid-template-columns:1fr;padding:55px 6%;gap:30px}.why-photo{min-height:300px}.cta-band{padding:42px 6%;align-items:flex-start;flex-direction:column}.contact-grid{grid-template-columns:1fr}.contact-card p{min-height:0}.footer{padding:25px 6%;flex-wrap:wrap}.footer>p{order:3;width:100%;margin:0}.floating-whatsapp{width:48px;height:48px;right:14px;bottom:14px}}@media(max-width:380px){.product-grid{grid-template-columns:1fr}.product-image{height:200px}.hero h1{font-size:42px}}

/* Neutral catalogue placeholder used until real product photos are supplied. */
.product-image.no-photo{background:#f0f1ef;display:grid;place-items:center}.photo-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#5b6671;text-align:center;letter-spacing:.13em}.photo-placeholder span{font-size:11px;font-weight:800;color:#142a3a}.photo-placeholder small{font-size:8px;letter-spacing:.1em}

/* Official AL-AQMAR TRADERS logo */
.brand-logo{display:block;width:176px;height:auto;max-height:60px;object-fit:contain}
.brand-footer .brand-logo{width:154px;max-height:54px}
@media(max-width:650px){.brand-logo{width:158px;max-height:52px}.brand-footer .brand-logo{width:145px}}

/* Mobile compatibility refinements */
html,body{max-width:100%;overflow-x:hidden}img{max-width:100%}.site-header nav a{min-height:24px}.menu-toggle{cursor:pointer;padding:8px}.product-card,.contact-card{min-width:0}.product-info h3,.product-info p{overflow-wrap:anywhere}.product-image img{object-position:center}@media(max-width:650px){.hero h1{font-size:clamp(35px,10vw,48px)}.hero-visual{width:calc(100% - 12px)}.image-label{left:-10px;max-width:calc(100% - 10px)}.cta-band .button-light{white-space:normal;max-width:100%}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-footer{flex-direction:column;align-items:flex-start}.site-header nav a{padding:4px 0}}@media(max-width:360px){.product-grid{grid-template-columns:1fr}.brand-logo{width:140px}.hero-actions .button{width:100%}}