:root{--shadow:0 12px 32px rgba(18,35,70,.11);--radius:5px}
body{font-family:Almarai,Tahoma,Arial,sans-serif;font-size:17px;line-height:1.85;letter-spacing:0;color:#24324b;text-rendering:optimizeLegibility}
.english{font-family:Almarai,Tahoma,Arial,sans-serif}
.container{width:min(1140px,calc(100% - 48px))}
h1,h2,h3,p{margin-block-start:0}h1,h2,h3{line-height:1.35}.section-title{font-size:36px;font-weight:700;margin-bottom:38px}.site-header{height:96px}.nav-wrap{gap:32px}.logo img{width:82px;height:82px}.nav-list{gap:32px;font-size:16px;font-weight:600}.nav-list a,.dropbtn{position:relative;padding:10px 0}.nav-list a[aria-current="page"]{color:var(--blue)}.nav-list a[aria-current="page"]:after{content:"";position:absolute;right:0;left:0;bottom:3px;height:2px;background:var(--accent)}.dropdown-menu{top:43px;border-radius:var(--radius);padding:10px}.btn{min-width:142px;padding:10px 25px;border-width:1px;border-radius:3px;font-size:16px;font-weight:600;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 7px 18px rgba(29,46,89,.2)}section{padding:76px 0}.hero h1{font-size:clamp(42px,4vw,56px);font-weight:700;line-height:1.5;margin-bottom:24px}.product-cards{gap:24px}.product-card{height:365px;border-radius:var(--radius);box-shadow:var(--shadow)}.product-card .overlay{padding:24px}.product-card h2{font-size:26px;font-weight:600}.product-card p{font-size:15px;line-height:1.7}.about-grid{gap:52px;align-items:start}.about-copy h2,.about-copy h3{font-size:28px;font-weight:700;margin:22px 0 9px}.about-copy p,.lead{font-size:18px;line-height:2;text-align:start;max-width:78ch}.about-image img{max-height:650px}.offer-grid{gap:56px}.offer h2{font-size:38px;font-weight:700;margin-bottom:24px}.offer-grid>div:last-child{font-size:18px}.offer-grid>div:last-child p{margin-bottom:8px}.form-grid{gap:11px}.form-grid label{font-size:15px;font-weight:600}.form-grid input,.form-grid textarea{padding:11px 14px;border-radius:3px;transition:border-color .2s,box-shadow .2s}.form-grid input:focus,.form-grid textarea:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(75,131,219,.15)}.page-hero h1{font-size:clamp(38px,4vw,54px);font-weight:700}.content-section{padding:70px 0}.content-section h2{font-size:31px;color:var(--blue);margin:42px 0 18px}.content-section h3{font-size:22px;margin-bottom:8px}.gallery{gap:16px;margin-top:34px}.gallery img,.brand-grid img{border-radius:var(--radius)}.brand-grid{gap:18px;margin-top:36px}.brand-grid img{height:255px;box-shadow:var(--shadow)}.service-card{padding:25px;border-color:#dfe4ed;border-radius:var(--radius);box-shadow:0 8px 22px rgba(18,35,70,.075);background:#fff}.service-card p{margin-bottom:0}.services-grid.three{grid-template-columns:repeat(3,1fr)}.intro-copy{max-width:920px}.facility-block{display:grid;grid-template-columns:1fr .8fr;gap:42px;align-items:center;margin-top:28px}.facility-block img{width:100%;height:300px;object-fit:cover;border-radius:var(--radius)}.contact-cta{margin-top:52px;padding:34px 38px;background:var(--paper);border-right:4px solid var(--accent)}.contact-cta h2{margin-top:0}.site-footer{padding:58px 0 18px}.footer-grid{gap:44px}.site-footer h2{font-size:20px;font-weight:600;margin-bottom:14px}.site-footer p,.site-footer li{font-size:15px}.copyright{margin-top:36px;font-family:Inter,Arial,sans-serif}
@media(min-width:901px){.site-header{height:96px}.logo{padding:7px}.nav-list{min-height:56px;padding:0 32px;border-radius:10px}.hero{min-height:680px;padding-top:96px}.page-hero{padding-top:96px;min-height:390px}}
@media(max-width:1024px){.container{width:min(100% - 40px,1140px)}.hero h1{font-size:46px}.product-card{height:340px}.services-grid.three{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.site-header{height:86px}.logo img{width:70px;height:70px}.nav-list{top:86px;padding:15px 24px}.nav-list a,.dropbtn{width:100%;text-align:right}.dropdown-menu{top:auto}.hero{min-height:530px}.about-grid,.offer-grid{gap:36px}.page-hero{min-height:300px}.facility-block{grid-template-columns:1fr}.footer-grid{gap:34px}}
@media(max-width:600px){body{font-size:16px;line-height:1.8}.container{width:min(100% - 30px,1140px)}section{padding:52px 0}.hero{min-height:470px}.hero h1{font-size:33px;line-height:1.55;margin-bottom:20px}.buttons{gap:12px}.buttons .btn{width:auto;flex:1;min-width:130px}.section-title{font-size:29px;margin-bottom:28px}.product-card{height:315px}.product-card .overlay{padding:20px}.product-card h2{font-size:23px}.about-copy h2,.about-copy h3{font-size:25px;margin-top:20px}.about-copy p,.lead{font-size:16px;line-height:1.95}.about-image img{max-height:440px}.offer h2{font-size:29px}.page-hero{min-height:245px}.page-hero h1{font-size:32px}.content-section{padding:50px 0}.content-section h2{font-size:27px;margin:34px 0 15px}.content-section h3{font-size:21px}.services-grid.three{grid-template-columns:1fr}.service-card{padding:21px}.facility-block{gap:20px}.facility-block img{height:230px}.contact-cta{margin-top:38px;padding:26px 22px}.gallery,.brand-grid{gap:12px;margin-top:28px}.site-footer{padding-top:48px}.footer-grid{gap:22px}.copyright{margin-top:28px}}

@media(max-width:600px){
  .site-header{height:76px}
  .site-header .nav-wrap{width:100%;padding-inline:16px;gap:16px;direction:ltr}
  .site-header .logo{display:flex;align-items:center;justify-content:flex-start;flex:0 0 194px;height:60px;gap:8px;overflow:hidden}
  .site-header .logo img{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .site-header .logo::before{content:"";display:block;flex:0 0 auto;background:var(--blue);-webkit-mask-image:url('../images/home/ec6af6bbb39b63b5.png');mask-image:url('../images/home/ec6af6bbb39b63b5.png');-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
  .site-header .logo::before{width:34px;height:56px;-webkit-mask-size:70px 70px;mask-size:70px 70px;-webkit-mask-position:-18px 0;mask-position:-18px 0}
  .site-header .logo::after{content:"شركة منارة الفاو";display:block;flex:0 0 auto;color:var(--blue);font-family:Almarai,Tahoma,Arial,sans-serif;font-size:18px;font-weight:800;line-height:1.3;direction:rtl;white-space:nowrap;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
  .site-header .menu-toggle{display:flex;align-items:center;justify-content:center;flex:0 0 44px;margin:0 0 0 auto;padding:0}
  .site-header nav{direction:rtl}
  .site-header .nav-list{top:76px;direction:rtl}
}
