:root{--primary: #A435F0;--primary-dark: #8710D8;--primary-light: #E8D5F8;--text-primary: #1C1D1F;--text-secondary: #6A6F73;--text-muted: #9DA4AE;--bg-white: #FFFFFF;--bg-light: #F7F9FA;--bg-gray: #F0F0F0;--border-light: #E4E8EB;--border-dark: #D1D7DC;--success: #1E6F5C;--success-light: #ACD2CC;--warning: #B4690E;--warning-light: #F3CA8C;--danger: #C4302B;--danger-light: #FCBCA0;--shadow-sm: 0 2px 4px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 8px 24px rgba(0,0,0,.12);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Cairo,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-white);color:var(--text-primary);line-height:1.6;direction:rtl;text-align:right;min-height:100vh;font-size:14px}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;color:var(--text-primary)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.1rem}a{color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-dark);text-decoration:underline}.container{width:100%;max-width:1340px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;font-family:inherit;font-size:14px;font-weight:700;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;text-decoration:none}.btn-primary{background:var(--text-primary);color:var(--bg-white)}.btn-primary:hover{background:#000;text-decoration:none}.btn-secondary{background:var(--bg-white);color:var(--text-primary);border:1px solid var(--text-primary)}.btn-secondary:hover{background:var(--bg-light);text-decoration:none}.btn-purple{background:var(--primary);color:var(--bg-white)}.btn-purple:hover{background:var(--primary-dark);text-decoration:none}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--border-dark)}.btn-outline:hover{background:var(--bg-light);text-decoration:none}.btn-lg{padding:14px 24px;font-size:16px}.btn-sm{padding:8px 12px;font-size:12px}.btn-block{width:100%}.card{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden;transition:box-shadow .2s}.card:hover{box-shadow:var(--shadow-md)}.card-body{padding:16px}.form-group{margin-bottom:16px}.form-label{display:block;margin-bottom:8px;font-weight:700;font-size:14px;color:var(--text-primary)}.form-control{width:100%;padding:12px 16px;font-family:inherit;font-size:14px;border:1px solid var(--border-dark);border-radius:var(--radius-sm);background:var(--bg-white);transition:border-color .2s;direction:rtl}.form-control:focus{outline:none;border-color:var(--text-primary)}.form-control::placeholder{color:var(--text-muted)}.badge{display:inline-flex;align-items:center;padding:4px 8px;font-size:12px;font-weight:700;border-radius:var(--radius-sm)}.badge-primary{background:var(--primary-light);color:var(--primary-dark)}.badge-success{background:var(--success-light);color:var(--success)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-bestseller{background:#eceb98;color:#3d3c0a}.progress{height:8px;background:var(--bg-gray);border-radius:var(--radius-full);overflow:hidden}.progress-bar{height:100%;background:var(--primary);border-radius:var(--radius-full);transition:width .3s}.stars{display:flex;gap:2px;color:#e59819}.rating{display:inline-flex;align-items:center;gap:4px}.rating-value{font-weight:700;color:#b4690e}.rating-count{color:var(--text-secondary);font-size:12px}.grid{display:grid;gap:24px}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}@media (max-width: 1200px){.grid-cols-5{grid-template-columns:repeat(4,1fr)}.grid-cols-4{grid-template-columns:repeat(3,1fr)}}@media (max-width: 992px){.grid-cols-5{grid-template-columns:repeat(3,1fr)}.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grid-cols-5,.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}h1{font-size:1.5rem}h2{font-size:1.25rem}.container{padding:0 16px}}.mt-0{margin-top:0}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-5{margin-top:24px}.mt-6{margin-top:32px}.mb-0{margin-bottom:0}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:24px}.mb-6{margin-bottom:32px}.py-4{padding-top:16px;padding-bottom:16px}.py-5{padding-top:24px;padding-bottom:24px}.py-6{padding-top:32px;padding-bottom:32px}.py-8{padding-top:48px;padding-bottom:48px}.px-4{padding-left:16px;padding-right:16px}.px-5{padding-left:24px;padding-right:24px}.text-center{text-align:center}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-purple{color:var(--primary)}.text-sm{font-size:12px}.text-base{font-size:14px}.text-lg{font-size:16px}.text-xl{font-size:18px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.bg-white{background:var(--bg-white)}.bg-light{background:var(--bg-light)}.bg-gray{background:var(--bg-gray)}.border{border:1px solid var(--border-light)}.border-b{border-bottom:1px solid var(--border-light)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.shadow{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-light)}::-webkit-scrollbar-thumb{background:var(--border-dark);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--primary);color:#fff}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease forwards}.spinner{width:40px;height:40px;border:3px solid var(--border-light);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}