@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');:root{--navy:#12283c;--gold:#ab874b;--cream:#f8f6f2;--muted:#68717b;--line:#e9e5df}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Cairo,Tahoma,Arial,sans-serif;color:var(--navy);background:#fff}button,input{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.top{background:var(--navy);color:#fff;display:flex;justify-content:space-between;padding:7px 6%;font-size:12px}.top>span:last-child{display:flex;align-items:center;gap:18px}.top button{background:none;border:1px solid #ffffff55;color:#fff;border-radius:4px;padding:0 10px}.header{height:95px;display:flex;justify-content:space-between;align-items:center;padding:10px 6%;gap:20px;background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 3px 20px #142c3e0d}.brand{display:flex;align-items:center;gap:12px;min-width:216px}.brand img{height:74px;width:74px;object-fit:contain}.brand b{font-size:19px}.brand small{display:block;font-size:10px;letter-spacing:1.2px}.header nav{display:flex;gap:25px;font-size:13px;font-weight:700}.header nav a:hover{color:var(--gold)}.actions{display:flex;gap:14px;align-items:center}.actions button{border:0;background:none;color:var(--navy);font-size:26px}.cartBtn{position:relative}.cartBtn em{font-style:normal;position:absolute;right:-9px;top:-5px;border-radius:50%;font-size:10px;background:var(--gold);color:#fff;width:19px;height:19px;text-align:center;line-height:19px}.actions .menuBtn{display:none}.hero{height:560px;position:relative;display:flex;align-items:center;overflow:hidden;background:#d9cebd}.heroPhoto{position:absolute;inset:0;background:url('assets/products/sadoun-104.webp') center 55%/cover no-repeat}.heroShade{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,#ffffff0d 36%,#fffdf3e0 100%)}.heroContent{position:relative;width:min(520px,85%);margin-inline-start:9%;padding:35px 28px;background:#fffef2dd;border-radius:7px;backdrop-filter:blur(3px)}.eyebrow,.tag{color:var(--gold);font-size:13px;font-weight:800}.hero h1{font-size:clamp(30px,4.5vw,57px);line-height:1.35;margin:10px 0}.hero p{line-height:2;color:#43505c;font-size:15px}.heroButtons,.modalBtns,.contactBtns{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.btn{border-radius:6px;border:1px solid transparent;padding:12px 24px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:800;font-size:13px;transition:transform .15s}.btn:hover{transform:translateY(-2px)}.gold{color:white;background:var(--gold)}.white{background:#fff;color:var(--navy);border-color:#d7c29d}.outlined{border-color:#cbb489;color:var(--navy);background:transparent}.green{background:#168755;color:white}.features{display:flex;justify-content:center;gap:0;background:#fff;border-bottom:1px solid var(--line)}.features div{min-width:230px;display:flex;align-items:center;justify-content:center;gap:11px;padding:24px;font-size:13px;font-weight:700}.features div+div{border-inline-start:1px solid var(--line)}.features strong{color:var(--gold);font-size:27px}.section{padding:80px 6%;max-width:1500px;margin:auto;scroll-margin-top:98px}.sectionHead{text-align:center;margin-bottom:34px}.sectionHead h2{font-size:31px;margin:7px 0}.sectionHead p{color:var(--muted);margin:0;font-size:13px}.catGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.cat{border-radius:9px;overflow:hidden;border:1px solid var(--line);background:#fff;cursor:pointer;text-align:center;transition:transform .2s}.cat:hover,.product:hover{transform:translateY(-5px)}.cat img{width:100%;height:230px;object-fit:cover}.cat h3{font-size:17px;margin:12px 0 16px}.catalog{max-width:none;background:#fbfaf8}.catalogTools{max-width:1400px;margin:0 auto 28px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.search{display:flex;align-items:center;border:1px solid #ddd6ca;border-radius:7px;background:#fff;padding:0 12px;flex:1;min-width:210px}.search span{font-size:24px}.search input{border:0;outline:0;padding:12px;min-width:0;width:100%;background:transparent}.filters{display:flex;flex-wrap:wrap;gap:7px}.filters button{font-size:12px;border:1px solid #ded6ca;background:white;border-radius:20px;padding:7px 13px;color:var(--navy)}.filters button.active{background:var(--navy);color:#fff;border-color:var(--navy)}#resultCount{font-size:12px;color:#777}.grid{max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.product{background:#fff;border-radius:9px;border:1px solid var(--line);overflow:hidden;transition:transform .2s;min-width:0}.productImage{height:244px;overflow:hidden;cursor:pointer;background:#f4f1eb}.productImage img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.product:hover img{transform:scale(1.035)}.productBody{padding:15px}.productBody small{color:var(--gold);font-weight:800}.productBody h3{font-size:15px;margin:7px 0}.ref{font-size:12px;color:#818181;direction:ltr;text-align:start}.productBtns{display:flex;gap:6px;margin-top:13px}.productBtns button,.productBtns a{flex:1;border:1px solid var(--gold);color:var(--navy);background:#fff;text-align:center;border-radius:5px;padding:9px 5px;font-size:12px;font-weight:bold}.productBtns button{background:var(--gold);color:#fff}.empty{text-align:center;padding:60px}.banner{background:var(--navy);color:white;padding:46px 8%;display:flex;align-items:center;justify-content:space-between;gap:20px}.banner h2{margin:0}.banner p{font-size:13px;color:#dde4e8}.about{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.aboutPhoto img{width:100%;height:420px;object-fit:cover;border-radius:10px}.about h2{font-size:32px}.about p{line-height:2.2;color:#586370}.contact{background:#fff}.contactGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.contactCard{border:1px solid var(--line);padding:35px;border-radius:10px;background:#fbfaf8}.contactCard>span{font-size:35px;color:var(--gold)}.contactCard p{line-height:2;color:#55616b}.contactCard>a{font-weight:800;color:var(--gold)}footer{background:#102638;color:white;padding:50px 7% 15px}.footerMain{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.footerMain img{width:95px;border-radius:8px}.footerMain p{font-size:13px;color:#c4ced6;line-height:2}.footerMain h4{margin:0 0 15px}.footerMain a{display:block;font-size:13px;margin:9px 0;color:#d4dce2}.copyright{text-align:center;border-top:1px solid #ffffff24;margin-top:38px;padding-top:16px;font-size:11px;color:#aab7c1}.floatingWa{position:fixed;bottom:22px;left:22px;background:#168c57;color:white;font-size:28px;border-radius:50%;width:56px;height:56px;display:grid;place-items:center;z-index:18;box-shadow:0 5px 25px #0003}.overlay{position:fixed;inset:0;background:#061522aa;z-index:40}.drawer{position:fixed;top:0;bottom:0;inset-inline-end:0;transform:translateX(-105%);width:min(440px,100vw);background:white;z-index:45;display:flex;flex-direction:column;box-shadow:0 0 40px #0002;transition:transform .3s}html[dir=ltr] .drawer{transform:translateX(105%)}.drawer.open,html[dir=ltr] .drawer.open{transform:translateX(0)}.drawerHead{padding:20px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.drawerHead h2{margin:0}.drawerHead button,.modalClose{background:none;border:0;font-size:23px}.drawerItems{overflow-y:auto;flex:1;padding:15px}.cartItem{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.cartItem img{width:85px;height:75px;object-fit:cover;border-radius:6px}.cartItem>div{flex:1}.cartItem b{font-size:13px}.qty{display:flex;gap:8px;align-items:center;margin-top:6px}.qty button{border:1px solid #ddd;background:white;border-radius:4px;min-width:26px}.drawerFoot{padding:18px;border-top:1px solid var(--line)}.drawerFoot p{font-size:12px;color:#666}.drawerFoot .btn{width:100%}.clear{border:0;background:none;color:#777;width:100%;padding:10px}.modal{position:fixed;inset:0;background:#071827bb;z-index:55;display:grid;place-items:center;padding:20px}.modal[hidden],.overlay[hidden]{display:none}.modalBody{position:relative;background:#fff;border-radius:10px;max-width:920px;width:100%;max-height:92vh;overflow:auto;display:grid;grid-template-columns:1fr 1fr}.modalBody>img{height:460px;width:100%;object-fit:contain;background:#f7f5f1}.modalClose{position:absolute;top:12px;inset-inline-start:12px;z-index:2;background:white;border-radius:50%;width:40px;height:40px}.modalInfo{padding:45px 28px;align-self:center}.modalInfo p{line-height:2;color:#6b7278}.modalBtns .btn{flex:1;text-align:center}.toast{position:fixed;bottom:25px;right:25px;z-index:70;background:var(--navy);color:#fff;padding:13px 22px;border-radius:6px;font-size:13px}@media(max-width:1100px){.header nav{gap:12px}.grid{grid-template-columns:repeat(3,1fr)}.catGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){.top{padding:7px 4%;font-size:10px}.top>span:first-child{display:none}.header{height:74px;padding:8px 4%}.brand{min-width:0}.brand img{width:55px;height:55px}.brand b{font-size:14px}.brand small{font-size:8px}.header nav{display:none;position:absolute;top:74px;left:0;right:0;background:white;padding:22px;box-shadow:0 12px 15px #0002;flex-direction:column}.header nav.show{display:flex}.actions .menuBtn{display:block}.hero{height:470px}.heroContent{margin:15px;width:calc(100% - 30px);padding:21px}.heroShade{background:#ffffff60}.hero h1{font-size:36px}.hero p{font-size:13px}.features div{padding:14px 8px;min-width:0;flex:1;font-size:10px;text-align:center;flex-direction:column}.section{padding:55px 4%}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.productImage{height:180px}.productBody{padding:10px}.productBody h3{font-size:13px}.productBtns{flex-direction:column}.catGrid{gap:10px}.cat img{height:170px}.banner{flex-direction:column;align-items:flex-start}.about{grid-template-columns:1fr;gap:20px}.aboutPhoto img{height:250px}.contactGrid{grid-template-columns:1fr}.footerMain{grid-template-columns:1fr 1fr}.footerMain>div:first-child{grid-column:span 2}.modalBody{grid-template-columns:1fr}.modalBody>img{height:270px}.modalInfo{padding:20px}.sectionHead h2{font-size:26px}}@media(max-width:380px){.brand small{display:none}.productImage{height:145px}.cat img{height:130px}.filters button{padding:6px 9px;font-size:11px}}