@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800;900&display=swap";:root{--bg-primary: #f5f5f7;--bg-card: #ffffff;--bg-nav: rgba(255,255,255,.72);--text-primary: #1d1d1f;--text-secondary: #6e6e73;--text-tertiary: #86868b;--accent: #d32f2f;--accent-hover: #b71c1c;--border: rgba(0,0,0,.04);--card-shadow: 0 2px 12px rgba(0,0,0,.06);--card-hover-shadow: 0 8px 30px rgba(0,0,0,.1);--badge-new: #bf4800;--badge-limited: #c41425;--section-gap: 56px}.dark{--bg-primary: #000000;--bg-card: #1c1c1e;--bg-nav: rgba(0,0,0,.72);--text-primary: #f5f5f7;--text-secondary: #a1a1a6;--text-tertiary: #6e6e73;--accent: #e53935;--accent-hover: #ef5350;--border: rgba(255,255,255,.08);--card-shadow: 0 2px 12px rgba(0,0,0,.3);--card-hover-shadow: 0 8px 30px rgba(0,0,0,.5);--badge-new: #f5a623;--badge-limited: #ff453a}html,body{margin:0;padding:0;background-color:var(--bg-primary);color:var(--text-primary);font-family:Tajawal,Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s,color .3s}*{box-sizing:border-box}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:10px}.dark ::-webkit-scrollbar-thumb{background:#ffffff26}::-webkit-scrollbar-thumb:hover{background:#00000040}.dark ::-webkit-scrollbar-thumb:hover{background:#ffffff40}.apple-nav{background:var(--bg-nav);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:.5px solid var(--border);transition:background .3s}.apple-card{background:var(--bg-card);border-radius:18px;overflow:hidden;transition:transform .3s cubic-bezier(.25,.1,.25,1),box-shadow .3s,background .3s;box-shadow:var(--card-shadow);cursor:pointer}.apple-card:hover{transform:scale(1.02);box-shadow:var(--card-hover-shadow)}.apple-product-card{background:var(--bg-card);border-radius:18px;overflow:hidden;transition:transform .25s ease,box-shadow .25s;box-shadow:none}.apple-product-card:hover{transform:translateY(-4px);box-shadow:var(--card-hover-shadow)}.category-circle{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:transform .2s;min-width:80px}.category-circle:hover{transform:scale(1.08)}.category-circle-icon{width:76px;height:76px;border-radius:50%;background:var(--bg-card);display:flex;align-items:center;justify-content:center;box-shadow:var(--card-shadow);transition:box-shadow .2s,background .3s}.category-circle:hover .category-circle-icon{box-shadow:var(--card-hover-shadow)}.category-circle-label{font-size:12px;font-weight:500;color:var(--text-primary);text-align:center;transition:color .3s}.apple-scroll-section{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:4px 0 20px;scrollbar-width:none}.apple-scroll-section::-webkit-scrollbar{display:none}.apple-scroll-section>*{scroll-snap-align:start;flex-shrink:0}.scroll-arrow{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:var(--bg-card);box-shadow:0 2px 10px #00000026;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;color:var(--text-secondary);transition:background .2s,color .2s,box-shadow .2s}.scroll-arrow:hover{background:var(--accent);color:#fff;box-shadow:0 4px 16px #0071e34d}.apple-section-header{margin-bottom:20px}.apple-section-title{font-size:28px;font-weight:800;color:var(--text-primary);line-height:1.15;transition:color .3s}.apple-section-subtitle{font-size:28px;font-weight:800;color:var(--text-secondary);line-height:1.15;transition:color .3s}.apple-btn{display:inline-flex;align-items:center;gap:6px;background:var(--accent);color:#fff;font-size:14px;font-weight:600;padding:8px 20px;border-radius:980px;border:none;cursor:pointer;transition:background .2s,transform .15s}.apple-btn:hover{background:var(--accent-hover)}.apple-btn:active{transform:scale(.96)}.apple-btn-outline{display:inline-flex;align-items:center;gap:6px;background:transparent;color:var(--accent);font-size:14px;font-weight:600;padding:8px 20px;border-radius:980px;border:1.5px solid var(--accent);cursor:pointer;transition:background .2s,color .2s}.apple-btn-outline:hover{background:var(--accent);color:#fff}.apple-link{color:var(--accent);font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:color .2s}.apple-link:hover{text-decoration:underline}.apple-price{font-size:15px;font-weight:600;color:var(--text-primary);transition:color .3s}.apple-badge{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.apple-badge-new{color:var(--badge-new)}.apple-badge-limited{color:var(--badge-limited)}.apple-hero{padding:40px 0 20px;text-align:center}.apple-hero-title{font-size:48px;font-weight:800;color:var(--text-primary);margin:0;line-height:1.1;transition:color .3s}.apple-hero-sub{font-size:24px;font-weight:500;color:var(--text-secondary);margin-top:8px;transition:color .3s}.apple-feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.glass-card-dark{background:var(--bg-card);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border);transition:background .3s,border-color .3s}.page-enter{animation:pageIn .4s ease-out}@keyframes pageIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.stock-available{background:#e8f5e9;color:#2e7d32;font-size:11px;padding:3px 10px;border-radius:980px;font-weight:600}.dark .stock-available{background:#2e7d3233;color:#66bb6a}.stock-out{background:#fbe9e7;color:#c62828;font-size:11px;padding:3px 10px;border-radius:980px;font-weight:600}.dark .stock-out{background:#c6282833;color:#ef5350}.toast-container{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:9999}@media (max-width: 768px){.apple-hero-title{font-size:32px}.apple-hero-sub{font-size:18px}.apple-section-title,.apple-section-subtitle{font-size:22px}.category-circle-icon{width:60px;height:60px}:root{--section-gap: 36px}}