@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap";
@font-face{font-family:Tajawal;font-style:normal;font-weight:400;font-display:swap;src:url(../media/4b676bcffc00356a-s.p.24y4-vc3jpn8m.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1d2cc0c079997359-s.p.44lktk7jzy0s-.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-style:normal;font-weight:500;font-display:swap;src:url(../media/d54db18e8cd5f74f-s.p.0ji0xjltb6ro5.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-weight:500;font-display:swap;src:url(../media/f0e0669539caf32a-s.p.2cslzs_83-cos.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-style:normal;font-weight:700;font-display:swap;src:url(../media/48e6fa8a5baca31f-s.p.14yttwb5hb7vt.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-weight:700;font-display:swap;src:url(../media/e7b64a7fde1a3d32-s.p.2g2pkky1i4_-n.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-style:normal;font-weight:800;font-display:swap;src:url(../media/e9f32d51db34fd0c-s.p.3dvstry878_5j.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-weight:800;font-display:swap;src:url(../media/a11ec078145f8b0e-s.p.0w67dn99s6t4y.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-style:normal;font-weight:900;font-display:swap;src:url(../media/80c3108817f102b0-s.p.2sj2lzsmxnb-e.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-weight:900;font-display:swap;src:url(../media/3a179c97f46f8d27-s.p.43x0y28f52kqu.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal Fallback;src:local(Arial);ascent-override:67.93%;descent-override:37.71%;line-gap-override:21.13%;size-adjust:94.66%}.tajawal_17ca1bab-module__4i_4OW__className{font-family:Tajawal,Tajawal Fallback;font-style:normal}.tajawal_17ca1bab-module__4i_4OW__variable{--font-tajawal:"Tajawal", "Tajawal Fallback"}
:root{--font-tajawal:"Tajawal", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-main:#fbfbfe;--bg-card:#fff;--bg-nav:#ffffffd9;--text-main:#13182c;--text-muted:#505b7a;--text-lighter:#8792b0;--primary:#304e9c;--primary-hover:#243d7d;--primary-light:#f4ecf8;--accent:#5b69ad;--accent-light:#eceff9;--lilac:#d9b1e8;--border:#e4e7f3;--success:#10b981;--success-bg:#d1fae5;--danger:#ef4444;--danger-bg:#fee2e2;--warning:#f59e0b;--warning-bg:#fef3c7;--gradient-primary:linear-gradient(135deg, #5b69ad 0%, #304e9c 100%);--gradient-primary-hover:linear-gradient(135deg, #6b7abf 0%, #263e7f 100%);--gradient-text:linear-gradient(135deg, #304e9c 0%, #5b69ad 50%, #d9b1e8 100%);--gradient-brand:linear-gradient(135deg, #d9b1e8 0%, #5b69ad 50%, #304e9c 100%);--gradient-card:linear-gradient(180deg, #fff 0%, #f9f8fc 100%);--gradient-hero:linear-gradient(180deg, #f7f5fc 0%, #fff 100%);--shadow-sm:0 1px 2px 0 #13182c0a;--shadow-md:0 4px 6px -1px #13182c0d, 0 2px 4px -2px #13182c0a;--shadow-lg:0 10px 15px -3px #13182c0f, 0 4px 6px -4px #13182c0a;--shadow-xl:0 20px 25px -5px #13182c14, 0 8px 10px -6px #13182c0a;--shadow-float:0 20px 40px -15px #304e9c40;--shadow-glow:0 0 20px 0 #5b69ad33;--radius-sm:.375rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-main:#0c101c;--bg-card:#13192a;--bg-nav:#0c101ce0;--text-main:#eef2fc;--text-muted:#93a0c2;--text-lighter:#5f6d91;--primary:#d9b1e8;--primary-hover:#e8ccf3;--primary-light:#d9b1e826;--accent:#5b69ad;--accent-light:#5b69ad33;--lilac:#d9b1e8;--border:#202a45;--success:#34d399;--success-bg:#34d3991f;--danger:#f87171;--danger-bg:#f871711f;--warning:#fbbf24;--warning-bg:#fbbf241f;--gradient-primary:linear-gradient(135deg, #d9b1e8 0%, #5b69ad 50%, #304e9c 100%);--gradient-primary-hover:linear-gradient(135deg, #e4c7f0 0%, #6d7bc0 50%, #3c5eb5 100%);--gradient-text:linear-gradient(135deg, #fff 0%, #d9b1e8 50%, #5b69ad 100%);--gradient-brand:linear-gradient(135deg, #d9b1e8 0%, #5b69ad 50%, #304e9c 100%);--gradient-card:linear-gradient(180deg, #13192a 0%, #0e1322 100%);--gradient-hero:linear-gradient(180deg, #0c101c 0%, #13192a 100%);--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0000004d, 0 2px 4px -2px #0003;--shadow-lg:0 10px 15px -3px #0000004d, 0 4px 6px -4px #0003;--shadow-xl:0 20px 25px -5px #0006, 0 8px 10px -6px #0000004d;--shadow-float:0 20px 40px -15px #5b69ad4d;--shadow-glow:0 0 20px 0 #d9b1e840}[data-theme=dark] .store-row-highlight{background:#5b69ad1f}[data-theme=dark] .store-row-highlight:hover{background:#5b69ad2e}html{scroll-behavior:smooth;height:100%}body{background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100%;font-family:"Tajawal", var(--font-tajawal), system-ui, -apple-system, sans-serif;transition:background-color var(--transition-normal), color var(--transition-normal);flex-direction:column;display:flex}*{box-sizing:border-box;margin:0;padding:0;font-family:inherit}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}button,input,select,textarea{font-family:"Tajawal", var(--font-tajawal), inherit}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 2rem}.main-content{flex:1}.text-gradient{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.title-xl{letter-spacing:-.03em;margin-bottom:1.5rem;font-size:4rem;font-weight:800;line-height:1.1}.title-lg{letter-spacing:-.02em;margin-bottom:1rem;font-size:2.5rem;font-weight:700;line-height:1.2}.title-md{letter-spacing:-.01em;margin-bottom:.75rem;font-size:1.75rem;font-weight:700;line-height:1.3}.text-subtitle{color:var(--text-muted);font-size:1.25rem;line-height:1.6}.navbar{z-index:50;background-color:var(--bg-nav);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);transition:all var(--transition-normal);padding:1rem 0;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;gap:2rem;display:flex}.logo{letter-spacing:-.02em;background:0 0;flex-shrink:0;align-items:center;gap:.75rem;font-size:1.65rem;font-weight:800;text-decoration:none;display:flex}.logo-img{object-fit:contain;width:auto;height:52px;max-height:56px;box-shadow:none;background:0 0;border:none;border-radius:0;display:block}.footer-brand .logo-img{width:auto;height:60px;max-height:64px}.nav-links{color:var(--text-muted);align-items:center;gap:2rem;font-size:.95rem;font-weight:600;display:flex}.nav-links a{align-items:center;gap:.35rem;display:flex}.nav-links a:hover{color:var(--primary)}.nav-right-controls{align-items:center;gap:.5rem;display:flex}.hamburger-btn{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-card);width:40px;height:40px;color:var(--text-main);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:none}.hamburger-btn:hover{border-color:var(--primary);color:var(--primary)}.theme-toggle-btn{border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-card);width:36px;height:36px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.theme-toggle-btn:hover{border-color:var(--primary);color:var(--primary);box-shadow:var(--shadow-glow)}.mobile-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;animation:.2s fadeIn;display:none;position:fixed;inset:0}.mobile-drawer{background:var(--bg-card);border-left:1px solid var(--border);z-index:101;width:280px;height:100dvh;box-shadow:var(--shadow-xl);padding:5rem 1.5rem 2rem;transition:right .3s cubic-bezier(.4,0,.2,1);display:none;position:fixed;top:0;right:-100%;overflow-y:auto}.mobile-drawer-open{right:0}.mobile-drawer-links{flex-direction:column;gap:.25rem;display:flex}.mobile-drawer-links a{border-radius:var(--radius-md);color:var(--text-main);transition:all var(--transition-fast);padding:.85rem 1rem;font-size:1rem;font-weight:600;display:block}.mobile-drawer-links a:hover{background:var(--primary-light);color:var(--primary)}.search-bar{flex:1;max-width:450px;position:relative}.search-bar input{border-radius:var(--radius-full);border:1px solid var(--border);background-color:var(--bg-main);width:100%;transition:all var(--transition-fast);color:var(--text-main);outline:none;padding:.75rem 2.75rem .75rem 1.25rem;font-size:.95rem;box-shadow:inset 0 2px 4px #00000005}.search-bar input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light);background-color:var(--bg-card)}.search-bar .icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.btn{border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-normal);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{background:var(--gradient-primary-hover);box-shadow:var(--shadow-float);transform:translateY(-2px)}.btn-outline{background-color:var(--bg-card);border:1px solid var(--border);color:var(--text-main);box-shadow:var(--shadow-sm)}.btn-outline:hover{border-color:var(--text-muted);box-shadow:var(--shadow-md)}.btn-ghost{color:var(--text-muted);background-color:#0000}.btn-ghost:hover{background-color:var(--bg-main);color:var(--text-main)}.dashboard-hero{background:var(--bg-card);border-bottom:1px solid var(--border);padding:2rem 0}.dashboard-hero-inner{justify-content:space-between;align-items:center;gap:2rem;display:flex}.dashboard-title{letter-spacing:-.02em;background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:800}.dashboard-subtitle{color:var(--text-muted);margin-top:.25rem;font-size:.875rem}.dashboard-search-wrapper{flex:1;max-width:550px}.stats-row{grid-template-columns:repeat(4,1fr);gap:1rem;padding:1.5rem 0 2rem;display:grid}@media (max-width:992px){.stats-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.stats-row{grid-template-columns:1fr}}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-fast);cursor:pointer;padding:1.25rem 1.5rem;position:relative;overflow:hidden}.stat-card:hover{border-color:var(--text-lighter);box-shadow:var(--shadow-md)}.stat-card.stat-active{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.stat-card.stat-winning .stat-number,.stat-card.stat-winning .stat-icon{color:var(--success)}.stat-card.stat-winning.stat-active{border-color:var(--success);box-shadow:0 0 0 3px var(--success-bg)}.stat-card.stat-losing .stat-number,.stat-card.stat-losing .stat-icon{color:var(--danger)}.stat-card.stat-losing.stat-active{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-bg)}.stat-card.stat-oos .stat-number,.stat-card.stat-oos .stat-icon{color:#f59e0b}.stat-card.stat-oos.stat-active{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b26}.stat-number{color:var(--text-main);font-size:2rem;font-weight:800;line-height:1.2}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem;font-size:.8rem;font-weight:600}.stat-icon{margin-bottom:.5rem}.category-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:border-color var(--transition-normal);margin-bottom:2rem;padding:1.25rem 1.5rem}.category-section-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.category-header-title{color:var(--text-main);align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;display:flex}.category-header-icon{color:var(--primary)}.category-reset-link{color:var(--primary);background:var(--primary-light);border-radius:var(--radius-full);transition:all var(--transition-fast);padding:.25rem .65rem;font-size:.8rem;font-weight:600;text-decoration:none}.category-reset-link:hover{background:var(--primary);color:#fff!important}.category-chips-wrapper{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.category-chip{background:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-main);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;align-items:center;gap:.45rem;padding:.45rem .95rem;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.category-chip:hover{border-color:var(--primary);color:var(--primary);background:var(--bg-card);transform:translateY(-1px);box-shadow:0 3px 10px #0000000d}.category-chip.active{background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);border-color:#0000;box-shadow:0 4px 14px #304e9c52;color:#fff!important}.category-chip-icon{font-size:.95rem;line-height:1}.category-chip-label{white-space:nowrap}.category-chip-count{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);min-width:1.3rem;transition:all var(--transition-fast);border-radius:9999px;justify-content:center;align-items:center;padding:.1rem .45rem;font-size:.72rem;font-weight:700;display:inline-flex}.category-chip.active .category-chip-count{color:#fff;background:#ffffff40;border-color:#0000}.category-chip:hover:not(.active) .category-chip-count{border-color:var(--primary-light);color:var(--primary)}.brand-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:border-color var(--transition-normal);margin-bottom:2rem;padding:1.25rem 1.5rem}.brand-section-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.brand-header-title{color:var(--text-main);align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;display:flex}.brand-header-icon{color:#6366f1}.brand-category-badge{color:#4f46e5;border-radius:var(--radius-full);background:#6366f11a;border:1px solid #6366f133;align-items:center;padding:.15rem .6rem;font-size:.72rem;font-weight:700;display:inline-flex}.brand-active-tag{color:#fff;border-radius:var(--radius-full);background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);align-items:center;padding:.2rem .65rem;font-size:.8rem;font-weight:600;display:inline-flex}.brand-reset-link{color:#4f46e5;border-radius:var(--radius-full);transition:all var(--transition-fast);background:#6366f11a;padding:.25rem .65rem;font-size:.8rem;font-weight:600;text-decoration:none}.brand-reset-link:hover{background:#4f46e5;color:#fff!important}.brand-controls-row{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:.85rem;display:flex}.brand-dropdown-container{width:100%;max-width:480px;position:relative}.brand-dropdown-btn{border-radius:var(--radius-lg);background:var(--bg-main);border:1.5px solid var(--border);width:100%;color:var(--text-main);cursor:pointer;transition:all var(--transition-fast);text-align:right;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem 1rem;font-family:inherit;display:flex}.brand-dropdown-btn:hover{background:var(--bg-card);border-color:#6366f1;box-shadow:0 4px 14px #6366f11a}.brand-dropdown-btn.open{background:var(--bg-card);border-color:#4f46e5;box-shadow:0 0 0 3px #6366f12e}.brand-dropdown-btn.has-selection{background:#6366f10d;border-color:#6366f1}.brand-dropdown-btn-content{flex:1;align-items:center;gap:.55rem;min-width:0;display:flex}.brand-btn-icon{color:#6366f1;flex-shrink:0}.brand-btn-selected{color:var(--text-main);align-items:center;gap:.4rem;min-width:0;font-size:.9rem;font-weight:700;display:flex}.brand-btn-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.brand-btn-count{color:#4f46e5;background:#6366f11a;border-radius:9999px;padding:.05rem .45rem;font-size:.78rem;font-weight:700}.brand-btn-placeholder{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;overflow:hidden}.brand-dropdown-btn-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.brand-btn-clear{background:var(--border);width:20px;height:20px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.brand-btn-clear:hover{background:var(--danger,#ef4444);color:#fff}.brand-btn-badge{color:#4f46e5;background:#6366f11a;border-radius:9999px;padding:.15rem .5rem;font-size:.72rem;font-weight:700}.brand-btn-chevron{color:var(--text-muted);transition:transform .2s}.brand-btn-chevron.rotate{transform:rotate(180deg)}.brand-dropdown-panel{z-index:150;background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-xl);animation:.18s cubic-bezier(.16,1,.3,1) brandDropdownFade;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 16px 40px #00000029}@keyframes brandDropdownFade{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.brand-search-box{border-bottom:1px solid var(--border);background:var(--bg-main);align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.brand-search-icon{color:var(--text-muted);flex-shrink:0}.brand-search-input{color:var(--text-main);direction:rtl;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.875rem}.brand-search-input::placeholder{color:var(--text-lighter)}.brand-search-clear{background:var(--border);width:20px;height:20px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.brand-search-clear:hover{background:var(--text-muted);color:#fff}.brand-dropdown-list{flex-direction:column;gap:.15rem;max-height:290px;padding:.4rem;display:flex;overflow-y:auto}.brand-dropdown-list::-webkit-scrollbar{width:6px}.brand-dropdown-list::-webkit-scrollbar-track{background:var(--bg-main);border-radius:9999px}.brand-dropdown-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:9999px}.brand-dropdown-item{border-radius:var(--radius-md);width:100%;color:var(--text-main);cursor:pointer;text-align:right;transition:all var(--transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;padding:.55rem .8rem;font-family:inherit;display:flex}.brand-dropdown-item:hover{color:#4f46e5;background:#6366f114}.brand-dropdown-item.active{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);color:#fff!important}.brand-item-title{align-items:center;gap:.5rem;min-width:0;font-size:.875rem;font-weight:600;display:flex}.brand-item-emoji{font-size:.95rem}.brand-item-name{white-space:nowrap}.brand-item-sub{color:var(--text-muted);margin-right:.25rem;font-size:.75rem;font-weight:400}.brand-dropdown-item.active .brand-item-sub{color:#ffffffd9}.brand-item-right{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.brand-item-count{background:var(--bg-main);border:1px solid var(--border);color:var(--text-muted);text-align:center;border-radius:9999px;min-width:1.3rem;padding:.1rem .5rem;font-size:.72rem;font-weight:700}.brand-dropdown-item:hover:not(.active) .brand-item-count{color:#4f46e5;border-color:#6366f14d}.brand-dropdown-item.active .brand-item-count{color:#fff;background:#ffffff40;border-color:#0000}.brand-item-check{color:#fff}.brand-dropdown-empty{text-align:center;color:var(--text-muted);padding:1.75rem 1rem;font-size:.85rem;font-weight:500}.brand-chips-wrapper{flex-wrap:wrap;align-items:center;gap:.55rem;max-height:180px;padding-bottom:.25rem;display:flex;overflow-y:auto}.brand-chips-wrapper::-webkit-scrollbar{width:6px;height:6px}.brand-chips-wrapper::-webkit-scrollbar-track{background:var(--bg-main);border-radius:9999px}.brand-chips-wrapper::-webkit-scrollbar-thumb{background:var(--border);border-radius:9999px}.brand-chip{background:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-main);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;align-items:center;gap:.45rem;padding:.4rem .85rem;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-flex}.brand-chip:hover{color:#4f46e5;background:var(--bg-card);border-color:#4f46e5;transform:translateY(-1px);box-shadow:0 3px 10px #0000000d}.brand-chip.active{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border-color:#0000;box-shadow:0 4px 14px #4f46e552;color:#fff!important}.brand-chip-icon{font-size:.9rem;line-height:1}.brand-chip-label{white-space:nowrap}.brand-chip-count{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);min-width:1.3rem;transition:all var(--transition-fast);border-radius:9999px;justify-content:center;align-items:center;padding:.1rem .45rem;font-size:.7rem;font-weight:700;display:inline-flex}.brand-chip.active .brand-chip-count{color:#fff;background:#ffffff40;border-color:#0000}.brand-chip:hover:not(.active) .brand-chip-count{color:#4f46e5;border-color:#6366f140}.badge-brand{color:#4f46e5;border-radius:var(--radius-full);transition:all var(--transition-fast);background-color:#6366f117;border:1px solid #6366f138;align-items:center;gap:.25rem;padding:.2rem .6rem;font-size:.68rem;font-weight:700;text-decoration:none;display:inline-flex}.badge-brand-interactive{cursor:pointer;padding:.35rem .8rem;font-size:.82rem}.badge-brand-interactive:hover{background-color:#4f46e5;transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d;color:#fff!important}.results-bar{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;font-size:.875rem;font-weight:500;display:flex}.sort-dropdown-wrapper{align-items:center;display:inline-flex;position:relative}.sort-icon{color:var(--text-muted);pointer-events:none;z-index:1;position:absolute;right:.75rem}.sort-dropdown{appearance:none;border-radius:var(--radius-full);border:1px solid var(--border);background-color:var(--bg-card);color:var(--text-main);cursor:pointer;transition:all var(--transition-fast);outline:none;min-width:160px;padding:.5rem 2rem .5rem 1rem;font-family:inherit;font-size:.8rem;font-weight:600}.sort-dropdown:hover{border-color:var(--text-lighter)}.sort-dropdown:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.features-grid{z-index:10;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:-3rem;display:grid;position:relative}.feature-card{background-color:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-md);text-align:center;transition:transform var(--transition-normal), box-shadow var(--transition-normal);padding:2rem}.feature-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-5px)}.feature-icon-wrapper{border-radius:var(--radius-full);background:var(--primary-light);width:60px;height:60px;color:var(--primary);justify-content:center;align-items:center;margin:0 auto 1.5rem;display:flex}.filter-bar{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.pill{border-radius:var(--radius-full);background-color:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);padding:.5rem 1rem;font-size:.875rem;font-weight:500}.pill:hover{border-color:var(--text-muted);color:var(--text-main)}.pill.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:var(--shadow-glow)}.product-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;display:grid}.product-card{background-color:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);flex-direction:column;display:flex;position:relative;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-lg);border-color:#5b69ad59;transform:translateY(-4px)}.card-status-strip{width:100%;height:3px}.strip-danger{background:var(--danger)}.strip-success{background:var(--success)}.card-losing{border-color:#ef44444d}.card-winning{border-color:#10b98133}.product-image-container{background:var(--gradient-card);border-bottom:1px solid var(--border);justify-content:center;align-items:center;height:180px;padding:1.5rem;display:flex;position:relative;overflow:hidden}.product-image{object-fit:contain;max-width:100%;max-height:100%;transition:transform .4s}.product-card:hover .product-image{transform:scale(1.08)}.product-content{flex-direction:column;flex:1;padding:1.25rem;display:flex}.card-badges{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.badge-category{background-color:var(--primary-light);color:var(--primary-hover);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;padding:.2rem .6rem;font-size:.65rem;font-weight:700;display:inline-block}.badge-barcode{background-color:var(--bg-main);border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-full);font-size:.65rem;font-weight:600;font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace, var(--font-tajawal);letter-spacing:.03em;direction:ltr;align-items:center;gap:.25rem;padding:.2rem .55rem;display:inline-flex}.badge-barcode-lg{background-color:var(--bg-card);border-color:var(--border);color:var(--text-main);padding:.35rem .75rem;font-size:.8rem;font-weight:700}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.03em;padding:.2rem .6rem;font-size:.65rem;font-weight:700;display:inline-block}.badge-danger{background-color:var(--danger-bg);color:var(--danger)}.badge-success{background-color:var(--success-bg);color:var(--success)}.product-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.66rem;margin-bottom:1rem;font-size:.95rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.card-prices-list{background:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:.35rem;max-height:190px;margin-bottom:1rem;padding:.5rem;display:flex;overflow-y:auto}.card-prices-list::-webkit-scrollbar{width:4px}.card-prices-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.card-price-row{border-radius:var(--radius-sm);transition:all var(--transition-fast);justify-content:space-between;align-items:center;gap:.5rem;padding:.35rem .5rem;font-size:.8rem;display:flex}.card-price-row:hover{background:var(--bg-card)}.card-price-store{align-items:center;gap:.4rem;min-width:0;display:flex}.card-store-dot{background:var(--text-lighter);border-radius:50%;flex-shrink:0;width:6px;height:6px}.card-store-name{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;overflow:hidden}.card-store-price{color:var(--text-main);white-space:nowrap;font-size:.85rem;font-weight:700}.card-currency{color:var(--text-muted);font-size:.7rem;font-weight:500}.card-price-row.row-dar{background:#304e9c14;border:1px solid #304e9c29}.card-price-row.row-dar .card-store-dot{background:var(--primary)}.card-price-row.row-dar .card-store-name{color:var(--primary);font-weight:700}.card-price-row.row-dar .card-store-price{color:var(--primary);font-size:.9rem;font-weight:800}.card-lowest-badge{border-radius:var(--radius-full);background:var(--success-bg);color:var(--success);padding:.1rem .4rem;font-size:.65rem;font-weight:700;line-height:1.2}.card-price-row.row-lowest:not(.row-dar) .card-store-dot{background:var(--success)}.card-no-prices{text-align:center;color:var(--text-muted);padding:.75rem .5rem;font-size:.8rem}.card-price-row.row-out-of-stock{opacity:.9}.card-price-row.row-out-of-stock .card-store-dot{background:#f87171}.card-price-row.row-dar.row-out-of-stock{background:#ef444412;border:1px dashed #ef44444d}.card-price-row.row-dar.row-out-of-stock .card-store-name{color:#dc2626}.card-price-row.row-dar.row-out-of-stock .card-store-dot{background:#dc2626}.card-price-info{align-items:center;gap:.4rem;display:flex}.card-store-unavailable-label{align-items:center;gap:.35rem;display:inline-flex}.card-store-old-price{color:var(--text-lighter);font-size:.75rem;font-weight:500;text-decoration:line-through}.card-out-badge{border-radius:var(--radius-full);color:#b91c1c;white-space:nowrap;background:#fee2e2;border:1px solid #fca5a5;padding:.12rem .45rem;font-size:.65rem;font-weight:700;line-height:1.2}[data-theme=dark] .card-out-badge{color:#fca5a5;background:#ef444433;border-color:#ef444466}[data-theme=dark] .card-price-row.row-dar.row-out-of-stock{background:#ef444426;border-color:#ef444466}[data-theme=dark] .card-price-row.row-dar.row-out-of-stock .card-store-name{color:#fca5a5}.badge.badge-out-of-stock{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5;font-weight:700}[data-theme=dark] .badge.badge-out-of-stock{color:#fca5a5;background:#ef444433;border-color:#ef444459}[data-theme=dark] .card-price-row.row-dar{background:#d9b1e81f;border-color:#d9b1e840}[data-theme=dark] .card-price-row.row-dar .card-store-dot{background:var(--primary)}[data-theme=dark] .card-price-row.row-dar .card-store-name,[data-theme=dark] .card-price-row.row-dar .card-store-price{color:var(--primary)}.product-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:.75rem;display:flex}.card-stores{color:var(--text-lighter);font-size:.75rem;font-weight:600}.compare-btn{color:var(--primary);align-items:center;gap:.35rem;font-size:.8rem;font-weight:600;display:flex}.product-card:hover .compare-btn{color:var(--primary-hover)}.empty-state{text-align:center;color:var(--text-muted);border:1px dashed var(--border);border-radius:var(--radius-xl);grid-column:1/-1;padding:4rem 2rem}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.w-full{width:100%}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mt-12{margin-top:3rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.text-center{text-align:center}.detail-breadcrumb{background:var(--bg-card);border-bottom:1px solid var(--border);padding:.75rem 0}.detail-breadcrumb .container{align-items:center;gap:.5rem;font-size:.8rem;display:flex}.breadcrumb-link{color:var(--text-muted);transition:color var(--transition-fast);align-items:center;gap:.35rem;font-weight:600;display:inline-flex}.breadcrumb-link:hover{color:var(--primary)}.breadcrumb-sep{color:var(--text-lighter)}.breadcrumb-current{color:var(--text-main);font-weight:600}.detail-header{background:var(--bg-card);border-bottom:1px solid var(--border);padding:2rem 0}.detail-header-inner{align-items:flex-start;gap:2.5rem;display:flex}.detail-image-box{background:var(--gradient-card);border:1px solid var(--border);border-radius:var(--radius-lg);justify-content:center;align-items:center;width:200px;min-width:200px;height:200px;padding:1.5rem;display:flex}.detail-image{object-fit:contain;max-width:100%;max-height:100%}.detail-info{flex:1;min-width:0}.detail-top-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.detail-badges{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.detail-title{letter-spacing:-.01em;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700;line-height:1.3}.detail-quick-stats{background:var(--bg-main);border-radius:var(--radius-lg);border:1px solid var(--border);align-items:stretch;gap:1.5rem;padding:1.25rem 1.5rem;display:flex}.quick-stat{flex:1;min-width:0}.quick-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.7rem;font-weight:700}.quick-stat-value{color:var(--text-main);font-size:1.25rem;font-weight:800}.quick-stat-sub{color:var(--text-lighter);margin-top:.15rem;font-size:.7rem;font-weight:600}.quick-stat-divider{background:var(--border);width:1px}.detail-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.section-header{margin-bottom:1rem}.section-title{color:var(--text-main);text-transform:uppercase;letter-spacing:.03em;font-size:1rem;font-weight:700}.store-list{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.store-row{border-bottom:1px solid var(--border);transition:background var(--transition-fast);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.store-row:last-child{border-bottom:none}.store-row:hover{background:var(--bg-main)}.store-row-highlight{border-right:3px solid var(--accent);background:#f7f4fb}.store-row-highlight:hover{background:#eee8f8}.store-row-left{flex-direction:column;gap:.35rem;min-width:0;display:flex}.store-row-right{flex-shrink:0;align-items:center;gap:1rem;display:flex}.store-name-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.store-name{color:var(--text-main);font-size:.95rem;font-weight:700}.store-name-primary{color:var(--primary);font-size:1.05rem}.store-meta{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.store-stock{border-radius:var(--radius-full);align-items:center;gap:.2rem;padding:.15rem .5rem;font-size:.7rem;font-weight:700;display:inline-flex}.stock-in{color:var(--success);background:var(--success-bg)}.stock-out{color:var(--danger);background:var(--danger-bg)}.store-offer{border-radius:var(--radius-full);color:var(--warning);background:var(--warning-bg);align-items:center;gap:.2rem;padding:.15rem .5rem;font-size:.7rem;font-weight:700;display:inline-flex}.store-price-group{text-align:right}.store-price{color:var(--text-main);white-space:nowrap;font-size:1rem;font-weight:700}.store-price-primary{color:var(--primary);font-size:1.125rem}.store-original-price{color:var(--text-lighter);margin-top:.1rem;font-size:.75rem;text-decoration:line-through;display:block}.store-delta{border-radius:var(--radius-sm);white-space:nowrap;align-items:center;gap:.2rem;padding:.2rem .5rem;font-size:.75rem;font-weight:700;display:inline-flex}.store-link{color:var(--text-muted);transition:color var(--transition-fast);display:inline-flex}.store-link:hover{color:var(--primary)}.chart-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem}.chart-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.chart-month-filters{flex-wrap:wrap;gap:.35rem;display:flex}.chart-month-btn{border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-main);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);padding:.35rem .75rem;font-size:.75rem;font-weight:600}.chart-month-btn:hover{border-color:var(--text-lighter);color:var(--text-main)}.chart-month-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.chart-change-counter{align-items:center;gap:.5rem;display:flex}.change-count{color:var(--text-main);font-size:1.25rem;font-weight:800}.change-label{color:var(--text-muted);font-size:.75rem;font-weight:600}.chart-store-counters{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.store-counter{align-items:center;gap:.35rem;font-size:.75rem;display:flex}.store-counter-dot{border-radius:50%;width:8px;height:8px}.store-counter-name{color:var(--text-main);font-weight:600}.store-counter-badge{color:var(--text-muted);background:var(--bg-main);border-radius:var(--radius-sm);padding:.1rem .4rem;font-size:.65rem;font-weight:700}.chart-scroll-wrapper{-webkit-overflow-scrolling:touch;overflow:auto hidden}.chart-scroll-wrapper::-webkit-scrollbar{height:6px}.chart-scroll-wrapper::-webkit-scrollbar-track{background:var(--bg-main);border-radius:3px}.chart-scroll-wrapper::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.chart-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:var(--text-lighter)}.site-footer{background-color:var(--bg-card);border-top:1px solid var(--border);margin-top:auto;padding:4rem 0 0}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:2.5rem;display:grid}.footer-brand{max-width:320px}.footer-description{color:var(--text-muted);margin-top:1rem;font-size:.875rem;line-height:1.7}.footer-heading{color:var(--text-main);margin-bottom:1.25rem;font-size:.95rem;font-weight:700}.footer-links{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.footer-links a{color:var(--text-muted);transition:color var(--transition-fast);font-size:.875rem}.footer-links a:hover{color:var(--primary)}.footer-bottom{border-top:1px solid var(--border);color:var(--text-lighter);text-align:center;margin-top:3rem;padding:1.5rem 0;font-size:.8rem}.back-to-top{border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;cursor:pointer;width:44px;height:44px;box-shadow:var(--shadow-float);opacity:0;pointer-events:none;z-index:40;border:none;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:2rem;left:2rem;transform:translateY(20px)scale(.8)}.back-to-top-visible{opacity:1;pointer-events:all;transform:translateY(0)scale(1)}.back-to-top:hover{box-shadow:var(--shadow-float), var(--shadow-glow);transform:translateY(-2px)scale(1.05)}.back-to-top:active{transform:translateY(0)scale(.95)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:1024px){.container{padding:0 1.5rem}.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}.footer-brand{grid-column:1/-1;max-width:100%}}@media (max-width:900px){.detail-grid{grid-template-columns:1fr}.detail-header-inner{text-align:center;flex-direction:column;align-items:center}.detail-badges{justify-content:center}.detail-quick-stats{flex-wrap:wrap}.detail-top-row{justify-content:center}.detail-image-box{width:160px;min-width:160px;height:160px}}@media (max-width:768px){.container{padding:0 1rem}.nav-desktop-only{display:none}.hamburger-btn{display:flex}.mobile-backdrop,.mobile-drawer{display:block}.dashboard-hero{padding:1.5rem 0}.dashboard-hero-inner{flex-direction:column;align-items:stretch;gap:1rem}.dashboard-title{font-size:1.35rem}.dashboard-subtitle{font-size:.8rem}.dashboard-search-wrapper{max-width:100%}.stats-row{grid-template-columns:repeat(3,1fr);gap:.75rem;padding:1rem 0 1.5rem}.stat-number{font-size:1.5rem}.stat-label{font-size:.7rem}.stat-card{padding:1rem}.product-grid{grid-template-columns:repeat(2,1fr);gap:.85rem}.product-image-container{height:140px;padding:.85rem}.product-content{padding:.85rem .75rem}.product-title{min-height:2.3rem;margin-bottom:.6rem;font-size:.85rem}.detail-header{padding:1.5rem 0}.detail-header-inner{gap:1.5rem}.detail-title{margin-bottom:1rem;font-size:1.2rem}.detail-quick-stats{grid-template-columns:1fr 1fr;gap:1rem;padding:1rem;display:grid}.quick-stat-divider{display:none}.quick-stat-value{font-size:1.1rem}.quick-stat-label{font-size:.65rem}.store-row{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem}.store-row-right{border-top:1px dashed var(--border);justify-content:space-between;width:100%;padding-top:.5rem}.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}.footer-brand{grid-column:1/-1}.site-footer{padding:3rem 0 0}.footer-bottom{margin-top:2rem}.features-grid{grid-template-columns:1fr;gap:1rem}.back-to-top{width:40px;height:40px;bottom:1.5rem;left:1.5rem}.category-section{margin-bottom:1.5rem;padding:1rem}.category-chip{padding:.4rem .75rem;font-size:.8rem}.results-bar{flex-direction:column;align-items:flex-start;gap:.75rem}.sort-dropdown{width:100%;min-width:unset}.sort-dropdown-wrapper{width:100%}}@media (max-width:480px){.container{padding:0 .75rem}.logo{gap:.6rem;font-size:1.35rem}.logo-img{width:auto;height:42px;max-height:44px}.dashboard-title{font-size:1.2rem}.stats-row{gap:.5rem}.stat-card{padding:.75rem}.stat-number{font-size:1.25rem}.stat-label{letter-spacing:.02em;font-size:.65rem}.product-grid{grid-template-columns:repeat(2,1fr);gap:.55rem}.product-card{border-radius:var(--radius-lg)}.product-image-container{height:115px;padding:.5rem}.product-content{padding:.55rem .45rem}.card-badges{gap:.2rem;margin-bottom:.35rem}.badge-category,.badge-barcode,.badge{padding:.1rem .35rem;font-size:.55rem}.product-title{min-height:1.9rem;margin-bottom:.45rem;font-size:.75rem;line-height:1.25}.card-prices-list{gap:.2rem;max-height:130px;margin-bottom:.45rem;padding:.3rem .25rem}.card-price-row{gap:.2rem;padding:.2rem .25rem;font-size:.68rem}.card-store-name{max-width:60px;font-size:.68rem}.card-store-dot{width:4px;height:4px}.card-store-price{font-size:.72rem}.card-currency{font-size:.58rem}.card-lowest-badge{padding:.05rem .25rem;font-size:.52rem}.card-price-row.row-dar .card-store-price{font-size:.75rem}.product-footer{padding-top:.35rem}.card-stores{font-size:.65rem}.compare-btn{gap:.2rem;font-size:.68rem}.detail-image-box{width:140px;min-width:140px;height:140px}.detail-quick-stats{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:1.5rem}.breadcrumb-link,.breadcrumb-current{font-size:.7rem}}.nav-upload-link{border-radius:var(--radius-full);background:var(--gradient-primary);transition:all var(--transition-fast);box-shadow:var(--shadow-sm);align-items:center;gap:.35rem;padding:.4rem .85rem;font-size:.85rem;font-weight:600;display:flex;color:#fff!important}.nav-upload-link:hover{background:var(--gradient-primary-hover);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.nav-upload-link-mobile{border-radius:var(--radius-md);background:var(--primary-light);align-items:center;gap:.5rem;margin-top:.5rem;padding:.85rem 1rem;font-weight:700;display:flex;color:var(--primary)!important}.upload-page-title-row{align-items:center;gap:.75rem;display:flex}.upload-page-icon{color:var(--primary);opacity:.8}.upload-section{flex-direction:column;gap:1.25rem;max-width:640px;margin:0 auto;display:flex}.upload-zone{border:2px dashed var(--border);border-radius:var(--radius-xl);text-align:center;cursor:pointer;transition:all var(--transition-normal);background:var(--gradient-card);padding:3rem 2rem;position:relative}.upload-zone:hover{border-color:var(--accent);background:var(--primary-light);box-shadow:var(--shadow-md)}.upload-zone-active{border-color:var(--primary);background:var(--primary-light);box-shadow:0 0 0 4px #5b69ad26, var(--shadow-glow);transform:scale(1.01)}.upload-zone-loaded{border-style:solid;border-color:var(--success);cursor:default;background:var(--success-bg);padding:1.25rem 1.5rem}.upload-zone-loaded:hover{border-color:var(--success);background:var(--success-bg)}.upload-zone-content{flex-direction:column;align-items:center;gap:.75rem;display:flex}.upload-zone-icon{border-radius:var(--radius-lg);background:var(--primary-light);width:64px;height:64px;color:var(--primary);transition:all var(--transition-normal);justify-content:center;align-items:center;margin-bottom:.5rem;display:flex}.upload-zone:hover .upload-zone-icon{background:var(--accent-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.upload-zone-active .upload-zone-icon{background:var(--gradient-primary);color:#fff;animation:1.5s ease-in-out infinite uploadPulse}@keyframes uploadPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.upload-zone-title{color:var(--text-main);font-size:1.25rem;font-weight:700}.upload-zone-subtitle{color:var(--text-muted);font-size:.95rem}.upload-zone-formats{color:var(--text-lighter);align-items:center;gap:.35rem;margin-top:.25rem;font-size:.8rem;display:flex}.upload-zone-loaded-content{justify-content:space-between;align-items:center;gap:1rem;display:flex}.upload-file-info{align-items:center;gap:.75rem;display:flex}.upload-file-icon{color:var(--success);flex-shrink:0}.upload-file-name{color:var(--text-main);font-size:.95rem;font-weight:700;display:block}.upload-file-rows{color:var(--text-muted);font-size:.8rem}.upload-remove-btn{border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-card);width:36px;height:36px;color:var(--danger);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.upload-remove-btn:hover{background:var(--danger-bg);border-color:var(--danger)}.column-selector{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.column-selector-header{color:var(--text-main);border-bottom:1px solid var(--border);background:var(--primary-light);align-items:center;gap:.5rem;padding:.85rem 1.25rem;font-size:.9rem;font-weight:600;display:flex}.column-selector-options{flex-direction:column;display:flex}.column-option{cursor:pointer;text-align:right;width:100%;color:var(--text-main);transition:all var(--transition-fast);border:none;border-bottom:1px solid var(--border);background:0 0;align-items:center;gap:.75rem;padding:.85rem 1.25rem;font-family:inherit;font-size:.9rem;display:flex}.column-option:last-child{border-bottom:none}.column-option:hover{background:var(--primary-light)}.column-option-active{background:var(--primary-light);border-right:3px solid var(--primary)}.column-option-name{flex-shrink:0;font-weight:600}.column-option-preview{color:var(--text-lighter);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.8rem;overflow:hidden}.column-option-check{color:var(--primary);flex-shrink:0}.upload-search-btn{border-radius:var(--radius-lg);background:var(--gradient-primary);color:#fff;cursor:pointer;width:100%;transition:all var(--transition-fast);box-shadow:var(--shadow-md);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.95rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:700;display:flex}.upload-search-btn:hover:not(:disabled){background:var(--gradient-primary-hover);box-shadow:var(--shadow-float);transform:translateY(-1px)}.upload-search-btn:disabled{opacity:.7;cursor:not-allowed}.spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.upload-error{border-radius:var(--radius-lg);background:var(--danger-bg);color:var(--danger);border:1px solid #ef444433;align-items:center;gap:.75rem;max-width:640px;margin:0 auto;padding:.85rem 1.25rem;font-size:.9rem;font-weight:600;display:flex}.upload-error-close{color:var(--danger);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;align-items:center;margin-right:auto;padding:.25rem;display:flex}.upload-error-close:hover{background:#ef444426}.upload-results{flex-direction:column;gap:1.5rem;display:flex}.upload-results-header{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:1.5rem}.upload-results-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.upload-results-title{color:var(--text-main);font-size:1.35rem;font-weight:800}.upload-results-actions{align-items:center;gap:.5rem;display:flex}.upload-download-btn{border-radius:var(--radius-md);background:var(--success);color:#fff;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);border:none;align-items:center;gap:.4rem;padding:.55rem 1rem;font-family:inherit;font-size:.85rem;font-weight:600;display:flex}.upload-download-btn:hover{box-shadow:var(--shadow-md);background:#059669;transform:translateY(-1px)}.upload-reset-btn{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.4rem;padding:.55rem 1rem;font-family:inherit;font-size:.85rem;font-weight:600;display:flex}.upload-reset-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.upload-stats-row{flex-wrap:wrap;gap:.75rem;display:flex}.upload-stat{border-radius:var(--radius-md);background:var(--accent-light);color:var(--accent);flex:1;align-items:center;gap:.6rem;min-width:130px;padding:.65rem 1rem;display:flex}.upload-stat-info{flex-direction:column;display:flex}.upload-stat-number{font-size:1.15rem;font-weight:800;line-height:1.2}.upload-stat-label{opacity:.85;font-size:.72rem;font-weight:500}.upload-stat-success{background:var(--success-bg);color:var(--success)}.upload-stat-danger{background:var(--danger-bg);color:var(--danger)}.upload-stat-winning{background:var(--success-bg);color:var(--success)}.upload-stat-losing{background:var(--warning-bg);color:var(--warning)}button.upload-stat{cursor:pointer;transition:all var(--transition-fast);border:2px solid #0000;font-family:inherit}button.upload-stat:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.upload-stat-active{box-shadow:var(--shadow-md);transform:translateY(-1px);border-color:currentColor!important}.upload-filter-bar{border-radius:var(--radius-md);background:var(--primary-light);color:var(--primary);justify-content:space-between;align-items:center;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;display:flex}.upload-filter-clear{color:var(--primary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;padding:.25rem .5rem;font-family:inherit;font-size:.85rem;font-weight:600}.upload-filter-clear:hover{background:#304e9c1f}.upload-not-found-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.upload-not-found-toggle{cursor:pointer;width:100%;color:var(--danger);transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:.5rem;padding:.85rem 1.25rem;font-family:inherit;font-size:.9rem;font-weight:600;display:flex}.upload-not-found-toggle:hover{background:var(--danger-bg)}.upload-not-found-chevron{transition:transform var(--transition-fast);margin-right:auto}.upload-not-found-chevron.rotated{transform:rotate(180deg)}.upload-not-found-list{flex-wrap:wrap;gap:.5rem;padding:0 1.25rem 1rem;animation:.2s slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.upload-not-found-item{border-radius:var(--radius-sm);background:var(--danger-bg);color:var(--danger);border:1px solid #ef444426;padding:.3rem .7rem;font-family:monospace;font-size:.8rem;font-weight:500;display:inline-block}@media (max-width:640px){.upload-zone{padding:2rem 1.25rem}.upload-stats-row{flex-direction:column}.upload-stat{min-width:auto}.upload-results-title-row{flex-direction:column;align-items:stretch}.upload-results-actions{justify-content:stretch}.upload-download-btn,.upload-reset-btn{flex:1;justify-content:center}}.login-page-container{background:var(--bg-main);background-image:radial-gradient(circle at 20% 20%,#5b69ad14 0%,#0000 40%),radial-gradient(circle at 80% 80%,#d9b1e81f 0%,#0000 40%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex;position:relative}.login-top-bar{z-index:10;position:absolute;top:1.5rem;left:1.5rem}.login-wrapper{width:100%;max-width:440px;margin:0 auto}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-float);transition:all var(--transition-normal);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:2.5rem 2rem;position:relative;overflow:hidden}.login-card:before{content:"";background:var(--gradient-brand);height:4px;position:absolute;top:0;left:0;right:0}.login-card-loading{color:var(--primary);justify-content:center;align-items:center;padding:4rem;display:flex}.login-card-header{text-align:center;margin-bottom:2rem}.login-logo-wrapper{border-radius:var(--radius-full);background:var(--primary-light);box-shadow:var(--shadow-md);border:1px solid #d9b1e84d;justify-content:center;align-items:center;margin-bottom:1rem;padding:.5rem;display:inline-flex}.login-logo-img{border-radius:var(--radius-full);object-fit:cover}.login-title{color:var(--text-main);letter-spacing:-.02em;margin:0 0 .5rem;font-size:1.75rem;font-weight:800}.login-subtitle{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.5}.login-error-alert{border-radius:var(--radius-md);background:var(--danger-bg);color:var(--danger);border:1px solid #ef444440;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.85rem 1rem;font-size:.875rem;font-weight:500;animation:.4s loginShake;display:flex}@keyframes loginShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.login-error-icon{flex-shrink:0}.login-form{flex-direction:column;gap:1.25rem;display:flex}.login-input-group{flex-direction:column;gap:.4rem;display:flex}.login-label{color:var(--text-main);font-size:.85rem;font-weight:600}.login-input-wrapper{align-items:center;display:flex;position:relative}.login-input-icon{color:var(--text-lighter);pointer-events:none;transition:color var(--transition-fast);position:absolute;right:1rem}.login-input{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-main);width:100%;color:var(--text-main);transition:all var(--transition-fast);outline:none;padding:.8rem 2.75rem .8rem 1rem;font-family:inherit;font-size:.95rem}.login-input:focus{border-color:var(--accent);background:var(--bg-card);box-shadow:0 0 0 3px #5b69ad26}.login-input:focus+.login-input-icon,.login-input-wrapper:focus-within .login-input-icon{color:var(--accent)}.login-input-password{padding-left:2.75rem}.login-eye-btn{color:var(--text-lighter);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;display:flex;position:absolute;left:.75rem}.login-eye-btn:hover{color:var(--text-main)}.login-options-row{justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.login-checkbox-label{color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;display:flex}.login-checkbox{width:1rem;height:1rem;accent-color:var(--primary);cursor:pointer;border-radius:4px}.login-submit-btn{border-radius:var(--radius-md);background:var(--gradient-primary);color:#fff;cursor:pointer;transition:all var(--transition-normal);border:none;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:.85rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:700;display:flex;box-shadow:0 4px 12px #304e9c40}.login-submit-btn:hover:not(:disabled){background:var(--gradient-primary-hover);transform:translateY(-1px);box-shadow:0 6px 16px #304e9c59}.login-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-spinner{animation:1s linear infinite spin}.login-footer{border-top:1px solid var(--border);text-align:center;margin-top:2rem;padding-top:1.5rem}.login-security-badge{color:var(--text-lighter);align-items:center;gap:.5rem;font-size:.75rem;font-weight:500;display:inline-flex}.login-shield-icon{color:var(--success)}.nav-logout-btn{border-radius:var(--radius-full);background:var(--danger-bg);color:var(--danger);cursor:pointer;transition:all var(--transition-fast);border:1px solid #ef444433;align-items:center;gap:.4rem;padding:.45rem .85rem;font-family:inherit;font-size:.825rem;font-weight:600;text-decoration:none;display:inline-flex}.nav-logout-btn:hover{background:var(--danger);color:#fff;border-color:var(--danger);transform:translateY(-1px)}.nav-logout-btn-mobile{border-radius:var(--radius-md);background:var(--danger-bg);color:var(--danger);cursor:pointer;text-align:right;border:1px solid #ef444433;align-items:center;gap:.6rem;width:100%;margin-top:1rem;padding:.85rem 1rem;font-family:inherit;font-size:.95rem;font-weight:600;display:flex}.price-sync-banner{border-bottom:1px solid var(--border);transition:all var(--transition-normal);background:linear-gradient(90deg,#304e9c14 0%,#5b69ad0d 50%,#d9b1e814 100%);padding:.55rem 0;font-family:inherit}[data-theme=dark] .price-sync-banner{border-bottom-color:var(--border);background:linear-gradient(90deg,#5b69ad29 0%,#13192af2 50%,#d9b1e814 100%)}.price-sync-banner-inner{justify-content:space-between;align-items:center;gap:1rem;display:flex}.price-sync-content{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.price-sync-badge{background:var(--primary-light);color:var(--primary);border-radius:var(--radius-full);border:1px solid #304e9c33;flex-shrink:0;align-items:center;gap:.35rem;padding:.2rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}[data-theme=dark] .price-sync-badge{border-color:#d9b1e840}.price-sync-icon-pulse{color:var(--primary);animation:2.5s ease-in-out infinite syncPulse}@keyframes syncPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.92)}}.price-sync-message{color:var(--text-main);margin:0;font-size:.825rem;line-height:1.5}.price-sync-message strong{color:var(--primary);font-weight:700}.price-sync-dismiss-btn{color:var(--text-lighter);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:.3rem;display:flex}.price-sync-dismiss-btn:hover{color:var(--text-main);background:#0000000d}[data-theme=dark] .price-sync-dismiss-btn:hover{background:#ffffff14}.hero-sync-pill{background:var(--primary-light);border-radius:var(--radius-full);color:var(--text-muted);border:1px solid #5b69ad33;align-items:center;gap:.45rem;margin-top:.65rem;padding:.35rem .85rem;font-size:.8rem;font-weight:600;display:inline-flex}.hero-sync-icon{color:var(--primary);flex-shrink:0}.product-sync-callout{border-radius:var(--radius-md);background:var(--primary-light);color:var(--text-main);border:1px solid #5b69ad33;align-items:flex-start;gap:.75rem;padding:.85rem 1.15rem;font-size:.85rem;line-height:1.6;display:flex}[data-theme=dark] .product-sync-callout{background:#5b69ad1a;border-color:#5b69ad40}.product-sync-callout-icon{color:var(--primary);flex-shrink:0;margin-top:.15rem}.product-sync-callout-text{flex:1}.product-sync-callout-text strong{color:var(--primary)}