*{box-sizing:border-box;margin:0;padding:0}body{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;--s-primary:#ef4a23;--s-primary-dark:#d51e0b;--s-secondary:#3749bb;--s-tertiary:#838383;--s-hf-bg:#081621;--s-b-bg:#f2f4f8;--s-m-bg:#6e2594;--s-s-bg:#3749bb0d;--s-f-c1:#666;--s-f-c2:#fff;background-color:var(--s-b-bg);color:#1e2a3e;font-family:Trebuchet MS,sans-serif;font-size:14px;line-height:1.15}.container{max-width:1320px;margin:0 auto;padding:0 20px}.top-bar{background-color:var(--s-hf-bg);color:var(--s-f-c2);z-index:1001;padding:12px 0;position:relative}.top-bar .container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;display:flex}.logo img{width:auto;height:48px;display:block}.search-box{width:45%;max-width:550px;display:flex;position:relative}.search-box input{color:#333;border:none;border-radius:4px;outline:none;width:100%;padding:10px 50px 10px 15px;font-size:12px}.search-box button{color:#081621;cursor:pointer;background:0 0;border:none;width:50px;height:100%;font-size:18px;position:absolute;top:0;right:0}.q-actions{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.action-item{color:var(--s-f-c2);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;text-decoration:none;display:flex}.icon-wrapper .material-icons{color:var(--s-primary);font-size:20px}.action-content h5{margin-bottom:2px;font-size:10px;font-weight:600}.action-content p,.action-content p a{color:#acb2b7;font-size:11px;text-decoration:none}.action-content p a:hover{color:var(--s-primary)}.cart-badge{position:relative}.cart-count-badge{background:var(--s-primary);color:#fff;border-radius:30px;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-8px;right:-12px}.blink{animation:1.5s infinite flash-animation}@keyframes flash-animation{0%,to{opacity:1}50%{opacity:.4}}.btn-pc-builder{color:#fff;background:linear-gradient(45deg,#00237e,#3749bb,#0bc1e9,#3749bb,#00237e) 0 0/400% 400%;border:none;border-radius:4px;padding:6px 16px;font-size:12px;font-weight:600;line-height:22px;text-decoration:none;animation:15s infinite gradient;display:inline-block;box-shadow:0 4px 15px #0bc1e959}@keyframes gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.menu-toggle-btn{color:#fff;cursor:pointer;background:0 0;border:none;display:none}.nav-menu{z-index:1000;background:#fff;position:sticky;top:0;box-shadow:0 2px 4px #00000014}.nav-items{justify-content:space-between;margin:0;padding:0;list-style:none;display:flex}.nav-item{position:relative}.nav-link{color:#081621;white-space:nowrap;padding:16px 6px;font-size:12.5px;font-weight:700;text-decoration:none;transition:color .15s;display:block}.nav-item:hover>.nav-link{color:var(--s-primary)}.dropdown-level-1{opacity:0;visibility:hidden;border-top:3px solid var(--s-primary);background:#fff;min-width:220px;padding:5px 0;list-style:none;transition:all .15s;position:absolute;top:100%;left:0;transform:translateY(8px);box-shadow:0 5px 15px #00000026}.nav-item:hover>.dropdown-level-1{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-level-1 li{position:relative}.dropdown-level-1 li a{color:#1e2a3e;justify-content:space-between;align-items:center;padding:10px 18px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.dropdown-level-1 li:hover>a{background-color:var(--s-primary);color:#fff}.dropdown-level-2{opacity:0;visibility:hidden;background:#fff;border-left:1px solid #f1f3f5;min-width:210px;padding:5px 0;list-style:none;transition:all .15s;position:absolute;top:-5px;left:100%;transform:translate(8px);box-shadow:5px 5px 15px #00000026}.dropdown-level-1 li:hover>.dropdown-level-2{opacity:1;visibility:visible;transform:translate(0)}.dropdown-level-2 li a{color:#1e2a3e!important;background:#fff!important}.dropdown-level-2 li:hover>a{background-color:var(--s-primary)!important;color:#fff!important}.has-submenu:after{content:"➔";opacity:.6;margin-left:auto;padding-left:10px;font-size:10px}.dropdown-level-1 li:hover>a.has-submenu:after{opacity:1}.mobile-nav-sidebar{z-index:1200;background:#fff;width:300px;height:100%;transition:left .3s;position:fixed;top:0;left:-320px;overflow-y:auto;box-shadow:4px 0 15px #0000001a}.mobile-nav-sidebar.open{left:0}.mobile-menu-header{background:var(--s-hf-bg);color:#fff;justify-content:space-between;align-items:center;padding:16px;display:flex}.mobile-menu-list{margin:0;padding:0;list-style:none}.mobile-menu-item{border-bottom:1px solid #f1f3f5}.mobile-menu-link{color:#333;justify-content:space-between;align-items:center;padding:14px 18px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.mobile-menu-link.active-toggle{color:var(--s-primary)}.mobile-dropdown{background:#fdfdfd;border-left:3px solid #eee;padding-left:15px;list-style:none;display:none}.mobile-dropdown li a{color:#555;justify-content:space-between;align-items:center;padding:11px 18px;font-size:13px;font-weight:500;text-decoration:none;display:flex}.mobile-sub-dropdown{background:#f7f9fa;padding-left:15px;list-style:none;display:none}.mobile-sub-dropdown li a{color:#666;padding:9px 18px;font-size:12.5px}.toggle-icon{color:#888;-webkit-user-select:none;user-select:none;font-size:18px;transition:transform .2s}.rotated{transform:rotate(180deg)}.slider-section{margin:20px 0}.slider-container{border-radius:8px;position:relative;overflow:hidden}.slides{transition:transform .4s;display:flex}.slide{color:#fff;background-position:50%;background-size:cover;align-items:center;min-width:100%;height:380px;padding:0 48px;display:flex}.slide-content h2{font-size:2.5rem;font-weight:700}.dots{text-align:center;margin-top:16px}.dot{cursor:pointer;background:#cbd5e1;border-radius:10px;width:100%;max-width:10px;height:10px;margin:0 5px;display:inline-block}.dot.active{background:var(--s-primary);max-width:28px}.quick-links{flex-wrap:wrap;justify-content:space-between;gap:20px;margin:30px 0;display:flex}.q-card{color:inherit;background:#fff;border:1px solid #edf2f7;border-radius:40px;flex:1;align-items:center;gap:14px;min-width:200px;padding:12px 24px;text-decoration:none;display:flex;box-shadow:0 2px 5px #0000000d}.q-card i{color:var(--s-primary);font-size:24px}.q-card span{font-size:14px;font-weight:600}.section-title{text-align:center;margin:30px 0 6px;font-size:18px;font-weight:700}.section-sub{color:#5b6e8c;text-align:center;margin-bottom:24px;font-size:13px}.categories-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px;margin-bottom:40px;display:grid}.cat-card{text-align:center;cursor:pointer;background:#fff;border:1px solid #ecf3fa;border-radius:8px;padding:15px 8px}.cat-card img{object-fit:contain;width:48px;height:48px;margin-bottom:8px}.cat-card p{font-size:12px;font-weight:500}.product-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px;margin:20px 0 40px;display:grid}.product-card{background:#fff;border:1px solid #edf2f9;border-radius:8px;padding:16px;transition:all .2s;overflow:hidden;box-shadow:0 2px 8px #0000000a}.product-card:hover{transform:translateY(-3px);box-shadow:0 10px 20px #00000014}.product-img{text-align:center;background:#fafcff;border-radius:4px;padding:12px}.product-img img{object-fit:contain;max-width:100%;height:160px}.product-title{height:54px;margin:14px 0 8px;font-size:14px;font-weight:600;line-height:1.3;overflow:hidden}.price{color:var(--s-primary);margin:8px 0;font-size:18px;font-weight:700}.old-price{color:#8a99b0;margin-left:8px;font-size:13px;text-decoration:line-through}.add-cart-btn{background:var(--s-primary);color:#fff;cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;gap:10px;width:100%;padding:10px;font-weight:600;transition:all .2s;display:flex}.add-cart-btn:hover{background:var(--s-primary-dark)}.drawer{z-index:1300;background:#fff;flex-direction:column;width:380px;height:100%;padding:24px;transition:right .3s;display:flex;position:fixed;top:0;right:-400px;box-shadow:-4px 0 24px #0000001a}.drawer.open{right:0}.drawer-header{border-bottom:1px solid #eef2f8;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.cart-items-list{flex:1;overflow-y:auto}.cart-item{border-bottom:1px solid #f0f2f5;gap:12px;margin-bottom:20px;padding-bottom:12px;display:flex}.cart-item-img{object-fit:contain;background:#f7f9fc;border-radius:8px;width:60px;height:60px}.cart-item-details h4{font-size:13px}.cart-item-price{color:var(--s-primary);font-weight:600}.remove-item{color:#b91c1c;cursor:pointer;margin-top:6px;font-size:11px;display:inline-block}.total-price{margin:20px 0;font-size:18px;font-weight:800}.overlay{visibility:hidden;z-index:1050;background:#0006;width:100%;height:100%;position:fixed;top:0;left:0}.overlay.active{visibility:visible;z-index:1150}footer{color:#cbd5e1;background:#0f172a;margin-top:40px;padding:48px 0 24px}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:40px;display:grid}.footer-col h4{color:#fff;margin-bottom:20px;font-size:16px}.footer-col a{color:#94a3b8;margin-bottom:10px;font-size:13px;text-decoration:none;display:block}.copyright{text-align:center;border-top:1px solid #1e293b;margin-top:40px;padding-top:40px;font-size:12px}@media (max-width:768px){.footer-grid{flex-direction:column;align-items:center;gap:24px;display:flex}.footer-col{text-align:center;flex-direction:column;align-items:center;display:flex}.copyright{text-align:center;margin-top:20px}}@media (max-width:1300px){.nav-menu .container{overflow-x:auto}.nav-items{gap:4px}.search-box{display:none!important}}@media (max-width:991px){.top-bar{position:sticky;top:0;box-shadow:0 2px 10px #0003}.top-bar .container{flex-wrap:nowrap;justify-content:space-between;align-items:center;padding:0 16px;display:flex}.menu-toggle-btn{display:block}.logo{position:absolute;left:50%;transform:translate(-50%)}.logo img{height:36px}.search-box,.q-actions .action-item:not(#cartIconBtn),.pc-builder-wrapper{display:none!important}.q-actions{gap:0}.q-actions #cartIconBtn .action-content{display:none}.q-actions #cartIconBtn .icon-wrapper .material-icons{color:#fff;font-size:26px}.nav-menu{display:none}.slide{height:220px;padding:0 20px}.slide-content h2{font-size:1.5rem}}