.shop{--bg:#0b0a08;--bg2:#100e0b;--card:#16130d;--card2:#1c1812;--line:rgba(201,162,39,.18);--line2:hsla(41,44%,89%,.08);--gold:#c9a227;--gold2:#e7c66a;--gold3:#6b4e16;--ink:#efe7d6;--muted:#a59a82;--muted2:#736a58;position:relative;height:100vh;height:100dvh;overflow:hidden;background:#070605;color:var(--ink);font-family:var(--f-tajawal,"Tajawal"),system-ui,sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}.shop,.shop *{box-sizing:border-box}.shop .ruqaa{font-family:var(--f-ruqaa,"Aref Ruqaa"),serif}.shop .serif{font-family:var(--f-messiri,"El Messiri"),serif}.shop a{color:inherit;text-decoration:none}.shop .col{position:relative;max-width:480px;margin:0 auto;height:100vh;height:100dvh;display:flex;flex-direction:column;background:var(--bg);overflow:hidden}@media(min-width:520px){.shop{display:grid;place-items:center;padding:22px}.shop .col{border-radius:30px;min-height:0;height:min(880px,calc(100vh - 44px));box-shadow:0 50px 110px rgba(0,0,0,.6),0 0 0 1px hsla(44,72%,66%,.12)}}.shop .col:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(120% 45% at 82% -3%,rgba(201,162,39,.14),transparent 55%)}.shop .scroll{position:relative;z-index:2;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.shop .scroll::-webkit-scrollbar{display:none}.shop .pad{padding:0 18px}.shop .top{height:max(14px,env(safe-area-inset-top))}.shop .hdr{justify-content:space-between;padding:12px 18px 4px}.shop .hdr,.shop .who{display:flex;align-items:center}.shop .who{gap:11px}.shop .av{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:radial-gradient(circle at 35% 28%,#3a2c10,#15110a);border:1px solid var(--gold3);font-family:var(--f-ruqaa,"Aref Ruqaa");color:var(--gold2);font-size:15px}.shop .hi{font-size:12px;color:var(--muted)}.shop .loc{font-family:var(--f-messiri,"El Messiri");font-size:15px;display:flex;align-items:center;gap:5px}.shop .loc span svg{width:14px;height:14px;color:var(--gold2)}.shop .bell{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;position:relative;border:1px solid var(--line2);color:var(--ink)}.shop .bell span svg{width:21px;height:21px}.shop .bell i{position:absolute;top:11px;right:12px;width:7px;height:7px;border-radius:50%;background:var(--gold2);box-shadow:0 0 8px var(--gold2)}.shop .search{display:flex;align-items:center;gap:11px;margin:14px 0 4px;padding:13px 15px;border-radius:16px;background:var(--card);border:1px solid var(--line2)}.shop .search span svg{width:20px;height:20px;color:var(--muted)}.shop .search input{flex:1;background:none;border:none;outline:none;color:var(--ink);font-family:inherit;font-size:15px}.shop .search input::-moz-placeholder{color:var(--muted2)}.shop .search input::placeholder{color:var(--muted2)}.shop .promo{position:relative;margin-top:16px;border-radius:22px;overflow:hidden;padding:24px 22px;background:linear-gradient(125deg,#1f1a11,#0e0c08);border:1px solid var(--line)}.shop .promo:after{content:"";position:absolute;inset:0;background:radial-gradient(70% 120% at 90% 10%,rgba(201,162,39,.26),transparent 55%)}.shop .promo .lat{position:relative;color:var(--gold2);font-size:14px;font-style:italic;font-family:var(--f-messiri,"El Messiri")}.shop .promo h2{position:relative;font-family:var(--f-ruqaa,"Aref Ruqaa");font-size:26px;font-weight:700;margin:4px 0;line-height:1.5}.shop .promo p{position:relative;color:var(--muted);font-size:13px;max-width:220px}.shop .btn{font-family:inherit;font-weight:700;font-size:15px;border:none;cursor:pointer;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:transform .15s,box-shadow .25s,opacity .2s}.shop .btn:active{transform:scale(.97)}.shop .btn-gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#1a1407;box-shadow:0 12px 28px rgba(201,162,39,.3)}.shop .btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.shop .btn-block{width:100%;padding:15px}.shop .btn svg{width:18px;height:18px}.shop .pbtn{position:relative;margin-top:14px;padding:11px 18px}.shop .sh{display:flex;align-items:center;justify-content:space-between;margin:26px 0 14px}.shop .sh h3{font-family:var(--f-messiri,"El Messiri");font-size:19px;font-weight:600}.shop .sh a{font-size:13px;color:var(--gold2);cursor:pointer}.shop .chips{display:flex;gap:11px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;margin:0 -18px;padding-right:18px;padding-left:18px}.shop .chips::-webkit-scrollbar{display:none}.shop .chip{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:8px;width:72px;cursor:pointer;background:none;border:none}.shop .chip .cic{width:60px;height:60px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(160deg,var(--card2),var(--card));border:1px solid var(--line2);transition:.2s}.shop .chip .cic svg{width:30px;height:30px;color:var(--gold2)}.shop .chip.on .cic{background:linear-gradient(135deg,var(--gold2),var(--gold));border-color:transparent}.shop .chip.on .cic svg{color:#1a1407}.shop .chip b{font-size:12px;font-weight:500;color:var(--muted)}.shop .chip.on b{color:var(--ink)}.shop .rail{display:flex;gap:14px;overflow-x:auto;scrollbar-width:none;margin:0 -18px;padding:4px 18px 6px}.shop .rail::-webkit-scrollbar{display:none}.shop .rail .pcard{flex:0 0 auto;width:170px}.shop .grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.shop .pcard{background:linear-gradient(165deg,var(--card2),var(--card));border:1px solid var(--line2);border-radius:20px;overflow:hidden;cursor:pointer;transition:.2s;display:block;text-align:start}.shop .pcard:active{transform:scale(.97)}.shop .pimg{position:relative;aspect-ratio:1/1.04;display:grid;place-items:end center;overflow:hidden;background:radial-gradient(125% 95% at 50% -4%,hsla(44,72%,66%,.2),transparent 56%),linear-gradient(180deg,#231c12,#0e0b07)}.shop .pimg .scn{width:64%;height:82%;align-self:end;filter:drop-shadow(0 14px 18px rgba(0,0,0,.5))}.shop .pimg .scn svg,.shop .pimg img{width:100%;height:100%}.shop .pimg img{-o-object-fit:cover;object-fit:cover}.shop .pfloor{position:absolute;left:0;right:0;bottom:0;height:32%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.45))}.shop .heart{position:absolute;top:10px;left:10px;width:34px;height:34px;border-radius:50%;z-index:2;display:grid;place-items:center;background:rgba(11,10,8,.82);color:var(--ink);border:1px solid var(--line2);cursor:pointer}.shop .heart svg{width:17px;height:17px}.shop .heart.on{color:var(--gold2);border-color:var(--line)}.shop .tag{position:absolute;top:11px;right:11px;z-index:2;font-size:10.5px;font-weight:700;padding:5px 10px;border-radius:999px;background:rgba(11,10,8,.85);color:var(--gold2);border:1px solid var(--line)}.shop .pbody{padding:12px 13px 14px}.shop .pbody .pc{font-size:11px;color:var(--muted)}.shop .pbody h4{font-family:var(--f-messiri,"El Messiri");font-size:15px;font-weight:500;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop .prow{display:flex;align-items:center;justify-content:space-between;margin-top:9px}.shop .price{font-family:var(--f-messiri,"El Messiri");font-size:16px;font-weight:700;color:var(--gold2)}.shop .price small{font-size:11px;color:var(--muted);font-weight:400}.shop .req{font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:5px}.shop .req:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--gold2)}.shop .add{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(201,162,39,.1);color:var(--gold2);border:1px solid var(--line);cursor:pointer}.shop .add svg{width:18px;height:18px}.shop .tabs{flex:none;justify-content:space-around;height:74px;z-index:8;background:linear-gradient(180deg,#0d0c0a,#0a0907);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -10px 24px rgba(0,0,0,.4);transform:translateZ(0);will-change:transform;backface-visibility:hidden}.shop .tab,.shop .tabs{display:flex;align-items:center;position:relative}.shop .tab{flex-direction:column;gap:4px;font-size:10.5px;color:var(--muted2);flex:1;padding-top:4px;cursor:pointer;background:none;border:none;transition:color .2s}.shop .tab svg{width:23px;height:23px}.shop .tab.on{color:var(--gold2)}.shop .tab.on:before{content:"";top:-1px;width:26px;height:3px;border-radius:3px;box-shadow:0 0 10px var(--gold2)}.shop .tab .cb,.shop .tab.on:before{position:absolute;background:var(--gold2)}.shop .tab .cb{top:0;left:calc(50% - 20px);min-width:16px;height:16px;border-radius:8px;color:#1a1407;font-size:9.5px;font-weight:800;display:grid;place-items:center;padding:0 4px}.shop .vtitle{font-family:var(--f-messiri,"El Messiri");font-size:22px;font-weight:600;margin:6px 0 2px}.shop .vsub{color:var(--muted);font-size:13px;margin-bottom:8px}.shop .pdtop{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 8px}.shop .rbtn{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;border:1px solid var(--line2);color:var(--ink);cursor:pointer;background:none}.shop .rbtn svg{width:20px;height:20px}.shop .pdhero{position:relative;margin:0 18px;border-radius:24px;aspect-ratio:1/1;overflow:hidden;display:grid;place-items:end center;border:1px solid var(--line2);background:radial-gradient(125% 95% at 50% -4%,hsla(44,72%,66%,.24),transparent 56%),linear-gradient(180deg,#241c12,#0d0a07);transition:background .45s}.shop .pdhero .scn{width:60%;height:80%;filter:drop-shadow(0 22px 26px rgba(0,0,0,.55))}.shop .pdhero .scn svg,.shop .pdhero img{width:100%;height:100%}.shop .pdhero img{-o-object-fit:cover;object-fit:cover}.shop .pdinfo{padding:18px 20px 4px}.shop .pdinfo .pc{color:var(--muted);font-size:13px}.shop .pdinfo h2{font-family:var(--f-ruqaa,"Aref Ruqaa");font-size:25px;font-weight:700;margin:2px 0 6px;line-height:1.45}.shop .pddesc{color:var(--muted);font-size:14px;margin:12px 0}.shop .opt{font-family:var(--f-messiri,"El Messiri");font-size:15px;margin:18px 0 10px}.shop .swr{display:flex;gap:11px;align-items:center;flex-wrap:wrap}.shop .swr .d{width:34px;height:34px;border-radius:12px;border:2px solid transparent;cursor:pointer;box-shadow:0 3px 10px rgba(0,0,0,.4)}.shop .swr .d.on{border-color:var(--gold2);transform:scale(1.08)}.shop .pdbar{flex:none;display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);background:rgba(11,10,8,.95);padding:14px 18px max(14px,env(safe-area-inset-bottom))}.shop .pdbar .pp small{display:block;font-size:11px;color:var(--muted)}.shop .pdbar .pp b{font-family:var(--f-messiri,"El Messiri");font-size:20px;color:var(--gold2)}.shop .citem{display:flex;gap:13px;padding:13px;border-radius:18px;background:var(--card);border:1px solid var(--line2);margin-bottom:12px}.shop .citem .ci{width:70px;height:70px;border-radius:14px;flex:none;display:grid;place-items:center;background:radial-gradient(120% 90% at 50% 0,hsla(44,72%,66%,.16),transparent 60%),#0f0c08;color:#b89a5e;overflow:hidden}.shop .citem .ci .scn{width:60%;height:60%}.shop .citem .ci .scn svg,.shop .citem .ci img{width:100%;height:100%}.shop .citem .ci img{-o-object-fit:cover;object-fit:cover}.shop .citem .cmid{flex:1;min-width:0}.shop .citem .cmid b{font-family:var(--f-messiri,"El Messiri");font-weight:500;font-size:15px;display:block}.shop .citem .cmid span{font-size:12px;color:var(--muted)}.shop .qty{display:flex;align-items:center;gap:12px;margin-top:8px}.shop .qty button{width:28px;height:28px;border-radius:9px;border:1px solid var(--line);background:none;color:var(--gold2);font-size:17px;cursor:pointer}.shop .qty b{font-size:15px;min-width:18px;text-align:center}.shop .rm{color:var(--muted2);font-size:12px;cursor:pointer;background:none;border:none;margin-top:6px}.shop .summary{margin-top:8px;padding:18px;border-radius:18px;background:var(--card);border:1px solid var(--line2)}.shop .sline{display:flex;justify-content:space-between;font-size:14px;color:var(--muted);padding:5px 0}.shop .sline.tot{color:var(--ink);font-family:var(--f-messiri,"El Messiri");font-size:18px;border-top:1px solid var(--line2);margin-top:8px;padding-top:14px}.shop .sline.tot b{color:var(--gold2)}.shop .acard{text-align:center;padding:26px 20px;border-radius:22px;background:linear-gradient(160deg,#1c1711,#100d09);border:1px solid var(--line);margin-bottom:16px}.shop .acard .big{width:74px;height:74px;border-radius:22px;margin:0 auto 12px;display:grid;place-items:center;background:radial-gradient(circle at 35% 28%,#3a2c10,#15110a);border:1px solid var(--gold3);font-family:var(--f-ruqaa,"Aref Ruqaa");color:var(--gold2);font-size:28px}.shop .acard b{font-family:var(--f-messiri,"El Messiri");font-size:18px;display:block}.shop .acard span{font-size:13px;color:var(--muted)}.shop .mlist{border-radius:18px;overflow:hidden;border:1px solid var(--line2)}.shop .mrow{display:flex;align-items:center;gap:14px;padding:15px;background:var(--card);border-bottom:1px solid var(--line2);cursor:pointer}.shop .mrow:last-child{border-bottom:none}.shop .mrow .mi{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(201,162,39,.08);color:var(--gold2)}.shop .mrow .mi svg{width:19px;height:19px}.shop .mrow .mt{flex:1;font-size:15px}.shop .field{margin-top:12px}.shop .field label{font-size:13px;color:var(--muted);display:block;margin-bottom:6px}.shop .field input,.shop textarea.fi{width:100%;padding:13px 15px;border-radius:13px;background:var(--card);border:1px solid var(--line2);color:var(--ink);font-family:inherit;font-size:15px;outline:none}.shop .field input:focus,.shop textarea.fi:focus{border-color:var(--gold2)}.shop .seg{display:flex;gap:8px;background:var(--card);border:1px solid var(--line2);border-radius:13px;padding:5px;margin-bottom:14px}.shop .seg button{flex:1;padding:10px;border-radius:9px;border:none;background:none;color:var(--muted);font-family:inherit;font-size:14px;font-weight:700;cursor:pointer}.shop .seg button.on{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#1a1407}.shop .steps{margin-top:6px}.shop .stp{display:flex;gap:12px;align-items:flex-start;position:relative;padding-bottom:18px}.shop .stp:before{content:"";position:absolute;right:13px;top:26px;bottom:-2px;width:2px;background:var(--line2)}.shop .stp:last-child:before{display:none}.shop .stp.done:before{background:var(--gold3)}.shop .stp .dot{width:28px;height:28px;border-radius:50%;flex:none;display:grid;place-items:center;border:2px solid var(--line2);color:var(--muted2);background:var(--bg);font-size:12px;z-index:1}.shop .stp.done .dot{border-color:var(--gold2);color:var(--gold2)}.shop .stp.cur .dot{border-color:var(--gold2);background:var(--gold2);color:#1a1407;box-shadow:0 0 12px hsla(44,72%,66%,.4)}.shop .stp .lb{font-size:14px;color:var(--muted);padding-top:3px}.shop .stp.cur .lb,.shop .stp.done .lb{color:var(--ink)}.shop .ordcard{padding:16px;border-radius:18px;background:var(--card);border:1px solid var(--line2);margin-bottom:12px;cursor:pointer}.shop .pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:5px 11px;border-radius:999px;background:rgba(201,162,39,.1);color:var(--gold2);border:1px solid var(--line)}.shop .empty{text-align:center;padding:46px 20px;color:var(--muted)}.shop .empty b{font-family:var(--f-messiri,"El Messiri");font-size:17px;color:var(--ink);display:block;margin-bottom:5px}.shop .loading{padding:60px 0;text-align:center;color:var(--muted2)}.shop .skel{border-radius:20px;background:linear-gradient(110deg,#15120c 30%,#1d1810 50%,#15120c 70%);background-size:200% 100%;animation:sh 1.3s linear infinite;aspect-ratio:1/1.3}@keyframes sh{0%{background-position:200% 0}to{background-position:-200% 0}}.shop .pcap{text-align:center;color:var(--muted2);font-size:11px;margin-top:14px}@media(min-width:520px){.shop .pcap{position:fixed;bottom:8px;left:0;right:0}}.shop .instbar{display:flex;align-items:center;gap:11px;margin:12px 14px 0;padding:11px 13px;border-radius:16px;background:linear-gradient(120deg,#1d1810,#100d09);border:1px solid var(--line);box-shadow:0 10px 30px rgba(0,0,0,.4);animation:instin .4s ease both}@keyframes instin{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.shop .instico{width:38px;height:38px;flex:none;border-radius:12px;display:grid;place-items:center;background:radial-gradient(circle at 35% 28%,#3a2c10,#15110a);border:1px solid var(--gold3);color:var(--gold2)}.shop .instico svg{width:20px;height:20px}.shop .insttx{flex:1;min-width:0;line-height:1.4}.shop .insttx b{display:block;font-family:var(--f-messiri,"El Messiri");font-size:14px;color:var(--ink)}.shop .insttx small{font-size:11px;color:var(--muted)}.shop .instbtn{padding:9px 16px;border-radius:11px;border:none;font-family:inherit;font-weight:700;color:#1a1407;background:linear-gradient(120deg,var(--gold2),var(--gold))}.shop .instbtn,.shop .instx{flex:none;cursor:pointer;font-size:13px}.shop .instx{width:26px;height:26px;border-radius:8px;border:none;background:transparent;color:var(--muted2)}.shop .instx:hover{color:var(--ink)}