*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}ul,ol{list-style:none}a{text-decoration:none;color:inherit}:root{--bg-primary: #F1F1F2;--bg-secondary: #FFFFFF;--bg-card: #FFFFFF;--bg-card-hover: #F5F5F5;--bg-input: #FFFFFF;--bg-topbar: #F1F1F2;--bg-header: #FFFFFF;--accent-primary: #F68B1E;--accent-primary-hover: #E07A0D;--accent-secondary: #FF9F43;--accent-danger: #E74C3C;--accent-success: #27AE60;--text-primary: #282828;--text-secondary: #75757A;--text-muted: #9B9B9B;--text-price: #282828;--text-discount: #F68B1E;--border-color: #E0E0E0;--border-light: #EDEDED;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--transition: all .2s ease;--transition-fast: all .15s ease;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1)}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;min-height:100vh;overflow-x:clip;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation}.page-transition-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;z-index:999999;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;pointer-events:none}.page-transition-overlay.active{opacity:1;pointer-events:auto}.jumia-spinner{width:24px;height:auto;opacity:1!important;animation:jumiaSpinPulse 1.5s cubic-bezier(.4,0,.2,1) infinite}@keyframes jumiaSpinPulse{0%{transform:rotate(0) scale(1)}50%{transform:rotate(360deg) scale(1.3)}to{transform:rotate(0) scale(1)}}img{opacity:0;transition:opacity .35s ease}img.loaded,img[src=""],img:not([src]){opacity:1}img.no-fade{opacity:1;transition:none}img.lazy-placeholder{opacity:1;object-fit:contain!important;padding:30px}#site-header{display:contents}a{color:var(--text-primary);transition:var(--transition)}a:hover{color:var(--accent-primary)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--text-primary)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;font-size:.9rem;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);white-space:nowrap;-webkit-user-select:none;user-select:none;text-decoration:none}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent-primary);color:#fff;box-shadow:0 2px 8px #f68b1e33}.btn-primary:hover{background:var(--accent-primary-hover);box-shadow:0 4px 16px #f68b1e4d;transform:translateY(-1px);color:#fff}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--accent-primary);color:var(--text-primary)}.btn-danger{background:var(--accent-danger);color:#fff;box-shadow:0 2px 8px #e74c3c33}.btn-danger:hover{background:#c0392b;box-shadow:0 4px 16px #e74c3c4d;transform:translateY(-1px);color:#fff}.btn-sm{padding:6px 14px;font-size:.8rem}.btn-lg{padding:14px 32px;font-size:1rem}.btn-icon{padding:8px;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.btn-icon:hover{background:var(--bg-card-hover);color:var(--accent-primary)}.badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;font-size:.7rem;font-weight:700;border-radius:50px;line-height:1.4;white-space:nowrap}.badge-primary{background:var(--accent-primary);color:#fff}.badge-success{background:var(--accent-success);color:#fff}.badge-danger{background:var(--accent-danger);color:#fff}.badge-secondary{background:var(--bg-card-hover);color:var(--text-secondary);border:1px solid var(--border-color)}.form-input,.form-select,.form-textarea{width:100%;padding:10px 14px;font-size:.9rem;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition);outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #f68b1e1f}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2375757A' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.form-select option{background:var(--bg-secondary);color:var(--text-primary)}.form-textarea{resize:vertical;min-height:100px}.form-label{display:block;margin-bottom:6px;font-size:.85rem;font-weight:500;color:var(--text-secondary)}.form-group{margin-bottom:16px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--border-color) var(--bg-primary)}.toast-container{position:fixed;bottom:24px;right:24px;z-index:10000;display:flex;flex-direction:column;gap:8px}.toast{display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;color:#fff;box-shadow:var(--shadow-lg);animation:toastSlideIn .35s cubic-bezier(.16,1,.3,1)}.toast.toast-exit{animation:toastSlideOut .3s ease forwards}.toast-success{background:var(--accent-success)}.toast-error{background:var(--accent-danger)}.toast-info{background:#3498db}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toastSlideOut{0%{transform:translate(0);opacity:1}to{transform:translate(120%);opacity:0}}.skeleton{background:linear-gradient(90deg,#eee 25%,#f5f5f5,#eee 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-price{color:var(--text-price);font-weight:700}.text-secondary-color{color:var(--text-secondary)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:16px}.mt-4{margin-top:24px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:16px}.mb-4{margin-bottom:24px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}img{opacity:1;transition:none}}