@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700;800&display=swap";:root{font-family:Noto Sans Arabic,sans-serif;color:#152e33;background:#fafbf9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:transparent;color:inherit;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #c19655;outline-offset:4px}a{color:inherit;text-decoration:none}input,select,textarea{border:1px solid #d8dfdc;border-radius:7px;padding:11px;background:#fff;color:#152e33;width:100%}textarea{min-height:85px}h1,h2,h3,p{margin-top:0}h2{font-size:25px}small{font-size:12px;color:#74817e}.topbar{background:#112e33;color:#e5eeeb;display:flex;justify-content:space-between;padding:8px max(5%,calc((100vw - 1320px)/2));font-size:11px}header{max-width:1320px;margin:auto;display:flex;align-items:center;gap:55px;padding:26px 0}.brand{display:flex;gap:12px;align-items:center;font-size:28px;font-weight:800;line-height:1.2;white-space:nowrap}.brand small{display:block;font-size:11px;letter-spacing:1.5px;font-weight:500;margin-top:6px;color:inherit}.logo{border:2px solid #bd9659;color:#bd9659;border-radius:12px 2px;font-size:34px;width:49px;height:51px;display:grid;place-items:center}.search{flex:1;display:flex;align-items:center;gap:10px;background:#f0f3f0;border:1px solid #e4e8e3;border-radius:8px;padding:0 16px}.search input{background:transparent;border:0;outline:0;font-size:12px}.search kbd{font:11px inherit;color:#939d97}.cartbutton{font-size:12px}.cartbutton b{background:#bd9659;color:#fff;border-radius:50%;min-width:23px;height:23px;display:grid;place-items:center}nav{display:flex;gap:28px;max-width:1320px;margin:auto;border-top:1px solid #e8ece6;padding:15px 0;font-size:12px}nav button:first-child{font-weight:700;border-left:1px solid #ddd;padding-left:27px}nav .selected{color:#a17b3e}.adminlink{margin-right:auto;font-size:11px;color:#788581}.demo{background:#f4ebdc;text-align:center;color:#795c32;font-size:11px;padding:7px}main{max-width:1320px;margin:auto}.hero{margin-top:24px;background:#e9eeea;display:grid;grid-template-columns:1fr 1fr;min-height:460px;overflow:hidden;border-radius:14px;position:relative}.herocopy{padding:52px 60px;z-index:1}.eyebrow,.overline{font-size:11px;color:#94703c;font-weight:600;letter-spacing:.3px}.eyebrow{display:flex;gap:8px;align-items:center}.eyebrow i{width:6px;height:6px;border-radius:50%;background:#b68e50}.hero h1{font-size:48px;line-height:1.6;letter-spacing:-1.8px;margin:14px 0 12px;font-weight:800}.hero em{font-style:normal;color:#55766d}.hero p{color:#6b7b73;font-size:13px;line-height:2}.primary{background:#183b3d;color:#fff;padding:12px 24px;border-radius:6px;font-size:12px;min-height:46px}.primary:hover{background:#315b56}.heronote{font-size:10px;color:#7e8d82;margin-top:23px}.heroart{position:relative;background:#dce5dc;display:flex;align-items:center;justify-content:center;overflow:hidden}.heroart img{width:78%;height:370px;object-fit:cover;border-radius:48% 48% 10px 10px;z-index:1;mix-blend-mode:multiply}.orbit{position:absolute;border:1px solid #b3c2b0;width:490px;height:490px;border-radius:50%;top:15px;left:-80px}.artlabel{position:absolute;bottom:24px;right:35px;background:#fafcf0e8;z-index:2;border:1px solid #fff8;border-radius:8px;padding:12px 20px;font-weight:600;font-size:12px;box-shadow:0 8px 35px #233a2820}.artlabel span{display:block;font-size:9px;color:#71826c;margin-top:4px}.vertical{position:absolute;left:18px;writing-mode:vertical-rl;font:9px sans-serif;letter-spacing:3px;color:#72836e}.benefits{display:grid;grid-template-columns:repeat(4,1fr);padding:30px 10px;border-bottom:1px solid #e3e9e1}.benefits>span{position:relative;padding-right:45px;font-size:12px;border-left:1px solid #e0e6dc;margin-left:20px}.benefits>span:last-child{border:0}.benefits svg{position:absolute;right:0;top:5px;color:#9d8155;stroke-width:1.4;width:28px;height:28px}.benefits small{display:block;font-size:10px;margin-top:5px}.categories{padding:40px 0}.sectionhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.sectionhead h2{margin:6px 0 0}.sectionhead>span{font-size:11px;color:#7b8980}.catgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.catgrid button{border:1px solid #e0e6dc;background:#fff;padding:20px 18px;border-radius:8px;justify-content:start;font-size:12px}.catgrid button>svg:first-child{color:#7a8d7b;width:28px;height:28px;stroke-width:1.3}.catgrid button>svg:last-child{margin-right:auto}.catgrid button.active,.catgrid button:hover{background:#e9eee5;border-color:#91a48c}.filters{display:flex;justify-content:space-between;padding:12px 0 23px;font-size:11px;gap:12px}.filters>div{display:flex;align-items:center;gap:15px}.filters input{width:140px;font-size:10px}.filters select{width:180px;font-size:11px}.active{color:#916b32!important;background:#eee6d8!important}.filters button{padding:5px 18px;border-radius:5px}.filters span{color:#8b968f}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.products article{border:1px solid #e5e9e1;border-radius:10px;background:#fff;overflow:hidden}.productimage{width:100%;height:245px;position:relative;background:#f0f2ed;padding:18px;overflow:hidden}.productimage img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;border-radius:6px;transition:transform .3s}.productimage:hover img{transform:scale(1.05)}.badge{position:absolute;right:14px;top:14px;font-size:9px;background:#e8eee2;color:#526d50;border-radius:4px;padding:3px 8px}.peek{position:absolute;bottom:10px;font-size:10px;background:#ffffffeb;padding:5px 14px;border-radius:5px;opacity:0;transition:.2s}.productimage:hover .peek,.productimage:focus-visible .peek{opacity:1}.productbody{padding:18px}.productbody small{font-size:10px}.productname{display:block;text-align:right;font-weight:600;font-size:13px;padding:8px 0}.stock{font-size:9px;color:#72896a;margin-bottom:14px}.price{display:flex;justify-content:space-between;align-items:center}.price strong{font-size:15px}.price button{width:32px;height:32px;border:1px solid #dce4d7;border-radius:5px;background:#f4f6f0}.bottompromo{background:#e8eee8;border-radius:12px;padding:35px 44px;margin:50px 0;display:flex;align-items:center;justify-content:space-between}.bottompromo h2{margin:8px 0}.bottompromo p{font-size:12px;margin:0;color:#78867a}.bottompromo button{border:1px solid #859b87;border-radius:5px;padding:10px 20px;font-size:12px}footer{background:#112e33;color:#e2e9e1;padding:40px max(5%,calc((100vw - 1320px)/2));display:flex;align-items:center;gap:40px}footer .brand{font-size:22px}footer p{font-size:11px;margin:0;color:#a3b5ac}footer>span{margin-right:auto;font-size:10px;color:#a3b5ac}footer button{font-size:10px}.toast{position:fixed;top:22px;left:25px;z-index:20;background:#fff;box-shadow:0 7px 35px #0002;border:1px solid #d7e0d1;max-width:430px;padding:15px;display:flex;gap:15px;font-size:13px;border-radius:8px}.content{min-height:550px;padding:40px 0}.content h1{font-size:29px}.twocol{display:grid;grid-template-columns:1.6fr 1fr;gap:35px;align-items:start}.panel,aside{border:1px solid #dfe6dc;border-radius:10px;background:#fff;padding:28px;margin-bottom:18px}.panel label{display:block;font-size:12px;margin-bottom:15px}.panel label input,.panel label select,.panel label textarea{margin-top:6px}aside p{font-size:12px;display:flex;justify-content:space-between;gap:15px}aside .primary{width:100%;margin-top:22px}aside small{display:block}hr{border:0;border-top:1px solid #e3e8e0;margin:23px 0}.cartrow{display:flex;gap:22px;align-items:center;background:#fff;border-bottom:1px solid #e1e7dd;padding:24px}.cartrow>img{width:100px;height:100px;object-fit:cover;border-radius:8px}.cartrow h3{font-size:15px}.cartrow p{font-size:12px}.cartrow>button{margin-right:auto}.quantity{display:flex;align-items:center;gap:16px;font-size:12px}.quantity button{background:#eef2e9;padding:6px;border-radius:3px}.empty{text-align:center;padding:80px 20px;min-height:300px;color:#748471}.empty>svg{margin-bottom:20px}.location{background:#f2f5ed;padding:18px;border-radius:7px;font-size:12px;margin:20px 0}.location p{font-size:11px;line-height:2}.location button{border:1px solid #bac9b2;border-radius:4px;padding:7px}.location small{display:block}.panel>.primary{margin-top:15px}.login{max-width:440px;margin:20px auto}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b211db0;z-index:30;display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto}.modal{position:relative;background:#fff;border-radius:12px;padding:35px;width:600px;max-width:100%;max-height:90vh;overflow:auto}.modal label{display:block;font-size:12px;margin-bottom:12px}.modal input,.modal textarea,.modal select{margin-top:5px}.modal .check{display:flex;align-items:center;gap:10px}.check input{width:auto}.close{position:absolute;top:10px;left:10px;z-index:2;background:#fff;border-radius:50%;padding:5px}.productmodal{width:900px;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.detailimage{width:100%;height:320px;object-fit:contain;background:#f1f3ed;border-radius:8px}.productmodal p{font-size:13px;line-height:2;color:#778576}.thumbs{display:flex;gap:8px;margin-top:10px}.thumbs img{width:50px;height:50px;object-fit:cover}.tabs{display:flex;gap:10px;margin:20px 0}.tabs button{padding:10px 22px;border-radius:5px;background:#edf1e8}.adminstats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.adminstats>div{background:#e9eee5;padding:25px;border-radius:8px;font-size:12px}.adminstats b{display:block;font-size:28px;margin-top:8px}.adminproduct{display:flex;gap:18px;align-items:center;background:#fff;border-bottom:1px solid #ddd;padding:15px}.adminproduct img{width:65px;height:65px;object-fit:cover}.adminproduct span{flex:1}.adminproduct small{display:block}.adminproduct button{border:1px solid #dae2d4;padding:5px 15px;border-radius:5px}details summary{cursor:pointer;font-weight:600}details p{margin-top:20px;font-size:13px}details a{color:#8c6a36;text-decoration:underline}.panel p button{float:left}body:has(.overlay){overflow:hidden}@media(max-width:1400px){header,nav,main{margin-left:5%;margin-right:5%}.hero h1{font-size:42px}.herocopy{padding:40px}.productimage{height:210px}}@media(max-width:900px){header{gap:22px}.brand{font-size:22px}nav{gap:10px;overflow:auto;white-space:nowrap}.hero{min-height:380px}.hero h1{font-size:32px}.herocopy{padding:32px}.heroart img{height:300px}.benefits{grid-template-columns:repeat(2,1fr);gap:20px}.catgrid{grid-template-columns:repeat(3,1fr)}.products{grid-template-columns:repeat(2,1fr)}.twocol{grid-template-columns:1fr}.productimage{height:260px}footer{flex-wrap:wrap;gap:22px}.filters{flex-wrap:wrap}}@media(max-width:560px){header{flex-wrap:wrap;padding:20px 0;gap:20px}.search{order:3;flex-basis:100%}.cartbutton{margin-right:auto}.cartbutton span{display:none}.topbar{font-size:9px}.topbar span:first-child{display:none}.topbar{justify-content:center}nav{font-size:10px;padding:12px 0}nav button:first-child{padding-left:12px}.demo{font-size:9px;padding:7px 15px}.hero{grid-template-columns:1fr;min-height:0}.herocopy{padding:30px}.hero h1{font-size:35px}.heroart{height:250px}.heroart img{height:240px;width:67%}.heronote{display:none}.hero p{font-size:12px}.hero .primary{margin-top:5px}.artlabel{bottom:15px;font-size:10px}.benefits{gap:22px 8px;padding:25px 0}.benefits>span{font-size:10px;margin:0;padding-right:32px;border:0}.benefits small{font-size:8px}.benefits svg{width:23px}.catgrid{grid-template-columns:repeat(2,1fr);gap:8px}.catgrid button{padding:13px;font-size:11px}.categories{padding:30px 0}.sectionhead h2{font-size:21px}.sectionhead>span{font-size:9px}.products{gap:12px}.productimage{height:170px;padding:12px}.productbody{padding:12px}.productname{font-size:11px;min-height:47px}.price strong{font-size:11px}.price button{width:27px;height:27px}.badge{font-size:8px;top:8px;right:8px}.peek{opacity:1;font-size:8px;padding:3px 8px}.filters>div{gap:8px}.filters input{width:130px}.filters select{width:170px}.bottompromo{padding:25px;display:block;margin:30px 0}.bottompromo h2{font-size:23px}.bottompromo button{margin-top:20px}footer{display:block;padding:30px 6%}footer p,footer>span{display:block;margin:20px 0}.productmodal{grid-template-columns:1fr;gap:20px}.modal{padding:25px}.detailimage{height:220px}.overlay{padding:14px}.content{padding:25px 0}.panel,aside{padding:20px}.cartrow{padding:15px;gap:15px}.cartrow>img{width:70px;height:80px}.cartrow h3{font-size:12px}.adminstats>div{padding:15px;font-size:10px}.adminproduct{gap:10px;font-size:11px}.adminproduct button{padding:4px 7px}.toast{left:12px;right:12px;top:12px;font-size:12px}}.hp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
