:root{--color-primary-dark:#064e3b;--color-primary:#059669;--color-primary-mid:#10b981;--color-primary-light:#a7f3d0;--color-primary-pale:#d1fae5;--color-bg:#f0fdf4;--color-surface:#fff;--color-surface-2:#f8fffc;--color-border:#d1fae5;--color-border-mid:#6ee7b7;--color-accent:#ef4444;--color-accent-light:#fee2e2;--color-text-heading:#064e3b;--color-text-body:#1f2937;--color-text-muted:#6b7280;--color-text-light:#9ca3af;--color-text-inverse:#fff;--color-overlay:#064e3bb3;--font-en:var(--font-outfit), system-ui, sans-serif;--font-ar:var(--font-cairo), system-ui, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #064e3b14, 0 1px 2px #064e3b0f;--shadow-md:0 4px 12px #064e3b1a, 0 2px 6px #064e3b14;--shadow-lg:0 10px 30px #064e3b24, 0 4px 12px #064e3b1a;--shadow-xl:0 20px 50px #064e3b2e, 0 8px 20px #064e3b1f;--shadow-card:0 2px 8px #064e3b12, 0 0 0 1px #064e3b0a;--shadow-card-hover:0 12px 32px #064e3b29, 0 0 0 1px #05966926;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--container-max:1280px;--container-pad:clamp(16px, 4vw, 48px);--navbar-h:72px}[dir=rtl]{--font-en:"Cairo", sans-serif;font-family:Cairo,sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-en);color:var(--color-text-body);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6;overflow-x:hidden}@media (max-width:768px){body{padding-bottom:68px}}[dir=rtl] body{font-family:var(--font-ar)}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit}button{cursor:pointer;background:0 0;border:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{color:var(--color-text-heading);font-weight:700;line-height:1.2}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,3vw,2.25rem)}h3{font-size:clamp(1.125rem,2vw,1.5rem)}h4{font-size:1.125rem}h5{font-size:1rem}p{color:var(--color-text-body);line-height:1.7}.container{max-width:var(--container-max);padding:0 var(--container-pad);margin:0 auto}.section{padding:var(--space-20) 0}.section-sm{padding:var(--space-12) 0}.grid-2{gap:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-full);letter-spacing:.02em;transition:all var(--transition-base);cursor:pointer;white-space:nowrap;border:2px solid #0000;padding:12px 28px;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-outline{color:var(--color-primary);border-color:var(--color-primary);background:0 0}.btn-outline:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px)}.btn-dark{background:var(--color-primary-dark);color:#fff;border-color:var(--color-primary-dark)}.btn-dark:hover{box-shadow:var(--shadow-md);background:#043729;transform:translateY(-2px)}.btn-ghost{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border-color:#ffffff4d}.btn-ghost:hover{background:#ffffff38;border-color:#ffffff80}.btn-sm{padding:8px 18px;font-size:.875rem}.btn-lg{padding:16px 40px;font-size:1.0625rem}.badge{border-radius:var(--radius-full);letter-spacing:.04em;text-transform:uppercase;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-sale{background:var(--color-accent);color:#fff}.badge-new{background:var(--color-primary);color:#fff}.badge-free{background:var(--color-primary-pale);color:var(--color-primary-dark)}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all var(--transition-base);overflow:hidden}.card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-header .eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary);margin-bottom:var(--space-3);font-size:.8125rem;font-weight:600;display:inline-block}.section-header h2{margin-bottom:var(--space-4)}.section-header p{max-width:560px;color:var(--color-text-muted);margin:0 auto;font-size:1.0625rem}.stars{color:#f59e0b;gap:2px;font-size:.875rem;display:inline-flex}.announcement-bar{background:var(--color-primary-dark);color:#fff;text-align:center;padding:10px var(--container-pad);letter-spacing:.01em;font-size:.875rem;font-weight:500}.announcement-bar strong{color:var(--color-primary-light)}.skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg,#e8f5e9 25%,#c8e6c9 50%,#e8f5e9 75%) 0 0/200% 100%;animation:1.5s infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-ring{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}.animate-fade-up{animation:fadeInUp var(--transition-slow) both}.animate-fade{animation:fadeIn var(--transition-slow) both}.animate-slide-right{animation:slideInRight var(--transition-slow) both}.divider{background:var(--color-border);height:1px;margin:var(--space-8) 0}.input{border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:100%;color:var(--color-text-body);transition:border-color var(--transition-fast);outline:none;padding:12px 16px;font-size:.9375rem}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0596691f}.input::placeholder{color:var(--color-text-light)}.label{color:var(--color-text-heading);margin-bottom:var(--space-2);font-size:.875rem;font-weight:600;display:block}.qty-control{border:2px solid var(--color-border);border-radius:var(--radius-full);align-items:center;display:inline-flex;overflow:hidden}.qty-btn{background:var(--color-primary-pale);width:36px;height:36px;color:var(--color-primary-dark);transition:background var(--transition-fast);cursor:pointer;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.qty-btn:hover{background:var(--color-primary-light)}.qty-value{text-align:center;width:44px;font-size:.9375rem;font-weight:600}@media (max-width:1024px){.grid-4{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}:root{--space-20:48px;--space-16:40px}}@media (max-width:480px){.grid-3,.grid-4{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.hide-mobile{display:none}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-primary-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}::selection{background:var(--color-primary-light);color:var(--color-primary-dark)}