@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@500;600;700;800&family=Reem+Kufi:wght@500;600;700&display=swap');:root{--gold:#b18b38;--ink:#193027;--sand:#e5d3b5}*{box-sizing:border-box}body{margin:0;background:#f8f4ed url("/assets/images/najd-pattern-bg.png") repeat fixed; background-size: 200px;font-family:Cairo,sans-serif;color:#1d2420}button{font:inherit;cursor:pointer}.landing{min-height:100vh;position:relative;display:grid;place-items:center;overflow:hidden;background:#332319}.photo-wall{position:absolute;inset:-7%;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;transform:rotate(-4deg) scale(1.1);filter:sepia(.5) saturate(.75) brightness(.65)}.photo-wall i{background:center/cover;border-radius:30px}.shade{position:absolute;inset:0;background:linear-gradient(135deg,#21140dea,#6c4828b8,#153127e8)}.welcome{position:relative;z-index:1;width:min(500px,90vw);text-align:center;color:#fff}.welcome-logo{width:128px;height:128px;object-fit:contain;filter:drop-shadow(0 5px 12px #000)}.welcome h1{margin:8px;font:700 35px 'Reem Kufi',Cairo}.welcome button{width:100%;margin:8px 0;padding:13px;border:0;border-radius:999px;background:#102b21;color:white;font-weight:800}.welcome div{display:flex;gap:12px}.social{display:flex;justify-content:center;gap:13px;margin-top:30px}.social a{width:40px;height:40px;display:grid;place-items:center;border:1px solid #d8b95d;border-radius:50%;color:#e7c970;text-decoration:none;font-size:20px}header{height:72px;display:flex;align-items:center;gap:12px;padding:8px 3%;background:white;border-bottom:1px solid #e5e0d7}header img{width:48px;height:48px;object-fit:contain}header b{flex:1}header button{border:0;background:none;font-size:19px}.topcats,.catgrid{display:flex;gap:12px;overflow:auto;padding:12px 3%;background:#fff}.topcats button{min-width:130px;padding:8px 17px;border:1px solid var(--gold);border-radius:999px;background:white;color:var(--gold);font-weight:800}.topcats .on{color:var(--ink);border-color:var(--ink);box-shadow:inset 0 -3px var(--ink)}.catgrid{justify-content:space-around}.catgrid button{min-width:115px;border:0;background:transparent;color:var(--gold);font-weight:800;white-space:nowrap}.catgrid span{width:66px;height:66px;margin:auto auto 5px;display:grid;place-items:center;border:2px solid #c7a34e;border-radius:50%;font-size:28px}.catgrid .on span{background:#f7ecd1}.menu{padding:22px 3%;background:transparent}.menu-section{scroll-margin-top:180px;padding:8px 0 40px;max-width:1200px;margin-inline:auto}.menu h2,.section-title{text-align:center;margin:0 0 22px;font:700 26px 'Reem Kufi',Cairo;color:#193027}.section-title::before,.section-title::after{content:'';display:inline-block;vertical-align:middle;width:70px;height:1px;background:linear-gradient(to var(--line-dir,start),#b18b3800,#b18b38)}.section-title::before{margin-inline-end:14px;background:linear-gradient(to left,#b18b3800,#b18b38)}.section-title::after{margin-inline-start:14px;background:linear-gradient(to right,#b18b3800,#b18b38)}.items{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:22px}.item{width:100%;height:290px;position:relative;overflow:hidden;background:white;border-radius:18px;box-shadow:0 4px 14px #3a281b22;transition:transform .22s cubic-bezier(.4,0,.2,1),box-shadow .22s;animation:fadeUp .45s ease both}.item:hover{transform:translateY(-5px);box-shadow:0 12px 26px #3a281b33}.item img{width:100%;height:168px;display:block;object-fit:cover}.item-body{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px 0}.item h3{margin:0;color:#193027;font-size:15px;font-weight:800;line-height:1.25;flex:1}.item p{margin:0;color:var(--gold);font-size:15px;font-weight:800;white-space:nowrap}@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.items .item:nth-child(2){animation-delay:.06s}.items .item:nth-child(3){animation-delay:.12s}.items .item:nth-child(4){animation-delay:.18s}.item .add-btn{position:absolute;bottom:12px;inset-inline-end:12px;width:40px;height:40px;border:0;border-radius:50%;background:linear-gradient(135deg,#193027,#24483a);color:#f3cf6b;font-size:26px;font-weight:700;line-height:1;box-shadow:0 4px 12px #19302740;transition:transform .18s,box-shadow .18s}.item>button:hover{transform:scale(1.1);box-shadow:0 6px 16px #19302752}.item>button:active{transform:scale(.95)}.cartbar{position:fixed;bottom:0;inset-inline:0;z-index:9;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 5%;background:#102b21;color:white;box-shadow:0 -6px 18px #0003;transform:translateY(105%);transition:transform .28s cubic-bezier(.4,0,.2,1);cursor:pointer}.cartbar.show{transform:none}.cartbar:hover{background:#0d241b}.cartbar-qty{display:grid;place-items:center;min-width:30px;height:30px;border-radius:50%;border:1.5px solid #d8b95d;color:#f3cf6b;font:800 14px Cairo,sans-serif}.cartbar-label{font:600 15px Cairo,sans-serif;flex:1}.cartbar-total{color:#f3cf6b;font-size:17px}.top-btn{position:fixed;bottom:74px;inset-inline-end:18px;z-index:9;width:44px;height:44px;border:1.5px solid #d8b95d;border-radius:50%;background:#102b21;color:#f3cf6b;font:700 20px Arial,sans-serif;box-shadow:0 4px 12px #0004;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s cubic-bezier(.4,0,.2,1)}.top-btn.show{opacity:1;pointer-events:auto}.top-btn:hover{transform:translateY(-3px);background:#24483a}@media(max-width:600px){.cartbar{padding:11px 4%}.cartbar-label{font-size:13px}.cartbar-total{font-size:15px}.top-btn{bottom:66px;width:40px;height:40px}}.modal{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:20px;background:#000b}.modal section{position:relative;width:min(680px,100%);max-height:80vh;overflow:auto;padding:28px;background:rgba(255,255,255,0.55);border-radius:15px}.close{position:absolute;top:9px;inset-inline-end:9px;width:42px;height:42px;border:0;border-radius:50%;background:#bbb;color:white;font-size:29px}.line{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #ddd}.line img{width:70px;height:55px;object-fit:cover}.line b{flex:1}.line small{display:block;color:#666}.line span{display:flex;align-items:center;gap:10px}.line button{width:34px;height:34px;border:1px solid #333;border-radius:5px;background:white;font-size:20px}.modal footer{display:flex;justify-content:space-between;padding-top:16px;font-weight:800;font-size:19px}.error{padding:50px;text-align:center}@media(max-width:600px){header{height:63px}.catgrid{justify-content:flex-start}.catgrid button{min-width:88px}.catgrid span{width:53px;height:53px}.items{gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.item{height:232px;border-radius:14px}.item img{height:112px;border-radius:14px 14px 0 0}.item h3{font-size:13px;margin:8px 10px 0}.item p{font-size:13px;margin:2px 10px 0}.item>button{width:34px;height:34px;bottom:10px;inset-inline-end:10px;font-size:22px}.welcome-logo{width:105px;height:105px}}