:root{
  --navy:#0A2C49;--navy2:#062239;--red:#A93535;--red2:#8F2929;--gold:#D1A357;--cream:#FAF6EE;--paper:#FFFDFC;--muted:#6D7785;--line:#EEE4D7;--green:#17A65A;--shadow:0 18px 40px rgba(10,44,73,.10);--radius:18px;--font:"Tajawal","Cairo","Noto Kufi Arabic","Segoe UI",Tahoma,Arial,sans-serif;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:var(--font);background:var(--cream);color:var(--navy);font-weight:600;line-height:1.75;overflow-x:hidden} a{text-decoration:none;color:inherit} img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 42px));margin:auto}
.site-header{height:74px;background:rgba(255,252,246,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;box-shadow:0 2px 20px rgba(10,44,73,.04)}
.nav-wrap{height:74px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand img{width:210px;height:auto}.nav-menu{display:flex;align-items:center;gap:42px;margin-inline-start:auto}.nav-menu a{font-size:17px;font-weight:800;color:var(--navy);position:relative;padding:25px 0}.nav-menu a.active,.nav-menu a:hover{color:var(--red)}.nav-menu a:after{content:"";position:absolute;right:0;left:0;bottom:14px;margin:auto;width:0;height:3px;border-radius:10px;background:var(--red);transition:.25s}.nav-menu a.active:after,.nav-menu a:hover:after{width:28px}.header-cta{background:linear-gradient(135deg,var(--red),var(--red2));color:#fff;padding:13px 27px;border-radius:10px;font-weight:900;box-shadow:0 10px 24px rgba(169,53,53,.22);white-space:nowrap}.header-cta span{margin-inline-start:7px}.menu-toggle{display:none;background:none;border:0;width:44px;height:44px}.menu-toggle span{display:block;width:25px;height:3px;background:var(--navy);margin:5px auto;border-radius:9px}
.hero{min-height:560px;display:grid;grid-template-columns:1.05fr .95fr;align-items:stretch;background:linear-gradient(90deg,rgba(250,246,238,.94),rgba(255,255,255,.72));border-bottom:1px solid var(--line);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto -8% -22% auto;width:400px;height:400px;border:1px solid rgba(209,163,87,.22);border-radius:50%;pointer-events:none}.hero-image{position:relative;min-height:560px;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(250,246,238,.05) 0%,rgba(250,246,238,.10) 40%,rgba(250,246,238,.88) 97%)}.hero-content{padding:68px min(7vw,80px) 50px 30px;position:relative;z-index:3}.eyebrow{display:inline-flex;color:var(--red);font-size:15px;font-weight:900;align-items:center;gap:13px;margin-bottom:12px}.eyebrow:before{content:"";width:34px;height:2px;background:var(--red);display:inline-block}.hero h1{font-size:70px;line-height:1.04;margin:0 0 24px;font-weight:950;letter-spacing:-1.8px;color:var(--navy)}.hero h1 strong{display:inline-block;color:var(--red);font-weight:950}.hero p{font-size:19px;line-height:2;margin:0 0 32px;color:#233F59;max-width:650px;font-weight:700}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.btn{height:58px;min-width:178px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:900;font-size:17px}.btn-primary{background:linear-gradient(135deg,var(--red),var(--red2));color:#fff;box-shadow:0 16px 34px rgba(169,53,53,.22)}.btn-light{background:#fff;color:var(--red);border:1px solid rgba(169,53,53,.32)}.hero-points{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:42px;max-width:720px}.hero-points div{text-align:center;padding:0 15px;border-inline-end:1px solid rgba(10,44,73,.12)}.hero-points div:last-child{border:0}.hero-points i{font-style:normal;font-size:31px;display:block;margin-bottom:9px}.hero-points b{font-size:18px;display:block}.hero-points small{font-size:13px;color:var(--muted);font-weight:700}
section{position:relative}.services,.benefits,.steps-section,.testimonials{padding:68px 0}.section-heading{text-align:center;margin-bottom:34px}.section-heading span{color:var(--red);font-weight:900;display:inline-flex;align-items:center;gap:12px}.section-heading span:before,.section-heading span:after{content:"";display:inline-block;width:32px;height:2px;background:rgba(169,53,53,.45)}.section-heading h2{margin:7px 0 8px;font-size:34px;line-height:1.25;font-weight:950;color:var(--navy);letter-spacing:-.6px}.section-heading h2 b,.section-heading h2 strong{color:var(--red)}.section-heading p{margin:0 auto;color:var(--muted);font-size:16px;max-width:780px}.service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.service-card{background:rgba(255,255,255,.83);border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 26px rgba(10,44,73,.055);padding:10px;transition:.25s;min-height:250px}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.service-card figure{margin:0;height:112px;border-radius:10px;overflow:hidden;background:#f3ede3}.service-card img{width:100%;height:100%;object-fit:cover}.service-body{text-align:center;padding:11px 3px 0}.service-body h3{font-size:18px;line-height:1.22;margin:0 0 5px;font-weight:950;color:var(--navy)}.service-body p{font-size:13.5px;line-height:1.55;color:#687384;margin:0 0 10px;min-height:40px}.mini-wa{height:32px;border:1px solid rgba(23,166,90,.6);color:var(--green);border-radius:7px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:950;background:#fff}.mini-wa b{font-weight:900}.mini-wa:before{content:"☘";font-size:15px}
.works{background:linear-gradient(180deg,#fffaf2 0%,#fbf5eb 100%);padding:58px 0 70px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.works-top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.compact{text-align:right;margin:0}.outline-red{border:1px solid rgba(169,53,53,.38);color:var(--red);height:44px;border-radius:10px;padding:0 20px;display:inline-flex;align-items:center;gap:8px;font-weight:900;background:#fff;white-space:nowrap}.work-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.work-item{height:150px;border-radius:10px;overflow:hidden;background:#eee;border:1px solid rgba(209,163,87,.25);box-shadow:0 8px 24px rgba(10,44,73,.07)}.work-item img{width:100%;height:100%;object-fit:cover;transition:.3s}.work-item:hover img{transform:scale(1.04)}
.about{padding:64px 0;background:#fffaf3}.about-wrap{display:grid;grid-template-columns:.95fr 1.05fr;gap:42px;align-items:center}.about-media{height:280px;border-radius:16px;position:relative;overflow:hidden;box-shadow:var(--shadow);background:#ddd}.about-media img{width:100%;height:100%;object-fit:cover}.play{position:absolute;inset:0;margin:auto;width:72px;height:72px;background:#fff;color:var(--red);border-radius:50%;display:grid;place-items:center;font-size:30px;box-shadow:0 18px 40px rgba(0,0,0,.22)}.years{position:absolute;right:24px;bottom:22px;background:#fff;padding:12px 19px;border-radius:12px;box-shadow:var(--shadow);display:flex;gap:8px;align-items:center}.years strong{color:var(--red);font-size:32px;line-height:1}.years span{font-size:14px;color:var(--navy)}.about-content>span{color:var(--red);font-weight:900}.about-content h2{font-size:34px;margin:6px 0 12px;line-height:1.3}.about-content p{font-size:16px;color:#536070;margin:0 0 24px}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.why-grid div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;text-align:center}.why-grid i{font-style:normal;font-size:25px;display:block}.why-grid b{display:block;font-size:15px}.why-grid small{color:var(--muted);font-size:12px}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.benefit-grid article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:25px;text-align:center;box-shadow:0 10px 24px rgba(10,44,73,.055)}.benefit-grid i{font-style:normal;font-size:32px}.benefit-grid h3{margin:10px 0 6px;font-size:20px}.benefit-grid p{margin:0;color:var(--muted);font-size:14px}.steps-section{padding-top:10px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative}.steps article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;text-align:center;position:relative;box-shadow:0 10px 24px rgba(10,44,73,.045)}.steps article:not(:last-child):after{content:"›";position:absolute;left:-19px;top:50%;transform:translateY(-50%);font-size:45px;color:#d9d0c2}.steps em{position:absolute;top:12px;right:14px;background:var(--red);color:#fff;border-radius:50%;font-style:normal;width:26px;height:26px;display:grid;place-items:center;font-weight:900}.steps i{font-style:normal;font-size:34px}.steps h3{margin:6px 0;font-size:20px;color:var(--red)}.steps p{margin:0;color:var(--muted);font-size:14px}.testimonials{padding-top:10px}.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.reviews article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;text-align:center;box-shadow:0 8px 22px rgba(10,44,73,.04)}.reviews p{color:#536070;margin:0 0 10px}.reviews div{color:#E3A323;letter-spacing:3px}.reviews b{display:block;font-size:18px}.reviews small{color:var(--muted)}.red-cta{padding:0 0 0;background:var(--cream)}.red-wrap{background:linear-gradient(135deg,#B23A38,#8F2929);border-radius:16px 16px 0 0;min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 34px;color:#fff;background-image:linear-gradient(135deg,rgba(178,58,56,.98),rgba(143,41,41,.98)),url('../images/cta.webp');background-size:cover;background-position:center}.red-wrap h2{font-size:31px;margin:0 0 4px}.red-wrap p{margin:0;color:#fff6}.red-wrap a{background:#fff;color:var(--red);height:52px;border-radius:10px;padding:0 25px;display:inline-flex;align-items:center;font-weight:950;gap:8px;white-space:nowrap}.footer{background:linear-gradient(135deg,var(--navy2),#0A2C49);color:#d9e8f2;padding:44px 0 0}.footer-grid{display:grid;grid-template-columns:1.35fr .7fr .8fr 1fr;gap:40px}.footer img{filter:brightness(0) invert(1) contrast(.9)}.footer p{color:#c5d6e2;font-size:14px}.footer h3{color:#fff;font-size:19px;margin:0 0 14px}.footer a{display:block;color:#c5d6e2;margin:7px 0;font-size:14px}.social{display:flex;gap:10px;margin-top:15px}.social span{width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.25);display:grid;place-items:center;font-size:13px}.footer-bottom{margin-top:28px;border-top:1px solid rgba(255,255,255,.09);padding:15px 0;color:#a9bdcc;font-size:13px}.fixed-actions{position:fixed;right:28px;bottom:28px;z-index:60;display:flex;flex-direction:column;gap:12px}.fixed-actions a{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:28px;box-shadow:0 12px 26px rgba(0,0,0,.22);border:4px solid #fff}.fixed-actions .wa{background:#19A95D}.fixed-actions .call{background:#B23838}.reveal{opacity:0;transform:translateY(18px);transition:.6s ease}.reveal.show{opacity:1;transform:none}
@media(max-width:1100px){.hero h1{font-size:54px}.service-grid{grid-template-columns:repeat(4,1fr)}.work-grid{grid-template-columns:repeat(3,1fr)}.why-grid,.benefit-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.site-header{height:auto}.nav-wrap{height:auto;min-height:74px;flex-wrap:wrap}.brand img{width:180px}.menu-toggle{display:block}.nav-menu{display:none;width:100%;flex-direction:column;gap:0;align-items:stretch;margin:0}.nav-menu.open{display:flex}.nav-menu a{padding:13px 0;border-top:1px solid var(--line)}.header-cta{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-image{min-height:330px;order:1}.hero-shade{background:linear-gradient(180deg,rgba(250,246,238,.03),rgba(250,246,238,.86))}.hero-content{order:2;padding:34px 24px 36px;text-align:center}.eyebrow:before{display:none}.hero h1{font-size:42px}.hero p{font-size:16px}.hero-actions{justify-content:center}.hero-points{grid-template-columns:1fr;gap:0;margin-top:26px}.hero-points div{border:0;border-top:1px solid rgba(10,44,73,.12);padding:14px}.service-grid{grid-template-columns:repeat(2,1fr)}.works-top,.red-wrap{flex-direction:column;text-align:center}.about-wrap{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.steps article:after{display:none}.reviews,.footer-grid{grid-template-columns:1fr}.fixed-actions{right:18px;bottom:18px}.fixed-actions a{width:54px;height:54px}.work-grid{grid-template-columns:repeat(2,1fr)}.work-item{height:135px}}
@media(max-width:520px){.container{width:min(100% - 28px,1180px)}.hero h1{font-size:36px}.btn{width:100%}.service-grid{grid-template-columns:1fr}.service-card{display:grid;grid-template-columns:120px 1fr;gap:10px;text-align:right;min-height:auto}.service-card figure{height:100%}.service-body{text-align:right;padding-top:0}.service-body p{min-height:0}.works{padding-top:42px}.work-grid{grid-template-columns:1fr}.work-item{height:220px}.why-grid,.benefit-grid,.steps{grid-template-columns:1fr}.red-wrap{border-radius:0;padding:26px 20px}.red-wrap h2{font-size:24px}.footer{text-align:center}.social{justify-content:center}}


/* ===== v6: mobile, hero, header, footer and icons fixes ===== */
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden;visibility:hidden}.icon,.feature-icon,.card-icon,.btn-icon,.wa-icon,.inline-icon{width:1em;height:1em;display:inline-block;vertical-align:-.16em;fill:currentColor}.btn-icon{font-size:20px}.mini-wa:before{content:none!important}.mini-wa .wa-icon{font-size:17px;color:var(--green)}
.site-header{height:78px}.nav-wrap{height:78px}.brand{display:flex;align-items:center;flex:0 0 auto}.brand img{width:230px;max-width:100%;height:auto}.nav-menu{gap:38px}.header-cta{border-radius:12px;min-width:175px;text-align:center;justify-content:center;display:inline-flex;align-items:center}
.hero{direction:ltr;grid-template-columns:53% 47%;min-height:540px;background:linear-gradient(90deg,#fffaf2 0%,#fffaf2 48%,#fff8ed 100%)}.hero-image{order:1;min-height:540px}.hero-content{order:2;direction:rtl;text-align:right;padding:68px min(7vw,82px) 50px 34px}.hero-image img{opacity:1;filter:saturate(1.08) contrast(1.03);object-position:center}.hero-shade{background:linear-gradient(90deg,rgba(250,246,238,0) 0%,rgba(250,246,238,.02) 45%,rgba(250,246,238,.58) 100%)}.eyebrow{font-size:16px}.hero h1{font-size:66px;line-height:1.08}.hero p{max-width:620px}.hero-actions .btn-light{border-color:rgba(169,53,53,.42)}.feature-icon{font-size:34px;margin-bottom:10px}.feature-icon.truck,.card-icon.truck{color:#D79D2A}.feature-icon.gear,.card-icon.gear{color:#A93535}.feature-icon.diamond,.card-icon.diamond{color:#1A8BC0}.card-icon.box{color:#D66E3C}.card-icon.design,.card-icon.printer,.card-icon.phone,.card-icon.team{color:#A93535}.hero-points i{display:none}.service-card{border-radius:16px}.mini-wa{gap:8px;border-radius:9px;background:#fff;color:var(--green);border-color:rgba(23,166,90,.7)}.mini-wa:hover{background:var(--green);color:#fff}.about-media{height:320px}.about-media img{filter:saturate(1.04) contrast(1.02)}.play{display:none!important}.card-icon{font-size:34px;margin-bottom:8px}.why-grid .card-icon{font-size:28px;display:block;margin:0 auto 8px}.benefit-grid .card-icon,.steps .card-icon{display:block;margin:0 auto 9px}.fixed-actions a svg{width:30px;height:30px}.fixed-actions .wa{background:#16A967}.fixed-actions .call{background:#A93535}.fixed-actions a{font-size:0}.footer img{filter:none;background:#fff;border-radius:10px;padding:8px}.footer p{line-height:1.9}.inline-icon{width:18px;height:18px;margin-left:7px;color:#D1A357}.inline-dot{display:inline-flex;width:18px;height:18px;border-radius:50%;align-items:center;justify-content:center;border:1px solid rgba(209,163,87,.4);font-size:12px;margin-left:7px;color:#D1A357}.footer .footer-grid>div:last-child p{display:flex;align-items:center;gap:6px;justify-content:flex-start}.footer .footer-grid>div:last-child a{display:inline;margin:0}.social span{font-family:Arial,sans-serif}
@media(max-width:1100px){.hero{grid-template-columns:50% 50%}.hero h1{font-size:54px}.brand img{width:215px}.nav-menu{gap:26px}}
@media(max-width:860px){.site-header{height:auto;min-height:86px}.nav-wrap{min-height:86px;height:auto;display:grid;grid-template-columns:56px 1fr;grid-template-areas:"menu brand" "nav nav";gap:0;align-items:center;direction:ltr;padding-block:8px}.brand{grid-area:brand;justify-self:end;direction:rtl}.brand img{width:205px}.menu-toggle{grid-area:menu;display:block;justify-self:start}.menu-toggle span{height:4px;width:30px;margin:5px 0;background:var(--navy)}.nav-menu{grid-area:nav;direction:rtl;width:100%;margin-top:8px;background:#fffaf2;border-radius:14px;padding:4px 12px}.nav-menu a{text-align:right}.hero{display:flex;flex-direction:column;direction:rtl;background:#fffaf2}.hero-content{order:1;text-align:right;padding:34px 28px 26px}.hero-image{order:2;min-height:300px;height:300px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.hero-image img{object-fit:cover;object-position:center;filter:saturate(1.12) contrast(1.04)}.hero-shade{background:linear-gradient(180deg,rgba(250,246,238,0) 0%,rgba(250,246,238,.06) 100%)}.eyebrow{font-size:15px;margin-bottom:8px}.eyebrow:before{display:inline-block;width:26px}.hero h1{font-size:42px;line-height:1.18;margin-bottom:14px}.hero p{font-size:17px;line-height:1.9;margin-bottom:22px}.hero-actions{justify-content:stretch;gap:10px}.hero-actions .btn{width:calc(50% - 5px);min-width:0;height:52px;font-size:15px}.hero-points{grid-template-columns:repeat(3,1fr);gap:0;margin-top:24px}.hero-points div{border-top:0;border-inline-start:1px solid rgba(10,44,73,.12);padding:8px 8px}.hero-points div:last-child{border-inline-start:0}.hero-points b{font-size:14px}.hero-points small{display:none}.feature-icon{font-size:27px;margin-bottom:5px}.service-grid{grid-template-columns:repeat(2,1fr)}.about-media{height:260px}.footer{text-align:right}.footer-grid{gap:24px}.footer .footer-brand img{margin-right:0}.footer .footer-grid>div:last-child p{justify-content:flex-start}.fixed-actions{right:16px;bottom:18px}.fixed-actions a{width:54px;height:54px;border-width:4px}.fixed-actions a svg{width:28px;height:28px}}
@media(max-width:520px){body{font-weight:600}.container{width:min(100% - 28px,1180px)}.brand img{width:190px}.site-header{min-height:82px}.nav-wrap{min-height:82px}.hero-content{padding:30px 22px 24px}.hero h1{font-size:36px;letter-spacing:-.8px}.hero p{font-size:16px;line-height:1.85}.hero-image{height:280px;min-height:280px}.btn{width:auto}.hero-actions .btn{width:100%;height:54px}.hero-points{grid-template-columns:1fr 1fr 1fr}.service-grid{grid-template-columns:1fr}.service-card{display:grid;grid-template-columns:128px 1fr;gap:12px;padding:9px}.service-card figure{height:112px}.service-body{text-align:right;padding:2px 0}.mini-wa{height:34px}.section-heading h2{font-size:28px}.section-heading p{font-size:14px}.work-item{height:210px}.about-content h2{font-size:30px}.red-wrap{border-radius:0}.footer-brand img{margin:0 auto 12px}.footer{text-align:center}.footer .footer-grid>div:last-child p{justify-content:center}.fixed-actions{right:14px;bottom:16px}.fixed-actions a{width:52px;height:52px}}


/* ===== v7: remove header/footer logo, static header, mobile CTA beside menu ===== */
.site-header{position:relative!important;top:auto!important;z-index:30!important;height:78px!important;background:#fffaf3!important;box-shadow:none!important;backdrop-filter:none!important}
.nav-wrap{height:78px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;direction:rtl!important}
.brand,.brand img,.footer img{display:none!important}
.nav-menu{margin-inline-start:0!important;margin-inline-end:0!important;flex:1!important;justify-content:center!important}
.header-cta{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:170px!important;height:50px!important;margin:0!important;order:3!important;border-radius:12px!important;font-size:16px!important;line-height:1!important;background:linear-gradient(135deg,#A93535,#8F2929)!important;color:#fff!important;box-shadow:0 12px 26px rgba(169,53,53,.18)!important}
.menu-toggle{order:1!important}
.nav-menu{order:2!important}
.footer-title-brand{font-size:28px!important;line-height:1.2!important;margin:0 0 12px!important;color:#fff!important;font-weight:950!important}
.footer-brand{padding-top:0!important}
.footer{padding-top:38px!important}
@media(max-width:860px){
  .site-header{height:auto!important;min-height:92px!important;position:relative!important;top:auto!important}
  .nav-wrap{min-height:92px!important;height:auto!important;display:grid!important;grid-template-columns:56px auto 1fr!important;grid-template-areas:"menu cta spacer" "nav nav nav"!important;direction:ltr!important;gap:8px 12px!important;padding:12px 14px!important;align-items:center!important}
  .menu-toggle{grid-area:menu!important;display:block!important;justify-self:start!important;align-self:center!important;width:46px!important;height:46px!important;background:transparent!important}
  .menu-toggle span{height:4px!important;width:31px!important;margin:5px 0!important;background:#0A2C49!important}
  .header-cta{grid-area:cta!important;display:inline-flex!important;justify-self:start!important;align-self:center!important;min-width:0!important;width:auto!important;height:54px!important;padding:0 22px!important;border-radius:12px!important;font-size:16px!important;white-space:nowrap!important;order:initial!important}
  .nav-menu{grid-area:nav!important;display:none!important;width:100%!important;flex-direction:column!important;gap:0!important;align-items:stretch!important;margin:6px 0 0!important;background:#fff!important;border:1px solid rgba(10,44,73,.08)!important;border-radius:14px!important;padding:6px 14px!important;box-shadow:0 16px 34px rgba(10,44,73,.08)!important;direction:rtl!important}
  .nav-menu.open{display:flex!important}
  .nav-menu a{padding:13px 0!important;border-top:1px solid rgba(10,44,73,.08)!important;text-align:right!important}
  .nav-menu a:first-child{border-top:0!important}
}
@media(max-width:520px){
  .site-header{min-height:90px!important}
  .nav-wrap{grid-template-columns:50px auto 1fr!important;min-height:90px!important;padding:12px 14px!important;gap:8px 10px!important}
  .header-cta{height:50px!important;padding:0 18px!important;font-size:15px!important;border-radius:11px!important}
  .menu-toggle{width:44px!important;height:44px!important}
  .menu-toggle span{width:30px!important;height:4px!important}
  .footer-title-brand{font-size:26px!important;text-align:center!important}
}


/* ===== v8: mobile header order + extra portfolio works ===== */
@media(max-width:860px){
  .site-header{position:relative!important;top:auto!important;height:auto!important;min-height:78px!important;background:#fffaf3!important;box-shadow:none!important;backdrop-filter:none!important}
  .nav-wrap{min-height:78px!important;height:auto!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;direction:rtl!important;gap:10px 14px!important;padding:12px 16px!important}
  .header-cta{order:1!important;grid-area:auto!important;display:inline-flex!important;justify-content:center!important;align-items:center!important;justify-self:auto!important;width:auto!important;min-width:0!important;height:52px!important;padding:0 24px!important;border-radius:12px!important;font-size:16px!important;white-space:nowrap!important;margin:0!important}
  .menu-toggle{order:2!important;grid-area:auto!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-end!important;flex:0 0 48px!important;width:48px!important;height:48px!important;justify-self:auto!important;background:transparent!important;margin:0!important}
  .menu-toggle span{display:block!important;width:31px!important;height:4px!important;margin:4px 0!important;background:#0A2C49!important;border-radius:9px!important}
  .nav-menu{order:3!important;grid-area:auto!important;flex:0 0 100%!important;display:none!important;width:100%!important;flex-direction:column!important;gap:0!important;align-items:stretch!important;margin:4px 0 0!important;background:#fff!important;border:1px solid rgba(10,44,73,.08)!important;border-radius:14px!important;padding:6px 14px!important;box-shadow:0 16px 34px rgba(10,44,73,.08)!important;direction:rtl!important}
  .nav-menu.open{display:flex!important}
  .nav-menu a{padding:13px 0!important;border-top:1px solid rgba(10,44,73,.08)!important;text-align:right!important}
  .nav-menu a:first-child{border-top:0!important}
}
@media(max-width:520px){
  .site-header{min-height:76px!important}
  .nav-wrap{min-height:76px!important;padding:11px 14px!important;gap:8px 12px!important}
  .header-cta{height:50px!important;padding:0 22px!important;font-size:15.5px!important;border-radius:12px!important}
  .menu-toggle{width:46px!important;height:46px!important;flex-basis:46px!important}
  .menu-toggle span{width:30px!important;height:4px!important}
  .work-grid{grid-template-columns:1fr!important}
  .work-item{height:225px!important}
}


/* ===== v10: user-images-only services + clearer mobile/service layout ===== */
.hero-image img{filter:saturate(1.12) contrast(1.05)!important;opacity:1!important}.hero-shade{background:linear-gradient(90deg,rgba(250,246,238,0) 0%,rgba(250,246,238,.02) 45%,rgba(250,246,238,.42) 100%)!important}.service-grid{grid-template-columns:repeat(4,1fr)!important;gap:20px!important}.service-card{padding:12px!important;border-radius:18px!important;min-height:unset!important}.service-card figure{height:178px!important;border-radius:14px!important;background:#0A2C49!important}.service-card img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}.service-body{padding:14px 4px 2px!important}.service-body h3{font-size:20px!important;margin-bottom:8px!important}.service-body p{font-size:14px!important;min-height:62px!important;line-height:1.75!important}.mini-wa{height:40px!important;border-radius:10px!important;font-size:14px!important;background:#16A967!important;color:#fff!important;border-color:#16A967!important}.mini-wa:before{display:none!important}.mini-wa .wa-icon{width:19px!important;height:19px!important}.work-grid{grid-template-columns:repeat(5,1fr)!important}.work-item{height:170px!important}.about-media img{object-fit:cover!important}.footer .footer-brand img,.footer img,.brand,.brand img{display:none!important}
@media(max-width:1100px){.service-grid{grid-template-columns:repeat(3,1fr)!important}.work-grid{grid-template-columns:repeat(4,1fr)!important}}
@media(max-width:860px){.service-grid{grid-template-columns:repeat(2,1fr)!important}.service-card{display:block!important}.service-card figure{height:170px!important}.service-body{text-align:center!important}.service-body p{min-height:76px!important}.work-grid{grid-template-columns:repeat(2,1fr)!important}.work-item{height:180px!important}.hero-image{height:300px!important;min-height:300px!important}.hero-shade{background:linear-gradient(180deg,rgba(250,246,238,0) 0%,rgba(250,246,238,.15) 100%)!important}}
@media(max-width:520px){.service-grid{grid-template-columns:1fr!important}.service-card{display:block!important;padding:12px!important}.service-card figure{height:210px!important}.service-body{text-align:right!important}.service-body p{min-height:auto!important}.mini-wa{height:44px!important}.work-grid{grid-template-columns:1fr!important}.work-item{height:245px!important}.hero-image{height:290px!important;min-height:290px!important}.section-heading h2{font-size:27px!important}}

/* v11: designed service posters only */
.service-card figure{background:#0A2C49!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.service-card figure img{object-fit:contain!important;background:#0A2C49!important;}
@media(max-width:520px){.service-card figure{height:220px!important}.service-card figure img{object-fit:contain!important}}

/* v12 - Full uncropped service posters; nothing covers or sits within images */
.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}
.service-card{padding:0!important;border-radius:14px!important;overflow:hidden!important;min-height:0!important;background:#fff!important;display:block!important}
.service-card .service-picture-link{display:block;width:100%;line-height:0;text-decoration:none}
.service-card figure{display:block!important;width:100%!important;height:auto!important;aspect-ratio:12/7!important;margin:0!important;border-radius:0!important;overflow:visible!important;background:transparent!important}
.service-card figure img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:12/7!important;max-width:100%!important;object-fit:contain!important;object-position:center!important;background:transparent!important;filter:none!important;transform:none!important}
.service-card .service-body,.service-card figure:before,.service-card figure:after,.service-card:before,.service-card:after{display:none!important;content:none!important}
.service-card:hover{transform:translateY(-3px)}
.hero-image{display:flex!important;align-items:center!important;background:#f7f0e7!important;min-height:0!important;overflow:hidden!important}
.hero-image picture{display:block!important;width:100%!important;line-height:0}
.hero-image img{display:block!important;width:100%!important;height:auto!important;object-fit:contain!important;filter:none!important;opacity:1!important}
.hero-shade{display:none!important}
@media(max-width:1100px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){.service-grid{grid-template-columns:1fr!important;gap:16px!important}.service-card figure{height:auto!important;aspect-ratio:12/7!important}.hero-image{height:auto!important;min-height:0!important}.hero-image img{height:auto!important;object-fit:contain!important}.service-card figure img{height:auto!important}}

/* Accessible two-image hero sequence with zero text overlays */
.hero-image{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-content:center!important;isolation:isolate!important}
.hero-image picture{grid-area:1/1!important;animation:heroPhase 14s ease-in-out infinite!important;align-self:center!important}
.hero-image picture.hero-second{animation-delay:-7s!important}
@keyframes heroPhase{0%,43%{opacity:1}50%,93%{opacity:0}100%{opacity:1}}
@media(prefers-reduced-motion:reduce){.hero-image picture{animation:none!important}.hero-image picture.hero-second{display:none!important}}


/* ===========================================================================
   V13 – unified navy / champagne gold / ivory identity + 20 full-image cards
   =========================================================================== */
:root{
 --navy:#101F37;--navy2:#09182C;--red:#99702F;--red2:#795623;--gold:#C7A366;
 --cream:#F9F6EF;--paper:#FFFCF8;--muted:#657083;--line:#E8DCC9;
 --shadow:0 18px 42px rgba(16,31,55,.12);
}
body{background:var(--cream);color:var(--navy)}
a:focus-visible,button:focus-visible{outline:3px solid #C7A366;outline-offset:3px}
.site-header,.site-header:not(:hover){background:#FFFCF7!important;border-bottom:1px solid var(--line)!important}
.nav-wrap{gap:20px!important}
.brand-wordmark{display:inline-flex!important;align-items:center;gap:10px;white-space:nowrap;color:var(--navy);font-size:23px;font-weight:950;line-height:1.1;order:0!important;flex:0 0 auto}
.wordmark-emblem{display:grid;place-items:center;background:var(--navy);border:2px solid var(--gold);width:40px;height:40px;border-radius:12px;color:#E6C58C;font-size:25px;box-shadow:0 4px 14px rgba(16,31,55,.10)}
.wordmark-copy{display:flex;flex-direction:column;gap:5px}
.wordmark-copy small{color:#806947;font-size:10px;line-height:1.15;font-weight:800;letter-spacing:.1px}
.nav-menu{gap:21px!important;flex:1!important;justify-content:center!important}
.nav-menu a.active,.nav-menu a:hover{color:var(--red)!important}
.nav-menu a:after{background:var(--gold)!important}
.header-cta{background:linear-gradient(120deg,#D4B278,#BC914E)!important;color:#11233A!important;box-shadow:0 12px 28px rgba(163,118,55,.23)!important;border:1px solid rgba(121,86,35,.12)!important}
.header-cta:hover{filter:brightness(1.04)}
.menu-toggle span{background:var(--navy)!important}
.hero{background:linear-gradient(130deg,#F8F2E7 0%,#FFFCF8 76%)!important;border-bottom:1px solid var(--line)}
.hero-image{background:#F5EDDF!important;min-height:0!important;display:grid!important;align-content:center!important;overflow:hidden!important}
.hero-image picture{grid-area:1/1!important;width:100%!important;height:100%!important;display:block!important;line-height:0;opacity:0}
.hero-image picture.hero-visual-first{animation:v13HeroFirst 15s ease-in-out infinite!important}
.hero-image picture.hero-visual-second{animation:v13HeroSecond 15s ease-in-out infinite!important}
.hero-image img{width:100%!important;height:100%!important;object-fit:contain!important;filter:none!important;opacity:1!important}
@keyframes v13HeroFirst{0%,46%{opacity:1}51%,96%{opacity:0}100%{opacity:1}}
@keyframes v13HeroSecond{0%,46%{opacity:0}51%,96%{opacity:1}100%{opacity:0}}
.hero-content{padding-top:68px}
.hero h1{color:var(--navy);font-size:clamp(40px,4.1vw,66px);letter-spacing:-1px}
.hero h1 strong{color:#A27639!important}
.hero p{color:#49566A}
.eyebrow{color:var(--red)!important}.eyebrow:before{background:var(--gold)!important}
.btn-primary{background:var(--navy)!important;color:#fff;border:1px solid var(--gold);box-shadow:0 14px 30px rgba(16,31,55,.2)!important}
.btn-light{color:var(--navy)!important;border-color:var(--gold)!important;background:#FFFDF9}
.feature-icon.truck,.feature-icon.gear,.feature-icon.diamond,
.card-icon.truck,.card-icon.gear,.card-icon.diamond,
.card-icon.box,.card-icon.design,.card-icon.printer,.card-icon.phone,.card-icon.team{color:#A98247!important}
.services,.benefits,.steps-section,.testimonials{background:var(--cream)}
.section-heading span{color:var(--red)!important}
.section-heading span:before,.section-heading span:after{background:var(--gold)!important}
.section-heading h2,.about-content h2{color:var(--navy)}
/* Cards: entire supplied poster visible, no overlays; one CTA beneath the photo. */
.service-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;align-items:stretch}
.service-card{display:flex!important;flex-direction:column!important;min-width:0;min-height:0!important;padding:0!important;overflow:hidden!important;border-radius:16px!important;background:#fff!important;border:1px solid #E6D9C6!important;box-shadow:0 12px 27px rgba(16,31,55,.07)!important;transition:transform .24s ease,box-shadow .24s ease}
.service-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(16,31,55,.14)!important}
.service-art{display:flex!important;align-items:center;justify-content:center;width:100%;aspect-ratio:16/9;background:#F5EEE3;overflow:hidden;flex:0 0 auto}
.service-art img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;object-position:center!important;aspect-ratio:auto!important;transform:none!important;filter:none!important;background:transparent!important}
.service-order{padding:12px 14px 14px;background:#FFFCF7;border-top:1px solid var(--line);display:flex;flex:1}
.service-order a{width:100%;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#148451;color:#fff;border-radius:10px;font-size:15px;font-weight:900;line-height:1.3;transition:background .2s ease,transform .2s ease}
.service-order a:hover{background:#0E7445;transform:translateY(-1px)}
.service-order .wa-icon{width:20px;height:20px;fill:currentColor}
.works{background:linear-gradient(180deg,#FFFDF9,#F5EEE1)!important;border-color:var(--line)}
.work-item{border:1px solid rgba(179,143,88,.3)!important}
.outline-red{color:var(--navy)!important;border-color:var(--gold)!important;background:#FFFCF7}
.about{background:#FFFCF8}.about-content>span,.years strong{color:var(--red)!important}
.why-grid div,.benefit-grid article,.steps article,.reviews article{border-color:var(--line);background:#FFFCF8}
.steps em{background:var(--navy)!important;color:#ECD09B!important}
.steps h3{color:var(--navy)!important}
.reviews div{color:#B88D47!important}
.red-cta{background:var(--cream)}
.red-wrap{background:#101F37!important;background-image:linear-gradient(120deg,#101F37,#233B57)!important;box-shadow:0 -7px 23px rgba(16,31,55,.07);border-top:3px solid #C7A366}
.red-wrap p{color:#E8DBCA}
.red-wrap a{color:var(--navy)!important;background:linear-gradient(120deg,#F6DEB5,#D5B47B)!important}
.footer{background:linear-gradient(125deg,#07172A,#101F37)!important}
.footer-title-brand{color:#E9C996!important}
.footer-bottom{border-top-color:rgba(199,163,102,.22)}
.fixed-actions .wa{background:#179956!important}
.fixed-actions .call{background:var(--navy)!important;border-color:#F7E9CC!important}
@media(max-width:1150px){.nav-menu{gap:13px!important}.brand-wordmark{font-size:20px}.wordmark-emblem{width:36px;height:36px}.nav-menu a{font-size:15px}.header-cta{min-width:150px!important;padding:0 16px!important}}
@media(max-width:1000px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:860px){
 .nav-wrap{display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:center!important}
 .brand-wordmark{order:1!important;margin-inline-end:auto;font-size:20px}
 .menu-toggle{order:2!important;margin:0!important}
 .header-cta{order:3!important;height:46px!important;padding:0 16px!important;min-width:0!important}
 .nav-menu{order:4!important;flex:0 0 100%!important;justify-content:flex-start!important;gap:0!important}
 .hero{display:flex!important;flex-direction:column!important}
 .hero-content{order:1!important;padding:36px 24px 26px!important}
 .hero-image{order:2!important;height:auto!important;min-height:0!important}
 .hero-image picture{height:auto!important}
 .hero-image img{height:auto!important;object-fit:contain!important}
 .hero h1{font-size:clamp(33px,5.8vw,46px)!important}
}
@media(max-width:650px){
 .container{width:calc(100% - 28px)}
 .brand-wordmark{font-size:18px!important}.wordmark-emblem{width:33px;height:33px;font-size:20px}.wordmark-copy small{font-size:9px}
 .nav-wrap{justify-content:space-between!important;gap:9px!important}
 .nav-menu{width:100%!important}
 .header-cta{font-size:13px!important;height:42px!important;padding:0 11px!important}
 .menu-toggle{width:40px!important;height:42px!important;flex-basis:40px!important}
 .hero-content{padding:30px 18px 24px!important}
 .hero h1{font-size:34px!important;line-height:1.25!important}
 .hero-image picture{height:auto!important}
 .hero-image img{width:100%!important;height:auto!important;object-fit:contain!important}
 .service-grid{grid-template-columns:1fr!important;gap:18px!important}
 .service-card{display:flex!important;padding:0!important}
 .service-art{aspect-ratio:16/9!important}
 .service-order{padding:12px!important}
 .service-order a{min-height:48px;font-size:16px}
 .section-heading h2{font-size:28px!important}
 .red-wrap{padding:28px 22px!important}
}
@media(prefers-reduced-motion:reduce){.hero-image picture.hero-visual-first{animation:none!important;opacity:1!important}.hero-image picture.hero-visual-second{display:none!important}}

/* Mobile layout: retain the hero message and contact buttons; no hero pictures or blank space. */
@media screen and (max-width: 650px) {
  .hero .hero-image { display: none !important; height: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; }
  .hero { min-height: 0 !important; }
}