:root{--font-sans:"Tajawal","Segoe UI",Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-black:#000;--color-white:#fff;--spacing:0.25rem;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-tight:-0.025em;--radius-md:0.375rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--default-transition-duration:0.15s;--default-transition-timing-function:cubic-bezier(0.4,0,0.2,1);--color-background:#17232d;--color-foreground:#f7fbff;--color-panel:#0a111a;--color-panel-soft:#111d28;--color-line:#283b49;--color-muted:#b6c1c8;--color-aqua:#35d3c4;--color-blue:#087fc8;--color-orange:#ff9f00;--color-green:#4bcf69}html[data-theme=light]{--color-background:#f1f4f6;--color-foreground:#0a111a;--color-panel:#fff;--color-panel-soft:#e9eef2;--color-line:#d1dce3;--color-muted:#5b6b77;--color-aqua:#1baea1;--color-blue:#066bb3;--color-orange:#e08e00;--color-green:#36b856}*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--font-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif);-webkit-tap-highlight-color:transparent}body{background-color:var(--color-background);color:var(--color-foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:inherit}canvas,img,svg,video{display:block}img,video{max-width:100%;height:auto}menu,ol,ul{list-style:none}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}button,input,select,textarea{font:inherit;color:inherit;opacity:1;background-color:transparent;border-radius:0}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.absolute{position:absolute}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-0{top:0}.top-1{top:var(--spacing)}.right-1{right:var(--spacing)}.z-20{z-index:20}.order-first{order:-9999}.mx-auto{margin-inline:auto}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-7{margin-bottom:calc(var(--spacing) * 7)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-\[73px\]{height:73px}.h-auto{height:auto}.h-\[calc\(100vh-73px\)\]{height:calc(100vh - 73px)}.min-h-screen{min-height:100vh}.w-9{width:calc(var(--spacing) * 9)}.w-full{width:100%}.w-px{width:1px}.w-\[292px\]{width:292px}.min-w-0{min-width:0}.shrink-0{flex-shrink:0}.flex-1{flex:1 1 0%}.max-w-md{max-width:28rem}.max-w-\[1440px\]{max-width:1440px}.max-w-\[980px\]{max-width:980px}.max-w-\[230px\]{max-width:230px}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-10{gap:calc(var(--spacing) * 10)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-7{padding-block:calc(var(--spacing) * 7)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.pt-0{padding-top:0}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-line{border-color:var(--color-line)}.ring-1{--tw-ring-shadow:0 0 0 1px var(--tw-ring-color,currentColor)}.ring-1,.ring-2{box-shadow:var(--tw-ring-shadow)}.ring-2{--tw-ring-shadow:0 0 0 2px var(--tw-ring-color,currentColor)}.ring-aqua\/30{--tw-ring-color:rgba(53,211,196,.3)}.ring-aqua\/50{--tw-ring-color:rgba(53,211,196,.5)}.ring-aqua\/60{--tw-ring-color:rgba(53,211,196,.6)}.ring-white\/10{--tw-ring-color:hsla(0,0%,100%,.1)}.rounded,.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:9999px}.aspect-square{aspect-ratio:1/1}.object-contain{-o-object-fit:contain;object-fit:contain}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-black{font-weight:var(--font-weight-black)}.tracking-tight{letter-spacing:var(--tracking-tight)}.text-center{text-align:center}.leading-6{line-height:calc(var(--spacing) * 6)}.leading-7{line-height:calc(var(--spacing) * 7)}.bg-background{background-color:var(--color-background)}.bg-panel{background-color:var(--color-panel)}.bg-panel-soft{background-color:var(--color-panel-soft)}.bg-blue{background-color:var(--color-blue)}.bg-aqua\/15{background-color:rgba(53,211,196,.15)}.bg-blue\/20{background-color:rgba(8,127,200,.2)}.bg-muted{background-color:var(--color-muted)}.text-foreground{color:var(--color-foreground)}.text-muted{color:var(--color-muted)}.text-aqua{color:var(--color-aqua)}.text-blue{color:var(--color-blue)}.text-orange{color:var(--color-orange)}.text-green{color:var(--color-green)}.text-white{color:var(--color-white)}.text-muted\/70{color:rgba(182,193,200,.7)}.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}.shadow-blue\/20{box-shadow:0 10px 15px -3px rgba(8,127,200,.2)}.shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.shadow-black\/20{box-shadow:0 25px 50px -12px rgba(0,0,0,.2)}.transition{transition-property:all;transition-duration:var(--default-transition-duration);transition-timing-function:var(--default-transition-timing-function)}.duration-500{transition-duration:.5s}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.object-cover{-o-object-fit:cover;object-fit:cover}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hover\:text-foreground:hover{color:var(--color-foreground)}.hover\:bg-blue\/85:hover{background-color:rgba(8,127,200,.85)}.hover\:bg-panel-soft:hover{background-color:var(--color-panel-soft)}.hover\:border-aqua:hover{border-color:var(--color-aqua)}.hover\:ring-aqua\/50:hover{--tw-ring-color:rgba(53,211,196,.5)}.hover\:ring-aqua\/60:hover{--tw-ring-color:rgba(53,211,196,.6)}.focus\:border-aqua:focus{border-color:var(--color-aqua)}.hover\:-translate-y-1:hover{transform:translateY(-.25rem)}.group:hover .group-hover\:scale-\[1\.03\]{transform:scale(1.03)}.group:hover .group-hover\:opacity-100{opacity:1}@media (min-width:640px){.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:flex{display:flex}.sm\:block{display:block}.sm\:px-7{padding-inline:calc(var(--spacing) * 7)}.sm\:py-7{padding-block:calc(var(--spacing) * 7)}.sm\:gap-4{gap:calc(var(--spacing) * 4)}.sm\:gap-5{gap:calc(var(--spacing) * 5)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:border-t-0{border-top-width:0}.sm\:pt-0{padding-top:0}}@media (min-width:768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.lg\:flex-row{flex-direction:row}.lg\:order-last{order:9999}.lg\:sticky{position:sticky}.lg\:top-0{top:0}.lg\:h-\[calc\(100vh-73px\)\]{height:calc(100vh - 73px)}.lg\:w-\[292px\]{width:292px}.lg\:overflow-y-auto{overflow-y:auto}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.animate-scale-in{animation:scaleIn .5s ease-out forwards}.animate-slide-in-right{animation:slideInRight .5s ease-out forwards}.animate-slide-in-left{animation:slideInLeft .5s ease-out forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.animate-fade-in,.animate-fade-in-up,.animate-scale-in,.animate-slide-in-left,.animate-slide-in-right{opacity:0}.sidebar-toggle{cursor:pointer;background:none;border:none;color:var(--color-muted);padding:0}.sidebar-desktop{display:none}.sidebar-desktop.open{display:block;position:fixed;top:73px;right:0;bottom:0;width:340px;max-width:100vw;z-index:30;background:var(--color-panel);border-left:1px solid var(--color-line);overflow-y:auto;animation:fadeIn .3s ease-out}.search-bar input:focus,.search-bar input:focus-visible,input:focus,input:focus-visible{outline:none!important;border-color:transparent!important;box-shadow:none!important}.focus-visible\:outline-aqua:focus-visible{outline-color:var(--color-aqua)}.focus-visible\:outline-2:focus-visible{outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.border-white\/5{border-color:hsla(0,0%,100%,.05)}.border-white\/10{border-color:hsla(0,0%,100%,.1)}[dir=rtl]{direction:rtl}[dir=ltr]{direction:ltr}.space-y-1>*+*{margin-top:calc(var(--spacing) * 1)}.toggle-dot.active{right:auto!important;left:4px;background:var(--color-aqua)!important}.btn-ripple{position:relative;overflow:hidden}.ripple-effect{position:absolute;width:5px;height:5px;border-radius:50%;background:hsla(0,0%,100%,.4);transform:translate(-50%,-50%);animation:rippleExpand .6s ease-out;pointer-events:none}@keyframes rippleExpand{to{width:300px;height:300px;opacity:0}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-panel)}::-webkit-scrollbar-thumb{background:var(--color-line);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-muted)}input[type=email]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=text]::-moz-placeholder{color:var(--color-muted);opacity:1}input[type=email]::placeholder,input[type=password]::placeholder,input[type=text]::placeholder{color:var(--color-muted);opacity:1}.product-card img{height:220px;-o-object-fit:cover;object-fit:cover}.product-card .text-shadow{text-shadow:0 2px 4px rgba(0,0,0,.8)}.disabled-img{opacity:.4!important}.disabled-a{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:not-allowed;pointer-events:none}.not-available-badge{position:absolute;top:17px;right:2px;color:#e53935;font-weight:900;font-size:14px;font-style:italic;transform:rotate(35deg);text-shadow:0 1px 3px rgba(0,0,0,.6);z-index:5}details[open] summary svg.chevron-icon{transform:rotate(180deg)}summary::-webkit-details-marker{display:none}#preloader{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:var(--color-background,#0b1120);transition:opacity .4s ease,visibility .4s ease}#preloader.hidden{opacity:0;visibility:hidden;pointer-events:none}.preloader-logo{width:64px;height:64px;border-radius:14px;-o-object-fit:contain;object-fit:contain;animation:preloader-pulse 1.4s ease-in-out infinite}.preloader-spinner{width:38px;height:38px;border:3px solid hsla(0,0%,100%,.15);border-top-color:#22d3ee;border-radius:50%;animation:preloader-spin .8s linear infinite}@keyframes preloader-spin{to{transform:rotate(1turn)}}@keyframes preloader-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.8}}.lc-whatsapp-fab{position:fixed;bottom:20px;right:20px;z-index:99990;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:#25d366;color:#fff;box-shadow:0 5px 16px rgba(37,211,102,.45);transition:transform .25s ease,box-shadow .25s ease;animation:lc-wa-pulse 2.2s ease-in-out infinite}html[dir=rtl] .lc-whatsapp-fab{right:auto;left:20px}.lc-whatsapp-fab:hover{transform:scale(1.08);box-shadow:0 7px 20px rgba(37,211,102,.6);color:#fff}.lc-whatsapp-fab svg{width:30px;height:30px}@keyframes lc-wa-pulse{0%,to{box-shadow:0 5px 16px rgba(37,211,102,.45)}50%{box-shadow:0 5px 20px rgba(37,211,102,.75)}}@media (max-width:640px){.lc-whatsapp-fab{width:46px;height:46px;bottom:16px;right:16px}html[dir=rtl] .lc-whatsapp-fab{right:auto;left:16px}.lc-whatsapp-fab svg{width:28px;height:28px}}