:root{--brand:#00c070;--text:#1f2937;--muted:#6b7280;--bg:#f8fafc;--card:#fff;--border:#e5e7eb}*{box-sizing:border-box}html,body,#root{height:100%}html,body{overflow-x:hidden}body{color:var(--text);background:var(--bg);margin:0;font-family:Tajawal,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.container{width:min(1200px,96%);margin-inline:auto}.header{background:var(--card);border-bottom:1px solid var(--border);z-index:10;position:sticky;top:0}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:1rem;display:flex}.brand{color:var(--brand);white-space:nowrap;font-size:1.25rem;font-weight:700;text-decoration:none}.nav{white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;align-items:center;gap:.5rem;display:inline-flex;position:relative;overflow:auto visible}.nav::-webkit-scrollbar{display:none}.nav a{color:var(--brand);border-radius:.4rem;margin-inline:.5rem;padding:.25rem .5rem;text-decoration:none}.nav .link{color:var(--brand);border-radius:.4rem;padding:.25rem .5rem}.nav a.active{color:var(--brand);font-weight:700}.hero{color:#fff;background:#0b0b1f;place-items:center;min-height:300px;display:grid;position:relative}.hero-inner{text-align:center;padding:1.5rem 1rem}.hero-inner h1{margin:0 0 .4rem;font-size:1.85rem}.hero-inner p{color:#e5e7eb;margin:0}.hero-dots{inset-inline:0;justify-content:center;gap:.5rem;display:flex;position:absolute;bottom:1rem}.dot{cursor:pointer;background:#ffffff80;border:none;border-radius:50%;width:10px;height:10px}.dot.active{background:#fff}.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;padding:.75rem 0;display:grid}.card{background:var(--card);border:1px solid var(--border);border-radius:.75rem;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 1px 2px #0000000a}.card img{aspect-ratio:4/3;object-fit:cover;width:100%}.card-body{gap:.45rem;padding:.65rem;display:grid}.price{font-weight:700}.auth-modal input,.auth-modal select,input,select,textarea{font-size:16px}.btn{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:.5rem;padding:.6rem 1rem;box-shadow:0 1px 2px #0000000f}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-outline{color:var(--brand);border:1px solid var(--brand);background:0 0}.error{color:#ef4444;background:#fee2e2;border:1px solid #fca5a5;border-radius:.5rem;margin-top:.75rem;padding:.5rem}.cart-list{gap:.75rem;padding:0;list-style:none;display:grid}.cart-list li{background:var(--card);border:1px solid var(--border);border-radius:.5rem;grid-template-columns:2fr 1fr auto auto;align-items:center;gap:.5rem;padding:.75rem;display:grid}.link{color:var(--brand);cursor:pointer;background:0 0;border:none}.qty{align-items:center;gap:.5rem;display:inline-flex}.cart-list input[type=number],.cart-list input,.cart-list select,.cart-list textarea{font-size:16px}.pricing{background:var(--card);border:1px solid var(--border);border-radius:.5rem;gap:.25rem;margin:.75rem 0;padding:.75rem;display:grid}.pricing .total{font-size:1.1rem;font-weight:700}.cart-footer{background:var(--card);border:1px solid var(--border);border-radius:.5rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem;display:flex}.icon-row{align-items:center;gap:.5rem;display:inline-flex}.icon-btn{border:1px solid var(--border);cursor:pointer;width:36px;height:36px;color:var(--muted);background:0 0;border-radius:18px;place-items:center;text-decoration:none;display:inline-grid}.icon-btn.active{color:var(--brand);border-color:var(--brand)}.icon-btn:hover{border-color:var(--brand);color:var(--brand)}.icon{display:block}.share-menu{top:120%;background:var(--card);border:1px solid var(--border);border-radius:.5rem;gap:.25rem;padding:.35rem;display:inline-flex;position:absolute;inset-inline-start:0;box-shadow:0 6px 18px #00000014}.features{grid-template-columns:repeat(3,1fr);gap:1rem;padding:1.25rem 0;display:grid}.feature-card{background:var(--card);border:1px solid var(--border);text-align:center;border-radius:.75rem;padding:1rem}.feature-icon{font-size:1.5rem}.feature-title{margin-top:.25rem;font-weight:700}.feature-sub{color:var(--muted);font-size:.9rem}.stars{color:#f59e0b}.reviews-marquee{padding:1rem 0;position:relative;overflow:hidden}.reviews-track{gap:1rem;width:max-content;animation:28s linear infinite reviews-scroll;display:inline-flex}.review-card{background:var(--card);border:1px solid var(--border);border-radius:.75rem;min-width:420px;padding:1rem}.review-form{margin-top:.5rem}.stars-input{gap:.25rem;display:inline-flex}.star{color:#d1d5db;cursor:pointer;background:0 0;border:none;font-size:1.2rem}.star.active{color:#f59e0b}@keyframes reviews-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.gender-icon{margin-inline-end:.35rem}.admin{grid-template-columns:260px 1fr;display:grid}.admin-sidebar{color:#fff;background:#0f3b36;min-height:100vh;padding:1rem;position:sticky;top:0;overflow-y:auto}.admin-brand{margin-bottom:1rem;font-weight:700}.admin-nav{gap:.5rem;display:grid}.admin-nav a{color:#c1e7df;border-radius:.5rem;padding:.5rem .6rem;text-decoration:none}.admin-nav a.active{color:#fff;background:#ffffff1f}.admin-content{padding:1rem}.modal-backdrop{z-index:100;background:#0009;justify-content:flex-end;align-items:center;padding:clamp(8px,3vw,16px);display:flex;position:fixed;inset:0}.modal{background:var(--card);border:1px solid var(--border);border-radius:.9rem;flex-direction:column;width:min(860px,96vw);height:min(920px,96vh);display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000040}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.modal-title{font-size:1.05rem;font-weight:700}.modal-close{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:1.4rem;line-height:1}.modal-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:0 0;flex-direction:column;flex:1;min-height:0;padding:0;display:flex}.modal-body iframe{background:#fff;border:0;border-radius:0;flex:1;width:100%;min-height:0}.modal-footer{border-top:1px solid var(--border);background:#ffffffeb;justify-content:flex-end;padding:.5rem 1rem;display:flex}.modal.fullscreen{width:100vw;height:100vh;box-shadow:none;background:0 0;border:none;border-radius:0;position:fixed;inset:0}.modal.compact{width:min(560px,94vw);height:auto;max-height:92vh;margin:0}@supports (height:100svh){.modal.fullscreen{height:100svh}}.modal.fullscreen .modal-header{display:none}.modal.fullscreen .modal-body{background:0 0}.modal-close-overlay{inset-inline-end:12px;color:#fff;cursor:pointer;z-index:101;background:#00000073;border:none;border-radius:18px;width:36px;height:36px;position:absolute;top:12px}.footer{border-top:1px solid var(--border);background:#f1f5f9;margin-top:2rem}.footer-inner{padding:1.25rem 0}.footer-cols{grid-template-columns:repeat(3,1fr);align-items:start;gap:1rem;display:grid}.footer-title{margin-bottom:.5rem;font-weight:700}.footer-links{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.footer-links a{color:var(--muted);text-decoration:none}.footer-links a:hover{color:var(--brand)}.footer-text{color:var(--muted)}.footer-bottom{border-top:1px solid var(--border);background:#eef2f7}.footer-bottom-inner{justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.footer-icons{color:var(--muted);gap:.5rem;display:inline-flex}.footer-copy{color:var(--muted);font-size:.9rem}.toast{top:12px;color:#fff;z-index:200;direction:rtl;background:#22c55e;border-radius:.6rem;align-items:center;gap:.5rem;padding:.6rem .8rem;display:inline-flex;position:fixed;inset-inline-start:12px;box-shadow:0 6px 18px #0000001f}.toast-icon{border:2px solid #fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:.9rem;display:inline-grid}.toast-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:1rem;line-height:1}.skeleton-card{background:var(--card);border:1px solid var(--border);border-radius:.75rem;flex-direction:column;display:flex;overflow:hidden}.skeleton-img{aspect-ratio:4/3;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%) 0 0/400% 100%;width:100%;animation:1.4s ease-in-out infinite shimmer}.skeleton-body{gap:.45rem;padding:.65rem;display:grid}.skeleton-line{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%) 0 0/400% 100%;border-radius:.4rem;height:14px;animation:1.4s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (max-width:768px){.container{width:100%;padding-inline:10px}.hero{min-height:240px}.hero-inner h1{font-size:1.35rem}.hero-inner p{font-size:.9rem}.grid{grid-template-columns:1fr 1fr;gap:.6rem}.products-list{grid-template-columns:repeat(2,1fr);gap:12px;padding:10px}.product-card{border-radius:12px;width:100%;margin:0}.feature-card{padding:.85rem}input[type=text],input[type=number],input[type=password],input[type=tel],select,textarea{padding:.55rem .65rem;font-size:16px}.btn,.btn-outline{min-height:40px;padding:.65rem 1rem}.card-body h3{font-size:1rem}.features{grid-template-columns:1fr}.review-card{min-width:320px}.admin{grid-template-columns:1fr}.admin-sidebar{min-height:auto;position:static}.cart-list li{grid-template-columns:1fr;grid-auto-rows:auto}.cart-footer{flex-direction:column;align-items:flex-start}.share-menu{top:110%}.modal,.modal.compact{width:96vw;height:92vh}.auth-modal{width:96vw}.auth-grid{grid-template-columns:1fr}.footer-cols{grid-template-columns:1fr;gap:1rem}.footer-bottom-inner{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (max-width:1024px){.footer-cols{grid-template-columns:1fr 1fr}}@media (max-width:768px){@supports (height:100svh){.modal,.modal.compact{height:92svh}}}@media (max-width:480px){.header-inner{padding:.75rem}.brand{font-size:1.1rem}.nav{gap:.35rem}.hero{min-height:200px}.hero-inner h1{font-size:1.2rem}.hero-inner p{font-size:.85rem}.grid{grid-template-columns:1fr}.nav a{margin-inline:.35rem}.auth-modal{width:96vw}.auth-grid{grid-template-columns:1fr}}@media (min-width:1280px){.container{width:min(1320px,96%)}.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.6rem}}.item-modal-backdrop{z-index:9999;background:#0000008c;justify-content:flex-end;align-items:center;width:100%;height:100%;padding:clamp(8px,3vw,16px);display:flex;position:fixed;inset:0;transform:translate(0)}.item-modal{background:var(--card);border:1px solid var(--border);border-radius:.9rem;flex-direction:column;width:min(860px,96vw);max-width:100vw;height:min(920px,96vh);max-height:100vh;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 36px #00000047}.item-modal-close{inset-inline-end:10px;width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:14px;font-size:1.2rem;position:absolute;top:10px}.item-modal-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;width:100%;height:100%;min-height:0;display:flex;overflow:auto}.item-modal-body iframe{background:#fff;border:0;flex:1;width:100%;height:100%;min-height:0}.item-modal-footer{border-top:1px solid var(--border);background:#ffffffeb;justify-content:flex-end;padding:.5rem 1rem;display:flex}.pay-icons{grid-template-columns:repeat(auto-fit,minmax(56px,1fr));justify-content:center;justify-items:center;gap:.75rem;display:grid}.pay-icons img{object-fit:contain;width:100%;max-width:100px;height:auto}@media (max-width:480px){.pay-icons img{max-width:76px}}.pay-icons button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:.5rem;padding:.35rem}.pay-icons img{object-fit:contain;width:auto;height:auto;display:block}.item-modal.fullscreen{background:var(--card);width:100%;height:100%;box-shadow:none;border:none;border-radius:0;margin:0}@supports (height:100svh){.item-modal.fullscreen,.item-modal-backdrop{height:100svh}}.auth-modal{width:min(480px,96vw)}.auth-modal input[type=number],.auth-modal input[type=tel],.auth-modal input[type=text],.auth-modal input[type=password],.auth-modal select{font-size:16px}.auth-modal input,.auth-modal select,.auth-modal .btn{width:100%}.auth-grid{grid-template-columns:150px 1fr;gap:.5rem;display:grid}@media (max-width:480px){.pay-icons{gap:.75rem}}.hamburger-btn{cursor:pointer;background:0 0;border:none;place-items:center;width:36px;height:36px;padding:0;display:inline-grid}@media (max-width:768px){.hamburger-btn{width:44px;height:44px}.hamburger-bar{width:26px!important;height:3px!important}}.modal.compact .modal-body{overflow:hidden}.modal.compact .modal-body iframe{min-height:640px}.desktop-mobile .auth-modal{width:min(640px,96vw)}.desktop-mobile .modal{width:min(860px,98vw)}.desktop-mobile .modal.fullscreen{height:100svh}.desktop-mobile input[type=text],.desktop-mobile input[type=number],.desktop-mobile input[type=password],.desktop-mobile input[type=tel],.desktop-mobile select,.desktop-mobile textarea,.desktop-mobile .auth-modal input,.desktop-mobile .auth-modal select{font-size:20px!important}