.mobile-menu{z-index:10000;background:#fff;border-radius:0 16px 16px 0;flex-direction:column;width:85%;max-width:350px;height:100%;padding:30px 24px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:-100%;overflow-y:auto;box-shadow:4px 0 24px #00000026}.mobile-menu.open{left:0}.mobile-menu__header{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.close-btn{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;transition:all .2s;display:flex}.close-btn:hover{color:#fff;background:#ef4444;transform:rotate(90deg)}.mobile-menu__search{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:30px;transition:all .3s;display:flex;overflow:hidden}.mobile-menu__search:focus-within{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.mobile-menu__search input{color:#334155;background:0 0;border:none;outline:none;flex:1;padding:12px 16px;font-size:15px}.mobile-menu__search button{color:#fff;cursor:pointer;background:#ef4444;border:none;padding:0 18px;transition:background .3s}.mobile-menu__search button:hover{background:#dc2626}.mobile-menu__links{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.mobile-menu__links li a{color:#334155;background:0 0;border-radius:10px;padding:12px 16px;font-size:16px;font-weight:500;text-decoration:none;transition:all .2s;display:block}.mobile-menu__links li a:hover{color:#ef4444;background:#fef2f2;transform:translate(5px)}.mobile-menu__links .hot-deals{color:#d97706;font-weight:700}
.header{z-index:999999;background:#fff;width:100%;font-family:Inter,sans-serif;transition:all .3s;top:0;left:0;box-shadow:0 4px 20px #0000000d}.header__top{color:#f8fafc;background:#0f172a;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:8px 40px;font-size:13px;font-weight:500;display:flex}.header__contact span{opacity:.9;letter-spacing:.3px;align-items:center;gap:8px;display:flex}.header__links span,.header__links a{color:#f8fafc;opacity:.8;margin-left:20px;text-decoration:none;transition:color .3s}.header__links a:hover{color:#fbbf24;opacity:1}.header__middle{background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:16px 40px;transition:all .3s;display:flex}.header__logo a{align-items:center;gap:12px;text-decoration:none;display:flex}.header__logo img{cursor:pointer;filter:drop-shadow(0 2px 4px #0000001a);width:auto;max-height:55px;transition:transform .3s}.header__logo img:hover{transform:scale(1.05)rotate(-3deg)}#header-site-title{color:#ef4444;letter-spacing:.5px;background:linear-gradient(45deg,#ef4444,#f97316);-webkit-text-fill-color:transparent;text-shadow:2px 2px 4px #0000000d;-webkit-background-clip:text;margin:0;font-family:Pacifico,cursive;font-size:1.8rem;font-weight:400}.header__actions{align-items:center;gap:32px;display:flex}.header__icon{text-align:center;color:#334155;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;min-width:50px;font-size:22px;text-decoration:none;transition:all .3s;display:flex;position:relative}.header__icon a{color:inherit;flex-direction:column;align-items:center;text-decoration:none;display:flex}.header__icon:hover{color:#ef4444;transform:translateY(-2px)}.headericontile{color:#64748b;letter-spacing:.3px;text-transform:uppercase;margin-top:4px;font-size:11px;font-weight:600;transition:color .3s}.header__icon:hover .headericontile{color:#ef4444}.header__mobile-toggle{cursor:pointer;color:#334155;background:0 0;border:none;border-radius:8px;padding:8px;font-size:24px;transition:all .3s;display:none}.header__mobile-toggle:hover{color:#ef4444;background:#f1f5f9}@media (max-width:1024px){.header__middle{padding:12px 24px}.header__top{padding:8px 24px}}@media (max-width:768px){#pc-navbar,.header__actions{display:none}.header__mobile-toggle{display:block}.header__middle{justify-content:space-between;padding:12px 20px}#header-site-title{font-size:1.5rem}}@media (max-width:480px){.header__top{justify-content:center;padding:6px 10px}.header__links{display:none}.header__middle{padding:10px 16px}.header__logo img{max-height:40px}#header-site-title{font-size:1.3rem}}
